'use strict';

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

const __chunk_1 = require('./chunk-6bde8416.js');

class Tab {
    constructor(hostRef) {
        __chunk_1.registerInstance(this, hostRef);
        this.indicatorType = 'underline';
    }
    getIndicatorClasses() {
        return {
            'mdc-tab-indicator__content': true,
            'mdc-tab-indicator__content--icon': this.indicatorType === 'icon',
            'mdc-tab-indicator__content--underline': this.indicatorType === 'underline',
            'material-icons': this.indicatorType === 'icon'
        };
    }
    getTabClasses() {
        return {
            'mdc-tab': true,
            'mdc-tab--active': this.active,
            'mdc-tab--min-width': this.minWidth
        };
    }
    async renderHtml() {
        return Promise.resolve(__chunk_1.h("button", { class: this.getTabClasses(), role: "tab", "aria-selected": "true", tabindex: this.active ? '0' : '-1' }, __chunk_1.h("span", { class: "mdc-tab__content" }, this.icon && __chunk_1.h("span", { class: "mdc-tab__icon material-icons", "aria-hidden": "true" }, this.icon), __chunk_1.h("span", { class: "mdc-tab__text-label" }, this.label ? this.label : __chunk_1.h("slot", null))), __chunk_1.h("span", { class: { 'mdc-tab-indicator': true, 'mdc-tab-indicator--active': this.active } }, __chunk_1.h("span", { class: this.getIndicatorClasses() }, this.indicatorType === 'icon' && 'star')), __chunk_1.h("span", { class: "mdc-tab__ripple" })));
    }
    render() {
        return;
    }
    static get style() { return ""; }
}

exports.materials_tab = Tab;
