@progress/kendo-angular-inputs 19.3.0-develop.32 → 19.3.0-develop.33

package/colorpicker/color-palette.component.d.ts

@@ -175,7 +175,7 @@ export declare class ColorPaletteComponent implements OnInit, AfterViewInit, OnD
     /**
      * @hidden
      */
-    handleKeydown(event: any): void;
+    handleKeydown(event: KeyboardEvent): void;
     /**
      * @hidden
      */

package/colorpicker/colorpicker.component.d.ts

@@ -383,7 +383,7 @@ export declare class ColorPickerComponent implements OnInit, AfterViewInit, OnCh
     /**
      * @hidden
      */
-    handleWrapperKeyDown(event: any): void;
+    handleWrapperKeyDown(event: KeyboardEvent): void;
     /**
      * @hidden
      */

package/esm2022/colorpicker/color-palette.component.mjs

@@ -5,7 +5,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { Component, Input, EventEmitter, Output, HostBinding, forwardRef, ChangeDetectorRef, Renderer2, ElementRef, NgZone } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { Keys, KendoInput, guid } from '@progress/kendo-angular-common';
+import { Keys, KendoInput, guid, normalizeNumpadKeys } from '@progress/kendo-angular-common';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
 import { Subscription } from 'rxjs';
@@ -282,8 +282,9 @@ export class ColorPaletteComponent {
      * @hidden
      */
     handleKeydown(event) {
+        const code = normalizeNumpadKeys(event);
         const isRTL = this.direction === 'rtl';
-        switch (event.keyCode) {
+        switch (code) {
             case Keys.ArrowDown:
                 this.handleCellNavigation(0, 1);
                 break;

package/esm2022/colorpicker/colorpicker.component.mjs

@@ -12,7 +12,7 @@ import { PopupService } from '@progress/kendo-angular-popup';
 import { ButtonComponent } from '@progress/kendo-angular-buttons';
 import { AdaptiveService } from '@progress/kendo-angular-utils';
 import { validatePackage } from '@progress/kendo-licensing';
-import { Keys, KendoInput, isChanged, closest, guid, ResizeSensorComponent, isDocumentAvailable } from '@progress/kendo-angular-common';
+import { Keys, KendoInput, isChanged, closest, guid, ResizeSensorComponent, isDocumentAvailable, normalizeNumpadKeys } from '@progress/kendo-angular-common';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { packageMetadata } from '../package-metadata';
 import { PALETTEPRESETS } from './models';
@@ -665,7 +665,8 @@ export class ColorPickerComponent {
      * @hidden
      */
     handleWrapperKeyDown(event) {
-        if (event.keyCode === Keys.ArrowDown || event.keyCode === Keys.Enter) {
+        const code = normalizeNumpadKeys(event);
+        if (code === Keys.ArrowDown || code === Keys.Enter) {
             event.preventDefault();
             this.ngZone.run(() => {
                 this.toggleWithEvents(true);
@@ -701,11 +702,11 @@ export class ColorPickerComponent {
      * @hidden
      */
     handlePopupKeyDown(event) {
-        if (event.keyCode === Keys.Escape) {
+        if (event.code === Keys.Escape) {
             this.toggleWithEvents(false);
             this.host.nativeElement.focus();
         }
-        if (event.keyCode === Keys.Tab) {
+        if (event.code === Keys.Tab) {
             const currentElement = event.shiftKey ? this.firstFocusableElement.nativeElement : this.lastFocusableElement.nativeElement;
             const nextElement = event.shiftKey ? this.lastFocusableElement.nativeElement : this.firstFocusableElement.nativeElement;
             if (event.target === currentElement) {

package/esm2022/numerictextbox/numerictextbox.component.mjs

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { Component, ElementRef, EventEmitter, HostBinding, Input, Output, Renderer2, ViewChild, forwardRef, isDevMode, NgZone, ChangeDetectorRef, Injector, ContentChild } from '@angular/core';
-import { anyChanged, hasObservers, Keys, guid, KendoInput, SuffixTemplateDirective, PrefixTemplateDirective, setHTMLAttributes, isControlRequired, isObjectPresent, removeHTMLAttributes, parseAttributes, EventsOutsideAngularDirective } from '@progress/kendo-angular-common';
+import { anyChanged, hasObservers, Keys, guid, KendoInput, SuffixTemplateDirective, PrefixTemplateDirective, setHTMLAttributes, isControlRequired, isObjectPresent, removeHTMLAttributes, parseAttributes, EventsOutsideAngularDirective, normalizeNumpadKeys } from '@progress/kendo-angular-common';
 import { areSame, getStylingClasses, requiresZoneOnBlur } from '../common/utils';
 import { invokeElementMethod } from '../common/dom-utils';
 import { add, toFixedPrecision, limitPrecision } from '../common/math';
@@ -616,10 +616,11 @@ export class NumericTextBoxComponent {
             return;
         }
         let step;
-        if (e.keyCode === Keys.ArrowDown) {
+        const code = normalizeNumpadKeys(e);
+        if (code === Keys.ArrowDown) {
             step = -1;
         }
-        else if (e.keyCode === Keys.ArrowUp) {
+        else if (code === Keys.ArrowUp) {
             step = 1;
         }
         if (step && this.step) {
@@ -631,7 +632,7 @@ export class NumericTextBoxComponent {
             end: input.selectionEnd,
             start: input.selectionStart
         };
-        this.pressedKey = e.keyCode;
+        this.pressedKey = code;
     };
     /**
      * @hidden

package/esm2022/otpinput/otpinput.component.mjs

@@ -5,7 +5,7 @@
 import { ChangeDetectorRef, Component, ElementRef, EventEmitter, HostBinding, Injector, Input, NgZone, Output, QueryList, Renderer2, ViewChildren, forwardRef } from "@angular/core";
 import { SharedInputEventsDirective } from "../shared/shared-events.directive";
 import { NgFor, NgIf } from "@angular/common";
-import { KendoInput, Keys, hasObservers, isPresent, replaceMessagePlaceholder } from "@progress/kendo-angular-common";
+import { KendoInput, Keys, hasObservers, isPresent, normalizeNumpadKeys, replaceMessagePlaceholder } from "@progress/kendo-angular-common";
 import { TextBoxComponent } from "../textbox/textbox.component";
 import { NG_VALUE_ACCESSOR, NgControl } from "@angular/forms";
 import { SIZE_MAP, areSame } from "../common/utils";
@@ -574,14 +574,15 @@ export class OTPInputComponent {
         this.inputFields.get(this.focusedInput).focus();
     }
     handleKeydown(event) {
+        const code = normalizeNumpadKeys(event);
         if (this.readonly) {
-            const isCopyCommand = (event.ctrlKey || event.metaKey) && event.keyCode === Keys.KeyC;
-            if (!(event.keyCode === Keys.Tab || isCopyCommand)) {
+            const isCopyCommand = (event.ctrlKey || event.metaKey) && code === Keys.KeyC;
+            if (!(code === Keys.Tab || isCopyCommand)) {
                 event.preventDefault();
                 return;
             }
         }
-        switch (event.keyCode) {
+        switch (code) {
             case Keys.ArrowRight:
                 event.preventDefault();
                 this.direction === 'ltr' ? this.focusNext() : this.focusPrevious();

package/esm2022/package-metadata.mjs

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

package/esm2022/rangeslider/rangeslider.component.mjs

@@ -10,7 +10,7 @@ import { RangeSliderModel } from './rangeslider-model';
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
 import { eventValue, isStartHandle } from '../sliders-common/sliders-util';
 import { invokeElementMethod } from '../common/dom-utils';
-import { guid, isDocumentAvailable, Keys, KendoInput, anyChanged, hasObservers, EventsOutsideAngularDirective, DraggableDirective, ResizeSensorComponent } from '@progress/kendo-angular-common';
+import { guid, isDocumentAvailable, Keys, KendoInput, anyChanged, hasObservers, EventsOutsideAngularDirective, DraggableDirective, ResizeSensorComponent, normalizeNumpadKeys } from '@progress/kendo-angular-common';
 import { requiresZoneOnBlur } from '../common/utils';
 import { SliderBase } from '../sliders-common/slider-base';
 import { SliderTicksComponent } from '../sliders-common/slider-ticks.component';
@@ -230,7 +230,9 @@ export class RangeSliderComponent extends SliderBase {
         this.value = this.value || [this.min, this.min];
         const options = this.getProps();
         const { max, min } = options;
-        const handler = this.keyBinding[e.keyCode];
+        // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
+        const code = normalizeNumpadKeys(e);
+        const handler = this.keyBinding[code];
         if (this.isDisabled || !handler) {
             return;
         }
@@ -422,7 +424,7 @@ export class RangeSliderComponent extends SliderBase {
                 cursorInsideWrapper = false;
             }));
             this.subscriptions.add(this.renderer.listen(hostElement, 'keydown', (args) => {
-                if (args.keyCode === Keys.Tab) {
+                if (args.code === Keys.Tab) {
                     tabbing = true;
                 }
                 else {

package/esm2022/rating/rating.component.mjs

@@ -5,7 +5,7 @@
 import { ChangeDetectorRef, Component, ContentChild, ElementRef, EventEmitter, forwardRef, HostBinding, Input, NgZone, Output, Renderer2 } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
-import { isDocumentAvailable, KendoInput, Keys } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, KendoInput, Keys, normalizeNumpadKeys } from '@progress/kendo-angular-common';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
 import { starIcon, starOutlineIcon } from '@progress/kendo-svg-icons';
@@ -335,33 +335,38 @@ export class RatingComponent {
                 this.cdr.markForCheck();
             }
         };
-        if (event.keyCode === Keys.ArrowDown) {
-            decreaseValue();
-        }
-        if (event.keyCode === Keys.ArrowLeft) {
-            if (this.direction === 'ltr') {
+        const code = normalizeNumpadKeys(event);
+        switch (code) {
+            case Keys.ArrowDown:
                 decreaseValue();
-            }
-            else {
-                increaseValue();
-            }
-        }
-        if (event.keyCode === Keys.ArrowUp) {
-            increaseValue();
-        }
-        if (event.keyCode === Keys.ArrowRight) {
-            if (this.direction === 'ltr') {
+                break;
+            case Keys.ArrowLeft:
+                if (this.direction === 'ltr') {
+                    decreaseValue();
+                }
+                else {
+                    increaseValue();
+                }
+                break;
+            case Keys.ArrowUp:
                 increaseValue();
-            }
-            else {
-                decreaseValue();
-            }
-        }
-        if (event.keyCode === Keys.Home) {
-            setMinValue();
-        }
-        if (event.keyCode === Keys.End) {
-            setMaxValue();
+                break;
+            case Keys.ArrowRight:
+                if (this.direction === 'ltr') {
+                    increaseValue();
+                }
+                else {
+                    decreaseValue();
+                }
+                break;
+            case Keys.Home:
+                setMinValue();
+                break;
+            case Keys.End:
+                setMaxValue();
+                break;
+            default:
+                break;
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RatingComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });

package/esm2022/shared/shared-events.directive.mjs

@@ -66,7 +66,7 @@ export class SharedInputEventsDirective {
                 cursorInsideWrapper = false;
             }));
             this.subscriptions.add(this.renderer.listen(hostElement, 'keydown', (args) => {
-                if (args.keyCode === Keys.Tab) {
+                if (args.code === Keys.Tab) {
                     tabbing = true;
                 }
                 else {

package/esm2022/signature/signature.component.mjs

@@ -466,7 +466,7 @@ export class SignatureComponent {
      * @hidden
      */
     onDialogKeydown(e) {
-        if (e.keyCode === Keys.Escape) {
+        if (e.code === Keys.Escape) {
             this.isOpen = false;
             this.cd.detectChanges();
             this.maximizeButton?.nativeElement.focus();

package/esm2022/slider/slider.component.mjs

@@ -13,7 +13,7 @@ import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
 import { areSame, isPresent, requiresZoneOnBlur } from '../common/utils';
 import { eventValue, decreaseValueToStep, increaseValueToStep } from '../sliders-common/sliders-util';
 import { invokeElementMethod } from '../common/dom-utils';
-import { guid, isDocumentAvailable, hasObservers, KendoInput, anyChanged, Keys, EventsOutsideAngularDirective, DraggableDirective, ResizeSensorComponent } from '@progress/kendo-angular-common';
+import { guid, isDocumentAvailable, hasObservers, KendoInput, anyChanged, Keys, EventsOutsideAngularDirective, DraggableDirective, ResizeSensorComponent, normalizeNumpadKeys } from '@progress/kendo-angular-common';
 import { SliderBase } from '../sliders-common/slider-base';
 import { caretAltDownIcon, caretAltLeftIcon, caretAltRightIcon, caretAltUpIcon } from '@progress/kendo-svg-icons';
 import { SliderTicksComponent } from '../sliders-common/slider-ticks.component';
@@ -219,7 +219,9 @@ export class SliderComponent extends SliderBase {
     onKeyDown = (e) => {
         const options = this.getProps();
         const { max, min } = options;
-        const handler = this.keyBinding[e.keyCode];
+        // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
+        const code = normalizeNumpadKeys(e);
+        const handler = this.keyBinding[code];
         if (this.isDisabled || !handler) {
             return;
         }
@@ -404,7 +406,7 @@ export class SliderComponent extends SliderBase {
                 cursorInsideWrapper = false;
             }));
             this.subscriptions.add(this.renderer.listen(hostElement, 'keydown', (args) => {
-                if (args.keyCode === Keys.Tab) {
+                if (args.code === Keys.Tab) {
                     tabbing = true;
                 }
                 else {

package/esm2022/switch/switch.component.mjs

@@ -336,8 +336,8 @@ export class SwitchComponent {
      * @hidden
      */
     keyDownHandler(e) {
-        const keyCode = e.keyCode;
-        if (this.isEnabled && (keyCode === Keys.Space || keyCode === Keys.Enter)) {
+        const keyCode = e.code;
+        if (this.isEnabled && (keyCode === Keys.Space || keyCode === Keys.Enter || keyCode === Keys.NumpadEnter)) {
             this.changeValue(!this.checked);
             e.preventDefault();
         }

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

@@ -10,7 +10,7 @@ import { take, tap, filter, concatMap, startWith, takeUntil, skip, debounceTime,
 import * as i1 from '@progress/kendo-angular-l10n';
 import { ComponentMessages, LocalizationService, L10N_PREFIX, RTL } from '@progress/kendo-angular-l10n';
 import * as i7 from '@progress/kendo-angular-common';
-import { Keys, guid, anyChanged, isDocumentAvailable, hasObservers, KendoInput, EventsOutsideAngularDirective, DraggableDirective, ResizeSensorComponent, isObjectPresent, removeHTMLAttributes, parseAttributes, isControlRequired, setHTMLAttributes, SuffixTemplateDirective, PrefixTemplateDirective, isChanged, isPresent as isPresent$1, isSafari, PreventableEvent, findFocusableChild, parseCSSClassNames, closest as closest$1, processCssValue, replaceMessagePlaceholder, getLicenseMessage, shouldShowValidationUI, WatermarkOverlayComponent, SeparatorComponent, ResizeBatchService, KENDO_ADORNMENTS } from '@progress/kendo-angular-common';
+import { Keys, guid, anyChanged, isDocumentAvailable, normalizeNumpadKeys, hasObservers, KendoInput, EventsOutsideAngularDirective, DraggableDirective, ResizeSensorComponent, isObjectPresent, removeHTMLAttributes, parseAttributes, isControlRequired, setHTMLAttributes, SuffixTemplateDirective, PrefixTemplateDirective, isChanged, isPresent as isPresent$1, isSafari, PreventableEvent, findFocusableChild, parseCSSClassNames, closest as closest$1, processCssValue, replaceMessagePlaceholder, getLicenseMessage, shouldShowValidationUI, WatermarkOverlayComponent, SeparatorComponent, ResizeBatchService, KENDO_ADORNMENTS } from '@progress/kendo-angular-common';
 export { PrefixTemplateDirective, SeparatorComponent, SuffixTemplateDirective } from '@progress/kendo-angular-common';
 import { validatePackage } from '@progress/kendo-licensing';
 import { caretAltUpIcon, caretAltDownIcon, caretAltLeftIcon, caretAltRightIcon, checkIcon, exclamationCircleIcon, xIcon, caretAltExpandIcon, xCircleIcon, dropletSlashIcon, dropletSliderIcon, paletteIcon, starIcon, starOutlineIcon, hyperlinkOpenIcon } from '@progress/kendo-svg-icons';
@@ -550,8 +550,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1754579414,
-    version: '19.3.0-develop.32',
+    publishDate: 1754589684,
+    version: '19.3.0-develop.33',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -1263,7 +1263,9 @@ class SliderComponent extends SliderBase {
     onKeyDown = (e) => {
         const options = this.getProps();
         const { max, min } = options;
-        const handler = this.keyBinding[e.keyCode];
+        // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
+        const code = normalizeNumpadKeys(e);
+        const handler = this.keyBinding[code];
         if (this.isDisabled || !handler) {
             return;
         }
@@ -1448,7 +1450,7 @@ class SliderComponent extends SliderBase {
                 cursorInsideWrapper = false;
             }));
             this.subscriptions.add(this.renderer.listen(hostElement, 'keydown', (args) => {
-                if (args.keyCode === Keys.Tab) {
+                if (args.code === Keys.Tab) {
                     tabbing = true;
                 }
                 else {
@@ -2026,7 +2028,9 @@ class RangeSliderComponent extends SliderBase {
         this.value = this.value || [this.min, this.min];
         const options = this.getProps();
         const { max, min } = options;
-        const handler = this.keyBinding[e.keyCode];
+        // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
+        const code = normalizeNumpadKeys(e);
+        const handler = this.keyBinding[code];
         if (this.isDisabled || !handler) {
             return;
         }
@@ -2218,7 +2222,7 @@ class RangeSliderComponent extends SliderBase {
                 cursorInsideWrapper = false;
             }));
             this.subscriptions.add(this.renderer.listen(hostElement, 'keydown', (args) => {
-                if (args.keyCode === Keys.Tab) {
+                if (args.code === Keys.Tab) {
                     tabbing = true;
                 }
                 else {
@@ -2797,8 +2801,8 @@ class SwitchComponent {
      * @hidden
      */
     keyDownHandler(e) {
-        const keyCode = e.keyCode;
-        if (this.isEnabled && (keyCode === Keys.Space || keyCode === Keys.Enter)) {
+        const keyCode = e.code;
+        if (this.isEnabled && (keyCode === Keys.Space || keyCode === Keys.Enter || keyCode === Keys.NumpadEnter)) {
             this.changeValue(!this.checked);
             e.preventDefault();
         }
@@ -3693,7 +3697,7 @@ class SharedInputEventsDirective {
                 cursorInsideWrapper = false;
             }));
             this.subscriptions.add(this.renderer.listen(hostElement, 'keydown', (args) => {
-                if (args.keyCode === Keys.Tab) {
+                if (args.code === Keys.Tab) {
                     tabbing = true;
                 }
                 else {
@@ -4375,10 +4379,11 @@ class NumericTextBoxComponent {
             return;
         }
         let step;
-        if (e.keyCode === Keys.ArrowDown) {
+        const code = normalizeNumpadKeys(e);
+        if (code === Keys.ArrowDown) {
             step = -1;
         }
-        else if (e.keyCode === Keys.ArrowUp) {
+        else if (code === Keys.ArrowUp) {
             step = 1;
         }
         if (step && this.step) {
@@ -4390,7 +4395,7 @@ class NumericTextBoxComponent {
             end: input.selectionEnd,
             start: input.selectionStart
         };
-        this.pressedKey = e.keyCode;
+        this.pressedKey = code;
     };
     /**
      * @hidden
@@ -10854,8 +10859,9 @@ class ColorPaletteComponent {
      * @hidden
      */
     handleKeydown(event) {
+        const code = normalizeNumpadKeys(event);
         const isRTL = this.direction === 'rtl';
-        switch (event.keyCode) {
+        switch (code) {
             case Keys.ArrowDown:
                 this.handleCellNavigation(0, 1);
                 break;
@@ -13403,7 +13409,8 @@ class ColorPickerComponent {
      * @hidden
      */
     handleWrapperKeyDown(event) {
-        if (event.keyCode === Keys.ArrowDown || event.keyCode === Keys.Enter) {
+        const code = normalizeNumpadKeys(event);
+        if (code === Keys.ArrowDown || code === Keys.Enter) {
             event.preventDefault();
             this.ngZone.run(() => {
                 this.toggleWithEvents(true);
@@ -13439,11 +13446,11 @@ class ColorPickerComponent {
      * @hidden
      */
     handlePopupKeyDown(event) {
-        if (event.keyCode === Keys.Escape) {
+        if (event.code === Keys.Escape) {
             this.toggleWithEvents(false);
             this.host.nativeElement.focus();
         }
-        if (event.keyCode === Keys.Tab) {
+        if (event.code === Keys.Tab) {
             const currentElement = event.shiftKey ? this.firstFocusableElement.nativeElement : this.lastFocusableElement.nativeElement;
             const nextElement = event.shiftKey ? this.lastFocusableElement.nativeElement : this.firstFocusableElement.nativeElement;
             if (event.target === currentElement) {
@@ -15398,33 +15405,38 @@ class RatingComponent {
                 this.cdr.markForCheck();
             }
         };
-        if (event.keyCode === Keys.ArrowDown) {
-            decreaseValue();
-        }
-        if (event.keyCode === Keys.ArrowLeft) {
-            if (this.direction === 'ltr') {
+        const code = normalizeNumpadKeys(event);
+        switch (code) {
+            case Keys.ArrowDown:
                 decreaseValue();
-            }
-            else {
-                increaseValue();
-            }
-        }
-        if (event.keyCode === Keys.ArrowUp) {
-            increaseValue();
-        }
-        if (event.keyCode === Keys.ArrowRight) {
-            if (this.direction === 'ltr') {
+                break;
+            case Keys.ArrowLeft:
+                if (this.direction === 'ltr') {
+                    decreaseValue();
+                }
+                else {
+                    increaseValue();
+                }
+                break;
+            case Keys.ArrowUp:
                 increaseValue();
-            }
-            else {
-                decreaseValue();
-            }
-        }
-        if (event.keyCode === Keys.Home) {
-            setMinValue();
-        }
-        if (event.keyCode === Keys.End) {
-            setMaxValue();
+                break;
+            case Keys.ArrowRight:
+                if (this.direction === 'ltr') {
+                    increaseValue();
+                }
+                else {
+                    decreaseValue();
+                }
+                break;
+            case Keys.Home:
+                setMinValue();
+                break;
+            case Keys.End:
+                setMaxValue();
+                break;
+            default:
+                break;
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RatingComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -16373,7 +16385,7 @@ class SignatureComponent {
      * @hidden
      */
     onDialogKeydown(e) {
-        if (e.keyCode === Keys.Escape) {
+        if (e.code === Keys.Escape) {
             this.isOpen = false;
             this.cd.detectChanges();
             this.maximizeButton?.nativeElement.focus();
@@ -18642,14 +18654,15 @@ class OTPInputComponent {
         this.inputFields.get(this.focusedInput).focus();
     }
     handleKeydown(event) {
+        const code = normalizeNumpadKeys(event);
         if (this.readonly) {
-            const isCopyCommand = (event.ctrlKey || event.metaKey) && event.keyCode === Keys.KeyC;
-            if (!(event.keyCode === Keys.Tab || isCopyCommand)) {
+            const isCopyCommand = (event.ctrlKey || event.metaKey) && code === Keys.KeyC;
+            if (!(code === Keys.Tab || isCopyCommand)) {
                 event.preventDefault();
                 return;
             }
         }
-        switch (event.keyCode) {
+        switch (code) {
             case Keys.ArrowRight:
                 event.preventDefault();
                 this.direction === 'ltr' ? this.focusNext() : this.focusPrevious();

package/numerictextbox/numerictextbox.component.d.ts

@@ -336,7 +336,7 @@ export declare class NumericTextBoxComponent implements ControlValueAccessor, On
     /**
      * @hidden
      */
-    handleKeyDown: (e: any) => void;
+    handleKeyDown: (e: KeyboardEvent) => void;
     /**
      * @hidden
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-inputs",
-  "version": "19.3.0-develop.32",
+  "version": "19.3.0-develop.33",
   "description": "Kendo UI for Angular Inputs Package - Everything you need to build professional form functionality (Checkbox, ColorGradient, ColorPalette, ColorPicker, FlatColorPicker, FormField, MaskedTextBox, NumericTextBox, RadioButton, RangeSlider, Slider, Switch, TextArea, and TextBox Components)",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -28,7 +28,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1754579414,
+      "publishDate": 1754589684,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -40,20 +40,20 @@
     "@angular/platform-browser": "16 - 20",
     "@progress/kendo-drawing": "^1.21.0",
     "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-angular-buttons": "19.3.0-develop.32",
-    "@progress/kendo-angular-common": "19.3.0-develop.32",
-    "@progress/kendo-angular-utils": "19.3.0-develop.32",
-    "@progress/kendo-angular-navigation": "19.3.0-develop.32",
-    "@progress/kendo-angular-dialog": "19.3.0-develop.32",
-    "@progress/kendo-angular-intl": "19.3.0-develop.32",
-    "@progress/kendo-angular-l10n": "19.3.0-develop.32",
-    "@progress/kendo-angular-popup": "19.3.0-develop.32",
-    "@progress/kendo-angular-icons": "19.3.0-develop.32",
+    "@progress/kendo-angular-buttons": "19.3.0-develop.33",
+    "@progress/kendo-angular-common": "19.3.0-develop.33",
+    "@progress/kendo-angular-utils": "19.3.0-develop.33",
+    "@progress/kendo-angular-navigation": "19.3.0-develop.33",
+    "@progress/kendo-angular-dialog": "19.3.0-develop.33",
+    "@progress/kendo-angular-intl": "19.3.0-develop.33",
+    "@progress/kendo-angular-l10n": "19.3.0-develop.33",
+    "@progress/kendo-angular-popup": "19.3.0-develop.33",
+    "@progress/kendo-angular-icons": "19.3.0-develop.33",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "19.3.0-develop.32",
+    "@progress/kendo-angular-schematics": "19.3.0-develop.33",
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-draggable": "^3.0.0",
     "@progress/kendo-inputs-common": "^3.1.0"

package/rangeslider/rangeslider.component.d.ts

@@ -88,7 +88,7 @@ export declare class RangeSliderComponent extends SliderBase implements AfterVie
     /**
      * @hidden
      */
-    onKeyDown: (e: any) => void;
+    onKeyDown: (e: KeyboardEvent) => void;
     /**
      * @hidden
      */

package/slider/slider.component.d.ts

@@ -129,7 +129,7 @@ export declare class SliderComponent extends SliderBase implements AfterViewInit
     /**
      * @hidden
      */
-    onKeyDown: (e: any) => void;
+    onKeyDown: (e: KeyboardEvent) => void;
     /**
      * @hidden
      */