1import{d as re,e as ae}from"./chunk-GZCX4DE3.js";import"./chunk-34E445TD.js";import{a as b}from"./chunk-BF7EEAQZ.js";import{a as pe,b as se}from"./chunk-CWHBADF2.js";import{a as ie,b as oe}from"./chunk-QGK55QLP.js";import{b as te,c as ne}from"./chunk-HECQD5M5.js";import{Hd as P,Id as X,J as Q,Jd as q,M as $,Md as G,Nd as H,Rd as J,Sd as W,Td as K,Ud as Y,Wd as Z,Xd as ee,qb as U,sb as j}from"./chunk-FE3MHUBC.js";import{Ac as I,Bc as F,Cb as L,K as N,Kc as B,Lc as M,Mc as A,Qb as h,Sb as g,Tb as C,Vb as z,Wb as x,Xb as m,Yb as r,Zb as a,Zc as V,_b as c,cc as R,fb as D,g as T,ic as w,kb as o,kc as l,oc as _,pb as v,pc as y,qc as E,qd as k,sa as d,ta as f,uc as S,wb as O,zc as s}from"./chunk-OQ4XWHPB.js";import"./chunk-JNGVGNCT.js";var le=["componentsList"],ue=["searchBox"];function de(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 fe(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 ve(n,t){n&1&&c(0,"nz-icon",7)}function he(n,t){if(n&1&&(r(0,"div",11)(1,"a",12)(2,"nz-card",13)(3,"div",14),c(4,"img",15),a()()()()),n&2){let e=t.$implicit,i=l(3);o(),m("routerLink",M("/",e.path)),o(),m("nzTitle",A("",e.label," ",i.language==="zh"?e.zh:"")),o(2),m("alt",e.label)("src",e.cover,D)}}function ge(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),z(6,he,5,7,"div",11,C),a()()),n&2){let e=l().$implicit;o(2),F(" ",e.name," "),o(2),I(e.children.length),o(2),x(e.children)}}function Ce(n,t){if(n&1&&h(0,ge,8,2,"div",8),n&2){let e=t.$implicit,i=l();g(e.language===i.language&&e.children.length>0?0:-1)}}var me=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)(v(Q),v(k))};static \u0275cmp=O({type:n,selectors:[["app-components-overview"]],viewQuery:function(e,i){if(e&1&&(_(le,7),_(ue,7)),e&2){let p;y(p=E())&&(i.componentsList=p.first),y(p=E())&&(i.searchBox=p.first)}},decls:18,vars:6,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=R();r(0,"section",3)(1,"h1"),s(2),a(),r(3,"section"),h(4,de,5,0,"p")(5,fe,5,0,"p"),a(),r(6,"section",null,0),c(8,"nz-divider"),r(9,"nz-affix",4),w("nzChange",function(u){return d(p),f(i.onSearchAffixed(u))}),r(10,"nz-input-group",5)(11,"input",6,1),w("input",function(){d(p);let u=S(12);return f(i.onSearch(u.value))}),a()()(),L(13,ve,1,0,"ng-template",null,2,V),c(15,"nz-divider"),z(16,Ce,1,1,null,null,C),a()()}if(e&2){let p=S(14);o(2),I(i.language==="en"?"Components Overview":"\u7EC4\u4EF6\u603B\u89C8"),o(2),g(i.language==="zh"?4:5),o(5),m("nzOff
1setTop",10),o(),m("nzSuffix",p),o(),m("placeholder",B(i.language==="en"?"Search in components":"\u641C\u7D22\u7EC4\u4EF6")),o(5),x(i.routerList.components)}},dependencies:[$,ee,Z,ae,re,J,H,se,pe,Y,K,W,ne,te,oe,ie,j,U,G,P,q,X],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}nz-input-group.components-overview-search{width:100%;padding:0;font-size:20px;border:0;box-shadow:none}nz-input-group.components-overview-search input{color:#000000d9;font-size:20px}nz-input-group.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} 2`],encapsulation:2,changeDetection:0})};export{me as ComponentsOverviewComponent};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.