https://ask-ai.ai/_nuxt/BoN1y1Cg.js

1import{g as F,am as _,an as A,ao as H,D as l,aw as K,ax as L,av as p,ay as d,aj as I,ak as g}from"./GWifyB6R.js";import{m as Q}from"./DOl6dAT8.js";const T={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"}},x=I(g.ui.strategy,g.ui.meter,Q),B=I(g.ui.strategy,g.ui.meterGroup,T),Y=F({components:{UIcon:_},inheritAttrs:!1,slots:Object,props:{min:{type:Number,default:0},max:{type:Number,default:100},size:{type:String,default:()=>x.default.size,validator(t){return Object.keys(x.meter.bar.size).includes(t)}},indicator:{type:Boolean,default:!1},icon:{type:String,default:()=>B.default.icon},class:{type:[String,Object,Array],default:()=>""},ui:{type:Object,default:()=>({})}},setup(t,{slots:f}){const{ui:n,attrs:P}=A("meterGroup",H(t,"ui"),B),{ui:u}=A("meter",void 0,x);if(!f.default)throw new Error("Meter Group has no Meter children.");const U=l(()=>t.min>t.max?t.max:t.min),D=l(()=>t.max<t.min?t.min:t.max),v=l(()=>K(f)),w=l(()=>n.value.orientation[n.value.rounded]);function E(r,a,e){if(a==e)return r<a?0:100;a>e&&(e=[a,a=e][0]);const o=(r-a)/(e-a)*100;return Math.max(0,Math.min(100,o))}const z=l(()=>v.value.map(r=>r.props.label)),h=l(()=>v.value.map(r=>E(r.props.value,t.min,t.max))),b=l(()=>Math.max(0,Math.max(h.value.reduce((r,a)=>r+a,0)))),m=l(()=>v.value.map((r,a)=>{var i,s,c,y,C,M,$,j,k,G,N,S,O;const e={};e.style={width:`${h.value[a]}%`},e.size=t.size,e.min=U.value,e.max=D.value,e.ui=((i=r.props)==null?void 0:i.ui)||{},e.ui.wrapper=((c=(s=r.props)==null?void 0:s.ui)==null?void 0:c.wrapper)||"",e.ui.wrapper+=[(C=(y=r.props)==null?void 0:y.ui)==null?void 0:C.wrapper,n.value.background,n.value.transition].filter(Boolean).join(" "),e.ui.meter=(($=(M=r.props)==null?void 0:M.ui)==null?void 0:$.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=((G=(k=(j=r.props)==null?void 0:j.ui)==null?void 0:k.meter)==null?void 0:G.bar)||{},a===0&&(e.ui.meter.rounded=`${w.value.left} rounded-e-none`),a===v.value.length-1&&(e.ui.meter.rounded=`${w.value.right} rounded-s-none`),z.value[a]=r.props.label;const o=L(r,e);return(N=o.children)==null||delete N.label,(S=o.props)==null||delete S.indicator,(O=o.props)==null||delete O.label,o})),J=l(()=>p(n.value.base,n.value.background,n.value.rounded,n.value.shadow,u.value.meter.size[t.size])),R=l(()=>p(u.value.indicator.container)),V=l(()=>p(u.value.indicator.text,u.value.indicator.size[t.size])),q=l(()=>{const r=[void 0,d("div",{class:J.value},m.value),void 0];return t.indicator?r[0]=d("div",{class:R.value},[d("div",{class:V.value,style:{width:`${b.value}%`}},Math.round(b.value)+"%")]):f.indicator&&(r[0]=f.indicator({percent:b.value})),r[2]=d("ol",{class:n.value.list},z.value.map((a,e)=>{var i;const o=l(()=>{var s,c;return p(u.value.label.base,u.value.label.text,u.value.color[(s=m.value[e])==null?void 0:s.props.color]??u.value.label.color.replaceAll("{color}",((c=m.value[e])==null?void 0:c.props.color)??u.value.default.color),u.value.label.size[t.size])});return d("li",{class:o.value},[d(_,{name:((i=m.value[e])==null?void 0:i.props.icon)??t.icon}),`${a} (${Math.round(h.value[e])}%)`])})),r});return()=>d("div",{class:n.value.wrapper,...P.value},q.value)}});export{Y as default};