'use strict';

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

const index = require('./index-abfd8c86.js');

const tabItemCss = ":host{display:none}:host(.is-open){display:block;height:100%}.tab_item{height:100%}.tab_item_content{display:none;height:100%}.tab_item_content--open{display:block}";

const BdsTabItem = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        this.tabDisabled = index.createEvent(this, "tabDisabled", 7);
        this.numberElement = null;
        this.label = null;
        this.disable = false;
        this.open = false;
        this.dataTest = null;
    }
    async reciveNumber(number) {
        this.numberElement = number;
    }
    disableChanged() {
        this.tabDisabled.emit({ item: this.numberElement, disable: this.disable });
    }
    render() {
        return (index.h(index.Host, { key: 'b9762a805d818ee6b36b7a3cf3123436630d055b', class: { [`is-open`]: this.disable === true ? false : this.open } }, index.h("div", { key: 'd5463273cf90845fc23db0632f8c2dc58dc22a4d', class: { tab_item: true }, "data-test": this.dataTest }, index.h("div", { key: 'c1ac885a6966dc16ed59460fd6d6edee5e670c3f', class: { tab_item_content: true, [`tab_item_content--open`]: this.open } }, index.h("slot", { key: '1a8b4c214016a4e10dd85ed100c7e4bc68595e1a' })))));
    }
    static get watchers() { return {
        "disable": ["disableChanged"]
    }; }
};
BdsTabItem.style = tabItemCss;

exports.bds_tab_item = BdsTabItem;

//# sourceMappingURL=bds-tab-item.cjs.entry.js.map