@senx/discovery-code/dist/components/wc-tabs-content2.js

Discovery Code Editor

import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';

const wcTabsContentCss = "wc-tabs-content{height:100%}wc-tabs-content .wc-tab-content{display:none;height:100%}wc-tabs-content .wc-tab-content-selected{display:block}wc-tabs-content .wc-tab-content-responsive{height:100%;width:100%}";
const WcTabsContentStyle0 = wcTabsContentCss;

const StcTabContent = /*@__PURE__*/ proxyCustomElement(class StcTabContent extends HTMLElement {
    constructor() {
        super();
        this.__registerHost();
        this.responsive = false;
        this.isSelected = false;
    }
    /**
     *
     * @returns {Promise<IWcTabContentData>}
     */
    async getChild() {
        return new Promise(resolve => resolve({
            select: this.select.bind(this),
            unselect: this.unselect.bind(this),
            name: this.name
        }));
    }
    /**
     *
     */
    unselect() {
        this.isSelected = false;
    }
    /**
     *
     */
    select() {
        this.isSelected = true;
    }
    render() {
        const classes = {
            'wc-tab-content': true,
            'wc-tab-content-selected': this.isSelected,
            'wc-tab-content-responsive': this.responsive
        };
        return (h("div", { class: classes }, h("slot", null)));
    }
    static get style() { return WcTabsContentStyle0; }
}, [4, "wc-tabs-content", {
        "name": [1],
        "responsive": [4],
        "isSelected": [32],
        "getChild": [64]
    }]);
function defineCustomElement() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["wc-tabs-content"];
    components.forEach(tagName => { switch (tagName) {
        case "wc-tabs-content":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, StcTabContent);
            }
            break;
    } });
}

export { StcTabContent as S, defineCustomElement as d };