import { r as registerInstance, a as createEvent, h, e as Host } from './index-c8b17ddb.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) {
        registerInstance(this, hostRef);
        this.tabDisabled = 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 (h(Host, { key: 'b9762a805d818ee6b36b7a3cf3123436630d055b', class: { [`is-open`]: this.disable === true ? false : this.open } }, h("div", { key: 'd5463273cf90845fc23db0632f8c2dc58dc22a4d', class: { tab_item: true }, "data-test": this.dataTest }, h("div", { key: 'c1ac885a6966dc16ed59460fd6d6edee5e670c3f', class: { tab_item_content: true, [`tab_item_content--open`]: this.open } }, h("slot", { key: '1a8b4c214016a4e10dd85ed100c7e4bc68595e1a' })))));
    }
    static get watchers() { return {
        "disable": ["disableChanged"]
    }; }
};
BdsTabItem.style = tabItemCss;

export { BdsTabItem as bds_tab_item };

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