@cbpds/web-components
Version:
Web components for the CBP Design System.
5 lines • 1.62 kB
JavaScript
/*!
* CPB Design System web components - built with Stencil
*/
import{p as t,H as i,h as e,c as s}from"./p-9caf8482.js";import{s as d}from"./p-9c1b2f31.js";const n="cbp-grid-item:not([hidden]){display:inherit;position:relative;max-width:100%}";const r=n;const o=t(class t extends i{constructor(){super();this.__registerHost();this.gridColumnStart=undefined;this.gridColumnEnd=undefined;this.gridRowStart=undefined;this.gridRowEnd=undefined;this.alignSelf=undefined;this.justifySelf=undefined;this.gridArea=undefined;this.sx={}}componentWillLoad(){if(typeof this.sx=="string"){this.sx=JSON.parse(this.sx)||{}}d(this.host,Object.assign({"grid-column-start":this.gridColumnStart,"grid-column-end":this.gridColumnEnd,"grid-row-start":this.gridRowStart,"grid-row-end":this.gridRowEnd,"align-self":this.alignSelf,"justify-self":this.justifySelf,"grid-area":this.gridArea},this.sx))}render(){return e(s,{key:"73e18fd2866118b68da0963975f32c109cc8fd19"},e("slot",{key:"90bb5eabe8d0ee9a3370d1b4a622f2fc6fdeed4d"}))}get host(){return this}static get style(){return r}},[4,"cbp-grid-item",{gridColumnStart:[8,"grid-column-start"],gridColumnEnd:[8,"grid-column-end"],gridRowStart:[8,"grid-row-start"],gridRowEnd:[8,"grid-row-end"],alignSelf:[1,"align-self"],justifySelf:[1,"justify-self"],gridArea:[1,"grid-area"],sx:[8]}]);function c(){if(typeof customElements==="undefined"){return}const t=["cbp-grid-item"];t.forEach((t=>{switch(t){case"cbp-grid-item":if(!customElements.get(t)){customElements.define(t,o)}break}}))}const f=o;const a=c;export{f as CbpGridItem,a as defineCustomElement};
//# sourceMappingURL=cbp-grid-item.js.map