@cbpds/web-components/dist/cjs/cbp-grid-item.cjs.entry.js

Web components for the CBP Design System.

/*!
 * CPB Design System web components - built with Stencil
 */
'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-cd71cbd5.js');
const utils = require('./utils-99c9e716.js');

const cbpGridItemCss = "cbp-grid-item:not([hidden]){display:inherit;position:relative;max-width:100%}";
const CbpGridItemStyle0 = cbpGridItemCss;

const CbpGridItem = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        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) || {};
        }
        utils.setCSSProps(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 (index.h(index.Host, { key: '73e18fd2866118b68da0963975f32c109cc8fd19' }, index.h("slot", { key: '90bb5eabe8d0ee9a3370d1b4a622f2fc6fdeed4d' })));
    }
    get host() { return index.getElement(this); }
};
CbpGridItem.style = CbpGridItemStyle0;

exports.cbp_grid_item = CbpGridItem;

//# sourceMappingURL=cbp-grid-item.cjs.entry.js.map