@progress/kendo-angular-grid 21.4.1 → 22.0.0-develop.1

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

@@ -1,64 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { ChangeDetectorRef, Directive, NgZone } from '@angular/core';
-import { EditService } from './edit.service';
-import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
-import { SelectionService } from '../selection/selection.service';
-import { ContextService } from '../common/provider.service';
-import { ToolbarEditingToolBase } from './toolbar-editing-tool-base.directive';
-import { ToolbarToolName } from '../navigation/toolbar-tool-name';
-import * as i0 from "@angular/core";
-import * as i1 from "./edit.service";
-import * as i2 from "@progress/kendo-angular-toolbar";
-import * as i3 from "../selection/selection.service";
-import * as i4 from "../common/provider.service";
-/**
- * Represents the `cancel` command in the Grid.
- * Apply this directive to any `kendo-toolbar-button` element inside a ToolbarComponent in the Grid.
- *
- * When you click the toolbar button with this directive, the [`cancel`]({% slug api_grid_gridcomponent %}#toc-cancel) event triggers.
- *
- * @example
- * ```html
- * <kendo-grid>
- *      <kendo-toolbar>
- *         <kendo-toolbar-button text="Cancel" kendoGridCancelTool></kendo-toolbar-button>
- *      </kendo-toolbar>
- * </kendo-grid>
- * ```
- * @remarks
- * Applied to: {@link ToolBarButtonComponent}.
- */
-export class CancelCommandToolbarDirective extends ToolbarEditingToolBase {
-    editService;
-    constructor(editService, host, selection, ctx, zone, cdr) {
-        super(host, ToolbarToolName.cancel, ctx, zone, cdr, editService, selection);
-        this.editService = editService;
-    }
-    /**
-     * @hidden
-     */
-    onClick(e) {
-        e.preventDefault();
-        if (this.editService.hasNewItem) {
-            this.editService.endEdit();
-        }
-        else if (this.isSelectionPresent && this.editService.isEdited(this.lastSelectionIndex)) {
-            this.editService.endEdit(this.lastSelectionIndex);
-        }
-        else {
-            this.editService.editedIndices.forEach(i => this.editService.endEdit(i.index));
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CancelCommandToolbarDirective, deps: [{ token: i1.EditService }, { token: i2.ToolBarButtonComponent }, { token: i3.SelectionService }, { token: i4.ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: CancelCommandToolbarDirective, isStandalone: true, selector: "[kendoGridCancelTool]", usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CancelCommandToolbarDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridCancelTool]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.EditService }, { type: i2.ToolBarButtonComponent }, { type: i3.SelectionService }, { type: i4.ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });

package/esm2022/editing/cancel-command.directive.mjs

@@ -1,127 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, HostListener, HostBinding, Inject, ElementRef, Renderer2 as Renderer, NgZone } from '@angular/core';
-import { Button } from '@progress/kendo-angular-buttons';
-import { EditService } from './edit.service';
-import { CELL_CONTEXT } from '../rendering/common/cell-context';
-import { ContextService } from '../common/provider.service';
-import { NgClass } from '@angular/common';
-import { IconWrapperComponent } from '@progress/kendo-angular-icons';
-import * as i0 from "@angular/core";
-import * as i1 from "./edit.service";
-import * as i2 from "../common/provider.service";
-/**
- * Represents the `cancel` command of the Grid. Apply this directive to any `button`
- * element inside a [CommandColumnComponent]({% slug api_grid_commandcolumncomponent %})
- * ([see example](slug:basics_editing_grid#editing-action-buttons)).
- *
- * When a button with this directive is clicked, the
- * [`cancel`]({% slug api_grid_gridcomponent %}#toc-cancel) event
- * is triggered. If the row is not in edit mode, the button is automatically hidden.
- *
- * You can customize the button content based on the row's state.
- *
- * @example
- * ```html
- * <kendo-grid>
- *   <kendo-grid-command-column title="command">
- *     <ng-template kendoGridCellTemplate let-isNew="isNew">
- *       <button kendoGridCancelCommand>{{isNew ? 'Discard' : 'Cancel changes'}}</button>
- *     </ng-template>
- *   </kendo-grid-command-column>
- * </kendo-grid>
- * ```
- */
-export class CancelCommandDirective extends Button {
-    editService;
-    cellContext;
-    rowIndex;
-    isEdited;
-    /**
-     * @hidden
-     */
-    get visible() {
-        return !this.isEdited ? 'none' : '';
-    }
-    /**
-     * @hidden
-     */
-    commandClass = true;
-    /**
-     * @hidden
-     */
-    onClick(e) {
-        e.preventDefault();
-        if (this.isEdited) {
-            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);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", 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: "17.0.0", version: "18.2.14", 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: `
-        @if (icon || svgIcon) {
-          <kendo-icon-wrapper
-            innerCssClass="k-button-icon"
-            [name]="icon"
-          [svgIcon]="svgIcon"></kendo-icon-wrapper>
-        }
-        @if (imageUrl) {
-          <span class="k-button-icon k-icon">
-            <img [src]="imageUrl" class="k-image" role="presentation" />
-          </span>
-        }
-        @if (iconClass) {
-          <span class="k-button-icon" [ngClass]="iconClass"></span>
-        }
-        <span class="k-button-text"><ng-content></ng-content></span>
-        `, isInline: true, dependencies: [{ 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: "18.2.14", ngImport: i0, type: CancelCommandDirective, decorators: [{
-            type: Component,
-            args: [{
-                    selector: '[kendoGridCancelCommand]',
-                    template: `
-        @if (icon || svgIcon) {
-          <kendo-icon-wrapper
-            innerCssClass="k-button-icon"
-            [name]="icon"
-          [svgIcon]="svgIcon"></kendo-icon-wrapper>
-        }
-        @if (imageUrl) {
-          <span class="k-button-icon k-icon">
-            <img [src]="imageUrl" class="k-image" role="presentation" />
-          </span>
-        }
-        @if (iconClass) {
-          <span class="k-button-icon" [ngClass]="iconClass"></span>
-        }
-        <span class="k-button-text"><ng-content></ng-content></span>
-        `,
-                    standalone: true,
-                    imports: [IconWrapperComponent, NgClass]
-                }]
-        }], ctorParameters: () => [{ type: i1.EditService }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [CELL_CONTEXT]
-                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2.ContextService }, { type: i0.NgZone }], propDecorators: { visible: [{
-                type: HostBinding,
-                args: ['style.display']
-            }], commandClass: [{
-                type: HostBinding,
-                args: ['class.k-grid-cancel-command']
-            }], onClick: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }] } });

package/esm2022/editing/cancel-event-args.interface.mjs

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

package/esm2022/editing/cell-close-event.mjs

@@ -1,38 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { PreventableEvent } from '../common/preventable-event';
-/**
- * Arguments for the [`cellClose`](slug:api_grid_gridcomponent#toc-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']) used to edit the cell.
-     */
-    formGroup;
-    /**
-     * The DOM event that triggered the `cellClose` event.
-     * May be undefined if the event was triggered programmatically.
-     */
-    originalEvent;
-    /**
-     * @hidden
-     */
-    constructor(options) {
-        super();
-        Object.assign(this, options);
-    }
-}

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

@@ -1,60 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { ChangeDetectorRef, Directive, NgZone } from '@angular/core';
-import { EditService } from './edit.service';
-import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
-import { SelectionService } from '../selection/selection.service';
-import { ContextService } from '../common/provider.service';
-import { ToolbarEditingToolBase } from './toolbar-editing-tool-base.directive';
-import { ToolbarToolName } from '../navigation/toolbar-tool-name';
-import * as i0 from "@angular/core";
-import * as i1 from "./edit.service";
-import * as i2 from "@progress/kendo-angular-toolbar";
-import * as i3 from "../selection/selection.service";
-import * as i4 from "../common/provider.service";
-/**
- * Represents the `edit` command in the Grid. Apply this directive to any `kendo-toolbar-button`
- * element inside a ToolbarComponent used in the Grid.
- *
- * When you click the toolbar button with this directive, the
- * [`edit`]({% slug api_grid_gridcomponent %}#toc-edit) event fires.
- *
- * @example
- * ```html
- * <kendo-grid>
- *   <kendo-toolbar>
- *     <kendo-toolbar-button text="Edit" kendoGridEditTool></kendo-toolbar-button>
- *   </kendo-toolbar>
- * </kendo-grid>
- * ```
- * @remarks
- * Applied to: {@link ToolBarButtonComponent}.
- */
-export class EditCommandToolbarDirective extends ToolbarEditingToolBase {
-    editService;
-    constructor(editService, host, selection, ctx, zone, cdr) {
-        super(host, ToolbarToolName.edit, ctx, zone, cdr, editService, selection);
-        this.editService = editService;
-    }
-    /**
-     * @hidden
-     */
-    onClick(e) {
-        e.preventDefault();
-        if (!this.isSelectionPresent) {
-            return;
-        }
-        this.editService.beginEdit(this.lastSelectionIndex);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditCommandToolbarDirective, deps: [{ token: i1.EditService }, { token: i2.ToolBarButtonComponent }, { token: i3.SelectionService }, { token: i4.ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: EditCommandToolbarDirective, isStandalone: true, selector: "[kendoGridEditTool]", usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditCommandToolbarDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridEditTool]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.EditService }, { type: i2.ToolBarButtonComponent }, { type: i3.SelectionService }, { type: i4.ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });

package/esm2022/editing/edit-command.directive.mjs

@@ -1,124 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, HostListener, HostBinding, Inject, ElementRef, Renderer2 as Renderer, NgZone } from '@angular/core';
-import { Button } from '@progress/kendo-angular-buttons';
-import { EditService } from './edit.service';
-import { CELL_CONTEXT } from '../rendering/common/cell-context';
-import { ContextService } from '../common/provider.service';
-import { NgClass } from '@angular/common';
-import { IconWrapperComponent } from '@progress/kendo-angular-icons';
-import * as i0 from "@angular/core";
-import * as i1 from "./edit.service";
-import * as i2 from "../common/provider.service";
-/**
- * Represents the `edit` command of the Grid. You can apply this directive to any `button`
- * element inside a [CommandColumnComponent]({% slug api_grid_commandcolumncomponent %}).
- * When an associated button with the directive is clicked, the
- * [`edit`]({% slug api_grid_gridcomponent %}#toc-edit) event
- * is triggered ([see example]({% slug basics_editing_grid %})).
- *
- * When the row is in the `edit` mode, the button with `kendoGridEditCommand` is automatically hidden.
- *
- * @example
- * ```html
- * <kendo-grid>
- *   <kendo-grid-command-column title="command">
- *     <ng-template kendoGridCellTemplate>
- *       <button kendoGridEditCommand class="k-primary">Edit</button>
- *     </ng-template>
- *   </kendo-grid-command-column>
- * </kendo-grid>
- * ```
- *
- */
-export class EditCommandDirective extends Button {
-    editService;
-    cellContext;
-    rowIndex;
-    isEdited;
-    /**
-     * @hidden
-     */
-    get visible() {
-        return this.isEdited ? 'none' : '';
-    }
-    /**
-     * @hidden
-     */
-    commandClass = true;
-    /**
-     * @hidden
-     */
-    onClick(e) {
-        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);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", 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: "17.0.0", version: "18.2.14", 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: `
-        @if (icon || svgIcon) {
-          <kendo-icon-wrapper
-            innerCssClass="k-button-icon"
-            [name]="icon"
-          [svgIcon]="svgIcon"></kendo-icon-wrapper>
-        }
-        @if (imageUrl) {
-          <span class="k-button-icon k-icon">
-            <img [src]="imageUrl" class="k-image" role="presentation" />
-          </span>
-        }
-        @if (iconClass) {
-          <span class="k-button-icon" [ngClass]="iconClass"></span>
-        }
-        <span class="k-button-text"><ng-content></ng-content></span>
-        `, isInline: true, dependencies: [{ 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: "18.2.14", ngImport: i0, type: EditCommandDirective, decorators: [{
-            type: Component,
-            args: [{
-                    selector: '[kendoGridEditCommand]',
-                    template: `
-        @if (icon || svgIcon) {
-          <kendo-icon-wrapper
-            innerCssClass="k-button-icon"
-            [name]="icon"
-          [svgIcon]="svgIcon"></kendo-icon-wrapper>
-        }
-        @if (imageUrl) {
-          <span class="k-button-icon k-icon">
-            <img [src]="imageUrl" class="k-image" role="presentation" />
-          </span>
-        }
-        @if (iconClass) {
-          <span class="k-button-icon" [ngClass]="iconClass"></span>
-        }
-        <span class="k-button-text"><ng-content></ng-content></span>
-        `,
-                    standalone: true,
-                    imports: [IconWrapperComponent, NgClass]
-                }]
-        }], ctorParameters: () => [{ type: i1.EditService }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [CELL_CONTEXT]
-                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2.ContextService }, { type: i0.NgZone }], propDecorators: { visible: [{
-                type: HostBinding,
-                args: ['style.display']
-            }], commandClass: [{
-                type: HostBinding,
-                args: ['class.k-grid-edit-command']
-            }], onClick: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }] } });

package/esm2022/editing/edit-event-args.interface.mjs

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

package/esm2022/editing/edit-row-options.interface.mjs

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

package/esm2022/editing/edit-template.directive.mjs

@@ -1,43 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, TemplateRef, Optional } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Lets you customize the content of edited cells by providing a column edit-cell template for the Grid ([see example](slug:custom_editors_grid#setting-up-custom-editors)).
- * Place an `<ng-template>` tag with the `kendoGridEditTemplate` directive inside a `<kendo-grid-column>` tag to define the template.
- *
- * The template context includes:
- * - `formGroup`&mdash;The current [FormGroup](link:site.data.urls.angular['formgroupapi']). This is the default context for template variables using `let-x`, such as `let-formGroup`. If you use the Grid in [Template-Driven Forms](link:site.data.urls.angular['forms']), this is `undefined`.
- * - `rowIndex`&mdash;The current data row index. For a new item row, `rowIndex` is `-1`. Use `let-rowIndex="rowIndex"` to access it.
- * - `dataItem`&mdash;The current data item. Use `let-dataItem="dataItem"` to access it.
- * - `column`&mdash;The current column instance. Use `let-column="column"` to access it.
- * - `isNew`&mdash;The state of the current item. Use `let-isNew="isNew"` to access it.
- *
- * @example
- * ```html
- * <kendo-grid-column>
- *   <ng-template kendoGridEditTemplate let-formGroup="formGroup" let-dataItem="dataItem">
- *     <kendo-textbox [formControl]="formGroup.get('field')"></kendo-textbox>
- *   </ng-template>
- * </kendo-grid-column>
- * ```
- */
-export class EditTemplateDirective {
-    templateRef;
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: EditTemplateDirective, isStandalone: true, selector: "[kendoGridEditTemplate]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridEditTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
-                    type: Optional
-                }] }] });

package/esm2022/editing/edit.service.mjs

@@ -1,182 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Injectable, EventEmitter, NgZone } from '@angular/core';
-import { isPresent } from '../utils';
-import { CellCloseEvent } from './cell-close-event';
-import { Subject } from 'rxjs';
-import { switchMap, take } from 'rxjs/operators';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-const isEqual = (index) => (item) => item.index === index;
-/**
- * @hidden
- */
-const isNotEqual = (index) => (item) => item.index !== index;
-/**
- * @hidden
- */
-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.changed = this.changedSource.asObservable().pipe(switchMap(() => this.ngZone.onStable.asObservable().pipe(take(1))));
-    }
-    editRow(index, group = undefined) {
-        this.editedIndices.push({ index, group });
-        this.onChanged();
-    }
-    addRow(group) {
-        this.newItemGroup = { group };
-        this.onChanged();
-    }
-    editCell(rowIndex, column, group) {
-        if (isNewRow(rowIndex) || column.editable === false || !(column.editTemplate || column.field)) {
-            return;
-        }
-        this.preventCellClose();
-        if (!this.closeCell()) {
-            this.editRow(rowIndex, group);
-            this.column = column;
-            this.onChanged();
-        }
-    }
-    isEditing() {
-        return this.editedIndices.length > 0;
-    }
-    isEditingCell() {
-        return this.isEditing() && this.column !== undefined;
-    }
-    get hasNewItem() {
-        return isPresent(this.newItemGroup);
-    }
-    get newDataItem() {
-        if (this.hasNewItem) {
-            return this.newItemGroup.group.value;
-        }
-        return {};
-    }
-    close(index) {
-        if (isNewRow(index)) {
-            this.newItemGroup = undefined;
-            return;
-        }
-        this.editedIndices = this.editedIndices.filter(isNotEqual(index));
-        delete this.column;
-        this.onChanged();
-    }
-    closeCell(originalEvent) {
-        if (this.column && !this.closingCell) {
-            return this.ngZone.run(() => {
-                const { index, group } = this.editedIndices[0];
-                const args = new CellCloseEvent({
-                    column: this.column,
-                    formGroup: group,
-                    originalEvent: originalEvent,
-                    rowIndex: index
-                });
-                this.closingCell = true;
-                this.changes.emit(args);
-                this.closingCell = false;
-                if (!args.isDefaultPrevented()) {
-                    this.cancelCell();
-                }
-                return args.isDefaultPrevented();
-            });
-        }
-    }
-    cancelCell() {
-        if (this.column) {
-            this.editedIndices = [];
-            delete this.column;
-            this.onChanged();
-        }
-    }
-    shouldCloseCell() {
-        return this.column && !this.keepEditCell;
-    }
-    preventCellClose() {
-        this.ngZone.runOutsideAngular(() => {
-            window.clearTimeout(this.keepCellTimeout);
-            this.keepEditCell = true;
-            this.keepCellTimeout = window.setTimeout(() => {
-                this.keepEditCell = false;
-            }, 0);
-        });
-    }
-    context(index) {
-        if (isNewRow(index)) {
-            return this.newItemGroup;
-        }
-        return this.findByIndex(index);
-    }
-    columnContext(index, column) {
-        if (isNewRow(index)) {
-            return this.newItemGroup;
-        }
-        if (!this.column || column === this.column) {
-            return this.findByIndex(index);
-        }
-    }
-    isEdited(index) {
-        if (isNewRow(index) && isPresent(this.newItemGroup)) {
-            return true;
-        }
-        return !this.column && isPresent(this.findByIndex(index));
-    }
-    hasEdited(index) {
-        return isPresent(this.context(index));
-    }
-    isEditedColumn(index, column) {
-        if (this.column && this.column === column) {
-            return isPresent(this.findByIndex(index));
-        }
-        return false;
-    }
-    beginEdit(rowIndex) {
-        this.changes.emit({ action: 'edit', rowIndex });
-    }
-    beginAdd() {
-        this.changes.emit({ action: 'add', isNew: true });
-    }
-    endEdit(rowIndex) {
-        const { group: formGroup } = this.context(rowIndex);
-        this.changes.emit({ action: 'cancel', rowIndex, formGroup, isNew: isNewRow(rowIndex) });
-    }
-    save(rowIndex) {
-        const { group: formGroup } = this.context(rowIndex);
-        this.changes.emit({ action: 'save', rowIndex, formGroup, isNew: isNewRow(rowIndex) });
-    }
-    remove(rowIndex) {
-        this.changes.emit({ action: 'remove', rowIndex });
-    }
-    findByIndex(index) {
-        return this.editedIndices.find(isEqual(index));
-    }
-    onChanged() {
-        this.ngZone.runOutsideAngular(() => {
-            this.changedSource.next(undefined);
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i0.NgZone }] });