https://beecuick.com/assets/Skeleton.vue_vue_type_script_setup_true_lang.b4bdee9e.js

1import{d as v,a0 as w,K as p,o as r,c as i,a as t,O as S,L as b,n as k,l as d,_ as C,b as e,E as f}from"./index.574fb3a3.js";const u={rectangle:"rectangle",circle:"circle"},j={[u.rectangle]:"rounded",[u.circle]:"rounded-full"},y="#ffffff",E=l=>{const o=l.replace("#","");return typeof l=="string"&&l.startsWith("#")&&o.length===6&&!isNaN(Number("0x"+o))},L=l=>{var o;return`${(o=l.match(/\w\w/g))==null?void 0:o.map(a=>+`0x${a}`)}`},$=v({__name:"SkeletonLoader",props:{type:{type:String,default:u.rectangle,validator(l){return Object.values(u).includes(l)}},bgClass:{type:String,default:"bg-slate-200"},cssClass:{type:String,default:""},shimmerColor:{type:String,default:y}},setup(l){const o=l,{type:a,bgClass:m,cssClass:_,shimmerColor:h}=w(o),g=p(()=>{const n=E(h.value)?L(h.value):y;return{backgroundImage:`linear-gradient(90deg, rgba(${n}, 0) 0%, rgba(${n}, 0.2) 20%, rgba(${n}, 0.5) 60%, rgba(${n}, 0))`}}),x=p(()=>_.value?_.value:j[a.value]);return(n,ee)=>(r(),i("div",{class:k([d(m),x.value,"relative overflow-hidden"])},[t("div",{class:"shimmer absolute top-0 right-0 bottom-0 left-0",style:S(g.value)},null,4),b(n.$slots,"default",{},void 0,!0)],2))}});const s=C($,[["__scopeId","data-v-6e245db7"]]),O={key:0},N={key:0},R={class:"p-4 max-w-sm rounded border border-violet-200 md:p-6 bg-white"},B={class:"flex items-center mt-0 space-x-2"},T={key:1},z={class:"p-5 w-[375px] sm:w-[625px] rounded border border-violet-200 bg-white"},A={class:"grid grid-cols-3 gap-2"},F={class:""},G={class:"grid col-span-2 items-center mt-0 space-x-2"},I={class:"flex flex-col items-center justify-center w-full"},V={key:2},q={class:"py-10 max-w-sm rounded border border-violet-200 md:p-6 bg-white"},D={class:"flex items-center mt-0 space-x-2"},H={class:"w-full py-2"},K={key:3},M={class:"flex flex-col absolute top-0 left-0 w-full py-10 max-w-sm rounded-2xl border border-violet-200 md:p-6 bg-white"},P={class:"flex items-center mt-0 space-x-2"},Y={class:"w-full"},W={key:4},J={class:"flex flex-col relative w-full py-10 max-w-full rounded-2xl border border-violet-200 md:p-6 bg-white"},Q={class:"flex items-center mt-0 space-x-2"},U={class:"w-full"},X={key:5,class:"absolute z-10"},Z={class:"flex rounded-md border border-violet-200 md:p-2 bg-white"},c={card:"card",testimonial:"testimonial",oportunidadGrid:"oportunidadGrid",hero:"hero",uploadFile:"uploadFile",thumbnail:"thumbnail"},te=v({__name:"Skeleton",props:{loading:{type:Boolean,default:!0},type:{type:String,default:c.card,validator(l){return Object.values(c).includes(l)}}},setup(l){const o=l,{type:a}=w(o);return(m,_)=>l.loading?(r(),i("div",O,[d(a)===c.card?(r(),i("div",N,[t("div",R,[t("div",B,[e(s,{type:"rectangle",class:"w-16 h-16 flex justify-center items-center"}),t("div",null,[e(s,{class:"w-48 h-3"}),e(s,{class:"h-2 w-32 my-2"}),e(s,{class:"h-2 w-32 my-2"})])])])])):d(a)===c.uploadFile?(r(),i("div",T,[t("div",z,[t("div",A,[t("div",F,[e(s,{type:"square",class:"w-auto h-full flex justify-center items-center"})]),t("div",G,[t("div",I,[e(s,{type:"circle",class:"w-12 h-12 flex justify-center items-center"}),e(s,{class:"w-3/4 h-2 mt-5 mb-2"}),e(s,{class:"w-3/4 h-2 my-2"}),e(s,{class:"w-3/4 h-2 my-2"}),e(s,{class:"w-3/4 h-2 my-2"})])])])])])):d(a)===c.testimonial?(r(),i("div",V,[t("div",q,[t("div",D,[t("div",H,[e(s,{class:"w-4/5 h-3"}),e(s,{class:"w-3/4 h-2 my-6"}),e(s,{class:"w-3/4 h-2 my-6"}),e(s,{class:"w-3/4 h-2 my-6"}),e(s,{class:"w-3/4 h-2 my-6"})])]),e(s,{type:"circle",class:"w-16 h-16 flex justify-center items-center"})])])):d(a)===c.oportunidadGrid?(r(),i("div",K,[t("div",M,[e(s,{type:"rectangle",class:"w-full h-64 mb-5 flex justify-center items-center"}),t("div",P,[t("div",Y,[e(s,{class:"w-full h-3"}),e(s,{class:"w-5/6 h-2 my-3"}),e(s,{class:"w-4/5 h-2 my-3"}),e(s,{class:"w-3/4 h-2 my-3"}),e(s,{class:"w-5/6 h-2 my-3"}),e(s,{class:"w-4/5 h-2 my-3"})])])])])):d(a)===c.hero?(r(),i("div",W,[t("div",J,[e(s,{type:"rectangle",class:"w-full h-[500px] mb-5 flex justify-center items-center"}),t("div",Q,[t("div",U,[e(s,{class:"w-full h-3"})])])])])):d(a)===c.thumbnail?(r(),i("div",X,[t("div",Z,[e(s,{type:"square",class:"w-[100px] h-[120px] flex justify-center items-center"})])])):f("",!0),b(m.$slots,"default")])):f("",!0)}});

1export{te as _};