import{r as t,h as s,a as r,g as i}from"./p-d52b3602.js";import{c as o,a as e}from"./p-3cbe0503.js";const a=class{constructor(s){t(this,s)}componentWillLoad(){const t=[o("columns",this.columns),o("gutter-y",this.gutterY),o("gutter-x",this.gutterX),o("spacing",this.spacing)].filter((t=>t)).map((t=>e(t))),s=this.maxWidth?`--max-width:${this.maxWidth};`:"",r=t.join("")+s;this.hostElement.setAttribute("style",r)}render(){return s(r,null,s("slot",null))}get hostElement(){return i(this)}};export{a as scale_grid}