@progress/kendo-angular-treelist 17.0.0-develop.21 → 17.0.0-develop.22

package/{esm2020 → esm2022}/data/change-notification.service.mjs

@@ -9,9 +9,11 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class ChangeNotificationService {
+    ngZone;
+    changes = new EventEmitter();
+    subscription;
     constructor(ngZone) {
         this.ngZone = ngZone;
-        this.changes = new EventEmitter();
     }
     notify() {
         if (!this.subscription || this.subscription.closed) {
@@ -20,9 +22,9 @@ export class ChangeNotificationService {
                 .subscribe(() => this.changes.emit());
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChangeNotificationService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChangeNotificationService });
 }
-ChangeNotificationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChangeNotificationService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-ChangeNotificationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChangeNotificationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChangeNotificationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChangeNotificationService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.NgZone }]; } });

package/{esm2020 → esm2022}/data/data.collection.mjs

@@ -44,11 +44,10 @@ function loadView(view, subject) {
 }
 const LOADING = 'loading';
 class ViewRange {
-    constructor(skip, pageSize, pageable) {
-        this.skip = skip;
-        this.pageSize = pageSize;
-        this.pageable = pageable;
-    }
+    skip;
+    pageSize;
+    pageable;
+    expandAll;
     static create(options) {
         const { skip, pageSize, pageable, isVirtual } = options;
         let rangeType = ViewRange;
@@ -62,6 +61,11 @@ class ViewRange {
         }
         return new rangeType(skip, pageSize, pageable);
     }
+    constructor(skip, pageSize, pageable) {
+        this.skip = skip;
+        this.pageSize = pageSize;
+        this.pageable = pageable;
+    }
     inRange(_index, _rowIndex) {
         return true;
     }
@@ -76,9 +80,9 @@ function isPagerSettings(pageable) {
     return typeof pageable === 'object';
 }
 class PagerRange extends ViewRange {
+    expandAll = true;
     constructor(skip, pageSize, pageable) {
         super(skip, pageSize, pageable);
-        this.expandAll = true;
         if (isPagerSettings(pageable)) {
             this.expandAll = pageable.countChildren !== false;
         }
@@ -110,14 +114,26 @@ class VirtualRange extends ViewRange {
  * @hidden
  */
 export class ViewItemFactory {
+    expandState;
+    editState;
+    selectionState;
+    loaded;
+    fieldAccessor;
+    observables = [];
+    rowIndex = 0;
+    rootLevel;
+    fetchChildren;
+    hasChildren;
+    idGetter;
+    hasFooter;
+    viewRange;
+    offsetFirst;
     constructor(expandState, editState, selectionState, loaded, fieldAccessor, rootItem) {
         this.expandState = expandState;
         this.editState = editState;
         this.selectionState = selectionState;
         this.loaded = loaded;
         this.fieldAccessor = fieldAccessor;
-        this.observables = [];
-        this.rowIndex = 0;
         const options = this.fieldAccessor();
         this.fetchChildren = options.fetchChildren;
         this.hasChildren = options.hasChildren;
@@ -276,21 +292,21 @@ export class ViewItemFactory {
  * @hidden
  */
 export class ViewCollection {
-    constructor(fieldAccessor, expandState, editState, selectionState) {
-        this.fieldAccessor = fieldAccessor;
-        this.expandState = expandState;
-        this.editState = editState;
-        this.selectionState = selectionState;
-        this.childrenLoaded = new EventEmitter();
-        this.dataLoaded = new EventEmitter();
-        this.resetPage = new EventEmitter();
-        this.total = 0;
-        this.totalVisible = 0;
-        this.loaded = new Map();
-        this.loading = false;
-        this._totalRows = 0;
-        this.loadingCount = 0;
-    }
+    fieldAccessor;
+    expandState;
+    editState;
+    selectionState;
+    childrenLoaded = new EventEmitter();
+    dataLoaded = new EventEmitter();
+    resetPage = new EventEmitter();
+    total = 0;
+    totalVisible = 0;
+    loaded = new Map();
+    loading = false;
+    _totalRows = 0;
+    loadingCount = 0;
+    childrenSubscription;
+    _data;
     static loadView(options) {
         const subject = new BehaviorSubject(null);
         const viewFields = () => Object.assign({
@@ -318,6 +334,12 @@ export class ViewCollection {
         }
         return this._data;
     }
+    constructor(fieldAccessor, expandState, editState, selectionState) {
+        this.fieldAccessor = fieldAccessor;
+        this.expandState = expandState;
+        this.editState = editState;
+        this.selectionState = selectionState;
+    }
     get length() {
         return this.data.length;
     }

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/{esm2020 → esm2022}/editing/add-command-tool.directive.mjs

@@ -28,10 +28,12 @@ import * as i2 from "@progress/kendo-angular-toolbar";
  * ```
  */
 export class AddCommandToolbarDirective {
+    editService;
+    host;
+    clickSub = new Subscription();
     constructor(editService, host) {
         this.editService = editService;
         this.host = host;
-        this.clickSub = new Subscription();
     }
     ngOnInit() {
         this.clickSub = this.host.click.subscribe(e => this.onClick(e));
@@ -49,10 +51,10 @@ export class AddCommandToolbarDirective {
         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 });
 }
-AddCommandToolbarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AddCommandToolbarDirective, deps: [{ token: i1.EditService }, { token: i2.ToolBarButtonComponent }], target: i0.ɵɵFactoryTarget.Directive });
-AddCommandToolbarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: AddCommandToolbarDirective, isStandalone: true, selector: "[kendoTreeListAddTool]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AddCommandToolbarDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AddCommandToolbarDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTreeListAddTool]',

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]',