System.register(["./index-legacy.js?v=1723125373998","./vue-legacy.js?v=1723125373998"],(function(e,n){"use strict";var r,t,o,i,a,l,s,c,d,u,g,h,m,b;return{setters:[e=>{r=e.co,t=e.aK,o=e.aC,i=e.aE,a=e.aM,l=e.aN,s=e.aT,c=e.bV,d=e.b$},e=>{u=e.l,g=e.k,h=e.p,m=e.L,b=e.F}],execute:function(){let n=!1;const p={name:"Skeleton",common:t,self:e=>{const{heightSmall:n,heightMedium:r,heightLarge:t,borderRadius:o}=e;return{color:"#eee",colorEnd:"#ddd",borderRadius:o,heightSmall:n,heightMedium:r,heightLarge:t}}},v=o([i("skeleton","\n height: 1em;\n width: 100%;\n transition:\n --n-color-start .3s var(--n-bezier),\n --n-color-end .3s var(--n-bezier),\n background-color .3s var(--n-bezier);\n animation: 2s skeleton-loading infinite cubic-bezier(0.36, 0, 0.64, 1);\n background-color: var(--n-color-start);\n "),o("@keyframes skeleton-loading","\n 0% {\n background: var(--n-color-start);\n }\n 40% {\n background: var(--n-color-end);\n }\n 80% {\n background: var(--n-color-start);\n }\n 100% {\n background: var(--n-color-start);\n }\n ")]),y=Object.assign(Object.assign({},l.props),{text:Boolean,round:Boolean,circle:Boolean,height:[String,Number],width:[String,Number],size:String,repeat:{type:Number,default:1},animated:{type:Boolean,default:!0},sharp:{type:Boolean,default:!0}});e("_",u({name:"Skeleton",inheritAttrs:!1,props:y,setup(e){!function(){if(r&&window.CSS&&!n&&(n=!0,"registerProperty"in(null===window||void 0===window?void 0:window.CSS)))try{CSS.registerProperty({name:"--n-color-start",syntax:"<color>",inherits:!1,initialValue:"#0000"}),CSS.registerProperty({name:"--n-color-end",syntax:"<color>",inherits:!1,initialValue:"#0000"})}catch(e){}}();const{mergedClsPrefixRef:t}=a(e),o=l("Skeleton","-skeleton",v,p,e,t);return{mergedClsPrefix:t,style:g((()=>{var n,r;const t=o.value,{common:{cubicBezierEaseInOut:i}}=t,a=t.self,{color:l,colorEnd:d,borderRadius:u}=a;let g;const{circle:h,sharp:m,round:b,width:p,height:v,size:y,text:f,animated:k}=e;void 0!==y&&(g=a[s("height",y)]);const S=h?null!==(n=null!=p?p:v)&&void 0!==n?n:g:p,w=null!==(r=h&&null!=p?p:v)&&void 0!==r?r:g;return{display:f?"inline-block":"",verticalAlign:f?"-0.125em":"",borderRadius:h?"50%":b?"4096px":m?"":u,width:"number"==typeof S?c(S):S,height:"number"==typeof w?c(w):w,animation:k?"":"none","--n-bezier":i,"--n-color-start":l,"--n-color-end":d}}))}},render(){const{repeat:e,style:n,mergedClsPrefix:r,$attrs:t}=this,o=h("div",m({class:`${r}-skeleton`,style:n},t));return e>1?h(b,null,d(e,null).map((e=>[o,"\n"]))):o}}))}}}));
