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

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

@@ -0,0 +1,164 @@
+import * as i0 from '@angular/core';
+import { ChangeDetectionStrategy, ViewEncapsulation, Component, inject, Directive, viewChild, ElementRef, InjectionToken, Injectable, input } from '@angular/core';
+import { TUI_PLATFORM, TUI_IS_MOBILE } from '@taiga-ui/cdk/tokens';
+import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
+import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
+import { tuiButtonOptionsProvider, TuiButton } from '@taiga-ui/core/components/button';
+import * as i1 from '@taiga-ui/core/directives/icons';
+import { TuiWithIcons } from '@taiga-ui/core/directives/icons';
+import { TUI_ICON_END, TUI_COMMON_ICONS } from '@taiga-ui/core/tokens';
+import { tuiAvatarOptionsProvider } from '@taiga-ui/kit/components/avatar';
+import { tuiBadgeOptionsProvider } from '@taiga-ui/kit/components/badge';
+import * as i1$2 from '@taiga-ui/cdk/portals';
+import { tuiAsPortal, TuiPortalDirective } from '@taiga-ui/cdk/portals';
+import * as i2 from '@taiga-ui/core/portals/alert';
+import { TuiAlertDirective, TuiAlertService } from '@taiga-ui/core/portals/alert';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i1$1 from '@taiga-ui/cdk/directives/animated';
+import { TuiAnimated } from '@taiga-ui/cdk/directives/animated';
+import { TuiSwipe } from '@taiga-ui/cdk/directives/swipe';
+import { injectContext, PolymorpheusOutlet } from '@taiga-ui/polymorpheus';
+import { of, switchMap, timer, EMPTY, takeUntil, fromEvent, repeat } from 'rxjs';
+import { tuiCreateOptions } from '@taiga-ui/cdk/utils/di';
+
+class Styles {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.16", type: Styles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-toast" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiToast]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;grid-row:1 / span 2;box-sizing:border-box;gap:.75rem;color:var(--tui-text-primary);background:var(--tui-background-elevation-3);min-block-size:3.5rem;border-radius:1rem;padding:.75rem 1rem;box-shadow:var(--tui-shadow-medium);align-items:center;justify-content:center;inline-size:max-content;font:var(--tui-font-text-ui-s);max-inline-size:min(calc(100vw - 2rem),25rem);border:inherit;text-decoration:none;overflow:hidden}[tuiToast]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiToast]>*,[tuiToast]:after,[tuiToast]:before{max-inline-size:50%;margin:0 -.25rem}[tuiToast]:after{font-size:1rem;color:var(--tui-text-tertiary)}[tuiToast] [tuiAvatar]{margin-inline-end:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: Styles, decorators: [{
+            type: Component,
+            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-toast' }, styles: ["[tuiToast]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;grid-row:1 / span 2;box-sizing:border-box;gap:.75rem;color:var(--tui-text-primary);background:var(--tui-background-elevation-3);min-block-size:3.5rem;border-radius:1rem;padding:.75rem 1rem;box-shadow:var(--tui-shadow-medium);align-items:center;justify-content:center;inline-size:max-content;font:var(--tui-font-text-ui-s);max-inline-size:min(calc(100vw - 2rem),25rem);border:inherit;text-decoration:none;overflow:hidden}[tuiToast]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiToast]>*,[tuiToast]:after,[tuiToast]:before{max-inline-size:50%;margin:0 -.25rem}[tuiToast]:after{font-size:1rem;color:var(--tui-text-tertiary)}[tuiToast] [tuiAvatar]{margin-inline-end:0}\n"] }]
+        }] });
+class TuiToastDirective {
+    constructor() {
+        this.nothing = tuiWithStyles(Styles);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiToastDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.16", type: TuiToastDirective, isStandalone: true, selector: "[tuiToast]:not(ng-template)", providers: [
+            tuiBadgeOptionsProvider({ size: 'l' }),
+            tuiAvatarOptionsProvider(() => ({
+                size: inject(TUI_PLATFORM) === 'web' ? 's' : 'm',
+            })),
+            tuiButtonOptionsProvider(() => ({
+                size: 's',
+                appearance: inject(TUI_PLATFORM) === 'web' ? 'secondary-grayscale' : 'secondary',
+            })),
+            {
+                provide: TUI_ICON_END,
+                useFactory: () => tuiInjectElement().matches('a, button')
+                    ? inject(TUI_COMMON_ICONS).more
+                    : '',
+            },
+        ], hostDirectives: [{ directive: i1.TuiWithIcons }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiToastDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tuiToast]:not(ng-template)',
+                    providers: [
+                        tuiBadgeOptionsProvider({ size: 'l' }),
+                        tuiAvatarOptionsProvider(() => ({
+                            size: inject(TUI_PLATFORM) === 'web' ? 's' : 'm',
+                        })),
+                        tuiButtonOptionsProvider(() => ({
+                            size: 's',
+                            appearance: inject(TUI_PLATFORM) === 'web' ? 'secondary-grayscale' : 'secondary',
+                        })),
+                        {
+                            provide: TUI_ICON_END,
+                            useFactory: () => tuiInjectElement().matches('a, button')
+                                ? inject(TUI_COMMON_ICONS).more
+                                : '',
+                        },
+                    ],
+                    hostDirectives: [TuiWithIcons],
+                }]
+        }] });
+
+class TuiToastComponent {
+    constructor() {
+        this.close = viewChild(TuiButton, { read: ElementRef });
+        this.el = tuiInjectElement();
+        this.isMobile = inject(TUI_IS_MOBILE);
+        this.context = injectContext();
+        this.icons = inject(TUI_COMMON_ICONS);
+        this.$ = of(this.context.autoClose)
+            .pipe(switchMap((autoClose) => (autoClose ? timer(autoClose) : EMPTY)), takeUntil(fromEvent(this.el, 'mouseenter')), repeat({ delay: () => fromEvent(this.el, 'mouseleave') }), takeUntilDestroyed())
+            .subscribe(() => this.context.$implicit.complete());
+    }
+    ngAfterViewInit() {
+        if (this.close()) {
+            this.el.querySelector('[tuiToast]')?.appendChild(this.close()?.nativeElement);
+        }
+    }
+    onSwipe() {
+        if (this.context.closable) {
+            this.context.$implicit.complete();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.16", type: TuiToastComponent, isStandalone: true, selector: "tui-toast", host: { attributes: { "role": "status" }, properties: { "class._mobile": "isMobile", "attr.data-appearance": "context.appearance" } }, viewQueries: [{ propertyName: "close", first: true, predicate: TuiButton, descendants: true, read: ElementRef, isSignal: true }], hostDirectives: [{ directive: i1$1.TuiAnimated }, { directive: i2.TuiAlertDirective }], ngImport: i0, template: "<div\n    class=\"t-wrapper\"\n    (tuiSwipe)=\"onSwipe()\"\n>\n    <div\n        *polymorpheusOutlet=\"context.content as text; context: context\"\n        tuiToast\n        [iconStart]=\"context.data?.toString() || ''\"\n    >\n        {{ text }}\n    </div>\n    @if (context.closable && !isMobile) {\n        <button\n            appearance=\"icon\"\n            size=\"xs\"\n            tuiIconButton\n            type=\"button\"\n            [iconStart]=\"icons.close\"\n            (click.stop.prevent)=\"context.$implicit.complete()\"\n        >\n            Close\n        </button>\n    }\n</div>\n", styles: [":host:host{inset:1.625rem 0;margin:0 2rem;touch-action:none;animation-fill-mode:both}:host:host:nth-of-type(1){grid-row:5}:host:host:nth-of-type(2){grid-row:4}:host:host:nth-of-type(3){grid-row:3}:host:host:nth-of-type(4){grid-row:2}:host:host:nth-of-type(5){grid-row:1}:host:host[data-inline=center]{--tui-from: translateY(-2rem)}:host:host.tui-enter{place-items:end;animation-name:tuiSlide,tuiCollapse}:host:host.tui-leave{animation-name:tuiFade,tuiCollapse}:host:host.tui-leave:first-child{animation-name:tuiFade}:host:host[data-block=end]{inset:-1.625rem 0}:host:host[data-block=end][data-inline=center]{--tui-from: translateY(6rem)}:host:host._mobile{inset:0}:host:host._mobile.tui-enter{animation-delay:var(--tui-duration)}:host:host._mobile.tui-leave{place-items:end;animation-name:tuiSlide,tuiCollapse}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: TuiSwipe, selector: "[tuiSwipe]", outputs: ["tuiSwipe"] }, { kind: "directive", type: TuiToastDirective, selector: "[tuiToast]:not(ng-template)" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiToastComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tui-toast', imports: [PolymorpheusOutlet, TuiButton, TuiSwipe, TuiToastDirective], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [TuiAnimated, TuiAlertDirective], host: {
+                        role: 'status',
+                        '[class._mobile]': 'isMobile',
+                        '[attr.data-appearance]': 'context.appearance',
+                    }, template: "<div\n    class=\"t-wrapper\"\n    (tuiSwipe)=\"onSwipe()\"\n>\n    <div\n        *polymorpheusOutlet=\"context.content as text; context: context\"\n        tuiToast\n        [iconStart]=\"context.data?.toString() || ''\"\n    >\n        {{ text }}\n    </div>\n    @if (context.closable && !isMobile) {\n        <button\n            appearance=\"icon\"\n            size=\"xs\"\n            tuiIconButton\n            type=\"button\"\n            [iconStart]=\"icons.close\"\n            (click.stop.prevent)=\"context.$implicit.complete()\"\n        >\n            Close\n        </button>\n    }\n</div>\n", styles: [":host:host{inset:1.625rem 0;margin:0 2rem;touch-action:none;animation-fill-mode:both}:host:host:nth-of-type(1){grid-row:5}:host:host:nth-of-type(2){grid-row:4}:host:host:nth-of-type(3){grid-row:3}:host:host:nth-of-type(4){grid-row:2}:host:host:nth-of-type(5){grid-row:1}:host:host[data-inline=center]{--tui-from: translateY(-2rem)}:host:host.tui-enter{place-items:end;animation-name:tuiSlide,tuiCollapse}:host:host.tui-leave{animation-name:tuiFade,tuiCollapse}:host:host.tui-leave:first-child{animation-name:tuiFade}:host:host[data-block=end]{inset:-1.625rem 0}:host:host[data-block=end][data-inline=center]{--tui-from: translateY(6rem)}:host:host._mobile{inset:0}:host:host._mobile.tui-enter{animation-delay:var(--tui-duration)}:host:host._mobile.tui-leave{place-items:end;animation-name:tuiSlide,tuiCollapse}\n"] }]
+        }] });
+
+const TUI_TOAST_CONCURRENCY = new InjectionToken(ngDevMode ? 'TUI_TOAST_CONCURRENCY' : '', { factory: () => (inject(TUI_IS_MOBILE) ? 1 : 2) });
+const [TUI_TOAST_OPTIONS, tuiToastOptionsProvider] = tuiCreateOptions({
+    appearance: '',
+    autoClose: 5000,
+    closable: true,
+    block: 'start',
+    inline: 'center',
+});
+
+class TuiToastService extends TuiAlertService {
+    constructor() {
+        super(inject(TUI_TOAST_CONCURRENCY));
+        this.options = inject(TUI_TOAST_OPTIONS);
+        this.component = TuiToastComponent;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiToastService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiToastService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
+class TuiToastTemplate {
+    constructor() {
+        this.tuiToastOptions = input({});
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiToastTemplate, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.16", type: TuiToastTemplate, isStandalone: true, selector: "ng-template[tuiToast]", inputs: { tuiToastOptions: { classPropertyName: "tuiToastOptions", publicName: "tuiToastOptions", isSignal: true, isRequired: false, transformFunction: null } }, providers: [tuiAsPortal(TuiToastService)], hostDirectives: [{ directive: i1$2.TuiPortalDirective, inputs: ["options", "tuiToastOptions", "open", "tuiToast"], outputs: ["openChange", "tuiToastChange"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiToastTemplate, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[tuiToast]',
+                    providers: [tuiAsPortal(TuiToastService)],
+                    hostDirectives: [
+                        {
+                            directive: TuiPortalDirective,
+                            inputs: ['options: tuiToastOptions', 'open: tuiToast'],
+                            outputs: ['openChange: tuiToastChange'],
+                        },
+                    ],
+                }]
+        }] });
+
+const TuiToast = [TuiToastDirective, TuiToastTemplate];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TUI_TOAST_CONCURRENCY, TUI_TOAST_OPTIONS, TuiToast, TuiToastComponent, TuiToastDirective, TuiToastService, TuiToastTemplate, tuiToastOptionsProvider };
+//# sourceMappingURL=taiga-ui-kit-components-toast.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-kit-components-toast.mjs","sources":["../../../projects/kit/components/toast/toast.directive.ts","../../../projects/kit/components/toast/toast.component.ts","../../../projects/kit/components/toast/toast.template.html","../../../projects/kit/components/toast/toast.options.ts","../../../projects/kit/components/toast/toast.service.ts","../../../projects/kit/components/toast/toast.ts","../../../projects/kit/components/toast/taiga-ui-kit-components-toast.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    Directive,\n    inject,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_PLATFORM} from '@taiga-ui/cdk/tokens';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\nimport {TuiWithIcons} from '@taiga-ui/core/directives/icons';\nimport {TUI_COMMON_ICONS, TUI_ICON_END} from '@taiga-ui/core/tokens';\nimport {tuiAvatarOptionsProvider} from '@taiga-ui/kit/components/avatar';\nimport {tuiBadgeOptionsProvider} from '@taiga-ui/kit/components/badge';\n\n@Component({\n    template: '',\n    styles: '@import \"@taiga-ui/kit/styles/components/toast.less\";',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {class: 'tui-toast'},\n})\nclass Styles {}\n\n@Directive({\n    selector: '[tuiToast]:not(ng-template)',\n    providers: [\n        tuiBadgeOptionsProvider({size: 'l'}),\n        tuiAvatarOptionsProvider(() => ({\n            size: inject(TUI_PLATFORM) === 'web' ? 's' : 'm',\n        })),\n        tuiButtonOptionsProvider(() => ({\n            size: 's',\n            appearance:\n                inject(TUI_PLATFORM) === 'web' ? 'secondary-grayscale' : 'secondary',\n        })),\n        {\n            provide: TUI_ICON_END,\n            useFactory: () =>\n                tuiInjectElement().matches('a, button')\n                    ? inject(TUI_COMMON_ICONS).more\n                    : '',\n        },\n    ],\n    hostDirectives: [TuiWithIcons],\n})\nexport class TuiToastDirective {\n    protected readonly nothing = tuiWithStyles(Styles);\n}\n","import {\n    type AfterViewInit,\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    inject,\n    viewChild,\n} from '@angular/core';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {TuiAnimated} from '@taiga-ui/cdk/directives/animated';\nimport {TuiSwipe} from '@taiga-ui/cdk/directives/swipe';\nimport {type TuiPortalContext} from '@taiga-ui/cdk/portals';\nimport {TUI_IS_MOBILE} from '@taiga-ui/cdk/tokens';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {TuiButton} from '@taiga-ui/core/components/button';\nimport {TuiAlertDirective} from '@taiga-ui/core/portals/alert';\nimport {TUI_COMMON_ICONS} from '@taiga-ui/core/tokens';\nimport {injectContext, PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\nimport {EMPTY, fromEvent, of, repeat, switchMap, takeUntil, timer} from 'rxjs';\n\nimport {TuiToastDirective} from './toast.directive';\nimport {type TuiToastOptions} from './toast.options';\n\n@Component({\n    selector: 'tui-toast',\n    imports: [PolymorpheusOutlet, TuiButton, TuiSwipe, TuiToastDirective],\n    templateUrl: './toast.template.html',\n    styleUrl: './toast.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    hostDirectives: [TuiAnimated, TuiAlertDirective],\n    host: {\n        role: 'status',\n        '[class._mobile]': 'isMobile',\n        '[attr.data-appearance]': 'context.appearance',\n    },\n})\nexport class TuiToastComponent<O, I> implements AfterViewInit {\n    private readonly close = viewChild(TuiButton, {read: ElementRef});\n\n    private readonly el = tuiInjectElement();\n\n    protected readonly isMobile = inject(TUI_IS_MOBILE);\n    protected readonly context = injectContext<TuiPortalContext<TuiToastOptions<I>, O>>();\n    protected readonly icons = inject(TUI_COMMON_ICONS);\n    protected readonly $ = of(this.context.autoClose)\n        .pipe(\n            switchMap((autoClose) => (autoClose ? timer(autoClose) : EMPTY)),\n            takeUntil(fromEvent(this.el, 'mouseenter')),\n            repeat({delay: () => fromEvent(this.el, 'mouseleave')}),\n            takeUntilDestroyed(),\n        )\n        .subscribe(() => this.context.$implicit.complete());\n\n    public ngAfterViewInit(): void {\n        if (this.close()) {\n            this.el.querySelector('[tuiToast]')?.appendChild(this.close()?.nativeElement);\n        }\n    }\n\n    protected onSwipe(): void {\n        if (this.context.closable) {\n            this.context.$implicit.complete();\n        }\n    }\n}\n","<div\n    class=\"t-wrapper\"\n    (tuiSwipe)=\"onSwipe()\"\n>\n    <div\n        *polymorpheusOutlet=\"context.content as text; context: context\"\n        tuiToast\n        [iconStart]=\"context.data?.toString() || ''\"\n    >\n        {{ text }}\n    </div>\n    @if (context.closable && !isMobile) {\n        <button\n            appearance=\"icon\"\n            size=\"xs\"\n            tuiIconButton\n            type=\"button\"\n            [iconStart]=\"icons.close\"\n            (click.stop.prevent)=\"context.$implicit.complete()\"\n        >\n            Close\n        </button>\n    }\n</div>\n","import {inject, InjectionToken} from '@angular/core';\nimport {TUI_IS_MOBILE} from '@taiga-ui/cdk/tokens';\nimport {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\nimport {type TuiPositionOptions} from '@taiga-ui/core/portals/alert';\n\nexport interface TuiToastOptions<I> extends TuiPositionOptions {\n    readonly autoClose: number;\n    readonly closable: boolean;\n    readonly appearance: string;\n    readonly data?: I;\n}\n\nexport const TUI_TOAST_CONCURRENCY = new InjectionToken(\n    ngDevMode ? 'TUI_TOAST_CONCURRENCY' : '',\n    {factory: () => (inject(TUI_IS_MOBILE) ? 1 : 2)},\n);\n\nexport const [TUI_TOAST_OPTIONS, tuiToastOptionsProvider] = tuiCreateOptions<\n    TuiToastOptions<any>\n>({\n    appearance: '',\n    autoClose: 5000,\n    closable: true,\n    block: 'start',\n    inline: 'center',\n});\n","import {Directive, inject, Injectable, input} from '@angular/core';\nimport {tuiAsPortal, TuiPortalDirective} from '@taiga-ui/cdk/portals';\nimport {TuiAlertService} from '@taiga-ui/core/portals/alert';\n\nimport {TuiToastComponent} from './toast.component';\nimport {\n    TUI_TOAST_CONCURRENCY,\n    TUI_TOAST_OPTIONS,\n    type TuiToastOptions,\n} from './toast.options';\n\n@Injectable({\n    providedIn: 'root',\n})\nexport class TuiToastService extends TuiAlertService<TuiToastOptions<any>> {\n    protected override readonly options = inject(TUI_TOAST_OPTIONS);\n    protected override readonly component = TuiToastComponent;\n\n    constructor() {\n        super(inject(TUI_TOAST_CONCURRENCY));\n    }\n}\n\n@Directive({\n    selector: 'ng-template[tuiToast]',\n    providers: [tuiAsPortal(TuiToastService)],\n    hostDirectives: [\n        {\n            directive: TuiPortalDirective,\n            inputs: ['options: tuiToastOptions', 'open: tuiToast'],\n            outputs: ['openChange: tuiToastChange'],\n        },\n    ],\n})\nexport class TuiToastTemplate<T> {\n    public readonly tuiToastOptions = input<Partial<TuiToastOptions<T>>>({});\n}\n","import {TuiToastDirective} from './toast.directive';\nimport {TuiToastTemplate} from './toast.service';\n\nexport const TuiToast = [TuiToastDirective, TuiToastTemplate] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}

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

@@ -1,17 +1,17 @@
 import { NgTemplateOutlet, AsyncPipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Input, Directive, inject, forwardRef, ChangeDetectionStrategy, Component, InjectionToken, SkipSelf, ContentChildren, ViewChild, EventEmitter, Output, Injectable } from '@angular/core';
-import { TuiLet } from '@taiga-ui/cdk/directives/let';
-import { tuiProvide, tuiIsPresent } from '@taiga-ui/cdk/utils/miscellaneous';
+import { Input, Directive, InjectionToken, inject, forwardRef, ChangeDetectionStrategy, Component, SkipSelf, ContentChildren, ViewChild, EventEmitter, Output, Injectable } from '@angular/core';
+import { tuiProvide } from '@taiga-ui/cdk/utils/di';
 import { injectContext, PolymorpheusComponent, PolymorpheusOutlet } from '@taiga-ui/polymorpheus';
 import { Subject, map, distinctUntilChanged, startWith, mergeMap, tap } from 'rxjs';
 import { EMPTY_ARRAY, EMPTY_FUNCTION, TUI_TRUE_HANDLER, EMPTY_QUERY } from '@taiga-ui/cdk/constants';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
-import { TuiExpandComponent } from '@taiga-ui/core/components/expand';
+import { TuiExpand } from '@taiga-ui/core/components/expand';
 import { TuiButton } from '@taiga-ui/core/components/button';
 import { TUI_COMMON_ICONS } from '@taiga-ui/core/tokens';
 import { TUI_MORE_WORD } from '@taiga-ui/kit/tokens';
+import { tuiIsPresent } from '@taiga-ui/cdk/utils/miscellaneous';
 
 class TuiTreeChildren {
     constructor() {
@@ -20,44 +20,18 @@ class TuiTreeChildren {
     static defaultHandler(item) {
         return Array.isArray(item) ? item : EMPTY_ARRAY;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiTreeChildren, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: TuiTreeChildren, isStandalone: true, selector: "tui-tree[childrenHandler]", inputs: { childrenHandler: "childrenHandler" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiTreeChildren, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.16", type: TuiTreeChildren, isStandalone: true, selector: "tui-tree[childrenHandler]", inputs: { childrenHandler: "childrenHandler" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiTreeChildren, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiTreeChildren, decorators: [{
             type: Directive,
             args: [{
-                    standalone: true,
                     selector: 'tui-tree[childrenHandler]',
                 }]
         }], propDecorators: { childrenHandler: [{
                 type: Input
             }] } });
 
-class TuiTreeItemContent {
-    constructor() {
-        this.controller = inject(forwardRef(() => TUI_TREE_CONTROLLER));
-        this.icons = inject(TUI_COMMON_ICONS);
-        this.more = toSignal(inject(TUI_MORE_WORD));
-        this.context = injectContext();
-    }
-    get isExpandable() {
-        return (this.context.$implicit.isExpandable &&
-            this.controller !== TUI_DEFAULT_TREE_CONTROLLER);
-    }
-    onClick() {
-        this.controller.toggle(this.context.$implicit);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiTreeItemContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: TuiTreeItemContent, isStandalone: true, selector: "ng-component", host: { properties: { "class._expandable": "isExpandable" } }, ngImport: i0, template: "@if (isExpandable) {\n    <button\n        appearance=\"flat\"\n        size=\"xs\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-button\"\n        [class.t-button_expanded]=\"context.$implicit.expanded()\"\n        [iconStart]=\"icons.more\"\n        [style.border-radius.%]=\"100\"\n        (click)=\"onClick()\"\n    >\n        {{ more() }}\n    </button>\n}\n<ng-container [ngTemplateOutlet]=\"context.template\" />\n", styles: [":host{display:flex;align-items:center}:host :host-context(tui-tree-item._expandable):not(._expandable){padding-inline-start:2rem}.t-button{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-inline-end:.5rem}.t-button_expanded{transform:rotate(90deg)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiTreeItemContent, decorators: [{
-            type: Component,
-            args: [{ imports: [NgTemplateOutlet, TuiButton], changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        '[class._expandable]': 'isExpandable',
-                    }, template: "@if (isExpandable) {\n    <button\n        appearance=\"flat\"\n        size=\"xs\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-button\"\n        [class.t-button_expanded]=\"context.$implicit.expanded()\"\n        [iconStart]=\"icons.more\"\n        [style.border-radius.%]=\"100\"\n        (click)=\"onClick()\"\n    >\n        {{ more() }}\n    </button>\n}\n<ng-container [ngTemplateOutlet]=\"context.template\" />\n", styles: [":host{display:flex;align-items:center}:host :host-context(tui-tree-item._expandable):not(._expandable){padding-inline-start:2rem}.t-button{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-inline-end:.5rem}.t-button_expanded{transform:rotate(90deg)}\n"] }]
-        }] });
-
-const TUI_TREE_ITEM_CONTENT = new PolymorpheusComponent(TuiTreeItemContent);
 const TUI_DEFAULT_TREE_CONTROLLER = {
     isExpanded: TUI_TRUE_HANDLER,
     toggle: EMPTY_FUNCTION,
@@ -91,12 +65,6 @@ const TUI_TREE_START = new InjectionToken(ngDevMode ? 'TUI_TREE_START' : '');
  * A service to load tree progressively
  */
 const TUI_TREE_LOADER = new InjectionToken(ngDevMode ? 'TUI_TREE_LOADER' : '');
-/**
- * Content for a tree item
- */
-const TUI_TREE_CONTENT = new InjectionToken(ngDevMode ? 'TUI_TREE_CONTENT' : '', {
-    factory: () => TUI_TREE_ITEM_CONTENT,
-});
 /**
  * Nesting level of current TreeView node
  */
@@ -104,6 +72,37 @@ const TUI_TREE_LEVEL = new InjectionToken(ngDevMode ? 'TUI_TREE_LEVEL' : '', {
     factory: () => -1,
 });
 
+class TuiTreeItemContent {
+    constructor() {
+        this.controller = inject(forwardRef(() => TUI_TREE_CONTROLLER));
+        this.icons = inject(TUI_COMMON_ICONS);
+        this.more = inject(TUI_MORE_WORD);
+        this.context = injectContext();
+    }
+    get isExpandable() {
+        return (this.context.$implicit.isExpandable &&
+            this.controller !== TUI_DEFAULT_TREE_CONTROLLER);
+    }
+    onClick() {
+        this.controller.toggle(this.context.$implicit);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiTreeItemContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.16", type: TuiTreeItemContent, isStandalone: true, selector: "ng-component", host: { properties: { "class._expandable": "isExpandable" } }, ngImport: i0, template: "@if (isExpandable) {\n    <button\n        appearance=\"flat\"\n        size=\"xs\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-button\"\n        [class.t-button_expanded]=\"context.$implicit.expanded()\"\n        [iconStart]=\"icons.more\"\n        [style.border-radius.%]=\"100\"\n        (click)=\"onClick()\"\n    >\n        {{ more() }}\n    </button>\n}\n<ng-container [ngTemplateOutlet]=\"context.template\" />\n", styles: [":host{display:flex;align-items:center}:host :host-context(tui-tree-item._expandable):not(._expandable){padding-inline-start:2rem}.t-button{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-inline-end:.5rem}.t-button_expanded{transform:rotate(90deg)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiTreeItemContent, decorators: [{
+            type: Component,
+            args: [{ imports: [NgTemplateOutlet, TuiButton], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[class._expandable]': 'isExpandable',
+                    }, template: "@if (isExpandable) {\n    <button\n        appearance=\"flat\"\n        size=\"xs\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-button\"\n        [class.t-button_expanded]=\"context.$implicit.expanded()\"\n        [iconStart]=\"icons.more\"\n        [style.border-radius.%]=\"100\"\n        (click)=\"onClick()\"\n    >\n        {{ more() }}\n    </button>\n}\n<ng-container [ngTemplateOutlet]=\"context.template\" />\n", styles: [":host{display:flex;align-items:center}:host :host-context(tui-tree-item._expandable):not(._expandable){padding-inline-start:2rem}.t-button{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-inline-end:.5rem}.t-button_expanded{transform:rotate(90deg)}\n"] }]
+        }] });
+const TUI_TREE_ITEM_CONTENT = new PolymorpheusComponent(TuiTreeItemContent);
+/**
+ * Content for a tree item
+ */
+const TUI_TREE_CONTENT = new InjectionToken(ngDevMode ? 'TUI_TREE_CONTENT' : '', {
+    factory: () => TUI_TREE_ITEM_CONTENT,
+});
+
 class TuiTreeItem {
     constructor() {
         this.nested = EMPTY_QUERY;
@@ -127,19 +126,19 @@ class TuiTreeItem {
     checkChanges() {
         this.change$.next();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiTreeItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: TuiTreeItem, isStandalone: true, selector: "tui-tree-item", host: { attributes: { "role": "treeitem" }, properties: { "class._expandable": "isExpandable" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiTreeItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.16", type: TuiTreeItem, isStandalone: true, selector: "tui-tree-item", host: { attributes: { "role": "treeitem" }, properties: { "class._expandable": "isExpandable" } }, providers: [
             tuiProvide(TUI_TREE_NODE, TuiTreeItem),
             {
                 provide: TUI_TREE_LEVEL,
                 deps: [[new SkipSelf(), TUI_TREE_LEVEL]],
                 useFactory: (level) => ++level,
             },
-        ], queries: [{ propertyName: "nested", predicate: TUI_TREE_NODE }], ngImport: i0, template: "<ng-template #template>\n    <ng-content />\n</ng-template>\n<ng-container *polymorpheusOutlet=\"content as text; context: {$implicit: this, template: template}\">\n    {{ text }}\n</ng-container>\n@if (isExpandable) {\n    <tui-expand\n        role=\"group\"\n        class=\"t-children\"\n        [expanded]=\"expanded()\"\n    >\n        <div>\n            <ng-content select=\"tui-tree-item\" />\n            <ng-content select=\"tui-tree\" />\n        </div>\n    </tui-expand>\n}\n@if (attached()) {}\n", styles: [":host{display:block}.t-children{position:relative;margin-inline-start:var(--tui-tree-item-indent, 1.5rem)}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: TuiExpandComponent, selector: "tui-expand", inputs: ["async", "expanded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], queries: [{ propertyName: "nested", predicate: TUI_TREE_NODE }], ngImport: i0, template: "<ng-template #template>\n    <ng-content />\n</ng-template>\n<ng-container *polymorpheusOutlet=\"content as text; context: {$implicit: this, template: template}\">\n    {{ text }}\n</ng-container>\n@if (isExpandable) {\n    <tui-expand\n        role=\"group\"\n        class=\"t-children\"\n        [expanded]=\"expanded()\"\n    >\n        <div>\n            <ng-content select=\"tui-tree-item\" />\n            <ng-content select=\"tui-tree\" />\n        </div>\n    </tui-expand>\n}\n@if (attached()) {}\n", styles: [":host{display:block}.t-children{position:relative;margin-inline-start:var(--tui-tree-item-indent, 1.5rem)}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: TuiExpand, selector: "tui-expand", inputs: ["expanded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiTreeItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiTreeItem, decorators: [{
             type: Component,
-            args: [{ selector: 'tui-tree-item', imports: [PolymorpheusOutlet, TuiExpandComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+            args: [{ selector: 'tui-tree-item', imports: [PolymorpheusOutlet, TuiExpand], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         tuiProvide(TUI_TREE_NODE, TuiTreeItem),
                         {
                             provide: TUI_TREE_LEVEL,
@@ -168,13 +167,12 @@ class TuiTreeNode {
     ngOnDestroy() {
         this.directive?.unregister(this.component);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiTreeNode, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: TuiTreeNode, isStandalone: true, selector: "tui-tree-item[tuiTreeNode]", inputs: { value: ["tuiTreeNode", "value"] }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiTreeNode, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.16", type: TuiTreeNode, isStandalone: true, selector: "tui-tree-item[tuiTreeNode]", inputs: { value: ["tuiTreeNode", "value"] }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiTreeNode, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiTreeNode, decorators: [{
             type: Directive,
             args: [{
-                    standalone: true,
                     selector: 'tui-tree-item[tuiTreeNode]',
                 }]
         }], propDecorators: { value: [{
@@ -203,12 +201,12 @@ class TuiTreeComponent {
     get handler() {
         return this.directive?.childrenHandler || TuiTreeChildren.defaultHandler;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: TuiTreeComponent, isStandalone: true, selector: "tui-tree", inputs: { value: "value", trackBy: "trackBy", content: "content" }, host: { attributes: { "role": "tree" } }, providers: [tuiProvide(TUI_TREE_NODE, TuiTreeComponent)], viewQueries: [{ propertyName: "item", first: true, predicate: i0.forwardRef(() => TuiTreeItem), descendants: true }, { propertyName: "child", first: true, predicate: i0.forwardRef(() => TuiTreeComponent), descendants: true }], ngImport: i0, template: "<tui-tree-item\n    *tuiLet=\"children$ | async as children\"\n    #view\n    [tuiTreeNode]=\"value\"\n>\n    @if (value !== children) {\n        <ng-container *polymorpheusOutlet=\"content as text; context: {$implicit: value, node: view}\">\n            {{ text }}\n        </ng-container>\n    }\n    @for (child of children; track trackBy($index, child)) {\n        <tui-tree\n            [content]=\"content\"\n            [trackBy]=\"trackBy\"\n            [value]=\"child\"\n        />\n    }\n</tui-tree-item>\n", styles: [":host{position:relative;display:block}\n"], dependencies: [{ kind: "component", type: TuiTreeComponent, selector: "tui-tree", inputs: ["value", "trackBy", "content"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: TuiTreeItem, selector: "tui-tree-item" }, { kind: "directive", type: TuiTreeNode, selector: "tui-tree-item[tuiTreeNode]", inputs: ["tuiTreeNode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.16", type: TuiTreeComponent, isStandalone: true, selector: "tui-tree", inputs: { value: "value", trackBy: "trackBy", content: "content" }, host: { attributes: { "role": "tree" } }, providers: [tuiProvide(TUI_TREE_NODE, TuiTreeComponent)], viewQueries: [{ propertyName: "item", first: true, predicate: i0.forwardRef(() => TuiTreeItem), descendants: true }, { propertyName: "child", first: true, predicate: i0.forwardRef(() => TuiTreeComponent), descendants: true }], ngImport: i0, template: "@let children = children$ | async;\n<tui-tree-item\n    #view\n    [tuiTreeNode]=\"value\"\n>\n    @if (value !== children) {\n        <ng-container *polymorpheusOutlet=\"content as text; context: {$implicit: value, node: view}\">\n            {{ text }}\n        </ng-container>\n    }\n    @for (child of children; track trackBy($index, child)) {\n        <tui-tree\n            [content]=\"content\"\n            [trackBy]=\"trackBy\"\n            [value]=\"child\"\n        />\n    }\n</tui-tree-item>\n", styles: [":host{position:relative;display:block}\n"], dependencies: [{ kind: "component", type: TuiTreeComponent, selector: "tui-tree", inputs: ["value", "trackBy", "content"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: TuiTreeItem, selector: "tui-tree-item" }, { kind: "directive", type: TuiTreeNode, selector: "tui-tree-item[tuiTreeNode]", inputs: ["tuiTreeNode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiTreeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiTreeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tui-tree', imports: [AsyncPipe, PolymorpheusOutlet, TuiLet, TuiTreeItem, TuiTreeNode], changeDetection: ChangeDetectionStrategy.OnPush, providers: [tuiProvide(TUI_TREE_NODE, TuiTreeComponent)], host: { role: 'tree' }, template: "<tui-tree-item\n    *tuiLet=\"children$ | async as children\"\n    #view\n    [tuiTreeNode]=\"value\"\n>\n    @if (value !== children) {\n        <ng-container *polymorpheusOutlet=\"content as text; context: {$implicit: value, node: view}\">\n            {{ text }}\n        </ng-container>\n    }\n    @for (child of children; track trackBy($index, child)) {\n        <tui-tree\n            [content]=\"content\"\n            [trackBy]=\"trackBy\"\n            [value]=\"child\"\n        />\n    }\n</tui-tree-item>\n", styles: [":host{position:relative;display:block}\n"] }]
+            args: [{ selector: 'tui-tree', imports: [AsyncPipe, PolymorpheusOutlet, TuiTreeItem, TuiTreeNode], changeDetection: ChangeDetectionStrategy.OnPush, providers: [tuiProvide(TUI_TREE_NODE, TuiTreeComponent)], host: { role: 'tree' }, template: "@let children = children$ | async;\n<tui-tree-item\n    #view\n    [tuiTreeNode]=\"value\"\n>\n    @if (value !== children) {\n        <ng-container *polymorpheusOutlet=\"content as text; context: {$implicit: value, node: view}\">\n            {{ text }}\n        </ng-container>\n    }\n    @for (child of children; track trackBy($index, child)) {\n        <tui-tree\n            [content]=\"content\"\n            [trackBy]=\"trackBy\"\n            [value]=\"child\"\n        />\n    }\n</tui-tree-item>\n", styles: [":host{position:relative;display:block}\n"] }]
         }], propDecorators: { item: [{
                 type: ViewChild,
                 args: [forwardRef(() => TuiTreeItem)]
@@ -252,16 +250,15 @@ class TuiTreeControllerDirective {
         this.toggled.emit(value);
         this.map.set(value, !expanded);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiTreeControllerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: TuiTreeControllerDirective, isStandalone: true, selector: "[tuiTreeController][map]", inputs: { fallback: ["tuiTreeController", "fallback"], map: "map" }, outputs: { toggled: "toggled" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiTreeControllerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.16", type: TuiTreeControllerDirective, isStandalone: true, selector: "[tuiTreeController][map]", inputs: { fallback: ["tuiTreeController", "fallback"], map: "map" }, outputs: { toggled: "toggled" }, providers: [
             tuiProvide(TUI_TREE_ACCESSOR, TuiTreeControllerDirective),
             tuiProvide(TUI_TREE_CONTROLLER, TuiTreeControllerDirective),
         ], exportAs: ["tuiTreeController"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiTreeControllerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiTreeControllerDirective, decorators: [{
             type: Directive,
             args: [{
-                    standalone: true,
                     selector: '[tuiTreeController][map]',
                     providers: [
                         tuiProvide(TUI_TREE_ACCESSOR, TuiTreeControllerDirective),
@@ -289,13 +286,12 @@ class TuiTreeItemController {
     toggle(item) {
         this.map.set(item, !this.isExpanded(item));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiTreeItemController, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: TuiTreeItemController, isStandalone: true, selector: "[tuiTreeController]:not([map])", inputs: { fallback: ["tuiTreeController", "fallback"] }, providers: [tuiProvide(TUI_TREE_CONTROLLER, TuiTreeItemController)], exportAs: ["tuiTreeController"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiTreeItemController, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.16", type: TuiTreeItemController, isStandalone: true, selector: "[tuiTreeController]:not([map])", inputs: { fallback: ["tuiTreeController", "fallback"] }, providers: [tuiProvide(TUI_TREE_CONTROLLER, TuiTreeItemController)], exportAs: ["tuiTreeController"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiTreeItemController, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiTreeItemController, decorators: [{
             type: Directive,
             args: [{
-                    standalone: true,
                     selector: '[tuiTreeController]:not([map])',
                     providers: [tuiProvide(TUI_TREE_CONTROLLER, TuiTreeItemController)],
                     exportAs: 'tuiTreeController',
@@ -324,10 +320,10 @@ class TuiTreeService {
         this.map.set(item, [this.loading]);
         this.load$.next(item);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiTreeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiTreeService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiTreeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiTreeService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiTreeService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiTreeService, decorators: [{
             type: Injectable
         }] });