@progress/kendo-angular-pivotgrid 1.1.2 → 11.0.0-develop.100

package/{esm2015/configurator/configurator.component.js → esm2020/configurator/configurator.component.mjs}

@@ -1,15 +1,19 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Component, EventEmitter, HostBinding, Input, Output, ViewChild } from '@angular/core';
+import { ChangeDetectorRef, Component, EventEmitter, HostBinding, Input, NgZone, Output, ViewChild } from '@angular/core';
+import { ConfiguratorNavigation } from '@progress/kendo-pivotgrid-common';
 import { TreeViewComponent } from '@progress/kendo-angular-treeview';
+import { PivotGridDataService } from '../data-binding/pivotgrid-data.service';
 import { ConfiguratorService } from './configurator.service';
 import { DropCueService } from './drop-cue.service';
 import { from, of, Subscription } from 'rxjs';
 import { mergeMap } from 'rxjs/operators';
 import { clone, swapItems } from '../util';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { SinglePopupService } from './chip-menu/single-popup.service';
+import { ChipListComponent } from '@progress/kendo-angular-buttons';
 import * as i0 from "@angular/core";
 import * as i1 from "../data-binding/pivotgrid-data.service";
 import * as i2 from "@progress/kendo-angular-l10n";
@@ -69,7 +73,7 @@ export class PivotGridConfiguratorComponent {
         }));
         this.subs.add(this.dataService.configuredFields
             .subscribe(res => {
-            const normalizedState = clone(Object.assign(Object.assign({}, this.dataService.state), { dragItem: res.dragItem, dropTarget: res.dropTarget, dropZone: res.dropZone, dropDirection: res.dropDirection }));
+            const normalizedState = clone({ ...this.dataService.state, dragItem: res.dragItem, dropTarget: res.dropTarget, dropZone: res.dropZone, dropDirection: res.dropDirection });
             this.originalState = normalizedState;
             this.setState(normalizedState);
             this.setChecked();
@@ -94,7 +98,7 @@ export class PivotGridConfiguratorComponent {
         this.subs.unsubscribe();
     }
     ngOnChanges(changes) {
-        if (changes.orientation) {
+        if (changes['orientation']) {
             this.configuratorService.orientation = this.orientation;
         }
     }
@@ -177,7 +181,7 @@ export class PivotGridConfiguratorComponent {
     onChipRemove(ev, item, section) {
         const filteredItems = this.dataService.state[`${section}Axes`].filter(descriptor => descriptor !== item);
         this.dataService.state[`${section}Axes`] = filteredItems;
-        const newState = Object.assign(Object.assign({}, this.state), this.dataService.state);
+        const newState = { ...this.state, ...this.dataService.state };
         this.checked = this.checked.filter(checkedItem => checkedItem.uniqueName !== item.name[0]);
         this.setState(newState);
         if (!this.navigation) {
@@ -205,11 +209,10 @@ export class PivotGridConfiguratorComponent {
      * A function which determines if a specific node is checked/
      */
     isItemChecked(node) {
-        var _a, _b;
         const res = this.checked.some(s => node.defaultHierarchy
             ? s.defaultHierarchy === node.defaultHierarchy
             : s.uniqueName === node.uniqueName)
-            || (((_a = node.children) === null || _a === void 0 ? void 0 : _a.length) && ((_b = node.children) === null || _b === void 0 ? void 0 : _b.every((c) => c.checked)));
+            || (node.children?.length && node.children?.every((c) => c.checked));
         return res || null;
     }
     /**
@@ -217,7 +220,7 @@ export class PivotGridConfiguratorComponent {
      */
     isSelectable(node) {
         const hasChildren = !('hierarchyUniqueName' in node) && !('aggregator' in node);
-        return !Boolean((!hasChildren && !node.aggregator && !node.measure)
+        return !((!hasChildren && !node.aggregator && !node.measure)
             || (node.type === 2)
             || node.uniqueName === '[KPIs]');
     }
@@ -249,10 +252,9 @@ export class PivotGridConfiguratorComponent {
         this.zone.runOutsideAngular(() => setTimeout(() => closestItem.focus()));
     }
     onTreeViewSelect(ev) {
-        var _a;
         const closestItem = ev.target.closest('.k-treeview-item');
         if (closestItem) {
-            (_a = closestItem.querySelector('.k-checkbox')) === null || _a === void 0 ? void 0 : _a.click();
+            closestItem.querySelector('.k-checkbox')?.click();
         }
     }
     onTreeViewEscape(ev) {
@@ -297,7 +299,7 @@ export class PivotGridConfiguratorComponent {
         const targetIndex = itemIndex + (direction === 'right' ? 1 : -1);
         swapItems(collection, itemIndex, targetIndex);
         this.dataService.state[`${name}Axes`] = collection;
-        const newState = Object.assign(Object.assign({}, this.state), this.dataService.state);
+        const newState = { ...this.state, ...this.dataService.state };
         this.setState(newState);
         this.cdr.detectChanges();
     }
@@ -305,21 +307,20 @@ export class PivotGridConfiguratorComponent {
      * Moves a chip from one ChipList to another
      */
     moveChip(collection, item, itemIndex, name) {
-        var _a;
         collection.splice(itemIndex, 1);
         const targetCollectionName = name === 'row' ? 'column' : 'row';
         const axes = this.state[`${targetCollectionName}Axes`];
         axes.push(item);
         this.dataService.state[`${name}Axes`] = collection;
         this.dataService.state[targetCollectionName] = axes;
-        const newState = Object.assign(Object.assign({}, this.state), this.dataService.state);
+        const newState = { ...this.state, ...this.dataService.state };
         this.setState(newState);
         this.cdr.detectChanges();
-        (_a = this[`${targetCollectionName}sList`]) === null || _a === void 0 ? void 0 : _a.chips.last.focus();
+        this[`${targetCollectionName}sList`]?.chips.last.focus();
     }
 }
-PivotGridConfiguratorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", 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: "12.0.0", version: "12.2.17", type: PivotGridConfiguratorComponent, 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: [
+PivotGridConfiguratorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", 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: "12.0.0", version: "13.3.11", type: PivotGridConfiguratorComponent, 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
@@ -339,11 +340,11 @@ PivotGridConfiguratorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
 
             <div class="k-pivotgrid-configurator-content">
                 <div class="k-form" [class.k-form-horizontal]="isHorizontal">
-                    <div class="k-form-field-wrapper">
-                        <div class="k-form-field">
+                    <div class="k-form-field-wrapper" [ngStyle]="isHorizontal ? {'padding-left': 0 } : null">
+                        <div class="k-form-field" [style]="'padding-top: 1em; margin-top: 0;'" [ngStyle]="isHorizontal ? {'padding-top': 0, 'padding-left': '16px' } : null">
                             <span [id]="contentLabelId('fields')" class="k-label">{{messageFor('configuratorFieldsText')}}</span>
                         </div>
-                        <div class="k-form-field">
+                        <div class="k-form-field" [style]="'padding-top: 1em; margin-top: 0;'" [ngStyle]="isHorizontal ? {'padding-top': 0, 'padding-left': '16px' } : null">
                             <div class="k-fields-list-wrapper">
                                 <kendo-treeview
                                     #treeview
@@ -372,12 +373,12 @@ PivotGridConfiguratorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
                         </div>
                     </div>
 
-                    <div *ngIf="isHorizontal; else verticalTemplate" class="k-form-field-wrapper">
+                    <div *ngIf="isHorizontal; else verticalTemplate" class="k-form-field-wrapper" [ngStyle]="isHorizontal ? {'padding-left': 0 } : null">
                         <ng-container *ngTemplateOutlet="verticalTemplate"></ng-container>
                     </div>
 
                     <ng-template #verticalTemplate>
-                        <div class="k-form-field" kendoDropTarget axes="columnAxes">
+                        <div class="k-form-field" kendoDropTarget axes="columnAxes" [style]="'padding-top: 1em; margin-top: 0;'" [ngStyle]="isHorizontal ? {'padding-top': 0, 'padding-left': '16px' } : null">
                             <span [id]="contentLabelId('columns')" class="k-label">{{messageFor('configuratorColumnsText')}}</span>
                         </div>
 
@@ -387,6 +388,7 @@ PivotGridConfiguratorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
                             kendoDropTarget
                             axes="columnAxes"
                             [attr.aria-labelledby]="headerTextId + ' ' + contentLabelId('columns')"
+                            [ngStyle]="isHorizontal ? {'padding-top': 0, 'padding-left': '16px' } : null"
                         >
                             <ng-container *ngFor="let item of state.columnAxes">
                                 <kendo-chip *ngIf="item.name.length === 1"
@@ -412,7 +414,7 @@ PivotGridConfiguratorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
                             <div class="k-settings-description" kendoDropTarget axes="columnAxes">{{messageFor('configuratorEmptyColumnsText')}}</div>
                         </ng-template>
 
-                        <div class="k-form-field" kendoDropTarget axes="rowAxes">
+                        <div class="k-form-field" kendoDropTarget axes="rowAxes" [style]="'padding-top: 1em; margin-top: 0;'" [ngStyle]="isHorizontal ? {'padding-top': 0, 'padding-left': '16px' } : null">
                             <span [id]="contentLabelId('rows')" class="k-label">{{messageFor('configuratorRowsText')}}</span>
                         </div>
 
@@ -422,6 +424,7 @@ PivotGridConfiguratorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
                             kendoDropTarget
                             axes="rowAxes"
                             [attr.aria-labelledby]="headerTextId + ' ' + contentLabelId('rows')"
+                            [ngStyle]="isHorizontal ? {'padding-top': 0, 'padding-left': '16px' } : null"
                         >
                             <ng-container *ngFor="let item of state.rowAxes">
                                 <kendo-chip *ngIf="item.name.length === 1"
@@ -450,12 +453,12 @@ PivotGridConfiguratorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
                         </ng-template>
                     </ng-template>
 
-                    <div *ngIf="isHorizontal; else verticalMeasuresTemplate" class="k-form-field-wrapper">
+                    <div *ngIf="isHorizontal; else verticalMeasuresTemplate" class="k-form-field-wrapper" [ngStyle]="isHorizontal ? {'padding-left': 0 } : null" >
                         <ng-container *ngTemplateOutlet="verticalMeasuresTemplate"></ng-container>
                     </div>
 
                     <ng-template #verticalMeasuresTemplate>
-                        <div class="k-form-field" kendoDropTarget axes="measureAxes">
+                        <div class="k-form-field" kendoDropTarget axes="measureAxes" [style]="'padding-top: 1em; margin-top: 0;'" [ngStyle]="isHorizontal ? {'padding-top': 0, 'padding-left': '16px' } : null">
                             <span [id]="contentLabelId('values')" class="k-label">{{messageFor('configuratorValuesText')}}</span>
                         </div>
 
@@ -464,6 +467,7 @@ PivotGridConfiguratorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
                             kendoDropTarget
                             axes="measureAxes"
                             [attr.aria-labelledby]="headerTextId + ' ' + contentLabelId('values')"
+                            [ngStyle]="isHorizontal ? {'padding-top': 0, 'padding-left': '16px' } : null"
                         >
                             <kendo-chip *ngFor="let item of state.measureAxes"
                                 kendoChipDraggable
@@ -493,8 +497,8 @@ PivotGridConfiguratorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
                 <button kendoButton themeColor="primary" type="button" (click)="handleSubmit()">{{messageFor('configuratorApplyButtonText')}}</button>
             </div>
         </div>
-   `, isInline: true, styles: ["\n        .k-form .k-chip-list {\n            width: 100%;\n        }\n\n        .k-form .k-form-field,\n        .k-form .k-settings-description {\n            padding-top: 1em;\n            margin-top: 0;\n        }\n\n        .k-form.k-form-horizontal .k-form-field,\n        .k-form.k-form-horizontal .k-chip-list {\n            padding-top: 0;\n            padding-left: 16px;\n        }\n\n        .k-form.k-form-horizontal .k-form-field-wrapper {\n            padding-left: 0;\n        }\n   "], components: [{ type: i4.TreeViewComponent, selector: "kendo-treeview", inputs: ["filterInputPlaceholder", "expandDisabledNodes", "animate", "nodeTemplate", "loadMoreButtonTemplate", "trackBy", "nodes", "textField", "hasChildren", "isChecked", "isDisabled", "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"] }, { type: i5.ChipListComponent, selector: "kendo-chiplist, kendo-chip-list", inputs: ["selection", "size"], outputs: ["selectedChange", "remove"] }, { type: i5.ChipComponent, selector: "kendo-chip", inputs: ["label", "icon", "iconClass", "avatarClass", "selected", "removable", "removeIcon", "disabled", "size", "rounded", "fillMode", "themeColor"], outputs: ["remove", "contentClick"] }, { type: i6.ChipMenuComponent, selector: "kendo-pivot-chip-menu", inputs: ["chip", "tabIndex"] }], directives: [{ type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.ExpandDirective, selector: "[kendoTreeViewExpandable]", inputs: ["isExpanded", "expandBy", "expandOnFilter", "expandedKeys"], outputs: ["expandedKeysChange"] }, { type: i4.NodeTemplateDirective, selector: "[kendoTreeViewNodeTemplate]" }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i9.DropTargetDirective, selector: "[kendoDropTarget]", inputs: ["item", "axes"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.DraggableChipDirective, selector: "[kendoChipDraggable]", inputs: ["item"] }, { type: i11.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { type: i12.ChipKeyboardNavigationDirective, selector: "[kendoChipKeyboardNavigation]", outputs: ["reorder"] }, { type: i5.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PivotGridConfiguratorComponent, decorators: [{
+   `, isInline: true, components: [{ type: i4.TreeViewComponent, selector: "kendo-treeview", inputs: ["filterInputPlaceholder", "expandDisabledNodes", "animate", "nodeTemplate", "loadMoreButtonTemplate", "trackBy", "nodes", "textField", "hasChildren", "isChecked", "isDisabled", "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"] }, { type: i5.ChipListComponent, selector: "kendo-chiplist, kendo-chip-list", inputs: ["selection", "size"], outputs: ["selectedChange", "remove"] }, { type: i5.ChipComponent, selector: "kendo-chip", inputs: ["label", "icon", "svgIcon", "iconClass", "avatarClass", "selected", "removable", "removeIcon", "removeSvgIcon", "disabled", "size", "rounded", "fillMode", "themeColor"], outputs: ["remove", "contentClick"] }, { type: i6.ChipMenuComponent, selector: "kendo-pivot-chip-menu", inputs: ["chip", "tabIndex"] }, { type: i5.Button, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }], directives: [{ type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.ExpandDirective, selector: "[kendoTreeViewExpandable]", inputs: ["isExpanded", "expandBy", "expandOnFilter", "expandedKeys"], outputs: ["expandedKeysChange"] }, { type: i4.NodeTemplateDirective, selector: "[kendoTreeViewNodeTemplate]" }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i9.DropTargetDirective, selector: "[kendoDropTarget]", inputs: ["item", "axes"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.DraggableChipDirective, selector: "[kendoChipDraggable]", inputs: ["item"] }, { type: i11.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { type: i12.ChipKeyboardNavigationDirective, selector: "[kendoChipKeyboardNavigation]", outputs: ["reorder"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PivotGridConfiguratorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-pivotgrid-configurator',
@@ -519,11 +523,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
 
             <div class="k-pivotgrid-configurator-content">
                 <div class="k-form" [class.k-form-horizontal]="isHorizontal">
-                    <div class="k-form-field-wrapper">
-                        <div class="k-form-field">
+                    <div class="k-form-field-wrapper" [ngStyle]="isHorizontal ? {'padding-left': 0 } : null">
+                        <div class="k-form-field" [style]="'padding-top: 1em; margin-top: 0;'" [ngStyle]="isHorizontal ? {'padding-top': 0, 'padding-left': '16px' } : null">
                             <span [id]="contentLabelId('fields')" class="k-label">{{messageFor('configuratorFieldsText')}}</span>
                         </div>
-                        <div class="k-form-field">
+                        <div class="k-form-field" [style]="'padding-top: 1em; margin-top: 0;'" [ngStyle]="isHorizontal ? {'padding-top': 0, 'padding-left': '16px' } : null">
                             <div class="k-fields-list-wrapper">
                                 <kendo-treeview
                                     #treeview
@@ -552,12 +556,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                         </div>
                     </div>
 
-                    <div *ngIf="isHorizontal; else verticalTemplate" class="k-form-field-wrapper">
+                    <div *ngIf="isHorizontal; else verticalTemplate" class="k-form-field-wrapper" [ngStyle]="isHorizontal ? {'padding-left': 0 } : null">
                         <ng-container *ngTemplateOutlet="verticalTemplate"></ng-container>
                     </div>
 
                     <ng-template #verticalTemplate>
-                        <div class="k-form-field" kendoDropTarget axes="columnAxes">
+                        <div class="k-form-field" kendoDropTarget axes="columnAxes" [style]="'padding-top: 1em; margin-top: 0;'" [ngStyle]="isHorizontal ? {'padding-top': 0, 'padding-left': '16px' } : null">
                             <span [id]="contentLabelId('columns')" class="k-label">{{messageFor('configuratorColumnsText')}}</span>
                         </div>
 
@@ -567,6 +571,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                             kendoDropTarget
                             axes="columnAxes"
                             [attr.aria-labelledby]="headerTextId + ' ' + contentLabelId('columns')"
+                            [ngStyle]="isHorizontal ? {'padding-top': 0, 'padding-left': '16px' } : null"
                         >
                             <ng-container *ngFor="let item of state.columnAxes">
                                 <kendo-chip *ngIf="item.name.length === 1"
@@ -592,7 +597,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                             <div class="k-settings-description" kendoDropTarget axes="columnAxes">{{messageFor('configuratorEmptyColumnsText')}}</div>
                         </ng-template>
 
-                        <div class="k-form-field" kendoDropTarget axes="rowAxes">
+                        <div class="k-form-field" kendoDropTarget axes="rowAxes" [style]="'padding-top: 1em; margin-top: 0;'" [ngStyle]="isHorizontal ? {'padding-top': 0, 'padding-left': '16px' } : null">
                             <span [id]="contentLabelId('rows')" class="k-label">{{messageFor('configuratorRowsText')}}</span>
                         </div>
 
@@ -602,6 +607,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                             kendoDropTarget
                             axes="rowAxes"
                             [attr.aria-labelledby]="headerTextId + ' ' + contentLabelId('rows')"
+                            [ngStyle]="isHorizontal ? {'padding-top': 0, 'padding-left': '16px' } : null"
                         >
                             <ng-container *ngFor="let item of state.rowAxes">
                                 <kendo-chip *ngIf="item.name.length === 1"
@@ -630,12 +636,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                         </ng-template>
                     </ng-template>
 
-                    <div *ngIf="isHorizontal; else verticalMeasuresTemplate" class="k-form-field-wrapper">
+                    <div *ngIf="isHorizontal; else verticalMeasuresTemplate" class="k-form-field-wrapper" [ngStyle]="isHorizontal ? {'padding-left': 0 } : null" >
                         <ng-container *ngTemplateOutlet="verticalMeasuresTemplate"></ng-container>
                     </div>
 
                     <ng-template #verticalMeasuresTemplate>
-                        <div class="k-form-field" kendoDropTarget axes="measureAxes">
+                        <div class="k-form-field" kendoDropTarget axes="measureAxes" [style]="'padding-top: 1em; margin-top: 0;'" [ngStyle]="isHorizontal ? {'padding-top': 0, 'padding-left': '16px' } : null">
                             <span [id]="contentLabelId('values')" class="k-label">{{messageFor('configuratorValuesText')}}</span>
                         </div>
 
@@ -644,6 +650,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                             kendoDropTarget
                             axes="measureAxes"
                             [attr.aria-labelledby]="headerTextId + ' ' + contentLabelId('values')"
+                            [ngStyle]="isHorizontal ? {'padding-top': 0, 'padding-left': '16px' } : null"
                         >
                             <kendo-chip *ngFor="let item of state.measureAxes"
                                 kendoChipDraggable
@@ -673,28 +680,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 <button kendoButton themeColor="primary" type="button" (click)="handleSubmit()">{{messageFor('configuratorApplyButtonText')}}</button>
             </div>
         </div>
-   `,
-                    styles: [`
-        .k-form .k-chip-list {
-            width: 100%;
-        }
-
-        .k-form .k-form-field,
-        .k-form .k-settings-description {
-            padding-top: 1em;
-            margin-top: 0;
-        }
-
-        .k-form.k-form-horizontal .k-form-field,
-        .k-form.k-form-horizontal .k-chip-list {
-            padding-top: 0;
-            padding-left: 16px;
-        }
-
-        .k-form.k-form-horizontal .k-form-field-wrapper {
-            padding-left: 0;
-        }
-   `]
+   `
                 }]
         }], ctorParameters: function () { return [{ type: i1.PivotGridDataService }, { type: i2.LocalizationService }, { type: i3.ConfiguratorService }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }]; }, propDecorators: { hostClass: [{
                 type: HostBinding,

package/{esm2015/configurator/configurator.service.js → esm2020/configurator/configurator.service.mjs}

@@ -1,9 +1,10 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { EventEmitter, Injectable, Output } from '@angular/core';
 import { configuratorReducer } from '@progress/kendo-pivotgrid-common';
+import { PivotGridDataService } from '../data-binding/pivotgrid-data.service';
 import { PivotGridState } from './../models/configurator-settings';
 import * as i0 from "@angular/core";
 import * as i1 from "../data-binding/pivotgrid-data.service";
@@ -28,14 +29,14 @@ export class ConfiguratorService {
             dropZone: this.state.dropZone
         }, action);
         Object.keys(newState).forEach(key => newState[key] === undefined && delete newState[key]);
-        this.state = Object.assign(Object.assign({}, this.state), newState);
+        this.state = { ...this.state, ...newState };
         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);
     }
 }
-ConfiguratorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ConfiguratorService, deps: [{ token: i1.PivotGridDataService }], target: i0.ɵɵFactoryTarget.Injectable });
-ConfiguratorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ConfiguratorService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ConfiguratorService, decorators: [{
+ConfiguratorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ConfiguratorService, deps: [{ token: i1.PivotGridDataService }], target: i0.ɵɵFactoryTarget.Injectable });
+ConfiguratorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ConfiguratorService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ConfiguratorService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.PivotGridDataService }]; }, propDecorators: { configuratorStateChange: [{
                 type: Output

package/{esm2015/configurator/draggable.directive.js → esm2020/configurator/draggable.directive.mjs}

@@ -1,10 +1,12 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Directive, Input, Optional, HostBinding } from '@angular/core';
-import { isDocumentAvailable } from '@progress/kendo-angular-common';
+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';
+import { DropCueService } from './drop-cue.service';
 import { Subscription } from 'rxjs';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-common";
@@ -49,7 +51,6 @@ export class DraggableChipDirective {
         this.subs.add(this.draggable.kendoDrag
             .subscribe((event) => {
             this.zone.runOutsideAngular(() => {
-                var _a;
                 if (isDocumentAvailable()) {
                     const isDragging = Math.abs(this.initialX.current - event.clientX) > 5 ||
                         Math.abs(this.initialY.current - event.clientY) > 5;
@@ -57,7 +58,7 @@ export class DraggableChipDirective {
                         return;
                     }
                     this.drag = true;
-                    if (!((_a = document.elementFromPoint(event.clientX, event.clientY)) === null || _a === void 0 ? void 0 : _a.closest('.k-pivotgrid-configurator [kendodroptarget]'))) {
+                    if (!document.elementFromPoint(event.clientX, event.clientY)?.closest('.k-pivotgrid-configurator [kendodroptarget]')) {
                         return;
                     }
                     this.renderer.setStyle(this.element.nativeElement, 'transform', `translate(${event.clientX - this.initialX.current}px, ${event.clientY - this.initialY.current}px)`);
@@ -93,9 +94,9 @@ export class DraggableChipDirective {
         this.subs.unsubscribe();
     }
 }
-DraggableChipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", 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 });
-DraggableChipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: DraggableChipDirective, 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: "12.2.17", ngImport: i0, type: DraggableChipDirective, decorators: [{
+DraggableChipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", 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 });
+DraggableChipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: DraggableChipDirective, 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: "13.3.11", ngImport: i0, type: DraggableChipDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoChipDraggable]'

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Injectable } from '@angular/core';
@@ -65,8 +65,8 @@ export class DropCueService {
         this.dom.style.display = '';
     }
 }
-DropCueService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DropCueService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-DropCueService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DropCueService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DropCueService, decorators: [{
+DropCueService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DropCueService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+DropCueService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DropCueService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DropCueService, decorators: [{
             type: Injectable
         }] });

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

@@ -1,10 +1,12 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Directive, Input } from "@angular/core";
+import { Directive, ElementRef, Input, NgZone, Renderer2 } from "@angular/core";
 import { PIVOT_CONFIGURATOR_ACTION } from "@progress/kendo-pivotgrid-common";
 import { Subscription } from "rxjs";
+import { ConfiguratorService } from "./configurator.service";
+import { DropCueService } from "./drop-cue.service";
 import { isPresent } from "../util";
 import * as i0 from "@angular/core";
 import * as i1 from "./configurator.service";
@@ -22,10 +24,9 @@ export class DropTargetDirective {
         this.subs = new Subscription();
     }
     ngOnInit() {
-        var _a;
         const element = this.element.nativeElement;
         this.elementType = this.getElementType(element);
-        this.elementSectionType = (_a = element.getAttribute('axes')) === null || _a === void 0 ? void 0 : _a.split('Axes')[0];
+        this.elementSectionType = element.getAttribute('axes')?.split('Axes')[0];
         this.subs.add(this.renderer.listen(element, 'mouseenter', this.handleMouseEnter.bind(this)));
         this.subs.add(this.renderer.listen(element, 'mousemove', this.handleMouseMove.bind(this)));
         this.subs.add(this.renderer.listen(element, 'mouseleave', this.handleMouseLeave.bind(this)));
@@ -52,7 +53,6 @@ export class DropTargetDirective {
     }
     handleMouseMove(event) {
         this.zone.runOutsideAngular(() => {
-            var _a;
             event.stopImmediatePropagation();
             if (this.configuratorService.state.dragItem) {
                 if (this.configuratorService.draggedElement && !this.isDropAllowed(this.configuratorService.draggedElement.fromSection)) {
@@ -60,13 +60,13 @@ export class DropTargetDirective {
                     return;
                 }
                 this.renderer.setStyle(this.element.nativeElement, 'cursor', 'pointer');
-                const singleOrNoChip = ((_a = this.targetElement) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.k-chip').length) < 2;
+                const singleOrNoChip = this.targetElement?.querySelectorAll('.k-chip').length < 2;
                 const isInOwnContainer = this.elementSectionType === this.configuratorService.draggedElement.fromSection;
                 if (!this.targetElement) {
                     return;
                 }
                 switch (this.elementType) {
-                    case 'chip':
+                    case 'chip': {
                         const rect = this.element.nativeElement.getBoundingClientRect();
                         const x = event.clientX - rect.left;
                         const direction = x < rect.width / 2 ? 'before' : 'after';
@@ -75,6 +75,7 @@ export class DropTargetDirective {
                             this.configuratorService.parseConfiguratorState({ type: PIVOT_CONFIGURATOR_ACTION.setDropDirection, payload: direction });
                         }
                         break;
+                    }
                     case 'container':
                     case 'header':
                         if (singleOrNoChip && isInOwnContainer) {
@@ -163,9 +164,9 @@ export class DropTargetDirective {
         }
     }
 }
-DropTargetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", 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: "12.0.0", version: "12.2.17", type: DropTargetDirective, selector: "[kendoDropTarget]", inputs: { item: "item", axes: "axes" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DropTargetDirective, decorators: [{
+DropTargetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", 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: "12.0.0", version: "13.3.11", type: DropTargetDirective, selector: "[kendoDropTarget]", inputs: { item: "item", axes: "axes" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DropTargetDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDropTarget]'

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

@@ -1,8 +1,9 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Directive, EventEmitter, Input, Output } from '@angular/core';
+import { Directive, EventEmitter, Input, NgZone, Output } from '@angular/core';
+import { PivotGridDataService } from './pivotgrid-data.service';
 import { headersReducer, HEADERS_ACTION, toTree } from '@progress/kendo-pivotgrid-common';
 import { Subscription } from 'rxjs';
 import { PivotGridState } from '../models/configurator-settings';
@@ -109,8 +110,8 @@ export class PivotBaseBindingDirective {
         // The `headersReducer` method is responsible for udpating
         // the expanded state based on the toggle action (expand/collapse)
         // Update axes and reload data
-        const newHeaders = headersReducer(this[axes].slice(), Object.assign(Object.assign({}, action), { tree }));
-        const newState = Object.assign(Object.assign({}, this.dataService.state), { [axes]: newHeaders });
+        const newHeaders = headersReducer(this[axes].slice(), { ...action, tree });
+        const newState = { ...this.dataService.state, ...{ [axes]: newHeaders } };
         this.dataService.state = newState;
         if (hasObservers(this.expandChange)) {
             const event = new ExpandChangeEvent(newState);
@@ -125,9 +126,9 @@ export class PivotBaseBindingDirective {
     }
     ;
 }
-PivotBaseBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PivotBaseBindingDirective, deps: [{ token: i1.PivotGridDataService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-PivotBaseBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", 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: "12.2.17", ngImport: i0, type: PivotBaseBindingDirective, decorators: [{
+PivotBaseBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PivotBaseBindingDirective, deps: [{ token: i1.PivotGridDataService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+PivotBaseBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", 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: "13.3.11", ngImport: i0, type: PivotBaseBindingDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'kendo-base-binding-directive'

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

@@ -1,8 +1,9 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Directive, Input } from '@angular/core';
+import { Directive, Input, NgZone } from '@angular/core';
+import { PivotGridDataService } from './pivotgrid-data.service';
 import { createDataTree, createFlatSchemaDimensions, createLocalDataState, rootFields } from '@progress/kendo-pivotgrid-common';
 import { anyChanged } from '@progress/kendo-angular-common';
 import { PivotBaseBindingDirective } from './base-binding-directive';
@@ -19,7 +20,7 @@ export class PivotLocalBindingDirective extends PivotBaseBindingDirective {
     constructor(dataService, zone) {
         super(dataService, zone);
         this.type = 'local';
-        this.createAxisSettings = (key) => (Object.assign({ key }, this.dimensions[key]));
+        this.createAxisSettings = (key) => ({ key, ...this.dimensions[key] });
     }
     ngOnChanges(changes) {
         if (anyChanged(['data', 'dimensions', 'columnAxes', 'rowAxes', 'measureAxes', 'measures'], changes)) {
@@ -60,9 +61,9 @@ export class PivotLocalBindingDirective extends PivotBaseBindingDirective {
         return Array.from(rootFields(axes).keys()).join(stringSeparator);
     }
 }
-PivotLocalBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PivotLocalBindingDirective, deps: [{ token: i1.PivotGridDataService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-PivotLocalBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: PivotLocalBindingDirective, 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: "12.2.17", ngImport: i0, type: PivotLocalBindingDirective, decorators: [{
+PivotLocalBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PivotLocalBindingDirective, deps: [{ token: i1.PivotGridDataService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+PivotLocalBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: PivotLocalBindingDirective, 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: "13.3.11", ngImport: i0, type: PivotLocalBindingDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoPivotLocalBinding]',