@cbpds/web-components/dist/cjs/cbp-multicol.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 cbpMulticolCss = "cbp-multicol{display:block}cbp-multicol>*{max-width:100%}cbp-multicol[nobreak]>*{break-inside:avoid}";
const CbpMulticolStyle0 = cbpMulticolCss;

const CbpMulticol = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        this.columns = undefined;
        this.width = undefined;
        this.gap = undefined;
        this.rule = undefined;
        this.nobreak = undefined;
        this.sx = {};
    }
    componentWillLoad() {
        if (typeof this.sx == 'string') {
            this.sx = JSON.parse(this.sx) || {};
        }
        utils.setCSSProps(this.host, Object.assign({ 'column-count': this.columns, 'column-width': this.width, 'column-gap': this.gap, 'column-rule': this.rule }, this.sx));
    }
    render() {
        return (index.h(index.Host, { key: '87a9bf82ff63b4afbba4f5116bcf95390ceb03d8' }, index.h("slot", { key: '5b54a408036c4a85b519387af7b3d461d6d45c11' })));
    }
    get host() { return index.getElement(this); }
};
CbpMulticol.style = CbpMulticolStyle0;

exports.cbp_multicol = CbpMulticol;

//# sourceMappingURL=cbp-multicol.cjs.entry.js.map