@progress/kendo-angular-menu 19.3.0-develop.31 → 19.3.0-develop.33

package/esm2022/context-menu/context-menu.component.mjs

@@ -235,7 +235,7 @@ export class ContextMenuComponent extends MenuBase {
             });
             if (eventName === CONTEXT_MENU) {
                 this.keydownSubscription = this.renderer.listen(element, 'keydown', (e) => {
-                    if (e.shiftKey && e.keyCode === Keys.F10) {
+                    if (e.shiftKey && e.code === Keys.F10) {
                         this.showContextMenu(e, element);
                     }
                 });
@@ -368,7 +368,7 @@ export class ContextMenuComponent extends MenuBase {
     }
     popupKeyDownHandler(e) {
         const element = this.popupRef.popupElement;
-        if (e.keyCode === Keys.Escape && (hasClass(e.target, 'k-menu-item') || e.target === element)) {
+        if (e.code === Keys.Escape && (hasClass(e.target, 'k-menu-item') || e.target === element)) {
             this.closeAndFocus(e);
         }
         else if (e.target === element) {

package/esm2022/menu.component.mjs

@@ -15,7 +15,7 @@ import { normalize } from './open-on-click-settings';
 import { inMenu } from './dom-queries';
 import { ContextMenuService } from './context-menu/context-menu.service';
 import { MenuBase } from './menu-base';
-import { Keys, isDocumentAvailable } from '@progress/kendo-angular-common';
+import { Keys, isDocumentAvailable, normalizeNumpadKeys } from '@progress/kendo-angular-common';
 import { getSizeClass } from './utils';
 import { ListComponent } from './rendering/list.component';
 import * as i0 from "@angular/core";
@@ -203,7 +203,7 @@ export class MenuComponent extends MenuBase {
         if (!this.itemsService.hasItems) {
             return;
         }
-        const keyCode = e.keyCode;
+        const keyCode = normalizeNumpadKeys(e);
         const rtl = this.localization.rtl;
         const first = keyCode === Keys.ArrowDown || keyCode === Keys.ArrowRight;
         const last = keyCode === Keys.ArrowUp || keyCode === Keys.ArrowLeft;

package/esm2022/package-metadata.mjs

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

package/esm2022/services/navigation.service.mjs

@@ -6,6 +6,7 @@ import { Injectable, NgZone } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { ItemsService } from './items.service';
 import { ActionsService } from './actions.service';
+import { Keys, normalizeNumpadKeys } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
 import * as i1 from "./items.service";
 import * as i2 from "./actions.service";
@@ -13,19 +14,21 @@ import * as i3 from "@progress/kendo-angular-l10n";
 const DEFAULT_ACTIVE = '0';
 const NO_SPACE_REGEX = /\S/;
 const handlers = {};
-handlers['37'] = 'left';
-handlers['39'] = 'right';
-handlers['38'] = 'up';
-handlers['40'] = 'down';
-handlers['36'] = 'home';
-handlers['35'] = 'end';
-handlers['32'] = 'enter';
-handlers['13'] = 'enter';
-handlers['27'] = 'esc';
-handlers['9'] = 'tab';
+handlers[Keys.ArrowLeft] = 'left';
+handlers[Keys.ArrowRight] = 'right';
+handlers[Keys.ArrowUp] = 'up';
+handlers[Keys.ArrowDown] = 'down';
+handlers[Keys.Home] = 'home';
+handlers[Keys.End] = 'end';
+handlers[Keys.Space] = 'enter';
+handlers[Keys.Enter] = 'enter';
+handlers[Keys.NumpadEnter] = 'enter';
+handlers[Keys.KeyN] = 'enter';
+handlers[Keys.Escape] = 'esc';
+handlers[Keys.Tab] = 'tab';
 const handlersRTL = Object.assign({}, handlers, {
-    '37': 'right',
-    '39': 'left'
+    'ArrowLeft': 'right',
+    'ArrowRight': 'left'
 });
 function isPrintableCharacter(key) {
     return key.length === 1 && NO_SPACE_REGEX.test(key);
@@ -91,10 +94,11 @@ export class NavigationService {
     }
     keydown(e) {
         const current = this.focusedItem || this.activeItem;
-        const handler = this.handlers[e.keyCode];
         if (!current) {
             return;
         }
+        const code = normalizeNumpadKeys(e);
+        const handler = this.handlers[code];
         if (handler) {
             if (handler !== 'tab') {
                 e.preventDefault();

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

@@ -8,7 +8,7 @@ import { NgFor, NgIf, NgClass, NgStyle, NgTemplateOutlet } from '@angular/common
 import * as i3 from '@progress/kendo-angular-l10n';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
-import { PreventableEvent as PreventableEvent$1, hasObservers, isDocumentAvailable, Keys, ResizeBatchService } from '@progress/kendo-angular-common';
+import { PreventableEvent as PreventableEvent$1, hasObservers, Keys, normalizeNumpadKeys, isDocumentAvailable, ResizeBatchService } from '@progress/kendo-angular-common';
 import { caretAltLeftIcon, caretAltRightIcon, caretAltDownIcon } from '@progress/kendo-svg-icons';
 import * as i5 from '@progress/kendo-angular-popup';
 import { PopupService, POPUP_CONTAINER } from '@progress/kendo-angular-popup';
@@ -22,8 +22,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1754576640,
-    version: '19.3.0-develop.31',
+    publishDate: 1754589779,
+    version: '19.3.0-develop.33',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -337,19 +337,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 const DEFAULT_ACTIVE = '0';
 const NO_SPACE_REGEX = /\S/;
 const handlers = {};
-handlers['37'] = 'left';
-handlers['39'] = 'right';
-handlers['38'] = 'up';
-handlers['40'] = 'down';
-handlers['36'] = 'home';
-handlers['35'] = 'end';
-handlers['32'] = 'enter';
-handlers['13'] = 'enter';
-handlers['27'] = 'esc';
-handlers['9'] = 'tab';
+handlers[Keys.ArrowLeft] = 'left';
+handlers[Keys.ArrowRight] = 'right';
+handlers[Keys.ArrowUp] = 'up';
+handlers[Keys.ArrowDown] = 'down';
+handlers[Keys.Home] = 'home';
+handlers[Keys.End] = 'end';
+handlers[Keys.Space] = 'enter';
+handlers[Keys.Enter] = 'enter';
+handlers[Keys.NumpadEnter] = 'enter';
+handlers[Keys.KeyN] = 'enter';
+handlers[Keys.Escape] = 'esc';
+handlers[Keys.Tab] = 'tab';
 const handlersRTL = Object.assign({}, handlers, {
-    '37': 'right',
-    '39': 'left'
+    'ArrowLeft': 'right',
+    'ArrowRight': 'left'
 });
 function isPrintableCharacter(key) {
     return key.length === 1 && NO_SPACE_REGEX.test(key);
@@ -415,10 +417,11 @@ class NavigationService {
     }
     keydown(e) {
         const current = this.focusedItem || this.activeItem;
-        const handler = this.handlers[e.keyCode];
         if (!current) {
             return;
         }
+        const code = normalizeNumpadKeys(e);
+        const handler = this.handlers[code];
         if (handler) {
             if (handler !== 'tab') {
                 e.preventDefault();
@@ -2105,7 +2108,7 @@ class MenuComponent extends MenuBase {
         if (!this.itemsService.hasItems) {
             return;
         }
-        const keyCode = e.keyCode;
+        const keyCode = normalizeNumpadKeys(e);
         const rtl = this.localization.rtl;
         const first = keyCode === Keys.ArrowDown || keyCode === Keys.ArrowRight;
         const last = keyCode === Keys.ArrowUp || keyCode === Keys.ArrowLeft;
@@ -3109,7 +3112,7 @@ class ContextMenuComponent extends MenuBase {
             });
             if (eventName === CONTEXT_MENU) {
                 this.keydownSubscription = this.renderer.listen(element, 'keydown', (e) => {
-                    if (e.shiftKey && e.keyCode === Keys.F10) {
+                    if (e.shiftKey && e.code === Keys.F10) {
                         this.showContextMenu(e, element);
                     }
                 });
@@ -3242,7 +3245,7 @@ class ContextMenuComponent extends MenuBase {
     }
     popupKeyDownHandler(e) {
         const element = this.popupRef.popupElement;
-        if (e.keyCode === Keys.Escape && (hasClass(e.target, 'k-menu-item') || e.target === element)) {
+        if (e.code === Keys.Escape && (hasClass(e.target, 'k-menu-item') || e.target === element)) {
             this.closeAndFocus(e);
         }
         else if (e.target === element) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-menu",
-  "version": "19.3.0-develop.31",
+  "version": "19.3.0-develop.33",
   "description": "Kendo UI Angular Menu component",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -19,7 +19,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1754576640,
+      "publishDate": 1754589779,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -29,15 +29,15 @@
     "@angular/core": "16 - 20",
     "@angular/platform-browser": "16 - 20",
     "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-angular-common": "19.3.0-develop.31",
-    "@progress/kendo-angular-l10n": "19.3.0-develop.31",
-    "@progress/kendo-angular-icons": "19.3.0-develop.31",
-    "@progress/kendo-angular-popup": "19.3.0-develop.31",
+    "@progress/kendo-angular-common": "19.3.0-develop.33",
+    "@progress/kendo-angular-l10n": "19.3.0-develop.33",
+    "@progress/kendo-angular-icons": "19.3.0-develop.33",
+    "@progress/kendo-angular-popup": "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.31"
+    "@progress/kendo-angular-schematics": "19.3.0-develop.33"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-menu.mjs",

package/services/navigation.service.d.ts

@@ -26,7 +26,7 @@ export declare class NavigationService {
     setFocus(item: any): void;
     focusLeave(): void;
     updateActive(): void;
-    keydown(e: any): void;
+    keydown(e: KeyboardEvent): void;
     focusIndex(index?: string): void;
     focusFirst(): void;
     focusLast(): void;