chunk-C5XJZ2DZ.js

import{a as pe,c as se}from"./chunk-2AUVEXAX.js";import{a as oe,b as le}from"./chunk-5HAQZFBK.js";import"./chunk-MPDZYTJY.js";import{a as te,b as ne,c as ie,d as me,e as ae,f as re}from"./chunk-XBFW6RIC.js";import"./chunk-7EEEUGJK.js";import{f as L,k as R}from"./chunk-RKL5WCT5.js";import"./chunk-MGFBB5Y4.js";import"./chunk-3LAVY7RV.js";import{a as f,g as U,h as Z,j as V}from"./chunk-Q4ISATUO.js";import"./chunk-JXWNPNAC.js";import{Ca as M,Fc as N,Hc as F,Ic as k,Jc as ee,Lc as G,ec as _,kc as O,oc as v,sc as D}from"./chunk-YWVGY2C2.js";import{Aa as u,Ac as I,Bc as w,Cc as A,Hc as e,Ib as z,Ic as x,Mc as y,Nc as b,Oc as B,Qc as T,Vc as s,Wb as r,Wc as S,Xb as P,Xc as g,Yc as H,Zc as $,ic as n,jc as t,kc as l,lb as Y,rb as i,rc as C,za as d}from"./chunk-GBKJFEQZ.js";import"./chunk-EQDQRRRY.js";var W=()=>[7,8,2,3],Q=(()=>{class a{static{this.\u0275fac=function(m){return new(m||a)}}static{this.\u0275cmp=z({type:a,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&&(r("nzGutter",16),i(),r("nzSpan",6),i(),r("nzValue",g(3,9,T(21,W),"max")),i(2),r("nzSpan",6),i(),r("nzValue",g(6,12,T(22,W),"min")),i(2),r("nzSpan",6),i(),r("nzValue",g(9,15,T(23,W),"sum")),i(2),r("nzSpan",6),i(),r("nzValue",g(12,18,T(24,W),"avg")))},dependencies:[ee,k,F,se,pe,te],encapsulation:2})}}return a})();var q=(()=>{class a{static{this.\u0275fac=function(m){return new(m||a)}}static{this.\u0275cmp=z({type:a,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(H(12,13,1024,0,"KB")),i(3),x(S(15,17,1073741824)),i(3),x(S(18,19,1099511627776)),i(3),x($(21,21,1073741824,0,"B","MB")))},dependencies:[ne],encapsulation:2})}}return a})();var j=(()=>{class a{constructor(){this.radiusValue=0}static{this.\u0275fac=function(m){return new(m||a)}}static{this.\u0275cmp=z({type:a,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),B("ngModelChange",function(c){return b(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&&(y("ngModel",o.radiusValue),r("nzMax",100)("nzMin",0),i(2),P("border-radius",S(3,9,o.radiusValue)),i(3),P("border-radius",g(6,11,o.radiusValue,"%")),i(3),P("border-radius",g(9,14,o.radiusValue,"rem")))},dependencies:[N,v,D,le,oe,ie],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}"]})}}return a})();var K=(()=>{class a{constructor(){this.str="Ant Design, a design language for background applications"}static{this.\u0275fac=function(m){return new(m||a)}}static{this.\u0275cmp=z({type:a,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),B("ngModelChange",function(c){return b(o.str,c)||(o.str=c),c}),t(),l(1,"br"),n(2,"p"),e(3),s(4,"nzEllipsis"),t()),m&2&&(y("ngModel",o.str),i(3),x(H(4,2,o.str,36,"...")))},dependencies:[N,O,v,D,R,L,me],styles:["p[_ngcontent-%COMP%]{padding:8px 12px}"]})}}return a})();var J=(()=>{class a{constructor(){this.html="<span>I am <code>innerHTML</code></span>"}static{this.\u0275fac=function(m){return new(m||a)}}static{this.\u0275cmp=z({type:a,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&&r("innerHTML",g(1,1,o.html,"html"),Y)},dependencies:[ae],encapsulation:2})}}return a})();var X=(()=>{class a{constructor(){this.str=" Ant Design "}static{this.\u0275fac=function(m){return new(m||a)}}static{this.\u0275cmp=z({type:a,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),B("ngModelChange",function(c){return b(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&&(y("ngModel",o.str),i(4),x(o.str),i(3),x(S(8,3,o.str)))},dependencies:[N,O,v,D,R,L,re],styles:["div[_ngcontent-%COMP%]{padding:8px 12px}pre[_ngcontent-%COMP%]{display:inline-block;background:#eee}"]})}}return a})();var ze=(()=>{class a{constructor(){this.expanded=!1}goLink(p){window&&(window.location.hash=p)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(p=>p.expandCode(this.expanded))}static{this.\u0275fac=function(m){return new(m||a)}}static{this.\u0275cmp=z({type:a,selectors:[["nz-demo-pipes"]],viewQuery:function(m,o){if(m&1&&I(f,5),m&2){let E;w(E=A())&&(o.codeBoxes=E)}},decls:477,vars:28,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"],["nz-icon","","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","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","nzIframeHeight","nzHref"],[1,"language-html"],[1,"token","tag"],[1,"token","attr-name"],[1,"token","attr-value"],["nzTitle","nzEllipsis","nzSelector","nz-demo-pipes-ellipsis","nzGenerateCommand","ng g ng-zorro-antd:pipes-ellipsis <name>","nzComponentName","NzDemoPipesEllipsisComponent","nzIframeSource","null",3,"nzId","nzLink","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","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","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","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","<strong>nzbytes</strong>"],["onclick","window.location.hash = '<strong>nzbytes</strong>'",1,"anchor"],["id","<strong>nztocssunit</strong>"],["onclick","window.location.hash = '<strong>nztocssunit</strong>'",1,"anchor"],["id","<strong>nzellipsis</strong>"],["onclick","window.location.hash = '<strong>nzellipsis</strong>'",1,"anchor"],["id","<strong>nzaggregate</strong>"],["onclick","window.location.hash = '<strong>nzaggregate</strong>'",1,"anchor"],["id","<strong>nzsanitizer</strong>"],["onclick","window.location.hash = '<strong>nzsanitizer</strong>'",1,"anchor"]],template:function(m,o){m&1&&(n(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),C("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),u(),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",17)(37,"code")(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()()(),d(),t(),n(54,"h2")(55,"span"),e(56,"\u4EE3\u7801\u6F14\u793A"),t(),n(57,"span",21),C("click",function(){return o.expandAllCode()}),t()()(),n(58,"div",22)(59,"div",23)(60,"nz-code-box",24),l(61,"nz-demo-pipes-bytes",25),n(62,"div",26),u(),n(63,"p"),e(64,"\u5B58\u50A8\u5355\u4F4D\u7684\u6362\u7B97\uFF0C\u589E\u52A0\u53EF\u8BFB\u6027"),t(),d(),t()(),n(65,"nz-code-box",27),l(66,"nz-demo-pipes-css-unit",25),n(67,"div",26),u(),n(68,"p"),e(69,"Css \u5355\u4F4D"),t(),n(70,"p"),e(71,"\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(72,"pre",28)(73,"code")(74,"span",29)(75,"span",29)(76,"span",19),e(77,"<"),t(),e(78,"div"),t(),e(79," "),n(80,"span",30),e(81,"[style.border-radius.px]"),t(),n(82,"span",31)(83,"span",19),e(84,"="),t(),n(85,"span",19),e(86,'"'),t(),e(87,"1"),n(88,"span",19),e(89,'"'),t()(),n(90,"span",19),e(91,">"),t()(),e(92,"px"),n(93,"span",29)(94,"span",29)(95,"span",19),e(96,"</"),t(),e(97,"div"),t(),n(98,"span",19),e(99,">"),t()(),e(100,`
`),n(101,"span",29)(102,"span",29)(103,"span",19),e(104,"<"),t(),e(105,"div"),t(),e(106," "),n(107,"span",30),e(108,"[style.border-radius.%]"),t(),n(109,"span",31)(110,"span",19),e(111,"="),t(),n(112,"span",19),e(113,'"'),t(),e(114,"1"),n(115,"span",19),e(116,'"'),t()(),n(117,"span",19),e(118,">"),t()(),e(119,"%"),n(120,"span",29)(121,"span",29)(122,"span",19),e(123,"</"),t(),e(124,"div"),t(),n(125,"span",19),e(126,">"),t()(),e(127,`
`),n(128,"span",29)(129,"span",29)(130,"span",19),e(131,"<"),t(),e(132,"div"),t(),e(133," "),n(134,"span",30),e(135,"[style.border-radius.rem]"),t(),n(136,"span",31)(137,"span",19),e(138,"="),t(),n(139,"span",19),e(140,'"'),t(),e(141,"1"),n(142,"span",19),e(143,'"'),t()(),n(144,"span",19),e(145,">"),t()(),e(146,"rem"),n(147,"span",29)(148,"span",29)(149,"span",19),e(150,"</"),t(),e(151,"div"),t(),n(152,"span",19),e(153,">"),t()()()(),d(),t()(),n(154,"nz-code-box",32),l(155,"nz-demo-pipes-ellipsis",25),n(156,"div",26),u(),n(157,"p"),e(158,"\u622A\u65AD\u5B57\u7B26\u4E32\uFF0C\u7528\u6307\u5B9A\u7684\u5B57\u7B26\u4E32\u7ED3\u5C3E"),t(),d(),t()(),n(159,"nz-code-box",33),l(160,"nz-demo-pipes-aggregate",25),n(161,"div",26),u(),n(162,"p"),e(163,"\u6570\u7EC4\u7684Sum\u3001Min\u3001Max\u3001Average\u7B49\u805A\u5408\u64CD\u4F5C"),t(),d(),t()(),n(164,"nz-code-box",34),l(165,"nz-demo-pipes-sanitizer",25),n(166,"div",26),u(),n(167,"p"),e(168,"DomSanitizer \u7684 Pipe \u5B9E\u73B0"),t(),n(169,"pre",28)(170,"code")(171,"span",29)(172,"span",29)(173,"span",19),e(174,"<"),t(),e(175,"div"),t(),e(176," "),n(177,"span",30),e(178,"[innerHTML]"),t(),n(179,"span",31)(180,"span",19),e(181,"="),t(),n(182,"span",19),e(183,'"'),t(),e(184,"html | nzSanitizer: "),n(185,"span",19),e(186,"'"),t(),e(187,"html"),n(188,"span",19),e(189,"'"),t(),n(190,"span",19),e(191,'"'),t()(),n(192,"span",19),e(193,">"),t()(),n(194,"span",29)(195,"span",29)(196,"span",19),e(197,"</"),t(),e(198,"div"),t(),n(199,"span",19),e(200,">"),t()(),e(201,`
`),n(202,"span",29)(203,"span",29)(204,"span",19),e(205,"<"),t(),e(206,"div"),t(),e(207," "),n(208,"span",30),e(209,"[style]"),t(),n(210,"span",31)(211,"span",19),e(212,"="),t(),n(213,"span",19),e(214,'"'),t(),e(215,"style | nzSanitizer: "),n(216,"span",19),e(217,"'"),t(),e(218,"style"),n(219,"span",19),e(220,"'"),t(),n(221,"span",19),e(222,'"'),t()(),n(223,"span",19),e(224,">"),t()(),n(225,"span",29)(226,"span",29)(227,"span",19),e(228,"</"),t(),e(229,"div"),t(),n(230,"span",19),e(231,">"),t()(),e(232,`
`),n(233,"span",29)(234,"span",29)(235,"span",19),e(236,"<"),t(),e(237,"img"),t(),e(238," "),n(239,"span",30),e(240,"[src]"),t(),n(241,"span",31)(242,"span",19),e(243,"="),t(),n(244,"span",19),e(245,'"'),t(),e(246,"url | nzSanitizer: "),n(247,"span",19),e(248,"'"),t(),e(249,"url"),n(250,"span",19),e(251,"'"),t(),n(252,"span",19),e(253,'"'),t()(),e(254," "),n(255,"span",19),e(256,"/>"),t()(),e(257,`
`),n(258,"span",29)(259,"span",29)(260,"span",19),e(261,"<"),t(),e(262,"iframe"),t(),e(263," "),n(264,"span",30),e(265,"[src]"),t(),n(266,"span",31)(267,"span",19),e(268,"="),t(),n(269,"span",19),e(270,'"'),t(),e(271,"resourceUrl | nzSanitizer: "),n(272,"span",19),e(273,"'"),t(),e(274,"resourceUrl"),n(275,"span",19),e(276,"'"),t(),n(277,"span",19),e(278,'"'),t()(),n(279,"span",19),e(280,">"),t()(),n(281,"span",29)(282,"span",29)(283,"span",19),e(284,"</"),t(),e(285,"iframe"),t(),n(286,"span",19),e(287,">"),t()()()(),d(),t()(),n(288,"nz-code-box",35),l(289,"nz-demo-pipes-trim",25),n(290,"div",26),u(),n(291,"p"),e(292,"\u53BB\u9664\u5B57\u7B26\u4E32\u5DE6\u53F3\u7A7A\u5B57\u7B26\u4E32"),t(),d(),t()()()(),n(293,"section",36),u(),n(294,"h2",37)(295,"span"),e(296,"API"),t(),n(297,"a",38),e(298,"#"),t()(),n(299,"h3",39)(300,"span")(301,"strong"),e(302,"nzBytes"),t()(),n(303,"a",40),e(304,"#"),t()(),n(305,"table")(306,"thead")(307,"tr")(308,"th"),e(309,"\u53C2\u6570"),t(),n(310,"th"),e(311,"\u8BF4\u660E"),t(),n(312,"th"),e(313,"\u7C7B\u578B"),t(),n(314,"th"),e(315,"\u9ED8\u8BA4\u503C"),t()()(),n(316,"tbody")(317,"tr")(318,"td")(319,"code"),e(320,"decimal"),t()(),n(321,"td"),e(322,"\u4FDD\u7559\u5C0F\u6570\u4F4D"),t(),n(323,"td")(324,"code"),e(325,"number"),t()(),n(326,"td"),e(327,"'0'"),t()(),n(328,"tr")(329,"td")(330,"code"),e(331,"from"),t()(),n(332,"td"),e(333,"\u5F53\u524D\u503C\u7684\u5355\u4F4D"),t(),n(334,"td")(335,"code"),e(336,"string"),t()(),n(337,"td"),e(338,"'B'"),t()(),n(339,"tr")(340,"td")(341,"code"),e(342,"to"),t()(),n(343,"td"),e(344,"\u8F6C\u6362\u5230\u76EE\u6807\u503C\u7684\u5355\u4F4D"),t(),n(345,"td")(346,"code"),e(347,"string"),t()(),n(348,"td"),e(349,"''"),t()()()(),n(350,"h3",41)(351,"span")(352,"strong"),e(353,"nzToCssUnit"),t()(),n(354,"a",42),e(355,"#"),t()(),n(356,"table")(357,"thead")(358,"tr")(359,"th"),e(360,"\u53C2\u6570"),t(),n(361,"th"),e(362,"\u8BF4\u660E"),t(),n(363,"th"),e(364,"\u7C7B\u578B"),t(),n(365,"th"),e(366,"\u9ED8\u8BA4\u503C"),t()()(),n(367,"tbody")(368,"tr")(369,"td")(370,"code"),e(371,"defaultUnit"),t()(),n(372,"td"),e(373,"\u9ED8\u8BA4\u5355\u4F4D"),t(),n(374,"td")(375,"code"),e(376,"string"),t()(),n(377,"td"),e(378,"'px'"),t()()()(),n(379,"h3",43)(380,"span")(381,"strong"),e(382,"nzEllipsis"),t()(),n(383,"a",44),e(384,"#"),t()(),n(385,"table")(386,"thead")(387,"tr")(388,"th"),e(389,"\u53C2\u6570"),t(),n(390,"th"),e(391,"\u8BF4\u660E"),t(),n(392,"th"),e(393,"\u7C7B\u578B"),t(),n(394,"th"),e(395,"\u9ED8\u8BA4\u503C"),t()()(),n(396,"tbody")(397,"tr")(398,"td")(399,"code"),e(400,"length"),t()(),n(401,"td"),e(402,"\u622A\u53D6\u957F\u5EA6"),t(),n(403,"td")(404,"code"),e(405,"number"),t()(),n(406,"td"),e(407,"''"),t()(),n(408,"tr")(409,"td")(410,"code"),e(411,"suffix"),t()(),n(412,"td"),e(413,"\u66FF\u6362\u5B57\u7B26"),t(),n(414,"td")(415,"code"),e(416,"string"),t()(),n(417,"td"),e(418,"''"),t()()()(),n(419,"h3",45)(420,"span")(421,"strong"),e(422,"nzAggregate"),t()(),n(423,"a",46),e(424,"#"),t()(),n(425,"table")(426,"thead")(427,"tr")(428,"th"),e(429,"\u53C2\u6570"),t(),n(430,"th"),e(431,"\u8BF4\u660E"),t(),n(432,"th"),e(433,"\u7C7B\u578B"),t(),n(434,"th"),e(435,"\u9ED8\u8BA4\u503C"),t()()(),n(436,"tbody")(437,"tr")(438,"td")(439,"code"),e(440,"method"),t()(),n(441,"td"),e(442,"\u805A\u5408\u65B9\u5F0F"),t(),n(443,"td")(444,"code"),e(445,"'sum' | 'max' | 'min' | 'avg'"),t()(),n(446,"td"),e(447,"''"),t()()()(),n(448,"h3",47)(449,"span")(450,"strong"),e(451,"nzSanitizer"),t()(),n(452,"a",48),e(453,"#"),t()(),n(454,"table")(455,"thead")(456,"tr")(457,"th"),e(458,"\u53C2\u6570"),t(),n(459,"th"),e(460,"\u8BF4\u660E"),t(),n(461,"th"),e(462,"\u7C7B\u578B"),t(),n(463,"th"),e(464,"\u9ED8\u8BA4\u503C"),t()()(),n(465,"tbody")(466,"tr")(467,"td")(468,"code"),e(469,"type"),t()(),n(470,"td"),e(471,"sanitizer \u7C7B\u578B"),t(),n(472,"td")(473,"code"),e(474,"string"),t()(),n(475,"td"),e(476,"'html'"),t()()()(),d(),t()()),m&2&&(i(),r("nzOffsetTop",16),i(),r("nzAffix",!1),i(56),r("nzGutter",8),i(),r("nzSpan",24),i(),r("nzId","components-pipes-demo-bytes")("nzLink","components-pipes-demo-bytes")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/pipes/demo/bytes.md"),i(5),r("nzId","components-pipes-demo-css-unit")("nzLink","components-pipes-demo-css-unit")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/pipes/demo/css-unit.md"),i(89),r("nzId","components-pipes-demo-ellipsis")("nzLink","components-pipes-demo-ellipsis")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/pipes/demo/ellipsis.md"),i(5),r("nzId","components-pipes-demo-aggregate")("nzLink","components-pipes-demo-aggregate")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/pipes/demo/aggregate.md"),i(5),r("nzId","components-pipes-demo-sanitizer")("nzLink","components-pipes-demo-sanitizer")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/pipes/demo/sanitizer.md"),i(124),r("nzId","components-pipes-demo-trim")("nzLink","components-pipes-demo-trim")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/pipes/demo/trim.md"))},dependencies:[V,f,U,Z,G,k,F,_,M,Q,q,j,K,J,X],encapsulation:2})}}return a})();var ce=(()=>{class a{constructor(){this.expanded=!1}goLink(p){window&&(window.location.hash=p)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(p=>p.expandCode(this.expanded))}static{this.\u0275fac=function(m){return new(m||a)}}static{this.\u0275cmp=z({type:a,selectors:[["nz-demo-pipes"]],viewQuery:function(m,o){if(m&1&&I(f,5),m&2){let E;w(E=A())&&(o.codeBoxes=E)}},decls:477,vars:28,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"],["nz-icon","","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","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","nzIframeHeight","nzHref"],[1,"language-html"],[1,"token","tag"],[1,"token","attr-name"],[1,"token","attr-value"],["nzTitle","nzEllipsis","nzSelector","nz-demo-pipes-ellipsis","nzGenerateCommand","ng g ng-zorro-antd:pipes-ellipsis <name>","nzComponentName","NzDemoPipesEllipsisComponent","nzIframeSource","null",3,"nzId","nzLink","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","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","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","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","<strong>nzbytes</strong>"],["onclick","window.location.hash = '<strong>nzbytes</strong>'",1,"anchor"],["id","<strong>nztocssunit</strong>"],["onclick","window.location.hash = '<strong>nztocssunit</strong>'",1,"anchor"],["id","<strong>nzellipsis</strong>"],["onclick","window.location.hash = '<strong>nzellipsis</strong>'",1,"anchor"],["id","<strong>nzaggregate</strong>"],["onclick","window.location.hash = '<strong>nzaggregate</strong>'",1,"anchor"],["id","<strong>nzsanitizer</strong>"],["onclick","window.location.hash = '<strong>nzsanitizer</strong>'",1,"anchor"]],template:function(m,o){m&1&&(n(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),C("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),u(),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 default Pipe"),t()(),n(36,"pre",17)(37,"code")(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()()(),d(),t(),n(54,"h2")(55,"span"),e(56,"Examples"),t(),n(57,"span",21),C("click",function(){return o.expandAllCode()}),t()()(),n(58,"div",22)(59,"div",23)(60,"nz-code-box",24),l(61,"nz-demo-pipes-bytes",25),n(62,"div",26),u(),n(63,"p"),e(64,"Conversion of storage units to increase readability"),t(),d(),t()(),n(65,"nz-code-box",27),l(66,"nz-demo-pipes-css-unit",25),n(67,"div",26),u(),n(68,"p"),e(69,"Css unit"),t(),n(70,"p"),e(71,"Tip: If possible, we prefer to use Angular's built-in syntax, for example:"),t(),n(72,"pre",28)(73,"code")(74,"span",29)(75,"span",29)(76,"span",19),e(77,"<"),t(),e(78,"div"),t(),e(79," "),n(80,"span",30),e(81,"[style.border-radius.px]"),t(),n(82,"span",31)(83,"span",19),e(84,"="),t(),n(85,"span",19),e(86,'"'),t(),e(87,"1"),n(88,"span",19),e(89,'"'),t()(),n(90,"span",19),e(91,">"),t()(),e(92,"px"),n(93,"span",29)(94,"span",29)(95,"span",19),e(96,"</"),t(),e(97,"div"),t(),n(98,"span",19),e(99,">"),t()(),e(100,`
`),n(101,"span",29)(102,"span",29)(103,"span",19),e(104,"<"),t(),e(105,"div"),t(),e(106," "),n(107,"span",30),e(108,"[style.border-radius.%]"),t(),n(109,"span",31)(110,"span",19),e(111,"="),t(),n(112,"span",19),e(113,'"'),t(),e(114,"1"),n(115,"span",19),e(116,'"'),t()(),n(117,"span",19),e(118,">"),t()(),e(119,"%"),n(120,"span",29)(121,"span",29)(122,"span",19),e(123,"</"),t(),e(124,"div"),t(),n(125,"span",19),e(126,">"),t()(),e(127,`
`),n(128,"span",29)(129,"span",29)(130,"span",19),e(131,"<"),t(),e(132,"div"),t(),e(133," "),n(134,"span",30),e(135,"[style.border-radius.rem]"),t(),n(136,"span",31)(137,"span",19),e(138,"="),t(),n(139,"span",19),e(140,'"'),t(),e(141,"1"),n(142,"span",19),e(143,'"'),t()(),n(144,"span",19),e(145,">"),t()(),e(146,"rem"),n(147,"span",29)(148,"span",29)(149,"span",19),e(150,"</"),t(),e(151,"div"),t(),n(152,"span",19),e(153,">"),t()()()(),d(),t()(),n(154,"nz-code-box",32),l(155,"nz-demo-pipes-ellipsis",25),n(156,"div",26),u(),n(157,"p"),e(158,"Truncate the string, ending with the specified string"),t(),d(),t()(),n(159,"nz-code-box",33),l(160,"nz-demo-pipes-aggregate",25),n(161,"div",26),u(),n(162,"p"),e(163,"Sum, Min, Max, Average and other operations on arrays"),t(),d(),t()(),n(164,"nz-code-box",34),l(165,"nz-demo-pipes-sanitizer",25),n(166,"div",26),u(),n(167,"p"),e(168,"Pipe implementation of DomSanitizer"),t(),n(169,"pre",28)(170,"code")(171,"span",29)(172,"span",29)(173,"span",19),e(174,"<"),t(),e(175,"div"),t(),e(176," "),n(177,"span",30),e(178,"[innerHTML]"),t(),n(179,"span",31)(180,"span",19),e(181,"="),t(),n(182,"span",19),e(183,'"'),t(),e(184,"html | nzSanitizer: "),n(185,"span",19),e(186,"'"),t(),e(187,"html"),n(188,"span",19),e(189,"'"),t(),n(190,"span",19),e(191,'"'),t()(),n(192,"span",19),e(193,">"),t()(),n(194,"span",29)(195,"span",29)(196,"span",19),e(197,"</"),t(),e(198,"div"),t(),n(199,"span",19),e(200,">"),t()(),e(201,`
`),n(202,"span",29)(203,"span",29)(204,"span",19),e(205,"<"),t(),e(206,"div"),t(),e(207," "),n(208,"span",30),e(209,"[style]"),t(),n(210,"span",31)(211,"span",19),e(212,"="),t(),n(213,"span",19),e(214,'"'),t(),e(215,"style | nzSanitizer: "),n(216,"span",19),e(217,"'"),t(),e(218,"style"),n(219,"span",19),e(220,"'"),t(),n(221,"span",19),e(222,'"'),t()(),n(223,"span",19),e(224,">"),t()(),n(225,"span",29)(226,"span",29)(227,"span",19),e(228,"</"),t(),e(229,"div"),t(),n(230,"span",19),e(231,">"),t()(),e(232,`
`),n(233,"span",29)(234,"span",29)(235,"span",19),e(236,"<"),t(),e(237,"img"),t(),e(238," "),n(239,"span",30),e(240,"[src]"),t(),n(241,"span",31)(242,"span",19),e(243,"="),t(),n(244,"span",19),e(245,'"'),t(),e(246,"url | nzSanitizer: "),n(247,"span",19),e(248,"'"),t(),e(249,"url"),n(250,"span",19),e(251,"'"),t(),n(252,"span",19),e(253,'"'),t()(),e(254," "),n(255,"span",19),e(256,"/>"),t()(),e(257,`
`),n(258,"span",29)(259,"span",29)(260,"span",19),e(261,"<"),t(),e(262,"iframe"),t(),e(263," "),n(264,"span",30),e(265,"[src]"),t(),n(266,"span",31)(267,"span",19),e(268,"="),t(),n(269,"span",19),e(270,'"'),t(),e(271,"resourceUrl | nzSanitizer: "),n(272,"span",19),e(273,"'"),t(),e(274,"resourceUrl"),n(275,"span",19),e(276,"'"),t(),n(277,"span",19),e(278,'"'),t()(),n(279,"span",19),e(280,">"),t()(),n(281,"span",29)(282,"span",29)(283,"span",19),e(284,"</"),t(),e(285,"iframe"),t(),n(286,"span",19),e(287,">"),t()()()(),d(),t()(),n(288,"nz-code-box",35),l(289,"nz-demo-pipes-trim",25),n(290,"div",26),u(),n(291,"p"),e(292,"Strip left and right empty string"),t(),d(),t()()()(),n(293,"section",36),u(),n(294,"h2",37)(295,"span"),e(296,"API"),t(),n(297,"a",38),e(298,"#"),t()(),n(299,"h3",39)(300,"span")(301,"strong"),e(302,"nzBytes"),t()(),n(303,"a",40),e(304,"#"),t()(),n(305,"table")(306,"thead")(307,"tr")(308,"th"),e(309,"Property"),t(),n(310,"th"),e(311,"Description"),t(),n(312,"th"),e(313,"Type"),t(),n(314,"th"),e(315,"Default"),t()()(),n(316,"tbody")(317,"tr")(318,"td")(319,"code"),e(320,"decimal"),t()(),n(321,"td"),e(322,"Decimal"),t(),n(323,"td")(324,"code"),e(325,"number"),t()(),n(326,"td"),e(327,"'0'"),t()(),n(328,"tr")(329,"td")(330,"code"),e(331,"from"),t()(),n(332,"td"),e(333,"Unit of current value"),t(),n(334,"td")(335,"code"),e(336,"string"),t()(),n(337,"td"),e(338,"'B'"),t()(),n(339,"tr")(340,"td")(341,"code"),e(342,"to"),t()(),n(343,"td"),e(344,"Units converted to target value"),t(),n(345,"td")(346,"code"),e(347,"string"),t()(),n(348,"td"),e(349,"''"),t()()()(),n(350,"h3",41)(351,"span")(352,"strong"),e(353,"nzToCssUnit"),t()(),n(354,"a",42),e(355,"#"),t()(),n(356,"table")(357,"thead")(358,"tr")(359,"th"),e(360,"Property"),t(),n(361,"th"),e(362,"Description"),t(),n(363,"th"),e(364,"Type"),t(),n(365,"th"),e(366,"Default"),t()()(),n(367,"tbody")(368,"tr")(369,"td")(370,"code"),e(371,"defaultUnit"),t()(),n(372,"td"),e(373,"Default Unit"),t(),n(374,"td")(375,"code"),e(376,"string"),t()(),n(377,"td"),e(378,"'px'"),t()()()(),n(379,"h3",43)(380,"span")(381,"strong"),e(382,"nzEllipsis"),t()(),n(383,"a",44),e(384,"#"),t()(),n(385,"table")(386,"thead")(387,"tr")(388,"th"),e(389,"Property"),t(),n(390,"th"),e(391,"Description"),t(),n(392,"th"),e(393,"Type"),t(),n(394,"th"),e(395,"Default"),t()()(),n(396,"tbody")(397,"tr")(398,"td")(399,"code"),e(400,"length"),t()(),n(401,"td"),e(402,"Truncate length"),t(),n(403,"td")(404,"code"),e(405,"number"),t()(),n(406,"td"),e(407,"''"),t()(),n(408,"tr")(409,"td")(410,"code"),e(411,"suffix"),t()(),n(412,"td"),e(413,"Replace character"),t(),n(414,"td")(415,"code"),e(416,"string"),t()(),n(417,"td"),e(418,"''"),t()()()(),n(419,"h3",45)(420,"span")(421,"strong"),e(422,"nzAggregate"),t()(),n(423,"a",46),e(424,"#"),t()(),n(425,"table")(426,"thead")(427,"tr")(428,"th"),e(429,"Property"),t(),n(430,"th"),e(431,"Description"),t(),n(432,"th"),e(433,"Type"),t(),n(434,"th"),e(435,"Default"),t()()(),n(436,"tbody")(437,"tr")(438,"td")(439,"code"),e(440,"method"),t()(),n(441,"td"),e(442,"Aggregation"),t(),n(443,"td")(444,"code"),e(445,"'sum' | 'max' | 'min' | 'avg'"),t()(),n(446,"td"),e(447,"''"),t()()()(),n(448,"h3",47)(449,"span")(450,"strong"),e(451,"nzSanitizer"),t()(),n(452,"a",48),e(453,"#"),t()(),n(454,"table")(455,"thead")(456,"tr")(457,"th"),e(458,"Property"),t(),n(459,"th"),e(460,"Description"),t(),n(461,"th"),e(462,"Type"),t(),n(463,"th"),e(464,"Default"),t()()(),n(465,"tbody")(466,"tr")(467,"td")(468,"code"),e(469,"type"),t()(),n(470,"td"),e(471,"sanitizer type"),t(),n(472,"td")(473,"code"),e(474,"string"),t()(),n(475,"td"),e(476,"'html'"),t()()()(),d(),t()()),m&2&&(i(),r("nzOffsetTop",16),i(),r("nzAffix",!1),i(56),r("nzGutter",8),i(),r("nzSpan",24),i(),r("nzId","components-pipes-demo-bytes")("nzLink","components-pipes-demo-bytes")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/pipes/demo/bytes.md"),i(5),r("nzId","components-pipes-demo-css-unit")("nzLink","components-pipes-demo-css-unit")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/pipes/demo/css-unit.md"),i(89),r("nzId","components-pipes-demo-ellipsis")("nzLink","components-pipes-demo-ellipsis")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/pipes/demo/ellipsis.md"),i(5),r("nzId","components-pipes-demo-aggregate")("nzLink","components-pipes-demo-aggregate")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/pipes/demo/aggregate.md"),i(5),r("nzId","components-pipes-demo-sanitizer")("nzLink","components-pipes-demo-sanitizer")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/pipes/demo/sanitizer.md"),i(124),r("nzId","components-pipes-demo-trim")("nzLink","components-pipes-demo-trim")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/pipes/demo/trim.md"))},dependencies:[V,f,U,Z,G,k,F,_,M,Q,q,j,K,J,X],encapsulation:2})}}return a})();var Ce=[{path:"en",component:ce},{path:"zh",component:ze}],st=Ce;export{st as default};