27190.47905ddbb91e5a0c.js

(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[27190],{27190:n=>{n.exports='<div\n    tuiTheme="dark"\n    class="wrapper"\n>\n    <h1 class="tui-text_h3 title">Monty Python</h1>\n    <tui-tabs-with-more\n        underline="#fff"\n        class="tabs"\n        [activeItemIndex]="activeItemIndex"\n        [moreContent]="more"\n    >\n        <ng-container *ngFor="let tab of tabs">\n            <ng-container *ngIf="isString(tab); else submenu">\n                <button\n                    *tuiItem\n                    tuiTab\n                    type="button"\n                    (click)="onClick(tab)"\n                >\n                    {{ tab }}\n                </button>\n            </ng-container>\n            <ng-template #submenu>\n                <button\n                    *tuiItem\n                    tuiChevron\n                    tuiDropdownOpen\n                    tuiTab\n                    type="button"\n                    [tuiDropdown]="dropdown"\n                    (tui-tab-activate)="stop($event)"\n                >\n                    Collaborators\n                </button>\n            </ng-template>\n        </ng-container>\n    </tui-tabs-with-more>\n</div>\n<section class="content">Currently active: {{ activeElement }}</section>\n<ng-template\n    #dropdown\n    let-close\n>\n    <tui-data-list>\n        <button\n            *ngFor="let collaborator of collaborators"\n            tuiOption\n            type="button"\n            (click)="onClick(collaborator); close()"\n        >\n            {{ collaborator }}\n        </button>\n    </tui-data-list>\n</ng-template>\n<ng-template #more>\n    <tui-icon icon="@tui.ellipsis" />\n</ng-template>\n'}}]);