@taiga-ui/kit 5.0.0-rc.4 → 5.0.0

package/fesm2022/taiga-ui-kit-components-radio-list.mjs

@@ -3,7 +3,7 @@ import { viewChildren, inject, computed, input, ChangeDetectionStrategy, ViewEnc
 import * as i2 from '@angular/forms';
 import { NgControl, Validators, FormsModule } from '@angular/forms';
 import { TuiControl, tuiAsControl } from '@taiga-ui/cdk/classes';
-import { TUI_STRINGIFY } from '@taiga-ui/cdk/constants';
+import { TUI_STRINGIFY, TUI_VERSION } from '@taiga-ui/cdk/constants';
 import { TuiValidator } from '@taiga-ui/cdk/directives/validator';
 import { tuiGenerateId } from '@taiga-ui/cdk/utils/miscellaneous';
 import * as i3 from '@taiga-ui/core/components/radio';
@@ -38,15 +38,17 @@ class TuiRadioList extends TuiControl {
             ? item === null
             : this.handlers.identityMatcher()(this.value(), item);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiRadioList, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: TuiRadioList, isStandalone: true, selector: "tui-radio-list", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, itemContent: { classPropertyName: "itemContent", publicName: "itemContent", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "focusout": "onFocusOut()" }, properties: { "attr.data-size": "size()" } }, providers: [tuiAsControl(TuiRadioList)], viewQueries: [{ propertyName: "controls", predicate: NgControl, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.TuiWithItemsHandlers }], ngImport: i0, template: "@for (item of items(); track item) {\n    <label\n        class=\"t-item\"\n        [class.t-item_disabled]=\"disabled() || handlers.disabledItemHandler()(item)\"\n    >\n        <input\n            tuiRadio\n            type=\"radio\"\n            [disabled]=\"disabled() || handlers.disabledItemHandler()(item)\"\n            [identityMatcher]=\"handlers.identityMatcher()\"\n            [name]=\"name\"\n            [ngModel]=\"value()\"\n            [ngModelOptions]=\"{standalone: true}\"\n            [size]=\"size()\"\n            [tuiValidator]=\"validator()\"\n            [value]=\"item\"\n            (ngModelChange)=\"onChange($event)\"\n        />\n        <ng-container\n            *polymorpheusOutlet=\"itemContent() as text; context: {$implicit: item, active: itemIsActive(item)}\"\n        >\n            {{ text }}\n        </ng-container>\n    </label>\n}\n", styles: ["tui-radio-list{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem 1.5rem;font:var(--tui-typography-body-m)}tui-radio-list[data-size=s],tui-radio-list[data-size=s] [tuiTitle]{font:var(--tui-typography-ui-s)}tui-radio-list[data-size=s] [tuiSubtitle],tui-radio-list[data-size=s] [tuiTitle] [tuiSubtitle]{font:var(--tui-typography-body-xs)}tui-radio-list[data-size=s]>.t-item,tui-radio-list[data-size=s] [tuiTitle]>.t-item{gap:.5rem}tui-radio-list [tuiTitle]{font:var(--tui-typography-body-m)}tui-radio-list [tuiSubtitle]{color:var(--tui-text-secondary)}tui-radio-list>.t-item{display:flex;gap:.75rem}tui-radio-list>.t-item_disabled{opacity:var(--tui-disabled-opacity)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: i3.TuiRadioComponent, selector: "input[type=\"radio\"][tuiRadio]", inputs: ["size"] }, { kind: "directive", type: i3.TuiRadioDirective, selector: "input[type=\"radio\"][tuiRadio][identityMatcher]", inputs: ["identityMatcher"] }, { kind: "directive", type: TuiValidator, selector: "[tuiValidator]", inputs: ["tuiValidator"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiRadioList, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: TuiRadioList, isStandalone: true, selector: "tui-radio-list", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, itemContent: { classPropertyName: "itemContent", publicName: "itemContent", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "radiogroup", "data-tui-version": "5.0.0" }, listeners: { "focusout": "onFocusOut()" }, properties: { "attr.data-size": "size()" } }, providers: [tuiAsControl(TuiRadioList)], viewQueries: [{ propertyName: "controls", predicate: NgControl, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.TuiWithItemsHandlers }], ngImport: i0, template: "@for (item of items(); track item) {\n    <label\n        class=\"t-item\"\n        [class.t-item_disabled]=\"disabled() || handlers.disabledItemHandler()(item)\"\n    >\n        <input\n            tuiRadio\n            type=\"radio\"\n            [disabled]=\"disabled() || handlers.disabledItemHandler()(item)\"\n            [identityMatcher]=\"handlers.identityMatcher()\"\n            [name]=\"name\"\n            [ngModel]=\"value()\"\n            [ngModelOptions]=\"{standalone: true}\"\n            [size]=\"size()\"\n            [tuiValidator]=\"validator()\"\n            [value]=\"item\"\n            (ngModelChange)=\"onChange($event)\"\n        />\n        <ng-container\n            *polymorpheusOutlet=\"itemContent() as text; context: {$implicit: item, active: itemIsActive(item)}\"\n        >\n            {{ text }}\n        </ng-container>\n    </label>\n}\n", styles: ["tui-radio-list:where(*[data-tui-version=\"5.0.0\"]){display:flex;flex-direction:column;align-items:flex-start;gap:.75rem 1.5rem;font:var(--tui-typography-body-m)}tui-radio-list:where(*[data-tui-version=\"5.0.0\"])[data-size=s],tui-radio-list:where(*[data-tui-version=\"5.0.0\"])[data-size=s] [tuiTitle]{font:var(--tui-typography-ui-s)}tui-radio-list:where(*[data-tui-version=\"5.0.0\"])[data-size=s] [tuiSubtitle],tui-radio-list:where(*[data-tui-version=\"5.0.0\"])[data-size=s] [tuiTitle] [tuiSubtitle]{font:var(--tui-typography-body-xs)}tui-radio-list:where(*[data-tui-version=\"5.0.0\"])[data-size=s]>.t-item,tui-radio-list:where(*[data-tui-version=\"5.0.0\"])[data-size=s] [tuiTitle]>.t-item{gap:.5rem}tui-radio-list:where(*[data-tui-version=\"5.0.0\"]) [tuiTitle]{font:var(--tui-typography-body-m)}tui-radio-list:where(*[data-tui-version=\"5.0.0\"]) [tuiSubtitle]{color:var(--tui-text-secondary)}tui-radio-list:where(*[data-tui-version=\"5.0.0\"])>.t-item{display:flex;gap:.75rem}tui-radio-list:where(*[data-tui-version=\"5.0.0\"])>.t-item_disabled{opacity:var(--tui-disabled-opacity)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: i3.TuiRadioComponent, selector: "input[type=\"radio\"][tuiRadio]", inputs: ["size"] }, { kind: "directive", type: i3.TuiRadioDirective, selector: "input[type=\"radio\"][tuiRadio][identityMatcher]", inputs: ["identityMatcher"] }, { kind: "directive", type: TuiValidator, selector: "[tuiValidator]", inputs: ["tuiValidator"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiRadioList, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiRadioList, decorators: [{
             type: Component,
             args: [{ selector: 'tui-radio-list', imports: [FormsModule, PolymorpheusOutlet, TuiRadio, TuiValidator], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [tuiAsControl(TuiRadioList)], hostDirectives: [TuiWithItemsHandlers], host: {
+                        role: 'radiogroup',
+                        'data-tui-version': TUI_VERSION,
                         '[attr.data-size]': 'size()',
                         '(focusout)': 'onFocusOut()',
-                    }, template: "@for (item of items(); track item) {\n    <label\n        class=\"t-item\"\n        [class.t-item_disabled]=\"disabled() || handlers.disabledItemHandler()(item)\"\n    >\n        <input\n            tuiRadio\n            type=\"radio\"\n            [disabled]=\"disabled() || handlers.disabledItemHandler()(item)\"\n            [identityMatcher]=\"handlers.identityMatcher()\"\n            [name]=\"name\"\n            [ngModel]=\"value()\"\n            [ngModelOptions]=\"{standalone: true}\"\n            [size]=\"size()\"\n            [tuiValidator]=\"validator()\"\n            [value]=\"item\"\n            (ngModelChange)=\"onChange($event)\"\n        />\n        <ng-container\n            *polymorpheusOutlet=\"itemContent() as text; context: {$implicit: item, active: itemIsActive(item)}\"\n        >\n            {{ text }}\n        </ng-container>\n    </label>\n}\n", styles: ["tui-radio-list{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem 1.5rem;font:var(--tui-typography-body-m)}tui-radio-list[data-size=s],tui-radio-list[data-size=s] [tuiTitle]{font:var(--tui-typography-ui-s)}tui-radio-list[data-size=s] [tuiSubtitle],tui-radio-list[data-size=s] [tuiTitle] [tuiSubtitle]{font:var(--tui-typography-body-xs)}tui-radio-list[data-size=s]>.t-item,tui-radio-list[data-size=s] [tuiTitle]>.t-item{gap:.5rem}tui-radio-list [tuiTitle]{font:var(--tui-typography-body-m)}tui-radio-list [tuiSubtitle]{color:var(--tui-text-secondary)}tui-radio-list>.t-item{display:flex;gap:.75rem}tui-radio-list>.t-item_disabled{opacity:var(--tui-disabled-opacity)}\n"] }]
+                    }, template: "@for (item of items(); track item) {\n    <label\n        class=\"t-item\"\n        [class.t-item_disabled]=\"disabled() || handlers.disabledItemHandler()(item)\"\n    >\n        <input\n            tuiRadio\n            type=\"radio\"\n            [disabled]=\"disabled() || handlers.disabledItemHandler()(item)\"\n            [identityMatcher]=\"handlers.identityMatcher()\"\n            [name]=\"name\"\n            [ngModel]=\"value()\"\n            [ngModelOptions]=\"{standalone: true}\"\n            [size]=\"size()\"\n            [tuiValidator]=\"validator()\"\n            [value]=\"item\"\n            (ngModelChange)=\"onChange($event)\"\n        />\n        <ng-container\n            *polymorpheusOutlet=\"itemContent() as text; context: {$implicit: item, active: itemIsActive(item)}\"\n        >\n            {{ text }}\n        </ng-container>\n    </label>\n}\n", styles: ["tui-radio-list:where(*[data-tui-version=\"5.0.0\"]){display:flex;flex-direction:column;align-items:flex-start;gap:.75rem 1.5rem;font:var(--tui-typography-body-m)}tui-radio-list:where(*[data-tui-version=\"5.0.0\"])[data-size=s],tui-radio-list:where(*[data-tui-version=\"5.0.0\"])[data-size=s] [tuiTitle]{font:var(--tui-typography-ui-s)}tui-radio-list:where(*[data-tui-version=\"5.0.0\"])[data-size=s] [tuiSubtitle],tui-radio-list:where(*[data-tui-version=\"5.0.0\"])[data-size=s] [tuiTitle] [tuiSubtitle]{font:var(--tui-typography-body-xs)}tui-radio-list:where(*[data-tui-version=\"5.0.0\"])[data-size=s]>.t-item,tui-radio-list:where(*[data-tui-version=\"5.0.0\"])[data-size=s] [tuiTitle]>.t-item{gap:.5rem}tui-radio-list:where(*[data-tui-version=\"5.0.0\"]) [tuiTitle]{font:var(--tui-typography-body-m)}tui-radio-list:where(*[data-tui-version=\"5.0.0\"]) [tuiSubtitle]{color:var(--tui-text-secondary)}tui-radio-list:where(*[data-tui-version=\"5.0.0\"])>.t-item{display:flex;gap:.75rem}tui-radio-list:where(*[data-tui-version=\"5.0.0\"])>.t-item_disabled{opacity:var(--tui-disabled-opacity)}\n"] }]
         }] });
 
 /**

package/fesm2022/taiga-ui-kit-components-radio-list.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-radio-list.mjs","sources":["../../../projects/kit/components/radio-list/radio-list.component.ts","../../../projects/kit/components/radio-list/radio-list.template.html","../../../projects/kit/components/radio-list/taiga-ui-kit-components-radio-list.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    inject,\n    input,\n    viewChildren,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {FormsModule, NgControl, type ValidatorFn, Validators} from '@angular/forms';\nimport {tuiAsControl, TuiControl} from '@taiga-ui/cdk/classes';\nimport {TUI_STRINGIFY} from '@taiga-ui/cdk/constants';\nimport {TuiValidator} from '@taiga-ui/cdk/directives/validator';\nimport {type TuiContext} from '@taiga-ui/cdk/types';\nimport {tuiGenerateId} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiRadio} from '@taiga-ui/core/components/radio';\nimport {\n    TUI_ITEMS_HANDLERS,\n    TuiWithItemsHandlers,\n} from '@taiga-ui/core/directives/items-handlers';\nimport {type TuiSizeS} from '@taiga-ui/core/types';\nimport {type PolymorpheusContent, PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\nconst ERROR: ValidatorFn = () => ({error: 'Invalid'});\n\n@Component({\n    selector: 'tui-radio-list',\n    imports: [FormsModule, PolymorpheusOutlet, TuiRadio, TuiValidator],\n    templateUrl: './radio-list.template.html',\n    styleUrl: './radio-list.style.less',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [tuiAsControl(TuiRadioList)],\n    hostDirectives: [TuiWithItemsHandlers],\n    host: {\n        '[attr.data-size]': 'size()',\n        '(focusout)': 'onFocusOut()',\n    },\n})\nexport class TuiRadioList<T> extends TuiControl<T> {\n    private readonly controls = viewChildren(NgControl);\n    private readonly id = tuiGenerateId();\n\n    protected readonly handlers = inject(TUI_ITEMS_HANDLERS);\n    protected readonly validator = computed(() =>\n        this.invalid() ? ERROR : Validators.nullValidator,\n    );\n\n    public readonly items = input<readonly T[]>();\n    public readonly size = input<TuiSizeS>('m');\n    public readonly itemContent =\n        input<PolymorpheusContent<TuiContext<T> & {active: boolean}>>(TUI_STRINGIFY);\n\n    protected get name(): string {\n        return `${this.control.name}-${this.id}`;\n    }\n\n    protected onFocusOut(): void {\n        this.controls().forEach((control) => control.control?.markAsTouched());\n\n        if (!this.touched()) {\n            this.onTouched();\n        }\n    }\n\n    protected itemIsActive(item: T): boolean {\n        return this.value() === null\n            ? item === null\n            : this.handlers.identityMatcher()(this.value(), item);\n    }\n}\n","@for (item of items(); track item) {\n    <label\n        class=\"t-item\"\n        [class.t-item_disabled]=\"disabled() || handlers.disabledItemHandler()(item)\"\n    >\n        <input\n            tuiRadio\n            type=\"radio\"\n            [disabled]=\"disabled() || handlers.disabledItemHandler()(item)\"\n            [identityMatcher]=\"handlers.identityMatcher()\"\n            [name]=\"name\"\n            [ngModel]=\"value()\"\n            [ngModelOptions]=\"{standalone: true}\"\n            [size]=\"size()\"\n            [tuiValidator]=\"validator()\"\n            [value]=\"item\"\n            (ngModelChange)=\"onChange($event)\"\n        />\n        <ng-container\n            *polymorpheusOutlet=\"itemContent() as text; context: {$implicit: item, active: itemIsActive(item)}\"\n        >\n            {{ text }}\n        </ng-container>\n    </label>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-kit-components-radio-list.mjs","sources":["../../../projects/kit/components/radio-list/radio-list.component.ts","../../../projects/kit/components/radio-list/radio-list.template.html","../../../projects/kit/components/radio-list/taiga-ui-kit-components-radio-list.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    inject,\n    input,\n    viewChildren,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {FormsModule, NgControl, type ValidatorFn, Validators} from '@angular/forms';\nimport {tuiAsControl, TuiControl} from '@taiga-ui/cdk/classes';\nimport {TUI_STRINGIFY, TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {TuiValidator} from '@taiga-ui/cdk/directives/validator';\nimport {tuiGenerateId} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiRadio} from '@taiga-ui/core/components/radio';\nimport {\n    TUI_ITEMS_HANDLERS,\n    TuiWithItemsHandlers,\n} from '@taiga-ui/core/directives/items-handlers';\nimport {type TuiSizeS} from '@taiga-ui/core/types';\nimport {PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\nconst ERROR: ValidatorFn = () => ({error: 'Invalid'});\n\n@Component({\n    selector: 'tui-radio-list',\n    imports: [FormsModule, PolymorpheusOutlet, TuiRadio, TuiValidator],\n    templateUrl: './radio-list.template.html',\n    styles: `\n        [data-tui-version='${TUI_VERSION}'] {\n            @import './radio-list.style.less';\n        }\n    `,\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [tuiAsControl(TuiRadioList)],\n    hostDirectives: [TuiWithItemsHandlers],\n    host: {\n        role: 'radiogroup',\n        'data-tui-version': TUI_VERSION,\n        '[attr.data-size]': 'size()',\n        '(focusout)': 'onFocusOut()',\n    },\n})\nexport class TuiRadioList<T> extends TuiControl<T> {\n    private readonly controls = viewChildren(NgControl);\n    private readonly id = tuiGenerateId();\n\n    protected readonly handlers = inject(TUI_ITEMS_HANDLERS);\n    protected readonly validator = computed(() =>\n        this.invalid() ? ERROR : Validators.nullValidator,\n    );\n\n    public readonly items = input<readonly T[]>();\n    public readonly size = input<TuiSizeS>('m');\n    public readonly itemContent = input(TUI_STRINGIFY);\n\n    protected get name(): string {\n        return `${this.control.name}-${this.id}`;\n    }\n\n    protected onFocusOut(): void {\n        this.controls().forEach((control) => control.control?.markAsTouched());\n\n        if (!this.touched()) {\n            this.onTouched();\n        }\n    }\n\n    protected itemIsActive(item: T): boolean {\n        return this.value() === null\n            ? item === null\n            : this.handlers.identityMatcher()(this.value(), item);\n    }\n}\n","@for (item of items(); track item) {\n    <label\n        class=\"t-item\"\n        [class.t-item_disabled]=\"disabled() || handlers.disabledItemHandler()(item)\"\n    >\n        <input\n            tuiRadio\n            type=\"radio\"\n            [disabled]=\"disabled() || handlers.disabledItemHandler()(item)\"\n            [identityMatcher]=\"handlers.identityMatcher()\"\n            [name]=\"name\"\n            [ngModel]=\"value()\"\n            [ngModelOptions]=\"{standalone: true}\"\n            [size]=\"size()\"\n            [tuiValidator]=\"validator()\"\n            [value]=\"item\"\n            (ngModelChange)=\"onChange($event)\"\n        />\n        <ng-container\n            *polymorpheusOutlet=\"itemContent() as text; context: {$implicit: item, active: itemIsActive(item)}\"\n        >\n            {{ text }}\n        </ng-container>\n    </label>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/taiga-ui-kit-components-range.mjs

@@ -67,10 +67,10 @@ class TuiRangeChange {
             ? 'end'
             : 'start';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiRangeChange, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: TuiRangeChange, isStandalone: true, outputs: { activeThumbChange: "activeThumbChange" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiRangeChange, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: TuiRangeChange, isStandalone: true, outputs: { activeThumbChange: "activeThumbChange" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiRangeChange, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiRangeChange, decorators: [{
             type: Directive
         }], ctorParameters: () => [] });
 
@@ -92,9 +92,7 @@ class TuiRange extends TuiControl {
         this.end = computed(() => 100 - this.toPercent(this.value()[1]));
         this.thumbs = computed(([start, end] = this.sliders()) => [start.el, end.el]);
         this.segmentWidthRatio = computed(() => 1 / this.segments());
-        this.fractionStep = computed((step = this.step()) => {
-            return this.keySteps() ? step / 100 : step / (this.max() - this.min());
-        });
+        this.fractionStep = computed((step = this.step()) => this.keySteps() ? step / 100 : step / (this.max() - this.min()));
         this.computedKeySteps = computed(() => this.keySteps() || [
             [0, this.min()],
             [100, this.max()],
@@ -152,10 +150,10 @@ class TuiRange extends TuiControl {
     checkDistance(distance) {
         return tuiClamp(distance, this.margin(), this.limit()) === distance;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiRange, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.18", type: TuiRange, isStandalone: true, selector: "tui-range", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, segments: { classPropertyName: "segments", publicName: "segments", isSignal: true, isRequired: false, transformFunction: null }, keySteps: { classPropertyName: "keySteps", publicName: "keySteps", isSignal: true, isRequired: false, transformFunction: null }, focusable: { classPropertyName: "focusable", publicName: "focusable", isSignal: true, isRequired: false, transformFunction: null }, margin: { classPropertyName: "margin", publicName: "margin", isSignal: true, isRequired: false, transformFunction: null }, limit: { classPropertyName: "limit", publicName: "limit", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "focusout": "onTouched()", "keydown.arrowUp.prevent": "changeByStep(1, $event.target)", "keydown.arrowDown.prevent": "changeByStep(-1, $event.target)", "keydown.arrowRight.prevent": "changeByStep(rtl ? -1 : 1, $event.target)", "keydown.arrowLeft.prevent": "changeByStep(rtl ? 1 : -1, $event.target)" }, properties: { "attr.tabindex": "-1", "attr.aria-disabled": "disabled()", "style.--t-start.%": "start()", "style.--t-end.%": "end()", "class._disabled": "disabled()" } }, providers: [tuiFallbackValueProvider([0, 0])], viewQueries: [{ propertyName: "sliders", predicate: TuiSliderComponent, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: TuiRangeChange, outputs: ["activeThumbChange", "activeThumbChange"] }], ngImport: i0, template: "<div\n    class=\"t-track\"\n    [style.--t-bg-size-ratio]=\"1 - segmentWidthRatio()\"\n    [style.--t-segment-width.%]=\"segmentWidthRatio() * 100\"\n>\n    <input\n        automation-id=\"tui-range__left\"\n        readonly\n        tuiSlider\n        type=\"range\"\n        class=\"t-thumb\"\n        [disabled]=\"disabled()\"\n        [keySteps]=\"keySteps()\"\n        [max]=\"max()\"\n        [min]=\"min()\"\n        [ngModel]=\"value()[0]\"\n        [ngModelOptions]=\"{standalone: true}\"\n        [step]=\"step()\"\n        [tabIndex]=\"focusable() ? 0 : -1\"\n    />\n    <input\n        automation-id=\"tui-range__right\"\n        readonly\n        tuiSlider\n        type=\"range\"\n        class=\"t-thumb\"\n        [disabled]=\"disabled()\"\n        [keySteps]=\"keySteps()\"\n        [max]=\"max()\"\n        [min]=\"min()\"\n        [ngModel]=\"value()[1]\"\n        [ngModelOptions]=\"{standalone: true}\"\n        [step]=\"step()\"\n        [tabIndex]=\"focusable() ? 0 : -1\"\n    />\n</div>\n", styles: [":host{position:relative;display:block;block-size:max(calc(calc(var(--tui-thumb-size, .75rem) / 2) - .25rem),.125rem);border-radius:var(--tui-radius-m);cursor:pointer;outline:none;margin:calc((1rem - max(calc(calc(var(--tui-thumb-size, .75rem) / 2) - .25rem),.125rem))/2) 0;touch-action:pan-x;color:var(--tui-background-accent-1);background:var(--tui-background-neutral-2)}:host:active{cursor:ew-resize}:host:after{content:\"\";position:absolute;inset:calc((1rem - max(calc(calc(var(--tui-thumb-size, .75rem) / 2) - .25rem),.125rem))/-2) 0}:host._disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}:host .t-track{position:relative;margin:0 var(--tui-thumb-size, .75rem);block-size:100%}:host .t-track:before{content:\"\";position:absolute;top:0;inset-inline-start:calc(var(--t-start) - var(--tui-thumb-size, .75rem) / 3);inset-inline-end:calc(var(--t-end) - var(--tui-thumb-size, .75rem) / 3);block-size:100%;background:currentColor}:host .t-track:after{content:\"\";position:absolute;inset:0;inset-inline-start:-.125rem;inset-inline-end:.125rem;background:repeating-linear-gradient(to var(--tui-inline-end),var(--tui-text-tertiary) 0 .25rem,transparent 0 calc(var(--t-segment-width) / var(--t-bg-size-ratio))) var(--tui-inline-end) 0 / calc(100% * var(--t-bg-size-ratio)) no-repeat}:host .t-thumb{pointer-events:none;position:absolute;z-index:1;inset:50% calc(-5 * var(--tui-thumb-size, .75rem) / 12) auto;inline-size:auto;margin:0;opacity:1;transform:translateY(-50%);color:inherit;background:transparent}:host .t-thumb::-webkit-slider-thumb{pointer-events:auto}:host .t-thumb::-moz-range-thumb{pointer-events:auto}:host._disabled :host .t-thumb::-webkit-slider-thumb{pointer-events:none}:host._disabled :host .t-thumb::-moz-range-thumb{pointer-events:none}:host .t-thumb:first-of-type{--tui-slider-thumb-transform: translateX(calc(var(--tui-inline) * -50%)) translateX(calc(var(--tui-inline) * var(--tui-thumb-size, .75rem) / -12))}:host .t-thumb:last-of-type{--tui-slider-thumb-transform: translateX(calc(var(--tui-inline) * 50%)) translateX(calc(var(--tui-inline) * var(--tui-thumb-size, .75rem) / 12))}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.TuiSliderComponent, selector: "input[type=range][tuiSlider]", inputs: ["segments"] }, { kind: "directive", type: i3.TuiSliderKeyStepsBase, selector: "input[tuiSlider][keySteps]", inputs: ["step", "keySteps"] }, { kind: "directive", type: i3.TuiSliderKeySteps, selector: "input[tuiSlider][keySteps][ngModel],input[tuiSlider][keySteps][formControl],input[tuiSlider][keySteps][formControlName]", inputs: ["keySteps"] }, { kind: "directive", type: i3.TuiSliderReadonly, selector: "input[tuiSlider][readonly]", inputs: ["readonly"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiRange, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.19", type: TuiRange, isStandalone: true, selector: "tui-range", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, segments: { classPropertyName: "segments", publicName: "segments", isSignal: true, isRequired: false, transformFunction: null }, keySteps: { classPropertyName: "keySteps", publicName: "keySteps", isSignal: true, isRequired: false, transformFunction: null }, focusable: { classPropertyName: "focusable", publicName: "focusable", isSignal: true, isRequired: false, transformFunction: null }, margin: { classPropertyName: "margin", publicName: "margin", isSignal: true, isRequired: false, transformFunction: null }, limit: { classPropertyName: "limit", publicName: "limit", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "focusout": "onTouched()", "keydown.arrowUp.prevent": "changeByStep(1, $event.target)", "keydown.arrowDown.prevent": "changeByStep(-1, $event.target)", "keydown.arrowRight.prevent": "changeByStep(rtl ? -1 : 1, $event.target)", "keydown.arrowLeft.prevent": "changeByStep(rtl ? 1 : -1, $event.target)" }, properties: { "attr.tabindex": "-1", "attr.aria-disabled": "disabled()", "style.--t-start.%": "start()", "style.--t-end.%": "end()", "class._disabled": "disabled()" } }, providers: [tuiFallbackValueProvider([0, 0])], viewQueries: [{ propertyName: "sliders", predicate: TuiSliderComponent, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: TuiRangeChange, outputs: ["activeThumbChange", "activeThumbChange"] }], ngImport: i0, template: "<div\n    class=\"t-track\"\n    [style.--t-bg-size-ratio]=\"1 - segmentWidthRatio()\"\n    [style.--t-segment-width.%]=\"segmentWidthRatio() * 100\"\n>\n    <input\n        automation-id=\"tui-range__left\"\n        readonly\n        tuiSlider\n        type=\"range\"\n        class=\"t-thumb\"\n        [disabled]=\"disabled()\"\n        [keySteps]=\"keySteps()\"\n        [max]=\"max()\"\n        [min]=\"min()\"\n        [ngModel]=\"value()[0]\"\n        [ngModelOptions]=\"{standalone: true}\"\n        [step]=\"step()\"\n        [tabIndex]=\"focusable() ? 0 : -1\"\n    />\n    <input\n        automation-id=\"tui-range__right\"\n        readonly\n        tuiSlider\n        type=\"range\"\n        class=\"t-thumb\"\n        [disabled]=\"disabled()\"\n        [keySteps]=\"keySteps()\"\n        [max]=\"max()\"\n        [min]=\"min()\"\n        [ngModel]=\"value()[1]\"\n        [ngModelOptions]=\"{standalone: true}\"\n        [step]=\"step()\"\n        [tabIndex]=\"focusable() ? 0 : -1\"\n    />\n</div>\n", styles: [":host{position:relative;display:block;block-size:max(calc(calc(var(--tui-thumb-size, .75rem) / 2) - .25rem),.125rem);border-radius:var(--tui-radius-m);cursor:pointer;outline:none;margin:calc((1rem - max(calc(calc(var(--tui-thumb-size, .75rem) / 2) - .25rem),.125rem))/2) 0;touch-action:pan-x;color:var(--tui-background-accent-1);background:var(--tui-background-neutral-2)}:host:active{cursor:ew-resize}:host:after{content:\"\";position:absolute;inset:calc((1rem - max(calc(calc(var(--tui-thumb-size, .75rem) / 2) - .25rem),.125rem))/-2) 0}:host._disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}:host .t-track{position:relative;margin:0 var(--tui-thumb-size, .75rem);block-size:100%}:host .t-track:before{content:\"\";position:absolute;inset-block-start:0;inset-inline-start:calc(var(--t-start) - var(--tui-thumb-size, .75rem) / 3);inset-inline-end:calc(var(--t-end) - var(--tui-thumb-size, .75rem) / 3);block-size:100%;background:currentColor}:host .t-track:after{content:\"\";position:absolute;inset:0;inset-inline-start:-.125rem;inset-inline-end:.125rem;background:repeating-linear-gradient(to var(--tui-inline-end),var(--tui-text-tertiary) 0 .25rem,transparent 0 calc(var(--t-segment-width) / var(--t-bg-size-ratio))) var(--tui-inline-end) 0 / calc(100% * var(--t-bg-size-ratio)) no-repeat}:host .t-thumb{pointer-events:none;position:absolute;inset:50% calc(-5 * var(--tui-thumb-size, .75rem) / 12) auto;z-index:1;inline-size:auto;margin:0;opacity:1;transform:translateY(-50%);color:inherit;background:transparent}:host .t-thumb::-webkit-slider-thumb{pointer-events:auto}:host .t-thumb::-moz-range-thumb{pointer-events:auto}:host._disabled :host .t-thumb::-webkit-slider-thumb{pointer-events:none}:host._disabled :host .t-thumb::-moz-range-thumb{pointer-events:none}:host .t-thumb:first-of-type{--tui-slider-thumb-transform: translateX(calc(var(--tui-inline) * -50%)) translateX(calc(var(--tui-inline) * var(--tui-thumb-size, .75rem) / -12))}:host .t-thumb:last-of-type{--tui-slider-thumb-transform: translateX(calc(var(--tui-inline) * 50%)) translateX(calc(var(--tui-inline) * var(--tui-thumb-size, .75rem) / 12))}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.TuiSliderComponent, selector: "input[type=range][tuiSlider]", inputs: ["segments"] }, { kind: "directive", type: i3.TuiSliderKeyStepsBase, selector: "input[tuiSlider][keySteps]", inputs: ["step", "keySteps"] }, { kind: "directive", type: i3.TuiSliderKeySteps, selector: "input[tuiSlider][keySteps][ngModel],input[tuiSlider][keySteps][formControl],input[tuiSlider][keySteps][formControlName]", inputs: ["keySteps"] }, { kind: "directive", type: i3.TuiSliderReadonly, selector: "input[tuiSlider][readonly]", inputs: ["readonly"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiRange, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiRange, decorators: [{
             type: Component,
             args: [{ selector: 'tui-range', imports: [FormsModule, TuiSlider], changeDetection: ChangeDetectionStrategy.OnPush, providers: [tuiFallbackValueProvider([0, 0])], hostDirectives: [
                         {
@@ -173,7 +171,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         '(keydown.arrowDown.prevent)': 'changeByStep(-1, $event.target)',
                         '(keydown.arrowRight.prevent)': 'changeByStep(rtl ? -1 : 1, $event.target)',
                         '(keydown.arrowLeft.prevent)': 'changeByStep(rtl ? 1 : -1, $event.target)',
-                    }, template: "<div\n    class=\"t-track\"\n    [style.--t-bg-size-ratio]=\"1 - segmentWidthRatio()\"\n    [style.--t-segment-width.%]=\"segmentWidthRatio() * 100\"\n>\n    <input\n        automation-id=\"tui-range__left\"\n        readonly\n        tuiSlider\n        type=\"range\"\n        class=\"t-thumb\"\n        [disabled]=\"disabled()\"\n        [keySteps]=\"keySteps()\"\n        [max]=\"max()\"\n        [min]=\"min()\"\n        [ngModel]=\"value()[0]\"\n        [ngModelOptions]=\"{standalone: true}\"\n        [step]=\"step()\"\n        [tabIndex]=\"focusable() ? 0 : -1\"\n    />\n    <input\n        automation-id=\"tui-range__right\"\n        readonly\n        tuiSlider\n        type=\"range\"\n        class=\"t-thumb\"\n        [disabled]=\"disabled()\"\n        [keySteps]=\"keySteps()\"\n        [max]=\"max()\"\n        [min]=\"min()\"\n        [ngModel]=\"value()[1]\"\n        [ngModelOptions]=\"{standalone: true}\"\n        [step]=\"step()\"\n        [tabIndex]=\"focusable() ? 0 : -1\"\n    />\n</div>\n", styles: [":host{position:relative;display:block;block-size:max(calc(calc(var(--tui-thumb-size, .75rem) / 2) - .25rem),.125rem);border-radius:var(--tui-radius-m);cursor:pointer;outline:none;margin:calc((1rem - max(calc(calc(var(--tui-thumb-size, .75rem) / 2) - .25rem),.125rem))/2) 0;touch-action:pan-x;color:var(--tui-background-accent-1);background:var(--tui-background-neutral-2)}:host:active{cursor:ew-resize}:host:after{content:\"\";position:absolute;inset:calc((1rem - max(calc(calc(var(--tui-thumb-size, .75rem) / 2) - .25rem),.125rem))/-2) 0}:host._disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}:host .t-track{position:relative;margin:0 var(--tui-thumb-size, .75rem);block-size:100%}:host .t-track:before{content:\"\";position:absolute;top:0;inset-inline-start:calc(var(--t-start) - var(--tui-thumb-size, .75rem) / 3);inset-inline-end:calc(var(--t-end) - var(--tui-thumb-size, .75rem) / 3);block-size:100%;background:currentColor}:host .t-track:after{content:\"\";position:absolute;inset:0;inset-inline-start:-.125rem;inset-inline-end:.125rem;background:repeating-linear-gradient(to var(--tui-inline-end),var(--tui-text-tertiary) 0 .25rem,transparent 0 calc(var(--t-segment-width) / var(--t-bg-size-ratio))) var(--tui-inline-end) 0 / calc(100% * var(--t-bg-size-ratio)) no-repeat}:host .t-thumb{pointer-events:none;position:absolute;z-index:1;inset:50% calc(-5 * var(--tui-thumb-size, .75rem) / 12) auto;inline-size:auto;margin:0;opacity:1;transform:translateY(-50%);color:inherit;background:transparent}:host .t-thumb::-webkit-slider-thumb{pointer-events:auto}:host .t-thumb::-moz-range-thumb{pointer-events:auto}:host._disabled :host .t-thumb::-webkit-slider-thumb{pointer-events:none}:host._disabled :host .t-thumb::-moz-range-thumb{pointer-events:none}:host .t-thumb:first-of-type{--tui-slider-thumb-transform: translateX(calc(var(--tui-inline) * -50%)) translateX(calc(var(--tui-inline) * var(--tui-thumb-size, .75rem) / -12))}:host .t-thumb:last-of-type{--tui-slider-thumb-transform: translateX(calc(var(--tui-inline) * 50%)) translateX(calc(var(--tui-inline) * var(--tui-thumb-size, .75rem) / 12))}\n"] }]
+                    }, template: "<div\n    class=\"t-track\"\n    [style.--t-bg-size-ratio]=\"1 - segmentWidthRatio()\"\n    [style.--t-segment-width.%]=\"segmentWidthRatio() * 100\"\n>\n    <input\n        automation-id=\"tui-range__left\"\n        readonly\n        tuiSlider\n        type=\"range\"\n        class=\"t-thumb\"\n        [disabled]=\"disabled()\"\n        [keySteps]=\"keySteps()\"\n        [max]=\"max()\"\n        [min]=\"min()\"\n        [ngModel]=\"value()[0]\"\n        [ngModelOptions]=\"{standalone: true}\"\n        [step]=\"step()\"\n        [tabIndex]=\"focusable() ? 0 : -1\"\n    />\n    <input\n        automation-id=\"tui-range__right\"\n        readonly\n        tuiSlider\n        type=\"range\"\n        class=\"t-thumb\"\n        [disabled]=\"disabled()\"\n        [keySteps]=\"keySteps()\"\n        [max]=\"max()\"\n        [min]=\"min()\"\n        [ngModel]=\"value()[1]\"\n        [ngModelOptions]=\"{standalone: true}\"\n        [step]=\"step()\"\n        [tabIndex]=\"focusable() ? 0 : -1\"\n    />\n</div>\n", styles: [":host{position:relative;display:block;block-size:max(calc(calc(var(--tui-thumb-size, .75rem) / 2) - .25rem),.125rem);border-radius:var(--tui-radius-m);cursor:pointer;outline:none;margin:calc((1rem - max(calc(calc(var(--tui-thumb-size, .75rem) / 2) - .25rem),.125rem))/2) 0;touch-action:pan-x;color:var(--tui-background-accent-1);background:var(--tui-background-neutral-2)}:host:active{cursor:ew-resize}:host:after{content:\"\";position:absolute;inset:calc((1rem - max(calc(calc(var(--tui-thumb-size, .75rem) / 2) - .25rem),.125rem))/-2) 0}:host._disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}:host .t-track{position:relative;margin:0 var(--tui-thumb-size, .75rem);block-size:100%}:host .t-track:before{content:\"\";position:absolute;inset-block-start:0;inset-inline-start:calc(var(--t-start) - var(--tui-thumb-size, .75rem) / 3);inset-inline-end:calc(var(--t-end) - var(--tui-thumb-size, .75rem) / 3);block-size:100%;background:currentColor}:host .t-track:after{content:\"\";position:absolute;inset:0;inset-inline-start:-.125rem;inset-inline-end:.125rem;background:repeating-linear-gradient(to var(--tui-inline-end),var(--tui-text-tertiary) 0 .25rem,transparent 0 calc(var(--t-segment-width) / var(--t-bg-size-ratio))) var(--tui-inline-end) 0 / calc(100% * var(--t-bg-size-ratio)) no-repeat}:host .t-thumb{pointer-events:none;position:absolute;inset:50% calc(-5 * var(--tui-thumb-size, .75rem) / 12) auto;z-index:1;inline-size:auto;margin:0;opacity:1;transform:translateY(-50%);color:inherit;background:transparent}:host .t-thumb::-webkit-slider-thumb{pointer-events:auto}:host .t-thumb::-moz-range-thumb{pointer-events:auto}:host._disabled :host .t-thumb::-webkit-slider-thumb{pointer-events:none}:host._disabled :host .t-thumb::-moz-range-thumb{pointer-events:none}:host .t-thumb:first-of-type{--tui-slider-thumb-transform: translateX(calc(var(--tui-inline) * -50%)) translateX(calc(var(--tui-inline) * var(--tui-thumb-size, .75rem) / -12))}:host .t-thumb:last-of-type{--tui-slider-thumb-transform: translateX(calc(var(--tui-inline) * 50%)) translateX(calc(var(--tui-inline) * var(--tui-thumb-size, .75rem) / 12))}\n"] }]
         }] });
 
 /**

package/fesm2022/taiga-ui-kit-components-range.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-range.mjs","sources":["../../../projects/kit/components/range/range-change.directive.ts","../../../projects/kit/components/range/range.component.ts","../../../projects/kit/components/range/range.template.html","../../../projects/kit/components/range/taiga-ui-kit-components-range.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {Directive, inject, output} from '@angular/core';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {tuiTypedFromEvent} from '@taiga-ui/cdk/observables';\nimport {tuiInjectElement, tuiIsElement, tuiIsInput} from '@taiga-ui/cdk/utils/dom';\nimport {tuiClamp, tuiRound} from '@taiga-ui/cdk/utils/math';\nimport {TUI_FLOATING_PRECISION} from '@taiga-ui/core/components/slider';\nimport {identity, map, repeat, startWith, switchMap, takeUntil, tap} from 'rxjs';\n\nimport {TuiRange} from './range.component';\n\n@Directive()\nexport class TuiRangeChange {\n    private readonly doc = inject(DOCUMENT);\n    private readonly el = tuiInjectElement();\n    private readonly range = inject(TuiRange);\n\n    public readonly activeThumbChange = output<'end' | 'start'>();\n\n    constructor() {\n        let activeThumb: 'end' | 'start';\n\n        tuiTypedFromEvent(this.el, 'pointerdown', {\n            passive: true,\n            capture: true,\n        })\n            .pipe(\n                tap(({clientX, target, pointerId}) => {\n                    activeThumb = this.detectActiveThumb(clientX, target);\n                    const slideElement =\n                        this.range.thumbs()[activeThumb === 'start' ? 0 : 1];\n\n                    slideElement.setPointerCapture(pointerId);\n                    this.activeThumbChange.emit(activeThumb);\n\n                    if (this.range.focusable()) {\n                        this.el.focus();\n                    }\n                }),\n                switchMap((event) =>\n                    tuiTypedFromEvent(this.doc, 'pointermove').pipe(\n                        tuiIsElement(event.target) && tuiIsInput(event.target)\n                            ? identity\n                            : startWith(event),\n                    ),\n                ),\n                map(({clientX}) => this.getFractionFromEvents(clientX ?? 0)),\n                takeUntil(tuiTypedFromEvent(this.doc, 'pointerup', {passive: true})),\n                repeat(),\n                takeUntilDestroyed(),\n            )\n            .subscribe((fraction) => {\n                const value = this.range.toValue(fraction);\n\n                this.range.processValue(value, activeThumb === 'end');\n            });\n    }\n\n    private getFractionFromEvents(clickClientX: number): number {\n        const {left, right, width} = this.el.getBoundingClientRect();\n        const start = this.el.matches('[dir=\"rtl\"] :scope') ? right : left;\n        const value = Math.abs(tuiClamp(clickClientX, left, right) - start);\n\n        return tuiRound(value / width, TUI_FLOATING_PRECISION);\n    }\n\n    private detectActiveThumb(\n        clientX: number,\n        target: EventTarget | null,\n    ): 'end' | 'start' {\n        const [startThumb, endThumb] = this.range.thumbs();\n\n        switch (target) {\n            case endThumb:\n                return 'end';\n            case startThumb:\n                return 'start';\n            default:\n                return this.findNearestActiveThumb(clientX);\n        }\n    }\n\n    private findNearestActiveThumb(clientX: number): 'end' | 'start' {\n        const fraction = this.getFractionFromEvents(clientX);\n        const deltaStart = fraction * 100 - this.range.start();\n        const deltaEnd = fraction * 100 - 100 + this.range.end();\n\n        return Math.abs(deltaStart) > Math.abs(deltaEnd) ||\n            deltaEnd > 0 ||\n            (this.range.start() === 0 && this.range.end() === 100)\n            ? 'end'\n            : 'start';\n    }\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    input,\n    viewChildren,\n} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {TuiControl} from '@taiga-ui/cdk/classes';\nimport {tuiFallbackValueProvider} from '@taiga-ui/cdk/tokens';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiClamp, tuiQuantize} from '@taiga-ui/cdk/utils/math';\nimport {\n    type TuiKeySteps,\n    tuiKeyStepValueToPercentage,\n    tuiPercentageToKeyStepValue,\n    TuiSlider,\n    TuiSliderComponent,\n} from '@taiga-ui/core/components/slider';\n\nimport {TuiRangeChange} from './range-change.directive';\n\n@Component({\n    selector: 'tui-range',\n    imports: [FormsModule, TuiSlider],\n    templateUrl: './range.template.html',\n    styleUrl: './range.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [tuiFallbackValueProvider([0, 0])],\n    hostDirectives: [\n        {\n            directive: TuiRangeChange,\n            outputs: ['activeThumbChange'],\n        },\n    ],\n    host: {\n        '[attr.tabindex]': '-1',\n        '[attr.aria-disabled]': 'disabled()',\n        '[style.--t-start.%]': 'start()',\n        '[style.--t-end.%]': 'end()',\n        '[class._disabled]': 'disabled()',\n        '(focusout)': 'onTouched()',\n        '(keydown.arrowUp.prevent)': 'changeByStep(1, $event.target)',\n        '(keydown.arrowDown.prevent)': 'changeByStep(-1, $event.target)',\n        '(keydown.arrowRight.prevent)': 'changeByStep(rtl ? -1 : 1, $event.target)',\n        '(keydown.arrowLeft.prevent)': 'changeByStep(rtl ? 1 : -1, $event.target)',\n    },\n})\nexport class TuiRange extends TuiControl<[number, number]> {\n    private readonly el = tuiInjectElement();\n    private readonly sliders = viewChildren(TuiSliderComponent);\n\n    protected lastActiveThumb: 'end' | 'start' = 'end';\n\n    public readonly min = input(0);\n    public readonly max = input(100);\n    public readonly step = input(1);\n    public readonly segments = input(1);\n    public readonly keySteps = input<TuiKeySteps>();\n    public readonly focusable = input(true);\n    public readonly margin = input(0);\n    public readonly limit = input(Infinity);\n\n    public readonly start = computed(() => this.toPercent(this.value()[0]));\n    public readonly end = computed(() => 100 - this.toPercent(this.value()[1]));\n    public readonly thumbs = computed(\n        ([start, end] = this.sliders()) => [start!.el, end!.el] as const,\n    );\n\n    protected readonly segmentWidthRatio = computed<number>(() => 1 / this.segments());\n    protected readonly fractionStep = computed<number>((step = this.step()) => {\n        return this.keySteps() ? step / 100 : step / (this.max() - this.min());\n    });\n\n    protected readonly computedKeySteps = computed<TuiKeySteps>(\n        () =>\n            this.keySteps() || [\n                [0, this.min()],\n                [100, this.max()],\n            ],\n    );\n\n    public processValue(value: number, end: boolean): void {\n        if (end) {\n            this.updateEnd(value);\n        } else {\n            this.updateStart(value);\n        }\n\n        this.lastActiveThumb = end ? 'end' : 'start';\n    }\n\n    public takeStep(coefficients: readonly [number, number]): readonly [number, number] {\n        return this.value().map((value, i) => {\n            const fraction = this.toPercent(value) / 100;\n            const newFractionValue = fraction + coefficients[i]! * this.fractionStep();\n\n            return this.toValue(newFractionValue);\n        }) as [number, number];\n    }\n\n    public toValue(fraction: number): number {\n        return tuiPercentageToKeyStepValue(\n            tuiClamp(tuiQuantize(fraction, this.fractionStep()), 0, 1) * 100,\n            this.computedKeySteps(),\n        );\n    }\n\n    protected get rtl(): boolean {\n        return this.el.matches('[dir=\"rtl\"] :scope');\n    }\n\n    protected changeByStep(coefficient: number, target: HTMLElement): void {\n        const [startThumb, endThumb] = this.thumbs();\n        const isEndThumb =\n            target === this.el ? this.lastActiveThumb === 'end' : target === endThumb;\n        const activeThumbElement = isEndThumb ? endThumb : startThumb;\n        const newValue = this.takeStep(isEndThumb ? [0, coefficient] : [coefficient, 0]);\n\n        this.processValue(newValue[isEndThumb ? 1 : 0], isEndThumb);\n        activeThumbElement?.focus();\n    }\n\n    protected toPercent(value: number): number {\n        return tuiKeyStepValueToPercentage(value, this.computedKeySteps());\n    }\n\n    private updateStart(value: number): void {\n        const newValue = Math.min(value, this.value()[1]);\n        const distance = this.value()[1] - newValue;\n\n        if (!this.checkDistance(distance)) {\n            return;\n        }\n\n        this.onChange([newValue, this.value()[1]]);\n    }\n\n    private updateEnd(value: number): void {\n        const newValue = Math.max(value, this.value()[0]);\n        const distance = newValue - this.value()[0];\n\n        if (!this.checkDistance(distance)) {\n            return;\n        }\n\n        this.onChange([this.value()[0], newValue]);\n    }\n\n    private checkDistance(distance: number): boolean {\n        return tuiClamp(distance, this.margin(), this.limit()) === distance;\n    }\n}\n","<div\n    class=\"t-track\"\n    [style.--t-bg-size-ratio]=\"1 - segmentWidthRatio()\"\n    [style.--t-segment-width.%]=\"segmentWidthRatio() * 100\"\n>\n    <input\n        automation-id=\"tui-range__left\"\n        readonly\n        tuiSlider\n        type=\"range\"\n        class=\"t-thumb\"\n        [disabled]=\"disabled()\"\n        [keySteps]=\"keySteps()\"\n        [max]=\"max()\"\n        [min]=\"min()\"\n        [ngModel]=\"value()[0]\"\n        [ngModelOptions]=\"{standalone: true}\"\n        [step]=\"step()\"\n        [tabIndex]=\"focusable() ? 0 : -1\"\n    />\n    <input\n        automation-id=\"tui-range__right\"\n        readonly\n        tuiSlider\n        type=\"range\"\n        class=\"t-thumb\"\n        [disabled]=\"disabled()\"\n        [keySteps]=\"keySteps()\"\n        [max]=\"max()\"\n        [min]=\"min()\"\n        [ngModel]=\"value()[1]\"\n        [ngModelOptions]=\"{standalone: true}\"\n        [step]=\"step()\"\n        [tabIndex]=\"focusable() ? 0 : -1\"\n    />\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.TuiRangeChange"],"mappings":"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"}
+{"version":3,"file":"taiga-ui-kit-components-range.mjs","sources":["../../../projects/kit/components/range/range-change.directive.ts","../../../projects/kit/components/range/range.component.ts","../../../projects/kit/components/range/range.template.html","../../../projects/kit/components/range/taiga-ui-kit-components-range.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {Directive, inject, output} from '@angular/core';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {tuiTypedFromEvent} from '@taiga-ui/cdk/observables';\nimport {tuiInjectElement, tuiIsElement, tuiIsInput} from '@taiga-ui/cdk/utils/dom';\nimport {tuiClamp, tuiRound} from '@taiga-ui/cdk/utils/math';\nimport {TUI_FLOATING_PRECISION} from '@taiga-ui/core/components/slider';\nimport {identity, map, repeat, startWith, switchMap, takeUntil, tap} from 'rxjs';\n\nimport {TuiRange} from './range.component';\n\n@Directive()\nexport class TuiRangeChange {\n    private readonly doc = inject(DOCUMENT);\n    private readonly el = tuiInjectElement();\n    private readonly range = inject(TuiRange);\n\n    public readonly activeThumbChange = output<'end' | 'start'>();\n\n    constructor() {\n        let activeThumb: 'end' | 'start';\n\n        tuiTypedFromEvent(this.el, 'pointerdown', {\n            passive: true,\n            capture: true,\n        })\n            .pipe(\n                tap(({clientX, target, pointerId}) => {\n                    activeThumb = this.detectActiveThumb(clientX, target);\n                    const slideElement =\n                        this.range.thumbs()[activeThumb === 'start' ? 0 : 1];\n\n                    slideElement.setPointerCapture(pointerId);\n                    this.activeThumbChange.emit(activeThumb);\n\n                    if (this.range.focusable()) {\n                        this.el.focus();\n                    }\n                }),\n                switchMap((event) =>\n                    tuiTypedFromEvent(this.doc, 'pointermove').pipe(\n                        tuiIsElement(event.target) && tuiIsInput(event.target)\n                            ? identity\n                            : startWith(event),\n                    ),\n                ),\n                map(({clientX}) => this.getFractionFromEvents(clientX ?? 0)),\n                takeUntil(tuiTypedFromEvent(this.doc, 'pointerup', {passive: true})),\n                repeat(),\n                takeUntilDestroyed(),\n            )\n            .subscribe((fraction) => {\n                const value = this.range.toValue(fraction);\n\n                this.range.processValue(value, activeThumb === 'end');\n            });\n    }\n\n    private getFractionFromEvents(clickClientX: number): number {\n        const {left, right, width} = this.el.getBoundingClientRect();\n        const start = this.el.matches('[dir=\"rtl\"] :scope') ? right : left;\n        const value = Math.abs(tuiClamp(clickClientX, left, right) - start);\n\n        return tuiRound(value / width, TUI_FLOATING_PRECISION);\n    }\n\n    private detectActiveThumb(\n        clientX: number,\n        target: EventTarget | null,\n    ): 'end' | 'start' {\n        const [startThumb, endThumb] = this.range.thumbs();\n\n        switch (target) {\n            case endThumb:\n                return 'end';\n            case startThumb:\n                return 'start';\n            default:\n                return this.findNearestActiveThumb(clientX);\n        }\n    }\n\n    private findNearestActiveThumb(clientX: number): 'end' | 'start' {\n        const fraction = this.getFractionFromEvents(clientX);\n        const deltaStart = fraction * 100 - this.range.start();\n        const deltaEnd = fraction * 100 - 100 + this.range.end();\n\n        return Math.abs(deltaStart) > Math.abs(deltaEnd) ||\n            deltaEnd > 0 ||\n            (this.range.start() === 0 && this.range.end() === 100)\n            ? 'end'\n            : 'start';\n    }\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    input,\n    viewChildren,\n} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {TuiControl} from '@taiga-ui/cdk/classes';\nimport {tuiFallbackValueProvider} from '@taiga-ui/cdk/tokens';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiClamp, tuiQuantize} from '@taiga-ui/cdk/utils/math';\nimport {\n    type TuiKeySteps,\n    tuiKeyStepValueToPercentage,\n    tuiPercentageToKeyStepValue,\n    TuiSlider,\n    TuiSliderComponent,\n} from '@taiga-ui/core/components/slider';\n\nimport {TuiRangeChange} from './range-change.directive';\n\n@Component({\n    selector: 'tui-range',\n    imports: [FormsModule, TuiSlider],\n    templateUrl: './range.template.html',\n    styleUrl: './range.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [tuiFallbackValueProvider([0, 0])],\n    hostDirectives: [\n        {\n            directive: TuiRangeChange,\n            outputs: ['activeThumbChange'],\n        },\n    ],\n    host: {\n        '[attr.tabindex]': '-1',\n        '[attr.aria-disabled]': 'disabled()',\n        '[style.--t-start.%]': 'start()',\n        '[style.--t-end.%]': 'end()',\n        '[class._disabled]': 'disabled()',\n        '(focusout)': 'onTouched()',\n        '(keydown.arrowUp.prevent)': 'changeByStep(1, $event.target)',\n        '(keydown.arrowDown.prevent)': 'changeByStep(-1, $event.target)',\n        '(keydown.arrowRight.prevent)': 'changeByStep(rtl ? -1 : 1, $event.target)',\n        '(keydown.arrowLeft.prevent)': 'changeByStep(rtl ? 1 : -1, $event.target)',\n    },\n})\nexport class TuiRange extends TuiControl<[number, number]> {\n    private readonly el = tuiInjectElement();\n    private readonly sliders = viewChildren(TuiSliderComponent);\n\n    protected lastActiveThumb: 'end' | 'start' = 'end';\n\n    public readonly min = input(0);\n    public readonly max = input(100);\n    public readonly step = input(1);\n    public readonly segments = input(1);\n    public readonly keySteps = input<TuiKeySteps>();\n    public readonly focusable = input(true);\n    public readonly margin = input(0);\n    public readonly limit = input(Infinity);\n\n    public readonly start = computed(() => this.toPercent(this.value()[0]));\n    public readonly end = computed(() => 100 - this.toPercent(this.value()[1]));\n    public readonly thumbs = computed(\n        ([start, end] = this.sliders()) => [start!.el, end!.el] as const,\n    );\n\n    protected readonly segmentWidthRatio = computed<number>(() => 1 / this.segments());\n    protected readonly fractionStep = computed<number>((step = this.step()) =>\n        this.keySteps() ? step / 100 : step / (this.max() - this.min()),\n    );\n\n    protected readonly computedKeySteps = computed<TuiKeySteps>(\n        () =>\n            this.keySteps() || [\n                [0, this.min()],\n                [100, this.max()],\n            ],\n    );\n\n    public processValue(value: number, end: boolean): void {\n        if (end) {\n            this.updateEnd(value);\n        } else {\n            this.updateStart(value);\n        }\n\n        this.lastActiveThumb = end ? 'end' : 'start';\n    }\n\n    public takeStep(coefficients: readonly [number, number]): readonly [number, number] {\n        return this.value().map((value, i) => {\n            const fraction = this.toPercent(value) / 100;\n            const newFractionValue = fraction + coefficients[i]! * this.fractionStep();\n\n            return this.toValue(newFractionValue);\n        }) as [number, number];\n    }\n\n    public toValue(fraction: number): number {\n        return tuiPercentageToKeyStepValue(\n            tuiClamp(tuiQuantize(fraction, this.fractionStep()), 0, 1) * 100,\n            this.computedKeySteps(),\n        );\n    }\n\n    protected get rtl(): boolean {\n        return this.el.matches('[dir=\"rtl\"] :scope');\n    }\n\n    protected changeByStep(coefficient: number, target: HTMLElement): void {\n        const [startThumb, endThumb] = this.thumbs();\n        const isEndThumb =\n            target === this.el ? this.lastActiveThumb === 'end' : target === endThumb;\n        const activeThumbElement = isEndThumb ? endThumb : startThumb;\n        const newValue = this.takeStep(isEndThumb ? [0, coefficient] : [coefficient, 0]);\n\n        this.processValue(newValue[isEndThumb ? 1 : 0], isEndThumb);\n        activeThumbElement?.focus();\n    }\n\n    protected toPercent(value: number): number {\n        return tuiKeyStepValueToPercentage(value, this.computedKeySteps());\n    }\n\n    private updateStart(value: number): void {\n        const newValue = Math.min(value, this.value()[1]);\n        const distance = this.value()[1] - newValue;\n\n        if (!this.checkDistance(distance)) {\n            return;\n        }\n\n        this.onChange([newValue, this.value()[1]]);\n    }\n\n    private updateEnd(value: number): void {\n        const newValue = Math.max(value, this.value()[0]);\n        const distance = newValue - this.value()[0];\n\n        if (!this.checkDistance(distance)) {\n            return;\n        }\n\n        this.onChange([this.value()[0], newValue]);\n    }\n\n    private checkDistance(distance: number): boolean {\n        return tuiClamp(distance, this.margin(), this.limit()) === distance;\n    }\n}\n","<div\n    class=\"t-track\"\n    [style.--t-bg-size-ratio]=\"1 - segmentWidthRatio()\"\n    [style.--t-segment-width.%]=\"segmentWidthRatio() * 100\"\n>\n    <input\n        automation-id=\"tui-range__left\"\n        readonly\n        tuiSlider\n        type=\"range\"\n        class=\"t-thumb\"\n        [disabled]=\"disabled()\"\n        [keySteps]=\"keySteps()\"\n        [max]=\"max()\"\n        [min]=\"min()\"\n        [ngModel]=\"value()[0]\"\n        [ngModelOptions]=\"{standalone: true}\"\n        [step]=\"step()\"\n        [tabIndex]=\"focusable() ? 0 : -1\"\n    />\n    <input\n        automation-id=\"tui-range__right\"\n        readonly\n        tuiSlider\n        type=\"range\"\n        class=\"t-thumb\"\n        [disabled]=\"disabled()\"\n        [keySteps]=\"keySteps()\"\n        [max]=\"max()\"\n        [min]=\"min()\"\n        [ngModel]=\"value()[1]\"\n        [ngModelOptions]=\"{standalone: true}\"\n        [step]=\"step()\"\n        [tabIndex]=\"focusable() ? 0 : -1\"\n    />\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.TuiRangeChange"],"mappings":"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"}

package/fesm2022/taiga-ui-kit-components-rating.mjs

@@ -48,10 +48,10 @@ class TuiRating extends TuiControl {
             ? 100 * Math.max(this.max() - index - this.value(), 0)
             : 0;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiRating, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: TuiRating, isStandalone: true, selector: "tui-rating", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown.capture": "onKeyDown($event)", "pointerdown": "onPointer(1)", "pointercancel": "onPointer(-1)", "document:pointerup": "onPointer(-1)" }, properties: { "class._disabled": "disabled()", "class._readonly": "readOnly()", "class._active": "active()" } }, providers: [tuiFallbackValueProvider(0)], usesInheritance: true, ngImport: i0, template: "<input\n    min=\"1\"\n    type=\"range\"\n    class=\"t-range\"\n    [attr.aria-disabled]=\"readOnly()\"\n    [disabled]=\"disabled()\"\n    [max]=\"max()\"\n    [ngModel]=\"value()\"\n    [ngModelOptions]=\"{standalone: true}\"\n    (blur)=\"onTouched()\"\n    (ngModelChange)=\"onChange($event)\"\n/>\n<div class=\"t-items\">\n    @for (_ of array(); track $index) {\n        @let $implicit = max() - $index;\n        @let filled = $implicit - value() < 1;\n\n        <div\n            class=\"t-item\"\n            [class.t-item_active]=\"isActive($index)\"\n            (pointerup)=\"onClick($implicit)\"\n        >\n            @if (isFraction($index)) {\n                <tui-icon\n                    *polymorpheusOutlet=\"icon() as src; context: {$implicit, filled: false, value: value()}\"\n                    class=\"t-icon t-icon_blank\"\n                    [background]=\"src.toString()\"\n                    [style.--t-cut.%]=\"100 - getCut($index)\"\n                />\n            }\n            <tui-icon\n                *polymorpheusOutlet=\"icon() as src; context: {$implicit, filled, value: value()}\"\n                class=\"t-icon\"\n                [background]=\"src.toString()\"\n                [style.--t-cut.%]=\"getCut($index)\"\n            />\n        </div>\n    }\n</div>\n", styles: [":host{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:block;inline-size:fit-content;min-inline-size:fit-content;font-size:2.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;padding-block-start:1em;color:var(--tui-chart-categorical-12);background:var(--tui-text-tertiary) content-box}:host._readonly{pointer-events:none}:host._disabled{pointer-events:none;opacity:var(--tui-disabled-opacity)}.t-range{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;opacity:0;box-sizing:border-box;padding:0 .75em;pointer-events:none}.t-range:focus-visible+.t-items{box-shadow:inset 0 0 0 .125rem var(--tui-border-focus)}.t-items{position:relative;display:flex;flex-direction:row-reverse;margin-block-start:-1em;padding-block-start:1em;background:inherit}.t-items:hover .t-icon{clip-path:inset(0 0 0 0)}.t-items:hover .t-icon_blank{clip-path:inset(0 0 0 100%)}.t-item{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:flex;flex:1 0 0;background:inherit;background-clip:content-box;margin-block-start:-1em;padding-block-start:1em;transition-timing-function:cubic-bezier(.35,1.5,.4,2.5)}.t-item:first-child{max-inline-size:1em}.t-item:hover .t-icon,.t-item:hover~.t-item .t-icon,.t-items:not(:hover) .t-item_active .t-icon{background-color:currentColor}.t-items:active .t-item:hover,.t-items:active .t-item:hover~.t-item{transform:scale(.85);transition-duration:var(--tui-duration),calc(var(--tui-duration) / 3);transition-timing-function:ease-in-out}.t-icon{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;font-size:inherit;margin-block-start:-1em;background:inherit;clip-path:inset(0 var(--t-cut) 0 0)}:host-context([dir=\"rtl\"]) .t-icon{clip-path:inset(0 0 0 var(--t-cut))}.t-icon ::ng-deep>*{font-size:1rem}.t-icon_blank{position:absolute;top:0;left:0;margin:0;background:inherit!important;clip-path:inset(0 0 0 var(--t-cut))}:host-context([dir=\"rtl\"]) .t-icon_blank{clip-path:inset(0 var(--t-cut) 0 0)}@media (any-pointer: coarse){:host._active .t-item_active{transform:scale(.85);transition-timing-function:ease-in-out}:host:not(._readonly) .t-range{pointer-events:auto}.t-icon{transition:none}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiRating, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: TuiRating, isStandalone: true, selector: "tui-rating", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown.capture": "onKeyDown($event)", "pointerdown": "onPointer(1)", "pointercancel": "onPointer(-1)", "document:pointerup": "onPointer(-1)" }, properties: { "class._disabled": "disabled()", "class._readonly": "readOnly()", "class._active": "active()" } }, providers: [tuiFallbackValueProvider(0)], usesInheritance: true, ngImport: i0, template: "<input\n    min=\"1\"\n    type=\"range\"\n    class=\"t-range\"\n    [attr.aria-disabled]=\"readOnly()\"\n    [disabled]=\"disabled()\"\n    [max]=\"max()\"\n    [ngModel]=\"value()\"\n    [ngModelOptions]=\"{standalone: true}\"\n    (blur)=\"onTouched()\"\n    (ngModelChange)=\"onChange($event)\"\n/>\n<div class=\"t-items\">\n    @for (_ of array(); track $index) {\n        @let $implicit = max() - $index;\n        @let filled = $implicit - value() < 1;\n\n        <div\n            class=\"t-item\"\n            [class.t-item_active]=\"isActive($index)\"\n            (pointerup)=\"onClick($implicit)\"\n        >\n            @if (isFraction($index)) {\n                <tui-icon\n                    *polymorpheusOutlet=\"icon() as src; context: {$implicit, filled: false, value: value()}\"\n                    class=\"t-icon t-icon_blank\"\n                    [background]=\"src.toString()\"\n                    [style.--t-cut.%]=\"100 - getCut($index)\"\n                />\n            }\n            <tui-icon\n                *polymorpheusOutlet=\"icon() as src; context: {$implicit, filled, value: value()}\"\n                class=\"t-icon\"\n                [background]=\"src.toString()\"\n                [style.--t-cut.%]=\"getCut($index)\"\n            />\n        </div>\n    }\n</div>\n", styles: [":host{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:block;inline-size:fit-content;min-inline-size:fit-content;font-size:2.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;padding-block-start:1em;color:var(--tui-chart-categorical-12);background:var(--tui-text-tertiary) content-box}:host._readonly{pointer-events:none}:host._disabled{pointer-events:none;opacity:var(--tui-disabled-opacity)}.t-range{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;opacity:0;box-sizing:border-box;padding:0 .75em;pointer-events:none}.t-range:focus-visible+.t-items{box-shadow:inset 0 0 0 .125rem var(--tui-border-focus)}.t-items{position:relative;display:flex;flex-direction:row-reverse;margin-block-start:-1em;padding-block-start:1em;background:inherit}.t-items:hover .t-icon{clip-path:inset(0 0 0 0)}.t-items:hover .t-icon_blank{clip-path:inset(0 0 0 100%)}.t-item{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:flex;flex:1 0 0;background:inherit;background-clip:content-box;margin-block-start:-1em;padding-block-start:1em;transition-timing-function:cubic-bezier(.35,1.5,.4,2.5)}.t-item:first-child{max-inline-size:1em}.t-item:hover .t-icon,.t-item:hover~.t-item .t-icon,.t-items:not(:hover) .t-item_active .t-icon{background-color:currentColor}.t-items:active .t-item:hover,.t-items:active .t-item:hover~.t-item{transform:scale(.85);transition-duration:var(--tui-duration),calc(var(--tui-duration) / 3);transition-timing-function:ease-in-out}.t-icon{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;font-size:inherit;margin-block-start:-1em;background:inherit;clip-path:inset(0 var(--t-cut) 0 0)}:host-context([dir=\"rtl\"]) .t-icon{clip-path:inset(0 0 0 var(--t-cut))}.t-icon ::ng-deep>*{font-size:1rem}.t-icon_blank{position:absolute;inset-block-start:0;inset-inline-start:0;margin:0;background:inherit!important;clip-path:inset(0 0 0 var(--t-cut))}:host-context([dir=\"rtl\"]) .t-icon_blank{clip-path:inset(0 var(--t-cut) 0 0)}@media (any-pointer: coarse){:host._active .t-item_active{transform:scale(.85);transition-timing-function:ease-in-out}:host:not(._readonly) .t-range{pointer-events:auto}.t-icon{transition:none}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiRating, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiRating, decorators: [{
             type: Component,
             args: [{ selector: 'tui-rating', imports: [FormsModule, PolymorpheusOutlet, TuiIcon], changeDetection: ChangeDetectionStrategy.OnPush, providers: [tuiFallbackValueProvider(0)], host: {
                         '[class._disabled]': 'disabled()',
@@ -61,7 +61,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         '(pointerdown)': 'onPointer(1)',
                         '(pointercancel)': 'onPointer(-1)',
                         '(document:pointerup)': 'onPointer(-1)',
-                    }, template: "<input\n    min=\"1\"\n    type=\"range\"\n    class=\"t-range\"\n    [attr.aria-disabled]=\"readOnly()\"\n    [disabled]=\"disabled()\"\n    [max]=\"max()\"\n    [ngModel]=\"value()\"\n    [ngModelOptions]=\"{standalone: true}\"\n    (blur)=\"onTouched()\"\n    (ngModelChange)=\"onChange($event)\"\n/>\n<div class=\"t-items\">\n    @for (_ of array(); track $index) {\n        @let $implicit = max() - $index;\n        @let filled = $implicit - value() < 1;\n\n        <div\n            class=\"t-item\"\n            [class.t-item_active]=\"isActive($index)\"\n            (pointerup)=\"onClick($implicit)\"\n        >\n            @if (isFraction($index)) {\n                <tui-icon\n                    *polymorpheusOutlet=\"icon() as src; context: {$implicit, filled: false, value: value()}\"\n                    class=\"t-icon t-icon_blank\"\n                    [background]=\"src.toString()\"\n                    [style.--t-cut.%]=\"100 - getCut($index)\"\n                />\n            }\n            <tui-icon\n                *polymorpheusOutlet=\"icon() as src; context: {$implicit, filled, value: value()}\"\n                class=\"t-icon\"\n                [background]=\"src.toString()\"\n                [style.--t-cut.%]=\"getCut($index)\"\n            />\n        </div>\n    }\n</div>\n", styles: [":host{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:block;inline-size:fit-content;min-inline-size:fit-content;font-size:2.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;padding-block-start:1em;color:var(--tui-chart-categorical-12);background:var(--tui-text-tertiary) content-box}:host._readonly{pointer-events:none}:host._disabled{pointer-events:none;opacity:var(--tui-disabled-opacity)}.t-range{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;opacity:0;box-sizing:border-box;padding:0 .75em;pointer-events:none}.t-range:focus-visible+.t-items{box-shadow:inset 0 0 0 .125rem var(--tui-border-focus)}.t-items{position:relative;display:flex;flex-direction:row-reverse;margin-block-start:-1em;padding-block-start:1em;background:inherit}.t-items:hover .t-icon{clip-path:inset(0 0 0 0)}.t-items:hover .t-icon_blank{clip-path:inset(0 0 0 100%)}.t-item{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:flex;flex:1 0 0;background:inherit;background-clip:content-box;margin-block-start:-1em;padding-block-start:1em;transition-timing-function:cubic-bezier(.35,1.5,.4,2.5)}.t-item:first-child{max-inline-size:1em}.t-item:hover .t-icon,.t-item:hover~.t-item .t-icon,.t-items:not(:hover) .t-item_active .t-icon{background-color:currentColor}.t-items:active .t-item:hover,.t-items:active .t-item:hover~.t-item{transform:scale(.85);transition-duration:var(--tui-duration),calc(var(--tui-duration) / 3);transition-timing-function:ease-in-out}.t-icon{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;font-size:inherit;margin-block-start:-1em;background:inherit;clip-path:inset(0 var(--t-cut) 0 0)}:host-context([dir=\"rtl\"]) .t-icon{clip-path:inset(0 0 0 var(--t-cut))}.t-icon ::ng-deep>*{font-size:1rem}.t-icon_blank{position:absolute;top:0;left:0;margin:0;background:inherit!important;clip-path:inset(0 0 0 var(--t-cut))}:host-context([dir=\"rtl\"]) .t-icon_blank{clip-path:inset(0 var(--t-cut) 0 0)}@media (any-pointer: coarse){:host._active .t-item_active{transform:scale(.85);transition-timing-function:ease-in-out}:host:not(._readonly) .t-range{pointer-events:auto}.t-icon{transition:none}}\n"] }]
+                    }, template: "<input\n    min=\"1\"\n    type=\"range\"\n    class=\"t-range\"\n    [attr.aria-disabled]=\"readOnly()\"\n    [disabled]=\"disabled()\"\n    [max]=\"max()\"\n    [ngModel]=\"value()\"\n    [ngModelOptions]=\"{standalone: true}\"\n    (blur)=\"onTouched()\"\n    (ngModelChange)=\"onChange($event)\"\n/>\n<div class=\"t-items\">\n    @for (_ of array(); track $index) {\n        @let $implicit = max() - $index;\n        @let filled = $implicit - value() < 1;\n\n        <div\n            class=\"t-item\"\n            [class.t-item_active]=\"isActive($index)\"\n            (pointerup)=\"onClick($implicit)\"\n        >\n            @if (isFraction($index)) {\n                <tui-icon\n                    *polymorpheusOutlet=\"icon() as src; context: {$implicit, filled: false, value: value()}\"\n                    class=\"t-icon t-icon_blank\"\n                    [background]=\"src.toString()\"\n                    [style.--t-cut.%]=\"100 - getCut($index)\"\n                />\n            }\n            <tui-icon\n                *polymorpheusOutlet=\"icon() as src; context: {$implicit, filled, value: value()}\"\n                class=\"t-icon\"\n                [background]=\"src.toString()\"\n                [style.--t-cut.%]=\"getCut($index)\"\n            />\n        </div>\n    }\n</div>\n", styles: [":host{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:block;inline-size:fit-content;min-inline-size:fit-content;font-size:2.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;padding-block-start:1em;color:var(--tui-chart-categorical-12);background:var(--tui-text-tertiary) content-box}:host._readonly{pointer-events:none}:host._disabled{pointer-events:none;opacity:var(--tui-disabled-opacity)}.t-range{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;opacity:0;box-sizing:border-box;padding:0 .75em;pointer-events:none}.t-range:focus-visible+.t-items{box-shadow:inset 0 0 0 .125rem var(--tui-border-focus)}.t-items{position:relative;display:flex;flex-direction:row-reverse;margin-block-start:-1em;padding-block-start:1em;background:inherit}.t-items:hover .t-icon{clip-path:inset(0 0 0 0)}.t-items:hover .t-icon_blank{clip-path:inset(0 0 0 100%)}.t-item{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:flex;flex:1 0 0;background:inherit;background-clip:content-box;margin-block-start:-1em;padding-block-start:1em;transition-timing-function:cubic-bezier(.35,1.5,.4,2.5)}.t-item:first-child{max-inline-size:1em}.t-item:hover .t-icon,.t-item:hover~.t-item .t-icon,.t-items:not(:hover) .t-item_active .t-icon{background-color:currentColor}.t-items:active .t-item:hover,.t-items:active .t-item:hover~.t-item{transform:scale(.85);transition-duration:var(--tui-duration),calc(var(--tui-duration) / 3);transition-timing-function:ease-in-out}.t-icon{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;font-size:inherit;margin-block-start:-1em;background:inherit;clip-path:inset(0 var(--t-cut) 0 0)}:host-context([dir=\"rtl\"]) .t-icon{clip-path:inset(0 0 0 var(--t-cut))}.t-icon ::ng-deep>*{font-size:1rem}.t-icon_blank{position:absolute;inset-block-start:0;inset-inline-start:0;margin:0;background:inherit!important;clip-path:inset(0 0 0 var(--t-cut))}:host-context([dir=\"rtl\"]) .t-icon_blank{clip-path:inset(0 var(--t-cut) 0 0)}@media (any-pointer: coarse){:host._active .t-item_active{transform:scale(.85);transition-timing-function:ease-in-out}:host:not(._readonly) .t-range{pointer-events:auto}.t-icon{transition:none}}\n"] }]
         }] });
 
 /**

package/fesm2022/taiga-ui-kit-components-rating.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-rating.mjs","sources":["../../../projects/kit/components/rating/rating.options.ts","../../../projects/kit/components/rating/rating.component.ts","../../../projects/kit/components/rating/rating.template.html","../../../projects/kit/components/rating/taiga-ui-kit-components-rating.ts"],"sourcesContent":["import {type TuiContext} from '@taiga-ui/cdk/types';\nimport {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\nimport {type PolymorpheusContent} from '@taiga-ui/polymorpheus';\n\nexport interface TuiRatingContext extends TuiContext<number> {\n    readonly value: number;\n    readonly filled: boolean;\n}\n\nexport interface TuiRatingOptions {\n    readonly icon: PolymorpheusContent<TuiRatingContext>;\n    readonly max: number;\n}\n\nexport const TUI_RATING_DEFAULT_OPTIONS: TuiRatingOptions = {\n    icon: '@tui.star',\n    max: 5,\n};\n\nexport const [TUI_RATING_OPTIONS, tuiRatingOptionsProvider] = tuiCreateOptions(\n    TUI_RATING_DEFAULT_OPTIONS,\n);\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    inject,\n    input,\n    signal,\n} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {TuiControl} from '@taiga-ui/cdk/classes';\nimport {tuiFallbackValueProvider} from '@taiga-ui/cdk/tokens';\nimport {tuiClamp} from '@taiga-ui/cdk/utils/math';\nimport {TuiIcon} from '@taiga-ui/core/components/icon';\nimport {PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\nimport {TUI_RATING_OPTIONS} from './rating.options';\n\n@Component({\n    selector: 'tui-rating',\n    imports: [FormsModule, PolymorpheusOutlet, TuiIcon],\n    templateUrl: './rating.template.html',\n    styleUrl: './rating.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [tuiFallbackValueProvider(0)],\n    host: {\n        '[class._disabled]': 'disabled()',\n        '[class._readonly]': 'readOnly()',\n        '[class._active]': 'active()',\n        '(keydown.capture)': 'onKeyDown($event)',\n        '(pointerdown)': 'onPointer(1)',\n        '(pointercancel)': 'onPointer(-1)',\n        '(document:pointerup)': 'onPointer(-1)',\n    },\n})\nexport class TuiRating extends TuiControl<number> {\n    private readonly options = inject(TUI_RATING_OPTIONS);\n\n    protected readonly active = signal(0);\n    protected readonly array = computed(() => Array.from({length: this.max()}));\n\n    public readonly icon = input(this.options.icon);\n    public readonly max = input(this.options.max);\n\n    protected onKeyDown(event: KeyboardEvent): void {\n        if (this.readOnly()) {\n            event.preventDefault();\n        }\n    }\n\n    protected onPointer(delta: number): void {\n        this.active.update((active) => tuiClamp(active + delta, 0, 1));\n    }\n\n    protected onClick(value: number): void {\n        if (this.active()) {\n            this.onChange(value);\n        }\n    }\n\n    protected isActive(index: number): boolean {\n        return Math.ceil(this.value()) >= this.max() - index;\n    }\n\n    protected isFraction(index: number): boolean {\n        return this.value() > this.max() - index - 1 && this.value() < this.max() - index;\n    }\n\n    protected getCut(index: number): number {\n        return this.isFraction(index)\n            ? 100 * Math.max(this.max() - index - this.value(), 0)\n            : 0;\n    }\n}\n","<input\n    min=\"1\"\n    type=\"range\"\n    class=\"t-range\"\n    [attr.aria-disabled]=\"readOnly()\"\n    [disabled]=\"disabled()\"\n    [max]=\"max()\"\n    [ngModel]=\"value()\"\n    [ngModelOptions]=\"{standalone: true}\"\n    (blur)=\"onTouched()\"\n    (ngModelChange)=\"onChange($event)\"\n/>\n<div class=\"t-items\">\n    @for (_ of array(); track $index) {\n        @let $implicit = max() - $index;\n        @let filled = $implicit - value() < 1;\n\n        <div\n            class=\"t-item\"\n            [class.t-item_active]=\"isActive($index)\"\n            (pointerup)=\"onClick($implicit)\"\n        >\n            @if (isFraction($index)) {\n                <tui-icon\n                    *polymorpheusOutlet=\"icon() as src; context: {$implicit, filled: false, value: value()}\"\n                    class=\"t-icon t-icon_blank\"\n                    [background]=\"src.toString()\"\n                    [style.--t-cut.%]=\"100 - getCut($index)\"\n                />\n            }\n            <tui-icon\n                *polymorpheusOutlet=\"icon() as src; context: {$implicit, filled, value: value()}\"\n                class=\"t-icon\"\n                [background]=\"src.toString()\"\n                [style.--t-cut.%]=\"getCut($index)\"\n            />\n        </div>\n    }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAca,MAAA,0BAA0B,GAAqB;AACxD,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,GAAG,EAAE,CAAC;;AAGH,MAAM,CAAC,kBAAkB,EAAE,wBAAwB,CAAC,GAAG,gBAAgB,CAC1E,0BAA0B;;ACcxB,MAAO,SAAU,SAAQ,UAAkB,CAAA;AAjBjD,IAAA,WAAA,GAAA;;AAkBqB,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,kBAAkB,CAAC;AAElC,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC;QAClB,IAAK,CAAA,KAAA,GAAG,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,EAAC,MAAM,EAAE,IAAI,CAAC,GAAG,EAAE,EAAC,CAAC,CAAC;QAE3D,IAAI,CAAA,IAAA,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;QAC/B,IAAG,CAAA,GAAA,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC;AA+BhD;AA7Ba,IAAA,SAAS,CAAC,KAAoB,EAAA;AACpC,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;YACjB,KAAK,CAAC,cAAc,EAAE;;;AAIpB,IAAA,SAAS,CAAC,KAAa,EAAA;QAC7B,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,KAAK,QAAQ,CAAC,MAAM,GAAG,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;;AAGxD,IAAA,OAAO,CAAC,KAAa,EAAA;AAC3B,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE,EAAE;AACf,YAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;;;AAIlB,IAAA,QAAQ,CAAC,KAAa,EAAA;AAC5B,QAAA,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,IAAI,CAAC,GAAG,EAAE,GAAG,KAAK;;AAG9C,IAAA,UAAU,CAAC,KAAa,EAAA;QAC9B,OAAO,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,KAAK,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,KAAK;;AAG3E,IAAA,MAAM,CAAC,KAAa,EAAA;AAC1B,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,KAAK;cACtB,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC;cACnD,CAAC;;+GApCF,SAAS,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAT,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,SAAS,EAXP,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,aAAA,EAAA,cAAA,EAAA,eAAA,EAAA,eAAA,EAAA,oBAAA,EAAA,eAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,eAAA,EAAA,UAAA,EAAA,EAAA,EAAA,SAAA,EAAA,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,ECvB5C,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,kyCAuCA,EDpBc,MAAA,EAAA,CAAA,0zEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,WAAW,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,8FAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,kBAAkB,8HAAE,OAAO,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,CAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAezC,SAAS,EAAA,UAAA,EAAA,CAAA;kBAjBrB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,WACb,CAAC,WAAW,EAAE,kBAAkB,EAAE,OAAO,CAAC,EAAA,eAAA,EAGlC,uBAAuB,CAAC,MAAM,aACpC,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,EAClC,IAAA,EAAA;AACF,wBAAA,mBAAmB,EAAE,YAAY;AACjC,wBAAA,mBAAmB,EAAE,YAAY;AACjC,wBAAA,iBAAiB,EAAE,UAAU;AAC7B,wBAAA,mBAAmB,EAAE,mBAAmB;AACxC,wBAAA,eAAe,EAAE,cAAc;AAC/B,wBAAA,iBAAiB,EAAE,eAAe;AAClC,wBAAA,sBAAsB,EAAE,eAAe;AAC1C,qBAAA,EAAA,QAAA,EAAA,kyCAAA,EAAA,MAAA,EAAA,CAAA,0zEAAA,CAAA,EAAA;;;AEhCL;;AAEG;;;;"}
+{"version":3,"file":"taiga-ui-kit-components-rating.mjs","sources":["../../../projects/kit/components/rating/rating.options.ts","../../../projects/kit/components/rating/rating.component.ts","../../../projects/kit/components/rating/rating.template.html","../../../projects/kit/components/rating/taiga-ui-kit-components-rating.ts"],"sourcesContent":["import {type TuiContext} from '@taiga-ui/cdk/types';\nimport {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\nimport {type PolymorpheusContent} from '@taiga-ui/polymorpheus';\n\nexport interface TuiRatingContext extends TuiContext<number> {\n    readonly value: number;\n    readonly filled: boolean;\n}\n\nexport interface TuiRatingOptions {\n    readonly icon: PolymorpheusContent<TuiRatingContext>;\n    readonly max: number;\n}\n\nexport const TUI_RATING_DEFAULT_OPTIONS: TuiRatingOptions = {\n    icon: '@tui.star',\n    max: 5,\n};\n\nexport const [TUI_RATING_OPTIONS, tuiRatingOptionsProvider] = tuiCreateOptions(\n    TUI_RATING_DEFAULT_OPTIONS,\n);\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    inject,\n    input,\n    signal,\n} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {TuiControl} from '@taiga-ui/cdk/classes';\nimport {tuiFallbackValueProvider} from '@taiga-ui/cdk/tokens';\nimport {tuiClamp} from '@taiga-ui/cdk/utils/math';\nimport {TuiIcon} from '@taiga-ui/core/components/icon';\nimport {PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\nimport {TUI_RATING_OPTIONS} from './rating.options';\n\n@Component({\n    selector: 'tui-rating',\n    imports: [FormsModule, PolymorpheusOutlet, TuiIcon],\n    templateUrl: './rating.template.html',\n    styleUrl: './rating.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [tuiFallbackValueProvider(0)],\n    host: {\n        '[class._disabled]': 'disabled()',\n        '[class._readonly]': 'readOnly()',\n        '[class._active]': 'active()',\n        '(keydown.capture)': 'onKeyDown($event)',\n        '(pointerdown)': 'onPointer(1)',\n        '(pointercancel)': 'onPointer(-1)',\n        '(document:pointerup)': 'onPointer(-1)',\n    },\n})\nexport class TuiRating extends TuiControl<number> {\n    private readonly options = inject(TUI_RATING_OPTIONS);\n\n    protected readonly active = signal(0);\n    protected readonly array = computed(() => Array.from({length: this.max()}));\n\n    public readonly icon = input(this.options.icon);\n    public readonly max = input(this.options.max);\n\n    protected onKeyDown(event: KeyboardEvent): void {\n        if (this.readOnly()) {\n            event.preventDefault();\n        }\n    }\n\n    protected onPointer(delta: number): void {\n        this.active.update((active) => tuiClamp(active + delta, 0, 1));\n    }\n\n    protected onClick(value: number): void {\n        if (this.active()) {\n            this.onChange(value);\n        }\n    }\n\n    protected isActive(index: number): boolean {\n        return Math.ceil(this.value()) >= this.max() - index;\n    }\n\n    protected isFraction(index: number): boolean {\n        return this.value() > this.max() - index - 1 && this.value() < this.max() - index;\n    }\n\n    protected getCut(index: number): number {\n        return this.isFraction(index)\n            ? 100 * Math.max(this.max() - index - this.value(), 0)\n            : 0;\n    }\n}\n","<input\n    min=\"1\"\n    type=\"range\"\n    class=\"t-range\"\n    [attr.aria-disabled]=\"readOnly()\"\n    [disabled]=\"disabled()\"\n    [max]=\"max()\"\n    [ngModel]=\"value()\"\n    [ngModelOptions]=\"{standalone: true}\"\n    (blur)=\"onTouched()\"\n    (ngModelChange)=\"onChange($event)\"\n/>\n<div class=\"t-items\">\n    @for (_ of array(); track $index) {\n        @let $implicit = max() - $index;\n        @let filled = $implicit - value() < 1;\n\n        <div\n            class=\"t-item\"\n            [class.t-item_active]=\"isActive($index)\"\n            (pointerup)=\"onClick($implicit)\"\n        >\n            @if (isFraction($index)) {\n                <tui-icon\n                    *polymorpheusOutlet=\"icon() as src; context: {$implicit, filled: false, value: value()}\"\n                    class=\"t-icon t-icon_blank\"\n                    [background]=\"src.toString()\"\n                    [style.--t-cut.%]=\"100 - getCut($index)\"\n                />\n            }\n            <tui-icon\n                *polymorpheusOutlet=\"icon() as src; context: {$implicit, filled, value: value()}\"\n                class=\"t-icon\"\n                [background]=\"src.toString()\"\n                [style.--t-cut.%]=\"getCut($index)\"\n            />\n        </div>\n    }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/taiga-ui-kit-components-routable-dialog.mjs

@@ -54,10 +54,10 @@ class TuiRoutableDialog {
             : this.route.snapshot.data['backUrl'];
         void this.router.navigate([backUrl], { relativeTo: this.route });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiRoutableDialog, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TuiRoutableDialog, isStandalone: true, selector: "tui-routable-dialog", ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiRoutableDialog, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: TuiRoutableDialog, isStandalone: true, selector: "tui-routable-dialog", ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiRoutableDialog, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiRoutableDialog, decorators: [{
             type: Component,
             args: [{
                     selector: 'tui-routable-dialog',

package/fesm2022/taiga-ui-kit-components-routable-dialog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-routable-dialog.mjs","sources":["../../../projects/kit/components/routable-dialog/generate-dialogable-route.ts","../../../projects/kit/components/routable-dialog/routable-dialog.component.ts","../../../projects/kit/components/routable-dialog/taiga-ui-kit-components-routable-dialog.ts"],"sourcesContent":["import {type Type} from '@angular/core';\nimport {type DefaultExport, type Route} from '@angular/router';\nimport {type TuiDialogOptions} from '@taiga-ui/core/portals/dialog';\n\nexport function tuiGenerateDialogableRoute<I>(\n    component: Type<any> | (() => Promise<DefaultExport<Type<any>> | Type<any>>),\n    {\n        path = '',\n        outlet = '',\n        ...dialogOptions\n    }: Partial<TuiDialogOptions<I>> & {path?: string; outlet?: string} = {},\n): Route {\n    return {\n        path,\n        outlet,\n        loadComponent: async () => import('./routable-dialog.component'),\n        data: {\n            dialog: component,\n            backUrl: path\n                .split('/')\n                .map(() => '..')\n                .join('/'),\n            isLazy: path === '',\n            dialogOptions,\n        },\n    };\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    inject,\n    INJECTOR,\n    type Type,\n} from '@angular/core';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {ActivatedRoute, Router} from '@angular/router';\nimport {TuiDialogService} from '@taiga-ui/core/portals/dialog';\nimport {PolymorpheusComponent} from '@taiga-ui/polymorpheus';\nimport {delay, from, of, switchMap} from 'rxjs';\n\n@Component({\n    selector: 'tui-routable-dialog',\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport default class TuiRoutableDialog {\n    private readonly route = inject(ActivatedRoute);\n    private readonly router = inject(Router);\n    private readonly injector = inject(INJECTOR);\n    private readonly initialUrl = this.router.url;\n    private readonly dialog = inject(TuiDialogService);\n\n    constructor() {\n        const {dialog} = this.route.snapshot.data;\n\n        from(isClass(dialog) ? of(dialog) : dialog().then((m: any) => m.default ?? m))\n            .pipe(\n                /**\n                 * All portal hosts are created only after the first render\n                 * See `@if (top()) {...}` condition in `tui-root`\n                 */\n                delay(0),\n                switchMap((dialog: any) =>\n                    this.dialog.open(\n                        new PolymorpheusComponent<Type<any>>(dialog, this.injector),\n                        this.route.snapshot.data['dialogOptions'],\n                    ),\n                ),\n                takeUntilDestroyed(),\n            )\n            .subscribe({complete: () => this.onDialogClosing()});\n    }\n\n    private get lazyLoadedBackUrl(): string {\n        return (this.route.parent?.snapshot.url || []).map(() => '..').join('/');\n    }\n\n    private onDialogClosing(): void {\n        if (this.initialUrl === this.router.url) {\n            this.navigateToParent();\n        }\n    }\n\n    private navigateToParent(): void {\n        const backUrl = this.route.snapshot.data['isLazy']\n            ? this.lazyLoadedBackUrl\n            : this.route.snapshot.data['backUrl'];\n\n        void this.router.navigate([backUrl], {relativeTo: this.route});\n    }\n}\n\nfunction isClass(fn: unknown): boolean {\n    return (\n        typeof fn === 'function' &&\n        Object.getOwnPropertyDescriptor(fn, 'prototype')?.writable === false\n    );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-kit-components-routable-dialog.mjs","sources":["../../../projects/kit/components/routable-dialog/generate-dialogable-route.ts","../../../projects/kit/components/routable-dialog/routable-dialog.component.ts","../../../projects/kit/components/routable-dialog/taiga-ui-kit-components-routable-dialog.ts"],"sourcesContent":["import {type Type} from '@angular/core';\nimport {type DefaultExport, type Route} from '@angular/router';\nimport {type TuiDialogOptions} from '@taiga-ui/core/portals/dialog';\n\nexport function tuiGenerateDialogableRoute<I>(\n    component: Type<any> | (() => Promise<DefaultExport<Type<any>> | Type<any>>),\n    {\n        path = '',\n        outlet = '',\n        ...dialogOptions\n    }: Partial<TuiDialogOptions<I>> & {path?: string; outlet?: string} = {},\n): Route {\n    return {\n        path,\n        outlet,\n        loadComponent: async () => import('./routable-dialog.component'),\n        data: {\n            dialog: component,\n            backUrl: path\n                .split('/')\n                .map(() => '..')\n                .join('/'),\n            isLazy: path === '',\n            dialogOptions,\n        },\n    };\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    inject,\n    INJECTOR,\n    type Type,\n} from '@angular/core';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {ActivatedRoute, Router} from '@angular/router';\nimport {TuiDialogService} from '@taiga-ui/core/portals/dialog';\nimport {PolymorpheusComponent} from '@taiga-ui/polymorpheus';\nimport {delay, from, of, switchMap} from 'rxjs';\n\n@Component({\n    selector: 'tui-routable-dialog',\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport default class TuiRoutableDialog {\n    private readonly route = inject(ActivatedRoute);\n    private readonly router = inject(Router);\n    private readonly injector = inject(INJECTOR);\n    private readonly initialUrl = this.router.url;\n    private readonly dialog = inject(TuiDialogService);\n\n    constructor() {\n        const {dialog} = this.route.snapshot.data;\n\n        from(isClass(dialog) ? of(dialog) : dialog().then((m: any) => m.default ?? m))\n            .pipe(\n                /**\n                 * All portal hosts are created only after the first render\n                 * See `@if (top()) {...}` condition in `tui-root`\n                 */\n                delay(0),\n                switchMap((dialog: any) =>\n                    this.dialog.open(\n                        new PolymorpheusComponent<Type<any>>(dialog, this.injector),\n                        this.route.snapshot.data['dialogOptions'],\n                    ),\n                ),\n                takeUntilDestroyed(),\n            )\n            .subscribe({complete: () => this.onDialogClosing()});\n    }\n\n    private get lazyLoadedBackUrl(): string {\n        return (this.route.parent?.snapshot.url || []).map(() => '..').join('/');\n    }\n\n    private onDialogClosing(): void {\n        if (this.initialUrl === this.router.url) {\n            this.navigateToParent();\n        }\n    }\n\n    private navigateToParent(): void {\n        const backUrl = this.route.snapshot.data['isLazy']\n            ? this.lazyLoadedBackUrl\n            : this.route.snapshot.data['backUrl'];\n\n        void this.router.navigate([backUrl], {relativeTo: this.route});\n    }\n}\n\nfunction isClass(fn: unknown): boolean {\n    return (\n        typeof fn === 'function' &&\n        Object.getOwnPropertyDescriptor(fn, 'prototype')?.writable === false\n    );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/taiga-ui-kit-components-segmented.mjs

@@ -2,6 +2,7 @@ import * as i0 from '@angular/core';
 import { inject, contentChildren, ElementRef, Directive, input, model, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
 import { toObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { WaResizeObserverService } from '@ng-web-apis/resize-observer';
+import { TUI_VERSION } from '@taiga-ui/cdk/constants';
 import { tuiControlValue, tuiZonefree } from '@taiga-ui/cdk/observables';
 import { tuiCreateOptions } from '@taiga-ui/cdk/utils/di';
 import { tuiInjectElement, tuiIsHTMLElement } from '@taiga-ui/cdk/utils/dom';
@@ -39,10 +40,10 @@ class TuiSegmentedDirective {
     update(target) {
         this.component.update(Array.from(this.el.children).findIndex((tab) => tab.contains(target)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiSegmentedDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.2.18", type: TuiSegmentedDirective, isStandalone: true, host: { listeners: { "click": "update($event.target)" } }, queries: [{ propertyName: "links", predicate: RouterLinkActive, isSignal: true }, { propertyName: "elements", predicate: RouterLinkActive, read: ElementRef, isSignal: true }, { propertyName: "controls", predicate: NgControl, descendants: true, isSignal: true }, { propertyName: "radios", predicate: RadioControlValueAccessor, descendants: true, isSignal: true }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiSegmentedDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.2.19", type: TuiSegmentedDirective, isStandalone: true, host: { listeners: { "click": "update($event.target)" } }, queries: [{ propertyName: "links", predicate: RouterLinkActive, isSignal: true }, { propertyName: "elements", predicate: RouterLinkActive, read: ElementRef, isSignal: true }, { propertyName: "controls", predicate: NgControl, descendants: true, isSignal: true }, { propertyName: "radios", predicate: RadioControlValueAccessor, descendants: true, isSignal: true }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiSegmentedDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiSegmentedDirective, decorators: [{
             type: Directive,
             args: [{ host: { '(click)': 'update($event.target)' } }]
         }] });
@@ -81,18 +82,18 @@ class TuiSegmented {
         this.el.style.setProperty('--t-left', tuiPx(offsetLeft));
         this.el.style.setProperty('--t-width', tuiPx(offsetWidth));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiSegmented, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.18", type: TuiSegmented, isStandalone: true, selector: "tui-segmented", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, activeItemIndex: { classPropertyName: "activeItemIndex", publicName: "activeItemIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeItemIndex: "activeItemIndexChange" }, host: { properties: { "attr.data-size": "size()" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiSegmented, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.19", type: TuiSegmented, isStandalone: true, selector: "tui-segmented", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, activeItemIndex: { classPropertyName: "activeItemIndex", publicName: "activeItemIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeItemIndex: "activeItemIndexChange" }, host: { attributes: { "data-tui-version": "5.0.0" }, properties: { "attr.data-size": "size()" } }, providers: [
             WaResizeObserverService,
             tuiBadgeNotificationOptionsProvider({ size: 's' }),
-        ], usesOnChanges: true, hostDirectives: [{ directive: TuiSegmentedDirective }], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["tui-segmented{position:relative;display:flex;flex-shrink:0;color:var(--tui-background-base);background:var(--tui-background-neutral-1);overflow:hidden;-webkit-mask-image:linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000)}tui-segmented[data-size=s]{--t-padding: .5rem;--t-gap: .5rem;--t-margin: -.125rem;--t-height: var(--tui-height-s);font:var(--tui-typography-body-s);border-radius:var(--tui-radius-m)}tui-segmented[data-size=s] tui-icon{font-size:1rem}tui-segmented[data-size=m]{--t-padding: .875rem;--t-gap: 1rem;--t-margin: -.375rem;--t-height: var(--tui-height-m);font:var(--tui-typography-body-m);border-radius:var(--tui-radius-m)}tui-segmented[data-size=l]{--t-padding: 1.25rem;--t-gap: 1rem;--t-margin: -.375rem;--t-height: var(--tui-height-l);font:var(--tui-typography-body-l);border-radius:var(--tui-radius-l)}tui-segmented[data-size=l]>*:before{block-size:1.25rem}tui-segmented>a,tui-segmented>button,tui-segmented>label,tui-segmented>label>input:not([tuiRadio]){transition-property:color,background,opacity,border-image;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;line-height:inherit;text-decoration:none;position:relative;display:flex;align-items:center;justify-content:center;block-size:var(--t-height);white-space:nowrap;gap:var(--t-gap);margin:0;padding:0 var(--t-padding);color:var(--tui-text-primary);overflow:hidden;cursor:pointer;font:inherit;border-radius:inherit;border:.125rem solid transparent;background-clip:padding-box;box-sizing:border-box;border-image:linear-gradient(var(--tui-border-normal),transparent) 1 / 0 0 25% .5 / 0 0 100 .5;clip-path:polygon(-1rem calc(50% - .5rem),1px calc(50% - .5rem),1px 0,100% 0,100% 100%,1px 100%,1px calc(50% + .5rem),-1rem calc(50% + .5rem))}tui-segmented>a>*,tui-segmented>button>*,tui-segmented>label>*,tui-segmented>label>input:not([tuiRadio])>*{margin:0 var(--t-margin)}tui-segmented>a:focus-visible,tui-segmented>button:focus-visible,tui-segmented>label:focus-visible,tui-segmented>label>input:not([tuiRadio]):focus-visible{outline:.125rem solid var(--tui-border-focus);outline-offset:-.25rem}@media (hover: hover) and (pointer: fine){tui-segmented>a:not(.tui-segmented_active):not(:active):hover,tui-segmented>button:not(.tui-segmented_active):not(:active):hover,tui-segmented>label:not(.tui-segmented_active):not(:active):hover,tui-segmented>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover{background-color:var(--tui-background-neutral-1-hover)}tui-segmented>a:not(.tui-segmented_active):not(:active):hover,tui-segmented>button:not(.tui-segmented_active):not(:active):hover,tui-segmented>label:not(.tui-segmented_active):not(:active):hover,tui-segmented>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover,tui-segmented>a:not(.tui-segmented_active):not(:active):hover+*,tui-segmented>button:not(.tui-segmented_active):not(:active):hover+*,tui-segmented>label:not(.tui-segmented_active):not(:active):hover+*,tui-segmented>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover+*{border-image:linear-gradient(var(--tui-border-normal),transparent) 1 / 0 0 25% .5 / 100 0 0 .5}}tui-segmented>a:active,tui-segmented>button:active,tui-segmented>label:active,tui-segmented>label>input:not([tuiRadio]):active,tui-segmented>a:active+*,tui-segmented>button:active+*,tui-segmented>label:active+*,tui-segmented>label>input:not([tuiRadio]):active+*,tui-segmented>a.tui-segmented_active,tui-segmented>button.tui-segmented_active,tui-segmented>label.tui-segmented_active,tui-segmented>label>input:not([tuiRadio]).tui-segmented_active,tui-segmented>a.tui-segmented_active+*,tui-segmented>button.tui-segmented_active+*,tui-segmented>label.tui-segmented_active+*,tui-segmented>label>input:not([tuiRadio]).tui-segmented_active+*{border-image:linear-gradient(var(--tui-border-normal),transparent) 1 / 0 0 25% .5 / 100 0 0 .5}tui-segmented>label>input:not([tuiRadio]){position:absolute;inset:-.125rem;background:transparent!important}tui-segmented:before{transition-property:inset,width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;inset:var(--t-top) auto auto var(--t-left);block-size:var(--t-height);inline-size:var(--t-width);border-radius:inherit;background:currentColor;background-clip:padding-box;border:.125rem solid transparent;box-sizing:border-box;filter:drop-shadow(0 .25rem 1.25rem rgba(0,0,0,.1))}[dir=rtl] tui-segmented:before{inset-inline:auto var(--t-left)}[tuiTheme=dark] tui-segmented,tui-segmented[tuiTheme=dark]{--tui-background-base: var(--tui-background-neutral-1-hover)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesOnChanges: true, hostDirectives: [{ directive: TuiSegmentedDirective }], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["tui-segmented:where(*[data-tui-version=\"5.0.0\"]){position:relative;display:flex;flex-shrink:0;color:var(--tui-background-base);background:var(--tui-background-neutral-1);overflow:hidden;-webkit-mask-image:linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000)}tui-segmented:where(*[data-tui-version=\"5.0.0\"])[data-size=s]{--t-padding: .5rem;--t-gap: .5rem;--t-margin: -.125rem;--t-height: var(--tui-height-s);font:var(--tui-typography-body-s);border-radius:var(--tui-radius-m)}tui-segmented:where(*[data-tui-version=\"5.0.0\"])[data-size=s] tui-icon{font-size:1rem}tui-segmented:where(*[data-tui-version=\"5.0.0\"])[data-size=m]{--t-padding: .875rem;--t-gap: 1rem;--t-margin: -.375rem;--t-height: var(--tui-height-m);font:var(--tui-typography-body-m);border-radius:var(--tui-radius-m)}tui-segmented:where(*[data-tui-version=\"5.0.0\"])[data-size=l]{--t-padding: 1.25rem;--t-gap: 1rem;--t-margin: -.375rem;--t-height: var(--tui-height-l);font:var(--tui-typography-body-l);border-radius:var(--tui-radius-l)}tui-segmented:where(*[data-tui-version=\"5.0.0\"])[data-size=l]>*:before{block-size:1.25rem}tui-segmented:where(*[data-tui-version=\"5.0.0\"])>a,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>button,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label>input:not([tuiRadio]){transition-property:color,background,opacity,border-image;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;line-height:inherit;text-decoration:none;position:relative;display:flex;align-items:center;justify-content:center;block-size:var(--t-height);white-space:nowrap;gap:var(--t-gap);margin:0;padding:0 var(--t-padding);color:var(--tui-text-primary);overflow:hidden;cursor:pointer;font:inherit;border-radius:inherit;border:.125rem solid transparent;background-clip:padding-box;box-sizing:border-box;border-image:linear-gradient(var(--tui-border-normal),transparent) 1 / 0 0 25% .5 / 0 0 100 .5;clip-path:polygon(-1rem calc(50% - .5rem),1px calc(50% - .5rem),1px 0,100% 0,100% 100%,1px 100%,1px calc(50% + .5rem),-1rem calc(50% + .5rem))}tui-segmented:where(*[data-tui-version=\"5.0.0\"])>a>*,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>button>*,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label>*,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label>input:not([tuiRadio])>*{margin:0 var(--t-margin)}tui-segmented:where(*[data-tui-version=\"5.0.0\"])>a:focus-visible,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>button:focus-visible,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label:focus-visible,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label>input:not([tuiRadio]):focus-visible{outline:.125rem solid var(--tui-border-focus);outline-offset:-.25rem}@media (hover: hover) and (pointer: fine){tui-segmented:where(*[data-tui-version=\"5.0.0\"])>a:not(.tui-segmented_active):not(:active):hover,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>button:not(.tui-segmented_active):not(:active):hover,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label:not(.tui-segmented_active):not(:active):hover,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover{background-color:var(--tui-background-neutral-1-hover)}tui-segmented:where(*[data-tui-version=\"5.0.0\"])>a:not(.tui-segmented_active):not(:active):hover,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>button:not(.tui-segmented_active):not(:active):hover,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label:not(.tui-segmented_active):not(:active):hover,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>a:not(.tui-segmented_active):not(:active):hover+*,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>button:not(.tui-segmented_active):not(:active):hover+*,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label:not(.tui-segmented_active):not(:active):hover+*,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover+*{border-image:linear-gradient(var(--tui-border-normal),transparent) 1 / 0 0 25% .5 / 100 0 0 .5}}tui-segmented:where(*[data-tui-version=\"5.0.0\"])>a:active,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>button:active,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label:active,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label>input:not([tuiRadio]):active,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>a:active+*,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>button:active+*,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label:active+*,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label>input:not([tuiRadio]):active+*,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>a.tui-segmented_active,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>button.tui-segmented_active,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label.tui-segmented_active,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label>input:not([tuiRadio]).tui-segmented_active,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>a.tui-segmented_active+*,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>button.tui-segmented_active+*,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label.tui-segmented_active+*,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label>input:not([tuiRadio]).tui-segmented_active+*{border-image:linear-gradient(var(--tui-border-normal),transparent) 1 / 0 0 25% .5 / 100 0 0 .5}tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label>input:not([tuiRadio]){position:absolute;inset:-.125rem;background:transparent!important}tui-segmented:where(*[data-tui-version=\"5.0.0\"]):before{transition-property:inset,width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;inset:var(--t-top) auto auto var(--t-left);block-size:var(--t-height);inline-size:var(--t-width);border-radius:inherit;background:currentColor;background-clip:padding-box;border:.125rem solid transparent;box-sizing:border-box;filter:drop-shadow(0 .25rem 1.25rem rgba(0,0,0,.1))}[dir=rtl] tui-segmented:where(*[data-tui-version=\"5.0.0\"]):before{inset-inline:auto var(--t-left)}[tuiTheme=dark] tui-segmented:where(*[data-tui-version=\"5.0.0\"]),tui-segmented[tuiTheme=dark]:where(*[data-tui-version=\"5.0.0\"]){--tui-background-base: var(--tui-background-neutral-1-hover)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiSegmented, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiSegmented, decorators: [{
             type: Component,
             args: [{ selector: 'tui-segmented', template: '<ng-content />', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         WaResizeObserverService,
                         tuiBadgeNotificationOptionsProvider({ size: 's' }),
-                    ], hostDirectives: [TuiSegmentedDirective], host: { '[attr.data-size]': 'size()' }, styles: ["tui-segmented{position:relative;display:flex;flex-shrink:0;color:var(--tui-background-base);background:var(--tui-background-neutral-1);overflow:hidden;-webkit-mask-image:linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000)}tui-segmented[data-size=s]{--t-padding: .5rem;--t-gap: .5rem;--t-margin: -.125rem;--t-height: var(--tui-height-s);font:var(--tui-typography-body-s);border-radius:var(--tui-radius-m)}tui-segmented[data-size=s] tui-icon{font-size:1rem}tui-segmented[data-size=m]{--t-padding: .875rem;--t-gap: 1rem;--t-margin: -.375rem;--t-height: var(--tui-height-m);font:var(--tui-typography-body-m);border-radius:var(--tui-radius-m)}tui-segmented[data-size=l]{--t-padding: 1.25rem;--t-gap: 1rem;--t-margin: -.375rem;--t-height: var(--tui-height-l);font:var(--tui-typography-body-l);border-radius:var(--tui-radius-l)}tui-segmented[data-size=l]>*:before{block-size:1.25rem}tui-segmented>a,tui-segmented>button,tui-segmented>label,tui-segmented>label>input:not([tuiRadio]){transition-property:color,background,opacity,border-image;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;line-height:inherit;text-decoration:none;position:relative;display:flex;align-items:center;justify-content:center;block-size:var(--t-height);white-space:nowrap;gap:var(--t-gap);margin:0;padding:0 var(--t-padding);color:var(--tui-text-primary);overflow:hidden;cursor:pointer;font:inherit;border-radius:inherit;border:.125rem solid transparent;background-clip:padding-box;box-sizing:border-box;border-image:linear-gradient(var(--tui-border-normal),transparent) 1 / 0 0 25% .5 / 0 0 100 .5;clip-path:polygon(-1rem calc(50% - .5rem),1px calc(50% - .5rem),1px 0,100% 0,100% 100%,1px 100%,1px calc(50% + .5rem),-1rem calc(50% + .5rem))}tui-segmented>a>*,tui-segmented>button>*,tui-segmented>label>*,tui-segmented>label>input:not([tuiRadio])>*{margin:0 var(--t-margin)}tui-segmented>a:focus-visible,tui-segmented>button:focus-visible,tui-segmented>label:focus-visible,tui-segmented>label>input:not([tuiRadio]):focus-visible{outline:.125rem solid var(--tui-border-focus);outline-offset:-.25rem}@media (hover: hover) and (pointer: fine){tui-segmented>a:not(.tui-segmented_active):not(:active):hover,tui-segmented>button:not(.tui-segmented_active):not(:active):hover,tui-segmented>label:not(.tui-segmented_active):not(:active):hover,tui-segmented>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover{background-color:var(--tui-background-neutral-1-hover)}tui-segmented>a:not(.tui-segmented_active):not(:active):hover,tui-segmented>button:not(.tui-segmented_active):not(:active):hover,tui-segmented>label:not(.tui-segmented_active):not(:active):hover,tui-segmented>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover,tui-segmented>a:not(.tui-segmented_active):not(:active):hover+*,tui-segmented>button:not(.tui-segmented_active):not(:active):hover+*,tui-segmented>label:not(.tui-segmented_active):not(:active):hover+*,tui-segmented>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover+*{border-image:linear-gradient(var(--tui-border-normal),transparent) 1 / 0 0 25% .5 / 100 0 0 .5}}tui-segmented>a:active,tui-segmented>button:active,tui-segmented>label:active,tui-segmented>label>input:not([tuiRadio]):active,tui-segmented>a:active+*,tui-segmented>button:active+*,tui-segmented>label:active+*,tui-segmented>label>input:not([tuiRadio]):active+*,tui-segmented>a.tui-segmented_active,tui-segmented>button.tui-segmented_active,tui-segmented>label.tui-segmented_active,tui-segmented>label>input:not([tuiRadio]).tui-segmented_active,tui-segmented>a.tui-segmented_active+*,tui-segmented>button.tui-segmented_active+*,tui-segmented>label.tui-segmented_active+*,tui-segmented>label>input:not([tuiRadio]).tui-segmented_active+*{border-image:linear-gradient(var(--tui-border-normal),transparent) 1 / 0 0 25% .5 / 100 0 0 .5}tui-segmented>label>input:not([tuiRadio]){position:absolute;inset:-.125rem;background:transparent!important}tui-segmented:before{transition-property:inset,width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;inset:var(--t-top) auto auto var(--t-left);block-size:var(--t-height);inline-size:var(--t-width);border-radius:inherit;background:currentColor;background-clip:padding-box;border:.125rem solid transparent;box-sizing:border-box;filter:drop-shadow(0 .25rem 1.25rem rgba(0,0,0,.1))}[dir=rtl] tui-segmented:before{inset-inline:auto var(--t-left)}[tuiTheme=dark] tui-segmented,tui-segmented[tuiTheme=dark]{--tui-background-base: var(--tui-background-neutral-1-hover)}\n"] }]
+                    ], hostDirectives: [TuiSegmentedDirective], host: { 'data-tui-version': TUI_VERSION, '[attr.data-size]': 'size()' }, styles: ["tui-segmented:where(*[data-tui-version=\"5.0.0\"]){position:relative;display:flex;flex-shrink:0;color:var(--tui-background-base);background:var(--tui-background-neutral-1);overflow:hidden;-webkit-mask-image:linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000)}tui-segmented:where(*[data-tui-version=\"5.0.0\"])[data-size=s]{--t-padding: .5rem;--t-gap: .5rem;--t-margin: -.125rem;--t-height: var(--tui-height-s);font:var(--tui-typography-body-s);border-radius:var(--tui-radius-m)}tui-segmented:where(*[data-tui-version=\"5.0.0\"])[data-size=s] tui-icon{font-size:1rem}tui-segmented:where(*[data-tui-version=\"5.0.0\"])[data-size=m]{--t-padding: .875rem;--t-gap: 1rem;--t-margin: -.375rem;--t-height: var(--tui-height-m);font:var(--tui-typography-body-m);border-radius:var(--tui-radius-m)}tui-segmented:where(*[data-tui-version=\"5.0.0\"])[data-size=l]{--t-padding: 1.25rem;--t-gap: 1rem;--t-margin: -.375rem;--t-height: var(--tui-height-l);font:var(--tui-typography-body-l);border-radius:var(--tui-radius-l)}tui-segmented:where(*[data-tui-version=\"5.0.0\"])[data-size=l]>*:before{block-size:1.25rem}tui-segmented:where(*[data-tui-version=\"5.0.0\"])>a,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>button,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label>input:not([tuiRadio]){transition-property:color,background,opacity,border-image;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;line-height:inherit;text-decoration:none;position:relative;display:flex;align-items:center;justify-content:center;block-size:var(--t-height);white-space:nowrap;gap:var(--t-gap);margin:0;padding:0 var(--t-padding);color:var(--tui-text-primary);overflow:hidden;cursor:pointer;font:inherit;border-radius:inherit;border:.125rem solid transparent;background-clip:padding-box;box-sizing:border-box;border-image:linear-gradient(var(--tui-border-normal),transparent) 1 / 0 0 25% .5 / 0 0 100 .5;clip-path:polygon(-1rem calc(50% - .5rem),1px calc(50% - .5rem),1px 0,100% 0,100% 100%,1px 100%,1px calc(50% + .5rem),-1rem calc(50% + .5rem))}tui-segmented:where(*[data-tui-version=\"5.0.0\"])>a>*,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>button>*,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label>*,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label>input:not([tuiRadio])>*{margin:0 var(--t-margin)}tui-segmented:where(*[data-tui-version=\"5.0.0\"])>a:focus-visible,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>button:focus-visible,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label:focus-visible,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label>input:not([tuiRadio]):focus-visible{outline:.125rem solid var(--tui-border-focus);outline-offset:-.25rem}@media (hover: hover) and (pointer: fine){tui-segmented:where(*[data-tui-version=\"5.0.0\"])>a:not(.tui-segmented_active):not(:active):hover,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>button:not(.tui-segmented_active):not(:active):hover,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label:not(.tui-segmented_active):not(:active):hover,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover{background-color:var(--tui-background-neutral-1-hover)}tui-segmented:where(*[data-tui-version=\"5.0.0\"])>a:not(.tui-segmented_active):not(:active):hover,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>button:not(.tui-segmented_active):not(:active):hover,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label:not(.tui-segmented_active):not(:active):hover,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>a:not(.tui-segmented_active):not(:active):hover+*,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>button:not(.tui-segmented_active):not(:active):hover+*,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label:not(.tui-segmented_active):not(:active):hover+*,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover+*{border-image:linear-gradient(var(--tui-border-normal),transparent) 1 / 0 0 25% .5 / 100 0 0 .5}}tui-segmented:where(*[data-tui-version=\"5.0.0\"])>a:active,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>button:active,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label:active,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label>input:not([tuiRadio]):active,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>a:active+*,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>button:active+*,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label:active+*,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label>input:not([tuiRadio]):active+*,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>a.tui-segmented_active,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>button.tui-segmented_active,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label.tui-segmented_active,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label>input:not([tuiRadio]).tui-segmented_active,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>a.tui-segmented_active+*,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>button.tui-segmented_active+*,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label.tui-segmented_active+*,tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label>input:not([tuiRadio]).tui-segmented_active+*{border-image:linear-gradient(var(--tui-border-normal),transparent) 1 / 0 0 25% .5 / 100 0 0 .5}tui-segmented:where(*[data-tui-version=\"5.0.0\"])>label>input:not([tuiRadio]){position:absolute;inset:-.125rem;background:transparent!important}tui-segmented:where(*[data-tui-version=\"5.0.0\"]):before{transition-property:inset,width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;inset:var(--t-top) auto auto var(--t-left);block-size:var(--t-height);inline-size:var(--t-width);border-radius:inherit;background:currentColor;background-clip:padding-box;border:.125rem solid transparent;box-sizing:border-box;filter:drop-shadow(0 .25rem 1.25rem rgba(0,0,0,.1))}[dir=rtl] tui-segmented:where(*[data-tui-version=\"5.0.0\"]):before{inset-inline:auto var(--t-left)}[tuiTheme=dark] tui-segmented:where(*[data-tui-version=\"5.0.0\"]),tui-segmented[tuiTheme=dark]:where(*[data-tui-version=\"5.0.0\"]){--tui-background-base: var(--tui-background-neutral-1-hover)}\n"] }]
         }] });
 
 /**