chunk-EBVEZJ7V.js

import{a as oe,b as re}from"./chunk-BPTLIY6Q.js";import{d as ne,e as ie}from"./chunk-HI6A44CB.js";import"./chunk-OZLV23FZ.js";import{a as b}from"./chunk-44JLRO7G.js";import{a as ae,b as pe}from"./chunk-44OZ4XVX.js";import"./chunk-VED23IKS.js";import"./chunk-7IR2ER4N.js";import{a as ee,b as te}from"./chunk-QEKBGSGF.js";import{f as X,g as q,h as G,k as H}from"./chunk-GDHEBRUM.js";import"./chunk-O5GFCFR7.js";import{a as j,d as P}from"./chunk-56XIMETV.js";import"./chunk-MM6PISML.js";import"./chunk-AMB2SXIB.js";import"./chunk-M3GNLX5T.js";import{Ha as $,Ja as U,Jc as J,Kc as W,Lc as K,Nc as Y,Oc as Z,v as k,y as Q}from"./chunk-O3IWK6WU.js";import{Aa as v,Ac as y,Bc as I,Fc as E,Gc as s,Hc as S,Ib as O,Ic as M,L as N,Ob as c,Vb as l,ad as A,cc as g,dc as C,fc as x,g as T,gc as z,hc as r,hd as V,ic as a,jc as m,nb as D,nc as L,qc as w,rb as o,sc as u,vc as R,wc as F,xb as h,xc as B,za as f,zc as _}from"./chunk-NACBYLXS.js";import"./chunk-EQDQRRRY.js";var ce=["componentsList"],le=["searchBox"];function ue(n,t){n&1&&(r(0,"p")(1,"span")(2,"code"),s(3,"ng-zorro-antd"),a()(),s(4," \u662F Ant Design \u7684 Angular \u5B9E\u73B0\uFF0C\u4E3A\u7F51\u9875\u5F00\u53D1\u63D0\u4F9B\u9AD8\u8D28\u91CF\u7684 UI \u7EC4\u4EF6\u3002 "),a())}function de(n,t){n&1&&(r(0,"p")(1,"span")(2,"code"),s(3,"ng-zorro-antd"),a()(),s(4," is an Angular UI lib, follow Ant Design specification, to provide high quantity UI components for web development. "),a())}function fe(n,t){n&1&&m(0,"nz-icon",7)}function ve(n,t){if(n&1&&(r(0,"div",11)(1,"a",12)(2,"nz-card",13)(3,"div",14),m(4,"img",15),a()()()()),n&2){let e=t.$implicit,i=u(3);o(),F("routerLink","/",e.path,""),o(),B("nzTitle","",e.label," ",i.language==="zh"?e.zh:"",""),o(2),l("alt",e.label)("src",e.cover,D)}}function he(n,t){if(n&1&&(r(0,"div",8)(1,"h3",9),s(2),r(3,"nz-tag"),s(4),a()(),r(5,"div",10),x(6,ve,5,7,"div",11,C),a()()),n&2){let e=u().$implicit;o(2),M(" ",e.name," "),o(2),S(e.children.length),o(2),z(e.children)}}function ge(n,t){if(n&1&&c(0,he,8,2,"div",8),n&2){let e=t.$implicit,i=u();g(e.language===i.language&&e.children.length>0?0:-1)}}var se=class n{constructor(t,e){this.route=t;this.cdr=e}routerList=b;language="en";affixed=!1;searchChange$=new T("");componentsList;searchBox;ngOnInit(){this.route.url.subscribe(t=>{this.language=t[0].path,this.cdr.detectChanges()}),this.searchChange$.asObservable().pipe(N(20)).subscribe(t=>{this.filterComponents(t),this.affixed&&this.scrollIntoView()}),Promise.resolve().then(()=>{this.searchBox.nativeElement.focus()})}onSearchAffixed(t){this.affixed=t}onSearch(t){this.searchChange$.next(t.toLowerCase())}filterComponents(t){if(this.routerList=JSON.parse(JSON.stringify(b)),t)for(let e of this.routerList.components)e.children=e.children.filter(i=>i.label.toLowerCase().includes(t)||i.zh.includes(t));this.cdr.detectChanges()}scrollIntoView(){this.componentsList&&this.componentsList.nativeElement.scrollIntoView({block:"start",behavior:"smooth"})}static \u0275fac=function(e){return new(e||n)(h(k),h(V))};static \u0275cmp=O({type:n,selectors:[["app-components-overview"]],viewQuery:function(e,i){if(e&1&&(_(ce,7),_(le,7)),e&2){let p;y(p=I())&&(i.componentsList=p.first),y(p=I())&&(i.searchBox=p.first)}},decls:18,vars:5,consts:[["componentsList",""],["searchBox",""],["suffixIconSearch",""],[1,"markdown"],[3,"nzChange","nzOffsetTop"],[1,"components-overview-search",3,"nzSuffix"],["type","text","nz-input","","nzSize","large",3,"input","placeholder"],["nzType","search"],[1,"components-overview"],["nz-typography","",1,"components-overview-group-title"],["nz-row",""],["nz-col","","nzXs","24","nzSm","12","nzMd","12","nzLg","8","nzXl","6","nzXXl","6",1,"components-overview-card"],[3,"routerLink"],["nzHoverable","",3,"nzTitle"],[1,"components-overview-img"],[3,"alt","src"]],template:function(e,i){if(e&1){let p=L();r(0,"section",3)(1,"h1"),s(2),a(),r(3,"section"),c(4,ue,5,0,"p")(5,de,5,0,"p"),a(),r(6,"section",null,0),m(8,"nz-divider"),r(9,"nz-affix",4),w("nzChange",function(d){return f(p),v(i.onSearchAffixed(d))}),r(10,"nz-input-group",5)(11,"input",6,1),w("input",function(){f(p);let d=E(12);return v(i.onSearch(d.value))}),a()()(),c(13,fe,1,0,"ng-template",null,2,A),m(15,"nz-divider"),x(16,ge,1,1,null,null,C),a()()}if(e&2){let p=E(14);o(2),S(i.language==="en"?"Components Overview":"\u7EC4\u4EF6\u603B\u89C8"),o(2),g(i.language==="zh"?4:5),o(5),l("nzOffsetTop",10),o(),l("nzSuffix",p),o(),R("placeholder",i.language==="en"?"Search in components":"\u641C\u7D22\u7EC4\u4EF6"),o(5),z(i.routerList.components)}},dependencies:[Q,Z,Y,ie,ne,P,j,pe,ae,K,W,J,re,oe,te,ee,U,$,H,X,G,q],styles:[`.components-overview{padding:0}.components-overview-group-title{display:flex;gap:8px;align-items:center;margin-top:24px!important}.components-overview-img{display:flex;align-items:center;justify-content:center;height:152px}.components-overview-card{padding:12px;cursor:pointer}.components-overview-search{width:100%;padding:0;font-size:20px;border:0;box-shadow:none}.components-overview-search input{color:#000000d9;font-size:20px}.components-overview-search .anticon{color:#bbb}.ant-affix .components-overview-search{margin:-8px;padding:8px;border-radius:6px;box-shadow:#32325d40 0 6px 12px -2px,#0000004d 0 3px 7px -3px}
`],encapsulation:2,changeDetection:0})};export{se as ComponentsOverviewComponent};