@progress/kendo-angular-dialog 19.3.0-develop.4 → 19.3.0-develop.40

package/common/util.d.ts

@@ -11,21 +11,6 @@ export declare const isPresent: (value: any) => boolean;
  * @hidden
  */
 export declare const isTruthy: (value: any) => boolean;
-/**
- * @hidden
- */
-export declare enum Keys {
-    'esc' = 27,
-    'tab' = 9,
-    'enter' = 13,
-    'space' = 32,
-    'ctrl' = 17,
-    'shift' = 16,
-    'left' = 37,
-    'up' = 38,
-    'right' = 39,
-    'down' = 40
-}
 /**
  * @hidden
  */

package/dialog/dialog.component.d.ts

@@ -151,6 +151,10 @@ export declare class DialogComponent implements AfterContentInit, AfterViewInit,
      * @hidden
      */
     showLicenseWatermark: boolean;
+    /**
+     * @hidden
+     */
+    licenseMessage?: string;
     /**
      * Emits when the user clicks an action button in the Dialog. Fires only if you specify action buttons through the `actions` option.
      *

package/esm2022/common/util.mjs

@@ -14,22 +14,6 @@ export const isPresent = (value) => value !== null && value !== undefined;
 export const isTruthy = (value) => !!value;
 const toClassList = (classNames) => String(classNames).trim().split(' ');
 const focusableRegex = /^(?:a|input|select|textarea|button|object)$/i;
-/**
- * @hidden
- */
-export var Keys;
-(function (Keys) {
-    Keys[Keys["esc"] = 27] = "esc";
-    Keys[Keys["tab"] = 9] = "tab";
-    Keys[Keys["enter"] = 13] = "enter";
-    Keys[Keys["space"] = 32] = "space";
-    Keys[Keys["ctrl"] = 17] = "ctrl";
-    Keys[Keys["shift"] = 16] = "shift";
-    Keys[Keys["left"] = 37] = "left";
-    Keys[Keys["up"] = 38] = "up";
-    Keys[Keys["right"] = 39] = "right";
-    Keys[Keys["down"] = 40] = "down";
-})(Keys || (Keys = {}));
 /**
  * @hidden
  */

package/esm2022/dialog/dialog.component.mjs

@@ -10,8 +10,8 @@ import { DialogTitleBarComponent } from './dialog-titlebar.component';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
-import { hasClasses, Keys, isPresent, isFocusable, DIALOG_ELEMENTS_HANDLING_ARROWS, DIALOG_ELEMENTS_HANDLING_ESC_KEY, createValueWithUnit, parseCSSClassNames, findPrimaryButton } from '../common/util';
-import { focusableSelector, shouldShowValidationUI, setHTMLAttributes } from '@progress/kendo-angular-common';
+import { hasClasses, isPresent, isFocusable, DIALOG_ELEMENTS_HANDLING_ARROWS, DIALOG_ELEMENTS_HANDLING_ESC_KEY, createValueWithUnit, parseCSSClassNames, findPrimaryButton } from '../common/util';
+import { focusableSelector, shouldShowValidationUI, getLicenseMessage, setHTMLAttributes, Keys, normalizeNumpadKeys } from '@progress/kendo-angular-common';
 import { DialogCloseResult } from './models/dialog-close-result';
 import { DIALOG_LOCALIZATION_SERVICE } from './../localization/dialog-localization.service';
 import { take } from 'rxjs/operators';
@@ -182,6 +182,10 @@ export class DialogComponent {
      * @hidden
      */
     showLicenseWatermark = false;
+    /**
+     * @hidden
+     */
+    licenseMessage;
     /**
      * Emits when the user clicks an action button in the Dialog. Fires only if you specify action buttons through the `actions` option.
      *
@@ -215,6 +219,7 @@ export class DialogComponent {
         this.ngZone = ngZone;
         this.builder = builder;
         const isValid = validatePackage(packageMetadata);
+        this.licenseMessage = getLicenseMessage(packageMetadata);
         this.showLicenseWatermark = shouldShowValidationUI(isValid);
         this.direction = localization.rtl ? 'rtl' : 'ltr';
         this.subscriptions.push(localization.changes.subscribe(({ rtl }) => (this.direction = rtl ? 'rtl' : 'ltr')));
@@ -302,20 +307,21 @@ export class DialogComponent {
     onKeyDown(event) {
         const target = event.target;
         const parent = target.parentElement;
+        const code = normalizeNumpadKeys(event);
         if (hasClasses(target, DIALOG_ELEMENTS_HANDLING_ESC_KEY) || hasClasses(parent, DIALOG_ELEMENTS_HANDLING_ESC_KEY)) {
-            if (event.keyCode === Keys.esc) {
+            if (code === Keys.Escape) {
                 this.ngZone.run(() => {
                     this.close.emit(new DialogCloseResult());
                 });
             }
         }
         if (hasClasses(target, 'k-button') && hasClasses(parent, DIALOG_ELEMENTS_HANDLING_ARROWS) &&
-            (event.keyCode === Keys.left || event.keyCode === Keys.right)) {
+            (code === Keys.ArrowLeft || code === Keys.ArrowRight)) {
             this.ngZone.run(() => {
-                this.handleActionButtonFocus(parent, event.keyCode);
+                this.handleActionButtonFocus(parent, code);
             });
         }
-        if (event.keyCode === Keys.tab) {
+        if (code === Keys.Tab) {
             this.ngZone.run(() => {
                 this.keepFocusWithinComponent(target, event);
             });
@@ -368,11 +374,11 @@ export class DialogComponent {
         for (let i = 0; i < focusableActionButtons.length; i++) {
             const current = focusableActionButtons[i];
             if (current === document.activeElement) {
-                if (key === Keys.left && i > 0) {
+                if (key === Keys.ArrowLeft && i > 0) {
                     focusableActionButtons[i - 1].focus();
                     break;
                 }
-                if (key === Keys.right && i < focusableActionButtons.length - 1) {
+                if (key === Keys.ArrowRight && i < focusableActionButtons.length - 1) {
                     focusableActionButtons[i + 1].focus();
                     break;
                 }
@@ -505,10 +511,10 @@ export class DialogComponent {
                 <ng-content select="kendo-dialog-actions" *ngIf="!actions"></ng-content>
                 <kendo-dialog-actions *ngIf="actions" [actions]="actions" [layout]="actionsLayout"> </kendo-dialog-actions>
 
-                <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
+                <div kendoWatermarkOverlay *ngIf="showLicenseWatermark" [licenseMessage]="licenseMessage"></div>
             </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: [
+    `, 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]", inputs: ["licenseMessage"] }], animations: [
             trigger('overlayAppear', [
                 state('in', style({ opacity: 1 })),
                 transition('void => *', [style({ opacity: 0.1 }), animate('.3s cubic-bezier(.2, .6, .4, 1)')])
@@ -557,7 +563,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 <ng-content select="kendo-dialog-actions" *ngIf="!actions"></ng-content>
                 <kendo-dialog-actions *ngIf="actions" [actions]="actions" [layout]="actionsLayout"> </kendo-dialog-actions>
 
-                <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
+                <div kendoWatermarkOverlay *ngIf="showLicenseWatermark" [licenseMessage]="licenseMessage"></div>
             </div>
         </ng-container>
     `,

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1752065288,
-    version: '19.3.0-develop.4',
+    publishDate: 1754990607,
+    version: '19.3.0-develop.40',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2022/window/navigation.service.mjs

@@ -4,7 +4,8 @@
 *-------------------------------------------------------------------------------------------*/
 import { Injectable, NgZone } from "@angular/core";
 import { DragResizeService } from './drag-resize.service';
-import { isPresent, OFFSET_STYLES, Keys, WINDOW_CLASSES, hasClasses, WINDOW_ELEMENTS_HANDLING_ESC_KEY } from '../common/util';
+import { isPresent, OFFSET_STYLES, WINDOW_CLASSES, hasClasses, WINDOW_ELEMENTS_HANDLING_ESC_KEY } from '../common/util';
+import { Keys, normalizeNumpadKeys } from "@progress/kendo-angular-common";
 import * as i0 from "@angular/core";
 import * as i1 from "./drag-resize.service";
 /**
@@ -18,13 +19,13 @@ export class NavigationService {
         this.ngZone = ngZone;
     }
     process(ev) {
-        const key = ev.keyCode;
+        const key = normalizeNumpadKeys(ev);
         const target = ev.target;
         switch (key) {
-            case Keys.up:
-            case Keys.down:
-            case Keys.left:
-            case Keys.right: {
+            case Keys.ArrowUp:
+            case Keys.ArrowDown:
+            case Keys.ArrowLeft:
+            case Keys.ArrowRight: {
                 if (hasClasses(target, WINDOW_CLASSES)) {
                     ev.preventDefault();
                     this.ngZone.run(() => {
@@ -33,7 +34,7 @@ export class NavigationService {
                 }
                 break;
             }
-            case Keys.esc:
+            case Keys.Escape:
                 if (hasClasses(target, WINDOW_ELEMENTS_HANDLING_ESC_KEY)) {
                     this.ngZone.run(() => {
                         this.handleEscape();
@@ -69,18 +70,18 @@ export class NavigationService {
         const restoreOptions = this.window.restoreOptions;
         const ev = {};
         let delta = 10;
-        if (key === Keys.left || key === Keys.up) {
+        if (key === Keys.ArrowLeft || key === Keys.ArrowUp) {
             delta *= -1;
         }
         switch (key) {
-            case Keys.left:
-            case Keys.right: {
+            case Keys.ArrowLeft:
+            case Keys.ArrowRight: {
                 ev.left = offset.x + delta;
                 options.left = ev.left;
                 break;
             }
-            case Keys.up:
-            case Keys.down: {
+            case Keys.ArrowUp:
+            case Keys.ArrowDown: {
                 ev.top = offset.y + delta;
                 options.top = ev.top;
                 break;
@@ -104,20 +105,20 @@ export class NavigationService {
         let newHeight;
         const ev = {};
         let delta = 10;
-        if (key === Keys.left || key === Keys.up) {
+        if (key === Keys.ArrowLeft || key === Keys.ArrowUp) {
             delta *= -1;
         }
         switch (key) {
-            case Keys.left:
-            case Keys.right: {
+            case Keys.ArrowLeft:
+            case Keys.ArrowRight: {
                 newWidth = offset.width + delta;
                 if (newWidth !== options.width && newWidth >= options.minWidth) {
                     ev.width = newWidth;
                 }
                 break;
             }
-            case Keys.up:
-            case Keys.down: {
+            case Keys.ArrowUp:
+            case Keys.ArrowDown: {
                 newHeight = offset.height + delta;
                 if (newHeight !== options.height && newHeight >= options.minHeight) {
                     ev.height = newHeight;
@@ -137,16 +138,16 @@ export class NavigationService {
         }
     }
     handleStateChange(key, state) {
-        if ((state === 'minimized' && key === Keys.up) ||
-            (state === 'maximized' && key === Keys.down)) {
+        if ((state === 'minimized' && key === Keys.ArrowUp) ||
+            (state === 'maximized' && key === Keys.ArrowDown)) {
             this.window.restoreAction();
             return;
         }
         if (state === 'default') {
-            if (key === Keys.up) {
+            if (key === Keys.ArrowUp) {
                 this.window.maximizeAction();
             }
-            else if (key === Keys.down) {
+            else if (key === Keys.ArrowDown) {
                 this.window.minimizeAction();
             }
         }

package/esm2022/window/window.component.mjs

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { Component, Input, Output, HostBinding, EventEmitter, ContentChild, ElementRef, Renderer2, ViewChildren, QueryList, HostListener, NgZone, ViewChild } from '@angular/core';
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
-import { isChanged, isDocumentAvailable, shouldShowValidationUI, setHTMLAttributes } from '@progress/kendo-angular-common';
+import { isChanged, isDocumentAvailable, shouldShowValidationUI, getLicenseMessage, setHTMLAttributes } from '@progress/kendo-angular-common';
 import { validatePackage } from '@progress/kendo-licensing';
 import { Subscription } from 'rxjs';
 import { take } from 'rxjs/operators';
@@ -262,6 +262,10 @@ export class WindowComponent {
      * @hidden
      */
     showLicenseWatermark = false;
+    /**
+     * @hidden
+     */
+    licenseMessage;
     tabIndex = 0;
     role = 'dialog';
     hostClass = true;
@@ -293,6 +297,7 @@ export class WindowComponent {
         this.ngZone = ngZone;
         this.localization = localization;
         const isValid = validatePackage(packageMetadata);
+        this.licenseMessage = getLicenseMessage(packageMetadata);
         this.showLicenseWatermark = shouldShowValidationUI(isValid);
         this.direction = this.localization.rtl ? 'rtl' : 'ltr';
         this.localizationChangeSubscription = this.localization.changes
@@ -642,8 +647,8 @@ export class WindowComponent {
             </div>
         </ng-template>
 
-        <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]" }] });
+        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark" [licenseMessage]="licenseMessage"></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]", inputs: ["licenseMessage"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowComponent, decorators: [{
             type: Component,
@@ -702,7 +707,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             </div>
         </ng-template>
 
-        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
+        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark" [licenseMessage]="licenseMessage"></div>
     `,
                     standalone: true,
                     imports: [LocalizedMessagesDirective, NgIf, WindowTitleBarComponent, WindowMinimizeActionDirective, WindowMaximizeActionDirective, WindowRestoreActionDirective, WindowCloseActionDirective, NgTemplateOutlet, NgFor, ResizeHandleDirective, DraggableDirective, WatermarkOverlayComponent]

package/fesm2022/progress-kendo-angular-dialog.mjs

@@ -16,7 +16,7 @@ import { xIcon, windowRestoreIcon, windowIcon, windowMinimizeIcon } from '@progr
 import { validatePackage } from '@progress/kendo-licensing';
 import { of, Subscription, Subject, merge } from 'rxjs';
 import * as i1$2 from '@progress/kendo-angular-common';
-import { setHTMLAttributes, shouldShowValidationUI, isDocumentAvailable, focusableSelector, WatermarkOverlayComponent, DraggableDirective, isChanged } from '@progress/kendo-angular-common';
+import { setHTMLAttributes, getLicenseMessage, shouldShowValidationUI, isDocumentAvailable, normalizeNumpadKeys, Keys, 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';
 
@@ -498,8 +498,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1752065288,
-    version: '19.3.0-develop.4',
+    publishDate: 1754990607,
+    version: '19.3.0-develop.40',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -513,22 +513,6 @@ const isPresent = (value) => value !== null && value !== undefined;
 const isTruthy = (value) => !!value;
 const toClassList = (classNames) => String(classNames).trim().split(' ');
 const focusableRegex = /^(?:a|input|select|textarea|button|object)$/i;
-/**
- * @hidden
- */
-var Keys;
-(function (Keys) {
-    Keys[Keys["esc"] = 27] = "esc";
-    Keys[Keys["tab"] = 9] = "tab";
-    Keys[Keys["enter"] = 13] = "enter";
-    Keys[Keys["space"] = 32] = "space";
-    Keys[Keys["ctrl"] = 17] = "ctrl";
-    Keys[Keys["shift"] = 16] = "shift";
-    Keys[Keys["left"] = 37] = "left";
-    Keys[Keys["up"] = 38] = "up";
-    Keys[Keys["right"] = 39] = "right";
-    Keys[Keys["down"] = 40] = "down";
-})(Keys || (Keys = {}));
 /**
  * @hidden
  */
@@ -944,6 +928,10 @@ class DialogComponent {
      * @hidden
      */
     showLicenseWatermark = false;
+    /**
+     * @hidden
+     */
+    licenseMessage;
     /**
      * Emits when the user clicks an action button in the Dialog. Fires only if you specify action buttons through the `actions` option.
      *
@@ -977,6 +965,7 @@ class DialogComponent {
         this.ngZone = ngZone;
         this.builder = builder;
         const isValid = validatePackage(packageMetadata);
+        this.licenseMessage = getLicenseMessage(packageMetadata);
         this.showLicenseWatermark = shouldShowValidationUI(isValid);
         this.direction = localization.rtl ? 'rtl' : 'ltr';
         this.subscriptions.push(localization.changes.subscribe(({ rtl }) => (this.direction = rtl ? 'rtl' : 'ltr')));
@@ -1064,20 +1053,21 @@ class DialogComponent {
     onKeyDown(event) {
         const target = event.target;
         const parent = target.parentElement;
+        const code = normalizeNumpadKeys(event);
         if (hasClasses(target, DIALOG_ELEMENTS_HANDLING_ESC_KEY) || hasClasses(parent, DIALOG_ELEMENTS_HANDLING_ESC_KEY)) {
-            if (event.keyCode === Keys.esc) {
+            if (code === Keys.Escape) {
                 this.ngZone.run(() => {
                     this.close.emit(new DialogCloseResult());
                 });
             }
         }
         if (hasClasses(target, 'k-button') && hasClasses(parent, DIALOG_ELEMENTS_HANDLING_ARROWS) &&
-            (event.keyCode === Keys.left || event.keyCode === Keys.right)) {
+            (code === Keys.ArrowLeft || code === Keys.ArrowRight)) {
             this.ngZone.run(() => {
-                this.handleActionButtonFocus(parent, event.keyCode);
+                this.handleActionButtonFocus(parent, code);
             });
         }
-        if (event.keyCode === Keys.tab) {
+        if (code === Keys.Tab) {
             this.ngZone.run(() => {
                 this.keepFocusWithinComponent(target, event);
             });
@@ -1130,11 +1120,11 @@ class DialogComponent {
         for (let i = 0; i < focusableActionButtons.length; i++) {
             const current = focusableActionButtons[i];
             if (current === document.activeElement) {
-                if (key === Keys.left && i > 0) {
+                if (key === Keys.ArrowLeft && i > 0) {
                     focusableActionButtons[i - 1].focus();
                     break;
                 }
-                if (key === Keys.right && i < focusableActionButtons.length - 1) {
+                if (key === Keys.ArrowRight && i < focusableActionButtons.length - 1) {
                     focusableActionButtons[i + 1].focus();
                     break;
                 }
@@ -1267,10 +1257,10 @@ class DialogComponent {
                 <ng-content select="kendo-dialog-actions" *ngIf="!actions"></ng-content>
                 <kendo-dialog-actions *ngIf="actions" [actions]="actions" [layout]="actionsLayout"> </kendo-dialog-actions>
 
-                <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
+                <div kendoWatermarkOverlay *ngIf="showLicenseWatermark" [licenseMessage]="licenseMessage"></div>
             </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: [
+    `, 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]", inputs: ["licenseMessage"] }], animations: [
             trigger('overlayAppear', [
                 state('in', style({ opacity: 1 })),
                 transition('void => *', [style({ opacity: 0.1 }), animate('.3s cubic-bezier(.2, .6, .4, 1)')])
@@ -1319,7 +1309,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 <ng-content select="kendo-dialog-actions" *ngIf="!actions"></ng-content>
                 <kendo-dialog-actions *ngIf="actions" [actions]="actions" [layout]="actionsLayout"> </kendo-dialog-actions>
 
-                <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
+                <div kendoWatermarkOverlay *ngIf="showLicenseWatermark" [licenseMessage]="licenseMessage"></div>
             </div>
         </ng-container>
     `,
@@ -2360,13 +2350,13 @@ class NavigationService {
         this.ngZone = ngZone;
     }
     process(ev) {
-        const key = ev.keyCode;
+        const key = normalizeNumpadKeys(ev);
         const target = ev.target;
         switch (key) {
-            case Keys.up:
-            case Keys.down:
-            case Keys.left:
-            case Keys.right: {
+            case Keys.ArrowUp:
+            case Keys.ArrowDown:
+            case Keys.ArrowLeft:
+            case Keys.ArrowRight: {
                 if (hasClasses(target, WINDOW_CLASSES)) {
                     ev.preventDefault();
                     this.ngZone.run(() => {
@@ -2375,7 +2365,7 @@ class NavigationService {
                 }
                 break;
             }
-            case Keys.esc:
+            case Keys.Escape:
                 if (hasClasses(target, WINDOW_ELEMENTS_HANDLING_ESC_KEY)) {
                     this.ngZone.run(() => {
                         this.handleEscape();
@@ -2411,18 +2401,18 @@ class NavigationService {
         const restoreOptions = this.window.restoreOptions;
         const ev = {};
         let delta = 10;
-        if (key === Keys.left || key === Keys.up) {
+        if (key === Keys.ArrowLeft || key === Keys.ArrowUp) {
             delta *= -1;
         }
         switch (key) {
-            case Keys.left:
-            case Keys.right: {
+            case Keys.ArrowLeft:
+            case Keys.ArrowRight: {
                 ev.left = offset.x + delta;
                 options.left = ev.left;
                 break;
             }
-            case Keys.up:
-            case Keys.down: {
+            case Keys.ArrowUp:
+            case Keys.ArrowDown: {
                 ev.top = offset.y + delta;
                 options.top = ev.top;
                 break;
@@ -2446,20 +2436,20 @@ class NavigationService {
         let newHeight;
         const ev = {};
         let delta = 10;
-        if (key === Keys.left || key === Keys.up) {
+        if (key === Keys.ArrowLeft || key === Keys.ArrowUp) {
             delta *= -1;
         }
         switch (key) {
-            case Keys.left:
-            case Keys.right: {
+            case Keys.ArrowLeft:
+            case Keys.ArrowRight: {
                 newWidth = offset.width + delta;
                 if (newWidth !== options.width && newWidth >= options.minWidth) {
                     ev.width = newWidth;
                 }
                 break;
             }
-            case Keys.up:
-            case Keys.down: {
+            case Keys.ArrowUp:
+            case Keys.ArrowDown: {
                 newHeight = offset.height + delta;
                 if (newHeight !== options.height && newHeight >= options.minHeight) {
                     ev.height = newHeight;
@@ -2479,16 +2469,16 @@ class NavigationService {
         }
     }
     handleStateChange(key, state) {
-        if ((state === 'minimized' && key === Keys.up) ||
-            (state === 'maximized' && key === Keys.down)) {
+        if ((state === 'minimized' && key === Keys.ArrowUp) ||
+            (state === 'maximized' && key === Keys.ArrowDown)) {
             this.window.restoreAction();
             return;
         }
         if (state === 'default') {
-            if (key === Keys.up) {
+            if (key === Keys.ArrowUp) {
                 this.window.maximizeAction();
             }
-            else if (key === Keys.down) {
+            else if (key === Keys.ArrowDown) {
                 this.window.minimizeAction();
             }
         }
@@ -3138,6 +3128,10 @@ class WindowComponent {
      * @hidden
      */
     showLicenseWatermark = false;
+    /**
+     * @hidden
+     */
+    licenseMessage;
     tabIndex = 0;
     role = 'dialog';
     hostClass = true;
@@ -3169,6 +3163,7 @@ class WindowComponent {
         this.ngZone = ngZone;
         this.localization = localization;
         const isValid = validatePackage(packageMetadata);
+        this.licenseMessage = getLicenseMessage(packageMetadata);
         this.showLicenseWatermark = shouldShowValidationUI(isValid);
         this.direction = this.localization.rtl ? 'rtl' : 'ltr';
         this.localizationChangeSubscription = this.localization.changes
@@ -3518,8 +3513,8 @@ class WindowComponent {
             </div>
         </ng-template>
 
-        <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]" }] });
+        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark" [licenseMessage]="licenseMessage"></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]", inputs: ["licenseMessage"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WindowComponent, decorators: [{
             type: Component,
@@ -3578,7 +3573,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             </div>
         </ng-template>
 
-        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
+        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark" [licenseMessage]="licenseMessage"></div>
     `,
                     standalone: true,
                     imports: [LocalizedMessagesDirective, NgIf, WindowTitleBarComponent, WindowMinimizeActionDirective, WindowMaximizeActionDirective, WindowRestoreActionDirective, WindowCloseActionDirective, NgTemplateOutlet, NgFor, ResizeHandleDirective, DraggableDirective, WatermarkOverlayComponent]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-dialog",
-  "version": "19.3.0-develop.4",
+  "version": "19.3.0-develop.40",
   "description": "Dialog Package for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -23,7 +23,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1752065288,
+      "publishDate": 1754990607,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -32,16 +32,16 @@
     "@angular/common": "16 - 20",
     "@angular/core": "16 - 20",
     "@angular/platform-browser": "16 - 20",
-    "@progress/kendo-licensing": "^1.5.0",
-    "@progress/kendo-angular-buttons": "19.3.0-develop.4",
-    "@progress/kendo-angular-common": "19.3.0-develop.4",
-    "@progress/kendo-angular-icons": "19.3.0-develop.4",
-    "@progress/kendo-angular-l10n": "19.3.0-develop.4",
+    "@progress/kendo-licensing": "^1.7.0",
+    "@progress/kendo-angular-buttons": "19.3.0-develop.40",
+    "@progress/kendo-angular-common": "19.3.0-develop.40",
+    "@progress/kendo-angular-icons": "19.3.0-develop.40",
+    "@progress/kendo-angular-l10n": "19.3.0-develop.40",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "19.3.0-develop.4",
+    "@progress/kendo-angular-schematics": "19.3.0-develop.40",
     "@progress/kendo-popup-common": "^1.7.0"
   },
   "schematics": "./schematics/collection.json",

package/schematics/ngAdd/index.js

@@ -4,7 +4,7 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'DialogsModule', package: 'dialog', peerDependencies: {
             // Peer dependency of buttons
-            '@progress/kendo-angular-popup': '19.3.0-develop.4',
+            '@progress/kendo-angular-popup': '19.3.0-develop.40',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^4.0.0'
         } });

package/window/models/window-types.d.ts

@@ -6,6 +6,15 @@
  * @hidden
  */
 export type WindowPosition = 'absolute' | 'fixed';
+/**
+ * Represents the possible states of the Window component.
+ */
 export type WindowState = 'minimized' | 'maximized' | 'default';
+/**
+ * Represents the dimensions of the Window that can be resized dynamically.
+ */
 export type WindowDimensionSetting = 'width' | 'height';
+/**
+ * Represents the offset of the Window that can be set dynamically.
+ */
 export type WindowOffsetSetting = 'top' | 'left';

package/window/navigation.service.d.ts

@@ -13,12 +13,12 @@ export declare class NavigationService {
     private window;
     private ngZone;
     constructor(window: DragResizeService, ngZone: NgZone);
-    process(ev: any): void;
-    handleArrow(key: number, ev: KeyboardEvent): void;
+    process(ev: KeyboardEvent): void;
+    handleArrow(key: string, ev: KeyboardEvent): void;
     handleEscape(): void;
-    handleDrag(key: number): void;
-    handleResize(key: number): void;
-    handleStateChange(key: number, state: WindowState): void;
+    handleDrag(key: string): void;
+    handleResize(key: string): void;
+    handleStateChange(key: string, state: WindowState): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavigationService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<NavigationService>;
 }

package/window/window.component.d.ts

@@ -172,6 +172,10 @@ export declare class WindowComponent implements OnInit, OnDestroy, OnChanges, Af
      * @hidden
      */
     showLicenseWatermark: boolean;
+    /**
+     * @hidden
+     */
+    licenseMessage?: string;
     tabIndex: number;
     role: string;
     hostClass: boolean;