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

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

@@ -1,137 +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 } from '@angular/core';
-import { Subscription, Observable, merge } from 'rxjs';
-import { take } from 'rxjs/operators';
-import { TreeListComponent } from '../treelist.component';
-import * as i0 from "@angular/core";
-import * as i1 from "../treelist.component";
-/**
- * @hidden
- */
-export class EditingDirectiveBase {
-    treelist;
-    /**
-     * The edit service that handles the operations.
-     */
-    set editService(value) {
-        this.userEditService = value;
-    }
-    get editService() {
-        return this.userEditService || this.defaultEditService;
-    }
-    /**
-     * Gets or sets a function that determines the unique identifier
-     * for new items. The function receives the `item` and its `parent` as parameters
-     * and must return an ID.
-     */
-    set newItemId(callback) {
-        this.idCallback = callback;
-    }
-    get newItemId() {
-        return this.idCallback;
-    }
-    /**
-     * A function that confirms if the `dataItem` will be removed.
-     */
-    removeConfirmation;
-    subscriptions = new Subscription();
-    userEditService;
-    isNew;
-    parent;
-    dataItem;
-    idCallback;
-    constructor(treelist) {
-        this.treelist = treelist;
-    }
-    /**
-     * @hidden
-     */
-    ngOnInit() {
-        this.subscriptions.add(this.treelist.add.subscribe(this.addHandler.bind(this)));
-        this.subscriptions.add(this.treelist.remove.subscribe(this.removeHandler.bind(this)));
-        this.subscriptions.add(this.treelist.cancel.subscribe(this.cancelHandler.bind(this)));
-        this.subscriptions.add(this.treelist.save.subscribe(this.saveHandler.bind(this)));
-        this.subscriptions.add(merge(this.treelist.dataStateChange, this.treelist.pageChange).subscribe(this.onStateChange.bind(this)));
-    }
-    /**
-     * @hidden
-     */
-    ngOnDestroy() {
-        this.subscriptions.unsubscribe();
-    }
-    get defaultEditService() {
-        return this.treelist.localEditService;
-    }
-    addHandler({ parent }) {
-        this.parent = parent;
-        this.isNew = true;
-        if (parent) {
-            this.treelist.expand(parent);
-        }
-        this.treelist.addRow(this.createModel({ isNew: true }), parent);
-    }
-    saveHandler(args) {
-        const item = this.saveModel(args);
-        if (item) {
-            if (args.isNew) {
-                this.editService.create(item, args.parent, this.idCallback ? this.idCallback(item, args.parent) : null);
-            }
-            else {
-                this.editService.update(item);
-            }
-        }
-        this.treelist.closeRow(args.dataItem, args.isNew);
-    }
-    cancelHandler(args) {
-        this.closeEditor(args);
-    }
-    removeHandler({ dataItem, parent }) {
-        const removeItem = (shouldRemove) => {
-            if (shouldRemove) {
-                this.editService.remove(dataItem, parent);
-            }
-        };
-        if (this.removeConfirmation) {
-            const result = this.removeConfirmation(dataItem, parent);
-            if (result instanceof Promise) {
-                result.then(removeItem);
-            }
-            else if (result instanceof Observable) {
-                result.pipe(take(1)).subscribe(removeItem);
-            }
-            else {
-                removeItem(result);
-            }
-        }
-        else {
-            removeItem(true);
-        }
-    }
-    closeEditor(args = { dataItem: this.dataItem, isNew: this.isNew }) {
-        this.treelist.closeRow(args.dataItem, args.isNew);
-        this.clean();
-    }
-    clean() {
-        this.isNew = false;
-        this.dataItem = null;
-        this.parent = null;
-    }
-    onStateChange() {
-        this.closeEditor();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditingDirectiveBase, deps: [{ token: i1.TreeListComponent }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: EditingDirectiveBase, inputs: { editService: "editService", newItemId: "newItemId", removeConfirmation: "removeConfirmation" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditingDirectiveBase, decorators: [{
-            type: Directive,
-            args: [{}]
-        }], ctorParameters: () => [{ type: i1.TreeListComponent }], propDecorators: { editService: [{
-                type: Input
-            }], newItemId: [{
-                type: Input
-            }], removeConfirmation: [{
-                type: Input
-            }] } });

package/esm2022/editing-directives/flat-edit.service.mjs

@@ -1,52 +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';
-import { guid } from '@progress/kendo-angular-common';
-import { isPresent } from '../utils';
-import { insertNewItem } from './utils';
-/**
- * @hidden
- */
-export class FlatEditService extends LocalEditService {
-    bindingDirective;
-    constructor(bindingDirective) {
-        super();
-        this.bindingDirective = bindingDirective;
-    }
-    create(item, parent, id) {
-        const { idGetter, idSetter, parentIdSetter, originalData, component } = this.bindingDirective;
-        idSetter(item, isPresent(id) ? id : guid());
-        if (parent) {
-            parentIdSetter(item, idGetter(parent));
-        }
-        insertNewItem(item, originalData, component, parent);
-        this.bindingDirective.rebind();
-    }
-    update(_item) {
-        this.bindingDirective.rebind();
-    }
-    remove(item, _parent) {
-        const { idGetter, parentIdGetter, originalData } = this.bindingDirective;
-        const toRemove = [item];
-        while (toRemove.length) {
-            const current = toRemove.shift();
-            const id = idGetter(current);
-            let itemIndex = -1;
-            for (let idx = 0; idx < originalData.length; idx++) {
-                const dataItem = originalData[idx];
-                if (itemIndex === -1 && idGetter(dataItem) === id) {
-                    itemIndex = idx;
-                }
-                if (parentIdGetter(dataItem) === id) {
-                    toRemove.push(dataItem);
-                }
-            }
-            if (itemIndex >= 0) {
-                originalData.splice(itemIndex, 1);
-            }
-        }
-        this.bindingDirective.rebind();
-    }
-}

package/esm2022/editing-directives/hierarchy-edit.service.mjs

@@ -1,48 +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';
-import { insertNewItem } from './utils';
-/**
- * @hidden
- */
-export class HierarchyEditService extends LocalEditService {
-    bindingDirective;
-    constructor(bindingDirective) {
-        super();
-        this.bindingDirective = bindingDirective;
-    }
-    create(item, parent, _id) {
-        const { childrenGetter, childrenSetter, originalData, component } = this.bindingDirective;
-        if (parent) {
-            const children = childrenGetter(parent);
-            if (children) {
-                children.unshift(item);
-            }
-            else {
-                childrenSetter(parent, [item]);
-            }
-        }
-        else {
-            insertNewItem(item, originalData, component);
-        }
-        this.bindingDirective.rebind();
-    }
-    update(_item) {
-        this.bindingDirective.rebind();
-    }
-    remove(item, parent) {
-        const idGetter = this.bindingDirective.component.idGetter; // refactor provide idGetter via context service
-        const { childrenGetter, originalData } = this.bindingDirective;
-        const children = parent ? childrenGetter(parent) : originalData;
-        if (children && children.length) {
-            const id = idGetter(item);
-            const index = children.findIndex(i => idGetter(i) === id);
-            if (index >= 0) {
-                children.splice(index, 1);
-                this.bindingDirective.rebind();
-            }
-        }
-    }
-}

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

@@ -1,89 +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 { EditingDirectiveBase } from './editing-directive-base';
-import { TreeListComponent } from '../treelist.component';
-import { markAllAsTouched } from './utils';
-import * as i0 from "@angular/core";
-import * as i1 from "../treelist.component";
-/**
- * A directive that encapsulates the editing operations of the TreeList when using the in-cell
- * editing with Reactive Forms. [See example](slug:editing_directives_treelist#toc-in-cell-editing-directive).
- *
- * @example
- * ```html
- * <kendo-treelist [kendoTreeListInCellEditing]="createFormGroup">
- *   <kendo-treelist-column field="name" title="Name"></kendo-treelist-column>
- *   <kendo-treelist-column field="age" title="Age"></kendo-treelist-column>
- * </kendo-treelist>
- * ```
- * @remarks
- * Applied to: {@link TreeListComponent}.
- */
-export class InCellEditingDirective extends EditingDirectiveBase {
-    treelist;
-    /**
-     * The function that creates the `FormGroup` for the edited model.
-     */
-    createFormGroup;
-    constructor(treelist) {
-        super(treelist);
-        this.treelist = treelist;
-    }
-    // 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.treelist.cellClick.subscribe(this.cellClickHandler.bind(this)));
-        this.subscriptions.add(this.treelist.cellClose.subscribe(this.cellCloseHandler.bind(this)));
-    }
-    removeHandler(args) {
-        super.removeHandler(args);
-        this.treelist.cancelCell();
-    }
-    cellClickHandler(args) {
-        if (!args.isEdited && args.type === 'click') {
-            this.treelist.editCell(args.dataItem, args.columnIndex, this.createFormGroup(args));
-        }
-    }
-    cellCloseHandler(args) {
-        const { formGroup, dataItem } = args;
-        if (!formGroup.valid) {
-            args.preventDefault();
-        }
-        else if (formGroup.dirty) {
-            this.editService.assignValues(dataItem, formGroup.value);
-            this.editService.update(dataItem);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InCellEditingDirective, deps: [{ token: i1.TreeListComponent }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: InCellEditingDirective, isStandalone: true, selector: "[kendoTreeListInCellEditing]", inputs: { createFormGroup: ["kendoTreeListInCellEditing", "createFormGroup"] }, exportAs: ["kendoTreeListInCellEditing"], usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InCellEditingDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    exportAs: 'kendoTreeListInCellEditing',
-                    selector: '[kendoTreeListInCellEditing]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.TreeListComponent }], propDecorators: { createFormGroup: [{
-                type: Input,
-                args: ['kendoTreeListInCellEditing']
-            }] } });

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

@@ -1,28 +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';
-/**
- * @hidden
- */
-export class LocalEditService {
-    create(_item, _parent, _id) {
-        this.throwUnsupportedError();
-    }
-    update(_item) {
-        // noop
-    }
-    remove(_item) {
-        this.throwUnsupportedError();
-    }
-    assignValues(target, source) {
-        Object.assign(target, source);
-    }
-    throwUnsupportedError() {
-        if (isDevMode()) {
-            throw new Error('The default edit service of the editing directives can only update the items.' +
-                'Please provide an editService.');
-        }
-    }
-}

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

@@ -1,61 +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 { TreeListComponent } from '../treelist.component';
-import { markAllAsTouched } from './utils';
-import * as i0 from "@angular/core";
-import * as i1 from "../treelist.component";
-/**
- * A directive that encapsulates the editing operations of the TreeList when using the
- * Reactive Forms. [See example](slug:editing_directives_treelist#toc-reactive-editing-directive).
- *
- * @example
- * ```html
- * <kendo-treelist [kendoTreeListReactiveEditing]="createFormGroup">
- *   <kendo-treelist-column field="name" title="Name"></kendo-treelist-column>
- *   <kendo-treelist-column field="age" title="Age"></kendo-treelist-column>
- * </kendo-treelist>
- * ```
- * @remarks
- * Applied to: {@link TreeListComponent}.
- */
-export class ReactiveEditingDirective extends RowEditingDirectiveBase {
-    treelist;
-    /**
-     * The function that creates the `FormGroup` for the edited model.
-     */
-    createFormGroup;
-    constructor(treelist) {
-        super(treelist);
-        this.treelist = treelist;
-    }
-    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.TreeListComponent }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ReactiveEditingDirective, isStandalone: true, selector: "[kendoTreeListReactiveEditing]", inputs: { createFormGroup: ["kendoTreeListReactiveEditing", "createFormGroup"] }, exportAs: ["kendoTreeListReactiveEditing"], usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ReactiveEditingDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    exportAs: 'kendoTreeListReactiveEditing',
-                    selector: '[kendoTreeListReactiveEditing]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.TreeListComponent }], propDecorators: { createFormGroup: [{
-                type: Input,
-                args: ['kendoTreeListReactiveEditing']
-            }] } });

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

@@ -1,39 +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 } from '@angular/core';
-import { EditingDirectiveBase } from './editing-directive-base';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export class RowEditingDirectiveBase extends EditingDirectiveBase {
-    /**
-     * @hidden
-     */
-    ngOnInit() {
-        super.ngOnInit();
-        this.subscriptions
-            .add(this.treelist.edit.subscribe(this.editHandler.bind(this)));
-    }
-    addHandler(args) {
-        this.closeEditor();
-        super.addHandler(args);
-    }
-    editHandler(args) {
-        this.closeEditor();
-        this.dataItem = args.dataItem;
-        this.treelist.editRow(args.dataItem, this.createModel(args));
-    }
-    saveHandler(args) {
-        super.saveHandler(args);
-        this.clean();
-    }
-    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, usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RowEditingDirectiveBase, decorators: [{
-            type: Directive,
-            args: [{}]
-        }] });

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

@@ -1,68 +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 { TreeListComponent } from '../treelist.component';
-import * as i0 from "@angular/core";
-import * as i1 from "../treelist.component";
-/**
- * A directive that encapsulates the editing operations of the TreeList when using
- * Template-Driven Angular Forms. [See example](slug:editing_directives_treelist#toc-template-editing-directive).
- *
- * @example
- * ```html
- * <kendo-treelist [kendoTreeListTemplateEditing]="createNewItem">
- *   <kendo-treelist-column field="name" title="Name"></kendo-treelist-column>
- *   <kendo-treelist-column field="age" title="Age"></kendo-treelist-column>
- * </kendo-treelist>
- * ```
- * @remarks
- * Applied to: {@link TreeListComponent}.
- */
-export class TemplateEditingDirective extends RowEditingDirectiveBase {
-    treelist;
-    /**
-     * The function that creates the `dataItem` for new rows.
-     */
-    createNewItem;
-    originalValues;
-    constructor(treelist) {
-        super(treelist);
-        this.treelist = treelist;
-    }
-    editHandler(args) {
-        super.editHandler(args);
-        this.dataItem = args.dataItem;
-        this.originalValues = {};
-        this.editService.assignValues(this.originalValues, this.dataItem);
-    }
-    closeEditor(args) {
-        if (this.dataItem) {
-            this.editService.assignValues(this.dataItem, this.originalValues);
-        }
-        super.closeEditor(args);
-    }
-    createModel(args) {
-        if (args.isNew) {
-            return this.createNewItem();
-        }
-    }
-    saveModel(args) {
-        return args.dataItem;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TemplateEditingDirective, deps: [{ token: i1.TreeListComponent }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: TemplateEditingDirective, isStandalone: true, selector: "[kendoTreeListTemplateEditing]", inputs: { createNewItem: ["kendoTreeListTemplateEditing", "createNewItem"] }, exportAs: ["kendoTreeListTemplateEditing"], usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TemplateEditingDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    exportAs: 'kendoTreeListTemplateEditing',
-                    selector: '[kendoTreeListTemplateEditing]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.TreeListComponent }], propDecorators: { createNewItem: [{
-                type: Input,
-                args: ['kendoTreeListTemplateEditing']
-            }] } });

package/esm2022/editing-directives/utils.mjs

@@ -1,41 +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]);
-            }
-        }
-    }
-};
-/**
- * @hidden
- */
-export const insertNewItem = (newItem, originalData, treelist, parent) => {
-    let insertAt = 0;
-    if (!parent && treelist.skip) {
-        let firstItem = treelist.view.find(item => item.type === 'data' && !item.isNew);
-        let firstRootItem = firstItem;
-        let firstOffset = 0;
-        if (firstItem.level > 0) {
-            while (firstItem.level > 0) {
-                firstItem = firstItem.parent;
-            }
-            firstRootItem = firstItem;
-            firstOffset = 1;
-        }
-        const firstIndex = originalData.indexOf(firstRootItem.data);
-        if (firstIndex > 0) {
-            insertAt = firstIndex + firstOffset;
-        }
-    }
-    originalData.splice(insertAt, 0, newItem);
-};

package/esm2022/excel/excel-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 { Directive } from '@angular/core';
-import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
-import { Subscription } from 'rxjs';
-import { fileExcelIcon } from '@progress/kendo-svg-icons';
-import { ExcelService } from './excel.service';
-import * as i0 from "@angular/core";
-import * as i1 from "./excel.service";
-import * as i2 from "@progress/kendo-angular-toolbar";
-/**
- * Represents the `export-to-Excel` toolbar tool of the TreeList. Apply this directive to any `kendo-toolbar-button` element inside a ToolbarComponent used in the TreeList.
- *
- * When the user clicks a button with this directive, the [excelExport]({% slug api_treelist_treelistcomponent %}#toc-excelexport) event fires ([see example]({% slug excelexport_treelist %})).
- *
- * @example
- * ```html
- * <kendo-treelist>
- *     <kendo-toolbar>
- *         <kendo-toolbar-button text="Excel Export" kendoTreeListExcelTool></kendo-toolbar-button>
- *     </kendo-toolbar>
- *     <kendo-treelist-excel fileName="TreeList.xlsx">
- *     </kendo-treelist-excel>
- * </kendo-treelist>
- * ```
- * @remarks
- * Applied to: {@link ToolBarButtonComponent}
- */
-export class ExcelCommandToolbarDirective {
-    excelService;
-    host;
-    clickSub = new Subscription();
-    constructor(excelService, host) {
-        this.excelService = excelService;
-        this.host = host;
-    }
-    ngOnInit() {
-        this.clickSub = this.host.click.subscribe(e => this.onClick(e));
-        this.host.className = 'k-grid-excel';
-        this.host.svgIcon = fileExcelIcon;
-        this.host.icon = 'file-excel';
-    }
-    ngOnDestroy() {
-        this.clickSub.unsubscribe();
-    }
-    /**
-     * @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 }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ExcelCommandToolbarDirective, isStandalone: true, selector: "[kendoTreeListExcelTool]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExcelCommandToolbarDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoTreeListExcelTool]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.ExcelService }, { type: i2.ToolBarButtonComponent }] });