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

package/esm2022/column-menu/column-chooser.component.mjs

@@ -85,7 +85,7 @@ export class ColumnChooserComponent {
                 const popupAriaElement = popupElement.querySelector('.k-popup');
                 this.ngZone.runOutsideAngular(() => {
                     this.escapeListener = this.renderer.listen(popupAriaElement, 'keydown', (e) => {
-                        if (e.keyCode === Keys.Escape) {
+                        if (e.code === Keys.Escape) {
                             this.close(true);
                         }
                     });

package/esm2022/column-menu/column-list.component.mjs

@@ -10,7 +10,7 @@ import { ColumnMenuChooserItemCheckedDirective } from './column-chooser-item-che
 import { ColumnMenuService } from './column-menu.service';
 import { ColumnListKeyboardNavigation } from './column-list-kb-nav.service';
 import { Subscription } from 'rxjs';
-import { Keys } from '@progress/kendo-angular-common';
+import { Keys, normalizeNumpadKeys } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
 import * as i1 from "./column-list-kb-nav.service";
 /**
@@ -128,7 +128,8 @@ export class ColumnListComponent {
         }
     }
     onKeydown = (e) => {
-        if (e.keyCode !== Keys.Tab) {
+        const code = normalizeNumpadKeys(e);
+        if (code !== Keys.Tab) {
             e.preventDefault();
         }
         if (e.key === 'Tab' && !e.shiftKey && this.autoSync) {
@@ -142,13 +143,13 @@ export class ColumnListComponent {
                 }
             });
         }
-        if (e.keyCode === Keys.ArrowDown) {
+        if (code === Keys.ArrowDown) {
             this.listNavigationService.next();
         }
-        else if (e.keyCode === Keys.ArrowUp) {
+        else if (code === Keys.ArrowUp) {
             this.listNavigationService.prev();
         }
-        else if (e.keyCode === Keys.Space && e.target.classList.contains('k-column-list-item')) {
+        else if (code === Keys.Space && e.target.classList.contains('k-column-list-item')) {
             this.listNavigationService.toggleCheckedState();
         }
     };

package/esm2022/column-menu/column-menu-item.directive.mjs

@@ -109,7 +109,7 @@ export class ColumnMenuItemDirective {
         }
     }
     onTab = (e) => {
-        if (e.keyCode !== Keys.Tab) {
+        if (e.code !== Keys.Tab) {
             return;
         }
         if (this.isFirst && e.shiftKey && e.target === this.columnMenuItems[0]) {

package/esm2022/filtering/cell/filter-cell-operators.component.mjs

@@ -104,7 +104,7 @@ export class FilterCellOperatorsComponent {
      * @hidden
      */
     clearKeydown(args) {
-        if (args.keyCode === Keys.Enter || args.keyCode === Keys.Space) {
+        if (args.code === Keys.Enter || args.code === Keys.NumpadEnter || args.code === Keys.Space) {
             this.clear.emit();
         }
     }
@@ -115,7 +115,7 @@ export class FilterCellOperatorsComponent {
         if (args.defaultPrevented) {
             return;
         }
-        if (args.keyCode === Keys.Enter && !this.dropdown.isOpen) {
+        if ((args.code === Keys.Enter || args.code === Keys.NumpadEnter) && !this.dropdown.isOpen) {
             this.dropdown.toggle(true);
             args.preventDefault();
         }

package/esm2022/filtering/menu/filter-menu-dropdownlist.directive.mjs

@@ -25,7 +25,7 @@ export class FilterMenuDropDownListDirective {
         this.host.wrapper.nativeElement.removeEventListener('keydown', this.keydownHandler);
     }
     keydownHandler = (e) => {
-        if (e.keyCode === Keys.Escape && this.host.isOpen) {
+        if (e.code === Keys.Escape && this.host.isOpen) {
             e.stopPropagation();
             this.host.toggle(false);
         }

package/esm2022/navigation/navigation.service.mjs

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ChangeDetectorRef, EventEmitter, Injectable, NgZone, Optional } from '@angular/core';
-import { isDocumentAvailable, Keys } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, Keys, normalizeNumpadKeys } from '@progress/kendo-angular-common';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { from, interval, Subscription } from 'rxjs';
 import { filter, map, switchMap, switchMapTo, take, takeUntil } from 'rxjs/operators';
@@ -181,7 +181,7 @@ export class NavigationService {
             .subscribe(() => this.cursor.reset(0, 0)));
         this.subs.add(this.domEvents.keydown
             .subscribe(args => this.onKeydown(args)));
-        this.subs.add(this.domEvents.keydown.pipe(filter(args => args.keyCode === Keys.Tab && this.mode === 2 /* NavigationMode.Content */), switchMapTo(this.domEvents.focusOut.pipe(takeUntil(
+        this.subs.add(this.domEvents.keydown.pipe(filter(args => args.code === Keys.Tab && this.mode === 2 /* NavigationMode.Content */), switchMapTo(this.domEvents.focusOut.pipe(takeUntil(
         // Timeout if focusOut doesn't fire very soon
         interval(0).pipe(take(1))))))
             .subscribe(() => this.onTabout()));
@@ -398,8 +398,10 @@ export class NavigationService {
         if (!this.onCellKeydown(args)) {
             return;
         }
+        // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
+        const code = normalizeNumpadKeys(args);
         const row = this.cursor.row;
-        switch (args.keyCode) {
+        switch (code) {
             case Keys.Space:
                 this.updateSelection(args);
                 preventDefault = this.selectionService.enabled;
@@ -541,13 +543,15 @@ export class NavigationService {
         if (!this.onCellKeydown(args)) {
             return;
         }
-        const confirm = !args.defaultPrevented && args.keyCode === Keys.Enter && isTextInput(args.target);
-        if (args.keyCode === Keys.Escape || args.keyCode === Keys.F2 || confirm) {
+        // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
+        const code = normalizeNumpadKeys(args);
+        const confirm = !args.defaultPrevented && code === Keys.Enter && isTextInput(args.target);
+        if (code === Keys.Escape || code === Keys.F2 || confirm) {
             this.leaveCell();
             this.cursor.reset();
             args.stopPropagation();
         }
-        else if (isNavigationKey(args.keyCode) && this.cursor.cell.focusGroup.isNavigable()) {
+        else if (isNavigationKey(code) && this.cursor.cell.focusGroup.isNavigable()) {
             this.onCursorKeydown(args);
             if (args.defaultPrevented) {
                 this.leaveCell();
@@ -555,10 +559,12 @@ export class NavigationService {
         }
     }
     onCellKeydown(args) {
+        // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
+        const code = normalizeNumpadKeys(args);
         if (this.editService.isEditingCell()) {
-            const confirm = args.keyCode === Keys.Enter;
-            const cancel = args.keyCode === Keys.Escape;
-            const navigate = isNavigationKey(args.keyCode);
+            const confirm = code === Keys.Enter || code === Keys.NumpadEnter;
+            const cancel = code === Keys.Escape;
+            const navigate = isNavigationKey(code);
             if (confirm) {
                 return !this.editService.closeCell(args);
             }

package/esm2022/package-metadata.mjs

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

package/esm2022/rendering/header/header.component.mjs

@@ -8,7 +8,7 @@ import { NgFor, NgIf, NgClass, NgStyle } from '@angular/common';
 import { Subscription, of, merge } from "rxjs";
 import { filter, map, switchMap, tap, takeUntil } from 'rxjs/operators';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { Keys, DraggableDirective, TemplateContextDirective } from '@progress/kendo-angular-common';
+import { Keys, DraggableDirective, TemplateContextDirective, normalizeNumpadKeys } from '@progress/kendo-angular-common';
 import { IconWrapperComponent } from '@progress/kendo-angular-icons';
 import { sortAscSmallIcon, sortDescSmallIcon } from '@progress/kendo-svg-icons';
 import { isColumnComponent } from '../../columns/column.component';
@@ -224,14 +224,15 @@ export class HeaderComponent {
             : event[`${multiSortKey}Key`];
     }
     onHeaderKeydown(column, args) {
-        if (args.keyCode === Keys.ArrowDown && args.altKey && this.showFilterMenu) {
+        const code = normalizeNumpadKeys(args);
+        if (code === Keys.ArrowDown && args.altKey && this.showFilterMenu) {
             args.preventDefault();
             args.stopImmediatePropagation();
             const filterMenu = this.filterMenus.find(fm => fm.column === column);
             filterMenu.toggle(filterMenu.anchor.nativeElement, filterMenu.template);
             return;
         }
-        if (args.keyCode === Keys.ArrowDown && args.altKey && this.showColumnMenu(column)) {
+        if (code === Keys.ArrowDown && args.altKey && this.showColumnMenu(column)) {
             args.preventDefault();
             args.stopImmediatePropagation();
             const columnMenu = this.columnMenus.find(cm => cm.column === column);
@@ -239,12 +240,12 @@ export class HeaderComponent {
             return;
         }
         const isCtrlOrMeta = args.ctrlKey || args.metaKey;
-        const isLeftOrRightArrow = args.keyCode === Keys.ArrowLeft || args.keyCode === Keys.ArrowRight;
+        const isLeftOrRightArrow = code === Keys.ArrowLeft || code === Keys.ArrowRight;
         const isReorderingKeyShortcut = isLeftOrRightArrow && isCtrlOrMeta;
         if (isReorderingKeyShortcut && this.isReorderable(column)) {
             args.preventDefault();
             const columnsCount = this.columnInfoService.leafNamedColumns.length;
-            const reorderDirection = args.keyCode === Keys.ArrowLeft ? -1 : 1;
+            const reorderDirection = code === Keys.ArrowLeft ? -1 : 1;
             const rtlMultiplier = this.contextService.localization.rtl ? -1 : 1;
             const reorderDirectionOffset = reorderDirection * rtlMultiplier;
             const newIndex = column.leafIndex + reorderDirectionOffset;
@@ -261,7 +262,7 @@ export class HeaderComponent {
         if (!this.sortable || args.defaultPrevented || column.sortable === false) {
             return;
         }
-        if (args.keyCode === Keys.Enter && isPresent(column.field)) {
+        if (code === Keys.Enter && isPresent(column.field)) {
             const modifier = this.matchModifier(args);
             this.sortService.sort(this.toggleSort(column, modifier));
         }

package/esm2022/rendering/list.component.mjs

@@ -19,7 +19,7 @@ import { SuspendService } from '../scrolling/suspend.service';
 import { expandColumns, sumColumnWidths } from "../columns/column-common";
 import { ScrollSyncService } from "../scrolling/scroll-sync.service";
 import { ResizeService } from "../layout/resize.service";
-import { EventsOutsideAngularDirective, ResizeSensorComponent } from "@progress/kendo-angular-common";
+import { EventsOutsideAngularDirective, normalizeNumpadKeys, ResizeSensorComponent } from "@progress/kendo-angular-common";
 import { BrowserSupportService } from "../layout/browser-support.service";
 import { EditService } from '../editing/edit.service';
 import { NavigationService } from '../navigation/navigation.service';
@@ -291,8 +291,10 @@ export class ListComponent {
         }
     }
     lockedKeydown(args) {
-        if (args.keyCode === Keys.PageDown || args.keyCode === Keys.PageUp) {
-            const dir = args.keyCode === Keys.PageDown ? 1 : -1;
+        // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
+        const code = normalizeNumpadKeys(args);
+        if (code === Keys.PageDown || code === Keys.PageUp) {
+            const dir = code === Keys.PageDown ? 1 : -1;
             const element = this.container.nativeElement;
             element.scrollTop += element.offsetHeight * dir * 0.8;
             args.preventDefault();

package/esm2022/rendering/table-body.component.mjs

@@ -297,7 +297,7 @@ export class TableBodyComponent {
         this.domEvents.cellClick.emit(args);
     }
     cellKeydownHandler(args) {
-        if (args.keyCode === Keys.Enter) {
+        if (args.code === Keys.Enter || args.code === Keys.NumpadEnter) {
             this.clickHandler(args);
         }
     }

package/esm2022/rendering/toolbar/toolbar.component.mjs

@@ -6,7 +6,7 @@
 import { Component, Input, HostBinding, Renderer2, ElementRef } from '@angular/core';
 import { NgIf, NgTemplateOutlet } from '@angular/common';
 import { Subscription } from 'rxjs';
-import { Keys, isDocumentAvailable } from '@progress/kendo-angular-common';
+import { Keys, isDocumentAvailable, normalizeNumpadKeys } from '@progress/kendo-angular-common';
 import { ContextService } from './../../common/provider.service';
 import * as i0 from "@angular/core";
 import * as i1 from "./../../common/provider.service";
@@ -44,7 +44,7 @@ export class ToolbarComponent {
     }
     onKeyDown(event) {
         if (this.navigable && isDocumentAvailable() && this.navigationService.navigableElements.length) {
-            const keyCode = event.keyCode;
+            const keyCode = normalizeNumpadKeys(event);
             if (keyCode === Keys.ArrowLeft || keyCode === Keys.ArrowRight) {
                 event.preventDefault();
                 const dir = keyCode === Keys.ArrowLeft ? -1 : 1;

package/esm2022/selection/selection.service.mjs

@@ -111,7 +111,7 @@ export class SelectionService {
         }
         const { dataItem, column, columnIndex, originalEvent } = args;
         const ctrlKey = originalEvent.ctrlKey || originalEvent.metaKey;
-        if ((originalEvent.keyCode === Keys.Enter && !ctrlKey) || (originalEvent.button && originalEvent.button !== 0)) {
+        if (((originalEvent.code === Keys.Enter || originalEvent.code === Keys.NumpadEnter) && !ctrlKey) || (originalEvent.button && originalEvent.button !== 0)) {
             return;
         }
         const selected = this.isSelected(dataItem, column, columnIndex);

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

@@ -5,7 +5,7 @@
 import * as i0 from '@angular/core';
 import { Directive, Optional, EventEmitter, Injectable, QueryList, Input, ContentChildren, ContentChild, InjectionToken, forwardRef, Component, SkipSelf, Host, isDevMode, SecurityContext, Inject, Output, HostBinding, Pipe, ViewChild, ViewChildren, Self, HostListener, NgZone, TemplateRef, ChangeDetectionStrategy, ViewEncapsulation, NgModule } from '@angular/core';
 import * as i1$4 from '@progress/kendo-angular-common';
-import { isDocumentAvailable, isPresent as isPresent$1, hasClasses as hasClasses$1, Keys, anyChanged, isChanged as isChanged$1, ResizeSensorComponent, EventsOutsideAngularDirective, KendoInput, replaceMessagePlaceholder, guid, DraggableDirective, TemplateContextDirective, hasObservers, ResizeBatchService } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, isPresent as isPresent$1, hasClasses as hasClasses$1, Keys, normalizeNumpadKeys, anyChanged, isChanged as isChanged$1, ResizeSensorComponent, EventsOutsideAngularDirective, KendoInput, replaceMessagePlaceholder, guid, DraggableDirective, TemplateContextDirective, hasObservers, ResizeBatchService } from '@progress/kendo-angular-common';
 import * as i2 from '@progress/kendo-angular-icons';
 import { IconWrapperComponent, IconsService, KENDO_ICONS } from '@progress/kendo-angular-icons';
 import { DatePickerComponent, DatePickerCustomMessagesComponent, CalendarDOMService, CenturyViewService, DecadeViewService, MonthViewService, YearViewService, NavigationService as NavigationService$1 } from '@progress/kendo-angular-dateinputs';
@@ -49,8 +49,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1754576782,
-    version: '19.3.0-develop.31',
+    publishDate: 1754589919,
+    version: '19.3.0-develop.33',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -4358,7 +4358,7 @@ class SelectionService {
         }
         const { dataItem, column, columnIndex, originalEvent } = args;
         const ctrlKey = originalEvent.ctrlKey || originalEvent.metaKey;
-        if ((originalEvent.keyCode === Keys.Enter && !ctrlKey) || (originalEvent.button && originalEvent.button !== 0)) {
+        if (((originalEvent.code === Keys.Enter || originalEvent.code === Keys.NumpadEnter) && !ctrlKey) || (originalEvent.button && originalEvent.button !== 0)) {
             return;
         }
         const selected = this.isSelected(dataItem, column, columnIndex);
@@ -4659,7 +4659,7 @@ class NavigationService {
             .subscribe(() => this.cursor.reset(0, 0)));
         this.subs.add(this.domEvents.keydown
             .subscribe(args => this.onKeydown(args)));
-        this.subs.add(this.domEvents.keydown.pipe(filter(args => args.keyCode === Keys.Tab && this.mode === 2 /* NavigationMode.Content */), switchMapTo(this.domEvents.focusOut.pipe(takeUntil(
+        this.subs.add(this.domEvents.keydown.pipe(filter(args => args.code === Keys.Tab && this.mode === 2 /* NavigationMode.Content */), switchMapTo(this.domEvents.focusOut.pipe(takeUntil(
         // Timeout if focusOut doesn't fire very soon
         interval(0).pipe(take(1))))))
             .subscribe(() => this.onTabout()));
@@ -4876,8 +4876,10 @@ class NavigationService {
         if (!this.onCellKeydown(args)) {
             return;
         }
+        // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
+        const code = normalizeNumpadKeys(args);
         const row = this.cursor.row;
-        switch (args.keyCode) {
+        switch (code) {
             case Keys.Space:
                 this.updateSelection(args);
                 preventDefault = this.selectionService.enabled;
@@ -5019,13 +5021,15 @@ class NavigationService {
         if (!this.onCellKeydown(args)) {
             return;
         }
-        const confirm = !args.defaultPrevented && args.keyCode === Keys.Enter && isTextInput(args.target);
-        if (args.keyCode === Keys.Escape || args.keyCode === Keys.F2 || confirm) {
+        // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
+        const code = normalizeNumpadKeys(args);
+        const confirm = !args.defaultPrevented && code === Keys.Enter && isTextInput(args.target);
+        if (code === Keys.Escape || code === Keys.F2 || confirm) {
             this.leaveCell();
             this.cursor.reset();
             args.stopPropagation();
         }
-        else if (isNavigationKey(args.keyCode) && this.cursor.cell.focusGroup.isNavigable()) {
+        else if (isNavigationKey(code) && this.cursor.cell.focusGroup.isNavigable()) {
             this.onCursorKeydown(args);
             if (args.defaultPrevented) {
                 this.leaveCell();
@@ -5033,10 +5037,12 @@ class NavigationService {
         }
     }
     onCellKeydown(args) {
+        // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
+        const code = normalizeNumpadKeys(args);
         if (this.editService.isEditingCell()) {
-            const confirm = args.keyCode === Keys.Enter;
-            const cancel = args.keyCode === Keys.Escape;
-            const navigate = isNavigationKey(args.keyCode);
+            const confirm = code === Keys.Enter || code === Keys.NumpadEnter;
+            const cancel = code === Keys.Escape;
+            const navigate = isNavigationKey(code);
             if (confirm) {
                 return !this.editService.closeCell(args);
             }
@@ -6775,7 +6781,7 @@ class TableBodyComponent {
         this.domEvents.cellClick.emit(args);
     }
     cellKeydownHandler(args) {
-        if (args.keyCode === Keys.Enter) {
+        if (args.code === Keys.Enter || args.code === Keys.NumpadEnter) {
             this.clickHandler(args);
         }
     }
@@ -8000,8 +8006,10 @@ class ListComponent {
         }
     }
     lockedKeydown(args) {
-        if (args.keyCode === Keys.PageDown || args.keyCode === Keys.PageUp) {
-            const dir = args.keyCode === Keys.PageDown ? 1 : -1;
+        // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
+        const code = normalizeNumpadKeys(args);
+        if (code === Keys.PageDown || code === Keys.PageUp) {
+            const dir = code === Keys.PageDown ? 1 : -1;
             const element = this.container.nativeElement;
             element.scrollTop += element.offsetHeight * dir * 0.8;
             args.preventDefault();
@@ -9509,7 +9517,7 @@ class FilterCellOperatorsComponent {
      * @hidden
      */
     clearKeydown(args) {
-        if (args.keyCode === Keys.Enter || args.keyCode === Keys.Space) {
+        if (args.code === Keys.Enter || args.code === Keys.NumpadEnter || args.code === Keys.Space) {
             this.clear.emit();
         }
     }
@@ -9520,7 +9528,7 @@ class FilterCellOperatorsComponent {
         if (args.defaultPrevented) {
             return;
         }
-        if (args.keyCode === Keys.Enter && !this.dropdown.isOpen) {
+        if ((args.code === Keys.Enter || args.code === Keys.NumpadEnter) && !this.dropdown.isOpen) {
             this.dropdown.toggle(true);
             args.preventDefault();
         }
@@ -11025,7 +11033,7 @@ class FilterMenuDropDownListDirective {
         this.host.wrapper.nativeElement.removeEventListener('keydown', this.keydownHandler);
     }
     keydownHandler = (e) => {
-        if (e.keyCode === Keys.Escape && this.host.isOpen) {
+        if (e.code === Keys.Escape && this.host.isOpen) {
             e.stopPropagation();
             this.host.toggle(false);
         }
@@ -13200,7 +13208,8 @@ class ColumnListComponent {
         }
     }
     onKeydown = (e) => {
-        if (e.keyCode !== Keys.Tab) {
+        const code = normalizeNumpadKeys(e);
+        if (code !== Keys.Tab) {
             e.preventDefault();
         }
         if (e.key === 'Tab' && !e.shiftKey && this.autoSync) {
@@ -13214,13 +13223,13 @@ class ColumnListComponent {
                 }
             });
         }
-        if (e.keyCode === Keys.ArrowDown) {
+        if (code === Keys.ArrowDown) {
             this.listNavigationService.next();
         }
-        else if (e.keyCode === Keys.ArrowUp) {
+        else if (code === Keys.ArrowUp) {
             this.listNavigationService.prev();
         }
-        else if (e.keyCode === Keys.Space && e.target.classList.contains('k-column-list-item')) {
+        else if (code === Keys.Space && e.target.classList.contains('k-column-list-item')) {
             this.listNavigationService.toggleCheckedState();
         }
     };
@@ -13896,7 +13905,7 @@ class ColumnMenuItemDirective {
         }
     }
     onTab = (e) => {
-        if (e.keyCode !== Keys.Tab) {
+        if (e.code !== Keys.Tab) {
             return;
         }
         if (this.isFirst && e.shiftKey && e.target === this.columnMenuItems[0]) {
@@ -14961,14 +14970,15 @@ class HeaderComponent {
             : event[`${multiSortKey}Key`];
     }
     onHeaderKeydown(column, args) {
-        if (args.keyCode === Keys.ArrowDown && args.altKey && this.showFilterMenu) {
+        const code = normalizeNumpadKeys(args);
+        if (code === Keys.ArrowDown && args.altKey && this.showFilterMenu) {
             args.preventDefault();
             args.stopImmediatePropagation();
             const filterMenu = this.filterMenus.find(fm => fm.column === column);
             filterMenu.toggle(filterMenu.anchor.nativeElement, filterMenu.template);
             return;
         }
-        if (args.keyCode === Keys.ArrowDown && args.altKey && this.showColumnMenu(column)) {
+        if (code === Keys.ArrowDown && args.altKey && this.showColumnMenu(column)) {
             args.preventDefault();
             args.stopImmediatePropagation();
             const columnMenu = this.columnMenus.find(cm => cm.column === column);
@@ -14976,12 +14986,12 @@ class HeaderComponent {
             return;
         }
         const isCtrlOrMeta = args.ctrlKey || args.metaKey;
-        const isLeftOrRightArrow = args.keyCode === Keys.ArrowLeft || args.keyCode === Keys.ArrowRight;
+        const isLeftOrRightArrow = code === Keys.ArrowLeft || code === Keys.ArrowRight;
         const isReorderingKeyShortcut = isLeftOrRightArrow && isCtrlOrMeta;
         if (isReorderingKeyShortcut && this.isReorderable(column)) {
             args.preventDefault();
             const columnsCount = this.columnInfoService.leafNamedColumns.length;
-            const reorderDirection = args.keyCode === Keys.ArrowLeft ? -1 : 1;
+            const reorderDirection = code === Keys.ArrowLeft ? -1 : 1;
             const rtlMultiplier = this.contextService.localization.rtl ? -1 : 1;
             const reorderDirectionOffset = reorderDirection * rtlMultiplier;
             const newIndex = column.leafIndex + reorderDirectionOffset;
@@ -14998,7 +15008,7 @@ class HeaderComponent {
         if (!this.sortable || args.defaultPrevented || column.sortable === false) {
             return;
         }
-        if (args.keyCode === Keys.Enter && isPresent(column.field)) {
+        if (code === Keys.Enter && isPresent(column.field)) {
             const modifier = this.matchModifier(args);
             this.sortService.sort(this.toggleSort(column, modifier));
         }
@@ -15708,7 +15718,7 @@ class ToolbarComponent {
     }
     onKeyDown(event) {
         if (this.navigable && isDocumentAvailable() && this.navigationService.navigableElements.length) {
-            const keyCode = event.keyCode;
+            const keyCode = normalizeNumpadKeys(event);
             if (keyCode === Keys.ArrowLeft || keyCode === Keys.ArrowRight) {
                 event.preventDefault();
                 const dir = keyCode === Keys.ArrowLeft ? -1 : 1;
@@ -22755,7 +22765,7 @@ class ColumnChooserComponent {
                 const popupAriaElement = popupElement.querySelector('.k-popup');
                 this.ngZone.runOutsideAngular(() => {
                     this.escapeListener = this.renderer.listen(popupAriaElement, 'keydown', (e) => {
-                        if (e.keyCode === Keys.Escape) {
+                        if (e.code === Keys.Escape) {
                             this.close(true);
                         }
                     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-treelist",
-  "version": "19.3.0-develop.31",
+  "version": "19.3.0-develop.33",
   "description": "Kendo UI TreeList for Angular - Display hierarchical data in an Angular tree grid view that supports sorting, filtering, paging, and much more.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -24,7 +24,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1754576782,
+      "publishDate": 1754589919,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -37,26 +37,26 @@
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-drawing": "^1.21.0",
     "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-angular-buttons": "19.3.0-develop.31",
-    "@progress/kendo-angular-common": "19.3.0-develop.31",
-    "@progress/kendo-angular-dateinputs": "19.3.0-develop.31",
-    "@progress/kendo-angular-dropdowns": "19.3.0-develop.31",
-    "@progress/kendo-angular-excel-export": "19.3.0-develop.31",
-    "@progress/kendo-angular-icons": "19.3.0-develop.31",
-    "@progress/kendo-angular-inputs": "19.3.0-develop.31",
-    "@progress/kendo-angular-intl": "19.3.0-develop.31",
-    "@progress/kendo-angular-l10n": "19.3.0-develop.31",
-    "@progress/kendo-angular-label": "19.3.0-develop.31",
-    "@progress/kendo-angular-pager": "19.3.0-develop.31",
-    "@progress/kendo-angular-pdf-export": "19.3.0-develop.31",
-    "@progress/kendo-angular-popup": "19.3.0-develop.31",
-    "@progress/kendo-angular-toolbar": "19.3.0-develop.31",
-    "@progress/kendo-angular-utils": "19.3.0-develop.31",
+    "@progress/kendo-angular-buttons": "19.3.0-develop.33",
+    "@progress/kendo-angular-common": "19.3.0-develop.33",
+    "@progress/kendo-angular-dateinputs": "19.3.0-develop.33",
+    "@progress/kendo-angular-dropdowns": "19.3.0-develop.33",
+    "@progress/kendo-angular-excel-export": "19.3.0-develop.33",
+    "@progress/kendo-angular-icons": "19.3.0-develop.33",
+    "@progress/kendo-angular-inputs": "19.3.0-develop.33",
+    "@progress/kendo-angular-intl": "19.3.0-develop.33",
+    "@progress/kendo-angular-l10n": "19.3.0-develop.33",
+    "@progress/kendo-angular-label": "19.3.0-develop.33",
+    "@progress/kendo-angular-pager": "19.3.0-develop.33",
+    "@progress/kendo-angular-pdf-export": "19.3.0-develop.33",
+    "@progress/kendo-angular-popup": "19.3.0-develop.33",
+    "@progress/kendo-angular-toolbar": "19.3.0-develop.33",
+    "@progress/kendo-angular-utils": "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",
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-file-saver": "^1.0.0"
   },

package/rendering/list.component.d.ts

@@ -113,7 +113,7 @@ export declare class ListComponent implements OnInit, OnDestroy, AfterViewInit,
     init(): void;
     lockedScroll(): void;
     lockedMousewheel(args: any): void;
-    lockedKeydown(args: any): void;
+    lockedKeydown(args: KeyboardEvent): void;
     updateViewportColumns(range?: any): void;
     private attachContainerScroll;
     private createScroller;

package/schematics/ngAdd/index.js

@@ -4,13 +4,13 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'TreeListModule', package: 'treelist', peerDependencies: {
             // peer dep of the dropdowns
-            '@progress/kendo-angular-treeview': '19.3.0-develop.31',
+            '@progress/kendo-angular-treeview': '19.3.0-develop.33',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '19.3.0-develop.31',
+            '@progress/kendo-angular-dialog': '19.3.0-develop.33',
             // peer dependency of kendo-angular-icons
             '@progress/kendo-svg-icons': '^4.0.0',
             // peer dependency of kendo-angular-dateinputs
-            '@progress/kendo-angular-navigation': '19.3.0-develop.31',
+            '@progress/kendo-angular-navigation': '19.3.0-develop.33',
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }