@progress/kendo-angular-grid 17.0.0-develop.9 → 17.0.0

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

@@ -17,13 +17,14 @@ import * as i0 from "@angular/core";
  * - `isNew`—The state of the current item. Use it as an alias for a template variable by utilizing the `let-isNew="isNew"` syntax.
  */
 export class EditTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: EditTemplateDirective, isStandalone: true, selector: "[kendoGridEditTemplate]", ngImport: i0 });
 }
-EditTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-EditTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditTemplateDirective, isStandalone: true, selector: "[kendoGridEditTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridEditTemplate]',

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

@@ -24,13 +24,18 @@ const isNewRow = (index) => index === -1 || index === undefined;
  * @hidden
  */
 export class EditService {
+    ngZone;
+    changes = new EventEmitter();
+    changed;
+    editedIndices = [];
+    newItemGroup;
+    keepEditCell = false;
+    keepCellTimeout;
+    column;
+    closingCell = false;
+    changedSource = new Subject();
     constructor(ngZone) {
         this.ngZone = ngZone;
-        this.changes = new EventEmitter();
-        this.editedIndices = [];
-        this.keepEditCell = false;
-        this.closingCell = false;
-        this.changedSource = new Subject();
         this.changed = this.changedSource.asObservable().pipe(switchMap(() => this.ngZone.onStable.asObservable().pipe(take(1))));
     }
     editRow(index, group = undefined) {
@@ -169,9 +174,9 @@ export class EditService {
             this.changedSource.next();
         });
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditService });
 }
-EditService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-EditService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.NgZone }]; } });

package/{esm2020 → esm2022}/editing/local-data-changes.service.mjs

@@ -8,12 +8,11 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class LocalDataChangesService {
-    constructor() {
-        this.changes = new EventEmitter();
-    }
+    changes = new EventEmitter();
+    data;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalDataChangesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalDataChangesService });
 }
-LocalDataChangesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalDataChangesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-LocalDataChangesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalDataChangesService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalDataChangesService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalDataChangesService, decorators: [{
             type: Injectable
         }] });

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/esm2022/excel/excel-command-tool.directive.mjs

@@ -0,0 +1,66 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive } from '@angular/core';
+import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
+import { Subscription } from 'rxjs';
+import { fileExcelIcon } from '@progress/kendo-svg-icons';
+import { ExcelService } from './excel.service';
+import * as i0 from "@angular/core";
+import * as i1 from "./excel.service";
+import * as i2 from "@progress/kendo-angular-toolbar";
+/**
+ * Represents the `export-to-Excel` toolbar tool of the Grid.
+ * You can apply this directive to any `kendo-toolbar-button` element inside a
+ * ToolbarComponent used in the Grid.
+ *
+ * When the user clicks a button associated with the directive, the
+ * [excelExport]({% slug api_grid_gridcomponent %}#toc-excelexport) event
+ * fires ([see example]({% slug excelexport_grid %})).
+ *
+ * @example
+ * ```html-no-run
+ * <kendo-grid>
+ *      <kendo-toolbar>
+ *         <kendo-toolbar-button text="Excel Export" kendoGridExcelTool></kendo-toolbar-button>
+ *      </kendo-toolbar>
+ *      <kendo-grid-excel fileName="Grid.xlsx">
+ *      </kendo-grid-excel>
+ * </kendo-grid>
+ * ```
+ */
+export class ExcelCommandToolbarDirective {
+    excelService;
+    host;
+    clickSub = new Subscription();
+    constructor(excelService, host) {
+        this.excelService = excelService;
+        this.host = host;
+    }
+    ngOnInit() {
+        this.clickSub = this.host.click.subscribe(e => this.onClick(e));
+        this.host.className = 'k-grid-excel';
+        this.host.svgIcon = fileExcelIcon;
+        this.host.icon = 'file-excel';
+    }
+    ngOnDestroy() {
+        this.clickSub.unsubscribe();
+    }
+    /**
+     * @hidden
+     */
+    onClick(e) {
+        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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelCommandToolbarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGridExcelTool]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ExcelService }, { type: i2.ToolBarButtonComponent }]; } });

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

@@ -23,7 +23,7 @@ import * as i2 from "../common/provider.service";
  * ```html
  * <kendo-grid>
  *      <ng-template kendoGridToolbarTemplate>
- *          <button kendoGridExcelCommand>Export to PDF</button>
+ *          <button kendoGridExcelCommand>Export to Excel</button>
  *      </ng-template>
  *      <kendo-grid-excel fileName="Grid.xlsx">
  *      </kendo-grid-excel>
@@ -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',