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

package/buttongroup/buttongroup.component.d.ts

@@ -84,7 +84,7 @@ export declare class ButtonGroupComponent implements OnInit, OnDestroy, AfterCon
     ngAfterViewChecked(): void;
     ngOnDestroy(): void;
     ngAfterContentChecked(): void;
-    protected navigateFocus(event: any): void;
+    protected navigateFocus(event: KeyboardEvent): void;
     protected deactivate(buttons: Array<ButtonComponent>): void;
     protected activate(buttons: Array<ButtonComponent>): void;
     protected defocus(buttons: Array<ButtonComponent>): void;

package/esm2022/buttongroup/buttongroup.component.mjs

@@ -5,7 +5,7 @@
 import { ButtonComponent } from '../button/button.component';
 import { Component, EventEmitter, Output, Input, ContentChildren, QueryList, HostBinding, isDevMode, ElementRef, Renderer2 } from '@angular/core';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import { isChanged, Keys } from '@progress/kendo-angular-common';
+import { isChanged, Keys, normalizeNumpadKeys } from '@progress/kendo-angular-common';
 import { KendoButtonService } from '../button/button.service';
 import { fromEvent, Subscription } from 'rxjs';
 import { filter } from 'rxjs/operators';
@@ -193,7 +193,8 @@ export class ButtonGroupComponent {
         const firstIndex = 0;
         const lastIndex = navigationButtons.length - 1;
         const eventArgs = new PreventableEvent();
-        if (event.keyCode === Keys.ArrowRight && focusedIndex < lastIndex) {
+        const code = normalizeNumpadKeys(event);
+        if (code === Keys.ArrowRight && focusedIndex < lastIndex) {
             this.navigate.emit(eventArgs);
             if (!eventArgs.isDefaultPrevented()) {
                 this.defocus(navigationButtons);
@@ -202,7 +203,7 @@ export class ButtonGroupComponent {
                 }));
             }
         }
-        if (event.keyCode === Keys.ArrowLeft && focusedIndex > firstIndex) {
+        if (code === Keys.ArrowLeft && focusedIndex > firstIndex) {
             this.navigate.emit(eventArgs);
             if (!eventArgs.isDefaultPrevented()) {
                 this.defocus(navigationButtons);

package/esm2022/chip/chip-list.component.mjs

@@ -9,7 +9,7 @@ import { ChipComponent } from './chip.component';
 import { closest, getStylingClasses } from '../util';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
-import { isDocumentAvailable, Keys } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, Keys, normalizeNumpadKeys } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 /**
@@ -191,10 +191,12 @@ export class ChipListComponent {
         });
     }
     keyDownHandler(e) {
-        const isEnterOrSpace = e.keyCode === Keys.Enter || e.keyCode === Keys.Space;
-        const isDeleteOrBackspace = e.keyCode === Keys.Delete || e.keyCode === Keys.Backspace;
-        const isLeftArrow = e.keyCode === Keys.ArrowLeft;
-        const isRightArrow = e.keyCode === Keys.ArrowRight;
+        // on some keyboards, arrow keys, page up/down, home/end, Enter are mapped to numpad keys
+        const code = normalizeNumpadKeys(e);
+        const isEnterOrSpace = code === Keys.Enter || code === Keys.Space;
+        const isDeleteOrBackspace = code === Keys.Delete || code === Keys.Backspace;
+        const isLeftArrow = code === Keys.ArrowLeft;
+        const isRightArrow = code === Keys.ArrowRight;
         if (isEnterOrSpace) {
             const target = e.target;
             const clickedChip = closest(target, '.k-chip');

package/esm2022/chip/chip.component.mjs

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { Component, HostBinding, Input, Output, EventEmitter, ElementRef, Renderer2, NgZone, isDevMode } from '@angular/core';
 import { Subscription } from 'rxjs';
-import { isDocumentAvailable, Keys } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, Keys, normalizeNumpadKeys } from '@progress/kendo-angular-common';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
@@ -345,8 +345,9 @@ export class ChipComponent {
         }
     }
     keyDownHandler(e) {
-        const isEnterOrSpace = e.keyCode === Keys.Enter || e.keyCode === Keys.Space;
-        const isDeleteOrBackspace = e.keyCode === Keys.Delete || e.keyCode === Keys.Backspace;
+        const code = normalizeNumpadKeys(e);
+        const isEnterOrSpace = code === Keys.Enter || code === Keys.Space;
+        const isDeleteOrBackspace = code === Keys.Delete || code === Keys.Backspace;
         if (this.disabled) {
             return;
         }

package/esm2022/dropdownbutton/dropdownbutton.component.mjs

@@ -5,7 +5,7 @@
 import { Component, ContentChild, ElementRef, EventEmitter, HostBinding, HostListener, Input, Output, NgZone, ChangeDetectorRef, Renderer2 } from '@angular/core';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { PopupService } from '@progress/kendo-angular-popup';
-import { isDocumentAvailable, Keys, isPresent } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, Keys, isPresent, normalizeNumpadKeys } from '@progress/kendo-angular-common';
 import { ButtonItemTemplateDirective } from '../listbutton/button-item-template.directive';
 import { closest } from '../util';
 import { ListButton } from '../listbutton/list-button';
@@ -165,10 +165,12 @@ export class DropDownButtonComponent extends ListButton {
      */
     keydown(event) {
         this.keyDownHandler(event, true);
-        if (event.keyCode === Keys.Space || event.keyCode === Keys.Enter) {
+        const code = normalizeNumpadKeys(event);
+        if (code === Keys.Space) {
             this._active = true;
         }
-        if (event.keyCode === Keys.Enter) {
+        if (code === Keys.Enter) {
+            this._active = true;
             event.preventDefault();
         }
     }

package/esm2022/floatingactionbutton/floatingactionbutton.component.mjs

@@ -9,7 +9,7 @@ import { take } from 'rxjs/operators';
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
-import { guid, isDocumentAvailable } from '@progress/kendo-angular-common';
+import { guid, isDocumentAvailable, normalizeNumpadKeys } from '@progress/kendo-angular-common';
 import { PopupService } from '@progress/kendo-angular-popup';
 import { FocusService } from '../focusable/focus.service';
 import { NavigationAction } from '../navigation/navigation-action';
@@ -387,11 +387,11 @@ export class FloatingActionButtonComponent {
             return;
         }
         const focused = this.focusService.focused || 0;
-        const keyCode = event.keyCode;
+        const code = normalizeNumpadKeys(event);
         const action = this.navigationService.process({
             altKey: event.altKey,
             current: focused,
-            keyCode,
+            code: code,
             max: this.dialItems ? this.dialItems.length - 1 : 0,
             min: 0,
             flipNavigation: this.align.vertical === 'bottom'

package/esm2022/listbutton/list-button.mjs

@@ -9,7 +9,7 @@ import { FocusService } from './../focusable/focus.service';
 import { KeyEvents } from './../navigation/key-events';
 import { NavigationService } from './../navigation/navigation.service';
 import { NavigationAction } from './../navigation/navigation-action';
-import { isDocumentAvailable, guid, Keys, isChanged, hasObservers } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, guid, Keys, isChanged, hasObservers, normalizeNumpadKeys } from '@progress/kendo-angular-common';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
@@ -283,10 +283,11 @@ export class ListButton extends MultiTabStop {
             eventData.stopImmediatePropagation();
         }
         const focused = this.focusService.focused || 0;
+        const code = normalizeNumpadKeys(eventData);
         const action = this.navigationService.process({
             altKey: eventData.altKey,
             current: focused,
-            keyCode: eventData.keyCode,
+            code: code,
             keyEvent: keyEvent,
             max: this._data ? this._data.length - 1 : 0,
             min: 0,
@@ -295,7 +296,7 @@ export class ListButton extends MultiTabStop {
         if (action !== NavigationAction.Undefined &&
             action !== NavigationAction.Tab &&
             (action !== NavigationAction.Enter || (action === NavigationAction.Enter && this.openState))) {
-            if (!(event.keyCode === Keys.Space && action === NavigationAction.EnterUp)) {
+            if (!(code === Keys.Space && action === NavigationAction.EnterUp)) {
                 eventData.preventDefault();
             }
         }

package/esm2022/navigation/navigation.service.mjs

@@ -26,7 +26,7 @@ export class NavigationService {
         this.useLeftRightArrows = config.useLeftRightArrows;
     }
     process(args) {
-        const keyCode = args.keyCode;
+        const keyCode = args.code;
         const keyEvent = args.keyEvent;
         let index;
         let action = NavigationAction.Undefined;

package/esm2022/package-metadata.mjs

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

package/esm2022/splitbutton/splitbutton.component.mjs

@@ -323,7 +323,7 @@ export class SplitButtonComponent extends ListButton {
      */
     keydown(event) {
         this.keyDownHandler(event, true);
-        if (event.keyCode === Keys.Space) {
+        if (event.code === Keys.Space) {
             this._active = true;
         }
     }
@@ -332,7 +332,7 @@ export class SplitButtonComponent extends ListButton {
      */
     keyup(event) {
         this._active = false;
-        if (event.keyCode !== Keys.Space) {
+        if (event.code !== Keys.Space) {
             this.keyUpHandler(event);
         }
     }

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

@@ -6,7 +6,7 @@ import * as i0 from '@angular/core';
 import { Injectable, isDevMode, EventEmitter, Component, Optional, Input, Output, HostBinding, HostListener, ContentChildren, Directive, InjectionToken, Inject, ElementRef, ViewContainerRef, ViewChild, ContentChild, forwardRef, NgModule } from '@angular/core';
 import { Subject, Subscription, fromEvent, merge, of, Observable, from } from 'rxjs';
 import * as i12 from '@progress/kendo-angular-common';
-import { isDocumentAvailable, isFirefox, isSafari, isChanged, hasObservers, Keys, TemplateContextDirective, MultiTabStop, guid, isPresent as isPresent$1, EventsOutsideAngularDirective, replaceMessagePlaceholder, anyChanged, ToggleButtonTabStopDirective, ResizeBatchService, KENDO_TOGGLEBUTTONTABSTOP } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, isFirefox, isSafari, isChanged, hasObservers, normalizeNumpadKeys, Keys, TemplateContextDirective, MultiTabStop, guid, isPresent as isPresent$1, EventsOutsideAngularDirective, replaceMessagePlaceholder, anyChanged, ToggleButtonTabStopDirective, ResizeBatchService, KENDO_TOGGLEBUTTONTABSTOP } from '@progress/kendo-angular-common';
 export { ToggleButtonTabStopDirective } from '@progress/kendo-angular-common';
 import { caretAltDownIcon, xCircleIcon, moreVerticalIcon, microphoneOutlineIcon, stopSmIcon } from '@progress/kendo-svg-icons';
 import * as i1 from '@progress/kendo-angular-l10n';
@@ -45,8 +45,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1754576416,
-    version: '19.3.0-develop.31',
+    publishDate: 1754589555,
+    version: '19.3.0-develop.33',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -877,7 +877,8 @@ class ButtonGroupComponent {
         const firstIndex = 0;
         const lastIndex = navigationButtons.length - 1;
         const eventArgs = new PreventableEvent();
-        if (event.keyCode === Keys.ArrowRight && focusedIndex < lastIndex) {
+        const code = normalizeNumpadKeys(event);
+        if (code === Keys.ArrowRight && focusedIndex < lastIndex) {
             this.navigate.emit(eventArgs);
             if (!eventArgs.isDefaultPrevented()) {
                 this.defocus(navigationButtons);
@@ -886,7 +887,7 @@ class ButtonGroupComponent {
                 }));
             }
         }
-        if (event.keyCode === Keys.ArrowLeft && focusedIndex > firstIndex) {
+        if (code === Keys.ArrowLeft && focusedIndex > firstIndex) {
             this.navigate.emit(eventArgs);
             if (!eventArgs.isDefaultPrevented()) {
                 this.defocus(navigationButtons);
@@ -1353,8 +1354,9 @@ class ChipComponent {
         }
     }
     keyDownHandler(e) {
-        const isEnterOrSpace = e.keyCode === Keys.Enter || e.keyCode === Keys.Space;
-        const isDeleteOrBackspace = e.keyCode === Keys.Delete || e.keyCode === Keys.Backspace;
+        const code = normalizeNumpadKeys(e);
+        const isEnterOrSpace = code === Keys.Enter || code === Keys.Space;
+        const isDeleteOrBackspace = code === Keys.Delete || code === Keys.Backspace;
         if (this.disabled) {
             return;
         }
@@ -1748,10 +1750,12 @@ class ChipListComponent {
         });
     }
     keyDownHandler(e) {
-        const isEnterOrSpace = e.keyCode === Keys.Enter || e.keyCode === Keys.Space;
-        const isDeleteOrBackspace = e.keyCode === Keys.Delete || e.keyCode === Keys.Backspace;
-        const isLeftArrow = e.keyCode === Keys.ArrowLeft;
-        const isRightArrow = e.keyCode === Keys.ArrowRight;
+        // on some keyboards, arrow keys, page up/down, home/end, Enter are mapped to numpad keys
+        const code = normalizeNumpadKeys(e);
+        const isEnterOrSpace = code === Keys.Enter || code === Keys.Space;
+        const isDeleteOrBackspace = code === Keys.Delete || code === Keys.Backspace;
+        const isLeftArrow = code === Keys.ArrowLeft;
+        const isRightArrow = code === Keys.ArrowRight;
         if (isEnterOrSpace) {
             const target = e.target;
             const clickedChip = closest(target, '.k-chip');
@@ -2028,7 +2032,7 @@ class NavigationService {
         this.useLeftRightArrows = config.useLeftRightArrows;
     }
     process(args) {
-        const keyCode = args.keyCode;
+        const keyCode = args.code;
         const keyEvent = args.keyEvent;
         let index;
         let action = NavigationAction.Undefined;
@@ -2595,10 +2599,11 @@ class ListButton extends MultiTabStop {
             eventData.stopImmediatePropagation();
         }
         const focused = this.focusService.focused || 0;
+        const code = normalizeNumpadKeys(eventData);
         const action = this.navigationService.process({
             altKey: eventData.altKey,
             current: focused,
-            keyCode: eventData.keyCode,
+            code: code,
             keyEvent: keyEvent,
             max: this._data ? this._data.length - 1 : 0,
             min: 0,
@@ -2607,7 +2612,7 @@ class ListButton extends MultiTabStop {
         if (action !== NavigationAction.Undefined &&
             action !== NavigationAction.Tab &&
             (action !== NavigationAction.Enter || (action === NavigationAction.Enter && this.openState))) {
-            if (!(event.keyCode === Keys.Space && action === NavigationAction.EnterUp)) {
+            if (!(code === Keys.Space && action === NavigationAction.EnterUp)) {
                 eventData.preventDefault();
             }
         }
@@ -2908,10 +2913,12 @@ class DropDownButtonComponent extends ListButton {
      */
     keydown(event) {
         this.keyDownHandler(event, true);
-        if (event.keyCode === Keys.Space || event.keyCode === Keys.Enter) {
+        const code = normalizeNumpadKeys(event);
+        if (code === Keys.Space) {
             this._active = true;
         }
-        if (event.keyCode === Keys.Enter) {
+        if (code === Keys.Enter) {
+            this._active = true;
             event.preventDefault();
         }
     }
@@ -3935,11 +3942,11 @@ class FloatingActionButtonComponent {
             return;
         }
         const focused = this.focusService.focused || 0;
-        const keyCode = event.keyCode;
+        const code = normalizeNumpadKeys(event);
         const action = this.navigationService.process({
             altKey: event.altKey,
             current: focused,
-            keyCode,
+            code: code,
             max: this.dialItems ? this.dialItems.length - 1 : 0,
             min: 0,
             flipNavigation: this.align.vertical === 'bottom'
@@ -4883,7 +4890,7 @@ class SplitButtonComponent extends ListButton {
      */
     keydown(event) {
         this.keyDownHandler(event, true);
-        if (event.keyCode === Keys.Space) {
+        if (event.code === Keys.Space) {
             this._active = true;
         }
     }
@@ -4892,7 +4899,7 @@ class SplitButtonComponent extends ListButton {
      */
     keyup(event) {
         this._active = false;
-        if (event.keyCode !== Keys.Space) {
+        if (event.code !== Keys.Space) {
             this.keyUpHandler(event);
         }
     }

package/floatingactionbutton/floatingactionbutton.component.d.ts

@@ -231,7 +231,7 @@ export declare class FloatingActionButtonComponent implements AfterViewInit, OnD
     /**
      * @hidden
      */
-    keyDownHandler(event: any): void;
+    keyDownHandler(event: KeyboardEvent): void;
     /**
      * @hidden
      */

package/listbutton/list-button.d.ts

@@ -143,7 +143,7 @@ export declare class ListButton extends MultiTabStop implements OnDestroy {
     /**
      * @hidden
      */
-    keyHandler(event: any, keyEvent?: KeyEvents, isHost?: boolean): void;
+    keyHandler(event: KeyboardEvent, keyEvent?: KeyEvents, isHost?: boolean): void;
     protected emitItemClickHandler(index: number): void;
     protected focusWrapper(): void;
     protected wrapperContains(element: any): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-buttons",
-  "version": "19.3.0-develop.31",
+  "version": "19.3.0-develop.33",
   "description": "Buttons Package for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -21,7 +21,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1754576416,
+      "publishDate": 1754589555,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -31,15 +31,15 @@
     "@angular/core": "16 - 20",
     "@angular/platform-browser": "16 - 20",
     "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-angular-common": "19.3.0-develop.31",
-    "@progress/kendo-angular-l10n": "19.3.0-develop.31",
-    "@progress/kendo-angular-popup": "19.3.0-develop.31",
-    "@progress/kendo-angular-icons": "19.3.0-develop.31",
+    "@progress/kendo-angular-common": "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.31",
+    "@progress/kendo-angular-schematics": "19.3.0-develop.33",
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-webspeech-common": "1.0.1"
   },