@taiga-ui/kit 4.51.0-canary.d0d516e → 4.52.0-canary.1ea42f6

package/components/push/push.component.d.ts

@@ -11,5 +11,5 @@ export declare class TuiPushComponent {
     timestamp: number | string;
     readonly close: EventEmitter<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPushComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPushComponent, "tui-push", never, { "heading": { "alias": "heading"; "required": false; }; "type": { "alias": "type"; "required": false; }; "lines": { "alias": "lines"; "required": false; }; "timestamp": { "alias": "timestamp"; "required": false; }; }, { "close": "close"; }, never, ["img", "tui-svg,tui-icon", "*", "[tuiButton]", "[tuiLink]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPushComponent, "tui-push", never, { "heading": { "alias": "heading"; "required": false; }; "type": { "alias": "type"; "required": false; }; "lines": { "alias": "lines"; "required": false; }; "timestamp": { "alias": "timestamp"; "required": false; }; }, { "close": "close"; }, never, ["img", "tui-icon", "*", "[tuiButton]", "[tuiLink]"], true, never>;
 }

package/components/radio/radio.component.d.ts

@@ -1,19 +1,18 @@
 import { type DoCheck, type OnInit } from '@angular/core';
 import { NgControl } from '@angular/forms';
-import { type TuiSizeS } from '@taiga-ui/core/types';
+import { type TuiRadioOptions } from './radio.options';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/core/directives/appearance";
 import * as i2 from "@taiga-ui/cdk/directives/native-validator";
-export declare class TuiRadioComponent implements DoCheck, OnInit {
-    private readonly appearance;
+export declare class TuiRadioComponent<T extends TuiRadioOptions> implements DoCheck, OnInit {
     private readonly destroyRef;
-    private readonly cdr;
-    private readonly options;
     private readonly el;
+    protected readonly options: T;
+    protected readonly appearance: import("@angular/core").WritableSignal<string>;
     protected readonly control: NgControl | null;
-    size: TuiSizeS;
+    readonly size: import("@angular/core").InputSignal<import("@taiga-ui/core/types").TuiSizeS>;
     ngOnInit(): void;
     ngDoCheck(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiRadioComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiRadioComponent, "input[type=\"radio\"][tuiRadio]", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiAppearance; inputs: { "tuiAppearanceState": "tuiAppearanceState"; "tuiAppearanceFocus": "tuiAppearanceFocus"; "tuiAppearanceMode": "tuiAppearanceMode"; }; outputs: {}; }, { directive: typeof i2.TuiNativeValidator; inputs: {}; outputs: {}; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiRadioComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiRadioComponent<any>, "input[type=\"radio\"][tuiRadio]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiAppearance; inputs: { "tuiAppearanceState": "tuiAppearanceState"; "tuiAppearanceFocus": "tuiAppearanceFocus"; "tuiAppearanceMode": "tuiAppearanceMode"; }; outputs: {}; }, { directive: typeof i2.TuiNativeValidator; inputs: {}; outputs: {}; }]>;
 }

package/components/radio/radio.directive.d.ts

@@ -1,8 +1,8 @@
 import { type TuiIdentityMatcher } from '@taiga-ui/cdk/types';
 import * as i0 from "@angular/core";
 export declare class TuiRadioDirective<T> {
-    identityMatcher: TuiIdentityMatcher<T>;
+    readonly identityMatcher: import("@angular/core").InputSignal<TuiIdentityMatcher<T>>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiRadioDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiRadioDirective<any>, "input[type=\"radio\"][tuiRadio][identityMatcher]", never, { "identityMatcher": { "alias": "identityMatcher"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiRadioDirective<any>, "input[type=\"radio\"][tuiRadio][identityMatcher]", never, { "identityMatcher": { "alias": "identityMatcher"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/radio/radio.options.d.ts

@@ -1,10 +1,7 @@
-import { InjectionToken, type Provider } from '@angular/core';
 import { type TuiStringHandler } from '@taiga-ui/cdk/types';
 import { type TuiSizeS } from '@taiga-ui/core/types';
 export interface TuiRadioOptions {
-    readonly appearance: TuiStringHandler<HTMLInputElement> | string;
+    readonly appearance: TuiStringHandler<HTMLInputElement>;
     readonly size: TuiSizeS;
 }
-export declare const TUI_RADIO_DEFAULT_OPTIONS: TuiRadioOptions;
-export declare const TUI_RADIO_OPTIONS: InjectionToken<TuiRadioOptions>;
-export declare function tuiRadioOptionsProvider(options: Partial<TuiRadioOptions>): Provider;
+export declare const TUI_RADIO_OPTIONS: import("@angular/core").InjectionToken<TuiRadioOptions>, tuiRadioOptionsProvider: (item: Partial<TuiRadioOptions> | (() => Partial<TuiRadioOptions>)) => import("@angular/core").FactoryProvider;

package/components/rating/rating.component.d.ts

@@ -1,11 +1,11 @@
 import { TuiControl } from '@taiga-ui/cdk/classes';
-import { type TuiRatingOptions } from './rating.options';
 import * as i0 from "@angular/core";
 export declare class TuiRating extends TuiControl<number> {
     private readonly options;
-    protected active: number;
-    icon: TuiRatingOptions['icon'];
-    max: number;
+    protected readonly active: import("@angular/core").WritableSignal<number>;
+    protected readonly array: import("@angular/core").Signal<any[]>;
+    readonly icon: import("@angular/core").InputSignal<import("@taiga-ui/polymorpheus").PolymorpheusContent<import("./rating.options").TuiRatingContext>>;
+    readonly max: import("@angular/core").InputSignal<number>;
     protected onKeyDown(event: KeyboardEvent): void;
     protected onPointer(delta: number): void;
     protected onClick(value: number): void;
@@ -13,5 +13,5 @@ export declare class TuiRating extends TuiControl<number> {
     protected isFraction(index: number): boolean;
     protected getCut(index: number): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiRating, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiRating, "tui-rating", never, { "icon": { "alias": "icon"; "required": false; }; "max": { "alias": "max"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiRating, "tui-rating", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -1,10 +1,12 @@
 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> {
+    readonly value: number;
+    readonly filled: boolean;
+}
 export interface TuiRatingOptions {
-    readonly icon: PolymorpheusContent<TuiContext<number> & {
-        value: number;
-    }>;
+    readonly icon: PolymorpheusContent<TuiRatingContext>;
     readonly max: number;
 }
 export declare const TUI_RATING_DEFAULT_OPTIONS: TuiRatingOptions;

package/components/segmented/segmented.component.d.ts

@@ -3,12 +3,12 @@ import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
 import * as i0 from "@angular/core";
 import * as i1 from "./segmented.directive";
 export declare const TUI_SEGMENTED_OPTIONS: import("@angular/core").InjectionToken<{
-    size: "s" | "m" | "l";
+    size: TuiSizeL | TuiSizeS;
 }>, tuiSegmentedOptionsProvider: (item: Partial<{
-    size: "s" | "m" | "l";
-}> | import("@angular/core").ProviderToken<Partial<{
-    size: "s" | "m" | "l";
-}>>) => import("@angular/core").FactoryProvider;
+    size: TuiSizeL | TuiSizeS;
+}> | (() => Partial<{
+    size: TuiSizeL | TuiSizeS;
+}>)) => import("@angular/core").FactoryProvider;
 export declare class TuiSegmented implements OnChanges {
     private readonly el;
     protected readonly sub: import("rxjs").Subscription;

package/components/slides/slides.directive.d.ts

@@ -1,11 +1,11 @@
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/cdk/directives/animated";
 export declare class TuiSlides {
-    private readonly el;
     protected readonly nothing: undefined;
-    direction: number | '';
-    protected get sign(): number;
+    protected readonly el: HTMLElement;
+    protected readonly sign: import("@angular/core").Signal<number>;
+    readonly direction: import("@angular/core").InputSignal<number | "">;
     protected onAnimation(target: Element): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSlides, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSlides, "[tuiSlides]", never, { "direction": { "alias": "tuiSlides"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiAnimatedParent; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSlides, "[tuiSlides]", never, { "direction": { "alias": "tuiSlides"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiAnimatedParent; inputs: {}; outputs: {}; }]>;
 }

package/components/status/status.directive.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class TuiStatus {
     protected readonly nothing: undefined;
-    tuiStatus: string;
+    readonly tuiStatus: import("@angular/core").InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiStatus, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiStatus, "[tuiStatus]", never, { "tuiStatus": { "alias": "tuiStatus"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiStatus, "[tuiStatus]", never, { "tuiStatus": { "alias": "tuiStatus"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/switch/switch.component.d.ts

@@ -1,22 +1,10 @@
-import { type DoCheck, type OnInit } from '@angular/core';
-import { NgControl } from '@angular/forms';
-import { type TuiSizeS } from '@taiga-ui/core/types';
+import { TuiRadioComponent } from '@taiga-ui/kit/components/radio';
+import { type TuiSwitchOptions } from './switch.options';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/core/directives/appearance";
-import * as i2 from "@taiga-ui/cdk/directives/native-validator";
-export declare class TuiSwitch implements DoCheck, OnInit {
-    private readonly appearance;
-    private readonly resolver;
-    private readonly destroyRef;
-    private readonly cdr;
-    private readonly options;
-    private readonly el;
-    protected readonly control: NgControl | null;
-    size: TuiSizeS;
-    showIcons: boolean;
-    ngOnInit(): void;
-    ngDoCheck(): void;
-    protected get icon(): string | null;
+import * as i1 from "@taiga-ui/core/directives/icons";
+export declare class TuiSwitch extends TuiRadioComponent<TuiSwitchOptions> {
+    protected readonly icon: import("@angular/core").Signal<string>;
+    readonly showIcons: import("@angular/core").InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSwitch, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiSwitch, "input[type=\"checkbox\"][tuiSwitch]", never, { "size": { "alias": "size"; "required": false; }; "showIcons": { "alias": "showIcons"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiAppearance; inputs: { "tuiAppearanceState": "tuiAppearanceState"; "tuiAppearanceFocus": "tuiAppearanceFocus"; "tuiAppearanceMode": "tuiAppearanceMode"; }; outputs: {}; }, { directive: typeof i2.TuiNativeValidator; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiSwitch, "input[type=\"checkbox\"][tuiSwitch]", never, { "showIcons": { "alias": "showIcons"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiIcons; inputs: {}; outputs: {}; }]>;
 }

package/components/switch/switch.options.d.ts

@@ -1,12 +1,8 @@
-import { InjectionToken, type Provider } from '@angular/core';
 import { type TuiStringHandler } from '@taiga-ui/cdk/types';
 import { type TuiSizeS } from '@taiga-ui/core/types';
-export interface TuiSwitchOptions {
+import { type TuiRadioOptions } from '@taiga-ui/kit/components/radio';
+export interface TuiSwitchOptions extends TuiRadioOptions {
     readonly showIcons: boolean;
-    readonly size: TuiSizeS;
-    readonly icon: TuiStringHandler<TuiSizeS> | string;
-    readonly appearance: TuiStringHandler<HTMLInputElement>;
+    readonly icon: TuiStringHandler<TuiSizeS>;
 }
-export declare const TUI_SWITCH_DEFAULT_OPTIONS: TuiSwitchOptions;
-export declare const TUI_SWITCH_OPTIONS: InjectionToken<TuiSwitchOptions>;
-export declare function tuiSwitchOptionsProvider(options: Partial<TuiSwitchOptions>): Provider;
+export declare const TUI_SWITCH_OPTIONS: import("@angular/core").InjectionToken<TuiSwitchOptions>, tuiSwitchOptionsProvider: (item: Partial<TuiSwitchOptions> | (() => Partial<TuiSwitchOptions>)) => import("@angular/core").FactoryProvider;

package/components/textarea/textarea.options.d.ts

@@ -5,4 +5,4 @@ export interface TuiTextareaOptions {
     max: number;
     content: PolymorpheusContent<TuiContext<string>>;
 }
-export declare const TUI_TEXTAREA_OPTIONS: import("@angular/core").InjectionToken<TuiTextareaOptions>, tuiTextareaOptionsProvider: (item: Partial<TuiTextareaOptions> | import("@angular/core").ProviderToken<Partial<TuiTextareaOptions>>) => import("@angular/core").FactoryProvider;
+export declare const TUI_TEXTAREA_OPTIONS: import("@angular/core").InjectionToken<TuiTextareaOptions>, tuiTextareaOptionsProvider: (item: Partial<TuiTextareaOptions> | (() => Partial<TuiTextareaOptions>)) => import("@angular/core").FactoryProvider;

package/components/toast/index.d.ts

@@ -0,0 +1,5 @@
+export * from './toast';
+export * from './toast.component';
+export * from './toast.directive';
+export * from './toast.options';
+export * from './toast.service';

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

@@ -0,0 +1,17 @@
+import { type AfterViewInit } from '@angular/core';
+import { type TuiPopover } from '@taiga-ui/cdk/services';
+import { type TuiToastOptions } from './toast.options';
+import * as i0 from "@angular/core";
+import * as i1 from "@taiga-ui/cdk/directives/animated";
+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 icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
+    protected readonly $: import("rxjs").Subscription;
+    ngAfterViewInit(): void;
+    protected onSwipe(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiToastComponent<any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiToastComponent<any, any>, "tui-toast", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
+}

package/components/toast/toast.d.ts

@@ -0,0 +1,3 @@
+import { TuiToastDirective } from './toast.directive';
+import { TuiToastTemplate } from './toast.service';
+export declare const TuiToast: readonly [typeof TuiToastDirective, typeof TuiToastTemplate];

package/components/toast/toast.directive.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@taiga-ui/core/directives/icons";
+export declare class TuiToastDirective {
+    protected readonly nothing: undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiToastDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiToastDirective, "[tuiToast]:not(ng-template)", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiWithIcons; inputs: {}; outputs: {}; }]>;
+}

package/components/toast/toast.options.d.ts

@@ -0,0 +1,8 @@
+export interface TuiToastOptions<I> {
+    autoClose: number;
+    closable: boolean;
+    appearance: string;
+    data?: I;
+}
+export declare const TUI_TOAST_DEFAULT_OPTIONS: TuiToastOptions<void>;
+export declare const TUI_TOAST_OPTIONS: import("@angular/core").InjectionToken<TuiToastOptions<void>>, tuiToastOptionsProvider: (item: Partial<TuiToastOptions<void>> | (() => Partial<TuiToastOptions<void>>)) => import("@angular/core").FactoryProvider;

package/components/toast/toast.service.d.ts

@@ -0,0 +1,16 @@
+import { TuiPopoverDirective } from '@taiga-ui/cdk/directives/popover';
+import { TuiPopoverService } from '@taiga-ui/cdk/services';
+import { type TuiToastOptions } from './toast.options';
+import * as i0 from "@angular/core";
+export declare const TUI_TOASTS_CONCURRENCY: import("@angular/core").InjectionToken<number>;
+export declare class TuiToastService extends TuiPopoverService<TuiToastOptions<any>> {
+    private readonly concurrency;
+    private readonly alerts;
+    protected readonly sub: import("rxjs").Subscription;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiToastService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TuiToastService>;
+}
+export declare class TuiToastTemplate<T> extends TuiPopoverDirective<TuiToastOptions<T>> {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiToastTemplate<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiToastTemplate<any>, "ng-template[tuiToast]", never, { "options": { "alias": "tuiToastOptions"; "required": false; }; "open": { "alias": "tuiToast"; "required": false; }; }, { "openChange": "tuiToastChange"; }, never, never, true, never>;
+}

package/components/tree/components/tree-item/tree-item.component.d.ts

@@ -9,8 +9,8 @@ export declare class TuiTreeItem implements DoCheck {
     private readonly change$;
     protected readonly level: number;
     protected readonly content: PolymorpheusContent<TuiTreeItemContext>;
-    protected readonly expanded: import("@angular/core").Signal<boolean>;
     protected readonly attached: import("@angular/core").Signal<boolean>;
+    readonly expanded: import("@angular/core").Signal<boolean>;
     get isExpandable(): boolean;
     get isExpanded(): boolean;
     ngDoCheck(): void;

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

@@ -1,16 +1,11 @@
-import { type DoCheck } from '@angular/core';
 import { type TuiTreeItemContext } from '../../misc/tree.interfaces';
 import * as i0 from "@angular/core";
-export declare class TuiTreeItemContent implements DoCheck {
+export declare class TuiTreeItemContent {
     private readonly controller;
-    private readonly change$;
     protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
     protected readonly more: import("@angular/core").Signal<string | undefined>;
     protected readonly context: TuiTreeItemContext;
-    protected readonly expanded: import("@angular/core").Signal<boolean>;
-    ngDoCheck(): void;
     protected get isExpandable(): boolean;
-    protected get isExpanded(): boolean;
     protected onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiTreeItemContent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiTreeItemContent, "ng-component", never, {}, {}, never, never, true, never>;

package/directives/chevron/chevron.directive.d.ts

@@ -6,8 +6,7 @@ export declare class TuiChevron {
     private readonly dropdown;
     protected readonly nothing: undefined;
     protected readonly toggle: import("@angular/core").EffectRef;
-    readonly chevron: import("@angular/core").WritableSignal<boolean | "">;
-    set tuiChevron(chevron: boolean | '');
+    readonly rotated: import("@angular/core").InputSignal<boolean | "">;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiChevron, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiChevron, "[tuiChevron]", never, { "tuiChevron": { "alias": "tuiChevron"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiChevron, "[tuiChevron]", never, { "rotated": { "alias": "tuiChevron"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/directives/fade/fade.directive.d.ts

@@ -2,6 +2,7 @@ import { type TuiOrientation } from '@taiga-ui/core/types';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/cdk/directives/transitioned";
 export declare class TuiFade {
+    protected readonly nothing: undefined;
     lineHeight: string | null;
     size: string;
     offset: string;

package/directives/highlight/highlight.directive.d.ts

@@ -4,9 +4,9 @@ export declare const TUI_HIGHLIGHT_OPTIONS: import("@angular/core").InjectionTok
     highlightColor: string;
 }>, tuiHighlightOptionsProvider: (item: Partial<{
     highlightColor: string;
-}> | import("@angular/core").ProviderToken<Partial<{
+}> | (() => Partial<{
     highlightColor: string;
-}>>) => import("@angular/core").FactoryProvider;
+}>)) => import("@angular/core").FactoryProvider;
 export declare class TuiHighlight implements OnChanges {
     private readonly el;
     private readonly renderer;

package/directives/index.d.ts

@@ -3,12 +3,10 @@ export * from '@taiga-ui/kit/directives/button-group';
 export * from '@taiga-ui/kit/directives/button-select';
 export * from '@taiga-ui/kit/directives/chevron';
 export * from '@taiga-ui/kit/directives/connected';
-export * from '@taiga-ui/kit/directives/copy';
 export * from '@taiga-ui/kit/directives/data-list-dropdown-manager';
 export * from '@taiga-ui/kit/directives/fade';
 export * from '@taiga-ui/kit/directives/fluid-typography';
 export * from '@taiga-ui/kit/directives/highlight';
-export * from '@taiga-ui/kit/directives/icon-badge';
 export * from '@taiga-ui/kit/directives/lazy-loading';
 export * from '@taiga-ui/kit/directives/password';
 export * from '@taiga-ui/kit/directives/present';

package/directives/password/password.options.d.ts

@@ -6,4 +6,4 @@ export interface TuiPasswordOptions {
         show: TuiStringHandler<TuiSizeL | TuiSizeS> | string;
     }>;
 }
-export declare const TUI_PASSWORD_OPTIONS: import("@angular/core").InjectionToken<TuiPasswordOptions>, tuiPasswordOptionsProvider: (item: Partial<TuiPasswordOptions> | import("@angular/core").ProviderToken<Partial<TuiPasswordOptions>>) => import("@angular/core").FactoryProvider;
+export declare const TUI_PASSWORD_OPTIONS: import("@angular/core").InjectionToken<TuiPasswordOptions>, tuiPasswordOptionsProvider: (item: Partial<TuiPasswordOptions> | (() => Partial<TuiPasswordOptions>)) => import("@angular/core").FactoryProvider;

package/directives/sensitive/sensitive.directive.d.ts

@@ -3,7 +3,7 @@ export declare class TuiSensitive {
     protected readonly nothing: undefined;
     protected readonly offset: number;
     protected readonly height: import("@angular/core").Signal<number | undefined>;
-    tuiSensitive: boolean | null;
+    readonly tuiSensitive: import("@angular/core").InputSignal<boolean | null>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSensitive, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSensitive, "[tuiSensitive]", never, { "tuiSensitive": { "alias": "tuiSensitive"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSensitive, "[tuiSensitive]", never, { "tuiSensitive": { "alias": "tuiSensitive"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/directives/shimmer/shimmer.directive.d.ts

@@ -4,10 +4,10 @@ export declare class TuiShimmer implements OnChanges {
     private readonly isBrowser;
     private readonly el;
     private animation?;
-    protected disabled: boolean;
     protected readonly nothing: undefined;
-    shimmer: boolean;
+    protected disabled: boolean;
+    readonly tuiShimmer: import("@angular/core").InputSignal<boolean>;
     ngOnChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiShimmer, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiShimmer, "[tuiShimmer]", never, { "shimmer": { "alias": "tuiShimmer"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiShimmer, "[tuiShimmer]", never, { "tuiShimmer": { "alias": "tuiShimmer"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/directives/skeleton/skeleton.directive.d.ts

@@ -5,9 +5,9 @@ export declare class TuiSkeleton implements OnChanges {
     private readonly el;
     private readonly duration;
     protected readonly nothing: undefined;
-    tuiSkeleton: boolean | number | string;
+    protected readonly placeholder: import("@angular/core").Signal<string | null>;
+    readonly tuiSkeleton: import("@angular/core").InputSignal<string | number | boolean>;
     ngOnChanges({ tuiSkeleton }: SimpleChanges): void;
-    protected getPlaceholder(value: boolean | number | string): string | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSkeleton, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSkeleton, "[tuiSkeleton]", never, { "tuiSkeleton": { "alias": "tuiSkeleton"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSkeleton, "[tuiSkeleton]", never, { "tuiSkeleton": { "alias": "tuiSkeleton"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -10,9 +10,9 @@ export declare class TuiTooltip implements DoCheck {
     private readonly driver;
     protected readonly nothing: undefined;
     protected readonly state: Signal<unknown>;
-    size: TuiSizeS;
+    readonly size: import("@angular/core").InputSignal<TuiSizeS>;
     ngDoCheck(): void;
     protected onClick(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; "isSignal": true; }; }, {}, 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: {}; }]>;
 }

package/directives/tooltip/tooltip.options.d.ts

@@ -4,7 +4,7 @@ export declare const TUI_TOOLTIP_OPTIONS: import("@angular/core").InjectionToken
 }>, tuiTooltipOptionsProvider: (item: Partial<{
     icon: string;
     appearance: string;
-}> | import("@angular/core").ProviderToken<Partial<{
+}> | (() => Partial<{
     icon: string;
     appearance: string;
-}>>) => import("@angular/core").FactoryProvider;
+}>)) => import("@angular/core").FactoryProvider;

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Directive, inject, ChangeDetectorRef, EventEmitter, Component, ChangeDetectionStrategy, ContentChild, Input, Output, DestroyRef, ContentChildren } from '@angular/core';
+import { Directive, inject, ChangeDetectorRef, EventEmitter, Output, Input, ContentChild, ChangeDetectionStrategy, Component, DestroyRef, ContentChildren } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { EMPTY_QUERY } from '@taiga-ui/cdk/constants';
 import { tuiQueryListChanges } from '@taiga-ui/cdk/observables';
@@ -7,7 +7,6 @@ import { tuiIsPresent } from '@taiga-ui/cdk/utils/miscellaneous';
 import * as i1$1 from '@taiga-ui/core/directives/group';
 import { TuiGroup } from '@taiga-ui/core/directives/group';
 import { pairwise, map, filter, merge, switchMap, identity } from 'rxjs';
-import { NgIf } from '@angular/common';
 import * as i1 from '@taiga-ui/core/components/expand';
 import { TuiExpand } from '@taiga-ui/core/components/expand';
 import { TuiIcon } from '@taiga-ui/core/components/icon';
@@ -15,10 +14,10 @@ import { TuiChevron } from '@taiga-ui/kit/directives';
 import { PolymorpheusTemplate, PolymorpheusOutlet } from '@taiga-ui/polymorpheus';
 
 class TuiAccordionItemContent extends PolymorpheusTemplate {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAccordionItemContent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiAccordionItemContent, isStandalone: true, selector: "ng-template[tuiAccordionItemContent]", usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiAccordionItemContent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: TuiAccordionItemContent, isStandalone: true, selector: "ng-template[tuiAccordionItemContent]", usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAccordionItemContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiAccordionItemContent, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -27,10 +26,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }] });
 
 class TuiAccordionItemEagerContent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAccordionItemEagerContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiAccordionItemEagerContent, isStandalone: true, selector: "[tuiAccordionItemContent]:not(ng-template)", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiAccordionItemEagerContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: TuiAccordionItemEagerContent, isStandalone: true, selector: "[tuiAccordionItemContent]:not(ng-template)", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAccordionItemEagerContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiAccordionItemEagerContent, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -74,18 +73,18 @@ class TuiAccordionItem {
         this.open = open;
         this.openChange.emit(open);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAccordionItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiAccordionItem, isStandalone: true, selector: "tui-accordion-item", inputs: { noPadding: "noPadding", showArrow: "showArrow", borders: "borders", size: "size", disabled: "disabled", disableHover: "disableHover", open: "open", async: "async" }, outputs: { openChange: "openChange" }, host: { properties: { "class._no-padding": "noPadding", "class._has-arrow": "showArrow", "attr.data-borders": "borders", "attr.data-size": "size", "class._disabled": "disabled" } }, queries: [{ propertyName: "eagerContent", first: true, predicate: TuiAccordionItemEagerContent, descendants: true }, { propertyName: "lazyContent", first: true, predicate: TuiAccordionItemContent, descendants: true }], ngImport: i0, template: "<div\n    automation-id=\"tui-accordion__item-wrapper\"\n    class=\"t-wrapper\"\n>\n    <button\n        automation-id=\"tui-accordion__item-header\"\n        type=\"button\"\n        class=\"t-header\"\n        [class.t-header_hoverable]=\"!disableHover\"\n        [class.t-header_open]=\"open\"\n        [disabled]=\"disabled\"\n        (click)=\"onRowToggle()\"\n        (keydown.esc)=\"onItemKeyDownEsc($event)\"\n    >\n        <span\n            automation-id=\"tui-accordion__item-title\"\n            class=\"t-title\"\n        >\n            <ng-content />\n        </span>\n        <ng-container *ngIf=\"showArrow\">\n            <tui-icon\n                class=\"t-icon\"\n                [tuiChevron]=\"open\"\n            />\n        </ng-container>\n    </button>\n    <tui-expand\n        [async]=\"async\"\n        [expanded]=\"open\"\n    >\n        <ng-template tuiExpandContent>\n            <div\n                *ngIf=\"lazyContent\"\n                automation-id=\"tui-accordion__item-content\"\n                class=\"t-content\"\n            >\n                <ng-container *polymorpheusOutlet=\"lazyContent as text\">\n                    {{ text }}\n                </ng-container>\n            </div>\n        </ng-template>\n        <div\n            *ngIf=\"eagerContent\"\n            class=\"t-content\"\n        >\n            <ng-content select=\"[tuiAccordionItemContent]:not(ng-template)\" />\n        </div>\n    </tui-expand>\n</div>\n", styles: [":host{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}:host[data-borders=top-bottom]{border-radius:0!important}::ng-deep tui-accordion{inline-size:100%}.t-wrapper{position:relative;border-radius:inherit}.t-wrapper:after{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;content:\"\";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-border-normal);pointer-events:none}:host:not([data-borders]) .t-wrapper:after{border-width:0}:host[data-borders=all] .t-wrapper:after{border-width:1px}:host[data-borders=top-bottom] .t-wrapper:after{border-inline-start-width:0;border-inline-end-width:0}:host[data-borders=top] .t-wrapper:after{border-inline-start-width:0;border-inline-end-width:0;border-block-end-width:0}:host[data-borders=bottom] .t-wrapper:after{border-inline-start-width:0;border-inline-end-width:0;border-block-start-width:0}.t-header{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;inline-size:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-block-end:1px solid var(--tui-border-normal);min-block-size:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-primary);cursor:pointer;text-align:start;outline:none}.t-header:focus-visible{box-shadow:inset 0 0 0 2px var(--tui-border-focus)}:host:not([data-borders]) .t-header{border-block-end-width:0}:host._has-arrow .t-header{padding-inline-end:.75rem}:host-context([tuiTheme=\"dark\"]) .t-header_open{background:var(--tui-background-neutral-1)}:host[data-size=s] .t-header{font:var(--tui-font-text-m);min-block-size:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}:host._no-padding .t-header{padding-inline-start:0;padding-inline-end:0}:host._disabled .t-header{cursor:default}.t-wrapper:hover>.t-header_hoverable{background:var(--tui-background-base-alt)}.t-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-inline-end:0;flex-grow:1}:host._has-arrow .t-title{margin-inline-end:.5rem}.t-icon{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-inline-start:auto;border-width:.25rem;color:var(--tui-text-tertiary)}:host:hover .t-icon{color:var(--tui-text-secondary)}.t-content{font:var(--tui-font-text-m);padding:1.25rem;overflow-wrap:break-word}:host[data-size=s] .t-content{font:var(--tui-font-text-s);padding:1rem}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "component", type: i1.TuiExpandComponent, selector: "tui-expand", inputs: ["async", "expanded"] }, { kind: "directive", type: i1.TuiExpandContent, selector: "[tuiExpandContent]" }, { kind: "component", type: TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiAccordionItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: TuiAccordionItem, isStandalone: true, selector: "tui-accordion-item", inputs: { noPadding: "noPadding", showArrow: "showArrow", borders: "borders", size: "size", disabled: "disabled", disableHover: "disableHover", open: "open", async: "async" }, outputs: { openChange: "openChange" }, host: { properties: { "class._no-padding": "noPadding", "class._has-arrow": "showArrow", "attr.data-borders": "borders", "attr.data-size": "size", "class._disabled": "disabled" } }, queries: [{ propertyName: "eagerContent", first: true, predicate: TuiAccordionItemEagerContent, descendants: true }, { propertyName: "lazyContent", first: true, predicate: TuiAccordionItemContent, descendants: true }], ngImport: i0, template: "<div\n    automation-id=\"tui-accordion__item-wrapper\"\n    class=\"t-wrapper\"\n>\n    <button\n        automation-id=\"tui-accordion__item-header\"\n        type=\"button\"\n        class=\"t-header\"\n        [class.t-header_hoverable]=\"!disableHover\"\n        [class.t-header_open]=\"open\"\n        [disabled]=\"disabled\"\n        (click)=\"onRowToggle()\"\n        (keydown.esc)=\"onItemKeyDownEsc($event)\"\n    >\n        <span\n            automation-id=\"tui-accordion__item-title\"\n            class=\"t-title\"\n        >\n            <ng-content />\n        </span>\n        @if (showArrow) {\n            <tui-icon\n                class=\"t-icon\"\n                [tuiChevron]=\"open\"\n            />\n        }\n    </button>\n    <tui-expand\n        [async]=\"async\"\n        [expanded]=\"open\"\n    >\n        <ng-template tuiExpandContent>\n            @if (lazyContent) {\n                <div\n                    automation-id=\"tui-accordion__item-content\"\n                    class=\"t-content\"\n                >\n                    <ng-container *polymorpheusOutlet=\"lazyContent as text\">\n                        {{ text }}\n                    </ng-container>\n                </div>\n            }\n        </ng-template>\n        @if (eagerContent) {\n            <div class=\"t-content\">\n                <ng-content select=\"[tuiAccordionItemContent]:not(ng-template)\" />\n            </div>\n        }\n    </tui-expand>\n</div>\n", styles: [":host{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}:host[data-borders=top-bottom]{border-radius:0!important}::ng-deep tui-accordion{inline-size:100%}.t-wrapper{position:relative;border-radius:inherit}.t-wrapper:after{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;content:\"\";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-border-normal);pointer-events:none}:host:not([data-borders]) .t-wrapper:after{border-width:0}:host[data-borders=all] .t-wrapper:after{border-width:1px}:host[data-borders=top-bottom] .t-wrapper:after{border-inline-start-width:0;border-inline-end-width:0}:host[data-borders=top] .t-wrapper:after{border-inline-start-width:0;border-inline-end-width:0;border-block-end-width:0}:host[data-borders=bottom] .t-wrapper:after{border-inline-start-width:0;border-inline-end-width:0;border-block-start-width:0}.t-header{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;inline-size:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-block-end:1px solid var(--tui-border-normal);min-block-size:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-primary);cursor:pointer;text-align:start;outline:none}.t-header:focus-visible{box-shadow:inset 0 0 0 2px var(--tui-border-focus)}:host:not([data-borders]) .t-header{border-block-end-width:0}:host._has-arrow .t-header{padding-inline-end:.75rem}:host-context([tuiTheme=\"dark\"]) .t-header_open{background:var(--tui-background-neutral-1)}:host[data-size=s] .t-header{font:var(--tui-font-text-m);min-block-size:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}:host._no-padding .t-header{padding-inline-start:0;padding-inline-end:0}:host._disabled .t-header{cursor:default}.t-wrapper:hover>.t-header_hoverable{background:var(--tui-background-base-alt)}.t-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-inline-end:0;flex-grow:1}:host._has-arrow .t-title{margin-inline-end:.5rem}.t-icon{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-inline-start:auto;color:var(--tui-text-tertiary)}.t-icon:after{font-size:1rem}:host:hover .t-icon{color:var(--tui-text-secondary)}.t-content{font:var(--tui-font-text-m);padding:1.25rem;overflow-wrap:break-word}:host[data-size=s] .t-content{font:var(--tui-font-text-s);padding:1rem}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "component", type: i1.TuiExpandComponent, selector: "tui-expand", inputs: ["async", "expanded"] }, { kind: "directive", type: i1.TuiExpandContent, selector: "[tuiExpandContent]" }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAccordionItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiAccordionItem, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'tui-accordion-item', imports: [NgIf, PolymorpheusOutlet, TuiChevron, TuiExpand, TuiIcon], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+            args: [{ selector: 'tui-accordion-item', imports: [PolymorpheusOutlet, TuiChevron, TuiExpand, TuiIcon], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class._no-padding]': 'noPadding',
                         '[class._has-arrow]': 'showArrow',
                         '[attr.data-borders]': 'borders',
                         '[attr.data-size]': 'size',
                         '[class._disabled]': 'disabled',
-                    }, template: "<div\n    automation-id=\"tui-accordion__item-wrapper\"\n    class=\"t-wrapper\"\n>\n    <button\n        automation-id=\"tui-accordion__item-header\"\n        type=\"button\"\n        class=\"t-header\"\n        [class.t-header_hoverable]=\"!disableHover\"\n        [class.t-header_open]=\"open\"\n        [disabled]=\"disabled\"\n        (click)=\"onRowToggle()\"\n        (keydown.esc)=\"onItemKeyDownEsc($event)\"\n    >\n        <span\n            automation-id=\"tui-accordion__item-title\"\n            class=\"t-title\"\n        >\n            <ng-content />\n        </span>\n        <ng-container *ngIf=\"showArrow\">\n            <tui-icon\n                class=\"t-icon\"\n                [tuiChevron]=\"open\"\n            />\n        </ng-container>\n    </button>\n    <tui-expand\n        [async]=\"async\"\n        [expanded]=\"open\"\n    >\n        <ng-template tuiExpandContent>\n            <div\n                *ngIf=\"lazyContent\"\n                automation-id=\"tui-accordion__item-content\"\n                class=\"t-content\"\n            >\n                <ng-container *polymorpheusOutlet=\"lazyContent as text\">\n                    {{ text }}\n                </ng-container>\n            </div>\n        </ng-template>\n        <div\n            *ngIf=\"eagerContent\"\n            class=\"t-content\"\n        >\n            <ng-content select=\"[tuiAccordionItemContent]:not(ng-template)\" />\n        </div>\n    </tui-expand>\n</div>\n", styles: [":host{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}:host[data-borders=top-bottom]{border-radius:0!important}::ng-deep tui-accordion{inline-size:100%}.t-wrapper{position:relative;border-radius:inherit}.t-wrapper:after{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;content:\"\";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-border-normal);pointer-events:none}:host:not([data-borders]) .t-wrapper:after{border-width:0}:host[data-borders=all] .t-wrapper:after{border-width:1px}:host[data-borders=top-bottom] .t-wrapper:after{border-inline-start-width:0;border-inline-end-width:0}:host[data-borders=top] .t-wrapper:after{border-inline-start-width:0;border-inline-end-width:0;border-block-end-width:0}:host[data-borders=bottom] .t-wrapper:after{border-inline-start-width:0;border-inline-end-width:0;border-block-start-width:0}.t-header{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;inline-size:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-block-end:1px solid var(--tui-border-normal);min-block-size:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-primary);cursor:pointer;text-align:start;outline:none}.t-header:focus-visible{box-shadow:inset 0 0 0 2px var(--tui-border-focus)}:host:not([data-borders]) .t-header{border-block-end-width:0}:host._has-arrow .t-header{padding-inline-end:.75rem}:host-context([tuiTheme=\"dark\"]) .t-header_open{background:var(--tui-background-neutral-1)}:host[data-size=s] .t-header{font:var(--tui-font-text-m);min-block-size:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}:host._no-padding .t-header{padding-inline-start:0;padding-inline-end:0}:host._disabled .t-header{cursor:default}.t-wrapper:hover>.t-header_hoverable{background:var(--tui-background-base-alt)}.t-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-inline-end:0;flex-grow:1}:host._has-arrow .t-title{margin-inline-end:.5rem}.t-icon{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-inline-start:auto;border-width:.25rem;color:var(--tui-text-tertiary)}:host:hover .t-icon{color:var(--tui-text-secondary)}.t-content{font:var(--tui-font-text-m);padding:1.25rem;overflow-wrap:break-word}:host[data-size=s] .t-content{font:var(--tui-font-text-s);padding:1rem}\n"] }]
+                    }, template: "<div\n    automation-id=\"tui-accordion__item-wrapper\"\n    class=\"t-wrapper\"\n>\n    <button\n        automation-id=\"tui-accordion__item-header\"\n        type=\"button\"\n        class=\"t-header\"\n        [class.t-header_hoverable]=\"!disableHover\"\n        [class.t-header_open]=\"open\"\n        [disabled]=\"disabled\"\n        (click)=\"onRowToggle()\"\n        (keydown.esc)=\"onItemKeyDownEsc($event)\"\n    >\n        <span\n            automation-id=\"tui-accordion__item-title\"\n            class=\"t-title\"\n        >\n            <ng-content />\n        </span>\n        @if (showArrow) {\n            <tui-icon\n                class=\"t-icon\"\n                [tuiChevron]=\"open\"\n            />\n        }\n    </button>\n    <tui-expand\n        [async]=\"async\"\n        [expanded]=\"open\"\n    >\n        <ng-template tuiExpandContent>\n            @if (lazyContent) {\n                <div\n                    automation-id=\"tui-accordion__item-content\"\n                    class=\"t-content\"\n                >\n                    <ng-container *polymorpheusOutlet=\"lazyContent as text\">\n                        {{ text }}\n                    </ng-container>\n                </div>\n            }\n        </ng-template>\n        @if (eagerContent) {\n            <div class=\"t-content\">\n                <ng-content select=\"[tuiAccordionItemContent]:not(ng-template)\" />\n            </div>\n        }\n    </tui-expand>\n</div>\n", styles: [":host{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}:host[data-borders=top-bottom]{border-radius:0!important}::ng-deep tui-accordion{inline-size:100%}.t-wrapper{position:relative;border-radius:inherit}.t-wrapper:after{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;content:\"\";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-border-normal);pointer-events:none}:host:not([data-borders]) .t-wrapper:after{border-width:0}:host[data-borders=all] .t-wrapper:after{border-width:1px}:host[data-borders=top-bottom] .t-wrapper:after{border-inline-start-width:0;border-inline-end-width:0}:host[data-borders=top] .t-wrapper:after{border-inline-start-width:0;border-inline-end-width:0;border-block-end-width:0}:host[data-borders=bottom] .t-wrapper:after{border-inline-start-width:0;border-inline-end-width:0;border-block-start-width:0}.t-header{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;inline-size:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-block-end:1px solid var(--tui-border-normal);min-block-size:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-primary);cursor:pointer;text-align:start;outline:none}.t-header:focus-visible{box-shadow:inset 0 0 0 2px var(--tui-border-focus)}:host:not([data-borders]) .t-header{border-block-end-width:0}:host._has-arrow .t-header{padding-inline-end:.75rem}:host-context([tuiTheme=\"dark\"]) .t-header_open{background:var(--tui-background-neutral-1)}:host[data-size=s] .t-header{font:var(--tui-font-text-m);min-block-size:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}:host._no-padding .t-header{padding-inline-start:0;padding-inline-end:0}:host._disabled .t-header{cursor:default}.t-wrapper:hover>.t-header_hoverable{background:var(--tui-background-base-alt)}.t-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-inline-end:0;flex-grow:1}:host._has-arrow .t-title{margin-inline-end:.5rem}.t-icon{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-inline-start:auto;color:var(--tui-text-tertiary)}.t-icon:after{font-size:1rem}:host:hover .t-icon{color:var(--tui-text-secondary)}.t-content{font:var(--tui-font-text-m);padding:1.25rem;overflow-wrap:break-word}:host[data-size=s] .t-content{font:var(--tui-font-text-s);padding:1rem}\n"] }]
         }], propDecorators: { eagerContent: [{
                 type: ContentChild,
                 args: [TuiAccordionItemEagerContent]
@@ -135,10 +134,10 @@ class TuiAccordionDirective {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAccordionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiAccordionDirective, isStandalone: true, selector: "tui-accordion", inputs: { closeOthers: "closeOthers" }, queries: [{ propertyName: "accordionItems", predicate: TuiAccordionItem }], hostDirectives: [{ directive: i1$1.TuiGroup, inputs: ["rounded", "rounded"] }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiAccordionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: TuiAccordionDirective, isStandalone: true, selector: "tui-accordion", inputs: { closeOthers: "closeOthers" }, queries: [{ propertyName: "accordionItems", predicate: TuiAccordionItem }], hostDirectives: [{ directive: i1$1.TuiGroup, inputs: ["rounded", "rounded"] }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAccordionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiAccordionDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -150,7 +149,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         },
                     ],
                 }]
-        }], ctorParameters: function () { return []; }, propDecorators: { accordionItems: [{
+        }], ctorParameters: () => [], propDecorators: { accordionItems: [{
                 type: ContentChildren,
                 args: [TuiAccordionItem]
             }], closeOthers: [{