@taiga-ui/kit 2.21.0 → 2.25.0

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-input-phone.js","sources":["ng://@taiga-ui/kit/components/input-phone/input-phone.providers.ts","ng://@taiga-ui/kit/components/input-phone/input-phone.component.ts","ng://@taiga-ui/kit/components/input-phone/input-phone.module.ts","ng://@taiga-ui/kit/components/input-phone/taiga-ui-kit-components-input-phone.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {InjectionToken} from '@angular/core';\nimport {TuiDestroyService} from '@taiga-ui/cdk';\nimport {FIXED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers';\nimport {fromEvent, merge, Observable} from 'rxjs';\nimport {flatMap, startWith, takeUntil, windowToggle} from 'rxjs/operators';\n\nexport const SELECTION_STREAM = new InjectionToken<Observable<unknown>>(\n    'A stream of selection changes',\n);\nexport const INPUT_PHONE_PROVIDERS = [\n    TuiDestroyService,\n    FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n    {\n        provide: SELECTION_STREAM,\n        deps: [TuiDestroyService, DOCUMENT],\n        useFactory: selectionStreamFactory,\n    },\n];\n\nexport function selectionStreamFactory(\n    destroy$: Observable<unknown>,\n    documentRef: Document,\n): Observable<unknown> {\n    return fromEvent(documentRef, 'selectionchange').pipe(\n        windowToggle(\n            merge(fromEvent(documentRef, 'mouseup'), fromEvent(documentRef, 'keydown')),\n            () => fromEvent(documentRef, 'mousedown'),\n        ),\n        flatMap(windowed$ => windowed$.pipe(startWith(null))),\n        takeUntil(destroy$),\n    );\n}\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    EventEmitter,\n    forwardRef,\n    Inject,\n    Input,\n    Optional,\n    Output,\n    Self,\n    TemplateRef,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    getClipboardDataText,\n    isNativeFocused,\n    setNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TuiActiveZoneDirective,\n    TuiContextWithImplicit,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiInputModeT,\n    tuiRequiredSetter,\n} from '@taiga-ui/cdk';\nimport {\n    formatPhone,\n    TUI_DATA_LIST_HOST,\n    TUI_TEXTFIELD_CLEANER,\n    TuiDataListDirective,\n    TuiDataListHost,\n    TuiHostedDropdownComponent,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextfieldCleanerDirective,\n    TuiTextMaskOptions,\n} from '@taiga-ui/core';\nimport {Observable} from 'rxjs';\nimport {INPUT_PHONE_PROVIDERS, SELECTION_STREAM} from './input-phone.providers';\n\nconst NON_PLUS_AND_DIGITS_REGEX = /[ \\-_\\(\\)]/g;\n\n// @dynamic\n@Component({\n    selector: 'tui-input-phone',\n    templateUrl: './input-phone.template.html',\n    styleUrls: ['./input-phone.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputPhoneComponent),\n        },\n        {\n            provide: TUI_DATA_LIST_HOST,\n            useExisting: forwardRef(() => TuiInputPhoneComponent),\n        },\n        INPUT_PHONE_PROVIDERS,\n    ],\n})\nexport class TuiInputPhoneComponent\n    extends AbstractTuiControl<string>\n    implements TuiFocusableElementAccessor, TuiDataListHost<string>\n{\n    @Input('countryCode')\n    @tuiRequiredSetter()\n    set countryCodeSetter(countryCode: string) {\n        this.updateValueWithNewContryCode(countryCode);\n        this.countryCode = countryCode;\n    }\n\n    @Input()\n    @tuiDefaultProp()\n    phoneMaskAfterCountryCode = '(###) ###-##-##';\n\n    @Input()\n    @tuiDefaultProp()\n    allowText = false;\n\n    @Input()\n    @tuiDefaultProp()\n    search = '';\n\n    @Output()\n    readonly searchChange = new EventEmitter<string>();\n\n    readonly textMaskOptions: TuiTextMaskOptions = {\n        mask: value =>\n            this.allowText && !this.value && isText(value) && value !== '+'\n                ? false\n                : [\n                      ...this.countryCode.split(''),\n                      ' ',\n                      ...this.phoneMaskAfterCountryCode\n                          .replace(/[^#\\- \\(\\)]+/g, '')\n                          .split('')\n                          .map(item => (item === '#' ? /\\d/ : item)),\n                  ],\n        pipe: value => {\n            if (this.allowText) {\n                return value;\n            }\n\n            return value === '' && this.focused && !this.readOnly\n                ? `${this.countryCode} `\n                : value.replace(/-$/, '');\n        },\n        guide: false,\n    };\n\n    countryCode = '+7';\n\n    open = false;\n\n    @ContentChild(TuiDataListDirective, {read: TemplateRef})\n    readonly datalist?: TemplateRef<TuiContextWithImplicit<TuiActiveZoneDirective>>;\n\n    @ViewChild(TuiHostedDropdownComponent)\n    private readonly dropdown?: TuiHostedDropdownComponent;\n\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(SELECTION_STREAM)\n        selection$: Observable<unknown>,\n        @Inject(TUI_TEXTFIELD_CLEANER)\n        private readonly textfieldCleaner: TuiTextfieldCleanerDirective,\n    ) {\n        super(control, changeDetectorRef);\n\n        selection$.subscribe(() => {\n            this.setCaretPosition();\n        });\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return !this.textfield || this.computedDisabled\n            ? null\n            : this.textfield.nativeFocusableElement;\n    }\n\n    get focused(): boolean {\n        return (\n            isNativeFocused(this.nativeFocusableElement) ||\n            (!!this.dropdown && this.dropdown.focused)\n        );\n    }\n\n    get nativeValue(): string {\n        return this.value\n            ? formatPhone(this.value, this.countryCode, this.phoneMaskAfterCountryCode)\n            : this.search || '';\n    }\n\n    get inputMode(): TuiInputModeT {\n        return this.allowText ? 'text' : 'numeric';\n    }\n\n    get canOpen(): boolean {\n        return !this.computedDisabled && !this.readOnly && !!this.datalist;\n    }\n\n    get canClean(): boolean {\n        return this.nativeValue !== this.countryCode && this.textfieldCleaner.cleaner;\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onDrop(event: DragEvent) {\n        if (!event.dataTransfer) {\n            return;\n        }\n\n        this.setValueWithoutPrefix(event.dataTransfer.getData('text'));\n        event.preventDefault();\n    }\n\n    onPaste(event: ClipboardEvent) {\n        this.setValueWithoutPrefix(getClipboardDataText(event));\n    }\n\n    onActiveZone(active: boolean) {\n        this.updateFocused(active);\n\n        if (active && !this.nativeValue && !this.readOnly && !this.allowText) {\n            this.updateSearch(this.countryCode);\n\n            return;\n        }\n\n        if (\n            this.nativeValue === this.countryCode ||\n            (this.search !== null &&\n                isNaN(parseInt(this.search.replace(NON_PLUS_AND_DIGITS_REGEX, ''), 10)))\n        ) {\n            this.updateSearch('');\n        }\n    }\n\n    onBackspace(event: Event & {target: HTMLInputElement}) {\n        if (\n            (event.target.selectionStart || 0) <= this.nonRemovableLength &&\n            event.target.selectionStart === event.target.selectionEnd\n        ) {\n            event.preventDefault();\n        }\n    }\n\n    onValueChange(value: string) {\n        value = value === '' ? this.countryCode : value;\n\n        const parsed = isText(value)\n            ? value\n            : value.replace(NON_PLUS_AND_DIGITS_REGEX, '');\n\n        this.updateSearch(parsed);\n        this.updateValue(parsed === this.countryCode || isText(parsed) ? '' : parsed);\n        this.open = true;\n    }\n\n    handleOption(item: string) {\n        this.focusInput();\n        this.updateValue(item);\n        this.updateSearch('');\n        this.open = false;\n    }\n\n    setDisabledState() {\n        super.setDisabledState();\n        this.open = false;\n    }\n\n    writeValue(value: string | null) {\n        super.writeValue(value);\n        this.updateSearch('');\n    }\n\n    protected getFallbackValue(): string {\n        return '';\n    }\n\n    private get caretIsInForbiddenArea(): boolean {\n        const {nativeFocusableElement} = this;\n\n        if (!nativeFocusableElement) {\n            return false;\n        }\n\n        const {selectionStart, selectionEnd} = nativeFocusableElement;\n\n        return (\n            isNativeFocused(nativeFocusableElement) &&\n            selectionStart !== null &&\n            selectionStart < this.nonRemovableLength &&\n            selectionStart === selectionEnd\n        );\n    }\n\n    private get nonRemovableLength(): number {\n        return this.isTextValue ? 0 : this.countryCode.length + 1;\n    }\n\n    private get maxPhoneLength(): number {\n        return (\n            this.countryCode.length +\n            this.phoneMaskAfterCountryCode.replace(/[^#]+/g, '').length\n        );\n    }\n\n    private get isTextValue(): boolean {\n        return !!this.search && isText(this.search);\n    }\n\n    private setCaretPosition() {\n        if (this.caretIsInForbiddenArea && !!this.nativeFocusableElement) {\n            this.nativeFocusableElement.setSelectionRange(\n                this.nonRemovableLength,\n                this.nonRemovableLength,\n            );\n        }\n    }\n\n    private setValueWithoutPrefix(value: string) {\n        if (this.readOnly) {\n            return;\n        }\n\n        this.open = true;\n        this.updateValue(this.cleanValue(value));\n        this.updateSearch(\n            this.allowText && isText(value)\n                ? value\n                : value.replace(NON_PLUS_AND_DIGITS_REGEX, ''),\n        );\n    }\n\n    private cleanValue(value: string): string {\n        const reg: RegExp =\n            this.countryCode === '+7'\n                ? /^7|^8/\n                : new RegExp(this.countryCode.substring(1));\n        const oldValueExist =\n            this.value.length > this.countryCode.length &&\n            this.value.length < this.maxPhoneLength;\n        const newValueLength = value.replace(NON_PLUS_AND_DIGITS_REGEX, '').length;\n        const cleanNewValue = value.replace(/[^0-9]+/g, '');\n        const selectionLength = getSelection()!.toString().length;\n\n        if (oldValueExist && selectionLength === 0) {\n            return `${this.value}${cleanNewValue}`.slice(0, this.maxPhoneLength);\n        }\n\n        if (newValueLength < this.maxPhoneLength - 1) {\n            return `${this.countryCode}${cleanNewValue}`.slice(0, this.maxPhoneLength);\n        }\n\n        return `${this.countryCode}${cleanNewValue.replace(reg, '')}`.slice(\n            0,\n            this.maxPhoneLength,\n        );\n    }\n\n    private focusInput() {\n        if (this.nativeFocusableElement) {\n            setNativeFocused(this.nativeFocusableElement, true, true);\n        }\n    }\n\n    private updateSearch(search: string) {\n        if (this.search === search) {\n            return;\n        }\n\n        this.search = search;\n        this.searchChange.emit(search);\n    }\n\n    private updateValueWithNewContryCode(newCountryCode: string) {\n        if (!this.isTextValue) {\n            this.updateValue(this.value.replace(this.countryCode, newCountryCode));\n        }\n    }\n}\n\nfunction isText(value: string): boolean {\n    return isNaN(parseInt(value.replace(NON_PLUS_AND_DIGITS_REGEX, ''), 10));\n}\n","import {NgModule} from '@angular/core';\nimport {TuiActiveZoneModule} from '@taiga-ui/cdk';\nimport {\n    TuiHostedDropdownModule,\n    TuiPrimitiveTextfieldModule,\n    TuiTextfieldControllerModule,\n} from '@taiga-ui/core';\nimport {TuiValueAccessorModule} from '@taiga-ui/kit/directives';\nimport {TextMaskModule} from 'angular2-text-mask';\nimport {TuiInputPhoneComponent} from './input-phone.component';\n\n@NgModule({\n    imports: [\n        TextMaskModule,\n        TuiPrimitiveTextfieldModule,\n        TuiHostedDropdownModule,\n        TuiTextfieldControllerModule,\n        TuiActiveZoneModule,\n        TuiValueAccessorModule,\n    ],\n    declarations: [TuiInputPhoneComponent],\n    exports: [TuiInputPhoneComponent],\n})\nexport class TuiInputPhoneModule {}\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-phone.js","sources":["ng://@taiga-ui/kit/components/input-phone/input-phone.providers.ts","ng://@taiga-ui/kit/components/input-phone/input-phone.component.ts","ng://@taiga-ui/kit/components/input-phone/input-phone.module.ts","ng://@taiga-ui/kit/components/input-phone/taiga-ui-kit-components-input-phone.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {InjectionToken} from '@angular/core';\nimport {TuiDestroyService} from '@taiga-ui/cdk';\nimport {FIXED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers';\nimport {fromEvent, merge, Observable} from 'rxjs';\nimport {flatMap, startWith, takeUntil, windowToggle} from 'rxjs/operators';\n\nexport const SELECTION_STREAM = new InjectionToken<Observable<unknown>>(\n    'A stream of selection changes',\n);\nexport const INPUT_PHONE_PROVIDERS = [\n    TuiDestroyService,\n    FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n    {\n        provide: SELECTION_STREAM,\n        deps: [TuiDestroyService, DOCUMENT],\n        useFactory: selectionStreamFactory,\n    },\n];\n\nexport function selectionStreamFactory(\n    destroy$: Observable<unknown>,\n    documentRef: Document,\n): Observable<unknown> {\n    return fromEvent(documentRef, 'selectionchange').pipe(\n        windowToggle(\n            merge(fromEvent(documentRef, 'mouseup'), fromEvent(documentRef, 'keydown')),\n            () => fromEvent(documentRef, 'mousedown'),\n        ),\n        flatMap(windowed$ => windowed$.pipe(startWith(null))),\n        takeUntil(destroy$),\n    );\n}\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    EventEmitter,\n    forwardRef,\n    Inject,\n    Input,\n    Optional,\n    Output,\n    Self,\n    TemplateRef,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    getClipboardDataText,\n    isNativeFocused,\n    setNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TuiActiveZoneDirective,\n    TuiContextWithImplicit,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    TuiInputModeT,\n    tuiRequiredSetter,\n} from '@taiga-ui/cdk';\nimport {\n    formatPhone,\n    TUI_DATA_LIST_HOST,\n    TUI_TEXTFIELD_CLEANER,\n    TuiDataListDirective,\n    TuiDataListHost,\n    TuiHostedDropdownComponent,\n    TuiPrimitiveTextfieldComponent,\n    TuiTextfieldCleanerDirective,\n    TuiTextMaskOptions,\n} from '@taiga-ui/core';\nimport {Observable} from 'rxjs';\n\nimport {INPUT_PHONE_PROVIDERS, SELECTION_STREAM} from './input-phone.providers';\n\nconst NON_PLUS_AND_DIGITS_REGEX = /[ \\-_\\(\\)]/g;\n\n// @dynamic\n@Component({\n    selector: 'tui-input-phone',\n    templateUrl: './input-phone.template.html',\n    styleUrls: ['./input-phone.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiInputPhoneComponent),\n        },\n        {\n            provide: TUI_DATA_LIST_HOST,\n            useExisting: forwardRef(() => TuiInputPhoneComponent),\n        },\n        INPUT_PHONE_PROVIDERS,\n    ],\n})\nexport class TuiInputPhoneComponent\n    extends AbstractTuiControl<string>\n    implements TuiFocusableElementAccessor, TuiDataListHost<string>\n{\n    @Input('countryCode')\n    @tuiRequiredSetter()\n    set countryCodeSetter(countryCode: string) {\n        this.updateValueWithNewContryCode(countryCode);\n        this.countryCode = countryCode;\n    }\n\n    @Input()\n    @tuiDefaultProp()\n    phoneMaskAfterCountryCode = '(###) ###-##-##';\n\n    @Input()\n    @tuiDefaultProp()\n    allowText = false;\n\n    @Input()\n    @tuiDefaultProp()\n    search = '';\n\n    @Output()\n    readonly searchChange = new EventEmitter<string>();\n\n    readonly textMaskOptions: TuiTextMaskOptions = {\n        mask: value =>\n            this.allowText && !this.value && isText(value) && value !== '+'\n                ? false\n                : [\n                      ...this.countryCode.split(''),\n                      ' ',\n                      ...this.phoneMaskAfterCountryCode\n                          .replace(/[^#\\- \\(\\)]+/g, '')\n                          .split('')\n                          .map(item => (item === '#' ? /\\d/ : item)),\n                  ],\n        pipe: value => {\n            if (this.allowText) {\n                return value;\n            }\n\n            return value === '' && this.focused && !this.readOnly\n                ? `${this.countryCode} `\n                : value.replace(/-$/, '');\n        },\n        guide: false,\n    };\n\n    countryCode = '+7';\n\n    open = false;\n\n    @ContentChild(TuiDataListDirective, {read: TemplateRef})\n    readonly datalist?: TemplateRef<TuiContextWithImplicit<TuiActiveZoneDirective>>;\n\n    @ViewChild(TuiHostedDropdownComponent)\n    private readonly dropdown?: TuiHostedDropdownComponent;\n\n    @ViewChild(TuiPrimitiveTextfieldComponent)\n    private readonly textfield?: TuiPrimitiveTextfieldComponent;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(SELECTION_STREAM)\n        selection$: Observable<unknown>,\n        @Inject(TUI_TEXTFIELD_CLEANER)\n        private readonly textfieldCleaner: TuiTextfieldCleanerDirective,\n    ) {\n        super(control, changeDetectorRef);\n\n        selection$.subscribe(() => {\n            this.setCaretPosition();\n        });\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return !this.textfield || this.computedDisabled\n            ? null\n            : this.textfield.nativeFocusableElement;\n    }\n\n    get focused(): boolean {\n        return (\n            isNativeFocused(this.nativeFocusableElement) ||\n            (!!this.dropdown && this.dropdown.focused)\n        );\n    }\n\n    get nativeValue(): string {\n        return this.value\n            ? formatPhone(this.value, this.countryCode, this.phoneMaskAfterCountryCode)\n            : this.search || '';\n    }\n\n    get inputMode(): TuiInputModeT {\n        return this.allowText ? 'text' : 'numeric';\n    }\n\n    get canOpen(): boolean {\n        return !this.computedDisabled && !this.readOnly && !!this.datalist;\n    }\n\n    get canClean(): boolean {\n        return this.nativeValue !== this.countryCode && this.textfieldCleaner.cleaner;\n    }\n\n    onHovered(hovered: boolean) {\n        this.updateHovered(hovered);\n    }\n\n    onDrop(event: DragEvent) {\n        if (!event.dataTransfer) {\n            return;\n        }\n\n        this.setValueWithoutPrefix(event.dataTransfer.getData('text'));\n        event.preventDefault();\n    }\n\n    onPaste(event: ClipboardEvent) {\n        this.setValueWithoutPrefix(getClipboardDataText(event));\n    }\n\n    onActiveZone(active: boolean) {\n        this.updateFocused(active);\n\n        if (active && !this.nativeValue && !this.readOnly && !this.allowText) {\n            this.updateSearch(this.countryCode);\n\n            return;\n        }\n\n        if (\n            this.nativeValue === this.countryCode ||\n            (this.search !== null &&\n                isNaN(parseInt(this.search.replace(NON_PLUS_AND_DIGITS_REGEX, ''), 10)))\n        ) {\n            this.updateSearch('');\n        }\n    }\n\n    onBackspace(event: Event & {target: HTMLInputElement}) {\n        if (\n            (event.target.selectionStart || 0) <= this.nonRemovableLength &&\n            event.target.selectionStart === event.target.selectionEnd\n        ) {\n            event.preventDefault();\n        }\n    }\n\n    onValueChange(value: string) {\n        value = value === '' ? this.countryCode : value;\n\n        const parsed = isText(value)\n            ? value\n            : value.replace(NON_PLUS_AND_DIGITS_REGEX, '');\n\n        this.updateSearch(parsed);\n        this.updateValue(parsed === this.countryCode || isText(parsed) ? '' : parsed);\n        this.open = true;\n    }\n\n    handleOption(item: string) {\n        this.focusInput();\n        this.updateValue(item);\n        this.updateSearch('');\n        this.open = false;\n    }\n\n    setDisabledState() {\n        super.setDisabledState();\n        this.open = false;\n    }\n\n    writeValue(value: string | null) {\n        super.writeValue(value);\n        this.updateSearch('');\n    }\n\n    protected getFallbackValue(): string {\n        return '';\n    }\n\n    private get caretIsInForbiddenArea(): boolean {\n        const {nativeFocusableElement} = this;\n\n        if (!nativeFocusableElement) {\n            return false;\n        }\n\n        const {selectionStart, selectionEnd} = nativeFocusableElement;\n\n        return (\n            isNativeFocused(nativeFocusableElement) &&\n            selectionStart !== null &&\n            selectionStart < this.nonRemovableLength &&\n            selectionStart === selectionEnd\n        );\n    }\n\n    private get nonRemovableLength(): number {\n        return this.isTextValue ? 0 : this.countryCode.length + 1;\n    }\n\n    private get maxPhoneLength(): number {\n        return (\n            this.countryCode.length +\n            this.phoneMaskAfterCountryCode.replace(/[^#]+/g, '').length\n        );\n    }\n\n    private get isTextValue(): boolean {\n        return !!this.search && isText(this.search);\n    }\n\n    private setCaretPosition() {\n        if (this.caretIsInForbiddenArea && !!this.nativeFocusableElement) {\n            this.nativeFocusableElement.setSelectionRange(\n                this.nonRemovableLength,\n                this.nonRemovableLength,\n            );\n        }\n    }\n\n    private setValueWithoutPrefix(value: string) {\n        if (this.readOnly) {\n            return;\n        }\n\n        this.open = true;\n        this.updateValue(this.cleanValue(value));\n        this.updateSearch(\n            this.allowText && isText(value)\n                ? value\n                : value.replace(NON_PLUS_AND_DIGITS_REGEX, ''),\n        );\n    }\n\n    private cleanValue(value: string): string {\n        const reg: RegExp =\n            this.countryCode === '+7'\n                ? /^7|^8/\n                : new RegExp(this.countryCode.substring(1));\n        const oldValueExist =\n            this.value.length > this.countryCode.length &&\n            this.value.length < this.maxPhoneLength;\n        const newValueLength = value.replace(NON_PLUS_AND_DIGITS_REGEX, '').length;\n        const cleanNewValue = value.replace(/[^0-9]+/g, '');\n        const selectionLength = getSelection()!.toString().length;\n\n        if (oldValueExist && selectionLength === 0) {\n            return `${this.value}${cleanNewValue}`.slice(0, this.maxPhoneLength);\n        }\n\n        if (newValueLength < this.maxPhoneLength - 1) {\n            return `${this.countryCode}${cleanNewValue}`.slice(0, this.maxPhoneLength);\n        }\n\n        return `${this.countryCode}${cleanNewValue.replace(reg, '')}`.slice(\n            0,\n            this.maxPhoneLength,\n        );\n    }\n\n    private focusInput() {\n        if (this.nativeFocusableElement) {\n            setNativeFocused(this.nativeFocusableElement, true, true);\n        }\n    }\n\n    private updateSearch(search: string) {\n        if (this.search === search) {\n            return;\n        }\n\n        this.search = search;\n        this.searchChange.emit(search);\n    }\n\n    private updateValueWithNewContryCode(newCountryCode: string) {\n        if (!this.isTextValue) {\n            this.updateValue(this.value.replace(this.countryCode, newCountryCode));\n        }\n    }\n}\n\nfunction isText(value: string): boolean {\n    return isNaN(parseInt(value.replace(NON_PLUS_AND_DIGITS_REGEX, ''), 10));\n}\n","import {NgModule} from '@angular/core';\nimport {TuiActiveZoneModule} from '@taiga-ui/cdk';\nimport {\n    TuiHostedDropdownModule,\n    TuiPrimitiveTextfieldModule,\n    TuiTextfieldControllerModule,\n} from '@taiga-ui/core';\nimport {TuiValueAccessorModule} from '@taiga-ui/kit/directives';\nimport {TextMaskModule} from 'angular2-text-mask';\n\nimport {TuiInputPhoneComponent} from './input-phone.component';\n\n@NgModule({\n    imports: [\n        TextMaskModule,\n        TuiPrimitiveTextfieldModule,\n        TuiHostedDropdownModule,\n        TuiTextfieldControllerModule,\n        TuiActiveZoneModule,\n        TuiValueAccessorModule,\n    ],\n    declarations: [TuiInputPhoneComponent],\n    exports: [TuiInputPhoneComponent],\n})\nexport class TuiInputPhoneModule {}\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-range.js

@@ -191,7 +191,7 @@ __decorate([
 TuiInputRangeComponent = TuiInputRangeComponent_1 = __decorate([
     Component({
         selector: 'tui-input-range',
-        template: "<div class=\"zone\" (tuiActiveZoneChange)=\"onActiveZone($event)\">\n    <tui-wrapper\n        appearance=\"textfield\"\n        [readOnly]=\"readOnly\"\n        [disabled]=\"disabled\"\n        [focused]=\"computedFocused\"\n        [hovered]=\"computedHovered\"\n        [invalid]=\"computedInvalid\"\n    >\n        <span\n            *ngIf=\"hasPlaceholder\"\n            class=\"placeholder\"\n            automation-id=\"tui-input-range__placeholder\"\n        >\n            <ng-content></ng-content>\n        </span>\n        <div class=\"content\">\n            <span *ngIf=\"!showMinLabel\" class=\"label\">\n                <span class=\"value\">{{inputValueLeft}}</span>\n                <span\n                    *ngIf=\"pluralizeMap\"\n                    class=\"pluralize\"\n                    automation-id=\"tui-input-range__pluralize-left\"\n                >\n                    {{value[0] | i18nPlural: pluralizeMap}}\n                </span>\n            </span>\n            <span\n                *ngIf=\"showMinLabel\"\n                class=\"label\"\n                automation-id=\"tui-input-range__min-label\"\n            >\n                {{minLabel}}\n            </span>\n            <span\n                *ngIf=\"showMaxLabel\"\n                automation-id=\"tui-input-range__max-label\"\n                class=\"max\"\n            >\n                {{maxLabel}}\n            </span>\n        </div>\n        <tui-range\n            class=\"slider\"\n            [min]=\"min\"\n            [max]=\"max\"\n            [steps]=\"computedSteps\"\n            [segments]=\"segments\"\n            [keySteps]=\"keySteps\"\n            [pluralize]=\"segmentsPluralize\"\n            [focusable]=\"false\"\n            [disabled]=\"readOnly || disabled\"\n            [ngModel]=\"value\"\n            (ngModelChange)=\"onRangeValue($event)\"\n            (mousedown.prevent)=\"onMouseDown()\"\n        ></tui-range>\n    </tui-wrapper>\n\n    <div class=\"native-wrapper\" (tuiHoveredChange)=\"onHovered($event)\">\n        <input\n            #nativeLeft\n            class=\"native\"\n            automation-id=\"tui-input-range__native-left\"\n            [disabled]=\"disabled\"\n            [readOnly]=\"readOnly\"\n            [class.native_hidden]=\"showMinLabel\"\n            [tuiInputMode]=\"inputMode\"\n            [tuiFocusable]=\"focusable\"\n            [textMask]=\"quantum | tuiMapper: mask: min\"\n            [ngModel]=\"computedValueLeft\"\n            (ngModelChange)=\"onInputLeft()\"\n            (tuiFocusedChange)=\"onLeftFocused($event)\"\n            (keydown.arrowUp)=\"onKeyDownArrowUpLeft($event)\"\n            (keydown.arrowDown)=\"onKeyDownArrowDownLeft($event)\"\n        />\n        <input\n            #nativeRight\n            class=\"native native_right\"\n            automation-id=\"tui-input-range__native-right\"\n            [disabled]=\"disabled\"\n            [readOnly]=\"readOnly\"\n            [class.native_hidden]=\"showMaxLabel\"\n            [tuiInputMode]=\"inputMode\"\n            [tuiFocusable]=\"focusable\"\n            [textMask]=\"quantum | tuiMapper: mask: min\"\n            [ngModel]=\"computedValueRight\"\n            (ngModelChange)=\"onInputRight()\"\n            (tuiFocusedChange)=\"onRightFocused($event)\"\n            (keydown.arrowUp)=\"onKeyDownArrowUpRight($event)\"\n            (keydown.arrowDown)=\"onKeyDownArrowDownRight($event)\"\n        />\n        <span\n            *ngIf=\"pluralizeMap && !showMaxLabel\"\n            class=\"pluralize pluralize_right\"\n            automation-id=\"tui-input-range__pluralize-right\"\n            (mousedown)=\"onMouseDown()\"\n        >\n            {{value[1] | i18nPlural: pluralizeMap}}\n        </span>\n    </div>\n</div>\n",
+        template: "<div class=\"zone\" (tuiActiveZoneChange)=\"onActiveZone($event)\">\n    <tui-wrapper\n        appearance=\"textfield\"\n        [readOnly]=\"readOnly\"\n        [disabled]=\"disabled\"\n        [focused]=\"computedFocused\"\n        [hovered]=\"computedHovered\"\n        [invalid]=\"computedInvalid\"\n    >\n        <span\n            *ngIf=\"hasPlaceholder\"\n            automation-id=\"tui-input-range__placeholder\"\n            class=\"placeholder placeholder_raised\"\n        >\n            <ng-content></ng-content>\n        </span>\n        <div class=\"content\">\n            <span *ngIf=\"!showMinLabel\" class=\"label\">\n                <span class=\"value\">{{ inputValueLeft }}</span>\n                <span\n                    *ngIf=\"pluralizeMap\"\n                    automation-id=\"tui-input-range__pluralize-left\"\n                    class=\"pluralize\"\n                >\n                    {{ value[0] | i18nPlural: pluralizeMap }}\n                </span>\n            </span>\n            <span\n                *ngIf=\"showMinLabel\"\n                automation-id=\"tui-input-range__min-label\"\n                class=\"label\"\n            >\n                {{ minLabel }}\n            </span>\n            <span\n                *ngIf=\"showMaxLabel\"\n                automation-id=\"tui-input-range__max-label\"\n                class=\"max\"\n            >\n                {{ maxLabel }}\n            </span>\n        </div>\n        <tui-range\n            class=\"slider\"\n            [min]=\"min\"\n            [max]=\"max\"\n            [steps]=\"computedSteps\"\n            [segments]=\"segments\"\n            [keySteps]=\"keySteps\"\n            [pluralize]=\"segmentsPluralize\"\n            [focusable]=\"false\"\n            [disabled]=\"readOnly || disabled\"\n            [ngModel]=\"value\"\n            (ngModelChange)=\"onRangeValue($event)\"\n            (mousedown.prevent)=\"onMouseDown()\"\n        ></tui-range>\n    </tui-wrapper>\n\n    <div class=\"native-wrapper\" (tuiHoveredChange)=\"onHovered($event)\">\n        <input\n            #nativeLeft\n            automation-id=\"tui-input-range__native-left\"\n            class=\"native\"\n            [disabled]=\"disabled\"\n            [readOnly]=\"readOnly\"\n            [class.native_hidden]=\"showMinLabel\"\n            [tuiInputMode]=\"inputMode\"\n            [tuiFocusable]=\"focusable\"\n            [textMask]=\"quantum | tuiMapper: mask:min\"\n            [ngModel]=\"computedValueLeft\"\n            (ngModelChange)=\"onInputLeft()\"\n            (tuiFocusedChange)=\"onLeftFocused($event)\"\n            (keydown.arrowUp)=\"onKeyDownArrowUpLeft($event)\"\n            (keydown.arrowDown)=\"onKeyDownArrowDownLeft($event)\"\n        />\n        <input\n            #nativeRight\n            automation-id=\"tui-input-range__native-right\"\n            class=\"native native_right\"\n            [disabled]=\"disabled\"\n            [readOnly]=\"readOnly\"\n            [class.native_hidden]=\"showMaxLabel\"\n            [tuiInputMode]=\"inputMode\"\n            [tuiFocusable]=\"focusable\"\n            [textMask]=\"quantum | tuiMapper: mask:min\"\n            [ngModel]=\"computedValueRight\"\n            (ngModelChange)=\"onInputRight()\"\n            (tuiFocusedChange)=\"onRightFocused($event)\"\n            (keydown.arrowUp)=\"onKeyDownArrowUpRight($event)\"\n            (keydown.arrowDown)=\"onKeyDownArrowDownRight($event)\"\n        />\n        <span\n            *ngIf=\"pluralizeMap && !showMaxLabel\"\n            automation-id=\"tui-input-range__pluralize-right\"\n            class=\"pluralize pluralize_right\"\n            (mousedown)=\"onMouseDown()\"\n        >\n            {{ value[1] | i18nPlural: pluralizeMap }}\n        </span>\n    </div>\n</div>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
         providers: [
             {
@@ -199,7 +199,7 @@ TuiInputRangeComponent = TuiInputRangeComponent_1 = __decorate([
                 useExisting: forwardRef(() => TuiInputRangeComponent_1),
             },
         ],
-        styles: [":host{font:var(--tui-font-text-m);position:relative;z-index:0;display:block;border-radius:var(--tui-radius-m);color:var(--tui-text-01)}:host._segmented{border-bottom:26px solid transparent}:host[data-mode=onDark]{color:var(--tui-base-01)}.zone{border-radius:inherit}.native-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.pluralize{display:flex;align-items:center;padding-right:.75rem;margin-left:-.5rem}.pluralize_right{margin-left:-.75rem}:host[data-tui-host-size='l'] .pluralize_right{padding-top:1.25rem}:host._disabled .pluralize_right{color:var(--tui-text-03)}:host[data-mode=onDark]._disabled .pluralize_right{color:var(--tui-text-03-night)}.native{padding:0 1rem;border:0;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;flex:1;min-width:0;color:var(--tui-text-01);box-sizing:border-box;outline:0}.native:-webkit-autofill,.native:-webkit-autofill:focus,.native:-webkit-autofill:hover{border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 1000px var(--tui-autofill) inset!important}.native_right{text-align:right}.native_hidden{opacity:0}:host._disabled .native{color:var(--tui-text-03);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host[data-tui-host-size='l'] .native{padding:1.25rem 1rem 0}:host[data-mode=onDark] .native{color:var(--tui-text-01-night)}:host[data-mode=onDark]._disabled .native{color:var(--tui-text-03-night)}.content{display:flex;height:var(--tui-height-m);padding:0 1rem;justify-content:space-between;align-items:center}:host[data-tui-host-size='l'] .content{height:var(--tui-height-l);padding:0 1rem}:host[data-tui-host-size='l']._disabled .content{color:var(--tui-text-03)}:host[data-tui-host-size='l'][data-mode=onDark]._disabled .content{color:var(--tui-text-03-night)}.placeholder{transition-property:transform,min-width,color,letter-spacing;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;font-size:.8125rem;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;color:var(--tui-text-02);transform-origin:left;letter-spacing:normal;text-transform:none;position:absolute;top:0;width:100%;height:100%;left:1rem;transform:translateY(-.625rem) scale(.87);line-height:var(--tui-height-l);max-width:calc(114% - 2rem)}.placeholder_raised{width:114%;transform:translateY(-.625rem) scale(.87)}:host[data-tui-host-size='m'] .placeholder_raised{width:118%;transform:translateY(-.5rem) scale(.85);letter-spacing:.025rem}:host._invalid:not(._focused) .placeholder_raised,:host._invalid:not(._focused)._hovered .placeholder_raised{color:var(--tui-error-fill)}:host[data-mode=onDark]._invalid:not(._focused) .placeholder_raised,:host[data-mode=onDark]._invalid:not(._focused)._hovered .placeholder_raised{color:var(--tui-error-fill-night)}:host._focused .placeholder,:host[data-tui-host-size='l']._focused._label-outside .placeholder,:host[data-tui-host-size='m']._focused._label-outside .placeholder{color:var(--tui-text-03)}:host[data-tui-host-size='l'] .placeholder{font-size:.9375rem}:host[data-tui-host-size='l']._focused:not(._label-outside) .placeholder,:host[data-tui-host-size='m']._focused:not(._label-outside) .placeholder{color:var(--tui-text-01)}:host[data-mode=onDark] .placeholder{color:var(--tui-text-02-night)}:host[data-tui-host-size='l'][data-mode=onDark]._focused:not(._label-outside) .placeholder,:host[data-tui-host-size='m'][data-mode=onDark]._focused:not(._label-outside) .placeholder{color:var(--tui-text-01-night)}:host[data-mode=onDark]._focused .placeholder,:host[data-tui-host-size='l'][data-mode=onDark]._focused._label-outside .placeholder,:host[data-tui-host-size='m'][data-mode=onDark]._focused._label-outside .placeholder{color:var(--tui-text-02-night)}.value{visibility:hidden;overflow:hidden;padding-right:.75rem}:host._disabled .value{color:var(--tui-text-03)}.label{display:flex;width:50%}:host[data-tui-host-size='l'] .label{padding-top:1.25rem}.max{text-align:right;flex:1}:host[data-tui-host-size='l'] .max{padding-top:1.25rem;line-height:calc(var(--tui-height-l) - 1.25rem)}.slider{position:absolute;top:100%;left:0;right:0;z-index:1;border-top-left-radius:0;border-top-right-radius:0;margin:-.5625rem 0 0;color:transparent}:host._disabled .slider,:host._readonly .slider{pointer-events:none}"]
+        styles: [":host{position:relative;z-index:0;display:block;font:var(--tui-font-text-m);border-radius:var(--tui-radius-m);color:var(--tui-text-01)}:host._segmented{border-bottom:26px solid transparent}:host[data-mode=onDark]{color:var(--tui-base-01)}.zone{border-radius:inherit}.native-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.pluralize{display:flex;align-items:center;padding-right:.75rem;margin-left:-.5rem}.pluralize_right{margin-left:-.75rem}:host[data-tui-host-size='l'] .pluralize_right{padding-top:1.25rem}:host._disabled .pluralize_right{color:var(--tui-text-03)}:host[data-mode=onDark]._disabled .pluralize_right{color:var(--tui-text-03-night)}.native{padding:0 1rem;border:0;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;flex:1;min-width:0;color:var(--tui-text-01);box-sizing:border-box;outline:0}.native:-webkit-autofill,.native:-webkit-autofill:focus,.native:-webkit-autofill:hover{border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 1000px var(--tui-autofill) inset!important}.native_right{text-align:right}.native_hidden{opacity:0}:host._disabled .native{color:var(--tui-text-03);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host[data-tui-host-size='l'] .native{padding:1.25rem 1rem 0}:host[data-mode=onDark] .native{color:var(--tui-text-01-night)}:host[data-mode=onDark]._disabled .native{color:var(--tui-text-03-night)}.content{display:flex;height:var(--tui-height-m);padding:0 1rem;justify-content:space-between;align-items:center}:host[data-tui-host-size='l'] .content{height:var(--tui-height-l);padding:0 1rem}:host[data-tui-host-size='l']._disabled .content{color:var(--tui-text-03)}:host[data-tui-host-size='l'][data-mode=onDark]._disabled .content{color:var(--tui-text-03-night)}.placeholder{transition-property:transform,font-size,color,letter-spacing;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;font-size:.8125rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--tui-text-02);pointer-events:none;position:absolute;top:0;width:100%;height:100%;left:1rem;line-height:var(--tui-height-l)}.placeholder_raised{transform:translateY(-.625rem)}:host[data-tui-host-size='m'] .placeholder_raised{font-size:.69rem;transform:translateY(-.5rem);letter-spacing:.025rem}:host._invalid:not(._focused) .placeholder_raised,:host._invalid:not(._focused)._hovered .placeholder_raised{color:var(--tui-error-fill)}:host[data-mode=onDark]._invalid:not(._focused) .placeholder_raised,:host[data-mode=onDark]._invalid:not(._focused)._hovered .placeholder_raised{color:var(--tui-error-fill-night)}:host._focused .placeholder,:host[data-tui-host-size='l']._focused._label-outside .placeholder,:host[data-tui-host-size='m']._focused._label-outside .placeholder{color:var(--tui-text-03)}:host[data-tui-host-size='l'] .placeholder{font-size:.9375rem}:host[data-tui-host-size='l'] .placeholder_raised{font-size:.8156rem}:host[data-tui-host-size='l']._focused:not(._label-outside) .placeholder,:host[data-tui-host-size='m']._focused:not(._label-outside) .placeholder{color:var(--tui-text-01)}:host[data-mode=onDark] .placeholder{color:var(--tui-text-02-night)}:host[data-tui-host-size='l'][data-mode=onDark]._focused:not(._label-outside) .placeholder,:host[data-tui-host-size='m'][data-mode=onDark]._focused:not(._label-outside) .placeholder{color:var(--tui-text-01-night)}:host[data-mode=onDark]._focused .placeholder,:host[data-tui-host-size='l'][data-mode=onDark]._focused._label-outside .placeholder,:host[data-tui-host-size='m'][data-mode=onDark]._focused._label-outside .placeholder{color:var(--tui-text-02-night)}.value{visibility:hidden;overflow:hidden;padding-right:.75rem}:host._disabled .value{color:var(--tui-text-03)}.label{display:flex;width:50%}:host[data-tui-host-size='l'] .label{padding-top:1.25rem}.max{text-align:right;flex:1}:host[data-tui-host-size='l'] .max{padding-top:1.25rem;line-height:calc(var(--tui-height-l) - 1.25rem)}.slider{position:absolute;top:100%;left:0;right:0;z-index:1;border-top-left-radius:0;border-top-right-radius:0;margin:-.5625rem 0 0;color:transparent}:host._disabled .slider,:host._readonly .slider{pointer-events:none}"]
     }),
     __param(0, Optional()),
     __param(0, Self()),

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} from '@taiga-ui/cdk';\nimport {\n    formatNumber,\n    maskedMoneyValueIsEmpty,\n    maskedNumberStringToNumber,\n    NumberFormatSettings,\n    TUI_NUMBER_FORMAT,\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    ) {\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    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.formatNumber(this.value[0]);\n    }\n\n    get computedValueRight(): string {\n        return this.formatNumber(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    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":"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"}
+{"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} from '@taiga-ui/cdk';\nimport {\n    formatNumber,\n    maskedMoneyValueIsEmpty,\n    maskedNumberStringToNumber,\n    NumberFormatSettings,\n    TUI_NUMBER_FORMAT,\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    ) {\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    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.formatNumber(this.value[0]);\n    }\n\n    get computedValueRight(): string {\n        return this.formatNumber(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    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":";;;;;;;;;;;AA+BA;IAaa,sBAAsB,8BAAnC,MAAa,sBACT,SAAQ,sBAAwC;IAShD,YAII,OAAyB,EACE,iBAAoC,EAG5C,aAAsC,EAExC,QAAiB,EAEf,YAAkC;QAErD,KAAK,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;QANf,kBAAa,GAAb,aAAa,CAAyB;QAExC,aAAQ,GAAR,QAAQ,CAAS;QAEf,iBAAY,GAAZ,YAAY,CAAsB;KAGxD;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;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,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;KAC3C;IAED,IAAI,kBAAkB;QAClB,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;KAC3C;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;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;;YAzOgB,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;;AAhB7B;IADC,SAAS,CAAC,YAAY,CAAC;0DACmC;AAG3D;IADC,SAAS,CAAC,aAAa,CAAC;2DACmC;AAoC5D;IADC,WAAW,CAAC,kBAAkB,CAAC;0DAG/B;AAGD;IADC,WAAW,CAAC,kBAAkB,CAAC;0DAG/B;AAnDQ,sBAAsB;IAZlC,SAAS,CAAC;QACP,QAAQ,EAAE,iBAAiB;QAC3B,+uHAA0C;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;GArBrB,sBAAsB,CAuPlC;;IC9PY,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;;;;;;"}

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

@@ -150,7 +150,7 @@ __decorate([
 TuiInputSliderComponent = TuiInputSliderComponent_1 = __decorate([
     Component({
         selector: 'tui-input-slider',
-        template: "<tui-wrapper\n    appearance=\"textfield\"\n    [readOnly]=\"readOnly\"\n    [disabled]=\"disabled\"\n    [focused]=\"computedFocused\"\n    [hovered]=\"computedHovered\"\n    [invalid]=\"computedInvalid\"\n>\n    <span\n        *ngIf=\"hasPlaceholder\"\n        class=\"placeholder\"\n        automation-id=\"tui-input-slider__placeholder\"\n    >\n        <ng-content></ng-content>\n    </span>\n    <input\n        #focusableElement\n        class=\"native\"\n        automation-id=\"tui-input-slider__native\"\n        [disabled]=\"disabled\"\n        [readOnly]=\"readOnly\"\n        [tuiInputMode]=\"inputMode\"\n        [tuiFocusable]=\"focusable\"\n        [textMask]=\"quantum | tuiMapper: mask: min\"\n        [ngModel]=\"computedValue\"\n        (ngModelChange)=\"onValue($event)\"\n        (tuiFocusedChange)=\"onFocused($event)\"\n        (tuiHoveredChange)=\"onHovered($event)\"\n        (keydown.arrowUp)=\"onKeyDownArrowUp($event)\"\n        (keydown.arrowDown)=\"onKeyDownArrowDown($event)\"\n    />\n    <div class=\"content\">\n        <span *ngIf=\"showValue\" class=\"label\">\n            <span class=\"value\">{{computedValue}}</span>\n            <span\n                *ngIf=\"pluralizeMap\"\n                automation-id=\"tui-input-slider__pluralize\"\n            >\n                {{value | i18nPlural: pluralizeMap}}\n            </span>\n        </span>\n        <span\n            *ngIf=\"showMinLabel\"\n            class=\"label\"\n            automation-id=\"tui-input-slider__min-label\"\n        >\n            {{minLabel}}\n        </span>\n        <span\n            *ngIf=\"showMaxLabel\"\n            class=\"label\"\n            automation-id=\"tui-input-slider__max-label\"\n        >\n            {{maxLabel}}\n        </span>\n        <span class=\"secondary\" automation-id=\"tui-input-slider__secondary\">\n            {{secondary}}\n            <tui-tooltip\n                *ngIf=\"hasTooltip\"\n                automation-id=\"tui-input-slider__tooltip\"\n                class=\"tooltip\"\n                describeId=\"placeholer_until_accesibility_is_added\"\n                [content]=\"hintController.content\"\n                [direction]=\"hintController.direction\"\n                [mode]=\"hintController.mode\"\n                [showDelay]=\"hintController.showDelay\"\n                [hideDelay]=\"hintController.hideDelay\"\n                (mousedown.prevent)=\"onMouseDown()\"\n            ></tui-tooltip>\n        </span>\n    </div>\n</tui-wrapper>\n<tui-slider\n    class=\"slider\"\n    [min]=\"min\"\n    [max]=\"max\"\n    [steps]=\"computedSteps\"\n    [segments]=\"segments\"\n    [keySteps]=\"keySteps\"\n    [pluralize]=\"segmentsPluralize\"\n    [focusable]=\"false\"\n    [disabled]=\"readOnly || disabled\"\n    [ngModel]=\"value\"\n    (ngModelChange)=\"onSliderValue($event)\"\n    (mousedown)=\"onMouseDown()\"\n></tui-slider>\n",
+        template: "<tui-wrapper\n    appearance=\"textfield\"\n    [readOnly]=\"readOnly\"\n    [disabled]=\"disabled\"\n    [focused]=\"computedFocused\"\n    [hovered]=\"computedHovered\"\n    [invalid]=\"computedInvalid\"\n>\n    <span\n        *ngIf=\"hasPlaceholder\"\n        automation-id=\"tui-input-slider__placeholder\"\n        class=\"placeholder placeholder_raised\"\n    >\n        <ng-content></ng-content>\n    </span>\n    <input\n        #focusableElement\n        automation-id=\"tui-input-slider__native\"\n        class=\"native\"\n        [disabled]=\"disabled\"\n        [readOnly]=\"readOnly\"\n        [tuiInputMode]=\"inputMode\"\n        [tuiFocusable]=\"focusable\"\n        [textMask]=\"quantum | tuiMapper: mask:min\"\n        [ngModel]=\"computedValue\"\n        (ngModelChange)=\"onValue($event)\"\n        (tuiFocusedChange)=\"onFocused($event)\"\n        (tuiHoveredChange)=\"onHovered($event)\"\n        (keydown.arrowUp)=\"onKeyDownArrowUp($event)\"\n        (keydown.arrowDown)=\"onKeyDownArrowDown($event)\"\n    />\n    <div class=\"content\">\n        <span *ngIf=\"showValue\" class=\"label\">\n            <span class=\"value\">{{ computedValue }}</span>\n            <span\n                *ngIf=\"pluralizeMap\"\n                automation-id=\"tui-input-slider__pluralize\"\n            >\n                {{ value | i18nPlural: pluralizeMap }}\n            </span>\n        </span>\n        <span\n            *ngIf=\"showMinLabel\"\n            automation-id=\"tui-input-slider__min-label\"\n            class=\"label\"\n        >\n            {{ minLabel }}\n        </span>\n        <span\n            *ngIf=\"showMaxLabel\"\n            automation-id=\"tui-input-slider__max-label\"\n            class=\"label\"\n        >\n            {{ maxLabel }}\n        </span>\n        <span automation-id=\"tui-input-slider__secondary\" class=\"secondary\">\n            {{ secondary }}\n            <tui-tooltip\n                *ngIf=\"hasTooltip\"\n                automation-id=\"tui-input-slider__tooltip\"\n                describeId=\"placeholer_until_accesibility_is_added\"\n                class=\"tooltip\"\n                [content]=\"hintController.content\"\n                [direction]=\"hintController.direction\"\n                [mode]=\"hintController.mode\"\n                [showDelay]=\"hintController.showDelay\"\n                [hideDelay]=\"hintController.hideDelay\"\n                (mousedown.prevent)=\"onMouseDown()\"\n            ></tui-tooltip>\n        </span>\n    </div>\n</tui-wrapper>\n<tui-slider\n    class=\"slider\"\n    [min]=\"min\"\n    [max]=\"max\"\n    [steps]=\"computedSteps\"\n    [segments]=\"segments\"\n    [keySteps]=\"keySteps\"\n    [pluralize]=\"segmentsPluralize\"\n    [focusable]=\"false\"\n    [disabled]=\"readOnly || disabled\"\n    [ngModel]=\"value\"\n    (ngModelChange)=\"onSliderValue($event)\"\n    (mousedown)=\"onMouseDown()\"\n></tui-slider>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
         providers: [
             {
@@ -159,7 +159,7 @@ TuiInputSliderComponent = TuiInputSliderComponent_1 = __decorate([
             },
             HINT_CONTROLLER_PROVIDER,
         ],
-        styles: [":host{font:var(--tui-font-text-m);position:relative;z-index:0;display:block;border-radius:var(--tui-radius-m);color:var(--tui-text-01)}:host._segmented{border-bottom:26px solid transparent}.native{position:absolute;top:0;left:0;height:100%;padding:0 1rem;border:0;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;width:100%;color:var(--tui-text-01);box-sizing:border-box;outline:0}.native:-webkit-autofill,.native:-webkit-autofill:focus,.native:-webkit-autofill:hover{border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 1000px var(--tui-autofill) inset!important}:host._disabled .native{color:var(--tui-text-03);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host._max-label .native,:host._min-label .native{opacity:0}:host[data-tui-host-size='l'] .native{padding:1.25rem 1rem 0}:host[data-mode=onDark] .native{color:var(--tui-text-01-night)}:host[data-mode=onDark]._disabled .native{color:var(--tui-text-03-night)}.content{display:flex;align-items:center;height:var(--tui-height-m);padding:0 1rem;justify-content:space-between}:host[data-tui-host-size='l'] .content{height:var(--tui-height-l);padding:0 1rem}.placeholder{transition-property:transform,min-width,color,letter-spacing;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;font-size:.8125rem;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;color:var(--tui-text-02);transform-origin:left;letter-spacing:normal;text-transform:none;position:absolute;top:0;width:100%;height:100%;left:1rem;transform:translateY(-.625rem) scale(.87);line-height:var(--tui-height-l);max-width:calc(114% - 2rem)}.placeholder_raised{width:114%;transform:translateY(-.625rem) scale(.87)}:host[data-tui-host-size='m'] .placeholder_raised{width:118%;transform:translateY(-.5rem) scale(.85);letter-spacing:.025rem}:host._invalid:not(._focused) .placeholder_raised,:host._invalid:not(._focused)._hovered .placeholder_raised{color:var(--tui-error-fill)}:host[data-mode=onDark]._invalid:not(._focused) .placeholder_raised,:host[data-mode=onDark]._invalid:not(._focused)._hovered .placeholder_raised{color:var(--tui-error-fill-night)}:host._focused .placeholder,:host[data-tui-host-size='l']._focused._label-outside .placeholder,:host[data-tui-host-size='m']._focused._label-outside .placeholder{color:var(--tui-text-03)}:host[data-tui-host-size='l'] .placeholder{font-size:.9375rem}:host[data-tui-host-size='l']._focused:not(._label-outside) .placeholder,:host[data-tui-host-size='m']._focused:not(._label-outside) .placeholder{color:var(--tui-text-01)}:host[data-mode=onDark] .placeholder{color:var(--tui-text-02-night)}:host[data-tui-host-size='l'][data-mode=onDark]._focused:not(._label-outside) .placeholder,:host[data-tui-host-size='m'][data-mode=onDark]._focused:not(._label-outside) .placeholder{color:var(--tui-text-01-night)}:host[data-mode=onDark]._focused .placeholder,:host[data-tui-host-size='l'][data-mode=onDark]._focused._label-outside .placeholder,:host[data-tui-host-size='m'][data-mode=onDark]._focused._label-outside .placeholder{color:var(--tui-text-02-night)}:host._has-tooltip .placeholder{max-width:calc(114% - 3.75rem)}.value{visibility:hidden}.label{line-height:.9375rem;overflow:hidden;text-overflow:ellipsis}:host[data-tui-host-size='l'] .label{padding-top:1.25rem}.secondary{color:var(--tui-text-01)}:host._disabled .secondary{color:var(--tui-text-03)}:host[data-mode=onDark]._disabled .secondary{color:var(--tui-text-03-night)}.tooltip{margin-left:.75rem}.slider{position:absolute;top:100%;left:0;right:0;border-top-left-radius:0;border-top-right-radius:0;margin:-.5625rem 0 0;color:transparent}:host._disabled .slider,:host._readonly .slider{pointer-events:none}"]
+        styles: [":host{position:relative;z-index:0;display:block;font:var(--tui-font-text-m);border-radius:var(--tui-radius-m);color:var(--tui-text-01)}:host._segmented{border-bottom:26px solid transparent}.native{position:absolute;top:0;left:0;height:100%;padding:0 1rem;border:0;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;width:100%;color:var(--tui-text-01);box-sizing:border-box;outline:0}.native:-webkit-autofill,.native:-webkit-autofill:focus,.native:-webkit-autofill:hover{border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 1000px var(--tui-autofill) inset!important}:host._disabled .native{color:var(--tui-text-03);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host._max-label .native,:host._min-label .native{opacity:0}:host[data-tui-host-size='l'] .native{padding:1.25rem 1rem 0}:host[data-mode=onDark] .native{color:var(--tui-text-01-night)}:host[data-mode=onDark]._disabled .native{color:var(--tui-text-03-night)}.content{display:flex;align-items:center;height:var(--tui-height-m);padding:0 1rem;justify-content:space-between}:host[data-tui-host-size='l'] .content{height:var(--tui-height-l);padding:0 1rem}.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;font-size:.8125rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--tui-text-02);position:absolute;top:0;left:0;width:100%;height:100%;padding:0 var(--tui-padding-l);line-height:var(--tui-height-l);box-sizing:border-box;pointer-events:none}.placeholder_raised{transform:translateY(-.625rem)}:host[data-tui-host-size='m'] .placeholder_raised{font-size:.69rem;transform:translateY(-.5rem);letter-spacing:.025rem}:host._invalid:not(._focused) .placeholder_raised,:host._invalid:not(._focused)._hovered .placeholder_raised{color:var(--tui-error-fill)}:host[data-mode=onDark]._invalid:not(._focused) .placeholder_raised,:host[data-mode=onDark]._invalid:not(._focused)._hovered .placeholder_raised{color:var(--tui-error-fill-night)}:host._focused .placeholder,:host[data-tui-host-size='l']._focused._label-outside .placeholder,:host[data-tui-host-size='m']._focused._label-outside .placeholder{color:var(--tui-text-03)}:host[data-tui-host-size='l'] .placeholder{font-size:.9375rem}:host[data-tui-host-size='l'] .placeholder_raised{font-size:.8156rem}:host[data-tui-host-size='l']._focused:not(._label-outside) .placeholder,:host[data-tui-host-size='m']._focused:not(._label-outside) .placeholder{color:var(--tui-text-01)}:host[data-mode=onDark] .placeholder{color:var(--tui-text-02-night)}:host[data-tui-host-size='l'][data-mode=onDark]._focused:not(._label-outside) .placeholder,:host[data-tui-host-size='m'][data-mode=onDark]._focused:not(._label-outside) .placeholder{color:var(--tui-text-01-night)}:host[data-mode=onDark]._focused .placeholder,:host[data-tui-host-size='l'][data-mode=onDark]._focused._label-outside .placeholder,:host[data-tui-host-size='m'][data-mode=onDark]._focused._label-outside .placeholder{color:var(--tui-text-02-night)}:host._has-tooltip .placeholder{max-width:calc(100% - 1.75rem)}.value{visibility:hidden}.label{overflow:hidden;text-overflow:ellipsis}:host[data-tui-host-size='l'] .label{padding-top:1.25rem}.secondary{color:var(--tui-text-01)}:host._disabled .secondary{color:var(--tui-text-03)}:host[data-mode=onDark]._disabled .secondary{color:var(--tui-text-03-night)}.tooltip{margin-left:.75rem}.slider{position:absolute;top:100%;left:0;right:0;border-top-left-radius:0;border-top-right-radius:0;margin:-.5625rem 0 0;color:transparent}:host._disabled .slider,:host._readonly .slider{pointer-events:none}"]
     }),
     __param(0, Optional()),
     __param(0, Self()),

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

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

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

@@ -369,7 +369,7 @@ TuiInputTagComponent = TuiInputTagComponent_1 = __decorate([
     Component({
         selector: 'tui-input-tag',
         changeDetection: ChangeDetectionStrategy.OnPush,
-        template: "<tui-hosted-dropdown\n    class=\"hosted\"\n    [canOpen]=\"canOpen\"\n    [content]=\"datalist || ''\"\n    [(open)]=\"open\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-wrapper\n        [appearance]=\"appearance\"\n        [readOnly]=\"readOnly\"\n        [focused]=\"computedFocused\"\n        [hovered]=\"computedHovered\"\n        [disabled]=\"computedDisabled\"\n        [invalid]=\"computedInvalid\"\n        (tuiHoveredChange)=\"onHoveredChange($event)\"\n        (mousedown)=\"onMouseDown($event)\"\n    >\n        <div class=\"content\">\n            <div *ngIf=\"iconAlignLeft\" class=\"icons icons_left\">\n                <tui-svg class=\"icon\" [src]=\"icon\"></tui-svg>\n            </div>\n            <div class=\"wrapper\">\n                <div class=\"absolute-wrapper\">\n                    <div\n                        *ngIf=\"hasPlaceholder\"\n                        automation-id=\"tui-input-tag__placeholder\"\n                        class=\"placeholder\"\n                        [class.placeholder_raised]=\"placeholderRaised\"\n                    >\n                        <ng-content></ng-content>\n                    </div>\n                    <div\n                        *ngIf=\"hasExampleText\"\n                        automation-id=\"tui-input-tag__example-text\"\n                        class=\"value-decoration\"\n                    >\n                        <span class=\"example-text-inner\">\n                            {{controller.exampleText}}\n                        </span>\n                    </div>\n                </div>\n                <tui-scrollbar\n                    *ngIf=\"!expandable; else items\"\n                    class=\"scrollbar\"\n                    [hidden]=\"true\"\n                >\n                    <ng-container *ngTemplateOutlet=\"items\"></ng-container>\n                </tui-scrollbar>\n                <ng-template #items>\n                    <div #tagsContainer class=\"tags\">\n                        <ng-container *ngIf=\"labelOutside; else text\">\n                            <tui-tag\n                                *ngFor=\"let item of value; index as index\"\n                                #tag\n                                class=\"tag\"\n                                automation-id=\"tui-input-tag__tag\"\n                                [status]=\"status\"\n                                [leftContent]=\"getLeftContent(item)\"\n                                [allowSpaces]=\"allowSpaces\"\n                                [tuiFocusable]=\"false\"\n                                [disabled]=\"computedDisabled || disabledItemHandler(item)\"\n                                [editable]=\"editable && !readOnly\"\n                                [hoverable]=\"!readOnly\"\n                                [removable]=\"!readOnly\"\n                                [maxLength]=\"controller.maxLength\"\n                                [size]=\"controller.size\"\n                                [value]=\"item.toString()\"\n                                (edited)=\"onTagEdited($event, item)\"\n                                (keydown.arrowLeft.prevent)=\"onTagKeyDownArrowLeft(index)\"\n                                (keydown.arrowRight.prevent)=\"onTagKeyDownArrowRight(index)\"\n                            ></tui-tag>\n                        </ng-container>\n                        <ng-template #text>\n                            <span\n                                *ngFor=\"let item of value\"\n                                class=\"text\"\n                                [class.text_disabled]=\"disabledItemHandler(item)\"\n                                [class.text_error]=\"!tagValidator(item)\"\n                                >{{item}}</span\n                            >\n                        </ng-template>\n                        <div\n                            class=\"input-wrapper\"\n                            [class.input-wrapper_collapsed]=\"computedDisabled || readOnly || inputHidden\"\n                        >\n                            <div class=\"ghost\">{{search}}</div>\n                            <input\n                                #focusableElement\n                                type=\"text\"\n                                automation-id=\"tui-input-tag__native\"\n                                class=\"native\"\n                                [class.native_hidden]=\"inputHidden\"\n                                [attr.maxLength]=\"controller.maxLength\"\n                                [id]=\"id\"\n                                [disabled]=\"computedDisabled\"\n                                [readOnly]=\"readOnly || inputHidden\"\n                                [tuiFocusable]=\"computedFocusable\"\n                                [ngModel]=\"search\"\n                                (ngModelChange)=\"onInput($event)\"\n                                (keydown.arrowLeft)=\"onFieldKeyDownArrowLeft($event)\"\n                                (keydown.backspace)=\"onFieldKeyDownBackspace($event)\"\n                                (keydown.enter.prevent)=\"onFieldKeyDownEnter()\"\n                            />\n                        </div>\n                    </div>\n                </ng-template>\n            </div>\n            <div *ngIf=\"hasRightIcons\" class=\"icons icons_right\">\n                <tui-svg\n                    *ngIf=\"hasCleaner\"\n                    #cleaner\n                    class=\"cleaner\"\n                    automation-id=\"tui-input-tag__cleaner\"\n                    src=\"tuiIconCloseLarge\"\n                    (click.stop)=\"onCleanerClick()\"\n                ></tui-svg>\n                <tui-tooltip\n                    *ngIf=\"hasTooltip\"\n                    automation-id=\"tui-input-tag__tooltip\"\n                    class=\"tooltip\"\n                    describeId=\"placeholer_until_accesibility_is_added\"\n                    [direction]=\"hintController.direction\"\n                    [mode]=\"hintController.mode\"\n                    [content]=\"hintController.content\"\n                    [showDelay]=\"hintController.showDelay\"\n                    [hideDelay]=\"hintController.hideDelay\"\n                ></tui-tooltip>\n                <tui-svg\n                    *ngIf=\"iconAlignRight\"\n                    class=\"icon\"\n                    [src]=\"icon\"\n                ></tui-svg>\n            </div>\n        </div>\n        <ng-template #errorIcon>\n            <tui-svg class=\"error-icon\" src=\"tuiIconAttention\"></tui-svg>\n        </ng-template>\n    </tui-wrapper>\n</tui-hosted-dropdown>\n",
+        template: "<tui-hosted-dropdown\n    class=\"hosted\"\n    [canOpen]=\"canOpen\"\n    [content]=\"datalist || ''\"\n    [(open)]=\"open\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-wrapper\n        [appearance]=\"appearance\"\n        [readOnly]=\"readOnly\"\n        [focused]=\"computedFocused\"\n        [hovered]=\"computedHovered\"\n        [disabled]=\"computedDisabled\"\n        [invalid]=\"computedInvalid\"\n        (tuiHoveredChange)=\"onHoveredChange($event)\"\n        (mousedown)=\"onMouseDown($event)\"\n    >\n        <div class=\"content\">\n            <div *ngIf=\"iconAlignLeft\" class=\"icons icons_left\">\n                <tui-svg class=\"icon\" [src]=\"icon\"></tui-svg>\n            </div>\n            <div class=\"wrapper\">\n                <div class=\"absolute-wrapper\">\n                    <div\n                        *ngIf=\"hasPlaceholder\"\n                        automation-id=\"tui-input-tag__placeholder\"\n                        class=\"placeholder\"\n                        [class.placeholder_raised]=\"placeholderRaised\"\n                    >\n                        <ng-content></ng-content>\n                    </div>\n                </div>\n                <tui-scrollbar\n                    *ngIf=\"!expandable; else items\"\n                    class=\"scrollbar\"\n                    [hidden]=\"true\"\n                >\n                    <ng-container *ngTemplateOutlet=\"items\"></ng-container>\n                </tui-scrollbar>\n                <ng-template #items>\n                    <div #tagsContainer class=\"tags\">\n                        <ng-container *ngIf=\"labelOutside; else text\">\n                            <tui-tag\n                                *ngFor=\"let item of value; index as index\"\n                                #tag\n                                automation-id=\"tui-input-tag__tag\"\n                                class=\"tag\"\n                                [status]=\"status\"\n                                [leftContent]=\"getLeftContent(item)\"\n                                [allowSpaces]=\"allowSpaces\"\n                                [tuiFocusable]=\"false\"\n                                [disabled]=\"computedDisabled || disabledItemHandler(item)\"\n                                [editable]=\"editable && !readOnly\"\n                                [hoverable]=\"!readOnly\"\n                                [removable]=\"!readOnly\"\n                                [maxLength]=\"controller.maxLength\"\n                                [size]=\"controller.size\"\n                                [value]=\"item.toString()\"\n                                (edited)=\"onTagEdited($event, item)\"\n                                (keydown.arrowLeft.prevent)=\"onTagKeyDownArrowLeft(index)\"\n                                (keydown.arrowRight.prevent)=\"onTagKeyDownArrowRight(index)\"\n                            ></tui-tag>\n                        </ng-container>\n                        <ng-template #text>\n                            <span\n                                *ngFor=\"let item of value\"\n                                class=\"text\"\n                                [class.text_disabled]=\"disabledItemHandler(item)\"\n                                [class.text_error]=\"!tagValidator(item)\"\n                            >\n                                {{ item }}\n                            </span>\n                        </ng-template>\n                        <div\n                            class=\"input-wrapper\"\n                            [class.input-wrapper_collapsed]=\"computedDisabled || readOnly || inputHidden\"\n                        >\n                            <div class=\"ghost\">{{ search }}</div>\n                            <input\n                                #focusableElement\n                                type=\"text\"\n                                automation-id=\"tui-input-tag__native\"\n                                class=\"native\"\n                                [placeholder]=\"controller.exampleText\"\n                                [class.native_hidden]=\"inputHidden\"\n                                [attr.maxLength]=\"controller.maxLength\"\n                                [id]=\"id\"\n                                [disabled]=\"computedDisabled\"\n                                [readOnly]=\"readOnly || inputHidden\"\n                                [tuiFocusable]=\"computedFocusable\"\n                                [ngModel]=\"search\"\n                                (ngModelChange)=\"onInput($event)\"\n                                (keydown.arrowLeft)=\"onFieldKeyDownArrowLeft($event)\"\n                                (keydown.backspace)=\"onFieldKeyDownBackspace($event)\"\n                                (keydown.enter.prevent)=\"onFieldKeyDownEnter()\"\n                            />\n                        </div>\n                    </div>\n                </ng-template>\n            </div>\n            <div *ngIf=\"hasRightIcons\" class=\"icons icons_right\">\n                <tui-svg\n                    *ngIf=\"hasCleaner\"\n                    #cleaner\n                    automation-id=\"tui-input-tag__cleaner\"\n                    src=\"tuiIconCloseLarge\"\n                    class=\"cleaner\"\n                    (click.stop)=\"onCleanerClick()\"\n                ></tui-svg>\n                <tui-tooltip\n                    *ngIf=\"hasTooltip\"\n                    automation-id=\"tui-input-tag__tooltip\"\n                    describeId=\"placeholer_until_accesibility_is_added\"\n                    class=\"tooltip\"\n                    [direction]=\"hintController.direction\"\n                    [mode]=\"hintController.mode\"\n                    [content]=\"hintController.content\"\n                    [showDelay]=\"hintController.showDelay\"\n                    [hideDelay]=\"hintController.hideDelay\"\n                ></tui-tooltip>\n                <tui-svg\n                    *ngIf=\"iconAlignRight\"\n                    class=\"icon\"\n                    [src]=\"icon\"\n                ></tui-svg>\n            </div>\n        </div>\n        <ng-template #errorIcon>\n            <tui-svg src=\"tuiIconAttention\" class=\"error-icon\"></tui-svg>\n        </ng-template>\n    </tui-wrapper>\n</tui-hosted-dropdown>\n",
         providers: [
             {
                 provide: TUI_FOCUSABLE_ITEM_ACCESSOR,
@@ -383,7 +383,7 @@ TuiInputTagComponent = TuiInputTagComponent_1 = __decorate([
             TEXTFIELD_CONTROLLER_PROVIDER,
             HINT_CONTROLLER_PROVIDER,
         ],
-        styles: [":host{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;border-radius:var(--tui-radius-m)}:host[data-tui-host-size='s']{height:var(--tui-height-s);min-height:var(--tui-height-s);max-height:var(--tui-height-s)}:host[data-tui-host-size='m']{height:var(--tui-height-m);min-height:var(--tui-height-m);max-height:var(--tui-height-m)}:host[data-tui-host-size='l']{height:var(--tui-height-l);min-height:var(--tui-height-l);max-height:var(--tui-height-l);font-size:.9375rem}.input{font:var(--tui-font-text-s);color:var(--tui-text-01);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;border:solid transparent;border-width:0 .75rem;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit}.input:-webkit-autofill,.input:-webkit-autofill:focus,.input:-webkit-autofill:hover{border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 1000px var(--tui-autofill) inset!important}:host[data-mode=onDark] .input:-webkit-autofill,:host[data-mode=onDark] .input:-webkit-autofill:focus,:host[data-mode=onDark] .input:-webkit-autofill:hover{border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 1000px var(--tui-autofill-night) inset!important}:host[data-tui-host-size='s'] .input{border-width:0 5rem 0 .75rem}:host[data-tui-host-size='l'] .input{border-width:0 1rem}:host._disabled .input{pointer-events:none}:host._right-aligned .input{text-align:right}:host[data-tui-host-size='l']:not(._label-outside) .input{padding-top:1.25rem}:host[data-tui-host-size='l']:not(._label-outside) .input:-webkit-autofill+.content .placeholder{width:114%;transform:translateY(-.625rem) scale(.87)}:host[data-tui-host-size='m']:not(._label-outside) .input{padding-top:1.125rem}:host[data-tui-host-size='m']:not(._label-outside) .input:-webkit-autofill+.content .placeholder{width:118%;transform:translateY(-.5rem) scale(.85)}.ghost{visibility:hidden;white-space:pre;text-overflow:clip}.filler{vertical-align:middle}.content{display:flex;height:100%;width:100%;box-sizing:border-box;align-items:center;overflow:hidden}:host[data-tui-host-size='l'] .content{padding-left:1rem}.wrapper{flex:1;min-width:0}.value-decoration{display:flex;align-items:center;height:1.25rem;margin:-1.25rem 0;padding:.625rem 0;box-sizing:content-box;color:var(--tui-text-03);letter-spacing:normal;text-transform:none}:host._right-aligned .value-decoration{flex-direction:row-reverse;margin-right:-.25rem}:host[data-tui-host-size='m']._label-outside .value-decoration{margin-top:-1.1875rem}:host[data-mode=onDark] .value-decoration{color:var(--tui-text-03-night)}.value-decoration-inner{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.postfix{transition-property:color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;color:var(--tui-text-01)}.postfix_shifted{margin-left:.5ch}:host[data-mode=onDark] .postfix{color:var(--tui-text-01-night)}.placeholder{transition-property:transform,min-width,color,letter-spacing;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;height:1.25rem;font-size:.8125rem;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;color:var(--tui-text-02);transform-origin:left;letter-spacing:normal;text-transform:none}.placeholder_raised{width:114%;transform:translateY(-.625rem) scale(.87)}:host[data-tui-host-size='m'] .placeholder_raised{width:118%;transform:translateY(-.5rem) scale(.85);letter-spacing:.025rem}:host._invalid:not(._focused) .placeholder_raised,:host._invalid:not(._focused)._hovered .placeholder_raised{color:var(--tui-error-fill)}:host[data-mode=onDark]._invalid:not(._focused) .placeholder_raised,:host[data-mode=onDark]._invalid:not(._focused)._hovered .placeholder_raised{color:var(--tui-error-fill-night)}:host._focused .placeholder,:host[data-tui-host-size='l']._focused._label-outside .placeholder,:host[data-tui-host-size='m']._focused._label-outside .placeholder{color:var(--tui-text-03)}:host[data-tui-host-size='l'] .placeholder{font-size:.9375rem}:host[data-tui-host-size='l']._focused:not(._label-outside) .placeholder,:host[data-tui-host-size='m']._focused:not(._label-outside) .placeholder{color:var(--tui-text-01)}:host[data-mode=onDark] .placeholder{color:var(--tui-text-02-night)}:host[data-tui-host-size='l'][data-mode=onDark]._focused:not(._label-outside) .placeholder,:host[data-tui-host-size='m'][data-mode=onDark]._focused:not(._label-outside) .placeholder{color:var(--tui-text-01-night)}:host[data-mode=onDark]._focused .placeholder,:host[data-tui-host-size='l'][data-mode=onDark]._focused._label-outside .placeholder,:host[data-tui-host-size='m'][data-mode=onDark]._focused._label-outside .placeholder{color:var(--tui-text-02-night)}.cleaner{transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;color:var(--tui-text-03);position:relative;box-sizing:border-box;cursor:pointer;transition-property:color,transform}.cleaner:hover{color:var(--tui-text-02)}:host._disabled .cleaner,:host._readonly .cleaner{pointer-events:none}:host[data-mode=onDark] .cleaner{color:var(--tui-text-03-night)}:host[data-mode=onDark] .cleaner:hover{color:var(--tui-text-01-night)}.icon{display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;color:var(--tui-text-03)}:host[data-mode=onDark] .icon{color:var(--tui-text-03-night)}.icon_left{margin:0 .5rem 0 -.25rem}:host[data-tui-host-size='s'] .icon_left{margin-right:.25rem}:host{cursor:text}:host._expandable{height:auto;max-height:none}:host._disabled{pointer-events:none}:host._readonly{cursor:default}.hosted{display:block;border-radius:inherit}.scrollbar{margin:0 -.25rem;padding:0 .25rem}.tags{display:flex;align-items:center;box-sizing:border-box}:host._expandable .tags{flex-wrap:wrap;white-space:normal}:host._readonly .tags{pointer-events:none}:host[data-tui-host-size='s'] .tags{min-height:var(--tui-height-s);padding:.25rem .25rem .25rem 0}:host[data-tui-host-size='m'] .tags{min-height:var(--tui-height-m);padding:.5rem .25rem .5rem 0}:host[data-tui-host-size='l'] .tags{min-height:var(--tui-height-l);padding:.625rem .25rem .625rem 0}:host[data-tui-host-size='m']:not(._label-outside) .tags{padding:1.1875rem 1rem 0 0}:host[data-tui-host-size='l']:not(._label-outside) .tags{padding:1.6875rem 1rem .5625rem 0}.content{padding:0;align-items:flex-start}:host[data-tui-host-size='m'] .content,:host[data-tui-host-size='s'] .content{padding-left:.75rem}:host[data-tui-host-size='s'] .content{padding-right:0}.icons{display:flex;align-items:center;padding:0 .75rem}.icons_left{padding:0;margin-right:.5rem;margin-left:-.25rem}:host._expandable .icons_right{margin-left:-.625rem}:host[data-tui-host-size='s'] .icons{height:var(--tui-height-s)}:host[data-tui-host-size='m'] .icons{height:var(--tui-height-m)}:host[data-tui-host-size='l'] .icons{height:var(--tui-height-l)}.absolute-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}:host[data-tui-host-size='m'] .absolute-wrapper{height:var(--tui-height-m)}:host[data-tui-host-size='l'] .absolute-wrapper{height:var(--tui-height-l)}.wrapper{position:relative;padding:0}.tag{margin:.125rem .5rem .125rem -.25rem;max-width:100%;flex-shrink:0}.text:after{content:',\\00a0'}.text_disabled{color:var(--tui-text-03)}.text_error{color:var(--tui-negative)}:host:not(._expandable) .text{white-space:nowrap}:host:not(:focus-within) .text:last-of-type:after{content:''}.input-wrapper{position:relative;flex:1;max-width:100%}.input-wrapper_collapsed{flex:0;margin-left:-.5rem}:host[data-tui-host-size='s'] .input-wrapper{min-height:1.5rem}:host[data-tui-host-size='m'] .input-wrapper{min-height:calc(var(--tui-height-xs) + 2 * .125rem)}:host[data-tui-host-size='l'] .input-wrapper{min-height:calc(var(--tui-height-s) + 2 * .125rem)}:host:not(._label-outside) .input-wrapper{min-height:1.25rem}.ghost{min-width:.125rem}:host:not(._expandable) .ghost{min-width:2rem}.native{border:0;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;padding:0;cursor:inherit}.native:-webkit-autofill,.native:-webkit-autofill:focus,.native:-webkit-autofill:hover{border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 1000px var(--tui-autofill) inset!important}.native_hidden{opacity:0;text-indent:-10em}.error-icon{display:block;color:var(--tui-error-fill);width:1rem;height:1rem}"]
+        styles: [":host{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;border-radius:var(--tui-radius-m);text-align:left}:host[data-tui-host-size='s']{height:var(--tui-height-s);min-height:var(--tui-height-s);max-height:var(--tui-height-s)}:host[data-tui-host-size='m']{height:var(--tui-height-m);min-height:var(--tui-height-m);max-height:var(--tui-height-m)}:host[data-tui-host-size='l']{height:var(--tui-height-l);min-height:var(--tui-height-l);max-height:var(--tui-height-l);font-size:.9375rem}.input{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;border:0 solid transparent;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;padding:0 var(--tui-padding-m);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit}.input:-webkit-autofill,.input:-webkit-autofill:focus,.input:-webkit-autofill:hover{border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 1000px var(--tui-autofill) inset!important}:host[data-mode=onDark] .input:-webkit-autofill,:host[data-mode=onDark] .input:-webkit-autofill:focus,:host[data-mode=onDark] .input:-webkit-autofill:hover{border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 1000px var(--tui-autofill-night) inset!important}:host[data-tui-host-size='s'] .input{padding:0 var(--tui-padding-s)}:host[data-tui-host-size='l'] .input{padding:0 var(--tui-padding-l)}:host._disabled .input{pointer-events:none}:host._right-aligned .input{text-align:right}:host[data-tui-host-size='l']:not(._label-outside) .input{padding-top:1.25rem}:host[data-tui-host-size='l']:not(._label-outside) .input:-webkit-autofill+.content .placeholder{font-size:.8156rem;transform:translateY(-.625rem)}:host[data-tui-host-size='m']:not(._label-outside) .input{padding-top:1.125rem}:host[data-tui-host-size='m']:not(._label-outside) .input:-webkit-autofill+.content .placeholder{font-size:.69rem;transform:translateY(-.5rem)}.filler{vertical-align:middle}.content{display:flex;height:100%;width:100%;padding:0 var(--tui-padding-m);box-sizing:border-box;align-items:center;overflow:hidden}:host[data-tui-host-size='s'] .content{padding:0 var(--tui-padding-s)}:host[data-tui-host-size='l'] .content{padding:0 var(--tui-padding-l)}.content:after{content:'';margin-right:-.25rem}:host[data-tui-host-size='m'] .content:after{display:none}.wrapper{flex:1;min-width:0;-webkit-padding-end:.25rem;padding-inline-end:.25rem;-webkit-padding-start:0;padding-inline-start:0}.placeholder{transition-property:transform,font-size,color,letter-spacing;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;font-size:.8125rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--tui-text-02);pointer-events:none}.placeholder_raised{transform:translateY(-.625rem)}:host[data-tui-host-size='m'] .placeholder_raised{font-size:.69rem;transform:translateY(-.5rem);letter-spacing:.025rem}:host._invalid:not(._focused) .placeholder_raised,:host._invalid:not(._focused)._hovered .placeholder_raised{color:var(--tui-error-fill)}:host[data-mode=onDark]._invalid:not(._focused) .placeholder_raised,:host[data-mode=onDark]._invalid:not(._focused)._hovered .placeholder_raised{color:var(--tui-error-fill-night)}:host._focused .placeholder,:host[data-tui-host-size='l']._focused._label-outside .placeholder,:host[data-tui-host-size='m']._focused._label-outside .placeholder{color:var(--tui-text-03)}:host[data-tui-host-size='l'] .placeholder{font-size:.9375rem}:host[data-tui-host-size='l'] .placeholder_raised{font-size:.8156rem}:host[data-tui-host-size='l']._focused:not(._label-outside) .placeholder,:host[data-tui-host-size='m']._focused:not(._label-outside) .placeholder{color:var(--tui-text-01)}:host[data-mode=onDark] .placeholder{color:var(--tui-text-02-night)}:host[data-tui-host-size='l'][data-mode=onDark]._focused:not(._label-outside) .placeholder,:host[data-tui-host-size='m'][data-mode=onDark]._focused:not(._label-outside) .placeholder{color:var(--tui-text-01-night)}:host[data-mode=onDark]._focused .placeholder,:host[data-tui-host-size='l'][data-mode=onDark]._focused._label-outside .placeholder,:host[data-tui-host-size='m'][data-mode=onDark]._focused._label-outside .placeholder{color:var(--tui-text-02-night)}.cleaner{transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;color:var(--tui-text-03);position:relative;box-sizing:border-box;cursor:pointer;transition-property:color,transform}.cleaner:hover{color:var(--tui-text-02)}:host._disabled .cleaner,:host._readonly .cleaner{pointer-events:none}:host[data-mode=onDark] .cleaner{color:var(--tui-text-03-night)}:host[data-mode=onDark] .cleaner:hover{color:var(--tui-text-01-night)}.icon{display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;color:var(--tui-text-03)}:host[data-mode=onDark] .icon{color:var(--tui-text-03-night)}.icon_left{margin:0 .5rem 0 -.25rem;-webkit-margin-start:-.25rem;margin-inline-start:-.25rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host[data-tui-host-size='s'] .icon_left{margin-right:.25rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}:host{cursor:text}:host._expandable{height:auto;max-height:none}:host._disabled{pointer-events:none}:host._readonly{cursor:default}.hosted{display:block;border-radius:inherit}.scrollbar{margin:0 -.25rem;padding:0 .25rem}.tags{display:flex;align-items:center;box-sizing:border-box}:host._expandable .tags{flex-wrap:wrap;white-space:normal}:host._readonly .tags{pointer-events:none}:host[data-tui-host-size='s'] .tags{min-height:var(--tui-height-s);padding:.25rem .25rem .25rem 0}:host[data-tui-host-size='m'] .tags{min-height:var(--tui-height-m);padding:.5rem .25rem .5rem 0}:host[data-tui-host-size='l'] .tags{min-height:var(--tui-height-l);padding:.625rem .25rem .625rem 0}:host[data-tui-host-size='m']:not(._label-outside) .tags{padding:1.1875rem 1rem 0 0}:host[data-tui-host-size='l']:not(._label-outside) .tags{padding:1.6875rem 1rem .5625rem 0}.tags :host[data-tui-host-size]{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:.25rem;padding-inline-end:.25rem}:host[data-tui-host-size]:not(._label-outside) .tags{-webkit-padding-end:1rem;padding-inline-end:1rem}.content{padding:0;align-items:flex-start}:host[data-tui-host-size='m'] .content,:host[data-tui-host-size='s'] .content{padding:0 0 0 .75rem;-webkit-padding-start:.75rem;padding-inline-start:.75rem;-webkit-padding-end:0;padding-inline-end:0}.icons{display:flex;align-items:center;padding:0 0 0 .75rem;-webkit-padding-start:.75rem;padding-inline-start:.75rem;-webkit-padding-end:0;padding-inline-end:0}.icons_left{padding:0;margin:0 .5rem 0 -.25rem;-webkit-margin-start:-.25rem;margin-inline-start:-.25rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host._expandable .icons_right{margin:0 0 0 -.625rem;-webkit-margin-start:-.625rem;margin-inline-start:-.625rem;-webkit-margin-end:0;margin-inline-end:0}:host[data-tui-host-size='s'] .icons{height:var(--tui-height-s)}:host[data-tui-host-size='m'] .icons{height:var(--tui-height-m)}:host[data-tui-host-size='l'] .icons{height:var(--tui-height-l)}.absolute-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}:host[data-tui-host-size='m'] .absolute-wrapper{height:var(--tui-height-m)}:host[data-tui-host-size='l'] .absolute-wrapper{height:var(--tui-height-l)}.wrapper{position:relative;padding:0}.tag{margin:.125rem .5rem .125rem -.25rem;-webkit-margin-start:-.25rem;margin-inline-start:-.25rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem;max-width:100%;flex-shrink:0}.text:after{content:',\\00a0'}.text_disabled{color:var(--tui-text-03)}.text_error{color:var(--tui-negative)}:host:not(._expandable) .text{white-space:nowrap}:host:not(:focus-within) .text:last-of-type:after{content:''}.input-wrapper{position:relative;flex:1;max-width:100%}.input-wrapper_collapsed{flex:0;margin:0 0 0 -.5rem;-webkit-margin-start:-.5rem;margin-inline-start:-.5rem;-webkit-margin-end:0;margin-inline-end:0}:host[data-tui-host-size='s'] .input-wrapper{min-height:1.5rem}:host[data-tui-host-size='m'] .input-wrapper{min-height:calc(var(--tui-height-xs) + 2 * .125rem)}:host[data-tui-host-size='l'] .input-wrapper{min-height:calc(var(--tui-height-s) + 2 * .125rem)}:host:not(._label-outside) .input-wrapper{min-height:1.25rem}.ghost{visibility:hidden;white-space:pre;text-overflow:clip;min-width:.125rem}:host:not(._expandable) .ghost{min-width:2rem}.native{border:0;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;padding:0;cursor:inherit}.native:-webkit-autofill,.native:-webkit-autofill:focus,.native:-webkit-autofill:hover{border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 1000px var(--tui-autofill) inset!important}.native_hidden{opacity:0;text-indent:-10em}.native::-moz-placeholder{color:var(--tui-text-03);visibility:hidden}.native:-ms-input-placeholder{color:var(--tui-text-03);visibility:hidden}.native::placeholder{color:var(--tui-text-03);visibility:hidden}:host[data-mode=onDark] .native::-moz-placeholder{color:var(--tui-text-03-night)}:host[data-mode=onDark] .native:-ms-input-placeholder{color:var(--tui-text-03-night)}:host[data-mode=onDark] .native::placeholder{color:var(--tui-text-03-night)}:host._focused .native:not(:read-only)::-moz-placeholder{visibility:visible}:host._focused .native:not(:read-only):-ms-input-placeholder{visibility:visible}:host._focused .native:not(:-moz-read-only)::placeholder{visibility:visible}:host._focused .native:not(:read-only)::placeholder{visibility:visible}.error-icon{display:block;color:var(--tui-error-fill);width:1rem;height:1rem}"]
     }),
     __param(0, Optional()),
     __param(0, Self()),