@taiga-ui/kit 4.95.0 → 4.96.0

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

@@ -10,13 +10,13 @@ import { coerceBooleanProperty } from '@angular/cdk/coercion';
 
 class TuiProgressFixedGradientStyles {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiProgressFixedGradientStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiProgressFixedGradientStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-fixed-gradient" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiProgressFixedGradientV=\"4.95.0\"]::-moz-progress-bar{inline-size:100%!important;clip-path:inset(0 calc(100% - var(--tui-progress-percent)) 0 0 round var(--tui-radius-m));-moz-transition:clip-path var(--tui-duration) linear;transition:clip-path var(--tui-duration) linear;margin-inline-end:calc(-100% + var(--tui-progress-percent))}[tuiProgressFixedGradientV=\"4.95.0\"]::-webkit-progress-value{inline-size:100%!important;clip-path:inset(0 calc(100% - var(--tui-progress-percent)) 0 0 round var(--tui-radius-m));-webkit-transition:clip-path var(--tui-duration) linear;transition:clip-path var(--tui-duration) linear}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiProgressFixedGradientStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-fixed-gradient" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiProgressFixedGradientV=\"4.96.0\"]::-moz-progress-bar{inline-size:100%!important;clip-path:inset(0 calc(100% - var(--tui-progress-percent)) 0 0 round var(--tui-radius-m));-moz-transition:clip-path var(--tui-duration) linear;transition:clip-path var(--tui-duration) linear;margin-inline-end:calc(-100% + var(--tui-progress-percent))}[tuiProgressFixedGradientV=\"4.96.0\"]::-webkit-progress-value{inline-size:100%!important;clip-path:inset(0 calc(100% - var(--tui-progress-percent)) 0 0 round var(--tui-radius-m));-webkit-transition:clip-path var(--tui-duration) linear;transition:clip-path var(--tui-duration) linear}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiProgressFixedGradientStyles, decorators: [{
             type: Component,
             args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'tui-fixed-gradient',
-                    }, styles: ["[tuiProgressFixedGradientV=\"4.95.0\"]::-moz-progress-bar{inline-size:100%!important;clip-path:inset(0 calc(100% - var(--tui-progress-percent)) 0 0 round var(--tui-radius-m));-moz-transition:clip-path var(--tui-duration) linear;transition:clip-path var(--tui-duration) linear;margin-inline-end:calc(-100% + var(--tui-progress-percent))}[tuiProgressFixedGradientV=\"4.95.0\"]::-webkit-progress-value{inline-size:100%!important;clip-path:inset(0 calc(100% - var(--tui-progress-percent)) 0 0 round var(--tui-radius-m));-webkit-transition:clip-path var(--tui-duration) linear;transition:clip-path var(--tui-duration) linear}\n"] }]
+                    }, styles: ["[tuiProgressFixedGradientV=\"4.96.0\"]::-moz-progress-bar{inline-size:100%!important;clip-path:inset(0 calc(100% - var(--tui-progress-percent)) 0 0 round var(--tui-radius-m));-moz-transition:clip-path var(--tui-duration) linear;transition:clip-path var(--tui-duration) linear;margin-inline-end:calc(-100% + var(--tui-progress-percent))}[tuiProgressFixedGradientV=\"4.96.0\"]::-webkit-progress-value{inline-size:100%!important;clip-path:inset(0 calc(100% - var(--tui-progress-percent)) 0 0 round var(--tui-radius-m));-webkit-transition:clip-path var(--tui-duration) linear;transition:clip-path var(--tui-duration) linear}\n"] }]
         }] });
 class TuiProgressFixedGradientDirective {
     constructor() {
@@ -29,7 +29,7 @@ class TuiProgressFixedGradientDirective {
         return Math.min((value / max) * 100, 100);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiProgressFixedGradientDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiProgressFixedGradientDirective, isStandalone: true, selector: "progress[tuiProgressBar][tuiProgressFixedGradient]", host: { attributes: { "tuiProgressFixedGradientV": "4.95.0" }, properties: { "style.--tui-progress-percent.%": "progressPercent" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiProgressFixedGradientDirective, isStandalone: true, selector: "progress[tuiProgressBar][tuiProgressFixedGradient]", host: { attributes: { "tuiProgressFixedGradientV": "4.96.0" }, properties: { "style.--tui-progress-percent.%": "progressPercent" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiProgressFixedGradientDirective, decorators: [{
             type: Directive,
@@ -61,7 +61,7 @@ class TuiProgressBar {
         this.size = this.options.size;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiProgressBar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiProgressBar, isStandalone: true, selector: "progress[tuiProgressBar]", inputs: { color: "color", size: "size" }, host: { attributes: { "tuiProgressBarV": "4.95.0" }, properties: { "style.--tui-progress-color": "color", "attr.data-size": "size" } }, ngImport: i0, template: '', isInline: true, styles: ["@keyframes tuiIndeterminateAnimation{50%{background-position:left}}[tuiProgressBarV=\"4.95.0\"]{-webkit-appearance:none;appearance:none;border:none;--t-height: .75rem;display:block;inline-size:100%;block-size:var(--t-height);color:var(--tui-background-accent-1);background:var(--tui-background-neutral-2);clip-path:inset(0 .5px round var(--tui-radius-m));overflow:hidden;border-radius:1rem;flex-shrink:0}[tuiProgressBarV=\"4.95.0\"]::-webkit-progress-value{-webkit-transition:inline-size var(--tui-duration) linear;transition:inline-size var(--tui-duration) linear}[tuiProgressBarV=\"4.95.0\"]::-webkit-progress-value{background:var(--tui-progress-color, currentColor);border-radius:inherit}[tuiProgressBarV=\"4.95.0\"]::-moz-progress-bar{background:var(--tui-progress-color, currentColor);border-radius:inherit}[tuiProgressBarV=\"4.95.0\"][data-size=xxs]{--t-height: .125rem}[tuiProgressBarV=\"4.95.0\"][data-size=xs]{--t-height: .25rem}[tuiProgressBarV=\"4.95.0\"][data-size=s]{--t-height: .5rem}[tuiProgressBarV=\"4.95.0\"][data-size=l]{--t-height: 1rem}[tuiProgressBarV=\"4.95.0\"][data-size=xl]{--t-height: 1.25rem}[tuiProgressBarV=\"4.95.0\"][data-size=xxl]{--t-height: 1.5rem}[tuiProgressBarV=\"4.95.0\"]:indeterminate{background:linear-gradient(to right,var(--tui-background-neutral-2) 0 45%,var(--tui-progress-color, currentColor) 45% 55%,var(--tui-background-neutral-2) 55% 100%) right;background-size:225%;animation:tuiIndeterminateAnimation 3s infinite ease-in-out}[tuiProgressBarV=\"4.95.0\"]:indeterminate::-webkit-progress-value{background:transparent}[tuiProgressBarV=\"4.95.0\"]:indeterminate::-moz-progress-bar{background:transparent}[tuiProgressBarV=\"4.95.0\"]::-webkit-progress-inner-element{border-radius:inherit}[tuiProgressBarV=\"4.95.0\"]::-webkit-progress-bar{background:transparent;border-radius:inherit}label[tuiProgressLabel] [tuiProgressBarV=\"4.95.0\"]:not(:first-child){position:absolute;top:0;left:0;inline-size:100%;block-size:100%;background:transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiProgressBar, isStandalone: true, selector: "progress[tuiProgressBar]", inputs: { color: "color", size: "size" }, host: { attributes: { "tuiProgressBarV": "4.96.0" }, properties: { "style.--tui-progress-color": "color", "attr.data-size": "size" } }, ngImport: i0, template: '', isInline: true, styles: ["@keyframes tuiIndeterminateAnimation{50%{background-position:left}}[tuiProgressBarV=\"4.96.0\"]{-webkit-appearance:none;appearance:none;border:none;--t-height: .75rem;display:block;inline-size:100%;block-size:var(--t-height);color:var(--tui-background-accent-1);background:var(--tui-background-neutral-2);clip-path:inset(0 .5px round var(--tui-radius-m));overflow:hidden;border-radius:1rem;flex-shrink:0}[tuiProgressBarV=\"4.96.0\"]::-webkit-progress-value{-webkit-transition:inline-size var(--tui-duration) linear;transition:inline-size var(--tui-duration) linear}[tuiProgressBarV=\"4.96.0\"]::-webkit-progress-value{background:var(--tui-progress-color, currentColor);border-radius:inherit}[tuiProgressBarV=\"4.96.0\"]::-moz-progress-bar{background:var(--tui-progress-color, currentColor);border-radius:inherit}[tuiProgressBarV=\"4.96.0\"][data-size=xxs]{--t-height: .125rem}[tuiProgressBarV=\"4.96.0\"][data-size=xs]{--t-height: .25rem}[tuiProgressBarV=\"4.96.0\"][data-size=s]{--t-height: .5rem}[tuiProgressBarV=\"4.96.0\"][data-size=l]{--t-height: 1rem}[tuiProgressBarV=\"4.96.0\"][data-size=xl]{--t-height: 1.25rem}[tuiProgressBarV=\"4.96.0\"][data-size=xxl]{--t-height: 1.5rem}[tuiProgressBarV=\"4.96.0\"]:indeterminate{background:linear-gradient(to right,var(--tui-background-neutral-2) 0 45%,var(--tui-progress-color, currentColor) 45% 55%,var(--tui-background-neutral-2) 55% 100%) right;background-size:225%;animation:tuiIndeterminateAnimation 3s infinite ease-in-out}[tuiProgressBarV=\"4.96.0\"]:indeterminate::-webkit-progress-value{background:transparent}[tuiProgressBarV=\"4.96.0\"]:indeterminate::-moz-progress-bar{background:transparent}[tuiProgressBarV=\"4.96.0\"]::-webkit-progress-inner-element{border-radius:inherit}[tuiProgressBarV=\"4.96.0\"]::-webkit-progress-bar{background:transparent;border-radius:inherit}label[tuiProgressLabel] [tuiProgressBarV=\"4.96.0\"]:not(:first-child){position:absolute;top:0;left:0;inline-size:100%;block-size:100%;background:transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiProgressBar, decorators: [{
             type: Component,
@@ -69,7 +69,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         tuiProgressBarV: TUI_VERSION,
                         '[style.--tui-progress-color]': 'color',
                         '[attr.data-size]': 'size',
-                    }, styles: ["@keyframes tuiIndeterminateAnimation{50%{background-position:left}}[tuiProgressBarV=\"4.95.0\"]{-webkit-appearance:none;appearance:none;border:none;--t-height: .75rem;display:block;inline-size:100%;block-size:var(--t-height);color:var(--tui-background-accent-1);background:var(--tui-background-neutral-2);clip-path:inset(0 .5px round var(--tui-radius-m));overflow:hidden;border-radius:1rem;flex-shrink:0}[tuiProgressBarV=\"4.95.0\"]::-webkit-progress-value{-webkit-transition:inline-size var(--tui-duration) linear;transition:inline-size var(--tui-duration) linear}[tuiProgressBarV=\"4.95.0\"]::-webkit-progress-value{background:var(--tui-progress-color, currentColor);border-radius:inherit}[tuiProgressBarV=\"4.95.0\"]::-moz-progress-bar{background:var(--tui-progress-color, currentColor);border-radius:inherit}[tuiProgressBarV=\"4.95.0\"][data-size=xxs]{--t-height: .125rem}[tuiProgressBarV=\"4.95.0\"][data-size=xs]{--t-height: .25rem}[tuiProgressBarV=\"4.95.0\"][data-size=s]{--t-height: .5rem}[tuiProgressBarV=\"4.95.0\"][data-size=l]{--t-height: 1rem}[tuiProgressBarV=\"4.95.0\"][data-size=xl]{--t-height: 1.25rem}[tuiProgressBarV=\"4.95.0\"][data-size=xxl]{--t-height: 1.5rem}[tuiProgressBarV=\"4.95.0\"]:indeterminate{background:linear-gradient(to right,var(--tui-background-neutral-2) 0 45%,var(--tui-progress-color, currentColor) 45% 55%,var(--tui-background-neutral-2) 55% 100%) right;background-size:225%;animation:tuiIndeterminateAnimation 3s infinite ease-in-out}[tuiProgressBarV=\"4.95.0\"]:indeterminate::-webkit-progress-value{background:transparent}[tuiProgressBarV=\"4.95.0\"]:indeterminate::-moz-progress-bar{background:transparent}[tuiProgressBarV=\"4.95.0\"]::-webkit-progress-inner-element{border-radius:inherit}[tuiProgressBarV=\"4.95.0\"]::-webkit-progress-bar{background:transparent;border-radius:inherit}label[tuiProgressLabel] [tuiProgressBarV=\"4.95.0\"]:not(:first-child){position:absolute;top:0;left:0;inline-size:100%;block-size:100%;background:transparent}\n"] }]
+                    }, styles: ["@keyframes tuiIndeterminateAnimation{50%{background-position:left}}[tuiProgressBarV=\"4.96.0\"]{-webkit-appearance:none;appearance:none;border:none;--t-height: .75rem;display:block;inline-size:100%;block-size:var(--t-height);color:var(--tui-background-accent-1);background:var(--tui-background-neutral-2);clip-path:inset(0 .5px round var(--tui-radius-m));overflow:hidden;border-radius:1rem;flex-shrink:0}[tuiProgressBarV=\"4.96.0\"]::-webkit-progress-value{-webkit-transition:inline-size var(--tui-duration) linear;transition:inline-size var(--tui-duration) linear}[tuiProgressBarV=\"4.96.0\"]::-webkit-progress-value{background:var(--tui-progress-color, currentColor);border-radius:inherit}[tuiProgressBarV=\"4.96.0\"]::-moz-progress-bar{background:var(--tui-progress-color, currentColor);border-radius:inherit}[tuiProgressBarV=\"4.96.0\"][data-size=xxs]{--t-height: .125rem}[tuiProgressBarV=\"4.96.0\"][data-size=xs]{--t-height: .25rem}[tuiProgressBarV=\"4.96.0\"][data-size=s]{--t-height: .5rem}[tuiProgressBarV=\"4.96.0\"][data-size=l]{--t-height: 1rem}[tuiProgressBarV=\"4.96.0\"][data-size=xl]{--t-height: 1.25rem}[tuiProgressBarV=\"4.96.0\"][data-size=xxl]{--t-height: 1.5rem}[tuiProgressBarV=\"4.96.0\"]:indeterminate{background:linear-gradient(to right,var(--tui-background-neutral-2) 0 45%,var(--tui-progress-color, currentColor) 45% 55%,var(--tui-background-neutral-2) 55% 100%) right;background-size:225%;animation:tuiIndeterminateAnimation 3s infinite ease-in-out}[tuiProgressBarV=\"4.96.0\"]:indeterminate::-webkit-progress-value{background:transparent}[tuiProgressBarV=\"4.96.0\"]:indeterminate::-moz-progress-bar{background:transparent}[tuiProgressBarV=\"4.96.0\"]::-webkit-progress-inner-element{border-radius:inherit}[tuiProgressBarV=\"4.96.0\"]::-webkit-progress-bar{background:transparent;border-radius:inherit}label[tuiProgressLabel] [tuiProgressBarV=\"4.96.0\"]:not(:first-child){position:absolute;top:0;left:0;inline-size:100%;block-size:100%;background:transparent}\n"] }]
         }], propDecorators: { color: [{
                 type: Input
             }], size: [{
@@ -162,11 +162,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 class TuiProgressSegmentedStyles {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiProgressSegmentedStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiProgressSegmentedStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-progress-segmented" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiProgressSegmentedV=\"4.95.0\"]._segmented{--tui-segment-gap: .5rem;-webkit-mask-image:radial-gradient(circle closest-side at calc(var(--t-height) / 2) center,#999 0 99%,transparent calc(99% + .6px) 100%),radial-gradient(circle closest-side at calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)) center,#999 0 99%,transparent calc(99% + .6px) 100%),linear-gradient(to right,transparent 0 calc(var(--t-height) / 2),#999 calc(var(--t-height) / 2) calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)),transparent calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)));mask-image:radial-gradient(circle closest-side at calc(var(--t-height) / 2) center,#999 0 99%,transparent calc(99% + .6px) 100%),radial-gradient(circle closest-side at calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)) center,#999 0 99%,transparent calc(99% + .6px) 100%),linear-gradient(to right,transparent 0 calc(var(--t-height) / 2),#999 calc(var(--t-height) / 2) calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)),transparent calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)));-webkit-mask-size:calc(100% * var(--t-segment-width) + var(--tui-segment-gap) * var(--t-segment-width));mask-size:calc(100% * var(--t-segment-width) + var(--tui-segment-gap) * var(--t-segment-width))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiProgressSegmentedStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-progress-segmented" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiProgressSegmentedV=\"4.96.0\"]._segmented{--tui-segment-gap: .5rem;-webkit-mask-image:radial-gradient(circle closest-side at calc(var(--t-height) / 2) center,#999 0 99%,transparent calc(99% + .6px) 100%),radial-gradient(circle closest-side at calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)) center,#999 0 99%,transparent calc(99% + .6px) 100%),linear-gradient(to right,transparent 0 calc(var(--t-height) / 2),#999 calc(var(--t-height) / 2) calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)),transparent calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)));mask-image:radial-gradient(circle closest-side at calc(var(--t-height) / 2) center,#999 0 99%,transparent calc(99% + .6px) 100%),radial-gradient(circle closest-side at calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)) center,#999 0 99%,transparent calc(99% + .6px) 100%),linear-gradient(to right,transparent 0 calc(var(--t-height) / 2),#999 calc(var(--t-height) / 2) calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)),transparent calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)));-webkit-mask-size:calc(100% * var(--t-segment-width) + var(--tui-segment-gap) * var(--t-segment-width));mask-size:calc(100% * var(--t-segment-width) + var(--tui-segment-gap) * var(--t-segment-width))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiProgressSegmentedStyles, decorators: [{
             type: Component,
-            args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-progress-segmented' }, styles: ["[tuiProgressSegmentedV=\"4.95.0\"]._segmented{--tui-segment-gap: .5rem;-webkit-mask-image:radial-gradient(circle closest-side at calc(var(--t-height) / 2) center,#999 0 99%,transparent calc(99% + .6px) 100%),radial-gradient(circle closest-side at calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)) center,#999 0 99%,transparent calc(99% + .6px) 100%),linear-gradient(to right,transparent 0 calc(var(--t-height) / 2),#999 calc(var(--t-height) / 2) calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)),transparent calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)));mask-image:radial-gradient(circle closest-side at calc(var(--t-height) / 2) center,#999 0 99%,transparent calc(99% + .6px) 100%),radial-gradient(circle closest-side at calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)) center,#999 0 99%,transparent calc(99% + .6px) 100%),linear-gradient(to right,transparent 0 calc(var(--t-height) / 2),#999 calc(var(--t-height) / 2) calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)),transparent calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)));-webkit-mask-size:calc(100% * var(--t-segment-width) + var(--tui-segment-gap) * var(--t-segment-width));mask-size:calc(100% * var(--t-segment-width) + var(--tui-segment-gap) * var(--t-segment-width))}\n"] }]
+            args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-progress-segmented' }, styles: ["[tuiProgressSegmentedV=\"4.96.0\"]._segmented{--tui-segment-gap: .5rem;-webkit-mask-image:radial-gradient(circle closest-side at calc(var(--t-height) / 2) center,#999 0 99%,transparent calc(99% + .6px) 100%),radial-gradient(circle closest-side at calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)) center,#999 0 99%,transparent calc(99% + .6px) 100%),linear-gradient(to right,transparent 0 calc(var(--t-height) / 2),#999 calc(var(--t-height) / 2) calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)),transparent calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)));mask-image:radial-gradient(circle closest-side at calc(var(--t-height) / 2) center,#999 0 99%,transparent calc(99% + .6px) 100%),radial-gradient(circle closest-side at calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)) center,#999 0 99%,transparent calc(99% + .6px) 100%),linear-gradient(to right,transparent 0 calc(var(--t-height) / 2),#999 calc(var(--t-height) / 2) calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)),transparent calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)));-webkit-mask-size:calc(100% * var(--t-segment-width) + var(--tui-segment-gap) * var(--t-segment-width));mask-size:calc(100% * var(--t-segment-width) + var(--tui-segment-gap) * var(--t-segment-width))}\n"] }]
         }] });
 class TuiProgressSegmented {
     constructor() {
@@ -174,7 +174,7 @@ class TuiProgressSegmented {
         this.segments = 1;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiProgressSegmented, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiProgressSegmented, isStandalone: true, selector: "[tuiProgressBar][segments]", inputs: { segments: "segments" }, host: { attributes: { "tuiProgressSegmentedV": "4.95.0" }, properties: { "style.--t-segment-width": "1 / segments" }, classAttribute: "_segmented" }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiProgressSegmented, isStandalone: true, selector: "[tuiProgressBar][segments]", inputs: { segments: "segments" }, host: { attributes: { "tuiProgressSegmentedV": "4.96.0" }, properties: { "style.--t-segment-width": "1 / segments" }, classAttribute: "_segmented" }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiProgressSegmented, decorators: [{
             type: Directive,

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

@@ -28,7 +28,7 @@ class TuiPushComponent {
         this.close = new EventEmitter();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiPushComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiPushComponent, isStandalone: true, selector: "tui-push", inputs: { heading: "heading", type: "type", lines: "lines", timestamp: "timestamp" }, outputs: { close: "close" }, host: { properties: { "style.--t-lines": "lines" } }, providers: [tuiButtonOptionsProvider({ size: 's', appearance: 'secondary' })], ngImport: i0, template: "<div class=\"t-image\">\n    <ng-content select=\"img\" />\n</div>\n<button\n    *ngIf=\"close.observed\"\n    appearance=\"\"\n    size=\"xs\"\n    tuiIconButton\n    type=\"button\"\n    class=\"t-close\"\n    [iconStart]=\"icons.close\"\n    [style.border-radius.%]=\"100\"\n    (click)=\"close.emit()\"\n>\n    {{ closeWord$ | async }}\n</button>\n<div class=\"t-top\">\n    <span class=\"t-icon\">\n        <ng-content select=\"tui-svg,tui-icon\" />\n    </span>\n    {{ type }}\n    <span\n        *ngIf=\"timestamp\"\n        class=\"t-time\"\n        [textContent]=\"isString(timestamp) ? timestamp : (timestamp | tuiFormatDate | async)\"\n    ></span>\n</div>\n<h3\n    automation-id=\"tui-push__heading\"\n    class=\"t-heading\"\n>\n    {{ heading }}\n</h3>\n<div class=\"t-content\">\n    <ng-content />\n</div>\n<div class=\"t-actions\">\n    <span class=\"t-button\">\n        <ng-content select=\"[tuiButton]\" />\n    </span>\n    <span class=\"t-link\">\n        <ng-content select=\"[tuiLink]\" />\n    </span>\n</div>\n", styles: [":host{position:relative;display:block;inline-size:22.5rem;max-inline-size:100%;box-sizing:border-box;padding:1.25rem 1.25rem .25rem;overflow:hidden;font:var(--tui-font-text-m);border-radius:var(--tui-radius-xl);background:var(--tui-background-elevation-2);box-shadow:var(--tui-shadow-small)}.t-image{display:flex;flex-direction:column;max-block-size:10.625rem;overflow:hidden;margin:-1.25rem -1.25rem 1.25rem}.t-close{position:absolute;top:.75rem;right:.75rem;color:#0000008a;background:#f2f2f252;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}@supports (inset-inline-end: 0){.t-close{right:unset;inset-inline-end:.75rem}}.t-top{display:flex;align-items:center;font:var(--tui-font-text-s);color:var(--tui-text-secondary)}.t-icon{block-size:1.25rem;margin-inline-end:.5rem;transform:scale(.833);transform-origin:top left;color:var(--tui-text-action)}.t-time:before{content:\"\\2022\";display:inline-block;inline-size:1rem;text-align:center}.t-heading{line-height:1.25rem;font-weight:700;margin:.75rem 0 .25rem}.t-heading,.t-content{display:-webkit-box;-webkit-box-orient:block-axis;-webkit-line-clamp:var(--t-lines);word-break:break-word;overflow:hidden}.t-actions{display:flex;align-items:center;font:var(--tui-font-text-s)}.t-button:not(:empty){margin:.75rem .75rem .75rem 0}.t-link{margin:.75rem 0}.t-link:empty{margin:.5rem}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "pipe", type: TuiFormatDatePipe, name: "tuiFormatDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiPushComponent, isStandalone: true, selector: "tui-push", inputs: { heading: "heading", type: "type", lines: "lines", timestamp: "timestamp" }, outputs: { close: "close" }, host: { properties: { "style.--t-lines": "lines" } }, providers: [tuiButtonOptionsProvider({ size: 's', appearance: 'secondary' })], ngImport: i0, template: "<div class=\"t-image\">\n    <ng-content select=\"img\" />\n</div>\n<button\n    *ngIf=\"close.observed\"\n    appearance=\"\"\n    size=\"xs\"\n    tuiIconButton\n    type=\"button\"\n    class=\"t-close\"\n    [iconStart]=\"icons.close\"\n    [style.border-radius.%]=\"100\"\n    (click)=\"close.emit()\"\n>\n    {{ closeWord$ | async }}\n</button>\n<div class=\"t-top\">\n    <span class=\"t-icon\">\n        <ng-content select=\"tui-svg,tui-icon\" />\n    </span>\n    {{ type }}\n    <span\n        *ngIf=\"timestamp\"\n        class=\"t-time\"\n        [textContent]=\"isString(timestamp) ? timestamp : (timestamp | tuiFormatDate | async)\"\n    ></span>\n</div>\n<h3\n    automation-id=\"tui-push__heading\"\n    class=\"t-heading\"\n>\n    {{ heading }}\n</h3>\n<div class=\"t-content\">\n    <ng-content />\n</div>\n<div class=\"t-actions\">\n    <span class=\"t-button\">\n        <ng-content select=\"[tuiButton]\" />\n    </span>\n    <span class=\"t-link\">\n        <ng-content select=\"[tuiLink]\" />\n    </span>\n</div>\n", styles: [":host{position:relative;display:block;inline-size:22.5rem;max-inline-size:100%;box-sizing:border-box;padding:1.25rem 1.25rem .25rem;overflow:hidden;font:var(--tui-font-text-m);border-radius:var(--tui-radius-xl);background:var(--tui-background-elevation-2);box-shadow:var(--tui-shadow-small)}.t-image{display:flex;flex-direction:column;max-block-size:10.625rem;overflow:hidden;margin:-1.25rem -1.25rem 1.25rem}.t-close{position:absolute;top:.75rem;right:.75rem;color:#0000008a;background:#f2f2f252;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}@supports (inset-inline-end: 0){.t-close{right:unset;inset-inline-end:.75rem}}.t-top{display:flex;align-items:center;font:var(--tui-font-text-s);color:var(--tui-text-secondary)}.t-icon{block-size:1.25rem;margin-inline-end:.5rem;transform:scale(.833);transform-origin:top left;color:var(--tui-text-action)}.t-time:before{content:\"\\2022\";display:inline-block;inline-size:1rem;text-align:center}.t-heading{line-height:1.25rem;font-weight:700;margin:.75rem 0 .25rem}.t-heading,.t-content{display:-webkit-box;-webkit-box-orient:block-axis;-webkit-line-clamp:var(--t-lines);word-break:break-word;overflow:hidden}.t-actions{display:flex;align-items:center;font:var(--tui-font-text-s)}.t-button:not(:empty){margin:.75rem .75rem .75rem 0}.t-link{margin:.75rem 0}.t-link:empty{margin:.5rem}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],label[tuiButton],a[tuiIconButton],button[tuiIconButton],label[tuiIconButton]", inputs: ["size"] }, { kind: "pipe", type: TuiFormatDatePipe, name: "tuiFormatDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiPushComponent, decorators: [{
             type: Component,
@@ -74,7 +74,7 @@ class TuiPushAlert {
         return this.context.content instanceof TuiPushDirective;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiPushAlert, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiPushAlert, isStandalone: true, selector: "ng-component", host: { attributes: { "role": "alert" } }, hostDirectives: [{ directive: i1.TuiAnimated }], ngImport: i0, template: "<div class=\"t-wrapper\">\n    <tui-push\n        *ngIf=\"!isDirective; else directive\"\n        [heading]=\"context.heading\"\n        [timestamp]=\"context.timestamp\"\n        [type]=\"context.type\"\n        (close)=\"context.$implicit.complete()\"\n    >\n        <img\n            *ngIf=\"context.image\"\n            alt=\"\"\n            [src]=\"context.image\"\n        />\n        <tui-icon\n            *ngIf=\"context.icon\"\n            [icon]=\"context.icon\"\n            [style.color]=\"context.iconColor\"\n        />\n        <div\n            *polymorpheusOutlet=\"context.content as text; context: context\"\n            [innerHTML]=\"text\"\n        ></div>\n        <button\n            *ngIf=\"context.buttons.length > 1\"\n            tuiButton\n            type=\"button\"\n            (click)=\"context.$implicit.next(context.buttons[0] || '')\"\n        >\n            {{ context.buttons[0] }}\n        </button>\n        <button\n            *ngIf=\"context.buttons.length\"\n            tuiLink\n            type=\"button\"\n            (click)=\"context.$implicit.next(context.buttons[context.buttons.length - 1] || '')\"\n        >\n            {{ context.buttons[context.buttons.length - 1] }}\n        </button>\n    </tui-push>\n    <ng-template #directive>\n        <ng-container *polymorpheusOutlet=\"context.content\" />\n    </ng-template>\n</div>\n", styles: [":host{position:relative;bottom:1rem;display:grid;flex-shrink:0;max-inline-size:calc(100% - 2rem);margin:0 1rem 0 auto;border-radius:var(--tui-radius-xl);box-shadow:var(--tui-shadow-small);overflow:hidden;--tui-from: translateX(100%)}:host.tui-enter,:host.tui-leave{animation-name:tuiFade,tuiSlide,tuiCollapse}:host.tui-leave:not(:first-child){transition-property:margin;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-block-start:-1rem!important}:host:first-child{margin-block-start:auto}:host:not(:last-child){transition-property:margin;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-block-end:1rem}.t-wrapper{grid-row:1 / span 2;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "component", type: TuiPushComponent, selector: "tui-push", inputs: ["heading", "type", "lines", "timestamp"], outputs: ["close"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiPushAlert, isStandalone: true, selector: "ng-component", host: { attributes: { "role": "alert" } }, hostDirectives: [{ directive: i1.TuiAnimated }], ngImport: i0, template: "<div class=\"t-wrapper\">\n    <tui-push\n        *ngIf=\"!isDirective; else directive\"\n        [heading]=\"context.heading\"\n        [timestamp]=\"context.timestamp\"\n        [type]=\"context.type\"\n        (close)=\"context.$implicit.complete()\"\n    >\n        <img\n            *ngIf=\"context.image\"\n            alt=\"\"\n            [src]=\"context.image\"\n        />\n        <tui-icon\n            *ngIf=\"context.icon\"\n            [icon]=\"context.icon\"\n            [style.color]=\"context.iconColor\"\n        />\n        <div\n            *polymorpheusOutlet=\"context.content as text; context: context\"\n            [innerHTML]=\"text\"\n        ></div>\n        <button\n            *ngIf=\"context.buttons.length > 1\"\n            tuiButton\n            type=\"button\"\n            (click)=\"context.$implicit.next(context.buttons[0] || '')\"\n        >\n            {{ context.buttons[0] }}\n        </button>\n        <button\n            *ngIf=\"context.buttons.length\"\n            tuiLink\n            type=\"button\"\n            (click)=\"context.$implicit.next(context.buttons[context.buttons.length - 1] || '')\"\n        >\n            {{ context.buttons[context.buttons.length - 1] }}\n        </button>\n    </tui-push>\n    <ng-template #directive>\n        <ng-container *polymorpheusOutlet=\"context.content\" />\n    </ng-template>\n</div>\n", styles: [":host{position:relative;bottom:1rem;display:grid;flex-shrink:0;max-inline-size:calc(100% - 2rem);margin:0 1rem 0 auto;border-radius:var(--tui-radius-xl);box-shadow:var(--tui-shadow-small);overflow:hidden;--tui-from: translateX(100%)}:host.tui-enter,:host.tui-leave{animation-name:tuiFade,tuiSlide,tuiCollapse}:host.tui-leave:not(:first-child){transition-property:margin;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-block-start:-1rem!important}:host:first-child{margin-block-start:auto}:host:not(:last-child){transition-property:margin;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-block-end:1rem}.t-wrapper{grid-row:1 / span 2;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],label[tuiButton],a[tuiIconButton],button[tuiIconButton],label[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "component", type: TuiPushComponent, selector: "tui-push", inputs: ["heading", "type", "lines", "timestamp"], outputs: ["close"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiPushAlert, decorators: [{
             type: Component,

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-push.mjs","sources":["../../../projects/kit/components/push/push.component.ts","../../../projects/kit/components/push/push.template.html","../../../projects/kit/components/push/push.options.ts","../../../projects/kit/components/push/push-alert.component.ts","../../../projects/kit/components/push/push-alert.template.html","../../../projects/kit/components/push/push.service.ts","../../../projects/kit/components/push/push.directive.ts","../../../projects/kit/components/push/push.ts","../../../projects/kit/components/push/taiga-ui-kit-components-push.ts"],"sourcesContent":["import {AsyncPipe, NgIf} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    EventEmitter,\n    inject,\n    Input,\n    Output,\n} from '@angular/core';\nimport {tuiIsString} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiButton, tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\nimport {TuiFormatDatePipe} from '@taiga-ui/core/pipes/format-date';\nimport {TUI_CLOSE_WORD, TUI_COMMON_ICONS} from '@taiga-ui/core/tokens';\n\n@Component({\n    standalone: true,\n    selector: 'tui-push',\n    imports: [AsyncPipe, NgIf, TuiButton, TuiFormatDatePipe],\n    templateUrl: './push.template.html',\n    styleUrls: ['./push.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [tuiButtonOptionsProvider({size: 's', appearance: 'secondary'})],\n    host: {\n        '[style.--t-lines]': 'lines',\n    },\n})\nexport class TuiPushComponent {\n    protected readonly isString = tuiIsString;\n    protected readonly closeWord$ = inject(TUI_CLOSE_WORD);\n    protected readonly icons = inject(TUI_COMMON_ICONS);\n\n    @Input()\n    public heading = '';\n\n    @Input()\n    public type = '';\n\n    @Input()\n    public lines = 2;\n\n    @Input()\n    public timestamp: number | string = '';\n\n    @Output()\n    public readonly close = new EventEmitter<void>();\n}\n","<div class=\"t-image\">\n    <ng-content select=\"img\" />\n</div>\n<button\n    *ngIf=\"close.observed\"\n    appearance=\"\"\n    size=\"xs\"\n    tuiIconButton\n    type=\"button\"\n    class=\"t-close\"\n    [iconStart]=\"icons.close\"\n    [style.border-radius.%]=\"100\"\n    (click)=\"close.emit()\"\n>\n    {{ closeWord$ | async }}\n</button>\n<div class=\"t-top\">\n    <span class=\"t-icon\">\n        <ng-content select=\"tui-svg,tui-icon\" />\n    </span>\n    {{ type }}\n    <span\n        *ngIf=\"timestamp\"\n        class=\"t-time\"\n        [textContent]=\"isString(timestamp) ? timestamp : (timestamp | tuiFormatDate | async)\"\n    ></span>\n</div>\n<h3\n    automation-id=\"tui-push__heading\"\n    class=\"t-heading\"\n>\n    {{ heading }}\n</h3>\n<div class=\"t-content\">\n    <ng-content />\n</div>\n<div class=\"t-actions\">\n    <span class=\"t-button\">\n        <ng-content select=\"[tuiButton]\" />\n    </span>\n    <span class=\"t-link\">\n        <ng-content select=\"[tuiLink]\" />\n    </span>\n</div>\n","import {InjectionToken, type Provider} from '@angular/core';\nimport {tuiProvideOptions} from '@taiga-ui/cdk/utils/miscellaneous';\n\nexport interface TuiPushOptions {\n    readonly buttons: readonly string[];\n    readonly heading: string;\n    readonly icon: string;\n    readonly iconColor: string;\n    readonly image: string;\n    readonly timestamp: number | string;\n    readonly type: string;\n}\n\nexport const TUI_PUSH_DEFAULT_OPTIONS: TuiPushOptions = {\n    heading: '',\n    type: '',\n    timestamp: '',\n    image: '',\n    icon: '',\n    iconColor: '',\n    buttons: [],\n};\n\n/**\n * Default parameters for Push component\n */\nexport const TUI_PUSH_OPTIONS = new InjectionToken(ngDevMode ? 'TUI_PUSH_OPTIONS' : '', {\n    factory: () => TUI_PUSH_DEFAULT_OPTIONS,\n});\n\nexport function tuiPushOptionsProvider(options: Partial<TuiPushOptions>): Provider {\n    return tuiProvideOptions(TUI_PUSH_OPTIONS, options, TUI_PUSH_DEFAULT_OPTIONS);\n}\n","import {NgIf} from '@angular/common';\nimport {ChangeDetectionStrategy, Component} from '@angular/core';\nimport {TuiAnimated} from '@taiga-ui/cdk/directives/animated';\nimport {type TuiPopover} from '@taiga-ui/cdk/services';\nimport {TuiButton} from '@taiga-ui/core/components/button';\nimport {TuiIcon} from '@taiga-ui/core/components/icon';\nimport {TuiLink} from '@taiga-ui/core/components/link';\nimport {injectContext, PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\nimport {TuiPushComponent} from './push.component';\nimport {TuiPushDirective} from './push.directive';\nimport {type TuiPushOptions} from './push.options';\n\n@Component({\n    standalone: true,\n    imports: [NgIf, PolymorpheusOutlet, TuiButton, TuiIcon, TuiLink, TuiPushComponent],\n    templateUrl: './push-alert.template.html',\n    styleUrls: ['./push-alert.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    hostDirectives: [TuiAnimated],\n    host: {\n        role: 'alert',\n    },\n})\nexport class TuiPushAlert {\n    protected readonly context = injectContext<TuiPopover<TuiPushOptions, string>>();\n\n    protected get isDirective(): boolean {\n        return this.context.content instanceof TuiPushDirective;\n    }\n}\n","<div class=\"t-wrapper\">\n    <tui-push\n        *ngIf=\"!isDirective; else directive\"\n        [heading]=\"context.heading\"\n        [timestamp]=\"context.timestamp\"\n        [type]=\"context.type\"\n        (close)=\"context.$implicit.complete()\"\n    >\n        <img\n            *ngIf=\"context.image\"\n            alt=\"\"\n            [src]=\"context.image\"\n        />\n        <tui-icon\n            *ngIf=\"context.icon\"\n            [icon]=\"context.icon\"\n            [style.color]=\"context.iconColor\"\n        />\n        <div\n            *polymorpheusOutlet=\"context.content as text; context: context\"\n            [innerHTML]=\"text\"\n        ></div>\n        <button\n            *ngIf=\"context.buttons.length > 1\"\n            tuiButton\n            type=\"button\"\n            (click)=\"context.$implicit.next(context.buttons[0] || '')\"\n        >\n            {{ context.buttons[0] }}\n        </button>\n        <button\n            *ngIf=\"context.buttons.length\"\n            tuiLink\n            type=\"button\"\n            (click)=\"context.$implicit.next(context.buttons[context.buttons.length - 1] || '')\"\n        >\n            {{ context.buttons[context.buttons.length - 1] }}\n        </button>\n    </tui-push>\n    <ng-template #directive>\n        <ng-container *polymorpheusOutlet=\"context.content\" />\n    </ng-template>\n</div>\n","import {inject, Injectable} from '@angular/core';\nimport {TuiPopoverService} from '@taiga-ui/cdk/services';\nimport {TUI_ALERTS} from '@taiga-ui/core/components/alert';\n\nimport {TUI_PUSH_OPTIONS, type TuiPushOptions} from './push.options';\nimport {TuiPushAlert} from './push-alert.component';\n\n@Injectable({\n    providedIn: 'root',\n    useFactory: () =>\n        new TuiPushService(TUI_ALERTS, TuiPushAlert, inject(TUI_PUSH_OPTIONS)),\n})\nexport class TuiPushService extends TuiPopoverService<TuiPushOptions, string> {}\n","import {\n    ChangeDetectorRef,\n    Directive,\n    forwardRef,\n    inject,\n    Input,\n    TemplateRef,\n} from '@angular/core';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {tuiIfMap} from '@taiga-ui/cdk/observables';\nimport {PolymorpheusTemplate} from '@taiga-ui/polymorpheus';\nimport {Subject} from 'rxjs';\n\nimport {TuiPushService} from './push.service';\n\n@Directive({\n    standalone: true,\n    selector: 'ng-template[tuiPush]',\n})\nexport class TuiPushDirective extends PolymorpheusTemplate {\n    private readonly push: TuiPushService = inject(forwardRef(() => TuiPushService));\n    private readonly show$ = new Subject<boolean>();\n\n    constructor() {\n        super(inject(TemplateRef), inject(ChangeDetectorRef));\n\n        this.show$\n            .pipe(\n                tuiIfMap(() => this.push.open(this)),\n                takeUntilDestroyed(),\n            )\n            .subscribe();\n    }\n\n    @Input()\n    public set tuiPush(show: boolean) {\n        this.show$.next(show);\n    }\n}\n","import {TuiPushComponent} from './push.component';\nimport {TuiPushDirective} from './push.directive';\nimport {TuiPushAlert} from './push-alert.component';\n\nexport const TuiPush = [TuiPushComponent, TuiPushAlert, TuiPushDirective] as const;\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-push.mjs","sources":["../../../projects/kit/components/push/push.component.ts","../../../projects/kit/components/push/push.template.html","../../../projects/kit/components/push/push.options.ts","../../../projects/kit/components/push/push-alert.component.ts","../../../projects/kit/components/push/push-alert.template.html","../../../projects/kit/components/push/push.service.ts","../../../projects/kit/components/push/push.directive.ts","../../../projects/kit/components/push/push.ts","../../../projects/kit/components/push/taiga-ui-kit-components-push.ts"],"sourcesContent":["import {AsyncPipe, NgIf} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    EventEmitter,\n    inject,\n    Input,\n    Output,\n} from '@angular/core';\nimport {tuiIsString} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiButton, tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\nimport {TuiFormatDatePipe} from '@taiga-ui/core/pipes/format-date';\nimport {TUI_CLOSE_WORD, TUI_COMMON_ICONS} from '@taiga-ui/core/tokens';\n\n@Component({\n    standalone: true,\n    selector: 'tui-push',\n    imports: [AsyncPipe, NgIf, TuiButton, TuiFormatDatePipe],\n    templateUrl: './push.template.html',\n    styleUrls: ['./push.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [tuiButtonOptionsProvider({size: 's', appearance: 'secondary'})],\n    host: {\n        '[style.--t-lines]': 'lines',\n    },\n})\nexport class TuiPushComponent {\n    protected readonly isString = tuiIsString;\n    protected readonly closeWord$ = inject(TUI_CLOSE_WORD);\n    protected readonly icons = inject(TUI_COMMON_ICONS);\n\n    @Input()\n    public heading = '';\n\n    @Input()\n    public type = '';\n\n    @Input()\n    public lines = 2;\n\n    @Input()\n    public timestamp: number | string = '';\n\n    @Output()\n    public readonly close = new EventEmitter<void>();\n}\n","<div class=\"t-image\">\n    <ng-content select=\"img\" />\n</div>\n<button\n    *ngIf=\"close.observed\"\n    appearance=\"\"\n    size=\"xs\"\n    tuiIconButton\n    type=\"button\"\n    class=\"t-close\"\n    [iconStart]=\"icons.close\"\n    [style.border-radius.%]=\"100\"\n    (click)=\"close.emit()\"\n>\n    {{ closeWord$ | async }}\n</button>\n<div class=\"t-top\">\n    <span class=\"t-icon\">\n        <ng-content select=\"tui-svg,tui-icon\" />\n    </span>\n    {{ type }}\n    <span\n        *ngIf=\"timestamp\"\n        class=\"t-time\"\n        [textContent]=\"isString(timestamp) ? timestamp : (timestamp | tuiFormatDate | async)\"\n    ></span>\n</div>\n<h3\n    automation-id=\"tui-push__heading\"\n    class=\"t-heading\"\n>\n    {{ heading }}\n</h3>\n<div class=\"t-content\">\n    <ng-content />\n</div>\n<div class=\"t-actions\">\n    <span class=\"t-button\">\n        <ng-content select=\"[tuiButton]\" />\n    </span>\n    <span class=\"t-link\">\n        <ng-content select=\"[tuiLink]\" />\n    </span>\n</div>\n","import {InjectionToken, type Provider} from '@angular/core';\nimport {tuiProvideOptions} from '@taiga-ui/cdk/utils/miscellaneous';\n\nexport interface TuiPushOptions {\n    readonly buttons: readonly string[];\n    readonly heading: string;\n    readonly icon: string;\n    readonly iconColor: string;\n    readonly image: string;\n    readonly timestamp: number | string;\n    readonly type: string;\n}\n\nexport const TUI_PUSH_DEFAULT_OPTIONS: TuiPushOptions = {\n    heading: '',\n    type: '',\n    timestamp: '',\n    image: '',\n    icon: '',\n    iconColor: '',\n    buttons: [],\n};\n\n/**\n * Default parameters for Push component\n */\nexport const TUI_PUSH_OPTIONS = new InjectionToken(ngDevMode ? 'TUI_PUSH_OPTIONS' : '', {\n    factory: () => TUI_PUSH_DEFAULT_OPTIONS,\n});\n\nexport function tuiPushOptionsProvider(options: Partial<TuiPushOptions>): Provider {\n    return tuiProvideOptions(TUI_PUSH_OPTIONS, options, TUI_PUSH_DEFAULT_OPTIONS);\n}\n","import {NgIf} from '@angular/common';\nimport {ChangeDetectionStrategy, Component} from '@angular/core';\nimport {TuiAnimated} from '@taiga-ui/cdk/directives/animated';\nimport {type TuiPopover} from '@taiga-ui/cdk/services';\nimport {TuiButton} from '@taiga-ui/core/components/button';\nimport {TuiIcon} from '@taiga-ui/core/components/icon';\nimport {TuiLink} from '@taiga-ui/core/components/link';\nimport {injectContext, PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\nimport {TuiPushComponent} from './push.component';\nimport {TuiPushDirective} from './push.directive';\nimport {type TuiPushOptions} from './push.options';\n\n@Component({\n    standalone: true,\n    imports: [NgIf, PolymorpheusOutlet, TuiButton, TuiIcon, TuiLink, TuiPushComponent],\n    templateUrl: './push-alert.template.html',\n    styleUrls: ['./push-alert.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    hostDirectives: [TuiAnimated],\n    host: {\n        role: 'alert',\n    },\n})\nexport class TuiPushAlert {\n    protected readonly context = injectContext<TuiPopover<TuiPushOptions, string>>();\n\n    protected get isDirective(): boolean {\n        return this.context.content instanceof TuiPushDirective;\n    }\n}\n","<div class=\"t-wrapper\">\n    <tui-push\n        *ngIf=\"!isDirective; else directive\"\n        [heading]=\"context.heading\"\n        [timestamp]=\"context.timestamp\"\n        [type]=\"context.type\"\n        (close)=\"context.$implicit.complete()\"\n    >\n        <img\n            *ngIf=\"context.image\"\n            alt=\"\"\n            [src]=\"context.image\"\n        />\n        <tui-icon\n            *ngIf=\"context.icon\"\n            [icon]=\"context.icon\"\n            [style.color]=\"context.iconColor\"\n        />\n        <div\n            *polymorpheusOutlet=\"context.content as text; context: context\"\n            [innerHTML]=\"text\"\n        ></div>\n        <button\n            *ngIf=\"context.buttons.length > 1\"\n            tuiButton\n            type=\"button\"\n            (click)=\"context.$implicit.next(context.buttons[0] || '')\"\n        >\n            {{ context.buttons[0] }}\n        </button>\n        <button\n            *ngIf=\"context.buttons.length\"\n            tuiLink\n            type=\"button\"\n            (click)=\"context.$implicit.next(context.buttons[context.buttons.length - 1] || '')\"\n        >\n            {{ context.buttons[context.buttons.length - 1] }}\n        </button>\n    </tui-push>\n    <ng-template #directive>\n        <ng-container *polymorpheusOutlet=\"context.content\" />\n    </ng-template>\n</div>\n","import {inject, Injectable} from '@angular/core';\nimport {TuiPopoverService} from '@taiga-ui/cdk/services';\nimport {TUI_ALERTS} from '@taiga-ui/core/components/alert';\n\nimport {TUI_PUSH_OPTIONS, type TuiPushOptions} from './push.options';\nimport {TuiPushAlert} from './push-alert.component';\n\n@Injectable({\n    providedIn: 'root',\n    useFactory: () =>\n        new TuiPushService(TUI_ALERTS, TuiPushAlert, inject(TUI_PUSH_OPTIONS)),\n})\nexport class TuiPushService extends TuiPopoverService<TuiPushOptions, string> {}\n","import {\n    ChangeDetectorRef,\n    Directive,\n    forwardRef,\n    inject,\n    Input,\n    TemplateRef,\n} from '@angular/core';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {tuiIfMap} from '@taiga-ui/cdk/observables';\nimport {PolymorpheusTemplate} from '@taiga-ui/polymorpheus';\nimport {Subject} from 'rxjs';\n\nimport {TuiPushService} from './push.service';\n\n@Directive({\n    standalone: true,\n    selector: 'ng-template[tuiPush]',\n})\nexport class TuiPushDirective extends PolymorpheusTemplate {\n    private readonly push: TuiPushService = inject(forwardRef(() => TuiPushService));\n    private readonly show$ = new Subject<boolean>();\n\n    constructor() {\n        super(inject(TemplateRef), inject(ChangeDetectorRef));\n\n        this.show$\n            .pipe(\n                tuiIfMap(() => this.push.open(this)),\n                takeUntilDestroyed(),\n            )\n            .subscribe();\n    }\n\n    @Input()\n    public set tuiPush(show: boolean) {\n        this.show$.next(show);\n    }\n}\n","import {TuiPushComponent} from './push.component';\nimport {TuiPushDirective} from './push.directive';\nimport {TuiPushAlert} from './push-alert.component';\n\nexport const TuiPush = [TuiPushComponent, TuiPushAlert, TuiPushDirective] as const;\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-radio-list.mjs

@@ -39,7 +39,7 @@ class TuiRadioList extends TuiControl {
             : this.identityMatcher(this.value(), item);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiRadioList, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiRadioList, isStandalone: true, selector: "tui-radio-list", inputs: { items: "items", size: "size", identityMatcher: "identityMatcher", disabledItemHandler: "disabledItemHandler", itemContent: "itemContent" }, host: { attributes: { "tuiRadioListV": "4.95.0" }, listeners: { "focusout": "onFocusOut()" }, properties: { "attr.data-size": "size" } }, providers: [tuiAsControl(TuiRadioList)], viewQueries: [{ propertyName: "controls", predicate: NgControl, descendants: true }], usesInheritance: true, ngImport: i0, template: "<label\n    *ngFor=\"let item of items; index as index\"\n    class=\"t-item\"\n    [class.t-item_disabled]=\"disabled() || disabledItemHandler(item)\"\n>\n    <input\n        tuiRadio\n        type=\"radio\"\n        [disabled]=\"disabled() || disabledItemHandler(item)\"\n        [identityMatcher]=\"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 *polymorpheusOutlet=\"itemContent as text; context: {$implicit: item, active: itemIsActive(item)}\">\n        {{ text }}\n    </ng-container>\n</label>\n", styles: ["[tuiRadioListV=\"4.95.0\"]{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem 1.5rem;font:var(--tui-font-text-m)}[tuiRadioListV=\"4.95.0\"][data-size=s],[tuiRadioListV=\"4.95.0\"][data-size=s] [tuiTitle]{font:var(--tui-font-text-ui-s)}[tuiRadioListV=\"4.95.0\"][data-size=s] [tuiSubtitle],[tuiRadioListV=\"4.95.0\"][data-size=s] [tuiTitle] [tuiSubtitle]{font:var(--tui-font-text-xs)}[tuiRadioListV=\"4.95.0\"][data-size=s]>.t-item,[tuiRadioListV=\"4.95.0\"][data-size=s] [tuiTitle]>.t-item{gap:.5rem}[tuiRadioListV=\"4.95.0\"] [tuiTitle]{font:var(--tui-font-text-m)}[tuiRadioListV=\"4.95.0\"] [tuiSubtitle]{color:var(--tui-text-secondary)}[tuiRadioListV=\"4.95.0\"]>.t-item{display:flex;gap:.75rem}[tuiRadioListV=\"4.95.0\"]>.t-item_disabled{opacity:var(--tui-disabled-opacity)}\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.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { 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: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: i2.TuiRadioComponent, selector: "input[type=\"radio\"][tuiRadio]", inputs: ["size"] }, { kind: "directive", type: i2.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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiRadioList, isStandalone: true, selector: "tui-radio-list", inputs: { items: "items", size: "size", identityMatcher: "identityMatcher", disabledItemHandler: "disabledItemHandler", itemContent: "itemContent" }, host: { attributes: { "tuiRadioListV": "4.96.0" }, listeners: { "focusout": "onFocusOut()" }, properties: { "attr.data-size": "size" } }, providers: [tuiAsControl(TuiRadioList)], viewQueries: [{ propertyName: "controls", predicate: NgControl, descendants: true }], usesInheritance: true, ngImport: i0, template: "<label\n    *ngFor=\"let item of items; index as index\"\n    class=\"t-item\"\n    [class.t-item_disabled]=\"disabled() || disabledItemHandler(item)\"\n>\n    <input\n        tuiRadio\n        type=\"radio\"\n        [disabled]=\"disabled() || disabledItemHandler(item)\"\n        [identityMatcher]=\"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 *polymorpheusOutlet=\"itemContent as text; context: {$implicit: item, active: itemIsActive(item)}\">\n        {{ text }}\n    </ng-container>\n</label>\n", styles: ["[tuiRadioListV=\"4.96.0\"]{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem 1.5rem;font:var(--tui-font-text-m)}[tuiRadioListV=\"4.96.0\"][data-size=s],[tuiRadioListV=\"4.96.0\"][data-size=s] [tuiTitle]{font:var(--tui-font-text-ui-s)}[tuiRadioListV=\"4.96.0\"][data-size=s] [tuiSubtitle],[tuiRadioListV=\"4.96.0\"][data-size=s] [tuiTitle] [tuiSubtitle]{font:var(--tui-font-text-xs)}[tuiRadioListV=\"4.96.0\"][data-size=s]>.t-item,[tuiRadioListV=\"4.96.0\"][data-size=s] [tuiTitle]>.t-item{gap:.5rem}[tuiRadioListV=\"4.96.0\"] [tuiTitle]{font:var(--tui-font-text-m)}[tuiRadioListV=\"4.96.0\"] [tuiSubtitle]{color:var(--tui-text-secondary)}[tuiRadioListV=\"4.96.0\"]>.t-item{display:flex;gap:.75rem}[tuiRadioListV=\"4.96.0\"]>.t-item_disabled{opacity:var(--tui-disabled-opacity)}\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.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { 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: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: i2.TuiRadioComponent, selector: "input[type=\"radio\"][tuiRadio]", inputs: ["size"] }, { kind: "directive", type: i2.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: "16.2.12", ngImport: i0, type: TuiRadioList, decorators: [{
             type: Component,
@@ -47,7 +47,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         tuiRadioListV: TUI_VERSION,
                         '[attr.data-size]': 'size',
                         '(focusout)': 'onFocusOut()',
-                    }, template: "<label\n    *ngFor=\"let item of items; index as index\"\n    class=\"t-item\"\n    [class.t-item_disabled]=\"disabled() || disabledItemHandler(item)\"\n>\n    <input\n        tuiRadio\n        type=\"radio\"\n        [disabled]=\"disabled() || disabledItemHandler(item)\"\n        [identityMatcher]=\"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 *polymorpheusOutlet=\"itemContent as text; context: {$implicit: item, active: itemIsActive(item)}\">\n        {{ text }}\n    </ng-container>\n</label>\n", styles: ["[tuiRadioListV=\"4.95.0\"]{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem 1.5rem;font:var(--tui-font-text-m)}[tuiRadioListV=\"4.95.0\"][data-size=s],[tuiRadioListV=\"4.95.0\"][data-size=s] [tuiTitle]{font:var(--tui-font-text-ui-s)}[tuiRadioListV=\"4.95.0\"][data-size=s] [tuiSubtitle],[tuiRadioListV=\"4.95.0\"][data-size=s] [tuiTitle] [tuiSubtitle]{font:var(--tui-font-text-xs)}[tuiRadioListV=\"4.95.0\"][data-size=s]>.t-item,[tuiRadioListV=\"4.95.0\"][data-size=s] [tuiTitle]>.t-item{gap:.5rem}[tuiRadioListV=\"4.95.0\"] [tuiTitle]{font:var(--tui-font-text-m)}[tuiRadioListV=\"4.95.0\"] [tuiSubtitle]{color:var(--tui-text-secondary)}[tuiRadioListV=\"4.95.0\"]>.t-item{display:flex;gap:.75rem}[tuiRadioListV=\"4.95.0\"]>.t-item_disabled{opacity:var(--tui-disabled-opacity)}\n"] }]
+                    }, template: "<label\n    *ngFor=\"let item of items; index as index\"\n    class=\"t-item\"\n    [class.t-item_disabled]=\"disabled() || disabledItemHandler(item)\"\n>\n    <input\n        tuiRadio\n        type=\"radio\"\n        [disabled]=\"disabled() || disabledItemHandler(item)\"\n        [identityMatcher]=\"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 *polymorpheusOutlet=\"itemContent as text; context: {$implicit: item, active: itemIsActive(item)}\">\n        {{ text }}\n    </ng-container>\n</label>\n", styles: ["[tuiRadioListV=\"4.96.0\"]{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem 1.5rem;font:var(--tui-font-text-m)}[tuiRadioListV=\"4.96.0\"][data-size=s],[tuiRadioListV=\"4.96.0\"][data-size=s] [tuiTitle]{font:var(--tui-font-text-ui-s)}[tuiRadioListV=\"4.96.0\"][data-size=s] [tuiSubtitle],[tuiRadioListV=\"4.96.0\"][data-size=s] [tuiTitle] [tuiSubtitle]{font:var(--tui-font-text-xs)}[tuiRadioListV=\"4.96.0\"][data-size=s]>.t-item,[tuiRadioListV=\"4.96.0\"][data-size=s] [tuiTitle]>.t-item{gap:.5rem}[tuiRadioListV=\"4.96.0\"] [tuiTitle]{font:var(--tui-font-text-m)}[tuiRadioListV=\"4.96.0\"] [tuiSubtitle]{color:var(--tui-text-secondary)}[tuiRadioListV=\"4.96.0\"]>.t-item{display:flex;gap:.75rem}[tuiRadioListV=\"4.96.0\"]>.t-item_disabled{opacity:var(--tui-disabled-opacity)}\n"] }]
         }], propDecorators: { controls: [{
                 type: ViewChildren,
                 args: [NgControl]

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

@@ -43,7 +43,7 @@ class TuiRadioComponent {
             : this.options.appearance(this.el);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiRadioComponent, isStandalone: true, selector: "input[type=\"radio\"][tuiRadio]", inputs: { size: "size" }, host: { attributes: { "tuiRadioV": "4.95.0" }, properties: { "disabled": "!control || control.disabled", "attr.data-size": "size", "class._readonly": "!control" } }, hostDirectives: [{ directive: i1.TuiAppearance, inputs: ["tuiAppearanceState", "tuiAppearanceState", "tuiAppearanceFocus", "tuiAppearanceFocus", "tuiAppearanceMode", "tuiAppearanceMode"] }, { directive: i2.TuiNativeValidator }], ngImport: i0, template: '', isInline: true, styles: ["[tuiRadioV=\"4.95.0\"]{--t-size: 1.5rem;transition-property:background,box-shadow;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;inline-size:var(--t-size);block-size:var(--t-size);cursor:pointer;margin:0;flex-shrink:0;border-radius:100%;color:var(--tui-text-primary-on-accent-1)}[tuiRadioV=\"4.95.0\"]:disabled._readonly._readonly{opacity:1}[tuiRadioV=\"4.95.0\"]:before{position:absolute;top:0;left:0;bottom:0;right:0;content:\"\";margin:auto;border-radius:100%;background:currentColor;transform:scale(0);transition-property:transform}[tuiRadioV=\"4.95.0\"]:checked:before{transform:scale(.5)}[tuiRadioV=\"4.95.0\"][data-size=s]{--t-size: 1rem}[tuiRadioV=\"4.95.0\"]:invalid:not([data-mode]),[tuiRadioV=\"4.95.0\"][data-mode~=invalid]{color:#fff}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiRadioComponent, isStandalone: true, selector: "input[type=\"radio\"][tuiRadio]", inputs: { size: "size" }, host: { attributes: { "tuiRadioV": "4.96.0" }, properties: { "disabled": "!control || control.disabled", "attr.data-size": "size", "class._readonly": "!control" } }, hostDirectives: [{ directive: i1.TuiAppearance, inputs: ["tuiAppearanceState", "tuiAppearanceState", "tuiAppearanceFocus", "tuiAppearanceFocus", "tuiAppearanceMode", "tuiAppearanceMode"] }, { directive: i2.TuiNativeValidator }], ngImport: i0, template: '', isInline: true, styles: ["[tuiRadioV=\"4.96.0\"]{--t-size: 1.5rem;transition-property:background,box-shadow;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;inline-size:var(--t-size);block-size:var(--t-size);cursor:pointer;margin:0;flex-shrink:0;border-radius:100%;color:var(--tui-text-primary-on-accent-1)}[tuiRadioV=\"4.96.0\"]:disabled._readonly._readonly{opacity:1}[tuiRadioV=\"4.96.0\"]:before{position:absolute;top:0;left:0;bottom:0;right:0;content:\"\";margin:auto;border-radius:100%;background:currentColor;transform:scale(0);transition-property:transform}[tuiRadioV=\"4.96.0\"]:checked:before{transform:scale(.5)}[tuiRadioV=\"4.96.0\"][data-size=s]{--t-size: 1rem}[tuiRadioV=\"4.96.0\"]:invalid:not([data-mode]),[tuiRadioV=\"4.96.0\"][data-mode~=invalid]{color:#fff}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiRadioComponent, decorators: [{
             type: Component,
@@ -58,7 +58,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         '[disabled]': '!control || control.disabled',
                         '[attr.data-size]': 'size',
                         '[class._readonly]': '!control',
-                    }, styles: ["[tuiRadioV=\"4.95.0\"]{--t-size: 1.5rem;transition-property:background,box-shadow;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;inline-size:var(--t-size);block-size:var(--t-size);cursor:pointer;margin:0;flex-shrink:0;border-radius:100%;color:var(--tui-text-primary-on-accent-1)}[tuiRadioV=\"4.95.0\"]:disabled._readonly._readonly{opacity:1}[tuiRadioV=\"4.95.0\"]:before{position:absolute;top:0;left:0;bottom:0;right:0;content:\"\";margin:auto;border-radius:100%;background:currentColor;transform:scale(0);transition-property:transform}[tuiRadioV=\"4.95.0\"]:checked:before{transform:scale(.5)}[tuiRadioV=\"4.95.0\"][data-size=s]{--t-size: 1rem}[tuiRadioV=\"4.95.0\"]:invalid:not([data-mode]),[tuiRadioV=\"4.95.0\"][data-mode~=invalid]{color:#fff}\n"] }]
+                    }, styles: ["[tuiRadioV=\"4.96.0\"]{--t-size: 1.5rem;transition-property:background,box-shadow;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;inline-size:var(--t-size);block-size:var(--t-size);cursor:pointer;margin:0;flex-shrink:0;border-radius:100%;color:var(--tui-text-primary-on-accent-1)}[tuiRadioV=\"4.96.0\"]:disabled._readonly._readonly{opacity:1}[tuiRadioV=\"4.96.0\"]:before{position:absolute;top:0;left:0;bottom:0;right:0;content:\"\";margin:auto;border-radius:100%;background:currentColor;transform:scale(0);transition-property:transform}[tuiRadioV=\"4.96.0\"]:checked:before{transform:scale(.5)}[tuiRadioV=\"4.96.0\"][data-size=s]{--t-size: 1rem}[tuiRadioV=\"4.96.0\"]:invalid:not([data-mode]),[tuiRadioV=\"4.96.0\"][data-mode~=invalid]{color:#fff}\n"] }]
         }], propDecorators: { size: [{
                 type: Input
             }] } });

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

@@ -108,10 +108,10 @@ class TuiSegmented {
         this.el.style.setProperty('--t-width', tuiPx(offsetWidth));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiSegmented, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiSegmented, isStandalone: true, selector: "tui-segmented", inputs: { size: "size", activeItemIndex: "activeItemIndex", disabled: "disabled" }, outputs: { activeItemIndexChange: "activeItemIndexChange" }, host: { attributes: { "tuiSegmentedV": "4.95.0" }, properties: { "attr.data-size": "size", "attr.inert": "disabled ? \"\" : null" } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiSegmented, isStandalone: true, selector: "tui-segmented", inputs: { size: "size", activeItemIndex: "activeItemIndex", disabled: "disabled" }, outputs: { activeItemIndexChange: "activeItemIndexChange" }, host: { attributes: { "tuiSegmentedV": "4.96.0" }, properties: { "attr.data-size": "size", "attr.inert": "disabled ? \"\" : null" } }, providers: [
             WaResizeObserverService,
             tuiBadgeNotificationOptionsProvider({ size: 's' }),
-        ], usesOnChanges: true, hostDirectives: [{ directive: TuiSegmentedDirective }], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["[tuiSegmentedV=\"4.95.0\"]{position:relative;display:flex;color:var(--tui-background-base);background:var(--tui-background-neutral-1);overflow:hidden;-webkit-mask-image:linear-gradient(black,black);mask-image:linear-gradient(#000,#000)}[tuiSegmentedV=\"4.95.0\"][data-size=s]{--t-padding: .5rem;--t-gap: .5rem;--t-margin: -.125rem;--t-height: var(--tui-height-s);font:var(--tui-font-text-s);border-radius:var(--tui-radius-m)}[tuiSegmentedV=\"4.95.0\"][data-size=s] tui-icon{font-size:1rem}[tuiSegmentedV=\"4.95.0\"][data-size=m]{--t-padding: .875rem;--t-gap: 1rem;--t-margin: -.375rem;--t-height: var(--tui-height-m);font:var(--tui-font-text-m);border-radius:var(--tui-radius-m)}[tuiSegmentedV=\"4.95.0\"][data-size=l]{--t-padding: 1.25rem;--t-gap: 1rem;--t-margin: -.375rem;--t-height: var(--tui-height-l);font:var(--tui-font-text-l);border-radius:var(--tui-radius-l)}[tuiSegmentedV=\"4.95.0\"][data-size=l]>*:before{block-size:1.25rem}[tuiSegmentedV=\"4.95.0\"][inert]{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiSegmentedV=\"4.95.0\"]>a,[tuiSegmentedV=\"4.95.0\"]>button,[tuiSegmentedV=\"4.95.0\"]>label,[tuiSegmentedV=\"4.95.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))}[tuiSegmentedV=\"4.95.0\"]>a>*,[tuiSegmentedV=\"4.95.0\"]>button>*,[tuiSegmentedV=\"4.95.0\"]>label>*,[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio])>*{margin:0 var(--t-margin)}[tuiSegmentedV=\"4.95.0\"]>a:focus-visible,[tuiSegmentedV=\"4.95.0\"]>button:focus-visible,[tuiSegmentedV=\"4.95.0\"]>label:focus-visible,[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio]):focus-visible{outline:.125rem solid var(--tui-border-focus);outline-offset:-.25rem}@media (hover: hover) and (pointer: fine){[tuiSegmentedV=\"4.95.0\"]>a:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.95.0\"]>button:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.95.0\"]>label:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover{background-color:var(--tui-background-neutral-1-hover)}[tuiSegmentedV=\"4.95.0\"]>a:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.95.0\"]>button:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.95.0\"]>label:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.95.0\"]>a:not(.tui-segmented_active):not(:active):hover+*,[tuiSegmentedV=\"4.95.0\"]>button:not(.tui-segmented_active):not(:active):hover+*,[tuiSegmentedV=\"4.95.0\"]>label:not(.tui-segmented_active):not(:active):hover+*,[tuiSegmentedV=\"4.95.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}}[tuiSegmentedV=\"4.95.0\"]>a:active,[tuiSegmentedV=\"4.95.0\"]>button:active,[tuiSegmentedV=\"4.95.0\"]>label:active,[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio]):active,[tuiSegmentedV=\"4.95.0\"]>a:active+*,[tuiSegmentedV=\"4.95.0\"]>button:active+*,[tuiSegmentedV=\"4.95.0\"]>label:active+*,[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio]):active+*,[tuiSegmentedV=\"4.95.0\"]>a.tui-segmented_active,[tuiSegmentedV=\"4.95.0\"]>button.tui-segmented_active,[tuiSegmentedV=\"4.95.0\"]>label.tui-segmented_active,[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio]).tui-segmented_active,[tuiSegmentedV=\"4.95.0\"]>a.tui-segmented_active+*,[tuiSegmentedV=\"4.95.0\"]>button.tui-segmented_active+*,[tuiSegmentedV=\"4.95.0\"]>label.tui-segmented_active+*,[tuiSegmentedV=\"4.95.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}[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio]){position:absolute;top:-.125rem;left:-.125rem;right:-.125rem;bottom:-.125rem;background:transparent!important}[tuiSegmentedV=\"4.95.0\"]:before{transition-property:top,left,width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;left:var(--t-left);top:var(--t-top);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))}[tuiTheme=dark] [tuiSegmentedV=\"4.95.0\"],[tuiSegmentedV=\"4.95.0\"][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: ["[tuiSegmentedV=\"4.96.0\"]{position:relative;display:flex;color:var(--tui-background-base);background:var(--tui-background-neutral-1);overflow:hidden;-webkit-mask-image:linear-gradient(black,black);mask-image:linear-gradient(#000,#000)}[tuiSegmentedV=\"4.96.0\"][data-size=s]{--t-padding: .5rem;--t-gap: .5rem;--t-margin: -.125rem;--t-height: var(--tui-height-s);font:var(--tui-font-text-s);border-radius:var(--tui-radius-m)}[tuiSegmentedV=\"4.96.0\"][data-size=s] tui-icon{font-size:1rem}[tuiSegmentedV=\"4.96.0\"][data-size=m]{--t-padding: .875rem;--t-gap: 1rem;--t-margin: -.375rem;--t-height: var(--tui-height-m);font:var(--tui-font-text-m);border-radius:var(--tui-radius-m)}[tuiSegmentedV=\"4.96.0\"][data-size=l]{--t-padding: 1.25rem;--t-gap: 1rem;--t-margin: -.375rem;--t-height: var(--tui-height-l);font:var(--tui-font-text-l);border-radius:var(--tui-radius-l)}[tuiSegmentedV=\"4.96.0\"][data-size=l]>*:before{block-size:1.25rem}[tuiSegmentedV=\"4.96.0\"][inert]{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiSegmentedV=\"4.96.0\"]>a,[tuiSegmentedV=\"4.96.0\"]>button,[tuiSegmentedV=\"4.96.0\"]>label,[tuiSegmentedV=\"4.96.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))}[tuiSegmentedV=\"4.96.0\"]>a>*,[tuiSegmentedV=\"4.96.0\"]>button>*,[tuiSegmentedV=\"4.96.0\"]>label>*,[tuiSegmentedV=\"4.96.0\"]>label>input:not([tuiRadio])>*{margin:0 var(--t-margin)}[tuiSegmentedV=\"4.96.0\"]>a:focus-visible,[tuiSegmentedV=\"4.96.0\"]>button:focus-visible,[tuiSegmentedV=\"4.96.0\"]>label:focus-visible,[tuiSegmentedV=\"4.96.0\"]>label>input:not([tuiRadio]):focus-visible{outline:.125rem solid var(--tui-border-focus);outline-offset:-.25rem}@media (hover: hover) and (pointer: fine){[tuiSegmentedV=\"4.96.0\"]>a:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.96.0\"]>button:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.96.0\"]>label:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.96.0\"]>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover{background-color:var(--tui-background-neutral-1-hover)}[tuiSegmentedV=\"4.96.0\"]>a:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.96.0\"]>button:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.96.0\"]>label:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.96.0\"]>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.96.0\"]>a:not(.tui-segmented_active):not(:active):hover+*,[tuiSegmentedV=\"4.96.0\"]>button:not(.tui-segmented_active):not(:active):hover+*,[tuiSegmentedV=\"4.96.0\"]>label:not(.tui-segmented_active):not(:active):hover+*,[tuiSegmentedV=\"4.96.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}}[tuiSegmentedV=\"4.96.0\"]>a:active,[tuiSegmentedV=\"4.96.0\"]>button:active,[tuiSegmentedV=\"4.96.0\"]>label:active,[tuiSegmentedV=\"4.96.0\"]>label>input:not([tuiRadio]):active,[tuiSegmentedV=\"4.96.0\"]>a:active+*,[tuiSegmentedV=\"4.96.0\"]>button:active+*,[tuiSegmentedV=\"4.96.0\"]>label:active+*,[tuiSegmentedV=\"4.96.0\"]>label>input:not([tuiRadio]):active+*,[tuiSegmentedV=\"4.96.0\"]>a.tui-segmented_active,[tuiSegmentedV=\"4.96.0\"]>button.tui-segmented_active,[tuiSegmentedV=\"4.96.0\"]>label.tui-segmented_active,[tuiSegmentedV=\"4.96.0\"]>label>input:not([tuiRadio]).tui-segmented_active,[tuiSegmentedV=\"4.96.0\"]>a.tui-segmented_active+*,[tuiSegmentedV=\"4.96.0\"]>button.tui-segmented_active+*,[tuiSegmentedV=\"4.96.0\"]>label.tui-segmented_active+*,[tuiSegmentedV=\"4.96.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}[tuiSegmentedV=\"4.96.0\"]>label>input:not([tuiRadio]){position:absolute;top:-.125rem;left:-.125rem;right:-.125rem;bottom:-.125rem;background:transparent!important}[tuiSegmentedV=\"4.96.0\"]:before{transition-property:top,left,width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;left:var(--t-left);top:var(--t-top);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))}[tuiTheme=dark] [tuiSegmentedV=\"4.96.0\"],[tuiSegmentedV=\"4.96.0\"][tuiTheme=dark]{--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: "16.2.12", ngImport: i0, type: TuiSegmented, decorators: [{
             type: Component,
@@ -122,7 +122,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         tuiSegmentedV: TUI_VERSION,
                         '[attr.data-size]': 'size',
                         '[attr.inert]': 'disabled ? "" : null',
-                    }, styles: ["[tuiSegmentedV=\"4.95.0\"]{position:relative;display:flex;color:var(--tui-background-base);background:var(--tui-background-neutral-1);overflow:hidden;-webkit-mask-image:linear-gradient(black,black);mask-image:linear-gradient(#000,#000)}[tuiSegmentedV=\"4.95.0\"][data-size=s]{--t-padding: .5rem;--t-gap: .5rem;--t-margin: -.125rem;--t-height: var(--tui-height-s);font:var(--tui-font-text-s);border-radius:var(--tui-radius-m)}[tuiSegmentedV=\"4.95.0\"][data-size=s] tui-icon{font-size:1rem}[tuiSegmentedV=\"4.95.0\"][data-size=m]{--t-padding: .875rem;--t-gap: 1rem;--t-margin: -.375rem;--t-height: var(--tui-height-m);font:var(--tui-font-text-m);border-radius:var(--tui-radius-m)}[tuiSegmentedV=\"4.95.0\"][data-size=l]{--t-padding: 1.25rem;--t-gap: 1rem;--t-margin: -.375rem;--t-height: var(--tui-height-l);font:var(--tui-font-text-l);border-radius:var(--tui-radius-l)}[tuiSegmentedV=\"4.95.0\"][data-size=l]>*:before{block-size:1.25rem}[tuiSegmentedV=\"4.95.0\"][inert]{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiSegmentedV=\"4.95.0\"]>a,[tuiSegmentedV=\"4.95.0\"]>button,[tuiSegmentedV=\"4.95.0\"]>label,[tuiSegmentedV=\"4.95.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))}[tuiSegmentedV=\"4.95.0\"]>a>*,[tuiSegmentedV=\"4.95.0\"]>button>*,[tuiSegmentedV=\"4.95.0\"]>label>*,[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio])>*{margin:0 var(--t-margin)}[tuiSegmentedV=\"4.95.0\"]>a:focus-visible,[tuiSegmentedV=\"4.95.0\"]>button:focus-visible,[tuiSegmentedV=\"4.95.0\"]>label:focus-visible,[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio]):focus-visible{outline:.125rem solid var(--tui-border-focus);outline-offset:-.25rem}@media (hover: hover) and (pointer: fine){[tuiSegmentedV=\"4.95.0\"]>a:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.95.0\"]>button:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.95.0\"]>label:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover{background-color:var(--tui-background-neutral-1-hover)}[tuiSegmentedV=\"4.95.0\"]>a:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.95.0\"]>button:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.95.0\"]>label:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.95.0\"]>a:not(.tui-segmented_active):not(:active):hover+*,[tuiSegmentedV=\"4.95.0\"]>button:not(.tui-segmented_active):not(:active):hover+*,[tuiSegmentedV=\"4.95.0\"]>label:not(.tui-segmented_active):not(:active):hover+*,[tuiSegmentedV=\"4.95.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}}[tuiSegmentedV=\"4.95.0\"]>a:active,[tuiSegmentedV=\"4.95.0\"]>button:active,[tuiSegmentedV=\"4.95.0\"]>label:active,[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio]):active,[tuiSegmentedV=\"4.95.0\"]>a:active+*,[tuiSegmentedV=\"4.95.0\"]>button:active+*,[tuiSegmentedV=\"4.95.0\"]>label:active+*,[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio]):active+*,[tuiSegmentedV=\"4.95.0\"]>a.tui-segmented_active,[tuiSegmentedV=\"4.95.0\"]>button.tui-segmented_active,[tuiSegmentedV=\"4.95.0\"]>label.tui-segmented_active,[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio]).tui-segmented_active,[tuiSegmentedV=\"4.95.0\"]>a.tui-segmented_active+*,[tuiSegmentedV=\"4.95.0\"]>button.tui-segmented_active+*,[tuiSegmentedV=\"4.95.0\"]>label.tui-segmented_active+*,[tuiSegmentedV=\"4.95.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}[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio]){position:absolute;top:-.125rem;left:-.125rem;right:-.125rem;bottom:-.125rem;background:transparent!important}[tuiSegmentedV=\"4.95.0\"]:before{transition-property:top,left,width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;left:var(--t-left);top:var(--t-top);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))}[tuiTheme=dark] [tuiSegmentedV=\"4.95.0\"],[tuiSegmentedV=\"4.95.0\"][tuiTheme=dark]{--tui-background-base: var(--tui-background-neutral-1-hover)}\n"] }]
+                    }, styles: ["[tuiSegmentedV=\"4.96.0\"]{position:relative;display:flex;color:var(--tui-background-base);background:var(--tui-background-neutral-1);overflow:hidden;-webkit-mask-image:linear-gradient(black,black);mask-image:linear-gradient(#000,#000)}[tuiSegmentedV=\"4.96.0\"][data-size=s]{--t-padding: .5rem;--t-gap: .5rem;--t-margin: -.125rem;--t-height: var(--tui-height-s);font:var(--tui-font-text-s);border-radius:var(--tui-radius-m)}[tuiSegmentedV=\"4.96.0\"][data-size=s] tui-icon{font-size:1rem}[tuiSegmentedV=\"4.96.0\"][data-size=m]{--t-padding: .875rem;--t-gap: 1rem;--t-margin: -.375rem;--t-height: var(--tui-height-m);font:var(--tui-font-text-m);border-radius:var(--tui-radius-m)}[tuiSegmentedV=\"4.96.0\"][data-size=l]{--t-padding: 1.25rem;--t-gap: 1rem;--t-margin: -.375rem;--t-height: var(--tui-height-l);font:var(--tui-font-text-l);border-radius:var(--tui-radius-l)}[tuiSegmentedV=\"4.96.0\"][data-size=l]>*:before{block-size:1.25rem}[tuiSegmentedV=\"4.96.0\"][inert]{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiSegmentedV=\"4.96.0\"]>a,[tuiSegmentedV=\"4.96.0\"]>button,[tuiSegmentedV=\"4.96.0\"]>label,[tuiSegmentedV=\"4.96.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))}[tuiSegmentedV=\"4.96.0\"]>a>*,[tuiSegmentedV=\"4.96.0\"]>button>*,[tuiSegmentedV=\"4.96.0\"]>label>*,[tuiSegmentedV=\"4.96.0\"]>label>input:not([tuiRadio])>*{margin:0 var(--t-margin)}[tuiSegmentedV=\"4.96.0\"]>a:focus-visible,[tuiSegmentedV=\"4.96.0\"]>button:focus-visible,[tuiSegmentedV=\"4.96.0\"]>label:focus-visible,[tuiSegmentedV=\"4.96.0\"]>label>input:not([tuiRadio]):focus-visible{outline:.125rem solid var(--tui-border-focus);outline-offset:-.25rem}@media (hover: hover) and (pointer: fine){[tuiSegmentedV=\"4.96.0\"]>a:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.96.0\"]>button:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.96.0\"]>label:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.96.0\"]>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover{background-color:var(--tui-background-neutral-1-hover)}[tuiSegmentedV=\"4.96.0\"]>a:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.96.0\"]>button:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.96.0\"]>label:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.96.0\"]>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.96.0\"]>a:not(.tui-segmented_active):not(:active):hover+*,[tuiSegmentedV=\"4.96.0\"]>button:not(.tui-segmented_active):not(:active):hover+*,[tuiSegmentedV=\"4.96.0\"]>label:not(.tui-segmented_active):not(:active):hover+*,[tuiSegmentedV=\"4.96.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}}[tuiSegmentedV=\"4.96.0\"]>a:active,[tuiSegmentedV=\"4.96.0\"]>button:active,[tuiSegmentedV=\"4.96.0\"]>label:active,[tuiSegmentedV=\"4.96.0\"]>label>input:not([tuiRadio]):active,[tuiSegmentedV=\"4.96.0\"]>a:active+*,[tuiSegmentedV=\"4.96.0\"]>button:active+*,[tuiSegmentedV=\"4.96.0\"]>label:active+*,[tuiSegmentedV=\"4.96.0\"]>label>input:not([tuiRadio]):active+*,[tuiSegmentedV=\"4.96.0\"]>a.tui-segmented_active,[tuiSegmentedV=\"4.96.0\"]>button.tui-segmented_active,[tuiSegmentedV=\"4.96.0\"]>label.tui-segmented_active,[tuiSegmentedV=\"4.96.0\"]>label>input:not([tuiRadio]).tui-segmented_active,[tuiSegmentedV=\"4.96.0\"]>a.tui-segmented_active+*,[tuiSegmentedV=\"4.96.0\"]>button.tui-segmented_active+*,[tuiSegmentedV=\"4.96.0\"]>label.tui-segmented_active+*,[tuiSegmentedV=\"4.96.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}[tuiSegmentedV=\"4.96.0\"]>label>input:not([tuiRadio]){position:absolute;top:-.125rem;left:-.125rem;right:-.125rem;bottom:-.125rem;background:transparent!important}[tuiSegmentedV=\"4.96.0\"]:before{transition-property:top,left,width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;left:var(--t-left);top:var(--t-top);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))}[tuiTheme=dark] [tuiSegmentedV=\"4.96.0\"],[tuiSegmentedV=\"4.96.0\"][tuiTheme=dark]{--tui-background-base: var(--tui-background-neutral-1-hover)}\n"] }]
         }], propDecorators: { size: [{
                 type: Input
             }], activeItemIndex: [{

package/fesm2022/taiga-ui-kit-components-shrink-wrap.mjs

@@ -4,13 +4,13 @@ import { TUI_VERSION } from '@taiga-ui/cdk/constants';
 
 class TuiShrinkWrapComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiShrinkWrapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiShrinkWrapComponent, isStandalone: true, selector: "tui-shrink-wrap", host: { attributes: { "tuiShrinkWrapV": "4.95.0" } }, ngImport: i0, template: '<span><ng-content/></span>', isInline: true, styles: ["@property --t-shrink-wrap-host{syntax: \"<number>\"; inherits: true; initial-value: 0;}@property --t-shrink-wrap-item{syntax: \"<number>\"; inherits: true; initial-value: 0;}@keyframes tuiShrinkWrapHost{to{--t-shrink-wrap-host: 1}}@keyframes tuiShrinkWrapItem{to{--t-shrink-wrap-item: 1}}[tuiShrinkWrap]{timeline-scope:--t-shrink-wrap-host,--t-shrink-wrap-item;animation:tuiShrinkWrapHost,tuiShrinkWrapItem;animation-timing-function:linear;animation-timeline:--t-shrink-wrap-host,--t-shrink-wrap-item;animation-range:entry 100% exit 100%;--t-shrink-wrap: calc(-1px / (1 - var(--t-shrink-wrap-host)) * var(--t-shrink-wrap-item))}[tuiShrinkWrapV=\"4.95.0\"]{display:block;overflow:hidden;text-wrap:balance;margin-inline-end:var(--t-shrink-wrap)}[tuiShrinkWrapV=\"4.95.0\"]>*{view-timeline:--t-shrink-wrap-item inline}[tuiShrinkWrapV=\"4.95.0\"]:before{content:\"\";padding-inline-start:1px;margin-inline-end:-1px;view-timeline:--t-shrink-wrap-host inline}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiShrinkWrapComponent, isStandalone: true, selector: "tui-shrink-wrap", host: { attributes: { "tuiShrinkWrapV": "4.96.0" } }, ngImport: i0, template: '<span><ng-content/></span>', isInline: true, styles: ["@property --t-shrink-wrap-host{syntax: \"<number>\"; inherits: true; initial-value: 0;}@property --t-shrink-wrap-item{syntax: \"<number>\"; inherits: true; initial-value: 0;}@keyframes tuiShrinkWrapHost{to{--t-shrink-wrap-host: 1}}@keyframes tuiShrinkWrapItem{to{--t-shrink-wrap-item: 1}}[tuiShrinkWrap]{timeline-scope:--t-shrink-wrap-host,--t-shrink-wrap-item;animation:tuiShrinkWrapHost,tuiShrinkWrapItem;animation-timing-function:linear;animation-timeline:--t-shrink-wrap-host,--t-shrink-wrap-item;animation-range:entry 100% exit 100%;--t-shrink-wrap: calc(-1px / (1 - var(--t-shrink-wrap-host)) * var(--t-shrink-wrap-item))}[tuiShrinkWrapV=\"4.96.0\"]{display:block;overflow:hidden;text-wrap:balance;margin-inline-end:var(--t-shrink-wrap)}[tuiShrinkWrapV=\"4.96.0\"]>*{view-timeline:--t-shrink-wrap-item inline}[tuiShrinkWrapV=\"4.96.0\"]:before{content:\"\";padding-inline-start:1px;margin-inline-end:-1px;view-timeline:--t-shrink-wrap-host inline}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiShrinkWrapComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'tui-shrink-wrap', template: '<span><ng-content/></span>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         tuiShrinkWrapV: TUI_VERSION,
-                    }, styles: ["@property --t-shrink-wrap-host{syntax: \"<number>\"; inherits: true; initial-value: 0;}@property --t-shrink-wrap-item{syntax: \"<number>\"; inherits: true; initial-value: 0;}@keyframes tuiShrinkWrapHost{to{--t-shrink-wrap-host: 1}}@keyframes tuiShrinkWrapItem{to{--t-shrink-wrap-item: 1}}[tuiShrinkWrap]{timeline-scope:--t-shrink-wrap-host,--t-shrink-wrap-item;animation:tuiShrinkWrapHost,tuiShrinkWrapItem;animation-timing-function:linear;animation-timeline:--t-shrink-wrap-host,--t-shrink-wrap-item;animation-range:entry 100% exit 100%;--t-shrink-wrap: calc(-1px / (1 - var(--t-shrink-wrap-host)) * var(--t-shrink-wrap-item))}[tuiShrinkWrapV=\"4.95.0\"]{display:block;overflow:hidden;text-wrap:balance;margin-inline-end:var(--t-shrink-wrap)}[tuiShrinkWrapV=\"4.95.0\"]>*{view-timeline:--t-shrink-wrap-item inline}[tuiShrinkWrapV=\"4.95.0\"]:before{content:\"\";padding-inline-start:1px;margin-inline-end:-1px;view-timeline:--t-shrink-wrap-host inline}\n"] }]
+                    }, styles: ["@property --t-shrink-wrap-host{syntax: \"<number>\"; inherits: true; initial-value: 0;}@property --t-shrink-wrap-item{syntax: \"<number>\"; inherits: true; initial-value: 0;}@keyframes tuiShrinkWrapHost{to{--t-shrink-wrap-host: 1}}@keyframes tuiShrinkWrapItem{to{--t-shrink-wrap-item: 1}}[tuiShrinkWrap]{timeline-scope:--t-shrink-wrap-host,--t-shrink-wrap-item;animation:tuiShrinkWrapHost,tuiShrinkWrapItem;animation-timing-function:linear;animation-timeline:--t-shrink-wrap-host,--t-shrink-wrap-item;animation-range:entry 100% exit 100%;--t-shrink-wrap: calc(-1px / (1 - var(--t-shrink-wrap-host)) * var(--t-shrink-wrap-item))}[tuiShrinkWrapV=\"4.96.0\"]{display:block;overflow:hidden;text-wrap:balance;margin-inline-end:var(--t-shrink-wrap)}[tuiShrinkWrapV=\"4.96.0\"]>*{view-timeline:--t-shrink-wrap-item inline}[tuiShrinkWrapV=\"4.96.0\"]:before{content:\"\";padding-inline-start:1px;margin-inline-end:-1px;view-timeline:--t-shrink-wrap-host inline}\n"] }]
         }] });
 
 class TuiShrinkWrapDirective {

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

@@ -5,13 +5,13 @@ import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
 
 class TuiStatusStyles {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiStatusStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiStatusStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-status" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiStatusV=\"4.95.0\"]{display:inline-flex;align-items:center;gap:.5rem}[tuiStatusV=\"4.95.0\"]:before{content:\"\";display:var(--t-status, none);inline-size:.5rem;block-size:.5rem;border-radius:100%;background:var(--t-status)}[tuiStatusV=\"4.95.0\"][data-size=s],[tuiStatusV=\"4.95.0\"][data-size=m],[tuiStatusV=\"4.95.0\"][data-size=l]{gap:.25rem}[tuiStatusV=\"4.95.0\"][data-size=xl]{gap:.375rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiStatusStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-status" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiStatusV=\"4.96.0\"]{display:inline-flex;align-items:center;gap:.5rem}[tuiStatusV=\"4.96.0\"]:before{content:\"\";display:var(--t-status, none);inline-size:.5rem;block-size:.5rem;border-radius:100%;background:var(--t-status)}[tuiStatusV=\"4.96.0\"][data-size=s],[tuiStatusV=\"4.96.0\"][data-size=m],[tuiStatusV=\"4.96.0\"][data-size=l]{gap:.25rem}[tuiStatusV=\"4.96.0\"][data-size=xl]{gap:.375rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiStatusStyles, decorators: [{
             type: Component,
             args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'tui-status',
-                    }, styles: ["[tuiStatusV=\"4.95.0\"]{display:inline-flex;align-items:center;gap:.5rem}[tuiStatusV=\"4.95.0\"]:before{content:\"\";display:var(--t-status, none);inline-size:.5rem;block-size:.5rem;border-radius:100%;background:var(--t-status)}[tuiStatusV=\"4.95.0\"][data-size=s],[tuiStatusV=\"4.95.0\"][data-size=m],[tuiStatusV=\"4.95.0\"][data-size=l]{gap:.25rem}[tuiStatusV=\"4.95.0\"][data-size=xl]{gap:.375rem}\n"] }]
+                    }, styles: ["[tuiStatusV=\"4.96.0\"]{display:inline-flex;align-items:center;gap:.5rem}[tuiStatusV=\"4.96.0\"]:before{content:\"\";display:var(--t-status, none);inline-size:.5rem;block-size:.5rem;border-radius:100%;background:var(--t-status)}[tuiStatusV=\"4.96.0\"][data-size=s],[tuiStatusV=\"4.96.0\"][data-size=m],[tuiStatusV=\"4.96.0\"][data-size=l]{gap:.25rem}[tuiStatusV=\"4.96.0\"][data-size=xl]{gap:.375rem}\n"] }]
         }] });
 class TuiStatus {
     constructor() {
@@ -19,7 +19,7 @@ class TuiStatus {
         this.tuiStatus = '';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiStatus, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiStatus, isStandalone: true, selector: "[tuiStatus]", inputs: { tuiStatus: "tuiStatus" }, host: { attributes: { "tuiStatus": "", "tuiStatusV": "4.95.0" }, properties: { "style.--t-status": "tuiStatus || null" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiStatus, isStandalone: true, selector: "[tuiStatus]", inputs: { tuiStatus: "tuiStatus" }, host: { attributes: { "tuiStatus": "", "tuiStatusV": "4.96.0" }, properties: { "style.--t-status": "tuiStatus || null" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiStatus, decorators: [{
             type: Directive,

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

@@ -51,7 +51,7 @@ class TuiSwitch {
         return this.showIcons && icon ? `url(${resolver(icon)})` : null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiSwitch, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiSwitch, isStandalone: true, selector: "input[type=\"checkbox\"][tuiSwitch]", inputs: { size: "size", showIcons: "showIcons" }, host: { attributes: { "role": "switch", "tuiSwitchV": "4.95.0" }, properties: { "disabled": "!control || control.disabled", "attr.data-size": "size", "class._readonly": "!control", "style.--t-checked-icon": "icon" } }, hostDirectives: [{ directive: i1.TuiAppearance, inputs: ["tuiAppearanceState", "tuiAppearanceState", "tuiAppearanceFocus", "tuiAppearanceFocus", "tuiAppearanceMode", "tuiAppearanceMode"] }, { directive: i2.TuiNativeValidator }], ngImport: i0, template: '', isInline: true, styles: ["[tuiSwitchV=\"4.95.0\"]{transition-property:background,box-shadow;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;inline-size:3rem;block-size:1.5rem;border-radius:2rem;overflow:hidden;cursor:pointer;margin:0;flex-shrink:0}[tuiSwitchV=\"4.95.0\"][data-size=s]{block-size:1rem;inline-size:2rem}[tuiSwitchV=\"4.95.0\"][data-size=s]:before{inline-size:1rem;transform:translate(-1rem);-webkit-mask-size:.75rem;mask-size:.75rem}[tuiSwitchV=\"4.95.0\"][data-size=s]:after{inline-size:1rem;box-shadow:-2.625rem 0 0 .5rem var(--tui-background-base);outline-width:.167rem;transform:scale(.375)}[tuiSwitchV=\"4.95.0\"][data-size=s]:checked:after{transform:scale(.375) translate(2.625rem)}[tuiSwitchV=\"4.95.0\"]:checked:before{transform:none}[tuiSwitchV=\"4.95.0\"]:checked:after{transform:scale(.33333) translate(4.5rem)}[tuiSwitchV=\"4.95.0\"]:disabled._readonly._readonly{opacity:1}[tuiSwitchV=\"4.95.0\"]:before,[tuiSwitchV=\"4.95.0\"]:after{content:\"\";position:absolute;block-size:100%;inline-size:1.5rem;transition-property:transform}[tuiSwitchV=\"4.95.0\"]:before{left:.125rem;display:var(--t-checked-icon, none);background:currentColor;-webkit-mask:var(--t-checked-icon) no-repeat center;mask:var(--t-checked-icon) no-repeat center;-webkit-mask-size:1rem;mask-size:1rem;transform:translate(-1.5rem)}[tuiSwitchV=\"4.95.0\"]:after{right:0;border-radius:100%;transform:scale(.33333);box-shadow:-4.5rem 0 0 .75rem var(--tui-background-base);outline:.375rem solid var(--tui-background-neutral-2-pressed);outline-offset:var(--t-checked-icon, 20rem)}[tuiSwitchV=\"4.95.0\"]:invalid:not([data-mode]),[tuiSwitchV=\"4.95.0\"][data-mode~=invalid]{color:#fff}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiSwitch, isStandalone: true, selector: "input[type=\"checkbox\"][tuiSwitch]", inputs: { size: "size", showIcons: "showIcons" }, host: { attributes: { "role": "switch", "tuiSwitchV": "4.96.0" }, properties: { "disabled": "!control || control.disabled", "attr.data-size": "size", "class._readonly": "!control", "style.--t-checked-icon": "icon" } }, hostDirectives: [{ directive: i1.TuiAppearance, inputs: ["tuiAppearanceState", "tuiAppearanceState", "tuiAppearanceFocus", "tuiAppearanceFocus", "tuiAppearanceMode", "tuiAppearanceMode"] }, { directive: i2.TuiNativeValidator }], ngImport: i0, template: '', isInline: true, styles: ["[tuiSwitchV=\"4.96.0\"]{transition-property:background,box-shadow;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;inline-size:3rem;block-size:1.5rem;border-radius:2rem;overflow:hidden;cursor:pointer;margin:0;flex-shrink:0}[tuiSwitchV=\"4.96.0\"][data-size=s]{block-size:1rem;inline-size:2rem}[tuiSwitchV=\"4.96.0\"][data-size=s]:before{inline-size:1rem;transform:translate(-1rem);-webkit-mask-size:.75rem;mask-size:.75rem}[tuiSwitchV=\"4.96.0\"][data-size=s]:after{inline-size:1rem;box-shadow:-2.625rem 0 0 .5rem var(--tui-background-base);outline-width:.167rem;transform:scale(.375)}[tuiSwitchV=\"4.96.0\"][data-size=s]:checked:after{transform:scale(.375) translate(2.625rem)}[tuiSwitchV=\"4.96.0\"]:checked:before{transform:none}[tuiSwitchV=\"4.96.0\"]:checked:after{transform:scale(.33333) translate(4.5rem)}[tuiSwitchV=\"4.96.0\"]:disabled._readonly._readonly{opacity:1}[tuiSwitchV=\"4.96.0\"]:before,[tuiSwitchV=\"4.96.0\"]:after{content:\"\";position:absolute;block-size:100%;inline-size:1.5rem;transition-property:transform}[tuiSwitchV=\"4.96.0\"]:before{left:.125rem;display:var(--t-checked-icon, none);background:currentColor;-webkit-mask:var(--t-checked-icon) no-repeat center;mask:var(--t-checked-icon) no-repeat center;-webkit-mask-size:1rem;mask-size:1rem;transform:translate(-1.5rem)}[tuiSwitchV=\"4.96.0\"]:after{right:0;border-radius:100%;transform:scale(.33333);box-shadow:-4.5rem 0 0 .75rem var(--tui-background-base);outline:.375rem solid var(--tui-background-neutral-2-pressed);outline-offset:var(--t-checked-icon, 20rem)}[tuiSwitchV=\"4.96.0\"]:invalid:not([data-mode]),[tuiSwitchV=\"4.96.0\"][data-mode~=invalid]{color:#fff}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiSwitch, decorators: [{
             type: Component,
@@ -68,7 +68,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         '[attr.data-size]': 'size',
                         '[class._readonly]': '!control',
                         '[style.--t-checked-icon]': 'icon',
-                    }, styles: ["[tuiSwitchV=\"4.95.0\"]{transition-property:background,box-shadow;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;inline-size:3rem;block-size:1.5rem;border-radius:2rem;overflow:hidden;cursor:pointer;margin:0;flex-shrink:0}[tuiSwitchV=\"4.95.0\"][data-size=s]{block-size:1rem;inline-size:2rem}[tuiSwitchV=\"4.95.0\"][data-size=s]:before{inline-size:1rem;transform:translate(-1rem);-webkit-mask-size:.75rem;mask-size:.75rem}[tuiSwitchV=\"4.95.0\"][data-size=s]:after{inline-size:1rem;box-shadow:-2.625rem 0 0 .5rem var(--tui-background-base);outline-width:.167rem;transform:scale(.375)}[tuiSwitchV=\"4.95.0\"][data-size=s]:checked:after{transform:scale(.375) translate(2.625rem)}[tuiSwitchV=\"4.95.0\"]:checked:before{transform:none}[tuiSwitchV=\"4.95.0\"]:checked:after{transform:scale(.33333) translate(4.5rem)}[tuiSwitchV=\"4.95.0\"]:disabled._readonly._readonly{opacity:1}[tuiSwitchV=\"4.95.0\"]:before,[tuiSwitchV=\"4.95.0\"]:after{content:\"\";position:absolute;block-size:100%;inline-size:1.5rem;transition-property:transform}[tuiSwitchV=\"4.95.0\"]:before{left:.125rem;display:var(--t-checked-icon, none);background:currentColor;-webkit-mask:var(--t-checked-icon) no-repeat center;mask:var(--t-checked-icon) no-repeat center;-webkit-mask-size:1rem;mask-size:1rem;transform:translate(-1.5rem)}[tuiSwitchV=\"4.95.0\"]:after{right:0;border-radius:100%;transform:scale(.33333);box-shadow:-4.5rem 0 0 .75rem var(--tui-background-base);outline:.375rem solid var(--tui-background-neutral-2-pressed);outline-offset:var(--t-checked-icon, 20rem)}[tuiSwitchV=\"4.95.0\"]:invalid:not([data-mode]),[tuiSwitchV=\"4.95.0\"][data-mode~=invalid]{color:#fff}\n"] }]
+                    }, styles: ["[tuiSwitchV=\"4.96.0\"]{transition-property:background,box-shadow;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;inline-size:3rem;block-size:1.5rem;border-radius:2rem;overflow:hidden;cursor:pointer;margin:0;flex-shrink:0}[tuiSwitchV=\"4.96.0\"][data-size=s]{block-size:1rem;inline-size:2rem}[tuiSwitchV=\"4.96.0\"][data-size=s]:before{inline-size:1rem;transform:translate(-1rem);-webkit-mask-size:.75rem;mask-size:.75rem}[tuiSwitchV=\"4.96.0\"][data-size=s]:after{inline-size:1rem;box-shadow:-2.625rem 0 0 .5rem var(--tui-background-base);outline-width:.167rem;transform:scale(.375)}[tuiSwitchV=\"4.96.0\"][data-size=s]:checked:after{transform:scale(.375) translate(2.625rem)}[tuiSwitchV=\"4.96.0\"]:checked:before{transform:none}[tuiSwitchV=\"4.96.0\"]:checked:after{transform:scale(.33333) translate(4.5rem)}[tuiSwitchV=\"4.96.0\"]:disabled._readonly._readonly{opacity:1}[tuiSwitchV=\"4.96.0\"]:before,[tuiSwitchV=\"4.96.0\"]:after{content:\"\";position:absolute;block-size:100%;inline-size:1.5rem;transition-property:transform}[tuiSwitchV=\"4.96.0\"]:before{left:.125rem;display:var(--t-checked-icon, none);background:currentColor;-webkit-mask:var(--t-checked-icon) no-repeat center;mask:var(--t-checked-icon) no-repeat center;-webkit-mask-size:1rem;mask-size:1rem;transform:translate(-1.5rem)}[tuiSwitchV=\"4.96.0\"]:after{right:0;border-radius:100%;transform:scale(.33333);box-shadow:-4.5rem 0 0 .75rem var(--tui-background-base);outline:.375rem solid var(--tui-background-neutral-2-pressed);outline-offset:var(--t-checked-icon, 20rem)}[tuiSwitchV=\"4.96.0\"]:invalid:not([data-mode]),[tuiSwitchV=\"4.96.0\"][data-mode~=invalid]{color:#fff}\n"] }]
         }], propDecorators: { size: [{
                 type: Input
             }], showIcons: [{

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

@@ -43,7 +43,7 @@ class TuiTab {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTab, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiTab, isStandalone: true, selector: "a[tuiTab]:not([routerLink]), a[tuiTab][routerLink][routerLinkActive], button[tuiTab]", host: { attributes: { "tuiTabV": "4.95.0", "type": "button" } }, hostDirectives: [{ directive: i1.TuiWithIcons }], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiTab, isStandalone: true, selector: "a[tuiTab]:not([routerLink]), a[tuiTab][routerLink][routerLinkActive], button[tuiTab]", host: { attributes: { "tuiTabV": "4.96.0", "type": "button" } }, hostDirectives: [{ directive: i1.TuiWithIcons }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTab, decorators: [{
             type: Directive,
@@ -77,13 +77,13 @@ function tuiTabsOptionsProvider(options) {
 
 class TuiTabsStyles {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTabsStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiTabsStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-tabs" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiTabV=\"4.95.0\"]{transition-property:color,box-shadow,opacity,background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;flex-shrink:0;box-sizing:border-box;justify-content:space-between;line-height:1.5rem;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-inline-start:var(--tui-tab-margin, 24px)}[tuiTabV=\"4.95.0\"]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiTabV=\"4.95.0\"]._active{color:var(--tui-text-primary);box-shadow:none}[tuiTabV=\"4.95.0\"]:focus-visible{outline:.125rem solid var(--tui-border-focus);outline-offset:-.125rem}[tuiTabsV=\"4.95.0\"]._underline [tuiTabV=\"4.95.0\"]:hover:not(._active){box-shadow:inset 0 -.125rem var(--tui-border-normal)}[tuiTabsV=\"4.95.0\"]>[tuiTabV=\"4.95.0\"]:first-child,[tuiTabsV=\"4.95.0\"]>:not(.t-overflown)>[tuiTabV=\"4.95.0\"]:first-child{margin-inline-start:0}[tuiTabsV=\"4.95.0\"]>[tuiTabV=\"4.95.0\"]~:not(.t-overflown)>[tuiTabV=\"4.95.0\"]:first-child{margin-inline-start:var(--tui-tab-margin, 24px)}[tuiTabV=\"4.95.0\"][tuiIcons]:before{font-size:1rem;margin-inline-end:.5rem}[tuiTabV=\"4.95.0\"][tuiIcons]:after{font-size:1rem;margin-inline-start:.5rem}[tuiTabV=\"4.95.0\"]:empty:after,[tuiTabV=\"4.95.0\"]:empty:before{margin:.5rem}@media (hover: hover) and (pointer: fine){[tuiTabV=\"4.95.0\"]:hover{color:var(--tui-text-primary)}}[tuiTabsV=\"4.95.0\"]{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:auto;isolation:isolate}[tuiTabsV=\"4.95.0\"]::-webkit-scrollbar,[tuiTabsV=\"4.95.0\"]::-webkit-scrollbar-thumb{display:none}[tuiTabsV=\"4.95.0\"][data-size=m]{font:var(--tui-font-text-s);--tui-tab-margin: 16px}[tuiTabsV=\"4.95.0\"][data-size=l]:not([data-vertical]){block-size:var(--tui-height-l)}[tuiTabsV=\"4.95.0\"][data-size=m]:not([data-vertical]){block-size:var(--tui-height-m)}[tuiTabsV=\"4.95.0\"]:before{transition-property:width,left;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:var(--t-left);bottom:0;block-size:.125rem;inline-size:var(--t-width);background:var(--t-color);animation:tuiPresent 1ms}[tuiTabsV=\"4.95.0\"]._underline:before{content:\"\"}[data-vertical][tuiTabsV=\"4.95.0\"]{flex-direction:column;box-shadow:inset -1px 0 var(--tui-border-normal)}[data-vertical][tuiTabsV=\"4.95.0\"] [tuiTab]{min-block-size:2.75rem;block-size:auto;white-space:normal;margin:0;text-align:start;padding:.25rem 1.25rem .25rem 0}[data-vertical][tuiTabsV=\"4.95.0\"] [tuiTab]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;top:0;right:0;display:block;block-size:100%;inline-size:.125rem;background:var(--tui-background-accent-1);transform:scaleX(0);transform-origin:right;margin:0}[data-vertical][tuiTabsV=\"4.95.0\"] [tuiTab]:hover{box-shadow:inset -.125rem 0 var(--tui-border-normal)}[data-vertical][tuiTabsV=\"4.95.0\"] [tuiTab]._active:after{transform:none}[data-vertical][tuiTabsV=\"4.95.0\"][data-size=m] [tuiTab]{min-block-size:2.25rem;font:var(--tui-font-text-s)}[data-vertical][tuiTabsV=\"4.95.0\"][data-vertical=right]{box-shadow:inset 1px 0 var(--tui-border-normal)}[data-vertical][tuiTabsV=\"4.95.0\"][data-vertical=right] [tuiTab]{text-align:end;padding:.25rem 0 .25rem 1.25rem}[data-vertical][tuiTabsV=\"4.95.0\"][data-vertical=right] [tuiTab]:after{right:auto;left:0;transform-origin:left}[data-vertical][tuiTabsV=\"4.95.0\"][data-vertical=right] [tuiTab]:hover{box-shadow:inset .125rem 0 var(--tui-border-normal)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiTabsStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-tabs" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiTabV=\"4.96.0\"]{transition-property:color,box-shadow,opacity,background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;flex-shrink:0;box-sizing:border-box;justify-content:space-between;line-height:1.5rem;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-inline-start:var(--tui-tab-margin, 24px)}[tuiTabV=\"4.96.0\"]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiTabV=\"4.96.0\"]._active{color:var(--tui-text-primary);box-shadow:none}[tuiTabV=\"4.96.0\"]:focus-visible{outline:.125rem solid var(--tui-border-focus);outline-offset:-.125rem}[tuiTabsV=\"4.96.0\"]._underline [tuiTabV=\"4.96.0\"]:hover:not(._active){box-shadow:inset 0 -.125rem var(--tui-border-normal)}[tuiTabsV=\"4.96.0\"]>[tuiTabV=\"4.96.0\"]:first-child,[tuiTabsV=\"4.96.0\"]>:not(.t-overflown)>[tuiTabV=\"4.96.0\"]:first-child{margin-inline-start:0}[tuiTabsV=\"4.96.0\"]>[tuiTabV=\"4.96.0\"]~:not(.t-overflown)>[tuiTabV=\"4.96.0\"]:first-child{margin-inline-start:var(--tui-tab-margin, 24px)}[tuiTabV=\"4.96.0\"][tuiIcons]:before{font-size:1rem;margin-inline-end:.5rem}[tuiTabV=\"4.96.0\"][tuiIcons]:after{font-size:1rem;margin-inline-start:.5rem}[tuiTabV=\"4.96.0\"]:empty:after,[tuiTabV=\"4.96.0\"]:empty:before{margin:.5rem}@media (hover: hover) and (pointer: fine){[tuiTabV=\"4.96.0\"]:hover{color:var(--tui-text-primary)}}[tuiTabsV=\"4.96.0\"]{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:auto;isolation:isolate}[tuiTabsV=\"4.96.0\"]::-webkit-scrollbar,[tuiTabsV=\"4.96.0\"]::-webkit-scrollbar-thumb{display:none}[tuiTabsV=\"4.96.0\"][data-size=m]{font:var(--tui-font-text-s);--tui-tab-margin: 16px}[tuiTabsV=\"4.96.0\"][data-size=l]:not([data-vertical]){block-size:var(--tui-height-l)}[tuiTabsV=\"4.96.0\"][data-size=m]:not([data-vertical]){block-size:var(--tui-height-m)}[tuiTabsV=\"4.96.0\"]:before{transition-property:width,left;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:var(--t-left);bottom:0;block-size:.125rem;inline-size:var(--t-width);background:var(--t-color);animation:tuiPresent 1ms}[tuiTabsV=\"4.96.0\"]._underline:before{content:\"\"}[data-vertical][tuiTabsV=\"4.96.0\"]{flex-direction:column;box-shadow:inset -1px 0 var(--tui-border-normal)}[data-vertical][tuiTabsV=\"4.96.0\"] [tuiTab]{min-block-size:2.75rem;block-size:auto;white-space:normal;margin:0;text-align:start;padding:.25rem 1.25rem .25rem 0}[data-vertical][tuiTabsV=\"4.96.0\"] [tuiTab]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;top:0;right:0;display:block;block-size:100%;inline-size:.125rem;background:var(--tui-background-accent-1);transform:scaleX(0);transform-origin:right;margin:0}[data-vertical][tuiTabsV=\"4.96.0\"] [tuiTab]:hover{box-shadow:inset -.125rem 0 var(--tui-border-normal)}[data-vertical][tuiTabsV=\"4.96.0\"] [tuiTab]._active:after{transform:none}[data-vertical][tuiTabsV=\"4.96.0\"][data-size=m] [tuiTab]{min-block-size:2.25rem;font:var(--tui-font-text-s)}[data-vertical][tuiTabsV=\"4.96.0\"][data-vertical=right]{box-shadow:inset 1px 0 var(--tui-border-normal)}[data-vertical][tuiTabsV=\"4.96.0\"][data-vertical=right] [tuiTab]{text-align:end;padding:.25rem 0 .25rem 1.25rem}[data-vertical][tuiTabsV=\"4.96.0\"][data-vertical=right] [tuiTab]:after{right:auto;left:0;transform-origin:left}[data-vertical][tuiTabsV=\"4.96.0\"][data-vertical=right] [tuiTab]:hover{box-shadow:inset .125rem 0 var(--tui-border-normal)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTabsStyles, decorators: [{
             type: Component,
             args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'tui-tabs',
-                    }, styles: ["[tuiTabV=\"4.95.0\"]{transition-property:color,box-shadow,opacity,background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;flex-shrink:0;box-sizing:border-box;justify-content:space-between;line-height:1.5rem;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-inline-start:var(--tui-tab-margin, 24px)}[tuiTabV=\"4.95.0\"]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiTabV=\"4.95.0\"]._active{color:var(--tui-text-primary);box-shadow:none}[tuiTabV=\"4.95.0\"]:focus-visible{outline:.125rem solid var(--tui-border-focus);outline-offset:-.125rem}[tuiTabsV=\"4.95.0\"]._underline [tuiTabV=\"4.95.0\"]:hover:not(._active){box-shadow:inset 0 -.125rem var(--tui-border-normal)}[tuiTabsV=\"4.95.0\"]>[tuiTabV=\"4.95.0\"]:first-child,[tuiTabsV=\"4.95.0\"]>:not(.t-overflown)>[tuiTabV=\"4.95.0\"]:first-child{margin-inline-start:0}[tuiTabsV=\"4.95.0\"]>[tuiTabV=\"4.95.0\"]~:not(.t-overflown)>[tuiTabV=\"4.95.0\"]:first-child{margin-inline-start:var(--tui-tab-margin, 24px)}[tuiTabV=\"4.95.0\"][tuiIcons]:before{font-size:1rem;margin-inline-end:.5rem}[tuiTabV=\"4.95.0\"][tuiIcons]:after{font-size:1rem;margin-inline-start:.5rem}[tuiTabV=\"4.95.0\"]:empty:after,[tuiTabV=\"4.95.0\"]:empty:before{margin:.5rem}@media (hover: hover) and (pointer: fine){[tuiTabV=\"4.95.0\"]:hover{color:var(--tui-text-primary)}}[tuiTabsV=\"4.95.0\"]{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:auto;isolation:isolate}[tuiTabsV=\"4.95.0\"]::-webkit-scrollbar,[tuiTabsV=\"4.95.0\"]::-webkit-scrollbar-thumb{display:none}[tuiTabsV=\"4.95.0\"][data-size=m]{font:var(--tui-font-text-s);--tui-tab-margin: 16px}[tuiTabsV=\"4.95.0\"][data-size=l]:not([data-vertical]){block-size:var(--tui-height-l)}[tuiTabsV=\"4.95.0\"][data-size=m]:not([data-vertical]){block-size:var(--tui-height-m)}[tuiTabsV=\"4.95.0\"]:before{transition-property:width,left;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:var(--t-left);bottom:0;block-size:.125rem;inline-size:var(--t-width);background:var(--t-color);animation:tuiPresent 1ms}[tuiTabsV=\"4.95.0\"]._underline:before{content:\"\"}[data-vertical][tuiTabsV=\"4.95.0\"]{flex-direction:column;box-shadow:inset -1px 0 var(--tui-border-normal)}[data-vertical][tuiTabsV=\"4.95.0\"] [tuiTab]{min-block-size:2.75rem;block-size:auto;white-space:normal;margin:0;text-align:start;padding:.25rem 1.25rem .25rem 0}[data-vertical][tuiTabsV=\"4.95.0\"] [tuiTab]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;top:0;right:0;display:block;block-size:100%;inline-size:.125rem;background:var(--tui-background-accent-1);transform:scaleX(0);transform-origin:right;margin:0}[data-vertical][tuiTabsV=\"4.95.0\"] [tuiTab]:hover{box-shadow:inset -.125rem 0 var(--tui-border-normal)}[data-vertical][tuiTabsV=\"4.95.0\"] [tuiTab]._active:after{transform:none}[data-vertical][tuiTabsV=\"4.95.0\"][data-size=m] [tuiTab]{min-block-size:2.25rem;font:var(--tui-font-text-s)}[data-vertical][tuiTabsV=\"4.95.0\"][data-vertical=right]{box-shadow:inset 1px 0 var(--tui-border-normal)}[data-vertical][tuiTabsV=\"4.95.0\"][data-vertical=right] [tuiTab]{text-align:end;padding:.25rem 0 .25rem 1.25rem}[data-vertical][tuiTabsV=\"4.95.0\"][data-vertical=right] [tuiTab]:after{right:auto;left:0;transform-origin:left}[data-vertical][tuiTabsV=\"4.95.0\"][data-vertical=right] [tuiTab]:hover{box-shadow:inset .125rem 0 var(--tui-border-normal)}\n"] }]
+                    }, styles: ["[tuiTabV=\"4.96.0\"]{transition-property:color,box-shadow,opacity,background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;flex-shrink:0;box-sizing:border-box;justify-content:space-between;line-height:1.5rem;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-inline-start:var(--tui-tab-margin, 24px)}[tuiTabV=\"4.96.0\"]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiTabV=\"4.96.0\"]._active{color:var(--tui-text-primary);box-shadow:none}[tuiTabV=\"4.96.0\"]:focus-visible{outline:.125rem solid var(--tui-border-focus);outline-offset:-.125rem}[tuiTabsV=\"4.96.0\"]._underline [tuiTabV=\"4.96.0\"]:hover:not(._active){box-shadow:inset 0 -.125rem var(--tui-border-normal)}[tuiTabsV=\"4.96.0\"]>[tuiTabV=\"4.96.0\"]:first-child,[tuiTabsV=\"4.96.0\"]>:not(.t-overflown)>[tuiTabV=\"4.96.0\"]:first-child{margin-inline-start:0}[tuiTabsV=\"4.96.0\"]>[tuiTabV=\"4.96.0\"]~:not(.t-overflown)>[tuiTabV=\"4.96.0\"]:first-child{margin-inline-start:var(--tui-tab-margin, 24px)}[tuiTabV=\"4.96.0\"][tuiIcons]:before{font-size:1rem;margin-inline-end:.5rem}[tuiTabV=\"4.96.0\"][tuiIcons]:after{font-size:1rem;margin-inline-start:.5rem}[tuiTabV=\"4.96.0\"]:empty:after,[tuiTabV=\"4.96.0\"]:empty:before{margin:.5rem}@media (hover: hover) and (pointer: fine){[tuiTabV=\"4.96.0\"]:hover{color:var(--tui-text-primary)}}[tuiTabsV=\"4.96.0\"]{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:auto;isolation:isolate}[tuiTabsV=\"4.96.0\"]::-webkit-scrollbar,[tuiTabsV=\"4.96.0\"]::-webkit-scrollbar-thumb{display:none}[tuiTabsV=\"4.96.0\"][data-size=m]{font:var(--tui-font-text-s);--tui-tab-margin: 16px}[tuiTabsV=\"4.96.0\"][data-size=l]:not([data-vertical]){block-size:var(--tui-height-l)}[tuiTabsV=\"4.96.0\"][data-size=m]:not([data-vertical]){block-size:var(--tui-height-m)}[tuiTabsV=\"4.96.0\"]:before{transition-property:width,left;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:var(--t-left);bottom:0;block-size:.125rem;inline-size:var(--t-width);background:var(--t-color);animation:tuiPresent 1ms}[tuiTabsV=\"4.96.0\"]._underline:before{content:\"\"}[data-vertical][tuiTabsV=\"4.96.0\"]{flex-direction:column;box-shadow:inset -1px 0 var(--tui-border-normal)}[data-vertical][tuiTabsV=\"4.96.0\"] [tuiTab]{min-block-size:2.75rem;block-size:auto;white-space:normal;margin:0;text-align:start;padding:.25rem 1.25rem .25rem 0}[data-vertical][tuiTabsV=\"4.96.0\"] [tuiTab]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;top:0;right:0;display:block;block-size:100%;inline-size:.125rem;background:var(--tui-background-accent-1);transform:scaleX(0);transform-origin:right;margin:0}[data-vertical][tuiTabsV=\"4.96.0\"] [tuiTab]:hover{box-shadow:inset -.125rem 0 var(--tui-border-normal)}[data-vertical][tuiTabsV=\"4.96.0\"] [tuiTab]._active:after{transform:none}[data-vertical][tuiTabsV=\"4.96.0\"][data-size=m] [tuiTab]{min-block-size:2.25rem;font:var(--tui-font-text-s)}[data-vertical][tuiTabsV=\"4.96.0\"][data-vertical=right]{box-shadow:inset 1px 0 var(--tui-border-normal)}[data-vertical][tuiTabsV=\"4.96.0\"][data-vertical=right] [tuiTab]{text-align:end;padding:.25rem 0 .25rem 1.25rem}[data-vertical][tuiTabsV=\"4.96.0\"][data-vertical=right] [tuiTab]:after{right:auto;left:0;transform-origin:left}[data-vertical][tuiTabsV=\"4.96.0\"][data-vertical=right] [tuiTab]:hover{box-shadow:inset .125rem 0 var(--tui-border-normal)}\n"] }]
         }] });
 class TuiTabsDirective {
     constructor() {
@@ -127,7 +127,7 @@ class TuiTabsDirective {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTabsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiTabsDirective, isStandalone: true, inputs: { size: "size", activeItemIndex: "activeItemIndex" }, outputs: { activeItemIndexChange: "activeItemIndexChange" }, host: { attributes: { "tuiTabsV": "4.95.0" }, listeners: { "tui-tab-activate": "onActivate($event, $event.target)" }, properties: { "attr.data-size": "size" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiTabsDirective, isStandalone: true, inputs: { size: "size", activeItemIndex: "activeItemIndex" }, outputs: { activeItemIndexChange: "activeItemIndexChange" }, host: { attributes: { "tuiTabsV": "4.96.0" }, listeners: { "tui-tab-activate": "onActivate($event, $event.target)" }, properties: { "attr.data-size": "size" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTabsDirective, decorators: [{
             type: Directive,