@cbpds/web-components/dist/cbp-web-components/p-3d482f03.entry.js

Web components for the CBP Design System.

/*!
 * CPB Design System web components - built with Stencil
 */
import{r as n,h as c,a as o,g as t}from"./p-654179c2.js";import{s as r}from"./p-93ade441.js";const a=":root{--cbp-container-color-text:inherit;--cbp-container-color-background:transparent;--cbp-container-color-inner-background:var(--cbp-container-color-background);--cbp-container-content-padding:0;--cbp-container-inner-width:auto}cbp-container{display:block;color:var(--cbp-container-color-text);background:var(--cbp-container-color-background);padding:var(--cbp-container-content-padding);max-width:100%}cbp-container .cbp-container--inner{display:block;background:var(--cbp-container-color-inner-background);margin:auto;width:var(--cbp-container-inner-width)}";const i=a;const e=class{constructor(c){n(this,c);this.background=undefined;this.textColor=undefined;this.width=undefined;this.sx={}}componentWillLoad(){if(typeof this.sx=="string"){this.sx=JSON.parse(this.sx)||{}}r(this.host,Object.assign({"--cbp-container-color-text":this.textColor,"--cbp-container-color-background":this.background,"--cbp-container-inner-width":this.width},this.sx))}render(){return c(o,{key:"d3646c0825f62fbb3196c0b0ac4e1560dd83eeb3"},c("div",{key:"2b43031637f1670ec2186c5184b20af8285235c9",class:"cbp-container--inner"},c("slot",{key:"6ac0219fbca7b5afecd19ba85983a24ac732b85b"})))}get host(){return t(this)}};e.style=i;export{e as cbp_container};
//# sourceMappingURL=p-3d482f03.entry.js.map