@taiga-ui/kit 2.23.0 → 2.27.0

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

@@ -1,5 +1,5 @@
 import { __decorate, __param } from 'tslib';
-import { Optional, Self, Inject, ChangeDetectorRef, Input, ViewChild, HostBinding, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
+import { Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, HostBinding, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
 import { NgControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { isNativeFocused, setNativeFocused, tuiDefaultProp, TUI_FOCUSABLE_ITEM_ACCESSOR, TuiFocusableModule, TuiFocusedModule, TuiHoveredModule, TuiPressedModule, TuiMapperPipeModule, TuiInputModeModule } from '@taiga-ui/cdk';
 import { maskedNumberStringToNumber, maskedMoneyValueIsEmpty, formatNumber, TuiModeDirective, TuiHintControllerDirective, TUI_HINT_WATCHED_CONTROLLER, TUI_NUMBER_FORMAT, HINT_CONTROLLER_PROVIDER, TuiTooltipModule, TuiWrapperModule } from '@taiga-ui/core';
@@ -131,13 +131,13 @@ TuiInputSliderComponent.ctorParameters = () => [
     { type: TuiHintControllerDirective, decorators: [{ type: Inject, args: [TUI_HINT_WATCHED_CONTROLLER,] }] },
     { type: undefined, decorators: [{ type: Inject, args: [TUI_NUMBER_FORMAT,] }] }
 ];
+__decorate([
+    ViewChild('focusableElement')
+], TuiInputSliderComponent.prototype, "focusableElement", void 0);
 __decorate([
     Input(),
     tuiDefaultProp()
 ], TuiInputSliderComponent.prototype, "secondary", void 0);
-__decorate([
-    ViewChild('focusableElement')
-], TuiInputSliderComponent.prototype, "focusableElement", void 0);
 __decorate([
     HostBinding('class._has-tooltip')
 ], TuiInputSliderComponent.prototype, "hasTooltip", null);
@@ -150,7 +150,7 @@ __decorate([
 TuiInputSliderComponent = TuiInputSliderComponent_1 = __decorate([
     Component({
         selector: 'tui-input-slider',
-        template: "<tui-wrapper\n    appearance=\"textfield\"\n    [readOnly]=\"readOnly\"\n    [disabled]=\"disabled\"\n    [focused]=\"computedFocused\"\n    [hovered]=\"computedHovered\"\n    [invalid]=\"computedInvalid\"\n>\n    <span\n        *ngIf=\"hasPlaceholder\"\n        class=\"placeholder placeholder_raised\"\n        automation-id=\"tui-input-slider__placeholder\"\n    >\n        <ng-content></ng-content>\n    </span>\n    <input\n        #focusableElement\n        class=\"native\"\n        automation-id=\"tui-input-slider__native\"\n        [disabled]=\"disabled\"\n        [readOnly]=\"readOnly\"\n        [tuiInputMode]=\"inputMode\"\n        [tuiFocusable]=\"focusable\"\n        [textMask]=\"quantum | tuiMapper: mask: min\"\n        [ngModel]=\"computedValue\"\n        (ngModelChange)=\"onValue($event)\"\n        (tuiFocusedChange)=\"onFocused($event)\"\n        (tuiHoveredChange)=\"onHovered($event)\"\n        (keydown.arrowUp)=\"onKeyDownArrowUp($event)\"\n        (keydown.arrowDown)=\"onKeyDownArrowDown($event)\"\n    />\n    <div class=\"content\">\n        <span *ngIf=\"showValue\" class=\"label\">\n            <span class=\"value\">{{computedValue}}</span>\n            <span\n                *ngIf=\"pluralizeMap\"\n                automation-id=\"tui-input-slider__pluralize\"\n            >\n                {{value | i18nPlural: pluralizeMap}}\n            </span>\n        </span>\n        <span\n            *ngIf=\"showMinLabel\"\n            class=\"label\"\n            automation-id=\"tui-input-slider__min-label\"\n        >\n            {{minLabel}}\n        </span>\n        <span\n            *ngIf=\"showMaxLabel\"\n            class=\"label\"\n            automation-id=\"tui-input-slider__max-label\"\n        >\n            {{maxLabel}}\n        </span>\n        <span class=\"secondary\" automation-id=\"tui-input-slider__secondary\">\n            {{secondary}}\n            <tui-tooltip\n                *ngIf=\"hasTooltip\"\n                automation-id=\"tui-input-slider__tooltip\"\n                class=\"tooltip\"\n                describeId=\"placeholer_until_accesibility_is_added\"\n                [content]=\"hintController.content\"\n                [direction]=\"hintController.direction\"\n                [mode]=\"hintController.mode\"\n                [showDelay]=\"hintController.showDelay\"\n                [hideDelay]=\"hintController.hideDelay\"\n                (mousedown.prevent)=\"onMouseDown()\"\n            ></tui-tooltip>\n        </span>\n    </div>\n</tui-wrapper>\n<tui-slider\n    class=\"slider\"\n    [min]=\"min\"\n    [max]=\"max\"\n    [steps]=\"computedSteps\"\n    [segments]=\"segments\"\n    [keySteps]=\"keySteps\"\n    [pluralize]=\"segmentsPluralize\"\n    [focusable]=\"false\"\n    [disabled]=\"readOnly || disabled\"\n    [ngModel]=\"value\"\n    (ngModelChange)=\"onSliderValue($event)\"\n    (mousedown)=\"onMouseDown()\"\n></tui-slider>\n",
+        template: "<tui-wrapper\n    appearance=\"textfield\"\n    [readOnly]=\"readOnly\"\n    [disabled]=\"disabled\"\n    [focused]=\"computedFocused\"\n    [hovered]=\"computedHovered\"\n    [invalid]=\"computedInvalid\"\n>\n    <span\n        *ngIf=\"hasPlaceholder\"\n        automation-id=\"tui-input-slider__placeholder\"\n        class=\"placeholder placeholder_raised\"\n    >\n        <ng-content></ng-content>\n    </span>\n    <input\n        #focusableElement\n        automation-id=\"tui-input-slider__native\"\n        class=\"native\"\n        [disabled]=\"disabled\"\n        [readOnly]=\"readOnly\"\n        [tuiInputMode]=\"inputMode\"\n        [tuiFocusable]=\"focusable\"\n        [textMask]=\"quantum | tuiMapper: mask:min\"\n        [ngModel]=\"computedValue\"\n        (ngModelChange)=\"onValue($event)\"\n        (tuiFocusedChange)=\"onFocused($event)\"\n        (tuiHoveredChange)=\"onHovered($event)\"\n        (keydown.arrowUp)=\"onKeyDownArrowUp($event)\"\n        (keydown.arrowDown)=\"onKeyDownArrowDown($event)\"\n    />\n    <div class=\"content\">\n        <span *ngIf=\"showValue\" class=\"label\">\n            <span class=\"value\">{{ computedValue }}</span>\n            <span\n                *ngIf=\"pluralizeMap\"\n                automation-id=\"tui-input-slider__pluralize\"\n            >\n                {{ value | i18nPlural: pluralizeMap }}\n            </span>\n        </span>\n        <span\n            *ngIf=\"showMinLabel\"\n            automation-id=\"tui-input-slider__min-label\"\n            class=\"label\"\n        >\n            {{ minLabel }}\n        </span>\n        <span\n            *ngIf=\"showMaxLabel\"\n            automation-id=\"tui-input-slider__max-label\"\n            class=\"label\"\n        >\n            {{ maxLabel }}\n        </span>\n        <span automation-id=\"tui-input-slider__secondary\" class=\"secondary\">\n            {{ secondary }}\n            <tui-tooltip\n                *ngIf=\"hasTooltip\"\n                automation-id=\"tui-input-slider__tooltip\"\n                describeId=\"placeholer_until_accesibility_is_added\"\n                class=\"tooltip\"\n                [content]=\"hintController.content\"\n                [direction]=\"hintController.direction\"\n                [mode]=\"hintController.mode\"\n                [showDelay]=\"hintController.showDelay\"\n                [hideDelay]=\"hintController.hideDelay\"\n                (mousedown.prevent)=\"onMouseDown()\"\n            ></tui-tooltip>\n        </span>\n    </div>\n</tui-wrapper>\n<tui-slider\n    class=\"slider\"\n    [min]=\"min\"\n    [max]=\"max\"\n    [steps]=\"computedSteps\"\n    [segments]=\"segments\"\n    [keySteps]=\"keySteps\"\n    [pluralize]=\"segmentsPluralize\"\n    [focusable]=\"false\"\n    [disabled]=\"readOnly || disabled\"\n    [ngModel]=\"value\"\n    (ngModelChange)=\"onSliderValue($event)\"\n    (mousedown)=\"onMouseDown()\"\n></tui-slider>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
         providers: [
             {

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-input-slider.js","sources":["ng://@taiga-ui/kit/components/input-slider/input-slider.component.ts","ng://@taiga-ui/kit/components/input-slider/input-slider.module.ts","ng://@taiga-ui/kit/components/input-slider/taiga-ui-kit-components-input-slider.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    isNativeFocused,\n    setNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\nimport {\n    formatNumber,\n    HINT_CONTROLLER_PROVIDER,\n    maskedMoneyValueIsEmpty,\n    maskedNumberStringToNumber,\n    NumberFormatSettings,\n    TUI_HINT_WATCHED_CONTROLLER,\n    TUI_NUMBER_FORMAT,\n    TuiHintControllerDirective,\n    TuiModeDirective,\n} from '@taiga-ui/core';\nimport {AbstractTuiInputSlider} from '@taiga-ui/kit/abstract';\n\n// @dynamic\n@Component({\n    selector: 'tui-input-slider',\n    templateUrl: './input-slider.template.html',\n    styleUrls: ['./input-slider.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputSliderComponent),\n        },\n        HINT_CONTROLLER_PROVIDER,\n    ],\n})\nexport class TuiInputSliderComponent\n    extends AbstractTuiInputSlider<number>\n    implements TuiFocusableElementAccessor\n{\n    @Input()\n    @tuiDefaultProp()\n    secondary = '';\n\n    @ViewChild('focusableElement')\n    private readonly focusableElement?: ElementRef<HTMLInputElement>;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Optional()\n        @Inject(TuiModeDirective)\n        protected readonly modeDirective: TuiModeDirective | null,\n        @Inject(TUI_HINT_WATCHED_CONTROLLER)\n        readonly hintController: TuiHintControllerDirective,\n        @Inject(TUI_NUMBER_FORMAT)\n        protected readonly numberFormat: NumberFormatSettings,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return !this.focusableElement || this.computedDisabled\n            ? null\n            : this.focusableElement.nativeElement;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    @HostBinding('class._has-tooltip')\n    get hasTooltip(): boolean {\n        return !!this.hintController.content && !this.disabled;\n    }\n\n    @HostBinding('class._min-label')\n    get showMinLabel(): boolean {\n        return !this.focused && this.value === this.min && !!this.minLabel;\n    }\n\n    @HostBinding('class._max-label')\n    get showMaxLabel(): boolean {\n        return !this.focused && this.value === this.max && !!this.maxLabel;\n    }\n\n    get computedValue(): string {\n        if (this.focused && this.isInputValueNotFinished) {\n            return this.inputValue;\n        }\n\n        return this.formattedValue;\n    }\n\n    get showValue(): boolean {\n        return !this.showMinLabel && !this.showMaxLabel;\n    }\n\n    get inputValue(): string {\n        return this.focusableElement ? this.focusableElement.nativeElement.value : '';\n    }\n\n    set inputValue(value: string) {\n        if (this.focusableElement) {\n            this.focusableElement.nativeElement.value = value;\n        }\n    }\n\n    onMouseDown() {\n        if (this.focusableElement) {\n            setNativeFocused(this.focusableElement.nativeElement);\n        }\n    }\n\n    onKeyDownArrowUp(event: KeyboardEvent) {\n        if (this.readOnly) {\n            return;\n        }\n\n        event.preventDefault();\n        this.processStep(true);\n        this.inputValue = this.formattedValue;\n    }\n\n    onKeyDownArrowDown(event: KeyboardEvent) {\n        if (this.readOnly) {\n            return;\n        }\n\n        event.preventDefault();\n        this.processStep(false);\n        this.inputValue = this.formattedValue;\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n\n        if (focused) {\n            return;\n        }\n\n        const inputValue = maskedNumberStringToNumber(\n            this.computedValue,\n            this.numberFormat.decimalSeparator,\n            this.numberFormat.thousandSeparator,\n        );\n        const value = isNaN(inputValue) ? this.min : this.valueGuard(inputValue);\n\n        this.updateValue(value);\n        this.inputValue = this.formattedValue;\n    }\n\n    onValue(value: string) {\n        const capped = this.capInputValue(value);\n        const postfix = value.slice(-1)[0] === ',' ? ',' : '';\n\n        if (maskedMoneyValueIsEmpty(value) || capped === null) {\n            return;\n        }\n\n        const newValue = this.formatNumber(capped) + postfix;\n\n        if (value !== newValue) {\n            this.inputValue = newValue;\n        }\n\n        this.updateValue(capped);\n    }\n\n    onSliderValue(value: number) {\n        this.updateValue(this.valueGuard(value));\n        this.inputValue = this.formattedValue;\n    }\n\n    protected getFallbackValue(): number {\n        return 0;\n    }\n\n    private get formattedValue(): string {\n        return this.formatNumber(this.value);\n    }\n\n    private get isInputValueNotFinished(): boolean {\n        if (this.inputValue === '') {\n            return true;\n        }\n\n        const nativeNumberValue = maskedNumberStringToNumber(\n            this.inputValue,\n            this.numberFormat.decimalSeparator,\n            this.numberFormat.thousandSeparator,\n        );\n\n        return nativeNumberValue < 0\n            ? nativeNumberValue > this.max\n            : nativeNumberValue < this.min;\n    }\n\n    private processStep(increment: boolean) {\n        const value = this.valueGuard(\n            increment ? this.value + this.step : this.value - this.step,\n        );\n\n        if (value !== this.value) {\n            this.updateValue(value);\n        }\n    }\n\n    private formatNumber(value: number): string {\n        return formatNumber(\n            value,\n            null,\n            this.numberFormat.decimalSeparator,\n            this.numberFormat.thousandSeparator,\n        );\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule, ReactiveFormsModule} from '@angular/forms';\nimport {\n    TuiFocusableModule,\n    TuiFocusedModule,\n    TuiHoveredModule,\n    TuiInputModeModule,\n    TuiMapperPipeModule,\n    TuiPressedModule,\n} from '@taiga-ui/cdk';\nimport {TuiTooltipModule, TuiWrapperModule} from '@taiga-ui/core';\nimport {TuiSliderModule} from '@taiga-ui/kit/components/slider';\nimport {TextMaskModule} from 'angular2-text-mask';\n\nimport {TuiInputSliderComponent} from './input-slider.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        ReactiveFormsModule,\n        TextMaskModule,\n        TuiFocusableModule,\n        TuiFocusedModule,\n        TuiHoveredModule,\n        TuiPressedModule,\n        TuiMapperPipeModule,\n        TuiInputModeModule,\n        TuiTooltipModule,\n        TuiSliderModule,\n        TuiWrapperModule,\n    ],\n    declarations: [TuiInputSliderComponent],\n    exports: [TuiInputSliderComponent],\n})\nexport class TuiInputSliderModule {}\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-input-slider.js","sources":["ng://@taiga-ui/kit/components/input-slider/input-slider.component.ts","ng://@taiga-ui/kit/components/input-slider/input-slider.module.ts","ng://@taiga-ui/kit/components/input-slider/taiga-ui-kit-components-input-slider.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    isNativeFocused,\n    setNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\nimport {\n    formatNumber,\n    HINT_CONTROLLER_PROVIDER,\n    maskedMoneyValueIsEmpty,\n    maskedNumberStringToNumber,\n    NumberFormatSettings,\n    TUI_HINT_WATCHED_CONTROLLER,\n    TUI_NUMBER_FORMAT,\n    TuiHintControllerDirective,\n    TuiModeDirective,\n} from '@taiga-ui/core';\nimport {AbstractTuiInputSlider} from '@taiga-ui/kit/abstract';\n\n// @dynamic\n@Component({\n    selector: 'tui-input-slider',\n    templateUrl: './input-slider.template.html',\n    styleUrls: ['./input-slider.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputSliderComponent),\n        },\n        HINT_CONTROLLER_PROVIDER,\n    ],\n})\nexport class TuiInputSliderComponent\n    extends AbstractTuiInputSlider<number>\n    implements TuiFocusableElementAccessor\n{\n    @ViewChild('focusableElement')\n    private readonly focusableElement?: ElementRef<HTMLInputElement>;\n\n    @Input()\n    @tuiDefaultProp()\n    secondary = '';\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Optional()\n        @Inject(TuiModeDirective)\n        protected readonly modeDirective: TuiModeDirective | null,\n        @Inject(TUI_HINT_WATCHED_CONTROLLER)\n        readonly hintController: TuiHintControllerDirective,\n        @Inject(TUI_NUMBER_FORMAT)\n        protected readonly numberFormat: NumberFormatSettings,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return !this.focusableElement || this.computedDisabled\n            ? null\n            : this.focusableElement.nativeElement;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    @HostBinding('class._has-tooltip')\n    get hasTooltip(): boolean {\n        return !!this.hintController.content && !this.disabled;\n    }\n\n    @HostBinding('class._min-label')\n    get showMinLabel(): boolean {\n        return !this.focused && this.value === this.min && !!this.minLabel;\n    }\n\n    @HostBinding('class._max-label')\n    get showMaxLabel(): boolean {\n        return !this.focused && this.value === this.max && !!this.maxLabel;\n    }\n\n    get computedValue(): string {\n        if (this.focused && this.isInputValueNotFinished) {\n            return this.inputValue;\n        }\n\n        return this.formattedValue;\n    }\n\n    get showValue(): boolean {\n        return !this.showMinLabel && !this.showMaxLabel;\n    }\n\n    get inputValue(): string {\n        return this.focusableElement ? this.focusableElement.nativeElement.value : '';\n    }\n\n    set inputValue(value: string) {\n        if (this.focusableElement) {\n            this.focusableElement.nativeElement.value = value;\n        }\n    }\n\n    onMouseDown() {\n        if (this.focusableElement) {\n            setNativeFocused(this.focusableElement.nativeElement);\n        }\n    }\n\n    onKeyDownArrowUp(event: KeyboardEvent) {\n        if (this.readOnly) {\n            return;\n        }\n\n        event.preventDefault();\n        this.processStep(true);\n        this.inputValue = this.formattedValue;\n    }\n\n    onKeyDownArrowDown(event: KeyboardEvent) {\n        if (this.readOnly) {\n            return;\n        }\n\n        event.preventDefault();\n        this.processStep(false);\n        this.inputValue = this.formattedValue;\n    }\n\n    onFocused(focused: boolean) {\n        this.updateFocused(focused);\n\n        if (focused) {\n            return;\n        }\n\n        const inputValue = maskedNumberStringToNumber(\n            this.computedValue,\n            this.numberFormat.decimalSeparator,\n            this.numberFormat.thousandSeparator,\n        );\n        const value = isNaN(inputValue) ? this.min : this.valueGuard(inputValue);\n\n        this.updateValue(value);\n        this.inputValue = this.formattedValue;\n    }\n\n    onValue(value: string) {\n        const capped = this.capInputValue(value);\n        const postfix = value.slice(-1)[0] === ',' ? ',' : '';\n\n        if (maskedMoneyValueIsEmpty(value) || capped === null) {\n            return;\n        }\n\n        const newValue = this.formatNumber(capped) + postfix;\n\n        if (value !== newValue) {\n            this.inputValue = newValue;\n        }\n\n        this.updateValue(capped);\n    }\n\n    onSliderValue(value: number) {\n        this.updateValue(this.valueGuard(value));\n        this.inputValue = this.formattedValue;\n    }\n\n    protected getFallbackValue(): number {\n        return 0;\n    }\n\n    private get formattedValue(): string {\n        return this.formatNumber(this.value);\n    }\n\n    private get isInputValueNotFinished(): boolean {\n        if (this.inputValue === '') {\n            return true;\n        }\n\n        const nativeNumberValue = maskedNumberStringToNumber(\n            this.inputValue,\n            this.numberFormat.decimalSeparator,\n            this.numberFormat.thousandSeparator,\n        );\n\n        return nativeNumberValue < 0\n            ? nativeNumberValue > this.max\n            : nativeNumberValue < this.min;\n    }\n\n    private processStep(increment: boolean) {\n        const value = this.valueGuard(\n            increment ? this.value + this.step : this.value - this.step,\n        );\n\n        if (value !== this.value) {\n            this.updateValue(value);\n        }\n    }\n\n    private formatNumber(value: number): string {\n        return formatNumber(\n            value,\n            null,\n            this.numberFormat.decimalSeparator,\n            this.numberFormat.thousandSeparator,\n        );\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule, ReactiveFormsModule} from '@angular/forms';\nimport {\n    TuiFocusableModule,\n    TuiFocusedModule,\n    TuiHoveredModule,\n    TuiInputModeModule,\n    TuiMapperPipeModule,\n    TuiPressedModule,\n} from '@taiga-ui/cdk';\nimport {TuiTooltipModule, TuiWrapperModule} from '@taiga-ui/core';\nimport {TuiSliderModule} from '@taiga-ui/kit/components/slider';\nimport {TextMaskModule} from 'angular2-text-mask';\n\nimport {TuiInputSliderComponent} from './input-slider.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        ReactiveFormsModule,\n        TextMaskModule,\n        TuiFocusableModule,\n        TuiFocusedModule,\n        TuiHoveredModule,\n        TuiPressedModule,\n        TuiMapperPipeModule,\n        TuiInputModeModule,\n        TuiTooltipModule,\n        TuiSliderModule,\n        TuiWrapperModule,\n    ],\n    declarations: [TuiInputSliderComponent],\n    exports: [TuiInputSliderComponent],\n})\nexport class TuiInputSliderModule {}\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-input-tag.js

@@ -1,8 +1,8 @@
 import { __decorate, __param } from 'tslib';
-import { EventEmitter, Optional, Self, Inject, ChangeDetectorRef, ElementRef, Input, HostBinding, Output, ViewChild, ContentChild, TemplateRef, ViewChildren, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
+import { EventEmitter, Optional, Self, Inject, ChangeDetectorRef, ElementRef, ViewChild, ViewChildren, Input, HostBinding, Output, ContentChild, TemplateRef, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
 import { NgControl, FormsModule } from '@angular/forms';
-import { AbstractTuiMultipleControl, ALWAYS_TRUE_HANDLER, ALWAYS_FALSE_HANDLER, EMPTY_QUERY, isNativeFocusedIn, getActualTarget, setNativeFocused, typedFromEvent, preventDefault, TuiScrollService, tuiDefaultProp, TUI_FOCUSABLE_ITEM_ACCESSOR, TuiFocusableModule, TuiHoveredModule, TuiActiveZoneModule } from '@taiga-ui/cdk';
-import { TUI_TEXTFIELD_APPEARANCE, TuiModeDirective, TuiHintControllerDirective, TUI_HINT_WATCHED_CONTROLLER, TuiTextfieldController, TUI_TEXTFIELD_WATCHED_CONTROLLER, TuiScrollbarComponent, TuiDataListDirective, TuiHostedDropdownComponent, TUI_DATA_LIST_HOST, TEXTFIELD_CONTROLLER_PROVIDER, HINT_CONTROLLER_PROVIDER, TuiSvgModule, TuiScrollbarModule, TuiTooltipModule, TuiHostedDropdownModule, TuiWrapperModule } from '@taiga-ui/core';
+import { AbstractTuiMultipleControl, EMPTY_QUERY, ALWAYS_TRUE_HANDLER, ALWAYS_FALSE_HANDLER, isNativeFocusedIn, getActualTarget, setNativeFocused, typedFromEvent, preventDefault, TuiScrollService, tuiDefaultProp, TUI_FOCUSABLE_ITEM_ACCESSOR, TuiFocusableModule, TuiHoveredModule, TuiActiveZoneModule } from '@taiga-ui/cdk';
+import { TUI_TEXTFIELD_APPEARANCE, TuiModeDirective, TuiHintControllerDirective, TUI_HINT_WATCHED_CONTROLLER, TuiTextfieldController, TUI_TEXTFIELD_WATCHED_CONTROLLER, TuiHostedDropdownComponent, TuiScrollbarComponent, TuiDataListDirective, TUI_DATA_LIST_HOST, TEXTFIELD_CONTROLLER_PROVIDER, HINT_CONTROLLER_PROVIDER, TuiSvgModule, TuiScrollbarModule, TuiTooltipModule, TuiHostedDropdownModule, TuiWrapperModule } from '@taiga-ui/core';
 import { ALLOWED_SPACE_REGEXP, TuiTagModule } from '@taiga-ui/kit/components/tag';
 import { FIXED_DROPDOWN_CONTROLLER_PROVIDER } from '@taiga-ui/kit/providers';
 import { TUI_TAG_STATUS } from '@taiga-ui/kit/tokens';
@@ -23,6 +23,9 @@ let TuiInputTagComponent = TuiInputTagComponent_1 = class TuiInputTagComponent e
         this.tagStatus = tagStatus;
         this.hintController = hintController;
         this.controller = controller;
+        this.tags = EMPTY_QUERY;
+        this.scrollToStart$ = new Subject();
+        this.scrollToEnd$ = new Subject();
         this.allowSpaces = true;
         this.icon = '';
         this.iconAlign = 'right';
@@ -34,9 +37,6 @@ let TuiInputTagComponent = TuiInputTagComponent_1 = class TuiInputTagComponent e
         this.disabledItemHandler = ALWAYS_FALSE_HANDLER;
         this.searchChange = new EventEmitter();
         this.open = false;
-        this.tags = EMPTY_QUERY;
-        this.scrollToStart$ = new Subject();
-        this.scrollToEnd$ = new Subject();
     }
     set pseudoFocusedSetter(value) {
         if (!value && !this.focused) {
@@ -210,6 +210,13 @@ let TuiInputTagComponent = TuiInputTagComponent_1 = class TuiInputTagComponent e
         super.setDisabledState();
         this.open = false;
     }
+    updateValue(value) {
+        const seen = new Set();
+        super.updateValue(value
+            .reverse()
+            .filter(item => !!item && !seen.has(item) && seen.add(item))
+            .reverse());
+    }
     onScrollKeyDown(currentIndex, flag) {
         const tag = this.tags.find((_item, index) => index === currentIndex + flag);
         if (!tag || !this.scrollBar) {
@@ -236,13 +243,6 @@ let TuiInputTagComponent = TuiInputTagComponent_1 = class TuiInputTagComponent e
             .pipe(switchMap(left => this.tuiScrollService.scroll$(nativeElement, 0, left)), takeUntil(this.destroy$))
             .subscribe();
     }
-    updateValue(value) {
-        const seen = new Set();
-        super.updateValue(value
-            .reverse()
-            .filter(item => !!item && !seen.has(item) && seen.add(item))
-            .reverse());
-    }
     updateSearch(value) {
         if (this.focusableElement) {
             this.focusableElement.nativeElement.value = value;
@@ -289,6 +289,24 @@ TuiInputTagComponent.ctorParameters = () => [
     { type: TuiHintControllerDirective, decorators: [{ type: Inject, args: [TUI_HINT_WATCHED_CONTROLLER,] }] },
     { type: TuiTextfieldController, decorators: [{ type: Inject, args: [TUI_TEXTFIELD_WATCHED_CONTROLLER,] }] }
 ];
+__decorate([
+    ViewChild(TuiHostedDropdownComponent)
+], TuiInputTagComponent.prototype, "dropdown", void 0);
+__decorate([
+    ViewChild('focusableElement')
+], TuiInputTagComponent.prototype, "focusableElement", void 0);
+__decorate([
+    ViewChild('tagsContainer')
+], TuiInputTagComponent.prototype, "tagsContainer", void 0);
+__decorate([
+    ViewChildren('tag', { read: ElementRef })
+], TuiInputTagComponent.prototype, "tags", void 0);
+__decorate([
+    ViewChild('cleaner', { read: ElementRef })
+], TuiInputTagComponent.prototype, "cleanerSvg", void 0);
+__decorate([
+    ViewChild(TuiScrollbarComponent, { read: ElementRef })
+], TuiInputTagComponent.prototype, "scrollBar", void 0);
 __decorate([
     Input(),
     tuiDefaultProp()
@@ -332,9 +350,6 @@ __decorate([
 __decorate([
     Output()
 ], TuiInputTagComponent.prototype, "searchChange", void 0);
-__decorate([
-    ViewChild(TuiScrollbarComponent)
-], TuiInputTagComponent.prototype, "scrollerSetter", null);
 __decorate([
     ContentChild(TuiDataListDirective, { read: TemplateRef })
 ], TuiInputTagComponent.prototype, "datalist", void 0);
@@ -342,23 +357,8 @@ __decorate([
     ViewChild('errorIcon')
 ], TuiInputTagComponent.prototype, "errorIconTemplate", void 0);
 __decorate([
-    ViewChild(TuiHostedDropdownComponent)
-], TuiInputTagComponent.prototype, "dropdown", void 0);
-__decorate([
-    ViewChild('focusableElement')
-], TuiInputTagComponent.prototype, "focusableElement", void 0);
-__decorate([
-    ViewChild('tagsContainer')
-], TuiInputTagComponent.prototype, "tagsContainer", void 0);
-__decorate([
-    ViewChildren('tag', { read: ElementRef })
-], TuiInputTagComponent.prototype, "tags", void 0);
-__decorate([
-    ViewChild('cleaner', { read: ElementRef })
-], TuiInputTagComponent.prototype, "cleanerSvg", void 0);
-__decorate([
-    ViewChild(TuiScrollbarComponent, { read: ElementRef })
-], TuiInputTagComponent.prototype, "scrollBar", void 0);
+    ViewChild(TuiScrollbarComponent)
+], TuiInputTagComponent.prototype, "scrollerSetter", null);
 __decorate([
     HostBinding('attr.data-tui-host-size')
 ], TuiInputTagComponent.prototype, "size", null);
@@ -369,7 +369,7 @@ TuiInputTagComponent = TuiInputTagComponent_1 = __decorate([
     Component({
         selector: 'tui-input-tag',
         changeDetection: ChangeDetectionStrategy.OnPush,
-        template: "<tui-hosted-dropdown\n    class=\"hosted\"\n    [canOpen]=\"canOpen\"\n    [content]=\"datalist || ''\"\n    [(open)]=\"open\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-wrapper\n        [appearance]=\"appearance\"\n        [readOnly]=\"readOnly\"\n        [focused]=\"computedFocused\"\n        [hovered]=\"computedHovered\"\n        [disabled]=\"computedDisabled\"\n        [invalid]=\"computedInvalid\"\n        (tuiHoveredChange)=\"onHoveredChange($event)\"\n        (mousedown)=\"onMouseDown($event)\"\n    >\n        <div class=\"content\">\n            <div *ngIf=\"iconAlignLeft\" class=\"icons icons_left\">\n                <tui-svg class=\"icon\" [src]=\"icon\"></tui-svg>\n            </div>\n            <div class=\"wrapper\">\n                <div class=\"absolute-wrapper\">\n                    <div\n                        *ngIf=\"hasPlaceholder\"\n                        automation-id=\"tui-input-tag__placeholder\"\n                        class=\"placeholder\"\n                        [class.placeholder_raised]=\"placeholderRaised\"\n                    >\n                        <ng-content></ng-content>\n                    </div>\n                </div>\n                <tui-scrollbar\n                    *ngIf=\"!expandable; else items\"\n                    class=\"scrollbar\"\n                    [hidden]=\"true\"\n                >\n                    <ng-container *ngTemplateOutlet=\"items\"></ng-container>\n                </tui-scrollbar>\n                <ng-template #items>\n                    <div #tagsContainer class=\"tags\">\n                        <ng-container *ngIf=\"labelOutside; else text\">\n                            <tui-tag\n                                *ngFor=\"let item of value; index as index\"\n                                #tag\n                                class=\"tag\"\n                                automation-id=\"tui-input-tag__tag\"\n                                [status]=\"status\"\n                                [leftContent]=\"getLeftContent(item)\"\n                                [allowSpaces]=\"allowSpaces\"\n                                [tuiFocusable]=\"false\"\n                                [disabled]=\"computedDisabled || disabledItemHandler(item)\"\n                                [editable]=\"editable && !readOnly\"\n                                [hoverable]=\"!readOnly\"\n                                [removable]=\"!readOnly\"\n                                [maxLength]=\"controller.maxLength\"\n                                [size]=\"controller.size\"\n                                [value]=\"item.toString()\"\n                                (edited)=\"onTagEdited($event, item)\"\n                                (keydown.arrowLeft.prevent)=\"onTagKeyDownArrowLeft(index)\"\n                                (keydown.arrowRight.prevent)=\"onTagKeyDownArrowRight(index)\"\n                            ></tui-tag>\n                        </ng-container>\n                        <ng-template #text>\n                            <span\n                                *ngFor=\"let item of value\"\n                                class=\"text\"\n                                [class.text_disabled]=\"disabledItemHandler(item)\"\n                                [class.text_error]=\"!tagValidator(item)\"\n                                >{{item}}</span\n                            >\n                        </ng-template>\n                        <div\n                            class=\"input-wrapper\"\n                            [class.input-wrapper_collapsed]=\"computedDisabled || readOnly || inputHidden\"\n                        >\n                            <div class=\"ghost\">{{search}}</div>\n                            <input\n                                #focusableElement\n                                type=\"text\"\n                                automation-id=\"tui-input-tag__native\"\n                                class=\"native\"\n                                [placeholder]=\"controller.exampleText\"\n                                [class.native_hidden]=\"inputHidden\"\n                                [attr.maxLength]=\"controller.maxLength\"\n                                [id]=\"id\"\n                                [disabled]=\"computedDisabled\"\n                                [readOnly]=\"readOnly || inputHidden\"\n                                [tuiFocusable]=\"computedFocusable\"\n                                [ngModel]=\"search\"\n                                (ngModelChange)=\"onInput($event)\"\n                                (keydown.arrowLeft)=\"onFieldKeyDownArrowLeft($event)\"\n                                (keydown.backspace)=\"onFieldKeyDownBackspace($event)\"\n                                (keydown.enter.prevent)=\"onFieldKeyDownEnter()\"\n                            />\n                        </div>\n                    </div>\n                </ng-template>\n            </div>\n            <div *ngIf=\"hasRightIcons\" class=\"icons icons_right\">\n                <tui-svg\n                    *ngIf=\"hasCleaner\"\n                    #cleaner\n                    class=\"cleaner\"\n                    automation-id=\"tui-input-tag__cleaner\"\n                    src=\"tuiIconCloseLarge\"\n                    (click.stop)=\"onCleanerClick()\"\n                ></tui-svg>\n                <tui-tooltip\n                    *ngIf=\"hasTooltip\"\n                    automation-id=\"tui-input-tag__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                <tui-svg\n                    *ngIf=\"iconAlignRight\"\n                    class=\"icon\"\n                    [src]=\"icon\"\n                ></tui-svg>\n            </div>\n        </div>\n        <ng-template #errorIcon>\n            <tui-svg class=\"error-icon\" src=\"tuiIconAttention\"></tui-svg>\n        </ng-template>\n    </tui-wrapper>\n</tui-hosted-dropdown>\n",
+        template: "<tui-hosted-dropdown\n    class=\"hosted\"\n    [canOpen]=\"canOpen\"\n    [content]=\"datalist || ''\"\n    [(open)]=\"open\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-wrapper\n        [appearance]=\"appearance\"\n        [readOnly]=\"readOnly\"\n        [focused]=\"computedFocused\"\n        [hovered]=\"computedHovered\"\n        [disabled]=\"computedDisabled\"\n        [invalid]=\"computedInvalid\"\n        (tuiHoveredChange)=\"onHoveredChange($event)\"\n        (mousedown)=\"onMouseDown($event)\"\n    >\n        <div class=\"content\">\n            <div *ngIf=\"iconAlignLeft\" class=\"icons icons_left\">\n                <tui-svg class=\"icon\" [src]=\"icon\"></tui-svg>\n            </div>\n            <div class=\"wrapper\">\n                <div class=\"absolute-wrapper\">\n                    <div\n                        *ngIf=\"hasPlaceholder\"\n                        automation-id=\"tui-input-tag__placeholder\"\n                        class=\"placeholder\"\n                        [class.placeholder_raised]=\"placeholderRaised\"\n                    >\n                        <ng-content></ng-content>\n                    </div>\n                </div>\n                <tui-scrollbar\n                    *ngIf=\"!expandable; else items\"\n                    class=\"scrollbar\"\n                    [hidden]=\"true\"\n                >\n                    <ng-container *ngTemplateOutlet=\"items\"></ng-container>\n                </tui-scrollbar>\n                <ng-template #items>\n                    <div #tagsContainer class=\"tags\">\n                        <ng-container *ngIf=\"labelOutside; else text\">\n                            <tui-tag\n                                *ngFor=\"let item of value; index as index\"\n                                #tag\n                                automation-id=\"tui-input-tag__tag\"\n                                class=\"tag\"\n                                [status]=\"status\"\n                                [leftContent]=\"getLeftContent(item)\"\n                                [allowSpaces]=\"allowSpaces\"\n                                [tuiFocusable]=\"false\"\n                                [disabled]=\"computedDisabled || disabledItemHandler(item)\"\n                                [editable]=\"editable && !readOnly\"\n                                [hoverable]=\"!readOnly\"\n                                [removable]=\"!readOnly\"\n                                [maxLength]=\"controller.maxLength\"\n                                [size]=\"controller.size\"\n                                [value]=\"item.toString()\"\n                                (edited)=\"onTagEdited($event, item)\"\n                                (keydown.arrowLeft.prevent)=\"onTagKeyDownArrowLeft(index)\"\n                                (keydown.arrowRight.prevent)=\"onTagKeyDownArrowRight(index)\"\n                            ></tui-tag>\n                        </ng-container>\n                        <ng-template #text>\n                            <span\n                                *ngFor=\"let item of value\"\n                                class=\"text\"\n                                [class.text_disabled]=\"disabledItemHandler(item)\"\n                                [class.text_error]=\"!tagValidator(item)\"\n                            >\n                                {{ item }}\n                            </span>\n                        </ng-template>\n                        <div\n                            class=\"input-wrapper\"\n                            [class.input-wrapper_collapsed]=\"computedDisabled || readOnly || inputHidden\"\n                        >\n                            <div class=\"ghost\">{{ search }}</div>\n                            <input\n                                #focusableElement\n                                type=\"text\"\n                                automation-id=\"tui-input-tag__native\"\n                                class=\"native\"\n                                [placeholder]=\"controller.exampleText\"\n                                [class.native_hidden]=\"inputHidden\"\n                                [attr.maxLength]=\"controller.maxLength\"\n                                [id]=\"id\"\n                                [disabled]=\"computedDisabled\"\n                                [readOnly]=\"readOnly || inputHidden\"\n                                [tuiFocusable]=\"computedFocusable\"\n                                [ngModel]=\"search\"\n                                (ngModelChange)=\"onInput($event)\"\n                                (keydown.arrowLeft)=\"onFieldKeyDownArrowLeft($event)\"\n                                (keydown.backspace)=\"onFieldKeyDownBackspace($event)\"\n                                (keydown.enter.prevent)=\"onFieldKeyDownEnter()\"\n                            />\n                        </div>\n                    </div>\n                </ng-template>\n            </div>\n            <div *ngIf=\"hasRightIcons\" class=\"icons icons_right\">\n                <tui-svg\n                    *ngIf=\"hasCleaner\"\n                    #cleaner\n                    automation-id=\"tui-input-tag__cleaner\"\n                    src=\"tuiIconCloseLarge\"\n                    class=\"cleaner\"\n                    (click.stop)=\"onCleanerClick()\"\n                ></tui-svg>\n                <tui-tooltip\n                    *ngIf=\"hasTooltip\"\n                    automation-id=\"tui-input-tag__tooltip\"\n                    describeId=\"placeholer_until_accesibility_is_added\"\n                    class=\"tooltip\"\n                    [direction]=\"hintController.direction\"\n                    [mode]=\"hintController.mode\"\n                    [content]=\"hintController.content\"\n                    [showDelay]=\"hintController.showDelay\"\n                    [hideDelay]=\"hintController.hideDelay\"\n                ></tui-tooltip>\n                <tui-svg\n                    *ngIf=\"iconAlignRight\"\n                    class=\"icon\"\n                    [src]=\"icon\"\n                ></tui-svg>\n            </div>\n        </div>\n        <ng-template #errorIcon>\n            <tui-svg src=\"tuiIconAttention\" class=\"error-icon\"></tui-svg>\n        </ng-template>\n    </tui-wrapper>\n</tui-hosted-dropdown>\n",
         providers: [
             {
                 provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
@@ -383,7 +383,7 @@ TuiInputTagComponent = TuiInputTagComponent_1 = __decorate([
             TEXTFIELD_CONTROLLER_PROVIDER,
             HINT_CONTROLLER_PROVIDER,
         ],
-        styles: [":host{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;border-radius:var(--tui-radius-m);text-align:left}:host[data-tui-host-size='s']{height:var(--tui-height-s);min-height:var(--tui-height-s);max-height:var(--tui-height-s)}:host[data-tui-host-size='m']{height:var(--tui-height-m);min-height:var(--tui-height-m);max-height:var(--tui-height-m)}:host[data-tui-host-size='l']{height:var(--tui-height-l);min-height:var(--tui-height-l);max-height:var(--tui-height-l);font-size:.9375rem}.input{font:var(--tui-font-text-s);color:var(--tui-text-01);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;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%;height:100%;padding:0 var(--tui-padding-m);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit}.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}:host[data-mode=onDark] .input:-webkit-autofill,:host[data-mode=onDark] .input:-webkit-autofill:focus,:host[data-mode=onDark] .input:-webkit-autofill:hover{border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 1000px var(--tui-autofill-night) inset!important}:host[data-tui-host-size='s'] .input{padding:0 var(--tui-padding-s)}:host[data-tui-host-size='l'] .input{padding:0 var(--tui-padding-l)}:host._disabled .input{pointer-events:none}:host._right-aligned .input{text-align:right}:host[data-tui-host-size='l']:not(._label-outside) .input{padding-top:1.25rem}:host[data-tui-host-size='l']:not(._label-outside) .input:-webkit-autofill+.content .placeholder{font-size:.8156rem;transform:translateY(-.625rem)}:host[data-tui-host-size='m']:not(._label-outside) .input{padding-top:1.125rem}:host[data-tui-host-size='m']:not(._label-outside) .input:-webkit-autofill+.content .placeholder{font-size:.69rem;transform:translateY(-.5rem)}.filler{vertical-align:middle}.content{display:flex;height:100%;width:100%;padding:0 var(--tui-padding-m);box-sizing:border-box;align-items:center;overflow:hidden}:host[data-tui-host-size='s'] .content{padding:0 var(--tui-padding-s)}:host[data-tui-host-size='l'] .content{padding:0 var(--tui-padding-l)}.content:after{content:'';margin-right:-.25rem}:host[data-tui-host-size='m'] .content:after{display:none}.wrapper{flex:1;min-width:0;-webkit-padding-end:.25rem;padding-inline-end:.25rem;-webkit-padding-start:0;padding-inline-start:0}.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)}.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)}.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}.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)}.icon{display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;color:var(--tui-text-03)}:host[data-mode=onDark] .icon{color:var(--tui-text-03-night)}.icon_left{margin:0 .5rem 0 -.25rem;-webkit-margin-start:-.25rem;margin-inline-start:-.25rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host[data-tui-host-size='s'] .icon_left{margin-right:.25rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}:host{cursor:text}:host._expandable{height:auto;max-height:none}:host._disabled{pointer-events:none}:host._readonly{cursor:default}.hosted{display:block;border-radius:inherit}.scrollbar{margin:0 -.25rem;padding:0 .25rem}.tags{display:flex;align-items:center;box-sizing:border-box}:host._expandable .tags{flex-wrap:wrap;white-space:normal}:host._readonly .tags{pointer-events:none}:host[data-tui-host-size='s'] .tags{min-height:var(--tui-height-s);padding:.25rem .25rem .25rem 0}:host[data-tui-host-size='m'] .tags{min-height:var(--tui-height-m);padding:.5rem .25rem .5rem 0}:host[data-tui-host-size='l'] .tags{min-height:var(--tui-height-l);padding:.625rem .25rem .625rem 0}:host[data-tui-host-size='m']:not(._label-outside) .tags{padding:1.1875rem 1rem 0 0}:host[data-tui-host-size='l']:not(._label-outside) .tags{padding:1.6875rem 1rem .5625rem 0}.tags :host[data-tui-host-size]{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:.25rem;padding-inline-end:.25rem}:host[data-tui-host-size]:not(._label-outside) .tags{-webkit-padding-end:1rem;padding-inline-end:1rem}.content{padding:0;align-items:flex-start}:host[data-tui-host-size='m'] .content,:host[data-tui-host-size='s'] .content{padding:0 0 0 .75rem;-webkit-padding-start:.75rem;padding-inline-start:.75rem;-webkit-padding-end:0;padding-inline-end:0}.icons{display:flex;align-items:center;padding:0 0 0 .75rem;-webkit-padding-start:.75rem;padding-inline-start:.75rem;-webkit-padding-end:0;padding-inline-end:0}.icons_left{padding:0;margin:0 .5rem 0 -.25rem;-webkit-margin-start:-.25rem;margin-inline-start:-.25rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host._expandable .icons_right{margin:0 0 0 -.625rem;-webkit-margin-start:-.625rem;margin-inline-start:-.625rem;-webkit-margin-end:0;margin-inline-end:0}:host[data-tui-host-size='s'] .icons{height:var(--tui-height-s)}:host[data-tui-host-size='m'] .icons{height:var(--tui-height-m)}:host[data-tui-host-size='l'] .icons{height:var(--tui-height-l)}.absolute-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}:host[data-tui-host-size='m'] .absolute-wrapper{height:var(--tui-height-m)}:host[data-tui-host-size='l'] .absolute-wrapper{height:var(--tui-height-l)}.wrapper{position:relative;padding:0}.tag{margin:.125rem .5rem .125rem -.25rem;-webkit-margin-start:-.25rem;margin-inline-start:-.25rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem;max-width:100%;flex-shrink:0}.text:after{content:',\\00a0'}.text_disabled{color:var(--tui-text-03)}.text_error{color:var(--tui-negative)}:host:not(._expandable) .text{white-space:nowrap}:host:not(:focus-within) .text:last-of-type:after{content:''}.input-wrapper{position:relative;flex:1;max-width:100%}.input-wrapper_collapsed{flex:0;margin:0 0 0 -.5rem;-webkit-margin-start:-.5rem;margin-inline-start:-.5rem;-webkit-margin-end:0;margin-inline-end:0}:host[data-tui-host-size='s'] .input-wrapper{min-height:1.5rem}:host[data-tui-host-size='m'] .input-wrapper{min-height:calc(var(--tui-height-xs) + 2 * .125rem)}:host[data-tui-host-size='l'] .input-wrapper{min-height:calc(var(--tui-height-s) + 2 * .125rem)}:host:not(._label-outside) .input-wrapper{min-height:1.25rem}.ghost{visibility:hidden;white-space:pre;text-overflow:clip;min-width:.125rem}:host:not(._expandable) .ghost{min-width:2rem}.native{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%;height:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;padding:0;cursor:inherit}.native:-webkit-autofill,.native:-webkit-autofill:focus,.native:-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}.native_hidden{opacity:0;text-indent:-10em}.native::-moz-placeholder{color:var(--tui-text-03);visibility:hidden}.native:-ms-input-placeholder{color:var(--tui-text-03);visibility:hidden}.native::placeholder{color:var(--tui-text-03);visibility:hidden}:host[data-mode=onDark] .native::-moz-placeholder{color:var(--tui-text-03-night)}:host[data-mode=onDark] .native:-ms-input-placeholder{color:var(--tui-text-03-night)}:host[data-mode=onDark] .native::placeholder{color:var(--tui-text-03-night)}:host._focused .native:not(:read-only)::-moz-placeholder{visibility:visible}:host._focused .native:not(:read-only):-ms-input-placeholder{visibility:visible}:host._focused .native:not(:-moz-read-only)::placeholder{visibility:visible}:host._focused .native:not(:read-only)::placeholder{visibility:visible}.error-icon{display:block;color:var(--tui-error-fill);width:1rem;height:1rem}"]
+        styles: [":host{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;border-radius:var(--tui-radius-m);text-align:left}:host[data-tui-host-size='s']{height:var(--tui-height-s);min-height:var(--tui-height-s);max-height:var(--tui-height-s)}:host[data-tui-host-size='m']{height:var(--tui-height-m);min-height:var(--tui-height-m);max-height:var(--tui-height-m)}:host[data-tui-host-size='l']{height:var(--tui-height-l);min-height:var(--tui-height-l);max-height:var(--tui-height-l);font-size:.9375rem}.input{font:var(--tui-font-text-s);color:var(--tui-text-01);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;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%;height:100%;padding:0 var(--tui-padding-m);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit}.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}:host[data-mode=onDark] .input:-webkit-autofill,:host[data-mode=onDark] .input:-webkit-autofill:focus,:host[data-mode=onDark] .input:-webkit-autofill:hover{border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 1000px var(--tui-autofill-night) inset!important}:host[data-tui-host-size='s'] .input{padding:0 var(--tui-padding-s)}:host[data-tui-host-size='l'] .input{padding:0 var(--tui-padding-l)}:host._disabled .input{pointer-events:none}:host._right-aligned .input{text-align:right}:host[data-tui-host-size='l']:not(._label-outside) .input{padding-top:1.25rem}:host[data-tui-host-size='l']:not(._label-outside) .input:-webkit-autofill+.content .placeholder{font-size:.8156rem;transform:translateY(-.625rem)}:host[data-tui-host-size='m']:not(._label-outside) .input{padding-top:1.125rem}:host[data-tui-host-size='m']:not(._label-outside) .input:-webkit-autofill+.content .placeholder{font-size:.69rem;transform:translateY(-.5rem)}.filler{vertical-align:middle}.content{display:flex;height:100%;width:100%;padding:0 var(--tui-padding-m);box-sizing:border-box;align-items:center;overflow:hidden}:host[data-tui-host-size='s'] .content{padding:0 var(--tui-padding-s)}:host[data-tui-host-size='l'] .content{padding:0 var(--tui-padding-l)}.content:after{content:'';margin-right:-.25rem}:host[data-tui-host-size='m'] .content:after{display:none}.wrapper{flex:1;min-width:0;-webkit-padding-end:.25rem;padding-inline-end:.25rem;-webkit-padding-start:0;padding-inline-start:0}.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}.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)}.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}.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)}.icon{display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;color:var(--tui-text-03)}:host[data-mode=onDark] .icon{color:var(--tui-text-03-night)}.icon_left{margin:0 .5rem 0 -.25rem;-webkit-margin-start:-.25rem;margin-inline-start:-.25rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host[data-tui-host-size='s'] .icon_left{margin-right:.25rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}:host{cursor:text}:host._expandable{height:auto;max-height:none}:host._disabled{pointer-events:none}:host._readonly{cursor:default}.hosted{display:block;border-radius:inherit}.scrollbar{margin:0 -.25rem;padding:0 .25rem}.tags{display:flex;align-items:center;box-sizing:border-box}:host._expandable .tags{flex-wrap:wrap;white-space:normal}:host._readonly .tags{pointer-events:none}:host[data-tui-host-size='s'] .tags{min-height:var(--tui-height-s);padding:.25rem .25rem .25rem 0}:host[data-tui-host-size='m'] .tags{min-height:var(--tui-height-m);padding:.5rem .25rem .5rem 0}:host[data-tui-host-size='l'] .tags{min-height:var(--tui-height-l);padding:.625rem .25rem .625rem 0}:host[data-tui-host-size='m']:not(._label-outside) .tags{padding:1.1875rem 1rem 0 0}:host[data-tui-host-size='l']:not(._label-outside) .tags{padding:1.6875rem 1rem .5625rem 0}.tags :host[data-tui-host-size]{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:.25rem;padding-inline-end:.25rem}:host[data-tui-host-size]:not(._label-outside) .tags{-webkit-padding-end:1rem;padding-inline-end:1rem}.content{padding:0;align-items:flex-start}:host[data-tui-host-size='m'] .content,:host[data-tui-host-size='s'] .content{padding:0 0 0 .75rem;-webkit-padding-start:.75rem;padding-inline-start:.75rem;-webkit-padding-end:0;padding-inline-end:0}.icons{display:flex;align-items:center;padding:0 0 0 .75rem;-webkit-padding-start:.75rem;padding-inline-start:.75rem;-webkit-padding-end:0;padding-inline-end:0}.icons_left{padding:0;margin:0 .5rem 0 -.25rem;-webkit-margin-start:-.25rem;margin-inline-start:-.25rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host._expandable .icons_right{margin:0 0 0 -.625rem;-webkit-margin-start:-.625rem;margin-inline-start:-.625rem;-webkit-margin-end:0;margin-inline-end:0}:host[data-tui-host-size='s'] .icons{height:var(--tui-height-s)}:host[data-tui-host-size='m'] .icons{height:var(--tui-height-m)}:host[data-tui-host-size='l'] .icons{height:var(--tui-height-l)}.absolute-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}:host[data-tui-host-size='m'] .absolute-wrapper{height:var(--tui-height-m)}:host[data-tui-host-size='l'] .absolute-wrapper{height:var(--tui-height-l)}.wrapper{position:relative;padding:0}.tag{margin:.125rem .5rem .125rem -.25rem;-webkit-margin-start:-.25rem;margin-inline-start:-.25rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem;max-width:100%;flex-shrink:0}.text:after{content:',\\00a0'}.text_disabled{color:var(--tui-text-03)}.text_error{color:var(--tui-negative)}:host:not(._expandable) .text{white-space:nowrap}:host:not(:focus-within) .text:last-of-type:after{content:''}.input-wrapper{position:relative;flex:1;max-width:100%}.input-wrapper_collapsed{flex:0;margin:0 0 0 -.5rem;-webkit-margin-start:-.5rem;margin-inline-start:-.5rem;-webkit-margin-end:0;margin-inline-end:0}:host[data-tui-host-size='s'] .input-wrapper{min-height:1.5rem}:host[data-tui-host-size='m'] .input-wrapper{min-height:calc(var(--tui-height-xs) + 2 * .125rem)}:host[data-tui-host-size='l'] .input-wrapper{min-height:calc(var(--tui-height-s) + 2 * .125rem)}:host:not(._label-outside) .input-wrapper{min-height:1.25rem}.ghost{visibility:hidden;white-space:pre;text-overflow:clip;min-width:.125rem}:host:not(._expandable) .ghost{min-width:2rem}.native{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%;height:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;padding:0;cursor:inherit}.native:-webkit-autofill,.native:-webkit-autofill:focus,.native:-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}.native_hidden{opacity:0;text-indent:-10em}.native::-moz-placeholder{color:var(--tui-text-03);opacity:0}.native:-ms-input-placeholder{color:var(--tui-text-03);opacity:0}.native::placeholder{color:var(--tui-text-03);opacity:0}:host[data-mode=onDark] .native::-moz-placeholder{color:var(--tui-text-03-night)}:host[data-mode=onDark] .native:-ms-input-placeholder{color:var(--tui-text-03-night)}:host[data-mode=onDark] .native::placeholder{color:var(--tui-text-03-night)}:host._focused .native:not(:read-only)::-moz-placeholder{opacity:1}:host._focused .native:not(:read-only):-ms-input-placeholder{opacity:1}:host._focused .native:not(:-moz-read-only)::placeholder{opacity:1}:host._focused .native:not(:read-only)::placeholder{opacity:1}.error-icon{display:block;color:var(--tui-error-fill);width:1rem;height:1rem}"]
     }),
     __param(0, Optional()),
     __param(0, Self()),

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-input-tag.js","sources":["ng://@taiga-ui/kit/components/input-tag/input-tag.component.ts","ng://@taiga-ui/kit/components/input-tag/input-tag.module.ts","ng://@taiga-ui/kit/components/input-tag/taiga-ui-kit-components-input-tag.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    ElementRef,\n    EventEmitter,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    Output,\n    QueryList,\n    Self,\n    TemplateRef,\n    ViewChild,\n    ViewChildren,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiMultipleControl,\n    ALWAYS_FALSE_HANDLER,\n    ALWAYS_TRUE_HANDLER,\n    EMPTY_QUERY,\n    getActualTarget,\n    isNativeFocusedIn,\n    preventDefault,\n    setNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TuiActiveZoneDirective,\n    TuiBooleanHandler,\n    TuiContextWithImplicit,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiScrollService,\n    typedFromEvent,\n} from '@taiga-ui/cdk';\nimport {\n    HINT_CONTROLLER_PROVIDER,\n    TEXTFIELD_CONTROLLER_PROVIDER,\n    TUI_DATA_LIST_HOST,\n    TUI_HINT_WATCHED_CONTROLLER,\n    TUI_TEXTFIELD_APPEARANCE,\n    TUI_TEXTFIELD_WATCHED_CONTROLLER,\n    TuiDataListDirective,\n    TuiDataListHost,\n    TuiHintControllerDirective,\n    TuiHorizontalDirection,\n    TuiHostedDropdownComponent,\n    TuiModeDirective,\n    TuiScrollbarComponent,\n    TuiSizeL,\n    TuiSizeS,\n    TuiTextfieldController,\n} from '@taiga-ui/core';\nimport {ALLOWED_SPACE_REGEXP} from '@taiga-ui/kit/components/tag';\nimport {FIXED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers';\nimport {TUI_TAG_STATUS} from '@taiga-ui/kit/tokens';\nimport {TuiStatusT} from '@taiga-ui/kit/types';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {merge, Subject} from 'rxjs';\nimport {filter, map, mapTo, switchMap, takeUntil} from 'rxjs/operators';\n\nconst EVENT_Y_TO_X_COEFFICENT = 3;\n\n@Component({\n    selector: 'tui-input-tag',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    templateUrl: './input-tag.template.html',\n    styleUrls: ['./input-tag.style.less'],\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputTagComponent),\n        },\n        {\n            provide: TUI_DATA_LIST_HOST,\n            useExisting: forwardRef(() => TuiInputTagComponent),\n        },\n        FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n        TEXTFIELD_CONTROLLER_PROVIDER,\n        HINT_CONTROLLER_PROVIDER,\n    ],\n})\nexport class TuiInputTagComponent\n    extends AbstractTuiMultipleControl<string>\n    implements TuiFocusableElementAccessor, TuiDataListHost<string>\n{\n    @Input()\n    @tuiDefaultProp()\n    allowSpaces = true;\n\n    @Input()\n    @tuiDefaultProp()\n    icon = '';\n\n    @Input()\n    @tuiDefaultProp()\n    iconAlign: TuiHorizontalDirection = 'right';\n\n    @Input()\n    @tuiDefaultProp()\n    search = '';\n\n    @Input()\n    @tuiDefaultProp()\n    editable = true;\n\n    @Input()\n    @tuiDefaultProp()\n    tagValidator: TuiBooleanHandler<string> = ALWAYS_TRUE_HANDLER;\n\n    @Input()\n    @HostBinding('class._expandable')\n    @tuiDefaultProp()\n    expandable = true;\n\n    @Input()\n    @tuiDefaultProp()\n    inputHidden = false;\n\n    @Input()\n    @tuiDefaultProp()\n    disabledItemHandler: TuiBooleanHandler<string> = ALWAYS_FALSE_HANDLER;\n\n    @Input('pseudoFocused')\n    set pseudoFocusedSetter(value: boolean | null) {\n        if (!value && !this.focused) {\n            this.scrollToStart$.next();\n        }\n\n        this.pseudoFocused = value;\n    }\n\n    @Output()\n    readonly searchChange = new EventEmitter<string>();\n\n    open = false;\n\n    @ViewChild(TuiScrollbarComponent)\n    set scrollerSetter(scroller: TuiScrollbarComponent | null) {\n        this.initScrollerSubscrition(scroller);\n    }\n\n    @ContentChild(TuiDataListDirective, {read: TemplateRef})\n    readonly datalist?: TemplateRef<TuiContextWithImplicit<TuiActiveZoneDirective>>;\n\n    @ViewChild('errorIcon')\n    readonly errorIconTemplate?: TemplateRef<{}>;\n\n    @ViewChild(TuiHostedDropdownComponent)\n    private readonly dropdown?: TuiHostedDropdownComponent;\n\n    @ViewChild('focusableElement')\n    private readonly focusableElement?: ElementRef<HTMLInputElement>;\n\n    @ViewChild('tagsContainer')\n    private readonly tagsContainer?: ElementRef<HTMLElement>;\n\n    @ViewChildren('tag', {read: ElementRef})\n    private readonly tags: QueryList<ElementRef<HTMLElement>> = EMPTY_QUERY;\n\n    private readonly scrollToStart$ = new Subject<void>();\n    private readonly scrollToEnd$ = new Subject<void>();\n\n    @ViewChild('cleaner', {read: ElementRef})\n    private readonly cleanerSvg?: ElementRef<HTMLElement>;\n\n    @ViewChild(TuiScrollbarComponent, {read: ElementRef})\n    private readonly scrollBar?: ElementRef<HTMLElement>;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TuiScrollService) private tuiScrollService: TuiScrollService,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(TUI_TEXTFIELD_APPEARANCE) readonly appearance: string,\n        @Optional()\n        @Inject(TuiModeDirective)\n        private readonly modeDirective: TuiModeDirective | null,\n        @Inject(TUI_TAG_STATUS) private readonly tagStatus: TuiStatusT,\n        @Inject(TUI_HINT_WATCHED_CONTROLLER)\n        readonly hintController: TuiHintControllerDirective,\n        @Inject(TUI_TEXTFIELD_WATCHED_CONTROLLER)\n        readonly controller: TuiTextfieldController,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return !this.focusableElement || this.computedDisabled\n            ? null\n            : this.focusableElement.nativeElement;\n    }\n\n    get focused(): boolean {\n        return (\n            isNativeFocusedIn(this.elementRef.nativeElement) ||\n            (!!this.dropdown && this.dropdown.focused)\n        );\n    }\n\n    @HostBinding('attr.data-tui-host-size')\n    get size(): TuiSizeL | TuiSizeS {\n        return this.controller.size;\n    }\n\n    @HostBinding('class._label-outside')\n    get labelOutside(): boolean {\n        const {size, labelOutside} = this.controller;\n\n        return size === 's' || labelOutside;\n    }\n\n    get hasCleaner(): boolean {\n        return (\n            this.controller.cleaner && this.hasValue && !this.disabled && !this.readOnly\n        );\n    }\n\n    get hasNativeValue(): boolean {\n        return !!this.search;\n    }\n\n    get hasValue(): boolean {\n        return !!this.value.length || this.hasNativeValue;\n    }\n\n    get hasPlaceholder(): boolean {\n        return !this.labelOutside || (!this.hasValue && !this.hasExampleText);\n    }\n\n    get placeholderRaised(): boolean {\n        return (\n            !this.labelOutside &&\n            ((this.computedFocused && !this.readOnly) || this.hasValue)\n        );\n    }\n\n    get hasExampleText(): boolean {\n        return (\n            !!this.controller.exampleText &&\n            this.computedFocused &&\n            !this.hasValue &&\n            !this.readOnly\n        );\n    }\n\n    get hasTooltip(): boolean {\n        return !!this.hintController.content && !this.disabled;\n    }\n\n    get iconAlignLeft(): boolean {\n        return !!this.icon && this.iconAlign === 'left';\n    }\n\n    get iconAlignRight(): boolean {\n        return !!this.icon && this.iconAlign === 'right';\n    }\n\n    get hasRightIcons(): boolean {\n        return this.hasCleaner || this.hasTooltip || this.iconAlignRight;\n    }\n\n    get status(): TuiStatusT {\n        return this.modeDirective && this.modeDirective.mode ? 'default' : this.tagStatus;\n    }\n\n    get canOpen(): boolean {\n        return !this.computedDisabled && !this.readOnly && !!this.datalist;\n    }\n\n    getLeftContent(tag: string): PolymorpheusContent {\n        return !this.tagValidator(tag) && this.errorIconTemplate\n            ? this.errorIconTemplate\n            : '';\n    }\n\n    onCleanerClick() {\n        this.updateSearch('');\n        this.clear();\n        this.focusInput();\n    }\n\n    onActiveZone(active: boolean) {\n        this.open = false;\n        this.addTag();\n        this.updateFocused(active);\n\n        if (!this.computedFocused) {\n            this.scrollToStart$.next();\n        }\n    }\n\n    onMouseDown(event: MouseEvent) {\n        const actualTarget = getActualTarget(event);\n\n        if (\n            !this.focusableElement ||\n            actualTarget === this.focusableElement.nativeElement ||\n            // TODO: iframe warning\n            !(event.target instanceof Element) ||\n            (this.cleanerSvg && this.cleanerSvg.nativeElement.contains(event.target)) ||\n            (this.tagsContainer &&\n                actualTarget !== this.tagsContainer.nativeElement &&\n                this.tagsContainer.nativeElement.contains(actualTarget))\n        ) {\n            return;\n        }\n\n        event.preventDefault();\n        this.focusInput();\n    }\n\n    onFieldKeyDownBackspace(event: KeyboardEvent) {\n        if (!this.labelOutside && !this.hasNativeValue && this.value.length) {\n            this.deleteLastEnabledItem();\n        } else {\n            this.onFieldKeyDownArrowLeft(event);\n        }\n    }\n\n    onFieldKeyDownArrowLeft(event: KeyboardEvent) {\n        if (!this.labelOutside || this.hasNativeValue || !this.value.length) {\n            return;\n        }\n\n        event.preventDefault();\n        setNativeFocused(this.tags.last.nativeElement);\n    }\n\n    onFieldKeyDownEnter() {\n        this.addTag();\n        this.scrollToEnd$.next();\n    }\n\n    onTagKeyDownArrowLeft(currentIndex: number) {\n        if (currentIndex > 0) {\n            this.onScrollKeyDown(currentIndex, -1);\n        }\n    }\n\n    onTagKeyDownArrowRight(currentIndex: number) {\n        if (currentIndex === this.value.length - 1) {\n            this.focusInput();\n        } else {\n            this.onScrollKeyDown(currentIndex, 1);\n        }\n    }\n\n    onTagEdited(value: string, editedTag: string) {\n        this.focusInput();\n        this.updateValue(\n            this.value\n                .map(tag =>\n                    tag !== editedTag\n                        ? tag\n                        : value\n                              .split(',')\n                              .map(tag => tag.trim())\n                              .filter(Boolean),\n                )\n                .reduce<string[]>(\n                    (result, item: string | string[]) => result.concat(item),\n                    [],\n                ),\n        );\n    }\n\n    handleOption(item: string) {\n        this.focusInput();\n        this.updateSearch('');\n        this.updateValue(this.value.concat(item));\n        this.open = false;\n        this.scrollToEnd$.next();\n    }\n\n    onInput(value: string) {\n        const array = this.allowSpaces\n            ? value.split(',')\n            : value.split(ALLOWED_SPACE_REGEXP);\n        const tags = array\n            .map(item => item.trim())\n            .filter((item, index, {length}) => item.length > 0 && index !== length - 1);\n        const validated = tags.filter(tag => !this.disabledItemHandler(tag));\n\n        if (array.length > 1) {\n            this.updateSearch(array[array.length - 1].trim());\n            this.updateValue([...this.value, ...validated]);\n        } else {\n            this.updateSearch(value);\n        }\n\n        this.open = this.hasNativeValue;\n    }\n\n    onHoveredChange(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    setDisabledState() {\n        super.setDisabledState();\n        this.open = false;\n    }\n\n    private onScrollKeyDown(currentIndex: number, flag: number) {\n        const tag = this.tags.find((_item, index) => index === currentIndex + flag);\n\n        if (!tag || !this.scrollBar) {\n            return;\n        }\n\n        setNativeFocused(tag.nativeElement);\n\n        if (\n            flag * this.scrollBar.nativeElement.clientWidth -\n                flag * tag.nativeElement.offsetLeft -\n                tag.nativeElement.clientWidth <\n            0\n        ) {\n            this.scrollBar.nativeElement.scrollLeft +=\n                flag * tag.nativeElement.clientWidth;\n        }\n    }\n\n    private initScrollerSubscrition(scroller: TuiScrollbarComponent | null) {\n        if (!scroller || !scroller.browserScrollRef) {\n            return;\n        }\n\n        const {nativeElement} = scroller.browserScrollRef;\n\n        const wheel$ = typedFromEvent(nativeElement, 'wheel', {passive: false}).pipe(\n            filter(event => event.deltaX === 0 && this.shouldScroll(nativeElement)),\n            preventDefault(),\n            map(({deltaY}) =>\n                Math.max(nativeElement.scrollLeft + deltaY * EVENT_Y_TO_X_COEFFICENT, 0),\n            ),\n        );\n        const start$ = this.scrollToStart$.pipe(mapTo(0));\n        const end$ = this.scrollToEnd$.pipe(map(() => nativeElement.scrollWidth));\n\n        merge(wheel$, start$, end$)\n            .pipe(\n                switchMap(left => this.tuiScrollService.scroll$(nativeElement, 0, left)),\n                takeUntil(this.destroy$),\n            )\n            .subscribe();\n    }\n\n    protected updateValue(value: Array<string>) {\n        const seen = new Set();\n\n        super.updateValue(\n            value\n                .reverse()\n                .filter(item => !!item && !seen.has(item) && seen.add(item))\n                .reverse(),\n        );\n    }\n\n    private updateSearch(value: string) {\n        if (this.focusableElement) {\n            this.focusableElement.nativeElement.value = value;\n        }\n\n        this.search = value;\n        this.searchChange.emit(value);\n    }\n\n    private shouldScroll({scrollWidth, offsetWidth}: HTMLElement): boolean {\n        return scrollWidth > offsetWidth;\n    }\n\n    private addTag() {\n        const inputValue = this.search.trim();\n\n        if (!inputValue || this.disabledItemHandler(inputValue)) {\n            return;\n        }\n\n        this.updateSearch('');\n        this.updateValue(this.value.concat(inputValue));\n    }\n\n    private deleteLastEnabledItem() {\n        for (let index = this.value.length - 1; index >= 0; index--) {\n            if (!this.disabledItemHandler(this.value[index])) {\n                this.updateValue([\n                    ...this.value.slice(0, index),\n                    ...this.value.slice(index + 1, this.value.length),\n                ]);\n\n                break;\n            }\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 {FormsModule} from '@angular/forms';\nimport {\n    TuiActiveZoneModule,\n    TuiFocusableModule,\n    TuiHoveredModule,\n    TuiScrollService,\n} from '@taiga-ui/cdk';\nimport {\n    TuiHostedDropdownModule,\n    TuiScrollbarModule,\n    TuiSvgModule,\n    TuiTooltipModule,\n    TuiWrapperModule,\n} from '@taiga-ui/core';\nimport {TuiTagModule} from '@taiga-ui/kit/components/tag';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\nimport {TuiInputTagComponent} from './input-tag.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        PolymorpheusModule,\n        TuiFocusableModule,\n        TuiHoveredModule,\n        TuiActiveZoneModule,\n        TuiSvgModule,\n        TuiScrollbarModule,\n        TuiTooltipModule,\n        TuiHostedDropdownModule,\n        TuiTagModule,\n        TuiWrapperModule,\n    ],\n    providers: [TuiScrollService],\n    declarations: [TuiInputTagComponent],\n    exports: [TuiInputTagComponent],\n})\nexport class TuiInputTagModule {}\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-input-tag.js","sources":["ng://@taiga-ui/kit/components/input-tag/input-tag.component.ts","ng://@taiga-ui/kit/components/input-tag/input-tag.module.ts","ng://@taiga-ui/kit/components/input-tag/taiga-ui-kit-components-input-tag.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    ElementRef,\n    EventEmitter,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    Output,\n    QueryList,\n    Self,\n    TemplateRef,\n    ViewChild,\n    ViewChildren,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiMultipleControl,\n    ALWAYS_FALSE_HANDLER,\n    ALWAYS_TRUE_HANDLER,\n    EMPTY_QUERY,\n    getActualTarget,\n    isNativeFocusedIn,\n    preventDefault,\n    setNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TuiActiveZoneDirective,\n    TuiBooleanHandler,\n    TuiContextWithImplicit,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiScrollService,\n    typedFromEvent,\n} from '@taiga-ui/cdk';\nimport {\n    HINT_CONTROLLER_PROVIDER,\n    TEXTFIELD_CONTROLLER_PROVIDER,\n    TUI_DATA_LIST_HOST,\n    TUI_HINT_WATCHED_CONTROLLER,\n    TUI_TEXTFIELD_APPEARANCE,\n    TUI_TEXTFIELD_WATCHED_CONTROLLER,\n    TuiDataListDirective,\n    TuiDataListHost,\n    TuiHintControllerDirective,\n    TuiHorizontalDirection,\n    TuiHostedDropdownComponent,\n    TuiModeDirective,\n    TuiScrollbarComponent,\n    TuiSizeL,\n    TuiSizeS,\n    TuiTextfieldController,\n} from '@taiga-ui/core';\nimport {ALLOWED_SPACE_REGEXP} from '@taiga-ui/kit/components/tag';\nimport {FIXED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers';\nimport {TUI_TAG_STATUS} from '@taiga-ui/kit/tokens';\nimport {TuiStatusT} from '@taiga-ui/kit/types';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {merge, Subject} from 'rxjs';\nimport {filter, map, mapTo, switchMap, takeUntil} from 'rxjs/operators';\n\nconst EVENT_Y_TO_X_COEFFICENT = 3;\n\n@Component({\n    selector: 'tui-input-tag',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    templateUrl: './input-tag.template.html',\n    styleUrls: ['./input-tag.style.less'],\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputTagComponent),\n        },\n        {\n            provide: TUI_DATA_LIST_HOST,\n            useExisting: forwardRef(() => TuiInputTagComponent),\n        },\n        FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n        TEXTFIELD_CONTROLLER_PROVIDER,\n        HINT_CONTROLLER_PROVIDER,\n    ],\n})\nexport class TuiInputTagComponent\n    extends AbstractTuiMultipleControl<string>\n    implements TuiFocusableElementAccessor, TuiDataListHost<string>\n{\n    @ViewChild(TuiHostedDropdownComponent)\n    private readonly dropdown?: TuiHostedDropdownComponent;\n\n    @ViewChild('focusableElement')\n    private readonly focusableElement?: ElementRef<HTMLInputElement>;\n\n    @ViewChild('tagsContainer')\n    private readonly tagsContainer?: ElementRef<HTMLElement>;\n\n    @ViewChildren('tag', {read: ElementRef})\n    private readonly tags: QueryList<ElementRef<HTMLElement>> = EMPTY_QUERY;\n\n    @ViewChild('cleaner', {read: ElementRef})\n    private readonly cleanerSvg?: ElementRef<HTMLElement>;\n\n    @ViewChild(TuiScrollbarComponent, {read: ElementRef})\n    private readonly scrollBar?: ElementRef<HTMLElement>;\n\n    private readonly scrollToStart$ = new Subject<void>();\n    private readonly scrollToEnd$ = new Subject<void>();\n\n    @Input()\n    @tuiDefaultProp()\n    allowSpaces = true;\n\n    @Input()\n    @tuiDefaultProp()\n    icon = '';\n\n    @Input()\n    @tuiDefaultProp()\n    iconAlign: TuiHorizontalDirection = 'right';\n\n    @Input()\n    @tuiDefaultProp()\n    search = '';\n\n    @Input()\n    @tuiDefaultProp()\n    editable = true;\n\n    @Input()\n    @tuiDefaultProp()\n    tagValidator: TuiBooleanHandler<string> = ALWAYS_TRUE_HANDLER;\n\n    @Input()\n    @HostBinding('class._expandable')\n    @tuiDefaultProp()\n    expandable = true;\n\n    @Input()\n    @tuiDefaultProp()\n    inputHidden = false;\n\n    @Input()\n    @tuiDefaultProp()\n    disabledItemHandler: TuiBooleanHandler<string> = ALWAYS_FALSE_HANDLER;\n\n    @Input('pseudoFocused')\n    set pseudoFocusedSetter(value: boolean | null) {\n        if (!value && !this.focused) {\n            this.scrollToStart$.next();\n        }\n\n        this.pseudoFocused = value;\n    }\n\n    @Output()\n    readonly searchChange = new EventEmitter<string>();\n\n    @ContentChild(TuiDataListDirective, {read: TemplateRef})\n    readonly datalist?: TemplateRef<TuiContextWithImplicit<TuiActiveZoneDirective>>;\n\n    @ViewChild('errorIcon')\n    readonly errorIconTemplate?: TemplateRef<{}>;\n\n    @ViewChild(TuiScrollbarComponent)\n    set scrollerSetter(scroller: TuiScrollbarComponent | null) {\n        this.initScrollerSubscrition(scroller);\n    }\n\n    open = false;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TuiScrollService) private tuiScrollService: TuiScrollService,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n        @Inject(TUI_TEXTFIELD_APPEARANCE) readonly appearance: string,\n        @Optional()\n        @Inject(TuiModeDirective)\n        private readonly modeDirective: TuiModeDirective | null,\n        @Inject(TUI_TAG_STATUS) private readonly tagStatus: TuiStatusT,\n        @Inject(TUI_HINT_WATCHED_CONTROLLER)\n        readonly hintController: TuiHintControllerDirective,\n        @Inject(TUI_TEXTFIELD_WATCHED_CONTROLLER)\n        readonly controller: TuiTextfieldController,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return !this.focusableElement || this.computedDisabled\n            ? null\n            : this.focusableElement.nativeElement;\n    }\n\n    get focused(): boolean {\n        return (\n            isNativeFocusedIn(this.elementRef.nativeElement) ||\n            (!!this.dropdown && this.dropdown.focused)\n        );\n    }\n\n    @HostBinding('attr.data-tui-host-size')\n    get size(): TuiSizeL | TuiSizeS {\n        return this.controller.size;\n    }\n\n    @HostBinding('class._label-outside')\n    get labelOutside(): boolean {\n        const {size, labelOutside} = this.controller;\n\n        return size === 's' || labelOutside;\n    }\n\n    get hasCleaner(): boolean {\n        return (\n            this.controller.cleaner && this.hasValue && !this.disabled && !this.readOnly\n        );\n    }\n\n    get hasNativeValue(): boolean {\n        return !!this.search;\n    }\n\n    get hasValue(): boolean {\n        return !!this.value.length || this.hasNativeValue;\n    }\n\n    get hasPlaceholder(): boolean {\n        return !this.labelOutside || (!this.hasValue && !this.hasExampleText);\n    }\n\n    get placeholderRaised(): boolean {\n        return (\n            !this.labelOutside &&\n            ((this.computedFocused && !this.readOnly) || this.hasValue)\n        );\n    }\n\n    get hasExampleText(): boolean {\n        return (\n            !!this.controller.exampleText &&\n            this.computedFocused &&\n            !this.hasValue &&\n            !this.readOnly\n        );\n    }\n\n    get hasTooltip(): boolean {\n        return !!this.hintController.content && !this.disabled;\n    }\n\n    get iconAlignLeft(): boolean {\n        return !!this.icon && this.iconAlign === 'left';\n    }\n\n    get iconAlignRight(): boolean {\n        return !!this.icon && this.iconAlign === 'right';\n    }\n\n    get hasRightIcons(): boolean {\n        return this.hasCleaner || this.hasTooltip || this.iconAlignRight;\n    }\n\n    get status(): TuiStatusT {\n        return this.modeDirective && this.modeDirective.mode ? 'default' : this.tagStatus;\n    }\n\n    get canOpen(): boolean {\n        return !this.computedDisabled && !this.readOnly && !!this.datalist;\n    }\n\n    getLeftContent(tag: string): PolymorpheusContent {\n        return !this.tagValidator(tag) && this.errorIconTemplate\n            ? this.errorIconTemplate\n            : '';\n    }\n\n    onCleanerClick() {\n        this.updateSearch('');\n        this.clear();\n        this.focusInput();\n    }\n\n    onActiveZone(active: boolean) {\n        this.open = false;\n        this.addTag();\n        this.updateFocused(active);\n\n        if (!this.computedFocused) {\n            this.scrollToStart$.next();\n        }\n    }\n\n    onMouseDown(event: MouseEvent) {\n        const actualTarget = getActualTarget(event);\n\n        if (\n            !this.focusableElement ||\n            actualTarget === this.focusableElement.nativeElement ||\n            // TODO: iframe warning\n            !(event.target instanceof Element) ||\n            (this.cleanerSvg && this.cleanerSvg.nativeElement.contains(event.target)) ||\n            (this.tagsContainer &&\n                actualTarget !== this.tagsContainer.nativeElement &&\n                this.tagsContainer.nativeElement.contains(actualTarget))\n        ) {\n            return;\n        }\n\n        event.preventDefault();\n        this.focusInput();\n    }\n\n    onFieldKeyDownBackspace(event: KeyboardEvent) {\n        if (!this.labelOutside && !this.hasNativeValue && this.value.length) {\n            this.deleteLastEnabledItem();\n        } else {\n            this.onFieldKeyDownArrowLeft(event);\n        }\n    }\n\n    onFieldKeyDownArrowLeft(event: KeyboardEvent) {\n        if (!this.labelOutside || this.hasNativeValue || !this.value.length) {\n            return;\n        }\n\n        event.preventDefault();\n        setNativeFocused(this.tags.last.nativeElement);\n    }\n\n    onFieldKeyDownEnter() {\n        this.addTag();\n        this.scrollToEnd$.next();\n    }\n\n    onTagKeyDownArrowLeft(currentIndex: number) {\n        if (currentIndex > 0) {\n            this.onScrollKeyDown(currentIndex, -1);\n        }\n    }\n\n    onTagKeyDownArrowRight(currentIndex: number) {\n        if (currentIndex === this.value.length - 1) {\n            this.focusInput();\n        } else {\n            this.onScrollKeyDown(currentIndex, 1);\n        }\n    }\n\n    onTagEdited(value: string, editedTag: string) {\n        this.focusInput();\n        this.updateValue(\n            this.value\n                .map(tag =>\n                    tag !== editedTag\n                        ? tag\n                        : value\n                              .split(',')\n                              .map(tag => tag.trim())\n                              .filter(Boolean),\n                )\n                .reduce<string[]>(\n                    (result, item: string | string[]) => result.concat(item),\n                    [],\n                ),\n        );\n    }\n\n    handleOption(item: string) {\n        this.focusInput();\n        this.updateSearch('');\n        this.updateValue(this.value.concat(item));\n        this.open = false;\n        this.scrollToEnd$.next();\n    }\n\n    onInput(value: string) {\n        const array = this.allowSpaces\n            ? value.split(',')\n            : value.split(ALLOWED_SPACE_REGEXP);\n        const tags = array\n            .map(item => item.trim())\n            .filter((item, index, {length}) => item.length > 0 && index !== length - 1);\n        const validated = tags.filter(tag => !this.disabledItemHandler(tag));\n\n        if (array.length > 1) {\n            this.updateSearch(array[array.length - 1].trim());\n            this.updateValue([...this.value, ...validated]);\n        } else {\n            this.updateSearch(value);\n        }\n\n        this.open = this.hasNativeValue;\n    }\n\n    onHoveredChange(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    setDisabledState() {\n        super.setDisabledState();\n        this.open = false;\n    }\n\n    protected updateValue(value: Array<string>) {\n        const seen = new Set();\n\n        super.updateValue(\n            value\n                .reverse()\n                .filter(item => !!item && !seen.has(item) && seen.add(item))\n                .reverse(),\n        );\n    }\n\n    private onScrollKeyDown(currentIndex: number, flag: number) {\n        const tag = this.tags.find((_item, index) => index === currentIndex + flag);\n\n        if (!tag || !this.scrollBar) {\n            return;\n        }\n\n        setNativeFocused(tag.nativeElement);\n\n        if (\n            flag * this.scrollBar.nativeElement.clientWidth -\n                flag * tag.nativeElement.offsetLeft -\n                tag.nativeElement.clientWidth <\n            0\n        ) {\n            this.scrollBar.nativeElement.scrollLeft +=\n                flag * tag.nativeElement.clientWidth;\n        }\n    }\n\n    private initScrollerSubscrition(scroller: TuiScrollbarComponent | null) {\n        if (!scroller || !scroller.browserScrollRef) {\n            return;\n        }\n\n        const {nativeElement} = scroller.browserScrollRef;\n\n        const wheel$ = typedFromEvent(nativeElement, 'wheel', {passive: false}).pipe(\n            filter(event => event.deltaX === 0 && this.shouldScroll(nativeElement)),\n            preventDefault(),\n            map(({deltaY}) =>\n                Math.max(nativeElement.scrollLeft + deltaY * EVENT_Y_TO_X_COEFFICENT, 0),\n            ),\n        );\n        const start$ = this.scrollToStart$.pipe(mapTo(0));\n        const end$ = this.scrollToEnd$.pipe(map(() => nativeElement.scrollWidth));\n\n        merge(wheel$, start$, end$)\n            .pipe(\n                switchMap(left => this.tuiScrollService.scroll$(nativeElement, 0, left)),\n                takeUntil(this.destroy$),\n            )\n            .subscribe();\n    }\n\n    private updateSearch(value: string) {\n        if (this.focusableElement) {\n            this.focusableElement.nativeElement.value = value;\n        }\n\n        this.search = value;\n        this.searchChange.emit(value);\n    }\n\n    private shouldScroll({scrollWidth, offsetWidth}: HTMLElement): boolean {\n        return scrollWidth > offsetWidth;\n    }\n\n    private addTag() {\n        const inputValue = this.search.trim();\n\n        if (!inputValue || this.disabledItemHandler(inputValue)) {\n            return;\n        }\n\n        this.updateSearch('');\n        this.updateValue(this.value.concat(inputValue));\n    }\n\n    private deleteLastEnabledItem() {\n        for (let index = this.value.length - 1; index >= 0; index--) {\n            if (!this.disabledItemHandler(this.value[index])) {\n                this.updateValue([\n                    ...this.value.slice(0, index),\n                    ...this.value.slice(index + 1, this.value.length),\n                ]);\n\n                break;\n            }\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 {FormsModule} from '@angular/forms';\nimport {\n    TuiActiveZoneModule,\n    TuiFocusableModule,\n    TuiHoveredModule,\n    TuiScrollService,\n} from '@taiga-ui/cdk';\nimport {\n    TuiHostedDropdownModule,\n    TuiScrollbarModule,\n    TuiSvgModule,\n    TuiTooltipModule,\n    TuiWrapperModule,\n} from '@taiga-ui/core';\nimport {TuiTagModule} from '@taiga-ui/kit/components/tag';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiInputTagComponent} from './input-tag.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        PolymorpheusModule,\n        TuiFocusableModule,\n        TuiHoveredModule,\n        TuiActiveZoneModule,\n        TuiSvgModule,\n        TuiScrollbarModule,\n        TuiTooltipModule,\n        TuiHostedDropdownModule,\n        TuiTagModule,\n        TuiWrapperModule,\n    ],\n    providers: [TuiScrollService],\n    declarations: [TuiInputTagComponent],\n    exports: [TuiInputTagComponent],\n})\nexport class TuiInputTagModule {}\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-input-time.js

@@ -1,5 +1,5 @@
 import { __decorate, __param } from 'tslib';
-import { InjectionToken, Optional, Self, Inject, ChangeDetectorRef, Input, ViewChild, HostListener, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
+import { InjectionToken, Optional, Self, Inject, ChangeDetectorRef, ViewChild, Input, HostListener, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { AbstractTuiNullableControl, ALWAYS_FALSE_HANDLER, isNativeFocused, TuiTime, TUI_STRICT_MATCHER, setNativeFocused, tuiDefaultProp, tuiPure, TUI_FOCUSABLE_ITEM_ACCESSOR } from '@taiga-ui/cdk';
 import { TuiPrimitiveTextfieldComponent, TuiDataListModule, TuiHostedDropdownModule, TuiPrimitiveTextfieldModule, TuiTextfieldControllerModule } from '@taiga-ui/core';
@@ -82,6 +82,9 @@ let TuiInputTimeComponent = TuiInputTimeComponent_1 = class TuiInputTimeComponen
     getFiller$(mode) {
         return this.timeTexts$.pipe(map(texts => texts[mode]));
     }
+    onClick() {
+        this.open = !this.open;
+    }
     onValueChange(value) {
         this.open = !!this.items.length;
         if (this.control) {
@@ -130,9 +133,6 @@ let TuiInputTimeComponent = TuiInputTimeComponent_1 = class TuiInputTimeComponen
         }
         this.processArrow(event, -1);
     }
-    onClick() {
-        this.open = !this.open;
-    }
     onMenuClick(item) {
         this.focusInput();
         this.updateValue(item);
@@ -144,6 +144,16 @@ let TuiInputTimeComponent = TuiInputTimeComponent_1 = class TuiInputTimeComponen
         super.writeValue(value);
         this.nativeValue = value ? this.computedValue : '';
     }
+    calculateMask(mode) {
+        return {
+            mask: tuiCreateTimeMask(mode),
+            pipe: tuiCreateAutoCorrectedTimePipe(mode),
+            guide: false,
+        };
+    }
+    filter(items, mode, search) {
+        return items.filter(item => item.toString(mode).includes(search));
+    }
     findNearestTimeFromItems(value) {
         return this.items.reduce((previous, current) => Math.abs(current.toAbsoluteMilliseconds() - value.toAbsoluteMilliseconds()) <
             Math.abs(previous.toAbsoluteMilliseconds() - value.toAbsoluteMilliseconds())
@@ -194,16 +204,6 @@ let TuiInputTimeComponent = TuiInputTimeComponent_1 = class TuiInputTimeComponen
             this.close();
         }
     }
-    calculateMask(mode) {
-        return {
-            mask: tuiCreateTimeMask(mode),
-            pipe: tuiCreateAutoCorrectedTimePipe(mode),
-            guide: false,
-        };
-    }
-    filter(items, mode, search) {
-        return items.filter(item => item.toString(mode).includes(search));
-    }
 };
 TuiInputTimeComponent.ctorParameters = () => [
     { type: NgControl, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NgControl,] }] },
@@ -211,6 +211,9 @@ TuiInputTimeComponent.ctorParameters = () => [
     { type: Observable, decorators: [{ type: Inject, args: [TUI_TIME_TEXTS,] }] },
     { type: undefined, decorators: [{ type: Inject, args: [TUI_INPUT_TIME_OPTIONS,] }] }
 ];
+__decorate([
+    ViewChild(TuiPrimitiveTextfieldComponent)
+], TuiInputTimeComponent.prototype, "textfield", void 0);
 __decorate([
     Input(),
     tuiDefaultProp()
@@ -231,9 +234,6 @@ __decorate([
     Input(),
     tuiDefaultProp()
 ], TuiInputTimeComponent.prototype, "mode", void 0);
-__decorate([
-    ViewChild(TuiPrimitiveTextfieldComponent)
-], TuiInputTimeComponent.prototype, "textfield", void 0);
 __decorate([
     tuiPure
 ], TuiInputTimeComponent.prototype, "getFiller$", null);
@@ -249,7 +249,7 @@ __decorate([
 TuiInputTimeComponent = TuiInputTimeComponent_1 = __decorate([
     Component({
         selector: 'tui-input-time',
-        template: "<tui-hosted-dropdown\n    class=\"wrapper\"\n    [canOpen]=\"interactive && !!filtered.length\"\n    [content]=\"dropdownContent\"\n    [open]=\"interactive && open && !!filtered.length\"\n    (openChange)=\"onOpen($event)\"\n    (focusedChange)=\"onFocused($event)\"\n>\n    <tui-primitive-textfield\n        class=\"textfield\"\n        tuiValueAccessor\n        tuiTextfieldInputMode=\"numeric\"\n        [filler]=\"getFiller$(mode) | async\"\n        [nativeId]=\"nativeId\"\n        [pseudoFocused]=\"innerPseudoFocused\"\n        [pseudoHovered]=\"pseudoHovered\"\n        [pseudoPressed]=\"pseudoPressed\"\n        [invalid]=\"computedInvalid\"\n        [focusable]=\"focusable\"\n        [disabled]=\"disabled\"\n        [readOnly]=\"readOnly\"\n        [textMask]=\"textMaskOptions\"\n        [iconContent]=\"icon\"\n        [value]=\"computedValue\"\n        (valueChange)=\"onValueChange($event)\"\n        (hoveredChange)=\"onHovered($event)\"\n        (keydown.arrowUp)=\"onArrowUp($event)\"\n        (keydown.arrowDown)=\"onArrowDown($event)\"\n    >\n        <ng-content></ng-content>\n    </tui-primitive-textfield>\n</tui-hosted-dropdown>\n<ng-template #dropdownContent>\n    <tui-data-list automation-id=\"tui-input-time__dropdown\">\n        <button\n            *ngFor=\"let item of filtered\"\n            tuiOption\n            automation-id=\"tui-input-time__item\"\n            [size]=\"itemSize\"\n            [disabled]=\"disabledItemHandler(item)\"\n            (click)=\"onMenuClick(item)\"\n        >\n            {{item}}\n        </button>\n    </tui-data-list>\n</ng-template>\n",
+        template: "<tui-hosted-dropdown\n    class=\"wrapper\"\n    [canOpen]=\"interactive && !!filtered.length\"\n    [content]=\"dropdownContent\"\n    [open]=\"interactive && open && !!filtered.length\"\n    (openChange)=\"onOpen($event)\"\n    (focusedChange)=\"onFocused($event)\"\n>\n    <tui-primitive-textfield\n        tuiValueAccessor\n        tuiTextfieldInputMode=\"numeric\"\n        class=\"textfield\"\n        [filler]=\"getFiller$(mode) | async\"\n        [nativeId]=\"nativeId\"\n        [pseudoFocused]=\"innerPseudoFocused\"\n        [pseudoHovered]=\"pseudoHovered\"\n        [pseudoPressed]=\"pseudoPressed\"\n        [invalid]=\"computedInvalid\"\n        [focusable]=\"focusable\"\n        [disabled]=\"disabled\"\n        [readOnly]=\"readOnly\"\n        [textMask]=\"textMaskOptions\"\n        [iconContent]=\"icon\"\n        [value]=\"computedValue\"\n        (valueChange)=\"onValueChange($event)\"\n        (hoveredChange)=\"onHovered($event)\"\n        (keydown.arrowUp)=\"onArrowUp($event)\"\n        (keydown.arrowDown)=\"onArrowDown($event)\"\n    >\n        <ng-content></ng-content>\n    </tui-primitive-textfield>\n</tui-hosted-dropdown>\n<ng-template #dropdownContent>\n    <tui-data-list automation-id=\"tui-input-time__dropdown\">\n        <button\n            *ngFor=\"let item of filtered\"\n            tuiOption\n            automation-id=\"tui-input-time__item\"\n            [size]=\"itemSize\"\n            [disabled]=\"disabledItemHandler(item)\"\n            (click)=\"onMenuClick(item)\"\n        >\n            {{ item }}\n        </button>\n    </tui-data-list>\n</ng-template>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
         providers: [
             {