@progress/kendo-angular-grid 21.4.1 → 22.0.0

package/esm2022/editing-directives/external-editing.directive.mjs

@@ -1,151 +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, Input } from '@angular/core';
-import { GridComponent } from '../grid.component';
-import { LocalDataChangesService } from '../editing/local-data-changes.service';
-import { markAllAsTouched } from './utils';
-import { EditingDirectiveBase } from './editing-directive-base';
-import { DialogFormComponent } from '../editing/form';
-import { isPresent } from '@progress/kendo-angular-common';
-import { AdaptiveGridService } from '../common/adaptiveness.service';
-import * as i0 from "@angular/core";
-import * as i1 from "../grid.component";
-import * as i2 from "../editing/local-data-changes.service";
-import * as i3 from "../common/adaptiveness.service";
-/**
- * Represents the Kendo UI Grid external editing directive. The directive manages editing operations in the Grid when using the
- * External Form ([see example](slug:external_editing_grid#quick-setup)).
- *
- * @example
- * ```typescript
- * <kendo-grid [data]="data" kendoGridExternalEditing></kendo-grid>
- * ```
- * @remarks
- * Applied to: {@link GridComponent}.
- */
-export class ExternalEditingDirective extends EditingDirectiveBase {
-    grid;
-    localDataChangesService;
-    adaptiveGridService;
-    /**
-     * Specifies the function that creates the `FormGroup` for the edited model.
-     */
-    createFormGroup;
-    /**
-     * Customizes form orientation, hints, labels, and error messages.
-     */
-    formSettings;
-    /**
-     * Customizes the Dialog that contains the edit form.
-     */
-    dialogSettings;
-    constructor(grid, localDataChangesService, adaptiveGridService) {
-        super(grid, localDataChangesService);
-        this.grid = grid;
-        this.localDataChangesService = localDataChangesService;
-        this.adaptiveGridService = adaptiveGridService;
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        this.subscriptions
-            .add(this.grid.edit.subscribe(this.editHandler.bind(this)));
-    }
-    /**
-     * @hidden
-     * Opens a Dialog that contains the edit form.
-     */
-    openEditFormDialog(editEventArgs, formGroup, formSettings) {
-        const formControls = this.normalizeFormSettings(formGroup, editEventArgs);
-        if (this.grid.adaptiveMode === 'auto' && this.adaptiveGridService.windowSize !== 'large') {
-            if (!this.grid.isActionSheetExpanded) {
-                this.adaptiveGridService.viewType = 'externalEditing';
-                this.grid.adaptiveRenderer.externalEditingSettings = { formControls, formGroup, formSettings, event: editEventArgs, externalEditingDirective: this };
-                this.grid.adaptiveRenderer.actionSheet.toggle(true);
-            }
-        }
-        else {
-            const settings = { appendTo: this.grid.dialogContainer, content: DialogFormComponent, title: this.localization.get('externalEditingTitle'), ...this.dialogSettings };
-            const dialog = this.dialogService.open(settings);
-            this.adaptiveGridService.popupRef = dialog;
-            dialog.content.setInput('controls', formControls);
-            formSettings && dialog.content.setInput('formSettings', formSettings);
-            dialog.content.setInput('formGroup', formGroup);
-            dialog.result.subscribe((r) => {
-                const resultType = r['text'];
-                if (resultType === this.localization.get('externalEditingSaveText')) {
-                    this.saveHandler({ ...editEventArgs, formGroup });
-                }
-                dialog.close();
-            });
-        }
-    }
-    createModel(args) {
-        return this.createFormGroup(args);
-    }
-    editHandler(args) {
-        const formGroup = this.createModel(args);
-        this.openEditFormDialog(args, formGroup, this.formSettings);
-    }
-    saveModel({ dataItem, formGroup, isNew }) {
-        if (!formGroup.dirty && !isNew) {
-            return;
-        }
-        if (formGroup.valid) {
-            const item = dataItem || [];
-            this.editService.assignValues(item, formGroup.value);
-            return item;
-        }
-        markAllAsTouched(formGroup);
-    }
-    addHandler(args) {
-        const formGroup = this.createModel(args);
-        this.openEditFormDialog(args, formGroup, this.formSettings);
-    }
-    normalizeFormSettings(args, editEventArgs) {
-        const editableColumnFields = this.grid.columns.toArray().filter(c => c.field && c.editable && isPresent(args.get(c.field))).map(c => c.field);
-        const settings = editableColumnFields.map(k => {
-            const column = this.grid.columns.toArray().find(c => c.field === k);
-            const title = column.title || k;
-            const template = column.editTemplateRef;
-            const templateContext = template ? {
-                $implicit: args,
-                isNew: editEventArgs.isNew,
-                column,
-                dataItem: editEventArgs.dataItem,
-                formGroup: args,
-                rowIndex: editEventArgs.rowIndex
-            } : null;
-            const customSettings = this.formSettings?.fields?.[k];
-            return {
-                name: k,
-                label: customSettings?.label || title,
-                hint: customSettings?.hint,
-                errors: customSettings?.errors,
-                formControl: args.get(k),
-                dataType: column.editor,
-                orientation: this.formSettings?.orientation || 'vertical',
-                template: template,
-                templateContext: templateContext
-            };
-        });
-        return settings.filter(item => isPresent(item));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExternalEditingDirective, deps: [{ token: i1.GridComponent }, { token: i2.LocalDataChangesService }, { token: i3.AdaptiveGridService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ExternalEditingDirective, isStandalone: true, selector: "[kendoGridExternalEditing]", inputs: { createFormGroup: ["kendoGridExternalEditing", "createFormGroup"], formSettings: "formSettings", dialogSettings: "dialogSettings" }, usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExternalEditingDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridExternalEditing]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.GridComponent }, { type: i2.LocalDataChangesService }, { type: i3.AdaptiveGridService }], propDecorators: { createFormGroup: [{
-                type: Input,
-                args: ['kendoGridExternalEditing']
-            }], formSettings: [{
-                type: Input
-            }], dialogSettings: [{
-                type: Input
-            }] } });

package/esm2022/editing-directives/in-cell-editing.directive.mjs

@@ -1,97 +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, Input } from '@angular/core';
-import { Keys } from '@progress/kendo-angular-common';
-import { EditingDirectiveBase } from './editing-directive-base';
-import { GridComponent } from '../grid.component';
-import { LocalDataChangesService } from '../editing/local-data-changes.service';
-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";
-/**
- * Represent the directive that manages in-cell editing operations in the Grid when using Reactive Forms ([see example](slug:editing_incell_grid#quick-setup)).
- *
- * @example
- * ```html
- * <kendo-grid [data]="data" kendoGridInCellEditing></kendo-grid>
- * ```
- * @remarks
- * Applied to: {@link GridComponent}.
- */
-export class InCellEditingDirective extends EditingDirectiveBase {
-    grid;
-    localDataChangesService;
-    cdr;
-    /**
-     * Specifies the function that creates the `FormGroup` for the edited model.
-     */
-    createFormGroup;
-    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') {
-            const colIndex = this.grid.isStacked ? args.column.leafIndex : args.columnIndex;
-            this.grid.editCell(args.rowIndex, colIndex, 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.code === Keys.Escape) {
-                return;
-            }
-            this.editService.assignValues(dataItem, formGroup.value);
-            this.editService.update(dataItem);
-        }
-        this.cdr.markForCheck();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InCellEditingDirective, deps: [{ token: i1.GridComponent }, { token: i2.LocalDataChangesService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: InCellEditingDirective, isStandalone: true, selector: "[kendoGridInCellEditing]", inputs: { createFormGroup: ["kendoGridInCellEditing", "createFormGroup"] }, usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InCellEditingDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridInCellEditing]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.GridComponent }, { type: i2.LocalDataChangesService }, { type: i0.ChangeDetectorRef }], propDecorators: { createFormGroup: [{
-                type: Input,
-                args: ['kendoGridInCellEditing']
-            }] } });

package/esm2022/editing-directives/local-edit.service.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 { isDevMode } from '@angular/core';
-import { GridConfigurationErrorMessages } from '../common/error-messages';
-/**
- * @hidden
- */
-export class LocalEditService {
-    grid;
-    localDataChangesService;
-    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();
-    }
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    update(_item) {
-        /* noop */
-    }
-    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(GridConfigurationErrorMessages.requiredEditService);
-        }
-        return [];
-    }
-}

package/esm2022/editing-directives/local-row-edit.service.mjs

@@ -1,13 +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 { LocalEditService } from './local-edit.service';
-/**
- * @hidden
- */
-export class LocalRowEditService extends LocalEditService {
-    update() {
-        this.dataChanged();
-    }
-}

package/esm2022/editing-directives/reactive-editing.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 { Directive, Input } from '@angular/core';
-import { RowEditingDirectiveBase } from './row-editing-directive-base';
-import { GridComponent } from '../grid.component';
-import { LocalDataChangesService } from '../editing/local-data-changes.service';
-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";
-/**
- * Represents the directive that manages editing operations in the Grid when using Reactive Forms ([see example](slug:inline_editing_grid#using-reactive-forms)).
- *
- * @example
- * ```html
- * <kendo-grid [data]="data" kendoGridReactiveEditing></kendo-grid>
- * ```
- * @remarks
- * Applied to: {@link GridComponent}.
- */
-export class ReactiveEditingDirective extends RowEditingDirectiveBase {
-    grid;
-    localDataChangesService;
-    /**
-     * Specifies the function that creates the `FormGroup` for the edited model.
-     */
-    createFormGroup;
-    constructor(grid, localDataChangesService) {
-        super(grid, localDataChangesService);
-        this.grid = grid;
-        this.localDataChangesService = localDataChangesService;
-    }
-    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);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ReactiveEditingDirective, deps: [{ token: i1.GridComponent }, { token: i2.LocalDataChangesService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ReactiveEditingDirective, isStandalone: true, selector: "[kendoGridReactiveEditing]", inputs: { createFormGroup: ["kendoGridReactiveEditing", "createFormGroup"] }, usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ReactiveEditingDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridReactiveEditing]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.GridComponent }, { type: i2.LocalDataChangesService }], propDecorators: { createFormGroup: [{
-                type: Input,
-                args: ['kendoGridReactiveEditing']
-            }] } });

package/esm2022/editing-directives/row-editing-directive-base.mjs

@@ -1,53 +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 { EditingDirectiveBase } from './editing-directive-base';
-import { LocalRowEditService } from './local-row-edit.service';
-import { Directive } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export class RowEditingDirectiveBase extends EditingDirectiveBase {
-    rowIndex;
-    /**
-     * @hidden
-     */
-    ngOnInit() {
-        super.ngOnInit();
-        this.subscriptions
-            .add(this.grid.edit.subscribe(this.editHandler.bind(this)));
-    }
-    createDefaultService() {
-        return new LocalRowEditService(this.grid, this.localDataChangesService);
-    }
-    addHandler() {
-        this.closeEditor();
-        super.addHandler();
-    }
-    editHandler(args) {
-        this.closeEditor();
-        this.rowIndex = args.rowIndex;
-        this.grid.editRow(args.rowIndex, this.createModel(args));
-    }
-    saveHandler(args) {
-        super.saveHandler(args);
-        this.clean();
-    }
-    closeEditor(rowIndex = this.rowIndex) {
-        super.closeEditor(rowIndex);
-        this.clean();
-    }
-    clean() {
-        delete this.rowIndex;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RowEditingDirectiveBase, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: RowEditingDirectiveBase, selector: "[kendoGridRowEditingDirectiveBase]", usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RowEditingDirectiveBase, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridRowEditingDirectiveBase]'
-                }]
-        }] });

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

@@ -1,72 +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, Input } from '@angular/core';
-import { RowEditingDirectiveBase } from './row-editing-directive-base';
-import { GridComponent } from '../grid.component';
-import { LocalDataChangesService } from '../editing/local-data-changes.service';
-import * as i0 from "@angular/core";
-import * as i1 from "../grid.component";
-import * as i2 from "../editing/local-data-changes.service";
-/**
- * Represents the directive that manages editing operations in the Grid when using Template-Driven Angular Forms ([see example](slug:inline_editing_grid#using-template-driven-forms)).
- *
- * @example
- * ```html
- * <kendo-grid [data]="data" kendoGridTemplateEditing></kendo-grid>
- * ```
- * @remarks
- * Applied to: {@link GridComponent}.
- */
-export class TemplateEditingDirective extends RowEditingDirectiveBase {
-    grid;
-    localDataChangesService;
-    /**
-     * Specifies the function that creates the `dataItem` for new rows.
-     */
-    createNewItem;
-    dataItem;
-    originalValues;
-    constructor(grid, localDataChangesService) {
-        super(grid, localDataChangesService);
-        this.grid = grid;
-        this.localDataChangesService = localDataChangesService;
-    }
-    editHandler(args) {
-        super.editHandler(args);
-        this.dataItem = args.dataItem;
-        this.originalValues = {};
-        this.editService.assignValues(this.originalValues, this.dataItem);
-    }
-    closeEditor(rowIndex) {
-        if (this.dataItem) {
-            this.editService.assignValues(this.dataItem, this.originalValues);
-        }
-        super.closeEditor(rowIndex);
-    }
-    createModel(args) {
-        if (args.isNew) {
-            return this.createNewItem();
-        }
-    }
-    saveModel(args) {
-        return args.dataItem;
-    }
-    clean() {
-        super.clean();
-        delete this.dataItem;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TemplateEditingDirective, deps: [{ token: i1.GridComponent }, { token: i2.LocalDataChangesService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: TemplateEditingDirective, isStandalone: true, selector: "[kendoGridTemplateEditing]", inputs: { createNewItem: ["kendoGridTemplateEditing", "createNewItem"] }, usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TemplateEditingDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridTemplateEditing]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.GridComponent }, { type: i2.LocalDataChangesService }], propDecorators: { createNewItem: [{
-                type: Input,
-                args: ['kendoGridTemplateEditing']
-            }] } });

package/esm2022/editing-directives/utils.mjs

@@ -1,18 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export const markAllAsTouched = (control) => {
-    control.markAsTouched();
-    if (control.hasOwnProperty('controls')) {
-        const controls = control.controls;
-        for (const inner in controls) {
-            if (controls.hasOwnProperty(inner)) {
-                markAllAsTouched(controls[inner]);
-            }
-        }
-    }
-};

package/esm2022/excel/excel-command-tool.directive.mjs

@@ -1,58 +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 { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
-import { ExcelService } from './excel.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 "./excel.service";
-import * as i2 from "@progress/kendo-angular-toolbar";
-import * as i3 from "../common/provider.service";
-/**
- * Represents the **Export to Excel** toolbar tool of the Grid.
- * Apply this directive to any `kendo-toolbar-button` element inside a ToolbarComponent used in the Grid.
- * When the user clicks the button, the [`excelExport`]({% slug api_grid_gridcomponent %}#toc-excelexport) event fires ([see example]({% slug excelexport_grid %})).
- *
- * @example
- * ```html
- * <kendo-grid>
- *   <kendo-toolbar>
- *     <kendo-toolbar-button text="Excel Export" kendoGridExcelTool></kendo-toolbar-button>
- *   </kendo-toolbar>
- *   <kendo-grid-excel fileName="Grid.xlsx"></kendo-grid-excel>
- * </kendo-grid>
- * ```
- * @remarks
- * Applied to: {@link ToolBarButtonComponent}.
- */
-export class ExcelCommandToolbarDirective extends ToolbarToolBase {
-    excelService;
-    constructor(excelService, host, ctx, zone, cdr) {
-        super(host, ToolbarToolName.excelExport, ctx, zone, cdr);
-        this.excelService = excelService;
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        this.host.className = 'k-grid-excel';
-    }
-    /**
-     * @hidden
-     */
-    onClick(e) {
-        e.preventDefault();
-        this.excelService.exportClick.emit();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExcelCommandToolbarDirective, deps: [{ token: i1.ExcelService }, { token: i2.ToolBarButtonComponent }, { token: i3.ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ExcelCommandToolbarDirective, isStandalone: true, selector: "[kendoGridExcelTool]", usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExcelCommandToolbarDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridExcelTool]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.ExcelService }, { type: i2.ToolBarButtonComponent }, { type: i3.ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });