import{a as g,C as B,b as n,m as o,g as d,p as t,D as u,P as v,F as D,H as C,u as a,I as _}from"./convert-case-to-camel-case.utils-DDUpNI96.js";const W={class:"ccb-calc-title"},k={class:"tabs"},x=["id"],M={class:"count"},T=["title"],z=g({__name:"CircleWithLine",props:{pages:{},step:{},hideTitle:{type:Boolean},calcTitle:{}},setup(h){const b=h,{pages:p,step:l,hideTitle:f}=B(b),s=n(()=>p.value.length),y=n(()=>{const e=(s.value-1)*101,m=(Number(l.value)-1)/(Number(s.value)-1)*e;return m>c.value?c:m}),c=n(()=>{const e=(s.value-1)*101;return(s.value-1)/(s.value-1)*e});return(r,i)=>(d(),o("div",{class:_(["ccb-circle-with-line",{"hide-title":a(f)}])},[t("div",W,u(r.calcTitle),1),t("div",k,[t("span",{class:"bar-progress",style:v({width:y.value+"px"})},null,4),t("div",{class:"bar-overlay",style:v({width:c.value+"px"})},null,4),(d(!0),o(D,null,C(a(p),e=>(d(),o("div",{class:_(["tab",[{active:a(l)===e.id},{done:a(l)>e.id}]]),key:e.id,ref_for:!0,ref:"tab-"+e.id},[t("span",{class:"tab__item",id:String(e.id)},[t("span",M,u(e.id),1),i[0]||(i[0]=t("span",{class:"complete"},[t("i",{class:"ccb-icon-radius-check",style:{"font-size":"12px"}})],-1))],8,x),t("span",{class:"tab__title",title:e.label},u(e.title),9,T)],2))),128))])],2))}});export{z as default};
//# sourceMappingURL=CircleWithLine-NGpa1qNV.js.map
