@taiga-ui/layout 4.0.0-rc.6 → 4.0.0-rc.8

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

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

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

@@ -0,0 +1,17 @@
+import { RouterLink } from '@angular/router';
+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 i3 from "@taiga-ui/core/components/button";
+import * as i4 from "@angular/router";
+export declare class TuiAsideItemDirective implements TuiDataListHost<unknown> {
+    protected readonly icon: string;
+    protected readonly icons: TuiIcons;
+    protected readonly link: RouterLink | null;
+    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.TuiHintAside; 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: {}; }]>;
+}

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

@@ -1,6 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class TuiAsideComponent {
-    tuiNavigationAside: boolean;
+    readonly expanded: import("@angular/core").WritableSignal<boolean>;
+    set tuiNavigationAside(expanded: 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>;
 }

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

@@ -1,11 +1,10 @@
-import type { DoCheck } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/core/directives/hint";
-export declare class TuiHintAside implements DoCheck {
+export declare class TuiHintAside {
     private readonly el;
     private readonly aside;
-    private readonly hint;
-    ngDoCheck(): void;
+    private readonly dropdown;
+    protected readonly binding: import("@angular/core").Signal<string | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiHintAside, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHintAside, "[tuiHintAside]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiHintDirective; inputs: {}; outputs: {}; }]>;
 }

package/components/navigation/index.d.ts

@@ -1,4 +1,6 @@
 export * from './aside.component';
+export * from './aside-group.component';
+export * from './aside-item.directive';
 export * from './header.component';
 export * from './hint-aside.directive';
 export * from './logo.component';

package/components/navigation/navigation.d.ts

@@ -1,7 +1,9 @@
 import { TuiAsideComponent } from './aside.component';
+import { TuiAsideGroupComponent } from './aside-group.component';
+import { TuiAsideItemDirective } from './aside-item.directive';
 import { TuiHeaderComponent } from './header.component';
 import { TuiHintAside } from './hint-aside.directive';
 import { TuiLogoComponent } from './logo.component';
 import { TuiMainComponent } from './main.component';
 import { TuiNavComponent } from './nav.component';
-export declare const TuiNavigation: readonly [typeof TuiHeaderComponent, typeof TuiLogoComponent, typeof TuiMainComponent, typeof TuiAsideComponent, typeof TuiNavComponent, typeof TuiHintAside];
+export declare const TuiNavigation: readonly [typeof TuiHeaderComponent, typeof TuiLogoComponent, typeof TuiMainComponent, typeof TuiAsideComponent, typeof TuiAsideGroupComponent, typeof TuiAsideItemDirective, typeof TuiNavComponent, typeof TuiHintAside];

package/esm2022/components/app-bar/app-bar.providers.mjs

@@ -1,11 +1,11 @@
-import { MUTATION_OBSERVER_INIT, MutationObserverService, } from '@ng-web-apis/mutation-observer';
+import { MutationObserverService, WA_MUTATION_OBSERVER_INIT, } from '@ng-web-apis/mutation-observer';
 import { ResizeObserverService } from '@ng-web-apis/resize-observer';
 import { tuiButtonOptionsProvider } from '@taiga-ui/core/components/button';
 export const TUI_APP_BAR_PROVIDERS = [
     ResizeObserverService,
     MutationObserverService,
     {
-        provide: MUTATION_OBSERVER_INIT,
+        provide: WA_MUTATION_OBSERVER_INIT,
         useValue: {
             characterData: true,
             childList: true,
@@ -17,4 +17,4 @@ export const TUI_APP_BAR_PROVIDERS = [
         appearance: 'link',
     }),
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLWJhci5wcm92aWRlcnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9sYXlvdXQvY29tcG9uZW50cy9hcHAtYmFyL2FwcC1iYXIucHJvdmlkZXJzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFDSCxzQkFBc0IsRUFDdEIsdUJBQXVCLEdBQzFCLE1BQU0sZ0NBQWdDLENBQUM7QUFDeEMsT0FBTyxFQUFDLHFCQUFxQixFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFDbkUsT0FBTyxFQUFDLHdCQUF3QixFQUFDLE1BQU0sa0NBQWtDLENBQUM7QUFFMUUsTUFBTSxDQUFDLE1BQU0scUJBQXFCLEdBQWU7SUFDN0MscUJBQXFCO0lBQ3JCLHVCQUF1QjtJQUN2QjtRQUNJLE9BQU8sRUFBRSxzQkFBc0I7UUFDL0IsUUFBUSxFQUFFO1lBQ04sYUFBYSxFQUFFLElBQUk7WUFDbkIsU0FBUyxFQUFFLElBQUk7WUFDZixPQUFPLEVBQUUsSUFBSTtTQUNoQjtLQUNKO0lBQ0Qsd0JBQXdCLENBQUM7UUFDckIsSUFBSSxFQUFFLEdBQUc7UUFDVCxVQUFVLEVBQUUsTUFBTTtLQUNyQixDQUFDO0NBQ0wsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHtQcm92aWRlcn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICAgIE1VVEFUSU9OX09CU0VSVkVSX0lOSVQsXG4gICAgTXV0YXRpb25PYnNlcnZlclNlcnZpY2UsXG59IGZyb20gJ0BuZy13ZWItYXBpcy9tdXRhdGlvbi1vYnNlcnZlcic7XG5pbXBvcnQge1Jlc2l6ZU9ic2VydmVyU2VydmljZX0gZnJvbSAnQG5nLXdlYi1hcGlzL3Jlc2l6ZS1vYnNlcnZlcic7XG5pbXBvcnQge3R1aUJ1dHRvbk9wdGlvbnNQcm92aWRlcn0gZnJvbSAnQHRhaWdhLXVpL2NvcmUvY29tcG9uZW50cy9idXR0b24nO1xuXG5leHBvcnQgY29uc3QgVFVJX0FQUF9CQVJfUFJPVklERVJTOiBQcm92aWRlcltdID0gW1xuICAgIFJlc2l6ZU9ic2VydmVyU2VydmljZSxcbiAgICBNdXRhdGlvbk9ic2VydmVyU2VydmljZSxcbiAgICB7XG4gICAgICAgIHByb3ZpZGU6IE1VVEFUSU9OX09CU0VSVkVSX0lOSVQsXG4gICAgICAgIHVzZVZhbHVlOiB7XG4gICAgICAgICAgICBjaGFyYWN0ZXJEYXRhOiB0cnVlLFxuICAgICAgICAgICAgY2hpbGRMaXN0OiB0cnVlLFxuICAgICAgICAgICAgc3VidHJlZTogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICB9LFxuICAgIHR1aUJ1dHRvbk9wdGlvbnNQcm92aWRlcih7XG4gICAgICAgIHNpemU6ICdtJyxcbiAgICAgICAgYXBwZWFyYW5jZTogJ2xpbmsnLFxuICAgIH0pLFxuXTtcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLWJhci5wcm92aWRlcnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9sYXlvdXQvY29tcG9uZW50cy9hcHAtYmFyL2FwcC1iYXIucHJvdmlkZXJzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIseUJBQXlCLEdBQzVCLE1BQU0sZ0NBQWdDLENBQUM7QUFDeEMsT0FBTyxFQUFDLHFCQUFxQixFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFDbkUsT0FBTyxFQUFDLHdCQUF3QixFQUFDLE1BQU0sa0NBQWtDLENBQUM7QUFFMUUsTUFBTSxDQUFDLE1BQU0scUJBQXFCLEdBQWU7SUFDN0MscUJBQXFCO0lBQ3JCLHVCQUF1QjtJQUN2QjtRQUNJLE9BQU8sRUFBRSx5QkFBeUI7UUFDbEMsUUFBUSxFQUFFO1lBQ04sYUFBYSxFQUFFLElBQUk7WUFDbkIsU0FBUyxFQUFFLElBQUk7WUFDZixPQUFPLEVBQUUsSUFBSTtTQUNoQjtLQUNKO0lBQ0Qsd0JBQXdCLENBQUM7UUFDckIsSUFBSSxFQUFFLEdBQUc7UUFDVCxVQUFVLEVBQUUsTUFBTTtLQUNyQixDQUFDO0NBQ0wsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHtQcm92aWRlcn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICAgIE11dGF0aW9uT2JzZXJ2ZXJTZXJ2aWNlLFxuICAgIFdBX01VVEFUSU9OX09CU0VSVkVSX0lOSVQsXG59IGZyb20gJ0BuZy13ZWItYXBpcy9tdXRhdGlvbi1vYnNlcnZlcic7XG5pbXBvcnQge1Jlc2l6ZU9ic2VydmVyU2VydmljZX0gZnJvbSAnQG5nLXdlYi1hcGlzL3Jlc2l6ZS1vYnNlcnZlcic7XG5pbXBvcnQge3R1aUJ1dHRvbk9wdGlvbnNQcm92aWRlcn0gZnJvbSAnQHRhaWdhLXVpL2NvcmUvY29tcG9uZW50cy9idXR0b24nO1xuXG5leHBvcnQgY29uc3QgVFVJX0FQUF9CQVJfUFJPVklERVJTOiBQcm92aWRlcltdID0gW1xuICAgIFJlc2l6ZU9ic2VydmVyU2VydmljZSxcbiAgICBNdXRhdGlvbk9ic2VydmVyU2VydmljZSxcbiAgICB7XG4gICAgICAgIHByb3ZpZGU6IFdBX01VVEFUSU9OX09CU0VSVkVSX0lOSVQsXG4gICAgICAgIHVzZVZhbHVlOiB7XG4gICAgICAgICAgICBjaGFyYWN0ZXJEYXRhOiB0cnVlLFxuICAgICAgICAgICAgY2hpbGRMaXN0OiB0cnVlLFxuICAgICAgICAgICAgc3VidHJlZTogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICB9LFxuICAgIHR1aUJ1dHRvbk9wdGlvbnNQcm92aWRlcih7XG4gICAgICAgIHNpemU6ICdtJyxcbiAgICAgICAgYXBwZWFyYW5jZTogJ2xpbmsnLFxuICAgIH0pLFxuXTtcbiJdfQ==

package/esm2022/components/navigation/aside-group.component.mjs

@@ -0,0 +1,51 @@
+import { ChangeDetectionStrategy, Component, computed, ContentChild, HostListener, inject, signal, TemplateRef, ViewChild, ViewEncapsulation, } from '@angular/core';
+import { tuiDirectiveBinding, tuiProvide } from '@taiga-ui/cdk/utils/miscellaneous';
+import { TUI_DATA_LIST_HOST, TuiDataList } from '@taiga-ui/core/components/data-list';
+import { TuiExpand } from '@taiga-ui/core/components/expand';
+import { TuiDropdownDirective, TuiDropdownHover, TuiDropdownOpen, TuiDropdownPositionSided, } from '@taiga-ui/core/directives/dropdown';
+import { TuiChevron } from '@taiga-ui/kit/directives/chevron';
+import { PolymorpheusOutlet } from '@taiga-ui/polymorpheus';
+import { TuiAsideComponent } from './aside.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@taiga-ui/core/directives/dropdown";
+import * as i2 from "@taiga-ui/core/components/expand";
+import * as i3 from "@taiga-ui/core/components/data-list";
+class TuiAsideGroupComponent {
+    constructor() {
+        this.aside = inject(TuiAsideComponent);
+        this.open = signal(false);
+        this.template = null;
+        this.expanded = computed(() => this.aside.expanded() && this.open());
+        this.binding = tuiDirectiveBinding(TuiDropdownDirective, 'tuiDropdown', computed(() => (this.aside.expanded() ? null : this.datalist)));
+        this.size = 's';
+    }
+    onClick() {
+        this.open.set(!this.open() && this.aside.expanded());
+        this.chevron?.chevron.set(this.open());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAsideGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiAsideGroupComponent, isStandalone: true, selector: "tui-aside-group", host: { listeners: { "click": "onClick()" } }, providers: [tuiProvide(TUI_DATA_LIST_HOST, TuiAsideGroupComponent)], queries: [{ propertyName: "chevron", first: true, predicate: TuiChevron, descendants: true }, { propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], viewQueries: [{ propertyName: "datalist", first: true, predicate: ["datalist"], descendants: true, static: true }], hostDirectives: [{ directive: i1.TuiDropdownDirective }, { directive: i1.TuiDropdownHover }, { directive: i1.TuiDropdownPositionSided }, { directive: i1.TuiDropdownOpen }], ngImport: i0, template: "<div #host><ng-content /></div>\n<tui-expand [expanded]=\"expanded()\">\n    <ng-container *polymorpheusOutlet=\"template\" />\n</tui-expand>\n<ng-template #datalist>\n    <tui-data-list>\n        <tui-opt-group [label]=\"host.textContent\">\n            <ng-container *polymorpheusOutlet=\"template\" />\n        </tui-opt-group>\n    </tui-data-list>\n</ng-template>\n", dependencies: [{ kind: "component", type: i2.TuiExpandComponent, selector: "tui-expand", inputs: ["async", "expanded"] }, { kind: "component", type: i3.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i3.TuiOptGroup, selector: "tui-opt-group", inputs: ["label"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+export { TuiAsideGroupComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAsideGroupComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'tui-aside-group', imports: [TuiExpand, TuiDataList, PolymorpheusOutlet], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [tuiProvide(TUI_DATA_LIST_HOST, TuiAsideGroupComponent)], hostDirectives: [
+                        TuiDropdownDirective,
+                        TuiDropdownHover,
+                        TuiDropdownPositionSided,
+                        TuiDropdownOpen,
+                    ], template: "<div #host><ng-content /></div>\n<tui-expand [expanded]=\"expanded()\">\n    <ng-container *polymorpheusOutlet=\"template\" />\n</tui-expand>\n<ng-template #datalist>\n    <tui-data-list>\n        <tui-opt-group [label]=\"host.textContent\">\n            <ng-container *polymorpheusOutlet=\"template\" />\n        </tui-opt-group>\n    </tui-data-list>\n</ng-template>\n" }]
+        }], propDecorators: { datalist: [{
+                type: ViewChild,
+                args: ['datalist', { static: true }]
+            }], chevron: [{
+                type: ContentChild,
+                args: [TuiChevron]
+            }], template: [{
+                type: ContentChild,
+                args: [TemplateRef]
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNpZGUtZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbGF5b3V0L2NvbXBvbmVudHMvbmF2aWdhdGlvbi9hc2lkZS1ncm91cC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9sYXlvdXQvY29tcG9uZW50cy9uYXZpZ2F0aW9uL2FzaWRlLWdyb3VwLnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsUUFBUSxFQUNSLFlBQVksRUFDWixZQUFZLEVBQ1osTUFBTSxFQUNOLE1BQU0sRUFDTixXQUFXLEVBQ1gsU0FBUyxFQUNULGlCQUFpQixHQUNwQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsbUJBQW1CLEVBQUUsVUFBVSxFQUFDLE1BQU0sbUNBQW1DLENBQUM7QUFFbEYsT0FBTyxFQUFDLGtCQUFrQixFQUFFLFdBQVcsRUFBQyxNQUFNLHFDQUFxQyxDQUFDO0FBQ3BGLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxrQ0FBa0MsQ0FBQztBQUMzRCxPQUFPLEVBQ0gsb0JBQW9CLEVBQ3BCLGdCQUFnQixFQUNoQixlQUFlLEVBQ2Ysd0JBQXdCLEdBQzNCLE1BQU0sb0NBQW9DLENBQUM7QUFDNUMsT0FBTyxFQUFDLFVBQVUsRUFBQyxNQUFNLGtDQUFrQyxDQUFDO0FBRTVELE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLHdCQUF3QixDQUFDO0FBRTFELE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLG1CQUFtQixDQUFDOzs7OztBQUVwRCxNQWVhLHNCQUFzQjtJQWZuQztRQXNCcUIsVUFBSyxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQ2xDLFNBQUksR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7UUFHbkIsYUFBUSxHQUE0QixJQUFJLENBQUM7UUFFekMsYUFBUSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFBRSxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDO1FBQ2hFLFlBQU8sR0FBRyxtQkFBbUIsQ0FDNUMsb0JBQW9CLEVBQ3BCLGFBQWEsRUFDYixRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUNqRSxDQUFDO1FBRWMsU0FBSSxHQUFHLEdBQUcsQ0FBQztLQU85QjtJQUphLE9BQU87UUFDYixJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUM7UUFDckQsSUFBSSxDQUFDLE9BQU8sRUFBRSxPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQzNDLENBQUM7K0dBMUJRLHNCQUFzQjttR0FBdEIsc0JBQXNCLDZHQVJwQixDQUFDLFVBQVUsQ0FBQyxrQkFBa0IsRUFBRSxzQkFBc0IsQ0FBQyxDQUFDLCtEQVlyRCxVQUFVLDJFQU1WLFdBQVcsaVZDckQ3QixvWEFXQSxxV0RvQnNDLGtCQUFrQjs7U0FZM0Msc0JBQXNCOzRGQUF0QixzQkFBc0I7a0JBZmxDLFNBQVM7aUNBQ00sSUFBSSxZQUNOLGlCQUFpQixXQUNsQixDQUFDLFNBQVMsRUFBRSxXQUFXLEVBQUUsa0JBQWtCLENBQUMsaUJBRXRDLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sYUFDcEMsQ0FBQyxVQUFVLENBQUMsa0JBQWtCLHlCQUF5QixDQUFDLGtCQUNuRDt3QkFDWixvQkFBb0I7d0JBQ3BCLGdCQUFnQjt3QkFDaEIsd0JBQXdCO3dCQUN4QixlQUFlO3FCQUNsQjs4QkFJZ0IsUUFBUTtzQkFEeEIsU0FBUzt1QkFBQyxVQUFVLEVBQUUsRUFBQyxNQUFNLEVBQUUsSUFBSSxFQUFDO2dCQUlwQixPQUFPO3NCQUR2QixZQUFZO3VCQUFDLFVBQVU7Z0JBT0wsUUFBUTtzQkFEMUIsWUFBWTt1QkFBQyxXQUFXO2dCQWFmLE9BQU87c0JBRGhCLFlBQVk7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIGNvbXB1dGVkLFxuICAgIENvbnRlbnRDaGlsZCxcbiAgICBIb3N0TGlzdGVuZXIsXG4gICAgaW5qZWN0LFxuICAgIHNpZ25hbCxcbiAgICBUZW1wbGF0ZVJlZixcbiAgICBWaWV3Q2hpbGQsXG4gICAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHt0dWlEaXJlY3RpdmVCaW5kaW5nLCB0dWlQcm92aWRlfSBmcm9tICdAdGFpZ2EtdWkvY2RrL3V0aWxzL21pc2NlbGxhbmVvdXMnO1xuaW1wb3J0IHR5cGUge1R1aURhdGFMaXN0SG9zdH0gZnJvbSAnQHRhaWdhLXVpL2NvcmUvY29tcG9uZW50cy9kYXRhLWxpc3QnO1xuaW1wb3J0IHtUVUlfREFUQV9MSVNUX0hPU1QsIFR1aURhdGFMaXN0fSBmcm9tICdAdGFpZ2EtdWkvY29yZS9jb21wb25lbnRzL2RhdGEtbGlzdCc7XG5pbXBvcnQge1R1aUV4cGFuZH0gZnJvbSAnQHRhaWdhLXVpL2NvcmUvY29tcG9uZW50cy9leHBhbmQnO1xuaW1wb3J0IHtcbiAgICBUdWlEcm9wZG93bkRpcmVjdGl2ZSxcbiAgICBUdWlEcm9wZG93bkhvdmVyLFxuICAgIFR1aURyb3Bkb3duT3BlbixcbiAgICBUdWlEcm9wZG93blBvc2l0aW9uU2lkZWQsXG59IGZyb20gJ0B0YWlnYS11aS9jb3JlL2RpcmVjdGl2ZXMvZHJvcGRvd24nO1xuaW1wb3J0IHtUdWlDaGV2cm9ufSBmcm9tICdAdGFpZ2EtdWkva2l0L2RpcmVjdGl2ZXMvY2hldnJvbic7XG5pbXBvcnQgdHlwZSB7UG9seW1vcnBoZXVzQ29udGVudH0gZnJvbSAnQHRhaWdhLXVpL3BvbHltb3JwaGV1cyc7XG5pbXBvcnQge1BvbHltb3JwaGV1c091dGxldH0gZnJvbSAnQHRhaWdhLXVpL3BvbHltb3JwaGV1cyc7XG5cbmltcG9ydCB7VHVpQXNpZGVDb21wb25lbnR9IGZyb20gJy4vYXNpZGUuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBzZWxlY3RvcjogJ3R1aS1hc2lkZS1ncm91cCcsXG4gICAgaW1wb3J0czogW1R1aUV4cGFuZCwgVHVpRGF0YUxpc3QsIFBvbHltb3JwaGV1c091dGxldF0sXG4gICAgdGVtcGxhdGVVcmw6ICcuL2FzaWRlLWdyb3VwLnRlbXBsYXRlLmh0bWwnLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgcHJvdmlkZXJzOiBbdHVpUHJvdmlkZShUVUlfREFUQV9MSVNUX0hPU1QsIFR1aUFzaWRlR3JvdXBDb21wb25lbnQpXSxcbiAgICBob3N0RGlyZWN0aXZlczogW1xuICAgICAgICBUdWlEcm9wZG93bkRpcmVjdGl2ZSxcbiAgICAgICAgVHVpRHJvcGRvd25Ib3ZlcixcbiAgICAgICAgVHVpRHJvcGRvd25Qb3NpdGlvblNpZGVkLFxuICAgICAgICBUdWlEcm9wZG93bk9wZW4sXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpQXNpZGVHcm91cENvbXBvbmVudCBpbXBsZW1lbnRzIFR1aURhdGFMaXN0SG9zdDx1bmtub3duPiB7XG4gICAgQFZpZXdDaGlsZCgnZGF0YWxpc3QnLCB7c3RhdGljOiB0cnVlfSlcbiAgICBwcml2YXRlIHJlYWRvbmx5IGRhdGFsaXN0OiBQb2x5bW9ycGhldXNDb250ZW50O1xuXG4gICAgQENvbnRlbnRDaGlsZChUdWlDaGV2cm9uKVxuICAgIHByaXZhdGUgcmVhZG9ubHkgY2hldnJvbj86IFR1aUNoZXZyb247XG5cbiAgICBwcml2YXRlIHJlYWRvbmx5IGFzaWRlID0gaW5qZWN0KFR1aUFzaWRlQ29tcG9uZW50KTtcbiAgICBwcml2YXRlIHJlYWRvbmx5IG9wZW4gPSBzaWduYWwoZmFsc2UpO1xuXG4gICAgQENvbnRlbnRDaGlsZChUZW1wbGF0ZVJlZilcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgdGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT4gfCBudWxsID0gbnVsbDtcblxuICAgIHByb3RlY3RlZCByZWFkb25seSBleHBhbmRlZCA9IGNvbXB1dGVkKCgpID0+IHRoaXMuYXNpZGUuZXhwYW5kZWQoKSAmJiB0aGlzLm9wZW4oKSk7XG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IGJpbmRpbmcgPSB0dWlEaXJlY3RpdmVCaW5kaW5nKFxuICAgICAgICBUdWlEcm9wZG93bkRpcmVjdGl2ZSxcbiAgICAgICAgJ3R1aURyb3Bkb3duJyxcbiAgICAgICAgY29tcHV0ZWQoKCkgPT4gKHRoaXMuYXNpZGUuZXhwYW5kZWQoKSA/IG51bGwgOiB0aGlzLmRhdGFsaXN0KSksXG4gICAgKTtcblxuICAgIHB1YmxpYyByZWFkb25seSBzaXplID0gJ3MnO1xuXG4gICAgQEhvc3RMaXN0ZW5lcignY2xpY2snKVxuICAgIHByb3RlY3RlZCBvbkNsaWNrKCk6IHZvaWQge1xuICAgICAgICB0aGlzLm9wZW4uc2V0KCF0aGlzLm9wZW4oKSAmJiB0aGlzLmFzaWRlLmV4cGFuZGVkKCkpO1xuICAgICAgICB0aGlzLmNoZXZyb24/LmNoZXZyb24uc2V0KHRoaXMub3BlbigpKTtcbiAgICB9XG59XG4iLCI8ZGl2ICNob3N0PjxuZy1jb250ZW50IC8+PC9kaXY+XG48dHVpLWV4cGFuZCBbZXhwYW5kZWRdPVwiZXhwYW5kZWQoKVwiPlxuICAgIDxuZy1jb250YWluZXIgKnBvbHltb3JwaGV1c091dGxldD1cInRlbXBsYXRlXCIgLz5cbjwvdHVpLWV4cGFuZD5cbjxuZy10ZW1wbGF0ZSAjZGF0YWxpc3Q+XG4gICAgPHR1aS1kYXRhLWxpc3Q+XG4gICAgICAgIDx0dWktb3B0LWdyb3VwIFtsYWJlbF09XCJob3N0LnRleHRDb250ZW50XCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpwb2x5bW9ycGhldXNPdXRsZXQ9XCJ0ZW1wbGF0ZVwiIC8+XG4gICAgICAgIDwvdHVpLW9wdC1ncm91cD5cbiAgICA8L3R1aS1kYXRhLWxpc3Q+XG48L25nLXRlbXBsYXRlPlxuIl19

package/esm2022/components/navigation/aside-item.directive.mjs

@@ -0,0 +1,85 @@
+import { Directive, inject } from '@angular/core';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { RouterLink, RouterLinkActive } from '@angular/router';
+import { tuiProvide } from '@taiga-ui/cdk/utils/miscellaneous';
+import { TuiButton } from '@taiga-ui/core/components/button';
+import { TUI_DATA_LIST_HOST, TuiDataListComponent, } from '@taiga-ui/core/components/data-list';
+import { TUI_DROPDOWN_OPTIONS, TuiDropdownDirective, TuiDropdownManual, TuiDropdownPositionSided, } from '@taiga-ui/core/directives/dropdown';
+import { TuiIcons } from '@taiga-ui/core/directives/icons';
+import { TUI_COMMON_ICONS, TUI_ICON_END } from '@taiga-ui/core/tokens';
+import { TuiHintAside } from './hint-aside.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "./hint-aside.directive";
+import * as i2 from "@taiga-ui/core/directives/dropdown";
+import * as i3 from "@taiga-ui/core/components/button";
+import * as i4 from "@angular/router";
+class TuiAsideItemDirective {
+    constructor() {
+        this.icon = inject(TUI_COMMON_ICONS).check;
+        this.icons = inject(TuiIcons);
+        this.link = inject(RouterLink, { self: true, optional: true });
+        this.active = toSignal(inject(RouterLinkActive).isActiveChange);
+        this.size = 's';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAsideItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiAsideItemDirective, isStandalone: true, selector: "[tuiAsideItem]", host: { attributes: { "tuiButton": "", "tuiOption": "" }, properties: { "class._link": "link", "class._active": "active()", "class._custom": "icon !== icons.iconEnd" } }, providers: [
+            tuiProvide(TUI_DATA_LIST_HOST, TuiAsideItemDirective),
+            provideIcon(),
+            provideDropdown(),
+        ], hostDirectives: [{ directive: i1.TuiHintAside }, { directive: i2.TuiDropdownManual }, { directive: i2.TuiDropdownPositionSided }, { directive: i3.TuiButton }, { directive: i4.RouterLinkActive, inputs: ["routerLinkActiveOptions", "routerLinkActiveOptions"] }], ngImport: i0 }); }
+}
+export { TuiAsideItemDirective };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAsideItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[tuiAsideItem]',
+                    providers: [
+                        tuiProvide(TUI_DATA_LIST_HOST, TuiAsideItemDirective),
+                        provideIcon(),
+                        provideDropdown(),
+                    ],
+                    hostDirectives: [
+                        TuiHintAside,
+                        TuiDropdownManual,
+                        TuiDropdownPositionSided,
+                        TuiButton,
+                        {
+                            directive: RouterLinkActive,
+                            inputs: ['routerLinkActiveOptions'],
+                        },
+                    ],
+                    host: {
+                        tuiButton: '',
+                        tuiOption: '',
+                        '[class._link]': 'link',
+                        '[class._active]': 'active()',
+                        '[class._custom]': 'icon !== icons.iconEnd',
+                    },
+                }]
+        }] });
+function provideIcon() {
+    return {
+        provide: TUI_ICON_END,
+        useFactory: () => {
+            const { check, more } = inject(TUI_COMMON_ICONS);
+            const active = inject(TuiDataListComponent, { optional: true }) &&
+                inject(RouterLink, { self: true, optional: true })
+                ? check
+                : '';
+            return inject(TuiDropdownDirective, { self: true, optional: true })
+                ? more
+                : active;
+        },
+    };
+}
+function provideDropdown() {
+    return {
+        provide: TUI_DROPDOWN_OPTIONS,
+        useFactory: () => ({
+            ...inject(TUI_DROPDOWN_OPTIONS, { skipSelf: true }),
+            offset: inject(TuiDataListComponent, { optional: true }) ? 8 : 12,
+        }),
+    };
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNpZGUtaXRlbS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9sYXlvdXQvY29tcG9uZW50cy9uYXZpZ2F0aW9uL2FzaWRlLWl0ZW0uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ2hELE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSw0QkFBNEIsQ0FBQztBQUNwRCxPQUFPLEVBQUMsVUFBVSxFQUFFLGdCQUFnQixFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0QsT0FBTyxFQUFDLFVBQVUsRUFBQyxNQUFNLG1DQUFtQyxDQUFDO0FBQzdELE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxrQ0FBa0MsQ0FBQztBQUUzRCxPQUFPLEVBQ0gsa0JBQWtCLEVBQ2xCLG9CQUFvQixHQUN2QixNQUFNLHFDQUFxQyxDQUFDO0FBRTdDLE9BQU8sRUFDSCxvQkFBb0IsRUFDcEIsb0JBQW9CLEVBQ3BCLGlCQUFpQixFQUNqQix3QkFBd0IsR0FDM0IsTUFBTSxvQ0FBb0MsQ0FBQztBQUM1QyxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0saUNBQWlDLENBQUM7QUFDekQsT0FBTyxFQUFDLGdCQUFnQixFQUFFLFlBQVksRUFBQyxNQUFNLHVCQUF1QixDQUFDO0FBRXJFLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQzs7Ozs7O0FBRXBELE1BMEJhLHFCQUFxQjtJQTFCbEM7UUEyQnVCLFNBQUksR0FBRyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxLQUFLLENBQUM7UUFDdEMsVUFBSyxHQUFHLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN6QixTQUFJLEdBQUcsTUFBTSxDQUFDLFVBQVUsRUFBRSxFQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBQyxDQUFDLENBQUM7UUFDeEQsV0FBTSxHQUFHLFFBQVEsQ0FBQyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUU5RCxTQUFJLEdBQUcsR0FBRyxDQUFDO0tBQzlCOytHQVBZLHFCQUFxQjttR0FBckIscUJBQXFCLHdPQXZCbkI7WUFDUCxVQUFVLENBQUMsa0JBQWtCLEVBQUUscUJBQXFCLENBQUM7WUFDckQsV0FBVyxFQUFFO1lBQ2IsZUFBZSxFQUFFO1NBQ3BCOztTQW1CUSxxQkFBcUI7NEZBQXJCLHFCQUFxQjtrQkExQmpDLFNBQVM7bUJBQUM7b0JBQ1AsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLFNBQVMsRUFBRTt3QkFDUCxVQUFVLENBQUMsa0JBQWtCLHdCQUF3Qjt3QkFDckQsV0FBVyxFQUFFO3dCQUNiLGVBQWUsRUFBRTtxQkFDcEI7b0JBQ0QsY0FBYyxFQUFFO3dCQUNaLFlBQVk7d0JBQ1osaUJBQWlCO3dCQUNqQix3QkFBd0I7d0JBQ3hCLFNBQVM7d0JBQ1Q7NEJBQ0ksU0FBUyxFQUFFLGdCQUFnQjs0QkFDM0IsTUFBTSxFQUFFLENBQUMseUJBQXlCLENBQUM7eUJBQ3RDO3FCQUNKO29CQUNELElBQUksRUFBRTt3QkFDRixTQUFTLEVBQUUsRUFBRTt3QkFDYixTQUFTLEVBQUUsRUFBRTt3QkFDYixlQUFlLEVBQUUsTUFBTTt3QkFDdkIsaUJBQWlCLEVBQUUsVUFBVTt3QkFDN0IsaUJBQWlCLEVBQUUsd0JBQXdCO3FCQUM5QztpQkFDSjs7QUFVRCxTQUFTLFdBQVc7SUFDaEIsT0FBTztRQUNILE9BQU8sRUFBRSxZQUFZO1FBQ3JCLFVBQVUsRUFBRSxHQUFXLEVBQUU7WUFDckIsTUFBTSxFQUFDLEtBQUssRUFBRSxJQUFJLEVBQUMsR0FBRyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztZQUMvQyxNQUFNLE1BQU0sR0FDUixNQUFNLENBQUMsb0JBQW9CLEVBQUUsRUFBQyxRQUFRLEVBQUUsSUFBSSxFQUFDLENBQUM7Z0JBQzlDLE1BQU0sQ0FBQyxVQUFVLEVBQUUsRUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUMsQ0FBQztnQkFDNUMsQ0FBQyxDQUFDLEtBQUs7Z0JBQ1AsQ0FBQyxDQUFDLEVBQUUsQ0FBQztZQUViLE9BQU8sTUFBTSxDQUFDLG9CQUFvQixFQUFFLEVBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFDLENBQUM7Z0JBQzdELENBQUMsQ0FBQyxJQUFJO2dCQUNOLENBQUMsQ0FBQyxNQUFNLENBQUM7UUFDakIsQ0FBQztLQUNKLENBQUM7QUFDTixDQUFDO0FBRUQsU0FBUyxlQUFlO0lBQ3BCLE9BQU87UUFDSCxPQUFPLEVBQUUsb0JBQW9CO1FBQzdCLFVBQVUsRUFBRSxHQUF1QixFQUFFLENBQUMsQ0FBQztZQUNuQyxHQUFHLE1BQU0sQ0FBQyxvQkFBb0IsRUFBRSxFQUFDLFFBQVEsRUFBRSxJQUFJLEVBQUMsQ0FBQztZQUNqRCxNQUFNLEVBQUUsTUFBTSxDQUFDLG9CQUFvQixFQUFFLEVBQUMsUUFBUSxFQUFFLElBQUksRUFBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRTtTQUNsRSxDQUFDO0tBQ0wsQ0FBQztBQUNOLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7RmFjdG9yeVByb3ZpZGVyfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7RGlyZWN0aXZlLCBpbmplY3R9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHt0b1NpZ25hbH0gZnJvbSAnQGFuZ3VsYXIvY29yZS9yeGpzLWludGVyb3AnO1xuaW1wb3J0IHtSb3V0ZXJMaW5rLCBSb3V0ZXJMaW5rQWN0aXZlfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHt0dWlQcm92aWRlfSBmcm9tICdAdGFpZ2EtdWkvY2RrL3V0aWxzL21pc2NlbGxhbmVvdXMnO1xuaW1wb3J0IHtUdWlCdXR0b259IGZyb20gJ0B0YWlnYS11aS9jb3JlL2NvbXBvbmVudHMvYnV0dG9uJztcbmltcG9ydCB0eXBlIHtUdWlEYXRhTGlzdEhvc3R9IGZyb20gJ0B0YWlnYS11aS9jb3JlL2NvbXBvbmVudHMvZGF0YS1saXN0JztcbmltcG9ydCB7XG4gICAgVFVJX0RBVEFfTElTVF9IT1NULFxuICAgIFR1aURhdGFMaXN0Q29tcG9uZW50LFxufSBmcm9tICdAdGFpZ2EtdWkvY29yZS9jb21wb25lbnRzL2RhdGEtbGlzdCc7XG5pbXBvcnQgdHlwZSB7VHVpRHJvcGRvd25PcHRpb25zfSBmcm9tICdAdGFpZ2EtdWkvY29yZS9kaXJlY3RpdmVzL2Ryb3Bkb3duJztcbmltcG9ydCB7XG4gICAgVFVJX0RST1BET1dOX09QVElPTlMsXG4gICAgVHVpRHJvcGRvd25EaXJlY3RpdmUsXG4gICAgVHVpRHJvcGRvd25NYW51YWwsXG4gICAgVHVpRHJvcGRvd25Qb3NpdGlvblNpZGVkLFxufSBmcm9tICdAdGFpZ2EtdWkvY29yZS9kaXJlY3RpdmVzL2Ryb3Bkb3duJztcbmltcG9ydCB7VHVpSWNvbnN9IGZyb20gJ0B0YWlnYS11aS9jb3JlL2RpcmVjdGl2ZXMvaWNvbnMnO1xuaW1wb3J0IHtUVUlfQ09NTU9OX0lDT05TLCBUVUlfSUNPTl9FTkR9IGZyb20gJ0B0YWlnYS11aS9jb3JlL3Rva2Vucyc7XG5cbmltcG9ydCB7VHVpSGludEFzaWRlfSBmcm9tICcuL2hpbnQtYXNpZGUuZGlyZWN0aXZlJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBzZWxlY3RvcjogJ1t0dWlBc2lkZUl0ZW1dJyxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgdHVpUHJvdmlkZShUVUlfREFUQV9MSVNUX0hPU1QsIFR1aUFzaWRlSXRlbURpcmVjdGl2ZSksXG4gICAgICAgIHByb3ZpZGVJY29uKCksXG4gICAgICAgIHByb3ZpZGVEcm9wZG93bigpLFxuICAgIF0sXG4gICAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICAgICAgVHVpSGludEFzaWRlLFxuICAgICAgICBUdWlEcm9wZG93bk1hbnVhbCxcbiAgICAgICAgVHVpRHJvcGRvd25Qb3NpdGlvblNpZGVkLFxuICAgICAgICBUdWlCdXR0b24sXG4gICAgICAgIHtcbiAgICAgICAgICAgIGRpcmVjdGl2ZTogUm91dGVyTGlua0FjdGl2ZSxcbiAgICAgICAgICAgIGlucHV0czogWydyb3V0ZXJMaW5rQWN0aXZlT3B0aW9ucyddLFxuICAgICAgICB9LFxuICAgIF0sXG4gICAgaG9zdDoge1xuICAgICAgICB0dWlCdXR0b246ICcnLFxuICAgICAgICB0dWlPcHRpb246ICcnLFxuICAgICAgICAnW2NsYXNzLl9saW5rXSc6ICdsaW5rJyxcbiAgICAgICAgJ1tjbGFzcy5fYWN0aXZlXSc6ICdhY3RpdmUoKScsXG4gICAgICAgICdbY2xhc3MuX2N1c3RvbV0nOiAnaWNvbiAhPT0gaWNvbnMuaWNvbkVuZCcsXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpQXNpZGVJdGVtRGlyZWN0aXZlIGltcGxlbWVudHMgVHVpRGF0YUxpc3RIb3N0PHVua25vd24+IHtcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgaWNvbiA9IGluamVjdChUVUlfQ09NTU9OX0lDT05TKS5jaGVjaztcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgaWNvbnMgPSBpbmplY3QoVHVpSWNvbnMpO1xuICAgIHByb3RlY3RlZCByZWFkb25seSBsaW5rID0gaW5qZWN0KFJvdXRlckxpbmssIHtzZWxmOiB0cnVlLCBvcHRpb25hbDogdHJ1ZX0pO1xuICAgIHByb3RlY3RlZCByZWFkb25seSBhY3RpdmUgPSB0b1NpZ25hbChpbmplY3QoUm91dGVyTGlua0FjdGl2ZSkuaXNBY3RpdmVDaGFuZ2UpO1xuXG4gICAgcHVibGljIHJlYWRvbmx5IHNpemUgPSAncyc7XG59XG5cbmZ1bmN0aW9uIHByb3ZpZGVJY29uKCk6IEZhY3RvcnlQcm92aWRlciB7XG4gICAgcmV0dXJuIHtcbiAgICAgICAgcHJvdmlkZTogVFVJX0lDT05fRU5ELFxuICAgICAgICB1c2VGYWN0b3J5OiAoKTogc3RyaW5nID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHtjaGVjaywgbW9yZX0gPSBpbmplY3QoVFVJX0NPTU1PTl9JQ09OUyk7XG4gICAgICAgICAgICBjb25zdCBhY3RpdmUgPVxuICAgICAgICAgICAgICAgIGluamVjdChUdWlEYXRhTGlzdENvbXBvbmVudCwge29wdGlvbmFsOiB0cnVlfSkgJiZcbiAgICAgICAgICAgICAgICBpbmplY3QoUm91dGVyTGluaywge3NlbGY6IHRydWUsIG9wdGlvbmFsOiB0cnVlfSlcbiAgICAgICAgICAgICAgICAgICAgPyBjaGVja1xuICAgICAgICAgICAgICAgICAgICA6ICcnO1xuXG4gICAgICAgICAgICByZXR1cm4gaW5qZWN0KFR1aURyb3Bkb3duRGlyZWN0aXZlLCB7c2VsZjogdHJ1ZSwgb3B0aW9uYWw6IHRydWV9KVxuICAgICAgICAgICAgICAgID8gbW9yZVxuICAgICAgICAgICAgICAgIDogYWN0aXZlO1xuICAgICAgICB9LFxuICAgIH07XG59XG5cbmZ1bmN0aW9uIHByb3ZpZGVEcm9wZG93bigpOiBGYWN0b3J5UHJvdmlkZXIge1xuICAgIHJldHVybiB7XG4gICAgICAgIHByb3ZpZGU6IFRVSV9EUk9QRE9XTl9PUFRJT05TLFxuICAgICAgICB1c2VGYWN0b3J5OiAoKTogVHVpRHJvcGRvd25PcHRpb25zID0+ICh7XG4gICAgICAgICAgICAuLi5pbmplY3QoVFVJX0RST1BET1dOX09QVElPTlMsIHtza2lwU2VsZjogdHJ1ZX0pLFxuICAgICAgICAgICAgb2Zmc2V0OiBpbmplY3QoVHVpRGF0YUxpc3RDb21wb25lbnQsIHtvcHRpb25hbDogdHJ1ZX0pID8gOCA6IDEyLFxuICAgICAgICB9KSxcbiAgICB9O1xufVxuIl19

package/esm2022/components/navigation/aside.component.mjs

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation, } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input, signal, ViewEncapsulation, } from '@angular/core';
 import { tuiButtonOptionsProvider } from '@taiga-ui/core/components/button';
 import { TuiScrollable, TuiScrollbar } from '@taiga-ui/core/components/scrollbar';
 import { tuiDropdownOptionsProvider } from '@taiga-ui/core/directives/dropdown';
@@ -6,12 +6,20 @@ import { TuiFade } from '@taiga-ui/kit/directives/fade';
 import * as i0 from "@angular/core";
 class TuiAsideComponent {
     constructor() {
-        this.tuiNavigationAside = false;
+        // TODO: refactor to signal inputs after Angular update
+        this.expanded = signal(false);
+    }
+    set tuiNavigationAside(expanded) {
+        this.expanded.set(expanded);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAsideComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiAsideComponent, isStandalone: true, selector: "aside[tuiNavigationAside]", inputs: { tuiNavigationAside: "tuiNavigationAside" }, host: { attributes: { "tuiNavigationAside": "", "tuiTheme": "dark" }, properties: { "class._expanded": "tuiNavigationAside" } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiAsideComponent, isStandalone: true, selector: "aside[tuiNavigationAside]", inputs: { tuiNavigationAside: "tuiNavigationAside" }, host: { attributes: { "tuiNavigationAside": "", "tuiTheme": "dark" }, properties: { "class._expanded": "expanded()" } }, providers: [
             tuiButtonOptionsProvider({ size: 's', appearance: 'flat' }),
-            tuiDropdownOptionsProvider({ appearance: 'dropdown-navigation', align: 'right' }),
+            tuiDropdownOptionsProvider({
+                appearance: 'dropdown-navigation',
+                align: 'right',
+                offset: 12,
+            }),
         ], ngImport: i0, template: `
         <ng-content select="header"></ng-content>
         <tui-scrollbar class="t-nav-scrollbar">
@@ -24,7 +32,7 @@ class TuiAsideComponent {
             </div>
         </tui-scrollbar>
         <ng-content select="footer"></ng-content>
-    `, isInline: true, styles: ["aside[tuiNavigationAside]{--tui-text-action: var(--tui-text-primary);--tui-text-action-hover: var(--tui-text-primary);position:sticky;top:3rem;display:flex;width:3rem;flex-direction:column;padding:.5rem .5rem .25rem;box-sizing:border-box;background:var(--tui-theme-color, #000);color:var(--tui-text-primary);transition-property:width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}aside[tuiNavigationAside]._expanded{width:13.75rem}aside[tuiNavigationAside]._expanded+main[tuiNavigationMain]{max-width:calc(100% - 13.75rem)}aside[tuiNavigationAside] a[tuiButton].active{background:var(--tui-background-neutral-1-hover)}aside[tuiNavigationAside] .t-nav-scrollbar{margin:0 -.25rem}aside[tuiNavigationAside] .t-nav-content{scrollbar-width:none;-ms-overflow-style:none;height:100%;padding:0 .25rem;overflow:auto}aside[tuiNavigationAside] .t-nav-content::-webkit-scrollbar,aside[tuiNavigationAside] .t-nav-content::-webkit-scrollbar-thumb{display:none}aside[tuiNavigationAside] [tuiButton]{width:100%;justify-content:flex-start;gap:.625rem;margin-bottom:.25rem}aside[tuiNavigationAside] [tuiButton]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-left:auto;color:var(--tui-text-tertiary)}aside[tuiNavigationAside] tui-expand [tuiButton]{padding-inline-start:2rem}aside[tuiNavigationAside] hr{background:var(--tui-background-neutral-1);height:1px;margin:0 0 .25rem;border:none}aside[tuiNavigationAside] header{padding-bottom:.25rem;box-shadow:inset 0 -1px var(--tui-background-neutral-1);margin-bottom:1rem}aside[tuiNavigationAside] footer{margin-top:auto;border-top:1.75rem solid transparent}aside[tuiNavigationAside]+main[tuiNavigationMain]{max-width:calc(100% - 3rem)}tui-dropdown[data-appearance=dropdown-navigation]{--tui-text-primary: #fff;--tui-background-neutral-1: rgba(255, 255, 255, .16);border:none;background:#323232;background:color-mix(in srgb,var(--tui-theme-color, #000) 80%,#fff)}\n"], dependencies: [{ kind: "component", type: TuiScrollbar, selector: "tui-scrollbar", inputs: ["hidden"] }, { kind: "directive", type: TuiFade, selector: "[tuiFade]", inputs: ["tuiFadeHeight", "tuiFadeSize", "tuiFadeOffset", "tuiFade"] }, { kind: "directive", type: TuiScrollable, selector: "[tuiScrollable]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    `, isInline: true, styles: ["aside[tuiNavigationAside]{transition-property:width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:sticky;top:3rem;display:flex;width:3rem;flex-direction:column;padding:.5rem .5rem .25rem;box-sizing:border-box;background:var(--tui-theme-color, #000);color:var(--tui-text-primary)}aside[tuiNavigationAside]._expanded{width:13.75rem}aside[tuiNavigationAside]._expanded+main[tuiNavigationMain]{max-width:calc(100% - 13.75rem)}aside[tuiNavigationAside] .t-nav-scrollbar{margin:0 -.25rem}aside[tuiNavigationAside] .t-nav-content{scrollbar-width:none;-ms-overflow-style:none;height:100%;padding:0 .25rem;overflow:auto}aside[tuiNavigationAside] .t-nav-content::-webkit-scrollbar,aside[tuiNavigationAside] .t-nav-content::-webkit-scrollbar-thumb{display:none}aside[tuiNavigationAside] tui-expand [tuiAsideItem]{padding-inline-start:2rem}aside[tuiNavigationAside] hr{background:var(--tui-border-normal);height:1px;margin:0 0 .25rem;border:none}aside[tuiNavigationAside] header{padding-bottom:.25rem;box-shadow:inset 0 -1px var(--tui-border-normal);margin-bottom:1rem}aside[tuiNavigationAside] footer{margin-top:auto;border-top:1.75rem solid transparent}aside[tuiNavigationAside]+main[tuiNavigationMain]{max-width:calc(100% - 3rem)}[tuiAsideItem]{width:100%;justify-content:flex-start;gap:.625rem;margin-bottom:.25rem;color:var(--tui-text-primary)!important}[tuiAsideItem]:after{border:none!important;margin-left:auto!important;color:var(--tui-text-tertiary)}[tuiAsideItem]._chevron-rotated,[tuiAsideItem]._active{background:var(--tui-background-neutral-1-hover)}tui-dropdown[data-appearance=dropdown-navigation]{border:none;background:#323232;background:color-mix(in srgb,var(--tui-theme-color, #000) 80%,#fff)}tui-dropdown[data-appearance=dropdown-navigation] [tuiAsideItem]{justify-content:flex-start}tui-dropdown[data-appearance=dropdown-navigation] [tuiAsideItem]._active{background:transparent}tui-dropdown[data-appearance=dropdown-navigation] [tuiAsideItem]._link:not(._custom):after{opacity:0}tui-dropdown[data-appearance=dropdown-navigation] [tuiAsideItem]._link._active:after{opacity:1}\n"], dependencies: [{ kind: "component", type: TuiScrollbar, selector: "tui-scrollbar", inputs: ["hidden"] }, { kind: "directive", type: TuiFade, selector: "[tuiFade]", inputs: ["tuiFadeHeight", "tuiFadeSize", "tuiFadeOffset", "tuiFade"] }, { kind: "directive", type: TuiScrollable, selector: "[tuiScrollable]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 export { TuiAsideComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAsideComponent, decorators: [{
@@ -43,13 +51,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         <ng-content select="footer"></ng-content>
     `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         tuiButtonOptionsProvider({ size: 's', appearance: 'flat' }),
-                        tuiDropdownOptionsProvider({ appearance: 'dropdown-navigation', align: 'right' }),
+                        tuiDropdownOptionsProvider({
+                            appearance: 'dropdown-navigation',
+                            align: 'right',
+                            offset: 12,
+                        }),
                     ], host: {
                         tuiNavigationAside: '',
                         tuiTheme: 'dark',
-                        '[class._expanded]': 'tuiNavigationAside',
-                    }, styles: ["aside[tuiNavigationAside]{--tui-text-action: var(--tui-text-primary);--tui-text-action-hover: var(--tui-text-primary);position:sticky;top:3rem;display:flex;width:3rem;flex-direction:column;padding:.5rem .5rem .25rem;box-sizing:border-box;background:var(--tui-theme-color, #000);color:var(--tui-text-primary);transition-property:width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}aside[tuiNavigationAside]._expanded{width:13.75rem}aside[tuiNavigationAside]._expanded+main[tuiNavigationMain]{max-width:calc(100% - 13.75rem)}aside[tuiNavigationAside] a[tuiButton].active{background:var(--tui-background-neutral-1-hover)}aside[tuiNavigationAside] .t-nav-scrollbar{margin:0 -.25rem}aside[tuiNavigationAside] .t-nav-content{scrollbar-width:none;-ms-overflow-style:none;height:100%;padding:0 .25rem;overflow:auto}aside[tuiNavigationAside] .t-nav-content::-webkit-scrollbar,aside[tuiNavigationAside] .t-nav-content::-webkit-scrollbar-thumb{display:none}aside[tuiNavigationAside] [tuiButton]{width:100%;justify-content:flex-start;gap:.625rem;margin-bottom:.25rem}aside[tuiNavigationAside] [tuiButton]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-left:auto;color:var(--tui-text-tertiary)}aside[tuiNavigationAside] tui-expand [tuiButton]{padding-inline-start:2rem}aside[tuiNavigationAside] hr{background:var(--tui-background-neutral-1);height:1px;margin:0 0 .25rem;border:none}aside[tuiNavigationAside] header{padding-bottom:.25rem;box-shadow:inset 0 -1px var(--tui-background-neutral-1);margin-bottom:1rem}aside[tuiNavigationAside] footer{margin-top:auto;border-top:1.75rem solid transparent}aside[tuiNavigationAside]+main[tuiNavigationMain]{max-width:calc(100% - 3rem)}tui-dropdown[data-appearance=dropdown-navigation]{--tui-text-primary: #fff;--tui-background-neutral-1: rgba(255, 255, 255, .16);border:none;background:#323232;background:color-mix(in srgb,var(--tui-theme-color, #000) 80%,#fff)}\n"] }]
+                        '[class._expanded]': 'expanded()',
+                    }, styles: ["aside[tuiNavigationAside]{transition-property:width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:sticky;top:3rem;display:flex;width:3rem;flex-direction:column;padding:.5rem .5rem .25rem;box-sizing:border-box;background:var(--tui-theme-color, #000);color:var(--tui-text-primary)}aside[tuiNavigationAside]._expanded{width:13.75rem}aside[tuiNavigationAside]._expanded+main[tuiNavigationMain]{max-width:calc(100% - 13.75rem)}aside[tuiNavigationAside] .t-nav-scrollbar{margin:0 -.25rem}aside[tuiNavigationAside] .t-nav-content{scrollbar-width:none;-ms-overflow-style:none;height:100%;padding:0 .25rem;overflow:auto}aside[tuiNavigationAside] .t-nav-content::-webkit-scrollbar,aside[tuiNavigationAside] .t-nav-content::-webkit-scrollbar-thumb{display:none}aside[tuiNavigationAside] tui-expand [tuiAsideItem]{padding-inline-start:2rem}aside[tuiNavigationAside] hr{background:var(--tui-border-normal);height:1px;margin:0 0 .25rem;border:none}aside[tuiNavigationAside] header{padding-bottom:.25rem;box-shadow:inset 0 -1px var(--tui-border-normal);margin-bottom:1rem}aside[tuiNavigationAside] footer{margin-top:auto;border-top:1.75rem solid transparent}aside[tuiNavigationAside]+main[tuiNavigationMain]{max-width:calc(100% - 3rem)}[tuiAsideItem]{width:100%;justify-content:flex-start;gap:.625rem;margin-bottom:.25rem;color:var(--tui-text-primary)!important}[tuiAsideItem]:after{border:none!important;margin-left:auto!important;color:var(--tui-text-tertiary)}[tuiAsideItem]._chevron-rotated,[tuiAsideItem]._active{background:var(--tui-background-neutral-1-hover)}tui-dropdown[data-appearance=dropdown-navigation]{border:none;background:#323232;background:color-mix(in srgb,var(--tui-theme-color, #000) 80%,#fff)}tui-dropdown[data-appearance=dropdown-navigation] [tuiAsideItem]{justify-content:flex-start}tui-dropdown[data-appearance=dropdown-navigation] [tuiAsideItem]._active{background:transparent}tui-dropdown[data-appearance=dropdown-navigation] [tuiAsideItem]._link:not(._custom):after{opacity:0}tui-dropdown[data-appearance=dropdown-navigation] [tuiAsideItem]._link._active:after{opacity:1}\n"] }]
         }], propDecorators: { tuiNavigationAside: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNpZGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbGF5b3V0L2NvbXBvbmVudHMvbmF2aWdhdGlvbi9hc2lkZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsS0FBSyxFQUNMLGlCQUFpQixHQUNwQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsd0JBQXdCLEVBQUMsTUFBTSxrQ0FBa0MsQ0FBQztBQUMxRSxPQUFPLEVBQUMsYUFBYSxFQUFFLFlBQVksRUFBQyxNQUFNLHFDQUFxQyxDQUFDO0FBQ2hGLE9BQU8sRUFBQywwQkFBMEIsRUFBQyxNQUFNLG9DQUFvQyxDQUFDO0FBQzlFLE9BQU8sRUFBQyxPQUFPLEVBQUMsTUFBTSwrQkFBK0IsQ0FBQzs7QUFFdEQsTUE4QmEsaUJBQWlCO0lBOUI5QjtRQWdDVyx1QkFBa0IsR0FBRyxLQUFLLENBQUM7S0FDckM7K0dBSFksaUJBQWlCO21HQUFqQixpQkFBaUIsK1BBVmY7WUFDUCx3QkFBd0IsQ0FBQyxFQUFDLElBQUksRUFBRSxHQUFHLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBQyxDQUFDO1lBQ3pELDBCQUEwQixDQUFDLEVBQUMsVUFBVSxFQUFFLHFCQUFxQixFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUMsQ0FBQztTQUNsRiwwQkFuQlM7Ozs7Ozs7Ozs7OztLQVlULG9pRUFiUyxZQUFZLDhFQUFFLE9BQU8sNEhBQUUsYUFBYTs7U0EyQnJDLGlCQUFpQjs0RkFBakIsaUJBQWlCO2tCQTlCN0IsU0FBUztpQ0FDTSxJQUFJLFlBQ04sMkJBQTJCLFdBQzVCLENBQUMsWUFBWSxFQUFFLE9BQU8sRUFBRSxhQUFhLENBQUMsWUFDckM7Ozs7Ozs7Ozs7OztLQVlULGlCQUVjLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sYUFDcEM7d0JBQ1Asd0JBQXdCLENBQUMsRUFBQyxJQUFJLEVBQUUsR0FBRyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUMsQ0FBQzt3QkFDekQsMEJBQTBCLENBQUMsRUFBQyxVQUFVLEVBQUUscUJBQXFCLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBQyxDQUFDO3FCQUNsRixRQUNLO3dCQUNGLGtCQUFrQixFQUFFLEVBQUU7d0JBQ3RCLFFBQVEsRUFBRSxNQUFNO3dCQUNoQixtQkFBbUIsRUFBRSxvQkFBb0I7cUJBQzVDOzhCQUlNLGtCQUFrQjtzQkFEeEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIElucHV0LFxuICAgIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7dHVpQnV0dG9uT3B0aW9uc1Byb3ZpZGVyfSBmcm9tICdAdGFpZ2EtdWkvY29yZS9jb21wb25lbnRzL2J1dHRvbic7XG5pbXBvcnQge1R1aVNjcm9sbGFibGUsIFR1aVNjcm9sbGJhcn0gZnJvbSAnQHRhaWdhLXVpL2NvcmUvY29tcG9uZW50cy9zY3JvbGxiYXInO1xuaW1wb3J0IHt0dWlEcm9wZG93bk9wdGlvbnNQcm92aWRlcn0gZnJvbSAnQHRhaWdhLXVpL2NvcmUvZGlyZWN0aXZlcy9kcm9wZG93bic7XG5pbXBvcnQge1R1aUZhZGV9IGZyb20gJ0B0YWlnYS11aS9raXQvZGlyZWN0aXZlcy9mYWRlJztcblxuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBzZWxlY3RvcjogJ2FzaWRlW3R1aU5hdmlnYXRpb25Bc2lkZV0nLFxuICAgIGltcG9ydHM6IFtUdWlTY3JvbGxiYXIsIFR1aUZhZGUsIFR1aVNjcm9sbGFibGVdLFxuICAgIHRlbXBsYXRlOiBgXG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImhlYWRlclwiPjwvbmctY29udGVudD5cbiAgICAgICAgPHR1aS1zY3JvbGxiYXIgY2xhc3M9XCJ0LW5hdi1zY3JvbGxiYXJcIj5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICB0dWlGYWRlPVwidmVydGljYWxcIlxuICAgICAgICAgICAgICAgIHR1aVNjcm9sbGFibGVcbiAgICAgICAgICAgICAgICBjbGFzcz1cInQtbmF2LWNvbnRlbnRcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L3R1aS1zY3JvbGxiYXI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImZvb3RlclwiPjwvbmctY29udGVudD5cbiAgICBgLFxuICAgIHN0eWxlVXJsczogWycuL2FzaWRlLnN0eWxlLmxlc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB0dWlCdXR0b25PcHRpb25zUHJvdmlkZXIoe3NpemU6ICdzJywgYXBwZWFyYW5jZTogJ2ZsYXQnfSksXG4gICAgICAgIHR1aURyb3Bkb3duT3B0aW9uc1Byb3ZpZGVyKHthcHBlYXJhbmNlOiAnZHJvcGRvd24tbmF2aWdhdGlvbicsIGFsaWduOiAncmlnaHQnfSksXG4gICAgXSxcbiAgICBob3N0OiB7XG4gICAgICAgIHR1aU5hdmlnYXRpb25Bc2lkZTogJycsXG4gICAgICAgIHR1aVRoZW1lOiAnZGFyaycsXG4gICAgICAgICdbY2xhc3MuX2V4cGFuZGVkXSc6ICd0dWlOYXZpZ2F0aW9uQXNpZGUnLFxuICAgIH0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUFzaWRlQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyB0dWlOYXZpZ2F0aW9uQXNpZGUgPSBmYWxzZTtcbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNpZGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbGF5b3V0L2NvbXBvbmVudHMvbmF2aWdhdGlvbi9hc2lkZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsS0FBSyxFQUNMLE1BQU0sRUFDTixpQkFBaUIsR0FDcEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLHdCQUF3QixFQUFDLE1BQU0sa0NBQWtDLENBQUM7QUFDMUUsT0FBTyxFQUFDLGFBQWEsRUFBRSxZQUFZLEVBQUMsTUFBTSxxQ0FBcUMsQ0FBQztBQUNoRixPQUFPLEVBQUMsMEJBQTBCLEVBQUMsTUFBTSxvQ0FBb0MsQ0FBQztBQUM5RSxPQUFPLEVBQUMsT0FBTyxFQUFDLE1BQU0sK0JBQStCLENBQUM7O0FBRXRELE1Ba0NhLGlCQUFpQjtJQWxDOUI7UUFtQ0ksdURBQXVEO1FBQ3ZDLGFBQVEsR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7S0FNNUM7SUFKRyxJQUNXLGtCQUFrQixDQUFDLFFBQWlCO1FBQzNDLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ2hDLENBQUM7K0dBUFEsaUJBQWlCO21HQUFqQixpQkFBaUIsdVBBZGY7WUFDUCx3QkFBd0IsQ0FBQyxFQUFDLElBQUksRUFBRSxHQUFHLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBQyxDQUFDO1lBQ3pELDBCQUEwQixDQUFDO2dCQUN2QixVQUFVLEVBQUUscUJBQXFCO2dCQUNqQyxLQUFLLEVBQUUsT0FBTztnQkFDZCxNQUFNLEVBQUUsRUFBRTthQUNiLENBQUM7U0FDTCwwQkF2QlM7Ozs7Ozs7Ozs7OztLQVlULGdxRUFiUyxZQUFZLDhFQUFFLE9BQU8sNEhBQUUsYUFBYTs7U0ErQnJDLGlCQUFpQjs0RkFBakIsaUJBQWlCO2tCQWxDN0IsU0FBUztpQ0FDTSxJQUFJLFlBQ04sMkJBQTJCLFdBQzVCLENBQUMsWUFBWSxFQUFFLE9BQU8sRUFBRSxhQUFhLENBQUMsWUFDckM7Ozs7Ozs7Ozs7OztLQVlULGlCQUVjLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sYUFDcEM7d0JBQ1Asd0JBQXdCLENBQUMsRUFBQyxJQUFJLEVBQUUsR0FBRyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUMsQ0FBQzt3QkFDekQsMEJBQTBCLENBQUM7NEJBQ3ZCLFVBQVUsRUFBRSxxQkFBcUI7NEJBQ2pDLEtBQUssRUFBRSxPQUFPOzRCQUNkLE1BQU0sRUFBRSxFQUFFO3lCQUNiLENBQUM7cUJBQ0wsUUFDSzt3QkFDRixrQkFBa0IsRUFBRSxFQUFFO3dCQUN0QixRQUFRLEVBQUUsTUFBTTt3QkFDaEIsbUJBQW1CLEVBQUUsWUFBWTtxQkFDcEM7OEJBT1Usa0JBQWtCO3NCQUQ1QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgSW5wdXQsXG4gICAgc2lnbmFsLFxuICAgIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7dHVpQnV0dG9uT3B0aW9uc1Byb3ZpZGVyfSBmcm9tICdAdGFpZ2EtdWkvY29yZS9jb21wb25lbnRzL2J1dHRvbic7XG5pbXBvcnQge1R1aVNjcm9sbGFibGUsIFR1aVNjcm9sbGJhcn0gZnJvbSAnQHRhaWdhLXVpL2NvcmUvY29tcG9uZW50cy9zY3JvbGxiYXInO1xuaW1wb3J0IHt0dWlEcm9wZG93bk9wdGlvbnNQcm92aWRlcn0gZnJvbSAnQHRhaWdhLXVpL2NvcmUvZGlyZWN0aXZlcy9kcm9wZG93bic7XG5pbXBvcnQge1R1aUZhZGV9IGZyb20gJ0B0YWlnYS11aS9raXQvZGlyZWN0aXZlcy9mYWRlJztcblxuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBzZWxlY3RvcjogJ2FzaWRlW3R1aU5hdmlnYXRpb25Bc2lkZV0nLFxuICAgIGltcG9ydHM6IFtUdWlTY3JvbGxiYXIsIFR1aUZhZGUsIFR1aVNjcm9sbGFibGVdLFxuICAgIHRlbXBsYXRlOiBgXG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImhlYWRlclwiPjwvbmctY29udGVudD5cbiAgICAgICAgPHR1aS1zY3JvbGxiYXIgY2xhc3M9XCJ0LW5hdi1zY3JvbGxiYXJcIj5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICB0dWlGYWRlPVwidmVydGljYWxcIlxuICAgICAgICAgICAgICAgIHR1aVNjcm9sbGFibGVcbiAgICAgICAgICAgICAgICBjbGFzcz1cInQtbmF2LWNvbnRlbnRcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L3R1aS1zY3JvbGxiYXI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImZvb3RlclwiPjwvbmctY29udGVudD5cbiAgICBgLFxuICAgIHN0eWxlVXJsczogWycuL2FzaWRlLnN0eWxlLmxlc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB0dWlCdXR0b25PcHRpb25zUHJvdmlkZXIoe3NpemU6ICdzJywgYXBwZWFyYW5jZTogJ2ZsYXQnfSksXG4gICAgICAgIHR1aURyb3Bkb3duT3B0aW9uc1Byb3ZpZGVyKHtcbiAgICAgICAgICAgIGFwcGVhcmFuY2U6ICdkcm9wZG93bi1uYXZpZ2F0aW9uJyxcbiAgICAgICAgICAgIGFsaWduOiAncmlnaHQnLFxuICAgICAgICAgICAgb2Zmc2V0OiAxMixcbiAgICAgICAgfSksXG4gICAgXSxcbiAgICBob3N0OiB7XG4gICAgICAgIHR1aU5hdmlnYXRpb25Bc2lkZTogJycsXG4gICAgICAgIHR1aVRoZW1lOiAnZGFyaycsXG4gICAgICAgICdbY2xhc3MuX2V4cGFuZGVkXSc6ICdleHBhbmRlZCgpJyxcbiAgICB9LFxufSlcbmV4cG9ydCBjbGFzcyBUdWlBc2lkZUNvbXBvbmVudCB7XG4gICAgLy8gVE9ETzogcmVmYWN0b3IgdG8gc2lnbmFsIGlucHV0cyBhZnRlciBBbmd1bGFyIHVwZGF0ZVxuICAgIHB1YmxpYyByZWFkb25seSBleHBhbmRlZCA9IHNpZ25hbChmYWxzZSk7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBzZXQgdHVpTmF2aWdhdGlvbkFzaWRlKGV4cGFuZGVkOiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMuZXhwYW5kZWQuc2V0KGV4cGFuZGVkKTtcbiAgICB9XG59XG4iXX0=

package/esm2022/components/navigation/hint-aside.directive.mjs

@@ -1,5 +1,7 @@
-import { Directive, inject } from '@angular/core';
+import { computed, Directive, inject } from '@angular/core';
 import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
+import { tuiDirectiveBinding } from '@taiga-ui/cdk/utils/miscellaneous';
+import { TuiDropdownDirective } from '@taiga-ui/core/directives/dropdown';
 import { TuiHintDirective, tuiHintOptionsProvider } from '@taiga-ui/core/directives/hint';
 import { TuiAsideComponent } from './aside.component';
 import * as i0 from "@angular/core";
@@ -8,13 +10,8 @@ class TuiHintAside {
     constructor() {
         this.el = tuiInjectElement();
         this.aside = inject(TuiAsideComponent);
-        this.hint = inject(TuiHintDirective);
-    }
-    // TODO: switch to `tuiDirectiveBinding` when tuiNavigationAside is switched to signal
-    ngDoCheck() {
-        this.hint.tuiHint = this.aside.tuiNavigationAside
-            ? ''
-            : this.el.textContent?.trim();
+        this.dropdown = inject(TuiDropdownDirective, { optional: true });
+        this.binding = tuiDirectiveBinding(TuiHintDirective, 'tuiHint', computed(() => this.aside.expanded() || this.dropdown ? '' : this.el.textContent?.trim()));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiHintAside, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiHintAside, isStandalone: true, selector: "[tuiHintAside]", providers: [tuiHintOptionsProvider({ direction: 'right' })], hostDirectives: [{ directive: i1.TuiHintDirective }], ngImport: i0 }); }
@@ -29,4 +26,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     hostDirectives: [TuiHintDirective],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGludC1hc2lkZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9sYXlvdXQvY29tcG9uZW50cy9uYXZpZ2F0aW9uL2hpbnQtYXNpZGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ2hELE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBQyxnQkFBZ0IsRUFBRSxzQkFBc0IsRUFBQyxNQUFNLGdDQUFnQyxDQUFDO0FBRXhGLE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLG1CQUFtQixDQUFDOzs7QUFFcEQsTUFNYSxZQUFZO0lBTnpCO1FBT3FCLE9BQUUsR0FBRyxnQkFBZ0IsRUFBRSxDQUFDO1FBQ3hCLFVBQUssR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUNsQyxTQUFJLEdBQUcsTUFBTSxDQUFDLGdCQUFnQixDQUFDLENBQUM7S0FRcEQ7SUFORyxzRkFBc0Y7SUFDL0UsU0FBUztRQUNaLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsa0JBQWtCO1lBQzdDLENBQUMsQ0FBQyxFQUFFO1lBQ0osQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsV0FBVyxFQUFFLElBQUksRUFBRSxDQUFDO0lBQ3RDLENBQUM7K0dBVlEsWUFBWTttR0FBWixZQUFZLDZEQUhWLENBQUMsc0JBQXNCLENBQUMsRUFBQyxTQUFTLEVBQUUsT0FBTyxFQUFDLENBQUMsQ0FBQzs7U0FHaEQsWUFBWTs0RkFBWixZQUFZO2tCQU54QixTQUFTO21CQUFDO29CQUNQLFVBQVUsRUFBRSxJQUFJO29CQUNoQixRQUFRLEVBQUUsZ0JBQWdCO29CQUMxQixTQUFTLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQyxFQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUMsQ0FBQyxDQUFDO29CQUN6RCxjQUFjLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztpQkFDckMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7RG9DaGVja30gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0RpcmVjdGl2ZSwgaW5qZWN0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7dHVpSW5qZWN0RWxlbWVudH0gZnJvbSAnQHRhaWdhLXVpL2Nkay91dGlscy9kb20nO1xuaW1wb3J0IHtUdWlIaW50RGlyZWN0aXZlLCB0dWlIaW50T3B0aW9uc1Byb3ZpZGVyfSBmcm9tICdAdGFpZ2EtdWkvY29yZS9kaXJlY3RpdmVzL2hpbnQnO1xuXG5pbXBvcnQge1R1aUFzaWRlQ29tcG9uZW50fSBmcm9tICcuL2FzaWRlLmNvbXBvbmVudCc7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc2VsZWN0b3I6ICdbdHVpSGludEFzaWRlXScsXG4gICAgcHJvdmlkZXJzOiBbdHVpSGludE9wdGlvbnNQcm92aWRlcih7ZGlyZWN0aW9uOiAncmlnaHQnfSldLFxuICAgIGhvc3REaXJlY3RpdmVzOiBbVHVpSGludERpcmVjdGl2ZV0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUhpbnRBc2lkZSBpbXBsZW1lbnRzIERvQ2hlY2sge1xuICAgIHByaXZhdGUgcmVhZG9ubHkgZWwgPSB0dWlJbmplY3RFbGVtZW50KCk7XG4gICAgcHJpdmF0ZSByZWFkb25seSBhc2lkZSA9IGluamVjdChUdWlBc2lkZUNvbXBvbmVudCk7XG4gICAgcHJpdmF0ZSByZWFkb25seSBoaW50ID0gaW5qZWN0KFR1aUhpbnREaXJlY3RpdmUpO1xuXG4gICAgLy8gVE9ETzogc3dpdGNoIHRvIGB0dWlEaXJlY3RpdmVCaW5kaW5nYCB3aGVuIHR1aU5hdmlnYXRpb25Bc2lkZSBpcyBzd2l0Y2hlZCB0byBzaWduYWxcbiAgICBwdWJsaWMgbmdEb0NoZWNrKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmhpbnQudHVpSGludCA9IHRoaXMuYXNpZGUudHVpTmF2aWdhdGlvbkFzaWRlXG4gICAgICAgICAgICA/ICcnXG4gICAgICAgICAgICA6IHRoaXMuZWwudGV4dENvbnRlbnQ/LnRyaW0oKTtcbiAgICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGludC1hc2lkZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9sYXlvdXQvY29tcG9uZW50cy9uYXZpZ2F0aW9uL2hpbnQtYXNpZGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMxRCxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUMsbUJBQW1CLEVBQUMsTUFBTSxtQ0FBbUMsQ0FBQztBQUN0RSxPQUFPLEVBQUMsb0JBQW9CLEVBQUMsTUFBTSxvQ0FBb0MsQ0FBQztBQUN4RSxPQUFPLEVBQUMsZ0JBQWdCLEVBQUUsc0JBQXNCLEVBQUMsTUFBTSxnQ0FBZ0MsQ0FBQztBQUV4RixPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSxtQkFBbUIsQ0FBQzs7O0FBRXBELE1BTWEsWUFBWTtJQU56QjtRQU9xQixPQUFFLEdBQUcsZ0JBQWdCLEVBQUUsQ0FBQztRQUN4QixVQUFLLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFDbEMsYUFBUSxHQUFHLE1BQU0sQ0FBQyxvQkFBb0IsRUFBRSxFQUFDLFFBQVEsRUFBRSxJQUFJLEVBQUMsQ0FBQyxDQUFDO1FBRXhELFlBQU8sR0FBRyxtQkFBbUIsQ0FDNUMsZ0JBQWdCLEVBQ2hCLFNBQVMsRUFDVCxRQUFRLENBQUMsR0FBRyxFQUFFLENBQ1YsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsV0FBVyxFQUFFLElBQUksRUFBRSxDQUM1RSxDQUNKLENBQUM7S0FDTDsrR0FaWSxZQUFZO21HQUFaLFlBQVksNkRBSFYsQ0FBQyxzQkFBc0IsQ0FBQyxFQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUMsQ0FBQyxDQUFDOztTQUdoRCxZQUFZOzRGQUFaLFlBQVk7a0JBTnhCLFNBQVM7bUJBQUM7b0JBQ1AsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLFNBQVMsRUFBRSxDQUFDLHNCQUFzQixDQUFDLEVBQUMsU0FBUyxFQUFFLE9BQU8sRUFBQyxDQUFDLENBQUM7b0JBQ3pELGNBQWMsRUFBRSxDQUFDLGdCQUFnQixDQUFDO2lCQUNyQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Y29tcHV0ZWQsIERpcmVjdGl2ZSwgaW5qZWN0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7dHVpSW5qZWN0RWxlbWVudH0gZnJvbSAnQHRhaWdhLXVpL2Nkay91dGlscy9kb20nO1xuaW1wb3J0IHt0dWlEaXJlY3RpdmVCaW5kaW5nfSBmcm9tICdAdGFpZ2EtdWkvY2RrL3V0aWxzL21pc2NlbGxhbmVvdXMnO1xuaW1wb3J0IHtUdWlEcm9wZG93bkRpcmVjdGl2ZX0gZnJvbSAnQHRhaWdhLXVpL2NvcmUvZGlyZWN0aXZlcy9kcm9wZG93bic7XG5pbXBvcnQge1R1aUhpbnREaXJlY3RpdmUsIHR1aUhpbnRPcHRpb25zUHJvdmlkZXJ9IGZyb20gJ0B0YWlnYS11aS9jb3JlL2RpcmVjdGl2ZXMvaGludCc7XG5cbmltcG9ydCB7VHVpQXNpZGVDb21wb25lbnR9IGZyb20gJy4vYXNpZGUuY29tcG9uZW50JztcblxuQERpcmVjdGl2ZSh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBzZWxlY3RvcjogJ1t0dWlIaW50QXNpZGVdJyxcbiAgICBwcm92aWRlcnM6IFt0dWlIaW50T3B0aW9uc1Byb3ZpZGVyKHtkaXJlY3Rpb246ICdyaWdodCd9KV0sXG4gICAgaG9zdERpcmVjdGl2ZXM6IFtUdWlIaW50RGlyZWN0aXZlXSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpSGludEFzaWRlIHtcbiAgICBwcml2YXRlIHJlYWRvbmx5IGVsID0gdHVpSW5qZWN0RWxlbWVudCgpO1xuICAgIHByaXZhdGUgcmVhZG9ubHkgYXNpZGUgPSBpbmplY3QoVHVpQXNpZGVDb21wb25lbnQpO1xuICAgIHByaXZhdGUgcmVhZG9ubHkgZHJvcGRvd24gPSBpbmplY3QoVHVpRHJvcGRvd25EaXJlY3RpdmUsIHtvcHRpb25hbDogdHJ1ZX0pO1xuXG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IGJpbmRpbmcgPSB0dWlEaXJlY3RpdmVCaW5kaW5nKFxuICAgICAgICBUdWlIaW50RGlyZWN0aXZlLFxuICAgICAgICAndHVpSGludCcsXG4gICAgICAgIGNvbXB1dGVkKCgpID0+XG4gICAgICAgICAgICB0aGlzLmFzaWRlLmV4cGFuZGVkKCkgfHwgdGhpcy5kcm9wZG93biA/ICcnIDogdGhpcy5lbC50ZXh0Q29udGVudD8udHJpbSgpLFxuICAgICAgICApLFxuICAgICk7XG59XG4iXX0=

package/esm2022/components/navigation/index.mjs

@@ -1,8 +1,10 @@
 export * from './aside.component';
+export * from './aside-group.component';
+export * from './aside-item.directive';
 export * from './header.component';
 export * from './hint-aside.directive';
 export * from './logo.component';
 export * from './main.component';
 export * from './nav.component';
 export * from './navigation';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9sYXlvdXQvY29tcG9uZW50cy9uYXZpZ2F0aW9uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9hc2lkZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9oZWFkZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vaGludC1hc2lkZS5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9sb2dvLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL21haW4uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbmF2LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL25hdmlnYXRpb24nO1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9sYXlvdXQvY29tcG9uZW50cy9uYXZpZ2F0aW9uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vYXNpZGUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vYXNpZGUtZ3JvdXAuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vYXNpZGUtaXRlbS5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9oZWFkZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vaGludC1hc2lkZS5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9sb2dvLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL21haW4uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbmF2LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL25hdmlnYXRpb24nO1xuIl19

package/esm2022/components/navigation/nav.component.mjs

@@ -9,7 +9,7 @@ class TuiNavComponent {
             tuiBadgeOptionsProvider({ size: 'm' }),
             tuiButtonOptionsProvider({ size: 's' }),
             tuiTabsOptionsProvider({ size: 'm' }),
-        ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["nav[tuiNavigationNav]{top:3rem;z-index:1;display:flex;min-height:3rem;align-items:center;gap:.5rem;box-shadow:inset 0 -1px var(--tui-border-normal);padding:.25rem 1.25rem 0;margin:0 -1.25rem;box-sizing:border-box;white-space:nowrap;overflow:hidden;font:var(--tui-font-text-s);line-height:1rem;color:var(--tui-text-secondary);background:var(--tui-background-base)}nav[tuiNavigationNav] [tuiNavigationLogo]{font:var(--tui-font-text-m);font-weight:700;color:var(--tui-text-primary)}nav[tuiNavigationNav]>a{text-decoration:none;color:inherit}nav[tuiNavigationNav]>hr{width:2rem;margin:0 0 0 auto;border:none;visibility:hidden;flex-shrink:0}nav[tuiNavigationNav] tui-icon{font-size:1rem;vertical-align:bottom}nav[tuiNavigationNav] tui-tabs,nav[tuiNavigationNav] [tuiTabs]{margin-inline-end:1rem}nav[tuiNavigationNav] tui-tabs:before,nav[tuiNavigationNav] [tuiTabs]:before{background:var(--tui-background-accent-opposite-pressed)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["nav[tuiNavigationNav]{top:3rem;z-index:1;display:flex;min-height:3rem;align-items:center;gap:.5rem;box-shadow:inset 0 -1px var(--tui-border-normal);padding:.25rem 1.25rem 0;margin:0 -1.25rem;box-sizing:border-box;white-space:nowrap;overflow:hidden;font:var(--tui-font-text-s);line-height:1rem;color:var(--tui-text-secondary);background:var(--tui-background-base)}nav[tuiNavigationNav] [tuiNavigationLogo]{font:var(--tui-font-text-m);font-weight:700;color:var(--tui-text-primary)}nav[tuiNavigationNav]>a{text-decoration:none;color:inherit}nav[tuiNavigationNav]>hr{width:2rem;margin:0 0 0 auto;border:none;visibility:hidden;flex-shrink:0}nav[tuiNavigationNav] tui-icon{font-size:1rem;vertical-align:bottom}nav[tuiNavigationNav] tui-tabs,nav[tuiNavigationNav] [tuiTabs]{box-shadow:none;margin-inline-end:1rem}nav[tuiNavigationNav] tui-tabs:before,nav[tuiNavigationNav] [tuiTabs]:before{background:var(--tui-background-accent-opposite-pressed)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 export { TuiNavComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiNavComponent, decorators: [{
@@ -18,6 +18,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         tuiBadgeOptionsProvider({ size: 'm' }),
                         tuiButtonOptionsProvider({ size: 's' }),
                         tuiTabsOptionsProvider({ size: 'm' }),
-                    ], styles: ["nav[tuiNavigationNav]{top:3rem;z-index:1;display:flex;min-height:3rem;align-items:center;gap:.5rem;box-shadow:inset 0 -1px var(--tui-border-normal);padding:.25rem 1.25rem 0;margin:0 -1.25rem;box-sizing:border-box;white-space:nowrap;overflow:hidden;font:var(--tui-font-text-s);line-height:1rem;color:var(--tui-text-secondary);background:var(--tui-background-base)}nav[tuiNavigationNav] [tuiNavigationLogo]{font:var(--tui-font-text-m);font-weight:700;color:var(--tui-text-primary)}nav[tuiNavigationNav]>a{text-decoration:none;color:inherit}nav[tuiNavigationNav]>hr{width:2rem;margin:0 0 0 auto;border:none;visibility:hidden;flex-shrink:0}nav[tuiNavigationNav] tui-icon{font-size:1rem;vertical-align:bottom}nav[tuiNavigationNav] tui-tabs,nav[tuiNavigationNav] [tuiTabs]{margin-inline-end:1rem}nav[tuiNavigationNav] tui-tabs:before,nav[tuiNavigationNav] [tuiTabs]:before{background:var(--tui-background-accent-opposite-pressed)}\n"] }]
+                    ], styles: ["nav[tuiNavigationNav]{top:3rem;z-index:1;display:flex;min-height:3rem;align-items:center;gap:.5rem;box-shadow:inset 0 -1px var(--tui-border-normal);padding:.25rem 1.25rem 0;margin:0 -1.25rem;box-sizing:border-box;white-space:nowrap;overflow:hidden;font:var(--tui-font-text-s);line-height:1rem;color:var(--tui-text-secondary);background:var(--tui-background-base)}nav[tuiNavigationNav] [tuiNavigationLogo]{font:var(--tui-font-text-m);font-weight:700;color:var(--tui-text-primary)}nav[tuiNavigationNav]>a{text-decoration:none;color:inherit}nav[tuiNavigationNav]>hr{width:2rem;margin:0 0 0 auto;border:none;visibility:hidden;flex-shrink:0}nav[tuiNavigationNav] tui-icon{font-size:1rem;vertical-align:bottom}nav[tuiNavigationNav] tui-tabs,nav[tuiNavigationNav] [tuiTabs]{box-shadow:none;margin-inline-end:1rem}nav[tuiNavigationNav] tui-tabs:before,nav[tuiNavigationNav] [tuiTabs]:before{background:var(--tui-background-accent-opposite-pressed)}\n"] }]
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2xheW91dC9jb21wb25lbnRzL25hdmlnYXRpb24vbmF2LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3BGLE9BQU8sRUFBQyx3QkFBd0IsRUFBQyxNQUFNLGtDQUFrQyxDQUFDO0FBQzFFLE9BQU8sRUFBQyx1QkFBdUIsRUFBQyxNQUFNLGdDQUFnQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBQyxzQkFBc0IsRUFBQyxNQUFNLCtCQUErQixDQUFDOztBQUVyRSxNQWFhLGVBQWU7K0dBQWYsZUFBZTttR0FBZixlQUFlLG9FQU5iO1lBQ1AsdUJBQXVCLENBQUMsRUFBQyxJQUFJLEVBQUUsR0FBRyxFQUFDLENBQUM7WUFDcEMsd0JBQXdCLENBQUMsRUFBQyxJQUFJLEVBQUUsR0FBRyxFQUFDLENBQUM7WUFDckMsc0JBQXNCLENBQUMsRUFBQyxJQUFJLEVBQUUsR0FBRyxFQUFDLENBQUM7U0FDdEMsMEJBUlMsMkJBQTJCOztTQVU1QixlQUFlOzRGQUFmLGVBQWU7a0JBYjNCLFNBQVM7aUNBQ00sSUFBSSxZQUNOLHVCQUF1QixZQUN2QiwyQkFBMkIsaUJBRXRCLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sYUFDcEM7d0JBQ1AsdUJBQXVCLENBQUMsRUFBQyxJQUFJLEVBQUUsR0FBRyxFQUFDLENBQUM7d0JBQ3BDLHdCQUF3QixDQUFDLEVBQUMsSUFBSSxFQUFFLEdBQUcsRUFBQyxDQUFDO3dCQUNyQyxzQkFBc0IsQ0FBQyxFQUFDLElBQUksRUFBRSxHQUFHLEVBQUMsQ0FBQztxQkFDdEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9ufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7dHVpQnV0dG9uT3B0aW9uc1Byb3ZpZGVyfSBmcm9tICdAdGFpZ2EtdWkvY29yZS9jb21wb25lbnRzL2J1dHRvbic7XG5pbXBvcnQge3R1aUJhZGdlT3B0aW9uc1Byb3ZpZGVyfSBmcm9tICdAdGFpZ2EtdWkva2l0L2NvbXBvbmVudHMvYmFkZ2UnO1xuaW1wb3J0IHt0dWlUYWJzT3B0aW9uc1Byb3ZpZGVyfSBmcm9tICdAdGFpZ2EtdWkva2l0L2NvbXBvbmVudHMvdGFicyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc2VsZWN0b3I6ICduYXZbdHVpTmF2aWdhdGlvbk5hdl0nLFxuICAgIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXG4gICAgc3R5bGVVcmxzOiBbJy4vbmF2LnN0eWxlLmxlc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB0dWlCYWRnZU9wdGlvbnNQcm92aWRlcih7c2l6ZTogJ20nfSksXG4gICAgICAgIHR1aUJ1dHRvbk9wdGlvbnNQcm92aWRlcih7c2l6ZTogJ3MnfSksXG4gICAgICAgIHR1aVRhYnNPcHRpb25zUHJvdmlkZXIoe3NpemU6ICdtJ30pLFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aU5hdkNvbXBvbmVudCB7fVxuIl19

package/esm2022/components/navigation/navigation.mjs

@@ -1,4 +1,6 @@
 import { TuiAsideComponent } from './aside.component';
+import { TuiAsideGroupComponent } from './aside-group.component';
+import { TuiAsideItemDirective } from './aside-item.directive';
 import { TuiHeaderComponent } from './header.component';
 import { TuiHintAside } from './hint-aside.directive';
 import { TuiLogoComponent } from './logo.component';
@@ -9,7 +11,9 @@ export const TuiNavigation = [
     TuiLogoComponent,
     TuiMainComponent,
     TuiAsideComponent,
+    TuiAsideGroupComponent,
+    TuiAsideItemDirective,
     TuiNavComponent,
     TuiHintAside,
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2xheW91dC9jb21wb25lbnRzL25hdmlnYXRpb24vbmF2aWdhdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSxtQkFBbUIsQ0FBQztBQUNwRCxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSxvQkFBb0IsQ0FBQztBQUN0RCxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0sd0JBQXdCLENBQUM7QUFDcEQsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sa0JBQWtCLENBQUM7QUFDbEQsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sa0JBQWtCLENBQUM7QUFDbEQsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBRWhELE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRztJQUN6QixrQkFBa0I7SUFDbEIsZ0JBQWdCO0lBQ2hCLGdCQUFnQjtJQUNoQixpQkFBaUI7SUFDakIsZUFBZTtJQUNmLFlBQVk7Q0FDTixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtUdWlBc2lkZUNvbXBvbmVudH0gZnJvbSAnLi9hc2lkZS5jb21wb25lbnQnO1xuaW1wb3J0IHtUdWlIZWFkZXJDb21wb25lbnR9IGZyb20gJy4vaGVhZGVyLmNvbXBvbmVudCc7XG5pbXBvcnQge1R1aUhpbnRBc2lkZX0gZnJvbSAnLi9oaW50LWFzaWRlLmRpcmVjdGl2ZSc7XG5pbXBvcnQge1R1aUxvZ29Db21wb25lbnR9IGZyb20gJy4vbG9nby5jb21wb25lbnQnO1xuaW1wb3J0IHtUdWlNYWluQ29tcG9uZW50fSBmcm9tICcuL21haW4uY29tcG9uZW50JztcbmltcG9ydCB7VHVpTmF2Q29tcG9uZW50fSBmcm9tICcuL25hdi5jb21wb25lbnQnO1xuXG5leHBvcnQgY29uc3QgVHVpTmF2aWdhdGlvbiA9IFtcbiAgICBUdWlIZWFkZXJDb21wb25lbnQsXG4gICAgVHVpTG9nb0NvbXBvbmVudCxcbiAgICBUdWlNYWluQ29tcG9uZW50LFxuICAgIFR1aUFzaWRlQ29tcG9uZW50LFxuICAgIFR1aU5hdkNvbXBvbmVudCxcbiAgICBUdWlIaW50QXNpZGUsXG5dIGFzIGNvbnN0O1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2xheW91dC9jb21wb25lbnRzL25hdmlnYXRpb24vbmF2aWdhdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSxtQkFBbUIsQ0FBQztBQUNwRCxPQUFPLEVBQUMsc0JBQXNCLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQztBQUMvRCxPQUFPLEVBQUMscUJBQXFCLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUM3RCxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSxvQkFBb0IsQ0FBQztBQUN0RCxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0sd0JBQXdCLENBQUM7QUFDcEQsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sa0JBQWtCLENBQUM7QUFDbEQsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sa0JBQWtCLENBQUM7QUFDbEQsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBRWhELE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRztJQUN6QixrQkFBa0I7SUFDbEIsZ0JBQWdCO0lBQ2hCLGdCQUFnQjtJQUNoQixpQkFBaUI7SUFDakIsc0JBQXNCO0lBQ3RCLHFCQUFxQjtJQUNyQixlQUFlO0lBQ2YsWUFBWTtDQUNOLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1R1aUFzaWRlQ29tcG9uZW50fSBmcm9tICcuL2FzaWRlLmNvbXBvbmVudCc7XG5pbXBvcnQge1R1aUFzaWRlR3JvdXBDb21wb25lbnR9IGZyb20gJy4vYXNpZGUtZ3JvdXAuY29tcG9uZW50JztcbmltcG9ydCB7VHVpQXNpZGVJdGVtRGlyZWN0aXZlfSBmcm9tICcuL2FzaWRlLWl0ZW0uZGlyZWN0aXZlJztcbmltcG9ydCB7VHVpSGVhZGVyQ29tcG9uZW50fSBmcm9tICcuL2hlYWRlci5jb21wb25lbnQnO1xuaW1wb3J0IHtUdWlIaW50QXNpZGV9IGZyb20gJy4vaGludC1hc2lkZS5kaXJlY3RpdmUnO1xuaW1wb3J0IHtUdWlMb2dvQ29tcG9uZW50fSBmcm9tICcuL2xvZ28uY29tcG9uZW50JztcbmltcG9ydCB7VHVpTWFpbkNvbXBvbmVudH0gZnJvbSAnLi9tYWluLmNvbXBvbmVudCc7XG5pbXBvcnQge1R1aU5hdkNvbXBvbmVudH0gZnJvbSAnLi9uYXYuY29tcG9uZW50JztcblxuZXhwb3J0IGNvbnN0IFR1aU5hdmlnYXRpb24gPSBbXG4gICAgVHVpSGVhZGVyQ29tcG9uZW50LFxuICAgIFR1aUxvZ29Db21wb25lbnQsXG4gICAgVHVpTWFpbkNvbXBvbmVudCxcbiAgICBUdWlBc2lkZUNvbXBvbmVudCxcbiAgICBUdWlBc2lkZUdyb3VwQ29tcG9uZW50LFxuICAgIFR1aUFzaWRlSXRlbURpcmVjdGl2ZSxcbiAgICBUdWlOYXZDb21wb25lbnQsXG4gICAgVHVpSGludEFzaWRlLFxuXSBhcyBjb25zdDtcbiJdfQ==

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

@@ -1,7 +1,7 @@
 import { AsyncPipe } from '@angular/common';
 import * as i0 from '@angular/core';
 import { inject, Component, ViewEncapsulation, ChangeDetectionStrategy, ViewChildren, Input, HostBinding, Directive } from '@angular/core';
-import { MutationObserverService, MUTATION_OBSERVER_INIT } from '@ng-web-apis/mutation-observer';
+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 { TuiFade } from '@taiga-ui/kit/directives/fade';
@@ -12,7 +12,7 @@ const TUI_APP_BAR_PROVIDERS = [
     ResizeObserverService,
     MutationObserverService,
     {
-        provide: MUTATION_OBSERVER_INIT,
+        provide: WA_MUTATION_OBSERVER_INIT,
         useValue: {
             characterData: true,
             childList: true,

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.ts","../../../projects/layout/components/app-bar/taiga-ui-layout-components-app-bar.ts"],"sourcesContent":["import type {Provider} from '@angular/core';\nimport {\n    MUTATION_OBSERVER_INIT,\n    MutationObserverService,\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: MUTATION_OBSERVER_INIT,\n        useValue: {\n            characterData: true,\n            childList: true,\n            subtree: true,\n        },\n    },\n    tuiButtonOptionsProvider({\n        size: 'm',\n        appearance: 'link',\n    }),\n];\n","import {AsyncPipe} from '@angular/common';\nimport type {ElementRef, QueryList} from '@angular/core';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    HostBinding,\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 {EMPTY_QUERY} from '@taiga-ui/cdk/constants';\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    standalone: true,\n    selector: 'tui-app-bar',\n    imports: [TuiFade, AsyncPipe],\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})\nexport class TuiAppBarComponent {\n    @ViewChildren('side')\n    private readonly side: QueryList<ElementRef<HTMLElement>> = EMPTY_QUERY;\n\n    protected readonly width$ = merge(\n        inject(ResizeObserverService),\n        inject(MutationObserverService),\n    ).pipe(\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    @HostBinding('attr.data-size')\n    public size: TuiSizeL = 'm';\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';\n\n@Directive({\n    standalone: true,\n    selector: '[tuiSlot]',\n})\nexport class TuiAppBarDirective {\n    @Input()\n    public tuiSlot: string | 'left' | 'right' = 'left';\n}\n","import {ChangeDetectionStrategy, Component} from '@angular/core';\n\n@Component({\n    standalone: true,\n    selector: 'button[tuiAppBarBack], a[tuiAppBarBack]',\n    templateUrl: './app-bar-back.template.html',\n    styleUrls: ['./app-bar-back.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiAppBarBack {}\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<ng-content />\n","import {TuiAppBarComponent} from './app-bar.component';\nimport {TuiAppBarDirective} from './app-bar.directive';\nimport {TuiAppBarBack} from './app-bar-back.component';\n\nexport const TuiAppBar = [TuiAppBarComponent, TuiAppBarDirective, TuiAppBarBack] 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.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        size: 'm',\n        appearance: 'link',\n    }),\n];\n","import {AsyncPipe} from '@angular/common';\nimport type {ElementRef, QueryList} from '@angular/core';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    HostBinding,\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 {EMPTY_QUERY} from '@taiga-ui/cdk/constants';\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    standalone: true,\n    selector: 'tui-app-bar',\n    imports: [TuiFade, AsyncPipe],\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})\nexport class TuiAppBarComponent {\n    @ViewChildren('side')\n    private readonly side: QueryList<ElementRef<HTMLElement>> = EMPTY_QUERY;\n\n    protected readonly width$ = merge(\n        inject(ResizeObserverService),\n        inject(MutationObserverService),\n    ).pipe(\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    @HostBinding('attr.data-size')\n    public size: TuiSizeL = 'm';\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';\n\n@Directive({\n    standalone: true,\n    selector: '[tuiSlot]',\n})\nexport class TuiAppBarDirective {\n    @Input()\n    public tuiSlot: string | 'left' | 'right' = 'left';\n}\n","import {ChangeDetectionStrategy, Component} from '@angular/core';\n\n@Component({\n    standalone: true,\n    selector: 'button[tuiAppBarBack], a[tuiAppBarBack]',\n    templateUrl: './app-bar-back.template.html',\n    styleUrls: ['./app-bar-back.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiAppBarBack {}\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<ng-content />\n","import {TuiAppBarComponent} from './app-bar.component';\nimport {TuiAppBarDirective} from './app-bar.directive';\nimport {TuiAppBarBack} from './app-bar-back.component';\n\nexport const TuiAppBar = [TuiAppBarComponent, TuiAppBarDirective, TuiAppBarBack] 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-navigation.mjs

@@ -1,25 +1,47 @@
 import * as i0 from '@angular/core';
-import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input, inject, Directive } from '@angular/core';
-import { tuiButtonOptionsProvider } from '@taiga-ui/core/components/button';
+import { signal, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, inject, computed, TemplateRef, ViewChild, ContentChild, HostListener, Directive } from '@angular/core';
+import * as i3$1 from '@taiga-ui/core/components/button';
+import { tuiButtonOptionsProvider, TuiButton } from '@taiga-ui/core/components/button';
 import { TuiScrollbar, TuiScrollable } from '@taiga-ui/core/components/scrollbar';
-import { tuiDropdownOptionsProvider } from '@taiga-ui/core/directives/dropdown';
+import * as i1 from '@taiga-ui/core/directives/dropdown';
+import { tuiDropdownOptionsProvider, TuiDropdownDirective, TuiDropdownHover, TuiDropdownPositionSided, TuiDropdownOpen, TuiDropdownManual, TUI_DROPDOWN_OPTIONS } from '@taiga-ui/core/directives/dropdown';
 import { TuiFade } from '@taiga-ui/kit/directives/fade';
+import { tuiDirectiveBinding, tuiProvide } from '@taiga-ui/cdk/utils/miscellaneous';
+import * as i3 from '@taiga-ui/core/components/data-list';
+import { TUI_DATA_LIST_HOST, TuiDataList, TuiDataListComponent } from '@taiga-ui/core/components/data-list';
+import * as i2 from '@taiga-ui/core/components/expand';
+import { TuiExpand } from '@taiga-ui/core/components/expand';
+import { TuiChevron } from '@taiga-ui/kit/directives/chevron';
+import { PolymorpheusOutlet } from '@taiga-ui/polymorpheus';
+import { toSignal } from '@angular/core/rxjs-interop';
+import * as i4 from '@angular/router';
+import { RouterLink, RouterLinkActive } from '@angular/router';
+import { TuiIcons } from '@taiga-ui/core/directives/icons';
+import { TUI_COMMON_ICONS, TUI_ICON_END } from '@taiga-ui/core/tokens';
+import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
+import * as i1$1 from '@taiga-ui/core/directives/hint';
+import { TuiHintDirective, tuiHintOptionsProvider } from '@taiga-ui/core/directives/hint';
 import { tuiAvatarOptionsProvider } from '@taiga-ui/kit/components/avatar';
 import { tuiBadgeOptionsProvider } from '@taiga-ui/kit/components/badge';
 import { tuiBadgeNotificationOptionsProvider } from '@taiga-ui/kit/components/badge-notification';
-import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
-import * as i1 from '@taiga-ui/core/directives/hint';
-import { TuiHintDirective, tuiHintOptionsProvider } from '@taiga-ui/core/directives/hint';
 import { tuiTabsOptionsProvider } from '@taiga-ui/kit/components/tabs';
 
 class TuiAsideComponent {
     constructor() {
-        this.tuiNavigationAside = false;
+        // TODO: refactor to signal inputs after Angular update
+        this.expanded = signal(false);
+    }
+    set tuiNavigationAside(expanded) {
+        this.expanded.set(expanded);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAsideComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiAsideComponent, isStandalone: true, selector: "aside[tuiNavigationAside]", inputs: { tuiNavigationAside: "tuiNavigationAside" }, host: { attributes: { "tuiNavigationAside": "", "tuiTheme": "dark" }, properties: { "class._expanded": "tuiNavigationAside" } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiAsideComponent, isStandalone: true, selector: "aside[tuiNavigationAside]", inputs: { tuiNavigationAside: "tuiNavigationAside" }, host: { attributes: { "tuiNavigationAside": "", "tuiTheme": "dark" }, properties: { "class._expanded": "expanded()" } }, providers: [
             tuiButtonOptionsProvider({ size: 's', appearance: 'flat' }),
-            tuiDropdownOptionsProvider({ appearance: 'dropdown-navigation', align: 'right' }),
+            tuiDropdownOptionsProvider({
+                appearance: 'dropdown-navigation',
+                align: 'right',
+                offset: 12,
+            }),
         ], ngImport: i0, template: `
         <ng-content select="header"></ng-content>
         <tui-scrollbar class="t-nav-scrollbar">
@@ -32,7 +54,7 @@ class TuiAsideComponent {
             </div>
         </tui-scrollbar>
         <ng-content select="footer"></ng-content>
-    `, isInline: true, styles: ["aside[tuiNavigationAside]{--tui-text-action: var(--tui-text-primary);--tui-text-action-hover: var(--tui-text-primary);position:sticky;top:3rem;display:flex;width:3rem;flex-direction:column;padding:.5rem .5rem .25rem;box-sizing:border-box;background:var(--tui-theme-color, #000);color:var(--tui-text-primary);transition-property:width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}aside[tuiNavigationAside]._expanded{width:13.75rem}aside[tuiNavigationAside]._expanded+main[tuiNavigationMain]{max-width:calc(100% - 13.75rem)}aside[tuiNavigationAside] a[tuiButton].active{background:var(--tui-background-neutral-1-hover)}aside[tuiNavigationAside] .t-nav-scrollbar{margin:0 -.25rem}aside[tuiNavigationAside] .t-nav-content{scrollbar-width:none;-ms-overflow-style:none;height:100%;padding:0 .25rem;overflow:auto}aside[tuiNavigationAside] .t-nav-content::-webkit-scrollbar,aside[tuiNavigationAside] .t-nav-content::-webkit-scrollbar-thumb{display:none}aside[tuiNavigationAside] [tuiButton]{width:100%;justify-content:flex-start;gap:.625rem;margin-bottom:.25rem}aside[tuiNavigationAside] [tuiButton]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-left:auto;color:var(--tui-text-tertiary)}aside[tuiNavigationAside] tui-expand [tuiButton]{padding-inline-start:2rem}aside[tuiNavigationAside] hr{background:var(--tui-background-neutral-1);height:1px;margin:0 0 .25rem;border:none}aside[tuiNavigationAside] header{padding-bottom:.25rem;box-shadow:inset 0 -1px var(--tui-background-neutral-1);margin-bottom:1rem}aside[tuiNavigationAside] footer{margin-top:auto;border-top:1.75rem solid transparent}aside[tuiNavigationAside]+main[tuiNavigationMain]{max-width:calc(100% - 3rem)}tui-dropdown[data-appearance=dropdown-navigation]{--tui-text-primary: #fff;--tui-background-neutral-1: rgba(255, 255, 255, .16);border:none;background:#323232;background:color-mix(in srgb,var(--tui-theme-color, #000) 80%,#fff)}\n"], dependencies: [{ kind: "component", type: TuiScrollbar, selector: "tui-scrollbar", inputs: ["hidden"] }, { kind: "directive", type: TuiFade, selector: "[tuiFade]", inputs: ["tuiFadeHeight", "tuiFadeSize", "tuiFadeOffset", "tuiFade"] }, { kind: "directive", type: TuiScrollable, selector: "[tuiScrollable]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    `, isInline: true, styles: ["aside[tuiNavigationAside]{transition-property:width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:sticky;top:3rem;display:flex;width:3rem;flex-direction:column;padding:.5rem .5rem .25rem;box-sizing:border-box;background:var(--tui-theme-color, #000);color:var(--tui-text-primary)}aside[tuiNavigationAside]._expanded{width:13.75rem}aside[tuiNavigationAside]._expanded+main[tuiNavigationMain]{max-width:calc(100% - 13.75rem)}aside[tuiNavigationAside] .t-nav-scrollbar{margin:0 -.25rem}aside[tuiNavigationAside] .t-nav-content{scrollbar-width:none;-ms-overflow-style:none;height:100%;padding:0 .25rem;overflow:auto}aside[tuiNavigationAside] .t-nav-content::-webkit-scrollbar,aside[tuiNavigationAside] .t-nav-content::-webkit-scrollbar-thumb{display:none}aside[tuiNavigationAside] tui-expand [tuiAsideItem]{padding-inline-start:2rem}aside[tuiNavigationAside] hr{background:var(--tui-border-normal);height:1px;margin:0 0 .25rem;border:none}aside[tuiNavigationAside] header{padding-bottom:.25rem;box-shadow:inset 0 -1px var(--tui-border-normal);margin-bottom:1rem}aside[tuiNavigationAside] footer{margin-top:auto;border-top:1.75rem solid transparent}aside[tuiNavigationAside]+main[tuiNavigationMain]{max-width:calc(100% - 3rem)}[tuiAsideItem]{width:100%;justify-content:flex-start;gap:.625rem;margin-bottom:.25rem;color:var(--tui-text-primary)!important}[tuiAsideItem]:after{border:none!important;margin-left:auto!important;color:var(--tui-text-tertiary)}[tuiAsideItem]._chevron-rotated,[tuiAsideItem]._active{background:var(--tui-background-neutral-1-hover)}tui-dropdown[data-appearance=dropdown-navigation]{border:none;background:#323232;background:color-mix(in srgb,var(--tui-theme-color, #000) 80%,#fff)}tui-dropdown[data-appearance=dropdown-navigation] [tuiAsideItem]{justify-content:flex-start}tui-dropdown[data-appearance=dropdown-navigation] [tuiAsideItem]._active{background:transparent}tui-dropdown[data-appearance=dropdown-navigation] [tuiAsideItem]._link:not(._custom):after{opacity:0}tui-dropdown[data-appearance=dropdown-navigation] [tuiAsideItem]._link._active:after{opacity:1}\n"], dependencies: [{ kind: "component", type: TuiScrollbar, selector: "tui-scrollbar", inputs: ["hidden"] }, { kind: "directive", type: TuiFade, selector: "[tuiFade]", inputs: ["tuiFadeHeight", "tuiFadeSize", "tuiFadeOffset", "tuiFade"] }, { kind: "directive", type: TuiScrollable, selector: "[tuiScrollable]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAsideComponent, decorators: [{
             type: Component,
@@ -50,16 +72,147 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         <ng-content select="footer"></ng-content>
     `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         tuiButtonOptionsProvider({ size: 's', appearance: 'flat' }),
-                        tuiDropdownOptionsProvider({ appearance: 'dropdown-navigation', align: 'right' }),
+                        tuiDropdownOptionsProvider({
+                            appearance: 'dropdown-navigation',
+                            align: 'right',
+                            offset: 12,
+                        }),
                     ], host: {
                         tuiNavigationAside: '',
                         tuiTheme: 'dark',
-                        '[class._expanded]': 'tuiNavigationAside',
-                    }, styles: ["aside[tuiNavigationAside]{--tui-text-action: var(--tui-text-primary);--tui-text-action-hover: var(--tui-text-primary);position:sticky;top:3rem;display:flex;width:3rem;flex-direction:column;padding:.5rem .5rem .25rem;box-sizing:border-box;background:var(--tui-theme-color, #000);color:var(--tui-text-primary);transition-property:width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}aside[tuiNavigationAside]._expanded{width:13.75rem}aside[tuiNavigationAside]._expanded+main[tuiNavigationMain]{max-width:calc(100% - 13.75rem)}aside[tuiNavigationAside] a[tuiButton].active{background:var(--tui-background-neutral-1-hover)}aside[tuiNavigationAside] .t-nav-scrollbar{margin:0 -.25rem}aside[tuiNavigationAside] .t-nav-content{scrollbar-width:none;-ms-overflow-style:none;height:100%;padding:0 .25rem;overflow:auto}aside[tuiNavigationAside] .t-nav-content::-webkit-scrollbar,aside[tuiNavigationAside] .t-nav-content::-webkit-scrollbar-thumb{display:none}aside[tuiNavigationAside] [tuiButton]{width:100%;justify-content:flex-start;gap:.625rem;margin-bottom:.25rem}aside[tuiNavigationAside] [tuiButton]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-left:auto;color:var(--tui-text-tertiary)}aside[tuiNavigationAside] tui-expand [tuiButton]{padding-inline-start:2rem}aside[tuiNavigationAside] hr{background:var(--tui-background-neutral-1);height:1px;margin:0 0 .25rem;border:none}aside[tuiNavigationAside] header{padding-bottom:.25rem;box-shadow:inset 0 -1px var(--tui-background-neutral-1);margin-bottom:1rem}aside[tuiNavigationAside] footer{margin-top:auto;border-top:1.75rem solid transparent}aside[tuiNavigationAside]+main[tuiNavigationMain]{max-width:calc(100% - 3rem)}tui-dropdown[data-appearance=dropdown-navigation]{--tui-text-primary: #fff;--tui-background-neutral-1: rgba(255, 255, 255, .16);border:none;background:#323232;background:color-mix(in srgb,var(--tui-theme-color, #000) 80%,#fff)}\n"] }]
+                        '[class._expanded]': 'expanded()',
+                    }, styles: ["aside[tuiNavigationAside]{transition-property:width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:sticky;top:3rem;display:flex;width:3rem;flex-direction:column;padding:.5rem .5rem .25rem;box-sizing:border-box;background:var(--tui-theme-color, #000);color:var(--tui-text-primary)}aside[tuiNavigationAside]._expanded{width:13.75rem}aside[tuiNavigationAside]._expanded+main[tuiNavigationMain]{max-width:calc(100% - 13.75rem)}aside[tuiNavigationAside] .t-nav-scrollbar{margin:0 -.25rem}aside[tuiNavigationAside] .t-nav-content{scrollbar-width:none;-ms-overflow-style:none;height:100%;padding:0 .25rem;overflow:auto}aside[tuiNavigationAside] .t-nav-content::-webkit-scrollbar,aside[tuiNavigationAside] .t-nav-content::-webkit-scrollbar-thumb{display:none}aside[tuiNavigationAside] tui-expand [tuiAsideItem]{padding-inline-start:2rem}aside[tuiNavigationAside] hr{background:var(--tui-border-normal);height:1px;margin:0 0 .25rem;border:none}aside[tuiNavigationAside] header{padding-bottom:.25rem;box-shadow:inset 0 -1px var(--tui-border-normal);margin-bottom:1rem}aside[tuiNavigationAside] footer{margin-top:auto;border-top:1.75rem solid transparent}aside[tuiNavigationAside]+main[tuiNavigationMain]{max-width:calc(100% - 3rem)}[tuiAsideItem]{width:100%;justify-content:flex-start;gap:.625rem;margin-bottom:.25rem;color:var(--tui-text-primary)!important}[tuiAsideItem]:after{border:none!important;margin-left:auto!important;color:var(--tui-text-tertiary)}[tuiAsideItem]._chevron-rotated,[tuiAsideItem]._active{background:var(--tui-background-neutral-1-hover)}tui-dropdown[data-appearance=dropdown-navigation]{border:none;background:#323232;background:color-mix(in srgb,var(--tui-theme-color, #000) 80%,#fff)}tui-dropdown[data-appearance=dropdown-navigation] [tuiAsideItem]{justify-content:flex-start}tui-dropdown[data-appearance=dropdown-navigation] [tuiAsideItem]._active{background:transparent}tui-dropdown[data-appearance=dropdown-navigation] [tuiAsideItem]._link:not(._custom):after{opacity:0}tui-dropdown[data-appearance=dropdown-navigation] [tuiAsideItem]._link._active:after{opacity:1}\n"] }]
         }], propDecorators: { tuiNavigationAside: [{
                 type: Input
             }] } });
 
+class TuiAsideGroupComponent {
+    constructor() {
+        this.aside = inject(TuiAsideComponent);
+        this.open = signal(false);
+        this.template = null;
+        this.expanded = computed(() => this.aside.expanded() && this.open());
+        this.binding = tuiDirectiveBinding(TuiDropdownDirective, 'tuiDropdown', computed(() => (this.aside.expanded() ? null : this.datalist)));
+        this.size = 's';
+    }
+    onClick() {
+        this.open.set(!this.open() && this.aside.expanded());
+        this.chevron?.chevron.set(this.open());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAsideGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiAsideGroupComponent, isStandalone: true, selector: "tui-aside-group", host: { listeners: { "click": "onClick()" } }, providers: [tuiProvide(TUI_DATA_LIST_HOST, TuiAsideGroupComponent)], queries: [{ propertyName: "chevron", first: true, predicate: TuiChevron, descendants: true }, { propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], viewQueries: [{ propertyName: "datalist", first: true, predicate: ["datalist"], descendants: true, static: true }], hostDirectives: [{ directive: i1.TuiDropdownDirective }, { directive: i1.TuiDropdownHover }, { directive: i1.TuiDropdownPositionSided }, { directive: i1.TuiDropdownOpen }], ngImport: i0, template: "<div #host><ng-content /></div>\n<tui-expand [expanded]=\"expanded()\">\n    <ng-container *polymorpheusOutlet=\"template\" />\n</tui-expand>\n<ng-template #datalist>\n    <tui-data-list>\n        <tui-opt-group [label]=\"host.textContent\">\n            <ng-container *polymorpheusOutlet=\"template\" />\n        </tui-opt-group>\n    </tui-data-list>\n</ng-template>\n", dependencies: [{ kind: "component", type: i2.TuiExpandComponent, selector: "tui-expand", inputs: ["async", "expanded"] }, { kind: "component", type: i3.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i3.TuiOptGroup, selector: "tui-opt-group", inputs: ["label"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAsideGroupComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'tui-aside-group', imports: [TuiExpand, TuiDataList, PolymorpheusOutlet], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [tuiProvide(TUI_DATA_LIST_HOST, TuiAsideGroupComponent)], hostDirectives: [
+                        TuiDropdownDirective,
+                        TuiDropdownHover,
+                        TuiDropdownPositionSided,
+                        TuiDropdownOpen,
+                    ], template: "<div #host><ng-content /></div>\n<tui-expand [expanded]=\"expanded()\">\n    <ng-container *polymorpheusOutlet=\"template\" />\n</tui-expand>\n<ng-template #datalist>\n    <tui-data-list>\n        <tui-opt-group [label]=\"host.textContent\">\n            <ng-container *polymorpheusOutlet=\"template\" />\n        </tui-opt-group>\n    </tui-data-list>\n</ng-template>\n" }]
+        }], propDecorators: { datalist: [{
+                type: ViewChild,
+                args: ['datalist', { static: true }]
+            }], chevron: [{
+                type: ContentChild,
+                args: [TuiChevron]
+            }], template: [{
+                type: ContentChild,
+                args: [TemplateRef]
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+
+class TuiHintAside {
+    constructor() {
+        this.el = tuiInjectElement();
+        this.aside = inject(TuiAsideComponent);
+        this.dropdown = inject(TuiDropdownDirective, { optional: true });
+        this.binding = tuiDirectiveBinding(TuiHintDirective, 'tuiHint', computed(() => this.aside.expanded() || this.dropdown ? '' : this.el.textContent?.trim()));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiHintAside, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiHintAside, isStandalone: true, selector: "[tuiHintAside]", providers: [tuiHintOptionsProvider({ direction: 'right' })], hostDirectives: [{ directive: i1$1.TuiHintDirective }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiHintAside, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[tuiHintAside]',
+                    providers: [tuiHintOptionsProvider({ direction: 'right' })],
+                    hostDirectives: [TuiHintDirective],
+                }]
+        }] });
+
+class TuiAsideItemDirective {
+    constructor() {
+        this.icon = inject(TUI_COMMON_ICONS).check;
+        this.icons = inject(TuiIcons);
+        this.link = inject(RouterLink, { self: true, optional: true });
+        this.active = toSignal(inject(RouterLinkActive).isActiveChange);
+        this.size = 's';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAsideItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiAsideItemDirective, isStandalone: true, selector: "[tuiAsideItem]", host: { attributes: { "tuiButton": "", "tuiOption": "" }, properties: { "class._link": "link", "class._active": "active()", "class._custom": "icon !== icons.iconEnd" } }, providers: [
+            tuiProvide(TUI_DATA_LIST_HOST, TuiAsideItemDirective),
+            provideIcon(),
+            provideDropdown(),
+        ], hostDirectives: [{ directive: TuiHintAside }, { directive: i1.TuiDropdownManual }, { directive: i1.TuiDropdownPositionSided }, { directive: i3$1.TuiButton }, { directive: i4.RouterLinkActive, inputs: ["routerLinkActiveOptions", "routerLinkActiveOptions"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAsideItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[tuiAsideItem]',
+                    providers: [
+                        tuiProvide(TUI_DATA_LIST_HOST, TuiAsideItemDirective),
+                        provideIcon(),
+                        provideDropdown(),
+                    ],
+                    hostDirectives: [
+                        TuiHintAside,
+                        TuiDropdownManual,
+                        TuiDropdownPositionSided,
+                        TuiButton,
+                        {
+                            directive: RouterLinkActive,
+                            inputs: ['routerLinkActiveOptions'],
+                        },
+                    ],
+                    host: {
+                        tuiButton: '',
+                        tuiOption: '',
+                        '[class._link]': 'link',
+                        '[class._active]': 'active()',
+                        '[class._custom]': 'icon !== icons.iconEnd',
+                    },
+                }]
+        }] });
+function provideIcon() {
+    return {
+        provide: TUI_ICON_END,
+        useFactory: () => {
+            const { check, more } = inject(TUI_COMMON_ICONS);
+            const active = inject(TuiDataListComponent, { optional: true }) &&
+                inject(RouterLink, { self: true, optional: true })
+                ? check
+                : '';
+            return inject(TuiDropdownDirective, { self: true, optional: true })
+                ? more
+                : active;
+        },
+    };
+}
+function provideDropdown() {
+    return {
+        provide: TUI_DROPDOWN_OPTIONS,
+        useFactory: () => ({
+            ...inject(TUI_DROPDOWN_OPTIONS, { skipSelf: true }),
+            offset: inject(TuiDataListComponent, { optional: true }) ? 8 : 12,
+        }),
+    };
+}
+
 class TuiHeaderComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiHeaderComponent, isStandalone: true, selector: "header[tuiNavigationHeader]", host: { attributes: { "tuiTheme": "dark" } }, providers: [
@@ -83,31 +236,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     }, styles: ["header[tuiNavigationHeader]{--tui-text-action: var(--tui-text-primary);--tui-text-action-hover: var(--tui-text-primary);position:sticky;top:0;z-index:1;display:flex;height:3rem;width:100%;align-items:center;gap:.25rem;padding:.5rem;box-sizing:border-box;font:var(--tui-font-text-s);line-height:1rem;background:var(--tui-theme-color, #000);color:var(--tui-text-primary)}header[tuiNavigationHeader] [tuiNavigationLogo]{padding:0 .5rem;margin-inline-start:.25rem}header[tuiNavigationHeader] [tuiNavigationLogo] tui-icon{font-size:1rem}header[tuiNavigationHeader] [tuiButton],header[tuiNavigationHeader] [tuiBadge],header[tuiNavigationHeader] [tuiChip],header[tuiNavigationHeader] tui-badge,header[tuiNavigationHeader] tui-chip{max-width:8rem}header[tuiNavigationHeader] hr{width:2rem;margin:0 0 0 auto;border:none;visibility:hidden;flex-shrink:0}header[tuiNavigationHeader] hr~[tuiButton]{margin-right:.5rem}tui-dropdown[data-appearance=dropdown-navigation]{--tui-text-primary: #fff;--tui-background-neutral-1: rgba(255, 255, 255, .16);border:none;color:var(--tui-text-primary);background:#323232;background:color-mix(in srgb,var(--tui-theme-color, #000) 80%,#fff)}\n"] }]
         }] });
 
-class TuiHintAside {
-    constructor() {
-        this.el = tuiInjectElement();
-        this.aside = inject(TuiAsideComponent);
-        this.hint = inject(TuiHintDirective);
-    }
-    // TODO: switch to `tuiDirectiveBinding` when tuiNavigationAside is switched to signal
-    ngDoCheck() {
-        this.hint.tuiHint = this.aside.tuiNavigationAside
-            ? ''
-            : this.el.textContent?.trim();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiHintAside, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiHintAside, isStandalone: true, selector: "[tuiHintAside]", providers: [tuiHintOptionsProvider({ direction: 'right' })], hostDirectives: [{ directive: i1.TuiHintDirective }], ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiHintAside, decorators: [{
-            type: Directive,
-            args: [{
-                    standalone: true,
-                    selector: '[tuiHintAside]',
-                    providers: [tuiHintOptionsProvider({ direction: 'right' })],
-                    hostDirectives: [TuiHintDirective],
-                }]
-        }] });
-
 class TuiLogoComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiLogoComponent, isStandalone: true, selector: "[tuiNavigationLogo]", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["[tuiNavigationLogo]{display:flex;align-items:center;gap:.5rem;overflow:hidden;white-space:nowrap;font-weight:700}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
@@ -134,7 +262,7 @@ class TuiNavComponent {
             tuiBadgeOptionsProvider({ size: 'm' }),
             tuiButtonOptionsProvider({ size: 's' }),
             tuiTabsOptionsProvider({ size: 'm' }),
-        ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["nav[tuiNavigationNav]{top:3rem;z-index:1;display:flex;min-height:3rem;align-items:center;gap:.5rem;box-shadow:inset 0 -1px var(--tui-border-normal);padding:.25rem 1.25rem 0;margin:0 -1.25rem;box-sizing:border-box;white-space:nowrap;overflow:hidden;font:var(--tui-font-text-s);line-height:1rem;color:var(--tui-text-secondary);background:var(--tui-background-base)}nav[tuiNavigationNav] [tuiNavigationLogo]{font:var(--tui-font-text-m);font-weight:700;color:var(--tui-text-primary)}nav[tuiNavigationNav]>a{text-decoration:none;color:inherit}nav[tuiNavigationNav]>hr{width:2rem;margin:0 0 0 auto;border:none;visibility:hidden;flex-shrink:0}nav[tuiNavigationNav] tui-icon{font-size:1rem;vertical-align:bottom}nav[tuiNavigationNav] tui-tabs,nav[tuiNavigationNav] [tuiTabs]{margin-inline-end:1rem}nav[tuiNavigationNav] tui-tabs:before,nav[tuiNavigationNav] [tuiTabs]:before{background:var(--tui-background-accent-opposite-pressed)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["nav[tuiNavigationNav]{top:3rem;z-index:1;display:flex;min-height:3rem;align-items:center;gap:.5rem;box-shadow:inset 0 -1px var(--tui-border-normal);padding:.25rem 1.25rem 0;margin:0 -1.25rem;box-sizing:border-box;white-space:nowrap;overflow:hidden;font:var(--tui-font-text-s);line-height:1rem;color:var(--tui-text-secondary);background:var(--tui-background-base)}nav[tuiNavigationNav] [tuiNavigationLogo]{font:var(--tui-font-text-m);font-weight:700;color:var(--tui-text-primary)}nav[tuiNavigationNav]>a{text-decoration:none;color:inherit}nav[tuiNavigationNav]>hr{width:2rem;margin:0 0 0 auto;border:none;visibility:hidden;flex-shrink:0}nav[tuiNavigationNav] tui-icon{font-size:1rem;vertical-align:bottom}nav[tuiNavigationNav] tui-tabs,nav[tuiNavigationNav] [tuiTabs]{box-shadow:none;margin-inline-end:1rem}nav[tuiNavigationNav] tui-tabs:before,nav[tuiNavigationNav] [tuiTabs]:before{background:var(--tui-background-accent-opposite-pressed)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiNavComponent, decorators: [{
             type: Component,
@@ -142,7 +270,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         tuiBadgeOptionsProvider({ size: 'm' }),
                         tuiButtonOptionsProvider({ size: 's' }),
                         tuiTabsOptionsProvider({ size: 'm' }),
-                    ], styles: ["nav[tuiNavigationNav]{top:3rem;z-index:1;display:flex;min-height:3rem;align-items:center;gap:.5rem;box-shadow:inset 0 -1px var(--tui-border-normal);padding:.25rem 1.25rem 0;margin:0 -1.25rem;box-sizing:border-box;white-space:nowrap;overflow:hidden;font:var(--tui-font-text-s);line-height:1rem;color:var(--tui-text-secondary);background:var(--tui-background-base)}nav[tuiNavigationNav] [tuiNavigationLogo]{font:var(--tui-font-text-m);font-weight:700;color:var(--tui-text-primary)}nav[tuiNavigationNav]>a{text-decoration:none;color:inherit}nav[tuiNavigationNav]>hr{width:2rem;margin:0 0 0 auto;border:none;visibility:hidden;flex-shrink:0}nav[tuiNavigationNav] tui-icon{font-size:1rem;vertical-align:bottom}nav[tuiNavigationNav] tui-tabs,nav[tuiNavigationNav] [tuiTabs]{margin-inline-end:1rem}nav[tuiNavigationNav] tui-tabs:before,nav[tuiNavigationNav] [tuiTabs]:before{background:var(--tui-background-accent-opposite-pressed)}\n"] }]
+                    ], styles: ["nav[tuiNavigationNav]{top:3rem;z-index:1;display:flex;min-height:3rem;align-items:center;gap:.5rem;box-shadow:inset 0 -1px var(--tui-border-normal);padding:.25rem 1.25rem 0;margin:0 -1.25rem;box-sizing:border-box;white-space:nowrap;overflow:hidden;font:var(--tui-font-text-s);line-height:1rem;color:var(--tui-text-secondary);background:var(--tui-background-base)}nav[tuiNavigationNav] [tuiNavigationLogo]{font:var(--tui-font-text-m);font-weight:700;color:var(--tui-text-primary)}nav[tuiNavigationNav]>a{text-decoration:none;color:inherit}nav[tuiNavigationNav]>hr{width:2rem;margin:0 0 0 auto;border:none;visibility:hidden;flex-shrink:0}nav[tuiNavigationNav] tui-icon{font-size:1rem;vertical-align:bottom}nav[tuiNavigationNav] tui-tabs,nav[tuiNavigationNav] [tuiTabs]{box-shadow:none;margin-inline-end:1rem}nav[tuiNavigationNav] tui-tabs:before,nav[tuiNavigationNav] [tuiTabs]:before{background:var(--tui-background-accent-opposite-pressed)}\n"] }]
         }] });
 
 const TuiNavigation = [
@@ -150,6 +278,8 @@ const TuiNavigation = [
     TuiLogoComponent,
     TuiMainComponent,
     TuiAsideComponent,
+    TuiAsideGroupComponent,
+    TuiAsideItemDirective,
     TuiNavComponent,
     TuiHintAside,
 ];
@@ -158,5 +288,5 @@ const TuiNavigation = [
  * Generated bundle index. Do not edit.
  */
 
-export { TuiAsideComponent, TuiHeaderComponent, TuiHintAside, TuiLogoComponent, TuiMainComponent, TuiNavComponent, TuiNavigation };
+export { TuiAsideComponent, TuiAsideGroupComponent, TuiAsideItemDirective, TuiHeaderComponent, TuiHintAside, TuiLogoComponent, TuiMainComponent, TuiNavComponent, TuiNavigation };
 //# sourceMappingURL=taiga-ui-layout-components-navigation.mjs.map

package/fesm2022/taiga-ui-layout-components-navigation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-layout-components-navigation.mjs","sources":["../../../projects/layout/components/navigation/aside.component.ts","../../../projects/layout/components/navigation/header.component.ts","../../../projects/layout/components/navigation/hint-aside.directive.ts","../../../projects/layout/components/navigation/logo.component.ts","../../../projects/layout/components/navigation/main.component.ts","../../../projects/layout/components/navigation/nav.component.ts","../../../projects/layout/components/navigation/navigation.ts","../../../projects/layout/components/navigation/taiga-ui-layout-components-navigation.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    Input,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\nimport {TuiScrollable, TuiScrollbar} from '@taiga-ui/core/components/scrollbar';\nimport {tuiDropdownOptionsProvider} from '@taiga-ui/core/directives/dropdown';\nimport {TuiFade} from '@taiga-ui/kit/directives/fade';\n\n@Component({\n    standalone: true,\n    selector: 'aside[tuiNavigationAside]',\n    imports: [TuiScrollbar, TuiFade, TuiScrollable],\n    template: `\n        <ng-content select=\"header\"></ng-content>\n        <tui-scrollbar class=\"t-nav-scrollbar\">\n            <div\n                tuiFade=\"vertical\"\n                tuiScrollable\n                class=\"t-nav-content\"\n            >\n                <ng-content></ng-content>\n            </div>\n        </tui-scrollbar>\n        <ng-content select=\"footer\"></ng-content>\n    `,\n    styleUrls: ['./aside.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        tuiButtonOptionsProvider({size: 's', appearance: 'flat'}),\n        tuiDropdownOptionsProvider({appearance: 'dropdown-navigation', align: 'right'}),\n    ],\n    host: {\n        tuiNavigationAside: '',\n        tuiTheme: 'dark',\n        '[class._expanded]': 'tuiNavigationAside',\n    },\n})\nexport class TuiAsideComponent {\n    @Input()\n    public tuiNavigationAside = false;\n}\n","import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\nimport {tuiDropdownOptionsProvider} from '@taiga-ui/core/directives/dropdown';\nimport {tuiAvatarOptionsProvider} from '@taiga-ui/kit/components/avatar';\nimport {tuiBadgeOptionsProvider} from '@taiga-ui/kit/components/badge';\nimport {tuiBadgeNotificationOptionsProvider} from '@taiga-ui/kit/components/badge-notification';\n\n@Component({\n    standalone: true,\n    selector: 'header[tuiNavigationHeader]',\n    template: '<ng-content></ng-content>',\n    styleUrls: ['./header.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        tuiAvatarOptionsProvider({size: 's', appearance: 'secondary'}),\n        tuiBadgeNotificationOptionsProvider({size: 'xs'}),\n        tuiBadgeOptionsProvider({size: 'm', appearance: 'primary'}),\n        tuiButtonOptionsProvider({size: 's', appearance: 'flat'}),\n        tuiDropdownOptionsProvider({appearance: 'dropdown-navigation'}),\n    ],\n    host: {\n        tuiTheme: 'dark',\n    },\n})\nexport class TuiHeaderComponent {}\n","import type {DoCheck} from '@angular/core';\nimport {Directive, inject} from '@angular/core';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {TuiHintDirective, tuiHintOptionsProvider} from '@taiga-ui/core/directives/hint';\n\nimport {TuiAsideComponent} from './aside.component';\n\n@Directive({\n    standalone: true,\n    selector: '[tuiHintAside]',\n    providers: [tuiHintOptionsProvider({direction: 'right'})],\n    hostDirectives: [TuiHintDirective],\n})\nexport class TuiHintAside implements DoCheck {\n    private readonly el = tuiInjectElement();\n    private readonly aside = inject(TuiAsideComponent);\n    private readonly hint = inject(TuiHintDirective);\n\n    // TODO: switch to `tuiDirectiveBinding` when tuiNavigationAside is switched to signal\n    public ngDoCheck(): void {\n        this.hint.tuiHint = this.aside.tuiNavigationAside\n            ? ''\n            : this.el.textContent?.trim();\n    }\n}\n","import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n    standalone: true,\n    selector: '[tuiNavigationLogo]',\n    template: '<ng-content></ng-content>',\n    styleUrls: ['./logo.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiLogoComponent {}\n","import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n    standalone: true,\n    selector: 'main[tuiNavigationMain]',\n    template: '<ng-content></ng-content>',\n    styleUrls: ['./main.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        tuiNavigationMain: '',\n    },\n})\nexport class TuiMainComponent {}\n","import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\nimport {tuiBadgeOptionsProvider} from '@taiga-ui/kit/components/badge';\nimport {tuiTabsOptionsProvider} from '@taiga-ui/kit/components/tabs';\n\n@Component({\n    standalone: true,\n    selector: 'nav[tuiNavigationNav]',\n    template: '<ng-content></ng-content>',\n    styleUrls: ['./nav.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        tuiBadgeOptionsProvider({size: 'm'}),\n        tuiButtonOptionsProvider({size: 's'}),\n        tuiTabsOptionsProvider({size: 'm'}),\n    ],\n})\nexport class TuiNavComponent {}\n","import {TuiAsideComponent} from './aside.component';\nimport {TuiHeaderComponent} from './header.component';\nimport {TuiHintAside} from './hint-aside.directive';\nimport {TuiLogoComponent} from './logo.component';\nimport {TuiMainComponent} from './main.component';\nimport {TuiNavComponent} from './nav.component';\n\nexport const TuiNavigation = [\n    TuiHeaderComponent,\n    TuiLogoComponent,\n    TuiMainComponent,\n    TuiAsideComponent,\n    TuiNavComponent,\n    TuiHintAside,\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-navigation.mjs","sources":["../../../projects/layout/components/navigation/aside.component.ts","../../../projects/layout/components/navigation/aside-group.component.ts","../../../projects/layout/components/navigation/aside-group.template.html","../../../projects/layout/components/navigation/hint-aside.directive.ts","../../../projects/layout/components/navigation/aside-item.directive.ts","../../../projects/layout/components/navigation/header.component.ts","../../../projects/layout/components/navigation/logo.component.ts","../../../projects/layout/components/navigation/main.component.ts","../../../projects/layout/components/navigation/nav.component.ts","../../../projects/layout/components/navigation/navigation.ts","../../../projects/layout/components/navigation/taiga-ui-layout-components-navigation.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    Input,\n    signal,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\nimport {TuiScrollable, TuiScrollbar} from '@taiga-ui/core/components/scrollbar';\nimport {tuiDropdownOptionsProvider} from '@taiga-ui/core/directives/dropdown';\nimport {TuiFade} from '@taiga-ui/kit/directives/fade';\n\n@Component({\n    standalone: true,\n    selector: 'aside[tuiNavigationAside]',\n    imports: [TuiScrollbar, TuiFade, TuiScrollable],\n    template: `\n        <ng-content select=\"header\"></ng-content>\n        <tui-scrollbar class=\"t-nav-scrollbar\">\n            <div\n                tuiFade=\"vertical\"\n                tuiScrollable\n                class=\"t-nav-content\"\n            >\n                <ng-content></ng-content>\n            </div>\n        </tui-scrollbar>\n        <ng-content select=\"footer\"></ng-content>\n    `,\n    styleUrls: ['./aside.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        tuiButtonOptionsProvider({size: 's', appearance: 'flat'}),\n        tuiDropdownOptionsProvider({\n            appearance: 'dropdown-navigation',\n            align: 'right',\n            offset: 12,\n        }),\n    ],\n    host: {\n        tuiNavigationAside: '',\n        tuiTheme: 'dark',\n        '[class._expanded]': 'expanded()',\n    },\n})\nexport class TuiAsideComponent {\n    // TODO: refactor to signal inputs after Angular update\n    public readonly expanded = signal(false);\n\n    @Input()\n    public set tuiNavigationAside(expanded: boolean) {\n        this.expanded.set(expanded);\n    }\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    ContentChild,\n    HostListener,\n    inject,\n    signal,\n    TemplateRef,\n    ViewChild,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {tuiDirectiveBinding, tuiProvide} from '@taiga-ui/cdk/utils/miscellaneous';\nimport type {TuiDataListHost} from '@taiga-ui/core/components/data-list';\nimport {TUI_DATA_LIST_HOST, TuiDataList} from '@taiga-ui/core/components/data-list';\nimport {TuiExpand} from '@taiga-ui/core/components/expand';\nimport {\n    TuiDropdownDirective,\n    TuiDropdownHover,\n    TuiDropdownOpen,\n    TuiDropdownPositionSided,\n} from '@taiga-ui/core/directives/dropdown';\nimport {TuiChevron} from '@taiga-ui/kit/directives/chevron';\nimport type {PolymorpheusContent} from '@taiga-ui/polymorpheus';\nimport {PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\nimport {TuiAsideComponent} from './aside.component';\n\n@Component({\n    standalone: true,\n    selector: 'tui-aside-group',\n    imports: [TuiExpand, TuiDataList, PolymorpheusOutlet],\n    templateUrl: './aside-group.template.html',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [tuiProvide(TUI_DATA_LIST_HOST, TuiAsideGroupComponent)],\n    hostDirectives: [\n        TuiDropdownDirective,\n        TuiDropdownHover,\n        TuiDropdownPositionSided,\n        TuiDropdownOpen,\n    ],\n})\nexport class TuiAsideGroupComponent implements TuiDataListHost<unknown> {\n    @ViewChild('datalist', {static: true})\n    private readonly datalist: PolymorpheusContent;\n\n    @ContentChild(TuiChevron)\n    private readonly chevron?: TuiChevron;\n\n    private readonly aside = inject(TuiAsideComponent);\n    private readonly open = signal(false);\n\n    @ContentChild(TemplateRef)\n    protected readonly template: TemplateRef<any> | null = null;\n\n    protected readonly expanded = computed(() => this.aside.expanded() && this.open());\n    protected readonly binding = tuiDirectiveBinding(\n        TuiDropdownDirective,\n        'tuiDropdown',\n        computed(() => (this.aside.expanded() ? null : this.datalist)),\n    );\n\n    public readonly size = 's';\n\n    @HostListener('click')\n    protected onClick(): void {\n        this.open.set(!this.open() && this.aside.expanded());\n        this.chevron?.chevron.set(this.open());\n    }\n}\n","<div #host><ng-content /></div>\n<tui-expand [expanded]=\"expanded()\">\n    <ng-container *polymorpheusOutlet=\"template\" />\n</tui-expand>\n<ng-template #datalist>\n    <tui-data-list>\n        <tui-opt-group [label]=\"host.textContent\">\n            <ng-container *polymorpheusOutlet=\"template\" />\n        </tui-opt-group>\n    </tui-data-list>\n</ng-template>\n","import {computed, Directive, inject} from '@angular/core';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiDirectiveBinding} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiDropdownDirective} from '@taiga-ui/core/directives/dropdown';\nimport {TuiHintDirective, tuiHintOptionsProvider} from '@taiga-ui/core/directives/hint';\n\nimport {TuiAsideComponent} from './aside.component';\n\n@Directive({\n    standalone: true,\n    selector: '[tuiHintAside]',\n    providers: [tuiHintOptionsProvider({direction: 'right'})],\n    hostDirectives: [TuiHintDirective],\n})\nexport class TuiHintAside {\n    private readonly el = tuiInjectElement();\n    private readonly aside = inject(TuiAsideComponent);\n    private readonly dropdown = inject(TuiDropdownDirective, {optional: true});\n\n    protected readonly binding = tuiDirectiveBinding(\n        TuiHintDirective,\n        'tuiHint',\n        computed(() =>\n            this.aside.expanded() || this.dropdown ? '' : this.el.textContent?.trim(),\n        ),\n    );\n}\n","import type {FactoryProvider} from '@angular/core';\nimport {Directive, inject} from '@angular/core';\nimport {toSignal} from '@angular/core/rxjs-interop';\nimport {RouterLink, RouterLinkActive} from '@angular/router';\nimport {tuiProvide} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiButton} from '@taiga-ui/core/components/button';\nimport type {TuiDataListHost} from '@taiga-ui/core/components/data-list';\nimport {\n    TUI_DATA_LIST_HOST,\n    TuiDataListComponent,\n} from '@taiga-ui/core/components/data-list';\nimport type {TuiDropdownOptions} from '@taiga-ui/core/directives/dropdown';\nimport {\n    TUI_DROPDOWN_OPTIONS,\n    TuiDropdownDirective,\n    TuiDropdownManual,\n    TuiDropdownPositionSided,\n} from '@taiga-ui/core/directives/dropdown';\nimport {TuiIcons} from '@taiga-ui/core/directives/icons';\nimport {TUI_COMMON_ICONS, TUI_ICON_END} from '@taiga-ui/core/tokens';\n\nimport {TuiHintAside} from './hint-aside.directive';\n\n@Directive({\n    standalone: true,\n    selector: '[tuiAsideItem]',\n    providers: [\n        tuiProvide(TUI_DATA_LIST_HOST, TuiAsideItemDirective),\n        provideIcon(),\n        provideDropdown(),\n    ],\n    hostDirectives: [\n        TuiHintAside,\n        TuiDropdownManual,\n        TuiDropdownPositionSided,\n        TuiButton,\n        {\n            directive: RouterLinkActive,\n            inputs: ['routerLinkActiveOptions'],\n        },\n    ],\n    host: {\n        tuiButton: '',\n        tuiOption: '',\n        '[class._link]': 'link',\n        '[class._active]': 'active()',\n        '[class._custom]': 'icon !== icons.iconEnd',\n    },\n})\nexport class TuiAsideItemDirective implements TuiDataListHost<unknown> {\n    protected readonly icon = inject(TUI_COMMON_ICONS).check;\n    protected readonly icons = inject(TuiIcons);\n    protected readonly link = inject(RouterLink, {self: true, optional: true});\n    protected readonly active = toSignal(inject(RouterLinkActive).isActiveChange);\n\n    public readonly size = 's';\n}\n\nfunction provideIcon(): FactoryProvider {\n    return {\n        provide: TUI_ICON_END,\n        useFactory: (): string => {\n            const {check, more} = inject(TUI_COMMON_ICONS);\n            const active =\n                inject(TuiDataListComponent, {optional: true}) &&\n                inject(RouterLink, {self: true, optional: true})\n                    ? check\n                    : '';\n\n            return inject(TuiDropdownDirective, {self: true, optional: true})\n                ? more\n                : active;\n        },\n    };\n}\n\nfunction provideDropdown(): FactoryProvider {\n    return {\n        provide: TUI_DROPDOWN_OPTIONS,\n        useFactory: (): TuiDropdownOptions => ({\n            ...inject(TUI_DROPDOWN_OPTIONS, {skipSelf: true}),\n            offset: inject(TuiDataListComponent, {optional: true}) ? 8 : 12,\n        }),\n    };\n}\n","import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\nimport {tuiDropdownOptionsProvider} from '@taiga-ui/core/directives/dropdown';\nimport {tuiAvatarOptionsProvider} from '@taiga-ui/kit/components/avatar';\nimport {tuiBadgeOptionsProvider} from '@taiga-ui/kit/components/badge';\nimport {tuiBadgeNotificationOptionsProvider} from '@taiga-ui/kit/components/badge-notification';\n\n@Component({\n    standalone: true,\n    selector: 'header[tuiNavigationHeader]',\n    template: '<ng-content></ng-content>',\n    styleUrls: ['./header.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        tuiAvatarOptionsProvider({size: 's', appearance: 'secondary'}),\n        tuiBadgeNotificationOptionsProvider({size: 'xs'}),\n        tuiBadgeOptionsProvider({size: 'm', appearance: 'primary'}),\n        tuiButtonOptionsProvider({size: 's', appearance: 'flat'}),\n        tuiDropdownOptionsProvider({appearance: 'dropdown-navigation'}),\n    ],\n    host: {\n        tuiTheme: 'dark',\n    },\n})\nexport class TuiHeaderComponent {}\n","import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n    standalone: true,\n    selector: '[tuiNavigationLogo]',\n    template: '<ng-content></ng-content>',\n    styleUrls: ['./logo.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiLogoComponent {}\n","import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n    standalone: true,\n    selector: 'main[tuiNavigationMain]',\n    template: '<ng-content></ng-content>',\n    styleUrls: ['./main.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        tuiNavigationMain: '',\n    },\n})\nexport class TuiMainComponent {}\n","import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\nimport {tuiBadgeOptionsProvider} from '@taiga-ui/kit/components/badge';\nimport {tuiTabsOptionsProvider} from '@taiga-ui/kit/components/tabs';\n\n@Component({\n    standalone: true,\n    selector: 'nav[tuiNavigationNav]',\n    template: '<ng-content></ng-content>',\n    styleUrls: ['./nav.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        tuiBadgeOptionsProvider({size: 'm'}),\n        tuiButtonOptionsProvider({size: 's'}),\n        tuiTabsOptionsProvider({size: 'm'}),\n    ],\n})\nexport class TuiNavComponent {}\n","import {TuiAsideComponent} from './aside.component';\nimport {TuiAsideGroupComponent} from './aside-group.component';\nimport {TuiAsideItemDirective} from './aside-item.directive';\nimport {TuiHeaderComponent} from './header.component';\nimport {TuiHintAside} from './hint-aside.directive';\nimport {TuiLogoComponent} from './logo.component';\nimport {TuiMainComponent} from './main.component';\nimport {TuiNavComponent} from './nav.component';\n\nexport const TuiNavigation = [\n    TuiHeaderComponent,\n    TuiLogoComponent,\n    TuiMainComponent,\n    TuiAsideComponent,\n    TuiAsideGroupComponent,\n    TuiAsideItemDirective,\n    TuiNavComponent,\n    TuiHintAside,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i1.TuiHintAside","i2","i3"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/layout",
-  "version": "4.0.0-rc.6",
+  "version": "4.0.0-rc.8",
   "description": "A package with Taiga UI layout components",
   "keywords": [
     "angular",
@@ -13,8 +13,9 @@
   "peerDependencies": {
     "@angular/common": ">=16.0.0",
     "@angular/core": ">=16.0.0",
-    "@taiga-ui/cdk": "^4.0.0-rc.6",
-    "@taiga-ui/core": "^4.0.0-rc.6",
+    "@taiga-ui/cdk": "^4.0.0-rc.8",
+    "@taiga-ui/core": "^4.0.0-rc.8",
+    "@taiga-ui/kit": "^4.0.0-rc.8",
     "@taiga-ui/polymorpheus": "^4.6.4",
     "rxjs": ">=7.0.0"
   },