@taiga-ui/layout 4.52.0-canary.ec0802b → 4.52.0-canary.efbd0d4

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-size.directive.d.ts

@@ -1,5 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class TuiAppBarSizeDirective {
+    private readonly breakpoint;
     protected readonly size: import("@angular/core").Signal<"m" | "l">;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiAppBarSizeDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiAppBarSizeDirective, "tui-app-bar[tuiAppBarSize]", never, {}, {}, never, never, true, never>;

package/components/elastic-container/elastic-container.component.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class TuiElasticContainer {
+    protected height: string;
+    protected transitions: number;
+    protected onAnimation(_name: string, count: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiElasticContainer, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiElasticContainer, "tui-elastic-container", never, {}, {}, never, ["*"], true, never>;
+}

package/components/elastic-container/elastic-container.directive.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class TuiElasticContainerDirective {
+    private readonly el;
+    readonly tuiElasticContainer: import("@angular/core").OutputRef<number>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiElasticContainerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiElasticContainerDirective, "[tuiElasticContainer]", never, {}, { "tuiElasticContainer": "tuiElasticContainer"; }, never, never, true, never>;
+}

package/components/elastic-container/index.d.ts

@@ -0,0 +1,2 @@
+export * from './elastic-container.component';
+export * from './elastic-container.directive';

package/components/floating-container/floating-container.directive.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@taiga-ui/cdk/directives/animated";
+export declare class TuiFloatingContainer {
+    protected readonly nothing: undefined;
+    readonly background: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiFloatingContainer, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiFloatingContainer, "[tuiFloatingContainer]", never, { "background": { "alias": "tuiFloatingContainer"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
+}

package/components/floating-container/index.d.ts

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

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

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

package/components/index.d.ts

@@ -3,6 +3,8 @@ 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/dynamic-header';
+export * from '@taiga-ui/layout/components/elastic-container';
+export * from '@taiga-ui/layout/components/floating-container';
 export * from '@taiga-ui/layout/components/form';
 export * from '@taiga-ui/layout/components/header';
 export * from '@taiga-ui/layout/components/input-search';
@@ -10,4 +12,5 @@ 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/slides';
 export * from '@taiga-ui/layout/components/surface';

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

@@ -1,10 +1,10 @@
 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?;
+    private readonly template;
+    private readonly container;
     private readonly el;
     private readonly service;
     private readonly textfield;
@@ -22,5 +22,5 @@ export declare class TuiInputSearch implements OnChanges {
     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; "isSignal": true; }; "searchOpen": { "alias": "tuiInputSearchOpen"; "required": false; "isSignal": true; }; }, { "searchOpen": "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/navigation/aside-group.component.d.ts

@@ -2,7 +2,7 @@ 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;

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/drawer.component.d.ts

@@ -1,14 +1,13 @@
-import { type DoCheck, TemplateRef } from '@angular/core';
+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;
     protected readonly template: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     protected readonly ef: import("@angular/core").EffectRef;
-    ngDoCheck(): void;
+    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/pdf-viewer.component.d.ts

@@ -1,5 +1,5 @@
 import { type TuiPortalContext } from '@taiga-ui/cdk/portals';
-import { type TuiDialogOptions } from '@taiga-ui/core/components/dialog';
+import { type TuiDialogOptions } from '@taiga-ui/core/portals/dialog';
 import * as i0 from "@angular/core";
 export declare class TuiPdfViewer<O, I> {
     private readonly breakpoint;

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

@@ -1,6 +1,6 @@
 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 readonly template: import("@angular/core").Signal<TemplateRef<any> | undefined>;

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

@@ -9,10 +9,10 @@ export declare class TuiSearchFiltersComponent {
     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;
+    readonly size: import("@angular/core").InputSignal<TuiSizeS>;
     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; }; }, {}, ["controls", "templates"], ["*"], true, [{ directive: typeof i1.TuiTextfieldOptionsDirective; inputs: { "tuiTextfieldSize": "size"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiSearchFiltersComponent, "tui-search-filters", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, ["controls", "templates"], ["*"], true, [{ directive: typeof i1.TuiTextfieldOptionsDirective; inputs: { "tuiTextfieldSize": "size"; }; outputs: {}; }]>;
 }

package/components/slides/index.d.ts

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

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

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

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

@@ -1,6 +1,6 @@
 import { AsyncPipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { viewChildren, inject, input, ChangeDetectionStrategy, ViewEncapsulation, Component, Directive } from '@angular/core';
+import { viewChildren, inject, input, ChangeDetectionStrategy, ViewEncapsulation, Component, Directive, computed } from '@angular/core';
 import { MutationObserverService, WA_MUTATION_OBSERVER_INIT } from '@ng-web-apis/mutation-observer';
 import { ResizeObserverService } from '@ng-web-apis/resize-observer';
 import { tuiZonefull } from '@taiga-ui/cdk/observables';
@@ -11,10 +11,8 @@ 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 { toSignal } from '@angular/core/rxjs-interop';
-import { tuiDirectiveBinding } from '@taiga-ui/cdk/utils/miscellaneous';
-import { TuiBreakpointService } from '@taiga-ui/core/services';
+import { TUI_COMMON_ICONS, TUI_BREAKPOINT } from '@taiga-ui/core/tokens';
+import { tuiDirectiveBinding } from '@taiga-ui/cdk/utils/di';
 
 const TUI_APP_BAR_PROVIDERS = [
     ResizeObserverService,
@@ -44,24 +42,24 @@ class TuiAppBarComponent {
     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: "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: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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiAppBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.17", 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-body-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-body-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[data-size=l] [tuiAppBarBack]{font:var(--tui-font-body-l)}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.17", 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: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"] }]
+                    }, 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-body-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-body-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[data-size=l] [tuiAppBarBack]{font:var(--tui-font-body-l)}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 = 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: "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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiAppBarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.17", 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.17", ngImport: i0, type: TuiAppBarDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tuiSlot]',
@@ -70,13 +68,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
 
 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=\"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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiAppBarBack, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", 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.17", 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=\"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"] }]
         }] });
@@ -84,12 +82,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
 // TODO: Make size automatic based on tuiPlatform in v5
 class TuiAppBarSizeDirective {
     constructor() {
-        this.size = tuiDirectiveBinding(TuiAppBarComponent, 'size', toSignal(inject(TuiBreakpointService).pipe(map((breakpoint) => (breakpoint === 'mobile' ? 'm' : 'l'))), { initialValue: 'm' }));
+        this.breakpoint = inject(TUI_BREAKPOINT);
+        this.size = tuiDirectiveBinding(TuiAppBarComponent, 'size', computed(() => (this.breakpoint() === 'mobile' ? 'm' : 'l')));
     }
-    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.17", ngImport: i0, type: TuiAppBarSizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", 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.17", ngImport: i0, type: TuiAppBarSizeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'tui-app-bar[tuiAppBarSize]',

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    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    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    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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"}
+{"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    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_COMMON_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_COMMON_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 {computed, Directive, inject} from '@angular/core';\nimport {tuiDirectiveBinding} from '@taiga-ui/cdk/utils/di';\nimport {TUI_BREAKPOINT} from '@taiga-ui/core/tokens';\n\nimport {TuiAppBarComponent} from './app-bar.component';\n\n// TODO: Make size automatic based on tuiPlatform in v5\n@Directive({\n    selector: 'tui-app-bar[tuiAppBarSize]',\n})\nexport class TuiAppBarSizeDirective {\n    private readonly breakpoint = inject(TUI_BREAKPOINT);\n    protected readonly size = tuiDirectiveBinding(\n        TuiAppBarComponent,\n        'size',\n        computed(() => (this.breakpoint() === 'mobile' ? 'm' : 'l')),\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

@@ -3,21 +3,21 @@ import { ChangeDetectionStrategy, ViewEncapsulation, Component, Directive } from
 import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
 
 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", 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-h3);min-block-size:2rem}[tuiBlockDetails] [tuiTitle]{text-align:center;font:var(--tui-font-body-l);gap:0}[tuiBlockDetails] [tuiSubtitle],[tuiBlockDetails] [tuiDetailsStatus]{display:flex;align-items:center;gap:.25rem;font:var(--tui-font-body-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-body-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: Styles, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: Styles, decorators: [{
             type: Component,
-            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"] }]
+            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-h3);min-block-size:2rem}[tuiBlockDetails] [tuiTitle]{text-align:center;font:var(--tui-font-body-l);gap:0}[tuiBlockDetails] [tuiSubtitle],[tuiBlockDetails] [tuiDetailsStatus]{display:flex;align-items:center;gap:.25rem;font:var(--tui-font-body-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-body-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(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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiBlockDetails, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: TuiBlockDetails, isStandalone: true, selector: "[tuiBlockDetails]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiBlockDetails, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiBlockDetails, decorators: [{
             type: Directive,
             args: [{
                     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    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;;;;"}
+{"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,oiCAAA,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,oiCAAA,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;;;;"}

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

@@ -6,25 +6,25 @@ class TuiBlockStatusComponent {
         this.card = input(false);
         this.size = input('l');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiBlockStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: TuiBlockStatusComponent, isStandalone: true, selector: "tui-block-status", inputs: { card: { classPropertyName: "card", publicName: "card", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class._card": "card()", "attr.data-size": "size()" } }, ngImport: i0, template: "<div class=\"t-block-image\">\n    <ng-content select=\"[tuiSlot='top']\" />\n</div>\n\n<ng-content select=\"h1,h2,h3,h4,h5,h6\" />\n\n<div class=\"t-block-text\">\n    <ng-content />\n</div>\n\n<div class=\"t-block-actions\">\n    <ng-content select=\"a,button,[tuiSlot='action']\" />\n</div>\n", styles: ["tui-block-status{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;overflow:hidden;inline-size:100%;block-size:100%}tui-block-status._card{border-radius:var(--tui-radius-xl);padding:2rem}tui-block-status .t-block-image:empty,tui-block-status .t-block-text:empty,tui-block-status .t-block-actions:empty{display:none}tui-block-status .t-block-image:not(:empty){display:flex;margin-block-end:2rem}tui-block-status .t-block-text:not(:empty){font:var(--tui-font-text-m);color:var(--tui-text-secondary);white-space:pre-line}tui-block-status .t-block-actions:not(:empty){display:flex;flex-direction:column;align-items:center;inline-size:100%;margin-block-start:2rem}tui-block-status h1,tui-block-status h2,tui-block-status h3,tui-block-status h4,tui-block-status h5,tui-block-status h6{font:var(--tui-font-heading-4);margin:0}tui-block-status h1~.t-block-text:not(:empty),tui-block-status h2~.t-block-text:not(:empty),tui-block-status h3~.t-block-text:not(:empty),tui-block-status h4~.t-block-text:not(:empty),tui-block-status h5~.t-block-text:not(:empty),tui-block-status h6~.t-block-text:not(:empty){margin-block-start:1rem}tui-block-status img{inline-size:9rem;block-size:9rem}tui-block-status a:not(:last-child),tui-block-status button:not(:last-child){margin-block-end:.75rem}[data-platform=web] tui-block-status[data-size=m] h1,[data-platform=web] tui-block-status[data-size=m] h2,[data-platform=web] tui-block-status[data-size=m] h3,[data-platform=web] tui-block-status[data-size=m] h4,[data-platform=web] tui-block-status[data-size=m] h5,[data-platform=web] tui-block-status[data-size=m] h6{font:var(--tui-font-heading-6);margin-block-start:0}[data-platform=web] tui-block-status[data-size=m] h1~.t-block-text:not(:empty),[data-platform=web] tui-block-status[data-size=m] h2~.t-block-text:not(:empty),[data-platform=web] tui-block-status[data-size=m] h3~.t-block-text:not(:empty),[data-platform=web] tui-block-status[data-size=m] h4~.t-block-text:not(:empty),[data-platform=web] tui-block-status[data-size=m] h5~.t-block-text:not(:empty),[data-platform=web] tui-block-status[data-size=m] h6~.t-block-text:not(:empty){margin-block-start:.75rem}[data-platform=web] tui-block-status[data-size=m] img{inline-size:6rem;block-size:6rem}[data-platform=web] tui-block-status[data-size=m] .t-block-text:not(:empty){font:var(--tui-font-text-s)}[data-platform=web] tui-block-status[data-size=m] .t-block-actions:not(:empty){margin-block-start:1.5rem}[data-platform=web] tui-block-status[data-size=m] .t-block-image:not(:empty){margin-block-end:1.5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiBlockStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.17", type: TuiBlockStatusComponent, isStandalone: true, selector: "tui-block-status", inputs: { card: { classPropertyName: "card", publicName: "card", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class._card": "card()", "attr.data-size": "size()" } }, ngImport: i0, template: "<div class=\"t-block-image\">\n    <ng-content select=\"[tuiSlot='top']\" />\n</div>\n\n<ng-content select=\"h1,h2,h3,h4,h5,h6\" />\n\n<div class=\"t-block-text\">\n    <ng-content />\n</div>\n\n<div class=\"t-block-actions\">\n    <ng-content select=\"a,button,[tuiSlot='action']\" />\n</div>\n", styles: ["tui-block-status{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;overflow:hidden;inline-size:100%;block-size:100%}tui-block-status._card{border-radius:var(--tui-radius-xl);padding:2rem}tui-block-status .t-block-image:empty,tui-block-status .t-block-text:empty,tui-block-status .t-block-actions:empty{display:none}tui-block-status .t-block-image:not(:empty){display:flex;margin-block-end:2rem}tui-block-status .t-block-text:not(:empty){font:var(--tui-font-body-m);color:var(--tui-text-secondary);white-space:pre-line}tui-block-status .t-block-actions:not(:empty){display:flex;flex-direction:column;align-items:center;inline-size:100%;margin-block-start:2rem}tui-block-status h1,tui-block-status h2,tui-block-status h3,tui-block-status h4,tui-block-status h5,tui-block-status h6{font:var(--tui-font-heading-h4);margin:0}tui-block-status h1~.t-block-text:not(:empty),tui-block-status h2~.t-block-text:not(:empty),tui-block-status h3~.t-block-text:not(:empty),tui-block-status h4~.t-block-text:not(:empty),tui-block-status h5~.t-block-text:not(:empty),tui-block-status h6~.t-block-text:not(:empty){margin-block-start:1rem}tui-block-status img{inline-size:9rem;block-size:9rem}tui-block-status a:not(:last-child),tui-block-status button:not(:last-child){margin-block-end:.75rem}[data-platform=web] tui-block-status[data-size=m] h1,[data-platform=web] tui-block-status[data-size=m] h2,[data-platform=web] tui-block-status[data-size=m] h3,[data-platform=web] tui-block-status[data-size=m] h4,[data-platform=web] tui-block-status[data-size=m] h5,[data-platform=web] tui-block-status[data-size=m] h6{font:var(--tui-font-heading-h6);margin-block-start:0}[data-platform=web] tui-block-status[data-size=m] h1~.t-block-text:not(:empty),[data-platform=web] tui-block-status[data-size=m] h2~.t-block-text:not(:empty),[data-platform=web] tui-block-status[data-size=m] h3~.t-block-text:not(:empty),[data-platform=web] tui-block-status[data-size=m] h4~.t-block-text:not(:empty),[data-platform=web] tui-block-status[data-size=m] h5~.t-block-text:not(:empty),[data-platform=web] tui-block-status[data-size=m] h6~.t-block-text:not(:empty){margin-block-start:.75rem}[data-platform=web] tui-block-status[data-size=m] img{inline-size:6rem;block-size:6rem}[data-platform=web] tui-block-status[data-size=m] .t-block-text:not(:empty){font:var(--tui-font-body-s)}[data-platform=web] tui-block-status[data-size=m] .t-block-actions:not(:empty){margin-block-start:1.5rem}[data-platform=web] tui-block-status[data-size=m] .t-block-image:not(:empty){margin-block-end:1.5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiBlockStatusComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiBlockStatusComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tui-block-status', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class._card]': 'card()',
                         '[attr.data-size]': 'size()',
-                    }, template: "<div class=\"t-block-image\">\n    <ng-content select=\"[tuiSlot='top']\" />\n</div>\n\n<ng-content select=\"h1,h2,h3,h4,h5,h6\" />\n\n<div class=\"t-block-text\">\n    <ng-content />\n</div>\n\n<div class=\"t-block-actions\">\n    <ng-content select=\"a,button,[tuiSlot='action']\" />\n</div>\n", styles: ["tui-block-status{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;overflow:hidden;inline-size:100%;block-size:100%}tui-block-status._card{border-radius:var(--tui-radius-xl);padding:2rem}tui-block-status .t-block-image:empty,tui-block-status .t-block-text:empty,tui-block-status .t-block-actions:empty{display:none}tui-block-status .t-block-image:not(:empty){display:flex;margin-block-end:2rem}tui-block-status .t-block-text:not(:empty){font:var(--tui-font-text-m);color:var(--tui-text-secondary);white-space:pre-line}tui-block-status .t-block-actions:not(:empty){display:flex;flex-direction:column;align-items:center;inline-size:100%;margin-block-start:2rem}tui-block-status h1,tui-block-status h2,tui-block-status h3,tui-block-status h4,tui-block-status h5,tui-block-status h6{font:var(--tui-font-heading-4);margin:0}tui-block-status h1~.t-block-text:not(:empty),tui-block-status h2~.t-block-text:not(:empty),tui-block-status h3~.t-block-text:not(:empty),tui-block-status h4~.t-block-text:not(:empty),tui-block-status h5~.t-block-text:not(:empty),tui-block-status h6~.t-block-text:not(:empty){margin-block-start:1rem}tui-block-status img{inline-size:9rem;block-size:9rem}tui-block-status a:not(:last-child),tui-block-status button:not(:last-child){margin-block-end:.75rem}[data-platform=web] tui-block-status[data-size=m] h1,[data-platform=web] tui-block-status[data-size=m] h2,[data-platform=web] tui-block-status[data-size=m] h3,[data-platform=web] tui-block-status[data-size=m] h4,[data-platform=web] tui-block-status[data-size=m] h5,[data-platform=web] tui-block-status[data-size=m] h6{font:var(--tui-font-heading-6);margin-block-start:0}[data-platform=web] tui-block-status[data-size=m] h1~.t-block-text:not(:empty),[data-platform=web] tui-block-status[data-size=m] h2~.t-block-text:not(:empty),[data-platform=web] tui-block-status[data-size=m] h3~.t-block-text:not(:empty),[data-platform=web] tui-block-status[data-size=m] h4~.t-block-text:not(:empty),[data-platform=web] tui-block-status[data-size=m] h5~.t-block-text:not(:empty),[data-platform=web] tui-block-status[data-size=m] h6~.t-block-text:not(:empty){margin-block-start:.75rem}[data-platform=web] tui-block-status[data-size=m] img{inline-size:6rem;block-size:6rem}[data-platform=web] tui-block-status[data-size=m] .t-block-text:not(:empty){font:var(--tui-font-text-s)}[data-platform=web] tui-block-status[data-size=m] .t-block-actions:not(:empty){margin-block-start:1.5rem}[data-platform=web] tui-block-status[data-size=m] .t-block-image:not(:empty){margin-block-end:1.5rem}\n"] }]
+                    }, template: "<div class=\"t-block-image\">\n    <ng-content select=\"[tuiSlot='top']\" />\n</div>\n\n<ng-content select=\"h1,h2,h3,h4,h5,h6\" />\n\n<div class=\"t-block-text\">\n    <ng-content />\n</div>\n\n<div class=\"t-block-actions\">\n    <ng-content select=\"a,button,[tuiSlot='action']\" />\n</div>\n", styles: ["tui-block-status{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;overflow:hidden;inline-size:100%;block-size:100%}tui-block-status._card{border-radius:var(--tui-radius-xl);padding:2rem}tui-block-status .t-block-image:empty,tui-block-status .t-block-text:empty,tui-block-status .t-block-actions:empty{display:none}tui-block-status .t-block-image:not(:empty){display:flex;margin-block-end:2rem}tui-block-status .t-block-text:not(:empty){font:var(--tui-font-body-m);color:var(--tui-text-secondary);white-space:pre-line}tui-block-status .t-block-actions:not(:empty){display:flex;flex-direction:column;align-items:center;inline-size:100%;margin-block-start:2rem}tui-block-status h1,tui-block-status h2,tui-block-status h3,tui-block-status h4,tui-block-status h5,tui-block-status h6{font:var(--tui-font-heading-h4);margin:0}tui-block-status h1~.t-block-text:not(:empty),tui-block-status h2~.t-block-text:not(:empty),tui-block-status h3~.t-block-text:not(:empty),tui-block-status h4~.t-block-text:not(:empty),tui-block-status h5~.t-block-text:not(:empty),tui-block-status h6~.t-block-text:not(:empty){margin-block-start:1rem}tui-block-status img{inline-size:9rem;block-size:9rem}tui-block-status a:not(:last-child),tui-block-status button:not(:last-child){margin-block-end:.75rem}[data-platform=web] tui-block-status[data-size=m] h1,[data-platform=web] tui-block-status[data-size=m] h2,[data-platform=web] tui-block-status[data-size=m] h3,[data-platform=web] tui-block-status[data-size=m] h4,[data-platform=web] tui-block-status[data-size=m] h5,[data-platform=web] tui-block-status[data-size=m] h6{font:var(--tui-font-heading-h6);margin-block-start:0}[data-platform=web] tui-block-status[data-size=m] h1~.t-block-text:not(:empty),[data-platform=web] tui-block-status[data-size=m] h2~.t-block-text:not(:empty),[data-platform=web] tui-block-status[data-size=m] h3~.t-block-text:not(:empty),[data-platform=web] tui-block-status[data-size=m] h4~.t-block-text:not(:empty),[data-platform=web] tui-block-status[data-size=m] h5~.t-block-text:not(:empty),[data-platform=web] tui-block-status[data-size=m] h6~.t-block-text:not(:empty){margin-block-start:.75rem}[data-platform=web] tui-block-status[data-size=m] img{inline-size:6rem;block-size:6rem}[data-platform=web] tui-block-status[data-size=m] .t-block-text:not(:empty){font:var(--tui-font-body-s)}[data-platform=web] tui-block-status[data-size=m] .t-block-actions:not(:empty){margin-block-start:1.5rem}[data-platform=web] tui-block-status[data-size=m] .t-block-image:not(:empty){margin-block-end:1.5rem}\n"] }]
         }] });
 
 class TuiBlockStatusDirective {
     constructor() {
         this.tuiSlot = input('top');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiBlockStatusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.15", type: TuiBlockStatusDirective, isStandalone: true, selector: "[tuiSlot]", inputs: { tuiSlot: { classPropertyName: "tuiSlot", publicName: "tuiSlot", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiBlockStatusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.17", type: TuiBlockStatusDirective, 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: TuiBlockStatusDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiBlockStatusDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tuiSlot]',

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-layout-components-block-status.mjs","sources":["../../../projects/layout/components/block-status/block-status.component.ts","../../../projects/layout/components/block-status/block-status.template.html","../../../projects/layout/components/block-status/block-status.directive.ts","../../../projects/layout/components/block-status/block-status.ts","../../../projects/layout/components/block-status/taiga-ui-layout-components-block-status.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    input,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {type TuiSizeL} from '@taiga-ui/core/types';\n\n@Component({\n    selector: 'tui-block-status',\n    templateUrl: './block-status.template.html',\n    styleUrl: './block-status.style.less',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[class._card]': 'card()',\n        '[attr.data-size]': 'size()',\n    },\n})\nexport class TuiBlockStatusComponent {\n    public readonly card = input(false);\n\n    public readonly size = input<TuiSizeL>('l');\n}\n","<div class=\"t-block-image\">\n    <ng-content select=\"[tuiSlot='top']\" />\n</div>\n\n<ng-content select=\"h1,h2,h3,h4,h5,h6\" />\n\n<div class=\"t-block-text\">\n    <ng-content />\n</div>\n\n<div class=\"t-block-actions\">\n    <ng-content select=\"a,button,[tuiSlot='action']\" />\n</div>\n","import {Directive, input} from '@angular/core';\nimport {type TuiLooseUnion} from '@taiga-ui/cdk/types';\n\n@Directive({\n    selector: '[tuiSlot]',\n})\nexport class TuiBlockStatusDirective {\n    public readonly tuiSlot = input<TuiLooseUnion<'action' | 'top'>>('top');\n}\n","import {TuiBlockStatusComponent} from './block-status.component';\nimport {TuiBlockStatusDirective} from './block-status.directive';\n\nexport const TuiBlockStatus = [TuiBlockStatusComponent, TuiBlockStatusDirective] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAmBa,uBAAuB,CAAA;AAXpC,IAAA,WAAA,GAAA;AAYoB,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC;AAEnB,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAW,GAAG,CAAC;AAC9C;+GAJY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,iZCnBpC,ySAaA,EAAA,MAAA,EAAA,CAAA,ojFAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FDMa,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAXnC,SAAS;+BACI,kBAAkB,EAAA,aAAA,EAGb,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EACzC,IAAA,EAAA;AACF,wBAAA,eAAe,EAAE,QAAQ;AACzB,wBAAA,kBAAkB,EAAE,QAAQ;AAC/B,qBAAA,EAAA,QAAA,EAAA,ySAAA,EAAA,MAAA,EAAA,CAAA,ojFAAA,CAAA,EAAA;;;MEXQ,uBAAuB,CAAA;AAHpC,IAAA,WAAA,GAAA;AAIoB,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAkC,KAAK,CAAC;AAC1E;+GAFY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAHnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,WAAW;AACxB,iBAAA;;;MCFY,cAAc,GAAG,CAAC,uBAAuB,EAAE,uBAAuB;;ACH/E;;AAEG;;;;"}
+{"version":3,"file":"taiga-ui-layout-components-block-status.mjs","sources":["../../../projects/layout/components/block-status/block-status.component.ts","../../../projects/layout/components/block-status/block-status.template.html","../../../projects/layout/components/block-status/block-status.directive.ts","../../../projects/layout/components/block-status/block-status.ts","../../../projects/layout/components/block-status/taiga-ui-layout-components-block-status.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    input,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {type TuiSizeL} from '@taiga-ui/core/types';\n\n@Component({\n    selector: 'tui-block-status',\n    templateUrl: './block-status.template.html',\n    styleUrl: './block-status.style.less',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[class._card]': 'card()',\n        '[attr.data-size]': 'size()',\n    },\n})\nexport class TuiBlockStatusComponent {\n    public readonly card = input(false);\n\n    public readonly size = input<TuiSizeL>('l');\n}\n","<div class=\"t-block-image\">\n    <ng-content select=\"[tuiSlot='top']\" />\n</div>\n\n<ng-content select=\"h1,h2,h3,h4,h5,h6\" />\n\n<div class=\"t-block-text\">\n    <ng-content />\n</div>\n\n<div class=\"t-block-actions\">\n    <ng-content select=\"a,button,[tuiSlot='action']\" />\n</div>\n","import {Directive, input} from '@angular/core';\nimport {type TuiLooseUnion} from '@taiga-ui/cdk/types';\n\n@Directive({\n    selector: '[tuiSlot]',\n})\nexport class TuiBlockStatusDirective {\n    public readonly tuiSlot = input<TuiLooseUnion<'action' | 'top'>>('top');\n}\n","import {TuiBlockStatusComponent} from './block-status.component';\nimport {TuiBlockStatusDirective} from './block-status.directive';\n\nexport const TuiBlockStatus = [TuiBlockStatusComponent, TuiBlockStatusDirective] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAmBa,uBAAuB,CAAA;AAXpC,IAAA,WAAA,GAAA;AAYoB,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC;AAEnB,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAW,GAAG,CAAC;AAC9C;+GAJY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,iZCnBpC,ySAaA,EAAA,MAAA,EAAA,CAAA,sjFAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FDMa,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAXnC,SAAS;+BACI,kBAAkB,EAAA,aAAA,EAGb,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EACzC,IAAA,EAAA;AACF,wBAAA,eAAe,EAAE,QAAQ;AACzB,wBAAA,kBAAkB,EAAE,QAAQ;AAC/B,qBAAA,EAAA,QAAA,EAAA,ySAAA,EAAA,MAAA,EAAA,CAAA,sjFAAA,CAAA,EAAA;;;MEXQ,uBAAuB,CAAA;AAHpC,IAAA,WAAA,GAAA;AAIoB,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAkC,KAAK,CAAC;AAC1E;+GAFY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAHnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,WAAW;AACxB,iBAAA;;;MCFY,cAAc,GAAG,CAAC,uBAAuB,EAAE,uBAAuB;;ACH/E;;AAEG;;;;"}