npm - @taiga-ui/core - Versions diffs - 5.0.0-canary.dc2eca0 → 5.0.0-canary.df52b8a - Mend

@taiga-ui/core 5.0.0-canary.dc2eca0 → 5.0.0-canary.df52b8a

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 (20) hide show

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

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

package/fesm2022/taiga-ui-core-components-title.mjs CHANGED Viewed

@@ -5,11 +5,11 @@ import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
 class Styles {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: Styles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-title" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]){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.0.0-canary.dc2eca0\"])[data-size=s]{gap:.125rem;font:var(--tui-typography-body-s)}[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-size=s] [tuiSubtitle]{font:var(--tui-typography-body-xs)}[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-size=m]{gap:.125rem;font:var(--tui-typography-heading-h5)}[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-size=m] [tuiSubtitle]{font:var(--tui-typography-body-m)}[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-size=l]{gap:.5rem;font:var(--tui-typography-heading-h3)}[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-size=l] [tuiSubtitle]{font:var(--tui-typography-body-m)}[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]) h1,[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]) h2,[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]) h3,[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]) h4,[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]) h5,[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]) h6{margin:0;font:inherit}[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]) [tuiSubtitle]{font:var(--tui-typography-ui-s);margin:0}[tuiButton]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]) [tuiTitle]{margin-inline-end:auto}[tuiButton]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]) [tuiTitle] [tuiSubtitle]{color:var(--tui-text-secondary)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: Styles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-title" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]){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.0.0-canary.df52b8a\"])[data-size=s]{gap:.125rem;font:var(--tui-typography-body-s)}[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-size=s] [tuiSubtitle]{font:var(--tui-typography-body-xs)}[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-size=m]{gap:.125rem;font:var(--tui-typography-heading-h5)}[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-size=m] [tuiSubtitle]{font:var(--tui-typography-body-m)}[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-size=l]{gap:.5rem;font:var(--tui-typography-heading-h3)}[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-size=l] [tuiSubtitle]{font:var(--tui-typography-body-m)}[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]) h1,[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]) h2,[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]) h3,[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]) h4,[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]) h5,[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]) h6{margin:0;font:inherit}[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]) [tuiSubtitle]{font:var(--tui-typography-ui-s);margin:0}[tuiButton]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]) [tuiTitle]{margin-inline-end:auto}[tuiButton]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]) [tuiTitle] [tuiSubtitle]{color:var(--tui-text-secondary)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: Styles, decorators: [{
             type: Component,
-            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-title' }, styles: ["[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]){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.0.0-canary.dc2eca0\"])[data-size=s]{gap:.125rem;font:var(--tui-typography-body-s)}[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-size=s] [tuiSubtitle]{font:var(--tui-typography-body-xs)}[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-size=m]{gap:.125rem;font:var(--tui-typography-heading-h5)}[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-size=m] [tuiSubtitle]{font:var(--tui-typography-body-m)}[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-size=l]{gap:.5rem;font:var(--tui-typography-heading-h3)}[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-size=l] [tuiSubtitle]{font:var(--tui-typography-body-m)}[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]) h1,[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]) h2,[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]) h3,[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]) h4,[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]) h5,[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]) h6{margin:0;font:inherit}[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]) [tuiSubtitle]{font:var(--tui-typography-ui-s);margin:0}[tuiButton]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]) [tuiTitle]{margin-inline-end:auto}[tuiButton]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]) [tuiTitle] [tuiSubtitle]{color:var(--tui-text-secondary)}\n"] }]
+            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-title' }, styles: ["[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]){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.0.0-canary.df52b8a\"])[data-size=s]{gap:.125rem;font:var(--tui-typography-body-s)}[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-size=s] [tuiSubtitle]{font:var(--tui-typography-body-xs)}[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-size=m]{gap:.125rem;font:var(--tui-typography-heading-h5)}[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-size=m] [tuiSubtitle]{font:var(--tui-typography-body-m)}[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-size=l]{gap:.5rem;font:var(--tui-typography-heading-h3)}[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-size=l] [tuiSubtitle]{font:var(--tui-typography-body-m)}[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]) h1,[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]) h2,[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]) h3,[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]) h4,[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]) h5,[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]) h6{margin:0;font:inherit}[tuiTitle]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]) [tuiSubtitle]{font:var(--tui-typography-ui-s);margin:0}[tuiButton]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]) [tuiTitle]{margin-inline-end:auto}[tuiButton]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]) [tuiTitle] [tuiSubtitle]{color:var(--tui-text-secondary)}\n"] }]
         }] });
 class TuiTitle {
     constructor() {
@@ -17,7 +17,7 @@ class TuiTitle {
         this.tuiTitle = input('');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.18", type: TuiTitle, isStandalone: true, selector: "[tuiTitle]", inputs: { tuiTitle: { classPropertyName: "tuiTitle", publicName: "tuiTitle", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tuiTitle": "", "data-tui-version": "5.0.0-canary.dc2eca0" }, properties: { "attr.data-size": "tuiTitle() || null" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.18", type: TuiTitle, isStandalone: true, selector: "[tuiTitle]", inputs: { tuiTitle: { classPropertyName: "tuiTitle", publicName: "tuiTitle", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tuiTitle": "", "data-tui-version": "5.0.0-canary.df52b8a" }, properties: { "attr.data-size": "tuiTitle() || null" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiTitle, decorators: [{
             type: Directive,

package/fesm2022/taiga-ui-core-directives-appearance.mjs CHANGED Viewed

@@ -14,11 +14,11 @@ function tuiAppearanceOptionsProvider(token) {
 class Styles {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: Styles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-appearance" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]){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.0.0-canary.dc2eca0\"]):before,[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]):after{transition-property:none;transition-duration:inherit;transition-timing-function:ease-in-out}[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]):focus-visible:not([data-focus=false]){outline-color:var(--tui-border-focus)}[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-focus=true]{outline-color:var(--tui-border-focus)}[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]):disabled:not([data-state]),[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-state=disabled]{cursor:initial;opacity:var(--tui-disabled-opacity)}[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]):disabled:not([data-state]):before,[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-state=disabled]:before,[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]):disabled:not([data-state]):after,[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-state=disabled]:after{cursor:initial}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: Styles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-appearance" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]){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.0.0-canary.df52b8a\"]):before,[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]):after{transition-property:none;transition-duration:inherit;transition-timing-function:ease-in-out}[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]):focus-visible:not([data-focus=false]){outline-color:var(--tui-border-focus)}[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-focus=true]{outline-color:var(--tui-border-focus)}[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]):disabled:not([data-state]),[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-state=disabled]{cursor:initial;opacity:var(--tui-disabled-opacity)}[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]):disabled:not([data-state]):before,[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-state=disabled]:before,[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]):disabled:not([data-state]):after,[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-state=disabled]:after{cursor:initial}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: Styles, decorators: [{
             type: Component,
-            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-appearance' }, styles: ["[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]){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.0.0-canary.dc2eca0\"]):before,[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]):after{transition-property:none;transition-duration:inherit;transition-timing-function:ease-in-out}[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]):focus-visible:not([data-focus=false]){outline-color:var(--tui-border-focus)}[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-focus=true]{outline-color:var(--tui-border-focus)}[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]):disabled:not([data-state]),[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-state=disabled]{cursor:initial;opacity:var(--tui-disabled-opacity)}[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]):disabled:not([data-state]):before,[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-state=disabled]:before,[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]):disabled:not([data-state]):after,[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-state=disabled]:after{cursor:initial}\n"] }]
+            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-appearance' }, styles: ["[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]){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.0.0-canary.df52b8a\"]):before,[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]):after{transition-property:none;transition-duration:inherit;transition-timing-function:ease-in-out}[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]):focus-visible:not([data-focus=false]){outline-color:var(--tui-border-focus)}[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-focus=true]{outline-color:var(--tui-border-focus)}[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]):disabled:not([data-state]),[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-state=disabled]{cursor:initial;opacity:var(--tui-disabled-opacity)}[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]):disabled:not([data-state]):before,[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-state=disabled]:before,[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]):disabled:not([data-state]):after,[tuiAppearance]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-state=disabled]:after{cursor:initial}\n"] }]
         }] });
 class TuiAppearance {
     constructor() {
@@ -30,7 +30,7 @@ class TuiAppearance {
         this.tuiAppearanceMode = input(null);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiAppearance, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.18", 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: { "tuiAppearance": "", "data-tui-version": "5.0.0-canary.dc2eca0" }, properties: { "attr.data-appearance": "tuiAppearance()", "attr.data-state": "tuiAppearanceState()", "attr.data-focus": "tuiAppearanceFocus()", "attr.data-mode": "modes()" } }, hostDirectives: [{ directive: i1.TuiTransitioned }], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.18", 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: { "tuiAppearance": "", "data-tui-version": "5.0.0-canary.df52b8a" }, properties: { "attr.data-appearance": "tuiAppearance()", "attr.data-state": "tuiAppearanceState()", "attr.data-focus": "tuiAppearanceFocus()", "attr.data-mode": "modes()" } }, hostDirectives: [{ directive: i1.TuiTransitioned }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiAppearance, decorators: [{
             type: Directive,

package/fesm2022/taiga-ui-core-directives-group.mjs CHANGED Viewed

@@ -14,11 +14,11 @@ const [TUI_GROUP_OPTIONS, tuiGroupOptionsProvider] = tuiCreateOptions(TUI_GROUP_
 class Styles {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: Styles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-group" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]){position:relative;display:flex;transform:translateZ(0);--t-group-radius: var(--tui-radius-l);--t-group-margin: -1px;--t-group-mask: linear-gradient(to right, rgba(0, 0, 0, .5) 1px, #000 2px, #000 calc(100% - 2px) , rgba(0, 0, 0, .5));--t-group-mask-end: linear-gradient(to right, rgba(0, 0, 0, .5) 1px, #000 2px);--t-group-mask-start: linear-gradient(to right, #000 calc(100% - 2px) , rgba(0, 0, 0, .5) calc(100% - 1px) )}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])>*{z-index:1;flex:1 1 0;min-inline-size:0;mask:var(--t-group-mask);mask-clip:no-clip}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])>*:disabled,[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])>*._disabled{z-index:0}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])>*:invalid:not([data-mode]),[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])>*[data-mode~=invalid]{z-index:2;--t-group-mask: none}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])>*:has(:invalid:not([data-mode])),[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])>*:has([data-mode~=invalid]){z-index:2;--t-group-mask: none}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])>*:has(:focus-visible){z-index:3;--t-group-mask: none}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])>*:has([data-focus=true]){z-index:3;--t-group-mask: none}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])>*:checked:not([data-mode]),[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])>*[data-mode~=checked]{z-index:4;--t-group-mask: none}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])>*:has([tuiBlock]:checked){z-index:4;--t-group-mask: none}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])>*:not(:last-child){margin-inline-end:var(--t-group-margin)}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])>*:nth-child(n){border-radius:0}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])>*:first-child{border-radius:var(--t-group-radius) 0 0 var(--t-group-radius);-webkit-mask-image:var(--t-group-mask-start);mask-image:var(--t-group-mask-start)}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])>*:last-child{border-radius:0 var(--t-group-radius) var(--t-group-radius) 0;-webkit-mask-image:var(--t-group-mask-end);mask-image:var(--t-group-mask-end)}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])>*:only-child{border-radius:var(--t-group-radius);mask:none}[dir=rtl] [tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]):not([data-orientation=vertical])>*:first-child{border-radius:0 var(--t-group-radius) var(--t-group-radius) 0;-webkit-mask-image:var(--t-group-mask-end);mask-image:var(--t-group-mask-end)}[dir=rtl] [tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]):not([data-orientation=vertical])>*:last-child{border-radius:var(--t-group-radius) 0 0 var(--t-group-radius);-webkit-mask-image:var(--t-group-mask-start);mask-image:var(--t-group-mask-start)}[dir=rtl] [tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]):not([data-orientation=vertical])>*:only-child{border-radius:var(--t-group-radius);mask:none}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-size=s],[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-size=m]{--t-group-radius: var(--tui-radius-m)}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-orientation=vertical]{display:inline-flex;flex-direction:column;--t-group-mask: linear-gradient(to bottom, rgba(0, 0, 0, .5) 1px, #000 2px, #000 calc(100% - 2px) , rgba(0, 0, 0, .5));--t-group-mask-start: linear-gradient(to bottom, #000 calc(100% - 2px) , rgba(0, 0, 0, .5) calc(100% - 1px) );--t-group-mask-end: linear-gradient(to bottom, rgba(0, 0, 0, .5) 1px, #000 2px)}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-orientation=vertical]>*{min-block-size:auto;flex:0 0 auto}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-orientation=vertical]>*:not(:last-child){margin-inline-end:0;margin-block-end:var(--t-group-margin)}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-orientation=vertical]>*:first-child{border-radius:var(--t-group-radius) var(--t-group-radius) 0 0}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-orientation=vertical]>*:last-child{border-radius:0 0 var(--t-group-radius) var(--t-group-radius)}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-orientation=vertical]>*:only-child{border-radius:var(--t-group-radius)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: Styles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-group" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]){position:relative;display:flex;transform:translateZ(0);--t-group-radius: var(--tui-radius-l);--t-group-margin: -1px;--t-group-mask: linear-gradient(to right, rgba(0, 0, 0, .5) 1px, #000 2px, #000 calc(100% - 2px) , rgba(0, 0, 0, .5));--t-group-mask-end: linear-gradient(to right, rgba(0, 0, 0, .5) 1px, #000 2px);--t-group-mask-start: linear-gradient(to right, #000 calc(100% - 2px) , rgba(0, 0, 0, .5) calc(100% - 1px) )}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])>*{z-index:1;flex:1 1 0;min-inline-size:0;mask:var(--t-group-mask);mask-clip:no-clip}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])>*:disabled,[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])>*._disabled{z-index:0}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])>*:invalid:not([data-mode]),[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])>*[data-mode~=invalid]{z-index:2;--t-group-mask: none}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])>*:has(:invalid:not([data-mode])),[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])>*:has([data-mode~=invalid]){z-index:2;--t-group-mask: none}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])>*:has(:focus-visible){z-index:3;--t-group-mask: none}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])>*:has([data-focus=true]){z-index:3;--t-group-mask: none}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])>*:checked:not([data-mode]),[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])>*[data-mode~=checked]{z-index:4;--t-group-mask: none}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])>*:has([tuiBlock]:checked){z-index:4;--t-group-mask: none}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])>*:not(:last-child){margin-inline-end:var(--t-group-margin)}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])>*:nth-child(n){border-radius:0}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])>*:first-child{border-radius:var(--t-group-radius) 0 0 var(--t-group-radius);-webkit-mask-image:var(--t-group-mask-start);mask-image:var(--t-group-mask-start)}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])>*:last-child{border-radius:0 var(--t-group-radius) var(--t-group-radius) 0;-webkit-mask-image:var(--t-group-mask-end);mask-image:var(--t-group-mask-end)}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])>*:only-child{border-radius:var(--t-group-radius);mask:none}[dir=rtl] [tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]):not([data-orientation=vertical])>*:first-child{border-radius:0 var(--t-group-radius) var(--t-group-radius) 0;-webkit-mask-image:var(--t-group-mask-end);mask-image:var(--t-group-mask-end)}[dir=rtl] [tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]):not([data-orientation=vertical])>*:last-child{border-radius:var(--t-group-radius) 0 0 var(--t-group-radius);-webkit-mask-image:var(--t-group-mask-start);mask-image:var(--t-group-mask-start)}[dir=rtl] [tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]):not([data-orientation=vertical])>*:only-child{border-radius:var(--t-group-radius);mask:none}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-size=s],[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-size=m]{--t-group-radius: var(--tui-radius-m)}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-orientation=vertical]{display:inline-flex;flex-direction:column;--t-group-mask: linear-gradient(to bottom, rgba(0, 0, 0, .5) 1px, #000 2px, #000 calc(100% - 2px) , rgba(0, 0, 0, .5));--t-group-mask-start: linear-gradient(to bottom, #000 calc(100% - 2px) , rgba(0, 0, 0, .5) calc(100% - 1px) );--t-group-mask-end: linear-gradient(to bottom, rgba(0, 0, 0, .5) 1px, #000 2px)}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-orientation=vertical]>*{min-block-size:auto;flex:0 0 auto}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-orientation=vertical]>*:not(:last-child){margin-inline-end:0;margin-block-end:var(--t-group-margin)}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-orientation=vertical]>*:first-child{border-radius:var(--t-group-radius) var(--t-group-radius) 0 0}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-orientation=vertical]>*:last-child{border-radius:0 0 var(--t-group-radius) var(--t-group-radius)}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-orientation=vertical]>*:only-child{border-radius:var(--t-group-radius)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: Styles, decorators: [{
             type: Component,
-            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-group' }, styles: ["[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]){position:relative;display:flex;transform:translateZ(0);--t-group-radius: var(--tui-radius-l);--t-group-margin: -1px;--t-group-mask: linear-gradient(to right, rgba(0, 0, 0, .5) 1px, #000 2px, #000 calc(100% - 2px) , rgba(0, 0, 0, .5));--t-group-mask-end: linear-gradient(to right, rgba(0, 0, 0, .5) 1px, #000 2px);--t-group-mask-start: linear-gradient(to right, #000 calc(100% - 2px) , rgba(0, 0, 0, .5) calc(100% - 1px) )}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])>*{z-index:1;flex:1 1 0;min-inline-size:0;mask:var(--t-group-mask);mask-clip:no-clip}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])>*:disabled,[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])>*._disabled{z-index:0}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])>*:invalid:not([data-mode]),[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])>*[data-mode~=invalid]{z-index:2;--t-group-mask: none}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])>*:has(:invalid:not([data-mode])),[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])>*:has([data-mode~=invalid]){z-index:2;--t-group-mask: none}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])>*:has(:focus-visible){z-index:3;--t-group-mask: none}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])>*:has([data-focus=true]){z-index:3;--t-group-mask: none}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])>*:checked:not([data-mode]),[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])>*[data-mode~=checked]{z-index:4;--t-group-mask: none}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])>*:has([tuiBlock]:checked){z-index:4;--t-group-mask: none}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])>*:not(:last-child){margin-inline-end:var(--t-group-margin)}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])>*:nth-child(n){border-radius:0}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])>*:first-child{border-radius:var(--t-group-radius) 0 0 var(--t-group-radius);-webkit-mask-image:var(--t-group-mask-start);mask-image:var(--t-group-mask-start)}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])>*:last-child{border-radius:0 var(--t-group-radius) var(--t-group-radius) 0;-webkit-mask-image:var(--t-group-mask-end);mask-image:var(--t-group-mask-end)}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])>*:only-child{border-radius:var(--t-group-radius);mask:none}[dir=rtl] [tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]):not([data-orientation=vertical])>*:first-child{border-radius:0 var(--t-group-radius) var(--t-group-radius) 0;-webkit-mask-image:var(--t-group-mask-end);mask-image:var(--t-group-mask-end)}[dir=rtl] [tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]):not([data-orientation=vertical])>*:last-child{border-radius:var(--t-group-radius) 0 0 var(--t-group-radius);-webkit-mask-image:var(--t-group-mask-start);mask-image:var(--t-group-mask-start)}[dir=rtl] [tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]):not([data-orientation=vertical])>*:only-child{border-radius:var(--t-group-radius);mask:none}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-size=s],[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-size=m]{--t-group-radius: var(--tui-radius-m)}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-orientation=vertical]{display:inline-flex;flex-direction:column;--t-group-mask: linear-gradient(to bottom, rgba(0, 0, 0, .5) 1px, #000 2px, #000 calc(100% - 2px) , rgba(0, 0, 0, .5));--t-group-mask-start: linear-gradient(to bottom, #000 calc(100% - 2px) , rgba(0, 0, 0, .5) calc(100% - 1px) );--t-group-mask-end: linear-gradient(to bottom, rgba(0, 0, 0, .5) 1px, #000 2px)}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-orientation=vertical]>*{min-block-size:auto;flex:0 0 auto}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-orientation=vertical]>*:not(:last-child){margin-inline-end:0;margin-block-end:var(--t-group-margin)}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-orientation=vertical]>*:first-child{border-radius:var(--t-group-radius) var(--t-group-radius) 0 0}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-orientation=vertical]>*:last-child{border-radius:0 0 var(--t-group-radius) var(--t-group-radius)}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-orientation=vertical]>*:only-child{border-radius:var(--t-group-radius)}\n"] }]
+            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-group' }, styles: ["[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]){position:relative;display:flex;transform:translateZ(0);--t-group-radius: var(--tui-radius-l);--t-group-margin: -1px;--t-group-mask: linear-gradient(to right, rgba(0, 0, 0, .5) 1px, #000 2px, #000 calc(100% - 2px) , rgba(0, 0, 0, .5));--t-group-mask-end: linear-gradient(to right, rgba(0, 0, 0, .5) 1px, #000 2px);--t-group-mask-start: linear-gradient(to right, #000 calc(100% - 2px) , rgba(0, 0, 0, .5) calc(100% - 1px) )}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])>*{z-index:1;flex:1 1 0;min-inline-size:0;mask:var(--t-group-mask);mask-clip:no-clip}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])>*:disabled,[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])>*._disabled{z-index:0}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])>*:invalid:not([data-mode]),[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])>*[data-mode~=invalid]{z-index:2;--t-group-mask: none}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])>*:has(:invalid:not([data-mode])),[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])>*:has([data-mode~=invalid]){z-index:2;--t-group-mask: none}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])>*:has(:focus-visible){z-index:3;--t-group-mask: none}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])>*:has([data-focus=true]){z-index:3;--t-group-mask: none}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])>*:checked:not([data-mode]),[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])>*[data-mode~=checked]{z-index:4;--t-group-mask: none}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])>*:has([tuiBlock]:checked){z-index:4;--t-group-mask: none}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])>*:not(:last-child){margin-inline-end:var(--t-group-margin)}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])>*:nth-child(n){border-radius:0}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])>*:first-child{border-radius:var(--t-group-radius) 0 0 var(--t-group-radius);-webkit-mask-image:var(--t-group-mask-start);mask-image:var(--t-group-mask-start)}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])>*:last-child{border-radius:0 var(--t-group-radius) var(--t-group-radius) 0;-webkit-mask-image:var(--t-group-mask-end);mask-image:var(--t-group-mask-end)}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])>*:only-child{border-radius:var(--t-group-radius);mask:none}[dir=rtl] [tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]):not([data-orientation=vertical])>*:first-child{border-radius:0 var(--t-group-radius) var(--t-group-radius) 0;-webkit-mask-image:var(--t-group-mask-end);mask-image:var(--t-group-mask-end)}[dir=rtl] [tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]):not([data-orientation=vertical])>*:last-child{border-radius:var(--t-group-radius) 0 0 var(--t-group-radius);-webkit-mask-image:var(--t-group-mask-start);mask-image:var(--t-group-mask-start)}[dir=rtl] [tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]):not([data-orientation=vertical])>*:only-child{border-radius:var(--t-group-radius);mask:none}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-size=s],[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-size=m]{--t-group-radius: var(--tui-radius-m)}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-orientation=vertical]{display:inline-flex;flex-direction:column;--t-group-mask: linear-gradient(to bottom, rgba(0, 0, 0, .5) 1px, #000 2px, #000 calc(100% - 2px) , rgba(0, 0, 0, .5));--t-group-mask-start: linear-gradient(to bottom, #000 calc(100% - 2px) , rgba(0, 0, 0, .5) calc(100% - 1px) );--t-group-mask-end: linear-gradient(to bottom, rgba(0, 0, 0, .5) 1px, #000 2px)}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-orientation=vertical]>*{min-block-size:auto;flex:0 0 auto}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-orientation=vertical]>*:not(:last-child){margin-inline-end:0;margin-block-end:var(--t-group-margin)}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-orientation=vertical]>*:first-child{border-radius:var(--t-group-radius) var(--t-group-radius) 0 0}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-orientation=vertical]>*:last-child{border-radius:0 0 var(--t-group-radius) var(--t-group-radius)}[tuiGroup]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-orientation=vertical]>*:only-child{border-radius:var(--t-group-radius)}\n"] }]
         }] });
 class TuiGroup {
     constructor() {
@@ -30,7 +30,7 @@ class TuiGroup {
         this.size = input(this.options.size);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.18", type: TuiGroup, isStandalone: true, selector: "[tuiGroup]:not(ng-container)", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tuiGroup": "", "data-tui-version": "5.0.0-canary.dc2eca0" }, properties: { "attr.data-orientation": "orientation()", "attr.data-size": "size()", "style.--t-group-radius": "rounded() ? null : 0", "style.--t-group-margin.rem": "collapsed() ? null : 0.125", "style.--t-group-mask": "collapsed() ? null : \"none\"", "style.--t-group-mask-start": "collapsed() ? null : \"none\"", "style.--t-group-mask-end": "collapsed() ? null : \"none\"" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.18", type: TuiGroup, isStandalone: true, selector: "[tuiGroup]:not(ng-container)", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tuiGroup": "", "data-tui-version": "5.0.0-canary.df52b8a" }, properties: { "attr.data-orientation": "orientation()", "attr.data-size": "size()", "style.--t-group-radius": "rounded() ? null : 0", "style.--t-group-margin.rem": "collapsed() ? null : 0.125", "style.--t-group-mask": "collapsed() ? null : \"none\"", "style.--t-group-mask-start": "collapsed() ? null : \"none\"", "style.--t-group-mask-end": "collapsed() ? null : \"none\"" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiGroup, decorators: [{
             type: Directive,

package/fesm2022/taiga-ui-core-directives-icons.mjs CHANGED Viewed

@@ -8,11 +8,11 @@ import { tuiInjectIconResolver, tuiGetIconMode, TUI_ICON_END, TUI_ICON_START } f
 const OPT = { self: true, optional: true };
 class Styles {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: Styles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-icons" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]){--t-icon-start: none;--t-icon-end: none}[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]):before,[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]):after{content:\"\";inline-size:1em;block-size:1em;line-height:1em;font-size:var(--tui-icon-size, 1.5rem);flex-shrink:0;box-sizing:content-box;background:currentColor;zoom:calc(100%*min(max(var(--tui-font-offset) - 10px,0px),1px)/.8px)}[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]):before{display:var(--t-icon-start);mask:var(--t-icon-start) no-repeat center / calc(min(1em,100%) + 10 * var(--tui-stroke-width)) min(1em,100%),100% padding-box}[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]):after{display:var(--t-icon-end);mask:var(--t-icon-end) no-repeat center / calc(min(1em,100%) + 10 * var(--tui-stroke-width)) min(1em,100%) padding-box}[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-icon-start=img]:before{mask:none;background:var(--t-icon-start) no-repeat center / 1em padding-box}[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-icon-end=img]:after{mask:none;background:var(--t-icon-end) no-repeat center / 1em padding-box}[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-icon-start=font]:before,[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-icon-end=font]:after{display:grid;mask:none;background:none;font:1.5em / 1 var(--tui-font-icon, inherit);text-align:center;place-content:center;text-transform:none}[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-icon-start=font]:before{content:var(--t-icon-start)}[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-icon-end=font]:after{content:var(--t-icon-end)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: Styles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-icons" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]){--t-icon-start: none;--t-icon-end: none}[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]):before,[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]):after{content:\"\";inline-size:1em;block-size:1em;line-height:1em;font-size:var(--tui-icon-size, 1.5rem);flex-shrink:0;box-sizing:content-box;background:currentColor;zoom:calc(100%*clamp(0px,var(--tui-font-offset) - 10px,1px)/.8px)}[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]):before{display:var(--t-icon-start);mask:var(--t-icon-start) no-repeat center / calc(min(1em,100%) + 10 * var(--tui-stroke-width)) min(1em,100%),100% padding-box}[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]):after{display:var(--t-icon-end);mask:var(--t-icon-end) no-repeat center / calc(min(1em,100%) + 10 * var(--tui-stroke-width)) min(1em,100%) padding-box}[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-icon-start=img]:before{mask:none;background:var(--t-icon-start) no-repeat center / 1em padding-box}[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-icon-end=img]:after{mask:none;background:var(--t-icon-end) no-repeat center / 1em padding-box}[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-icon-start=font]:before,[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-icon-end=font]:after{display:grid;mask:none;background:none;font:1.5em / 1 var(--tui-font-icon, inherit);text-align:center;place-content:center;text-transform:none}[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-icon-start=font]:before{content:var(--t-icon-start)}[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-icon-end=font]:after{content:var(--t-icon-end)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: Styles, decorators: [{
             type: Component,
-            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-icons' }, styles: ["[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]){--t-icon-start: none;--t-icon-end: none}[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]):before,[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]):after{content:\"\";inline-size:1em;block-size:1em;line-height:1em;font-size:var(--tui-icon-size, 1.5rem);flex-shrink:0;box-sizing:content-box;background:currentColor;zoom:calc(100%*min(max(var(--tui-font-offset) - 10px,0px),1px)/.8px)}[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]):before{display:var(--t-icon-start);mask:var(--t-icon-start) no-repeat center / calc(min(1em,100%) + 10 * var(--tui-stroke-width)) min(1em,100%),100% padding-box}[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"]):after{display:var(--t-icon-end);mask:var(--t-icon-end) no-repeat center / calc(min(1em,100%) + 10 * var(--tui-stroke-width)) min(1em,100%) padding-box}[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-icon-start=img]:before{mask:none;background:var(--t-icon-start) no-repeat center / 1em padding-box}[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-icon-end=img]:after{mask:none;background:var(--t-icon-end) no-repeat center / 1em padding-box}[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-icon-start=font]:before,[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-icon-end=font]:after{display:grid;mask:none;background:none;font:1.5em / 1 var(--tui-font-icon, inherit);text-align:center;place-content:center;text-transform:none}[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-icon-start=font]:before{content:var(--t-icon-start)}[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.dc2eca0\"])[data-icon-end=font]:after{content:var(--t-icon-end)}\n"] }]
+            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-icons' }, styles: ["[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]){--t-icon-start: none;--t-icon-end: none}[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]):before,[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]):after{content:\"\";inline-size:1em;block-size:1em;line-height:1em;font-size:var(--tui-icon-size, 1.5rem);flex-shrink:0;box-sizing:content-box;background:currentColor;zoom:calc(100%*clamp(0px,var(--tui-font-offset) - 10px,1px)/.8px)}[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]):before{display:var(--t-icon-start);mask:var(--t-icon-start) no-repeat center / calc(min(1em,100%) + 10 * var(--tui-stroke-width)) min(1em,100%),100% padding-box}[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"]):after{display:var(--t-icon-end);mask:var(--t-icon-end) no-repeat center / calc(min(1em,100%) + 10 * var(--tui-stroke-width)) min(1em,100%) padding-box}[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-icon-start=img]:before{mask:none;background:var(--t-icon-start) no-repeat center / 1em padding-box}[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-icon-end=img]:after{mask:none;background:var(--t-icon-end) no-repeat center / 1em padding-box}[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-icon-start=font]:before,[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-icon-end=font]:after{display:grid;mask:none;background:none;font:1.5em / 1 var(--tui-font-icon, inherit);text-align:center;place-content:center;text-transform:none}[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-icon-start=font]:before{content:var(--t-icon-start)}[tuiIcons]:where(*[data-tui-version=\"5.0.0-canary.df52b8a\"])[data-icon-end=font]:after{content:var(--t-icon-end)}\n"] }]
         }] });
 class TuiIcons {
     constructor() {
@@ -34,7 +34,7 @@ class TuiIcons {
             : `url(${this.resolver(icon)})`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiIcons, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.18", type: TuiIcons, isStandalone: true, inputs: { iconEnd: { classPropertyName: "iconEnd", publicName: "iconEnd", isSignal: true, isRequired: false, transformFunction: null }, iconStart: { classPropertyName: "iconStart", publicName: "iconStart", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tuiIcons": "", "data-tui-version": "5.0.0-canary.dc2eca0" }, properties: { "style.--t-icon-start": "start()", "style.--t-icon-end": "end()", "attr.data-icon-start": "startMode()", "attr.data-icon-end": "endMode()" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.18", type: TuiIcons, isStandalone: true, inputs: { iconEnd: { classPropertyName: "iconEnd", publicName: "iconEnd", isSignal: true, isRequired: false, transformFunction: null }, iconStart: { classPropertyName: "iconStart", publicName: "iconStart", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tuiIcons": "", "data-tui-version": "5.0.0-canary.df52b8a" }, properties: { "style.--t-icon-start": "start()", "style.--t-icon-end": "end()", "attr.data-icon-start": "startMode()", "attr.data-icon-end": "endMode()" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiIcons, decorators: [{
             type: Directive,

package/fesm2022/taiga-ui-core-directives-icons.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"taiga-ui-core-directives-icons.mjs","sources":["../../../projects/core/directives/icons/icons.directive.ts","../../../projects/core/directives/icons/icons.bindings.ts","../../../projects/core/directives/icons/with-icons.ts","../../../projects/core/directives/icons/taiga-ui-core-directives-icons.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n computed,\n Directive,\n inject,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {type TuiStringHandler} from '@taiga-ui/cdk/types';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {\n TUI_ICON_END,\n TUI_ICON_START,\n tuiGetIconMode,\n tuiInjectIconResolver,\n} from '@taiga-ui/core/tokens';\n\nconst OPT = {self: true, optional: true} as const;\n\n@Component({\n template: '',\n styles: `\n [data-tui-version='${TUI_VERSION}'] {\n @import '@taiga-ui/styles/components/icons.less';\n }\n `,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {class: 'tui-icons'},\n})\nclass Styles {}\n\n@Directive({\n host: {\n tuiIcons: '',\n '[style.--t-icon-start]': 'start()',\n '[style.--t-icon-end]': 'end()',\n '[attr.data-icon-start]': 'startMode()',\n '[attr.data-icon-end]': 'endMode()',\n 'data-tui-version': TUI_VERSION,\n },\n})\nexport class TuiIcons {\n private readonly resolver: TuiStringHandler<string> = tuiInjectIconResolver();\n\n protected readonly nothing = tuiWithStyles(Styles);\n protected readonly start = computed(() => this.resolve(this.iconStart()));\n protected readonly end = computed(() => this.resolve(this.iconEnd()));\n protected readonly startMode = computed(() => tuiGetIconMode(this.iconStart()));\n protected readonly endMode = computed(() => tuiGetIconMode(this.iconEnd()));\n\n public readonly iconEnd = input(inject<string \| undefined>(TUI_ICON_END, OPT));\n public readonly iconStart = input(inject<string \| undefined>(TUI_ICON_START, OPT));\n\n public resolve(icon?: string \| null): string \| null {\n if (!icon) {\n return null;\n }\n\n return tuiGetIconMode(icon) === 'font'\n ? `'${this.resolver(icon)}'`\n : `url(${this.resolver(icon)})`;\n }\n}\n","import {type InjectOptions, type Signal, type WritableSignal} from '@angular/core';\nimport {tuiDirectiveBinding} from '@taiga-ui/cdk/utils/di';\n\nimport {TuiIcons} from './icons.directive';\n\nexport function tuiIconStart(\n value: WritableSignal<string> \| string,\n options?: InjectOptions,\n): WritableSignal<string>;\nexport function tuiIconStart(\n value: Signal<string>,\n options?: InjectOptions,\n): Signal<string>;\nexport function tuiIconStart(\n value: Signal<string> \| string,\n options?: InjectOptions,\n): Signal<string> {\n return tuiDirectiveBinding(TuiIcons, 'iconStart', value, options);\n}\n\nexport function tuiIconEnd(\n value: WritableSignal<string> \| string,\n options?: InjectOptions,\n): WritableSignal<string>;\nexport function tuiIconEnd(\n value: Signal<string>,\n options?: InjectOptions,\n): Signal<string>;\nexport function tuiIconEnd(\n value: Signal<string> \| string,\n options: InjectOptions = {},\n): Signal<string> {\n return tuiDirectiveBinding(TuiIcons, 'iconEnd', value, options);\n}\n","import {Directive} from '@angular/core';\n\nimport {TuiIcons} from './icons.directive';\n\n@Directive({\n hostDirectives: [\n {\n directive: TuiIcons,\n inputs: ['iconStart', 'iconEnd'],\n },\n ],\n})\nexport class TuiWithIcons {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i1.TuiIcons"],"mappings":";;;;;;;AAmBA,MAAM,GAAG,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAU;AAEjD,MAWM,MAAM,CAAA;+GAAN,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAN,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAM,+GAVE,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,~~ywDAAA~~,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAUV,MAAM,EAAA,UAAA,EAAA,CAAA;kBAXX,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAE,EAMG,aAAA,EAAA,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACzC,IAAA,EAAA,EAAC,KAAK,EAAE,WAAW,EAAC,EAAA,MAAA,EAAA,CAAA,~~ywDAAA~~,CAAA,EAAA;;MAcjB,QAAQ,CAAA;AAVrB,IAAA,WAAA,GAAA;QAWqB,IAAQ,CAAA,QAAA,GAA6B,qBAAqB,EAAE;AAE1D,QAAA,IAAA,CAAA,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC;AAC/B,QAAA,IAAA,CAAA,KAAK,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;AACtD,QAAA,IAAA,CAAA,GAAG,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;AAClD,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAC,MAAM,cAAc,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;AAC5D,QAAA,IAAA,CAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,cAAc,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;QAE3D,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC,MAAM,CAAqB,YAAY,EAAE,GAAG,CAAC,CAAC;QAC9D,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC,MAAM,CAAqB,cAAc,EAAE,GAAG,CAAC,CAAC;AAWrF;AATU,IAAA,OAAO,CAAC,IAAoB,EAAA;QAC/B,IAAI,CAAC,IAAI,EAAE;AACP,YAAA,OAAO,IAAI;;AAGf,QAAA,OAAO,cAAc,CAAC,IAAI,CAAC,KAAK;cAC1B,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAG,CAAA;cAC1B,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA,CAAA,CAAG;;+GAnB9B,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAR,QAAQ,EAAA,YAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,UAAA,EAAA,EAAA,EAAA,kBAAA,EAAA,sBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,sBAAA,EAAA,SAAA,EAAA,oBAAA,EAAA,OAAA,EAAA,sBAAA,EAAA,aAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAR,QAAQ,EAAA,UAAA,EAAA,CAAA;kBAVpB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,IAAI,EAAE;AACF,wBAAA,QAAQ,EAAE,EAAE;AACZ,wBAAA,wBAAwB,EAAE,SAAS;AACnC,wBAAA,sBAAsB,EAAE,OAAO;AAC/B,wBAAA,wBAAwB,EAAE,aAAa;AACvC,wBAAA,sBAAsB,EAAE,WAAW;AACnC,wBAAA,kBAAkB,EAAE,WAAW;AAClC,qBAAA;AACJ,iBAAA;;;AC9Be,SAAA,YAAY,CACxB,KAA8B,EAC9B,OAAuB,EAAA;IAEvB,OAAO,mBAAmB,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC;AACrE;SAUgB,UAAU,CACtB,KAA8B,EAC9B,UAAyB,EAAE,EAAA;IAE3B,OAAO,mBAAmB,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,CAAC;AACnE;;MCrBa,YAAY,CAAA;+GAAZ,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAZ,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAAA,QAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,WAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBARxB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,cAAc,EAAE;AACZ,wBAAA;AACI,4BAAA,SAAS,EAAE,QAAQ;AACnB,4BAAA,MAAM,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC;AACnC,yBAAA;AACJ,qBAAA;AACJ,iBAAA;;;ACXD;;AAEG;;;;"}
1	+ {"version":3,"file":"taiga-ui-core-directives-icons.mjs","sources":["../../../projects/core/directives/icons/icons.directive.ts","../../../projects/core/directives/icons/icons.bindings.ts","../../../projects/core/directives/icons/with-icons.ts","../../../projects/core/directives/icons/taiga-ui-core-directives-icons.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n computed,\n Directive,\n inject,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {type TuiStringHandler} from '@taiga-ui/cdk/types';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {\n TUI_ICON_END,\n TUI_ICON_START,\n tuiGetIconMode,\n tuiInjectIconResolver,\n} from '@taiga-ui/core/tokens';\n\nconst OPT = {self: true, optional: true} as const;\n\n@Component({\n template: '',\n styles: `\n [data-tui-version='${TUI_VERSION}'] {\n @import '@taiga-ui/styles/components/icons.less';\n }\n `,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {class: 'tui-icons'},\n})\nclass Styles {}\n\n@Directive({\n host: {\n tuiIcons: '',\n '[style.--t-icon-start]': 'start()',\n '[style.--t-icon-end]': 'end()',\n '[attr.data-icon-start]': 'startMode()',\n '[attr.data-icon-end]': 'endMode()',\n 'data-tui-version': TUI_VERSION,\n },\n})\nexport class TuiIcons {\n private readonly resolver: TuiStringHandler<string> = tuiInjectIconResolver();\n\n protected readonly nothing = tuiWithStyles(Styles);\n protected readonly start = computed(() => this.resolve(this.iconStart()));\n protected readonly end = computed(() => this.resolve(this.iconEnd()));\n protected readonly startMode = computed(() => tuiGetIconMode(this.iconStart()));\n protected readonly endMode = computed(() => tuiGetIconMode(this.iconEnd()));\n\n public readonly iconEnd = input(inject<string \| undefined>(TUI_ICON_END, OPT));\n public readonly iconStart = input(inject<string \| undefined>(TUI_ICON_START, OPT));\n\n public resolve(icon?: string \| null): string \| null {\n if (!icon) {\n return null;\n }\n\n return tuiGetIconMode(icon) === 'font'\n ? `'${this.resolver(icon)}'`\n : `url(${this.resolver(icon)})`;\n }\n}\n","import {type InjectOptions, type Signal, type WritableSignal} from '@angular/core';\nimport {tuiDirectiveBinding} from '@taiga-ui/cdk/utils/di';\n\nimport {TuiIcons} from './icons.directive';\n\nexport function tuiIconStart(\n value: WritableSignal<string> \| string,\n options?: InjectOptions,\n): WritableSignal<string>;\nexport function tuiIconStart(\n value: Signal<string>,\n options?: InjectOptions,\n): Signal<string>;\nexport function tuiIconStart(\n value: Signal<string> \| string,\n options?: InjectOptions,\n): Signal<string> {\n return tuiDirectiveBinding(TuiIcons, 'iconStart', value, options);\n}\n\nexport function tuiIconEnd(\n value: WritableSignal<string> \| string,\n options?: InjectOptions,\n): WritableSignal<string>;\nexport function tuiIconEnd(\n value: Signal<string>,\n options?: InjectOptions,\n): Signal<string>;\nexport function tuiIconEnd(\n value: Signal<string> \| string,\n options: InjectOptions = {},\n): Signal<string> {\n return tuiDirectiveBinding(TuiIcons, 'iconEnd', value, options);\n}\n","import {Directive} from '@angular/core';\n\nimport {TuiIcons} from './icons.directive';\n\n@Directive({\n hostDirectives: [\n {\n directive: TuiIcons,\n inputs: ['iconStart', 'iconEnd'],\n },\n ],\n})\nexport class TuiWithIcons {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i1.TuiIcons"],"mappings":";;;;;;;AAmBA,MAAM,GAAG,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAU;AAEjD,MAWM,MAAM,CAAA;+GAAN,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAN,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAM,+GAVE,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,swDAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAUV,MAAM,EAAA,UAAA,EAAA,CAAA;kBAXX,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAE,EAMG,aAAA,EAAA,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACzC,IAAA,EAAA,EAAC,KAAK,EAAE,WAAW,EAAC,EAAA,MAAA,EAAA,CAAA,swDAAA,CAAA,EAAA;;MAcjB,QAAQ,CAAA;AAVrB,IAAA,WAAA,GAAA;QAWqB,IAAQ,CAAA,QAAA,GAA6B,qBAAqB,EAAE;AAE1D,QAAA,IAAA,CAAA,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC;AAC/B,QAAA,IAAA,CAAA,KAAK,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;AACtD,QAAA,IAAA,CAAA,GAAG,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;AAClD,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAC,MAAM,cAAc,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;AAC5D,QAAA,IAAA,CAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,cAAc,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;QAE3D,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC,MAAM,CAAqB,YAAY,EAAE,GAAG,CAAC,CAAC;QAC9D,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC,MAAM,CAAqB,cAAc,EAAE,GAAG,CAAC,CAAC;AAWrF;AATU,IAAA,OAAO,CAAC,IAAoB,EAAA;QAC/B,IAAI,CAAC,IAAI,EAAE;AACP,YAAA,OAAO,IAAI;;AAGf,QAAA,OAAO,cAAc,CAAC,IAAI,CAAC,KAAK;cAC1B,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAG,CAAA;cAC1B,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA,CAAA,CAAG;;+GAnB9B,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAR,QAAQ,EAAA,YAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,UAAA,EAAA,EAAA,EAAA,kBAAA,EAAA,sBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,sBAAA,EAAA,SAAA,EAAA,oBAAA,EAAA,OAAA,EAAA,sBAAA,EAAA,aAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAR,QAAQ,EAAA,UAAA,EAAA,CAAA;kBAVpB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,IAAI,EAAE;AACF,wBAAA,QAAQ,EAAE,EAAE;AACZ,wBAAA,wBAAwB,EAAE,SAAS;AACnC,wBAAA,sBAAsB,EAAE,OAAO;AAC/B,wBAAA,wBAAwB,EAAE,aAAa;AACvC,wBAAA,sBAAsB,EAAE,WAAW;AACnC,wBAAA,kBAAkB,EAAE,WAAW;AAClC,qBAAA;AACJ,iBAAA;;;AC9Be,SAAA,YAAY,CACxB,KAA8B,EAC9B,OAAuB,EAAA;IAEvB,OAAO,mBAAmB,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC;AACrE;SAUgB,UAAU,CACtB,KAA8B,EAC9B,UAAyB,EAAE,EAAA;IAE3B,OAAO,mBAAmB,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,CAAC;AACnE;;MCrBa,YAAY,CAAA;+GAAZ,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAZ,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAAA,QAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,WAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBARxB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,cAAc,EAAE;AACZ,wBAAA;AACI,4BAAA,SAAS,EAAE,QAAQ;AACnB,4BAAA,MAAM,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC;AACnC,yBAAA;AACJ,qBAAA;AACJ,iBAAA;;;ACXD;;AAEG;;;;"}

package/fesm2022/taiga-ui-core-portals-dropdown.mjs CHANGED Viewed

@@ -685,7 +685,7 @@ class TuiDropdownSelection extends TuiDriver {
             inject(TUI_SELECTION_STREAM).pipe(map(() => this.getRange()), filter((range) => this.isValid(range)), distinctUntilChanged((x, y) => x.startOffset === y.startOffset &&
                 x.endOffset === y.endOffset &&
                 x.commonAncestorContainer === y.commonAncestorContainer)),
-            merge(fromEvent(this.el, 'scroll', { passive: true, capture: true })).pipe(throttleTime(16), startWith(0)),
+            merge(fromEvent(this.el, 'scroll', { passive: true, capture: true })).pipe(throttleTime(16, undefined, { leading: false, trailing: true }), startWith(0)),
         ]).pipe(tap(([, range]) => {
             this.range =
                 this.el.contains(range.commonAncestorContainer) &&
@@ -698,9 +698,7 @@ class TuiDropdownSelection extends TuiDriver {
             const visible = valid || this.inDropdown(range);
             const active = tuiGetFocused(this.doc);
             const textfield = active && tuiIsTextfield(active) && this.el.contains(active);
-            return visible && textfield
-                ? this.isCaretVisible(active)
-                : visible;
+            return visible && textfield ? this.isCaretVisible(this.range) : visible;
         }));
         this.range = isPlatformBrowser(inject(PLATFORM_ID))
             ? new Range()
@@ -801,36 +799,17 @@ class TuiDropdownSelection extends TuiDriver {
         this.ghost = ghost;
         return ghost;
     }
-    isCaretVisible(textarea) {
-        const caret = textarea.selectionStart;
-        const div = this.doc.createElement('div');
-        const style = getComputedStyle(textarea);
-        div.style.position = 'absolute';
-        div.style.visibility = 'hidden';
-        div.style.whiteSpace = 'pre-wrap';
-        div.style.overflowWrap = 'break-word';
-        div.style.overflow = 'hidden';
-        div.style.font = style.font;
-        div.style.lineHeight = style.lineHeight;
-        div.style.letterSpacing = style.letterSpacing;
-        div.style.textTransform = style.textTransform;
-        div.style.padding = style.padding;
-        div.style.border = style.border;
-        div.style.width = style.width;
-        div.style.boxSizing = style.boxSizing;
-        div.textContent = textarea.value.slice(0, caret);
-        const span = this.doc.createElement('span');
-        span.textContent = '\u00A0';
-        div.appendChild(span);
-        this.doc.body.appendChild(div);
-        const caretTop = span.offsetTop;
-        const caretHeight = span.offsetHeight;
-        this.doc.body.removeChild(div);
-        const visibleTop = textarea.scrollTop;
-        const visibleBottom = visibleTop + textarea.clientHeight;
-        const paddingCompensation = 2;
-        return (caretTop + paddingCompensation >= visibleTop &&
-            caretTop + caretHeight - paddingCompensation <= visibleBottom);
+    isCaretVisible(range) {
+        const caret = range.getBoundingClientRect();
+        const host = this.ghostHost.getBoundingClientRect();
+        const styles = getComputedStyle(this.ghostHost);
+        const fontSize = parseFloat(styles.fontSize) || 16;
+        const lineHeight = parseFloat(styles.lineHeight) || fontSize * 1.2;
+        const visibleTop = Math.max(caret.top, host.top);
+        const visibleBottom = Math.min(caret.bottom, host.bottom);
+        const visibleHeight = Math.max(0, visibleBottom - visibleTop);
+        const threshold = lineHeight * 0.5;
+        return visibleHeight >= threshold;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiDropdownSelection, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.18", type: TuiDropdownSelection, isStandalone: true, selector: "[tuiDropdownSelection]", inputs: { tuiDropdownSelection: { classPropertyName: "tuiDropdownSelection", publicName: "tuiDropdownSelection", isSignal: true, isRequired: false, transformFunction: null }, tuiDropdownSelectionPosition: { classPropertyName: "tuiDropdownSelectionPosition", publicName: "tuiDropdownSelectionPosition", isSignal: true, isRequired: false, transformFunction: null } }, providers: [