import{r as t,h as s,a as r,g as e}from"./p-c18ee3cd.js";import{c as i,a as o}from"./p-3cbe0503.js";const a=class{constructor(s){t(this,s)}componentWillLoad(){const t=[i("columns",this.columns),i("gutter-y",this.gutterY),i("gutter-x",this.gutterX),i("spacing",this.spacing)].filter((t=>t)).map((t=>o(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 e(this)}};export{a as scale_grid}