chunk-IFYCWV3O.js

import{b as V,c as te}from"./chunk-HRG6VCKG.js";import{a as M,b as ee}from"./chunk-I3LV2BEY.js";import{a as B,c as Z}from"./chunk-Y54HNU3H.js";import{b as q}from"./chunk-FFGJMO62.js";import"./chunk-XRBZUWDJ.js";import{a as J,b as K,o as Q,q as W,r as X,t as Y}from"./chunk-LJRBPGSW.js";import"./chunk-JYBRZQRP.js";import{Da as n,Ea as l,Fa as m,Ga as b,Ha as I,I as k,Ja as D,Ka as N,La as F,Ma as U,Na as H,O as E,P as v,Q as P,Qb as L,Ta as C,Ua as p,Va as z,Wa as w,ab as A,ca as a,fb as h,h as j,l as O,la as u,ma as _,ra as c,rb as G,sb as T,va as o,xa as y,zb as $}from"./chunk-UJIEDWPF.js";var fe=["*"];function ge(e,s){e&1&&H(0,0,["*ngIf","!loading; else loadingTpl"])}function Ce(e,s){if(e&1&&(b(0),p(1),I()),e&2){let i=F(3);a(),z(i.nelTemplate)}}function he(e,s){if(e&1&&(b(0),c(1,Ce,2,1,"ng-container",3),I()),e&2){let i=F(2);a(),o("stringTemplate",i.nelTemplate)}}function ke(e,s){if(e&1&&m(0,"div",5),e&2){let i=s.first,t=s.last;y("is-first",i)("is-last",t)("el-skeleton__paragraph",!i)}}function _e(e,s){if(e&1&&c(0,ke,1,6,"div",4),e&2){let i=F(2);o("ngForOf",i.rowList)}}function Se(e,s){if(e&1&&c(0,he,2,1,"ng-container",2)(1,_e,1,1,"ng-template",null,1,h),e&2){let i=C(2),t=F();o("ngIf",t.nelTemplate)("ngIfElse",i)}}var d=class e{constructor(){this.rowList=[0,1,2,3],this.nelAnimated=!1,this.nelThrottle=0,this.loading=!0,this.changeLoading$=new j}set nelRows(s){let i=[];for(let t=0;t<=s;t++)i.push(t);this.rowList=i}set nelLoading(s){s?this.nelThrottle?this.timeoutHandle=setTimeout(()=>{this.loading=s},this.nelThrottle):this.loading=s:(this.loading=s,this.timeoutHandle&&clearTimeout(this.timeoutHandle))}ngOnDestroy(){this.timeoutHandle&&clearTimeout(this.timeoutHandle)}static{this.\u0275fac=function(i){return new(i||e)}}static{this.\u0275cmp=u({type:e,selectors:[["nel-skeleton"]],hostAttrs:[1,"el-skeleton"],hostVars:2,hostBindings:function(i,t){i&2&&y("is-animated",t.nelAnimated)},inputs:{nelRows:"nelRows",nelAnimated:"nelAnimated",nelTemplate:"nelTemplate",nelLoading:"nelLoading",nelThrottle:"nelThrottle"},standalone:!1,ngContentSelectors:fe,decls:3,vars:2,consts:[["loadingTpl",""],["defaultTpl",""],[4,"ngIf","ngIfElse"],[4,"stringTemplate"],["class","el-skeleton__item el-skeleton__p",3,"is-first","is-last","el-skeleton__paragraph",4,"ngFor","ngForOf"],[1,"el-skeleton__item","el-skeleton__p"]],template:function(i,t){if(i&1&&(U(),c(0,ge,1,0,"ng-content",2)(1,Se,3,2,"ng-template",null,0,h)),i&2){let r=C(2);o("ngIf",!t.loading)("ngIfElse",r)}},dependencies:[G,T,J],encapsulation:2})}};O([q()],d.prototype,"nelAnimated",void 0);function xe(e,s){e&1&&(P(),n(0,"svg",1),m(1,"path",2),l())}var x=(()=>{class e{constructor(){this.nelVariant="text"}static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275cmp=u({type:e,selectors:[["nel-skeleton-item"]],hostAttrs:[1,"el-skeleton__item"],hostVars:18,hostBindings:function(t,r){t&2&&y("el-skeleton__p",r.nelVariant=="p")("el-skeleton__text",r.nelVariant=="text")("el-skeleton__h1",r.nelVariant=="h1")("el-skeleton__h3",r.nelVariant=="h3")("el-skeleton__caption",r.nelVariant=="caption")("el-skeleton__button",r.nelVariant=="button")("el-skeleton__image",r.nelVariant=="image")("el-skeleton__circle",r.nelVariant=="circle")("el-skeleton__rect",r.nelVariant=="rect")},inputs:{nelVariant:"nelVariant"},standalone:!1,decls:1,vars:1,consts:[["viewBox","0 0 1024 1024","xmlns","http://www.w3.org/2000/svg",4,"ngIf"],["viewBox","0 0 1024 1024","xmlns","http://www.w3.org/2000/svg"],["d","M64 896V128h896v768H64z m64-128l192-192 116.352 116.352L640 448l256 307.2V192H128v576z m224-480a96 96 0 1 1-0.064 192.064A96 96 0 0 1 352 288z"]],template:function(t,r){t&1&&c(0,xe,2,0,"svg",0),t&2&&o("ngIf",r.nelVariant=="image")},dependencies:[T],encapsulation:2})}}return e})();var ne=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275mod=_({type:e})}static{this.\u0275inj=k({imports:[$,K]})}}return e})();var oe=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275cmp=u({type:e,selectors:[["nel-demo-skeleton-basic"]],standalone:!1,decls:1,vars:0,template:function(t,r){t&1&&m(0,"nel-skeleton")},dependencies:[d],encapsulation:2})}}return e})();var ie=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275cmp=u({type:e,selectors:[["nel-demo-skeleton-rows"]],standalone:!1,decls:1,vars:1,consts:[[3,"nelRows"]],template:function(t,r){t&1&&m(0,"nel-skeleton",0),t&2&&o("nelRows",5)},dependencies:[d],encapsulation:2})}}return e})();var le=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275cmp=u({type:e,selectors:[["nel-demo-skeleton-animated"]],standalone:!1,decls:1,vars:1,consts:[["nelAnimated","",3,"nelRows"]],template:function(t,r){t&1&&m(0,"nel-skeleton",0),t&2&&o("nelRows",5)},dependencies:[d],encapsulation:2})}}return e})();function ve(e,s){e&1&&(m(0,"nel-skeleton-item",2),n(1,"div",3),m(2,"nel-skeleton-item",4),n(3,"div",5),m(4,"nel-skeleton-item",6)(5,"nel-skeleton-item",7),l()()),e&2&&(o("nelVariant","image"),a(2),o("nelVariant","p"),a(2),o("nelVariant","text"),a(),o("nelVariant","text"))}var me=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275cmp=u({type:e,selectors:[["nel-demo-skeleton-template"]],standalone:!1,decls:3,vars:1,consts:[["template",""],[2,"width","240px",3,"nelTemplate"],[2,"width","240px","height","240px",3,"nelVariant"],[2,"padding","14px"],[2,"width","50%",3,"nelVariant"],[2,"display","flex","align-items","center","justify-items","space-between"],[2,"margin-right","16px",3,"nelVariant"],[2,"width","30%",3,"nelVariant"]],template:function(t,r){if(t&1&&(n(0,"nel-skeleton",1),c(1,ve,6,4,"ng-template",null,0,h),l()),t&2){let g=C(2);o("nelTemplate",g)}},dependencies:[d,x],encapsulation:2})}}return e})();var Te=()=>({padding:"0px",marginBottom:"1px"});function Be(e,s){e&1&&(m(0,"nel-skeleton-item",11),n(1,"div",7),m(2,"nel-skeleton-item",12),n(3,"div",13),m(4,"nel-skeleton-item",14)(5,"nel-skeleton-item",15),l()()),e&2&&(o("nelVariant","image"),a(2),o("nelVariant","h3"),a(2),o("nelVariant","text"),a(),o("nelVariant","text"))}var ae=(()=>{class e{constructor(){this.loading=!0}static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275cmp=u({type:e,selectors:[["nel-demo-skeleton-loading"]],standalone:!1,decls:17,vars:8,consts:[["template",""],[3,"nelDirection","nelAlignment"],[3,"click"],[2,"margin-right","16px"],["nelAnimated","",2,"width","240px",3,"nelLoading","nelTemplate"],[3,"nelBodyStyle"],["src","https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",1,"image"],[2,"padding","14px"],[1,"bottom","card-header"],[1,"time"],["nel-button","",1,"button",3,"nelType"],[2,"width","240px","height","240px",3,"nelVariant"],[2,"width","50%",3,"nelVariant"],[2,"display","flex","align-items","center","justify-items","space-between","margin-top","16px","height","16px"],[2,"margin-right","16px",3,"nelVariant"],[2,"width","30%",3,"nelVariant"]],template:function(t,r){if(t&1){let g=D();n(0,"nel-space",1)(1,"div",2),N("click",function(){return E(g),v(r.loading=!r.loading)}),n(2,"label",3),p(3),l()(),n(4,"nel-skeleton",4),c(5,Be,6,4,"ng-template",null,0,h),n(7,"nel-card",5),m(8,"img",6),n(9,"div",7)(10,"span"),p(11,"\u597D\u5403\u7684\u6C49\u5821"),l(),n(12,"div",8)(13,"span",9),p(14,"2020-20-20"),l(),n(15,"button",10),p(16,"\u64CD\u4F5C\u6309\u94AE"),l()()()()()()}if(t&2){let g=C(6);o("nelDirection","vertical")("nelAlignment","flex-start"),a(3),w("\u5207\u6362 Loading ",r.loading,""),a(),o("nelLoading",r.loading)("nelTemplate",g),a(3),o("nelBodyStyle",A(7,Te)),a(8),o("nelType","text")}},dependencies:[d,x,V,M,B],styles:[".time[_ngcontent-%COMP%]{font-size:13px;color:#999}.bottom[_ngcontent-%COMP%]{margin-top:13px;line-height:12px;display:flex;justify-content:space-between;align-items:center}.button[_ngcontent-%COMP%]{padding:0;min-height:auto}.image[_ngcontent-%COMP%]{width:100%;display:block}"]})}}return e})();var Ve=()=>({padding:"0px",marginBottom:"1px"});function be(e,s){e&1&&(m(0,"nel-skeleton-item",11),n(1,"div",7),m(2,"nel-skeleton-item",12),n(3,"div",13),m(4,"nel-skeleton-item",14)(5,"nel-skeleton-item",15),l()()),e&2&&(o("nelVariant","image"),a(2),o("nelVariant","h3"),a(2),o("nelVariant","text"),a(),o("nelVariant","text"))}var re=(()=>{class e{constructor(){this.loading=!1}static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275cmp=u({type:e,selectors:[["nel-demo-skeleton-throttle"]],standalone:!1,decls:17,vars:9,consts:[["template",""],[3,"nelDirection","nelAlignment"],[3,"click"],[2,"margin-right","16px"],["nelAnimated","",2,"width","240px",3,"nelLoading","nelTemplate","nelThrottle"],[3,"nelBodyStyle"],["src","https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",1,"image"],[2,"padding","14px"],[1,"bottom","card-header"],[1,"time"],["nel-button","",1,"button",3,"nelType"],[2,"width","240px","height","240px",3,"nelVariant"],[2,"width","50%",3,"nelVariant"],[2,"display","flex","align-items","center","justify-items","space-between","margin-top","16px","height","16px"],[2,"margin-right","16px",3,"nelVariant"],[2,"width","30%",3,"nelVariant"]],template:function(t,r){if(t&1){let g=D();n(0,"nel-space",1)(1,"div",2),N("click",function(){return E(g),v(r.loading=!r.loading)}),n(2,"label",3),p(3),l()(),n(4,"nel-skeleton",4),c(5,be,6,4,"ng-template",null,0,h),n(7,"nel-card",5),m(8,"img",6),n(9,"div",7)(10,"span"),p(11,"\u597D\u5403\u7684\u6C49\u5821"),l(),n(12,"div",8)(13,"span",9),p(14,"2020-20-20"),l(),n(15,"button",10),p(16,"\u64CD\u4F5C\u6309\u94AE"),l()()()()()()}if(t&2){let g=C(6);o("nelDirection","vertical")("nelAlignment","flex-start"),a(3),w("\u5207\u6362 Loading ",r.loading,""),a(),o("nelLoading",r.loading)("nelTemplate",g)("nelThrottle",500),a(3),o("nelBodyStyle",A(8,Ve)),a(8),o("nelType","text")}},dependencies:[d,x,V,M,B],styles:[".time[_ngcontent-%COMP%]{font-size:13px;color:#999}.bottom[_ngcontent-%COMP%]{margin-top:13px;line-height:12px;display:flex;justify-content:space-between;align-items:center}.button[_ngcontent-%COMP%]{padding:0;min-height:auto}.image[_ngcontent-%COMP%]{width:100%;display:block}"]})}}return e})();var pe=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275mod=_({type:e})}static{this.\u0275inj=k({imports:[ne,te,ee,Z]})}}return e})();var se=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275cmp=u({type:e,selectors:[["app-skeleton"]],standalone:!1,decls:40,vars:7,consts:[["code","import { NelSkeletonModule } from 'ng-element-ui/skeleton';"],[3,"codeUrl"],["demo",""],[3,"docUrl"]],template:function(t,r){t&1&&(n(0,"h2"),p(1,"Skeleton \u9AA8\u67B6\u5C4F"),l(),n(2,"p"),p(3,"\u5728\u9700\u8981\u7B49\u5F85\u52A0\u8F7D\u5185\u5BB9\u7684\u4F4D\u7F6E\u8BBE\u7F6E\u4E00\u4E2A\u9AA8\u67B6\u5C4F\uFF0C\u67D0\u4E9B\u573A\u666F\u4E0B\u6BD4 Loading \u7684\u89C6\u89C9\u6548\u679C\u66F4\u597D\u3002"),l(),m(4,"app-code",0),n(5,"h3"),p(6,"\u57FA\u7840\u7528\u6CD5"),l(),n(7,"p"),p(8,"\u57FA\u7840\u7684\u9AA8\u67B6\u6548\u679C\u3002"),l(),n(9,"app-demo",1),m(10,"nel-demo-skeleton-basic",2),l(),n(11,"h3"),p(12,"\u66F4\u591A\u53C2\u6570"),l(),n(13,"p"),p(14,"\u53EF\u4EE5\u914D\u7F6E\u9AA8\u67B6\u5C4F\u6BB5\u843D\u6570\u91CF\uFF0C\u4EE5\u4FBF\u66F4\u63A5\u8FD1\u771F\u5B9E\u6E32\u67D3\u6548\u679C\u3002\u663E\u793A\u7684\u6570\u91CF\u4F1A\u6BD4\u4F20\u5165\u7684\u6570\u91CF\u591A 1\uFF0C\u9996\u884C\u4F1A\u88AB\u6E32\u67D3\u4E00\u4E2A\u957F\u5EA6 33% \u7684\u6BB5\u9996\u3002"),l(),n(15,"app-demo",1),m(16,"nel-demo-skeleton-rows",2),l(),n(17,"h3"),p(18,"\u52A8\u753B\u6548\u679C"),l(),n(19,"p"),p(20,"\u663E\u793A\u52A8\u753B\u6548\u679C\u3002"),l(),n(21,"app-demo",1),m(22,"nel-demo-skeleton-animated",2),l(),n(23,"h3"),p(24,"\u81EA\u5B9A\u4E49\u6837\u5F0F"),l(),n(25,"app-demo",1),m(26,"nel-demo-skeleton-template",2),l(),n(27,"h3"),p(28,"Loading \u72B6\u6001"),l(),n(29,"p"),p(30,"\u5F53 Loading \u7ED3\u675F\u4E4B\u540E\uFF0C\u6211\u4EEC\u5F80\u5F80\u9700\u8981\u663E\u793A\u771F\u5B9E\u7684 UI\uFF0C\u53EF\u4EE5\u901A\u8FC7 loading \u7684\u503C\u6765\u63A7\u5236\u662F\u5426\u663E\u793A\u771F\u5B9E\u7684 DOM\u3002"),l(),n(31,"app-demo",1),m(32,"nel-demo-skeleton-loading",2),l(),n(33,"h3"),p(34,"\u9632\u6B62\u6E32\u67D3\u6296\u52A8"),l(),n(35,"p"),p(36,"\u6709\u7684\u65F6\u5019\uFF0CAPI \u7684\u8BF7\u6C42\u56DE\u6765\u7684\u7279\u522B\u5FEB\uFF0C\u5F80\u5F80\u9AA8\u67B6\u5360\u4F4D\u521A\u521A\u88AB\u6E32\u67D3\uFF0C\u771F\u5B9E\u7684\u6570\u636E\u5C31\u5DF2\u7ECF\u56DE\u6765\u4E86\uFF0C\u7528\u6237\u7684\u754C\u9762\u4F1A\u7A81\u7136\u4E00\u95EA\uFF0C\u6B64\u65F6\u4E3A\u4E86\u907F\u514D\u8FD9\u79CD\u60C5\u51B5\uFF0C\u5C31\u9700\u8981\u901A\u8FC7 throttle \u5C5E\u6027\u6765\u907F\u514D\u8FD9\u4E2A\u95EE\u9898\u3002"),l(),n(37,"app-demo",1),m(38,"nel-demo-skeleton-throttle",2),l(),m(39,"app-doc",3)),t&2&&(a(9),o("codeUrl","components-skeleton-demo-basic.component"),a(6),o("codeUrl","components-skeleton-demo-rows.component"),a(6),o("codeUrl","components-skeleton-demo-animated.component"),a(4),o("codeUrl","components-skeleton-demo-template.component"),a(6),o("codeUrl","components-skeleton-demo-loading.component"),a(6),o("codeUrl","components-skeleton-demo-throttle.component"),a(2),o("docUrl","components-skeleton"))},dependencies:[oe,ie,le,me,ae,re,Q,W,X],encapsulation:2})}}return e})();var Le=[{path:"",component:se}],ue=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275mod=_({type:e})}static{this.\u0275inj=k({imports:[L.forChild(Le),L]})}}return e})();var At=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275mod=_({type:e})}static{this.\u0275inj=k({imports:[pe,Y,ue]})}}return e})();export{At as SkeletonModule};