@progress/kendo-angular-pivotgrid 17.0.0-develop.9 → 17.0.1-develop.1

package/{esm2020 → esm2022}/configurator/configurator.component.mjs

@@ -30,44 +30,44 @@ import * as i3 from "./configurator.service";
  * Represents the Kendo UI PivotGrid Configurator component for Angular.
  */
 export class PivotGridConfiguratorComponent {
+    dataService;
+    localization;
+    configuratorService;
+    cdr;
+    zone;
+    hostClass = true;
+    hostAriaRole = 'dialog';
+    get headerTextId() {
+        return `k-pivotgrid-${this.dataService.pivotGridId}-configurator-header`;
+    }
+    orientation = 'vertical';
+    sort = new Array();
+    filter;
+    navigation;
+    close = new EventEmitter();
+    treeView;
+    columnsList;
+    rowsList;
+    originalState;
+    state;
+    fields;
+    checked = [];
+    get isHorizontal() {
+        return this.orientation === 'horizontal';
+    }
+    subs = new Subscription();
+    /**
+     * A function which determines if a specific node has child nodes.
+     */
+    hasChildren = (node) => !('hierarchyUniqueName' in node) && !('aggregator' in node);
     constructor(dataService, localization, configuratorService, cdr, zone) {
         this.dataService = dataService;
         this.localization = localization;
         this.configuratorService = configuratorService;
         this.cdr = cdr;
         this.zone = zone;
-        this.hostClass = true;
-        this.hostAriaRole = 'dialog';
-        this.orientation = 'vertical';
-        this.sort = new Array();
-        this.close = new EventEmitter();
-        this.checked = [];
-        this.subs = new Subscription();
-        /**
-         * A function which determines if a specific node has child nodes.
-         */
-        this.hasChildren = (node) => !('hierarchyUniqueName' in node) && !('aggregator' in node);
-        this.checkItemBy = (context) => {
-            return context.dataItem;
-        };
-        /**
-         * A function which provides the child nodes for a given parent node.
-         */
-        this.children = (node) => {
-            if (this.dataService.directive.type === 'olap') {
-                const observable = from(this.dataService.directive.fetchChildren(node, this.fields));
-                return observable.pipe(mergeMap(value => of(value)));
-            }
-            return of(node.children);
-        };
         this.configuratorService.configuratorInstance = this;
     }
-    get headerTextId() {
-        return `k-pivotgrid-${this.dataService.pivotGridId}-configurator-header`;
-    }
-    get isHorizontal() {
-        return this.orientation === 'horizontal';
-    }
     ngOnInit() {
         this.subs.add(this.dataService.fields
             .subscribe(res => {
@@ -204,6 +204,9 @@ export class PivotGridConfiguratorComponent {
         ].some((h) => (h === f.uniqueName || h === f.defaultHierarchy)));
         this.checked = checked;
     }
+    checkItemBy = (context) => {
+        return context.dataItem;
+    };
     /**
      * Determines if a checkbox should be rendered.
      */
@@ -213,6 +216,16 @@ export class PivotGridConfiguratorComponent {
             || (node.type === 2)
             || node.uniqueName === '[KPIs]');
     }
+    /**
+     * A function which provides the child nodes for a given parent node.
+     */
+    children = (node) => {
+        if (this.dataService.directive.type === 'olap') {
+            const observable = from(this.dataService.directive.fetchChildren(node, this.fields));
+            return observable.pipe(mergeMap(value => of(value)));
+        }
+        return of(node.children);
+    };
     /**
      * Check if the newly loaded child nodes have checked items.
      * (Only for OLAP data-binding directive)
@@ -299,13 +312,12 @@ export class PivotGridConfiguratorComponent {
         this.cdr.detectChanges();
         this[`${targetCollectionName}sList`]?.chips.last.focus();
     }
-}
-PivotGridConfiguratorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PivotGridConfiguratorComponent, deps: [{ token: i1.PivotGridDataService }, { token: i2.LocalizationService }, { token: i3.ConfiguratorService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PivotGridConfiguratorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PivotGridConfiguratorComponent, isStandalone: true, selector: "kendo-pivotgrid-configurator", inputs: { orientation: "orientation", sort: "sort", filter: "filter", navigation: "navigation" }, outputs: { close: "close" }, host: { properties: { "class.k-pivotgrid-configurator": "this.hostClass", "attr.role": "this.hostAriaRole", "attr.aria-labelledby": "this.headerTextId" } }, providers: [
-        ConfiguratorService,
-        DropCueService,
-        SinglePopupService
-    ], viewQueries: [{ propertyName: "treeView", first: true, predicate: TreeViewComponent, descendants: true }, { propertyName: "columnsList", first: true, predicate: ["columnsChiplist"], descendants: true }, { propertyName: "rowsList", first: true, predicate: ["rowsChiplist"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PivotGridConfiguratorComponent, deps: [{ token: i1.PivotGridDataService }, { token: i2.LocalizationService }, { token: i3.ConfiguratorService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PivotGridConfiguratorComponent, isStandalone: true, selector: "kendo-pivotgrid-configurator", inputs: { orientation: "orientation", sort: "sort", filter: "filter", navigation: "navigation" }, outputs: { close: "close" }, host: { properties: { "class.k-pivotgrid-configurator": "this.hostClass", "attr.role": "this.hostAriaRole", "attr.aria-labelledby": "this.headerTextId" } }, providers: [
+            ConfiguratorService,
+            DropCueService,
+            SinglePopupService
+        ], viewQueries: [{ propertyName: "treeView", first: true, predicate: TreeViewComponent, descendants: true }, { propertyName: "columnsList", first: true, predicate: ["columnsChiplist"], descendants: true }, { propertyName: "rowsList", first: true, predicate: ["rowsChiplist"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
         <div 
             class="k-pivotgrid-configurator-panel k-pivotgrid-configurator-push"
             [ngClass]="{
@@ -360,6 +372,7 @@ PivotGridConfiguratorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
 
                         <kendo-chiplist
                             *ngIf="state.columnAxes && state.columnAxes.length; else noColumnAxes"
+                            [navigable]="false"
                             #columnsChiplist
                             kendoDropTarget
                             class="k-column-fields"
@@ -403,6 +416,7 @@ PivotGridConfiguratorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
 
                         <kendo-chiplist
                             *ngIf="state.rowAxes && state.rowAxes.length; else noRowAxes"
+                            [navigable]="false"
                             #rowsChiplist
                             kendoDropTarget
                             class="k-row-fields"
@@ -452,6 +466,7 @@ PivotGridConfiguratorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
 
                         <kendo-chiplist
                             *ngIf="state.measureAxes && state.measureAxes.length; else noMeasureAxes"
+                            [navigable]="false"
                             kendoDropTarget
                             class="k-filter-fields"
                             axes="measureAxes"
@@ -494,8 +509,9 @@ PivotGridConfiguratorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
                 <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", "avatarClass", "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: "15.2.10", ngImport: i0, type: PivotGridConfiguratorComponent, decorators: [{
+   `, 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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PivotGridConfiguratorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-pivotgrid-configurator',
@@ -559,6 +575,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
 
                         <kendo-chiplist
                             *ngIf="state.columnAxes && state.columnAxes.length; else noColumnAxes"
+                            [navigable]="false"
                             #columnsChiplist
                             kendoDropTarget
                             class="k-column-fields"
@@ -602,6 +619,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
 
                         <kendo-chiplist
                             *ngIf="state.rowAxes && state.rowAxes.length; else noRowAxes"
+                            [navigable]="false"
                             #rowsChiplist
                             kendoDropTarget
                             class="k-row-fields"
@@ -651,6 +669,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
 
                         <kendo-chiplist
                             *ngIf="state.measureAxes && state.measureAxes.length; else noMeasureAxes"
+                            [navigable]="false"
                             kendoDropTarget
                             class="k-filter-fields"
                             axes="measureAxes"

package/{esm2020 → esm2022}/configurator/configurator.service.mjs

@@ -12,10 +12,17 @@ import * as i1 from "../data-binding/pivotgrid-data.service";
  * @hidden
  */
 export class ConfiguratorService {
+    dataService;
+    configuratorInstance;
+    state;
+    draggedElement;
+    dropTargetElement;
+    cueContainer;
+    orientation;
+    configuratorStateChange = new EventEmitter();
+    closeMenu = new EventEmitter();
     constructor(dataService) {
         this.dataService = dataService;
-        this.configuratorStateChange = new EventEmitter();
-        this.closeMenu = new EventEmitter();
     }
     parseConfiguratorState(action) {
         const newState = configuratorReducer({
@@ -34,10 +41,10 @@ export class ConfiguratorService {
         this.dataService.state = new PivotGridState(this.state.columnAxes, this.state.rowAxes, this.state.measureAxes, this.state.sort, this.state.filter);
         this.configuratorStateChange.emit(this.state);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfiguratorService, deps: [{ token: i1.PivotGridDataService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfiguratorService });
 }
-ConfiguratorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ConfiguratorService, deps: [{ token: i1.PivotGridDataService }], target: i0.ɵɵFactoryTarget.Injectable });
-ConfiguratorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ConfiguratorService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ConfiguratorService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfiguratorService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.PivotGridDataService }]; }, propDecorators: { configuratorStateChange: [{
                 type: Output

package/{esm2020 → esm2022}/configurator/draggable.directive.mjs

@@ -2,7 +2,7 @@
 * Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Directive, Input, ElementRef, NgZone, Optional, HostBinding, Renderer2, ChangeDetectorRef } from '@angular/core';
+import { Directive, Input, ElementRef, NgZone, Optional, HostBinding, Renderer2 } from '@angular/core';
 import { DraggableDirective, isDocumentAvailable } from '@progress/kendo-angular-common';
 import { PIVOT_CONFIGURATOR_ACTION } from '@progress/kendo-pivotgrid-common';
 import { ConfiguratorService } from './configurator.service';
@@ -17,22 +17,29 @@ import * as i3 from "./drop-cue.service";
  * @hidden
  */
 export class DraggableChipDirective {
-    constructor(draggable, element, zone, service, cue, renderer, cdr) {
+    draggable;
+    element;
+    zone;
+    service;
+    cue;
+    renderer;
+    get pointerEvents() {
+        return this.drag ? 'none' : undefined;
+    }
+    touchActions = 'none';
+    item;
+    initialX = {};
+    initialY = {};
+    drag;
+    invalidTarget = false;
+    subs = new Subscription();
+    constructor(draggable, element, zone, service, cue, renderer) {
         this.draggable = draggable;
         this.element = element;
         this.zone = zone;
         this.service = service;
         this.cue = cue;
         this.renderer = renderer;
-        this.cdr = cdr;
-        this.touchActions = 'none';
-        this.initialX = {};
-        this.initialY = {};
-        this.invalidTarget = false;
-        this.subs = new Subscription();
-    }
-    get pointerEvents() {
-        return this.drag ? 'none' : undefined;
     }
     ngOnInit() {
         this.subs.add(this.draggable.kendoPress
@@ -102,10 +109,10 @@ export class DraggableChipDirective {
     ngOnDestroy() {
         this.subs.unsubscribe();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DraggableChipDirective, deps: [{ token: i1.DraggableDirective, optional: true }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i2.ConfiguratorService }, { token: i3.DropCueService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DraggableChipDirective, isStandalone: true, selector: "[kendoChipDraggable]", inputs: { item: "item" }, host: { properties: { "style.pointerEvents": "this.pointerEvents", "style.touch-action": "this.touchActions" } }, ngImport: i0 });
 }
-DraggableChipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DraggableChipDirective, deps: [{ token: i1.DraggableDirective, optional: true }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i2.ConfiguratorService }, { token: i3.DropCueService }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-DraggableChipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DraggableChipDirective, isStandalone: true, selector: "[kendoChipDraggable]", inputs: { item: "item" }, host: { properties: { "style.pointerEvents": "this.pointerEvents", "style.touch-action": "this.touchActions" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DraggableChipDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DraggableChipDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoChipDraggable]',
@@ -113,7 +120,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i1.DraggableDirective, decorators: [{
                     type: Optional
-                }] }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i2.ConfiguratorService }, { type: i3.DropCueService }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { pointerEvents: [{
+                }] }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i2.ConfiguratorService }, { type: i3.DropCueService }, { type: i0.Renderer2 }]; }, propDecorators: { pointerEvents: [{
                 type: HostBinding,
                 args: ['style.pointerEvents']
             }], touchActions: [{

package/{esm2020 → esm2022}/configurator/drop-cue.service.mjs

@@ -21,6 +21,7 @@ export const append = (element, container) => {
  * @hidden
  */
 export class DropCueService {
+    dom;
     create() {
         this.dom = document.createElement('span');
         const wrapper = document.createElement('div');
@@ -64,9 +65,9 @@ export class DropCueService {
         }
         this.dom.style.display = '';
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropCueService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropCueService });
 }
-DropCueService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropCueService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-DropCueService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropCueService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropCueService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropCueService, decorators: [{
             type: Injectable
         }] });

package/{esm2020 → esm2022}/configurator/drop-target.directive.mjs

@@ -15,13 +15,24 @@ import * as i2 from "./drop-cue.service";
  * @hidden
  */
 export class DropTargetDirective {
+    element;
+    configuratorService;
+    cue;
+    renderer;
+    zone;
+    item;
+    axes;
+    elementType;
+    elementSectionType;
+    targetElement;
+    nextChipOffset;
+    subs = new Subscription();
     constructor(element, configuratorService, cue, renderer, zone) {
         this.element = element;
         this.configuratorService = configuratorService;
         this.cue = cue;
         this.renderer = renderer;
         this.zone = zone;
-        this.subs = new Subscription();
     }
     ngOnInit() {
         const element = this.element.nativeElement;
@@ -163,10 +174,10 @@ export class DropTargetDirective {
             }
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropTargetDirective, deps: [{ token: i0.ElementRef }, { token: i1.ConfiguratorService }, { token: i2.DropCueService }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DropTargetDirective, isStandalone: true, selector: "[kendoDropTarget]", inputs: { item: "item", axes: "axes" }, ngImport: i0 });
 }
-DropTargetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropTargetDirective, deps: [{ token: i0.ElementRef }, { token: i1.ConfiguratorService }, { token: i2.DropCueService }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-DropTargetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DropTargetDirective, isStandalone: true, selector: "[kendoDropTarget]", inputs: { item: "item", axes: "axes" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropTargetDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropTargetDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDropTarget]',

package/{esm2020 → esm2022}/data-binding/base-binding-directive.mjs

@@ -17,41 +17,49 @@ import * as i1 from "./pivotgrid-data.service";
  * A directive which binds the PivotGrid to an array of objects.
  */
 export class PivotBaseBindingDirective {
+    dataService;
+    zone;
+    /**
+     * Represents the column axes configuration of the PivotGrid.
+     */
+    columnAxes = [];
+    /**
+     * Represents the row axes configuration of the PivotGrid.
+     */
+    rowAxes = [];
+    /**
+     * Represents the measure axes configuration of the PivotGrid.
+     */
+    measureAxes = [];
+    /**
+     * Represents the initial sorted state of the PivotGrid.
+     */
+    sort = [];
+    /**
+     * Represents the initial filtered state of the PivotGrid.
+     */
+    filter;
+    /**
+     * Fires each time a row or column header gets expanded or collapsed by the end user. The event is preventable.
+     * If you prevent the event, the PivotGrid will not be rerendered with the new state, resulting from the end user interaction.
+     */
+    expandChange = new EventEmitter();
+    /**
+     * Fires when the Configurator Apply button is pressed. The event is preventable.
+     * If you prevent the event, the PivotGrid will not be rerendered with the new state, resulting from the configuration changes, applied through the configurator interface.
+     */
+    configurationChange = new EventEmitter();
+    /**
+     * Fires each time when new data is loaded and transformed to show aggregated values.
+     * The event fires upon initialization and on user interaction that changes the state of the PivotGrid.
+     */
+    dataLoaded = new EventEmitter();
+    dataState;
+    configuratorFields;
+    subs = new Subscription();
     constructor(dataService, zone) {
         this.dataService = dataService;
         this.zone = zone;
-        /**
-         * Represents the column axes configuration of the PivotGrid.
-         */
-        this.columnAxes = [];
-        /**
-         * Represents the row axes configuration of the PivotGrid.
-         */
-        this.rowAxes = [];
-        /**
-         * Represents the measure axes configuration of the PivotGrid.
-         */
-        this.measureAxes = [];
-        /**
-         * Represents the initial sorted state of the PivotGrid.
-         */
-        this.sort = [];
-        /**
-         * Fires each time a row or column header gets expanded or collapsed by the end user. The event is preventable.
-         * If you prevent the event, the PivotGrid will not be rerendered with the new state, resulting from the end user interaction.
-         */
-        this.expandChange = new EventEmitter();
-        /**
-         * Fires when the Configurator Apply button is pressed. The event is preventable.
-         * If you prevent the event, the PivotGrid will not be rerendered with the new state, resulting from the configuration changes, applied through the configurator interface.
-         */
-        this.configurationChange = new EventEmitter();
-        /**
-         * Fires each time when new data is loaded and transformed to show aggregated values.
-         * The event fires upon initialization and on user interaction that changes the state of the PivotGrid.
-         */
-        this.dataLoaded = new EventEmitter();
-        this.subs = new Subscription();
     }
     ngOnInit() {
         this.dataService.state = new PivotGridState(this.columnAxes, this.rowAxes, this.measureAxes, this.sort, this.filter);
@@ -124,10 +132,10 @@ export class PivotBaseBindingDirective {
         this[axes] = newHeaders;
         this.loadData(this.dataService.state);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PivotBaseBindingDirective, deps: [{ token: i1.PivotGridDataService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PivotBaseBindingDirective, selector: "kendo-base-binding-directive", inputs: { columnAxes: "columnAxes", rowAxes: "rowAxes", measureAxes: "measureAxes", sort: "sort", filter: "filter" }, outputs: { expandChange: "expandChange", configurationChange: "configurationChange", dataLoaded: "dataLoaded" }, ngImport: i0 });
 }
-PivotBaseBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PivotBaseBindingDirective, deps: [{ token: i1.PivotGridDataService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-PivotBaseBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PivotBaseBindingDirective, selector: "kendo-base-binding-directive", inputs: { columnAxes: "columnAxes", rowAxes: "rowAxes", measureAxes: "measureAxes", sort: "sort", filter: "filter" }, outputs: { expandChange: "expandChange", configurationChange: "configurationChange", dataLoaded: "dataLoaded" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PivotBaseBindingDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PivotBaseBindingDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'kendo-base-binding-directive'

package/{esm2020 → esm2022}/data-binding/local-binding.directive.mjs

@@ -17,10 +17,21 @@ const stringSeparator = '&';
  * A directive which binds the PivotGrid to local data ([see example]({% slug directives_databinding_local_pivotgrid %})).
  */
 export class PivotLocalBindingDirective extends PivotBaseBindingDirective {
+    /**
+     * The array of data which will be used to populate the PivotGrid.
+     */
+    data;
+    /**
+     * Represents the dimensions object of the PivotGrid.
+     */
+    dimensions;
+    /**
+     * Represents the measures collection of the PivotGrid.
+     */
+    measures;
+    type = 'local';
     constructor(dataService, zone) {
         super(dataService, zone);
-        this.type = 'local';
-        this.createAxisSettings = (key) => ({ key, ...this.dimensions[key] });
     }
     ngOnChanges(changes) {
         if (anyChanged(['data', 'dimensions', 'columnAxes', 'rowAxes', 'measureAxes', 'measures'], changes)) {
@@ -57,13 +68,14 @@ export class PivotLocalBindingDirective extends PivotBaseBindingDirective {
         });
         this.updateDataServiceFields();
     }
+    createAxisSettings = (key) => ({ key, ...this.dimensions[key] });
     getRootAxes(axes) {
         return Array.from(rootFields(axes).keys()).join(stringSeparator);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PivotLocalBindingDirective, deps: [{ token: i1.PivotGridDataService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PivotLocalBindingDirective, isStandalone: true, selector: "[kendoPivotLocalBinding]", inputs: { data: ["kendoPivotLocalBinding", "data"], dimensions: "dimensions", measures: "measures" }, exportAs: ["kendoPivotLocalBinding"], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
 }
-PivotLocalBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PivotLocalBindingDirective, deps: [{ token: i1.PivotGridDataService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-PivotLocalBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PivotLocalBindingDirective, isStandalone: true, selector: "[kendoPivotLocalBinding]", inputs: { data: ["kendoPivotLocalBinding", "data"], dimensions: "dimensions", measures: "measures" }, exportAs: ["kendoPivotLocalBinding"], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PivotLocalBindingDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PivotLocalBindingDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoPivotLocalBinding]',

package/{esm2020 → esm2022}/data-binding/olap-binding.directive.mjs

@@ -14,9 +14,21 @@ import * as i1 from "./pivotgrid-data.service";
  * A directive which binds the PivotGrid to data using an Online Analytical Processing (OLAP) service ([see example]({% slug directives_databinding_remote_pivotgrid %})).
  */
 export class PivotOLAPBindingDirective extends PivotBaseBindingDirective {
+    /**
+     * The OLAP service endpoint where the data is processed and retrieved to render the pivot table.
+     */
+    url;
+    /**
+     * The cube name that is used to retrieve data for the pivot table rendering.
+     */
+    cube;
+    /**
+     * The database name that is used to retrieve the data from the specified connection string.
+     */
+    catalog;
+    type = 'olap';
     constructor(dataService, zone) {
         super(dataService, zone);
-        this.type = 'olap';
     }
     ngOnChanges(changes) {
         if (anyChanged(['url', 'cube', 'catalog', 'columnAxes', 'rowAxes', 'measureAxes'], changes)) {
@@ -157,10 +169,10 @@ export class PivotOLAPBindingDirective extends PivotBaseBindingDirective {
         };
         return fetchDiscover({ url: this.url }, options);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PivotOLAPBindingDirective, deps: [{ token: i1.PivotGridDataService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PivotOLAPBindingDirective, isStandalone: true, selector: "[kendoPivotOLAPBinding]", inputs: { url: "url", cube: "cube", catalog: "catalog" }, exportAs: ["kendoPivotOLAPBinding"], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
 }
-PivotOLAPBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PivotOLAPBindingDirective, deps: [{ token: i1.PivotGridDataService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-PivotOLAPBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PivotOLAPBindingDirective, isStandalone: true, selector: "[kendoPivotOLAPBinding]", inputs: { url: "url", cube: "cube", catalog: "catalog" }, exportAs: ["kendoPivotOLAPBinding"], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PivotOLAPBindingDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PivotOLAPBindingDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoPivotOLAPBinding]',

package/{esm2020 → esm2022}/data-binding/pivotgrid-data.service.mjs

@@ -16,21 +16,32 @@ let nextPivotGridId = 0;
  * @hidden
  */
 export class PivotGridDataService {
+    ngZone;
+    expandedStateChange = new EventEmitter();
+    configuratorFieldChange = new EventEmitter();
+    expandedFieldChange = new EventEmitter();
+    directive;
+    normalizedData;
+    rows;
+    columns;
+    wrapper;
+    aggregateData;
+    state;
+    columnHeaderLeaves;
+    columnHeaderRows = new BehaviorSubject([]);
+    columnHeaderCols = new BehaviorSubject([]);
+    rowHeaderLeaves;
+    rowHeaderCols = new BehaviorSubject([]);
+    rowHeaderRows = new BehaviorSubject([]);
+    valuesRows = new BehaviorSubject([]);
+    loading = new BehaviorSubject(false);
+    pivotGridId;
     constructor(ngZone) {
         this.ngZone = ngZone;
-        this.expandedStateChange = new EventEmitter();
-        this.configuratorFieldChange = new EventEmitter();
-        this.expandedFieldChange = new EventEmitter();
-        this.columnHeaderRows = new BehaviorSubject([]);
-        this.columnHeaderCols = new BehaviorSubject([]);
-        this.rowHeaderCols = new BehaviorSubject([]);
-        this.rowHeaderRows = new BehaviorSubject([]);
-        this.valuesRows = new BehaviorSubject([]);
-        this.loading = new BehaviorSubject(false);
-        this.fields = new BehaviorSubject([]);
-        this.configuredFields = new BehaviorSubject([]);
         this.pivotGridId = nextPivotGridId++;
     }
+    fields = new BehaviorSubject([]);
+    configuredFields = new BehaviorSubject([]);
     updateRowsAndCols() {
         const rowsTree = toTree((this.rows || []).slice());
         const [rowHeaderRows, rowHeaderLeaves, rowHeaderDepth, rowHeaderBreadth] = toRows(rowsTree);
@@ -51,10 +62,10 @@ export class PivotGridDataService {
             });
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PivotGridDataService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PivotGridDataService });
 }
-PivotGridDataService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PivotGridDataService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-PivotGridDataService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PivotGridDataService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PivotGridDataService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PivotGridDataService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.NgZone }]; }, propDecorators: { expandedStateChange: [{
                 type: Output

package/{esm2020 → esm2022}/localization/custom-messages.component.mjs

@@ -12,6 +12,7 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * ([see example]({% slug globalization_pivotgrid %}#toc-custom-messages)).
  */
 export class CustomMessagesComponent extends PivotGridMessages {
+    service;
     constructor(service) {
         super();
         this.service = service;
@@ -19,15 +20,15 @@ export class CustomMessagesComponent extends PivotGridMessages {
     get override() {
         return true;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-pivotgrid-messages", providers: [
+            {
+                provide: PivotGridMessages,
+                useExisting: forwardRef(() => CustomMessagesComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-CustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-CustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-pivotgrid-messages", providers: [
-        {
-            provide: PivotGridMessages,
-            useExisting: forwardRef(() => CustomMessagesComponent)
-        }
-    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomMessagesComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [