https://portal.flexfunding.com/_nuxt/CRuF2lQB2.js

1import{St as e,yt as t}from"./B23PFDAi.js";import{_ as n,b as r,bt as i,g as a,mt as o,o as s,y as c}from"./Bqhdjbwi.js";import{p as l}from"./Fo8TTFWa.js";import{n as u}from"./BujeMKCP.js";import{t as d}from"./BDNMzG2s.js";var f={bone:`_bone_y20je_2`,boneBackgroundAnimation:`_boneBackgroundAnimation_y20je_7`,loading:`_loading_y20je_1`,boneBackgroundAnimationWider:`_boneBackgroundAnimationWider_y20je_21`,loadingWider:`_loadingWider_y20je_1`,boneBackgroundAnimationDark:`_boneBackgroundAnimationDark_y20je_26`},p={name:`BaseSkeleton`,props:{variant:{type:String,default:`table`,validator:e=>[`table`,`rectangle`,`circle`].includes(e)},variantOptions:{type:Object,default:void 0},customSkeletonClasses:{type:Array,default:()=>[]}},setup(e){let t=u(),{customSkeletonClasses:n,variant:r,variantOptions:i}=e,{boneBackgroundAnimationDark:o,boneBackgroundAnimation:s}=l(),c=a(()=>[].concat(n)),d=a(()=>[s,t.$userSettings.state?.darkMode&&o]);return{options:a(()=>{if(i)return i;switch(r){case`table`:return{rows:5,columns:5};case`rectangle`:return{width:`100%`,height:`2rem`};case`circle`:return{width:`2rem`,height:`2rem`}}return{}}),skeletonClasses:c,boneAnimationClasses:d}}},m={key:0,class:`overflow-hidden relative`},h={class:`flex`},g={key:1,class:`overflow-hidden relative`},_={key:2,class:`overflow-hidden relative`};function v(a,l,u,d,f,p){return o(),r(`div`,{"aria-busy":`true`,class:t(d.skeletonClasses)},[u.variant===`table`?(o(),r(`div`,m,[n(`div`,h,[(o(!0),r(s,null,i(d.options.columns,e=>(o(),r(`div`,{key:e,class:`w-full`},[n(`div`,{class:t([`h-5 w-1/3 my-5 mx-3 rounded-xl`,a.$style.bone])},null,2)]))),128))]),(o(!0),r(s,null,i(d.options.rows,e=>(o(),r(`div`,{key:e,class:`flex`},[(o(!0),r(s,null,i(d.options.columns,e=>(o(),r(`div`,{key:e,class:`w-full border-t-2 border-solid border-gray-300 dark:border-black`},[n(`div`,{class:t([`h-3 w-2/3 my-5 mx-3 rounded-lg`,a.$style.bone])},null,2)]))),128))]))),128)),n(`div`,{class:t(d.boneAnimationClasses)},null,2)])):u.variant===`rectangle`?(o(),r(`div`,g,[n(`div`,{class:t([`rounded-lg`,a.$style.bone]),style:e({width:d.options.width,height:d.options.height})},null,6),n(`div`,{class:t([d.boneAnimationClasses,a.$style.boneBackgroundAnimationWider])},null,2)])):u.variant===`circle`?(o(),r(`div`,_,[n(`div`,{class:t([`rounded-full`,a.$style.bone]),style:e({width:d.options.width,height:d.options.height})},null,6),n(`div`,{class:t([d.boneAnimationClasses,a.$style.boneBackgroundAnimationWider])},null,2)])):c(``,!0)],2)}var y=Object.assign(d(p,[[`render`,v],[`__cssModules`,{$style:f}]]),{__name:`BaseSkeletonLoader`});export{y as t};