@progress/kendo-angular-common 19.3.0-develop.4 → 19.3.0-develop.40

package/enums/keys.d.ts

@@ -6,62 +6,69 @@
  * Enum with key codes.
  */
 export declare enum Keys {
-    Alt = 18,
-    ArrowDown = 40,
-    ArrowLeft = 37,
-    ArrowRight = 39,
-    ArrowUp = 38,
-    Backspace = 8,
-    Control = 17,
-    Delete = 46,
-    Digit0 = 48,
-    Digit1 = 49,
-    Digit2 = 50,
-    Digit3 = 51,
-    Digit4 = 52,
-    Digit5 = 53,
-    Digit6 = 54,
-    Digit7 = 55,
-    Digit8 = 56,
-    Digit9 = 57,
-    End = 35,
-    Enter = 13,
-    Escape = 27,
-    F1 = 112,
-    F2 = 113,
-    F10 = 121,
-    Home = 36,
-    Insert = 45,
-    KeyA = 65,
-    KeyB = 66,
-    KeyC = 67,
-    KeyD = 68,
-    KeyE = 69,
-    KeyF = 70,
-    KeyG = 71,
-    KeyH = 72,
-    KeyI = 73,
-    KeyJ = 74,
-    KeyK = 75,
-    KeyL = 76,
-    KeyM = 77,
-    KeyN = 78,
-    KeyO = 79,
-    KeyP = 80,
-    KeyQ = 81,
-    KeyR = 82,
-    KeyS = 83,
-    KeyT = 84,
-    KeyU = 85,
-    KeyV = 86,
-    KeyW = 87,
-    KeyX = 88,
-    KeyY = 89,
-    KeyZ = 90,
-    NumpadDecimal = 110,
-    PageDown = 34,
-    PageUp = 33,
-    Shift = 16,
-    Space = 32,
-    Tab = 9
+    ArrowDown = "ArrowDown",
+    ArrowLeft = "ArrowLeft",
+    ArrowRight = "ArrowRight",
+    ArrowUp = "ArrowUp",
+    Backspace = "Backspace",
+    Delete = "Delete",
+    Digit0 = "Digit0",
+    Digit1 = "Digit1",
+    Digit2 = "Digit2",
+    Digit3 = "Digit3",
+    Digit4 = "Digit4",
+    Digit5 = "Digit5",
+    Digit6 = "Digit6",
+    Digit7 = "Digit7",
+    Digit8 = "Digit8",
+    Digit9 = "Digit9",
+    End = "End",
+    Enter = "Enter",
+    Escape = "Escape",
+    F1 = "F1",
+    F2 = "F2",
+    F10 = "F10",
+    Home = "Home",
+    KeyA = "KeyA",
+    KeyB = "KeyB",
+    KeyC = "KeyC",
+    KeyD = "KeyD",
+    KeyE = "KeyE",
+    KeyF = "KeyF",
+    KeyG = "KeyG",
+    KeyH = "KeyH",
+    KeyI = "KeyI",
+    KeyJ = "KeyJ",
+    KeyK = "KeyK",
+    KeyL = "KeyL",
+    KeyM = "KeyM",
+    KeyN = "KeyN",
+    KeyO = "KeyO",
+    KeyP = "KeyP",
+    KeyQ = "KeyQ",
+    KeyR = "KeyR",
+    KeyS = "KeyS",
+    KeyT = "KeyT",
+    KeyU = "KeyU",
+    KeyV = "KeyV",
+    KeyW = "KeyW",
+    KeyX = "KeyX",
+    KeyY = "KeyY",
+    KeyZ = "KeyZ",
+    Numpad1 = "Numpad1",
+    Numpad2 = "Numpad2",
+    Numpad3 = "Numpad3",
+    Numpad4 = "Numpad4",
+    Numpad5 = "Numpad5",
+    Numpad6 = "Numpad6",
+    Numpad7 = "Numpad7",
+    Numpad8 = "Numpad8",
+    Numpad9 = "Numpad9",
+    Numpad0 = "Numpad0",
+    NumpadEnter = "NumpadEnter",
+    NumpadDecimal = "NumpadDecimal",
+    PageDown = "PageDown",
+    PageUp = "PageUp",
+    Space = "Space",
+    Tab = "Tab"
 }

package/esm2022/enums/keys.mjs

@@ -7,62 +7,69 @@
  */
 export var Keys;
 (function (Keys) {
-    Keys[Keys["Alt"] = 18] = "Alt";
-    Keys[Keys["ArrowDown"] = 40] = "ArrowDown";
-    Keys[Keys["ArrowLeft"] = 37] = "ArrowLeft";
-    Keys[Keys["ArrowRight"] = 39] = "ArrowRight";
-    Keys[Keys["ArrowUp"] = 38] = "ArrowUp";
-    Keys[Keys["Backspace"] = 8] = "Backspace";
-    Keys[Keys["Control"] = 17] = "Control";
-    Keys[Keys["Delete"] = 46] = "Delete";
-    Keys[Keys["Digit0"] = 48] = "Digit0";
-    Keys[Keys["Digit1"] = 49] = "Digit1";
-    Keys[Keys["Digit2"] = 50] = "Digit2";
-    Keys[Keys["Digit3"] = 51] = "Digit3";
-    Keys[Keys["Digit4"] = 52] = "Digit4";
-    Keys[Keys["Digit5"] = 53] = "Digit5";
-    Keys[Keys["Digit6"] = 54] = "Digit6";
-    Keys[Keys["Digit7"] = 55] = "Digit7";
-    Keys[Keys["Digit8"] = 56] = "Digit8";
-    Keys[Keys["Digit9"] = 57] = "Digit9";
-    Keys[Keys["End"] = 35] = "End";
-    Keys[Keys["Enter"] = 13] = "Enter";
-    Keys[Keys["Escape"] = 27] = "Escape";
-    Keys[Keys["F1"] = 112] = "F1";
-    Keys[Keys["F2"] = 113] = "F2";
-    Keys[Keys["F10"] = 121] = "F10";
-    Keys[Keys["Home"] = 36] = "Home";
-    Keys[Keys["Insert"] = 45] = "Insert";
-    Keys[Keys["KeyA"] = 65] = "KeyA";
-    Keys[Keys["KeyB"] = 66] = "KeyB";
-    Keys[Keys["KeyC"] = 67] = "KeyC";
-    Keys[Keys["KeyD"] = 68] = "KeyD";
-    Keys[Keys["KeyE"] = 69] = "KeyE";
-    Keys[Keys["KeyF"] = 70] = "KeyF";
-    Keys[Keys["KeyG"] = 71] = "KeyG";
-    Keys[Keys["KeyH"] = 72] = "KeyH";
-    Keys[Keys["KeyI"] = 73] = "KeyI";
-    Keys[Keys["KeyJ"] = 74] = "KeyJ";
-    Keys[Keys["KeyK"] = 75] = "KeyK";
-    Keys[Keys["KeyL"] = 76] = "KeyL";
-    Keys[Keys["KeyM"] = 77] = "KeyM";
-    Keys[Keys["KeyN"] = 78] = "KeyN";
-    Keys[Keys["KeyO"] = 79] = "KeyO";
-    Keys[Keys["KeyP"] = 80] = "KeyP";
-    Keys[Keys["KeyQ"] = 81] = "KeyQ";
-    Keys[Keys["KeyR"] = 82] = "KeyR";
-    Keys[Keys["KeyS"] = 83] = "KeyS";
-    Keys[Keys["KeyT"] = 84] = "KeyT";
-    Keys[Keys["KeyU"] = 85] = "KeyU";
-    Keys[Keys["KeyV"] = 86] = "KeyV";
-    Keys[Keys["KeyW"] = 87] = "KeyW";
-    Keys[Keys["KeyX"] = 88] = "KeyX";
-    Keys[Keys["KeyY"] = 89] = "KeyY";
-    Keys[Keys["KeyZ"] = 90] = "KeyZ";
-    Keys[Keys["NumpadDecimal"] = 110] = "NumpadDecimal";
-    Keys[Keys["PageDown"] = 34] = "PageDown";
-    Keys[Keys["PageUp"] = 33] = "PageUp";
-    Keys[Keys["Shift"] = 16] = "Shift";
-    Keys[Keys["Space"] = 32] = "Space";
-    Keys[Keys["Tab"] = 9] = "Tab";
+    Keys["ArrowDown"] = "ArrowDown";
+    Keys["ArrowLeft"] = "ArrowLeft";
+    Keys["ArrowRight"] = "ArrowRight";
+    Keys["ArrowUp"] = "ArrowUp";
+    Keys["Backspace"] = "Backspace";
+    Keys["Delete"] = "Delete";
+    Keys["Digit0"] = "Digit0";
+    Keys["Digit1"] = "Digit1";
+    Keys["Digit2"] = "Digit2";
+    Keys["Digit3"] = "Digit3";
+    Keys["Digit4"] = "Digit4";
+    Keys["Digit5"] = "Digit5";
+    Keys["Digit6"] = "Digit6";
+    Keys["Digit7"] = "Digit7";
+    Keys["Digit8"] = "Digit8";
+    Keys["Digit9"] = "Digit9";
+    Keys["End"] = "End";
+    Keys["Enter"] = "Enter";
+    Keys["Escape"] = "Escape";
+    Keys["F1"] = "F1";
+    Keys["F2"] = "F2";
+    Keys["F10"] = "F10";
+    Keys["Home"] = "Home";
+    Keys["KeyA"] = "KeyA";
+    Keys["KeyB"] = "KeyB";
+    Keys["KeyC"] = "KeyC";
+    Keys["KeyD"] = "KeyD";
+    Keys["KeyE"] = "KeyE";
+    Keys["KeyF"] = "KeyF";
+    Keys["KeyG"] = "KeyG";
+    Keys["KeyH"] = "KeyH";
+    Keys["KeyI"] = "KeyI";
+    Keys["KeyJ"] = "KeyJ";
+    Keys["KeyK"] = "KeyK";
+    Keys["KeyL"] = "KeyL";
+    Keys["KeyM"] = "KeyM";
+    Keys["KeyN"] = "KeyN";
+    Keys["KeyO"] = "KeyO";
+    Keys["KeyP"] = "KeyP";
+    Keys["KeyQ"] = "KeyQ";
+    Keys["KeyR"] = "KeyR";
+    Keys["KeyS"] = "KeyS";
+    Keys["KeyT"] = "KeyT";
+    Keys["KeyU"] = "KeyU";
+    Keys["KeyV"] = "KeyV";
+    Keys["KeyW"] = "KeyW";
+    Keys["KeyX"] = "KeyX";
+    Keys["KeyY"] = "KeyY";
+    Keys["KeyZ"] = "KeyZ";
+    Keys["Numpad1"] = "Numpad1";
+    Keys["Numpad2"] = "Numpad2";
+    Keys["Numpad3"] = "Numpad3";
+    Keys["Numpad4"] = "Numpad4";
+    Keys["Numpad5"] = "Numpad5";
+    Keys["Numpad6"] = "Numpad6";
+    Keys["Numpad7"] = "Numpad7";
+    Keys["Numpad8"] = "Numpad8";
+    Keys["Numpad9"] = "Numpad9";
+    Keys["Numpad0"] = "Numpad0";
+    Keys["NumpadEnter"] = "NumpadEnter";
+    Keys["NumpadDecimal"] = "NumpadDecimal";
+    Keys["PageDown"] = "PageDown";
+    Keys["PageUp"] = "PageUp";
+    Keys["Space"] = "Space";
+    Keys["Tab"] = "Tab";
 })(Keys || (Keys = {}));

package/esm2022/index.mjs

@@ -11,6 +11,7 @@ export * from './utils';
 export * from './enums';
 export * from './utils/focusable-selectors';
 export * from './utils/ng-class-parser';
+export * from './utils/numpad-keys-normalizer';
 export * from './watermark';
 export * from './adornments';
 export { PreventableEvent } from './preventable-event';
@@ -18,3 +19,4 @@ export { ScrollbarWidthService, scrollbarWidth } from './utils/scrollbar-width.s
 export * from './toggle-button-tab-stop';
 export * from './directives';
 export * from './template-context';
+export * from './localization/replace-message-placeholder';

package/esm2022/localization/replace-message-placeholder.mjs

@@ -0,0 +1,8 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ */
+export const replaceMessagePlaceholder = (message, name, value) => (message ?? '').replace(new RegExp(`{\\s*${name}\\s*}`, 'g'), value);

package/esm2022/toggle-button-tab-stop/toggle-button-tab-stop.directive.mjs

@@ -8,6 +8,7 @@ import { MultiTabStop } from "./toggle-button-tab-stop";
 import { Subscription } from "rxjs";
 import { take } from "rxjs/operators";
 import { Keys } from "../enums";
+import { normalizeNumpadKeys } from "../utils/numpad-keys-normalizer";
 import * as i0 from "@angular/core";
 import * as i1 from "./toggle-button-tab-stop";
 const tags = ['kendo-splitbutton', 'kendo-combobox', 'kendo-multicolumncombobox', 'kendo-datepicker', 'kendo-timepicker', 'kendo-datetimepicker'];
@@ -144,12 +145,14 @@ export class ToggleButtonTabStopDirective {
         this.renderer.removeStyle(this.button, 'box-shadow');
     };
     onClick = (e) => {
-        const splitButtonToggleEnter = e instanceof KeyboardEvent && e.keyCode === Keys.Enter;
+        const code = normalizeNumpadKeys(e);
+        const splitButtonToggleEnter = e instanceof KeyboardEvent && code === Keys.Enter;
         const isClick = e instanceof PointerEvent;
         (splitButtonToggleEnter || isClick) && (this.focusButton = true);
     };
     onKeyDown = (e) => {
-        if (e.keyCode === Keys.ArrowDown && e.altKey) {
+        const code = normalizeNumpadKeys(e);
+        if (code === Keys.ArrowDown && e.altKey) {
             e.stopImmediatePropagation();
             this.focusButton = true;
             this.button.click();

package/esm2022/utils/numpad-keys-normalizer.mjs

@@ -0,0 +1,40 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Keys } from "../enums";
+/**
+ * @hidden
+ *
+ * On some keyboards, PageUp/Down, Home/End, and arrow keys are mapped to Numpad keys
+ */
+export const normalizeNumpadKeys = (event) => {
+    if (event.code === Keys.Numpad1 && event.key === Keys.End) {
+        return Keys.End;
+    }
+    if (event.code === Keys.Numpad2 && event.key === Keys.ArrowDown) {
+        return Keys.ArrowDown;
+    }
+    if (event.code === Keys.Numpad3 && event.key === Keys.PageDown) {
+        return Keys.PageDown;
+    }
+    if (event.code === Keys.Numpad4 && event.key === Keys.ArrowLeft) {
+        return Keys.ArrowLeft;
+    }
+    if (event.code === Keys.Numpad6 && event.key === Keys.ArrowRight) {
+        return Keys.ArrowRight;
+    }
+    if (event.code === Keys.Numpad7 && event.key === Keys.Home) {
+        return Keys.Home;
+    }
+    if (event.code === Keys.Numpad8 && event.key === Keys.ArrowUp) {
+        return Keys.ArrowUp;
+    }
+    if (event.code === Keys.Numpad9 && event.key === Keys.PageUp) {
+        return Keys.PageUp;
+    }
+    if (event.code === Keys.NumpadEnter) {
+        return Keys.Enter;
+    }
+    return event.code;
+};

package/esm2022/utils/process-css-value.mjs

@@ -0,0 +1,23 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export const processCssValue = (value) => {
+    if (typeof value === 'number') {
+        return `${value}px`;
+    }
+    else if (typeof value === 'string') {
+        const trimmedValue = value.trim();
+        const numValue = parseInt(trimmedValue, 10);
+        if (!isNaN(numValue) && Number.isFinite(numValue)) {
+            if (numValue.toString() === trimmedValue) {
+                return `${numValue}px`;
+            }
+            else {
+                return value;
+            }
+        }
+        return null;
+    }
+    return null;
+};

package/esm2022/utils.mjs

@@ -11,3 +11,4 @@ export { isSafari, isFirefox } from './utils/detect-browser';
 export * from './utils/html-attributes';
 export { isControlRequired } from './utils/forms-utils';
 export { areObjectsEqual } from './utils/objects-equal';
+export { processCssValue } from './utils/process-css-value';

package/esm2022/watermark/index.mjs

@@ -3,4 +3,4 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 export { WatermarkOverlayComponent } from './watermark.component';
-export { shouldShowValidationUI } from './validation';
+export { shouldShowValidationUI, getLicenseMessage } from './validation';

package/esm2022/watermark/validation.mjs

@@ -2,6 +2,7 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+import { getLicenseStatus } from "@progress/kendo-licensing";
 const allowed = ['telerik.com', 'progress.com', 'stackblitz.io', 'csb.app'];
 /**
  * @hidden
@@ -10,3 +11,12 @@ export function shouldShowValidationUI(isPackageValid) {
     const skip = allowed.some((hostname) => globalThis.document?.location.hostname.endsWith(hostname));
     return !skip && !isPackageValid;
 }
+/**
+ * @hidden
+ *
+ * Returns the notification message to display, if any.
+ */
+export function getLicenseMessage(meta) {
+    const message = getLicenseStatus(meta).message;
+    return message?.notificationMessage;
+}

package/esm2022/watermark/watermark.component.mjs

@@ -2,7 +2,7 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Component, ElementRef, HostBinding, ViewChild } from '@angular/core';
+import { Component, ElementRef, HostBinding, Input, ViewChild } from '@angular/core';
 import { watermarkStyles, bannerStyles, licenseKeyUrl, buttonStyles } from './utils';
 import { isDocumentAvailable } from '../utils';
 import { NgIf, NgStyle } from '@angular/common';
@@ -13,6 +13,7 @@ let bannerPresentOnPage = false;
  */
 export class WatermarkOverlayComponent {
     watermarkStyle = watermarkStyles;
+    licenseMessage;
     banner;
     isOpen = true;
     bannerMounted = false;
@@ -42,7 +43,7 @@ export class WatermarkOverlayComponent {
         return isDocumentAvailable() && this.banner && this.banner.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WatermarkOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: WatermarkOverlayComponent, isStandalone: true, selector: "div[kendoWatermarkOverlay]", host: { properties: { "style": "this.watermarkStyle" } }, viewQueries: [{ propertyName: "banner", first: true, predicate: ["banner"], descendants: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: WatermarkOverlayComponent, isStandalone: true, selector: "div[kendoWatermarkOverlay]", inputs: { licenseMessage: "licenseMessage" }, host: { properties: { "style": "this.watermarkStyle" } }, viewQueries: [{ propertyName: "banner", first: true, predicate: ["banner"], descendants: true }], ngImport: i0, template: `
         <div #banner *ngIf="isOpen && bannerMounted" [ngStyle]="bannerStyles">
             <span [ngStyle]="{ display: 'flex', alignSelf: 'center', marginRight: '8px' }">
                 <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
@@ -50,7 +51,8 @@ export class WatermarkOverlayComponent {
                 </svg>
             </span>
 
-            <span>
+            <span *ngIf="licenseMessage" [innerHtml]="licenseMessage"></span>
+            <span *ngIf="!licenseMessage">
                 We couldn't verify your <a [href]="licenseKeyUrl">license key</a> for Kendo UI for Angular. Please see the browser
                 console for details and resolution steps.
             </span>
@@ -77,7 +79,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 </svg>
             </span>
 
-            <span>
+            <span *ngIf="licenseMessage" [innerHtml]="licenseMessage"></span>
+            <span *ngIf="!licenseMessage">
                 We couldn't verify your <a [href]="licenseKeyUrl">license key</a> for Kendo UI for Angular. Please see the browser
                 console for details and resolution steps.
             </span>
@@ -97,6 +100,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], propDecorators: { watermarkStyle: [{
                 type: HostBinding,
                 args: ['style']
+            }], licenseMessage: [{
+                type: Input
             }], banner: [{
                 type: ViewChild,
                 args: ['banner']

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

@@ -9,6 +9,7 @@ import { take, auditTime } from 'rxjs/operators';
 import { Draggable } from '@progress/kendo-draggable';
 import { merge, fromEvent, from, Subscription } from 'rxjs';
 import { NgIf, NgStyle } from '@angular/common';
+import { getLicenseStatus } from '@progress/kendo-licensing';
 
 /**
  * @hidden
@@ -204,6 +205,26 @@ const areObjectsEqual = (firstObject, secondObject) => {
     return equalSettings.length === Object.keys(firstObject).length;
 };
 
+const processCssValue = (value) => {
+    if (typeof value === 'number') {
+        return `${value}px`;
+    }
+    else if (typeof value === 'string') {
+        const trimmedValue = value.trim();
+        const numValue = parseInt(trimmedValue, 10);
+        if (!isNaN(numValue) && Number.isFinite(numValue)) {
+            if (numValue.toString() === trimmedValue) {
+                return `${numValue}px`;
+            }
+            else {
+                return value;
+            }
+        }
+        return null;
+    }
+    return null;
+};
+
 class DraggableDirective {
     element;
     ngZone;
@@ -774,64 +795,71 @@ class KendoInput {
  */
 var Keys;
 (function (Keys) {
-    Keys[Keys["Alt"] = 18] = "Alt";
-    Keys[Keys["ArrowDown"] = 40] = "ArrowDown";
-    Keys[Keys["ArrowLeft"] = 37] = "ArrowLeft";
-    Keys[Keys["ArrowRight"] = 39] = "ArrowRight";
-    Keys[Keys["ArrowUp"] = 38] = "ArrowUp";
-    Keys[Keys["Backspace"] = 8] = "Backspace";
-    Keys[Keys["Control"] = 17] = "Control";
-    Keys[Keys["Delete"] = 46] = "Delete";
-    Keys[Keys["Digit0"] = 48] = "Digit0";
-    Keys[Keys["Digit1"] = 49] = "Digit1";
-    Keys[Keys["Digit2"] = 50] = "Digit2";
-    Keys[Keys["Digit3"] = 51] = "Digit3";
-    Keys[Keys["Digit4"] = 52] = "Digit4";
-    Keys[Keys["Digit5"] = 53] = "Digit5";
-    Keys[Keys["Digit6"] = 54] = "Digit6";
-    Keys[Keys["Digit7"] = 55] = "Digit7";
-    Keys[Keys["Digit8"] = 56] = "Digit8";
-    Keys[Keys["Digit9"] = 57] = "Digit9";
-    Keys[Keys["End"] = 35] = "End";
-    Keys[Keys["Enter"] = 13] = "Enter";
-    Keys[Keys["Escape"] = 27] = "Escape";
-    Keys[Keys["F1"] = 112] = "F1";
-    Keys[Keys["F2"] = 113] = "F2";
-    Keys[Keys["F10"] = 121] = "F10";
-    Keys[Keys["Home"] = 36] = "Home";
-    Keys[Keys["Insert"] = 45] = "Insert";
-    Keys[Keys["KeyA"] = 65] = "KeyA";
-    Keys[Keys["KeyB"] = 66] = "KeyB";
-    Keys[Keys["KeyC"] = 67] = "KeyC";
-    Keys[Keys["KeyD"] = 68] = "KeyD";
-    Keys[Keys["KeyE"] = 69] = "KeyE";
-    Keys[Keys["KeyF"] = 70] = "KeyF";
-    Keys[Keys["KeyG"] = 71] = "KeyG";
-    Keys[Keys["KeyH"] = 72] = "KeyH";
-    Keys[Keys["KeyI"] = 73] = "KeyI";
-    Keys[Keys["KeyJ"] = 74] = "KeyJ";
-    Keys[Keys["KeyK"] = 75] = "KeyK";
-    Keys[Keys["KeyL"] = 76] = "KeyL";
-    Keys[Keys["KeyM"] = 77] = "KeyM";
-    Keys[Keys["KeyN"] = 78] = "KeyN";
-    Keys[Keys["KeyO"] = 79] = "KeyO";
-    Keys[Keys["KeyP"] = 80] = "KeyP";
-    Keys[Keys["KeyQ"] = 81] = "KeyQ";
-    Keys[Keys["KeyR"] = 82] = "KeyR";
-    Keys[Keys["KeyS"] = 83] = "KeyS";
-    Keys[Keys["KeyT"] = 84] = "KeyT";
-    Keys[Keys["KeyU"] = 85] = "KeyU";
-    Keys[Keys["KeyV"] = 86] = "KeyV";
-    Keys[Keys["KeyW"] = 87] = "KeyW";
-    Keys[Keys["KeyX"] = 88] = "KeyX";
-    Keys[Keys["KeyY"] = 89] = "KeyY";
-    Keys[Keys["KeyZ"] = 90] = "KeyZ";
-    Keys[Keys["NumpadDecimal"] = 110] = "NumpadDecimal";
-    Keys[Keys["PageDown"] = 34] = "PageDown";
-    Keys[Keys["PageUp"] = 33] = "PageUp";
-    Keys[Keys["Shift"] = 16] = "Shift";
-    Keys[Keys["Space"] = 32] = "Space";
-    Keys[Keys["Tab"] = 9] = "Tab";
+    Keys["ArrowDown"] = "ArrowDown";
+    Keys["ArrowLeft"] = "ArrowLeft";
+    Keys["ArrowRight"] = "ArrowRight";
+    Keys["ArrowUp"] = "ArrowUp";
+    Keys["Backspace"] = "Backspace";
+    Keys["Delete"] = "Delete";
+    Keys["Digit0"] = "Digit0";
+    Keys["Digit1"] = "Digit1";
+    Keys["Digit2"] = "Digit2";
+    Keys["Digit3"] = "Digit3";
+    Keys["Digit4"] = "Digit4";
+    Keys["Digit5"] = "Digit5";
+    Keys["Digit6"] = "Digit6";
+    Keys["Digit7"] = "Digit7";
+    Keys["Digit8"] = "Digit8";
+    Keys["Digit9"] = "Digit9";
+    Keys["End"] = "End";
+    Keys["Enter"] = "Enter";
+    Keys["Escape"] = "Escape";
+    Keys["F1"] = "F1";
+    Keys["F2"] = "F2";
+    Keys["F10"] = "F10";
+    Keys["Home"] = "Home";
+    Keys["KeyA"] = "KeyA";
+    Keys["KeyB"] = "KeyB";
+    Keys["KeyC"] = "KeyC";
+    Keys["KeyD"] = "KeyD";
+    Keys["KeyE"] = "KeyE";
+    Keys["KeyF"] = "KeyF";
+    Keys["KeyG"] = "KeyG";
+    Keys["KeyH"] = "KeyH";
+    Keys["KeyI"] = "KeyI";
+    Keys["KeyJ"] = "KeyJ";
+    Keys["KeyK"] = "KeyK";
+    Keys["KeyL"] = "KeyL";
+    Keys["KeyM"] = "KeyM";
+    Keys["KeyN"] = "KeyN";
+    Keys["KeyO"] = "KeyO";
+    Keys["KeyP"] = "KeyP";
+    Keys["KeyQ"] = "KeyQ";
+    Keys["KeyR"] = "KeyR";
+    Keys["KeyS"] = "KeyS";
+    Keys["KeyT"] = "KeyT";
+    Keys["KeyU"] = "KeyU";
+    Keys["KeyV"] = "KeyV";
+    Keys["KeyW"] = "KeyW";
+    Keys["KeyX"] = "KeyX";
+    Keys["KeyY"] = "KeyY";
+    Keys["KeyZ"] = "KeyZ";
+    Keys["Numpad1"] = "Numpad1";
+    Keys["Numpad2"] = "Numpad2";
+    Keys["Numpad3"] = "Numpad3";
+    Keys["Numpad4"] = "Numpad4";
+    Keys["Numpad5"] = "Numpad5";
+    Keys["Numpad6"] = "Numpad6";
+    Keys["Numpad7"] = "Numpad7";
+    Keys["Numpad8"] = "Numpad8";
+    Keys["Numpad9"] = "Numpad9";
+    Keys["Numpad0"] = "Numpad0";
+    Keys["NumpadEnter"] = "NumpadEnter";
+    Keys["NumpadDecimal"] = "NumpadDecimal";
+    Keys["PageDown"] = "PageDown";
+    Keys["PageUp"] = "PageUp";
+    Keys["Space"] = "Space";
+    Keys["Tab"] = "Tab";
 })(Keys || (Keys = {}));
 
 /**
@@ -851,6 +879,42 @@ const focusableSelector = [
     '*[contenteditable]:not([tabindex^="-"]):not([disabled]):not([contenteditable="false"])'
 ].join(',');
 
+/**
+ * @hidden
+ *
+ * On some keyboards, PageUp/Down, Home/End, and arrow keys are mapped to Numpad keys
+ */
+const normalizeNumpadKeys = (event) => {
+    if (event.code === Keys.Numpad1 && event.key === Keys.End) {
+        return Keys.End;
+    }
+    if (event.code === Keys.Numpad2 && event.key === Keys.ArrowDown) {
+        return Keys.ArrowDown;
+    }
+    if (event.code === Keys.Numpad3 && event.key === Keys.PageDown) {
+        return Keys.PageDown;
+    }
+    if (event.code === Keys.Numpad4 && event.key === Keys.ArrowLeft) {
+        return Keys.ArrowLeft;
+    }
+    if (event.code === Keys.Numpad6 && event.key === Keys.ArrowRight) {
+        return Keys.ArrowRight;
+    }
+    if (event.code === Keys.Numpad7 && event.key === Keys.Home) {
+        return Keys.Home;
+    }
+    if (event.code === Keys.Numpad8 && event.key === Keys.ArrowUp) {
+        return Keys.ArrowUp;
+    }
+    if (event.code === Keys.Numpad9 && event.key === Keys.PageUp) {
+        return Keys.PageUp;
+    }
+    if (event.code === Keys.NumpadEnter) {
+        return Keys.Enter;
+    }
+    return event.code;
+};
+
 /**
  * @hidden
  */
@@ -912,6 +976,7 @@ let bannerPresentOnPage = false;
  */
 class WatermarkOverlayComponent {
     watermarkStyle = watermarkStyles;
+    licenseMessage;
     banner;
     isOpen = true;
     bannerMounted = false;
@@ -941,7 +1006,7 @@ class WatermarkOverlayComponent {
         return isDocumentAvailable() && this.banner && this.banner.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WatermarkOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: WatermarkOverlayComponent, isStandalone: true, selector: "div[kendoWatermarkOverlay]", host: { properties: { "style": "this.watermarkStyle" } }, viewQueries: [{ propertyName: "banner", first: true, predicate: ["banner"], descendants: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: WatermarkOverlayComponent, isStandalone: true, selector: "div[kendoWatermarkOverlay]", inputs: { licenseMessage: "licenseMessage" }, host: { properties: { "style": "this.watermarkStyle" } }, viewQueries: [{ propertyName: "banner", first: true, predicate: ["banner"], descendants: true }], ngImport: i0, template: `
         <div #banner *ngIf="isOpen && bannerMounted" [ngStyle]="bannerStyles">
             <span [ngStyle]="{ display: 'flex', alignSelf: 'center', marginRight: '8px' }">
                 <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
@@ -949,7 +1014,8 @@ class WatermarkOverlayComponent {
                 </svg>
             </span>
 
-            <span>
+            <span *ngIf="licenseMessage" [innerHtml]="licenseMessage"></span>
+            <span *ngIf="!licenseMessage">
                 We couldn't verify your <a [href]="licenseKeyUrl">license key</a> for Kendo UI for Angular. Please see the browser
                 console for details and resolution steps.
             </span>
@@ -976,7 +1042,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 </svg>
             </span>
 
-            <span>
+            <span *ngIf="licenseMessage" [innerHtml]="licenseMessage"></span>
+            <span *ngIf="!licenseMessage">
                 We couldn't verify your <a [href]="licenseKeyUrl">license key</a> for Kendo UI for Angular. Please see the browser
                 console for details and resolution steps.
             </span>
@@ -996,6 +1063,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], propDecorators: { watermarkStyle: [{
                 type: HostBinding,
                 args: ['style']
+            }], licenseMessage: [{
+                type: Input
             }], banner: [{
                 type: ViewChild,
                 args: ['banner']
@@ -1009,6 +1078,15 @@ function shouldShowValidationUI(isPackageValid) {
     const skip = allowed.some((hostname) => globalThis.document?.location.hostname.endsWith(hostname));
     return !skip && !isPackageValid;
 }
+/**
+ * @hidden
+ *
+ * Returns the notification message to display, if any.
+ */
+function getLicenseMessage(meta) {
+    const message = getLicenseStatus(meta).message;
+    return message?.notificationMessage;
+}
 
 /**
  * Specifies the adornments in the prefix container of the [Inputs](slug:adornments_textbox#toc-prefix-adornments) and [DropDowns](slug:adornments_multiselect#toc-prefix-adornments).
@@ -1374,12 +1452,14 @@ class ToggleButtonTabStopDirective {
         this.renderer.removeStyle(this.button, 'box-shadow');
     };
     onClick = (e) => {
-        const splitButtonToggleEnter = e instanceof KeyboardEvent && e.keyCode === Keys.Enter;
+        const code = normalizeNumpadKeys(e);
+        const splitButtonToggleEnter = e instanceof KeyboardEvent && code === Keys.Enter;
         const isClick = e instanceof PointerEvent;
         (splitButtonToggleEnter || isClick) && (this.focusButton = true);
     };
     onKeyDown = (e) => {
-        if (e.keyCode === Keys.ArrowDown && e.altKey) {
+        const code = normalizeNumpadKeys(e);
+        if (code === Keys.ArrowDown && e.altKey) {
             e.stopImmediatePropagation();
             this.focusButton = true;
             this.button.click();
@@ -1546,9 +1626,14 @@ const KENDO_TEMPLATE_CONTEXT = [
     TemplateContextDirective
 ];
 
+/**
+ * @hidden
+ */
+const replaceMessagePlaceholder = (message, name, value) => (message ?? '').replace(new RegExp(`{\\s*${name}\\s*}`, 'g'), value);
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { DraggableDirective, EventsOutsideAngularDirective, KENDO_ADORNMENTS, KENDO_COMMON, KENDO_DRAGGABLE, KENDO_EVENTS, KENDO_RESIZESENSOR, KENDO_TEMPLATE_CONTEXT, KENDO_TOGGLEBUTTONTABSTOP, KENDO_WATERMARK, KendoInput, Keys, MultiTabStop, PrefixTemplateDirective, PreventableEvent, ResizeBatchService, ResizeCompatService, ResizeObserverService, ResizeSensorComponent, ScrollbarWidthService, SeparatorComponent, SuffixTemplateDirective, TemplateContextDirective, ToggleButtonTabStopDirective, WatermarkOverlayComponent, anyChanged, applyAttributes, areObjectsEqual, closest, closestBySelector, closestInScope, contains, findElement, findFocusable, findFocusableChild, focusableSelector, guid, hasClasses, hasObservers, isChanged, isControlRequired, isDocumentAvailable, isFirefox, isFocusable, isFocusableWithTabKey, isObject, isObjectPresent, isPresent, isSafari, isString, isVisible, matchesClasses, matchesNodeName, parseAttributes, parseCSSClassNames, removeHTMLAttributes, rtlScrollPosition, scrollbarWidth, setHTMLAttributes, shouldShowValidationUI, splitStringToArray };
+export { DraggableDirective, EventsOutsideAngularDirective, KENDO_ADORNMENTS, KENDO_COMMON, KENDO_DRAGGABLE, KENDO_EVENTS, KENDO_RESIZESENSOR, KENDO_TEMPLATE_CONTEXT, KENDO_TOGGLEBUTTONTABSTOP, KENDO_WATERMARK, KendoInput, Keys, MultiTabStop, PrefixTemplateDirective, PreventableEvent, ResizeBatchService, ResizeCompatService, ResizeObserverService, ResizeSensorComponent, ScrollbarWidthService, SeparatorComponent, SuffixTemplateDirective, TemplateContextDirective, ToggleButtonTabStopDirective, WatermarkOverlayComponent, anyChanged, applyAttributes, areObjectsEqual, closest, closestBySelector, closestInScope, contains, findElement, findFocusable, findFocusableChild, focusableSelector, getLicenseMessage, guid, hasClasses, hasObservers, isChanged, isControlRequired, isDocumentAvailable, isFirefox, isFocusable, isFocusableWithTabKey, isObject, isObjectPresent, isPresent, isSafari, isString, isVisible, matchesClasses, matchesNodeName, normalizeNumpadKeys, parseAttributes, parseCSSClassNames, processCssValue, removeHTMLAttributes, replaceMessagePlaceholder, rtlScrollPosition, scrollbarWidth, setHTMLAttributes, shouldShowValidationUI, splitStringToArray };
 

package/index.d.ts

@@ -11,6 +11,7 @@ export * from './utils';
 export * from './enums';
 export * from './utils/focusable-selectors';
 export * from './utils/ng-class-parser';
+export * from './utils/numpad-keys-normalizer';
 export * from './watermark';
 export * from './adornments';
 export { PreventableEvent } from './preventable-event';
@@ -18,3 +19,4 @@ export { ScrollbarWidthService, scrollbarWidth } from './utils/scrollbar-width.s
 export * from './toggle-button-tab-stop';
 export * from './directives';
 export * from './template-context';
+export * from './localization/replace-message-placeholder';

package/localization/replace-message-placeholder.d.ts

@@ -0,0 +1,8 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ */
+export declare const replaceMessagePlaceholder: (message: string, name: string, value: string) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-common",
-  "version": "19.3.0-develop.4",
+  "version": "19.3.0-develop.40",
   "description": "Kendo UI for Angular - Utility Package",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -23,7 +23,7 @@
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-draggable": "^3.0.2",
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "19.3.0-develop.4"
+    "@progress/kendo-angular-schematics": "19.3.0-develop.40"
   },
   "publishConfig": {
     "access": "public"

package/utils/numpad-keys-normalizer.d.ts

@@ -0,0 +1,10 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ *
+ * On some keyboards, PageUp/Down, Home/End, and arrow keys are mapped to Numpad keys
+ */
+export declare const normalizeNumpadKeys: (event: KeyboardEvent) => string;

package/utils/process-css-value.d.ts

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export declare const processCssValue: (value: number | string) => string | null;

package/utils.d.ts

@@ -11,3 +11,4 @@ export { isSafari, isFirefox } from './utils/detect-browser';
 export * from './utils/html-attributes';
 export { isControlRequired } from './utils/forms-utils';
 export { areObjectsEqual } from './utils/objects-equal';
+export { processCssValue } from './utils/process-css-value';

package/watermark/index.d.ts

@@ -3,4 +3,4 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 export { WatermarkOverlayComponent } from './watermark.component';
-export { shouldShowValidationUI } from './validation';
+export { shouldShowValidationUI, getLicenseMessage } from './validation';

package/watermark/validation.d.ts

@@ -2,7 +2,14 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+import { PackageMetadata } from "@progress/kendo-licensing";
 /**
  * @hidden
  */
 export declare function shouldShowValidationUI(isPackageValid: boolean): boolean;
+/**
+ * @hidden
+ *
+ * Returns the notification message to display, if any.
+ */
+export declare function getLicenseMessage(meta: PackageMetadata): string | undefined;

package/watermark/watermark.component.d.ts

@@ -9,6 +9,7 @@ import * as i0 from "@angular/core";
  */
 export declare class WatermarkOverlayComponent implements OnInit, AfterViewInit, OnDestroy {
     watermarkStyle: string;
+    licenseMessage?: string;
     banner: ElementRef;
     isOpen: boolean;
     bannerMounted: boolean;
@@ -47,5 +48,5 @@ export declare class WatermarkOverlayComponent implements OnInit, AfterViewInit,
     closeBanner(): void;
     get isBannerRendered(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<WatermarkOverlayComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WatermarkOverlayComponent, "div[kendoWatermarkOverlay]", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WatermarkOverlayComponent, "div[kendoWatermarkOverlay]", never, { "licenseMessage": { "alias": "licenseMessage"; "required": false; }; }, {}, never, never, true, never>;
 }