@progress/kendo-angular-dialog 17.0.0-develop.9 → 17.0.1-develop.1

package/{fesm2020 → fesm2022}/progress-kendo-angular-dialog.mjs

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 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 { TemplateRef, EventEmitter, Component, Input, Output, HostBinding, InjectionToken, Injectable, Inject, Optional, Directive, forwardRef, ContentChildren, ViewChildren, ViewChild, isDevMode, Renderer2, Host, HostListener, ContentChild, NgModule } from '@angular/core';
 import { NgIf, NgFor, NgClass, NgTemplateOutlet, NgStyle } from '@angular/common';
 import * as i2 from '@angular/animations';
 import { style, animate, keyframes, trigger, state, transition } from '@angular/animations';
@@ -15,7 +15,7 @@ import { xIcon, windowRestoreIcon, windowIcon, windowMinimizeIcon } from '@progr
 import { ButtonComponent, Button } from '@progress/kendo-angular-buttons';
 import { validatePackage } from '@progress/kendo-licensing';
 import * as i1$1 from '@progress/kendo-angular-common';
-import { shouldShowValidationUI, setHTMLAttributes, isDocumentAvailable, focusableSelector, WatermarkOverlayComponent, DraggableDirective, isChanged } from '@progress/kendo-angular-common';
+import { setHTMLAttributes, shouldShowValidationUI, isDocumentAvailable, focusableSelector, WatermarkOverlayComponent, DraggableDirective, isChanged } from '@progress/kendo-angular-common';
 import { offset, scrollPosition, positionWithScroll, getDocumentElement, getWindowViewPort } from '@progress/kendo-popup-common';
 import { IconWrapperComponent, IconsService } from '@progress/kendo-angular-icons';
 
@@ -198,19 +198,7 @@ const findPrimaryButton = (buttons) => {
  * ([see example]({% slug actionbuttons_dialog %})).
  */
 class DialogActionsComponent {
-    constructor(el) {
-        this.el = el;
-        /**
-         * Specifies the possible layout of the action buttons.
-         * @default 'stretched'
-         */
-        this.layout = 'stretched';
-        /**
-         * Fires when the user clicks an action button.
-         */
-        this.action = new EventEmitter();
-        this.hostClasses = true;
-    }
+    el;
     /**
      * Allows the declarative specification of the actions.
      */
@@ -225,6 +213,24 @@ class DialogActionsComponent {
             throw new Error('"actions" must be either TemplateRef or DialogAction[] instance.');
         }
     }
+    /**
+     * @hidden
+     */
+    actionsArray;
+    /**
+     * @hidden
+     */
+    actionsTemplate;
+    /**
+     * Specifies the possible layout of the action buttons.
+     * @default 'stretched'
+     */
+    layout = 'stretched';
+    /**
+     * Fires when the user clicks an action button.
+     */
+    action = new EventEmitter();
+    hostClasses = true;
     get startClassName() {
         return this.layout === 'start';
     }
@@ -237,6 +243,9 @@ class DialogActionsComponent {
     get stretchedClassName() {
         return this.layout === 'stretched';
     }
+    constructor(el) {
+        this.el = el;
+    }
     /**
      * @hidden
      */
@@ -263,9 +272,8 @@ class DialogActionsComponent {
     isDivider(action) {
         return action === 'spacer';
     }
-}
-DialogActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogActionsComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-DialogActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DialogActionsComponent, isStandalone: true, selector: "kendo-dialog-actions", inputs: { actions: "actions", layout: "layout" }, outputs: { action: "action" }, host: { properties: { "class.k-actions": "this.hostClasses", "class.k-actions-horizontal": "this.hostClasses", "class.k-window-actions": "this.hostClasses", "class.k-dialog-actions": "this.hostClasses", "class.k-actions-start": "this.startClassName", "class.k-actions-center": "this.centerClassName", "class.k-actions-end": "this.endClassName", "class.k-actions-stretched": "this.stretchedClassName" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogActionsComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DialogActionsComponent, isStandalone: true, selector: "kendo-dialog-actions", inputs: { actions: "actions", layout: "layout" }, outputs: { action: "action" }, host: { properties: { "class.k-actions": "this.hostClasses", "class.k-actions-horizontal": "this.hostClasses", "class.k-window-actions": "this.hostClasses", "class.k-dialog-actions": "this.hostClasses", "class.k-actions-start": "this.startClassName", "class.k-actions-center": "this.centerClassName", "class.k-actions-end": "this.endClassName", "class.k-actions-stretched": "this.stretchedClassName" } }, ngImport: i0, template: `
         <ng-content *ngIf="!actions"></ng-content>
         <ng-container *ngIf="actionsArray; else actionTemplate">
             <ng-container *ngFor="let action of actionsArray">
@@ -286,7 +294,8 @@ DialogActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
         </ng-container>
         <ng-template #actionTemplate [ngTemplateOutlet]="actionsTemplate"></ng-template>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogActionsComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogActionsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-dialog-actions',
@@ -347,12 +356,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }] } });
 
 class PreventableEvent {
+    prevented = false;
     /**
      * @hidden
      */
-    constructor() {
-        this.prevented = false;
-    }
+    constructor() { }
     /**
      * Prevents the default action for a specified event.
      * In this way, the source component suppresses the built-in behavior that follows the event.
@@ -379,6 +387,7 @@ const DIALOG_LOCALIZATION_SERVICE = new InjectionToken('Dialog LocalizationServi
  * @hidden
  */
 class TitleBarLocalizationService extends LocalizationService {
+    dialogLocalization;
     constructor(prefix, messageService, rtl, dialogLocalization) {
         super(prefix, messageService, rtl);
         this.dialogLocalization = dialogLocalization;
@@ -389,10 +398,10 @@ class TitleBarLocalizationService extends LocalizationService {
         }
         return super.get(shortKey);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TitleBarLocalizationService, deps: [{ token: L10N_PREFIX }, { token: i1.MessageService, optional: true }, { token: RTL, optional: true }, { token: DIALOG_LOCALIZATION_SERVICE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TitleBarLocalizationService });
 }
-TitleBarLocalizationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TitleBarLocalizationService, deps: [{ token: L10N_PREFIX }, { token: i1.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: "15.2.10", ngImport: i0, type: TitleBarLocalizationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TitleBarLocalizationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TitleBarLocalizationService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
@@ -415,10 +424,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class Messages extends ComponentMessages {
+    /**
+     * The title of the close button.
+     */
+    closeTitle;
+    /**
+     * The title of the restore button.
+     */
+    restoreTitle;
+    /**
+     * The title of the maximize button.
+     */
+    maximizeTitle;
+    /**
+     * The title of the minimize button.
+     */
+    minimizeTitle;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: Messages, selector: "kendo-dialog-messages-base", inputs: { closeTitle: "closeTitle", restoreTitle: "restoreTitle", maximizeTitle: "maximizeTitle", minimizeTitle: "minimizeTitle" }, usesInheritance: true, ngImport: i0 });
 }
-Messages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-Messages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", 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: "15.2.10", ngImport: i0, type: Messages, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Messages, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -438,19 +463,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class LocalizedMessagesDirective extends Messages {
+    service;
     constructor(service) {
         super();
         this.service = service;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LocalizedMessagesDirective, isStandalone: true, selector: "\n    [kendoDialogLocalizedMessages],\n    [kendoWindowLocalizedMessages],\n    [kendoDialogTitleBarLocalizedMessages]\n  ", providers: [
+            {
+                provide: Messages,
+                useExisting: forwardRef(() => LocalizedMessagesDirective)
+            }
+        ], usesInheritance: true, ngImport: i0 });
 }
-LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedMessagesDirective, isStandalone: true, 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: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [
@@ -474,21 +500,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * It is used as part of the Dialog content when the component is created dynamically by using an [Angular service]({% slug service_dialog %}).
  */
 class DialogTitleBarComponent {
+    zone;
+    hostElement;
+    localizationService;
+    /**
+     * Fires when the close button of the title-bar is clicked.
+     */
+    close = new EventEmitter();
+    /**
+     * @hidden
+     */
+    id;
+    /**
+     * @hidden
+     */
+    closeTitle;
+    get className() {
+        return true;
+    }
+    /**
+     * @hidden
+     */
+    xIcon = xIcon;
     constructor(zone, hostElement, localizationService) {
         this.zone = zone;
         this.hostElement = hostElement;
         this.localizationService = localizationService;
-        /**
-         * Fires when the close button of the title-bar is clicked.
-         */
-        this.close = new EventEmitter();
-        /**
-         * @hidden
-         */
-        this.xIcon = xIcon;
-    }
-    get className() {
-        return true;
     }
     get closeButtonTitle() {
         return this.closeTitle || this.localizationService.get('closeTitle');
@@ -507,19 +544,18 @@ class DialogTitleBarComponent {
         const eventArgs = new PreventableEvent();
         this.close.emit(eventArgs);
     }
-}
-DialogTitleBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogTitleBarComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i1.LocalizationService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-DialogTitleBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DialogTitleBarComponent, isStandalone: true, 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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogTitleBarComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i1.LocalizationService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DialogTitleBarComponent, isStandalone: true, 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"
@@ -545,7 +581,8 @@ DialogTitleBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
             </div>
         </ng-container>
     `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n    [kendoDialogLocalizedMessages],\n    [kendoWindowLocalizedMessages],\n    [kendoDialogTitleBarLocalizedMessages]\n  " }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogTitleBarComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogTitleBarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-dialog-titlebar',
@@ -612,8 +649,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-dialog',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1729174341,
-    version: '17.0.0-develop.9',
+    publishDate: 1731429650,
+    version: '17.0.1-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -728,58 +765,73 @@ const DEFAULT_ANIMATION_CONFIG = { duration: 300, type: 'translate' };
  * Represents the [Kendo UI Dialog component for Angular]({% slug overview_dialog_dialogs %}).
  */
 class DialogComponent {
-    constructor(wrapper, renderer, localization, cdr, ngZone, builder) {
-        this.wrapper = wrapper;
-        this.renderer = renderer;
-        this.cdr = cdr;
-        this.ngZone = ngZone;
-        this.builder = builder;
-        /**
-         * Specifies the layout of the action buttons in the Dialog.
-         * This option is only applicable if the action buttons are specified through the `actions` options.
-         *
-         * @default 'stretched'
-         */
-        this.actionsLayout = 'stretched';
-        /**
-         * Configures the Dialog opening animation ([see example]({% slug animations_dialog %})).
-         * By default the animation type is set to `translate` and its duration is `300ms`.
-         *
-         * @default true
-         */
-        this.animation = true;
-        /**
-         * @hidden
-         */
-        this.titleId = null;
-        /**
-         * @hidden
-         */
-        this.contentId = null;
-        /**
-         * @hidden
-         */
-        this.showLicenseWatermark = false;
-        /**
-         * Fires when the user clicks an action button of the Dialog.
-         * The event is fired only when the action buttons are specified through the `actions` options.
-         */
-        this.action = new EventEmitter();
-        /**
-         * Fires when the user clicks the **Close** button of the Dialog or the **ESC** key.
-         */
-        this.close = new EventEmitter();
-        this.tabIndex = 0;
-        this._themeColor = null;
-        this.subscriptions = [];
-        this.domSubs = new Subscription();
-        const isValid = validatePackage(packageMetadata);
-        this.showLicenseWatermark = shouldShowValidationUI(isValid);
-        this.direction = localization.rtl ? 'rtl' : 'ltr';
-        this.subscriptions.push(localization.changes.subscribe(({ rtl }) => (this.direction = rtl ? 'rtl' : 'ltr')));
-        this.titleId = this.generateTitleId();
-        this.contentId = this.generateContentId();
-    }
+    wrapper;
+    renderer;
+    cdr;
+    ngZone;
+    builder;
+    /**
+     * Specifies the action buttons that will be rendered.
+     */
+    actions;
+    /**
+     * Specifies the layout of the action buttons in the Dialog.
+     * This option is only applicable if the action buttons are specified through the `actions` options.
+     *
+     * @default 'stretched'
+     */
+    actionsLayout = 'stretched';
+    /**
+     * Specifies the query selector used to set the initial focus ([see examples]({% slug initial_focus_dialog %})).
+     */
+    autoFocusedElement;
+    /**
+     * Specifies the text that is rendered in the title bar.
+     */
+    title;
+    /**
+     * Specifies the width of the Dialog.
+     * A numeric value sets the width in pixels.
+     * A string value sets the width in arbitrary units&mdash;for example, `50%`.
+     */
+    width;
+    /**
+     * Specifies the minimum width of the Dialog.
+     * A numeric value sets the minimum width in pixels.
+     * A string value sets the minimum width in arbitrary units&mdash;for example, `50%`.
+     */
+    minWidth;
+    /**
+     * Specifies the maximum width of the Dialog.
+     * A numeric value sets the maximum width in pixels.
+     * A string value sets the maximum width in arbitrary units&mdash;for example, `50%`.
+     */
+    maxWidth;
+    /**
+     * Specifies the height of the Dialog.
+     * A numeric value sets the height in pixels.
+     * A string value sets the height in arbitrary units&mdash;for example, `50%`.
+     */
+    height;
+    /**
+     * Specifies the minimum height of the Dialog.
+     * A numeric value sets the minimum height in pixels.
+     * A string value sets the minimum height in arbitrary units&mdash;for example, `50%`.
+     */
+    minHeight;
+    /**
+     * Specifies the maximum height of the Dialog.
+     * A numeric value sets the maximum height in pixels.
+     * A string value sets the maximum height in arbitrary units&mdash;for example, `50%`.
+     */
+    maxHeight;
+    /**
+     * Configures the Dialog opening animation ([see example]({% slug animations_dialog %})).
+     * By default the animation type is set to `translate` and its duration is `300ms`.
+     *
+     * @default true
+     */
+    animation = true;
     /**
      * The Dialog allows you to specify predefined theme colors.
      * The theme color will be applied as a background and border color to the titlebar while also amending the text color accordingly.
@@ -825,9 +877,62 @@ class DialogComponent {
     get cssClass() {
         return this._cssClass;
     }
+    /**
+     * @hidden
+     */
+    contentTemplate;
+    /**
+     * @hidden
+     */
+    titleId = null;
+    /**
+     * @hidden
+     */
+    contentId = null;
+    /**
+     * @hidden
+     */
+    closeTitle;
+    /**
+     * @hidden
+     */
+    showLicenseWatermark = false;
+    /**
+     * Fires when the user clicks an action button of the Dialog.
+     * The event is fired only when the action buttons are specified through the `actions` options.
+     */
+    action = new EventEmitter();
+    /**
+     * Fires when the user clicks the **Close** button of the Dialog or the **ESC** key.
+     */
+    close = new EventEmitter();
     get dir() {
         return this.direction;
     }
+    tabIndex = 0;
+    titlebarContent;
+    titlebarView;
+    actionsView;
+    dialog;
+    _htmlAttributes;
+    _cssClass;
+    _themeColor = null;
+    direction;
+    subscriptions = [];
+    domSubs = new Subscription();
+    constructor(wrapper, renderer, localization, cdr, ngZone, builder) {
+        this.wrapper = wrapper;
+        this.renderer = renderer;
+        this.cdr = cdr;
+        this.ngZone = ngZone;
+        this.builder = builder;
+        const isValid = validatePackage(packageMetadata);
+        this.showLicenseWatermark = shouldShowValidationUI(isValid);
+        this.direction = localization.rtl ? 'rtl' : 'ltr';
+        this.subscriptions.push(localization.changes.subscribe(({ rtl }) => (this.direction = rtl ? 'rtl' : 'ltr')));
+        this.titleId = this.generateTitleId();
+        this.contentId = this.generateContentId();
+    }
     ngAfterContentInit() {
         this.bubble('close', this.titlebarContent.first);
         this.renderer.setAttribute(this.wrapper.nativeElement.querySelector('.k-dialog'), 'aria-describedby', this.contentId);
@@ -1079,19 +1184,18 @@ class DialogComponent {
             this.renderer.addClass(dialog, classToAdd);
         }
     }
-}
-DialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i2.AnimationBuilder }], target: i0.ɵɵFactoryTarget.Component });
-DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DialogComponent, isStandalone: true, selector: "kendo-dialog", inputs: { actions: "actions", actionsLayout: "actionsLayout", autoFocusedElement: "autoFocusedElement", title: "title", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", height: "height", minHeight: "minHeight", maxHeight: "maxHeight", animation: "animation", themeColor: "themeColor" }, 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: "dialog", first: true, predicate: ["dialog"], descendants: true, static: true }, { propertyName: "titlebarView", predicate: DialogTitleBarComponent, descendants: true }], exportAs: ["kendoDialog"], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i2.AnimationBuilder }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DialogComponent, isStandalone: true, selector: "kendo-dialog", inputs: { actions: "actions", actionsLayout: "actionsLayout", autoFocusedElement: "autoFocusedElement", title: "title", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", height: "height", minHeight: "minHeight", maxHeight: "maxHeight", animation: "animation", themeColor: "themeColor" }, 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: "dialog", first: true, predicate: ["dialog"], descendants: true, static: 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"
@@ -1115,12 +1219,13 @@ DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
             </div>
         </ng-container>
     `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n    [kendoDialogLocalizedMessages],\n    [kendoWindowLocalizedMessages],\n    [kendoDialogTitleBarLocalizedMessages]\n  " }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }], animations: [
-        trigger('overlayAppear', [
-            state('in', style({ opacity: 1 })),
-            transition('void => *', [style({ opacity: 0.1 }), animate('.3s cubic-bezier(.2, .6, .4, 1)')])
-        ])
-    ] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogComponent, decorators: [{
+            trigger('overlayAppear', [
+                state('in', style({ opacity: 1 })),
+                transition('void => *', [style({ opacity: 0.1 }), animate('.3s cubic-bezier(.2, .6, .4, 1)')])
+            ])
+        ] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogComponent, decorators: [{
             type: Component,
             args: [{
                     animations: [
@@ -1226,6 +1331,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * ([see example]({% slug api_dialog_dialogservice %}#toc-open)).
  */
 class DialogRef {
+    /**
+     * Emits events when the Dialog is closed either through the **Close** button of the title bar or through the action buttons.
+     * If the **Close** button of the title bar is clicked, `DialogResult` is a `DialogCloseResult` instance.
+     * If the Dialog is closed through the action buttons, `DialogResult` contains the object that was passed when the Dialog was opened.
+     * When `close` is called with an argument, the result is the passed argument.
+     */
+    result;
+    /**
+     * A reference to the Dialog instance.
+     */
+    dialog;
+    /**
+     * A reference to the child component of the Dialog.
+     * Available when the Dialog is opened with [component content](slug:service_dialog#toc-rendering-the-content-area).
+     */
+    content;
+    /**
+     * Allows you to close the Dialog through code.
+     * When called with no arguments,
+     * the `result` Observable will be of type DialogCloseResult.
+     * When called with an argument, the `result` Observable will hold the provided value.
+     */
+    close;
 }
 
 /**
@@ -1233,6 +1361,15 @@ class DialogRef {
  * ([see example](slug:service_dialog#toc-single-component-rendering)).
  */
 class DialogContentBase {
+    dialog;
+    /**
+     * @hidden
+     */
+    dialogTitleBar;
+    /**
+     * @hidden
+     */
+    dialogActions;
     constructor(dialog) {
         this.dialog = dialog;
     }
@@ -1252,10 +1389,10 @@ class DialogContentBase {
             }
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogContentBase, deps: [{ token: DialogRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DialogContentBase, viewQueries: [{ propertyName: "dialogTitleBar", first: true, predicate: DialogTitleBarComponent, descendants: true }, { propertyName: "dialogActions", first: true, predicate: DialogActionsComponent, descendants: true }], ngImport: i0 });
 }
-DialogContentBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogContentBase, deps: [{ token: DialogRef }], target: i0.ɵɵFactoryTarget.Directive });
-DialogContentBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DialogContentBase, viewQueries: [{ propertyName: "dialogTitleBar", first: true, predicate: DialogTitleBarComponent, descendants: true }, { propertyName: "dialogActions", first: true, predicate: DialogActionsComponent, descendants: true }], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogContentBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogContentBase, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: DialogRef }]; }, propDecorators: { dialogTitleBar: [{
                 type: ViewChild,
@@ -1269,17 +1406,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class DialogContainerService {
+    static container = null;
     set container(container) {
         DialogContainerService.container = container;
     }
     get container() {
         return DialogContainerService.container;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogContainerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogContainerService, providedIn: 'root' });
 }
-DialogContainerService.container = null;
-DialogContainerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogContainerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-DialogContainerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogContainerService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogContainerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogContainerService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -1291,6 +1428,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * ([see example]({% slug api_dialog_dialogservice %}#toc-open)).
  */
 class DialogAction {
+    /**
+     * The text of the action button.
+     */
+    text;
+    /**
+     * Determines the theme color of the action button. The theme color will be applied as a background and border color while also amending the text color accordingly.
+     */
+    themeColor;
+    /**
+     * Specifies the background and border styles of the action button.
+     */
+    fillMode;
+    /**
+     * Sets the CSS classes that will be rendered on the action button.
+     * Supports the union type of values that NgClass accepts [ngClass](link:site.data.urls.angular['ngclassapi']).
+     */
+    cssClass;
 }
 
 /**
@@ -1298,11 +1452,109 @@ class DialogAction {
  * ([see example]({% slug api_dialog_dialogservice %}#toc-open)).
  */
 class DialogSettings {
+    /**
+     * Defines a predicate that verifies if the pressed dialog action should be prevented. Returning true from the predicate prevents the dialog from closing.
+     * If the **Close** button of the title bar is clicked, `DialogResult` is a `DialogCloseResult` instance.
+     * If the Dialog is closed through the action buttons, `DialogResult` contains the object that was passed when the Dialog was opened. ([see example](slug:service_dialog#toc-dialog-close-prevention))
+     * @param {DialogResult} ev
+     * @param {DialogRef} [dialogRef] - provided only when the dialog is created using a component.
+     * @returns
+     */
+    preventAction;
+    /**
+     * Sets the title of the Dialog. If `title` is omitted,
+     * the Dialog will not render a **Close** button.
+     */
+    title;
+    /**
+     * Sets the CSS classes that will be rendered on the Dialog wrapper element.
+     * Supports the union type of values that NgClass accepts [ngClass](link:site.data.urls.angular['ngclassapi']).
+     */
+    cssClass;
+    /**
+     * Configures the Dialog opening animation ([see example]({% slug animations_dialog %})).
+     * By default the animation type is set to `translate` and its duration is `300ms`.
+     */
+    animation;
+    /**
+     * Sets the HTML attributes of the Dialog wrapper element.
+     * The property accepts string key-value based pairs.
+     */
+    htmlAttributes;
+    /**
+     * Defines the content of the Dialog.
+     * ([see example](slug:service_dialog#toc-rendering-the-content-area)).
+     */
+    content;
+    /**
+     * Specifies the width of the Dialog.
+     * A numeric value sets the width in pixels.
+     * A string value sets the width in arbitrary units&mdash;for example, `50%`.
+     */
+    width;
+    /**
+     * Specifies the minimum width of the Dialog.
+     * A numeric value sets the minimum width in pixels.
+     * A string value sets the minimum width in arbitrary units&mdash;for example, `50%`.
+     */
+    minWidth;
+    /**
+     * Specifies the maximum width of the Dialog.
+     * A numeric value sets the maximum width in pixels.
+     * A string value sets the maximum width in arbitrary units&mdash;for example, `50%`.
+     */
+    maxWidth;
+    /**
+     * Specifies the height of the Dialog.
+     * A numeric value sets the height in pixels.
+     * A string value sets the height in arbitrary units&mdash;for example, `50%`.
+     */
+    height;
+    /**
+     * Specifies the minimum height of the Dialog.
+     * A numeric value sets the minimum height in pixels.
+     * A string value sets the minimum height in arbitrary units&mdash;for example, `50%`.
+     */
+    minHeight;
+    /**
+     * Specifies the maximum height of the Dialog.
+     * A numeric value sets the maximum height in pixels.
+     * A string value sets the maximum height in arbitrary units&mdash;for example, `50%`.
+     */
+    maxHeight;
+    /**
+     * Defines the container in which the Dialog will be inserted.
+     * Specifying this option changes the place in the page hierarchy where the Dialog will be inserted.
+     * The styling of the component will remain the same.
+     */
+    appendTo;
+    /**
+     * Specifies the title of the close button.
+     */
+    closeTitle;
+    /**
+     * Sets the action buttons of the Dialog.
+     */
+    actions;
+    /**
+     * Specifies the layout of the action buttons in the Dialog.
+     */
+    actionsLayout;
+    /**
+     * Sets the focused element query selector.
+     */
+    autoFocusedElement;
+    /**
+     * Specifies the theme color of the Dialog.
+     */
+    themeColor;
 }
 
 // eslint-disable max-line-length
 const isNotComponent$1 = (component) => isString(component) || component instanceof TemplateRef;
 class DialogInjector {
+    getDialogRef;
+    parentInjector;
     constructor(getDialogRef, parentInjector) {
         this.getDialogRef = getDialogRef;
         this.parentInjector = parentInjector;
@@ -1319,6 +1571,8 @@ class DialogInjector {
  * ([see example]({% slug service_dialog %})).
  */
 class DialogService {
+    resolver;
+    containerService;
     constructor(
     /**
      * @hidden
@@ -1501,10 +1755,10 @@ See https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/service/.
             ]
         };
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogService, deps: [{ token: i0.ComponentFactoryResolver }, { token: DialogContainerService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogService, providedIn: 'root' });
 }
-DialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogService, deps: [{ token: i0.ComponentFactoryResolver }, { token: DialogContainerService }], target: i0.ɵɵFactoryTarget.Injectable });
-DialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -1549,20 +1803,23 @@ const createMoveStream = (el, ev) => mouseDown => {
  * @hidden
  */
 class DragResizeService {
+    ngZone;
+    close = new EventEmitter();
+    focus = new EventEmitter();
+    change = new EventEmitter();
+    stateChange = new EventEmitter();
+    dragStart = new EventEmitter();
+    dragEnd = new EventEmitter();
+    resizeStart = new EventEmitter();
+    resizeEnd = new EventEmitter();
+    options = Object.assign({}, DEFAULT_OPTIONS);
+    restoreOptions;
+    window;
+    lastAction = null;
+    subscriptions = new Subscription();
+    dragSubscription = new Subscription();
     constructor(ngZone) {
         this.ngZone = ngZone;
-        this.close = new EventEmitter();
-        this.focus = new EventEmitter();
-        this.change = new EventEmitter();
-        this.stateChange = new EventEmitter();
-        this.dragStart = new EventEmitter();
-        this.dragEnd = new EventEmitter();
-        this.resizeStart = new EventEmitter();
-        this.resizeEnd = new EventEmitter();
-        this.options = Object.assign({}, DEFAULT_OPTIONS);
-        this.lastAction = null;
-        this.subscriptions = new Subscription();
-        this.dragSubscription = new Subscription();
     }
     ngOnDestroy() {
         if (this.subscriptions) {
@@ -1830,10 +2087,10 @@ class DragResizeService {
     get windowViewPort() {
         return getWindowViewPort(this.window.nativeElement);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragResizeService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragResizeService });
 }
-DragResizeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragResizeService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-DragResizeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragResizeService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragResizeService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragResizeService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.NgZone }]; } });
 
@@ -1841,15 +2098,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class ResizeHandleDirective {
+    draggable;
+    el;
+    renderer;
+    service;
+    direction;
+    get hostClass() {
+        return true;
+    }
+    subscriptions = new Subscription();
     constructor(draggable, el, renderer, service) {
         this.draggable = draggable;
         this.el = el;
         this.renderer = renderer;
         this.service = service;
-        this.subscriptions = new Subscription();
-    }
-    get hostClass() {
-        return true;
     }
     ngOnInit() {
         this.setDisplay();
@@ -1878,10 +2140,10 @@ class ResizeHandleDirective {
     setDisplay(value = 'block') {
         this.renderer.setStyle(this.el.nativeElement, 'display', this.service.options.state === 'default' ? value : 'none');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResizeHandleDirective, deps: [{ token: i1$1.DraggableDirective, host: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DragResizeService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ResizeHandleDirective, isStandalone: true, selector: "[kendoWindowResizeHandle]", inputs: { direction: "direction" }, host: { properties: { "class.k-resize-handle": "this.hostClass" } }, ngImport: i0 });
 }
-ResizeHandleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ResizeHandleDirective, deps: [{ token: i1$1.DraggableDirective, host: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DragResizeService }], target: i0.ɵɵFactoryTarget.Directive });
-ResizeHandleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ResizeHandleDirective, isStandalone: true, selector: "[kendoWindowResizeHandle]", inputs: { direction: "direction" }, host: { properties: { "class.k-resize-handle": "this.hostClass" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ResizeHandleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResizeHandleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoWindowResizeHandle]',
@@ -1897,6 +2159,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }] } });
 
 class WindowTitleBarComponent {
+    el;
+    ngZone;
+    /**
+     * @hidden
+     */
+    template;
+    /**
+     * @hidden
+     */
+    id;
+    /**
+     * @hidden
+     */
+    service;
+    dragDirective;
+    dragSubscription;
+    stateSubscription;
     constructor(el, service, ngZone) {
         this.el = el;
         this.ngZone = ngZone;
@@ -1991,16 +2270,16 @@ class WindowTitleBarComponent {
         const options = this.service.options;
         return options.draggable && options.state !== 'maximized';
     }
-}
-WindowTitleBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowTitleBarComponent, deps: [{ token: i0.ElementRef }, { token: DragResizeService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-WindowTitleBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: WindowTitleBarComponent, isStandalone: true, selector: "kendo-window-titlebar", inputs: { template: "template", id: "id" }, host: { listeners: { "dblclick": "handle($event)" }, properties: { "class.k-window-titlebar": "this.className", "style.touch-action": "this.touchAction" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowTitleBarComponent, deps: [{ token: i0.ElementRef }, { token: DragResizeService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: WindowTitleBarComponent, isStandalone: true, selector: "kendo-window-titlebar", inputs: { template: "template", id: "id" }, host: { listeners: { "dblclick": "handle($event)" }, properties: { "class.k-window-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, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowTitleBarComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowTitleBarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-window-titlebar',
@@ -2033,6 +2312,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class NavigationService {
+    window;
+    ngZone;
     constructor(window, ngZone) {
         this.window = window;
         this.ngZone = ngZone;
@@ -2166,22 +2447,26 @@ class NavigationService {
             }
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService, deps: [{ token: DragResizeService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService });
 }
-NavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService, deps: [{ token: DragResizeService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-NavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: DragResizeService }, { type: i0.NgZone }]; } });
 
 class WindowCloseActionDirective extends Button {
+    /**
+     * @hidden
+     */
+    window;
+    /**
+     * @hidden
+     */
+    xIcon = xIcon;
+    buttonType = 'button';
+    buttonClass = true;
     constructor(el, renderer, _service, localization, ngZone) {
         super(el, renderer, null, localization, ngZone);
-        /**
-         * @hidden
-         */
-        this.xIcon = xIcon;
-        this.buttonType = 'button';
-        this.buttonClass = true;
         this.window = _service;
         this.fillMode = 'flat';
         this.icon = 'x';
@@ -2194,15 +2479,14 @@ class WindowCloseActionDirective extends Button {
             this.window.closeAction();
         }
     }
-}
-WindowCloseActionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowCloseActionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DragResizeService, optional: true }, { token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-WindowCloseActionDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: WindowCloseActionDirective, isStandalone: true, selector: "button[kendoWindowCloseAction]", inputs: { window: "window" }, host: { listeners: { "click": "onClick()" }, properties: { "attr.type": "this.buttonType", "class.k-window-titlebar-action": "this.buttonClass" } }, providers: [
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.button'
-        }
-    ], exportAs: ["kendoWindowCloseAction"], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowCloseActionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DragResizeService, optional: true }, { token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: WindowCloseActionDirective, isStandalone: true, selector: "button[kendoWindowCloseAction]", inputs: { window: "window" }, host: { listeners: { "click": "onClick()" }, properties: { "attr.type": "this.buttonType", "class.k-window-titlebar-action": "this.buttonClass" } }, providers: [
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.button'
+            }
+        ], exportAs: ["kendoWindowCloseAction"], usesInheritance: true, ngImport: i0, template: `
         <kendo-icon-wrapper
             *ngIf="!imageUrl && !iconClass"
             innerCssClass="k-button-icon"
@@ -2215,7 +2499,8 @@ WindowCloseActionDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
         <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
         <span class="k-button-text"><ng-content></ng-content></span>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowCloseActionDirective, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowCloseActionDirective, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoWindowCloseAction',
@@ -2259,14 +2544,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }] } });
 
 class WindowRestoreActionDirective extends Button {
+    /**
+     * @hidden
+     */
+    window;
+    /**
+     * @hidden
+     */
+    windowRestoreIcon = windowRestoreIcon;
+    buttonType = 'button';
+    buttonClass = true;
     constructor(el, renderer, _service, localization, ngZone) {
         super(el, renderer, null, localization, ngZone);
-        /**
-         * @hidden
-         */
-        this.windowRestoreIcon = windowRestoreIcon;
-        this.buttonType = 'button';
-        this.buttonClass = true;
         this.window = _service;
         this.fillMode = 'flat';
         this.icon = 'window-restore';
@@ -2282,15 +2571,14 @@ class WindowRestoreActionDirective extends Button {
     get visible() {
         return this.window.options.state === 'default' ? 'none' : 'inline-flex';
     }
-}
-WindowRestoreActionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowRestoreActionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DragResizeService, optional: true }, { token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-WindowRestoreActionDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: WindowRestoreActionDirective, isStandalone: true, selector: "button[kendoWindowRestoreAction]", inputs: { window: "window" }, host: { listeners: { "click": "onClick()" }, properties: { "attr.type": "this.buttonType", "class.k-window-titlebar-action": "this.buttonClass", "style.display": "this.visible" } }, providers: [
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.button'
-        }
-    ], exportAs: ["kendoWindowRestoreAction"], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowRestoreActionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DragResizeService, optional: true }, { token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: WindowRestoreActionDirective, isStandalone: true, selector: "button[kendoWindowRestoreAction]", inputs: { window: "window" }, host: { listeners: { "click": "onClick()" }, properties: { "attr.type": "this.buttonType", "class.k-window-titlebar-action": "this.buttonClass", "style.display": "this.visible" } }, providers: [
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.button'
+            }
+        ], exportAs: ["kendoWindowRestoreAction"], usesInheritance: true, ngImport: i0, template: `
         <kendo-icon-wrapper
             *ngIf="!imageUrl && !iconClass"
             innerCssClass="k-button-icon"
@@ -2303,7 +2591,8 @@ WindowRestoreActionDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
         <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
         <span class="k-button-text"><ng-content></ng-content></span>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowRestoreActionDirective, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowRestoreActionDirective, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoWindowRestoreAction',
@@ -2350,14 +2639,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }] } });
 
 class WindowMaximizeActionDirective extends Button {
+    /**
+     * @hidden
+     */
+    window;
+    buttonType = 'button';
+    buttonClass = true;
+    /**
+     * @hidden
+     */
+    windowIcon = windowIcon;
     constructor(el, renderer, _service, localization, ngZone) {
         super(el, renderer, null, localization, ngZone);
-        this.buttonType = 'button';
-        this.buttonClass = true;
-        /**
-         * @hidden
-         */
-        this.windowIcon = windowIcon;
         this.window = _service;
         this.fillMode = 'flat';
         this.icon = 'window';
@@ -2373,15 +2666,14 @@ class WindowMaximizeActionDirective extends Button {
     get visible() {
         return this.window.options.state === 'default' ? 'inline-flex' : 'none';
     }
-}
-WindowMaximizeActionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowMaximizeActionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DragResizeService, optional: true }, { token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-WindowMaximizeActionDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: WindowMaximizeActionDirective, isStandalone: true, selector: "button[kendoWindowMaximizeAction]", inputs: { window: "window" }, host: { listeners: { "click": "onClick()" }, properties: { "attr.type": "this.buttonType", "class.k-window-titlebar-action": "this.buttonClass", "style.display": "this.visible" } }, providers: [
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.button'
-        }
-    ], exportAs: ["kendoWindowMaximizeAction"], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowMaximizeActionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DragResizeService, optional: true }, { token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: WindowMaximizeActionDirective, isStandalone: true, selector: "button[kendoWindowMaximizeAction]", inputs: { window: "window" }, host: { listeners: { "click": "onClick()" }, properties: { "attr.type": "this.buttonType", "class.k-window-titlebar-action": "this.buttonClass", "style.display": "this.visible" } }, providers: [
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.button'
+            }
+        ], exportAs: ["kendoWindowMaximizeAction"], usesInheritance: true, ngImport: i0, template: `
         <kendo-icon-wrapper
             *ngIf="!imageUrl && !iconClass"
             innerCssClass="k-button-icon"
@@ -2394,7 +2686,8 @@ WindowMaximizeActionDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
         <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
         <span class="k-button-text"><ng-content></ng-content></span>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowMaximizeActionDirective, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowMaximizeActionDirective, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoWindowMaximizeAction',
@@ -2441,14 +2734,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }] } });
 
 class WindowMinimizeActionDirective extends Button {
+    /**
+     * @hidden
+     */
+    window;
+    buttonType = 'button';
+    buttonClass = true;
+    /**
+     * @hidden
+     */
+    windowMinimizeIcon = windowMinimizeIcon;
     constructor(el, renderer, _service, localization, ngZone) {
         super(el, renderer, null, localization, ngZone);
-        this.buttonType = 'button';
-        this.buttonClass = true;
-        /**
-         * @hidden
-         */
-        this.windowMinimizeIcon = windowMinimizeIcon;
         this.window = _service;
         this.fillMode = 'flat';
         this.icon = 'window-minimize';
@@ -2464,15 +2761,14 @@ class WindowMinimizeActionDirective extends Button {
     get visible() {
         return this.window.options.state === 'default' ? 'inline-flex' : 'none';
     }
-}
-WindowMinimizeActionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowMinimizeActionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DragResizeService, optional: true }, { token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-WindowMinimizeActionDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: WindowMinimizeActionDirective, isStandalone: true, selector: "button[kendoWindowMinimizeAction]", inputs: { window: "window" }, host: { listeners: { "click": "onClick()" }, properties: { "attr.type": "this.buttonType", "class.k-window-titlebar-action": "this.buttonClass", "style.display": "this.visible" } }, providers: [
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.button'
-        }
-    ], exportAs: ["kendoWindowMinimizeAction"], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowMinimizeActionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DragResizeService, optional: true }, { token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: WindowMinimizeActionDirective, isStandalone: true, selector: "button[kendoWindowMinimizeAction]", inputs: { window: "window" }, host: { listeners: { "click": "onClick()" }, properties: { "attr.type": "this.buttonType", "class.k-window-titlebar-action": "this.buttonClass", "style.display": "this.visible" } }, providers: [
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.button'
+            }
+        ], exportAs: ["kendoWindowMinimizeAction"], usesInheritance: true, ngImport: i0, template: `
         <kendo-icon-wrapper
             *ngIf="!imageUrl && !iconClass"
             innerCssClass="k-button-icon"
@@ -2485,7 +2781,8 @@ WindowMinimizeActionDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
         <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
         <span class="k-button-text"><ng-content></ng-content></span>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowMinimizeActionDirective, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowMinimizeActionDirective, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoWindowMinimizeAction',
@@ -2535,92 +2832,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Represents the [Kendo UI Window component for Angular]({% slug overview_window_dialogs %}).
  */
 class WindowComponent {
-    constructor(el, renderer, service, navigation, ngZone, localization) {
-        this.el = el;
-        this.renderer = renderer;
-        this.service = service;
-        this.navigation = navigation;
-        this.ngZone = ngZone;
-        this.localization = localization;
-        /**
-         * Specifies if the content of the component is persisted in the DOM when minimized.
-         * @default false
-         */
-        this.keepContent = false;
-        /**
-         * Fires when the user starts to move the Window.
-         */
-        this.dragStart = new EventEmitter();
-        /**
-         * Fires when the Window was moved by the user.
-         */
-        this.dragEnd = new EventEmitter();
-        /**
-         * Fires when the user starts to resize the Window.
-         */
-        this.resizeStart = new EventEmitter();
-        /**
-         * Fires when the Window was resized by the user.
-         */
-        this.resizeEnd = new EventEmitter();
-        /**
-         * Fires when the user closes the Window.
-         */
-        this.close = new EventEmitter();
-        /**
-         * Fires when the `width` property of the component was updated. The event is triggered only after the resizing
-         * has ended. The event data contains the new width. Allows a two-way binding of the `width` property.
-         */
-        this.widthChange = new EventEmitter();
-        /**
-         * Fires when the `height` property of the component was updated. The event is triggered only after the resizing
-         * has ended. The event data contains the new height. Allows a two-way binding of the `height` property.
-         */
-        this.heightChange = new EventEmitter();
-        /**
-         * Fires when the `top` property of the component was updated. The event is triggered only after the dragging
-         * and resizing have ended. The event data contains the new top offset. Allows a two-way binding of the `top` property.
-         */
-        this.topChange = new EventEmitter();
-        /**
-         * Fires when the `left` property of the component was updated. The event is triggered only after the dragging
-         * and resizing have ended. The event data contains the new left offset. Allows a two-way binding of the `left` property.
-         */
-        this.leftChange = new EventEmitter();
-        /**
-         * Fires when the `state` property of the component was updated. The event data contains the new state. Allows a
-         * two-way binding of the `state` property.
-         */
-        this.stateChange = new EventEmitter();
-        /**
-         * @hidden
-         */
-        this.messages = {};
-        /**
-         * @hidden
-         */
-        this.showLicenseWatermark = false;
-        this.tabIndex = 0;
-        this.role = 'dialog';
-        this.hostClass = true;
-        /**
-         * @hidden
-         */
-        this.titleId = null;
-        this._themeColor = null;
-        this.draged = false;
-        this.resized = false;
-        this.windowSubscription = new Subscription();
-        this.domSubs = new Subscription();
-        const isValid = validatePackage(packageMetadata);
-        this.showLicenseWatermark = shouldShowValidationUI(isValid);
-        this.direction = this.localization.rtl ? 'rtl' : 'ltr';
-        this.localizationChangeSubscription = this.localization.changes
-            .subscribe(({ rtl }) => this.direction = rtl ? 'rtl' : 'ltr');
-        this.resizeDirections = RESIZE_DIRECTIONS;
-        this.subscribeEvents();
-        this.titleId = this.generateTitleId();
-    }
+    el;
+    renderer;
+    service;
+    navigation;
+    ngZone;
+    localization;
+    /**
+     * Specifies the query selector used to set the initial focus ([see examples]({% slug initial_focus_window %})).
+     */
+    autoFocusedElement;
+    /**
+     * Specifies the text that is rendered in the title bar.
+     */
+    title;
     /**
      * Specifies whether the user will be able to drag the component.
      * @default true
@@ -2686,6 +2911,11 @@ class WindowComponent {
     get htmlAttributes() {
         return this._htmlAttributes;
     }
+    /**
+     * Specifies if the content of the component is persisted in the DOM when minimized.
+     * @default false
+     */
+    keepContent = false;
     /**
      * Specifies the initial state of the component.
      * If not specified, the value is set to `default`.
@@ -2787,9 +3017,106 @@ class WindowComponent {
         }
         return this.localization.get('minimizeTitle');
     }
+    /**
+     * Fires when the user starts to move the Window.
+     */
+    dragStart = new EventEmitter();
+    /**
+     * Fires when the Window was moved by the user.
+     */
+    dragEnd = new EventEmitter();
+    /**
+     * Fires when the user starts to resize the Window.
+     */
+    resizeStart = new EventEmitter();
+    /**
+     * Fires when the Window was resized by the user.
+     */
+    resizeEnd = new EventEmitter();
+    /**
+     * Fires when the user closes the Window.
+     */
+    close = new EventEmitter();
+    /**
+     * Fires when the `width` property of the component was updated. The event is triggered only after the resizing
+     * has ended. The event data contains the new width. Allows a two-way binding of the `width` property.
+     */
+    widthChange = new EventEmitter();
+    /**
+     * Fires when the `height` property of the component was updated. The event is triggered only after the resizing
+     * has ended. The event data contains the new height. Allows a two-way binding of the `height` property.
+     */
+    heightChange = new EventEmitter();
+    /**
+     * Fires when the `top` property of the component was updated. The event is triggered only after the dragging
+     * and resizing have ended. The event data contains the new top offset. Allows a two-way binding of the `top` property.
+     */
+    topChange = new EventEmitter();
+    /**
+     * Fires when the `left` property of the component was updated. The event is triggered only after the dragging
+     * and resizing have ended. The event data contains the new left offset. Allows a two-way binding of the `left` property.
+     */
+    leftChange = new EventEmitter();
+    /**
+     * Fires when the `state` property of the component was updated. The event data contains the new state. Allows a
+     * two-way binding of the `state` property.
+     */
+    stateChange = new EventEmitter();
+    /**
+     * @hidden
+     */
+    contentTemplate;
+    /**
+     * @hidden
+     */
+    titleBarTemplate;
+    /**
+     * @hidden
+     */
+    messages = {};
+    /**
+     * @hidden
+     */
+    showLicenseWatermark = false;
+    tabIndex = 0;
+    role = 'dialog';
+    hostClass = true;
     get dir() {
         return this.direction;
     }
+    titleBarView;
+    titleBarContent;
+    resizeHandles;
+    resizeDirections;
+    /**
+     * @hidden
+     */
+    titleId = null;
+    _htmlAttributes;
+    _cssClass;
+    _themeColor = null;
+    direction;
+    draged = false;
+    resized = false;
+    windowSubscription = new Subscription();
+    domSubs = new Subscription();
+    localizationChangeSubscription;
+    constructor(el, renderer, service, navigation, ngZone, localization) {
+        this.el = el;
+        this.renderer = renderer;
+        this.service = service;
+        this.navigation = navigation;
+        this.ngZone = ngZone;
+        this.localization = localization;
+        const isValid = validatePackage(packageMetadata);
+        this.showLicenseWatermark = shouldShowValidationUI(isValid);
+        this.direction = this.localization.rtl ? 'rtl' : 'ltr';
+        this.localizationChangeSubscription = this.localization.changes
+            .subscribe(({ rtl }) => this.direction = rtl ? 'rtl' : 'ltr');
+        this.resizeDirections = RESIZE_DIRECTIONS;
+        this.subscribeEvents();
+        this.titleId = this.generateTitleId();
+    }
     ngAfterViewInit() {
         if (!isDocumentAvailable()) {
             return;
@@ -3081,17 +3408,16 @@ class WindowComponent {
             this.renderer.addClass(wrapper, classToAdd);
         }
     }
-}
-WindowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DragResizeService }, { token: NavigationService }, { token: i0.NgZone }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-WindowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: WindowComponent, isStandalone: true, selector: "kendo-window", inputs: { autoFocusedElement: "autoFocusedElement", title: "title", draggable: "draggable", resizable: "resizable", themeColor: "themeColor", 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", "attr.role": "this.role", "class.k-window": "this.hostClass", "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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DragResizeService }, { token: NavigationService }, { token: i0.NgZone }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: WindowComponent, isStandalone: true, selector: "kendo-window", inputs: { autoFocusedElement: "autoFocusedElement", title: "title", draggable: "draggable", resizable: "resizable", themeColor: "themeColor", 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", "attr.role": "this.role", "class.k-window": "this.hostClass", "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"
@@ -3136,7 +3462,8 @@ WindowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
 
         <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
     `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n    [kendoDialogLocalizedMessages],\n    [kendoWindowLocalizedMessages],\n    [kendoDialogTitleBarLocalizedMessages]\n  " }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: WindowTitleBarComponent, selector: "kendo-window-titlebar", inputs: ["template", "id"] }, { kind: "component", type: WindowMinimizeActionDirective, selector: "button[kendoWindowMinimizeAction]", inputs: ["window"], exportAs: ["kendoWindowMinimizeAction"] }, { kind: "component", type: WindowMaximizeActionDirective, selector: "button[kendoWindowMaximizeAction]", inputs: ["window"], exportAs: ["kendoWindowMaximizeAction"] }, { kind: "component", type: WindowRestoreActionDirective, selector: "button[kendoWindowRestoreAction]", inputs: ["window"], exportAs: ["kendoWindowRestoreAction"] }, { kind: "component", type: WindowCloseActionDirective, selector: "button[kendoWindowCloseAction]", inputs: ["window"], exportAs: ["kendoWindowCloseAction"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: ResizeHandleDirective, selector: "[kendoWindowResizeHandle]", inputs: ["direction"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoWindow',
@@ -3300,6 +3627,31 @@ class WindowCloseResult {
  * ([see example]({% slug api_dialog_windowservice %}#toc-open)).
  */
 class WindowRef {
+    /**
+     * A reference to the Window instance.
+     */
+    window;
+    /**
+     * A reference to the child component of the Window.
+     * Available when the Window is opened with
+     * [component content](slug:service_window#toc-rendering-the-content-area).
+     */
+    content;
+    /**
+     * Allows you to close the Window by using code.
+     * When called with no arguments,
+     * the `result` Observable will be of type WindowCloseResult.
+     * When called with an argument, the `result` Observable will hold the provided value.
+     */
+    close;
+    /**
+     * Emits events when the Window is closed through the **Esc** key, the **Close** button of the title bar or
+     * by calling the `close` method.
+     * When the Window is closed with the title bar button, **Esc** or by calling `close` with no arguments,
+     * the result is of type [WindowCloseResult]({% slug api_dialog_windowcloseresult %}).
+     * When `close` is called with an argument, the result is the passed argument.
+     */
+    result;
 }
 
 /**
@@ -3307,23 +3659,114 @@ class WindowRef {
  * ([see example]({% slug api_dialog_windowservice %}#toc-open)).
  */
 class WindowSettings {
+    /**
+     * Defines a predicate that verifies if the closing of the Window should be prevented.
+     * It applies to clicking the **Close** button of the title bar, pressing the **Esc** key or calling the `close` method.
+     * Returning true from the predicate prevents the Window from closing.
+     * If the **Close** button of the title bar is clicked or **Esc** is pressed, a [WindowCloseResult]({% slug api_dialog_windowcloseresult %}) instance is passed.
+     * @param {any} ev
+     * @param {WindowRef} [windowRef] - provided only when the window is created using a component.
+     * @returns
+     */
+    preventClose;
+    /**
+     * Sets the title of the Window.
+     */
+    title;
+    /**
+     * Defines the content of the Window.
+     */
+    content;
+    /**
+     * Defines the content of the title bar.
+     */
+    titleBarContent;
+    /**
+     * Defines the text of the labels that are shown within the Window.
+     * Used primarily for localization.
+     */
+    messages;
+    /**
+     * Specifies if the content of the Window is persisted in the DOM
+     * when the Window is minimized.
+     */
+    keepContent;
+    /**
+     * Specifies the width of the Window.
+     */
+    width;
+    /**
+     * Specifies the minimum width of the Window.
+     */
+    minWidth;
+    /**
+     * Specifies the height of the Window.
+     */
+    height;
+    /**
+     * Specifies the minimum height of the Window.
+     */
+    minHeight;
+    /**
+     * Specifies the left offset of the Window.
+     */
+    left;
+    /**
+     * Specifies the top offset of the Window.
+     */
+    top;
+    /**
+     * Specifies is the Window is draggable.
+     */
+    draggable;
+    /**
+     * Sets the custom CSS classes that will be rendered on the Window wrapper element.
+     * Supports the union type of values that NgClass accepts [ngClass](link:site.data.urls.angular['ngclassapi']).
+     */
+    cssClass;
+    /**
+     * Sets the HTML attributes of the Window wrapper element.
+     * The property accepts string key-value based pairs.
+     */
+    htmlAttributes;
+    /**
+     * Specifies if the Window is resizable.
+     */
+    resizable;
+    /**
+     * Specifies the initial state of the Window.
+     */
+    state;
+    /**
+     * Defines the container in which the Window will be inserted.
+     * Specifying this option changes the place in the page hierarchy where the Window will be inserted.
+     */
+    appendTo;
+    /**
+     * Sets the focused element query selector.
+     */
+    autoFocusedElement;
+    /**
+     * Sets the theme color of the Window.
+     */
+    themeColor;
 }
 
 /**
  * @hidden
  */
 class WindowContainerService {
+    static container = null;
     set container(container) {
         WindowContainerService.container = container;
     }
     get container() {
         return WindowContainerService.container;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowContainerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowContainerService, providedIn: 'root' });
 }
-WindowContainerService.container = null;
-WindowContainerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowContainerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-WindowContainerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowContainerService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowContainerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowContainerService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -3332,6 +3775,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
 
 const isNotComponent = (component) => isString(component) || component instanceof TemplateRef;
 class WindowInjector {
+    getWindowRef;
+    parentInjector;
     constructor(getWindowRef, parentInjector) {
         this.getWindowRef = getWindowRef;
         this.parentInjector = parentInjector;
@@ -3348,6 +3793,8 @@ class WindowInjector {
  * ([see example]({% slug service_window %})).
  */
 class WindowService {
+    resolver;
+    containerService;
     constructor(
     /**
      * @hidden
@@ -3526,10 +3973,10 @@ class WindowService {
             ]
         };
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowService, deps: [{ token: i0.ComponentFactoryResolver }, { token: WindowContainerService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowService, providedIn: 'root' });
 }
-WindowService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowService, deps: [{ token: i0.ComponentFactoryResolver }, { token: WindowContainerService }], target: i0.ɵɵFactoryTarget.Injectable });
-WindowService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -3553,10 +4000,10 @@ class DialogContainerDirective {
     constructor(container, service) {
         service.container = container;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogContainerDirective, deps: [{ token: i0.ViewContainerRef }, { token: DialogContainerService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DialogContainerDirective, isStandalone: true, selector: "[kendoDialogContainer]", ngImport: i0 });
 }
-DialogContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogContainerDirective, deps: [{ token: i0.ViewContainerRef }, { token: DialogContainerService }], target: i0.ɵɵFactoryTarget.Directive });
-DialogContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DialogContainerDirective, isStandalone: true, selector: "[kendoDialogContainer]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogContainerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogContainerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDialogContainer]',
@@ -3569,6 +4016,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * ([see example](slug:globalization_dialogs#toc-internationalization)).
  */
 class CustomMessagesComponent extends Messages {
+    service;
     constructor(service) {
         super();
         this.service = service;
@@ -3576,15 +4024,15 @@ class CustomMessagesComponent extends Messages {
     get override() {
         return true;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-dialog-messages, kendo-window-messages", providers: [
+            {
+                provide: Messages,
+                useExisting: forwardRef(() => CustomMessagesComponent)
+            }
+        ], usesInheritance: true, ngImport: i0 });
 }
-CustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-CustomMessagesComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-dialog-messages, kendo-window-messages", providers: [
-        {
-            provide: Messages,
-            useExisting: forwardRef(() => CustomMessagesComponent)
-        }
-    ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomMessagesComponent, decorators: [{
             type: Directive,
             args: [{
                     providers: [
@@ -3613,10 +4061,10 @@ class WindowContainerDirective {
     constructor(container, service) {
         service.container = container;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowContainerDirective, deps: [{ token: i0.ViewContainerRef }, { token: WindowContainerService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: WindowContainerDirective, isStandalone: true, selector: "[kendoWindowContainer]", ngImport: i0 });
 }
-WindowContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowContainerDirective, deps: [{ token: i0.ViewContainerRef }, { token: WindowContainerService }], target: i0.ɵɵFactoryTarget.Directive });
-WindowContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: WindowContainerDirective, isStandalone: true, selector: "[kendoWindowContainer]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowContainerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowContainerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoWindowContainer]',
@@ -3656,13 +4104,6 @@ const KENDO_DIALOGS = [
     ...KENDO_WINDOW
 ];
 
-/**
- * @hidden
- */
-const DIALOG_DIRECTIVES = [
-    DialogComponent,
-    DialogTitleBarComponent
-];
 //IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
@@ -3687,11 +4128,11 @@ const DIALOG_DIRECTIVES = [
  * ```
  */
 class DialogModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DialogModule, imports: [DialogComponent, DialogTitleBarComponent, DialogContainerDirective, DialogActionsComponent, CustomMessagesComponent], exports: [DialogComponent, DialogTitleBarComponent, DialogContainerDirective, DialogActionsComponent, CustomMessagesComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogModule, providers: [DialogContainerService, DialogService, IconsService], imports: [DialogComponent, DialogTitleBarComponent] });
 }
-DialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: DialogModule, imports: [DialogComponent, DialogTitleBarComponent, DialogContainerDirective, DialogActionsComponent, CustomMessagesComponent], exports: [DialogComponent, DialogTitleBarComponent, DialogContainerDirective, DialogActionsComponent, CustomMessagesComponent] });
-DialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogModule, providers: [DialogContainerService, DialogService, IconsService], imports: [DialogComponent, DialogTitleBarComponent, DialogActionsComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_DIALOG],
@@ -3700,10 +4141,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 }]
         }] });
 
-const ENTRY_COMPONENTS = [
-    WindowComponent,
-    WindowTitleBarComponent
-];
 //IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
@@ -3728,11 +4165,11 @@ const ENTRY_COMPONENTS = [
  * ```
  */
 class WindowModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: WindowModule, imports: [WindowComponent, WindowCloseActionDirective, WindowMinimizeActionDirective, WindowMaximizeActionDirective, WindowRestoreActionDirective, WindowTitleBarComponent, WindowContainerDirective, DialogActionsComponent, CustomMessagesComponent], exports: [WindowComponent, WindowCloseActionDirective, WindowMinimizeActionDirective, WindowMaximizeActionDirective, WindowRestoreActionDirective, WindowTitleBarComponent, WindowContainerDirective, DialogActionsComponent, CustomMessagesComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowModule, providers: [WindowContainerService, WindowService, IconsService], imports: [WindowComponent, WindowCloseActionDirective, WindowMinimizeActionDirective, WindowMaximizeActionDirective, WindowRestoreActionDirective] });
 }
-WindowModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-WindowModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: WindowModule, imports: [WindowComponent, WindowCloseActionDirective, WindowMinimizeActionDirective, WindowMaximizeActionDirective, WindowRestoreActionDirective, WindowTitleBarComponent, WindowContainerDirective, DialogActionsComponent, CustomMessagesComponent], exports: [WindowComponent, WindowCloseActionDirective, WindowMinimizeActionDirective, WindowMaximizeActionDirective, WindowRestoreActionDirective, WindowTitleBarComponent, WindowContainerDirective, DialogActionsComponent, CustomMessagesComponent] });
-WindowModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowModule, providers: [WindowContainerService, WindowService, IconsService], imports: [WindowComponent, WindowCloseActionDirective, WindowMinimizeActionDirective, WindowMaximizeActionDirective, WindowRestoreActionDirective, WindowTitleBarComponent, DialogActionsComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WindowModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...KENDO_WINDOW],
@@ -3768,11 +4205,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * ```
  */
 class DialogsModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DialogsModule, imports: [DialogComponent, DialogTitleBarComponent, DialogContainerDirective, DialogActionsComponent, CustomMessagesComponent, WindowComponent, WindowCloseActionDirective, WindowMinimizeActionDirective, WindowMaximizeActionDirective, WindowRestoreActionDirective, WindowTitleBarComponent, WindowContainerDirective, DialogActionsComponent, CustomMessagesComponent], exports: [DialogComponent, DialogTitleBarComponent, DialogContainerDirective, DialogActionsComponent, CustomMessagesComponent, WindowComponent, WindowCloseActionDirective, WindowMinimizeActionDirective, WindowMaximizeActionDirective, WindowRestoreActionDirective, WindowTitleBarComponent, WindowContainerDirective, DialogActionsComponent, CustomMessagesComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogsModule, providers: [IconsService, DialogService, DialogContainerService, WindowService, WindowContainerService], imports: [DialogComponent, DialogTitleBarComponent, WindowComponent, WindowCloseActionDirective, WindowMinimizeActionDirective, WindowMaximizeActionDirective, WindowRestoreActionDirective] });
 }
-DialogsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DialogsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: DialogsModule, imports: [DialogComponent, DialogTitleBarComponent, DialogContainerDirective, DialogActionsComponent, CustomMessagesComponent, WindowComponent, WindowCloseActionDirective, WindowMinimizeActionDirective, WindowMaximizeActionDirective, WindowRestoreActionDirective, WindowTitleBarComponent, WindowContainerDirective, DialogActionsComponent, CustomMessagesComponent], exports: [DialogComponent, DialogTitleBarComponent, DialogContainerDirective, DialogActionsComponent, CustomMessagesComponent, WindowComponent, WindowCloseActionDirective, WindowMinimizeActionDirective, WindowMaximizeActionDirective, WindowRestoreActionDirective, WindowTitleBarComponent, WindowContainerDirective, DialogActionsComponent, CustomMessagesComponent] });
-DialogsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogsModule, providers: [IconsService, DialogService, DialogContainerService, WindowService, WindowContainerService], imports: [DialogComponent, DialogTitleBarComponent, DialogActionsComponent, WindowComponent, WindowCloseActionDirective, WindowMinimizeActionDirective, WindowMaximizeActionDirective, WindowRestoreActionDirective, WindowTitleBarComponent, DialogActionsComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...KENDO_DIALOGS],