import{r as N,h as b,y as B,ag as _,ah as y,Y as c,ai as g,c as u,o,j as w,k as S,u as s,aj as E,B as m,ak as I,l as k,F as p,i as v,al as h,am as $,a as P,an as T,ao as C}from"./m6uXH7i0.js";const j=(l,n=0)=>{if(n===0)return l;const a=N(!1);let t=0;const r=()=>{t&&clearTimeout(t),t=window.setTimeout(()=>{a.value=l.value},n)};return b(r),B(()=>l.value,e=>{e?r():a.value=e}),a},z=_({animated:{type:Boolean,default:!1},count:{type:Number,default:1},rows:{type:Number,default:3},loading:{type:Boolean,default:!0},throttle:{type:Number}}),F=_({variant:{type:String,values:["circle","rect","h1","h3","text","caption","p","image","button"],default:"text"}}),L=c({name:"ElSkeletonItem"}),R=c({...L,props:F,setup(l){const n=g("skeleton");return(a,t)=>(o(),u("div",{class:m([s(n).e("item"),s(n).e(a.variant)])},[a.variant==="image"?(o(),w(s(E),{key:0})):S("v-if",!0)],2))}});var i=y(R,[["__file","skeleton-item.vue"]]);const V=c({name:"ElSkeleton"}),H=c({...V,props:z,setup(l,{expose:n}){const a=l,t=g("skeleton"),r=j(I(a,"loading"),a.throttle);return n({uiLoading:r}),(e,Y)=>s(r)?(o(),u("div",h({key:0,class:[s(t).b(),s(t).is("animated",e.animated)]},e.$attrs),[(o(!0),u(p,null,v(e.count,d=>(o(),u(p,{key:d},[e.loading?k(e.$slots,"template",{key:d},()=>[P(i,{class:m(s(t).is("first")),variant:"p"},null,8,["class"]),(o(!0),u(p,null,v(e.rows,f=>(o(),w(i,{key:f,class:m([s(t).e("paragraph"),s(t).is("last",f===e.rows&&e.rows>1)]),variant:"p"},null,8,["class"]))),128))]):S("v-if",!0)],64))),128))],16)):k(e.$slots,"default",$(h({key:1},e.$attrs)))}});var M=y(H,[["__file","skeleton.vue"]]);const A=C(M,{SkeletonItem:i}),D=T(i);export{D as E,A as a};