@progress/kendo-angular-grid 7.0.0-dev.202201261657 → 7.0.0-next.202204010918

package/esm2015/editing/edit.service.js

@@ -0,0 +1,177 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Injectable, EventEmitter } 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 {
+    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) {
+        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' });
+    }
+    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();
+        });
+    }
+}
+EditService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+EditService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.NgZone }]; } });

package/esm2015/editing/local-data-changes.service.js

@@ -0,0 +1,19 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Injectable, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class LocalDataChangesService {
+    constructor() {
+        this.changes = new EventEmitter();
+    }
+}
+LocalDataChangesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalDataChangesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+LocalDataChangesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalDataChangesService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalDataChangesService, decorators: [{
+            type: Injectable
+        }] });

package/esm2015/editing/remove-command.directive.js

@@ -0,0 +1,80 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, HostListener, HostBinding, Inject } from '@angular/core';
+import { Button } from '@progress/kendo-angular-buttons';
+import { CELL_CONTEXT } from '../rendering/common/cell-context';
+import * as i0 from "@angular/core";
+import * as i1 from "./edit.service";
+import * as i2 from "@progress/kendo-angular-l10n";
+/**
+ * Represents the `remove` 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
+ * [remove event]({% slug api_grid_gridcomponent %}#toc-remove)
+ * is triggered ([see example]({% slug editing_reactive_forms_grid %})).
+ *
+ * > When the row is in the edit mode, the button with the `kendoGridRemoveCommand` is automatically hidden.
+ *
+ * @example
+ * ```html-no-run
+ * <kendo-grid>
+ *   <kendo-grid-command-column title="command">
+ *     <ng-template kendoGridCellTemplate>
+ *       <button kendoGridRemoveCommand>Remove row</button>
+ *     </ng-template>
+ *   </kendo-grid-command-column>
+ * </kendo-grid>
+ * ```
+ */
+export class RemoveCommandDirective extends Button {
+    constructor(editService, cellContext, element, renderer, localization, ngZone) {
+        super(element, renderer, null, localization, ngZone);
+        this.editService = editService;
+        this.cellContext = cellContext;
+        /**
+         * @hidden
+         */
+        this.commandClass = true;
+    }
+    /**
+     * @hidden
+     */
+    get visible() {
+        return this.isEdited ? 'none' : '';
+    }
+    /**
+     * @hidden
+     */
+    onClick(e) {
+        e.preventDefault();
+        this.editService.remove(this.rowIndex);
+    }
+    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: "12.2.16", ngImport: i0, type: RemoveCommandDirective, deps: [{ token: i1.EditService }, { token: CELL_CONTEXT }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+RemoveCommandDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: RemoveCommandDirective, selector: "[kendoGridRemoveCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "style.display": "this.visible", "class.k-grid-remove-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: RemoveCommandDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGridRemoveCommand]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.EditService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [CELL_CONTEXT]
+                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { visible: [{
+                type: HostBinding,
+                args: ['style.display']
+            }], commandClass: [{
+                type: HostBinding,
+                args: ['class.k-grid-remove-command']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });

package/esm2015/editing/remove-event-args.interface.js

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

package/esm2015/editing/save-command.directive.js

@@ -0,0 +1,95 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, HostListener, HostBinding, Inject } from '@angular/core';
+import { Button } from '@progress/kendo-angular-buttons';
+import { CELL_CONTEXT } from '../rendering/common/cell-context';
+import * as i0 from "@angular/core";
+import * as i1 from "./edit.service";
+import * as i2 from "@progress/kendo-angular-l10n";
+/**
+ * Represents the `save` 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
+ * [save]({% slug api_grid_gridcomponent %}#toc-save) event
+ * is triggered ([see example]({% slug editing_grid %})).
+ *
+ * > When the row is not in the edit mode, the button with `kendoGridSaveCommand` is automatically hidden.
+ *
+ * @example
+ * ```html-no-run
+ * <kendo-grid>
+ *   <kendo-grid-command-column title="command">
+ *     <ng-template kendoGridCellTemplate>
+ *       <button kendoGridSaveCommand>Save changes</button>
+ *     </ng-template>
+ *   </kendo-grid-command-column>
+ * </kendo-grid>
+ * ```
+ *
+ * You can control the content of the button based on the state of the row.
+ *
+ * @example
+ * ```html-no-run
+ * <kendo-grid>
+ *   <kendo-grid-command-column title="command">
+ *     <ng-template kendoGridCellTemplate let-isNew="isNew">
+ *       <button kendoGridSaveCommand>{{isNew ? 'Add' : 'Update'}}</button>
+ *     </ng-template>
+ *   </kendo-grid-command-column>
+ * </kendo-grid>
+ * ```
+ */
+export class SaveCommandDirective extends Button {
+    constructor(editService, cellContext, element, renderer, localization, ngZone) {
+        super(element, renderer, null, localization, ngZone);
+        this.editService = editService;
+        this.cellContext = cellContext;
+        /**
+         * @hidden
+         */
+        this.commandClass = true;
+    }
+    /**
+     * @hidden
+     */
+    get visible() {
+        return !this.isEdited ? 'none' : '';
+    }
+    /**
+     * @hidden
+     */
+    onClick(e) {
+        e.preventDefault();
+        if (this.isEdited) {
+            this.editService.save(this.rowIndex);
+        }
+    }
+    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: "12.2.16", ngImport: i0, type: SaveCommandDirective, deps: [{ token: i1.EditService }, { token: CELL_CONTEXT }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+SaveCommandDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SaveCommandDirective, selector: "[kendoGridSaveCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "style.display": "this.visible", "class.k-grid-save-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SaveCommandDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGridSaveCommand]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.EditService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [CELL_CONTEXT]
+                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { visible: [{
+                type: HostBinding,
+                args: ['style.display']
+            }], commandClass: [{
+                type: HostBinding,
+                args: ['class.k-grid-save-command']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });

package/esm2015/editing/save-event-args.interface.js

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

package/esm2015/editing-directives/create-form-group-args.interface.js

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

package/esm2015/editing-directives/edit-service.interface.js

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

package/esm2015/editing-directives/editing-directive-base.js

@@ -0,0 +1,109 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Input, Directive } from '@angular/core';
+import { LocalEditService } from './local-edit.service';
+import { Observable } from 'rxjs';
+import { take } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "../grid.component";
+import * as i2 from "../editing/local-data-changes.service";
+/**
+ * @hidden
+ */
+export class EditingDirectiveBase {
+    constructor(grid, localDataChangesService) {
+        this.grid = grid;
+        this.localDataChangesService = localDataChangesService;
+        this.defaultEditService = this.createDefaultService();
+    }
+    // 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.
+    /**
+     * The edit service that will handle the operations.
+     */
+    set editService(value) {
+        this.userEditService = value;
+    }
+    get editService() {
+        return this.userEditService || this.defaultEditService;
+    }
+    /**
+     * @hidden
+     */
+    ngOnInit() {
+        this.subscriptions = this.grid.add.subscribe(this.addHandler.bind(this));
+        this.subscriptions.add(this.grid.remove.subscribe(this.removeHandler.bind(this)));
+        this.subscriptions.add(this.grid.cancel.subscribe(this.cancelHandler.bind(this)));
+        this.subscriptions.add(this.grid.save.subscribe(this.saveHandler.bind(this)));
+        this.subscriptions.add(this.grid.dataStateChange.subscribe(this.onStateChange.bind(this)));
+    }
+    /**
+     * @hidden
+     */
+    ngOnDestroy() {
+        this.subscriptions.unsubscribe();
+    }
+    createDefaultService() {
+        return new LocalEditService(this.grid, this.localDataChangesService);
+    }
+    addHandler() {
+        this.grid.addRow(this.createModel({ isNew: true }));
+    }
+    saveHandler(args) {
+        const item = this.saveModel(args);
+        if (item) {
+            if (args.isNew) {
+                this.editService.create(item);
+            }
+            else {
+                this.editService.update(item);
+            }
+        }
+        this.grid.closeRow(args.rowIndex);
+    }
+    cancelHandler({ rowIndex }) {
+        this.closeEditor(rowIndex);
+    }
+    removeHandler({ dataItem }) {
+        const removeItem = (shouldRemove) => {
+            if (shouldRemove) {
+                this.editService.remove(dataItem);
+            }
+        };
+        if (this.removeConfirmation) {
+            const result = this.removeConfirmation(dataItem);
+            if (result instanceof Promise) {
+                result.then(removeItem);
+            }
+            else if (result instanceof Observable) {
+                result.pipe(take(1)).subscribe(removeItem);
+            }
+            else {
+                removeItem(result);
+            }
+        }
+        else {
+            removeItem(true);
+        }
+    }
+    onStateChange() {
+        this.closeEditor();
+    }
+    closeEditor(rowIndex) {
+        this.grid.closeRow(rowIndex);
+    }
+}
+EditingDirectiveBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditingDirectiveBase, deps: [{ token: i1.GridComponent }, { token: i2.LocalDataChangesService }], target: i0.ɵɵFactoryTarget.Directive });
+EditingDirectiveBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: EditingDirectiveBase, selector: "[kendoGridEditingDirectiveBase]", inputs: { editService: "editService", removeConfirmation: "removeConfirmation" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditingDirectiveBase, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGridEditingDirectiveBase]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.GridComponent }, { type: i2.LocalDataChangesService }]; }, propDecorators: { editService: [{
+                type: Input
+            }], removeConfirmation: [{
+                type: Input
+            }] } });

package/esm2015/editing-directives/in-cell-editing.directive.js

@@ -0,0 +1,79 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Input } from '@angular/core';
+import { Keys } from '@progress/kendo-angular-common';
+import { EditingDirectiveBase } from './editing-directive-base';
+import { markAllAsTouched } from './utils';
+import * as i0 from "@angular/core";
+import * as i1 from "../grid.component";
+import * as i2 from "../editing/local-data-changes.service";
+/**
+ * A directive which encapsulates the editing operations of the Grid when using the in-cell
+ * editing with Reactive Forms ([see example]({% slug editing_directives_grid %}#toc-the-incell-directive)).
+ */
+export class InCellEditingDirective extends EditingDirectiveBase {
+    constructor(grid, localDataChangesService, cdr) {
+        super(grid, localDataChangesService);
+        this.grid = grid;
+        this.localDataChangesService = localDataChangesService;
+        this.cdr = cdr;
+    }
+    // Need mixin
+    createModel(args) {
+        return this.createFormGroup(args);
+    }
+    saveModel({ dataItem, formGroup, isNew }) {
+        if (!formGroup.dirty && !isNew) {
+            return;
+        }
+        if (formGroup.valid) {
+            this.editService.assignValues(dataItem, formGroup.value);
+            return dataItem;
+        }
+        markAllAsTouched(formGroup);
+    }
+    /**
+     * @hidden
+     */
+    ngOnInit() {
+        super.ngOnInit();
+        this.subscriptions.add(this.grid.cellClick.subscribe(this.cellClickHandler.bind(this)));
+        this.subscriptions.add(this.grid.cellClose.subscribe(this.cellCloseHandler.bind(this)));
+    }
+    removeHandler(args) {
+        super.removeHandler(args);
+        this.grid.cancelCell();
+    }
+    cellClickHandler(args) {
+        if (!args.isEdited && args.type !== 'contextmenu') {
+            this.grid.editCell(args.rowIndex, args.columnIndex, this.createFormGroup(args));
+            this.cdr.markForCheck();
+        }
+    }
+    cellCloseHandler(args) {
+        const { formGroup, dataItem } = args;
+        if (!formGroup.valid) {
+            args.preventDefault();
+        }
+        else if (formGroup.dirty) {
+            if (args.originalEvent && args.originalEvent.keyCode === Keys.Escape) {
+                return;
+            }
+            this.editService.assignValues(dataItem, formGroup.value);
+            this.editService.update(dataItem);
+        }
+    }
+}
+InCellEditingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: InCellEditingDirective, deps: [{ token: i1.GridComponent }, { token: i2.LocalDataChangesService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+InCellEditingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: InCellEditingDirective, selector: "[kendoGridInCellEditing]", inputs: { createFormGroup: ["kendoGridInCellEditing", "createFormGroup"] }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: InCellEditingDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGridInCellEditing]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.GridComponent }, { type: i2.LocalDataChangesService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { createFormGroup: [{
+                type: Input,
+                args: ['kendoGridInCellEditing']
+            }] } });

package/esm2015/editing-directives/local-edit.service.js

@@ -0,0 +1,59 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { isDevMode } from '@angular/core';
+/**
+ * @hidden
+ */
+export class LocalEditService {
+    constructor(grid, localDataChangesService) {
+        this.grid = grid;
+        this.localDataChangesService = localDataChangesService;
+    }
+    create(item) {
+        if (this.hasLocalData && this.grid.skip) {
+            this.localDataChangesService.data.splice(this.grid.skip, 0, item);
+        }
+        else {
+            this.data.unshift(item);
+        }
+        this.dataChanged();
+    }
+    update(_item) { } // eslint-disable-line no-empty
+    remove(item) {
+        const data = this.data;
+        for (let idx = 0; idx < data.length; idx++) {
+            if (item === data[idx]) {
+                data.splice(idx, 1);
+                this.dataChanged({ action: 'remove', item: item });
+                break;
+            }
+        }
+    }
+    assignValues(target, source) {
+        Object.assign(target, source);
+    }
+    dataChanged(args = {}) {
+        if (this.hasLocalData) {
+            this.localDataChangesService.changes.emit(args);
+        }
+    }
+    get hasLocalData() {
+        return Array.isArray(this.localDataChangesService.data);
+    }
+    get data() {
+        if (this.hasLocalData) {
+            return this.localDataChangesService.data;
+        }
+        const data = this.grid.data;
+        if (Array.isArray(data)) {
+            return data;
+        }
+        if (isDevMode()) {
+            throw new Error('The default edit service of the editing directives works only when binding to plain array.' +
+                'Please provide an editService.');
+        }
+        return [];
+    }
+}