@cbpds/web-components/dist/esm/cbp-tab-panel.entry.js

Web components for the CBP Design System.

/*!
 * CPB Design System web components - built with Stencil
 */
import { r as registerInstance, h, a as Host, g as getElement } from './index-31e2d0a8.js';
import { s as setCSSProps } from './utils-475ba472.js';

const cbpTabPanelCss = "cbp-tab-panel{display:none}cbp-tab-panel[selected]{display:block}";
const CbpTabPanelStyle0 = cbpTabPanelCss;

const CbpTabPanel = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.name = undefined;
        this.selected = undefined;
        this.sx = {};
    }
    componentWillLoad() {
        if (typeof this.sx == 'string') {
            this.sx = JSON.parse(this.sx) || {};
        }
        setCSSProps(this.host, Object.assign({}, this.sx));
    }
    render() {
        return (h(Host, { key: '4f37d9320d5a8304de54a100c5835c2345c45298', role: "tabpanel", id: this.name, "aria-labelledby": `${this.name}_tab` }, h("slot", { key: '16ef7673907376d6021a64831ac0a3406bc4ddef' })));
    }
    get host() { return getElement(this); }
};
CbpTabPanel.style = CbpTabPanelStyle0;

export { CbpTabPanel as cbp_tab_panel };

//# sourceMappingURL=cbp-tab-panel.entry.js.map