@taiga-ui/layout 4.52.0-canary.e10b718 → 4.52.0-canary.eb5ffe3

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> | (() => Partial<TuiFormOptions>)) => import("@angular/core").FactoryProvider;

package/components/index.d.ts

@@ -2,11 +2,11 @@ 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,4 +1,4 @@
-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";
@@ -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.TuiWithTextfield; 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

@@ -5,16 +5,15 @@ import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/core/directives/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.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,5 +1,4 @@
-import { type DoCheck } from '@angular/core';
-import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
+import { type DoCheck, 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 {
@@ -7,8 +6,9 @@ export declare class TuiDrawerDirective implements DoCheck {
     private readonly icons;
     private readonly dropdown;
     private readonly open;
+    protected readonly template: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+    protected readonly ef: import("@angular/core").EffectRef;
     ngDoCheck(): void;
-    protected set template(template: PolymorpheusContent);
     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/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,12 @@
+import { type TuiPopover } from '@taiga-ui/cdk/services';
+import { type TuiDialogOptions } from '@taiga-ui/core/components/dialog';
+import * as i0 from "@angular/core";
+export declare class TuiPdfViewer<O, I> {
+    protected readonly isMobile: boolean;
+    protected readonly el: HTMLElement;
+    protected readonly context: TuiPopover<TuiDialogOptions<I>, O>;
+    protected readonly close: import("@angular/core").Signal<string>;
+    protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
+    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";
 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';
@@ -35,37 +34,32 @@ 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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.15", 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-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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", 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',
+                        '[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
-            }] } });
+        }] });
 
 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.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.15", 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: [{
             type: Directive,
@@ -73,9 +67,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                     standalone: true,
                     selector: '[tuiSlot]',
                 }]
-        }], propDecorators: { tuiSlot: [{
-                type: Input
-            }] } });
+        }] });
 
 class TuiAppBarBack {
     constructor() {

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-layout-components-app-bar.mjs","sources":["../../../projects/layout/components/app-bar/app-bar.providers.ts","../../../projects/layout/components/app-bar/app-bar.component.ts","../../../projects/layout/components/app-bar/app-bar.template.html","../../../projects/layout/components/app-bar/app-bar.directive.ts","../../../projects/layout/components/app-bar/app-bar-back.component.ts","../../../projects/layout/components/app-bar/app-bar-back.template.html","../../../projects/layout/components/app-bar/app-bar-size.directive.ts","../../../projects/layout/components/app-bar/app-bar.ts","../../../projects/layout/components/app-bar/taiga-ui-layout-components-app-bar.ts"],"sourcesContent":["import {type Provider} from '@angular/core';\nimport {\n    MutationObserverService,\n    WA_MUTATION_OBSERVER_INIT,\n} from '@ng-web-apis/mutation-observer';\nimport {ResizeObserverService} from '@ng-web-apis/resize-observer';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\n\nexport const TUI_APP_BAR_PROVIDERS: Provider[] = [\n    ResizeObserverService,\n    MutationObserverService,\n    {\n        provide: WA_MUTATION_OBSERVER_INIT,\n        useValue: {\n            characterData: true,\n            childList: true,\n            subtree: true,\n        },\n    },\n    tuiButtonOptionsProvider({\n        appearance: 'action',\n    }),\n];\n","import {AsyncPipe} from '@angular/common';\nimport {\n    type AfterViewInit,\n    ChangeDetectionStrategy,\n    Component,\n    type ElementRef,\n    inject,\n    Input,\n    type QueryList,\n    ViewChildren,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {MutationObserverService} from '@ng-web-apis/mutation-observer';\nimport {ResizeObserverService} from '@ng-web-apis/resize-observer';\nimport {EMPTY_QUERY} from '@taiga-ui/cdk/constants';\nimport {tuiZonefull} from '@taiga-ui/cdk/observables';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {type TuiSizeL} from '@taiga-ui/core/types';\nimport {TuiFade} from '@taiga-ui/kit/directives/fade';\nimport {map, merge} from 'rxjs';\n\nimport {TUI_APP_BAR_PROVIDERS} from './app-bar.providers';\n\n@Component({\n    selector: 'tui-app-bar',\n    imports: [AsyncPipe, TuiFade],\n    templateUrl: './app-bar.template.html',\n    styleUrls: ['./app-bar.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: TUI_APP_BAR_PROVIDERS,\n    host: {\n        '[attr.data-size]': 'size',\n    },\n})\nexport class TuiAppBarComponent implements AfterViewInit {\n    @ViewChildren('side')\n    private readonly side: QueryList<ElementRef<HTMLElement>> = EMPTY_QUERY;\n\n    private readonly el = tuiInjectElement();\n\n    protected readonly width$ = merge(\n        inject(ResizeObserverService, {self: true}),\n        inject(MutationObserverService, {self: true}),\n    ).pipe(\n        tuiZonefull(),\n        map(\n            () =>\n                2 *\n                Math.max(\n                    this.side.first?.nativeElement.clientWidth,\n                    this.side.last?.nativeElement.clientWidth,\n                ),\n        ),\n    );\n\n    @Input()\n    public size: TuiSizeL = 'm';\n\n    // TODO: Remove after :has support\n    public ngAfterViewInit(): void {\n        this.el.closest('tui-dialog')?.classList.add('tui-app-bar');\n    }\n}\n","<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","import {Directive, Input} from '@angular/core';\nimport {type TuiLooseUnion} from '@taiga-ui/cdk/types';\n\n@Directive({\n    standalone: true,\n    selector: '[tuiSlot]',\n})\nexport class TuiAppBarDirective {\n    @Input()\n    public tuiSlot: TuiLooseUnion<'left' | 'right'> = 'left';\n}\n","import {ChangeDetectionStrategy, Component, inject} from '@angular/core';\nimport {TuiIcon} from '@taiga-ui/core/components/icon';\nimport {\n    type TuiAppearanceOptions,\n    tuiAppearanceOptionsProvider,\n    TuiWithAppearance,\n} from '@taiga-ui/core/directives/appearance';\nimport {TUI_SPIN_ICONS} from '@taiga-ui/core/tokens';\n\n@Component({\n    selector: 'button[tuiAppBarBack], a[tuiAppBarBack]',\n    imports: [TuiIcon],\n    templateUrl: './app-bar-back.template.html',\n    styleUrls: ['./app-bar-back.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [tuiAppearanceOptionsProvider(TuiAppBarBack)],\n    hostDirectives: [TuiWithAppearance],\n})\nexport class TuiAppBarBack implements TuiAppearanceOptions {\n    protected readonly icons = inject(TUI_SPIN_ICONS);\n\n    public readonly appearance = 'link';\n}\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-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","import {Directive, inject} from '@angular/core';\nimport {toSignal} from '@angular/core/rxjs-interop';\nimport {tuiDirectiveBinding} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiBreakpointService} from '@taiga-ui/core/services';\nimport {map} from 'rxjs';\n\nimport {TuiAppBarComponent} from './app-bar.component';\n\n// TODO: Make size automatic based on tuiPlatform in v5\n@Directive({\n    standalone: true,\n    selector: 'tui-app-bar[tuiAppBarSize]',\n})\nexport class TuiAppBarSizeDirective {\n    protected readonly size = tuiDirectiveBinding(\n        TuiAppBarComponent,\n        'size',\n        toSignal(\n            inject(TuiBreakpointService).pipe(\n                map((breakpoint) => (breakpoint === 'mobile' ? 'm' : 'l')),\n            ),\n            {initialValue: 'm' as const},\n        ),\n    );\n}\n","import {TuiAppBarComponent} from './app-bar.component';\nimport {TuiAppBarDirective} from './app-bar.directive';\nimport {TuiAppBarBack} from './app-bar-back.component';\nimport {TuiAppBarSizeDirective} from './app-bar-size.directive';\n\nexport const TuiAppBar = [\n    TuiAppBarComponent,\n    TuiAppBarDirective,\n    TuiAppBarBack,\n    TuiAppBarSizeDirective,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAQa,MAAA,qBAAqB,GAAe;IAC7C,qBAAqB;IACrB,uBAAuB;AACvB,IAAA;AACI,QAAA,OAAO,EAAE,yBAAyB;AAClC,QAAA,QAAQ,EAAE;AACN,YAAA,aAAa,EAAE,IAAI;AACnB,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,OAAO,EAAE,IAAI;AAChB,SAAA;AACJ,KAAA;AACD,IAAA,wBAAwB,CAAC;AACrB,QAAA,UAAU,EAAE,QAAQ;KACvB,CAAC;;;MCcO,kBAAkB,CAAA;AAZ/B,IAAA,WAAA,GAAA;QAcqB,IAAI,CAAA,IAAA,GAAuC,WAAW;QAEtD,IAAE,CAAA,EAAA,GAAG,gBAAgB,EAAE;AAErB,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAC7B,MAAM,CAAC,qBAAqB,EAAE,EAAC,IAAI,EAAE,IAAI,EAAC,CAAC,EAC3C,MAAM,CAAC,uBAAuB,EAAE,EAAC,IAAI,EAAE,IAAI,EAAC,CAAC,CAChD,CAAC,IAAI,CACF,WAAW,EAAE,EACb,GAAG,CACC,MACI,CAAC;YACD,IAAI,CAAC,GAAG,CACJ,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,aAAa,CAAC,WAAW,EAC1C,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,aAAa,CAAC,WAAW,CAC5C,CACR,CACJ;QAGM,IAAI,CAAA,IAAA,GAAa,GAAG;AAM9B;;IAHU,eAAe,GAAA;AAClB,QAAA,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC;;+GA1BtD,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,wIALhB,qBAAqB,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,MAAA,EAAA,SAAA,EAAA,CAAA,MAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC9BpC,qQAaA,EDYc,MAAA,EAAA,CAAA,6qDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,SAAS,8CAAE,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,eAAA,EAAA,aAAA,EAAA,eAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAUnB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAZ9B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,WACd,CAAC,SAAS,EAAE,OAAO,CAAC,EAGd,aAAA,EAAA,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC,qBAAqB,EAC1B,IAAA,EAAA;AACF,wBAAA,kBAAkB,EAAE,MAAM;AAC7B,qBAAA,EAAA,QAAA,EAAA,qQAAA,EAAA,MAAA,EAAA,CAAA,6qDAAA,CAAA,EAAA;8BAIgB,IAAI,EAAA,CAAA;sBADpB,YAAY;uBAAC,MAAM;gBAqBb,IAAI,EAAA,CAAA;sBADV;;;MEjDQ,kBAAkB,CAAA;AAJ/B,IAAA,WAAA,GAAA;QAMW,IAAO,CAAA,OAAA,GAAoC,MAAM;AAC3D;+GAHY,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAJ9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,WAAW;AACxB,iBAAA;8BAGU,OAAO,EAAA,CAAA;sBADb;;;MCUQ,aAAa,CAAA;AAT1B,IAAA,WAAA,GAAA;AAUuB,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;QAEjC,IAAU,CAAA,UAAA,GAAG,MAAM;AACtC;+GAJY,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yCAAA,EAAA,SAAA,EAHX,CAAC,4BAA4B,CAAC,aAAa,CAAC,CAAC,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECf5D,yvCA6BA,EAAA,MAAA,EAAA,CAAA,+oBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDlBc,OAAO,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,CAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAOR,aAAa,EAAA,UAAA,EAAA,CAAA;kBATzB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,yCAAyC,WAC1C,CAAC,OAAO,CAAC,EAAA,eAAA,EAGD,uBAAuB,CAAC,MAAM,EACpC,SAAA,EAAA,CAAC,4BAA4B,CAAe,aAAA,CAAA,CAAC,EACxC,cAAA,EAAA,CAAC,iBAAiB,CAAC,EAAA,QAAA,EAAA,yvCAAA,EAAA,MAAA,EAAA,CAAA,+oBAAA,CAAA,EAAA;;;AERvC;MAKa,sBAAsB,CAAA;AAJnC,IAAA,WAAA,GAAA;QAKuB,IAAI,CAAA,IAAA,GAAG,mBAAmB,CACzC,kBAAkB,EAClB,MAAM,EACN,QAAQ,CACJ,MAAM,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAC7B,GAAG,CAAC,CAAC,UAAU,MAAM,UAAU,KAAK,QAAQ,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,CAC7D,EACD,EAAC,YAAY,EAAE,GAAY,EAAC,CAC/B,CACJ;AACJ;+GAXY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAJlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,4BAA4B;AACzC,iBAAA;;;ACPY,MAAA,SAAS,GAAG;IACrB,kBAAkB;IAClB,kBAAkB;IAClB,aAAa;IACb,sBAAsB;;;ACT1B;;AAEG;;;;"}
+{"version":3,"file":"taiga-ui-layout-components-app-bar.mjs","sources":["../../../projects/layout/components/app-bar/app-bar.providers.ts","../../../projects/layout/components/app-bar/app-bar.component.ts","../../../projects/layout/components/app-bar/app-bar.template.html","../../../projects/layout/components/app-bar/app-bar.directive.ts","../../../projects/layout/components/app-bar/app-bar-back.component.ts","../../../projects/layout/components/app-bar/app-bar-back.template.html","../../../projects/layout/components/app-bar/app-bar-size.directive.ts","../../../projects/layout/components/app-bar/app-bar.ts","../../../projects/layout/components/app-bar/taiga-ui-layout-components-app-bar.ts"],"sourcesContent":["import {type Provider} from '@angular/core';\nimport {\n    MutationObserverService,\n    WA_MUTATION_OBSERVER_INIT,\n} from '@ng-web-apis/mutation-observer';\nimport {ResizeObserverService} from '@ng-web-apis/resize-observer';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\n\nexport const TUI_APP_BAR_PROVIDERS: Provider[] = [\n    ResizeObserverService,\n    MutationObserverService,\n    {\n        provide: WA_MUTATION_OBSERVER_INIT,\n        useValue: {\n            characterData: true,\n            childList: true,\n            subtree: true,\n        },\n    },\n    tuiButtonOptionsProvider({\n        appearance: 'action',\n    }),\n];\n","import {AsyncPipe} from '@angular/common';\nimport {\n    type AfterViewInit,\n    ChangeDetectionStrategy,\n    Component,\n    type ElementRef,\n    inject,\n    input,\n    viewChildren,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {MutationObserverService} from '@ng-web-apis/mutation-observer';\nimport {ResizeObserverService} from '@ng-web-apis/resize-observer';\nimport {tuiZonefull} from '@taiga-ui/cdk/observables';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {type TuiSizeL} from '@taiga-ui/core/types';\nimport {TuiFade} from '@taiga-ui/kit/directives/fade';\nimport {map, merge} from 'rxjs';\n\nimport {TUI_APP_BAR_PROVIDERS} from './app-bar.providers';\n\n@Component({\n    selector: 'tui-app-bar',\n    imports: [AsyncPipe, TuiFade],\n    templateUrl: './app-bar.template.html',\n    styleUrl: './app-bar.style.less',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: TUI_APP_BAR_PROVIDERS,\n    host: {\n        '[attr.data-size]': 'size()',\n    },\n})\nexport class TuiAppBarComponent implements AfterViewInit {\n    private readonly side = viewChildren<ElementRef<HTMLElement>>('side');\n\n    private readonly el = tuiInjectElement();\n\n    protected readonly width$ = merge(\n        inject(ResizeObserverService, {self: true}),\n        inject(MutationObserverService, {self: true}),\n    ).pipe(\n        tuiZonefull(),\n        map(\n            () =>\n                2 *\n                Math.max(\n                    this.side()[0]?.nativeElement.clientWidth ?? 0,\n                    this.side()[this.side().length - 1]?.nativeElement.clientWidth ?? 0,\n                ),\n        ),\n    );\n\n    public readonly size = input<TuiSizeL>('m');\n\n    // TODO: Remove after :has support\n    public ngAfterViewInit(): void {\n        this.el.closest('tui-dialog')?.classList.add('tui-app-bar');\n    }\n}\n","<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","import {Directive, input} from '@angular/core';\nimport {type TuiLooseUnion} from '@taiga-ui/cdk/types';\n\n@Directive({\n    standalone: true,\n    selector: '[tuiSlot]',\n})\nexport class TuiAppBarDirective {\n    public readonly tuiSlot = input<TuiLooseUnion<'left' | 'right'>>('left');\n}\n","import {ChangeDetectionStrategy, Component, inject} from '@angular/core';\nimport {TuiIcon} from '@taiga-ui/core/components/icon';\nimport {\n    type TuiAppearanceOptions,\n    tuiAppearanceOptionsProvider,\n    TuiWithAppearance,\n} from '@taiga-ui/core/directives/appearance';\nimport {TUI_SPIN_ICONS} from '@taiga-ui/core/tokens';\n\n@Component({\n    selector: 'button[tuiAppBarBack], a[tuiAppBarBack]',\n    imports: [TuiIcon],\n    templateUrl: './app-bar-back.template.html',\n    styleUrl: './app-bar-back.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [tuiAppearanceOptionsProvider(TuiAppBarBack)],\n    hostDirectives: [TuiWithAppearance],\n})\nexport class TuiAppBarBack implements TuiAppearanceOptions {\n    protected readonly icons = inject(TUI_SPIN_ICONS);\n\n    public readonly appearance = 'link';\n}\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-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","import {Directive, inject} from '@angular/core';\nimport {toSignal} from '@angular/core/rxjs-interop';\nimport {tuiDirectiveBinding} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiBreakpointService} from '@taiga-ui/core/services';\nimport {map} from 'rxjs';\n\nimport {TuiAppBarComponent} from './app-bar.component';\n\n// TODO: Make size automatic based on tuiPlatform in v5\n@Directive({\n    standalone: true,\n    selector: 'tui-app-bar[tuiAppBarSize]',\n})\nexport class TuiAppBarSizeDirective {\n    protected readonly size = tuiDirectiveBinding(\n        TuiAppBarComponent,\n        'size',\n        toSignal(\n            inject(TuiBreakpointService).pipe(\n                map((breakpoint) => (breakpoint === 'mobile' ? 'm' : 'l')),\n            ),\n            {initialValue: 'm' as const},\n        ),\n    );\n}\n","import {TuiAppBarComponent} from './app-bar.component';\nimport {TuiAppBarDirective} from './app-bar.directive';\nimport {TuiAppBarBack} from './app-bar-back.component';\nimport {TuiAppBarSizeDirective} from './app-bar-size.directive';\n\nexport const TuiAppBar = [\n    TuiAppBarComponent,\n    TuiAppBarDirective,\n    TuiAppBarBack,\n    TuiAppBarSizeDirective,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/taiga-ui-layout-components-block-details.mjs

@@ -2,19 +2,17 @@ import * as i0 from '@angular/core';
 import { ChangeDetectionStrategy, ViewEncapsulation, Component, Directive } from '@angular/core';
 import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
 
-class TuiBlockDetailsStyles {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiBlockDetailsStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TuiBlockDetailsStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-block-details-styles" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiBlockDetails]{display:flex;flex-direction:column;align-items:center;font:var(--tui-font-heading-3);min-block-size:2rem}[tuiBlockDetails] [tuiTitle]{text-align:center;font:var(--tui-font-text-l);gap:0}[tuiBlockDetails] [tuiSubtitle],[tuiBlockDetails] [tuiDetailsStatus]{display:flex;align-items:center;gap:.25rem;font:var(--tui-font-text-m);color:var(--tui-text-secondary);margin-block-start:.25rem}:host-context(tui-root._mobile) [tuiBlockDetails] [tuiSubtitle],:host-context(tui-root._mobile) [tuiBlockDetails] [tuiDetailsStatus]{font:var(--tui-font-text-s)}[tuiBlockDetails] [tuiSubtitle]+[tuiSubtitle],[tuiBlockDetails] [tuiDetailsStatus]{margin-block-start:1rem}[tuiBlockDetails] [tuiComment]{margin-block-start:1.0625rem}[tuiBlockDetails] [tuiAccessory]{display:flex;gap:.5rem;margin-block-start:1.25rem}[tuiBlockDetails] [tuiAccessories],[tuiBlockDetails] tui-badge:only-of-type{margin-block-start:1.25rem}[tuiBlockDetails] [tuiAccessories]{display:flex;gap:.5rem}[tuiBlockDetails] [tuiAvatar],[tuiBlockDetails] [tuiTitle]{margin-block-end:1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+class Styles {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: Styles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-block-details" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiBlockDetails]{display:flex;flex-direction:column;align-items:center;font:var(--tui-font-heading-3);min-block-size:2rem}[tuiBlockDetails] [tuiTitle]{text-align:center;font:var(--tui-font-text-l);gap:0}[tuiBlockDetails] [tuiSubtitle],[tuiBlockDetails] [tuiDetailsStatus]{display:flex;align-items:center;gap:.25rem;font:var(--tui-font-text-m);color:var(--tui-text-secondary);margin-block-start:.25rem}:host-context(tui-root._mobile) [tuiBlockDetails] [tuiSubtitle],:host-context(tui-root._mobile) [tuiBlockDetails] [tuiDetailsStatus]{font:var(--tui-font-text-s)}[tuiBlockDetails] [tuiSubtitle]+[tuiSubtitle],[tuiBlockDetails] [tuiDetailsStatus]{margin-block-start:1rem}[tuiBlockDetails] [tuiComment]{margin-block-start:1.0625rem}[tuiBlockDetails] [tuiAccessory]{display:flex;gap:.5rem;margin-block-start:1.25rem}[tuiBlockDetails] [tuiAccessories],[tuiBlockDetails] tui-badge:only-of-type{margin-block-start:1.25rem}[tuiBlockDetails] [tuiAccessories]{display:flex;gap:.5rem}[tuiBlockDetails] [tuiAvatar],[tuiBlockDetails] [tuiTitle]{margin-block-end:1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiBlockDetailsStyles, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: Styles, decorators: [{
             type: Component,
-            args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        class: 'tui-block-details-styles',
-                    }, styles: ["[tuiBlockDetails]{display:flex;flex-direction:column;align-items:center;font:var(--tui-font-heading-3);min-block-size:2rem}[tuiBlockDetails] [tuiTitle]{text-align:center;font:var(--tui-font-text-l);gap:0}[tuiBlockDetails] [tuiSubtitle],[tuiBlockDetails] [tuiDetailsStatus]{display:flex;align-items:center;gap:.25rem;font:var(--tui-font-text-m);color:var(--tui-text-secondary);margin-block-start:.25rem}:host-context(tui-root._mobile) [tuiBlockDetails] [tuiSubtitle],:host-context(tui-root._mobile) [tuiBlockDetails] [tuiDetailsStatus]{font:var(--tui-font-text-s)}[tuiBlockDetails] [tuiSubtitle]+[tuiSubtitle],[tuiBlockDetails] [tuiDetailsStatus]{margin-block-start:1rem}[tuiBlockDetails] [tuiComment]{margin-block-start:1.0625rem}[tuiBlockDetails] [tuiAccessory]{display:flex;gap:.5rem;margin-block-start:1.25rem}[tuiBlockDetails] [tuiAccessories],[tuiBlockDetails] tui-badge:only-of-type{margin-block-start:1.25rem}[tuiBlockDetails] [tuiAccessories]{display:flex;gap:.5rem}[tuiBlockDetails] [tuiAvatar],[tuiBlockDetails] [tuiTitle]{margin-block-end:1rem}\n"] }]
+            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-block-details' }, styles: ["[tuiBlockDetails]{display:flex;flex-direction:column;align-items:center;font:var(--tui-font-heading-3);min-block-size:2rem}[tuiBlockDetails] [tuiTitle]{text-align:center;font:var(--tui-font-text-l);gap:0}[tuiBlockDetails] [tuiSubtitle],[tuiBlockDetails] [tuiDetailsStatus]{display:flex;align-items:center;gap:.25rem;font:var(--tui-font-text-m);color:var(--tui-text-secondary);margin-block-start:.25rem}:host-context(tui-root._mobile) [tuiBlockDetails] [tuiSubtitle],:host-context(tui-root._mobile) [tuiBlockDetails] [tuiDetailsStatus]{font:var(--tui-font-text-s)}[tuiBlockDetails] [tuiSubtitle]+[tuiSubtitle],[tuiBlockDetails] [tuiDetailsStatus]{margin-block-start:1rem}[tuiBlockDetails] [tuiComment]{margin-block-start:1.0625rem}[tuiBlockDetails] [tuiAccessory]{display:flex;gap:.5rem;margin-block-start:1.25rem}[tuiBlockDetails] [tuiAccessories],[tuiBlockDetails] tui-badge:only-of-type{margin-block-start:1.25rem}[tuiBlockDetails] [tuiAccessories]{display:flex;gap:.5rem}[tuiBlockDetails] [tuiAvatar],[tuiBlockDetails] [tuiTitle]{margin-block-end:1rem}\n"] }]
         }] });
 class TuiBlockDetails {
     constructor() {
-        this.nothing = tuiWithStyles(TuiBlockDetailsStyles);
+        this.nothing = tuiWithStyles(Styles);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiBlockDetails, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: TuiBlockDetails, isStandalone: true, selector: "[tuiBlockDetails]", ngImport: i0 }); }
@@ -22,7 +20,6 @@ class TuiBlockDetails {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiBlockDetails, decorators: [{
             type: Directive,
             args: [{
-                    standalone: true,
                     selector: '[tuiBlockDetails]',
                 }]
         }] });

package/fesm2022/taiga-ui-layout-components-block-details.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-layout-components-block-details.mjs","sources":["../../../projects/layout/components/block-details/block-details.directive.ts","../../../projects/layout/components/block-details/taiga-ui-layout-components-block-details.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    Directive,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\n\n@Component({\n    standalone: true,\n    template: '',\n    styleUrls: ['./block-details.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'tui-block-details-styles',\n    },\n})\nclass TuiBlockDetailsStyles {}\n\n@Directive({\n    standalone: true,\n    selector: '[tuiBlockDetails]',\n})\nexport class TuiBlockDetails {\n    protected readonly nothing = tuiWithStyles(TuiBlockDetailsStyles);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAQA,MAUM,qBAAqB,CAAA;+GAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,8HARb,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,miCAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAQV,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAV1B,SAAS;iCACM,IAAI,EAAA,QAAA,EACN,EAAE,EAAA,aAAA,EAEG,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACzC,IAAA,EAAA;AACF,wBAAA,KAAK,EAAE,0BAA0B;AACpC,qBAAA,EAAA,MAAA,EAAA,CAAA,miCAAA,CAAA,EAAA;;MAQQ,eAAe,CAAA;AAJ5B,IAAA,WAAA,GAAA;AAKuB,QAAA,IAAA,CAAA,OAAO,GAAG,aAAa,CAAC,qBAAqB,CAAC;AACpE;+GAFY,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAJ3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,mBAAmB;AAChC,iBAAA;;;ACvBD;;AAEG;;;;"}
+{"version":3,"file":"taiga-ui-layout-components-block-details.mjs","sources":["../../../projects/layout/components/block-details/block-details.directive.ts","../../../projects/layout/components/block-details/taiga-ui-layout-components-block-details.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    Directive,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\n\n@Component({\n    template: '',\n    styleUrl: './block-details.style.less',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {class: 'tui-block-details'},\n})\nclass Styles {}\n\n@Directive({\n    selector: '[tuiBlockDetails]',\n})\nexport class TuiBlockDetails {\n    protected readonly nothing = tuiWithStyles(Styles);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAQA,MAOM,MAAM,CAAA;+GAAN,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAN,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAM,uHANE,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,miCAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAMV,MAAM,EAAA,UAAA,EAAA,CAAA;kBAPX,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAE,EAEG,aAAA,EAAA,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACzC,IAAA,EAAA,EAAC,KAAK,EAAE,mBAAmB,EAAC,EAAA,MAAA,EAAA,CAAA,miCAAA,CAAA,EAAA;;MAOzB,eAAe,CAAA;AAH5B,IAAA,WAAA,GAAA;AAIuB,QAAA,IAAA,CAAA,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC;AACrD;+GAFY,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAH3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,mBAAmB;AAChC,iBAAA;;;ACnBD;;AAEG;;;;"}