@taiga-ui/core 3.17.0 → 3.18.0-dev.main-05a0bf8

package/bundles/taiga-ui-core-components-dialog.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/cdk'), require('@taiga-ui/core/animations'), require('@taiga-ui/core/tokens'), require('@tinkoff/ng-polymorpheus'), require('@angular/common'), require('@ng-web-apis/common'), require('@taiga-ui/core/utils/dom'), require('rxjs'), require('rxjs/operators'), require('@taiga-ui/core/components/button')) :
-    typeof define === 'function' && define.amd ? define('@taiga-ui/core/components/dialog', ['exports', '@angular/core', '@taiga-ui/cdk', '@taiga-ui/core/animations', '@taiga-ui/core/tokens', '@tinkoff/ng-polymorpheus', '@angular/common', '@ng-web-apis/common', '@taiga-ui/core/utils/dom', 'rxjs', 'rxjs/operators', '@taiga-ui/core/components/button'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].core = global["taiga-ui"].core || {}, global["taiga-ui"].core.components = global["taiga-ui"].core.components || {}, global["taiga-ui"].core.components.dialog = {}), global.ng.core, global.i4, global["taiga-ui"].core.animations, global["taiga-ui"].core.tokens, global.i3, global.ng.common, global.common, global["taiga-ui"].core.utils.dom, global.rxjs, global.rxjs.operators, global["taiga-ui"].core.components.button));
-})(this, (function (exports, i0, i4, animations, tokens, i3, i2, common, dom, i5, operators, i1) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@taiga-ui/cdk'), require('@taiga-ui/core/animations'), require('@taiga-ui/core/tokens'), require('@tinkoff/ng-polymorpheus'), require('rxjs'), require('rxjs/operators'), require('@angular/common'), require('@ng-web-apis/common'), require('@taiga-ui/core/utils'), require('@taiga-ui/core/components/button')) :
+    typeof define === 'function' && define.amd ? define('@taiga-ui/core/components/dialog', ['exports', '@angular/core', '@taiga-ui/cdk', '@taiga-ui/core/animations', '@taiga-ui/core/tokens', '@tinkoff/ng-polymorpheus', 'rxjs', 'rxjs/operators', '@angular/common', '@ng-web-apis/common', '@taiga-ui/core/utils', '@taiga-ui/core/components/button'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].core = global["taiga-ui"].core || {}, global["taiga-ui"].core.components = global["taiga-ui"].core.components || {}, global["taiga-ui"].core.components.dialog = {}), global.ng.core, global.i4, global["taiga-ui"].core.animations, global["taiga-ui"].core.tokens, global.i3, global.rxjs, global.rxjs.operators, global.ng.common, global.common, global["taiga-ui"].core.utils, global["taiga-ui"].core.components.button));
+})(this, (function (exports, i0, i4, animations, tokens, i3, i5, operators, i2, common, utils, i1) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -25,160 +25,32 @@
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
     var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
     var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
-    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
     var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
+    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
     var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
 
+    var TUI_DIALOG_DEFAULT_OPTIONS = {
+        size: "m",
+        required: false,
+        closeable: true,
+        dismissible: true,
+        label: "",
+        header: "",
+    };
     var TUI_DIALOGS_CLOSE = new i0.InjectionToken("[TUI_DIALOGS_CLOSE]: A stream to close dialogs", {
         factory: function () { return i5.EMPTY; },
     });
-    var SCROLLBAR_PLACEHOLDER = 17;
-    var TUI_DIALOG_CLOSE_STREAM = new i0.InjectionToken("[TUI_DIALOG_CLOSE_STREAM]: Dialogs closing stream");
-    var TUI_DIALOG_PROVIDERS = [
-        i4.TuiDestroyService,
-        {
-            provide: TUI_DIALOG_CLOSE_STREAM,
-            deps: [
-                i2.DOCUMENT,
-                common.WINDOW,
-                i0.ElementRef,
-                TUI_DIALOGS_CLOSE,
-                i4.TuiDestroyService,
-                i3.POLYMORPHEUS_CONTEXT,
-            ],
-            useFactory: function (documentRef, windowRef, _a, close$, destroy$, _b) {
-                var nativeElement = _a.nativeElement;
-                var dismissible = _b.dismissible;
-                return dismissible
-                    ? i5.merge(i4.tuiTypedFromEvent(nativeElement, "click").pipe(operators.filter(i4.tuiIsCurrentTarget)), i4.tuiTypedFromEvent(documentRef, "keydown").pipe(operators.filter(function (event) {
-                        var key = event.key;
-                        var target = i4.tuiGetActualTarget(event);
-                        return (key === "Escape" &&
-                            i4.tuiIsElement(target) &&
-                            (!i4.tuiContainsOrAfter(nativeElement, target) ||
-                                nativeElement.contains(target)));
-                    })), i4.tuiTypedFromEvent(documentRef, "mousedown").pipe(operators.filter(function (event) {
-                        var target = i4.tuiGetActualTarget(event);
-                        var clientX = event.clientX;
-                        return (i4.tuiIsElement(target) &&
-                            dom.tuiGetViewportWidth(windowRef) - clientX >
-                                SCROLLBAR_PLACEHOLDER &&
-                            !i4.tuiContainsOrAfter(nativeElement, target));
-                    }), operators.switchMap(function () { return i4.tuiTypedFromEvent(documentRef, "mouseup").pipe(operators.take(1), operators.filter(function (event) {
-                        var target = i4.tuiGetActualTarget(event);
-                        return (i4.tuiIsElement(target) &&
-                            !i4.tuiContainsOrAfter(nativeElement, target));
-                    })); })), close$).pipe(operators.takeUntil(destroy$))
-                    : close$;
-            },
-        },
-    ];
-
-    var REQUIRED_ERROR = new Error('Required dialog was dismissed');
-    var TuiDialogComponent = /** @class */ (function () {
-        function TuiDialogComponent(duration, isMobile, context, close$, closeWord$) {
-            var _this = this;
-            this.duration = duration;
-            this.isMobile = isMobile;
-            this.context = context;
-            this.closeWord$ = closeWord$;
-            this.animation = {
-                value: '',
-                params: {
-                    start: '40px',
-                    duration: this.duration,
-                },
-            };
-            this.fullscreenAnimation = {
-                value: '',
-                params: {
-                    start: '100vh',
-                    duration: this.duration,
-                },
-            };
-            close$.subscribe(function () {
-                _this.close();
-            });
-        }
-        Object.defineProperty(TuiDialogComponent.prototype, "size", {
-            get: function () {
-                return this.context.size;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(TuiDialogComponent.prototype, "header", {
-            get: function () {
-                return this.context.header;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(TuiDialogComponent.prototype, "slideInTop", {
-            get: function () {
-                return this.size === 'fullscreen' || this.size === 'page' || this.isMobile
-                    ? this.fullscreenAnimation
-                    : this.animation;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        TuiDialogComponent.prototype.close = function () {
-            if (this.context.required) {
-                this.context.$implicit.error(REQUIRED_ERROR);
-            }
-            else {
-                this.context.$implicit.complete();
-            }
+    var TUI_DIALOG_OPTIONS = new i0.InjectionToken("[TUI_DIALOG_OPTIONS]: Default parameters for dialog component", {
+        factory: function () { return TUI_DIALOG_DEFAULT_OPTIONS; },
+    });
+    function tuiDialogOptionsProvider(options) {
+        return {
+            provide: TUI_DIALOG_OPTIONS,
+            useValue: Object.assign(Object.assign({}, TUI_DIALOG_DEFAULT_OPTIONS), options),
         };
-        return TuiDialogComponent;
-    }());
-    TuiDialogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDialogComponent, deps: [{ token: tokens.TUI_ANIMATIONS_DURATION }, { token: i4.TUI_IS_MOBILE }, { token: i3.POLYMORPHEUS_CONTEXT }, { token: TUI_DIALOG_CLOSE_STREAM }, { token: tokens.TUI_CLOSE_WORD }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    TuiDialogComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TuiDialogComponent, selector: "tui-dialog", host: { properties: { "attr.data-size": "this.size", "class._centered": "this.header", "@tuiSlideInTop": "this.slideInTop", "@tuiFadeIn": "this.slideInTop" } }, providers: TUI_DIALOG_PROVIDERS, ngImport: i0__namespace, template: "<header\n    *ngIf=\"header\"\n    class=\"t-header\"\n>\n    <ng-container *polymorpheusOutlet=\"header as text; context: context\">\n        {{ text }}\n    </ng-container>\n</header>\n<div class=\"t-content\">\n    <h2\n        class=\"t-heading\"\n        [id]=\"context.id\"\n        [textContent]=\"context.label\"\n    ></h2>\n    <section>\n        <!-- TODO: Polymorpheus fix type -->\n        <ng-container *polymorpheusOutlet=\"$any(context.content) as text; context: context\">\n            {{ text }}\n            <div class=\"t-buttons\">\n                <button\n                    type=\"button\"\n                    tuiButton\n                    size=\"m\"\n                    (click)=\"context.$implicit.complete()\"\n                >\n                    {{ $any(context.data)?.button || 'OK' }}\n                </button>\n            </div>\n        </ng-container>\n    </section>\n</div>\n<div\n    *ngIf=\"context.closeable\"\n    class=\"t-wrapper\"\n>\n    <button\n        type=\"button\"\n        tuiIconButton\n        tuiPreventDefault=\"mousedown\"\n        automation-id=\"tui-dialog__close\"\n        size=\"s\"\n        appearance=\"\"\n        icon=\"tuiIconCloseLarge\"\n        shape=\"rounded\"\n        class=\"t-close\"\n        [title]=\"closeWord$ | async\"\n        (click)=\"close()\"\n    ></button>\n</div>\n", styles: [":host{position:relative;display:flex;font:var(--tui-font-text-m);flex-direction:column;box-sizing:border-box;margin:auto;border-radius:1rem;border:2.5rem solid transparent}:host:after{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:0 1.125rem 1.875rem rgba(0,0,0,.48);content:\"\";border-radius:inherit;pointer-events:none}:host[data-size=auto]{width:auto}:host[data-size=s]{width:30rem}:host[data-size=s] .t-content{padding:1.5rem}:host[data-size=s] .t-heading{margin-bottom:.5rem;font:var(--tui-font-heading-5)}:host[data-size=m]{width:42.5rem}:host[data-size=m] .t-heading{margin-bottom:.75rem;font:var(--tui-font-heading-4)}:host[data-size=l]{width:55rem}:host[data-size=l] .t-heading{margin-bottom:1rem}:host[data-size=fullscreen],:host[data-size=page]{width:100%;min-height:100%;border-radius:0;border:none;background:var(--tui-elevation-01);box-shadow:0 4rem var(--tui-elevation-01)}:host[data-size=fullscreen] .t-content,:host[data-size=page] .t-content{padding:3rem calc(50vw - (45rem / 2))}:host[data-size=fullscreen] .t-heading,:host[data-size=page] .t-heading{margin-bottom:1rem}:host[data-size=page] .t-content{padding:0}:host._centered{text-align:center}:host :host-context(tui-root._mobile)[data-size]{min-width:100%;width:100%;max-width:100%;border-radius:0;border:none;margin:auto 0 0}:host :host-context(tui-root._mobile)[data-size] .t-content{padding:1.5rem}:host :host-context(tui-root._mobile)[data-size] .t-heading{margin-bottom:.5rem;font:var(--tui-font-heading-5)}.t-heading{margin:0;word-wrap:break-word;font:var(--tui-font-heading-3)}.t-heading:empty{display:none}.t-header{display:flex;border-top-left-radius:inherit;border-top-right-radius:inherit;overflow:hidden}:host[data-size=fullscreen] :host-context(tui-root._mobile) .t-header{flex:1}.t-content{border-radius:inherit;padding:2rem;background:var(--tui-base-01)}.t-content:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.t-wrapper{position:-webkit-sticky;position:sticky;top:0;order:-1}.t-close{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:fixed;top:1.5rem;right:1.5rem;color:var(--tui-base-01);background:rgba(104,104,104,.96)}.t-close:hover{background:rgba(159,159,159,.86)}:host:not([data-size=\"fullscreen\"]) .t-close{animation:tuiFadeIn var(--tui-duration)}:host:not([data-size=\"fullscreen\"]).ng-animating .t-close{display:none}:host-context(tui-root._mobile) .t-close{position:absolute;top:0;right:0;background:transparent;color:var(--tui-base-06)}:host-context(tui-root._mobile) .t-close:hover{color:var(--tui-base-07)}.t-buttons{margin-top:1.25rem;text-align:right}\n"], components: [{ type: i1__namespace.TuiButtonComponent, selector: "button[tuiButton], button[tuiIconButton], a[tuiButton], a[tuiIconButton]", inputs: ["appearance", "disabled", "icon", "iconRight", "shape", "showLoader", "size"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { type: i4__namespace.TuiPreventDefaultDirective, selector: "[tuiPreventDefault]", inputs: ["tuiPreventDefault"] }], pipes: { "async": i2__namespace.AsyncPipe }, animations: [animations.tuiSlideInTop, animations.tuiFadeIn], changeDetection: i0__namespace.ChangeDetectionStrategy.Default });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDialogComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'tui-dialog',
-                        templateUrl: './dialog.template.html',
-                        styleUrls: ['./dialog.style.less'],
-                        // So we don't force OnPush on dialog content
-                        // eslint-disable-next-line @angular-eslint/prefer-on-push-component-change-detection
-                        changeDetection: i0.ChangeDetectionStrategy.Default,
-                        providers: TUI_DIALOG_PROVIDERS,
-                        animations: [animations.tuiSlideInTop, animations.tuiFadeIn],
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: [tokens.TUI_ANIMATIONS_DURATION]
-                        }] }, { type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: [i4.TUI_IS_MOBILE]
-                        }] }, { type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: [i3.POLYMORPHEUS_CONTEXT]
-                        }] }, { type: i5__namespace.Observable, decorators: [{
-                            type: i0.Inject,
-                            args: [TUI_DIALOG_CLOSE_STREAM]
-                        }] }, { type: i5__namespace.Observable, decorators: [{
-                            type: i0.Inject,
-                            args: [tokens.TUI_CLOSE_WORD]
-                        }] }];
-        }, propDecorators: { size: [{
-                    type: i0.HostBinding,
-                    args: ['attr.data-size']
-                }], header: [{
-                    type: i0.HostBinding,
-                    args: ['class._centered']
-                }], slideInTop: [{
-                    type: i0.HostBinding,
-                    args: ['@tuiSlideInTop']
-                }, {
-                    type: i0.HostBinding,
-                    args: ['@tuiFadeIn']
-                }] } });
+    }
 
-    /******************************************************************************
+    /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
 
     Permission to use, copy, modify, and/or distribute this software for any
@@ -276,7 +148,7 @@
         function step(op) {
             if (f)
                 throw new TypeError("Generator is already executing.");
-            while (g && (g = 0, op[0] && (_ = 0)), _)
+            while (_)
                 try {
                     if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
                         return t;
@@ -340,11 +212,7 @@
     var __createBinding = Object.create ? (function (o, m, k, k2) {
         if (k2 === undefined)
             k2 = k;
-        var desc = Object.getOwnPropertyDescriptor(m, k);
-        if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-            desc = { enumerable: true, get: function () { return m[k]; } };
-        }
-        Object.defineProperty(o, k2, desc);
+        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
     }) : (function (o, m, k, k2) {
         if (k2 === undefined)
             k2 = k;
@@ -417,7 +285,7 @@
                     ar[i] = from[i];
                 }
             }
-        return to.concat(ar || Array.prototype.slice.call(from));
+        return to.concat(ar || from);
     }
     function __await(v) {
         return this instanceof __await ? (this.v = v, this) : new __await(v);
@@ -499,29 +367,175 @@
             throw new TypeError("Cannot write private member to an object whose class did not declare it");
         return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
-    function __classPrivateFieldIn(state, receiver) {
-        if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function"))
-            throw new TypeError("Cannot use 'in' operator on non-object");
-        return typeof state === "function" ? receiver === state : state.has(receiver);
-    }
 
-    var TUI_DIALOG_DEFAULT_OPTIONS = {
-        size: "m",
-        required: false,
-        closeable: true,
-        dismissible: true,
-        label: "",
-        header: "",
-    };
-    var TUI_DIALOG_OPTIONS = new i0.InjectionToken("[TUI_DIALOG_OPTIONS]: Default parameters for dialog component", {
-        factory: function () { return TUI_DIALOG_DEFAULT_OPTIONS; },
-    });
-    function tuiDialogOptionsProvider(options) {
-        return {
-            provide: TUI_DIALOG_OPTIONS,
-            useValue: Object.assign(Object.assign({}, TUI_DIALOG_DEFAULT_OPTIONS), options),
+    var SCROLLBAR_PLACEHOLDER = 17;
+    var TuiDialogCloseService = /** @class */ (function (_super) {
+        __extends(TuiDialogCloseService, _super);
+        function TuiDialogCloseService(windowRef, documentRef, elementRef) {
+            var _this = _super.call(this, function (subscriber) { return i5.merge(_this.click$, _this.esc$, _this.mousedown$).subscribe(subscriber); }) || this;
+            _this.windowRef = windowRef;
+            _this.documentRef = documentRef;
+            _this.elementRef = elementRef;
+            _this.click$ = i4.tuiTypedFromEvent(_this.element, "click").pipe(operators.filter(i4.tuiIsCurrentTarget));
+            _this.esc$ = i4.tuiTypedFromEvent(_this.documentRef, "keydown").pipe(operators.filter(function (event) {
+                var key = event.key;
+                var target = i4.tuiGetActualTarget(event);
+                return (key === "Escape" &&
+                    i4.tuiIsElement(target) &&
+                    (_this.element.contains(target) ||
+                        !i4.tuiContainsOrAfter(_this.element, target)));
+            }));
+            _this.mousedown$ = i4.tuiTypedFromEvent(_this.documentRef, "mousedown").pipe(operators.filter(function (event) {
+                var target = i4.tuiGetActualTarget(event);
+                var clientX = event.clientX;
+                return (i4.tuiIsElement(target) &&
+                    utils.tuiGetViewportWidth(_this.windowRef) - clientX > SCROLLBAR_PLACEHOLDER &&
+                    !i4.tuiContainsOrAfter(_this.element, target));
+            }), operators.switchMap(function () { return i4.tuiTypedFromEvent(_this.documentRef, "mouseup").pipe(operators.take(1), operators.map(i4.tuiGetActualTarget), operators.filter(function (target) { return i4.tuiIsElement(target) && !i4.tuiContainsOrAfter(_this.element, target); })); }));
+            return _this;
+        }
+        Object.defineProperty(TuiDialogCloseService.prototype, "element", {
+            get: function () {
+                return this.elementRef.nativeElement;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return TuiDialogCloseService;
+    }(i5.Observable));
+    TuiDialogCloseService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDialogCloseService, deps: [{ token: common.WINDOW }, { token: i2.DOCUMENT }, { token: i0.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    TuiDialogCloseService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDialogCloseService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDialogCloseService, decorators: [{
+                type: i0.Injectable
+            }], ctorParameters: function () {
+            return [{ type: Window, decorators: [{
+                            type: i0.Inject,
+                            args: [common.WINDOW]
+                        }] }, { type: Document, decorators: [{
+                            type: i0.Inject,
+                            args: [i2.DOCUMENT]
+                        }] }, { type: i0__namespace.ElementRef, decorators: [{
+                            type: i0.Inject,
+                            args: [i0.ElementRef]
+                        }] }];
+        } });
+
+    var REQUIRED_ERROR = new Error('Required dialog was dismissed');
+    var TuiDialogComponent = /** @class */ (function () {
+        function TuiDialogComponent(duration, isMobile, context, destroy$, dialogClose$, close$, closeWord$) {
+            var _this = this;
+            this.duration = duration;
+            this.isMobile = isMobile;
+            this.context = context;
+            this.closeWord$ = closeWord$;
+            this.animation = {
+                value: '',
+                params: {
+                    start: '40px',
+                    duration: this.duration,
+                },
+            };
+            this.fullscreenAnimation = {
+                value: '',
+                params: {
+                    start: '100vh',
+                    duration: this.duration,
+                },
+            };
+            this.close$ = new i5.Subject();
+            i5.merge(i5.merge(dialogClose$, this.close$).pipe(operators.switchMap(function () { return i5.isObservable(context.closeable)
+                ? context.closeable
+                : i5.of(context.closeable); }), operators.filter(Boolean)), close$)
+                .pipe(operators.takeUntil(destroy$))
+                .subscribe(function () {
+                _this.close();
+            });
+        }
+        Object.defineProperty(TuiDialogComponent.prototype, "size", {
+            get: function () {
+                return this.context.size;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(TuiDialogComponent.prototype, "header", {
+            get: function () {
+                return this.context.header;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(TuiDialogComponent.prototype, "slideInTop", {
+            get: function () {
+                return this.size === 'fullscreen' || this.size === 'page' || this.isMobile
+                    ? this.fullscreenAnimation
+                    : this.animation;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        TuiDialogComponent.prototype.close = function () {
+            if (this.context.required) {
+                this.context.$implicit.error(REQUIRED_ERROR);
+            }
+            else {
+                this.context.$implicit.complete();
+            }
         };
-    }
+        return TuiDialogComponent;
+    }());
+    TuiDialogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDialogComponent, deps: [{ token: tokens.TUI_ANIMATIONS_DURATION }, { token: i4.TUI_IS_MOBILE }, { token: i3.POLYMORPHEUS_CONTEXT }, { token: i4.TuiDestroyService, self: true }, { token: TuiDialogCloseService }, { token: TUI_DIALOGS_CLOSE }, { token: tokens.TUI_CLOSE_WORD }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    TuiDialogComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiDialogComponent, selector: "tui-dialog", host: { properties: { "attr.data-size": "this.size", "class._centered": "this.header", "@tuiSlideInTop": "this.slideInTop", "@tuiFadeIn": "this.slideInTop" } }, providers: [i4.TuiDestroyService, TuiDialogCloseService], ngImport: i0__namespace, template: "<header\n    *ngIf=\"header\"\n    class=\"t-header\"\n>\n    <ng-container *polymorpheusOutlet=\"header as text; context: context\">\n        {{ text }}\n    </ng-container>\n</header>\n<div class=\"t-content\">\n    <h2\n        class=\"t-heading\"\n        [id]=\"context.id\"\n        [textContent]=\"context.label\"\n    ></h2>\n    <section>\n        <!-- TODO: Polymorpheus fix type -->\n        <ng-container *polymorpheusOutlet=\"$any(context.content) as text; context: context\">\n            {{ text }}\n            <div class=\"t-buttons\">\n                <button\n                    type=\"button\"\n                    tuiButton\n                    size=\"m\"\n                    (click)=\"context.$implicit.complete()\"\n                >\n                    {{ $any(context.data)?.button || 'OK' }}\n                </button>\n            </div>\n        </ng-container>\n    </section>\n</div>\n<div\n    *ngIf=\"context.closeable\"\n    class=\"t-wrapper\"\n>\n    <button\n        type=\"button\"\n        tuiIconButton\n        tuiPreventDefault=\"mousedown\"\n        automation-id=\"tui-dialog__close\"\n        size=\"s\"\n        appearance=\"\"\n        icon=\"tuiIconCloseLarge\"\n        shape=\"rounded\"\n        class=\"t-close\"\n        [title]=\"closeWord$ | async\"\n        (click)=\"close$.next()\"\n    ></button>\n</div>\n", styles: [":host{position:relative;display:flex;font:var(--tui-font-text-m);flex-direction:column;box-sizing:border-box;margin:auto;border-radius:1rem;border:2.5rem solid transparent}:host:after{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:0 1.125rem 1.875rem rgba(0,0,0,.48);content:\"\";border-radius:inherit;pointer-events:none}:host[data-size=auto]{width:auto}:host[data-size=s]{width:30rem}:host[data-size=s] .t-content{padding:1.5rem}:host[data-size=s] .t-heading{margin-bottom:.5rem;font:var(--tui-font-heading-5)}:host[data-size=m]{width:42.5rem}:host[data-size=m] .t-heading{margin-bottom:.75rem;font:var(--tui-font-heading-4)}:host[data-size=l]{width:55rem}:host[data-size=l] .t-heading{margin-bottom:1rem}:host[data-size=fullscreen],:host[data-size=page]{width:100%;min-height:100%;border-radius:0;border:none;background:var(--tui-elevation-01);box-shadow:0 4rem var(--tui-elevation-01)}:host[data-size=fullscreen] .t-content,:host[data-size=page] .t-content{padding:3rem calc(50vw - (45rem / 2))}:host[data-size=fullscreen] .t-heading,:host[data-size=page] .t-heading{margin-bottom:1rem}:host[data-size=page] .t-content{padding:0}:host._centered{text-align:center}:host :host-context(tui-root._mobile)[data-size]{min-width:100%;width:100%;max-width:100%;border-radius:0;border:none;margin:auto 0 0}:host :host-context(tui-root._mobile)[data-size] .t-content{padding:1.5rem}:host :host-context(tui-root._mobile)[data-size] .t-heading{margin-bottom:.5rem;font:var(--tui-font-heading-5)}.t-heading{margin:0;word-wrap:break-word;font:var(--tui-font-heading-3)}.t-heading:empty{display:none}.t-header{display:flex;border-top-left-radius:inherit;border-top-right-radius:inherit;overflow:hidden}:host[data-size=fullscreen] :host-context(tui-root._mobile) .t-header{flex:1}.t-content{border-radius:inherit;padding:2rem;background:var(--tui-base-01)}.t-content:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.t-wrapper{position:-webkit-sticky;position:sticky;top:0;order:-1}.t-close{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:fixed;top:1.5rem;right:1.5rem;color:var(--tui-base-01);background:rgba(104,104,104,.96)}.t-close:hover{background:rgba(159,159,159,.86)}:host:not([data-size=\"fullscreen\"]) .t-close{animation:tuiFadeIn var(--tui-duration)}:host:not([data-size=\"fullscreen\"]).ng-animating .t-close{display:none}:host-context(tui-root._mobile) .t-close{position:absolute;top:0;right:0;background:transparent;color:var(--tui-base-06)}:host-context(tui-root._mobile) .t-close:hover{color:var(--tui-base-07)}.t-buttons{margin-top:1.25rem;text-align:right}\n"], components: [{ type: i1__namespace.TuiButtonComponent, selector: "button[tuiButton], button[tuiIconButton], a[tuiButton], a[tuiIconButton]", inputs: ["appearance", "disabled", "icon", "iconRight", "shape", "showLoader", "size"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { type: i4__namespace.TuiPreventDefaultDirective, selector: "[tuiPreventDefault]", inputs: ["tuiPreventDefault"] }], pipes: { "async": i2__namespace.AsyncPipe }, animations: [animations.tuiSlideInTop, animations.tuiFadeIn], changeDetection: i0__namespace.ChangeDetectionStrategy.Default });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDialogComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'tui-dialog',
+                        templateUrl: './dialog.template.html',
+                        styleUrls: ['./dialog.style.less'],
+                        // So we don't force OnPush on dialog content
+                        // eslint-disable-next-line @angular-eslint/prefer-on-push-component-change-detection
+                        changeDetection: i0.ChangeDetectionStrategy.Default,
+                        providers: [i4.TuiDestroyService, TuiDialogCloseService],
+                        animations: [animations.tuiSlideInTop, animations.tuiFadeIn],
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: undefined, decorators: [{
+                            type: i0.Inject,
+                            args: [tokens.TUI_ANIMATIONS_DURATION]
+                        }] }, { type: undefined, decorators: [{
+                            type: i0.Inject,
+                            args: [i4.TUI_IS_MOBILE]
+                        }] }, { type: undefined, decorators: [{
+                            type: i0.Inject,
+                            args: [i3.POLYMORPHEUS_CONTEXT]
+                        }] }, { type: i5__namespace.Observable, decorators: [{
+                            type: i0.Inject,
+                            args: [i4.TuiDestroyService]
+                        }, {
+                            type: i0.Self
+                        }] }, { type: i5__namespace.Observable, decorators: [{
+                            type: i0.Inject,
+                            args: [TuiDialogCloseService]
+                        }] }, { type: i5__namespace.Observable, decorators: [{
+                            type: i0.Inject,
+                            args: [TUI_DIALOGS_CLOSE]
+                        }] }, { type: i5__namespace.Observable, decorators: [{
+                            type: i0.Inject,
+                            args: [tokens.TUI_CLOSE_WORD]
+                        }] }];
+        }, propDecorators: { size: [{
+                    type: i0.HostBinding,
+                    args: ['attr.data-size']
+                }], header: [{
+                    type: i0.HostBinding,
+                    args: ['class._centered']
+                }], slideInTop: [{
+                    type: i0.HostBinding,
+                    args: ['@tuiSlideInTop']
+                }, {
+                    type: i0.HostBinding,
+                    args: ['@tuiFadeIn']
+                }] } });
 
     var DIALOG = new i3.PolymorpheusComponent(TuiDialogComponent);
     var TuiDialogService = /** @class */ (function (_super) {
@@ -534,9 +548,9 @@
         }
         return TuiDialogService;
     }(i4.AbstractTuiDialogService));
-    TuiDialogService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDialogService, deps: null, target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    TuiDialogService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDialogService, providedIn: "root" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDialogService, decorators: [{
+    TuiDialogService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDialogService, deps: null, target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    TuiDialogService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDialogService, providedIn: "root" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDialogService, decorators: [{
                 type: i0.Injectable,
                 args: [{
                         providedIn: "root",
@@ -550,14 +564,14 @@
         }
         return TuiDialogDirective;
     }(i4.AbstractTuiDialogDirective));
-    TuiDialogDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDialogDirective, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive });
-    TuiDialogDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiDialogDirective, selector: "ng-template[tuiDialog]", inputs: { options: ["tuiDialogOptions", "options"], open: ["tuiDialog", "open"] }, outputs: { openChange: "tuiDialogChange" }, providers: [
+    TuiDialogDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDialogDirective, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive });
+    TuiDialogDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiDialogDirective, selector: "ng-template[tuiDialog]", inputs: { options: ["tuiDialogOptions", "options"], open: ["tuiDialog", "open"] }, outputs: { openChange: "tuiDialogChange" }, providers: [
             {
                 provide: i4.AbstractTuiDialogService,
                 useExisting: TuiDialogService,
             },
         ], usesInheritance: true, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDialogDirective, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDialogDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
                         selector: 'ng-template[tuiDialog]',
@@ -577,10 +591,10 @@
         }
         return TuiDialogModule;
     }());
-    TuiDialogModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDialogModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    TuiDialogModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDialogModule, declarations: [TuiDialogComponent, TuiDialogDirective], imports: [i3.PolymorpheusModule, i1.TuiButtonModule, i2.CommonModule, i4.TuiPreventDefaultModule], exports: [TuiDialogComponent, TuiDialogDirective] });
-    TuiDialogModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDialogModule, providers: [i4.tuiAsDialog(TuiDialogService)], imports: [[i3.PolymorpheusModule, i1.TuiButtonModule, i2.CommonModule, i4.TuiPreventDefaultModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDialogModule, decorators: [{
+    TuiDialogModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDialogModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    TuiDialogModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDialogModule, declarations: [TuiDialogComponent, TuiDialogDirective], imports: [i3.PolymorpheusModule, i1.TuiButtonModule, i2.CommonModule, i4.TuiPreventDefaultModule], exports: [TuiDialogComponent, TuiDialogDirective] });
+    TuiDialogModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDialogModule, providers: [i4.tuiAsDialog(TuiDialogService)], imports: [[i3.PolymorpheusModule, i1.TuiButtonModule, i2.CommonModule, i4.TuiPreventDefaultModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDialogModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         imports: [i3.PolymorpheusModule, i1.TuiButtonModule, i2.CommonModule, i4.TuiPreventDefaultModule],
@@ -595,10 +609,9 @@
      */
 
     exports.TUI_DIALOGS_CLOSE = TUI_DIALOGS_CLOSE;
-    exports.TUI_DIALOG_CLOSE_STREAM = TUI_DIALOG_CLOSE_STREAM;
     exports.TUI_DIALOG_DEFAULT_OPTIONS = TUI_DIALOG_DEFAULT_OPTIONS;
     exports.TUI_DIALOG_OPTIONS = TUI_DIALOG_OPTIONS;
-    exports.TUI_DIALOG_PROVIDERS = TUI_DIALOG_PROVIDERS;
+    exports.TuiDialogCloseService = TuiDialogCloseService;
     exports.TuiDialogComponent = TuiDialogComponent;
     exports.TuiDialogDirective = TuiDialogDirective;
     exports.TuiDialogModule = TuiDialogModule;