@taiga-ui/kit 2.20.0 → 2.24.0

package/fesm2015/taiga-ui-kit-components-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-select.js","sources":["ng://@taiga-ui/kit/components/select/select.component.ts","ng://@taiga-ui/kit/components/select/select.module.ts","ng://@taiga-ui/kit/components/select/taiga-ui-kit-components-select.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    forwardRef,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    TemplateRef,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    isNativeFocused,\n    setNativeFocused,\n    TUI_DEFAULT_IDENTITY_MATCHER,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiIdentityMatcher,\n    tuiPure,\n} from '@taiga-ui/cdk';\nimport {\n    TUI_DATA_LIST_HOST,\n    TUI_OPTION_CONTENT,\n    TUI_TEXTFIELD_CLEANER,\n    TuiDataListDirective,\n    TuiDataListHost,\n    TuiHostedDropdownComponent,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextfieldCleanerDirective,\n    TuiValueContentContext,\n} from '@taiga-ui/core';\nimport {TUI_ARROW} from '@taiga-ui/kit/components/arrow';\nimport {TUI_SELECT_OPTION} from '@taiga-ui/kit/components/select-option';\nimport {FIXED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\n// TODO: remove in ivy compilation\nexport const SELECT_OPTION: unknown = TUI_SELECT_OPTION;\n\n@Component({\n    selector: 'tui-select',\n    templateUrl: './select.template.html',\n    styleUrls: ['./select.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiSelectComponent),\n        },\n        {\n            provide: TUI_DATA_LIST_HOST,\n            useExisting: forwardRef(() => TuiSelectComponent),\n        },\n        {\n            provide: TUI_OPTION_CONTENT,\n            useValue: SELECT_OPTION,\n        },\n        FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n    ],\n})\nexport class TuiSelectComponent<T>\n    extends AbstractTuiNullableControl<T>\n    implements TuiFocusableElementAccessor, TuiDataListHost<T>\n{\n    @Input()\n    @tuiDefaultProp()\n    identityMatcher: TuiIdentityMatcher<T | string> = TUI_DEFAULT_IDENTITY_MATCHER;\n\n    @Input()\n    @tuiDefaultProp()\n    valueContent: PolymorpheusContent<TuiValueContentContext<T>> = '';\n\n    readonly arrow: PolymorpheusContent = TUI_ARROW;\n\n    @ContentChild(TuiDataListDirective, {read: TemplateRef})\n    readonly datalist: PolymorpheusContent = '';\n\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    @ViewChild(TuiHostedDropdownComponent)\n    private readonly hostedDropdown?: TuiHostedDropdownComponent;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_TEXTFIELD_CLEANER)\n        private readonly textfieldCleaner: TuiTextfieldCleanerDirective,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.textfield ? this.textfield.nativeFocusableElement : null;\n    }\n\n    get focused(): boolean {\n        return (\n            isNativeFocused(this.nativeFocusableElement) ||\n            (!!this.hostedDropdown && this.hostedDropdown.focused)\n        );\n    }\n\n    get computedValue(): string {\n        return this.value === null ? '' : String(this.value) || ' ';\n    }\n\n    get computedContent(): PolymorpheusContent<TuiValueContentContext<T>> {\n        return this.valueContent || this.computedValue;\n    }\n\n    get canOpen(): boolean {\n        return !this.computedDisabled && !this.readOnly;\n    }\n\n    onValueChange(value: string) {\n        if (!value) {\n            this.updateValue(null);\n        }\n    }\n\n    onActiveZone(active: boolean) {\n        this.updateFocused(active);\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onKeyDownDelete() {\n        if (this.textfieldCleaner.cleaner) {\n            this.updateValue(null);\n        }\n    }\n\n    handleOption(option: T) {\n        this.focusInput();\n        this.updateValue(option);\n\n        if (this.hostedDropdown) {\n            this.hostedDropdown.updateOpen(false);\n        }\n    }\n\n    @tuiPure\n    computeContext(\n        $implicit: T | null,\n        active: boolean,\n    ): TuiValueContentContext<T | null> {\n        return {\n            $implicit,\n            active,\n        };\n    }\n\n    private focusInput(preventScroll: boolean = false) {\n        if (this.nativeFocusableElement) {\n            setNativeFocused(this.nativeFocusableElement, true, preventScroll);\n        }\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiActiveZoneModule} from '@taiga-ui/cdk';\nimport {TuiHostedDropdownModule, TuiPrimitiveTextfieldModule} from '@taiga-ui/core';\nimport {TuiArrowModule} from '@taiga-ui/kit/components/arrow';\nimport {TuiSelectOptionModule} from '@taiga-ui/kit/components/select-option';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\nimport {TuiSelectComponent} from './select.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        PolymorpheusModule,\n        TuiActiveZoneModule,\n        TuiPrimitiveTextfieldModule,\n        TuiHostedDropdownModule,\n        TuiSelectOptionModule,\n        TuiArrowModule,\n    ],\n    declarations: [TuiSelectComponent],\n    exports: [TuiSelectComponent],\n})\nexport class TuiSelectModule {}\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-select.js","sources":["ng://@taiga-ui/kit/components/select/select.component.ts","ng://@taiga-ui/kit/components/select/select.module.ts","ng://@taiga-ui/kit/components/select/taiga-ui-kit-components-select.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    forwardRef,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    TemplateRef,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiNullableControl,\n    isNativeFocused,\n    setNativeFocused,\n    TUI_DEFAULT_IDENTITY_MATCHER,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiIdentityMatcher,\n    tuiPure,\n} from '@taiga-ui/cdk';\nimport {\n    TUI_DATA_LIST_HOST,\n    TUI_OPTION_CONTENT,\n    TUI_TEXTFIELD_CLEANER,\n    TuiDataListDirective,\n    TuiDataListHost,\n    TuiHostedDropdownComponent,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextfieldCleanerDirective,\n    TuiValueContentContext,\n} from '@taiga-ui/core';\nimport {TUI_ARROW} from '@taiga-ui/kit/components/arrow';\nimport {TUI_SELECT_OPTION} from '@taiga-ui/kit/components/select-option';\nimport {FIXED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\n// TODO: remove in ivy compilation\nexport const SELECT_OPTION: unknown = TUI_SELECT_OPTION;\n\n@Component({\n    selector: 'tui-select',\n    templateUrl: './select.template.html',\n    styleUrls: ['./select.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiSelectComponent),\n        },\n        {\n            provide: TUI_DATA_LIST_HOST,\n            useExisting: forwardRef(() => TuiSelectComponent),\n        },\n        {\n            provide: TUI_OPTION_CONTENT,\n            useValue: SELECT_OPTION,\n        },\n        FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n    ],\n})\nexport class TuiSelectComponent<T>\n    extends AbstractTuiNullableControl<T>\n    implements TuiFocusableElementAccessor, TuiDataListHost<T>\n{\n    @Input()\n    @tuiDefaultProp()\n    identityMatcher: TuiIdentityMatcher<T | string> = TUI_DEFAULT_IDENTITY_MATCHER;\n\n    @Input()\n    @tuiDefaultProp()\n    valueContent: PolymorpheusContent<TuiValueContentContext<T>> = '';\n\n    @ContentChild(TuiDataListDirective, {read: TemplateRef})\n    readonly datalist: PolymorpheusContent = '';\n\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    @ViewChild(TuiHostedDropdownComponent)\n    private readonly hostedDropdown?: TuiHostedDropdownComponent;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_TEXTFIELD_CLEANER)\n        private readonly textfieldCleaner: TuiTextfieldCleanerDirective,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get arrow(): PolymorpheusContent {\n        return this.disabled || this.readOnly ? '' : TUI_ARROW;\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.textfield ? this.textfield.nativeFocusableElement : null;\n    }\n\n    get focused(): boolean {\n        return (\n            isNativeFocused(this.nativeFocusableElement) ||\n            (!!this.hostedDropdown && this.hostedDropdown.focused)\n        );\n    }\n\n    get computedValue(): string {\n        return this.value === null ? '' : String(this.value) || ' ';\n    }\n\n    get computedContent(): PolymorpheusContent<TuiValueContentContext<T>> {\n        return this.valueContent || this.computedValue;\n    }\n\n    get canOpen(): boolean {\n        return !this.computedDisabled && !this.readOnly;\n    }\n\n    onValueChange(value: string) {\n        if (!value) {\n            this.updateValue(null);\n        }\n    }\n\n    onActiveZone(active: boolean) {\n        this.updateFocused(active);\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onKeyDownDelete() {\n        if (this.textfieldCleaner.cleaner) {\n            this.updateValue(null);\n        }\n    }\n\n    handleOption(option: T) {\n        this.focusInput();\n        this.updateValue(option);\n\n        if (this.hostedDropdown) {\n            this.hostedDropdown.updateOpen(false);\n        }\n    }\n\n    @tuiPure\n    computeContext(\n        $implicit: T | null,\n        active: boolean,\n    ): TuiValueContentContext<T | null> {\n        return {\n            $implicit,\n            active,\n        };\n    }\n\n    private focusInput(preventScroll: boolean = false) {\n        if (this.nativeFocusableElement) {\n            setNativeFocused(this.nativeFocusableElement, true, preventScroll);\n        }\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiActiveZoneModule} from '@taiga-ui/cdk';\nimport {TuiHostedDropdownModule, TuiPrimitiveTextfieldModule} from '@taiga-ui/core';\nimport {TuiArrowModule} from '@taiga-ui/kit/components/arrow';\nimport {TuiSelectOptionModule} from '@taiga-ui/kit/components/select-option';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\nimport {TuiSelectComponent} from './select.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        PolymorpheusModule,\n        TuiActiveZoneModule,\n        TuiPrimitiveTextfieldModule,\n        TuiHostedDropdownModule,\n        TuiSelectOptionModule,\n        TuiArrowModule,\n    ],\n    declarations: [TuiSelectComponent],\n    exports: [TuiSelectComponent],\n})\nexport class TuiSelectModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/taiga-ui-kit-components-slider.js

@@ -48,7 +48,7 @@ TuiSliderComponent.ctorParameters = () => [
 TuiSliderComponent = TuiSliderComponent_1 = __decorate([
     Component({
         selector: 'tui-slider',
-        template: "<div\n    class=\"event-catcher\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n    (mousedown)=\"onMouseDown($event)\"\n    (touchstart)=\"onTouchStart($event)\"\n>\n    <div class=\"wrapper\">\n        <div *ngIf=\"segmented\" class=\"segments\">\n            <span\n                *tuiRepeatTimes=\"let segmentIndex of segments + 1\"\n                class=\"segment\"\n                automation-id=\"tui-slider__segment\"\n            >\n                <span *ngIf=\"fromToTexts$ | async as fromToText\" class=\"number\">\n                    {{getSegmentPrefix(segmentIndex, fromToText)}}\n                    {{getSegmentLabel(segmentIndex) | tuiFormatNumber}}\n                    <span *ngIf=\"pluralizeMap\">\n                        {{getSegmentLabel(segmentIndex) | i18nPlural:\n                        pluralizeMap}}\n                    </span>\n                </span>\n            </span>\n        </div>\n        <div\n            class=\"bar\"\n            automation-id=\"tui-slider__bar\"\n            [style.left.%]=\"left\"\n            [style.right.%]=\"right\"\n        >\n            <div\n                #dotLeft\n                class=\"dot\"\n                automation-id=\"tui-slider__left\"\n                [class.dot_focus-visible]=\"focusVisibleLeft && computedFocused\"\n                [tuiFocusable]=\"isLeftFocusable\"\n                (tuiFocusVisibleChange)=\"onLeftFocusVisible($event)\"\n                (keydown.arrowLeft.prevent)=\"decrement(false)\"\n                (keydown.arrowDown.prevent)=\"decrement(false)\"\n                (keydown.arrowRight.prevent)=\"increment(false)\"\n                (keydown.arrowUp.prevent)=\"increment(false)\"\n            ></div>\n            <div\n                #dotRight\n                class=\"dot\"\n                automation-id=\"tui-slider__right\"\n                [class.dot_focus-visible]=\"focusVisibleRight && computedFocused\"\n                [tuiFocusable]=\"isRightFocusable\"\n                (tuiFocusVisibleChange)=\"onRightFocusVisible($event)\"\n                (keydown.arrowLeft.prevent)=\"decrement(true)\"\n                (keydown.arrowDown.prevent)=\"decrement(true)\"\n                (keydown.arrowRight.prevent)=\"increment(true)\"\n                (keydown.arrowUp.prevent)=\"increment(true)\"\n            ></div>\n        </div>\n    </div>\n</div>\n",
+        template: "<div\n    class=\"event-catcher\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n    (mousedown)=\"onMouseDown($event)\"\n    (touchstart)=\"onTouchStart($event)\"\n>\n    <div class=\"wrapper\">\n        <div *ngIf=\"segmented\" class=\"segments\">\n            <span\n                *tuiRepeatTimes=\"let segmentIndex of segments + 1\"\n                automation-id=\"tui-slider__segment\"\n                class=\"segment\"\n            >\n                <span *ngIf=\"fromToTexts$ | async as fromToText\" class=\"number\">\n                    {{ getSegmentPrefix(segmentIndex, fromToText) }} {{\n                    getSegmentLabel(segmentIndex) | tuiFormatNumber }}\n                    <span *ngIf=\"pluralizeMap\">\n                        {{ getSegmentLabel(segmentIndex) | i18nPlural:\n                        pluralizeMap }}\n                    </span>\n                </span>\n            </span>\n        </div>\n        <div\n            automation-id=\"tui-slider__bar\"\n            class=\"bar\"\n            [style.left.%]=\"left\"\n            [style.right.%]=\"right\"\n        >\n            <div\n                #dotLeft\n                automation-id=\"tui-slider__left\"\n                class=\"dot\"\n                [class.dot_focus-visible]=\"focusVisibleLeft && computedFocused\"\n                [tuiFocusable]=\"isLeftFocusable\"\n                (tuiFocusVisibleChange)=\"onLeftFocusVisible($event)\"\n                (keydown.arrowLeft.prevent)=\"decrement(false)\"\n                (keydown.arrowDown.prevent)=\"decrement(false)\"\n                (keydown.arrowRight.prevent)=\"increment(false)\"\n                (keydown.arrowUp.prevent)=\"increment(false)\"\n            ></div>\n            <div\n                #dotRight\n                automation-id=\"tui-slider__right\"\n                class=\"dot\"\n                [class.dot_focus-visible]=\"focusVisibleRight && computedFocused\"\n                [tuiFocusable]=\"isRightFocusable\"\n                (tuiFocusVisibleChange)=\"onRightFocusVisible($event)\"\n                (keydown.arrowLeft.prevent)=\"decrement(true)\"\n                (keydown.arrowDown.prevent)=\"decrement(true)\"\n                (keydown.arrowRight.prevent)=\"increment(true)\"\n                (keydown.arrowUp.prevent)=\"increment(true)\"\n            ></div>\n        </div>\n    </div>\n</div>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
         providers: [
             {
@@ -56,7 +56,7 @@ TuiSliderComponent = TuiSliderComponent_1 = __decorate([
                 useExisting: forwardRef(() => TuiSliderComponent_1),
             },
         ],
-        styles: [":host{display:block;border-radius:var(--tui-radius-m);color:var(--tui-base-03);min-height:.125rem;font-size:1rem}:host[data-tui-host-size='s']{min-height:.125rem;font-size:.5rem}:host._segmented{padding-bottom:1.25rem}:host._disabled{cursor:default;pointer-events:none;opacity:var(--tui-disabled-opacity)}.event-catcher{min-height:inherit;border-radius:inherit;padding:.4375rem 0;cursor:pointer}.wrapper{position:relative;min-height:inherit;border-radius:inherit;background-color:currentColor;border:solid transparent;border-width:0 1em}.bar{position:absolute;top:0;bottom:0;margin:0 -1em;border-radius:inherit;background-color:var(--tui-primary)}:host-context(tui-input-slider) .bar{margin-left:calc(var(--tui-radius-m)/ 2);border-bottom-left-radius:calc(var(--tui-radius-m) * 5) calc(var(--tui-radius-m) * 1.5)}.dot{transition-property:background-color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:absolute;top:50%;z-index:1;width:1em;height:1em;transform:translate(0,-50%);border-radius:100%;background-color:var(--tui-primary);outline:0;cursor:ew-resize}.dot:last-child{right:0;transform:translate(0,-50%)}.dot:hover{background-color:var(--tui-primary-hover)}.dot:active{background-color:var(--tui-primary-active)}.dot_focus-visible{box-shadow:inset 0 0 0 2px var(--tui-focus)}.segments{position:relative;z-index:1;display:flex;justify-content:space-between;min-height:inherit;margin:0 -1em}.segments-spacer{height:1.625rem}.segment{position:relative;height:inherit;width:.25rem;background-color:rgba(0,0,0,.36);pointer-events:none}.segment:first-of-type,.segment:last-of-type{background-color:transparent}.number{position:absolute;left:50%;transform:translate(-50%,0);font:var(--tui-font-text-s);top:100%;margin-top:.5rem;color:var(--tui-text-02);white-space:nowrap}.segment:first-of-type .number{left:-.05em;transform:none}.segment:last-of-type .number{left:auto;right:-.05em;transform:none}:host._disabled .number{color:var(--tui-text-01)}", ".dot:first-child{display:none}.wrapper{border-left:none}.bar,.segments{margin-left:0}"]
+        styles: [":host{display:block;border-radius:var(--tui-radius-m);color:var(--tui-base-03);min-height:.125rem;font-size:1rem}:host[data-tui-host-size='s']{min-height:.125rem;font-size:.5rem}:host._segmented{padding-bottom:1.25rem}:host._disabled{cursor:default;pointer-events:none;opacity:var(--tui-disabled-opacity)}.event-catcher{min-height:inherit;border-radius:inherit;padding:.4375rem 0;cursor:pointer}.wrapper{position:relative;min-height:inherit;border-radius:inherit;background-color:currentColor;border:solid transparent;border-width:0 1em}.bar{position:absolute;top:0;bottom:0;margin:0 -1em;border-radius:inherit;background-color:var(--tui-primary)}:host-context(tui-input-slider) .bar{margin-left:calc(var(--tui-radius-m)/ 2);border-bottom-left-radius:calc(var(--tui-radius-m) * 5) calc(var(--tui-radius-m) * 1.5)}.dot{transition-property:background-color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:absolute;top:50%;z-index:1;width:1em;height:1em;transform:translate(0,-50%);border-radius:100%;background-color:var(--tui-primary);outline:0;cursor:ew-resize}.dot:last-child{right:0;transform:translate(0,-50%)}.dot:hover{background-color:var(--tui-primary-hover)}.dot:active{background-color:var(--tui-primary-active)}.dot_focus-visible{box-shadow:inset 0 0 0 2px var(--tui-focus)}.segments{position:relative;z-index:1;display:flex;justify-content:space-between;min-height:inherit;margin:0 -1em}.segments-spacer{height:1.625rem}.segment{position:relative;height:inherit;width:.25rem;background-color:rgba(0,0,0,.36);pointer-events:none}.segment:first-of-type,.segment:last-of-type{background-color:transparent}.number{position:absolute;left:50%;transform:translate(-50%,0);top:100%;font:var(--tui-font-text-s);margin-top:.5rem;color:var(--tui-text-02);white-space:nowrap}.segment:first-of-type .number{left:-.05em;transform:none}.segment:last-of-type .number{left:auto;right:-.05em;transform:none}:host._disabled .number{color:var(--tui-text-01)}", ".dot:first-child{display:none}.wrapper{border-left:none}.bar,.segments{margin-left:0}"]
     }),
     __param(0, Optional()),
     __param(0, Self()),

package/fesm2015/taiga-ui-kit-components-slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-slider.js","sources":["ng://@taiga-ui/kit/components/slider/slider.component.ts","ng://@taiga-ui/kit/components/slider/slider.module.ts","ng://@taiga-ui/kit/components/slider/taiga-ui-kit-components-slider.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    forwardRef,\n    Inject,\n    Optional,\n    Self,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    isNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TuiFocusableElementAccessor,\n    TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\nimport {AbstractTuiSlider} from '@taiga-ui/kit/abstract';\nimport {TUI_FROM_TO_TEXTS} from '@taiga-ui/kit/tokens';\nimport {Observable} from 'rxjs';\n\n// @dynamic\n@Component({\n    selector: 'tui-slider',\n    templateUrl: '../../abstract/slider/slider.common.template.html',\n    styleUrls: ['../../abstract/slider/slider.common.style.less', './slider.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiSliderComponent),\n        },\n    ],\n})\nexport class TuiSliderComponent\n    extends AbstractTuiSlider<number>\n    implements TuiFocusableElementAccessor\n{\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(DOCUMENT) documentRef: Document,\n        @Inject(TUI_FROM_TO_TEXTS) fromToTexts$: Observable<[string, string]>,\n    ) {\n        super(control, changeDetectorRef, documentRef, fromToTexts$);\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return this.dotRight ? this.dotRight.nativeElement : null;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    get left(): number {\n        return 0;\n    }\n\n    get right(): number {\n        return 100 - 100 * this.getFractionFromValue(this.value);\n    }\n\n    protected getFallbackValue(): number {\n        return 0;\n    }\n\n    protected processStep(increment: boolean) {\n        const fraction = this.getFractionFromValue(this.value);\n        const step = this.computedStep;\n        const value = this.getValueFromFraction(\n            increment ? fraction + step : fraction - step,\n        );\n\n        this.processValue(value);\n    }\n\n    protected processValue(value: number) {\n        this.updateValue(this.valueGuard(value));\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n    TuiActiveZoneModule,\n    TuiFocusableModule,\n    TuiFocusVisibleModule,\n    TuiRepeatTimesModule,\n} from '@taiga-ui/cdk';\nimport {TuiFormatNumberPipeModule} from '@taiga-ui/core';\nimport {TuiSliderComponent} from './slider.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiRepeatTimesModule,\n        TuiFocusableModule,\n        TuiFocusVisibleModule,\n        TuiActiveZoneModule,\n        TuiFormatNumberPipeModule,\n    ],\n    declarations: [TuiSliderComponent],\n    exports: [TuiSliderComponent],\n})\nexport class TuiSliderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAqBA;IAaa,kBAAkB,0BAA/B,MAAa,kBACT,SAAQ,iBAAyB;IAGjC,YAII,OAAyB,EACE,iBAAoC,EAC7C,WAAqB,EACZ,YAA0C;QAErE,KAAK,CAAC,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC;KAChE;IAED,IAAI,sBAAsB;QACtB,OAAO,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,GAAG,IAAI,CAAC;KAC7D;IAED,IAAI,OAAO;QACP,OAAO,eAAe,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;KACvD;IAED,IAAI,IAAI;QACJ,OAAO,CAAC,CAAC;KACZ;IAED,IAAI,KAAK;QACL,OAAO,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC5D;IAES,gBAAgB;QACtB,OAAO,CAAC,CAAC;KACZ;IAES,WAAW,CAAC,SAAkB;QACpC,MAAM,QAAQ,GAAG,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACvD,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC;QAC/B,MAAM,KAAK,GAAG,IAAI,CAAC,oBAAoB,CACnC,SAAS,GAAG,QAAQ,GAAG,IAAI,GAAG,QAAQ,GAAG,IAAI,CAChD,CAAC;QAEF,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;KAC5B;IAES,YAAY,CAAC,KAAa;QAChC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;KAC5C;EACJ;;YAzCgB,SAAS,uBAHjB,QAAQ,YACR,IAAI,YACJ,MAAM,SAAC,SAAS;YAE6B,iBAAiB,uBAA9D,MAAM,SAAC,iBAAiB;YACM,QAAQ,uBAAtC,MAAM,SAAC,QAAQ;YACyB,UAAU,uBAAlD,MAAM,SAAC,iBAAiB;;AAXpB,kBAAkB;IAZ9B,SAAS,CAAC;QACP,QAAQ,EAAE,YAAY;QACtB,u1EAAgE;QAEhE,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,2BAA2B;gBACpC,WAAW,EAAE,UAAU,CAAC,MAAM,oBAAkB,CAAC;aACpD;SACJ;;KACJ,CAAC;IAMO,WAAA,QAAQ,EAAE,CAAA;IACV,WAAA,IAAI,EAAE,CAAA;IACN,WAAA,MAAM,CAAC,SAAS,CAAC,CAAA;IAEjB,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;IACzB,WAAA,MAAM,CAAC,QAAQ,CAAC,CAAA;IAChB,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;GAXrB,kBAAkB,CAiD9B;;IC5DY,eAAe,GAA5B,MAAa,eAAe;EAAG;AAAlB,eAAe;IAZ3B,QAAQ,CAAC;QACN,OAAO,EAAE;YACL,YAAY;YACZ,oBAAoB;YACpB,kBAAkB;YAClB,qBAAqB;YACrB,mBAAmB;YACnB,yBAAyB;SAC5B;QACD,YAAY,EAAE,CAAC,kBAAkB,CAAC;QAClC,OAAO,EAAE,CAAC,kBAAkB,CAAC;KAChC,CAAC;GACW,eAAe,CAAG;;ACvB/B;;;;;;"}
+{"version":3,"file":"taiga-ui-kit-components-slider.js","sources":["ng://@taiga-ui/kit/components/slider/slider.component.ts","ng://@taiga-ui/kit/components/slider/slider.module.ts","ng://@taiga-ui/kit/components/slider/taiga-ui-kit-components-slider.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    forwardRef,\n    Inject,\n    Optional,\n    Self,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    isNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TuiFocusableElementAccessor,\n    TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\nimport {AbstractTuiSlider} from '@taiga-ui/kit/abstract';\nimport {TUI_FROM_TO_TEXTS} from '@taiga-ui/kit/tokens';\nimport {Observable} from 'rxjs';\n\n// @dynamic\n@Component({\n    selector: 'tui-slider',\n    templateUrl: '../../abstract/slider/slider.common.template.html',\n    styleUrls: ['../../abstract/slider/slider.common.style.less', './slider.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiSliderComponent),\n        },\n    ],\n})\nexport class TuiSliderComponent\n    extends AbstractTuiSlider<number>\n    implements TuiFocusableElementAccessor\n{\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(DOCUMENT) documentRef: Document,\n        @Inject(TUI_FROM_TO_TEXTS) fromToTexts$: Observable<[string, string]>,\n    ) {\n        super(control, changeDetectorRef, documentRef, fromToTexts$);\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return this.dotRight ? this.dotRight.nativeElement : null;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    get left(): number {\n        return 0;\n    }\n\n    get right(): number {\n        return 100 - 100 * this.getFractionFromValue(this.value);\n    }\n\n    protected getFallbackValue(): number {\n        return 0;\n    }\n\n    protected processStep(increment: boolean) {\n        const fraction = this.getFractionFromValue(this.value);\n        const step = this.computedStep;\n        const value = this.getValueFromFraction(\n            increment ? fraction + step : fraction - step,\n        );\n\n        this.processValue(value);\n    }\n\n    protected processValue(value: number) {\n        this.updateValue(this.valueGuard(value));\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n    TuiActiveZoneModule,\n    TuiFocusableModule,\n    TuiFocusVisibleModule,\n    TuiRepeatTimesModule,\n} from '@taiga-ui/cdk';\nimport {TuiFormatNumberPipeModule} from '@taiga-ui/core';\nimport {TuiSliderComponent} from './slider.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiRepeatTimesModule,\n        TuiFocusableModule,\n        TuiFocusVisibleModule,\n        TuiActiveZoneModule,\n        TuiFormatNumberPipeModule,\n    ],\n    declarations: [TuiSliderComponent],\n    exports: [TuiSliderComponent],\n})\nexport class TuiSliderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAqBA;IAaa,kBAAkB,0BAA/B,MAAa,kBACT,SAAQ,iBAAyB;IAGjC,YAII,OAAyB,EACE,iBAAoC,EAC7C,WAAqB,EACZ,YAA0C;QAErE,KAAK,CAAC,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC;KAChE;IAED,IAAI,sBAAsB;QACtB,OAAO,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,GAAG,IAAI,CAAC;KAC7D;IAED,IAAI,OAAO;QACP,OAAO,eAAe,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;KACvD;IAED,IAAI,IAAI;QACJ,OAAO,CAAC,CAAC;KACZ;IAED,IAAI,KAAK;QACL,OAAO,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC5D;IAES,gBAAgB;QACtB,OAAO,CAAC,CAAC;KACZ;IAES,WAAW,CAAC,SAAkB;QACpC,MAAM,QAAQ,GAAG,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACvD,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC;QAC/B,MAAM,KAAK,GAAG,IAAI,CAAC,oBAAoB,CACnC,SAAS,GAAG,QAAQ,GAAG,IAAI,GAAG,QAAQ,GAAG,IAAI,CAChD,CAAC;QAEF,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;KAC5B;IAES,YAAY,CAAC,KAAa;QAChC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;KAC5C;EACJ;;YAzCgB,SAAS,uBAHjB,QAAQ,YACR,IAAI,YACJ,MAAM,SAAC,SAAS;YAE6B,iBAAiB,uBAA9D,MAAM,SAAC,iBAAiB;YACM,QAAQ,uBAAtC,MAAM,SAAC,QAAQ;YACyB,UAAU,uBAAlD,MAAM,SAAC,iBAAiB;;AAXpB,kBAAkB;IAZ9B,SAAS,CAAC;QACP,QAAQ,EAAE,YAAY;QACtB,61EAAgE;QAEhE,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,2BAA2B;gBACpC,WAAW,EAAE,UAAU,CAAC,MAAM,oBAAkB,CAAC;aACpD;SACJ;;KACJ,CAAC;IAMO,WAAA,QAAQ,EAAE,CAAA;IACV,WAAA,IAAI,EAAE,CAAA;IACN,WAAA,MAAM,CAAC,SAAS,CAAC,CAAA;IAEjB,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;IACzB,WAAA,MAAM,CAAC,QAAQ,CAAC,CAAA;IAChB,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;GAXrB,kBAAkB,CAiD9B;;IC5DY,eAAe,GAA5B,MAAa,eAAe;EAAG;AAAlB,eAAe;IAZ3B,QAAQ,CAAC;QACN,OAAO,EAAE;YACL,YAAY;YACZ,oBAAoB;YACpB,kBAAkB;YAClB,qBAAqB;YACrB,mBAAmB;YACnB,yBAAyB;SAC5B;QACD,YAAY,EAAE,CAAC,kBAAkB,CAAC;QAClC,OAAO,EAAE,CAAC,kBAAkB,CAAC;KAChC,CAAC;GACW,eAAe,CAAG;;ACvB/B;;;;;;"}

package/fesm2015/taiga-ui-kit-components-stepper.js

@@ -148,7 +148,7 @@ __decorate([
 TuiStepComponent = __decorate([
     Component({
         selector: 'button[tuiStep], a[tuiStep]:not([routerLink]), a[tuiStep][routerLink][routerLinkActive]',
-        template: "<tui-svg *ngIf=\"icon\" class=\"marker marker_custom\" [src]=\"icon\"></tui-svg>\n<tui-svg class=\"marker marker_error\" src=\"tuiIconWarningLarge\"></tui-svg>\n<tui-svg class=\"marker marker_pass\" src=\"tuiIconCheckLarge\"></tui-svg>\n<div class=\"marker marker_index\"></div>\n<ng-content></ng-content>\n",
+        template: "<tui-svg *ngIf=\"icon\" class=\"marker marker_custom\" [src]=\"icon\"></tui-svg>\n<tui-svg src=\"tuiIconWarningLarge\" class=\"marker marker_error\"></tui-svg>\n<tui-svg src=\"tuiIconCheckLarge\" class=\"marker marker_pass\"></tui-svg>\n<div class=\"marker marker_index\"></div>\n<ng-content></ng-content>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
         providers: [TuiDestroyService, TuiRouterLinkActiveService, TuiFocusVisibleService],
         host: {

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

@@ -247,7 +247,7 @@ TuiTabsComponent = __decorate([
                 useValue: OBSERVER_INIT,
             },
         ],
-        styles: [":host{scrollbar-width:none;-ms-overflow-style:none;font:var(--tui-font-text-m);position:relative;display:flex;height:var(--tui-height-l);color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:auto}:host::-webkit-scrollbar,:host::-webkit-scrollbar-thumb{background:0 0;width:0;height:0}:host._android{height:auto}:host._ios{height:auto;border:2px solid transparent;border-radius:.5625rem;background:var(--tui-link);box-shadow:none}"]
+        styles: [":host{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);height:var(--tui-height-l);color:var(--tui-text-02);box-shadow:inset 0 -1px var(--tui-base-03);overflow:auto}:host::-webkit-scrollbar,:host::-webkit-scrollbar-thumb{background:0 0;width:0;height:0}:host._android{height:auto}:host._ios{height:auto;border:2px solid transparent;border-radius:.5625rem;background:var(--tui-link);box-shadow:none}"]
     }),
     __param(0, Inject(ElementRef)),
     __param(1, Inject(Renderer2)),
@@ -442,10 +442,10 @@ __decorate([
 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=\"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",
         changeDetection: ChangeDetectionStrategy.OnPush,
         providers: TABS_PROVIDERS,
-        styles: [":host{font:var(--tui-font-text-m);position:relative;display:flex;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}.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)}"]
     }),
     __param(0, Inject(TABS_REFRESH)),
     __param(1, Inject(ElementRef)),

package/fesm2015/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    identity,\n    tuiCustomEvent,\n    TuiDestroyService,\n    TuiFocusVisibleService,\n    typedFromEvent,\n} from '@taiga-ui/cdk';\nimport {MODE_PROVIDER, TuiRouterLinkActiveService} from '@taiga-ui/core';\nimport {EMPTY, 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';\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';\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    @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    @ContentChildren(forwardRef(() => TuiTabComponent))\n    private readonly children: QueryList<unknown> = EMPTY_QUERY;\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    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    @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    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';\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    @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    private maxIndex = Infinity;\n\n    @ViewChild(TuiTabComponent, {read: ElementRef})\n    private readonly moreButton?: ElementRef<HTMLButtonElement>;\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    @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    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    @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';\nimport {TuiTabDirective} from './tab.directive';\nimport {TuiTabComponent} from './tab/tab.component';\nimport {TuiTabsWithMoreComponent} from './tabs-with-more/tabs-with-more.component';\nimport {TuiTabsComponent} from './tabs/tabs.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.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    identity,\n    tuiCustomEvent,\n    TuiDestroyService,\n    TuiFocusVisibleService,\n    typedFromEvent,\n} from '@taiga-ui/cdk';\nimport {MODE_PROVIDER, TuiRouterLinkActiveService} from '@taiga-ui/core';\nimport {EMPTY, 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';\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';\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    @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    @ContentChildren(forwardRef(() => TuiTabComponent))\n    private readonly children: QueryList<unknown> = EMPTY_QUERY;\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    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    @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    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';\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    @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    private maxIndex = Infinity;\n\n    @ViewChild(TuiTabComponent, {read: ElementRef})\n    private readonly moreButton?: ElementRef<HTMLButtonElement>;\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    @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    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    @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';\nimport {TuiTabDirective} from './tab.directive';\nimport {TuiTabComponent} from './tab/tab.component';\nimport {TuiTabsWithMoreComponent} from './tabs-with-more/tabs-with-more.component';\nimport {TuiTabsComponent} from './tabs/tabs.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/fesm2015/taiga-ui-kit-components-tag.js

@@ -191,12 +191,12 @@ TuiTagComponent = __decorate([
     Component({
         selector: 'tui-tag, a[tuiTag]',
         changeDetection: ChangeDetectionStrategy.OnPush,
-        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        class=\"icon\"\n        src=\"tuiIconCloseLarge\"\n        (click)=\"remove($event)\"\n    ></tui-svg>\n</div>\n<input\n    *ngIf=\"editing\"\n    #input\n    automation-id=\"tui-tag__edit\"\n    class=\"edit\"\n    type=\"text\"\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 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",
         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;font:var(--tui-font-text-s);position:relative;display:inline-block;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-tui-host-size='s'] .tag{font:var(--tui-font-text-xs);height:1.25rem;padding:0 .5rem}:host[data-tui-host-size='m'] .tag{height:var(--tui-height-xs);padding:0 .5rem}:host[data-tui-host-size='l'] .tag{height:var(--tui-height-s);padding:0 .75rem}:host._has-icon[data-tui-host-size='s'] .tag{padding-right:.125rem}:host._has-icon[data-tui-host-size='m'] .tag{padding-right:0}:host._has-icon[data-tui-host-size='l'] .tag{padding-right:.25rem}:host._editing .tag{visibility:hidden}:host._disabled._has-icon[data-tui-host-size='m'] .tag,:host._disabled._has-icon[data-tui-host-size='s'] .tag{padding-right:.5rem}:host._disabled._has-icon[data-tui-host-size='l'] .tag{padding-right:.75rem}.edit{font:var(--tui-font-text-s);padding: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;width:100%;box-sizing:border-box}.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-tui-host-size='s'] .edit{height:1.25rem;line-height:1.25rem;padding-left:.5rem}:host[data-tui-host-size='m'] .edit{height:var(--tui-height-xs);line-height:var(--tui-height-xs);padding-left:.5rem}:host[data-tui-host-size='l'] .edit{height:var(--tui-height-s);line-height:var(--tui-height-s);padding-left:.75rem}.icon{margin-left:.25rem;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-tui-host-size='s'] .icon_loader{margin:0 .375rem 0 .75rem;width:.5rem;height:.5rem}:host[data-tui-host-size='l'] .icon_loader{margin:0 .25rem 0 .5rem}.left-content{margin-right:.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-tui-host-size='s'] .tag{font:var(--tui-font-text-xs);height:1.25rem;padding:0 .5rem}:host[data-tui-host-size='m'] .tag{height:var(--tui-height-xs);padding:0 .5rem}:host[data-tui-host-size='l'] .tag{height:var(--tui-height-s);padding:0 .75rem}:host._has-icon[data-tui-host-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-tui-host-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-tui-host-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-tui-host-size='m'] .tag,:host._disabled._has-icon[data-tui-host-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-tui-host-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-tui-host-size='s'] .edit{height:1.25rem;line-height:1.25rem}:host[data-tui-host-size='m'] .edit{height:var(--tui-height-xs);line-height:var(--tui-height-xs)}:host[data-tui-host-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-tui-host-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-tui-host-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))

package/fesm2015/taiga-ui-kit-components-tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-tag.js","sources":["ng://@taiga-ui/kit/components/tag/tag.component.ts","ng://@taiga-ui/kit/components/tag/tag.module.ts","ng://@taiga-ui/kit/components/tag/taiga-ui-kit-components-tag.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    HostListener,\n    Inject,\n    Input,\n    Output,\n    ViewChild,\n} from '@angular/core';\nimport {setNativeFocused, tuiDefaultProp} from '@taiga-ui/cdk';\nimport {\n    MODE_PROVIDER,\n    sizeBigger,\n    TUI_MODE,\n    TuiBrightness,\n    TuiSizeL,\n    TuiSizeS,\n    TuiSizeXS,\n} from '@taiga-ui/core';\nimport {TuiStatusT} from '@taiga-ui/kit/types';\nimport {stringHashToHsl} from '@taiga-ui/kit/utils/format';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\n\nexport const ALLOWED_SPACE_REGEXP = new RegExp(`\\,|[\\\\s]`);\n\n@Component({\n    selector: 'tui-tag, a[tuiTag]',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    templateUrl: './tag.template.html',\n    styleUrls: ['./tag.style.less'],\n    providers: [MODE_PROVIDER],\n    host: {\n        '($.data-mode.attr)': 'mode$',\n    },\n})\nexport class TuiTagComponent {\n    // TODO: Possibly implement standard focus mechanisms and outline\n    @Input()\n    @tuiDefaultProp()\n    value = '';\n\n    @Input()\n    @tuiDefaultProp()\n    editable = false;\n\n    @Input()\n    @tuiDefaultProp()\n    allowSpaces = true;\n\n    @Input()\n    @tuiDefaultProp()\n    maxLength: number | null = null;\n\n    @Input()\n    @HostBinding('attr.data-tui-host-size')\n    @tuiDefaultProp()\n    size: TuiSizeS | TuiSizeL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    showLoader = false;\n\n    @Input()\n    @HostBinding('attr.data-tui-host-status')\n    @tuiDefaultProp()\n    status: TuiStatusT = 'default';\n\n    @Input()\n    @HostBinding('class._hoverable')\n    @tuiDefaultProp()\n    hoverable = false;\n\n    @Input()\n    @tuiDefaultProp()\n    removable = false;\n\n    @Input()\n    @HostBinding('class._disabled')\n    @tuiDefaultProp()\n    disabled = false;\n\n    @Input()\n    @HostBinding('class._autocolor')\n    @tuiDefaultProp()\n    autoColor = false;\n\n    // TODO: Remove null in 3.0\n    @Input()\n    @tuiDefaultProp()\n    leftContent: PolymorpheusContent | null = null;\n\n    @Output()\n    readonly edited = new EventEmitter<string>();\n\n    @HostBinding('class._editing')\n    editing = false;\n\n    editedText: string | null = null;\n\n    @ViewChild('input', {read: ElementRef})\n    set input(input: ElementRef<HTMLInputElement>) {\n        if (input) {\n            setNativeFocused(input.nativeElement);\n        }\n    }\n\n    constructor(\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>,\n    ) {}\n\n    get backgroundColor(): string | null {\n        return this.autoColor ? stringHashToHsl(this.value) : null;\n    }\n\n    get canRemove(): boolean {\n        return this.removable && !this.disabled && !this.showLoader;\n    }\n\n    get displayText(): string {\n        return this.editedText === null ? this.value : this.editedText;\n    }\n\n    get loaderSize(): TuiSizeXS {\n        return sizeBigger(this.size) ? 's' : 'xs';\n    }\n\n    @HostBinding('class._has-icon')\n    get hasIcon(): boolean {\n        return this.showLoader || this.removable;\n    }\n\n    @HostListener('keydown.enter', ['$event'])\n    edit(event: Event) {\n        if (!this.canEdit) {\n            return;\n        }\n\n        event.preventDefault();\n        this.editing = true;\n        this.editedText = this.value;\n    }\n\n    @HostListener('keydown.delete', ['$event'])\n    @HostListener('keydown.backspace', ['$event'])\n    remove(event: Event) {\n        if (!this.canRemove) {\n            return;\n        }\n\n        event.preventDefault();\n        event.stopPropagation();\n        this.edited.emit('');\n    }\n\n    onInput(value: string) {\n        const newTags = this.allowSpaces\n            ? value.split(',')\n            : value.split(ALLOWED_SPACE_REGEXP);\n\n        if (newTags.length > 1) {\n            this.save(newTags.toString());\n\n            return;\n        }\n\n        this.editedText = value;\n    }\n\n    onKeyDown(event: KeyboardEvent) {\n        event.stopPropagation();\n\n        switch (event.key.toLowerCase()) {\n            case 'enter':\n                event.preventDefault();\n                this.save(this.editedText || '');\n                break;\n            case 'escape':\n            case 'esc':\n                event.preventDefault();\n                this.stopEditing();\n                setNativeFocused(this.elementRef.nativeElement);\n                break;\n            default:\n                break;\n        }\n    }\n\n    onBlur() {\n        if (this.editedText !== null) {\n            this.save(this.editedText);\n        }\n    }\n\n    private get canEdit(): boolean {\n        return this.editable && !this.disabled && !this.showLoader;\n    }\n\n    private stopEditing() {\n        this.editing = false;\n        this.editedText = null;\n    }\n\n    private save(value: string) {\n        this.stopEditing();\n        this.edited.emit(value.trim());\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {TuiPreventDefaultModule} from '@taiga-ui/cdk';\nimport {TuiLoaderModule, TuiSvgModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\nimport {TuiTagComponent} from './tag.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        TuiPreventDefaultModule,\n        TuiSvgModule,\n        TuiLoaderModule,\n        PolymorpheusModule,\n    ],\n    declarations: [TuiTagComponent],\n    exports: [TuiTagComponent],\n})\nexport class TuiTagModule {}\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-tag.js","sources":["ng://@taiga-ui/kit/components/tag/tag.component.ts","ng://@taiga-ui/kit/components/tag/tag.module.ts","ng://@taiga-ui/kit/components/tag/taiga-ui-kit-components-tag.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    HostListener,\n    Inject,\n    Input,\n    Output,\n    ViewChild,\n} from '@angular/core';\nimport {setNativeFocused, tuiDefaultProp} from '@taiga-ui/cdk';\nimport {\n    MODE_PROVIDER,\n    sizeBigger,\n    TUI_MODE,\n    TuiBrightness,\n    TuiSizeL,\n    TuiSizeS,\n    TuiSizeXS,\n} from '@taiga-ui/core';\nimport {TuiStatusT} from '@taiga-ui/kit/types';\nimport {stringHashToHsl} from '@taiga-ui/kit/utils/format';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\n\nexport const ALLOWED_SPACE_REGEXP = new RegExp(`\\,|[\\\\s]`);\n\n@Component({\n    selector: 'tui-tag, a[tuiTag]',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    templateUrl: './tag.template.html',\n    styleUrls: ['./tag.style.less'],\n    providers: [MODE_PROVIDER],\n    host: {\n        '($.data-mode.attr)': 'mode$',\n    },\n})\nexport class TuiTagComponent {\n    // TODO: Possibly implement standard focus mechanisms and outline\n    @Input()\n    @tuiDefaultProp()\n    value = '';\n\n    @Input()\n    @tuiDefaultProp()\n    editable = false;\n\n    @Input()\n    @tuiDefaultProp()\n    allowSpaces = true;\n\n    @Input()\n    @tuiDefaultProp()\n    maxLength: number | null = null;\n\n    @Input()\n    @HostBinding('attr.data-tui-host-size')\n    @tuiDefaultProp()\n    size: TuiSizeS | TuiSizeL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    showLoader = false;\n\n    @Input()\n    @HostBinding('attr.data-tui-host-status')\n    @tuiDefaultProp()\n    status: TuiStatusT = 'default';\n\n    @Input()\n    @HostBinding('class._hoverable')\n    @tuiDefaultProp()\n    hoverable = false;\n\n    @Input()\n    @tuiDefaultProp()\n    removable = false;\n\n    @Input()\n    @HostBinding('class._disabled')\n    @tuiDefaultProp()\n    disabled = false;\n\n    @Input()\n    @HostBinding('class._autocolor')\n    @tuiDefaultProp()\n    autoColor = false;\n\n    // TODO: Remove null in 3.0\n    @Input()\n    @tuiDefaultProp()\n    leftContent: PolymorpheusContent | null = null;\n\n    @Output()\n    readonly edited = new EventEmitter<string>();\n\n    @HostBinding('class._editing')\n    editing = false;\n\n    editedText: string | null = null;\n\n    @ViewChild('input', {read: ElementRef})\n    set input(input: ElementRef<HTMLInputElement>) {\n        if (input) {\n            setNativeFocused(input.nativeElement);\n        }\n    }\n\n    constructor(\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>,\n    ) {}\n\n    get backgroundColor(): string | null {\n        return this.autoColor ? stringHashToHsl(this.value) : null;\n    }\n\n    get canRemove(): boolean {\n        return this.removable && !this.disabled && !this.showLoader;\n    }\n\n    get displayText(): string {\n        return this.editedText === null ? this.value : this.editedText;\n    }\n\n    get loaderSize(): TuiSizeXS {\n        return sizeBigger(this.size) ? 's' : 'xs';\n    }\n\n    @HostBinding('class._has-icon')\n    get hasIcon(): boolean {\n        return this.showLoader || this.removable;\n    }\n\n    @HostListener('keydown.enter', ['$event'])\n    edit(event: Event) {\n        if (!this.canEdit) {\n            return;\n        }\n\n        event.preventDefault();\n        this.editing = true;\n        this.editedText = this.value;\n    }\n\n    @HostListener('keydown.delete', ['$event'])\n    @HostListener('keydown.backspace', ['$event'])\n    remove(event: Event) {\n        if (!this.canRemove) {\n            return;\n        }\n\n        event.preventDefault();\n        event.stopPropagation();\n        this.edited.emit('');\n    }\n\n    onInput(value: string) {\n        const newTags = this.allowSpaces\n            ? value.split(',')\n            : value.split(ALLOWED_SPACE_REGEXP);\n\n        if (newTags.length > 1) {\n            this.save(newTags.toString());\n\n            return;\n        }\n\n        this.editedText = value;\n    }\n\n    onKeyDown(event: KeyboardEvent) {\n        event.stopPropagation();\n\n        switch (event.key.toLowerCase()) {\n            case 'enter':\n                event.preventDefault();\n                this.save(this.editedText || '');\n                break;\n            case 'escape':\n            case 'esc':\n                event.preventDefault();\n                this.stopEditing();\n                setNativeFocused(this.elementRef.nativeElement);\n                break;\n            default:\n                break;\n        }\n    }\n\n    onBlur() {\n        if (this.editedText !== null) {\n            this.save(this.editedText);\n        }\n    }\n\n    private get canEdit(): boolean {\n        return this.editable && !this.disabled && !this.showLoader;\n    }\n\n    private stopEditing() {\n        this.editing = false;\n        this.editedText = null;\n    }\n\n    private save(value: string) {\n        this.stopEditing();\n        this.edited.emit(value.trim());\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {TuiPreventDefaultModule} from '@taiga-ui/cdk';\nimport {TuiLoaderModule, TuiSvgModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\nimport {TuiTagComponent} from './tag.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        TuiPreventDefaultModule,\n        TuiSvgModule,\n        TuiLoaderModule,\n        PolymorpheusModule,\n    ],\n    declarations: [TuiTagComponent],\n    exports: [TuiTagComponent],\n})\nexport class TuiTagModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;MA2Ba,oBAAoB,GAAG,IAAI,MAAM,CAAC,UAAU,EAAE;IAY9C,eAAe,GAA5B,MAAa,eAAe;IAuExB,YACyC,UAAmC,EAC7C,KAAuC;QAD7B,eAAU,GAAV,UAAU,CAAyB;QAC7C,UAAK,GAAL,KAAK,CAAkC;;QArEtE,UAAK,GAAG,EAAE,CAAC;QAIX,aAAQ,GAAG,KAAK,CAAC;QAIjB,gBAAW,GAAG,IAAI,CAAC;QAInB,cAAS,GAAkB,IAAI,CAAC;QAKhC,SAAI,GAAwB,GAAG,CAAC;QAIhC,eAAU,GAAG,KAAK,CAAC;QAKnB,WAAM,GAAe,SAAS,CAAC;QAK/B,cAAS,GAAG,KAAK,CAAC;QAIlB,cAAS,GAAG,KAAK,CAAC;QAKlB,aAAQ,GAAG,KAAK,CAAC;QAKjB,cAAS,GAAG,KAAK,CAAC;;QAKlB,gBAAW,GAA+B,IAAI,CAAC;QAGtC,WAAM,GAAG,IAAI,YAAY,EAAU,CAAC;QAG7C,YAAO,GAAG,KAAK,CAAC;QAEhB,eAAU,GAAkB,IAAI,CAAC;KAY7B;IATJ,IAAI,KAAK,CAAC,KAAmC;QACzC,IAAI,KAAK,EAAE;YACP,gBAAgB,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;SACzC;KACJ;IAOD,IAAI,eAAe;QACf,OAAO,IAAI,CAAC,SAAS,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;KAC9D;IAED,IAAI,SAAS;QACT,OAAO,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;KAC/D;IAED,IAAI,WAAW;QACX,OAAO,IAAI,CAAC,UAAU,KAAK,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC;KAClE;IAED,IAAI,UAAU;QACV,OAAO,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC;KAC7C;IAGD,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,CAAC;KAC5C;IAGD,IAAI,CAAC,KAAY;QACb,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACf,OAAO;SACV;QAED,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC;KAChC;IAID,MAAM,CAAC,KAAY;QACf,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;YACjB,OAAO;SACV;QAED,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;KACxB;IAED,OAAO,CAAC,KAAa;QACjB,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW;cAC1B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;cAChB,KAAK,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC;QAExC,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;YACpB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;YAE9B,OAAO;SACV;QAED,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;KAC3B;IAED,SAAS,CAAC,KAAoB;QAC1B,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,QAAQ,KAAK,CAAC,GAAG,CAAC,WAAW,EAAE;YAC3B,KAAK,OAAO;gBACR,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC;gBACjC,MAAM;YACV,KAAK,QAAQ,CAAC;YACd,KAAK,KAAK;gBACN,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,CAAC,WAAW,EAAE,CAAC;gBACnB,gBAAgB,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;gBAChD,MAAM;YACV;gBACI,MAAM;SACb;KACJ;IAED,MAAM;QACF,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,EAAE;YAC1B,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SAC9B;KACJ;IAED,IAAY,OAAO;QACf,OAAO,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;KAC9D;IAEO,WAAW;QACf,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;KAC1B;IAEO,IAAI,CAAC,KAAa;QACtB,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;KAClC;EACJ;;YApGwD,UAAU,uBAA1D,MAAM,SAAC,UAAU;YACgB,UAAU,uBAA3C,MAAM,SAAC,QAAQ;;AArEpB;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;8CACN;AAIX;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;iDACA;AAIjB;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;oDACE;AAInB;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;kDACe;AAKhC;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,yBAAyB,CAAC;IACtC,cAAc,EAAE;6CACe;AAIhC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;mDACE;AAKnB;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,2BAA2B,CAAC;IACxC,cAAc,EAAE;+CACc;AAK/B;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,kBAAkB,CAAC;IAC/B,cAAc,EAAE;kDACC;AAIlB;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;kDACC;AAKlB;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,iBAAiB,CAAC;IAC9B,cAAc,EAAE;iDACA;AAKjB;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,kBAAkB,CAAC;IAC/B,cAAc,EAAE;kDACC;AAKlB;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;oDAC8B;AAG/C;IADC,MAAM,EAAE;+CACoC;AAG7C;IADC,WAAW,CAAC,gBAAgB,CAAC;gDACd;AAKhB;IADC,SAAS,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,UAAU,EAAC,CAAC;4CAKtC;AAwBD;IADC,WAAW,CAAC,iBAAiB,CAAC;8CAG9B;AAGD;IADC,YAAY,CAAC,eAAe,EAAE,CAAC,QAAQ,CAAC,CAAC;2CASzC;AAID;IAFC,YAAY,CAAC,gBAAgB,EAAE,CAAC,QAAQ,CAAC,CAAC;IAC1C,YAAY,CAAC,mBAAmB,EAAE,CAAC,QAAQ,CAAC,CAAC;6CAS7C;AAtHQ,eAAe;IAV3B,SAAS,CAAC;QACP,QAAQ,EAAE,oBAAoB;QAC9B,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,qiCAAkC;QAElC,SAAS,EAAE,CAAC,aAAa,CAAC;QAC1B,IAAI,EAAE;YACF,oBAAoB,EAAE,OAAO;SAChC;;KACJ,CAAC;IAyEO,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;IAClB,WAAA,MAAM,CAAC,QAAQ,CAAC,CAAA;GAzEZ,eAAe,CA4K3B;;IC/LY,YAAY,GAAzB,MAAa,YAAY;EAAG;AAAf,YAAY;IAZxB,QAAQ,CAAC;QACN,OAAO,EAAE;YACL,YAAY;YACZ,WAAW;YACX,uBAAuB;YACvB,YAAY;YACZ,eAAe;YACf,kBAAkB;SACrB;QACD,YAAY,EAAE,CAAC,eAAe,CAAC;QAC/B,OAAO,EAAE,CAAC,eAAe,CAAC;KAC7B,CAAC;GACW,YAAY,CAAG;;ACpB5B;;;;;;"}

package/fesm2015/taiga-ui-kit-components-text-area.js

@@ -2,7 +2,7 @@ import { __decorate, __param } from 'tslib';
 import { forwardRef, Optional, Self, Inject, ChangeDetectorRef, Input, HostBinding, ViewChild, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
 import { NgControl, FormsModule } from '@angular/forms';
 import { TUI_FOCUSABLE_ITEM_ACCESSOR, AbstractTuiControl, isNativeFocused, setNativeFocused, TUI_IS_IOS, tuiDefaultProp, TuiFocusableModule, TuiFocusedModule, TuiHoveredModule } from '@taiga-ui/cdk';
-import { TEXTFIELD_CONTROLLER_PROVIDER, HINT_CONTROLLER_PROVIDER, MODE_PROVIDER, TUI_TEXTFIELD_APPEARANCE, TUI_MODE, TuiTextfieldController, TUI_TEXTFIELD_WATCHED_CONTROLLER, TuiHintControllerDirective, TUI_HINT_WATCHED_CONTROLLER, TuiScrollbarModule, TuiTooltipModule, TuiWrapperModule } from '@taiga-ui/core';
+import { TEXTFIELD_CONTROLLER_PROVIDER, HINT_CONTROLLER_PROVIDER, MODE_PROVIDER, getBorder, TUI_TEXTFIELD_APPEARANCE, TUI_MODE, TuiTextfieldController, TUI_TEXTFIELD_WATCHED_CONTROLLER, TuiHintControllerDirective, TUI_HINT_WATCHED_CONTROLLER, TuiScrollbarModule, TuiTooltipModule, TuiWrapperModule, TuiDescribedByModule, TuiBorderModule, TuiSvgModule } from '@taiga-ui/core';
 import { Observable } from 'rxjs';
 import { CommonModule } from '@angular/common';
 
@@ -44,6 +44,12 @@ let TuiTextAreaComponent = class TuiTextAreaComponent extends AbstractTuiControl
     get size() {
         return this.controller.size;
     }
+    get border() {
+        return getBorder(false, this.hasCleaner, this.hasTooltip);
+    }
+    get hasCleaner() {
+        return (this.controller.cleaner && this.hasValue && !this.disabled && !this.readOnly);
+    }
     get hasTooltip() {
         return !!this.hintController.content && !this.disabled;
     }
@@ -142,14 +148,14 @@ __decorate([
 TuiTextAreaComponent = __decorate([
     Component({
         selector: 'tui-text-area',
-        template: "<tui-wrapper\n    automation-id=\"tui-text-area__wrapper\"\n    class=\"outline\"\n    [appearance]=\"appearance\"\n    [disabled]=\"disabled\"\n    [focused]=\"computedFocused\"\n    [hovered]=\"computedHovered\"\n    [readOnly]=\"readOnly\"\n    [invalid]=\"computedInvalid\"\n>\n    <div\n        *ngIf=\"hasCounter\"\n        automation-id=\"tui-text-area__counter\"\n        class=\"counter\"\n    >\n        {{value.length}}/{{controller.maxLength}}\n    </div>\n</tui-wrapper>\n\n<label\n    class=\"content\"\n    (tuiHoveredChange)=\"onHovered($event)\"\n    (mousedown)=\"onMouseDown($event)\"\n>\n    <div class=\"wrapper\">\n        <div\n            *ngIf=\"hasPlaceholder\"\n            automation-id=\"tui-text-area__placeholder\"\n            class=\"placeholder\"\n            [class.placeholder_raised]=\"placeholderRaised\"\n        >\n            <ng-content></ng-content>\n        </div>\n        <div\n            *ngIf=\"hasExampleText\"\n            automation-id=\"tui-text-area__example-text\"\n            class=\"example-text\"\n        >\n            <span class=\"example-text-inner\"> {{controller.exampleText}} </span>\n        </div>\n        <tui-scrollbar\n            automation-id=\"tui-text-area__scrollbar\"\n            class=\"box\"\n            [style.maxHeight.px]=\"computeMaxHeight\"\n        >\n            <div class=\"input-wrapper\">\n                <div class=\"relative\">\n                    <div class=\"pseudo-content\" aria-hidden=\"true\">\n                        <span>{{fittedContent}}</span>\n                        <span class=\"pseudo-content__extra\"\n                            >{{extraContent}}</span\n                        >\n                        &nbsp;\n                    </div>\n                    <textarea\n                        #focusableElement\n                        automation-id=\"tui-text-area__native\"\n                        class=\"input\"\n                        [id]=\"id\"\n                        [tuiFocusable]=\"focusable\"\n                        [disabled]=\"disabled\"\n                        [ngModel]=\"value\"\n                        [readOnly]=\"readOnly\"\n                        (tuiFocusedChange)=\"onFocused($event)\"\n                        (ngModelChange)=\"onValue($event)\"\n                    ></textarea>\n                </div>\n            </div>\n        </tui-scrollbar>\n    </div>\n    <tui-tooltip\n        *ngIf=\"hasTooltip\"\n        automation-id=\"tui-text-area__tooltip\"\n        class=\"tooltip\"\n        describeId=\"placeholer_until_accesibility_is_added\"\n        [direction]=\"hintController.direction\"\n        [mode]=\"hintController.mode\"\n        [content]=\"hintController.content\"\n        [showDelay]=\"hintController.showDelay\"\n        [hideDelay]=\"hintController.hideDelay\"\n    ></tui-tooltip>\n</label>\n",
+        template: "<tui-wrapper\n    automation-id=\"tui-text-area__wrapper\"\n    class=\"outline\"\n    [appearance]=\"appearance\"\n    [disabled]=\"disabled\"\n    [focused]=\"computedFocused\"\n    [hovered]=\"computedHovered\"\n    [readOnly]=\"readOnly\"\n    [invalid]=\"computedInvalid\"\n>\n    <div\n        *ngIf=\"hasCounter\"\n        automation-id=\"tui-text-area__counter\"\n        class=\"counter\"\n    >\n        {{ value.length }}/{{ controller.maxLength }}\n    </div>\n</tui-wrapper>\n\n<label\n    class=\"content\"\n    (tuiHoveredChange)=\"onHovered($event)\"\n    (mousedown)=\"onMouseDown($event)\"\n>\n    <div class=\"wrapper\">\n        <div\n            *ngIf=\"hasPlaceholder\"\n            automation-id=\"tui-text-area__placeholder\"\n            class=\"placeholder\"\n            [class.placeholder_raised]=\"placeholderRaised\"\n            [tuiBorderEnd]=\"border\"\n        >\n            <ng-content></ng-content>\n        </div>\n        <tui-scrollbar\n            automation-id=\"tui-text-area__scrollbar\"\n            class=\"box\"\n            [style.maxHeight.px]=\"computeMaxHeight\"\n        >\n            <div class=\"input-wrapper\">\n                <div class=\"relative\">\n                    <div\n                        aria-hidden=\"true\"\n                        class=\"pseudo-content\"\n                        [tuiBorderEnd]=\"border\"\n                    >\n                        <span\n                            [textContent]=\"fittedContent || controller.exampleText\"\n                        ></span>\n                        <span\n                            class=\"pseudo-content__extra\"\n                            [textContent]=\"extraContent\"\n                        ></span>\n                        &nbsp;\n                    </div>\n                    <textarea\n                        #focusableElement\n                        automation-id=\"tui-text-area__native\"\n                        class=\"input\"\n                        [placeholder]=\"controller.exampleText\"\n                        [id]=\"id\"\n                        [tuiDescribedBy]=\"id\"\n                        [tuiFocusable]=\"focusable\"\n                        [tuiBorderEnd]=\"border\"\n                        [disabled]=\"disabled\"\n                        [ngModel]=\"value\"\n                        [readOnly]=\"readOnly\"\n                        (tuiFocusedChange)=\"onFocused($event)\"\n                        (ngModelChange)=\"onValue($event)\"\n                    ></textarea>\n                </div>\n            </div>\n        </tui-scrollbar>\n    </div>\n    <div class=\"icons\">\n        <tui-svg\n            *ngIf=\"hasCleaner\"\n            src=\"tuiIconCloseLarge\"\n            class=\"cleaner\"\n            (click.stop)=\"onValue('')\"\n        ></tui-svg>\n        <tui-tooltip\n            *ngIf=\"hasTooltip\"\n            automation-id=\"tui-text-area__tooltip\"\n            class=\"tooltip\"\n            [describeId]=\"id\"\n            [direction]=\"hintController.direction\"\n            [mode]=\"hintController.mode\"\n            [content]=\"hintController.content\"\n            [showDelay]=\"hintController.showDelay\"\n            [hideDelay]=\"hintController.hideDelay\"\n        ></tui-tooltip>\n    </div>\n</label>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
         providers: TUI_TEXT_AREA_PROVIDERS,
         host: {
             '($.data-mode.attr)': 'mode$',
             '[class._ios]': 'isIOS',
         },
-        styles: [":host{font:var(--tui-font-text-m);position:relative;z-index:0;display:flex;flex-direction:column;min-height:6.75rem;border-radius:var(--tui-radius-m);color:var(--tui-text-01)}:host[data-mode=onDark]{color:var(--tui-text-01-night)}:host[data-tui-host-size='m']{font:var(--tui-font-text-s);min-height:5.5rem}:host[data-tui-host-size='m']._has-counter{min-height:6.625rem}:host[data-tui-host-size='l']._has-counter{min-height:7.875rem}.outline{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.content{margin-top:0;margin-bottom:0;min-height:inherit;width:100%;box-sizing:border-box;overflow:hidden;cursor:text}@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm){.content::-webkit-scrollbar,.content::-webkit-scrollbar-thumb{width:1rem;height:1rem;border-radius:6.25rem;background-clip:padding-box;border:6px solid transparent}.content::-webkit-scrollbar{background-color:transparent}.content::-webkit-scrollbar-thumb{background-color:var(--tui-clear-hover)}.content::-webkit-scrollbar-thumb:hover{background-color:var(--tui-clear-active)}.content::-webkit-scrollbar-thumb:active{background-color:var(--tui-text-03)}}:host._disabled .content{cursor:auto;opacity:var(--tui-disabled-opacity)}:host:not(._expandable) .content{position:absolute;top:0;left:0;bottom:1px;right:0;min-height:auto}:host._has-counter:not(._expandable) .content{bottom:1.6875rem}.wrapper{position:relative;width:100%;height:100%;min-height:inherit;padding-bottom:.4375rem;box-sizing:border-box}:host[data-tui-host-size='m']._label-outside .wrapper{padding-top:.75rem}:host[data-tui-host-size='l']._label-outside .wrapper{padding-top:1rem}:host[data-tui-host-size='m']:not(._label-outside) .wrapper{padding-top:1.375rem}:host[data-tui-host-size='l']:not(._label-outside) .wrapper{padding-top:1.625rem}.input-wrapper{min-height:inherit;width:100%;flex:1}.relative{position:relative;min-height:inherit}.box{display:flex;min-height:100%;width:100%}:host:not(._expandable) .box{height:100%}:host._has-counter._expandable .box{margin-bottom:1.25rem}.pseudo-content{white-space:pre-wrap;word-wrap:break-word;pointer-events:none;color:transparent;overflow:hidden}:host[data-tui-host-size='m'] .pseudo-content{padding:0 .75rem}:host[data-tui-host-size='l'] .pseudo-content{padding:0 1rem}.pseudo-content__extra{background-color:var(--tui-error-bg-night)}.input{padding: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;width:100%;box-sizing:border-box;height:100%;resize:none;overflow:hidden}.input:-webkit-autofill,.input:-webkit-autofill:focus,.input:-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}.input:focus{outline:0}:host[data-tui-host-size='m'] .input{padding:0 .75rem}:host[data-tui-host-size='l'] .input{padding:0 1rem}:host._ios .input{padding-left:.8125rem}:host[data-mode=onDark]._disabled .input{color:var(--tui-text-03-night)}:host._focused._has-tooltip .input,:host._focused._has-tooltip .pseudo-content,:host._has-value._has-tooltip .input,:host._has-value._has-tooltip .pseudo-content{padding-right:2.5rem}.placeholder{transition-property:transform,min-width,color,letter-spacing;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;height:1.25rem;font-size:.8125rem;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;color:var(--tui-text-02);transform-origin:left;letter-spacing:normal;text-transform:none;position:absolute;max-width:calc(100% - 1.5rem)}.placeholder_raised{width:114%;transform:translateY(-.625rem) scale(.87);max-width:calc(113% - 2rem)}:host[data-tui-host-size='m'] .placeholder_raised{width:118%;transform:translateY(-.5rem) scale(.85);letter-spacing:.025rem}:host._invalid:not(._focused) .placeholder_raised,:host._invalid:not(._focused)._hovered .placeholder_raised{color:var(--tui-error-fill)}:host[data-mode=onDark]._invalid:not(._focused) .placeholder_raised,:host[data-mode=onDark]._invalid:not(._focused)._hovered .placeholder_raised{color:var(--tui-error-fill-night)}:host._focused .placeholder,:host[data-tui-host-size='l']._focused._label-outside .placeholder,:host[data-tui-host-size='m']._focused._label-outside .placeholder{color:var(--tui-text-03)}:host[data-tui-host-size='l']._focused:not(._label-outside) .placeholder,:host[data-tui-host-size='m']._focused:not(._label-outside) .placeholder{color:var(--tui-text-01)}:host[data-mode=onDark] .placeholder{color:var(--tui-text-02-night)}:host[data-tui-host-size='l'][data-mode=onDark]._focused:not(._label-outside) .placeholder,:host[data-tui-host-size='m'][data-mode=onDark]._focused:not(._label-outside) .placeholder{color:var(--tui-text-01-night)}:host[data-mode=onDark]._focused .placeholder,:host[data-tui-host-size='l'][data-mode=onDark]._focused._label-outside .placeholder,:host[data-tui-host-size='m'][data-mode=onDark]._focused._label-outside .placeholder{color:var(--tui-text-02-night)}:host[data-tui-host-size='m'] .placeholder{top:.75rem;left:.75rem}:host[data-tui-host-size='l'] .placeholder{font-size:.9375rem;top:1rem;left:1rem}:host._has-tooltip .placeholder{max-width:calc(100% - 3.25rem)}:host._label-outside .placeholder{overflow:initial;height:auto;white-space:initial}.example-text{position:absolute;max-width:calc(100% - 1.5rem);color:var(--tui-text-03);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host._has-tooltip._focused .example-text,:host._has-tooltip._has-value .example-text{max-width:calc(100% - 3.25rem)}:host[data-tui-host-size='m'] .example-text{left:.75rem}:host[data-tui-host-size='l'] .example-text{left:1rem}.tooltip{position:absolute;top:1rem;right:.75rem}.counter{font:var(--tui-font-text-s);position:absolute;bottom:.5rem;right:.75rem;pointer-events:none;margin-top:auto;text-align:right;color:var(--tui-text-03)}:host[data-mode=onDark] .counter{color:var(--tui-text-03-night)}"]
+        styles: [":host{position:relative;z-index:0;display:flex;font:var(--tui-font-text-m);flex-direction:column;min-height:6.75rem;border-radius:var(--tui-radius-m);color:var(--tui-text-01)}:host[data-mode=onDark]{color:var(--tui-text-01-night)}:host[data-tui-host-size='m']{font:var(--tui-font-text-s);min-height:5.5rem}:host[data-tui-host-size='m']._has-counter{min-height:6.625rem}:host[data-tui-host-size='l']._has-counter{min-height:7.875rem}.outline{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.content{margin-top:0;margin-bottom:0;min-height:inherit;width:100%;box-sizing:border-box;overflow:hidden;cursor:text}:host._disabled .content{cursor:auto;opacity:var(--tui-disabled-opacity)}:host:not(._expandable) .content{position:absolute;top:0;left:0;bottom:1px;right:0;min-height:auto}:host._has-counter:not(._expandable) .content{bottom:1.6875rem}.wrapper{position:relative;width:100%;height:100%;min-height:inherit;padding-bottom:.4375rem;box-sizing:border-box}:host[data-tui-host-size='m']._label-outside .wrapper{padding-top:.75rem}:host[data-tui-host-size='l']._label-outside .wrapper{padding-top:1rem}:host[data-tui-host-size='m']:not(._label-outside) .wrapper{padding-top:1.375rem}:host[data-tui-host-size='l']:not(._label-outside) .wrapper{padding-top:1.625rem}.input-wrapper{min-height:inherit;width:100%;flex:1}.relative{position:relative;min-height:inherit}.box{display:flex;min-height:100%;width:100%}:host:not(._expandable) .box{height:100%}:host._has-counter._expandable .box{margin-bottom:1.25rem}.pseudo-content{white-space:pre-wrap;word-wrap:break-word;pointer-events:none;color:transparent;overflow:hidden;border:0 solid transparent}:host[data-tui-host-size='m'] .pseudo-content{padding:0 .75rem}:host[data-tui-host-size='l'] .pseudo-content{padding:0 1rem}.pseudo-content__extra{background-color:var(--tui-error-bg-night)}.input{padding:0;border:0 solid transparent;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;resize:none;overflow:hidden;outline:0}.input:-webkit-autofill,.input:-webkit-autofill:focus,.input:-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}.input::-moz-placeholder{color:var(--tui-text-03);visibility:hidden}.input:-ms-input-placeholder{color:var(--tui-text-03);visibility:hidden}.input::placeholder{color:var(--tui-text-03);visibility:hidden}:host[data-mode=onDark] .input::-moz-placeholder{color:var(--tui-text-03-night)}:host[data-mode=onDark] .input:-ms-input-placeholder{color:var(--tui-text-03-night)}:host[data-mode=onDark] .input::placeholder{color:var(--tui-text-03-night)}:host._focused .input:not(:read-only)::-moz-placeholder{visibility:visible}:host._focused .input:not(:read-only):-ms-input-placeholder{visibility:visible}:host._focused .input:not(:-moz-read-only)::placeholder{visibility:visible}:host._focused .input:not(:read-only)::placeholder{visibility:visible}:host[data-tui-host-size='m'] .input{padding:0 .75rem}:host[data-tui-host-size='l'] .input{padding:0 1rem}:host._ios .input{padding-left:.8125rem}:host[data-mode=onDark]._disabled .input{color:var(--tui-text-03-night)}.placeholder{transition-property:transform,font-size,color,letter-spacing;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;font-size:.8125rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--tui-text-02);pointer-events:none;position:absolute;left:0;max-width:100%;padding:0 1rem;border:0 solid transparent;box-sizing:border-box}.placeholder_raised{transform:translateY(-.625rem)}:host[data-tui-host-size='m'] .placeholder_raised{font-size:.69rem;transform:translateY(-.5rem);letter-spacing:.025rem}:host._invalid:not(._focused) .placeholder_raised,:host._invalid:not(._focused)._hovered .placeholder_raised{color:var(--tui-error-fill)}:host[data-mode=onDark]._invalid:not(._focused) .placeholder_raised,:host[data-mode=onDark]._invalid:not(._focused)._hovered .placeholder_raised{color:var(--tui-error-fill-night)}:host._focused .placeholder,:host[data-tui-host-size='l']._focused._label-outside .placeholder,:host[data-tui-host-size='m']._focused._label-outside .placeholder{color:var(--tui-text-03)}:host[data-tui-host-size='l'] .placeholder{font-size:.9375rem}:host[data-tui-host-size='l'] .placeholder_raised{font-size:.8156rem}:host[data-tui-host-size='l']._focused:not(._label-outside) .placeholder,:host[data-tui-host-size='m']._focused:not(._label-outside) .placeholder{color:var(--tui-text-01)}:host[data-mode=onDark] .placeholder{color:var(--tui-text-02-night)}:host[data-tui-host-size='l'][data-mode=onDark]._focused:not(._label-outside) .placeholder,:host[data-tui-host-size='m'][data-mode=onDark]._focused:not(._label-outside) .placeholder{color:var(--tui-text-01-night)}:host[data-mode=onDark]._focused .placeholder,:host[data-tui-host-size='l'][data-mode=onDark]._focused._label-outside .placeholder,:host[data-tui-host-size='m'][data-mode=onDark]._focused._label-outside .placeholder{color:var(--tui-text-02-night)}:host[data-tui-host-size='m'] .placeholder{top:.75rem;padding:0 .75rem}:host[data-tui-host-size='l'] .placeholder{top:1rem}:host._label-outside .placeholder{overflow:initial;height:auto;white-space:initial}.icons{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;justify-content:flex-end;pointer-events:none;padding:1rem .75rem}:host[data-tui-host-size='m'] .icons{padding:.75rem}.cleaner{transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;color:var(--tui-text-03);position:relative;box-sizing:border-box;cursor:pointer;transition-property:color,transform;pointer-events:auto}.cleaner:hover{color:var(--tui-text-02)}:host._disabled .cleaner,:host._readonly .cleaner{pointer-events:none}:host[data-mode=onDark] .cleaner{color:var(--tui-text-03-night)}:host[data-mode=onDark] .cleaner:hover{color:var(--tui-text-01-night)}.tooltip{pointer-events:auto}.counter{position:absolute;right:.75rem;bottom:.5rem;font:var(--tui-font-text-s);pointer-events:none;margin-top:auto;text-align:right;color:var(--tui-text-03)}:host[data-mode=onDark] .counter{color:var(--tui-text-03-night)}"]
     }),
     __param(0, Optional()),
     __param(0, Self()),
@@ -175,6 +181,9 @@ TuiTextAreaModule = __decorate([
             TuiScrollbarModule,
             TuiTooltipModule,
             TuiWrapperModule,
+            TuiDescribedByModule,
+            TuiBorderModule,
+            TuiSvgModule,
         ],
         declarations: [TuiTextAreaComponent],
         exports: [TuiTextAreaComponent],