chunk-AFRCQTBU.js

import{a as ze,c as ue}from"./chunk-SQFUEMGN.js";import{a as se,b as de}from"./chunk-JIN4IEPR.js";import"./chunk-OZLV23FZ.js";import{a as me,b as ae,c as oe,d as le,e as re,f as pe}from"./chunk-ARKKPO2L.js";import"./chunk-7IR2ER4N.js";import{f as W,k as q}from"./chunk-GDHEBRUM.js";import"./chunk-O5GFCFR7.js";import"./chunk-AMB2SXIB.js";import{a as f,g as K,h as J,j as X}from"./chunk-N7GBLZI4.js";import"./chunk-M3GNLX5T.js";import"./chunk-TSUNBK3M.js";import{Ha as Z,Hc as I,Jc as F,Kc as P,Lc as ie,Nc as j,gc as V,mc as Q,qc as B,uc as v}from"./chunk-O3IWK6WU.js";import{$c as ne,Ac as R,Bc as G,Gc as e,Hc as x,Ib as u,Lc as b,Mc as D,Nc as N,Sc as _,Vb as a,Wb as L,Xc as s,Yc as S,Zc as g,_c as U,hc as n,ic as t,jc as l,mb as te,qc as y,rb as i,xa as d,ya as z,zc as O}from"./chunk-NACBYLXS.js";import"./chunk-EQDQRRRY.js";var Y=()=>[7,8,2,3],k=class p{static \u0275fac=function(m){return new(m||p)};static \u0275cmp=u({type:p,selectors:[["nz-demo-pipes-aggregate"]],decls:13,vars:25,consts:[[3,"nzGutter"],[3,"nzSpan"],["nzTitle","Max [7, 8, 2, 3]",3,"nzValue"],["nzTitle","Min [7, 8, 2, 3]",3,"nzValue"],["nzTitle","Sum [7, 8, 2, 3]",3,"nzValue"],["nzTitle","Avg [7, 8, 2, 3]",3,"nzValue"]],template:function(m,o){m&1&&(n(0,"nz-row",0)(1,"nz-col",1),l(2,"nz-statistic",2),s(3,"nzAggregate"),t(),n(4,"nz-col",1),l(5,"nz-statistic",3),s(6,"nzAggregate"),t(),n(7,"nz-col",1),l(8,"nz-statistic",4),s(9,"nzAggregate"),t(),n(10,"nz-col",1),l(11,"nz-statistic",5),s(12,"nzAggregate"),t()()),m&2&&(a("nzGutter",16),i(),a("nzSpan",6),i(),a("nzValue",g(3,9,_(21,Y),"max")),i(2),a("nzSpan",6),i(),a("nzValue",g(6,12,_(22,Y),"min")),i(2),a("nzSpan",6),i(),a("nzValue",g(9,15,_(23,Y),"sum")),i(2),a("nzSpan",6),i(),a("nzValue",g(12,18,_(24,Y),"avg")))},dependencies:[ie,P,F,ue,ze,me],encapsulation:2})};var T=class p{static \u0275fac=function(m){return new(m||p)};static \u0275cmp=u({type:p,selectors:[["nz-demo-pipes-bytes"]],decls:22,vars:26,template:function(m,o){m&1&&(n(0,"ul")(1,"li"),e(2),s(3,"nzBytes"),t(),n(4,"li"),e(5),s(6,"nzBytes"),t(),n(7,"li"),e(8),s(9,"nzBytes"),t(),n(10,"li"),e(11),s(12,"nzBytes"),t(),n(13,"li"),e(14),s(15,"nzBytes"),t(),n(16,"li"),e(17),s(18,"nzBytes"),t(),n(19,"li"),e(20),s(21,"nzBytes"),t()()),m&2&&(i(2),x(S(3,7,200)),i(3),x(S(6,9,1024)),i(3),x(S(9,11,1048576)),i(3),x(U(12,13,1024,0,"KB")),i(3),x(S(15,17,1073741824)),i(3),x(S(18,19,1099511627776)),i(3),x(ne(21,21,1073741824,0,"B","MB")))},dependencies:[ae],encapsulation:2})};var w=class p{radiusValue=0;static \u0275fac=function(m){return new(m||p)};static \u0275cmp=u({type:p,selectors:[["nz-demo-pipes-css-unit"]],decls:11,vars:17,consts:[[3,"ngModelChange","ngModel","nzMax","nzMin"],[1,"wrap"],[1,"box"]],template:function(m,o){m&1&&(n(0,"nz-slider",0),N("ngModelChange",function(c){return D(o.radiusValue,c)||(o.radiusValue=c),c}),t(),n(1,"div",1)(2,"div",2),s(3,"nzToCssUnit"),e(4,"Default"),t(),n(5,"div",2),s(6,"nzToCssUnit"),e(7,"%"),t(),n(8,"div",2),s(9,"nzToCssUnit"),e(10,"rem"),t()()),m&2&&(b("ngModel",o.radiusValue),a("nzMax",100)("nzMin",0),i(2),L("border-radius",S(3,9,o.radiusValue)),i(3),L("border-radius",g(6,11,o.radiusValue,"%")),i(3),L("border-radius",g(9,14,o.radiusValue,"rem")))},dependencies:[I,B,v,de,se,oe],styles:[".wrap[_ngcontent-%COMP%]{display:flex}.box[_ngcontent-%COMP%]{margin-top:20px;margin-right:20px;text-align:center;line-height:50px;color:#fff;width:50px;height:50px;background:#4183c4}"]})};var A=class p{str="Ant Design, a design language for background applications";static \u0275fac=function(m){return new(m||p)};static \u0275cmp=u({type:p,selectors:[["nz-demo-pipes-ellipsis"]],decls:5,vars:6,consts:[["type","text","nz-input","",3,"ngModelChange","ngModel"]],template:function(m,o){m&1&&(n(0,"input",0),N("ngModelChange",function(c){return D(o.str,c)||(o.str=c),c}),t(),l(1,"br"),n(2,"p"),e(3),s(4,"nzEllipsis"),t()),m&2&&(b("ngModel",o.str),i(3),x(U(4,2,o.str,36,"...")))},dependencies:[I,Q,B,v,q,W,le],styles:["p[_ngcontent-%COMP%]{padding:8px 12px}"]})};var H=class p{html="<span>I am <code>innerHTML</code></span>";static \u0275fac=function(m){return new(m||p)};static \u0275cmp=u({type:p,selectors:[["nz-demo-pipes-sanitizer"]],decls:2,vars:4,consts:[[3,"innerHTML"]],template:function(m,o){m&1&&(l(0,"div",0),s(1,"nzSanitizer")),m&2&&a("innerHTML",g(1,1,o.html,"html"),te)},dependencies:[re],encapsulation:2})};var M=class p{str=" Ant Design ";static \u0275fac=function(m){return new(m||p)};static \u0275cmp=u({type:p,selectors:[["nz-demo-pipes-trim"]],decls:9,vars:5,consts:[["type","text","nz-input","",3,"ngModelChange","ngModel"]],template:function(m,o){m&1&&(n(0,"input",0),N("ngModelChange",function(c){return D(o.str,c)||(o.str=c),c}),t(),l(1,"br"),n(2,"div")(3,"pre"),e(4),t()(),n(5,"div")(6,"pre"),e(7),s(8,"nzTrim"),t()()),m&2&&(b("ngModel",o.str),i(4),x(o.str),i(3),x(S(8,3,o.str)))},dependencies:[I,Q,B,v,q,W,pe],styles:["div[_ngcontent-%COMP%]{padding:8px 12px}pre[_ngcontent-%COMP%]{display:inline-block;background:#eee}"]})};var $=class p{expanded=!1;codeBoxes;goLink(r){window&&(window.location.hash=r)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(r=>r.expandCode(this.expanded))}static \u0275fac=function(m){return new(m||p)};static \u0275cmp=u({type:p,selectors:[["nz-demo-pipes"]],viewQuery:function(m,o){if(m&1&&O(f,5),m&2){let E;R(E=G())&&(o.codeBoxes=E)}},decls:455,vars:34,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-pipes-demo-bytes","nzTitle","nzBytes"],["nzHref","#components-pipes-demo-css-unit","nzTitle","nzToCssUnit"],["nzHref","#components-pipes-demo-ellipsis","nzTitle","nzEllipsis"],["nzHref","#components-pipes-demo-aggregate","nzTitle","nzAggregate"],["nzHref","#components-pipes-demo-sanitizer","nzTitle","nzSanitizer"],["nzHref","#components-pipes-demo-trim","nzTitle","nzTrim"],["nzHref","#api","nzTitle","API"],[1,"markdown"],[1,"subtitle"],[1,"widget"],["aria-label","Edit this page on Github","href","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/pipes/doc/index.zh-CN.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],[2,"border-color","#faad14"],["id","\u4F55\u65F6\u4F7F\u7528"],["onclick","window.location.hash = '\u4F55\u65F6\u4F7F\u7528'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["nzType","appstore","nz-tooltip","","nzTooltipTitle","\u5C55\u5F00\u5168\u90E8\u4EE3\u7801",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzSpan"],["nzTitle","nzBytes","nzSelector","nz-demo-pipes-bytes","nzGenerateCommand","ng g ng-zorro-antd:pipes-bytes <name>","nzComponentName","NzDemoPipesBytesComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","nzToCssUnit","nzSelector","nz-demo-pipes-css-unit","nzGenerateCommand","ng g ng-zorro-antd:pipes-css-unit <name>","nzComponentName","NzDemoPipesCssUnitComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"language-html"],[1,"token","tag"],[1,"token","attr-name"],[1,"token","attr-value"],[1,"token","punctuation","attr-equals"],["nzTitle","nzEllipsis","nzSelector","nz-demo-pipes-ellipsis","nzGenerateCommand","ng g ng-zorro-antd:pipes-ellipsis <name>","nzComponentName","NzDemoPipesEllipsisComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","nzAggregate","nzSelector","nz-demo-pipes-aggregate","nzGenerateCommand","ng g ng-zorro-antd:pipes-aggregate <name>","nzComponentName","NzDemoPipesAggregateComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","nzSanitizer","nzSelector","nz-demo-pipes-sanitizer","nzGenerateCommand","ng g ng-zorro-antd:pipes-sanitizer <name>","nzComponentName","NzDemoPipesSanitizerComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","nzTrim","nzSelector","nz-demo-pipes-trim","nzGenerateCommand","ng g ng-zorro-antd:pipes-trim <name>","nzComponentName","NzDemoPipesTrimComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nzbytes"],["onclick","window.location.hash = 'nzbytes'",1,"anchor"],["id","nztocssunit"],["onclick","window.location.hash = 'nztocssunit'",1,"anchor"],["id","nzellipsis"],["onclick","window.location.hash = 'nzellipsis'",1,"anchor"],["id","nzaggregate"],["onclick","window.location.hash = 'nzaggregate'",1,"anchor"],["id","nzsanitizer"],["onclick","window.location.hash = 'nzsanitizer'",1,"anchor"]],template:function(m,o){m&1&&(n(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),y("nzClick",function(c){return o.goLink(c)}),l(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7)(9,"nz-link",8),t()(),n(10,"section",9)(11,"h1"),e(12,"Pipes"),l(13,"span",10)(14,"span",11),n(15,"a",12),l(16,"nz-icon",13),t()(),n(17,"section",9),z(),n(18,"blockquote",14)(19,"p"),e(20,"NG-ZORRO \u5B9E\u9A8C\u6027\u529F\u80FD\u662F\u6307\u5DF2\u53D1\u5E03\u4F46\u4E0D\u7A33\u5B9A\u6216\u8005\u8FD8\u672A\u51C6\u5907\u597D\u7528\u4E8E\u751F\u4EA7\u73AF\u5883\u7684\u529F\u80FD\u3002"),t(),n(21,"p"),e(22,"\u5F00\u53D1\u8005\u6216\u7528\u6237\u53EF\u4EE5\u9009\u62E9\u5728\u6B63\u5F0F\u53D1\u5E03\u524D\u4F7F\u7528\u8FD9\u4E9B\u529F\u80FD\uFF0C\u4F46\u662F\u6BCF\u6B21\u53D1\u5E03\u7248\u672C\u65F6\u90FD\u53EF\u80FD\u5B58\u5728 "),n(23,"strong"),e(24,"breaking changes"),t(),e(25,"\u3002"),t()(),n(26,"p"),e(27,"\u9879\u76EE\u4E2D\u5E38\u7528 Pipe \u96C6\u5408"),t(),n(28,"h2",15)(29,"span"),e(30,"\u4F55\u65F6\u4F7F\u7528"),t(),n(31,"a",16),e(32,"#"),t()(),n(33,"ul")(34,"li"),e(35,"\u5F15\u5165 Pipe \u540E\uFF0C\u50CF angular \u7684\u9ED8\u8BA4 Pipe \u4E00\u6837\u4F7F\u7528"),t()(),n(36,"pre")(37,"code",17)(38,"span",18),e(39,"import"),t(),e(40," "),n(41,"span",19),e(42,"{"),t(),e(43," NzPipesModule "),n(44,"span",19),e(45,"}"),t(),e(46," "),n(47,"span",18),e(48,"from"),t(),e(49," "),n(50,"span",20),e(51,"'ng-zorro-antd/pipes'"),t(),n(52,"span",19),e(53,";"),t(),e(54,`
`),t()(),d(),t(),n(55,"h2")(56,"span"),e(57,"\u4EE3\u7801\u6F14\u793A"),t(),n(58,"nz-icon",21),y("click",function(){return o.expandAllCode()}),t()()(),n(59,"div",22)(60,"div",23)(61,"nz-code-box",24),l(62,"nz-demo-pipes-bytes",25),n(63,"div",26),z(),n(64,"p"),e(65,"\u5B58\u50A8\u5355\u4F4D\u7684\u6362\u7B97\uFF0C\u589E\u52A0\u53EF\u8BFB\u6027"),t(),d(),t()(),n(66,"nz-code-box",27),l(67,"nz-demo-pipes-css-unit",25),n(68,"div",26),z(),n(69,"p"),e(70,"Css \u5355\u4F4D"),t(),n(71,"p"),e(72,"\u63D0\u793A\uFF1A\u5982\u679C\u6761\u4EF6\u5141\u8BB8\uFF0C\u6211\u4EEC\u66F4\u63A8\u8350\u4F7F\u7528 Angular \u5185\u7F6E\u8BED\u6CD5\uFF0C\u4F8B\u5982\uFF1A"),t(),n(73,"pre")(74,"code",28)(75,"span",29)(76,"span",29)(77,"span",19),e(78,"<"),t(),e(79,"div"),t(),e(80," "),n(81,"span",30),e(82,"[style.border-radius.px]"),t(),n(83,"span",31)(84,"span",32),e(85,"="),t(),n(86,"span",19),e(87,'"'),t(),e(88,"1"),n(89,"span",19),e(90,'"'),t()(),n(91,"span",19),e(92,">"),t()(),e(93,"px"),n(94,"span",29)(95,"span",29)(96,"span",19),e(97,"</"),t(),e(98,"div"),t(),n(99,"span",19),e(100,">"),t()(),e(101,`
`),n(102,"span",29)(103,"span",29)(104,"span",19),e(105,"<"),t(),e(106,"div"),t(),e(107," "),n(108,"span",30),e(109,"[style.border-radius.%]"),t(),n(110,"span",31)(111,"span",32),e(112,"="),t(),n(113,"span",19),e(114,'"'),t(),e(115,"1"),n(116,"span",19),e(117,'"'),t()(),n(118,"span",19),e(119,">"),t()(),e(120,"%"),n(121,"span",29)(122,"span",29)(123,"span",19),e(124,"</"),t(),e(125,"div"),t(),n(126,"span",19),e(127,">"),t()(),e(128,`
`),n(129,"span",29)(130,"span",29)(131,"span",19),e(132,"<"),t(),e(133,"div"),t(),e(134," "),n(135,"span",30),e(136,"[style.border-radius.rem]"),t(),n(137,"span",31)(138,"span",32),e(139,"="),t(),n(140,"span",19),e(141,'"'),t(),e(142,"1"),n(143,"span",19),e(144,'"'),t()(),n(145,"span",19),e(146,">"),t()(),e(147,"rem"),n(148,"span",29)(149,"span",29)(150,"span",19),e(151,"</"),t(),e(152,"div"),t(),n(153,"span",19),e(154,">"),t()(),e(155,`
`),t()(),d(),t()(),n(156,"nz-code-box",33),l(157,"nz-demo-pipes-ellipsis",25),n(158,"div",26),z(),n(159,"p"),e(160,"\u622A\u65AD\u5B57\u7B26\u4E32\uFF0C\u7528\u6307\u5B9A\u7684\u5B57\u7B26\u4E32\u7ED3\u5C3E"),t(),d(),t()(),n(161,"nz-code-box",34),l(162,"nz-demo-pipes-aggregate",25),n(163,"div",26),z(),n(164,"p"),e(165,"\u6570\u7EC4\u7684Sum\u3001Min\u3001Max\u3001Average\u7B49\u805A\u5408\u64CD\u4F5C"),t(),d(),t()(),n(166,"nz-code-box",35),l(167,"nz-demo-pipes-sanitizer",25),n(168,"div",26),z(),n(169,"p"),e(170,"DomSanitizer \u7684 Pipe \u5B9E\u73B0"),t(),n(171,"pre")(172,"code",28)(173,"span",29)(174,"span",29)(175,"span",19),e(176,"<"),t(),e(177,"div"),t(),e(178," "),n(179,"span",30),e(180,"[innerHTML]"),t(),n(181,"span",31)(182,"span",32),e(183,"="),t(),n(184,"span",19),e(185,'"'),t(),e(186,"html | nzSanitizer: 'html'"),n(187,"span",19),e(188,'"'),t()(),n(189,"span",19),e(190,">"),t()(),n(191,"span",29)(192,"span",29)(193,"span",19),e(194,"</"),t(),e(195,"div"),t(),n(196,"span",19),e(197,">"),t()(),e(198,`
`),n(199,"span",29)(200,"span",29)(201,"span",19),e(202,"<"),t(),e(203,"div"),t(),e(204," "),n(205,"span",30),e(206,"[style]"),t(),n(207,"span",31)(208,"span",32),e(209,"="),t(),n(210,"span",19),e(211,'"'),t(),e(212,"style | nzSanitizer: 'style'"),n(213,"span",19),e(214,'"'),t()(),n(215,"span",19),e(216,">"),t()(),n(217,"span",29)(218,"span",29)(219,"span",19),e(220,"</"),t(),e(221,"div"),t(),n(222,"span",19),e(223,">"),t()(),e(224,`
`),n(225,"span",29)(226,"span",29)(227,"span",19),e(228,"<"),t(),e(229,"img"),t(),e(230," "),n(231,"span",30),e(232,"[src]"),t(),n(233,"span",31)(234,"span",32),e(235,"="),t(),n(236,"span",19),e(237,'"'),t(),e(238,"url | nzSanitizer: 'url'"),n(239,"span",19),e(240,'"'),t()(),e(241," "),n(242,"span",19),e(243,"/>"),t()(),e(244,`
`),n(245,"span",29)(246,"span",29)(247,"span",19),e(248,"<"),t(),e(249,"iframe"),t(),e(250," "),n(251,"span",30),e(252,"[src]"),t(),n(253,"span",31)(254,"span",32),e(255,"="),t(),n(256,"span",19),e(257,'"'),t(),e(258,"resourceUrl | nzSanitizer: 'resourceUrl'"),n(259,"span",19),e(260,'"'),t()(),n(261,"span",19),e(262,">"),t()(),n(263,"span",29)(264,"span",29)(265,"span",19),e(266,"</"),t(),e(267,"iframe"),t(),n(268,"span",19),e(269,">"),t()(),e(270,`
`),t()(),d(),t()(),n(271,"nz-code-box",36),l(272,"nz-demo-pipes-trim",25),n(273,"div",26),z(),n(274,"p"),e(275,"\u53BB\u9664\u5B57\u7B26\u4E32\u5DE6\u53F3\u7A7A\u5B57\u7B26\u4E32"),t(),d(),t()()()(),n(276,"section",37),z(),n(277,"h2",38)(278,"span"),e(279,"API"),t(),n(280,"a",39),e(281,"#"),t()(),n(282,"h3",40)(283,"span"),e(284,"nzBytes"),t(),n(285,"a",41),e(286,"#"),t()(),n(287,"table")(288,"thead")(289,"tr")(290,"th"),e(291,"\u53C2\u6570"),t(),n(292,"th"),e(293,"\u8BF4\u660E"),t(),n(294,"th"),e(295,"\u7C7B\u578B"),t(),n(296,"th"),e(297,"\u9ED8\u8BA4\u503C"),t()()(),n(298,"tbody")(299,"tr")(300,"td")(301,"code"),e(302,"decimal"),t()(),n(303,"td"),e(304,"\u4FDD\u7559\u5C0F\u6570\u4F4D"),t(),n(305,"td")(306,"code"),e(307,"number"),t()(),n(308,"td"),e(309,"'0'"),t()(),n(310,"tr")(311,"td")(312,"code"),e(313,"from"),t()(),n(314,"td"),e(315,"\u5F53\u524D\u503C\u7684\u5355\u4F4D"),t(),n(316,"td")(317,"code"),e(318,"string"),t()(),n(319,"td"),e(320,"'B'"),t()(),n(321,"tr")(322,"td")(323,"code"),e(324,"to"),t()(),n(325,"td"),e(326,"\u8F6C\u6362\u5230\u76EE\u6807\u503C\u7684\u5355\u4F4D"),t(),n(327,"td")(328,"code"),e(329,"string"),t()(),n(330,"td"),e(331,"''"),t()()()(),n(332,"h3",42)(333,"span"),e(334,"nzToCssUnit"),t(),n(335,"a",43),e(336,"#"),t()(),n(337,"table")(338,"thead")(339,"tr")(340,"th"),e(341,"\u53C2\u6570"),t(),n(342,"th"),e(343,"\u8BF4\u660E"),t(),n(344,"th"),e(345,"\u7C7B\u578B"),t(),n(346,"th"),e(347,"\u9ED8\u8BA4\u503C"),t()()(),n(348,"tbody")(349,"tr")(350,"td")(351,"code"),e(352,"defaultUnit"),t()(),n(353,"td"),e(354,"\u9ED8\u8BA4\u5355\u4F4D"),t(),n(355,"td")(356,"code"),e(357,"string"),t()(),n(358,"td"),e(359,"'px'"),t()()()(),n(360,"h3",44)(361,"span"),e(362,"nzEllipsis"),t(),n(363,"a",45),e(364,"#"),t()(),n(365,"table")(366,"thead")(367,"tr")(368,"th"),e(369,"\u53C2\u6570"),t(),n(370,"th"),e(371,"\u8BF4\u660E"),t(),n(372,"th"),e(373,"\u7C7B\u578B"),t(),n(374,"th"),e(375,"\u9ED8\u8BA4\u503C"),t()()(),n(376,"tbody")(377,"tr")(378,"td")(379,"code"),e(380,"length"),t()(),n(381,"td"),e(382,"\u622A\u53D6\u957F\u5EA6"),t(),n(383,"td")(384,"code"),e(385,"number"),t()(),n(386,"td"),e(387,"''"),t()(),n(388,"tr")(389,"td")(390,"code"),e(391,"suffix"),t()(),n(392,"td"),e(393,"\u66FF\u6362\u5B57\u7B26"),t(),n(394,"td")(395,"code"),e(396,"string"),t()(),n(397,"td"),e(398,"''"),t()()()(),n(399,"h3",46)(400,"span"),e(401,"nzAggregate"),t(),n(402,"a",47),e(403,"#"),t()(),n(404,"table")(405,"thead")(406,"tr")(407,"th"),e(408,"\u53C2\u6570"),t(),n(409,"th"),e(410,"\u8BF4\u660E"),t(),n(411,"th"),e(412,"\u7C7B\u578B"),t(),n(413,"th"),e(414,"\u9ED8\u8BA4\u503C"),t()()(),n(415,"tbody")(416,"tr")(417,"td")(418,"code"),e(419,"method"),t()(),n(420,"td"),e(421,"\u805A\u5408\u65B9\u5F0F"),t(),n(422,"td")(423,"code"),e(424,"'sum' | 'max' | 'min' | 'avg'"),t()(),n(425,"td"),e(426,"''"),t()()()(),n(427,"h3",48)(428,"span"),e(429,"nzSanitizer"),t(),n(430,"a",49),e(431,"#"),t()(),n(432,"table")(433,"thead")(434,"tr")(435,"th"),e(436,"\u53C2\u6570"),t(),n(437,"th"),e(438,"\u8BF4\u660E"),t(),n(439,"th"),e(440,"\u7C7B\u578B"),t(),n(441,"th"),e(442,"\u9ED8\u8BA4\u503C"),t()()(),n(443,"tbody")(444,"tr")(445,"td")(446,"code"),e(447,"type"),t()(),n(448,"td"),e(449,"sanitizer \u7C7B\u578B"),t(),n(450,"td")(451,"code"),e(452,"string"),t()(),n(453,"td"),e(454,"'html'"),t()()()(),d(),t()()),m&2&&(i(),a("nzOffsetTop",16),i(),a("nzAffix",!1),i(57),a("nzGutter",8),i(),a("nzSpan",24),i(),a("nzId","components-pipes-demo-bytes")("nzLink","components-pipes-demo-bytes")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/pipes/demo/bytes.md"),i(5),a("nzId","components-pipes-demo-css-unit")("nzLink","components-pipes-demo-css-unit")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/pipes/demo/css-unit.md"),i(90),a("nzId","components-pipes-demo-ellipsis")("nzLink","components-pipes-demo-ellipsis")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/pipes/demo/ellipsis.md"),i(5),a("nzId","components-pipes-demo-aggregate")("nzLink","components-pipes-demo-aggregate")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/pipes/demo/aggregate.md"),i(5),a("nzId","components-pipes-demo-sanitizer")("nzLink","components-pipes-demo-sanitizer")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/pipes/demo/sanitizer.md"),i(105),a("nzId","components-pipes-demo-trim")("nzLink","components-pipes-demo-trim")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/pipes/demo/trim.md"))},dependencies:[X,f,K,J,j,P,F,V,Z,k,T,w,A,H,M],encapsulation:2})};var ee=class p{expanded=!1;codeBoxes;goLink(r){window&&(window.location.hash=r)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(r=>r.expandCode(this.expanded))}static \u0275fac=function(m){return new(m||p)};static \u0275cmp=u({type:p,selectors:[["nz-demo-pipes"]],viewQuery:function(m,o){if(m&1&&O(f,5),m&2){let E;R(E=G())&&(o.codeBoxes=E)}},decls:455,vars:34,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-pipes-demo-bytes","nzTitle","nzBytes"],["nzHref","#components-pipes-demo-css-unit","nzTitle","nzToCssUnit"],["nzHref","#components-pipes-demo-ellipsis","nzTitle","nzEllipsis"],["nzHref","#components-pipes-demo-aggregate","nzTitle","nzAggregate"],["nzHref","#components-pipes-demo-sanitizer","nzTitle","nzSanitizer"],["nzHref","#components-pipes-demo-trim","nzTitle","nzTrim"],["nzHref","#api","nzTitle","API"],[1,"markdown"],[1,"subtitle"],[1,"widget"],["aria-label","Edit this page on Github","href","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/pipes/doc/index.en-US.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],[2,"border-color","#faad14"],["id","when_to_use"],["onclick","window.location.hash = 'when_to_use'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["nzType","appstore","nz-tooltip","","nzTooltipTitle","Expand All Code",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzSpan"],["nzTitle","nzBytes","nzSelector","nz-demo-pipes-bytes","nzGenerateCommand","ng g ng-zorro-antd:pipes-bytes <name>","nzComponentName","NzDemoPipesBytesComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","nzToCssUnit","nzSelector","nz-demo-pipes-css-unit","nzGenerateCommand","ng g ng-zorro-antd:pipes-css-unit <name>","nzComponentName","NzDemoPipesCssUnitComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"language-html"],[1,"token","tag"],[1,"token","attr-name"],[1,"token","attr-value"],[1,"token","punctuation","attr-equals"],["nzTitle","nzEllipsis","nzSelector","nz-demo-pipes-ellipsis","nzGenerateCommand","ng g ng-zorro-antd:pipes-ellipsis <name>","nzComponentName","NzDemoPipesEllipsisComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","nzAggregate","nzSelector","nz-demo-pipes-aggregate","nzGenerateCommand","ng g ng-zorro-antd:pipes-aggregate <name>","nzComponentName","NzDemoPipesAggregateComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","nzSanitizer","nzSelector","nz-demo-pipes-sanitizer","nzGenerateCommand","ng g ng-zorro-antd:pipes-sanitizer <name>","nzComponentName","NzDemoPipesSanitizerComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","nzTrim","nzSelector","nz-demo-pipes-trim","nzGenerateCommand","ng g ng-zorro-antd:pipes-trim <name>","nzComponentName","NzDemoPipesTrimComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nzbytes"],["onclick","window.location.hash = 'nzbytes'",1,"anchor"],["id","nztocssunit"],["onclick","window.location.hash = 'nztocssunit'",1,"anchor"],["id","nzellipsis"],["onclick","window.location.hash = 'nzellipsis'",1,"anchor"],["id","nzaggregate"],["onclick","window.location.hash = 'nzaggregate'",1,"anchor"],["id","nzsanitizer"],["onclick","window.location.hash = 'nzsanitizer'",1,"anchor"]],template:function(m,o){m&1&&(n(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),y("nzClick",function(c){return o.goLink(c)}),l(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7)(9,"nz-link",8),t()(),n(10,"section",9)(11,"h1"),e(12,"Pipes"),l(13,"span",10)(14,"span",11),n(15,"a",12),l(16,"nz-icon",13),t()(),n(17,"section",9),z(),n(18,"blockquote",14)(19,"p"),e(20,"NG-ZORRO experiments are features that are released but not yet considered stable or production ready"),t(),n(21,"p"),e(22,"Developers and users can opt-in into these features before they are fully released. But "),n(23,"strong"),e(24,"breaking changes"),t(),e(25," may occur with any release."),t()(),n(26,"p"),e(27,"Common Pipe Collections in Projects"),t(),n(28,"h2",15)(29,"span"),e(30,"When To Use"),t(),n(31,"a",16),e(32,"#"),t()(),n(33,"ul")(34,"li"),e(35,"After introducing Pipe, use it like Angular's built-in Pipe"),t()(),n(36,"pre")(37,"code",17)(38,"span",18),e(39,"import"),t(),e(40," "),n(41,"span",19),e(42,"{"),t(),e(43," NzPipesModule "),n(44,"span",19),e(45,"}"),t(),e(46," "),n(47,"span",18),e(48,"from"),t(),e(49," "),n(50,"span",20),e(51,"'ng-zorro-antd/pipes'"),t(),n(52,"span",19),e(53,";"),t(),e(54,`
`),t()(),d(),t(),n(55,"h2")(56,"span"),e(57,"Examples"),t(),n(58,"nz-icon",21),y("click",function(){return o.expandAllCode()}),t()()(),n(59,"div",22)(60,"div",23)(61,"nz-code-box",24),l(62,"nz-demo-pipes-bytes",25),n(63,"div",26),z(),n(64,"p"),e(65,"Conversion of storage units to increase readability"),t(),d(),t()(),n(66,"nz-code-box",27),l(67,"nz-demo-pipes-css-unit",25),n(68,"div",26),z(),n(69,"p"),e(70,"Css unit"),t(),n(71,"p"),e(72,"Tip: If possible, we prefer to use Angular's built-in syntax, for example:"),t(),n(73,"pre")(74,"code",28)(75,"span",29)(76,"span",29)(77,"span",19),e(78,"<"),t(),e(79,"div"),t(),e(80," "),n(81,"span",30),e(82,"[style.border-radius.px]"),t(),n(83,"span",31)(84,"span",32),e(85,"="),t(),n(86,"span",19),e(87,'"'),t(),e(88,"1"),n(89,"span",19),e(90,'"'),t()(),n(91,"span",19),e(92,">"),t()(),e(93,"px"),n(94,"span",29)(95,"span",29)(96,"span",19),e(97,"</"),t(),e(98,"div"),t(),n(99,"span",19),e(100,">"),t()(),e(101,`
`),n(102,"span",29)(103,"span",29)(104,"span",19),e(105,"<"),t(),e(106,"div"),t(),e(107," "),n(108,"span",30),e(109,"[style.border-radius.%]"),t(),n(110,"span",31)(111,"span",32),e(112,"="),t(),n(113,"span",19),e(114,'"'),t(),e(115,"1"),n(116,"span",19),e(117,'"'),t()(),n(118,"span",19),e(119,">"),t()(),e(120,"%"),n(121,"span",29)(122,"span",29)(123,"span",19),e(124,"</"),t(),e(125,"div"),t(),n(126,"span",19),e(127,">"),t()(),e(128,`
`),n(129,"span",29)(130,"span",29)(131,"span",19),e(132,"<"),t(),e(133,"div"),t(),e(134," "),n(135,"span",30),e(136,"[style.border-radius.rem]"),t(),n(137,"span",31)(138,"span",32),e(139,"="),t(),n(140,"span",19),e(141,'"'),t(),e(142,"1"),n(143,"span",19),e(144,'"'),t()(),n(145,"span",19),e(146,">"),t()(),e(147,"rem"),n(148,"span",29)(149,"span",29)(150,"span",19),e(151,"</"),t(),e(152,"div"),t(),n(153,"span",19),e(154,">"),t()(),e(155,`
`),t()(),d(),t()(),n(156,"nz-code-box",33),l(157,"nz-demo-pipes-ellipsis",25),n(158,"div",26),z(),n(159,"p"),e(160,"Truncate the string, ending with the specified string"),t(),d(),t()(),n(161,"nz-code-box",34),l(162,"nz-demo-pipes-aggregate",25),n(163,"div",26),z(),n(164,"p"),e(165,"Sum, Min, Max, Average and other operations on arrays"),t(),d(),t()(),n(166,"nz-code-box",35),l(167,"nz-demo-pipes-sanitizer",25),n(168,"div",26),z(),n(169,"p"),e(170,"Pipe implementation of DomSanitizer"),t(),n(171,"pre")(172,"code",28)(173,"span",29)(174,"span",29)(175,"span",19),e(176,"<"),t(),e(177,"div"),t(),e(178," "),n(179,"span",30),e(180,"[innerHTML]"),t(),n(181,"span",31)(182,"span",32),e(183,"="),t(),n(184,"span",19),e(185,'"'),t(),e(186,"html | nzSanitizer: 'html'"),n(187,"span",19),e(188,'"'),t()(),n(189,"span",19),e(190,">"),t()(),n(191,"span",29)(192,"span",29)(193,"span",19),e(194,"</"),t(),e(195,"div"),t(),n(196,"span",19),e(197,">"),t()(),e(198,`
`),n(199,"span",29)(200,"span",29)(201,"span",19),e(202,"<"),t(),e(203,"div"),t(),e(204," "),n(205,"span",30),e(206,"[style]"),t(),n(207,"span",31)(208,"span",32),e(209,"="),t(),n(210,"span",19),e(211,'"'),t(),e(212,"style | nzSanitizer: 'style'"),n(213,"span",19),e(214,'"'),t()(),n(215,"span",19),e(216,">"),t()(),n(217,"span",29)(218,"span",29)(219,"span",19),e(220,"</"),t(),e(221,"div"),t(),n(222,"span",19),e(223,">"),t()(),e(224,`
`),n(225,"span",29)(226,"span",29)(227,"span",19),e(228,"<"),t(),e(229,"img"),t(),e(230," "),n(231,"span",30),e(232,"[src]"),t(),n(233,"span",31)(234,"span",32),e(235,"="),t(),n(236,"span",19),e(237,'"'),t(),e(238,"url | nzSanitizer: 'url'"),n(239,"span",19),e(240,'"'),t()(),e(241," "),n(242,"span",19),e(243,"/>"),t()(),e(244,`
`),n(245,"span",29)(246,"span",29)(247,"span",19),e(248,"<"),t(),e(249,"iframe"),t(),e(250," "),n(251,"span",30),e(252,"[src]"),t(),n(253,"span",31)(254,"span",32),e(255,"="),t(),n(256,"span",19),e(257,'"'),t(),e(258,"resourceUrl | nzSanitizer: 'resourceUrl'"),n(259,"span",19),e(260,'"'),t()(),n(261,"span",19),e(262,">"),t()(),n(263,"span",29)(264,"span",29)(265,"span",19),e(266,"</"),t(),e(267,"iframe"),t(),n(268,"span",19),e(269,">"),t()(),e(270,`
`),t()(),d(),t()(),n(271,"nz-code-box",36),l(272,"nz-demo-pipes-trim",25),n(273,"div",26),z(),n(274,"p"),e(275,"Strip left and right empty string"),t(),d(),t()()()(),n(276,"section",37),z(),n(277,"h2",38)(278,"span"),e(279,"API"),t(),n(280,"a",39),e(281,"#"),t()(),n(282,"h3",40)(283,"span"),e(284,"nzBytes"),t(),n(285,"a",41),e(286,"#"),t()(),n(287,"table")(288,"thead")(289,"tr")(290,"th"),e(291,"Property"),t(),n(292,"th"),e(293,"Description"),t(),n(294,"th"),e(295,"Type"),t(),n(296,"th"),e(297,"Default"),t()()(),n(298,"tbody")(299,"tr")(300,"td")(301,"code"),e(302,"decimal"),t()(),n(303,"td"),e(304,"Decimal"),t(),n(305,"td")(306,"code"),e(307,"number"),t()(),n(308,"td"),e(309,"'0'"),t()(),n(310,"tr")(311,"td")(312,"code"),e(313,"from"),t()(),n(314,"td"),e(315,"Unit of current value"),t(),n(316,"td")(317,"code"),e(318,"string"),t()(),n(319,"td"),e(320,"'B'"),t()(),n(321,"tr")(322,"td")(323,"code"),e(324,"to"),t()(),n(325,"td"),e(326,"Units converted to target value"),t(),n(327,"td")(328,"code"),e(329,"string"),t()(),n(330,"td"),e(331,"''"),t()()()(),n(332,"h3",42)(333,"span"),e(334,"nzToCssUnit"),t(),n(335,"a",43),e(336,"#"),t()(),n(337,"table")(338,"thead")(339,"tr")(340,"th"),e(341,"Property"),t(),n(342,"th"),e(343,"Description"),t(),n(344,"th"),e(345,"Type"),t(),n(346,"th"),e(347,"Default"),t()()(),n(348,"tbody")(349,"tr")(350,"td")(351,"code"),e(352,"defaultUnit"),t()(),n(353,"td"),e(354,"Default Unit"),t(),n(355,"td")(356,"code"),e(357,"string"),t()(),n(358,"td"),e(359,"'px'"),t()()()(),n(360,"h3",44)(361,"span"),e(362,"nzEllipsis"),t(),n(363,"a",45),e(364,"#"),t()(),n(365,"table")(366,"thead")(367,"tr")(368,"th"),e(369,"Property"),t(),n(370,"th"),e(371,"Description"),t(),n(372,"th"),e(373,"Type"),t(),n(374,"th"),e(375,"Default"),t()()(),n(376,"tbody")(377,"tr")(378,"td")(379,"code"),e(380,"length"),t()(),n(381,"td"),e(382,"Truncate length"),t(),n(383,"td")(384,"code"),e(385,"number"),t()(),n(386,"td"),e(387,"''"),t()(),n(388,"tr")(389,"td")(390,"code"),e(391,"suffix"),t()(),n(392,"td"),e(393,"Replace character"),t(),n(394,"td")(395,"code"),e(396,"string"),t()(),n(397,"td"),e(398,"''"),t()()()(),n(399,"h3",46)(400,"span"),e(401,"nzAggregate"),t(),n(402,"a",47),e(403,"#"),t()(),n(404,"table")(405,"thead")(406,"tr")(407,"th"),e(408,"Property"),t(),n(409,"th"),e(410,"Description"),t(),n(411,"th"),e(412,"Type"),t(),n(413,"th"),e(414,"Default"),t()()(),n(415,"tbody")(416,"tr")(417,"td")(418,"code"),e(419,"method"),t()(),n(420,"td"),e(421,"Aggregation"),t(),n(422,"td")(423,"code"),e(424,"'sum' | 'max' | 'min' | 'avg'"),t()(),n(425,"td"),e(426,"''"),t()()()(),n(427,"h3",48)(428,"span"),e(429,"nzSanitizer"),t(),n(430,"a",49),e(431,"#"),t()(),n(432,"table")(433,"thead")(434,"tr")(435,"th"),e(436,"Property"),t(),n(437,"th"),e(438,"Description"),t(),n(439,"th"),e(440,"Type"),t(),n(441,"th"),e(442,"Default"),t()()(),n(443,"tbody")(444,"tr")(445,"td")(446,"code"),e(447,"type"),t()(),n(448,"td"),e(449,"sanitizer type"),t(),n(450,"td")(451,"code"),e(452,"string"),t()(),n(453,"td"),e(454,"'html'"),t()()()(),d(),t()()),m&2&&(i(),a("nzOffsetTop",16),i(),a("nzAffix",!1),i(57),a("nzGutter",8),i(),a("nzSpan",24),i(),a("nzId","components-pipes-demo-bytes")("nzLink","components-pipes-demo-bytes")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/pipes/demo/bytes.md"),i(5),a("nzId","components-pipes-demo-css-unit")("nzLink","components-pipes-demo-css-unit")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/pipes/demo/css-unit.md"),i(90),a("nzId","components-pipes-demo-ellipsis")("nzLink","components-pipes-demo-ellipsis")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/pipes/demo/ellipsis.md"),i(5),a("nzId","components-pipes-demo-aggregate")("nzLink","components-pipes-demo-aggregate")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/pipes/demo/aggregate.md"),i(5),a("nzId","components-pipes-demo-sanitizer")("nzLink","components-pipes-demo-sanitizer")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/pipes/demo/sanitizer.md"),i(105),a("nzId","components-pipes-demo-trim")("nzLink","components-pipes-demo-trim")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/pipes/demo/trim.md"))},dependencies:[X,f,K,J,j,P,F,V,Z,k,T,w,A,H,M],encapsulation:2})};var ye=[{path:"en",component:ee},{path:"zh",component:$}],dt=ye;export{dt as default};