@progress/kendo-angular-pivotgrid 19.3.0-develop.9 → 19.3.1-develop.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/esm2022/configurator/chip-kb-nav.directive.mjs +5 -4
  2. package/esm2022/configurator/chip-menu/chip-menu-item.directive.mjs +1 -1
  3. package/esm2022/configurator/chip-menu/filtering/filter-menu-dropdownlist.directive.mjs +1 -1
  4. package/esm2022/configurator/configurator.component.mjs +1 -1
  5. package/esm2022/package-metadata.mjs +2 -2
  6. package/esm2022/rendering/pivotgrid-table.component.mjs +9 -8
  7. package/fesm2022/progress-kendo-angular-pivotgrid.mjs +18 -16
  8. package/index.d.ts +1 -0
  9. package/package.json +14 -14
  10. package/schematics/ngAdd/index.js +2 -2
package/esm2022/configurator/chip-kb-nav.directive.mjs CHANGED
@@ -4,7 +4,7 @@
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { Directive, EventEmitter, NgZone, Output, Renderer2 } from '@angular/core';
6
6
  import { ChipComponent } from '@progress/kendo-angular-buttons';
7
- import { Keys } from '@progress/kendo-angular-common';
7
+ import { Keys, normalizeNumpadKeys } from '@progress/kendo-angular-common';
8
8
  import { Subscription } from 'rxjs';
9
9
  import * as i0 from "@angular/core";
10
10
  import * as i1 from "@progress/kendo-angular-buttons";
@@ -27,11 +27,12 @@ export class ChipKeyboardNavigationDirective {
27
27
  this.ngZone.runOutsideAngular(() => {
28
28
  this.keydownSub.add(this.renderer.listen(chipElement, 'keydown', (ev) => {
29
29
  ev.preventDefault();
30
- const isAltDown = ev.keyCode === Keys.ArrowDown && ev.altKey;
30
+ const code = normalizeNumpadKeys(ev);
31
+ const isAltDown = code === Keys.ArrowDown && ev.altKey;
31
32
  const menuIcon = this.host.element.nativeElement.querySelector('.k-i-more-vertical, .k-svg-i-more-vertical');
32
33
  const isCtrlOrMeta = ev.ctrlKey || ev.metaKey;
33
34
  const shiftAndMeta = ev.shiftKey && isCtrlOrMeta;
34
- const isArrow = [Keys.ArrowLeft, Keys.ArrowRight, Keys.ArrowDown, Keys.ArrowUp].includes(ev.keyCode);
35
+ const isArrow = [Keys.ArrowLeft, Keys.ArrowRight, Keys.ArrowDown, Keys.ArrowUp].includes(code);
35
36
  const isReorderAction = shiftAndMeta && isArrow;
36
37
  if (isAltDown && menuIcon) {
37
38
  menuIcon.click();
@@ -42,7 +43,7 @@ export class ChipKeyboardNavigationDirective {
42
43
  [Keys.ArrowUp]: 'up',
43
44
  [Keys.ArrowRight]: 'right',
44
45
  [Keys.ArrowLeft]: 'left'
45
- }[ev.keyCode];
46
+ }[code];
46
47
  this.reorder.emit({
47
48
  direction,
48
49
  sender: this.host
package/esm2022/configurator/chip-menu/chip-menu-item.directive.mjs CHANGED
@@ -64,7 +64,7 @@ export class ChipMenuItemDirective {
64
64
  this.subs.unsubscribe();
65
65
  }
66
66
  onTab = (e) => {
67
- if (e.keyCode !== Keys.Tab) {
67
+ if (e.code !== Keys.Tab) {
68
68
  return;
69
69
  }
70
70
  if (this.isFirst && e.shiftKey && e.target === this.chipMenuItems[0]) {
package/esm2022/configurator/chip-menu/filtering/filter-menu-dropdownlist.directive.mjs CHANGED
@@ -25,7 +25,7 @@ export class FilterMenuDropDownListDirective {
25
25
  this.host.wrapper.nativeElement.removeEventListener('keydown', this.keydownHandler);
26
26
  }
27
27
  keydownHandler = (e) => {
28
- if (e.keyCode === Keys.Escape && this.host.isOpen) {
28
+ if (e.code === Keys.Escape && this.host.isOpen) {
29
29
  e.stopPropagation();
30
30
  this.host.toggle(false);
31
31
  }
package/esm2022/configurator/configurator.component.mjs CHANGED
@@ -508,7 +508,7 @@ export class PivotGridConfiguratorComponent {
508
508
  <button kendoButton themeColor="primary" type="button" (click)="handleSubmit()">{{messageFor('configuratorApplyButtonText')}}</button>
509
509
  </div>
510
510
  </div>
511
- `, 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"] }] });
511
+ `, 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"] }] });
512
512
  }
513
513
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PivotGridConfiguratorComponent, decorators: [{
514
514
  type: Component,
package/esm2022/package-metadata.mjs CHANGED
@@ -10,7 +10,7 @@ export const packageMetadata = {
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCode: 'KENDOUIANGULAR',
12
12
  productCodes: ['KENDOUIANGULAR'],
13
- publishDate: 1752672454,
14
- version: '19.3.0-develop.9',
13
+ publishDate: 1755502835,
14
+ version: '19.3.1-develop.1',
15
15
  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'
16
16
  };
package/esm2022/rendering/pivotgrid-table.component.mjs CHANGED
@@ -13,7 +13,7 @@ import { ScrollableTable } from '../virtual/scrollable-container';
13
13
  import { PivotGridCellDirective } from './pivotgrid-cell.directive';
14
14
  import { NgFor, NgIf, NgStyle } from '@angular/common';
15
15
  import { LocalizationService } from '@progress/kendo-angular-l10n';
16
- import { Keys, isDocumentAvailable } from '@progress/kendo-angular-common';
16
+ import { Keys, isDocumentAvailable, normalizeNumpadKeys } from '@progress/kendo-angular-common';
17
17
  import { isVisible, matchAriaAttributes } from '../util';
18
18
  import { PivotGridScrollService } from '../virtual/scroll.service';
19
19
  import * as i0 from "@angular/core";
@@ -121,10 +121,11 @@ export class PivotGridTableComponent {
121
121
  initScrollableKeyboardNavigation() {
122
122
  const pivotGrid = this.scrollService.pivotGrid;
123
123
  this.host.nativeElement.addEventListener('keydown', (e) => {
124
- if (this.tableType === 'values' && e.target.tagName === 'TD') {
124
+ const code = normalizeNumpadKeys(e);
125
+ if (this.tableType === 'values' && e.targe.tagName === 'TD') {
125
126
  e.stopImmediatePropagation();
126
127
  e.preventDefault();
127
- if (e.keyCode === Keys.ArrowLeft) {
128
+ if (code === Keys.ArrowLeft) {
128
129
  const id = e.target.getAttribute('id');
129
130
  if (id.split('-')[5] === '1') {
130
131
  const target = document.querySelector(`tr[aria-owns*="${id}"]`);
@@ -137,7 +138,7 @@ export class PivotGridTableComponent {
137
138
  }
138
139
  }
139
140
  }
140
- else if (e.keyCode === Keys.ArrowRight) {
141
+ else if (code === Keys.ArrowRight) {
141
142
  const id = e.target.getAttribute('id');
142
143
  if (id.split('-')[5] !== this.headerItems.length.toString()) {
143
144
  pivotGrid.navigation.focusElement(e.target.nextElementSibling, e.target);
@@ -146,7 +147,7 @@ export class PivotGridTableComponent {
146
147
  }
147
148
  }
148
149
  }
149
- else if (e.keyCode === Keys.ArrowUp) {
150
+ else if (code === Keys.ArrowUp) {
150
151
  const id = e.target.getAttribute('id');
151
152
  if (id.split('-')[4] === '1') {
152
153
  const target = document.getElementById(e.target.getAttribute('aria-describedby').split(' ').pop());
@@ -161,7 +162,7 @@ export class PivotGridTableComponent {
161
162
  }
162
163
  }
163
164
  }
164
- else if (e.keyCode === Keys.ArrowDown) {
165
+ else if (code === Keys.ArrowDown) {
165
166
  const id = e.target.getAttribute('id');
166
167
  if (id.split('-')[4] !== this.totalRows.toString()) {
167
168
  const index = Array.from(e.target.parentElement.children).findIndex(el => el === e.target);
@@ -173,7 +174,7 @@ export class PivotGridTableComponent {
173
174
  }
174
175
  }
175
176
  }
176
- if (this.tableType === 'rowHeader' && e.target.tagName === 'TH' && e.keyCode === Keys.ArrowRight) {
177
+ if (this.tableType === 'rowHeader' && e.target.tagName === 'TH' && code === Keys.ArrowRight) {
177
178
  if (e.target.matches(':last-child')) {
178
179
  e.stopImmediatePropagation();
179
180
  e.preventDefault();
@@ -186,7 +187,7 @@ export class PivotGridTableComponent {
186
187
  }));
187
188
  }
188
189
  }
189
- if (this.tableType === 'columnHeader' && e.target.tagName === 'TH' && e.keyCode === Keys.ArrowDown) {
190
+ if (this.tableType === 'columnHeader' && e.target.tagName === 'TH' && code === Keys.ArrowDown) {
190
191
  if (e.target.parentElement.matches(':last-child')) {
191
192
  e.stopImmediatePropagation();
192
193
  e.preventDefault();
package/fesm2022/progress-kendo-angular-pivotgrid.mjs CHANGED
@@ -7,7 +7,7 @@ import { EventEmitter, Directive, Output, Input, Injectable, Component, ContentC
7
7
  import * as i1 from '@progress/kendo-angular-buttons';
8
8
  import { ButtonComponent, ChipListComponent, ChipComponent } from '@progress/kendo-angular-buttons';
9
9
  import * as i1$4 from '@progress/kendo-angular-common';
10
- import { Keys, isDocumentAvailable, replaceMessagePlaceholder, PreventableEvent, DraggableDirective, hasObservers, anyChanged, EventsOutsideAngularDirective, TemplateContextDirective, isChanged, ResizeBatchService } from '@progress/kendo-angular-common';
10
+ import { normalizeNumpadKeys, Keys, isDocumentAvailable, replaceMessagePlaceholder, PreventableEvent, DraggableDirective, hasObservers, anyChanged, EventsOutsideAngularDirective, TemplateContextDirective, isChanged, ResizeBatchService } from '@progress/kendo-angular-common';
11
11
  import { Subscription, BehaviorSubject, Subject, from, of, fromEvent } from 'rxjs';
12
12
  import { take, tap, mergeMap, merge } from 'rxjs/operators';
13
13
  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 {
49
49
  this.ngZone.runOutsideAngular(() => {
50
50
  this.keydownSub.add(this.renderer.listen(chipElement, 'keydown', (ev) => {
51
51
  ev.preventDefault();
52
- const isAltDown = ev.keyCode === Keys.ArrowDown && ev.altKey;
52
+ const code = normalizeNumpadKeys(ev);
53
+ const isAltDown = code === Keys.ArrowDown && ev.altKey;
53
54
  const menuIcon = this.host.element.nativeElement.querySelector('.k-i-more-vertical, .k-svg-i-more-vertical');
54
55
  const isCtrlOrMeta = ev.ctrlKey || ev.metaKey;
55
56
  const shiftAndMeta = ev.shiftKey && isCtrlOrMeta;
56
- const isArrow = [Keys.ArrowLeft, Keys.ArrowRight, Keys.ArrowDown, Keys.ArrowUp].includes(ev.keyCode);
57
+ const isArrow = [Keys.ArrowLeft, Keys.ArrowRight, Keys.ArrowDown, Keys.ArrowUp].includes(code);
57
58
  const isReorderAction = shiftAndMeta && isArrow;
58
59
  if (isAltDown && menuIcon) {
59
60
  menuIcon.click();
@@ -64,7 +65,7 @@ class ChipKeyboardNavigationDirective {
64
65
  [Keys.ArrowUp]: 'up',
65
66
  [Keys.ArrowRight]: 'right',
66
67
  [Keys.ArrowLeft]: 'left'
67
- }[ev.keyCode];
68
+ }[code];
68
69
  this.reorder.emit({
69
70
  direction,
70
71
  sender: this.host
@@ -147,7 +148,7 @@ class ChipMenuItemDirective {
147
148
  this.subs.unsubscribe();
148
149
  }
149
150
  onTab = (e) => {
150
- if (e.keyCode !== Keys.Tab) {
151
+ if (e.code !== Keys.Tab) {
151
152
  return;
152
153
  }
153
154
  if (this.isFirst && e.shiftKey && e.target === this.chipMenuItems[0]) {
@@ -691,7 +692,7 @@ class FilterMenuDropDownListDirective {
691
692
  this.host.wrapper.nativeElement.removeEventListener('keydown', this.keydownHandler);
692
693
  }
693
694
  keydownHandler = (e) => {
694
- if (e.keyCode === Keys.Escape && this.host.isOpen) {
695
+ if (e.code === Keys.Escape && this.host.isOpen) {
695
696
  e.stopPropagation();
696
697
  this.host.toggle(false);
697
698
  }
@@ -2732,7 +2733,7 @@ class PivotGridConfiguratorComponent {
2732
2733
  <button kendoButton themeColor="primary" type="button" (click)="handleSubmit()">{{messageFor('configuratorApplyButtonText')}}</button>
2733
2734
  </div>
2734
2735
  </div>
2735
- `, 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"] }] });
2736
+ `, 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"] }] });
2736
2737
  }
2737
2738
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PivotGridConfiguratorComponent, decorators: [{
2738
2739
  type: Component,
@@ -3802,8 +3803,8 @@ const packageMetadata = {
3802
3803
  productName: 'Kendo UI for Angular',
3803
3804
  productCode: 'KENDOUIANGULAR',
3804
3805
  productCodes: ['KENDOUIANGULAR'],
3805
- publishDate: 1752672454,
3806
- version: '19.3.0-develop.9',
3806
+ publishDate: 1755502835,
3807
+ version: '19.3.1-develop.1',
3807
3808
  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'
3808
3809
  };
3809
3810
 
@@ -4411,10 +4412,11 @@ class PivotGridTableComponent {
4411
4412
  initScrollableKeyboardNavigation() {
4412
4413
  const pivotGrid = this.scrollService.pivotGrid;
4413
4414
  this.host.nativeElement.addEventListener('keydown', (e) => {
4414
- if (this.tableType === 'values' && e.target.tagName === 'TD') {
4415
+ const code = normalizeNumpadKeys(e);
4416
+ if (this.tableType === 'values' && e.targe.tagName === 'TD') {
4415
4417
  e.stopImmediatePropagation();
4416
4418
  e.preventDefault();
4417
- if (e.keyCode === Keys.ArrowLeft) {
4419
+ if (code === Keys.ArrowLeft) {
4418
4420
  const id = e.target.getAttribute('id');
4419
4421
  if (id.split('-')[5] === '1') {
4420
4422
  const target = document.querySelector(`tr[aria-owns*="${id}"]`);
@@ -4427,7 +4429,7 @@ class PivotGridTableComponent {
4427
4429
  }
4428
4430
  }
4429
4431
  }
4430
- else if (e.keyCode === Keys.ArrowRight) {
4432
+ else if (code === Keys.ArrowRight) {
4431
4433
  const id = e.target.getAttribute('id');
4432
4434
  if (id.split('-')[5] !== this.headerItems.length.toString()) {
4433
4435
  pivotGrid.navigation.focusElement(e.target.nextElementSibling, e.target);
@@ -4436,7 +4438,7 @@ class PivotGridTableComponent {
4436
4438
  }
4437
4439
  }
4438
4440
  }
4439
- else if (e.keyCode === Keys.ArrowUp) {
4441
+ else if (code === Keys.ArrowUp) {
4440
4442
  const id = e.target.getAttribute('id');
4441
4443
  if (id.split('-')[4] === '1') {
4442
4444
  const target = document.getElementById(e.target.getAttribute('aria-describedby').split(' ').pop());
@@ -4451,7 +4453,7 @@ class PivotGridTableComponent {
4451
4453
  }
4452
4454
  }
4453
4455
  }
4454
- else if (e.keyCode === Keys.ArrowDown) {
4456
+ else if (code === Keys.ArrowDown) {
4455
4457
  const id = e.target.getAttribute('id');
4456
4458
  if (id.split('-')[4] !== this.totalRows.toString()) {
4457
4459
  const index = Array.from(e.target.parentElement.children).findIndex(el => el === e.target);
@@ -4463,7 +4465,7 @@ class PivotGridTableComponent {
4463
4465
  }
4464
4466
  }
4465
4467
  }
4466
- if (this.tableType === 'rowHeader' && e.target.tagName === 'TH' && e.keyCode === Keys.ArrowRight) {
4468
+ if (this.tableType === 'rowHeader' && e.target.tagName === 'TH' && code === Keys.ArrowRight) {
4467
4469
  if (e.target.matches(':last-child')) {
4468
4470
  e.stopImmediatePropagation();
4469
4471
  e.preventDefault();
@@ -4476,7 +4478,7 @@ class PivotGridTableComponent {
4476
4478
  }));
4477
4479
  }
4478
4480
  }
4479
- if (this.tableType === 'columnHeader' && e.target.tagName === 'TH' && e.keyCode === Keys.ArrowDown) {
4481
+ if (this.tableType === 'columnHeader' && e.target.tagName === 'TH' && code === Keys.ArrowDown) {
4480
4482
  if (e.target.parentElement.matches(':last-child')) {
4481
4483
  e.stopImmediatePropagation();
4482
4484
  e.preventDefault();
package/index.d.ts CHANGED
@@ -17,6 +17,7 @@ export { ExpandChangeEvent } from './models/expanded-change-event';
17
17
  export { ConfigurationChangeEvent } from './models/configuration-change-event';
18
18
  export { PivotDataRowItem } from './models/data-row-item';
19
19
  export { ConfiguratorSettings } from './models/configurator-settings';
20
+ export { LoaderSettings } from './models/loader-settings';
20
21
  export { PivotGridConfiguratorPosition } from './models/configurator-position';
21
22
  export { PivotGridConfiguratorOrientation } from './models/configurator-orientation';
22
23
  export { DropTargetType } from './models/drop-target';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-pivotgrid",
3
- "version": "19.3.0-develop.9",
3
+ "version": "19.3.1-develop.1",
4
4
  "description": "PivotGrid package for Angular",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -18,7 +18,7 @@
18
18
  "package": {
19
19
  "productName": "Kendo UI for Angular",
20
20
  "productCode": "KENDOUIANGULAR",
21
- "publishDate": 1752672454,
21
+ "publishDate": 1755502835,
22
22
  "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"
23
23
  }
24
24
  },
@@ -30,22 +30,22 @@
30
30
  "@angular/platform-browser": "16 - 20",
31
31
  "@progress/kendo-data-query": "^1.5.5",
32
32
  "@progress/kendo-drawing": "^1.21.0",
33
- "@progress/kendo-licensing": "^1.5.0",
34
- "@progress/kendo-angular-buttons": "19.3.0-develop.9",
35
- "@progress/kendo-angular-common": "19.3.0-develop.9",
36
- "@progress/kendo-angular-dropdowns": "19.3.0-develop.9",
37
- "@progress/kendo-angular-indicators": "19.3.0-develop.9",
38
- "@progress/kendo-angular-inputs": "19.3.0-develop.9",
39
- "@progress/kendo-angular-intl": "19.3.0-develop.9",
40
- "@progress/kendo-angular-l10n": "19.3.0-develop.9",
41
- "@progress/kendo-angular-popup": "19.3.0-develop.9",
42
- "@progress/kendo-angular-icons": "19.3.0-develop.9",
43
- "@progress/kendo-angular-treeview": "19.3.0-develop.9",
33
+ "@progress/kendo-licensing": "^1.7.0",
34
+ "@progress/kendo-angular-buttons": "19.3.1-develop.1",
35
+ "@progress/kendo-angular-common": "19.3.1-develop.1",
36
+ "@progress/kendo-angular-dropdowns": "19.3.1-develop.1",
37
+ "@progress/kendo-angular-indicators": "19.3.1-develop.1",
38
+ "@progress/kendo-angular-inputs": "19.3.1-develop.1",
39
+ "@progress/kendo-angular-intl": "19.3.1-develop.1",
40
+ "@progress/kendo-angular-l10n": "19.3.1-develop.1",
41
+ "@progress/kendo-angular-popup": "19.3.1-develop.1",
42
+ "@progress/kendo-angular-icons": "19.3.1-develop.1",
43
+ "@progress/kendo-angular-treeview": "19.3.1-develop.1",
44
44
  "rxjs": "^6.5.3 || ^7.0.0"
45
45
  },
46
46
  "dependencies": {
47
47
  "tslib": "^2.3.1",
48
- "@progress/kendo-angular-schematics": "19.3.0-develop.9",
48
+ "@progress/kendo-angular-schematics": "19.3.1-develop.1",
49
49
  "@progress/kendo-pivotgrid-common": "0.6.3"
50
50
  },
51
51
  "schematics": "./schematics/collection.json",
package/schematics/ngAdd/index.js CHANGED
@@ -6,11 +6,11 @@ function default_1(options) {
6
6
  // Additional dependencies to install.
7
7
  // See https://github.com/telerik/kendo-schematics/issues/28
8
8
  peerDependencies: {
9
- '@progress/kendo-angular-dialog': '19.3.0-develop.9',
9
+ '@progress/kendo-angular-dialog': '19.3.1-develop.1',
10
10
  // peer dep of the icons
11
11
  '@progress/kendo-svg-icons': '^4.0.0',
12
12
  // peer dep of the dropdowns
13
- '@progress/kendo-angular-navigation': '19.3.0-develop.9'
13
+ '@progress/kendo-angular-navigation': '19.3.1-develop.1'
14
14
  } });
15
15
  return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
16
16
  }