@progress/kendo-angular-grid 17.0.0-develop.3 → 17.0.0-develop.31

package/{esm2020 → esm2022}/databinding.directive.mjs

@@ -23,19 +23,10 @@ import * as i3 from "./row-reordering/row-reorder.service";
  * ```
  */
 export class DataBindingDirective {
-    constructor(grid, changeDetector, localDataChangesService, rowReorderService) {
-        this.grid = grid;
-        this.changeDetector = changeDetector;
-        this.localDataChangesService = localDataChangesService;
-        this.rowReorderService = rowReorderService;
-        this.state = {
-            skip: 0
-        };
-        this.originalData = [];
-        if (localDataChangesService) {
-            this.dataChangedSubscription = this.localDataChangesService.changes.subscribe(this.rebind.bind(this));
-        }
-    }
+    grid;
+    changeDetector;
+    localDataChangesService;
+    rowReorderService;
     /**
      * Defines the number of records that will be skipped by the pager.
      * @default 0
@@ -83,6 +74,23 @@ export class DataBindingDirective {
         }
         this.dataChanged = true;
     }
+    state = {
+        skip: 0
+    };
+    originalData = [];
+    dataChanged;
+    stateChangeSubscription;
+    dataChangedSubscription;
+    rowReorderSubscription;
+    constructor(grid, changeDetector, localDataChangesService, rowReorderService) {
+        this.grid = grid;
+        this.changeDetector = changeDetector;
+        this.localDataChangesService = localDataChangesService;
+        this.rowReorderService = rowReorderService;
+        if (localDataChangesService) {
+            this.dataChangedSubscription = this.localDataChangesService.changes.subscribe(this.rebind.bind(this));
+        }
+    }
     /**
      * @hidden
      */
@@ -170,10 +178,10 @@ export class DataBindingDirective {
         this.grid.updateNavigationMetadata();
         this.dataChanged = false;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataBindingDirective, deps: [{ token: i1.GridComponent }, { token: i0.ChangeDetectorRef }, { token: i2.LocalDataChangesService }, { token: i3.RowReorderService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DataBindingDirective, isStandalone: true, selector: "[kendoGridBinding]", inputs: { skip: "skip", sort: "sort", filter: "filter", pageSize: "pageSize", group: "group", data: ["kendoGridBinding", "data"] }, exportAs: ["kendoGridBinding"], usesOnChanges: true, ngImport: i0 });
 }
-DataBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DataBindingDirective, deps: [{ token: i1.GridComponent }, { token: i0.ChangeDetectorRef }, { token: i2.LocalDataChangesService }, { token: i3.RowReorderService }], target: i0.ɵɵFactoryTarget.Directive });
-DataBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DataBindingDirective, isStandalone: true, selector: "[kendoGridBinding]", inputs: { skip: "skip", sort: "sort", filter: "filter", pageSize: "pageSize", group: "group", data: ["kendoGridBinding", "data"] }, exportAs: ["kendoGridBinding"], usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DataBindingDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataBindingDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridBinding]',

package/{esm2020 → esm2022}/directives.mjs

@@ -149,6 +149,9 @@ import { StatusBarComponent } from "./aggregates/status-bar.component";
 import { StatusBarTemplateDirective } from "./aggregates/status-bar-template.directive";
 import { GridClipboardDirective } from "./common/clipboard.directive";
 import { TemplateContextDirective } from "@progress/kendo-angular-common";
+import { PDFCommandToolbarDirective } from "./pdf/pdf-command-tool.directive";
+import { ExcelCommandToolbarDirective } from "./excel/excel-command-tool.directive";
+import { AddCommandToolbarDirective } from "./editing/add-command-tool.directive";
 /**
  * @hidden
  *
@@ -363,6 +366,7 @@ export const KENDO_GRID_BODY_EXPORTS = [
     SaveCommandDirective,
     RemoveCommandDirective,
     AddCommandDirective,
+    AddCommandToolbarDirective,
     CellLoadingTemplateDirective,
     LoadingTemplateDirective,
     RowReorderColumnComponent
@@ -450,7 +454,8 @@ export const KENDO_GRID_EXPORTS = [
  */
 export const KENDO_GRID_EXCEL_EXPORT = [
     ExcelComponent,
-    ExcelCommandDirective
+    ExcelCommandDirective,
+    ExcelCommandToolbarDirective
 ];
 /**
  * @hidden
@@ -461,7 +466,8 @@ export const KENDO_GRID_PDF_EXPORT = [
     PDFComponent,
     PDFMarginComponent,
     PDFCommandDirective,
-    PDFTemplateDirective
+    PDFTemplateDirective,
+    PDFCommandToolbarDirective
 ];
 /**
  * Utility array that contains all `Grid` related components and directives

package/{esm2020 → esm2022}/dragdrop/column-reorder-event.mjs

@@ -7,6 +7,20 @@ import { PreventableEvent } from '../common/preventable-event';
  * Arguments for the `columnReorder` event.
  */
 export class ColumnReorderEvent extends PreventableEvent {
+    /**
+     * The reordered column.
+     */
+    column;
+    /**
+     * The new index of the column.
+     * Relative to the collection of columns.
+     */
+    newIndex;
+    /**
+     * The original index of the column before reordering.
+     * Relative to the collection of columns.
+     */
+    oldIndex;
     /**
      * @hidden
      */

package/{esm2020 → esm2022}/dragdrop/column-reorder.service.mjs

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

package/{esm2020 → esm2022}/dragdrop/drag-and-drop.service.mjs

@@ -9,11 +9,9 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class DragAndDropService {
-    constructor() {
-        this.changes = new EventEmitter();
-        this.register = [];
-        this.lastTarget = null;
-    }
+    changes = new EventEmitter();
+    register = [];
+    lastTarget = null;
     add(target) {
         this.register.push(target);
     }
@@ -54,9 +52,9 @@ export class DragAndDropService {
         const comparer = contains.bind(null, element);
         return this.register.find(({ element: { nativeElement } }) => comparer(nativeElement));
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragAndDropService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragAndDropService });
 }
-DragAndDropService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragAndDropService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-DragAndDropService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragAndDropService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragAndDropService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragAndDropService, decorators: [{
             type: Injectable
         }] });

package/{esm2020 → esm2022}/dragdrop/drag-hint.service.mjs

@@ -65,10 +65,13 @@ const fontIconsMarkup = (safeTitle) => `
  * @hidden
  */
 export class DragHintService {
+    santizer;
+    iconsService;
+    dom;
+    cancelIcon = cancelIcon;
     constructor(santizer, iconsService) {
         this.santizer = santizer;
         this.iconsService = iconsService;
-        this.cancelIcon = cancelIcon;
     }
     create(title) {
         if (!isDocumentAvailable()) {
@@ -118,9 +121,9 @@ export class DragHintService {
     get isSVG() {
         return (this.iconsService.iconSettings?.type || this.iconsService.changes.value.type) === 'svg';
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragHintService, deps: [{ token: i1.DomSanitizer }, { token: i2.IconsService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragHintService });
 }
-DragHintService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragHintService, deps: [{ token: i1.DomSanitizer }, { token: i2.IconsService }], target: i0.ɵɵFactoryTarget.Injectable });
-DragHintService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragHintService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragHintService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragHintService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.DomSanitizer }, { type: i2.IconsService }]; } });

package/{esm2020 → esm2022}/dragdrop/draggable-column.directive.mjs

@@ -37,6 +37,25 @@ const hideThenShow = (element, cont) => {
  * @hidden
  */
 export class DraggableColumnDirective {
+    draggable;
+    element;
+    zone;
+    service;
+    hint;
+    cue;
+    nav;
+    renderer;
+    context = {};
+    set enableDrag(enabled) {
+        this.enabled = enabled;
+        this.updateTouchAction();
+    }
+    drag = new EventEmitter();
+    get hostClass() {
+        return this.enabled;
+    }
+    subscriptions = new Subscription();
+    enabled;
     constructor(draggable, element, zone, service, hint, cue, nav, renderer) {
         this.draggable = draggable;
         this.element = element;
@@ -46,16 +65,6 @@ export class DraggableColumnDirective {
         this.cue = cue;
         this.nav = nav;
         this.renderer = renderer;
-        this.context = {};
-        this.drag = new EventEmitter();
-        this.subscriptions = new Subscription();
-    }
-    set enableDrag(enabled) {
-        this.enabled = enabled;
-        this.updateTouchAction();
-    }
-    get hostClass() {
-        return this.enabled;
     }
     ngOnInit() {
         this.subscriptions.add(this.zone.runOutsideAngular(() => this.draggable.kendoPress.pipe(filter(_ => this.enabled), filter(({ originalEvent: { target } }) => target === this.element.nativeElement || skipButtons(target)), tap((e) => {
@@ -111,10 +120,10 @@ export class DraggableColumnDirective {
         this.enabled ? this.renderer.addClass(this.element.nativeElement, 'k-touch-action-none') :
             this.renderer.removeClass(this.element.nativeElement, 'k-touch-action-none');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DraggableColumnDirective, deps: [{ token: i1.DraggableDirective, host: true }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i2.DragAndDropService }, { token: i3.DragHintService }, { token: i4.DropCueService }, { token: i5.NavigationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DraggableColumnDirective, isStandalone: true, selector: "[kendoDraggableColumn]", inputs: { context: "context", enableDrag: "enableDrag" }, outputs: { drag: "drag" }, host: { properties: { "class.k-grid-draggable-header": "this.hostClass" } }, ngImport: i0 });
 }
-DraggableColumnDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DraggableColumnDirective, deps: [{ token: i1.DraggableDirective, host: true }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i2.DragAndDropService }, { token: i3.DragHintService }, { token: i4.DropCueService }, { token: i5.NavigationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-DraggableColumnDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DraggableColumnDirective, isStandalone: true, selector: "[kendoDraggableColumn]", inputs: { context: "context", enableDrag: "enableDrag" }, outputs: { drag: "drag" }, host: { properties: { "class.k-grid-draggable-header": "this.hostClass" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DraggableColumnDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DraggableColumnDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDraggableColumn]',

package/{esm2020 → esm2022}/dragdrop/drop-cue.service.mjs

@@ -10,6 +10,7 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class DropCueService {
+    dom;
     create() {
         if (!isDocumentAvailable()) {
             return;
@@ -37,9 +38,9 @@ export class DropCueService {
         const width = this.dom.offsetWidth / 2;
         this.dom.style.left = left - width + 'px';
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropCueService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropCueService });
 }
-DropCueService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropCueService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-DropCueService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropCueService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropCueService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropCueService, decorators: [{
             type: Injectable
         }] });

package/{esm2020 → esm2022}/dragdrop/drop-target.directive.mjs

@@ -12,14 +12,16 @@ import * as i1 from "./drag-and-drop.service";
  * @hidden
  */
 export class DropTargetDirective {
+    element;
+    service;
+    context = {};
+    enter = new EventEmitter();
+    leave = new EventEmitter();
+    drop = new EventEmitter();
+    subscriptions = new Subscription();
     constructor(element, service) {
         this.element = element;
         this.service = service;
-        this.context = {};
-        this.enter = new EventEmitter();
-        this.leave = new EventEmitter();
-        this.drop = new EventEmitter();
-        this.subscriptions = new Subscription();
     }
     ngOnInit() {
         this.service.add(this);
@@ -49,10 +51,10 @@ export class DropTargetDirective {
             draggable: e.draggable
         };
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropTargetDirective, deps: [{ token: i0.ElementRef }, { token: i1.DragAndDropService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DropTargetDirective, isStandalone: true, selector: "[kendoDropTarget]", inputs: { context: "context" }, outputs: { enter: "enter", leave: "leave", drop: "drop" }, ngImport: i0 });
 }
-DropTargetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropTargetDirective, deps: [{ token: i0.ElementRef }, { token: i1.DragAndDropService }], target: i0.ɵɵFactoryTarget.Directive });
-DropTargetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DropTargetDirective, isStandalone: true, selector: "[kendoDropTarget]", inputs: { context: "context" }, outputs: { enter: "enter", leave: "leave", drop: "drop" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropTargetDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropTargetDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDropTarget]',

package/esm2022/editing/add-command-tool.directive.mjs

@@ -0,0 +1,64 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { EditService } from './edit.service';
+import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
+import { Subscription } from 'rxjs';
+import { plusIcon } from '@progress/kendo-svg-icons';
+import * as i0 from "@angular/core";
+import * as i1 from "./edit.service";
+import * as i2 from "@progress/kendo-angular-toolbar";
+/**
+ * Represents the command for adding a new item to the Grid.
+ * You can apply this directive to any `kendo-toolbar-button` element inside a
+ * ToolbarComponent used in the Grid.
+ *
+ * When the user clicks the toolbar button that is associated with the directive, , the
+ * [add]({% slug api_grid_gridcomponent %}#toc-add) event is triggered
+ * ([see example]({% slug basics_editing_grid %})).
+ *
+ * @example
+ * ```html-no-run
+ * <kendo-grid>
+ *      <kendo-toolbar>
+ *         <kendo-toolbar-button text="Add new" kendoGridAddTool></kendo-toolbar-button>
+ *      </kendo-toolbar>
+ * </kendo-grid>
+ * ```
+ */
+export class AddCommandToolbarDirective {
+    editService;
+    host;
+    clickSub = new Subscription();
+    constructor(editService, host) {
+        this.editService = editService;
+        this.host = host;
+    }
+    ngOnInit() {
+        this.clickSub = this.host.click.subscribe(e => this.onClick(e));
+        this.host.className = 'k-grid-add-command';
+        this.host.svgIcon = plusIcon;
+        this.host.icon = 'plus';
+    }
+    ngOnDestroy() {
+        this.clickSub.unsubscribe();
+    }
+    /**
+     * @hidden
+     */
+    onClick(e) {
+        e.preventDefault();
+        this.editService.beginAdd();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AddCommandToolbarDirective, deps: [{ token: i1.EditService }, { token: i2.ToolBarButtonComponent }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: AddCommandToolbarDirective, isStandalone: true, selector: "[kendoGridAddTool]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AddCommandToolbarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGridAddTool]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i1.EditService }, { type: i2.ToolBarButtonComponent }]; } });

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

@@ -28,10 +28,7 @@ import * as i2 from "../common/provider.service";
  * ```
  */
 export class AddCommandDirective extends Button {
-    constructor(editService, element, renderer, ctx, ngZone) {
-        super(element, renderer, null, ctx.localization, ngZone);
-        this.editService = editService;
-    }
+    editService;
     /**
      * @hidden
      */
@@ -45,9 +42,12 @@ export class AddCommandDirective extends Button {
     get commandClass() {
         return true;
     }
-}
-AddCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AddCommandDirective, deps: [{ token: i1.EditService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.ContextService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-AddCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AddCommandDirective, isStandalone: true, selector: "[kendoGridAddCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "class.k-grid-add-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
+    constructor(editService, element, renderer, ctx, ngZone) {
+        super(element, renderer, null, ctx.localization, ngZone);
+        this.editService = editService;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AddCommandDirective, deps: [{ token: i1.EditService }, { 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: AddCommandDirective, isStandalone: true, selector: "[kendoGridAddCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "class.k-grid-add-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-icon-wrapper
             *ngIf="icon || svgIcon"
             innerCssClass="k-button-icon"
@@ -59,7 +59,8 @@ AddCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
         <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: AddCommandDirective, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AddCommandDirective, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendoGridAddCommand]',

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

@@ -34,21 +34,20 @@ import * as i2 from "../common/provider.service";
  * ```
  */
 export class CancelCommandDirective 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 CancelCommandDirective extends Button {
             this.editService.endEdit(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);
         }
     }
-}
-CancelCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CancelCommandDirective, deps: [{ token: i1.EditService }, { token: CELL_CONTEXT }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.ContextService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-CancelCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CancelCommandDirective, isStandalone: true, selector: "[kendoGridCancelCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "style.display": "this.visible", "class.k-grid-cancel-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CancelCommandDirective, 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: CancelCommandDirective, isStandalone: true, selector: "[kendoGridCancelCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "style.display": "this.visible", "class.k-grid-cancel-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-icon-wrapper
             *ngIf="icon || svgIcon"
             innerCssClass="k-button-icon"
@@ -78,7 +81,8 @@ CancelCommandDirective.ɵ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: CancelCommandDirective, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CancelCommandDirective, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendoGridCancelCommand]',

package/{esm2020 → esm2022}/editing/cell-close-event.mjs

@@ -7,12 +7,29 @@ import { PreventableEvent } from '../common/preventable-event';
  * Arguments for the `cellClose` event.
  */
 export class CellCloseEvent extends PreventableEvent {
+    isNew;
+    dataItem;
+    rowIndex;
+    sender;
+    /**
+     * @hidden
+     */
+    action = 'cellClose';
+    /**
+     * The Grid column that will be closed.
+     */
+    column;
+    /**
+     * The [FormGroup](link:site.data.urls.angular['formgroupapi']) that is used to edit the cell which will be closed.
+     */
+    formGroup;
+    /**
+     * The DOM event that caused the `cellClose` event.
+     * May not be present if `cellClose` was caused by an API call.
+     */
+    originalEvent;
     constructor(options) {
         super();
-        /**
-         * @hidden
-         */
-        this.action = 'cellClose';
         Object.assign(this, options);
     }
 }

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

@@ -34,21 +34,20 @@ import * as i2 from "../common/provider.service";
  *
  */
 export class EditCommandDirective 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
      */
@@ -56,15 +55,19 @@ export class EditCommandDirective extends Button {
         e.preventDefault();
         this.editService.beginEdit(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);
         }
     }
-}
-EditCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditCommandDirective, deps: [{ token: i1.EditService }, { token: CELL_CONTEXT }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.ContextService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-EditCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: EditCommandDirective, isStandalone: true, selector: "[kendoGridEditCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "style.display": "this.visible", "class.k-grid-edit-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditCommandDirective, 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: EditCommandDirective, isStandalone: true, selector: "[kendoGridEditCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "style.display": "this.visible", "class.k-grid-edit-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-icon-wrapper
             *ngIf="icon || svgIcon"
             innerCssClass="k-button-icon"
@@ -76,7 +79,8 @@ EditCommandDirective.ɵ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: EditCommandDirective, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditCommandDirective, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendoGridEditCommand]',

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 }]; } });