@progress/kendo-angular-treelist 19.2.0-develop.7 → 19.2.0-develop.9

package/columns/column-base.d.ts

@@ -53,6 +53,10 @@ export declare class ColumnBase implements OnChanges {
      * @hidden
      */
     isSpanColumn: boolean;
+    /**
+     * @hidden
+     */
+    get id(): string;
     /**
      * Indicates whether the column is resizable.
      * @default true
@@ -213,6 +217,7 @@ export declare class ColumnBase implements OnChanges {
      * @hidden
      */
     get isEditable(): boolean;
+    private _id;
     /**
      * @hidden
      */

package/esm2022/columns/column-base.mjs

@@ -9,6 +9,7 @@ import { FooterTemplateDirective } from '../rendering/footer-template.directive'
 import { HeaderTemplateDirective } from '../rendering/header/header-template.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "../common/option-changes.service";
+let columnId = 0;
 /**
  * @hidden
  */
@@ -59,6 +60,12 @@ export class ColumnBase {
      * @hidden
      */
     isSpanColumn = false;
+    /**
+     * @hidden
+     */
+    get id() {
+        return this._id;
+    }
     /**
      * Indicates whether the column is resizable.
      * @default true
@@ -238,6 +245,7 @@ export class ColumnBase {
     get isEditable() {
         return false;
     }
+    _id;
     /**
      * @hidden
      */
@@ -247,6 +255,7 @@ export class ColumnBase {
         if (parent && !isColumnContainer(parent)) {
             throw new Error('Columns can be nested only inside ColumnGroupComponent');
         }
+        this._id = `k-grid-column-${columnId++}`;
     }
     ngOnChanges(_changes) {
         if (this.optionChanges) {

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1751023002,
-    version: '19.2.0-develop.7',
+    publishDate: 1751035961,
+    version: '19.2.0-develop.9',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2022/rendering/header/header.component.mjs

@@ -249,9 +249,9 @@ export class HeaderComponent {
             const reorderDirectionOffset = reorderDirection * rtlMultiplier;
             const newIndex = column.leafIndex + reorderDirectionOffset;
             const normalizedNewIndex = Math.min(Math.max(0, newIndex), columnsCount - 1);
-            const gridInstance = this.contextService.treelist;
-            gridInstance.reorderColumn(column, normalizedNewIndex, { before: reorderDirectionOffset < 0 });
-            gridInstance.columnReorder.emit(new ColumnReorderEvent({
+            const treelistInstance = this.contextService.treelist;
+            treelistInstance.reorderColumn(column, normalizedNewIndex, { before: reorderDirectionOffset < 0 });
+            treelistInstance.columnReorder.emit(new ColumnReorderEvent({
                 column,
                 newIndex: normalizedNewIndex,
                 oldIndex: column.leafIndex

package/esm2022/rendering/list.component.mjs

@@ -298,6 +298,33 @@ export class ListComponent {
             args.preventDefault();
         }
     }
+    updateViewportColumns(range) {
+        const columns = this.columns.nonLockedLeafColumns.toArray();
+        // eslint-disable-next-line prefer-const
+        let { startIdx, endIdx, offset } = range || this.calculateViewportColumns();
+        const start = Math.max(0, startIdx - bufferSize);
+        const end = Math.min(endIdx + bufferSize, columns.length - 1);
+        if (start < startIdx) {
+            for (let idx = startIdx - 1; idx >= start; idx--) {
+                offset -= columns[idx].width;
+            }
+        }
+        const currentColumns = columns.slice(start, end + 1);
+        this.viewportColumnsWidth = currentColumns.reduce((total, column) => total + column.width, 0);
+        if (start > 0) {
+            const offsetColumn = new ColumnBase();
+            offsetColumn.width = offset;
+            currentColumns.unshift(offsetColumn);
+        }
+        this.viewportColumns = new QueryList();
+        this.viewportColumns.reset(currentColumns);
+        this.columnsStartIdx = start;
+        this.columnsEndIdx = end;
+        this.columnInfo.columnRangeChange.emit({ start, end, offset });
+        if (!range) {
+            this.updateColumnViewport(startIdx, endIdx);
+        }
+    }
     attachContainerScroll() {
         if (isUniversal()) {
             return;
@@ -458,33 +485,6 @@ export class ListComponent {
         })
             .forEach(setHeight(this.renderer));
     }
-    updateViewportColumns(range) {
-        const columns = this.columns.nonLockedLeafColumns.toArray();
-        // eslint-disable-next-line prefer-const
-        let { startIdx, endIdx, offset } = range || this.calculateViewportColumns();
-        const start = Math.max(0, startIdx - bufferSize);
-        const end = Math.min(endIdx + bufferSize, columns.length - 1);
-        if (start < startIdx) {
-            for (let idx = startIdx - 1; idx >= start; idx--) {
-                offset -= columns[idx].width;
-            }
-        }
-        const currentColumns = columns.slice(start, end + 1);
-        this.viewportColumnsWidth = currentColumns.reduce((total, column) => total + column.width, 0);
-        if (start > 0) {
-            const offsetColumn = new ColumnBase();
-            offsetColumn.width = offset;
-            currentColumns.unshift(offsetColumn);
-        }
-        this.viewportColumns = new QueryList();
-        this.viewportColumns.reset(currentColumns);
-        this.columnsStartIdx = start;
-        this.columnsEndIdx = end;
-        this.columnInfo.columnRangeChange.emit({ start, end, offset });
-        if (!range) {
-            this.updateColumnViewport(startIdx, endIdx);
-        }
-    }
     handleColumnScroll() {
         const container = this.container.nativeElement;
         const scrollLeft = container.scrollLeft;

package/esm2022/treelist.component.mjs

@@ -655,6 +655,7 @@ export class TreeListComponent {
     ariaRoot;
     dragTargetContainer;
     dropTargetContainer;
+    listComponent;
     get scrollbarWidth() {
         return this.supportService.scrollbarWidth;
     }
@@ -1454,6 +1455,9 @@ export class TreeListComponent {
             }
             this.columnOrderChange.emit(args);
             this.columnsContainer.refresh();
+            if (this.virtualColumns) {
+                this.listComponent.updateViewportColumns();
+            }
             this.changeDetectorRef.markForCheck();
         });
     }
@@ -1782,8 +1786,8 @@ export class TreeListComponent {
     }
     onColumnRangeChange(range) {
         const viewportColumns = this.viewportColumns = [];
-        const leafViewportColumns = this.columnsContainer
-            .nonLockedLeafColumns.toArray().slice(range.start, range.end + 1);
+        const columnsArray = this.columnsContainer.nonLockedLeafColumns.toArray();
+        const leafViewportColumns = columnsArray.slice(range.start, range.end + 1);
         for (let idx = 0; idx < leafViewportColumns.length; idx++) {
             let column = leafViewportColumns[idx];
             while (column.parent) {
@@ -1794,7 +1798,8 @@ export class TreeListComponent {
                 column = toAdd.shift();
                 viewportColumns.push(column);
                 if (column.isColumnGroup) {
-                    toAdd.unshift(...column.childrenArray);
+                    const children = columnsArray.filter(c => c.parent && c.parent.id === column.id);
+                    toAdd.unshift(...children);
                 }
             }
             const lastFromGroup = viewportColumns[viewportColumns.length - 1];
@@ -1893,7 +1898,7 @@ export class TreeListComponent {
             },
             ContextService,
             RowReorderService
-        ], queries: [{ propertyName: "columns", predicate: ColumnBase }, { propertyName: "noRecordsTemplateChildren", predicate: NoRecordsTemplateDirective }, { propertyName: "pagerTemplateChildren", predicate: PagerTemplateDirective }, { propertyName: "toolbarTemplateChildren", predicate: ToolbarTemplateDirective }, { propertyName: "columnMenuTemplates", predicate: ColumnMenuTemplateDirective }], viewQueries: [{ propertyName: "lockedHeader", first: true, predicate: ["lockedHeader"], descendants: true }, { propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "ariaRoot", first: true, predicate: ["ariaRoot"], descendants: true, static: true }, { propertyName: "dragTargetContainer", first: true, predicate: DragTargetContainerDirective, descendants: true }, { propertyName: "dropTargetContainer", first: true, predicate: DropTargetContainerDirective, descendants: true }, { propertyName: "footer", predicate: ["footer"], descendants: true }], exportAs: ["kendoTreeList"], usesOnChanges: true, ngImport: i0, template: `
+        ], queries: [{ propertyName: "columns", predicate: ColumnBase }, { propertyName: "noRecordsTemplateChildren", predicate: NoRecordsTemplateDirective }, { propertyName: "pagerTemplateChildren", predicate: PagerTemplateDirective }, { propertyName: "toolbarTemplateChildren", predicate: ToolbarTemplateDirective }, { propertyName: "columnMenuTemplates", predicate: ColumnMenuTemplateDirective }], viewQueries: [{ propertyName: "lockedHeader", first: true, predicate: ["lockedHeader"], descendants: true }, { propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "ariaRoot", first: true, predicate: ["ariaRoot"], descendants: true, static: true }, { propertyName: "dragTargetContainer", first: true, predicate: DragTargetContainerDirective, descendants: true }, { propertyName: "dropTargetContainer", first: true, predicate: DropTargetContainerDirective, descendants: true }, { propertyName: "listComponent", first: true, predicate: ListComponent, descendants: true }, { propertyName: "footer", predicate: ["footer"], descendants: true }], exportAs: ["kendoTreeList"], usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoTreeListLocalizedMessages
             i18n-noRecords="kendo.treelist.noRecords|The label visible in the TreeList when there are no records"
             noRecords="No records available."
@@ -3047,6 +3052,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], dropTargetContainer: [{
                 type: ViewChild,
                 args: [DropTargetContainerDirective]
+            }], listComponent: [{
+                type: ViewChild,
+                args: [ListComponent]
             }], fetchChildren: [{
                 type: Input
             }], hasChildren: [{

package/fesm2022/progress-kendo-angular-treelist.mjs

@@ -49,8 +49,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1751023002,
-    version: '19.2.0-develop.7',
+    publishDate: 1751035961,
+    version: '19.2.0-develop.9',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -279,6 +279,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     type: Optional
                 }] }]; } });
 
+let columnId = 0;
 /**
  * @hidden
  */
@@ -329,6 +330,12 @@ class ColumnBase {
      * @hidden
      */
     isSpanColumn = false;
+    /**
+     * @hidden
+     */
+    get id() {
+        return this._id;
+    }
     /**
      * Indicates whether the column is resizable.
      * @default true
@@ -508,6 +515,7 @@ class ColumnBase {
     get isEditable() {
         return false;
     }
+    _id;
     /**
      * @hidden
      */
@@ -517,6 +525,7 @@ class ColumnBase {
         if (parent && !isColumnContainer(parent)) {
             throw new Error('Columns can be nested only inside ColumnGroupComponent');
         }
+        this._id = `k-grid-column-${columnId++}`;
     }
     ngOnChanges(_changes) {
         if (this.optionChanges) {
@@ -7984,6 +7993,33 @@ class ListComponent {
             args.preventDefault();
         }
     }
+    updateViewportColumns(range) {
+        const columns = this.columns.nonLockedLeafColumns.toArray();
+        // eslint-disable-next-line prefer-const
+        let { startIdx, endIdx, offset } = range || this.calculateViewportColumns();
+        const start = Math.max(0, startIdx - bufferSize);
+        const end = Math.min(endIdx + bufferSize, columns.length - 1);
+        if (start < startIdx) {
+            for (let idx = startIdx - 1; idx >= start; idx--) {
+                offset -= columns[idx].width;
+            }
+        }
+        const currentColumns = columns.slice(start, end + 1);
+        this.viewportColumnsWidth = currentColumns.reduce((total, column) => total + column.width, 0);
+        if (start > 0) {
+            const offsetColumn = new ColumnBase();
+            offsetColumn.width = offset;
+            currentColumns.unshift(offsetColumn);
+        }
+        this.viewportColumns = new QueryList();
+        this.viewportColumns.reset(currentColumns);
+        this.columnsStartIdx = start;
+        this.columnsEndIdx = end;
+        this.columnInfo.columnRangeChange.emit({ start, end, offset });
+        if (!range) {
+            this.updateColumnViewport(startIdx, endIdx);
+        }
+    }
     attachContainerScroll() {
         if (isUniversal()) {
             return;
@@ -8144,33 +8180,6 @@ class ListComponent {
         })
             .forEach(setHeight(this.renderer));
     }
-    updateViewportColumns(range) {
-        const columns = this.columns.nonLockedLeafColumns.toArray();
-        // eslint-disable-next-line prefer-const
-        let { startIdx, endIdx, offset } = range || this.calculateViewportColumns();
-        const start = Math.max(0, startIdx - bufferSize);
-        const end = Math.min(endIdx + bufferSize, columns.length - 1);
-        if (start < startIdx) {
-            for (let idx = startIdx - 1; idx >= start; idx--) {
-                offset -= columns[idx].width;
-            }
-        }
-        const currentColumns = columns.slice(start, end + 1);
-        this.viewportColumnsWidth = currentColumns.reduce((total, column) => total + column.width, 0);
-        if (start > 0) {
-            const offsetColumn = new ColumnBase();
-            offsetColumn.width = offset;
-            currentColumns.unshift(offsetColumn);
-        }
-        this.viewportColumns = new QueryList();
-        this.viewportColumns.reset(currentColumns);
-        this.columnsStartIdx = start;
-        this.columnsEndIdx = end;
-        this.columnInfo.columnRangeChange.emit({ start, end, offset });
-        if (!range) {
-            this.updateColumnViewport(startIdx, endIdx);
-        }
-    }
     handleColumnScroll() {
         const container = this.container.nativeElement;
         const scrollLeft = container.scrollLeft;
@@ -14963,9 +14972,9 @@ class HeaderComponent {
             const reorderDirectionOffset = reorderDirection * rtlMultiplier;
             const newIndex = column.leafIndex + reorderDirectionOffset;
             const normalizedNewIndex = Math.min(Math.max(0, newIndex), columnsCount - 1);
-            const gridInstance = this.contextService.treelist;
-            gridInstance.reorderColumn(column, normalizedNewIndex, { before: reorderDirectionOffset < 0 });
-            gridInstance.columnReorder.emit(new ColumnReorderEvent({
+            const treelistInstance = this.contextService.treelist;
+            treelistInstance.reorderColumn(column, normalizedNewIndex, { before: reorderDirectionOffset < 0 });
+            treelistInstance.columnReorder.emit(new ColumnReorderEvent({
                 column,
                 newIndex: normalizedNewIndex,
                 oldIndex: column.leafIndex
@@ -16852,6 +16861,7 @@ class TreeListComponent {
     ariaRoot;
     dragTargetContainer;
     dropTargetContainer;
+    listComponent;
     get scrollbarWidth() {
         return this.supportService.scrollbarWidth;
     }
@@ -17651,6 +17661,9 @@ class TreeListComponent {
             }
             this.columnOrderChange.emit(args);
             this.columnsContainer.refresh();
+            if (this.virtualColumns) {
+                this.listComponent.updateViewportColumns();
+            }
             this.changeDetectorRef.markForCheck();
         });
     }
@@ -17979,8 +17992,8 @@ class TreeListComponent {
     }
     onColumnRangeChange(range) {
         const viewportColumns = this.viewportColumns = [];
-        const leafViewportColumns = this.columnsContainer
-            .nonLockedLeafColumns.toArray().slice(range.start, range.end + 1);
+        const columnsArray = this.columnsContainer.nonLockedLeafColumns.toArray();
+        const leafViewportColumns = columnsArray.slice(range.start, range.end + 1);
         for (let idx = 0; idx < leafViewportColumns.length; idx++) {
             let column = leafViewportColumns[idx];
             while (column.parent) {
@@ -17991,7 +18004,8 @@ class TreeListComponent {
                 column = toAdd.shift();
                 viewportColumns.push(column);
                 if (column.isColumnGroup) {
-                    toAdd.unshift(...column.childrenArray);
+                    const children = columnsArray.filter(c => c.parent && c.parent.id === column.id);
+                    toAdd.unshift(...children);
                 }
             }
             const lastFromGroup = viewportColumns[viewportColumns.length - 1];
@@ -18090,7 +18104,7 @@ class TreeListComponent {
             },
             ContextService,
             RowReorderService
-        ], queries: [{ propertyName: "columns", predicate: ColumnBase }, { propertyName: "noRecordsTemplateChildren", predicate: NoRecordsTemplateDirective }, { propertyName: "pagerTemplateChildren", predicate: PagerTemplateDirective }, { propertyName: "toolbarTemplateChildren", predicate: ToolbarTemplateDirective }, { propertyName: "columnMenuTemplates", predicate: ColumnMenuTemplateDirective }], viewQueries: [{ propertyName: "lockedHeader", first: true, predicate: ["lockedHeader"], descendants: true }, { propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "ariaRoot", first: true, predicate: ["ariaRoot"], descendants: true, static: true }, { propertyName: "dragTargetContainer", first: true, predicate: DragTargetContainerDirective, descendants: true }, { propertyName: "dropTargetContainer", first: true, predicate: DropTargetContainerDirective, descendants: true }, { propertyName: "footer", predicate: ["footer"], descendants: true }], exportAs: ["kendoTreeList"], usesOnChanges: true, ngImport: i0, template: `
+        ], queries: [{ propertyName: "columns", predicate: ColumnBase }, { propertyName: "noRecordsTemplateChildren", predicate: NoRecordsTemplateDirective }, { propertyName: "pagerTemplateChildren", predicate: PagerTemplateDirective }, { propertyName: "toolbarTemplateChildren", predicate: ToolbarTemplateDirective }, { propertyName: "columnMenuTemplates", predicate: ColumnMenuTemplateDirective }], viewQueries: [{ propertyName: "lockedHeader", first: true, predicate: ["lockedHeader"], descendants: true }, { propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "ariaRoot", first: true, predicate: ["ariaRoot"], descendants: true, static: true }, { propertyName: "dragTargetContainer", first: true, predicate: DragTargetContainerDirective, descendants: true }, { propertyName: "dropTargetContainer", first: true, predicate: DropTargetContainerDirective, descendants: true }, { propertyName: "listComponent", first: true, predicate: ListComponent, descendants: true }, { propertyName: "footer", predicate: ["footer"], descendants: true }], exportAs: ["kendoTreeList"], usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoTreeListLocalizedMessages
             i18n-noRecords="kendo.treelist.noRecords|The label visible in the TreeList when there are no records"
             noRecords="No records available."
@@ -19244,6 +19258,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], dropTargetContainer: [{
                 type: ViewChild,
                 args: [DropTargetContainerDirective]
+            }], listComponent: [{
+                type: ViewChild,
+                args: [ListComponent]
             }], fetchChildren: [{
                 type: Input
             }], hasChildren: [{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-treelist",
-  "version": "19.2.0-develop.7",
+  "version": "19.2.0-develop.9",
   "description": "Kendo UI TreeList for Angular - Display hierarchical data in an Angular tree grid view that supports sorting, filtering, paging, and much more.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -24,7 +24,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1751023002,
+      "publishDate": 1751035961,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -37,26 +37,26 @@
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-drawing": "^1.21.0",
     "@progress/kendo-licensing": "^1.5.0",
-    "@progress/kendo-angular-buttons": "19.2.0-develop.7",
-    "@progress/kendo-angular-common": "19.2.0-develop.7",
-    "@progress/kendo-angular-dateinputs": "19.2.0-develop.7",
-    "@progress/kendo-angular-dropdowns": "19.2.0-develop.7",
-    "@progress/kendo-angular-excel-export": "19.2.0-develop.7",
-    "@progress/kendo-angular-icons": "19.2.0-develop.7",
-    "@progress/kendo-angular-inputs": "19.2.0-develop.7",
-    "@progress/kendo-angular-intl": "19.2.0-develop.7",
-    "@progress/kendo-angular-l10n": "19.2.0-develop.7",
-    "@progress/kendo-angular-label": "19.2.0-develop.7",
-    "@progress/kendo-angular-pager": "19.2.0-develop.7",
-    "@progress/kendo-angular-pdf-export": "19.2.0-develop.7",
-    "@progress/kendo-angular-popup": "19.2.0-develop.7",
-    "@progress/kendo-angular-toolbar": "19.2.0-develop.7",
-    "@progress/kendo-angular-utils": "19.2.0-develop.7",
+    "@progress/kendo-angular-buttons": "19.2.0-develop.9",
+    "@progress/kendo-angular-common": "19.2.0-develop.9",
+    "@progress/kendo-angular-dateinputs": "19.2.0-develop.9",
+    "@progress/kendo-angular-dropdowns": "19.2.0-develop.9",
+    "@progress/kendo-angular-excel-export": "19.2.0-develop.9",
+    "@progress/kendo-angular-icons": "19.2.0-develop.9",
+    "@progress/kendo-angular-inputs": "19.2.0-develop.9",
+    "@progress/kendo-angular-intl": "19.2.0-develop.9",
+    "@progress/kendo-angular-l10n": "19.2.0-develop.9",
+    "@progress/kendo-angular-label": "19.2.0-develop.9",
+    "@progress/kendo-angular-pager": "19.2.0-develop.9",
+    "@progress/kendo-angular-pdf-export": "19.2.0-develop.9",
+    "@progress/kendo-angular-popup": "19.2.0-develop.9",
+    "@progress/kendo-angular-toolbar": "19.2.0-develop.9",
+    "@progress/kendo-angular-utils": "19.2.0-develop.9",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "19.2.0-develop.7",
+    "@progress/kendo-angular-schematics": "19.2.0-develop.9",
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-file-saver": "^1.0.0"
   },

package/rendering/list.component.d.ts

@@ -114,6 +114,7 @@ export declare class ListComponent implements OnInit, OnDestroy, AfterViewInit,
     lockedScroll(): void;
     lockedMousewheel(args: any): void;
     lockedKeydown(args: any): void;
+    updateViewportColumns(range?: any): void;
     private attachContainerScroll;
     private createScroller;
     private scroll;
@@ -126,7 +127,6 @@ export declare class ListComponent implements OnInit, OnDestroy, AfterViewInit,
     private cleanupScroller;
     private initResizeService;
     private syncContainerHeight;
-    private updateViewportColumns;
     private handleColumnScroll;
     private updateColumnViewport;
     private calculateViewportColumns;

package/schematics/ngAdd/index.js

@@ -4,13 +4,13 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'TreeListModule', package: 'treelist', peerDependencies: {
             // peer dep of the dropdowns
-            '@progress/kendo-angular-treeview': '19.2.0-develop.7',
+            '@progress/kendo-angular-treeview': '19.2.0-develop.9',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '19.2.0-develop.7',
+            '@progress/kendo-angular-dialog': '19.2.0-develop.9',
             // peer dependency of kendo-angular-icons
             '@progress/kendo-svg-icons': '^4.0.0',
             // peer dependency of kendo-angular-dateinputs
-            '@progress/kendo-angular-navigation': '19.2.0-develop.7',
+            '@progress/kendo-angular-navigation': '19.2.0-develop.9',
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }

package/treelist.component.d.ts

@@ -64,6 +64,7 @@ import { IsSelectedFn } from './selection/is-selected';
 import { ContextService } from './common/provider.service';
 import { RowReorderEvent } from './row-reordering/types';
 import { RowReorderService } from './row-reordering/row-reorder.service';
+import { ListComponent } from './rendering/list.component';
 import { PagerTemplateDirective } from '@progress/kendo-angular-pager';
 import { PagerSettings } from './common/pager-settings';
 import * as i0 from "@angular/core";
@@ -462,6 +463,7 @@ export declare class TreeListComponent implements AfterContentInit, AfterViewIni
     ariaRoot: ElementRef;
     dragTargetContainer: DragTargetContainerDirective;
     dropTargetContainer: DropTargetContainerDirective;
+    listComponent: ListComponent;
     get scrollbarWidth(): number;
     get headerPadding(): any;
     columnMenuOptions: any;