@taiga-ui/core 5.0.0-rc.2 → 5.0.0-rc.4

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

@@ -10,16 +10,18 @@ import { TuiDropdownDirective, TuiDropdownOpen, TuiDropdownFixed, TuiWithDropdow
 import { AsyncPipe } from '@angular/common';
 import { NgControl } from '@angular/forms';
 import { WaResizeObserver } from '@ng-web-apis/resize-observer';
+import '@taiga-ui/cdk/constants';
 import { tuiFocusedIn } from '@taiga-ui/cdk/utils/focus';
 import { tuiGenerateId, tuiPx, tuiArrayToggle } from '@taiga-ui/cdk/utils/miscellaneous';
 import { tuiButtonOptionsProvider } from '@taiga-ui/core/components/button';
+import { TuiCell } from '@taiga-ui/core/components/cell';
 import * as i5 from '@taiga-ui/core/components/data-list';
 import { tuiAsDataListHost, TuiWithOptionContent } from '@taiga-ui/core/components/data-list';
 import * as i1 from '@taiga-ui/core/directives/appearance';
 import { TuiAppearance } from '@taiga-ui/core/directives/appearance';
 import { TuiButtonX } from '@taiga-ui/core/directives/button-x';
 import * as i3 from '@taiga-ui/core/directives/icons';
-import { TuiWithIcons, tuiIconEnd } from '@taiga-ui/core/directives/icons';
+import { TuiWithIcons } from '@taiga-ui/core/directives/icons';
 import * as i4 from '@taiga-ui/core/directives/items-handlers';
 import { TuiWithItemsHandlers, TUI_ITEMS_HANDLERS } from '@taiga-ui/core/directives/items-handlers';
 import { TUI_CLEAR_WORD, TUI_AUXILIARY } from '@taiga-ui/core/tokens';
@@ -27,7 +29,6 @@ import { PolymorpheusOutlet, injectContext, PolymorpheusComponent } from '@taiga
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { WA_WINDOW } from '@ng-web-apis/common';
 import { TuiControl } from '@taiga-ui/cdk/classes';
-import '@taiga-ui/cdk/constants';
 import { tuiZonefree } from '@taiga-ui/cdk/observables';
 import { TuiScrollControls, TUI_SCROLL_REF } from '@taiga-ui/core/components/scrollbar';
 import { fromEvent, filter } from 'rxjs';
@@ -150,6 +151,9 @@ class TuiTextfieldComponent {
     get id() {
         return this.input()?.nativeElement.id || this.autoId;
     }
+    get disabled() {
+        return this.control()?.disabled ?? this.input()?.nativeElement?.disabled ?? false;
+    }
     get size() {
         return this.options.size();
     }
@@ -186,14 +190,14 @@ class TuiTextfieldComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiTextfieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: TuiTextfieldComponent, isStandalone: true, selector: "tui-textfield:not([multi])", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, filler: { classPropertyName: "filler", publicName: "filler", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "animationstart": "0", "animationcancel": "0", "click.self.prevent": "0", "pointerdown.self.prevent": "onIconClick()", "scroll.capture.zoneless": "onScroll($event.target)", "tuiActiveZoneChange": "!$event && control()?.valueAccessor?.onTouched?.()" }, properties: { "attr.data-size": "options.size()", "class._with-label": "hasLabel", "class._with-template": "content() && control()?.value != null", "class._disabled": "input()?.nativeElement?.disabled" }, classAttribute: "tui-interactive" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: TuiTextfieldComponent, isStandalone: true, selector: "tui-textfield:not([multi])", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, filler: { classPropertyName: "filler", publicName: "filler", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "animationstart": "0", "animationcancel": "0", "click.self.prevent": "0", "pointerdown.self.prevent": "onIconClick()", "scroll.capture.zoneless": "onScroll($event.target)", "tuiActiveZoneChange": "!$event && control()?.valueAccessor?.onTouched?.()" }, properties: { "attr.data-size": "options.size()", "class._with-label": "hasLabel", "class._with-template": "content() && control()?.value != null", "class._disabled": "disabled" }, classAttribute: "tui-interactive" }, providers: [
             tuiButtonOptionsProvider({ size: 'xs', appearance: 'icon' }),
             tuiAsDataListHost(TuiTextfieldComponent),
-        ], 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: "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 (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    class=\"t-content\"\n    (pointerdown)=\"input()?.nativeElement?.focus()\"\n    (waResizeObserver)=\"$event[0] && onResize($event[0])\"\n>\n    <ng-content />\n    <ng-container #vcr />\n    @if (options.cleaner()) {\n        <button\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 class=\"t-template\">\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(*){scrollbar-width:none;-ms-overflow-style:none;transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--t-height: var(--tui-height-l);--t-padding: var(--tui-padding-l);--t-label-y: -.75rem;--t-label-font: var(--tui-font-body-s);--t-end: 0rem;--t-start: 0rem;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-font-ui-m);line-height:1.25rem;box-sizing:border-box;gap:0 .25rem;isolation:isolate}tui-textfield:where(*)::-webkit-scrollbar,tui-textfield:where(*)::-webkit-scrollbar-thumb{display:none}tui-textfield:where(*)[tuiAppearance]{outline:none}tui-textfield:where(*)[tuiAppearance][data-appearance=\"\"]{color:var(--tui-text-tertiary)}@media (hover: hover) and (pointer: fine){tui-textfield:where(*)[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(*)[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly])[data-state=hover]{color:var(--tui-text-secondary)}tui-textfield:where(*)[data-icon-start]{--t-start: 2.25rem}tui-textfield:where(*)[data-icon-end]{--t-end: 2.25rem}tui-textfield:where(*)[tuiIcons]:before{z-index:1;block-size:var(--t-height);margin-inline-end:.5rem;pointer-events:none}tui-textfield:where(*)[tuiIcons]:after{position:relative;block-size:var(--t-height);cursor:pointer;border-inline:var(--t-padding) solid transparent;margin:0 calc(-1 * var(--t-padding))}tui-textfield:where(*)::-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(*) [tuiLabel],tui-textfield:where(*)>.t-content,tui-textfield:where(*)>.t-template{pointer-events:none}tui-textfield:where(*)[data-size=s]{--t-height: var(--tui-height-s);--t-padding: var(--tui-padding-s);border-radius:var(--tui-radius-m);gap:0;font:var(--tui-font-ui-s);line-height:1rem}tui-textfield:where(*)[data-size=s][data-icon-start]{--t-start: 1.25rem}tui-textfield:where(*)[data-size=s][data-icon-end]{--t-end: 1.25rem}tui-textfield:where(*)[data-size=s]:before{margin-inline:-.125rem .5rem;font-size:1rem}tui-textfield:where(*)[data-size=s]:after{margin-inline-start:calc(.625rem - var(--t-padding));margin-inline-end:calc(-.125rem - var(--t-padding));font-size:1rem}tui-textfield:where(*)[data-size=s]>.t-content{margin-inline-end:-.375rem}tui-textfield:where(*)[data-size=m]{--t-height: var(--tui-height-m);--t-padding: var(--tui-padding-m);--t-label-font: var(--tui-font-body-xs);--t-label-y: -.5625rem;border-radius:var(--tui-radius-m);font:var(--tui-font-ui-s);line-height:1rem}tui-textfield:where(*)[data-size=m][data-icon-start]{--t-start: 1.75rem}tui-textfield:where(*)[data-size=m][data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*)[data-size=m]:before{margin-inline:-.125rem .125rem}tui-textfield:where(*)[data-size=m]:after{margin-inline-start:calc(.25rem - var(--t-padding));margin-inline-end:calc(-.125rem - var(--t-padding))}tui-textfield:where(*)[data-size=m]>.t-content{margin-inline-end:-.125rem}tui-textfield:where(*)[data-size=l]{--t-label: -.7rem}tui-textfield:where(*):is(._disabled,[data-state=disabled]){pointer-events:none;opacity:var(--tui-disabled-opacity)}tui-textfield:where(*):is(._disabled,[data-state=disabled]) [tuiAppearance]:is(._disabled,:disabled,[data-state=disabled]){opacity:1}tui-textfield:where(*):is(._disabled,[data-state=disabled]) tui-icon{display:none}tui-textfield:where(*)._with-label>.t-template,tui-textfield:where(*)._with-label .t-filler,tui-textfield:where(*)._with-label [tuiInput]{padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}tui-textfield:where(*)._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template::placeholder,tui-textfield:where(*)._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]::placeholder,tui-textfield:where(*)._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template._empty,tui-textfield:where(*)._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]._empty{color:transparent}tui-textfield:where(*)>.t-template,tui-textfield:where(*) .t-filler,tui-textfield:where(*) [tuiInput]{position:absolute;inset-block-start:0;inset-inline:0;inline-size:auto;block-size:100%;-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;overscroll-behavior:none;padding-inline-start:calc(var(--t-start, 0rem) + var(--t-padding));padding-inline-end:calc(var(--t-end, 0rem) + var(--t-side, 0rem) + var(--t-padding))}tui-textfield:where(*)>.t-template:is(input,textarea):read-only~.t-filler,tui-textfield:where(*) .t-filler:is(input,textarea):read-only~.t-filler,tui-textfield:where(*) [tuiInput]:is(input,textarea):read-only~.t-filler{display:none}tui-textfield:where(*)>.t-template:disabled,tui-textfield:where(*) .t-filler:disabled,tui-textfield:where(*) [tuiInput]:disabled{animation:tuiPresent 1s infinite;opacity:1}tui-textfield:where(*)>.t-template[inputmode=none],tui-textfield:where(*) .t-filler[inputmode=none],tui-textfield:where(*) [tuiInput][inputmode=none]{caret-color:transparent}tui-textfield:where(*)>.t-template{display:flex;block-size:100%;align-items:center}tui-textfield:where(*)._with-template [tuiInput]:first-of-type{color:transparent!important}tui-textfield:where(*) [tuiInput]:-webkit-autofill [tuiLabel],tui-textfield:where(*) [tuiInput][chrome-autofilled] [tuiLabel],tui-textfield:where(*) [tuiInput]:not(._empty,:placeholder-shown) [tuiLabel],tui-textfield:where(*)[multi][multi]:not(._empty) [tuiLabel],tui-textfield:where(*) [tuiInput]:-webkit-autofill:not(tui-textfield)~[tuiLabel],tui-textfield:where(*) [tuiInput][chrome-autofilled]:not(tui-textfield)~[tuiLabel],tui-textfield:where(*) [tuiInput]:not(._empty,:placeholder-shown):not(tui-textfield)~[tuiLabel],tui-textfield:where(*)[multi][multi]:not(._empty):not(tui-textfield)~[tuiLabel]{font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}tui-textfield:where(*) [tuiLabel][tuiLabel][tuiLabel]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:block;flex:1;align-self:flex-start;font-size:inherit;-webkit-user-select:none;user-select:none;line-height:var(--t-height);transition-duration:inherit}tui-textfield:where(*) [tuiLabel],tui-textfield:where(*) [tuiInput]::placeholder,tui-textfield:where(*) [tuiInput]._empty{color:var(--tui-text-secondary)}tui-textfield:where(*) select option[value=\"\"]:disabled{color:transparent}tui-textfield:where(*) select optgroup,tui-textfield:where(*) select option{background-color:var(--tui-background-elevation-3)}tui-textfield:where(*) select optgroup,tui-textfield:where(*) select option:not(:disabled){color:var(--tui-text-primary)}tui-textfield:where(*) button,tui-textfield:where(*) a,tui-textfield:where(*) tui-icon{pointer-events:auto}tui-textfield:where(*)>.t-content{z-index:1;display:flex;block-size:var(--t-height);align-items:center;gap:inherit;margin-inline-start:auto;isolation:isolate;border-radius:inherit}tui-textfield:where(*) textarea~.t-content{min-inline-size:.5rem}tui-textfield:where(*):is([data-mode~=readonly],[data-state=disabled],._empty) [tuiButtonX],tui-textfield:where(*) [tuiInput]._empty~.t-content [tuiButtonX],tui-textfield:where(*) [tuiInput]:disabled~.t-content [tuiButtonX]{display:none}tui-textfield:where(*) .t-filler{pointer-events:none!important;color:var(--tui-text-tertiary)}tui-textfield:where(*) [tuiFluidTypography]{font-weight:700}tui-textfield:where(*) [tuiSelectLike]:not(:read-only){cursor:pointer}tui-textfield:where(*):has(input[type=tel]){direction:ltr}tui-textfield:where(*):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(*):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(*):not([data-mode~=readonly]):focus-visible:not([data-focus=false]) [tuiInput]::placeholder,tui-textfield:where(*):not([data-mode~=readonly]):focus-visible:not([data-focus=false]) [tuiInput]._empty{color:var(--tui-text-tertiary)}tui-textfield:where(*):not([data-mode~=readonly]):focus-visible:not([data-focus=false]) [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}tui-textfield:where(*):not([data-mode~=readonly])[data-focus=true] [tuiInput]::placeholder,tui-textfield:where(*):not([data-mode~=readonly])[data-focus=true] [tuiInput]._empty{color:var(--tui-text-tertiary)}tui-textfield:where(*):not([data-mode~=readonly])[data-focus=true] [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}\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: WaResizeObserver, selector: "[waResizeObserver]", inputs: ["waResizeBox"], outputs: ["waResizeObserver"] }], 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: "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 (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    class=\"t-content\"\n    (pointerdown)=\"input()?.nativeElement?.focus()\"\n    (waResizeObserver)=\"$event[0] && onResize($event[0])\"\n>\n    <ng-content />\n    <ng-container #vcr />\n    @if (options.cleaner()) {\n        <button\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.0.0-rc.4\"]){scrollbar-width:none;-ms-overflow-style:none;transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--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.0.0-rc.4\"])::-webkit-scrollbar,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])::-webkit-scrollbar-thumb{display:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[tuiAppearance]{outline:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[tuiAppearance][data-appearance=\"\"]{color:var(--tui-text-tertiary)}@media (hover: hover) and (pointer: fine){tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[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.0.0-rc.4\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly])[data-state=hover]{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-icon-start]{--t-start: 2.5rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[tuiIcons]:before{z-index:1;block-size:var(--t-height);inline-size:1.5rem;margin-inline-end:1rem;pointer-events:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[tuiIcons]:after{position:relative;block-size:var(--t-height);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))}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])::-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.0.0-rc.4\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-content,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-template{pointer-events:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[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.0.0-rc.4\"])[data-size=s][data-icon-start]{--t-start: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=s][data-icon-end]{--t-end: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=s]:before{font-size:1rem;margin-inline:-.25rem .25rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[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.0.0-rc.4\"])[data-size=s]>.t-content{gap:0}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=s]>.t-content>*:last-child{margin-inline-end:-.25rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[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.0.0-rc.4\"])[data-size=m][data-icon-start]{--t-start: 2.125rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=m][data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=m]:before{margin-inline:-.125rem .75rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[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.0.0-rc.4\"])[data-size=m]>.t-content>*:last-child{margin-inline-end:-.125rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]):is(._disabled,[data-state=disabled]){pointer-events:none;opacity:var(--tui-disabled-opacity)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]):is(._disabled,[data-state=disabled]) [tuiAppearance]:is(._disabled,:disabled,[data-state=disabled]){opacity:1}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]):is(._disabled,[data-state=disabled]) tui-icon{display:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])._with-label{--t-label: 1}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])._with-label>.t-template,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])._with-label .t-filler,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])._with-label [tuiInput]{padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template::placeholder,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template._empty,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]._empty{color:transparent}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-template,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) .t-filler,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]{position:absolute;inset-block-start:0;inset-inline:0;inline-size:auto;block-size:100%;-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;overscroll-behavior:none;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.0.0-rc.4\"])>.t-template:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) .t-filler:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]:is(input,textarea):read-only~.t-filler{display:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-template:disabled,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) .t-filler:disabled,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]:disabled{animation:tuiPresent 1s infinite;opacity:1}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-template[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) .t-filler[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput][inputmode=none]{caret-color:transparent}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-template::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) .t-filler::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-template::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) .t-filler::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])._with-template [tuiInput]:first-of-type{color:transparent!important}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]:-webkit-autofill [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput][chrome-autofilled] [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]:not(._empty,:placeholder-shown) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[multi][multi]:not(._empty) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]:-webkit-autofill:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput][chrome-autofilled]:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]:not(._empty,:placeholder-shown):not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[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.0.0-rc.4\"]) [tuiLabel][tuiLabel][tuiLabel]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;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;letter-spacing:calc((max(1em,.75rem) - 1em)*.4);transition-duration:inherit}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiLabel][tuiLabel][tuiLabel]+.t-content{margin-inline-start:0}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]._empty{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) select option[value=\"\"]:disabled{color:transparent}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) select option{background-color:var(--tui-background-elevation-3)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) select option:not(:disabled){color:var(--tui-text-primary)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) button,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) a,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) tui-icon{pointer-events:auto}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])>.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.0.0-rc.4\"]) textarea~.t-content{min-inline-size:.5rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]):is([data-mode~=readonly],[data-state=disabled],._empty) [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]._empty~.t-content [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]:disabled~.t-content [tuiButtonX]{display:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) .t-filler{pointer-events:none!important;color:var(--tui-text-tertiary)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiFluidTypography]{font-weight:700}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiSelectLike]:not(:read-only){cursor:pointer}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]):has(input[type=tel]){direction:ltr}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]):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.0.0-rc.4\"]):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.0.0-rc.4\"]):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.0.0-rc.4\"]):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"] }, { kind: "directive", type: WaResizeObserver, selector: "[waResizeObserver]", inputs: ["waResizeBox"], outputs: ["waResizeObserver"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiTextfieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tui-textfield:not([multi])', imports: [AsyncPipe, PolymorpheusOutlet, TuiButtonX, WaResizeObserver], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+            args: [{ selector: 'tui-textfield:not([multi])', imports: [AsyncPipe, PolymorpheusOutlet, TuiButtonX, TuiCell, WaResizeObserver], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         tuiButtonOptionsProvider({ size: 'xs', appearance: 'icon' }),
                         tuiAsDataListHost(TuiTextfieldComponent),
                     ], hostDirectives: [
@@ -209,7 +213,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         '[attr.data-size]': 'options.size()',
                         '[class._with-label]': 'hasLabel', // TODO :has([tuiLabel]
                         '[class._with-template]': 'content() && control()?.value != null',
-                        '[class._disabled]': 'input()?.nativeElement?.disabled', // TODO :has([tuiInput]:disabled)
+                        '[class._disabled]': 'disabled', // TODO :has([tuiInput]:disabled)
                         '(animationstart)': '0', // TODO :has([tuiInput]:disabled)
                         '(animationcancel)': '0', // TODO :has([tuiInput]:disabled)
                         '(click.self.prevent)': '0',
@@ -217,7 +221,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         '(pointerdown.self.prevent)': 'onIconClick()',
                         '(scroll.capture.zoneless)': 'onScroll($event.target)',
                         '(tuiActiveZoneChange)': '!$event && control()?.valueAccessor?.onTouched?.()',
-                    }, template: "@if (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    class=\"t-content\"\n    (pointerdown)=\"input()?.nativeElement?.focus()\"\n    (waResizeObserver)=\"$event[0] && onResize($event[0])\"\n>\n    <ng-content />\n    <ng-container #vcr />\n    @if (options.cleaner()) {\n        <button\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 class=\"t-template\">\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(*){scrollbar-width:none;-ms-overflow-style:none;transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--t-height: var(--tui-height-l);--t-padding: var(--tui-padding-l);--t-label-y: -.75rem;--t-label-font: var(--tui-font-body-s);--t-end: 0rem;--t-start: 0rem;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-font-ui-m);line-height:1.25rem;box-sizing:border-box;gap:0 .25rem;isolation:isolate}tui-textfield:where(*)::-webkit-scrollbar,tui-textfield:where(*)::-webkit-scrollbar-thumb{display:none}tui-textfield:where(*)[tuiAppearance]{outline:none}tui-textfield:where(*)[tuiAppearance][data-appearance=\"\"]{color:var(--tui-text-tertiary)}@media (hover: hover) and (pointer: fine){tui-textfield:where(*)[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(*)[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly])[data-state=hover]{color:var(--tui-text-secondary)}tui-textfield:where(*)[data-icon-start]{--t-start: 2.25rem}tui-textfield:where(*)[data-icon-end]{--t-end: 2.25rem}tui-textfield:where(*)[tuiIcons]:before{z-index:1;block-size:var(--t-height);margin-inline-end:.5rem;pointer-events:none}tui-textfield:where(*)[tuiIcons]:after{position:relative;block-size:var(--t-height);cursor:pointer;border-inline:var(--t-padding) solid transparent;margin:0 calc(-1 * var(--t-padding))}tui-textfield:where(*)::-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(*) [tuiLabel],tui-textfield:where(*)>.t-content,tui-textfield:where(*)>.t-template{pointer-events:none}tui-textfield:where(*)[data-size=s]{--t-height: var(--tui-height-s);--t-padding: var(--tui-padding-s);border-radius:var(--tui-radius-m);gap:0;font:var(--tui-font-ui-s);line-height:1rem}tui-textfield:where(*)[data-size=s][data-icon-start]{--t-start: 1.25rem}tui-textfield:where(*)[data-size=s][data-icon-end]{--t-end: 1.25rem}tui-textfield:where(*)[data-size=s]:before{margin-inline:-.125rem .5rem;font-size:1rem}tui-textfield:where(*)[data-size=s]:after{margin-inline-start:calc(.625rem - var(--t-padding));margin-inline-end:calc(-.125rem - var(--t-padding));font-size:1rem}tui-textfield:where(*)[data-size=s]>.t-content{margin-inline-end:-.375rem}tui-textfield:where(*)[data-size=m]{--t-height: var(--tui-height-m);--t-padding: var(--tui-padding-m);--t-label-font: var(--tui-font-body-xs);--t-label-y: -.5625rem;border-radius:var(--tui-radius-m);font:var(--tui-font-ui-s);line-height:1rem}tui-textfield:where(*)[data-size=m][data-icon-start]{--t-start: 1.75rem}tui-textfield:where(*)[data-size=m][data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*)[data-size=m]:before{margin-inline:-.125rem .125rem}tui-textfield:where(*)[data-size=m]:after{margin-inline-start:calc(.25rem - var(--t-padding));margin-inline-end:calc(-.125rem - var(--t-padding))}tui-textfield:where(*)[data-size=m]>.t-content{margin-inline-end:-.125rem}tui-textfield:where(*)[data-size=l]{--t-label: -.7rem}tui-textfield:where(*):is(._disabled,[data-state=disabled]){pointer-events:none;opacity:var(--tui-disabled-opacity)}tui-textfield:where(*):is(._disabled,[data-state=disabled]) [tuiAppearance]:is(._disabled,:disabled,[data-state=disabled]){opacity:1}tui-textfield:where(*):is(._disabled,[data-state=disabled]) tui-icon{display:none}tui-textfield:where(*)._with-label>.t-template,tui-textfield:where(*)._with-label .t-filler,tui-textfield:where(*)._with-label [tuiInput]{padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}tui-textfield:where(*)._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template::placeholder,tui-textfield:where(*)._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]::placeholder,tui-textfield:where(*)._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template._empty,tui-textfield:where(*)._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]._empty{color:transparent}tui-textfield:where(*)>.t-template,tui-textfield:where(*) .t-filler,tui-textfield:where(*) [tuiInput]{position:absolute;inset-block-start:0;inset-inline:0;inline-size:auto;block-size:100%;-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;overscroll-behavior:none;padding-inline-start:calc(var(--t-start, 0rem) + var(--t-padding));padding-inline-end:calc(var(--t-end, 0rem) + var(--t-side, 0rem) + var(--t-padding))}tui-textfield:where(*)>.t-template:is(input,textarea):read-only~.t-filler,tui-textfield:where(*) .t-filler:is(input,textarea):read-only~.t-filler,tui-textfield:where(*) [tuiInput]:is(input,textarea):read-only~.t-filler{display:none}tui-textfield:where(*)>.t-template:disabled,tui-textfield:where(*) .t-filler:disabled,tui-textfield:where(*) [tuiInput]:disabled{animation:tuiPresent 1s infinite;opacity:1}tui-textfield:where(*)>.t-template[inputmode=none],tui-textfield:where(*) .t-filler[inputmode=none],tui-textfield:where(*) [tuiInput][inputmode=none]{caret-color:transparent}tui-textfield:where(*)>.t-template{display:flex;block-size:100%;align-items:center}tui-textfield:where(*)._with-template [tuiInput]:first-of-type{color:transparent!important}tui-textfield:where(*) [tuiInput]:-webkit-autofill [tuiLabel],tui-textfield:where(*) [tuiInput][chrome-autofilled] [tuiLabel],tui-textfield:where(*) [tuiInput]:not(._empty,:placeholder-shown) [tuiLabel],tui-textfield:where(*)[multi][multi]:not(._empty) [tuiLabel],tui-textfield:where(*) [tuiInput]:-webkit-autofill:not(tui-textfield)~[tuiLabel],tui-textfield:where(*) [tuiInput][chrome-autofilled]:not(tui-textfield)~[tuiLabel],tui-textfield:where(*) [tuiInput]:not(._empty,:placeholder-shown):not(tui-textfield)~[tuiLabel],tui-textfield:where(*)[multi][multi]:not(._empty):not(tui-textfield)~[tuiLabel]{font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}tui-textfield:where(*) [tuiLabel][tuiLabel][tuiLabel]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:block;flex:1;align-self:flex-start;font-size:inherit;-webkit-user-select:none;user-select:none;line-height:var(--t-height);transition-duration:inherit}tui-textfield:where(*) [tuiLabel],tui-textfield:where(*) [tuiInput]::placeholder,tui-textfield:where(*) [tuiInput]._empty{color:var(--tui-text-secondary)}tui-textfield:where(*) select option[value=\"\"]:disabled{color:transparent}tui-textfield:where(*) select optgroup,tui-textfield:where(*) select option{background-color:var(--tui-background-elevation-3)}tui-textfield:where(*) select optgroup,tui-textfield:where(*) select option:not(:disabled){color:var(--tui-text-primary)}tui-textfield:where(*) button,tui-textfield:where(*) a,tui-textfield:where(*) tui-icon{pointer-events:auto}tui-textfield:where(*)>.t-content{z-index:1;display:flex;block-size:var(--t-height);align-items:center;gap:inherit;margin-inline-start:auto;isolation:isolate;border-radius:inherit}tui-textfield:where(*) textarea~.t-content{min-inline-size:.5rem}tui-textfield:where(*):is([data-mode~=readonly],[data-state=disabled],._empty) [tuiButtonX],tui-textfield:where(*) [tuiInput]._empty~.t-content [tuiButtonX],tui-textfield:where(*) [tuiInput]:disabled~.t-content [tuiButtonX]{display:none}tui-textfield:where(*) .t-filler{pointer-events:none!important;color:var(--tui-text-tertiary)}tui-textfield:where(*) [tuiFluidTypography]{font-weight:700}tui-textfield:where(*) [tuiSelectLike]:not(:read-only){cursor:pointer}tui-textfield:where(*):has(input[type=tel]){direction:ltr}tui-textfield:where(*):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(*):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(*):not([data-mode~=readonly]):focus-visible:not([data-focus=false]) [tuiInput]::placeholder,tui-textfield:where(*):not([data-mode~=readonly]):focus-visible:not([data-focus=false]) [tuiInput]._empty{color:var(--tui-text-tertiary)}tui-textfield:where(*):not([data-mode~=readonly]):focus-visible:not([data-focus=false]) [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}tui-textfield:where(*):not([data-mode~=readonly])[data-focus=true] [tuiInput]::placeholder,tui-textfield:where(*):not([data-mode~=readonly])[data-focus=true] [tuiInput]._empty{color:var(--tui-text-tertiary)}tui-textfield:where(*):not([data-mode~=readonly])[data-focus=true] [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}\n"] }]
+                    }, template: "@if (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    class=\"t-content\"\n    (pointerdown)=\"input()?.nativeElement?.focus()\"\n    (waResizeObserver)=\"$event[0] && onResize($event[0])\"\n>\n    <ng-content />\n    <ng-container #vcr />\n    @if (options.cleaner()) {\n        <button\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.0.0-rc.4\"]){scrollbar-width:none;-ms-overflow-style:none;transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--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.0.0-rc.4\"])::-webkit-scrollbar,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])::-webkit-scrollbar-thumb{display:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[tuiAppearance]{outline:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[tuiAppearance][data-appearance=\"\"]{color:var(--tui-text-tertiary)}@media (hover: hover) and (pointer: fine){tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[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.0.0-rc.4\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly])[data-state=hover]{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-icon-start]{--t-start: 2.5rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[tuiIcons]:before{z-index:1;block-size:var(--t-height);inline-size:1.5rem;margin-inline-end:1rem;pointer-events:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[tuiIcons]:after{position:relative;block-size:var(--t-height);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))}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])::-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.0.0-rc.4\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-content,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-template{pointer-events:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[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.0.0-rc.4\"])[data-size=s][data-icon-start]{--t-start: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=s][data-icon-end]{--t-end: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=s]:before{font-size:1rem;margin-inline:-.25rem .25rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[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.0.0-rc.4\"])[data-size=s]>.t-content{gap:0}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=s]>.t-content>*:last-child{margin-inline-end:-.25rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[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.0.0-rc.4\"])[data-size=m][data-icon-start]{--t-start: 2.125rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=m][data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=m]:before{margin-inline:-.125rem .75rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[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.0.0-rc.4\"])[data-size=m]>.t-content>*:last-child{margin-inline-end:-.125rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]):is(._disabled,[data-state=disabled]){pointer-events:none;opacity:var(--tui-disabled-opacity)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]):is(._disabled,[data-state=disabled]) [tuiAppearance]:is(._disabled,:disabled,[data-state=disabled]){opacity:1}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]):is(._disabled,[data-state=disabled]) tui-icon{display:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])._with-label{--t-label: 1}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])._with-label>.t-template,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])._with-label .t-filler,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])._with-label [tuiInput]{padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template::placeholder,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template._empty,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]._empty{color:transparent}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-template,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) .t-filler,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]{position:absolute;inset-block-start:0;inset-inline:0;inline-size:auto;block-size:100%;-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;overscroll-behavior:none;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.0.0-rc.4\"])>.t-template:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) .t-filler:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]:is(input,textarea):read-only~.t-filler{display:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-template:disabled,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) .t-filler:disabled,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]:disabled{animation:tuiPresent 1s infinite;opacity:1}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-template[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) .t-filler[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput][inputmode=none]{caret-color:transparent}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-template::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) .t-filler::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-template::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) .t-filler::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])._with-template [tuiInput]:first-of-type{color:transparent!important}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]:-webkit-autofill [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput][chrome-autofilled] [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]:not(._empty,:placeholder-shown) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[multi][multi]:not(._empty) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]:-webkit-autofill:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput][chrome-autofilled]:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]:not(._empty,:placeholder-shown):not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[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.0.0-rc.4\"]) [tuiLabel][tuiLabel][tuiLabel]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;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;letter-spacing:calc((max(1em,.75rem) - 1em)*.4);transition-duration:inherit}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiLabel][tuiLabel][tuiLabel]+.t-content{margin-inline-start:0}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]._empty{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) select option[value=\"\"]:disabled{color:transparent}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) select option{background-color:var(--tui-background-elevation-3)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) select option:not(:disabled){color:var(--tui-text-primary)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) button,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) a,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) tui-icon{pointer-events:auto}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])>.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.0.0-rc.4\"]) textarea~.t-content{min-inline-size:.5rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]):is([data-mode~=readonly],[data-state=disabled],._empty) [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]._empty~.t-content [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]:disabled~.t-content [tuiButtonX]{display:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) .t-filler{pointer-events:none!important;color:var(--tui-text-tertiary)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiFluidTypography]{font-weight:700}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiSelectLike]:not(:read-only){cursor:pointer}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]):has(input[type=tel]){direction:ltr}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]):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.0.0-rc.4\"]):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.0.0-rc.4\"]):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.0.0-rc.4\"]):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"] }]
         }] });
 
 /*
@@ -236,17 +240,17 @@ class TuiTextfieldItemComponent {
         this.textfield.focused() && e.preventDefault();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiTextfieldItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TuiTextfieldItemComponent, isStandalone: true, selector: "tui-textfield-item", host: { listeners: { "pointerdown.self": "prevent($event)", "keydown.arrowLeft.prevent": "el.previousElementSibling?.firstChild?.focus()", "keydown.arrowRight.prevent": "el.nextElementSibling?.firstChild?.focus()" }, properties: { "class._string": "!textfield.item()", "class._disabled": "handlers.disabledItemHandler()(context.$implicit.item)" } }, ngImport: i0, template: '<ng-container *polymorpheusOutlet="content() as text; context: context">{{ text }}</ng-container>', isInline: true, styles: [":host{max-inline-size:100%;flex-shrink:0;white-space:nowrap;text-overflow:ellipsis;color:var(--tui-text-primary)}:host._string{overflow:hidden}:host._string._disabled{opacity:var(--tui-disabled-opacity)}:host._string:after{content:\",\\a0\"}:host:last-of-type{max-inline-size:80%}:host-context(tui-textfield:not([data-focus=\"true\"])):last-of-type:after{display:none}:host-context(tui-textfield:has([tuiSelectLike])):last-of-type:after,:host-context(tui-textfield[data-mode~=\"readonly\"]):last-of-type:after{content:\"\\a0\"}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.Default }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TuiTextfieldItemComponent, isStandalone: true, selector: "tui-textfield-item", host: { listeners: { "pointerdown.self": "prevent($event)", "keydown.arrowLeft.prevent": "el.previousElementSibling?.firstChild?.focus()", "keydown.arrowRight.prevent": "el.nextElementSibling?.firstChild?.focus()" }, properties: { "class._string": "!textfield.item()", "class._disabled": "handlers.disabledItemHandler()(context.$implicit.item)" } }, ngImport: i0, template: '<ng-container *polymorpheusOutlet="content() as text; context: context">{{ text }}</ng-container>', isInline: true, styles: [":host{max-inline-size:100%;flex-shrink:0;white-space:nowrap;text-overflow:ellipsis;color:var(--tui-text-primary)}:host._string{overflow:hidden;overflow:clip visible}:host._string._disabled{opacity:var(--tui-disabled-opacity)}:host._string:after{content:\",\\a0\"}:host:last-of-type{max-inline-size:80%}:host-context(tui-textfield:not([data-focus=\"true\"])):last-of-type:after{display:none}:host-context(tui-textfield:has([tuiSelectLike])):last-of-type:after,:host-context(tui-textfield[data-mode~=\"readonly\"]):last-of-type:after{content:\"\\a0\"}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiTextfieldItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tui-textfield-item', imports: [PolymorpheusOutlet], template: '<ng-container *polymorpheusOutlet="content() as text; context: context">{{ text }}</ng-container>', changeDetection: ChangeDetectionStrategy.Default, host: {
+            args: [{ selector: 'tui-textfield-item', imports: [PolymorpheusOutlet], template: '<ng-container *polymorpheusOutlet="content() as text; context: context">{{ text }}</ng-container>', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class._string]': '!textfield.item()',
                         '[class._disabled]': 'handlers.disabledItemHandler()(context.$implicit.item)',
                         '(pointerdown.self)': 'prevent($event)',
                         '(keydown.arrowLeft.prevent)': 'el.previousElementSibling?.firstChild?.focus()',
                         '(keydown.arrowRight.prevent)': 'el.nextElementSibling?.firstChild?.focus()',
-                    }, styles: [":host{max-inline-size:100%;flex-shrink:0;white-space:nowrap;text-overflow:ellipsis;color:var(--tui-text-primary)}:host._string{overflow:hidden}:host._string._disabled{opacity:var(--tui-disabled-opacity)}:host._string:after{content:\",\\a0\"}:host:last-of-type{max-inline-size:80%}:host-context(tui-textfield:not([data-focus=\"true\"])):last-of-type:after{display:none}:host-context(tui-textfield:has([tuiSelectLike])):last-of-type:after,:host-context(tui-textfield[data-mode~=\"readonly\"]):last-of-type:after{content:\"\\a0\"}\n"] }]
+                    }, styles: [":host{max-inline-size:100%;flex-shrink:0;white-space:nowrap;text-overflow:ellipsis;color:var(--tui-text-primary)}:host._string{overflow:hidden;overflow:clip visible}:host._string._disabled{opacity:var(--tui-disabled-opacity)}:host._string:after{content:\",\\a0\"}:host:last-of-type{max-inline-size:80%}:host-context(tui-textfield:not([data-focus=\"true\"])):last-of-type:after{display:none}:host-context(tui-textfield:has([tuiSelectLike])):last-of-type:after,:host-context(tui-textfield[data-mode~=\"readonly\"]):last-of-type:after{content:\"\\a0\"}\n"] }]
         }] });
 const TUI_TEXTFIELD_ITEM = new PolymorpheusComponent(TuiTextfieldItemComponent);
 
@@ -314,12 +318,12 @@ class TuiTextfieldMultiComponent extends TuiTextfieldComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiTextfieldMultiComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: TuiTextfieldMultiComponent, isStandalone: true, selector: "tui-textfield[multi]", inputs: { rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click.prevent": "onClick($event.target)", "tuiActiveZoneChange": "!$event && el.scrollTo({left: 0})" }, properties: { "attr.data-state": "control()?.disabled ? \"disabled\" : null", "class._empty": "!control()?.value?.length", "style.--t-item-height.px": "height()", "style.--t-rows": "rows()" } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: TuiTextfieldMultiComponent, isStandalone: true, selector: "tui-textfield[multi]", inputs: { rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click.prevent": "onClick($event.target)", "tuiActiveZoneChange": "!$event && el.scrollTo({left: 0})" }, properties: { "attr.data-state": "disabled ? \"disabled\" : null", "class._empty": "!control()?.value?.length", "style.--t-item-height.px": "height()", "style.--t-rows": "rows()" } }, providers: [
             tuiButtonOptionsProvider({ size: 'xs', appearance: 'icon' }),
             tuiAsDataListHost(TuiTextfieldMultiComponent),
             tuiProvide(TuiTextfieldComponent, TuiTextfieldMultiComponent),
             tuiProvide(TUI_SCROLL_REF, ElementRef),
-        ], 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, ngImport: i0, template: "@if (control()?.control?.valueChanges | async) {}\n@if (rows() > 1) {\n    <tui-scroll-controls class=\"t-scrollbar\" />\n}\n\n<div\n    class=\"t-items\"\n    [class.t-items_horizontal]=\"rows() === 1\"\n    (click)=\"focusInput()\"\n    (pointerdown.self.zoneless.prevent)=\"(0)\"\n    (waResizeObserver)=\"$event[0] && onItems($event[0])\"\n>\n    <ng-content select=\"label\" />\n    @for (item of control()?.value; 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        <span class=\"t-ghost\">{{ placeholder }}</span>\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    class=\"t-content\"\n    (click.stop)=\"input()?.nativeElement?.focus()\"\n    (pointerdown.zoneless.prevent)=\"(0)\"\n    (waResizeObserver)=\"$event[0] && onResize($event[0])\"\n>\n    <ng-content />\n    @if (options.cleaner()) {\n        <button\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 class=\"t-template\">\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.0.0-rc.2\"]){scrollbar-width:none;-ms-overflow-style:none;transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--t-height: var(--tui-height-l);--t-padding: var(--tui-padding-l);--t-label-y: -.75rem;--t-label-font: var(--tui-font-body-s);--t-end: 0rem;--t-start: 0rem;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-font-ui-m);line-height:1.25rem;box-sizing:border-box;gap:0 .25rem;isolation:isolate}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])::-webkit-scrollbar,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])::-webkit-scrollbar-thumb{display:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[tuiAppearance]{outline:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[tuiAppearance][data-appearance=\"\"]{color:var(--tui-text-tertiary)}@media (hover: hover) and (pointer: fine){tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[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.0.0-rc.2\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly])[data-state=hover]{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-icon-start]{--t-start: 2.25rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-icon-end]{--t-end: 2.25rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[tuiIcons]:before{z-index:1;block-size:var(--t-height);margin-inline-end:.5rem;pointer-events:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[tuiIcons]:after{position:relative;block-size:var(--t-height);cursor:pointer;border-inline:var(--t-padding) solid transparent;margin:0 calc(-1 * var(--t-padding))}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])::-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.0.0-rc.2\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-content,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-template{pointer-events:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=s]{--t-height: var(--tui-height-s);--t-padding: var(--tui-padding-s);border-radius:var(--tui-radius-m);gap:0;font:var(--tui-font-ui-s);line-height:1rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=s][data-icon-start]{--t-start: 1.25rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=s][data-icon-end]{--t-end: 1.25rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=s]:before{margin-inline:-.125rem .5rem;font-size:1rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=s]:after{margin-inline-start:calc(.625rem - var(--t-padding));margin-inline-end:calc(-.125rem - var(--t-padding));font-size:1rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=s]>.t-content{margin-inline-end:-.375rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=m]{--t-height: var(--tui-height-m);--t-padding: var(--tui-padding-m);--t-label-font: var(--tui-font-body-xs);--t-label-y: -.5625rem;border-radius:var(--tui-radius-m);font:var(--tui-font-ui-s);line-height:1rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=m][data-icon-start]{--t-start: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=m][data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=m]:before{margin-inline:-.125rem .125rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=m]:after{margin-inline-start:calc(.25rem - var(--t-padding));margin-inline-end:calc(-.125rem - var(--t-padding))}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=m]>.t-content{margin-inline-end:-.125rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=l]{--t-label: -.7rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]):is(._disabled,[data-state=disabled]){pointer-events:none;opacity:var(--tui-disabled-opacity)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]):is(._disabled,[data-state=disabled]) [tuiAppearance]:is(._disabled,:disabled,[data-state=disabled]){opacity:1}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]):is(._disabled,[data-state=disabled]) tui-icon{display:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])._with-label>.t-template,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])._with-label .t-filler,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])._with-label [tuiInput]{padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template::placeholder,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template._empty,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]._empty{color:transparent}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-template,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) .t-filler,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) [tuiInput]{position:absolute;inset-block-start:0;inset-inline:0;inline-size:auto;block-size:100%;-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;overscroll-behavior:none;padding-inline-start:calc(var(--t-start, 0rem) + var(--t-padding));padding-inline-end:calc(var(--t-end, 0rem) + var(--t-side, 0rem) + var(--t-padding))}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-template:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) .t-filler:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) [tuiInput]:is(input,textarea):read-only~.t-filler{display:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-template:disabled,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) .t-filler:disabled,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) [tuiInput]:disabled{animation:tuiPresent 1s infinite;opacity:1}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-template[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) .t-filler[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) [tuiInput][inputmode=none]{caret-color:transparent}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-template{display:flex;block-size:100%;align-items:center}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])._with-template [tuiInput]:first-of-type{color:transparent!important}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) [tuiInput]:-webkit-autofill [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) [tuiInput][chrome-autofilled] [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) [tuiInput]:not(._empty,:placeholder-shown) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[multi][multi]:not(._empty) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) [tuiInput]:-webkit-autofill:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) [tuiInput][chrome-autofilled]:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) [tuiInput]:not(._empty,:placeholder-shown):not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[multi][multi]:not(._empty):not(tui-textfield)~[tuiLabel]{font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) [tuiLabel][tuiLabel][tuiLabel]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:block;flex:1;align-self:flex-start;font-size:inherit;-webkit-user-select:none;user-select:none;line-height:var(--t-height);transition-duration:inherit}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) [tuiInput]._empty{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) select option[value=\"\"]:disabled{color:transparent}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) select option{background-color:var(--tui-background-elevation-3)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) select option:not(:disabled){color:var(--tui-text-primary)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) button,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) a,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) tui-icon{pointer-events:auto}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-content{z-index:1;display:flex;block-size:var(--t-height);align-items:center;gap:inherit;margin-inline-start:auto;isolation:isolate;border-radius:inherit}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) textarea~.t-content{min-inline-size:.5rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]):is([data-mode~=readonly],[data-state=disabled],._empty) [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) [tuiInput]._empty~.t-content [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) [tuiInput]:disabled~.t-content [tuiButtonX]{display:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) .t-filler{pointer-events:none!important;color:var(--tui-text-tertiary)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) [tuiFluidTypography]{font-weight:700}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) [tuiSelectLike]:not(:read-only){cursor:pointer}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]):has(input[type=tel]){direction:ltr}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]):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.0.0-rc.2\"]):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.0.0-rc.2\"]):not([data-mode~=readonly]):focus-visible:not([data-focus=false]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]):not([data-mode~=readonly]):focus-visible:not([data-focus=false]) [tuiInput]._empty{color:var(--tui-text-tertiary)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]):not([data-mode~=readonly]):focus-visible:not([data-focus=false]) [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]):not([data-mode~=readonly])[data-focus=true] [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]):not([data-mode~=readonly])[data-focus=true] [tuiInput]._empty{color:var(--tui-text-tertiary)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]):not([data-mode~=readonly])[data-focus=true] [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"]){flex-wrap:nowrap;overflow:scroll;align-items:stretch;cursor:text;gap:0;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.0.0-rc.2\"]):before,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"]):after{position:sticky;inset-block-start:0;inset-inline-start:0;block-size:var(--t-height)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[tuiChevron]:after{inset-block-start:.375rem;block-size:calc(var(--t-height) - .75rem)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])>.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.0.0-rc.2\"])>.t-scrollbar .t-bar_horizontal{display:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-items{position:sticky;display:flex;inset-inline-start:var(--t-start);min-inline-size:0;max-block-size:var(--t-height);min-block-size:fit-content;flex:1;align-items:center;flex-wrap:wrap;padding:var(--t-vertical) 0;transition-duration:inherit;box-sizing:border-box}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-items:after{content:\"\";min-inline-size:1px;min-block-size:1px}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-items_horizontal{clip-path:inset(0 0 0 calc(var(--t-start) / 2 - var(--t-padding) - .25rem));flex-wrap:nowrap}[dir=rtl] tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-items_horizontal{clip-path:inset(0 calc(var(--t-start) / 2 - var(--t-padding) - .25rem) 0 0)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-items_horizontal>.t-input{padding-inline-end:calc(var(--t-side, 0rem) + var(--t-end) + var(--t-padding))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-items:not(tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-items_horizontal){--t-scroll: 0}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-items>label[tuiLabel]{position:absolute;inset-block-start:0;inline-size:100%}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-items>.t-input{position:relative;display:flex;align-items:center;flex:1;block-size:1.25em;max-block-size:1.25rem;max-inline-size:100%;pointer-events:none;transform:translate(var(--t-scroll))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-items>.t-input .t-filler,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-items>.t-input [tuiInput]{block-size:100%;padding:0;pointer-events:auto}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-items>.t-input .t-ghost{visibility:hidden;white-space:pre;text-overflow:clip;padding-inline-end:.125rem;min-block-size:var(--t-item-height, 1em)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-items>.t-input .t-filler_hidden{display:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-content{position:sticky;inset-block-start:0;inset-inline-start:calc(100% - var(--t-side, 0rem) - var(--t-end) + var(--t-padding) - var(--t-offset));margin:0;gap:.25rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-items input:not(:focus)::placeholder,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-mode~=readonly]>.t-items input::placeholder,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-mode~=readonly]>.t-items label~.t-input input::placeholder{opacity:0}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])._empty>.t-items input::placeholder,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[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.0.0-rc.2\"])[data-state=disabled],tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-mode~=readonly]{pointer-events:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-state=disabled] select,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-mode~=readonly] select{display:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=l]{--t-vertical: .625rem;--t-offset: calc(1rem - var(--t-end) / 4.5)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=l]:before{margin-inline-end:.75rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=l]:after{inset-inline-start:calc(100% - var(--t-end) - .375rem + .25 * (1em - 1rem));margin-inline-start:-.75rem;margin-inline-end:calc(.5 * (1.5rem - 1em) - var(--t-padding))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=l]._with-label{--t-vertical: 1.125rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=l]._with-label>.t-items{padding:1.75rem 0 .5rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=m]{--t-vertical: .5rem;--t-offset: calc(.75rem + var(--t-end) / 14)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=m]:before{inset-inline-start:-.125rem;margin-inline-end:.375rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=m]:after{inset-inline-start:calc(100% - var(--t-end) - .25rem);border-width:.625rem;margin-inline-start:-.125rem;margin-inline-end:calc(.5 * (1.5rem - 1em) - var(--t-padding))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=m]._with-label{--t-vertical: .875rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=m]._with-label>.t-items{padding:1.375rem 0 .375rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=m]>.t-content{transform:translate(.125rem)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=s]{--t-vertical: .125rem;--t-offset: calc(.625rem + var(--t-end) / 10)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=s]:before{inset-inline-start:-.125rem;margin-inline-end:.375rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=s]:after{inset-inline-start:calc(100% - var(--t-end) - .125rem);border-width:.5rem;margin-inline-end:calc(-1 * var(--t-padding))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=s]>.t-content{gap:0;transform:translate(calc(.375rem - var(--t-end) / 10))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"]) tui-textfield-item{transform:translate(var(--t-scroll))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"]) input::placeholder{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"]) select{opacity:0;pointer-events:none!important}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])._empty>.t-items select~.t-filler{display:block}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])._empty:not([data-focus=true])>.t-items select~.t-filler{color:var(--tui-text-secondary)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"]):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: "component", type: TuiScrollControls, selector: "tui-scroll-controls" }, { kind: "directive", type: WaResizeObserver, selector: "[waResizeObserver]", inputs: ["waResizeBox"], outputs: ["waResizeObserver"] }], 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, ngImport: i0, template: "@if (control()?.control?.valueChanges | async) {}\n@if (rows() > 1) {\n    <tui-scroll-controls class=\"t-scrollbar\" />\n}\n\n<div\n    class=\"t-items\"\n    [class.t-items_horizontal]=\"rows() === 1\"\n    (click)=\"focusInput()\"\n    (pointerdown.self.zoneless.prevent)=\"(0)\"\n    (waResizeObserver)=\"$event[0] && onItems($event[0])\"\n>\n    <ng-content select=\"label\" />\n    @for (item of control()?.value; 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        <span class=\"t-ghost\">{{ placeholder }}</span>\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    class=\"t-content\"\n    (click.stop)=\"input()?.nativeElement?.focus()\"\n    (pointerdown.zoneless.prevent)=\"(0)\"\n    (waResizeObserver)=\"$event[0] && onResize($event[0])\"\n>\n    <ng-content />\n    @if (options.cleaner()) {\n        <button\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.0.0-rc.4\"]){scrollbar-width:none;-ms-overflow-style:none;transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--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.0.0-rc.4\"])::-webkit-scrollbar,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])::-webkit-scrollbar-thumb{display:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[tuiAppearance]{outline:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[tuiAppearance][data-appearance=\"\"]{color:var(--tui-text-tertiary)}@media (hover: hover) and (pointer: fine){tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[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.0.0-rc.4\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly])[data-state=hover]{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-icon-start]{--t-start: 2.5rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[tuiIcons]:before{z-index:1;block-size:var(--t-height);inline-size:1.5rem;margin-inline-end:1rem;pointer-events:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[tuiIcons]:after{position:relative;block-size:var(--t-height);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))}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])::-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.0.0-rc.4\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-content,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-template{pointer-events:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[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.0.0-rc.4\"])[data-size=s][data-icon-start]{--t-start: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=s][data-icon-end]{--t-end: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=s]:before{font-size:1rem;margin-inline:-.25rem .25rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[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.0.0-rc.4\"])[data-size=s]>.t-content{gap:0}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=s]>.t-content>*:last-child{margin-inline-end:-.25rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[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.0.0-rc.4\"])[data-size=m][data-icon-start]{--t-start: 2.125rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=m][data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=m]:before{margin-inline:-.125rem .75rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[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.0.0-rc.4\"])[data-size=m]>.t-content>*:last-child{margin-inline-end:-.125rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]):is(._disabled,[data-state=disabled]){pointer-events:none;opacity:var(--tui-disabled-opacity)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]):is(._disabled,[data-state=disabled]) [tuiAppearance]:is(._disabled,:disabled,[data-state=disabled]){opacity:1}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]):is(._disabled,[data-state=disabled]) tui-icon{display:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])._with-label{--t-label: 1}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])._with-label>.t-template,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])._with-label .t-filler,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])._with-label [tuiInput]{padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template::placeholder,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template._empty,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]._empty{color:transparent}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-template,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) .t-filler,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]{position:absolute;inset-block-start:0;inset-inline:0;inline-size:auto;block-size:100%;-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;overscroll-behavior:none;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.0.0-rc.4\"])>.t-template:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) .t-filler:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]:is(input,textarea):read-only~.t-filler{display:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-template:disabled,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) .t-filler:disabled,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]:disabled{animation:tuiPresent 1s infinite;opacity:1}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-template[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) .t-filler[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput][inputmode=none]{caret-color:transparent}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-template::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) .t-filler::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-template::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) .t-filler::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])._with-template [tuiInput]:first-of-type{color:transparent!important}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]:-webkit-autofill [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput][chrome-autofilled] [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]:not(._empty,:placeholder-shown) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[multi][multi]:not(._empty) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]:-webkit-autofill:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput][chrome-autofilled]:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]:not(._empty,:placeholder-shown):not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[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.0.0-rc.4\"]) [tuiLabel][tuiLabel][tuiLabel]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;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;letter-spacing:calc((max(1em,.75rem) - 1em)*.4);transition-duration:inherit}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiLabel][tuiLabel][tuiLabel]+.t-content{margin-inline-start:0}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]._empty{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) select option[value=\"\"]:disabled{color:transparent}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) select option{background-color:var(--tui-background-elevation-3)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) select option:not(:disabled){color:var(--tui-text-primary)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) button,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) a,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) tui-icon{pointer-events:auto}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])>.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.0.0-rc.4\"]) textarea~.t-content{min-inline-size:.5rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]):is([data-mode~=readonly],[data-state=disabled],._empty) [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]._empty~.t-content [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]:disabled~.t-content [tuiButtonX]{display:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) .t-filler{pointer-events:none!important;color:var(--tui-text-tertiary)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiFluidTypography]{font-weight:700}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiSelectLike]:not(:read-only){cursor:pointer}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]):has(input[type=tel]){direction:ltr}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]):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.0.0-rc.4\"]):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.0.0-rc.4\"]):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.0.0-rc.4\"]):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.0.0-rc.4\"]){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.0.0-rc.4\"]):before,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"]):after{position:sticky;inset-block-start:0;inset-inline-start:0;block-size:var(--t-height)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])>.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.0.0-rc.4\"])>.t-scrollbar .t-bar_horizontal{display:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-items{position:sticky;display:flex;inset-inline-start:var(--t-start);min-inline-size:0;max-block-size:var(--t-height);min-block-size:fit-content;flex:1;align-items:center;flex-wrap:wrap;padding:var(--t-vertical) 0;transition-duration:inherit;box-sizing:border-box}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-items:after{content:\"\";min-inline-size:1px;min-block-size:1px}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])>.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.0.0-rc.4\"])>.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.0.0-rc.4\"])>.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.0.0-rc.4\"])>.t-items>label[tuiLabel]{position:absolute;inset-block-start:0;inline-size:100%}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-items>.t-input{position:relative;display:flex;align-items:center;flex:1;block-size:var(--t-item-height, 1.25em);max-inline-size:100%;pointer-events:none;transform:translate(var(--t-scroll))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-items>.t-input .t-filler,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-items>.t-input [tuiInput]{inset-block-start:-10%;block-size:120%;padding:0;pointer-events:auto}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])>.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.0.0-rc.4\"])>.t-items>.t-input .t-filler_hidden{display:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-content{position:sticky;inset-block-start:0;inset-inline-start:calc(100% - var(--t-side) - var(--t-end))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-items input:not(:focus)::placeholder,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-mode~=readonly]>.t-items input::placeholder,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-mode~=readonly]>.t-items label~.t-input input::placeholder{opacity:0}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])._empty>.t-items input::placeholder,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])[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.0.0-rc.4\"])[data-state=disabled],tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-mode~=readonly]{pointer-events:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-state=disabled] select,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-mode~=readonly] select{display:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=l]{--t-vertical: .625rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])[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.0.0-rc.4\"])[data-size=l]._with-label{--t-vertical: 1.125rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=l]._with-label>.t-items{padding:1.75rem 0 .5rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=m]{--t-vertical: .5rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=m]:before{inset-inline-start:-.125rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=m]:after{inset-inline-start:calc(100% - var(--t-end) - .25rem)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=m]._with-label{--t-vertical: .875rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=m]._with-label>.t-items{padding:1.375rem 0 .375rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=s]{--t-vertical: .125rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=s]:before{inset-inline-start:-.25rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=s]:after{inset-inline-start:calc(100% - var(--t-end))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"]) tui-textfield-item{transform:translate(var(--t-scroll))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"]) input::placeholder{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"]) select{opacity:0;pointer-events:none!important}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])._empty>.t-items select~.t-filler{display:block}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])._empty:not([data-focus=true])>.t-items select~.t-filler{color:var(--tui-text-secondary)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"]):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" }, { kind: "directive", type: WaResizeObserver, selector: "[waResizeObserver]", inputs: ["waResizeBox"], outputs: ["waResizeObserver"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiTextfieldMultiComponent, decorators: [{
             type: Component,
@@ -327,6 +331,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         AsyncPipe,
                         PolymorpheusOutlet,
                         TuiButtonX,
+                        TuiCell,
                         TuiScrollControls,
                         WaResizeObserver,
                     ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -335,13 +340,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         tuiProvide(TuiTextfieldComponent, TuiTextfieldMultiComponent),
                         tuiProvide(TUI_SCROLL_REF, ElementRef),
                     ], host: {
-                        '[attr.data-state]': 'control()?.disabled ? "disabled" : null',
+                        '[attr.data-state]': 'disabled ? "disabled" : null',
                         '[class._empty]': '!control()?.value?.length',
                         '[style.--t-item-height.px]': 'height()',
                         '[style.--t-rows]': 'rows()',
                         '(click.prevent)': 'onClick($event.target)',
                         '(tuiActiveZoneChange)': '!$event && el.scrollTo({left: 0})',
-                    }, template: "@if (control()?.control?.valueChanges | async) {}\n@if (rows() > 1) {\n    <tui-scroll-controls class=\"t-scrollbar\" />\n}\n\n<div\n    class=\"t-items\"\n    [class.t-items_horizontal]=\"rows() === 1\"\n    (click)=\"focusInput()\"\n    (pointerdown.self.zoneless.prevent)=\"(0)\"\n    (waResizeObserver)=\"$event[0] && onItems($event[0])\"\n>\n    <ng-content select=\"label\" />\n    @for (item of control()?.value; 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        <span class=\"t-ghost\">{{ placeholder }}</span>\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    class=\"t-content\"\n    (click.stop)=\"input()?.nativeElement?.focus()\"\n    (pointerdown.zoneless.prevent)=\"(0)\"\n    (waResizeObserver)=\"$event[0] && onResize($event[0])\"\n>\n    <ng-content />\n    @if (options.cleaner()) {\n        <button\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 class=\"t-template\">\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.0.0-rc.2\"]){scrollbar-width:none;-ms-overflow-style:none;transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--t-height: var(--tui-height-l);--t-padding: var(--tui-padding-l);--t-label-y: -.75rem;--t-label-font: var(--tui-font-body-s);--t-end: 0rem;--t-start: 0rem;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-font-ui-m);line-height:1.25rem;box-sizing:border-box;gap:0 .25rem;isolation:isolate}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])::-webkit-scrollbar,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])::-webkit-scrollbar-thumb{display:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[tuiAppearance]{outline:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[tuiAppearance][data-appearance=\"\"]{color:var(--tui-text-tertiary)}@media (hover: hover) and (pointer: fine){tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[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.0.0-rc.2\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly])[data-state=hover]{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-icon-start]{--t-start: 2.25rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-icon-end]{--t-end: 2.25rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[tuiIcons]:before{z-index:1;block-size:var(--t-height);margin-inline-end:.5rem;pointer-events:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[tuiIcons]:after{position:relative;block-size:var(--t-height);cursor:pointer;border-inline:var(--t-padding) solid transparent;margin:0 calc(-1 * var(--t-padding))}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])::-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.0.0-rc.2\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-content,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-template{pointer-events:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=s]{--t-height: var(--tui-height-s);--t-padding: var(--tui-padding-s);border-radius:var(--tui-radius-m);gap:0;font:var(--tui-font-ui-s);line-height:1rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=s][data-icon-start]{--t-start: 1.25rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=s][data-icon-end]{--t-end: 1.25rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=s]:before{margin-inline:-.125rem .5rem;font-size:1rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=s]:after{margin-inline-start:calc(.625rem - var(--t-padding));margin-inline-end:calc(-.125rem - var(--t-padding));font-size:1rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=s]>.t-content{margin-inline-end:-.375rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=m]{--t-height: var(--tui-height-m);--t-padding: var(--tui-padding-m);--t-label-font: var(--tui-font-body-xs);--t-label-y: -.5625rem;border-radius:var(--tui-radius-m);font:var(--tui-font-ui-s);line-height:1rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=m][data-icon-start]{--t-start: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=m][data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=m]:before{margin-inline:-.125rem .125rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=m]:after{margin-inline-start:calc(.25rem - var(--t-padding));margin-inline-end:calc(-.125rem - var(--t-padding))}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=m]>.t-content{margin-inline-end:-.125rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=l]{--t-label: -.7rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]):is(._disabled,[data-state=disabled]){pointer-events:none;opacity:var(--tui-disabled-opacity)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]):is(._disabled,[data-state=disabled]) [tuiAppearance]:is(._disabled,:disabled,[data-state=disabled]){opacity:1}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]):is(._disabled,[data-state=disabled]) tui-icon{display:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])._with-label>.t-template,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])._with-label .t-filler,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])._with-label [tuiInput]{padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template::placeholder,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template._empty,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]._empty{color:transparent}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-template,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) .t-filler,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) [tuiInput]{position:absolute;inset-block-start:0;inset-inline:0;inline-size:auto;block-size:100%;-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;overscroll-behavior:none;padding-inline-start:calc(var(--t-start, 0rem) + var(--t-padding));padding-inline-end:calc(var(--t-end, 0rem) + var(--t-side, 0rem) + var(--t-padding))}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-template:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) .t-filler:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) [tuiInput]:is(input,textarea):read-only~.t-filler{display:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-template:disabled,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) .t-filler:disabled,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) [tuiInput]:disabled{animation:tuiPresent 1s infinite;opacity:1}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-template[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) .t-filler[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) [tuiInput][inputmode=none]{caret-color:transparent}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-template{display:flex;block-size:100%;align-items:center}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])._with-template [tuiInput]:first-of-type{color:transparent!important}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) [tuiInput]:-webkit-autofill [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) [tuiInput][chrome-autofilled] [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) [tuiInput]:not(._empty,:placeholder-shown) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[multi][multi]:not(._empty) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) [tuiInput]:-webkit-autofill:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) [tuiInput][chrome-autofilled]:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) [tuiInput]:not(._empty,:placeholder-shown):not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])[multi][multi]:not(._empty):not(tui-textfield)~[tuiLabel]{font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) [tuiLabel][tuiLabel][tuiLabel]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:block;flex:1;align-self:flex-start;font-size:inherit;-webkit-user-select:none;user-select:none;line-height:var(--t-height);transition-duration:inherit}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) [tuiInput]._empty{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) select option[value=\"\"]:disabled{color:transparent}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) select option{background-color:var(--tui-background-elevation-3)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) select option:not(:disabled){color:var(--tui-text-primary)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) button,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) a,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) tui-icon{pointer-events:auto}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-content{z-index:1;display:flex;block-size:var(--t-height);align-items:center;gap:inherit;margin-inline-start:auto;isolation:isolate;border-radius:inherit}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) textarea~.t-content{min-inline-size:.5rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]):is([data-mode~=readonly],[data-state=disabled],._empty) [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) [tuiInput]._empty~.t-content [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) [tuiInput]:disabled~.t-content [tuiButtonX]{display:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) .t-filler{pointer-events:none!important;color:var(--tui-text-tertiary)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) [tuiFluidTypography]{font-weight:700}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]) [tuiSelectLike]:not(:read-only){cursor:pointer}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]):has(input[type=tel]){direction:ltr}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]):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.0.0-rc.2\"]):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.0.0-rc.2\"]):not([data-mode~=readonly]):focus-visible:not([data-focus=false]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]):not([data-mode~=readonly]):focus-visible:not([data-focus=false]) [tuiInput]._empty{color:var(--tui-text-tertiary)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]):not([data-mode~=readonly]):focus-visible:not([data-focus=false]) [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]):not([data-mode~=readonly])[data-focus=true] [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]):not([data-mode~=readonly])[data-focus=true] [tuiInput]._empty{color:var(--tui-text-tertiary)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.2\"]):not([data-mode~=readonly])[data-focus=true] [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"]){flex-wrap:nowrap;overflow:scroll;align-items:stretch;cursor:text;gap:0;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.0.0-rc.2\"]):before,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"]):after{position:sticky;inset-block-start:0;inset-inline-start:0;block-size:var(--t-height)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[tuiChevron]:after{inset-block-start:.375rem;block-size:calc(var(--t-height) - .75rem)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])>.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.0.0-rc.2\"])>.t-scrollbar .t-bar_horizontal{display:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-items{position:sticky;display:flex;inset-inline-start:var(--t-start);min-inline-size:0;max-block-size:var(--t-height);min-block-size:fit-content;flex:1;align-items:center;flex-wrap:wrap;padding:var(--t-vertical) 0;transition-duration:inherit;box-sizing:border-box}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-items:after{content:\"\";min-inline-size:1px;min-block-size:1px}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-items_horizontal{clip-path:inset(0 0 0 calc(var(--t-start) / 2 - var(--t-padding) - .25rem));flex-wrap:nowrap}[dir=rtl] tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-items_horizontal{clip-path:inset(0 calc(var(--t-start) / 2 - var(--t-padding) - .25rem) 0 0)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-items_horizontal>.t-input{padding-inline-end:calc(var(--t-side, 0rem) + var(--t-end) + var(--t-padding))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-items:not(tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-items_horizontal){--t-scroll: 0}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-items>label[tuiLabel]{position:absolute;inset-block-start:0;inline-size:100%}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-items>.t-input{position:relative;display:flex;align-items:center;flex:1;block-size:1.25em;max-block-size:1.25rem;max-inline-size:100%;pointer-events:none;transform:translate(var(--t-scroll))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-items>.t-input .t-filler,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-items>.t-input [tuiInput]{block-size:100%;padding:0;pointer-events:auto}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-items>.t-input .t-ghost{visibility:hidden;white-space:pre;text-overflow:clip;padding-inline-end:.125rem;min-block-size:var(--t-item-height, 1em)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-items>.t-input .t-filler_hidden{display:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-content{position:sticky;inset-block-start:0;inset-inline-start:calc(100% - var(--t-side, 0rem) - var(--t-end) + var(--t-padding) - var(--t-offset));margin:0;gap:.25rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])>.t-items input:not(:focus)::placeholder,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-mode~=readonly]>.t-items input::placeholder,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-mode~=readonly]>.t-items label~.t-input input::placeholder{opacity:0}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])._empty>.t-items input::placeholder,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[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.0.0-rc.2\"])[data-state=disabled],tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-mode~=readonly]{pointer-events:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-state=disabled] select,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-mode~=readonly] select{display:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=l]{--t-vertical: .625rem;--t-offset: calc(1rem - var(--t-end) / 4.5)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=l]:before{margin-inline-end:.75rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=l]:after{inset-inline-start:calc(100% - var(--t-end) - .375rem + .25 * (1em - 1rem));margin-inline-start:-.75rem;margin-inline-end:calc(.5 * (1.5rem - 1em) - var(--t-padding))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=l]._with-label{--t-vertical: 1.125rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=l]._with-label>.t-items{padding:1.75rem 0 .5rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=m]{--t-vertical: .5rem;--t-offset: calc(.75rem + var(--t-end) / 14)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=m]:before{inset-inline-start:-.125rem;margin-inline-end:.375rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=m]:after{inset-inline-start:calc(100% - var(--t-end) - .25rem);border-width:.625rem;margin-inline-start:-.125rem;margin-inline-end:calc(.5 * (1.5rem - 1em) - var(--t-padding))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=m]._with-label{--t-vertical: .875rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=m]._with-label>.t-items{padding:1.375rem 0 .375rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=m]>.t-content{transform:translate(.125rem)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=s]{--t-vertical: .125rem;--t-offset: calc(.625rem + var(--t-end) / 10)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=s]:before{inset-inline-start:-.125rem;margin-inline-end:.375rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=s]:after{inset-inline-start:calc(100% - var(--t-end) - .125rem);border-width:.5rem;margin-inline-end:calc(-1 * var(--t-padding))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=s]>.t-content{gap:0;transform:translate(calc(.375rem - var(--t-end) / 10))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"]) tui-textfield-item{transform:translate(var(--t-scroll))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"]) input::placeholder{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"]) select{opacity:0;pointer-events:none!important}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])._empty>.t-items select~.t-filler{display:block}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"])._empty:not([data-focus=true])>.t-items select~.t-filler{color:var(--tui-text-secondary)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.2\"]):has([tuiSelectLike]){cursor:pointer}\n"] }]
+                    }, template: "@if (control()?.control?.valueChanges | async) {}\n@if (rows() > 1) {\n    <tui-scroll-controls class=\"t-scrollbar\" />\n}\n\n<div\n    class=\"t-items\"\n    [class.t-items_horizontal]=\"rows() === 1\"\n    (click)=\"focusInput()\"\n    (pointerdown.self.zoneless.prevent)=\"(0)\"\n    (waResizeObserver)=\"$event[0] && onItems($event[0])\"\n>\n    <ng-content select=\"label\" />\n    @for (item of control()?.value; 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        <span class=\"t-ghost\">{{ placeholder }}</span>\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    class=\"t-content\"\n    (click.stop)=\"input()?.nativeElement?.focus()\"\n    (pointerdown.zoneless.prevent)=\"(0)\"\n    (waResizeObserver)=\"$event[0] && onResize($event[0])\"\n>\n    <ng-content />\n    @if (options.cleaner()) {\n        <button\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.0.0-rc.4\"]){scrollbar-width:none;-ms-overflow-style:none;transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--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.0.0-rc.4\"])::-webkit-scrollbar,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])::-webkit-scrollbar-thumb{display:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[tuiAppearance]{outline:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[tuiAppearance][data-appearance=\"\"]{color:var(--tui-text-tertiary)}@media (hover: hover) and (pointer: fine){tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[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.0.0-rc.4\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly])[data-state=hover]{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-icon-start]{--t-start: 2.5rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[tuiIcons]:before{z-index:1;block-size:var(--t-height);inline-size:1.5rem;margin-inline-end:1rem;pointer-events:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[tuiIcons]:after{position:relative;block-size:var(--t-height);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))}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])::-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.0.0-rc.4\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-content,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-template{pointer-events:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[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.0.0-rc.4\"])[data-size=s][data-icon-start]{--t-start: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=s][data-icon-end]{--t-end: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=s]:before{font-size:1rem;margin-inline:-.25rem .25rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[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.0.0-rc.4\"])[data-size=s]>.t-content{gap:0}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=s]>.t-content>*:last-child{margin-inline-end:-.25rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[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.0.0-rc.4\"])[data-size=m][data-icon-start]{--t-start: 2.125rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=m][data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=m]:before{margin-inline:-.125rem .75rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[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.0.0-rc.4\"])[data-size=m]>.t-content>*:last-child{margin-inline-end:-.125rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]):is(._disabled,[data-state=disabled]){pointer-events:none;opacity:var(--tui-disabled-opacity)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]):is(._disabled,[data-state=disabled]) [tuiAppearance]:is(._disabled,:disabled,[data-state=disabled]){opacity:1}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]):is(._disabled,[data-state=disabled]) tui-icon{display:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])._with-label{--t-label: 1}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])._with-label>.t-template,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])._with-label .t-filler,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])._with-label [tuiInput]{padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template::placeholder,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template._empty,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]._empty{color:transparent}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-template,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) .t-filler,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]{position:absolute;inset-block-start:0;inset-inline:0;inline-size:auto;block-size:100%;-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;overscroll-behavior:none;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.0.0-rc.4\"])>.t-template:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) .t-filler:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]:is(input,textarea):read-only~.t-filler{display:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-template:disabled,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) .t-filler:disabled,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]:disabled{animation:tuiPresent 1s infinite;opacity:1}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-template[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) .t-filler[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput][inputmode=none]{caret-color:transparent}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-template::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) .t-filler::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-template::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) .t-filler::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])._with-template [tuiInput]:first-of-type{color:transparent!important}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]:-webkit-autofill [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput][chrome-autofilled] [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]:not(._empty,:placeholder-shown) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[multi][multi]:not(._empty) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]:-webkit-autofill:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput][chrome-autofilled]:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]:not(._empty,:placeholder-shown):not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])[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.0.0-rc.4\"]) [tuiLabel][tuiLabel][tuiLabel]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;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;letter-spacing:calc((max(1em,.75rem) - 1em)*.4);transition-duration:inherit}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiLabel][tuiLabel][tuiLabel]+.t-content{margin-inline-start:0}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]._empty{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) select option[value=\"\"]:disabled{color:transparent}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) select option{background-color:var(--tui-background-elevation-3)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) select option:not(:disabled){color:var(--tui-text-primary)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) button,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) a,tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) tui-icon{pointer-events:auto}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"])>.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.0.0-rc.4\"]) textarea~.t-content{min-inline-size:.5rem}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]):is([data-mode~=readonly],[data-state=disabled],._empty) [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]._empty~.t-content [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiInput]:disabled~.t-content [tuiButtonX]{display:none}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) .t-filler{pointer-events:none!important;color:var(--tui-text-tertiary)}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiFluidTypography]{font-weight:700}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]) [tuiSelectLike]:not(:read-only){cursor:pointer}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]):has(input[type=tel]){direction:ltr}tui-textfield:where(*[data-tui-version=\"5.0.0-rc.4\"]):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.0.0-rc.4\"]):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.0.0-rc.4\"]):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.0.0-rc.4\"]):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.0.0-rc.4\"]){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.0.0-rc.4\"]):before,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"]):after{position:sticky;inset-block-start:0;inset-inline-start:0;block-size:var(--t-height)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])>.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.0.0-rc.4\"])>.t-scrollbar .t-bar_horizontal{display:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-items{position:sticky;display:flex;inset-inline-start:var(--t-start);min-inline-size:0;max-block-size:var(--t-height);min-block-size:fit-content;flex:1;align-items:center;flex-wrap:wrap;padding:var(--t-vertical) 0;transition-duration:inherit;box-sizing:border-box}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-items:after{content:\"\";min-inline-size:1px;min-block-size:1px}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])>.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.0.0-rc.4\"])>.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.0.0-rc.4\"])>.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.0.0-rc.4\"])>.t-items>label[tuiLabel]{position:absolute;inset-block-start:0;inline-size:100%}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-items>.t-input{position:relative;display:flex;align-items:center;flex:1;block-size:var(--t-item-height, 1.25em);max-inline-size:100%;pointer-events:none;transform:translate(var(--t-scroll))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-items>.t-input .t-filler,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-items>.t-input [tuiInput]{inset-block-start:-10%;block-size:120%;padding:0;pointer-events:auto}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])>.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.0.0-rc.4\"])>.t-items>.t-input .t-filler_hidden{display:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-content{position:sticky;inset-block-start:0;inset-inline-start:calc(100% - var(--t-side) - var(--t-end))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])>.t-items input:not(:focus)::placeholder,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-mode~=readonly]>.t-items input::placeholder,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-mode~=readonly]>.t-items label~.t-input input::placeholder{opacity:0}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])._empty>.t-items input::placeholder,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])[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.0.0-rc.4\"])[data-state=disabled],tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-mode~=readonly]{pointer-events:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-state=disabled] select,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-mode~=readonly] select{display:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=l]{--t-vertical: .625rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])[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.0.0-rc.4\"])[data-size=l]._with-label{--t-vertical: 1.125rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=l]._with-label>.t-items{padding:1.75rem 0 .5rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=m]{--t-vertical: .5rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=m]:before{inset-inline-start:-.125rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=m]:after{inset-inline-start:calc(100% - var(--t-end) - .25rem)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=m]._with-label{--t-vertical: .875rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=m]._with-label>.t-items{padding:1.375rem 0 .375rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=s]{--t-vertical: .125rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=s]:before{inset-inline-start:-.25rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])[data-size=s]:after{inset-inline-start:calc(100% - var(--t-end))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"]) tui-textfield-item{transform:translate(var(--t-scroll))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"]) input::placeholder{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"]) select{opacity:0;pointer-events:none!important}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])._empty>.t-items select~.t-filler{display:block}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"])._empty:not([data-focus=true])>.t-items select~.t-filler{color:var(--tui-text-secondary)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.0.0-rc.4\"]):has([tuiSelectLike]){cursor:pointer}\n"] }]
         }] });
 
 const TuiTextfield = [
@@ -378,12 +383,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             args: [{ selector: 'ng-template[tuiTextfieldContent]' }]
         }] });
 
-function tuiTextfieldIcon(token) {
-    const { size } = inject(TUI_TEXTFIELD_OPTIONS);
-    const { icon } = inject(token);
-    return tuiIconEnd(computed(() => icon(size())), {});
-}
-
 /**
  * Use it instead of host binding
  * host: { '[type]': '"text"' }
@@ -407,5 +406,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { TUI_TEXTFIELD_ACCESSOR, TUI_TEXTFIELD_ITEM, TUI_TEXTFIELD_OPTIONS, TuiSelectLike, TuiTextfield, TuiTextfieldComponent, TuiTextfieldContent, TuiTextfieldItemComponent, TuiTextfieldMultiComponent, TuiTextfieldOptionsDirective, TuiWithNativePicker, tuiAsTextfieldAccessor, tuiInjectAuxiliary, tuiTextfieldIcon, tuiTextfieldOptionsProvider };
+export { TUI_TEXTFIELD_ACCESSOR, TUI_TEXTFIELD_ITEM, TUI_TEXTFIELD_OPTIONS, TuiSelectLike, TuiTextfield, TuiTextfieldComponent, TuiTextfieldContent, TuiTextfieldItemComponent, TuiTextfieldMultiComponent, TuiTextfieldOptionsDirective, TuiWithNativePicker, tuiAsTextfieldAccessor, tuiInjectAuxiliary, tuiTextfieldOptionsProvider };
 //# sourceMappingURL=taiga-ui-core-components-textfield.mjs.map