@progress/kendo-angular-pivotgrid 14.1.0-develop.1 → 14.1.0-develop.11

package/esm2020/configurator/chip-menu/chip-menu.module.mjs

@@ -15,6 +15,7 @@ import { StringFilterMenuComponent } from './filtering/string-filter-menu.compon
 import { FilterMenuDropDownListDirective } from './filtering/filter-menu-dropdownlist.directive';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { SharedModule } from '../../shared.module';
+import { ChipMenuReorderComponent } from './chip-menu-reorder.component';
 import * as i0 from "@angular/core";
 const COMPONENTS = [
     ChipMenuItemComponent,
@@ -26,7 +27,8 @@ const COMPONENTS = [
     StringFilterMenuComponent,
     FilterMenuDropDownListDirective,
     ChipMenuContainerComponent,
-    ChipMenuItemDirective
+    ChipMenuItemDirective,
+    ChipMenuReorderComponent
 ];
 /**
  * @hidden
@@ -36,6 +38,7 @@ export class ChipMenuModule {
         return [
             ChipMenuItemComponent,
             ChipMenuSortComponent,
+            ChipMenuReorderComponent,
             ChipMenuContainerComponent,
             ChipMenuItemDirective,
             ChipMenuComponent
@@ -52,7 +55,8 @@ ChipMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
         StringFilterMenuComponent,
         FilterMenuDropDownListDirective,
         ChipMenuContainerComponent,
-        ChipMenuItemDirective], imports: [SharedModule,
+        ChipMenuItemDirective,
+        ChipMenuReorderComponent], imports: [SharedModule,
         ReactiveFormsModule,
         FormsModule], exports: [ChipMenuItemComponent,
         ChipMenuSortComponent,
@@ -63,7 +67,8 @@ ChipMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
         StringFilterMenuComponent,
         FilterMenuDropDownListDirective,
         ChipMenuContainerComponent,
-        ChipMenuItemDirective] });
+        ChipMenuItemDirective,
+        ChipMenuReorderComponent] });
 ChipMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ChipMenuModule, imports: [[
             SharedModule,
             ReactiveFormsModule,

package/esm2020/configurator/chip-menu/chip-menu.service.mjs

@@ -2,18 +2,24 @@
 * Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+import { Subscription } from 'rxjs';
+import { ConfiguratorService } from '../configurator.service';
 import { MenuTabbingService } from './filtering/menu-tabbing.service';
 import { Injectable, EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "./filtering/menu-tabbing.service";
+import * as i2 from "../configurator.service";
 /**
  * @hidden
  * Represents the service that is passed to the ChipMenuFilterComponent and ChipMenuSortComponent.
  */
 export class ChipMenuService {
-    constructor(menuTabbingService) {
+    constructor(menuTabbingService, configuratorService) {
+        this.configuratorService = configuratorService;
         this.closeMenu = new EventEmitter();
+        this.sub = new Subscription();
         this.menuTabbingService = menuTabbingService;
+        configuratorService && (this.sub = configuratorService.closeMenu.subscribe(() => this.close()));
     }
     /**
      * Closes the chip menu.
@@ -21,9 +27,12 @@ export class ChipMenuService {
     close() {
         this.closeMenu.emit();
     }
+    ngOnDestroy() {
+        this.sub.unsubscribe();
+    }
 }
-ChipMenuService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ChipMenuService, deps: [{ token: i1.MenuTabbingService }], target: i0.ɵɵFactoryTarget.Injectable });
+ChipMenuService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ChipMenuService, deps: [{ token: i1.MenuTabbingService }, { token: i2.ConfiguratorService }], target: i0.ɵɵFactoryTarget.Injectable });
 ChipMenuService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ChipMenuService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ChipMenuService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.MenuTabbingService }]; } });
+        }], ctorParameters: function () { return [{ type: i1.MenuTabbingService }, { type: i2.ConfiguratorService }]; } });

package/esm2020/configurator/configurator.component.mjs

@@ -59,6 +59,7 @@ export class PivotGridConfiguratorComponent {
             }
             return of(node.children);
         };
+        this.configuratorService.configuratorInstance = this;
     }
     get headerTextId() {
         return `k-pivotgrid-${this.dataService.pivotGridId}-configurator-header`;
@@ -117,6 +118,7 @@ export class PivotGridConfiguratorComponent {
             filter: state.filter
         };
         this.state = this.configuratorService.state = state;
+        this.cdr.detectChanges();
     }
     onReorder(ev, name, item) {
         const currentCollection = this.state[`${name}Axes`];
@@ -183,12 +185,12 @@ export class PivotGridConfiguratorComponent {
         this.dataService.state[`${section}Axes`] = filteredItems;
         const newState = { ...this.state, ...this.dataService.state };
         this.checked = this.checked.filter(checkedItem => checkedItem.uniqueName !== item.name[0]);
+        const targetIndex = this.navigation?.elements.indexOf(ev.sender.element.nativeElement);
         this.setState(newState);
         if (!this.navigation) {
             return;
         }
         ;
-        const targetIndex = this.navigation.elements.indexOf(ev.sender.element.nativeElement);
         this.zone.runOutsideAngular(() => setTimeout(() => this.navigation.focusElement(this.navigation.elements[targetIndex - 1], this.navigation.elements[targetIndex])));
     }
     /**
@@ -389,6 +391,7 @@ PivotGridConfiguratorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
                             #columnsChiplist
                             kendoDropTarget
                             axes="columnAxes"
+                            [style.width.%]="100"
                             [attr.aria-labelledby]="headerTextId + ' ' + contentLabelId('columns')"
                             [ngStyle]="isHorizontal ? {'padding-top': 0, 'padding-left': '16px' } : null"
                         >
@@ -427,6 +430,7 @@ PivotGridConfiguratorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
                             axes="rowAxes"
                             [attr.aria-labelledby]="headerTextId + ' ' + contentLabelId('rows')"
                             [ngStyle]="isHorizontal ? {'padding-top': 0, 'padding-left': '16px' } : null"
+                            [style.width.%]="100"
                         >
                             <ng-container *ngFor="let item of state.rowAxes">
                                 <kendo-chip *ngIf="item.name.length === 1"
@@ -470,6 +474,7 @@ PivotGridConfiguratorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
                             axes="measureAxes"
                             [attr.aria-labelledby]="headerTextId + ' ' + contentLabelId('values')"
                             [ngStyle]="isHorizontal ? {'padding-top': 0, 'padding-left': '16px' } : null"
+                            [style.width.%]="100"
                         >
                             <kendo-chip *ngFor="let item of state.measureAxes"
                                 kendoChipDraggable
@@ -484,6 +489,11 @@ PivotGridConfiguratorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
                                 (reorder)="onReorder($event, 'measure', item)"
                                 >
                                 {{ getName(item.name) }}
+
+                                <kendo-pivot-chip-menu
+                                    [isMeasureField]="true"
+                                    [chip]="item">
+                                </kendo-pivot-chip-menu>
                             </kendo-chip>
                         </kendo-chiplist>
 
@@ -499,7 +509,7 @@ PivotGridConfiguratorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
                 <button kendoButton themeColor="primary" type="button" (click)="handleSubmit()">{{messageFor('configuratorApplyButtonText')}}</button>
             </div>
         </div>
-   `, isInline: true, components: [{ type: i4.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"] }, { type: i5.ChipListComponent, selector: "kendo-chiplist, kendo-chip-list", inputs: ["selection", "size", "role", "navigable"], 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.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "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"] }] });
+   `, isInline: true, components: [{ type: i4.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"] }, { type: i5.ChipListComponent, selector: "kendo-chiplist, kendo-chip-list", inputs: ["selection", "size", "role", "navigable"], outputs: ["selectedChange", "remove"] }, { type: i5.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"] }, { type: i6.ChipMenuComponent, selector: "kendo-pivot-chip-menu", inputs: ["chip", "tabIndex", "isMeasureField"] }, { type: i5.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "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.12", ngImport: i0, type: PivotGridConfiguratorComponent, decorators: [{
             type: Component,
             args: [{
@@ -574,6 +584,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                             #columnsChiplist
                             kendoDropTarget
                             axes="columnAxes"
+                            [style.width.%]="100"
                             [attr.aria-labelledby]="headerTextId + ' ' + contentLabelId('columns')"
                             [ngStyle]="isHorizontal ? {'padding-top': 0, 'padding-left': '16px' } : null"
                         >
@@ -612,6 +623,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                             axes="rowAxes"
                             [attr.aria-labelledby]="headerTextId + ' ' + contentLabelId('rows')"
                             [ngStyle]="isHorizontal ? {'padding-top': 0, 'padding-left': '16px' } : null"
+                            [style.width.%]="100"
                         >
                             <ng-container *ngFor="let item of state.rowAxes">
                                 <kendo-chip *ngIf="item.name.length === 1"
@@ -655,6 +667,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                             axes="measureAxes"
                             [attr.aria-labelledby]="headerTextId + ' ' + contentLabelId('values')"
                             [ngStyle]="isHorizontal ? {'padding-top': 0, 'padding-left': '16px' } : null"
+                            [style.width.%]="100"
                         >
                             <kendo-chip *ngFor="let item of state.measureAxes"
                                 kendoChipDraggable
@@ -669,6 +682,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                                 (reorder)="onReorder($event, 'measure', item)"
                                 >
                                 {{ getName(item.name) }}
+
+                                <kendo-pivot-chip-menu
+                                    [isMeasureField]="true"
+                                    [chip]="item">
+                                </kendo-pivot-chip-menu>
                             </kendo-chip>
                         </kendo-chiplist>
 

package/esm2020/configurator/configurator.service.mjs

@@ -15,6 +15,7 @@ export class ConfiguratorService {
     constructor(dataService) {
         this.dataService = dataService;
         this.configuratorStateChange = new EventEmitter();
+        this.closeMenu = new EventEmitter();
     }
     parseConfiguratorState(action) {
         const newState = configuratorReducer({
@@ -40,4 +41,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.PivotGridDataService }]; }, propDecorators: { configuratorStateChange: [{
                 type: Output
+            }], closeMenu: [{
+                type: Output
             }] } });

package/esm2020/configurator/draggable.directive.mjs

@@ -2,12 +2,13 @@
 * 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, ElementRef, NgZone, Optional, HostBinding, Renderer2 } from '@angular/core';
+import { Directive, Input, ElementRef, NgZone, Optional, HostBinding, Renderer2, ChangeDetectorRef } 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 { tap } from 'rxjs/operators';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-common";
 import * as i2 from "./configurator.service";
@@ -16,16 +17,18 @@ import * as i3 from "./drop-cue.service";
  * @hidden
  */
 export class DraggableChipDirective {
-    constructor(draggable, element, zone, service, cue, renderer) {
+    constructor(draggable, element, zone, service, cue, renderer, cdr) {
         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() {
@@ -33,9 +36,14 @@ export class DraggableChipDirective {
     }
     ngOnInit() {
         this.subs.add(this.draggable.kendoPress
-            .subscribe((event) => {
+            .pipe(tap((e) => {
+            this.service.closeMenu.emit();
+            if (e.originalEvent.target.closest('.k-icon-wrapper-host')) {
+                this.invalidTarget = true;
+            }
+        })).subscribe((event) => {
             this.zone.runOutsideAngular(() => {
-                if (isDocumentAvailable()) {
+                if (isDocumentAvailable() && !this.invalidTarget) {
                     this.initialX.current = event.clientX;
                     this.initialY.current = event.clientY;
                     const element = this.element.nativeElement;
@@ -51,14 +59,14 @@ export class DraggableChipDirective {
         this.subs.add(this.draggable.kendoDrag
             .subscribe((event) => {
             this.zone.runOutsideAngular(() => {
-                if (isDocumentAvailable()) {
+                if (isDocumentAvailable() && !this.invalidTarget) {
                     const isDragging = Math.abs(this.initialX.current - event.clientX) > 5 ||
                         Math.abs(this.initialY.current - event.clientY) > 5;
                     if (!isDragging) {
                         return;
                     }
                     this.drag = true;
-                    if (!document.elementFromPoint(event.clientX, event.clientY)?.closest('.k-pivotgrid-configurator [kendodroptarget]')) {
+                    if (!document.elementFromPoint(event.clientX, event.clientY)?.closest('.k-pivotgrid-configurator')) {
                         return;
                     }
                     this.renderer.setStyle(this.element.nativeElement, 'transform', `translate(${event.clientX - this.initialX.current}px, ${event.clientY - this.initialY.current}px)`);
@@ -69,6 +77,7 @@ export class DraggableChipDirective {
             .subscribe(() => {
             this.zone.runOutsideAngular(() => {
                 this.drag = false;
+                this.invalidTarget = false;
                 if (this.service.state.dragItem) {
                     const element = this.element.nativeElement;
                     if (isDocumentAvailable()) {
@@ -94,7 +103,7 @@ export class DraggableChipDirective {
         this.subs.unsubscribe();
     }
 }
-DraggableChipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.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 });
+DraggableChipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.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 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
 DraggableChipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", 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.12", ngImport: i0, type: DraggableChipDirective, decorators: [{
             type: Directive,
@@ -103,7 +112,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", 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 }]; }, propDecorators: { pointerEvents: [{
+                }] }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i2.ConfiguratorService }, { type: i3.DropCueService }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { pointerEvents: [{
                 type: HostBinding,
                 args: ['style.pointerEvents']
             }], touchActions: [{

package/esm2020/localization/messages.mjs

@@ -11,7 +11,7 @@ import * as i0 from "@angular/core";
 export class PivotGridMessages extends ComponentMessages {
 }
 PivotGridMessages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PivotGridMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-PivotGridMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: PivotGridMessages, inputs: { fieldMenuFilterItemLabel: "fieldMenuFilterItemLabel", fieldMenuSortAscendingItemLabel: "fieldMenuSortAscendingItemLabel", fieldMenuSortDescendingItemLabel: "fieldMenuSortDescendingItemLabel", filterInputLabel: "filterInputLabel", filterOperatorsDropDownLabel: "filterOperatorsDropDownLabel", filterEqOperator: "filterEqOperator", filterNotEqOperator: "filterNotEqOperator", filterIsNullOperator: "filterIsNullOperator", filterIsNotNullOperator: "filterIsNotNullOperator", filterIsEmptyOperator: "filterIsEmptyOperator", filterIsNotEmptyOperator: "filterIsNotEmptyOperator", filterStartsWithOperator: "filterStartsWithOperator", filterContainsOperator: "filterContainsOperator", filterNotContainsOperator: "filterNotContainsOperator", filterEndsWithOperator: "filterEndsWithOperator", filterFilterButton: "filterFilterButton", filterClearButton: "filterClearButton", loading: "loading", emptyCellLabel: "emptyCellLabel", configuratorButtonText: "configuratorButtonText", configuratorHeaderText: "configuratorHeaderText", configuratorFieldsText: "configuratorFieldsText", configuratorColumnsText: "configuratorColumnsText", configuratorRowsText: "configuratorRowsText", configuratorValuesText: "configuratorValuesText", configuratorCancelButtonText: "configuratorCancelButtonText", configuratorApplyButtonText: "configuratorApplyButtonText", configuratorEmptyRowsText: "configuratorEmptyRowsText", configuratorEmptyColumnsText: "configuratorEmptyColumnsText", configuratorEmptyMeasuresText: "configuratorEmptyMeasuresText", chipMenuIconTitle: "chipMenuIconTitle" }, usesInheritance: true, ngImport: i0 });
+PivotGridMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: PivotGridMessages, inputs: { fieldMenuFilterItemLabel: "fieldMenuFilterItemLabel", fieldMenuSortAscendingItemLabel: "fieldMenuSortAscendingItemLabel", fieldMenuSortDescendingItemLabel: "fieldMenuSortDescendingItemLabel", filterInputLabel: "filterInputLabel", filterOperatorsDropDownLabel: "filterOperatorsDropDownLabel", filterEqOperator: "filterEqOperator", filterNotEqOperator: "filterNotEqOperator", filterIsNullOperator: "filterIsNullOperator", filterIsNotNullOperator: "filterIsNotNullOperator", filterIsEmptyOperator: "filterIsEmptyOperator", filterIsNotEmptyOperator: "filterIsNotEmptyOperator", filterStartsWithOperator: "filterStartsWithOperator", filterContainsOperator: "filterContainsOperator", filterNotContainsOperator: "filterNotContainsOperator", filterEndsWithOperator: "filterEndsWithOperator", filterFilterButton: "filterFilterButton", filterClearButton: "filterClearButton", loading: "loading", emptyCellLabel: "emptyCellLabel", configuratorButtonText: "configuratorButtonText", configuratorHeaderText: "configuratorHeaderText", configuratorFieldsText: "configuratorFieldsText", configuratorColumnsText: "configuratorColumnsText", configuratorRowsText: "configuratorRowsText", configuratorValuesText: "configuratorValuesText", configuratorCancelButtonText: "configuratorCancelButtonText", configuratorApplyButtonText: "configuratorApplyButtonText", configuratorEmptyRowsText: "configuratorEmptyRowsText", configuratorEmptyColumnsText: "configuratorEmptyColumnsText", configuratorEmptyMeasuresText: "configuratorEmptyMeasuresText", fieldMenuMoveToColumnsItem: "fieldMenuMoveToColumnsItem", fieldMenuMoveToRowsItem: "fieldMenuMoveToRowsItem", fieldMenuMovePreviousItem: "fieldMenuMovePreviousItem", fieldMenuMoveNextItem: "fieldMenuMoveNextItem", chipMenuIconTitle: "chipMenuIconTitle" }, usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PivotGridMessages, decorators: [{
             type: Directive
         }], propDecorators: { fieldMenuFilterItemLabel: [{
@@ -74,6 +74,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], configuratorEmptyMeasuresText: [{
                 type: Input
+            }], fieldMenuMoveToColumnsItem: [{
+                type: Input
+            }], fieldMenuMoveToRowsItem: [{
+                type: Input
+            }], fieldMenuMovePreviousItem: [{
+                type: Input
+            }], fieldMenuMoveNextItem: [{
+                type: Input
             }], chipMenuIconTitle: [{
                 type: Input
             }] } });

package/esm2020/models/configurator-chipmenu-reorder-target.mjs

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-pivotgrid',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1698853374,
-    version: '14.1.0-develop.1',
+    publishDate: 1699450680,
+    version: '14.1.0-develop.11',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/esm2020/pivotgrid.component.mjs

@@ -345,7 +345,19 @@ PivotGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
         configuratorEmptyMeasuresText="Select some fields to begin setup"
         
         i18n-chipMenuIconTitle="kendo.grid.chipMenuIconTitle|The title of the field menu icon"
-        chipMenuIconTitle="{{ '{fieldName} Field Menu' }}"></ng-container>
+        chipMenuIconTitle="{{ '{fieldName} Field Menu' }}"
+
+        i18n-fieldMenuMoveToColumnsItem="kendo.pivotgrid.fieldMenuMoveToColumnsItem|The text content of the Move to Columns item in the column and row fields menu."
+        fieldMenuMoveToColumnsItem="Move to Columns"
+        
+        i18n-fieldMenuMoveToRowsItem="kendo.pivotgrid.fieldMenuMoveToRowsItem|The text content of the Move to Rows item in the column and row fields menu."
+        fieldMenuMoveToRowsItem="Move to Rows"
+        
+        i18n-fieldMenuMovePreviousItem="kendo.pivotgrid.fieldMenuMovePreviousItem|The text content of the Move as previous item in the column, row, and value fields menu."
+        fieldMenuMovePreviousItem="Move as previous"
+        
+        i18n-fieldMenuMoveNextItem="kendo.pivotgrid.fieldMenuMoveNextItem|The text content of the Move as next item in the column, row, and value fields menu."
+        fieldMenuMoveNextItem="Move as next"></ng-container>
 
         <div #table class="k-pivotgrid" role="grid">
             <span class="k-pivotgrid-empty-cell" role="columnheader">
@@ -498,7 +510,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         configuratorEmptyMeasuresText="Select some fields to begin setup"
         
         i18n-chipMenuIconTitle="kendo.grid.chipMenuIconTitle|The title of the field menu icon"
-        chipMenuIconTitle="{{ '{fieldName} Field Menu' }}"></ng-container>
+        chipMenuIconTitle="{{ '{fieldName} Field Menu' }}"
+
+        i18n-fieldMenuMoveToColumnsItem="kendo.pivotgrid.fieldMenuMoveToColumnsItem|The text content of the Move to Columns item in the column and row fields menu."
+        fieldMenuMoveToColumnsItem="Move to Columns"
+        
+        i18n-fieldMenuMoveToRowsItem="kendo.pivotgrid.fieldMenuMoveToRowsItem|The text content of the Move to Rows item in the column and row fields menu."
+        fieldMenuMoveToRowsItem="Move to Rows"
+        
+        i18n-fieldMenuMovePreviousItem="kendo.pivotgrid.fieldMenuMovePreviousItem|The text content of the Move as previous item in the column, row, and value fields menu."
+        fieldMenuMovePreviousItem="Move as previous"
+        
+        i18n-fieldMenuMoveNextItem="kendo.pivotgrid.fieldMenuMoveNextItem|The text content of the Move as next item in the column, row, and value fields menu."
+        fieldMenuMoveNextItem="Move as next"></ng-container>
 
         <div #table class="k-pivotgrid" role="grid">
             <span class="k-pivotgrid-empty-cell" role="columnheader">