@progress/kendo-angular-layout 19.3.0-develop.9 → 19.3.1-develop.1

package/drawer/drawer.component.d.ts

@@ -158,6 +158,10 @@ export declare class DrawerComponent implements OnDestroy {
      * @hidden
      */
     showLicenseWatermark: boolean;
+    /**
+     * @hidden
+     */
+    licenseMessage?: string;
     viewItems: DrawerViewItem[];
     private animationEnd;
     private dynamicRTLSubscription;

package/esm2022/drawer/drawer.component.mjs

@@ -13,7 +13,7 @@ import { AnimationBuilder } from '@angular/animations';
 import { collapseAnimation, expandAnimation } from './animations';
 import { take } from 'rxjs/operators';
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
-import { shouldShowValidationUI, WatermarkOverlayComponent } from '@progress/kendo-angular-common';
+import { getLicenseMessage, shouldShowValidationUI, WatermarkOverlayComponent } from '@progress/kendo-angular-common';
 import { DrawerListComponent } from './list.component';
 import { NgIf, NgTemplateOutlet } from '@angular/common';
 import * as i0 from "@angular/core";
@@ -193,6 +193,10 @@ export class DrawerComponent {
      * @hidden
      */
     showLicenseWatermark = false;
+    /**
+     * @hidden
+     */
+    licenseMessage;
     viewItems;
     animationEnd = new EventEmitter();
     dynamicRTLSubscription;
@@ -203,6 +207,7 @@ export class DrawerComponent {
         this.localizationService = localizationService;
         this.drawerService = drawerService;
         const isValid = validatePackage(packageMetadata);
+        this.licenseMessage = getLicenseMessage(packageMetadata);
         this.showLicenseWatermark = shouldShowValidationUI(isValid);
         this.dynamicRTLSubscription = this.localizationService.changes.subscribe(({ rtl }) => {
             this.rtl = rtl;
@@ -342,8 +347,8 @@ export class DrawerComponent {
             </ng-template>
         </div>
 
-        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DrawerListComponent, selector: "[kendoDrawerList]", inputs: ["itemTemplate", "mini", "expanded", "view"], outputs: ["select"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }] });
+        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark" [licenseMessage]="licenseMessage"></div>
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DrawerListComponent, selector: "[kendoDrawerList]", inputs: ["itemTemplate", "mini", "expanded", "view"], outputs: ["select"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerComponent, decorators: [{
             type: Component,
@@ -386,7 +391,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             </ng-template>
         </div>
 
-        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
+        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark" [licenseMessage]="licenseMessage"></div>
     `,
                     standalone: true,
                     imports: [NgIf, NgTemplateOutlet, DrawerListComponent, WatermarkOverlayComponent]

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: 1752672148,
-    version: '19.3.0-develop.9',
+    publishDate: 1755502518,
+    version: '19.3.1-develop.1',
     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, 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';
@@ -145,6 +145,10 @@ export class PanelBarComponent {
      * @hidden
      */
     showLicenseWatermark = false;
+    /**
+     * @hidden
+     */
+    licenseMessage;
     allItems;
     childrenItems;
     isViewInit = true;
@@ -158,6 +162,7 @@ export class PanelBarComponent {
     constructor(elementRef, eventService, localization) {
         this.localization = localization;
         const isValid = validatePackage(packageMetadata);
+        this.licenseMessage = getLicenseMessage(packageMetadata);
         this.showLicenseWatermark = shouldShowValidationUI(isValid);
         /* eslint-disable-line*/
         this.keyBindings = this.computedKeys;
@@ -176,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(),
@@ -262,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();
@@ -566,8 +574,8 @@ export class PanelBarComponent {
             </ng-container>
         </ng-template>
 
-        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: PanelBarItemComponent, selector: "kendo-panelbar-item", inputs: ["title", "id", "icon", "iconClass", "svgIcon", "imageUrl", "disabled", "expanded", "selected", "content", "items", "template"], exportAs: ["kendoPanelbarItem"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }] });
+        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark" [licenseMessage]="licenseMessage"></div>
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: PanelBarItemComponent, selector: "kendo-panelbar-item", inputs: ["title", "id", "icon", "iconClass", "svgIcon", "imageUrl", "disabled", "expanded", "selected", "content", "items", "template"], exportAs: ["kendoPanelbarItem"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PanelBarComponent, decorators: [{
             type: Component,
@@ -604,7 +612,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             </ng-container>
         </ng-template>
 
-        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
+        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark" [licenseMessage]="licenseMessage"></div>
     `,
                     standalone: true,
                     imports: [NgIf, NgFor, PanelBarItemComponent, WatermarkOverlayComponent]

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.component.mjs

@@ -18,7 +18,7 @@ import { normalizeScrollableSettings } from './models/scrollable-settings';
 import { TabScrollEvent } from './events/tabscroll-event';
 import { TabStripScrollableButtonComponent } from './scrollable-button.component';
 import { take } from 'rxjs/operators';
-import { guid, isDocumentAvailable, shouldShowValidationUI, WatermarkOverlayComponent, ResizeSensorComponent } from '@progress/kendo-angular-common';
+import { guid, isDocumentAvailable, shouldShowValidationUI, getLicenseMessage, WatermarkOverlayComponent, ResizeSensorComponent } from '@progress/kendo-angular-common';
 import { TabComponent } from './rendering/tab.component';
 import { NgIf, NgTemplateOutlet, NgClass, NgFor, NgStyle } from '@angular/common';
 import { LocalizedTabStripMessagesDirective } from './localization/localized-messages.directive';
@@ -239,6 +239,10 @@ export class TabStripComponent {
      * @hidden
      */
     showLicenseWatermark = false;
+    /**
+     * @hidden
+     */
+    licenseMessage;
     _height;
     _scrollableSettings = normalizeScrollableSettings(false);
     subscriptions = new Subscription();
@@ -256,6 +260,7 @@ export class TabStripComponent {
         this.scrollService = scrollService;
         this.ngZone = ngZone;
         const isValid = validatePackage(packageMetadata);
+        this.licenseMessage = getLicenseMessage(packageMetadata);
         this.showLicenseWatermark = shouldShowValidationUI(isValid);
         this.tabstripService.owner = this;
         this.scrollService.owner = this;
@@ -658,8 +663,8 @@ export class TabStripComponent {
             </ng-template>
         </ng-template>
         <kendo-resize-sensor *ngIf="isScrollable" (resize)="onResize()"></kendo-resize-sensor>
-        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedTabStripMessagesDirective, selector: "[kendoTabStripLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: TabStripScrollableButtonComponent, selector: "[kendoTabStripScrollableButton]", inputs: ["prev", "tabPosition", "scrollable"], outputs: ["tabScroll", "onClick"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: TabComponent, selector: "[kendoTabStripTab]", inputs: ["tab", "index", "tabStripClosable", "tabStripCloseIcon", "customTabstripCloseIcon", "closeSVGIcon"], outputs: ["tabClose"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }], animations: [
+        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark" [licenseMessage]="licenseMessage"></div>
+    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedTabStripMessagesDirective, selector: "[kendoTabStripLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: TabStripScrollableButtonComponent, selector: "[kendoTabStripScrollableButton]", inputs: ["prev", "tabPosition", "scrollable"], outputs: ["tabScroll", "onClick"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: TabComponent, selector: "[kendoTabStripTab]", inputs: ["tab", "index", "tabStripClosable", "tabStripCloseIcon", "customTabstripCloseIcon", "closeSVGIcon"], outputs: ["tabClose"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }], animations: [
             trigger('state', [
                 state('active', style({ opacity: 1 })),
                 transition('* => active', [
@@ -841,7 +846,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             </ng-template>
         </ng-template>
         <kendo-resize-sensor *ngIf="isScrollable" (resize)="onResize()"></kendo-resize-sensor>
-        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
+        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark" [licenseMessage]="licenseMessage"></div>
     `,
                     standalone: true,
                     imports: [LocalizedTabStripMessagesDirective, NgIf, NgTemplateOutlet, NgClass, TabStripScrollableButtonComponent, NgFor, TabComponent, NgStyle, ResizeSensorComponent, WatermarkOverlayComponent]

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/tilelayout/tilelayout.component.mjs

@@ -8,7 +8,7 @@ import { Subscription } from 'rxjs';
 import { Draggable } from '@progress/kendo-draggable';
 import { TileLayoutItemComponent } from './tilelayout-item.component';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import { hasObservers, isChanged, shouldShowValidationUI, WatermarkOverlayComponent } from '@progress/kendo-angular-common';
+import { hasObservers, isChanged, shouldShowValidationUI, getLicenseMessage, WatermarkOverlayComponent } from '@progress/kendo-angular-common';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
 import { isPresent } from '../common/util';
@@ -135,6 +135,10 @@ export class TileLayoutComponent {
      * @hidden
      */
     showLicenseWatermark = false;
+    /**
+     * @hidden
+     */
+    licenseMessage;
     draggable;
     subs = new Subscription();
     _gap = {
@@ -149,6 +153,7 @@ export class TileLayoutComponent {
         this.draggingService = draggingService;
         this.navigationService = navigationService;
         const isValid = validatePackage(packageMetadata);
+        this.licenseMessage = getLicenseMessage(packageMetadata);
         this.showLicenseWatermark = shouldShowValidationUI(isValid);
     }
     ngOnInit() {
@@ -304,8 +309,8 @@ export class TileLayoutComponent {
             [style.gridRowStart]="currentRowStart"
             [style.zIndex]="'1'">
         </div>
-        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }] });
+        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark" [licenseMessage]="licenseMessage"></div>
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TileLayoutComponent, decorators: [{
             type: Component,
@@ -331,7 +336,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             [style.gridRowStart]="currentRowStart"
             [style.zIndex]="'1'">
         </div>
-        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
+        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark" [licenseMessage]="licenseMessage"></div>
     `,
                     standalone: true,
                     imports: [NgIf, WatermarkOverlayComponent]

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, 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: 1752672148,
-    version: '19.3.0-develop.9',
+    publishDate: 1755502518,
+    version: '19.3.1-develop.1',
     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'
 };
 
@@ -1205,6 +1205,10 @@ class PanelBarComponent {
      * @hidden
      */
     showLicenseWatermark = false;
+    /**
+     * @hidden
+     */
+    licenseMessage;
     allItems;
     childrenItems;
     isViewInit = true;
@@ -1218,6 +1222,7 @@ class PanelBarComponent {
     constructor(elementRef, eventService, localization) {
         this.localization = localization;
         const isValid = validatePackage(packageMetadata);
+        this.licenseMessage = getLicenseMessage(packageMetadata);
         this.showLicenseWatermark = shouldShowValidationUI(isValid);
         /* eslint-disable-line*/
         this.keyBindings = this.computedKeys;
@@ -1236,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(),
@@ -1322,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();
@@ -1626,8 +1634,8 @@ class PanelBarComponent {
             </ng-container>
         </ng-template>
 
-        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: PanelBarItemComponent, selector: "kendo-panelbar-item", inputs: ["title", "id", "icon", "iconClass", "svgIcon", "imageUrl", "disabled", "expanded", "selected", "content", "items", "template"], exportAs: ["kendoPanelbarItem"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }] });
+        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark" [licenseMessage]="licenseMessage"></div>
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: PanelBarItemComponent, selector: "kendo-panelbar-item", inputs: ["title", "id", "icon", "iconClass", "svgIcon", "imageUrl", "disabled", "expanded", "selected", "content", "items", "template"], exportAs: ["kendoPanelbarItem"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PanelBarComponent, decorators: [{
             type: Component,
@@ -1664,7 +1672,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             </ng-container>
         </ng-template>
 
-        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
+        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark" [licenseMessage]="licenseMessage"></div>
     `,
                     standalone: true,
                     imports: [NgIf, NgFor, PanelBarItemComponent, WatermarkOverlayComponent]
@@ -2454,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();
         }
@@ -3070,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).
@@ -3222,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();
         }
     }
@@ -3560,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
@@ -4188,6 +4197,10 @@ class TabStripComponent {
      * @hidden
      */
     showLicenseWatermark = false;
+    /**
+     * @hidden
+     */
+    licenseMessage;
     _height;
     _scrollableSettings = normalizeScrollableSettings(false);
     subscriptions = new Subscription();
@@ -4205,6 +4218,7 @@ class TabStripComponent {
         this.scrollService = scrollService;
         this.ngZone = ngZone;
         const isValid = validatePackage(packageMetadata);
+        this.licenseMessage = getLicenseMessage(packageMetadata);
         this.showLicenseWatermark = shouldShowValidationUI(isValid);
         this.tabstripService.owner = this;
         this.scrollService.owner = this;
@@ -4607,8 +4621,8 @@ class TabStripComponent {
             </ng-template>
         </ng-template>
         <kendo-resize-sensor *ngIf="isScrollable" (resize)="onResize()"></kendo-resize-sensor>
-        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedTabStripMessagesDirective, selector: "[kendoTabStripLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: TabStripScrollableButtonComponent, selector: "[kendoTabStripScrollableButton]", inputs: ["prev", "tabPosition", "scrollable"], outputs: ["tabScroll", "onClick"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: TabComponent, selector: "[kendoTabStripTab]", inputs: ["tab", "index", "tabStripClosable", "tabStripCloseIcon", "customTabstripCloseIcon", "closeSVGIcon"], outputs: ["tabClose"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }], animations: [
+        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark" [licenseMessage]="licenseMessage"></div>
+    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedTabStripMessagesDirective, selector: "[kendoTabStripLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: TabStripScrollableButtonComponent, selector: "[kendoTabStripScrollableButton]", inputs: ["prev", "tabPosition", "scrollable"], outputs: ["tabScroll", "onClick"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: TabComponent, selector: "[kendoTabStripTab]", inputs: ["tab", "index", "tabStripClosable", "tabStripCloseIcon", "customTabstripCloseIcon", "closeSVGIcon"], outputs: ["tabClose"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }], animations: [
             trigger('state', [
                 state('active', style({ opacity: 1 })),
                 transition('* => active', [
@@ -4790,7 +4804,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             </ng-template>
         </ng-template>
         <kendo-resize-sensor *ngIf="isScrollable" (resize)="onResize()"></kendo-resize-sensor>
-        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
+        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark" [licenseMessage]="licenseMessage"></div>
     `,
                     standalone: true,
                     imports: [LocalizedTabStripMessagesDirective, NgIf, NgTemplateOutlet, NgClass, TabStripScrollableButtonComponent, NgFor, TabComponent, NgStyle, ResizeSensorComponent, WatermarkOverlayComponent]
@@ -5564,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);
                     }
                 }
@@ -5846,6 +5861,10 @@ class DrawerComponent {
      * @hidden
      */
     showLicenseWatermark = false;
+    /**
+     * @hidden
+     */
+    licenseMessage;
     viewItems;
     animationEnd = new EventEmitter();
     dynamicRTLSubscription;
@@ -5856,6 +5875,7 @@ class DrawerComponent {
         this.localizationService = localizationService;
         this.drawerService = drawerService;
         const isValid = validatePackage(packageMetadata);
+        this.licenseMessage = getLicenseMessage(packageMetadata);
         this.showLicenseWatermark = shouldShowValidationUI(isValid);
         this.dynamicRTLSubscription = this.localizationService.changes.subscribe(({ rtl }) => {
             this.rtl = rtl;
@@ -5995,8 +6015,8 @@ class DrawerComponent {
             </ng-template>
         </div>
 
-        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DrawerListComponent, selector: "[kendoDrawerList]", inputs: ["itemTemplate", "mini", "expanded", "view"], outputs: ["select"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }] });
+        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark" [licenseMessage]="licenseMessage"></div>
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DrawerListComponent, selector: "[kendoDrawerList]", inputs: ["itemTemplate", "mini", "expanded", "view"], outputs: ["select"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawerComponent, decorators: [{
             type: Component,
@@ -6039,7 +6059,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             </ng-template>
         </div>
 
-        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
+        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark" [licenseMessage]="licenseMessage"></div>
     `,
                     standalone: true,
                     imports: [NgIf, NgTemplateOutlet, DrawerListComponent, WatermarkOverlayComponent]
@@ -6397,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';
@@ -6478,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;
         }
@@ -8882,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;
         }
@@ -9876,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);
@@ -10537,6 +10560,10 @@ class TileLayoutComponent {
      * @hidden
      */
     showLicenseWatermark = false;
+    /**
+     * @hidden
+     */
+    licenseMessage;
     draggable;
     subs = new Subscription();
     _gap = {
@@ -10551,6 +10578,7 @@ class TileLayoutComponent {
         this.draggingService = draggingService;
         this.navigationService = navigationService;
         const isValid = validatePackage(packageMetadata);
+        this.licenseMessage = getLicenseMessage(packageMetadata);
         this.showLicenseWatermark = shouldShowValidationUI(isValid);
     }
     ngOnInit() {
@@ -10706,8 +10734,8 @@ class TileLayoutComponent {
             [style.gridRowStart]="currentRowStart"
             [style.zIndex]="'1'">
         </div>
-        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }] });
+        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark" [licenseMessage]="licenseMessage"></div>
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TileLayoutComponent, decorators: [{
             type: Component,
@@ -10733,7 +10761,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             [style.gridRowStart]="currentRowStart"
             [style.zIndex]="'1'">
         </div>
-        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
+        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark" [licenseMessage]="licenseMessage"></div>
     `,
                     standalone: true,
                     imports: [NgIf, WatermarkOverlayComponent]
@@ -11580,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;
@@ -12225,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();
         }
     }
@@ -13866,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.9",
+  "version": "19.3.1-develop.1",
   "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": 1752672148,
+      "publishDate": 1755502518,
       "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"
     }
   },
@@ -59,18 +59,18 @@
     "@angular/common": "16 - 20",
     "@angular/core": "16 - 20",
     "@angular/platform-browser": "16 - 20",
-    "@progress/kendo-licensing": "^1.5.0",
-    "@progress/kendo-angular-common": "19.3.0-develop.9",
-    "@progress/kendo-angular-l10n": "19.3.0-develop.9",
-    "@progress/kendo-angular-progressbar": "19.3.0-develop.9",
-    "@progress/kendo-angular-icons": "19.3.0-develop.9",
-    "@progress/kendo-angular-buttons": "19.3.0-develop.9",
-    "@progress/kendo-angular-intl": "19.3.0-develop.9",
+    "@progress/kendo-licensing": "^1.7.0",
+    "@progress/kendo-angular-common": "19.3.1-develop.1",
+    "@progress/kendo-angular-l10n": "19.3.1-develop.1",
+    "@progress/kendo-angular-progressbar": "19.3.1-develop.1",
+    "@progress/kendo-angular-icons": "19.3.1-develop.1",
+    "@progress/kendo-angular-buttons": "19.3.1-develop.1",
+    "@progress/kendo-angular-intl": "19.3.1-develop.1",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "19.3.0-develop.9",
+    "@progress/kendo-angular-schematics": "19.3.1-develop.1",
     "@progress/kendo-draggable": "^3.0.2",
     "node-html-parser": "^7.0.1"
   },

package/panelbar/panelbar.component.d.ts

@@ -119,6 +119,10 @@ export declare class PanelBarComponent implements AfterViewChecked, OnChanges, O
      * @hidden
      */
     showLicenseWatermark: boolean;
+    /**
+     * @hidden
+     */
+    licenseMessage?: string;
     private allItems;
     private childrenItems;
     private isViewInit;
@@ -157,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.component.d.ts

@@ -169,6 +169,10 @@ export declare class TabStripComponent implements AfterViewInit, OnDestroy {
      * @hidden
      */
     showLicenseWatermark: boolean;
+    /**
+     * @hidden
+     */
+    licenseMessage?: string;
     private _height;
     private _scrollableSettings;
     private subscriptions;

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/tilelayout.component.d.ts

@@ -109,6 +109,10 @@ export declare class TileLayoutComponent implements OnInit, AfterViewInit, After
      * @hidden
      */
     showLicenseWatermark: boolean;
+    /**
+     * @hidden
+     */
+    licenseMessage?: string;
     private draggable;
     private subs;
     private _gap;

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
  */