import{r as u,ak as m,a$ as d,o as f,g as h,j as w,n as _}from"./app-DnroACXc.js";const p={__name:"ColumnsGrid",setup(g){const o=u(4),r=u(),a=function(){let s=window.innerWidth,e=Math.floor(s/250);e==0&&(e=1);let n=r.value.getElementsByClassName("column");if(n.length==0)return;let c=n.length;e>c&&(e=c);for(let t=0;t<n.length;t++){let l=n[t];l.className=l.className.replace("with-border",""),(t%e==e-1||t==n.length-1)&&(l.className+=" with-border")}return e>10&&(e=10),e},i=function(){o.value=a()};return m(()=>{o.value=a(),window.addEventListener("resize",i)}),d(()=>{window.removeEventListener("resize",i)}),(s,e)=>(f(),h("div",{ref_key:"rootRef",ref:r,class:_(["grid","grid-cols-"+o.value+" counter-chart"])},[w(s.$slots,"default")],2))}};export{p as _};
