@taiga-ui/core 5.4.0-canary.15a8161 → 5.4.0-canary.c194928

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/fesm2022/taiga-ui-core-components-button.mjs +2 -2
  2. package/fesm2022/taiga-ui-core-components-cell.mjs +3 -3
  3. package/fesm2022/taiga-ui-core-components-checkbox.mjs +2 -2
  4. package/fesm2022/taiga-ui-core-components-data-list.mjs +4 -4
  5. package/fesm2022/taiga-ui-core-components-icon.mjs +2 -2
  6. package/fesm2022/taiga-ui-core-components-label.mjs +3 -3
  7. package/fesm2022/taiga-ui-core-components-link.mjs +2 -2
  8. package/fesm2022/taiga-ui-core-components-notification.mjs +2 -2
  9. package/fesm2022/taiga-ui-core-components-radio.mjs +2 -2
  10. package/fesm2022/taiga-ui-core-components-root.mjs +1 -1
  11. package/fesm2022/taiga-ui-core-components-textfield.mjs +4 -4
  12. package/fesm2022/taiga-ui-core-components-title.mjs +3 -3
  13. package/fesm2022/taiga-ui-core-directives-appearance.mjs +3 -3
  14. package/fesm2022/taiga-ui-core-directives-group.mjs +3 -3
  15. package/fesm2022/taiga-ui-core-directives-icons.mjs +3 -3
  16. package/fesm2022/taiga-ui-core-portals-alert.mjs +3 -3
  17. package/fesm2022/taiga-ui-core-portals-dialog.mjs +2 -2
  18. package/fesm2022/taiga-ui-core-portals-modal.mjs +3 -3
  19. package/package.json +9 -9
package/fesm2022/taiga-ui-core-components-textfield.mjs CHANGED
@@ -205,7 +205,7 @@ class TuiTextfieldComponent {
205
205
  provide: TUI_TEXTFIELD_VALUE,
206
206
  useFactory: () => inject(TuiTextfieldComponent).value,
207
207
  },
208
- ], queries: [{ propertyName: "label", first: true, predicate: i0.forwardRef(() => TuiLabel), descendants: true, read: ElementRef, isSignal: true }, { propertyName: "accessor", first: true, predicate: TUI_TEXTFIELD_ACCESSOR, descendants: true, isSignal: true }, { propertyName: "control", first: true, predicate: NgControl, descendants: true, isSignal: true }, { propertyName: "auxiliaries", predicate: TUI_AUXILIARY, descendants: true, isSignal: true }, { propertyName: "input", first: true, predicate: TUI_TEXTFIELD_ACCESSOR, descendants: true, read: ElementRef, isSignal: true }], viewQueries: [{ propertyName: "ghost", first: true, predicate: ["ghost"], descendants: true, isSignal: true }, { propertyName: "vcr", first: true, predicate: ["vcr"], descendants: true, read: ViewContainerRef, isSignal: true }], hostDirectives: [{ directive: i1.TuiAppearance }, { directive: i2.TuiDropdownDirective }, { directive: i2.TuiDropdownFixed }, { directive: i2.TuiWithDropdownOpen }, { directive: i3.TuiWithIcons }, { directive: i4.TuiWithItemsHandlers }, { directive: i5.TuiWithOptionContent }], ngImport: i0, template: "@if (control()?.control?.valueChanges | async) {}\n<ng-content select=\"input\" />\n<ng-content select=\"select\" />\n<ng-content select=\"textarea\" />\n<ng-content select=\"label\" />\n<span\n class=\"t-content\"\n (pointerdown)=\"input()?.nativeElement?.focus()\"\n (waResizeObserver)=\"$event[0] && onResize($event[0])\"\n>\n <ng-content />\n <ng-container #vcr />\n @if (options.cleaner()) {\n <button\n tuiButtonX\n (click)=\"accessor()?.setValue(null)\"\n >\n {{ clear() }}\n </button>\n }\n <ng-content select=\"tui-icon\" />\n</span>\n@if (control()?.value != null) {\n <span\n class=\"t-template\"\n [tuiCell]=\"options.size()\"\n >\n <ng-container *polymorpheusOutlet=\"content() as text; context: {$implicit: control()?.value}\">\n {{ text }}\n </ng-container>\n </span>\n}\n@if (showFiller()) {\n <input\n #ghost\n aria-hidden=\"true\"\n disabled\n class=\"t-filler\"\n [value]=\"computedFiller()\"\n />\n}\n", styles: ["tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]){scrollbar-width:none;-ms-overflow-style:none;transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--t-height: calc(var(--tui-height-l) + 2.5 * var(--t-label) * var(--tui-font-offset));--t-padding: var(--tui-padding-l);--t-label: 0;--t-label-y: -.75rem;--t-label-font: var(--tui-typography-ui-s);--t-end: 0px;--t-start: 0px;--t-side: 0px;--t-max: .75rem;--t-space: clamp(0px, calc(var(--t-side) + var(--t-end)), var(--t-max));position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;min-block-size:var(--t-height);padding:0 var(--t-padding);border-radius:var(--tui-radius-l);font:var(--tui-typography-ui-m);box-sizing:border-box;isolation:isolate}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])::-webkit-scrollbar,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])::-webkit-scrollbar-thumb{display:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[tuiAppearance]{outline:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[tuiAppearance][data-appearance=\"\"]{color:var(--tui-text-tertiary)}@media (hover: hover) and (pointer: fine){tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){color:var(--tui-text-secondary)}}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly])[data-state=hover]{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-icon-start]{--t-start: 2.5rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[tuiIcons]:before{z-index:1;block-size:var(--t-height);block-size:calc(var(--t-height) * (1 - .2 * var(--t-zoom)));inline-size:1.5rem;margin-inline-end:1rem;pointer-events:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[tuiIcons]:after{position:relative;block-size:var(--t-height);block-size:calc(var(--t-height) * (1 - .2 * var(--t-zoom)));inline-size:calc(1.5rem + 2 * var(--t-padding));cursor:pointer;margin-inline-start:calc(.25rem - var(--t-padding));margin-inline-end:calc(-1 * var(--t-padding))}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])::-webkit-resizer{border:.25rem solid transparent;inline-size:.5rem;block-size:.5rem;box-sizing:content-box;color:var(--tui-text-tertiary);background:linear-gradient(-45deg,transparent,transparent .125rem,currentColor .125rem,currentColor .1875rem,transparent .1875rem,transparent .25rem,currentColor .25rem,currentColor .3125rem,transparent .35rem);background-clip:content-box}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-content,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-template{pointer-events:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s]{--t-height: var(--tui-height-s);--t-padding: var(--tui-padding-s);--t-max: 0px;border-radius:var(--tui-radius-m);font:var(--tui-typography-ui-s)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s][data-icon-start]{--t-start: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s][data-icon-end]{--t-end: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s]:before{font-size:1rem;margin-inline:-.25rem .25rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s]:after{inline-size:calc(.75rem + 2 * var(--t-padding));margin-inline:0 -.5rem;font-size:1rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s]>.t-content{gap:0}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s]>.t-content>*:last-child{margin-inline-end:-.25rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=m]{--t-height: calc(var(--tui-height-m) + 2.5 * var(--t-label) * var(--tui-font-offset));--t-padding: var(--tui-padding-m);--t-label-font: var(--tui-typography-ui-xs);--t-label-y: -.5625rem;--t-max: .125rem;border-radius:var(--tui-radius-m);font:var(--tui-typography-ui-s)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=m][data-icon-start]{--t-start: 2.125rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=m][data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=m]:before{margin-inline:-.125rem .75rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=m]:after{inline-size:calc(1.25rem + 2 * var(--t-padding));margin-inline-start:calc(.5rem - var(--t-padding))}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=m]>.t-content>*:last-child{margin-inline-end:-.125rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):is(._disabled,[data-state=disabled]){pointer-events:none;opacity:var(--tui-disabled-opacity)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):is(._disabled,[data-state=disabled]) [tuiAppearance]:is(._disabled,:disabled,[data-state=disabled]){opacity:1}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):is(._disabled,[data-state=disabled]) tui-icon{display:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label{--t-label: 1}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label>.t-template,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label .t-filler,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label [tuiInput]{inset-block-end:0;padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template::placeholder,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template._empty,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]._empty{color:transparent}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-template,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) .t-filler,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]{position:absolute;inset-inline:0;inline-size:auto;block-size:var(--t-height);-webkit-appearance:none;appearance:none;background:none;font:inherit;resize:none;outline:none;color:var(--tui-text-primary);box-sizing:border-box;border-radius:inherit;border-width:0;overscroll-behavior:none;padding-inline-start:calc(var(--t-start) + var(--t-padding));padding-inline-end:calc(var(--t-end) + var(--t-side) + var(--t-padding) + var(--t-space));white-space:nowrap;overflow:hidden}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-template:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) .t-filler:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]:is(input,textarea):read-only~.t-filler{display:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-template:disabled,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) .t-filler:disabled,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]:disabled{animation:tuiPresent 1s infinite;opacity:1}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-template[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) .t-filler[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput][inputmode=none]{caret-color:transparent}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-template::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) .t-filler::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-template::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) .t-filler::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-template [tuiInput]:first-of-type{color:transparent!important}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]:-webkit-autofill [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput][chrome-autofilled] [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]:not(._empty,:placeholder-shown) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[multi][multi]:not(._empty) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]:-webkit-autofill:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput][chrome-autofilled]:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]:not(._empty,:placeholder-shown):not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[multi][multi]:not(._empty):not(tui-textfield)~[tuiLabel]{font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiLabel][tuiLabel][tuiLabel]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:block;max-inline-size:calc(100% - var(--t-start));flex:1;align-self:flex-start;font:inherit;-webkit-user-select:none;user-select:none;padding:calc(var(--t-height) / 2 - .625em) 0;line-height:1.25!important;transition-duration:inherit}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiLabel][tuiLabel][tuiLabel]+.t-content{margin-inline-start:0}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]._empty{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) select option[value=\"\"]:disabled{color:transparent}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) select option{background-color:var(--tui-background-elevation-3)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) select option:not(:disabled){color:var(--tui-text-primary)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) a,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) tui-icon{pointer-events:auto}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-content{z-index:1;display:flex;block-size:var(--t-height);align-items:center;gap:.25rem;margin-inline-start:auto;isolation:isolate;border-radius:inherit}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) textarea~.t-content{min-inline-size:.5rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):is([data-mode~=readonly],[data-state=disabled],._empty) [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]._empty~.t-content [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]:disabled~.t-content [tuiButtonX]{display:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) .t-filler{pointer-events:none!important;color:var(--tui-text-tertiary)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiFluidTypography]{font-weight:700}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiSelectLike]:not(:read-only){cursor:pointer}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):has(input[type=tel]){direction:ltr}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):is([data-mode~=invalid],.tui-invalid,:invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled) [tuiInput]:not(._empty)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):is([data-mode~=invalid],.tui-invalid,:invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[multi]:not(._empty) [tuiLabel]{color:var(--tui-text-negative)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):not([data-mode~=readonly]):focus-visible:not([data-focus=false]) [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):not([data-mode~=readonly])[data-focus=true] [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiButtonX, selector: "[tuiButtonX]" }, { kind: "directive", type: TuiCell, selector: "[tuiCell]:not(ng-template)", inputs: ["tuiCell", "tuiCellHeight"] }, { kind: "directive", type: WaResizeObserver, selector: "[waResizeObserver]", inputs: ["waResizeBox"], outputs: ["waResizeObserver"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
208
+ ], queries: [{ propertyName: "label", first: true, predicate: i0.forwardRef(() => TuiLabel), descendants: true, read: ElementRef, isSignal: true }, { propertyName: "accessor", first: true, predicate: TUI_TEXTFIELD_ACCESSOR, descendants: true, isSignal: true }, { propertyName: "control", first: true, predicate: NgControl, descendants: true, isSignal: true }, { propertyName: "auxiliaries", predicate: TUI_AUXILIARY, descendants: true, isSignal: true }, { propertyName: "input", first: true, predicate: TUI_TEXTFIELD_ACCESSOR, descendants: true, read: ElementRef, isSignal: true }], viewQueries: [{ propertyName: "ghost", first: true, predicate: ["ghost"], descendants: true, isSignal: true }, { propertyName: "vcr", first: true, predicate: ["vcr"], descendants: true, read: ViewContainerRef, isSignal: true }], hostDirectives: [{ directive: i1.TuiAppearance }, { directive: i2.TuiDropdownDirective }, { directive: i2.TuiDropdownFixed }, { directive: i2.TuiWithDropdownOpen }, { directive: i3.TuiWithIcons }, { directive: i4.TuiWithItemsHandlers }, { directive: i5.TuiWithOptionContent }], ngImport: i0, template: "@if (control()?.control?.valueChanges | async) {}\n<ng-content select=\"input\" />\n<ng-content select=\"select\" />\n<ng-content select=\"textarea\" />\n<ng-content select=\"label\" />\n<span\n class=\"t-content\"\n (pointerdown)=\"input()?.nativeElement?.focus()\"\n (waResizeObserver)=\"$event[0] && onResize($event[0])\"\n>\n <ng-content />\n <ng-container #vcr />\n @if (options.cleaner()) {\n <button\n tuiButtonX\n (click)=\"accessor()?.setValue(null)\"\n >\n {{ clear() }}\n </button>\n }\n <ng-content select=\"tui-icon\" />\n</span>\n@if (control()?.value != null) {\n <span\n class=\"t-template\"\n [tuiCell]=\"options.size()\"\n >\n <ng-container *polymorpheusOutlet=\"content() as text; context: {$implicit: control()?.value}\">\n {{ text }}\n </ng-container>\n </span>\n}\n@if (showFiller()) {\n <input\n #ghost\n aria-hidden=\"true\"\n disabled\n class=\"t-filler\"\n [value]=\"computedFiller()\"\n />\n}\n", styles: ["tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]){scrollbar-width:none;-ms-overflow-style:none;transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--t-height: calc(var(--tui-height-l) + 2.5 * var(--t-label) * var(--tui-font-offset));--t-padding: var(--tui-padding-l);--t-label: 0;--t-label-y: -.75rem;--t-label-font: var(--tui-typography-ui-s);--t-end: 0px;--t-start: 0px;--t-side: 0px;--t-max: .75rem;--t-space: clamp(0px, calc(var(--t-side) + var(--t-end)), var(--t-max));position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;min-block-size:var(--t-height);padding:0 var(--t-padding);border-radius:var(--tui-radius-l);font:var(--tui-typography-ui-m);box-sizing:border-box;isolation:isolate}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])::-webkit-scrollbar,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])::-webkit-scrollbar-thumb{display:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[tuiAppearance]{outline:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[tuiAppearance][data-appearance=\"\"]{color:var(--tui-text-tertiary)}@media (hover: hover) and (pointer: fine){tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){color:var(--tui-text-secondary)}}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly])[data-state=hover]{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-icon-start]{--t-start: 2.5rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[tuiIcons]:before{z-index:1;block-size:var(--t-height);block-size:calc(var(--t-height) * (1 - .2 * var(--t-zoom)));inline-size:1.5rem;margin-inline-end:1rem;pointer-events:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[tuiIcons]:after{position:relative;block-size:var(--t-height);block-size:calc(var(--t-height) * (1 - .2 * var(--t-zoom)));inline-size:calc(1.5rem + 2 * var(--t-padding));cursor:pointer;margin-inline-start:calc(.25rem - var(--t-padding));margin-inline-end:calc(-1 * var(--t-padding))}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])::-webkit-resizer{border:.25rem solid transparent;inline-size:.5rem;block-size:.5rem;box-sizing:content-box;color:var(--tui-text-tertiary);background:linear-gradient(-45deg,transparent,transparent .125rem,currentColor .125rem,currentColor .1875rem,transparent .1875rem,transparent .25rem,currentColor .25rem,currentColor .3125rem,transparent .35rem);background-clip:content-box}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-content,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-template{pointer-events:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s]{--t-height: var(--tui-height-s);--t-padding: var(--tui-padding-s);--t-max: 0px;border-radius:var(--tui-radius-m);font:var(--tui-typography-ui-s)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s][data-icon-start]{--t-start: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s][data-icon-end]{--t-end: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s]:before{font-size:1rem;margin-inline:-.25rem .25rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s]:after{inline-size:calc(.75rem + 2 * var(--t-padding));margin-inline:0 -.5rem;font-size:1rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s]>.t-content{gap:0}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s]>.t-content>*:last-child{margin-inline-end:-.25rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=m]{--t-height: calc(var(--tui-height-m) + 2.5 * var(--t-label) * var(--tui-font-offset));--t-padding: var(--tui-padding-m);--t-label-font: var(--tui-typography-ui-xs);--t-label-y: -.5625rem;--t-max: .125rem;border-radius:var(--tui-radius-m);font:var(--tui-typography-ui-s)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=m][data-icon-start]{--t-start: 2.125rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=m][data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=m]:before{margin-inline:-.125rem .75rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=m]:after{inline-size:calc(1.25rem + 2 * var(--t-padding));margin-inline-start:calc(.5rem - var(--t-padding))}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=m]>.t-content>*:last-child{margin-inline-end:-.125rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):is(._disabled,[data-state=disabled]){pointer-events:none;opacity:var(--tui-disabled-opacity)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):is(._disabled,[data-state=disabled]) [tuiAppearance]:is(._disabled,:disabled,[data-state=disabled]){opacity:1}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):is(._disabled,[data-state=disabled]) tui-icon{display:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label{--t-label: 1}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label>.t-template,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label .t-filler,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label [tuiInput]{inset-block-end:0;padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template::placeholder,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template._empty,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]._empty{color:transparent}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-template,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) .t-filler,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]{position:absolute;inset-inline:0;inline-size:auto;block-size:var(--t-height);-webkit-appearance:none;appearance:none;background:none;font:inherit;resize:none;outline:none;color:var(--tui-text-primary);box-sizing:border-box;border-radius:inherit;border-width:0;overscroll-behavior:none;padding-inline-start:calc(var(--t-start) + var(--t-padding));padding-inline-end:calc(var(--t-end) + var(--t-side) + var(--t-padding) + var(--t-space));white-space:nowrap;overflow:hidden}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-template:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) .t-filler:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]:is(input,textarea):read-only~.t-filler{display:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-template:disabled,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) .t-filler:disabled,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]:disabled{animation:tuiPresent 1s infinite;opacity:1}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-template[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) .t-filler[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput][inputmode=none]{caret-color:transparent}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-template::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) .t-filler::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-template::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) .t-filler::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-template [tuiInput]:first-of-type{color:transparent!important}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]:-webkit-autofill [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput][chrome-autofilled] [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]:not(._empty,:placeholder-shown) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[multi][multi]:not(._empty) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]:-webkit-autofill:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput][chrome-autofilled]:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]:not(._empty,:placeholder-shown):not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[multi][multi]:not(._empty):not(tui-textfield)~[tuiLabel]{font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiLabel][tuiLabel][tuiLabel]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:block;max-inline-size:calc(100% - var(--t-start));flex:1;align-self:flex-start;font:inherit;-webkit-user-select:none;user-select:none;padding:calc(var(--t-height) / 2 - .625em) 0;line-height:1.25!important;transition-duration:inherit}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiLabel][tuiLabel][tuiLabel]+.t-content{margin-inline-start:0}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]._empty{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) select option[value=\"\"]:disabled{color:transparent}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) select option{background-color:var(--tui-background-elevation-3)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) select option:not(:disabled){color:var(--tui-text-primary)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) a,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) tui-icon{pointer-events:auto}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-content{z-index:1;display:flex;block-size:var(--t-height);align-items:center;gap:.25rem;margin-inline-start:auto;isolation:isolate;border-radius:inherit}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) textarea~.t-content{min-inline-size:.5rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):is([data-mode~=readonly],[data-state=disabled],._empty) [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]._empty~.t-content [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]:disabled~.t-content [tuiButtonX]{display:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) .t-filler{pointer-events:none!important;color:var(--tui-text-tertiary)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiFluidTypography]{font-weight:700}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiSelectLike]:not(:read-only){cursor:pointer}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):has(input[type=tel]){direction:ltr}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):is([data-mode~=invalid],.tui-invalid,:invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled) [tuiInput]:not(._empty)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):is([data-mode~=invalid],.tui-invalid,:invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[multi]:not(._empty) [tuiLabel]{color:var(--tui-text-negative)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):not([data-mode~=readonly]):focus-visible:not([data-focus=false]) [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):not([data-mode~=readonly])[data-focus=true] [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiButtonX, selector: "[tuiButtonX]" }, { kind: "directive", type: TuiCell, selector: "[tuiCell]:not(ng-template)", inputs: ["tuiCell", "tuiCellHeight"] }, { kind: "directive", type: WaResizeObserver, selector: "[waResizeObserver]", inputs: ["waResizeBox"], outputs: ["waResizeObserver"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
209
209
  }
210
210
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TuiTextfieldComponent, decorators: [{
211
211
  type: Component,
@@ -237,7 +237,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
237
237
  '(pointerdown.self.prevent)': 'onIconClick()',
238
238
  '(scroll.capture.zoneless)': 'onScroll($event.target)',
239
239
  '(tuiActiveZoneChange)': '!$event && control()?.valueAccessor?.onTouched?.()',
240
- }, template: "@if (control()?.control?.valueChanges | async) {}\n<ng-content select=\"input\" />\n<ng-content select=\"select\" />\n<ng-content select=\"textarea\" />\n<ng-content select=\"label\" />\n<span\n class=\"t-content\"\n (pointerdown)=\"input()?.nativeElement?.focus()\"\n (waResizeObserver)=\"$event[0] && onResize($event[0])\"\n>\n <ng-content />\n <ng-container #vcr />\n @if (options.cleaner()) {\n <button\n tuiButtonX\n (click)=\"accessor()?.setValue(null)\"\n >\n {{ clear() }}\n </button>\n }\n <ng-content select=\"tui-icon\" />\n</span>\n@if (control()?.value != null) {\n <span\n class=\"t-template\"\n [tuiCell]=\"options.size()\"\n >\n <ng-container *polymorpheusOutlet=\"content() as text; context: {$implicit: control()?.value}\">\n {{ text }}\n </ng-container>\n </span>\n}\n@if (showFiller()) {\n <input\n #ghost\n aria-hidden=\"true\"\n disabled\n class=\"t-filler\"\n [value]=\"computedFiller()\"\n />\n}\n", styles: ["tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]){scrollbar-width:none;-ms-overflow-style:none;transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--t-height: calc(var(--tui-height-l) + 2.5 * var(--t-label) * var(--tui-font-offset));--t-padding: var(--tui-padding-l);--t-label: 0;--t-label-y: -.75rem;--t-label-font: var(--tui-typography-ui-s);--t-end: 0px;--t-start: 0px;--t-side: 0px;--t-max: .75rem;--t-space: clamp(0px, calc(var(--t-side) + var(--t-end)), var(--t-max));position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;min-block-size:var(--t-height);padding:0 var(--t-padding);border-radius:var(--tui-radius-l);font:var(--tui-typography-ui-m);box-sizing:border-box;isolation:isolate}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])::-webkit-scrollbar,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])::-webkit-scrollbar-thumb{display:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[tuiAppearance]{outline:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[tuiAppearance][data-appearance=\"\"]{color:var(--tui-text-tertiary)}@media (hover: hover) and (pointer: fine){tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){color:var(--tui-text-secondary)}}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly])[data-state=hover]{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-icon-start]{--t-start: 2.5rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[tuiIcons]:before{z-index:1;block-size:var(--t-height);block-size:calc(var(--t-height) * (1 - .2 * var(--t-zoom)));inline-size:1.5rem;margin-inline-end:1rem;pointer-events:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[tuiIcons]:after{position:relative;block-size:var(--t-height);block-size:calc(var(--t-height) * (1 - .2 * var(--t-zoom)));inline-size:calc(1.5rem + 2 * var(--t-padding));cursor:pointer;margin-inline-start:calc(.25rem - var(--t-padding));margin-inline-end:calc(-1 * var(--t-padding))}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])::-webkit-resizer{border:.25rem solid transparent;inline-size:.5rem;block-size:.5rem;box-sizing:content-box;color:var(--tui-text-tertiary);background:linear-gradient(-45deg,transparent,transparent .125rem,currentColor .125rem,currentColor .1875rem,transparent .1875rem,transparent .25rem,currentColor .25rem,currentColor .3125rem,transparent .35rem);background-clip:content-box}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-content,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-template{pointer-events:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s]{--t-height: var(--tui-height-s);--t-padding: var(--tui-padding-s);--t-max: 0px;border-radius:var(--tui-radius-m);font:var(--tui-typography-ui-s)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s][data-icon-start]{--t-start: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s][data-icon-end]{--t-end: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s]:before{font-size:1rem;margin-inline:-.25rem .25rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s]:after{inline-size:calc(.75rem + 2 * var(--t-padding));margin-inline:0 -.5rem;font-size:1rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s]>.t-content{gap:0}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s]>.t-content>*:last-child{margin-inline-end:-.25rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=m]{--t-height: calc(var(--tui-height-m) + 2.5 * var(--t-label) * var(--tui-font-offset));--t-padding: var(--tui-padding-m);--t-label-font: var(--tui-typography-ui-xs);--t-label-y: -.5625rem;--t-max: .125rem;border-radius:var(--tui-radius-m);font:var(--tui-typography-ui-s)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=m][data-icon-start]{--t-start: 2.125rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=m][data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=m]:before{margin-inline:-.125rem .75rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=m]:after{inline-size:calc(1.25rem + 2 * var(--t-padding));margin-inline-start:calc(.5rem - var(--t-padding))}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=m]>.t-content>*:last-child{margin-inline-end:-.125rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):is(._disabled,[data-state=disabled]){pointer-events:none;opacity:var(--tui-disabled-opacity)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):is(._disabled,[data-state=disabled]) [tuiAppearance]:is(._disabled,:disabled,[data-state=disabled]){opacity:1}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):is(._disabled,[data-state=disabled]) tui-icon{display:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label{--t-label: 1}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label>.t-template,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label .t-filler,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label [tuiInput]{inset-block-end:0;padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template::placeholder,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template._empty,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]._empty{color:transparent}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-template,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) .t-filler,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]{position:absolute;inset-inline:0;inline-size:auto;block-size:var(--t-height);-webkit-appearance:none;appearance:none;background:none;font:inherit;resize:none;outline:none;color:var(--tui-text-primary);box-sizing:border-box;border-radius:inherit;border-width:0;overscroll-behavior:none;padding-inline-start:calc(var(--t-start) + var(--t-padding));padding-inline-end:calc(var(--t-end) + var(--t-side) + var(--t-padding) + var(--t-space));white-space:nowrap;overflow:hidden}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-template:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) .t-filler:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]:is(input,textarea):read-only~.t-filler{display:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-template:disabled,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) .t-filler:disabled,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]:disabled{animation:tuiPresent 1s infinite;opacity:1}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-template[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) .t-filler[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput][inputmode=none]{caret-color:transparent}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-template::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) .t-filler::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-template::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) .t-filler::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-template [tuiInput]:first-of-type{color:transparent!important}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]:-webkit-autofill [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput][chrome-autofilled] [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]:not(._empty,:placeholder-shown) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[multi][multi]:not(._empty) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]:-webkit-autofill:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput][chrome-autofilled]:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]:not(._empty,:placeholder-shown):not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[multi][multi]:not(._empty):not(tui-textfield)~[tuiLabel]{font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiLabel][tuiLabel][tuiLabel]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:block;max-inline-size:calc(100% - var(--t-start));flex:1;align-self:flex-start;font:inherit;-webkit-user-select:none;user-select:none;padding:calc(var(--t-height) / 2 - .625em) 0;line-height:1.25!important;transition-duration:inherit}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiLabel][tuiLabel][tuiLabel]+.t-content{margin-inline-start:0}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]._empty{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) select option[value=\"\"]:disabled{color:transparent}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) select option{background-color:var(--tui-background-elevation-3)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) select option:not(:disabled){color:var(--tui-text-primary)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) a,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) tui-icon{pointer-events:auto}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-content{z-index:1;display:flex;block-size:var(--t-height);align-items:center;gap:.25rem;margin-inline-start:auto;isolation:isolate;border-radius:inherit}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) textarea~.t-content{min-inline-size:.5rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):is([data-mode~=readonly],[data-state=disabled],._empty) [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]._empty~.t-content [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]:disabled~.t-content [tuiButtonX]{display:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) .t-filler{pointer-events:none!important;color:var(--tui-text-tertiary)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiFluidTypography]{font-weight:700}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiSelectLike]:not(:read-only){cursor:pointer}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):has(input[type=tel]){direction:ltr}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):is([data-mode~=invalid],.tui-invalid,:invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled) [tuiInput]:not(._empty)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):is([data-mode~=invalid],.tui-invalid,:invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[multi]:not(._empty) [tuiLabel]{color:var(--tui-text-negative)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):not([data-mode~=readonly]):focus-visible:not([data-focus=false]) [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):not([data-mode~=readonly])[data-focus=true] [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}\n"] }]
240
+ }, template: "@if (control()?.control?.valueChanges | async) {}\n<ng-content select=\"input\" />\n<ng-content select=\"select\" />\n<ng-content select=\"textarea\" />\n<ng-content select=\"label\" />\n<span\n class=\"t-content\"\n (pointerdown)=\"input()?.nativeElement?.focus()\"\n (waResizeObserver)=\"$event[0] && onResize($event[0])\"\n>\n <ng-content />\n <ng-container #vcr />\n @if (options.cleaner()) {\n <button\n tuiButtonX\n (click)=\"accessor()?.setValue(null)\"\n >\n {{ clear() }}\n </button>\n }\n <ng-content select=\"tui-icon\" />\n</span>\n@if (control()?.value != null) {\n <span\n class=\"t-template\"\n [tuiCell]=\"options.size()\"\n >\n <ng-container *polymorpheusOutlet=\"content() as text; context: {$implicit: control()?.value}\">\n {{ text }}\n </ng-container>\n </span>\n}\n@if (showFiller()) {\n <input\n #ghost\n aria-hidden=\"true\"\n disabled\n class=\"t-filler\"\n [value]=\"computedFiller()\"\n />\n}\n", styles: ["tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]){scrollbar-width:none;-ms-overflow-style:none;transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--t-height: calc(var(--tui-height-l) + 2.5 * var(--t-label) * var(--tui-font-offset));--t-padding: var(--tui-padding-l);--t-label: 0;--t-label-y: -.75rem;--t-label-font: var(--tui-typography-ui-s);--t-end: 0px;--t-start: 0px;--t-side: 0px;--t-max: .75rem;--t-space: clamp(0px, calc(var(--t-side) + var(--t-end)), var(--t-max));position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;min-block-size:var(--t-height);padding:0 var(--t-padding);border-radius:var(--tui-radius-l);font:var(--tui-typography-ui-m);box-sizing:border-box;isolation:isolate}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])::-webkit-scrollbar,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])::-webkit-scrollbar-thumb{display:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[tuiAppearance]{outline:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[tuiAppearance][data-appearance=\"\"]{color:var(--tui-text-tertiary)}@media (hover: hover) and (pointer: fine){tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){color:var(--tui-text-secondary)}}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly])[data-state=hover]{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-icon-start]{--t-start: 2.5rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[tuiIcons]:before{z-index:1;block-size:var(--t-height);block-size:calc(var(--t-height) * (1 - .2 * var(--t-zoom)));inline-size:1.5rem;margin-inline-end:1rem;pointer-events:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[tuiIcons]:after{position:relative;block-size:var(--t-height);block-size:calc(var(--t-height) * (1 - .2 * var(--t-zoom)));inline-size:calc(1.5rem + 2 * var(--t-padding));cursor:pointer;margin-inline-start:calc(.25rem - var(--t-padding));margin-inline-end:calc(-1 * var(--t-padding))}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])::-webkit-resizer{border:.25rem solid transparent;inline-size:.5rem;block-size:.5rem;box-sizing:content-box;color:var(--tui-text-tertiary);background:linear-gradient(-45deg,transparent,transparent .125rem,currentColor .125rem,currentColor .1875rem,transparent .1875rem,transparent .25rem,currentColor .25rem,currentColor .3125rem,transparent .35rem);background-clip:content-box}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-content,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-template{pointer-events:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s]{--t-height: var(--tui-height-s);--t-padding: var(--tui-padding-s);--t-max: 0px;border-radius:var(--tui-radius-m);font:var(--tui-typography-ui-s)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s][data-icon-start]{--t-start: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s][data-icon-end]{--t-end: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s]:before{font-size:1rem;margin-inline:-.25rem .25rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s]:after{inline-size:calc(.75rem + 2 * var(--t-padding));margin-inline:0 -.5rem;font-size:1rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s]>.t-content{gap:0}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s]>.t-content>*:last-child{margin-inline-end:-.25rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=m]{--t-height: calc(var(--tui-height-m) + 2.5 * var(--t-label) * var(--tui-font-offset));--t-padding: var(--tui-padding-m);--t-label-font: var(--tui-typography-ui-xs);--t-label-y: -.5625rem;--t-max: .125rem;border-radius:var(--tui-radius-m);font:var(--tui-typography-ui-s)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=m][data-icon-start]{--t-start: 2.125rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=m][data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=m]:before{margin-inline:-.125rem .75rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=m]:after{inline-size:calc(1.25rem + 2 * var(--t-padding));margin-inline-start:calc(.5rem - var(--t-padding))}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=m]>.t-content>*:last-child{margin-inline-end:-.125rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):is(._disabled,[data-state=disabled]){pointer-events:none;opacity:var(--tui-disabled-opacity)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):is(._disabled,[data-state=disabled]) [tuiAppearance]:is(._disabled,:disabled,[data-state=disabled]){opacity:1}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):is(._disabled,[data-state=disabled]) tui-icon{display:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label{--t-label: 1}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label>.t-template,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label .t-filler,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label [tuiInput]{inset-block-end:0;padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template::placeholder,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template._empty,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]._empty{color:transparent}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-template,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) .t-filler,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]{position:absolute;inset-inline:0;inline-size:auto;block-size:var(--t-height);-webkit-appearance:none;appearance:none;background:none;font:inherit;resize:none;outline:none;color:var(--tui-text-primary);box-sizing:border-box;border-radius:inherit;border-width:0;overscroll-behavior:none;padding-inline-start:calc(var(--t-start) + var(--t-padding));padding-inline-end:calc(var(--t-end) + var(--t-side) + var(--t-padding) + var(--t-space));white-space:nowrap;overflow:hidden}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-template:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) .t-filler:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]:is(input,textarea):read-only~.t-filler{display:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-template:disabled,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) .t-filler:disabled,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]:disabled{animation:tuiPresent 1s infinite;opacity:1}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-template[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) .t-filler[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput][inputmode=none]{caret-color:transparent}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-template::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) .t-filler::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-template::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) .t-filler::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-template [tuiInput]:first-of-type{color:transparent!important}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]:-webkit-autofill [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput][chrome-autofilled] [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]:not(._empty,:placeholder-shown) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[multi][multi]:not(._empty) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]:-webkit-autofill:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput][chrome-autofilled]:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]:not(._empty,:placeholder-shown):not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[multi][multi]:not(._empty):not(tui-textfield)~[tuiLabel]{font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiLabel][tuiLabel][tuiLabel]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:block;max-inline-size:calc(100% - var(--t-start));flex:1;align-self:flex-start;font:inherit;-webkit-user-select:none;user-select:none;padding:calc(var(--t-height) / 2 - .625em) 0;line-height:1.25!important;transition-duration:inherit}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiLabel][tuiLabel][tuiLabel]+.t-content{margin-inline-start:0}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]._empty{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) select option[value=\"\"]:disabled{color:transparent}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) select option{background-color:var(--tui-background-elevation-3)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) select option:not(:disabled){color:var(--tui-text-primary)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) a,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) tui-icon{pointer-events:auto}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-content{z-index:1;display:flex;block-size:var(--t-height);align-items:center;gap:.25rem;margin-inline-start:auto;isolation:isolate;border-radius:inherit}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) textarea~.t-content{min-inline-size:.5rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):is([data-mode~=readonly],[data-state=disabled],._empty) [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]._empty~.t-content [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]:disabled~.t-content [tuiButtonX]{display:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) .t-filler{pointer-events:none!important;color:var(--tui-text-tertiary)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiFluidTypography]{font-weight:700}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiSelectLike]:not(:read-only){cursor:pointer}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):has(input[type=tel]){direction:ltr}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):is([data-mode~=invalid],.tui-invalid,:invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled) [tuiInput]:not(._empty)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):is([data-mode~=invalid],.tui-invalid,:invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[multi]:not(._empty) [tuiLabel]{color:var(--tui-text-negative)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):not([data-mode~=readonly]):focus-visible:not([data-focus=false]) [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):not([data-mode~=readonly])[data-focus=true] [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}\n"] }]
241
241
  }] });
242
242
 
243
243
  /*
@@ -346,7 +346,7 @@ class TuiTextfieldMultiComponent extends TuiTextfieldComponent {
346
346
  tuiFilterByInputOptionsProvider({
347
347
  filter: (items, search, stringify) => items.filter((x) => TUI_DEFAULT_MATCHER(x, search, stringify)),
348
348
  }),
349
- ], queries: [{ propertyName: "cva", first: true, predicate: TuiControl, descendants: true, isSignal: true }, { propertyName: "item", first: true, predicate: TuiItem, descendants: true, read: TemplateRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (control()?.control?.valueChanges | async) {}\n@if (rows() > 1) {\n <tui-scroll-controls class=\"t-scrollbar\" />\n}\n\n<div\n class=\"t-items\"\n [class.t-items_horizontal]=\"rows() === 1\"\n (click)=\"focusInput()\"\n (pointerdown.self.zoneless.prevent)=\"(0)\"\n (waResizeObserver)=\"$event[0] && onItems($event[0])\"\n>\n <ng-content select=\"label\" />\n @for (item of control()?.value; track item) {\n <ng-template\n [polymorpheusOutlet]=\"component\"\n [polymorpheusOutletContext]=\"{$implicit: {item, index: $index}}\"\n />\n }\n <span\n class=\"t-input\"\n (keydown.arrowLeft)=\"onLeft($event)\"\n >\n <ng-content select=\"input\" />\n <ng-content select=\"select\" />\n @if (placeholder) {\n <span class=\"t-ghost\">{{ placeholder }}</span>\n }\n <input\n aria-hidden=\"true\"\n disabled\n class=\"t-filler\"\n [class.t-filler_hidden]=\"!showFiller()\"\n [value]=\"computedFiller()\"\n />\n </span>\n</div>\n\n<span\n class=\"t-content\"\n (click.stop)=\"input()?.nativeElement?.focus()\"\n (pointerdown.zoneless.prevent)=\"(0)\"\n (waResizeObserver)=\"$event[0] && onResize($event[0])\"\n>\n <ng-content />\n @if (options.cleaner()) {\n <button\n tuiButtonX\n (click)=\"accessor()?.setValue([])\"\n >\n {{ clear() }}\n </button>\n }\n <ng-container #vcr />\n <ng-content select=\"tui-icon\" />\n</span>\n\n@if (control()?.value != null) {\n <span\n class=\"t-template\"\n [tuiCell]=\"options.size()\"\n >\n <ng-container *polymorpheusOutlet=\"content() as text; context: {$implicit: control()?.value}\">\n {{ text }}\n </ng-container>\n </span>\n}\n", styles: ["tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]){scrollbar-width:none;-ms-overflow-style:none;transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--t-height: calc(var(--tui-height-l) + 2.5 * var(--t-label) * var(--tui-font-offset));--t-padding: var(--tui-padding-l);--t-label: 0;--t-label-y: -.75rem;--t-label-font: var(--tui-typography-ui-s);--t-end: 0px;--t-start: 0px;--t-side: 0px;--t-max: .75rem;--t-space: clamp(0px, calc(var(--t-side) + var(--t-end)), var(--t-max));position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;min-block-size:var(--t-height);padding:0 var(--t-padding);border-radius:var(--tui-radius-l);font:var(--tui-typography-ui-m);box-sizing:border-box;isolation:isolate}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])::-webkit-scrollbar,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])::-webkit-scrollbar-thumb{display:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[tuiAppearance]{outline:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[tuiAppearance][data-appearance=\"\"]{color:var(--tui-text-tertiary)}@media (hover: hover) and (pointer: fine){tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){color:var(--tui-text-secondary)}}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly])[data-state=hover]{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-icon-start]{--t-start: 2.5rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[tuiIcons]:before{z-index:1;block-size:var(--t-height);block-size:calc(var(--t-height) * (1 - .2 * var(--t-zoom)));inline-size:1.5rem;margin-inline-end:1rem;pointer-events:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[tuiIcons]:after{position:relative;block-size:var(--t-height);block-size:calc(var(--t-height) * (1 - .2 * var(--t-zoom)));inline-size:calc(1.5rem + 2 * var(--t-padding));cursor:pointer;margin-inline-start:calc(.25rem - var(--t-padding));margin-inline-end:calc(-1 * var(--t-padding))}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])::-webkit-resizer{border:.25rem solid transparent;inline-size:.5rem;block-size:.5rem;box-sizing:content-box;color:var(--tui-text-tertiary);background:linear-gradient(-45deg,transparent,transparent .125rem,currentColor .125rem,currentColor .1875rem,transparent .1875rem,transparent .25rem,currentColor .25rem,currentColor .3125rem,transparent .35rem);background-clip:content-box}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-content,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-template{pointer-events:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s]{--t-height: var(--tui-height-s);--t-padding: var(--tui-padding-s);--t-max: 0px;border-radius:var(--tui-radius-m);font:var(--tui-typography-ui-s)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s][data-icon-start]{--t-start: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s][data-icon-end]{--t-end: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s]:before{font-size:1rem;margin-inline:-.25rem .25rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s]:after{inline-size:calc(.75rem + 2 * var(--t-padding));margin-inline:0 -.5rem;font-size:1rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s]>.t-content{gap:0}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s]>.t-content>*:last-child{margin-inline-end:-.25rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=m]{--t-height: calc(var(--tui-height-m) + 2.5 * var(--t-label) * var(--tui-font-offset));--t-padding: var(--tui-padding-m);--t-label-font: var(--tui-typography-ui-xs);--t-label-y: -.5625rem;--t-max: .125rem;border-radius:var(--tui-radius-m);font:var(--tui-typography-ui-s)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=m][data-icon-start]{--t-start: 2.125rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=m][data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=m]:before{margin-inline:-.125rem .75rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=m]:after{inline-size:calc(1.25rem + 2 * var(--t-padding));margin-inline-start:calc(.5rem - var(--t-padding))}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=m]>.t-content>*:last-child{margin-inline-end:-.125rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):is(._disabled,[data-state=disabled]){pointer-events:none;opacity:var(--tui-disabled-opacity)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):is(._disabled,[data-state=disabled]) [tuiAppearance]:is(._disabled,:disabled,[data-state=disabled]){opacity:1}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):is(._disabled,[data-state=disabled]) tui-icon{display:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label{--t-label: 1}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label>.t-template,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label .t-filler,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label [tuiInput]{inset-block-end:0;padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template::placeholder,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template._empty,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]._empty{color:transparent}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-template,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) .t-filler,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]{position:absolute;inset-inline:0;inline-size:auto;block-size:var(--t-height);-webkit-appearance:none;appearance:none;background:none;font:inherit;resize:none;outline:none;color:var(--tui-text-primary);box-sizing:border-box;border-radius:inherit;border-width:0;overscroll-behavior:none;padding-inline-start:calc(var(--t-start) + var(--t-padding));padding-inline-end:calc(var(--t-end) + var(--t-side) + var(--t-padding) + var(--t-space));white-space:nowrap;overflow:hidden}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-template:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) .t-filler:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]:is(input,textarea):read-only~.t-filler{display:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-template:disabled,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) .t-filler:disabled,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]:disabled{animation:tuiPresent 1s infinite;opacity:1}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-template[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) .t-filler[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput][inputmode=none]{caret-color:transparent}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-template::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) .t-filler::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-template::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) .t-filler::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-template [tuiInput]:first-of-type{color:transparent!important}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]:-webkit-autofill [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput][chrome-autofilled] [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]:not(._empty,:placeholder-shown) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[multi][multi]:not(._empty) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]:-webkit-autofill:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput][chrome-autofilled]:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]:not(._empty,:placeholder-shown):not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[multi][multi]:not(._empty):not(tui-textfield)~[tuiLabel]{font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiLabel][tuiLabel][tuiLabel]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:block;max-inline-size:calc(100% - var(--t-start));flex:1;align-self:flex-start;font:inherit;-webkit-user-select:none;user-select:none;padding:calc(var(--t-height) / 2 - .625em) 0;line-height:1.25!important;transition-duration:inherit}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiLabel][tuiLabel][tuiLabel]+.t-content{margin-inline-start:0}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]._empty{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) select option[value=\"\"]:disabled{color:transparent}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) select option{background-color:var(--tui-background-elevation-3)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) select option:not(:disabled){color:var(--tui-text-primary)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) a,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) tui-icon{pointer-events:auto}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-content{z-index:1;display:flex;block-size:var(--t-height);align-items:center;gap:.25rem;margin-inline-start:auto;isolation:isolate;border-radius:inherit}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) textarea~.t-content{min-inline-size:.5rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):is([data-mode~=readonly],[data-state=disabled],._empty) [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]._empty~.t-content [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]:disabled~.t-content [tuiButtonX]{display:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) .t-filler{pointer-events:none!important;color:var(--tui-text-tertiary)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiFluidTypography]{font-weight:700}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiSelectLike]:not(:read-only){cursor:pointer}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):has(input[type=tel]){direction:ltr}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):is([data-mode~=invalid],.tui-invalid,:invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled) [tuiInput]:not(._empty)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):is([data-mode~=invalid],.tui-invalid,:invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[multi]:not(._empty) [tuiLabel]{color:var(--tui-text-negative)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):not([data-mode~=readonly]):focus-visible:not([data-focus=false]) [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):not([data-mode~=readonly])[data-focus=true] [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]){flex-wrap:nowrap;overflow:scroll;align-items:stretch;cursor:text;max-block-size:calc(var(--t-vertical) * 2 + var(--t-item-height) * var(--t-rows));overscroll-behavior-x:none;scroll-behavior:var(--tui-scroll-behavior)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):before,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):after{position:sticky;inset-block-start:0;inset-inline-start:0;block-size:var(--t-height)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-scrollbar{transform:translate(calc(var(--t-padding) * var(--tui-inline)));margin-inline-start:calc(-1 * var(--t-start));margin-inline-end:calc(1px - 100% + var(--t-start))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-scrollbar .t-bar_horizontal{display:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):not(._empty)>.t-items{min-block-size:fit-content}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-items{position:sticky;display:flex;inset-inline-start:var(--t-start);min-inline-size:0;max-block-size:var(--t-height);flex:1;align-items:center;flex-wrap:wrap;padding:var(--t-vertical) 0;transition-duration:inherit;box-sizing:border-box}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-items:after{content:\"\";min-inline-size:1px;min-block-size:1px}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-items_horizontal{clip-path:inset(0 0 0 calc(var(--t-start) / 2 - var(--t-padding) - .5rem));flex-wrap:nowrap}[dir=rtl] tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-items_horizontal{clip-path:inset(0 calc(var(--t-start) / 2 - var(--t-padding) - .5rem) 0 0)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-items_horizontal>.t-input{padding-inline-end:calc(var(--t-side) + var(--t-end) + var(--t-padding) + .25rem)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-items>.t-input{position:relative;display:flex;align-items:center;flex:1;block-size:var(--t-item-height, 1.25em);max-inline-size:100%;pointer-events:none;transform:translate(var(--t-scroll))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-items>.t-input .t-filler,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-items>.t-input [tuiInput]{inset-block-start:-5%;block-size:110%;padding:0;pointer-events:auto}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-items>.t-input .t-ghost{visibility:hidden;white-space:pre;text-overflow:clip;padding-inline-end:.125rem;block-size:100%}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-items>.t-input .t-filler_hidden{display:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label[data-size=l]{--t-vertical: .5625rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label[data-size=l]>.t-items>label[tuiLabel]{margin-block:.625rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label[data-size=l] tui-textfield-item:not(._string):first-of-type{margin-block-start:1.25rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label[data-size=m]{--t-vertical: .4375rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label[data-size=m]>.t-items>label[tuiLabel]{margin-block:.4375rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label[data-size=m] tui-textfield-item:not(._string):first-of-type{margin-block-start:1rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label>.t-items{align-items:flex-end}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label>.t-items>label[tuiLabel]{min-inline-size:100%;margin-inline-end:-100%;padding:calc(var(--tui-font-offset) / 2) 0 0}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-content{position:sticky;inset-block-start:0;inset-inline-start:calc(100% - var(--t-side) - var(--t-end))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-items input:not(:focus)::placeholder,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-mode~=readonly]>.t-items input::placeholder,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-mode~=readonly]>.t-items label~.t-input input::placeholder{opacity:0}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._empty>.t-items input::placeholder,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-focus=true]:not([data-mode~=readonly]):not(:focus-within)>.t-items input::placeholder{opacity:1}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-state=disabled],tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-mode~=readonly]{pointer-events:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-state=disabled] select,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-mode~=readonly] select{display:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=l]{--t-vertical: .625rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=l]:after{inset-inline-start:calc(100% - var(--t-end) - var(--t-padding) + .25rem)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=m]{--t-vertical: .5rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=m]:before{inset-inline-start:-.125rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=m]:after{inset-inline-start:calc(100% - var(--t-end) - .25rem)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s]{--t-vertical: .125rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s]:before{inset-inline-start:-.25rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s]:after{inset-inline-start:calc(100% - var(--t-end))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) tui-textfield-item{transform:translate(var(--t-scroll))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) input::placeholder{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) select{opacity:0;pointer-events:none!important}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._empty>.t-items select~.t-filler{display:block}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._empty:not([data-focus=true])>.t-items select~.t-filler{color:var(--tui-text-secondary)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):has([tuiSelectLike]){cursor:pointer}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiButtonX, selector: "[tuiButtonX]" }, { kind: "directive", type: TuiCell, selector: "[tuiCell]:not(ng-template)", inputs: ["tuiCell", "tuiCellHeight"] }, { kind: "component", type: TuiScrollControls, selector: "tui-scroll-controls" }, { kind: "directive", type: WaResizeObserver, selector: "[waResizeObserver]", inputs: ["waResizeBox"], outputs: ["waResizeObserver"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
349
+ ], queries: [{ propertyName: "cva", first: true, predicate: TuiControl, descendants: true, isSignal: true }, { propertyName: "item", first: true, predicate: TuiItem, descendants: true, read: TemplateRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (control()?.control?.valueChanges | async) {}\n@if (rows() > 1) {\n <tui-scroll-controls class=\"t-scrollbar\" />\n}\n\n<div\n class=\"t-items\"\n [class.t-items_horizontal]=\"rows() === 1\"\n (click)=\"focusInput()\"\n (pointerdown.self.zoneless.prevent)=\"(0)\"\n (waResizeObserver)=\"$event[0] && onItems($event[0])\"\n>\n <ng-content select=\"label\" />\n @for (item of control()?.value; track item) {\n <ng-template\n [polymorpheusOutlet]=\"component\"\n [polymorpheusOutletContext]=\"{$implicit: {item, index: $index}}\"\n />\n }\n <span\n class=\"t-input\"\n (keydown.arrowLeft)=\"onLeft($event)\"\n >\n <ng-content select=\"input\" />\n <ng-content select=\"select\" />\n @if (placeholder) {\n <span class=\"t-ghost\">{{ placeholder }}</span>\n }\n <input\n aria-hidden=\"true\"\n disabled\n class=\"t-filler\"\n [class.t-filler_hidden]=\"!showFiller()\"\n [value]=\"computedFiller()\"\n />\n </span>\n</div>\n\n<span\n class=\"t-content\"\n (click.stop)=\"input()?.nativeElement?.focus()\"\n (pointerdown.zoneless.prevent)=\"(0)\"\n (waResizeObserver)=\"$event[0] && onResize($event[0])\"\n>\n <ng-content />\n @if (options.cleaner()) {\n <button\n tuiButtonX\n (click)=\"accessor()?.setValue([])\"\n >\n {{ clear() }}\n </button>\n }\n <ng-container #vcr />\n <ng-content select=\"tui-icon\" />\n</span>\n\n@if (control()?.value != null) {\n <span\n class=\"t-template\"\n [tuiCell]=\"options.size()\"\n >\n <ng-container *polymorpheusOutlet=\"content() as text; context: {$implicit: control()?.value}\">\n {{ text }}\n </ng-container>\n </span>\n}\n", styles: ["tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]){scrollbar-width:none;-ms-overflow-style:none;transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--t-height: calc(var(--tui-height-l) + 2.5 * var(--t-label) * var(--tui-font-offset));--t-padding: var(--tui-padding-l);--t-label: 0;--t-label-y: -.75rem;--t-label-font: var(--tui-typography-ui-s);--t-end: 0px;--t-start: 0px;--t-side: 0px;--t-max: .75rem;--t-space: clamp(0px, calc(var(--t-side) + var(--t-end)), var(--t-max));position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;min-block-size:var(--t-height);padding:0 var(--t-padding);border-radius:var(--tui-radius-l);font:var(--tui-typography-ui-m);box-sizing:border-box;isolation:isolate}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])::-webkit-scrollbar,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])::-webkit-scrollbar-thumb{display:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[tuiAppearance]{outline:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[tuiAppearance][data-appearance=\"\"]{color:var(--tui-text-tertiary)}@media (hover: hover) and (pointer: fine){tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){color:var(--tui-text-secondary)}}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly])[data-state=hover]{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-icon-start]{--t-start: 2.5rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[tuiIcons]:before{z-index:1;block-size:var(--t-height);block-size:calc(var(--t-height) * (1 - .2 * var(--t-zoom)));inline-size:1.5rem;margin-inline-end:1rem;pointer-events:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[tuiIcons]:after{position:relative;block-size:var(--t-height);block-size:calc(var(--t-height) * (1 - .2 * var(--t-zoom)));inline-size:calc(1.5rem + 2 * var(--t-padding));cursor:pointer;margin-inline-start:calc(.25rem - var(--t-padding));margin-inline-end:calc(-1 * var(--t-padding))}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])::-webkit-resizer{border:.25rem solid transparent;inline-size:.5rem;block-size:.5rem;box-sizing:content-box;color:var(--tui-text-tertiary);background:linear-gradient(-45deg,transparent,transparent .125rem,currentColor .125rem,currentColor .1875rem,transparent .1875rem,transparent .25rem,currentColor .25rem,currentColor .3125rem,transparent .35rem);background-clip:content-box}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-content,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-template{pointer-events:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s]{--t-height: var(--tui-height-s);--t-padding: var(--tui-padding-s);--t-max: 0px;border-radius:var(--tui-radius-m);font:var(--tui-typography-ui-s)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s][data-icon-start]{--t-start: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s][data-icon-end]{--t-end: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s]:before{font-size:1rem;margin-inline:-.25rem .25rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s]:after{inline-size:calc(.75rem + 2 * var(--t-padding));margin-inline:0 -.5rem;font-size:1rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s]>.t-content{gap:0}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s]>.t-content>*:last-child{margin-inline-end:-.25rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=m]{--t-height: calc(var(--tui-height-m) + 2.5 * var(--t-label) * var(--tui-font-offset));--t-padding: var(--tui-padding-m);--t-label-font: var(--tui-typography-ui-xs);--t-label-y: -.5625rem;--t-max: .125rem;border-radius:var(--tui-radius-m);font:var(--tui-typography-ui-s)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=m][data-icon-start]{--t-start: 2.125rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=m][data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=m]:before{margin-inline:-.125rem .75rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=m]:after{inline-size:calc(1.25rem + 2 * var(--t-padding));margin-inline-start:calc(.5rem - var(--t-padding))}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=m]>.t-content>*:last-child{margin-inline-end:-.125rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):is(._disabled,[data-state=disabled]){pointer-events:none;opacity:var(--tui-disabled-opacity)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):is(._disabled,[data-state=disabled]) [tuiAppearance]:is(._disabled,:disabled,[data-state=disabled]){opacity:1}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):is(._disabled,[data-state=disabled]) tui-icon{display:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label{--t-label: 1}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label>.t-template,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label .t-filler,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label [tuiInput]{inset-block-end:0;padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template::placeholder,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template._empty,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]._empty{color:transparent}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-template,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) .t-filler,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]{position:absolute;inset-inline:0;inline-size:auto;block-size:var(--t-height);-webkit-appearance:none;appearance:none;background:none;font:inherit;resize:none;outline:none;color:var(--tui-text-primary);box-sizing:border-box;border-radius:inherit;border-width:0;overscroll-behavior:none;padding-inline-start:calc(var(--t-start) + var(--t-padding));padding-inline-end:calc(var(--t-end) + var(--t-side) + var(--t-padding) + var(--t-space));white-space:nowrap;overflow:hidden}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-template:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) .t-filler:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]:is(input,textarea):read-only~.t-filler{display:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-template:disabled,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) .t-filler:disabled,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]:disabled{animation:tuiPresent 1s infinite;opacity:1}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-template[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) .t-filler[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput][inputmode=none]{caret-color:transparent}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-template::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) .t-filler::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-template::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) .t-filler::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-template [tuiInput]:first-of-type{color:transparent!important}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]:-webkit-autofill [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput][chrome-autofilled] [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]:not(._empty,:placeholder-shown) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[multi][multi]:not(._empty) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]:-webkit-autofill:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput][chrome-autofilled]:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]:not(._empty,:placeholder-shown):not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[multi][multi]:not(._empty):not(tui-textfield)~[tuiLabel]{font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiLabel][tuiLabel][tuiLabel]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:block;max-inline-size:calc(100% - var(--t-start));flex:1;align-self:flex-start;font:inherit;-webkit-user-select:none;user-select:none;padding:calc(var(--t-height) / 2 - .625em) 0;line-height:1.25!important;transition-duration:inherit}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiLabel][tuiLabel][tuiLabel]+.t-content{margin-inline-start:0}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]._empty{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) select option[value=\"\"]:disabled{color:transparent}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) select option{background-color:var(--tui-background-elevation-3)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) select option:not(:disabled){color:var(--tui-text-primary)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) a,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) tui-icon{pointer-events:auto}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-content{z-index:1;display:flex;block-size:var(--t-height);align-items:center;gap:.25rem;margin-inline-start:auto;isolation:isolate;border-radius:inherit}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) textarea~.t-content{min-inline-size:.5rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):is([data-mode~=readonly],[data-state=disabled],._empty) [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]._empty~.t-content [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]:disabled~.t-content [tuiButtonX]{display:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) .t-filler{pointer-events:none!important;color:var(--tui-text-tertiary)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiFluidTypography]{font-weight:700}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiSelectLike]:not(:read-only){cursor:pointer}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):has(input[type=tel]){direction:ltr}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):is([data-mode~=invalid],.tui-invalid,:invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled) [tuiInput]:not(._empty)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):is([data-mode~=invalid],.tui-invalid,:invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[multi]:not(._empty) [tuiLabel]{color:var(--tui-text-negative)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):not([data-mode~=readonly]):focus-visible:not([data-focus=false]) [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):not([data-mode~=readonly])[data-focus=true] [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]){flex-wrap:nowrap;overflow:scroll;align-items:stretch;cursor:text;max-block-size:calc(var(--t-vertical) * 2 + var(--t-item-height) * var(--t-rows));overscroll-behavior-x:none;scroll-behavior:var(--tui-scroll-behavior)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):before,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):after{position:sticky;inset-block-start:0;inset-inline-start:0;block-size:var(--t-height)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-scrollbar{transform:translate(calc(var(--t-padding) * var(--tui-inline)));margin-inline-start:calc(-1 * var(--t-start));margin-inline-end:calc(1px - 100% + var(--t-start))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-scrollbar .t-bar_horizontal{display:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):not(._empty)>.t-items{min-block-size:fit-content}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-items{position:sticky;display:flex;inset-inline-start:var(--t-start);min-inline-size:0;max-block-size:var(--t-height);flex:1;align-items:center;flex-wrap:wrap;padding:var(--t-vertical) 0;transition-duration:inherit;box-sizing:border-box}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-items:after{content:\"\";min-inline-size:1px;min-block-size:1px}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-items_horizontal{clip-path:inset(0 0 0 calc(var(--t-start) / 2 - var(--t-padding) - .5rem));flex-wrap:nowrap}[dir=rtl] tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-items_horizontal{clip-path:inset(0 calc(var(--t-start) / 2 - var(--t-padding) - .5rem) 0 0)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-items_horizontal>.t-input{padding-inline-end:calc(var(--t-side) + var(--t-end) + var(--t-padding) + .25rem)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-items>.t-input{position:relative;display:flex;align-items:center;flex:1;block-size:var(--t-item-height, 1.25em);max-inline-size:100%;pointer-events:none;transform:translate(var(--t-scroll))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-items>.t-input .t-filler,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-items>.t-input [tuiInput]{inset-block-start:-5%;block-size:110%;padding:0;pointer-events:auto}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-items>.t-input .t-ghost{visibility:hidden;white-space:pre;text-overflow:clip;padding-inline-end:.125rem;block-size:100%}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-items>.t-input .t-filler_hidden{display:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label[data-size=l]{--t-vertical: .5625rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label[data-size=l]>.t-items>label[tuiLabel]{margin-block:.625rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label[data-size=l] tui-textfield-item:not(._string):first-of-type{margin-block-start:1.25rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label[data-size=m]{--t-vertical: .4375rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label[data-size=m]>.t-items>label[tuiLabel]{margin-block:.4375rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label[data-size=m] tui-textfield-item:not(._string):first-of-type{margin-block-start:1rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label>.t-items{align-items:flex-end}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label>.t-items>label[tuiLabel]{min-inline-size:100%;margin-inline-end:-100%;padding:calc(var(--tui-font-offset) / 2) 0 0}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-content{position:sticky;inset-block-start:0;inset-inline-start:calc(100% - var(--t-side) - var(--t-end))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-items input:not(:focus)::placeholder,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-mode~=readonly]>.t-items input::placeholder,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-mode~=readonly]>.t-items label~.t-input input::placeholder{opacity:0}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._empty>.t-items input::placeholder,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-focus=true]:not([data-mode~=readonly]):not(:focus-within)>.t-items input::placeholder{opacity:1}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-state=disabled],tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-mode~=readonly]{pointer-events:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-state=disabled] select,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-mode~=readonly] select{display:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=l]{--t-vertical: .625rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=l]:after{inset-inline-start:calc(100% - var(--t-end) - var(--t-padding) + .25rem)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=m]{--t-vertical: .5rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=m]:before{inset-inline-start:-.125rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=m]:after{inset-inline-start:calc(100% - var(--t-end) - .25rem)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s]{--t-vertical: .125rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s]:before{inset-inline-start:-.25rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s]:after{inset-inline-start:calc(100% - var(--t-end))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) tui-textfield-item{transform:translate(var(--t-scroll))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) input::placeholder{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) select{opacity:0;pointer-events:none!important}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._empty>.t-items select~.t-filler{display:block}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._empty:not([data-focus=true])>.t-items select~.t-filler{color:var(--tui-text-secondary)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):has([tuiSelectLike]){cursor:pointer}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiButtonX, selector: "[tuiButtonX]" }, { kind: "directive", type: TuiCell, selector: "[tuiCell]:not(ng-template)", inputs: ["tuiCell", "tuiCellHeight"] }, { kind: "component", type: TuiScrollControls, selector: "tui-scroll-controls" }, { kind: "directive", type: WaResizeObserver, selector: "[waResizeObserver]", inputs: ["waResizeBox"], outputs: ["waResizeObserver"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
350
350
  }
351
351
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TuiTextfieldMultiComponent, decorators: [{
352
352
  type: Component,
@@ -376,7 +376,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
376
376
  '[style.--t-rows]': 'rows()',
377
377
  '(click.prevent)': 'onClick($event.target)',
378
378
  '(tuiActiveZoneChange)': '!$event && el.scrollTo({left: 0})',
379
- }, template: "@if (control()?.control?.valueChanges | async) {}\n@if (rows() > 1) {\n <tui-scroll-controls class=\"t-scrollbar\" />\n}\n\n<div\n class=\"t-items\"\n [class.t-items_horizontal]=\"rows() === 1\"\n (click)=\"focusInput()\"\n (pointerdown.self.zoneless.prevent)=\"(0)\"\n (waResizeObserver)=\"$event[0] && onItems($event[0])\"\n>\n <ng-content select=\"label\" />\n @for (item of control()?.value; track item) {\n <ng-template\n [polymorpheusOutlet]=\"component\"\n [polymorpheusOutletContext]=\"{$implicit: {item, index: $index}}\"\n />\n }\n <span\n class=\"t-input\"\n (keydown.arrowLeft)=\"onLeft($event)\"\n >\n <ng-content select=\"input\" />\n <ng-content select=\"select\" />\n @if (placeholder) {\n <span class=\"t-ghost\">{{ placeholder }}</span>\n }\n <input\n aria-hidden=\"true\"\n disabled\n class=\"t-filler\"\n [class.t-filler_hidden]=\"!showFiller()\"\n [value]=\"computedFiller()\"\n />\n </span>\n</div>\n\n<span\n class=\"t-content\"\n (click.stop)=\"input()?.nativeElement?.focus()\"\n (pointerdown.zoneless.prevent)=\"(0)\"\n (waResizeObserver)=\"$event[0] && onResize($event[0])\"\n>\n <ng-content />\n @if (options.cleaner()) {\n <button\n tuiButtonX\n (click)=\"accessor()?.setValue([])\"\n >\n {{ clear() }}\n </button>\n }\n <ng-container #vcr />\n <ng-content select=\"tui-icon\" />\n</span>\n\n@if (control()?.value != null) {\n <span\n class=\"t-template\"\n [tuiCell]=\"options.size()\"\n >\n <ng-container *polymorpheusOutlet=\"content() as text; context: {$implicit: control()?.value}\">\n {{ text }}\n </ng-container>\n </span>\n}\n", styles: ["tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]){scrollbar-width:none;-ms-overflow-style:none;transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--t-height: calc(var(--tui-height-l) + 2.5 * var(--t-label) * var(--tui-font-offset));--t-padding: var(--tui-padding-l);--t-label: 0;--t-label-y: -.75rem;--t-label-font: var(--tui-typography-ui-s);--t-end: 0px;--t-start: 0px;--t-side: 0px;--t-max: .75rem;--t-space: clamp(0px, calc(var(--t-side) + var(--t-end)), var(--t-max));position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;min-block-size:var(--t-height);padding:0 var(--t-padding);border-radius:var(--tui-radius-l);font:var(--tui-typography-ui-m);box-sizing:border-box;isolation:isolate}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])::-webkit-scrollbar,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])::-webkit-scrollbar-thumb{display:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[tuiAppearance]{outline:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[tuiAppearance][data-appearance=\"\"]{color:var(--tui-text-tertiary)}@media (hover: hover) and (pointer: fine){tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){color:var(--tui-text-secondary)}}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly])[data-state=hover]{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-icon-start]{--t-start: 2.5rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[tuiIcons]:before{z-index:1;block-size:var(--t-height);block-size:calc(var(--t-height) * (1 - .2 * var(--t-zoom)));inline-size:1.5rem;margin-inline-end:1rem;pointer-events:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[tuiIcons]:after{position:relative;block-size:var(--t-height);block-size:calc(var(--t-height) * (1 - .2 * var(--t-zoom)));inline-size:calc(1.5rem + 2 * var(--t-padding));cursor:pointer;margin-inline-start:calc(.25rem - var(--t-padding));margin-inline-end:calc(-1 * var(--t-padding))}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])::-webkit-resizer{border:.25rem solid transparent;inline-size:.5rem;block-size:.5rem;box-sizing:content-box;color:var(--tui-text-tertiary);background:linear-gradient(-45deg,transparent,transparent .125rem,currentColor .125rem,currentColor .1875rem,transparent .1875rem,transparent .25rem,currentColor .25rem,currentColor .3125rem,transparent .35rem);background-clip:content-box}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-content,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-template{pointer-events:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s]{--t-height: var(--tui-height-s);--t-padding: var(--tui-padding-s);--t-max: 0px;border-radius:var(--tui-radius-m);font:var(--tui-typography-ui-s)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s][data-icon-start]{--t-start: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s][data-icon-end]{--t-end: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s]:before{font-size:1rem;margin-inline:-.25rem .25rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s]:after{inline-size:calc(.75rem + 2 * var(--t-padding));margin-inline:0 -.5rem;font-size:1rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s]>.t-content{gap:0}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s]>.t-content>*:last-child{margin-inline-end:-.25rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=m]{--t-height: calc(var(--tui-height-m) + 2.5 * var(--t-label) * var(--tui-font-offset));--t-padding: var(--tui-padding-m);--t-label-font: var(--tui-typography-ui-xs);--t-label-y: -.5625rem;--t-max: .125rem;border-radius:var(--tui-radius-m);font:var(--tui-typography-ui-s)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=m][data-icon-start]{--t-start: 2.125rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=m][data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=m]:before{margin-inline:-.125rem .75rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=m]:after{inline-size:calc(1.25rem + 2 * var(--t-padding));margin-inline-start:calc(.5rem - var(--t-padding))}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=m]>.t-content>*:last-child{margin-inline-end:-.125rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):is(._disabled,[data-state=disabled]){pointer-events:none;opacity:var(--tui-disabled-opacity)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):is(._disabled,[data-state=disabled]) [tuiAppearance]:is(._disabled,:disabled,[data-state=disabled]){opacity:1}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):is(._disabled,[data-state=disabled]) tui-icon{display:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label{--t-label: 1}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label>.t-template,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label .t-filler,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label [tuiInput]{inset-block-end:0;padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template::placeholder,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template._empty,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]._empty{color:transparent}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-template,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) .t-filler,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]{position:absolute;inset-inline:0;inline-size:auto;block-size:var(--t-height);-webkit-appearance:none;appearance:none;background:none;font:inherit;resize:none;outline:none;color:var(--tui-text-primary);box-sizing:border-box;border-radius:inherit;border-width:0;overscroll-behavior:none;padding-inline-start:calc(var(--t-start) + var(--t-padding));padding-inline-end:calc(var(--t-end) + var(--t-side) + var(--t-padding) + var(--t-space));white-space:nowrap;overflow:hidden}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-template:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) .t-filler:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]:is(input,textarea):read-only~.t-filler{display:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-template:disabled,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) .t-filler:disabled,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]:disabled{animation:tuiPresent 1s infinite;opacity:1}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-template[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) .t-filler[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput][inputmode=none]{caret-color:transparent}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-template::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) .t-filler::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-template::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) .t-filler::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-template [tuiInput]:first-of-type{color:transparent!important}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]:-webkit-autofill [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput][chrome-autofilled] [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]:not(._empty,:placeholder-shown) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[multi][multi]:not(._empty) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]:-webkit-autofill:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput][chrome-autofilled]:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]:not(._empty,:placeholder-shown):not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[multi][multi]:not(._empty):not(tui-textfield)~[tuiLabel]{font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiLabel][tuiLabel][tuiLabel]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:block;max-inline-size:calc(100% - var(--t-start));flex:1;align-self:flex-start;font:inherit;-webkit-user-select:none;user-select:none;padding:calc(var(--t-height) / 2 - .625em) 0;line-height:1.25!important;transition-duration:inherit}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiLabel][tuiLabel][tuiLabel]+.t-content{margin-inline-start:0}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]._empty{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) select option[value=\"\"]:disabled{color:transparent}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) select option{background-color:var(--tui-background-elevation-3)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) select option:not(:disabled){color:var(--tui-text-primary)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) a,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) tui-icon{pointer-events:auto}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-content{z-index:1;display:flex;block-size:var(--t-height);align-items:center;gap:.25rem;margin-inline-start:auto;isolation:isolate;border-radius:inherit}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) textarea~.t-content{min-inline-size:.5rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):is([data-mode~=readonly],[data-state=disabled],._empty) [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]._empty~.t-content [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiInput]:disabled~.t-content [tuiButtonX]{display:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) .t-filler{pointer-events:none!important;color:var(--tui-text-tertiary)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiFluidTypography]{font-weight:700}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiSelectLike]:not(:read-only){cursor:pointer}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):has(input[type=tel]){direction:ltr}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):is([data-mode~=invalid],.tui-invalid,:invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled) [tuiInput]:not(._empty)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):is([data-mode~=invalid],.tui-invalid,:invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[multi]:not(._empty) [tuiLabel]{color:var(--tui-text-negative)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):not([data-mode~=readonly]):focus-visible:not([data-focus=false]) [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):not([data-mode~=readonly])[data-focus=true] [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]){flex-wrap:nowrap;overflow:scroll;align-items:stretch;cursor:text;max-block-size:calc(var(--t-vertical) * 2 + var(--t-item-height) * var(--t-rows));overscroll-behavior-x:none;scroll-behavior:var(--tui-scroll-behavior)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):before,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):after{position:sticky;inset-block-start:0;inset-inline-start:0;block-size:var(--t-height)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-scrollbar{transform:translate(calc(var(--t-padding) * var(--tui-inline)));margin-inline-start:calc(-1 * var(--t-start));margin-inline-end:calc(1px - 100% + var(--t-start))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-scrollbar .t-bar_horizontal{display:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):not(._empty)>.t-items{min-block-size:fit-content}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-items{position:sticky;display:flex;inset-inline-start:var(--t-start);min-inline-size:0;max-block-size:var(--t-height);flex:1;align-items:center;flex-wrap:wrap;padding:var(--t-vertical) 0;transition-duration:inherit;box-sizing:border-box}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-items:after{content:\"\";min-inline-size:1px;min-block-size:1px}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-items_horizontal{clip-path:inset(0 0 0 calc(var(--t-start) / 2 - var(--t-padding) - .5rem));flex-wrap:nowrap}[dir=rtl] tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-items_horizontal{clip-path:inset(0 calc(var(--t-start) / 2 - var(--t-padding) - .5rem) 0 0)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-items_horizontal>.t-input{padding-inline-end:calc(var(--t-side) + var(--t-end) + var(--t-padding) + .25rem)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-items>.t-input{position:relative;display:flex;align-items:center;flex:1;block-size:var(--t-item-height, 1.25em);max-inline-size:100%;pointer-events:none;transform:translate(var(--t-scroll))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-items>.t-input .t-filler,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-items>.t-input [tuiInput]{inset-block-start:-5%;block-size:110%;padding:0;pointer-events:auto}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-items>.t-input .t-ghost{visibility:hidden;white-space:pre;text-overflow:clip;padding-inline-end:.125rem;block-size:100%}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-items>.t-input .t-filler_hidden{display:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label[data-size=l]{--t-vertical: .5625rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label[data-size=l]>.t-items>label[tuiLabel]{margin-block:.625rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label[data-size=l] tui-textfield-item:not(._string):first-of-type{margin-block-start:1.25rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label[data-size=m]{--t-vertical: .4375rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label[data-size=m]>.t-items>label[tuiLabel]{margin-block:.4375rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label[data-size=m] tui-textfield-item:not(._string):first-of-type{margin-block-start:1rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label>.t-items{align-items:flex-end}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._with-label>.t-items>label[tuiLabel]{min-inline-size:100%;margin-inline-end:-100%;padding:calc(var(--tui-font-offset) / 2) 0 0}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-content{position:sticky;inset-block-start:0;inset-inline-start:calc(100% - var(--t-side) - var(--t-end))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])>.t-items input:not(:focus)::placeholder,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-mode~=readonly]>.t-items input::placeholder,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-mode~=readonly]>.t-items label~.t-input input::placeholder{opacity:0}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._empty>.t-items input::placeholder,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-focus=true]:not([data-mode~=readonly]):not(:focus-within)>.t-items input::placeholder{opacity:1}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-state=disabled],tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-mode~=readonly]{pointer-events:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-state=disabled] select,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-mode~=readonly] select{display:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=l]{--t-vertical: .625rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=l]:after{inset-inline-start:calc(100% - var(--t-end) - var(--t-padding) + .25rem)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=m]{--t-vertical: .5rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=m]:before{inset-inline-start:-.125rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=m]:after{inset-inline-start:calc(100% - var(--t-end) - .25rem)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s]{--t-vertical: .125rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s]:before{inset-inline-start:-.25rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s]:after{inset-inline-start:calc(100% - var(--t-end))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) tui-textfield-item{transform:translate(var(--t-scroll))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) input::placeholder{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) select{opacity:0;pointer-events:none!important}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._empty>.t-items select~.t-filler{display:block}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])._empty:not([data-focus=true])>.t-items select~.t-filler{color:var(--tui-text-secondary)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):has([tuiSelectLike]){cursor:pointer}\n"] }]
379
+ }, template: "@if (control()?.control?.valueChanges | async) {}\n@if (rows() > 1) {\n <tui-scroll-controls class=\"t-scrollbar\" />\n}\n\n<div\n class=\"t-items\"\n [class.t-items_horizontal]=\"rows() === 1\"\n (click)=\"focusInput()\"\n (pointerdown.self.zoneless.prevent)=\"(0)\"\n (waResizeObserver)=\"$event[0] && onItems($event[0])\"\n>\n <ng-content select=\"label\" />\n @for (item of control()?.value; track item) {\n <ng-template\n [polymorpheusOutlet]=\"component\"\n [polymorpheusOutletContext]=\"{$implicit: {item, index: $index}}\"\n />\n }\n <span\n class=\"t-input\"\n (keydown.arrowLeft)=\"onLeft($event)\"\n >\n <ng-content select=\"input\" />\n <ng-content select=\"select\" />\n @if (placeholder) {\n <span class=\"t-ghost\">{{ placeholder }}</span>\n }\n <input\n aria-hidden=\"true\"\n disabled\n class=\"t-filler\"\n [class.t-filler_hidden]=\"!showFiller()\"\n [value]=\"computedFiller()\"\n />\n </span>\n</div>\n\n<span\n class=\"t-content\"\n (click.stop)=\"input()?.nativeElement?.focus()\"\n (pointerdown.zoneless.prevent)=\"(0)\"\n (waResizeObserver)=\"$event[0] && onResize($event[0])\"\n>\n <ng-content />\n @if (options.cleaner()) {\n <button\n tuiButtonX\n (click)=\"accessor()?.setValue([])\"\n >\n {{ clear() }}\n </button>\n }\n <ng-container #vcr />\n <ng-content select=\"tui-icon\" />\n</span>\n\n@if (control()?.value != null) {\n <span\n class=\"t-template\"\n [tuiCell]=\"options.size()\"\n >\n <ng-container *polymorpheusOutlet=\"content() as text; context: {$implicit: control()?.value}\">\n {{ text }}\n </ng-container>\n </span>\n}\n", styles: ["tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]){scrollbar-width:none;-ms-overflow-style:none;transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--t-height: calc(var(--tui-height-l) + 2.5 * var(--t-label) * var(--tui-font-offset));--t-padding: var(--tui-padding-l);--t-label: 0;--t-label-y: -.75rem;--t-label-font: var(--tui-typography-ui-s);--t-end: 0px;--t-start: 0px;--t-side: 0px;--t-max: .75rem;--t-space: clamp(0px, calc(var(--t-side) + var(--t-end)), var(--t-max));position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;min-block-size:var(--t-height);padding:0 var(--t-padding);border-radius:var(--tui-radius-l);font:var(--tui-typography-ui-m);box-sizing:border-box;isolation:isolate}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])::-webkit-scrollbar,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])::-webkit-scrollbar-thumb{display:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[tuiAppearance]{outline:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[tuiAppearance][data-appearance=\"\"]{color:var(--tui-text-tertiary)}@media (hover: hover) and (pointer: fine){tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not([data-state]){color:var(--tui-text-secondary)}}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[tuiAppearance][data-appearance=\"\"]:not([data-mode~=readonly])[data-state=hover]{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-icon-start]{--t-start: 2.5rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[tuiIcons]:before{z-index:1;block-size:var(--t-height);block-size:calc(var(--t-height) * (1 - .2 * var(--t-zoom)));inline-size:1.5rem;margin-inline-end:1rem;pointer-events:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[tuiIcons]:after{position:relative;block-size:var(--t-height);block-size:calc(var(--t-height) * (1 - .2 * var(--t-zoom)));inline-size:calc(1.5rem + 2 * var(--t-padding));cursor:pointer;margin-inline-start:calc(.25rem - var(--t-padding));margin-inline-end:calc(-1 * var(--t-padding))}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])::-webkit-resizer{border:.25rem solid transparent;inline-size:.5rem;block-size:.5rem;box-sizing:content-box;color:var(--tui-text-tertiary);background:linear-gradient(-45deg,transparent,transparent .125rem,currentColor .125rem,currentColor .1875rem,transparent .1875rem,transparent .25rem,currentColor .25rem,currentColor .3125rem,transparent .35rem);background-clip:content-box}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-content,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-template{pointer-events:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s]{--t-height: var(--tui-height-s);--t-padding: var(--tui-padding-s);--t-max: 0px;border-radius:var(--tui-radius-m);font:var(--tui-typography-ui-s)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s][data-icon-start]{--t-start: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s][data-icon-end]{--t-end: 1.5rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s]:before{font-size:1rem;margin-inline:-.25rem .25rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s]:after{inline-size:calc(.75rem + 2 * var(--t-padding));margin-inline:0 -.5rem;font-size:1rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s]>.t-content{gap:0}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s]>.t-content>*:last-child{margin-inline-end:-.25rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=m]{--t-height: calc(var(--tui-height-m) + 2.5 * var(--t-label) * var(--tui-font-offset));--t-padding: var(--tui-padding-m);--t-label-font: var(--tui-typography-ui-xs);--t-label-y: -.5625rem;--t-max: .125rem;border-radius:var(--tui-radius-m);font:var(--tui-typography-ui-s)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=m][data-icon-start]{--t-start: 2.125rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=m][data-icon-end]{--t-end: 1.75rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=m]:before{margin-inline:-.125rem .75rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=m]:after{inline-size:calc(1.25rem + 2 * var(--t-padding));margin-inline-start:calc(.5rem - var(--t-padding))}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=m]>.t-content>*:last-child{margin-inline-end:-.125rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):is(._disabled,[data-state=disabled]){pointer-events:none;opacity:var(--tui-disabled-opacity)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):is(._disabled,[data-state=disabled]) [tuiAppearance]:is(._disabled,:disabled,[data-state=disabled]){opacity:1}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):is(._disabled,[data-state=disabled]) tui-icon{display:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label{--t-label: 1}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label>.t-template,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label .t-filler,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label [tuiInput]{inset-block-end:0;padding-block-start:calc(var(--t-height) / 3);padding-block-end:0}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template::placeholder,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly])>.t-template._empty,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label:is(:not([data-focus=true]),[data-mode~=readonly]) [tuiInput]._empty{color:transparent}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-template,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) .t-filler,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]{position:absolute;inset-inline:0;inline-size:auto;block-size:var(--t-height);-webkit-appearance:none;appearance:none;background:none;font:inherit;resize:none;outline:none;color:var(--tui-text-primary);box-sizing:border-box;border-radius:inherit;border-width:0;overscroll-behavior:none;padding-inline-start:calc(var(--t-start) + var(--t-padding));padding-inline-end:calc(var(--t-end) + var(--t-side) + var(--t-padding) + var(--t-space));white-space:nowrap;overflow:hidden}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-template:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) .t-filler:is(input,textarea):read-only~.t-filler,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]:is(input,textarea):read-only~.t-filler{display:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-template:disabled,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) .t-filler:disabled,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]:disabled{animation:tuiPresent 1s infinite;opacity:1}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-template[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) .t-filler[inputmode=none],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput][inputmode=none]{caret-color:transparent}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-template::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) .t-filler::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]::-webkit-inner-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-template::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) .t-filler::-webkit-outer-spin-button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-template [tuiInput]:first-of-type{color:transparent!important}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]:-webkit-autofill [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput][chrome-autofilled] [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]:not(._empty,:placeholder-shown) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[multi][multi]:not(._empty) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]:-webkit-autofill:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput][chrome-autofilled]:not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]:not(._empty,:placeholder-shown):not(tui-textfield)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[multi][multi]:not(._empty):not(tui-textfield)~[tuiLabel]{font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiLabel][tuiLabel][tuiLabel]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:block;max-inline-size:calc(100% - var(--t-start));flex:1;align-self:flex-start;font:inherit;-webkit-user-select:none;user-select:none;padding:calc(var(--t-height) / 2 - .625em) 0;line-height:1.25!important;transition-duration:inherit}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiLabel][tuiLabel][tuiLabel]+.t-content{margin-inline-start:0}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]::placeholder,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]._empty{color:var(--tui-text-secondary)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) select option[value=\"\"]:disabled{color:transparent}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) select option{background-color:var(--tui-background-elevation-3)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) select optgroup,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) select option:not(:disabled){color:var(--tui-text-primary)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) button,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) a,tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) tui-icon{pointer-events:auto}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-content{z-index:1;display:flex;block-size:var(--t-height);align-items:center;gap:.25rem;margin-inline-start:auto;isolation:isolate;border-radius:inherit}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) textarea~.t-content{min-inline-size:.5rem}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):is([data-mode~=readonly],[data-state=disabled],._empty) [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]._empty~.t-content [tuiButtonX],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiInput]:disabled~.t-content [tuiButtonX]{display:none}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) .t-filler{pointer-events:none!important;color:var(--tui-text-tertiary)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiFluidTypography]{font-weight:700}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiSelectLike]:not(:read-only){cursor:pointer}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):has(input[type=tel]){direction:ltr}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):is([data-mode~=invalid],.tui-invalid,:invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled) [tuiInput]:not(._empty)~[tuiLabel],tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):is([data-mode~=invalid],.tui-invalid,:invalid):not([data-mode~=readonly],[data-mode~=valid],[data-state=disabled],:disabled,._disabled)[multi]:not(._empty) [tuiLabel]{color:var(--tui-text-negative)}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):not([data-mode~=readonly]):focus-visible:not([data-focus=false]) [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):not([data-mode~=readonly])[data-focus=true] [tuiLabel]{color:var(--tui-text-primary)!important;font:var(--t-label-font);transform:translateY(calc(var(--t-label-y) - var(--tui-font-offset) / 2))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]){flex-wrap:nowrap;overflow:scroll;align-items:stretch;cursor:text;max-block-size:calc(var(--t-vertical) * 2 + var(--t-item-height) * var(--t-rows));overscroll-behavior-x:none;scroll-behavior:var(--tui-scroll-behavior)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):before,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):after{position:sticky;inset-block-start:0;inset-inline-start:0;block-size:var(--t-height)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-scrollbar{transform:translate(calc(var(--t-padding) * var(--tui-inline)));margin-inline-start:calc(-1 * var(--t-start));margin-inline-end:calc(1px - 100% + var(--t-start))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-scrollbar .t-bar_horizontal{display:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):not(._empty)>.t-items{min-block-size:fit-content}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-items{position:sticky;display:flex;inset-inline-start:var(--t-start);min-inline-size:0;max-block-size:var(--t-height);flex:1;align-items:center;flex-wrap:wrap;padding:var(--t-vertical) 0;transition-duration:inherit;box-sizing:border-box}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-items:after{content:\"\";min-inline-size:1px;min-block-size:1px}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-items_horizontal{clip-path:inset(0 0 0 calc(var(--t-start) / 2 - var(--t-padding) - .5rem));flex-wrap:nowrap}[dir=rtl] tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-items_horizontal{clip-path:inset(0 calc(var(--t-start) / 2 - var(--t-padding) - .5rem) 0 0)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-items_horizontal>.t-input{padding-inline-end:calc(var(--t-side) + var(--t-end) + var(--t-padding) + .25rem)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-items>.t-input{position:relative;display:flex;align-items:center;flex:1;block-size:var(--t-item-height, 1.25em);max-inline-size:100%;pointer-events:none;transform:translate(var(--t-scroll))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-items>.t-input .t-filler,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-items>.t-input [tuiInput]{inset-block-start:-5%;block-size:110%;padding:0;pointer-events:auto}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-items>.t-input .t-ghost{visibility:hidden;white-space:pre;text-overflow:clip;padding-inline-end:.125rem;block-size:100%}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-items>.t-input .t-filler_hidden{display:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label[data-size=l]{--t-vertical: .5625rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label[data-size=l]>.t-items>label[tuiLabel]{margin-block:.625rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label[data-size=l] tui-textfield-item:not(._string):first-of-type{margin-block-start:1.25rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label[data-size=m]{--t-vertical: .4375rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label[data-size=m]>.t-items>label[tuiLabel]{margin-block:.4375rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label[data-size=m] tui-textfield-item:not(._string):first-of-type{margin-block-start:1rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label>.t-items{align-items:flex-end}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._with-label>.t-items>label[tuiLabel]{min-inline-size:100%;margin-inline-end:-100%;padding:calc(var(--tui-font-offset) / 2) 0 0}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-content{position:sticky;inset-block-start:0;inset-inline-start:calc(100% - var(--t-side) - var(--t-end))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])>.t-items input:not(:focus)::placeholder,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-mode~=readonly]>.t-items input::placeholder,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-mode~=readonly]>.t-items label~.t-input input::placeholder{opacity:0}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._empty>.t-items input::placeholder,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-focus=true]:not([data-mode~=readonly]):not(:focus-within)>.t-items input::placeholder{opacity:1}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-state=disabled],tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-mode~=readonly]{pointer-events:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-state=disabled] select,tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-mode~=readonly] select{display:none}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=l]{--t-vertical: .625rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=l]:after{inset-inline-start:calc(100% - var(--t-end) - var(--t-padding) + .25rem)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=m]{--t-vertical: .5rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=m]:before{inset-inline-start:-.125rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=m]:after{inset-inline-start:calc(100% - var(--t-end) - .25rem)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s]{--t-vertical: .125rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s]:before{inset-inline-start:-.25rem}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s]:after{inset-inline-start:calc(100% - var(--t-end))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) tui-textfield-item{transform:translate(var(--t-scroll))}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) input::placeholder{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) select{opacity:0;pointer-events:none!important}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._empty>.t-items select~.t-filler{display:block}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])._empty:not([data-focus=true])>.t-items select~.t-filler{color:var(--tui-text-secondary)}tui-textfield[multi][multi]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):has([tuiSelectLike]){cursor:pointer}\n"] }]
380
380
  }] });
381
381
 
382
382
  const TuiTextfield = [
package/fesm2022/taiga-ui-core-components-title.mjs CHANGED
@@ -5,11 +5,11 @@ import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
5
5
 
6
6
  class Styles {
7
7
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
8
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-title-5.4.0-canary.15a8161"], ngImport: i0, template: '', isInline: true, styles: ["[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]){position:relative;display:flex;min-inline-size:0;flex-direction:column;text-align:start;gap:.25rem;margin:0;font:var(--tui-typography-ui-m)}[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s]{gap:.125rem;font:var(--tui-typography-body-s)}[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s] [tuiSubtitle]{font:var(--tui-typography-body-xs)}[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=m]{gap:.125rem;font:var(--tui-typography-heading-h5)}[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=m] [tuiSubtitle]{font:var(--tui-typography-body-m)}[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=l]{gap:.5rem;font:var(--tui-typography-heading-h3)}[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=l] [tuiSubtitle]{font:var(--tui-typography-body-m)}[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) h1,[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) h2,[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) h3,[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) h4,[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) h5,[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) h6{margin:0;font:inherit}[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiSubtitle]{font:var(--tui-typography-ui-s);margin:0}[tuiButton]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiTitle]{margin-inline-end:auto}[tuiButton]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiTitle] [tuiSubtitle]{color:var(--tui-text-secondary)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
8
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-title-5.4.0-canary.c194928"], ngImport: i0, template: '', isInline: true, styles: ["[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]){position:relative;display:flex;min-inline-size:0;flex-direction:column;text-align:start;gap:.25rem;margin:0;font:var(--tui-typography-ui-m)}[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s]{gap:.125rem;font:var(--tui-typography-body-s)}[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s] [tuiSubtitle]{font:var(--tui-typography-body-xs)}[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=m]{gap:.125rem;font:var(--tui-typography-heading-h5)}[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=m] [tuiSubtitle]{font:var(--tui-typography-body-m)}[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=l]{gap:.5rem;font:var(--tui-typography-heading-h3)}[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=l] [tuiSubtitle]{font:var(--tui-typography-body-m)}[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) h1,[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) h2,[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) h3,[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) h4,[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) h5,[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) h6{margin:0;font:inherit}[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiSubtitle]{font:var(--tui-typography-ui-s);margin:0}[tuiButton]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiTitle]{margin-inline-end:auto}[tuiButton]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiTitle] [tuiSubtitle]{color:var(--tui-text-secondary)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
9
9
  }
10
10
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: Styles, decorators: [{
11
11
  type: Component,
12
- args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-title-${TUI_VERSION}`, styles: ["[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]){position:relative;display:flex;min-inline-size:0;flex-direction:column;text-align:start;gap:.25rem;margin:0;font:var(--tui-typography-ui-m)}[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s]{gap:.125rem;font:var(--tui-typography-body-s)}[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=s] [tuiSubtitle]{font:var(--tui-typography-body-xs)}[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=m]{gap:.125rem;font:var(--tui-typography-heading-h5)}[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=m] [tuiSubtitle]{font:var(--tui-typography-body-m)}[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=l]{gap:.5rem;font:var(--tui-typography-heading-h3)}[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-size=l] [tuiSubtitle]{font:var(--tui-typography-body-m)}[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) h1,[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) h2,[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) h3,[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) h4,[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) h5,[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) h6{margin:0;font:inherit}[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiSubtitle]{font:var(--tui-typography-ui-s);margin:0}[tuiButton]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiTitle]{margin-inline-end:auto}[tuiButton]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]) [tuiTitle] [tuiSubtitle]{color:var(--tui-text-secondary)}\n"] }]
12
+ args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-title-${TUI_VERSION}`, styles: ["[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]){position:relative;display:flex;min-inline-size:0;flex-direction:column;text-align:start;gap:.25rem;margin:0;font:var(--tui-typography-ui-m)}[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s]{gap:.125rem;font:var(--tui-typography-body-s)}[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=s] [tuiSubtitle]{font:var(--tui-typography-body-xs)}[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=m]{gap:.125rem;font:var(--tui-typography-heading-h5)}[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=m] [tuiSubtitle]{font:var(--tui-typography-body-m)}[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=l]{gap:.5rem;font:var(--tui-typography-heading-h3)}[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-size=l] [tuiSubtitle]{font:var(--tui-typography-body-m)}[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) h1,[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) h2,[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) h3,[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) h4,[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) h5,[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) h6{margin:0;font:inherit}[tuiTitle]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiSubtitle]{font:var(--tui-typography-ui-s);margin:0}[tuiButton]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiTitle]{margin-inline-end:auto}[tuiButton]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]) [tuiTitle] [tuiSubtitle]{color:var(--tui-text-secondary)}\n"] }]
13
13
  }] });
14
14
  class TuiTitle {
15
15
  constructor() {
@@ -17,7 +17,7 @@ class TuiTitle {
17
17
  this.tuiTitle = input('');
18
18
  }
19
19
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TuiTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
20
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.20", type: TuiTitle, isStandalone: true, selector: "[tuiTitle]", inputs: { tuiTitle: { classPropertyName: "tuiTitle", publicName: "tuiTitle", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.4.0-canary.15a8161", "tuiTitle": "" }, properties: { "attr.data-size": "tuiTitle() || null" } }, ngImport: i0 }); }
20
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.20", type: TuiTitle, isStandalone: true, selector: "[tuiTitle]", inputs: { tuiTitle: { classPropertyName: "tuiTitle", publicName: "tuiTitle", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.4.0-canary.c194928", "tuiTitle": "" }, properties: { "attr.data-size": "tuiTitle() || null" } }, ngImport: i0 }); }
21
21
  }
22
22
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TuiTitle, decorators: [{
23
23
  type: Directive,
package/fesm2022/taiga-ui-core-directives-appearance.mjs CHANGED
@@ -14,11 +14,11 @@ function tuiAppearanceOptionsProvider(token) {
14
14
 
15
15
  class Styles {
16
16
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
17
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-appearance-5.4.0-canary.15a8161"], ngImport: i0, template: '', isInline: true, styles: ["[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]){transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;-webkit-appearance:none;appearance:none;outline:.125rem solid transparent;outline-offset:-.125rem;transition-property:color,background-color,opacity,box-shadow,border-color,border-radius,filter}[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):before,[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):after{transition-property:none;transition-duration:inherit;transition-timing-function:ease-in-out}[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):focus-visible:not([data-focus=false]){outline-color:var(--tui-border-focus)}[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-focus=true]{outline-color:var(--tui-border-focus)}[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):disabled:not([data-state]),[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-state=disabled]{cursor:initial;opacity:var(--tui-disabled-opacity)}[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):disabled:not([data-state]):before,[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-state=disabled]:before,[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):disabled:not([data-state]):after,[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-state=disabled]:after{cursor:initial}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
17
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-appearance-5.4.0-canary.c194928"], ngImport: i0, template: '', isInline: true, styles: ["[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]){transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;-webkit-appearance:none;appearance:none;outline:.125rem solid transparent;outline-offset:-.125rem;transition-property:color,background-color,opacity,box-shadow,border-color,border-radius,filter}[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):before,[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):after{transition-property:none;transition-duration:inherit;transition-timing-function:ease-in-out}[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):focus-visible:not([data-focus=false]){outline-color:var(--tui-border-focus)}[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-focus=true]{outline-color:var(--tui-border-focus)}[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):disabled:not([data-state]),[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-state=disabled]{cursor:initial;opacity:var(--tui-disabled-opacity)}[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):disabled:not([data-state]):before,[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-state=disabled]:before,[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):disabled:not([data-state]):after,[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-state=disabled]:after{cursor:initial}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
18
18
  }
19
19
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: Styles, decorators: [{
20
20
  type: Component,
21
- args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-appearance-${TUI_VERSION}`, styles: ["[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]){transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;-webkit-appearance:none;appearance:none;outline:.125rem solid transparent;outline-offset:-.125rem;transition-property:color,background-color,opacity,box-shadow,border-color,border-radius,filter}[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):before,[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):after{transition-property:none;transition-duration:inherit;transition-timing-function:ease-in-out}[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):focus-visible:not([data-focus=false]){outline-color:var(--tui-border-focus)}[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-focus=true]{outline-color:var(--tui-border-focus)}[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):disabled:not([data-state]),[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-state=disabled]{cursor:initial;opacity:var(--tui-disabled-opacity)}[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):disabled:not([data-state]):before,[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-state=disabled]:before,[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"]):disabled:not([data-state]):after,[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.15a8161\"])[data-state=disabled]:after{cursor:initial}\n"] }]
21
+ args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-appearance-${TUI_VERSION}`, styles: ["[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]){transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;-webkit-appearance:none;appearance:none;outline:.125rem solid transparent;outline-offset:-.125rem;transition-property:color,background-color,opacity,box-shadow,border-color,border-radius,filter}[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):before,[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):after{transition-property:none;transition-duration:inherit;transition-timing-function:ease-in-out}[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):focus-visible:not([data-focus=false]){outline-color:var(--tui-border-focus)}[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-focus=true]{outline-color:var(--tui-border-focus)}[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):disabled:not([data-state]),[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-state=disabled]{cursor:initial;opacity:var(--tui-disabled-opacity)}[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):disabled:not([data-state]):before,[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-state=disabled]:before,[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.c194928\"]):disabled:not([data-state]):after,[tuiAppearance]:where(*[data-tui-version=\"5.4.0-canary.c194928\"])[data-state=disabled]:after{cursor:initial}\n"] }]
22
22
  }] });
23
23
  class TuiAppearance {
24
24
  constructor() {
@@ -30,7 +30,7 @@ class TuiAppearance {
30
30
  this.tuiAppearanceMode = input(null);
31
31
  }
32
32
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TuiAppearance, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
33
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.20", type: TuiAppearance, isStandalone: true, selector: "[tuiAppearance]", inputs: { tuiAppearance: { classPropertyName: "tuiAppearance", publicName: "tuiAppearance", isSignal: true, isRequired: false, transformFunction: null }, tuiAppearanceState: { classPropertyName: "tuiAppearanceState", publicName: "tuiAppearanceState", isSignal: true, isRequired: false, transformFunction: null }, tuiAppearanceFocus: { classPropertyName: "tuiAppearanceFocus", publicName: "tuiAppearanceFocus", isSignal: true, isRequired: false, transformFunction: null }, tuiAppearanceMode: { classPropertyName: "tuiAppearanceMode", publicName: "tuiAppearanceMode", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.4.0-canary.15a8161", "tuiAppearance": "" }, properties: { "attr.data-appearance": "tuiAppearance()", "attr.data-focus": "tuiAppearanceFocus()", "attr.data-mode": "modes()", "attr.data-state": "tuiAppearanceState()" } }, hostDirectives: [{ directive: i1.TuiTransitioned }], ngImport: i0 }); }
33
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.20", type: TuiAppearance, isStandalone: true, selector: "[tuiAppearance]", inputs: { tuiAppearance: { classPropertyName: "tuiAppearance", publicName: "tuiAppearance", isSignal: true, isRequired: false, transformFunction: null }, tuiAppearanceState: { classPropertyName: "tuiAppearanceState", publicName: "tuiAppearanceState", isSignal: true, isRequired: false, transformFunction: null }, tuiAppearanceFocus: { classPropertyName: "tuiAppearanceFocus", publicName: "tuiAppearanceFocus", isSignal: true, isRequired: false, transformFunction: null }, tuiAppearanceMode: { classPropertyName: "tuiAppearanceMode", publicName: "tuiAppearanceMode", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.4.0-canary.c194928", "tuiAppearance": "" }, properties: { "attr.data-appearance": "tuiAppearance()", "attr.data-focus": "tuiAppearanceFocus()", "attr.data-mode": "modes()", "attr.data-state": "tuiAppearanceState()" } }, hostDirectives: [{ directive: i1.TuiTransitioned }], ngImport: i0 }); }
34
34
  }
35
35
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: TuiAppearance, decorators: [{
36
36
  type: Directive,