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

package/esm2022/gantt.component.mjs

@@ -8,7 +8,7 @@ import { Day } from '@progress/kendo-date-math';
 import { Subscription } from 'rxjs';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from './package-metadata';
-import { anyChanged, EventsOutsideAngularDirective, hasObservers, Keys, shouldShowValidationUI, getLicenseMessage, WatermarkOverlayComponent } from '@progress/kendo-angular-common';
+import { anyChanged, EventsOutsideAngularDirective, hasObservers, Keys, shouldShowValidationUI, getLicenseMessage, WatermarkOverlayComponent, normalizeNumpadKeys } from '@progress/kendo-angular-common';
 import { getIndexFromViewDigitKeyCode, isArrowUpDownKey, isExpandCollapseKey, isNavigationKey, isViewDigitKey } from './navigation/utils';
 import { GanttTimelineComponent } from './timeline/gantt-timeline.component';
 import { GanttColumnBase } from './columns/columns';
@@ -1306,30 +1306,32 @@ export class GanttComponent {
         }
     }
     handleKeydown(event) {
-        const { keyCode, target, altKey } = event;
+        const { target, altKey } = event;
+        // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
+        const code = normalizeNumpadKeys(event);
         const isTimelineActive = this.timeline.timelineContent.nativeElement.contains(target);
         if (isTimelineActive) {
-            if (isArrowUpDownKey(keyCode)) {
-                const direction = keyCode === Keys.ArrowUp ? -1 : 1;
+            if (isArrowUpDownKey(code)) {
+                const direction = code === Keys.ArrowUp ? -1 : 1;
                 this.navigation.activeTimelineIndex = this.activeTimelineIndex + direction;
                 this.navigation.updateActiveTreeListCell();
             }
-            else if (keyCode === Keys.Home) {
+            else if (code === Keys.Home) {
                 this.navigation.activeTimelineIndex = 0;
                 this.navigation.updateActiveTreeListCell();
             }
-            else if (keyCode === Keys.End) {
+            else if (code === Keys.End) {
                 const lastAvailableIndex = this.treeList.view.data.length - 1;
                 this.navigation.activeTimelineIndex = lastAvailableIndex;
                 this.navigation.updateActiveTreeListCell();
             }
-            if (isNavigationKey(keyCode)) {
+            if (isNavigationKey(code)) {
                 this.navigation.scrollHorizontallyToTask();
                 this.scrollSyncService.syncScrollTop('timeline', 'treelist');
                 this.navigation.notifyTaskStatusChange();
                 event.preventDefault();
             }
-            if (keyCode === Keys.Space && hasObservers(this.selectionChange)) {
+            if (code === Keys.Space && hasObservers(this.selectionChange)) {
                 const task = this.renderedTreeListItems[this.activeTimelineIndex];
                 const selectionAction = this.getSelectionAction(event, task);
                 if (isPresent(task) && !this.isSameSelection(selectionAction, task)) {
@@ -1337,17 +1339,17 @@ export class GanttComponent {
                 }
                 event.preventDefault();
             }
-            if (keyCode === Keys.Enter && hasObservers(this.taskClick)) {
+            if ((code === Keys.Enter) && hasObservers(this.taskClick)) {
                 const task = this.renderedTreeListItems[this.activeTimelineIndex];
                 if (isPresent(task)) {
                     this.zone.run(() => this.notifyTaskClick(event, task, this.activeTimelineIndex));
                 }
                 event.preventDefault();
             }
-            if (isExpandCollapseKey(keyCode, altKey)) {
+            if (isExpandCollapseKey(code, altKey)) {
                 const task = this.renderedTreeListItems[this.activeTimelineIndex];
                 if (isPresent(task) && this.hasChildren(task)) {
-                    const shouldExpand = keyCode === Keys.ArrowRight;
+                    const shouldExpand = code === Keys.ArrowRight;
                     const isExpanded = this.isExpanded(task);
                     const sameState = shouldExpand === isExpanded;
                     if (!sameState) {
@@ -1370,7 +1372,7 @@ export class GanttComponent {
             }
         }
         const isTreeListActive = this.treeList.wrapper.nativeElement.contains(target);
-        if (keyCode === Keys.Delete && (isTimelineActive || isTreeListActive) && hasObservers(this.taskDelete)) {
+        if (code === Keys.Delete && (isTimelineActive || isTreeListActive) && hasObservers(this.taskDelete)) {
             const taskIndex = isTreeListActive ?
                 this.treeList.activeCell.dataRowIndex :
                 this.activeTimelineIndex;
@@ -1379,8 +1381,8 @@ export class GanttComponent {
                 this.zone.run(() => this.notifyTaskDelete(task));
             }
         }
-        if (isViewDigitKey(keyCode) && !isToolbar(target, this.hostElement.nativeElement) && !this.isInEditMode) {
-            const targetViewIndex = getIndexFromViewDigitKeyCode(keyCode);
+        if (isViewDigitKey(code) && !isToolbar(target, this.hostElement.nativeElement) && !this.isInEditMode) {
+            const targetViewIndex = getIndexFromViewDigitKeyCode(code);
             const availableViews = this.views.toArray();
             const targetView = availableViews[targetViewIndex];
             if (isPresent(targetView) && targetView.type !== this.activeView) {

package/esm2022/navigation/utils.mjs

@@ -3,66 +3,58 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Keys } from '@progress/kendo-angular-common';
-// TODO: add those keys to `import { Keys } from '@progress/kendo-angular-common';`
-var NumpadKeys;
-(function (NumpadKeys) {
-    NumpadKeys[NumpadKeys["Digit1"] = 97] = "Digit1";
-    NumpadKeys[NumpadKeys["Digit2"] = 98] = "Digit2";
-    NumpadKeys[NumpadKeys["Digit3"] = 99] = "Digit3";
-    NumpadKeys[NumpadKeys["Digit4"] = 100] = "Digit4";
-})(NumpadKeys || (NumpadKeys = {}));
 /**
  * @hidden
  */
-export const isArrowUpDownKey = (keyCode) => [
+export const isArrowUpDownKey = (code) => [
     Keys.ArrowUp,
     Keys.ArrowDown
-].some(arrowKeyCode => keyCode === arrowKeyCode);
+].some(arrowKeyCode => code === arrowKeyCode);
 /**
  * @hidden
  */
-export const isNavigationKey = (keyCode) => [
+export const isNavigationKey = (code) => [
     Keys.ArrowUp,
     Keys.ArrowDown,
     Keys.Home,
     Keys.End
-].some(navigationKeyCode => keyCode === navigationKeyCode);
+].some(navigationKeyCode => code === navigationKeyCode);
 /**
  * @hidden
  */
-export const isExpandCollapseKey = (keyCode, altKey) => {
+export const isExpandCollapseKey = (code, altKey) => {
     return altKey && [
         Keys.ArrowLeft,
         Keys.ArrowRight
-    ].some(navigationKeyCode => keyCode === navigationKeyCode);
+    ].some(navigationKeyCode => code === navigationKeyCode);
 };
 /**
  * @hidden
  */
-export const isViewDigitKey = (keyCode) => [
+export const isViewDigitKey = (code) => [
     Keys.Digit1,
-    NumpadKeys.Digit1,
+    Keys.Numpad1,
     Keys.Digit2,
-    NumpadKeys.Digit2,
+    Keys.Numpad2,
     Keys.Digit3,
-    NumpadKeys.Digit3,
+    Keys.Numpad3,
     Keys.Digit4,
-    NumpadKeys.Digit4
-].some(digitKeyCode => keyCode === digitKeyCode);
+    Keys.Numpad4
+].some(digitKeyCode => code === digitKeyCode);
 /**
  * @hidden
  *
  * Returns the corresponding view index for the pressed digit key (Digit 1 => 0, Digit 2 => 1, etc.).
  */
-export const getIndexFromViewDigitKeyCode = (keyCode) => {
-    switch (keyCode) {
-        case NumpadKeys.Digit1:
+export const getIndexFromViewDigitKeyCode = (code) => {
+    switch (code) {
+        case Keys.Numpad1:
         case Keys.Digit1: return 0;
-        case NumpadKeys.Digit2:
+        case Keys.Numpad2:
         case Keys.Digit2: return 1;
-        case NumpadKeys.Digit3:
+        case Keys.Numpad3:
         case Keys.Digit3: return 2;
-        case NumpadKeys.Digit4:
+        case Keys.Numpad4:
         case Keys.Digit4: return 3;
         default: return null;
     }

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1754579796,
-    version: '19.3.0-develop.32',
+    publishDate: 1754590039,
+    version: '19.3.0-develop.33',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

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

@@ -8,7 +8,7 @@ import { ColumnBase, ColumnComponent, ColumnGroupComponent, SpanColumnComponent,
 import { cloneDate, addWeeks, firstDayInWeek, addDays, lastDayOfMonth, getDate, firstDayOfMonth, addMonths, lastMonthOfYear, MS_PER_HOUR, MS_PER_DAY, isEqual } from '@progress/kendo-date-math';
 import { Subject, Subscription, fromEvent, forkJoin, EMPTY, isObservable, of } from 'rxjs';
 import { validatePackage } from '@progress/kendo-licensing';
-import { Keys, isDocumentAvailable, closestInScope, matchesClasses, isPresent as isPresent$1, EventsOutsideAngularDirective, DraggableDirective, PreventableEvent, anyChanged, closest, isFocusable, focusableSelector, isVisible, getLicenseMessage, shouldShowValidationUI, hasObservers, WatermarkOverlayComponent, ResizeBatchService } from '@progress/kendo-angular-common';
+import { Keys, isDocumentAvailable, closestInScope, matchesClasses, isPresent as isPresent$1, EventsOutsideAngularDirective, DraggableDirective, PreventableEvent, anyChanged, closest, isFocusable, focusableSelector, isVisible, getLicenseMessage, shouldShowValidationUI, hasObservers, normalizeNumpadKeys, WatermarkOverlayComponent, ResizeBatchService } from '@progress/kendo-angular-common';
 import { map, distinctUntilChanged, take, switchMap, expand, reduce, filter } from 'rxjs/operators';
 import { getter, touchEnabled } from '@progress/kendo-common';
 import * as i1 from '@progress/kendo-angular-intl';
@@ -44,71 +44,63 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1754579796,
-    version: '19.3.0-develop.32',
+    publishDate: 1754590039,
+    version: '19.3.0-develop.33',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
 
-// TODO: add those keys to `import { Keys } from '@progress/kendo-angular-common';`
-var NumpadKeys;
-(function (NumpadKeys) {
-    NumpadKeys[NumpadKeys["Digit1"] = 97] = "Digit1";
-    NumpadKeys[NumpadKeys["Digit2"] = 98] = "Digit2";
-    NumpadKeys[NumpadKeys["Digit3"] = 99] = "Digit3";
-    NumpadKeys[NumpadKeys["Digit4"] = 100] = "Digit4";
-})(NumpadKeys || (NumpadKeys = {}));
 /**
  * @hidden
  */
-const isArrowUpDownKey = (keyCode) => [
+const isArrowUpDownKey = (code) => [
     Keys.ArrowUp,
     Keys.ArrowDown
-].some(arrowKeyCode => keyCode === arrowKeyCode);
+].some(arrowKeyCode => code === arrowKeyCode);
 /**
  * @hidden
  */
-const isNavigationKey = (keyCode) => [
+const isNavigationKey = (code) => [
     Keys.ArrowUp,
     Keys.ArrowDown,
     Keys.Home,
     Keys.End
-].some(navigationKeyCode => keyCode === navigationKeyCode);
+].some(navigationKeyCode => code === navigationKeyCode);
 /**
  * @hidden
  */
-const isExpandCollapseKey = (keyCode, altKey) => {
+const isExpandCollapseKey = (code, altKey) => {
     return altKey && [
         Keys.ArrowLeft,
         Keys.ArrowRight
-    ].some(navigationKeyCode => keyCode === navigationKeyCode);
+    ].some(navigationKeyCode => code === navigationKeyCode);
 };
 /**
  * @hidden
  */
-const isViewDigitKey = (keyCode) => [
+const isViewDigitKey = (code) => [
     Keys.Digit1,
-    NumpadKeys.Digit1,
+    Keys.Numpad1,
     Keys.Digit2,
-    NumpadKeys.Digit2,
+    Keys.Numpad2,
     Keys.Digit3,
-    NumpadKeys.Digit3,
+    Keys.Numpad3,
     Keys.Digit4,
-    NumpadKeys.Digit4
-].some(digitKeyCode => keyCode === digitKeyCode);
+    Keys.Numpad4
+].some(digitKeyCode => code === digitKeyCode);
 /**
  * @hidden
  *
  * Returns the corresponding view index for the pressed digit key (Digit 1 => 0, Digit 2 => 1, etc.).
  */
-const getIndexFromViewDigitKeyCode = (keyCode) => {
-    switch (keyCode) {
-        case NumpadKeys.Digit1:
+const getIndexFromViewDigitKeyCode = (code) => {
+    switch (code) {
+        case Keys.Numpad1:
         case Keys.Digit1: return 0;
-        case NumpadKeys.Digit2:
+        case Keys.Numpad2:
         case Keys.Digit2: return 1;
-        case NumpadKeys.Digit3:
+        case Keys.Numpad3:
         case Keys.Digit3: return 2;
-        case NumpadKeys.Digit4:
+        case Keys.Numpad4:
         case Keys.Digit4: return 3;
         default: return null;
     }
@@ -7225,30 +7217,32 @@ class GanttComponent {
         }
     }
     handleKeydown(event) {
-        const { keyCode, target, altKey } = event;
+        const { target, altKey } = event;
+        // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
+        const code = normalizeNumpadKeys(event);
         const isTimelineActive = this.timeline.timelineContent.nativeElement.contains(target);
         if (isTimelineActive) {
-            if (isArrowUpDownKey(keyCode)) {
-                const direction = keyCode === Keys.ArrowUp ? -1 : 1;
+            if (isArrowUpDownKey(code)) {
+                const direction = code === Keys.ArrowUp ? -1 : 1;
                 this.navigation.activeTimelineIndex = this.activeTimelineIndex + direction;
                 this.navigation.updateActiveTreeListCell();
             }
-            else if (keyCode === Keys.Home) {
+            else if (code === Keys.Home) {
                 this.navigation.activeTimelineIndex = 0;
                 this.navigation.updateActiveTreeListCell();
             }
-            else if (keyCode === Keys.End) {
+            else if (code === Keys.End) {
                 const lastAvailableIndex = this.treeList.view.data.length - 1;
                 this.navigation.activeTimelineIndex = lastAvailableIndex;
                 this.navigation.updateActiveTreeListCell();
             }
-            if (isNavigationKey(keyCode)) {
+            if (isNavigationKey(code)) {
                 this.navigation.scrollHorizontallyToTask();
                 this.scrollSyncService.syncScrollTop('timeline', 'treelist');
                 this.navigation.notifyTaskStatusChange();
                 event.preventDefault();
             }
-            if (keyCode === Keys.Space && hasObservers(this.selectionChange)) {
+            if (code === Keys.Space && hasObservers(this.selectionChange)) {
                 const task = this.renderedTreeListItems[this.activeTimelineIndex];
                 const selectionAction = this.getSelectionAction(event, task);
                 if (isPresent(task) && !this.isSameSelection(selectionAction, task)) {
@@ -7256,17 +7250,17 @@ class GanttComponent {
                 }
                 event.preventDefault();
             }
-            if (keyCode === Keys.Enter && hasObservers(this.taskClick)) {
+            if ((code === Keys.Enter) && hasObservers(this.taskClick)) {
                 const task = this.renderedTreeListItems[this.activeTimelineIndex];
                 if (isPresent(task)) {
                     this.zone.run(() => this.notifyTaskClick(event, task, this.activeTimelineIndex));
                 }
                 event.preventDefault();
             }
-            if (isExpandCollapseKey(keyCode, altKey)) {
+            if (isExpandCollapseKey(code, altKey)) {
                 const task = this.renderedTreeListItems[this.activeTimelineIndex];
                 if (isPresent(task) && this.hasChildren(task)) {
-                    const shouldExpand = keyCode === Keys.ArrowRight;
+                    const shouldExpand = code === Keys.ArrowRight;
                     const isExpanded = this.isExpanded(task);
                     const sameState = shouldExpand === isExpanded;
                     if (!sameState) {
@@ -7289,7 +7283,7 @@ class GanttComponent {
             }
         }
         const isTreeListActive = this.treeList.wrapper.nativeElement.contains(target);
-        if (keyCode === Keys.Delete && (isTimelineActive || isTreeListActive) && hasObservers(this.taskDelete)) {
+        if (code === Keys.Delete && (isTimelineActive || isTreeListActive) && hasObservers(this.taskDelete)) {
             const taskIndex = isTreeListActive ?
                 this.treeList.activeCell.dataRowIndex :
                 this.activeTimelineIndex;
@@ -7298,8 +7292,8 @@ class GanttComponent {
                 this.zone.run(() => this.notifyTaskDelete(task));
             }
         }
-        if (isViewDigitKey(keyCode) && !isToolbar(target, this.hostElement.nativeElement) && !this.isInEditMode) {
-            const targetViewIndex = getIndexFromViewDigitKeyCode(keyCode);
+        if (isViewDigitKey(code) && !isToolbar(target, this.hostElement.nativeElement) && !this.isInEditMode) {
+            const targetViewIndex = getIndexFromViewDigitKeyCode(code);
             const availableViews = this.views.toArray();
             const targetView = availableViews[targetViewIndex];
             if (isPresent(targetView) && targetView.type !== this.activeView) {

package/navigation/utils.d.ts

@@ -5,22 +5,22 @@
 /**
  * @hidden
  */
-export declare const isArrowUpDownKey: (keyCode: number) => boolean;
+export declare const isArrowUpDownKey: (code: string) => boolean;
 /**
  * @hidden
  */
-export declare const isNavigationKey: (keyCode: number) => boolean;
+export declare const isNavigationKey: (code: string) => boolean;
 /**
  * @hidden
  */
-export declare const isExpandCollapseKey: (keyCode: number, altKey: boolean) => boolean;
+export declare const isExpandCollapseKey: (code: string, altKey: boolean) => boolean;
 /**
  * @hidden
  */
-export declare const isViewDigitKey: (keyCode: number) => boolean;
+export declare const isViewDigitKey: (code: string) => boolean;
 /**
  * @hidden
  *
  * Returns the corresponding view index for the pressed digit key (Digit 1 => 0, Digit 2 => 1, etc.).
  */
-export declare const getIndexFromViewDigitKeyCode: (keyCode: number) => number;
+export declare const getIndexFromViewDigitKeyCode: (code: string) => number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-gantt",
-  "version": "19.3.0-develop.32",
+  "version": "19.3.0-develop.33",
   "description": "Kendo UI Angular Gantt",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -19,7 +19,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1754579796,
+      "publishDate": 1754590039,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"
     }
   },
@@ -31,25 +31,25 @@
     "@angular/platform-browser": "16 - 20",
     "@progress/kendo-data-query": "^1.5.5",
     "@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-dialog": "19.3.0-develop.32",
-    "@progress/kendo-angular-dropdowns": "19.3.0-develop.32",
-    "@progress/kendo-angular-grid": "19.3.0-develop.32",
-    "@progress/kendo-angular-icons": "19.3.0-develop.32",
-    "@progress/kendo-angular-inputs": "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-label": "19.3.0-develop.32",
-    "@progress/kendo-angular-layout": "19.3.0-develop.32",
-    "@progress/kendo-angular-popup": "19.3.0-develop.32",
-    "@progress/kendo-angular-tooltip": "19.3.0-develop.32",
-    "@progress/kendo-angular-treelist": "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-dialog": "19.3.0-develop.33",
+    "@progress/kendo-angular-dropdowns": "19.3.0-develop.33",
+    "@progress/kendo-angular-grid": "19.3.0-develop.33",
+    "@progress/kendo-angular-icons": "19.3.0-develop.33",
+    "@progress/kendo-angular-inputs": "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-label": "19.3.0-develop.33",
+    "@progress/kendo-angular-layout": "19.3.0-develop.33",
+    "@progress/kendo-angular-popup": "19.3.0-develop.33",
+    "@progress/kendo-angular-tooltip": "19.3.0-develop.33",
+    "@progress/kendo-angular-treelist": "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-date-math": "^1.5.2",
     "@progress/kendo-draggable": "^3.0.0"

package/schematics/ngAdd/index.js

@@ -7,16 +7,16 @@ function default_1(options) {
         // See https://github.com/telerik/kendo-schematics/issues/28
         peerDependencies: {
             // peer deps of the treelist
-            '@progress/kendo-angular-dateinputs': '19.3.0-develop.32',
-            '@progress/kendo-angular-excel-export': '19.3.0-develop.32',
-            '@progress/kendo-angular-pdf-export': '19.3.0-develop.32',
-            '@progress/kendo-angular-utils': '19.3.0-develop.32',
+            '@progress/kendo-angular-dateinputs': '19.3.0-develop.33',
+            '@progress/kendo-angular-excel-export': '19.3.0-develop.33',
+            '@progress/kendo-angular-pdf-export': '19.3.0-develop.33',
+            '@progress/kendo-angular-utils': '19.3.0-develop.33',
             '@progress/kendo-drawing': '^1.0.0',
             // peer deps of the dropdowns
-            '@progress/kendo-angular-treeview': '19.3.0-develop.32',
-            '@progress/kendo-angular-navigation': '19.3.0-develop.32',
+            '@progress/kendo-angular-treeview': '19.3.0-develop.33',
+            '@progress/kendo-angular-navigation': '19.3.0-develop.33',
             // peer dep of the layout
-            '@progress/kendo-angular-progressbar': '19.3.0-develop.32',
+            '@progress/kendo-angular-progressbar': '19.3.0-develop.33',
             // peer dep of the icons
             '@progress/kendo-svg-icons': '^4.0.0'
         } });