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

package/{esm2020 → esm2022}/directives.mjs

@@ -32,14 +32,6 @@ import { RemoveCommandDirective } from './editing/remove-command.directive';
 import { AddCommandDirective } from './editing/add-command.directive';
 import { FooterTemplateDirective } from './rendering/footer-template.directive';
 import { HeaderTemplateDirective } from './rendering/header/header-template.directive';
-import { PagerComponent } from './pager/pager.component';
-import { PagerPrevButtonsComponent } from './pager/pager-prev-buttons.component';
-import { PagerNextButtonsComponent } from './pager/pager-next-buttons.component';
-import { PagerNumericButtonsComponent } from './pager/pager-numeric-buttons.component';
-import { PagerInputComponent } from './pager/pager-input.component';
-import { PagerInfoComponent } from './pager/pager-info.component';
-import { PagerPageSizesComponent } from './pager/pager-page-sizes.component';
-import { PagerTemplateDirective } from './pager/pager-template.directive';
 import { FilterRowComponent } from './filtering/filter-row.component';
 import { FilterCellComponent } from './filtering/cell/filter-cell.component';
 import { FilterCellTemplateDirective } from './filtering/cell/filter-cell-template.directive';
@@ -108,6 +100,9 @@ import { HeaderComponent } from './rendering/header/header.component';
 import { ColumnHandleDirective } from './column-resizing/column-handle.directive';
 import { CellComponent } from './rendering/cell.component';
 import { BooleanFilterRadioButtonDirective } from './filtering/menu/filter-radio-button.directive';
+import { AddCommandToolbarDirective } from './editing/add-command-tool.directive';
+import { ExcelCommandToolbarDirective } from './excel/excel-command-tool.directive';
+import { PDFCommandToolbarDirective } from './pdf/pdf-command-tool.directive';
 /**
  * @hidden
  * Utility array that contains the former Shared module exports
@@ -143,6 +138,7 @@ export const BODY_EXPORTS = [
     SaveCommandDirective,
     RemoveCommandDirective,
     AddCommandDirective,
+    AddCommandToolbarDirective,
     FooterTemplateDirective
 ];
 /**
@@ -154,20 +150,6 @@ export const HEADER_EXPORTS = [
     HeaderTemplateDirective,
     ColumnHandleDirective
 ];
-/**
- * @hidden
- * Utility array that contains the former Pager module exports
- */
-export const PAGER_EXPORTS = [
-    PagerComponent,
-    PagerPrevButtonsComponent,
-    PagerNextButtonsComponent,
-    PagerNumericButtonsComponent,
-    PagerInputComponent,
-    PagerInfoComponent,
-    PagerPageSizesComponent,
-    PagerTemplateDirective
-];
 /**
  * @hidden
  * Utility array that contains the former SharedFilter module exports
@@ -252,7 +234,8 @@ export const COLUMN_MENU_EXPORTS = [
  */
 export const EXCEL_EXPORTS = [
     ExcelComponent,
-    ExcelCommandDirective
+    ExcelCommandDirective,
+    ExcelCommandToolbarDirective
 ];
 /**
  * @hidden
@@ -262,7 +245,8 @@ export const PDF_EXPORTS = [
     PDFComponent,
     PDFMarginComponent,
     PDFCommandDirective,
-    PDFTemplateDirective
+    PDFTemplateDirective,
+    PDFCommandToolbarDirective
 ];
 /**
  * Utility array that contains all `@progress/kendo-angular-treelist` related components and directives
@@ -284,7 +268,6 @@ export const KENDO_TREELIST = [
     ...SHARED_EXPORTS,
     ...BODY_EXPORTS,
     ...HEADER_EXPORTS,
-    ...PAGER_EXPORTS,
     ...ROW_FILTER_EXPORTS,
     ...FILTER_MENU_EXPORTS,
     ...COLUMN_MENU_EXPORTS

package/{esm2020 → esm2022}/dragdrop/column-reorder-event.mjs

@@ -7,6 +7,20 @@ import { PreventableEvent } from '../common/preventable-event';
  * Arguments for the `columnReorder` event.
  */
 export class ColumnReorderEvent extends PreventableEvent {
+    /**
+     * The reordered column.
+     */
+    column;
+    /**
+     * The new index of the column.
+     * Relative to the collection of columns.
+     */
+    newIndex;
+    /**
+     * The original index of the column before reordering.
+     * Relative to the collection of columns.
+     */
+    oldIndex;
     /**
      * @hidden
      */

package/{esm2020 → esm2022}/dragdrop/column-reorder.service.mjs

@@ -8,15 +8,13 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class ColumnReorderService {
-    constructor() {
-        this.changes = new EventEmitter();
-    }
+    changes = new EventEmitter();
     reorder(e) {
         this.changes.emit(e);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnReorderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnReorderService });
 }
-ColumnReorderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnReorderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ColumnReorderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnReorderService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnReorderService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnReorderService, decorators: [{
             type: Injectable
         }] });

package/{esm2020 → esm2022}/dragdrop/drag-and-drop.service.mjs

@@ -9,11 +9,9 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class DragAndDropService {
-    constructor() {
-        this.changes = new EventEmitter();
-        this.register = [];
-        this.lastTarget = null;
-    }
+    changes = new EventEmitter();
+    register = [];
+    lastTarget = null;
     add(target) {
         this.register.push(target);
     }
@@ -54,9 +52,9 @@ export class DragAndDropService {
         const comparer = contains.bind(null, element);
         return this.register.find(({ element: { nativeElement } }) => comparer(nativeElement));
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragAndDropService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragAndDropService });
 }
-DragAndDropService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragAndDropService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-DragAndDropService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragAndDropService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragAndDropService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragAndDropService, decorators: [{
             type: Injectable
         }] });

package/{esm2020 → esm2022}/dragdrop/drag-hint.service.mjs

@@ -65,10 +65,13 @@ const fontIconsMarkup = (safeTitle) => `
  * @hidden
  */
 export class DragHintService {
+    santizer;
+    iconsService;
+    dom;
+    cancelIcon = cancelIcon;
     constructor(santizer, iconsService) {
         this.santizer = santizer;
         this.iconsService = iconsService;
-        this.cancelIcon = cancelIcon;
     }
     create(title) {
         if (!isDocumentAvailable()) {
@@ -118,9 +121,9 @@ export class DragHintService {
     get isSVG() {
         return (this.iconsService.iconSettings?.type || this.iconsService.changes.value.type) === 'svg';
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragHintService, deps: [{ token: i1.DomSanitizer }, { token: i2.IconsService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragHintService });
 }
-DragHintService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragHintService, deps: [{ token: i1.DomSanitizer }, { token: i2.IconsService }], target: i0.ɵɵFactoryTarget.Injectable });
-DragHintService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragHintService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragHintService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragHintService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.DomSanitizer }, { type: i2.IconsService }]; } });

package/{esm2020 → esm2022}/dragdrop/draggable-column.directive.mjs

@@ -37,6 +37,25 @@ const hideThenShow = (element, cont) => {
  * @hidden
  */
 export class DraggableColumnDirective {
+    draggable;
+    element;
+    zone;
+    service;
+    hint;
+    cue;
+    nav;
+    renderer;
+    context = {};
+    set enableDrag(enabled) {
+        this.enabled = enabled;
+        this.updateTouchAction();
+    }
+    drag = new EventEmitter();
+    get hostClass() {
+        return this.enabled;
+    }
+    subscriptions = new Subscription();
+    enabled;
     constructor(draggable, element, zone, service, hint, cue, nav, renderer) {
         this.draggable = draggable;
         this.element = element;
@@ -46,16 +65,6 @@ export class DraggableColumnDirective {
         this.cue = cue;
         this.nav = nav;
         this.renderer = renderer;
-        this.context = {};
-        this.drag = new EventEmitter();
-        this.subscriptions = new Subscription();
-    }
-    set enableDrag(enabled) {
-        this.enabled = enabled;
-        this.updateTouchAction();
-    }
-    get hostClass() {
-        return this.enabled;
     }
     ngOnInit() {
         this.subscriptions.add(this.zone.runOutsideAngular(() => this.draggable.kendoPress.pipe(filter(_ => this.enabled), filter(({ originalEvent: { target } }) => target === this.element.nativeElement || skipButtons(target)), tap((e) => {
@@ -109,10 +118,10 @@ export class DraggableColumnDirective {
         }
         this.renderer.setStyle(this.element.nativeElement, 'touch-action', this.enabled ? 'none' : '');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DraggableColumnDirective, deps: [{ token: i1.DraggableDirective, host: true }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i2.DragAndDropService }, { token: i3.DragHintService }, { token: i4.DropCueService }, { token: i5.NavigationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DraggableColumnDirective, isStandalone: true, selector: "[kendoDraggableColumn]", inputs: { context: "context", enableDrag: "enableDrag" }, outputs: { drag: "drag" }, host: { properties: { "class.k-grid-draggable-header": "this.hostClass" } }, ngImport: i0 });
 }
-DraggableColumnDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DraggableColumnDirective, deps: [{ token: i1.DraggableDirective, host: true }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i2.DragAndDropService }, { token: i3.DragHintService }, { token: i4.DropCueService }, { token: i5.NavigationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-DraggableColumnDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DraggableColumnDirective, isStandalone: true, selector: "[kendoDraggableColumn]", inputs: { context: "context", enableDrag: "enableDrag" }, outputs: { drag: "drag" }, host: { properties: { "class.k-grid-draggable-header": "this.hostClass" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DraggableColumnDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DraggableColumnDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDraggableColumn]',

package/{esm2020 → esm2022}/dragdrop/drop-cue.service.mjs

@@ -10,6 +10,7 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class DropCueService {
+    dom;
     create() {
         if (!isDocumentAvailable()) {
             return;
@@ -37,9 +38,9 @@ export class DropCueService {
         const width = this.dom.offsetWidth / 2;
         this.dom.style.left = left - width + 'px';
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropCueService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropCueService });
 }
-DropCueService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropCueService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-DropCueService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropCueService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropCueService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropCueService, decorators: [{
             type: Injectable
         }] });

package/{esm2020 → esm2022}/dragdrop/drop-target.directive.mjs

@@ -12,14 +12,16 @@ import * as i1 from "./drag-and-drop.service";
  * @hidden
  */
 export class DropTargetDirective {
+    element;
+    service;
+    context = {};
+    enter = new EventEmitter();
+    leave = new EventEmitter();
+    drop = new EventEmitter();
+    subscriptions = new Subscription();
     constructor(element, service) {
         this.element = element;
         this.service = service;
-        this.context = {};
-        this.enter = new EventEmitter();
-        this.leave = new EventEmitter();
-        this.drop = new EventEmitter();
-        this.subscriptions = new Subscription();
     }
     ngOnInit() {
         this.service.add(this);
@@ -49,10 +51,10 @@ export class DropTargetDirective {
             draggable: e.draggable
         };
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropTargetDirective, deps: [{ token: i0.ElementRef }, { token: i1.DragAndDropService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DropTargetDirective, isStandalone: true, selector: "[kendoDropTarget]", inputs: { context: "context" }, outputs: { enter: "enter", leave: "leave", drop: "drop" }, ngImport: i0 });
 }
-DropTargetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropTargetDirective, deps: [{ token: i0.ElementRef }, { token: i1.DragAndDropService }], target: i0.ɵɵFactoryTarget.Directive });
-DropTargetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DropTargetDirective, isStandalone: true, selector: "[kendoDropTarget]", inputs: { context: "context" }, outputs: { enter: "enter", leave: "leave", drop: "drop" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropTargetDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropTargetDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDropTarget]',

package/esm2022/editing/add-command-tool.directive.mjs

@@ -0,0 +1,63 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { EditService } from './edit.service';
+import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
+import { Subscription } from 'rxjs';
+import { plusIcon } from '@progress/kendo-svg-icons';
+import * as i0 from "@angular/core";
+import * as i1 from "./edit.service";
+import * as i2 from "@progress/kendo-angular-toolbar";
+/**
+ * Represents the command for adding a new item to the TreeList.
+ * You can apply this directive to any `kendo-toolbar-button` element inside a
+ * ToolbarComponent used in the TreeList.
+ *
+ * When the user clicks the toolbar button that is associated with the directive, the
+ * [add]({% slug api_treelist_treelistcomponent %}#toc-add) event is triggered.
+ *
+ * @example
+ * ```html-no-run
+ * <kendo-grid>
+ *      <kendo-toolbar>
+ *         <kendo-toolbar-button text="Add new" kendoTreeListAddTool></kendo-toolbar-button>
+ *      </kendo-toolbar>
+ * </kendo-grid>
+ * ```
+ */
+export class AddCommandToolbarDirective {
+    editService;
+    host;
+    clickSub = new Subscription();
+    constructor(editService, host) {
+        this.editService = editService;
+        this.host = host;
+    }
+    ngOnInit() {
+        this.clickSub = this.host.click.subscribe(e => this.onClick(e));
+        this.host.className = 'k-grid-add-command';
+        this.host.svgIcon = plusIcon;
+        this.host.icon = 'plus';
+    }
+    ngOnDestroy() {
+        this.clickSub.unsubscribe();
+    }
+    /**
+     * @hidden
+     */
+    onClick(e) {
+        e.preventDefault();
+        this.editService.beginAdd();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AddCommandToolbarDirective, deps: [{ token: i1.EditService }, { token: i2.ToolBarButtonComponent }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: AddCommandToolbarDirective, isStandalone: true, selector: "[kendoTreeListAddTool]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AddCommandToolbarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoTreeListAddTool]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i1.EditService }, { type: i2.ToolBarButtonComponent }]; } });

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

@@ -36,17 +36,20 @@ import * as i2 from "@progress/kendo-angular-l10n";
  * ```
  */
 export class AddCommandDirective 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() {
         this.editService.beginAdd(this.dataItem);
     }
-}
-AddCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AddCommandDirective, deps: [{ token: i1.EditService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-AddCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AddCommandDirective, isStandalone: true, selector: "[kendoTreeListAddCommand]", inputs: { cellContext: ["kendoTreeListAddCommand", "cellContext"] }, host: { properties: { "class.k-grid-add-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AddCommandDirective, 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: AddCommandDirective, isStandalone: true, selector: "[kendoTreeListAddCommand]", inputs: { cellContext: ["kendoTreeListAddCommand", "cellContext"] }, host: { properties: { "class.k-grid-add-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-icon-wrapper
             *ngIf="icon || svgIcon"
             innerCssClass="k-button-icon"
@@ -58,7 +61,8 @@ AddCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
         <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: AddCommandDirective, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AddCommandDirective, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendoTreeListAddCommand]',

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

@@ -15,10 +15,7 @@ import * as i2 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class BaseCommandDirective extends Button {
-    constructor(editService, element, renderer, localization, ngZone) {
-        super(element, renderer, null, localization, ngZone);
-        this.editService = editService;
-    }
+    editService;
     /**
      * @hidden
      */
@@ -42,9 +39,12 @@ export class BaseCommandDirective extends Button {
         e.preventDefault();
         this.onClick();
     }
-}
-BaseCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BaseCommandDirective, deps: [{ token: i1.EditService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BaseCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BaseCommandDirective, isStandalone: true, selector: "[kendoTreeListBaseCommand]", host: { listeners: { "click": "clickHandler($event)" }, properties: { "style.display": "this.visible" } }, usesInheritance: true, ngImport: i0, template: `
+    constructor(editService, element, renderer, localization, ngZone) {
+        super(element, renderer, null, localization, ngZone);
+        this.editService = editService;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseCommandDirective, 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: BaseCommandDirective, isStandalone: true, selector: "[kendoTreeListBaseCommand]", host: { listeners: { "click": "clickHandler($event)" }, properties: { "style.display": "this.visible" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-icon-wrapper
             *ngIf="icon || svgIcon"
             innerCssClass="k-button-icon"
@@ -56,7 +56,8 @@ BaseCommandDirective.ɵ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: BaseCommandDirective, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseCommandDirective, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendoTreeListBaseCommand]',

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

@@ -33,10 +33,14 @@ import * as i2 from "@progress/kendo-angular-l10n";
  * ```
  */
 export class CancelCommandDirective 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) {
@@ -44,9 +48,8 @@ export class CancelCommandDirective extends BaseCommandDirective {
             this.editService.endEdit(viewItem.data, viewItem.isNew);
         }
     }
-}
-CancelCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CancelCommandDirective, deps: [{ token: i1.EditService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-CancelCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CancelCommandDirective, isStandalone: true, selector: "[kendoTreeListCancelCommand]", inputs: { cellContext: ["kendoTreeListCancelCommand", "cellContext"] }, host: { properties: { "class.k-grid-cancel-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CancelCommandDirective, 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: CancelCommandDirective, isStandalone: true, selector: "[kendoTreeListCancelCommand]", inputs: { cellContext: ["kendoTreeListCancelCommand", "cellContext"] }, host: { properties: { "class.k-grid-cancel-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-icon-wrapper
             *ngIf="icon || svgIcon"
             innerCssClass="k-button-icon"
@@ -58,7 +61,8 @@ CancelCommandDirective.ɵ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: CancelCommandDirective, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CancelCommandDirective, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendoTreeListCancelCommand]',

package/{esm2020 → esm2022}/editing/cell-close-event.mjs

@@ -7,12 +7,28 @@ import { PreventableEvent } from '../common/preventable-event';
  * Arguments for the `cellClose` event.
  */
 export class CellCloseEvent extends PreventableEvent {
+    isNew;
+    dataItem;
+    sender;
+    /**
+     * @hidden
+     */
+    action = 'cellClose';
+    /**
+     * The TreeList column that will be closed.
+     */
+    column;
+    /**
+     * The [`FormGroup`](link:site.data.urls.angular['formgroupapi']) that is used to edit the cell which will be closed.
+     */
+    formGroup;
+    /**
+     * The DOM event that caused the `cellClose` event.
+     * May not be present if `cellClose` was caused by an API call.
+     */
+    originalEvent;
     constructor(options) {
         super();
-        /**
-         * @hidden
-         */
-        this.action = 'cellClose';
         Object.assign(this, options);
     }
 }

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

@@ -34,19 +34,22 @@ import * as i2 from "@progress/kendo-angular-l10n";
  *
  */
 export class EditCommandDirective 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.beginEdit(this.dataItem);
         }
     }
-}
-EditCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditCommandDirective, deps: [{ token: i1.EditService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-EditCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: EditCommandDirective, isStandalone: true, selector: "[kendoTreeListEditCommand]", inputs: { cellContext: ["kendoTreeListEditCommand", "cellContext"] }, host: { properties: { "class.k-grid-edit-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditCommandDirective, 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: EditCommandDirective, isStandalone: true, selector: "[kendoTreeListEditCommand]", inputs: { cellContext: ["kendoTreeListEditCommand", "cellContext"] }, host: { properties: { "class.k-grid-edit-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-icon-wrapper
             *ngIf="icon || svgIcon"
             innerCssClass="k-button-icon"
@@ -58,7 +61,8 @@ EditCommandDirective.ɵ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: EditCommandDirective, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditCommandDirective, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendoTreeListEditCommand]',

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

@@ -29,13 +29,14 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class EditTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: EditTemplateDirective, isStandalone: true, selector: "[kendoTreeListEditTemplate]", ngImport: i0 });
 }
-EditTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-EditTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: EditTemplateDirective, isStandalone: true, selector: "[kendoTreeListEditTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTreeListEditTemplate]',

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

@@ -13,20 +13,25 @@ const identity = item => item;
  * @hidden
  */
 export class EditService {
+    ngZone;
+    changes = new EventEmitter();
+    changed;
+    get newItemGroup() {
+        return this.newItem ? this.newItem.group : null;
+    }
+    newItem;
+    idGetter = identity;
+    // Maps IDs to edited rows
+    edited = new Map();
+    keepEditCell = false;
+    keepCellTimeout;
+    column;
+    closingCell = false;
+    changedSource = new Subject();
     constructor(ngZone) {
         this.ngZone = ngZone;
-        this.changes = new EventEmitter();
-        this.idGetter = identity;
-        // Maps IDs to edited rows
-        this.edited = new Map();
-        this.keepEditCell = false;
-        this.closingCell = false;
-        this.changedSource = new Subject();
         this.changed = this.changedSource.asObservable().pipe(switchMap(() => this.ngZone.onStable.asObservable().pipe(take(1))));
     }
-    get newItemGroup() {
-        return this.newItem ? this.newItem.group : null;
-    }
     editRow(dataItem, group = undefined) {
         this.edited.set(this.idGetter(dataItem), {
             group,
@@ -161,9 +166,9 @@ export class EditService {
             return this.edited.values().next().value;
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditService });
 }
-EditService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-EditService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.NgZone }]; } });