import { p as proxyCustomElement, H, h, d as Host } from './p-a53686b3.js';

const NavigationTabPanel = /*@__PURE__*/ proxyCustomElement(class NavigationTabPanel extends H {
    constructor() {
        super();
        this.__registerHost();
        this.tab = undefined;
        this.isVisible = false;
    }
    render() {
        return (h(Host, { key: '2941408c23eeadcf1093327c388cdfda05dc3727' }, h("div", { key: '2733e69367da20a1f93b89114c419748d729454b', id: `tabpanel-${this.tab}`, role: "tabpanel", "aria-labelledby": `tab-${this.tab}`, style: {
                display: this.isVisible ? 'initial' : 'none',
                overflowX: 'hidden',
                overflowY: 'auto'
            } }, h("slot", { key: 'c73aa6788a2d0e38e372f90bb56d041d806fa236' }))));
    }
    get hostElement() { return this; }
}, [6, "digi-tablist-panel", {
        "tab": [1],
        "isVisible": [4, "is-visible"]
    }]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["digi-tablist-panel"];
    components.forEach(tagName => { switch (tagName) {
        case "digi-tablist-panel":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, NavigationTabPanel);
            }
            break;
    } });
}

const DigiTablistPanel = NavigationTabPanel;
const defineCustomElement = defineCustomElement$1;

export { DigiTablistPanel, defineCustomElement };
