@progress/kendo-angular-grid 17.0.0-develop.21 → 17.0.0-develop.22

package/{esm2020 → esm2022}/editing/remove-command.directive.mjs

@@ -33,21 +33,20 @@ import * as i2 from "../common/provider.service";
  * ```
  */
 export class RemoveCommandDirective extends Button {
-    constructor(editService, cellContext, element, renderer, ctx, ngZone) {
-        super(element, renderer, null, ctx.localization, ngZone);
-        this.editService = editService;
-        this.cellContext = cellContext;
-        /**
-         * @hidden
-         */
-        this.commandClass = true;
-    }
+    editService;
+    cellContext;
+    rowIndex;
+    isEdited;
     /**
      * @hidden
      */
     get visible() {
         return this.isEdited ? 'none' : '';
     }
+    /**
+     * @hidden
+     */
+    commandClass = true;
     /**
      * @hidden
      */
@@ -55,15 +54,19 @@ export class RemoveCommandDirective extends Button {
         e.preventDefault();
         this.editService.remove(this.rowIndex);
     }
+    constructor(editService, cellContext, element, renderer, ctx, ngZone) {
+        super(element, renderer, null, ctx.localization, ngZone);
+        this.editService = editService;
+        this.cellContext = cellContext;
+    }
     ngDoCheck() {
         if (this.cellContext) {
             this.rowIndex = this.cellContext.rowIndex;
             this.isEdited = this.editService.isEdited(this.rowIndex);
         }
     }
-}
-RemoveCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RemoveCommandDirective, deps: [{ token: i1.EditService }, { token: CELL_CONTEXT }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.ContextService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-RemoveCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RemoveCommandDirective, isStandalone: true, selector: "[kendoGridRemoveCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "style.display": "this.visible", "class.k-grid-remove-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RemoveCommandDirective, deps: [{ token: i1.EditService }, { token: CELL_CONTEXT }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.ContextService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RemoveCommandDirective, isStandalone: true, selector: "[kendoGridRemoveCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "style.display": "this.visible", "class.k-grid-remove-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-icon-wrapper
             *ngIf="icon || svgIcon"
             innerCssClass="k-button-icon"
@@ -75,7 +78,8 @@ RemoveCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
         <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
         <span class="k-button-text"><ng-content></ng-content></span>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RemoveCommandDirective, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RemoveCommandDirective, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendoGridRemoveCommand]',

package/{esm2020 → esm2022}/editing/save-command.directive.mjs

@@ -34,21 +34,20 @@ import * as i2 from "../common/provider.service";
  * ```
  */
 export class SaveCommandDirective extends Button {
-    constructor(editService, cellContext, element, renderer, ctx, ngZone) {
-        super(element, renderer, null, ctx.localization, ngZone);
-        this.editService = editService;
-        this.cellContext = cellContext;
-        /**
-         * @hidden
-         */
-        this.commandClass = true;
-    }
+    editService;
+    cellContext;
+    rowIndex;
+    isEdited;
     /**
      * @hidden
      */
     get visible() {
         return !this.isEdited ? 'none' : '';
     }
+    /**
+     * @hidden
+     */
+    commandClass = true;
     /**
      * @hidden
      */
@@ -58,15 +57,19 @@ export class SaveCommandDirective extends Button {
             this.editService.save(this.rowIndex);
         }
     }
+    constructor(editService, cellContext, element, renderer, ctx, ngZone) {
+        super(element, renderer, null, ctx.localization, ngZone);
+        this.editService = editService;
+        this.cellContext = cellContext;
+    }
     ngDoCheck() {
         if (this.cellContext) {
             this.rowIndex = this.cellContext.rowIndex;
             this.isEdited = this.editService.isEdited(this.rowIndex);
         }
     }
-}
-SaveCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SaveCommandDirective, deps: [{ token: i1.EditService }, { token: CELL_CONTEXT }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.ContextService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SaveCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SaveCommandDirective, isStandalone: true, selector: "[kendoGridSaveCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "style.display": "this.visible", "class.k-grid-save-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SaveCommandDirective, deps: [{ token: i1.EditService }, { token: CELL_CONTEXT }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.ContextService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SaveCommandDirective, isStandalone: true, selector: "[kendoGridSaveCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "style.display": "this.visible", "class.k-grid-save-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-icon-wrapper
             *ngIf="icon || svgIcon"
             innerCssClass="k-button-icon"
@@ -78,7 +81,8 @@ SaveCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
         <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
         <span class="k-button-text"><ng-content></ng-content></span>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SaveCommandDirective, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SaveCommandDirective, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendoGridSaveCommand]',

package/{esm2020 → esm2022}/editing-directives/editing-directive-base.mjs

@@ -15,12 +15,8 @@ import * as i2 from "../editing/local-data-changes.service";
  * @hidden
  */
 export class EditingDirectiveBase {
-    constructor(grid, localDataChangesService) {
-        this.grid = grid;
-        this.localDataChangesService = localDataChangesService;
-        this.subscriptions = new Subscription();
-        this.defaultEditService = this.createDefaultService();
-    }
+    grid;
+    localDataChangesService;
     // Consider adding support for the dependency injection of the service to allow for specifying a generic service without code.
     // The Input should still be kept.
     /**
@@ -32,6 +28,18 @@ export class EditingDirectiveBase {
     get editService() {
         return this.userEditService || this.defaultEditService;
     }
+    /**
+     * A function that is called to confirm if the `dataItem` will be removed.
+     */
+    removeConfirmation;
+    subscriptions = new Subscription();
+    defaultEditService;
+    userEditService;
+    constructor(grid, localDataChangesService) {
+        this.grid = grid;
+        this.localDataChangesService = localDataChangesService;
+        this.defaultEditService = this.createDefaultService();
+    }
     /**
      * @hidden
      */
@@ -97,10 +105,10 @@ export class EditingDirectiveBase {
     closeEditor(rowIndex) {
         this.grid.closeRow(rowIndex);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditingDirectiveBase, deps: [{ token: i1.GridComponent }, { token: i2.LocalDataChangesService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: EditingDirectiveBase, selector: "[kendoGridEditingDirectiveBase]", inputs: { editService: "editService", removeConfirmation: "removeConfirmation" }, ngImport: i0 });
 }
-EditingDirectiveBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditingDirectiveBase, deps: [{ token: i1.GridComponent }, { token: i2.LocalDataChangesService }], target: i0.ɵɵFactoryTarget.Directive });
-EditingDirectiveBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditingDirectiveBase, selector: "[kendoGridEditingDirectiveBase]", inputs: { editService: "editService", removeConfirmation: "removeConfirmation" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditingDirectiveBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditingDirectiveBase, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridEditingDirectiveBase]'

package/{esm2020 → esm2022}/editing-directives/in-cell-editing.directive.mjs

@@ -16,6 +16,13 @@ import * as i2 from "../editing/local-data-changes.service";
  * editing with Reactive Forms ([see example]({% slug editing_directives_grid %}#toc-in-cell-editing)).
  */
 export class InCellEditingDirective extends EditingDirectiveBase {
+    grid;
+    localDataChangesService;
+    cdr;
+    /**
+     * The function that creates the `FormGroup` for the edited model.
+     */
+    createFormGroup;
     constructor(grid, localDataChangesService, cdr) {
         super(grid, localDataChangesService);
         this.grid = grid;
@@ -67,10 +74,10 @@ export class InCellEditingDirective extends EditingDirectiveBase {
             this.editService.update(dataItem);
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InCellEditingDirective, deps: [{ token: i1.GridComponent }, { token: i2.LocalDataChangesService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: InCellEditingDirective, isStandalone: true, selector: "[kendoGridInCellEditing]", inputs: { createFormGroup: ["kendoGridInCellEditing", "createFormGroup"] }, usesInheritance: true, ngImport: i0 });
 }
-InCellEditingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: InCellEditingDirective, deps: [{ token: i1.GridComponent }, { token: i2.LocalDataChangesService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-InCellEditingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: InCellEditingDirective, isStandalone: true, selector: "[kendoGridInCellEditing]", inputs: { createFormGroup: ["kendoGridInCellEditing", "createFormGroup"] }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: InCellEditingDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InCellEditingDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridInCellEditing]',

package/{esm2020 → esm2022}/editing-directives/local-edit.service.mjs

@@ -8,6 +8,8 @@ import { GridConfigurationErrorMessages } from '../common/error-messages';
  * @hidden
  */
 export class LocalEditService {
+    grid;
+    localDataChangesService;
     constructor(grid, localDataChangesService) {
         this.grid = grid;
         this.localDataChangesService = localDataChangesService;

package/{esm2020 → esm2022}/editing-directives/reactive-editing.directive.mjs

@@ -15,6 +15,12 @@ import * as i2 from "../editing/local-data-changes.service";
  * Reactive Forms ([see example](slug:editing_directives_grid#toc-reactive-editing-directive)).
  */
 export class ReactiveEditingDirective extends RowEditingDirectiveBase {
+    grid;
+    localDataChangesService;
+    /**
+     * The function that creates the `FormGroup` for the edited model.
+     */
+    createFormGroup;
     constructor(grid, localDataChangesService) {
         super(grid, localDataChangesService);
         this.grid = grid;
@@ -33,10 +39,10 @@ export class ReactiveEditingDirective extends RowEditingDirectiveBase {
         }
         markAllAsTouched(formGroup);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReactiveEditingDirective, deps: [{ token: i1.GridComponent }, { token: i2.LocalDataChangesService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ReactiveEditingDirective, isStandalone: true, selector: "[kendoGridReactiveEditing]", inputs: { createFormGroup: ["kendoGridReactiveEditing", "createFormGroup"] }, usesInheritance: true, ngImport: i0 });
 }
-ReactiveEditingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ReactiveEditingDirective, deps: [{ token: i1.GridComponent }, { token: i2.LocalDataChangesService }], target: i0.ɵɵFactoryTarget.Directive });
-ReactiveEditingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ReactiveEditingDirective, isStandalone: true, selector: "[kendoGridReactiveEditing]", inputs: { createFormGroup: ["kendoGridReactiveEditing", "createFormGroup"] }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ReactiveEditingDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReactiveEditingDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridReactiveEditing]',

package/{esm2020 → esm2022}/editing-directives/row-editing-directive-base.mjs

@@ -10,6 +10,7 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class RowEditingDirectiveBase extends EditingDirectiveBase {
+    rowIndex;
     /**
      * @hidden
      */
@@ -41,10 +42,10 @@ export class RowEditingDirectiveBase extends EditingDirectiveBase {
     clean() {
         delete this.rowIndex;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RowEditingDirectiveBase, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: RowEditingDirectiveBase, selector: "[kendoGridRowEditingDirectiveBase]", usesInheritance: true, ngImport: i0 });
 }
-RowEditingDirectiveBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RowEditingDirectiveBase, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-RowEditingDirectiveBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: RowEditingDirectiveBase, selector: "[kendoGridRowEditingDirectiveBase]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RowEditingDirectiveBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RowEditingDirectiveBase, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridRowEditingDirectiveBase]'

package/{esm2020 → esm2022}/editing-directives/template-editing.directive.mjs

@@ -14,6 +14,14 @@ import * as i2 from "../editing/local-data-changes.service";
  * the Template-Driven Angular Forms ([see example]({% slug editing_directives_grid %}#toc-template-editing-directive)).
  */
 export class TemplateEditingDirective extends RowEditingDirectiveBase {
+    grid;
+    localDataChangesService;
+    /**
+     * The function that creates the `dataItem` for the new rows.
+     */
+    createNewItem;
+    dataItem;
+    originalValues;
     constructor(grid, localDataChangesService) {
         super(grid, localDataChangesService);
         this.grid = grid;
@@ -43,10 +51,10 @@ export class TemplateEditingDirective extends RowEditingDirectiveBase {
         super.clean();
         delete this.dataItem;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TemplateEditingDirective, deps: [{ token: i1.GridComponent }, { token: i2.LocalDataChangesService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TemplateEditingDirective, isStandalone: true, selector: "[kendoGridTemplateEditing]", inputs: { createNewItem: ["kendoGridTemplateEditing", "createNewItem"] }, usesInheritance: true, ngImport: i0 });
 }
-TemplateEditingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TemplateEditingDirective, deps: [{ token: i1.GridComponent }, { token: i2.LocalDataChangesService }], target: i0.ɵɵFactoryTarget.Directive });
-TemplateEditingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TemplateEditingDirective, isStandalone: true, selector: "[kendoGridTemplateEditing]", inputs: { createNewItem: ["kendoGridTemplateEditing", "createNewItem"] }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TemplateEditingDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TemplateEditingDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridTemplateEditing]',

package/{esm2020 → esm2022}/excel/excel-command-tool.directive.mjs

@@ -31,10 +31,12 @@ import * as i2 from "@progress/kendo-angular-toolbar";
  * ```
  */
 export class ExcelCommandToolbarDirective {
+    excelService;
+    host;
+    clickSub = new Subscription();
     constructor(excelService, host) {
         this.excelService = excelService;
         this.host = host;
-        this.clickSub = new Subscription();
     }
     ngOnInit() {
         this.clickSub = this.host.click.subscribe(e => this.onClick(e));
@@ -52,10 +54,10 @@ export class ExcelCommandToolbarDirective {
         e.preventDefault();
         this.excelService.exportClick.emit();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelCommandToolbarDirective, deps: [{ token: i1.ExcelService }, { token: i2.ToolBarButtonComponent }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ExcelCommandToolbarDirective, isStandalone: true, selector: "[kendoGridExcelTool]", ngImport: i0 });
 }
-ExcelCommandToolbarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelCommandToolbarDirective, deps: [{ token: i1.ExcelService }, { token: i2.ToolBarButtonComponent }], target: i0.ɵɵFactoryTarget.Directive });
-ExcelCommandToolbarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ExcelCommandToolbarDirective, isStandalone: true, selector: "[kendoGridExcelTool]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelCommandToolbarDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelCommandToolbarDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridExcelTool]',

package/{esm2020 → esm2022}/excel/excel-command.directive.mjs

@@ -31,11 +31,7 @@ import * as i2 from "../common/provider.service";
  * ```
  */
 export class ExcelCommandDirective extends Button {
-    constructor(excelService, element, renderer, ctx, ngZone) {
-        super(element, renderer, null, ctx.localization, ngZone);
-        this.excelService = excelService;
-        this.ngZone = ngZone;
-    }
+    excelService;
     /**
      * @hidden
      */
@@ -49,9 +45,13 @@ export class ExcelCommandDirective extends Button {
     get excelClass() {
         return true;
     }
-}
-ExcelCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelCommandDirective, deps: [{ token: i1.ExcelService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.ContextService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-ExcelCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ExcelCommandDirective, isStandalone: true, selector: "[kendoGridExcelCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "class.k-grid-excel": "this.excelClass" } }, usesInheritance: true, ngImport: i0, template: `
+    constructor(excelService, element, renderer, ctx, ngZone) {
+        super(element, renderer, null, ctx.localization, ngZone);
+        this.excelService = excelService;
+        this.ngZone = ngZone;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelCommandDirective, deps: [{ token: i1.ExcelService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.ContextService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ExcelCommandDirective, isStandalone: true, selector: "[kendoGridExcelCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "class.k-grid-excel": "this.excelClass" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-icon-wrapper
             *ngIf="icon || svgIcon"
             innerCssClass="k-button-icon"
@@ -63,7 +63,8 @@ ExcelCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
         <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
         <span class="k-button-text"><ng-content></ng-content></span>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelCommandDirective, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelCommandDirective, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendoGridExcelCommand]',

package/{esm2020 → esm2022}/excel/excel-export-event.mjs

@@ -7,6 +7,7 @@ import { PreventableEvent } from '../common/preventable-event';
  * Arguments for the `excelExport` event.
  */
 export class ExcelExportEvent extends PreventableEvent {
+    workbook;
     constructor(workbook) {
         super();
         this.workbook = workbook;

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

@@ -60,18 +60,72 @@ const componentColumns = (component) => {
  * Configures the settings for the export of Grid in Excel ([see example]({% slug excelexport_grid %})).
  */
 export class ExcelComponent {
+    ctx;
+    zone;
+    /**
+     * Specifies the file name of the exported Excel file.
+     * @default "Export.xlsx"
+     */
+    fileName = 'Export.xlsx';
+    /**
+     * Enables or disables column filtering in the Excel file. This behavior is different from the filtering feature of the Grid.
+     */
+    filterable;
+    /**
+     * The author of the workbook.
+     */
+    creator;
+    /**
+     * The date on which the workbook was created. Defaults to `new Date()`.
+     */
+    date;
+    /**
+     * If set to `true`, the content is forwarded to [proxyURL](#toc-proxyurl) even if the browser supports the saving of files locally.
+     */
+    forceProxy;
+    /**
+     * The URL of the server-side proxy which streams the file to the end user.
+     *
+     * Using a proxy is required if the browser is not capable of saving files locally.
+     *
+     * Optionally, set up a proxy to reduce memory usage. This avoids copying the file contents in memory,
+     * but transmits it over the network instead. For this use case, set [forceProxy](#toc-forceproxy) to `true`
+     * to skip client-side saving even in browser that support it.
+     *
+     * In the request body, the proxy receives a POST request with the specific parameters. [See example](slug:server_proxy#toc-implementations).
+     * The proxy returns the decoded file with the `"Content-Disposition"` header set to `attachment; filename="<fileName.xslx>"`.
+     *
+     * For details on the server-side proxy usage and implementation, see the [File Saver]({% slug overview_filesaver %}) documentation.
+     */
+    proxyURL;
+    /**
+     * The function that is used to get the exported data options. By default, uses the current data and group of the Grid.
+     * To export data that is different from the current Grid data, provide a custom function.
+     */
+    fetchData;
+    /**
+     * If the data is grouped, the options of the cells that are inserted before the data,
+     * group, and footer cells to indicate the group hierarchy.
+     */
+    paddingCellOptions;
+    /**
+     * If the data is grouped, the options of the cells that are inserted before the
+     * header cells to align the headers and the column values.
+     */
+    headerPaddingCellOptions;
+    /**
+     * Specifies if the groups in the Excel file are collapsible.
+     */
+    collapsible;
+    /**
+     * @hidden
+     */
+    columns = new QueryList();
+    saveSubscription;
+    dataSubscription;
     constructor(excelService, ctx, zone) {
         this.ctx = ctx;
         this.zone = zone;
-        /**
-         * Specifies the file name of the exported Excel file.
-         * @default "Export.xlsx"
-         */
-        this.fileName = 'Export.xlsx';
-        /**
-         * @hidden
-         */
-        this.columns = new QueryList();
         this.saveSubscription = excelService.saveToExcel.subscribe(this.save.bind(this));
     }
     ngOnDestroy() {
@@ -123,10 +177,10 @@ export class ExcelComponent {
             });
         });
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelComponent, deps: [{ token: i1.ExcelService }, { token: i2.ContextService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ExcelComponent, isStandalone: true, selector: "kendo-grid-excel", inputs: { fileName: "fileName", filterable: "filterable", creator: "creator", date: "date", forceProxy: "forceProxy", proxyURL: "proxyURL", fetchData: "fetchData", paddingCellOptions: "paddingCellOptions", headerPaddingCellOptions: "headerPaddingCellOptions", collapsible: "collapsible" }, queries: [{ propertyName: "columns", predicate: ColumnBase, descendants: true }], ngImport: i0, template: ``, isInline: true });
 }
-ExcelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelComponent, deps: [{ token: i1.ExcelService }, { token: i2.ContextService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-ExcelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ExcelComponent, isStandalone: true, selector: "kendo-grid-excel", inputs: { fileName: "fileName", filterable: "filterable", creator: "creator", date: "date", forceProxy: "forceProxy", proxyURL: "proxyURL", fetchData: "fetchData", paddingCellOptions: "paddingCellOptions", headerPaddingCellOptions: "headerPaddingCellOptions", collapsible: "collapsible" }, queries: [{ propertyName: "columns", predicate: ColumnBase, descendants: true }], ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-grid-excel',

package/{esm2020 → esm2022}/excel/excel.module.mjs

@@ -34,11 +34,11 @@ import * as i4 from "./excel-command-tool.directive";
  * ```
  */
 export class ExcelModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ExcelModule, imports: [i1.IconComponent, i1.SVGIconComponent, i2.ExcelComponent, i3.ExcelCommandDirective, i4.ExcelCommandToolbarDirective], exports: [i2.ExcelComponent, i3.ExcelCommandDirective, i4.ExcelCommandToolbarDirective, ExcelExportModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelModule, providers: [IconsService], imports: [KENDO_ICONS, i3.ExcelCommandDirective, ExcelExportModule] });
 }
-ExcelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ExcelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ExcelModule, imports: [i1.IconComponent, i1.SVGIconComponent, i2.ExcelComponent, i3.ExcelCommandDirective, i4.ExcelCommandToolbarDirective], exports: [i2.ExcelComponent, i3.ExcelCommandDirective, i4.ExcelCommandToolbarDirective, ExcelExportModule] });
-ExcelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelModule, providers: [IconsService], imports: [KENDO_ICONS, i2.ExcelComponent, i3.ExcelCommandDirective, ExcelExportModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...KENDO_ICONS, ...KENDO_GRID_EXCEL_EXPORT],

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

@@ -9,10 +9,8 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class ExcelService {
-    constructor() {
-        this.saveToExcel = new EventEmitter();
-        this.exportClick = new EventEmitter();
-    }
+    saveToExcel = new EventEmitter();
+    exportClick = new EventEmitter();
     save(component) {
         if (this.saveToExcel.observers.length === 0) {
             if (isDevMode()) {
@@ -23,9 +21,9 @@ export class ExcelService {
             this.saveToExcel.emit(component);
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelService });
 }
-ExcelService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ExcelService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelService, decorators: [{
             type: Injectable
         }] });

package/{esm2020 → esm2022}/filtering/base-filter-cell.component.mjs

@@ -88,23 +88,32 @@ export const localizeOperators = operators => localization => Object.keys(operat
  * An abstract base class for the filter-cell component ([see example]({% slug filter_row %}#toc-custom-filter-row-components)).
  */
 export class BaseFilterCellComponent {
-    constructor(filterService) {
-        this.filterService = filterService;
-        this.operatorList = new QueryList();
-        /**
-         * @hidden
-         */
-        this.size = 'medium';
-    }
+    filterService;
     get hostClasses() {
         return true;
     }
+    operatorList = new QueryList();
     get operators() {
         return this._operators?.length ? this._operators : this.defaultOperators;
     }
     set operators(values) {
         this._operators = values;
     }
+    /**
+     * @hidden
+     */
+    size = 'medium';
+    /**
+     * The current root filter.
+     * @type {CompositeFilterDescriptor}
+     */
+    filter;
+    defaultOperators;
+    _operators;
+    operationListSubscription;
+    constructor(filterService) {
+        this.filterService = filterService;
+    }
     /**
      * @hidden
      */
@@ -146,10 +155,10 @@ export class BaseFilterCellComponent {
     applyFilter(filter) {
         this.filterService.filter(filter);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseFilterCellComponent, deps: [{ token: i1.FilterService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: BaseFilterCellComponent, inputs: { operators: "operators", filter: "filter" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, queries: [{ propertyName: "operatorList", predicate: FilterOperatorBase }], ngImport: i0 });
 }
-BaseFilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BaseFilterCellComponent, deps: [{ token: i1.FilterService }], target: i0.ɵɵFactoryTarget.Directive });
-BaseFilterCellComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: BaseFilterCellComponent, inputs: { operators: "operators" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, queries: [{ propertyName: "operatorList", predicate: FilterOperatorBase }], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BaseFilterCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseFilterCellComponent, decorators: [{
             type: Directive,
             args: [{}]
         }], ctorParameters: function () { return [{ type: i1.FilterService }]; }, propDecorators: { hostClasses: [{
@@ -160,4 +169,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 args: [FilterOperatorBase]
             }], operators: [{
                 type: Input
+            }], filter: [{
+                type: Input
             }] } });