@taiga-ui/layout 4.52.0-canary.e444d19 → 4.52.0-canary.e53e79e

package/README.md

@@ -16,13 +16,13 @@ consisting of multiple base libraries and several add-ons
 
 Install base packages:
 
-```
+```bash
 npm i @taiga-ui/{cdk,core}
 ```
 
 Install @taiga-ui/layout:
 
-```
+```bash
 npm i @taiga-ui/layout
 ```
 

package/components/app-bar/app-bar-back.component.d.ts

@@ -2,7 +2,7 @@ import { type TuiAppearanceOptions } from '@taiga-ui/core/directives/appearance'
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/core/directives/appearance";
 export declare class TuiAppBarBack implements TuiAppearanceOptions {
-    protected readonly icons: import("@taiga-ui/core/tokens").TuiSpinIcons;
+    protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
     readonly appearance = "link";
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiAppBarBack, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiAppBarBack, "button[tuiAppBarBack], a[tuiAppBarBack]", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.TuiWithAppearance; inputs: {}; outputs: {}; }]>;

package/components/app-bar/app-bar.component.d.ts

@@ -5,8 +5,8 @@ export declare class TuiAppBarComponent implements AfterViewInit {
     private readonly side;
     private readonly el;
     protected readonly width$: import("rxjs").Observable<number>;
-    size: TuiSizeL;
+    readonly size: import("@angular/core").InputSignal<TuiSizeL>;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiAppBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiAppBarComponent, "tui-app-bar", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, ["[tuiSlot='left']", "*", "[tuiSlot='right']"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiAppBarComponent, "tui-app-bar", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["[tuiSlot='left']", "*", "[tuiSlot='right']"], true, never>;
 }

package/components/app-bar/app-bar.directive.d.ts

@@ -1,7 +1,7 @@
 import { type TuiLooseUnion } from '@taiga-ui/cdk/types';
 import * as i0 from "@angular/core";
 export declare class TuiAppBarDirective {
-    tuiSlot: TuiLooseUnion<'left' | 'right'>;
+    readonly tuiSlot: import("@angular/core").InputSignal<TuiLooseUnion<"left" | "right">>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiAppBarDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiAppBarDirective, "[tuiSlot]", never, { "tuiSlot": { "alias": "tuiSlot"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiAppBarDirective, "[tuiSlot]", never, { "tuiSlot": { "alias": "tuiSlot"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/block-status/block-status.component.d.ts

@@ -1,8 +1,8 @@
 import { type TuiSizeL } from '@taiga-ui/core/types';
 import * as i0 from "@angular/core";
 export declare class TuiBlockStatusComponent {
-    card: boolean;
-    size: TuiSizeL;
+    readonly card: import("@angular/core").InputSignal<boolean>;
+    readonly size: import("@angular/core").InputSignal<TuiSizeL>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiBlockStatusComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiBlockStatusComponent, "tui-block-status", never, { "card": { "alias": "card"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["[tuiSlot='top']", "h1,h2,h3,h4,h5,h6", "*", "a,button,[tuiSlot='action']"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiBlockStatusComponent, "tui-block-status", never, { "card": { "alias": "card"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["[tuiSlot='top']", "h1,h2,h3,h4,h5,h6", "*", "a,button,[tuiSlot='action']"], true, never>;
 }

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

@@ -1,7 +1,7 @@
 import { type TuiLooseUnion } from '@taiga-ui/cdk/types';
 import * as i0 from "@angular/core";
 export declare class TuiBlockStatusDirective {
-    tuiSlot: TuiLooseUnion<'action' | 'top'>;
+    readonly tuiSlot: import("@angular/core").InputSignal<TuiLooseUnion<"action" | "top">>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiBlockStatusDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiBlockStatusDirective, "[tuiSlot]", never, { "tuiSlot": { "alias": "tuiSlot"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiBlockStatusDirective, "[tuiSlot]", never, { "tuiSlot": { "alias": "tuiSlot"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/card/collapsed.directive.d.ts

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

package/components/card/large.directive.d.ts

@@ -1,7 +1,8 @@
 import * as i0 from "@angular/core";
+import * as i1 from "@taiga-ui/core/directives/appearance";
 export declare class TuiCardLarge {
     protected readonly nothing: undefined;
-    space: '' | 'compact' | 'normal';
+    readonly space: import("@angular/core").InputSignal<"" | "compact" | "normal">;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiCardLarge, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiCardLarge, "[tuiCardLarge]", never, { "space": { "alias": "tuiCardLarge"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiCardLarge, "[tuiCardLarge]", never, { "space": { "alias": "tuiCardLarge"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithAppearance; inputs: {}; outputs: {}; }]>;
 }

package/components/card/medium.directive.d.ts

@@ -1,6 +1,7 @@
 import * as i0 from "@angular/core";
+import * as i1 from "@taiga-ui/core/directives/appearance";
 export declare class TuiCardMedium {
     protected readonly nothing: undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiCardMedium, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiCardMedium, "[tuiCardMedium]", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiCardMedium, "[tuiCardMedium]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiWithAppearance; inputs: {}; outputs: {}; }]>;
 }

package/components/dynamic-header/dynamic-header-anchor.directive.d.ts

@@ -1,7 +1,7 @@
 import { type AfterViewInit, type OnDestroy, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class TuiDynamicHeaderAnchorDirective implements AfterViewInit, OnDestroy {
-    private readonly viewContainer;
+    private readonly vcr;
     private readonly observer;
     private readonly container;
     readonly templateRef: TemplateRef<any>;

package/components/dynamic-header/dynamic-header-container.directive.d.ts

@@ -1,10 +1,10 @@
-import { type QueryList, type TemplateRef } from '@angular/core';
+import { type TemplateRef } from '@angular/core';
 import { TuiDynamicHeaderAnchorDirective } from './dynamic-header-anchor.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "@ng-web-apis/intersection-observer";
 export declare class TuiDynamicHeaderContainerDirective {
     private readonly el;
-    protected readonly headers: QueryList<TuiDynamicHeaderAnchorDirective>;
+    protected readonly headers: import("@angular/core").Signal<readonly TuiDynamicHeaderAnchorDirective[]>;
     hiddenHeaders: import("@angular/core").WritableSignal<TemplateRef<unknown>[]>;
     scrollDir: import("@angular/core").Signal<1 | -1 | undefined>;
     update(): void;

package/components/form/form.directive.d.ts

@@ -2,10 +2,9 @@ import { type TuiFormOptions } from './form.options';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/core/components/textfield";
 export declare class TuiForm {
-    protected readonly options: TuiFormOptions;
     protected readonly nothing: undefined;
-    size: TuiFormOptions['size'];
-    set tuiForm(size: TuiFormOptions['size'] | '');
+    protected readonly options: TuiFormOptions;
+    readonly size: import("@angular/core").InputSignal<"" | "m" | "l" | "s">;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiForm, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiForm, "[tuiForm]", never, { "tuiForm": { "alias": "tuiForm"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiTextfieldOptionsDirective; inputs: { "tuiTextfieldAppearance": "tuiTextfieldAppearance"; "tuiTextfieldCleaner": "tuiTextfieldCleaner"; }; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiForm, "[tuiForm]", never, { "size": { "alias": "tuiForm"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiTextfieldOptionsDirective; inputs: { "tuiTextfieldAppearance": "textfields"; "tuiTextfieldCleaner": "cleaner"; "tuiTextfieldSize": "tuiForm"; }; outputs: {}; }]>;
 }

package/components/form/form.options.d.ts

@@ -1,5 +1,5 @@
 import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
 export interface TuiFormOptions {
-    readonly size: TuiSizeL | TuiSizeS;
+    readonly size: TuiSizeL | TuiSizeS | '';
 }
-export declare const TUI_FORM_OPTIONS: import("@angular/core").InjectionToken<TuiFormOptions>, tuiFormOptionsProvider: (item: Partial<TuiFormOptions> | import("@angular/core").ProviderToken<Partial<TuiFormOptions>> | (() => Partial<TuiFormOptions>)) => import("@angular/core").FactoryProvider;
+export declare const TUI_FORM_OPTIONS: import("@angular/core").InjectionToken<TuiFormOptions>, tuiFormOptionsProvider: (item: Partial<TuiFormOptions> | (() => Partial<TuiFormOptions>)) => import("@angular/core").FactoryProvider;

package/components/header/header.directive.d.ts

@@ -1,20 +1,17 @@
-import { type TuiSizeXXL, type TuiSizeXXS } from '@taiga-ui/core/types';
 import * as i0 from "@angular/core";
 export declare const TUI_HEADER_OPTIONS: import("@angular/core").InjectionToken<{
-    size: TuiSizeXXL | TuiSizeXXS | "body-l" | "body-m" | "body-xl" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    size: "" | "body-l" | "body-m" | "body-xl" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
 }>, tuiHeaderOptionsProvider: (item: Partial<{
-    size: TuiSizeXXL | TuiSizeXXS | "body-l" | "body-m" | "body-xl" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-}> | import("@angular/core").ProviderToken<Partial<{
-    size: TuiSizeXXL | TuiSizeXXS | "body-l" | "body-m" | "body-xl" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-}>> | (() => Partial<{
-    size: TuiSizeXXL | TuiSizeXXS | "body-l" | "body-m" | "body-xl" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    size: "" | "body-l" | "body-m" | "body-xl" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+}> | (() => Partial<{
+    size: "" | "body-l" | "body-m" | "body-xl" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
 }>)) => import("@angular/core").FactoryProvider;
 export declare class TuiHeader {
+    protected readonly nothing: undefined;
     protected readonly options: {
-        size: TuiSizeXXL | TuiSizeXXS | "body-l" | "body-m" | "body-xl" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+        size: "" | "body-l" | "body-m" | "body-xl" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     };
-    protected readonly nothing: undefined;
-    size: TuiSizeXXL | TuiSizeXXS | '' | 'body-l' | 'body-m' | 'body-xl' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    readonly tuiHeader: import("@angular/core").InputSignal<"" | "body-l" | "body-m" | "body-xl" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6">;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiHeader, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHeader, "[tuiHeader]", never, { "size": { "alias": "tuiHeader"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHeader, "[tuiHeader]", never, { "tuiHeader": { "alias": "tuiHeader"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/index.d.ts

@@ -2,11 +2,12 @@ export * from '@taiga-ui/layout/components/app-bar';
 export * from '@taiga-ui/layout/components/block-details';
 export * from '@taiga-ui/layout/components/block-status';
 export * from '@taiga-ui/layout/components/card';
-export * from '@taiga-ui/layout/components/cell';
 export * from '@taiga-ui/layout/components/dynamic-header';
 export * from '@taiga-ui/layout/components/form';
 export * from '@taiga-ui/layout/components/header';
 export * from '@taiga-ui/layout/components/input-search';
 export * from '@taiga-ui/layout/components/item-group';
 export * from '@taiga-ui/layout/components/navigation';
+export * from '@taiga-ui/layout/components/pdf-viewer';
 export * from '@taiga-ui/layout/components/search';
+export * from '@taiga-ui/layout/components/surface';

package/components/input-search/input-search.component.d.ts

@@ -1,7 +1,7 @@
-import { EventEmitter, type OnChanges } from '@angular/core';
+import { type OnChanges } from '@angular/core';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/core/components/textfield";
+import * as i1 from "@taiga-ui/core/components/input";
 export declare class TuiInputSearch implements OnChanges {
     private readonly template?;
     private readonly container?;
@@ -14,14 +14,13 @@ export declare class TuiInputSearch implements OnChanges {
     private placeholder;
     private ref?;
     protected readonly icon: import("@angular/core").WritableSignal<string>;
-    tuiInputSearch: PolymorpheusContent;
-    tuiInputSearchOpen: boolean;
-    readonly tuiInputSearchOpenChange: EventEmitter<boolean>;
+    readonly tuiInputSearch: import("@angular/core").InputSignal<PolymorpheusContent>;
+    searchOpen: import("@angular/core").ModelSignal<boolean>;
     ngOnChanges(): void;
     open(): void;
     close(): void;
     protected onArrow(): void;
     protected onFocus({ target }: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputSearch, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputSearch, "input[tuiInputSearch]", never, { "tuiInputSearch": { "alias": "tuiInputSearch"; "required": false; }; "tuiInputSearchOpen": { "alias": "tuiInputSearchOpen"; "required": false; }; }, { "tuiInputSearchOpenChange": "tuiInputSearchOpenChange"; }, never, never, true, [{ directive: typeof i1.TuiWithTextfield; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputSearch, "input[tuiInputSearch]", never, { "tuiInputSearch": { "alias": "tuiInputSearch"; "required": false; "isSignal": true; }; "searchOpen": { "alias": "tuiInputSearchOpen"; "required": false; "isSignal": true; }; }, { "searchOpen": "tuiInputSearchOpenChange"; }, never, never, true, [{ directive: typeof i1.TuiWithInput; inputs: {}; outputs: {}; }]>;
 }

package/components/item-group/item-group.directive.d.ts

@@ -3,10 +3,10 @@ import * as i0 from "@angular/core";
 export declare class TuiItemGroup implements AfterViewInit {
     private readonly el;
     protected readonly nothing: undefined;
-    horizontal: boolean;
-    autoscroll: boolean;
+    readonly horizontal: import("@angular/core").InputSignal<boolean>;
+    readonly autoscroll: import("@angular/core").InputSignal<boolean>;
     ngAfterViewInit(): void;
     protected onClick(target: HTMLElement): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiItemGroup, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiItemGroup, "[tuiItemGroup]", never, { "horizontal": { "alias": "horizontal"; "required": false; }; "autoscroll": { "alias": "autoscroll"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiItemGroup, "[tuiItemGroup]", never, { "horizontal": { "alias": "horizontal"; "required": false; "isSignal": true; }; "autoscroll": { "alias": "autoscroll"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/navigation/aside-group.component.d.ts

@@ -2,19 +2,18 @@ import { TemplateRef } from '@angular/core';
 import { type TuiDataListHost } from '@taiga-ui/core/components/data-list';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/core/directives/dropdown";
+import * as i1 from "@taiga-ui/core/portals/dropdown";
 export declare class TuiAsideGroupComponent implements TuiDataListHost<unknown> {
     private readonly datalist;
-    private readonly chevron?;
+    private readonly chevron;
     private readonly aside;
-    private readonly open;
-    protected readonly template: TemplateRef<any> | null;
+    protected readonly template: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     protected readonly expanded: import("@angular/core").Signal<boolean>;
+    protected readonly chevronEffect: import("@angular/core").EffectRef;
     protected readonly binding: import("@angular/core").Signal<PolymorpheusContent>;
-    readonly openChange: import("rxjs").Observable<boolean>;
     readonly size = "s";
-    set openSetter(open: boolean);
-    protected toggle(open?: boolean): void;
+    readonly open: import("@angular/core").ModelSignal<boolean>;
+    protected toggle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiAsideGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiAsideGroupComponent, "tui-aside-group", never, { "openSetter": { "alias": "open"; "required": false; }; }, { "openChange": "openChange"; }, ["chevron", "template"], ["*"], true, [{ directive: typeof i1.TuiDropdownDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiDropdownHover; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiDropdownPositionSided; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiDropdownOpen; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiAsideGroupComponent, "tui-aside-group", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, ["chevron", "template"], ["*"], true, [{ directive: typeof i1.TuiDropdownDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiDropdownHover; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiDropdownPositionSided; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiDropdownOpen; inputs: {}; outputs: {}; }]>;
 }

package/components/navigation/aside-item.directive.d.ts

@@ -3,7 +3,7 @@ import { type TuiDataListHost } from '@taiga-ui/core/components/data-list';
 import { TuiIcons } from '@taiga-ui/core/directives/icons';
 import * as i0 from "@angular/core";
 import * as i1 from "./hint-aside.directive";
-import * as i2 from "@taiga-ui/core/directives/dropdown";
+import * as i2 from "@taiga-ui/core/portals/dropdown";
 import * as i3 from "@taiga-ui/core/components/button";
 import * as i4 from "@angular/router";
 export declare class TuiAsideItemDirective implements TuiDataListHost<unknown> {
@@ -13,5 +13,5 @@ export declare class TuiAsideItemDirective implements TuiDataListHost<unknown> {
     protected readonly active: import("@angular/core").Signal<boolean | undefined>;
     readonly size = "s";
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiAsideItemDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiAsideItemDirective, "[tuiAsideItem]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiHintAsideDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiDropdownManual; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiDropdownPositionSided; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiButton; inputs: {}; outputs: {}; }, { directive: typeof i4.RouterLinkActive; inputs: { "routerLinkActiveOptions": "routerLinkActiveOptions"; }; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiAsideItemDirective, "[tuiAsideItem]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiHintAsideDirective; inputs: { "tuiHintAside": "tuiAsideItem"; }; outputs: {}; }, { directive: typeof i2.TuiDropdownManual; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiDropdownPositionSided; inputs: {}; outputs: {}; }, { directive: typeof i3.TuiButton; inputs: {}; outputs: {}; }, { directive: typeof i4.RouterLinkActive; inputs: { "routerLinkActiveOptions": "routerLinkActiveOptions"; }; outputs: {}; }]>;
 }

package/components/navigation/aside.component.d.ts

@@ -1,7 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class TuiAsideComponent {
-    readonly expanded: import("@angular/core").WritableSignal<boolean>;
-    set tuiNavigationAside(expanded: boolean);
+    readonly expanded: import("@angular/core").InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiAsideComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiAsideComponent, "aside[tuiNavigationAside]", never, { "tuiNavigationAside": { "alias": "tuiNavigationAside"; "required": false; }; }, {}, never, ["header", "*", "footer"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiAsideComponent, "aside[tuiNavigationAside]", never, { "expanded": { "alias": "tuiNavigationAside"; "required": false; "isSignal": true; }; }, {}, never, ["header", "*", "footer"], true, never>;
 }

package/components/navigation/drawer.component.d.ts

@@ -1,14 +1,13 @@
-import { type DoCheck } from '@angular/core';
-import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
+import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/core/directives/dropdown";
-export declare class TuiDrawerDirective implements DoCheck {
+import * as i1 from "@taiga-ui/core/portals/dropdown";
+export declare class TuiDrawerDirective {
     private readonly x;
-    private readonly icons;
     private readonly dropdown;
     private readonly open;
-    ngDoCheck(): void;
-    protected set template(template: PolymorpheusContent);
+    protected readonly template: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    protected readonly ef: import("@angular/core").EffectRef;
+    protected readonly icon: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiDrawerDirective, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiDrawerDirective, "[tuiIconButton][tuiNavigationDrawer]", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.TuiDropdownDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiWithDropdownOpen; inputs: {}; outputs: {}; }]>;
 }

package/components/navigation/hint-aside.directive.d.ts

@@ -1,10 +1,12 @@
+import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/core/directives/hint";
+import * as i1 from "@taiga-ui/core/portals/hint";
 export declare class TuiHintAsideDirective {
     private readonly el;
     private readonly aside;
     private readonly dropdown;
-    protected readonly binding: import("@angular/core").Signal<"" | (() => string | undefined)>;
+    readonly tuiHintAside: import("@angular/core").InputSignal<PolymorpheusContent>;
+    protected readonly binding: import("@angular/core").Signal<import("@angular/platform-browser").SafeValue>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiHintAsideDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHintAsideDirective, "[tuiHintAside]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiHintDirective; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHintAsideDirective, "[tuiHintAside]", never, { "tuiHintAside": { "alias": "tuiHintAside"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiHintDirective; inputs: {}; outputs: {}; }]>;
 }

package/components/pdf-viewer/index.d.ts

@@ -0,0 +1 @@
+export * from './pdf-viewer.component';

package/components/pdf-viewer/pdf-viewer.component.d.ts

@@ -0,0 +1,13 @@
+import { type TuiPortalContext } from '@taiga-ui/cdk/portals';
+import { type TuiDialogOptions } from '@taiga-ui/core/portals/dialog';
+import * as i0 from "@angular/core";
+export declare class TuiPdfViewer<O, I> {
+    private readonly breakpoint;
+    protected readonly isMobile: import("@angular/core").Signal<boolean>;
+    protected readonly el: HTMLElement;
+    protected readonly close: import("@angular/core").Signal<string>;
+    protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
+    protected readonly context: TuiPortalContext<TuiDialogOptions<I>, O>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiPdfViewer<any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPdfViewer<any, any>, "tui-pdf-viewer", never, {}, {}, never, ["[tuiTitle]", "button", "*"], true, never>;
+}

package/components/search/search-filter.component.d.ts

@@ -1,9 +1,10 @@
-import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
+import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/core/directives/dropdown";
+import * as i1 from "@taiga-ui/core/portals/dropdown";
 export declare class TuiSearchFilterComponent {
     private readonly dropdown;
-    protected set template(template: PolymorpheusContent);
+    protected readonly template: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    protected readonly ef: import("@angular/core").EffectRef;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSearchFilterComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiSearchFilterComponent, "button[tuiSearchFilter]", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.TuiDropdownDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.TuiWithDropdownOpen; inputs: {}; outputs: {}; }]>;
 }

package/components/search/search-filters.component.d.ts

@@ -1,20 +1,18 @@
-import { type AfterContentInit, type QueryList, TemplateRef } from '@angular/core';
+import { TemplateRef } from '@angular/core';
 import { type TuiSizeS } from '@taiga-ui/core/types';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/core/components/textfield";
-export declare class TuiSearchFiltersComponent implements AfterContentInit {
-    private readonly rem?;
-    private readonly button?;
-    private readonly children;
+export declare class TuiSearchFiltersComponent {
+    private readonly rem;
+    private readonly button;
     private readonly controls;
-    protected readonly templates: QueryList<TemplateRef<any>>;
+    protected readonly templates: import("@angular/core").Signal<readonly TemplateRef<any>[]>;
     protected readonly overflown: import("@angular/core").Signal<number>;
     protected readonly enabled: import("@angular/core").Signal<boolean>;
     size: TuiSizeS;
-    ngAfterContentInit(): void;
     protected onReset(): void;
     private get unit();
     private get more();
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiSearchFiltersComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiSearchFiltersComponent, "tui-search-filters", never, { "size": { "alias": "size"; "required": false; }; }, {}, ["children", "templates"], ["*"], true, [{ directive: typeof i1.TuiTextfieldOptionsDirective; inputs: { "tuiTextfieldSize": "size"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiSearchFiltersComponent, "tui-search-filters", never, { "size": { "alias": "size"; "required": false; }; }, {}, ["controls", "templates"], ["*"], true, [{ directive: typeof i1.TuiTextfieldOptionsDirective; inputs: { "tuiTextfieldSize": "size"; }; outputs: {}; }]>;
 }

package/components/surface/index.d.ts

@@ -0,0 +1 @@
+export * from './surface.directive';

package/components/surface/surface.directive.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class TuiSurface {
+    protected readonly nothing: undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiSurface, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSurface, "[tuiSurface]", never, {}, {}, never, never, true, never>;
+}

package/fesm2022/taiga-ui-layout-components-app-bar.mjs

@@ -1,9 +1,8 @@
 import { AsyncPipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, Input, ViewChildren, ChangeDetectionStrategy, ViewEncapsulation, Component, Directive } from '@angular/core';
+import { viewChildren, inject, input, ChangeDetectionStrategy, ViewEncapsulation, Component, Directive } from '@angular/core';
 import { MutationObserverService, WA_MUTATION_OBSERVER_INIT } from '@ng-web-apis/mutation-observer';
 import { ResizeObserverService } from '@ng-web-apis/resize-observer';
-import { EMPTY_QUERY } from '@taiga-ui/cdk/constants';
 import { tuiZonefull } from '@taiga-ui/cdk/observables';
 import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
 import { TuiFade } from '@taiga-ui/kit/directives/fade';
@@ -12,9 +11,9 @@ import { tuiButtonOptionsProvider } from '@taiga-ui/core/components/button';
 import { TuiIcon } from '@taiga-ui/core/components/icon';
 import * as i1 from '@taiga-ui/core/directives/appearance';
 import { tuiAppearanceOptionsProvider, TuiWithAppearance } from '@taiga-ui/core/directives/appearance';
-import { TUI_SPIN_ICONS } from '@taiga-ui/core/tokens';
+import { TUI_COMMON_ICONS } from '@taiga-ui/core/tokens';
 import { toSignal } from '@angular/core/rxjs-interop';
-import { tuiDirectiveBinding } from '@taiga-ui/cdk/utils/miscellaneous';
+import { tuiDirectiveBinding } from '@taiga-ui/cdk/utils/di';
 import { TuiBreakpointService } from '@taiga-ui/core/services';
 
 const TUI_APP_BAR_PROVIDERS = [
@@ -35,59 +34,51 @@ const TUI_APP_BAR_PROVIDERS = [
 
 class TuiAppBarComponent {
     constructor() {
-        this.side = EMPTY_QUERY;
+        this.side = viewChildren('side');
         this.el = tuiInjectElement();
         this.width$ = merge(inject(ResizeObserverService, { self: true }), inject(MutationObserverService, { self: true })).pipe(tuiZonefull(), map(() => 2 *
-            Math.max(this.side.first?.nativeElement.clientWidth, this.side.last?.nativeElement.clientWidth)));
-        this.size = 'm';
+            Math.max(this.side()[0]?.nativeElement.clientWidth ?? 0, this.side()[this.side().length - 1]?.nativeElement.clientWidth ?? 0)));
+        this.size = input('m');
     }
     // TODO: Remove after :has support
     ngAfterViewInit() {
         this.el.closest('tui-dialog')?.classList.add('tui-app-bar');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiAppBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TuiAppBarComponent, isStandalone: true, selector: "tui-app-bar", inputs: { size: "size" }, host: { properties: { "attr.data-size": "size" } }, providers: TUI_APP_BAR_PROVIDERS, viewQueries: [{ propertyName: "side", predicate: ["side"], descendants: true }], ngImport: i0, template: "<div #side>\n    <ng-content select=\"[tuiSlot='left']\" />\n</div>\n<div\n    tuiFade\n    class=\"t-content\"\n    [style.--t-sides.px]=\"width$ | async\"\n>\n    <ng-content />\n</div>\n<div #side>\n    <ng-content select=\"[tuiSlot='right']\" />\n</div>\n", styles: ["tui-app-bar{position:relative;display:flex;block-size:2.75rem;align-items:center;justify-content:space-between;box-sizing:border-box;font:var(--tui-font-text-m);font-weight:700;text-align:center;color:var(--tui-text-primary);background:var(--tui-background-base);background:color-mix(in hsl,var(--tui-background-base) 80%,transparent);-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem)}tui-app-bar>.t-content{left:50%;transform:translate(-50%);position:absolute;display:flex;block-size:100%;max-inline-size:calc(100% - var(--t-sides, 0px));inline-size:calc(100% - var(--t-sides, 0px));flex-direction:column;justify-content:center;flex:1;padding:0 .375rem;box-sizing:border-box;text-align:inherit;white-space:nowrap}tui-app-bar>.t-content progress{margin:auto}tui-app-bar>:last-child [tuiIconButton]{margin:0 -.375rem}tui-app-bar>:last-child [tuiIconButton]:last-child{margin-inline-end:0}tui-app-bar>:last-child [tuiIconButton]:only-child{margin:0}tui-app-bar [tuiButton][data-size=l]{font-weight:400;margin:0 -.25rem}tui-app-bar [tuiTitle]{text-align:inherit;font:inherit}tui-app-bar [tuiSubtitle]{color:var(--tui-text-secondary)}tui-app-bar[data-size=m] [tuiTitle]{line-height:1.2em;gap:0}tui-app-bar[data-size=l]{block-size:4rem}tui-app-bar[data-size=l]>:first-child,tui-app-bar[data-size=l]>:last-child{margin:0 -1em}tui-app-bar [tuiProgressBar]{inline-size:8.75rem}tui-dialog tui-app-bar[data-size=l]{margin:-3rem 0 2rem}tui-dialog tui-app-bar[data-size=m]{margin:-1rem -1rem .75rem}tui-sheet-dialog tui-app-bar{margin:-.75rem -1rem;block-size:3.5rem;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}tui-sheet-dialog[data-appearance=fullscreen] tui-app-bar{margin:0 -1rem}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: TuiFade, selector: "[tuiFade]", inputs: ["tuiFadeHeight", "tuiFadeSize", "tuiFadeOffset", "tuiFade"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiAppBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.16", type: TuiAppBarComponent, isStandalone: true, selector: "tui-app-bar", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-size": "size()" } }, providers: TUI_APP_BAR_PROVIDERS, viewQueries: [{ propertyName: "side", predicate: ["side"], descendants: true, isSignal: true }], ngImport: i0, template: "<div #side>\n    <ng-content select=\"[tuiSlot='left']\" />\n</div>\n<div\n    tuiFade\n    class=\"t-content\"\n    [style.--t-sides.px]=\"width$ | async\"\n>\n    <ng-content />\n</div>\n<div #side>\n    <ng-content select=\"[tuiSlot='right']\" />\n</div>\n", styles: ["tui-app-bar{position:relative;display:flex;block-size:2.75rem;align-items:center;justify-content:space-between;box-sizing:border-box;font:var(--tui-font-text-m);font-weight:700;text-align:center;color:var(--tui-text-primary);background:var(--tui-background-base);background:color-mix(in hsl,var(--tui-background-base) 80%,transparent);-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem)}tui-app-bar>.t-content{left:50%;transform:translate(-50%);position:absolute;display:flex;block-size:100%;max-inline-size:calc(100% - var(--t-sides, 0px));inline-size:calc(100% - var(--t-sides, 0px));flex-direction:column;justify-content:center;flex:1;padding:0 .375rem;box-sizing:border-box;text-align:inherit;white-space:nowrap}tui-app-bar>.t-content progress{margin:auto}tui-app-bar>:last-child [tuiIconButton]{margin:0 -.375rem}tui-app-bar>:last-child [tuiIconButton]:last-child{margin-inline-end:0}tui-app-bar>:last-child [tuiIconButton]:only-child{margin:0}tui-app-bar [tuiButton][data-size=l]{font:var(--tui-font-text-l);margin:0 -.25rem}tui-app-bar [tuiTitle]{text-align:inherit;font:inherit}tui-app-bar [tuiSubtitle]{color:var(--tui-text-secondary)}tui-app-bar[data-size=m] [tuiTitle]{line-height:1.2em;gap:0}tui-app-bar[data-size=l]{block-size:4rem}tui-app-bar[data-size=l]>:first-child,tui-app-bar[data-size=l]>:last-child{margin:0 -1em}tui-app-bar [tuiProgressBar]{inline-size:8.75rem}tui-dialog tui-app-bar[data-size=l]{margin:-3rem 0 2rem}tui-dialog tui-app-bar[data-size=m]{margin:-1rem -1rem .75rem}tui-sheet-dialog tui-app-bar{margin:-.75rem -1rem;block-size:3.5rem;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: TuiFade, selector: "[tuiFade]", inputs: ["tuiFadeHeight", "tuiFadeSize", "tuiFadeOffset", "tuiFade"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiAppBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiAppBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tui-app-bar', imports: [AsyncPipe, TuiFade], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: TUI_APP_BAR_PROVIDERS, host: {
-                        '[attr.data-size]': 'size',
-                    }, template: "<div #side>\n    <ng-content select=\"[tuiSlot='left']\" />\n</div>\n<div\n    tuiFade\n    class=\"t-content\"\n    [style.--t-sides.px]=\"width$ | async\"\n>\n    <ng-content />\n</div>\n<div #side>\n    <ng-content select=\"[tuiSlot='right']\" />\n</div>\n", styles: ["tui-app-bar{position:relative;display:flex;block-size:2.75rem;align-items:center;justify-content:space-between;box-sizing:border-box;font:var(--tui-font-text-m);font-weight:700;text-align:center;color:var(--tui-text-primary);background:var(--tui-background-base);background:color-mix(in hsl,var(--tui-background-base) 80%,transparent);-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem)}tui-app-bar>.t-content{left:50%;transform:translate(-50%);position:absolute;display:flex;block-size:100%;max-inline-size:calc(100% - var(--t-sides, 0px));inline-size:calc(100% - var(--t-sides, 0px));flex-direction:column;justify-content:center;flex:1;padding:0 .375rem;box-sizing:border-box;text-align:inherit;white-space:nowrap}tui-app-bar>.t-content progress{margin:auto}tui-app-bar>:last-child [tuiIconButton]{margin:0 -.375rem}tui-app-bar>:last-child [tuiIconButton]:last-child{margin-inline-end:0}tui-app-bar>:last-child [tuiIconButton]:only-child{margin:0}tui-app-bar [tuiButton][data-size=l]{font-weight:400;margin:0 -.25rem}tui-app-bar [tuiTitle]{text-align:inherit;font:inherit}tui-app-bar [tuiSubtitle]{color:var(--tui-text-secondary)}tui-app-bar[data-size=m] [tuiTitle]{line-height:1.2em;gap:0}tui-app-bar[data-size=l]{block-size:4rem}tui-app-bar[data-size=l]>:first-child,tui-app-bar[data-size=l]>:last-child{margin:0 -1em}tui-app-bar [tuiProgressBar]{inline-size:8.75rem}tui-dialog tui-app-bar[data-size=l]{margin:-3rem 0 2rem}tui-dialog tui-app-bar[data-size=m]{margin:-1rem -1rem .75rem}tui-sheet-dialog tui-app-bar{margin:-.75rem -1rem;block-size:3.5rem;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}tui-sheet-dialog[data-appearance=fullscreen] tui-app-bar{margin:0 -1rem}\n"] }]
-        }], propDecorators: { side: [{
-                type: ViewChildren,
-                args: ['side']
-            }], size: [{
-                type: Input
-            }] } });
+                        '[attr.data-size]': 'size()',
+                    }, template: "<div #side>\n    <ng-content select=\"[tuiSlot='left']\" />\n</div>\n<div\n    tuiFade\n    class=\"t-content\"\n    [style.--t-sides.px]=\"width$ | async\"\n>\n    <ng-content />\n</div>\n<div #side>\n    <ng-content select=\"[tuiSlot='right']\" />\n</div>\n", styles: ["tui-app-bar{position:relative;display:flex;block-size:2.75rem;align-items:center;justify-content:space-between;box-sizing:border-box;font:var(--tui-font-text-m);font-weight:700;text-align:center;color:var(--tui-text-primary);background:var(--tui-background-base);background:color-mix(in hsl,var(--tui-background-base) 80%,transparent);-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem)}tui-app-bar>.t-content{left:50%;transform:translate(-50%);position:absolute;display:flex;block-size:100%;max-inline-size:calc(100% - var(--t-sides, 0px));inline-size:calc(100% - var(--t-sides, 0px));flex-direction:column;justify-content:center;flex:1;padding:0 .375rem;box-sizing:border-box;text-align:inherit;white-space:nowrap}tui-app-bar>.t-content progress{margin:auto}tui-app-bar>:last-child [tuiIconButton]{margin:0 -.375rem}tui-app-bar>:last-child [tuiIconButton]:last-child{margin-inline-end:0}tui-app-bar>:last-child [tuiIconButton]:only-child{margin:0}tui-app-bar [tuiButton][data-size=l]{font:var(--tui-font-text-l);margin:0 -.25rem}tui-app-bar [tuiTitle]{text-align:inherit;font:inherit}tui-app-bar [tuiSubtitle]{color:var(--tui-text-secondary)}tui-app-bar[data-size=m] [tuiTitle]{line-height:1.2em;gap:0}tui-app-bar[data-size=l]{block-size:4rem}tui-app-bar[data-size=l]>:first-child,tui-app-bar[data-size=l]>:last-child{margin:0 -1em}tui-app-bar [tuiProgressBar]{inline-size:8.75rem}tui-dialog tui-app-bar[data-size=l]{margin:-3rem 0 2rem}tui-dialog tui-app-bar[data-size=m]{margin:-1rem -1rem .75rem}tui-sheet-dialog tui-app-bar{margin:-.75rem -1rem;block-size:3.5rem;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}\n"] }]
+        }] });
 
 class TuiAppBarDirective {
     constructor() {
-        this.tuiSlot = 'left';
+        this.tuiSlot = input('left');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiAppBarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: TuiAppBarDirective, isStandalone: true, selector: "[tuiSlot]", inputs: { tuiSlot: "tuiSlot" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiAppBarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.16", type: TuiAppBarDirective, isStandalone: true, selector: "[tuiSlot]", inputs: { tuiSlot: { classPropertyName: "tuiSlot", publicName: "tuiSlot", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiAppBarDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiAppBarDirective, decorators: [{
             type: Directive,
             args: [{
-                    standalone: true,
                     selector: '[tuiSlot]',
                 }]
-        }], propDecorators: { tuiSlot: [{
-                type: Input
-            }] } });
+        }] });
 
 class TuiAppBarBack {
     constructor() {
-        this.icons = inject(TUI_SPIN_ICONS);
+        this.icons = inject(TUI_COMMON_ICONS);
         this.appearance = 'link';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiAppBarBack, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TuiAppBarBack, isStandalone: true, selector: "button[tuiAppBarBack], a[tuiAppBarBack]", providers: [tuiAppearanceOptionsProvider(TuiAppBarBack)], hostDirectives: [{ directive: i1.TuiWithAppearance }], ngImport: i0, template: "<svg\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    width=\"24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    class=\"t-ios\"\n>\n    <path\n        d=\"M7.44025 12L14.9826 4.43872C15.5391 3.88083 15.5391 2.97631 14.9826 2.41842C14.4261 1.86053 13.5239 1.86053 12.9674 2.41842L4.41737 10.9898C3.86088 11.5477 3.86088 12.4523 4.41737 13.0102L12.9674 21.5816C13.5239 22.1395 14.4261 22.1395 14.9826 21.5816C15.5391 21.0237 15.5391 20.1192 14.9826 19.5613L7.44025 12Z\"\n        fill=\"currentColor\"\n    />\n</svg>\n<svg\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    width=\"24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    class=\"t-android\"\n>\n    <path\n        d=\"M19.6999 11.5899C19.6999 11.0377 19.2522 10.5899 18.6999 10.5899H7.49992L12.3999 5.68995C12.7865 5.30335 12.7865 4.67655 12.3999 4.28995V4.28995C12.0133 3.90335 11.3865 3.90335 10.9999 4.28995L4.40703 10.8828C4.0165 11.2734 4.01651 11.9065 4.40703 12.2971L10.9999 18.89C11.3865 19.2765 12.0133 19.2765 12.3999 18.8899V18.8899C12.7865 18.5034 12.7865 17.8765 12.3999 17.49L7.49992 12.5899H18.6999C19.2522 12.5899 19.6999 12.1422 19.6999 11.5899V11.5899Z\"\n        fill=\"currentColor\"\n    />\n</svg>\n<tui-icon\n    class=\"t-web\"\n    [icon]=\"icons.decrement\"\n/>\n<ng-content />\n", styles: [":host{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;display:flex;align-items:center;padding:0 1rem 0 0;cursor:pointer}:host :host-context([data-platform=\"android\"]){font-size:0;padding:0 1rem}:host :host-context([data-platform=\"android\"]) .t-android{display:block}:host :host-context([data-platform=\"android\"]) .t-web{display:none}:host :host-context([data-platform=\"ios\"]) .t-ios{display:block;margin-inline-start:.5rem}:host :host-context([data-platform=\"ios\"]) .t-web{display:none}.t-web{transform:scaleX(var(--tui-inline))}.t-android,.t-ios{display:none}\n"], dependencies: [{ kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiAppBarBack, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.16", type: TuiAppBarBack, isStandalone: true, selector: "button[tuiAppBarBack], a[tuiAppBarBack]", providers: [tuiAppearanceOptionsProvider(TuiAppBarBack)], hostDirectives: [{ directive: i1.TuiWithAppearance }], ngImport: i0, template: "<svg\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    width=\"24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    class=\"t-ios\"\n>\n    <path\n        d=\"M7.44025 12L14.9826 4.43872C15.5391 3.88083 15.5391 2.97631 14.9826 2.41842C14.4261 1.86053 13.5239 1.86053 12.9674 2.41842L4.41737 10.9898C3.86088 11.5477 3.86088 12.4523 4.41737 13.0102L12.9674 21.5816C13.5239 22.1395 14.4261 22.1395 14.9826 21.5816C15.5391 21.0237 15.5391 20.1192 14.9826 19.5613L7.44025 12Z\"\n        fill=\"currentColor\"\n    />\n</svg>\n<svg\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    width=\"24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    class=\"t-android\"\n>\n    <path\n        d=\"M19.6999 11.5899C19.6999 11.0377 19.2522 10.5899 18.6999 10.5899H7.49992L12.3999 5.68995C12.7865 5.30335 12.7865 4.67655 12.3999 4.28995V4.28995C12.0133 3.90335 11.3865 3.90335 10.9999 4.28995L4.40703 10.8828C4.0165 11.2734 4.01651 11.9065 4.40703 12.2971L10.9999 18.89C11.3865 19.2765 12.0133 19.2765 12.3999 18.8899V18.8899C12.7865 18.5034 12.7865 17.8765 12.3999 17.49L7.49992 12.5899H18.6999C19.2522 12.5899 19.6999 12.1422 19.6999 11.5899V11.5899Z\"\n        fill=\"currentColor\"\n    />\n</svg>\n<tui-icon\n    class=\"t-web\"\n    [icon]=\"icons.decrement\"\n/>\n<ng-content />\n", styles: [":host{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;display:flex;align-items:center;padding:0 1rem 0 0;cursor:pointer}:host :host-context([data-platform=\"web\"] tui-dialog){padding:0 .5rem}:host :host-context([data-platform=\"android\"]){font-size:0;padding:0 1rem}:host :host-context([data-platform=\"android\"]) .t-android{display:block}:host :host-context([data-platform=\"android\"]) .t-web{display:none}:host :host-context([data-platform=\"ios\"]) .t-ios{display:block;margin-inline-start:.5rem}:host :host-context([data-platform=\"ios\"]) .t-web{display:none}.t-web{transform:scaleX(var(--tui-inline))}.t-android,.t-ios{display:none}\n"], dependencies: [{ kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiAppBarBack, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiAppBarBack, decorators: [{
             type: Component,
-            args: [{ selector: 'button[tuiAppBarBack], a[tuiAppBarBack]', imports: [TuiIcon], changeDetection: ChangeDetectionStrategy.OnPush, providers: [tuiAppearanceOptionsProvider(TuiAppBarBack)], hostDirectives: [TuiWithAppearance], template: "<svg\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    width=\"24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    class=\"t-ios\"\n>\n    <path\n        d=\"M7.44025 12L14.9826 4.43872C15.5391 3.88083 15.5391 2.97631 14.9826 2.41842C14.4261 1.86053 13.5239 1.86053 12.9674 2.41842L4.41737 10.9898C3.86088 11.5477 3.86088 12.4523 4.41737 13.0102L12.9674 21.5816C13.5239 22.1395 14.4261 22.1395 14.9826 21.5816C15.5391 21.0237 15.5391 20.1192 14.9826 19.5613L7.44025 12Z\"\n        fill=\"currentColor\"\n    />\n</svg>\n<svg\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    width=\"24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    class=\"t-android\"\n>\n    <path\n        d=\"M19.6999 11.5899C19.6999 11.0377 19.2522 10.5899 18.6999 10.5899H7.49992L12.3999 5.68995C12.7865 5.30335 12.7865 4.67655 12.3999 4.28995V4.28995C12.0133 3.90335 11.3865 3.90335 10.9999 4.28995L4.40703 10.8828C4.0165 11.2734 4.01651 11.9065 4.40703 12.2971L10.9999 18.89C11.3865 19.2765 12.0133 19.2765 12.3999 18.8899V18.8899C12.7865 18.5034 12.7865 17.8765 12.3999 17.49L7.49992 12.5899H18.6999C19.2522 12.5899 19.6999 12.1422 19.6999 11.5899V11.5899Z\"\n        fill=\"currentColor\"\n    />\n</svg>\n<tui-icon\n    class=\"t-web\"\n    [icon]=\"icons.decrement\"\n/>\n<ng-content />\n", styles: [":host{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;display:flex;align-items:center;padding:0 1rem 0 0;cursor:pointer}:host :host-context([data-platform=\"android\"]){font-size:0;padding:0 1rem}:host :host-context([data-platform=\"android\"]) .t-android{display:block}:host :host-context([data-platform=\"android\"]) .t-web{display:none}:host :host-context([data-platform=\"ios\"]) .t-ios{display:block;margin-inline-start:.5rem}:host :host-context([data-platform=\"ios\"]) .t-web{display:none}.t-web{transform:scaleX(var(--tui-inline))}.t-android,.t-ios{display:none}\n"] }]
+            args: [{ selector: 'button[tuiAppBarBack], a[tuiAppBarBack]', imports: [TuiIcon], changeDetection: ChangeDetectionStrategy.OnPush, providers: [tuiAppearanceOptionsProvider(TuiAppBarBack)], hostDirectives: [TuiWithAppearance], template: "<svg\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    width=\"24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    class=\"t-ios\"\n>\n    <path\n        d=\"M7.44025 12L14.9826 4.43872C15.5391 3.88083 15.5391 2.97631 14.9826 2.41842C14.4261 1.86053 13.5239 1.86053 12.9674 2.41842L4.41737 10.9898C3.86088 11.5477 3.86088 12.4523 4.41737 13.0102L12.9674 21.5816C13.5239 22.1395 14.4261 22.1395 14.9826 21.5816C15.5391 21.0237 15.5391 20.1192 14.9826 19.5613L7.44025 12Z\"\n        fill=\"currentColor\"\n    />\n</svg>\n<svg\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    width=\"24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    class=\"t-android\"\n>\n    <path\n        d=\"M19.6999 11.5899C19.6999 11.0377 19.2522 10.5899 18.6999 10.5899H7.49992L12.3999 5.68995C12.7865 5.30335 12.7865 4.67655 12.3999 4.28995V4.28995C12.0133 3.90335 11.3865 3.90335 10.9999 4.28995L4.40703 10.8828C4.0165 11.2734 4.01651 11.9065 4.40703 12.2971L10.9999 18.89C11.3865 19.2765 12.0133 19.2765 12.3999 18.8899V18.8899C12.7865 18.5034 12.7865 17.8765 12.3999 17.49L7.49992 12.5899H18.6999C19.2522 12.5899 19.6999 12.1422 19.6999 11.5899V11.5899Z\"\n        fill=\"currentColor\"\n    />\n</svg>\n<tui-icon\n    class=\"t-web\"\n    [icon]=\"icons.decrement\"\n/>\n<ng-content />\n", styles: [":host{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;display:flex;align-items:center;padding:0 1rem 0 0;cursor:pointer}:host :host-context([data-platform=\"web\"] tui-dialog){padding:0 .5rem}:host :host-context([data-platform=\"android\"]){font-size:0;padding:0 1rem}:host :host-context([data-platform=\"android\"]) .t-android{display:block}:host :host-context([data-platform=\"android\"]) .t-web{display:none}:host :host-context([data-platform=\"ios\"]) .t-ios{display:block;margin-inline-start:.5rem}:host :host-context([data-platform=\"ios\"]) .t-web{display:none}.t-web{transform:scaleX(var(--tui-inline))}.t-android,.t-ios{display:none}\n"] }]
         }] });
 
 // TODO: Make size automatic based on tuiPlatform in v5
@@ -95,13 +86,12 @@ class TuiAppBarSizeDirective {
     constructor() {
         this.size = tuiDirectiveBinding(TuiAppBarComponent, 'size', toSignal(inject(TuiBreakpointService).pipe(map((breakpoint) => (breakpoint === 'mobile' ? 'm' : 'l'))), { initialValue: 'm' }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiAppBarSizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: TuiAppBarSizeDirective, isStandalone: true, selector: "tui-app-bar[tuiAppBarSize]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiAppBarSizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.16", type: TuiAppBarSizeDirective, isStandalone: true, selector: "tui-app-bar[tuiAppBarSize]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiAppBarSizeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiAppBarSizeDirective, decorators: [{
             type: Directive,
             args: [{
-                    standalone: true,
                     selector: 'tui-app-bar[tuiAppBarSize]',
                 }]
         }] });