@ng-doc/app/fesm2022/ng-doc-app-components-tabs.mjs

<!-- PROJECT LOGO --> <br /> <div align="center"> <a href="https://github.com/ng-doc/ng-doc"> <img src="https://ng-doc.com/assets/images/ng-doc.svg?raw=true" alt="Logo" height="150px"> </a>

import * as i0 from '@angular/core';
import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
import { NgDocTabGroupComponent, NgDocTabComponent, NgDocIconComponent, NgDocExecutePipe } from '@ng-doc/ui-kit';

class NgDocTabsComponent {
    constructor() {
        this.tabs = [];
    }
    getActiveIndex(tabs) {
        return Math.max(tabs.findIndex((tab) => tab.active), 0);
    }
    appendElement(element, parent) {
        parent.appendChild(element);
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgDocTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NgDocTabsComponent, isStandalone: true, selector: "ng-doc-tabs", inputs: { tabs: "tabs" }, ngImport: i0, template: "<ng-doc-tab-group [openedTab]=\"getActiveIndex | execute: tabs\">\n  @for (tab of tabs; track tab; let i = $index) {\n    <ng-doc-tab [label]=\"label\" [content]=\"content\" [id]=\"i\">\n      <ng-template #label>\n        @if (tab.icon) {\n          <ng-doc-icon [customIcon]=\"tab.icon\"></ng-doc-icon>\n        }\n        {{ tab.title }}\n      </ng-template>\n      <ng-template #content>\n        <div #element>\n          {{ appendElement | execute: tab.content : element }}\n        </div>\n      </ng-template>\n    </ng-doc-tab>\n  }\n</ng-doc-tab-group>\n", styles: [":host{display:block;border-radius:var(--ng-doc-tabs-border-radius);border:var(--ng-doc-tabs-border);margin:var(--ng-doc-tabs-margin);overflow:hidden;--ng-doc-code-margin: 0;--ng-doc-code-border-radius: 0;--ng-doc-code-border: none;--ng-doc-tab-group-header-background: var(--ng-doc-base-2)}:host ng-doc-icon{margin-right:calc(var(--ng-doc-base-gutter) / 2)}\n"], dependencies: [{ kind: "component", type: NgDocTabGroupComponent, selector: "ng-doc-tab-group", inputs: ["openedTab"] }, { kind: "component", type: NgDocTabComponent, selector: "ng-doc-tab, a[ng-doc-tab]", inputs: ["label", "id", "content"] }, { kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }, { kind: "pipe", type: NgDocExecutePipe, name: "execute" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgDocTabsComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ng-doc-tabs', imports: [NgDocTabGroupComponent, NgDocTabComponent, NgDocExecutePipe, NgDocIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-doc-tab-group [openedTab]=\"getActiveIndex | execute: tabs\">\n  @for (tab of tabs; track tab; let i = $index) {\n    <ng-doc-tab [label]=\"label\" [content]=\"content\" [id]=\"i\">\n      <ng-template #label>\n        @if (tab.icon) {\n          <ng-doc-icon [customIcon]=\"tab.icon\"></ng-doc-icon>\n        }\n        {{ tab.title }}\n      </ng-template>\n      <ng-template #content>\n        <div #element>\n          {{ appendElement | execute: tab.content : element }}\n        </div>\n      </ng-template>\n    </ng-doc-tab>\n  }\n</ng-doc-tab-group>\n", styles: [":host{display:block;border-radius:var(--ng-doc-tabs-border-radius);border:var(--ng-doc-tabs-border);margin:var(--ng-doc-tabs-margin);overflow:hidden;--ng-doc-code-margin: 0;--ng-doc-code-border-radius: 0;--ng-doc-code-border: none;--ng-doc-tab-group-header-background: var(--ng-doc-base-2)}:host ng-doc-icon{margin-right:calc(var(--ng-doc-base-gutter) / 2)}\n"] }]
        }], propDecorators: { tabs: [{
                type: Input
            }] } });

/**
 * Generated bundle index. Do not edit.
 */

export { NgDocTabsComponent };
//# sourceMappingURL=ng-doc-app-components-tabs.mjs.map