@progress/kendo-angular-layout 19.3.0-develop.32 → 19.3.0-develop.34

package/esm2022/drawer/list.component.mjs

@@ -7,7 +7,7 @@ import { Component, ElementRef, Input, NgZone, Renderer2, TemplateRef, Output, E
 import { closestItem, itemIndex } from '../common/dom-queries';
 import { DRAWER_ITEM_INDEX } from './models/constants';
 import { DrawerService } from './drawer.service';
-import { Keys } from '@progress/kendo-angular-common';
+import { Keys, normalizeNumpadKeys } from '@progress/kendo-angular-common';
 import { ACTIVE_NESTED_LINK_SELECTOR, nestedLink } from './util';
 import { DrawerListSelectEvent } from './events/drawer-list-select.event';
 import { DrawerItemComponent } from './item.component';
@@ -52,15 +52,16 @@ export class DrawerListComponent {
             const nativeElement = this.element.nativeElement;
             this.subscriptions.add(this.renderer.listen(nativeElement, 'click', this.clickHandler.bind(this)));
             this.subscriptions.add(this.renderer.listen(nativeElement, 'keydown', (e) => {
-                const isEnterOrSpace = e.keyCode === Keys.Enter || e.keyCode === Keys.Space;
-                const isArrowUpOrDown = e.keyCode === Keys.ArrowUp || e.keyCode === Keys.ArrowDown;
+                const code = normalizeNumpadKeys(e);
+                const isEnterOrSpace = code === Keys.Enter || code === Keys.Space;
+                const isArrowUpOrDown = code === Keys.ArrowUp || code === Keys.ArrowDown;
                 if (isEnterOrSpace) {
                     this.onEnterOrSpaceKeyDown(e);
                 }
                 else if (isArrowUpOrDown) {
                     if (e.target.classList.contains('k-drawer-item')) {
                         e.preventDefault();
-                        const keyName = e.keyCode === Keys.ArrowUp ? 'arrowUp' : 'arrowDown';
+                        const keyName = code === Keys.ArrowUp ? 'arrowUp' : 'arrowDown';
                         this.drawerService.changeFocusedItem(this.items, keyName, this.renderer);
                     }
                 }

package/esm2022/expansionpanel/expansionpanel.component.mjs

@@ -206,7 +206,7 @@ export class ExpansionPanelComponent {
      * @hidden
      */
     keyDownHandler(ev) {
-        const isEnterOrSpace = ev.keyCode === Keys.Enter || ev.keyCode === Keys.Space;
+        const isEnterOrSpace = ev.code === Keys.Enter || ev.code === Keys.NumpadEnter || ev.code === Keys.Space;
         if (this.disabled || !isEnterOrSpace) {
             return;
         }

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1754579428,
-    version: '19.3.0-develop.32',
+    publishDate: 1754894812,
+    version: '19.3.0-develop.34',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/esm2022/panelbar/panelbar.component.mjs

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { Component, ContentChild, ContentChildren, ElementRef, EventEmitter, HostBinding, HostListener, Input, Output, QueryList, ViewChildren, isDevMode } from '@angular/core';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import { Keys, shouldShowValidationUI, getLicenseMessage, WatermarkOverlayComponent } from '@progress/kendo-angular-common';
+import { Keys, shouldShowValidationUI, getLicenseMessage, WatermarkOverlayComponent, normalizeNumpadKeys } from '@progress/kendo-angular-common';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
 import { PanelBarExpandMode } from './panelbar-expand-mode';
@@ -181,6 +181,7 @@ export class PanelBarComponent {
         return {
             [Keys.Space]: () => this.selectFocusedItem(),
             [Keys.Enter]: () => this.selectFocusedItem(),
+            [Keys.NumpadEnter]: () => this.selectFocusedItem(),
             [Keys.ArrowUp]: () => this.focusPreviousItem(),
             [this.invertKeys(Keys.ArrowLeft, Keys.ArrowRight)]: () => this.collapseItem(),
             [Keys.ArrowDown]: () => this.focusNextItem(),
@@ -267,12 +268,14 @@ export class PanelBarComponent {
      */
     onComponentKeyDown(event) {
         if (event.target === this.elementRef.nativeElement) {
-            if (event.keyCode === Keys.Space || event.keyCode === Keys.ArrowUp || event.keyCode === Keys.ArrowDown ||
-                event.keyCode === Keys.ArrowLeft || event.keyCode === Keys.ArrowRight || event.keyCode === Keys.Home ||
-                event.keyCode === Keys.End || event.keyCode === Keys.PageUp || event.keyCode === Keys.PageDown) {
+            // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
+            const code = normalizeNumpadKeys(event);
+            if (code === Keys.Space || code === Keys.ArrowUp || code === Keys.ArrowDown ||
+                code === Keys.ArrowLeft || code === Keys.ArrowRight || code === Keys.Home ||
+                code === Keys.End || code === Keys.PageUp || code === Keys.PageDown) {
                 event.preventDefault();
             }
-            const handler = this.keyBindings[event.keyCode];
+            const handler = this.keyBindings[code];
             //TODO: check if next item is disabled and skip operation?
             if (handler) {
                 handler();

package/esm2022/splitter/splitter-bar.component.mjs

@@ -5,7 +5,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { ChangeDetectorRef, Component, ElementRef, Host, HostBinding, Input, Renderer2 } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { DraggableDirective, Keys, isObjectPresent, parseAttributes, removeHTMLAttributes, setHTMLAttributes } from '@progress/kendo-angular-common';
+import { DraggableDirective, Keys, isObjectPresent, normalizeNumpadKeys, parseAttributes, removeHTMLAttributes, setHTMLAttributes } from '@progress/kendo-angular-common';
 import { SplitterService } from './splitter.service';
 import { Subscription, of } from 'rxjs';
 import { delay, filter, map, switchMap, takeUntil, tap } from 'rxjs/operators';
@@ -226,9 +226,9 @@ export class SplitterBarComponent {
         return panes.length === 2 && panes[1].collapsed;
     }
     onKeyDown(event) {
-        const keyCode = event.keyCode;
+        const keyCode = normalizeNumpadKeys(event);
         const shouldToggle = event.ctrlKey || event.metaKey;
-        if (keyCode === Keys.Enter) {
+        if (keyCode === Keys.Enter || keyCode === Keys.NumpadEnter) {
             event.preventDefault();
             this.togglePane();
         }

package/esm2022/stepper/stepper.service.mjs

@@ -3,8 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Injectable, NgZone, ChangeDetectorRef, EventEmitter } from '@angular/core';
-import { hasObservers, PreventableEvent } from '@progress/kendo-angular-common';
-import { Keys } from '@progress/kendo-angular-common';
+import { hasObservers, Keys, normalizeNumpadKeys, PreventableEvent } from '@progress/kendo-angular-common';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { isPresent } from '../common/util';
 import * as i0 from "@angular/core";
@@ -18,6 +17,7 @@ handlers[Keys.ArrowDown] = 'down';
 handlers[Keys.Home] = 'home';
 handlers[Keys.End] = 'end';
 handlers[Keys.Enter] = 'enter';
+handlers[Keys.NumpadEnter] = 'enter';
 handlers[Keys.Space] = 'enter';
 const handlersRTL = Object.assign({}, handlers);
 handlersRTL[Keys.ArrowLeft] = 'right';
@@ -99,7 +99,9 @@ export class StepperService {
     }
     keydown(e) {
         const current = this.focusedStep || this.currentStep;
-        const handler = this.handlers[e.keyCode];
+        // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
+        const code = normalizeNumpadKeys(e);
+        const handler = this.handlers[code];
         if (!isPresent(current)) {
             return;
         }

package/esm2022/tabstrip/events.mjs

@@ -3,4 +3,5 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 export { TabCloseEvent } from "./events/tabclose-event";
+export { TabScrollEvent } from "./events/tabscroll-event";
 export { SelectEvent } from "./events/select-event";

package/esm2022/tabstrip/tabstrip.service.mjs

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { Injectable, NgZone } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { Keys } from '@progress/kendo-angular-common';
+import { Keys, normalizeNumpadKeys } from '@progress/kendo-angular-common';
 import { isArrowKey, isHorizontalArrowKey, isNavigationKey, isVerticalArrowKey } from '../common/util';
 import { SelectEvent } from './events';
 import { isTabClosable, getActiveTab, isTabElement, isTablistHorizontal, getTabByIndex, getTabHeaderByIndex, resetTabSelection } from './util';
@@ -25,17 +25,18 @@ export class TabStripService {
         if (!isTabElement(event.target)) {
             return;
         }
-        const key = event.keyCode;
-        if (this.shouldHandleKey(key)) {
+        // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
+        const code = normalizeNumpadKeys(event);
+        if (this.shouldHandleKey(code)) {
             event.preventDefault();
         }
         else {
             return;
         }
-        if (isNavigationKey(key) || isArrowKey(key)) {
-            this.onNavigate(key);
+        if (isNavigationKey(code) || isArrowKey(code)) {
+            this.onNavigate(code);
         }
-        else if (key === Keys.Delete || key === Keys.Backspace) {
+        else if (code === Keys.Delete || code === Keys.Backspace) {
             this.onDelete();
         }
     }

package/esm2022/tilelayout/keyboard-navigation.service.mjs

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 /* eslint-disable no-unused-expressions */
 import { Injectable, NgZone, Renderer2 } from '@angular/core';
-import { Keys } from '@progress/kendo-angular-common';
+import { Keys, normalizeNumpadKeys } from '@progress/kendo-angular-common';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { BehaviorSubject } from 'rxjs';
 import { focusableSelector } from '@progress/kendo-angular-common';
@@ -36,11 +36,11 @@ export class TileLayoutKeyboardNavigationService {
         this.localizationSubscription.unsubscribe();
     }
     onKeyDown(event, elem, focusableItems, settings) {
-        const keyCode = event.keyCode;
+        const keyCode = normalizeNumpadKeys(event);
         const isTileFocused = document.activeElement === elem;
         const focusedTile = settings.items.find(item => item.elem.nativeElement === elem);
         const col = getCurrentCol(focusedTile, settings, this.rtl);
-        const isArrow = [Keys.ArrowLeft, Keys.ArrowRight, Keys.ArrowDown, Keys.ArrowUp].some(key => key === event.keyCode);
+        const isArrow = [Keys.ArrowLeft, Keys.ArrowRight, Keys.ArrowDown, Keys.ArrowUp].some(key => key === keyCode);
         this.lastFocused = focusedTile;
         if (keyCode === Keys.Enter && isTileFocused && focusableItems.length > 0) {
             this.changeTabIndex('0', elem, focusableItems);

package/esm2022/timeline/timeline-card.component.mjs

@@ -58,7 +58,7 @@ export class TimelineCardComponent {
         if (!this.navigable) {
             return;
         }
-        if (event.keyCode === Keys.Space || event.keyCode === Keys.Enter) {
+        if (event.code === Keys.Space || event.code === Keys.Enter || event.code === Keys.NumpadEnter) {
             event.preventDefault();
             if (this.collapsible && this.orientation === 'vertical') {
                 this.expanded = !this.expanded;

package/esm2022/timeline/timeline-horizontal.component.mjs

@@ -6,7 +6,7 @@ import { ChangeDetectorRef, Component, ElementRef, Input, NgZone, QueryList, Ren
 import { caretAltLeftIcon, caretAltRightIcon } from '@progress/kendo-svg-icons';
 import { Subscription } from 'rxjs';
 import { TimelineCardComponent } from './timeline-card.component';
-import { Keys, ResizeSensorComponent, guid, isChanged, isDocumentAvailable, isPresent } from '@progress/kendo-angular-common';
+import { Keys, ResizeSensorComponent, guid, isChanged, isDocumentAvailable, isPresent, normalizeNumpadKeys } from '@progress/kendo-angular-common';
 import { animate, state, style, transition, trigger } from '@angular/animations';
 import { TimelineService } from './timeline.service';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
@@ -306,17 +306,18 @@ export class TimelineHorizontalComponent {
         if (!this.navigable) {
             return;
         }
+        const code = normalizeNumpadKeys(event);
         event.preventDefault();
-        if (event.keyCode === Keys.Home) {
+        if (code === Keys.Home) {
             this.onHomeKey();
         }
-        else if (event.keyCode === Keys.End) {
+        else if (code === Keys.End) {
             this.onEndKey();
         }
-        else if (event.keyCode === Keys.ArrowRight) {
+        else if (code === Keys.ArrowRight) {
             this.onArrowRightKey();
         }
-        else if (event.keyCode === Keys.ArrowLeft) {
+        else if (code === Keys.ArrowLeft) {
             this.onArrowLeftKey();
         }
     }

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

@@ -7,7 +7,7 @@ import { Injectable, Directive, Optional, isDevMode, Component, SkipSelf, Host,
 import * as i1 from '@progress/kendo-angular-l10n';
 import { LocalizationService, L10N_PREFIX, ComponentMessages } from '@progress/kendo-angular-l10n';
 import * as i1$1 from '@progress/kendo-angular-common';
-import { Keys, getLicenseMessage, shouldShowValidationUI, WatermarkOverlayComponent, isDocumentAvailable, anyChanged, isObjectPresent, removeHTMLAttributes, parseAttributes, setHTMLAttributes, DraggableDirective, PreventableEvent as PreventableEvent$1, guid, ResizeSensorComponent, hasObservers, isPresent as isPresent$1, focusableSelector, isChanged } from '@progress/kendo-angular-common';
+import { Keys, getLicenseMessage, shouldShowValidationUI, normalizeNumpadKeys, WatermarkOverlayComponent, isDocumentAvailable, anyChanged, isObjectPresent, removeHTMLAttributes, parseAttributes, setHTMLAttributes, DraggableDirective, PreventableEvent as PreventableEvent$1, guid, ResizeSensorComponent, hasObservers, isPresent as isPresent$1, focusableSelector, isChanged } from '@progress/kendo-angular-common';
 import { validatePackage } from '@progress/kendo-licensing';
 import * as i1$2 from '@angular/animations';
 import { trigger, state, style, transition, animate, AUTO_STYLE } from '@angular/animations';
@@ -29,8 +29,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1754579428,
-    version: '19.3.0-develop.32',
+    publishDate: 1754894812,
+    version: '19.3.0-develop.34',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
 
@@ -1241,6 +1241,7 @@ class PanelBarComponent {
         return {
             [Keys.Space]: () => this.selectFocusedItem(),
             [Keys.Enter]: () => this.selectFocusedItem(),
+            [Keys.NumpadEnter]: () => this.selectFocusedItem(),
             [Keys.ArrowUp]: () => this.focusPreviousItem(),
             [this.invertKeys(Keys.ArrowLeft, Keys.ArrowRight)]: () => this.collapseItem(),
             [Keys.ArrowDown]: () => this.focusNextItem(),
@@ -1327,12 +1328,14 @@ class PanelBarComponent {
      */
     onComponentKeyDown(event) {
         if (event.target === this.elementRef.nativeElement) {
-            if (event.keyCode === Keys.Space || event.keyCode === Keys.ArrowUp || event.keyCode === Keys.ArrowDown ||
-                event.keyCode === Keys.ArrowLeft || event.keyCode === Keys.ArrowRight || event.keyCode === Keys.Home ||
-                event.keyCode === Keys.End || event.keyCode === Keys.PageUp || event.keyCode === Keys.PageDown) {
+            // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
+            const code = normalizeNumpadKeys(event);
+            if (code === Keys.Space || code === Keys.ArrowUp || code === Keys.ArrowDown ||
+                code === Keys.ArrowLeft || code === Keys.ArrowRight || code === Keys.Home ||
+                code === Keys.End || code === Keys.PageUp || code === Keys.PageDown) {
                 event.preventDefault();
             }
-            const handler = this.keyBindings[event.keyCode];
+            const handler = this.keyBindings[code];
             //TODO: check if next item is disabled and skip operation?
             if (handler) {
                 handler();
@@ -2459,9 +2462,9 @@ class SplitterBarComponent {
         return panes.length === 2 && panes[1].collapsed;
     }
     onKeyDown(event) {
-        const keyCode = event.keyCode;
+        const keyCode = normalizeNumpadKeys(event);
         const shouldToggle = event.ctrlKey || event.metaKey;
-        if (keyCode === Keys.Enter) {
+        if (keyCode === Keys.Enter || keyCode === Keys.NumpadEnter) {
             event.preventDefault();
             this.togglePane();
         }
@@ -3075,6 +3078,25 @@ class TabCloseEvent {
     }
 }
 
+/**
+ * Arguments for the `tabScroll` event of the TabStrip.
+ * The `tabScroll` event fires when you scroll the tabs.
+ *
+ */
+class TabScrollEvent extends PreventableEvent$1 {
+    /**
+     * The original DOM event that caused the tab scroll.
+     */
+    originalEvent;
+    /**
+     * @hidden
+     */
+    constructor(args) {
+        super();
+        Object.assign(this, args);
+    }
+}
+
 /**
  * Arguments for the `select` event of the TabStrip.
  * The `select` event fires when tab is selected (clicked).
@@ -3227,17 +3249,18 @@ class TabStripService {
         if (!isTabElement(event.target)) {
             return;
         }
-        const key = event.keyCode;
-        if (this.shouldHandleKey(key)) {
+        // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
+        const code = normalizeNumpadKeys(event);
+        if (this.shouldHandleKey(code)) {
             event.preventDefault();
         }
         else {
             return;
         }
-        if (isNavigationKey(key) || isArrowKey(key)) {
-            this.onNavigate(key);
+        if (isNavigationKey(code) || isArrowKey(code)) {
+            this.onNavigate(code);
         }
-        else if (key === Keys.Delete || key === Keys.Backspace) {
+        else if (code === Keys.Delete || code === Keys.Backspace) {
             this.onDelete();
         }
     }
@@ -3565,25 +3588,6 @@ const normalizeSettings = ({ enabled = true, scrollButtons = 'auto', mouseScroll
  */
 const normalizeScrollableSettings = (settings) => normalizeSettings(settings === false ? { enabled: false } : settings);
 
-/**
- * Arguments for the `tabScroll` event of the TabStrip.
- * The `tabScroll` event fires when you scroll the tabs.
- *
- */
-class TabScrollEvent extends PreventableEvent$1 {
-    /**
-     * The original DOM event that caused the tab scroll.
-     */
-    originalEvent;
-    /**
-     * @hidden
-     */
-    constructor(args) {
-        super();
-        Object.assign(this, args);
-    }
-}
-
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * @hidden
@@ -5574,15 +5578,16 @@ class DrawerListComponent {
             const nativeElement = this.element.nativeElement;
             this.subscriptions.add(this.renderer.listen(nativeElement, 'click', this.clickHandler.bind(this)));
             this.subscriptions.add(this.renderer.listen(nativeElement, 'keydown', (e) => {
-                const isEnterOrSpace = e.keyCode === Keys.Enter || e.keyCode === Keys.Space;
-                const isArrowUpOrDown = e.keyCode === Keys.ArrowUp || e.keyCode === Keys.ArrowDown;
+                const code = normalizeNumpadKeys(e);
+                const isEnterOrSpace = code === Keys.Enter || code === Keys.Space;
+                const isArrowUpOrDown = code === Keys.ArrowUp || code === Keys.ArrowDown;
                 if (isEnterOrSpace) {
                     this.onEnterOrSpaceKeyDown(e);
                 }
                 else if (isArrowUpOrDown) {
                     if (e.target.classList.contains('k-drawer-item')) {
                         e.preventDefault();
-                        const keyName = e.keyCode === Keys.ArrowUp ? 'arrowUp' : 'arrowDown';
+                        const keyName = code === Keys.ArrowUp ? 'arrowUp' : 'arrowDown';
                         this.drawerService.changeFocusedItem(this.items, keyName, this.renderer);
                     }
                 }
@@ -6412,6 +6417,7 @@ handlers[Keys.ArrowDown] = 'down';
 handlers[Keys.Home] = 'home';
 handlers[Keys.End] = 'end';
 handlers[Keys.Enter] = 'enter';
+handlers[Keys.NumpadEnter] = 'enter';
 handlers[Keys.Space] = 'enter';
 const handlersRTL = Object.assign({}, handlers);
 handlersRTL[Keys.ArrowLeft] = 'right';
@@ -6493,7 +6499,9 @@ class StepperService {
     }
     keydown(e) {
         const current = this.focusedStep || this.currentStep;
-        const handler = this.handlers[e.keyCode];
+        // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
+        const code = normalizeNumpadKeys(e);
+        const handler = this.handlers[code];
         if (!isPresent(current)) {
             return;
         }
@@ -8897,7 +8905,7 @@ class ExpansionPanelComponent {
      * @hidden
      */
     keyDownHandler(ev) {
-        const isEnterOrSpace = ev.keyCode === Keys.Enter || ev.keyCode === Keys.Space;
+        const isEnterOrSpace = ev.code === Keys.Enter || ev.code === Keys.NumpadEnter || ev.code === Keys.Space;
         if (this.disabled || !isEnterOrSpace) {
             return;
         }
@@ -9891,11 +9899,11 @@ class TileLayoutKeyboardNavigationService {
         this.localizationSubscription.unsubscribe();
     }
     onKeyDown(event, elem, focusableItems, settings) {
-        const keyCode = event.keyCode;
+        const keyCode = normalizeNumpadKeys(event);
         const isTileFocused = document.activeElement === elem;
         const focusedTile = settings.items.find(item => item.elem.nativeElement === elem);
         const col = getCurrentCol(focusedTile, settings, this.rtl);
-        const isArrow = [Keys.ArrowLeft, Keys.ArrowRight, Keys.ArrowDown, Keys.ArrowUp].some(key => key === event.keyCode);
+        const isArrow = [Keys.ArrowLeft, Keys.ArrowRight, Keys.ArrowDown, Keys.ArrowUp].some(key => key === keyCode);
         this.lastFocused = focusedTile;
         if (keyCode === Keys.Enter && isTileFocused && focusableItems.length > 0) {
             this.changeTabIndex('0', elem, focusableItems);
@@ -11600,7 +11608,7 @@ class TimelineCardComponent {
         if (!this.navigable) {
             return;
         }
-        if (event.keyCode === Keys.Space || event.keyCode === Keys.Enter) {
+        if (event.code === Keys.Space || event.code === Keys.Enter || event.code === Keys.NumpadEnter) {
             event.preventDefault();
             if (this.collapsible && this.orientation === 'vertical') {
                 this.expanded = !this.expanded;
@@ -12245,17 +12253,18 @@ class TimelineHorizontalComponent {
         if (!this.navigable) {
             return;
         }
+        const code = normalizeNumpadKeys(event);
         event.preventDefault();
-        if (event.keyCode === Keys.Home) {
+        if (code === Keys.Home) {
             this.onHomeKey();
         }
-        else if (event.keyCode === Keys.End) {
+        else if (code === Keys.End) {
             this.onEndKey();
         }
-        else if (event.keyCode === Keys.ArrowRight) {
+        else if (code === Keys.ArrowRight) {
             this.onArrowRightKey();
         }
-        else if (event.keyCode === Keys.ArrowLeft) {
+        else if (code === Keys.ArrowLeft) {
             this.onArrowLeftKey();
         }
     }
@@ -13886,5 +13895,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AvatarComponent, AvatarCustomMessagesComponent, AvatarModule, CardAction, CardActionsComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CardMediaDirective, CardModule, CardSeparatorDirective, CardSubtitleDirective, CardTitleDirective, DrawerComponent, DrawerContainerComponent, DrawerContentComponent, DrawerFooterTemplateDirective, DrawerHeaderTemplateDirective, DrawerItemTemplateDirective, DrawerModule, DrawerSelectEvent, DrawerTemplateDirective, ExpansionPanelActionEvent, ExpansionPanelComponent, ExpansionPanelModule, ExpansionPanelTitleDirective, GridLayoutComponent, GridLayoutItemComponent, GridLayoutModule, KENDO_AVATAR, KENDO_CARD, KENDO_DRAWER, KENDO_EXPANSIONPANEL, KENDO_GRIDLAYOUT, KENDO_LAYOUT, KENDO_PANELBAR, KENDO_SPLITTER, KENDO_STACKLAYOUT, KENDO_STEPPER, KENDO_TABSTRIP, KENDO_TILELAYOUT, KENDO_TIMELINE, LayoutModule, LocalizedAvatarMessagesDirective, LocalizedStepperMessagesDirective, LocalizedTabStripMessagesDirective, PanelBarCollapseEvent, PanelBarComponent, PanelBarContentDirective, PanelBarExpandEvent, PanelBarExpandMode, PanelBarItemClickEvent, PanelBarItemComponent, PanelBarItemTemplateDirective, PanelBarItemTitleDirective, PanelBarModule, PanelBarSelectEvent, PanelBarStateChangeEvent, SelectEvent, SplitterComponent, SplitterModule, SplitterPaneComponent, StackLayoutComponent, StackLayoutModule, StepperActivateEvent, StepperComponent, StepperCustomMessagesComponent, StepperIndicatorTemplateDirective, StepperLabelTemplateDirective, StepperModule, StepperStepTemplateDirective, TabCloseEvent, TabComponent, TabContentDirective, TabStripComponent, TabStripCustomMessagesComponent, TabStripModule, TabStripTabComponent, TabTemplateDirective, TabTitleDirective, TileLayoutComponent, TileLayoutItemBodyComponent, TileLayoutItemComponent, TileLayoutItemHeaderComponent, TileLayoutModule, TileLayoutReorderEvent, TileLayoutResizeEvent, TileLayoutResizeHandleDirective, TimelineCardActionsTemplateDirective, TimelineCardBodyTemplateDirective, TimelineCardHeaderTemplateDirective, TimelineComponent, TimelineCustomMessagesComponent, TimelineModule };
+export { AvatarComponent, AvatarCustomMessagesComponent, AvatarModule, CardAction, CardActionsComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CardMediaDirective, CardModule, CardSeparatorDirective, CardSubtitleDirective, CardTitleDirective, DrawerComponent, DrawerContainerComponent, DrawerContentComponent, DrawerFooterTemplateDirective, DrawerHeaderTemplateDirective, DrawerItemTemplateDirective, DrawerModule, DrawerSelectEvent, DrawerTemplateDirective, ExpansionPanelActionEvent, ExpansionPanelComponent, ExpansionPanelModule, ExpansionPanelTitleDirective, GridLayoutComponent, GridLayoutItemComponent, GridLayoutModule, KENDO_AVATAR, KENDO_CARD, KENDO_DRAWER, KENDO_EXPANSIONPANEL, KENDO_GRIDLAYOUT, KENDO_LAYOUT, KENDO_PANELBAR, KENDO_SPLITTER, KENDO_STACKLAYOUT, KENDO_STEPPER, KENDO_TABSTRIP, KENDO_TILELAYOUT, KENDO_TIMELINE, LayoutModule, LocalizedAvatarMessagesDirective, LocalizedStepperMessagesDirective, LocalizedTabStripMessagesDirective, PanelBarCollapseEvent, PanelBarComponent, PanelBarContentDirective, PanelBarExpandEvent, PanelBarExpandMode, PanelBarItemClickEvent, PanelBarItemComponent, PanelBarItemTemplateDirective, PanelBarItemTitleDirective, PanelBarModule, PanelBarSelectEvent, PanelBarStateChangeEvent, SelectEvent, SplitterComponent, SplitterModule, SplitterPaneComponent, StackLayoutComponent, StackLayoutModule, StepperActivateEvent, StepperComponent, StepperCustomMessagesComponent, StepperIndicatorTemplateDirective, StepperLabelTemplateDirective, StepperModule, StepperStepTemplateDirective, TabCloseEvent, TabComponent, TabContentDirective, TabScrollEvent, TabStripComponent, TabStripCustomMessagesComponent, TabStripModule, TabStripTabComponent, TabTemplateDirective, TabTitleDirective, TileLayoutComponent, TileLayoutItemBodyComponent, TileLayoutItemComponent, TileLayoutItemHeaderComponent, TileLayoutModule, TileLayoutReorderEvent, TileLayoutResizeEvent, TileLayoutResizeHandleDirective, TimelineCardActionsTemplateDirective, TimelineCardBodyTemplateDirective, TimelineCardHeaderTemplateDirective, TimelineComponent, TimelineCustomMessagesComponent, TimelineModule };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-layout",
-  "version": "19.3.0-develop.32",
+  "version": "19.3.0-develop.34",
   "description": "Kendo UI for Angular Layout Package - a collection of components to create professional application layoyts",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -50,7 +50,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1754579428,
+      "publishDate": 1754894812,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"
     }
   },
@@ -60,17 +60,17 @@
     "@angular/core": "16 - 20",
     "@angular/platform-browser": "16 - 20",
     "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-angular-common": "19.3.0-develop.32",
-    "@progress/kendo-angular-l10n": "19.3.0-develop.32",
-    "@progress/kendo-angular-progressbar": "19.3.0-develop.32",
-    "@progress/kendo-angular-icons": "19.3.0-develop.32",
-    "@progress/kendo-angular-buttons": "19.3.0-develop.32",
-    "@progress/kendo-angular-intl": "19.3.0-develop.32",
+    "@progress/kendo-angular-common": "19.3.0-develop.34",
+    "@progress/kendo-angular-l10n": "19.3.0-develop.34",
+    "@progress/kendo-angular-progressbar": "19.3.0-develop.34",
+    "@progress/kendo-angular-icons": "19.3.0-develop.34",
+    "@progress/kendo-angular-buttons": "19.3.0-develop.34",
+    "@progress/kendo-angular-intl": "19.3.0-develop.34",
     "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.34",
     "@progress/kendo-draggable": "^3.0.2",
     "node-html-parser": "^7.0.1"
   },

package/panelbar/panelbar.component.d.ts

@@ -161,7 +161,7 @@ export declare class PanelBarComponent implements AfterViewChecked, OnChanges, O
     /**
      * @hidden
      */
-    onComponentKeyDown(event: any): void;
+    onComponentKeyDown(event: KeyboardEvent): void;
     /**
      * @hidden
      */

package/splitter/splitter.service.d.ts

@@ -46,8 +46,8 @@ export declare class SplitterService {
     fixedHeight: boolean;
     constructor(zone: NgZone);
     tryToggle(paneIndex: number): boolean;
-    togglePane(keyCode: number, index: number): void;
-    resizePane(keyCode: number, index: number): void;
+    togglePane(keyCode: string, index: number): void;
+    resizePane(keyCode: string, index: number): void;
     toggleContentOverlay(index: number, show: boolean): void;
     dragState(splitbarIndex: number): SplitterDragState;
     setSize(state: SplitterDragState, delta: number): void;

package/splitter/util.d.ts

@@ -6,12 +6,12 @@ import { SplitterPaneComponent } from "./splitter-pane.component";
 /**
  * @hidden
  */
-export declare const shouldTogglePrev: (keyCode: number, prev: SplitterPaneComponent, next: SplitterPaneComponent) => boolean;
+export declare const shouldTogglePrev: (keyCode: string, prev: SplitterPaneComponent, next: SplitterPaneComponent) => boolean;
 /**
  * @hidden
  */
-export declare const shouldToggleNext: (keyCode: number, prev: SplitterPaneComponent, next: SplitterPaneComponent) => boolean;
+export declare const shouldToggleNext: (keyCode: string, prev: SplitterPaneComponent, next: SplitterPaneComponent) => boolean;
 /**
  * @hidden
  */
-export declare const shouldToggleOrResize: (keyCode: number, orientation: string) => boolean;
+export declare const shouldToggleOrResize: (keyCode: string, orientation: string) => boolean;

package/stepper/stepper.service.d.ts

@@ -22,7 +22,7 @@ export declare class StepperService {
     emit(event: string, eventArgs: any): boolean;
     onActivate(currentIdx: number, originalEvent: any): void;
     validateSteps(): void;
-    keydown(e: any): void;
+    keydown(e: KeyboardEvent): void;
     left(): void;
     right(): void;
     up(): void;

package/tabstrip/events.d.ts

@@ -3,4 +3,5 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 export { TabCloseEvent } from "./events/tabclose-event";
+export { TabScrollEvent } from "./events/tabscroll-event";
 export { SelectEvent } from "./events/select-event";

package/tabstrip/tabstrip.service.d.ts

@@ -15,7 +15,7 @@ export declare class TabStripService {
     private ngZone;
     owner: TabStripComponent;
     constructor(localization: LocalizationService, ngZone: NgZone);
-    onKeyDown(event: any): void;
+    onKeyDown(event: KeyboardEvent): void;
     onTabSelect(tab: TabStripTabComponent, index: number): void;
     selectTab(tab: TabStripTabComponent, index: number): void;
     private onNavigate;

package/tilelayout/keyboard-navigation.service.d.ts

@@ -24,7 +24,7 @@ export declare class TileLayoutKeyboardNavigationService {
     private lastFocused;
     constructor(zone: NgZone, renderer: Renderer2, localization: LocalizationService);
     ngOnDestroy(): void;
-    onKeyDown(event: any, elem: HTMLElement, focusableItems: Array<HTMLElement>, settings: DraggingServiceConfig): void;
+    onKeyDown(event: KeyboardEvent, elem: HTMLElement, focusableItems: Array<HTMLElement>, settings: DraggingServiceConfig): void;
     onFocusOut(event: any, elem: HTMLElement, focusableItems: Array<HTMLElement>): void;
     onMousedown(event: any, elem: HTMLElement, focusableItems: Array<HTMLElement>, tile: TileLayoutItemComponent): void;
     changeTabIndex(tabIndex: string, elem: HTMLElement, focusableItems: Array<HTMLElement>): void;

package/tilelayout/util.d.ts

@@ -57,11 +57,11 @@ export declare const calculateOrderFromCell: (row: number, col: number, items: T
 /**
  * @hidden
  */
-export declare const shouldResize: (keyCode: number, col: number, selectedTile: TileLayoutItemComponent, settings: DraggingServiceConfig) => TileLayoutNavigation;
+export declare const shouldResize: (keyCode: string, col: number, selectedTile: TileLayoutItemComponent, settings: DraggingServiceConfig) => TileLayoutNavigation;
 /**
  * @hidden
  */
-export declare const shouldReorder: (keyCode: number, col: number, selectedTile: TileLayoutItemComponent, settings: DraggingServiceConfig) => TileLayoutNavigation;
+export declare const shouldReorder: (keyCode: string, col: number, selectedTile: TileLayoutItemComponent, settings: DraggingServiceConfig) => TileLayoutNavigation;
 /**
  * @hidden
  */