@taiga-ui/core 4.52.0-canary.abf3e8c → 4.52.0-canary.ae38a1e

package/fesm2022/taiga-ui-core-directives-icons.mjs

@@ -6,12 +6,12 @@ import { tuiInjectIconResolver, tuiGetIconMode, TUI_ICON_END, TUI_ICON_START } f
 
 const OPT = { self: true, optional: true };
 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-icons" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiIcons]{--t-icon-start: none;--t-icon-end: none}[tuiIcons]:before,[tuiIcons]:after{content:\"\";inline-size:1em;block-size:1em;line-height:1em;font-size:var(--tui-icon-size, 1.5rem);flex-shrink:0;box-sizing:content-box;background:currentColor}[tuiIcons]:before{display:var(--t-icon-start);mask:var(--t-icon-start) no-repeat center / calc(min(1em,100%) + 10 * var(--tui-stroke-width, .125rem)) min(1em,100%),100% padding-box}[tuiIcons]:after{display:var(--t-icon-end);mask:var(--t-icon-end) no-repeat center / calc(min(1em,100%) + 10 * var(--tui-stroke-width, .125rem)) min(1em,100%) padding-box}[tuiIcons][data-icon-start=img]:before{mask:none;background:var(--t-icon-start) no-repeat center / 1em padding-box}[tuiIcons][data-icon-end=img]:after{mask:none;background:var(--t-icon-end) no-repeat center / 1em padding-box}[tuiIcons][data-icon-start=font]:before,[tuiIcons][data-icon-end=font]:after{display:grid;mask:none;background:none;font:1.3em/1 var(--tui-font-icon, inherit);text-align:center;place-content:center;text-transform:none}[tuiIcons][data-icon-start=font]:before{content:var(--t-icon-start)}[tuiIcons][data-icon-end=font]:after{content:var(--t-icon-end)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: Styles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-icons" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiIcons]{--t-icon-start: none;--t-icon-end: none}[tuiIcons]:before,[tuiIcons]:after{content:\"\";inline-size:1em;block-size:1em;line-height:1em;font-size:var(--tui-icon-size, 1.5rem);flex-shrink:0;box-sizing:content-box;background:currentColor;zoom:calc(100%*min(max(var(--tui-font-offset) - 10px,0px),1px)/.8px)}[tuiIcons]:before{display:var(--t-icon-start);mask:var(--t-icon-start) no-repeat center / calc(min(1em,100%) + 10 * var(--tui-stroke-width, .125rem)) min(1em,100%),100% padding-box}[tuiIcons]:after{display:var(--t-icon-end);mask:var(--t-icon-end) no-repeat center / calc(min(1em,100%) + 10 * var(--tui-stroke-width, .125rem)) min(1em,100%) padding-box}[tuiIcons][data-icon-start=img]:before{mask:none;background:var(--t-icon-start) no-repeat center / 1em padding-box}[tuiIcons][data-icon-end=img]:after{mask:none;background:var(--t-icon-end) no-repeat center / 1em padding-box}[tuiIcons][data-icon-start=font]:before,[tuiIcons][data-icon-end=font]:after{display:grid;mask:none;background:none;font:1.5em / 1 var(--tui-font-icon, inherit);text-align:center;place-content:center;text-transform:none}[tuiIcons][data-icon-start=font]:before{content:var(--t-icon-start)}[tuiIcons][data-icon-end=font]:after{content:var(--t-icon-end)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: Styles, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: Styles, decorators: [{
             type: Component,
-            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-icons' }, styles: ["[tuiIcons]{--t-icon-start: none;--t-icon-end: none}[tuiIcons]:before,[tuiIcons]:after{content:\"\";inline-size:1em;block-size:1em;line-height:1em;font-size:var(--tui-icon-size, 1.5rem);flex-shrink:0;box-sizing:content-box;background:currentColor}[tuiIcons]:before{display:var(--t-icon-start);mask:var(--t-icon-start) no-repeat center / calc(min(1em,100%) + 10 * var(--tui-stroke-width, .125rem)) min(1em,100%),100% padding-box}[tuiIcons]:after{display:var(--t-icon-end);mask:var(--t-icon-end) no-repeat center / calc(min(1em,100%) + 10 * var(--tui-stroke-width, .125rem)) min(1em,100%) padding-box}[tuiIcons][data-icon-start=img]:before{mask:none;background:var(--t-icon-start) no-repeat center / 1em padding-box}[tuiIcons][data-icon-end=img]:after{mask:none;background:var(--t-icon-end) no-repeat center / 1em padding-box}[tuiIcons][data-icon-start=font]:before,[tuiIcons][data-icon-end=font]:after{display:grid;mask:none;background:none;font:1.3em/1 var(--tui-font-icon, inherit);text-align:center;place-content:center;text-transform:none}[tuiIcons][data-icon-start=font]:before{content:var(--t-icon-start)}[tuiIcons][data-icon-end=font]:after{content:var(--t-icon-end)}\n"] }]
+            args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-icons' }, styles: ["[tuiIcons]{--t-icon-start: none;--t-icon-end: none}[tuiIcons]:before,[tuiIcons]:after{content:\"\";inline-size:1em;block-size:1em;line-height:1em;font-size:var(--tui-icon-size, 1.5rem);flex-shrink:0;box-sizing:content-box;background:currentColor;zoom:calc(100%*min(max(var(--tui-font-offset) - 10px,0px),1px)/.8px)}[tuiIcons]:before{display:var(--t-icon-start);mask:var(--t-icon-start) no-repeat center / calc(min(1em,100%) + 10 * var(--tui-stroke-width, .125rem)) min(1em,100%),100% padding-box}[tuiIcons]:after{display:var(--t-icon-end);mask:var(--t-icon-end) no-repeat center / calc(min(1em,100%) + 10 * var(--tui-stroke-width, .125rem)) min(1em,100%) padding-box}[tuiIcons][data-icon-start=img]:before{mask:none;background:var(--t-icon-start) no-repeat center / 1em padding-box}[tuiIcons][data-icon-end=img]:after{mask:none;background:var(--t-icon-end) no-repeat center / 1em padding-box}[tuiIcons][data-icon-start=font]:before,[tuiIcons][data-icon-end=font]:after{display:grid;mask:none;background:none;font:1.5em / 1 var(--tui-font-icon, inherit);text-align:center;place-content:center;text-transform:none}[tuiIcons][data-icon-start=font]:before{content:var(--t-icon-start)}[tuiIcons][data-icon-end=font]:after{content:var(--t-icon-end)}\n"] }]
         }] });
 class TuiIcons {
     constructor() {
@@ -32,10 +32,10 @@ class TuiIcons {
             ? `'${this.resolver(icon)}'`
             : `url(${this.resolver(icon)})`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiIcons, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.16", type: TuiIcons, isStandalone: true, inputs: { iconEnd: { classPropertyName: "iconEnd", publicName: "iconEnd", isSignal: true, isRequired: false, transformFunction: null }, iconStart: { classPropertyName: "iconStart", publicName: "iconStart", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tuiIcons": "" }, properties: { "style.--t-icon-start": "start()", "style.--t-icon-end": "end()", "attr.data-icon-start": "startMode()", "attr.data-icon-end": "endMode()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiIcons, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.17", type: TuiIcons, isStandalone: true, inputs: { iconEnd: { classPropertyName: "iconEnd", publicName: "iconEnd", isSignal: true, isRequired: false, transformFunction: null }, iconStart: { classPropertyName: "iconStart", publicName: "iconStart", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tuiIcons": "" }, properties: { "style.--t-icon-start": "start()", "style.--t-icon-end": "end()", "attr.data-icon-start": "startMode()", "attr.data-icon-end": "endMode()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiIcons, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiIcons, decorators: [{
             type: Directive,
             args: [{
                     host: {
@@ -56,10 +56,10 @@ function tuiIconEnd(value, options = {}) {
 }
 
 class TuiWithIcons {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiWithIcons, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.16", type: TuiWithIcons, isStandalone: true, hostDirectives: [{ directive: TuiIcons, inputs: ["iconStart", "iconStart", "iconEnd", "iconEnd"] }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiWithIcons, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: TuiWithIcons, isStandalone: true, hostDirectives: [{ directive: TuiIcons, inputs: ["iconStart", "iconStart", "iconEnd", "iconEnd"] }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiWithIcons, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiWithIcons, decorators: [{
             type: Directive,
             args: [{
                     hostDirectives: [

package/fesm2022/taiga-ui-core-directives-icons.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-core-directives-icons.mjs","sources":["../../../projects/core/directives/icons/icons.directive.ts","../../../projects/core/directives/icons/icons.bindings.ts","../../../projects/core/directives/icons/with-icons.ts","../../../projects/core/directives/icons/taiga-ui-core-directives-icons.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    Directive,\n    inject,\n    input,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {type TuiStringHandler} from '@taiga-ui/cdk/types';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {\n    TUI_ICON_END,\n    TUI_ICON_START,\n    tuiGetIconMode,\n    tuiInjectIconResolver,\n} from '@taiga-ui/core/tokens';\n\nconst OPT = {self: true, optional: true} as const;\n\n@Component({\n    template: '',\n    styles: '@import \"@taiga-ui/core/styles/components/icons.less\";',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {class: 'tui-icons'},\n})\nclass Styles {}\n\n@Directive({\n    host: {\n        tuiIcons: '',\n        '[style.--t-icon-start]': 'start()',\n        '[style.--t-icon-end]': 'end()',\n        '[attr.data-icon-start]': 'startMode()',\n        '[attr.data-icon-end]': 'endMode()',\n    },\n})\nexport class TuiIcons {\n    private readonly resolver: TuiStringHandler<string> = tuiInjectIconResolver();\n\n    protected readonly nothing = tuiWithStyles(Styles);\n    protected readonly start = computed(() => this.resolve(this.iconStart()));\n    protected readonly end = computed(() => this.resolve(this.iconEnd()));\n    protected readonly startMode = computed(() => tuiGetIconMode(this.iconStart()));\n    protected readonly endMode = computed(() => tuiGetIconMode(this.iconEnd()));\n\n    public readonly iconEnd = input(inject<string | undefined>(TUI_ICON_END, OPT));\n    public readonly iconStart = input(inject<string | undefined>(TUI_ICON_START, OPT));\n\n    public resolve(icon?: string | null): string | null {\n        if (!icon) {\n            return null;\n        }\n\n        return tuiGetIconMode(icon) === 'font'\n            ? `'${this.resolver(icon)}'`\n            : `url(${this.resolver(icon)})`;\n    }\n}\n","import {type InjectOptions, type Signal, type WritableSignal} from '@angular/core';\nimport {tuiDirectiveBinding} from '@taiga-ui/cdk/utils/di';\n\nimport {TuiIcons} from './icons.directive';\n\nexport function tuiIconStart(\n    value: WritableSignal<string> | string,\n    options?: InjectOptions,\n): WritableSignal<string>;\nexport function tuiIconStart(\n    value: Signal<string>,\n    options?: InjectOptions,\n): Signal<string>;\nexport function tuiIconStart(\n    value: Signal<string> | string,\n    options?: InjectOptions,\n): Signal<string> {\n    return tuiDirectiveBinding(TuiIcons, 'iconStart', value, options);\n}\n\nexport function tuiIconEnd(\n    value: WritableSignal<string> | string,\n    options?: InjectOptions,\n): WritableSignal<string>;\nexport function tuiIconEnd(\n    value: Signal<string>,\n    options?: InjectOptions,\n): Signal<string>;\nexport function tuiIconEnd(\n    value: Signal<string> | string,\n    options: InjectOptions = {},\n): Signal<string> {\n    return tuiDirectiveBinding(TuiIcons, 'iconEnd', value, options);\n}\n","import {Directive} from '@angular/core';\n\nimport {TuiIcons} from './icons.directive';\n\n@Directive({\n    hostDirectives: [\n        {\n            directive: TuiIcons,\n            inputs: ['iconStart', 'iconEnd'],\n        },\n    ],\n})\nexport class TuiWithIcons {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.TuiIcons"],"mappings":"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"}
+{"version":3,"file":"taiga-ui-core-directives-icons.mjs","sources":["../../../projects/core/directives/icons/icons.directive.ts","../../../projects/core/directives/icons/icons.bindings.ts","../../../projects/core/directives/icons/with-icons.ts","../../../projects/core/directives/icons/taiga-ui-core-directives-icons.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    Directive,\n    inject,\n    input,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {type TuiStringHandler} from '@taiga-ui/cdk/types';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {\n    TUI_ICON_END,\n    TUI_ICON_START,\n    tuiGetIconMode,\n    tuiInjectIconResolver,\n} from '@taiga-ui/core/tokens';\n\nconst OPT = {self: true, optional: true} as const;\n\n@Component({\n    template: '',\n    styles: '@import \"@taiga-ui/core/styles/components/icons.less\";',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {class: 'tui-icons'},\n})\nclass Styles {}\n\n@Directive({\n    host: {\n        tuiIcons: '',\n        '[style.--t-icon-start]': 'start()',\n        '[style.--t-icon-end]': 'end()',\n        '[attr.data-icon-start]': 'startMode()',\n        '[attr.data-icon-end]': 'endMode()',\n    },\n})\nexport class TuiIcons {\n    private readonly resolver: TuiStringHandler<string> = tuiInjectIconResolver();\n\n    protected readonly nothing = tuiWithStyles(Styles);\n    protected readonly start = computed(() => this.resolve(this.iconStart()));\n    protected readonly end = computed(() => this.resolve(this.iconEnd()));\n    protected readonly startMode = computed(() => tuiGetIconMode(this.iconStart()));\n    protected readonly endMode = computed(() => tuiGetIconMode(this.iconEnd()));\n\n    public readonly iconEnd = input(inject<string | undefined>(TUI_ICON_END, OPT));\n    public readonly iconStart = input(inject<string | undefined>(TUI_ICON_START, OPT));\n\n    public resolve(icon?: string | null): string | null {\n        if (!icon) {\n            return null;\n        }\n\n        return tuiGetIconMode(icon) === 'font'\n            ? `'${this.resolver(icon)}'`\n            : `url(${this.resolver(icon)})`;\n    }\n}\n","import {type InjectOptions, type Signal, type WritableSignal} from '@angular/core';\nimport {tuiDirectiveBinding} from '@taiga-ui/cdk/utils/di';\n\nimport {TuiIcons} from './icons.directive';\n\nexport function tuiIconStart(\n    value: WritableSignal<string> | string,\n    options?: InjectOptions,\n): WritableSignal<string>;\nexport function tuiIconStart(\n    value: Signal<string>,\n    options?: InjectOptions,\n): Signal<string>;\nexport function tuiIconStart(\n    value: Signal<string> | string,\n    options?: InjectOptions,\n): Signal<string> {\n    return tuiDirectiveBinding(TuiIcons, 'iconStart', value, options);\n}\n\nexport function tuiIconEnd(\n    value: WritableSignal<string> | string,\n    options?: InjectOptions,\n): WritableSignal<string>;\nexport function tuiIconEnd(\n    value: Signal<string>,\n    options?: InjectOptions,\n): Signal<string>;\nexport function tuiIconEnd(\n    value: Signal<string> | string,\n    options: InjectOptions = {},\n): Signal<string> {\n    return tuiDirectiveBinding(TuiIcons, 'iconEnd', value, options);\n}\n","import {Directive} from '@angular/core';\n\nimport {TuiIcons} from './icons.directive';\n\n@Directive({\n    hostDirectives: [\n        {\n            directive: TuiIcons,\n            inputs: ['iconStart', 'iconEnd'],\n        },\n    ],\n})\nexport class TuiWithIcons {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.TuiIcons"],"mappings":"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"}

package/fesm2022/taiga-ui-core-directives-items-handlers.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { signal, InjectionToken, Optional, SkipSelf, inject, Input, Directive, effect } from '@angular/core';
+import { signal, InjectionToken, Optional, SkipSelf, inject, input, Directive, effect } from '@angular/core';
 import { tuiProvide } from '@taiga-ui/cdk/utils/di';
 import { TUI_FALSE_HANDLER, TUI_DEFAULT_IDENTITY_MATCHER } from '@taiga-ui/cdk/constants';
 import { NG_VALIDATORS } from '@angular/forms';
@@ -32,48 +32,27 @@ function tuiItemsHandlersProvider(options) {
 
 class TuiItemsHandlersDirective {
     constructor() {
-        this.defaultHandlers = inject(TUI_ITEMS_HANDLERS, {
+        this.handlers = inject(TUI_ITEMS_HANDLERS, {
             skipSelf: true,
         });
-        this.stringify = signal(this.defaultHandlers.stringify());
-        this.identityMatcher = signal(this.defaultHandlers.identityMatcher());
-        this.disabledItemHandler = signal(this.defaultHandlers.disabledItemHandler());
+        this.stringify = input(this.handlers.stringify());
+        this.identityMatcher = input(this.handlers.identityMatcher());
+        this.disabledItemHandler = input(this.handlers.disabledItemHandler());
     }
-    // TODO(v5): use signal inputs
-    set stringifySetter(x) {
-        this.stringify.set(x);
-    }
-    // TODO(v5): use signal inputs
-    set identityMatcherSetter(x) {
-        this.identityMatcher.set(x);
-    }
-    // TODO(v5): use signal inputs
-    set disabledItemHandlerSetter(x) {
-        this.disabledItemHandler.set(x);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiItemsHandlersDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.16", type: TuiItemsHandlersDirective, isStandalone: true, inputs: { stringifySetter: ["stringify", "stringifySetter"], identityMatcherSetter: ["identityMatcher", "identityMatcherSetter"], disabledItemHandlerSetter: ["disabledItemHandler", "disabledItemHandlerSetter"] }, providers: [tuiProvide(TUI_ITEMS_HANDLERS, TuiItemsHandlersDirective)], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiItemsHandlersDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.17", type: TuiItemsHandlersDirective, isStandalone: true, inputs: { stringify: { classPropertyName: "stringify", publicName: "stringify", isSignal: true, isRequired: false, transformFunction: null }, identityMatcher: { classPropertyName: "identityMatcher", publicName: "identityMatcher", isSignal: true, isRequired: false, transformFunction: null }, disabledItemHandler: { classPropertyName: "disabledItemHandler", publicName: "disabledItemHandler", isSignal: true, isRequired: false, transformFunction: null } }, providers: [tuiProvide(TUI_ITEMS_HANDLERS, TuiItemsHandlersDirective)], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiItemsHandlersDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiItemsHandlersDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [tuiProvide(TUI_ITEMS_HANDLERS, TuiItemsHandlersDirective)],
                 }]
-        }], propDecorators: { stringifySetter: [{
-                type: Input,
-                args: ['stringify']
-            }], identityMatcherSetter: [{
-                type: Input,
-                args: ['identityMatcher']
-            }], disabledItemHandlerSetter: [{
-                type: Input,
-                args: ['disabledItemHandler']
-            }] } });
+        }] });
 class TuiWithItemsHandlers {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiWithItemsHandlers, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.16", type: TuiWithItemsHandlers, isStandalone: true, hostDirectives: [{ directive: TuiItemsHandlersDirective, inputs: ["stringify", "stringify", "identityMatcher", "identityMatcher", "disabledItemHandler", "disabledItemHandler"] }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiWithItemsHandlers, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: TuiWithItemsHandlers, isStandalone: true, hostDirectives: [{ directive: TuiItemsHandlersDirective, inputs: ["stringify", "stringify", "identityMatcher", "identityMatcher", "disabledItemHandler", "disabledItemHandler"] }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiWithItemsHandlers, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiWithItemsHandlers, decorators: [{
             type: Directive,
             args: [{
                     hostDirectives: [
@@ -98,10 +77,10 @@ class TuiItemsHandlersValidator extends TuiValidator {
             : Boolean(value) && this.handlers.disabledItemHandler()(value);
         this.validate = ({ value }) => this.disabledItemHandler(value) ? { tuiDisabledItem: value } : null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiItemsHandlersValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.16", type: TuiItemsHandlersValidator, isStandalone: true, providers: [tuiProvide(NG_VALIDATORS, TuiItemsHandlersValidator, true)], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiItemsHandlersValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: TuiItemsHandlersValidator, isStandalone: true, providers: [tuiProvide(NG_VALIDATORS, TuiItemsHandlersValidator, true)], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiItemsHandlersValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiItemsHandlersValidator, decorators: [{
             type: Directive,
             args: [{
                     providers: [tuiProvide(NG_VALIDATORS, TuiItemsHandlersValidator, true)],

package/fesm2022/taiga-ui-core-directives-items-handlers.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-core-directives-items-handlers.mjs","sources":["../../../projects/core/directives/items-handlers/items-handlers.tokens.ts","../../../projects/core/directives/items-handlers/items-handlers.directive.ts","../../../projects/core/directives/items-handlers/items-handlers.validator.ts","../../../projects/core/directives/items-handlers/taiga-ui-core-directives-items-handlers.ts"],"sourcesContent":["import {\n    InjectionToken,\n    Optional,\n    type Provider,\n    signal,\n    SkipSelf,\n    type WritableSignal,\n} from '@angular/core';\nimport {TUI_DEFAULT_IDENTITY_MATCHER, TUI_FALSE_HANDLER} from '@taiga-ui/cdk/constants';\nimport {\n    type TuiBooleanHandler,\n    type TuiIdentityMatcher,\n    type TuiStringHandler,\n} from '@taiga-ui/cdk/types';\n\nexport interface TuiItemsHandlers<T> {\n    readonly disabledItemHandler: WritableSignal<TuiBooleanHandler<T>>;\n    readonly identityMatcher: WritableSignal<TuiIdentityMatcher<T>>;\n    readonly stringify: WritableSignal<TuiStringHandler<T>>;\n}\n\nexport const TUI_DEFAULT_ITEMS_HANDLERS: TuiItemsHandlers<unknown> = {\n    stringify: signal(String),\n    identityMatcher: signal(TUI_DEFAULT_IDENTITY_MATCHER),\n    disabledItemHandler: signal(TUI_FALSE_HANDLER),\n};\n\n/**\n * Default items handlers for components\n */\nexport const TUI_ITEMS_HANDLERS = new InjectionToken(\n    ngDevMode ? 'TUI_ITEMS_HANDLERS' : '',\n    {\n        factory: () => TUI_DEFAULT_ITEMS_HANDLERS,\n    },\n);\n\nexport function tuiItemsHandlersProvider<T>(\n    options: Partial<TuiItemsHandlers<T>>,\n): Provider {\n    return {\n        provide: TUI_ITEMS_HANDLERS,\n        deps: [[new Optional(), new SkipSelf(), TUI_ITEMS_HANDLERS]],\n        useFactory: (parent: TuiItemsHandlers<T> | null): TuiItemsHandlers<T> => ({\n            stringify: signal(\n                parent?.stringify() ?? TUI_DEFAULT_ITEMS_HANDLERS.stringify(),\n            ),\n            identityMatcher: signal(\n                parent?.identityMatcher() ?? TUI_DEFAULT_ITEMS_HANDLERS.identityMatcher(),\n            ),\n            disabledItemHandler: signal(\n                parent?.disabledItemHandler() ??\n                    TUI_DEFAULT_ITEMS_HANDLERS.disabledItemHandler(),\n            ),\n            ...options,\n        }),\n    };\n}\n","import {Directive, inject, Input, signal} from '@angular/core';\nimport {\n    type TuiBooleanHandler,\n    type TuiIdentityMatcher,\n    type TuiStringHandler,\n} from '@taiga-ui/cdk/types';\nimport {tuiProvide} from '@taiga-ui/cdk/utils/di';\n\nimport {TUI_ITEMS_HANDLERS, type TuiItemsHandlers} from './items-handlers.tokens';\n\n@Directive({\n    providers: [tuiProvide(TUI_ITEMS_HANDLERS, TuiItemsHandlersDirective)],\n})\nexport class TuiItemsHandlersDirective<T> implements TuiItemsHandlers<T> {\n    private readonly defaultHandlers = inject<TuiItemsHandlers<T>>(TUI_ITEMS_HANDLERS, {\n        skipSelf: true,\n    });\n\n    public readonly stringify = signal(this.defaultHandlers.stringify());\n    public readonly identityMatcher = signal(this.defaultHandlers.identityMatcher());\n    public readonly disabledItemHandler = signal(\n        this.defaultHandlers.disabledItemHandler(),\n    );\n\n    // TODO(v5): use signal inputs\n    @Input('stringify')\n    public set stringifySetter(x: TuiStringHandler<T>) {\n        this.stringify.set(x);\n    }\n\n    // TODO(v5): use signal inputs\n    @Input('identityMatcher')\n    public set identityMatcherSetter(x: TuiIdentityMatcher<T>) {\n        this.identityMatcher.set(x);\n    }\n\n    // TODO(v5): use signal inputs\n    @Input('disabledItemHandler')\n    public set disabledItemHandlerSetter(x: TuiBooleanHandler<T>) {\n        this.disabledItemHandler.set(x);\n    }\n}\n\n@Directive({\n    hostDirectives: [\n        {\n            directive: TuiItemsHandlersDirective,\n            inputs: ['stringify', 'identityMatcher', 'disabledItemHandler'],\n        },\n    ],\n})\nexport class TuiWithItemsHandlers {}\n","import {Directive, effect, inject} from '@angular/core';\nimport {NG_VALIDATORS, type ValidatorFn} from '@angular/forms';\nimport {TuiValidator} from '@taiga-ui/cdk/directives/validator';\nimport {type TuiBooleanHandler} from '@taiga-ui/cdk/types';\nimport {tuiProvide} from '@taiga-ui/cdk/utils/di';\n\nimport {TuiItemsHandlersDirective} from './items-handlers.directive';\n\n@Directive({\n    providers: [tuiProvide(NG_VALIDATORS, TuiItemsHandlersValidator, true)],\n})\nexport class TuiItemsHandlersValidator extends TuiValidator {\n    private readonly handlers = inject(TuiItemsHandlersDirective);\n\n    protected readonly update = effect(() => {\n        this.handlers.disabledItemHandler();\n        this.onChange();\n    });\n\n    public disabledItemHandler: TuiBooleanHandler<any> = (value) =>\n        Array.isArray(value)\n            ? value.some((item) => this.handlers.disabledItemHandler()(item))\n            : Boolean(value) && this.handlers.disabledItemHandler()(value);\n\n    public override validate: ValidatorFn = ({value}) =>\n        this.disabledItemHandler(value) ? {tuiDisabledItem: value} : null;\n}\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-core-directives-items-handlers.mjs","sources":["../../../projects/core/directives/items-handlers/items-handlers.tokens.ts","../../../projects/core/directives/items-handlers/items-handlers.directive.ts","../../../projects/core/directives/items-handlers/items-handlers.validator.ts","../../../projects/core/directives/items-handlers/taiga-ui-core-directives-items-handlers.ts"],"sourcesContent":["import {\n    InjectionToken,\n    Optional,\n    type Provider,\n    type Signal,\n    signal,\n    SkipSelf,\n} from '@angular/core';\nimport {TUI_DEFAULT_IDENTITY_MATCHER, TUI_FALSE_HANDLER} from '@taiga-ui/cdk/constants';\nimport {\n    type TuiBooleanHandler,\n    type TuiIdentityMatcher,\n    type TuiStringHandler,\n} from '@taiga-ui/cdk/types';\n\nexport interface TuiItemsHandlers<T> {\n    readonly disabledItemHandler: Signal<TuiBooleanHandler<T>>;\n    readonly identityMatcher: Signal<TuiIdentityMatcher<T>>;\n    readonly stringify: Signal<TuiStringHandler<T>>;\n}\n\nexport const TUI_DEFAULT_ITEMS_HANDLERS: TuiItemsHandlers<unknown> = {\n    stringify: signal(String),\n    identityMatcher: signal(TUI_DEFAULT_IDENTITY_MATCHER),\n    disabledItemHandler: signal(TUI_FALSE_HANDLER),\n};\n\n/**\n * Default items handlers for components\n */\nexport const TUI_ITEMS_HANDLERS = new InjectionToken(\n    ngDevMode ? 'TUI_ITEMS_HANDLERS' : '',\n    {\n        factory: () => TUI_DEFAULT_ITEMS_HANDLERS,\n    },\n);\n\nexport function tuiItemsHandlersProvider<T>(\n    options: Partial<TuiItemsHandlers<T>>,\n): Provider {\n    return {\n        provide: TUI_ITEMS_HANDLERS,\n        deps: [[new Optional(), new SkipSelf(), TUI_ITEMS_HANDLERS]],\n        useFactory: (parent: TuiItemsHandlers<T> | null): TuiItemsHandlers<T> => ({\n            stringify: signal(\n                parent?.stringify() ?? TUI_DEFAULT_ITEMS_HANDLERS.stringify(),\n            ),\n            identityMatcher: signal(\n                parent?.identityMatcher() ?? TUI_DEFAULT_ITEMS_HANDLERS.identityMatcher(),\n            ),\n            disabledItemHandler: signal(\n                parent?.disabledItemHandler() ??\n                    TUI_DEFAULT_ITEMS_HANDLERS.disabledItemHandler(),\n            ),\n            ...options,\n        }),\n    };\n}\n","import {Directive, inject, input} from '@angular/core';\nimport {tuiProvide} from '@taiga-ui/cdk/utils/di';\n\nimport {TUI_ITEMS_HANDLERS, type TuiItemsHandlers} from './items-handlers.tokens';\n\n@Directive({\n    providers: [tuiProvide(TUI_ITEMS_HANDLERS, TuiItemsHandlersDirective)],\n})\nexport class TuiItemsHandlersDirective<T> implements TuiItemsHandlers<T> {\n    private readonly handlers = inject<TuiItemsHandlers<T>>(TUI_ITEMS_HANDLERS, {\n        skipSelf: true,\n    });\n\n    public readonly stringify = input(this.handlers.stringify());\n    public readonly identityMatcher = input(this.handlers.identityMatcher());\n    public readonly disabledItemHandler = input(this.handlers.disabledItemHandler());\n}\n\n@Directive({\n    hostDirectives: [\n        {\n            directive: TuiItemsHandlersDirective,\n            inputs: ['stringify', 'identityMatcher', 'disabledItemHandler'],\n        },\n    ],\n})\nexport class TuiWithItemsHandlers {}\n","import {Directive, effect, inject} from '@angular/core';\nimport {NG_VALIDATORS, type ValidatorFn} from '@angular/forms';\nimport {TuiValidator} from '@taiga-ui/cdk/directives/validator';\nimport {type TuiBooleanHandler} from '@taiga-ui/cdk/types';\nimport {tuiProvide} from '@taiga-ui/cdk/utils/di';\n\nimport {TuiItemsHandlersDirective} from './items-handlers.directive';\n\n@Directive({\n    providers: [tuiProvide(NG_VALIDATORS, TuiItemsHandlersValidator, true)],\n})\nexport class TuiItemsHandlersValidator extends TuiValidator {\n    private readonly handlers = inject(TuiItemsHandlersDirective);\n\n    protected readonly update = effect(() => {\n        this.handlers.disabledItemHandler();\n        this.onChange();\n    });\n\n    public disabledItemHandler: TuiBooleanHandler<any> = (value) =>\n        Array.isArray(value)\n            ? value.some((item) => this.handlers.disabledItemHandler()(item))\n            : Boolean(value) && this.handlers.disabledItemHandler()(value);\n\n    public override validate: ValidatorFn = ({value}) =>\n        this.disabledItemHandler(value) ? {tuiDisabledItem: value} : null;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/taiga-ui-core-directives-number-format.mjs

@@ -6,8 +6,8 @@ class TuiNumberFormat {
     constructor() {
         this.tuiNumberFormat = input.required();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiNumberFormat, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.16", type: TuiNumberFormat, isStandalone: true, selector: "[tuiNumberFormat]", inputs: { tuiNumberFormat: { classPropertyName: "tuiNumberFormat", publicName: "tuiNumberFormat", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiNumberFormat, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.17", type: TuiNumberFormat, isStandalone: true, selector: "[tuiNumberFormat]", inputs: { tuiNumberFormat: { classPropertyName: "tuiNumberFormat", publicName: "tuiNumberFormat", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
             {
                 provide: TUI_NUMBER_FORMAT,
                 useFactory: () => {
@@ -21,7 +21,7 @@ class TuiNumberFormat {
             },
         ], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiNumberFormat, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiNumberFormat, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tuiNumberFormat]',

package/fesm2022/taiga-ui-core-directives.mjs

@@ -1,4 +1,5 @@
 export * from '@taiga-ui/core/directives/appearance';
+export * from '@taiga-ui/core/directives/button-x';
 export * from '@taiga-ui/core/directives/date-format';
 export * from '@taiga-ui/core/directives/group';
 export * from '@taiga-ui/core/directives/icons';

package/fesm2022/taiga-ui-core-directives.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-core-directives.mjs","sources":["../../../projects/core/directives/taiga-ui-core-directives.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAAA;;AAEG"}
+{"version":3,"file":"taiga-ui-core-directives.mjs","sources":["../../../projects/core/directives/taiga-ui-core-directives.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAAA;;AAEG"}

package/fesm2022/taiga-ui-core-pipes-format-number.mjs

@@ -29,10 +29,10 @@ class TuiFormatNumberPipe {
         });
         return this.formatted();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiFormatNumberPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.16", ngImport: i0, type: TuiFormatNumberPipe, isStandalone: true, name: "tuiFormatNumber", pure: false }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiFormatNumberPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: TuiFormatNumberPipe, isStandalone: true, name: "tuiFormatNumber", pure: false }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiFormatNumberPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiFormatNumberPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'tuiFormatNumber',

package/fesm2022/taiga-ui-core-portals-alert.mjs

@@ -6,10 +6,10 @@ import { TuiPortal } from '@taiga-ui/cdk/portals';
 import { TuiPopupService } from '@taiga-ui/core/portals/popup';
 
 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-alert-styles" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiAlert]{position:relative;display:grid;grid-column:1;place-self:start start;isolation:isolate;--tui-from: translateX(-100%)}[tuiAlert][data-inline=end]{justify-self:end;--tui-from: translateX(100%)}[tuiAlert][data-inline=center]{justify-self:center;--tui-from: translateY(-100%)}[tuiAlert][data-block=end]{align-self:end}[tuiAlert][data-block=end][data-inline=center]{--tui-from: translateY(100%)}[tuiAlert][data-block=end]:nth-of-type(1){grid-row:11}[tuiAlert][data-block=end]:nth-of-type(2){grid-row:12}[tuiAlert][data-block=end]:nth-of-type(3){grid-row:13}[tuiAlert][data-block=end]:nth-of-type(4){grid-row:14}[tuiAlert][data-block=end]:nth-of-type(5){grid-row:15}[tuiAlert][data-block=end]:nth-of-type(6){grid-row:16}[tuiAlert][data-block=end]:nth-of-type(7){grid-row:17}[tuiAlert][data-block=end]:nth-of-type(8){grid-row:18}[tuiAlert].tui-enter,[tuiAlert].tui-leave{animation-name:tuiFade,tuiSlide,tuiCollapse}[tuiAlert]:not(:first-of-type){margin-block-start:0!important}[tuiAlert]:not(:last-of-type){margin-block-end:0!important}[tuiAlert]:nth-of-type(1){grid-row:5}[tuiAlert]:nth-of-type(2){grid-row:6}[tuiAlert]:nth-of-type(3){grid-row:7}[tuiAlert]:nth-of-type(4){grid-row:8}[tuiAlert]:nth-of-type(5){grid-row:9}[tuiAlert]>*{grid-row:1 / span 2}[tuiAlert]>*:before,[tuiAlert]>*:after{content:\"\";display:block;block-size:.375rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: Styles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-alert-styles" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiAlert]{position:relative;display:grid;grid-column:1;place-self:start start;isolation:isolate;--tui-from: translateX(-100%)}[tuiAlert][data-inline=end]{justify-self:end;--tui-from: translateX(100%)}[tuiAlert][data-inline=center]{justify-self:center;--tui-from: translateY(-100%)}[tuiAlert][data-block=end]{align-self:end}[tuiAlert][data-block=end][data-inline=center]{--tui-from: translateY(100%)}[tuiAlert][data-block=end]:nth-of-type(1){grid-row:11}[tuiAlert][data-block=end]:nth-of-type(2){grid-row:12}[tuiAlert][data-block=end]:nth-of-type(3){grid-row:13}[tuiAlert][data-block=end]:nth-of-type(4){grid-row:14}[tuiAlert][data-block=end]:nth-of-type(5){grid-row:15}[tuiAlert][data-block=end]:nth-of-type(6){grid-row:16}[tuiAlert][data-block=end]:nth-of-type(7){grid-row:17}[tuiAlert][data-block=end]:nth-of-type(8){grid-row:18}[tuiAlert].tui-enter,[tuiAlert].tui-leave{animation-name:tuiFade,tuiSlide,tuiCollapse}[tuiAlert]:not(:first-of-type){margin-block-start:0!important}[tuiAlert]:not(:last-of-type){margin-block-end:0!important}[tuiAlert]:nth-of-type(1){grid-row:5}[tuiAlert]:nth-of-type(2){grid-row:6}[tuiAlert]:nth-of-type(3){grid-row:7}[tuiAlert]:nth-of-type(4){grid-row:8}[tuiAlert]:nth-of-type(5){grid-row:9}[tuiAlert]>*{grid-row:1 / span 2}[tuiAlert]>*:before,[tuiAlert]>*:after{content:\"\";display:block;block-size:.375rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: Styles, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: Styles, decorators: [{
             type: Component,
             args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-alert-styles' }, styles: ["[tuiAlert]{position:relative;display:grid;grid-column:1;place-self:start start;isolation:isolate;--tui-from: translateX(-100%)}[tuiAlert][data-inline=end]{justify-self:end;--tui-from: translateX(100%)}[tuiAlert][data-inline=center]{justify-self:center;--tui-from: translateY(-100%)}[tuiAlert][data-block=end]{align-self:end}[tuiAlert][data-block=end][data-inline=center]{--tui-from: translateY(100%)}[tuiAlert][data-block=end]:nth-of-type(1){grid-row:11}[tuiAlert][data-block=end]:nth-of-type(2){grid-row:12}[tuiAlert][data-block=end]:nth-of-type(3){grid-row:13}[tuiAlert][data-block=end]:nth-of-type(4){grid-row:14}[tuiAlert][data-block=end]:nth-of-type(5){grid-row:15}[tuiAlert][data-block=end]:nth-of-type(6){grid-row:16}[tuiAlert][data-block=end]:nth-of-type(7){grid-row:17}[tuiAlert][data-block=end]:nth-of-type(8){grid-row:18}[tuiAlert].tui-enter,[tuiAlert].tui-leave{animation-name:tuiFade,tuiSlide,tuiCollapse}[tuiAlert]:not(:first-of-type){margin-block-start:0!important}[tuiAlert]:not(:last-of-type){margin-block-end:0!important}[tuiAlert]:nth-of-type(1){grid-row:5}[tuiAlert]:nth-of-type(2){grid-row:6}[tuiAlert]:nth-of-type(3){grid-row:7}[tuiAlert]:nth-of-type(4){grid-row:8}[tuiAlert]:nth-of-type(5){grid-row:9}[tuiAlert]>*{grid-row:1 / span 2}[tuiAlert]>*:before,[tuiAlert]>*:after{content:\"\";display:block;block-size:.375rem}\n"] }]
         }] });
@@ -18,10 +18,10 @@ class TuiAlertDirective {
         this.nothing = tuiWithStyles(Styles);
         this.context = injectContext();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiAlertDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.16", type: TuiAlertDirective, isStandalone: true, host: { attributes: { "role": "alert", "tuiAlert": "" }, properties: { "attr.data-block": "context.block", "attr.data-inline": "context.inline" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiAlertDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: TuiAlertDirective, isStandalone: true, host: { attributes: { "role": "alert", "tuiAlert": "" }, properties: { "attr.data-block": "context.block", "attr.data-inline": "context.inline" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiAlertDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiAlertDirective, decorators: [{
             type: Directive,
             args: [{
                     host: {
@@ -58,10 +58,10 @@ class TuiAlertService extends TuiPortal {
             }
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiAlertService, deps: "invalid", target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiAlertService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiAlertService, deps: "invalid", target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiAlertService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiAlertService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiAlertService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: undefined }] });
 

package/fesm2022/taiga-ui-core-portals-dialog.mjs

@@ -7,6 +7,7 @@ import { TuiAnimated } from '@taiga-ui/cdk/directives/animated';
 import { TuiAutoFocus } from '@taiga-ui/cdk/directives/auto-focus';
 import { TuiButton } from '@taiga-ui/core/components/button';
 import { TuiTitle } from '@taiga-ui/core/components/title';
+import { TuiButtonX } from '@taiga-ui/core/directives/button-x';
 import { TUI_CLOSE_WORD, TUI_COMMON_ICONS } from '@taiga-ui/core/tokens';
 import { injectContext, PolymorpheusOutlet, PolymorpheusComponent } from '@taiga-ui/polymorpheus';
 import { filter, Observable, merge, switchMap, take, map, of, isObservable, Subject, exhaustMap } from 'rxjs';
@@ -15,7 +16,7 @@ import { Router, ActivationStart } from '@angular/router';
 import { WA_WINDOW } from '@ng-web-apis/common';
 import { tuiCloseWatcher, tuiZonefull, tuiTypedFromEvent } from '@taiga-ui/cdk/observables';
 import { tuiInjectElement, tuiGetActualTarget, tuiIsElement, tuiContainsOrAfter } from '@taiga-ui/cdk/utils/dom';
-import { tuiGetViewportWidth } from '@taiga-ui/core/utils';
+import { tuiGetViewportWidth } from '@taiga-ui/core/utils/dom';
 import * as i1$1 from '@taiga-ui/cdk/portals';
 import { tuiAsPortal, TuiPortalDirective } from '@taiga-ui/cdk/portals';
 import { TuiModalService } from '@taiga-ui/core/portals/modal';
@@ -47,10 +48,10 @@ class TuiDialogCloseService extends Observable {
     isOutside(target) {
         return tuiIsElement(target) && !tuiContainsOrAfter(this.el, target);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiDialogCloseService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiDialogCloseService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiDialogCloseService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiDialogCloseService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiDialogCloseService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiDialogCloseService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -77,17 +78,17 @@ class TuiDialogComponent {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.16", type: TuiDialogComponent, isStandalone: true, selector: "tui-dialog", host: { properties: { "attr.data-appearance": "context.appearance", "attr.data-size": "context.size", "class._closable": "context.closable", "class.tui-backdrop-hidden": "context.appearance.includes(\"fullscreen\")" } }, providers: [TuiDialogCloseService], hostDirectives: [{ directive: i1.TuiAnimated }], ngImport: i0, template: "@if (context.closable) {\n    <button\n        size=\"s\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-close\"\n        [appearance]=\"context.appearance.includes('fullscreen') ? 'action' : 'neutral'\"\n        [iconStart]=\"icons.close\"\n        [style.border-radius.%]=\"100\"\n        (click)=\"close$.next()\"\n        (mousedown.prevent.zoneless)=\"(0)\"\n    >\n        {{ close() }}\n    </button>\n}\n\n@if (!primitive && context.label) {\n    <header>\n        <hgroup tuiTitle>\n            <h2\n                [id]=\"context.id\"\n                [innerHTML]=\"context.label\"\n            ></h2>\n        </hgroup>\n    </header>\n}\n\n<ng-container *polymorpheusOutlet=\"context.content as text; context: context\">\n    <header>\n        <hgroup tuiTitle>\n            <h2\n                [id]=\"context.id\"\n                [innerHTML]=\"context.label\"\n            ></h2>\n            <p [innerHTML]=\"text\"></p>\n        </hgroup>\n    </header>\n    @if (context.closable || context.dismissible) {\n        <footer>\n            <button\n                size=\"m\"\n                tuiAutoFocus\n                tuiButton\n                type=\"button\"\n                (click)=\"context.$implicit.complete()\"\n            >\n                {{ context.data || 'OK' }}\n            </button>\n        </footer>\n    }\n</ng-container>\n", styles: ["tui-dialog{position:relative;box-sizing:border-box;font:var(--tui-font-text-m);background:var(--tui-background-elevation-1);box-shadow:var(--tui-shadow-popup)}tui-dialog:not([data-appearance~=fullscreen])._closable>header,tui-dialog:not([data-appearance~=fullscreen])._closable>ng-component>header{padding-inline-end:2.5rem}tui-dialog>header,tui-dialog>ng-component>header{font:var(--tui-font-heading-5)}tui-dialog>header [tuiTitle],tui-dialog>ng-component>header [tuiTitle]{font:inherit}tui-dialog>header p,tui-dialog>ng-component>header p{margin:.25rem 0 0;font:var(--tui-font-text-m)}tui-dialog>header p:empty,tui-dialog>ng-component>header p:empty{display:none}tui-dialog>.t-close{position:absolute;top:1rem;z-index:1;inset-inline-end:1rem}tui-dialog[data-appearance~=taiga]{max-inline-size:calc(100vw - 5rem);margin:2.5rem;padding:1.75rem;border-radius:1.5rem;--tui-from: translateY(2.5rem)}tui-dialog[data-appearance~=taiga].tui-enter,tui-dialog[data-appearance~=taiga].tui-leave{animation-name:tuiFade,tuiSlide}tui-dialog[data-appearance~=taiga][data-size=s]{inline-size:25rem;padding:1.5rem}tui-dialog[data-appearance~=taiga][data-size=s]>header,tui-dialog[data-appearance~=taiga][data-size=s]>[tuiSlides]>*>header,tui-dialog[data-appearance~=taiga][data-size=s]>ng-component>header,tui-dialog[data-appearance~=taiga][data-size=s]>ng-component>[tuiSlides]>*>header{font:var(--tui-font-heading-5)}tui-dialog[data-appearance~=taiga][data-size=s]>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=s]>[tuiSlides]>*>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=s]>ng-component>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=s]>ng-component>[tuiSlides]>*>header:not(:last-child){margin-block-end:1.25rem}tui-dialog[data-appearance~=taiga][data-size=s]>footer,tui-dialog[data-appearance~=taiga][data-size=s]>ng-component>footer{margin-block-start:1.25rem}tui-dialog[data-appearance~=taiga][data-size=m],tui-dialog[data-appearance~=taiga][data-size=l]{inline-size:37.5rem}tui-dialog[data-appearance~=taiga][data-size=m]>header,tui-dialog[data-appearance~=taiga][data-size=l]>header,tui-dialog[data-appearance~=taiga][data-size=m]>[tuiSlides]>*>header,tui-dialog[data-appearance~=taiga][data-size=l]>[tuiSlides]>*>header,tui-dialog[data-appearance~=taiga][data-size=m]>ng-component>header,tui-dialog[data-appearance~=taiga][data-size=l]>ng-component>header,tui-dialog[data-appearance~=taiga][data-size=m]>ng-component>[tuiSlides]>*>header,tui-dialog[data-appearance~=taiga][data-size=l]>ng-component>[tuiSlides]>*>header{font:var(--tui-font-heading-4)}tui-dialog[data-appearance~=taiga][data-size=m]>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=l]>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=m]>[tuiSlides]>*>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=l]>[tuiSlides]>*>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=m]>ng-component>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=l]>ng-component>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=m]>ng-component>[tuiSlides]>*>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=l]>ng-component>[tuiSlides]>*>header:not(:last-child){margin-block-end:1.5rem}tui-dialog[data-appearance~=taiga][data-size=l]{inline-size:50rem}tui-dialog[data-appearance~=taiga]>footer,tui-dialog[data-appearance~=taiga]>ng-component>footer{display:flex;justify-content:flex-end;flex-wrap:wrap-reverse;gap:.75rem;margin-block-start:2rem}tui-dialog[data-appearance~=fullscreen][data-size]{display:flex;flex-direction:column;block-size:100%;inline-size:100%;padding:env(safe-area-inset-top) max(calc(50vw - var(--tui-width) / 2),1rem) max(2rem,env(safe-area-inset-bottom));background:var(--tui-background-base);box-shadow:none;--tui-width: 45rem;--tui-from: translateY(2rem)}tui-dialog[data-appearance~=fullscreen][data-size].tui-enter,tui-dialog[data-appearance~=fullscreen][data-size].tui-leave{animation-name:tuiFade,tuiSlide}tui-dialog[data-appearance~=fullscreen][data-size]>.t-close{position:sticky;top:env(safe-area-inset-top);block-size:4rem;inline-size:auto;align-self:flex-end;margin-block-end:2rem;border-radius:0!important;font:var(--tui-font-text-m)!important;border-image:conic-gradient(var(--tui-background-base) 0 0) fill 0 / 0 / env(safe-area-inset-top) 100vw 0}tui-dialog[data-appearance~=fullscreen][data-size]>.t-close:before{display:none}tui-dialog[data-appearance~=fullscreen][data-size].tui-app-bar .t-close{display:none}tui-dialog[data-appearance~=fullscreen][data-size]:not(._closable):not(.tui-app-bar):before{content:\"\";block-size:1.5rem}tui-dialog[data-appearance~=fullscreen][data-size]>tui-app-bar,tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>tui-app-bar{position:sticky;top:0;z-index:1;order:-1;border-inline-end:calc(50vw - var(--tui-width) / 2) solid transparent;border-inline-start:calc(50vw - var(--tui-width) / 2) solid transparent;margin:0 calc(var(--tui-width) / 2 - 50vw) 2rem}tui-dialog[data-appearance~=fullscreen][data-size]>header,tui-dialog[data-appearance~=fullscreen][data-size]>[tuiSlides]>*>header,tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>header,tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>[tuiSlides]>*>header{font:var(--tui-font-heading-3);margin-block-end:2rem}tui-dialog[data-appearance~=fullscreen][data-size]>footer,tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>footer{display:flex;gap:.5rem .75rem;padding:2rem calc(50vw - var(--tui-width) / 2);margin:0 calc(var(--tui-width) / 2 - 50vw) calc(-2rem - env(safe-area-inset-top))}tui-dialog[data-appearance~=fullscreen][data-size]>footer:before,tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>footer:before{left:0;right:0}tui-root:not(._mobile) tui-dialog[data-appearance~=fullscreen][data-size]>footer,tui-root:not(._mobile) tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>footer{flex-direction:row;background:color-mix(in hsl,var(--tui-background-base) 80%,transparent);-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem)}tui-root:not(._mobile) tui-dialog[data-appearance~=fullscreen][data-size]>footer:before,tui-root:not(._mobile) tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>footer:before{display:none}tui-root:not(._mobile) tui-dialog[data-appearance~=fullscreen][data-size]>footer>button,tui-root:not(._mobile) tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>footer>button,tui-root:not(._mobile) tui-dialog[data-appearance~=fullscreen][data-size]>footer>a,tui-root:not(._mobile) tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>footer>a{inline-size:auto}tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size]{padding-block-end:max(1rem,env(safe-area-inset-bottom));--tui-from: translateY(4rem)}tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size] .t-close{align-self:flex-start;block-size:3.5rem;margin-block-end:1rem}tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size]>tui-app-bar,tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>tui-app-bar{margin:calc(-1*env(safe-area-inset-top)) -1rem 1rem;padding-block-start:env(safe-area-inset-top);box-sizing:content-box}tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size]>header,tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size]>[tuiSlides]>*>header,tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>header,tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>[tuiSlides]>*>header{margin:-.25rem 0 1.5rem}tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size]>footer,tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>footer{padding:0 1rem max(1rem,env(safe-area-inset-bottom));margin:1.5rem -1rem calc(-1*max(1rem,env(safe-area-inset-bottom)))}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiAutoFocus, selector: "[tuiAutoFocus]", inputs: ["tuiAutoFocus"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: TuiTitle, selector: "[tuiTitle]", inputs: ["tuiTitle"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: TuiDialogComponent, isStandalone: true, selector: "tui-dialog", host: { properties: { "attr.data-appearance": "context.appearance", "attr.data-size": "context.size", "class._closable": "context.closable", "class.tui-backdrop-hidden": "context.appearance.includes(\"fullscreen\")" } }, providers: [TuiDialogCloseService], hostDirectives: [{ directive: i1.TuiAnimated }], ngImport: i0, template: "@if (context.closable) {\n    <button\n        tabindex=\"0\"\n        tuiButtonX\n        [appearance]=\"context.appearance.includes('fullscreen') ? 'action' : 'neutral'\"\n        (click)=\"close$.next()\"\n    >\n        {{ close() }}\n    </button>\n}\n\n@if (!primitive && context.label) {\n    <header>\n        <hgroup tuiTitle>\n            <h2\n                [id]=\"context.id\"\n                [innerHTML]=\"context.label\"\n            ></h2>\n        </hgroup>\n    </header>\n}\n\n<ng-container *polymorpheusOutlet=\"context.content as text; context: context\">\n    <header>\n        <hgroup tuiTitle>\n            <h2\n                [id]=\"context.id\"\n                [innerHTML]=\"context.label\"\n            ></h2>\n            <p [innerHTML]=\"text\"></p>\n        </hgroup>\n    </header>\n    @if (context.closable || context.dismissible) {\n        <footer>\n            <button\n                size=\"m\"\n                tuiAutoFocus\n                tuiButton\n                type=\"button\"\n                (click)=\"context.$implicit.complete()\"\n            >\n                {{ context.data || 'OK' }}\n            </button>\n        </footer>\n    }\n</ng-container>\n", styles: ["tui-dialog{position:relative;box-sizing:border-box;font:var(--tui-font-body-m);background:var(--tui-background-elevation-1);box-shadow:var(--tui-shadow-popup)}tui-dialog:not([data-appearance~=fullscreen])._closable>header,tui-dialog:not([data-appearance~=fullscreen])._closable>ng-component>header{padding-inline-end:2.5rem}tui-dialog:not([data-appearance~=fullscreen])._closable>header p,tui-dialog:not([data-appearance~=fullscreen])._closable>ng-component>header p{margin-inline-end:-2.5rem}tui-dialog>header,tui-dialog>ng-component>header{font:var(--tui-font-heading-h5)}tui-dialog>header [tuiTitle],tui-dialog>ng-component>header [tuiTitle]{font:inherit}tui-dialog>header p,tui-dialog>ng-component>header p{margin:.25rem 0 0;font:var(--tui-font-body-m)}tui-dialog>header p:empty,tui-dialog>ng-component>header p:empty{display:none}tui-dialog>[tuiButtonX]{position:absolute;top:1rem;z-index:1;inset-inline-end:1rem}tui-dialog[data-appearance~=taiga]{max-inline-size:calc(100vw - 5rem);margin:2.5rem;padding:1.75rem;border-radius:1.5rem;--tui-from: translateY(2.5rem)}tui-dialog[data-appearance~=taiga].tui-enter,tui-dialog[data-appearance~=taiga].tui-leave{animation-name:tuiFade,tuiSlide}tui-dialog[data-appearance~=taiga][data-size=s]{inline-size:25rem;padding:1.5rem}tui-dialog[data-appearance~=taiga][data-size=s]>header,tui-dialog[data-appearance~=taiga][data-size=s]>[tuiSlides]>*>header,tui-dialog[data-appearance~=taiga][data-size=s]>ng-component>header,tui-dialog[data-appearance~=taiga][data-size=s]>ng-component>[tuiSlides]>*>header{font:var(--tui-font-heading-h5)}tui-dialog[data-appearance~=taiga][data-size=s]>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=s]>[tuiSlides]>*>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=s]>ng-component>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=s]>ng-component>[tuiSlides]>*>header:not(:last-child){margin-block-end:1.25rem}tui-dialog[data-appearance~=taiga][data-size=s]>footer,tui-dialog[data-appearance~=taiga][data-size=s]>ng-component>footer{margin-block-start:1.25rem}tui-dialog[data-appearance~=taiga][data-size=m],tui-dialog[data-appearance~=taiga][data-size=l]{inline-size:37.5rem}tui-dialog[data-appearance~=taiga][data-size=m]>header,tui-dialog[data-appearance~=taiga][data-size=l]>header,tui-dialog[data-appearance~=taiga][data-size=m]>[tuiSlides]>*>header,tui-dialog[data-appearance~=taiga][data-size=l]>[tuiSlides]>*>header,tui-dialog[data-appearance~=taiga][data-size=m]>ng-component>header,tui-dialog[data-appearance~=taiga][data-size=l]>ng-component>header,tui-dialog[data-appearance~=taiga][data-size=m]>ng-component>[tuiSlides]>*>header,tui-dialog[data-appearance~=taiga][data-size=l]>ng-component>[tuiSlides]>*>header{font:var(--tui-font-heading-h4)}tui-dialog[data-appearance~=taiga][data-size=m]>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=l]>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=m]>[tuiSlides]>*>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=l]>[tuiSlides]>*>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=m]>ng-component>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=l]>ng-component>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=m]>ng-component>[tuiSlides]>*>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=l]>ng-component>[tuiSlides]>*>header:not(:last-child){margin-block-end:1.5rem}tui-dialog[data-appearance~=taiga][data-size=l]{inline-size:50rem}tui-dialog[data-appearance~=taiga]>footer,tui-dialog[data-appearance~=taiga]>ng-component>footer{display:flex;justify-content:flex-end;flex-wrap:wrap-reverse;gap:.75rem;margin-block-start:2rem}tui-dialog[data-appearance~=fullscreen][data-size]{display:flex;flex-direction:column;block-size:100%;inline-size:100%;padding:env(safe-area-inset-top) max(calc(50vw - var(--tui-width) / 2),1rem) max(2rem,env(safe-area-inset-bottom));background:var(--tui-background-base);box-shadow:none;--tui-width: 45rem;--tui-from: translateY(2rem)}tui-dialog[data-appearance~=fullscreen][data-size].tui-enter,tui-dialog[data-appearance~=fullscreen][data-size].tui-leave{animation-name:tuiFade,tuiSlide}tui-dialog[data-appearance~=fullscreen][data-size]>[tuiButtonX]{position:sticky;top:env(safe-area-inset-top);block-size:4rem;inline-size:auto;align-self:flex-end;margin-block-end:2rem;border-radius:0!important;font:var(--tui-font-body-m)!important;border-image:conic-gradient(var(--tui-background-base) 0 0) fill 0 / 0 / env(safe-area-inset-top) 100vw 0}tui-dialog[data-appearance~=fullscreen][data-size]>[tuiButtonX]:before{display:none}tui-dialog[data-appearance~=fullscreen][data-size].tui-app-bar [tuiButtonX]{display:none}tui-dialog[data-appearance~=fullscreen][data-size]:not(._closable):not(.tui-app-bar):before{content:\"\";block-size:1.5rem}tui-dialog[data-appearance~=fullscreen][data-size]>tui-app-bar,tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>tui-app-bar{position:sticky;top:0;z-index:1;order:-1;border-inline-end:calc(50vw - var(--tui-width) / 2) solid transparent;border-inline-start:calc(50vw - var(--tui-width) / 2) solid transparent;margin:0 calc(var(--tui-width) / 2 - 50vw) 2rem}tui-dialog[data-appearance~=fullscreen][data-size]>header,tui-dialog[data-appearance~=fullscreen][data-size]>[tuiSlides]>*>header,tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>header,tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>[tuiSlides]>*>header{font:var(--tui-font-heading-h3);margin-block-end:2rem}tui-dialog[data-appearance~=fullscreen][data-size]>footer,tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>footer{display:flex;gap:.5rem .75rem;padding:2rem calc(50vw - var(--tui-width) / 2);margin:0 calc(var(--tui-width) / 2 - 50vw) calc(-2rem - env(safe-area-inset-top))}tui-dialog[data-appearance~=fullscreen][data-size]>footer:before,tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>footer:before{left:0;right:0}tui-root:not(._mobile) tui-dialog[data-appearance~=fullscreen][data-size]>footer,tui-root:not(._mobile) tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>footer{flex-direction:row;background:color-mix(in hsl,var(--tui-background-base) 80%,transparent);-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem)}tui-root:not(._mobile) tui-dialog[data-appearance~=fullscreen][data-size]>footer:before,tui-root:not(._mobile) tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>footer:before{display:none}tui-root:not(._mobile) tui-dialog[data-appearance~=fullscreen][data-size]>footer>button,tui-root:not(._mobile) tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>footer>button,tui-root:not(._mobile) tui-dialog[data-appearance~=fullscreen][data-size]>footer>a,tui-root:not(._mobile) tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>footer>a{inline-size:auto}tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size]{padding-block-end:max(1rem,env(safe-area-inset-bottom));--tui-from: translateY(4rem)}tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size] [tuiButtonX]{align-self:flex-start;block-size:3.5rem;margin-block-end:1rem}tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size]>tui-app-bar,tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>tui-app-bar{margin:calc(-1*env(safe-area-inset-top)) -1rem 1rem;padding-block-start:env(safe-area-inset-top);box-sizing:content-box}tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size]>header,tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size]>[tuiSlides]>*>header,tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>header,tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>[tuiSlides]>*>header{margin:-.25rem 0 1.5rem}tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size]>footer,tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>footer{padding:0 1rem max(1rem,env(safe-area-inset-bottom));margin:1.5rem -1rem calc(-1*max(1rem,env(safe-area-inset-bottom)))}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiAutoFocus, selector: "[tuiAutoFocus]", inputs: ["tuiAutoFocus"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: TuiButtonX, selector: "[tuiButtonX]" }, { kind: "directive", type: TuiTitle, selector: "[tuiTitle]", inputs: ["tuiTitle"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tui-dialog', imports: [PolymorpheusOutlet, TuiAutoFocus, TuiButton, TuiTitle], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, providers: [TuiDialogCloseService], hostDirectives: [TuiAnimated], host: {
+            args: [{ selector: 'tui-dialog', imports: [PolymorpheusOutlet, TuiAutoFocus, TuiButton, TuiButtonX, TuiTitle], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, providers: [TuiDialogCloseService], hostDirectives: [TuiAnimated], host: {
                         '[attr.data-appearance]': 'context.appearance',
                         '[attr.data-size]': 'context.size',
                         '[class._closable]': 'context.closable',
                         '[class.tui-backdrop-hidden]': 'context.appearance.includes("fullscreen")',
-                    }, template: "@if (context.closable) {\n    <button\n        size=\"s\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-close\"\n        [appearance]=\"context.appearance.includes('fullscreen') ? 'action' : 'neutral'\"\n        [iconStart]=\"icons.close\"\n        [style.border-radius.%]=\"100\"\n        (click)=\"close$.next()\"\n        (mousedown.prevent.zoneless)=\"(0)\"\n    >\n        {{ close() }}\n    </button>\n}\n\n@if (!primitive && context.label) {\n    <header>\n        <hgroup tuiTitle>\n            <h2\n                [id]=\"context.id\"\n                [innerHTML]=\"context.label\"\n            ></h2>\n        </hgroup>\n    </header>\n}\n\n<ng-container *polymorpheusOutlet=\"context.content as text; context: context\">\n    <header>\n        <hgroup tuiTitle>\n            <h2\n                [id]=\"context.id\"\n                [innerHTML]=\"context.label\"\n            ></h2>\n            <p [innerHTML]=\"text\"></p>\n        </hgroup>\n    </header>\n    @if (context.closable || context.dismissible) {\n        <footer>\n            <button\n                size=\"m\"\n                tuiAutoFocus\n                tuiButton\n                type=\"button\"\n                (click)=\"context.$implicit.complete()\"\n            >\n                {{ context.data || 'OK' }}\n            </button>\n        </footer>\n    }\n</ng-container>\n", styles: ["tui-dialog{position:relative;box-sizing:border-box;font:var(--tui-font-text-m);background:var(--tui-background-elevation-1);box-shadow:var(--tui-shadow-popup)}tui-dialog:not([data-appearance~=fullscreen])._closable>header,tui-dialog:not([data-appearance~=fullscreen])._closable>ng-component>header{padding-inline-end:2.5rem}tui-dialog>header,tui-dialog>ng-component>header{font:var(--tui-font-heading-5)}tui-dialog>header [tuiTitle],tui-dialog>ng-component>header [tuiTitle]{font:inherit}tui-dialog>header p,tui-dialog>ng-component>header p{margin:.25rem 0 0;font:var(--tui-font-text-m)}tui-dialog>header p:empty,tui-dialog>ng-component>header p:empty{display:none}tui-dialog>.t-close{position:absolute;top:1rem;z-index:1;inset-inline-end:1rem}tui-dialog[data-appearance~=taiga]{max-inline-size:calc(100vw - 5rem);margin:2.5rem;padding:1.75rem;border-radius:1.5rem;--tui-from: translateY(2.5rem)}tui-dialog[data-appearance~=taiga].tui-enter,tui-dialog[data-appearance~=taiga].tui-leave{animation-name:tuiFade,tuiSlide}tui-dialog[data-appearance~=taiga][data-size=s]{inline-size:25rem;padding:1.5rem}tui-dialog[data-appearance~=taiga][data-size=s]>header,tui-dialog[data-appearance~=taiga][data-size=s]>[tuiSlides]>*>header,tui-dialog[data-appearance~=taiga][data-size=s]>ng-component>header,tui-dialog[data-appearance~=taiga][data-size=s]>ng-component>[tuiSlides]>*>header{font:var(--tui-font-heading-5)}tui-dialog[data-appearance~=taiga][data-size=s]>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=s]>[tuiSlides]>*>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=s]>ng-component>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=s]>ng-component>[tuiSlides]>*>header:not(:last-child){margin-block-end:1.25rem}tui-dialog[data-appearance~=taiga][data-size=s]>footer,tui-dialog[data-appearance~=taiga][data-size=s]>ng-component>footer{margin-block-start:1.25rem}tui-dialog[data-appearance~=taiga][data-size=m],tui-dialog[data-appearance~=taiga][data-size=l]{inline-size:37.5rem}tui-dialog[data-appearance~=taiga][data-size=m]>header,tui-dialog[data-appearance~=taiga][data-size=l]>header,tui-dialog[data-appearance~=taiga][data-size=m]>[tuiSlides]>*>header,tui-dialog[data-appearance~=taiga][data-size=l]>[tuiSlides]>*>header,tui-dialog[data-appearance~=taiga][data-size=m]>ng-component>header,tui-dialog[data-appearance~=taiga][data-size=l]>ng-component>header,tui-dialog[data-appearance~=taiga][data-size=m]>ng-component>[tuiSlides]>*>header,tui-dialog[data-appearance~=taiga][data-size=l]>ng-component>[tuiSlides]>*>header{font:var(--tui-font-heading-4)}tui-dialog[data-appearance~=taiga][data-size=m]>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=l]>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=m]>[tuiSlides]>*>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=l]>[tuiSlides]>*>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=m]>ng-component>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=l]>ng-component>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=m]>ng-component>[tuiSlides]>*>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=l]>ng-component>[tuiSlides]>*>header:not(:last-child){margin-block-end:1.5rem}tui-dialog[data-appearance~=taiga][data-size=l]{inline-size:50rem}tui-dialog[data-appearance~=taiga]>footer,tui-dialog[data-appearance~=taiga]>ng-component>footer{display:flex;justify-content:flex-end;flex-wrap:wrap-reverse;gap:.75rem;margin-block-start:2rem}tui-dialog[data-appearance~=fullscreen][data-size]{display:flex;flex-direction:column;block-size:100%;inline-size:100%;padding:env(safe-area-inset-top) max(calc(50vw - var(--tui-width) / 2),1rem) max(2rem,env(safe-area-inset-bottom));background:var(--tui-background-base);box-shadow:none;--tui-width: 45rem;--tui-from: translateY(2rem)}tui-dialog[data-appearance~=fullscreen][data-size].tui-enter,tui-dialog[data-appearance~=fullscreen][data-size].tui-leave{animation-name:tuiFade,tuiSlide}tui-dialog[data-appearance~=fullscreen][data-size]>.t-close{position:sticky;top:env(safe-area-inset-top);block-size:4rem;inline-size:auto;align-self:flex-end;margin-block-end:2rem;border-radius:0!important;font:var(--tui-font-text-m)!important;border-image:conic-gradient(var(--tui-background-base) 0 0) fill 0 / 0 / env(safe-area-inset-top) 100vw 0}tui-dialog[data-appearance~=fullscreen][data-size]>.t-close:before{display:none}tui-dialog[data-appearance~=fullscreen][data-size].tui-app-bar .t-close{display:none}tui-dialog[data-appearance~=fullscreen][data-size]:not(._closable):not(.tui-app-bar):before{content:\"\";block-size:1.5rem}tui-dialog[data-appearance~=fullscreen][data-size]>tui-app-bar,tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>tui-app-bar{position:sticky;top:0;z-index:1;order:-1;border-inline-end:calc(50vw - var(--tui-width) / 2) solid transparent;border-inline-start:calc(50vw - var(--tui-width) / 2) solid transparent;margin:0 calc(var(--tui-width) / 2 - 50vw) 2rem}tui-dialog[data-appearance~=fullscreen][data-size]>header,tui-dialog[data-appearance~=fullscreen][data-size]>[tuiSlides]>*>header,tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>header,tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>[tuiSlides]>*>header{font:var(--tui-font-heading-3);margin-block-end:2rem}tui-dialog[data-appearance~=fullscreen][data-size]>footer,tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>footer{display:flex;gap:.5rem .75rem;padding:2rem calc(50vw - var(--tui-width) / 2);margin:0 calc(var(--tui-width) / 2 - 50vw) calc(-2rem - env(safe-area-inset-top))}tui-dialog[data-appearance~=fullscreen][data-size]>footer:before,tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>footer:before{left:0;right:0}tui-root:not(._mobile) tui-dialog[data-appearance~=fullscreen][data-size]>footer,tui-root:not(._mobile) tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>footer{flex-direction:row;background:color-mix(in hsl,var(--tui-background-base) 80%,transparent);-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem)}tui-root:not(._mobile) tui-dialog[data-appearance~=fullscreen][data-size]>footer:before,tui-root:not(._mobile) tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>footer:before{display:none}tui-root:not(._mobile) tui-dialog[data-appearance~=fullscreen][data-size]>footer>button,tui-root:not(._mobile) tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>footer>button,tui-root:not(._mobile) tui-dialog[data-appearance~=fullscreen][data-size]>footer>a,tui-root:not(._mobile) tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>footer>a{inline-size:auto}tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size]{padding-block-end:max(1rem,env(safe-area-inset-bottom));--tui-from: translateY(4rem)}tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size] .t-close{align-self:flex-start;block-size:3.5rem;margin-block-end:1rem}tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size]>tui-app-bar,tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>tui-app-bar{margin:calc(-1*env(safe-area-inset-top)) -1rem 1rem;padding-block-start:env(safe-area-inset-top);box-sizing:content-box}tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size]>header,tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size]>[tuiSlides]>*>header,tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>header,tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>[tuiSlides]>*>header{margin:-.25rem 0 1.5rem}tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size]>footer,tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>footer{padding:0 1rem max(1rem,env(safe-area-inset-bottom));margin:1.5rem -1rem calc(-1*max(1rem,env(safe-area-inset-bottom)))}\n"] }]
+                    }, template: "@if (context.closable) {\n    <button\n        tabindex=\"0\"\n        tuiButtonX\n        [appearance]=\"context.appearance.includes('fullscreen') ? 'action' : 'neutral'\"\n        (click)=\"close$.next()\"\n    >\n        {{ close() }}\n    </button>\n}\n\n@if (!primitive && context.label) {\n    <header>\n        <hgroup tuiTitle>\n            <h2\n                [id]=\"context.id\"\n                [innerHTML]=\"context.label\"\n            ></h2>\n        </hgroup>\n    </header>\n}\n\n<ng-container *polymorpheusOutlet=\"context.content as text; context: context\">\n    <header>\n        <hgroup tuiTitle>\n            <h2\n                [id]=\"context.id\"\n                [innerHTML]=\"context.label\"\n            ></h2>\n            <p [innerHTML]=\"text\"></p>\n        </hgroup>\n    </header>\n    @if (context.closable || context.dismissible) {\n        <footer>\n            <button\n                size=\"m\"\n                tuiAutoFocus\n                tuiButton\n                type=\"button\"\n                (click)=\"context.$implicit.complete()\"\n            >\n                {{ context.data || 'OK' }}\n            </button>\n        </footer>\n    }\n</ng-container>\n", styles: ["tui-dialog{position:relative;box-sizing:border-box;font:var(--tui-font-body-m);background:var(--tui-background-elevation-1);box-shadow:var(--tui-shadow-popup)}tui-dialog:not([data-appearance~=fullscreen])._closable>header,tui-dialog:not([data-appearance~=fullscreen])._closable>ng-component>header{padding-inline-end:2.5rem}tui-dialog:not([data-appearance~=fullscreen])._closable>header p,tui-dialog:not([data-appearance~=fullscreen])._closable>ng-component>header p{margin-inline-end:-2.5rem}tui-dialog>header,tui-dialog>ng-component>header{font:var(--tui-font-heading-h5)}tui-dialog>header [tuiTitle],tui-dialog>ng-component>header [tuiTitle]{font:inherit}tui-dialog>header p,tui-dialog>ng-component>header p{margin:.25rem 0 0;font:var(--tui-font-body-m)}tui-dialog>header p:empty,tui-dialog>ng-component>header p:empty{display:none}tui-dialog>[tuiButtonX]{position:absolute;top:1rem;z-index:1;inset-inline-end:1rem}tui-dialog[data-appearance~=taiga]{max-inline-size:calc(100vw - 5rem);margin:2.5rem;padding:1.75rem;border-radius:1.5rem;--tui-from: translateY(2.5rem)}tui-dialog[data-appearance~=taiga].tui-enter,tui-dialog[data-appearance~=taiga].tui-leave{animation-name:tuiFade,tuiSlide}tui-dialog[data-appearance~=taiga][data-size=s]{inline-size:25rem;padding:1.5rem}tui-dialog[data-appearance~=taiga][data-size=s]>header,tui-dialog[data-appearance~=taiga][data-size=s]>[tuiSlides]>*>header,tui-dialog[data-appearance~=taiga][data-size=s]>ng-component>header,tui-dialog[data-appearance~=taiga][data-size=s]>ng-component>[tuiSlides]>*>header{font:var(--tui-font-heading-h5)}tui-dialog[data-appearance~=taiga][data-size=s]>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=s]>[tuiSlides]>*>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=s]>ng-component>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=s]>ng-component>[tuiSlides]>*>header:not(:last-child){margin-block-end:1.25rem}tui-dialog[data-appearance~=taiga][data-size=s]>footer,tui-dialog[data-appearance~=taiga][data-size=s]>ng-component>footer{margin-block-start:1.25rem}tui-dialog[data-appearance~=taiga][data-size=m],tui-dialog[data-appearance~=taiga][data-size=l]{inline-size:37.5rem}tui-dialog[data-appearance~=taiga][data-size=m]>header,tui-dialog[data-appearance~=taiga][data-size=l]>header,tui-dialog[data-appearance~=taiga][data-size=m]>[tuiSlides]>*>header,tui-dialog[data-appearance~=taiga][data-size=l]>[tuiSlides]>*>header,tui-dialog[data-appearance~=taiga][data-size=m]>ng-component>header,tui-dialog[data-appearance~=taiga][data-size=l]>ng-component>header,tui-dialog[data-appearance~=taiga][data-size=m]>ng-component>[tuiSlides]>*>header,tui-dialog[data-appearance~=taiga][data-size=l]>ng-component>[tuiSlides]>*>header{font:var(--tui-font-heading-h4)}tui-dialog[data-appearance~=taiga][data-size=m]>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=l]>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=m]>[tuiSlides]>*>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=l]>[tuiSlides]>*>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=m]>ng-component>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=l]>ng-component>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=m]>ng-component>[tuiSlides]>*>header:not(:last-child),tui-dialog[data-appearance~=taiga][data-size=l]>ng-component>[tuiSlides]>*>header:not(:last-child){margin-block-end:1.5rem}tui-dialog[data-appearance~=taiga][data-size=l]{inline-size:50rem}tui-dialog[data-appearance~=taiga]>footer,tui-dialog[data-appearance~=taiga]>ng-component>footer{display:flex;justify-content:flex-end;flex-wrap:wrap-reverse;gap:.75rem;margin-block-start:2rem}tui-dialog[data-appearance~=fullscreen][data-size]{display:flex;flex-direction:column;block-size:100%;inline-size:100%;padding:env(safe-area-inset-top) max(calc(50vw - var(--tui-width) / 2),1rem) max(2rem,env(safe-area-inset-bottom));background:var(--tui-background-base);box-shadow:none;--tui-width: 45rem;--tui-from: translateY(2rem)}tui-dialog[data-appearance~=fullscreen][data-size].tui-enter,tui-dialog[data-appearance~=fullscreen][data-size].tui-leave{animation-name:tuiFade,tuiSlide}tui-dialog[data-appearance~=fullscreen][data-size]>[tuiButtonX]{position:sticky;top:env(safe-area-inset-top);block-size:4rem;inline-size:auto;align-self:flex-end;margin-block-end:2rem;border-radius:0!important;font:var(--tui-font-body-m)!important;border-image:conic-gradient(var(--tui-background-base) 0 0) fill 0 / 0 / env(safe-area-inset-top) 100vw 0}tui-dialog[data-appearance~=fullscreen][data-size]>[tuiButtonX]:before{display:none}tui-dialog[data-appearance~=fullscreen][data-size].tui-app-bar [tuiButtonX]{display:none}tui-dialog[data-appearance~=fullscreen][data-size]:not(._closable):not(.tui-app-bar):before{content:\"\";block-size:1.5rem}tui-dialog[data-appearance~=fullscreen][data-size]>tui-app-bar,tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>tui-app-bar{position:sticky;top:0;z-index:1;order:-1;border-inline-end:calc(50vw - var(--tui-width) / 2) solid transparent;border-inline-start:calc(50vw - var(--tui-width) / 2) solid transparent;margin:0 calc(var(--tui-width) / 2 - 50vw) 2rem}tui-dialog[data-appearance~=fullscreen][data-size]>header,tui-dialog[data-appearance~=fullscreen][data-size]>[tuiSlides]>*>header,tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>header,tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>[tuiSlides]>*>header{font:var(--tui-font-heading-h3);margin-block-end:2rem}tui-dialog[data-appearance~=fullscreen][data-size]>footer,tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>footer{display:flex;gap:.5rem .75rem;padding:2rem calc(50vw - var(--tui-width) / 2);margin:0 calc(var(--tui-width) / 2 - 50vw) calc(-2rem - env(safe-area-inset-top))}tui-dialog[data-appearance~=fullscreen][data-size]>footer:before,tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>footer:before{left:0;right:0}tui-root:not(._mobile) tui-dialog[data-appearance~=fullscreen][data-size]>footer,tui-root:not(._mobile) tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>footer{flex-direction:row;background:color-mix(in hsl,var(--tui-background-base) 80%,transparent);-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem)}tui-root:not(._mobile) tui-dialog[data-appearance~=fullscreen][data-size]>footer:before,tui-root:not(._mobile) tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>footer:before{display:none}tui-root:not(._mobile) tui-dialog[data-appearance~=fullscreen][data-size]>footer>button,tui-root:not(._mobile) tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>footer>button,tui-root:not(._mobile) tui-dialog[data-appearance~=fullscreen][data-size]>footer>a,tui-root:not(._mobile) tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>footer>a{inline-size:auto}tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size]{padding-block-end:max(1rem,env(safe-area-inset-bottom));--tui-from: translateY(4rem)}tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size] [tuiButtonX]{align-self:flex-start;block-size:3.5rem;margin-block-end:1rem}tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size]>tui-app-bar,tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>tui-app-bar{margin:calc(-1*env(safe-area-inset-top)) -1rem 1rem;padding-block-start:env(safe-area-inset-top);box-sizing:content-box}tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size]>header,tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size]>[tuiSlides]>*>header,tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>header,tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>[tuiSlides]>*>header{margin:-.25rem 0 1.5rem}tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size]>footer,tui-root._mobile tui-dialog[data-appearance~=fullscreen][data-size]>ng-component>footer{padding:0 1rem max(1rem,env(safe-area-inset-bottom));margin:1.5rem -1rem calc(-1*max(1rem,env(safe-area-inset-bottom)))}\n"] }]
         }] });
 
 const [TUI_DIALOG_OPTIONS, tuiDialogOptionsProvider] = tuiCreateOptions({
@@ -106,10 +107,10 @@ class TuiDialogService extends TuiModalService {
         this.options = inject(TUI_DIALOG_OPTIONS);
         this.content = TuiDialogComponent;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiDialogService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiDialogService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiDialogService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiDialogService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiDialogService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiDialogService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -120,10 +121,10 @@ class TuiDialog {
     constructor() {
         this.tuiDialogOptions = input({});
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiDialog, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.16", type: TuiDialog, isStandalone: true, selector: "ng-template[tuiDialog]", inputs: { tuiDialogOptions: { classPropertyName: "tuiDialogOptions", publicName: "tuiDialogOptions", isSignal: true, isRequired: false, transformFunction: null } }, providers: [tuiAsPortal(TuiDialogService)], hostDirectives: [{ directive: i1$1.TuiPortalDirective, inputs: ["options", "tuiDialogOptions", "open", "tuiDialog"], outputs: ["openChange", "tuiDialogChange"] }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiDialog, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.17", type: TuiDialog, isStandalone: true, selector: "ng-template[tuiDialog]", inputs: { tuiDialogOptions: { classPropertyName: "tuiDialogOptions", publicName: "tuiDialogOptions", isSignal: true, isRequired: false, transformFunction: null } }, providers: [tuiAsPortal(TuiDialogService)], hostDirectives: [{ directive: i1$1.TuiPortalDirective, inputs: ["options", "tuiDialogOptions", "open", "tuiDialog"], outputs: ["openChange", "tuiDialogChange"] }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TuiDialog, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiDialog, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[tuiDialog]',