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

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

@@ -28,6 +28,9 @@ export declare class ChipListComponent implements OnInit, AfterViewInit, AfterCo
     private element;
     private ngZone;
     hostClass: boolean;
+    /**
+     * @hidden
+     */
     orientation: string;
     /**
      * @hidden
@@ -98,5 +101,5 @@ export declare class ChipListComponent implements OnInit, AfterViewInit, AfterCo
     private normalizeActiveIndex;
     private setChipSize;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChipListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChipListComponent, "kendo-chiplist, kendo-chip-list", never, { "selection": { "alias": "selection"; "required": false; }; "size": { "alias": "size"; "required": false; }; "role": { "alias": "role"; "required": false; }; "navigable": { "alias": "navigable"; "required": false; }; }, { "selectedChange": "selectedChange"; "remove": "remove"; }, ["chips"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChipListComponent, "kendo-chiplist, kendo-chip-list", never, { "orientation": { "alias": "orientation"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "size": { "alias": "size"; "required": false; }; "role": { "alias": "role"; "required": false; }; "navigable": { "alias": "navigable"; "required": false; }; }, { "selectedChange": "selectedChange"; "remove": "remove"; }, ["chips"], ["*"], true, never>;
 }

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";
 /**
@@ -31,6 +31,9 @@ export class ChipListComponent {
     element;
     ngZone;
     hostClass = true;
+    /**
+     * @hidden
+     */
     orientation = 'horizontal';
     /**
      * @hidden
@@ -70,7 +73,7 @@ export class ChipListComponent {
         return this.selection === 'single';
     }
     get multiple() {
-        return this.selection === 'multiple';
+        return this.selection === 'multiple' ? true : undefined;
     }
     /**
      * @hidden
@@ -188,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');
@@ -246,7 +251,7 @@ export class ChipListComponent {
         this.chips.forEach((chip, idx) => {
             const chipEl = chip.element.nativeElement;
             this.renderer.removeAttribute(chipEl, 'aria-pressed');
-            this.renderer.setAttribute(chipEl, 'aria-selected', `${chip.selected}`);
+            this.selection !== 'none' && (this.renderer.setAttribute(chipEl, 'aria-selected', `${chip.selected}`));
             this.role === 'listbox' && this.renderer.setAttribute(chipEl, 'role', 'option');
             if (!this.navigable) {
                 return;
@@ -275,7 +280,7 @@ export class ChipListComponent {
         !hasSize && (chip.sizeIsSet = false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipListComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChipListComponent, isStandalone: true, selector: "kendo-chiplist, kendo-chip-list", inputs: { selection: "selection", size: "size", role: "role", navigable: "navigable" }, outputs: { selectedChange: "selectedChange", remove: "remove" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.k-chip-list": "this.hostClass", "attr.aria-orientation": "this.orientation", "attr.dir": "this.direction", "class.k-selection-single": "this.single", "attr.aria-multiselectable": "this.multiple", "class.k-selection-multiple": "this.multiple", "attr.role": "this.role" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChipListComponent, isStandalone: true, selector: "kendo-chiplist, kendo-chip-list", inputs: { orientation: "orientation", selection: "selection", size: "size", role: "role", navigable: "navigable" }, outputs: { selectedChange: "selectedChange", remove: "remove" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.k-chip-list": "this.hostClass", "attr.aria-orientation": "this.orientation", "attr.dir": "this.direction", "class.k-selection-single": "this.single", "attr.aria-multiselectable": "this.multiple", "class.k-selection-multiple": "this.multiple", "attr.role": "this.role" } }, providers: [
             LocalizationService,
             {
                 provide: L10N_PREFIX,
@@ -307,6 +312,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], orientation: [{
                 type: HostBinding,
                 args: ['attr.aria-orientation']
+            }, {
+                type: Input
             }], direction: [{
                 type: HostBinding,
                 args: ['attr.dir']

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'
@@ -577,7 +577,7 @@ export class FloatingActionButtonComponent {
                 event.preventDefault();
             });
         });
-        this.popupRef.popupAnchorViewportLeave.subscribe(() => this.toggleDialWithEvents(false));
+        this.subscriptions.add(this.popupRef.popupAnchorViewportLeave.subscribe(() => this.toggleDialWithEvents(false)));
     }
     closePopup() {
         if (this.isOpen) {

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: 1752065196,
-    version: '19.3.0-develop.4',
+    publishDate: 1754990517,
+    version: '19.3.0-develop.40',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2022/speechtotextbutton/models/speechtotextbutton-settings.mjs

@@ -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 {};

package/esm2022/splitbutton/splitbutton.component.mjs

@@ -10,10 +10,10 @@ import { ButtonItemTemplateDirective } from './../listbutton/button-item-templat
 import { FocusService } from './../focusable/focus.service';
 import { NavigationService } from './../navigation/navigation.service';
 import { NAVIGATION_CONFIG } from './../navigation/navigation-config';
-import { isDocumentAvailable, guid, isChanged, anyChanged, MultiTabStop } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, guid, isChanged, anyChanged, MultiTabStop, replaceMessagePlaceholder } from '@progress/kendo-angular-common';
 import { closest, isPresent } from './../util';
 import { Keys } from '@progress/kendo-angular-common';
-import { replaceMessagePlaceholder, getStylingClasses } from '../util';
+import { getStylingClasses } from '../util';
 import { PopupContainerService } from '../listbutton/container.service';
 import { caretAltDownIcon } from '@progress/kendo-svg-icons';
 import { ListComponent } from '../listbutton/list.component';
@@ -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/esm2022/util.mjs

@@ -38,10 +38,6 @@ export function closest(element, selector) {
         node = node.parentNode;
     }
 }
-/**
- * @hidden
- */
-export const replaceMessagePlaceholder = (message, name, value) => message.replace(new RegExp(`{\\s*${name}\\s*}`, 'g'), value);
 /**
  * @hidden
  */

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, 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: 1752065196,
-    version: '19.3.0-develop.4',
+    publishDate: 1754990517,
+    version: '19.3.0-develop.40',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -86,10 +86,6 @@ function closest(element, selector) {
         node = node.parentNode;
     }
 }
-/**
- * @hidden
- */
-const replaceMessagePlaceholder = (message, name, value) => message.replace(new RegExp(`{\\s*${name}\\s*}`, 'g'), value);
 /**
  * @hidden
  */
@@ -881,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);
@@ -890,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);
@@ -1357,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;
         }
@@ -1592,6 +1590,9 @@ class ChipListComponent {
     element;
     ngZone;
     hostClass = true;
+    /**
+     * @hidden
+     */
     orientation = 'horizontal';
     /**
      * @hidden
@@ -1631,7 +1632,7 @@ class ChipListComponent {
         return this.selection === 'single';
     }
     get multiple() {
-        return this.selection === 'multiple';
+        return this.selection === 'multiple' ? true : undefined;
     }
     /**
      * @hidden
@@ -1749,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');
@@ -1807,7 +1810,7 @@ class ChipListComponent {
         this.chips.forEach((chip, idx) => {
             const chipEl = chip.element.nativeElement;
             this.renderer.removeAttribute(chipEl, 'aria-pressed');
-            this.renderer.setAttribute(chipEl, 'aria-selected', `${chip.selected}`);
+            this.selection !== 'none' && (this.renderer.setAttribute(chipEl, 'aria-selected', `${chip.selected}`));
             this.role === 'listbox' && this.renderer.setAttribute(chipEl, 'role', 'option');
             if (!this.navigable) {
                 return;
@@ -1836,7 +1839,7 @@ class ChipListComponent {
         !hasSize && (chip.sizeIsSet = false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipListComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChipListComponent, isStandalone: true, selector: "kendo-chiplist, kendo-chip-list", inputs: { selection: "selection", size: "size", role: "role", navigable: "navigable" }, outputs: { selectedChange: "selectedChange", remove: "remove" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.k-chip-list": "this.hostClass", "attr.aria-orientation": "this.orientation", "attr.dir": "this.direction", "class.k-selection-single": "this.single", "attr.aria-multiselectable": "this.multiple", "class.k-selection-multiple": "this.multiple", "attr.role": "this.role" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChipListComponent, isStandalone: true, selector: "kendo-chiplist, kendo-chip-list", inputs: { orientation: "orientation", selection: "selection", size: "size", role: "role", navigable: "navigable" }, outputs: { selectedChange: "selectedChange", remove: "remove" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.k-chip-list": "this.hostClass", "attr.aria-orientation": "this.orientation", "attr.dir": "this.direction", "class.k-selection-single": "this.single", "attr.aria-multiselectable": "this.multiple", "class.k-selection-multiple": "this.multiple", "attr.role": "this.role" } }, providers: [
             LocalizationService,
             {
                 provide: L10N_PREFIX,
@@ -1868,6 +1871,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], orientation: [{
                 type: HostBinding,
                 args: ['attr.aria-orientation']
+            }, {
+                type: Input
             }], direction: [{
                 type: HostBinding,
                 args: ['attr.dir']
@@ -2027,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;
@@ -2594,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,
@@ -2606,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();
             }
         }
@@ -2907,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();
         }
     }
@@ -3934,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'
@@ -4124,7 +4132,7 @@ class FloatingActionButtonComponent {
                 event.preventDefault();
             });
         });
-        this.popupRef.popupAnchorViewportLeave.subscribe(() => this.toggleDialWithEvents(false));
+        this.subscriptions.add(this.popupRef.popupAnchorViewportLeave.subscribe(() => this.toggleDialWithEvents(false)));
     }
     closePopup() {
         if (this.isOpen) {
@@ -4882,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;
         }
     }
@@ -4891,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/index.d.ts

@@ -24,6 +24,7 @@ export { ChipModule } from './chip/chip.module';
 export { ChipListSelection } from './chip/models/selection';
 export { ChipRemoveEvent } from './chip/chip-remove-event-args.interface';
 export { ChipListRemoveEvent } from './chip/chip-list-remove-event-args.interface';
+export { ChipContentClickEvent } from './chip/chip-content-click-event-args.interface';
 export { ChipAvatarSettings } from './chip/models/avatar-settings.interface';
 export { FloatingActionButtonModule } from './floatingactionbutton/floatingactionbutton.module';
 export { FloatingActionButtonComponent } from './floatingactionbutton/floatingactionbutton.component';
@@ -39,6 +40,7 @@ export { SpeechToTextButtonComponent } from './speechtotextbutton/speechtotextbu
 export { IntegrationMode } from './speechtotextbutton/models/integration-mode';
 export { SpeechToTextResultEvent } from './speechtotextbutton/models/result-event';
 export { SpeechToTextErrorEvent } from './speechtotextbutton/models/error-event';
+export { SpeechToTextButtonSettings } from './speechtotextbutton/models/speechtotextbutton-settings';
 export { SpeechToTextButtonModule } from './speechtotextbutton/speechtotextbutton.module';
 export { ButtonSize, ChipSize, ButtonRounded, ChipRounded, ButtonFillMode, ChipFillMode, ButtonThemeColor, ChipThemeColor, ArrowIconSettings } from './common/models';
 export { FocusableDirective } from './focusable/focusable.directive';

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.4",
+  "version": "19.3.0-develop.40",
   "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": 1752065196,
+      "publishDate": 1754990517,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -30,18 +30,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.4",
-    "@progress/kendo-angular-l10n": "19.3.0-develop.4",
-    "@progress/kendo-angular-popup": "19.3.0-develop.4",
-    "@progress/kendo-angular-icons": "19.3.0-develop.4",
+    "@progress/kendo-licensing": "^1.7.0",
+    "@progress/kendo-angular-common": "19.3.0-develop.40",
+    "@progress/kendo-angular-l10n": "19.3.0-develop.40",
+    "@progress/kendo-angular-popup": "19.3.0-develop.40",
+    "@progress/kendo-angular-icons": "19.3.0-develop.40",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "19.3.0-develop.4",
+    "@progress/kendo-angular-schematics": "19.3.0-develop.40",
     "@progress/kendo-common": "^1.0.1",
-    "@progress/kendo-webspeech-common": "1.0.0"
+    "@progress/kendo-webspeech-common": "1.0.1"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-buttons.mjs",

package/speechtotextbutton/models/speechtotextbutton-settings.d.ts

@@ -0,0 +1,61 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ButtonFillMode, ButtonRounded, ButtonSize, ButtonThemeColor } from "../../common/models";
+import { IntegrationMode } from "./integration-mode";
+/**
+ * Defines the settings interface for the speech-to-text functionality used in components that integrate the SpeechToTextButton component, such as the AIPrompt ([see example](slug:configuration_aiprompt#enabling-speech-to-text)).
+ *
+ * @example
+ * ```typescript
+ * const speechSettings: SpeechToTextButtonSettings = {
+ *   continuous: true,
+ *   lang: 'en-US',
+ *   interimResults: false,
+ *   disabled: false
+ * };
+ * ```
+ */
+export interface SpeechToTextButtonSettings {
+    /**
+     * Specifies whether the component returns continuous results for each recognition, or only a single result once recognition stops.
+     */
+    continuous?: boolean;
+    /**
+     * When `true`, disables the SpeechToTextButton and prevents user interaction.
+     */
+    disabled?: boolean;
+    /**
+     * Sets the background and border styles of the SpeechToTextButton.
+     */
+    fillMode?: ButtonFillMode;
+    /**
+     * Specifies which speech recognition engine or integration the component should use. Allows the component to operate in different environments or use alternative implementations.
+     */
+    integrationMode?: IntegrationMode;
+    /**
+     * Specifies whether the component should return interim results or not. Interim results are results that are not yet final.
+     */
+    interimResults?: boolean;
+    /**
+     * Specifies a `BCP 47` language tag (e.g., `'en-US'`, `'bg-BG'`) used for speech recognition.
+     */
+    lang?: string;
+    /**
+     * Represents the maximum number of alternative transcriptions to return for each result.
+     */
+    maxAlternatives?: number;
+    /**
+     * Sets the border radius of the SpeechToTextButton.
+     */
+    rounded?: ButtonRounded;
+    /**
+     * Sets the padding of the SpeechToTextButton.
+     */
+    size?: ButtonSize;
+    /**
+     * Sets a predefined theme color for the SpeechToTextButton. The theme color applies as a background and border color and adjusts the text color.
+     */
+    themeColor?: ButtonThemeColor;
+}

package/util.d.ts

@@ -16,10 +16,6 @@ export declare const tick: (f: any) => Promise<any>;
  * @hidden
  */
 export declare function closest(element: any, selector: string): any;
-/**
- * @hidden
- */
-export declare const replaceMessagePlaceholder: (message: string, name: string, value: string) => string;
 /**
  * @hidden
  */