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

package/fesm2022/taiga-ui-kit-components-data-list-wrapper.mjs

@@ -1,107 +1,54 @@
 import * as i0 from '@angular/core';
-import { signal, inject, EventEmitter, computed, isSignal, ViewChild, Input, Output, forwardRef, ViewChildren, ChangeDetectionStrategy, Component } from '@angular/core';
-import { TuiElement } from '@taiga-ui/cdk/directives/element';
+import { inject, viewChild, computed, input, output, ChangeDetectionStrategy, Component } from '@angular/core';
 import * as i1 from '@taiga-ui/core/components/data-list';
-import { tuiInjectDataListSize, TuiDataListComponent, TuiOption, TuiOptionWithValue, tuiAsDataListAccessor, TuiDataList, TuiDataListDirective } from '@taiga-ui/core/components/data-list';
+import { TuiDataListComponent, tuiInjectDataListSize, TuiDataList } from '@taiga-ui/core/components/data-list';
 import { TuiLoader } from '@taiga-ui/core/components/loader';
+import { tuiAsAuxiliary } from '@taiga-ui/core/tokens';
+import * as i2 from '@taiga-ui/kit/components/multi-select';
+import { TuiMultiSelectGroupDirective, TuiMultiSelect } from '@taiga-ui/kit/components/multi-select';
 import { PolymorpheusOutlet } from '@taiga-ui/polymorpheus';
-import { EMPTY_QUERY } from '@taiga-ui/cdk/constants';
-import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
-import { tuiIsNativeFocused } from '@taiga-ui/cdk/utils/focus';
-import { tuiIsPresent } from '@taiga-ui/cdk/utils/miscellaneous';
 import { TUI_ITEMS_HANDLERS } from '@taiga-ui/core/directives/items-handlers';
-import { TUI_ITEMS_HANDLERS as TUI_ITEMS_HANDLERS$1 } from '@taiga-ui/kit/tokens';
 
 class TuiDataListWrapperComponent {
     constructor() {
-        this.datalist = signal(null);
-        this.itemsHandlers = inject(TUI_ITEMS_HANDLERS);
-        // TODO(v5): delete
-        this.itemsHandlersLegacy = inject(TUI_ITEMS_HANDLERS$1);
-        // TODO(v5): delete
-        this.legacyOptionsQuery = EMPTY_QUERY;
-        // TODO(v5): delete
-        this.optionsQuery = EMPTY_QUERY;
-        this.newOptionMode = tuiInjectElement().hasAttribute('new');
-        this.items = [];
-        this.disabledItemHandler = this.newOptionMode
-            ? this.itemsHandlers?.disabledItemHandler()
-            : this.itemsHandlersLegacy.disabledItemHandler;
-        this.size = tuiInjectDataListSize();
-        this.itemClick = new EventEmitter();
+        this.handlers = inject(TUI_ITEMS_HANDLERS);
+        this.datalist = viewChild((TuiDataListComponent));
+        this.content = computed(() => this.itemContent() ?? (({ $implicit }) => this.handlers.stringify()($implicit)));
         this.options = computed(() => this.datalist()?.options() ?? []);
-        this.itemContent = ({ $implicit }) => this.newOptionMode
-            ? this.itemsHandlers.stringify()($implicit)
-            : this.itemsHandlersLegacy.stringify($implicit);
-    }
-    getContext($implicit, { nativeElement }) {
-        return { $implicit, active: tuiIsNativeFocused(nativeElement) };
-    }
-    // TODO(v5): delete
-    getOptions(includeDisabled = false) {
-        return [
-            ...this.legacyOptionsQuery, // TODO(v5): delete
-            ...this.optionsQuery,
-        ]
-            .filter(({ disabled }) => includeDisabled || !disabled)
-            .map(({ value }) => (isSignal(value) ? value() : value))
-            .filter(tuiIsPresent);
-    }
-    // TODO(v5): use signal `viewChild`
-    set datalistSetter(x) {
-        this.datalist.set(x);
+        this.items = input([]);
+        this.emptyContent = input();
+        this.size = input(tuiInjectDataListSize());
+        this.itemContent = input();
+        this.itemClick = output();
     }
     $cast(items) {
         return items;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiDataListWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: TuiDataListWrapperComponent, isStandalone: true, selector: "tui-data-list-wrapper:not([labels]), tui-data-list-wrapper:not([labels])[new]", inputs: { items: "items", disabledItemHandler: "disabledItemHandler", emptyContent: "emptyContent", size: "size", itemContent: "itemContent" }, outputs: { itemClick: "itemClick" }, providers: [tuiAsDataListAccessor(TuiDataListWrapperComponent)], viewQueries: [{ propertyName: "datalistSetter", first: true, predicate: TuiDataListComponent, descendants: true }, { propertyName: "legacyOptionsQuery", predicate: i0.forwardRef(() => TuiOption), descendants: true }, { propertyName: "optionsQuery", predicate: i0.forwardRef(() => TuiOptionWithValue), descendants: true }], ngImport: i0, template: "@if (items) {\n    <tui-data-list\n        [emptyContent]=\"emptyContent\"\n        [size]=\"size\"\n    >\n        @if (newOptionMode) {\n            @for (item of $cast(items); track item) {\n                <button\n                    #elementRef=\"elementRef\"\n                    new\n                    tuiElement\n                    tuiOption\n                    type=\"button\"\n                    [disabled]=\"disabledItemHandler(item)\"\n                    [value]=\"item\"\n                    (click.capture)=\"itemClick.emit(item)\"\n                >\n                    <ng-container *polymorpheusOutlet=\"itemContent as text; context: getContext(item, elementRef)\">\n                        {{ text }}\n                    </ng-container>\n                </button>\n            }\n        } @else {\n            @for (item of $cast(items); track item) {\n                <button\n                    #elementRef=\"elementRef\"\n                    automation-id=\"tui-data-list-wrapper__option\"\n                    tuiElement\n                    tuiOption\n                    type=\"button\"\n                    [disabled]=\"disabledItemHandler(item)\"\n                    [value]=\"item\"\n                    (click)=\"itemClick.emit(item)\"\n                >\n                    <span class=\"t-content\">\n                        <ng-container *polymorpheusOutlet=\"itemContent as text; context: getContext(item, elementRef)\">\n                            {{ text }}\n                        </ng-container>\n                    </span>\n                </button>\n            }\n        }\n        <!-- TODO(v5): delete fallback -->\n    </tui-data-list>\n} @else {\n    <tui-loader\n        automation-id=\"tui-data-list-wrapper__loader\"\n        class=\"t-loader\"\n    />\n}\n", styles: [":host{display:block}.t-content{flex:1;min-inline-size:0}.t-loader{margin:.75rem 0}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: i1.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "component", type: i1.TuiOption, selector: "button[tuiOption]:not([new]), a[tuiOption]:not([new]), label[tuiOption]:not([new])", inputs: ["disabled", "value"] }, { kind: "directive", type: i1.TuiOptionNew, selector: "button[tuiOption][new], a[tuiOption][new], label[tuiOption][new]", inputs: ["disabled"] }, { kind: "directive", type: i1.TuiOptionWithValue, selector: "button[tuiOption][value][new], a[tuiOption][value][new], label[tuiOption][value][new]", inputs: ["disabled", "value"] }, { kind: "directive", type: TuiElement, selector: "[tuiElement]", exportAs: ["elementRef"] }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiDataListWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.16", type: TuiDataListWrapperComponent, isStandalone: true, selector: "tui-data-list-wrapper:not([labels])", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, emptyContent: { classPropertyName: "emptyContent", publicName: "emptyContent", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, itemContent: { classPropertyName: "itemContent", publicName: "itemContent", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick" }, providers: [tuiAsAuxiliary(TuiDataListWrapperComponent)], viewQueries: [{ propertyName: "datalist", first: true, predicate: (TuiDataListComponent), descendants: true, isSignal: true }], ngImport: i0, template: "@if (items()) {\n    <tui-data-list\n        [emptyContent]=\"emptyContent()\"\n        [size]=\"size()\"\n    >\n        @for (item of $cast(items()); track item) {\n            <button\n                tuiOption\n                type=\"button\"\n                [disabled]=\"handlers.disabledItemHandler()(item)\"\n                [value]=\"item\"\n                (click.capture)=\"itemClick.emit(item)\"\n            >\n                <ng-container *polymorpheusOutlet=\"content() as text; context: {$implicit: item}\">\n                    {{ text }}\n                </ng-container>\n            </button>\n        }\n    </tui-data-list>\n} @else {\n    <tui-loader class=\"t-loader\" />\n}\n", styles: [":host{display:block}.t-content{flex:1;min-inline-size:0}.t-loader{margin:.75rem 0}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: i1.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i1.TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled"] }, { kind: "directive", type: i1.TuiOptionWithValue, selector: "button[tuiOption][value], a[tuiOption][value], label[tuiOption][value]", inputs: ["disabled", "value"] }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "loading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiDataListWrapperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiDataListWrapperComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tui-data-list-wrapper:not([labels]), tui-data-list-wrapper:not([labels])[new]', imports: [PolymorpheusOutlet, TuiDataList, TuiElement, TuiLoader], changeDetection: ChangeDetectionStrategy.OnPush, providers: [tuiAsDataListAccessor(TuiDataListWrapperComponent)], template: "@if (items) {\n    <tui-data-list\n        [emptyContent]=\"emptyContent\"\n        [size]=\"size\"\n    >\n        @if (newOptionMode) {\n            @for (item of $cast(items); track item) {\n                <button\n                    #elementRef=\"elementRef\"\n                    new\n                    tuiElement\n                    tuiOption\n                    type=\"button\"\n                    [disabled]=\"disabledItemHandler(item)\"\n                    [value]=\"item\"\n                    (click.capture)=\"itemClick.emit(item)\"\n                >\n                    <ng-container *polymorpheusOutlet=\"itemContent as text; context: getContext(item, elementRef)\">\n                        {{ text }}\n                    </ng-container>\n                </button>\n            }\n        } @else {\n            @for (item of $cast(items); track item) {\n                <button\n                    #elementRef=\"elementRef\"\n                    automation-id=\"tui-data-list-wrapper__option\"\n                    tuiElement\n                    tuiOption\n                    type=\"button\"\n                    [disabled]=\"disabledItemHandler(item)\"\n                    [value]=\"item\"\n                    (click)=\"itemClick.emit(item)\"\n                >\n                    <span class=\"t-content\">\n                        <ng-container *polymorpheusOutlet=\"itemContent as text; context: getContext(item, elementRef)\">\n                            {{ text }}\n                        </ng-container>\n                    </span>\n                </button>\n            }\n        }\n        <!-- TODO(v5): delete fallback -->\n    </tui-data-list>\n} @else {\n    <tui-loader\n        automation-id=\"tui-data-list-wrapper__loader\"\n        class=\"t-loader\"\n    />\n}\n", styles: [":host{display:block}.t-content{flex:1;min-inline-size:0}.t-loader{margin:.75rem 0}\n"] }]
-        }], propDecorators: { legacyOptionsQuery: [{
-                type: ViewChildren,
-                args: [forwardRef(() => TuiOption)]
-            }], optionsQuery: [{
-                type: ViewChildren,
-                args: [forwardRef(() => TuiOptionWithValue)]
-            }], items: [{
-                type: Input
-            }], disabledItemHandler: [{
-                type: Input
-            }], emptyContent: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], itemClick: [{
-                type: Output
-            }], itemContent: [{
-                type: Input
-            }], datalistSetter: [{
-                type: ViewChild,
-                args: [TuiDataListComponent]
-            }] } });
+            args: [{ selector: 'tui-data-list-wrapper:not([labels])', imports: [PolymorpheusOutlet, TuiDataList, TuiLoader], changeDetection: ChangeDetectionStrategy.OnPush, providers: [tuiAsAuxiliary(TuiDataListWrapperComponent)], template: "@if (items()) {\n    <tui-data-list\n        [emptyContent]=\"emptyContent()\"\n        [size]=\"size()\"\n    >\n        @for (item of $cast(items()); track item) {\n            <button\n                tuiOption\n                type=\"button\"\n                [disabled]=\"handlers.disabledItemHandler()(item)\"\n                [value]=\"item\"\n                (click.capture)=\"itemClick.emit(item)\"\n            >\n                <ng-container *polymorpheusOutlet=\"content() as text; context: {$implicit: item}\">\n                    {{ text }}\n                </ng-container>\n            </button>\n        }\n    </tui-data-list>\n} @else {\n    <tui-loader class=\"t-loader\" />\n}\n", styles: [":host{display:block}.t-content{flex:1;min-inline-size:0}.t-loader{margin:.75rem 0}\n"] }]
+        }] });
 
 class TuiDataListGroupWrapperComponent extends TuiDataListWrapperComponent {
     constructor() {
         super(...arguments);
-        this.labels = [];
+        this.multi = inject(TuiMultiSelectGroupDirective, { optional: true });
+        this.labels = input([]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiDataListGroupWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: TuiDataListGroupWrapperComponent, isStandalone: true, selector: "tui-data-list-wrapper[labels]", inputs: { labels: "labels" }, providers: [tuiAsDataListAccessor(TuiDataListGroupWrapperComponent)], usesInheritance: true, ngImport: i0, template: "@if (items) {\n    <tui-data-list\n        [emptyContent]=\"emptyContent\"\n        [size]=\"size\"\n    >\n        @for (group of items; track group; let index = $index) {\n            <tui-opt-group [label]=\"labels[index]\">\n                @if (newOptionMode) {\n                    @for (item of group; track item) {\n                        <button\n                            #elementRef=\"elementRef\"\n                            new\n                            tuiElement\n                            tuiOption\n                            type=\"button\"\n                            [disabled]=\"disabledItemHandler(item)\"\n                            [value]=\"item\"\n                            (click.capture)=\"itemClick.emit(item)\"\n                        >\n                            <ng-container\n                                *polymorpheusOutlet=\"itemContent as text; context: getContext(item, elementRef)\"\n                            >\n                                {{ text }}\n                            </ng-container>\n                        </button>\n                    }\n                } @else {\n                    @for (item of group; track item) {\n                        <button\n                            #elementRef=\"elementRef\"\n                            automation-id=\"tui-data-list-wrapper__option\"\n                            tuiElement\n                            tuiOption\n                            type=\"button\"\n                            [disabled]=\"disabledItemHandler(item)\"\n                            [value]=\"item\"\n                            (click)=\"itemClick.emit(item)\"\n                        >\n                            <ng-container\n                                *polymorpheusOutlet=\"itemContent as text; context: getContext(item, elementRef)\"\n                            >\n                                {{ text }}\n                            </ng-container>\n                        </button>\n                    }\n                }\n                <!-- TODO(v5): delete fallback -->\n            </tui-opt-group>\n        }\n    </tui-data-list>\n} @else {\n    <tui-loader class=\"t-loader\" />\n}\n", styles: [":host{display:block}.t-content{flex:1;min-inline-size:0}.t-loader{margin:.75rem 0}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: i1.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "component", type: i1.TuiOption, selector: "button[tuiOption]:not([new]), a[tuiOption]:not([new]), label[tuiOption]:not([new])", inputs: ["disabled", "value"] }, { kind: "directive", type: i1.TuiOptionNew, selector: "button[tuiOption][new], a[tuiOption][new], label[tuiOption][new]", inputs: ["disabled"] }, { kind: "directive", type: i1.TuiOptionWithValue, selector: "button[tuiOption][value][new], a[tuiOption][value][new], label[tuiOption][value][new]", inputs: ["disabled", "value"] }, { kind: "directive", type: i1.TuiOptGroup, selector: "tui-opt-group", inputs: ["label"] }, { kind: "directive", type: TuiElement, selector: "[tuiElement]", exportAs: ["elementRef"] }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiDataListGroupWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.16", type: TuiDataListGroupWrapperComponent, isStandalone: true, selector: "tui-data-list-wrapper[labels]", inputs: { labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: false, transformFunction: null } }, providers: [tuiAsAuxiliary(TuiDataListGroupWrapperComponent)], usesInheritance: true, ngImport: i0, template: "@if (items()) {\n    <tui-data-list\n        [emptyContent]=\"emptyContent()\"\n        [size]=\"size()\"\n    >\n        @for (group of items(); track group) {\n            @if (multi) {\n                <tui-opt-group\n                    tuiMultiSelectGroup\n                    [label]=\"labels()[$index] || ''\"\n                >\n                    @for (item of group; track $index) {\n                        <button\n                            tuiOption\n                            type=\"button\"\n                            [disabled]=\"handlers.disabledItemHandler()(item)\"\n                            [value]=\"item\"\n                            (click.capture)=\"itemClick.emit(item)\"\n                        >\n                            <ng-container *polymorpheusOutlet=\"content() as text; context: {$implicit: item}\">\n                                {{ text }}\n                            </ng-container>\n                        </button>\n                    }\n                </tui-opt-group>\n            } @else {\n                <tui-opt-group [label]=\"labels()[$index]\">\n                    @for (item of group; track item) {\n                        <button\n                            tuiOption\n                            type=\"button\"\n                            [disabled]=\"handlers.disabledItemHandler()(item)\"\n                            [value]=\"item\"\n                            (click.capture)=\"itemClick.emit(item)\"\n                        >\n                            <ng-container *polymorpheusOutlet=\"content() as text; context: {$implicit: item}\">\n                                {{ text }}\n                            </ng-container>\n                        </button>\n                    }\n                </tui-opt-group>\n            }\n        }\n    </tui-data-list>\n} @else {\n    <tui-loader class=\"t-loader\" />\n}\n", styles: [":host{display:block}.t-content{flex:1;min-inline-size:0}.t-loader{margin:.75rem 0}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: i1.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i1.TuiOption, selector: "button[tuiOption], a[tuiOption], label[tuiOption]", inputs: ["disabled"] }, { kind: "directive", type: i1.TuiOptionWithValue, selector: "button[tuiOption][value], a[tuiOption][value], label[tuiOption][value]", inputs: ["disabled", "value"] }, { kind: "directive", type: i1.TuiOptGroup, selector: "tui-opt-group", inputs: ["label"] }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "loading"] }, { kind: "component", type: i2.TuiMultiSelectGroupComponent, selector: "tui-opt-group[tuiMultiSelectGroup]", inputs: ["label"] }, { kind: "directive", type: i2.TuiMultiSelectGroupDirective, selector: "[tuiMultiSelectGroup]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiDataListGroupWrapperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiDataListGroupWrapperComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tui-data-list-wrapper[labels]', imports: [PolymorpheusOutlet, TuiDataList, TuiElement, TuiLoader], changeDetection: ChangeDetectionStrategy.OnPush, providers: [tuiAsDataListAccessor(TuiDataListGroupWrapperComponent)], template: "@if (items) {\n    <tui-data-list\n        [emptyContent]=\"emptyContent\"\n        [size]=\"size\"\n    >\n        @for (group of items; track group; let index = $index) {\n            <tui-opt-group [label]=\"labels[index]\">\n                @if (newOptionMode) {\n                    @for (item of group; track item) {\n                        <button\n                            #elementRef=\"elementRef\"\n                            new\n                            tuiElement\n                            tuiOption\n                            type=\"button\"\n                            [disabled]=\"disabledItemHandler(item)\"\n                            [value]=\"item\"\n                            (click.capture)=\"itemClick.emit(item)\"\n                        >\n                            <ng-container\n                                *polymorpheusOutlet=\"itemContent as text; context: getContext(item, elementRef)\"\n                            >\n                                {{ text }}\n                            </ng-container>\n                        </button>\n                    }\n                } @else {\n                    @for (item of group; track item) {\n                        <button\n                            #elementRef=\"elementRef\"\n                            automation-id=\"tui-data-list-wrapper__option\"\n                            tuiElement\n                            tuiOption\n                            type=\"button\"\n                            [disabled]=\"disabledItemHandler(item)\"\n                            [value]=\"item\"\n                            (click)=\"itemClick.emit(item)\"\n                        >\n                            <ng-container\n                                *polymorpheusOutlet=\"itemContent as text; context: getContext(item, elementRef)\"\n                            >\n                                {{ text }}\n                            </ng-container>\n                        </button>\n                    }\n                }\n                <!-- TODO(v5): delete fallback -->\n            </tui-opt-group>\n        }\n    </tui-data-list>\n} @else {\n    <tui-loader class=\"t-loader\" />\n}\n", styles: [":host{display:block}.t-content{flex:1;min-inline-size:0}.t-loader{margin:.75rem 0}\n"] }]
-        }], propDecorators: { labels: [{
-                type: Input
-            }] } });
+            args: [{ selector: 'tui-data-list-wrapper[labels]', imports: [PolymorpheusOutlet, TuiDataList, TuiLoader, TuiMultiSelect], changeDetection: ChangeDetectionStrategy.OnPush, providers: [tuiAsAuxiliary(TuiDataListGroupWrapperComponent)], template: "@if (items()) {\n    <tui-data-list\n        [emptyContent]=\"emptyContent()\"\n        [size]=\"size()\"\n    >\n        @for (group of items(); track group) {\n            @if (multi) {\n                <tui-opt-group\n                    tuiMultiSelectGroup\n                    [label]=\"labels()[$index] || ''\"\n                >\n                    @for (item of group; track $index) {\n                        <button\n                            tuiOption\n                            type=\"button\"\n                            [disabled]=\"handlers.disabledItemHandler()(item)\"\n                            [value]=\"item\"\n                            (click.capture)=\"itemClick.emit(item)\"\n                        >\n                            <ng-container *polymorpheusOutlet=\"content() as text; context: {$implicit: item}\">\n                                {{ text }}\n                            </ng-container>\n                        </button>\n                    }\n                </tui-opt-group>\n            } @else {\n                <tui-opt-group [label]=\"labels()[$index]\">\n                    @for (item of group; track item) {\n                        <button\n                            tuiOption\n                            type=\"button\"\n                            [disabled]=\"handlers.disabledItemHandler()(item)\"\n                            [value]=\"item\"\n                            (click.capture)=\"itemClick.emit(item)\"\n                        >\n                            <ng-container *polymorpheusOutlet=\"content() as text; context: {$implicit: item}\">\n                                {{ text }}\n                            </ng-container>\n                        </button>\n                    }\n                </tui-opt-group>\n            }\n        }\n    </tui-data-list>\n} @else {\n    <tui-loader class=\"t-loader\" />\n}\n", styles: [":host{display:block}.t-content{flex:1;min-inline-size:0}.t-loader{margin:.75rem 0}\n"] }]
+        }] });
 
 const TuiDataListWrapper = [
     TuiDataListWrapperComponent,
     TuiDataListGroupWrapperComponent,
-    TuiDataListDirective,
 ];
 
 /**

package/fesm2022/taiga-ui-kit-components-data-list-wrapper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-data-list-wrapper.mjs","sources":["../../../projects/kit/components/data-list-wrapper/data-list-wrapper.component.ts","../../../projects/kit/components/data-list-wrapper/data-list-wrapper.template.html","../../../projects/kit/components/data-list-wrapper/data-list-group-wrapper.component.ts","../../../projects/kit/components/data-list-wrapper/data-list-group-wrapper.template.html","../../../projects/kit/components/data-list-wrapper/data-list-wrapper.module.ts","../../../projects/kit/components/data-list-wrapper/taiga-ui-kit-components-data-list-wrapper.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    type ElementRef,\n    EventEmitter,\n    forwardRef,\n    inject,\n    Input,\n    isSignal,\n    Output,\n    type QueryList,\n    signal,\n    ViewChild,\n    ViewChildren,\n} from '@angular/core';\nimport {EMPTY_QUERY} from '@taiga-ui/cdk/constants';\nimport {TuiElement} from '@taiga-ui/cdk/directives/element';\nimport {type TuiBooleanHandler} from '@taiga-ui/cdk/types';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiIsNativeFocused} from '@taiga-ui/cdk/utils/focus';\nimport {tuiIsPresent} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {\n    tuiAsDataListAccessor,\n    TuiDataList,\n    type TuiDataListAccessor,\n    TuiDataListComponent,\n    tuiInjectDataListSize,\n    TuiOption,\n    TuiOptionWithValue,\n} from '@taiga-ui/core/components/data-list';\nimport {TuiLoader} from '@taiga-ui/core/components/loader';\nimport {\n    TUI_ITEMS_HANDLERS,\n    type TuiItemsHandlers,\n} from '@taiga-ui/core/directives/items-handlers';\nimport {type TuiValueContentContext} from '@taiga-ui/core/types';\nimport {\n    TUI_ITEMS_HANDLERS as TUI_ITEMS_HANDLERS_LEGACY,\n    type TuiItemsHandlers as TuiItemsHandlersLegacy,\n} from '@taiga-ui/kit/tokens';\nimport {type PolymorpheusContent, PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\n@Component({\n    selector:\n        'tui-data-list-wrapper:not([labels]), tui-data-list-wrapper:not([labels])[new]', // TODO(v5): remove [new]\n    imports: [PolymorpheusOutlet, TuiDataList, TuiElement, TuiLoader],\n    templateUrl: './data-list-wrapper.template.html',\n    styleUrls: ['./data-list-wrapper.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [tuiAsDataListAccessor(TuiDataListWrapperComponent)],\n})\nexport class TuiDataListWrapperComponent<T, K = T> implements TuiDataListAccessor<T> {\n    private readonly datalist = signal<TuiDataListComponent<T> | null>(null);\n    private readonly itemsHandlers: TuiItemsHandlers<T> = inject(TUI_ITEMS_HANDLERS);\n    // TODO(v5): delete\n    private readonly itemsHandlersLegacy: TuiItemsHandlersLegacy<T> = inject(\n        TUI_ITEMS_HANDLERS_LEGACY,\n    );\n\n    // TODO(v5): delete\n    @ViewChildren(forwardRef(() => TuiOption))\n    protected readonly legacyOptionsQuery: QueryList<TuiOption<T>> = EMPTY_QUERY;\n\n    // TODO(v5): delete\n    @ViewChildren(forwardRef(() => TuiOptionWithValue))\n    protected readonly optionsQuery: QueryList<TuiOptionWithValue<T>> = EMPTY_QUERY;\n\n    protected readonly newOptionMode = tuiInjectElement().hasAttribute('new');\n\n    @Input()\n    public items: readonly K[] | null = [];\n\n    @Input()\n    public disabledItemHandler: TuiBooleanHandler<T> = this.newOptionMode\n        ? this.itemsHandlers?.disabledItemHandler()\n        : this.itemsHandlersLegacy.disabledItemHandler;\n\n    @Input()\n    public emptyContent: PolymorpheusContent;\n\n    @Input()\n    public size = tuiInjectDataListSize();\n\n    @Output()\n    public readonly itemClick = new EventEmitter<T>();\n\n    public readonly options = computed(() => this.datalist()?.options() ?? []);\n\n    @Input()\n    public itemContent: PolymorpheusContent<TuiValueContentContext<T>> = ({$implicit}) =>\n        this.newOptionMode\n            ? this.itemsHandlers.stringify()($implicit)\n            : this.itemsHandlersLegacy.stringify($implicit);\n\n    public getContext(\n        $implicit: T,\n        {nativeElement}: ElementRef<HTMLElement>,\n    ): TuiValueContentContext<T> {\n        return {$implicit, active: tuiIsNativeFocused(nativeElement)};\n    }\n\n    // TODO(v5): delete\n    public getOptions(includeDisabled = false): readonly T[] {\n        return [\n            ...this.legacyOptionsQuery, // TODO(v5): delete\n            ...this.optionsQuery,\n        ]\n            .filter(({disabled}) => includeDisabled || !disabled)\n            .map(({value}) => (isSignal(value) ? value() : value))\n            .filter(tuiIsPresent);\n    }\n\n    // TODO(v5): use signal `viewChild`\n    @ViewChild(TuiDataListComponent)\n    protected set datalistSetter(x: TuiDataListComponent<T>) {\n        this.datalist.set(x);\n    }\n\n    protected $cast(items: readonly K[]): readonly T[] {\n        return items as unknown as readonly T[];\n    }\n}\n","@if (items) {\n    <tui-data-list\n        [emptyContent]=\"emptyContent\"\n        [size]=\"size\"\n    >\n        @if (newOptionMode) {\n            @for (item of $cast(items); track item) {\n                <button\n                    #elementRef=\"elementRef\"\n                    new\n                    tuiElement\n                    tuiOption\n                    type=\"button\"\n                    [disabled]=\"disabledItemHandler(item)\"\n                    [value]=\"item\"\n                    (click.capture)=\"itemClick.emit(item)\"\n                >\n                    <ng-container *polymorpheusOutlet=\"itemContent as text; context: getContext(item, elementRef)\">\n                        {{ text }}\n                    </ng-container>\n                </button>\n            }\n        } @else {\n            @for (item of $cast(items); track item) {\n                <button\n                    #elementRef=\"elementRef\"\n                    automation-id=\"tui-data-list-wrapper__option\"\n                    tuiElement\n                    tuiOption\n                    type=\"button\"\n                    [disabled]=\"disabledItemHandler(item)\"\n                    [value]=\"item\"\n                    (click)=\"itemClick.emit(item)\"\n                >\n                    <span class=\"t-content\">\n                        <ng-container *polymorpheusOutlet=\"itemContent as text; context: getContext(item, elementRef)\">\n                            {{ text }}\n                        </ng-container>\n                    </span>\n                </button>\n            }\n        }\n        <!-- TODO(v5): delete fallback -->\n    </tui-data-list>\n} @else {\n    <tui-loader\n        automation-id=\"tui-data-list-wrapper__loader\"\n        class=\"t-loader\"\n    />\n}\n","import {ChangeDetectionStrategy, Component, Input} from '@angular/core';\nimport {TuiElement} from '@taiga-ui/cdk/directives/element';\nimport {tuiAsDataListAccessor, TuiDataList} from '@taiga-ui/core/components/data-list';\nimport {TuiLoader} from '@taiga-ui/core/components/loader';\nimport {PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\nimport {TuiDataListWrapperComponent} from './data-list-wrapper.component';\n\n@Component({\n    selector: 'tui-data-list-wrapper[labels]',\n    imports: [PolymorpheusOutlet, TuiDataList, TuiElement, TuiLoader],\n    templateUrl: './data-list-group-wrapper.template.html',\n    styleUrls: ['./data-list-wrapper.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [tuiAsDataListAccessor(TuiDataListGroupWrapperComponent)],\n})\nexport class TuiDataListGroupWrapperComponent<T> extends TuiDataListWrapperComponent<\n    T,\n    readonly T[]\n> {\n    @Input()\n    public labels: readonly string[] = [];\n}\n","@if (items) {\n    <tui-data-list\n        [emptyContent]=\"emptyContent\"\n        [size]=\"size\"\n    >\n        @for (group of items; track group; let index = $index) {\n            <tui-opt-group [label]=\"labels[index]\">\n                @if (newOptionMode) {\n                    @for (item of group; track item) {\n                        <button\n                            #elementRef=\"elementRef\"\n                            new\n                            tuiElement\n                            tuiOption\n                            type=\"button\"\n                            [disabled]=\"disabledItemHandler(item)\"\n                            [value]=\"item\"\n                            (click.capture)=\"itemClick.emit(item)\"\n                        >\n                            <ng-container\n                                *polymorpheusOutlet=\"itemContent as text; context: getContext(item, elementRef)\"\n                            >\n                                {{ text }}\n                            </ng-container>\n                        </button>\n                    }\n                } @else {\n                    @for (item of group; track item) {\n                        <button\n                            #elementRef=\"elementRef\"\n                            automation-id=\"tui-data-list-wrapper__option\"\n                            tuiElement\n                            tuiOption\n                            type=\"button\"\n                            [disabled]=\"disabledItemHandler(item)\"\n                            [value]=\"item\"\n                            (click)=\"itemClick.emit(item)\"\n                        >\n                            <ng-container\n                                *polymorpheusOutlet=\"itemContent as text; context: getContext(item, elementRef)\"\n                            >\n                                {{ text }}\n                            </ng-container>\n                        </button>\n                    }\n                }\n                <!-- TODO(v5): delete fallback -->\n            </tui-opt-group>\n        }\n    </tui-data-list>\n} @else {\n    <tui-loader class=\"t-loader\" />\n}\n","import {TuiDataListDirective} from '@taiga-ui/core/components/data-list';\n\nimport {TuiDataListGroupWrapperComponent} from './data-list-group-wrapper.component';\nimport {TuiDataListWrapperComponent} from './data-list-wrapper.component';\n\nexport const TuiDataListWrapper = [\n    TuiDataListWrapperComponent,\n    TuiDataListGroupWrapperComponent,\n    TuiDataListDirective,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["TUI_ITEMS_HANDLERS_LEGACY"],"mappings":"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"}
+{"version":3,"file":"taiga-ui-kit-components-data-list-wrapper.mjs","sources":["../../../projects/kit/components/data-list-wrapper/data-list-wrapper.component.ts","../../../projects/kit/components/data-list-wrapper/data-list-wrapper.template.html","../../../projects/kit/components/data-list-wrapper/data-list-group-wrapper.component.ts","../../../projects/kit/components/data-list-wrapper/data-list-group-wrapper.template.html","../../../projects/kit/components/data-list-wrapper/data-list-wrapper.ts","../../../projects/kit/components/data-list-wrapper/taiga-ui-kit-components-data-list-wrapper.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    inject,\n    input,\n    output,\n    viewChild,\n} from '@angular/core';\nimport {type TuiContext} from '@taiga-ui/cdk/types';\nimport {\n    TuiDataList,\n    type TuiDataListAccessor,\n    TuiDataListComponent,\n    tuiInjectDataListSize,\n} from '@taiga-ui/core/components/data-list';\nimport {TuiLoader} from '@taiga-ui/core/components/loader';\nimport {\n    TUI_ITEMS_HANDLERS,\n    type TuiItemsHandlers,\n} from '@taiga-ui/core/directives/items-handlers';\nimport {tuiAsAuxiliary} from '@taiga-ui/core/tokens';\nimport {type PolymorpheusContent, PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\n@Component({\n    selector: 'tui-data-list-wrapper:not([labels])',\n    imports: [PolymorpheusOutlet, TuiDataList, TuiLoader],\n    templateUrl: './data-list-wrapper.template.html',\n    styleUrl: './data-list-wrapper.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [tuiAsAuxiliary(TuiDataListWrapperComponent)],\n})\nexport class TuiDataListWrapperComponent<T, K = T> implements TuiDataListAccessor<T> {\n    protected readonly handlers: TuiItemsHandlers<T> = inject(TUI_ITEMS_HANDLERS);\n    protected readonly datalist = viewChild(TuiDataListComponent<T>);\n    protected readonly content = computed<PolymorpheusContent<TuiContext<T>>>(\n        () =>\n            this.itemContent() ?? (({$implicit}) => this.handlers.stringify()($implicit)),\n    );\n\n    public readonly options = computed(() => this.datalist()?.options() ?? []);\n    public readonly items = input<readonly K[] | null>([]);\n    public readonly emptyContent = input<PolymorpheusContent>();\n    public readonly size = input(tuiInjectDataListSize());\n    public readonly itemContent = input<PolymorpheusContent<TuiContext<T>>>();\n    public readonly itemClick = output<T>();\n\n    protected $cast(items: readonly K[] | null): readonly T[] {\n        return items as unknown as readonly T[];\n    }\n}\n","@if (items()) {\n    <tui-data-list\n        [emptyContent]=\"emptyContent()\"\n        [size]=\"size()\"\n    >\n        @for (item of $cast(items()); track item) {\n            <button\n                tuiOption\n                type=\"button\"\n                [disabled]=\"handlers.disabledItemHandler()(item)\"\n                [value]=\"item\"\n                (click.capture)=\"itemClick.emit(item)\"\n            >\n                <ng-container *polymorpheusOutlet=\"content() as text; context: {$implicit: item}\">\n                    {{ text }}\n                </ng-container>\n            </button>\n        }\n    </tui-data-list>\n} @else {\n    <tui-loader class=\"t-loader\" />\n}\n","import {ChangeDetectionStrategy, Component, inject, input} from '@angular/core';\nimport {TuiDataList} from '@taiga-ui/core/components/data-list';\nimport {TuiLoader} from '@taiga-ui/core/components/loader';\nimport {tuiAsAuxiliary} from '@taiga-ui/core/tokens';\nimport {\n    TuiMultiSelect,\n    TuiMultiSelectGroupDirective,\n} from '@taiga-ui/kit/components/multi-select';\nimport {PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\nimport {TuiDataListWrapperComponent} from './data-list-wrapper.component';\n\n@Component({\n    selector: 'tui-data-list-wrapper[labels]',\n    imports: [PolymorpheusOutlet, TuiDataList, TuiLoader, TuiMultiSelect],\n    templateUrl: './data-list-group-wrapper.template.html',\n    styleUrl: './data-list-wrapper.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [tuiAsAuxiliary(TuiDataListGroupWrapperComponent)],\n})\nexport class TuiDataListGroupWrapperComponent<T> extends TuiDataListWrapperComponent<\n    T,\n    readonly T[]\n> {\n    protected readonly multi = inject(TuiMultiSelectGroupDirective, {optional: true});\n\n    public readonly labels = input<readonly string[]>([]);\n}\n","@if (items()) {\n    <tui-data-list\n        [emptyContent]=\"emptyContent()\"\n        [size]=\"size()\"\n    >\n        @for (group of items(); track group) {\n            @if (multi) {\n                <tui-opt-group\n                    tuiMultiSelectGroup\n                    [label]=\"labels()[$index] || ''\"\n                >\n                    @for (item of group; track $index) {\n                        <button\n                            tuiOption\n                            type=\"button\"\n                            [disabled]=\"handlers.disabledItemHandler()(item)\"\n                            [value]=\"item\"\n                            (click.capture)=\"itemClick.emit(item)\"\n                        >\n                            <ng-container *polymorpheusOutlet=\"content() as text; context: {$implicit: item}\">\n                                {{ text }}\n                            </ng-container>\n                        </button>\n                    }\n                </tui-opt-group>\n            } @else {\n                <tui-opt-group [label]=\"labels()[$index]\">\n                    @for (item of group; track item) {\n                        <button\n                            tuiOption\n                            type=\"button\"\n                            [disabled]=\"handlers.disabledItemHandler()(item)\"\n                            [value]=\"item\"\n                            (click.capture)=\"itemClick.emit(item)\"\n                        >\n                            <ng-container *polymorpheusOutlet=\"content() as text; context: {$implicit: item}\">\n                                {{ text }}\n                            </ng-container>\n                        </button>\n                    }\n                </tui-opt-group>\n            }\n        }\n    </tui-data-list>\n} @else {\n    <tui-loader class=\"t-loader\" />\n}\n","import {TuiDataListGroupWrapperComponent} from './data-list-group-wrapper.component';\nimport {TuiDataListWrapperComponent} from './data-list-wrapper.component';\n\nexport const TuiDataListWrapper = [\n    TuiDataListWrapperComponent,\n    TuiDataListGroupWrapperComponent,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/taiga-ui-kit-components-drawer.mjs

@@ -13,15 +13,15 @@ class TuiDrawer {
     get from() {
         return this.direction === 'right' ? 'translateX(100%)' : 'translateX(-100%)';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiDrawer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TuiDrawer, isStandalone: true, selector: "tui-drawer", inputs: { direction: "direction", overlay: "overlay" }, host: { properties: { "class._overlay": "overlay", "style.border-top-left-radius": "direction === \"left\" ? 0 : null", "style.border-top-right-radius": "direction === \"right\" ? 0 : null", "style.left": "direction === \"left\" ? 0 : null", "style.right": "direction === \"right\" ? 0 : null", "style.--tui-from": "from" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiDrawer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.16", type: TuiDrawer, isStandalone: true, selector: "tui-drawer", inputs: { direction: "direction", overlay: "overlay" }, host: { properties: { "class._overlay": "overlay", "style.border-top-left-radius": "direction === \"left\" ? 0 : null", "style.border-top-right-radius": "direction === \"right\" ? 0 : null", "style.left": "direction === \"left\" ? 0 : null", "style.right": "direction === \"right\" ? 0 : null", "style.--tui-from": "from" } }, providers: [
             tuiButtonOptionsProvider({
                 appearance: 'secondary',
                 size: 's',
             }),
-        ], hostDirectives: [{ directive: i1.TuiAnimated }], ngImport: i0, template: "<aside class=\"t-aside\">\n    <tui-scrollbar class=\"t-scrollbar\">\n        <ng-content select=\"header\" />\n        <div class=\"t-content\">\n            <ng-content />\n        </div>\n    </tui-scrollbar>\n    <tui-scrollbar\n        class=\"t-footer\"\n        [hidden]=\"true\"\n    >\n        <ng-content select=\"footer\" />\n    </tui-scrollbar>\n</aside>\n", styles: [":host{position:fixed;top:max(3rem,env(safe-area-inset-top));bottom:0;inline-size:36.25rem;max-inline-size:calc(100vw - 3rem);background:var(--tui-background-elevation-1);box-shadow:var(--tui-shadow-medium);border-top-left-radius:1.25rem;border-top-right-radius:1.25rem}:host.tui-enter,:host.tui-leave{animation-name:tuiFade,tuiSlide}:host._overlay>.t-aside{padding-block-start:env(safe-area-inset-top)}:host._overlay:before{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:fixed;top:-100vh;left:-100vw;right:-100vw;bottom:-100vh;background:var(--tui-service-backdrop);transition-timing-function:ease-out}tui-root:has(tui-dialogs .t-overlay_visible) :host._overlay:before{opacity:0;transition-timing-function:ease-in}.t-aside{position:relative;display:flex;block-size:100%;flex-direction:column;border-radius:inherit;overflow:hidden;background:inherit;box-sizing:border-box;padding-block-end:env(safe-area-inset-bottom)}.t-scrollbar{flex:1;overscroll-behavior:contain}.t-scrollbar ::ng-deep>.t-content>header{top:0;z-index:1;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem 1.5rem .75rem;box-shadow:inset 0 -1px var(--tui-border-normal);background:var(--tui-background-elevation-1)}.t-scrollbar ::ng-deep>.t-content>header>*{display:flex;gap:.5rem}.t-scrollbar ::ng-deep>.t-content>header>[tuiHeader] [tuiTitle]{font:var(--tui-font-text-xl);font-weight:700}.t-scrollbar ::ng-deep>.t-content>header>[tuiHeader] [tuiSubtitle]{color:var(--tui-text-primary);font:var(--tui-font-text-s)}.t-scrollbar ::ng-deep>.t-content>header>[tuiHeader] [tuiAccessories]{gap:.5rem}.t-scrollbar ::ng-deep>.t-content>header>[tuiHeader] [tuiAccessories] [tuiIconButton][data-appearance=icon]:last-child{margin-inline-start:.25rem}.t-scrollbar ::ng-deep>.t-content>header>[tuiHeader] [tuiAccessories] [tuiIconButton][data-appearance=icon]:last-child:before{font-size:1rem}.t-scrollbar ::ng-deep>.t-content>header>[tuiNavigationNav]{min-block-size:var(--tui-height-m);margin-block-end:-.75rem;padding:0;border-image:none}.t-content{padding:1.25rem 1.5rem}.t-footer ::ng-deep footer{scrollbar-width:none;-ms-overflow-style:none;display:flex;min-inline-size:min-content;justify-content:flex-end;gap:.75rem;padding:.5rem 1.5rem;box-shadow:inset 0 1px var(--tui-border-normal);background:var(--tui-background-elevation-1)}.t-footer ::ng-deep footer::-webkit-scrollbar,.t-footer ::ng-deep footer::-webkit-scrollbar-thumb{display:none}\n"], dependencies: [{ kind: "component", type: TuiScrollbar, selector: "tui-scrollbar", inputs: ["hidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], hostDirectives: [{ directive: i1.TuiAnimated }], ngImport: i0, template: "<aside class=\"t-aside\">\n    <tui-scrollbar class=\"t-scrollbar\">\n        <ng-content select=\"header\" />\n        <div class=\"t-content\">\n            <ng-content />\n        </div>\n    </tui-scrollbar>\n    <ng-content select=\"footer\" />\n</aside>\n", styles: [":host{position:fixed;top:max(3rem,env(safe-area-inset-top));bottom:0;inline-size:36.25rem;max-inline-size:calc(100vw - 3rem);background:var(--tui-background-elevation-1);box-shadow:var(--tui-shadow-medium);border-top-left-radius:1.25rem;border-top-right-radius:1.25rem}:host.tui-enter,:host.tui-leave{animation-name:tuiFade,tuiSlide}:host._overlay{top:0;border-radius:0}:host._overlay>.t-aside{padding-block-start:env(safe-area-inset-top)}:host._overlay:before{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:fixed;top:-100vh;left:-100vw;right:-100vw;bottom:-100vh;background:var(--tui-service-backdrop);transition-timing-function:ease-out}tui-root:has(tui-dialogs .t-overlay_visible) :host._overlay:before{opacity:0;transition-timing-function:ease-in}.t-aside{position:relative;display:flex;block-size:100%;flex-direction:column;border-radius:inherit;overflow:hidden;background:inherit;box-sizing:border-box;padding-block-end:env(safe-area-inset-bottom)}.t-aside ::ng-deep>footer{scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow:auto;gap:.75rem;padding:.5rem 1.5rem;box-shadow:inset 0 1px var(--tui-border-normal);background:var(--tui-background-elevation-1)}.t-aside ::ng-deep>footer::-webkit-scrollbar,.t-aside ::ng-deep>footer::-webkit-scrollbar-thumb{display:none}.t-aside ::ng-deep>footer:before{content:\"\";flex:1;margin-inline-end:-.75rem}.t-scrollbar{flex:1;overscroll-behavior:contain}.t-scrollbar ::ng-deep>.t-content>header{top:0;z-index:1;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem 1.5rem .75rem;box-shadow:inset 0 -1px var(--tui-border-normal);background:var(--tui-background-elevation-1)}.t-scrollbar ::ng-deep>.t-content>header>*{display:flex;gap:.5rem}.t-scrollbar ::ng-deep>.t-content>header>[tuiHeader] [tuiTitle]{font:var(--tui-font-text-xl);font-weight:700}.t-scrollbar ::ng-deep>.t-content>header>[tuiHeader] [tuiSubtitle]{color:var(--tui-text-primary);font:var(--tui-font-text-s)}.t-scrollbar ::ng-deep>.t-content>header>[tuiHeader] [tuiAccessories]{gap:.5rem}.t-scrollbar ::ng-deep>.t-content>header>[tuiHeader] [tuiAccessories] [tuiIconButton][data-appearance=icon]:last-child{margin-inline-start:.25rem}.t-scrollbar ::ng-deep>.t-content>header>[tuiHeader] [tuiAccessories] [tuiIconButton][data-appearance=icon]:last-child:before{font-size:1rem}.t-scrollbar ::ng-deep>.t-content>header>[tuiNavigationNav]{min-block-size:var(--tui-height-m);margin-block-end:-.75rem;padding:0;border-image:none}.t-content{padding:1.25rem 1.5rem}\n"], dependencies: [{ kind: "component", type: TuiScrollbar, selector: "tui-scrollbar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiDrawer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiDrawer, decorators: [{
             type: Component,
             args: [{ selector: 'tui-drawer', imports: [TuiScrollbar], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         tuiButtonOptionsProvider({
@@ -35,7 +35,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         '[style.left]': 'direction === "left" ? 0 : null',
                         '[style.right]': 'direction === "right" ? 0 : null',
                         '[style.--tui-from]': 'from',
-                    }, template: "<aside class=\"t-aside\">\n    <tui-scrollbar class=\"t-scrollbar\">\n        <ng-content select=\"header\" />\n        <div class=\"t-content\">\n            <ng-content />\n        </div>\n    </tui-scrollbar>\n    <tui-scrollbar\n        class=\"t-footer\"\n        [hidden]=\"true\"\n    >\n        <ng-content select=\"footer\" />\n    </tui-scrollbar>\n</aside>\n", styles: [":host{position:fixed;top:max(3rem,env(safe-area-inset-top));bottom:0;inline-size:36.25rem;max-inline-size:calc(100vw - 3rem);background:var(--tui-background-elevation-1);box-shadow:var(--tui-shadow-medium);border-top-left-radius:1.25rem;border-top-right-radius:1.25rem}:host.tui-enter,:host.tui-leave{animation-name:tuiFade,tuiSlide}:host._overlay>.t-aside{padding-block-start:env(safe-area-inset-top)}:host._overlay:before{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:fixed;top:-100vh;left:-100vw;right:-100vw;bottom:-100vh;background:var(--tui-service-backdrop);transition-timing-function:ease-out}tui-root:has(tui-dialogs .t-overlay_visible) :host._overlay:before{opacity:0;transition-timing-function:ease-in}.t-aside{position:relative;display:flex;block-size:100%;flex-direction:column;border-radius:inherit;overflow:hidden;background:inherit;box-sizing:border-box;padding-block-end:env(safe-area-inset-bottom)}.t-scrollbar{flex:1;overscroll-behavior:contain}.t-scrollbar ::ng-deep>.t-content>header{top:0;z-index:1;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem 1.5rem .75rem;box-shadow:inset 0 -1px var(--tui-border-normal);background:var(--tui-background-elevation-1)}.t-scrollbar ::ng-deep>.t-content>header>*{display:flex;gap:.5rem}.t-scrollbar ::ng-deep>.t-content>header>[tuiHeader] [tuiTitle]{font:var(--tui-font-text-xl);font-weight:700}.t-scrollbar ::ng-deep>.t-content>header>[tuiHeader] [tuiSubtitle]{color:var(--tui-text-primary);font:var(--tui-font-text-s)}.t-scrollbar ::ng-deep>.t-content>header>[tuiHeader] [tuiAccessories]{gap:.5rem}.t-scrollbar ::ng-deep>.t-content>header>[tuiHeader] [tuiAccessories] [tuiIconButton][data-appearance=icon]:last-child{margin-inline-start:.25rem}.t-scrollbar ::ng-deep>.t-content>header>[tuiHeader] [tuiAccessories] [tuiIconButton][data-appearance=icon]:last-child:before{font-size:1rem}.t-scrollbar ::ng-deep>.t-content>header>[tuiNavigationNav]{min-block-size:var(--tui-height-m);margin-block-end:-.75rem;padding:0;border-image:none}.t-content{padding:1.25rem 1.5rem}.t-footer ::ng-deep footer{scrollbar-width:none;-ms-overflow-style:none;display:flex;min-inline-size:min-content;justify-content:flex-end;gap:.75rem;padding:.5rem 1.5rem;box-shadow:inset 0 1px var(--tui-border-normal);background:var(--tui-background-elevation-1)}.t-footer ::ng-deep footer::-webkit-scrollbar,.t-footer ::ng-deep footer::-webkit-scrollbar-thumb{display:none}\n"] }]
+                    }, template: "<aside class=\"t-aside\">\n    <tui-scrollbar class=\"t-scrollbar\">\n        <ng-content select=\"header\" />\n        <div class=\"t-content\">\n            <ng-content />\n        </div>\n    </tui-scrollbar>\n    <ng-content select=\"footer\" />\n</aside>\n", styles: [":host{position:fixed;top:max(3rem,env(safe-area-inset-top));bottom:0;inline-size:36.25rem;max-inline-size:calc(100vw - 3rem);background:var(--tui-background-elevation-1);box-shadow:var(--tui-shadow-medium);border-top-left-radius:1.25rem;border-top-right-radius:1.25rem}:host.tui-enter,:host.tui-leave{animation-name:tuiFade,tuiSlide}:host._overlay{top:0;border-radius:0}:host._overlay>.t-aside{padding-block-start:env(safe-area-inset-top)}:host._overlay:before{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:fixed;top:-100vh;left:-100vw;right:-100vw;bottom:-100vh;background:var(--tui-service-backdrop);transition-timing-function:ease-out}tui-root:has(tui-dialogs .t-overlay_visible) :host._overlay:before{opacity:0;transition-timing-function:ease-in}.t-aside{position:relative;display:flex;block-size:100%;flex-direction:column;border-radius:inherit;overflow:hidden;background:inherit;box-sizing:border-box;padding-block-end:env(safe-area-inset-bottom)}.t-aside ::ng-deep>footer{scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow:auto;gap:.75rem;padding:.5rem 1.5rem;box-shadow:inset 0 1px var(--tui-border-normal);background:var(--tui-background-elevation-1)}.t-aside ::ng-deep>footer::-webkit-scrollbar,.t-aside ::ng-deep>footer::-webkit-scrollbar-thumb{display:none}.t-aside ::ng-deep>footer:before{content:\"\";flex:1;margin-inline-end:-.75rem}.t-scrollbar{flex:1;overscroll-behavior:contain}.t-scrollbar ::ng-deep>.t-content>header{top:0;z-index:1;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem 1.5rem .75rem;box-shadow:inset 0 -1px var(--tui-border-normal);background:var(--tui-background-elevation-1)}.t-scrollbar ::ng-deep>.t-content>header>*{display:flex;gap:.5rem}.t-scrollbar ::ng-deep>.t-content>header>[tuiHeader] [tuiTitle]{font:var(--tui-font-text-xl);font-weight:700}.t-scrollbar ::ng-deep>.t-content>header>[tuiHeader] [tuiSubtitle]{color:var(--tui-text-primary);font:var(--tui-font-text-s)}.t-scrollbar ::ng-deep>.t-content>header>[tuiHeader] [tuiAccessories]{gap:.5rem}.t-scrollbar ::ng-deep>.t-content>header>[tuiHeader] [tuiAccessories] [tuiIconButton][data-appearance=icon]:last-child{margin-inline-start:.25rem}.t-scrollbar ::ng-deep>.t-content>header>[tuiHeader] [tuiAccessories] [tuiIconButton][data-appearance=icon]:last-child:before{font-size:1rem}.t-scrollbar ::ng-deep>.t-content>header>[tuiNavigationNav]{min-block-size:var(--tui-height-m);margin-block-end:-.75rem;padding:0;border-image:none}.t-content{padding:1.25rem 1.5rem}\n"] }]
         }], propDecorators: { direction: [{
                 type: Input
             }], overlay: [{

package/fesm2022/taiga-ui-kit-components-drawer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-drawer.mjs","sources":["../../../projects/kit/components/drawer/drawer.component.ts","../../../projects/kit/components/drawer/drawer.template.html","../../../projects/kit/components/drawer/taiga-ui-kit-components-drawer.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, Input} from '@angular/core';\nimport {TuiAnimated} from '@taiga-ui/cdk/directives/animated';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\nimport {TuiScrollbar} from '@taiga-ui/core/components/scrollbar';\nimport {type TuiHorizontalDirection} from '@taiga-ui/core/types';\n\n@Component({\n    selector: 'tui-drawer',\n    imports: [TuiScrollbar],\n    templateUrl: './drawer.template.html',\n    styleUrls: ['./drawer.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        tuiButtonOptionsProvider({\n            appearance: 'secondary',\n            size: 's',\n        }),\n    ],\n    hostDirectives: [TuiAnimated],\n    host: {\n        '[class._overlay]': 'overlay',\n        '[style.border-top-left-radius]': 'direction === \"left\" ? 0 : null',\n        '[style.border-top-right-radius]': 'direction === \"right\" ? 0 : null',\n        '[style.left]': 'direction === \"left\" ? 0 : null',\n        '[style.right]': 'direction === \"right\" ? 0 : null',\n        '[style.--tui-from]': 'from',\n    },\n})\nexport class TuiDrawer {\n    @Input()\n    public direction: TuiHorizontalDirection = 'right';\n\n    @Input()\n    public overlay = false;\n\n    public get from(): string {\n        return this.direction === 'right' ? 'translateX(100%)' : 'translateX(-100%)';\n    }\n}\n","<aside class=\"t-aside\">\n    <tui-scrollbar class=\"t-scrollbar\">\n        <ng-content select=\"header\" />\n        <div class=\"t-content\">\n            <ng-content />\n        </div>\n    </tui-scrollbar>\n    <tui-scrollbar\n        class=\"t-footer\"\n        [hidden]=\"true\"\n    >\n        <ng-content select=\"footer\" />\n    </tui-scrollbar>\n</aside>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MA4Ba,SAAS,CAAA;AAtBtB,IAAA,WAAA,GAAA;QAwBW,IAAS,CAAA,SAAA,GAA2B,OAAO;QAG3C,IAAO,CAAA,OAAA,GAAG,KAAK;AAKzB;AAHG,IAAA,IAAW,IAAI,GAAA;AACX,QAAA,OAAO,IAAI,CAAC,SAAS,KAAK,OAAO,GAAG,kBAAkB,GAAG,mBAAmB;;+GARvE,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAT,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,SAAS,EAhBP,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,SAAA,EAAA,8BAAA,EAAA,mCAAA,EAAA,+BAAA,EAAA,oCAAA,EAAA,YAAA,EAAA,mCAAA,EAAA,aAAA,EAAA,oCAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACP,YAAA,wBAAwB,CAAC;AACrB,gBAAA,UAAU,EAAE,WAAW;AACvB,gBAAA,IAAI,EAAE,GAAG;aACZ,CAAC;SACL,ECjBL,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,WAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,mXAcA,igFDNc,YAAY,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAoBb,SAAS,EAAA,UAAA,EAAA,CAAA;kBAtBrB,SAAS;+BACI,YAAY,EAAA,OAAA,EACb,CAAC,YAAY,CAAC,mBAGN,uBAAuB,CAAC,MAAM,EACpC,SAAA,EAAA;AACP,wBAAA,wBAAwB,CAAC;AACrB,4BAAA,UAAU,EAAE,WAAW;AACvB,4BAAA,IAAI,EAAE,GAAG;yBACZ,CAAC;qBACL,EACe,cAAA,EAAA,CAAC,WAAW,CAAC,EACvB,IAAA,EAAA;AACF,wBAAA,kBAAkB,EAAE,SAAS;AAC7B,wBAAA,gCAAgC,EAAE,iCAAiC;AACnE,wBAAA,iCAAiC,EAAE,kCAAkC;AACrE,wBAAA,cAAc,EAAE,iCAAiC;AACjD,wBAAA,eAAe,EAAE,kCAAkC;AACnD,wBAAA,oBAAoB,EAAE,MAAM;AAC/B,qBAAA,EAAA,QAAA,EAAA,mXAAA,EAAA,MAAA,EAAA,CAAA,y8EAAA,CAAA,EAAA;8BAIM,SAAS,EAAA,CAAA;sBADf;gBAIM,OAAO,EAAA,CAAA;sBADb;;;AEhCL;;AAEG;;;;"}
+{"version":3,"file":"taiga-ui-kit-components-drawer.mjs","sources":["../../../projects/kit/components/drawer/drawer.component.ts","../../../projects/kit/components/drawer/drawer.template.html","../../../projects/kit/components/drawer/taiga-ui-kit-components-drawer.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, Input} from '@angular/core';\nimport {TuiAnimated} from '@taiga-ui/cdk/directives/animated';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\nimport {TuiScrollbar} from '@taiga-ui/core/components/scrollbar';\nimport {type TuiHorizontalDirection} from '@taiga-ui/core/types';\n\n@Component({\n    selector: 'tui-drawer',\n    imports: [TuiScrollbar],\n    templateUrl: './drawer.template.html',\n    styleUrl: './drawer.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        tuiButtonOptionsProvider({\n            appearance: 'secondary',\n            size: 's',\n        }),\n    ],\n    hostDirectives: [TuiAnimated],\n    host: {\n        '[class._overlay]': 'overlay',\n        '[style.border-top-left-radius]': 'direction === \"left\" ? 0 : null',\n        '[style.border-top-right-radius]': 'direction === \"right\" ? 0 : null',\n        '[style.left]': 'direction === \"left\" ? 0 : null',\n        '[style.right]': 'direction === \"right\" ? 0 : null',\n        '[style.--tui-from]': 'from',\n    },\n})\nexport class TuiDrawer {\n    @Input()\n    public direction: TuiHorizontalDirection = 'right';\n\n    @Input()\n    public overlay = false;\n\n    public get from(): string {\n        return this.direction === 'right' ? 'translateX(100%)' : 'translateX(-100%)';\n    }\n}\n","<aside class=\"t-aside\">\n    <tui-scrollbar class=\"t-scrollbar\">\n        <ng-content select=\"header\" />\n        <div class=\"t-content\">\n            <ng-content />\n        </div>\n    </tui-scrollbar>\n    <ng-content select=\"footer\" />\n</aside>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MA4Ba,SAAS,CAAA;AAtBtB,IAAA,WAAA,GAAA;QAwBW,IAAS,CAAA,SAAA,GAA2B,OAAO;QAG3C,IAAO,CAAA,OAAA,GAAG,KAAK;AAKzB;AAHG,IAAA,IAAW,IAAI,GAAA;AACX,QAAA,OAAO,IAAI,CAAC,SAAS,KAAK,OAAO,GAAG,kBAAkB,GAAG,mBAAmB;;+GARvE,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAT,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,SAAS,EAhBP,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,SAAA,EAAA,8BAAA,EAAA,mCAAA,EAAA,+BAAA,EAAA,oCAAA,EAAA,YAAA,EAAA,mCAAA,EAAA,aAAA,EAAA,oCAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACP,YAAA,wBAAwB,CAAC;AACrB,gBAAA,UAAU,EAAE,WAAW;AACvB,gBAAA,IAAI,EAAE,GAAG;aACZ,CAAC;SACL,ECjBL,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,WAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,uQASA,2kFDDc,YAAY,EAAA,QAAA,EAAA,eAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAoBb,SAAS,EAAA,UAAA,EAAA,CAAA;kBAtBrB,SAAS;+BACI,YAAY,EAAA,OAAA,EACb,CAAC,YAAY,CAAC,mBAGN,uBAAuB,CAAC,MAAM,EACpC,SAAA,EAAA;AACP,wBAAA,wBAAwB,CAAC;AACrB,4BAAA,UAAU,EAAE,WAAW;AACvB,4BAAA,IAAI,EAAE,GAAG;yBACZ,CAAC;qBACL,EACe,cAAA,EAAA,CAAC,WAAW,CAAC,EACvB,IAAA,EAAA;AACF,wBAAA,kBAAkB,EAAE,SAAS;AAC7B,wBAAA,gCAAgC,EAAE,iCAAiC;AACnE,wBAAA,iCAAiC,EAAE,kCAAkC;AACrE,wBAAA,cAAc,EAAE,iCAAiC;AACjD,wBAAA,eAAe,EAAE,kCAAkC;AACnD,wBAAA,oBAAoB,EAAE,MAAM;AAC/B,qBAAA,EAAA,QAAA,EAAA,uQAAA,EAAA,MAAA,EAAA,CAAA,mhFAAA,CAAA,EAAA;8BAIM,SAAS,EAAA,CAAA;sBADf;gBAIM,OAAO,EAAA,CAAA;sBADb;;;AEhCL;;AAEG;;;;"}

package/fesm2022/taiga-ui-kit-components-elastic-container.mjs

@@ -12,8 +12,8 @@ class TuiElasticContainerDirective {
         this.el = tuiInjectElement();
         this.tuiElasticContainer = merge(inject(ResizeObserverService, { self: true }), inject(MutationObserverService, { self: true })).pipe(debounceTime(0), map(() => this.el.clientHeight - 1), distinctUntilChanged());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiElasticContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: TuiElasticContainerDirective, isStandalone: true, selector: "[tuiElasticContainer]", outputs: { tuiElasticContainer: "tuiElasticContainer" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiElasticContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.16", type: TuiElasticContainerDirective, isStandalone: true, selector: "[tuiElasticContainer]", outputs: { tuiElasticContainer: "tuiElasticContainer" }, providers: [
             ResizeObserverService,
             MutationObserverService,
             {
@@ -26,10 +26,9 @@ class TuiElasticContainerDirective {
             },
         ], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiElasticContainerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiElasticContainerDirective, decorators: [{
             type: Directive,
             args: [{
-                    standalone: true,
                     selector: '[tuiElasticContainer]',
                     providers: [
                         ResizeObserverService,
@@ -50,24 +49,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
 
 class TuiElasticContainer {
     constructor() {
-        this.height = NaN;
+        this.height = '';
         this.transitions = 0;
     }
     onAnimation(_name, count) {
         this.transitions += count;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiElasticContainer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TuiElasticContainer, isStandalone: true, selector: "tui-elastic-container", host: { properties: { "style.height.px": "height", "class._transitioning": "transitions" } }, ngImport: i0, template: "<div\n    class=\"t-wrapper\"\n    (transitioncancel.zoneless)=\"onAnimation($any($event).propertyName, -1)\"\n    (transitionend.zoneless)=\"onAnimation($any($event).propertyName, -1)\"\n    (transitionstart.zoneless)=\"onAnimation($any($event).propertyName, 1)\"\n    (tuiElasticContainer)=\"height = $event\"\n>\n    <ng-content />\n</div>\n", styles: [":host{transition-property:height;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;overflow:hidden}:host._transitioning{block-size:auto!important}.t-wrapper{padding-block-start:1px;margin-block-start:-1px}\n"], dependencies: [{ kind: "directive", type: TuiElasticContainerDirective, selector: "[tuiElasticContainer]", outputs: ["tuiElasticContainer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiElasticContainer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.16", type: TuiElasticContainer, isStandalone: true, selector: "tui-elastic-container", host: { properties: { "style.block-size": "transitions ? \"auto\" : height" } }, ngImport: i0, template: "<div\n    class=\"t-wrapper\"\n    (transitioncancel.zoneless)=\"onAnimation($any($event).propertyName, -1)\"\n    (transitionend.zoneless)=\"onAnimation($any($event).propertyName, -1)\"\n    (transitionstart.zoneless)=\"onAnimation($any($event).propertyName, 1)\"\n    (tuiElasticContainer)=\"height = `${$event}px`\"\n>\n    <ng-content />\n</div>\n", styles: [":host{transition-property:height;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;overflow:hidden}.t-wrapper{padding-block-start:1px;margin-block-start:-1px}\n"], dependencies: [{ kind: "directive", type: TuiElasticContainerDirective, selector: "[tuiElasticContainer]", outputs: ["tuiElasticContainer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     shouldCall((name) => name === 'height')
 ], TuiElasticContainer.prototype, "onAnimation", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiElasticContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiElasticContainer, decorators: [{
             type: Component,
-            args: [{ selector: 'tui-elastic-container', imports: [TuiElasticContainerDirective], changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        '[style.height.px]': 'height',
-                        '[class._transitioning]': 'transitions',
-                    }, template: "<div\n    class=\"t-wrapper\"\n    (transitioncancel.zoneless)=\"onAnimation($any($event).propertyName, -1)\"\n    (transitionend.zoneless)=\"onAnimation($any($event).propertyName, -1)\"\n    (transitionstart.zoneless)=\"onAnimation($any($event).propertyName, 1)\"\n    (tuiElasticContainer)=\"height = $event\"\n>\n    <ng-content />\n</div>\n", styles: [":host{transition-property:height;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;overflow:hidden}:host._transitioning{block-size:auto!important}.t-wrapper{padding-block-start:1px;margin-block-start:-1px}\n"] }]
+            args: [{ selector: 'tui-elastic-container', imports: [TuiElasticContainerDirective], changeDetection: ChangeDetectionStrategy.OnPush, host: { '[style.block-size]': 'transitions ? "auto" : height' }, template: "<div\n    class=\"t-wrapper\"\n    (transitioncancel.zoneless)=\"onAnimation($any($event).propertyName, -1)\"\n    (transitionend.zoneless)=\"onAnimation($any($event).propertyName, -1)\"\n    (transitionstart.zoneless)=\"onAnimation($any($event).propertyName, 1)\"\n    (tuiElasticContainer)=\"height = `${$event}px`\"\n>\n    <ng-content />\n</div>\n", styles: [":host{transition-property:height;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;overflow:hidden}.t-wrapper{padding-block-start:1px;margin-block-start:-1px}\n"] }]
         }], propDecorators: { onAnimation: [] } });
 
 /**

package/fesm2022/taiga-ui-kit-components-elastic-container.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components-elastic-container.mjs","sources":["../../../projects/kit/components/elastic-container/elastic-container.directive.ts","../../../projects/kit/components/elastic-container/elastic-container.component.ts","../../../projects/kit/components/elastic-container/elastic-container.component.html","../../../projects/kit/components/elastic-container/taiga-ui-kit-components-elastic-container.ts"],"sourcesContent":["import {Directive, inject, Output} from '@angular/core';\nimport {\n    MutationObserverService,\n    WA_MUTATION_OBSERVER_INIT,\n} from '@ng-web-apis/mutation-observer';\nimport {ResizeObserverService} from '@ng-web-apis/resize-observer';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {debounceTime, distinctUntilChanged, map, merge} from 'rxjs';\n\n@Directive({\n    standalone: true,\n    selector: '[tuiElasticContainer]',\n    providers: [\n        ResizeObserverService,\n        MutationObserverService,\n        {\n            provide: WA_MUTATION_OBSERVER_INIT,\n            useValue: {\n                childList: true,\n                characterData: true,\n                subtree: true,\n            },\n        },\n    ],\n})\nexport class TuiElasticContainerDirective {\n    private readonly el = tuiInjectElement();\n\n    @Output()\n    public readonly tuiElasticContainer = merge(\n        inject(ResizeObserverService, {self: true}),\n        inject(MutationObserverService, {self: true}),\n    ).pipe(\n        debounceTime(0),\n        map(() => this.el.clientHeight - 1),\n        distinctUntilChanged(),\n    );\n}\n","import {ChangeDetectionStrategy, Component} from '@angular/core';\nimport {shouldCall} from '@taiga-ui/event-plugins';\n\nimport {TuiElasticContainerDirective} from './elastic-container.directive';\n\n@Component({\n    selector: 'tui-elastic-container',\n    imports: [TuiElasticContainerDirective],\n    templateUrl: './elastic-container.component.html',\n    styleUrls: ['./elastic-container.component.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[style.height.px]': 'height',\n        '[class._transitioning]': 'transitions',\n    },\n})\nexport class TuiElasticContainer {\n    protected height = NaN;\n    protected transitions = 0;\n\n    @shouldCall((name) => name === 'height')\n    protected onAnimation(_name: string, count: number): void {\n        this.transitions += count;\n    }\n}\n","<div\n    class=\"t-wrapper\"\n    (transitioncancel.zoneless)=\"onAnimation($any($event).propertyName, -1)\"\n    (transitionend.zoneless)=\"onAnimation($any($event).propertyName, -1)\"\n    (transitionstart.zoneless)=\"onAnimation($any($event).propertyName, 1)\"\n    (tuiElasticContainer)=\"height = $event\"\n>\n    <ng-content />\n</div>\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-kit-components-elastic-container.mjs","sources":["../../../projects/kit/components/elastic-container/elastic-container.directive.ts","../../../projects/kit/components/elastic-container/elastic-container.component.ts","../../../projects/kit/components/elastic-container/elastic-container.component.html","../../../projects/kit/components/elastic-container/taiga-ui-kit-components-elastic-container.ts"],"sourcesContent":["import {Directive, inject, Output} from '@angular/core';\nimport {\n    MutationObserverService,\n    WA_MUTATION_OBSERVER_INIT,\n} from '@ng-web-apis/mutation-observer';\nimport {ResizeObserverService} from '@ng-web-apis/resize-observer';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {debounceTime, distinctUntilChanged, map, merge} from 'rxjs';\n\n@Directive({\n    selector: '[tuiElasticContainer]',\n    providers: [\n        ResizeObserverService,\n        MutationObserverService,\n        {\n            provide: WA_MUTATION_OBSERVER_INIT,\n            useValue: {\n                childList: true,\n                characterData: true,\n                subtree: true,\n            },\n        },\n    ],\n})\nexport class TuiElasticContainerDirective {\n    private readonly el = tuiInjectElement();\n\n    @Output()\n    public readonly tuiElasticContainer = merge(\n        inject(ResizeObserverService, {self: true}),\n        inject(MutationObserverService, {self: true}),\n    ).pipe(\n        debounceTime(0),\n        map(() => this.el.clientHeight - 1),\n        distinctUntilChanged(),\n    );\n}\n","import {ChangeDetectionStrategy, Component} from '@angular/core';\nimport {shouldCall} from '@taiga-ui/event-plugins';\n\nimport {TuiElasticContainerDirective} from './elastic-container.directive';\n\n@Component({\n    selector: 'tui-elastic-container',\n    imports: [TuiElasticContainerDirective],\n    templateUrl: './elastic-container.component.html',\n    styleUrl: './elastic-container.component.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {'[style.block-size]': 'transitions ? \"auto\" : height'},\n})\nexport class TuiElasticContainer {\n    protected height = '';\n    protected transitions = 0;\n\n    @shouldCall((name) => name === 'height')\n    protected onAnimation(_name: string, count: number): void {\n        this.transitions += count;\n    }\n}\n","<div\n    class=\"t-wrapper\"\n    (transitioncancel.zoneless)=\"onAnimation($any($event).propertyName, -1)\"\n    (transitionend.zoneless)=\"onAnimation($any($event).propertyName, -1)\"\n    (transitionstart.zoneless)=\"onAnimation($any($event).propertyName, 1)\"\n    (tuiElasticContainer)=\"height = `${$event}px`\"\n>\n    <ng-content />\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}