https://app.provento.ai/_nuxt/e0A7XXkc.js

1import{f as S,ak as y,k as x,al as w,ab as _,g as l,bO as A,bx as B,ap as v,aR as i,aq as f}from"#entry";import{m as I}from"./DIM_ClvK.js";const P={wrapper:"flex flex-col gap-2 w-full",base:"flex flex-row flex-nowrap flex-shrink overflow-hidden",background:"bg-gray-200 dark:bg-gray-700",transition:"transition-all",rounded:"rounded-full",shadow:"",list:"list-disc list-inside",orientation:{"rounded-none":{left:"rounded-s-none",right:"rounded-e-none"},"rounded-sm":{left:"rounded-s-sm",right:"rounded-e-sm"},rounded:{left:"rounded-s",right:"rounded-e"},"rounded-md":{left:"rounded-s-md",right:"rounded-e-md"},"rounded-lg":{left:"rounded-s-lg",right:"rounded-e-lg"},"rounded-xl":{left:"rounded-s-xl",right:"rounded-e-xl"},"rounded-2xl":{left:"rounded-s-2xl",right:"rounded-e-2xl"},"rounded-3xl":{left:"rounded-s-3xl",right:"rounded-e-3xl"},"rounded-full":{left:"rounded-s-full",right:"rounded-e-full"}},default:{size:"md",icon:"i-heroicons-minus-20-solid"}},g=y(f.ui.strategy,f.ui.meter,I),z=y(f.ui.strategy,f.ui.meterGroup,P),q=S({components:{UIcon:x},inheritAttrs:!1,slots:Object,props:{min:{type:Number,default:0},max:{type:Number,default:100},size:{type:String,default:()=>g.default.size,validator(t){return Object.keys(g.meter.bar.size).includes(t)}},indicator:{type:Boolean,default:!1},icon:{type:String,default:()=>z.default.icon},class:{type:[String,Object,Array],default:()=>""},ui:{type:Object,default:()=>({})}},setup(t,{slots:d}){const{ui:n,attrs:C}=w("meterGroup",_(t,"ui"),z),{ui:o}=w("meter",void 0,g);if(!d.default)throw new Error("Meter Group has no Meter children.");const M=l(()=>t.min>t.max?t.max:t.min),$=l(()=>t.max<t.min?t.min:t.max),s=l(()=>A(d)),b=l(()=>n.value.orientation[n.value.rounded]);function k(r,a,e){if(a==e)return r<a?0:100;a>e&&(e=[a,a=e][0]);const u=(r-a)/(e-a)*100;return Math.max(0,Math.min(100,u))}const h=l(()=>s.value.map(r=>r.props.label)),m=l(()=>s.value.map(r=>k(r.props.value,t.min,t.max))),p=l(()=>Math.max(0,Math.max(m.value.reduce((r,a)=>r+a,0)))),c=l(()=>s.value.map((r,a)=>{const e={};e.style={width:`${m.value[a]}%`},e.size=t.size,e.min=M.value,e.max=$.value,e.ui=r.props?.ui||{},e.ui.wrapper=r.props?.ui?.wrapper||"",e.ui.wrapper+=[r.props?.ui?.wrapper,n.value.background,n.value.transition].filter(Boolean).join(" "),e.ui.meter=r.props?.ui?.meter||{},e.ui.meter.background=`bg-${r.props.color}-500 dark:bg-${r.props.color}-400`,e.ui.meter.rounded="rounded-none",e.ui.meter.bar=r.props?.ui?.meter?.bar||{},a===0&&(e.ui.meter.rounded=`${b.value.left} rounded-e-none`),a===s.value.length-1&&(e.ui.meter.rounded=`${b.value.right} rounded-s-none`),h.value[a]=r.props.label;const u=B(r,e);return delete u.children?.label,delete u.props?.indicator,delete u.props?.label,u})),G=l(()=>v(n.value.base,n.value.background,n.value.rounded,n.value.shadow,o.value.meter.size[t.size])),j=l(()=>v(o.value.indicator.container)),N=l(()=>v(o.value.indicator.text,o.value.indicator.size[t.size])),O=l(()=>{const r=[void 0,i("div",{class:G.value},c.value),void 0];return t.indicator?r[0]=i("div",{class:j.value},[i("div",{class:N.value,style:{width:`${p.value}%`}},Math.round(p.value)+"%")]):d.indicator&&(r[0]=d.indicator({percent:p.value})),r[2]=i("ol",{class:n.value.list},h.value.map((a,e)=>{const u=l(()=>v(o.value.label.base,o.value.label.text,o.value.color[c.value[e]?.props.color]??o.value.label.color.replaceAll("{color}",c.value[e]?.props.color??o.value.default.color),o.value.label.size[t.size]));return i("li",{class:u.value},[i(x,{name:c.value[e]?.props.icon??t.icon}),`${a} (${Math.round(m.value[e])}%)`])})),r});return()=>i("div",{class:n.value.wrapper,...C.value},O.value)}});export{q as default};