npm - @taiga-ui/kit - Versions diffs - 4.52.0-canary.91aeb4a → 4.52.0-canary.974ca4b - Mend

@taiga-ui/kit 4.52.0-canary.91aeb4a → 4.52.0-canary.974ca4b

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (186) hide show

package/README.md CHANGED Viewed

@@ -14,7 +14,7 @@ consisting of multiple base libraries and several add-ons
 ## How to install
-```
+```bash
 npm i @taiga-ui/{cdk,core,kit}
 ```

package/components/badge/badge.options.d.ts CHANGED Viewed

@@ -1,9 +1,7 @@
-import { InjectionToken, type Provider } from '@angular/core';
 import { type TuiAppearanceOptions } from '@taiga-ui/core/directives/appearance';
 import { type TuiSizeS, type TuiSizeXL } from '@taiga-ui/core/types';
 export interface TuiBadgeOptions extends TuiAppearanceOptions {
     readonly size: TuiSizeS | TuiSizeXL;
 }
 export declare const TUI_BADGE_DEFAULT_OPTIONS: TuiBadgeOptions;
-export declare const TUI_BADGE_OPTIONS: InjectionToken<TuiBadgeOptions>;
-export declare function tuiBadgeOptionsProvider(options: Partial<TuiBadgeOptions>): Provider;
+export declare const TUI_BADGE_OPTIONS: import("@angular/core").InjectionToken<TuiBadgeOptions>, tuiBadgeOptionsProvider: (item: Partial<TuiBadgeOptions> | (() => Partial<TuiBadgeOptions>)) => import("@angular/core").FactoryProvider;

package/components/badge-notification/badge-notification.options.d.ts CHANGED Viewed

@@ -1,8 +1,6 @@
-import { InjectionToken, type Provider } from '@angular/core';
 import { type TuiSizeL, type TuiSizeXS } from '@taiga-ui/core/types';
 export interface TuiBadgeNotificationOptions {
     readonly size: TuiSizeL | TuiSizeXS;
 }
 export declare const TUI_BADGE_NOTIFICATION_DEFAULT_OPTIONS: TuiBadgeNotificationOptions;
-export declare const TUI_BADGE_NOTIFICATION_OPTIONS: InjectionToken<TuiBadgeNotificationOptions>;
-export declare function tuiBadgeNotificationOptionsProvider(options: Partial<TuiBadgeNotificationOptions>): Provider;
+export declare const TUI_BADGE_NOTIFICATION_OPTIONS: import("@angular/core").InjectionToken<TuiBadgeNotificationOptions>, tuiBadgeNotificationOptionsProvider: (item: Partial<TuiBadgeNotificationOptions> | (() => Partial<TuiBadgeNotificationOptions>)) => import("@angular/core").FactoryProvider;

package/components/block/block.options.d.ts CHANGED Viewed

@@ -1,9 +1,7 @@
-import { InjectionToken, type Provider } from '@angular/core';
 import { type TuiAppearanceOptions } from '@taiga-ui/core/directives/appearance';
 import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
 export interface TuiBlockOptions extends TuiAppearanceOptions {
     readonly size: TuiSizeL | TuiSizeS | '';
 }
 export declare const TUI_BLOCK_DEFAULT_OPTIONS: TuiBlockOptions;
-export declare const TUI_BLOCK_OPTIONS: InjectionToken<TuiBlockOptions>;
-export declare function tuiBlockOptionsProvider(options: Partial<TuiBlockOptions>): Provider;
+export declare const TUI_BLOCK_OPTIONS: import("@angular/core").InjectionToken<TuiBlockOptions>, tuiBlockOptionsProvider: (item: Partial<TuiBlockOptions> | (() => Partial<TuiBlockOptions>)) => import("@angular/core").FactoryProvider;

package/components/breadcrumbs/breadcrumbs.options.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-import { InjectionToken, type Provider } from '@angular/core';
 import { type TuiSizeL } from '@taiga-ui/core/types';
 export interface TuiBreadcrumbsOptions {
     readonly icon: string;
@@ -6,5 +5,4 @@ export interface TuiBreadcrumbsOptions {
     readonly itemsLimit: number;
 }
 export declare const TUI_BREADCRUMBS_DEFAULT_OPTIONS: TuiBreadcrumbsOptions;
-export declare const TUI_BREADCRUMBS_OPTIONS: InjectionToken<TuiBreadcrumbsOptions>;
-export declare function tuiBreadcrumbsOptionsProvider(options: Partial<TuiBreadcrumbsOptions>): Provider;
+export declare const TUI_BREADCRUMBS_OPTIONS: import("@angular/core").InjectionToken<TuiBreadcrumbsOptions>, tuiBreadcrumbsOptionsProvider: (item: Partial<TuiBreadcrumbsOptions> | (() => Partial<TuiBreadcrumbsOptions>)) => import("@angular/core").FactoryProvider;

package/components/chip/chip.options.d.ts CHANGED Viewed

@@ -1,9 +1,7 @@
-import { InjectionToken, type Provider } from '@angular/core';
 import { type TuiAppearanceOptions } from '@taiga-ui/core/directives/appearance';
 import { type TuiSizeXXS } from '@taiga-ui/core/types';
 export interface TuiChipOptions extends TuiAppearanceOptions {
     readonly size: TuiSizeXXS;
 }
 export declare const TUI_CHIP_DEFAULT_OPTIONS: TuiChipOptions;
-export declare const TUI_CHIP_OPTIONS: InjectionToken<TuiChipOptions>;
-export declare function tuiChipOptionsProvider(options: Partial<TuiChipOptions>): Provider;
+export declare const TUI_CHIP_OPTIONS: import("@angular/core").InjectionToken<TuiChipOptions>, tuiChipOptionsProvider: (item: Partial<TuiChipOptions> | (() => Partial<TuiChipOptions>)) => import("@angular/core").FactoryProvider;

package/components/confirm/confirm.component.d.ts CHANGED Viewed

@@ -16,7 +16,7 @@ export declare class TuiConfirm {
     readonly context: TuiDialogContext<boolean, TuiConfirmData | undefined>;
     protected get appearance(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiConfirm, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiConfirm, "tui-confirm", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiConfirm, "ng-component", never, {}, {}, never, never, true, never>;
 }
 export declare const TUI_CONFIRM: PolymorpheusComponent<TuiConfirm>;
 export declare const TUI_CONFIRM_DIALOG: import("@angular/core").InjectionToken<PolymorpheusContent<TuiDialogContext<boolean, unknown>>>;

package/components/files/file/file.options.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ import { type TuiSizeL } from '@taiga-ui/core/types';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import { type TuiFileState } from '../files.types';
 export interface TuiFileOptions extends TuiAppearanceOptions {
-    readonly formatSize: (units: readonly [string, string, string], size?: number, locale?: string) => string | null;
+    formatSize(units: readonly [string, string, string], size?: number, locale?: string): string | null;
     readonly icons: Record<Exclude<TuiFileState, 'loading'>, PolymorpheusContent<TuiContext<TuiSizeL>>>;
 }
 export declare const TUI_FILE_DEFAULT_OPTIONS: TuiFileOptions;

package/components/files/input-files/input-files.options.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-import { InjectionToken, type Provider } from '@angular/core';
 import { type TuiAppearanceOptions } from '@taiga-ui/core/directives/appearance';
 import { type TuiSizeL } from '@taiga-ui/core/types';
 export interface TuiInputFilesOptions extends TuiAppearanceOptions {
@@ -11,5 +10,4 @@ export declare const TUI_INPUT_FILES_DEFAULT_OPTIONS: TuiInputFilesOptions;
 /**
  * Default parameters for input files component
  */
-export declare const TUI_INPUT_FILES_OPTIONS: InjectionToken<TuiInputFilesOptions>;
-export declare function tuiInputFilesOptionsProvider(options: Partial<TuiInputFilesOptions>): Provider;
+export declare const TUI_INPUT_FILES_OPTIONS: import("@angular/core").InjectionToken<TuiInputFilesOptions>, tuiInputFilesOptionsProvider: (item: Partial<TuiInputFilesOptions> | (() => Partial<TuiInputFilesOptions>)) => import("@angular/core").FactoryProvider;

package/components/input-number/input-number.directive.d.ts CHANGED Viewed

@@ -7,8 +7,6 @@ export declare class TuiInputNumberDirective extends TuiControl<number | null> {
     private readonly options;
     private readonly textfield;
     private readonly isIOS;
-    private readonly minRaw;
-    private readonly maxRaw;
     private readonly numberFormat;
     private readonly formatted;
     private readonly precision;
@@ -21,12 +19,10 @@ export declare class TuiInputNumberDirective extends TuiControl<number | null> {
     protected maskInitialCalibrationEffect: import("@angular/core").EffectRef;
     readonly min: import("@angular/core").Signal<number>;
     readonly max: import("@angular/core").Signal<number>;
-    readonly prefix: import("@angular/core").WritableSignal<string>;
-    readonly postfix: import("@angular/core").WritableSignal<string>;
-    set minSetter(x: number | null);
-    set maxSetter(x: number | null);
-    set prefixSetter(x: string);
-    set postfixSetter(x: string);
+    readonly prefix: import("@angular/core").InputSignal<string>;
+    readonly postfix: import("@angular/core").InputSignal<string>;
+    readonly minRaw: import("@angular/core").InputSignalWithTransform<number, number | null>;
+    readonly maxRaw: import("@angular/core").InputSignalWithTransform<number, number | null>;
     writeValue(value: number | null): void;
     setValue(value: number | null): void;
     protected onFocus(): void;
@@ -34,5 +30,5 @@ export declare class TuiInputNumberDirective extends TuiControl<number | null> {
     private formatNumber;
     private computeMask;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputNumberDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputNumberDirective, "input[tuiInputNumber]", never, { "minSetter": { "alias": "min"; "required": false; }; "maxSetter": { "alias": "max"; "required": false; }; "prefixSetter": { "alias": "prefix"; "required": false; }; "postfixSetter": { "alias": "postfix"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithTextfield; inputs: {}; outputs: {}; }, { directive: typeof i2.MaskitoDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputNumberDirective, "input[tuiInputNumber]", never, { "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "postfix": { "alias": "postfix"; "required": false; "isSignal": true; }; "minRaw": { "alias": "min"; "required": false; "isSignal": true; }; "maxRaw": { "alias": "max"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithTextfield; inputs: {}; outputs: {}; }, { directive: typeof i2.MaskitoDirective; inputs: {}; outputs: {}; }]>;
 }

package/components/input-phone-international/input-phone-international.options.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-import { InjectionToken, type Provider } from '@angular/core';
 import { type TuiCountryIsoCode } from '@taiga-ui/i18n/types';
 import { type MetadataJson } from 'libphonenumber-js/core';
 import { type Observable } from 'rxjs';
@@ -12,5 +11,4 @@ export declare const TUI_INPUT_PHONE_INTERNATIONAL_DEFAULT_OPTIONS: TuiInputPhon
 /**
  * Default parameters for input phone international component
  */
-export declare const TUI_INPUT_PHONE_INTERNATIONAL_OPTIONS: InjectionToken<TuiInputPhoneInternationalOptions>;
-export declare function tuiInputPhoneInternationalOptionsProvider(options: Partial<TuiInputPhoneInternationalOptions>): Provider;
+export declare const TUI_INPUT_PHONE_INTERNATIONAL_OPTIONS: import("@angular/core").InjectionToken<TuiInputPhoneInternationalOptions>, tuiInputPhoneInternationalOptionsProvider: (item: Partial<TuiInputPhoneInternationalOptions> | (() => Partial<TuiInputPhoneInternationalOptions>)) => import("@angular/core").FactoryProvider;

package/components/input-range/input-range.component.d.ts CHANGED Viewed

@@ -12,7 +12,7 @@ export declare class TuiInputRangeComponent extends TuiControl<readonly [
     private readonly isMobile;
     private readonly quantum;
     private readonly quantumTransformer;
-    protected readonly size: import("@angular/core").Signal<"m" | "l" | "s">;
+    protected readonly size: import("@angular/core").Signal<"m" | "s" | "l">;
     protected textfieldValueStart: number;
     protected textfieldValueEnd: number;
     protected lastActiveSide: 'end' | 'start';

package/components/line-clamp/line-clamp.options.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-import { InjectionToken, type Provider } from '@angular/core';
 export interface TuiLineClampOptions {
     readonly showHint: boolean;
 }
@@ -6,5 +5,4 @@ export declare const TUI_LINE_CLAMP_DEFAULT_OPTIONS: TuiLineClampOptions;
 /**
  * Default parameters for LineClamp component
  */
-export declare const TUI_LINE_CLAMP_OPTIONS: InjectionToken<TuiLineClampOptions>;
-export declare function tuiLineClampOptionsProvider(options: Partial<TuiLineClampOptions>): Provider;
+export declare const TUI_LINE_CLAMP_OPTIONS: import("@angular/core").InjectionToken<TuiLineClampOptions>, tuiLineClampOptionsProvider: (item: Partial<TuiLineClampOptions> | (() => Partial<TuiLineClampOptions>)) => import("@angular/core").FactoryProvider;

package/components/notification-middle/notification-middle.component.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { type Signal } from '@angular/core';
-import { type TuiPopover } from '@taiga-ui/cdk/services';
+import { type TuiPortalContext } from '@taiga-ui/cdk/portals';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/cdk/directives/animated";
 import * as i2 from "@ng-web-apis/resize-observer";
@@ -8,7 +8,7 @@ export interface TuiNotificationMiddleOptions {
 }
 export declare class TuiNotificationMiddleComponent {
     protected readonly el: HTMLElement;
-    protected readonly context: TuiPopover<TuiNotificationMiddleOptions, void>;
+    protected readonly context: TuiPortalContext<TuiNotificationMiddleOptions>;
     protected onClick(target: HTMLElement): void;
     private get closable();
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiNotificationMiddleComponent, never>;

package/components/notification-middle/notification-middle.directive.d.ts CHANGED Viewed

@@ -1,7 +1,8 @@
-import { TuiPopoverDirective } from '@taiga-ui/cdk/directives/popover';
 import { type TuiNotificationMiddleOptions } from './notification-middle.component';
 import * as i0 from "@angular/core";
-export declare class TuiNotificationMiddle extends TuiPopoverDirective<TuiNotificationMiddleOptions> {
+import * as i1 from "@taiga-ui/cdk/portals";
+export declare class TuiNotificationMiddle {
+    readonly tuiNotificationMiddleOptions: import("@angular/core").InputSignal<Partial<TuiNotificationMiddleOptions>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiNotificationMiddle, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiNotificationMiddle, "ng-template[tuiNotificationMiddle]", never, { "options": { "alias": "tuiNotificationMiddleOptions"; "required": false; }; "open": { "alias": "tuiNotificationMiddle"; "required": false; }; }, { "openChange": "tuiNotificationMiddleChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiNotificationMiddle, "ng-template[tuiNotificationMiddle]", never, { "tuiNotificationMiddleOptions": { "alias": "tuiNotificationMiddleOptions"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiPortalDirective; inputs: { "options": "tuiNotificationMiddleOptions"; "open": "tuiNotificationMiddle"; }; outputs: { "openChange": "tuiNotificationMiddleChange"; }; }]>;
 }

package/components/notification-middle/notification-middle.service.d.ts CHANGED Viewed

@@ -1,7 +1,11 @@
-import { TuiPopoverService } from '@taiga-ui/cdk/services';
-import { type TuiNotificationMiddleOptions } from './notification-middle.component';
+import { TuiModalService } from '@taiga-ui/core/components/modal';
+import { TuiNotificationMiddleComponent, type TuiNotificationMiddleOptions } from './notification-middle.component';
 import * as i0 from "@angular/core";
-export declare class TuiNotificationMiddleService extends TuiPopoverService<TuiNotificationMiddleOptions> {
+export declare class TuiNotificationMiddleService extends TuiModalService<TuiNotificationMiddleOptions> {
+    protected readonly options: {
+        closable: boolean;
+    };
+    protected readonly content: typeof TuiNotificationMiddleComponent;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiNotificationMiddleService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TuiNotificationMiddleService>;
 }

package/components/pagination/index.d.ts CHANGED Viewed

	@@ -1 +1,2 @@
1 1	export * from './pagination.component';
2	+ export * from './pagination.options';

package/components/pagination/pagination.component.d.ts CHANGED Viewed

@@ -8,6 +8,7 @@ export declare class TuiPagination {
     private readonly el;
     protected readonly texts: import("@angular/core").Signal<readonly [previous_page: string, next_page: string]>;
     protected readonly icons: import("@taiga-ui/core/tokens").TuiSpinIcons;
+    protected readonly options: import("./pagination.options").TuiPaginationOptions;
     length: number;
     focusable: boolean;
     size: TuiSizeL | TuiSizeS;
@@ -45,7 +46,7 @@ export declare class TuiPagination {
      * @returns index or null (for '…')
      */
     protected getItemIndexByElementIndex(elementIndex: number): number | null;
-    protected getElementMode(index: number): string;
+    protected getElementMode(index?: number): string;
     protected onElementClick(index: number): void;
     protected onElementKeyDownArrowLeft(element: HTMLElement): void;
     protected onElementKeyDownArrowRight(element: HTMLElement): void;

package/components/pagination/pagination.options.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { type TuiStringHandler } from '@taiga-ui/cdk/types';
+import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
+export interface TuiPaginationOptions {
+    readonly appearance: TuiStringHandler<{
+        isActive: boolean;
+        size: TuiSizeL | TuiSizeS;
+    }>;
+    readonly defaultSize: TuiSizeL | TuiSizeS;
+}
+export declare const TUI_PAGINATION_OPTIONS: import("@angular/core").InjectionToken<TuiPaginationOptions>, tuiPaginationOptionsProvider: (item: Partial<TuiPaginationOptions> | (() => Partial<TuiPaginationOptions>)) => import("@angular/core").FactoryProvider;

package/components/preview/dialog/preview-dialog.component.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
-import { type TuiPopover } from '@taiga-ui/cdk/services';
+import { type TuiPortalContext } from '@taiga-ui/cdk/portals';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/cdk/directives/animated";
 export declare class TuiPreviewDialog {
-    protected readonly context: TuiPopover<void, void>;
+    protected readonly context: TuiPortalContext<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPreviewDialog, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiPreviewDialog, "tui-preview-dialog", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
 }

package/components/preview/dialog/preview-dialog.directive.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import { TuiPopoverDirective } from '@taiga-ui/cdk/directives/popover';
 import * as i0 from "@angular/core";
-export declare class TuiPreviewDialogDirective extends TuiPopoverDirective<unknown> {
+import * as i1 from "@taiga-ui/cdk/portals";
+export declare class TuiPreviewDialogDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPreviewDialogDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiPreviewDialogDirective, "ng-template[tuiPreviewDialog]", never, { "open": { "alias": "tuiPreviewDialog"; "required": false; }; }, { "openChange": "tuiPreviewDialogChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiPreviewDialogDirective, "ng-template[tuiPreviewDialog]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiPortalDirective; inputs: { "open": "tuiPreviewDialog"; }; outputs: { "openChange": "tuiPreviewDialogChange"; }; }]>;
 }

package/components/preview/dialog/preview-dialog.service.d.ts CHANGED Viewed

@@ -1,6 +1,9 @@
-import { TuiPopoverService } from '@taiga-ui/cdk/services';
+import { TuiModalService } from '@taiga-ui/core/components/modal';
+import { TuiPreviewDialog } from './preview-dialog.component';
 import * as i0 from "@angular/core";
-export declare class TuiPreviewDialogService extends TuiPopoverService<unknown> {
+export declare class TuiPreviewDialogService extends TuiModalService<unknown> {
+    protected readonly options: {};
+    protected readonly content: typeof TuiPreviewDialog;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPreviewDialogService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TuiPreviewDialogService>;
 }

package/components/preview/preview.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import { TuiPreviewAction } from './action/preview-action.directive';
+import { TuiPreviewDialogDirective } from './dialog/preview-dialog.directive';
 import { TuiPreviewPagination } from './pagination/preview-pagination.component';
 import { TuiPreviewComponent } from './preview.component';
 import { TuiPreviewTitle } from './title/preview-title.component';
 import { TuiPreviewZoom } from './zoom/preview-zoom.component';
-export declare const TuiPreview: readonly [typeof TuiPreviewComponent, typeof TuiPreviewTitle, typeof TuiPreviewPagination, typeof TuiPreviewAction, typeof TuiPreviewZoom];
+export declare const TuiPreview: readonly [typeof TuiPreviewComponent, typeof TuiPreviewDialogDirective, typeof TuiPreviewTitle, typeof TuiPreviewPagination, typeof TuiPreviewAction, typeof TuiPreviewZoom];

package/components/progress/progress.options.d.ts CHANGED Viewed

@@ -1,9 +1,7 @@
-import { InjectionToken, type Provider } from '@angular/core';
 import { type TuiSizeXXL, type TuiSizeXXS } from '@taiga-ui/core/types';
 export interface TuiProgressOptions {
     readonly color: string | null;
     readonly size: TuiSizeXXL | TuiSizeXXS;
 }
 export declare const TUI_PROGRESS_DEFAULT_OPTIONS: TuiProgressOptions;
-export declare const TUI_PROGRESS_OPTIONS: InjectionToken<TuiProgressOptions>;
-export declare function tuiProgressOptionsProvider(options: Partial<TuiProgressOptions>): Provider;
+export declare const TUI_PROGRESS_OPTIONS: import("@angular/core").InjectionToken<TuiProgressOptions>, tuiProgressOptionsProvider: (item: Partial<TuiProgressOptions> | (() => Partial<TuiProgressOptions>)) => import("@angular/core").FactoryProvider;

package/components/rating/rating.options.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-import { InjectionToken, type Provider } from '@angular/core';
 import { type TuiContext } from '@taiga-ui/cdk/types';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 export interface TuiRatingContext extends TuiContext<number> {
@@ -10,5 +9,4 @@ export interface TuiRatingOptions {
     readonly max: number;
 }
 export declare const TUI_RATING_DEFAULT_OPTIONS: TuiRatingOptions;
-export declare const TUI_RATING_OPTIONS: InjectionToken<TuiRatingOptions>;
-export declare function tuiRatingOptionsProvider(options: Partial<TuiRatingOptions>): Provider;
+export declare const TUI_RATING_OPTIONS: import("@angular/core").InjectionToken<TuiRatingOptions>, tuiRatingOptionsProvider: (item: Partial<TuiRatingOptions> | (() => Partial<TuiRatingOptions>)) => import("@angular/core").FactoryProvider;

package/components/slider/slider.options.d.ts CHANGED Viewed

@@ -1,12 +1,7 @@
-import { InjectionToken, type Provider } from '@angular/core';
 import { type TuiSizeS } from '@taiga-ui/core/types';
 export interface TuiSliderOptions {
     readonly size: TuiSizeS;
     readonly trackColor: string;
 }
 export declare const TUI_SLIDER_DEFAULT_OPTIONS: TuiSliderOptions;
-/**
- * Default parameters for Slider component
- */
-export declare const TUI_SLIDER_OPTIONS: InjectionToken<TuiSliderOptions>;
-export declare function tuiSliderOptionsProvider(options: Partial<TuiSliderOptions>): Provider;
+export declare const TUI_SLIDER_OPTIONS: import("@angular/core").InjectionToken<TuiSliderOptions>, tuiSliderOptionsProvider: (item: Partial<TuiSliderOptions> | (() => Partial<TuiSliderOptions>)) => import("@angular/core").FactoryProvider;

package/components/tabs/tabs.options.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-import { InjectionToken, type Provider } from '@angular/core';
 import { type TuiSizeL } from '@taiga-ui/core/types';
 export interface TuiTabsOptions {
     readonly exposeActive: boolean;
@@ -8,8 +7,4 @@ export interface TuiTabsOptions {
     readonly size: TuiSizeL;
 }
 export declare const TUI_TABS_DEFAULT_OPTIONS: TuiTabsOptions;
-/**
- * Default parameters for Tabs component
- */
-export declare const TUI_TABS_OPTIONS: InjectionToken<TuiTabsOptions>;
-export declare function tuiTabsOptionsProvider(options: Partial<TuiTabsOptions>): Provider;
+export declare const TUI_TABS_OPTIONS: import("@angular/core").InjectionToken<TuiTabsOptions>, tuiTabsOptionsProvider: (item: Partial<TuiTabsOptions> | (() => Partial<TuiTabsOptions>)) => import("@angular/core").FactoryProvider;

package/components/toast/toast.component.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { type AfterViewInit } from '@angular/core';
-import { type TuiPopover } from '@taiga-ui/cdk/services';
+import { type TuiPortalContext } from '@taiga-ui/cdk/portals';
 import { type TuiToastOptions } from './toast.options';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/cdk/directives/animated";
@@ -8,7 +8,7 @@ export declare class TuiToastComponent<O, I> implements AfterViewInit {
     private readonly close;
     private readonly el;
     protected readonly isMobile: boolean;
-    protected readonly context: TuiPopover<TuiToastOptions<I>, O>;
+    protected readonly context: TuiPortalContext<TuiToastOptions<I>, O>;
     protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
     protected readonly $: import("rxjs").Subscription;
     ngAfterViewInit(): void;

package/components/tree/components/tree-item-content/tree-item-content.component.d.ts CHANGED Viewed

@@ -1,3 +1,5 @@
+import { InjectionToken } from '@angular/core';
+import { PolymorpheusComponent, type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import { type TuiTreeItemContext } from '../../misc/tree.interfaces';
 import * as i0 from "@angular/core";
 export declare class TuiTreeItemContent {
@@ -10,3 +12,8 @@ export declare class TuiTreeItemContent {
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTreeItemContent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiTreeItemContent, "ng-component", never, {}, {}, never, never, true, never>;
 }
+export declare const TUI_TREE_ITEM_CONTENT: PolymorpheusComponent<TuiTreeItemContent>;
+/**
+ * Content for a tree item
+ */
+export declare const TUI_TREE_CONTENT: InjectionToken<PolymorpheusContent<TuiTreeItemContext>>;

package/components/tree/misc/tree.constants.d.ts CHANGED Viewed

@@ -1,5 +1,2 @@
-import { PolymorpheusComponent } from '@taiga-ui/polymorpheus';
-import { TuiTreeItemContent } from '../components/tree-item-content/tree-item-content.component';
 import { type TuiTreeController } from './tree.interfaces';
-export declare const TUI_TREE_ITEM_CONTENT: PolymorpheusComponent<TuiTreeItemContent>;
 export declare const TUI_DEFAULT_TREE_CONTROLLER: TuiTreeController;

package/components/tree/misc/tree.tokens.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
 import { InjectionToken } from '@angular/core';
-import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
-import { type TuiTreeAccessor, type TuiTreeItemContext, type TuiTreeLoader } from './tree.interfaces';
+import { type TuiTreeAccessor, type TuiTreeLoader } from './tree.interfaces';
 /**
  * Controller for tracking value - TuiTreeItemComponent pairs
  */
@@ -25,10 +24,6 @@ export declare const TUI_TREE_START: InjectionToken<unknown>;
  * A service to load tree progressively
  */
 export declare const TUI_TREE_LOADER: InjectionToken<TuiTreeLoader<unknown>>;
-/**
- * Content for a tree item
- */
-export declare const TUI_TREE_CONTENT: InjectionToken<PolymorpheusContent<TuiTreeItemContext>>;
 /**
  * Nesting level of current TreeView node
  */

package/directives/button-select/button-select.directive.d.ts CHANGED Viewed

@@ -3,8 +3,9 @@ import { type TuiDataListHost } from '@taiga-ui/core/components/data-list';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/core/directives/dropdown";
 import * as i2 from "@taiga-ui/cdk/directives/native-validator";
-export declare class TuiButtonSelect<T> extends TuiControl<T> implements TuiDataListHost<T> {
+export declare class TuiButtonSelect<T> extends TuiControl<T | T[]> implements TuiDataListHost<T> {
     private readonly open;
+    private readonly handlers;
     readonly size = "s";
     handleOption(option: T): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiButtonSelect<any>, never>;

package/directives/fluid-typography/fluid-typography.options.d.ts CHANGED Viewed

@@ -1,8 +1,6 @@
-import { InjectionToken, type Provider } from '@angular/core';
 export interface TuiFluidTypographyOptions {
     readonly min: number;
     readonly max: number;
 }
 export declare const TUI_FLUID_TYPOGRAPHY_DEFAULT_OPTIONS: TuiFluidTypographyOptions;
-export declare const TUI_FLUID_TYPOGRAPHY_OPTIONS: InjectionToken<TuiFluidTypographyOptions>;
-export declare function tuiFluidTypographyOptionsProvider(options: Partial<TuiFluidTypographyOptions>): Provider;
+export declare const TUI_FLUID_TYPOGRAPHY_OPTIONS: import("@angular/core").InjectionToken<TuiFluidTypographyOptions>, tuiFluidTypographyOptionsProvider: (item: Partial<TuiFluidTypographyOptions> | (() => Partial<TuiFluidTypographyOptions>)) => import("@angular/core").FactoryProvider;

package/fesm2022/taiga-ui-kit-components-accordion.mjs CHANGED Viewed

@@ -35,7 +35,6 @@ class TuiAccordionDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiAccordionDirective, decorators: [{
             type: Directive,
             args: [{
-                    standalone: true,
                     selector: 'button[tuiAccordion]',
                     providers: [
                         tuiAvatarOptionsProvider({ size: 's' }),
@@ -78,7 +77,7 @@ class TuiAccordionComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiAccordionComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'tui-accordion', template: '<ng-content />', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [tuiGroupOptionsProvider({ orientation: 'vertical', collapsed: true })], hostDirectives: [TuiGroup], host: { '[attr.data-size]': 'size()' }, styles: ["tui-accordion{inline-size:stretch;border-radius:var(--t-group-radius);font:var(--tui-font-text-m);overflow:hidden}tui-accordion>[tuiAccordion]{text-align:start;justify-content:flex-start}tui-accordion>[tuiAccordion]:last-of-type:not(._open){-webkit-mask-image:var(--t-group-mask-end);mask-image:var(--t-group-mask-end);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}tui-accordion>[tuiAccordion]:first-child{border-top-left-radius:inherit!important;border-top-right-radius:inherit!important}tui-accordion>[tuiAccordion]:first-child:last-of-type:not(._open){mask:none}tui-accordion>[tuiAccordion]:after{margin-inline-start:auto!important}tui-accordion>[tuiAccordion]._open+tui-expand{visibility:visible}tui-accordion>[tuiAccordion]>[tuiAvatar]{margin:0}tui-accordion>tui-expand{visibility:hidden;min-block-size:1px!important;padding:1.25rem;transition-property:grid-template-rows,padding,visibility!important;box-shadow:inset 0 0 0 1px var(--tui-border-normal)}tui-accordion>tui-expand:last-child{border-bottom-left-radius:inherit!important;border-bottom-right-radius:inherit!important}tui-accordion>[tuiAccordion][data-appearance=\"\"]+tui-expand{box-shadow:none}tui-accordion[data-size=m]{font:var(--tui-font-text-s)}tui-accordion[data-size=m]>tui-expand{padding:1rem}tui-accordion[data-size=s]{font:var(--tui-font-text-s)}tui-accordion[data-size=s]>tui-expand{padding:.625rem}\n"] }]
+            args: [{ selector: 'tui-accordion', template: '<ng-content />', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [tuiGroupOptionsProvider({ orientation: 'vertical', collapsed: true })], hostDirectives: [TuiGroup], host: { '[attr.data-size]': 'size()' }, styles: ["tui-accordion{inline-size:stretch;border-radius:var(--t-group-radius);font:var(--tui-font-text-m);overflow:hidden}tui-accordion>[tuiAccordion]{text-align:start;justify-content:flex-start}tui-accordion>[tuiAccordion]:last-of-type:not(._open){-webkit-mask-image:var(--t-group-mask-end);mask-image:var(--t-group-mask-end);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}tui-accordion>[tuiAccordion]:first-child{border-top-left-radius:inherit!important;border-top-right-radius:inherit!important}tui-accordion>[tuiAccordion]:first-child:last-of-type:not(._open){mask:none}tui-accordion>[tuiAccordion]:after{margin-inline-start:auto!important}tui-accordion>[tuiAccordion]._open+tui-expand{visibility:visible}tui-accordion>[tuiAccordion]>[tuiAvatar]{margin:0}tui-accordion>tui-expand{visibility:hidden;min-block-size:1px!important;padding:1.25rem;transition-property:grid-template-rows,padding,visibility!important;box-shadow:inset 0 0 0 1px var(--tui-border-normal)}tui-accordion>tui-expand:last-child{border-bottom-left-radius:inherit!important;border-bottom-right-radius:inherit!important}tui-accordion>[tuiAccordion][data-appearance=\"\"]+tui-expand{box-shadow:none}tui-accordion[data-size=m]{font:var(--tui-font-text-s)}tui-accordion[data-size=m]>tui-expand{padding:1rem}tui-accordion[data-size=s]{font:var(--tui-font-text-s)}tui-accordion[data-size=s]>tui-expand{padding:.625rem}\n"] }]
         }] });
 const TuiAccordion = [

package/fesm2022/taiga-ui-kit-components-accordion.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"taiga-ui-kit-components-accordion.mjs","sources":["../../../projects/kit/components/accordion/accordion.directive.ts","../../../projects/kit/components/accordion/accordion.component.ts","../../../projects/kit/components/accordion/accordion.ts","../../../projects/kit/components/accordion/taiga-ui-kit-components-accordion.ts"],"sourcesContent":["import {Directive, inject, model, type OnChanges} from '@angular/core';\nimport {tuiDirectiveBinding} from '@taiga-ui/cdk/utils';\nimport {TuiButton, tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\nimport {tuiAvatarOptionsProvider} from '@taiga-ui/kit/components/avatar';\nimport {TuiChevron} from '@taiga-ui/kit/directives/chevron';\n\nimport {TuiAccordionComponent} from './accordion.component';\n\n@Directive({\n ~~standalone: true,\n~~ selector: 'button[tuiAccordion]',\n providers: [\n tuiAvatarOptionsProvider({size: 's'}),\n tuiButtonOptionsProvider({appearance: 'outline-grayscale'}),\n ],\n hostDirectives: [TuiButton, TuiChevron],\n host: {\n tuiButton: '',\n tuiAccordion: '',\n type: 'button',\n '[class._open]': 'open()',\n '(click)': 'toggle()',\n },\n})\nexport class TuiAccordionDirective implements OnChanges {\n private readonly accordion = inject(TuiAccordionComponent);\n\n public readonly open = model<boolean \| ''>(false, {alias: 'tuiAccordion'});\n\n public readonly size = tuiDirectiveBinding(TuiButton, 'size', this.accordion.size);\n public readonly chevron = tuiDirectiveBinding(TuiChevron, 'rotated', this.open);\n\n public ngOnChanges(): void {\n this.accordion.toggle(this);\n }\n\n public toggle(): void {\n this.open.set(!this.open());\n this.accordion.toggle(this);\n }\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n contentChildren,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport {tuiSetSignal} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiExpand} from '@taiga-ui/core/components/expand';\nimport {TuiGroup, tuiGroupOptionsProvider} from '@taiga-ui/core/directives/group';\nimport {type TuiSizeL, type TuiSizeS} from '@taiga-ui/core/types';\n\nimport {TuiAccordionDirective} from './accordion.directive';\n\n@Component({\n ~~standalone: true,\n~~ selector: 'tui-accordion',\n template: '<ng-content />',\n styleUrl: './accordion.style.less',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [tuiGroupOptionsProvider({orientation: 'vertical', collapsed: true})],\n hostDirectives: [TuiGroup],\n host: {'[attr.data-size]': 'size()'},\n})\nexport class TuiAccordionComponent {\n protected readonly expands = contentChildren(TuiExpand);\n protected readonly directives = contentChildren(TuiAccordionDirective);\n\n public readonly closeOthers = input(true);\n public readonly size = input<TuiSizeL \| TuiSizeS>('l');\n\n public toggle(directive: TuiAccordionDirective): void {\n if (this.closeOthers() && directive.open()) {\n this.expands().forEach((expand) => tuiSetSignal(expand.expanded, false));\n this.directives().forEach((dir) => {\n if (dir !== directive) {\n dir.open.set(false);\n }\n });\n }\n\n const expand = this.expands()[this.directives().indexOf(directive)];\n\n if (expand) {\n tuiSetSignal(expand.expanded, !!directive.open());\n }\n }\n}\n","import {TuiItem} from '@taiga-ui/cdk/directives/item';\nimport {TuiExpand} from '@taiga-ui/core/components/expand';\n\nimport {TuiAccordionComponent} from './accordion.component';\nimport {TuiAccordionDirective} from './accordion.directive';\n\nexport const TuiAccordion = [\n TuiAccordionComponent,\n TuiAccordionDirective,\n TuiExpand,\n TuiItem,\n] as const;\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;~~MAwBa~~,qBAAqB,CAAA;~~AAhBlC~~,IAAA,WAAA,GAAA;~~AAiBqB~~,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,qBAAqB,CAAC;QAE1C,IAAI,CAAA,IAAA,GAAG,KAAK,CAAe,KAAK,EAAE,EAAC,KAAK,EAAE,cAAc,EAAC,CAAC;AAE1D,QAAA,IAAA,CAAA,IAAI,GAAG,mBAAmB,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;QAClE,IAAO,CAAA,OAAA,GAAG,mBAAmB,CAAC,UAAU,EAAE,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC;AAUlF;IARU,WAAW,GAAA;AACd,QAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC;;IAGxB,MAAM,GAAA;QACT,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;AAC3B,QAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC;;+GAdtB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,EAbnB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,oBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,UAAA,EAAA,EAAA,UAAA,EAAA,EAAA,aAAA,EAAA,QAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACP,YAAA,wBAAwB,CAAC,EAAC,IAAI,EAAE,GAAG,EAAC,CAAC;AACrC,YAAA,wBAAwB,CAAC,EAAC,UAAU,EAAE,mBAAmB,EAAC,CAAC;AAC9D,SAAA,EAAA,aAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,SAAA,EAAA,EAAA,EAAA,SAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAUQ,qBAAqB,EAAA,UAAA,EAAA,CAAA;~~kBAhBjC~~,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,~~UAAU,EAAE,IAAI;AAChB,oBAAA,~~QAAQ,EAAE,sBAAsB;AAChC,oBAAA,SAAS,EAAE;AACP,wBAAA,wBAAwB,CAAC,EAAC,IAAI,EAAE,GAAG,EAAC,CAAC;AACrC,wBAAA,wBAAwB,CAAC,EAAC,UAAU,EAAE,mBAAmB,EAAC,CAAC;AAC9D,qBAAA;AACD,oBAAA,cAAc,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC;AACvC,oBAAA,IAAI,EAAE;AACF,wBAAA,SAAS,EAAE,EAAE;AACb,wBAAA,YAAY,EAAE,EAAE;AAChB,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,eAAe,EAAE,QAAQ;AACzB,wBAAA,SAAS,EAAE,UAAU;AACxB,qBAAA;AACJ,iBAAA;;;MCEY,qBAAqB,CAAA;~~AAXlC~~,IAAA,WAAA,GAAA;~~AAYuB~~,QAAA,IAAA,CAAA,OAAO,GAAG,eAAe,CAAC,SAAS,CAAC;AACpC,QAAA,IAAA,CAAA,UAAU,GAAG,eAAe,CAAC,qBAAqB,CAAC;AAEtD,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC;AACzB,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAsB,GAAG,CAAC;AAkBzD;AAhBU,IAAA,MAAM,CAAC,SAAgC,EAAA;QAC1C,IAAI,IAAI,CAAC,WAAW,EAAE,IAAI,SAAS,CAAC,IAAI,EAAE,EAAE;YACxC,IAAI,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,YAAY,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;YACxE,IAAI,CAAC,UAAU,EAAE,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AAC9B,gBAAA,IAAI,GAAG,KAAK,SAAS,EAAE;AACnB,oBAAA,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;;AAE3B,aAAC,CAAC;;AAGN,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAEnE,IAAI,MAAM,EAAE;AACR,YAAA,YAAY,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;;;+GApBhD,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,SAAA,EAJnB,CAAC,uBAAuB,CAAC,EAAC,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,EAAC,CAAC,CAAC,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,SAAA,EAKnC,SAAS,EACN,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,YAAA,EAAA,SAAA,EAAA,qBAAqB,6FAV3D,gBAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,23CAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAQjB,qBAAqB,EAAA,UAAA,EAAA,CAAA;~~kBAXjC~~,SAAS;~~AACM~~,YAAA,IAAA,EAAA,CAAA,EAAA,~~UAAA~~,EAAA,~~IAAI,YACN,~~eAAe,~~EAAA~~,QAAA,~~EACf~~,gBAAgB,~~EAAA~~,aAAA,~~EAEX~~,iBAAiB,CAAC,IAAI,~~EACpB~~,eAAA,~~EAAA~~,uBAAuB,CAAC,MAAM,~~EAAA~~,SAAA,~~EACpC~~,CAAC,uBAAuB,CAAC,EAAC,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,EAAC,CAAC,CAAC,EAAA,cAAA,EAChE,CAAC,QAAQ,CAAC,EACpB,IAAA,EAAA,EAAC,kBAAkB,EAAE,QAAQ,EAAC,EAAA,MAAA,EAAA,CAAA,23CAAA,CAAA,EAAA;;;~~ACjB3B~~,MAAA,YAAY,GAAG;IACxB,qBAAqB;IACrB,qBAAqB;IACrB,SAAS;IACT,OAAO;;;ACVX;;AAEG;;;;"}
1	+ {"version":3,"file":"taiga-ui-kit-components-accordion.mjs","sources":["../../../projects/kit/components/accordion/accordion.directive.ts","../../../projects/kit/components/accordion/accordion.component.ts","../../../projects/kit/components/accordion/accordion.ts","../../../projects/kit/components/accordion/taiga-ui-kit-components-accordion.ts"],"sourcesContent":["import {Directive, inject, model, type OnChanges} from '@angular/core';\nimport {tuiDirectiveBinding} from '@taiga-ui/cdk/utils';\nimport {TuiButton, tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\nimport {tuiAvatarOptionsProvider} from '@taiga-ui/kit/components/avatar';\nimport {TuiChevron} from '@taiga-ui/kit/directives/chevron';\n\nimport {TuiAccordionComponent} from './accordion.component';\n\n@Directive({\n selector: 'button[tuiAccordion]',\n providers: [\n tuiAvatarOptionsProvider({size: 's'}),\n tuiButtonOptionsProvider({appearance: 'outline-grayscale'}),\n ],\n hostDirectives: [TuiButton, TuiChevron],\n host: {\n tuiButton: '',\n tuiAccordion: '',\n type: 'button',\n '[class._open]': 'open()',\n '(click)': 'toggle()',\n },\n})\nexport class TuiAccordionDirective implements OnChanges {\n private readonly accordion = inject(TuiAccordionComponent);\n\n public readonly open = model<boolean \| ''>(false, {alias: 'tuiAccordion'});\n\n public readonly size = tuiDirectiveBinding(TuiButton, 'size', this.accordion.size);\n public readonly chevron = tuiDirectiveBinding(TuiChevron, 'rotated', this.open);\n\n public ngOnChanges(): void {\n this.accordion.toggle(this);\n }\n\n public toggle(): void {\n this.open.set(!this.open());\n this.accordion.toggle(this);\n }\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n contentChildren,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport {tuiSetSignal} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiExpand} from '@taiga-ui/core/components/expand';\nimport {TuiGroup, tuiGroupOptionsProvider} from '@taiga-ui/core/directives/group';\nimport {type TuiSizeL, type TuiSizeS} from '@taiga-ui/core/types';\n\nimport {TuiAccordionDirective} from './accordion.directive';\n\n@Component({\n selector: 'tui-accordion',\n template: '<ng-content />',\n styleUrl: './accordion.style.less',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [tuiGroupOptionsProvider({orientation: 'vertical', collapsed: true})],\n hostDirectives: [TuiGroup],\n host: {'[attr.data-size]': 'size()'},\n})\nexport class TuiAccordionComponent {\n protected readonly expands = contentChildren(TuiExpand);\n protected readonly directives = contentChildren(TuiAccordionDirective);\n\n public readonly closeOthers = input(true);\n public readonly size = input<TuiSizeL \| TuiSizeS>('l');\n\n public toggle(directive: TuiAccordionDirective): void {\n if (this.closeOthers() && directive.open()) {\n this.expands().forEach((expand) => tuiSetSignal(expand.expanded, false));\n this.directives().forEach((dir) => {\n if (dir !== directive) {\n dir.open.set(false);\n }\n });\n }\n\n const expand = this.expands()[this.directives().indexOf(directive)];\n\n if (expand) {\n tuiSetSignal(expand.expanded, !!directive.open());\n }\n }\n}\n","import {TuiItem} from '@taiga-ui/cdk/directives/item';\nimport {TuiExpand} from '@taiga-ui/core/components/expand';\n\nimport {TuiAccordionComponent} from './accordion.component';\nimport {TuiAccordionDirective} from './accordion.directive';\n\nexport const TuiAccordion = [\n TuiAccordionComponent,\n TuiAccordionDirective,\n TuiExpand,\n TuiItem,\n] 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-avatar.mjs CHANGED Viewed

@@ -17,11 +17,11 @@ const [TUI_AVATAR_OPTIONS, tuiAvatarOptionsProvider] = tuiCreateOptions({
 let Styles$1 = class Styles {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: Styles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-avatar" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiAvatar]{--t-size: var(--tui-height-l);--t-radius: .75rem;--t-corner-offset: calc((var(--t-radius) * 1.4142 - var(--t-radius)) * 1 / 1.4142);position:relative;display:inline-flex;flex-shrink:0;inline-size:var(--t-size);block-size:var(--t-size);align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--t-radius);border:none;background:var(--tui-background-neutral-1);color:var(--tui-text-secondary);vertical-align:middle;box-sizing:border-box;padding:.25rem;font:var(--tui-font-text-l);font-weight:700;opacity:.999}[tuiAvatar]:before{inline-size:auto;block-size:auto}[tuiAvatar]:not(._initials):before{position:absolute;top:0;right:0;bottom:0;left:0;font-size:calc(var(--t-size) * .6)}[tuiAvatar][data-size=xs]{--t-size: var(--tui-height-xs);--t-radius: .5rem;font:var(--tui-font-text-ui-xs);font-size:.5625rem}[tuiAvatar][data-size=xs]._initials:before{font:var(--tui-font-text-ui-xs);font-weight:700}[tuiAvatar][data-size=s]{--t-size: var(--tui-height-s);--t-radius: .5rem;font:var(--tui-font-text-ui-xs);font-weight:700}[tuiAvatar][data-size=s]._initials:before{font:var(--tui-font-text-s);font-weight:700}[tuiAvatar][data-size=m]{--t-size: calc(var(--tui-height-m) - .25rem);--t-radius: .75rem;font:var(--tui-font-text-ui-m);font-weight:700}[tuiAvatar][data-size=m]._initials:before{font:var(--tui-font-text-m);font-weight:700}[tuiAvatar][data-size=xl]{--t-size: 5rem;--t-radius: .75rem;font:var(--tui-font-heading-4)}[tuiAvatar][data-size=xl]._initials:before{font:var(--tui-font-heading-3)}[tuiAvatar][data-size=xxl]{--t-size: 6rem;--t-radius: 1rem;font:var(--tui-font-heading-3)}[tuiAvatar][data-size=xxl]._initials:before{font:var(--tui-font-heading-3)}[tuiAvatar][data-size=xxxl]{--t-size: 8rem;--t-radius: 1.25rem;font:var(--tui-font-heading-3)}[tuiAvatar][data-size=xxxl]._initials:before{font:var(--tui-font-heading-2)}[tuiAvatar]:not([data-shape=square]){--t-radius: calc(var(--t-size) / 2)}[tuiAvatar]._initials:before{content:attr(data-icon-start);mask:none;background:none;font:var(--tui-font-heading-6)}[tuiAvatar]._badge{mask:radial-gradient(circle at calc(100% - var(--t-corner-offset)) calc(100% - var(--t-corner-offset)),black .23rem,transparent .25rem,transparent .375rem,black .39rem);mask-clip:no-clip}[tuiAvatar]._badge:after{content:\"\";position:absolute;top:calc(100% - var(--t-corner-offset));left:calc(100% - var(--t-corner-offset));display:block;inline-size:.55rem;block-size:.55rem;border-radius:100%;background:var(--t-badge);transform:translate3d(-50%,-50%,0)}[tuiAvatar]._fallback img,[tuiAvatar]._fallback video{display:none}[tuiAvatar] img,[tuiAvatar] video,[tuiAvatar] picture{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;box-sizing:border-box;border-radius:inherit}[tuiAvatar]:has(img,video):not(._fallback){background:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: Styles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-avatar" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiAvatar]{--t-size: var(--tui-height-l);--t-radius: .75rem;--t-corner-offset: calc((var(--t-radius) * 1.4142 - var(--t-radius)) * 1 / 1.4142);position:relative;display:inline-flex;flex-shrink:0;inline-size:var(--t-size);block-size:var(--t-size);align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--t-radius);border:none;background:var(--tui-background-neutral-1);color:var(--tui-text-secondary);vertical-align:middle;box-sizing:border-box;padding:.25rem;font:var(--tui-font-text-l);font-weight:700;opacity:.999}[tuiAvatar]:before{inline-size:auto;block-size:auto}[tuiAvatar]:not(._initials):before{position:absolute;inset:0;font-size:calc(var(--t-size) * .6)}[tuiAvatar][data-size=xs]{--t-size: var(--tui-height-xs);--t-radius: .5rem;font:var(--tui-font-text-ui-xs);font-size:.5625rem}[tuiAvatar][data-size=xs]._initials:before{font:var(--tui-font-text-ui-xs);font-weight:700}[tuiAvatar][data-size=s]{--t-size: var(--tui-height-s);--t-radius: .5rem;font:var(--tui-font-text-ui-xs);font-weight:700}[tuiAvatar][data-size=s]._initials:before{font:var(--tui-font-text-s);font-weight:700}[tuiAvatar][data-size=m]{--t-size: calc(var(--tui-height-m) - .25rem);--t-radius: .75rem;font:var(--tui-font-text-ui-m);font-weight:700}[tuiAvatar][data-size=m]._initials:before{font:var(--tui-font-text-m);font-weight:700}[tuiAvatar][data-size=xl]{--t-size: 5rem;--t-radius: .75rem;font:var(--tui-font-heading-4)}[tuiAvatar][data-size=xl]._initials:before{font:var(--tui-font-heading-3)}[tuiAvatar][data-size=xxl]{--t-size: 6rem;--t-radius: 1rem;font:var(--tui-font-heading-3)}[tuiAvatar][data-size=xxl]._initials:before{font:var(--tui-font-heading-3)}[tuiAvatar][data-size=xxxl]{--t-size: 8rem;--t-radius: 1.25rem;font:var(--tui-font-heading-3)}[tuiAvatar][data-size=xxxl]._initials:before{font:var(--tui-font-heading-2)}[tuiAvatar]:not([data-shape=square]){--t-radius: calc(var(--t-size) / 2)}[tuiAvatar]._initials:before{content:attr(data-icon-start);mask:none;background:none;font:var(--tui-font-heading-6)}[tuiAvatar]._badge{mask:radial-gradient(circle at calc(100% - var(--t-corner-offset)) calc(100% - var(--t-corner-offset)),black .23rem,transparent .25rem,transparent .375rem,black .39rem);mask-clip:no-clip}[tuiAvatar]._badge:after{content:\"\";position:absolute;top:calc(100% - var(--t-corner-offset));left:calc(100% - var(--t-corner-offset));display:block;inline-size:.55rem;block-size:.55rem;border-radius:100%;background:var(--t-badge);transform:translate3d(-50%,-50%,0)}[tuiAvatar]._fallback img,[tuiAvatar]._fallback video{display:none}[tuiAvatar] img,[tuiAvatar] video,[tuiAvatar] picture{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;box-sizing:border-box;border-radius:inherit}[tuiAvatar]:has(img,video):not(._fallback){background:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: Styles$1, decorators: [{
             type: Component,
-            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-avatar' }, styles: ["[tuiAvatar]{--t-size: var(--tui-height-l);--t-radius: .75rem;--t-corner-offset: calc((var(--t-radius) * 1.4142 - var(--t-radius)) * 1 / 1.4142);position:relative;display:inline-flex;flex-shrink:0;inline-size:var(--t-size);block-size:var(--t-size);align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--t-radius);border:none;background:var(--tui-background-neutral-1);color:var(--tui-text-secondary);vertical-align:middle;box-sizing:border-box;padding:.25rem;font:var(--tui-font-text-l);font-weight:700;opacity:.999}[tuiAvatar]:before{inline-size:auto;block-size:auto}[tuiAvatar]:not(._initials):before{position:absolute;top:0;right:0;bottom:0;left:0;font-size:calc(var(--t-size) * .6)}[tuiAvatar][data-size=xs]{--t-size: var(--tui-height-xs);--t-radius: .5rem;font:var(--tui-font-text-ui-xs);font-size:.5625rem}[tuiAvatar][data-size=xs]._initials:before{font:var(--tui-font-text-ui-xs);font-weight:700}[tuiAvatar][data-size=s]{--t-size: var(--tui-height-s);--t-radius: .5rem;font:var(--tui-font-text-ui-xs);font-weight:700}[tuiAvatar][data-size=s]._initials:before{font:var(--tui-font-text-s);font-weight:700}[tuiAvatar][data-size=m]{--t-size: calc(var(--tui-height-m) - .25rem);--t-radius: .75rem;font:var(--tui-font-text-ui-m);font-weight:700}[tuiAvatar][data-size=m]._initials:before{font:var(--tui-font-text-m);font-weight:700}[tuiAvatar][data-size=xl]{--t-size: 5rem;--t-radius: .75rem;font:var(--tui-font-heading-4)}[tuiAvatar][data-size=xl]._initials:before{font:var(--tui-font-heading-3)}[tuiAvatar][data-size=xxl]{--t-size: 6rem;--t-radius: 1rem;font:var(--tui-font-heading-3)}[tuiAvatar][data-size=xxl]._initials:before{font:var(--tui-font-heading-3)}[tuiAvatar][data-size=xxxl]{--t-size: 8rem;--t-radius: 1.25rem;font:var(--tui-font-heading-3)}[tuiAvatar][data-size=xxxl]._initials:before{font:var(--tui-font-heading-2)}[tuiAvatar]:not([data-shape=square]){--t-radius: calc(var(--t-size) / 2)}[tuiAvatar]._initials:before{content:attr(data-icon-start);mask:none;background:none;font:var(--tui-font-heading-6)}[tuiAvatar]._badge{mask:radial-gradient(circle at calc(100% - var(--t-corner-offset)) calc(100% - var(--t-corner-offset)),black .23rem,transparent .25rem,transparent .375rem,black .39rem);mask-clip:no-clip}[tuiAvatar]._badge:after{content:\"\";position:absolute;top:calc(100% - var(--t-corner-offset));left:calc(100% - var(--t-corner-offset));display:block;inline-size:.55rem;block-size:.55rem;border-radius:100%;background:var(--t-badge);transform:translate3d(-50%,-50%,0)}[tuiAvatar]._fallback img,[tuiAvatar]._fallback video{display:none}[tuiAvatar] img,[tuiAvatar] video,[tuiAvatar] picture{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;box-sizing:border-box;border-radius:inherit}[tuiAvatar]:has(img,video):not(._fallback){background:none}\n"] }]
+            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-avatar' }, styles: ["[tuiAvatar]{--t-size: var(--tui-height-l);--t-radius: .75rem;--t-corner-offset: calc((var(--t-radius) * 1.4142 - var(--t-radius)) * 1 / 1.4142);position:relative;display:inline-flex;flex-shrink:0;inline-size:var(--t-size);block-size:var(--t-size);align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--t-radius);border:none;background:var(--tui-background-neutral-1);color:var(--tui-text-secondary);vertical-align:middle;box-sizing:border-box;padding:.25rem;font:var(--tui-font-text-l);font-weight:700;opacity:.999}[tuiAvatar]:before{inline-size:auto;block-size:auto}[tuiAvatar]:not(._initials):before{position:absolute;inset:0;font-size:calc(var(--t-size) * .6)}[tuiAvatar][data-size=xs]{--t-size: var(--tui-height-xs);--t-radius: .5rem;font:var(--tui-font-text-ui-xs);font-size:.5625rem}[tuiAvatar][data-size=xs]._initials:before{font:var(--tui-font-text-ui-xs);font-weight:700}[tuiAvatar][data-size=s]{--t-size: var(--tui-height-s);--t-radius: .5rem;font:var(--tui-font-text-ui-xs);font-weight:700}[tuiAvatar][data-size=s]._initials:before{font:var(--tui-font-text-s);font-weight:700}[tuiAvatar][data-size=m]{--t-size: calc(var(--tui-height-m) - .25rem);--t-radius: .75rem;font:var(--tui-font-text-ui-m);font-weight:700}[tuiAvatar][data-size=m]._initials:before{font:var(--tui-font-text-m);font-weight:700}[tuiAvatar][data-size=xl]{--t-size: 5rem;--t-radius: .75rem;font:var(--tui-font-heading-4)}[tuiAvatar][data-size=xl]._initials:before{font:var(--tui-font-heading-3)}[tuiAvatar][data-size=xxl]{--t-size: 6rem;--t-radius: 1rem;font:var(--tui-font-heading-3)}[tuiAvatar][data-size=xxl]._initials:before{font:var(--tui-font-heading-3)}[tuiAvatar][data-size=xxxl]{--t-size: 8rem;--t-radius: 1.25rem;font:var(--tui-font-heading-3)}[tuiAvatar][data-size=xxxl]._initials:before{font:var(--tui-font-heading-2)}[tuiAvatar]:not([data-shape=square]){--t-radius: calc(var(--t-size) / 2)}[tuiAvatar]._initials:before{content:attr(data-icon-start);mask:none;background:none;font:var(--tui-font-heading-6)}[tuiAvatar]._badge{mask:radial-gradient(circle at calc(100% - var(--t-corner-offset)) calc(100% - var(--t-corner-offset)),black .23rem,transparent .25rem,transparent .375rem,black .39rem);mask-clip:no-clip}[tuiAvatar]._badge:after{content:\"\";position:absolute;top:calc(100% - var(--t-corner-offset));left:calc(100% - var(--t-corner-offset));display:block;inline-size:.55rem;block-size:.55rem;border-radius:100%;background:var(--t-badge);transform:translate3d(-50%,-50%,0)}[tuiAvatar]._fallback img,[tuiAvatar]._fallback video{display:none}[tuiAvatar] img,[tuiAvatar] video,[tuiAvatar] picture{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;box-sizing:border-box;border-radius:inherit}[tuiAvatar]:has(img,video):not(._fallback){background:none}\n"] }]
         }] });
 class TuiAvatar {
     constructor() {
@@ -137,7 +137,7 @@ class TuiAvatarStack {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiAvatarStack, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'tui-avatar-stack', template: '<ng-content />', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+            args: [{ selector: 'tui-avatar-stack', template: '<ng-content />', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[attr.data-direction]': 'direction',
                     }, styles: ["tui-avatar-stack{display:flex;--t-gap: .125rem}tui-avatar-stack [tuiAvatar]{--t-offset: 2.5rem}tui-avatar-stack [tuiAvatar][data-size=xl]{--t-offset: 2.125rem}tui-avatar-stack [tuiAvatar][data-size=l]{--t-offset: 1.5rem}tui-avatar-stack [tuiAvatar][data-size=m]{--t-offset: .75rem}tui-avatar-stack [tuiAvatar][data-size=s]{--t-offset: .575rem}tui-avatar-stack [tuiAvatar][data-size=xs]{--t-offset: .375rem}tui-avatar-stack [tuiAvatar]._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))}tui-avatar-stack[data-direction=right] [tuiAvatar]._round{--tui-inline: -1}[dir=rtl] tui-avatar-stack[data-direction=right] [tuiAvatar]._round{--tui-inline: 1}tui-avatar-stack[data-direction=right] [tuiAvatar]._round:last-child{-webkit-mask-image:none;mask-image:none}tui-avatar-stack[data-direction=left] [tuiAvatar]._round:first-child{-webkit-mask-image:none;mask-image:none}tui-avatar-stack[data-direction=left] [tuiAvatar]:not(._round):not(:first-child),[dir=rtl] tui-avatar-stack[data-direction=right] [tuiAvatar]: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}tui-avatar-stack[data-direction=right] [tuiAvatar]:not(._round):not(:last-child),[dir=rtl] tui-avatar-stack[data-direction=left] [tuiAvatar]: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}tui-avatar-stack [tuiAvatar]:not(._round){-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[dir=rtl] tui-avatar-stack[data-direction=left] [tuiAvatar]:not(._round),tui-avatar-stack[data-direction=right] [tuiAvatar]: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] tui-avatar-stack[data-direction=right] [tuiAvatar]:not(._round){-webkit-mask-size:unset;mask-size:unset}tui-avatar-stack [tuiAvatar]:not(:last-child){margin-inline-end:calc(-1 * var(--t-offset))}\n"] }]
         }], propDecorators: { direction: [{