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