@taiga-ui/core 5.15.0 → 5.16.0

package/fesm2022/taiga-ui-core-components-scrollbar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-core-components-scrollbar.mjs","sources":["../../../projects/core/components/scrollbar/scroll-ref.directive.ts","../../../projects/core/components/scrollbar/scroll-controls.service.ts","../../../projects/core/components/scrollbar/scrollbar.service.ts","../../../projects/core/components/scrollbar/scrollbar-position.directive.ts","../../../projects/core/components/scrollbar/scrollbar.directive.ts","../../../projects/core/components/scrollbar/scrollbar.options.ts","../../../projects/core/components/scrollbar/scroll-controls.component.ts","../../../projects/core/components/scrollbar/scroll-controls.template.html","../../../projects/core/components/scrollbar/scrollbar.component.ts","../../../projects/core/components/scrollbar/scrollbar.template.html","../../../projects/core/components/scrollbar/scroll-into-view.directive.ts","../../../projects/core/components/scrollbar/scrollable.directive.ts","../../../projects/core/components/scrollbar/taiga-ui-core-components-scrollbar.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {Directive, ElementRef, inject, InjectionToken} from '@angular/core';\nimport {tuiProvide} from '@taiga-ui/cdk/utils/di';\n\nexport const SCROLL_REF_SELECTOR = '[tuiScrollRef]';\n\nexport const TUI_SCROLL_REF = new InjectionToken(ngDevMode ? 'TUI_SCROLL_REF' : '', {\n    factory: () => new ElementRef(inject(DOCUMENT).documentElement),\n});\n\n@Directive({\n    selector: '[tuiScrollRef]',\n    providers: [tuiProvide(TUI_SCROLL_REF, ElementRef)],\n})\nexport class TuiScrollRef {}\n","import {inject, Injectable} from '@angular/core';\nimport {WA_ANIMATION_FRAME} from '@ng-web-apis/common';\nimport {tuiZonefreeScheduler, tuiZoneOptimized} from '@taiga-ui/cdk/observables';\nimport {distinctUntilChanged, map, Observable, startWith, throttleTime} from 'rxjs';\n\nimport {TUI_SCROLL_REF} from './scroll-ref.directive';\n\n@Injectable()\nexport class TuiScrollControlsService extends Observable<readonly [boolean, boolean]> {\n    private readonly scrollRef = inject(TUI_SCROLL_REF);\n\n    private readonly stream$ = inject(WA_ANIMATION_FRAME).pipe(\n        throttleTime(300, tuiZonefreeScheduler()),\n        map(() => this.scrollbars),\n        startWith([false, false] as const),\n        distinctUntilChanged((a, b) => a[0] === b[0] && a[1] === b[1]),\n        tuiZoneOptimized(),\n    );\n\n    constructor() {\n        super((subscriber) => this.stream$.subscribe(subscriber));\n    }\n\n    private get scrollbars(): [boolean, boolean] {\n        const {clientHeight, scrollHeight, clientWidth, scrollWidth} =\n            this.scrollRef.nativeElement;\n\n        return [\n            Math.ceil((clientHeight / scrollHeight) * 100) < 100,\n            Math.ceil((clientWidth / scrollWidth) * 100) < 100,\n        ];\n    }\n}\n","import {inject, Injectable} from '@angular/core';\nimport {tuiTypedFromEvent, tuiZonefree} from '@taiga-ui/cdk/observables';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {filter, map, merge, Observable, switchMap, takeUntil} from 'rxjs';\n\nimport {TUI_SCROLL_REF} from './scroll-ref.directive';\n\n@Injectable()\nexport class TuiScrollbarService extends Observable<[number, number]> {\n    private readonly el = tuiInjectElement();\n    private readonly element = inject(TUI_SCROLL_REF).nativeElement;\n\n    private readonly scroll$ = merge(\n        tuiTypedFromEvent(this.el.parentElement!, 'mousedown').pipe(\n            filter(({target}) => target !== this.el),\n            map((event) => this.getScrolled(event, 0.5, 0.5)),\n        ),\n        tuiTypedFromEvent(this.el, 'mousedown').pipe(\n            tuiZonefree(),\n            switchMap((event) => {\n                const {ownerDocument} = this.el;\n                const rect = this.el.getBoundingClientRect();\n                const vertical = getOffsetVertical(event, rect);\n                const horizontal = getOffsetHorizontal(event, rect);\n\n                return tuiTypedFromEvent(ownerDocument, 'mousemove').pipe(\n                    map((event) => this.getScrolled(event, vertical, horizontal)),\n                    takeUntil(tuiTypedFromEvent(ownerDocument, 'mouseup')),\n                );\n            }),\n        ),\n    );\n\n    constructor() {\n        super((subscriber) => this.scroll$.subscribe(subscriber));\n    }\n\n    private getScrolled(\n        {clientY, clientX}: MouseEvent,\n        offsetY: number,\n        offsetX: number,\n    ): [number, number] {\n        const {offsetHeight, offsetWidth} = this.el;\n\n        const {top, left, right, width, height} =\n            this.el.parentElement!.getBoundingClientRect();\n\n        const rtl = this.el.matches('[dir=\"rtl\"] :scope');\n        const inline = rtl ? right : left;\n        const multiplier = rtl ? -1 : 1;\n        const maxTop = this.element.scrollHeight - height;\n        const maxLeft = this.element.scrollWidth - width;\n\n        const scrolledTop =\n            (clientY - top - offsetHeight * offsetY) / (height - offsetHeight);\n\n        const scrolledLeft =\n            (clientX - inline - offsetWidth * offsetX * multiplier) /\n            (width - offsetWidth);\n\n        return [maxTop * scrolledTop, maxLeft * scrolledLeft];\n    }\n}\n\nfunction getOffsetVertical({clientY}: MouseEvent, {top, height}: DOMRect): number {\n    return (clientY - top) / height;\n}\n\nfunction getOffsetHorizontal({clientX}: MouseEvent, {left, width}: DOMRect): number {\n    return (clientX - left) / width;\n}\n","import {Directive, inject, input} from '@angular/core';\nimport {WA_ANIMATION_FRAME} from '@ng-web-apis/common';\nimport {\n    tuiScrollFrom,\n    tuiZonefree,\n    tuiZonefreeScheduler,\n} from '@taiga-ui/cdk/observables';\nimport {map, merge, Observable, throttleTime} from 'rxjs';\n\nimport {TUI_SCROLL_REF} from './scroll-ref.directive';\n\nconst MIN_WIDTH = 24;\n\ninterface ComputedDimension {\n    scrollTop: number;\n    scrollHeight: number;\n    clientHeight: number;\n    scrollLeft: number;\n    scrollWidth: number;\n    clientWidth: number;\n}\n\n@Directive()\nexport class TuiScrollbarPosition extends Observable<Partial<CSSStyleDeclaration>> {\n    private readonly scrollRef = inject(TUI_SCROLL_REF);\n\n    private readonly stream$ = merge(\n        inject(WA_ANIMATION_FRAME).pipe(throttleTime(100, tuiZonefreeScheduler())),\n        tuiScrollFrom(this.el),\n    ).pipe(\n        tuiZonefree(),\n        map(() => {\n            const dimension: ComputedDimension = {\n                scrollTop: this.el.scrollTop,\n                scrollHeight: this.el.scrollHeight,\n                clientHeight: this.el.clientHeight,\n                scrollLeft: this.el.scrollLeft,\n                scrollWidth: this.el.scrollWidth,\n                clientWidth: this.el.clientWidth,\n            };\n\n            const thumb = `${this.getThumb(dimension) * 100}%`;\n            const view = `${this.getView(dimension) * 100}%`;\n\n            return this.tuiScrollbar() === 'vertical'\n                ? {\n                      top: thumb,\n                      height: view,\n                  }\n                : {\n                      insetInlineStart: thumb,\n                      width: view,\n                  };\n        }),\n    );\n\n    public readonly tuiScrollbar = input<'horizontal' | 'vertical'>('vertical');\n\n    constructor() {\n        super((subscriber) => this.stream$.subscribe(subscriber));\n    }\n\n    private get el(): HTMLElement {\n        return this.scrollRef.nativeElement;\n    }\n\n    private getThumb(dimension: ComputedDimension): number {\n        const compensation = this.getCompensation(dimension) || this.getView(dimension);\n\n        return Math.abs(this.getScrolled(dimension) * (1 - compensation));\n    }\n\n    private getView(dimension: ComputedDimension): number {\n        return this.tuiScrollbar() === 'vertical'\n            ? Math.ceil((dimension.clientHeight / dimension.scrollHeight) * 100) / 100\n            : Math.ceil((dimension.clientWidth / dimension.scrollWidth) * 100) / 100;\n    }\n\n    private getScrolled(dimension: ComputedDimension): number {\n        return this.tuiScrollbar() === 'vertical'\n            ? dimension.scrollTop / (dimension.scrollHeight - dimension.clientHeight)\n            : dimension.scrollLeft / (dimension.scrollWidth - dimension.clientWidth);\n    }\n\n    private getCompensation(dimension: ComputedDimension): number {\n        if (\n            ((dimension.clientHeight * dimension.clientHeight) / dimension.scrollHeight >\n                MIN_WIDTH &&\n                this.tuiScrollbar() === 'vertical') ||\n            ((dimension.clientWidth * dimension.clientWidth) / dimension.scrollWidth >\n                MIN_WIDTH &&\n                this.tuiScrollbar() === 'horizontal')\n        ) {\n            return 0;\n        }\n\n        return this.tuiScrollbar() === 'vertical'\n            ? MIN_WIDTH / dimension.clientHeight\n            : MIN_WIDTH / dimension.clientWidth;\n    }\n}\n","import {Directive, inject, input} from '@angular/core';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\n\nimport {TUI_SCROLL_REF} from './scroll-ref.directive';\nimport {TuiScrollbarService} from './scrollbar.service';\nimport {TuiScrollbarPosition} from './scrollbar-position.directive';\n\n@Directive({\n    selector: '[tuiScrollbar]',\n    providers: [TuiScrollbarService],\n    hostDirectives: [{directive: TuiScrollbarPosition, inputs: ['tuiScrollbar']}],\n})\nexport class TuiScrollbarDirective {\n    private readonly scrollRef = inject(TUI_SCROLL_REF);\n    private readonly style = tuiInjectElement().style;\n\n    protected readonly scrollSub = inject(TuiScrollbarService)\n        .pipe(takeUntilDestroyed())\n        .subscribe(([top, left]) => {\n            this.scrollRef.nativeElement.style.scrollBehavior = 'auto';\n\n            if (this.tuiScrollbar() === 'horizontal') {\n                this.scrollRef.nativeElement.scrollLeft = left;\n            } else {\n                this.scrollRef.nativeElement.scrollTop = top;\n            }\n\n            this.scrollRef.nativeElement.style.scrollBehavior = '';\n        });\n\n    protected readonly styleSub = inject(TuiScrollbarPosition)\n        .pipe(takeUntilDestroyed())\n        .subscribe((position) => Object.assign(this.style, position));\n\n    public readonly tuiScrollbar = input<'horizontal' | 'vertical'>('vertical');\n}\n","import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\n\nexport interface TuiScrollbarOptions {\n    mode: 'always' | 'hidden' | 'hover' | 'native';\n}\n\nexport const TUI_DEFAULT_SCROLLBAR_OPTIONS: TuiScrollbarOptions = {mode: 'always'};\n\nexport const [TUI_SCROLLBAR_OPTIONS, tuiScrollbarOptionsProvider] = tuiCreateOptions(\n    TUI_DEFAULT_SCROLLBAR_OPTIONS,\n);\n","import {CdkScrollable} from '@angular/cdk/scrolling';\nimport {AsyncPipe} from '@angular/common';\nimport {ChangeDetectionStrategy, Component, inject, type OnInit} from '@angular/core';\nimport {TuiAnimated} from '@taiga-ui/cdk/directives/animated';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\n\nimport {TuiScrollControlsService} from './scroll-controls.service';\nimport {TuiScrollbarDirective} from './scrollbar.directive';\nimport {TUI_SCROLLBAR_OPTIONS} from './scrollbar.options';\n\n@Component({\n    selector: 'tui-scroll-controls',\n    imports: [AsyncPipe, TuiAnimated, TuiScrollbarDirective],\n    templateUrl: './scroll-controls.template.html',\n    styleUrl: './scroll-controls.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [TuiScrollControlsService],\n})\nexport class TuiScrollControls implements OnInit {\n    private readonly scrollable = inject(CdkScrollable, {optional: true, host: true});\n    private readonly el = tuiInjectElement();\n\n    protected readonly nativeScrollbar = inject(TUI_SCROLLBAR_OPTIONS).mode === 'native';\n    protected readonly refresh$ = inject(TuiScrollControlsService);\n\n    public ngOnInit(): void {\n        this.scrollable?.getElementRef().nativeElement.prepend(this.el);\n    }\n}\n","@if (nativeScrollbar) {\n} @else {\n    @if (refresh$ | async; as bars) {\n        @if (bars[0]) {\n            <div\n                tuiAnimated\n                class=\"t-bar t-bar_vertical\"\n                [class.t-bar_has-horizontal]=\"bars[1]\"\n                (mousedown.capture.prevent)=\"(0)\"\n            >\n                <div\n                    tuiScrollbar=\"vertical\"\n                    class=\"t-thumb\"\n                ></div>\n            </div>\n        }\n        @if (bars[1]) {\n            <div\n                tuiAnimated\n                class=\"t-bar t-bar_horizontal\"\n                [class.t-bar_has-vertical]=\"bars[0]\"\n                (mousedown.capture.prevent)=\"(0)\"\n            >\n                <div\n                    tuiScrollbar=\"horizontal\"\n                    class=\"t-thumb\"\n                ></div>\n            </div>\n        }\n    }\n}\n","import {ChangeDetectionStrategy, Component, ElementRef, inject} from '@angular/core';\nimport {WA_IS_IOS} from '@ng-web-apis/platform';\nimport {tuiGetElementOffset, tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\n\nimport {TuiScrollControls} from './scroll-controls.component';\nimport {TUI_SCROLL_REF, TuiScrollRef} from './scroll-ref.directive';\nimport {TUI_SCROLLBAR_OPTIONS} from './scrollbar.options';\n\n/**\n * An event for scrolling an element into view within {@link TuiScrollbar}.\n */\nexport const TUI_SCROLL_INTO_VIEW = 'tui-scroll-into-view';\n\n/**\n * An event to notify {@link TuiScrollbar} that\n * it should control a nested element.\n */\nexport const TUI_SCROLLABLE = 'tui-scrollable';\n\n@Component({\n    selector: 'tui-scrollbar',\n    imports: [TuiScrollControls],\n    templateUrl: './scrollbar.template.html',\n    styleUrl: './scrollbar.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_SCROLL_REF,\n            useFactory: () => inject(TuiScrollbar).browserScrollRef,\n        },\n    ],\n    hostDirectives: [TuiScrollRef],\n    host: {\n        '[class._native-hidden]':\n            'options.mode !== \"native\" && (!isIOS || options.mode === \"hidden\")',\n        [`(${TUI_SCROLLABLE}.stop)`]: 'scrollRef = $event.detail',\n        [`(${TUI_SCROLL_INTO_VIEW}.stop)`]: 'scrollIntoView($event.detail)',\n    },\n})\nexport class TuiScrollbar {\n    private readonly el = tuiInjectElement();\n\n    protected readonly options = inject(TUI_SCROLLBAR_OPTIONS);\n    protected readonly isIOS = inject(WA_IS_IOS);\n    protected readonly browserScrollRef = new ElementRef(this.el);\n\n    protected get delegated(): boolean {\n        return this.scrollRef !== this.el || this.options.mode === 'native';\n    }\n\n    protected get scrollRef(): HTMLElement {\n        return this.browserScrollRef.nativeElement;\n    }\n\n    protected set scrollRef(element: HTMLElement) {\n        this.browserScrollRef.nativeElement = element;\n    }\n\n    protected scrollIntoView(detail: HTMLElement): void {\n        if (this.delegated) {\n            return;\n        }\n\n        const {offsetHeight, offsetWidth} = detail;\n        const {offsetTop, offsetLeft} = tuiGetElementOffset(this.scrollRef, detail);\n        const scrollTop = offsetTop + offsetHeight / 2 - this.scrollRef.clientHeight / 2;\n        const scrollLeft = offsetLeft + offsetWidth / 2 - this.scrollRef.clientWidth / 2;\n\n        this.scrollRef.scrollTo?.(scrollLeft, scrollTop);\n    }\n}\n","@if (!isIOS && options.mode !== 'native' && options.mode !== 'hidden') {\n    <tui-scroll-controls\n        class=\"t-bars\"\n        [class.t-hover-mode]=\"options.mode === 'hover'\"\n    />\n}\n<div\n    class=\"t-content\"\n    [class.t-content_delegated]=\"delegated\"\n>\n    <ng-content />\n</div>\n","import {DestroyRef, Directive, effect, inject, input} from '@angular/core';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {timer} from 'rxjs';\n\nimport {TUI_SCROLL_INTO_VIEW} from './scrollbar.component';\n\n/**\n * Directive scrolls element into view inside tui-scrollbar\n */\n@Directive({selector: '[tuiScrollIntoView]'})\nexport class TuiScrollIntoView {\n    private readonly el = tuiInjectElement();\n    private readonly destroyRef = inject(DestroyRef);\n\n    public readonly tuiScrollIntoView = input<boolean>();\n\n    protected readonly dispatchEvent = effect(() => {\n        const scroll = this.tuiScrollIntoView();\n\n        if (!scroll) {\n            return;\n        }\n\n        // Timeout is necessary in order to give element render cycle to get into its final spot\n        // (for example if it is inside dropdown box which has to be positioned first)\n        timer(0)\n            .pipe(takeUntilDestroyed(this.destroyRef))\n            .subscribe(() => {\n                this.el.dispatchEvent(\n                    new CustomEvent<Element>(TUI_SCROLL_INTO_VIEW, {\n                        bubbles: true,\n                        detail: this.el,\n                    }),\n                );\n            });\n    });\n}\n","import {Directive, type OnInit} from '@angular/core';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\n\nimport {TuiScrollRef} from './scroll-ref.directive';\nimport {TUI_SCROLLABLE} from './scrollbar.component';\n\n/**\n * @deprecated Use {@link TuiScrollRef} + {@link TuiScrollControls} instead\n * TODO: Drop in v6.0\n */\n@Directive({selector: '[tuiScrollable]', hostDirectives: [TuiScrollRef]})\nexport class TuiScrollable implements OnInit {\n    private readonly el = tuiInjectElement();\n\n    public ngOnInit(): void {\n        this.el.dispatchEvent(\n            new CustomEvent(TUI_SCROLLABLE, {bubbles: true, detail: this.el}),\n        );\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.TuiScrollbarPosition","i1.TuiScrollRef"],"mappings":"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"}
+{"version":3,"file":"taiga-ui-core-components-scrollbar.mjs","sources":["../../../projects/core/components/scrollbar/scroll-ref.directive.ts","../../../projects/core/components/scrollbar/scroll-controls.service.ts","../../../projects/core/components/scrollbar/scrollbar.service.ts","../../../projects/core/components/scrollbar/scrollbar-position.directive.ts","../../../projects/core/components/scrollbar/scrollbar.directive.ts","../../../projects/core/components/scrollbar/scrollbar.options.ts","../../../projects/core/components/scrollbar/scroll-controls.component.ts","../../../projects/core/components/scrollbar/scroll-controls.template.html","../../../projects/core/components/scrollbar/scrollbar.component.ts","../../../projects/core/components/scrollbar/scrollbar.template.html","../../../projects/core/components/scrollbar/scroll-into-view.directive.ts","../../../projects/core/components/scrollbar/scrollable.directive.ts","../../../projects/core/components/scrollbar/taiga-ui-core-components-scrollbar.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {Directive, ElementRef, inject, InjectionToken} from '@angular/core';\nimport {tuiProvide} from '@taiga-ui/cdk/utils/di';\n\nexport const SCROLL_REF_SELECTOR = '[tuiScrollRef]';\n\nexport const TUI_SCROLL_REF = new InjectionToken(ngDevMode ? 'TUI_SCROLL_REF' : '', {\n    factory: () => new ElementRef(inject(DOCUMENT).documentElement),\n});\n\n@Directive({\n    selector: '[tuiScrollRef]',\n    providers: [tuiProvide(TUI_SCROLL_REF, ElementRef)],\n})\nexport class TuiScrollRef {}\n","import {inject, Injectable} from '@angular/core';\nimport {WA_ANIMATION_FRAME} from '@ng-web-apis/common';\nimport {tuiZonefreeScheduler, tuiZoneOptimized} from '@taiga-ui/cdk/observables';\nimport {distinctUntilChanged, map, Observable, startWith, throttleTime} from 'rxjs';\n\nimport {TUI_SCROLL_REF} from './scroll-ref.directive';\n\n@Injectable()\nexport class TuiScrollControlsService extends Observable<readonly [boolean, boolean]> {\n    private readonly scrollRef = inject(TUI_SCROLL_REF);\n\n    private readonly stream$ = inject(WA_ANIMATION_FRAME).pipe(\n        throttleTime(300, tuiZonefreeScheduler()),\n        map(() => this.scrollbars),\n        startWith([false, false] as const),\n        distinctUntilChanged((a, b) => a[0] === b[0] && a[1] === b[1]),\n        tuiZoneOptimized(),\n    );\n\n    constructor() {\n        super((subscriber) => this.stream$.subscribe(subscriber));\n    }\n\n    private get scrollbars(): [boolean, boolean] {\n        const {clientHeight, scrollHeight, clientWidth, scrollWidth} =\n            this.scrollRef.nativeElement;\n\n        return [\n            Math.ceil((clientHeight / scrollHeight) * 100) < 100,\n            Math.ceil((clientWidth / scrollWidth) * 100) < 100,\n        ];\n    }\n}\n","import {inject, Injectable} from '@angular/core';\nimport {tuiTypedFromEvent, tuiZonefree} from '@taiga-ui/cdk/observables';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {filter, map, merge, Observable, switchMap, takeUntil} from 'rxjs';\n\nimport {TUI_SCROLL_REF} from './scroll-ref.directive';\n\n@Injectable()\nexport class TuiScrollbarService extends Observable<[number, number]> {\n    private readonly el = tuiInjectElement();\n    private readonly element = inject(TUI_SCROLL_REF).nativeElement;\n\n    private readonly scroll$ = merge(\n        tuiTypedFromEvent(this.el.parentElement!, 'mousedown').pipe(\n            filter(({target}) => target !== this.el),\n            map((event) => this.getScrolled(event, 0.5, 0.5)),\n        ),\n        tuiTypedFromEvent(this.el, 'mousedown').pipe(\n            tuiZonefree(),\n            switchMap((event) => {\n                const {ownerDocument} = this.el;\n                const rect = this.el.getBoundingClientRect();\n                const vertical = getOffsetVertical(event, rect);\n                const horizontal = getOffsetHorizontal(event, rect);\n\n                return tuiTypedFromEvent(ownerDocument, 'mousemove').pipe(\n                    map((event) => this.getScrolled(event, vertical, horizontal)),\n                    takeUntil(tuiTypedFromEvent(ownerDocument, 'mouseup')),\n                );\n            }),\n        ),\n    );\n\n    constructor() {\n        super((subscriber) => this.scroll$.subscribe(subscriber));\n    }\n\n    private getScrolled(\n        {clientY, clientX}: MouseEvent,\n        offsetY: number,\n        offsetX: number,\n    ): [number, number] {\n        const {offsetHeight, offsetWidth} = this.el;\n\n        const {top, left, right, width, height} =\n            this.el.parentElement!.getBoundingClientRect();\n\n        const rtl = this.el.matches('[dir=\"rtl\"] :scope');\n        const inline = rtl ? right : left;\n        const multiplier = rtl ? -1 : 1;\n        const maxTop = this.element.scrollHeight - height;\n        const maxLeft = this.element.scrollWidth - width;\n\n        const scrolledTop =\n            (clientY - top - offsetHeight * offsetY) / (height - offsetHeight);\n\n        const scrolledLeft =\n            (clientX - inline - offsetWidth * offsetX * multiplier) /\n            (width - offsetWidth);\n\n        return [maxTop * scrolledTop, maxLeft * scrolledLeft];\n    }\n}\n\nfunction getOffsetVertical({clientY}: MouseEvent, {top, height}: DOMRect): number {\n    return (clientY - top) / height;\n}\n\nfunction getOffsetHorizontal({clientX}: MouseEvent, {left, width}: DOMRect): number {\n    return (clientX - left) / width;\n}\n","import {Directive, inject, input} from '@angular/core';\nimport {WA_ANIMATION_FRAME} from '@ng-web-apis/common';\nimport {\n    tuiScrollFrom,\n    tuiZonefree,\n    tuiZonefreeScheduler,\n} from '@taiga-ui/cdk/observables';\nimport {map, merge, Observable, throttleTime} from 'rxjs';\n\nimport {TUI_SCROLL_REF} from './scroll-ref.directive';\n\nconst MIN_WIDTH = 24;\n\ninterface ComputedDimension {\n    scrollTop: number;\n    scrollHeight: number;\n    clientHeight: number;\n    scrollLeft: number;\n    scrollWidth: number;\n    clientWidth: number;\n}\n\n@Directive()\nexport class TuiScrollbarPosition extends Observable<Partial<CSSStyleDeclaration>> {\n    private readonly scrollRef = inject(TUI_SCROLL_REF);\n\n    private readonly stream$ = merge(\n        inject(WA_ANIMATION_FRAME).pipe(throttleTime(100, tuiZonefreeScheduler())),\n        tuiScrollFrom(this.el),\n    ).pipe(\n        tuiZonefree(),\n        map(() => {\n            const dimension: ComputedDimension = {\n                scrollTop: this.el.scrollTop,\n                scrollHeight: this.el.scrollHeight,\n                clientHeight: this.el.clientHeight,\n                scrollLeft: this.el.scrollLeft,\n                scrollWidth: this.el.scrollWidth,\n                clientWidth: this.el.clientWidth,\n            };\n\n            const thumb = `${this.getThumb(dimension) * 100}%`;\n            const view = `${this.getView(dimension) * 100}%`;\n\n            return this.tuiScrollbar() === 'vertical'\n                ? {\n                      top: thumb,\n                      height: view,\n                  }\n                : {\n                      insetInlineStart: thumb,\n                      width: view,\n                  };\n        }),\n    );\n\n    public readonly tuiScrollbar = input<'horizontal' | 'vertical'>('vertical');\n\n    constructor() {\n        super((subscriber) => this.stream$.subscribe(subscriber));\n    }\n\n    private get el(): HTMLElement {\n        return this.scrollRef.nativeElement;\n    }\n\n    private getThumb(dimension: ComputedDimension): number {\n        const compensation = this.getCompensation(dimension) || this.getView(dimension);\n\n        return Math.abs(this.getScrolled(dimension) * (1 - compensation));\n    }\n\n    private getView(dimension: ComputedDimension): number {\n        return this.tuiScrollbar() === 'vertical'\n            ? Math.ceil((dimension.clientHeight / dimension.scrollHeight) * 100) / 100\n            : Math.ceil((dimension.clientWidth / dimension.scrollWidth) * 100) / 100;\n    }\n\n    private getScrolled(dimension: ComputedDimension): number {\n        return this.tuiScrollbar() === 'vertical'\n            ? dimension.scrollTop / (dimension.scrollHeight - dimension.clientHeight)\n            : dimension.scrollLeft / (dimension.scrollWidth - dimension.clientWidth);\n    }\n\n    private getCompensation(dimension: ComputedDimension): number {\n        if (\n            ((dimension.clientHeight * dimension.clientHeight) / dimension.scrollHeight >\n                MIN_WIDTH &&\n                this.tuiScrollbar() === 'vertical') ||\n            ((dimension.clientWidth * dimension.clientWidth) / dimension.scrollWidth >\n                MIN_WIDTH &&\n                this.tuiScrollbar() === 'horizontal')\n        ) {\n            return 0;\n        }\n\n        return this.tuiScrollbar() === 'vertical'\n            ? MIN_WIDTH / dimension.clientHeight\n            : MIN_WIDTH / dimension.clientWidth;\n    }\n}\n","import {Directive, inject, input} from '@angular/core';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\n\nimport {TUI_SCROLL_REF} from './scroll-ref.directive';\nimport {TuiScrollbarService} from './scrollbar.service';\nimport {TuiScrollbarPosition} from './scrollbar-position.directive';\n\n@Directive({\n    selector: '[tuiScrollbar]',\n    providers: [TuiScrollbarService],\n    hostDirectives: [{directive: TuiScrollbarPosition, inputs: ['tuiScrollbar']}],\n})\nexport class TuiScrollbarDirective {\n    private readonly scrollRef = inject(TUI_SCROLL_REF);\n    private readonly style = tuiInjectElement().style;\n\n    protected readonly scrollSub = inject(TuiScrollbarService)\n        .pipe(takeUntilDestroyed())\n        .subscribe(([top, left]) => {\n            this.scrollRef.nativeElement.style.scrollBehavior = 'auto';\n\n            if (this.tuiScrollbar() === 'horizontal') {\n                this.scrollRef.nativeElement.scrollLeft = left;\n            } else {\n                this.scrollRef.nativeElement.scrollTop = top;\n            }\n\n            this.scrollRef.nativeElement.style.scrollBehavior = '';\n        });\n\n    protected readonly styleSub = inject(TuiScrollbarPosition)\n        .pipe(takeUntilDestroyed())\n        .subscribe((position) => Object.assign(this.style, position));\n\n    public readonly tuiScrollbar = input<'horizontal' | 'vertical'>('vertical');\n}\n","import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\n\nexport interface TuiScrollbarOptions {\n    mode: 'always' | 'hidden' | 'hover' | 'native';\n}\n\nexport const TUI_DEFAULT_SCROLLBAR_OPTIONS: TuiScrollbarOptions = {mode: 'always'};\n\nexport const [TUI_SCROLLBAR_OPTIONS, tuiScrollbarOptionsProvider] = tuiCreateOptions(\n    TUI_DEFAULT_SCROLLBAR_OPTIONS,\n);\n","import {CdkScrollable} from '@angular/cdk/scrolling';\nimport {AsyncPipe} from '@angular/common';\nimport {ChangeDetectionStrategy, Component, inject, type OnInit} from '@angular/core';\nimport {TuiAnimated} from '@taiga-ui/cdk/directives/animated';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\n\nimport {TuiScrollControlsService} from './scroll-controls.service';\nimport {TuiScrollbarDirective} from './scrollbar.directive';\nimport {TUI_SCROLLBAR_OPTIONS} from './scrollbar.options';\n\n@Component({\n    selector: 'tui-scroll-controls',\n    imports: [AsyncPipe, TuiAnimated, TuiScrollbarDirective],\n    templateUrl: './scroll-controls.template.html',\n    styleUrl: './scroll-controls.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [TuiScrollControlsService],\n})\nexport class TuiScrollControls implements OnInit {\n    private readonly scrollable = inject(CdkScrollable, {optional: true, host: true});\n    private readonly el = tuiInjectElement();\n\n    protected readonly nativeScrollbar = inject(TUI_SCROLLBAR_OPTIONS).mode === 'native';\n    protected readonly refresh$ = inject(TuiScrollControlsService);\n\n    public ngOnInit(): void {\n        this.scrollable?.getElementRef().nativeElement.prepend(this.el);\n    }\n}\n","@if (nativeScrollbar) {\n} @else {\n    @if (refresh$ | async; as bars) {\n        @if (bars[0]) {\n            <div\n                tuiAnimated\n                class=\"t-bar t-bar_vertical\"\n                [class.t-bar_has-horizontal]=\"bars[1]\"\n                (mousedown.capture.prevent)=\"(0)\"\n            >\n                <div\n                    tuiScrollbar=\"vertical\"\n                    class=\"t-thumb\"\n                ></div>\n            </div>\n        }\n        @if (bars[1]) {\n            <div\n                tuiAnimated\n                class=\"t-bar t-bar_horizontal\"\n                [class.t-bar_has-vertical]=\"bars[0]\"\n                (mousedown.capture.prevent)=\"(0)\"\n            >\n                <div\n                    tuiScrollbar=\"horizontal\"\n                    class=\"t-thumb\"\n                ></div>\n            </div>\n        }\n    }\n}\n","import {ChangeDetectionStrategy, Component, ElementRef, inject} from '@angular/core';\nimport {WA_IS_IOS} from '@ng-web-apis/platform';\nimport {tuiGetElementOffset, tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\n\nimport {TuiScrollControls} from './scroll-controls.component';\nimport {TUI_SCROLL_REF, TuiScrollRef} from './scroll-ref.directive';\nimport {TUI_SCROLLBAR_OPTIONS} from './scrollbar.options';\n\n/**\n * An event for scrolling an element into view within {@link TuiScrollbar}.\n */\nexport const TUI_SCROLL_INTO_VIEW = 'tui-scroll-into-view';\n\n/**\n * An event to notify {@link TuiScrollbar} that\n * it should control a nested element.\n */\nexport const TUI_SCROLLABLE = 'tui-scrollable';\n\n@Component({\n    selector: 'tui-scrollbar',\n    imports: [TuiScrollControls],\n    templateUrl: './scrollbar.template.html',\n    styleUrl: './scrollbar.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_SCROLL_REF,\n            useFactory: () => inject(TuiScrollbar).browserScrollRef,\n        },\n    ],\n    hostDirectives: [TuiScrollRef],\n    host: {\n        '[class._native-hidden]':\n            'options.mode !== \"native\" && (!isIOS || options.mode === \"hidden\")',\n        [`(${TUI_SCROLLABLE}.stop)`]: 'scrollRef = $event.detail',\n        [`(${TUI_SCROLL_INTO_VIEW}.stop)`]: 'scrollIntoView($event.detail)',\n    },\n})\nexport class TuiScrollbar {\n    private readonly el = tuiInjectElement();\n\n    protected readonly options = inject(TUI_SCROLLBAR_OPTIONS);\n    protected readonly isIOS = inject(WA_IS_IOS);\n    protected readonly browserScrollRef = new ElementRef(this.el);\n\n    protected get delegated(): boolean {\n        return this.scrollRef !== this.el || this.options.mode === 'native';\n    }\n\n    protected get scrollRef(): HTMLElement {\n        return this.browserScrollRef.nativeElement;\n    }\n\n    protected set scrollRef(element: HTMLElement) {\n        this.browserScrollRef.nativeElement = element;\n    }\n\n    protected scrollIntoView(detail: HTMLElement): void {\n        if (this.delegated) {\n            return;\n        }\n\n        const {offsetHeight, offsetWidth} = detail;\n        const {offsetTop, offsetLeft} = tuiGetElementOffset(this.scrollRef, detail);\n        const scrollTop = offsetTop + offsetHeight / 2 - this.scrollRef.clientHeight / 2;\n        const scrollLeft = offsetLeft + offsetWidth / 2 - this.scrollRef.clientWidth / 2;\n\n        this.scrollRef.scrollTo?.(scrollLeft, scrollTop);\n    }\n}\n","@if (!isIOS && options.mode !== 'native' && options.mode !== 'hidden') {\n    <tui-scroll-controls\n        class=\"t-bars\"\n        [class.t-hover-mode]=\"options.mode === 'hover'\"\n    />\n}\n<div\n    class=\"t-content\"\n    [class.t-content_delegated]=\"delegated\"\n>\n    <ng-content />\n</div>\n","import {DestroyRef, Directive, effect, inject, input} from '@angular/core';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {timer} from 'rxjs';\n\nimport {TUI_SCROLL_INTO_VIEW} from './scrollbar.component';\n\n/**\n * Directive scrolls element into view inside tui-scrollbar\n */\n@Directive({selector: '[tuiScrollIntoView]'})\nexport class TuiScrollIntoView {\n    private readonly el = tuiInjectElement();\n    private readonly destroyRef = inject(DestroyRef);\n\n    public readonly tuiScrollIntoView = input<boolean>();\n\n    protected readonly dispatchEvent = effect(() => {\n        const scroll = this.tuiScrollIntoView();\n\n        if (!scroll) {\n            return;\n        }\n\n        // Timeout is necessary in order to give element render cycle to get into its final spot\n        // (for example if it is inside dropdown box which has to be positioned first)\n        timer(0)\n            .pipe(takeUntilDestroyed(this.destroyRef))\n            .subscribe(() => {\n                this.el.dispatchEvent(\n                    new CustomEvent<Element>(TUI_SCROLL_INTO_VIEW, {\n                        bubbles: true,\n                        detail: this.el,\n                    }),\n                );\n            });\n    });\n}\n","import {Directive, type OnInit} from '@angular/core';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\n\nimport {TuiScrollRef} from './scroll-ref.directive';\nimport {TUI_SCROLLABLE} from './scrollbar.component';\n\n/**\n * @deprecated Use {@link TuiScrollRef} + {@link TuiScrollControls} instead\n * TODO: Drop in v6.0\n */\n@Directive({selector: '[tuiScrollable]', hostDirectives: [TuiScrollRef]})\nexport class TuiScrollable implements OnInit {\n    private readonly el = tuiInjectElement();\n\n    public ngOnInit(): void {\n        this.el.dispatchEvent(\n            new CustomEvent(TUI_SCROLLABLE, {bubbles: true, detail: this.el}),\n        );\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.TuiScrollbarPosition","i1.TuiScrollRef"],"mappings":"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"}

package/fesm2022/taiga-ui-core-components-textfield.mjs

@@ -203,7 +203,7 @@ class TuiTextfieldComponent {
                 provide: TUI_TEXTFIELD_VALUE,
                 useFactory: () => inject(TuiTextfieldComponent).value,
             },
-        ], queries: [{ propertyName: "label", first: true, predicate: i0.forwardRef(() => TuiLabel), descendants: true, read: ElementRef, isSignal: true }, { propertyName: "accessor", first: true, predicate: TUI_TEXTFIELD_ACCESSOR, descendants: true, isSignal: true }, { propertyName: "control", first: true, predicate: NgControl, descendants: true, isSignal: true }, { propertyName: "child", first: true, predicate: TuiControl, descendants: true, isSignal: true }, { propertyName: "auxiliaries", predicate: TUI_AUXILIARY, descendants: true, isSignal: true }, { propertyName: "input", first: true, predicate: TUI_TEXTFIELD_ACCESSOR, descendants: true, read: ElementRef, isSignal: true }], viewQueries: [{ propertyName: "ghost", first: true, predicate: ["ghost"], descendants: true, isSignal: true }, { propertyName: "vcr", first: true, predicate: ["vcr"], descendants: true, read: ViewContainerRef, isSignal: true }], hostDirectives: [{ directive: i1.TuiAppearance }, { directive: i2.TuiDropdownDirective }, { directive: i2.TuiDropdownFixed }, { directive: i2.TuiWithDropdownOpen }, { directive: i3.TuiWithIcons }, { directive: i4.TuiWithItemsHandlers }, { directive: i5.TuiWithOptionContent }], ngImport: i0, template: "@if (child()?.value() ?? (control()?.control?.valueChanges | async)) {}\n<ng-content select=\"input\" />\n<ng-content select=\"select\" />\n<ng-content select=\"textarea\" />\n<ng-content select=\"label\" />\n<span\n    #side\n    class=\"t-content\"\n    (pointerdown)=\"input()?.nativeElement?.focus()\"\n    (resize)=\"onResize(side)\"\n>\n    <ng-content />\n    <ng-container #vcr />\n    @if (options.cleaner()) {\n        <button\n            tabindex=\"-1\"\n            tuiButtonX\n            (click)=\"accessor()?.setValue(null)\"\n        >\n            {{ clear() }}\n        </button>\n    }\n    <ng-content select=\"tui-icon\" />\n</span>\n@if (control()?.value != null) {\n    <span\n        class=\"t-template\"\n        [tuiCell]=\"options.size()\"\n    >\n        <ng-container *polymorpheusOutlet=\"content() as text; context: {$implicit: control()?.value}\">\n            {{ text }}\n        </ng-container>\n    </span>\n}\n@if (showFiller()) {\n    <input\n        #ghost\n        aria-hidden=\"true\"\n        disabled\n        class=\"t-filler\"\n        [value]=\"computedFiller()\"\n    />\n}\n", styles: ["tui-textfield:where(*[data-tui-version=\"5.15.0\"]){scrollbar-width:none;-ms-overflow-style:none;transition-property:color;transition-duration:calc(var(--tui-duration) / 2);transition-timing-function:var(--tui-curve-productive-standard);--t-height: calc(var(--tui-height-l) + 2.5 * var(--t-label) * var(--tui-font-offset));--t-padding: var(--tui-padding-l);--t-label: 0;--t-label-y: -.75rem;--t-label-font: var(--tui-typography-ui-s);--t-end: 0px;--t-start: 0px;--t-side: 0px;--t-max: .75rem;--t-space: clamp(0px, calc(var(--t-side) + var(--t-end)), var(--t-max));position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;min-block-size:var(--t-height);padding:0 var(--t-padding);border-radius:var(--tui-radius-l);font:var(--tui-typography-ui-m);box-sizing:border-box;isolation:isolate}tui-textfield:where(*[data-tui-version=\"5.15.0\"])::-webkit-scrollbar,tui-textfield:where(*[data-tui-version=\"5.15.0\"])::-webkit-scrollbar-thumb{display:none}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[tuiAppearance]{outline:none}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[tuiAppearance][data-appearance=\"\"]{color:var(--tui-text-tertiary)}@media(hover:hover)and (pointer:fine){tui-textfield:where(*[data-tui-version=\"5.15.0\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){color:var(--tui-text-secondary)}}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly])[data-state=hover]{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-icon-start]{--t-start: calc(2.5rem * (1 + .25 * var(--t-zoom)))}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[tuiIcons]:before{z-index:1;block-size:var(--t-height);inline-size:1.5rem;margin-inline-end:1rem;pointer-events:none;max-block-size:calc(var(--t-height) * (1 - .2 * var(--t-zoom)))}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[tuiIcons]:after{position:relative;inline-size:calc(1.5rem + 2 * var(--t-padding));cursor:pointer;margin-inline-start:calc(.25rem - var(--t-padding));margin-inline-end:calc(-1 * var(--t-padding));block-size:var(--t-height);max-block-size:calc(var(--t-height) * (1 - .2 * var(--t-zoom)))}tui-textfield:where(*[data-tui-version=\"5.15.0\"])::-webkit-resizer{border:.25rem solid transparent;inline-size:.5rem;block-size:.5rem;box-sizing:content-box;color:var(--tui-text-tertiary);background:linear-gradient(-45deg,transparent,transparent .125rem,currentColor .125rem,currentColor .1875rem,transparent .1875rem,transparent .25rem,currentColor .25rem,currentColor .3125rem,transparent .35rem);background-clip:content-box}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"])>.t-content,tui-textfield:where(*[data-tui-version=\"5.15.0\"])>.t-template{pointer-events:none}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=s]{--t-height: var(--tui-height-s);--t-padding: var(--tui-padding-s);--t-max: 0px;border-radius:var(--tui-radius-m);font:var(--tui-typography-ui-s)}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=s][data-icon-start]{--t-start: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=s][data-icon-end]{--t-end: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=s]:before{font-size:1rem;margin-inline:-.25rem .25rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=s]:after{inline-size:calc(.75rem + 2 * var(--t-padding));margin-inline:0 -.5rem;font-size:1rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=s]>.t-content{gap:0}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=s]>.t-content>*:last-child{margin-inline-end:-.25rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=m]{--t-height: calc(var(--tui-height-m) + 2.5 * var(--t-label) * var(--tui-font-offset));--t-padding: var(--tui-padding-m);--t-label-font: var(--tui-typography-ui-xs);--t-label-y: -.5625rem;--t-max: .125rem;border-radius:var(--tui-radius-m);font:var(--tui-typography-ui-s)}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=m][data-icon-start]{--t-start: calc(2.125rem * (1 + .25 * var(--t-zoom)))}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=m][data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=m]:before{margin-inline:-.125rem .75rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=m]:after{inline-size:calc(1.25rem + 2 * var(--t-padding));margin-inline-start:calc(.5rem - var(--t-padding))}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=m]>.t-content>*:last-child{margin-inline-end:-.125rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"]):is(._disabled,[data-state=disabled]){pointer-events:none;opacity:var(--tui-disabled-opacity)}tui-textfield:where(*[data-tui-version=\"5.15.0\"]):is(._disabled,[data-state=disabled]) [tuiAppearance]:is(._disabled,:disabled,[data-state=disabled]){opacity:1}tui-textfield:where(*[data-tui-version=\"5.15.0\"]):is(._disabled,[data-state=disabled])>.t-content>tui-icon{display:none}tui-textfield:where(*[data-tui-version=\"5.15.0\"])._with-label{--t-label: 1}tui-textfield:where(*[data-tui-version=\"5.15.0\"])._with-label>.t-template,tui-textfield:where(*[data-tui-version=\"5.15.0\"])._with-label .t-filler,tui-textfield:where(*[data-tui-version=\"5.15.0\"])._with-label [tuiInput]{inset-block-end:0;padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}tui-textfield:where(*[data-tui-version=\"5.15.0\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template::placeholder,tui-textfield:where(*[data-tui-version=\"5.15.0\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.15.0\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template._empty,tui-textfield:where(*[data-tui-version=\"5.15.0\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]._empty{color:transparent}tui-textfield:where(*[data-tui-version=\"5.15.0\"])>.t-template,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) .t-filler,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]{position:absolute;inset-inline:0;inline-size:auto;block-size:var(--t-height);-webkit-appearance:none;appearance:none;background:none;font:inherit;resize:none;outline:none;color:var(--tui-text-primary);box-sizing:border-box;border-radius:inherit;border-width:0;padding-inline-start:calc(var(--t-start) + var(--t-padding));padding-inline-end:calc(var(--t-end) + var(--t-side) + var(--t-padding) + var(--t-space));white-space:nowrap;overflow:hidden}tui-textfield:where(*[data-tui-version=\"5.15.0\"])>.t-template:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) .t-filler:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]:is(input,textarea):read-only~.t-filler{display:none}tui-textfield:where(*[data-tui-version=\"5.15.0\"])>.t-template:disabled,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) .t-filler:disabled,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]:disabled{animation:tuiPresent 1s infinite;opacity:1}tui-textfield:where(*[data-tui-version=\"5.15.0\"])>.t-template[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) .t-filler[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput][inputmode=none]{caret-color:transparent}tui-textfield:where(*[data-tui-version=\"5.15.0\"])>.t-template::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) .t-filler::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.15.0\"])>.t-template::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) .t-filler::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}tui-textfield:where(*[data-tui-version=\"5.15.0\"])._with-template [tuiInput]:first-of-type{color:transparent!important}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]:-webkit-autofill [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput][chrome-autofilled] [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]:not(._empty,:placeholder-shown) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"])[multi][multi]:not(._empty) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]:-webkit-autofill:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput][chrome-autofilled]:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]:not(._empty,:placeholder-shown):not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"])[multi][multi]:not(._empty):not(tui-textfield)~[tuiLabel]{font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiLabel][tuiLabel][tuiLabel]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:block;max-inline-size:calc(100% - var(--t-start));flex:1;align-self:flex-start;font:inherit;-webkit-user-select:none;user-select:none;padding:calc(var(--t-height) / 2 - .625em) 0;line-height:1.25!important;transition-duration:inherit}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiLabel][tuiLabel][tuiLabel]+.t-content{margin-inline-start:0}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]._empty{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) select option[value=\"\"]:disabled{color:transparent}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) select option{background-color:var(--tui-background-elevation-3)}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) select option:not(:disabled){color:var(--tui-text-primary)}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) button,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) a,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) tui-icon{pointer-events:auto}tui-textfield:where(*[data-tui-version=\"5.15.0\"])>.t-content{z-index:1;display:flex;block-size:var(--t-height);align-items:center;gap:.25rem;margin-inline-start:auto;isolation:isolate;border-radius:inherit}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) textarea~.t-content{min-inline-size:.5rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"]):is([data-mode~=readonly],[data-state=disabled],._empty) [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]._empty~.t-content [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]:disabled~.t-content [tuiButtonX]{display:none}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) .t-filler{pointer-events:none!important;color:var(--tui-text-tertiary)}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiFluidTypography]{font-weight:700}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiSelectLike]:not(:read-only){cursor:pointer}tui-textfield:where(*[data-tui-version=\"5.15.0\"]):has(input[type=tel]){direction:ltr}tui-textfield:where(*[data-tui-version=\"5.15.0\"]):is([data-mode~=invalid],.tui-invalid,:invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled) [tuiInput]:not(._empty)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"]):is([data-mode~=invalid],.tui-invalid,:invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[multi]:not(._empty) [tuiLabel]{color:var(--tui-text-negative)}tui-textfield:where(*[data-tui-version=\"5.15.0\"]):not([data-mode~=readonly]):focus-visible:not([data-focus=false]) [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield:where(*[data-tui-version=\"5.15.0\"]):not([data-mode~=readonly])[data-focus=true] [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiButtonX, selector: "[tuiButtonX]" }, { kind: "directive", type: TuiCell, selector: "[tuiCell]:not(ng-template)", inputs: ["tuiCell", "tuiCellHeight"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "label", first: true, predicate: i0.forwardRef(() => TuiLabel), descendants: true, read: ElementRef, isSignal: true }, { propertyName: "accessor", first: true, predicate: TUI_TEXTFIELD_ACCESSOR, descendants: true, isSignal: true }, { propertyName: "control", first: true, predicate: NgControl, descendants: true, isSignal: true }, { propertyName: "child", first: true, predicate: TuiControl, descendants: true, isSignal: true }, { propertyName: "auxiliaries", predicate: TUI_AUXILIARY, descendants: true, isSignal: true }, { propertyName: "input", first: true, predicate: TUI_TEXTFIELD_ACCESSOR, descendants: true, read: ElementRef, isSignal: true }], viewQueries: [{ propertyName: "ghost", first: true, predicate: ["ghost"], descendants: true, isSignal: true }, { propertyName: "vcr", first: true, predicate: ["vcr"], descendants: true, read: ViewContainerRef, isSignal: true }], hostDirectives: [{ directive: i1.TuiAppearance }, { directive: i2.TuiDropdownDirective }, { directive: i2.TuiDropdownFixed }, { directive: i2.TuiWithDropdownOpen }, { directive: i3.TuiWithIcons }, { directive: i4.TuiWithItemsHandlers }, { directive: i5.TuiWithOptionContent }], ngImport: i0, template: "@if (child()?.value() ?? (control()?.control?.valueChanges | async)) {}\n<ng-content select=\"input\" />\n<ng-content select=\"select\" />\n<ng-content select=\"textarea\" />\n<ng-content select=\"label[tuiLabel]\" />\n<span\n    #side\n    class=\"t-content\"\n    (pointerdown)=\"input()?.nativeElement?.focus()\"\n    (resize)=\"onResize(side)\"\n>\n    <ng-content />\n    <ng-container #vcr />\n    @if (options.cleaner()) {\n        <button\n            tabindex=\"-1\"\n            tuiButtonX\n            (click)=\"accessor()?.setValue(null)\"\n        >\n            {{ clear() }}\n        </button>\n    }\n    <ng-content select=\"tui-icon\" />\n</span>\n@if (control()?.value != null) {\n    <span\n        class=\"t-template\"\n        [tuiCell]=\"options.size()\"\n    >\n        <ng-container *polymorpheusOutlet=\"content() as text; context: {$implicit: control()?.value}\">\n            {{ text }}\n        </ng-container>\n    </span>\n}\n@if (showFiller()) {\n    <input\n        #ghost\n        aria-hidden=\"true\"\n        disabled\n        class=\"t-filler\"\n        [value]=\"computedFiller()\"\n    />\n}\n", styles: ["tui-textfield:where(*[data-tui-version=\"5.16.0\"]){scrollbar-width:none;-ms-overflow-style:none;transition-property:color;transition-duration:calc(var(--tui-duration) / 2);transition-timing-function:var(--tui-curve-productive-standard);--t-height: calc(var(--tui-height-l) + 2.5 * var(--t-label) * var(--tui-font-offset));--t-padding: var(--tui-padding-l);--t-label: 0;--t-label-y: -.75rem;--t-label-font: var(--tui-typography-ui-s);--t-end: 0px;--t-start: 0px;--t-side: 0px;--t-max: .75rem;--t-space: clamp(0px, calc(var(--t-side) + var(--t-end)), var(--t-max));position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;min-block-size:var(--t-height);padding:0 var(--t-padding);border-radius:var(--tui-radius-l);font:var(--tui-typography-ui-m);box-sizing:border-box;isolation:isolate}tui-textfield:where(*[data-tui-version=\"5.16.0\"])::-webkit-scrollbar,tui-textfield:where(*[data-tui-version=\"5.16.0\"])::-webkit-scrollbar-thumb{display:none}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[tuiAppearance]{outline:none}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[tuiAppearance][data-appearance=\"\"]{color:var(--tui-text-tertiary)}@media(hover:hover)and (pointer:fine){tui-textfield:where(*[data-tui-version=\"5.16.0\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){color:var(--tui-text-secondary)}}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly])[data-state=hover]{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-icon-start]{--t-start: calc(2.5rem * (1 + .25 * var(--t-zoom)))}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[tuiIcons]:before{z-index:1;block-size:var(--t-height);inline-size:1.5rem;margin-inline-end:1rem;pointer-events:none;max-block-size:calc(var(--t-height) * (1 - .2 * var(--t-zoom)))}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[tuiIcons]:after{position:relative;inline-size:calc(1.5rem + 2 * var(--t-padding));cursor:pointer;margin-inline-start:calc(.25rem - var(--t-padding));margin-inline-end:calc(-1 * var(--t-padding));block-size:var(--t-height);max-block-size:calc(var(--t-height) * (1 - .2 * var(--t-zoom)))}tui-textfield:where(*[data-tui-version=\"5.16.0\"])::-webkit-resizer{border:.25rem solid transparent;inline-size:.5rem;block-size:.5rem;box-sizing:content-box;color:var(--tui-text-tertiary);background:linear-gradient(-45deg,transparent,transparent .125rem,currentColor .125rem,currentColor .1875rem,transparent .1875rem,transparent .25rem,currentColor .25rem,currentColor .3125rem,transparent .35rem);background-clip:content-box}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"])>.t-content,tui-textfield:where(*[data-tui-version=\"5.16.0\"])>.t-template{pointer-events:none}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=s]{--t-height: var(--tui-height-s);--t-padding: var(--tui-padding-s);--t-max: 0px;border-radius:var(--tui-radius-m);font:var(--tui-typography-ui-s)}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=s][data-icon-start]{--t-start: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=s][data-icon-end]{--t-end: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=s]:before{font-size:1rem;margin-inline:-.25rem .25rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=s]:after{inline-size:calc(.75rem + 2 * var(--t-padding));margin-inline:0 -.5rem;font-size:1rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=s]>.t-content{gap:0}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=s]>.t-content>*:last-child{margin-inline-end:-.25rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=m]{--t-height: calc(var(--tui-height-m) + 2.5 * var(--t-label) * var(--tui-font-offset));--t-padding: var(--tui-padding-m);--t-label-font: var(--tui-typography-ui-xs);--t-label-y: -.5625rem;--t-max: .125rem;border-radius:var(--tui-radius-m);font:var(--tui-typography-ui-s)}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=m][data-icon-start]{--t-start: calc(2.125rem * (1 + .25 * var(--t-zoom)))}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=m][data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=m]:before{margin-inline:-.125rem .75rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=m]:after{inline-size:calc(1.25rem + 2 * var(--t-padding));margin-inline-start:calc(.5rem - var(--t-padding))}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=m]>.t-content>*:last-child{margin-inline-end:-.125rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"]):is(._disabled,[data-state=disabled]){pointer-events:none;opacity:var(--tui-disabled-opacity)}tui-textfield:where(*[data-tui-version=\"5.16.0\"]):is(._disabled,[data-state=disabled]) [tuiAppearance]:is(._disabled,:disabled,[data-state=disabled]){opacity:1}tui-textfield:where(*[data-tui-version=\"5.16.0\"]):is(._disabled,[data-state=disabled])>.t-content>tui-icon{display:none}tui-textfield:where(*[data-tui-version=\"5.16.0\"])._with-label{--t-label: 1}tui-textfield:where(*[data-tui-version=\"5.16.0\"])._with-label>.t-template,tui-textfield:where(*[data-tui-version=\"5.16.0\"])._with-label .t-filler,tui-textfield:where(*[data-tui-version=\"5.16.0\"])._with-label [tuiInput]{inset-block-end:0;padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}tui-textfield:where(*[data-tui-version=\"5.16.0\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template::placeholder,tui-textfield:where(*[data-tui-version=\"5.16.0\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.16.0\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template._empty,tui-textfield:where(*[data-tui-version=\"5.16.0\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]._empty{color:transparent}tui-textfield:where(*[data-tui-version=\"5.16.0\"])>.t-template,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) .t-filler,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]{position:absolute;inset-inline:0;inline-size:auto;block-size:var(--t-height);-webkit-appearance:none;appearance:none;background:none;font:inherit;resize:none;outline:none;color:var(--tui-text-primary);box-sizing:border-box;border-radius:inherit;border-width:0;padding-inline-start:calc(var(--t-start) + var(--t-padding));padding-inline-end:calc(var(--t-end) + var(--t-side) + var(--t-padding) + var(--t-space));white-space:nowrap;overflow:hidden}tui-textfield:where(*[data-tui-version=\"5.16.0\"])>.t-template:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) .t-filler:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]:is(input,textarea):read-only~.t-filler{display:none}tui-textfield:where(*[data-tui-version=\"5.16.0\"])>.t-template:disabled,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) .t-filler:disabled,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]:disabled{animation:tuiPresent 1s infinite;opacity:1}tui-textfield:where(*[data-tui-version=\"5.16.0\"])>.t-template[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) .t-filler[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput][inputmode=none]{caret-color:transparent}tui-textfield:where(*[data-tui-version=\"5.16.0\"])>.t-template::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) .t-filler::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.16.0\"])>.t-template::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) .t-filler::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}tui-textfield:where(*[data-tui-version=\"5.16.0\"])._with-template [tuiInput]:first-of-type{color:transparent!important}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]:-webkit-autofill [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput][chrome-autofilled] [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]:not(._empty,:placeholder-shown) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"])[multi][multi]:not(._empty) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]:-webkit-autofill:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput][chrome-autofilled]:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]:not(._empty,:placeholder-shown):not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"])[multi][multi]:not(._empty):not(tui-textfield)~[tuiLabel]{font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiLabel][tuiLabel][tuiLabel]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:block;max-inline-size:calc(100% - var(--t-start));flex:1;align-self:flex-start;font:inherit;-webkit-user-select:none;user-select:none;padding:calc(var(--t-height) / 2 - .625em) 0;line-height:1.25!important;transition-duration:inherit}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiLabel][tuiLabel][tuiLabel]+.t-content{margin-inline-start:0}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]._empty{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) select option[value=\"\"]:disabled{color:transparent}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) select option{background-color:var(--tui-background-elevation-3)}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) select option:not(:disabled){color:var(--tui-text-primary)}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) button,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) a,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) tui-icon{pointer-events:auto}tui-textfield:where(*[data-tui-version=\"5.16.0\"])>.t-content{z-index:1;display:flex;block-size:var(--t-height);align-items:center;gap:.25rem;margin-inline-start:auto;isolation:isolate;border-radius:inherit}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) textarea~.t-content{min-inline-size:.5rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"]):is([data-mode~=readonly],[data-state=disabled],._empty) [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]._empty~.t-content [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]:disabled~.t-content [tuiButtonX]{display:none}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) .t-filler{pointer-events:none!important;color:var(--tui-text-tertiary)}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiFluidTypography]{font-weight:700}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiSelectLike]:not(:read-only){cursor:pointer}tui-textfield:where(*[data-tui-version=\"5.16.0\"]):has(input[type=tel]){direction:ltr}tui-textfield:where(*[data-tui-version=\"5.16.0\"]):is([data-mode~=invalid],.tui-invalid,:invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled) [tuiInput]:not(._empty)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"]):is([data-mode~=invalid],.tui-invalid,:invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[multi]:not(._empty) [tuiLabel]{color:var(--tui-text-negative)}tui-textfield:where(*[data-tui-version=\"5.16.0\"]):not([data-mode~=readonly]):focus-visible:not([data-focus=false]) [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield:where(*[data-tui-version=\"5.16.0\"]):not([data-mode~=readonly])[data-focus=true] [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiButtonX, selector: "[tuiButtonX]" }, { kind: "directive", type: TuiCell, selector: "[tuiCell]:not(ng-template)", inputs: ["tuiCell", "tuiCellHeight"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTextfieldComponent, decorators: [{
             type: Component,
@@ -236,7 +236,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         '(pointerdown.self.prevent)': 'onIconClick()',
                         '(scroll.capture.zoneless)': 'onScroll($event.target)',
                         '(tuiActiveZoneChange)': '!$event && control()?.valueAccessor?.onTouched?.()',
-                    }, template: "@if (child()?.value() ?? (control()?.control?.valueChanges | async)) {}\n<ng-content select=\"input\" />\n<ng-content select=\"select\" />\n<ng-content select=\"textarea\" />\n<ng-content select=\"label\" />\n<span\n    #side\n    class=\"t-content\"\n    (pointerdown)=\"input()?.nativeElement?.focus()\"\n    (resize)=\"onResize(side)\"\n>\n    <ng-content />\n    <ng-container #vcr />\n    @if (options.cleaner()) {\n        <button\n            tabindex=\"-1\"\n            tuiButtonX\n            (click)=\"accessor()?.setValue(null)\"\n        >\n            {{ clear() }}\n        </button>\n    }\n    <ng-content select=\"tui-icon\" />\n</span>\n@if (control()?.value != null) {\n    <span\n        class=\"t-template\"\n        [tuiCell]=\"options.size()\"\n    >\n        <ng-container *polymorpheusOutlet=\"content() as text; context: {$implicit: control()?.value}\">\n            {{ text }}\n        </ng-container>\n    </span>\n}\n@if (showFiller()) {\n    <input\n        #ghost\n        aria-hidden=\"true\"\n        disabled\n        class=\"t-filler\"\n        [value]=\"computedFiller()\"\n    />\n}\n", styles: ["tui-textfield:where(*[data-tui-version=\"5.15.0\"]){scrollbar-width:none;-ms-overflow-style:none;transition-property:color;transition-duration:calc(var(--tui-duration) / 2);transition-timing-function:var(--tui-curve-productive-standard);--t-height: calc(var(--tui-height-l) + 2.5 * var(--t-label) * var(--tui-font-offset));--t-padding: var(--tui-padding-l);--t-label: 0;--t-label-y: -.75rem;--t-label-font: var(--tui-typography-ui-s);--t-end: 0px;--t-start: 0px;--t-side: 0px;--t-max: .75rem;--t-space: clamp(0px, calc(var(--t-side) + var(--t-end)), var(--t-max));position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;min-block-size:var(--t-height);padding:0 var(--t-padding);border-radius:var(--tui-radius-l);font:var(--tui-typography-ui-m);box-sizing:border-box;isolation:isolate}tui-textfield:where(*[data-tui-version=\"5.15.0\"])::-webkit-scrollbar,tui-textfield:where(*[data-tui-version=\"5.15.0\"])::-webkit-scrollbar-thumb{display:none}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[tuiAppearance]{outline:none}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[tuiAppearance][data-appearance=\"\"]{color:var(--tui-text-tertiary)}@media(hover:hover)and (pointer:fine){tui-textfield:where(*[data-tui-version=\"5.15.0\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){color:var(--tui-text-secondary)}}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly])[data-state=hover]{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-icon-start]{--t-start: calc(2.5rem * (1 + .25 * var(--t-zoom)))}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[tuiIcons]:before{z-index:1;block-size:var(--t-height);inline-size:1.5rem;margin-inline-end:1rem;pointer-events:none;max-block-size:calc(var(--t-height) * (1 - .2 * var(--t-zoom)))}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[tuiIcons]:after{position:relative;inline-size:calc(1.5rem + 2 * var(--t-padding));cursor:pointer;margin-inline-start:calc(.25rem - var(--t-padding));margin-inline-end:calc(-1 * var(--t-padding));block-size:var(--t-height);max-block-size:calc(var(--t-height) * (1 - .2 * var(--t-zoom)))}tui-textfield:where(*[data-tui-version=\"5.15.0\"])::-webkit-resizer{border:.25rem solid transparent;inline-size:.5rem;block-size:.5rem;box-sizing:content-box;color:var(--tui-text-tertiary);background:linear-gradient(-45deg,transparent,transparent .125rem,currentColor .125rem,currentColor .1875rem,transparent .1875rem,transparent .25rem,currentColor .25rem,currentColor .3125rem,transparent .35rem);background-clip:content-box}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"])>.t-content,tui-textfield:where(*[data-tui-version=\"5.15.0\"])>.t-template{pointer-events:none}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=s]{--t-height: var(--tui-height-s);--t-padding: var(--tui-padding-s);--t-max: 0px;border-radius:var(--tui-radius-m);font:var(--tui-typography-ui-s)}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=s][data-icon-start]{--t-start: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=s][data-icon-end]{--t-end: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=s]:before{font-size:1rem;margin-inline:-.25rem .25rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=s]:after{inline-size:calc(.75rem + 2 * var(--t-padding));margin-inline:0 -.5rem;font-size:1rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=s]>.t-content{gap:0}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=s]>.t-content>*:last-child{margin-inline-end:-.25rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=m]{--t-height: calc(var(--tui-height-m) + 2.5 * var(--t-label) * var(--tui-font-offset));--t-padding: var(--tui-padding-m);--t-label-font: var(--tui-typography-ui-xs);--t-label-y: -.5625rem;--t-max: .125rem;border-radius:var(--tui-radius-m);font:var(--tui-typography-ui-s)}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=m][data-icon-start]{--t-start: calc(2.125rem * (1 + .25 * var(--t-zoom)))}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=m][data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=m]:before{margin-inline:-.125rem .75rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=m]:after{inline-size:calc(1.25rem + 2 * var(--t-padding));margin-inline-start:calc(.5rem - var(--t-padding))}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=m]>.t-content>*:last-child{margin-inline-end:-.125rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"]):is(._disabled,[data-state=disabled]){pointer-events:none;opacity:var(--tui-disabled-opacity)}tui-textfield:where(*[data-tui-version=\"5.15.0\"]):is(._disabled,[data-state=disabled]) [tuiAppearance]:is(._disabled,:disabled,[data-state=disabled]){opacity:1}tui-textfield:where(*[data-tui-version=\"5.15.0\"]):is(._disabled,[data-state=disabled])>.t-content>tui-icon{display:none}tui-textfield:where(*[data-tui-version=\"5.15.0\"])._with-label{--t-label: 1}tui-textfield:where(*[data-tui-version=\"5.15.0\"])._with-label>.t-template,tui-textfield:where(*[data-tui-version=\"5.15.0\"])._with-label .t-filler,tui-textfield:where(*[data-tui-version=\"5.15.0\"])._with-label [tuiInput]{inset-block-end:0;padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}tui-textfield:where(*[data-tui-version=\"5.15.0\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template::placeholder,tui-textfield:where(*[data-tui-version=\"5.15.0\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.15.0\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template._empty,tui-textfield:where(*[data-tui-version=\"5.15.0\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]._empty{color:transparent}tui-textfield:where(*[data-tui-version=\"5.15.0\"])>.t-template,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) .t-filler,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]{position:absolute;inset-inline:0;inline-size:auto;block-size:var(--t-height);-webkit-appearance:none;appearance:none;background:none;font:inherit;resize:none;outline:none;color:var(--tui-text-primary);box-sizing:border-box;border-radius:inherit;border-width:0;padding-inline-start:calc(var(--t-start) + var(--t-padding));padding-inline-end:calc(var(--t-end) + var(--t-side) + var(--t-padding) + var(--t-space));white-space:nowrap;overflow:hidden}tui-textfield:where(*[data-tui-version=\"5.15.0\"])>.t-template:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) .t-filler:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]:is(input,textarea):read-only~.t-filler{display:none}tui-textfield:where(*[data-tui-version=\"5.15.0\"])>.t-template:disabled,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) .t-filler:disabled,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]:disabled{animation:tuiPresent 1s infinite;opacity:1}tui-textfield:where(*[data-tui-version=\"5.15.0\"])>.t-template[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) .t-filler[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput][inputmode=none]{caret-color:transparent}tui-textfield:where(*[data-tui-version=\"5.15.0\"])>.t-template::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) .t-filler::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.15.0\"])>.t-template::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) .t-filler::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}tui-textfield:where(*[data-tui-version=\"5.15.0\"])._with-template [tuiInput]:first-of-type{color:transparent!important}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]:-webkit-autofill [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput][chrome-autofilled] [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]:not(._empty,:placeholder-shown) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"])[multi][multi]:not(._empty) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]:-webkit-autofill:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput][chrome-autofilled]:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]:not(._empty,:placeholder-shown):not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"])[multi][multi]:not(._empty):not(tui-textfield)~[tuiLabel]{font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiLabel][tuiLabel][tuiLabel]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:block;max-inline-size:calc(100% - var(--t-start));flex:1;align-self:flex-start;font:inherit;-webkit-user-select:none;user-select:none;padding:calc(var(--t-height) / 2 - .625em) 0;line-height:1.25!important;transition-duration:inherit}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiLabel][tuiLabel][tuiLabel]+.t-content{margin-inline-start:0}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]._empty{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) select option[value=\"\"]:disabled{color:transparent}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) select option{background-color:var(--tui-background-elevation-3)}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) select option:not(:disabled){color:var(--tui-text-primary)}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) button,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) a,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) tui-icon{pointer-events:auto}tui-textfield:where(*[data-tui-version=\"5.15.0\"])>.t-content{z-index:1;display:flex;block-size:var(--t-height);align-items:center;gap:.25rem;margin-inline-start:auto;isolation:isolate;border-radius:inherit}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) textarea~.t-content{min-inline-size:.5rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"]):is([data-mode~=readonly],[data-state=disabled],._empty) [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]._empty~.t-content [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]:disabled~.t-content [tuiButtonX]{display:none}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) .t-filler{pointer-events:none!important;color:var(--tui-text-tertiary)}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiFluidTypography]{font-weight:700}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiSelectLike]:not(:read-only){cursor:pointer}tui-textfield:where(*[data-tui-version=\"5.15.0\"]):has(input[type=tel]){direction:ltr}tui-textfield:where(*[data-tui-version=\"5.15.0\"]):is([data-mode~=invalid],.tui-invalid,:invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled) [tuiInput]:not(._empty)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"]):is([data-mode~=invalid],.tui-invalid,:invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[multi]:not(._empty) [tuiLabel]{color:var(--tui-text-negative)}tui-textfield:where(*[data-tui-version=\"5.15.0\"]):not([data-mode~=readonly]):focus-visible:not([data-focus=false]) [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield:where(*[data-tui-version=\"5.15.0\"]):not([data-mode~=readonly])[data-focus=true] [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}\n"] }]
+                    }, template: "@if (child()?.value() ?? (control()?.control?.valueChanges | async)) {}\n<ng-content select=\"input\" />\n<ng-content select=\"select\" />\n<ng-content select=\"textarea\" />\n<ng-content select=\"label[tuiLabel]\" />\n<span\n    #side\n    class=\"t-content\"\n    (pointerdown)=\"input()?.nativeElement?.focus()\"\n    (resize)=\"onResize(side)\"\n>\n    <ng-content />\n    <ng-container #vcr />\n    @if (options.cleaner()) {\n        <button\n            tabindex=\"-1\"\n            tuiButtonX\n            (click)=\"accessor()?.setValue(null)\"\n        >\n            {{ clear() }}\n        </button>\n    }\n    <ng-content select=\"tui-icon\" />\n</span>\n@if (control()?.value != null) {\n    <span\n        class=\"t-template\"\n        [tuiCell]=\"options.size()\"\n    >\n        <ng-container *polymorpheusOutlet=\"content() as text; context: {$implicit: control()?.value}\">\n            {{ text }}\n        </ng-container>\n    </span>\n}\n@if (showFiller()) {\n    <input\n        #ghost\n        aria-hidden=\"true\"\n        disabled\n        class=\"t-filler\"\n        [value]=\"computedFiller()\"\n    />\n}\n", styles: ["tui-textfield:where(*[data-tui-version=\"5.16.0\"]){scrollbar-width:none;-ms-overflow-style:none;transition-property:color;transition-duration:calc(var(--tui-duration) / 2);transition-timing-function:var(--tui-curve-productive-standard);--t-height: calc(var(--tui-height-l) + 2.5 * var(--t-label) * var(--tui-font-offset));--t-padding: var(--tui-padding-l);--t-label: 0;--t-label-y: -.75rem;--t-label-font: var(--tui-typography-ui-s);--t-end: 0px;--t-start: 0px;--t-side: 0px;--t-max: .75rem;--t-space: clamp(0px, calc(var(--t-side) + var(--t-end)), var(--t-max));position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;min-block-size:var(--t-height);padding:0 var(--t-padding);border-radius:var(--tui-radius-l);font:var(--tui-typography-ui-m);box-sizing:border-box;isolation:isolate}tui-textfield:where(*[data-tui-version=\"5.16.0\"])::-webkit-scrollbar,tui-textfield:where(*[data-tui-version=\"5.16.0\"])::-webkit-scrollbar-thumb{display:none}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[tuiAppearance]{outline:none}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[tuiAppearance][data-appearance=\"\"]{color:var(--tui-text-tertiary)}@media(hover:hover)and (pointer:fine){tui-textfield:where(*[data-tui-version=\"5.16.0\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){color:var(--tui-text-secondary)}}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly])[data-state=hover]{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-icon-start]{--t-start: calc(2.5rem * (1 + .25 * var(--t-zoom)))}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[tuiIcons]:before{z-index:1;block-size:var(--t-height);inline-size:1.5rem;margin-inline-end:1rem;pointer-events:none;max-block-size:calc(var(--t-height) * (1 - .2 * var(--t-zoom)))}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[tuiIcons]:after{position:relative;inline-size:calc(1.5rem + 2 * var(--t-padding));cursor:pointer;margin-inline-start:calc(.25rem - var(--t-padding));margin-inline-end:calc(-1 * var(--t-padding));block-size:var(--t-height);max-block-size:calc(var(--t-height) * (1 - .2 * var(--t-zoom)))}tui-textfield:where(*[data-tui-version=\"5.16.0\"])::-webkit-resizer{border:.25rem solid transparent;inline-size:.5rem;block-size:.5rem;box-sizing:content-box;color:var(--tui-text-tertiary);background:linear-gradient(-45deg,transparent,transparent .125rem,currentColor .125rem,currentColor .1875rem,transparent .1875rem,transparent .25rem,currentColor .25rem,currentColor .3125rem,transparent .35rem);background-clip:content-box}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"])>.t-content,tui-textfield:where(*[data-tui-version=\"5.16.0\"])>.t-template{pointer-events:none}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=s]{--t-height: var(--tui-height-s);--t-padding: var(--tui-padding-s);--t-max: 0px;border-radius:var(--tui-radius-m);font:var(--tui-typography-ui-s)}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=s][data-icon-start]{--t-start: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=s][data-icon-end]{--t-end: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=s]:before{font-size:1rem;margin-inline:-.25rem .25rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=s]:after{inline-size:calc(.75rem + 2 * var(--t-padding));margin-inline:0 -.5rem;font-size:1rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=s]>.t-content{gap:0}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=s]>.t-content>*:last-child{margin-inline-end:-.25rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=m]{--t-height: calc(var(--tui-height-m) + 2.5 * var(--t-label) * var(--tui-font-offset));--t-padding: var(--tui-padding-m);--t-label-font: var(--tui-typography-ui-xs);--t-label-y: -.5625rem;--t-max: .125rem;border-radius:var(--tui-radius-m);font:var(--tui-typography-ui-s)}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=m][data-icon-start]{--t-start: calc(2.125rem * (1 + .25 * var(--t-zoom)))}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=m][data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=m]:before{margin-inline:-.125rem .75rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=m]:after{inline-size:calc(1.25rem + 2 * var(--t-padding));margin-inline-start:calc(.5rem - var(--t-padding))}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=m]>.t-content>*:last-child{margin-inline-end:-.125rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"]):is(._disabled,[data-state=disabled]){pointer-events:none;opacity:var(--tui-disabled-opacity)}tui-textfield:where(*[data-tui-version=\"5.16.0\"]):is(._disabled,[data-state=disabled]) [tuiAppearance]:is(._disabled,:disabled,[data-state=disabled]){opacity:1}tui-textfield:where(*[data-tui-version=\"5.16.0\"]):is(._disabled,[data-state=disabled])>.t-content>tui-icon{display:none}tui-textfield:where(*[data-tui-version=\"5.16.0\"])._with-label{--t-label: 1}tui-textfield:where(*[data-tui-version=\"5.16.0\"])._with-label>.t-template,tui-textfield:where(*[data-tui-version=\"5.16.0\"])._with-label .t-filler,tui-textfield:where(*[data-tui-version=\"5.16.0\"])._with-label [tuiInput]{inset-block-end:0;padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}tui-textfield:where(*[data-tui-version=\"5.16.0\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template::placeholder,tui-textfield:where(*[data-tui-version=\"5.16.0\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.16.0\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template._empty,tui-textfield:where(*[data-tui-version=\"5.16.0\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]._empty{color:transparent}tui-textfield:where(*[data-tui-version=\"5.16.0\"])>.t-template,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) .t-filler,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]{position:absolute;inset-inline:0;inline-size:auto;block-size:var(--t-height);-webkit-appearance:none;appearance:none;background:none;font:inherit;resize:none;outline:none;color:var(--tui-text-primary);box-sizing:border-box;border-radius:inherit;border-width:0;padding-inline-start:calc(var(--t-start) + var(--t-padding));padding-inline-end:calc(var(--t-end) + var(--t-side) + var(--t-padding) + var(--t-space));white-space:nowrap;overflow:hidden}tui-textfield:where(*[data-tui-version=\"5.16.0\"])>.t-template:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) .t-filler:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]:is(input,textarea):read-only~.t-filler{display:none}tui-textfield:where(*[data-tui-version=\"5.16.0\"])>.t-template:disabled,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) .t-filler:disabled,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]:disabled{animation:tuiPresent 1s infinite;opacity:1}tui-textfield:where(*[data-tui-version=\"5.16.0\"])>.t-template[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) .t-filler[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput][inputmode=none]{caret-color:transparent}tui-textfield:where(*[data-tui-version=\"5.16.0\"])>.t-template::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) .t-filler::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.16.0\"])>.t-template::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) .t-filler::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}tui-textfield:where(*[data-tui-version=\"5.16.0\"])._with-template [tuiInput]:first-of-type{color:transparent!important}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]:-webkit-autofill [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput][chrome-autofilled] [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]:not(._empty,:placeholder-shown) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"])[multi][multi]:not(._empty) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]:-webkit-autofill:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput][chrome-autofilled]:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]:not(._empty,:placeholder-shown):not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"])[multi][multi]:not(._empty):not(tui-textfield)~[tuiLabel]{font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiLabel][tuiLabel][tuiLabel]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:block;max-inline-size:calc(100% - var(--t-start));flex:1;align-self:flex-start;font:inherit;-webkit-user-select:none;user-select:none;padding:calc(var(--t-height) / 2 - .625em) 0;line-height:1.25!important;transition-duration:inherit}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiLabel][tuiLabel][tuiLabel]+.t-content{margin-inline-start:0}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]._empty{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) select option[value=\"\"]:disabled{color:transparent}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) select option{background-color:var(--tui-background-elevation-3)}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) select option:not(:disabled){color:var(--tui-text-primary)}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) button,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) a,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) tui-icon{pointer-events:auto}tui-textfield:where(*[data-tui-version=\"5.16.0\"])>.t-content{z-index:1;display:flex;block-size:var(--t-height);align-items:center;gap:.25rem;margin-inline-start:auto;isolation:isolate;border-radius:inherit}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) textarea~.t-content{min-inline-size:.5rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"]):is([data-mode~=readonly],[data-state=disabled],._empty) [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]._empty~.t-content [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]:disabled~.t-content [tuiButtonX]{display:none}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) .t-filler{pointer-events:none!important;color:var(--tui-text-tertiary)}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiFluidTypography]{font-weight:700}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiSelectLike]:not(:read-only){cursor:pointer}tui-textfield:where(*[data-tui-version=\"5.16.0\"]):has(input[type=tel]){direction:ltr}tui-textfield:where(*[data-tui-version=\"5.16.0\"]):is([data-mode~=invalid],.tui-invalid,:invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled) [tuiInput]:not(._empty)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"]):is([data-mode~=invalid],.tui-invalid,:invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[multi]:not(._empty) [tuiLabel]{color:var(--tui-text-negative)}tui-textfield:where(*[data-tui-version=\"5.16.0\"]):not([data-mode~=readonly]):focus-visible:not([data-focus=false]) [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield:where(*[data-tui-version=\"5.16.0\"]):not([data-mode~=readonly])[data-focus=true] [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}\n"] }]
         }] });
 
 /*
@@ -341,7 +341,7 @@ class TuiTextfieldMultiComponent extends TuiTextfieldComponent {
             tuiFilterByInputOptionsProvider({
                 filter: (items, search, stringify) => items.filter((x) => TUI_DEFAULT_MATCHER(x, search, stringify)),
             }),
-        ], queries: [{ propertyName: "cva", first: true, predicate: TuiControl, descendants: true, isSignal: true }, { propertyName: "item", first: true, predicate: TuiItem, descendants: true, read: TemplateRef, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1$1.TuiScrollRef }], ngImport: i0, template: "@if (child()?.value() ?? (control()?.control?.valueChanges | async)) {}\n@if (rows() > 1) {\n    <tui-scroll-controls class=\"t-scrollbar\" />\n}\n\n<div\n    #wrapper\n    class=\"t-items\"\n    [class.t-items_horizontal]=\"rows() === 1\"\n    (click)=\"focusInput()\"\n    (pointerdown.self.zoneless.prevent)=\"(0)\"\n    (resize)=\"onItems(wrapper)\"\n>\n    <ng-content select=\"label\" />\n    @for (item of items(); track item) {\n        <ng-template\n            [polymorpheusOutlet]=\"component\"\n            [polymorpheusOutletContext]=\"{$implicit: {item, index: $index}}\"\n        />\n    }\n    <span\n        class=\"t-input\"\n        (keydown.arrowLeft)=\"onLeft($event)\"\n    >\n        <ng-content select=\"input\" />\n        <ng-content select=\"select\" />\n        @if (placeholder) {\n            <span class=\"t-ghost\">{{ placeholder }}</span>\n        }\n        <input\n            aria-hidden=\"true\"\n            disabled\n            class=\"t-filler\"\n            [class.t-filler_hidden]=\"!showFiller()\"\n            [value]=\"computedFiller()\"\n        />\n    </span>\n</div>\n\n<span\n    #side\n    class=\"t-content\"\n    (click.stop)=\"input()?.nativeElement?.focus()\"\n    (pointerdown.zoneless.prevent)=\"(0)\"\n    (resize)=\"onResize(side)\"\n>\n    <ng-content />\n    @if (options.cleaner()) {\n        <button\n            tabindex=\"-1\"\n            tuiButtonX\n            (click)=\"accessor()?.setValue([])\"\n        >\n            {{ clear() }}\n        </button>\n    }\n    <ng-container #vcr />\n    <ng-content select=\"tui-icon\" />\n</span>\n\n@if (control()?.value != null) {\n    <span\n        class=\"t-template\"\n        [tuiCell]=\"options.size()\"\n    >\n        <ng-container *polymorpheusOutlet=\"content() as text; context: {$implicit: control()?.value}\">\n            {{ text }}\n        </ng-container>\n    </span>\n}\n", styles: ["tui-textfield:where(*[data-tui-version=\"5.15.0\"]){scrollbar-width:none;-ms-overflow-style:none;transition-property:color;transition-duration:calc(var(--tui-duration) / 2);transition-timing-function:var(--tui-curve-productive-standard);--t-height: calc(var(--tui-height-l) + 2.5 * var(--t-label) * var(--tui-font-offset));--t-padding: var(--tui-padding-l);--t-label: 0;--t-label-y: -.75rem;--t-label-font: var(--tui-typography-ui-s);--t-end: 0px;--t-start: 0px;--t-side: 0px;--t-max: .75rem;--t-space: clamp(0px, calc(var(--t-side) + var(--t-end)), var(--t-max));position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;min-block-size:var(--t-height);padding:0 var(--t-padding);border-radius:var(--tui-radius-l);font:var(--tui-typography-ui-m);box-sizing:border-box;isolation:isolate}tui-textfield:where(*[data-tui-version=\"5.15.0\"])::-webkit-scrollbar,tui-textfield:where(*[data-tui-version=\"5.15.0\"])::-webkit-scrollbar-thumb{display:none}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[tuiAppearance]{outline:none}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[tuiAppearance][data-appearance=\"\"]{color:var(--tui-text-tertiary)}@media(hover:hover)and (pointer:fine){tui-textfield:where(*[data-tui-version=\"5.15.0\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){color:var(--tui-text-secondary)}}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly])[data-state=hover]{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-icon-start]{--t-start: calc(2.5rem * (1 + .25 * var(--t-zoom)))}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[tuiIcons]:before{z-index:1;block-size:var(--t-height);inline-size:1.5rem;margin-inline-end:1rem;pointer-events:none;max-block-size:calc(var(--t-height) * (1 - .2 * var(--t-zoom)))}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[tuiIcons]:after{position:relative;inline-size:calc(1.5rem + 2 * var(--t-padding));cursor:pointer;margin-inline-start:calc(.25rem - var(--t-padding));margin-inline-end:calc(-1 * var(--t-padding));block-size:var(--t-height);max-block-size:calc(var(--t-height) * (1 - .2 * var(--t-zoom)))}tui-textfield:where(*[data-tui-version=\"5.15.0\"])::-webkit-resizer{border:.25rem solid transparent;inline-size:.5rem;block-size:.5rem;box-sizing:content-box;color:var(--tui-text-tertiary);background:linear-gradient(-45deg,transparent,transparent .125rem,currentColor .125rem,currentColor .1875rem,transparent .1875rem,transparent .25rem,currentColor .25rem,currentColor .3125rem,transparent .35rem);background-clip:content-box}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"])>.t-content,tui-textfield:where(*[data-tui-version=\"5.15.0\"])>.t-template{pointer-events:none}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=s]{--t-height: var(--tui-height-s);--t-padding: var(--tui-padding-s);--t-max: 0px;border-radius:var(--tui-radius-m);font:var(--tui-typography-ui-s)}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=s][data-icon-start]{--t-start: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=s][data-icon-end]{--t-end: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=s]:before{font-size:1rem;margin-inline:-.25rem .25rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=s]:after{inline-size:calc(.75rem + 2 * var(--t-padding));margin-inline:0 -.5rem;font-size:1rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=s]>.t-content{gap:0}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=s]>.t-content>*:last-child{margin-inline-end:-.25rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=m]{--t-height: calc(var(--tui-height-m) + 2.5 * var(--t-label) * var(--tui-font-offset));--t-padding: var(--tui-padding-m);--t-label-font: var(--tui-typography-ui-xs);--t-label-y: -.5625rem;--t-max: .125rem;border-radius:var(--tui-radius-m);font:var(--tui-typography-ui-s)}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=m][data-icon-start]{--t-start: calc(2.125rem * (1 + .25 * var(--t-zoom)))}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=m][data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=m]:before{margin-inline:-.125rem .75rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=m]:after{inline-size:calc(1.25rem + 2 * var(--t-padding));margin-inline-start:calc(.5rem - var(--t-padding))}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=m]>.t-content>*:last-child{margin-inline-end:-.125rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"]):is(._disabled,[data-state=disabled]){pointer-events:none;opacity:var(--tui-disabled-opacity)}tui-textfield:where(*[data-tui-version=\"5.15.0\"]):is(._disabled,[data-state=disabled]) [tuiAppearance]:is(._disabled,:disabled,[data-state=disabled]){opacity:1}tui-textfield:where(*[data-tui-version=\"5.15.0\"]):is(._disabled,[data-state=disabled])>.t-content>tui-icon{display:none}tui-textfield:where(*[data-tui-version=\"5.15.0\"])._with-label{--t-label: 1}tui-textfield:where(*[data-tui-version=\"5.15.0\"])._with-label>.t-template,tui-textfield:where(*[data-tui-version=\"5.15.0\"])._with-label .t-filler,tui-textfield:where(*[data-tui-version=\"5.15.0\"])._with-label [tuiInput]{inset-block-end:0;padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}tui-textfield:where(*[data-tui-version=\"5.15.0\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template::placeholder,tui-textfield:where(*[data-tui-version=\"5.15.0\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.15.0\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template._empty,tui-textfield:where(*[data-tui-version=\"5.15.0\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]._empty{color:transparent}tui-textfield:where(*[data-tui-version=\"5.15.0\"])>.t-template,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) .t-filler,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]{position:absolute;inset-inline:0;inline-size:auto;block-size:var(--t-height);-webkit-appearance:none;appearance:none;background:none;font:inherit;resize:none;outline:none;color:var(--tui-text-primary);box-sizing:border-box;border-radius:inherit;border-width:0;padding-inline-start:calc(var(--t-start) + var(--t-padding));padding-inline-end:calc(var(--t-end) + var(--t-side) + var(--t-padding) + var(--t-space));white-space:nowrap;overflow:hidden}tui-textfield:where(*[data-tui-version=\"5.15.0\"])>.t-template:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) .t-filler:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]:is(input,textarea):read-only~.t-filler{display:none}tui-textfield:where(*[data-tui-version=\"5.15.0\"])>.t-template:disabled,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) .t-filler:disabled,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]:disabled{animation:tuiPresent 1s infinite;opacity:1}tui-textfield:where(*[data-tui-version=\"5.15.0\"])>.t-template[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) .t-filler[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput][inputmode=none]{caret-color:transparent}tui-textfield:where(*[data-tui-version=\"5.15.0\"])>.t-template::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) .t-filler::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.15.0\"])>.t-template::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) .t-filler::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}tui-textfield:where(*[data-tui-version=\"5.15.0\"])._with-template [tuiInput]:first-of-type{color:transparent!important}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]:-webkit-autofill [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput][chrome-autofilled] [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]:not(._empty,:placeholder-shown) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"])[multi][multi]:not(._empty) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]:-webkit-autofill:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput][chrome-autofilled]:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]:not(._empty,:placeholder-shown):not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"])[multi][multi]:not(._empty):not(tui-textfield)~[tuiLabel]{font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiLabel][tuiLabel][tuiLabel]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:block;max-inline-size:calc(100% - var(--t-start));flex:1;align-self:flex-start;font:inherit;-webkit-user-select:none;user-select:none;padding:calc(var(--t-height) / 2 - .625em) 0;line-height:1.25!important;transition-duration:inherit}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiLabel][tuiLabel][tuiLabel]+.t-content{margin-inline-start:0}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]._empty{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) select option[value=\"\"]:disabled{color:transparent}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) select option{background-color:var(--tui-background-elevation-3)}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) select option:not(:disabled){color:var(--tui-text-primary)}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) button,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) a,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) tui-icon{pointer-events:auto}tui-textfield:where(*[data-tui-version=\"5.15.0\"])>.t-content{z-index:1;display:flex;block-size:var(--t-height);align-items:center;gap:.25rem;margin-inline-start:auto;isolation:isolate;border-radius:inherit}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) textarea~.t-content{min-inline-size:.5rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"]):is([data-mode~=readonly],[data-state=disabled],._empty) [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]._empty~.t-content [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]:disabled~.t-content [tuiButtonX]{display:none}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) .t-filler{pointer-events:none!important;color:var(--tui-text-tertiary)}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiFluidTypography]{font-weight:700}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiSelectLike]:not(:read-only){cursor:pointer}tui-textfield:where(*[data-tui-version=\"5.15.0\"]):has(input[type=tel]){direction:ltr}tui-textfield:where(*[data-tui-version=\"5.15.0\"]):is([data-mode~=invalid],.tui-invalid,:invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled) [tuiInput]:not(._empty)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"]):is([data-mode~=invalid],.tui-invalid,:invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[multi]:not(._empty) [tuiLabel]{color:var(--tui-text-negative)}tui-textfield:where(*[data-tui-version=\"5.15.0\"]):not([data-mode~=readonly]):focus-visible:not([data-focus=false]) [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield:where(*[data-tui-version=\"5.15.0\"]):not([data-mode~=readonly])[data-focus=true] [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"]){flex-wrap:nowrap;overflow:scroll;align-items:stretch;cursor:text;max-block-size:calc(var(--t-vertical) * 2 + var(--t-item-height) * var(--t-rows));overscroll-behavior-x:none;scroll-behavior:var(--tui-scroll-behavior)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"]):before,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"]):after{position:sticky;inset-block-start:0;inset-inline-start:0;block-size:10rem;min-block-size:calc(var(--t-height) * (1 - .2 * var(--t-zoom)));max-block-size:calc((var(--t-item-height, calc(var(--t-height) - 2 * var(--t-vertical))) + 2 * var(--t-vertical)) * (1 - .2 * var(--t-zoom)))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])>.t-scrollbar{transform:translate(calc(var(--t-padding) * var(--tui-inline)));margin-inline-start:calc(-1 * var(--t-start));margin-inline-end:calc(1px - 100% + var(--t-start))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])>.t-scrollbar .t-bar_horizontal{display:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])>.t-items{position:sticky;z-index:-1;display:flex;inset-inline-start:var(--t-start);min-inline-size:0;min-block-size:var(--t-height);block-size:fit-content;flex:1;align-items:center;flex-wrap:wrap;padding:var(--t-vertical) 0;transition-duration:inherit;box-sizing:border-box;view-timeline:--t-scrollbar-y y}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])>.t-items:after{content:\"\";min-inline-size:1px;min-block-size:1px}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])>.t-items_horizontal{clip-path:inset(0 0 0 calc(var(--t-start) / 2 - var(--t-padding) - .5rem));flex-wrap:nowrap}[dir=rtl] tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])>.t-items_horizontal{clip-path:inset(0 calc(var(--t-start) / 2 - var(--t-padding) - .5rem) 0 0)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])>.t-items_horizontal>.t-input{padding-inline-end:calc(var(--t-side) + var(--t-end) + var(--t-padding) + .25rem)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])>.t-items>.t-input{position:relative;display:flex;align-items:center;flex:1;block-size:var(--t-item-height, 1.25em);max-block-size:calc(var(--t-height) - 2 * var(--t-vertical));max-inline-size:100%;pointer-events:none;transform:translate(var(--t-scroll))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])>.t-items>.t-input .t-filler,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])>.t-items>.t-input [tuiInput]{inset-block-start:-5%;block-size:110%;padding:0;pointer-events:auto}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])>.t-items>.t-input .t-ghost{visibility:hidden;white-space:pre;text-overflow:clip;padding-inline-end:.125rem;block-size:100%}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])>.t-items>.t-input .t-filler_hidden{display:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])._with-label[data-size=l]{--t-vertical: .5625rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])._with-label[data-size=l] tui-textfield-item:first-of-type{margin-block-start:1.125rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])._with-label[data-size=m]{--t-vertical: .4375rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])._with-label[data-size=m] tui-textfield-item:first-of-type{margin-block-start:.875rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])._with-label>.t-items{align-items:flex-end}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])._with-label>.t-items>label[tuiLabel]{min-inline-size:100%;margin:calc(var(--t-height) / 2 - var(--t-vertical) - .625em) 0;margin-inline-end:-100%;padding:0}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])>.t-content{position:sticky;min-block-size:var(--t-height);block-size:calc(var(--t-item-height) + 2 * var(--t-vertical));inset-block-start:0;inset-inline-start:calc(100% - var(--t-side) - var(--t-end))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])>.t-items input:not(:focus)::placeholder,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])[data-mode~=readonly]>.t-items input::placeholder,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])[data-mode~=readonly]>.t-items label~.t-input input::placeholder{opacity:0}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])._empty>.t-items input::placeholder,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])[data-focus=true]:not([data-mode~=readonly]):not(:focus-within)>.t-items input::placeholder{opacity:1}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])[data-state=disabled],tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])[data-mode~=readonly]{pointer-events:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])[data-state=disabled] select,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])[data-mode~=readonly] select{display:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])[data-size=l]{--t-vertical: .625rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])[data-size=l]:after{inset-inline-start:calc(100% - var(--t-end) - var(--t-padding) + .25rem)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])[data-size=m]{--t-vertical: .5rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])[data-size=m]:before{inset-inline-start:-.125rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])[data-size=m]:after{inset-inline-start:calc(100% - var(--t-end) - .25rem)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])[data-size=s]{--t-vertical: .125rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])[data-size=s]:before{inset-inline-start:-.25rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])[data-size=s]:after{inset-inline-start:calc(100% - var(--t-end))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"]) tui-textfield-item{transform:translate(var(--t-scroll))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"]) input::placeholder{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"]) select{opacity:0;pointer-events:none!important}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])._empty>.t-items select~.t-filler{display:block}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])._empty:not([data-focus=true])>.t-items select~.t-filler{color:var(--tui-text-secondary)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"]):has([tuiSelectLike]){cursor:pointer}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiButtonX, selector: "[tuiButtonX]" }, { kind: "directive", type: TuiCell, selector: "[tuiCell]:not(ng-template)", inputs: ["tuiCell", "tuiCellHeight"] }, { kind: "component", type: TuiScrollControls, selector: "tui-scroll-controls" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "cva", first: true, predicate: TuiControl, descendants: true, isSignal: true }, { propertyName: "item", first: true, predicate: TuiItem, descendants: true, read: TemplateRef, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1$1.TuiScrollRef }], ngImport: i0, template: "@if (child()?.value() ?? (control()?.control?.valueChanges | async)) {}\n@if (rows() > 1) {\n    <tui-scroll-controls class=\"t-scrollbar\" />\n}\n\n<div\n    #wrapper\n    class=\"t-items\"\n    [class.t-items_horizontal]=\"rows() === 1\"\n    (click)=\"focusInput()\"\n    (pointerdown.self.zoneless.prevent)=\"(0)\"\n    (resize)=\"onItems(wrapper)\"\n>\n    <ng-content select=\"label[tuiLabel]\" />\n    @for (item of items(); track item) {\n        <ng-template\n            [polymorpheusOutlet]=\"component\"\n            [polymorpheusOutletContext]=\"{$implicit: {item, index: $index}}\"\n        />\n    }\n    <span\n        class=\"t-input\"\n        (keydown.arrowLeft)=\"onLeft($event)\"\n    >\n        <ng-content select=\"input\" />\n        <ng-content select=\"select\" />\n        @if (placeholder) {\n            <span class=\"t-ghost\">{{ placeholder }}</span>\n        }\n        <input\n            aria-hidden=\"true\"\n            disabled\n            class=\"t-filler\"\n            [class.t-filler_hidden]=\"!showFiller()\"\n            [value]=\"computedFiller()\"\n        />\n    </span>\n</div>\n\n<span\n    #side\n    class=\"t-content\"\n    (click.stop)=\"input()?.nativeElement?.focus()\"\n    (pointerdown.zoneless.prevent)=\"(0)\"\n    (resize)=\"onResize(side)\"\n>\n    <ng-content />\n    @if (options.cleaner()) {\n        <button\n            tabindex=\"-1\"\n            tuiButtonX\n            (click)=\"accessor()?.setValue([])\"\n        >\n            {{ clear() }}\n        </button>\n    }\n    <ng-container #vcr />\n    <ng-content select=\"tui-icon\" />\n</span>\n\n@if (control()?.value != null) {\n    <span\n        class=\"t-template\"\n        [tuiCell]=\"options.size()\"\n    >\n        <ng-container *polymorpheusOutlet=\"content() as text; context: {$implicit: control()?.value}\">\n            {{ text }}\n        </ng-container>\n    </span>\n}\n", styles: ["tui-textfield:where(*[data-tui-version=\"5.16.0\"]){scrollbar-width:none;-ms-overflow-style:none;transition-property:color;transition-duration:calc(var(--tui-duration) / 2);transition-timing-function:var(--tui-curve-productive-standard);--t-height: calc(var(--tui-height-l) + 2.5 * var(--t-label) * var(--tui-font-offset));--t-padding: var(--tui-padding-l);--t-label: 0;--t-label-y: -.75rem;--t-label-font: var(--tui-typography-ui-s);--t-end: 0px;--t-start: 0px;--t-side: 0px;--t-max: .75rem;--t-space: clamp(0px, calc(var(--t-side) + var(--t-end)), var(--t-max));position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;min-block-size:var(--t-height);padding:0 var(--t-padding);border-radius:var(--tui-radius-l);font:var(--tui-typography-ui-m);box-sizing:border-box;isolation:isolate}tui-textfield:where(*[data-tui-version=\"5.16.0\"])::-webkit-scrollbar,tui-textfield:where(*[data-tui-version=\"5.16.0\"])::-webkit-scrollbar-thumb{display:none}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[tuiAppearance]{outline:none}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[tuiAppearance][data-appearance=\"\"]{color:var(--tui-text-tertiary)}@media(hover:hover)and (pointer:fine){tui-textfield:where(*[data-tui-version=\"5.16.0\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){color:var(--tui-text-secondary)}}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly])[data-state=hover]{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-icon-start]{--t-start: calc(2.5rem * (1 + .25 * var(--t-zoom)))}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[tuiIcons]:before{z-index:1;block-size:var(--t-height);inline-size:1.5rem;margin-inline-end:1rem;pointer-events:none;max-block-size:calc(var(--t-height) * (1 - .2 * var(--t-zoom)))}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[tuiIcons]:after{position:relative;inline-size:calc(1.5rem + 2 * var(--t-padding));cursor:pointer;margin-inline-start:calc(.25rem - var(--t-padding));margin-inline-end:calc(-1 * var(--t-padding));block-size:var(--t-height);max-block-size:calc(var(--t-height) * (1 - .2 * var(--t-zoom)))}tui-textfield:where(*[data-tui-version=\"5.16.0\"])::-webkit-resizer{border:.25rem solid transparent;inline-size:.5rem;block-size:.5rem;box-sizing:content-box;color:var(--tui-text-tertiary);background:linear-gradient(-45deg,transparent,transparent .125rem,currentColor .125rem,currentColor .1875rem,transparent .1875rem,transparent .25rem,currentColor .25rem,currentColor .3125rem,transparent .35rem);background-clip:content-box}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"])>.t-content,tui-textfield:where(*[data-tui-version=\"5.16.0\"])>.t-template{pointer-events:none}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=s]{--t-height: var(--tui-height-s);--t-padding: var(--tui-padding-s);--t-max: 0px;border-radius:var(--tui-radius-m);font:var(--tui-typography-ui-s)}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=s][data-icon-start]{--t-start: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=s][data-icon-end]{--t-end: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=s]:before{font-size:1rem;margin-inline:-.25rem .25rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=s]:after{inline-size:calc(.75rem + 2 * var(--t-padding));margin-inline:0 -.5rem;font-size:1rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=s]>.t-content{gap:0}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=s]>.t-content>*:last-child{margin-inline-end:-.25rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=m]{--t-height: calc(var(--tui-height-m) + 2.5 * var(--t-label) * var(--tui-font-offset));--t-padding: var(--tui-padding-m);--t-label-font: var(--tui-typography-ui-xs);--t-label-y: -.5625rem;--t-max: .125rem;border-radius:var(--tui-radius-m);font:var(--tui-typography-ui-s)}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=m][data-icon-start]{--t-start: calc(2.125rem * (1 + .25 * var(--t-zoom)))}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=m][data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=m]:before{margin-inline:-.125rem .75rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=m]:after{inline-size:calc(1.25rem + 2 * var(--t-padding));margin-inline-start:calc(.5rem - var(--t-padding))}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=m]>.t-content>*:last-child{margin-inline-end:-.125rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"]):is(._disabled,[data-state=disabled]){pointer-events:none;opacity:var(--tui-disabled-opacity)}tui-textfield:where(*[data-tui-version=\"5.16.0\"]):is(._disabled,[data-state=disabled]) [tuiAppearance]:is(._disabled,:disabled,[data-state=disabled]){opacity:1}tui-textfield:where(*[data-tui-version=\"5.16.0\"]):is(._disabled,[data-state=disabled])>.t-content>tui-icon{display:none}tui-textfield:where(*[data-tui-version=\"5.16.0\"])._with-label{--t-label: 1}tui-textfield:where(*[data-tui-version=\"5.16.0\"])._with-label>.t-template,tui-textfield:where(*[data-tui-version=\"5.16.0\"])._with-label .t-filler,tui-textfield:where(*[data-tui-version=\"5.16.0\"])._with-label [tuiInput]{inset-block-end:0;padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}tui-textfield:where(*[data-tui-version=\"5.16.0\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template::placeholder,tui-textfield:where(*[data-tui-version=\"5.16.0\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.16.0\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template._empty,tui-textfield:where(*[data-tui-version=\"5.16.0\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]._empty{color:transparent}tui-textfield:where(*[data-tui-version=\"5.16.0\"])>.t-template,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) .t-filler,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]{position:absolute;inset-inline:0;inline-size:auto;block-size:var(--t-height);-webkit-appearance:none;appearance:none;background:none;font:inherit;resize:none;outline:none;color:var(--tui-text-primary);box-sizing:border-box;border-radius:inherit;border-width:0;padding-inline-start:calc(var(--t-start) + var(--t-padding));padding-inline-end:calc(var(--t-end) + var(--t-side) + var(--t-padding) + var(--t-space));white-space:nowrap;overflow:hidden}tui-textfield:where(*[data-tui-version=\"5.16.0\"])>.t-template:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) .t-filler:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]:is(input,textarea):read-only~.t-filler{display:none}tui-textfield:where(*[data-tui-version=\"5.16.0\"])>.t-template:disabled,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) .t-filler:disabled,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]:disabled{animation:tuiPresent 1s infinite;opacity:1}tui-textfield:where(*[data-tui-version=\"5.16.0\"])>.t-template[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) .t-filler[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput][inputmode=none]{caret-color:transparent}tui-textfield:where(*[data-tui-version=\"5.16.0\"])>.t-template::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) .t-filler::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.16.0\"])>.t-template::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) .t-filler::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}tui-textfield:where(*[data-tui-version=\"5.16.0\"])._with-template [tuiInput]:first-of-type{color:transparent!important}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]:-webkit-autofill [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput][chrome-autofilled] [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]:not(._empty,:placeholder-shown) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"])[multi][multi]:not(._empty) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]:-webkit-autofill:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput][chrome-autofilled]:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]:not(._empty,:placeholder-shown):not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"])[multi][multi]:not(._empty):not(tui-textfield)~[tuiLabel]{font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiLabel][tuiLabel][tuiLabel]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:block;max-inline-size:calc(100% - var(--t-start));flex:1;align-self:flex-start;font:inherit;-webkit-user-select:none;user-select:none;padding:calc(var(--t-height) / 2 - .625em) 0;line-height:1.25!important;transition-duration:inherit}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiLabel][tuiLabel][tuiLabel]+.t-content{margin-inline-start:0}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]._empty{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) select option[value=\"\"]:disabled{color:transparent}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) select option{background-color:var(--tui-background-elevation-3)}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) select option:not(:disabled){color:var(--tui-text-primary)}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) button,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) a,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) tui-icon{pointer-events:auto}tui-textfield:where(*[data-tui-version=\"5.16.0\"])>.t-content{z-index:1;display:flex;block-size:var(--t-height);align-items:center;gap:.25rem;margin-inline-start:auto;isolation:isolate;border-radius:inherit}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) textarea~.t-content{min-inline-size:.5rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"]):is([data-mode~=readonly],[data-state=disabled],._empty) [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]._empty~.t-content [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]:disabled~.t-content [tuiButtonX]{display:none}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) .t-filler{pointer-events:none!important;color:var(--tui-text-tertiary)}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiFluidTypography]{font-weight:700}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiSelectLike]:not(:read-only){cursor:pointer}tui-textfield:where(*[data-tui-version=\"5.16.0\"]):has(input[type=tel]){direction:ltr}tui-textfield:where(*[data-tui-version=\"5.16.0\"]):is([data-mode~=invalid],.tui-invalid,:invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled) [tuiInput]:not(._empty)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"]):is([data-mode~=invalid],.tui-invalid,:invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[multi]:not(._empty) [tuiLabel]{color:var(--tui-text-negative)}tui-textfield:where(*[data-tui-version=\"5.16.0\"]):not([data-mode~=readonly]):focus-visible:not([data-focus=false]) [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield:where(*[data-tui-version=\"5.16.0\"]):not([data-mode~=readonly])[data-focus=true] [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"]){flex-wrap:nowrap;overflow:scroll;align-items:stretch;cursor:text;max-block-size:calc(var(--t-vertical) * 2 + var(--t-item-height) * var(--t-rows));overscroll-behavior-x:none;scroll-behavior:var(--tui-scroll-behavior)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"]):before,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"]):after{position:sticky;inset-block-start:0;inset-inline-start:0;block-size:10rem;min-block-size:calc(var(--t-height) * (1 - .2 * var(--t-zoom)));max-block-size:calc((var(--t-item-height, calc(var(--t-height) - 2 * var(--t-vertical))) + 2 * var(--t-vertical)) * (1 - .2 * var(--t-zoom)))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])>.t-scrollbar{transform:translate(calc(var(--t-padding) * var(--tui-inline)));margin-inline-start:calc(-1 * var(--t-start));margin-inline-end:calc(1px - 100% + var(--t-start))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])>.t-scrollbar .t-bar_horizontal{display:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])>.t-items{position:sticky;z-index:-1;display:flex;inset-inline-start:var(--t-start);min-inline-size:0;min-block-size:var(--t-height);block-size:fit-content;flex:1;align-items:center;flex-wrap:wrap;padding:var(--t-vertical) 0;transition-duration:inherit;box-sizing:border-box;view-timeline:--t-scrollbar-y y}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])>.t-items:after{content:\"\";min-inline-size:1px;min-block-size:1px}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])>.t-items_horizontal{clip-path:inset(0 0 0 calc(var(--t-start) / 2 - var(--t-padding) - .5rem));flex-wrap:nowrap}[dir=rtl] tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])>.t-items_horizontal{clip-path:inset(0 calc(var(--t-start) / 2 - var(--t-padding) - .5rem) 0 0)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])>.t-items_horizontal>.t-input{padding-inline-end:calc(var(--t-side) + var(--t-end) + var(--t-padding) + .25rem)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])>.t-items>.t-input{position:relative;display:flex;align-items:center;flex:1;block-size:var(--t-item-height, 1.25em);max-block-size:calc(var(--t-height) - 2 * var(--t-vertical));max-inline-size:100%;pointer-events:none;transform:translate(var(--t-scroll))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])>.t-items>.t-input .t-filler,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])>.t-items>.t-input [tuiInput]{inset-block-start:-5%;block-size:110%;padding:0;pointer-events:auto}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])>.t-items>.t-input .t-ghost{visibility:hidden;white-space:pre;text-overflow:clip;padding-inline-end:.125rem;block-size:100%}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])>.t-items>.t-input .t-filler_hidden{display:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])._with-label[data-size=l]{--t-vertical: .5625rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])._with-label[data-size=l] tui-textfield-item:first-of-type{margin-block-start:1.125rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])._with-label[data-size=m]{--t-vertical: .4375rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])._with-label[data-size=m] tui-textfield-item:first-of-type{margin-block-start:.875rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])._with-label>.t-items{align-items:flex-end}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])._with-label>.t-items>label[tuiLabel]{min-inline-size:100%;margin:calc(var(--t-height) / 2 - var(--t-vertical) - .625em) 0;margin-inline-end:-100%;padding:0}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])>.t-content{position:sticky;min-block-size:var(--t-height);block-size:calc(var(--t-item-height) + 2 * var(--t-vertical));inset-block-start:0;inset-inline-start:calc(100% - var(--t-side) - var(--t-end))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])>.t-items input:not(:focus)::placeholder,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])[data-mode~=readonly]>.t-items input::placeholder,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])[data-mode~=readonly]>.t-items label~.t-input input::placeholder{opacity:0}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])._empty>.t-items input::placeholder,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])[data-focus=true]:not([data-mode~=readonly]):not(:focus-within)>.t-items input::placeholder{opacity:1}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])[data-state=disabled],tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])[data-mode~=readonly]{pointer-events:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])[data-state=disabled] select,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])[data-mode~=readonly] select{display:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])[data-size=l]{--t-vertical: .625rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])[data-size=l]:after{inset-inline-start:calc(100% - var(--t-end) - var(--t-padding) + .25rem)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])[data-size=m]{--t-vertical: .5rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])[data-size=m]:before{inset-inline-start:-.125rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])[data-size=m]:after{inset-inline-start:calc(100% - var(--t-end) - .25rem)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])[data-size=s]{--t-vertical: .125rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])[data-size=s]:before{inset-inline-start:-.25rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])[data-size=s]:after{inset-inline-start:calc(100% - var(--t-end))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"]) tui-textfield-item{transform:translate(var(--t-scroll))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"]) input::placeholder{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"]) select{opacity:0;pointer-events:none!important}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])._empty>.t-items select~.t-filler{display:block}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])._empty:not([data-focus=true])>.t-items select~.t-filler{color:var(--tui-text-secondary)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"]):has([tuiSelectLike]){cursor:pointer}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiButtonX, selector: "[tuiButtonX]" }, { kind: "directive", type: TuiCell, selector: "[tuiCell]:not(ng-template)", inputs: ["tuiCell", "tuiCellHeight"] }, { kind: "component", type: TuiScrollControls, selector: "tui-scroll-controls" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTextfieldMultiComponent, decorators: [{
             type: Component,
@@ -364,7 +364,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         '[style.--t-rows]': 'rows()',
                         '(click.prevent)': 'onClick($event.target)',
                         '(tuiActiveZoneChange)': '!$event && el.scrollTo({left: 0})',
-                    }, template: "@if (child()?.value() ?? (control()?.control?.valueChanges | async)) {}\n@if (rows() > 1) {\n    <tui-scroll-controls class=\"t-scrollbar\" />\n}\n\n<div\n    #wrapper\n    class=\"t-items\"\n    [class.t-items_horizontal]=\"rows() === 1\"\n    (click)=\"focusInput()\"\n    (pointerdown.self.zoneless.prevent)=\"(0)\"\n    (resize)=\"onItems(wrapper)\"\n>\n    <ng-content select=\"label\" />\n    @for (item of items(); track item) {\n        <ng-template\n            [polymorpheusOutlet]=\"component\"\n            [polymorpheusOutletContext]=\"{$implicit: {item, index: $index}}\"\n        />\n    }\n    <span\n        class=\"t-input\"\n        (keydown.arrowLeft)=\"onLeft($event)\"\n    >\n        <ng-content select=\"input\" />\n        <ng-content select=\"select\" />\n        @if (placeholder) {\n            <span class=\"t-ghost\">{{ placeholder }}</span>\n        }\n        <input\n            aria-hidden=\"true\"\n            disabled\n            class=\"t-filler\"\n            [class.t-filler_hidden]=\"!showFiller()\"\n            [value]=\"computedFiller()\"\n        />\n    </span>\n</div>\n\n<span\n    #side\n    class=\"t-content\"\n    (click.stop)=\"input()?.nativeElement?.focus()\"\n    (pointerdown.zoneless.prevent)=\"(0)\"\n    (resize)=\"onResize(side)\"\n>\n    <ng-content />\n    @if (options.cleaner()) {\n        <button\n            tabindex=\"-1\"\n            tuiButtonX\n            (click)=\"accessor()?.setValue([])\"\n        >\n            {{ clear() }}\n        </button>\n    }\n    <ng-container #vcr />\n    <ng-content select=\"tui-icon\" />\n</span>\n\n@if (control()?.value != null) {\n    <span\n        class=\"t-template\"\n        [tuiCell]=\"options.size()\"\n    >\n        <ng-container *polymorpheusOutlet=\"content() as text; context: {$implicit: control()?.value}\">\n            {{ text }}\n        </ng-container>\n    </span>\n}\n", styles: ["tui-textfield:where(*[data-tui-version=\"5.15.0\"]){scrollbar-width:none;-ms-overflow-style:none;transition-property:color;transition-duration:calc(var(--tui-duration) / 2);transition-timing-function:var(--tui-curve-productive-standard);--t-height: calc(var(--tui-height-l) + 2.5 * var(--t-label) * var(--tui-font-offset));--t-padding: var(--tui-padding-l);--t-label: 0;--t-label-y: -.75rem;--t-label-font: var(--tui-typography-ui-s);--t-end: 0px;--t-start: 0px;--t-side: 0px;--t-max: .75rem;--t-space: clamp(0px, calc(var(--t-side) + var(--t-end)), var(--t-max));position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;min-block-size:var(--t-height);padding:0 var(--t-padding);border-radius:var(--tui-radius-l);font:var(--tui-typography-ui-m);box-sizing:border-box;isolation:isolate}tui-textfield:where(*[data-tui-version=\"5.15.0\"])::-webkit-scrollbar,tui-textfield:where(*[data-tui-version=\"5.15.0\"])::-webkit-scrollbar-thumb{display:none}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[tuiAppearance]{outline:none}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[tuiAppearance][data-appearance=\"\"]{color:var(--tui-text-tertiary)}@media(hover:hover)and (pointer:fine){tui-textfield:where(*[data-tui-version=\"5.15.0\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){color:var(--tui-text-secondary)}}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly])[data-state=hover]{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-icon-start]{--t-start: calc(2.5rem * (1 + .25 * var(--t-zoom)))}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[tuiIcons]:before{z-index:1;block-size:var(--t-height);inline-size:1.5rem;margin-inline-end:1rem;pointer-events:none;max-block-size:calc(var(--t-height) * (1 - .2 * var(--t-zoom)))}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[tuiIcons]:after{position:relative;inline-size:calc(1.5rem + 2 * var(--t-padding));cursor:pointer;margin-inline-start:calc(.25rem - var(--t-padding));margin-inline-end:calc(-1 * var(--t-padding));block-size:var(--t-height);max-block-size:calc(var(--t-height) * (1 - .2 * var(--t-zoom)))}tui-textfield:where(*[data-tui-version=\"5.15.0\"])::-webkit-resizer{border:.25rem solid transparent;inline-size:.5rem;block-size:.5rem;box-sizing:content-box;color:var(--tui-text-tertiary);background:linear-gradient(-45deg,transparent,transparent .125rem,currentColor .125rem,currentColor .1875rem,transparent .1875rem,transparent .25rem,currentColor .25rem,currentColor .3125rem,transparent .35rem);background-clip:content-box}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"])>.t-content,tui-textfield:where(*[data-tui-version=\"5.15.0\"])>.t-template{pointer-events:none}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=s]{--t-height: var(--tui-height-s);--t-padding: var(--tui-padding-s);--t-max: 0px;border-radius:var(--tui-radius-m);font:var(--tui-typography-ui-s)}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=s][data-icon-start]{--t-start: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=s][data-icon-end]{--t-end: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=s]:before{font-size:1rem;margin-inline:-.25rem .25rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=s]:after{inline-size:calc(.75rem + 2 * var(--t-padding));margin-inline:0 -.5rem;font-size:1rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=s]>.t-content{gap:0}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=s]>.t-content>*:last-child{margin-inline-end:-.25rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=m]{--t-height: calc(var(--tui-height-m) + 2.5 * var(--t-label) * var(--tui-font-offset));--t-padding: var(--tui-padding-m);--t-label-font: var(--tui-typography-ui-xs);--t-label-y: -.5625rem;--t-max: .125rem;border-radius:var(--tui-radius-m);font:var(--tui-typography-ui-s)}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=m][data-icon-start]{--t-start: calc(2.125rem * (1 + .25 * var(--t-zoom)))}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=m][data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=m]:before{margin-inline:-.125rem .75rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=m]:after{inline-size:calc(1.25rem + 2 * var(--t-padding));margin-inline-start:calc(.5rem - var(--t-padding))}tui-textfield:where(*[data-tui-version=\"5.15.0\"])[data-size=m]>.t-content>*:last-child{margin-inline-end:-.125rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"]):is(._disabled,[data-state=disabled]){pointer-events:none;opacity:var(--tui-disabled-opacity)}tui-textfield:where(*[data-tui-version=\"5.15.0\"]):is(._disabled,[data-state=disabled]) [tuiAppearance]:is(._disabled,:disabled,[data-state=disabled]){opacity:1}tui-textfield:where(*[data-tui-version=\"5.15.0\"]):is(._disabled,[data-state=disabled])>.t-content>tui-icon{display:none}tui-textfield:where(*[data-tui-version=\"5.15.0\"])._with-label{--t-label: 1}tui-textfield:where(*[data-tui-version=\"5.15.0\"])._with-label>.t-template,tui-textfield:where(*[data-tui-version=\"5.15.0\"])._with-label .t-filler,tui-textfield:where(*[data-tui-version=\"5.15.0\"])._with-label [tuiInput]{inset-block-end:0;padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}tui-textfield:where(*[data-tui-version=\"5.15.0\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template::placeholder,tui-textfield:where(*[data-tui-version=\"5.15.0\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.15.0\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template._empty,tui-textfield:where(*[data-tui-version=\"5.15.0\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]._empty{color:transparent}tui-textfield:where(*[data-tui-version=\"5.15.0\"])>.t-template,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) .t-filler,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]{position:absolute;inset-inline:0;inline-size:auto;block-size:var(--t-height);-webkit-appearance:none;appearance:none;background:none;font:inherit;resize:none;outline:none;color:var(--tui-text-primary);box-sizing:border-box;border-radius:inherit;border-width:0;padding-inline-start:calc(var(--t-start) + var(--t-padding));padding-inline-end:calc(var(--t-end) + var(--t-side) + var(--t-padding) + var(--t-space));white-space:nowrap;overflow:hidden}tui-textfield:where(*[data-tui-version=\"5.15.0\"])>.t-template:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) .t-filler:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]:is(input,textarea):read-only~.t-filler{display:none}tui-textfield:where(*[data-tui-version=\"5.15.0\"])>.t-template:disabled,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) .t-filler:disabled,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]:disabled{animation:tuiPresent 1s infinite;opacity:1}tui-textfield:where(*[data-tui-version=\"5.15.0\"])>.t-template[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) .t-filler[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput][inputmode=none]{caret-color:transparent}tui-textfield:where(*[data-tui-version=\"5.15.0\"])>.t-template::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) .t-filler::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.15.0\"])>.t-template::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) .t-filler::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}tui-textfield:where(*[data-tui-version=\"5.15.0\"])._with-template [tuiInput]:first-of-type{color:transparent!important}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]:-webkit-autofill [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput][chrome-autofilled] [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]:not(._empty,:placeholder-shown) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"])[multi][multi]:not(._empty) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]:-webkit-autofill:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput][chrome-autofilled]:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]:not(._empty,:placeholder-shown):not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"])[multi][multi]:not(._empty):not(tui-textfield)~[tuiLabel]{font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiLabel][tuiLabel][tuiLabel]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:block;max-inline-size:calc(100% - var(--t-start));flex:1;align-self:flex-start;font:inherit;-webkit-user-select:none;user-select:none;padding:calc(var(--t-height) / 2 - .625em) 0;line-height:1.25!important;transition-duration:inherit}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiLabel][tuiLabel][tuiLabel]+.t-content{margin-inline-start:0}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]._empty{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) select option[value=\"\"]:disabled{color:transparent}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) select option{background-color:var(--tui-background-elevation-3)}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) select option:not(:disabled){color:var(--tui-text-primary)}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) button,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) a,tui-textfield:where(*[data-tui-version=\"5.15.0\"]) tui-icon{pointer-events:auto}tui-textfield:where(*[data-tui-version=\"5.15.0\"])>.t-content{z-index:1;display:flex;block-size:var(--t-height);align-items:center;gap:.25rem;margin-inline-start:auto;isolation:isolate;border-radius:inherit}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) textarea~.t-content{min-inline-size:.5rem}tui-textfield:where(*[data-tui-version=\"5.15.0\"]):is([data-mode~=readonly],[data-state=disabled],._empty) [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]._empty~.t-content [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiInput]:disabled~.t-content [tuiButtonX]{display:none}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) .t-filler{pointer-events:none!important;color:var(--tui-text-tertiary)}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiFluidTypography]{font-weight:700}tui-textfield:where(*[data-tui-version=\"5.15.0\"]) [tuiSelectLike]:not(:read-only){cursor:pointer}tui-textfield:where(*[data-tui-version=\"5.15.0\"]):has(input[type=tel]){direction:ltr}tui-textfield:where(*[data-tui-version=\"5.15.0\"]):is([data-mode~=invalid],.tui-invalid,:invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled) [tuiInput]:not(._empty)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.15.0\"]):is([data-mode~=invalid],.tui-invalid,:invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[multi]:not(._empty) [tuiLabel]{color:var(--tui-text-negative)}tui-textfield:where(*[data-tui-version=\"5.15.0\"]):not([data-mode~=readonly]):focus-visible:not([data-focus=false]) [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield:where(*[data-tui-version=\"5.15.0\"]):not([data-mode~=readonly])[data-focus=true] [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"]){flex-wrap:nowrap;overflow:scroll;align-items:stretch;cursor:text;max-block-size:calc(var(--t-vertical) * 2 + var(--t-item-height) * var(--t-rows));overscroll-behavior-x:none;scroll-behavior:var(--tui-scroll-behavior)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"]):before,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"]):after{position:sticky;inset-block-start:0;inset-inline-start:0;block-size:10rem;min-block-size:calc(var(--t-height) * (1 - .2 * var(--t-zoom)));max-block-size:calc((var(--t-item-height, calc(var(--t-height) - 2 * var(--t-vertical))) + 2 * var(--t-vertical)) * (1 - .2 * var(--t-zoom)))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])>.t-scrollbar{transform:translate(calc(var(--t-padding) * var(--tui-inline)));margin-inline-start:calc(-1 * var(--t-start));margin-inline-end:calc(1px - 100% + var(--t-start))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])>.t-scrollbar .t-bar_horizontal{display:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])>.t-items{position:sticky;z-index:-1;display:flex;inset-inline-start:var(--t-start);min-inline-size:0;min-block-size:var(--t-height);block-size:fit-content;flex:1;align-items:center;flex-wrap:wrap;padding:var(--t-vertical) 0;transition-duration:inherit;box-sizing:border-box;view-timeline:--t-scrollbar-y y}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])>.t-items:after{content:\"\";min-inline-size:1px;min-block-size:1px}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])>.t-items_horizontal{clip-path:inset(0 0 0 calc(var(--t-start) / 2 - var(--t-padding) - .5rem));flex-wrap:nowrap}[dir=rtl] tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])>.t-items_horizontal{clip-path:inset(0 calc(var(--t-start) / 2 - var(--t-padding) - .5rem) 0 0)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])>.t-items_horizontal>.t-input{padding-inline-end:calc(var(--t-side) + var(--t-end) + var(--t-padding) + .25rem)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])>.t-items>.t-input{position:relative;display:flex;align-items:center;flex:1;block-size:var(--t-item-height, 1.25em);max-block-size:calc(var(--t-height) - 2 * var(--t-vertical));max-inline-size:100%;pointer-events:none;transform:translate(var(--t-scroll))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])>.t-items>.t-input .t-filler,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])>.t-items>.t-input [tuiInput]{inset-block-start:-5%;block-size:110%;padding:0;pointer-events:auto}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])>.t-items>.t-input .t-ghost{visibility:hidden;white-space:pre;text-overflow:clip;padding-inline-end:.125rem;block-size:100%}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])>.t-items>.t-input .t-filler_hidden{display:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])._with-label[data-size=l]{--t-vertical: .5625rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])._with-label[data-size=l] tui-textfield-item:first-of-type{margin-block-start:1.125rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])._with-label[data-size=m]{--t-vertical: .4375rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])._with-label[data-size=m] tui-textfield-item:first-of-type{margin-block-start:.875rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])._with-label>.t-items{align-items:flex-end}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])._with-label>.t-items>label[tuiLabel]{min-inline-size:100%;margin:calc(var(--t-height) / 2 - var(--t-vertical) - .625em) 0;margin-inline-end:-100%;padding:0}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])>.t-content{position:sticky;min-block-size:var(--t-height);block-size:calc(var(--t-item-height) + 2 * var(--t-vertical));inset-block-start:0;inset-inline-start:calc(100% - var(--t-side) - var(--t-end))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])>.t-items input:not(:focus)::placeholder,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])[data-mode~=readonly]>.t-items input::placeholder,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])[data-mode~=readonly]>.t-items label~.t-input input::placeholder{opacity:0}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])._empty>.t-items input::placeholder,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])[data-focus=true]:not([data-mode~=readonly]):not(:focus-within)>.t-items input::placeholder{opacity:1}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])[data-state=disabled],tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])[data-mode~=readonly]{pointer-events:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])[data-state=disabled] select,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])[data-mode~=readonly] select{display:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])[data-size=l]{--t-vertical: .625rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])[data-size=l]:after{inset-inline-start:calc(100% - var(--t-end) - var(--t-padding) + .25rem)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])[data-size=m]{--t-vertical: .5rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])[data-size=m]:before{inset-inline-start:-.125rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])[data-size=m]:after{inset-inline-start:calc(100% - var(--t-end) - .25rem)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])[data-size=s]{--t-vertical: .125rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])[data-size=s]:before{inset-inline-start:-.25rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])[data-size=s]:after{inset-inline-start:calc(100% - var(--t-end))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"]) tui-textfield-item{transform:translate(var(--t-scroll))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"]) input::placeholder{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"]) select{opacity:0;pointer-events:none!important}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])._empty>.t-items select~.t-filler{display:block}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"])._empty:not([data-focus=true])>.t-items select~.t-filler{color:var(--tui-text-secondary)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.15.0\"]):has([tuiSelectLike]){cursor:pointer}\n"] }]
+                    }, template: "@if (child()?.value() ?? (control()?.control?.valueChanges | async)) {}\n@if (rows() > 1) {\n    <tui-scroll-controls class=\"t-scrollbar\" />\n}\n\n<div\n    #wrapper\n    class=\"t-items\"\n    [class.t-items_horizontal]=\"rows() === 1\"\n    (click)=\"focusInput()\"\n    (pointerdown.self.zoneless.prevent)=\"(0)\"\n    (resize)=\"onItems(wrapper)\"\n>\n    <ng-content select=\"label[tuiLabel]\" />\n    @for (item of items(); track item) {\n        <ng-template\n            [polymorpheusOutlet]=\"component\"\n            [polymorpheusOutletContext]=\"{$implicit: {item, index: $index}}\"\n        />\n    }\n    <span\n        class=\"t-input\"\n        (keydown.arrowLeft)=\"onLeft($event)\"\n    >\n        <ng-content select=\"input\" />\n        <ng-content select=\"select\" />\n        @if (placeholder) {\n            <span class=\"t-ghost\">{{ placeholder }}</span>\n        }\n        <input\n            aria-hidden=\"true\"\n            disabled\n            class=\"t-filler\"\n            [class.t-filler_hidden]=\"!showFiller()\"\n            [value]=\"computedFiller()\"\n        />\n    </span>\n</div>\n\n<span\n    #side\n    class=\"t-content\"\n    (click.stop)=\"input()?.nativeElement?.focus()\"\n    (pointerdown.zoneless.prevent)=\"(0)\"\n    (resize)=\"onResize(side)\"\n>\n    <ng-content />\n    @if (options.cleaner()) {\n        <button\n            tabindex=\"-1\"\n            tuiButtonX\n            (click)=\"accessor()?.setValue([])\"\n        >\n            {{ clear() }}\n        </button>\n    }\n    <ng-container #vcr />\n    <ng-content select=\"tui-icon\" />\n</span>\n\n@if (control()?.value != null) {\n    <span\n        class=\"t-template\"\n        [tuiCell]=\"options.size()\"\n    >\n        <ng-container *polymorpheusOutlet=\"content() as text; context: {$implicit: control()?.value}\">\n            {{ text }}\n        </ng-container>\n    </span>\n}\n", styles: ["tui-textfield:where(*[data-tui-version=\"5.16.0\"]){scrollbar-width:none;-ms-overflow-style:none;transition-property:color;transition-duration:calc(var(--tui-duration) / 2);transition-timing-function:var(--tui-curve-productive-standard);--t-height: calc(var(--tui-height-l) + 2.5 * var(--t-label) * var(--tui-font-offset));--t-padding: var(--tui-padding-l);--t-label: 0;--t-label-y: -.75rem;--t-label-font: var(--tui-typography-ui-s);--t-end: 0px;--t-start: 0px;--t-side: 0px;--t-max: .75rem;--t-space: clamp(0px, calc(var(--t-side) + var(--t-end)), var(--t-max));position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;min-block-size:var(--t-height);padding:0 var(--t-padding);border-radius:var(--tui-radius-l);font:var(--tui-typography-ui-m);box-sizing:border-box;isolation:isolate}tui-textfield:where(*[data-tui-version=\"5.16.0\"])::-webkit-scrollbar,tui-textfield:where(*[data-tui-version=\"5.16.0\"])::-webkit-scrollbar-thumb{display:none}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[tuiAppearance]{outline:none}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[tuiAppearance][data-appearance=\"\"]{color:var(--tui-text-tertiary)}@media(hover:hover)and (pointer:fine){tui-textfield:where(*[data-tui-version=\"5.16.0\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){color:var(--tui-text-secondary)}}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly])[data-state=hover]{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-icon-start]{--t-start: calc(2.5rem * (1 + .25 * var(--t-zoom)))}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[tuiIcons]:before{z-index:1;block-size:var(--t-height);inline-size:1.5rem;margin-inline-end:1rem;pointer-events:none;max-block-size:calc(var(--t-height) * (1 - .2 * var(--t-zoom)))}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[tuiIcons]:after{position:relative;inline-size:calc(1.5rem + 2 * var(--t-padding));cursor:pointer;margin-inline-start:calc(.25rem - var(--t-padding));margin-inline-end:calc(-1 * var(--t-padding));block-size:var(--t-height);max-block-size:calc(var(--t-height) * (1 - .2 * var(--t-zoom)))}tui-textfield:where(*[data-tui-version=\"5.16.0\"])::-webkit-resizer{border:.25rem solid transparent;inline-size:.5rem;block-size:.5rem;box-sizing:content-box;color:var(--tui-text-tertiary);background:linear-gradient(-45deg,transparent,transparent .125rem,currentColor .125rem,currentColor .1875rem,transparent .1875rem,transparent .25rem,currentColor .25rem,currentColor .3125rem,transparent .35rem);background-clip:content-box}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"])>.t-content,tui-textfield:where(*[data-tui-version=\"5.16.0\"])>.t-template{pointer-events:none}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=s]{--t-height: var(--tui-height-s);--t-padding: var(--tui-padding-s);--t-max: 0px;border-radius:var(--tui-radius-m);font:var(--tui-typography-ui-s)}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=s][data-icon-start]{--t-start: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=s][data-icon-end]{--t-end: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=s]:before{font-size:1rem;margin-inline:-.25rem .25rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=s]:after{inline-size:calc(.75rem + 2 * var(--t-padding));margin-inline:0 -.5rem;font-size:1rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=s]>.t-content{gap:0}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=s]>.t-content>*:last-child{margin-inline-end:-.25rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=m]{--t-height: calc(var(--tui-height-m) + 2.5 * var(--t-label) * var(--tui-font-offset));--t-padding: var(--tui-padding-m);--t-label-font: var(--tui-typography-ui-xs);--t-label-y: -.5625rem;--t-max: .125rem;border-radius:var(--tui-radius-m);font:var(--tui-typography-ui-s)}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=m][data-icon-start]{--t-start: calc(2.125rem * (1 + .25 * var(--t-zoom)))}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=m][data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=m]:before{margin-inline:-.125rem .75rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=m]:after{inline-size:calc(1.25rem + 2 * var(--t-padding));margin-inline-start:calc(.5rem - var(--t-padding))}tui-textfield:where(*[data-tui-version=\"5.16.0\"])[data-size=m]>.t-content>*:last-child{margin-inline-end:-.125rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"]):is(._disabled,[data-state=disabled]){pointer-events:none;opacity:var(--tui-disabled-opacity)}tui-textfield:where(*[data-tui-version=\"5.16.0\"]):is(._disabled,[data-state=disabled]) [tuiAppearance]:is(._disabled,:disabled,[data-state=disabled]){opacity:1}tui-textfield:where(*[data-tui-version=\"5.16.0\"]):is(._disabled,[data-state=disabled])>.t-content>tui-icon{display:none}tui-textfield:where(*[data-tui-version=\"5.16.0\"])._with-label{--t-label: 1}tui-textfield:where(*[data-tui-version=\"5.16.0\"])._with-label>.t-template,tui-textfield:where(*[data-tui-version=\"5.16.0\"])._with-label .t-filler,tui-textfield:where(*[data-tui-version=\"5.16.0\"])._with-label [tuiInput]{inset-block-end:0;padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}tui-textfield:where(*[data-tui-version=\"5.16.0\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template::placeholder,tui-textfield:where(*[data-tui-version=\"5.16.0\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.16.0\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template._empty,tui-textfield:where(*[data-tui-version=\"5.16.0\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]._empty{color:transparent}tui-textfield:where(*[data-tui-version=\"5.16.0\"])>.t-template,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) .t-filler,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]{position:absolute;inset-inline:0;inline-size:auto;block-size:var(--t-height);-webkit-appearance:none;appearance:none;background:none;font:inherit;resize:none;outline:none;color:var(--tui-text-primary);box-sizing:border-box;border-radius:inherit;border-width:0;padding-inline-start:calc(var(--t-start) + var(--t-padding));padding-inline-end:calc(var(--t-end) + var(--t-side) + var(--t-padding) + var(--t-space));white-space:nowrap;overflow:hidden}tui-textfield:where(*[data-tui-version=\"5.16.0\"])>.t-template:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) .t-filler:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]:is(input,textarea):read-only~.t-filler{display:none}tui-textfield:where(*[data-tui-version=\"5.16.0\"])>.t-template:disabled,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) .t-filler:disabled,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]:disabled{animation:tuiPresent 1s infinite;opacity:1}tui-textfield:where(*[data-tui-version=\"5.16.0\"])>.t-template[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) .t-filler[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput][inputmode=none]{caret-color:transparent}tui-textfield:where(*[data-tui-version=\"5.16.0\"])>.t-template::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) .t-filler::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.16.0\"])>.t-template::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) .t-filler::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}tui-textfield:where(*[data-tui-version=\"5.16.0\"])._with-template [tuiInput]:first-of-type{color:transparent!important}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]:-webkit-autofill [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput][chrome-autofilled] [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]:not(._empty,:placeholder-shown) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"])[multi][multi]:not(._empty) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]:-webkit-autofill:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput][chrome-autofilled]:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]:not(._empty,:placeholder-shown):not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"])[multi][multi]:not(._empty):not(tui-textfield)~[tuiLabel]{font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiLabel][tuiLabel][tuiLabel]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:block;max-inline-size:calc(100% - var(--t-start));flex:1;align-self:flex-start;font:inherit;-webkit-user-select:none;user-select:none;padding:calc(var(--t-height) / 2 - .625em) 0;line-height:1.25!important;transition-duration:inherit}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiLabel][tuiLabel][tuiLabel]+.t-content{margin-inline-start:0}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]._empty{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) select option[value=\"\"]:disabled{color:transparent}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) select option{background-color:var(--tui-background-elevation-3)}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) select option:not(:disabled){color:var(--tui-text-primary)}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) button,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) a,tui-textfield:where(*[data-tui-version=\"5.16.0\"]) tui-icon{pointer-events:auto}tui-textfield:where(*[data-tui-version=\"5.16.0\"])>.t-content{z-index:1;display:flex;block-size:var(--t-height);align-items:center;gap:.25rem;margin-inline-start:auto;isolation:isolate;border-radius:inherit}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) textarea~.t-content{min-inline-size:.5rem}tui-textfield:where(*[data-tui-version=\"5.16.0\"]):is([data-mode~=readonly],[data-state=disabled],._empty) [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]._empty~.t-content [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiInput]:disabled~.t-content [tuiButtonX]{display:none}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) .t-filler{pointer-events:none!important;color:var(--tui-text-tertiary)}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiFluidTypography]{font-weight:700}tui-textfield:where(*[data-tui-version=\"5.16.0\"]) [tuiSelectLike]:not(:read-only){cursor:pointer}tui-textfield:where(*[data-tui-version=\"5.16.0\"]):has(input[type=tel]){direction:ltr}tui-textfield:where(*[data-tui-version=\"5.16.0\"]):is([data-mode~=invalid],.tui-invalid,:invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled) [tuiInput]:not(._empty)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.16.0\"]):is([data-mode~=invalid],.tui-invalid,:invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[multi]:not(._empty) [tuiLabel]{color:var(--tui-text-negative)}tui-textfield:where(*[data-tui-version=\"5.16.0\"]):not([data-mode~=readonly]):focus-visible:not([data-focus=false]) [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield:where(*[data-tui-version=\"5.16.0\"]):not([data-mode~=readonly])[data-focus=true] [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"]){flex-wrap:nowrap;overflow:scroll;align-items:stretch;cursor:text;max-block-size:calc(var(--t-vertical) * 2 + var(--t-item-height) * var(--t-rows));overscroll-behavior-x:none;scroll-behavior:var(--tui-scroll-behavior)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"]):before,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"]):after{position:sticky;inset-block-start:0;inset-inline-start:0;block-size:10rem;min-block-size:calc(var(--t-height) * (1 - .2 * var(--t-zoom)));max-block-size:calc((var(--t-item-height, calc(var(--t-height) - 2 * var(--t-vertical))) + 2 * var(--t-vertical)) * (1 - .2 * var(--t-zoom)))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])>.t-scrollbar{transform:translate(calc(var(--t-padding) * var(--tui-inline)));margin-inline-start:calc(-1 * var(--t-start));margin-inline-end:calc(1px - 100% + var(--t-start))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])>.t-scrollbar .t-bar_horizontal{display:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])>.t-items{position:sticky;z-index:-1;display:flex;inset-inline-start:var(--t-start);min-inline-size:0;min-block-size:var(--t-height);block-size:fit-content;flex:1;align-items:center;flex-wrap:wrap;padding:var(--t-vertical) 0;transition-duration:inherit;box-sizing:border-box;view-timeline:--t-scrollbar-y y}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])>.t-items:after{content:\"\";min-inline-size:1px;min-block-size:1px}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])>.t-items_horizontal{clip-path:inset(0 0 0 calc(var(--t-start) / 2 - var(--t-padding) - .5rem));flex-wrap:nowrap}[dir=rtl] tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])>.t-items_horizontal{clip-path:inset(0 calc(var(--t-start) / 2 - var(--t-padding) - .5rem) 0 0)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])>.t-items_horizontal>.t-input{padding-inline-end:calc(var(--t-side) + var(--t-end) + var(--t-padding) + .25rem)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])>.t-items>.t-input{position:relative;display:flex;align-items:center;flex:1;block-size:var(--t-item-height, 1.25em);max-block-size:calc(var(--t-height) - 2 * var(--t-vertical));max-inline-size:100%;pointer-events:none;transform:translate(var(--t-scroll))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])>.t-items>.t-input .t-filler,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])>.t-items>.t-input [tuiInput]{inset-block-start:-5%;block-size:110%;padding:0;pointer-events:auto}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])>.t-items>.t-input .t-ghost{visibility:hidden;white-space:pre;text-overflow:clip;padding-inline-end:.125rem;block-size:100%}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])>.t-items>.t-input .t-filler_hidden{display:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])._with-label[data-size=l]{--t-vertical: .5625rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])._with-label[data-size=l] tui-textfield-item:first-of-type{margin-block-start:1.125rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])._with-label[data-size=m]{--t-vertical: .4375rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])._with-label[data-size=m] tui-textfield-item:first-of-type{margin-block-start:.875rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])._with-label>.t-items{align-items:flex-end}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])._with-label>.t-items>label[tuiLabel]{min-inline-size:100%;margin:calc(var(--t-height) / 2 - var(--t-vertical) - .625em) 0;margin-inline-end:-100%;padding:0}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])>.t-content{position:sticky;min-block-size:var(--t-height);block-size:calc(var(--t-item-height) + 2 * var(--t-vertical));inset-block-start:0;inset-inline-start:calc(100% - var(--t-side) - var(--t-end))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])>.t-items input:not(:focus)::placeholder,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])[data-mode~=readonly]>.t-items input::placeholder,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])[data-mode~=readonly]>.t-items label~.t-input input::placeholder{opacity:0}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])._empty>.t-items input::placeholder,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])[data-focus=true]:not([data-mode~=readonly]):not(:focus-within)>.t-items input::placeholder{opacity:1}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])[data-state=disabled],tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])[data-mode~=readonly]{pointer-events:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])[data-state=disabled] select,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])[data-mode~=readonly] select{display:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])[data-size=l]{--t-vertical: .625rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])[data-size=l]:after{inset-inline-start:calc(100% - var(--t-end) - var(--t-padding) + .25rem)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])[data-size=m]{--t-vertical: .5rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])[data-size=m]:before{inset-inline-start:-.125rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])[data-size=m]:after{inset-inline-start:calc(100% - var(--t-end) - .25rem)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])[data-size=s]{--t-vertical: .125rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])[data-size=s]:before{inset-inline-start:-.25rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])[data-size=s]:after{inset-inline-start:calc(100% - var(--t-end))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"]) tui-textfield-item{transform:translate(var(--t-scroll))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"]) input::placeholder{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"]) select{opacity:0;pointer-events:none!important}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])._empty>.t-items select~.t-filler{display:block}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"])._empty:not([data-focus=true])>.t-items select~.t-filler{color:var(--tui-text-secondary)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.16.0\"]):has([tuiSelectLike]){cursor:pointer}\n"] }]
         }] });
 
 const TuiTextfield = [