@progress/kendo-angular-dialog 6.0.2-dev.202202251355 → 7.0.0-dev.202204150748

package/{dist/fesm2015/index.js → fesm2015/kendo-angular-dialog.js}

@@ -2,17 +2,20 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { __decorate, __metadata, __param } from 'tslib';
-import { EventEmitter, TemplateRef, Input, Output, HostBinding, Component, ElementRef, InjectionToken, Inject, Optional, NgZone, ContentChildren, QueryList, ViewChildren, ViewChild, Renderer2, ChangeDetectorRef, Injectable, isDevMode, ComponentFactoryResolver, Directive, Host, HostListener, ContentChild, ViewContainerRef, forwardRef, NgModule } from '@angular/core';
+import * as i0 from '@angular/core';
+import { EventEmitter, TemplateRef, Component, Input, Output, HostBinding, InjectionToken, Injectable, Inject, Optional, Directive, forwardRef, ContentChildren, ViewChildren, ViewChild, isDevMode, Renderer2, Host, HostListener, ContentChild, NgModule } from '@angular/core';
 import { trigger, state, style, transition, animate } from '@angular/animations';
-import { Subscription, Subject, merge, of } from 'rxjs';
-import { take, filter, map, share, tap, switchMap, takeUntil } from 'rxjs/operators';
-import { LocalizationService, L10N_PREFIX, RTL, MessageService, ComponentMessages } from '@progress/kendo-angular-l10n';
+import { of, Subscription, Subject, merge } from 'rxjs';
+import { delay, takeUntil, take, filter, map, share, tap, switchMap } from 'rxjs/operators';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1$1 from '@progress/kendo-angular-l10n';
+import { LocalizationService, L10N_PREFIX, RTL, ComponentMessages } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
+import * as i1$2 from '@progress/kendo-angular-common';
 import { DraggableDirective, isChanged, isDocumentAvailable, DraggableModule } from '@progress/kendo-angular-common';
 import { offset, scrollPosition, positionWithScroll, getDocumentElement, getWindowViewPort } from '@progress/kendo-popup-common';
 import { Button } from '@progress/kendo-angular-buttons';
-import { CommonModule } from '@angular/common';
 
 /**
  * @hidden
@@ -162,6 +165,16 @@ const preventDefault = ({ originalEvent: event }) => {
     event.stopPropagation();
     event.preventDefault();
 };
+/**
+ * @hidden
+ */
+const isWindowAvailable = () => {
+    return typeof window !== 'undefined';
+};
+/**
+ * @hidden
+ */
+const preventOnDblClick = release => (mouseDown) => of(mouseDown).pipe(delay(150), takeUntil(release));
 /**
  * @hidden
  */
@@ -208,7 +221,7 @@ const findPrimaryButton = (buttons) => {
  * Specifies the action buttons of the Dialog
  * ([see example]({% slug actionbuttons_dialog %})).
  */
-let DialogActionsComponent = class DialogActionsComponent {
+class DialogActionsComponent {
     constructor(el) {
         this.el = el;
         /**
@@ -221,14 +234,22 @@ let DialogActionsComponent = class DialogActionsComponent {
         this.action = new EventEmitter();
         this.buttonGroupClassName = true;
     }
-    get className() {
-        return this.layout === 'stretched';
-    }
     /**
-     * @hidden
+     * Allows the declarative specification of the actions.
      */
-    actionTemplate() {
-        return this.actions instanceof TemplateRef;
+    set actions(value) {
+        if (value instanceof TemplateRef) {
+            this.actionsTemplate = value;
+        }
+        else if (Array.isArray(value)) {
+            this.actionsArray = value;
+        }
+        else {
+            throw new Error('"actions" must be either TemplateRef or DialogAction[] instance.');
+        }
+    }
+    get className() {
+        return this.layout === 'stretched';
     }
     /**
      * @hidden
@@ -250,50 +271,59 @@ let DialogActionsComponent = class DialogActionsComponent {
         }
         return classes.join(' ');
     }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], DialogActionsComponent.prototype, "actions", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], DialogActionsComponent.prototype, "layout", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], DialogActionsComponent.prototype, "action", void 0);
-__decorate([
-    HostBinding('class.k-dialog-buttongroup'),
-    HostBinding('class.k-actions'),
-    __metadata("design:type", Boolean)
-], DialogActionsComponent.prototype, "buttonGroupClassName", void 0);
-__decorate([
-    HostBinding('class.k-actions-stretched'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], DialogActionsComponent.prototype, "className", null);
-DialogActionsComponent = __decorate([
-    Component({
-        selector: 'kendo-dialog-actions',
-        template: `
+}
+DialogActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DialogActionsComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+DialogActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: { actions: "actions", layout: "layout" }, outputs: { action: "action" }, host: { properties: { "class.k-dialog-buttongroup": "this.buttonGroupClassName", "class.k-actions": "this.buttonGroupClassName", "class.k-actions-stretched": "this.className" } }, ngImport: i0, template: `
+        <ng-content *ngIf="!actions"></ng-content>
+        <ng-container *ngIf="actionsArray; else actionTemplate">
+            <button
+                type="button"
+                *ngFor="let action of actionsArray"
+                [ngClass]="buttonClass(action)"
+                (click)="onButtonClick(action, $event)"
+                [attr.aria-label]="action.text"
+            >
+                {{ action.text }}
+            </button>
+        </ng-container>
+        <ng-template #actionTemplate [ngTemplateOutlet]="actionsTemplate"></ng-template>
+    `, isInline: true, directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DialogActionsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-dialog-actions',
+                    template: `
         <ng-content *ngIf="!actions"></ng-content>
-        <ng-container *ngIf="!actionTemplate()">
+        <ng-container *ngIf="actionsArray; else actionTemplate">
             <button
                 type="button"
+                *ngFor="let action of actionsArray"
                 [ngClass]="buttonClass(action)"
                 (click)="onButtonClick(action, $event)"
-                *ngFor="let action of actions"
                 [attr.aria-label]="action.text"
             >
                 {{ action.text }}
             </button>
         </ng-container>
-        <ng-template [ngTemplateOutlet]="actions" *ngIf="actionTemplate()"></ng-template>
+        <ng-template #actionTemplate [ngTemplateOutlet]="actionsTemplate"></ng-template>
     `
-    }),
-    __metadata("design:paramtypes", [ElementRef])
-], DialogActionsComponent);
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { actions: [{
+                type: Input
+            }], layout: [{
+                type: Input
+            }], action: [{
+                type: Output
+            }], buttonGroupClassName: [{
+                type: HostBinding,
+                args: ['class.k-dialog-buttongroup']
+            }, {
+                type: HostBinding,
+                args: ['class.k-actions']
+            }], className: [{
+                type: HostBinding,
+                args: ['class.k-actions-stretched']
+            }] } });
 
 /**
  * @hidden
@@ -327,7 +357,7 @@ const DIALOG_LOCALIZATION_SERVICE = new InjectionToken('Dialog LocalizationServi
 /**
  * @hidden
  */
-let TitleBarLocalizationService = class TitleBarLocalizationService extends LocalizationService {
+class TitleBarLocalizationService extends LocalizationService {
     constructor(prefix, messageService, rtl, dialogLocalization) {
         super(prefix, messageService, rtl);
         this.dialogLocalization = dialogLocalization;
@@ -338,21 +368,90 @@ let TitleBarLocalizationService = class TitleBarLocalizationService extends Loca
         }
         return super.get(shortKey);
     }
-};
-TitleBarLocalizationService = __decorate([
-    __param(0, Inject(L10N_PREFIX)),
-    __param(1, Optional()),
-    __param(2, Optional()), __param(2, Inject(RTL)),
-    __param(3, Optional()), __param(3, Inject(DIALOG_LOCALIZATION_SERVICE)),
-    __metadata("design:paramtypes", [String, MessageService, Boolean, LocalizationService])
-], TitleBarLocalizationService);
+}
+TitleBarLocalizationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TitleBarLocalizationService, deps: [{ token: L10N_PREFIX }, { token: i1$1.MessageService, optional: true }, { token: RTL, optional: true }, { token: DIALOG_LOCALIZATION_SERVICE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+TitleBarLocalizationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TitleBarLocalizationService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TitleBarLocalizationService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [L10N_PREFIX]
+                }] }, { type: i1$1.MessageService, decorators: [{
+                    type: Optional
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [RTL]
+                }] }, { type: i1$1.LocalizationService, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [DIALOG_LOCALIZATION_SERVICE]
+                }] }]; } });
+
+/**
+ * @hidden
+ */
+class Messages extends ComponentMessages {
+}
+Messages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+Messages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: Messages, selector: "kendo-dialog-messages-base", inputs: { closeTitle: "closeTitle", restoreTitle: "restoreTitle", maximizeTitle: "maximizeTitle", minimizeTitle: "minimizeTitle" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Messages, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'kendo-dialog-messages-base'
+                }]
+        }], propDecorators: { closeTitle: [{
+                type: Input
+            }], restoreTitle: [{
+                type: Input
+            }], maximizeTitle: [{
+                type: Input
+            }], minimizeTitle: [{
+                type: Input
+            }] } });
+
+/**
+ * @hidden
+ */
+class LocalizedMessagesDirective extends Messages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+}
+LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: LocalizedMessagesDirective, selector: "\n    [kendoDialogLocalizedMessages],\n    [kendoWindowLocalizedMessages],\n    [kendoDialogTitleBarLocalizedMessages]\n  ", providers: [
+        {
+            provide: Messages,
+            useExisting: forwardRef(() => LocalizedMessagesDirective)
+        }
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        {
+                            provide: Messages,
+                            useExisting: forwardRef(() => LocalizedMessagesDirective)
+                        }
+                    ],
+                    selector: `
+    [kendoDialogLocalizedMessages],
+    [kendoWindowLocalizedMessages],
+    [kendoDialogTitleBarLocalizedMessages]
+  `
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }]; } });
 
 /**
  * Represents the [Kendo UI DialogTitleBar component for Angular]({% slug api_dialog_dialogtitlebarcomponent %}).
  *
  * It is used as part of the Dialog content when the component is created dynamically by using an [Angular service]({% slug service_dialog %}).
  */
-let DialogTitleBarComponent = class DialogTitleBarComponent {
+class DialogTitleBarComponent {
     constructor(zone, hostElement, localizationService) {
         this.zone = zone;
         this.hostElement = hostElement;
@@ -382,40 +481,57 @@ let DialogTitleBarComponent = class DialogTitleBarComponent {
         const eventArgs = new PreventableEvent();
         this.close.emit(eventArgs);
     }
-};
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], DialogTitleBarComponent.prototype, "close", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], DialogTitleBarComponent.prototype, "id", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], DialogTitleBarComponent.prototype, "closeTitle", void 0);
-__decorate([
-    HostBinding('class.k-window-titlebar'),
-    HostBinding('class.k-dialog-titlebar'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], DialogTitleBarComponent.prototype, "className", null);
-DialogTitleBarComponent = __decorate([
-    Component({
-        selector: 'kendo-dialog-titlebar',
-        providers: [
-            TitleBarLocalizationService,
-            {
-                provide: LocalizationService,
-                useExisting: TitleBarLocalizationService
-            },
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.dialog'
-            }
-        ],
-        template: `
+}
+DialogTitleBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DialogTitleBarComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i1$1.LocalizationService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+DialogTitleBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: { id: "id", closeTitle: "closeTitle" }, outputs: { close: "close" }, host: { properties: { "class.k-window-titlebar": "this.className", "class.k-dialog-titlebar": "this.className" } }, providers: [
+        TitleBarLocalizationService,
+        {
+            provide: LocalizationService,
+            useExisting: TitleBarLocalizationService
+        },
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.dialog'
+        }
+    ], ngImport: i0, template: `
+         <ng-container
+            kendoDialogTitleBarLocalizedMessages
+            i18n-closeTitle="kendo.dialog.closeTitle|The title of the close button"
+            closeTitle="Close"
+        >
+            <div class="k-window-title k-dialog-title">
+                <ng-content></ng-content>
+            </div>
+
+            <div class="k-window-actions k-dialog-actions">
+                <button
+                    role="button"
+                    [attr.title]="closeButtonTitle"
+                    [attr.aria-label]="closeButtonTitle"
+                    class="k-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-icon-button k-window-action k-dialog-action k-dialog-close"
+                    (click)="onCloseClick($event)"
+                >
+                    <span class="k-button-icon k-icon k-i-x"></span>
+                </button>
+            </div>
+        </ng-container>
+    `, isInline: true, directives: [{ type: LocalizedMessagesDirective, selector: "\n    [kendoDialogLocalizedMessages],\n    [kendoWindowLocalizedMessages],\n    [kendoDialogTitleBarLocalizedMessages]\n  " }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DialogTitleBarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-dialog-titlebar',
+                    providers: [
+                        TitleBarLocalizationService,
+                        {
+                            provide: LocalizationService,
+                            useExisting: TitleBarLocalizationService
+                        },
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.dialog'
+                        }
+                    ],
+                    template: `
          <ng-container
             kendoDialogTitleBarLocalizedMessages
             i18n-closeTitle="kendo.dialog.closeTitle|The title of the close button"
@@ -438,10 +554,22 @@ DialogTitleBarComponent = __decorate([
             </div>
         </ng-container>
     `
-    }),
-    __param(2, Optional()),
-    __metadata("design:paramtypes", [NgZone, ElementRef, LocalizationService])
-], DialogTitleBarComponent);
+                }]
+        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.ElementRef }, { type: i1$1.LocalizationService, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { close: [{
+                type: Output
+            }], id: [{
+                type: Input
+            }], closeTitle: [{
+                type: Input
+            }], className: [{
+                type: HostBinding,
+                args: ['class.k-window-titlebar']
+            }, {
+                type: HostBinding,
+                args: ['class.k-dialog-titlebar']
+            }] } });
 
 /**
  * @hidden
@@ -450,17 +578,11 @@ const packageMetadata = {
     name: '@progress/kendo-angular-dialog',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1645797266,
+    publishDate: 1650008855,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
 
-/**
- * The settings for the Dialog actions when the Dialog is opened through `DialogService`
- * ([see example]({% slug api_dialog_dialogservice %}#toc-open)).
- */
-class DialogAction {
-}
 /**
  * Indicates that the **Close** button is clicked. Used when the results from
  * the Dialogs that are opened through `DialogService` are filtered
@@ -468,24 +590,11 @@ class DialogAction {
  */
 class DialogCloseResult {
 }
-/**
- * The settings that can be used when the Dialog is opened through `DialogService`.
- * ([see example]({% slug api_dialog_dialogservice %}#toc-open)).
- */
-class DialogSettings {
-}
-/**
- * Holds references to the object instance and published events of the Dialog.
- * Controls the Dialogs that were opened through the `DialogService`
- * ([see example]({% slug api_dialog_dialogservice %}#toc-open)).
- */
-class DialogRef {
-}
 
 /**
  * Represents the [Kendo UI Dialog component for Angular]({% slug overview_dialog_dialogs %}).
  */
-let DialogComponent = class DialogComponent {
+class DialogComponent {
     constructor(wrapper, renderer, localization, cdr, ngZone) {
         this.wrapper = wrapper;
         this.renderer = renderer;
@@ -787,107 +896,76 @@ let DialogComponent = class DialogComponent {
             this.subscriptions.push(s);
         }
     }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", Array)
-], DialogComponent.prototype, "actions", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], DialogComponent.prototype, "actionsLayout", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], DialogComponent.prototype, "autoFocusedElement", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], DialogComponent.prototype, "title", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], DialogComponent.prototype, "width", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], DialogComponent.prototype, "minWidth", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], DialogComponent.prototype, "maxWidth", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], DialogComponent.prototype, "height", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], DialogComponent.prototype, "minHeight", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], DialogComponent.prototype, "maxHeight", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], DialogComponent.prototype, "action", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], DialogComponent.prototype, "close", void 0);
-__decorate([
-    HostBinding('attr.dir'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], DialogComponent.prototype, "dir", null);
-__decorate([
-    HostBinding('attr.tabIndex'),
-    __metadata("design:type", Number)
-], DialogComponent.prototype, "tabIndex", void 0);
-__decorate([
-    ContentChildren(DialogTitleBarComponent, { descendants: false }),
-    __metadata("design:type", QueryList)
-], DialogComponent.prototype, "titlebarContent", void 0);
-__decorate([
-    ViewChildren(DialogTitleBarComponent),
-    __metadata("design:type", QueryList)
-], DialogComponent.prototype, "titlebarView", void 0);
-__decorate([
-    ViewChild(DialogActionsComponent, { static: false }),
-    __metadata("design:type", DialogActionsComponent)
-], DialogComponent.prototype, "actionsView", void 0);
-__decorate([
-    HostBinding('class.k-dialog-wrapper'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], DialogComponent.prototype, "wrapperClass", null);
-DialogComponent = __decorate([
-    Component({
-        animations: [
-            trigger('overlayAppear', [
-                state('in', style({ opacity: 1 })),
-                transition('void => *', [style({ opacity: 0.1 }), animate('.3s cubic-bezier(.2, .6, .4, 1)')])
-            ]),
-            trigger('dialogSlideInAppear', [
-                state('in', style({ transform: 'translate(0, 0)' })),
-                transition('void => *', [style({ transform: 'translate(0, -10%)' }), animate('.3s cubic-bezier(.2, 1, .2, 1)')])
-            ])
-        ],
-        exportAs: 'kendoDialog',
-        providers: [
-            LocalizationService,
-            {
-                provide: DIALOG_LOCALIZATION_SERVICE,
-                useExisting: LocalizationService
-            },
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.dialog'
-            }
-        ],
-        selector: 'kendo-dialog',
-        template: `
+}
+DialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DialogComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DialogComponent, selector: "kendo-dialog", inputs: { actions: "actions", actionsLayout: "actionsLayout", autoFocusedElement: "autoFocusedElement", title: "title", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", height: "height", minHeight: "minHeight", maxHeight: "maxHeight" }, outputs: { action: "action", close: "close" }, host: { properties: { "attr.dir": "this.dir", "attr.tabIndex": "this.tabIndex", "class.k-dialog-wrapper": "this.wrapperClass" } }, providers: [
+        LocalizationService,
+        {
+            provide: DIALOG_LOCALIZATION_SERVICE,
+            useExisting: LocalizationService
+        },
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.dialog'
+        }
+    ], queries: [{ propertyName: "titlebarContent", predicate: DialogTitleBarComponent }], viewQueries: [{ propertyName: "actionsView", first: true, predicate: DialogActionsComponent, descendants: true }, { propertyName: "titlebarView", predicate: DialogTitleBarComponent, descendants: true }], exportAs: ["kendoDialog"], ngImport: i0, template: `
+        <ng-container
+            kendoDialogLocalizedMessages
+            i18n-closeTitle="kendo.dialog.closeTitle|The title of the close button"
+            closeTitle="Close"
+        >
+        <div class="k-overlay" @overlayAppear></div>
+
+        <div class="k-window k-dialog" role="dialog" aria-modal="true" [ngStyle]="styles" @dialogSlideInAppear>
+            <kendo-dialog-titlebar *ngIf="title" [closeTitle]="closeTitle" [id]="titleId">{{ title }}</kendo-dialog-titlebar>
+            <ng-content select="kendo-dialog-titlebar" *ngIf="!title"></ng-content>
+
+            <div [id]="contentId" class="k-content k-window-content k-dialog-content">
+                <ng-content *ngIf="!contentTemplate"></ng-content>
+                <ng-template [ngTemplateOutlet]="contentTemplate" *ngIf="contentTemplate"></ng-template>
+            </div>
+
+            <ng-content select="kendo-dialog-actions" *ngIf="!actions"></ng-content>
+            <kendo-dialog-actions *ngIf="actions" [actions]="actions" [layout]="actionsLayout"> </kendo-dialog-actions>
+        </div>
+    </ng-container>
+    `, isInline: true, components: [{ type: DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }], directives: [{ type: LocalizedMessagesDirective, selector: "\n    [kendoDialogLocalizedMessages],\n    [kendoWindowLocalizedMessages],\n    [kendoDialogTitleBarLocalizedMessages]\n  " }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], animations: [
+        trigger('overlayAppear', [
+            state('in', style({ opacity: 1 })),
+            transition('void => *', [style({ opacity: 0.1 }), animate('.3s cubic-bezier(.2, .6, .4, 1)')])
+        ]),
+        trigger('dialogSlideInAppear', [
+            state('in', style({ transform: 'translate(0, 0)' })),
+            transition('void => *', [style({ transform: 'translate(0, -10%)' }), animate('.3s cubic-bezier(.2, 1, .2, 1)')])
+        ])
+    ] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DialogComponent, decorators: [{
+            type: Component,
+            args: [{
+                    animations: [
+                        trigger('overlayAppear', [
+                            state('in', style({ opacity: 1 })),
+                            transition('void => *', [style({ opacity: 0.1 }), animate('.3s cubic-bezier(.2, .6, .4, 1)')])
+                        ]),
+                        trigger('dialogSlideInAppear', [
+                            state('in', style({ transform: 'translate(0, 0)' })),
+                            transition('void => *', [style({ transform: 'translate(0, -10%)' }), animate('.3s cubic-bezier(.2, 1, .2, 1)')])
+                        ])
+                    ],
+                    exportAs: 'kendoDialog',
+                    providers: [
+                        LocalizationService,
+                        {
+                            provide: DIALOG_LOCALIZATION_SERVICE,
+                            useExisting: LocalizationService
+                        },
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.dialog'
+                        }
+                    ],
+                    selector: 'kendo-dialog',
+                    template: `
         <ng-container
             kendoDialogLocalizedMessages
             i18n-closeTitle="kendo.dialog.closeTitle|The title of the close button"
@@ -909,13 +987,58 @@ DialogComponent = __decorate([
         </div>
     </ng-container>
     `
-    }),
-    __metadata("design:paramtypes", [ElementRef,
-        Renderer2,
-        LocalizationService,
-        ChangeDetectorRef,
-        NgZone])
-], DialogComponent);
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1$1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }]; }, propDecorators: { actions: [{
+                type: Input
+            }], actionsLayout: [{
+                type: Input
+            }], autoFocusedElement: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], minWidth: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], minHeight: [{
+                type: Input
+            }], maxHeight: [{
+                type: Input
+            }], action: [{
+                type: Output
+            }], close: [{
+                type: Output
+            }], dir: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }], tabIndex: [{
+                type: HostBinding,
+                args: ['attr.tabIndex']
+            }], titlebarContent: [{
+                type: ContentChildren,
+                args: [DialogTitleBarComponent, { descendants: false }]
+            }], titlebarView: [{
+                type: ViewChildren,
+                args: [DialogTitleBarComponent]
+            }], actionsView: [{
+                type: ViewChild,
+                args: [DialogActionsComponent, { static: false }]
+            }], wrapperClass: [{
+                type: HostBinding,
+                args: ['class.k-dialog-wrapper']
+            }] } });
+
+/**
+ * Holds references to the object instance and published events of the Dialog.
+ * Controls the Dialogs that were opened through the `DialogService`
+ * ([see example]({% slug api_dialog_dialogservice %}#toc-open)).
+ */
+class DialogRef {
+}
 
 /**
  * The base class  which will be extended by a component that is provided as content through `content`
@@ -942,33 +1065,56 @@ class DialogContentBase {
         }
     }
 }
-__decorate([
-    ViewChild(DialogTitleBarComponent, { static: false }),
-    __metadata("design:type", DialogTitleBarComponent)
-], DialogContentBase.prototype, "dialogTitleBar", void 0);
-__decorate([
-    ViewChild(DialogActionsComponent, { static: false }),
-    __metadata("design:type", DialogActionsComponent)
-], DialogContentBase.prototype, "dialogActions", void 0);
+DialogContentBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DialogContentBase, deps: [{ token: DialogRef }], target: i0.ɵɵFactoryTarget.Component });
+DialogContentBase.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DialogContentBase, selector: "kendo-dialog-content-base", viewQueries: [{ propertyName: "dialogTitleBar", first: true, predicate: DialogTitleBarComponent, descendants: true }, { propertyName: "dialogActions", first: true, predicate: DialogActionsComponent, descendants: true }], ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DialogContentBase, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``,
+                    selector: 'kendo-dialog-content-base'
+                }]
+        }], ctorParameters: function () { return [{ type: DialogRef }]; }, propDecorators: { dialogTitleBar: [{
+                type: ViewChild,
+                args: [DialogTitleBarComponent, { static: false }]
+            }], dialogActions: [{
+                type: ViewChild,
+                args: [DialogActionsComponent, { static: false }]
+            }] } });
 
-var DialogContainerService_1;
 /**
  * @hidden
  */
-let DialogContainerService = DialogContainerService_1 = class DialogContainerService {
+class DialogContainerService {
     set container(container) {
-        DialogContainerService_1.container = container;
+        DialogContainerService.container = container;
     }
     get container() {
-        return DialogContainerService_1.container;
+        return DialogContainerService.container;
     }
-};
+}
 DialogContainerService.container = null;
-DialogContainerService = DialogContainerService_1 = __decorate([
-    Injectable()
-], DialogContainerService);
+DialogContainerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DialogContainerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+DialogContainerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DialogContainerService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DialogContainerService, decorators: [{
+            type: Injectable
+        }] });
 
-const isNotComponent = (component) => isString(component) || component instanceof TemplateRef;
+/**
+ * The settings for the Dialog actions when the Dialog is opened through `DialogService`
+ * ([see example]({% slug api_dialog_dialogservice %}#toc-open)).
+ */
+class DialogAction {
+}
+
+/**
+ * The settings that can be used when the Dialog is opened through `DialogService`.
+ * ([see example]({% slug api_dialog_dialogservice %}#toc-open)).
+ */
+class DialogSettings {
+}
+
+// eslint-disable max-line-length
+const isNotComponent$1 = (component) => isString(component) || component instanceof TemplateRef;
 class DialogInjector {
     constructor(getDialogRef, parentInjector) {
         this.getDialogRef = getDialogRef;
@@ -985,7 +1131,7 @@ class DialogInjector {
  * A service for opening Dialog windows dynamically
  * ([see example]({% slug service_dialog %})).
  */
-let DialogService = class DialogService {
+class DialogService {
     constructor(
     /**
      * @hidden
@@ -1082,7 +1228,7 @@ See https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/service/.
         merge(dialog.instance.close, dialog.instance.action).pipe(map(e => (e instanceof PreventableEvent ? new DialogCloseResult() : e)), filter(e => {
             if (options.preventAction) {
                 // add dialogRef only when using component
-                const dialogRefParameter = isNotComponent(component) ? undefined : dialogRef;
+                const dialogRefParameter = isNotComponent$1(component) ? undefined : dialogRef;
                 return !options.preventAction(e, dialogRefParameter);
             }
             return true;
@@ -1166,13 +1312,15 @@ See https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/service/.
             ]
         };
     }
-};
-DialogService = __decorate([
-    Injectable(),
-    __param(1, Inject(DialogContainerService)),
-    __metadata("design:paramtypes", [ComponentFactoryResolver,
-        DialogContainerService])
-], DialogService);
+}
+DialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DialogService, deps: [{ token: i0.ComponentFactoryResolver }, { token: DialogContainerService }], target: i0.ɵɵFactoryTarget.Injectable });
+DialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DialogService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DialogService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: DialogContainerService, decorators: [{
+                    type: Inject,
+                    args: [DialogContainerService]
+                }] }]; } });
 
 /**
  * @hidden
@@ -1208,7 +1356,7 @@ const createMoveStream = (el, ev) => mouseDown => {
 /**
  * @hidden
  */
-let DragResizeService = class DragResizeService {
+class DragResizeService {
     constructor(ngZone) {
         this.ngZone = ngZone;
         this.close = new EventEmitter();
@@ -1233,17 +1381,17 @@ let DragResizeService = class DragResizeService {
         }
     }
     init(el) {
-        const state$$1 = this.options.state;
+        const state = this.options.state;
         let options = this.options;
         this.window = el;
-        if (state$$1 !== 'default') {
+        if (state !== 'default') {
             this.restoreOptions = Object.assign({}, options);
         }
-        if (state$$1 === 'minimized') {
+        if (state === 'minimized') {
             options.height = 0;
             options.minHeight = 0;
         }
-        if (state$$1 === 'maximized') {
+        if (state === 'maximized') {
             options.position = 'fixed';
         }
     }
@@ -1338,9 +1486,9 @@ let DragResizeService = class DragResizeService {
             }
         }
         if (isPresent(ev.width) || isPresent(ev.height)) {
-            OFFSET_STYLES.forEach((style$$1) => {
-                if (isPresent(ev[style$$1])) {
-                    this.options[style$$1] = ev[style$$1];
+            OFFSET_STYLES.forEach((style) => {
+                if (isPresent(ev[style])) {
+                    this.options[style] = ev[style];
                 }
             });
             this.change.emit(ev);
@@ -1395,8 +1543,8 @@ let DragResizeService = class DragResizeService {
      * Required to distinguish them from action clicks.
      */
     applyManualState() {
-        const state$$1 = this.options.state;
-        switch (state$$1) {
+        const state = this.options.state;
+        switch (state) {
             case 'default':
                 this.clearHeight();
                 this.defaultState();
@@ -1471,9 +1619,9 @@ let DragResizeService = class DragResizeService {
         this.options.left = wrapper.left;
         this.options.top = wrapper.top;
     }
-    setRestoreOption(style$$1, value) {
+    setRestoreOption(style, value) {
         if (isPresent(this.restoreOptions)) {
-            this.restoreOptions[style$$1] = value;
+            this.restoreOptions[style] = value;
         }
     }
     get nextPossibleZIndex() {
@@ -1485,16 +1633,17 @@ let DragResizeService = class DragResizeService {
     get windowViewPort() {
         return getWindowViewPort(this.window.nativeElement);
     }
-};
-DragResizeService = __decorate([
-    Injectable(),
-    __metadata("design:paramtypes", [NgZone])
-], DragResizeService);
+}
+DragResizeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DragResizeService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+DragResizeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DragResizeService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DragResizeService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.NgZone }]; } });
 
 /**
  * @hidden
  */
-let ResizeHandleDirective = class ResizeHandleDirective {
+class ResizeHandleDirective {
     constructor(draggable, el, renderer, service) {
         this.draggable = draggable;
         this.el = el;
@@ -1522,8 +1671,8 @@ let ResizeHandleDirective = class ResizeHandleDirective {
         this.subscriptions.add(merge(this.service.resizeEnd, this.service.dragEnd).subscribe(() => {
             this.setDisplay('block');
         }));
-        this.subscriptions.add(this.service.stateChange.subscribe((state$$1) => {
-            this.setDisplay(state$$1 === 'default' ? 'block' : 'none');
+        this.subscriptions.add(this.service.stateChange.subscribe((state) => {
+            this.setDisplay(state === 'default' ? 'block' : 'none');
         }));
     }
     ngOnDestroy() {
@@ -1532,28 +1681,24 @@ let ResizeHandleDirective = class ResizeHandleDirective {
     setDisplay(value = 'block') {
         this.renderer.setStyle(this.el.nativeElement, 'display', this.service.options.state === 'default' ? value : 'none');
     }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], ResizeHandleDirective.prototype, "direction", void 0);
-__decorate([
-    HostBinding('class.k-resize-handle'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], ResizeHandleDirective.prototype, "hostClass", null);
-ResizeHandleDirective = __decorate([
-    Directive({
-        selector: '[kendoWindowResizeHandle]'
-    }),
-    __param(0, Host()),
-    __metadata("design:paramtypes", [DraggableDirective,
-        ElementRef,
-        Renderer2,
-        DragResizeService])
-], ResizeHandleDirective);
+}
+ResizeHandleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ResizeHandleDirective, deps: [{ token: i1$2.DraggableDirective, host: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DragResizeService }], target: i0.ɵɵFactoryTarget.Directive });
+ResizeHandleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ResizeHandleDirective, selector: "[kendoWindowResizeHandle]", inputs: { direction: "direction" }, host: { properties: { "class.k-resize-handle": "this.hostClass" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ResizeHandleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoWindowResizeHandle]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.DraggableDirective, decorators: [{
+                    type: Host
+                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: DragResizeService }]; }, propDecorators: { direction: [{
+                type: Input
+            }], hostClass: [{
+                type: HostBinding,
+                args: ['class.k-resize-handle']
+            }] } });
 
-let WindowTitleBarComponent = class WindowTitleBarComponent {
+class WindowTitleBarComponent {
     constructor(el, service, ngZone) {
         this.el = el;
         this.ngZone = ngZone;
@@ -1585,9 +1730,9 @@ let WindowTitleBarComponent = class WindowTitleBarComponent {
      * @hidden
      */
     subscribeStateChange() {
-        this.stateSubscription = this.service.stateChange.subscribe((state$$1) => {
+        this.stateSubscription = this.service.stateChange.subscribe((state) => {
             if (this.service.options.draggable) {
-                if (state$$1 === 'maximized') {
+                if (state === 'maximized') {
                     this.unsubscribeDrag();
                 }
                 else {
@@ -1628,12 +1773,12 @@ let WindowTitleBarComponent = class WindowTitleBarComponent {
      */
     handle(ev) {
         const target = ev.target;
-        const state$$1 = this.service.options.state;
+        const state = this.service.options.state;
         if (!hasClasses(target, 'k-icon') && !isFocusable(target, false) && this.service.options.resizable) {
-            if (state$$1 === 'default') {
+            if (state === 'default') {
                 this.service.maximizeAction();
             }
-            else if (state$$1 === 'maximized') {
+            else if (state === 'maximized') {
                 this.service.restoreAction();
             }
         }
@@ -1642,46 +1787,47 @@ let WindowTitleBarComponent = class WindowTitleBarComponent {
         const options = this.service.options;
         return options.draggable && options.state !== 'maximized';
     }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", TemplateRef)
-], WindowTitleBarComponent.prototype, "template", void 0);
-__decorate([
-    HostBinding('class.k-window-titlebar'),
-    HostBinding('class.k-dialog-titlebar'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], WindowTitleBarComponent.prototype, "className", null);
-__decorate([
-    HostBinding('style.touch-action'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], WindowTitleBarComponent.prototype, "touchAction", null);
-__decorate([
-    HostListener('dblclick', ['$event']),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Object]),
-    __metadata("design:returntype", void 0)
-], WindowTitleBarComponent.prototype, "handle", null);
-WindowTitleBarComponent = __decorate([
-    Component({
-        selector: 'kendo-window-titlebar',
-        template: `
+}
+WindowTitleBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WindowTitleBarComponent, deps: [{ token: i0.ElementRef }, { token: DragResizeService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+WindowTitleBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: WindowTitleBarComponent, selector: "kendo-window-titlebar", inputs: { template: "template" }, host: { listeners: { "dblclick": "handle($event)" }, properties: { "class.k-window-titlebar": "this.className", "class.k-dialog-titlebar": "this.className", "style.touch-action": "this.touchAction" } }, ngImport: i0, template: `
+    <ng-content *ngIf="!template"></ng-content>
+    <ng-template
+      [ngTemplateOutlet]="template"
+      [ngTemplateOutletContext]="{'$implicit': service}" *ngIf="template">
+    </ng-template>
+  `, isInline: true, directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WindowTitleBarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-window-titlebar',
+                    template: `
     <ng-content *ngIf="!template"></ng-content>
     <ng-template
       [ngTemplateOutlet]="template"
       [ngTemplateOutletContext]="{'$implicit': service}" *ngIf="template">
     </ng-template>
   `
-    }),
-    __metadata("design:paramtypes", [ElementRef, DragResizeService, NgZone])
-], WindowTitleBarComponent);
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: DragResizeService }, { type: i0.NgZone }]; }, propDecorators: { template: [{
+                type: Input
+            }], className: [{
+                type: HostBinding,
+                args: ['class.k-window-titlebar']
+            }, {
+                type: HostBinding,
+                args: ['class.k-dialog-titlebar']
+            }], touchAction: [{
+                type: HostBinding,
+                args: ['style.touch-action']
+            }], handle: [{
+                type: HostListener,
+                args: ['dblclick', ['$event']]
+            }] } });
 
 /**
  * @hidden
  */
-let NavigationService = class NavigationService {
+class NavigationService {
     constructor(window, ngZone) {
         this.window = window;
         this.ngZone = ngZone;
@@ -1729,7 +1875,7 @@ let NavigationService = class NavigationService {
         if (!options.draggable) {
             return;
         }
-        const offset$$1 = this.window.currentOffsetAndPosition();
+        const offset = this.window.currentOffsetAndPosition();
         let restoreOptions = this.window.restoreOptions;
         let ev = {};
         let delta = 10;
@@ -1739,13 +1885,13 @@ let NavigationService = class NavigationService {
         switch (key) {
             case Keys.left:
             case Keys.right: {
-                ev.left = offset$$1.x + delta;
+                ev.left = offset.x + delta;
                 options.left = ev.left;
                 break;
             }
             case Keys.up:
             case Keys.down: {
-                ev.top = offset$$1.y + delta;
+                ev.top = offset.y + delta;
                 options.top = ev.top;
                 break;
             }
@@ -1763,7 +1909,7 @@ let NavigationService = class NavigationService {
         if (!options.resizable) {
             return;
         }
-        const offset$$1 = this.window.currentOffsetAndPosition();
+        const offset = this.window.currentOffsetAndPosition();
         let newWidth;
         let newHeight;
         let ev = {};
@@ -1774,7 +1920,7 @@ let NavigationService = class NavigationService {
         switch (key) {
             case Keys.left:
             case Keys.right: {
-                newWidth = offset$$1.width + delta;
+                newWidth = offset.width + delta;
                 if (newWidth !== options.width && newWidth >= options.minWidth) {
                     ev.width = newWidth;
                 }
@@ -1782,7 +1928,7 @@ let NavigationService = class NavigationService {
             }
             case Keys.up:
             case Keys.down: {
-                newHeight = offset$$1.height + delta;
+                newHeight = offset.height + delta;
                 if (newHeight !== options.height && newHeight >= options.minHeight) {
                     ev.height = newHeight;
                 }
@@ -1792,21 +1938,21 @@ let NavigationService = class NavigationService {
                 break;
         }
         if (isPresent(ev.width) || isPresent(ev.height)) {
-            OFFSET_STYLES.forEach((style$$1) => {
-                if (isPresent(ev[style$$1])) {
-                    this.window.options[style$$1] = ev[style$$1];
+            OFFSET_STYLES.forEach((style) => {
+                if (isPresent(ev[style])) {
+                    this.window.options[style] = ev[style];
                 }
             });
             this.window.change.emit(ev);
         }
     }
-    handleStateChange(key, state$$1) {
-        if ((state$$1 === 'minimized' && key === Keys.up) ||
-            (state$$1 === 'maximized' && key === Keys.down)) {
+    handleStateChange(key, state) {
+        if ((state === 'minimized' && key === Keys.up) ||
+            (state === 'maximized' && key === Keys.down)) {
             this.window.restoreAction();
             return;
         }
-        if (state$$1 === 'default') {
+        if (state === 'default') {
             if (key === Keys.up) {
                 this.window.maximizeAction();
             }
@@ -1815,17 +1961,235 @@ let NavigationService = class NavigationService {
             }
         }
     }
-};
-NavigationService = __decorate([
-    Injectable(),
-    __metadata("design:paramtypes", [DragResizeService,
-        NgZone])
-], NavigationService);
+}
+NavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NavigationService, deps: [{ token: DragResizeService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+NavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NavigationService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NavigationService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: DragResizeService }, { type: i0.NgZone }]; } });
+
+class WindowMinimizeActionDirective extends Button {
+    constructor(el, renderer, _service, localization, ngZone) {
+        super(el, renderer, null, localization, ngZone);
+        this.buttonType = 'button';
+        this.window = _service;
+        this.fillMode = 'flat';
+        this.icon = 'window-minimize';
+    }
+    /**
+     * @hidden
+     */
+    onClick() {
+        if (!this.isDisabled) {
+            this.window.minimizeAction();
+        }
+    }
+    get visible() {
+        return this.window.options.state === 'default' ? 'inline-flex' : 'none';
+    }
+}
+WindowMinimizeActionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WindowMinimizeActionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DragResizeService, optional: true }, { token: i1$1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+WindowMinimizeActionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: WindowMinimizeActionDirective, selector: "button[kendoWindowMinimizeAction]", inputs: { window: "window" }, host: { listeners: { "click": "onClick()" }, properties: { "attr.type": "this.buttonType", "style.display": "this.visible" } }, providers: [
+        LocalizationService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.button'
+        }
+    ], exportAs: ["kendoWindowMinimizeAction"], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WindowMinimizeActionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    exportAs: 'kendoWindowMinimizeAction',
+                    providers: [
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.button'
+                        }
+                    ],
+                    selector: 'button[kendoWindowMinimizeAction]' // eslint-disable-line
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: DragResizeService, decorators: [{
+                    type: Optional
+                }] }, { type: i1$1.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { window: [{
+                type: Input
+            }], buttonType: [{
+                type: HostBinding,
+                args: ['attr.type']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }], visible: [{
+                type: HostBinding,
+                args: ['style.display']
+            }] } });
+
+class WindowMaximizeActionDirective extends Button {
+    constructor(el, renderer, _service, localization, ngZone) {
+        super(el, renderer, null, localization, ngZone);
+        this.buttonType = 'button';
+        this.window = _service;
+        this.fillMode = 'flat';
+        this.icon = 'window-maximize';
+    }
+    /**
+     * @hidden
+     */
+    onClick() {
+        if (!this.isDisabled) {
+            this.window.maximizeAction();
+        }
+    }
+    get visible() {
+        return this.window.options.state === 'default' ? 'inline-flex' : 'none';
+    }
+}
+WindowMaximizeActionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WindowMaximizeActionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DragResizeService, optional: true }, { token: i1$1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+WindowMaximizeActionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: WindowMaximizeActionDirective, selector: "button[kendoWindowMaximizeAction]", inputs: { window: "window" }, host: { listeners: { "click": "onClick()" }, properties: { "attr.type": "this.buttonType", "style.display": "this.visible" } }, providers: [
+        LocalizationService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.button'
+        }
+    ], exportAs: ["kendoWindowMaximizeAction"], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WindowMaximizeActionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    exportAs: 'kendoWindowMaximizeAction',
+                    providers: [
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.button'
+                        }
+                    ],
+                    selector: 'button[kendoWindowMaximizeAction]' // eslint-disable-line
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: DragResizeService, decorators: [{
+                    type: Optional
+                }] }, { type: i1$1.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { window: [{
+                type: Input
+            }], buttonType: [{
+                type: HostBinding,
+                args: ['attr.type']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }], visible: [{
+                type: HostBinding,
+                args: ['style.display']
+            }] } });
+
+class WindowRestoreActionDirective extends Button {
+    constructor(el, renderer, _service, localization, ngZone) {
+        super(el, renderer, null, localization, ngZone);
+        this.buttonType = 'button';
+        this.window = _service;
+        this.fillMode = 'flat';
+        this.icon = 'window-restore';
+    }
+    /**
+     * @hidden
+     */
+    onClick() {
+        if (!this.isDisabled) {
+            this.window.restoreAction();
+        }
+    }
+    get visible() {
+        return this.window.options.state === 'default' ? 'none' : 'inline-flex';
+    }
+}
+WindowRestoreActionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WindowRestoreActionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DragResizeService, optional: true }, { token: i1$1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+WindowRestoreActionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: WindowRestoreActionDirective, selector: "button[kendoWindowRestoreAction]", inputs: { window: "window" }, host: { listeners: { "click": "onClick()" }, properties: { "attr.type": "this.buttonType", "style.display": "this.visible" } }, providers: [
+        LocalizationService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.button'
+        }
+    ], exportAs: ["kendoWindowRestoreAction"], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WindowRestoreActionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    exportAs: 'kendoWindowRestoreAction',
+                    providers: [
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.button'
+                        }
+                    ],
+                    selector: 'button[kendoWindowRestoreAction]' // eslint-disable-line
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: DragResizeService, decorators: [{
+                    type: Optional
+                }] }, { type: i1$1.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { window: [{
+                type: Input
+            }], buttonType: [{
+                type: HostBinding,
+                args: ['attr.type']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }], visible: [{
+                type: HostBinding,
+                args: ['style.display']
+            }] } });
+
+class WindowCloseActionDirective extends Button {
+    constructor(el, renderer, _service, localization, ngZone) {
+        super(el, renderer, null, localization, ngZone);
+        this.buttonType = 'button';
+        this.window = _service;
+        this.fillMode = 'flat';
+        this.icon = 'close';
+    }
+    /**
+     * @hidden
+     */
+    onClick() {
+        if (!this.isDisabled) {
+            this.window.closeAction();
+        }
+    }
+}
+WindowCloseActionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WindowCloseActionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DragResizeService, optional: true }, { token: i1$1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+WindowCloseActionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: WindowCloseActionDirective, selector: "button[kendoWindowCloseAction]", inputs: { window: "window" }, host: { listeners: { "click": "onClick()" }, properties: { "attr.type": "this.buttonType" } }, providers: [
+        LocalizationService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.button'
+        }
+    ], exportAs: ["kendoWindowCloseAction"], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WindowCloseActionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    exportAs: 'kendoWindowCloseAction',
+                    providers: [
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.button'
+                        }
+                    ],
+                    selector: 'button[kendoWindowCloseAction]' // eslint-disable-line
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: DragResizeService, decorators: [{
+                    type: Optional
+                }] }, { type: i1$1.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { window: [{
+                type: Input
+            }], buttonType: [{
+                type: HostBinding,
+                args: ['attr.type']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
 
 /**
  * Represents the [Kendo UI Window component for Angular]({% slug overview_window_dialogs %}).
  */
-let WindowComponent = class WindowComponent {
+class WindowComponent {
     constructor(el, renderer, service, navigation, ngZone, localization) {
         this.el = el;
         this.renderer = renderer;
@@ -2066,9 +2430,9 @@ let WindowComponent = class WindowComponent {
         this.service.init(this.el);
     }
     ngOnChanges(changes) {
-        OFFSET_STYLES.forEach((style$$1) => {
-            if (isChanged(style$$1, changes)) {
-                this.setStyle(style$$1, this.options[style$$1]);
+        OFFSET_STYLES.forEach((style) => {
+            if (isChanged(style, changes)) {
+                this.setStyle(style, this.options[style]);
             }
         });
         if (isChanged('draggable', changes)) {
@@ -2136,9 +2500,9 @@ let WindowComponent = class WindowComponent {
      * @param {WindowOffsetSetting} offset - The option that will be updated
      * @param {number} value - The value set in pixels
      */
-    setOffset(offset$$1, value) {
-        this.setOption(offset$$1, value);
-        this.setStyle(offset$$1, value);
+    setOffset(offset, value) {
+        this.setOption(offset, value);
+        this.setStyle(offset, value);
     }
     get showDefaultTitleBar() {
         return !isPresent(this.titleBarContent);
@@ -2210,24 +2574,24 @@ let WindowComponent = class WindowComponent {
             }
         }));
         this.windowSubscription.add(this.service.change.subscribe((ev) => {
-            OFFSET_STYLES.forEach((style$$1) => {
-                if (isPresent(ev[style$$1])) {
-                    this.setStyle(style$$1, ev[style$$1]);
+            OFFSET_STYLES.forEach((style) => {
+                if (isPresent(ev[style])) {
+                    this.setStyle(style, ev[style]);
                     if (this.state !== 'maximized') {
-                        const emitter = this[style$$1 + 'Change'];
+                        const emitter = this[style + 'Change'];
                         if (emitter.observers.length) {
                             this.ngZone.run(() => {
-                                emitter.emit(ev[style$$1]);
+                                emitter.emit(ev[style]);
                             });
                         }
                     }
                 }
             });
         }));
-        this.windowSubscription.add(this.service.stateChange.subscribe((state$$1) => {
+        this.windowSubscription.add(this.service.stateChange.subscribe((state) => {
             if (isPresent(this.service.lastAction)) {
                 this.updateAllOffset();
-                this.stateChange.emit(state$$1);
+                this.stateChange.emit(state);
             }
         }));
     }
@@ -2282,31 +2646,31 @@ let WindowComponent = class WindowComponent {
         }
     }
     updateAllOffset() {
-        OFFSET_STYLES.forEach((style$$1) => {
-            if (isPresent(this[style$$1])) {
-                this.setStyle(style$$1, this[style$$1]);
+        OFFSET_STYLES.forEach((style) => {
+            if (isPresent(this[style])) {
+                this.setStyle(style, this[style]);
             }
             else {
-                this.removeStyle(style$$1);
+                this.removeStyle(style);
             }
         });
     }
-    setStyle(style$$1, value) {
-        this.renderer.setStyle(this.el.nativeElement, style$$1, value + 'px');
+    setStyle(style, value) {
+        this.renderer.setStyle(this.el.nativeElement, style, value + 'px');
     }
-    removeStyle(style$$1) {
-        this.renderer.removeStyle(this.el.nativeElement, style$$1);
+    removeStyle(style) {
+        this.renderer.removeStyle(this.el.nativeElement, style);
     }
     get options() {
         return this.service.options;
     }
-    setOption(style$$1, value) {
+    setOption(style, value) {
         if (typeof value !== 'number' && typeof value !== 'string') {
             return;
         }
         const parsedValue = (typeof value === 'number') ? value : parseInt(value, 10);
-        this.options[style$$1] = parsedValue;
-        this.service.setRestoreOption(style$$1, parsedValue);
+        this.options[style] = parsedValue;
+        this.service.setRestoreOption(style, parsedValue);
     }
     handleInitialFocus() {
         const wrapper = this.el.nativeElement;
@@ -2320,181 +2684,17 @@ let WindowComponent = class WindowComponent {
             this.focus();
         }
     }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], WindowComponent.prototype, "autoFocusedElement", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], WindowComponent.prototype, "title", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [Boolean])
-], WindowComponent.prototype, "draggable", null);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [Boolean])
-], WindowComponent.prototype, "resizable", null);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], WindowComponent.prototype, "keepContent", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
-], WindowComponent.prototype, "state", null);
-__decorate([
-    Input(),
-    __metadata("design:type", Number),
-    __metadata("design:paramtypes", [Number])
-], WindowComponent.prototype, "minWidth", null);
-__decorate([
-    Input(),
-    __metadata("design:type", Number),
-    __metadata("design:paramtypes", [Number])
-], WindowComponent.prototype, "minHeight", null);
-__decorate([
-    Input(),
-    __metadata("design:type", Number),
-    __metadata("design:paramtypes", [Number])
-], WindowComponent.prototype, "width", null);
-__decorate([
-    Input(),
-    __metadata("design:type", Number),
-    __metadata("design:paramtypes", [Number])
-], WindowComponent.prototype, "height", null);
-__decorate([
-    Input(),
-    __metadata("design:type", Number),
-    __metadata("design:paramtypes", [Number])
-], WindowComponent.prototype, "top", null);
-__decorate([
-    Input(),
-    __metadata("design:type", Number),
-    __metadata("design:paramtypes", [Number])
-], WindowComponent.prototype, "left", null);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], WindowComponent.prototype, "dragStart", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], WindowComponent.prototype, "dragEnd", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], WindowComponent.prototype, "resizeStart", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], WindowComponent.prototype, "resizeEnd", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], WindowComponent.prototype, "close", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], WindowComponent.prototype, "widthChange", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], WindowComponent.prototype, "heightChange", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], WindowComponent.prototype, "topChange", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], WindowComponent.prototype, "leftChange", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], WindowComponent.prototype, "stateChange", void 0);
-__decorate([
-    HostBinding('attr.tabIndex'),
-    __metadata("design:type", Number)
-], WindowComponent.prototype, "tabIndex", void 0);
-__decorate([
-    HostBinding('class.k-window'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], WindowComponent.prototype, "hostClasses", null);
-__decorate([
-    HostBinding('attr.dir'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], WindowComponent.prototype, "dir", null);
-__decorate([
-    ViewChild(WindowTitleBarComponent, { static: false }),
-    __metadata("design:type", WindowTitleBarComponent)
-], WindowComponent.prototype, "titleBarView", void 0);
-__decorate([
-    ContentChild(WindowTitleBarComponent, { static: false }),
-    __metadata("design:type", WindowTitleBarComponent)
-], WindowComponent.prototype, "titleBarContent", void 0);
-__decorate([
-    ViewChildren(ResizeHandleDirective),
-    __metadata("design:type", QueryList)
-], WindowComponent.prototype, "resizeHandles", void 0);
-__decorate([
-    HostBinding('style.minWidth'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], WindowComponent.prototype, "styleMinWidth", null);
-__decorate([
-    HostBinding('style.minHeight'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], WindowComponent.prototype, "styleMinHeight", null);
-__decorate([
-    HostBinding('style.position'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], WindowComponent.prototype, "stylePosition", null);
-__decorate([
-    HostBinding('class.k-window-maximized'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], WindowComponent.prototype, "wrapperMaximizedClass", null);
-__decorate([
-    HostBinding('class.k-window-minimized'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], WindowComponent.prototype, "wrapperMinimizedClass", null);
-__decorate([
-    HostListener('focus'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], WindowComponent.prototype, "onComponentFocus", null);
-__decorate([
-    HostListener('blur'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], WindowComponent.prototype, "onComponentBlur", null);
-WindowComponent = __decorate([
-    Component({
-        exportAs: 'kendoWindow',
-        providers: [
-            DragResizeService,
-            NavigationService,
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.window'
-            }
-        ],
-        selector: 'kendo-window',
-        template: `
+}
+WindowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WindowComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DragResizeService }, { token: NavigationService }, { token: i0.NgZone }, { token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+WindowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: WindowComponent, selector: "kendo-window", inputs: { autoFocusedElement: "autoFocusedElement", title: "title", draggable: "draggable", resizable: "resizable", keepContent: "keepContent", state: "state", minWidth: "minWidth", minHeight: "minHeight", width: "width", height: "height", top: "top", left: "left" }, outputs: { dragStart: "dragStart", dragEnd: "dragEnd", resizeStart: "resizeStart", resizeEnd: "resizeEnd", close: "close", widthChange: "widthChange", heightChange: "heightChange", topChange: "topChange", leftChange: "leftChange", stateChange: "stateChange" }, host: { listeners: { "focus": "onComponentFocus()", "blur": "onComponentBlur()" }, properties: { "attr.tabIndex": "this.tabIndex", "class.k-window": "this.hostClasses", "attr.dir": "this.dir", "style.minWidth": "this.styleMinWidth", "style.minHeight": "this.styleMinHeight", "style.position": "this.stylePosition", "class.k-window-maximized": "this.wrapperMaximizedClass", "class.k-window-minimized": "this.wrapperMinimizedClass" } }, providers: [
+        DragResizeService,
+        NavigationService,
+        LocalizationService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.window'
+        }
+    ], queries: [{ propertyName: "titleBarContent", first: true, predicate: WindowTitleBarComponent, descendants: true }], viewQueries: [{ propertyName: "titleBarView", first: true, predicate: WindowTitleBarComponent, descendants: true }, { propertyName: "resizeHandles", predicate: ResizeHandleDirective, descendants: true }], exportAs: ["kendoWindow"], usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoWindowLocalizedMessages
             i18n-closeTitle="kendo.window.closeTitle|The title of the close button"
             closeTitle="Close"
@@ -2536,255 +2736,156 @@ WindowComponent = __decorate([
                 kendoDraggable>
             </div>
         </ng-template>
-    `
-    }),
-    __metadata("design:paramtypes", [ElementRef,
-        Renderer2,
-        DragResizeService,
-        NavigationService,
-        NgZone,
-        LocalizationService])
-], WindowComponent);
+    `, isInline: true, components: [{ type: WindowTitleBarComponent, selector: "kendo-window-titlebar", inputs: ["template"] }], directives: [{ type: LocalizedMessagesDirective, selector: "\n    [kendoDialogLocalizedMessages],\n    [kendoWindowLocalizedMessages],\n    [kendoDialogTitleBarLocalizedMessages]\n  " }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: WindowMinimizeActionDirective, selector: "button[kendoWindowMinimizeAction]", inputs: ["window"], exportAs: ["kendoWindowMinimizeAction"] }, { type: WindowMaximizeActionDirective, selector: "button[kendoWindowMaximizeAction]", inputs: ["window"], exportAs: ["kendoWindowMaximizeAction"] }, { type: WindowRestoreActionDirective, selector: "button[kendoWindowRestoreAction]", inputs: ["window"], exportAs: ["kendoWindowRestoreAction"] }, { type: WindowCloseActionDirective, selector: "button[kendoWindowCloseAction]", inputs: ["window"], exportAs: ["kendoWindowCloseAction"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: ResizeHandleDirective, selector: "[kendoWindowResizeHandle]", inputs: ["direction"] }, { type: i1$2.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WindowComponent, decorators: [{
+            type: Component,
+            args: [{
+                    exportAs: 'kendoWindow',
+                    providers: [
+                        DragResizeService,
+                        NavigationService,
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.window'
+                        }
+                    ],
+                    selector: 'kendo-window',
+                    template: `
+        <ng-container kendoWindowLocalizedMessages
+            i18n-closeTitle="kendo.window.closeTitle|The title of the close button"
+            closeTitle="Close"
 
-let WindowMaximizeActionDirective = class WindowMaximizeActionDirective extends Button {
-    constructor(el, renderer, _service, localization, ngZone) {
-        super(el, renderer, null, localization, ngZone);
-        this.buttonType = 'button';
-        this.window = _service;
-        this.fillMode = 'flat';
-        this.icon = 'window-maximize';
-    }
-    /**
-     * @hidden
-     */
-    onClick() {
-        if (!this.isDisabled) {
-            this.window.maximizeAction();
-        }
-    }
-    get visible() {
-        return this.window.options.state === 'default' ? 'inline-flex' : 'none';
-    }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], WindowMaximizeActionDirective.prototype, "window", void 0);
-__decorate([
-    HostBinding('attr.type'),
-    __metadata("design:type", String)
-], WindowMaximizeActionDirective.prototype, "buttonType", void 0);
-__decorate([
-    HostListener('click'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], WindowMaximizeActionDirective.prototype, "onClick", null);
-__decorate([
-    HostBinding('style.display'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], WindowMaximizeActionDirective.prototype, "visible", null);
-WindowMaximizeActionDirective = __decorate([
-    Directive({
-        exportAs: 'kendoWindowMaximizeAction',
-        providers: [
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.button'
-            }
-        ],
-        selector: 'button[kendoWindowMaximizeAction]' // tslint:disable-line
-    }),
-    __param(2, Optional()),
-    __metadata("design:paramtypes", [ElementRef,
-        Renderer2,
-        DragResizeService,
-        LocalizationService,
-        NgZone])
-], WindowMaximizeActionDirective);
+            i18n-restoreTitle="kendo.window.restoreTitle|The title of the restore button"
+            restoreTitle="Restore"
 
-let WindowMinimizeActionDirective = class WindowMinimizeActionDirective extends Button {
-    constructor(el, renderer, _service, localization, ngZone) {
-        super(el, renderer, null, localization, ngZone);
-        this.buttonType = 'button';
-        this.window = _service;
-        this.fillMode = 'flat';
-        this.icon = 'window-minimize';
-    }
-    /**
-     * @hidden
-     */
-    onClick() {
-        if (!this.isDisabled) {
-            this.window.minimizeAction();
-        }
-    }
-    get visible() {
-        return this.window.options.state === 'default' ? 'inline-flex' : 'none';
-    }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], WindowMinimizeActionDirective.prototype, "window", void 0);
-__decorate([
-    HostBinding('attr.type'),
-    __metadata("design:type", String)
-], WindowMinimizeActionDirective.prototype, "buttonType", void 0);
-__decorate([
-    HostListener('click'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], WindowMinimizeActionDirective.prototype, "onClick", null);
-__decorate([
-    HostBinding('style.display'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], WindowMinimizeActionDirective.prototype, "visible", null);
-WindowMinimizeActionDirective = __decorate([
-    Directive({
-        exportAs: 'kendoWindowMinimizeAction',
-        providers: [
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.button'
-            }
-        ],
-        selector: 'button[kendoWindowMinimizeAction]' // tslint:disable-line
-    }),
-    __param(2, Optional()),
-    __metadata("design:paramtypes", [ElementRef,
-        Renderer2,
-        DragResizeService,
-        LocalizationService,
-        NgZone])
-], WindowMinimizeActionDirective);
+            i18n-maximizeTitle="kendo.window.maximizeTitle|The title of the maximize button"
+            maximizeTitle="Maximize"
 
-let WindowCloseActionDirective = class WindowCloseActionDirective extends Button {
-    constructor(el, renderer, _service, localization, ngZone) {
-        super(el, renderer, null, localization, ngZone);
-        this.buttonType = 'button';
-        this.window = _service;
-        this.fillMode = 'flat';
-        this.icon = 'close';
-    }
-    /**
-     * @hidden
-     */
-    onClick() {
-        if (!this.isDisabled) {
-            this.window.closeAction();
-        }
-    }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], WindowCloseActionDirective.prototype, "window", void 0);
-__decorate([
-    HostBinding('attr.type'),
-    __metadata("design:type", String)
-], WindowCloseActionDirective.prototype, "buttonType", void 0);
-__decorate([
-    HostListener('click'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], WindowCloseActionDirective.prototype, "onClick", null);
-WindowCloseActionDirective = __decorate([
-    Directive({
-        exportAs: 'kendoWindowCloseAction',
-        providers: [
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.button'
-            }
-        ],
-        selector: 'button[kendoWindowCloseAction]' // tslint:disable-line
-    }),
-    __param(2, Optional()),
-    __metadata("design:paramtypes", [ElementRef,
-        Renderer2,
-        DragResizeService,
-        LocalizationService,
-        NgZone])
-], WindowCloseActionDirective);
+            i18n-minimizeTitle="kendo.window.minimizeTitle|The title of the minimize button"
+            minimizeTitle="Minimize"
+        >
+        <ng-container>
 
-let WindowRestoreActionDirective = class WindowRestoreActionDirective extends Button {
-    constructor(el, renderer, _service, localization, ngZone) {
-        super(el, renderer, null, localization, ngZone);
-        this.buttonType = 'button';
-        this.window = _service;
-        this.fillMode = 'flat';
-        this.icon = 'window-restore';
-    }
-    /**
-     * @hidden
-     */
-    onClick() {
-        if (!this.isDisabled) {
-            this.window.restoreAction();
-        }
-    }
-    get visible() {
-        return this.window.options.state === 'default' ? 'none' : 'inline-flex';
-    }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], WindowRestoreActionDirective.prototype, "window", void 0);
-__decorate([
-    HostBinding('attr.type'),
-    __metadata("design:type", String)
-], WindowRestoreActionDirective.prototype, "buttonType", void 0);
-__decorate([
-    HostListener('click'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], WindowRestoreActionDirective.prototype, "onClick", null);
-__decorate([
-    HostBinding('style.display'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], WindowRestoreActionDirective.prototype, "visible", null);
-WindowRestoreActionDirective = __decorate([
-    Directive({
-        exportAs: 'kendoWindowRestoreAction',
-        providers: [
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.button'
-            }
-        ],
-        selector: 'button[kendoWindowRestoreAction]' // tslint:disable-line
-    }),
-    __param(2, Optional()),
-    __metadata("design:paramtypes", [ElementRef,
-        Renderer2,
-        DragResizeService,
-        LocalizationService,
-        NgZone])
-], WindowRestoreActionDirective);
+        <kendo-window-titlebar *ngIf="showDefaultTitleBar" [template]="titleBarTemplate">
+            <div class="k-window-title">{{ title }}</div>
+            <div class="k-window-actions">
+                <button kendoWindowMinimizeAction  [attr.title]="minimizeButtonTitle" [attr.aria-label]="minimizeButtonTitle"></button>
+                <button kendoWindowMaximizeAction [attr.title]="maximizeButtonTitle" [attr.aria-label]="maximizeButtonTitle"></button>
+                <button kendoWindowRestoreAction [attr.title]="restoreButtonTitle" [attr.aria-label]="restoreButtonTitle"></button>
+                <button kendoWindowCloseAction [attr.title]="closeButtonTitle" [attr.aria-label]="closeButtonTitle"></button>
+            </div>
+        </kendo-window-titlebar>
+        <ng-content select="kendo-window-titlebar" *ngIf="!showDefaultTitleBar"></ng-content>
+
+        <div *ngIf="state !== 'minimized' || keepContent"
+            [hidden]="state === 'minimized' && keepContent"
+            class="k-content k-window-content"
+        >
+            <ng-content *ngIf="!contentTemplate"></ng-content>
+            <ng-template [ngTemplateOutlet]="contentTemplate" *ngIf="contentTemplate"></ng-template>
+        </div>
+
+        <ng-template [ngIf]='resizable'>
+            <div *ngFor='let dir of resizeDirections'
+                [direction]="dir"
+                kendoWindowResizeHandle
+                kendoDraggable>
+            </div>
+        </ng-template>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: DragResizeService }, { type: NavigationService }, { type: i0.NgZone }, { type: i1$1.LocalizationService }]; }, propDecorators: { autoFocusedElement: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], draggable: [{
+                type: Input
+            }], resizable: [{
+                type: Input
+            }], keepContent: [{
+                type: Input
+            }], state: [{
+                type: Input
+            }], minWidth: [{
+                type: Input
+            }], minHeight: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], top: [{
+                type: Input
+            }], left: [{
+                type: Input
+            }], dragStart: [{
+                type: Output
+            }], dragEnd: [{
+                type: Output
+            }], resizeStart: [{
+                type: Output
+            }], resizeEnd: [{
+                type: Output
+            }], close: [{
+                type: Output
+            }], widthChange: [{
+                type: Output
+            }], heightChange: [{
+                type: Output
+            }], topChange: [{
+                type: Output
+            }], leftChange: [{
+                type: Output
+            }], stateChange: [{
+                type: Output
+            }], tabIndex: [{
+                type: HostBinding,
+                args: ['attr.tabIndex']
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class.k-window']
+            }], dir: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }], titleBarView: [{
+                type: ViewChild,
+                args: [WindowTitleBarComponent, { static: false }]
+            }], titleBarContent: [{
+                type: ContentChild,
+                args: [WindowTitleBarComponent, { static: false }]
+            }], resizeHandles: [{
+                type: ViewChildren,
+                args: [ResizeHandleDirective]
+            }], styleMinWidth: [{
+                type: HostBinding,
+                args: ['style.minWidth']
+            }], styleMinHeight: [{
+                type: HostBinding,
+                args: ['style.minHeight']
+            }], stylePosition: [{
+                type: HostBinding,
+                args: ['style.position']
+            }], wrapperMaximizedClass: [{
+                type: HostBinding,
+                args: ['class.k-window-maximized']
+            }], wrapperMinimizedClass: [{
+                type: HostBinding,
+                args: ['class.k-window-minimized']
+            }], onComponentFocus: [{
+                type: HostListener,
+                args: ['focus']
+            }], onComponentBlur: [{
+                type: HostListener,
+                args: ['blur']
+            }] } });
 
-/**
- * The settings for the Window actions when the Window is opened through `WindowService`
- * ([see example]({% slug api_dialog_windowservice %}#toc-open)).
- */
-class WindowSettings {
-}
 /**
  * Indicates that the **Close** button of a Window that is opened through `WindowService` is clicked.
  */
 class WindowCloseResult {
 }
+
 /**
  * Holds references to the object instance of the Window.
  * Controls the Windows that were opened through `WindowService`
@@ -2793,24 +2894,32 @@ class WindowCloseResult {
 class WindowRef {
 }
 
-var WindowContainerService_1;
+/**
+ * The settings for the Window actions when the Window is opened through `WindowService`
+ * ([see example]({% slug api_dialog_windowservice %}#toc-open)).
+ */
+class WindowSettings {
+}
+
 /**
  * @hidden
  */
-let WindowContainerService = WindowContainerService_1 = class WindowContainerService {
+class WindowContainerService {
     set container(container) {
-        WindowContainerService_1.container = container;
+        WindowContainerService.container = container;
     }
     get container() {
-        return WindowContainerService_1.container;
+        return WindowContainerService.container;
     }
-};
+}
 WindowContainerService.container = null;
-WindowContainerService = WindowContainerService_1 = __decorate([
-    Injectable()
-], WindowContainerService);
+WindowContainerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WindowContainerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+WindowContainerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WindowContainerService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WindowContainerService, decorators: [{
+            type: Injectable
+        }] });
 
-const isNotComponent$1 = (component) => isString(component) || component instanceof TemplateRef;
+const isNotComponent = (component) => isString(component) || component instanceof TemplateRef;
 class WindowInjector {
     constructor(getWindowRef, parentInjector) {
         this.getWindowRef = getWindowRef;
@@ -2827,7 +2936,7 @@ class WindowInjector {
  * A service for opening Windows dynamically
  * ([see example]({% slug service_window %})).
  */
-let WindowService = class WindowService {
+class WindowService {
     constructor(
     /**
      * @hidden
@@ -2901,7 +3010,7 @@ let WindowService = class WindowService {
         const result = merge(apiClose, window.instance.close.pipe(map(e => (e ? e : new WindowCloseResult())), filter((e) => {
             if (settings.preventClose) {
                 // add windowRef only when using component
-                const windowRefParameter = isNotComponent$1(settings.content) ? undefined : windowRef;
+                const windowRefParameter = isNotComponent(settings.content) ? undefined : windowRef;
                 return !settings.preventClose(e, windowRefParameter);
             }
             return true;
@@ -3003,13 +3112,15 @@ let WindowService = class WindowService {
             ]
         };
     }
-};
-WindowService = __decorate([
-    Injectable(),
-    __param(1, Inject(WindowContainerService)),
-    __metadata("design:paramtypes", [ComponentFactoryResolver,
-        WindowContainerService])
-], WindowService);
+}
+WindowService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WindowService, deps: [{ token: i0.ComponentFactoryResolver }, { token: WindowContainerService }], target: i0.ɵɵFactoryTarget.Injectable });
+WindowService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WindowService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WindowService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: WindowContainerService, decorators: [{
+                    type: Inject,
+                    args: [WindowContainerService]
+                }] }]; } });
 
 /**
  * Provides an insertion point for the Dialogs which are created through the
@@ -3021,74 +3132,25 @@ WindowService = __decorate([
  * <div kendoDialogContainer></div>
  * ```
  */
-let DialogContainerDirective = class DialogContainerDirective {
+class DialogContainerDirective {
     constructor(container, service) {
         service.container = container;
     }
-};
-DialogContainerDirective = __decorate([
-    Directive({
-        selector: '[kendoDialogContainer]'
-    }),
-    __metadata("design:paramtypes", [ViewContainerRef,
-        DialogContainerService])
-], DialogContainerDirective);
-
-/**
- * @hidden
- */
-class Messages extends ComponentMessages {
 }
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], Messages.prototype, "closeTitle", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], Messages.prototype, "restoreTitle", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], Messages.prototype, "maximizeTitle", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], Messages.prototype, "minimizeTitle", void 0);
+DialogContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DialogContainerDirective, deps: [{ token: i0.ViewContainerRef }, { token: DialogContainerService }], target: i0.ɵɵFactoryTarget.Directive });
+DialogContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: DialogContainerDirective, selector: "[kendoDialogContainer]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DialogContainerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoDialogContainer]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: DialogContainerService }]; } });
 
-var LocalizedMessagesDirective_1;
-/**
- * @hidden
- */
-let LocalizedMessagesDirective = LocalizedMessagesDirective_1 = class LocalizedMessagesDirective extends Messages {
-    constructor(service) {
-        super();
-        this.service = service;
-    }
-};
-LocalizedMessagesDirective = LocalizedMessagesDirective_1 = __decorate([
-    Directive({
-        providers: [
-            {
-                provide: Messages,
-                useExisting: forwardRef(() => LocalizedMessagesDirective_1)
-            }
-        ],
-        selector: `
-    [kendoDialogLocalizedMessages],
-    [kendoWindowLocalizedMessages],
-    [kendoDialogTitleBarLocalizedMessages]
-  `
-    }),
-    __metadata("design:paramtypes", [LocalizationService])
-], LocalizedMessagesDirective);
-
-var CustomMessagesComponent_1;
 /**
  * Custom component messages override default component messages
  * ([see example]({% slug globalization_dialogs %}#toc-localization)).
  */
-let CustomMessagesComponent = CustomMessagesComponent_1 = class CustomMessagesComponent extends Messages {
+class CustomMessagesComponent extends Messages {
     constructor(service) {
         super();
         this.service = service;
@@ -3096,20 +3158,27 @@ let CustomMessagesComponent = CustomMessagesComponent_1 = class CustomMessagesCo
     get override() {
         return true;
     }
-};
-CustomMessagesComponent = CustomMessagesComponent_1 = __decorate([
-    Component({
-        providers: [
-            {
-                provide: Messages,
-                useExisting: forwardRef(() => CustomMessagesComponent_1) // tslint:disable-line:no-forward-ref
-            }
-        ],
-        selector: 'kendo-dialog-messages, kendo-window-messages',
-        template: ``
-    }),
-    __metadata("design:paramtypes", [LocalizationService])
-], CustomMessagesComponent);
+}
+CustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+CustomMessagesComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: CustomMessagesComponent, selector: "kendo-dialog-messages, kendo-window-messages", providers: [
+        {
+            provide: Messages,
+            useExisting: forwardRef(() => CustomMessagesComponent)
+        }
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomMessagesComponent, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        {
+                            provide: Messages,
+                            useExisting: forwardRef(() => CustomMessagesComponent)
+                        }
+                    ],
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'kendo-dialog-messages, kendo-window-messages'
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }]; } });
 
 /**
  * @hidden
@@ -3122,15 +3191,23 @@ const SHARED_DIRECTIVES = [
 /**
  * @hidden
  */
-let SharedModule = class SharedModule {
-};
-SharedModule = __decorate([
-    NgModule({
-        declarations: [SHARED_DIRECTIVES],
-        exports: [SHARED_DIRECTIVES, CommonModule],
-        imports: [CommonModule]
-    })
-], SharedModule);
+class SharedModule {
+}
+SharedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SharedModule, declarations: [DialogActionsComponent,
+        CustomMessagesComponent,
+        LocalizedMessagesDirective], imports: [CommonModule], exports: [DialogActionsComponent,
+        CustomMessagesComponent,
+        LocalizedMessagesDirective, CommonModule] });
+SharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SharedModule, imports: [[CommonModule], CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SharedModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SHARED_DIRECTIVES],
+                    exports: [SHARED_DIRECTIVES, CommonModule],
+                    imports: [CommonModule]
+                }]
+        }] });
 
 /**
  * @hidden
@@ -3161,17 +3238,23 @@ const DIALOG_DIRECTIVES = [
  * }
  * ```
  */
-let DialogModule = class DialogModule {
-};
-DialogModule = __decorate([
-    NgModule({
-        declarations: [DIALOG_DIRECTIVES, DialogContainerDirective],
-        entryComponents: [DIALOG_DIRECTIVES],
-        exports: [DIALOG_DIRECTIVES, SHARED_DIRECTIVES, DialogContainerDirective],
-        imports: [SharedModule],
-        providers: [DialogContainerService, DialogService]
-    })
-], DialogModule);
+class DialogModule {
+}
+DialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DialogModule, declarations: [DialogComponent,
+        DialogTitleBarComponent, DialogContainerDirective], imports: [SharedModule], exports: [DialogComponent,
+        DialogTitleBarComponent, DialogActionsComponent, CustomMessagesComponent, LocalizedMessagesDirective, DialogContainerDirective] });
+DialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DialogModule, providers: [DialogContainerService, DialogService], imports: [[SharedModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DialogModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [DIALOG_DIRECTIVES, DialogContainerDirective],
+                    entryComponents: [DIALOG_DIRECTIVES],
+                    exports: [DIALOG_DIRECTIVES, SHARED_DIRECTIVES, DialogContainerDirective],
+                    imports: [SharedModule],
+                    providers: [DialogContainerService, DialogService]
+                }]
+        }] });
 
 /**
  * Provides an insertion point for the Windows which are created through the
@@ -3183,18 +3266,19 @@ DialogModule = __decorate([
  * <div kendoWindowContainer></div>
  * ```
  */
-let WindowContainerDirective = class WindowContainerDirective {
+class WindowContainerDirective {
     constructor(container, service) {
         service.container = container;
     }
-};
-WindowContainerDirective = __decorate([
-    Directive({
-        selector: '[kendoWindowContainer]'
-    }),
-    __metadata("design:paramtypes", [ViewContainerRef,
-        WindowContainerService])
-], WindowContainerDirective);
+}
+WindowContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WindowContainerDirective, deps: [{ token: i0.ViewContainerRef }, { token: WindowContainerService }], target: i0.ɵɵFactoryTarget.Directive });
+WindowContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: WindowContainerDirective, selector: "[kendoWindowContainer]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WindowContainerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoWindowContainer]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: WindowContainerService }]; } });
 
 const WINDOW_DIRECTIVES = [
     ResizeHandleDirective,
@@ -3239,17 +3323,32 @@ const exportedModules = [
  * }
  * ```
  */
-let WindowModule = class WindowModule {
-};
-WindowModule = __decorate([
-    NgModule({
-        declarations: [WINDOW_DIRECTIVES, WindowContainerDirective],
-        entryComponents: [ENTRY_COMPONENTS],
-        exports: [exportedModules, SHARED_DIRECTIVES, WindowContainerDirective],
-        imports: [SharedModule, DraggableModule],
-        providers: [WindowContainerService, WindowService]
-    })
-], WindowModule);
+class WindowModule {
+}
+WindowModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WindowModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+WindowModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WindowModule, declarations: [ResizeHandleDirective,
+        WindowComponent,
+        WindowTitleBarComponent,
+        WindowCloseActionDirective,
+        WindowMinimizeActionDirective,
+        WindowMaximizeActionDirective,
+        WindowRestoreActionDirective, WindowContainerDirective], imports: [SharedModule, DraggableModule], exports: [WindowComponent,
+        WindowCloseActionDirective,
+        WindowMinimizeActionDirective,
+        WindowMaximizeActionDirective,
+        WindowRestoreActionDirective,
+        WindowTitleBarComponent, DialogActionsComponent, CustomMessagesComponent, LocalizedMessagesDirective, WindowContainerDirective] });
+WindowModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WindowModule, providers: [WindowContainerService, WindowService], imports: [[SharedModule, DraggableModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: WindowModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [WINDOW_DIRECTIVES, WindowContainerDirective],
+                    entryComponents: [ENTRY_COMPONENTS],
+                    exports: [exportedModules, SHARED_DIRECTIVES, WindowContainerDirective],
+                    imports: [SharedModule, DraggableModule],
+                    providers: [WindowContainerService, WindowService]
+                }]
+        }] });
 
 /**
  * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
@@ -3276,16 +3375,21 @@ WindowModule = __decorate([
  *
  * ```
  */
-let DialogsModule = class DialogsModule {
-};
-DialogsModule = __decorate([
-    NgModule({
-        exports: [DialogModule, WindowModule]
-    })
-], DialogsModule);
+class DialogsModule {
+}
+DialogsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DialogsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DialogsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DialogsModule, exports: [DialogModule, WindowModule] });
+DialogsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DialogsModule, imports: [DialogModule, WindowModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DialogsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [DialogModule, WindowModule]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { DIALOG_DIRECTIVES, DialogContainerDirective, DialogContainerService, CustomMessagesComponent, DIALOG_LOCALIZATION_SERVICE, LocalizedMessagesDirective, Messages, TitleBarLocalizationService, SHARED_DIRECTIVES, SharedModule, DragResizeService, NavigationService, WindowContainerDirective, WindowContainerService, ResizeHandleDirective, DialogComponent, DialogTitleBarComponent, DialogContentBase, DialogActionsComponent, DialogService, DialogCloseResult, DialogRef, DialogSettings, DialogAction, WindowComponent, WindowTitleBarComponent, WindowMaximizeActionDirective, WindowMinimizeActionDirective, WindowCloseActionDirective, WindowRestoreActionDirective, WindowSettings, WindowRef, WindowCloseResult, WindowService, DialogModule, WindowModule, DialogsModule };
+export { CustomMessagesComponent, DialogAction, DialogActionsComponent, DialogCloseResult, DialogComponent, DialogContainerDirective, DialogContentBase, DialogModule, DialogRef, DialogService, DialogSettings, DialogTitleBarComponent, DialogsModule, LocalizedMessagesDirective, Messages, WindowCloseActionDirective, WindowCloseResult, WindowComponent, WindowContainerDirective, WindowMaximizeActionDirective, WindowMinimizeActionDirective, WindowModule, WindowRef, WindowRestoreActionDirective, WindowService, WindowSettings, WindowTitleBarComponent };
+