@progress/kendo-angular-treelist 19.2.0-develop.8 → 19.2.0

package/README.md

@@ -4,9 +4,12 @@
 
 ## Kendo UI for Angular TreeList
 
-> * This package is part of [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui)—a commercial library designed and built for developing business applications with Angular. Every UI component in the Kendo UI for Angular suite has been built from the ground-up specifically for Angular.
-> * You must [install a license key](https://www.telerik.com/kendo-angular-ui/my-license) when adding the package to your project. To receive a license key, either [purchase a license](https://www.telerik.com/purchase/kendo-ui) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui).
-> * The 30-day free trial gives you access to all the Kendo UI for Angular components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the Kendo UI for Angular dev team!
+> * This package is part of [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/)—a commercial UI library.
+> * To use this package, you must install a license key file, whether you are on a paid license or a 30-day free trial. To receive a license key, either [purchase a license](https://www.telerik.com/purchase/kendo-ui) or start a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui).
+> * Adding a valid license key file ensures a seamless experience during the trial period—no watermarks, no warnings, and full access to all components and features.
+> * Trial users can register for a free license key file. Without it, your trial may be interrupted by visual indicators or functionality limitations.
+> * Additionally, for the period of your license, you get access to our legendary technical support provided directly by the Kendo UI for Angular team!
+> * Learn more: https://www.telerik.com/kendo-angular-ui/components/licensing
 >
 > [Start using Kendo UI for Angular](https://www.telerik.com/download-login-v2-kendo-angular-ui) and speed up your development process!
 

package/column-menu/column-menu-item.directive.d.ts

@@ -6,7 +6,7 @@ import { ElementRef, NgZone, Renderer2 } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Provides keyboard navigation support for TreeList column menu items.
- * Use this directive to manage focus and tab order for custom column menu items. [See example](slug:columnmenu_treelist#customizing-the-content).
+ * Use this directive to manage focus and tab order for custom column menu items ([see example](slug:columnmenu_treelist#customizing-the-content)).
  *
  * @example
  * ```html

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/column-menu/column-menu-item.directive.mjs

@@ -10,7 +10,7 @@ import { ColumnMenuFilterComponent } from './column-menu-filter.component';
 import * as i0 from "@angular/core";
 /**
  * Provides keyboard navigation support for TreeList column menu items.
- * Use this directive to manage focus and tab order for custom column menu items. [See example](slug:columnmenu_treelist#customizing-the-content).
+ * Use this directive to manage focus and tab order for custom column menu items ([see example](slug:columnmenu_treelist#customizing-the-content)).
  *
  * @example
  * ```html

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: 1751032637,
-    version: '19.2.0-develop.8',
+    publishDate: 1751463239,
+    version: '19.2.0',
     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: 1751032637,
-    version: '19.2.0-develop.8',
+    publishDate: 1751463239,
+    version: '19.2.0',
     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;
@@ -13774,7 +13783,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 /**
  * Provides keyboard navigation support for TreeList column menu items.
- * Use this directive to manage focus and tab order for custom column menu items. [See example](slug:columnmenu_treelist#customizing-the-content).
+ * Use this directive to manage focus and tab order for custom column menu items ([see example](slug:columnmenu_treelist#customizing-the-content)).
  *
  * @example
  * ```html
@@ -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.8",
+  "version": "19.2.0",
   "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": 1751032637,
+      "publishDate": 1751463239,
       "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.8",
-    "@progress/kendo-angular-common": "19.2.0-develop.8",
-    "@progress/kendo-angular-dateinputs": "19.2.0-develop.8",
-    "@progress/kendo-angular-dropdowns": "19.2.0-develop.8",
-    "@progress/kendo-angular-excel-export": "19.2.0-develop.8",
-    "@progress/kendo-angular-icons": "19.2.0-develop.8",
-    "@progress/kendo-angular-inputs": "19.2.0-develop.8",
-    "@progress/kendo-angular-intl": "19.2.0-develop.8",
-    "@progress/kendo-angular-l10n": "19.2.0-develop.8",
-    "@progress/kendo-angular-label": "19.2.0-develop.8",
-    "@progress/kendo-angular-pager": "19.2.0-develop.8",
-    "@progress/kendo-angular-pdf-export": "19.2.0-develop.8",
-    "@progress/kendo-angular-popup": "19.2.0-develop.8",
-    "@progress/kendo-angular-toolbar": "19.2.0-develop.8",
-    "@progress/kendo-angular-utils": "19.2.0-develop.8",
+    "@progress/kendo-angular-buttons": "19.2.0",
+    "@progress/kendo-angular-common": "19.2.0",
+    "@progress/kendo-angular-dateinputs": "19.2.0",
+    "@progress/kendo-angular-dropdowns": "19.2.0",
+    "@progress/kendo-angular-excel-export": "19.2.0",
+    "@progress/kendo-angular-icons": "19.2.0",
+    "@progress/kendo-angular-inputs": "19.2.0",
+    "@progress/kendo-angular-intl": "19.2.0",
+    "@progress/kendo-angular-l10n": "19.2.0",
+    "@progress/kendo-angular-label": "19.2.0",
+    "@progress/kendo-angular-pager": "19.2.0",
+    "@progress/kendo-angular-pdf-export": "19.2.0",
+    "@progress/kendo-angular-popup": "19.2.0",
+    "@progress/kendo-angular-toolbar": "19.2.0",
+    "@progress/kendo-angular-utils": "19.2.0",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "19.2.0-develop.8",
+    "@progress/kendo-angular-schematics": "19.2.0",
     "@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.8',
+            '@progress/kendo-angular-treeview': '19.2.0',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '19.2.0-develop.8',
+            '@progress/kendo-angular-dialog': '19.2.0',
             // 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.8',
+            '@progress/kendo-angular-navigation': '19.2.0',
         } });
     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;