https://spike-vue-main.netlify.app/assets/VProgressCircular-DXgptHvs.js

1import{C as e,Gi as t,J as n,Ji as r,Lr as i,Vt as a,Y as o,_ as s,a as c,dn as l,fi as u,hi as d,i as f,m as p,nr as m,t as h,un as g,vi as _,w as v,xn as y}from"./resizeObserver-BbJgXUjD.js";import{I as b,M as x,f as S,h as C,m as w}from"./ripple-Bb3WkOsC.js";var T=v({reveal:{type:[Boolean,Object],default:!1}},`reveal`);function E(e){let t=_(()=>typeof e.reveal==`object`?Math.max(0,Number(e.reveal.duration??900)):900),n=d(e.reveal?`initial`:`disabled`);return m(async()=>{e.reveal&&(n.value=`initial`,await new Promise(e=>requestAnimationFrame(e)),n.value=`pending`,await new Promise(e=>setTimeout(e,t.value)),n.value=`done`)}),{duration:t,state:n}}var D=v({bgColor:String,color:String,indeterminate:[Boolean,String],rounded:Boolean,modelValue:{type:[Number,String],default:0},rotate:{type:[Number,String],default:0},width:{type:[Number,String],default:4},...e(),...T(),...w(),...b({tag:`div`}),...f()},`VProgressCircular`),O=s()({name:`VProgressCircular`,props:D(),setup(e,{slots:s}){let d=2*Math.PI*20,f=u(),{themeClasses:m}=c(e),{sizeClasses:v,sizeStyles:b}=C(e),{textColorClasses:w,textColorStyles:T}=x(()=>e.color),{textColorClasses:D,textColorStyles:O}=x(()=>e.bgColor),{intersectionRef:k,isIntersecting:A}=S(),{resizeRef:j,contentRect:M}=h(),{state:N,duration:P}=E(e),F=_(()=>N.value===`initial`?0:n(parseFloat(e.modelValue),0,100)),I=_(()=>Number(e.width)),L=_(()=>b.value?Number(e.size):M.value?M.value.width:Math.max(I.value,32)),R=_(()=>20/(1-I.value/L.value)*2),z=_(()=>I.value/L.value*R.value),B=_(()=>{let t=(100-F.value)/100*d;return e.rounded&&F.value>0&&F.value<100?o(Math.min(d-.01,t+z.value)):o(t)}),V=g(()=>{let t=Number(e.rotate);return e.rounded?t+z.value/2/d*360:t});return i(()=>{k.value=f.value,j.value=f.value}),p(()=>y(e.tag,{ref:f,class:t([`v-progress-circular`,{"v-progress-circular--indeterminate":!!e.indeterminate,"v-progress-circular--visible":A.value,"v-progress-circular--disable-shrink":e.indeterminate&&(e.indeterminate===`disable-shrink`||a()),"v-progress-circular--revealing":[`initial`,`pending`].includes(N.value)},m.value,v.value,w.value,e.class]),style:r([b.value,T.value,{"--progress-reveal-duration":`${P.value}ms`},e.style]),role:`progressbar`,"aria-valuemin":`0`,"aria-valuemax":`100`,"aria-valuenow":e.indeterminate?void 0:F.value},{default:()=>[l(`svg`,{style:{transform:`rotate(calc(-90deg + ${V.value}deg))`},xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 ${R.value} ${R.value}`},[l(`circle`,{class:t([`v-progress-circular__underlay`,D.value]),style:r(O.value),fill:`transparent`,cx:`50%`,cy:`50%`,r:20,"stroke-width":z.value,"stroke-dasharray":d,"stroke-dashoffset":0},null),l(`circle`,{class:`v-progress-circular__overlay`,fill:`transparent`,cx:`50%`,cy:`50%`,r:20,"stroke-width":z.value,"stroke-dasharray":d,"stroke-dashoffset":B.value,"stroke-linecap":e.rounded?`round`:void 0},null)]),s.default&&l(`div`,{class:`v-progress-circular__content`},[s.default({value:F.value})])]})),{}}});export{O as t};