@taiga-ui/layout 5.12.0 → 5.13.0-canary.218ddec

package/fesm2022/taiga-ui-layout-components-input-search.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-layout-components-input-search.mjs","sources":["../../../projects/layout/components/input-search/input-search.component.ts","../../../projects/layout/components/input-search/input-search.component.html","../../../projects/layout/components/input-search/taiga-ui-layout-components-input-search.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    type ElementRef,\n    type EmbeddedViewRef,\n    inject,\n    input,\n    model,\n    type OnChanges,\n    TemplateRef,\n    viewChild,\n} from '@angular/core';\nimport {\n    tuiContainsOrAfter,\n    tuiInjectElement,\n    tuiIsElement,\n} from '@taiga-ui/cdk/utils/dom';\nimport {tuiGetClosestFocusable} from '@taiga-ui/cdk/utils/focus';\nimport {tuiCellOptionsProvider} from '@taiga-ui/core/components/cell';\nimport {TuiWithInput} from '@taiga-ui/core/components/input';\nimport {TuiTextfieldComponent} from '@taiga-ui/core/components/textfield';\nimport {tuiIconStart} from '@taiga-ui/core/directives/icons';\nimport {TuiPopupService} from '@taiga-ui/core/portals/popup';\nimport {TUI_COMMON_ICONS} from '@taiga-ui/core/tokens';\nimport {TUI_INPUT_SEARCH} from '@taiga-ui/layout/tokens';\nimport {type PolymorpheusContent, PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\n@Component({\n    selector: 'input[tuiInputSearch]',\n    imports: [PolymorpheusOutlet],\n    templateUrl: './input-search.component.html',\n    styleUrl: './input-search.component.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [tuiCellOptionsProvider({size: 'm'})],\n    hostDirectives: [TuiWithInput],\n    host: {\n        ngSkipHydration: 'true',\n        '(focus)': 'open()',\n        '(keydown.arrowDown.prevent)': 'onArrow()',\n        '(keydown.tab.prevent)': '0',\n    },\n})\nexport class TuiInputSearch implements OnChanges {\n    private readonly template = viewChild.required(TemplateRef);\n    private readonly container = viewChild<ElementRef<HTMLElement>>('container');\n    private readonly el = tuiInjectElement<HTMLInputElement>();\n    private readonly service = inject(TuiPopupService);\n    private readonly textfield = inject(TuiTextfieldComponent);\n    private readonly i18n = inject(TUI_INPUT_SEARCH);\n    private parent = this.textfield.el.parentElement;\n    private neighbor = this.textfield.el.nextSibling;\n    private placeholder = '';\n    private ref?: EmbeddedViewRef<unknown>;\n\n    protected readonly icon = tuiIconStart(inject(TUI_COMMON_ICONS).search, {});\n\n    public readonly tuiInputSearch = input<PolymorpheusContent>();\n    public readonly searchOpen = model(false, {alias: 'tuiInputSearchOpen'});\n\n    public ngOnChanges(): void {\n        if (this.searchOpen()) {\n            this.open();\n        } else {\n            this.close();\n        }\n    }\n\n    public open(): void {\n        if (this.ref?.destroyed === false) {\n            return;\n        }\n\n        this.placeholder = this.el.placeholder;\n        this.parent = this.textfield.el.parentElement;\n        this.neighbor = this.textfield.el.nextSibling;\n        this.ref = this.service.add(this.template());\n        this.ref.rootNodes[0]?.insertAdjacentElement('afterbegin', this.textfield.el);\n        this.el.focus({preventScroll: true});\n        this.el.placeholder = this.i18n()?.placeholder || this.el.placeholder;\n        this.searchOpen.set(true);\n    }\n\n    public close(): void {\n        this.el.placeholder = this.placeholder || this.el.placeholder;\n        this.parent?.insertBefore(this.textfield.el, this.neighbor);\n        this.ref?.destroy();\n        this.searchOpen.set(false);\n    }\n\n    protected onArrow(): void {\n        tuiGetClosestFocusable({\n            initial: this.container()?.nativeElement || this.el,\n            root: this.container()?.nativeElement || this.el,\n        })?.focus();\n    }\n\n    protected onFocus({target}: Event): void {\n        const container = this.container();\n\n        if (\n            container &&\n            target !== this.el &&\n            tuiIsElement(target) &&\n            !tuiContainsOrAfter(container.nativeElement, target)\n        ) {\n            this.close();\n        }\n    }\n}\n","<ng-template>\n    <div\n        tuiTheme=\"dark\"\n        class=\"t-container\"\n        (document:focusin)=\"onFocus($event)\"\n        (keydown.esc)=\"close()\"\n        (pointerdown.self)=\"close()\"\n    >\n        <div\n            #container\n            class=\"t-content\"\n        >\n            <ng-container *polymorpheusOutlet=\"tuiInputSearch()\" />\n        </div>\n    </div>\n</ng-template>\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-input-search.mjs","sources":["../../../projects/layout/components/input-search/input-search-content.component.ts","../../../projects/layout/components/input-search/input-search-content.template.html","../../../projects/layout/components/input-search/input-search.component.ts","../../../projects/layout/components/input-search/taiga-ui-layout-components-input-search.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, inject} from '@angular/core';\nimport {PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\nimport {TuiInputSearch} from './input-search.component';\n\n@Component({\n    selector: 'tui-input-search-content',\n    imports: [PolymorpheusOutlet],\n    templateUrl: './input-search-content.template.html',\n    styleUrl: './input-search.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        tuiTheme: 'dark',\n        '(document:focusin)': 'host.onFocus($event)',\n        '(keydown.esc)': 'host.close()',\n        '(pointerdown.self)': 'host.close()',\n    },\n})\nexport class TuiInputSearchContent {\n    protected readonly host = inject(TuiInputSearch);\n}\n","<div class=\"t-content\">\n    <ng-container *polymorpheusOutlet=\"host.tuiInputSearch()\" />\n</div>\n","import {\n    type ComponentRef,\n    Directive,\n    inject,\n    INJECTOR,\n    input,\n    model,\n    type OnChanges,\n} from '@angular/core';\nimport {\n    tuiContainsOrAfter,\n    tuiInjectElement,\n    tuiIsElement,\n} from '@taiga-ui/cdk/utils/dom';\nimport {tuiGetClosestFocusable} from '@taiga-ui/cdk/utils/focus';\nimport {tuiCellOptionsProvider} from '@taiga-ui/core/components/cell';\nimport {TuiWithInput} from '@taiga-ui/core/components/input';\nimport {TuiTextfieldComponent} from '@taiga-ui/core/components/textfield';\nimport {tuiIconStart} from '@taiga-ui/core/directives/icons';\nimport {TuiPopupService} from '@taiga-ui/core/portals/popup';\nimport {TUI_COMMON_ICONS} from '@taiga-ui/core/tokens';\nimport {TUI_INPUT_SEARCH} from '@taiga-ui/layout/tokens';\nimport {PolymorpheusComponent, type PolymorpheusContent} from '@taiga-ui/polymorpheus';\n\nimport {TuiInputSearchContent} from './input-search-content.component';\n\n@Directive({\n    selector: 'input[tuiInputSearch]',\n    providers: [tuiCellOptionsProvider({size: 'm'})],\n    hostDirectives: [TuiWithInput],\n    host: {\n        '(focus)': 'open()',\n        '(keydown.arrowDown.prevent)': 'onArrow()',\n        '(keydown.tab.prevent)': '0',\n    },\n})\nexport class TuiInputSearch implements OnChanges {\n    private readonly injector = inject(INJECTOR);\n    private readonly service = inject(TuiPopupService);\n    private readonly textfield = inject(TuiTextfieldComponent);\n    private readonly i18n = inject(TUI_INPUT_SEARCH);\n    private parent = this.textfield.el.parentElement;\n    private neighbor = this.textfield.el.nextSibling;\n    private placeholder = '';\n    private ref?: ComponentRef<TuiInputSearchContent>;\n\n    protected readonly icon = tuiIconStart(inject(TUI_COMMON_ICONS).search, {});\n\n    public readonly el = tuiInjectElement<HTMLInputElement>();\n    public readonly tuiInputSearch = input<PolymorpheusContent>();\n    public readonly searchOpen = model(false, {alias: 'tuiInputSearchOpen'});\n\n    public ngOnChanges(): void {\n        if (this.searchOpen()) {\n            this.open();\n        } else {\n            this.close();\n        }\n    }\n\n    public open(): void {\n        if (this.ref?.hostView.destroyed === false) {\n            return;\n        }\n\n        this.placeholder = this.el.placeholder;\n        this.parent = this.textfield.el.parentElement;\n        this.neighbor = this.textfield.el.nextSibling;\n        this.ref = this.service.add(\n            new PolymorpheusComponent(TuiInputSearchContent, this.injector),\n        );\n        this.ref.location.nativeElement.insertAdjacentElement(\n            'afterbegin',\n            this.textfield.el,\n        );\n        this.el.focus({preventScroll: true});\n        this.el.placeholder = this.i18n()?.placeholder || this.el.placeholder;\n        this.searchOpen.set(true);\n    }\n\n    public close(): void {\n        if (this.ref?.hostView.destroyed !== false) {\n            this.searchOpen.set(false);\n\n            return;\n        }\n\n        this.el.placeholder = this.placeholder || this.el.placeholder;\n        this.parent?.insertBefore(this.textfield.el, this.neighbor);\n        this.ref.destroy();\n        this.searchOpen.set(false);\n    }\n\n    public onArrow(): void {\n        const root: HTMLElement = this.ref?.location.nativeElement;\n\n        tuiGetClosestFocusable({\n            root,\n            initial: this.textfield.el.nextElementSibling ?? root,\n        })?.focus();\n    }\n\n    public onFocus({target}: Event): void {\n        if (\n            target !== this.el &&\n            tuiIsElement(target) &&\n            !tuiContainsOrAfter(this.ref?.location.nativeElement as HTMLElement, target)\n        ) {\n            this.close();\n        }\n    }\n}\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-item-group.mjs

@@ -7,11 +7,11 @@ import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
 const OPTIONS = { behavior: 'smooth', block: 'nearest', inline: 'center' };
 class Styles {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-item-group-5.12.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiItemGroup]:where(*[data-tui-version=\"5.12.0\"]){display:flex;flex-wrap:wrap;--tui-item-margin: .25rem}[tuiItemGroup]:where(*[data-tui-version=\"5.12.0\"])>*:not(tui-items-with-more){margin:0 var(--tui-item-margin) var(--tui-item-margin) 0}[tuiItemGroup]:where(*[data-tui-version=\"5.12.0\"])._horizontal{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;overflow:scroll}[tuiItemGroup]:where(*[data-tui-version=\"5.12.0\"])._horizontal::-webkit-scrollbar,[tuiItemGroup]:where(*[data-tui-version=\"5.12.0\"])._horizontal::-webkit-scrollbar-thumb{display:none}[tuiItemGroup]:where(*[data-tui-version=\"5.12.0\"])._horizontal>*:not(tui-items-with-more){margin-block-end:0}[tuiItemGroup]:where(*[data-tui-version=\"5.12.0\"])._initialized tui-items-with-more .t-item{transition-property:transform,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;opacity:1;transform:scale(1)}[tuiItemGroup]:where(*[data-tui-version=\"5.12.0\"])._initialized tui-items-with-more .t-item>*{margin:0 var(--tui-item-margin) var(--tui-item-margin) 0}[tuiItemGroup]:where(*[data-tui-version=\"5.12.0\"])._initialized tui-items-with-more .t-item_hidden{opacity:0;transform:scale(.9)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-item-group-5.13.0-canary.218ddec"], ngImport: i0, template: '', isInline: true, styles: ["[tuiItemGroup]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]){display:flex;flex-wrap:wrap;--tui-item-margin: .25rem}[tuiItemGroup]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])>*:not(tui-items-with-more){margin:0 var(--tui-item-margin) var(--tui-item-margin) 0}[tuiItemGroup]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])._horizontal{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;overflow:scroll}[tuiItemGroup]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])._horizontal::-webkit-scrollbar,[tuiItemGroup]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])._horizontal::-webkit-scrollbar-thumb{display:none}[tuiItemGroup]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])._horizontal>*:not(tui-items-with-more){margin-block-end:0}[tuiItemGroup]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])._initialized tui-items-with-more .t-item{transition-property:transform,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;opacity:1;transform:scale(1)}[tuiItemGroup]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])._initialized tui-items-with-more .t-item>*{margin:0 var(--tui-item-margin) var(--tui-item-margin) 0}[tuiItemGroup]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])._initialized tui-items-with-more .t-item_hidden{opacity:0;transform:scale(.9)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Styles, decorators: [{
             type: Component,
-            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-item-group-${TUI_VERSION}`, styles: ["[tuiItemGroup]:where(*[data-tui-version=\"5.12.0\"]){display:flex;flex-wrap:wrap;--tui-item-margin: .25rem}[tuiItemGroup]:where(*[data-tui-version=\"5.12.0\"])>*:not(tui-items-with-more){margin:0 var(--tui-item-margin) var(--tui-item-margin) 0}[tuiItemGroup]:where(*[data-tui-version=\"5.12.0\"])._horizontal{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;overflow:scroll}[tuiItemGroup]:where(*[data-tui-version=\"5.12.0\"])._horizontal::-webkit-scrollbar,[tuiItemGroup]:where(*[data-tui-version=\"5.12.0\"])._horizontal::-webkit-scrollbar-thumb{display:none}[tuiItemGroup]:where(*[data-tui-version=\"5.12.0\"])._horizontal>*:not(tui-items-with-more){margin-block-end:0}[tuiItemGroup]:where(*[data-tui-version=\"5.12.0\"])._initialized tui-items-with-more .t-item{transition-property:transform,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;opacity:1;transform:scale(1)}[tuiItemGroup]:where(*[data-tui-version=\"5.12.0\"])._initialized tui-items-with-more .t-item>*{margin:0 var(--tui-item-margin) var(--tui-item-margin) 0}[tuiItemGroup]:where(*[data-tui-version=\"5.12.0\"])._initialized tui-items-with-more .t-item_hidden{opacity:0;transform:scale(.9)}\n"] }]
+            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-item-group-${TUI_VERSION}`, styles: ["[tuiItemGroup]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]){display:flex;flex-wrap:wrap;--tui-item-margin: .25rem}[tuiItemGroup]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])>*:not(tui-items-with-more){margin:0 var(--tui-item-margin) var(--tui-item-margin) 0}[tuiItemGroup]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])._horizontal{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;overflow:scroll}[tuiItemGroup]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])._horizontal::-webkit-scrollbar,[tuiItemGroup]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])._horizontal::-webkit-scrollbar-thumb{display:none}[tuiItemGroup]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])._horizontal>*:not(tui-items-with-more){margin-block-end:0}[tuiItemGroup]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])._initialized tui-items-with-more .t-item{transition-property:transform,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;opacity:1;transform:scale(1)}[tuiItemGroup]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])._initialized tui-items-with-more .t-item>*{margin:0 var(--tui-item-margin) var(--tui-item-margin) 0}[tuiItemGroup]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])._initialized tui-items-with-more .t-item_hidden{opacity:0;transform:scale(.9)}\n"] }]
         }] });
 class TuiItemGroup {
     constructor() {
@@ -30,7 +30,7 @@ class TuiItemGroup {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiItemGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TuiItemGroup, isStandalone: true, selector: "[tuiItemGroup]", inputs: { horizontal: { classPropertyName: "horizontal", publicName: "horizontal", isSignal: true, isRequired: false, transformFunction: null }, autoscroll: { classPropertyName: "autoscroll", publicName: "autoscroll", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.12.0" }, listeners: { "click": "onClick($event.target)" }, properties: { "class._horizontal": "horizontal()" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TuiItemGroup, isStandalone: true, selector: "[tuiItemGroup]", inputs: { horizontal: { classPropertyName: "horizontal", publicName: "horizontal", isSignal: true, isRequired: false, transformFunction: null }, autoscroll: { classPropertyName: "autoscroll", publicName: "autoscroll", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.13.0-canary.218ddec" }, listeners: { "click": "onClick($event.target)" }, properties: { "class._horizontal": "horizontal()" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiItemGroup, decorators: [{
             type: Directive,

package/fesm2022/taiga-ui-layout-components-item-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-layout-components-item-group.mjs","sources":["../../../projects/layout/components/item-group/item-group.directive.ts","../../../projects/layout/components/item-group/taiga-ui-layout-components-item-group.ts"],"sourcesContent":["import {\n    type AfterViewInit,\n    ChangeDetectionStrategy,\n    Component,\n    Directive,\n    input,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\n\nconst OPTIONS = {behavior: 'smooth', block: 'nearest', inline: 'center'} as const;\n\n@Component({\n    template: '',\n    styles: `\n        [data-tui-version='${TUI_VERSION}'] {\n            @import './item-group.styles.less';\n        }\n    `,\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    exportAs: `tui-item-group-${TUI_VERSION}`,\n})\nclass Styles {}\n\n@Directive({\n    selector: '[tuiItemGroup]',\n    host: {\n        'data-tui-version': TUI_VERSION,\n        '[class._horizontal]': 'horizontal()',\n        '(click)': 'onClick($event.target)',\n    },\n})\nexport class TuiItemGroup implements AfterViewInit {\n    private readonly el = tuiInjectElement();\n\n    protected readonly nothing = tuiWithStyles(Styles);\n\n    public readonly horizontal = input(false);\n    public readonly autoscroll = input(false);\n\n    public ngAfterViewInit(): void {\n        this.el.classList.add('_initialized');\n    }\n\n    protected onClick(target: HTMLElement): void {\n        if (this.autoscroll() && this.horizontal()) {\n            // Safari bug\n            setTimeout(() => target.scrollIntoView(OPTIONS));\n        }\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAYA,MAAM,OAAO,GAAG,EAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAU;AAEjF,MAWM,MAAM,CAAA;+GAAN,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAN,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAM,6GAVE,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,ksCAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAUV,MAAM,EAAA,UAAA,EAAA,CAAA;kBAXX,SAAS;+BACI,EAAE,EAAA,aAAA,EAMG,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,CAAA,eAAA,EAAkB,WAAW,CAAA,CAAE,EAAA,MAAA,EAAA,CAAA,ksCAAA,CAAA,EAAA;;MAYhC,YAAY,CAAA;AARzB,IAAA,WAAA,GAAA;QASqB,IAAA,CAAA,EAAE,GAAG,gBAAgB,EAAE;AAErB,QAAA,IAAA,CAAA,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC;AAElC,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC;AACzB,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC;AAY5C,IAAA;IAVU,eAAe,GAAA;QAClB,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC;IACzC;AAEU,IAAA,OAAO,CAAC,MAAmB,EAAA;QACjC,IAAI,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE;;YAExC,UAAU,CAAC,MAAM,MAAM,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QACpD;IACJ;+GAjBS,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAZ,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,wBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,cAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBARxB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,IAAI,EAAE;AACF,wBAAA,kBAAkB,EAAE,WAAW;AAC/B,wBAAA,qBAAqB,EAAE,cAAc;AACrC,wBAAA,SAAS,EAAE,wBAAwB;AACtC,qBAAA;AACJ,iBAAA;;;AClCD;;AAEG;;;;"}
+{"version":3,"file":"taiga-ui-layout-components-item-group.mjs","sources":["../../../projects/layout/components/item-group/item-group.directive.ts","../../../projects/layout/components/item-group/taiga-ui-layout-components-item-group.ts"],"sourcesContent":["import {\n    type AfterViewInit,\n    ChangeDetectionStrategy,\n    Component,\n    Directive,\n    input,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\n\nconst OPTIONS = {behavior: 'smooth', block: 'nearest', inline: 'center'} as const;\n\n@Component({\n    template: '',\n    styles: `\n        [data-tui-version='${TUI_VERSION}'] {\n            @import './item-group.styles.less';\n        }\n    `,\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    exportAs: `tui-item-group-${TUI_VERSION}`,\n})\nclass Styles {}\n\n@Directive({\n    selector: '[tuiItemGroup]',\n    host: {\n        'data-tui-version': TUI_VERSION,\n        '[class._horizontal]': 'horizontal()',\n        '(click)': 'onClick($event.target)',\n    },\n})\nexport class TuiItemGroup implements AfterViewInit {\n    private readonly el = tuiInjectElement();\n\n    protected readonly nothing = tuiWithStyles(Styles);\n\n    public readonly horizontal = input(false);\n    public readonly autoscroll = input(false);\n\n    public ngAfterViewInit(): void {\n        this.el.classList.add('_initialized');\n    }\n\n    protected onClick(target: HTMLElement): void {\n        if (this.autoscroll() && this.horizontal()) {\n            // Safari bug\n            setTimeout(() => target.scrollIntoView(OPTIONS));\n        }\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAYA,MAAM,OAAO,GAAG,EAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAU;AAEjF,MAWM,MAAM,CAAA;+GAAN,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAN,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAM,4HAVE,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,y0CAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAUV,MAAM,EAAA,UAAA,EAAA,CAAA;kBAXX,SAAS;+BACI,EAAE,EAAA,aAAA,EAMG,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,CAAA,eAAA,EAAkB,WAAW,CAAA,CAAE,EAAA,MAAA,EAAA,CAAA,y0CAAA,CAAA,EAAA;;MAYhC,YAAY,CAAA;AARzB,IAAA,WAAA,GAAA;QASqB,IAAA,CAAA,EAAE,GAAG,gBAAgB,EAAE;AAErB,QAAA,IAAA,CAAA,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC;AAElC,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC;AACzB,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC;AAY5C,IAAA;IAVU,eAAe,GAAA;QAClB,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC;IACzC;AAEU,IAAA,OAAO,CAAC,MAAmB,EAAA;QACjC,IAAI,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE;;YAExC,UAAU,CAAC,MAAM,MAAM,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QACpD;IACJ;+GAjBS,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAZ,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kBAAA,EAAA,uBAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,wBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,cAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBARxB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,IAAI,EAAE;AACF,wBAAA,kBAAkB,EAAE,WAAW;AAC/B,wBAAA,qBAAqB,EAAE,cAAc;AACrC,wBAAA,SAAS,EAAE,wBAAwB;AACtC,qBAAA;AACJ,iBAAA;;;AClCD;;AAEG;;;;"}

package/fesm2022/taiga-ui-layout-components-list.mjs

@@ -7,11 +7,11 @@ import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
 const [TUI_LIST_OPTIONS, tuiListOptionsProvider] = tuiCreateOptions({ size: 'l' });
 class Styles {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-list-5.12.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiList]:where(*[data-tui-version=\"5.12.0\"]){list-style:none;padding:.25rem 0;margin-block:0;counter-reset:item;margin-inline-start:1.5rem}[tuiList]:where(*[data-tui-version=\"5.12.0\"]) [tuiList]{padding:0;margin-inline-start:1.25rem}[tuiList]:where(*[data-tui-version=\"5.12.0\"])>li{counter-increment:item;margin:.5rem 0}[tuiList]:where(*[data-tui-version=\"5.12.0\"])>li:before{content:counters(item,\".\") \".\";display:inline-flex;margin:0 .5625rem 0 -1.5rem}[tuiList]:where(*[data-tui-version=\"5.12.0\"]):is(ul)>li:before{color:transparent;background:radial-gradient(circle .1875rem,var(--tui-status-info) 100%,transparent 101%);inline-size:.75rem;margin-inline-end:.75rem}[tuiList]:where(*[data-tui-version=\"5.12.0\"]):is(ol)>li:before{unicode-bidi:isolate;font-variant-numeric:tabular-nums}[tuiList]:where(*[data-tui-version=\"5.12.0\"])[data-size=l]{font:var(--tui-typography-body-l)}[tuiList]:where(*[data-tui-version=\"5.12.0\"])[data-size=l]:is(ul)>li:before{inline-size:.875rem;margin:0 .5625rem 0 -1.4375rem}[tuiList]:where(*[data-tui-version=\"5.12.0\"])[data-size=m]{font:var(--tui-typography-body-m)}[tuiList]:where(*[data-tui-version=\"5.12.0\"])[data-size=s]{font:var(--tui-typography-ui-s)}[tuiList]:where(*[data-tui-version=\"5.12.0\"])[data-size=s]>li{margin:.625rem 0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-list-5.13.0-canary.218ddec"], ngImport: i0, template: '', isInline: true, styles: ["[tuiList]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]){list-style:none;padding:.25rem 0;margin-block:0;counter-reset:item;margin-inline-start:1.5rem}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiList]{padding:0;margin-inline-start:1.25rem}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])>li{counter-increment:item;margin:.5rem 0}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])>li:before{content:counters(item,\".\") \".\";display:inline-flex;margin:0 .5625rem 0 -1.5rem}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]):is(ul)>li:before{color:transparent;background:radial-gradient(circle .1875rem,var(--tui-status-info) 100%,transparent 101%);inline-size:.75rem;margin-inline-end:.75rem}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]):is(ol)>li:before{unicode-bidi:isolate;font-variant-numeric:tabular-nums}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])[data-size=l]{font:var(--tui-typography-body-l)}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])[data-size=l]:is(ul)>li:before{inline-size:.875rem;margin:0 .5625rem 0 -1.4375rem}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])[data-size=m]{font:var(--tui-typography-body-m)}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])[data-size=s]{font:var(--tui-typography-ui-s)}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])[data-size=s]>li{margin:.625rem 0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Styles, decorators: [{
             type: Component,
-            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-list-${TUI_VERSION}`, styles: ["[tuiList]:where(*[data-tui-version=\"5.12.0\"]){list-style:none;padding:.25rem 0;margin-block:0;counter-reset:item;margin-inline-start:1.5rem}[tuiList]:where(*[data-tui-version=\"5.12.0\"]) [tuiList]{padding:0;margin-inline-start:1.25rem}[tuiList]:where(*[data-tui-version=\"5.12.0\"])>li{counter-increment:item;margin:.5rem 0}[tuiList]:where(*[data-tui-version=\"5.12.0\"])>li:before{content:counters(item,\".\") \".\";display:inline-flex;margin:0 .5625rem 0 -1.5rem}[tuiList]:where(*[data-tui-version=\"5.12.0\"]):is(ul)>li:before{color:transparent;background:radial-gradient(circle .1875rem,var(--tui-status-info) 100%,transparent 101%);inline-size:.75rem;margin-inline-end:.75rem}[tuiList]:where(*[data-tui-version=\"5.12.0\"]):is(ol)>li:before{unicode-bidi:isolate;font-variant-numeric:tabular-nums}[tuiList]:where(*[data-tui-version=\"5.12.0\"])[data-size=l]{font:var(--tui-typography-body-l)}[tuiList]:where(*[data-tui-version=\"5.12.0\"])[data-size=l]:is(ul)>li:before{inline-size:.875rem;margin:0 .5625rem 0 -1.4375rem}[tuiList]:where(*[data-tui-version=\"5.12.0\"])[data-size=m]{font:var(--tui-typography-body-m)}[tuiList]:where(*[data-tui-version=\"5.12.0\"])[data-size=s]{font:var(--tui-typography-ui-s)}[tuiList]:where(*[data-tui-version=\"5.12.0\"])[data-size=s]>li{margin:.625rem 0}\n"] }]
+            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-list-${TUI_VERSION}`, styles: ["[tuiList]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]){list-style:none;padding:.25rem 0;margin-block:0;counter-reset:item;margin-inline-start:1.5rem}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiList]{padding:0;margin-inline-start:1.25rem}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])>li{counter-increment:item;margin:.5rem 0}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])>li:before{content:counters(item,\".\") \".\";display:inline-flex;margin:0 .5625rem 0 -1.5rem}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]):is(ul)>li:before{color:transparent;background:radial-gradient(circle .1875rem,var(--tui-status-info) 100%,transparent 101%);inline-size:.75rem;margin-inline-end:.75rem}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]):is(ol)>li:before{unicode-bidi:isolate;font-variant-numeric:tabular-nums}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])[data-size=l]{font:var(--tui-typography-body-l)}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])[data-size=l]:is(ul)>li:before{inline-size:.875rem;margin:0 .5625rem 0 -1.4375rem}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])[data-size=m]{font:var(--tui-typography-body-m)}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])[data-size=s]{font:var(--tui-typography-ui-s)}[tuiList]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])[data-size=s]>li{margin:.625rem 0}\n"] }]
         }] });
 class TuiList {
     constructor() {
@@ -22,7 +22,7 @@ class TuiList {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiList, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TuiList, isStandalone: true, selector: "ul[tuiList], ol[tuiList]", inputs: { size: { classPropertyName: "size", publicName: "tuiList", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.12.0" }, properties: { "attr.data-size": "size() || options.size" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TuiList, isStandalone: true, selector: "ul[tuiList], ol[tuiList]", inputs: { size: { classPropertyName: "size", publicName: "tuiList", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.13.0-canary.218ddec" }, properties: { "attr.data-size": "size() || options.size" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiList, decorators: [{
             type: Directive,

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-layout-components-list.mjs","sources":["../../../projects/layout/components/list/list.directive.ts","../../../projects/layout/components/list/taiga-ui-layout-components-list.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    Directive,\n    inject,\n    input,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {type TuiSizeL, type TuiSizeS} from '@taiga-ui/core/types';\n\nexport interface TuiListOptions {\n    readonly size: TuiSizeL | TuiSizeS;\n}\n\nexport const [TUI_LIST_OPTIONS, tuiListOptionsProvider] =\n    tuiCreateOptions<TuiListOptions>({size: 'l'});\n\n@Component({\n    template: '',\n    styles: `\n        [data-tui-version='${TUI_VERSION}'] {\n            @import './list.style.less';\n        }\n    `,\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    exportAs: `tui-list-${TUI_VERSION}`,\n})\nclass Styles {}\n\n@Directive({\n    selector: 'ul[tuiList], ol[tuiList]',\n    host: {'data-tui-version': TUI_VERSION, '[attr.data-size]': 'size() || options.size'},\n})\nexport class TuiList {\n    protected readonly nothing = tuiWithStyles(Styles);\n    protected readonly options = inject(TUI_LIST_OPTIONS);\n\n    public readonly size = input<TuiListOptions['size'] | ''>(this.options.size, {\n        alias: 'tuiList',\n    });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAiBO,MAAM,CAAC,gBAAgB,EAAE,sBAAsB,CAAC,GACnD,gBAAgB,CAAiB,EAAC,IAAI,EAAE,GAAG,EAAC;AAEhD,MAWM,MAAM,CAAA;+GAAN,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAN,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAM,uGAVE,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,qxCAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAUV,MAAM,EAAA,UAAA,EAAA,CAAA;kBAXX,SAAS;+BACI,EAAE,EAAA,aAAA,EAMG,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,CAAA,SAAA,EAAY,WAAW,CAAA,CAAE,EAAA,MAAA,EAAA,CAAA,qxCAAA,CAAA,EAAA;;MAQ1B,OAAO,CAAA;AAJpB,IAAA,WAAA,GAAA;AAKuB,QAAA,IAAA,CAAA,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC;AAC/B,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,gBAAgB,CAAC;QAErC,IAAA,CAAA,IAAI,GAAG,KAAK,CAA8B,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;AACzE,YAAA,KAAK,EAAE,SAAS;AACnB,SAAA,CAAC;AACL,IAAA;+GAPY,OAAO,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAP,OAAO,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,wBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAP,OAAO,EAAA,UAAA,EAAA,CAAA;kBAJnB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,0BAA0B;oBACpC,IAAI,EAAE,EAAC,kBAAkB,EAAE,WAAW,EAAE,kBAAkB,EAAE,wBAAwB,EAAC;AACxF,iBAAA;;;ACpCD;;AAEG;;;;"}
+{"version":3,"file":"taiga-ui-layout-components-list.mjs","sources":["../../../projects/layout/components/list/list.directive.ts","../../../projects/layout/components/list/taiga-ui-layout-components-list.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    Directive,\n    inject,\n    input,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {type TuiSizeL, type TuiSizeS} from '@taiga-ui/core/types';\n\nexport interface TuiListOptions {\n    readonly size: TuiSizeL | TuiSizeS;\n}\n\nexport const [TUI_LIST_OPTIONS, tuiListOptionsProvider] =\n    tuiCreateOptions<TuiListOptions>({size: 'l'});\n\n@Component({\n    template: '',\n    styles: `\n        [data-tui-version='${TUI_VERSION}'] {\n            @import './list.style.less';\n        }\n    `,\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    exportAs: `tui-list-${TUI_VERSION}`,\n})\nclass Styles {}\n\n@Directive({\n    selector: 'ul[tuiList], ol[tuiList]',\n    host: {'data-tui-version': TUI_VERSION, '[attr.data-size]': 'size() || options.size'},\n})\nexport class TuiList {\n    protected readonly nothing = tuiWithStyles(Styles);\n    protected readonly options = inject(TUI_LIST_OPTIONS);\n\n    public readonly size = input<TuiListOptions['size'] | ''>(this.options.size, {\n        alias: 'tuiList',\n    });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAiBO,MAAM,CAAC,gBAAgB,EAAE,sBAAsB,CAAC,GACnD,gBAAgB,CAAiB,EAAC,IAAI,EAAE,GAAG,EAAC;AAEhD,MAWM,MAAM,CAAA;+GAAN,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAN,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAM,sHAVE,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,07CAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAUV,MAAM,EAAA,UAAA,EAAA,CAAA;kBAXX,SAAS;+BACI,EAAE,EAAA,aAAA,EAMG,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,CAAA,SAAA,EAAY,WAAW,CAAA,CAAE,EAAA,MAAA,EAAA,CAAA,07CAAA,CAAA,EAAA;;MAQ1B,OAAO,CAAA;AAJpB,IAAA,WAAA,GAAA;AAKuB,QAAA,IAAA,CAAA,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC;AAC/B,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,gBAAgB,CAAC;QAErC,IAAA,CAAA,IAAI,GAAG,KAAK,CAA8B,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;AACzE,YAAA,KAAK,EAAE,SAAS;AACnB,SAAA,CAAC;AACL,IAAA;+GAPY,OAAO,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAP,OAAO,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kBAAA,EAAA,uBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,wBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAP,OAAO,EAAA,UAAA,EAAA,CAAA;kBAJnB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,0BAA0B;oBACpC,IAAI,EAAE,EAAC,kBAAkB,EAAE,WAAW,EAAE,kBAAkB,EAAE,wBAAwB,EAAC;AACxF,iBAAA;;;ACpCD;;AAEG;;;;"}

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

@@ -40,7 +40,7 @@ class TuiAsideComponent {
         this.expanded = input(false, { alias: 'tuiNavigationAside' });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiAsideComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.25", type: TuiAsideComponent, isStandalone: true, selector: "aside[tuiNavigationAside]", inputs: { expanded: { classPropertyName: "expanded", publicName: "tuiNavigationAside", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.12.0", "tuiNavigationAside": "", "tuiTheme": "dark" }, properties: { "class._expanded": "expanded()" } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.25", type: TuiAsideComponent, isStandalone: true, selector: "aside[tuiNavigationAside]", inputs: { expanded: { classPropertyName: "expanded", publicName: "tuiNavigationAside", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.13.0-canary.218ddec", "tuiNavigationAside": "", "tuiTheme": "dark" }, properties: { "class._expanded": "expanded()" } }, providers: [
             tuiHintOptionsProvider({ appearance: 'floating' }),
             tuiButtonOptionsProvider({ size: 's', appearance: 'flat-grayscale' }),
             tuiDropdownOptionsProvider({
@@ -60,7 +60,7 @@ class TuiAsideComponent {
             </div>
         </tui-scrollbar>
         <ng-content select="footer" />
-    `, isInline: true, styles: ["aside[tuiNavigationAside]:where(*[data-tui-version=\"5.12.0\"]){transition-property:width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:sticky;z-index:1;display:flex;inset-block-start:3rem;inset-inline-start:0;inline-size:3rem;min-block-size:0;flex-direction:column;padding:.5rem .5rem .25rem;box-sizing:border-box;background:var(--tui-theme-color, #000);color:var(--tui-text-primary)}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.12.0\"]):before{content:\"\";position:absolute;z-index:-1;inset-block-start:0;inset-inline-start:100%;block-size:3rem;inline-size:3rem;pointer-events:none;border-top-left-radius:1.25rem;box-shadow:-1.5rem 0 var(--tui-theme-color, #000);transform:scaleX(var(--tui-inline));clip-path:inset(0)}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.12.0\"])._expanded{inline-size:14.375rem}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.12.0\"])._expanded+main[tuiNavigationMain]{max-inline-size:calc(100% - 14.375rem)}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.12.0\"]) .t-nav-scrollbar{margin:0 -.25rem}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.12.0\"]) .t-nav-content{scrollbar-width:none;-ms-overflow-style:none;block-size:100%;padding:0 .25rem;overflow:auto}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.12.0\"]) .t-nav-content::-webkit-scrollbar,aside[tuiNavigationAside]:where(*[data-tui-version=\"5.12.0\"]) .t-nav-content::-webkit-scrollbar-thumb{display:none}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.12.0\"]) tui-expand [tuiAsideItem]{padding-inline-start:2rem}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.12.0\"]) hr{background:var(--tui-border-normal);block-size:1px;margin:0 0 .25rem;border:none}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.12.0\"]) header{padding-block-end:.25rem;box-shadow:inset 0 -1px var(--tui-border-normal);margin-block-end:1rem}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.12.0\"]) footer{display:flex;flex-direction:column;flex:1}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.12.0\"]) footer:before{content:\"\";min-block-size:1.75rem;margin:0 -.5rem;flex:1;-webkit-mask-image:linear-gradient(transparent 0,black 3rem,black calc(100% - 3rem),transparent 100%);mask-image:linear-gradient(transparent 0,black 3rem,black calc(100% - 3rem),transparent 100%)}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.12.0\"])+main[tuiNavigationMain]{max-inline-size:calc(100% - 3rem)}[tuiAsideItem][tuiAsideItem]:where(*[data-tui-version=\"5.12.0\"]){inline-size:100%;justify-content:flex-start;gap:.625rem;margin-block-end:.25rem}[tuiAsideItem][tuiAsideItem]:where(*[data-tui-version=\"5.12.0\"]):after{border:none!important;margin-inline-start:auto!important;color:var(--tui-text-tertiary)}[tuiAsideItem][tuiAsideItem]:where(*[data-tui-version=\"5.12.0\"]).tui-dropdown-open,[tuiAsideItem][tuiAsideItem]:where(*[data-tui-version=\"5.12.0\"])._active:not(._chevron-rotated),aside[tuiNavigationAside]:not(._expanded) [tuiAsideItem][tuiAsideItem]:where(*[data-tui-version=\"5.12.0\"])._active{background:var(--tui-background-neutral-1-hover)}[data-tui-version=\"5.12.0\"] tui-dropdown[data-appearance=dropdown-navigation]{border:none;background:var(--tui-background-elevation-3);background:color-mix(in srgb,var(--tui-theme-color, #000) 80%,#fff)}[data-tui-version=\"5.12.0\"] tui-dropdown[data-appearance=dropdown-navigation] [tuiAsideItem]{margin:0}[data-tui-version=\"5.12.0\"] tui-dropdown[data-appearance=dropdown-navigation] [tuiAsideItem]._active{background:transparent}[data-tui-version=\"5.12.0\"] tui-dropdown[data-appearance=dropdown-navigation] [tuiAsideItem]._link:not(._custom):after{opacity:0}[data-tui-version=\"5.12.0\"] tui-dropdown[data-appearance=dropdown-navigation] [tuiAsideItem]._link._active:after{opacity:1}\n"], dependencies: [{ kind: "directive", type: TuiFade, selector: "[tuiFade]", inputs: ["tuiFadeHeight", "tuiFadeSize", "tuiFadeOffset", "tuiFade"] }, { kind: "directive", type: TuiScrollable, selector: "[tuiScrollable]" }, { kind: "component", type: TuiScrollbar, selector: "tui-scrollbar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    `, isInline: true, styles: ["aside[tuiNavigationAside]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]){transition-property:width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:sticky;z-index:1;display:flex;inset-block-start:3rem;inset-inline-start:0;inline-size:3rem;min-block-size:0;flex-direction:column;padding:.5rem .5rem .25rem;box-sizing:border-box;background:var(--tui-theme-color, #000);color:var(--tui-text-primary)}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]):before{content:\"\";position:absolute;z-index:-1;inset-block-start:0;inset-inline-start:100%;block-size:3rem;inline-size:3rem;pointer-events:none;border-top-left-radius:1.25rem;box-shadow:-1.5rem 0 var(--tui-theme-color, #000);transform:scaleX(var(--tui-inline));clip-path:inset(0)}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])._expanded{inline-size:14.375rem}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])._expanded+main[tuiNavigationMain]{max-inline-size:calc(100% - 14.375rem)}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) .t-nav-scrollbar{margin:0 -.25rem}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) .t-nav-content{scrollbar-width:none;-ms-overflow-style:none;block-size:100%;padding:0 .25rem;overflow:auto}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) .t-nav-content::-webkit-scrollbar,aside[tuiNavigationAside]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) .t-nav-content::-webkit-scrollbar-thumb{display:none}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) tui-expand [tuiAsideItem]{padding-inline-start:2rem}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) hr{background:var(--tui-border-normal);block-size:1px;margin:0 0 .25rem;border:none}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) header{padding-block-end:.25rem;box-shadow:inset 0 -1px var(--tui-border-normal);margin-block-end:1rem}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) footer{display:flex;flex-direction:column;flex:1}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) footer:before{content:\"\";min-block-size:1.75rem;margin:0 -.5rem;flex:1;-webkit-mask-image:linear-gradient(transparent 0,black 3rem,black calc(100% - 3rem),transparent 100%);mask-image:linear-gradient(transparent 0,black 3rem,black calc(100% - 3rem),transparent 100%)}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])+main[tuiNavigationMain]{max-inline-size:calc(100% - 3rem)}[tuiAsideItem][tuiAsideItem]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]){inline-size:100%;justify-content:flex-start;gap:.625rem;margin-block-end:.25rem}[tuiAsideItem][tuiAsideItem]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]):after{border:none!important;margin-inline-start:auto!important;color:var(--tui-text-tertiary)}[tuiAsideItem][tuiAsideItem]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]).tui-dropdown-open,[tuiAsideItem][tuiAsideItem]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])._active:not(._chevron-rotated),aside[tuiNavigationAside]:not(._expanded) [tuiAsideItem][tuiAsideItem]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])._active{background:var(--tui-background-neutral-1-hover)}[data-tui-version=\"5.13.0-canary.218ddec\"] tui-dropdown[data-appearance=dropdown-navigation]{border:none;background:var(--tui-background-elevation-3);background:color-mix(in srgb,var(--tui-theme-color, #000) 80%,#fff)}[data-tui-version=\"5.13.0-canary.218ddec\"] tui-dropdown[data-appearance=dropdown-navigation] [tuiAsideItem]{margin:0}[data-tui-version=\"5.13.0-canary.218ddec\"] tui-dropdown[data-appearance=dropdown-navigation] [tuiAsideItem]._active{background:transparent}[data-tui-version=\"5.13.0-canary.218ddec\"] tui-dropdown[data-appearance=dropdown-navigation] [tuiAsideItem]._link:not(._custom):after{opacity:0}[data-tui-version=\"5.13.0-canary.218ddec\"] tui-dropdown[data-appearance=dropdown-navigation] [tuiAsideItem]._link._active:after{opacity:1}\n"], dependencies: [{ kind: "directive", type: TuiFade, selector: "[tuiFade]", inputs: ["tuiFadeHeight", "tuiFadeSize", "tuiFadeOffset", "tuiFade"] }, { kind: "directive", type: TuiScrollable, selector: "[tuiScrollable]" }, { kind: "component", type: TuiScrollbar, selector: "tui-scrollbar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiAsideComponent, decorators: [{
             type: Component,
@@ -89,7 +89,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         tuiNavigationAside: '',
                         tuiTheme: 'dark',
                         '[class._expanded]': 'expanded()',
-                    }, styles: ["aside[tuiNavigationAside]:where(*[data-tui-version=\"5.12.0\"]){transition-property:width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:sticky;z-index:1;display:flex;inset-block-start:3rem;inset-inline-start:0;inline-size:3rem;min-block-size:0;flex-direction:column;padding:.5rem .5rem .25rem;box-sizing:border-box;background:var(--tui-theme-color, #000);color:var(--tui-text-primary)}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.12.0\"]):before{content:\"\";position:absolute;z-index:-1;inset-block-start:0;inset-inline-start:100%;block-size:3rem;inline-size:3rem;pointer-events:none;border-top-left-radius:1.25rem;box-shadow:-1.5rem 0 var(--tui-theme-color, #000);transform:scaleX(var(--tui-inline));clip-path:inset(0)}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.12.0\"])._expanded{inline-size:14.375rem}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.12.0\"])._expanded+main[tuiNavigationMain]{max-inline-size:calc(100% - 14.375rem)}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.12.0\"]) .t-nav-scrollbar{margin:0 -.25rem}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.12.0\"]) .t-nav-content{scrollbar-width:none;-ms-overflow-style:none;block-size:100%;padding:0 .25rem;overflow:auto}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.12.0\"]) .t-nav-content::-webkit-scrollbar,aside[tuiNavigationAside]:where(*[data-tui-version=\"5.12.0\"]) .t-nav-content::-webkit-scrollbar-thumb{display:none}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.12.0\"]) tui-expand [tuiAsideItem]{padding-inline-start:2rem}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.12.0\"]) hr{background:var(--tui-border-normal);block-size:1px;margin:0 0 .25rem;border:none}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.12.0\"]) header{padding-block-end:.25rem;box-shadow:inset 0 -1px var(--tui-border-normal);margin-block-end:1rem}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.12.0\"]) footer{display:flex;flex-direction:column;flex:1}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.12.0\"]) footer:before{content:\"\";min-block-size:1.75rem;margin:0 -.5rem;flex:1;-webkit-mask-image:linear-gradient(transparent 0,black 3rem,black calc(100% - 3rem),transparent 100%);mask-image:linear-gradient(transparent 0,black 3rem,black calc(100% - 3rem),transparent 100%)}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.12.0\"])+main[tuiNavigationMain]{max-inline-size:calc(100% - 3rem)}[tuiAsideItem][tuiAsideItem]:where(*[data-tui-version=\"5.12.0\"]){inline-size:100%;justify-content:flex-start;gap:.625rem;margin-block-end:.25rem}[tuiAsideItem][tuiAsideItem]:where(*[data-tui-version=\"5.12.0\"]):after{border:none!important;margin-inline-start:auto!important;color:var(--tui-text-tertiary)}[tuiAsideItem][tuiAsideItem]:where(*[data-tui-version=\"5.12.0\"]).tui-dropdown-open,[tuiAsideItem][tuiAsideItem]:where(*[data-tui-version=\"5.12.0\"])._active:not(._chevron-rotated),aside[tuiNavigationAside]:not(._expanded) [tuiAsideItem][tuiAsideItem]:where(*[data-tui-version=\"5.12.0\"])._active{background:var(--tui-background-neutral-1-hover)}[data-tui-version=\"5.12.0\"] tui-dropdown[data-appearance=dropdown-navigation]{border:none;background:var(--tui-background-elevation-3);background:color-mix(in srgb,var(--tui-theme-color, #000) 80%,#fff)}[data-tui-version=\"5.12.0\"] tui-dropdown[data-appearance=dropdown-navigation] [tuiAsideItem]{margin:0}[data-tui-version=\"5.12.0\"] tui-dropdown[data-appearance=dropdown-navigation] [tuiAsideItem]._active{background:transparent}[data-tui-version=\"5.12.0\"] tui-dropdown[data-appearance=dropdown-navigation] [tuiAsideItem]._link:not(._custom):after{opacity:0}[data-tui-version=\"5.12.0\"] tui-dropdown[data-appearance=dropdown-navigation] [tuiAsideItem]._link._active:after{opacity:1}\n"] }]
+                    }, styles: ["aside[tuiNavigationAside]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]){transition-property:width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:sticky;z-index:1;display:flex;inset-block-start:3rem;inset-inline-start:0;inline-size:3rem;min-block-size:0;flex-direction:column;padding:.5rem .5rem .25rem;box-sizing:border-box;background:var(--tui-theme-color, #000);color:var(--tui-text-primary)}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]):before{content:\"\";position:absolute;z-index:-1;inset-block-start:0;inset-inline-start:100%;block-size:3rem;inline-size:3rem;pointer-events:none;border-top-left-radius:1.25rem;box-shadow:-1.5rem 0 var(--tui-theme-color, #000);transform:scaleX(var(--tui-inline));clip-path:inset(0)}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])._expanded{inline-size:14.375rem}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])._expanded+main[tuiNavigationMain]{max-inline-size:calc(100% - 14.375rem)}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) .t-nav-scrollbar{margin:0 -.25rem}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) .t-nav-content{scrollbar-width:none;-ms-overflow-style:none;block-size:100%;padding:0 .25rem;overflow:auto}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) .t-nav-content::-webkit-scrollbar,aside[tuiNavigationAside]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) .t-nav-content::-webkit-scrollbar-thumb{display:none}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) tui-expand [tuiAsideItem]{padding-inline-start:2rem}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) hr{background:var(--tui-border-normal);block-size:1px;margin:0 0 .25rem;border:none}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) header{padding-block-end:.25rem;box-shadow:inset 0 -1px var(--tui-border-normal);margin-block-end:1rem}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) footer{display:flex;flex-direction:column;flex:1}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) footer:before{content:\"\";min-block-size:1.75rem;margin:0 -.5rem;flex:1;-webkit-mask-image:linear-gradient(transparent 0,black 3rem,black calc(100% - 3rem),transparent 100%);mask-image:linear-gradient(transparent 0,black 3rem,black calc(100% - 3rem),transparent 100%)}aside[tuiNavigationAside]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])+main[tuiNavigationMain]{max-inline-size:calc(100% - 3rem)}[tuiAsideItem][tuiAsideItem]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]){inline-size:100%;justify-content:flex-start;gap:.625rem;margin-block-end:.25rem}[tuiAsideItem][tuiAsideItem]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]):after{border:none!important;margin-inline-start:auto!important;color:var(--tui-text-tertiary)}[tuiAsideItem][tuiAsideItem]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]).tui-dropdown-open,[tuiAsideItem][tuiAsideItem]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])._active:not(._chevron-rotated),aside[tuiNavigationAside]:not(._expanded) [tuiAsideItem][tuiAsideItem]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])._active{background:var(--tui-background-neutral-1-hover)}[data-tui-version=\"5.13.0-canary.218ddec\"] tui-dropdown[data-appearance=dropdown-navigation]{border:none;background:var(--tui-background-elevation-3);background:color-mix(in srgb,var(--tui-theme-color, #000) 80%,#fff)}[data-tui-version=\"5.13.0-canary.218ddec\"] tui-dropdown[data-appearance=dropdown-navigation] [tuiAsideItem]{margin:0}[data-tui-version=\"5.13.0-canary.218ddec\"] tui-dropdown[data-appearance=dropdown-navigation] [tuiAsideItem]._active{background:transparent}[data-tui-version=\"5.13.0-canary.218ddec\"] tui-dropdown[data-appearance=dropdown-navigation] [tuiAsideItem]._link:not(._custom):after{opacity:0}[data-tui-version=\"5.13.0-canary.218ddec\"] tui-dropdown[data-appearance=dropdown-navigation] [tuiAsideItem]._link._active:after{opacity:1}\n"] }]
         }] });
 
 class TuiAsideGroupComponent {
@@ -306,7 +306,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
 
 class TuiHeaderComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: TuiHeaderComponent, isStandalone: true, selector: "header[tuiNavigationHeader]", host: { attributes: { "data-tui-version": "5.12.0", "tuiTheme": "dark" } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: TuiHeaderComponent, isStandalone: true, selector: "header[tuiNavigationHeader]", host: { attributes: { "data-tui-version": "5.13.0-canary.218ddec", "tuiTheme": "dark" } }, providers: [
             tuiAvatarOptionsProvider({ size: 's', appearance: 'secondary-grayscale' }),
             tuiBadgeNotificationOptionsProvider({ size: 'xs' }),
             tuiBadgeOptionsProvider({ size: 'm', appearance: 'primary' }),
@@ -314,7 +314,7 @@ class TuiHeaderComponent {
             tuiDropdownOptionsProvider({ appearance: 'dropdown-navigation' }),
             tuiTextfieldOptionsProvider({ size: signal('s') }),
             tuiHintOptionsProvider({ appearance: 'floating' }),
-        ], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.12.0\"]){position:sticky;z-index:2;display:flex;inset-block-start:0;inset-inline-start:0;block-size:3rem;inline-size:100vw;align-items:center;gap:.25rem;padding:.5rem;box-sizing:border-box;font:var(--tui-typography-body-s);background:var(--tui-theme-color, #000);color:var(--tui-text-primary);box-shadow:0 -100rem 0 100rem var(--tui-theme-color, #000)}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.12.0\"]):before{content:\"\";position:absolute;z-index:-1;inset-block-start:100%;inset-inline:0;block-size:3rem;pointer-events:none;box-shadow:0 -1.5rem var(--tui-theme-color, #000);border-radius:1.25rem 1.25rem 0 0;clip-path:inset(0)}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.12.0\"]) [tuiNavigationLogo]{padding:0 .5rem;margin:0 1rem}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.12.0\"]) [tuiNavigationLogo] tui-icon{font-size:1rem}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.12.0\"]) [tuiNavigationSegments]{display:flex;gap:.5rem;min-inline-size:12rem}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.12.0\"]) [tuiNavigationSegments]>*:not(:last-child){flex:1 0 auto}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.12.0\"]) [tuiNavigationSegments]>*:last-child{min-inline-size:3rem;flex:1 1 auto}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.12.0\"]) [tuiButton],header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.12.0\"]) [tuiBadge],header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.12.0\"]) [tuiChip],header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.12.0\"]) tui-badge{max-inline-size:12.5rem}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.12.0\"]) hr{flex:1;block-size:calc(100% + 1rem);min-inline-size:4rem;margin:-.5rem 0;border:none;flex-shrink:0;background:transparent;-webkit-mask-image:linear-gradient(to right,transparent 0,black 3rem,black calc(100% - 3rem),transparent 100%);mask-image:linear-gradient(to right,transparent 0,black 3rem,black calc(100% - 3rem),transparent 100%)}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.12.0\"]) hr~[tuiButton]{margin-inline-end:.5rem}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.12.0\"]) tui-textfield{inline-size:12rem;margin-inline-end:1.75rem}tui-dropdown[data-appearance=dropdown-navigation]:where(*[data-tui-version=\"5.12.0\"]){border:none;color:var(--tui-text-primary);background:var(--tui-background-elevation-3);background:color-mix(in srgb,var(--tui-theme-color, #000) 80%,#fff)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]){position:sticky;z-index:2;display:flex;inset-block-start:0;inset-inline-start:0;block-size:3rem;inline-size:100vw;align-items:center;gap:.25rem;padding:.5rem;box-sizing:border-box;font:var(--tui-typography-body-s);background:var(--tui-theme-color, #000);color:var(--tui-text-primary);box-shadow:0 -100rem 0 100rem var(--tui-theme-color, #000)}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]):before{content:\"\";position:absolute;z-index:-1;inset-block-start:100%;inset-inline:0;block-size:3rem;pointer-events:none;box-shadow:0 -1.5rem var(--tui-theme-color, #000);border-radius:1.25rem 1.25rem 0 0;clip-path:inset(0)}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiNavigationLogo]{padding:0 .5rem;margin:0 1rem}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiNavigationLogo] tui-icon{font-size:1rem}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiNavigationSegments]{display:flex;gap:.5rem;min-inline-size:12rem}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiNavigationSegments]>*:not(:last-child){flex:1 0 auto}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiNavigationSegments]>*:last-child{min-inline-size:3rem;flex:1 1 auto}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiButton],header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiBadge],header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiChip],header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) tui-badge{max-inline-size:12.5rem}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) hr{flex:1;block-size:calc(100% + 1rem);min-inline-size:4rem;margin:-.5rem 0;border:none;flex-shrink:0;background:transparent;-webkit-mask-image:linear-gradient(to right,transparent 0,black 3rem,black calc(100% - 3rem),transparent 100%);mask-image:linear-gradient(to right,transparent 0,black 3rem,black calc(100% - 3rem),transparent 100%)}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) hr~[tuiButton]{margin-inline-end:.5rem}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) tui-textfield{inline-size:12rem;margin-inline-end:1.75rem}tui-dropdown[data-appearance=dropdown-navigation]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]){border:none;color:var(--tui-text-primary);background:var(--tui-background-elevation-3);background:color-mix(in srgb,var(--tui-theme-color, #000) 80%,#fff)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiHeaderComponent, decorators: [{
             type: Component,
@@ -326,34 +326,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         tuiDropdownOptionsProvider({ appearance: 'dropdown-navigation' }),
                         tuiTextfieldOptionsProvider({ size: signal('s') }),
                         tuiHintOptionsProvider({ appearance: 'floating' }),
-                    ], host: { 'data-tui-version': TUI_VERSION, tuiTheme: 'dark' }, styles: ["header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.12.0\"]){position:sticky;z-index:2;display:flex;inset-block-start:0;inset-inline-start:0;block-size:3rem;inline-size:100vw;align-items:center;gap:.25rem;padding:.5rem;box-sizing:border-box;font:var(--tui-typography-body-s);background:var(--tui-theme-color, #000);color:var(--tui-text-primary);box-shadow:0 -100rem 0 100rem var(--tui-theme-color, #000)}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.12.0\"]):before{content:\"\";position:absolute;z-index:-1;inset-block-start:100%;inset-inline:0;block-size:3rem;pointer-events:none;box-shadow:0 -1.5rem var(--tui-theme-color, #000);border-radius:1.25rem 1.25rem 0 0;clip-path:inset(0)}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.12.0\"]) [tuiNavigationLogo]{padding:0 .5rem;margin:0 1rem}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.12.0\"]) [tuiNavigationLogo] tui-icon{font-size:1rem}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.12.0\"]) [tuiNavigationSegments]{display:flex;gap:.5rem;min-inline-size:12rem}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.12.0\"]) [tuiNavigationSegments]>*:not(:last-child){flex:1 0 auto}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.12.0\"]) [tuiNavigationSegments]>*:last-child{min-inline-size:3rem;flex:1 1 auto}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.12.0\"]) [tuiButton],header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.12.0\"]) [tuiBadge],header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.12.0\"]) [tuiChip],header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.12.0\"]) tui-badge{max-inline-size:12.5rem}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.12.0\"]) hr{flex:1;block-size:calc(100% + 1rem);min-inline-size:4rem;margin:-.5rem 0;border:none;flex-shrink:0;background:transparent;-webkit-mask-image:linear-gradient(to right,transparent 0,black 3rem,black calc(100% - 3rem),transparent 100%);mask-image:linear-gradient(to right,transparent 0,black 3rem,black calc(100% - 3rem),transparent 100%)}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.12.0\"]) hr~[tuiButton]{margin-inline-end:.5rem}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.12.0\"]) tui-textfield{inline-size:12rem;margin-inline-end:1.75rem}tui-dropdown[data-appearance=dropdown-navigation]:where(*[data-tui-version=\"5.12.0\"]){border:none;color:var(--tui-text-primary);background:var(--tui-background-elevation-3);background:color-mix(in srgb,var(--tui-theme-color, #000) 80%,#fff)}\n"] }]
+                    ], host: { 'data-tui-version': TUI_VERSION, tuiTheme: 'dark' }, styles: ["header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]){position:sticky;z-index:2;display:flex;inset-block-start:0;inset-inline-start:0;block-size:3rem;inline-size:100vw;align-items:center;gap:.25rem;padding:.5rem;box-sizing:border-box;font:var(--tui-typography-body-s);background:var(--tui-theme-color, #000);color:var(--tui-text-primary);box-shadow:0 -100rem 0 100rem var(--tui-theme-color, #000)}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]):before{content:\"\";position:absolute;z-index:-1;inset-block-start:100%;inset-inline:0;block-size:3rem;pointer-events:none;box-shadow:0 -1.5rem var(--tui-theme-color, #000);border-radius:1.25rem 1.25rem 0 0;clip-path:inset(0)}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiNavigationLogo]{padding:0 .5rem;margin:0 1rem}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiNavigationLogo] tui-icon{font-size:1rem}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiNavigationSegments]{display:flex;gap:.5rem;min-inline-size:12rem}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiNavigationSegments]>*:not(:last-child){flex:1 0 auto}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiNavigationSegments]>*:last-child{min-inline-size:3rem;flex:1 1 auto}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiButton],header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiBadge],header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiChip],header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) tui-badge{max-inline-size:12.5rem}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) hr{flex:1;block-size:calc(100% + 1rem);min-inline-size:4rem;margin:-.5rem 0;border:none;flex-shrink:0;background:transparent;-webkit-mask-image:linear-gradient(to right,transparent 0,black 3rem,black calc(100% - 3rem),transparent 100%);mask-image:linear-gradient(to right,transparent 0,black 3rem,black calc(100% - 3rem),transparent 100%)}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) hr~[tuiButton]{margin-inline-end:.5rem}header[tuiNavigationHeader][tuiNavigationHeader]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) tui-textfield{inline-size:12rem;margin-inline-end:1.75rem}tui-dropdown[data-appearance=dropdown-navigation]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]){border:none;color:var(--tui-text-primary);background:var(--tui-background-elevation-3);background:color-mix(in srgb,var(--tui-theme-color, #000) 80%,#fff)}\n"] }]
         }] });
 
 class TuiLogoComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: TuiLogoComponent, isStandalone: true, selector: "[tuiNavigationLogo]", host: { attributes: { "data-tui-version": "5.12.0" } }, ngImport: i0, template: '<ng-content />', isInline: true, styles: ["[tuiNavigationLogo]:where(*[data-tui-version=\"5.12.0\"]){display:flex;align-items:center;gap:.5rem;overflow:hidden;white-space:nowrap;font-weight:700}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: TuiLogoComponent, isStandalone: true, selector: "[tuiNavigationLogo]", host: { attributes: { "data-tui-version": "5.13.0-canary.218ddec" } }, ngImport: i0, template: '<ng-content />', isInline: true, styles: ["[tuiNavigationLogo]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]){display:flex;align-items:center;gap:.5rem;overflow:hidden;white-space:nowrap;font-weight:700}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiLogoComponent, decorators: [{
             type: Component,
-            args: [{ selector: '[tuiNavigationLogo]', template: '<ng-content />', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { 'data-tui-version': TUI_VERSION }, styles: ["[tuiNavigationLogo]:where(*[data-tui-version=\"5.12.0\"]){display:flex;align-items:center;gap:.5rem;overflow:hidden;white-space:nowrap;font-weight:700}\n"] }]
+            args: [{ selector: '[tuiNavigationLogo]', template: '<ng-content />', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { 'data-tui-version': TUI_VERSION }, styles: ["[tuiNavigationLogo]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]){display:flex;align-items:center;gap:.5rem;overflow:hidden;white-space:nowrap;font-weight:700}\n"] }]
         }] });
 
 class TuiMainComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiMainComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: TuiMainComponent, isStandalone: true, selector: "main[tuiNavigationMain]", host: { attributes: { "data-tui-version": "5.12.0", "tuiNavigationMain": "" } }, ngImport: i0, template: '<ng-content />', isInline: true, styles: ["main[tuiNavigationMain]:where(*[data-tui-version=\"5.12.0\"]){transition-property:max-width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,8.5625rem));align-items:start;gap:1rem;place-content:start center;flex:1;border:1.5rem solid transparent;border-block-start:0;isolation:isolate;box-sizing:border-box}main[tuiNavigationMain]:where(*[data-tui-version=\"5.12.0\"])>*{grid-column:span 12;max-inline-size:100%}main[tuiNavigationMain]:where(*[data-tui-version=\"5.12.0\"])>nav[tuiNavigationNav]:not(:first-child){border-image:conic-gradient(var(--tui-background-base) 0 0) fill 0/0/0 100vw;box-shadow:inset 0 -1px var(--tui-border-normal)}main[tuiNavigationMain]:where(*[data-tui-version=\"5.12.0\"])>a:first-child,main[tuiNavigationMain]:where(*[data-tui-version=\"5.12.0\"])>button:first-child,main[tuiNavigationMain]:where(*[data-tui-version=\"5.12.0\"])>tui-breadcrumbs:first-child{block-size:1.25rem;padding:0;margin-block-start:.875rem;justify-self:flex-start}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: TuiMainComponent, isStandalone: true, selector: "main[tuiNavigationMain]", host: { attributes: { "data-tui-version": "5.13.0-canary.218ddec", "tuiNavigationMain": "" } }, ngImport: i0, template: '<ng-content />', isInline: true, styles: ["main[tuiNavigationMain]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]){transition-property:max-width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,8.5625rem));align-items:start;gap:1rem;place-content:start center;flex:1;border:1.5rem solid transparent;border-block-start:0;isolation:isolate;box-sizing:border-box}main[tuiNavigationMain]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])>*{grid-column:span 12;max-inline-size:100%}main[tuiNavigationMain]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])>nav[tuiNavigationNav]:not(:first-child){border-image:conic-gradient(var(--tui-background-base) 0 0) fill 0/0/0 100vw;box-shadow:inset 0 -1px var(--tui-border-normal)}main[tuiNavigationMain]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])>a:first-child,main[tuiNavigationMain]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])>button:first-child,main[tuiNavigationMain]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])>tui-breadcrumbs:first-child{block-size:1.25rem;padding:0;margin-block-start:.875rem;justify-self:flex-start}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiMainComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'main[tuiNavigationMain]', template: '<ng-content />', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { 'data-tui-version': TUI_VERSION, tuiNavigationMain: '' }, styles: ["main[tuiNavigationMain]:where(*[data-tui-version=\"5.12.0\"]){transition-property:max-width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,8.5625rem));align-items:start;gap:1rem;place-content:start center;flex:1;border:1.5rem solid transparent;border-block-start:0;isolation:isolate;box-sizing:border-box}main[tuiNavigationMain]:where(*[data-tui-version=\"5.12.0\"])>*{grid-column:span 12;max-inline-size:100%}main[tuiNavigationMain]:where(*[data-tui-version=\"5.12.0\"])>nav[tuiNavigationNav]:not(:first-child){border-image:conic-gradient(var(--tui-background-base) 0 0) fill 0/0/0 100vw;box-shadow:inset 0 -1px var(--tui-border-normal)}main[tuiNavigationMain]:where(*[data-tui-version=\"5.12.0\"])>a:first-child,main[tuiNavigationMain]:where(*[data-tui-version=\"5.12.0\"])>button:first-child,main[tuiNavigationMain]:where(*[data-tui-version=\"5.12.0\"])>tui-breadcrumbs:first-child{block-size:1.25rem;padding:0;margin-block-start:.875rem;justify-self:flex-start}\n"] }]
+            args: [{ selector: 'main[tuiNavigationMain]', template: '<ng-content />', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { 'data-tui-version': TUI_VERSION, tuiNavigationMain: '' }, styles: ["main[tuiNavigationMain]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]){transition-property:max-width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,8.5625rem));align-items:start;gap:1rem;place-content:start center;flex:1;border:1.5rem solid transparent;border-block-start:0;isolation:isolate;box-sizing:border-box}main[tuiNavigationMain]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])>*{grid-column:span 12;max-inline-size:100%}main[tuiNavigationMain]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])>nav[tuiNavigationNav]:not(:first-child){border-image:conic-gradient(var(--tui-background-base) 0 0) fill 0/0/0 100vw;box-shadow:inset 0 -1px var(--tui-border-normal)}main[tuiNavigationMain]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])>a:first-child,main[tuiNavigationMain]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])>button:first-child,main[tuiNavigationMain]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])>tui-breadcrumbs:first-child{block-size:1.25rem;padding:0;margin-block-start:.875rem;justify-self:flex-start}\n"] }]
         }] });
 
 class TuiNavComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: TuiNavComponent, isStandalone: true, selector: "nav[tuiNavigationNav]", host: { attributes: { "data-tui-version": "5.12.0" } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: TuiNavComponent, isStandalone: true, selector: "nav[tuiNavigationNav]", host: { attributes: { "data-tui-version": "5.13.0-canary.218ddec" } }, providers: [
             tuiBadgeOptionsProvider({ size: 'm' }),
             tuiButtonOptionsProvider({ size: 's' }),
             tuiTabsOptionsProvider({ size: 'm' }),
-        ], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["nav[tuiNavigationNav]:where(*[data-tui-version=\"5.12.0\"]){z-index:1;display:flex;inset-block-start:3rem;min-block-size:3rem;align-items:center;gap:.5rem;padding:.25rem 0 0;box-sizing:border-box;white-space:nowrap;overflow:hidden;font:var(--tui-typography-body-s);color:var(--tui-text-secondary);border-image:linear-gradient(0deg,var(--tui-border-normal) 1px,var(--tui-background-base) 0) fill 0/0/0 100vw}nav[tuiNavigationNav]:where(*[data-tui-version=\"5.12.0\"]) [tuiNavigationLogo]{font:var(--tui-typography-body-m);font-weight:700;color:var(--tui-text-primary)}nav[tuiNavigationNav]:where(*[data-tui-version=\"5.12.0\"])>a{text-decoration:none;color:inherit}nav[tuiNavigationNav]:where(*[data-tui-version=\"5.12.0\"])>hr{inline-size:2rem;margin:0 0 0 auto;border:none;visibility:hidden;flex-shrink:0}nav[tuiNavigationNav]:where(*[data-tui-version=\"5.12.0\"]) tui-icon{font-size:1rem;vertical-align:bottom}nav[tuiNavigationNav]:where(*[data-tui-version=\"5.12.0\"]) tui-tabs,nav[tuiNavigationNav]:where(*[data-tui-version=\"5.12.0\"]) [tuiTabs]{box-shadow:none;margin-inline-end:1rem}nav[tuiNavigationNav]:where(*[data-tui-version=\"5.12.0\"]) tui-tabs:before,nav[tuiNavigationNav]:where(*[data-tui-version=\"5.12.0\"]) [tuiTabs]:before{background:var(--tui-background-accent-opposite-pressed)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["nav[tuiNavigationNav]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]){z-index:1;display:flex;inset-block-start:3rem;min-block-size:3rem;align-items:center;gap:.5rem;padding:.25rem 0 0;box-sizing:border-box;white-space:nowrap;overflow:hidden;font:var(--tui-typography-body-s);color:var(--tui-text-secondary);border-image:linear-gradient(0deg,var(--tui-border-normal) 1px,var(--tui-background-base) 0) fill 0/0/0 100vw}nav[tuiNavigationNav]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiNavigationLogo]{font:var(--tui-typography-body-m);font-weight:700;color:var(--tui-text-primary)}nav[tuiNavigationNav]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])>a{text-decoration:none;color:inherit}nav[tuiNavigationNav]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])>hr{inline-size:2rem;margin:0 0 0 auto;border:none;visibility:hidden;flex-shrink:0}nav[tuiNavigationNav]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) tui-icon{font-size:1rem;vertical-align:bottom}nav[tuiNavigationNav]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) tui-tabs,nav[tuiNavigationNav]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiTabs]{box-shadow:none;margin-inline-end:1rem}nav[tuiNavigationNav]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) tui-tabs:before,nav[tuiNavigationNav]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [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: "19.2.25", ngImport: i0, type: TuiNavComponent, decorators: [{
             type: Component,
@@ -361,7 +361,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         tuiBadgeOptionsProvider({ size: 'm' }),
                         tuiButtonOptionsProvider({ size: 's' }),
                         tuiTabsOptionsProvider({ size: 'm' }),
-                    ], host: { 'data-tui-version': TUI_VERSION }, styles: ["nav[tuiNavigationNav]:where(*[data-tui-version=\"5.12.0\"]){z-index:1;display:flex;inset-block-start:3rem;min-block-size:3rem;align-items:center;gap:.5rem;padding:.25rem 0 0;box-sizing:border-box;white-space:nowrap;overflow:hidden;font:var(--tui-typography-body-s);color:var(--tui-text-secondary);border-image:linear-gradient(0deg,var(--tui-border-normal) 1px,var(--tui-background-base) 0) fill 0/0/0 100vw}nav[tuiNavigationNav]:where(*[data-tui-version=\"5.12.0\"]) [tuiNavigationLogo]{font:var(--tui-typography-body-m);font-weight:700;color:var(--tui-text-primary)}nav[tuiNavigationNav]:where(*[data-tui-version=\"5.12.0\"])>a{text-decoration:none;color:inherit}nav[tuiNavigationNav]:where(*[data-tui-version=\"5.12.0\"])>hr{inline-size:2rem;margin:0 0 0 auto;border:none;visibility:hidden;flex-shrink:0}nav[tuiNavigationNav]:where(*[data-tui-version=\"5.12.0\"]) tui-icon{font-size:1rem;vertical-align:bottom}nav[tuiNavigationNav]:where(*[data-tui-version=\"5.12.0\"]) tui-tabs,nav[tuiNavigationNav]:where(*[data-tui-version=\"5.12.0\"]) [tuiTabs]{box-shadow:none;margin-inline-end:1rem}nav[tuiNavigationNav]:where(*[data-tui-version=\"5.12.0\"]) tui-tabs:before,nav[tuiNavigationNav]:where(*[data-tui-version=\"5.12.0\"]) [tuiTabs]:before{background:var(--tui-background-accent-opposite-pressed)}\n"] }]
+                    ], host: { 'data-tui-version': TUI_VERSION }, styles: ["nav[tuiNavigationNav]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]){z-index:1;display:flex;inset-block-start:3rem;min-block-size:3rem;align-items:center;gap:.5rem;padding:.25rem 0 0;box-sizing:border-box;white-space:nowrap;overflow:hidden;font:var(--tui-typography-body-s);color:var(--tui-text-secondary);border-image:linear-gradient(0deg,var(--tui-border-normal) 1px,var(--tui-background-base) 0) fill 0/0/0 100vw}nav[tuiNavigationNav]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiNavigationLogo]{font:var(--tui-typography-body-m);font-weight:700;color:var(--tui-text-primary)}nav[tuiNavigationNav]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])>a{text-decoration:none;color:inherit}nav[tuiNavigationNav]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"])>hr{inline-size:2rem;margin:0 0 0 auto;border:none;visibility:hidden;flex-shrink:0}nav[tuiNavigationNav]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) tui-icon{font-size:1rem;vertical-align:bottom}nav[tuiNavigationNav]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) tui-tabs,nav[tuiNavigationNav]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiTabs]{box-shadow:none;margin-inline-end:1rem}nav[tuiNavigationNav]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) tui-tabs:before,nav[tuiNavigationNav]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiTabs]:before{background:var(--tui-background-accent-opposite-pressed)}\n"] }]
         }] });
 
 const PROVIDERS = [
@@ -374,7 +374,7 @@ const PROVIDERS = [
 ];
 class TuiSubheaderComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiSubheaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: TuiSubheaderComponent, isStandalone: true, selector: "[tuiSubheader]:not([compact]),[tuiNavigationSubheader]:not([compact])", host: { attributes: { "data-tui-version": "5.12.0" } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: TuiSubheaderComponent, isStandalone: true, selector: "[tuiSubheader]:not([compact]),[tuiNavigationSubheader]:not([compact])", host: { attributes: { "data-tui-version": "5.13.0-canary.218ddec" } }, providers: [
             PROVIDERS,
             tuiButtonOptionsProvider({ appearance: 'secondary', size: 'xs' }),
         ], ngImport: i0, template: `
@@ -383,7 +383,7 @@ class TuiSubheaderComponent {
         <ng-content select="[tuiHeader]" />
         <ng-content />
         <ng-content select="tui-tabs,[tuiTabs]" />
-    `, isInline: true, styles: ["[tuiSubheader][compact]:where(*[data-tui-version=\"5.12.0\"]){z-index:1;inset-block-start:3rem;block-size:var(--tui-height-m);padding-block-start:.25rem;border-image:conic-gradient(var(--tui-background-base) 0 0) fill 0/0/0 100vw}[tuiSubheader][compact]:where(*[data-tui-version=\"5.12.0\"]):before{content:\"\";display:block;block-size:100%;border-image:linear-gradient(0deg,var(--tui-border-normal) 1px,transparent 0) fill 0/0/0 100vw}[tuiSubheader][compact]:where(*[data-tui-version=\"5.12.0\"]) .t-nav-subheader{position:absolute;display:flex;inset-block-start:0;inset-inline-start:0;inset-inline-end:0;block-size:inherit;align-items:center;gap:.5rem;font:var(--tui-typography-body-s);white-space:nowrap;overflow:hidden;padding:inherit}[tuiSubheader][compact]:where(*[data-tui-version=\"5.12.0\"]) .t-nav-subheader tui-breadcrumbs{flex:1;overflow:hidden}[tuiSubheader][compact]:where(*[data-tui-version=\"5.12.0\"]) .t-nav-subheader>tui-tabs,[tuiSubheader][compact]:where(*[data-tui-version=\"5.12.0\"]) .t-nav-subheader>tui-tabs-with-more{margin-inline-start:auto;margin-inline-end:1.5rem;border-inline-start:3rem solid transparent;box-shadow:none}[tuiSubheader][compact]:where(*[data-tui-version=\"5.12.0\"]) .t-nav-subheader tui-tabs:before,[tuiSubheader][compact]:where(*[data-tui-version=\"5.12.0\"]) .t-nav-subheader tui-tabs-with-more:before{background:var(--tui-background-accent-opposite-pressed)}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]){margin-block-start:.875rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) [tuiHeader]{margin:1rem 0 .5rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) [tuiHeader]:first-child{margin-block-start:0}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) [tuiHeader] [tuiTitle]{max-inline-size:42rem;margin-inline-end:auto}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) [tuiHeader] [tuiSubtitle]{font:var(--tui-typography-body-s)}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) [tuiHeader] [tuiSubtitle] tui-icon{font-size:1rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) [tuiHeader]+tui-textfield{margin-block-start:.75rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) tui-tabs{margin-block-start:.5rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) tui-tabs:before{background:var(--tui-background-accent-opposite-pressed)}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) tui-tabs [tuiButton],[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) tui-tabs [tuiIconButton]{margin-inline-start:.5rem;align-self:center}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) tui-tabs [tuiTab]+[tuiButton],[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) tui-tabs [tuiTab]+[tuiIconButton]{margin-inline-start:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    `, isInline: true, styles: ["[tuiSubheader][compact]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]){z-index:1;inset-block-start:3rem;block-size:var(--tui-height-m);padding-block-start:.25rem;border-image:conic-gradient(var(--tui-background-base) 0 0) fill 0/0/0 100vw}[tuiSubheader][compact]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]):before{content:\"\";display:block;block-size:100%;border-image:linear-gradient(0deg,var(--tui-border-normal) 1px,transparent 0) fill 0/0/0 100vw}[tuiSubheader][compact]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) .t-nav-subheader{position:absolute;display:flex;inset-block-start:0;inset-inline-start:0;inset-inline-end:0;block-size:inherit;align-items:center;gap:.5rem;font:var(--tui-typography-body-s);white-space:nowrap;overflow:hidden;padding:inherit}[tuiSubheader][compact]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) .t-nav-subheader tui-breadcrumbs{flex:1;overflow:hidden}[tuiSubheader][compact]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) .t-nav-subheader>tui-tabs,[tuiSubheader][compact]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) .t-nav-subheader>tui-tabs-with-more{margin-inline-start:auto;margin-inline-end:1.5rem;border-inline-start:3rem solid transparent;box-shadow:none}[tuiSubheader][compact]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) .t-nav-subheader tui-tabs:before,[tuiSubheader][compact]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) .t-nav-subheader tui-tabs-with-more:before{background:var(--tui-background-accent-opposite-pressed)}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]){margin-block-start:.875rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiHeader]{margin:1rem 0 .5rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiHeader]:first-child{margin-block-start:0}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiHeader] [tuiTitle]{max-inline-size:42rem;margin-inline-end:auto}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiHeader] [tuiSubtitle]{font:var(--tui-typography-body-s)}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiHeader] [tuiSubtitle] tui-icon{font-size:1rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiHeader]+tui-textfield{margin-block-start:.75rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) tui-tabs{margin-block-start:.5rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) tui-tabs:before{background:var(--tui-background-accent-opposite-pressed)}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) tui-tabs [tuiButton],[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) tui-tabs [tuiIconButton]{margin-inline-start:.5rem;align-self:center}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) tui-tabs [tuiTab]+[tuiButton],[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) tui-tabs [tuiTab]+[tuiIconButton]{margin-inline-start:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiSubheaderComponent, decorators: [{
             type: Component,
@@ -396,17 +396,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
     `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         PROVIDERS,
                         tuiButtonOptionsProvider({ appearance: 'secondary', size: 'xs' }),
-                    ], host: { 'data-tui-version': TUI_VERSION }, styles: ["[tuiSubheader][compact]:where(*[data-tui-version=\"5.12.0\"]){z-index:1;inset-block-start:3rem;block-size:var(--tui-height-m);padding-block-start:.25rem;border-image:conic-gradient(var(--tui-background-base) 0 0) fill 0/0/0 100vw}[tuiSubheader][compact]:where(*[data-tui-version=\"5.12.0\"]):before{content:\"\";display:block;block-size:100%;border-image:linear-gradient(0deg,var(--tui-border-normal) 1px,transparent 0) fill 0/0/0 100vw}[tuiSubheader][compact]:where(*[data-tui-version=\"5.12.0\"]) .t-nav-subheader{position:absolute;display:flex;inset-block-start:0;inset-inline-start:0;inset-inline-end:0;block-size:inherit;align-items:center;gap:.5rem;font:var(--tui-typography-body-s);white-space:nowrap;overflow:hidden;padding:inherit}[tuiSubheader][compact]:where(*[data-tui-version=\"5.12.0\"]) .t-nav-subheader tui-breadcrumbs{flex:1;overflow:hidden}[tuiSubheader][compact]:where(*[data-tui-version=\"5.12.0\"]) .t-nav-subheader>tui-tabs,[tuiSubheader][compact]:where(*[data-tui-version=\"5.12.0\"]) .t-nav-subheader>tui-tabs-with-more{margin-inline-start:auto;margin-inline-end:1.5rem;border-inline-start:3rem solid transparent;box-shadow:none}[tuiSubheader][compact]:where(*[data-tui-version=\"5.12.0\"]) .t-nav-subheader tui-tabs:before,[tuiSubheader][compact]:where(*[data-tui-version=\"5.12.0\"]) .t-nav-subheader tui-tabs-with-more:before{background:var(--tui-background-accent-opposite-pressed)}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]){margin-block-start:.875rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) [tuiHeader]{margin:1rem 0 .5rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) [tuiHeader]:first-child{margin-block-start:0}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) [tuiHeader] [tuiTitle]{max-inline-size:42rem;margin-inline-end:auto}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) [tuiHeader] [tuiSubtitle]{font:var(--tui-typography-body-s)}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) [tuiHeader] [tuiSubtitle] tui-icon{font-size:1rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) [tuiHeader]+tui-textfield{margin-block-start:.75rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) tui-tabs{margin-block-start:.5rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) tui-tabs:before{background:var(--tui-background-accent-opposite-pressed)}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) tui-tabs [tuiButton],[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) tui-tabs [tuiIconButton]{margin-inline-start:.5rem;align-self:center}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) tui-tabs [tuiTab]+[tuiButton],[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) tui-tabs [tuiTab]+[tuiIconButton]{margin-inline-start:auto}\n"] }]
+                    ], host: { 'data-tui-version': TUI_VERSION }, styles: ["[tuiSubheader][compact]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]){z-index:1;inset-block-start:3rem;block-size:var(--tui-height-m);padding-block-start:.25rem;border-image:conic-gradient(var(--tui-background-base) 0 0) fill 0/0/0 100vw}[tuiSubheader][compact]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]):before{content:\"\";display:block;block-size:100%;border-image:linear-gradient(0deg,var(--tui-border-normal) 1px,transparent 0) fill 0/0/0 100vw}[tuiSubheader][compact]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) .t-nav-subheader{position:absolute;display:flex;inset-block-start:0;inset-inline-start:0;inset-inline-end:0;block-size:inherit;align-items:center;gap:.5rem;font:var(--tui-typography-body-s);white-space:nowrap;overflow:hidden;padding:inherit}[tuiSubheader][compact]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) .t-nav-subheader tui-breadcrumbs{flex:1;overflow:hidden}[tuiSubheader][compact]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) .t-nav-subheader>tui-tabs,[tuiSubheader][compact]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) .t-nav-subheader>tui-tabs-with-more{margin-inline-start:auto;margin-inline-end:1.5rem;border-inline-start:3rem solid transparent;box-shadow:none}[tuiSubheader][compact]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) .t-nav-subheader tui-tabs:before,[tuiSubheader][compact]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) .t-nav-subheader tui-tabs-with-more:before{background:var(--tui-background-accent-opposite-pressed)}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]){margin-block-start:.875rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiHeader]{margin:1rem 0 .5rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiHeader]:first-child{margin-block-start:0}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiHeader] [tuiTitle]{max-inline-size:42rem;margin-inline-end:auto}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiHeader] [tuiSubtitle]{font:var(--tui-typography-body-s)}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiHeader] [tuiSubtitle] tui-icon{font-size:1rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiHeader]+tui-textfield{margin-block-start:.75rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) tui-tabs{margin-block-start:.5rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) tui-tabs:before{background:var(--tui-background-accent-opposite-pressed)}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) tui-tabs [tuiButton],[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) tui-tabs [tuiIconButton]{margin-inline-start:.5rem;align-self:center}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) tui-tabs [tuiTab]+[tuiButton],[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) tui-tabs [tuiTab]+[tuiIconButton]{margin-inline-start:auto}\n"] }]
         }] });
 class TuiSubheaderCompactComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiSubheaderCompactComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: TuiSubheaderCompactComponent, isStandalone: true, selector: "[tuiSubheader][compact],[tuiNavigationSubheader][compact]", host: { attributes: { "data-tui-version": "5.12.0" } }, providers: [PROVIDERS, tuiButtonOptionsProvider({ size: 's' })], ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: TuiSubheaderCompactComponent, isStandalone: true, selector: "[tuiSubheader][compact],[tuiNavigationSubheader][compact]", host: { attributes: { "data-tui-version": "5.13.0-canary.218ddec" } }, providers: [PROVIDERS, tuiButtonOptionsProvider({ size: 's' })], ngImport: i0, template: `
         <div class="t-nav-subheader">
             <ng-content />
             <ng-content select="tui-tabs,tui-tabs-with-more" />
             <ng-content select="[tuiButton],[tuiIconButton]" />
         </div>
-    `, isInline: true, styles: ["[tuiSubheader][compact]:where(*[data-tui-version=\"5.12.0\"]){z-index:1;inset-block-start:3rem;block-size:var(--tui-height-m);padding-block-start:.25rem;border-image:conic-gradient(var(--tui-background-base) 0 0) fill 0/0/0 100vw}[tuiSubheader][compact]:where(*[data-tui-version=\"5.12.0\"]):before{content:\"\";display:block;block-size:100%;border-image:linear-gradient(0deg,var(--tui-border-normal) 1px,transparent 0) fill 0/0/0 100vw}[tuiSubheader][compact]:where(*[data-tui-version=\"5.12.0\"]) .t-nav-subheader{position:absolute;display:flex;inset-block-start:0;inset-inline-start:0;inset-inline-end:0;block-size:inherit;align-items:center;gap:.5rem;font:var(--tui-typography-body-s);white-space:nowrap;overflow:hidden;padding:inherit}[tuiSubheader][compact]:where(*[data-tui-version=\"5.12.0\"]) .t-nav-subheader tui-breadcrumbs{flex:1;overflow:hidden}[tuiSubheader][compact]:where(*[data-tui-version=\"5.12.0\"]) .t-nav-subheader>tui-tabs,[tuiSubheader][compact]:where(*[data-tui-version=\"5.12.0\"]) .t-nav-subheader>tui-tabs-with-more{margin-inline-start:auto;margin-inline-end:1.5rem;border-inline-start:3rem solid transparent;box-shadow:none}[tuiSubheader][compact]:where(*[data-tui-version=\"5.12.0\"]) .t-nav-subheader tui-tabs:before,[tuiSubheader][compact]:where(*[data-tui-version=\"5.12.0\"]) .t-nav-subheader tui-tabs-with-more:before{background:var(--tui-background-accent-opposite-pressed)}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]){margin-block-start:.875rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) [tuiHeader]{margin:1rem 0 .5rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) [tuiHeader]:first-child{margin-block-start:0}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) [tuiHeader] [tuiTitle]{max-inline-size:42rem;margin-inline-end:auto}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) [tuiHeader] [tuiSubtitle]{font:var(--tui-typography-body-s)}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) [tuiHeader] [tuiSubtitle] tui-icon{font-size:1rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) [tuiHeader]+tui-textfield{margin-block-start:.75rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) tui-tabs{margin-block-start:.5rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) tui-tabs:before{background:var(--tui-background-accent-opposite-pressed)}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) tui-tabs [tuiButton],[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) tui-tabs [tuiIconButton]{margin-inline-start:.5rem;align-self:center}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) tui-tabs [tuiTab]+[tuiButton],[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) tui-tabs [tuiTab]+[tuiIconButton]{margin-inline-start:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    `, isInline: true, styles: ["[tuiSubheader][compact]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]){z-index:1;inset-block-start:3rem;block-size:var(--tui-height-m);padding-block-start:.25rem;border-image:conic-gradient(var(--tui-background-base) 0 0) fill 0/0/0 100vw}[tuiSubheader][compact]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]):before{content:\"\";display:block;block-size:100%;border-image:linear-gradient(0deg,var(--tui-border-normal) 1px,transparent 0) fill 0/0/0 100vw}[tuiSubheader][compact]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) .t-nav-subheader{position:absolute;display:flex;inset-block-start:0;inset-inline-start:0;inset-inline-end:0;block-size:inherit;align-items:center;gap:.5rem;font:var(--tui-typography-body-s);white-space:nowrap;overflow:hidden;padding:inherit}[tuiSubheader][compact]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) .t-nav-subheader tui-breadcrumbs{flex:1;overflow:hidden}[tuiSubheader][compact]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) .t-nav-subheader>tui-tabs,[tuiSubheader][compact]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) .t-nav-subheader>tui-tabs-with-more{margin-inline-start:auto;margin-inline-end:1.5rem;border-inline-start:3rem solid transparent;box-shadow:none}[tuiSubheader][compact]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) .t-nav-subheader tui-tabs:before,[tuiSubheader][compact]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) .t-nav-subheader tui-tabs-with-more:before{background:var(--tui-background-accent-opposite-pressed)}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]){margin-block-start:.875rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiHeader]{margin:1rem 0 .5rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiHeader]:first-child{margin-block-start:0}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiHeader] [tuiTitle]{max-inline-size:42rem;margin-inline-end:auto}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiHeader] [tuiSubtitle]{font:var(--tui-typography-body-s)}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiHeader] [tuiSubtitle] tui-icon{font-size:1rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiHeader]+tui-textfield{margin-block-start:.75rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) tui-tabs{margin-block-start:.5rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) tui-tabs:before{background:var(--tui-background-accent-opposite-pressed)}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) tui-tabs [tuiButton],[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) tui-tabs [tuiIconButton]{margin-inline-start:.5rem;align-self:center}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) tui-tabs [tuiTab]+[tuiButton],[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) tui-tabs [tuiTab]+[tuiIconButton]{margin-inline-start:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiSubheaderCompactComponent, decorators: [{
             type: Component,
@@ -416,7 +416,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
             <ng-content select="tui-tabs,tui-tabs-with-more" />
             <ng-content select="[tuiButton],[tuiIconButton]" />
         </div>
-    `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [PROVIDERS, tuiButtonOptionsProvider({ size: 's' })], host: { 'data-tui-version': TUI_VERSION }, styles: ["[tuiSubheader][compact]:where(*[data-tui-version=\"5.12.0\"]){z-index:1;inset-block-start:3rem;block-size:var(--tui-height-m);padding-block-start:.25rem;border-image:conic-gradient(var(--tui-background-base) 0 0) fill 0/0/0 100vw}[tuiSubheader][compact]:where(*[data-tui-version=\"5.12.0\"]):before{content:\"\";display:block;block-size:100%;border-image:linear-gradient(0deg,var(--tui-border-normal) 1px,transparent 0) fill 0/0/0 100vw}[tuiSubheader][compact]:where(*[data-tui-version=\"5.12.0\"]) .t-nav-subheader{position:absolute;display:flex;inset-block-start:0;inset-inline-start:0;inset-inline-end:0;block-size:inherit;align-items:center;gap:.5rem;font:var(--tui-typography-body-s);white-space:nowrap;overflow:hidden;padding:inherit}[tuiSubheader][compact]:where(*[data-tui-version=\"5.12.0\"]) .t-nav-subheader tui-breadcrumbs{flex:1;overflow:hidden}[tuiSubheader][compact]:where(*[data-tui-version=\"5.12.0\"]) .t-nav-subheader>tui-tabs,[tuiSubheader][compact]:where(*[data-tui-version=\"5.12.0\"]) .t-nav-subheader>tui-tabs-with-more{margin-inline-start:auto;margin-inline-end:1.5rem;border-inline-start:3rem solid transparent;box-shadow:none}[tuiSubheader][compact]:where(*[data-tui-version=\"5.12.0\"]) .t-nav-subheader tui-tabs:before,[tuiSubheader][compact]:where(*[data-tui-version=\"5.12.0\"]) .t-nav-subheader tui-tabs-with-more:before{background:var(--tui-background-accent-opposite-pressed)}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]){margin-block-start:.875rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) [tuiHeader]{margin:1rem 0 .5rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) [tuiHeader]:first-child{margin-block-start:0}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) [tuiHeader] [tuiTitle]{max-inline-size:42rem;margin-inline-end:auto}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) [tuiHeader] [tuiSubtitle]{font:var(--tui-typography-body-s)}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) [tuiHeader] [tuiSubtitle] tui-icon{font-size:1rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) [tuiHeader]+tui-textfield{margin-block-start:.75rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) tui-tabs{margin-block-start:.5rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) tui-tabs:before{background:var(--tui-background-accent-opposite-pressed)}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) tui-tabs [tuiButton],[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) tui-tabs [tuiIconButton]{margin-inline-start:.5rem;align-self:center}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) tui-tabs [tuiTab]+[tuiButton],[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.12.0\"]) tui-tabs [tuiTab]+[tuiIconButton]{margin-inline-start:auto}\n"] }]
+    `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [PROVIDERS, tuiButtonOptionsProvider({ size: 's' })], host: { 'data-tui-version': TUI_VERSION }, styles: ["[tuiSubheader][compact]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]){z-index:1;inset-block-start:3rem;block-size:var(--tui-height-m);padding-block-start:.25rem;border-image:conic-gradient(var(--tui-background-base) 0 0) fill 0/0/0 100vw}[tuiSubheader][compact]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]):before{content:\"\";display:block;block-size:100%;border-image:linear-gradient(0deg,var(--tui-border-normal) 1px,transparent 0) fill 0/0/0 100vw}[tuiSubheader][compact]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) .t-nav-subheader{position:absolute;display:flex;inset-block-start:0;inset-inline-start:0;inset-inline-end:0;block-size:inherit;align-items:center;gap:.5rem;font:var(--tui-typography-body-s);white-space:nowrap;overflow:hidden;padding:inherit}[tuiSubheader][compact]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) .t-nav-subheader tui-breadcrumbs{flex:1;overflow:hidden}[tuiSubheader][compact]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) .t-nav-subheader>tui-tabs,[tuiSubheader][compact]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) .t-nav-subheader>tui-tabs-with-more{margin-inline-start:auto;margin-inline-end:1.5rem;border-inline-start:3rem solid transparent;box-shadow:none}[tuiSubheader][compact]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) .t-nav-subheader tui-tabs:before,[tuiSubheader][compact]:where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) .t-nav-subheader tui-tabs-with-more:before{background:var(--tui-background-accent-opposite-pressed)}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]){margin-block-start:.875rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiHeader]{margin:1rem 0 .5rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiHeader]:first-child{margin-block-start:0}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiHeader] [tuiTitle]{max-inline-size:42rem;margin-inline-end:auto}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiHeader] [tuiSubtitle]{font:var(--tui-typography-body-s)}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiHeader] [tuiSubtitle] tui-icon{font-size:1rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) [tuiHeader]+tui-textfield{margin-block-start:.75rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) tui-tabs{margin-block-start:.5rem}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) tui-tabs:before{background:var(--tui-background-accent-opposite-pressed)}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) tui-tabs [tuiButton],[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) tui-tabs [tuiIconButton]{margin-inline-start:.5rem;align-self:center}[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) tui-tabs [tuiTab]+[tuiButton],[tuiSubheader]:not([compact]):where(*[data-tui-version=\"5.13.0-canary.218ddec\"]) tui-tabs [tuiTab]+[tuiIconButton]{margin-inline-start:auto}\n"] }]
         }] });
 
 const TuiNavigation = [