@taiga-ui/core 4.89.0 → 4.91.0

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

@@ -313,10 +313,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 class TuiTextfieldComponent extends TuiTextfieldBaseComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTextfieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiTextfieldComponent, isStandalone: true, selector: "tui-textfield:not([multi])", host: { attributes: { "tuiTextfieldV": "4.89.0" }, listeners: { "click.self.prevent": "0", "pointerdown.self.prevent": "onIconClick()", "scroll.capture.zoneless": "onScroll($event.target)", "tuiActiveZoneChange": "!$event && cva?.onTouched()" }, properties: { "attr.data-size": "options.size()", "class._with-label": "hasLabel", "class._with-template": "content && control?.value != null", "class._disabled": "disabled" } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiTextfieldComponent, isStandalone: true, selector: "tui-textfield:not([multi])", host: { attributes: { "tuiTextfieldV": "4.91.0" }, listeners: { "click.self.prevent": "0", "pointerdown.self.prevent": "onIconClick()", "scroll.capture.zoneless": "onScroll($event.target)", "tuiActiveZoneChange": "!$event && cva?.onTouched()" }, properties: { "attr.data-size": "options.size()", "class._with-label": "hasLabel", "class._with-template": "content && control?.value != null", "class._disabled": "disabled" } }, providers: [
             tuiButtonOptionsProvider({ size: 'xs', appearance: 'icon' }),
             tuiAsDataListHost(TuiTextfieldComponent),
-        ], usesInheritance: true, hostDirectives: [{ directive: i1.TuiDropdownDirective }, { directive: i1.TuiDropdownFixed }, { directive: i2.TuiTransitioned }, { directive: i1.TuiWithDropdownOpen }, { directive: i3.TuiWithIcons }, { directive: i4.TuiWithItemsHandlers }, { directive: i5.TuiWithOptionContent }, { directive: TuiWithTextfieldDropdown }], ngImport: i0, template: "<ng-container *ngIf=\"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    (click)=\"interactiveInput?.nativeElement?.focus()\"\n    (pointerdown.zoneless.prevent)=\"(0)\"\n    (waResizeObserver)=\"$event[0] && onResize($event[0])\"\n>\n    <ng-content />\n    <button\n        *ngIf=\"options.cleaner()\"\n        appearance=\"icon\"\n        size=\"xs\"\n        tabindex=\"-1\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-clear\"\n        [iconStart]=\"icons.close\"\n        (click)=\"accessor?.setValue(null)\"\n    >\n        {{ clear() }}\n    </button>\n    <ng-container #vcr />\n    <ng-content select=\"tui-icon\" />\n</span>\n<span\n    *ngIf=\"control?.value != null\"\n    class=\"t-template\"\n>\n    <ng-container *polymorpheusOutlet=\"content as text; context: {$implicit: control?.value}\">\n        {{ text }}\n    </ng-container>\n</span>\n<input\n    *ngIf=\"showFiller()\"\n    #ghost\n    aria-hidden=\"true\"\n    disabled\n    class=\"t-filler\"\n    [value]=\"computedFiller()\"\n/>\n", styles: ["[tuiTextfieldV=\"4.89.0\"]{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-text-s);--t-end: 0rem;--t-start: 0rem;position:relative;display:flex;flex-wrap:wrap;align-items:center;cursor:pointer;min-block-size:var(--t-height);padding:0 var(--t-padding);border-radius:var(--tui-radius-l);font:var(--tui-font-text-ui-m);line-height:1.25rem;box-sizing:border-box;gap:0 .25rem;isolation:isolate}[tuiTextfieldV=\"4.89.0\"]::-webkit-scrollbar,[tuiTextfieldV=\"4.89.0\"]::-webkit-scrollbar-thumb{display:none}[tuiTextfieldV=\"4.89.0\"][tuiIcons]:read-only{color:var(--tui-text-tertiary)}[tuiTextfieldV=\"4.89.0\"][style*=\"--t-icon-start:\"]{--t-start: 2.25rem}[tuiTextfieldV=\"4.89.0\"][style*=\"--t-icon-end:\"]{--t-end: 2.25rem}[tuiTextfieldV=\"4.89.0\"][tuiIcons]:after{position:relative;block-size:auto;align-self:stretch;border-inline-start:var(--t-padding) solid transparent;border-inline-end:var(--t-padding) solid transparent;margin:0 calc(-1 * var(--t-padding))}[tuiTextfieldV=\"4.89.0\"]::-webkit-resizer{border:.25rem solid transparent;inline-size:.5rem;block-size:.5rem;box-sizing:content-box;color:var(--tui-text-tertiary);background:linear-gradient(-45deg,transparent,transparent .125rem,currentColor .125rem,currentColor .1875rem,transparent .1875rem,transparent .25rem,currentColor .25rem,currentColor .3125rem,transparent .35rem);background-clip:content-box}[tuiTextfieldV=\"4.89.0\"] label,[tuiTextfieldV=\"4.89.0\"]>.t-content,[tuiTextfieldV=\"4.89.0\"]>.t-template{pointer-events:none}[tuiTextfieldV=\"4.89.0\"] input,[tuiTextfieldV=\"4.89.0\"] select,[tuiTextfieldV=\"4.89.0\"] textarea{font:inherit;resize:none;outline:none;padding-block-start:1.125rem;padding-block-end:1.125rem}[tuiTextfieldV=\"4.89.0\"] input[inputmode=none],[tuiTextfieldV=\"4.89.0\"] select[inputmode=none],[tuiTextfieldV=\"4.89.0\"] textarea[inputmode=none]{caret-color:transparent}[tuiTextfieldV=\"4.89.0\"] input::-webkit-inner-spin-button,[tuiTextfieldV=\"4.89.0\"] select::-webkit-inner-spin-button,[tuiTextfieldV=\"4.89.0\"] textarea::-webkit-inner-spin-button,[tuiTextfieldV=\"4.89.0\"] input::-webkit-outer-spin-button,[tuiTextfieldV=\"4.89.0\"] select::-webkit-outer-spin-button,[tuiTextfieldV=\"4.89.0\"] textarea::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}[tuiTextfieldV=\"4.89.0\"][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-text-ui-s);line-height:1rem}[tuiTextfieldV=\"4.89.0\"][data-size=s][style*=\"--t-icon-start:\"]{--t-start: 1.375rem}[tuiTextfieldV=\"4.89.0\"][data-size=s][style*=\"--t-icon-end:\"]{--t-end: 1.375rem}[tuiTextfieldV=\"4.89.0\"][data-size=s]:before{margin-inline-end:.625rem;font-size:1rem}[tuiTextfieldV=\"4.89.0\"][data-size=s]:after{margin-inline-end:calc(-1 * var(--t-padding));margin-inline-start:calc(.5rem - var(--t-padding));font-size:1rem}[tuiTextfieldV=\"4.89.0\"][data-size=s] input,[tuiTextfieldV=\"4.89.0\"][data-size=s] select,[tuiTextfieldV=\"4.89.0\"][data-size=s] textarea{padding-block-start:.5rem;padding-block-end:.5rem}[tuiTextfieldV=\"4.89.0\"][data-size=s]>.t-content{margin-inline-end:-.25rem}[tuiTextfieldV=\"4.89.0\"][data-size=m]{--t-height: var(--tui-height-m);--t-padding: var(--tui-padding-m);--t-label-font: var(--tui-font-text-xs);--t-label-y: -.5625rem;border-radius:var(--tui-radius-m);font:var(--tui-font-text-ui-s);line-height:1rem}[tuiTextfieldV=\"4.89.0\"][data-size=m][style*=\"--t-icon-start:\"]{--t-start: 1.75rem}[tuiTextfieldV=\"4.89.0\"][data-size=m][style*=\"--t-icon-end:\"]{--t-end: 1.75rem}[tuiTextfieldV=\"4.89.0\"][data-size=m]:before{margin-inline-start:-.125rem;margin-inline-end:.125rem}[tuiTextfieldV=\"4.89.0\"][data-size=m]:after{margin-inline-start:calc(.25rem - var(--t-padding));margin-inline-end:calc(-.125rem - var(--t-padding))}[tuiTextfieldV=\"4.89.0\"][data-size=m] input,[tuiTextfieldV=\"4.89.0\"][data-size=m] select,[tuiTextfieldV=\"4.89.0\"][data-size=m] textarea{padding-block-start:.875rem;padding-block-end:.875rem}[tuiTextfieldV=\"4.89.0\"][data-size=m]>.t-content{margin-inline-end:-.125rem}[tuiTextfieldV=\"4.89.0\"][data-size=l]{--t-label: -.7rem}[tuiTextfieldV=\"4.89.0\"][tuiIcons]:hover{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.89.0\"][tuiIcons]:hover:has(input:read-only):not([multi]),[tuiTextfieldV=\"4.89.0\"][tuiIcons]:hover:has(textarea:read-only),[tuiTextfieldV=\"4.89.0\"][tuiIcons]:hover:has(select[data-mode~=readonly]){color:var(--tui-text-tertiary)}[tuiTextfieldV=\"4.89.0\"]:before{z-index:1;margin-inline-end:.5rem;pointer-events:none}[tuiTextfieldV=\"4.89.0\"]:has(:disabled:not(.t-filler,button,option,[tuiChip])):before,[tuiTextfieldV=\"4.89.0\"]:has(:disabled:not(.t-filler,button,option,[tuiChip])):after,[tuiTextfieldV=\"4.89.0\"]:has(:disabled:not(.t-filler,button,option,[tuiChip]))>.t-template{opacity:var(--tui-disabled-opacity)}[tuiTextfieldV=\"4.89.0\"]._disabled:before,[tuiTextfieldV=\"4.89.0\"]._disabled:after,[tuiTextfieldV=\"4.89.0\"]._disabled>.t-template{opacity:var(--tui-disabled-opacity)}[tuiTextfieldV=\"4.89.0\"]:has(label:not(:empty))>.t-template,[tuiTextfieldV=\"4.89.0\"]:has(label:not(:empty)) input:not([type=range]),[tuiTextfieldV=\"4.89.0\"]:has(label:not(:empty)) select:defined,[tuiTextfieldV=\"4.89.0\"]:has(label:not(:empty)) textarea:defined{padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true]):has(label:not(:empty))>.t-template::placeholder,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true]):has(label:not(:empty)) input:not([type=range])::placeholder,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true]):has(label:not(:empty)) select:defined::placeholder,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true]):has(label:not(:empty)) textarea:defined::placeholder,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true]):has(label:not(:empty))>.t-template._empty,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true]):has(label:not(:empty)) input:not([type=range])._empty,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true]):has(label:not(:empty)) select:defined._empty,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true]):has(label:not(:empty)) textarea:defined._empty{color:transparent}[tuiTextfieldV=\"4.89.0\"]._with-label>.t-template,[tuiTextfieldV=\"4.89.0\"]._with-label input:not([type=range]),[tuiTextfieldV=\"4.89.0\"]._with-label select:defined,[tuiTextfieldV=\"4.89.0\"]._with-label textarea:defined{padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true])._with-label>.t-template::placeholder,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true])._with-label input:not([type=range])::placeholder,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true])._with-label select:defined::placeholder,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true])._with-label textarea:defined::placeholder,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true])._with-label>.t-template._empty,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true])._with-label input:not([type=range])._empty,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true])._with-label select:defined._empty,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true])._with-label textarea:defined._empty{color:transparent}[tuiTextfieldV=\"4.89.0\"]>.t-template,[tuiTextfieldV=\"4.89.0\"] input:defined,[tuiTextfieldV=\"4.89.0\"] select:defined,[tuiTextfieldV=\"4.89.0\"] textarea:defined{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;-webkit-appearance:none;appearance:none;box-sizing:border-box;border-width:0;padding-inline-start:calc(var(--t-start, 0rem) + var(--t-padding));padding-inline-end:calc(var(--t-end, 0rem) + var(--t-side) + var(--t-padding))}[tuiTextfieldV=\"4.89.0\"]>.t-template{display:flex;align-items:center;border-radius:inherit;color:var(--tui-text-primary)}[tuiTextfieldV=\"4.89.0\"]._with-template input:first-of-type,[tuiTextfieldV=\"4.89.0\"]._with-template select,[tuiTextfieldV=\"4.89.0\"]._with-template textarea{color:transparent!important}[tuiTextfieldV=\"4.89.0\"] input,[tuiTextfieldV=\"4.89.0\"] select,[tuiTextfieldV=\"4.89.0\"] textarea{background:none;border-radius:inherit}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]),[tuiTextfieldV=\"4.89.0\"] select:defined,[tuiTextfieldV=\"4.89.0\"] textarea:defined{pointer-events:auto}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not(select):read-only~.t-filler,[tuiTextfieldV=\"4.89.0\"] select:defined:not(select):read-only~.t-filler,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not(select):read-only~.t-filler{display:none}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):disabled~label,[tuiTextfieldV=\"4.89.0\"] select:defined:disabled~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:disabled~label,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):disabled~.t-content,[tuiTextfieldV=\"4.89.0\"] select:defined:disabled~.t-content,[tuiTextfieldV=\"4.89.0\"] textarea:defined:disabled~.t-content{opacity:var(--tui-disabled-opacity)}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):disabled~label>tui-icon,[tuiTextfieldV=\"4.89.0\"] select:defined:disabled~label>tui-icon,[tuiTextfieldV=\"4.89.0\"] textarea:defined:disabled~label>tui-icon,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):disabled~.t-content>tui-icon,[tuiTextfieldV=\"4.89.0\"] select:defined:disabled~.t-content>tui-icon,[tuiTextfieldV=\"4.89.0\"] textarea:defined:disabled~.t-content>tui-icon{display:none}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):-webkit-autofill~label,[tuiTextfieldV=\"4.89.0\"] select:defined:-webkit-autofill~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:-webkit-autofill~label,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not(._empty):not(:placeholder-shown)~label,[tuiTextfieldV=\"4.89.0\"] select:defined:not(._empty):not(:placeholder-shown)~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not(._empty):not(:placeholder-shown)~label{font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):-webkit-autofill:not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.89.0\"] select:defined:-webkit-autofill:not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:-webkit-autofill:not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not(._empty):not(:placeholder-shown):not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.89.0\"] select:defined:not(._empty):not(:placeholder-shown):not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not(._empty):not(:placeholder-shown):not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):-webkit-autofill:invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.89.0\"] select:defined:-webkit-autofill:invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:-webkit-autofill:invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not(._empty):not(:placeholder-shown):invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.89.0\"] select:defined:not(._empty):not(:placeholder-shown):invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not(._empty):not(:placeholder-shown):invalid:not(:disabled):not([data-mode])~label{color:var(--tui-text-negative)}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):-webkit-autofill:not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.89.0\"] select:defined:-webkit-autofill:not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.89.0\"] textarea:defined:-webkit-autofill:not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not(._empty):not(:placeholder-shown):not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.89.0\"] select:defined:not(._empty):not(:placeholder-shown):not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not(._empty):not(:placeholder-shown):not(:disabled):not([data-mode~=readonly])~.t-content .t-clear{display:flex}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly]):focus-visible:not([data-focus=false])::placeholder,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])::placeholder,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])::placeholder,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly]):focus-visible:not([data-focus=false])._empty,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])._empty,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly]):focus-visible:not([data-focus=false])~label,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])~label{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly])[data-focus=true]::placeholder,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly])[data-focus=true]::placeholder,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly])[data-focus=true]::placeholder,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly])[data-focus=true]._empty,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly])[data-focus=true]._empty,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly])[data-focus=true]._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly])[data-focus=true]~label,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly])[data-focus=true]~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly])[data-focus=true]~label{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)::placeholder,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)::placeholder,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)::placeholder,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)._empty,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)._empty,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)~label,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)~label{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]._focused._focused::placeholder,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused::placeholder,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused::placeholder,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]._focused._focused._empty,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused._empty,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]._focused._focused~label,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused~label{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}@supports (-webkit-touch-callout: none){[tuiTextfieldV=\"4.89.0\"] input:not([type=range])._ios-fix,[tuiTextfieldV=\"4.89.0\"] select:defined._ios-fix,[tuiTextfieldV=\"4.89.0\"] textarea:defined._ios-fix{position:fixed;left:1000rem}}[tuiTextfieldV=\"4.89.0\"] [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;line-height:var(--t-height);letter-spacing:calc((max(1em,.75rem) - 1em)*.4);transition-duration:inherit}[tuiTextfieldV=\"4.89.0\"] label:defined,[tuiTextfieldV=\"4.89.0\"] input:defined::placeholder,[tuiTextfieldV=\"4.89.0\"] textarea:defined::placeholder,[tuiTextfieldV=\"4.89.0\"] select:defined._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.89.0\"] select:not([data-mode~=readonly]){cursor:pointer}[tuiTextfieldV=\"4.89.0\"] select option[value=\"\"]:disabled{color:transparent}[tuiTextfieldV=\"4.89.0\"] select optgroup,[tuiTextfieldV=\"4.89.0\"] select option{background-color:var(--tui-background-elevation-3)}[tuiTextfieldV=\"4.89.0\"] select optgroup,[tuiTextfieldV=\"4.89.0\"] select option:not(:disabled){color:var(--tui-text-primary)}[tuiTextfieldV=\"4.89.0\"] button,[tuiTextfieldV=\"4.89.0\"] a{pointer-events:auto}[tuiTextfieldV=\"4.89.0\"]>.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}[tuiTextfieldV=\"4.89.0\"]>.t-content>tui-icon{pointer-events:auto}[tuiTextfieldV=\"4.89.0\"] textarea~.t-content{min-inline-size:.5rem}[tuiTextfieldV=\"4.89.0\"] .t-clear{z-index:1;display:none;pointer-events:auto}[tuiTextfieldV=\"4.89.0\"]>.t-filler:defined{pointer-events:none;color:var(--tui-text-tertiary);opacity:1}[tuiTextfieldV=\"4.89.0\"] [tuiFluidTypography]{font-weight:700}[tuiTextfieldV=\"4.89.0\"] [tuiSelectLike]:not(:read-only){cursor:pointer}[tuiTextfieldV=\"4.89.0\"]:has(input[type=tel]){direction:ltr}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: WaResizeObserver, selector: "[waResizeObserver]", inputs: ["box"], outputs: ["waResizeObserver"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, hostDirectives: [{ directive: i1.TuiDropdownDirective }, { directive: i1.TuiDropdownFixed }, { directive: i2.TuiTransitioned }, { directive: i1.TuiWithDropdownOpen }, { directive: i3.TuiWithIcons }, { directive: i4.TuiWithItemsHandlers }, { directive: i5.TuiWithOptionContent }, { directive: TuiWithTextfieldDropdown }], ngImport: i0, template: "<ng-container *ngIf=\"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    (click)=\"interactiveInput?.nativeElement?.focus()\"\n    (pointerdown.zoneless.prevent)=\"(0)\"\n    (waResizeObserver)=\"$event[0] && onResize($event[0])\"\n>\n    <ng-content />\n    <button\n        *ngIf=\"options.cleaner()\"\n        appearance=\"icon\"\n        size=\"xs\"\n        tabindex=\"-1\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-clear\"\n        [iconStart]=\"icons.close\"\n        (click)=\"accessor?.setValue(null)\"\n    >\n        {{ clear() }}\n    </button>\n    <ng-container #vcr />\n    <ng-content select=\"tui-icon\" />\n</span>\n<span\n    *ngIf=\"control?.value != null\"\n    class=\"t-template\"\n>\n    <ng-container *polymorpheusOutlet=\"content as text; context: {$implicit: control?.value}\">\n        {{ text }}\n    </ng-container>\n</span>\n<input\n    *ngIf=\"showFiller()\"\n    #ghost\n    aria-hidden=\"true\"\n    disabled\n    class=\"t-filler\"\n    [value]=\"computedFiller()\"\n/>\n", styles: ["[tuiTextfieldV=\"4.91.0\"]{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-text-s);--t-end: 0rem;--t-start: 0rem;position:relative;display:flex;flex-wrap:wrap;align-items:center;cursor:pointer;min-block-size:var(--t-height);padding:0 var(--t-padding);border-radius:var(--tui-radius-l);font:var(--tui-font-text-ui-m);line-height:1.25rem;box-sizing:border-box;gap:0 .25rem;isolation:isolate}[tuiTextfieldV=\"4.91.0\"]::-webkit-scrollbar,[tuiTextfieldV=\"4.91.0\"]::-webkit-scrollbar-thumb{display:none}[tuiTextfieldV=\"4.91.0\"][tuiIcons]:read-only{color:var(--tui-text-tertiary)}[tuiTextfieldV=\"4.91.0\"][style*=\"--t-icon-start:\"]{--t-start: 2.25rem}[tuiTextfieldV=\"4.91.0\"][style*=\"--t-icon-end:\"]{--t-end: 2.25rem}[tuiTextfieldV=\"4.91.0\"][tuiIcons]:after{position:relative;block-size:auto;align-self:stretch;border-inline-start:var(--t-padding) solid transparent;border-inline-end:var(--t-padding) solid transparent;margin:0 calc(-1 * var(--t-padding))}[tuiTextfieldV=\"4.91.0\"]::-webkit-resizer{border:.25rem solid transparent;inline-size:.5rem;block-size:.5rem;box-sizing:content-box;color:var(--tui-text-tertiary);background:linear-gradient(-45deg,transparent,transparent .125rem,currentColor .125rem,currentColor .1875rem,transparent .1875rem,transparent .25rem,currentColor .25rem,currentColor .3125rem,transparent .35rem);background-clip:content-box}[tuiTextfieldV=\"4.91.0\"] label,[tuiTextfieldV=\"4.91.0\"]>.t-content,[tuiTextfieldV=\"4.91.0\"]>.t-template{pointer-events:none}[tuiTextfieldV=\"4.91.0\"] input,[tuiTextfieldV=\"4.91.0\"] select,[tuiTextfieldV=\"4.91.0\"] textarea{font:inherit;resize:none;outline:none;padding-block-start:1.125rem;padding-block-end:1.125rem}[tuiTextfieldV=\"4.91.0\"] input[inputmode=none],[tuiTextfieldV=\"4.91.0\"] select[inputmode=none],[tuiTextfieldV=\"4.91.0\"] textarea[inputmode=none]{caret-color:transparent}[tuiTextfieldV=\"4.91.0\"] input::-webkit-inner-spin-button,[tuiTextfieldV=\"4.91.0\"] select::-webkit-inner-spin-button,[tuiTextfieldV=\"4.91.0\"] textarea::-webkit-inner-spin-button,[tuiTextfieldV=\"4.91.0\"] input::-webkit-outer-spin-button,[tuiTextfieldV=\"4.91.0\"] select::-webkit-outer-spin-button,[tuiTextfieldV=\"4.91.0\"] textarea::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}[tuiTextfieldV=\"4.91.0\"][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-text-ui-s);line-height:1rem}[tuiTextfieldV=\"4.91.0\"][data-size=s][style*=\"--t-icon-start:\"]{--t-start: 1.375rem}[tuiTextfieldV=\"4.91.0\"][data-size=s][style*=\"--t-icon-end:\"]{--t-end: 1.375rem}[tuiTextfieldV=\"4.91.0\"][data-size=s]:before{margin-inline-end:.625rem;font-size:1rem}[tuiTextfieldV=\"4.91.0\"][data-size=s]:after{margin-inline-end:calc(-1 * var(--t-padding));margin-inline-start:calc(.5rem - var(--t-padding));font-size:1rem}[tuiTextfieldV=\"4.91.0\"][data-size=s] input,[tuiTextfieldV=\"4.91.0\"][data-size=s] select,[tuiTextfieldV=\"4.91.0\"][data-size=s] textarea{padding-block-start:.5rem;padding-block-end:.5rem}[tuiTextfieldV=\"4.91.0\"][data-size=s]>.t-content{margin-inline-end:-.25rem}[tuiTextfieldV=\"4.91.0\"][data-size=m]{--t-height: var(--tui-height-m);--t-padding: var(--tui-padding-m);--t-label-font: var(--tui-font-text-xs);--t-label-y: -.5625rem;border-radius:var(--tui-radius-m);font:var(--tui-font-text-ui-s);line-height:1rem}[tuiTextfieldV=\"4.91.0\"][data-size=m][style*=\"--t-icon-start:\"]{--t-start: 1.75rem}[tuiTextfieldV=\"4.91.0\"][data-size=m][style*=\"--t-icon-end:\"]{--t-end: 1.75rem}[tuiTextfieldV=\"4.91.0\"][data-size=m]:before{margin-inline-start:-.125rem;margin-inline-end:.125rem}[tuiTextfieldV=\"4.91.0\"][data-size=m]:after{margin-inline-start:calc(.25rem - var(--t-padding));margin-inline-end:calc(-.125rem - var(--t-padding))}[tuiTextfieldV=\"4.91.0\"][data-size=m] input,[tuiTextfieldV=\"4.91.0\"][data-size=m] select,[tuiTextfieldV=\"4.91.0\"][data-size=m] textarea{padding-block-start:.875rem;padding-block-end:.875rem}[tuiTextfieldV=\"4.91.0\"][data-size=m]>.t-content{margin-inline-end:-.125rem}[tuiTextfieldV=\"4.91.0\"][data-size=l]{--t-label: -.7rem}[tuiTextfieldV=\"4.91.0\"][tuiIcons]:hover{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.91.0\"][tuiIcons]:hover:has(input:read-only):not([multi]),[tuiTextfieldV=\"4.91.0\"][tuiIcons]:hover:has(textarea:read-only),[tuiTextfieldV=\"4.91.0\"][tuiIcons]:hover:has(select[data-mode~=readonly]){color:var(--tui-text-tertiary)}[tuiTextfieldV=\"4.91.0\"]:before{z-index:1;margin-inline-end:.5rem;pointer-events:none}[tuiTextfieldV=\"4.91.0\"]:has(:disabled:not(.t-filler,button,option,[tuiChip])):before,[tuiTextfieldV=\"4.91.0\"]:has(:disabled:not(.t-filler,button,option,[tuiChip])):after,[tuiTextfieldV=\"4.91.0\"]:has(:disabled:not(.t-filler,button,option,[tuiChip]))>.t-template{opacity:var(--tui-disabled-opacity)}[tuiTextfieldV=\"4.91.0\"]._disabled:before,[tuiTextfieldV=\"4.91.0\"]._disabled:after,[tuiTextfieldV=\"4.91.0\"]._disabled>.t-template{opacity:var(--tui-disabled-opacity)}[tuiTextfieldV=\"4.91.0\"]:has(label:not(:empty))>.t-template,[tuiTextfieldV=\"4.91.0\"]:has(label:not(:empty)) input:not([type=range]),[tuiTextfieldV=\"4.91.0\"]:has(label:not(:empty)) select:defined,[tuiTextfieldV=\"4.91.0\"]:has(label:not(:empty)) textarea:defined{padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true]):has(label:not(:empty))>.t-template::placeholder,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true]):has(label:not(:empty)) input:not([type=range])::placeholder,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true]):has(label:not(:empty)) select:defined::placeholder,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true]):has(label:not(:empty)) textarea:defined::placeholder,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true]):has(label:not(:empty))>.t-template._empty,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true]):has(label:not(:empty)) input:not([type=range])._empty,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true]):has(label:not(:empty)) select:defined._empty,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true]):has(label:not(:empty)) textarea:defined._empty{color:transparent}[tuiTextfieldV=\"4.91.0\"]._with-label>.t-template,[tuiTextfieldV=\"4.91.0\"]._with-label input:not([type=range]),[tuiTextfieldV=\"4.91.0\"]._with-label select:defined,[tuiTextfieldV=\"4.91.0\"]._with-label textarea:defined{padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true])._with-label>.t-template::placeholder,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true])._with-label input:not([type=range])::placeholder,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true])._with-label select:defined::placeholder,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true])._with-label textarea:defined::placeholder,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true])._with-label>.t-template._empty,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true])._with-label input:not([type=range])._empty,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true])._with-label select:defined._empty,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true])._with-label textarea:defined._empty{color:transparent}[tuiTextfieldV=\"4.91.0\"]>.t-template,[tuiTextfieldV=\"4.91.0\"] input:defined,[tuiTextfieldV=\"4.91.0\"] select:defined,[tuiTextfieldV=\"4.91.0\"] textarea:defined{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;-webkit-appearance:none;appearance:none;box-sizing:border-box;border-width:0;padding-inline-start:calc(var(--t-start, 0rem) + var(--t-padding));padding-inline-end:calc(var(--t-end, 0rem) + var(--t-side) + var(--t-padding))}[tuiTextfieldV=\"4.91.0\"]>.t-template{display:flex;align-items:center;border-radius:inherit;color:var(--tui-text-primary)}[tuiTextfieldV=\"4.91.0\"]._with-template input:first-of-type,[tuiTextfieldV=\"4.91.0\"]._with-template select,[tuiTextfieldV=\"4.91.0\"]._with-template textarea{color:transparent!important}[tuiTextfieldV=\"4.91.0\"] input,[tuiTextfieldV=\"4.91.0\"] select,[tuiTextfieldV=\"4.91.0\"] textarea{background:none;border-radius:inherit}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]),[tuiTextfieldV=\"4.91.0\"] select:defined,[tuiTextfieldV=\"4.91.0\"] textarea:defined{pointer-events:auto}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not(select):read-only~.t-filler,[tuiTextfieldV=\"4.91.0\"] select:defined:not(select):read-only~.t-filler,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not(select):read-only~.t-filler{display:none}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):disabled~label,[tuiTextfieldV=\"4.91.0\"] select:defined:disabled~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:disabled~label,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):disabled~.t-content,[tuiTextfieldV=\"4.91.0\"] select:defined:disabled~.t-content,[tuiTextfieldV=\"4.91.0\"] textarea:defined:disabled~.t-content{opacity:var(--tui-disabled-opacity)}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):disabled~label>tui-icon,[tuiTextfieldV=\"4.91.0\"] select:defined:disabled~label>tui-icon,[tuiTextfieldV=\"4.91.0\"] textarea:defined:disabled~label>tui-icon,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):disabled~.t-content>tui-icon,[tuiTextfieldV=\"4.91.0\"] select:defined:disabled~.t-content>tui-icon,[tuiTextfieldV=\"4.91.0\"] textarea:defined:disabled~.t-content>tui-icon{display:none}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):-webkit-autofill~label,[tuiTextfieldV=\"4.91.0\"] select:defined:-webkit-autofill~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:-webkit-autofill~label,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not(._empty):not(:placeholder-shown)~label,[tuiTextfieldV=\"4.91.0\"] select:defined:not(._empty):not(:placeholder-shown)~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not(._empty):not(:placeholder-shown)~label{font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):-webkit-autofill:not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.91.0\"] select:defined:-webkit-autofill:not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:-webkit-autofill:not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not(._empty):not(:placeholder-shown):not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.91.0\"] select:defined:not(._empty):not(:placeholder-shown):not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not(._empty):not(:placeholder-shown):not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):-webkit-autofill:invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.91.0\"] select:defined:-webkit-autofill:invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:-webkit-autofill:invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not(._empty):not(:placeholder-shown):invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.91.0\"] select:defined:not(._empty):not(:placeholder-shown):invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not(._empty):not(:placeholder-shown):invalid:not(:disabled):not([data-mode])~label{color:var(--tui-text-negative)}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):-webkit-autofill:not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.91.0\"] select:defined:-webkit-autofill:not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.91.0\"] textarea:defined:-webkit-autofill:not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not(._empty):not(:placeholder-shown):not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.91.0\"] select:defined:not(._empty):not(:placeholder-shown):not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not(._empty):not(:placeholder-shown):not(:disabled):not([data-mode~=readonly])~.t-content .t-clear{display:flex}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly]):focus-visible:not([data-focus=false])::placeholder,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])::placeholder,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])::placeholder,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly]):focus-visible:not([data-focus=false])._empty,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])._empty,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly]):focus-visible:not([data-focus=false])~label,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])~label{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly])[data-focus=true]::placeholder,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly])[data-focus=true]::placeholder,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly])[data-focus=true]::placeholder,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly])[data-focus=true]._empty,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly])[data-focus=true]._empty,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly])[data-focus=true]._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly])[data-focus=true]~label,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly])[data-focus=true]~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly])[data-focus=true]~label{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)::placeholder,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)::placeholder,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)::placeholder,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)._empty,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)._empty,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)~label,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)~label{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]._focused._focused::placeholder,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused::placeholder,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused::placeholder,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]._focused._focused._empty,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused._empty,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]._focused._focused~label,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused~label{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}@supports (-webkit-touch-callout: none){[tuiTextfieldV=\"4.91.0\"] input:not([type=range])._ios-fix,[tuiTextfieldV=\"4.91.0\"] select:defined._ios-fix,[tuiTextfieldV=\"4.91.0\"] textarea:defined._ios-fix{position:fixed;left:1000rem}}[tuiTextfieldV=\"4.91.0\"] [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;line-height:var(--t-height);letter-spacing:calc((max(1em,.75rem) - 1em)*.4);transition-duration:inherit}[tuiTextfieldV=\"4.91.0\"] label:defined,[tuiTextfieldV=\"4.91.0\"] input:defined::placeholder,[tuiTextfieldV=\"4.91.0\"] textarea:defined::placeholder,[tuiTextfieldV=\"4.91.0\"] select:defined._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.91.0\"] select:not([data-mode~=readonly]){cursor:pointer}[tuiTextfieldV=\"4.91.0\"] select option[value=\"\"]:disabled{color:transparent}[tuiTextfieldV=\"4.91.0\"] select optgroup,[tuiTextfieldV=\"4.91.0\"] select option{background-color:var(--tui-background-elevation-3)}[tuiTextfieldV=\"4.91.0\"] select optgroup,[tuiTextfieldV=\"4.91.0\"] select option:not(:disabled){color:var(--tui-text-primary)}[tuiTextfieldV=\"4.91.0\"] button,[tuiTextfieldV=\"4.91.0\"] a{pointer-events:auto}[tuiTextfieldV=\"4.91.0\"]>.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}[tuiTextfieldV=\"4.91.0\"]>.t-content>tui-icon{pointer-events:auto}[tuiTextfieldV=\"4.91.0\"] textarea~.t-content{min-inline-size:.5rem}[tuiTextfieldV=\"4.91.0\"] .t-clear{z-index:1;display:none;pointer-events:auto}[tuiTextfieldV=\"4.91.0\"]>.t-filler:defined{pointer-events:none;color:var(--tui-text-tertiary);opacity:1}[tuiTextfieldV=\"4.91.0\"] [tuiFluidTypography]{font-weight:700}[tuiTextfieldV=\"4.91.0\"] [tuiSelectLike]:not(:read-only){cursor:pointer}[tuiTextfieldV=\"4.91.0\"]:has(input[type=tel]){direction:ltr}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: WaResizeObserver, selector: "[waResizeObserver]", inputs: ["box"], outputs: ["waResizeObserver"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTextfieldComponent, decorators: [{
             type: Component,
@@ -342,7 +342,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         '(pointerdown.self.prevent)': 'onIconClick()',
                         '(scroll.capture.zoneless)': 'onScroll($event.target)',
                         '(tuiActiveZoneChange)': '!$event && cva?.onTouched()',
-                    }, template: "<ng-container *ngIf=\"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    (click)=\"interactiveInput?.nativeElement?.focus()\"\n    (pointerdown.zoneless.prevent)=\"(0)\"\n    (waResizeObserver)=\"$event[0] && onResize($event[0])\"\n>\n    <ng-content />\n    <button\n        *ngIf=\"options.cleaner()\"\n        appearance=\"icon\"\n        size=\"xs\"\n        tabindex=\"-1\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-clear\"\n        [iconStart]=\"icons.close\"\n        (click)=\"accessor?.setValue(null)\"\n    >\n        {{ clear() }}\n    </button>\n    <ng-container #vcr />\n    <ng-content select=\"tui-icon\" />\n</span>\n<span\n    *ngIf=\"control?.value != null\"\n    class=\"t-template\"\n>\n    <ng-container *polymorpheusOutlet=\"content as text; context: {$implicit: control?.value}\">\n        {{ text }}\n    </ng-container>\n</span>\n<input\n    *ngIf=\"showFiller()\"\n    #ghost\n    aria-hidden=\"true\"\n    disabled\n    class=\"t-filler\"\n    [value]=\"computedFiller()\"\n/>\n", styles: ["[tuiTextfieldV=\"4.89.0\"]{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-text-s);--t-end: 0rem;--t-start: 0rem;position:relative;display:flex;flex-wrap:wrap;align-items:center;cursor:pointer;min-block-size:var(--t-height);padding:0 var(--t-padding);border-radius:var(--tui-radius-l);font:var(--tui-font-text-ui-m);line-height:1.25rem;box-sizing:border-box;gap:0 .25rem;isolation:isolate}[tuiTextfieldV=\"4.89.0\"]::-webkit-scrollbar,[tuiTextfieldV=\"4.89.0\"]::-webkit-scrollbar-thumb{display:none}[tuiTextfieldV=\"4.89.0\"][tuiIcons]:read-only{color:var(--tui-text-tertiary)}[tuiTextfieldV=\"4.89.0\"][style*=\"--t-icon-start:\"]{--t-start: 2.25rem}[tuiTextfieldV=\"4.89.0\"][style*=\"--t-icon-end:\"]{--t-end: 2.25rem}[tuiTextfieldV=\"4.89.0\"][tuiIcons]:after{position:relative;block-size:auto;align-self:stretch;border-inline-start:var(--t-padding) solid transparent;border-inline-end:var(--t-padding) solid transparent;margin:0 calc(-1 * var(--t-padding))}[tuiTextfieldV=\"4.89.0\"]::-webkit-resizer{border:.25rem solid transparent;inline-size:.5rem;block-size:.5rem;box-sizing:content-box;color:var(--tui-text-tertiary);background:linear-gradient(-45deg,transparent,transparent .125rem,currentColor .125rem,currentColor .1875rem,transparent .1875rem,transparent .25rem,currentColor .25rem,currentColor .3125rem,transparent .35rem);background-clip:content-box}[tuiTextfieldV=\"4.89.0\"] label,[tuiTextfieldV=\"4.89.0\"]>.t-content,[tuiTextfieldV=\"4.89.0\"]>.t-template{pointer-events:none}[tuiTextfieldV=\"4.89.0\"] input,[tuiTextfieldV=\"4.89.0\"] select,[tuiTextfieldV=\"4.89.0\"] textarea{font:inherit;resize:none;outline:none;padding-block-start:1.125rem;padding-block-end:1.125rem}[tuiTextfieldV=\"4.89.0\"] input[inputmode=none],[tuiTextfieldV=\"4.89.0\"] select[inputmode=none],[tuiTextfieldV=\"4.89.0\"] textarea[inputmode=none]{caret-color:transparent}[tuiTextfieldV=\"4.89.0\"] input::-webkit-inner-spin-button,[tuiTextfieldV=\"4.89.0\"] select::-webkit-inner-spin-button,[tuiTextfieldV=\"4.89.0\"] textarea::-webkit-inner-spin-button,[tuiTextfieldV=\"4.89.0\"] input::-webkit-outer-spin-button,[tuiTextfieldV=\"4.89.0\"] select::-webkit-outer-spin-button,[tuiTextfieldV=\"4.89.0\"] textarea::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}[tuiTextfieldV=\"4.89.0\"][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-text-ui-s);line-height:1rem}[tuiTextfieldV=\"4.89.0\"][data-size=s][style*=\"--t-icon-start:\"]{--t-start: 1.375rem}[tuiTextfieldV=\"4.89.0\"][data-size=s][style*=\"--t-icon-end:\"]{--t-end: 1.375rem}[tuiTextfieldV=\"4.89.0\"][data-size=s]:before{margin-inline-end:.625rem;font-size:1rem}[tuiTextfieldV=\"4.89.0\"][data-size=s]:after{margin-inline-end:calc(-1 * var(--t-padding));margin-inline-start:calc(.5rem - var(--t-padding));font-size:1rem}[tuiTextfieldV=\"4.89.0\"][data-size=s] input,[tuiTextfieldV=\"4.89.0\"][data-size=s] select,[tuiTextfieldV=\"4.89.0\"][data-size=s] textarea{padding-block-start:.5rem;padding-block-end:.5rem}[tuiTextfieldV=\"4.89.0\"][data-size=s]>.t-content{margin-inline-end:-.25rem}[tuiTextfieldV=\"4.89.0\"][data-size=m]{--t-height: var(--tui-height-m);--t-padding: var(--tui-padding-m);--t-label-font: var(--tui-font-text-xs);--t-label-y: -.5625rem;border-radius:var(--tui-radius-m);font:var(--tui-font-text-ui-s);line-height:1rem}[tuiTextfieldV=\"4.89.0\"][data-size=m][style*=\"--t-icon-start:\"]{--t-start: 1.75rem}[tuiTextfieldV=\"4.89.0\"][data-size=m][style*=\"--t-icon-end:\"]{--t-end: 1.75rem}[tuiTextfieldV=\"4.89.0\"][data-size=m]:before{margin-inline-start:-.125rem;margin-inline-end:.125rem}[tuiTextfieldV=\"4.89.0\"][data-size=m]:after{margin-inline-start:calc(.25rem - var(--t-padding));margin-inline-end:calc(-.125rem - var(--t-padding))}[tuiTextfieldV=\"4.89.0\"][data-size=m] input,[tuiTextfieldV=\"4.89.0\"][data-size=m] select,[tuiTextfieldV=\"4.89.0\"][data-size=m] textarea{padding-block-start:.875rem;padding-block-end:.875rem}[tuiTextfieldV=\"4.89.0\"][data-size=m]>.t-content{margin-inline-end:-.125rem}[tuiTextfieldV=\"4.89.0\"][data-size=l]{--t-label: -.7rem}[tuiTextfieldV=\"4.89.0\"][tuiIcons]:hover{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.89.0\"][tuiIcons]:hover:has(input:read-only):not([multi]),[tuiTextfieldV=\"4.89.0\"][tuiIcons]:hover:has(textarea:read-only),[tuiTextfieldV=\"4.89.0\"][tuiIcons]:hover:has(select[data-mode~=readonly]){color:var(--tui-text-tertiary)}[tuiTextfieldV=\"4.89.0\"]:before{z-index:1;margin-inline-end:.5rem;pointer-events:none}[tuiTextfieldV=\"4.89.0\"]:has(:disabled:not(.t-filler,button,option,[tuiChip])):before,[tuiTextfieldV=\"4.89.0\"]:has(:disabled:not(.t-filler,button,option,[tuiChip])):after,[tuiTextfieldV=\"4.89.0\"]:has(:disabled:not(.t-filler,button,option,[tuiChip]))>.t-template{opacity:var(--tui-disabled-opacity)}[tuiTextfieldV=\"4.89.0\"]._disabled:before,[tuiTextfieldV=\"4.89.0\"]._disabled:after,[tuiTextfieldV=\"4.89.0\"]._disabled>.t-template{opacity:var(--tui-disabled-opacity)}[tuiTextfieldV=\"4.89.0\"]:has(label:not(:empty))>.t-template,[tuiTextfieldV=\"4.89.0\"]:has(label:not(:empty)) input:not([type=range]),[tuiTextfieldV=\"4.89.0\"]:has(label:not(:empty)) select:defined,[tuiTextfieldV=\"4.89.0\"]:has(label:not(:empty)) textarea:defined{padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true]):has(label:not(:empty))>.t-template::placeholder,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true]):has(label:not(:empty)) input:not([type=range])::placeholder,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true]):has(label:not(:empty)) select:defined::placeholder,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true]):has(label:not(:empty)) textarea:defined::placeholder,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true]):has(label:not(:empty))>.t-template._empty,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true]):has(label:not(:empty)) input:not([type=range])._empty,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true]):has(label:not(:empty)) select:defined._empty,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true]):has(label:not(:empty)) textarea:defined._empty{color:transparent}[tuiTextfieldV=\"4.89.0\"]._with-label>.t-template,[tuiTextfieldV=\"4.89.0\"]._with-label input:not([type=range]),[tuiTextfieldV=\"4.89.0\"]._with-label select:defined,[tuiTextfieldV=\"4.89.0\"]._with-label textarea:defined{padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true])._with-label>.t-template::placeholder,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true])._with-label input:not([type=range])::placeholder,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true])._with-label select:defined::placeholder,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true])._with-label textarea:defined::placeholder,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true])._with-label>.t-template._empty,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true])._with-label input:not([type=range])._empty,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true])._with-label select:defined._empty,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true])._with-label textarea:defined._empty{color:transparent}[tuiTextfieldV=\"4.89.0\"]>.t-template,[tuiTextfieldV=\"4.89.0\"] input:defined,[tuiTextfieldV=\"4.89.0\"] select:defined,[tuiTextfieldV=\"4.89.0\"] textarea:defined{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;-webkit-appearance:none;appearance:none;box-sizing:border-box;border-width:0;padding-inline-start:calc(var(--t-start, 0rem) + var(--t-padding));padding-inline-end:calc(var(--t-end, 0rem) + var(--t-side) + var(--t-padding))}[tuiTextfieldV=\"4.89.0\"]>.t-template{display:flex;align-items:center;border-radius:inherit;color:var(--tui-text-primary)}[tuiTextfieldV=\"4.89.0\"]._with-template input:first-of-type,[tuiTextfieldV=\"4.89.0\"]._with-template select,[tuiTextfieldV=\"4.89.0\"]._with-template textarea{color:transparent!important}[tuiTextfieldV=\"4.89.0\"] input,[tuiTextfieldV=\"4.89.0\"] select,[tuiTextfieldV=\"4.89.0\"] textarea{background:none;border-radius:inherit}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]),[tuiTextfieldV=\"4.89.0\"] select:defined,[tuiTextfieldV=\"4.89.0\"] textarea:defined{pointer-events:auto}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not(select):read-only~.t-filler,[tuiTextfieldV=\"4.89.0\"] select:defined:not(select):read-only~.t-filler,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not(select):read-only~.t-filler{display:none}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):disabled~label,[tuiTextfieldV=\"4.89.0\"] select:defined:disabled~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:disabled~label,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):disabled~.t-content,[tuiTextfieldV=\"4.89.0\"] select:defined:disabled~.t-content,[tuiTextfieldV=\"4.89.0\"] textarea:defined:disabled~.t-content{opacity:var(--tui-disabled-opacity)}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):disabled~label>tui-icon,[tuiTextfieldV=\"4.89.0\"] select:defined:disabled~label>tui-icon,[tuiTextfieldV=\"4.89.0\"] textarea:defined:disabled~label>tui-icon,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):disabled~.t-content>tui-icon,[tuiTextfieldV=\"4.89.0\"] select:defined:disabled~.t-content>tui-icon,[tuiTextfieldV=\"4.89.0\"] textarea:defined:disabled~.t-content>tui-icon{display:none}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):-webkit-autofill~label,[tuiTextfieldV=\"4.89.0\"] select:defined:-webkit-autofill~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:-webkit-autofill~label,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not(._empty):not(:placeholder-shown)~label,[tuiTextfieldV=\"4.89.0\"] select:defined:not(._empty):not(:placeholder-shown)~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not(._empty):not(:placeholder-shown)~label{font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):-webkit-autofill:not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.89.0\"] select:defined:-webkit-autofill:not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:-webkit-autofill:not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not(._empty):not(:placeholder-shown):not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.89.0\"] select:defined:not(._empty):not(:placeholder-shown):not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not(._empty):not(:placeholder-shown):not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):-webkit-autofill:invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.89.0\"] select:defined:-webkit-autofill:invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:-webkit-autofill:invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not(._empty):not(:placeholder-shown):invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.89.0\"] select:defined:not(._empty):not(:placeholder-shown):invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not(._empty):not(:placeholder-shown):invalid:not(:disabled):not([data-mode])~label{color:var(--tui-text-negative)}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):-webkit-autofill:not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.89.0\"] select:defined:-webkit-autofill:not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.89.0\"] textarea:defined:-webkit-autofill:not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not(._empty):not(:placeholder-shown):not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.89.0\"] select:defined:not(._empty):not(:placeholder-shown):not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not(._empty):not(:placeholder-shown):not(:disabled):not([data-mode~=readonly])~.t-content .t-clear{display:flex}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly]):focus-visible:not([data-focus=false])::placeholder,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])::placeholder,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])::placeholder,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly]):focus-visible:not([data-focus=false])._empty,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])._empty,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly]):focus-visible:not([data-focus=false])~label,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])~label{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly])[data-focus=true]::placeholder,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly])[data-focus=true]::placeholder,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly])[data-focus=true]::placeholder,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly])[data-focus=true]._empty,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly])[data-focus=true]._empty,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly])[data-focus=true]._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly])[data-focus=true]~label,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly])[data-focus=true]~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly])[data-focus=true]~label{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)::placeholder,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)::placeholder,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)::placeholder,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)._empty,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)._empty,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)~label,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)~label{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]._focused._focused::placeholder,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused::placeholder,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused::placeholder,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]._focused._focused._empty,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused._empty,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]._focused._focused~label,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused~label{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}@supports (-webkit-touch-callout: none){[tuiTextfieldV=\"4.89.0\"] input:not([type=range])._ios-fix,[tuiTextfieldV=\"4.89.0\"] select:defined._ios-fix,[tuiTextfieldV=\"4.89.0\"] textarea:defined._ios-fix{position:fixed;left:1000rem}}[tuiTextfieldV=\"4.89.0\"] [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;line-height:var(--t-height);letter-spacing:calc((max(1em,.75rem) - 1em)*.4);transition-duration:inherit}[tuiTextfieldV=\"4.89.0\"] label:defined,[tuiTextfieldV=\"4.89.0\"] input:defined::placeholder,[tuiTextfieldV=\"4.89.0\"] textarea:defined::placeholder,[tuiTextfieldV=\"4.89.0\"] select:defined._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.89.0\"] select:not([data-mode~=readonly]){cursor:pointer}[tuiTextfieldV=\"4.89.0\"] select option[value=\"\"]:disabled{color:transparent}[tuiTextfieldV=\"4.89.0\"] select optgroup,[tuiTextfieldV=\"4.89.0\"] select option{background-color:var(--tui-background-elevation-3)}[tuiTextfieldV=\"4.89.0\"] select optgroup,[tuiTextfieldV=\"4.89.0\"] select option:not(:disabled){color:var(--tui-text-primary)}[tuiTextfieldV=\"4.89.0\"] button,[tuiTextfieldV=\"4.89.0\"] a{pointer-events:auto}[tuiTextfieldV=\"4.89.0\"]>.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}[tuiTextfieldV=\"4.89.0\"]>.t-content>tui-icon{pointer-events:auto}[tuiTextfieldV=\"4.89.0\"] textarea~.t-content{min-inline-size:.5rem}[tuiTextfieldV=\"4.89.0\"] .t-clear{z-index:1;display:none;pointer-events:auto}[tuiTextfieldV=\"4.89.0\"]>.t-filler:defined{pointer-events:none;color:var(--tui-text-tertiary);opacity:1}[tuiTextfieldV=\"4.89.0\"] [tuiFluidTypography]{font-weight:700}[tuiTextfieldV=\"4.89.0\"] [tuiSelectLike]:not(:read-only){cursor:pointer}[tuiTextfieldV=\"4.89.0\"]:has(input[type=tel]){direction:ltr}\n"] }]
+                    }, template: "<ng-container *ngIf=\"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    (click)=\"interactiveInput?.nativeElement?.focus()\"\n    (pointerdown.zoneless.prevent)=\"(0)\"\n    (waResizeObserver)=\"$event[0] && onResize($event[0])\"\n>\n    <ng-content />\n    <button\n        *ngIf=\"options.cleaner()\"\n        appearance=\"icon\"\n        size=\"xs\"\n        tabindex=\"-1\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-clear\"\n        [iconStart]=\"icons.close\"\n        (click)=\"accessor?.setValue(null)\"\n    >\n        {{ clear() }}\n    </button>\n    <ng-container #vcr />\n    <ng-content select=\"tui-icon\" />\n</span>\n<span\n    *ngIf=\"control?.value != null\"\n    class=\"t-template\"\n>\n    <ng-container *polymorpheusOutlet=\"content as text; context: {$implicit: control?.value}\">\n        {{ text }}\n    </ng-container>\n</span>\n<input\n    *ngIf=\"showFiller()\"\n    #ghost\n    aria-hidden=\"true\"\n    disabled\n    class=\"t-filler\"\n    [value]=\"computedFiller()\"\n/>\n", styles: ["[tuiTextfieldV=\"4.91.0\"]{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-text-s);--t-end: 0rem;--t-start: 0rem;position:relative;display:flex;flex-wrap:wrap;align-items:center;cursor:pointer;min-block-size:var(--t-height);padding:0 var(--t-padding);border-radius:var(--tui-radius-l);font:var(--tui-font-text-ui-m);line-height:1.25rem;box-sizing:border-box;gap:0 .25rem;isolation:isolate}[tuiTextfieldV=\"4.91.0\"]::-webkit-scrollbar,[tuiTextfieldV=\"4.91.0\"]::-webkit-scrollbar-thumb{display:none}[tuiTextfieldV=\"4.91.0\"][tuiIcons]:read-only{color:var(--tui-text-tertiary)}[tuiTextfieldV=\"4.91.0\"][style*=\"--t-icon-start:\"]{--t-start: 2.25rem}[tuiTextfieldV=\"4.91.0\"][style*=\"--t-icon-end:\"]{--t-end: 2.25rem}[tuiTextfieldV=\"4.91.0\"][tuiIcons]:after{position:relative;block-size:auto;align-self:stretch;border-inline-start:var(--t-padding) solid transparent;border-inline-end:var(--t-padding) solid transparent;margin:0 calc(-1 * var(--t-padding))}[tuiTextfieldV=\"4.91.0\"]::-webkit-resizer{border:.25rem solid transparent;inline-size:.5rem;block-size:.5rem;box-sizing:content-box;color:var(--tui-text-tertiary);background:linear-gradient(-45deg,transparent,transparent .125rem,currentColor .125rem,currentColor .1875rem,transparent .1875rem,transparent .25rem,currentColor .25rem,currentColor .3125rem,transparent .35rem);background-clip:content-box}[tuiTextfieldV=\"4.91.0\"] label,[tuiTextfieldV=\"4.91.0\"]>.t-content,[tuiTextfieldV=\"4.91.0\"]>.t-template{pointer-events:none}[tuiTextfieldV=\"4.91.0\"] input,[tuiTextfieldV=\"4.91.0\"] select,[tuiTextfieldV=\"4.91.0\"] textarea{font:inherit;resize:none;outline:none;padding-block-start:1.125rem;padding-block-end:1.125rem}[tuiTextfieldV=\"4.91.0\"] input[inputmode=none],[tuiTextfieldV=\"4.91.0\"] select[inputmode=none],[tuiTextfieldV=\"4.91.0\"] textarea[inputmode=none]{caret-color:transparent}[tuiTextfieldV=\"4.91.0\"] input::-webkit-inner-spin-button,[tuiTextfieldV=\"4.91.0\"] select::-webkit-inner-spin-button,[tuiTextfieldV=\"4.91.0\"] textarea::-webkit-inner-spin-button,[tuiTextfieldV=\"4.91.0\"] input::-webkit-outer-spin-button,[tuiTextfieldV=\"4.91.0\"] select::-webkit-outer-spin-button,[tuiTextfieldV=\"4.91.0\"] textarea::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}[tuiTextfieldV=\"4.91.0\"][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-text-ui-s);line-height:1rem}[tuiTextfieldV=\"4.91.0\"][data-size=s][style*=\"--t-icon-start:\"]{--t-start: 1.375rem}[tuiTextfieldV=\"4.91.0\"][data-size=s][style*=\"--t-icon-end:\"]{--t-end: 1.375rem}[tuiTextfieldV=\"4.91.0\"][data-size=s]:before{margin-inline-end:.625rem;font-size:1rem}[tuiTextfieldV=\"4.91.0\"][data-size=s]:after{margin-inline-end:calc(-1 * var(--t-padding));margin-inline-start:calc(.5rem - var(--t-padding));font-size:1rem}[tuiTextfieldV=\"4.91.0\"][data-size=s] input,[tuiTextfieldV=\"4.91.0\"][data-size=s] select,[tuiTextfieldV=\"4.91.0\"][data-size=s] textarea{padding-block-start:.5rem;padding-block-end:.5rem}[tuiTextfieldV=\"4.91.0\"][data-size=s]>.t-content{margin-inline-end:-.25rem}[tuiTextfieldV=\"4.91.0\"][data-size=m]{--t-height: var(--tui-height-m);--t-padding: var(--tui-padding-m);--t-label-font: var(--tui-font-text-xs);--t-label-y: -.5625rem;border-radius:var(--tui-radius-m);font:var(--tui-font-text-ui-s);line-height:1rem}[tuiTextfieldV=\"4.91.0\"][data-size=m][style*=\"--t-icon-start:\"]{--t-start: 1.75rem}[tuiTextfieldV=\"4.91.0\"][data-size=m][style*=\"--t-icon-end:\"]{--t-end: 1.75rem}[tuiTextfieldV=\"4.91.0\"][data-size=m]:before{margin-inline-start:-.125rem;margin-inline-end:.125rem}[tuiTextfieldV=\"4.91.0\"][data-size=m]:after{margin-inline-start:calc(.25rem - var(--t-padding));margin-inline-end:calc(-.125rem - var(--t-padding))}[tuiTextfieldV=\"4.91.0\"][data-size=m] input,[tuiTextfieldV=\"4.91.0\"][data-size=m] select,[tuiTextfieldV=\"4.91.0\"][data-size=m] textarea{padding-block-start:.875rem;padding-block-end:.875rem}[tuiTextfieldV=\"4.91.0\"][data-size=m]>.t-content{margin-inline-end:-.125rem}[tuiTextfieldV=\"4.91.0\"][data-size=l]{--t-label: -.7rem}[tuiTextfieldV=\"4.91.0\"][tuiIcons]:hover{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.91.0\"][tuiIcons]:hover:has(input:read-only):not([multi]),[tuiTextfieldV=\"4.91.0\"][tuiIcons]:hover:has(textarea:read-only),[tuiTextfieldV=\"4.91.0\"][tuiIcons]:hover:has(select[data-mode~=readonly]){color:var(--tui-text-tertiary)}[tuiTextfieldV=\"4.91.0\"]:before{z-index:1;margin-inline-end:.5rem;pointer-events:none}[tuiTextfieldV=\"4.91.0\"]:has(:disabled:not(.t-filler,button,option,[tuiChip])):before,[tuiTextfieldV=\"4.91.0\"]:has(:disabled:not(.t-filler,button,option,[tuiChip])):after,[tuiTextfieldV=\"4.91.0\"]:has(:disabled:not(.t-filler,button,option,[tuiChip]))>.t-template{opacity:var(--tui-disabled-opacity)}[tuiTextfieldV=\"4.91.0\"]._disabled:before,[tuiTextfieldV=\"4.91.0\"]._disabled:after,[tuiTextfieldV=\"4.91.0\"]._disabled>.t-template{opacity:var(--tui-disabled-opacity)}[tuiTextfieldV=\"4.91.0\"]:has(label:not(:empty))>.t-template,[tuiTextfieldV=\"4.91.0\"]:has(label:not(:empty)) input:not([type=range]),[tuiTextfieldV=\"4.91.0\"]:has(label:not(:empty)) select:defined,[tuiTextfieldV=\"4.91.0\"]:has(label:not(:empty)) textarea:defined{padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true]):has(label:not(:empty))>.t-template::placeholder,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true]):has(label:not(:empty)) input:not([type=range])::placeholder,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true]):has(label:not(:empty)) select:defined::placeholder,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true]):has(label:not(:empty)) textarea:defined::placeholder,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true]):has(label:not(:empty))>.t-template._empty,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true]):has(label:not(:empty)) input:not([type=range])._empty,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true]):has(label:not(:empty)) select:defined._empty,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true]):has(label:not(:empty)) textarea:defined._empty{color:transparent}[tuiTextfieldV=\"4.91.0\"]._with-label>.t-template,[tuiTextfieldV=\"4.91.0\"]._with-label input:not([type=range]),[tuiTextfieldV=\"4.91.0\"]._with-label select:defined,[tuiTextfieldV=\"4.91.0\"]._with-label textarea:defined{padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true])._with-label>.t-template::placeholder,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true])._with-label input:not([type=range])::placeholder,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true])._with-label select:defined::placeholder,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true])._with-label textarea:defined::placeholder,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true])._with-label>.t-template._empty,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true])._with-label input:not([type=range])._empty,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true])._with-label select:defined._empty,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true])._with-label textarea:defined._empty{color:transparent}[tuiTextfieldV=\"4.91.0\"]>.t-template,[tuiTextfieldV=\"4.91.0\"] input:defined,[tuiTextfieldV=\"4.91.0\"] select:defined,[tuiTextfieldV=\"4.91.0\"] textarea:defined{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;-webkit-appearance:none;appearance:none;box-sizing:border-box;border-width:0;padding-inline-start:calc(var(--t-start, 0rem) + var(--t-padding));padding-inline-end:calc(var(--t-end, 0rem) + var(--t-side) + var(--t-padding))}[tuiTextfieldV=\"4.91.0\"]>.t-template{display:flex;align-items:center;border-radius:inherit;color:var(--tui-text-primary)}[tuiTextfieldV=\"4.91.0\"]._with-template input:first-of-type,[tuiTextfieldV=\"4.91.0\"]._with-template select,[tuiTextfieldV=\"4.91.0\"]._with-template textarea{color:transparent!important}[tuiTextfieldV=\"4.91.0\"] input,[tuiTextfieldV=\"4.91.0\"] select,[tuiTextfieldV=\"4.91.0\"] textarea{background:none;border-radius:inherit}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]),[tuiTextfieldV=\"4.91.0\"] select:defined,[tuiTextfieldV=\"4.91.0\"] textarea:defined{pointer-events:auto}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not(select):read-only~.t-filler,[tuiTextfieldV=\"4.91.0\"] select:defined:not(select):read-only~.t-filler,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not(select):read-only~.t-filler{display:none}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):disabled~label,[tuiTextfieldV=\"4.91.0\"] select:defined:disabled~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:disabled~label,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):disabled~.t-content,[tuiTextfieldV=\"4.91.0\"] select:defined:disabled~.t-content,[tuiTextfieldV=\"4.91.0\"] textarea:defined:disabled~.t-content{opacity:var(--tui-disabled-opacity)}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):disabled~label>tui-icon,[tuiTextfieldV=\"4.91.0\"] select:defined:disabled~label>tui-icon,[tuiTextfieldV=\"4.91.0\"] textarea:defined:disabled~label>tui-icon,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):disabled~.t-content>tui-icon,[tuiTextfieldV=\"4.91.0\"] select:defined:disabled~.t-content>tui-icon,[tuiTextfieldV=\"4.91.0\"] textarea:defined:disabled~.t-content>tui-icon{display:none}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):-webkit-autofill~label,[tuiTextfieldV=\"4.91.0\"] select:defined:-webkit-autofill~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:-webkit-autofill~label,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not(._empty):not(:placeholder-shown)~label,[tuiTextfieldV=\"4.91.0\"] select:defined:not(._empty):not(:placeholder-shown)~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not(._empty):not(:placeholder-shown)~label{font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):-webkit-autofill:not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.91.0\"] select:defined:-webkit-autofill:not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:-webkit-autofill:not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not(._empty):not(:placeholder-shown):not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.91.0\"] select:defined:not(._empty):not(:placeholder-shown):not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not(._empty):not(:placeholder-shown):not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):-webkit-autofill:invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.91.0\"] select:defined:-webkit-autofill:invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:-webkit-autofill:invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not(._empty):not(:placeholder-shown):invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.91.0\"] select:defined:not(._empty):not(:placeholder-shown):invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not(._empty):not(:placeholder-shown):invalid:not(:disabled):not([data-mode])~label{color:var(--tui-text-negative)}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):-webkit-autofill:not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.91.0\"] select:defined:-webkit-autofill:not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.91.0\"] textarea:defined:-webkit-autofill:not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not(._empty):not(:placeholder-shown):not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.91.0\"] select:defined:not(._empty):not(:placeholder-shown):not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not(._empty):not(:placeholder-shown):not(:disabled):not([data-mode~=readonly])~.t-content .t-clear{display:flex}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly]):focus-visible:not([data-focus=false])::placeholder,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])::placeholder,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])::placeholder,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly]):focus-visible:not([data-focus=false])._empty,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])._empty,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly]):focus-visible:not([data-focus=false])~label,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])~label{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly])[data-focus=true]::placeholder,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly])[data-focus=true]::placeholder,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly])[data-focus=true]::placeholder,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly])[data-focus=true]._empty,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly])[data-focus=true]._empty,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly])[data-focus=true]._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly])[data-focus=true]~label,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly])[data-focus=true]~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly])[data-focus=true]~label{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)::placeholder,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)::placeholder,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)::placeholder,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)._empty,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)._empty,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)~label,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)~label{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]._focused._focused::placeholder,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused::placeholder,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused::placeholder,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]._focused._focused._empty,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused._empty,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]._focused._focused~label,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused~label{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}@supports (-webkit-touch-callout: none){[tuiTextfieldV=\"4.91.0\"] input:not([type=range])._ios-fix,[tuiTextfieldV=\"4.91.0\"] select:defined._ios-fix,[tuiTextfieldV=\"4.91.0\"] textarea:defined._ios-fix{position:fixed;left:1000rem}}[tuiTextfieldV=\"4.91.0\"] [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;line-height:var(--t-height);letter-spacing:calc((max(1em,.75rem) - 1em)*.4);transition-duration:inherit}[tuiTextfieldV=\"4.91.0\"] label:defined,[tuiTextfieldV=\"4.91.0\"] input:defined::placeholder,[tuiTextfieldV=\"4.91.0\"] textarea:defined::placeholder,[tuiTextfieldV=\"4.91.0\"] select:defined._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.91.0\"] select:not([data-mode~=readonly]){cursor:pointer}[tuiTextfieldV=\"4.91.0\"] select option[value=\"\"]:disabled{color:transparent}[tuiTextfieldV=\"4.91.0\"] select optgroup,[tuiTextfieldV=\"4.91.0\"] select option{background-color:var(--tui-background-elevation-3)}[tuiTextfieldV=\"4.91.0\"] select optgroup,[tuiTextfieldV=\"4.91.0\"] select option:not(:disabled){color:var(--tui-text-primary)}[tuiTextfieldV=\"4.91.0\"] button,[tuiTextfieldV=\"4.91.0\"] a{pointer-events:auto}[tuiTextfieldV=\"4.91.0\"]>.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}[tuiTextfieldV=\"4.91.0\"]>.t-content>tui-icon{pointer-events:auto}[tuiTextfieldV=\"4.91.0\"] textarea~.t-content{min-inline-size:.5rem}[tuiTextfieldV=\"4.91.0\"] .t-clear{z-index:1;display:none;pointer-events:auto}[tuiTextfieldV=\"4.91.0\"]>.t-filler:defined{pointer-events:none;color:var(--tui-text-tertiary);opacity:1}[tuiTextfieldV=\"4.91.0\"] [tuiFluidTypography]{font-weight:700}[tuiTextfieldV=\"4.91.0\"] [tuiSelectLike]:not(:read-only){cursor:pointer}[tuiTextfieldV=\"4.91.0\"]:has(input[type=tel]){direction:ltr}\n"] }]
         }] });
 
 // TODO: Drop in v5 after updated Angular and hostDirectives inherit
@@ -601,6 +601,12 @@ class TuiTextfieldMultiComponent extends TuiTextfieldBaseComponent {
             this.interactiveInput?.nativeElement.focus();
         }
     }
+    onActiveZone(active) {
+        if (!active) {
+            this.el.scrollTo({ left: 0 });
+            this.cva?.onTouched();
+        }
+    }
     onClick(target) {
         if (target === this.el ||
             !this.cva?.interactive() ||
@@ -618,12 +624,12 @@ class TuiTextfieldMultiComponent extends TuiTextfieldBaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTextfieldMultiComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiTextfieldMultiComponent, isStandalone: true, selector: "tui-textfield[multi]", inputs: { rows: "rows" }, host: { attributes: { "tuiTextfieldV": "4.89.0" }, listeners: { "click.prevent": "onClick($event.target)", "tuiActiveZoneChange": "!$event && (el.scrollTo({left: 0}) || cva?.onTouched())", "pointerdown.self.prevent": "onIconClick()", "scroll.capture.zoneless": "onScroll($event.target)" }, properties: { "attr.data-state": "disabled ? \"disabled\" : null", "class._empty": "!control?.value?.length", "style.--t-item-height.px": "height()", "style.--t-rows": "rows", "attr.data-size": "options.size()", "class._with-label": "hasLabel", "class._with-template": "content && control?.value != null", "class._disabled": "disabled" }, classAttribute: "tui-interactive" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiTextfieldMultiComponent, isStandalone: true, selector: "tui-textfield[multi]", inputs: { rows: "rows" }, host: { attributes: { "tuiTextfieldV": "4.91.0" }, listeners: { "click.prevent": "onClick($event.target)", "tuiActiveZoneChange": "onActiveZone($event)", "pointerdown.self.prevent": "onIconClick()", "scroll.capture.zoneless": "onScroll($event.target)" }, properties: { "attr.data-state": "disabled ? \"disabled\" : null", "class._empty": "!control?.value?.length", "style.--t-item-height.px": "height()", "style.--t-rows": "rows", "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(TuiTextfieldMultiComponent),
             tuiProvide(TuiTextfieldComponent, TuiTextfieldMultiComponent),
             tuiProvide(TUI_SCROLL_REF, ElementRef),
-        ], queries: [{ propertyName: "item", first: true, predicate: TuiItem, descendants: true, read: TemplateRef }], usesInheritance: true, hostDirectives: [{ directive: i1.TuiDropdownFixed }, { directive: i1.TuiDropdownDirective }, { directive: i1.TuiWithDropdownOpen }, { directive: TuiWithTextfieldDropdown }, { directive: i3.TuiWithIcons }, { directive: i4$1.TuiWithItemsHandlers }, { directive: i5.TuiWithOptionContent }, { directive: i4$1.TuiWithAppearance }], ngImport: i0, template: "<ng-container *ngIf=\"control?.control?.valueChanges | async\" />\n<tui-scroll-controls\n    *ngIf=\"rows > 1\"\n    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    <ng-template\n        *ngFor=\"let item of control?.value; let index = index\"\n        [polymorpheusOutlet]=\"component\"\n        [polymorpheusOutletContext]=\"{$implicit: {item, index}}\"\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\n            *ngIf=\"placeholder\"\n            class=\"t-ghost\"\n        >\n            {{ placeholder }}\n        </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)=\"interactiveInput?.nativeElement?.focus()\"\n    (pointerdown.zoneless.prevent)=\"(0)\"\n    (waResizeObserver)=\"$event[0] && onResize($event[0])\"\n>\n    <ng-content />\n    <button\n        *ngIf=\"options.cleaner()\"\n        appearance=\"icon\"\n        size=\"xs\"\n        tabindex=\"-1\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-clear\"\n        [iconStart]=\"icons.close\"\n        (click)=\"accessor?.setValue([])\"\n    >\n        {{ clear() }}\n    </button>\n    <ng-container #vcr />\n    <ng-content select=\"tui-icon\" />\n</span>\n\n<span\n    *ngIf=\"control?.value != null\"\n    class=\"t-template\"\n>\n    <ng-container *polymorpheusOutlet=\"content as text; context: {$implicit: control?.value}\">\n        {{ text }}\n    </ng-container>\n</span>\n", styles: ["[tuiTextfieldV=\"4.89.0\"]{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-text-s);--t-end: 0rem;--t-start: 0rem;position:relative;display:flex;flex-wrap:wrap;align-items:center;cursor:pointer;min-block-size:var(--t-height);padding:0 var(--t-padding);border-radius:var(--tui-radius-l);font:var(--tui-font-text-ui-m);line-height:1.25rem;box-sizing:border-box;gap:0 .25rem;isolation:isolate}[tuiTextfieldV=\"4.89.0\"]::-webkit-scrollbar,[tuiTextfieldV=\"4.89.0\"]::-webkit-scrollbar-thumb{display:none}[tuiTextfieldV=\"4.89.0\"][tuiIcons]:read-only{color:var(--tui-text-tertiary)}[tuiTextfieldV=\"4.89.0\"][style*=\"--t-icon-start:\"]{--t-start: 2.25rem}[tuiTextfieldV=\"4.89.0\"][style*=\"--t-icon-end:\"]{--t-end: 2.25rem}[tuiTextfieldV=\"4.89.0\"][tuiIcons]:after{position:relative;block-size:auto;align-self:stretch;border-inline-start:var(--t-padding) solid transparent;border-inline-end:var(--t-padding) solid transparent;margin:0 calc(-1 * var(--t-padding))}[tuiTextfieldV=\"4.89.0\"]::-webkit-resizer{border:.25rem solid transparent;inline-size:.5rem;block-size:.5rem;box-sizing:content-box;color:var(--tui-text-tertiary);background:linear-gradient(-45deg,transparent,transparent .125rem,currentColor .125rem,currentColor .1875rem,transparent .1875rem,transparent .25rem,currentColor .25rem,currentColor .3125rem,transparent .35rem);background-clip:content-box}[tuiTextfieldV=\"4.89.0\"] label,[tuiTextfieldV=\"4.89.0\"]>.t-content,[tuiTextfieldV=\"4.89.0\"]>.t-template{pointer-events:none}[tuiTextfieldV=\"4.89.0\"] input,[tuiTextfieldV=\"4.89.0\"] select,[tuiTextfieldV=\"4.89.0\"] textarea{font:inherit;resize:none;outline:none;padding-block-start:1.125rem;padding-block-end:1.125rem}[tuiTextfieldV=\"4.89.0\"] input[inputmode=none],[tuiTextfieldV=\"4.89.0\"] select[inputmode=none],[tuiTextfieldV=\"4.89.0\"] textarea[inputmode=none]{caret-color:transparent}[tuiTextfieldV=\"4.89.0\"] input::-webkit-inner-spin-button,[tuiTextfieldV=\"4.89.0\"] select::-webkit-inner-spin-button,[tuiTextfieldV=\"4.89.0\"] textarea::-webkit-inner-spin-button,[tuiTextfieldV=\"4.89.0\"] input::-webkit-outer-spin-button,[tuiTextfieldV=\"4.89.0\"] select::-webkit-outer-spin-button,[tuiTextfieldV=\"4.89.0\"] textarea::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}[tuiTextfieldV=\"4.89.0\"][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-text-ui-s);line-height:1rem}[tuiTextfieldV=\"4.89.0\"][data-size=s][style*=\"--t-icon-start:\"]{--t-start: 1.375rem}[tuiTextfieldV=\"4.89.0\"][data-size=s][style*=\"--t-icon-end:\"]{--t-end: 1.375rem}[tuiTextfieldV=\"4.89.0\"][data-size=s]:before{margin-inline-end:.625rem;font-size:1rem}[tuiTextfieldV=\"4.89.0\"][data-size=s]:after{margin-inline-end:calc(-1 * var(--t-padding));margin-inline-start:calc(.5rem - var(--t-padding));font-size:1rem}[tuiTextfieldV=\"4.89.0\"][data-size=s] input,[tuiTextfieldV=\"4.89.0\"][data-size=s] select,[tuiTextfieldV=\"4.89.0\"][data-size=s] textarea{padding-block-start:.5rem;padding-block-end:.5rem}[tuiTextfieldV=\"4.89.0\"][data-size=s]>.t-content{margin-inline-end:-.25rem}[tuiTextfieldV=\"4.89.0\"][data-size=m]{--t-height: var(--tui-height-m);--t-padding: var(--tui-padding-m);--t-label-font: var(--tui-font-text-xs);--t-label-y: -.5625rem;border-radius:var(--tui-radius-m);font:var(--tui-font-text-ui-s);line-height:1rem}[tuiTextfieldV=\"4.89.0\"][data-size=m][style*=\"--t-icon-start:\"]{--t-start: 1.75rem}[tuiTextfieldV=\"4.89.0\"][data-size=m][style*=\"--t-icon-end:\"]{--t-end: 1.75rem}[tuiTextfieldV=\"4.89.0\"][data-size=m]:before{margin-inline-start:-.125rem;margin-inline-end:.125rem}[tuiTextfieldV=\"4.89.0\"][data-size=m]:after{margin-inline-start:calc(.25rem - var(--t-padding));margin-inline-end:calc(-.125rem - var(--t-padding))}[tuiTextfieldV=\"4.89.0\"][data-size=m] input,[tuiTextfieldV=\"4.89.0\"][data-size=m] select,[tuiTextfieldV=\"4.89.0\"][data-size=m] textarea{padding-block-start:.875rem;padding-block-end:.875rem}[tuiTextfieldV=\"4.89.0\"][data-size=m]>.t-content{margin-inline-end:-.125rem}[tuiTextfieldV=\"4.89.0\"][data-size=l]{--t-label: -.7rem}[tuiTextfieldV=\"4.89.0\"][tuiIcons]:hover{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.89.0\"][tuiIcons]:hover:has(input:read-only):not([multi]),[tuiTextfieldV=\"4.89.0\"][tuiIcons]:hover:has(textarea:read-only),[tuiTextfieldV=\"4.89.0\"][tuiIcons]:hover:has(select[data-mode~=readonly]){color:var(--tui-text-tertiary)}[tuiTextfieldV=\"4.89.0\"]:before{z-index:1;margin-inline-end:.5rem;pointer-events:none}[tuiTextfieldV=\"4.89.0\"]:has(:disabled:not(.t-filler,button,option,[tuiChip])):before,[tuiTextfieldV=\"4.89.0\"]:has(:disabled:not(.t-filler,button,option,[tuiChip])):after,[tuiTextfieldV=\"4.89.0\"]:has(:disabled:not(.t-filler,button,option,[tuiChip]))>.t-template{opacity:var(--tui-disabled-opacity)}[tuiTextfieldV=\"4.89.0\"]._disabled:before,[tuiTextfieldV=\"4.89.0\"]._disabled:after,[tuiTextfieldV=\"4.89.0\"]._disabled>.t-template{opacity:var(--tui-disabled-opacity)}[tuiTextfieldV=\"4.89.0\"]:has(label:not(:empty))>.t-template,[tuiTextfieldV=\"4.89.0\"]:has(label:not(:empty)) input:not([type=range]),[tuiTextfieldV=\"4.89.0\"]:has(label:not(:empty)) select:defined,[tuiTextfieldV=\"4.89.0\"]:has(label:not(:empty)) textarea:defined{padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true]):has(label:not(:empty))>.t-template::placeholder,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true]):has(label:not(:empty)) input:not([type=range])::placeholder,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true]):has(label:not(:empty)) select:defined::placeholder,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true]):has(label:not(:empty)) textarea:defined::placeholder,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true]):has(label:not(:empty))>.t-template._empty,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true]):has(label:not(:empty)) input:not([type=range])._empty,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true]):has(label:not(:empty)) select:defined._empty,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true]):has(label:not(:empty)) textarea:defined._empty{color:transparent}[tuiTextfieldV=\"4.89.0\"]._with-label>.t-template,[tuiTextfieldV=\"4.89.0\"]._with-label input:not([type=range]),[tuiTextfieldV=\"4.89.0\"]._with-label select:defined,[tuiTextfieldV=\"4.89.0\"]._with-label textarea:defined{padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true])._with-label>.t-template::placeholder,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true])._with-label input:not([type=range])::placeholder,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true])._with-label select:defined::placeholder,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true])._with-label textarea:defined::placeholder,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true])._with-label>.t-template._empty,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true])._with-label input:not([type=range])._empty,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true])._with-label select:defined._empty,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true])._with-label textarea:defined._empty{color:transparent}[tuiTextfieldV=\"4.89.0\"]>.t-template,[tuiTextfieldV=\"4.89.0\"] input:defined,[tuiTextfieldV=\"4.89.0\"] select:defined,[tuiTextfieldV=\"4.89.0\"] textarea:defined{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;-webkit-appearance:none;appearance:none;box-sizing:border-box;border-width:0;padding-inline-start:calc(var(--t-start, 0rem) + var(--t-padding));padding-inline-end:calc(var(--t-end, 0rem) + var(--t-side) + var(--t-padding))}[tuiTextfieldV=\"4.89.0\"]>.t-template{display:flex;align-items:center;border-radius:inherit;color:var(--tui-text-primary)}[tuiTextfieldV=\"4.89.0\"]._with-template input:first-of-type,[tuiTextfieldV=\"4.89.0\"]._with-template select,[tuiTextfieldV=\"4.89.0\"]._with-template textarea{color:transparent!important}[tuiTextfieldV=\"4.89.0\"] input,[tuiTextfieldV=\"4.89.0\"] select,[tuiTextfieldV=\"4.89.0\"] textarea{background:none;border-radius:inherit}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]),[tuiTextfieldV=\"4.89.0\"] select:defined,[tuiTextfieldV=\"4.89.0\"] textarea:defined{pointer-events:auto}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not(select):read-only~.t-filler,[tuiTextfieldV=\"4.89.0\"] select:defined:not(select):read-only~.t-filler,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not(select):read-only~.t-filler{display:none}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):disabled~label,[tuiTextfieldV=\"4.89.0\"] select:defined:disabled~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:disabled~label,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):disabled~.t-content,[tuiTextfieldV=\"4.89.0\"] select:defined:disabled~.t-content,[tuiTextfieldV=\"4.89.0\"] textarea:defined:disabled~.t-content{opacity:var(--tui-disabled-opacity)}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):disabled~label>tui-icon,[tuiTextfieldV=\"4.89.0\"] select:defined:disabled~label>tui-icon,[tuiTextfieldV=\"4.89.0\"] textarea:defined:disabled~label>tui-icon,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):disabled~.t-content>tui-icon,[tuiTextfieldV=\"4.89.0\"] select:defined:disabled~.t-content>tui-icon,[tuiTextfieldV=\"4.89.0\"] textarea:defined:disabled~.t-content>tui-icon{display:none}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):-webkit-autofill~label,[tuiTextfieldV=\"4.89.0\"] select:defined:-webkit-autofill~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:-webkit-autofill~label,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not(._empty):not(:placeholder-shown)~label,[tuiTextfieldV=\"4.89.0\"] select:defined:not(._empty):not(:placeholder-shown)~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not(._empty):not(:placeholder-shown)~label{font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):-webkit-autofill:not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.89.0\"] select:defined:-webkit-autofill:not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:-webkit-autofill:not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not(._empty):not(:placeholder-shown):not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.89.0\"] select:defined:not(._empty):not(:placeholder-shown):not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not(._empty):not(:placeholder-shown):not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):-webkit-autofill:invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.89.0\"] select:defined:-webkit-autofill:invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:-webkit-autofill:invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not(._empty):not(:placeholder-shown):invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.89.0\"] select:defined:not(._empty):not(:placeholder-shown):invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not(._empty):not(:placeholder-shown):invalid:not(:disabled):not([data-mode])~label{color:var(--tui-text-negative)}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):-webkit-autofill:not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.89.0\"] select:defined:-webkit-autofill:not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.89.0\"] textarea:defined:-webkit-autofill:not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not(._empty):not(:placeholder-shown):not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.89.0\"] select:defined:not(._empty):not(:placeholder-shown):not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not(._empty):not(:placeholder-shown):not(:disabled):not([data-mode~=readonly])~.t-content .t-clear{display:flex}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly]):focus-visible:not([data-focus=false])::placeholder,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])::placeholder,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])::placeholder,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly]):focus-visible:not([data-focus=false])._empty,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])._empty,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly]):focus-visible:not([data-focus=false])~label,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])~label{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly])[data-focus=true]::placeholder,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly])[data-focus=true]::placeholder,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly])[data-focus=true]::placeholder,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly])[data-focus=true]._empty,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly])[data-focus=true]._empty,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly])[data-focus=true]._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly])[data-focus=true]~label,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly])[data-focus=true]~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly])[data-focus=true]~label{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)::placeholder,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)::placeholder,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)::placeholder,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)._empty,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)._empty,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)~label,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)~label{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]._focused._focused::placeholder,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused::placeholder,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused::placeholder,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]._focused._focused._empty,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused._empty,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]._focused._focused~label,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused~label{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}@supports (-webkit-touch-callout: none){[tuiTextfieldV=\"4.89.0\"] input:not([type=range])._ios-fix,[tuiTextfieldV=\"4.89.0\"] select:defined._ios-fix,[tuiTextfieldV=\"4.89.0\"] textarea:defined._ios-fix{position:fixed;left:1000rem}}[tuiTextfieldV=\"4.89.0\"] [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;line-height:var(--t-height);letter-spacing:calc((max(1em,.75rem) - 1em)*.4);transition-duration:inherit}[tuiTextfieldV=\"4.89.0\"] label:defined,[tuiTextfieldV=\"4.89.0\"] input:defined::placeholder,[tuiTextfieldV=\"4.89.0\"] textarea:defined::placeholder,[tuiTextfieldV=\"4.89.0\"] select:defined._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.89.0\"] select:not([data-mode~=readonly]){cursor:pointer}[tuiTextfieldV=\"4.89.0\"] select option[value=\"\"]:disabled{color:transparent}[tuiTextfieldV=\"4.89.0\"] select optgroup,[tuiTextfieldV=\"4.89.0\"] select option{background-color:var(--tui-background-elevation-3)}[tuiTextfieldV=\"4.89.0\"] select optgroup,[tuiTextfieldV=\"4.89.0\"] select option:not(:disabled){color:var(--tui-text-primary)}[tuiTextfieldV=\"4.89.0\"] button,[tuiTextfieldV=\"4.89.0\"] a{pointer-events:auto}[tuiTextfieldV=\"4.89.0\"]>.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}[tuiTextfieldV=\"4.89.0\"]>.t-content>tui-icon{pointer-events:auto}[tuiTextfieldV=\"4.89.0\"] textarea~.t-content{min-inline-size:.5rem}[tuiTextfieldV=\"4.89.0\"] .t-clear{z-index:1;display:none;pointer-events:auto}[tuiTextfieldV=\"4.89.0\"]>.t-filler:defined{pointer-events:none;color:var(--tui-text-tertiary);opacity:1}[tuiTextfieldV=\"4.89.0\"] [tuiFluidTypography]{font-weight:700}[tuiTextfieldV=\"4.89.0\"] [tuiSelectLike]:not(:read-only){cursor:pointer}[tuiTextfieldV=\"4.89.0\"]:has(input[type=tel]){direction:ltr}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]{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[tuiTextfieldV=\"4.89.0\"][multi]:before,tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]:after{position:sticky;top:0;left:0;inset-inline-start:0;block-size:var(--t-height)}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][tuiChevron]:after{top:.375rem;block-size:calc(var(--t-height) - .75rem)}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]>.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[tuiTextfieldV=\"4.89.0\"][multi]>.t-scrollbar .t-bar_horizontal{display:none}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]>.t-items{position:sticky;left:var(--t-start);display:flex;inset-inline-start:var(--t-start);min-inline-size:0;min-block-size:-webkit-fit-content;min-block-size:-moz-fit-content;min-block-size:fit-content;flex:1;align-items:center;flex-wrap:wrap;padding:var(--t-vertical) 0;transition-duration:inherit}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]>.t-items:after{content:\"\";min-inline-size:1px;min-block-size:1px}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]>.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[tuiTextfieldV=\"4.89.0\"][multi]>.t-items_horizontal{clip-path:inset(0 calc(var(--t-start) / 2 - var(--t-padding) - .25rem) 0 0)}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]>.t-items_horizontal>.t-input{padding-inline-end:calc(var(--t-side) + var(--t-end) + var(--t-padding))}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]>.t-items:not(tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]>.t-items_horizontal){--t-scroll: 0}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]>.t-items>label[tuiLabel]{position:absolute;top:0;inline-size:100%}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]>.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[tuiTextfieldV=\"4.89.0\"][multi]>.t-items>.t-input input{position:absolute;left:0;inset-inline-start:0;inline-size:100%;padding:0}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]>.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[tuiTextfieldV=\"4.89.0\"][multi]>.t-items>.t-input .t-filler{position:absolute;left:0;inset-inline-start:0;color:var(--tui-text-tertiary);pointer-events:none}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]>.t-items>.t-input .t-filler_hidden{display:none}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]>.t-content{position:sticky;top:0;left:calc(100% - var(--t-side) - var(--t-end) + var(--t-padding) - var(--t-offset));inset-inline-start:calc(100% - var(--t-side) - var(--t-end) + var(--t-padding) - var(--t-offset));margin:0;gap:.25rem}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]>.t-content .t-clear{display:flex}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-mode~=invalid]:not([data-mode~=readonly])>.t-items>[tuiLabel]{color:var(--tui-text-negative)}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-focus=true]:not([data-mode~=readonly])>.t-items>[tuiLabel]{color:var(--tui-text-primary)!important}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-mode~=readonly]>.t-content .t-clear,tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]._disabled>.t-content .t-clear,tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]._empty>.t-content .t-clear{display:none}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]>.t-items input:not(:focus)::placeholder,tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-mode~=readonly]>.t-items input::placeholder,tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-mode~=readonly]>.t-items label~.t-input input::placeholder{opacity:0}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]._empty>.t-items input::placeholder,tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-focus=true]:not([data-mode~=readonly]):not(:focus-within)>.t-items input::placeholder{opacity:1}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]:not(._empty)>.t-items [tuiLabel],tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-focus=true]:not([data-mode~=readonly])>.t-items [tuiLabel]{font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-state=disabled],tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-mode~=readonly]{pointer-events:none}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-state=disabled] select,tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-mode~=readonly] select{display:none}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-size=l]{--t-vertical: .625rem;--t-offset: calc(1rem - var(--t-end) / 4.5)}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-size=l]:before{margin-inline-end:.75rem}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-size=l]:after{left:calc(100% - var(--t-end) - .375rem + .25 * (1em - 1rem));inset-inline-start:calc(100% - var(--t-end) - .375rem + .25 * (1em - 1rem));margin-inline-end:calc(.5 * (1.5rem - 1em) - var(--t-padding));margin-inline-start:-.75rem}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-size=l]._with-label{--t-vertical: 1.125rem}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-size=l]._with-label>.t-items{padding:1.75rem 0 .5rem}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-size=m]{--t-vertical: .5rem;--t-offset: calc(.75rem + var(--t-end) / 14)}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-size=m]:before{left:-.125rem;inset-inline-start:-.125rem;margin-inline-end:.375rem}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-size=m]:after{left:calc(100% - var(--t-end) - .25rem);inset-inline-start:calc(100% - var(--t-end) - .25rem);margin-inline-start:-.125rem;border-width:.625rem;margin-inline-end:calc(.5 * (1.5rem - 1em) - var(--t-padding))}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-size=m]._with-label{--t-vertical: .875rem}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-size=m]._with-label>.t-items{padding:1.375rem 0 .375rem}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-size=m]>.t-content{transform:translate(calc(.125rem * var(--tui-inline)))}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-size=s]{--t-vertical: .125rem;--t-offset: calc(.625rem + var(--t-end) / 10)}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-size=s]:before{margin-inline-end:.375rem}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-size=s]:after{left:calc(100% - var(--t-end) - .25rem);inset-inline-start:calc(100% - var(--t-end) - .25rem);border-width:.625rem;margin-inline-end:calc(-1 * var(--t-padding))}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-size=s]>.t-content{gap:0;transform:translate(calc(.25rem * var(--tui-inline)))}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]:focus-visible:not([data-focus=false]) input::placeholder,tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]:focus-visible:not([data-focus=false]) input._empty{color:var(--tui-text-secondary)}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-focus=true] input::placeholder,tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-focus=true] input._empty{color:var(--tui-text-secondary)}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][tuiWrapper]:not(._focused):has(:focus-visible) input::placeholder,tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][tuiWrapper]:not(._focused):has(:focus-visible) input._empty{color:var(--tui-text-secondary)}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][tuiWrapper]._focused._focused input::placeholder,tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][tuiWrapper]._focused._focused input._empty{color:var(--tui-text-secondary)}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi] tui-textfield-item{transform:translate(var(--t-scroll))}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi] input{color:var(--tui-text-primary)}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi] input::placeholder{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi] select{opacity:0;padding:0;pointer-events:none}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]._empty>.t-items select~.t-filler{display:block}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]._empty:not([data-focus=true])>.t-items select~.t-filler{color:var(--tui-text-secondary)}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]:has([tuiSelectLike]){cursor:pointer}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiScrollControls, selector: "tui-scroll-controls" }, { kind: "directive", type: WaResizeObserver, selector: "[waResizeObserver]", inputs: ["box"], outputs: ["waResizeObserver"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "item", first: true, predicate: TuiItem, descendants: true, read: TemplateRef }], usesInheritance: true, hostDirectives: [{ directive: i1.TuiDropdownFixed }, { directive: i1.TuiDropdownDirective }, { directive: i1.TuiWithDropdownOpen }, { directive: TuiWithTextfieldDropdown }, { directive: i3.TuiWithIcons }, { directive: i4$1.TuiWithItemsHandlers }, { directive: i5.TuiWithOptionContent }, { directive: i4$1.TuiWithAppearance }], ngImport: i0, template: "<ng-container *ngIf=\"control?.control?.valueChanges | async\" />\n<tui-scroll-controls\n    *ngIf=\"rows > 1\"\n    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    <ng-template\n        *ngFor=\"let item of control?.value; let index = index\"\n        [polymorpheusOutlet]=\"component\"\n        [polymorpheusOutletContext]=\"{$implicit: {item, index}}\"\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\n            *ngIf=\"placeholder\"\n            class=\"t-ghost\"\n        >\n            {{ placeholder }}\n        </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)=\"interactiveInput?.nativeElement?.focus()\"\n    (pointerdown.zoneless.prevent)=\"(0)\"\n    (waResizeObserver)=\"$event[0] && onResize($event[0])\"\n>\n    <ng-content />\n    <button\n        *ngIf=\"options.cleaner()\"\n        appearance=\"icon\"\n        size=\"xs\"\n        tabindex=\"-1\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-clear\"\n        [iconStart]=\"icons.close\"\n        (click)=\"accessor?.setValue([])\"\n    >\n        {{ clear() }}\n    </button>\n    <ng-container #vcr />\n    <ng-content select=\"tui-icon\" />\n</span>\n\n<span\n    *ngIf=\"control?.value != null\"\n    class=\"t-template\"\n>\n    <ng-container *polymorpheusOutlet=\"content as text; context: {$implicit: control?.value}\">\n        {{ text }}\n    </ng-container>\n</span>\n", styles: ["[tuiTextfieldV=\"4.91.0\"]{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-text-s);--t-end: 0rem;--t-start: 0rem;position:relative;display:flex;flex-wrap:wrap;align-items:center;cursor:pointer;min-block-size:var(--t-height);padding:0 var(--t-padding);border-radius:var(--tui-radius-l);font:var(--tui-font-text-ui-m);line-height:1.25rem;box-sizing:border-box;gap:0 .25rem;isolation:isolate}[tuiTextfieldV=\"4.91.0\"]::-webkit-scrollbar,[tuiTextfieldV=\"4.91.0\"]::-webkit-scrollbar-thumb{display:none}[tuiTextfieldV=\"4.91.0\"][tuiIcons]:read-only{color:var(--tui-text-tertiary)}[tuiTextfieldV=\"4.91.0\"][style*=\"--t-icon-start:\"]{--t-start: 2.25rem}[tuiTextfieldV=\"4.91.0\"][style*=\"--t-icon-end:\"]{--t-end: 2.25rem}[tuiTextfieldV=\"4.91.0\"][tuiIcons]:after{position:relative;block-size:auto;align-self:stretch;border-inline-start:var(--t-padding) solid transparent;border-inline-end:var(--t-padding) solid transparent;margin:0 calc(-1 * var(--t-padding))}[tuiTextfieldV=\"4.91.0\"]::-webkit-resizer{border:.25rem solid transparent;inline-size:.5rem;block-size:.5rem;box-sizing:content-box;color:var(--tui-text-tertiary);background:linear-gradient(-45deg,transparent,transparent .125rem,currentColor .125rem,currentColor .1875rem,transparent .1875rem,transparent .25rem,currentColor .25rem,currentColor .3125rem,transparent .35rem);background-clip:content-box}[tuiTextfieldV=\"4.91.0\"] label,[tuiTextfieldV=\"4.91.0\"]>.t-content,[tuiTextfieldV=\"4.91.0\"]>.t-template{pointer-events:none}[tuiTextfieldV=\"4.91.0\"] input,[tuiTextfieldV=\"4.91.0\"] select,[tuiTextfieldV=\"4.91.0\"] textarea{font:inherit;resize:none;outline:none;padding-block-start:1.125rem;padding-block-end:1.125rem}[tuiTextfieldV=\"4.91.0\"] input[inputmode=none],[tuiTextfieldV=\"4.91.0\"] select[inputmode=none],[tuiTextfieldV=\"4.91.0\"] textarea[inputmode=none]{caret-color:transparent}[tuiTextfieldV=\"4.91.0\"] input::-webkit-inner-spin-button,[tuiTextfieldV=\"4.91.0\"] select::-webkit-inner-spin-button,[tuiTextfieldV=\"4.91.0\"] textarea::-webkit-inner-spin-button,[tuiTextfieldV=\"4.91.0\"] input::-webkit-outer-spin-button,[tuiTextfieldV=\"4.91.0\"] select::-webkit-outer-spin-button,[tuiTextfieldV=\"4.91.0\"] textarea::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}[tuiTextfieldV=\"4.91.0\"][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-text-ui-s);line-height:1rem}[tuiTextfieldV=\"4.91.0\"][data-size=s][style*=\"--t-icon-start:\"]{--t-start: 1.375rem}[tuiTextfieldV=\"4.91.0\"][data-size=s][style*=\"--t-icon-end:\"]{--t-end: 1.375rem}[tuiTextfieldV=\"4.91.0\"][data-size=s]:before{margin-inline-end:.625rem;font-size:1rem}[tuiTextfieldV=\"4.91.0\"][data-size=s]:after{margin-inline-end:calc(-1 * var(--t-padding));margin-inline-start:calc(.5rem - var(--t-padding));font-size:1rem}[tuiTextfieldV=\"4.91.0\"][data-size=s] input,[tuiTextfieldV=\"4.91.0\"][data-size=s] select,[tuiTextfieldV=\"4.91.0\"][data-size=s] textarea{padding-block-start:.5rem;padding-block-end:.5rem}[tuiTextfieldV=\"4.91.0\"][data-size=s]>.t-content{margin-inline-end:-.25rem}[tuiTextfieldV=\"4.91.0\"][data-size=m]{--t-height: var(--tui-height-m);--t-padding: var(--tui-padding-m);--t-label-font: var(--tui-font-text-xs);--t-label-y: -.5625rem;border-radius:var(--tui-radius-m);font:var(--tui-font-text-ui-s);line-height:1rem}[tuiTextfieldV=\"4.91.0\"][data-size=m][style*=\"--t-icon-start:\"]{--t-start: 1.75rem}[tuiTextfieldV=\"4.91.0\"][data-size=m][style*=\"--t-icon-end:\"]{--t-end: 1.75rem}[tuiTextfieldV=\"4.91.0\"][data-size=m]:before{margin-inline-start:-.125rem;margin-inline-end:.125rem}[tuiTextfieldV=\"4.91.0\"][data-size=m]:after{margin-inline-start:calc(.25rem - var(--t-padding));margin-inline-end:calc(-.125rem - var(--t-padding))}[tuiTextfieldV=\"4.91.0\"][data-size=m] input,[tuiTextfieldV=\"4.91.0\"][data-size=m] select,[tuiTextfieldV=\"4.91.0\"][data-size=m] textarea{padding-block-start:.875rem;padding-block-end:.875rem}[tuiTextfieldV=\"4.91.0\"][data-size=m]>.t-content{margin-inline-end:-.125rem}[tuiTextfieldV=\"4.91.0\"][data-size=l]{--t-label: -.7rem}[tuiTextfieldV=\"4.91.0\"][tuiIcons]:hover{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.91.0\"][tuiIcons]:hover:has(input:read-only):not([multi]),[tuiTextfieldV=\"4.91.0\"][tuiIcons]:hover:has(textarea:read-only),[tuiTextfieldV=\"4.91.0\"][tuiIcons]:hover:has(select[data-mode~=readonly]){color:var(--tui-text-tertiary)}[tuiTextfieldV=\"4.91.0\"]:before{z-index:1;margin-inline-end:.5rem;pointer-events:none}[tuiTextfieldV=\"4.91.0\"]:has(:disabled:not(.t-filler,button,option,[tuiChip])):before,[tuiTextfieldV=\"4.91.0\"]:has(:disabled:not(.t-filler,button,option,[tuiChip])):after,[tuiTextfieldV=\"4.91.0\"]:has(:disabled:not(.t-filler,button,option,[tuiChip]))>.t-template{opacity:var(--tui-disabled-opacity)}[tuiTextfieldV=\"4.91.0\"]._disabled:before,[tuiTextfieldV=\"4.91.0\"]._disabled:after,[tuiTextfieldV=\"4.91.0\"]._disabled>.t-template{opacity:var(--tui-disabled-opacity)}[tuiTextfieldV=\"4.91.0\"]:has(label:not(:empty))>.t-template,[tuiTextfieldV=\"4.91.0\"]:has(label:not(:empty)) input:not([type=range]),[tuiTextfieldV=\"4.91.0\"]:has(label:not(:empty)) select:defined,[tuiTextfieldV=\"4.91.0\"]:has(label:not(:empty)) textarea:defined{padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true]):has(label:not(:empty))>.t-template::placeholder,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true]):has(label:not(:empty)) input:not([type=range])::placeholder,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true]):has(label:not(:empty)) select:defined::placeholder,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true]):has(label:not(:empty)) textarea:defined::placeholder,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true]):has(label:not(:empty))>.t-template._empty,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true]):has(label:not(:empty)) input:not([type=range])._empty,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true]):has(label:not(:empty)) select:defined._empty,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true]):has(label:not(:empty)) textarea:defined._empty{color:transparent}[tuiTextfieldV=\"4.91.0\"]._with-label>.t-template,[tuiTextfieldV=\"4.91.0\"]._with-label input:not([type=range]),[tuiTextfieldV=\"4.91.0\"]._with-label select:defined,[tuiTextfieldV=\"4.91.0\"]._with-label textarea:defined{padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true])._with-label>.t-template::placeholder,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true])._with-label input:not([type=range])::placeholder,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true])._with-label select:defined::placeholder,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true])._with-label textarea:defined::placeholder,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true])._with-label>.t-template._empty,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true])._with-label input:not([type=range])._empty,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true])._with-label select:defined._empty,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true])._with-label textarea:defined._empty{color:transparent}[tuiTextfieldV=\"4.91.0\"]>.t-template,[tuiTextfieldV=\"4.91.0\"] input:defined,[tuiTextfieldV=\"4.91.0\"] select:defined,[tuiTextfieldV=\"4.91.0\"] textarea:defined{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;-webkit-appearance:none;appearance:none;box-sizing:border-box;border-width:0;padding-inline-start:calc(var(--t-start, 0rem) + var(--t-padding));padding-inline-end:calc(var(--t-end, 0rem) + var(--t-side) + var(--t-padding))}[tuiTextfieldV=\"4.91.0\"]>.t-template{display:flex;align-items:center;border-radius:inherit;color:var(--tui-text-primary)}[tuiTextfieldV=\"4.91.0\"]._with-template input:first-of-type,[tuiTextfieldV=\"4.91.0\"]._with-template select,[tuiTextfieldV=\"4.91.0\"]._with-template textarea{color:transparent!important}[tuiTextfieldV=\"4.91.0\"] input,[tuiTextfieldV=\"4.91.0\"] select,[tuiTextfieldV=\"4.91.0\"] textarea{background:none;border-radius:inherit}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]),[tuiTextfieldV=\"4.91.0\"] select:defined,[tuiTextfieldV=\"4.91.0\"] textarea:defined{pointer-events:auto}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not(select):read-only~.t-filler,[tuiTextfieldV=\"4.91.0\"] select:defined:not(select):read-only~.t-filler,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not(select):read-only~.t-filler{display:none}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):disabled~label,[tuiTextfieldV=\"4.91.0\"] select:defined:disabled~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:disabled~label,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):disabled~.t-content,[tuiTextfieldV=\"4.91.0\"] select:defined:disabled~.t-content,[tuiTextfieldV=\"4.91.0\"] textarea:defined:disabled~.t-content{opacity:var(--tui-disabled-opacity)}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):disabled~label>tui-icon,[tuiTextfieldV=\"4.91.0\"] select:defined:disabled~label>tui-icon,[tuiTextfieldV=\"4.91.0\"] textarea:defined:disabled~label>tui-icon,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):disabled~.t-content>tui-icon,[tuiTextfieldV=\"4.91.0\"] select:defined:disabled~.t-content>tui-icon,[tuiTextfieldV=\"4.91.0\"] textarea:defined:disabled~.t-content>tui-icon{display:none}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):-webkit-autofill~label,[tuiTextfieldV=\"4.91.0\"] select:defined:-webkit-autofill~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:-webkit-autofill~label,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not(._empty):not(:placeholder-shown)~label,[tuiTextfieldV=\"4.91.0\"] select:defined:not(._empty):not(:placeholder-shown)~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not(._empty):not(:placeholder-shown)~label{font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):-webkit-autofill:not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.91.0\"] select:defined:-webkit-autofill:not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:-webkit-autofill:not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not(._empty):not(:placeholder-shown):not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.91.0\"] select:defined:not(._empty):not(:placeholder-shown):not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not(._empty):not(:placeholder-shown):not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):-webkit-autofill:invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.91.0\"] select:defined:-webkit-autofill:invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:-webkit-autofill:invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not(._empty):not(:placeholder-shown):invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.91.0\"] select:defined:not(._empty):not(:placeholder-shown):invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not(._empty):not(:placeholder-shown):invalid:not(:disabled):not([data-mode])~label{color:var(--tui-text-negative)}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):-webkit-autofill:not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.91.0\"] select:defined:-webkit-autofill:not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.91.0\"] textarea:defined:-webkit-autofill:not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not(._empty):not(:placeholder-shown):not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.91.0\"] select:defined:not(._empty):not(:placeholder-shown):not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not(._empty):not(:placeholder-shown):not(:disabled):not([data-mode~=readonly])~.t-content .t-clear{display:flex}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly]):focus-visible:not([data-focus=false])::placeholder,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])::placeholder,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])::placeholder,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly]):focus-visible:not([data-focus=false])._empty,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])._empty,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly]):focus-visible:not([data-focus=false])~label,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])~label{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly])[data-focus=true]::placeholder,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly])[data-focus=true]::placeholder,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly])[data-focus=true]::placeholder,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly])[data-focus=true]._empty,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly])[data-focus=true]._empty,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly])[data-focus=true]._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly])[data-focus=true]~label,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly])[data-focus=true]~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly])[data-focus=true]~label{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)::placeholder,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)::placeholder,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)::placeholder,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)._empty,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)._empty,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)~label,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)~label{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]._focused._focused::placeholder,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused::placeholder,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused::placeholder,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]._focused._focused._empty,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused._empty,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]._focused._focused~label,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused~label{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}@supports (-webkit-touch-callout: none){[tuiTextfieldV=\"4.91.0\"] input:not([type=range])._ios-fix,[tuiTextfieldV=\"4.91.0\"] select:defined._ios-fix,[tuiTextfieldV=\"4.91.0\"] textarea:defined._ios-fix{position:fixed;left:1000rem}}[tuiTextfieldV=\"4.91.0\"] [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;line-height:var(--t-height);letter-spacing:calc((max(1em,.75rem) - 1em)*.4);transition-duration:inherit}[tuiTextfieldV=\"4.91.0\"] label:defined,[tuiTextfieldV=\"4.91.0\"] input:defined::placeholder,[tuiTextfieldV=\"4.91.0\"] textarea:defined::placeholder,[tuiTextfieldV=\"4.91.0\"] select:defined._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.91.0\"] select:not([data-mode~=readonly]){cursor:pointer}[tuiTextfieldV=\"4.91.0\"] select option[value=\"\"]:disabled{color:transparent}[tuiTextfieldV=\"4.91.0\"] select optgroup,[tuiTextfieldV=\"4.91.0\"] select option{background-color:var(--tui-background-elevation-3)}[tuiTextfieldV=\"4.91.0\"] select optgroup,[tuiTextfieldV=\"4.91.0\"] select option:not(:disabled){color:var(--tui-text-primary)}[tuiTextfieldV=\"4.91.0\"] button,[tuiTextfieldV=\"4.91.0\"] a{pointer-events:auto}[tuiTextfieldV=\"4.91.0\"]>.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}[tuiTextfieldV=\"4.91.0\"]>.t-content>tui-icon{pointer-events:auto}[tuiTextfieldV=\"4.91.0\"] textarea~.t-content{min-inline-size:.5rem}[tuiTextfieldV=\"4.91.0\"] .t-clear{z-index:1;display:none;pointer-events:auto}[tuiTextfieldV=\"4.91.0\"]>.t-filler:defined{pointer-events:none;color:var(--tui-text-tertiary);opacity:1}[tuiTextfieldV=\"4.91.0\"] [tuiFluidTypography]{font-weight:700}[tuiTextfieldV=\"4.91.0\"] [tuiSelectLike]:not(:read-only){cursor:pointer}[tuiTextfieldV=\"4.91.0\"]:has(input[type=tel]){direction:ltr}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]{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[tuiTextfieldV=\"4.91.0\"][multi]:before,tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]:after{position:sticky;top:0;left:0;inset-inline-start:0;block-size:var(--t-height)}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][tuiChevron]:after{top:.375rem;block-size:calc(var(--t-height) - .75rem)}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]>.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[tuiTextfieldV=\"4.91.0\"][multi]>.t-scrollbar .t-bar_horizontal{display:none}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]>.t-items{position:sticky;left:var(--t-start);display:flex;inset-inline-start:var(--t-start);min-inline-size:0;min-block-size:-webkit-fit-content;min-block-size:-moz-fit-content;min-block-size:fit-content;flex:1;align-items:center;flex-wrap:wrap;padding:var(--t-vertical) 0;transition-duration:inherit}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]>.t-items:after{content:\"\";min-inline-size:1px;min-block-size:1px}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]>.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[tuiTextfieldV=\"4.91.0\"][multi]>.t-items_horizontal{clip-path:inset(0 calc(var(--t-start) / 2 - var(--t-padding) - .25rem) 0 0)}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]>.t-items_horizontal>.t-input{padding-inline-end:calc(var(--t-side) + var(--t-end) + var(--t-padding))}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]>.t-items:not(tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]>.t-items_horizontal){--t-scroll: 0}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]>.t-items>label[tuiLabel]{position:absolute;top:0;inline-size:100%}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]>.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[tuiTextfieldV=\"4.91.0\"][multi]>.t-items>.t-input input{position:absolute;left:0;inset-inline-start:0;inline-size:100%;padding:0}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]>.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[tuiTextfieldV=\"4.91.0\"][multi]>.t-items>.t-input .t-filler{position:absolute;left:0;inset-inline-start:0;color:var(--tui-text-tertiary);pointer-events:none}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]>.t-items>.t-input .t-filler_hidden{display:none}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]>.t-content{position:sticky;top:0;left:calc(100% - var(--t-side) - var(--t-end) + var(--t-padding) - var(--t-offset));inset-inline-start:calc(100% - var(--t-side) - var(--t-end) + var(--t-padding) - var(--t-offset));margin:0;gap:.25rem}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]>.t-content .t-clear{display:flex}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-mode~=invalid]:not([data-mode~=readonly])>.t-items>[tuiLabel]{color:var(--tui-text-negative)}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-focus=true]:not([data-mode~=readonly])>.t-items>[tuiLabel]{color:var(--tui-text-primary)!important}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-mode~=readonly]>.t-content .t-clear,tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]._disabled>.t-content .t-clear,tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]._empty>.t-content .t-clear{display:none}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]>.t-items input:not(:focus)::placeholder,tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-mode~=readonly]>.t-items input::placeholder,tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-mode~=readonly]>.t-items label~.t-input input::placeholder{opacity:0}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]._empty>.t-items input::placeholder,tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-focus=true]:not([data-mode~=readonly]):not(:focus-within)>.t-items input::placeholder{opacity:1}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]:not(._empty)>.t-items [tuiLabel],tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-focus=true]:not([data-mode~=readonly])>.t-items [tuiLabel]{font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-state=disabled],tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-mode~=readonly]{pointer-events:none}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-state=disabled] select,tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-mode~=readonly] select{display:none}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-size=l]{--t-vertical: .625rem;--t-offset: calc(1rem - var(--t-end) / 4.5)}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-size=l]:before{margin-inline-end:.75rem}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-size=l]:after{left:calc(100% - var(--t-end) - .375rem + .25 * (1em - 1rem));inset-inline-start:calc(100% - var(--t-end) - .375rem + .25 * (1em - 1rem));margin-inline-end:calc(.5 * (1.5rem - 1em) - var(--t-padding));margin-inline-start:-.75rem}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-size=l]._with-label{--t-vertical: 1.125rem}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-size=l]._with-label>.t-items{padding:1.75rem 0 .5rem}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-size=m]{--t-vertical: .5rem;--t-offset: calc(.75rem + var(--t-end) / 14)}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-size=m]:before{left:-.125rem;inset-inline-start:-.125rem;margin-inline-end:.375rem}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-size=m]:after{left:calc(100% - var(--t-end) - .25rem);inset-inline-start:calc(100% - var(--t-end) - .25rem);margin-inline-start:-.125rem;border-width:.625rem;margin-inline-end:calc(.5 * (1.5rem - 1em) - var(--t-padding))}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-size=m]._with-label{--t-vertical: .875rem}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-size=m]._with-label>.t-items{padding:1.375rem 0 .375rem}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-size=m]>.t-content{transform:translate(calc(.125rem * var(--tui-inline)))}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-size=s]{--t-vertical: .125rem;--t-offset: calc(.625rem + var(--t-end) / 10)}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-size=s]:before{margin-inline-end:.375rem}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-size=s]:after{left:calc(100% - var(--t-end) - .25rem);inset-inline-start:calc(100% - var(--t-end) - .25rem);border-width:.625rem;margin-inline-end:calc(-1 * var(--t-padding))}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-size=s]>.t-content{gap:0;transform:translate(calc(.25rem * var(--tui-inline)))}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]:focus-visible:not([data-focus=false]) input::placeholder,tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]:focus-visible:not([data-focus=false]) input._empty{color:var(--tui-text-secondary)}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-focus=true] input::placeholder,tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-focus=true] input._empty{color:var(--tui-text-secondary)}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][tuiWrapper]:not(._focused):has(:focus-visible) input::placeholder,tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][tuiWrapper]:not(._focused):has(:focus-visible) input._empty{color:var(--tui-text-secondary)}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][tuiWrapper]._focused._focused input::placeholder,tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][tuiWrapper]._focused._focused input._empty{color:var(--tui-text-secondary)}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi] tui-textfield-item{transform:translate(var(--t-scroll))}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi] input{color:var(--tui-text-primary)}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi] input::placeholder{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi] select{opacity:0;padding:0;pointer-events:none}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]._empty>.t-items select~.t-filler{display:block}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]._empty:not([data-focus=true])>.t-items select~.t-filler{color:var(--tui-text-secondary)}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]:has([tuiSelectLike]){cursor:pointer}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiScrollControls, selector: "tui-scroll-controls" }, { kind: "directive", type: WaResizeObserver, selector: "[waResizeObserver]", inputs: ["box"], outputs: ["waResizeObserver"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTextfieldMultiComponent, decorators: [{
             type: Component,
@@ -657,7 +663,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         '[style.--t-item-height.px]': 'height()',
                         '[style.--t-rows]': 'rows',
                         '(click.prevent)': 'onClick($event.target)',
-                        '(tuiActiveZoneChange)': '!$event && (el.scrollTo({left: 0}) || cva?.onTouched())',
+                        '(tuiActiveZoneChange)': 'onActiveZone($event)',
                         // TODO: Remove in v5
                         '[attr.data-size]': 'options.size()',
                         '[class._with-label]': 'hasLabel',
@@ -665,7 +671,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         '[class._disabled]': 'disabled',
                         '(pointerdown.self.prevent)': 'onIconClick()',
                         '(scroll.capture.zoneless)': 'onScroll($event.target)',
-                    }, template: "<ng-container *ngIf=\"control?.control?.valueChanges | async\" />\n<tui-scroll-controls\n    *ngIf=\"rows > 1\"\n    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    <ng-template\n        *ngFor=\"let item of control?.value; let index = index\"\n        [polymorpheusOutlet]=\"component\"\n        [polymorpheusOutletContext]=\"{$implicit: {item, index}}\"\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\n            *ngIf=\"placeholder\"\n            class=\"t-ghost\"\n        >\n            {{ placeholder }}\n        </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)=\"interactiveInput?.nativeElement?.focus()\"\n    (pointerdown.zoneless.prevent)=\"(0)\"\n    (waResizeObserver)=\"$event[0] && onResize($event[0])\"\n>\n    <ng-content />\n    <button\n        *ngIf=\"options.cleaner()\"\n        appearance=\"icon\"\n        size=\"xs\"\n        tabindex=\"-1\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-clear\"\n        [iconStart]=\"icons.close\"\n        (click)=\"accessor?.setValue([])\"\n    >\n        {{ clear() }}\n    </button>\n    <ng-container #vcr />\n    <ng-content select=\"tui-icon\" />\n</span>\n\n<span\n    *ngIf=\"control?.value != null\"\n    class=\"t-template\"\n>\n    <ng-container *polymorpheusOutlet=\"content as text; context: {$implicit: control?.value}\">\n        {{ text }}\n    </ng-container>\n</span>\n", styles: ["[tuiTextfieldV=\"4.89.0\"]{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-text-s);--t-end: 0rem;--t-start: 0rem;position:relative;display:flex;flex-wrap:wrap;align-items:center;cursor:pointer;min-block-size:var(--t-height);padding:0 var(--t-padding);border-radius:var(--tui-radius-l);font:var(--tui-font-text-ui-m);line-height:1.25rem;box-sizing:border-box;gap:0 .25rem;isolation:isolate}[tuiTextfieldV=\"4.89.0\"]::-webkit-scrollbar,[tuiTextfieldV=\"4.89.0\"]::-webkit-scrollbar-thumb{display:none}[tuiTextfieldV=\"4.89.0\"][tuiIcons]:read-only{color:var(--tui-text-tertiary)}[tuiTextfieldV=\"4.89.0\"][style*=\"--t-icon-start:\"]{--t-start: 2.25rem}[tuiTextfieldV=\"4.89.0\"][style*=\"--t-icon-end:\"]{--t-end: 2.25rem}[tuiTextfieldV=\"4.89.0\"][tuiIcons]:after{position:relative;block-size:auto;align-self:stretch;border-inline-start:var(--t-padding) solid transparent;border-inline-end:var(--t-padding) solid transparent;margin:0 calc(-1 * var(--t-padding))}[tuiTextfieldV=\"4.89.0\"]::-webkit-resizer{border:.25rem solid transparent;inline-size:.5rem;block-size:.5rem;box-sizing:content-box;color:var(--tui-text-tertiary);background:linear-gradient(-45deg,transparent,transparent .125rem,currentColor .125rem,currentColor .1875rem,transparent .1875rem,transparent .25rem,currentColor .25rem,currentColor .3125rem,transparent .35rem);background-clip:content-box}[tuiTextfieldV=\"4.89.0\"] label,[tuiTextfieldV=\"4.89.0\"]>.t-content,[tuiTextfieldV=\"4.89.0\"]>.t-template{pointer-events:none}[tuiTextfieldV=\"4.89.0\"] input,[tuiTextfieldV=\"4.89.0\"] select,[tuiTextfieldV=\"4.89.0\"] textarea{font:inherit;resize:none;outline:none;padding-block-start:1.125rem;padding-block-end:1.125rem}[tuiTextfieldV=\"4.89.0\"] input[inputmode=none],[tuiTextfieldV=\"4.89.0\"] select[inputmode=none],[tuiTextfieldV=\"4.89.0\"] textarea[inputmode=none]{caret-color:transparent}[tuiTextfieldV=\"4.89.0\"] input::-webkit-inner-spin-button,[tuiTextfieldV=\"4.89.0\"] select::-webkit-inner-spin-button,[tuiTextfieldV=\"4.89.0\"] textarea::-webkit-inner-spin-button,[tuiTextfieldV=\"4.89.0\"] input::-webkit-outer-spin-button,[tuiTextfieldV=\"4.89.0\"] select::-webkit-outer-spin-button,[tuiTextfieldV=\"4.89.0\"] textarea::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}[tuiTextfieldV=\"4.89.0\"][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-text-ui-s);line-height:1rem}[tuiTextfieldV=\"4.89.0\"][data-size=s][style*=\"--t-icon-start:\"]{--t-start: 1.375rem}[tuiTextfieldV=\"4.89.0\"][data-size=s][style*=\"--t-icon-end:\"]{--t-end: 1.375rem}[tuiTextfieldV=\"4.89.0\"][data-size=s]:before{margin-inline-end:.625rem;font-size:1rem}[tuiTextfieldV=\"4.89.0\"][data-size=s]:after{margin-inline-end:calc(-1 * var(--t-padding));margin-inline-start:calc(.5rem - var(--t-padding));font-size:1rem}[tuiTextfieldV=\"4.89.0\"][data-size=s] input,[tuiTextfieldV=\"4.89.0\"][data-size=s] select,[tuiTextfieldV=\"4.89.0\"][data-size=s] textarea{padding-block-start:.5rem;padding-block-end:.5rem}[tuiTextfieldV=\"4.89.0\"][data-size=s]>.t-content{margin-inline-end:-.25rem}[tuiTextfieldV=\"4.89.0\"][data-size=m]{--t-height: var(--tui-height-m);--t-padding: var(--tui-padding-m);--t-label-font: var(--tui-font-text-xs);--t-label-y: -.5625rem;border-radius:var(--tui-radius-m);font:var(--tui-font-text-ui-s);line-height:1rem}[tuiTextfieldV=\"4.89.0\"][data-size=m][style*=\"--t-icon-start:\"]{--t-start: 1.75rem}[tuiTextfieldV=\"4.89.0\"][data-size=m][style*=\"--t-icon-end:\"]{--t-end: 1.75rem}[tuiTextfieldV=\"4.89.0\"][data-size=m]:before{margin-inline-start:-.125rem;margin-inline-end:.125rem}[tuiTextfieldV=\"4.89.0\"][data-size=m]:after{margin-inline-start:calc(.25rem - var(--t-padding));margin-inline-end:calc(-.125rem - var(--t-padding))}[tuiTextfieldV=\"4.89.0\"][data-size=m] input,[tuiTextfieldV=\"4.89.0\"][data-size=m] select,[tuiTextfieldV=\"4.89.0\"][data-size=m] textarea{padding-block-start:.875rem;padding-block-end:.875rem}[tuiTextfieldV=\"4.89.0\"][data-size=m]>.t-content{margin-inline-end:-.125rem}[tuiTextfieldV=\"4.89.0\"][data-size=l]{--t-label: -.7rem}[tuiTextfieldV=\"4.89.0\"][tuiIcons]:hover{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.89.0\"][tuiIcons]:hover:has(input:read-only):not([multi]),[tuiTextfieldV=\"4.89.0\"][tuiIcons]:hover:has(textarea:read-only),[tuiTextfieldV=\"4.89.0\"][tuiIcons]:hover:has(select[data-mode~=readonly]){color:var(--tui-text-tertiary)}[tuiTextfieldV=\"4.89.0\"]:before{z-index:1;margin-inline-end:.5rem;pointer-events:none}[tuiTextfieldV=\"4.89.0\"]:has(:disabled:not(.t-filler,button,option,[tuiChip])):before,[tuiTextfieldV=\"4.89.0\"]:has(:disabled:not(.t-filler,button,option,[tuiChip])):after,[tuiTextfieldV=\"4.89.0\"]:has(:disabled:not(.t-filler,button,option,[tuiChip]))>.t-template{opacity:var(--tui-disabled-opacity)}[tuiTextfieldV=\"4.89.0\"]._disabled:before,[tuiTextfieldV=\"4.89.0\"]._disabled:after,[tuiTextfieldV=\"4.89.0\"]._disabled>.t-template{opacity:var(--tui-disabled-opacity)}[tuiTextfieldV=\"4.89.0\"]:has(label:not(:empty))>.t-template,[tuiTextfieldV=\"4.89.0\"]:has(label:not(:empty)) input:not([type=range]),[tuiTextfieldV=\"4.89.0\"]:has(label:not(:empty)) select:defined,[tuiTextfieldV=\"4.89.0\"]:has(label:not(:empty)) textarea:defined{padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true]):has(label:not(:empty))>.t-template::placeholder,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true]):has(label:not(:empty)) input:not([type=range])::placeholder,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true]):has(label:not(:empty)) select:defined::placeholder,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true]):has(label:not(:empty)) textarea:defined::placeholder,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true]):has(label:not(:empty))>.t-template._empty,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true]):has(label:not(:empty)) input:not([type=range])._empty,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true]):has(label:not(:empty)) select:defined._empty,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true]):has(label:not(:empty)) textarea:defined._empty{color:transparent}[tuiTextfieldV=\"4.89.0\"]._with-label>.t-template,[tuiTextfieldV=\"4.89.0\"]._with-label input:not([type=range]),[tuiTextfieldV=\"4.89.0\"]._with-label select:defined,[tuiTextfieldV=\"4.89.0\"]._with-label textarea:defined{padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true])._with-label>.t-template::placeholder,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true])._with-label input:not([type=range])::placeholder,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true])._with-label select:defined::placeholder,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true])._with-label textarea:defined::placeholder,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true])._with-label>.t-template._empty,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true])._with-label input:not([type=range])._empty,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true])._with-label select:defined._empty,[tuiTextfieldV=\"4.89.0\"]:not([data-focus=true])._with-label textarea:defined._empty{color:transparent}[tuiTextfieldV=\"4.89.0\"]>.t-template,[tuiTextfieldV=\"4.89.0\"] input:defined,[tuiTextfieldV=\"4.89.0\"] select:defined,[tuiTextfieldV=\"4.89.0\"] textarea:defined{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;-webkit-appearance:none;appearance:none;box-sizing:border-box;border-width:0;padding-inline-start:calc(var(--t-start, 0rem) + var(--t-padding));padding-inline-end:calc(var(--t-end, 0rem) + var(--t-side) + var(--t-padding))}[tuiTextfieldV=\"4.89.0\"]>.t-template{display:flex;align-items:center;border-radius:inherit;color:var(--tui-text-primary)}[tuiTextfieldV=\"4.89.0\"]._with-template input:first-of-type,[tuiTextfieldV=\"4.89.0\"]._with-template select,[tuiTextfieldV=\"4.89.0\"]._with-template textarea{color:transparent!important}[tuiTextfieldV=\"4.89.0\"] input,[tuiTextfieldV=\"4.89.0\"] select,[tuiTextfieldV=\"4.89.0\"] textarea{background:none;border-radius:inherit}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]),[tuiTextfieldV=\"4.89.0\"] select:defined,[tuiTextfieldV=\"4.89.0\"] textarea:defined{pointer-events:auto}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not(select):read-only~.t-filler,[tuiTextfieldV=\"4.89.0\"] select:defined:not(select):read-only~.t-filler,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not(select):read-only~.t-filler{display:none}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):disabled~label,[tuiTextfieldV=\"4.89.0\"] select:defined:disabled~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:disabled~label,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):disabled~.t-content,[tuiTextfieldV=\"4.89.0\"] select:defined:disabled~.t-content,[tuiTextfieldV=\"4.89.0\"] textarea:defined:disabled~.t-content{opacity:var(--tui-disabled-opacity)}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):disabled~label>tui-icon,[tuiTextfieldV=\"4.89.0\"] select:defined:disabled~label>tui-icon,[tuiTextfieldV=\"4.89.0\"] textarea:defined:disabled~label>tui-icon,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):disabled~.t-content>tui-icon,[tuiTextfieldV=\"4.89.0\"] select:defined:disabled~.t-content>tui-icon,[tuiTextfieldV=\"4.89.0\"] textarea:defined:disabled~.t-content>tui-icon{display:none}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):-webkit-autofill~label,[tuiTextfieldV=\"4.89.0\"] select:defined:-webkit-autofill~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:-webkit-autofill~label,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not(._empty):not(:placeholder-shown)~label,[tuiTextfieldV=\"4.89.0\"] select:defined:not(._empty):not(:placeholder-shown)~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not(._empty):not(:placeholder-shown)~label{font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):-webkit-autofill:not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.89.0\"] select:defined:-webkit-autofill:not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:-webkit-autofill:not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not(._empty):not(:placeholder-shown):not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.89.0\"] select:defined:not(._empty):not(:placeholder-shown):not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not(._empty):not(:placeholder-shown):not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):-webkit-autofill:invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.89.0\"] select:defined:-webkit-autofill:invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:-webkit-autofill:invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not(._empty):not(:placeholder-shown):invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.89.0\"] select:defined:not(._empty):not(:placeholder-shown):invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not(._empty):not(:placeholder-shown):invalid:not(:disabled):not([data-mode])~label{color:var(--tui-text-negative)}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):-webkit-autofill:not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.89.0\"] select:defined:-webkit-autofill:not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.89.0\"] textarea:defined:-webkit-autofill:not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not(._empty):not(:placeholder-shown):not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.89.0\"] select:defined:not(._empty):not(:placeholder-shown):not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not(._empty):not(:placeholder-shown):not(:disabled):not([data-mode~=readonly])~.t-content .t-clear{display:flex}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly]):focus-visible:not([data-focus=false])::placeholder,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])::placeholder,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])::placeholder,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly]):focus-visible:not([data-focus=false])._empty,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])._empty,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly]):focus-visible:not([data-focus=false])~label,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])~label{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly])[data-focus=true]::placeholder,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly])[data-focus=true]::placeholder,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly])[data-focus=true]::placeholder,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly])[data-focus=true]._empty,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly])[data-focus=true]._empty,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly])[data-focus=true]._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly])[data-focus=true]~label,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly])[data-focus=true]~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly])[data-focus=true]~label{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)::placeholder,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)::placeholder,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)::placeholder,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)._empty,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)._empty,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)~label,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)~label{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]._focused._focused::placeholder,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused::placeholder,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused::placeholder,[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]._focused._focused._empty,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused._empty,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.89.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]._focused._focused~label,[tuiTextfieldV=\"4.89.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused~label,[tuiTextfieldV=\"4.89.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused~label{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}@supports (-webkit-touch-callout: none){[tuiTextfieldV=\"4.89.0\"] input:not([type=range])._ios-fix,[tuiTextfieldV=\"4.89.0\"] select:defined._ios-fix,[tuiTextfieldV=\"4.89.0\"] textarea:defined._ios-fix{position:fixed;left:1000rem}}[tuiTextfieldV=\"4.89.0\"] [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;line-height:var(--t-height);letter-spacing:calc((max(1em,.75rem) - 1em)*.4);transition-duration:inherit}[tuiTextfieldV=\"4.89.0\"] label:defined,[tuiTextfieldV=\"4.89.0\"] input:defined::placeholder,[tuiTextfieldV=\"4.89.0\"] textarea:defined::placeholder,[tuiTextfieldV=\"4.89.0\"] select:defined._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.89.0\"] select:not([data-mode~=readonly]){cursor:pointer}[tuiTextfieldV=\"4.89.0\"] select option[value=\"\"]:disabled{color:transparent}[tuiTextfieldV=\"4.89.0\"] select optgroup,[tuiTextfieldV=\"4.89.0\"] select option{background-color:var(--tui-background-elevation-3)}[tuiTextfieldV=\"4.89.0\"] select optgroup,[tuiTextfieldV=\"4.89.0\"] select option:not(:disabled){color:var(--tui-text-primary)}[tuiTextfieldV=\"4.89.0\"] button,[tuiTextfieldV=\"4.89.0\"] a{pointer-events:auto}[tuiTextfieldV=\"4.89.0\"]>.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}[tuiTextfieldV=\"4.89.0\"]>.t-content>tui-icon{pointer-events:auto}[tuiTextfieldV=\"4.89.0\"] textarea~.t-content{min-inline-size:.5rem}[tuiTextfieldV=\"4.89.0\"] .t-clear{z-index:1;display:none;pointer-events:auto}[tuiTextfieldV=\"4.89.0\"]>.t-filler:defined{pointer-events:none;color:var(--tui-text-tertiary);opacity:1}[tuiTextfieldV=\"4.89.0\"] [tuiFluidTypography]{font-weight:700}[tuiTextfieldV=\"4.89.0\"] [tuiSelectLike]:not(:read-only){cursor:pointer}[tuiTextfieldV=\"4.89.0\"]:has(input[type=tel]){direction:ltr}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]{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[tuiTextfieldV=\"4.89.0\"][multi]:before,tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]:after{position:sticky;top:0;left:0;inset-inline-start:0;block-size:var(--t-height)}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][tuiChevron]:after{top:.375rem;block-size:calc(var(--t-height) - .75rem)}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]>.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[tuiTextfieldV=\"4.89.0\"][multi]>.t-scrollbar .t-bar_horizontal{display:none}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]>.t-items{position:sticky;left:var(--t-start);display:flex;inset-inline-start:var(--t-start);min-inline-size:0;min-block-size:-webkit-fit-content;min-block-size:-moz-fit-content;min-block-size:fit-content;flex:1;align-items:center;flex-wrap:wrap;padding:var(--t-vertical) 0;transition-duration:inherit}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]>.t-items:after{content:\"\";min-inline-size:1px;min-block-size:1px}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]>.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[tuiTextfieldV=\"4.89.0\"][multi]>.t-items_horizontal{clip-path:inset(0 calc(var(--t-start) / 2 - var(--t-padding) - .25rem) 0 0)}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]>.t-items_horizontal>.t-input{padding-inline-end:calc(var(--t-side) + var(--t-end) + var(--t-padding))}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]>.t-items:not(tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]>.t-items_horizontal){--t-scroll: 0}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]>.t-items>label[tuiLabel]{position:absolute;top:0;inline-size:100%}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]>.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[tuiTextfieldV=\"4.89.0\"][multi]>.t-items>.t-input input{position:absolute;left:0;inset-inline-start:0;inline-size:100%;padding:0}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]>.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[tuiTextfieldV=\"4.89.0\"][multi]>.t-items>.t-input .t-filler{position:absolute;left:0;inset-inline-start:0;color:var(--tui-text-tertiary);pointer-events:none}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]>.t-items>.t-input .t-filler_hidden{display:none}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]>.t-content{position:sticky;top:0;left:calc(100% - var(--t-side) - var(--t-end) + var(--t-padding) - var(--t-offset));inset-inline-start:calc(100% - var(--t-side) - var(--t-end) + var(--t-padding) - var(--t-offset));margin:0;gap:.25rem}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]>.t-content .t-clear{display:flex}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-mode~=invalid]:not([data-mode~=readonly])>.t-items>[tuiLabel]{color:var(--tui-text-negative)}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-focus=true]:not([data-mode~=readonly])>.t-items>[tuiLabel]{color:var(--tui-text-primary)!important}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-mode~=readonly]>.t-content .t-clear,tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]._disabled>.t-content .t-clear,tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]._empty>.t-content .t-clear{display:none}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]>.t-items input:not(:focus)::placeholder,tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-mode~=readonly]>.t-items input::placeholder,tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-mode~=readonly]>.t-items label~.t-input input::placeholder{opacity:0}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]._empty>.t-items input::placeholder,tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-focus=true]:not([data-mode~=readonly]):not(:focus-within)>.t-items input::placeholder{opacity:1}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]:not(._empty)>.t-items [tuiLabel],tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-focus=true]:not([data-mode~=readonly])>.t-items [tuiLabel]{font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-state=disabled],tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-mode~=readonly]{pointer-events:none}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-state=disabled] select,tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-mode~=readonly] select{display:none}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-size=l]{--t-vertical: .625rem;--t-offset: calc(1rem - var(--t-end) / 4.5)}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-size=l]:before{margin-inline-end:.75rem}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-size=l]:after{left:calc(100% - var(--t-end) - .375rem + .25 * (1em - 1rem));inset-inline-start:calc(100% - var(--t-end) - .375rem + .25 * (1em - 1rem));margin-inline-end:calc(.5 * (1.5rem - 1em) - var(--t-padding));margin-inline-start:-.75rem}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-size=l]._with-label{--t-vertical: 1.125rem}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-size=l]._with-label>.t-items{padding:1.75rem 0 .5rem}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-size=m]{--t-vertical: .5rem;--t-offset: calc(.75rem + var(--t-end) / 14)}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-size=m]:before{left:-.125rem;inset-inline-start:-.125rem;margin-inline-end:.375rem}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-size=m]:after{left:calc(100% - var(--t-end) - .25rem);inset-inline-start:calc(100% - var(--t-end) - .25rem);margin-inline-start:-.125rem;border-width:.625rem;margin-inline-end:calc(.5 * (1.5rem - 1em) - var(--t-padding))}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-size=m]._with-label{--t-vertical: .875rem}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-size=m]._with-label>.t-items{padding:1.375rem 0 .375rem}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-size=m]>.t-content{transform:translate(calc(.125rem * var(--tui-inline)))}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-size=s]{--t-vertical: .125rem;--t-offset: calc(.625rem + var(--t-end) / 10)}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-size=s]:before{margin-inline-end:.375rem}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-size=s]:after{left:calc(100% - var(--t-end) - .25rem);inset-inline-start:calc(100% - var(--t-end) - .25rem);border-width:.625rem;margin-inline-end:calc(-1 * var(--t-padding))}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-size=s]>.t-content{gap:0;transform:translate(calc(.25rem * var(--tui-inline)))}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]:focus-visible:not([data-focus=false]) input::placeholder,tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]:focus-visible:not([data-focus=false]) input._empty{color:var(--tui-text-secondary)}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-focus=true] input::placeholder,tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][data-focus=true] input._empty{color:var(--tui-text-secondary)}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][tuiWrapper]:not(._focused):has(:focus-visible) input::placeholder,tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][tuiWrapper]:not(._focused):has(:focus-visible) input._empty{color:var(--tui-text-secondary)}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][tuiWrapper]._focused._focused input::placeholder,tui-textfield[tuiTextfieldV=\"4.89.0\"][multi][tuiWrapper]._focused._focused input._empty{color:var(--tui-text-secondary)}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi] tui-textfield-item{transform:translate(var(--t-scroll))}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi] input{color:var(--tui-text-primary)}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi] input::placeholder{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi] select{opacity:0;padding:0;pointer-events:none}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]._empty>.t-items select~.t-filler{display:block}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]._empty:not([data-focus=true])>.t-items select~.t-filler{color:var(--tui-text-secondary)}tui-textfield[tuiTextfieldV=\"4.89.0\"][multi]:has([tuiSelectLike]){cursor:pointer}\n"] }]
+                    }, template: "<ng-container *ngIf=\"control?.control?.valueChanges | async\" />\n<tui-scroll-controls\n    *ngIf=\"rows > 1\"\n    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    <ng-template\n        *ngFor=\"let item of control?.value; let index = index\"\n        [polymorpheusOutlet]=\"component\"\n        [polymorpheusOutletContext]=\"{$implicit: {item, index}}\"\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\n            *ngIf=\"placeholder\"\n            class=\"t-ghost\"\n        >\n            {{ placeholder }}\n        </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)=\"interactiveInput?.nativeElement?.focus()\"\n    (pointerdown.zoneless.prevent)=\"(0)\"\n    (waResizeObserver)=\"$event[0] && onResize($event[0])\"\n>\n    <ng-content />\n    <button\n        *ngIf=\"options.cleaner()\"\n        appearance=\"icon\"\n        size=\"xs\"\n        tabindex=\"-1\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-clear\"\n        [iconStart]=\"icons.close\"\n        (click)=\"accessor?.setValue([])\"\n    >\n        {{ clear() }}\n    </button>\n    <ng-container #vcr />\n    <ng-content select=\"tui-icon\" />\n</span>\n\n<span\n    *ngIf=\"control?.value != null\"\n    class=\"t-template\"\n>\n    <ng-container *polymorpheusOutlet=\"content as text; context: {$implicit: control?.value}\">\n        {{ text }}\n    </ng-container>\n</span>\n", styles: ["[tuiTextfieldV=\"4.91.0\"]{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-text-s);--t-end: 0rem;--t-start: 0rem;position:relative;display:flex;flex-wrap:wrap;align-items:center;cursor:pointer;min-block-size:var(--t-height);padding:0 var(--t-padding);border-radius:var(--tui-radius-l);font:var(--tui-font-text-ui-m);line-height:1.25rem;box-sizing:border-box;gap:0 .25rem;isolation:isolate}[tuiTextfieldV=\"4.91.0\"]::-webkit-scrollbar,[tuiTextfieldV=\"4.91.0\"]::-webkit-scrollbar-thumb{display:none}[tuiTextfieldV=\"4.91.0\"][tuiIcons]:read-only{color:var(--tui-text-tertiary)}[tuiTextfieldV=\"4.91.0\"][style*=\"--t-icon-start:\"]{--t-start: 2.25rem}[tuiTextfieldV=\"4.91.0\"][style*=\"--t-icon-end:\"]{--t-end: 2.25rem}[tuiTextfieldV=\"4.91.0\"][tuiIcons]:after{position:relative;block-size:auto;align-self:stretch;border-inline-start:var(--t-padding) solid transparent;border-inline-end:var(--t-padding) solid transparent;margin:0 calc(-1 * var(--t-padding))}[tuiTextfieldV=\"4.91.0\"]::-webkit-resizer{border:.25rem solid transparent;inline-size:.5rem;block-size:.5rem;box-sizing:content-box;color:var(--tui-text-tertiary);background:linear-gradient(-45deg,transparent,transparent .125rem,currentColor .125rem,currentColor .1875rem,transparent .1875rem,transparent .25rem,currentColor .25rem,currentColor .3125rem,transparent .35rem);background-clip:content-box}[tuiTextfieldV=\"4.91.0\"] label,[tuiTextfieldV=\"4.91.0\"]>.t-content,[tuiTextfieldV=\"4.91.0\"]>.t-template{pointer-events:none}[tuiTextfieldV=\"4.91.0\"] input,[tuiTextfieldV=\"4.91.0\"] select,[tuiTextfieldV=\"4.91.0\"] textarea{font:inherit;resize:none;outline:none;padding-block-start:1.125rem;padding-block-end:1.125rem}[tuiTextfieldV=\"4.91.0\"] input[inputmode=none],[tuiTextfieldV=\"4.91.0\"] select[inputmode=none],[tuiTextfieldV=\"4.91.0\"] textarea[inputmode=none]{caret-color:transparent}[tuiTextfieldV=\"4.91.0\"] input::-webkit-inner-spin-button,[tuiTextfieldV=\"4.91.0\"] select::-webkit-inner-spin-button,[tuiTextfieldV=\"4.91.0\"] textarea::-webkit-inner-spin-button,[tuiTextfieldV=\"4.91.0\"] input::-webkit-outer-spin-button,[tuiTextfieldV=\"4.91.0\"] select::-webkit-outer-spin-button,[tuiTextfieldV=\"4.91.0\"] textarea::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}[tuiTextfieldV=\"4.91.0\"][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-text-ui-s);line-height:1rem}[tuiTextfieldV=\"4.91.0\"][data-size=s][style*=\"--t-icon-start:\"]{--t-start: 1.375rem}[tuiTextfieldV=\"4.91.0\"][data-size=s][style*=\"--t-icon-end:\"]{--t-end: 1.375rem}[tuiTextfieldV=\"4.91.0\"][data-size=s]:before{margin-inline-end:.625rem;font-size:1rem}[tuiTextfieldV=\"4.91.0\"][data-size=s]:after{margin-inline-end:calc(-1 * var(--t-padding));margin-inline-start:calc(.5rem - var(--t-padding));font-size:1rem}[tuiTextfieldV=\"4.91.0\"][data-size=s] input,[tuiTextfieldV=\"4.91.0\"][data-size=s] select,[tuiTextfieldV=\"4.91.0\"][data-size=s] textarea{padding-block-start:.5rem;padding-block-end:.5rem}[tuiTextfieldV=\"4.91.0\"][data-size=s]>.t-content{margin-inline-end:-.25rem}[tuiTextfieldV=\"4.91.0\"][data-size=m]{--t-height: var(--tui-height-m);--t-padding: var(--tui-padding-m);--t-label-font: var(--tui-font-text-xs);--t-label-y: -.5625rem;border-radius:var(--tui-radius-m);font:var(--tui-font-text-ui-s);line-height:1rem}[tuiTextfieldV=\"4.91.0\"][data-size=m][style*=\"--t-icon-start:\"]{--t-start: 1.75rem}[tuiTextfieldV=\"4.91.0\"][data-size=m][style*=\"--t-icon-end:\"]{--t-end: 1.75rem}[tuiTextfieldV=\"4.91.0\"][data-size=m]:before{margin-inline-start:-.125rem;margin-inline-end:.125rem}[tuiTextfieldV=\"4.91.0\"][data-size=m]:after{margin-inline-start:calc(.25rem - var(--t-padding));margin-inline-end:calc(-.125rem - var(--t-padding))}[tuiTextfieldV=\"4.91.0\"][data-size=m] input,[tuiTextfieldV=\"4.91.0\"][data-size=m] select,[tuiTextfieldV=\"4.91.0\"][data-size=m] textarea{padding-block-start:.875rem;padding-block-end:.875rem}[tuiTextfieldV=\"4.91.0\"][data-size=m]>.t-content{margin-inline-end:-.125rem}[tuiTextfieldV=\"4.91.0\"][data-size=l]{--t-label: -.7rem}[tuiTextfieldV=\"4.91.0\"][tuiIcons]:hover{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.91.0\"][tuiIcons]:hover:has(input:read-only):not([multi]),[tuiTextfieldV=\"4.91.0\"][tuiIcons]:hover:has(textarea:read-only),[tuiTextfieldV=\"4.91.0\"][tuiIcons]:hover:has(select[data-mode~=readonly]){color:var(--tui-text-tertiary)}[tuiTextfieldV=\"4.91.0\"]:before{z-index:1;margin-inline-end:.5rem;pointer-events:none}[tuiTextfieldV=\"4.91.0\"]:has(:disabled:not(.t-filler,button,option,[tuiChip])):before,[tuiTextfieldV=\"4.91.0\"]:has(:disabled:not(.t-filler,button,option,[tuiChip])):after,[tuiTextfieldV=\"4.91.0\"]:has(:disabled:not(.t-filler,button,option,[tuiChip]))>.t-template{opacity:var(--tui-disabled-opacity)}[tuiTextfieldV=\"4.91.0\"]._disabled:before,[tuiTextfieldV=\"4.91.0\"]._disabled:after,[tuiTextfieldV=\"4.91.0\"]._disabled>.t-template{opacity:var(--tui-disabled-opacity)}[tuiTextfieldV=\"4.91.0\"]:has(label:not(:empty))>.t-template,[tuiTextfieldV=\"4.91.0\"]:has(label:not(:empty)) input:not([type=range]),[tuiTextfieldV=\"4.91.0\"]:has(label:not(:empty)) select:defined,[tuiTextfieldV=\"4.91.0\"]:has(label:not(:empty)) textarea:defined{padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true]):has(label:not(:empty))>.t-template::placeholder,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true]):has(label:not(:empty)) input:not([type=range])::placeholder,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true]):has(label:not(:empty)) select:defined::placeholder,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true]):has(label:not(:empty)) textarea:defined::placeholder,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true]):has(label:not(:empty))>.t-template._empty,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true]):has(label:not(:empty)) input:not([type=range])._empty,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true]):has(label:not(:empty)) select:defined._empty,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true]):has(label:not(:empty)) textarea:defined._empty{color:transparent}[tuiTextfieldV=\"4.91.0\"]._with-label>.t-template,[tuiTextfieldV=\"4.91.0\"]._with-label input:not([type=range]),[tuiTextfieldV=\"4.91.0\"]._with-label select:defined,[tuiTextfieldV=\"4.91.0\"]._with-label textarea:defined{padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true])._with-label>.t-template::placeholder,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true])._with-label input:not([type=range])::placeholder,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true])._with-label select:defined::placeholder,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true])._with-label textarea:defined::placeholder,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true])._with-label>.t-template._empty,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true])._with-label input:not([type=range])._empty,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true])._with-label select:defined._empty,[tuiTextfieldV=\"4.91.0\"]:not([data-focus=true])._with-label textarea:defined._empty{color:transparent}[tuiTextfieldV=\"4.91.0\"]>.t-template,[tuiTextfieldV=\"4.91.0\"] input:defined,[tuiTextfieldV=\"4.91.0\"] select:defined,[tuiTextfieldV=\"4.91.0\"] textarea:defined{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;-webkit-appearance:none;appearance:none;box-sizing:border-box;border-width:0;padding-inline-start:calc(var(--t-start, 0rem) + var(--t-padding));padding-inline-end:calc(var(--t-end, 0rem) + var(--t-side) + var(--t-padding))}[tuiTextfieldV=\"4.91.0\"]>.t-template{display:flex;align-items:center;border-radius:inherit;color:var(--tui-text-primary)}[tuiTextfieldV=\"4.91.0\"]._with-template input:first-of-type,[tuiTextfieldV=\"4.91.0\"]._with-template select,[tuiTextfieldV=\"4.91.0\"]._with-template textarea{color:transparent!important}[tuiTextfieldV=\"4.91.0\"] input,[tuiTextfieldV=\"4.91.0\"] select,[tuiTextfieldV=\"4.91.0\"] textarea{background:none;border-radius:inherit}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]),[tuiTextfieldV=\"4.91.0\"] select:defined,[tuiTextfieldV=\"4.91.0\"] textarea:defined{pointer-events:auto}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not(select):read-only~.t-filler,[tuiTextfieldV=\"4.91.0\"] select:defined:not(select):read-only~.t-filler,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not(select):read-only~.t-filler{display:none}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):disabled~label,[tuiTextfieldV=\"4.91.0\"] select:defined:disabled~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:disabled~label,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):disabled~.t-content,[tuiTextfieldV=\"4.91.0\"] select:defined:disabled~.t-content,[tuiTextfieldV=\"4.91.0\"] textarea:defined:disabled~.t-content{opacity:var(--tui-disabled-opacity)}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):disabled~label>tui-icon,[tuiTextfieldV=\"4.91.0\"] select:defined:disabled~label>tui-icon,[tuiTextfieldV=\"4.91.0\"] textarea:defined:disabled~label>tui-icon,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):disabled~.t-content>tui-icon,[tuiTextfieldV=\"4.91.0\"] select:defined:disabled~.t-content>tui-icon,[tuiTextfieldV=\"4.91.0\"] textarea:defined:disabled~.t-content>tui-icon{display:none}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):-webkit-autofill~label,[tuiTextfieldV=\"4.91.0\"] select:defined:-webkit-autofill~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:-webkit-autofill~label,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not(._empty):not(:placeholder-shown)~label,[tuiTextfieldV=\"4.91.0\"] select:defined:not(._empty):not(:placeholder-shown)~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not(._empty):not(:placeholder-shown)~label{font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):-webkit-autofill:not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.91.0\"] select:defined:-webkit-autofill:not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:-webkit-autofill:not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not(._empty):not(:placeholder-shown):not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.91.0\"] select:defined:not(._empty):not(:placeholder-shown):not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not(._empty):not(:placeholder-shown):not(:disabled)[data-mode~=invalid]~label,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):-webkit-autofill:invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.91.0\"] select:defined:-webkit-autofill:invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:-webkit-autofill:invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not(._empty):not(:placeholder-shown):invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.91.0\"] select:defined:not(._empty):not(:placeholder-shown):invalid:not(:disabled):not([data-mode])~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not(._empty):not(:placeholder-shown):invalid:not(:disabled):not([data-mode])~label{color:var(--tui-text-negative)}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):-webkit-autofill:not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.91.0\"] select:defined:-webkit-autofill:not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.91.0\"] textarea:defined:-webkit-autofill:not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not(._empty):not(:placeholder-shown):not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.91.0\"] select:defined:not(._empty):not(:placeholder-shown):not(:disabled):not([data-mode~=readonly])~.t-content .t-clear,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not(._empty):not(:placeholder-shown):not(:disabled):not([data-mode~=readonly])~.t-content .t-clear{display:flex}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly]):focus-visible:not([data-focus=false])::placeholder,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])::placeholder,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])::placeholder,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly]):focus-visible:not([data-focus=false])._empty,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])._empty,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly]):focus-visible:not([data-focus=false])~label,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly]):focus-visible:not([data-focus=false])~label{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly])[data-focus=true]::placeholder,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly])[data-focus=true]::placeholder,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly])[data-focus=true]::placeholder,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly])[data-focus=true]._empty,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly])[data-focus=true]._empty,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly])[data-focus=true]._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly])[data-focus=true]~label,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly])[data-focus=true]~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly])[data-focus=true]~label{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)::placeholder,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)::placeholder,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)::placeholder,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)._empty,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)._empty,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)~label,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]:not(._focused):has(:focus-visible)~label{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]._focused._focused::placeholder,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused::placeholder,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused::placeholder,[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]._focused._focused._empty,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused._empty,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.91.0\"] input:not([type=range]):not([data-mode~=readonly])[tuiWrapper]._focused._focused~label,[tuiTextfieldV=\"4.91.0\"] select:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused~label,[tuiTextfieldV=\"4.91.0\"] textarea:defined:not([data-mode~=readonly])[tuiWrapper]._focused._focused~label{color:var(--tui-text-primary)!important;font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}@supports (-webkit-touch-callout: none){[tuiTextfieldV=\"4.91.0\"] input:not([type=range])._ios-fix,[tuiTextfieldV=\"4.91.0\"] select:defined._ios-fix,[tuiTextfieldV=\"4.91.0\"] textarea:defined._ios-fix{position:fixed;left:1000rem}}[tuiTextfieldV=\"4.91.0\"] [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;line-height:var(--t-height);letter-spacing:calc((max(1em,.75rem) - 1em)*.4);transition-duration:inherit}[tuiTextfieldV=\"4.91.0\"] label:defined,[tuiTextfieldV=\"4.91.0\"] input:defined::placeholder,[tuiTextfieldV=\"4.91.0\"] textarea:defined::placeholder,[tuiTextfieldV=\"4.91.0\"] select:defined._empty{color:var(--tui-text-secondary)}[tuiTextfieldV=\"4.91.0\"] select:not([data-mode~=readonly]){cursor:pointer}[tuiTextfieldV=\"4.91.0\"] select option[value=\"\"]:disabled{color:transparent}[tuiTextfieldV=\"4.91.0\"] select optgroup,[tuiTextfieldV=\"4.91.0\"] select option{background-color:var(--tui-background-elevation-3)}[tuiTextfieldV=\"4.91.0\"] select optgroup,[tuiTextfieldV=\"4.91.0\"] select option:not(:disabled){color:var(--tui-text-primary)}[tuiTextfieldV=\"4.91.0\"] button,[tuiTextfieldV=\"4.91.0\"] a{pointer-events:auto}[tuiTextfieldV=\"4.91.0\"]>.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}[tuiTextfieldV=\"4.91.0\"]>.t-content>tui-icon{pointer-events:auto}[tuiTextfieldV=\"4.91.0\"] textarea~.t-content{min-inline-size:.5rem}[tuiTextfieldV=\"4.91.0\"] .t-clear{z-index:1;display:none;pointer-events:auto}[tuiTextfieldV=\"4.91.0\"]>.t-filler:defined{pointer-events:none;color:var(--tui-text-tertiary);opacity:1}[tuiTextfieldV=\"4.91.0\"] [tuiFluidTypography]{font-weight:700}[tuiTextfieldV=\"4.91.0\"] [tuiSelectLike]:not(:read-only){cursor:pointer}[tuiTextfieldV=\"4.91.0\"]:has(input[type=tel]){direction:ltr}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]{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[tuiTextfieldV=\"4.91.0\"][multi]:before,tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]:after{position:sticky;top:0;left:0;inset-inline-start:0;block-size:var(--t-height)}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][tuiChevron]:after{top:.375rem;block-size:calc(var(--t-height) - .75rem)}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]>.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[tuiTextfieldV=\"4.91.0\"][multi]>.t-scrollbar .t-bar_horizontal{display:none}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]>.t-items{position:sticky;left:var(--t-start);display:flex;inset-inline-start:var(--t-start);min-inline-size:0;min-block-size:-webkit-fit-content;min-block-size:-moz-fit-content;min-block-size:fit-content;flex:1;align-items:center;flex-wrap:wrap;padding:var(--t-vertical) 0;transition-duration:inherit}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]>.t-items:after{content:\"\";min-inline-size:1px;min-block-size:1px}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]>.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[tuiTextfieldV=\"4.91.0\"][multi]>.t-items_horizontal{clip-path:inset(0 calc(var(--t-start) / 2 - var(--t-padding) - .25rem) 0 0)}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]>.t-items_horizontal>.t-input{padding-inline-end:calc(var(--t-side) + var(--t-end) + var(--t-padding))}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]>.t-items:not(tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]>.t-items_horizontal){--t-scroll: 0}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]>.t-items>label[tuiLabel]{position:absolute;top:0;inline-size:100%}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]>.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[tuiTextfieldV=\"4.91.0\"][multi]>.t-items>.t-input input{position:absolute;left:0;inset-inline-start:0;inline-size:100%;padding:0}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]>.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[tuiTextfieldV=\"4.91.0\"][multi]>.t-items>.t-input .t-filler{position:absolute;left:0;inset-inline-start:0;color:var(--tui-text-tertiary);pointer-events:none}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]>.t-items>.t-input .t-filler_hidden{display:none}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]>.t-content{position:sticky;top:0;left:calc(100% - var(--t-side) - var(--t-end) + var(--t-padding) - var(--t-offset));inset-inline-start:calc(100% - var(--t-side) - var(--t-end) + var(--t-padding) - var(--t-offset));margin:0;gap:.25rem}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]>.t-content .t-clear{display:flex}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-mode~=invalid]:not([data-mode~=readonly])>.t-items>[tuiLabel]{color:var(--tui-text-negative)}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-focus=true]:not([data-mode~=readonly])>.t-items>[tuiLabel]{color:var(--tui-text-primary)!important}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-mode~=readonly]>.t-content .t-clear,tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]._disabled>.t-content .t-clear,tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]._empty>.t-content .t-clear{display:none}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]>.t-items input:not(:focus)::placeholder,tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-mode~=readonly]>.t-items input::placeholder,tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-mode~=readonly]>.t-items label~.t-input input::placeholder{opacity:0}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]._empty>.t-items input::placeholder,tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-focus=true]:not([data-mode~=readonly]):not(:focus-within)>.t-items input::placeholder{opacity:1}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]:not(._empty)>.t-items [tuiLabel],tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-focus=true]:not([data-mode~=readonly])>.t-items [tuiLabel]{font:var(--t-label-font);line-height:var(--t-height);transform:translateY(var(--t-label-y))}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-state=disabled],tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-mode~=readonly]{pointer-events:none}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-state=disabled] select,tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-mode~=readonly] select{display:none}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-size=l]{--t-vertical: .625rem;--t-offset: calc(1rem - var(--t-end) / 4.5)}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-size=l]:before{margin-inline-end:.75rem}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-size=l]:after{left:calc(100% - var(--t-end) - .375rem + .25 * (1em - 1rem));inset-inline-start:calc(100% - var(--t-end) - .375rem + .25 * (1em - 1rem));margin-inline-end:calc(.5 * (1.5rem - 1em) - var(--t-padding));margin-inline-start:-.75rem}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-size=l]._with-label{--t-vertical: 1.125rem}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-size=l]._with-label>.t-items{padding:1.75rem 0 .5rem}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-size=m]{--t-vertical: .5rem;--t-offset: calc(.75rem + var(--t-end) / 14)}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-size=m]:before{left:-.125rem;inset-inline-start:-.125rem;margin-inline-end:.375rem}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-size=m]:after{left:calc(100% - var(--t-end) - .25rem);inset-inline-start:calc(100% - var(--t-end) - .25rem);margin-inline-start:-.125rem;border-width:.625rem;margin-inline-end:calc(.5 * (1.5rem - 1em) - var(--t-padding))}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-size=m]._with-label{--t-vertical: .875rem}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-size=m]._with-label>.t-items{padding:1.375rem 0 .375rem}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-size=m]>.t-content{transform:translate(calc(.125rem * var(--tui-inline)))}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-size=s]{--t-vertical: .125rem;--t-offset: calc(.625rem + var(--t-end) / 10)}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-size=s]:before{margin-inline-end:.375rem}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-size=s]:after{left:calc(100% - var(--t-end) - .25rem);inset-inline-start:calc(100% - var(--t-end) - .25rem);border-width:.625rem;margin-inline-end:calc(-1 * var(--t-padding))}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-size=s]>.t-content{gap:0;transform:translate(calc(.25rem * var(--tui-inline)))}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]:focus-visible:not([data-focus=false]) input::placeholder,tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]:focus-visible:not([data-focus=false]) input._empty{color:var(--tui-text-secondary)}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-focus=true] input::placeholder,tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][data-focus=true] input._empty{color:var(--tui-text-secondary)}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][tuiWrapper]:not(._focused):has(:focus-visible) input::placeholder,tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][tuiWrapper]:not(._focused):has(:focus-visible) input._empty{color:var(--tui-text-secondary)}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][tuiWrapper]._focused._focused input::placeholder,tui-textfield[tuiTextfieldV=\"4.91.0\"][multi][tuiWrapper]._focused._focused input._empty{color:var(--tui-text-secondary)}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi] tui-textfield-item{transform:translate(var(--t-scroll))}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi] input{color:var(--tui-text-primary)}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi] input::placeholder{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi] select{opacity:0;padding:0;pointer-events:none}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]._empty>.t-items select~.t-filler{display:block}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]._empty:not([data-focus=true])>.t-items select~.t-filler{color:var(--tui-text-secondary)}tui-textfield[tuiTextfieldV=\"4.91.0\"][multi]:has([tuiSelectLike]){cursor:pointer}\n"] }]
         }], propDecorators: { item: [{
                 type: ContentChild,
                 args: [TuiItem, { read: TemplateRef, descendants: true }]