import{u as d}from"./translationsStore-DBJu9sBR.js";import{a as h,C as g,b as o,m,g as v,p as s,D as t,u as e,P as b}from"./convert-case-to-camel-case.utils-DDUpNI96.js";const f={class:"ccb-progress-with-bar",ref:"progress-with-bar"},w={class:"ccb-progress-with-bar__title"},B={class:"ccb-progress-with-bar__bar"},T={class:"count"},y={class:"bar"},C=h({__name:"ProgressWithBar",props:{pages:{},step:{},hideTitle:{type:Boolean},calcTitle:{}},setup(n){const l=n,i=d(),{pages:p,step:r,calcTitle:a}=g(l),c=o(()=>p.value.length),u=o(()=>r.value/c.value*100),_=o(()=>`width: ${u.value}%`);return(S,P)=>(v(),m("div",f,[s("div",w,t(e(a).length>25?e(a).slice(0,22)+"...":e(a)),1),s("div",B,[s("div",T,t(e(i).getTranslations.step)+" "+t(e(r))+"/"+t(c.value),1),s("div",y,[s("span",{style:b(_.value)},null,4)])])]))}});export{C as default};
//# sourceMappingURL=ProgressWithBar-CBXvtyh5.js.map
