import{u as m}from"./translationsStore-DBJu9sBR.js";import{a as v,C as b,b as o,m as i,g as u,p as s,D as t,u as e}from"./convert-case-to-camel-case.utils-DDUpNI96.js";const k={class:"ccb-progress-with-circle",ref:"progress-with-circle"},y={class:"ccb-progress-with-circle__title"},T={class:"ccb-progress-with-circle__circle"},w={class:"progress-ring"},x=["stroke-dashoffset"],B={class:"count"},C=8,P=v({__name:"ProgressWithCircle",props:{pages:{},step:{},hideTitle:{type:Boolean},calcTitle:{}},setup(p){const d=p,_=m(),{pages:g,step:a,calcTitle:c}=b(d),l=o(()=>g.value.length),h=o(()=>Number(a.value)/Number(l.value)*100),r=2*Math.PI*C,f=o(()=>r-h.value/100*r);return(N,n)=>(u(),i("div",k,[s("div",y,t(e(c).length>25?e(c).slice(0,22)+"...":e(c)),1),s("div",T,[s("div",w,[(u(),i("svg",null,[n[0]||(n[0]=s("circle",{class:"background",cx:"10",cy:"10",r:"8"},null,-1)),s("circle",{class:"progress",cx:"10",cy:"10",r:"8","stroke-dasharray":r,"stroke-dashoffset":f.value},null,8,x)]))]),s("div",B,t(e(_).getTranslations.step)+" "+t(e(a))+"/"+t(l.value),1)])]))}});export{P as default};
//# sourceMappingURL=ProgressWithCircle-QipeD-ud.js.map
