@progress/kendo-angular-treelist 17.0.0-develop.4 → 17.0.0-develop.40

package/{esm2020 → esm2022}/editing/remove-command.directive.mjs

@@ -33,19 +33,22 @@ import * as i2 from "@progress/kendo-angular-l10n";
  * ```
  */
 export class RemoveCommandDirective extends BaseCommandDirective {
+    /**
+     * The `cellContext` provided to the template.
+     */
+    cellContext;
+    commandClass = true;
+    readVisible = true;
     constructor(editService, element, renderer, localization, ngZone) {
         super(editService, element, renderer, localization, ngZone);
-        this.commandClass = true;
-        this.readVisible = true;
     }
     onClick() {
         if (this.cellContext) {
             this.editService.remove(this.dataItem, (this.cellContext.viewItem.parent || {}).data);
         }
     }
-}
-RemoveCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RemoveCommandDirective, deps: [{ token: i1.EditService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-RemoveCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RemoveCommandDirective, isStandalone: true, selector: "[kendoTreeListRemoveCommand]", inputs: { cellContext: ["kendoTreeListRemoveCommand", "cellContext"] }, host: { properties: { "class.k-grid-remove-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RemoveCommandDirective, deps: [{ token: i1.EditService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RemoveCommandDirective, isStandalone: true, selector: "[kendoTreeListRemoveCommand]", inputs: { cellContext: ["kendoTreeListRemoveCommand", "cellContext"] }, host: { properties: { "class.k-grid-remove-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-icon-wrapper
             *ngIf="icon || svgIcon"
             innerCssClass="k-button-icon"
@@ -57,7 +60,8 @@ RemoveCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
         <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
         <span class="k-button-text"><ng-content></ng-content></span>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "15.2.10", ngImport: i0, type: RemoveCommandDirective, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RemoveCommandDirective, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendoTreeListRemoveCommand]',

package/{esm2020 → esm2022}/editing/save-command.directive.mjs

@@ -33,19 +33,22 @@ import * as i2 from "@progress/kendo-angular-l10n";
  * ```
  */
 export class SaveCommandDirective extends BaseCommandDirective {
+    /**
+     * The `cellContext` provided to the template.
+     */
+    cellContext;
+    commandClass = true;
+    readVisible = false;
     constructor(editService, element, renderer, localization, ngZone) {
         super(editService, element, renderer, localization, ngZone);
-        this.commandClass = true;
-        this.readVisible = false;
     }
     onClick() {
         if (this.cellContext) {
             this.editService.save(this.dataItem, this.cellContext.viewItem.isNew);
         }
     }
-}
-SaveCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SaveCommandDirective, deps: [{ token: i1.EditService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SaveCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SaveCommandDirective, isStandalone: true, selector: "[kendoTreeListSaveCommand]", inputs: { cellContext: ["kendoTreeListSaveCommand", "cellContext"] }, host: { properties: { "class.k-grid-save-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SaveCommandDirective, deps: [{ token: i1.EditService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SaveCommandDirective, isStandalone: true, selector: "[kendoTreeListSaveCommand]", inputs: { cellContext: ["kendoTreeListSaveCommand", "cellContext"] }, host: { properties: { "class.k-grid-save-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-icon-wrapper
             *ngIf="icon || svgIcon"
             innerCssClass="k-button-icon"
@@ -57,7 +60,8 @@ SaveCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
         <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
         <span class="k-button-text"><ng-content></ng-content></span>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "15.2.10", ngImport: i0, type: SaveCommandDirective, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SaveCommandDirective, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendoTreeListSaveCommand]',

package/{esm2020 → esm2022}/editing-directives/editing-directive-base.mjs

@@ -12,10 +12,7 @@ import * as i1 from "../treelist.component";
  * @hidden
  */
 export class EditingDirectiveBase {
-    constructor(treelist) {
-        this.treelist = treelist;
-        this.subscriptions = new Subscription();
-    }
+    treelist;
     /**
      * The edit service that will handle the operations.
      */
@@ -36,6 +33,19 @@ export class EditingDirectiveBase {
     get newItemId() {
         return this.idCallback;
     }
+    /**
+     * A function that is called to confirm if the `dataItem` will be removed.
+     */
+    removeConfirmation;
+    subscriptions = new Subscription();
+    userEditService;
+    isNew;
+    parent;
+    dataItem;
+    idCallback;
+    constructor(treelist) {
+        this.treelist = treelist;
+    }
     /**
      * @hidden
      */
@@ -112,10 +122,10 @@ export class EditingDirectiveBase {
     onStateChange() {
         this.closeEditor();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditingDirectiveBase, deps: [{ token: i1.TreeListComponent }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: EditingDirectiveBase, inputs: { editService: "editService", newItemId: "newItemId", removeConfirmation: "removeConfirmation" }, ngImport: i0 });
 }
-EditingDirectiveBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditingDirectiveBase, deps: [{ token: i1.TreeListComponent }], target: i0.ɵɵFactoryTarget.Directive });
-EditingDirectiveBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditingDirectiveBase, inputs: { editService: "editService", newItemId: "newItemId", removeConfirmation: "removeConfirmation" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditingDirectiveBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditingDirectiveBase, decorators: [{
             type: Directive,
             args: [{}]
         }], ctorParameters: function () { return [{ type: i1.TreeListComponent }]; }, propDecorators: { editService: [{

package/{esm2020 → esm2022}/editing-directives/flat-edit.service.mjs

@@ -10,6 +10,7 @@ import { insertNewItem } from './utils';
  * @hidden
  */
 export class FlatEditService extends LocalEditService {
+    bindingDirective;
     constructor(bindingDirective) {
         super();
         this.bindingDirective = bindingDirective;

package/{esm2020 → esm2022}/editing-directives/hierarchy-edit.service.mjs

@@ -8,6 +8,7 @@ import { insertNewItem } from './utils';
  * @hidden
  */
 export class HierarchyEditService extends LocalEditService {
+    bindingDirective;
     constructor(bindingDirective) {
         super();
         this.bindingDirective = bindingDirective;

package/{esm2020 → esm2022}/editing-directives/in-cell-editing.directive.mjs

@@ -13,6 +13,11 @@ import * as i1 from "../treelist.component";
  * editing with Reactive Forms ([see example](slug:editing_directives_treelist#toc-in-cell-editing-directive)).
  */
 export class InCellEditingDirective extends EditingDirectiveBase {
+    treelist;
+    /**
+     * The function that creates the `FormGroup` for the edited model.
+     */
+    createFormGroup;
     constructor(treelist) {
         super(treelist);
         this.treelist = treelist;
@@ -58,10 +63,10 @@ export class InCellEditingDirective extends EditingDirectiveBase {
             this.editService.update(dataItem);
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InCellEditingDirective, deps: [{ token: i1.TreeListComponent }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: InCellEditingDirective, isStandalone: true, selector: "[kendoTreeListInCellEditing]", inputs: { createFormGroup: ["kendoTreeListInCellEditing", "createFormGroup"] }, exportAs: ["kendoTreeListInCellEditing"], usesInheritance: true, ngImport: i0 });
 }
-InCellEditingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: InCellEditingDirective, deps: [{ token: i1.TreeListComponent }], target: i0.ɵɵFactoryTarget.Directive });
-InCellEditingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: InCellEditingDirective, isStandalone: true, selector: "[kendoTreeListInCellEditing]", inputs: { createFormGroup: ["kendoTreeListInCellEditing", "createFormGroup"] }, exportAs: ["kendoTreeListInCellEditing"], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: InCellEditingDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InCellEditingDirective, decorators: [{
             type: Directive,
             args: [{
                     exportAs: 'kendoTreeListInCellEditing',

package/{esm2020 → esm2022}/editing-directives/reactive-editing.directive.mjs

@@ -13,6 +13,11 @@ import * as i1 from "../treelist.component";
  * Reactive Forms ([see example](slug:editing_directives_treelist#toc-reactive-editing-directive)).
  */
 export class ReactiveEditingDirective extends RowEditingDirectiveBase {
+    treelist;
+    /**
+     * The function that creates the `FormGroup` for the edited model.
+     */
+    createFormGroup;
     constructor(treelist) {
         super(treelist);
         this.treelist = treelist;
@@ -30,10 +35,10 @@ export class ReactiveEditingDirective extends RowEditingDirectiveBase {
         }
         markAllAsTouched(formGroup);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReactiveEditingDirective, deps: [{ token: i1.TreeListComponent }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ReactiveEditingDirective, isStandalone: true, selector: "[kendoTreeListReactiveEditing]", inputs: { createFormGroup: ["kendoTreeListReactiveEditing", "createFormGroup"] }, exportAs: ["kendoTreeListReactiveEditing"], usesInheritance: true, ngImport: i0 });
 }
-ReactiveEditingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ReactiveEditingDirective, deps: [{ token: i1.TreeListComponent }], target: i0.ɵɵFactoryTarget.Directive });
-ReactiveEditingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ReactiveEditingDirective, isStandalone: true, selector: "[kendoTreeListReactiveEditing]", inputs: { createFormGroup: ["kendoTreeListReactiveEditing", "createFormGroup"] }, exportAs: ["kendoTreeListReactiveEditing"], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ReactiveEditingDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReactiveEditingDirective, decorators: [{
             type: Directive,
             args: [{
                     exportAs: 'kendoTreeListReactiveEditing',

package/{esm2020 → esm2022}/editing-directives/row-editing-directive-base.mjs

@@ -30,10 +30,10 @@ export class RowEditingDirectiveBase extends EditingDirectiveBase {
         super.saveHandler(args);
         this.clean();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RowEditingDirectiveBase, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: RowEditingDirectiveBase, usesInheritance: true, ngImport: i0 });
 }
-RowEditingDirectiveBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RowEditingDirectiveBase, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-RowEditingDirectiveBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: RowEditingDirectiveBase, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RowEditingDirectiveBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RowEditingDirectiveBase, decorators: [{
             type: Directive,
             args: [{}]
         }] });

package/{esm2020 → esm2022}/editing-directives/template-editing.directive.mjs

@@ -12,6 +12,12 @@ import * as i1 from "../treelist.component";
  * the Template-Driven Angular Forms ([see example](slug:editing_directives_treelist#toc-template-editing-directive)).
  */
 export class TemplateEditingDirective extends RowEditingDirectiveBase {
+    treelist;
+    /**
+     * The function that creates the `dataItem` for the new rows.
+     */
+    createNewItem;
+    originalValues;
     constructor(treelist) {
         super(treelist);
         this.treelist = treelist;
@@ -36,10 +42,10 @@ export class TemplateEditingDirective extends RowEditingDirectiveBase {
     saveModel(args) {
         return args.dataItem;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TemplateEditingDirective, deps: [{ token: i1.TreeListComponent }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TemplateEditingDirective, isStandalone: true, selector: "[kendoTreeListTemplateEditing]", inputs: { createNewItem: ["kendoTreeListTemplateEditing", "createNewItem"] }, exportAs: ["kendoTreeListTemplateEditing"], usesInheritance: true, ngImport: i0 });
 }
-TemplateEditingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TemplateEditingDirective, deps: [{ token: i1.TreeListComponent }], target: i0.ɵɵFactoryTarget.Directive });
-TemplateEditingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TemplateEditingDirective, isStandalone: true, selector: "[kendoTreeListTemplateEditing]", inputs: { createNewItem: ["kendoTreeListTemplateEditing", "createNewItem"] }, exportAs: ["kendoTreeListTemplateEditing"], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TemplateEditingDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TemplateEditingDirective, decorators: [{
             type: Directive,
             args: [{
                     exportAs: 'kendoTreeListTemplateEditing',

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

@@ -0,0 +1,66 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 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.
+ * You can apply this directive to any `kendo-toolbar-button` element inside a
+ * ToolbarComponent used in the TreeList.
+ *
+ * When the user clicks a button associated with the directive, the
+ * [excelExport]({% slug api_treelist_treelistcomponent %}#toc-excelexport) event
+ * fires ([see example]({% slug excelexport_treelist %})).
+ *
+ * @example
+ * ```html-no-run
+ * <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>
+ * ```
+ */
+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: "16.2.12", ngImport: i0, type: ExcelCommandToolbarDirective, deps: [{ token: i1.ExcelService }, { token: i2.ToolBarButtonComponent }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ExcelCommandToolbarDirective, isStandalone: true, selector: "[kendoTreeListExcelTool]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelCommandToolbarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoTreeListExcelTool]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ExcelService }, { type: i2.ToolBarButtonComponent }]; } });

package/{esm2020 → esm2022}/excel/excel-command.directive.mjs

@@ -30,11 +30,7 @@ import * as i2 from "@progress/kendo-angular-l10n";
  * ```
  */
 export class ExcelCommandDirective extends Button {
-    constructor(excelService, element, renderer, localization, ngZone) {
-        super(element, renderer, null, localization, ngZone);
-        this.excelService = excelService;
-        this.ngZone = ngZone;
-    }
+    excelService;
     /**
      * @hidden
      */
@@ -48,9 +44,13 @@ export class ExcelCommandDirective extends Button {
     get excelClass() {
         return true;
     }
-}
-ExcelCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelCommandDirective, deps: [{ token: i1.ExcelService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-ExcelCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ExcelCommandDirective, isStandalone: true, selector: "[kendoTreeListExcelCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "class.k-grid-excel": "this.excelClass" } }, usesInheritance: true, ngImport: i0, template: `
+    constructor(excelService, element, renderer, localization, ngZone) {
+        super(element, renderer, null, localization, ngZone);
+        this.excelService = excelService;
+        this.ngZone = ngZone;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelCommandDirective, deps: [{ token: i1.ExcelService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ExcelCommandDirective, isStandalone: true, selector: "[kendoTreeListExcelCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "class.k-grid-excel": "this.excelClass" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-icon-wrapper
             *ngIf="icon || svgIcon"
             innerCssClass="k-button-icon"
@@ -62,7 +62,8 @@ ExcelCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
         <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
         <span class="k-button-text"><ng-content></ng-content></span>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "15.2.10", ngImport: i0, type: ExcelCommandDirective, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelCommandDirective, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendoTreeListExcelCommand]',

package/{esm2020 → esm2022}/excel/excel-export-event.mjs

@@ -7,6 +7,7 @@ import { PreventableEvent } from '../common/preventable-event';
  * Arguments for the `excelExport` event. [See example](slug:excelexport_treelist#toc-customizing-generated-workbooks).
  */
 export class ExcelExportEvent extends PreventableEvent {
+    workbook;
     constructor(workbook) {
         super();
         this.workbook = workbook;

package/{esm2020 → esm2022}/excel/excel.component.mjs

@@ -79,29 +79,78 @@ const componentColumns = (component) => {
  * Configures the settings for the export of TreeList in Excel ([see example]({% slug excelexport_treelist %})).
  */
 export class ExcelComponent {
+    excelService;
+    localization;
+    zone;
+    /**
+     * Specifies the file name of the exported Excel file.
+     * @default "Export.xlsx"
+     */
+    fileName = 'Export.xlsx';
+    /**
+     * Enables or disables column filtering in the Excel file. This behavior is different from the filtering feature of the TreeList.
+     */
+    filterable;
+    /**
+     * The author of the workbook.
+     */
+    creator;
+    /**
+     * The date on which the workbook was created. Defaults to `new Date()`.
+     */
+    date;
+    /**
+     * If set to `true`, the content is forwarded to `proxyURL` even if the browser supports the saving of files locally.
+     */
+    forceProxy;
+    /**
+     * The URL of the server-side proxy which streams the file to the end user.
+     * Using a proxy is required if the browser is not capable of saving files locally.
+     *
+     * Optionally, set up a proxy to reduce memory usage. This avoids copying the file contents into memory,
+     * but transmits it over the network instead. For this use case, set [forceProxy](#toc-forceproxy) to `true`
+     * to skip client-side saving even in browsers that support it.
+     *
+     * In the request body, the proxy receives a POST request with the specific parameters. [See example](slug:server_proxy#toc-implementations).
+     * The proxy returns the decoded file with the `"Content-Disposition"` header set to `attachment; filename="<fileName.xslx>"`.
+     *
+     * For details on the server-side proxy usage and implementation, see the [File Saver]({% slug overview_filesaver %}) documentation.
+     *
+     */
+    proxyURL;
+    /**
+     * The function that is used to get the exported data options. By default, uses the current data of the TreeList.
+     * To export data that is different from the current TreeList data, provide a custom function.
+     */
+    fetchData;
+    /**
+     * Specifies if the item levels in the Excel file are collapsible. Applicable only if the treelist has footers.
+     */
+    collapsible;
+    /**
+     * Specifies if export should include all pages
+     * @default true
+     */
+    allPages = true;
+    /**
+     * Specifies if the export should expand all items or should use the current TreeList state.
+     * @default true
+     */
+    expandAll = true;
+    /**
+     * The options of the cells that are inserted before the data to indicate the hierarchy.
+     */
+    paddingCellOptions;
+    /**
+     * @hidden
+     */
+    columns = new QueryList();
+    saveSubscription;
+    dataSubscription;
     constructor(excelService, localization, zone) {
         this.excelService = excelService;
         this.localization = localization;
         this.zone = zone;
-        /**
-         * Specifies the file name of the exported Excel file.
-         * @default "Export.xlsx"
-         */
-        this.fileName = 'Export.xlsx';
-        /**
-         * Specifies if export should include all pages
-         * @default true
-         */
-        this.allPages = true;
-        /**
-         * Specifies if the export should expand all items or should use the current TreeList state.
-         * @default true
-         */
-        this.expandAll = true;
-        /**
-         * @hidden
-         */
-        this.columns = new QueryList();
         this.saveSubscription = excelService.saveToExcel.subscribe(this.save.bind(this));
     }
     ngOnDestroy() {
@@ -184,10 +233,10 @@ export class ExcelComponent {
             loaded: new Map(component.view.loaded)
         };
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelComponent, deps: [{ token: i1.ExcelService }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ExcelComponent, isStandalone: true, selector: "kendo-treelist-excel", inputs: { fileName: "fileName", filterable: "filterable", creator: "creator", date: "date", forceProxy: "forceProxy", proxyURL: "proxyURL", fetchData: "fetchData", collapsible: "collapsible", allPages: "allPages", expandAll: "expandAll", paddingCellOptions: "paddingCellOptions" }, queries: [{ propertyName: "columns", predicate: ColumnBase, descendants: true }], ngImport: i0, template: ``, isInline: true });
 }
-ExcelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelComponent, deps: [{ token: i1.ExcelService }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-ExcelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ExcelComponent, isStandalone: true, selector: "kendo-treelist-excel", inputs: { fileName: "fileName", filterable: "filterable", creator: "creator", date: "date", forceProxy: "forceProxy", proxyURL: "proxyURL", fetchData: "fetchData", collapsible: "collapsible", allPages: "allPages", expandAll: "expandAll", paddingCellOptions: "paddingCellOptions" }, queries: [{ propertyName: "columns", predicate: ColumnBase, descendants: true }], ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-treelist-excel',

package/{esm2020 → esm2022}/excel/excel.module.mjs

@@ -9,6 +9,7 @@ import { ExcelExportModule } from '@progress/kendo-angular-excel-export';
 import * as i0 from "@angular/core";
 import * as i1 from "./excel.component";
 import * as i2 from "./excel-command.directive";
+import * as i3 from "./excel-command-tool.directive";
 // IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
@@ -30,11 +31,11 @@ import * as i2 from "./excel-command.directive";
  * ```
  */
 export class ExcelModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ExcelModule, imports: [i1.ExcelComponent, i2.ExcelCommandDirective, i3.ExcelCommandToolbarDirective], exports: [i1.ExcelComponent, i2.ExcelCommandDirective, i3.ExcelCommandToolbarDirective, ExcelExportModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelModule, providers: [IconsService], imports: [i2.ExcelCommandDirective, ExcelExportModule] });
 }
-ExcelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ExcelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ExcelModule, imports: [i1.ExcelComponent, i2.ExcelCommandDirective], exports: [i1.ExcelComponent, i2.ExcelCommandDirective, ExcelExportModule] });
-ExcelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelModule, providers: [IconsService], imports: [EXCEL_EXPORTS, ExcelExportModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...EXCEL_EXPORTS],

package/{esm2020 → esm2022}/excel/excel.service.mjs

@@ -8,11 +8,10 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class ExcelService {
-    constructor() {
-        this.saveToExcel = new EventEmitter();
-        this.exportClick = new EventEmitter();
-        this.loadingChange = new EventEmitter();
-    }
+    saveToExcel = new EventEmitter();
+    exportClick = new EventEmitter();
+    loadingChange = new EventEmitter();
+    loading;
     save(component) {
         if (this.saveToExcel.observers.length === 0) {
             if (isDevMode()) {
@@ -27,9 +26,9 @@ export class ExcelService {
         this.loading = value;
         this.loadingChange.emit();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelService });
 }
-ExcelService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ExcelService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelService, decorators: [{
             type: Injectable
         }] });

package/{esm2020 → esm2022}/expand-state/expand-event.mjs

@@ -7,6 +7,18 @@ import { PreventableEvent } from '../common/preventable-event';
  * Arguments for the TreeList expand and collapse events ([see examples]({% slug treelist_expanded_state %})).
  */
 export class ExpandEvent extends PreventableEvent {
+    /**
+     * The expanded/collapsed data item.
+     */
+    dataItem;
+    /**
+     * The TreeList component that triggered the event.
+     */
+    sender;
+    /**
+     * @hidden
+     */
+    expand;
     /**
      * @hidden
      */

package/{esm2020 → esm2022}/expand-state/expand-state.service.mjs

@@ -14,10 +14,8 @@ export const defaultExpanded = (_item) => true;
  * @hidden
  */
 export class ExpandStateService {
-    constructor() {
-        this.changes = new Subject();
-        this.isExpanded = defaultExpanded;
-    }
+    changes = new Subject();
+    isExpanded = defaultExpanded;
     toggleState(dataItem) {
         const isExpanded = this.isExpanded(dataItem);
         this.changes.next(new ExpandEvent({ dataItem: dataItem, expand: !isExpanded }));
@@ -32,9 +30,9 @@ export class ExpandStateService {
             this.changes.next(new ExpandEvent({ dataItem: dataItem, expand: false }));
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandStateService });
 }
-ExpandStateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpandStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ExpandStateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpandStateService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpandStateService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandStateService, decorators: [{
             type: Injectable
         }] });

package/{esm2020 → esm2022}/expand-state/expandable-tree-component.mjs

@@ -10,9 +10,9 @@ import * as i0 from "@angular/core";
  * An injection token used by the expand-directive to interface with the TreeList or the Gantt.
  */
 export class ExpandableTreeComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandableTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandableTreeComponent });
 }
-ExpandableTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpandableTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ExpandableTreeComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpandableTreeComponent });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpandableTreeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandableTreeComponent, decorators: [{
             type: Injectable
         }] });