import{r as $,x as B,M as I,aB as g,d as i,aD as w,o as t,c as r,j as h,a,aH as N,l as x,Z as m,aF as b,aI as F,F as k,A as E,aE as S,i as T,ai as _,aJ as j,aG as A,aK as D}from"./index-34852970.js";const G=g({animated:{type:Boolean,default:!1},count:{type:Number,default:1},rows:{type:Number,default:3},loading:{type:Boolean,default:!0},throttle:{type:Number}}),H=g({variant:{type:String,values:["circle","rect","h1","h3","text","caption","p","image","button"],default:"text"}}),J=i({name:"ElSkeletonItem"});var p=b(i({...J,props:H,setup(d){const u=w("skeleton");return(o,s)=>(t(),r("div",{class:m([a(u).e("item"),a(u).e(o.variant)])},[o.variant==="image"?(t(),h(a(N),{key:0})):x("v-if",!0)],2))}}),[["__file","/home/runner/work/element-plus/element-plus/packages/components/skeleton/src/skeleton-item.vue"]]);const K=i({name:"ElSkeleton"}),L=A(b(i({...K,props:G,setup(d,{expose:u}){const o=d,s=w("skeleton"),v=((e,c=0)=>{if(c===0)return e;const l=$(!1);let n=0;const f=()=>{n&&clearTimeout(n),n=window.setTimeout(()=>{l.value=e.value},c)};return B(f),I(()=>e.value,y=>{y?f():l.value=y}),l})(F(o,"loading"),o.throttle);return u({uiLoading:v}),(e,c)=>a(v)?(t(),r("div",_({key:0,class:[a(s).b(),a(s).is("animated",e.animated)]},e.$attrs),[(t(!0),r(k,null,E(e.count,l=>(t(),r(k,{key:l},[e.loading?S(e.$slots,"template",{key:l},()=>[T(p,{class:m(a(s).is("first")),variant:"p"},null,8,["class"]),(t(!0),r(k,null,E(e.rows,n=>(t(),h(p,{key:n,class:m([a(s).e("paragraph"),a(s).is("last",n===e.rows&&e.rows>1)]),variant:"p"},null,8,["class"]))),128))]):x("v-if",!0)],64))),128))],16)):S(e.$slots,"default",j(_({key:1},e.$attrs)))}}),[["__file","/home/runner/work/element-plus/element-plus/packages/components/skeleton/src/skeleton.vue"]]),{SkeletonItem:p});D(p);export{L as E};