@taiga-ui/kit 2.39.0 → 2.41.1

package/fesm5/taiga-ui-kit-components-tabs.js

@@ -1,13 +1,13 @@
 import { __decorate, __param } from 'tslib';
 import { TemplateRef, Inject, Directive, InjectionToken, ElementRef, Optional, HostBinding, Component, ChangeDetectionStrategy, EventEmitter, Renderer2, ChangeDetectorRef, ContentChildren, forwardRef, Input, Output, HostListener, ViewChild, NgZone, NgModule } from '@angular/core';
 import { RouterLinkActive } from '@angular/router';
-import { TuiDestroyService, TuiFocusVisibleService, typedFromEvent, tuiCustomEvent, isNativeFocused, setNativeFocused, TUI_IS_IOS, TUI_IS_ANDROID, EMPTY_QUERY, itemsQueryListObservable, moveFocus, TuiResizeService, tuiDefaultProp, tuiPure, getClosestFocusable, toInt, tuiZonefree, px, TuiFocusableModule } from '@taiga-ui/cdk';
+import { TuiDestroyService, TuiFocusVisibleService, typedFromEvent, tuiCustomEvent, isNativeFocused, setNativeFocused, TUI_IS_IOS, TUI_IS_ANDROID, EMPTY_QUERY, moveFocus, TuiResizeService, tuiDefaultProp, getClosestFocusable, toInt, tuiZonefree, px, TuiFocusableModule } from '@taiga-ui/cdk';
 import { TuiRouterLinkActiveService, MODE_PROVIDER, TUI_MODE, TuiHostedDropdownModule, TuiSvgModule } from '@taiga-ui/core';
-import { TUI_MOBILE_AWARE, TUI_MORE_WORD } from '@taiga-ui/kit/tokens';
+import { TUI_TAB_MARGIN, TUI_MOBILE_AWARE, TUI_MORE_WORD } from '@taiga-ui/kit/tokens';
 import { EMPTY, merge, identity, Observable, ReplaySubject, of } from 'rxjs';
 import { DOCUMENT, CommonModule } from '@angular/common';
 import { MutationObserverService, MUTATION_OBSERVER_INIT } from '@ng-web-apis/mutation-observer';
-import { filter, map, mapTo, tap, debounceTime, startWith, takeUntil, switchMap, share } from 'rxjs/operators';
+import { filter, map, tap, debounceTime, startWith, takeUntil, switchMap, mapTo, share } from 'rxjs/operators';
 import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
 import { ANIMATION_FRAME } from '@ng-web-apis/common';
 import { asCallable } from '@tinkoff/ng-event-plugins';
@@ -58,12 +58,13 @@ function tabActiveFactory(_a, documentRef, routerLinkActiveService, mutationObse
 }
 
 var TuiTabComponent = /** @class */ (function () {
-    function TuiTabComponent(routerLinkActive, elementRef, mode$, event$, mobileAware, isIos, isAndroid, focusVisible$) {
+    function TuiTabComponent(routerLinkActive, elementRef, mode$, event$, margin, mobileAware, isIos, isAndroid, focusVisible$) {
         var _this = this;
         this.routerLinkActive = routerLinkActive;
         this.elementRef = elementRef;
         this.mode$ = mode$;
         this.event$ = event$;
+        this.margin = margin;
         this.focusVisible = false;
         this.isIos = mobileAware && isIos;
         this.isAndroid = mobileAware && isAndroid;
@@ -88,6 +89,7 @@ var TuiTabComponent = /** @class */ (function () {
         { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
         { type: Observable, decorators: [{ type: Inject, args: [TUI_MODE,] }] },
         { type: Observable, decorators: [{ type: Inject, args: [TUI_TAB_EVENT,] }] },
+        { type: Number, decorators: [{ type: Inject, args: [TUI_TAB_MARGIN,] }] },
         { type: Boolean, decorators: [{ type: Inject, args: [TUI_MOBILE_AWARE,] }] },
         { type: Boolean, decorators: [{ type: Inject, args: [TUI_IS_IOS,] }] },
         { type: Boolean, decorators: [{ type: Inject, args: [TUI_IS_ANDROID,] }] },
@@ -108,31 +110,31 @@ var TuiTabComponent = /** @class */ (function () {
     TuiTabComponent = __decorate([
         Component({
             selector: "a[tuiTab]:not([routerLink]), a[tuiTab][routerLink][routerLinkActive], button[tuiTab]",
-            template: "<ng-container *ngIf=\"event$ | async\"></ng-container>\n<span class=\"highlight\"><ng-content></ng-content></span>\n",
+            template: "<ng-container *ngIf=\"event$ | async\"></ng-container>\n<span class=\"t-highlight\"><ng-content></ng-content></span>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             providers: TUI_TAB_PROVIDERS,
             host: {
                 '($.data-mode.attr)': 'mode$',
+                '[style.--tui-tab-margin.px]': 'margin',
                 type: 'button',
             },
-            styles: [":host-context(._underline):hover{box-shadow:inset 0 -2px var(--tui-base-03)}:host{transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:0 0;font-size:inherit;line-height:inherit;position:relative;display:flex;flex-shrink:0;height:100%;box-sizing:border-box;justify-content:space-between;align-items:center;white-space:nowrap;cursor:pointer;outline:0;text-decoration:none;color:inherit;transition-property:color,box-shadow,opacity}:host:not(:last-child){margin-right:1.5rem}:host:hover{color:var(--tui-text-01)}:host:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}:host:not([data-mode])._active{opacity:1;color:var(--tui-text-01);box-shadow:none}:host[data-mode=onDark]{color:rgba(255,255,255,.72)}:host[data-mode=onDark]._active,:host[data-mode=onDark]:hover{color:#fff}:host[data-mode=onDark]._focus-visible .highlight{background:var(--tui-clear-inverse);color:var(--tui-text-01)}:host[data-mode=onLight]{color:var(--tui-text-02)}:host[data-mode=onLight]._active,:host[data-mode=onLight]:hover{color:var(--tui-text-01)}:host[data-mode=onLight]._focus-visible .highlight{background:var(--tui-text-01);color:#fff}:host._focus-visible .highlight{background:var(--tui-selection)}:host._android{transition-property:opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;height:3rem;flex:1;flex-shrink:0;justify-content:center;margin:0;text-transform:uppercase;color:var(--tui-base-09);opacity:.5;font-size:.875rem;font-weight:500;letter-spacing:-.008125rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,'Helvetica Neue',sans-serif}:host._android:hover{box-shadow:none}:host._android._active{opacity:1;color:var(--tui-base-09)}:host._android .highlight{width:auto}:host._ios{height:1.75rem;flex:1;flex-shrink:0;justify-content:center;margin:0;color:var(--tui-base-01);opacity:1;font-size:.8125rem;font-weight:500;letter-spacing:-.005rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,'Helvetica Neue',sans-serif}:host._ios:hover{box-shadow:none}:host._ios._active{font-size:.875rem;font-weight:600;color:var(--tui-link)}:host._ios .highlight{width:auto}.highlight{display:inline-flex;width:100%;align-items:center;justify-content:inherit}.highlight ::ng-deep>*{flex-shrink:0}"]
+            styles: [":host-context(._underline):hover{box-shadow:inset 0 -2px var(--tui-base-03)}:host{transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:0 0;font-size:inherit;line-height:inherit;position:relative;display:flex;flex-shrink:0;height:100%;box-sizing:border-box;justify-content:space-between;align-items:center;white-space:nowrap;cursor:pointer;outline:0;text-decoration:none;color:inherit;transition-property:color,box-shadow,opacity;margin-right:var(--tui-tab-margin,1.5rem)}:host:hover{color:var(--tui-text-01)}:host:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}:host:not([data-mode])._active{opacity:1;color:var(--tui-text-01);box-shadow:none}:host[data-mode=onDark]{color:rgba(255,255,255,.72)}:host[data-mode=onDark]._active,:host[data-mode=onDark]:hover{color:#fff}:host[data-mode=onDark]._focus-visible .t-highlight{background:var(--tui-clear-inverse);color:var(--tui-text-01)}:host[data-mode=onLight]{color:var(--tui-text-02)}:host[data-mode=onLight]._active,:host[data-mode=onLight]:hover{color:var(--tui-text-01)}:host[data-mode=onLight]._focus-visible .t-highlight{background:var(--tui-text-01);color:#fff}:host._focus-visible .t-highlight{background:var(--tui-selection)}:host._android{transition-property:opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;height:3rem;flex:1;flex-shrink:0;justify-content:center;margin:0;text-transform:uppercase;color:var(--tui-base-09);opacity:.5;font-size:.875rem;font-weight:500;letter-spacing:-.008125rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,'Helvetica Neue',sans-serif}:host._android:hover{box-shadow:none}:host._android._active{opacity:1;color:var(--tui-base-09)}:host._android .t-highlight{width:auto}:host._ios{height:1.75rem;flex:1;flex-shrink:0;justify-content:center;margin:0;color:var(--tui-base-01);opacity:1;font-size:.8125rem;font-weight:500;letter-spacing:-.005rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,'Helvetica Neue',sans-serif}:host._ios:hover{box-shadow:none}:host._ios._active{font-size:.875rem;font-weight:600;color:var(--tui-link)}:host._ios .t-highlight{width:auto}.t-highlight{display:inline-flex;width:100%;align-items:center;justify-content:inherit}.t-highlight ::ng-deep>*{flex-shrink:0}"]
         }),
         __param(0, Optional()),
         __param(0, Inject(RouterLinkActive)),
         __param(1, Inject(ElementRef)),
         __param(2, Inject(TUI_MODE)),
         __param(3, Inject(TUI_TAB_EVENT)),
-        __param(4, Inject(TUI_MOBILE_AWARE)),
-        __param(5, Inject(TUI_IS_IOS)),
-        __param(6, Inject(TUI_IS_ANDROID)),
-        __param(7, Inject(TuiFocusVisibleService))
+        __param(4, Inject(TUI_TAB_MARGIN)),
+        __param(5, Inject(TUI_MOBILE_AWARE)),
+        __param(6, Inject(TUI_IS_IOS)),
+        __param(7, Inject(TUI_IS_ANDROID)),
+        __param(8, Inject(TuiFocusVisibleService))
     ], TuiTabComponent);
     return TuiTabComponent;
 }());
 
 var TAB_ACTIVE_CLASS = '_active';
-var TAB_MARGIN = 24;
-
 // TODO: remove in ivy compilation
 var OBSERVER_INIT = {
     childList: true,
@@ -161,13 +163,6 @@ var TuiTabsComponent = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(TuiTabsComponent.prototype, "refresh$", {
-        get: function () {
-            return itemsQueryListObservable(this.children).pipe(mapTo(true));
-        },
-        enumerable: true,
-        configurable: true
-    });
     Object.defineProperty(TuiTabsComponent.prototype, "tabs", {
         get: function () {
             return Array.from(this.elementRef.nativeElement.querySelectorAll('[tuiTab]'));
@@ -250,9 +245,6 @@ var TuiTabsComponent = /** @class */ (function () {
     __decorate([
         HostBinding('class._android')
     ], TuiTabsComponent.prototype, "isAndroid", void 0);
-    __decorate([
-        tuiPure
-    ], TuiTabsComponent.prototype, "refresh$", null);
     __decorate([
         HostListener(TUI_TAB_ACTIVATE + ".stop", ['$event.target'])
     ], TuiTabsComponent.prototype, "onActivate", null);
@@ -263,7 +255,7 @@ var TuiTabsComponent = /** @class */ (function () {
     TuiTabsComponent = __decorate([
         Component({
             selector: 'tui-tabs, nav[tuiTabs]',
-            template: "<tui-underline\n    *ngIf=\"underline && (refresh$ | async)\"\n    [element]=\"activeElement\"\n></tui-underline>\n<ng-content></ng-content>\n",
+            template: "<ng-container *ngIf=\"children.changes | async\"></ng-container>\n<tui-underline\n    *ngIf=\"underline\"\n    [element]=\"activeElement\"\n></tui-underline>\n<ng-content></ng-content>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             providers: [
                 TuiDestroyService,
@@ -324,13 +316,15 @@ var TABS_PROVIDERS = [
 
 // @dynamic
 var TuiTabsWithMoreComponent = /** @class */ (function () {
-    function TuiTabsWithMoreComponent(refresh$, elementRef, changeDetectorRef, moreWord$) {
+    function TuiTabsWithMoreComponent(margin, refresh$, elementRef, changeDetectorRef, moreWord$) {
+        this.margin = margin;
         this.refresh$ = refresh$;
         this.elementRef = elementRef;
         this.changeDetectorRef = changeDetectorRef;
         this.moreWord$ = moreWord$;
         this.maxIndex = Infinity;
         this.moreContent = '';
+        this.dropdownContent = '';
         this.underline = true;
         this.activeItemIndex = 0;
         this.itemsLimit = Infinity;
@@ -339,6 +333,7 @@ var TuiTabsWithMoreComponent = /** @class */ (function () {
         this.open = false;
     }
     Object.defineProperty(TuiTabsWithMoreComponent.prototype, "tabs", {
+        // TODO: Improve performance
         get: function () {
             return Array.from(this.elementRef.nativeElement.querySelectorAll('[tuiTab]'));
         },
@@ -422,7 +417,7 @@ var TuiTabsWithMoreComponent = /** @class */ (function () {
         }
     };
     TuiTabsWithMoreComponent.prototype.getMaxIndex = function () {
-        var _a = this, tabs = _a.tabs, activeItemIndex = _a.activeItemIndex;
+        var _a = this, tabs = _a.tabs, activeItemIndex = _a.activeItemIndex, margin = _a.margin;
         if (tabs.length < 2) {
             return 0;
         }
@@ -430,18 +425,21 @@ var TuiTabsWithMoreComponent = /** @class */ (function () {
         var activeWidth = tabs[activeItemIndex] ? tabs[activeItemIndex].scrollWidth : 0;
         var moreWidth = tabs[tabs.length - 1].scrollWidth;
         var maxIndex = tabs.length - 2;
-        var total = tabs.reduce(function (acc, tab) { return acc + tab.scrollWidth; }, 0) +
-            maxIndex * TAB_MARGIN -
+        var total = tabs.reduce(function (acc, _a) {
+            var scrollWidth = _a.scrollWidth;
+            return acc + scrollWidth;
+        }, 0) +
+            maxIndex * margin -
             moreWidth;
         if (total <= clientWidth) {
             return Infinity;
         }
         while (maxIndex) {
-            total -= tabs[maxIndex].scrollWidth + TAB_MARGIN;
+            total -= tabs[maxIndex].scrollWidth + margin;
             maxIndex--;
             var activeDisplaced = activeItemIndex > maxIndex;
-            var activeOffset = activeDisplaced ? activeWidth + TAB_MARGIN : 0;
-            var currentWidth = total + activeOffset + moreWidth + TAB_MARGIN;
+            var activeOffset = activeDisplaced ? activeWidth + margin : 0;
+            var currentWidth = total + activeOffset + moreWidth + margin;
             // Needed for different rounding of visible and hidden elements scrollWidth
             var safetyOffset = toInt(this.maxIndex === maxIndex - 1);
             if (currentWidth + safetyOffset < clientWidth) {
@@ -459,6 +457,7 @@ var TuiTabsWithMoreComponent = /** @class */ (function () {
         this.maxIndex = this.getMaxIndex();
     };
     TuiTabsWithMoreComponent.ctorParameters = function () { return [
+        { type: Number, decorators: [{ type: Inject, args: [TUI_TAB_MARGIN,] }] },
         { type: Observable, decorators: [{ type: Inject, args: [TABS_REFRESH,] }] },
         { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
         { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
@@ -471,6 +470,10 @@ var TuiTabsWithMoreComponent = /** @class */ (function () {
         Input(),
         tuiDefaultProp()
     ], TuiTabsWithMoreComponent.prototype, "moreContent", void 0);
+    __decorate([
+        Input(),
+        tuiDefaultProp()
+    ], TuiTabsWithMoreComponent.prototype, "dropdownContent", void 0);
     __decorate([
         Input(),
         HostBinding('class._underline'),
@@ -493,15 +496,16 @@ var TuiTabsWithMoreComponent = /** @class */ (function () {
     TuiTabsWithMoreComponent = __decorate([
         Component({
             selector: 'tui-tabs-with-more, nav[tuiTabsWithMore]',
-            template: "<ng-container *ngIf=\"items.changes | async\"></ng-container>\n<div class=\"wrapper\">\n    <tui-tabs\n        class=\"tabs\"\n        [underline]=\"false\"\n        [activeItemIndex]=\"activeItemIndex\"\n        (activeItemIndexChange)=\"onActiveItemIndexChange($event)\"\n        (keydown.arrowRight)=\"onArrowRight($event.target)\"\n    >\n        <ng-container *ngFor=\"let item of items; let index = index\">\n            <ng-container\n                *ngIf=\"index <= lastVisibleIndex; else hidden\"\n                [ngTemplateOutlet]=\"item\"\n            ></ng-container>\n            <ng-template #hidden>\n                <div\n                    class=\"overflown\"\n                    [class.overflown_hidden]=\"index !== activeItemIndex\"\n                >\n                    <ng-container *ngTemplateOutlet=\"item\"></ng-container>\n                </div>\n            </ng-template>\n        </ng-container>\n    </tui-tabs>\n    <tui-hosted-dropdown\n        class=\"more_wrapper\"\n        [class.overflown_hidden]=\"!isMoreVisible\"\n        [content]=\"dropdown\"\n        [(open)]=\"open\"\n    >\n        <button\n            tuiTab\n            class=\"more\"\n            [class._active]=\"open\"\n            [tuiFocusable]=\"isMoreFocusable\"\n            (keydown.arrowLeft.prevent)=\"onArrowLeft()\"\n        >\n            <span polymorpheus-outlet [content]=\"moreContent || more\"></span>\n        </button>\n        <ng-template #more>\n            {{ moreWord$ | async }}\n            <tui-svg\n                src=\"tuiIconChevronDown\"\n                class=\"icon\"\n                [class.icon_rotated]=\"open\"\n            ></tui-svg>\n        </ng-template>\n    </tui-hosted-dropdown>\n    <ng-template #dropdown>\n        <div\n            #element\n            class=\"dropdown\"\n            (keydown.arrowUp.prevent)=\"onWrapperArrow($event.target, element, true)\"\n            (keydown.arrowDown.prevent)=\"onWrapperArrow($event.target, element, false)\"\n        >\n            <div\n                *ngFor=\"let item of items; let index = index\"\n                (tui-tab-activate)=\"onClick(index)\"\n            >\n                <ng-container\n                    *ngIf=\"index > lastVisibleIndex && index !== activeItemIndex\"\n                    [ngTemplateOutlet]=\"item\"\n                ></ng-container>\n            </div>\n        </div>\n    </ng-template>\n    <tui-underline *ngIf=\"underline\" [element]=\"activeElement\"></tui-underline>\n</div>\n",
+            template: "<ng-container *ngIf=\"items.changes | async\"></ng-container>\n<div class=\"t-wrapper\">\n    <tui-tabs\n        class=\"t-tabs\"\n        [underline]=\"false\"\n        [activeItemIndex]=\"activeItemIndex\"\n        (activeItemIndexChange)=\"onActiveItemIndexChange($event)\"\n        (keydown.arrowRight)=\"onArrowRight($event.target)\"\n    >\n        <ng-container *ngFor=\"let item of items; let index = index\">\n            <ng-container\n                *ngIf=\"index <= lastVisibleIndex; else hidden\"\n                [ngTemplateOutlet]=\"item\"\n            ></ng-container>\n            <ng-template #hidden>\n                <div [class.t-overflown]=\"index !== activeItemIndex\">\n                    <ng-container *ngTemplateOutlet=\"item\"></ng-container>\n                </div>\n            </ng-template>\n        </ng-container>\n    </tui-tabs>\n    <tui-hosted-dropdown\n        class=\"t-more_wrapper\"\n        [class.t-overflown]=\"!isMoreVisible\"\n        [content]=\"dropdownContent || dropdown\"\n        [(open)]=\"open\"\n    >\n        <button\n            tuiTab\n            class=\"t-more\"\n            [class._active]=\"open\"\n            [tuiFocusable]=\"isMoreFocusable\"\n            (keydown.arrowLeft.prevent)=\"onArrowLeft()\"\n        >\n            <span\n                polymorpheus-outlet\n                [content]=\"moreContent || more\"\n            ></span>\n        </button>\n        <ng-template #more>\n            {{ moreWord$ | async }}\n            <tui-svg\n                src=\"tuiIconChevronDown\"\n                class=\"t-icon\"\n                [class.t-icon_rotated]=\"open\"\n            ></tui-svg>\n        </ng-template>\n    </tui-hosted-dropdown>\n    <ng-template #dropdown>\n        <div\n            #element\n            class=\"t-dropdown\"\n            (keydown.arrowUp.prevent)=\"onWrapperArrow($event.target, element, true)\"\n            (keydown.arrowDown.prevent)=\"onWrapperArrow($event.target, element, false)\"\n        >\n            <div\n                *ngFor=\"let item of items; let index = index\"\n                (tui-tab-activate)=\"onClick(index)\"\n            >\n                <ng-container\n                    *ngIf=\"index > lastVisibleIndex && index !== activeItemIndex\"\n                    [ngTemplateOutlet]=\"item\"\n                ></ng-container>\n            </div>\n        </div>\n    </ng-template>\n    <tui-underline\n        *ngIf=\"underline\"\n        [element]=\"activeElement\"\n    ></tui-underline>\n</div>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             providers: TABS_PROVIDERS,
-            styles: [":host{position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);box-sizing:border-box;color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:hidden}.wrapper{position:relative;display:flex}.tabs{height:inherit;font-size:inherit;font-weight:inherit;overflow:visible;box-shadow:none;color:inherit}.overflown{margin-right:1.5rem}.overflown_hidden{margin:0;width:0;max-width:0;overflow:hidden;visibility:hidden}.more_wrapper{height:100%}.icon{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.icon_rotated{transform:rotate(180deg)}.dropdown{padding:.5rem 0}.dropdown ::ng-deep [tuiTab]{width:100%;height:2.75rem;justify-content:flex-start;margin:0;padding:0 1rem;color:var(--tui-text-02)}.dropdown ::ng-deep [tuiTab]:before{display:none}.dropdown ::ng-deep [tuiTab]._active,.dropdown ::ng-deep [tuiTab]:focus,.dropdown ::ng-deep [tuiTab]:hover{box-shadow:none;color:var(--tui-base-08);background:var(--tui-base-02)}"]
+            styles: [":host{position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);box-sizing:border-box;color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:hidden}.t-wrapper{position:relative;display:flex}.t-tabs{height:inherit;font-size:inherit;font-weight:inherit;overflow:visible;box-shadow:none;color:inherit}.t-overflown{display:flex;margin:0;width:0;max-width:0;overflow:hidden;visibility:hidden}.t-more_wrapper{height:100%}.t-more{margin:0}.t-icon{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;margin-right:-.25rem;vertical-align:bottom}.t-icon_rotated{transform:rotate(180deg)}.t-dropdown{padding:.5rem 0}.t-dropdown ::ng-deep [tuiTab]{width:100%;height:2.75rem;justify-content:flex-start;margin:0;padding:0 1rem;color:var(--tui-text-02)}.t-dropdown ::ng-deep [tuiTab]:before{display:none}.t-dropdown ::ng-deep [tuiTab]._active,.t-dropdown ::ng-deep [tuiTab]:focus,.t-dropdown ::ng-deep [tuiTab]:hover{box-shadow:none;color:var(--tui-base-08);background:var(--tui-base-02)}"]
         }),
-        __param(0, Inject(TABS_REFRESH)),
-        __param(1, Inject(ElementRef)),
-        __param(2, Inject(ChangeDetectorRef)),
-        __param(3, Inject(TUI_MORE_WORD))
+        __param(0, Inject(TUI_TAB_MARGIN)),
+        __param(1, Inject(TABS_REFRESH)),
+        __param(2, Inject(ElementRef)),
+        __param(3, Inject(ChangeDetectorRef)),
+        __param(4, Inject(TUI_MORE_WORD))
     ], TuiTabsWithMoreComponent);
     return TuiTabsWithMoreComponent;
 }());
@@ -528,7 +532,7 @@ var TuiUnderlineComponent = /** @class */ (function () {
         this.transform$ = asCallable(this.refresh$.pipe(map(function (element) {
             return element ? "translate3d(" + px(element.offsetLeft) + ", 0, 0)" : null;
         })));
-        this.width$ = asCallable(this.refresh$.pipe(map(function (element) { return (element ? element.clientWidth : 0); })));
+        this.width$ = asCallable(this.refresh$.pipe(map(function (element) { return (element === null || element === void 0 ? void 0 : element.clientWidth) || 0; })));
         nativeElement['$.style.transitionProperty'] = this.transition$;
         nativeElement['$.style.transform'] = this.transform$;
         nativeElement['$.style.width.px'] = this.width$;
@@ -624,5 +628,5 @@ var TuiTabsModule = /** @class */ (function () {
  * Generated bundle index. Do not edit.
  */
 
-export { MUTATION_CONFIG, OBSERVER_INIT, TABS_PROVIDERS, TABS_REFRESH, TAB_ACTIVE_CLASS, TAB_MARGIN, TUI_TAB_ACTIVATE, TUI_TAB_EVENT, TUI_TAB_PROVIDERS, TuiTabComponent, TuiTabDirective, TuiTabsComponent, TuiTabsModule, TuiTabsWithMoreComponent, TuiUnderlineComponent, tabActiveFactory, tabsRefreshFactory };
+export { MUTATION_CONFIG, OBSERVER_INIT, TABS_PROVIDERS, TABS_REFRESH, TUI_TAB_ACTIVATE, TUI_TAB_EVENT, TUI_TAB_PROVIDERS, TuiTabComponent, TuiTabDirective, TuiTabsComponent, TuiTabsModule, TuiTabsWithMoreComponent, TuiUnderlineComponent, tabActiveFactory, tabsRefreshFactory };
 //# sourceMappingURL=taiga-ui-kit-components-tabs.js.map

package/fesm5/taiga-ui-kit-components-tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-tabs.js","sources":["ng://@taiga-ui/kit/components/tabs/tab.directive.ts","ng://@taiga-ui/kit/components/tabs/tab/tab.providers.ts","ng://@taiga-ui/kit/components/tabs/tab/tab.component.ts","ng://@taiga-ui/kit/components/tabs/tabs.const.ts","ng://@taiga-ui/kit/components/tabs/tabs/tabs.component.ts","ng://@taiga-ui/kit/components/tabs/tabs-with-more/tabs-with-more.providers.ts","ng://@taiga-ui/kit/components/tabs/tabs-with-more/tabs-with-more.component.ts","ng://@taiga-ui/kit/components/tabs/underline/underline.component.ts","ng://@taiga-ui/kit/components/tabs/tabs.module.ts","ng://@taiga-ui/kit/components/tabs/taiga-ui-kit-components-tabs.ts"],"sourcesContent":["import {Directive, Inject, TemplateRef} from '@angular/core';\n\n@Directive({\n    selector: `ng-template[tuiTab]`,\n})\nexport class TuiTabDirective {\n    constructor(@Inject(TemplateRef) readonly template: TemplateRef<{}>) {}\n}\n","import {DOCUMENT} from '@angular/common';\nimport {ElementRef, InjectionToken, Optional, Provider} from '@angular/core';\nimport {RouterLinkActive} from '@angular/router';\nimport {MutationObserverService} from '@ng-web-apis/mutation-observer';\nimport {\n    tuiCustomEvent,\n    TuiDestroyService,\n    TuiFocusVisibleService,\n    typedFromEvent,\n} from '@taiga-ui/cdk';\nimport {MODE_PROVIDER, TuiRouterLinkActiveService} from '@taiga-ui/core';\nimport {EMPTY, identity, merge, Observable} from 'rxjs';\nimport {filter, map} from 'rxjs/operators';\n\nexport const TUI_TAB_ACTIVATE = 'tui-tab-activate';\nexport const TUI_TAB_EVENT = new InjectionToken<Observable<Event>>(\n    'Stream of tab activation events',\n);\nexport const TUI_TAB_PROVIDERS: Provider[] = [\n    TuiDestroyService,\n    TuiFocusVisibleService,\n    TuiRouterLinkActiveService,\n    {\n        provide: TUI_TAB_EVENT,\n        deps: [\n            ElementRef,\n            DOCUMENT,\n            TuiRouterLinkActiveService,\n            [new Optional(), MutationObserverService],\n            [new Optional(), RouterLinkActive],\n        ],\n        useFactory: tabActiveFactory,\n    },\n    MODE_PROVIDER,\n];\n\nexport function tabActiveFactory(\n    {nativeElement}: ElementRef<HTMLElement>,\n    documentRef: Document,\n    routerLinkActiveService: Observable<boolean>,\n    mutationObserverService: MutationObserverService | null,\n    routerLinkActive: RouterLinkActive | null,\n): Observable<unknown> {\n    const mutationObserver =\n        routerLinkActive && mutationObserverService\n            ? mutationObserverService.pipe(filter(() => routerLinkActive.isActive))\n            : EMPTY;\n\n    return merge(\n        mutationObserver,\n        routerLinkActiveService.pipe(filter(identity)),\n        nativeElement.matches('button') ? typedFromEvent(nativeElement, 'click') : EMPTY,\n    ).pipe(\n        map(() =>\n            nativeElement.dispatchEvent(\n                tuiCustomEvent(TUI_TAB_ACTIVATE, {bubbles: true}, documentRef),\n            ),\n        ),\n    );\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    HostBinding,\n    Inject,\n    OnDestroy,\n    Optional,\n} from '@angular/core';\nimport {RouterLinkActive} from '@angular/router';\nimport {\n    isNativeFocused,\n    setNativeFocused,\n    TUI_IS_ANDROID,\n    TUI_IS_IOS,\n    TuiFocusVisibleService,\n} from '@taiga-ui/cdk';\nimport {TUI_MODE, TuiBrightness} from '@taiga-ui/core';\nimport {TUI_MOBILE_AWARE} from '@taiga-ui/kit/tokens';\nimport {Observable} from 'rxjs';\n\nimport {TUI_TAB_EVENT, TUI_TAB_PROVIDERS} from './tab.providers';\n\n@Component({\n    selector: `a[tuiTab]:not([routerLink]), a[tuiTab][routerLink][routerLinkActive], button[tuiTab]`,\n    templateUrl: './tab.template.html',\n    styleUrls: ['./tab.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: TUI_TAB_PROVIDERS,\n    host: {\n        '($.data-mode.attr)': 'mode$',\n        type: 'button',\n    },\n})\nexport class TuiTabComponent implements OnDestroy {\n    @HostBinding('class._ios')\n    readonly isIos: boolean;\n\n    @HostBinding('class._android')\n    readonly isAndroid: boolean;\n\n    @HostBinding('class._focus-visible')\n    focusVisible = false;\n\n    constructor(\n        @Optional()\n        @Inject(RouterLinkActive)\n        private readonly routerLinkActive: RouterLinkActive | null,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>,\n        @Inject(TUI_TAB_EVENT) readonly event$: Observable<Event>,\n        @Inject(TUI_MOBILE_AWARE) mobileAware: boolean,\n        @Inject(TUI_IS_IOS) isIos: boolean,\n        @Inject(TUI_IS_ANDROID) isAndroid: boolean,\n        @Inject(TuiFocusVisibleService) focusVisible$: TuiFocusVisibleService,\n    ) {\n        this.isIos = mobileAware && isIos;\n        this.isAndroid = mobileAware && isAndroid;\n\n        focusVisible$.subscribe(visible => {\n            this.focusVisible = visible;\n        });\n    }\n\n    @HostBinding('class._active')\n    get isActive(): boolean {\n        return !!this.routerLinkActive && this.routerLinkActive.isActive;\n    }\n\n    ngOnDestroy() {\n        if (isNativeFocused(this.elementRef.nativeElement)) {\n            setNativeFocused(this.elementRef.nativeElement, false);\n        }\n    }\n}\n","export const TAB_ACTIVE_CLASS = '_active';\nexport const TAB_MARGIN = 24;\n","import {\n    AfterViewChecked,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChildren,\n    ElementRef,\n    EventEmitter,\n    forwardRef,\n    HostBinding,\n    HostListener,\n    Inject,\n    Input,\n    Output,\n    QueryList,\n    Renderer2,\n} from '@angular/core';\nimport {\n    MUTATION_OBSERVER_INIT,\n    MutationObserverService,\n} from '@ng-web-apis/mutation-observer';\nimport {\n    EMPTY_QUERY,\n    itemsQueryListObservable,\n    moveFocus,\n    TUI_IS_ANDROID,\n    TUI_IS_IOS,\n    tuiDefaultProp,\n    TuiDestroyService,\n    tuiPure,\n    TuiResizeService,\n} from '@taiga-ui/cdk';\nimport {TUI_MOBILE_AWARE} from '@taiga-ui/kit/tokens';\nimport {Observable} from 'rxjs';\nimport {filter, mapTo} from 'rxjs/operators';\n\nimport {TuiTabComponent} from '../tab/tab.component';\nimport {TUI_TAB_ACTIVATE} from '../tab/tab.providers';\nimport {TAB_ACTIVE_CLASS} from '../tabs.const';\n\n// TODO: remove in ivy compilation\nexport const OBSERVER_INIT = {\n    childList: true,\n};\n\n// @dynamic\n@Component({\n    selector: 'tui-tabs, nav[tuiTabs]',\n    templateUrl: './tabs.template.html',\n    styleUrls: ['./tabs.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        TuiDestroyService,\n        TuiResizeService,\n        MutationObserverService,\n        {\n            provide: MUTATION_OBSERVER_INIT,\n            useValue: OBSERVER_INIT,\n        },\n    ],\n})\nexport class TuiTabsComponent implements AfterViewChecked {\n    @ContentChildren(forwardRef(() => TuiTabComponent))\n    private readonly children: QueryList<unknown> = EMPTY_QUERY;\n\n    @Input()\n    @HostBinding('class._underline')\n    @tuiDefaultProp()\n    underline = true;\n\n    @Input('activeItemIndex')\n    set activeItemIndexSetter(index: number) {\n        this.activeItemIndex = index;\n        this.scrollTo(this.tabs[index]);\n    }\n\n    @Output()\n    readonly activeItemIndexChange = new EventEmitter<number>();\n\n    @HostBinding('class._ios')\n    readonly isIos: boolean;\n\n    @HostBinding('class._android')\n    readonly isAndroid: boolean;\n\n    activeItemIndex = 0;\n\n    constructor(\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(Renderer2) private readonly renderer: Renderer2,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TuiResizeService) resize$: Observable<void>,\n        @Inject(TUI_IS_IOS) isIos: boolean,\n        @Inject(TUI_IS_ANDROID) isAndroid: boolean,\n        @Inject(TUI_MOBILE_AWARE) mobileAware: boolean,\n    ) {\n        this.isIos = mobileAware && isIos;\n        this.isAndroid = mobileAware && isAndroid;\n\n        resize$.pipe(filter(() => this.underline)).subscribe(() => {\n            changeDetectorRef.detectChanges();\n        });\n    }\n\n    @tuiPure\n    get refresh$(): Observable<boolean> {\n        return itemsQueryListObservable(this.children).pipe(mapTo(true));\n    }\n\n    get tabs(): ReadonlyArray<HTMLElement> {\n        return Array.from(\n            this.elementRef.nativeElement.querySelectorAll<HTMLElement>('[tuiTab]'),\n        );\n    }\n\n    get activeElement(): HTMLElement | null {\n        return this.tabs[this.activeItemIndex] || null;\n    }\n\n    @HostListener(`${TUI_TAB_ACTIVATE}.stop`, ['$event.target'])\n    onActivate(element: HTMLElement) {\n        const index = this.tabs.findIndex(tab => tab === element);\n\n        if (index === this.activeItemIndex) {\n            return;\n        }\n\n        this.activeItemIndexSetter = index;\n        this.activeItemIndexChange.emit(index);\n    }\n\n    @HostListener('keydown.arrowRight.prevent', ['$event.target', '1'])\n    @HostListener('keydown.arrowLeft.prevent', ['$event.target', '-1'])\n    onKeyDownArrow(current: HTMLElement, step: number) {\n        const {tabs} = this;\n\n        moveFocus(tabs.indexOf(current), tabs, step);\n    }\n\n    ngAfterViewChecked() {\n        const {tabs, activeElement} = this;\n\n        tabs.forEach(nativeElement => {\n            this.renderer.removeClass(nativeElement, TAB_ACTIVE_CLASS);\n            this.renderer.setAttribute(nativeElement, 'tabIndex', '-1');\n        });\n\n        if (activeElement) {\n            this.renderer.addClass(activeElement, TAB_ACTIVE_CLASS);\n            this.renderer.setAttribute(activeElement, 'tabIndex', '0');\n        }\n    }\n\n    private scrollTo(element?: HTMLElement) {\n        if (!element) {\n            return;\n        }\n\n        const {offsetLeft, offsetWidth} = element;\n        const {nativeElement} = this.elementRef;\n\n        if (offsetLeft < nativeElement.scrollLeft) {\n            nativeElement.scrollLeft = offsetLeft;\n        }\n\n        if (\n            offsetLeft + offsetWidth >\n            nativeElement.scrollLeft + nativeElement.offsetWidth\n        ) {\n            nativeElement.scrollLeft =\n                offsetLeft + offsetWidth - nativeElement.offsetWidth;\n        }\n    }\n}\n","import {DOCUMENT} from '@angular/common';\nimport {ChangeDetectorRef, ElementRef, InjectionToken, Provider} from '@angular/core';\nimport {\n    MUTATION_OBSERVER_INIT,\n    MutationObserverService,\n} from '@ng-web-apis/mutation-observer';\nimport {TuiDestroyService, TuiResizeService} from '@taiga-ui/cdk';\nimport {merge, Observable} from 'rxjs';\nimport {debounceTime, filter, startWith, takeUntil, tap} from 'rxjs/operators';\n\nexport function tabsRefreshFactory(\n    resize$: Observable<unknown>,\n    mutations$: Observable<unknown>,\n    destroy$: Observable<unknown>,\n    {body}: Document,\n    {nativeElement}: ElementRef<Node>,\n    changeDetectorRef: ChangeDetectorRef,\n): Observable<unknown> {\n    return merge(\n        resize$,\n        mutations$.pipe(tap(() => changeDetectorRef.detectChanges())),\n    ).pipe(\n        // Ignoring cases when host is detached from DOM\n        filter(() => body.contains(nativeElement)),\n        debounceTime(0),\n        startWith(null),\n        takeUntil(destroy$),\n    );\n}\n\n// TODO: remove in ivy compilation\nexport const MUTATION_CONFIG = {\n    childList: true,\n    subtree: true,\n};\nexport const TABS_REFRESH = new InjectionToken<Observable<unknown>>('Refresh stream');\nexport const TABS_PROVIDERS: Provider[] = [\n    TuiResizeService,\n    TuiDestroyService,\n    MutationObserverService,\n    {\n        provide: MUTATION_OBSERVER_INIT,\n        useValue: MUTATION_CONFIG,\n    },\n    {\n        provide: TABS_REFRESH,\n        deps: [\n            TuiResizeService,\n            MutationObserverService,\n            TuiDestroyService,\n            DOCUMENT,\n            ElementRef,\n            ChangeDetectorRef,\n        ],\n        useFactory: tabsRefreshFactory,\n    },\n];\n","import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChildren,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    Inject,\n    Input,\n    Output,\n    QueryList,\n    TemplateRef,\n    ViewChild,\n} from '@angular/core';\nimport {\n    EMPTY_QUERY,\n    getClosestFocusable,\n    isNativeFocused,\n    setNativeFocused,\n    toInt,\n    tuiDefaultProp,\n} from '@taiga-ui/cdk';\nimport {TUI_MORE_WORD} from '@taiga-ui/kit/tokens';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\nimport {filter, map} from 'rxjs/operators';\n\nimport {TuiTabDirective} from '../tab.directive';\nimport {TuiTabComponent} from '../tab/tab.component';\nimport {TAB_MARGIN} from '../tabs.const';\nimport {TABS_PROVIDERS, TABS_REFRESH} from './tabs-with-more.providers';\n\n// @dynamic\n@Component({\n    selector: 'tui-tabs-with-more, nav[tuiTabsWithMore]',\n    templateUrl: './tabs-with-more.template.html',\n    styleUrls: ['./tabs-with-more.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: TABS_PROVIDERS,\n})\nexport class TuiTabsWithMoreComponent implements AfterViewInit {\n    @ViewChild(TuiTabComponent, {read: ElementRef})\n    private readonly moreButton?: ElementRef<HTMLButtonElement>;\n\n    private maxIndex = Infinity;\n\n    @Input()\n    @tuiDefaultProp()\n    moreContent: PolymorpheusContent = '';\n\n    @Input()\n    @HostBinding('class._underline')\n    @tuiDefaultProp()\n    underline = true;\n\n    @Input()\n    @tuiDefaultProp()\n    activeItemIndex = 0;\n\n    @Input()\n    @tuiDefaultProp()\n    itemsLimit = Infinity;\n\n    @Output()\n    readonly activeItemIndexChange = new EventEmitter<number>();\n\n    @ContentChildren(TuiTabDirective, {read: TemplateRef})\n    readonly items: QueryList<TemplateRef<{}>> = EMPTY_QUERY;\n\n    open = false;\n\n    constructor(\n        @Inject(TABS_REFRESH) private readonly refresh$: Observable<unknown>,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(ChangeDetectorRef) private readonly changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_MORE_WORD) readonly moreWord$: Observable<string>,\n    ) {}\n\n    get tabs(): ReadonlyArray<HTMLElement> {\n        return Array.from<HTMLElement>(\n            this.elementRef.nativeElement.querySelectorAll('[tuiTab]'),\n        );\n    }\n\n    get activeElement(): HTMLElement | null {\n        return this.tabs[this.activeItemIndex] || null;\n    }\n\n    get isMoreVisible(): boolean {\n        return this.lastVisibleIndex < this.items.length - 1;\n    }\n\n    get isMoreFocusable(): boolean {\n        return !!this.moreButton && isNativeFocused(this.moreButton.nativeElement);\n    }\n\n    get lastVisibleIndex(): number {\n        if (this.itemsLimit + 1 >= this.items.length) {\n            return this.maxIndex;\n        }\n\n        const offset = this.itemsLimit - 1 > this.activeItemIndex ? 1 : 2;\n\n        return Math.min(this.itemsLimit - offset, this.maxIndex);\n    }\n\n    ngAfterViewInit() {\n        this.refresh$\n            .pipe(\n                map(() => this.getMaxIndex()),\n                filter(maxIndex => this.maxIndex !== maxIndex),\n            )\n            .subscribe(maxIndex => {\n                this.maxIndex = maxIndex;\n                this.changeDetectorRef.detectChanges();\n            });\n    }\n\n    onActiveItemIndexChange(activeItemIndex: number) {\n        this.updateActiveItemIndex(activeItemIndex);\n    }\n\n    onClick(index: number) {\n        this.open = false;\n        this.focusMore();\n        this.updateActiveItemIndex(index);\n    }\n\n    onArrowRight(element: HTMLElement) {\n        if (isNativeFocused(element)) {\n            this.focusMore();\n        }\n    }\n\n    onArrowLeft() {\n        const {tabs} = this;\n        let index = tabs.length - 2;\n\n        while (index >= 0) {\n            setNativeFocused(tabs[index]);\n\n            if (isNativeFocused(tabs[index])) {\n                return;\n            }\n\n            index--;\n        }\n    }\n\n    onWrapperArrow(button: HTMLButtonElement, wrapper: HTMLElement, prev: boolean) {\n        const target = getClosestFocusable(button, prev, wrapper);\n\n        if (target) {\n            setNativeFocused(target);\n        }\n    }\n\n    private focusMore() {\n        if (this.moreButton) {\n            setNativeFocused(this.moreButton.nativeElement);\n        }\n    }\n\n    private getMaxIndex(): number {\n        const {tabs, activeItemIndex} = this;\n\n        if (tabs.length < 2) {\n            return 0;\n        }\n\n        const {clientWidth} = this.elementRef.nativeElement;\n        const activeWidth = tabs[activeItemIndex] ? tabs[activeItemIndex].scrollWidth : 0;\n        const moreWidth = tabs[tabs.length - 1].scrollWidth;\n        let maxIndex = tabs.length - 2;\n        let total =\n            tabs.reduce((acc, tab) => acc + tab.scrollWidth, 0) +\n            maxIndex * TAB_MARGIN -\n            moreWidth;\n\n        if (total <= clientWidth) {\n            return Infinity;\n        }\n\n        while (maxIndex) {\n            total -= tabs[maxIndex].scrollWidth + TAB_MARGIN;\n            maxIndex--;\n\n            const activeDisplaced = activeItemIndex > maxIndex;\n            const activeOffset = activeDisplaced ? activeWidth + TAB_MARGIN : 0;\n            const currentWidth = total + activeOffset + moreWidth + TAB_MARGIN;\n            // Needed for different rounding of visible and hidden elements scrollWidth\n            const safetyOffset = toInt(this.maxIndex === maxIndex - 1);\n\n            if (currentWidth + safetyOffset < clientWidth) {\n                return maxIndex;\n            }\n        }\n\n        return 0;\n    }\n\n    private updateActiveItemIndex(activeItemIndex: number) {\n        if (this.activeItemIndex === activeItemIndex) {\n            return;\n        }\n\n        this.activeItemIndex = activeItemIndex;\n        this.activeItemIndexChange.emit(activeItemIndex);\n        this.maxIndex = this.getMaxIndex();\n    }\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    HostBinding,\n    HostListener,\n    Inject,\n    Input,\n    NgZone,\n} from '@angular/core';\nimport {ANIMATION_FRAME} from '@ng-web-apis/common';\nimport {px, TUI_IS_ANDROID, TUI_IS_IOS, tuiDefaultProp, tuiZonefree} from '@taiga-ui/cdk';\nimport {MODE_PROVIDER, TUI_MODE, TuiBrightness} from '@taiga-ui/core';\nimport {TUI_MOBILE_AWARE} from '@taiga-ui/kit/tokens';\nimport {asCallable} from '@tinkoff/ng-event-plugins';\nimport {Observable, of, ReplaySubject} from 'rxjs';\nimport {debounceTime, map, mapTo, share, switchMap} from 'rxjs/operators';\n\n@Component({\n    selector: 'tui-underline',\n    template: '',\n    styleUrls: ['./underline.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [MODE_PROVIDER],\n    host: {\n        '($.data-mode.attr)': 'mode$',\n    },\n})\nexport class TuiUnderlineComponent {\n    private readonly element$ = new ReplaySubject<HTMLElement | null>(1);\n\n    private readonly refresh$ = this.element$.pipe(\n        switchMap(element =>\n            element\n                ? this.animationFrame$.pipe(mapTo(element), tuiZonefree(this.ngZone))\n                : of(null),\n        ),\n        share(),\n    );\n\n    @Input()\n    @tuiDefaultProp()\n    set element(element: HTMLElement | null) {\n        this.element$.next(element);\n    }\n\n    @HostBinding('class._ios')\n    readonly isIos = this.mobileAware && this.ios;\n\n    @HostBinding('class._android')\n    readonly isAndroid = this.mobileAware && this.android;\n\n    @HostListener('$.style.transitionProperty')\n    readonly transition$ = asCallable(\n        this.element$.pipe(\n            map(element => element && 'all'),\n            debounceTime(50),\n        ),\n    );\n\n    @HostListener('$.style.transform')\n    readonly transform$ = asCallable(\n        this.refresh$.pipe(\n            map(element =>\n                element ? `translate3d(${px(element.offsetLeft)}, 0, 0)` : null,\n            ),\n        ),\n    );\n\n    @HostListener('$.style.width.px')\n    readonly width$ = asCallable(\n        this.refresh$.pipe(map(element => (element ? element.clientWidth : 0))),\n    );\n\n    constructor(\n        @Inject(ElementRef) {nativeElement}: ElementRef,\n        @Inject(NgZone) private readonly ngZone: NgZone,\n        @Inject(ANIMATION_FRAME) private readonly animationFrame$: Observable<number>,\n        @Inject(TUI_MOBILE_AWARE) private readonly mobileAware: boolean,\n        @Inject(TUI_IS_IOS) private readonly ios: boolean,\n        @Inject(TUI_IS_ANDROID) private readonly android: boolean,\n        @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>,\n    ) {\n        nativeElement['$.style.transitionProperty'] = this.transition$;\n        nativeElement['$.style.transform'] = this.transform$;\n        nativeElement['$.style.width.px'] = this.width$;\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiFocusableModule} from '@taiga-ui/cdk';\nimport {TuiHostedDropdownModule, TuiSvgModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiTabDirective} from './tab.directive';\nimport {TuiTabComponent} from './tab/tab.component';\nimport {TuiTabsComponent} from './tabs/tabs.component';\nimport {TuiTabsWithMoreComponent} from './tabs-with-more/tabs-with-more.component';\nimport {TuiUnderlineComponent} from './underline/underline.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiHostedDropdownModule,\n        TuiSvgModule,\n        TuiFocusableModule,\n        PolymorpheusModule,\n    ],\n    declarations: [\n        TuiTabsWithMoreComponent,\n        TuiTabsComponent,\n        TuiTabComponent,\n        TuiUnderlineComponent,\n        TuiTabDirective,\n    ],\n    exports: [\n        TuiTabsWithMoreComponent,\n        TuiTabsComponent,\n        TuiTabComponent,\n        TuiTabDirective,\n    ],\n})\nexport class TuiTabsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-kit-components-tabs.js","sources":["ng://@taiga-ui/kit/components/tabs/tab.directive.ts","ng://@taiga-ui/kit/components/tabs/tab/tab.providers.ts","ng://@taiga-ui/kit/components/tabs/tab/tab.component.ts","ng://@taiga-ui/kit/components/tabs/tabs/tabs.component.ts","ng://@taiga-ui/kit/components/tabs/tabs-with-more/tabs-with-more.providers.ts","ng://@taiga-ui/kit/components/tabs/tabs-with-more/tabs-with-more.component.ts","ng://@taiga-ui/kit/components/tabs/underline/underline.component.ts","ng://@taiga-ui/kit/components/tabs/tabs.module.ts","ng://@taiga-ui/kit/components/tabs/taiga-ui-kit-components-tabs.ts"],"sourcesContent":["import {Directive, Inject, TemplateRef} from '@angular/core';\n\n@Directive({\n    selector: `ng-template[tuiTab]`,\n})\nexport class TuiTabDirective {\n    constructor(@Inject(TemplateRef) readonly template: TemplateRef<{}>) {}\n}\n","import {DOCUMENT} from '@angular/common';\nimport {ElementRef, InjectionToken, Optional, Provider} from '@angular/core';\nimport {RouterLinkActive} from '@angular/router';\nimport {MutationObserverService} from '@ng-web-apis/mutation-observer';\nimport {\n    tuiCustomEvent,\n    TuiDestroyService,\n    TuiFocusVisibleService,\n    typedFromEvent,\n} from '@taiga-ui/cdk';\nimport {MODE_PROVIDER, TuiRouterLinkActiveService} from '@taiga-ui/core';\nimport {EMPTY, identity, merge, Observable} from 'rxjs';\nimport {filter, map} from 'rxjs/operators';\n\nexport const TUI_TAB_ACTIVATE = 'tui-tab-activate';\nexport const TUI_TAB_EVENT = new InjectionToken<Observable<Event>>(\n    'Stream of tab activation events',\n);\nexport const TUI_TAB_PROVIDERS: Provider[] = [\n    TuiDestroyService,\n    TuiFocusVisibleService,\n    TuiRouterLinkActiveService,\n    {\n        provide: TUI_TAB_EVENT,\n        deps: [\n            ElementRef,\n            DOCUMENT,\n            TuiRouterLinkActiveService,\n            [new Optional(), MutationObserverService],\n            [new Optional(), RouterLinkActive],\n        ],\n        useFactory: tabActiveFactory,\n    },\n    MODE_PROVIDER,\n];\n\nexport function tabActiveFactory(\n    {nativeElement}: ElementRef<HTMLElement>,\n    documentRef: Document,\n    routerLinkActiveService: Observable<boolean>,\n    mutationObserverService: MutationObserverService | null,\n    routerLinkActive: RouterLinkActive | null,\n): Observable<unknown> {\n    const mutationObserver =\n        routerLinkActive && mutationObserverService\n            ? mutationObserverService.pipe(filter(() => routerLinkActive.isActive))\n            : EMPTY;\n\n    return merge(\n        mutationObserver,\n        routerLinkActiveService.pipe(filter(identity)),\n        nativeElement.matches('button') ? typedFromEvent(nativeElement, 'click') : EMPTY,\n    ).pipe(\n        map(() =>\n            nativeElement.dispatchEvent(\n                tuiCustomEvent(TUI_TAB_ACTIVATE, {bubbles: true}, documentRef),\n            ),\n        ),\n    );\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    HostBinding,\n    Inject,\n    OnDestroy,\n    Optional,\n} from '@angular/core';\nimport {RouterLinkActive} from '@angular/router';\nimport {\n    isNativeFocused,\n    setNativeFocused,\n    TUI_IS_ANDROID,\n    TUI_IS_IOS,\n    TuiFocusVisibleService,\n} from '@taiga-ui/cdk';\nimport {TUI_MODE, TuiBrightness} from '@taiga-ui/core';\nimport {TUI_MOBILE_AWARE, TUI_TAB_MARGIN} from '@taiga-ui/kit/tokens';\nimport {Observable} from 'rxjs';\n\nimport {TUI_TAB_EVENT, TUI_TAB_PROVIDERS} from './tab.providers';\n\n@Component({\n    selector: `a[tuiTab]:not([routerLink]), a[tuiTab][routerLink][routerLinkActive], button[tuiTab]`,\n    templateUrl: './tab.template.html',\n    styleUrls: ['./tab.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: TUI_TAB_PROVIDERS,\n    host: {\n        '($.data-mode.attr)': 'mode$',\n        '[style.--tui-tab-margin.px]': 'margin',\n        type: 'button',\n    },\n})\nexport class TuiTabComponent implements OnDestroy {\n    @HostBinding('class._ios')\n    readonly isIos: boolean;\n\n    @HostBinding('class._android')\n    readonly isAndroid: boolean;\n\n    @HostBinding('class._focus-visible')\n    focusVisible = false;\n\n    constructor(\n        @Optional()\n        @Inject(RouterLinkActive)\n        private readonly routerLinkActive: RouterLinkActive | null,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>,\n        @Inject(TUI_TAB_EVENT) readonly event$: Observable<Event>,\n        @Inject(TUI_TAB_MARGIN) readonly margin: number,\n        @Inject(TUI_MOBILE_AWARE) mobileAware: boolean,\n        @Inject(TUI_IS_IOS) isIos: boolean,\n        @Inject(TUI_IS_ANDROID) isAndroid: boolean,\n        @Inject(TuiFocusVisibleService) focusVisible$: TuiFocusVisibleService,\n    ) {\n        this.isIos = mobileAware && isIos;\n        this.isAndroid = mobileAware && isAndroid;\n\n        focusVisible$.subscribe(visible => {\n            this.focusVisible = visible;\n        });\n    }\n\n    @HostBinding('class._active')\n    get isActive(): boolean {\n        return !!this.routerLinkActive && this.routerLinkActive.isActive;\n    }\n\n    ngOnDestroy() {\n        if (isNativeFocused(this.elementRef.nativeElement)) {\n            setNativeFocused(this.elementRef.nativeElement, false);\n        }\n    }\n}\n","import {\n    AfterViewChecked,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChildren,\n    ElementRef,\n    EventEmitter,\n    forwardRef,\n    HostBinding,\n    HostListener,\n    Inject,\n    Input,\n    Output,\n    QueryList,\n    Renderer2,\n} from '@angular/core';\nimport {\n    MUTATION_OBSERVER_INIT,\n    MutationObserverService,\n} from '@ng-web-apis/mutation-observer';\nimport {\n    EMPTY_QUERY,\n    moveFocus,\n    TUI_IS_ANDROID,\n    TUI_IS_IOS,\n    tuiDefaultProp,\n    TuiDestroyService,\n    TuiResizeService,\n} from '@taiga-ui/cdk';\nimport {TUI_MOBILE_AWARE} from '@taiga-ui/kit/tokens';\nimport {Observable} from 'rxjs';\nimport {filter} from 'rxjs/operators';\n\nimport {TuiTabComponent} from '../tab/tab.component';\nimport {TUI_TAB_ACTIVATE} from '../tab/tab.providers';\n\nconst TAB_ACTIVE_CLASS = '_active';\n\n// TODO: remove in ivy compilation\nexport const OBSERVER_INIT = {\n    childList: true,\n};\n\n// @dynamic\n@Component({\n    selector: 'tui-tabs, nav[tuiTabs]',\n    templateUrl: './tabs.template.html',\n    styleUrls: ['./tabs.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        TuiDestroyService,\n        TuiResizeService,\n        MutationObserverService,\n        {\n            provide: MUTATION_OBSERVER_INIT,\n            useValue: OBSERVER_INIT,\n        },\n    ],\n})\nexport class TuiTabsComponent implements AfterViewChecked {\n    @ContentChildren(forwardRef(() => TuiTabComponent))\n    readonly children: QueryList<unknown> = EMPTY_QUERY;\n\n    @Input()\n    @HostBinding('class._underline')\n    @tuiDefaultProp()\n    underline = true;\n\n    @Input('activeItemIndex')\n    set activeItemIndexSetter(index: number) {\n        this.activeItemIndex = index;\n        this.scrollTo(this.tabs[index]);\n    }\n\n    @Output()\n    readonly activeItemIndexChange = new EventEmitter<number>();\n\n    @HostBinding('class._ios')\n    readonly isIos: boolean;\n\n    @HostBinding('class._android')\n    readonly isAndroid: boolean;\n\n    activeItemIndex = 0;\n\n    constructor(\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(Renderer2) private readonly renderer: Renderer2,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TuiResizeService) resize$: Observable<void>,\n        @Inject(TUI_IS_IOS) isIos: boolean,\n        @Inject(TUI_IS_ANDROID) isAndroid: boolean,\n        @Inject(TUI_MOBILE_AWARE) mobileAware: boolean,\n    ) {\n        this.isIos = mobileAware && isIos;\n        this.isAndroid = mobileAware && isAndroid;\n\n        resize$.pipe(filter(() => this.underline)).subscribe(() => {\n            changeDetectorRef.detectChanges();\n        });\n    }\n\n    get tabs(): readonly HTMLElement[] {\n        return Array.from(\n            this.elementRef.nativeElement.querySelectorAll<HTMLElement>('[tuiTab]'),\n        );\n    }\n\n    get activeElement(): HTMLElement | null {\n        return this.tabs[this.activeItemIndex] || null;\n    }\n\n    @HostListener(`${TUI_TAB_ACTIVATE}.stop`, ['$event.target'])\n    onActivate(element: HTMLElement) {\n        const index = this.tabs.findIndex(tab => tab === element);\n\n        if (index === this.activeItemIndex) {\n            return;\n        }\n\n        this.activeItemIndexSetter = index;\n        this.activeItemIndexChange.emit(index);\n    }\n\n    @HostListener('keydown.arrowRight.prevent', ['$event.target', '1'])\n    @HostListener('keydown.arrowLeft.prevent', ['$event.target', '-1'])\n    onKeyDownArrow(current: HTMLElement, step: number) {\n        const {tabs} = this;\n\n        moveFocus(tabs.indexOf(current), tabs, step);\n    }\n\n    ngAfterViewChecked() {\n        const {tabs, activeElement} = this;\n\n        tabs.forEach(nativeElement => {\n            this.renderer.removeClass(nativeElement, TAB_ACTIVE_CLASS);\n            this.renderer.setAttribute(nativeElement, 'tabIndex', '-1');\n        });\n\n        if (activeElement) {\n            this.renderer.addClass(activeElement, TAB_ACTIVE_CLASS);\n            this.renderer.setAttribute(activeElement, 'tabIndex', '0');\n        }\n    }\n\n    private scrollTo(element?: HTMLElement) {\n        if (!element) {\n            return;\n        }\n\n        const {offsetLeft, offsetWidth} = element;\n        const {nativeElement} = this.elementRef;\n\n        if (offsetLeft < nativeElement.scrollLeft) {\n            nativeElement.scrollLeft = offsetLeft;\n        }\n\n        if (\n            offsetLeft + offsetWidth >\n            nativeElement.scrollLeft + nativeElement.offsetWidth\n        ) {\n            nativeElement.scrollLeft =\n                offsetLeft + offsetWidth - nativeElement.offsetWidth;\n        }\n    }\n}\n","import {DOCUMENT} from '@angular/common';\nimport {ChangeDetectorRef, ElementRef, InjectionToken, Provider} from '@angular/core';\nimport {\n    MUTATION_OBSERVER_INIT,\n    MutationObserverService,\n} from '@ng-web-apis/mutation-observer';\nimport {TuiDestroyService, TuiResizeService} from '@taiga-ui/cdk';\nimport {merge, Observable} from 'rxjs';\nimport {debounceTime, filter, startWith, takeUntil, tap} from 'rxjs/operators';\n\nexport function tabsRefreshFactory(\n    resize$: Observable<unknown>,\n    mutations$: Observable<unknown>,\n    destroy$: Observable<unknown>,\n    {body}: Document,\n    {nativeElement}: ElementRef<Node>,\n    changeDetectorRef: ChangeDetectorRef,\n): Observable<unknown> {\n    return merge(\n        resize$,\n        mutations$.pipe(tap(() => changeDetectorRef.detectChanges())),\n    ).pipe(\n        // Ignoring cases when host is detached from DOM\n        filter(() => body.contains(nativeElement)),\n        debounceTime(0),\n        startWith(null),\n        takeUntil(destroy$),\n    );\n}\n\n// TODO: remove in ivy compilation\nexport const MUTATION_CONFIG = {\n    childList: true,\n    subtree: true,\n};\nexport const TABS_REFRESH = new InjectionToken<Observable<unknown>>('Refresh stream');\nexport const TABS_PROVIDERS: Provider[] = [\n    TuiResizeService,\n    TuiDestroyService,\n    MutationObserverService,\n    {\n        provide: MUTATION_OBSERVER_INIT,\n        useValue: MUTATION_CONFIG,\n    },\n    {\n        provide: TABS_REFRESH,\n        deps: [\n            TuiResizeService,\n            MutationObserverService,\n            TuiDestroyService,\n            DOCUMENT,\n            ElementRef,\n            ChangeDetectorRef,\n        ],\n        useFactory: tabsRefreshFactory,\n    },\n];\n","import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChildren,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    Inject,\n    Input,\n    Output,\n    QueryList,\n    TemplateRef,\n    ViewChild,\n} from '@angular/core';\nimport {\n    EMPTY_QUERY,\n    getClosestFocusable,\n    isNativeFocused,\n    setNativeFocused,\n    toInt,\n    TuiActiveZoneDirective,\n    TuiContextWithImplicit,\n    tuiDefaultProp,\n} from '@taiga-ui/cdk';\nimport {TUI_MORE_WORD, TUI_TAB_MARGIN} from '@taiga-ui/kit/tokens';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\nimport {filter, map} from 'rxjs/operators';\n\nimport {TuiTabDirective} from '../tab.directive';\nimport {TuiTabComponent} from '../tab/tab.component';\nimport {TABS_PROVIDERS, TABS_REFRESH} from './tabs-with-more.providers';\n\n// @dynamic\n@Component({\n    selector: 'tui-tabs-with-more, nav[tuiTabsWithMore]',\n    templateUrl: './tabs-with-more.template.html',\n    styleUrls: ['./tabs-with-more.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: TABS_PROVIDERS,\n})\nexport class TuiTabsWithMoreComponent implements AfterViewInit {\n    @ViewChild(TuiTabComponent, {read: ElementRef})\n    private readonly moreButton?: ElementRef<HTMLButtonElement>;\n\n    private maxIndex = Infinity;\n\n    @Input()\n    @tuiDefaultProp()\n    moreContent: PolymorpheusContent = '';\n\n    @Input()\n    @tuiDefaultProp()\n    dropdownContent: PolymorpheusContent<TuiContextWithImplicit<TuiActiveZoneDirective>> =\n        '';\n\n    @Input()\n    @HostBinding('class._underline')\n    @tuiDefaultProp()\n    underline = true;\n\n    @Input()\n    @tuiDefaultProp()\n    activeItemIndex = 0;\n\n    @Input()\n    @tuiDefaultProp()\n    itemsLimit = Infinity;\n\n    @Output()\n    readonly activeItemIndexChange = new EventEmitter<number>();\n\n    @ContentChildren(TuiTabDirective, {read: TemplateRef})\n    readonly items: QueryList<TemplateRef<{}>> = EMPTY_QUERY;\n\n    open = false;\n\n    constructor(\n        @Inject(TUI_TAB_MARGIN) private readonly margin: number,\n        @Inject(TABS_REFRESH) private readonly refresh$: Observable<unknown>,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(ChangeDetectorRef) private readonly changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_MORE_WORD) readonly moreWord$: Observable<string>,\n    ) {}\n\n    // TODO: Improve performance\n    get tabs(): readonly HTMLElement[] {\n        return Array.from<HTMLElement>(\n            this.elementRef.nativeElement.querySelectorAll('[tuiTab]'),\n        );\n    }\n\n    get activeElement(): HTMLElement | null {\n        return this.tabs[this.activeItemIndex] || null;\n    }\n\n    get isMoreVisible(): boolean {\n        return this.lastVisibleIndex < this.items.length - 1;\n    }\n\n    get isMoreFocusable(): boolean {\n        return !!this.moreButton && isNativeFocused(this.moreButton.nativeElement);\n    }\n\n    get lastVisibleIndex(): number {\n        if (this.itemsLimit + 1 >= this.items.length) {\n            return this.maxIndex;\n        }\n\n        const offset = this.itemsLimit - 1 > this.activeItemIndex ? 1 : 2;\n\n        return Math.min(this.itemsLimit - offset, this.maxIndex);\n    }\n\n    ngAfterViewInit() {\n        this.refresh$\n            .pipe(\n                map(() => this.getMaxIndex()),\n                filter(maxIndex => this.maxIndex !== maxIndex),\n            )\n            .subscribe(maxIndex => {\n                this.maxIndex = maxIndex;\n                this.changeDetectorRef.detectChanges();\n            });\n    }\n\n    onActiveItemIndexChange(activeItemIndex: number) {\n        this.updateActiveItemIndex(activeItemIndex);\n    }\n\n    onClick(index: number) {\n        this.open = false;\n        this.focusMore();\n        this.updateActiveItemIndex(index);\n    }\n\n    onArrowRight(element: HTMLElement) {\n        if (isNativeFocused(element)) {\n            this.focusMore();\n        }\n    }\n\n    onArrowLeft() {\n        const {tabs} = this;\n        let index = tabs.length - 2;\n\n        while (index >= 0) {\n            setNativeFocused(tabs[index]);\n\n            if (isNativeFocused(tabs[index])) {\n                return;\n            }\n\n            index--;\n        }\n    }\n\n    onWrapperArrow(button: HTMLButtonElement, wrapper: HTMLElement, prev: boolean) {\n        const target = getClosestFocusable(button, prev, wrapper);\n\n        if (target) {\n            setNativeFocused(target);\n        }\n    }\n\n    private focusMore() {\n        if (this.moreButton) {\n            setNativeFocused(this.moreButton.nativeElement);\n        }\n    }\n\n    private getMaxIndex(): number {\n        const {tabs, activeItemIndex, margin} = this;\n\n        if (tabs.length < 2) {\n            return 0;\n        }\n\n        const {clientWidth} = this.elementRef.nativeElement;\n        const activeWidth = tabs[activeItemIndex] ? tabs[activeItemIndex].scrollWidth : 0;\n        const moreWidth = tabs[tabs.length - 1].scrollWidth;\n        let maxIndex = tabs.length - 2;\n        let total =\n            tabs.reduce((acc, {scrollWidth}) => acc + scrollWidth, 0) +\n            maxIndex * margin -\n            moreWidth;\n\n        if (total <= clientWidth) {\n            return Infinity;\n        }\n\n        while (maxIndex) {\n            total -= tabs[maxIndex].scrollWidth + margin;\n            maxIndex--;\n\n            const activeDisplaced = activeItemIndex > maxIndex;\n            const activeOffset = activeDisplaced ? activeWidth + margin : 0;\n            const currentWidth = total + activeOffset + moreWidth + margin;\n            // Needed for different rounding of visible and hidden elements scrollWidth\n            const safetyOffset = toInt(this.maxIndex === maxIndex - 1);\n\n            if (currentWidth + safetyOffset < clientWidth) {\n                return maxIndex;\n            }\n        }\n\n        return 0;\n    }\n\n    private updateActiveItemIndex(activeItemIndex: number) {\n        if (this.activeItemIndex === activeItemIndex) {\n            return;\n        }\n\n        this.activeItemIndex = activeItemIndex;\n        this.activeItemIndexChange.emit(activeItemIndex);\n        this.maxIndex = this.getMaxIndex();\n    }\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    HostBinding,\n    HostListener,\n    Inject,\n    Input,\n    NgZone,\n} from '@angular/core';\nimport {ANIMATION_FRAME} from '@ng-web-apis/common';\nimport {px, TUI_IS_ANDROID, TUI_IS_IOS, tuiDefaultProp, tuiZonefree} from '@taiga-ui/cdk';\nimport {MODE_PROVIDER, TUI_MODE, TuiBrightness} from '@taiga-ui/core';\nimport {TUI_MOBILE_AWARE} from '@taiga-ui/kit/tokens';\nimport {asCallable} from '@tinkoff/ng-event-plugins';\nimport {Observable, of, ReplaySubject} from 'rxjs';\nimport {debounceTime, map, mapTo, share, switchMap} from 'rxjs/operators';\n\n@Component({\n    selector: 'tui-underline',\n    template: '',\n    styleUrls: ['./underline.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [MODE_PROVIDER],\n    host: {\n        '($.data-mode.attr)': 'mode$',\n    },\n})\nexport class TuiUnderlineComponent {\n    private readonly element$ = new ReplaySubject<HTMLElement | null>(1);\n\n    private readonly refresh$ = this.element$.pipe(\n        switchMap(element =>\n            element\n                ? this.animationFrame$.pipe(mapTo(element), tuiZonefree(this.ngZone))\n                : of(null),\n        ),\n        share(),\n    );\n\n    @Input()\n    @tuiDefaultProp()\n    set element(element: HTMLElement | null) {\n        this.element$.next(element);\n    }\n\n    @HostBinding('class._ios')\n    readonly isIos = this.mobileAware && this.ios;\n\n    @HostBinding('class._android')\n    readonly isAndroid = this.mobileAware && this.android;\n\n    @HostListener('$.style.transitionProperty')\n    readonly transition$ = asCallable(\n        this.element$.pipe(\n            map(element => element && 'all'),\n            debounceTime(50),\n        ),\n    );\n\n    @HostListener('$.style.transform')\n    readonly transform$ = asCallable(\n        this.refresh$.pipe(\n            map(element =>\n                element ? `translate3d(${px(element.offsetLeft)}, 0, 0)` : null,\n            ),\n        ),\n    );\n\n    @HostListener('$.style.width.px')\n    readonly width$ = asCallable(\n        this.refresh$.pipe(map(element => element?.clientWidth || 0)),\n    );\n\n    constructor(\n        @Inject(ElementRef) {nativeElement}: ElementRef,\n        @Inject(NgZone) private readonly ngZone: NgZone,\n        @Inject(ANIMATION_FRAME) private readonly animationFrame$: Observable<number>,\n        @Inject(TUI_MOBILE_AWARE) private readonly mobileAware: boolean,\n        @Inject(TUI_IS_IOS) private readonly ios: boolean,\n        @Inject(TUI_IS_ANDROID) private readonly android: boolean,\n        @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>,\n    ) {\n        nativeElement['$.style.transitionProperty'] = this.transition$;\n        nativeElement['$.style.transform'] = this.transform$;\n        nativeElement['$.style.width.px'] = this.width$;\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiFocusableModule} from '@taiga-ui/cdk';\nimport {TuiHostedDropdownModule, TuiSvgModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiTabDirective} from './tab.directive';\nimport {TuiTabComponent} from './tab/tab.component';\nimport {TuiTabsComponent} from './tabs/tabs.component';\nimport {TuiTabsWithMoreComponent} from './tabs-with-more/tabs-with-more.component';\nimport {TuiUnderlineComponent} from './underline/underline.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiHostedDropdownModule,\n        TuiSvgModule,\n        TuiFocusableModule,\n        PolymorpheusModule,\n    ],\n    declarations: [\n        TuiTabsWithMoreComponent,\n        TuiTabsComponent,\n        TuiTabComponent,\n        TuiUnderlineComponent,\n        TuiTabDirective,\n    ],\n    exports: [\n        TuiTabsWithMoreComponent,\n        TuiTabsComponent,\n        TuiTabComponent,\n        TuiTabDirective,\n    ],\n})\nexport class TuiTabsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm5/taiga-ui-kit-components-tag.js

@@ -1,5 +1,5 @@
-import { __decorate, __param } from 'tslib';
-import { EventEmitter, ElementRef, Inject, Input, HostBinding, Output, ViewChild, HostListener, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { __assign, __decorate, __param } from 'tslib';
+import { InjectionToken, EventEmitter, ElementRef, Inject, Input, HostBinding, Output, ViewChild, HostListener, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
 import { setNativeFocused, tuiDefaultProp, TuiPreventDefaultModule } from '@taiga-ui/cdk';
 import { sizeBigger, TUI_MODE, MODE_PROVIDER, TuiSvgModule, TuiLoaderModule } from '@taiga-ui/core';
 import { stringHashToHsl } from '@taiga-ui/kit/utils/format';
@@ -8,11 +8,26 @@ import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
 
+/** Default values for the tag options. */
+var TUI_TAG_DEFAULT_OPTIONS = {
+    size: 'm',
+    status: 'default',
+    autoColor: false,
+};
+var TUI_TAG_OPTIONS = new InjectionToken('Default parameters for tag component', {
+    factory: function () { return TUI_TAG_DEFAULT_OPTIONS; },
+});
+var tuiTagOptionsProvider = function (options) { return ({
+    provide: TUI_TAG_OPTIONS,
+    useValue: __assign(__assign({}, TUI_TAG_DEFAULT_OPTIONS), options),
+}); };
+
 var ALLOWED_SPACE_REGEXP = new RegExp(",|[\\s]");
 var TuiTagComponent = /** @class */ (function () {
-    function TuiTagComponent(elementRef, mode$) {
+    function TuiTagComponent(elementRef, mode$, options) {
         this.elementRef = elementRef;
         this.mode$ = mode$;
+        this.options = options;
         // TODO: Possibly implement standard focus mechanisms and outline
         this.value = '';
         this.editable = false;
@@ -20,13 +35,13 @@ var TuiTagComponent = /** @class */ (function () {
         this.allowSpaces = true;
         this.separator = ',';
         this.maxLength = null;
-        this.size = 'm';
+        this.size = this.options.size;
         this.showLoader = false;
-        this.status = 'default';
+        this.status = this.options.status;
         this.hoverable = false;
         this.removable = false;
         this.disabled = false;
-        this.autoColor = false;
+        this.autoColor = this.options.autoColor;
         // TODO: Remove null in 3.0
         this.leftContent = null;
         this.edited = new EventEmitter();
@@ -142,7 +157,8 @@ var TuiTagComponent = /** @class */ (function () {
     };
     TuiTagComponent.ctorParameters = function () { return [
         { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
-        { type: Observable, decorators: [{ type: Inject, args: [TUI_MODE,] }] }
+        { type: Observable, decorators: [{ type: Inject, args: [TUI_MODE,] }] },
+        { type: undefined, decorators: [{ type: Inject, args: [TUI_TAG_OPTIONS,] }] }
     ]; };
     __decorate([
         Input(),
@@ -223,16 +239,17 @@ var TuiTagComponent = /** @class */ (function () {
     TuiTagComponent = __decorate([
         Component({
             selector: 'tui-tag, a[tuiTag]',
-            template: "<div\n    class=\"tag\"\n    [style.backgroundColor]=\"backgroundColor\"\n    (dblclick)=\"edit($event)\"\n>\n    <div\n        *ngIf=\"leftContent\"\n        polymorpheus-outlet\n        class=\"left-content\"\n        [content]=\"leftContent\"\n    ></div>\n    <span automation-id=\"tui-tag__text\" class=\"text\">{{ displayText }}</span>\n    <tui-loader\n        *ngIf=\"showLoader\"\n        class=\"icon icon_loader\"\n        [inheritColor]=\"true\"\n        [size]=\"loaderSize\"\n    ></tui-loader>\n    <tui-svg\n        *ngIf=\"canRemove\"\n        tuiPreventDefault=\"mousedown\"\n        automation-id=\"tui-tag__remove\"\n        src=\"tuiIconCloseLarge\"\n        class=\"icon\"\n        (click)=\"remove($event)\"\n    ></tui-svg>\n</div>\n<input\n    *ngIf=\"editing\"\n    #input\n    automation-id=\"tui-tag__edit\"\n    type=\"text\"\n    class=\"edit\"\n    [attr.maxLength]=\"maxLength\"\n    [ngModel]=\"editedText\"\n    (ngModelChange)=\"onInput($event)\"\n    (blur)=\"onBlur()\"\n    (keydown)=\"onKeyDown($event)\"\n/>\n",
+            template: "<div\n    class=\"tag\"\n    [style.backgroundColor]=\"backgroundColor\"\n    (dblclick)=\"edit($event)\"\n>\n    <div\n        *ngIf=\"leftContent\"\n        polymorpheus-outlet\n        class=\"left-content\"\n        [content]=\"leftContent\"\n    ></div>\n    <span\n        automation-id=\"tui-tag__text\"\n        class=\"text\"\n    >\n        {{ displayText }}\n    </span>\n    <tui-loader\n        *ngIf=\"showLoader\"\n        class=\"icon icon_loader\"\n        [inheritColor]=\"true\"\n        [size]=\"loaderSize\"\n    ></tui-loader>\n    <tui-svg\n        *ngIf=\"canRemove\"\n        tuiPreventDefault=\"mousedown\"\n        automation-id=\"tui-tag__remove\"\n        src=\"tuiIconCloseLarge\"\n        class=\"icon\"\n        (click)=\"remove($event)\"\n    ></tui-svg>\n</div>\n<input\n    *ngIf=\"editing\"\n    #input\n    automation-id=\"tui-tag__edit\"\n    type=\"text\"\n    class=\"edit\"\n    [attr.maxLength]=\"maxLength\"\n    [ngModel]=\"editedText\"\n    (ngModelChange)=\"onInput($event)\"\n    (blur)=\"onBlur()\"\n    (keydown)=\"onKeyDown($event)\"\n/>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             providers: [MODE_PROVIDER],
             host: {
                 '($.data-mode.attr)': 'mode$',
             },
-            styles: [":host{transition-property:background;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:relative;display:inline-block;font:var(--tui-font-text-s);border-radius:var(--tui-radius-s);max-width:100%;cursor:default;outline:0;text-decoration:none}:host:after{transition-property:background;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;content:'';box-sizing:border-box;border-radius:inherit;pointer-events:none}:host._hoverable:active[data-tui-host-status=custom]:after,:host._hoverable:hover[data-tui-host-status=custom]:after{background-color:var(--tui-clear)}:host:focus:after{border:2px solid var(--tui-focus)}:host[data-tui-host-status=primary]{background-color:var(--tui-primary);color:var(--tui-primary-text)}:host[data-tui-host-status=primary]._hoverable:hover{background-color:var(--tui-primary-hover)}:host[data-tui-host-status=primary]._hoverable:active{background-color:var(--tui-primary-active)}:host[data-tui-host-status=error]{background-color:var(--tui-error-bg);color:var(--tui-text-01)}:host[data-tui-host-status=error]._hoverable:active,:host[data-tui-host-status=error]._hoverable:hover{background-color:var(--tui-error-bg-hover)}:host[data-tui-host-status=error][data-mode=onDark]{background-color:var(--tui-error-bg-night);color:var(--tui-text-01-night)}:host[data-tui-host-status=error][data-mode=onDark]._hoverable:active,:host[data-tui-host-status=error][data-mode=onDark]._hoverable:hover{background-color:var(--tui-error-bg-night-hover)}:host[data-tui-host-status=success]{background-color:var(--tui-success-bg);color:var(--tui-text-01)}:host[data-tui-host-status=success]._hoverable:active,:host[data-tui-host-status=success]._hoverable:hover{background-color:var(--tui-success-bg-hover)}:host[data-tui-host-status=success][data-mode=onDark]{background-color:var(--tui-success-bg-night);color:var(--tui-text-01-night)}:host[data-tui-host-status=success][data-mode=onDark]._hoverable:active,:host[data-tui-host-status=success][data-mode=onDark]._hoverable:hover{background-color:var(--tui-success-bg-night-hover)}:host[data-tui-host-status=warning]{background-color:var(--tui-warning-bg);color:var(--tui-text-01)}:host[data-tui-host-status=warning]._hoverable:active,:host[data-tui-host-status=warning]._hoverable:hover{background-color:var(--tui-warning-bg-hover)}:host[data-tui-host-status=warning][data-mode=onDark]{background-color:var(--tui-warning-bg-night);color:var(--tui-text-01-night)}:host[data-tui-host-status=warning][data-mode=onDark]._hoverable:active,:host[data-tui-host-status=warning][data-mode=onDark]._hoverable:hover{background-color:var(--tui-warning-bg-night-hover)}:host[data-tui-host-status=default]{color:var(--tui-text-01-night);background-color:var(--tui-base-06)}:host[data-tui-host-status=default]:not([data-mode])._hoverable:hover{background-color:var(--tui-base-07)}:host[data-tui-host-status=default]:not([data-mode])._hoverable:active{background-color:var(--tui-base-08)}:host[data-tui-host-status=default][data-mode=onDark]{color:var(--tui-text-01-night);background-color:var(--tui-clear-inverse)}:host[data-tui-host-status=default][data-mode=onDark]._hoverable:hover{background-color:var(--tui-clear-inverse-hover)}:host[data-tui-host-status=default][data-mode=onDark]._hoverable:active{background-color:var(--tui-clear-inverse-active)}:host[data-tui-host-status=default][data-mode=onDark]:focus:after{border:2px solid var(--tui-base-01)}:host[data-tui-host-status=default][data-mode=onLight]{background-color:var(--tui-clear);color:var(--tui-text-01)}:host[data-tui-host-status=default][data-mode=onLight]._hoverable:hover{background-color:var(--tui-clear-hover)}:host[data-tui-host-status=default][data-mode=onLight]._hoverable:active{background-color:var(--tui-clear-active)}:host._editing{background:0 0!important}:host._disabled{pointer-events:none;opacity:var(--tui-disabled-opacity)}:host._hoverable{cursor:pointer}:host._autocolor{color:var(--tui-text-01)}.text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:.02em}.tag{position:relative;display:flex;align-items:center;border-radius:inherit;white-space:pre}:host[data-size='s'] .tag{font:var(--tui-font-text-xs);height:1.25rem;padding:0 .5rem}:host[data-size='m'] .tag{height:var(--tui-height-xs);padding:0 .5rem}:host[data-size='l'] .tag{height:var(--tui-height-s);padding:0 .75rem}:host._has-icon[data-size='s'] .tag{padding:0 .125rem 0 .75rem;-webkit-padding-start:.75rem;padding-inline-start:.75rem;-webkit-padding-end:.125rem;padding-inline-end:.125rem}:host._has-icon[data-size='m'] .tag{padding:0 0 0 .75rem;-webkit-padding-start:.75rem;padding-inline-start:.75rem;-webkit-padding-end:0;padding-inline-end:0}:host._has-icon[data-size='l'] .tag{padding:0 .25rem 0 .75rem;-webkit-padding-start:.75rem;padding-inline-start:.75rem;-webkit-padding-end:.25rem;padding-inline-end:.25rem}:host._editing .tag{visibility:hidden}:host._disabled._has-icon[data-size='m'] .tag,:host._disabled._has-icon[data-size='s'] .tag{padding:0 .5rem 0 .75rem;-webkit-padding-start:.75rem;padding-inline-start:.75rem;-webkit-padding-end:.5rem;padding-inline-end:.5rem}:host._disabled._has-icon[data-size='l'] .tag{padding:0 .75rem}.edit{padding:0 0 0 .5rem;border:0;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;font:var(--tui-font-text-s);color:var(--tui-text-01);width:100%;box-sizing:border-box;-webkit-padding-start:.5rem;padding-inline-start:.5rem;-webkit-padding-end:0;padding-inline-end:0}.edit:-webkit-autofill,.edit:-webkit-autofill:focus,.edit:-webkit-autofill:hover{border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 1000px var(--tui-autofill) inset!important}:host[data-size='s'] .edit{height:1.25rem;line-height:1.25rem}:host[data-size='m'] .edit{height:var(--tui-height-xs);line-height:var(--tui-height-xs)}:host[data-size='l'] .edit{height:var(--tui-height-s);line-height:var(--tui-height-s);padding:0 0 0 .75rem;-webkit-padding-start:.75rem;padding-inline-start:.75rem;-webkit-padding-end:0;padding-inline-end:0}.icon{margin:0 0 0 .25rem;-webkit-margin-start:.25rem;margin-inline-start:.25rem;-webkit-margin-end:0;margin-inline-end:0;height:100%}.icon:not(.icon_loader){cursor:pointer;pointer-events:all;opacity:var(--tui-disabled-opacity)}.icon:hover{opacity:1}.icon_loader{width:1rem;height:1rem;margin:0 .25rem}:host[data-size='s'] .icon_loader{margin:0 .375rem 0 .75rem;-webkit-margin-start:.75rem;margin-inline-start:.75rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem;width:.5rem;height:.5rem}:host[data-size='l'] .icon_loader{margin:0 .25rem 0 .5rem;-webkit-margin-start:.5rem;margin-inline-start:.5rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}.left-content{margin:0 .25rem 0 0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:.25rem;margin-inline-end:.25rem;width:1rem;height:1rem}"]
+            styles: [":host{transition-property:background;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:relative;display:inline-block;font:var(--tui-font-text-s);border-radius:var(--tui-radius-s);max-width:100%;cursor:default;outline:0;text-decoration:none}:host:after{transition-property:background;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;content:'';box-sizing:border-box;border-radius:inherit;pointer-events:none}:host._hoverable:active[data-tui-host-status=custom]:after,:host._hoverable:hover[data-tui-host-status=custom]:after{background-color:var(--tui-clear)}:host:focus:after{border:2px solid var(--tui-focus)}:host[data-tui-host-status=primary]{background-color:var(--tui-primary);color:var(--tui-primary-text)}:host[data-tui-host-status=primary]._hoverable:hover{background-color:var(--tui-primary-hover)}:host[data-tui-host-status=primary]._hoverable:active{background-color:var(--tui-primary-active)}:host[data-tui-host-status=error]{background-color:var(--tui-error-bg);color:var(--tui-text-01)}:host[data-tui-host-status=error]._hoverable:active,:host[data-tui-host-status=error]._hoverable:hover{background-color:var(--tui-error-bg-hover)}:host[data-tui-host-status=error][data-mode=onDark]{background-color:var(--tui-error-bg-night);color:var(--tui-text-01-night)}:host[data-tui-host-status=error][data-mode=onDark]._hoverable:active,:host[data-tui-host-status=error][data-mode=onDark]._hoverable:hover{background-color:var(--tui-error-bg-night-hover)}:host[data-tui-host-status=success]{background-color:var(--tui-success-bg);color:var(--tui-text-01)}:host[data-tui-host-status=success]._hoverable:active,:host[data-tui-host-status=success]._hoverable:hover{background-color:var(--tui-success-bg-hover)}:host[data-tui-host-status=success][data-mode=onDark]{background-color:var(--tui-success-bg-night);color:var(--tui-text-01-night)}:host[data-tui-host-status=success][data-mode=onDark]._hoverable:active,:host[data-tui-host-status=success][data-mode=onDark]._hoverable:hover{background-color:var(--tui-success-bg-night-hover)}:host[data-tui-host-status=warning]{background-color:var(--tui-warning-bg);color:var(--tui-text-01)}:host[data-tui-host-status=warning]._hoverable:active,:host[data-tui-host-status=warning]._hoverable:hover{background-color:var(--tui-warning-bg-hover)}:host[data-tui-host-status=warning][data-mode=onDark]{background-color:var(--tui-warning-bg-night);color:var(--tui-text-01-night)}:host[data-tui-host-status=warning][data-mode=onDark]._hoverable:active,:host[data-tui-host-status=warning][data-mode=onDark]._hoverable:hover{background-color:var(--tui-warning-bg-night-hover)}:host[data-tui-host-status=default]{color:var(--tui-text-01-night);background-color:var(--tui-base-06)}:host[data-tui-host-status=default]:not([data-mode])._hoverable:hover{background-color:var(--tui-base-07)}:host[data-tui-host-status=default]:not([data-mode])._hoverable:active{background-color:var(--tui-base-08)}:host[data-tui-host-status=default][data-mode=onDark]{color:var(--tui-text-01-night);background-color:var(--tui-clear-inverse)}:host[data-tui-host-status=default][data-mode=onDark]._hoverable:hover{background-color:var(--tui-clear-inverse-hover)}:host[data-tui-host-status=default][data-mode=onDark]._hoverable:active{background-color:var(--tui-clear-inverse-active)}:host[data-tui-host-status=default][data-mode=onDark]:focus:after{border:2px solid var(--tui-base-01)}:host[data-tui-host-status=default][data-mode=onLight]{background-color:var(--tui-clear);color:var(--tui-text-01)}:host[data-tui-host-status=default][data-mode=onLight]._hoverable:hover{background-color:var(--tui-clear-hover)}:host[data-tui-host-status=default][data-mode=onLight]._hoverable:active{background-color:var(--tui-clear-active)}:host._editing{background:0 0!important}:host._disabled{pointer-events:none;opacity:var(--tui-disabled-opacity)}:host._hoverable{cursor:pointer}:host._autocolor{color:var(--tui-text-01)}.text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:.02em}.tag{position:relative;display:flex;align-items:center;border-radius:inherit;white-space:pre}:host[data-size='s'] .tag{font:var(--tui-font-text-xs);height:1.25rem;padding:0 .5rem}:host[data-size='m'] .tag{height:var(--tui-height-xs);padding:0 .5rem}:host[data-size='l'] .tag{height:var(--tui-height-s);padding:0 .75rem}:host._has-icon[data-size='s'] .tag{padding:0 .125rem 0 .75rem;-webkit-padding-start:.75rem;padding-inline-start:.75rem;-webkit-padding-end:.125rem;padding-inline-end:.125rem}:host._has-icon[data-size='m'] .tag{padding:0 0 0 .75rem;-webkit-padding-start:.75rem;padding-inline-start:.75rem;-webkit-padding-end:0;padding-inline-end:0}:host._has-icon[data-size='l'] .tag{padding:0 .25rem 0 .75rem;-webkit-padding-start:.75rem;padding-inline-start:.75rem;-webkit-padding-end:.25rem;padding-inline-end:.25rem}:host._editing .tag{visibility:hidden}:host._disabled._has-icon[data-size='m'] .tag,:host._disabled._has-icon[data-size='s'] .tag{padding:0 .5rem 0 .75rem;-webkit-padding-start:.75rem;padding-inline-start:.75rem;-webkit-padding-end:.5rem;padding-inline-end:.5rem}:host._disabled._has-icon[data-size='l'] .tag{padding:0 .75rem}.edit{padding:0 0 0 .5rem;margin:0;border:0;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;font:var(--tui-font-text-s);color:var(--tui-text-01);width:100%;box-sizing:border-box;-webkit-padding-start:.5rem;padding-inline-start:.5rem;-webkit-padding-end:0;padding-inline-end:0}.edit:-webkit-autofill,.edit:-webkit-autofill:focus,.edit:-webkit-autofill:hover{border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 1000px var(--tui-autofill) inset!important}:host[data-size='s'] .edit{height:1.25rem;line-height:1.25rem}:host[data-size='m'] .edit{height:var(--tui-height-xs);line-height:var(--tui-height-xs)}:host[data-size='l'] .edit{height:var(--tui-height-s);line-height:var(--tui-height-s);padding:0 0 0 .75rem;-webkit-padding-start:.75rem;padding-inline-start:.75rem;-webkit-padding-end:0;padding-inline-end:0}.icon{margin:0 0 0 .25rem;-webkit-margin-start:.25rem;margin-inline-start:.25rem;-webkit-margin-end:0;margin-inline-end:0;height:100%}.icon:not(.icon_loader){cursor:pointer;pointer-events:all;opacity:var(--tui-disabled-opacity)}.icon:hover{opacity:1}.icon_loader{width:1rem;height:1rem;margin:0 .25rem}:host[data-size='s'] .icon_loader{margin:0 .375rem 0 .75rem;-webkit-margin-start:.75rem;margin-inline-start:.75rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem;width:.5rem;height:.5rem}:host[data-size='l'] .icon_loader{margin:0 .25rem 0 .5rem;-webkit-margin-start:.5rem;margin-inline-start:.5rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}.left-content{margin:0 .25rem 0 0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:.25rem;margin-inline-end:.25rem;width:1rem;height:1rem}"]
         }),
         __param(0, Inject(ElementRef)),
-        __param(1, Inject(TUI_MODE))
+        __param(1, Inject(TUI_MODE)),
+        __param(2, Inject(TUI_TAG_OPTIONS))
     ], TuiTagComponent);
     return TuiTagComponent;
 }());
@@ -261,5 +278,5 @@ var TuiTagModule = /** @class */ (function () {
  * Generated bundle index. Do not edit.
  */
 
-export { ALLOWED_SPACE_REGEXP, TuiTagComponent, TuiTagModule };
+export { ALLOWED_SPACE_REGEXP, TUI_TAG_DEFAULT_OPTIONS, TUI_TAG_OPTIONS, TuiTagComponent, TuiTagModule, tuiTagOptionsProvider };
 //# sourceMappingURL=taiga-ui-kit-components-tag.js.map