@taiga-ui/kit 4.97.0 → 4.99.0

package/components/calendar-range/calendar-range.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, type OnChanges, type OnInit } from '@angular/core';
+import { EventEmitter, type OnChanges, type OnDestroy, type OnInit } from '@angular/core';
 import { TuiDay, type TuiDayLike, TuiDayRange, TuiMonth } from '@taiga-ui/cdk/date-time';
 import { type TuiBooleanHandler, type TuiMapper } from '@taiga-ui/cdk/types';
 import { type TuiMarkerHandler } from '@taiga-ui/core/components/calendar';
@@ -6,14 +6,15 @@ import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
 import { type Observable } from 'rxjs';
 import { type TuiDayRangePeriod } from './day-range-period';
 import * as i0 from "@angular/core";
-export declare class TuiCalendarRange implements OnInit, OnChanges {
+export declare class TuiCalendarRange implements OnInit, OnChanges, OnDestroy {
     /**
      * @deprecated use `item`
      */
     private selectedPeriod;
     private readonly cdr;
+    private readonly format;
+    private readonly textfield;
     protected currentValue: TuiDay | TuiDayRange | null;
-    protected previousValue: TuiDay | TuiDayRange | null;
     protected hoveredItem: TuiDay | null;
     protected month: TuiMonth;
     protected readonly otherDateText$: Observable<string>;
@@ -48,8 +49,8 @@ export declare class TuiCalendarRange implements OnInit, OnChanges {
     set selectedActivePeriod(period: TuiDayRangePeriod | null);
     ngOnChanges(): void;
     ngOnInit(): void;
+    ngOnDestroy(): void;
     protected get calculatedDisabledItemHandler(): TuiBooleanHandler<TuiDay>;
-    protected onEsc(event: KeyboardEvent): void;
     protected readonly monthOffset: TuiMapper<[TuiMonth, number], TuiMonth>;
     protected readonly mapper: TuiMapper<[
         readonly TuiDayRangePeriod[],

package/components/line-clamp/index.d.ts

@@ -1,3 +1,4 @@
 export * from './line-clamp.component';
 export * from './line-clamp.options';
 export * from './line-clamp-box.component';
+export * from './line-clamp-fallback.directive';

package/components/line-clamp/line-clamp-fallback.directive.d.ts

@@ -0,0 +1,18 @@
+import * as i0 from "@angular/core";
+type Measure = Pick<Element, 'clientWidth' | 'scrollHeight' | 'scrollWidth'>;
+/**
+ * Detects overflow by measuring, for browsers without scroll timeline support (see component
+ * styles)
+ */
+export declare class TuiLineClampFallback {
+    private readonly host;
+    private readonly injector;
+    private readonly el;
+    protected readonly refresh: false | import("@angular/core").EffectRef;
+    protected readonly resize: false | import("rxjs").Subscription;
+    protected measure(): Measure;
+    protected apply({ scrollHeight, scrollWidth, clientWidth }: Measure): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiLineClampFallback, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiLineClampFallback, "[tuiLineClampFallback]", never, {}, {}, never, never, true, never>;
+}
+export {};

package/components/line-clamp/line-clamp.component.d.ts

@@ -1,24 +1,33 @@
-import { type AfterViewChecked } from '@angular/core';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import { type Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/cdk/directives/transitioned";
-export declare class TuiLineClamp implements AfterViewChecked {
-    private readonly outlet?;
+import * as i2 from "./line-clamp-fallback.directive";
+export declare class TuiLineClamp {
     private readonly options;
+    private readonly cdr;
     private readonly el;
-    private readonly linesLimit$;
     private readonly isOverflown$;
-    protected lineClamp: import("@angular/core").Signal<number>;
-    lineHeight: number;
-    content: PolymorpheusContent;
+    private readonly overflows;
+    private readonly destroyed;
+    protected readonly overflown: import("@angular/core").WritableSignal<boolean>;
+    protected readonly lineHeight: import("@angular/core").WritableSignal<number>;
+    protected readonly linesLimit: import("@angular/core").WritableSignal<number>;
+    protected readonly lineClamp: import("@angular/core").Signal<number>;
+    protected readonly computedContent: import("@angular/core").Signal<PolymorpheusContent>;
     readonly overflownChange: Observable<boolean>;
-    set linesLimit(linesLimit: number);
-    ngAfterViewChecked(): void;
-    protected get overflown(): boolean;
-    protected get computedContent(): PolymorpheusContent;
-    protected update(): void;
-    private get maxHeight();
+    readonly content: import("@angular/core").WritableSignal<PolymorpheusContent>;
+    readonly maxHeight: import("@angular/core").Signal<number>;
+    constructor();
+    set contentSetter(content: PolymorpheusContent);
+    set lineHeightSetter(lineHeight: number);
+    set linesLimitSetter(linesLimit: number);
+    setOverflown(overflown: boolean): void;
+    /**
+     * Both axes can overflow at once, and turning the clamp on can stop one of them,
+     * so a single axis going quiet does not mean the content fits
+     */
+    protected onOverflow(overflown: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiLineClamp, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiLineClamp, "tui-line-clamp", never, { "lineHeight": { "alias": "lineHeight"; "required": false; }; "content": { "alias": "content"; "required": false; }; "linesLimit": { "alias": "linesLimit"; "required": false; }; }, { "overflownChange": "overflownChange"; }, never, never, true, [{ directive: typeof i1.TuiTransitioned; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiLineClamp, "tui-line-clamp", never, { "contentSetter": { "alias": "content"; "required": false; }; "lineHeightSetter": { "alias": "lineHeight"; "required": false; }; "linesLimitSetter": { "alias": "linesLimit"; "required": false; }; }, { "overflownChange": "overflownChange"; }, never, never, true, [{ directive: typeof i1.TuiTransitioned; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiLineClampFallback; inputs: {}; outputs: {}; }]>;
 }

package/directives/tooltip/tooltip.directive.d.ts

@@ -14,5 +14,5 @@ export declare class TuiTooltip implements DoCheck {
     ngDoCheck(): void;
     protected onPointerDown(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTooltip, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTooltip, "tui-icon[tuiTooltip]", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithAppearance; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiHintDescribe; inputs: { "tuiHintDescribe": "tuiTooltipDescribe"; }; outputs: {}; }, { directive: typeof i2.TuiHintDirective; inputs: { "tuiHint": "tuiTooltip"; "tuiHintAppearance": "tuiHintAppearance"; "tuiHintContext": "tuiHintContext"; }; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTooltip, "tui-icon[tuiTooltip]", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithAppearance; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiHintDescribe; inputs: { "tuiHintDescribe": "tuiTooltipDescribe"; }; outputs: {}; }, { directive: typeof i2.TuiHintDirective; inputs: { "tuiHint": "tuiTooltip"; "tuiHintAppearance": "tuiHintAppearance"; "tuiHintContext": "tuiHintContext"; }; outputs: { "tuiHintVisible": "tuiHintVisible"; }; }]>;
 }

package/esm2022/components/avatar/avatar-labeled.component.mjs

@@ -13,7 +13,7 @@ class TuiAvatarLabeled {
         return label.split(' ');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAvatarLabeled, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiAvatarLabeled, isStandalone: true, selector: "tui-avatar-labeled", inputs: { label: "label" }, host: { attributes: { "tuiAvatarLabeledV": "4.97.0" } }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiAvatarLabeled, isStandalone: true, selector: "tui-avatar-labeled", inputs: { label: "label" }, host: { attributes: { "tuiAvatarLabeledV": "4.99.0" } }, ngImport: i0, template: `
         <ng-content />
         <ng-container *ngIf="label.length">
             <span
@@ -23,7 +23,7 @@ class TuiAvatarLabeled {
                 {{ item }}
             </span>
         </ng-container>
-    `, isInline: true, styles: ["[tuiAvatarLabeledV=\"4.97.0\"]{display:flex;inline-size:3.5rem;box-sizing:content-box;flex-direction:column;text-align:center;align-items:center;line-height:.895rem;font-size:.75rem;padding:0 .5rem;white-space:nowrap}[tuiAvatarLabeledV=\"4.97.0\"] tui-avatar{margin-block-end:.375rem}[tuiAvatarLabeledV=\"4.97.0\"] [tuiFade]{inline-size:calc(100% + 1rem)}\n"], dependencies: [{ kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: TuiFade, selector: "[tuiFade]", inputs: ["tuiFadeHeight", "tuiFadeSize", "tuiFadeOffset", "tuiFade"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    `, isInline: true, styles: ["[tuiAvatarLabeledV=\"4.99.0\"]{display:flex;inline-size:3.5rem;box-sizing:content-box;flex-direction:column;text-align:center;align-items:center;line-height:.895rem;font-size:.75rem;padding:0 .5rem;white-space:nowrap}[tuiAvatarLabeledV=\"4.99.0\"] tui-avatar{margin-block-end:.375rem}[tuiAvatarLabeledV=\"4.99.0\"] [tuiFade]{inline-size:calc(100% + 1rem)}\n"], dependencies: [{ kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: TuiFade, selector: "[tuiFade]", inputs: ["tuiFadeHeight", "tuiFadeSize", "tuiFadeOffset", "tuiFade"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     tuiPure
@@ -43,7 +43,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         </ng-container>
     `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         tuiAvatarLabeledV: TUI_VERSION,
-                    }, styles: ["[tuiAvatarLabeledV=\"4.97.0\"]{display:flex;inline-size:3.5rem;box-sizing:content-box;flex-direction:column;text-align:center;align-items:center;line-height:.895rem;font-size:.75rem;padding:0 .5rem;white-space:nowrap}[tuiAvatarLabeledV=\"4.97.0\"] tui-avatar{margin-block-end:.375rem}[tuiAvatarLabeledV=\"4.97.0\"] [tuiFade]{inline-size:calc(100% + 1rem)}\n"] }]
+                    }, styles: ["[tuiAvatarLabeledV=\"4.99.0\"]{display:flex;inline-size:3.5rem;box-sizing:content-box;flex-direction:column;text-align:center;align-items:center;line-height:.895rem;font-size:.75rem;padding:0 .5rem;white-space:nowrap}[tuiAvatarLabeledV=\"4.99.0\"] tui-avatar{margin-block-end:.375rem}[tuiAvatarLabeledV=\"4.99.0\"] [tuiFade]{inline-size:calc(100% + 1rem)}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], split: [] } });

package/esm2022/components/avatar/avatar-outline.directive.mjs

@@ -4,13 +4,13 @@ import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
 import * as i0 from "@angular/core";
 class TuiAvatarOutlineStyles {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAvatarOutlineStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiAvatarOutlineStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-avatar-outline" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiAvatarOutlineV=\"4.97.0\"]{--t-outline: .1875rem;--t-gap: .125rem}[tuiAvatarOutlineV=\"4.97.0\"][data-size=xs],[tuiAvatarOutlineV=\"4.97.0\"][data-size=s],[tuiAvatarOutlineV=\"4.97.0\"][data-size=m]{--t-outline: .125rem;--t-gap: .0625rem}[tuiAvatarOutlineV=\"4.97.0\"]._outline{-webkit-mask:radial-gradient(closest-side,#000,#000 calc(100% - var(--t-gap) - var(--t-outline) - .5px),transparent calc(100% - var(--t-gap) - var(--t-outline)),transparent calc(100% - var(--t-outline) - .5px),#000 calc(100% - var(--t-outline)));mask:radial-gradient(closest-side,#000,#000 calc(100% - var(--t-gap) - var(--t-outline) - .5px),transparent calc(100% - var(--t-gap) - var(--t-outline)),transparent calc(100% - var(--t-outline) - .5px),#000 calc(100% - var(--t-outline)))}[tuiAvatarOutlineV=\"4.97.0\"]._outline:after{content:\"\";position:absolute;top:0;left:0;inline-size:100%;block-size:100%;background:var(--t-fill);-webkit-mask:radial-gradient(closest-side,transparent,transparent calc(100% - var(--t-outline) - .5px),#000 calc(100% - var(--t-outline)));mask:radial-gradient(closest-side,transparent,transparent calc(100% - var(--t-outline) - .5px),#000 calc(100% - var(--t-outline)))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiAvatarOutlineStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-avatar-outline" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiAvatarOutlineV=\"4.99.0\"]{--t-outline: .1875rem;--t-gap: .125rem}[tuiAvatarOutlineV=\"4.99.0\"][data-size=xs],[tuiAvatarOutlineV=\"4.99.0\"][data-size=s],[tuiAvatarOutlineV=\"4.99.0\"][data-size=m]{--t-outline: .125rem;--t-gap: .0625rem}[tuiAvatarOutlineV=\"4.99.0\"]._outline{-webkit-mask:radial-gradient(closest-side,#000,#000 calc(100% - var(--t-gap) - var(--t-outline) - .5px),transparent calc(100% - var(--t-gap) - var(--t-outline)),transparent calc(100% - var(--t-outline) - .5px),#000 calc(100% - var(--t-outline)));mask:radial-gradient(closest-side,#000,#000 calc(100% - var(--t-gap) - var(--t-outline) - .5px),transparent calc(100% - var(--t-gap) - var(--t-outline)),transparent calc(100% - var(--t-outline) - .5px),#000 calc(100% - var(--t-outline)))}[tuiAvatarOutlineV=\"4.99.0\"]._outline:after{content:\"\";position:absolute;top:0;left:0;inline-size:100%;block-size:100%;background:var(--t-fill);-webkit-mask:radial-gradient(closest-side,transparent,transparent calc(100% - var(--t-outline) - .5px),#000 calc(100% - var(--t-outline)));mask:radial-gradient(closest-side,transparent,transparent calc(100% - var(--t-outline) - .5px),#000 calc(100% - var(--t-outline)))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAvatarOutlineStyles, decorators: [{
             type: Component,
             args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'tui-avatar-outline',
-                    }, styles: ["[tuiAvatarOutlineV=\"4.97.0\"]{--t-outline: .1875rem;--t-gap: .125rem}[tuiAvatarOutlineV=\"4.97.0\"][data-size=xs],[tuiAvatarOutlineV=\"4.97.0\"][data-size=s],[tuiAvatarOutlineV=\"4.97.0\"][data-size=m]{--t-outline: .125rem;--t-gap: .0625rem}[tuiAvatarOutlineV=\"4.97.0\"]._outline{-webkit-mask:radial-gradient(closest-side,#000,#000 calc(100% - var(--t-gap) - var(--t-outline) - .5px),transparent calc(100% - var(--t-gap) - var(--t-outline)),transparent calc(100% - var(--t-outline) - .5px),#000 calc(100% - var(--t-outline)));mask:radial-gradient(closest-side,#000,#000 calc(100% - var(--t-gap) - var(--t-outline) - .5px),transparent calc(100% - var(--t-gap) - var(--t-outline)),transparent calc(100% - var(--t-outline) - .5px),#000 calc(100% - var(--t-outline)))}[tuiAvatarOutlineV=\"4.97.0\"]._outline:after{content:\"\";position:absolute;top:0;left:0;inline-size:100%;block-size:100%;background:var(--t-fill);-webkit-mask:radial-gradient(closest-side,transparent,transparent calc(100% - var(--t-outline) - .5px),#000 calc(100% - var(--t-outline)));mask:radial-gradient(closest-side,transparent,transparent calc(100% - var(--t-outline) - .5px),#000 calc(100% - var(--t-outline)))}\n"] }]
+                    }, styles: ["[tuiAvatarOutlineV=\"4.99.0\"]{--t-outline: .1875rem;--t-gap: .125rem}[tuiAvatarOutlineV=\"4.99.0\"][data-size=xs],[tuiAvatarOutlineV=\"4.99.0\"][data-size=s],[tuiAvatarOutlineV=\"4.99.0\"][data-size=m]{--t-outline: .125rem;--t-gap: .0625rem}[tuiAvatarOutlineV=\"4.99.0\"]._outline{-webkit-mask:radial-gradient(closest-side,#000,#000 calc(100% - var(--t-gap) - var(--t-outline) - .5px),transparent calc(100% - var(--t-gap) - var(--t-outline)),transparent calc(100% - var(--t-outline) - .5px),#000 calc(100% - var(--t-outline)));mask:radial-gradient(closest-side,#000,#000 calc(100% - var(--t-gap) - var(--t-outline) - .5px),transparent calc(100% - var(--t-gap) - var(--t-outline)),transparent calc(100% - var(--t-outline) - .5px),#000 calc(100% - var(--t-outline)))}[tuiAvatarOutlineV=\"4.99.0\"]._outline:after{content:\"\";position:absolute;top:0;left:0;inline-size:100%;block-size:100%;background:var(--t-fill);-webkit-mask:radial-gradient(closest-side,transparent,transparent calc(100% - var(--t-outline) - .5px),#000 calc(100% - var(--t-outline)));mask:radial-gradient(closest-side,transparent,transparent calc(100% - var(--t-outline) - .5px),#000 calc(100% - var(--t-outline)))}\n"] }]
         }] });
 class TuiAvatarOutline {
     constructor() {
@@ -23,7 +23,7 @@ class TuiAvatarOutline {
             : this.tuiAvatarOutline;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAvatarOutline, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiAvatarOutline, isStandalone: true, selector: "[tuiAvatarOutline]", inputs: { tuiAvatarOutline: "tuiAvatarOutline" }, host: { attributes: { "tuiAvatarOutlineV": "4.97.0" }, properties: { "style.--t-fill": "value", "class._outline": "value" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiAvatarOutline, isStandalone: true, selector: "[tuiAvatarOutline]", inputs: { tuiAvatarOutline: "tuiAvatarOutline" }, host: { attributes: { "tuiAvatarOutlineV": "4.99.0" }, properties: { "style.--t-fill": "value", "class._outline": "value" } }, ngImport: i0 }); }
 }
 export { TuiAvatarOutline };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAvatarOutline, decorators: [{

package/esm2022/components/avatar/avatar-stack.component.mjs

@@ -6,7 +6,7 @@ class TuiAvatarStack {
         this.direction = 'right';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAvatarStack, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiAvatarStack, isStandalone: true, selector: "tui-avatar-stack", inputs: { direction: "direction" }, host: { attributes: { "tuiAvatarStackV": "4.97.0" }, properties: { "attr.data-direction": "direction" } }, ngImport: i0, template: '<ng-content />', isInline: true, styles: ["[tuiAvatarStackV=\"4.97.0\"]{display:flex;--t-gap: .125rem}[tuiAvatarStackV=\"4.97.0\"] tui-avatar{--t-offset: 2.5rem}[tuiAvatarStackV=\"4.97.0\"] tui-avatar[data-size=xl]{--t-offset: 2.125rem}[tuiAvatarStackV=\"4.97.0\"] tui-avatar[data-size=l]{--t-offset: 1.5rem}[tuiAvatarStackV=\"4.97.0\"] tui-avatar[data-size=m]{--t-offset: .75rem}[tuiAvatarStackV=\"4.97.0\"] tui-avatar[data-size=s]{--t-offset: .575rem}[tuiAvatarStackV=\"4.97.0\"] tui-avatar[data-size=xs]{--t-offset: .375rem}[tuiAvatarStackV=\"4.97.0\"] tui-avatar._round{-webkit-mask-image:radial-gradient(circle at calc(50% - calc(var(--tui-inline) * (var(--t-size) - var(--t-offset)))) 50%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px));mask-image:radial-gradient(circle at calc(50% - calc(var(--tui-inline) * (var(--t-size) - var(--t-offset)))) 50%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px))}[tuiAvatarStackV=\"4.97.0\"][data-direction=right] tui-avatar._round{--tui-inline: -1}[dir=rtl] [tuiAvatarStackV=\"4.97.0\"][data-direction=right] tui-avatar._round{--tui-inline: 1}[tuiAvatarStackV=\"4.97.0\"][data-direction=right] tui-avatar._round:last-child{-webkit-mask-image:none;mask-image:none}[tuiAvatarStackV=\"4.97.0\"][data-direction=left] tui-avatar._round:first-child{-webkit-mask-image:none;mask-image:none}[tuiAvatarStackV=\"4.97.0\"][data-direction=left] tui-avatar:not(._round):not(:first-child),[dir=rtl] [tuiAvatarStackV=\"4.97.0\"][data-direction=right] tui-avatar:not(._round):not(:last-child){-webkit-mask-image:radial-gradient(circle at 0% 100%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),radial-gradient(circle at 0% 0%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),linear-gradient(to right,transparent calc(var(--t-offset) + var(--t-gap)),#000 calc(var(--t-offset) + var(--t-gap)));mask-image:radial-gradient(circle at 0% 100%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),radial-gradient(circle at 0% 0%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),linear-gradient(to right,transparent calc(var(--t-offset) + var(--t-gap)),#000 calc(var(--t-offset) + var(--t-gap)));-webkit-mask-position:calc(var(--t-offset) - var(--t-radius)) calc(-1 * (var(--t-size) - var(--t-radius))),calc(var(--t-offset) - var(--t-radius)) calc(var(--t-size) - var(--t-radius)),bottom;mask-position:calc(var(--t-offset) - var(--t-radius)) calc(-1 * (var(--t-size) - var(--t-radius))),calc(var(--t-offset) - var(--t-radius)) calc(var(--t-size) - var(--t-radius)),bottom}[tuiAvatarStackV=\"4.97.0\"][data-direction=right] tui-avatar:not(._round):not(:last-child),[dir=rtl] [tuiAvatarStackV=\"4.97.0\"][data-direction=left] tui-avatar:not(._round):not(:first-child){-webkit-mask-image:radial-gradient(circle at 150% 100%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),radial-gradient(circle at 150% 0%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),linear-gradient(to left,transparent calc(var(--t-offset) + var(--t-gap)),#000 calc(var(--t-offset) + var(--t-gap)));mask-image:radial-gradient(circle at 150% 100%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),radial-gradient(circle at 150% 0%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),linear-gradient(to left,transparent calc(var(--t-offset) + var(--t-gap)),#000 calc(var(--t-offset) + var(--t-gap)));-webkit-mask-position:calc((var(--t-offset) - var(--t-size) + var(--t-radius) / 2 + var(--t-gap) + 1px) * -1) calc(-1 * var(--t-gap)),calc((var(--t-offset) - var(--t-size) + var(--t-radius) / 2 + var(--t-gap) + 1px) * -1) calc(100% + var(--t-gap)),bottom;mask-position:calc((var(--t-offset) - var(--t-size) + var(--t-radius) / 2 + var(--t-gap) + 1px) * -1) calc(-1 * var(--t-gap)),calc((var(--t-offset) - var(--t-size) + var(--t-radius) / 2 + var(--t-gap) + 1px) * -1) calc(100% + var(--t-gap)),bottom}[tuiAvatarStackV=\"4.97.0\"] tui-avatar:not(._round){-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[dir=rtl] [tuiAvatarStackV=\"4.97.0\"][data-direction=left] tui-avatar:not(._round),[tuiAvatarStackV=\"4.97.0\"][data-direction=right] tui-avatar:not(._round){-webkit-mask-size:calc(var(--t-radius) + var(--t-gap)) calc(var(--t-radius) + var(--t-gap)),calc(var(--t-radius) + var(--t-gap)) calc(var(--t-radius) + var(--t-gap)),100%;mask-size:calc(var(--t-radius) + var(--t-gap)) calc(var(--t-radius) + var(--t-gap)),calc(var(--t-radius) + var(--t-gap)) calc(var(--t-radius) + var(--t-gap)),100%}[dir=rtl] [tuiAvatarStackV=\"4.97.0\"][data-direction=right] tui-avatar:not(._round){-webkit-mask-size:unset;mask-size:unset}[tuiAvatarStackV=\"4.97.0\"] tui-avatar:not(:last-child){margin-inline-end:calc(-1 * var(--t-offset))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiAvatarStack, isStandalone: true, selector: "tui-avatar-stack", inputs: { direction: "direction" }, host: { attributes: { "tuiAvatarStackV": "4.99.0" }, properties: { "attr.data-direction": "direction" } }, ngImport: i0, template: '<ng-content />', isInline: true, styles: ["[tuiAvatarStackV=\"4.99.0\"]{display:flex;--t-gap: .125rem}[tuiAvatarStackV=\"4.99.0\"] tui-avatar{--t-offset: 2.5rem}[tuiAvatarStackV=\"4.99.0\"] tui-avatar[data-size=xl]{--t-offset: 2.125rem}[tuiAvatarStackV=\"4.99.0\"] tui-avatar[data-size=l]{--t-offset: 1.5rem}[tuiAvatarStackV=\"4.99.0\"] tui-avatar[data-size=m]{--t-offset: .75rem}[tuiAvatarStackV=\"4.99.0\"] tui-avatar[data-size=s]{--t-offset: .575rem}[tuiAvatarStackV=\"4.99.0\"] tui-avatar[data-size=xs]{--t-offset: .375rem}[tuiAvatarStackV=\"4.99.0\"] tui-avatar._round{-webkit-mask-image:radial-gradient(circle at calc(50% - calc(var(--tui-inline) * (var(--t-size) - var(--t-offset)))) 50%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px));mask-image:radial-gradient(circle at calc(50% - calc(var(--tui-inline) * (var(--t-size) - var(--t-offset)))) 50%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px))}[tuiAvatarStackV=\"4.99.0\"][data-direction=right] tui-avatar._round{--tui-inline: -1}[dir=rtl] [tuiAvatarStackV=\"4.99.0\"][data-direction=right] tui-avatar._round{--tui-inline: 1}[tuiAvatarStackV=\"4.99.0\"][data-direction=right] tui-avatar._round:last-child{-webkit-mask-image:none;mask-image:none}[tuiAvatarStackV=\"4.99.0\"][data-direction=left] tui-avatar._round:first-child{-webkit-mask-image:none;mask-image:none}[tuiAvatarStackV=\"4.99.0\"][data-direction=left] tui-avatar:not(._round):not(:first-child),[dir=rtl] [tuiAvatarStackV=\"4.99.0\"][data-direction=right] tui-avatar:not(._round):not(:last-child){-webkit-mask-image:radial-gradient(circle at 0% 100%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),radial-gradient(circle at 0% 0%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),linear-gradient(to right,transparent calc(var(--t-offset) + var(--t-gap)),#000 calc(var(--t-offset) + var(--t-gap)));mask-image:radial-gradient(circle at 0% 100%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),radial-gradient(circle at 0% 0%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),linear-gradient(to right,transparent calc(var(--t-offset) + var(--t-gap)),#000 calc(var(--t-offset) + var(--t-gap)));-webkit-mask-position:calc(var(--t-offset) - var(--t-radius)) calc(-1 * (var(--t-size) - var(--t-radius))),calc(var(--t-offset) - var(--t-radius)) calc(var(--t-size) - var(--t-radius)),bottom;mask-position:calc(var(--t-offset) - var(--t-radius)) calc(-1 * (var(--t-size) - var(--t-radius))),calc(var(--t-offset) - var(--t-radius)) calc(var(--t-size) - var(--t-radius)),bottom}[tuiAvatarStackV=\"4.99.0\"][data-direction=right] tui-avatar:not(._round):not(:last-child),[dir=rtl] [tuiAvatarStackV=\"4.99.0\"][data-direction=left] tui-avatar:not(._round):not(:first-child){-webkit-mask-image:radial-gradient(circle at 150% 100%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),radial-gradient(circle at 150% 0%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),linear-gradient(to left,transparent calc(var(--t-offset) + var(--t-gap)),#000 calc(var(--t-offset) + var(--t-gap)));mask-image:radial-gradient(circle at 150% 100%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),radial-gradient(circle at 150% 0%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),linear-gradient(to left,transparent calc(var(--t-offset) + var(--t-gap)),#000 calc(var(--t-offset) + var(--t-gap)));-webkit-mask-position:calc((var(--t-offset) - var(--t-size) + var(--t-radius) / 2 + var(--t-gap) + 1px) * -1) calc(-1 * var(--t-gap)),calc((var(--t-offset) - var(--t-size) + var(--t-radius) / 2 + var(--t-gap) + 1px) * -1) calc(100% + var(--t-gap)),bottom;mask-position:calc((var(--t-offset) - var(--t-size) + var(--t-radius) / 2 + var(--t-gap) + 1px) * -1) calc(-1 * var(--t-gap)),calc((var(--t-offset) - var(--t-size) + var(--t-radius) / 2 + var(--t-gap) + 1px) * -1) calc(100% + var(--t-gap)),bottom}[tuiAvatarStackV=\"4.99.0\"] tui-avatar:not(._round){-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[dir=rtl] [tuiAvatarStackV=\"4.99.0\"][data-direction=left] tui-avatar:not(._round),[tuiAvatarStackV=\"4.99.0\"][data-direction=right] tui-avatar:not(._round){-webkit-mask-size:calc(var(--t-radius) + var(--t-gap)) calc(var(--t-radius) + var(--t-gap)),calc(var(--t-radius) + var(--t-gap)) calc(var(--t-radius) + var(--t-gap)),100%;mask-size:calc(var(--t-radius) + var(--t-gap)) calc(var(--t-radius) + var(--t-gap)),calc(var(--t-radius) + var(--t-gap)) calc(var(--t-radius) + var(--t-gap)),100%}[dir=rtl] [tuiAvatarStackV=\"4.99.0\"][data-direction=right] tui-avatar:not(._round){-webkit-mask-size:unset;mask-size:unset}[tuiAvatarStackV=\"4.99.0\"] tui-avatar:not(:last-child){margin-inline-end:calc(-1 * var(--t-offset))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 export { TuiAvatarStack };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAvatarStack, decorators: [{
@@ -14,7 +14,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             args: [{ standalone: true, selector: 'tui-avatar-stack', template: '<ng-content />', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         tuiAvatarStackV: TUI_VERSION,
                         '[attr.data-direction]': 'direction',
-                    }, styles: ["[tuiAvatarStackV=\"4.97.0\"]{display:flex;--t-gap: .125rem}[tuiAvatarStackV=\"4.97.0\"] tui-avatar{--t-offset: 2.5rem}[tuiAvatarStackV=\"4.97.0\"] tui-avatar[data-size=xl]{--t-offset: 2.125rem}[tuiAvatarStackV=\"4.97.0\"] tui-avatar[data-size=l]{--t-offset: 1.5rem}[tuiAvatarStackV=\"4.97.0\"] tui-avatar[data-size=m]{--t-offset: .75rem}[tuiAvatarStackV=\"4.97.0\"] tui-avatar[data-size=s]{--t-offset: .575rem}[tuiAvatarStackV=\"4.97.0\"] tui-avatar[data-size=xs]{--t-offset: .375rem}[tuiAvatarStackV=\"4.97.0\"] tui-avatar._round{-webkit-mask-image:radial-gradient(circle at calc(50% - calc(var(--tui-inline) * (var(--t-size) - var(--t-offset)))) 50%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px));mask-image:radial-gradient(circle at calc(50% - calc(var(--tui-inline) * (var(--t-size) - var(--t-offset)))) 50%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px))}[tuiAvatarStackV=\"4.97.0\"][data-direction=right] tui-avatar._round{--tui-inline: -1}[dir=rtl] [tuiAvatarStackV=\"4.97.0\"][data-direction=right] tui-avatar._round{--tui-inline: 1}[tuiAvatarStackV=\"4.97.0\"][data-direction=right] tui-avatar._round:last-child{-webkit-mask-image:none;mask-image:none}[tuiAvatarStackV=\"4.97.0\"][data-direction=left] tui-avatar._round:first-child{-webkit-mask-image:none;mask-image:none}[tuiAvatarStackV=\"4.97.0\"][data-direction=left] tui-avatar:not(._round):not(:first-child),[dir=rtl] [tuiAvatarStackV=\"4.97.0\"][data-direction=right] tui-avatar:not(._round):not(:last-child){-webkit-mask-image:radial-gradient(circle at 0% 100%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),radial-gradient(circle at 0% 0%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),linear-gradient(to right,transparent calc(var(--t-offset) + var(--t-gap)),#000 calc(var(--t-offset) + var(--t-gap)));mask-image:radial-gradient(circle at 0% 100%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),radial-gradient(circle at 0% 0%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),linear-gradient(to right,transparent calc(var(--t-offset) + var(--t-gap)),#000 calc(var(--t-offset) + var(--t-gap)));-webkit-mask-position:calc(var(--t-offset) - var(--t-radius)) calc(-1 * (var(--t-size) - var(--t-radius))),calc(var(--t-offset) - var(--t-radius)) calc(var(--t-size) - var(--t-radius)),bottom;mask-position:calc(var(--t-offset) - var(--t-radius)) calc(-1 * (var(--t-size) - var(--t-radius))),calc(var(--t-offset) - var(--t-radius)) calc(var(--t-size) - var(--t-radius)),bottom}[tuiAvatarStackV=\"4.97.0\"][data-direction=right] tui-avatar:not(._round):not(:last-child),[dir=rtl] [tuiAvatarStackV=\"4.97.0\"][data-direction=left] tui-avatar:not(._round):not(:first-child){-webkit-mask-image:radial-gradient(circle at 150% 100%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),radial-gradient(circle at 150% 0%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),linear-gradient(to left,transparent calc(var(--t-offset) + var(--t-gap)),#000 calc(var(--t-offset) + var(--t-gap)));mask-image:radial-gradient(circle at 150% 100%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),radial-gradient(circle at 150% 0%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),linear-gradient(to left,transparent calc(var(--t-offset) + var(--t-gap)),#000 calc(var(--t-offset) + var(--t-gap)));-webkit-mask-position:calc((var(--t-offset) - var(--t-size) + var(--t-radius) / 2 + var(--t-gap) + 1px) * -1) calc(-1 * var(--t-gap)),calc((var(--t-offset) - var(--t-size) + var(--t-radius) / 2 + var(--t-gap) + 1px) * -1) calc(100% + var(--t-gap)),bottom;mask-position:calc((var(--t-offset) - var(--t-size) + var(--t-radius) / 2 + var(--t-gap) + 1px) * -1) calc(-1 * var(--t-gap)),calc((var(--t-offset) - var(--t-size) + var(--t-radius) / 2 + var(--t-gap) + 1px) * -1) calc(100% + var(--t-gap)),bottom}[tuiAvatarStackV=\"4.97.0\"] tui-avatar:not(._round){-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[dir=rtl] [tuiAvatarStackV=\"4.97.0\"][data-direction=left] tui-avatar:not(._round),[tuiAvatarStackV=\"4.97.0\"][data-direction=right] tui-avatar:not(._round){-webkit-mask-size:calc(var(--t-radius) + var(--t-gap)) calc(var(--t-radius) + var(--t-gap)),calc(var(--t-radius) + var(--t-gap)) calc(var(--t-radius) + var(--t-gap)),100%;mask-size:calc(var(--t-radius) + var(--t-gap)) calc(var(--t-radius) + var(--t-gap)),calc(var(--t-radius) + var(--t-gap)) calc(var(--t-radius) + var(--t-gap)),100%}[dir=rtl] [tuiAvatarStackV=\"4.97.0\"][data-direction=right] tui-avatar:not(._round){-webkit-mask-size:unset;mask-size:unset}[tuiAvatarStackV=\"4.97.0\"] tui-avatar:not(:last-child){margin-inline-end:calc(-1 * var(--t-offset))}\n"] }]
+                    }, styles: ["[tuiAvatarStackV=\"4.99.0\"]{display:flex;--t-gap: .125rem}[tuiAvatarStackV=\"4.99.0\"] tui-avatar{--t-offset: 2.5rem}[tuiAvatarStackV=\"4.99.0\"] tui-avatar[data-size=xl]{--t-offset: 2.125rem}[tuiAvatarStackV=\"4.99.0\"] tui-avatar[data-size=l]{--t-offset: 1.5rem}[tuiAvatarStackV=\"4.99.0\"] tui-avatar[data-size=m]{--t-offset: .75rem}[tuiAvatarStackV=\"4.99.0\"] tui-avatar[data-size=s]{--t-offset: .575rem}[tuiAvatarStackV=\"4.99.0\"] tui-avatar[data-size=xs]{--t-offset: .375rem}[tuiAvatarStackV=\"4.99.0\"] tui-avatar._round{-webkit-mask-image:radial-gradient(circle at calc(50% - calc(var(--tui-inline) * (var(--t-size) - var(--t-offset)))) 50%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px));mask-image:radial-gradient(circle at calc(50% - calc(var(--tui-inline) * (var(--t-size) - var(--t-offset)))) 50%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px))}[tuiAvatarStackV=\"4.99.0\"][data-direction=right] tui-avatar._round{--tui-inline: -1}[dir=rtl] [tuiAvatarStackV=\"4.99.0\"][data-direction=right] tui-avatar._round{--tui-inline: 1}[tuiAvatarStackV=\"4.99.0\"][data-direction=right] tui-avatar._round:last-child{-webkit-mask-image:none;mask-image:none}[tuiAvatarStackV=\"4.99.0\"][data-direction=left] tui-avatar._round:first-child{-webkit-mask-image:none;mask-image:none}[tuiAvatarStackV=\"4.99.0\"][data-direction=left] tui-avatar:not(._round):not(:first-child),[dir=rtl] [tuiAvatarStackV=\"4.99.0\"][data-direction=right] tui-avatar:not(._round):not(:last-child){-webkit-mask-image:radial-gradient(circle at 0% 100%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),radial-gradient(circle at 0% 0%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),linear-gradient(to right,transparent calc(var(--t-offset) + var(--t-gap)),#000 calc(var(--t-offset) + var(--t-gap)));mask-image:radial-gradient(circle at 0% 100%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),radial-gradient(circle at 0% 0%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),linear-gradient(to right,transparent calc(var(--t-offset) + var(--t-gap)),#000 calc(var(--t-offset) + var(--t-gap)));-webkit-mask-position:calc(var(--t-offset) - var(--t-radius)) calc(-1 * (var(--t-size) - var(--t-radius))),calc(var(--t-offset) - var(--t-radius)) calc(var(--t-size) - var(--t-radius)),bottom;mask-position:calc(var(--t-offset) - var(--t-radius)) calc(-1 * (var(--t-size) - var(--t-radius))),calc(var(--t-offset) - var(--t-radius)) calc(var(--t-size) - var(--t-radius)),bottom}[tuiAvatarStackV=\"4.99.0\"][data-direction=right] tui-avatar:not(._round):not(:last-child),[dir=rtl] [tuiAvatarStackV=\"4.99.0\"][data-direction=left] tui-avatar:not(._round):not(:first-child){-webkit-mask-image:radial-gradient(circle at 150% 100%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),radial-gradient(circle at 150% 0%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),linear-gradient(to left,transparent calc(var(--t-offset) + var(--t-gap)),#000 calc(var(--t-offset) + var(--t-gap)));mask-image:radial-gradient(circle at 150% 100%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),radial-gradient(circle at 150% 0%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),linear-gradient(to left,transparent calc(var(--t-offset) + var(--t-gap)),#000 calc(var(--t-offset) + var(--t-gap)));-webkit-mask-position:calc((var(--t-offset) - var(--t-size) + var(--t-radius) / 2 + var(--t-gap) + 1px) * -1) calc(-1 * var(--t-gap)),calc((var(--t-offset) - var(--t-size) + var(--t-radius) / 2 + var(--t-gap) + 1px) * -1) calc(100% + var(--t-gap)),bottom;mask-position:calc((var(--t-offset) - var(--t-size) + var(--t-radius) / 2 + var(--t-gap) + 1px) * -1) calc(-1 * var(--t-gap)),calc((var(--t-offset) - var(--t-size) + var(--t-radius) / 2 + var(--t-gap) + 1px) * -1) calc(100% + var(--t-gap)),bottom}[tuiAvatarStackV=\"4.99.0\"] tui-avatar:not(._round){-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[dir=rtl] [tuiAvatarStackV=\"4.99.0\"][data-direction=left] tui-avatar:not(._round),[tuiAvatarStackV=\"4.99.0\"][data-direction=right] tui-avatar:not(._round){-webkit-mask-size:calc(var(--t-radius) + var(--t-gap)) calc(var(--t-radius) + var(--t-gap)),calc(var(--t-radius) + var(--t-gap)) calc(var(--t-radius) + var(--t-gap)),100%;mask-size:calc(var(--t-radius) + var(--t-gap)) calc(var(--t-radius) + var(--t-gap)),calc(var(--t-radius) + var(--t-gap)) calc(var(--t-radius) + var(--t-gap)),100%}[dir=rtl] [tuiAvatarStackV=\"4.99.0\"][data-direction=right] tui-avatar:not(._round){-webkit-mask-size:unset;mask-size:unset}[tuiAvatarStackV=\"4.99.0\"] tui-avatar:not(:last-child){margin-inline-end:calc(-1 * var(--t-offset))}\n"] }]
         }], propDecorators: { direction: [{
                 type: Input
             }] } });

package/esm2022/components/badge/badge.directive.mjs

@@ -9,13 +9,13 @@ import * as i1 from "@taiga-ui/core/directives/appearance";
 import * as i2 from "@taiga-ui/core/directives/icons";
 class TuiBadgeStyles {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiBadgeStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiBadgeStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-badge" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiBadgeV=\"4.97.0\"]{--t-icon-size: 1rem;--t-padding: 0 .5rem;--t-size: var(--tui-height-xs);--t-margin: -.25rem;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;max-inline-size:100%;gap:calc(var(--t-gap, 0rem) - 2 * var(--t-margin, 0rem));border-radius:6rem;justify-content:center;background:#959595;color:var(--tui-background-base);padding:var(--t-padding);block-size:var(--t-size);min-inline-size:var(--t-size);inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content;font:var(--tui-font-text-s)}[tuiBadgeV=\"4.97.0\"]>img,[tuiBadgeV=\"4.97.0\"]>tui-svg,[tuiBadgeV=\"4.97.0\"]>tui-icon,[tuiBadgeV=\"4.97.0\"]>tui-avatar,[tuiBadgeV=\"4.97.0\"]>tui-badge,[tuiBadgeV=\"4.97.0\"]>[tuiBadge],[tuiBadgeV=\"4.97.0\"]>[tuiRadio],[tuiBadgeV=\"4.97.0\"]>[tuiSwitch],[tuiBadgeV=\"4.97.0\"]>[tuiCheckbox],[tuiBadgeV=\"4.97.0\"][tuiIcons]:before,[tuiBadgeV=\"4.97.0\"][tuiIcons]:after{margin:var(--t-margin)}[tuiBadgeV=\"4.97.0\"][tuiStatus]:before{inline-size:.375rem;block-size:.375rem;margin:0}[tuiBadgeV=\"4.97.0\"]>tui-icon,[tuiBadgeV=\"4.97.0\"][tuiIcons]:before,[tuiBadgeV=\"4.97.0\"][tuiIcons]:after{font-size:var(--t-icon-size)!important}[tuiBadgeV=\"4.97.0\"][data-appearance=error],[tuiBadgeV=\"4.97.0\"][data-appearance=negative]{--t-status: var(--tui-status-negative)}[tuiBadgeV=\"4.97.0\"][data-appearance=success],[tuiBadgeV=\"4.97.0\"][data-appearance=positive]{--t-status: var(--tui-status-positive)}[tuiBadgeV=\"4.97.0\"][data-appearance=warning]{--t-status: var(--tui-status-warning)}[tuiBadgeV=\"4.97.0\"][data-appearance=info]{--t-status: var(--tui-status-info)}[tuiBadgeV=\"4.97.0\"][data-appearance=neutral]{--t-status: var(--tui-status-neutral)}[tuiBadgeV=\"4.97.0\"][data-size=s]{--t-padding: 0 .3125rem;--t-size: 1rem;--t-icon-size: .625rem;--t-margin: -.125rem;font:var(--tui-font-text-xs)}[tuiBadgeV=\"4.97.0\"][data-size=s][tuiStatus]:before{inline-size:.25rem;block-size:.25rem;margin-inline-end:-.125rem}[tuiBadgeV=\"4.97.0\"][data-size=m]{--t-padding: 0 .375rem;--t-size: 1.25rem;--t-icon-size: .75rem;--t-margin: -.125rem}[tuiBadgeV=\"4.97.0\"][data-size=xl]{--t-margin: -.25rem;--t-padding: 0 .75rem;--t-size: var(--tui-height-s);font:var(--tui-font-text-m)}[tuiBadgeV=\"4.97.0\"][data-size=xl][tuiStatus]:before{inline-size:.5rem;block-size:.5rem;margin-inline-end:-.125rem}[tuiBadgeV=\"4.97.0\"][tuiAppearance][data-appearance=error],[tuiBadgeV=\"4.97.0\"][tuiAppearance][data-appearance=success],[tuiBadgeV=\"4.97.0\"][tuiAppearance][data-appearance=negative],[tuiBadgeV=\"4.97.0\"][tuiAppearance][data-appearance=positive],[tuiBadgeV=\"4.97.0\"][tuiAppearance][data-appearance=warning],[tuiBadgeV=\"4.97.0\"][tuiAppearance][data-appearance=info],[tuiBadgeV=\"4.97.0\"][tuiAppearance][data-appearance=neutral]{color:var(--tui-text-primary)}img[tuiBadgeV=\"4.97.0\"]{padding:0;inline-size:var(--t-size)}tui-icon[tuiBadgeV=\"4.97.0\"]{--t-margin: 0 !important;-webkit-mask:none;mask:none;block-size:var(--t-size);inline-size:var(--t-size)}tui-icon[tuiBadgeV=\"4.97.0\"][data-size=s]:after{-webkit-mask-size:.625rem;mask-size:.625rem}tui-icon[tuiBadgeV=\"4.97.0\"][data-size=m]:after{-webkit-mask-size:.75rem;mask-size:.75rem}tui-icon[tuiBadgeV=\"4.97.0\"][data-size=l]:after,tui-icon[tuiBadgeV=\"4.97.0\"][data-size=xl]:after{-webkit-mask-size:1rem;mask-size:1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiBadgeStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-badge" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiBadgeV=\"4.99.0\"]{--t-icon-size: 1rem;--t-padding: 0 .5rem;--t-size: var(--tui-height-xs);--t-margin: -.25rem;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;max-inline-size:100%;gap:calc(var(--t-gap, 0rem) - 2 * var(--t-margin, 0rem));border-radius:6rem;justify-content:center;background:#959595;color:var(--tui-background-base);padding:var(--t-padding);block-size:var(--t-size);min-inline-size:var(--t-size);inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content;font:var(--tui-font-text-s)}[tuiBadgeV=\"4.99.0\"]>img,[tuiBadgeV=\"4.99.0\"]>tui-svg,[tuiBadgeV=\"4.99.0\"]>tui-icon,[tuiBadgeV=\"4.99.0\"]>tui-avatar,[tuiBadgeV=\"4.99.0\"]>tui-badge,[tuiBadgeV=\"4.99.0\"]>[tuiBadge],[tuiBadgeV=\"4.99.0\"]>[tuiRadio],[tuiBadgeV=\"4.99.0\"]>[tuiSwitch],[tuiBadgeV=\"4.99.0\"]>[tuiCheckbox],[tuiBadgeV=\"4.99.0\"][tuiIcons]:before,[tuiBadgeV=\"4.99.0\"][tuiIcons]:after{margin:var(--t-margin)}[tuiBadgeV=\"4.99.0\"][tuiStatus]:before{inline-size:.375rem;block-size:.375rem;margin:0}[tuiBadgeV=\"4.99.0\"]>tui-icon,[tuiBadgeV=\"4.99.0\"][tuiIcons]:before,[tuiBadgeV=\"4.99.0\"][tuiIcons]:after{font-size:var(--t-icon-size)!important}[tuiBadgeV=\"4.99.0\"][data-appearance=error],[tuiBadgeV=\"4.99.0\"][data-appearance=negative]{--t-status: var(--tui-status-negative)}[tuiBadgeV=\"4.99.0\"][data-appearance=success],[tuiBadgeV=\"4.99.0\"][data-appearance=positive]{--t-status: var(--tui-status-positive)}[tuiBadgeV=\"4.99.0\"][data-appearance=warning]{--t-status: var(--tui-status-warning)}[tuiBadgeV=\"4.99.0\"][data-appearance=info]{--t-status: var(--tui-status-info)}[tuiBadgeV=\"4.99.0\"][data-appearance=neutral]{--t-status: var(--tui-status-neutral)}[tuiBadgeV=\"4.99.0\"][data-size=s]{--t-padding: 0 .3125rem;--t-size: 1rem;--t-icon-size: .625rem;--t-margin: -.125rem;font:var(--tui-font-text-xs)}[tuiBadgeV=\"4.99.0\"][data-size=s][tuiStatus]:before{inline-size:.25rem;block-size:.25rem;margin-inline-end:-.125rem}[tuiBadgeV=\"4.99.0\"][data-size=m]{--t-padding: 0 .375rem;--t-size: 1.25rem;--t-icon-size: .75rem;--t-margin: -.125rem}[tuiBadgeV=\"4.99.0\"][data-size=xl]{--t-margin: -.25rem;--t-padding: 0 .75rem;--t-size: var(--tui-height-s);font:var(--tui-font-text-m)}[tuiBadgeV=\"4.99.0\"][data-size=xl][tuiStatus]:before{inline-size:.5rem;block-size:.5rem;margin-inline-end:-.125rem}[tuiBadgeV=\"4.99.0\"][tuiAppearance][data-appearance=error],[tuiBadgeV=\"4.99.0\"][tuiAppearance][data-appearance=success],[tuiBadgeV=\"4.99.0\"][tuiAppearance][data-appearance=negative],[tuiBadgeV=\"4.99.0\"][tuiAppearance][data-appearance=positive],[tuiBadgeV=\"4.99.0\"][tuiAppearance][data-appearance=warning],[tuiBadgeV=\"4.99.0\"][tuiAppearance][data-appearance=info],[tuiBadgeV=\"4.99.0\"][tuiAppearance][data-appearance=neutral]{color:var(--tui-text-primary)}img[tuiBadgeV=\"4.99.0\"]{padding:0;inline-size:var(--t-size)}tui-icon[tuiBadgeV=\"4.99.0\"]{--t-margin: 0 !important;-webkit-mask:none;mask:none;block-size:var(--t-size);inline-size:var(--t-size)}tui-icon[tuiBadgeV=\"4.99.0\"][data-size=s]:after{-webkit-mask-size:.625rem;mask-size:.625rem}tui-icon[tuiBadgeV=\"4.99.0\"][data-size=m]:after{-webkit-mask-size:.75rem;mask-size:.75rem}tui-icon[tuiBadgeV=\"4.99.0\"][data-size=l]:after,tui-icon[tuiBadgeV=\"4.99.0\"][data-size=xl]:after{-webkit-mask-size:1rem;mask-size:1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiBadgeStyles, decorators: [{
             type: Component,
             args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'tui-badge',
-                    }, styles: ["[tuiBadgeV=\"4.97.0\"]{--t-icon-size: 1rem;--t-padding: 0 .5rem;--t-size: var(--tui-height-xs);--t-margin: -.25rem;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;max-inline-size:100%;gap:calc(var(--t-gap, 0rem) - 2 * var(--t-margin, 0rem));border-radius:6rem;justify-content:center;background:#959595;color:var(--tui-background-base);padding:var(--t-padding);block-size:var(--t-size);min-inline-size:var(--t-size);inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content;font:var(--tui-font-text-s)}[tuiBadgeV=\"4.97.0\"]>img,[tuiBadgeV=\"4.97.0\"]>tui-svg,[tuiBadgeV=\"4.97.0\"]>tui-icon,[tuiBadgeV=\"4.97.0\"]>tui-avatar,[tuiBadgeV=\"4.97.0\"]>tui-badge,[tuiBadgeV=\"4.97.0\"]>[tuiBadge],[tuiBadgeV=\"4.97.0\"]>[tuiRadio],[tuiBadgeV=\"4.97.0\"]>[tuiSwitch],[tuiBadgeV=\"4.97.0\"]>[tuiCheckbox],[tuiBadgeV=\"4.97.0\"][tuiIcons]:before,[tuiBadgeV=\"4.97.0\"][tuiIcons]:after{margin:var(--t-margin)}[tuiBadgeV=\"4.97.0\"][tuiStatus]:before{inline-size:.375rem;block-size:.375rem;margin:0}[tuiBadgeV=\"4.97.0\"]>tui-icon,[tuiBadgeV=\"4.97.0\"][tuiIcons]:before,[tuiBadgeV=\"4.97.0\"][tuiIcons]:after{font-size:var(--t-icon-size)!important}[tuiBadgeV=\"4.97.0\"][data-appearance=error],[tuiBadgeV=\"4.97.0\"][data-appearance=negative]{--t-status: var(--tui-status-negative)}[tuiBadgeV=\"4.97.0\"][data-appearance=success],[tuiBadgeV=\"4.97.0\"][data-appearance=positive]{--t-status: var(--tui-status-positive)}[tuiBadgeV=\"4.97.0\"][data-appearance=warning]{--t-status: var(--tui-status-warning)}[tuiBadgeV=\"4.97.0\"][data-appearance=info]{--t-status: var(--tui-status-info)}[tuiBadgeV=\"4.97.0\"][data-appearance=neutral]{--t-status: var(--tui-status-neutral)}[tuiBadgeV=\"4.97.0\"][data-size=s]{--t-padding: 0 .3125rem;--t-size: 1rem;--t-icon-size: .625rem;--t-margin: -.125rem;font:var(--tui-font-text-xs)}[tuiBadgeV=\"4.97.0\"][data-size=s][tuiStatus]:before{inline-size:.25rem;block-size:.25rem;margin-inline-end:-.125rem}[tuiBadgeV=\"4.97.0\"][data-size=m]{--t-padding: 0 .375rem;--t-size: 1.25rem;--t-icon-size: .75rem;--t-margin: -.125rem}[tuiBadgeV=\"4.97.0\"][data-size=xl]{--t-margin: -.25rem;--t-padding: 0 .75rem;--t-size: var(--tui-height-s);font:var(--tui-font-text-m)}[tuiBadgeV=\"4.97.0\"][data-size=xl][tuiStatus]:before{inline-size:.5rem;block-size:.5rem;margin-inline-end:-.125rem}[tuiBadgeV=\"4.97.0\"][tuiAppearance][data-appearance=error],[tuiBadgeV=\"4.97.0\"][tuiAppearance][data-appearance=success],[tuiBadgeV=\"4.97.0\"][tuiAppearance][data-appearance=negative],[tuiBadgeV=\"4.97.0\"][tuiAppearance][data-appearance=positive],[tuiBadgeV=\"4.97.0\"][tuiAppearance][data-appearance=warning],[tuiBadgeV=\"4.97.0\"][tuiAppearance][data-appearance=info],[tuiBadgeV=\"4.97.0\"][tuiAppearance][data-appearance=neutral]{color:var(--tui-text-primary)}img[tuiBadgeV=\"4.97.0\"]{padding:0;inline-size:var(--t-size)}tui-icon[tuiBadgeV=\"4.97.0\"]{--t-margin: 0 !important;-webkit-mask:none;mask:none;block-size:var(--t-size);inline-size:var(--t-size)}tui-icon[tuiBadgeV=\"4.97.0\"][data-size=s]:after{-webkit-mask-size:.625rem;mask-size:.625rem}tui-icon[tuiBadgeV=\"4.97.0\"][data-size=m]:after{-webkit-mask-size:.75rem;mask-size:.75rem}tui-icon[tuiBadgeV=\"4.97.0\"][data-size=l]:after,tui-icon[tuiBadgeV=\"4.97.0\"][data-size=xl]:after{-webkit-mask-size:1rem;mask-size:1rem}\n"] }]
+                    }, styles: ["[tuiBadgeV=\"4.99.0\"]{--t-icon-size: 1rem;--t-padding: 0 .5rem;--t-size: var(--tui-height-xs);--t-margin: -.25rem;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;max-inline-size:100%;gap:calc(var(--t-gap, 0rem) - 2 * var(--t-margin, 0rem));border-radius:6rem;justify-content:center;background:#959595;color:var(--tui-background-base);padding:var(--t-padding);block-size:var(--t-size);min-inline-size:var(--t-size);inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content;font:var(--tui-font-text-s)}[tuiBadgeV=\"4.99.0\"]>img,[tuiBadgeV=\"4.99.0\"]>tui-svg,[tuiBadgeV=\"4.99.0\"]>tui-icon,[tuiBadgeV=\"4.99.0\"]>tui-avatar,[tuiBadgeV=\"4.99.0\"]>tui-badge,[tuiBadgeV=\"4.99.0\"]>[tuiBadge],[tuiBadgeV=\"4.99.0\"]>[tuiRadio],[tuiBadgeV=\"4.99.0\"]>[tuiSwitch],[tuiBadgeV=\"4.99.0\"]>[tuiCheckbox],[tuiBadgeV=\"4.99.0\"][tuiIcons]:before,[tuiBadgeV=\"4.99.0\"][tuiIcons]:after{margin:var(--t-margin)}[tuiBadgeV=\"4.99.0\"][tuiStatus]:before{inline-size:.375rem;block-size:.375rem;margin:0}[tuiBadgeV=\"4.99.0\"]>tui-icon,[tuiBadgeV=\"4.99.0\"][tuiIcons]:before,[tuiBadgeV=\"4.99.0\"][tuiIcons]:after{font-size:var(--t-icon-size)!important}[tuiBadgeV=\"4.99.0\"][data-appearance=error],[tuiBadgeV=\"4.99.0\"][data-appearance=negative]{--t-status: var(--tui-status-negative)}[tuiBadgeV=\"4.99.0\"][data-appearance=success],[tuiBadgeV=\"4.99.0\"][data-appearance=positive]{--t-status: var(--tui-status-positive)}[tuiBadgeV=\"4.99.0\"][data-appearance=warning]{--t-status: var(--tui-status-warning)}[tuiBadgeV=\"4.99.0\"][data-appearance=info]{--t-status: var(--tui-status-info)}[tuiBadgeV=\"4.99.0\"][data-appearance=neutral]{--t-status: var(--tui-status-neutral)}[tuiBadgeV=\"4.99.0\"][data-size=s]{--t-padding: 0 .3125rem;--t-size: 1rem;--t-icon-size: .625rem;--t-margin: -.125rem;font:var(--tui-font-text-xs)}[tuiBadgeV=\"4.99.0\"][data-size=s][tuiStatus]:before{inline-size:.25rem;block-size:.25rem;margin-inline-end:-.125rem}[tuiBadgeV=\"4.99.0\"][data-size=m]{--t-padding: 0 .375rem;--t-size: 1.25rem;--t-icon-size: .75rem;--t-margin: -.125rem}[tuiBadgeV=\"4.99.0\"][data-size=xl]{--t-margin: -.25rem;--t-padding: 0 .75rem;--t-size: var(--tui-height-s);font:var(--tui-font-text-m)}[tuiBadgeV=\"4.99.0\"][data-size=xl][tuiStatus]:before{inline-size:.5rem;block-size:.5rem;margin-inline-end:-.125rem}[tuiBadgeV=\"4.99.0\"][tuiAppearance][data-appearance=error],[tuiBadgeV=\"4.99.0\"][tuiAppearance][data-appearance=success],[tuiBadgeV=\"4.99.0\"][tuiAppearance][data-appearance=negative],[tuiBadgeV=\"4.99.0\"][tuiAppearance][data-appearance=positive],[tuiBadgeV=\"4.99.0\"][tuiAppearance][data-appearance=warning],[tuiBadgeV=\"4.99.0\"][tuiAppearance][data-appearance=info],[tuiBadgeV=\"4.99.0\"][tuiAppearance][data-appearance=neutral]{color:var(--tui-text-primary)}img[tuiBadgeV=\"4.99.0\"]{padding:0;inline-size:var(--t-size)}tui-icon[tuiBadgeV=\"4.99.0\"]{--t-margin: 0 !important;-webkit-mask:none;mask:none;block-size:var(--t-size);inline-size:var(--t-size)}tui-icon[tuiBadgeV=\"4.99.0\"][data-size=s]:after{-webkit-mask-size:.625rem;mask-size:.625rem}tui-icon[tuiBadgeV=\"4.99.0\"][data-size=m]:after{-webkit-mask-size:.75rem;mask-size:.75rem}tui-icon[tuiBadgeV=\"4.99.0\"][data-size=l]:after,tui-icon[tuiBadgeV=\"4.99.0\"][data-size=xl]:after{-webkit-mask-size:1rem;mask-size:1rem}\n"] }]
         }] });
 class TuiBadge {
     constructor() {
@@ -23,7 +23,7 @@ class TuiBadge {
         this.size = inject(TUI_BADGE_OPTIONS).size;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiBadge, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiBadge, isStandalone: true, selector: "tui-badge,[tuiBadge]", inputs: { size: "size" }, host: { attributes: { "tuiBadgeV": "4.97.0" }, properties: { "attr.data-size": "size" } }, providers: [tuiAppearanceOptionsProvider(TUI_BADGE_OPTIONS)], hostDirectives: [{ directive: i1.TuiWithAppearance }, { directive: i2.TuiWithIcons }], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiBadge, isStandalone: true, selector: "tui-badge,[tuiBadge]", inputs: { size: "size" }, host: { attributes: { "tuiBadgeV": "4.99.0" }, properties: { "attr.data-size": "size" } }, providers: [tuiAppearanceOptionsProvider(TUI_BADGE_OPTIONS)], hostDirectives: [{ directive: i1.TuiWithAppearance }, { directive: i2.TuiWithIcons }], ngImport: i0 }); }
 }
 export { TuiBadge };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiBadge, decorators: [{

package/esm2022/components/block/block.directive.mjs

@@ -13,13 +13,13 @@ import * as i2 from "@taiga-ui/core/directives/appearance";
 import * as i3 from "@taiga-ui/core/directives/icons";
 class TuiBlockStyles {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiBlockStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiBlockStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-block" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiBlockV=\"4.97.0\"]{--t-height: var(--tui-height-l);--t-radius: var(--tui-radius-l);position:relative;display:inline-flex;gap:.75rem;color:var(--tui-text-primary);border-radius:var(--t-radius);min-block-size:var(--t-height);margin:0;box-sizing:border-box;cursor:pointer;overflow:hidden;font:var(--tui-font-text-m);padding:var(--tui-padding-l);isolation:isolate}[tuiBlockV=\"4.97.0\"][data-size=s]{gap:.5rem;font:var(--tui-font-text-ui-s);padding:.5rem;--t-height: var(--tui-height-s);--t-radius: var(--tui-radius-m)}[tuiBlockV=\"4.97.0\"][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-ui-xs)}[tuiBlockV=\"4.97.0\"][data-size=s] [tuiTooltip]{margin:0 .125rem}[tuiBlockV=\"4.97.0\"][data-size=m]{gap:.625rem;font:var(--tui-font-text-ui-m);padding:var(--tui-padding-m);--t-height: var(--tui-height-m);--t-radius: var(--tui-radius-m)}[tuiBlockV=\"4.97.0\"][data-size=m] input:not([tuiBlock]){margin:.125rem}[tuiBlockV=\"4.97.0\"][data-size=m] [tuiTooltip]{margin:.125rem}[tuiBlockV=\"4.97.0\"]._disabled{pointer-events:none;opacity:var(--tui-disabled-opacity)}[tuiBlockV=\"4.97.0\"]._disabled :focus{visibility:hidden}[tuiBlockV=\"4.97.0\"][data-appearance=\"\"]{justify-content:center}[tuiBlockV=\"4.97.0\"] input[tuiBlock]{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;z-index:-1;min-block-size:0;pointer-events:none;border-radius:inherit;padding:0}[tuiBlockV=\"4.97.0\"] tui-avatar{margin:-.25rem}[tuiBlockV=\"4.97.0\"] [tuiTitle]{flex:1;gap:0;font:inherit;color:var(--tui-text-primary)}[tuiBlockV=\"4.97.0\"] [tuiSubtitle]{color:var(--tui-text-secondary)}[tuiBlockV=\"4.97.0\"] [tuiTooltip]{vertical-align:bottom;margin:.25rem;font-size:1rem;border:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiBlockStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-block" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiBlockV=\"4.99.0\"]{--t-height: var(--tui-height-l);--t-radius: var(--tui-radius-l);position:relative;display:inline-flex;gap:.75rem;color:var(--tui-text-primary);border-radius:var(--t-radius);min-block-size:var(--t-height);margin:0;box-sizing:border-box;cursor:pointer;overflow:hidden;font:var(--tui-font-text-m);padding:var(--tui-padding-l);isolation:isolate}[tuiBlockV=\"4.99.0\"][data-size=s]{gap:.5rem;font:var(--tui-font-text-ui-s);padding:.5rem;--t-height: var(--tui-height-s);--t-radius: var(--tui-radius-m)}[tuiBlockV=\"4.99.0\"][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-ui-xs)}[tuiBlockV=\"4.99.0\"][data-size=s] [tuiTooltip]{margin:0 .125rem}[tuiBlockV=\"4.99.0\"][data-size=m]{gap:.625rem;font:var(--tui-font-text-ui-m);padding:var(--tui-padding-m);--t-height: var(--tui-height-m);--t-radius: var(--tui-radius-m)}[tuiBlockV=\"4.99.0\"][data-size=m] input:not([tuiBlock]){margin:.125rem}[tuiBlockV=\"4.99.0\"][data-size=m] [tuiTooltip]{margin:.125rem}[tuiBlockV=\"4.99.0\"]._disabled{pointer-events:none;opacity:var(--tui-disabled-opacity)}[tuiBlockV=\"4.99.0\"]._disabled :focus{visibility:hidden}[tuiBlockV=\"4.99.0\"][data-appearance=\"\"]{justify-content:center}[tuiBlockV=\"4.99.0\"] input[tuiBlock]{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;z-index:-1;min-block-size:0;pointer-events:none;border-radius:inherit;padding:0}[tuiBlockV=\"4.99.0\"] tui-avatar{margin:-.25rem}[tuiBlockV=\"4.99.0\"] [tuiTitle]{flex:1;gap:0;font:inherit;color:var(--tui-text-primary)}[tuiBlockV=\"4.99.0\"] [tuiSubtitle]{color:var(--tui-text-secondary)}[tuiBlockV=\"4.99.0\"] [tuiTooltip]{vertical-align:bottom;margin:.25rem;font-size:1rem;border:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiBlockStyles, decorators: [{
             type: Component,
             args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'tui-block',
-                    }, styles: ["[tuiBlockV=\"4.97.0\"]{--t-height: var(--tui-height-l);--t-radius: var(--tui-radius-l);position:relative;display:inline-flex;gap:.75rem;color:var(--tui-text-primary);border-radius:var(--t-radius);min-block-size:var(--t-height);margin:0;box-sizing:border-box;cursor:pointer;overflow:hidden;font:var(--tui-font-text-m);padding:var(--tui-padding-l);isolation:isolate}[tuiBlockV=\"4.97.0\"][data-size=s]{gap:.5rem;font:var(--tui-font-text-ui-s);padding:.5rem;--t-height: var(--tui-height-s);--t-radius: var(--tui-radius-m)}[tuiBlockV=\"4.97.0\"][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-ui-xs)}[tuiBlockV=\"4.97.0\"][data-size=s] [tuiTooltip]{margin:0 .125rem}[tuiBlockV=\"4.97.0\"][data-size=m]{gap:.625rem;font:var(--tui-font-text-ui-m);padding:var(--tui-padding-m);--t-height: var(--tui-height-m);--t-radius: var(--tui-radius-m)}[tuiBlockV=\"4.97.0\"][data-size=m] input:not([tuiBlock]){margin:.125rem}[tuiBlockV=\"4.97.0\"][data-size=m] [tuiTooltip]{margin:.125rem}[tuiBlockV=\"4.97.0\"]._disabled{pointer-events:none;opacity:var(--tui-disabled-opacity)}[tuiBlockV=\"4.97.0\"]._disabled :focus{visibility:hidden}[tuiBlockV=\"4.97.0\"][data-appearance=\"\"]{justify-content:center}[tuiBlockV=\"4.97.0\"] input[tuiBlock]{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;z-index:-1;min-block-size:0;pointer-events:none;border-radius:inherit;padding:0}[tuiBlockV=\"4.97.0\"] tui-avatar{margin:-.25rem}[tuiBlockV=\"4.97.0\"] [tuiTitle]{flex:1;gap:0;font:inherit;color:var(--tui-text-primary)}[tuiBlockV=\"4.97.0\"] [tuiSubtitle]{color:var(--tui-text-secondary)}[tuiBlockV=\"4.97.0\"] [tuiTooltip]{vertical-align:bottom;margin:.25rem;font-size:1rem;border:none}\n"] }]
+                    }, styles: ["[tuiBlockV=\"4.99.0\"]{--t-height: var(--tui-height-l);--t-radius: var(--tui-radius-l);position:relative;display:inline-flex;gap:.75rem;color:var(--tui-text-primary);border-radius:var(--t-radius);min-block-size:var(--t-height);margin:0;box-sizing:border-box;cursor:pointer;overflow:hidden;font:var(--tui-font-text-m);padding:var(--tui-padding-l);isolation:isolate}[tuiBlockV=\"4.99.0\"][data-size=s]{gap:.5rem;font:var(--tui-font-text-ui-s);padding:.5rem;--t-height: var(--tui-height-s);--t-radius: var(--tui-radius-m)}[tuiBlockV=\"4.99.0\"][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-ui-xs)}[tuiBlockV=\"4.99.0\"][data-size=s] [tuiTooltip]{margin:0 .125rem}[tuiBlockV=\"4.99.0\"][data-size=m]{gap:.625rem;font:var(--tui-font-text-ui-m);padding:var(--tui-padding-m);--t-height: var(--tui-height-m);--t-radius: var(--tui-radius-m)}[tuiBlockV=\"4.99.0\"][data-size=m] input:not([tuiBlock]){margin:.125rem}[tuiBlockV=\"4.99.0\"][data-size=m] [tuiTooltip]{margin:.125rem}[tuiBlockV=\"4.99.0\"]._disabled{pointer-events:none;opacity:var(--tui-disabled-opacity)}[tuiBlockV=\"4.99.0\"]._disabled :focus{visibility:hidden}[tuiBlockV=\"4.99.0\"][data-appearance=\"\"]{justify-content:center}[tuiBlockV=\"4.99.0\"] input[tuiBlock]{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;z-index:-1;min-block-size:0;pointer-events:none;border-radius:inherit;padding:0}[tuiBlockV=\"4.99.0\"] tui-avatar{margin:-.25rem}[tuiBlockV=\"4.99.0\"] [tuiTitle]{flex:1;gap:0;font:inherit;color:var(--tui-text-primary)}[tuiBlockV=\"4.99.0\"] [tuiSubtitle]{color:var(--tui-text-secondary)}[tuiBlockV=\"4.99.0\"] [tuiTooltip]{vertical-align:bottom;margin:.25rem;font-size:1rem;border:none}\n"] }]
         }] });
 class TuiBlock {
     constructor() {
@@ -28,7 +28,7 @@ class TuiBlock {
         this.size = this.options.size;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiBlock, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiBlock, isStandalone: true, selector: "label[tuiBlock],input[tuiBlock]", inputs: { size: ["tuiBlock", "size"] }, host: { attributes: { "tuiBlock": "", "tuiBlockV": "4.97.0" }, properties: { "attr.data-size": "size || options.size || \"l\"", "class._disabled": "!!this.control?.disabled" } }, providers: [
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiBlock, isStandalone: true, selector: "label[tuiBlock],input[tuiBlock]", inputs: { size: ["tuiBlock", "size"] }, host: { attributes: { "tuiBlock": "", "tuiBlockV": "4.99.0" }, properties: { "attr.data-size": "size || options.size || \"l\"", "class._disabled": "!!this.control?.disabled" } }, providers: [
             tuiAppearanceOptionsProvider(TUI_BLOCK_OPTIONS),
             tuiAvatarOptionsProvider({ size: 's' }),
         ], queries: [{ propertyName: "control", first: true, predicate: NgControl, descendants: true }], hostDirectives: [{ directive: i1.TuiNativeValidator }, { directive: i2.TuiWithAppearance }, { directive: i3.TuiWithIcons }], ngImport: i0 }); }