import { Component, ElementRef, Input, TemplateRef, ViewChild } from '@angular/core';
import { MatTabGroup } from '@angular/material/tabs';
import { timer } from 'rxjs';
import { ZuiB } from '@material-zui/core';
export class ZUITabComponent {
    constructor(element) {
        this.element = element;
        this.lazyLoadVal = false;
        this.disabledVal = false;
        this.index = 0;
        this.tabSelected = 0;
    }
    set lazyLoad(val) {
        this.lazyLoadVal = ZuiB.toBool(val);
    }
    set disabled(val) {
        this.disabledVal = ZuiB.toBool(val);
    }
    ngAfterContentInit() {
        timer(0).subscribe(() => (this.template = this.templateRef));
    }
}
ZUITabComponent.decorators = [
    { type: Component, args: [{
                selector: 'zui-tab',
                template: "<ng-template #templateRef>\n  <ng-content></ng-content>\n</ng-template>\n",
                styles: [".zui-tabs-steps{display:inline-flex;align-items:center;padding:5px 10px 5px 5px;border-radius:25px;font-weight:500;color:#757575;cursor:pointer}.zui-tabs-steps>div:first-child{border-radius:25px;color:#fff;width:25px;height:25px;line-height:25px;margin-right:5px;background-color:#dde0e5;text-align:center}.zui-tabs-steps__active{background-color:#eaefff;color:#2962ff}.zui-tabs-steps__active>div:first-child{background-color:#2962ff}.zui-tabs-steps__disabled{opacity:.6;cursor:auto}.zui-tabs-line{width:20px;height:2px;margin:0 5px;background-color:#e6e6e6;border-radius:10px}:host{display:block}:host ::ng-deep .zui-tabs-group mat-tab-header{background-color:var(--bgColor)}:host ::ng-deep .zui-tabs-group .mat-tab-label{color:var(--c)}:host ::ng-deep .zui-tabs-group .mat-tab-label-active{opacity:1}:host ::ng-deep .zui-tabs-group .mat-tab-disabled{color:rgba(0,0,0,.38)}:host ::ng-deep .zui-tabs-group .mat-ink-bar{background-color:var(--inkBarColor)}:host ::ng-deep .zui-tabs-hide-header mat-tab-header,:host ::ng-deep .zui-tabs-hide-ink-bar .mat-ink-bar{display:none}"]
            },] }
];
ZUITabComponent.ctorParameters = () => [
    { type: ElementRef }
];
ZUITabComponent.propDecorators = {
    label: [{ type: Input }],
    prefixIcon: [{ type: Input }],
    sufixIcon: [{ type: Input }],
    lazyLoad: [{ type: Input }],
    disabled: [{ type: Input }],
    templateRef: [{ type: ViewChild, args: ['templateRef',] }],
    tabGroup: [{ type: ViewChild, args: ['tabGroup',] }]
};
//# sourceMappingURL=index.component.js.map