@taiga-ui/kit 2.38.0 → 2.41.0

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-input-range.js","sources":["ng://@taiga-ui/kit/components/input-range/input-range.component.ts","ng://@taiga-ui/kit/components/input-range/input-range.module.ts","ng://@taiga-ui/kit/components/input-range/taiga-ui-kit-components-input-range.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    forwardRef,\n    HostBinding,\n    Inject,\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    TUI_IS_MOBILE,\n    TuiFocusableElementAccessor,\n    TuiNativeFocusableElement,\n    tuiPure,\n} from '@taiga-ui/cdk';\nimport {\n    formatNumber,\n    maskedMoneyValueIsEmpty,\n    maskedNumberStringToNumber,\n    NumberFormatSettings,\n    TUI_NUMBER_FORMAT,\n    TUI_TEXTFIELD_APPEARANCE,\n    TuiBrightness,\n    TuiModeDirective,\n} from '@taiga-ui/core';\nimport {AbstractTuiInputSlider} from '@taiga-ui/kit/abstract';\n\n// @dynamic\n@Component({\n    selector: 'tui-input-range',\n    templateUrl: './input-range.template.html',\n    styleUrls: ['./input-range.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputRangeComponent),\n        },\n    ],\n})\nexport class TuiInputRangeComponent\n    extends AbstractTuiInputSlider<[number, number]>\n    implements TuiFocusableElementAccessor\n{\n    @ViewChild('nativeLeft')\n    private readonly nativeLeft?: ElementRef<HTMLInputElement>;\n\n    @ViewChild('nativeRight')\n    private readonly nativeRight?: 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_IS_MOBILE)\n        private readonly isMobile: boolean,\n        @Inject(TUI_NUMBER_FORMAT)\n        protected readonly numberFormat: NumberFormatSettings,\n        @Inject(TUI_TEXTFIELD_APPEARANCE)\n        readonly appearance: string,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return !this.nativeLeft || this.disabled ? null : this.nativeLeft.nativeElement;\n    }\n\n    get focused(): boolean {\n        return this.focusedLeft || this.focusedRight;\n    }\n\n    get focusedLeft(): boolean {\n        return !!this.nativeLeft && isNativeFocused(this.nativeLeft.nativeElement);\n    }\n\n    get focusedRight(): boolean {\n        return !!this.nativeRight && isNativeFocused(this.nativeRight.nativeElement);\n    }\n\n    @HostBinding('class._min-label')\n    get showMinLabel(): boolean {\n        return !this.focusedLeft && !!this.minLabel && this.value[0] === this.min;\n    }\n\n    @HostBinding('class._max-label')\n    get showMaxLabel(): boolean {\n        return !this.focusedRight && !!this.maxLabel && this.value[1] === this.max;\n    }\n\n    @HostBinding('attr.data-mode')\n    get hostMode(): TuiBrightness | null {\n        return this.modeDirective && this.modeDirective.mode;\n    }\n\n    get inputValueLeft(): string {\n        return this.nativeLeft ? this.nativeLeft.nativeElement.value : '';\n    }\n\n    get inputValueRight(): string {\n        return this.nativeRight ? this.nativeRight.nativeElement.value : '';\n    }\n\n    get computedValueLeft(): string {\n        return this.computedPureValueLeft(this.value[0]);\n    }\n\n    get computedValueRight(): string {\n        return this.computedPureValueRight(this.value[1]);\n    }\n\n    onActiveZone(active: boolean) {\n        this.updateFocused(active);\n    }\n\n    onMouseDown() {\n        if (this.nativeRight && !this.isMobile) {\n            setNativeFocused(this.nativeRight.nativeElement);\n        }\n    }\n\n    onKeyDownArrowUpLeft(event: KeyboardEvent) {\n        if (this.readOnly) {\n            return;\n        }\n\n        event.preventDefault();\n        this.processStep(true, false);\n    }\n\n    onKeyDownArrowDownLeft(event: KeyboardEvent) {\n        if (this.readOnly) {\n            return;\n        }\n\n        event.preventDefault();\n        this.processStep(false, false);\n    }\n\n    onKeyDownArrowUpRight(event: KeyboardEvent) {\n        if (this.readOnly) {\n            return;\n        }\n\n        event.preventDefault();\n        this.processStep(true, true);\n    }\n\n    onKeyDownArrowDownRight(event: KeyboardEvent) {\n        if (this.readOnly) {\n            return;\n        }\n\n        event.preventDefault();\n        this.processStep(false, true);\n    }\n\n    onInputLeft() {\n        const value = this.inputValueLeft;\n        const capped = this.capInputValue(value, this.value[1]);\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 (this.nativeLeft && this.inputValueLeft !== newValue) {\n            this.nativeLeft.nativeElement.value = newValue;\n        }\n\n        this.updateValue([capped, this.value[1]]);\n    }\n\n    onInputRight() {\n        const value = this.inputValueRight;\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 (this.nativeRight && this.inputValueRight !== newValue) {\n            this.nativeRight.nativeElement.value = newValue;\n        }\n\n        if (capped >= this.value[0]) {\n            this.updateValue([this.value[0], capped]);\n        }\n    }\n\n    onRangeValue(value: [number, number]) {\n        const guardedValue = value.map(item => this.valueGuard(item)) as [number, number];\n\n        if (\n            !this.nativeLeft ||\n            !this.nativeRight ||\n            (guardedValue[0] === this.value[0] && guardedValue[1] === this.value[1])\n        ) {\n            return;\n        }\n\n        if (!this.isMobile) {\n            const element =\n                guardedValue[0] !== this.value[0]\n                    ? this.nativeLeft.nativeElement\n                    : this.nativeRight.nativeElement;\n\n            setNativeFocused(element);\n        }\n\n        this.updateValue(guardedValue);\n        this.nativeLeft.nativeElement.value = this.formatNumber(guardedValue[0]);\n    }\n\n    onLeftFocused(focused: boolean) {\n        if (focused || !this.nativeLeft) {\n            return;\n        }\n\n        const inputValue = maskedNumberStringToNumber(\n            this.computedValueLeft,\n            this.numberFormat.decimalSeparator,\n            this.numberFormat.thousandSeparator,\n        );\n        const value = isNaN(inputValue) ? this.min : this.valueGuard(inputValue);\n\n        this.nativeLeft.nativeElement.value = this.formatNumber(value);\n\n        if (value !== this.value[0]) {\n            this.updateValue([value, this.value[1]]);\n        }\n    }\n\n    onRightFocused(focused: boolean) {\n        if (focused || !this.nativeRight) {\n            return;\n        }\n\n        const inputValue = maskedNumberStringToNumber(\n            this.computedValueRight,\n            this.numberFormat.decimalSeparator,\n            this.numberFormat.thousandSeparator,\n        );\n\n        const value = isNaN(inputValue)\n            ? this.value[0]\n            : this.valueGuard(Math.max(inputValue, this.value[0]));\n\n        this.nativeRight.nativeElement.value = this.formatNumber(value);\n\n        if (value !== this.value[1]) {\n            this.updateValue([this.value[0], value]);\n        }\n    }\n\n    protected getFallbackValue(): [number, number] {\n        return [0, 0];\n    }\n\n    @tuiPure\n    private computedPureValueLeft(value: number) {\n        return this.formatNumber(value);\n    }\n\n    @tuiPure\n    private computedPureValueRight(value: number) {\n        return this.formatNumber(value);\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    private processStep(increment: boolean, right: boolean) {\n        const start = this.valueGuard(\n            increment ? this.value[0] + this.step : this.value[0] - this.step,\n        );\n        const end = this.valueGuard(\n            increment ? this.value[1] + this.step : this.value[1] - this.step,\n        );\n        const value: [number, number] = [\n            right ? this.value[0] : Math.min(start, this.value[1]),\n            right ? Math.max(end, this.value[0]) : this.value[1],\n        ];\n\n        if (value[0] !== this.value[0] || value[1] !== this.value[1]) {\n            this.updateValue(value);\n        }\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule, ReactiveFormsModule} from '@angular/forms';\nimport {\n    TuiActiveZoneModule,\n    TuiFocusableModule,\n    TuiFocusedModule,\n    TuiHoveredModule,\n    TuiInputModeModule,\n    TuiMapperPipeModule,\n    TuiPressedModule,\n} from '@taiga-ui/cdk';\nimport {TuiWrapperModule} from '@taiga-ui/core';\nimport {TuiRangeModule} from '@taiga-ui/kit/components/range';\nimport {TextMaskModule} from 'angular2-text-mask';\n\nimport {TuiInputRangeComponent} from './input-range.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        TuiActiveZoneModule,\n        TuiRangeModule,\n        TuiWrapperModule,\n    ],\n    declarations: [TuiInputRangeComponent],\n    exports: [TuiInputRangeComponent],\n})\nexport class TuiInputRangeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAkCA;IAaa,sBAAsB,8BAAnC,MAAa,sBACT,SAAQ,sBAAwC;IAShD,YAII,OAAyB,EACE,iBAAoC,EAG5C,aAAsC,EAExC,QAAiB,EAEf,YAAkC,EAE5C,UAAkB;QAE3B,KAAK,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;QARf,kBAAa,GAAb,aAAa,CAAyB;QAExC,aAAQ,GAAR,QAAQ,CAAS;QAEf,iBAAY,GAAZ,YAAY,CAAsB;QAE5C,eAAU,GAAV,UAAU,CAAQ;KAG9B;IAED,IAAI,sBAAsB;QACtB,OAAO,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;KACnF;IAED,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,YAAY,CAAC;KAChD;IAED,IAAI,WAAW;QACX,OAAO,CAAC,CAAC,IAAI,CAAC,UAAU,IAAI,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;KAC9E;IAED,IAAI,YAAY;QACZ,OAAO,CAAC,CAAC,IAAI,CAAC,WAAW,IAAI,eAAe,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;KAChF;IAGD,IAAI,YAAY;QACZ,OAAO,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,GAAG,CAAC;KAC7E;IAGD,IAAI,YAAY;QACZ,OAAO,CAAC,IAAI,CAAC,YAAY,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,GAAG,CAAC;KAC9E;IAGD,IAAI,QAAQ;QACR,OAAO,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;KACxD;IAED,IAAI,cAAc;QACd,OAAO,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,GAAG,EAAE,CAAC;KACrE;IAED,IAAI,eAAe;QACf,OAAO,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,GAAG,EAAE,CAAC;KACvE;IAED,IAAI,iBAAiB;QACjB,OAAO,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;KACpD;IAED,IAAI,kBAAkB;QAClB,OAAO,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;KACrD;IAED,YAAY,CAAC,MAAe;QACxB,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;KAC9B;IAED,WAAW;QACP,IAAI,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YACpC,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;SACpD;KACJ;IAED,oBAAoB,CAAC,KAAoB;QACrC,IAAI,IAAI,CAAC,QAAQ,EAAE;YACf,OAAO;SACV;QAED,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;KACjC;IAED,sBAAsB,CAAC,KAAoB;QACvC,IAAI,IAAI,CAAC,QAAQ,EAAE;YACf,OAAO;SACV;QAED,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;KAClC;IAED,qBAAqB,CAAC,KAAoB;QACtC,IAAI,IAAI,CAAC,QAAQ,EAAE;YACf,OAAO;SACV;QAED,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;KAChC;IAED,uBAAuB,CAAC,KAAoB;QACxC,IAAI,IAAI,CAAC,QAAQ,EAAE;YACf,OAAO;SACV;QAED,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;KACjC;IAED,WAAW;QACP,MAAM,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC;QAClC,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QACxD,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,GAAG,GAAG,EAAE,CAAC;QAEtD,IAAI,uBAAuB,CAAC,KAAK,CAAC,IAAI,MAAM,KAAK,IAAI,EAAE;YACnD,OAAO;SACV;QAED,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC;QAErD,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,cAAc,KAAK,QAAQ,EAAE;YACrD,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,GAAG,QAAQ,CAAC;SAClD;QAED,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KAC7C;IAED,YAAY;QACR,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC;QACnC,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACzC,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,GAAG,GAAG,EAAE,CAAC;QAEtD,IAAI,uBAAuB,CAAC,KAAK,CAAC,IAAI,MAAM,KAAK,IAAI,EAAE;YACnD,OAAO;SACV;QAED,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC;QAErD,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,eAAe,KAAK,QAAQ,EAAE;YACvD,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,GAAG,QAAQ,CAAC;SACnD;QAED,IAAI,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;YACzB,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;SAC7C;KACJ;IAED,YAAY,CAAC,KAAuB;QAChC,MAAM,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAqB,CAAC;QAElF,IACI,CAAC,IAAI,CAAC,UAAU;YAChB,CAAC,IAAI,CAAC,WAAW;aAChB,YAAY,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAC1E;YACE,OAAO;SACV;QAED,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAChB,MAAM,OAAO,GACT,YAAY,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;kBAC3B,IAAI,CAAC,UAAU,CAAC,aAAa;kBAC7B,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC;YAEzC,gBAAgB,CAAC,OAAO,CAAC,CAAC;SAC7B;QAED,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;QAC/B,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;KAC5E;IAED,aAAa,CAAC,OAAgB;QAC1B,IAAI,OAAO,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YAC7B,OAAO;SACV;QAED,MAAM,UAAU,GAAG,0BAA0B,CACzC,IAAI,CAAC,iBAAiB,EACtB,IAAI,CAAC,YAAY,CAAC,gBAAgB,EAClC,IAAI,CAAC,YAAY,CAAC,iBAAiB,CACtC,CAAC;QACF,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;QAEzE,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QAE/D,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;YACzB,IAAI,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAC5C;KACJ;IAED,cAAc,CAAC,OAAgB;QAC3B,IAAI,OAAO,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YAC9B,OAAO;SACV;QAED,MAAM,UAAU,GAAG,0BAA0B,CACzC,IAAI,CAAC,kBAAkB,EACvB,IAAI,CAAC,YAAY,CAAC,gBAAgB,EAClC,IAAI,CAAC,YAAY,CAAC,iBAAiB,CACtC,CAAC;QAEF,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC;cACzB,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;cACb,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAE3D,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QAEhE,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;YACzB,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;SAC5C;KACJ;IAES,gBAAgB;QACtB,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;KACjB;IAGO,qBAAqB,CAAC,KAAa;QACvC,OAAO,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;KACnC;IAGO,sBAAsB,CAAC,KAAa;QACxC,OAAO,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;KACnC;IAEO,YAAY,CAAC,KAAa;QAC9B,OAAO,YAAY,CACf,KAAK,EACL,IAAI,EACJ,IAAI,CAAC,YAAY,CAAC,gBAAgB,EAClC,IAAI,CAAC,YAAY,CAAC,iBAAiB,CACtC,CAAC;KACL;IAEO,WAAW,CAAC,SAAkB,EAAE,KAAc;QAClD,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CACzB,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CACpE,CAAC;QACF,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,CACvB,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CACpE,CAAC;QACF,MAAM,KAAK,GAAqB;YAC5B,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YACtD,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;SACvD,CAAC;QAEF,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;YAC1D,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;SAC3B;KACJ;EACJ;;YA1PgB,SAAS,uBAHjB,QAAQ,YACR,IAAI,YACJ,MAAM,SAAC,SAAS;YAE6B,iBAAiB,uBAA9D,MAAM,SAAC,iBAAiB;YAGS,gBAAgB,uBAFjD,QAAQ,YACR,MAAM,SAAC,gBAAgB;0CAEvB,MAAM,SAAC,aAAa;4CAEpB,MAAM,SAAC,iBAAiB;yCAExB,MAAM,SAAC,wBAAwB;;AAlBpC;IADC,SAAS,CAAC,YAAY,CAAC;0DACmC;AAG3D;IADC,SAAS,CAAC,aAAa,CAAC;2DACmC;AAsC5D;IADC,WAAW,CAAC,kBAAkB,CAAC;0DAG/B;AAGD;IADC,WAAW,CAAC,kBAAkB,CAAC;0DAG/B;AAGD;IADC,WAAW,CAAC,gBAAgB,CAAC;sDAG7B;AA4KD;IADC,OAAO;mEAGP;AAGD;IADC,OAAO;oEAGP;AA7OQ,sBAAsB;IAZlC,SAAS,CAAC;QACP,QAAQ,EAAE,iBAAiB;QAC3B,8hHAA0C;QAE1C,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,2BAA2B;gBACpC,WAAW,EAAE,UAAU,CAAC,MAAM,wBAAsB,CAAC;aACxD;SACJ;;KACJ,CAAC;IAYO,WAAA,QAAQ,EAAE,CAAA;IACV,WAAA,IAAI,EAAE,CAAA;IACN,WAAA,MAAM,CAAC,SAAS,CAAC,CAAA;IAEjB,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;IACzB,WAAA,QAAQ,EAAE,CAAA;IACV,WAAA,MAAM,CAAC,gBAAgB,CAAC,CAAA;IAExB,WAAA,MAAM,CAAC,aAAa,CAAC,CAAA;IAErB,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;IAEzB,WAAA,MAAM,CAAC,wBAAwB,CAAC,CAAA;GAvB5B,sBAAsB,CAwQlC;;IClRY,mBAAmB,GAAhC,MAAa,mBAAmB;EAAG;AAAtB,mBAAmB;IAnB/B,QAAQ,CAAC;QACN,OAAO,EAAE;YACL,YAAY;YACZ,WAAW;YACX,mBAAmB;YACnB,cAAc;YACd,kBAAkB;YAClB,gBAAgB;YAChB,gBAAgB;YAChB,gBAAgB;YAChB,mBAAmB;YACnB,kBAAkB;YAClB,mBAAmB;YACnB,cAAc;YACd,gBAAgB;SACnB;QACD,YAAY,EAAE,CAAC,sBAAsB,CAAC;QACtC,OAAO,EAAE,CAAC,sBAAsB,CAAC;KACpC,CAAC;GACW,mBAAmB,CAAG;;ACrCnC;;;;;;"}
+{"version":3,"file":"taiga-ui-kit-components-input-range.js","sources":["ng://@taiga-ui/kit/components/input-range/input-range.component.ts","ng://@taiga-ui/kit/components/input-range/input-range.module.ts","ng://@taiga-ui/kit/components/input-range/taiga-ui-kit-components-input-range.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    Directive,\n    ElementRef,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    QueryList,\n    Self,\n    ViewChild,\n    ViewChildren,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    clamp,\n    EMPTY_QUERY,\n    isNativeFocused,\n    isNativeFocusedIn,\n    round,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TUI_IS_MOBILE,\n    TuiContextWithImplicit,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\nimport {\n    getFractionPartPadded,\n    TEXTFIELD_CONTROLLER_PROVIDER,\n    TUI_TEXTFIELD_APPEARANCE,\n    TUI_TEXTFIELD_WATCHED_CONTROLLER,\n    TuiDecimalT,\n    TuiSizeL,\n    TuiTextfieldController,\n} from '@taiga-ui/core';\nimport {AbstractTuiInputSlider, quantumAssertion} from '@taiga-ui/kit/abstract';\nimport {TuiInputNumberComponent} from '@taiga-ui/kit/components/input-number';\nimport {TuiNewRangeDirective, TuiRangeComponent} from '@taiga-ui/kit/components/range';\nimport {TUI_FLOATING_PRECISION} from '@taiga-ui/kit/constants';\nimport {TuiKeySteps} from '@taiga-ui/kit/types';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\n// @dynamic\n@Component({\n    selector: 'tui-input-range',\n    templateUrl: './input-range.template.html',\n    styleUrls: ['./input-range.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputRangeComponent),\n        },\n        TEXTFIELD_CONTROLLER_PROVIDER,\n    ],\n    host: {\n        /**\n         * TODO delete it in v3.0\n         * Dont forget to clear html-tags\n         */\n        '[class._show-ticks-labels]': '!isNew',\n    },\n})\n/**\n * `AbstractTuiInputSlider` includes all legacy code (it can be deleted in v3.0)\n * TODO replace `extends AbstractTuiInputSlider<[number, number]>` by `extends AbstractTuiControl<[number, number]> implements TuiWithOptionalMinMax<number>`\n */\nexport class TuiInputRangeComponent\n    extends AbstractTuiInputSlider<[number, number]>\n    implements TuiFocusableElementAccessor\n{\n    @ViewChildren(TuiInputNumberComponent)\n    private readonly inputNumberRefs: QueryList<TuiInputNumberComponent> = EMPTY_QUERY;\n\n    @ViewChild(TuiRangeComponent)\n    private readonly rangeRef: TuiRangeComponent | null = null;\n\n    @Input()\n    @tuiDefaultProp()\n    min = 0;\n\n    /* TODO: make `100` as default value (like in native sliders) */\n    @Input()\n    @tuiDefaultProp()\n    max = Infinity;\n\n    @Input()\n    @tuiDefaultProp(quantumAssertion, 'Quantum must be positive')\n    quantum = 1;\n\n    @Input()\n    @tuiDefaultProp()\n    steps = 0;\n\n    @Input()\n    @tuiDefaultProp()\n    segments = 0;\n\n    @Input()\n    @tuiDefaultProp()\n    keySteps: TuiKeySteps | null = null;\n\n    @Input()\n    @tuiDefaultProp()\n    leftValueContent: PolymorpheusContent<TuiContextWithImplicit<number>> = '';\n\n    @Input()\n    @tuiDefaultProp()\n    rightValueContent: PolymorpheusContent<TuiContextWithImplicit<number>> = '';\n\n    lastActiveSide: 'left' | 'right' = 'left';\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_IS_MOBILE)\n        private readonly isMobile: boolean,\n        @Inject(TUI_TEXTFIELD_APPEARANCE)\n        readonly appearance: string,\n        @Inject(ElementRef) private readonly elementRef: ElementRef,\n        @Inject(TUI_TEXTFIELD_WATCHED_CONTROLLER)\n        readonly controller: TuiTextfieldController,\n        @Optional()\n        @Inject(TuiNewRangeDirective)\n        readonly isNew: TuiNewRangeDirective | null,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get leftFocusableElement(): HTMLInputElement | null {\n        return this.inputNumberRefs.first?.nativeFocusableElement || null;\n    }\n\n    get rightFocusableElement(): HTMLInputElement | null {\n        return this.inputNumberRefs.last?.nativeFocusableElement || null;\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return this.disabled\n            ? null\n            : this.leftFocusableElement || this.rightFocusableElement;\n    }\n\n    get focused(): boolean {\n        return isNativeFocusedIn(this.elementRef.nativeElement);\n    }\n\n    get showLeftValueContent(): boolean {\n        return Boolean(\n            (this.minLabel || this.leftValueContent) &&\n                !isNativeFocused(this.leftFocusableElement) &&\n                !(this.rangeRef?.focused && this.lastActiveSide === 'left'),\n        );\n    }\n\n    get showRightValueContent(): boolean {\n        return Boolean(\n            (this.maxLabel || this.rightValueContent) &&\n                !isNativeFocused(this.rightFocusableElement) &&\n                !(this.rangeRef?.focused && this.lastActiveSide === 'right'),\n        );\n    }\n\n    get precision(): number {\n        return getFractionPartPadded(this.quantum).length;\n    }\n\n    get decimal(): TuiDecimalT {\n        return this.precision ? 'not-zero' : 'never';\n    }\n\n    get computedSteps(): number {\n        return this.steps || (this.max - this.min) / this.quantum;\n    }\n\n    get computedSize(): TuiSizeL {\n        return this.isNew && this.controller.size !== 's'\n            ? this.controller.size\n            : this.size;\n    }\n\n    @HostBinding('class._label-outside')\n    get legacyLabelOutside(): boolean {\n        return this.isNew ? this.controller.labelOutside : this.computedSize === 'm';\n    }\n\n    onActiveZone(active: boolean) {\n        this.updateFocused(active);\n    }\n\n    onTextInputFocused(focused: boolean, right: boolean) {\n        if (focused) {\n            return;\n        }\n\n        const [leftTextInputRef, rightTextInputRef] = this.inputNumberRefs;\n        const inputRef = right ? rightTextInputRef : leftTextInputRef;\n        const valueIndex = right ? 1 : 0;\n\n        if (!inputRef.nativeValue || inputRef.value !== this.value[valueIndex]) {\n            this.updateTextInputValue(this.safeCurrentValue[valueIndex], right);\n        }\n    }\n\n    changeByStep(\n        event: KeyboardEvent,\n        [leftCoefficient, rightCoefficient]: [number, number],\n    ) {\n        if (this.readOnly) {\n            return;\n        }\n\n        event.preventDefault();\n\n        const newValue = this.valueGuard([\n            this.value[0] + leftCoefficient * this.step,\n            this.value[1] + rightCoefficient * this.step,\n        ]);\n        const leftValueChanged = newValue[0] !== this.value[0];\n        const rightValueChanged = newValue[1] !== this.value[1];\n\n        if (leftValueChanged || rightValueChanged) {\n            this.safelyUpdateValue(newValue);\n            this.updateTextInputValue(\n                newValue[rightValueChanged ? 1 : 0],\n                rightValueChanged,\n            );\n        }\n    }\n\n    onInputLeft(value: number | null) {\n        this.safelyUpdateValue([value ?? this.safeCurrentValue[0], this.value[1]]);\n    }\n\n    onInputRight(value: number | null) {\n        this.safelyUpdateValue([this.value[0], value ?? this.safeCurrentValue[1]]);\n    }\n\n    onRangeValue([left, right]: [number, number]) {\n        this.rangeRef?.nativeFocusableElement?.focus();\n        this.safelyUpdateValue([left, right]);\n    }\n\n    focusToTextInput() {\n        const element =\n            this.lastActiveSide === 'left'\n                ? this.leftFocusableElement\n                : this.rightFocusableElement;\n\n        if (!this.isMobile && element) {\n            element.focus();\n        }\n    }\n\n    onActiveThumbChange(activeThumb: 'right' | 'left') {\n        this.lastActiveSide = activeThumb;\n    }\n\n    protected getFallbackValue(): [number, number] {\n        return [0, 0];\n    }\n\n    private safelyUpdateValue(value: [number, number]) {\n        this.updateValue(this.valueGuard(value));\n    }\n\n    private valueGuard([leftValue, rightValue]: [number, number]): [number, number] {\n        const leftCalibratedValue = this.calibrate(leftValue);\n        const rightCalibratedValue = this.calibrate(rightValue);\n\n        return [\n            Math.min(leftCalibratedValue, this.value[1]),\n            Math.max(rightCalibratedValue, this.value[0]),\n        ];\n    }\n\n    private calibrate(value: number): number {\n        const roundedValue = round(\n            Math.round(value / this.quantum) * this.quantum,\n            TUI_FLOATING_PRECISION,\n        );\n\n        return clamp(roundedValue, this.min, this.max);\n    }\n\n    private updateTextInputValue(value: number, right: boolean) {\n        const [leftInputRef, rightInputRef] = this.inputNumberRefs;\n        const textInputRef = right ? rightInputRef : leftInputRef;\n\n        if (textInputRef) {\n            textInputRef.nativeValue = textInputRef.getFormattedValue(value);\n        }\n    }\n}\n\nexport function tuiTextfieldAppearanceDirectiveFactory({nativeElement}: ElementRef) {\n    return nativeElement.getAttribute('tuiTextfieldAppearance');\n}\n\n@Directive({\n    selector: '[tuiTextfieldAppearance]',\n    providers: [\n        {\n            provide: TUI_TEXTFIELD_APPEARANCE,\n            deps: [ElementRef],\n            useFactory: tuiTextfieldAppearanceDirectiveFactory,\n        },\n    ],\n})\nexport class TuiTextfieldAppearanceDirective {}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule, ReactiveFormsModule} from '@angular/forms';\nimport {TuiActiveZoneModule, TuiPressedModule} from '@taiga-ui/cdk';\nimport {TuiTextfieldControllerModule, TuiWrapperModule} from '@taiga-ui/core';\nimport {TuiInputNumberModule} from '@taiga-ui/kit/components/input-number';\nimport {TuiNewRangeDirective, TuiRangeModule} from '@taiga-ui/kit/components/range';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {\n    TuiInputRangeComponent,\n    TuiTextfieldAppearanceDirective,\n} from './input-range.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        ReactiveFormsModule,\n        PolymorpheusModule,\n        TuiActiveZoneModule,\n        TuiInputNumberModule,\n        TuiPressedModule,\n        TuiRangeModule,\n        TuiTextfieldControllerModule,\n        TuiWrapperModule,\n    ],\n    declarations: [TuiInputRangeComponent, TuiTextfieldAppearanceDirective],\n    exports: [TuiInputRangeComponent, TuiNewRangeDirective],\n})\nexport class TuiInputRangeModule {}\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-slider.js

@@ -1,8 +1,8 @@
 import { __decorate, __param } from 'tslib';
 import { Directive, Optional, Self, Inject, ChangeDetectorRef, ViewChild, ElementRef, Input, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
 import { NgControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { isNativeFocused, tuiAssert, setNativeFocused, round, clamp, tuiDefaultProp, TUI_FOCUSABLE_ITEM_ACCESSOR, TuiFocusableModule, TuiFocusedModule, TuiHoveredModule, TuiPressedModule, TuiMapperPipeModule, TuiInputModeModule, TuiRepeatTimesModule } from '@taiga-ui/cdk';
-import { getFractionPartPadded, TuiTextfieldController, TUI_TEXTFIELD_WATCHED_CONTROLLER, TUI_NUMBER_FORMAT, HINT_CONTROLLER_PROVIDER, TEXTFIELD_CONTROLLER_PROVIDER, TuiTooltipModule, TuiWrapperModule, TuiFormatNumberPipeModule, TuiTextfieldControllerModule } from '@taiga-ui/core';
+import { isNativeFocused, tuiAssert, setNativeFocused, round, clamp, tuiDefaultProp, TUI_FOCUSABLE_ITEM_ACCESSOR, TuiFocusableModule, TuiRepeatTimesModule } from '@taiga-ui/cdk';
+import { getFractionPartPadded, TuiTextfieldController, TUI_TEXTFIELD_WATCHED_CONTROLLER, HINT_CONTROLLER_PROVIDER, TEXTFIELD_CONTROLLER_PROVIDER, TuiFormatNumberPipeModule, TuiTextfieldControllerModule } from '@taiga-ui/core';
 import { AbstractTuiInputSlider } from '@taiga-ui/kit/abstract';
 import { TuiInputNumberComponent, TuiInputNumberModule } from '@taiga-ui/kit/components/input-number';
 import { TuiSliderComponent, tuiSliderOptionsProvider, TuiSliderModule } from '@taiga-ui/kit/components/slider';
@@ -11,7 +11,6 @@ import { TUI_FROM_TO_TEXTS } from '@taiga-ui/kit/tokens';
 import { Observable } from 'rxjs';
 import { CommonModule } from '@angular/common';
 import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
-import { TextMaskModule } from 'angular2-text-mask';
 
 var TuiInputSliderComponent_1;
 /**
@@ -33,10 +32,9 @@ let TuiInputSliderComponent = TuiInputSliderComponent_1 =
  * in v3.0
  */
 class TuiInputSliderComponent extends AbstractTuiInputSlider {
-    constructor(control, changeDetectorRef, controller, numberFormat, fromToTexts$, isNew) {
+    constructor(control, changeDetectorRef, controller, fromToTexts$, isNew) {
         super(control, changeDetectorRef);
         this.controller = controller;
-        this.numberFormat = numberFormat;
         this.fromToTexts$ = fromToTexts$;
         this.isNew = isNew;
         this.min = 0;
@@ -48,11 +46,6 @@ class TuiInputSliderComponent extends AbstractTuiInputSlider {
         this.valueContent = '';
         this.prefix = '';
         this.postfix = '';
-        /**
-         * @deprecated use `tuiTextfieldSize` instead
-         * TODO delete in v3.0
-         */
-        this.size = 'l';
         /**
          * @deprecated use `tuiTextfieldCustomContent` instead
          * TODO delete in v3.0
@@ -152,7 +145,6 @@ TuiInputSliderComponent.ctorParameters = () => [
     { type: NgControl, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NgControl,] }] },
     { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
     { type: TuiTextfieldController, decorators: [{ type: Inject, args: [TUI_TEXTFIELD_WATCHED_CONTROLLER,] }] },
-    { type: undefined, decorators: [{ type: Inject, args: [TUI_NUMBER_FORMAT,] }] },
     { type: Observable, decorators: [{ type: Inject, args: [TUI_FROM_TO_TEXTS,] }] },
     { type: TuiNewInputSliderDirective, decorators: [{ type: Optional }, { type: Inject, args: [TuiNewInputSliderDirective,] }] }
 ];
@@ -198,10 +190,6 @@ __decorate([
     Input(),
     tuiDefaultProp()
 ], TuiInputSliderComponent.prototype, "postfix", void 0);
-__decorate([
-    Input(),
-    tuiDefaultProp()
-], TuiInputSliderComponent.prototype, "size", void 0);
 __decorate([
     Input(),
     tuiDefaultProp()
@@ -209,7 +197,7 @@ __decorate([
 TuiInputSliderComponent = TuiInputSliderComponent_1 = __decorate([
     Component({
         selector: 'tui-input-slider',
-        template: "<tui-input-number\n    [min]=\"min\"\n    [max]=\"max\"\n    [precision]=\"precision\"\n    [decimal]=\"decimal\"\n    [prefix]=\"prefix\"\n    [postfix]=\"postfix || (value | i18nPlural: pluralizeMap || pluralizeMapFallback)\"\n    [tuiTextfieldCustomContent]=\"controller.customContent || deprecatedSecondary\"\n    [tuiTextfieldSize]=\"computedSize\"\n    [tuiTextfieldLabelOutside]=\"computedSize !== 'l'\"\n    [readOnly]=\"readOnly\"\n    [pseudoFocused]=\"computedFocused\"\n    [pseudoHovered]=\"computedHovered\"\n    [pseudoPressed]=\"computedPressed\"\n    [pseudoInvalid]=\"pseudoInvalid\"\n    [ngModel]=\"value\"\n    (ngModelChange)=\"safelyUpdateValue($event)\"\n    (focusedChange)=\"onFocused($event)\"\n    (hoveredChange)=\"onHovered($event)\"\n    (pressedChange)=\"onPressed($event)\"\n    (keydown.arrowUp.prevent)=\"onVerticalArrowKeyDown(1)\"\n    (keydown.arrowDown.prevent)=\"onVerticalArrowKeyDown(-1)\"\n>\n    <ng-content></ng-content>\n    <div\n        *ngIf=\"computedValueContent && !focused\"\n        polymorpheus-outlet\n        automation-id=\"tui-input-slider__value-content\"\n        [content]=\"computedValueContent\"\n        [context]=\"{$implicit: value}\"\n    ></div>\n</tui-input-number>\n\n<!--TODO: remove in v3.0-->\n<ng-template #deprecatedSecondary>{{secondary}}</ng-template>\n\n<!--TODO: remove wrapper + ticks labels (leave only slider) in v3.0-->\n<div class=\"t-slider-wrapper\">\n    <input\n        tuiSlider\n        type=\"range\"\n        [tuiFocusable]=\"false\"\n        [max]=\"computedSteps\"\n        [segments]=\"segments\"\n        [keySteps]=\"computedKeySteps\"\n        [attr.disabled]=\"readOnly || disabled || null\"\n        [ngModel]=\"value\"\n        (keyStepsInput)=\"safelyUpdateValue($event)\"\n        (click)=\"focusTextInput()\"\n    />\n\n    <!--TODO delete ticks labels in v3.0-->\n    <div *ngIf=\"segments && !isNew\" class=\"t-ticks-labels\">\n        <span\n            *tuiRepeatTimes=\"let tickIndex of segments + 1\"\n            automation-id=\"tui-slider__segment\"\n        >\n            <span *ngIf=\"fromToTexts$ | async as fromToText\">\n                {{ getTickPrefix(tickIndex, segments, fromToText) }} {{\n                tickIndex | tuiSliderTickLabel:segments:computedKeySteps |\n                tuiFormatNumber}}\n                <span *ngIf=\"segmentsPluralizeMap\">\n                    {{ tickIndex | tuiSliderTickLabel:segments:computedKeySteps\n                    | i18nPlural: segmentsPluralizeMap }}\n                </span>\n            </span>\n        </span>\n    </div>\n</div>\n",
+        template: "<tui-input-number\n    [min]=\"min\"\n    [max]=\"max\"\n    [precision]=\"precision\"\n    [decimal]=\"decimal\"\n    [prefix]=\"prefix\"\n    [postfix]=\"postfix || (value | i18nPlural: pluralizeMap || pluralizeMapFallback)\"\n    [tuiTextfieldCustomContent]=\"controller.customContent || deprecatedSecondary\"\n    [tuiTextfieldSize]=\"computedSize\"\n    [tuiTextfieldLabelOutside]=\"computedSize !== 'l'\"\n    [readOnly]=\"readOnly\"\n    [pseudoFocused]=\"computedFocused\"\n    [pseudoHovered]=\"computedHovered\"\n    [pseudoPressed]=\"computedPressed\"\n    [pseudoInvalid]=\"pseudoInvalid\"\n    [ngModel]=\"value\"\n    (ngModelChange)=\"safelyUpdateValue($event)\"\n    (focusedChange)=\"onFocused($event)\"\n    (hoveredChange)=\"onHovered($event)\"\n    (pressedChange)=\"onPressed($event)\"\n    (keydown.arrowUp.prevent)=\"onVerticalArrowKeyDown(1)\"\n    (keydown.arrowDown.prevent)=\"onVerticalArrowKeyDown(-1)\"\n>\n    <ng-content></ng-content>\n    <div\n        *ngIf=\"computedValueContent && !focused\"\n        polymorpheus-outlet\n        automation-id=\"tui-input-slider__value-content\"\n        [content]=\"computedValueContent\"\n        [context]=\"{$implicit: value}\"\n    ></div>\n</tui-input-number>\n\n<!--TODO: remove in v3.0-->\n<ng-template #deprecatedSecondary>{{secondary}}</ng-template>\n\n<!--TODO: remove wrapper + ticks labels (leave only slider) in v3.0-->\n<div class=\"t-slider-wrapper\">\n    <input\n        tuiSlider\n        type=\"range\"\n        [tuiFocusable]=\"false\"\n        [max]=\"computedSteps\"\n        [segments]=\"segments\"\n        [keySteps]=\"computedKeySteps\"\n        [attr.disabled]=\"readOnly || disabled || null\"\n        [ngModel]=\"value\"\n        (keyStepsInput)=\"safelyUpdateValue($event)\"\n        (click)=\"focusTextInput()\"\n    />\n\n    <!--TODO delete ticks labels in v3.0-->\n    <div\n        *ngIf=\"segments && !isNew\"\n        class=\"t-ticks-labels\"\n    >\n        <span\n            *tuiRepeatTimes=\"let tickIndex of segments + 1\"\n            automation-id=\"tui-slider__segment\"\n        >\n            <span *ngIf=\"fromToTexts$ | async as fromToText\">\n                {{ getTickPrefix(tickIndex, segments, fromToText) }} {{\n                tickIndex | tuiSliderTickLabel:segments:computedKeySteps |\n                tuiFormatNumber}}\n                <span *ngIf=\"segmentsPluralizeMap\">\n                    {{ tickIndex | tuiSliderTickLabel:segments:computedKeySteps\n                    | i18nPlural: segmentsPluralizeMap }}\n                </span>\n            </span>\n        </span>\n    </div>\n</div>\n",
         host: {
             /**
              * TODO delete it in v3.0
@@ -227,7 +215,7 @@ TuiInputSliderComponent = TuiInputSliderComponent_1 = __decorate([
             HINT_CONTROLLER_PROVIDER,
             TEXTFIELD_CONTROLLER_PROVIDER,
         ],
-        styles: [":host{position:relative;z-index:0;display:block}:host._segmented._show-ticks-labels{border-bottom:26px solid transparent}.t-slider-wrapper{position:absolute;top:100%;left:calc(var(--tui-radius-m)/ 2);right:0;margin:-.5625rem 0 0}input[type=range]{border-top-left-radius:0;border-bottom-left-radius:calc(var(--tui-radius-m) * 5) calc(var(--tui-radius-m) * 1.5)}.t-ticks-labels{display:flex;margin:0 .5rem;font:var(--tui-font-text-s);color:var(--tui-text-02)}.t-ticks-labels>*{position:relative;flex:2;text-align:center}.t-ticks-labels>:first-child{left:-.5rem;flex:1;text-align:left}.t-ticks-labels>:last-child{right:-.5rem;flex:1;text-align:right}tui-input-slider+.t-ticks-labels{margin-left:calc(var(--tui-radius-m)/ 2 + .5rem)}"]
+        styles: [":host{position:relative;z-index:0;display:block}:host._segmented._show-ticks-labels{border-bottom:26px solid transparent}.t-slider-wrapper{position:absolute;top:100%;left:calc(var(--tui-radius-m)/ 2);right:0;margin:-.5625rem 0 0}input[type=range]{border-top-left-radius:0;border-bottom-left-radius:calc(var(--tui-radius-m) * 5) calc(var(--tui-radius-m) * 1.5)}.t-ticks-labels{display:flex;margin:0 .5rem;font:var(--tui-font-text-s);color:var(--tui-text-02)}.t-ticks-labels>*{position:relative;flex:2;text-align:center}.t-ticks-labels>:first-child{left:-.5rem;flex:1;text-align:left}.t-ticks-labels>:last-child{right:-.5rem;flex:1;text-align:right}tui-input-slider+.t-ticks-labels{margin-left:calc(var(--tui-radius-m)/ 2 + .5rem)}tui-input-range+.t-ticks-labels,tui-range+.t-ticks-labels{margin-left:1rem;margin-right:1rem}tui-input-range+.t-ticks-labels>:first-child,tui-range+.t-ticks-labels>:first-child{left:-1rem}tui-input-range+.t-ticks-labels>:last-child,tui-range+.t-ticks-labels>:last-child{right:-1rem}"]
     })
     /**
      * TODO replace `extends AbstractTuiInputSlider<number>` by `extends AbstractTuiControl<number> implements TuiWithOptionalMinMax<number>`
@@ -239,10 +227,9 @@ TuiInputSliderComponent = TuiInputSliderComponent_1 = __decorate([
     __param(0, Inject(NgControl)),
     __param(1, Inject(ChangeDetectorRef)),
     __param(2, Inject(TUI_TEXTFIELD_WATCHED_CONTROLLER)),
-    __param(3, Inject(TUI_NUMBER_FORMAT)),
-    __param(4, Inject(TUI_FROM_TO_TEXTS)),
-    __param(5, Optional()),
-    __param(5, Inject(TuiNewInputSliderDirective))
+    __param(3, Inject(TUI_FROM_TO_TEXTS)),
+    __param(4, Optional()),
+    __param(4, Inject(TuiNewInputSliderDirective))
 ], TuiInputSliderComponent);
 function quantumAssertion(quantum) {
     return quantum > 0;
@@ -272,16 +259,8 @@ TuiInputSliderModule = __decorate([
             CommonModule,
             FormsModule,
             ReactiveFormsModule,
-            TextMaskModule,
             TuiFocusableModule,
-            TuiFocusedModule,
-            TuiHoveredModule,
-            TuiPressedModule,
-            TuiMapperPipeModule,
-            TuiInputModeModule,
-            TuiTooltipModule,
             TuiSliderModule,
-            TuiWrapperModule,
             TuiFormatNumberPipeModule,
             TuiRepeatTimesModule,
             PolymorpheusModule,

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    Directive,\n    ElementRef,\n    forwardRef,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    clamp,\n    isNativeFocused,\n    round,\n    setNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    tuiAssert,\n    TuiContextWithImplicit,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\nimport {\n    getFractionPartPadded,\n    HINT_CONTROLLER_PROVIDER,\n    NumberFormatSettings,\n    TEXTFIELD_CONTROLLER_PROVIDER,\n    TUI_NUMBER_FORMAT,\n    TUI_TEXTFIELD_WATCHED_CONTROLLER,\n    TuiDecimalT,\n    TuiSizeL,\n    TuiTextfieldController,\n} from '@taiga-ui/core';\nimport {AbstractTuiInputSlider} from '@taiga-ui/kit/abstract';\nimport {TuiInputNumberComponent} from '@taiga-ui/kit/components/input-number';\nimport {\n    TuiSliderComponent,\n    tuiSliderOptionsProvider,\n} from '@taiga-ui/kit/components/slider';\nimport {TUI_FLOATING_PRECISION} from '@taiga-ui/kit/constants';\nimport {TUI_FROM_TO_TEXTS} from '@taiga-ui/kit/tokens';\nimport {TuiKeySteps} from '@taiga-ui/kit/types';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\n\n/**\n * Turn on new `InputSlider`'s version.\n * The new version will behave almost the same as `InputSlider` from the next major release.\n * @deprecated TODO remove me in v3.0 and make `InputSlider` always \"new\".\n */\n@Directive({\n    selector: 'tui-input-slider[new]',\n})\nexport class TuiNewInputSliderDirective {}\n\n// @dynamic\n@Component({\n    selector: 'tui-input-slider',\n    templateUrl: './input-slider.template.html',\n    styleUrls: ['./input-slider.style.less'],\n    host: {\n        /**\n         * TODO delete it in v3.0\n         * Dont forget to clear html-tags\n         */\n        '[class._show-ticks-labels]': '!isNew',\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputSliderComponent),\n        },\n        tuiSliderOptionsProvider({trackColor: 'transparent'}),\n        HINT_CONTROLLER_PROVIDER,\n        TEXTFIELD_CONTROLLER_PROVIDER,\n    ],\n})\n/**\n * TODO replace `extends AbstractTuiInputSlider<number>` by `extends AbstractTuiControl<number> implements TuiWithOptionalMinMax<number>`\n * in v3.0\n */\nexport class TuiInputSliderComponent\n    extends AbstractTuiInputSlider<number>\n    implements TuiFocusableElementAccessor\n{\n    @ViewChild(TuiInputNumberComponent)\n    private readonly inputNumberRef?: TuiInputNumberComponent;\n\n    @ViewChild(TuiSliderComponent, {read: ElementRef})\n    private readonly sliderRef?: ElementRef<HTMLInputElement>;\n\n    @Input()\n    @tuiDefaultProp()\n    min = 0;\n\n    @Input()\n    @tuiDefaultProp()\n    max = Infinity;\n\n    @Input()\n    @tuiDefaultProp(quantumAssertion, 'Quantum must be positive')\n    quantum = 1;\n\n    @Input()\n    @tuiDefaultProp()\n    steps = 0;\n\n    @Input()\n    @tuiDefaultProp()\n    segments = 0;\n\n    @Input()\n    @tuiDefaultProp()\n    keySteps: TuiKeySteps | null = null;\n\n    @Input()\n    @tuiDefaultProp()\n    valueContent: PolymorpheusContent<TuiContextWithImplicit<number>> = '';\n\n    @Input()\n    @tuiDefaultProp()\n    prefix = '';\n\n    @Input()\n    @tuiDefaultProp()\n    postfix = '';\n\n    /**\n     * @deprecated use `tuiTextfieldSize` instead\n     * TODO delete in v3.0\n     */\n    @Input()\n    @tuiDefaultProp()\n    size: TuiSizeL = 'l';\n\n    /**\n     * @deprecated use `tuiTextfieldCustomContent` instead\n     * TODO delete in v3.0\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        @Inject(TUI_TEXTFIELD_WATCHED_CONTROLLER)\n        readonly controller: TuiTextfieldController,\n        @Inject(TUI_NUMBER_FORMAT)\n        protected readonly numberFormat: NumberFormatSettings,\n        @Inject(TUI_FROM_TO_TEXTS) readonly fromToTexts$: Observable<[string, string]>,\n        @Optional()\n        @Inject(TuiNewInputSliderDirective)\n        readonly isNew: TuiNewInputSliderDirective | null,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return !this.inputNumberRef?.nativeFocusableElement || this.computedDisabled\n            ? null\n            : this.inputNumberRef.nativeFocusableElement;\n    }\n\n    get focused(): boolean {\n        return (\n            isNativeFocused(this.nativeFocusableElement) ||\n            isNativeFocused(this.sliderRef?.nativeElement || null)\n        );\n    }\n\n    get computedSteps(): number {\n        return this.steps || (this.max - this.min) / this.quantum;\n    }\n\n    get precision(): number {\n        return getFractionPartPadded(this.quantum).length;\n    }\n\n    get decimal(): TuiDecimalT {\n        return this.precision ? 'not-zero' : 'never';\n    }\n\n    /**\n     * TODO remove old property `size` in v3.0\n     */\n    get computedSize(): TuiSizeL {\n        if (this.isNew) {\n            tuiAssert.assert(\n                this.controller.size !== 's',\n                \"Size 's' is not supported by this input.\",\n            );\n\n            return this.controller.size === 'l' ? 'l' : 'm';\n        }\n\n        return this.size;\n    }\n\n    /**\n     * @deprecated for backward compatibility\n     * TODO replace by just `this.valueContent` in v3.0\n     */\n    get computedValueContent(): PolymorpheusContent<TuiContextWithImplicit<number>> {\n        return this.minLabel || this.maxLabel\n            ? legacyMinMaxLabel(this)\n            : this.valueContent;\n    }\n\n    focusTextInput() {\n        const focusableElement = this.inputNumberRef?.nativeFocusableElement;\n\n        if (focusableElement) {\n            setNativeFocused(focusableElement);\n        }\n    }\n\n    safelyUpdateValue(value: number | null) {\n        this.updateValue(this.valueGuard(value ?? this.safeCurrentValue));\n    }\n\n    onVerticalArrowKeyDown(coefficient: number) {\n        if (this.readOnly) {\n            return;\n        }\n\n        const value = this.value + coefficient * this.step;\n\n        if (value !== this.value) {\n            this.safelyUpdateValue(value);\n        }\n\n        this.updateTextInputValue(this.valueGuard(value));\n    }\n\n    onFocused(focused: boolean) {\n        if (!focused && !this.textInputValue) {\n            this.updateTextInputValue(this.safeCurrentValue);\n        }\n\n        this.updateFocused(focused);\n    }\n\n    onPressed(pressed: boolean) {\n        this.updatePressed(pressed);\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    private get textInputValue(): string {\n        return this.inputNumberRef?.nativeValue || '';\n    }\n\n    protected getFallbackValue(): number {\n        return 0;\n    }\n\n    protected valueGuard(value: number): number {\n        const roundedValue = round(\n            Math.round(value / this.quantum) * this.quantum,\n            TUI_FLOATING_PRECISION,\n        );\n\n        return clamp(roundedValue, this.min, this.max);\n    }\n\n    private updateTextInputValue(value: number) {\n        if (this.inputNumberRef) {\n            this.inputNumberRef.nativeValue =\n                this.inputNumberRef.getFormattedValue(value);\n        }\n    }\n}\n\nfunction quantumAssertion(quantum: number): boolean {\n    return quantum > 0;\n}\n\n/**\n * @deprecated helper for backward compatibility.\n * TODO remove in v3.0\n */\nfunction legacyMinMaxLabel({min, max, minLabel, maxLabel}: TuiInputSliderComponent) {\n    return ({$implicit: value}: TuiContextWithImplicit<number>) => {\n        switch (value) {\n            case min:\n                return minLabel || value;\n            case max:\n                return maxLabel || value;\n            default:\n                return value;\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    TuiRepeatTimesModule,\n} from '@taiga-ui/cdk';\nimport {\n    TuiFormatNumberPipeModule,\n    TuiTextfieldControllerModule,\n    TuiTooltipModule,\n    TuiWrapperModule,\n} from '@taiga-ui/core';\nimport {TuiInputNumberModule} from '@taiga-ui/kit/components/input-number';\nimport {TuiSliderModule} from '@taiga-ui/kit/components/slider';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\nimport {TextMaskModule} from 'angular2-text-mask';\n\nimport {\n    TuiInputSliderComponent,\n    TuiNewInputSliderDirective,\n} 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        TuiFormatNumberPipeModule,\n        TuiRepeatTimesModule,\n        PolymorpheusModule,\n        TuiInputNumberModule,\n        TuiTextfieldControllerModule,\n    ],\n    declarations: [TuiInputSliderComponent, TuiNewInputSliderDirective],\n    exports: [TuiInputSliderComponent, TuiNewInputSliderDirective],\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    Directive,\n    ElementRef,\n    forwardRef,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    clamp,\n    isNativeFocused,\n    round,\n    setNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    tuiAssert,\n    TuiContextWithImplicit,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\nimport {\n    getFractionPartPadded,\n    HINT_CONTROLLER_PROVIDER,\n    TEXTFIELD_CONTROLLER_PROVIDER,\n    TUI_TEXTFIELD_WATCHED_CONTROLLER,\n    TuiDecimalT,\n    TuiSizeL,\n    TuiTextfieldController,\n} from '@taiga-ui/core';\nimport {AbstractTuiInputSlider} from '@taiga-ui/kit/abstract';\nimport {TuiInputNumberComponent} from '@taiga-ui/kit/components/input-number';\nimport {\n    TuiSliderComponent,\n    tuiSliderOptionsProvider,\n} from '@taiga-ui/kit/components/slider';\nimport {TUI_FLOATING_PRECISION} from '@taiga-ui/kit/constants';\nimport {TUI_FROM_TO_TEXTS} from '@taiga-ui/kit/tokens';\nimport {TuiKeySteps} from '@taiga-ui/kit/types';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\n\n/**\n * Turn on new `InputSlider`'s version.\n * The new version will behave almost the same as `InputSlider` from the next major release.\n * @deprecated TODO remove me in v3.0 and make `InputSlider` always \"new\".\n */\n@Directive({\n    selector: 'tui-input-slider[new]',\n})\nexport class TuiNewInputSliderDirective {}\n\n// @dynamic\n@Component({\n    selector: 'tui-input-slider',\n    templateUrl: './input-slider.template.html',\n    styleUrls: ['./input-slider.style.less'],\n    host: {\n        /**\n         * TODO delete it in v3.0\n         * Dont forget to clear html-tags\n         */\n        '[class._show-ticks-labels]': '!isNew',\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputSliderComponent),\n        },\n        tuiSliderOptionsProvider({trackColor: 'transparent'}),\n        HINT_CONTROLLER_PROVIDER,\n        TEXTFIELD_CONTROLLER_PROVIDER,\n    ],\n})\n/**\n * TODO replace `extends AbstractTuiInputSlider<number>` by `extends AbstractTuiControl<number> implements TuiWithOptionalMinMax<number>`\n * in v3.0\n */\nexport class TuiInputSliderComponent\n    extends AbstractTuiInputSlider<number>\n    implements TuiFocusableElementAccessor\n{\n    @ViewChild(TuiInputNumberComponent)\n    private readonly inputNumberRef?: TuiInputNumberComponent;\n\n    @ViewChild(TuiSliderComponent, {read: ElementRef})\n    private readonly sliderRef?: ElementRef<HTMLInputElement>;\n\n    @Input()\n    @tuiDefaultProp()\n    min = 0;\n\n    @Input()\n    @tuiDefaultProp()\n    max = Infinity;\n\n    @Input()\n    @tuiDefaultProp(quantumAssertion, 'Quantum must be positive')\n    quantum = 1;\n\n    @Input()\n    @tuiDefaultProp()\n    steps = 0;\n\n    @Input()\n    @tuiDefaultProp()\n    segments = 0;\n\n    @Input()\n    @tuiDefaultProp()\n    keySteps: TuiKeySteps | null = null;\n\n    @Input()\n    @tuiDefaultProp()\n    valueContent: PolymorpheusContent<TuiContextWithImplicit<number>> = '';\n\n    @Input()\n    @tuiDefaultProp()\n    prefix = '';\n\n    @Input()\n    @tuiDefaultProp()\n    postfix = '';\n\n    /**\n     * @deprecated use `tuiTextfieldCustomContent` instead\n     * TODO delete in v3.0\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        @Inject(TUI_TEXTFIELD_WATCHED_CONTROLLER)\n        readonly controller: TuiTextfieldController,\n        @Inject(TUI_FROM_TO_TEXTS) readonly fromToTexts$: Observable<[string, string]>,\n        @Optional()\n        @Inject(TuiNewInputSliderDirective)\n        readonly isNew: TuiNewInputSliderDirective | null,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return !this.inputNumberRef?.nativeFocusableElement || this.computedDisabled\n            ? null\n            : this.inputNumberRef.nativeFocusableElement;\n    }\n\n    get focused(): boolean {\n        return (\n            isNativeFocused(this.nativeFocusableElement) ||\n            isNativeFocused(this.sliderRef?.nativeElement || null)\n        );\n    }\n\n    get computedSteps(): number {\n        return this.steps || (this.max - this.min) / this.quantum;\n    }\n\n    get precision(): number {\n        return getFractionPartPadded(this.quantum).length;\n    }\n\n    get decimal(): TuiDecimalT {\n        return this.precision ? 'not-zero' : 'never';\n    }\n\n    /**\n     * TODO remove old property `size` in v3.0\n     */\n    get computedSize(): TuiSizeL {\n        if (this.isNew) {\n            tuiAssert.assert(\n                this.controller.size !== 's',\n                \"Size 's' is not supported by this input.\",\n            );\n\n            return this.controller.size === 'l' ? 'l' : 'm';\n        }\n\n        return this.size;\n    }\n\n    /**\n     * @deprecated for backward compatibility\n     * TODO replace by just `this.valueContent` in v3.0\n     */\n    get computedValueContent(): PolymorpheusContent<TuiContextWithImplicit<number>> {\n        return this.minLabel || this.maxLabel\n            ? legacyMinMaxLabel(this)\n            : this.valueContent;\n    }\n\n    focusTextInput() {\n        const focusableElement = this.inputNumberRef?.nativeFocusableElement;\n\n        if (focusableElement) {\n            setNativeFocused(focusableElement);\n        }\n    }\n\n    safelyUpdateValue(value: number | null) {\n        this.updateValue(this.valueGuard(value ?? this.safeCurrentValue));\n    }\n\n    onVerticalArrowKeyDown(coefficient: number) {\n        if (this.readOnly) {\n            return;\n        }\n\n        const value = this.value + coefficient * this.step;\n\n        if (value !== this.value) {\n            this.safelyUpdateValue(value);\n        }\n\n        this.updateTextInputValue(this.valueGuard(value));\n    }\n\n    onFocused(focused: boolean) {\n        if (!focused && !this.textInputValue) {\n            this.updateTextInputValue(this.safeCurrentValue);\n        }\n\n        this.updateFocused(focused);\n    }\n\n    onPressed(pressed: boolean) {\n        this.updatePressed(pressed);\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    private get textInputValue(): string {\n        return this.inputNumberRef?.nativeValue || '';\n    }\n\n    protected getFallbackValue(): number {\n        return 0;\n    }\n\n    protected valueGuard(value: number): number {\n        const roundedValue = round(\n            Math.round(value / this.quantum) * this.quantum,\n            TUI_FLOATING_PRECISION,\n        );\n\n        return clamp(roundedValue, this.min, this.max);\n    }\n\n    private updateTextInputValue(value: number) {\n        if (this.inputNumberRef) {\n            this.inputNumberRef.nativeValue =\n                this.inputNumberRef.getFormattedValue(value);\n        }\n    }\n}\n\nfunction quantumAssertion(quantum: number): boolean {\n    return quantum > 0;\n}\n\n/**\n * @deprecated helper for backward compatibility.\n * TODO remove in v3.0\n */\nfunction legacyMinMaxLabel({min, max, minLabel, maxLabel}: TuiInputSliderComponent) {\n    return ({$implicit: value}: TuiContextWithImplicit<number>) => {\n        switch (value) {\n            case min:\n                return minLabel || value;\n            case max:\n                return maxLabel || value;\n            default:\n                return value;\n        }\n    };\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule, ReactiveFormsModule} from '@angular/forms';\nimport {TuiFocusableModule, TuiRepeatTimesModule} from '@taiga-ui/cdk';\nimport {TuiFormatNumberPipeModule, TuiTextfieldControllerModule} from '@taiga-ui/core';\nimport {TuiInputNumberModule} from '@taiga-ui/kit/components/input-number';\nimport {TuiSliderModule} from '@taiga-ui/kit/components/slider';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {\n    TuiInputSliderComponent,\n    TuiNewInputSliderDirective,\n} from './input-slider.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        ReactiveFormsModule,\n        TuiFocusableModule,\n        TuiSliderModule,\n        TuiFormatNumberPipeModule,\n        TuiRepeatTimesModule,\n        PolymorpheusModule,\n        TuiInputNumberModule,\n        TuiTextfieldControllerModule,\n    ],\n    declarations: [TuiInputSliderComponent, TuiNewInputSliderDirective],\n    exports: [TuiInputSliderComponent, TuiNewInputSliderDirective],\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

@@ -2,12 +2,12 @@ import { __decorate, __param } from 'tslib';
 import { InjectionToken, 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, 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 { TUI_TEXTFIELD_APPEARANCE, TuiModeDirective, TUI_MODE, TuiHintControllerDirective, TUI_HINT_WATCHED_CONTROLLER, TuiTextfieldController, TUI_TEXTFIELD_WATCHED_CONTROLLER, TuiHostedDropdownComponent, TuiScrollbarComponent, TuiDataListDirective, TUI_DATA_LIST_HOST, TEXTFIELD_CONTROLLER_PROVIDER, HINT_CONTROLLER_PROVIDER, MODE_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';
-import { Subject, merge } from 'rxjs';
-import { filter, map, mapTo, switchMap, takeUntil } from 'rxjs/operators';
+import { Subject, merge, Observable } from 'rxjs';
+import { map, filter, mapTo, switchMap, takeUntil } from 'rxjs/operators';
 import { CommonModule } from '@angular/common';
 import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
 
@@ -22,12 +22,13 @@ const TUI_INPUT_TAG_OPTIONS = new InjectionToken('Default parameters for input-t
 var TuiInputTagComponent_1;
 const EVENT_Y_TO_X_COEFFICIENT = 3;
 let TuiInputTagComponent = TuiInputTagComponent_1 = class TuiInputTagComponent extends AbstractTuiMultipleControl {
-    constructor(control, changeDetectorRef, tuiScrollService, elementRef, appearance, modeDirective, tagStatus, hintController, controller, options, parentHostedDropdown) {
+    constructor(control, changeDetectorRef, tuiScrollService, elementRef, appearance, modeDirective, mode$, tagStatus, hintController, controller, options, parentHostedDropdown) {
         super(control, changeDetectorRef);
         this.tuiScrollService = tuiScrollService;
         this.elementRef = elementRef;
         this.appearance = appearance;
         this.modeDirective = modeDirective;
+        this.mode$ = mode$;
         this.tagStatus = tagStatus;
         this.hintController = hintController;
         this.controller = controller;
@@ -49,6 +50,7 @@ let TuiInputTagComponent = TuiInputTagComponent_1 = class TuiInputTagComponent e
         this.uniqueTags = this.options.uniqueTags;
         this.disabledItemHandler = ALWAYS_FALSE_HANDLER;
         this.searchChange = new EventEmitter();
+        this.status$ = this.mode$.pipe(map(mode => (mode ? 'default' : this.tagStatus)));
         this.open = false;
     }
     set pseudoFocusedSetter(value) {
@@ -58,7 +60,7 @@ let TuiInputTagComponent = TuiInputTagComponent_1 = class TuiInputTagComponent e
         this.pseudoFocused = value;
     }
     set scrollerSetter(scroller) {
-        this.initScrollerSubscrition(scroller);
+        this.initScrollerSubscription(scroller);
     }
     get nativeFocusableElement() {
         return !this.focusableElement || this.computedDisabled
@@ -112,6 +114,10 @@ let TuiInputTagComponent = TuiInputTagComponent_1 = class TuiInputTagComponent e
     get hasRightIcons() {
         return this.hasCleaner || this.hasTooltip || this.iconAlignRight;
     }
+    /**
+     * @deprecated: use `status$ | async` instead
+     * TODO: remove in v3.0
+     */
     get status() {
         return this.modeDirective && this.modeDirective.mode ? 'default' : this.tagStatus;
     }
@@ -248,8 +254,8 @@ let TuiInputTagComponent = TuiInputTagComponent_1 = class TuiInputTagComponent e
                 flag * tag.nativeElement.clientWidth;
         }
     }
-    initScrollerSubscrition(scroller) {
-        if (!scroller || !scroller.browserScrollRef) {
+    initScrollerSubscription(scroller) {
+        if (!(scroller === null || scroller === void 0 ? void 0 : scroller.browserScrollRef)) {
             return;
         }
         const { nativeElement } = scroller.browserScrollRef;
@@ -302,6 +308,7 @@ TuiInputTagComponent.ctorParameters = () => [
     { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
     { type: String, decorators: [{ type: Inject, args: [TUI_TEXTFIELD_APPEARANCE,] }] },
     { type: TuiModeDirective, decorators: [{ type: Optional }, { type: Inject, args: [TuiModeDirective,] }] },
+    { type: Observable, decorators: [{ type: Inject, args: [TUI_MODE,] }] },
     { type: undefined, decorators: [{ type: Inject, args: [TUI_TAG_STATUS,] }] },
     { type: TuiHintControllerDirective, decorators: [{ type: Inject, args: [TUI_HINT_WATCHED_CONTROLLER,] }] },
     { type: TuiTextfieldController, decorators: [{ type: Inject, args: [TUI_TEXTFIELD_WATCHED_CONTROLLER,] }] },
@@ -396,7 +403,7 @@ TuiInputTagComponent = TuiInputTagComponent_1 = __decorate([
     Component({
         selector: 'tui-input-tag',
         changeDetection: ChangeDetectionStrategy.OnPush,
-        template: "<tui-hosted-dropdown\n    class=\"t-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=\"t-content\">\n            <div *ngIf=\"iconAlignLeft\" class=\"t-icons t-icons_left\">\n                <tui-svg class=\"t-icon\" [src]=\"icon\"></tui-svg>\n            </div>\n            <div class=\"t-wrapper\">\n                <div class=\"t-absolute-wrapper\">\n                    <div\n                        *ngIf=\"hasPlaceholder\"\n                        automation-id=\"tui-input-tag__placeholder\"\n                        class=\"t-placeholder\"\n                        [class.t-placeholder_raised]=\"placeholderRaised\"\n                    >\n                        <ng-content></ng-content>\n                    </div>\n                </div>\n                <tui-scrollbar\n                    *ngIf=\"!expandable; else items\"\n                    class=\"t-scrollbar\"\n                    [hidden]=\"true\"\n                >\n                    <ng-container *ngTemplateOutlet=\"items\"></ng-container>\n                </tui-scrollbar>\n                <ng-template #items>\n                    <div #tagsContainer class=\"t-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=\"t-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                                [separator]=\"separator\"\n                                [maxLength]=\"controller.maxLength\"\n                                [size]=\"controller.size\"\n                                [value]=\"item.toString()\"\n                                (edited)=\"onTagEdited($event, index)\"\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=\"t-text\"\n                                [class.t-text_disabled]=\"disabledItemHandler(item)\"\n                                [class.t-text_error]=\"!tagValidator(item)\"\n                                [innerText]=\"item\"\n                            ></span>\n                        </ng-template>\n                        <div\n                            class=\"t-input-wrapper\"\n                            [class.t-input-wrapper_collapsed]=\"computedDisabled || readOnly || inputHidden\"\n                        >\n                            <div class=\"t-ghost\">{{ search }}</div>\n                            <input\n                                #focusableElement\n                                type=\"text\"\n                                automation-id=\"tui-input-tag__native\"\n                                class=\"t-native\"\n                                [placeholder]=\"controller.exampleText\"\n                                [class.t-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=\"t-icons t-icons_right\">\n                <tui-svg\n                    *ngIf=\"hasCleaner\"\n                    #cleaner\n                    automation-id=\"tui-input-tag__cleaner\"\n                    src=\"tuiIconCloseLarge\"\n                    class=\"t-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=\"t-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=\"t-icon\"\n                    [src]=\"icon\"\n                ></tui-svg>\n            </div>\n        </div>\n        <ng-template #errorIcon>\n            <tui-svg src=\"tuiIconAttention\" class=\"t-error-icon\"></tui-svg>\n        </ng-template>\n    </tui-wrapper>\n</tui-hosted-dropdown>\n",
+        template: "<tui-hosted-dropdown\n    class=\"t-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=\"t-content\">\n            <div\n                *ngIf=\"iconAlignLeft\"\n                class=\"t-icons t-icons_left\"\n            >\n                <tui-svg\n                    class=\"t-icon\"\n                    [src]=\"icon\"\n                ></tui-svg>\n            </div>\n            <div class=\"t-wrapper\">\n                <div class=\"t-absolute-wrapper\">\n                    <div\n                        *ngIf=\"hasPlaceholder\"\n                        automation-id=\"tui-input-tag__placeholder\"\n                        class=\"t-placeholder\"\n                        [class.t-placeholder_raised]=\"placeholderRaised\"\n                    >\n                        <ng-content></ng-content>\n                    </div>\n                </div>\n                <tui-scrollbar\n                    *ngIf=\"!expandable; else items\"\n                    class=\"t-scrollbar\"\n                    [hidden]=\"true\"\n                >\n                    <ng-container *ngTemplateOutlet=\"items\"></ng-container>\n                </tui-scrollbar>\n                <ng-template #items>\n                    <div\n                        #tagsContainer\n                        class=\"t-tags\"\n                    >\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=\"t-tag\"\n                                [status]=\"(status$ | async) || 'default'\"\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                                [separator]=\"separator\"\n                                [maxLength]=\"controller.maxLength\"\n                                [size]=\"controller.size\"\n                                [value]=\"item.toString()\"\n                                (edited)=\"onTagEdited($event, index)\"\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=\"t-text\"\n                                [class.t-text_disabled]=\"disabledItemHandler(item)\"\n                                [class.t-text_error]=\"!tagValidator(item)\"\n                                [innerText]=\"item\"\n                            ></span>\n                        </ng-template>\n                        <div\n                            class=\"t-input-wrapper\"\n                            [class.t-input-wrapper_collapsed]=\"computedDisabled || readOnly || inputHidden\"\n                        >\n                            <div class=\"t-ghost\">{{ search }}</div>\n                            <input\n                                #focusableElement\n                                type=\"text\"\n                                automation-id=\"tui-input-tag__native\"\n                                class=\"t-native\"\n                                [placeholder]=\"controller.exampleText\"\n                                [class.t-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\n                *ngIf=\"hasRightIcons\"\n                class=\"t-icons t-icons_right\"\n            >\n                <tui-svg\n                    *ngIf=\"hasCleaner\"\n                    #cleaner\n                    automation-id=\"tui-input-tag__cleaner\"\n                    src=\"tuiIconCloseLarge\"\n                    class=\"t-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=\"t-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=\"t-icon\"\n                    [src]=\"icon\"\n                ></tui-svg>\n            </div>\n        </div>\n        <ng-template #errorIcon>\n            <tui-svg\n                src=\"tuiIconAttention\"\n                class=\"t-error-icon\"\n            ></tui-svg>\n        </ng-template>\n    </tui-wrapper>\n</tui-hosted-dropdown>\n",
         providers: [
             {
                 provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
@@ -409,8 +416,9 @@ TuiInputTagComponent = TuiInputTagComponent_1 = __decorate([
             FIXED_DROPDOWN_CONTROLLER_PROVIDER,
             TEXTFIELD_CONTROLLER_PROVIDER,
             HINT_CONTROLLER_PROVIDER,
+            MODE_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-size='s']{height:var(--tui-height-s);min-height:var(--tui-height-s);max-height:var(--tui-height-s)}:host[data-size='m']{height:var(--tui-height-m);min-height:var(--tui-height-m);max-height:var(--tui-height-m)}:host[data-size='l']{height:var(--tui-height-l);min-height:var(--tui-height-l);max-height:var(--tui-height-l);font:var(--tui-font-text-m);line-height:1.25rem}.t-input{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;border:0;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;padding:0 var(--tui-padding-m);border:solid transparent;border-width:0 var(--border-end,0) 0 var(--border-start,0);border-inline-start-width:var(--border-start,0);border-inline-end-width:var(--border-end,0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}.t-input:-webkit-autofill,.t-input:-webkit-autofill:focus,.t-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}.t-input :host-context(tui-primitive-textfield[data-mode=onDark]):-webkit-autofill,.t-input :host-context(tui-primitive-textfield[data-mode=onDark]):-webkit-autofill:focus,.t-input :host-context(tui-primitive-textfield[data-mode=onDark]):-webkit-autofill:hover,.t-input :host-context(tui-text-area[data-mode=onDark]):-webkit-autofill,.t-input :host-context(tui-text-area[data-mode=onDark]):-webkit-autofill:focus,.t-input :host-context(tui-text-area[data-mode=onDark]):-webkit-autofill:hover,:host[data-mode=onDark] .t-input:-webkit-autofill,:host[data-mode=onDark] .t-input:-webkit-autofill:focus,:host[data-mode=onDark] .t-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}.t-input :host-context(tui-primitive-textfield[data-size='s']):not(tui-primitive-textfield),.t-input :host-context(tui-text-area[data-size='s']):not(tui-text-area),:host[data-size='s'] .t-input{padding:0 var(--tui-padding-s)}.t-input :host-context(tui-primitive-textfield[data-size='l']):not(tui-primitive-textfield),.t-input :host-context(tui-text-area[data-size='l']):not(tui-text-area),:host[data-size='l'] .t-input{padding:0 var(--tui-padding-l)}.t-input :host-context(tui-primitive-textfield._disabled),.t-input :host-context(tui-text-area._disabled),:host._disabled .t-input{pointer-events:none}.t-input :host-context(tui-primitive-textfield[data-size='l']:not(._label-outside)):not(tui-primitive-textfield),:host[data-size='l']:not(._label-outside) .t-input{padding-top:1.25rem}.t-input :host-context(tui-primitive-textfield[data-size='l']:not(._label-outside)):not(tui-primitive-textfield):-webkit-autofill+.content .placeholder,:host[data-size='l']:not(._label-outside) .t-input:-webkit-autofill+.content .placeholder{font-size:.8156rem;transform:translateY(-.625rem)}.t-input :host-context(tui-primitive-textfield[data-size='m']:not(._label-outside)):not(tui-primitive-textfield),:host[data-size='m']:not(._label-outside) .t-input{padding-top:1.125rem}.t-input :host-context(tui-primitive-textfield[data-size='m']:not(._label-outside)):not(tui-primitive-textfield):-webkit-autofill+.content .placeholder,:host[data-size='m']:not(._label-outside) .t-input:-webkit-autofill+.content .placeholder{font-size:.69rem;transform:translateY(-.5rem)}.t-input :host-context(tui-primitive-textfield._hidden),:host._hidden input.t-input{opacity:0;text-indent:-10em;-webkit-user-select:none}.t-content{display:flex;height:100%;width:100%;padding:0 var(--tui-padding-m);box-sizing:border-box;align-items:center;overflow:hidden}:host[data-size='s'] .t-content{padding:0 var(--tui-padding-s)}:host[data-size='l'] .t-content{padding:0 var(--tui-padding-l)}.t-content:after{content:'';margin-right:-.25rem}:host[data-size='m'] .t-content:after{display:none}.t-wrapper{flex:1;min-width:0;-webkit-padding-end:.25rem;padding-inline-end:.25rem;-webkit-padding-start:0;padding-inline-start:0}.t-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%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--tui-text-02);pointer-events:none}.t-placeholder_raised{transform:translateY(-.625rem)}:host[data-size='m'] .t-placeholder_raised{font:var(--tui-font-text-xs);transform:translateY(-.5rem);letter-spacing:.025rem}:host._invalid:not(._focused) .t-placeholder_raised,:host._invalid:not(._focused):hover .t-placeholder_raised{color:var(--tui-error-fill)}:host[data-mode=onDark]._invalid:not(._focused) .t-placeholder_raised,:host[data-mode=onDark]._invalid:not(._focused):hover .t-placeholder_raised{color:var(--tui-error-fill-night)}:host._focused .t-placeholder,:host[data-size='l']._focused._label-outside .t-placeholder,:host[data-size='m']._focused._label-outside .t-placeholder{color:var(--tui-text-03)}:host[data-size='l'] .t-placeholder{font-size:.9375rem}:host[data-size='l'] .t-placeholder_raised{font-size:.8156rem}:host[data-size='l']._focused:not(._label-outside) .t-placeholder,:host[data-size='m']._focused:not(._label-outside) .t-placeholder{color:var(--tui-text-01)}:host[data-mode=onDark] .t-placeholder{color:var(--tui-text-02-night)}:host[data-size='l'][data-mode=onDark]._focused:not(._label-outside) .t-placeholder,:host[data-size='m'][data-mode=onDark]._focused:not(._label-outside) .t-placeholder{color:var(--tui-text-01-night)}:host[data-mode=onDark]._focused .t-placeholder,:host[data-size='l'][data-mode=onDark]._focused._label-outside .t-placeholder,:host[data-size='m'][data-mode=onDark]._focused._label-outside .t-placeholder{color:var(--tui-text-02-night)}@supports (-webkit-hyphens:none){.t-placeholder{transition-property:transform,color,letter-spacing}}.t-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}.t-cleaner:hover{color:var(--tui-text-02)}:host._disabled .t-cleaner,:host._readonly .t-cleaner{pointer-events:none}:host[data-mode=onDark] .t-cleaner{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-cleaner:hover{color:var(--tui-text-01-night)}.t-icon{display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;color:var(--tui-text-03)}:host[data-mode=onDark] .t-icon{color:var(--tui-text-03-night)}.t-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-size='s'] .t-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}.t-hosted{display:block;border-radius:inherit}.t-scrollbar{margin:0 -.25rem;padding:0 .25rem}.t-tags{display:flex;align-items:center;box-sizing:border-box}:host._expandable .t-tags{flex-wrap:wrap;white-space:normal}:host._readonly .t-tags{pointer-events:none}:host[data-size='s'] .t-tags{min-height:var(--tui-height-s);padding:.25rem .25rem .25rem 0}:host[data-size='m'] .t-tags{min-height:var(--tui-height-m);padding:.5rem .25rem .5rem 0}:host[data-size='l'] .t-tags{min-height:var(--tui-height-l);padding:.625rem .25rem .625rem 0}:host[data-size='m']:not(._label-outside) .t-tags{padding:1.1875rem 1rem 0 0}:host[data-size='l']:not(._label-outside) .t-tags{padding:1.6875rem 1rem .5625rem 0}.t-tags :host[data-size]{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:.25rem;padding-inline-end:.25rem}:host[data-size]:not(._label-outside) .t-tags{-webkit-padding-end:1rem;padding-inline-end:1rem}.t-content{align-items:flex-start}.t-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}.t-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 .t-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-size='s'] .t-icons{height:var(--tui-height-s)}:host[data-size='m'] .t-icons{height:var(--tui-height-m)}:host[data-size='l'] .t-icons{height:var(--tui-height-l)}.t-absolute-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}:host[data-size='m'] .t-absolute-wrapper{height:var(--tui-height-m)}:host[data-size='l'] .t-absolute-wrapper{height:var(--tui-height-l)}.t-wrapper{position:relative;padding:0}.t-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}.t-text:after{content:',\\00a0'}.t-text_disabled{color:var(--tui-text-03)}.t-text_error{color:var(--tui-negative)}:host:not(._expandable) .t-text{white-space:nowrap}:host:not(._focused) .t-text:last-of-type:after{content:''}.t-input-wrapper{position:relative;flex:1;max-width:100%}.t-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-size='s'] .t-input-wrapper{min-height:1.5rem}:host[data-size='m'] .t-input-wrapper{min-height:calc(var(--tui-height-xs) + 2 * .125rem)}:host[data-size='l'] .t-input-wrapper{min-height:calc(var(--tui-height-s) + 2 * .125rem)}:host:not(._label-outside) .t-input-wrapper{min-height:1.25rem}.t-ghost{visibility:hidden;white-space:pre;text-overflow:clip;min-width:.125rem}:host:not(._expandable) .t-ghost{min-width:2rem}.t-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}.t-native:-webkit-autofill,.t-native:-webkit-autofill:focus,.t-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}.t-native_hidden{opacity:0;text-indent:-10em}.t-native::-ms-input-placeholder{color:var(--tui-text-03);opacity:0}.t-native::placeholder{color:var(--tui-text-03);opacity:0}:host[data-mode=onDark] .t-native::-ms-input-placeholder{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-native::placeholder{color:var(--tui-text-03-night)}:host._focused .t-native:not(:read-only)::-ms-input-placeholder{opacity:1}:host._focused .t-native:not(:-moz-read-only)::placeholder{opacity:1}:host._focused .t-native:not(:read-only)::placeholder{opacity:1}.t-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-size='s']{height:var(--tui-height-s);min-height:var(--tui-height-s);max-height:var(--tui-height-s)}:host[data-size='m']{height:var(--tui-height-m);min-height:var(--tui-height-m);max-height:var(--tui-height-m)}:host[data-size='l']{height:var(--tui-height-l);min-height:var(--tui-height-l);max-height:var(--tui-height-l);font:var(--tui-font-text-m);line-height:1.25rem}.t-input{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border:0;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;padding:0 var(--tui-padding-m);border:solid transparent;border-width:0 var(--border-end,0) 0 var(--border-start,0);border-inline-start-width:var(--border-start,0);border-inline-end-width:var(--border-end,0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}.t-input:-webkit-autofill,.t-input:-webkit-autofill:focus,.t-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}.t-input :host-context(tui-primitive-textfield[data-mode=onDark]):-webkit-autofill,.t-input :host-context(tui-primitive-textfield[data-mode=onDark]):-webkit-autofill:focus,.t-input :host-context(tui-primitive-textfield[data-mode=onDark]):-webkit-autofill:hover,.t-input :host-context(tui-text-area[data-mode=onDark]):-webkit-autofill,.t-input :host-context(tui-text-area[data-mode=onDark]):-webkit-autofill:focus,.t-input :host-context(tui-text-area[data-mode=onDark]):-webkit-autofill:hover,:host[data-mode=onDark] .t-input:-webkit-autofill,:host[data-mode=onDark] .t-input:-webkit-autofill:focus,:host[data-mode=onDark] .t-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}.t-input :host-context(tui-primitive-textfield[data-size='s']):not(tui-primitive-textfield),.t-input :host-context(tui-text-area[data-size='s']):not(tui-text-area),:host[data-size='s'] .t-input{padding:0 var(--tui-padding-s)}.t-input :host-context(tui-primitive-textfield[data-size='l']):not(tui-primitive-textfield),.t-input :host-context(tui-text-area[data-size='l']):not(tui-text-area),:host[data-size='l'] .t-input{padding:0 var(--tui-padding-l)}.t-input :host-context(tui-primitive-textfield._disabled),.t-input :host-context(tui-text-area._disabled),:host._disabled .t-input{pointer-events:none}.t-input :host-context(tui-primitive-textfield[data-size='l']:not(._label-outside)):not(tui-primitive-textfield),:host[data-size='l']:not(._label-outside) .t-input{padding-top:1.25rem}.t-input :host-context(tui-primitive-textfield[data-size='l']:not(._label-outside)):not(tui-primitive-textfield):-webkit-autofill+.content .placeholder,:host[data-size='l']:not(._label-outside) .t-input:-webkit-autofill+.content .placeholder{font-size:.8156rem;transform:translateY(-.625rem)}.t-input :host-context(tui-primitive-textfield[data-size='m']:not(._label-outside)):not(tui-primitive-textfield),:host[data-size='m']:not(._label-outside) .t-input{padding-top:1.125rem}.t-input :host-context(tui-primitive-textfield[data-size='m']:not(._label-outside)):not(tui-primitive-textfield):-webkit-autofill+.content .placeholder,:host[data-size='m']:not(._label-outside) .t-input:-webkit-autofill+.content .placeholder{font-size:.69rem;transform:translateY(-.5rem)}.t-input :host-context(tui-primitive-textfield._hidden),:host._hidden input.t-input{opacity:0;text-indent:-10em;-webkit-user-select:none}.t-content{display:flex;height:100%;width:100%;padding:0 var(--tui-padding-m);box-sizing:border-box;align-items:center;overflow:hidden}:host[data-size='s'] .t-content{padding:0 var(--tui-padding-s)}:host[data-size='l'] .t-content{padding:0 var(--tui-padding-l)}.t-content:after{content:'';margin-right:-.25rem}:host[data-size='m'] .t-content:after{display:none}.t-wrapper{flex:1;min-width:0;-webkit-padding-end:.25rem;padding-inline-end:.25rem;-webkit-padding-start:0;padding-inline-start:0}.t-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%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--tui-text-02);pointer-events:none}.t-placeholder_raised{transform:translateY(-.625rem)}:host[data-size='m'] .t-placeholder_raised{font:var(--tui-font-text-xs);transform:translateY(-.5rem);letter-spacing:.025rem}:host._invalid:not(._focused) .t-placeholder_raised,:host._invalid:not(._focused):hover .t-placeholder_raised{color:var(--tui-error-fill)}:host[data-mode=onDark]._invalid:not(._focused) .t-placeholder_raised,:host[data-mode=onDark]._invalid:not(._focused):hover .t-placeholder_raised{color:var(--tui-error-fill-night)}:host._focused .t-placeholder,:host[data-size='l']._focused._label-outside .t-placeholder,:host[data-size='m']._focused._label-outside .t-placeholder{color:var(--tui-text-03)}:host[data-size='l'] .t-placeholder{font-size:.9375rem}:host[data-size='l'] .t-placeholder_raised{font-size:.8156rem}:host[data-size='l']._focused:not(._label-outside) .t-placeholder,:host[data-size='m']._focused:not(._label-outside) .t-placeholder{color:var(--tui-text-01)}:host[data-mode=onDark] .t-placeholder{color:var(--tui-text-02-night)}:host[data-size='l'][data-mode=onDark]._focused:not(._label-outside) .t-placeholder,:host[data-size='m'][data-mode=onDark]._focused:not(._label-outside) .t-placeholder{color:var(--tui-text-01-night)}:host[data-mode=onDark]._focused .t-placeholder,:host[data-size='l'][data-mode=onDark]._focused._label-outside .t-placeholder,:host[data-size='m'][data-mode=onDark]._focused._label-outside .t-placeholder{color:var(--tui-text-02-night)}@supports (-webkit-hyphens:none){.t-placeholder{transition-property:transform,color,letter-spacing}}.t-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}.t-cleaner:hover{color:var(--tui-text-02)}:host._disabled .t-cleaner,:host._readonly .t-cleaner{pointer-events:none}:host[data-mode=onDark] .t-cleaner{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-cleaner:hover{color:var(--tui-text-01-night)}.t-icon{display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;color:var(--tui-text-03)}:host[data-mode=onDark] .t-icon{color:var(--tui-text-03-night)}.t-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-size='s'] .t-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}.t-hosted{display:block;border-radius:inherit}.t-scrollbar{margin:0 -.25rem;padding:0 .25rem}.t-tags{display:flex;align-items:center;box-sizing:border-box}:host._expandable .t-tags{flex-wrap:wrap;white-space:normal}:host._readonly .t-tags{pointer-events:none}:host[data-size='s'] .t-tags{min-height:var(--tui-height-s);padding:.25rem .25rem .25rem 0}:host[data-size='m'] .t-tags{min-height:var(--tui-height-m);padding:.5rem .25rem .5rem 0}:host[data-size='l'] .t-tags{min-height:var(--tui-height-l);padding:.625rem .25rem .625rem 0}:host[data-size='m']:not(._label-outside) .t-tags{padding:1.1875rem 1rem 0 0}:host[data-size='l']:not(._label-outside) .t-tags{padding:1.6875rem 1rem .5625rem 0}.t-tags :host[data-size]{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:.25rem;padding-inline-end:.25rem}:host[data-size]:not(._label-outside) .t-tags{-webkit-padding-end:1rem;padding-inline-end:1rem}.t-content{align-items:flex-start}.t-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}.t-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 .t-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-size='s'] .t-icons{height:var(--tui-height-s)}:host[data-size='m'] .t-icons{height:var(--tui-height-m)}:host[data-size='l'] .t-icons{height:var(--tui-height-l)}.t-absolute-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}:host[data-size='m'] .t-absolute-wrapper{height:var(--tui-height-m)}:host[data-size='l'] .t-absolute-wrapper{height:var(--tui-height-l)}.t-wrapper{position:relative;padding:0}.t-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}.t-text:after{content:',\\00a0'}.t-text_disabled{color:var(--tui-text-03)}.t-text_error{color:var(--tui-negative)}:host:not(._expandable) .t-text{white-space:nowrap}:host:not(._focused) .t-text:last-of-type:after{content:''}.t-input-wrapper{position:relative;flex:1;max-width:100%}.t-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-size='s'] .t-input-wrapper{min-height:1.5rem}:host[data-size='m'] .t-input-wrapper{min-height:calc(var(--tui-height-xs) + 2 * .125rem)}:host[data-size='l'] .t-input-wrapper{min-height:calc(var(--tui-height-s) + 2 * .125rem)}:host:not(._label-outside) .t-input-wrapper{min-height:1.25rem}.t-ghost{visibility:hidden;white-space:pre;text-overflow:clip;min-width:.125rem}:host:not(._expandable) .t-ghost{min-width:2rem}.t-native{margin:0;border:0;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;padding:0;cursor:inherit}.t-native:-webkit-autofill,.t-native:-webkit-autofill:focus,.t-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}.t-native_hidden{opacity:0;text-indent:-10em}.t-native::-ms-input-placeholder{color:var(--tui-text-03);opacity:0}.t-native::placeholder{color:var(--tui-text-03);opacity:0}:host[data-mode=onDark] .t-native::-ms-input-placeholder{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-native::placeholder{color:var(--tui-text-03-night)}:host._focused .t-native:not(:read-only)::-ms-input-placeholder{opacity:1}:host._focused .t-native:not(:-moz-read-only)::placeholder{opacity:1}:host._focused .t-native:not(:read-only)::placeholder{opacity:1}.t-error-icon{display:block;color:var(--tui-error-fill);width:1rem;height:1rem}"]
     }),
     __param(0, Optional()),
     __param(0, Self()),
@@ -421,12 +429,13 @@ TuiInputTagComponent = TuiInputTagComponent_1 = __decorate([
     __param(4, Inject(TUI_TEXTFIELD_APPEARANCE)),
     __param(5, Optional()),
     __param(5, Inject(TuiModeDirective)),
-    __param(6, Inject(TUI_TAG_STATUS)),
-    __param(7, Inject(TUI_HINT_WATCHED_CONTROLLER)),
-    __param(8, Inject(TUI_TEXTFIELD_WATCHED_CONTROLLER)),
-    __param(9, Inject(TUI_INPUT_TAG_OPTIONS)),
-    __param(10, Optional()),
-    __param(10, Inject(TuiHostedDropdownComponent))
+    __param(6, Inject(TUI_MODE)),
+    __param(7, Inject(TUI_TAG_STATUS)),
+    __param(8, Inject(TUI_HINT_WATCHED_CONTROLLER)),
+    __param(9, Inject(TUI_TEXTFIELD_WATCHED_CONTROLLER)),
+    __param(10, Inject(TUI_INPUT_TAG_OPTIONS)),
+    __param(11, Optional()),
+    __param(11, Inject(TuiHostedDropdownComponent))
 ], TuiInputTagComponent);
 
 let TuiInputTagModule = class TuiInputTagModule {