@progress/kendo-angular-dialog 19.3.0-develop.32 → 19.3.0-develop.33

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/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, getLicenseMessage, 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';
@@ -307,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);
             });
@@ -373,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;
                 }

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1754579377,
-    version: '19.3.0-develop.32',
+    publishDate: 1754589643,
+    version: '19.3.0-develop.33',
     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/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, getLicenseMessage, 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: 1754579377,
-    version: '19.3.0-develop.32',
+    publishDate: 1754589643,
+    version: '19.3.0-develop.33',
     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
  */
@@ -1069,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);
             });
@@ -1135,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;
                 }
@@ -2365,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(() => {
@@ -2380,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();
@@ -2416,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;
@@ -2451,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;
@@ -2484,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();
             }
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-dialog",
-  "version": "19.3.0-develop.32",
+  "version": "19.3.0-develop.33",
   "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": 1754579377,
+      "publishDate": 1754589643,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -33,15 +33,15 @@
     "@angular/core": "16 - 20",
     "@angular/platform-browser": "16 - 20",
     "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-angular-buttons": "19.3.0-develop.32",
-    "@progress/kendo-angular-common": "19.3.0-develop.32",
-    "@progress/kendo-angular-icons": "19.3.0-develop.32",
-    "@progress/kendo-angular-l10n": "19.3.0-develop.32",
+    "@progress/kendo-angular-buttons": "19.3.0-develop.33",
+    "@progress/kendo-angular-common": "19.3.0-develop.33",
+    "@progress/kendo-angular-icons": "19.3.0-develop.33",
+    "@progress/kendo-angular-l10n": "19.3.0-develop.33",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "19.3.0-develop.32",
+    "@progress/kendo-angular-schematics": "19.3.0-develop.33",
     "@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.32',
+            '@progress/kendo-angular-popup': '19.3.0-develop.33',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^4.0.0'
         } });

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>;
 }