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

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

@@ -1,123 +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 `remove` 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 you click the button with this directive, the
- * [`remove`]({% slug api_grid_gridcomponent %}#toc-remove) event fires.
- * The button with `kendoGridRemoveCommand` is automatically hidden when the row is in edit mode.
- *
- * @example
- * ```html
- * <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 {
-    editService;
-    cellContext;
-    rowIndex;
-    isEdited;
-    /**
-     * @hidden
-     */
-    get visible() {
-        return this.isEdited ? 'none' : '';
-    }
-    /**
-     * @hidden
-     */
-    commandClass = true;
-    /**
-     * @hidden
-     */
-    onClick(e) {
-        e.preventDefault();
-        e.stopImmediatePropagation();
-        this.editService.remove(this.rowIndex);
-    }
-    constructor(editService, cellContext, element, renderer, ctx, ngZone) {
-        super(element, renderer, null, ctx.localization, ngZone);
-        this.editService = editService;
-        this.cellContext = cellContext;
-    }
-    ngDoCheck() {
-        if (this.cellContext) {
-            this.rowIndex = this.cellContext.rowIndex;
-            this.isEdited = this.editService.isEdited(this.rowIndex);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RemoveCommandDirective, deps: [{ token: i1.EditService }, { token: CELL_CONTEXT }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.ContextService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: RemoveCommandDirective, isStandalone: true, selector: "[kendoGridRemoveCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "style.display": "this.visible", "class.k-grid-remove-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
-        @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: RemoveCommandDirective, decorators: [{
-            type: Component,
-            args: [{
-                    selector: '[kendoGridRemoveCommand]',
-                    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-remove-command']
-            }], onClick: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }] } });

package/esm2022/editing/remove-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/save-command-tool.directive.mjs

@@ -1,65 +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 `save` 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
- * [`save`]({% slug api_grid_gridcomponent %}#toc-save) event fires.
- *
- * @example
- * ```html
- * <kendo-grid>
- *      <kendo-toolbar>
- *         <kendo-toolbar-button text="Save" kendoGridSaveTool></kendo-toolbar-button>
- *      </kendo-toolbar>
- * </kendo-grid>
- * ```
- * @remarks
- * Applied to: {@link ToolBarButtonComponent}.
- */
-export class SaveCommandToolbarDirective extends ToolbarEditingToolBase {
-    editService;
-    constructor(editService, host, selection, ctx, zone, cdr) {
-        super(host, ToolbarToolName.save, ctx, zone, cdr, editService, selection);
-        this.editService = editService;
-    }
-    /**
-     * @hidden
-     */
-    onClick(e) {
-        e.preventDefault();
-        if (this.editService.hasNewItem) {
-            this.editService.save();
-        }
-        else if (this.isSelectionPresent && this.editService.isEdited(this.lastSelectionIndex)) {
-            this.editService.save(this.lastSelectionIndex);
-        }
-        else {
-            this.editService.editedIndices.forEach(i => this.editService.save(i.index));
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SaveCommandToolbarDirective, 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: SaveCommandToolbarDirective, isStandalone: true, selector: "[kendoGridSaveTool]", usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SaveCommandToolbarDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridSaveTool]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.EditService }, { type: i2.ToolBarButtonComponent }, { type: i3.SelectionService }, { type: i4.ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });

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

@@ -1,126 +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 `save` 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 you click the button with this directive, the
- * [`save`]({% slug api_grid_gridcomponent %}#toc-save) event fires.
- * The button with `kendoGridSaveCommand` is automatically hidden when the row is not in edit mode.
- *
- * You can change the button content based on the row state.
- *
- * @example
- * ```html
- * <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 {
-    editService;
-    cellContext;
-    rowIndex;
-    isEdited;
-    /**
-     * @hidden
-     */
-    get visible() {
-        return !this.isEdited ? 'none' : '';
-    }
-    /**
-     * @hidden
-     */
-    commandClass = true;
-    /**
-     * @hidden
-     */
-    onClick(e) {
-        e.preventDefault();
-        if (this.isEdited) {
-            this.editService.save(this.rowIndex);
-        }
-    }
-    constructor(editService, cellContext, element, renderer, ctx, ngZone) {
-        super(element, renderer, null, ctx.localization, ngZone);
-        this.editService = editService;
-        this.cellContext = cellContext;
-    }
-    ngDoCheck() {
-        if (this.cellContext) {
-            this.rowIndex = this.cellContext.rowIndex;
-            this.isEdited = this.editService.isEdited(this.rowIndex);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SaveCommandDirective, deps: [{ token: i1.EditService }, { token: CELL_CONTEXT }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.ContextService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SaveCommandDirective, isStandalone: true, selector: "[kendoGridSaveCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "style.display": "this.visible", "class.k-grid-save-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
-        @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: SaveCommandDirective, decorators: [{
-            type: Component,
-            args: [{
-                    selector: '[kendoGridSaveCommand]',
-                    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-save-command']
-            }], onClick: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }] } });

package/esm2022/editing/save-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/toolbar-editing-tool-base.directive.mjs

@@ -1,99 +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, Inject, NgZone } from '@angular/core';
-import { take } from 'rxjs/operators';
-import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
-import { isPresent } from '@progress/kendo-angular-common';
-import { SelectionService } from '../selection/selection.service';
-import { EditService } from '../editing/edit.service';
-import { ContextService } from '../common/provider.service';
-import { ToolbarToolBase } from '../common/toolbar-tool-base.directive';
-import { ToolbarToolName } from '../navigation/toolbar-tool-name';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-toolbar";
-import * as i2 from "../common/provider.service";
-import * as i3 from "../editing/edit.service";
-import * as i4 from "../selection/selection.service";
-/**
- * @hidden
- */
-export class ToolbarEditingToolBase extends ToolbarToolBase {
-    host;
-    commandName;
-    ctx;
-    editService;
-    selection;
-    isEdited = false;
-    lastToolState = null;
-    constructor(host, commandName, ctx, zone, cdr, editService, selection) {
-        super(host, commandName, ctx, zone, cdr);
-        this.host = host;
-        this.commandName = commandName;
-        this.ctx = ctx;
-        this.editService = editService;
-        this.selection = selection;
-    }
-    ngAfterViewInit() {
-        super.ngAfterViewInit();
-        const commandText = this.ctx.localization.get(`${this.commandName}ToolbarToolText`);
-        this.buttonElement?.setAttribute('title', commandText);
-    }
-    ngDoCheck() {
-        if (!isPresent(this.editService)) {
-            return;
-        }
-        this.isEdited = this.editService.isEditing();
-        const isAddNewItem = this.editService.hasNewItem;
-        let isToolInactive = false;
-        let formGroup;
-        const selectionPresent = isPresent(this.lastSelectionIndex);
-        if (this.isEdited || isAddNewItem) {
-            formGroup = isAddNewItem ? this.editService.context()?.group : this.editService.editedIndices[0].group;
-        }
-        switch (this.commandName) {
-            case ToolbarToolName.edit:
-                isToolInactive = this.isEdited || !selectionPresent;
-                break;
-            case ToolbarToolName.save:
-                isToolInactive = !(this.isEdited || isAddNewItem) || !formGroup?.valid;
-                break;
-            case ToolbarToolName.remove:
-                isToolInactive = this.isEdited || !selectionPresent;
-                break;
-            case ToolbarToolName.cancel:
-                isToolInactive = !(this.isEdited || isAddNewItem);
-                break;
-        }
-        if (this.lastToolState !== isToolInactive) {
-            this.lastToolState = isToolInactive;
-            if (this.ctx.grid.showInactiveTools) {
-                this.host.disabled = isToolInactive;
-            }
-            else if (this.host.isHidden !== isToolInactive) {
-                this.host.isHidden = isToolInactive;
-                const toolbar = this.host.host;
-                toolbar.refreshService.refresh(this.host);
-                this.zone.onStable.pipe(take(1)).subscribe(() => {
-                    toolbar.onResize();
-                });
-            }
-        }
-    }
-    get lastSelectionIndex() {
-        return this.selection?.selected[this.selection?.selected.length - 1];
-    }
-    get isSelectionPresent() {
-        return isPresent(this.lastSelectionIndex) && this.lastSelectionIndex > -1;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToolbarEditingToolBase, deps: [{ token: i1.ToolBarButtonComponent }, { token: 'command' }, { token: i2.ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i3.EditService }, { token: i4.SelectionService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ToolbarEditingToolBase, usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToolbarEditingToolBase, decorators: [{
-            type: Directive,
-            args: [{}]
-        }], ctorParameters: () => [{ type: i1.ToolBarButtonComponent }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: ['command']
-                }] }, { type: i2.ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i3.EditService }, { type: i4.SelectionService }] });

package/esm2022/editing-directives/create-form-group-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-directives/edit-service.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-directives/editing-directive-base.mjs

@@ -1,167 +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 { Input, Directive, inject } from '@angular/core';
-import { GridComponent } from '../grid.component';
-import { LocalEditService } from './local-edit.service';
-import { Subscription, Observable, Subject } from 'rxjs';
-import { LocalDataChangesService } from '../editing/local-data-changes.service';
-import { take } from 'rxjs/operators';
-import { DialogService } from '@progress/kendo-angular-dialog';
-import { checkIcon, xIcon } from '@progress/kendo-svg-icons';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { NavigationService } from '../navigation/navigation.service';
-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 {
-    grid;
-    localDataChangesService;
-    // Consider adding support for the dependency injection of the service to allow for specifying a generic service without code.
-    // The Input should still be kept.
-    /**
-     * The edit service that will handle the operations.
-     */
-    set editService(value) {
-        this.userEditService = value;
-    }
-    get editService() {
-        return this.userEditService || this.defaultEditService;
-    }
-    removeConfirmationSubject = new Subject();
-    dialogService;
-    localization;
-    defaultRemoveConfirmation = (_item) => {
-        const dialog = this.dialogService.open({
-            appendTo: this.grid.dialogContainer,
-            title: this.localization.get('removeConfirmationDialogTitle'),
-            content: this.localization.get('removeConfirmationDialogContent'),
-            actions: [{
-                    text: this.localization.get('removeConfirmationDialogConfirmText'),
-                    themeColor: 'primary',
-                    svgIcon: checkIcon,
-                    icon: 'check'
-                }, {
-                    text: this.localization.get('removeConfirmationDialogRejectText'),
-                    svgIcon: xIcon,
-                    icon: 'x'
-                }],
-        });
-        dialog.result.pipe(take(1)).subscribe((e) => this.removeConfirmationSubject.next(e.text === this.localization.get('removeConfirmationDialogConfirmText')));
-        return this.removeConfirmationSubject;
-    };
-    /**
-     * A function that is called to confirm if the `dataItem` will be removed.
-     * By default, the Grid displays its built-in confirmation dialog. To use a custom dialog, provide a `RemoveConfirmationCallback` function.
-     * To prevent showing a confirmation dialog, set the `removeConfirmation` property to `false`.
-     *
-     * @default true
-     */
-    removeConfirmation = true;
-    subscriptions = new Subscription();
-    defaultEditService;
-    userEditService;
-    navigationService;
-    constructor(grid, localDataChangesService) {
-        this.grid = grid;
-        this.localDataChangesService = localDataChangesService;
-        this.defaultEditService = this.createDefaultService();
-        this.dialogService = inject(DialogService);
-        this.localization = inject(LocalizationService);
-        this.navigationService = inject(NavigationService);
-    }
-    /**
-     * @hidden
-     */
-    ngOnInit() {
-        this.subscriptions.add(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(_args) {
-        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 confirmationCallback = typeof this.removeConfirmation === 'boolean' ? this.defaultRemoveConfirmation : this.removeConfirmation;
-            const result = confirmationCallback(dataItem);
-            if (result instanceof Promise) {
-                result.then((res) => {
-                    removeItem(res);
-                    this.returnFocusToGrid();
-                });
-            }
-            else if (result instanceof Observable) {
-                result.pipe(take(1)).subscribe((res) => {
-                    removeItem(res);
-                    this.returnFocusToGrid();
-                });
-            }
-            else {
-                removeItem(result);
-                this.returnFocusToGrid();
-            }
-        }
-        else {
-            removeItem(true);
-        }
-    }
-    onStateChange() {
-        this.closeEditor();
-    }
-    closeEditor(rowIndex) {
-        this.grid.closeRow(rowIndex);
-    }
-    returnFocusToGrid() {
-        if (!this.navigationService.focusCell()) {
-            this.navigationService.focusPrevCell() || this.navigationService.focusNextCell();
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditingDirectiveBase, deps: [{ token: i1.GridComponent }, { token: i2.LocalDataChangesService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: EditingDirectiveBase, selector: "[kendoGridEditingDirectiveBase]", inputs: { editService: "editService", removeConfirmation: "removeConfirmation" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditingDirectiveBase, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridEditingDirectiveBase]'
-                }]
-        }], ctorParameters: () => [{ type: i1.GridComponent }, { type: i2.LocalDataChangesService }], propDecorators: { editService: [{
-                type: Input
-            }], removeConfirmation: [{
-                type: Input
-            }] } });