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

package/esm2022/configurator/chip-kb-nav.directive.mjs

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { Directive, EventEmitter, NgZone, Output, Renderer2 } from '@angular/core';
 import { ChipComponent } from '@progress/kendo-angular-buttons';
-import { Keys } from '@progress/kendo-angular-common';
+import { Keys, normalizeNumpadKeys } from '@progress/kendo-angular-common';
 import { Subscription } from 'rxjs';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-buttons";
@@ -27,11 +27,12 @@ export class ChipKeyboardNavigationDirective {
         this.ngZone.runOutsideAngular(() => {
             this.keydownSub.add(this.renderer.listen(chipElement, 'keydown', (ev) => {
                 ev.preventDefault();
-                const isAltDown = ev.keyCode === Keys.ArrowDown && ev.altKey;
+                const code = normalizeNumpadKeys(ev);
+                const isAltDown = code === Keys.ArrowDown && ev.altKey;
                 const menuIcon = this.host.element.nativeElement.querySelector('.k-i-more-vertical, .k-svg-i-more-vertical');
                 const isCtrlOrMeta = ev.ctrlKey || ev.metaKey;
                 const shiftAndMeta = ev.shiftKey && isCtrlOrMeta;
-                const isArrow = [Keys.ArrowLeft, Keys.ArrowRight, Keys.ArrowDown, Keys.ArrowUp].includes(ev.keyCode);
+                const isArrow = [Keys.ArrowLeft, Keys.ArrowRight, Keys.ArrowDown, Keys.ArrowUp].includes(code);
                 const isReorderAction = shiftAndMeta && isArrow;
                 if (isAltDown && menuIcon) {
                     menuIcon.click();
@@ -42,7 +43,7 @@ export class ChipKeyboardNavigationDirective {
                         [Keys.ArrowUp]: 'up',
                         [Keys.ArrowRight]: 'right',
                         [Keys.ArrowLeft]: 'left'
-                    }[ev.keyCode];
+                    }[code];
                     this.reorder.emit({
                         direction,
                         sender: this.host

package/esm2022/configurator/chip-menu/chip-menu-item.directive.mjs

@@ -64,7 +64,7 @@ export class ChipMenuItemDirective {
         this.subs.unsubscribe();
     }
     onTab = (e) => {
-        if (e.keyCode !== Keys.Tab) {
+        if (e.code !== Keys.Tab) {
             return;
         }
         if (this.isFirst && e.shiftKey && e.target === this.chipMenuItems[0]) {

package/esm2022/configurator/chip-menu/chip-menu.component.mjs

@@ -8,7 +8,6 @@ import { Component, Input, ViewChild, Renderer2, TemplateRef } from '@angular/co
 import { SinglePopupService } from './single-popup.service';
 import { ChipMenuService } from './chip-menu.service';
 import { PivotLocalizationService } from '../../localization/pivot-localization.service';
-import { replaceMessagePlaceholder } from '../../util';
 import { moreVerticalIcon } from '@progress/kendo-svg-icons';
 import { ChipMenuReorderComponent } from './chip-menu-reorder.component';
 import { ChipMenuFilterComponent } from './chip-menu-filter.component';
@@ -18,6 +17,7 @@ import { NgIf } from '@angular/common';
 import { ChipMenuContainerComponent } from './chip-menu-container.component';
 import { IconWrapperComponent } from '@progress/kendo-angular-icons';
 import { ChipComponent } from '@progress/kendo-angular-buttons';
+import { replaceMessagePlaceholder } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
 import * as i1 from "./single-popup.service";
 import * as i2 from "../../localization/pivot-localization.service";

package/esm2022/configurator/chip-menu/filtering/filter-menu-dropdownlist.directive.mjs

@@ -25,7 +25,7 @@ export class FilterMenuDropDownListDirective {
         this.host.wrapper.nativeElement.removeEventListener('keydown', this.keydownHandler);
     }
     keydownHandler = (e) => {
-        if (e.keyCode === Keys.Escape && this.host.isOpen) {
+        if (e.code === Keys.Escape && this.host.isOpen) {
             e.stopPropagation();
             this.host.toggle(false);
         }

package/esm2022/configurator/chip-menu/filtering/string-filter-menu.component.mjs

@@ -8,10 +8,10 @@ import { PivotLocalizationService } from '../../../localization/pivot-localizati
 import { FormBuilder, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
 import { ConfiguratorService } from '../../configurator.service';
 import { Subscription } from 'rxjs';
-import { replaceMessagePlaceholder } from '../../../util';
 import { FilterMenuDropDownListDirective } from './filter-menu-dropdownlist.directive';
 import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
 import { TextBoxDirective } from '@progress/kendo-angular-inputs';
+import { replaceMessagePlaceholder } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
 import * as i1 from "../../../localization/pivot-localization.service";
 import * as i2 from "../../configurator.service";

package/esm2022/configurator/configurator.component.mjs

@@ -508,7 +508,7 @@ export class PivotGridConfiguratorComponent {
                 <button kendoButton themeColor="primary" type="button" (click)="handleSubmit()">{{messageFor('configuratorApplyButtonText')}}</button>
             </div>
         </div>
-   `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: TreeViewComponent, selector: "kendo-treeview", inputs: ["filterInputPlaceholder", "expandDisabledNodes", "animate", "nodeTemplate", "loadMoreButtonTemplate", "trackBy", "nodes", "textField", "hasChildren", "isChecked", "isDisabled", "hasCheckbox", "isExpanded", "isSelected", "isVisible", "navigable", "children", "loadOnDemand", "filterable", "filter", "size", "disableParentNodesOnly"], outputs: ["childrenLoaded", "blur", "focus", "expand", "collapse", "nodeDragStart", "nodeDrag", "filterStateChange", "nodeDrop", "nodeDragEnd", "addItem", "removeItem", "checkedChange", "selectionChange", "filterChange", "nodeClick", "nodeDblClick"], exportAs: ["kendoTreeView"] }, { kind: "directive", type: ExpandDirective, selector: "[kendoTreeViewExpandable]", inputs: ["isExpanded", "expandBy", "expandOnFilter", "expandedKeys"], outputs: ["expandedKeysChange"] }, { kind: "directive", type: CheckDirective, selector: "[kendoTreeViewCheckable]", inputs: ["isChecked", "checkBy", "checkedKeys", "kendoTreeViewCheckable"], outputs: ["checkedKeysChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: DropTargetDirective, selector: "[kendoDropTarget]", inputs: ["item", "axes"] }, { kind: "component", type: ChipListComponent, selector: "kendo-chiplist, kendo-chip-list", inputs: ["selection", "size", "role", "navigable"], outputs: ["selectedChange", "remove"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ChipComponent, selector: "kendo-chip", inputs: ["label", "icon", "svgIcon", "iconClass", "avatarSettings", "selected", "removable", "removeIcon", "removeSvgIcon", "hasMenu", "menuIcon", "menuSvgIcon", "disabled", "size", "rounded", "fillMode", "themeColor"], outputs: ["remove", "menuToggle", "contentClick"] }, { kind: "directive", type: DraggableChipDirective, selector: "[kendoChipDraggable]", inputs: ["item"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: ChipKeyboardNavigationDirective, selector: "[kendoChipKeyboardNavigation]", outputs: ["reorder"] }, { kind: "component", type: ChipMenuComponent, selector: "kendo-pivot-chip-menu", inputs: ["chip", "tabIndex", "isMeasureField", "anchor"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+   `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: TreeViewComponent, selector: "kendo-treeview", inputs: ["filterInputPlaceholder", "expandDisabledNodes", "animate", "nodeTemplate", "loadMoreButtonTemplate", "trackBy", "nodes", "textField", "hasChildren", "isChecked", "isDisabled", "hasCheckbox", "isExpanded", "isSelected", "isVisible", "navigable", "children", "loadOnDemand", "filterable", "filter", "size", "disableParentNodesOnly"], outputs: ["childrenLoaded", "blur", "focus", "expand", "collapse", "nodeDragStart", "nodeDrag", "filterStateChange", "nodeDrop", "nodeDragEnd", "addItem", "removeItem", "checkedChange", "selectionChange", "filterChange", "nodeClick", "nodeDblClick"], exportAs: ["kendoTreeView"] }, { kind: "directive", type: ExpandDirective, selector: "[kendoTreeViewExpandable]", inputs: ["isExpanded", "expandBy", "expandOnFilter", "expandedKeys"], outputs: ["expandedKeysChange"] }, { kind: "directive", type: CheckDirective, selector: "[kendoTreeViewCheckable]", inputs: ["isChecked", "checkBy", "checkedKeys", "kendoTreeViewCheckable"], outputs: ["checkedKeysChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: DropTargetDirective, selector: "[kendoDropTarget]", inputs: ["item", "axes"] }, { kind: "component", type: ChipListComponent, selector: "kendo-chiplist, kendo-chip-list", inputs: ["orientation", "selection", "size", "role", "navigable"], outputs: ["selectedChange", "remove"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ChipComponent, selector: "kendo-chip", inputs: ["label", "icon", "svgIcon", "iconClass", "avatarSettings", "selected", "removable", "removeIcon", "removeSvgIcon", "hasMenu", "menuIcon", "menuSvgIcon", "disabled", "size", "rounded", "fillMode", "themeColor"], outputs: ["remove", "menuToggle", "contentClick"] }, { kind: "directive", type: DraggableChipDirective, selector: "[kendoChipDraggable]", inputs: ["item"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: ChipKeyboardNavigationDirective, selector: "[kendoChipKeyboardNavigation]", outputs: ["reorder"] }, { kind: "component", type: ChipMenuComponent, selector: "kendo-pivot-chip-menu", inputs: ["chip", "tabIndex", "isMeasureField", "anchor"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PivotGridConfiguratorComponent, decorators: [{
             type: Component,

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1752065641,
-    version: '19.3.0-develop.4',
+    publishDate: 1754990978,
+    version: '19.3.0-develop.40',
     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/esm2022/rendering/pivotgrid-table.component.mjs

@@ -13,7 +13,7 @@ import { ScrollableTable } from '../virtual/scrollable-container';
 import { PivotGridCellDirective } from './pivotgrid-cell.directive';
 import { NgFor, NgIf, NgStyle } from '@angular/common';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { Keys, isDocumentAvailable } from '@progress/kendo-angular-common';
+import { Keys, isDocumentAvailable, normalizeNumpadKeys } from '@progress/kendo-angular-common';
 import { isVisible, matchAriaAttributes } from '../util';
 import { PivotGridScrollService } from '../virtual/scroll.service';
 import * as i0 from "@angular/core";
@@ -121,10 +121,11 @@ export class PivotGridTableComponent {
     initScrollableKeyboardNavigation() {
         const pivotGrid = this.scrollService.pivotGrid;
         this.host.nativeElement.addEventListener('keydown', (e) => {
-            if (this.tableType === 'values' && e.target.tagName === 'TD') {
+            const code = normalizeNumpadKeys(e);
+            if (this.tableType === 'values' && e.targe.tagName === 'TD') {
                 e.stopImmediatePropagation();
                 e.preventDefault();
-                if (e.keyCode === Keys.ArrowLeft) {
+                if (code === Keys.ArrowLeft) {
                     const id = e.target.getAttribute('id');
                     if (id.split('-')[5] === '1') {
                         const target = document.querySelector(`tr[aria-owns*="${id}"]`);
@@ -137,7 +138,7 @@ export class PivotGridTableComponent {
                         }
                     }
                 }
-                else if (e.keyCode === Keys.ArrowRight) {
+                else if (code === Keys.ArrowRight) {
                     const id = e.target.getAttribute('id');
                     if (id.split('-')[5] !== this.headerItems.length.toString()) {
                         pivotGrid.navigation.focusElement(e.target.nextElementSibling, e.target);
@@ -146,7 +147,7 @@ export class PivotGridTableComponent {
                         }
                     }
                 }
-                else if (e.keyCode === Keys.ArrowUp) {
+                else if (code === Keys.ArrowUp) {
                     const id = e.target.getAttribute('id');
                     if (id.split('-')[4] === '1') {
                         const target = document.getElementById(e.target.getAttribute('aria-describedby').split(' ').pop());
@@ -161,7 +162,7 @@ export class PivotGridTableComponent {
                         }
                     }
                 }
-                else if (e.keyCode === Keys.ArrowDown) {
+                else if (code === Keys.ArrowDown) {
                     const id = e.target.getAttribute('id');
                     if (id.split('-')[4] !== this.totalRows.toString()) {
                         const index = Array.from(e.target.parentElement.children).findIndex(el => el === e.target);
@@ -173,7 +174,7 @@ export class PivotGridTableComponent {
                     }
                 }
             }
-            if (this.tableType === 'rowHeader' && e.target.tagName === 'TH' && e.keyCode === Keys.ArrowRight) {
+            if (this.tableType === 'rowHeader' && e.target.tagName === 'TH' && code === Keys.ArrowRight) {
                 if (e.target.matches(':last-child')) {
                     e.stopImmediatePropagation();
                     e.preventDefault();
@@ -186,7 +187,7 @@ export class PivotGridTableComponent {
                     }));
                 }
             }
-            if (this.tableType === 'columnHeader' && e.target.tagName === 'TH' && e.keyCode === Keys.ArrowDown) {
+            if (this.tableType === 'columnHeader' && e.target.tagName === 'TH' && code === Keys.ArrowDown) {
                 if (e.target.parentElement.matches(':last-child')) {
                     e.stopImmediatePropagation();
                     e.preventDefault();

package/esm2022/util.mjs

@@ -139,10 +139,6 @@ export const position = (target, before) => {
  * @hidden
  */
 export const filterAndMap = (arr, predicate, mapper) => arr.reduce((acc, curr) => predicate(curr) ? [...acc, mapper(curr)] : acc, []);
-/**
- * @hidden
- */
-export const replaceMessagePlaceholder = (message, name, value) => message.replace(new RegExp(`{\\s*${name}\\s*}`, 'g'), value);
 /**
  * @hidden
  */

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

@@ -7,7 +7,7 @@ import { EventEmitter, Directive, Output, Input, Injectable, Component, ContentC
 import * as i1 from '@progress/kendo-angular-buttons';
 import { ButtonComponent, ChipListComponent, ChipComponent } from '@progress/kendo-angular-buttons';
 import * as i1$4 from '@progress/kendo-angular-common';
-import { Keys, isDocumentAvailable, PreventableEvent, DraggableDirective, hasObservers, anyChanged, EventsOutsideAngularDirective, TemplateContextDirective, isChanged, ResizeBatchService } from '@progress/kendo-angular-common';
+import { normalizeNumpadKeys, Keys, isDocumentAvailable, replaceMessagePlaceholder, PreventableEvent, DraggableDirective, hasObservers, anyChanged, EventsOutsideAngularDirective, TemplateContextDirective, isChanged, ResizeBatchService } from '@progress/kendo-angular-common';
 import { Subscription, BehaviorSubject, Subject, from, of, fromEvent } from 'rxjs';
 import { take, tap, mergeMap, merge } from 'rxjs/operators';
 import { toTree, toRows, toColumns, toData, configuratorReducer, PIVOT_CONFIGURATOR_ACTION, HEADERS_ACTION, headersReducer, createFlatSchemaDimensions, createDataTree, createLocalDataState, rootFields, fetchData, createDataState, fetchDiscover, addKPI, buildKPIMeasures, PivotGridNavigation, ConfiguratorNavigation } from '@progress/kendo-pivotgrid-common';
@@ -49,11 +49,12 @@ class ChipKeyboardNavigationDirective {
         this.ngZone.runOutsideAngular(() => {
             this.keydownSub.add(this.renderer.listen(chipElement, 'keydown', (ev) => {
                 ev.preventDefault();
-                const isAltDown = ev.keyCode === Keys.ArrowDown && ev.altKey;
+                const code = normalizeNumpadKeys(ev);
+                const isAltDown = code === Keys.ArrowDown && ev.altKey;
                 const menuIcon = this.host.element.nativeElement.querySelector('.k-i-more-vertical, .k-svg-i-more-vertical');
                 const isCtrlOrMeta = ev.ctrlKey || ev.metaKey;
                 const shiftAndMeta = ev.shiftKey && isCtrlOrMeta;
-                const isArrow = [Keys.ArrowLeft, Keys.ArrowRight, Keys.ArrowDown, Keys.ArrowUp].includes(ev.keyCode);
+                const isArrow = [Keys.ArrowLeft, Keys.ArrowRight, Keys.ArrowDown, Keys.ArrowUp].includes(code);
                 const isReorderAction = shiftAndMeta && isArrow;
                 if (isAltDown && menuIcon) {
                     menuIcon.click();
@@ -64,7 +65,7 @@ class ChipKeyboardNavigationDirective {
                         [Keys.ArrowUp]: 'up',
                         [Keys.ArrowRight]: 'right',
                         [Keys.ArrowLeft]: 'left'
-                    }[ev.keyCode];
+                    }[code];
                     this.reorder.emit({
                         direction,
                         sender: this.host
@@ -147,7 +148,7 @@ class ChipMenuItemDirective {
         this.subs.unsubscribe();
     }
     onTab = (e) => {
-        if (e.keyCode !== Keys.Tab) {
+        if (e.code !== Keys.Tab) {
             return;
         }
         if (this.isFirst && e.shiftKey && e.target === this.chipMenuItems[0]) {
@@ -317,10 +318,6 @@ const position = (target, before) => {
  * @hidden
  */
 const filterAndMap = (arr, predicate, mapper) => arr.reduce((acc, curr) => predicate(curr) ? [...acc, mapper(curr)] : acc, []);
-/**
- * @hidden
- */
-const replaceMessagePlaceholder = (message, name, value) => message.replace(new RegExp(`{\\s*${name}\\s*}`, 'g'), value);
 /**
  * @hidden
  */
@@ -695,7 +692,7 @@ class FilterMenuDropDownListDirective {
         this.host.wrapper.nativeElement.removeEventListener('keydown', this.keydownHandler);
     }
     keydownHandler = (e) => {
-        if (e.keyCode === Keys.Escape && this.host.isOpen) {
+        if (e.code === Keys.Escape && this.host.isOpen) {
             e.stopPropagation();
             this.host.toggle(false);
         }
@@ -2736,7 +2733,7 @@ class PivotGridConfiguratorComponent {
                 <button kendoButton themeColor="primary" type="button" (click)="handleSubmit()">{{messageFor('configuratorApplyButtonText')}}</button>
             </div>
         </div>
-   `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: TreeViewComponent, selector: "kendo-treeview", inputs: ["filterInputPlaceholder", "expandDisabledNodes", "animate", "nodeTemplate", "loadMoreButtonTemplate", "trackBy", "nodes", "textField", "hasChildren", "isChecked", "isDisabled", "hasCheckbox", "isExpanded", "isSelected", "isVisible", "navigable", "children", "loadOnDemand", "filterable", "filter", "size", "disableParentNodesOnly"], outputs: ["childrenLoaded", "blur", "focus", "expand", "collapse", "nodeDragStart", "nodeDrag", "filterStateChange", "nodeDrop", "nodeDragEnd", "addItem", "removeItem", "checkedChange", "selectionChange", "filterChange", "nodeClick", "nodeDblClick"], exportAs: ["kendoTreeView"] }, { kind: "directive", type: ExpandDirective, selector: "[kendoTreeViewExpandable]", inputs: ["isExpanded", "expandBy", "expandOnFilter", "expandedKeys"], outputs: ["expandedKeysChange"] }, { kind: "directive", type: CheckDirective, selector: "[kendoTreeViewCheckable]", inputs: ["isChecked", "checkBy", "checkedKeys", "kendoTreeViewCheckable"], outputs: ["checkedKeysChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: DropTargetDirective, selector: "[kendoDropTarget]", inputs: ["item", "axes"] }, { kind: "component", type: ChipListComponent, selector: "kendo-chiplist, kendo-chip-list", inputs: ["selection", "size", "role", "navigable"], outputs: ["selectedChange", "remove"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ChipComponent, selector: "kendo-chip", inputs: ["label", "icon", "svgIcon", "iconClass", "avatarSettings", "selected", "removable", "removeIcon", "removeSvgIcon", "hasMenu", "menuIcon", "menuSvgIcon", "disabled", "size", "rounded", "fillMode", "themeColor"], outputs: ["remove", "menuToggle", "contentClick"] }, { kind: "directive", type: DraggableChipDirective, selector: "[kendoChipDraggable]", inputs: ["item"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: ChipKeyboardNavigationDirective, selector: "[kendoChipKeyboardNavigation]", outputs: ["reorder"] }, { kind: "component", type: ChipMenuComponent, selector: "kendo-pivot-chip-menu", inputs: ["chip", "tabIndex", "isMeasureField", "anchor"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+   `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: TreeViewComponent, selector: "kendo-treeview", inputs: ["filterInputPlaceholder", "expandDisabledNodes", "animate", "nodeTemplate", "loadMoreButtonTemplate", "trackBy", "nodes", "textField", "hasChildren", "isChecked", "isDisabled", "hasCheckbox", "isExpanded", "isSelected", "isVisible", "navigable", "children", "loadOnDemand", "filterable", "filter", "size", "disableParentNodesOnly"], outputs: ["childrenLoaded", "blur", "focus", "expand", "collapse", "nodeDragStart", "nodeDrag", "filterStateChange", "nodeDrop", "nodeDragEnd", "addItem", "removeItem", "checkedChange", "selectionChange", "filterChange", "nodeClick", "nodeDblClick"], exportAs: ["kendoTreeView"] }, { kind: "directive", type: ExpandDirective, selector: "[kendoTreeViewExpandable]", inputs: ["isExpanded", "expandBy", "expandOnFilter", "expandedKeys"], outputs: ["expandedKeysChange"] }, { kind: "directive", type: CheckDirective, selector: "[kendoTreeViewCheckable]", inputs: ["isChecked", "checkBy", "checkedKeys", "kendoTreeViewCheckable"], outputs: ["checkedKeysChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: DropTargetDirective, selector: "[kendoDropTarget]", inputs: ["item", "axes"] }, { kind: "component", type: ChipListComponent, selector: "kendo-chiplist, kendo-chip-list", inputs: ["orientation", "selection", "size", "role", "navigable"], outputs: ["selectedChange", "remove"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ChipComponent, selector: "kendo-chip", inputs: ["label", "icon", "svgIcon", "iconClass", "avatarSettings", "selected", "removable", "removeIcon", "removeSvgIcon", "hasMenu", "menuIcon", "menuSvgIcon", "disabled", "size", "rounded", "fillMode", "themeColor"], outputs: ["remove", "menuToggle", "contentClick"] }, { kind: "directive", type: DraggableChipDirective, selector: "[kendoChipDraggable]", inputs: ["item"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: ChipKeyboardNavigationDirective, selector: "[kendoChipKeyboardNavigation]", outputs: ["reorder"] }, { kind: "component", type: ChipMenuComponent, selector: "kendo-pivot-chip-menu", inputs: ["chip", "tabIndex", "isMeasureField", "anchor"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PivotGridConfiguratorComponent, decorators: [{
             type: Component,
@@ -3806,8 +3803,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1752065641,
-    version: '19.3.0-develop.4',
+    publishDate: 1754990978,
+    version: '19.3.0-develop.40',
     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'
 };
 
@@ -4415,10 +4412,11 @@ class PivotGridTableComponent {
     initScrollableKeyboardNavigation() {
         const pivotGrid = this.scrollService.pivotGrid;
         this.host.nativeElement.addEventListener('keydown', (e) => {
-            if (this.tableType === 'values' && e.target.tagName === 'TD') {
+            const code = normalizeNumpadKeys(e);
+            if (this.tableType === 'values' && e.targe.tagName === 'TD') {
                 e.stopImmediatePropagation();
                 e.preventDefault();
-                if (e.keyCode === Keys.ArrowLeft) {
+                if (code === Keys.ArrowLeft) {
                     const id = e.target.getAttribute('id');
                     if (id.split('-')[5] === '1') {
                         const target = document.querySelector(`tr[aria-owns*="${id}"]`);
@@ -4431,7 +4429,7 @@ class PivotGridTableComponent {
                         }
                     }
                 }
-                else if (e.keyCode === Keys.ArrowRight) {
+                else if (code === Keys.ArrowRight) {
                     const id = e.target.getAttribute('id');
                     if (id.split('-')[5] !== this.headerItems.length.toString()) {
                         pivotGrid.navigation.focusElement(e.target.nextElementSibling, e.target);
@@ -4440,7 +4438,7 @@ class PivotGridTableComponent {
                         }
                     }
                 }
-                else if (e.keyCode === Keys.ArrowUp) {
+                else if (code === Keys.ArrowUp) {
                     const id = e.target.getAttribute('id');
                     if (id.split('-')[4] === '1') {
                         const target = document.getElementById(e.target.getAttribute('aria-describedby').split(' ').pop());
@@ -4455,7 +4453,7 @@ class PivotGridTableComponent {
                         }
                     }
                 }
-                else if (e.keyCode === Keys.ArrowDown) {
+                else if (code === Keys.ArrowDown) {
                     const id = e.target.getAttribute('id');
                     if (id.split('-')[4] !== this.totalRows.toString()) {
                         const index = Array.from(e.target.parentElement.children).findIndex(el => el === e.target);
@@ -4467,7 +4465,7 @@ class PivotGridTableComponent {
                     }
                 }
             }
-            if (this.tableType === 'rowHeader' && e.target.tagName === 'TH' && e.keyCode === Keys.ArrowRight) {
+            if (this.tableType === 'rowHeader' && e.target.tagName === 'TH' && code === Keys.ArrowRight) {
                 if (e.target.matches(':last-child')) {
                     e.stopImmediatePropagation();
                     e.preventDefault();
@@ -4480,7 +4478,7 @@ class PivotGridTableComponent {
                     }));
                 }
             }
-            if (this.tableType === 'columnHeader' && e.target.tagName === 'TH' && e.keyCode === Keys.ArrowDown) {
+            if (this.tableType === 'columnHeader' && e.target.tagName === 'TH' && code === Keys.ArrowDown) {
                 if (e.target.parentElement.matches(':last-child')) {
                     e.stopImmediatePropagation();
                     e.preventDefault();

package/index.d.ts

@@ -17,6 +17,7 @@ export { ExpandChangeEvent } from './models/expanded-change-event';
 export { ConfigurationChangeEvent } from './models/configuration-change-event';
 export { PivotDataRowItem } from './models/data-row-item';
 export { ConfiguratorSettings } from './models/configurator-settings';
+export { LoaderSettings } from './models/loader-settings';
 export { PivotGridConfiguratorPosition } from './models/configurator-position';
 export { PivotGridConfiguratorOrientation } from './models/configurator-orientation';
 export { DropTargetType } from './models/drop-target';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-pivotgrid",
-  "version": "19.3.0-develop.4",
+  "version": "19.3.0-develop.40",
   "description": "PivotGrid package for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -18,7 +18,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1752065641,
+      "publishDate": 1754990978,
       "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"
     }
   },
@@ -30,22 +30,22 @@
     "@angular/platform-browser": "16 - 20",
     "@progress/kendo-data-query": "^1.5.5",
     "@progress/kendo-drawing": "^1.21.0",
-    "@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-dropdowns": "19.3.0-develop.4",
-    "@progress/kendo-angular-indicators": "19.3.0-develop.4",
-    "@progress/kendo-angular-inputs": "19.3.0-develop.4",
-    "@progress/kendo-angular-intl": "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-angular-treeview": "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-dropdowns": "19.3.0-develop.40",
+    "@progress/kendo-angular-indicators": "19.3.0-develop.40",
+    "@progress/kendo-angular-inputs": "19.3.0-develop.40",
+    "@progress/kendo-angular-intl": "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",
+    "@progress/kendo-angular-treeview": "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-pivotgrid-common": "0.6.3"
   },
   "schematics": "./schematics/collection.json",

package/schematics/ngAdd/index.js

@@ -6,11 +6,11 @@ function default_1(options) {
         // Additional dependencies to install.
         // See https://github.com/telerik/kendo-schematics/issues/28
         peerDependencies: {
-            '@progress/kendo-angular-dialog': '19.3.0-develop.4',
+            '@progress/kendo-angular-dialog': '19.3.0-develop.40',
             // peer dep of the icons
             '@progress/kendo-svg-icons': '^4.0.0',
             // peer dep of the dropdowns
-            '@progress/kendo-angular-navigation': '19.3.0-develop.4'
+            '@progress/kendo-angular-navigation': '19.3.0-develop.40'
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }

package/util.d.ts

@@ -54,10 +54,6 @@ export declare const position: (target: any, before: any) => {
  * @hidden
  */
 export declare const filterAndMap: (arr: any[], predicate: (item: any) => boolean, mapper: (item: any) => any) => any[];
-/**
- * @hidden
- */
-export declare const replaceMessagePlaceholder: (message: string, name: string, value: string) => string;
 /**
  * @hidden
  */