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

package/esm2022/package-metadata.mjs

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

package/esm2022/toolbar.component.mjs

@@ -5,7 +5,7 @@
 /* eslint-disable no-case-declarations */
 import { Component, HostBinding, ViewChild, TemplateRef, ElementRef, QueryList, ContentChildren, Input, HostListener, Output, EventEmitter, ViewContainerRef, NgZone, Renderer2, ChangeDetectorRef } from '@angular/core';
 import { PopupService } from '@progress/kendo-angular-popup';
-import { guid, ResizeSensorComponent } from '@progress/kendo-angular-common';
+import { guid, normalizeNumpadKeys, ResizeSensorComponent } 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';
@@ -66,7 +66,8 @@ const getInitialPopupSettings = (isRtl) => ({
  * {@link EditorFontFamilyComponent},
  * {@link EditorFontSizeComponent},
  * {@link EditorFormatComponent},
- * {@link EditorInsertTableButtonComponent}.
+ * {@link EditorInsertTableButtonComponent},
+ * {@link SelectAllToolbarToolComponent}.
  */
 export class ToolBarComponent {
     localization;
@@ -391,7 +392,9 @@ export class ToolBarComponent {
         }
         this.zone.runOutsideAngular(() => {
             this.toolbarKeydownListener = this.renderer.listen(this.element.nativeElement, 'keydown', (ev) => {
-                switch (ev.keyCode) {
+                // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
+                const code = normalizeNumpadKeys(ev);
+                switch (code) {
                     case Keys.ArrowLeft:
                         this.zone.run(() => {
                             ev.preventDefault();
@@ -655,7 +658,8 @@ export class ToolBarComponent {
         this.zone.runOutsideAngular(() => {
             if (this.normalizedOverflow.mode === 'section') {
                 this.sectionKeydownListener = this.renderer.listen(this.popupRef.popupElement, 'keydown', (ev) => {
-                    switch (ev.keyCode) {
+                    const code = normalizeNumpadKeys(ev);
+                    switch (code) {
                         case Keys.ArrowLeft:
                             this.zone.run(() => {
                                 ev.preventDefault();
@@ -701,7 +705,8 @@ export class ToolBarComponent {
             }
             else {
                 this.overflowKeydownListener = this.renderer.listen(this.popupRef.popupElement, 'keydown', (ev) => {
-                    switch (ev.keyCode) {
+                    const code = normalizeNumpadKeys(ev);
+                    switch (code) {
                         case Keys.ArrowUp:
                             this.zone.run(() => {
                                 ev.preventDefault();
@@ -726,6 +731,7 @@ export class ToolBarComponent {
                                 this.navigationService.resetNavigation();
                             });
                             break;
+                        case Keys.NumpadEnter:
                         case Keys.Enter:
                         case Keys.Space:
                             this.zone.run(() => {

package/esm2022/tools/toolbar-button.component.mjs

@@ -125,6 +125,13 @@ export class ToolBarButtonComponent extends ToolBarToolComponent {
      * @default 'solid'
      */
     fillMode = 'solid';
+    /**
+     * Specifies the border radius of the Button.
+     * Accepts a `ButtonRounded` value.
+     *
+     * @default 'medium'
+     */
+    rounded = 'medium';
     /**
      * Specifies the predefined theme color of the Button.
      * Accepts a `ButtonThemeColor` value.
@@ -233,6 +240,17 @@ export class ToolBarButtonComponent extends ToolBarToolComponent {
         this.propertyChangeSub.unsubscribe();
         this.propertyChangeSub = null;
     }
+    ngOnChanges(changes) {
+        if (changes['rounded']) {
+            this.rounded = changes['rounded'].currentValue;
+        }
+        if (changes['themeColor']) {
+            this.themeColor = changes['themeColor'].currentValue;
+        }
+        if (changes['showText']) {
+            this.showText = changes['showText'].currentValue;
+        }
+    }
     /**
      * @hidden
      */
@@ -292,7 +310,7 @@ export class ToolBarButtonComponent extends ToolBarToolComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolBarButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.ToolBarComponent }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ToolBarButtonComponent, isStandalone: true, selector: "kendo-toolbar-button", inputs: { showText: "showText", showIcon: "showIcon", text: "text", style: "style", className: "className", title: "title", disabled: "disabled", toggleable: "toggleable", look: "look", togglable: "togglable", selected: "selected", fillMode: "fillMode", themeColor: "themeColor", icon: "icon", iconClass: "iconClass", svgIcon: "svgIcon", imageUrl: "imageUrl" }, outputs: { click: "click", pointerdown: "pointerdown", selectedChange: "selectedChange" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarButtonComponent) }], viewQueries: [{ propertyName: "toolbarButtonElement", first: true, predicate: ["toolbarButton"], descendants: true, read: ElementRef }, { propertyName: "sectionButtonElement", first: true, predicate: ["sectionButton"], descendants: true, read: ElementRef }, { propertyName: "overflowButtonElement", first: true, predicate: ["overflowButton"], descendants: true, read: ElementRef }], exportAs: ["kendoToolBarButton"], usesInheritance: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ToolBarButtonComponent, isStandalone: true, selector: "kendo-toolbar-button", inputs: { showText: "showText", showIcon: "showIcon", text: "text", style: "style", className: "className", title: "title", disabled: "disabled", toggleable: "toggleable", look: "look", togglable: "togglable", selected: "selected", fillMode: "fillMode", rounded: "rounded", themeColor: "themeColor", icon: "icon", iconClass: "iconClass", svgIcon: "svgIcon", imageUrl: "imageUrl" }, outputs: { click: "click", pointerdown: "pointerdown", selectedChange: "selectedChange" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarButtonComponent) }], viewQueries: [{ propertyName: "toolbarButtonElement", first: true, predicate: ["toolbarButton"], descendants: true, read: ElementRef }, { propertyName: "sectionButtonElement", first: true, predicate: ["sectionButton"], descendants: true, read: ElementRef }, { propertyName: "overflowButtonElement", first: true, predicate: ["overflowButton"], descendants: true, read: ElementRef }], exportAs: ["kendoToolBarButton"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
         <ng-template #toolbarTemplate>
             <kendo-badge-container *ngIf="hasBadgeContainer">
                 <button
@@ -310,6 +328,7 @@ export class ToolBarButtonComponent extends ToolBarToolComponent {
                     [toggleable]="toggleable"
                     [fillMode]="fillMode"
                     [themeColor]="fillMode ? themeColor : null"
+                    [rounded]="rounded"
                     [selected]="selected"
                     [icon]="toolbarOptions.icon"
                     [iconClass]="toolbarOptions.iconClass"
@@ -340,6 +359,7 @@ export class ToolBarButtonComponent extends ToolBarToolComponent {
                 [toggleable]="toggleable"
                 [fillMode]="fillMode"
                 [themeColor]="fillMode ? themeColor : null"
+                [rounded]="rounded"
                 [selected]="selected"
                 [icon]="toolbarOptions.icon"
                 [iconClass]="toolbarOptions.iconClass"
@@ -394,6 +414,7 @@ export class ToolBarButtonComponent extends ToolBarToolComponent {
                     [toggleable]="toggleable"
                     [fillMode]="fillMode"
                     [themeColor]="fillMode ? themeColor : null"
+                    [rounded]="rounded"
                     [selected]="selected"
                     [icon]="toolbarOptions.icon"
                     [iconClass]="toolbarOptions.iconClass"
@@ -424,6 +445,7 @@ export class ToolBarButtonComponent extends ToolBarToolComponent {
                 [toggleable]="toggleable"
                 [fillMode]="fillMode"
                 [themeColor]="fillMode ? themeColor : null"
+                [rounded]="rounded"
                 [selected]="selected"
                 [icon]="toolbarOptions.icon"
                 [iconClass]="toolbarOptions.iconClass"
@@ -463,6 +485,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     [toggleable]="toggleable"
                     [fillMode]="fillMode"
                     [themeColor]="fillMode ? themeColor : null"
+                    [rounded]="rounded"
                     [selected]="selected"
                     [icon]="toolbarOptions.icon"
                     [iconClass]="toolbarOptions.iconClass"
@@ -493,6 +516,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 [toggleable]="toggleable"
                 [fillMode]="fillMode"
                 [themeColor]="fillMode ? themeColor : null"
+                [rounded]="rounded"
                 [selected]="selected"
                 [icon]="toolbarOptions.icon"
                 [iconClass]="toolbarOptions.iconClass"
@@ -547,6 +571,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     [toggleable]="toggleable"
                     [fillMode]="fillMode"
                     [themeColor]="fillMode ? themeColor : null"
+                    [rounded]="rounded"
                     [selected]="selected"
                     [icon]="toolbarOptions.icon"
                     [iconClass]="toolbarOptions.iconClass"
@@ -577,6 +602,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 [toggleable]="toggleable"
                 [fillMode]="fillMode"
                 [themeColor]="fillMode ? themeColor : null"
+                [rounded]="rounded"
                 [selected]="selected"
                 [icon]="toolbarOptions.icon"
                 [iconClass]="toolbarOptions.iconClass"
@@ -618,6 +644,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], fillMode: [{
                 type: Input
+            }], rounded: [{
+                type: Input
             }], themeColor: [{
                 type: Input
             }], icon: [{

package/esm2022/tools/toolbar-dropdownbutton.component.mjs

@@ -10,6 +10,7 @@ import { IconWrapperComponent } from '@progress/kendo-angular-icons';
 import { NgClass, NgIf, NgFor } from '@angular/common';
 import { take } from 'rxjs/operators';
 import { ToolBarComponent } from '../toolbar.component';
+import { normalizeNumpadKeys } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
 import * as i1 from "../toolbar.component";
 /**
@@ -290,7 +291,8 @@ export class ToolBarDropDownButtonComponent extends ToolBarToolComponent {
      * @hidden
      */
     handleKey(ev) {
-        if (!this.overflows && (ev.keyCode === this.getPrevKey(this.overflows) || ev.keyCode === this.getNextKey(this.overflows))) {
+        const code = normalizeNumpadKeys(ev);
+        if (!this.overflows && (code === this.getPrevKey(this.overflows) || code === this.getNextKey(this.overflows))) {
             return false;
         }
         if (this.overflows && this.location !== 'section') {

package/esm2022/tools/toolbar-splitbutton.component.mjs

@@ -10,6 +10,7 @@ import { caretAltDownIcon } from '@progress/kendo-svg-icons';
 import { IconWrapperComponent } from '@progress/kendo-angular-icons';
 import { NgClass, NgIf, NgFor } from '@angular/common';
 import { ToolBarComponent } from '../toolbar.component';
+import { normalizeNumpadKeys } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
 import * as i1 from "../toolbar.component";
 /**
@@ -286,7 +287,8 @@ export class ToolBarSplitButtonComponent extends ToolBarToolComponent {
      * @hidden
      */
     handleKey(ev) {
-        if (!this.overflows && (ev.keyCode === this.getPrevKey(this.overflows) || ev.keyCode === this.getNextKey(this.overflows))) {
+        const code = normalizeNumpadKeys(ev);
+        if (!this.overflows && (code === this.getPrevKey(this.overflows) || code === this.getNextKey(this.overflows))) {
             return false;
         }
         if (this.overflows) {

package/esm2022/util.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 { Keys } from '@progress/kendo-angular-common';
+import { Keys, normalizeNumpadKeys } from '@progress/kendo-angular-common';
 /**
  * @hidden
  */
@@ -130,12 +130,13 @@ export const makePeeker = (collection) => (index) => isPresent(collection[index]
  * @hidden
  */
 export const getIndexOfFocused = (prevKeyCode, nextKeyCode, collection) => (ev) => {
+    const code = normalizeNumpadKeys(ev);
     switch (ev.type) {
         case 'keydown':
-            if (ev.keyCode === prevKeyCode) {
+            if (code === prevKeyCode) {
                 return collection.length - 1;
             }
-            if (ev.keyCode === nextKeyCode) {
+            if (code === nextKeyCode) {
                 return 0;
             }
             break;
@@ -151,7 +152,8 @@ export const getIndexOfFocused = (prevKeyCode, nextKeyCode, collection) => (ev)
  * @hidden
  */
 export const seekFocusedIndex = (prevKeyCode, nextKeyCode, seeker) => (startIndex, ev) => {
-    switch (ev.keyCode) {
+    const code = normalizeNumpadKeys(ev);
+    switch (code) {
         case prevKeyCode:
             return seeker(startIndex - 1) ? startIndex - 1 : startIndex;
         case nextKeyCode:

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

@@ -6,7 +6,7 @@ import * as i0 from '@angular/core';
 import { EventEmitter, Injectable, inject, ElementRef, Directive, ViewChild, Input, Output, forwardRef, Component, HostBinding, ViewContainerRef, ContentChildren, HostListener, isDevMode, ViewChildren, NgModule } from '@angular/core';
 import * as i2 from '@progress/kendo-angular-popup';
 import { PopupService } from '@progress/kendo-angular-popup';
-import { Keys, isPresent as isPresent$1, isDocumentAvailable, guid, ResizeSensorComponent, ResizeBatchService } from '@progress/kendo-angular-common';
+import { normalizeNumpadKeys, Keys, isPresent as isPresent$1, isDocumentAvailable, guid, ResizeSensorComponent, ResizeBatchService } from '@progress/kendo-angular-common';
 import * as i1 from '@progress/kendo-angular-l10n';
 import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
@@ -26,8 +26,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1752065406,
-    version: '19.3.0-develop.4',
+    publishDate: 1754990725,
+    version: '19.3.0-develop.40',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -173,12 +173,13 @@ const makePeeker = (collection) => (index) => isPresent(collection[index]);
  * @hidden
  */
 const getIndexOfFocused = (prevKeyCode, nextKeyCode, collection) => (ev) => {
+    const code = normalizeNumpadKeys(ev);
     switch (ev.type) {
         case 'keydown':
-            if (ev.keyCode === prevKeyCode) {
+            if (code === prevKeyCode) {
                 return collection.length - 1;
             }
-            if (ev.keyCode === nextKeyCode) {
+            if (code === nextKeyCode) {
                 return 0;
             }
             break;
@@ -194,7 +195,8 @@ const getIndexOfFocused = (prevKeyCode, nextKeyCode, collection) => (ev) => {
  * @hidden
  */
 const seekFocusedIndex = (prevKeyCode, nextKeyCode, seeker) => (startIndex, ev) => {
-    switch (ev.keyCode) {
+    const code = normalizeNumpadKeys(ev);
+    switch (code) {
         case prevKeyCode:
             return seeker(startIndex - 1) ? startIndex - 1 : startIndex;
         case nextKeyCode:
@@ -1141,7 +1143,8 @@ const getInitialPopupSettings = (isRtl) => ({
  * {@link EditorFontFamilyComponent},
  * {@link EditorFontSizeComponent},
  * {@link EditorFormatComponent},
- * {@link EditorInsertTableButtonComponent}.
+ * {@link EditorInsertTableButtonComponent},
+ * {@link SelectAllToolbarToolComponent}.
  */
 class ToolBarComponent {
     localization;
@@ -1466,7 +1469,9 @@ class ToolBarComponent {
         }
         this.zone.runOutsideAngular(() => {
             this.toolbarKeydownListener = this.renderer.listen(this.element.nativeElement, 'keydown', (ev) => {
-                switch (ev.keyCode) {
+                // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
+                const code = normalizeNumpadKeys(ev);
+                switch (code) {
                     case Keys.ArrowLeft:
                         this.zone.run(() => {
                             ev.preventDefault();
@@ -1730,7 +1735,8 @@ class ToolBarComponent {
         this.zone.runOutsideAngular(() => {
             if (this.normalizedOverflow.mode === 'section') {
                 this.sectionKeydownListener = this.renderer.listen(this.popupRef.popupElement, 'keydown', (ev) => {
-                    switch (ev.keyCode) {
+                    const code = normalizeNumpadKeys(ev);
+                    switch (code) {
                         case Keys.ArrowLeft:
                             this.zone.run(() => {
                                 ev.preventDefault();
@@ -1776,7 +1782,8 @@ class ToolBarComponent {
             }
             else {
                 this.overflowKeydownListener = this.renderer.listen(this.popupRef.popupElement, 'keydown', (ev) => {
-                    switch (ev.keyCode) {
+                    const code = normalizeNumpadKeys(ev);
+                    switch (code) {
                         case Keys.ArrowUp:
                             this.zone.run(() => {
                                 ev.preventDefault();
@@ -1801,6 +1808,7 @@ class ToolBarComponent {
                                 this.navigationService.resetNavigation();
                             });
                             break;
+                        case Keys.NumpadEnter:
                         case Keys.Enter:
                         case Keys.Space:
                             this.zone.run(() => {
@@ -2718,6 +2726,13 @@ class ToolBarButtonComponent extends ToolBarToolComponent {
      * @default 'solid'
      */
     fillMode = 'solid';
+    /**
+     * Specifies the border radius of the Button.
+     * Accepts a `ButtonRounded` value.
+     *
+     * @default 'medium'
+     */
+    rounded = 'medium';
     /**
      * Specifies the predefined theme color of the Button.
      * Accepts a `ButtonThemeColor` value.
@@ -2826,6 +2841,17 @@ class ToolBarButtonComponent extends ToolBarToolComponent {
         this.propertyChangeSub.unsubscribe();
         this.propertyChangeSub = null;
     }
+    ngOnChanges(changes) {
+        if (changes['rounded']) {
+            this.rounded = changes['rounded'].currentValue;
+        }
+        if (changes['themeColor']) {
+            this.themeColor = changes['themeColor'].currentValue;
+        }
+        if (changes['showText']) {
+            this.showText = changes['showText'].currentValue;
+        }
+    }
     /**
      * @hidden
      */
@@ -2885,7 +2911,7 @@ class ToolBarButtonComponent extends ToolBarToolComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolBarButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: ToolBarComponent }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ToolBarButtonComponent, isStandalone: true, selector: "kendo-toolbar-button", inputs: { showText: "showText", showIcon: "showIcon", text: "text", style: "style", className: "className", title: "title", disabled: "disabled", toggleable: "toggleable", look: "look", togglable: "togglable", selected: "selected", fillMode: "fillMode", themeColor: "themeColor", icon: "icon", iconClass: "iconClass", svgIcon: "svgIcon", imageUrl: "imageUrl" }, outputs: { click: "click", pointerdown: "pointerdown", selectedChange: "selectedChange" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarButtonComponent) }], viewQueries: [{ propertyName: "toolbarButtonElement", first: true, predicate: ["toolbarButton"], descendants: true, read: ElementRef }, { propertyName: "sectionButtonElement", first: true, predicate: ["sectionButton"], descendants: true, read: ElementRef }, { propertyName: "overflowButtonElement", first: true, predicate: ["overflowButton"], descendants: true, read: ElementRef }], exportAs: ["kendoToolBarButton"], usesInheritance: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ToolBarButtonComponent, isStandalone: true, selector: "kendo-toolbar-button", inputs: { showText: "showText", showIcon: "showIcon", text: "text", style: "style", className: "className", title: "title", disabled: "disabled", toggleable: "toggleable", look: "look", togglable: "togglable", selected: "selected", fillMode: "fillMode", rounded: "rounded", themeColor: "themeColor", icon: "icon", iconClass: "iconClass", svgIcon: "svgIcon", imageUrl: "imageUrl" }, outputs: { click: "click", pointerdown: "pointerdown", selectedChange: "selectedChange" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarButtonComponent) }], viewQueries: [{ propertyName: "toolbarButtonElement", first: true, predicate: ["toolbarButton"], descendants: true, read: ElementRef }, { propertyName: "sectionButtonElement", first: true, predicate: ["sectionButton"], descendants: true, read: ElementRef }, { propertyName: "overflowButtonElement", first: true, predicate: ["overflowButton"], descendants: true, read: ElementRef }], exportAs: ["kendoToolBarButton"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
         <ng-template #toolbarTemplate>
             <kendo-badge-container *ngIf="hasBadgeContainer">
                 <button
@@ -2903,6 +2929,7 @@ class ToolBarButtonComponent extends ToolBarToolComponent {
                     [toggleable]="toggleable"
                     [fillMode]="fillMode"
                     [themeColor]="fillMode ? themeColor : null"
+                    [rounded]="rounded"
                     [selected]="selected"
                     [icon]="toolbarOptions.icon"
                     [iconClass]="toolbarOptions.iconClass"
@@ -2933,6 +2960,7 @@ class ToolBarButtonComponent extends ToolBarToolComponent {
                 [toggleable]="toggleable"
                 [fillMode]="fillMode"
                 [themeColor]="fillMode ? themeColor : null"
+                [rounded]="rounded"
                 [selected]="selected"
                 [icon]="toolbarOptions.icon"
                 [iconClass]="toolbarOptions.iconClass"
@@ -2987,6 +3015,7 @@ class ToolBarButtonComponent extends ToolBarToolComponent {
                     [toggleable]="toggleable"
                     [fillMode]="fillMode"
                     [themeColor]="fillMode ? themeColor : null"
+                    [rounded]="rounded"
                     [selected]="selected"
                     [icon]="toolbarOptions.icon"
                     [iconClass]="toolbarOptions.iconClass"
@@ -3017,6 +3046,7 @@ class ToolBarButtonComponent extends ToolBarToolComponent {
                 [toggleable]="toggleable"
                 [fillMode]="fillMode"
                 [themeColor]="fillMode ? themeColor : null"
+                [rounded]="rounded"
                 [selected]="selected"
                 [icon]="toolbarOptions.icon"
                 [iconClass]="toolbarOptions.iconClass"
@@ -3056,6 +3086,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     [toggleable]="toggleable"
                     [fillMode]="fillMode"
                     [themeColor]="fillMode ? themeColor : null"
+                    [rounded]="rounded"
                     [selected]="selected"
                     [icon]="toolbarOptions.icon"
                     [iconClass]="toolbarOptions.iconClass"
@@ -3086,6 +3117,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 [toggleable]="toggleable"
                 [fillMode]="fillMode"
                 [themeColor]="fillMode ? themeColor : null"
+                [rounded]="rounded"
                 [selected]="selected"
                 [icon]="toolbarOptions.icon"
                 [iconClass]="toolbarOptions.iconClass"
@@ -3140,6 +3172,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     [toggleable]="toggleable"
                     [fillMode]="fillMode"
                     [themeColor]="fillMode ? themeColor : null"
+                    [rounded]="rounded"
                     [selected]="selected"
                     [icon]="toolbarOptions.icon"
                     [iconClass]="toolbarOptions.iconClass"
@@ -3170,6 +3203,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 [toggleable]="toggleable"
                 [fillMode]="fillMode"
                 [themeColor]="fillMode ? themeColor : null"
+                [rounded]="rounded"
                 [selected]="selected"
                 [icon]="toolbarOptions.icon"
                 [iconClass]="toolbarOptions.iconClass"
@@ -3211,6 +3245,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], fillMode: [{
                 type: Input
+            }], rounded: [{
+                type: Input
             }], themeColor: [{
                 type: Input
             }], icon: [{
@@ -3937,7 +3973,8 @@ class ToolBarDropDownButtonComponent extends ToolBarToolComponent {
      * @hidden
      */
     handleKey(ev) {
-        if (!this.overflows && (ev.keyCode === this.getPrevKey(this.overflows) || ev.keyCode === this.getNextKey(this.overflows))) {
+        const code = normalizeNumpadKeys(ev);
+        if (!this.overflows && (code === this.getPrevKey(this.overflows) || code === this.getNextKey(this.overflows))) {
             return false;
         }
         if (this.overflows && this.location !== 'section') {
@@ -4501,7 +4538,8 @@ class ToolBarSplitButtonComponent extends ToolBarToolComponent {
      * @hidden
      */
     handleKey(ev) {
-        if (!this.overflows && (ev.keyCode === this.getPrevKey(this.overflows) || ev.keyCode === this.getNextKey(this.overflows))) {
+        const code = normalizeNumpadKeys(ev);
+        if (!this.overflows && (code === this.getPrevKey(this.overflows) || code === this.getNextKey(this.overflows))) {
             return false;
         }
         if (this.overflows) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-toolbar",
-  "version": "19.3.0-develop.4",
+  "version": "19.3.0-develop.40",
   "description": "Kendo UI Angular Toolbar component - a single UI element that organizes buttons and other navigation elements",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -45,7 +45,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1752065406,
+      "publishDate": 1754990725,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -54,18 +54,18 @@
     "@angular/common": "16 - 20",
     "@angular/core": "16 - 20",
     "@angular/platform-browser": "16 - 20",
-    "@progress/kendo-licensing": "^1.5.0",
-    "@progress/kendo-angular-buttons": "19.3.0-develop.4",
-    "@progress/kendo-angular-common": "19.3.0-develop.4",
-    "@progress/kendo-angular-l10n": "19.3.0-develop.4",
-    "@progress/kendo-angular-icons": "19.3.0-develop.4",
-    "@progress/kendo-angular-indicators": "19.3.0-develop.4",
-    "@progress/kendo-angular-popup": "19.3.0-develop.4",
+    "@progress/kendo-licensing": "^1.7.0",
+    "@progress/kendo-angular-buttons": "19.3.0-develop.40",
+    "@progress/kendo-angular-common": "19.3.0-develop.40",
+    "@progress/kendo-angular-l10n": "19.3.0-develop.40",
+    "@progress/kendo-angular-icons": "19.3.0-develop.40",
+    "@progress/kendo-angular-indicators": "19.3.0-develop.40",
+    "@progress/kendo-angular-popup": "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",
     "node-html-parser": "^7.0.1"
   },
   "schematics": "./schematics/collection.json",

package/toolbar.component.d.ts

@@ -47,7 +47,8 @@ import * as i0 from "@angular/core";
  * {@link EditorFontFamilyComponent},
  * {@link EditorFontSizeComponent},
  * {@link EditorFormatComponent},
- * {@link EditorInsertTableButtonComponent}.
+ * {@link EditorInsertTableButtonComponent},
+ * {@link SelectAllToolbarToolComponent}.
  */
 export declare class ToolBarComponent {
     localization: LocalizationService;

package/tools/toolbar-button.component.d.ts

@@ -6,7 +6,7 @@ import { EventEmitter, ElementRef, NgZone } from '@angular/core';
 import { ToolBarToolComponent } from './toolbar-tool.component';
 import { DisplayMode } from '../display-mode';
 import { ToolOptions } from '../tool-options';
-import { ButtonFillMode, ButtonThemeColor } from '@progress/kendo-angular-buttons';
+import { ButtonFillMode, ButtonThemeColor, ButtonRounded } from '@progress/kendo-angular-buttons';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import { ToolBarComponent } from '../toolbar.component';
 import * as i0 from "@angular/core";
@@ -100,6 +100,13 @@ export declare class ToolBarButtonComponent extends ToolBarToolComponent {
      * @default 'solid'
      */
     fillMode: ButtonFillMode;
+    /**
+     * Specifies the border radius of the Button.
+     * Accepts a `ButtonRounded` value.
+     *
+     * @default 'medium'
+     */
+    rounded: ButtonRounded;
     /**
      * Specifies the predefined theme color of the Button.
      * Accepts a `ButtonThemeColor` value.
@@ -160,6 +167,7 @@ export declare class ToolBarButtonComponent extends ToolBarToolComponent {
     constructor(element: ElementRef, zone: NgZone, host: ToolBarComponent);
     ngOnInit(): void;
     ngOnDestroy(): void;
+    ngOnChanges(changes: any): void;
     /**
      * @hidden
      */
@@ -190,5 +198,5 @@ export declare class ToolBarButtonComponent extends ToolBarToolComponent {
     getButton(): HTMLElement;
     private setTextDisplayMode;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarButtonComponent, "kendo-toolbar-button", ["kendoToolBarButton"], { "showText": { "alias": "showText"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "text": { "alias": "text"; "required": false; }; "style": { "alias": "style"; "required": false; }; "className": { "alias": "className"; "required": false; }; "title": { "alias": "title"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "look": { "alias": "look"; "required": false; }; "togglable": { "alias": "togglable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; }, { "click": "click"; "pointerdown": "pointerdown"; "selectedChange": "selectedChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarButtonComponent, "kendo-toolbar-button", ["kendoToolBarButton"], { "showText": { "alias": "showText"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "text": { "alias": "text"; "required": false; }; "style": { "alias": "style"; "required": false; }; "className": { "alias": "className"; "required": false; }; "title": { "alias": "title"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "look": { "alias": "look"; "required": false; }; "togglable": { "alias": "togglable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; }, { "click": "click"; "pointerdown": "pointerdown"; "selectedChange": "selectedChange"; }, never, never, true, never>;
 }

package/util.d.ts

@@ -63,11 +63,11 @@ export declare const makePeeker: (collection: any[]) => (index: number) => boole
 /**
  * @hidden
  */
-export declare const getIndexOfFocused: (prevKeyCode: number, nextKeyCode: number, collection: HTMLElement[]) => (ev: any) => number;
+export declare const getIndexOfFocused: (prevKeyCode: string, nextKeyCode: string, collection: HTMLElement[]) => (ev: any) => number;
 /**
  * @hidden
  */
-export declare const seekFocusedIndex: (prevKeyCode: number, nextKeyCode: number, seeker: (i: number) => boolean) => (startIndex: number, ev: any) => number;
+export declare const seekFocusedIndex: (prevKeyCode: string, nextKeyCode: string, seeker: (i: number) => boolean) => (startIndex: number, ev: any) => number;
 /**
  * @hidden
  */