@progress/kendo-angular-pivotgrid 24.0.0-develop.2 → 24.0.0-develop.21

package/configurator/chip-menu/chip-menu-filter.component.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { EventEmitter, ElementRef } from '@angular/core';
+import { EventEmitter } from '@angular/core';
 import { AxisDescriptor } from '@progress/kendo-pivotgrid-common';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import { PivotLocalizationService } from '../../localization/pivot-localization.service';
@@ -14,7 +14,6 @@ import * as i0 from "@angular/core";
  */
 export declare class ChipMenuFilterComponent extends ChipMenuItemBase {
     localization: PivotLocalizationService;
-    private hostElement;
     /**
      * Fires when the content is expanded.
      */
@@ -31,11 +30,9 @@ export declare class ChipMenuFilterComponent extends ChipMenuItemBase {
      * Specifies if the content is expanded.
      */
     expanded: boolean;
-    isLast: boolean;
     actionsClass: string;
     filterSVGIcon: SVGIcon;
-    constructor(localization: PivotLocalizationService, hostElement: ElementRef);
-    ngAfterViewInit(): void;
+    constructor(localization: PivotLocalizationService);
     onCollapse(): void;
     onExpand(): void;
     /**
@@ -43,5 +40,5 @@ export declare class ChipMenuFilterComponent extends ChipMenuItemBase {
      */
     messageFor(localizationToken: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChipMenuFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChipMenuFilterComponent, "kendo-pivot-chipmenu-filter", never, { "chip": { "alias": "chip"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "isLast": { "alias": "isLast"; "required": false; }; }, { "expand": "expand"; "collapse": "collapse"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChipMenuFilterComponent, "kendo-pivot-chipmenu-filter", never, { "chip": { "alias": "chip"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; }, { "expand": "expand"; "collapse": "collapse"; }, never, never, true, never>;
 }

package/configurator/chip-menu/filtering/filter-menu-container.component.d.ts

@@ -20,7 +20,6 @@ export declare class FilterMenuContainerComponent implements OnDestroy {
      * The field with which the filter is associated.
      */
     chip: AxisDescriptor;
-    isLast: boolean;
     isExpanded: boolean;
     menuTabbingService: MenuTabbingService;
     actionsClass: string;
@@ -28,19 +27,18 @@ export declare class FilterMenuContainerComponent implements OnDestroy {
         operator: any;
         value: any;
     };
-    private resetButton;
-    private filterButton;
+    private filterMenuComponent;
     constructor(localization: PivotLocalizationService, cd: ChangeDetectorRef, menuTabbingService: MenuTabbingService, configuratorService: ConfiguratorService);
-    ngAfterViewChecked(): void;
     ngOnDestroy(): void;
     get disabled(): boolean;
+    get clearDisabled(): boolean;
     submit(): boolean;
-    reset(): void;
-    onTab(e: Event, buttonType: string): void;
+    reset(e?: Event): void;
+    onClearAction(e: Event): void;
     /**
      * Returns the localized message for a given token
      */
     messageFor(localizationToken: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterMenuContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FilterMenuContainerComponent, "kendo-pivot-filter-menu-container", never, { "chip": { "alias": "chip"; "required": false; }; "isLast": { "alias": "isLast"; "required": false; }; "isExpanded": { "alias": "isExpanded"; "required": false; }; "menuTabbingService": { "alias": "menuTabbingService"; "required": false; }; "actionsClass": { "alias": "actionsClass"; "required": false; }; }, { "close": "close"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterMenuContainerComponent, "kendo-pivot-filter-menu-container", never, { "chip": { "alias": "chip"; "required": false; }; "isExpanded": { "alias": "isExpanded"; "required": false; }; "menuTabbingService": { "alias": "menuTabbingService"; "required": false; }; "actionsClass": { "alias": "actionsClass"; "required": false; }; }, { "close": "close"; }, never, never, true, never>;
 }

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

@@ -845,6 +845,7 @@ const isNoValueOperator = operator => (operator === "isnull"
     || operator === "isempty"
     || operator === "isnotempty");
 const validFilter = ({ value, operator }) => !isNullOrEmptyString(value) || isNoValueOperator(operator);
+const hasFieldValue = value => value !== null && value !== undefined && `${value}`.length > 0;
 /**
  * @hidden
  */
@@ -857,31 +858,28 @@ class FilterMenuContainerComponent {
      * The field with which the filter is associated.
      */
     chip;
-    isLast;
     isExpanded;
     menuTabbingService;
     actionsClass = 'k-action-buttons k-button-group';
     filterDescriptorValue;
-    resetButton;
-    filterButton;
+    filterMenuComponent;
     constructor(localization, cd, menuTabbingService, configuratorService) {
         this.localization = localization;
         this.cd = cd;
         this.configuratorService = configuratorService;
         this.menuTabbingService = menuTabbingService;
     }
-    ngAfterViewChecked() {
-        if (this.isLast && this.isExpanded) {
-            this.menuTabbingService.lastFocusable = this.disabled ?
-                this.resetButton.nativeElement : this.filterButton.nativeElement;
-        }
-    }
     ngOnDestroy() {
         this.menuTabbingService.lastFocusable = null;
     }
     get disabled() {
         return !(this.filterDescriptorValue && validFilter(this.filterDescriptorValue));
     }
+    get clearDisabled() {
+        const hasPersistedFilter = !!this.configuratorService.state.filter?.some(descriptor => descriptor.field === this.chip.name.toString());
+        const hasPendingValue = !!this.filterDescriptorValue && (hasFieldValue(this.filterDescriptorValue.operator) || hasFieldValue(this.filterDescriptorValue.value));
+        return !hasPersistedFilter && !hasPendingValue;
+    }
     submit() {
         const filterDescriptor = {
             field: this.chip.name.toString(),
@@ -897,21 +895,26 @@ class FilterMenuContainerComponent {
         this.close.emit();
         return false;
     }
-    reset() {
-        const filters = this.configuratorService.state.filter.filter(descriptor => descriptor.field !== this.chip.name.toString());
-        this.configuratorService.parseConfiguratorState({ type: PIVOT_CONFIGURATOR_ACTION.setFilter, payload: filters });
+    reset(e) {
+        e?.preventDefault();
+        if (this.clearDisabled) {
+            return;
+        }
+        const currentFilters = this.configuratorService.state.filter || [];
+        const filters = currentFilters.filter(descriptor => descriptor.field !== this.chip.name.toString());
+        this.filterMenuComponent?.filterFormGroup.setValue({ operator: '', value: '' });
+        this.filterDescriptorValue = { operator: '', value: '' };
+        if (filters.length !== currentFilters.length) {
+            this.configuratorService.parseConfiguratorState({ type: PIVOT_CONFIGURATOR_ACTION.setFilter, payload: filters });
+        }
         this.close.emit();
     }
-    onTab(e, buttonType) {
-        if (this.menuTabbingService.firstFocusable && this.isLast) {
-            e.preventDefault();
-            if (buttonType === 'reset') {
-                this.disabled ? this.menuTabbingService.firstFocusable.focus() : this.filterButton.nativeElement.focus();
-            }
-            else {
-                this.menuTabbingService.firstFocusable.focus();
-            }
+    onClearAction(e) {
+        if (!this.clearDisabled) {
+            return;
         }
+        e.preventDefault();
+        e.stopPropagation();
     }
     /**
      * Returns the localized message for a given token
@@ -920,10 +923,10 @@ class FilterMenuContainerComponent {
         return this.localization.get(localizationToken);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FilterMenuContainerComponent, deps: [{ token: PivotLocalizationService }, { token: i0.ChangeDetectorRef }, { token: MenuTabbingService }, { token: ConfiguratorService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: FilterMenuContainerComponent, isStandalone: true, selector: "kendo-pivot-filter-menu-container", inputs: { chip: "chip", isLast: "isLast", isExpanded: "isExpanded", menuTabbingService: "menuTabbingService", actionsClass: "actionsClass" }, outputs: { close: "close" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: FilterMenuContainerComponent, isStandalone: true, selector: "kendo-pivot-filter-menu-container", inputs: { chip: "chip", isExpanded: "isExpanded", menuTabbingService: "menuTabbingService", actionsClass: "actionsClass" }, outputs: { close: "close" }, providers: [
             MenuTabbingService
-        ], viewQueries: [{ propertyName: "resetButton", first: true, predicate: ["resetButton"], descendants: true }, { propertyName: "filterButton", first: true, predicate: ["filterButton"], descendants: true }], ngImport: i0, template: `
-        <form (submit)="submit()" (reset)="reset()"
+        ], viewQueries: [{ propertyName: "filterMenuComponent", first: true, predicate: StringFilterMenuComponent, descendants: true }], ngImport: i0, template: `
+        <form (submit)="submit()" (reset)="reset($event)"
             class="k-filter-menu k-group k-reset k-state-border-up">
             <div class="k-filter-menu-container">
                 <kendo-pivot-string-filter-menu
@@ -935,20 +938,24 @@ class FilterMenuContainerComponent {
                 </kendo-pivot-string-filter-menu>
                 <div [ngClass]="actionsClass">
                     <button
-                        #resetButton
                         type="reset"
                         kendoButton
-                        (keydown.tab)="onTab($event, 'reset')">{{messageFor('filterClearButton')}}</button>
-                    <button #filterButton
+                        [attr.aria-disabled]="clearDisabled ? 'true' : null"
+                        [class.k-disabled]="clearDisabled"
+                        (click)="onClearAction($event)"
+                        (keydown.enter)="onClearAction($event)"
+                        (keydown.space)="onClearAction($event)"
+                        >{{messageFor('filterClearButton')}}</button>
+                    <button
                         type="submit"
                         [disabled]="disabled"
                         kendoButton
                         themeColor="primary"
-                        (keydown.tab)="onTab($event, 'filter')">{{messageFor('filterFilterButton')}}</button>
+                        >{{messageFor('filterFilterButton')}}</button>
                 </div>
             </div>
         </form>
-    `, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: StringFilterMenuComponent, selector: "kendo-pivot-string-filter-menu", inputs: ["chip", "menuTabbingService"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: StringFilterMenuComponent, selector: "kendo-pivot-string-filter-menu", inputs: ["chip", "menuTabbingService"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FilterMenuContainerComponent, decorators: [{
             type: Component,
@@ -958,7 +965,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     ],
                     selector: 'kendo-pivot-filter-menu-container',
                     template: `
-        <form (submit)="submit()" (reset)="reset()"
+        <form (submit)="submit()" (reset)="reset($event)"
             class="k-filter-menu k-group k-reset k-state-border-up">
             <div class="k-filter-menu-container">
                 <kendo-pivot-string-filter-menu
@@ -970,16 +977,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 </kendo-pivot-string-filter-menu>
                 <div [ngClass]="actionsClass">
                     <button
-                        #resetButton
                         type="reset"
                         kendoButton
-                        (keydown.tab)="onTab($event, 'reset')">{{messageFor('filterClearButton')}}</button>
-                    <button #filterButton
+                        [attr.aria-disabled]="clearDisabled ? 'true' : null"
+                        [class.k-disabled]="clearDisabled"
+                        (click)="onClearAction($event)"
+                        (keydown.enter)="onClearAction($event)"
+                        (keydown.space)="onClearAction($event)"
+                        >{{messageFor('filterClearButton')}}</button>
+                    <button
                         type="submit"
                         [disabled]="disabled"
                         kendoButton
                         themeColor="primary"
-                        (keydown.tab)="onTab($event, 'filter')">{{messageFor('filterFilterButton')}}</button>
+                        >{{messageFor('filterFilterButton')}}</button>
                 </div>
             </div>
         </form>
@@ -991,20 +1002,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Output
             }], chip: [{
                 type: Input
-            }], isLast: [{
-                type: Input
             }], isExpanded: [{
                 type: Input
             }], menuTabbingService: [{
                 type: Input
             }], actionsClass: [{
                 type: Input
-            }], resetButton: [{
-                type: ViewChild,
-                args: ['resetButton']
-            }], filterButton: [{
+            }], filterMenuComponent: [{
                 type: ViewChild,
-                args: ['filterButton']
+                args: [StringFilterMenuComponent]
             }] } });
 
 /**
@@ -1233,7 +1239,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
  */
 class ChipMenuFilterComponent extends ChipMenuItemBase {
     localization;
-    hostElement;
     /**
      * Fires when the content is expanded.
      */
@@ -1250,33 +1255,18 @@ class ChipMenuFilterComponent extends ChipMenuItemBase {
      * Specifies if the content is expanded.
      */
     expanded = false;
-    isLast = false;
     actionsClass = 'k-columnmenu-actions';
     filterSVGIcon = filterIcon;
-    constructor(localization, hostElement) {
+    constructor(localization) {
         super();
         this.localization = localization;
-        this.hostElement = hostElement;
-    }
-    ngAfterViewInit() {
-        if (this.isLast) {
-            this.service.menuTabbingService.lastFocusable = this.expanded ?
-                this.hostElement.nativeElement.querySelector('.k-button:not([disabled])') :
-                this.hostElement.nativeElement.querySelector('.k-columnmenu-item');
-        }
     }
     onCollapse() {
         this.expanded = false;
-        if (this.isLast) {
-            this.service.menuTabbingService.lastFocusable = this.hostElement.nativeElement.querySelector('.k-columnmenu-item');
-        }
         this.collapse.emit();
     }
     onExpand() {
         this.expanded = true;
-        if (this.isLast) {
-            this.service.menuTabbingService.lastFocusable = this.hostElement.nativeElement.querySelector('.k-button:not([disabled])');
-        }
         this.expand.emit();
     }
     /**
@@ -1285,8 +1275,8 @@ class ChipMenuFilterComponent extends ChipMenuItemBase {
     messageFor(localizationToken) {
         return this.localization.get(localizationToken);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ChipMenuFilterComponent, deps: [{ token: PivotLocalizationService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: ChipMenuFilterComponent, isStandalone: true, selector: "kendo-pivot-chipmenu-filter", inputs: { chip: "chip", expanded: "expanded", isLast: "isLast" }, outputs: { expand: "expand", collapse: "collapse" }, usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ChipMenuFilterComponent, deps: [{ token: PivotLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: ChipMenuFilterComponent, isStandalone: true, selector: "kendo-pivot-chipmenu-filter", inputs: { chip: "chip", expanded: "expanded" }, outputs: { expand: "expand", collapse: "collapse" }, usesInheritance: true, ngImport: i0, template: `
         <kendo-pivot-chipmenu-item
             classs="k-widget k-expander"
             [text]="messageFor('fieldMenuFilterItemLabel')"
@@ -1300,14 +1290,13 @@ class ChipMenuFilterComponent extends ChipMenuItemBase {
                     [chip]="chip"
                     [menuTabbingService]="service.menuTabbingService"
                     [actionsClass]="actionsClass"
-                    [isLast]="isLast"
                     [isExpanded]="expanded"
                     (keydown.shift.tab)="$event.stopImmediatePropagation()"
                     (close)="close()">
                 </kendo-pivot-filter-menu-container>
             </ng-template>
         </kendo-pivot-chipmenu-item>
-    `, isInline: true, dependencies: [{ kind: "component", type: ChipMenuItemComponent, selector: "kendo-pivot-chipmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "expanded", "disabled"], outputs: ["itemClick", "expand", "collapse"] }, { kind: "directive", type: ChipMenuItemContentTemplateDirective, selector: "[kendoPivotChipMenuItemContentTemplate]" }, { kind: "component", type: FilterMenuContainerComponent, selector: "kendo-pivot-filter-menu-container", inputs: ["chip", "isLast", "isExpanded", "menuTabbingService", "actionsClass"], outputs: ["close"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: ChipMenuItemComponent, selector: "kendo-pivot-chipmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "expanded", "disabled"], outputs: ["itemClick", "expand", "collapse"] }, { kind: "directive", type: ChipMenuItemContentTemplateDirective, selector: "[kendoPivotChipMenuItemContentTemplate]" }, { kind: "component", type: FilterMenuContainerComponent, selector: "kendo-pivot-filter-menu-container", inputs: ["chip", "isExpanded", "menuTabbingService", "actionsClass"], outputs: ["close"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ChipMenuFilterComponent, decorators: [{
             type: Component,
@@ -1327,7 +1316,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     [chip]="chip"
                     [menuTabbingService]="service.menuTabbingService"
                     [actionsClass]="actionsClass"
-                    [isLast]="isLast"
                     [isExpanded]="expanded"
                     (keydown.shift.tab)="$event.stopImmediatePropagation()"
                     (close)="close()">
@@ -1338,7 +1326,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     standalone: true,
                     imports: [ChipMenuItemComponent, ChipMenuItemContentTemplateDirective, FilterMenuContainerComponent]
                 }]
-        }], ctorParameters: () => [{ type: PivotLocalizationService }, { type: i0.ElementRef }], propDecorators: { expand: [{
+        }], ctorParameters: () => [{ type: PivotLocalizationService }], propDecorators: { expand: [{
                 type: Output
             }], collapse: [{
                 type: Output
@@ -1346,8 +1334,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Input
             }], expanded: [{
                 type: Input
-            }], isLast: [{
-                type: Input
             }] } });
 
 /**
@@ -1823,7 +1809,6 @@ class ChipMenuComponent {
               <kendo-pivot-chipmenu-filter
                 #filterItem
                 [chip]="chip"
-                [isLast]="true"
                 [kendoPivotChipMenuItem]="filterItem"
                 [service]="service">
               </kendo-pivot-chipmenu-filter>
@@ -1836,7 +1821,7 @@ class ChipMenuComponent {
             [service]="service"></kendo-pivot-chipmenu-reorder>
           </kendo-pivot-chipmenu-container>
         </ng-template>
-        `, isInline: true, dependencies: [{ kind: "component", type: ChipMenuContainerComponent, selector: "kendo-pivot-chipmenu-container" }, { kind: "component", type: ChipMenuSortComponent, selector: "kendo-pivot-chipmenu-sort", inputs: ["chip"] }, { kind: "directive", type: ChipMenuItemDirective, selector: "[kendoPivotChipMenuItem]", inputs: ["kendoPivotChipMenuItem"] }, { kind: "component", type: ChipMenuFilterComponent, selector: "kendo-pivot-chipmenu-filter", inputs: ["chip", "expanded", "isLast"], outputs: ["expand", "collapse"] }, { kind: "component", type: ChipMenuReorderComponent, selector: "kendo-pivot-chipmenu-reorder", inputs: ["chip"] }] });
+        `, isInline: true, dependencies: [{ kind: "component", type: ChipMenuContainerComponent, selector: "kendo-pivot-chipmenu-container" }, { kind: "component", type: ChipMenuSortComponent, selector: "kendo-pivot-chipmenu-sort", inputs: ["chip"] }, { kind: "directive", type: ChipMenuItemDirective, selector: "[kendoPivotChipMenuItem]", inputs: ["kendoPivotChipMenuItem"] }, { kind: "component", type: ChipMenuFilterComponent, selector: "kendo-pivot-chipmenu-filter", inputs: ["chip", "expanded"], outputs: ["expand", "collapse"] }, { kind: "component", type: ChipMenuReorderComponent, selector: "kendo-pivot-chipmenu-reorder", inputs: ["chip"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ChipMenuComponent, decorators: [{
             type: Component,
@@ -1862,7 +1847,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
               <kendo-pivot-chipmenu-filter
                 #filterItem
                 [chip]="chip"
-                [isLast]="true"
                 [kendoPivotChipMenuItem]="filterItem"
                 [service]="service">
               </kendo-pivot-chipmenu-filter>
@@ -2785,7 +2769,7 @@ class PivotGridConfiguratorComponent {
                 <button kendoButton themeColor="primary" type="button" (click)="handleSubmit()" [disabled]="isApplyDisabled">{{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: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: DropTargetDirective, selector: "[kendoDropTarget]", inputs: ["item", "axes"] }, { kind: "component", type: ChipListComponent, selector: "kendo-chiplist, kendo-chip-list", inputs: ["orientation", "selection", "size", "role", "navigable"], outputs: ["selectedChange", "remove"] }, { kind: "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", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+   `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: TreeViewComponent, selector: "kendo-treeview", inputs: ["filterInputPlaceholder", "expandDisabledNodes", "animate", "nodeTemplate", "loadMoreButtonTemplate", "trackBy", "nodes", "textField", "hasChildren", "isChecked", "isDisabled", "hasCheckbox", "isExpanded", "isSelected", "isVisible", "navigable", "children", "loadOnDemand", "filterable", "filter", "size", "disableParentNodesOnly"], outputs: ["childrenLoaded", "blur", "focus", "expand", "collapse", "nodeDragStart", "nodeDrag", "filterStateChange", "nodeDrop", "nodeDragEnd", "addItem", "removeItem", "checkedChange", "selectionChange", "filterChange", "nodeClick", "nodeDblClick"], exportAs: ["kendoTreeView"] }, { kind: "directive", type: ExpandDirective, selector: "[kendoTreeViewExpandable]", inputs: ["isExpanded", "expandBy", "expandOnFilter", "expandedKeys"], outputs: ["expandedKeysChange"] }, { kind: "directive", type: CheckDirective, selector: "[kendoTreeViewCheckable]", inputs: ["isChecked", "checkBy", "checkedKeys", "kendoTreeViewCheckable"], outputs: ["checkedKeysChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: DropTargetDirective, selector: "[kendoDropTarget]", inputs: ["item", "axes"] }, { kind: "component", type: ChipListComponent, selector: "kendo-chiplist, kendo-chip-list", inputs: ["orientation", "selection", "size", "role", "navigable"], outputs: ["selectedChange", "remove"] }, { kind: "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", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: PivotGridConfiguratorComponent, decorators: [{
             type: Component,
@@ -3884,8 +3868,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1776936286,
-    version: '24.0.0-develop.2',
+    publishDate: 1778161158,
+    version: '24.0.0-develop.21',
     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/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1776936286,
-  "version": "24.0.0-develop.2",
+  "publishDate": 1778161158,
+  "version": "24.0.0-develop.21",
   "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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-pivotgrid",
-  "version": "24.0.0-develop.2",
+  "version": "24.0.0-develop.21",
   "description": "PivotGrid package for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -18,7 +18,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1776936286,
+      "publishDate": 1778161158,
       "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"
     }
   },
@@ -29,23 +29,23 @@
     "@angular/forms": "19 - 21",
     "@angular/platform-browser": "19 - 21",
     "@progress/kendo-data-query": "^1.7.3",
-    "@progress/kendo-drawing": "^1.24.1",
+    "@progress/kendo-drawing": "^1.25.0",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-buttons": "24.0.0-develop.2",
-    "@progress/kendo-angular-common": "24.0.0-develop.2",
-    "@progress/kendo-angular-dropdowns": "24.0.0-develop.2",
-    "@progress/kendo-angular-indicators": "24.0.0-develop.2",
-    "@progress/kendo-angular-inputs": "24.0.0-develop.2",
-    "@progress/kendo-angular-intl": "24.0.0-develop.2",
-    "@progress/kendo-angular-l10n": "24.0.0-develop.2",
-    "@progress/kendo-angular-popup": "24.0.0-develop.2",
-    "@progress/kendo-angular-icons": "24.0.0-develop.2",
-    "@progress/kendo-angular-treeview": "24.0.0-develop.2",
+    "@progress/kendo-angular-buttons": "24.0.0-develop.21",
+    "@progress/kendo-angular-common": "24.0.0-develop.21",
+    "@progress/kendo-angular-dropdowns": "24.0.0-develop.21",
+    "@progress/kendo-angular-indicators": "24.0.0-develop.21",
+    "@progress/kendo-angular-inputs": "24.0.0-develop.21",
+    "@progress/kendo-angular-intl": "24.0.0-develop.21",
+    "@progress/kendo-angular-l10n": "24.0.0-develop.21",
+    "@progress/kendo-angular-popup": "24.0.0-develop.21",
+    "@progress/kendo-angular-icons": "24.0.0-develop.21",
+    "@progress/kendo-angular-treeview": "24.0.0-develop.21",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "24.0.0-develop.2",
+    "@progress/kendo-angular-schematics": "24.0.0-develop.21",
     "@progress/kendo-pivotgrid-common": "0.6.3"
   },
   "schematics": "./schematics/collection.json",

package/schematics/ngAdd/index.js

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