@progress/kendo-angular-treelist 13.2.0 → 13.2.1-develop.1

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

@@ -48,8 +48,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-treelist',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1689688799,
-    version: '13.2.0',
+    publishDate: 1689768729,
+    version: '13.2.1-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -2281,7 +2281,7 @@ const filterHierarchy = (list, predicate) => {
             }
         }
     });
-    return result;
+    return result.sort((a, b) => Number(b.locked) - Number(a.locked));
 };
 /**
  * @hidden
@@ -4264,7 +4264,7 @@ const targetCell = (target, treelistElement) => {
     const cell = treelistCell(target, treelistElement);
     const row = closest(cell, matchesNodeName('tr'));
     if (cell && row) {
-        let rowIndex = row.getAttribute('aria-rowindex');
+        let rowIndex = row.getAttribute('aria-rowindex') || row.getAttribute('data-kendo-treelist-row-index');
         rowIndex = rowIndex ? parseInt(rowIndex, 10) - 1 : null;
         let colIndex = cell.getAttribute('aria-colindex');
         colIndex = colIndex ? parseInt(colIndex, 10) - 1 : null;
@@ -9785,18 +9785,35 @@ class LogicalRowDirective {
         return this.logicalSlaveRow ? 'presentation' : 'row';
     }
     get ariaRowIndex() {
-        if (this.navigation.enabled) {
-            return this.logicalRowIndex + 1;
-        }
+        return this.logicalSlaveRow ? null : this.logicalRowIndex + 1;
+    }
+    get rowIndex() {
+        return this.logicalSlaveRow ? this.logicalRowIndex + 1 : null;
     }
     get ariaOwns() {
-        if (!this.navigation.enabled || this.logicalSlaveRow || this.logicalSlaveCellsCount === 0) {
+        if (this.logicalSlaveRow || this.logicalSlaveCellsCount === 0) {
             return undefined;
         }
         const ids = [];
-        const total = this.logicalCellsCount + this.logicalSlaveCellsCount;
-        for (let cellIndex = this.logicalCellsCount; cellIndex < total; cellIndex++) {
-            ids.push(this.idService.cellId(this.logicalRowIndex, cellIndex));
+        if (this.dataRowIndex < 0) {
+            let total = this.logicalCellsCount + this.logicalSlaveCellsCount;
+            this.columnsArray.forEach(column => {
+                if (column.isSpanColumn) {
+                    total += column.colspan - 1;
+                }
+            });
+            for (let cellIndex = this.logicalCellsCount; cellIndex < total; cellIndex++) {
+                ids.push(this.idService.cellId(this.logicalRowIndex, cellIndex));
+            }
+        }
+        else {
+            let columnIndex = 0;
+            this.columnsArray.forEach(column => {
+                if (!column.isLocked) {
+                    ids.push(this.idService.cellId(this.logicalRowIndex, columnIndex));
+                }
+                columnIndex += column.isSpanColumn ? column.colspan : 1;
+            });
         }
         return ids.join(' ');
     }
@@ -9819,9 +9836,12 @@ class LogicalRowDirective {
     ngOnDestroy() {
         this.navigation.unregisterRow(this.logicalRowIndex, this);
     }
+    get columnsArray() {
+        return this.totalColumns?.allColumns.toArray() || [];
+    }
 }
 LogicalRowDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LogicalRowDirective, deps: [{ token: IdService }, { token: NavigationService }], target: i0.ɵɵFactoryTarget.Directive });
-LogicalRowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: LogicalRowDirective, selector: "[kendoTreeListLogicalRow]", inputs: { logicalRowIndex: "logicalRowIndex", logicalSlaveRow: "logicalSlaveRow", logicalCellsCount: "logicalCellsCount", logicalSlaveCellsCount: "logicalSlaveCellsCount", dataRowIndex: "dataRowIndex", dataItem: "dataItem", isNew: "isNew" }, host: { properties: { "attr.role": "this.hostRole", "attr.aria-rowindex": "this.ariaRowIndex", "attr.aria-owns": "this.ariaOwns", "class.k-table-row": "this.tableRowClass" } }, usesOnChanges: true, ngImport: i0 });
+LogicalRowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: LogicalRowDirective, selector: "[kendoTreeListLogicalRow]", inputs: { logicalRowIndex: "logicalRowIndex", logicalSlaveRow: "logicalSlaveRow", logicalCellsCount: "logicalCellsCount", logicalSlaveCellsCount: "logicalSlaveCellsCount", dataRowIndex: "dataRowIndex", dataItem: "dataItem", isNew: "isNew", totalColumns: "totalColumns" }, host: { properties: { "attr.role": "this.hostRole", "attr.aria-rowindex": "this.ariaRowIndex", "attr.data-kendo-treelist-row-index": "this.rowIndex", "attr.aria-owns": "this.ariaOwns", "class.k-table-row": "this.tableRowClass" } }, usesOnChanges: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LogicalRowDirective, decorators: [{
             type: Directive,
             args: [{
@@ -9841,12 +9861,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], isNew: [{
                 type: Input
+            }], totalColumns: [{
+                type: Input
             }], hostRole: [{
                 type: HostBinding,
                 args: ['attr.role']
             }], ariaRowIndex: [{
                 type: HostBinding,
                 args: ['attr.aria-rowindex']
+            }], rowIndex: [{
+                type: HostBinding,
+                args: ['attr.data-kendo-treelist-row-index']
             }], ariaOwns: [{
                 type: HostBinding,
                 args: ['attr.aria-owns']
@@ -10519,12 +10544,13 @@ class HeaderComponent {
     }
 }
 HeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: HeaderComponent, deps: [{ token: SinglePopupService }, { token: DragHintService }, { token: DropCueService }, { token: ColumnReorderService }, { token: SortService }, { token: SelectionService }, { token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: HeaderComponent, selector: "[kendoTreeListHeader]", inputs: { totalColumnLevels: "totalColumnLevels", columns: "columns", scrollable: "scrollable", filterable: "filterable", sort: "sort", filter: "filter", sortable: "sortable", lockedColumnsCount: "lockedColumnsCount", resizable: "resizable", reorderable: "reorderable", columnMenu: "columnMenu", columnMenuTemplate: "columnMenuTemplate", totalColumnsCount: "totalColumnsCount" }, host: { properties: { "class.k-grid-header": "this.headerClass", "class.k-table-thead": "this.hostClass" } }, viewQueries: [{ propertyName: "dropTargets", predicate: DropTargetDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: HeaderComponent, selector: "[kendoTreeListHeader]", inputs: { totalColumnLevels: "totalColumnLevels", columns: "columns", scrollable: "scrollable", filterable: "filterable", sort: "sort", filter: "filter", sortable: "sortable", lockedColumnsCount: "lockedColumnsCount", resizable: "resizable", reorderable: "reorderable", columnMenu: "columnMenu", columnMenuTemplate: "columnMenuTemplate", totalColumnsCount: "totalColumnsCount", totalColumns: "totalColumns" }, host: { properties: { "class.k-grid-header": "this.headerClass", "class.k-table-thead": "this.hostClass" } }, viewQueries: [{ propertyName: "dropTargets", predicate: DropTargetDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
         <tr *ngFor="let i of columnLevels; let levelIndex = index" role="row"
             kendoTreeListLogicalRow
                 [logicalRowIndex]="levelIndex"
                 [logicalSlaveRow]="lockedColumnsCount > 0"
                 [logicalCellsCount]="columns.length"
+                [totalColumns]="totalColumns"
                 [logicalSlaveCellsCount]="unlockedColumnsCount">
             <ng-template ngFor let-column="$implicit" [ngForOf]="columnsForLevel(levelIndex)" [ngForTrackBy]="trackByIndex" let-columnIndex="index" let-last="last">
                 <th *ngIf="!isColumnGroupComponent(column)"
@@ -10698,13 +10724,14 @@ HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
             [filter]="filter"
             [lockedColumnsCount]="lockedColumnsCount"
             kendoTreeListLogicalRow
+            [totalColumns]="totalColumns"
             [logicalRowIndex]="totalColumnLevels + 1"
             [logicalSlaveRow]="lockedColumnsCount > 0"
             [logicalCellsCount]="columns.length"
             [logicalSlaveCellsCount]="unlockedColumnsCount"
         >
         </tr>
-    `, isInline: true, components: [{ type: FilterMenuComponent, selector: "kendo-treelist-filter-menu", inputs: ["column", "filter"] }, { type: ColumnMenuComponent, selector: "kendo-treelist-column-menu", inputs: ["standalone", "column", "settings", "sort", "filter", "sortable", "columnMenuTemplate"] }, { type: i3.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { type: FilterRowComponent, selector: "[kendoTreeListFilterRow]", inputs: ["columns", "filter", "logicalRowIndex", "lockedColumnsCount"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: LogicalRowDirective, selector: "[kendoTreeListLogicalRow]", inputs: ["logicalRowIndex", "logicalSlaveRow", "logicalCellsCount", "logicalSlaveCellsCount", "dataRowIndex", "dataItem", "isNew"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: LogicalCellDirective, selector: "[kendoTreeListLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "column", "colIndex", "colSpan", "rowSpan", "dataRowIndex", "dataItem", "expandable"] }, { type: DropTargetDirective, selector: "[kendoDropTarget]", inputs: ["context"], outputs: ["enter", "leave", "drop"] }, { type: i1$3.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { type: DraggableColumnDirective, selector: "[kendoDraggableColumn]", inputs: ["context", "enableDrag"], outputs: ["drag"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { type: FocusableDirective, selector: "[kendoTreeListFocusable],\n        [kendoTreeListAddCommand],\n        [kendoTreeListEditCommand],\n        [kendoTreeListRemoveCommand],\n        [kendoTreeListSaveCommand],\n        [kendoTreeListCancelCommand]\n    ", inputs: ["kendoTreeListFocusable", "enabled", "kendoTreeListAddCommand", "kendoTreeListEditCommand", "kendoTreeListRemoveCommand", "kendoTreeListSaveCommand", "kendoTreeListCancelCommand"] }, { type: ColumnHandleDirective, selector: "[kendoTreeListColumnHandle]", inputs: ["columns", "column"] }] });
+    `, isInline: true, components: [{ type: FilterMenuComponent, selector: "kendo-treelist-filter-menu", inputs: ["column", "filter"] }, { type: ColumnMenuComponent, selector: "kendo-treelist-column-menu", inputs: ["standalone", "column", "settings", "sort", "filter", "sortable", "columnMenuTemplate"] }, { type: i3.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { type: FilterRowComponent, selector: "[kendoTreeListFilterRow]", inputs: ["columns", "filter", "logicalRowIndex", "lockedColumnsCount"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: LogicalRowDirective, selector: "[kendoTreeListLogicalRow]", inputs: ["logicalRowIndex", "logicalSlaveRow", "logicalCellsCount", "logicalSlaveCellsCount", "dataRowIndex", "dataItem", "isNew", "totalColumns"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: LogicalCellDirective, selector: "[kendoTreeListLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "column", "colIndex", "colSpan", "rowSpan", "dataRowIndex", "dataItem", "expandable"] }, { type: DropTargetDirective, selector: "[kendoDropTarget]", inputs: ["context"], outputs: ["enter", "leave", "drop"] }, { type: i1$3.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { type: DraggableColumnDirective, selector: "[kendoDraggableColumn]", inputs: ["context", "enableDrag"], outputs: ["drag"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { type: FocusableDirective, selector: "[kendoTreeListFocusable],\n        [kendoTreeListAddCommand],\n        [kendoTreeListEditCommand],\n        [kendoTreeListRemoveCommand],\n        [kendoTreeListSaveCommand],\n        [kendoTreeListCancelCommand]\n    ", inputs: ["kendoTreeListFocusable", "enabled", "kendoTreeListAddCommand", "kendoTreeListEditCommand", "kendoTreeListRemoveCommand", "kendoTreeListSaveCommand", "kendoTreeListCancelCommand"] }, { type: ColumnHandleDirective, selector: "[kendoTreeListColumnHandle]", inputs: ["columns", "column"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: HeaderComponent, decorators: [{
             type: Component,
             args: [{
@@ -10715,6 +10742,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 [logicalRowIndex]="levelIndex"
                 [logicalSlaveRow]="lockedColumnsCount > 0"
                 [logicalCellsCount]="columns.length"
+                [totalColumns]="totalColumns"
                 [logicalSlaveCellsCount]="unlockedColumnsCount">
             <ng-template ngFor let-column="$implicit" [ngForOf]="columnsForLevel(levelIndex)" [ngForTrackBy]="trackByIndex" let-columnIndex="index" let-last="last">
                 <th *ngIf="!isColumnGroupComponent(column)"
@@ -10888,6 +10916,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             [filter]="filter"
             [lockedColumnsCount]="lockedColumnsCount"
             kendoTreeListLogicalRow
+            [totalColumns]="totalColumns"
             [logicalRowIndex]="totalColumnLevels + 1"
             [logicalSlaveRow]="lockedColumnsCount > 0"
             [logicalCellsCount]="columns.length"
@@ -10922,6 +10951,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], totalColumnsCount: [{
                 type: Input
+            }], totalColumns: [{
+                type: Input
             }], headerClass: [{
                 type: HostBinding,
                 args: ['class.k-grid-header']
@@ -11506,8 +11537,17 @@ class TableBodyComponent {
         return this.editService.newDataItem;
     }
     // Number of unlocked columns in the next table, if any
-    get unlockedColumnsCount() {
-        return this.totalColumnsCount - this.lockedColumnsCount - (this.allColumns || this.columns).length;
+    unlockedColumnsCount(item) {
+        const allColumns = this.allColumns || this.columns;
+        let allColumnsCount = allColumns.length;
+        allColumns.forEach(column => {
+            if (column.isSpanColumn) {
+                allColumnsCount += column.colspan - 1;
+            }
+        });
+        const contentColumnsCount = this.totalColumnsCount - this.lockedColumnsCount - allColumnsCount;
+        const headerFooterColumnsCount = this.totalColumnsCount - this.lockedColumnsCount - (this.allColumns || this.columns).length;
+        return item && item.type === 'data' ? contentColumnsCount : headerFooterColumnsCount;
     }
     get hasData() {
         const view = this.view;
@@ -11546,7 +11586,10 @@ class TableBodyComponent {
         return true;
     }
     ariaRowExpanded(item) {
-        return Boolean(item.expanded);
+        return this.lockedColumnsCount < 1 ? Boolean(item.expanded) : undefined;
+    }
+    ariaRowSelected(item) {
+        return this.lockedColumnsCount < 1 ? Boolean(item.selected) : undefined;
     }
     ariaExpanded(item, column) {
         if (!column.expandable || !item.hasChildren) {
@@ -11758,7 +11801,7 @@ class TableBodyComponent {
     }
 }
 TableBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TableBodyComponent, deps: [{ token: ChangeNotificationService }, { token: EditService }, { token: i1$1.LocalizationService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: DomEventsService }, { token: ColumnInfoService }, { token: NavigationService }, { token: ExpandStateService }, { token: SelectionService }], target: i0.ɵɵFactoryTarget.Component });
-TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TableBodyComponent, selector: "[kendoTreeListTableBody]", inputs: { columns: "columns", allColumns: "allColumns", noRecordsTemplate: "noRecordsTemplate", view: "view", skip: "skip", filterable: "filterable", noRecordsText: "noRecordsText", isLocked: "isLocked", lockedColumnsCount: "lockedColumnsCount", totalColumnsCount: "totalColumnsCount", virtualColumns: "virtualColumns", expandIcons: "expandIcons", trackBy: "trackBy", rowClass: "rowClass" }, host: { properties: { "class.k-table-tbody": "this.hostClass" } }, usesOnChanges: true, ngImport: i0, template: `
+TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TableBodyComponent, selector: "[kendoTreeListTableBody]", inputs: { columns: "columns", allColumns: "allColumns", noRecordsTemplate: "noRecordsTemplate", view: "view", skip: "skip", filterable: "filterable", noRecordsText: "noRecordsText", isLocked: "isLocked", lockedColumnsCount: "lockedColumnsCount", totalColumnsCount: "totalColumnsCount", virtualColumns: "virtualColumns", expandIcons: "expandIcons", trackBy: "trackBy", totalColumns: "totalColumns", rowClass: "rowClass" }, host: { properties: { "class.k-table-tbody": "this.hostClass" } }, usesOnChanges: true, ngImport: i0, template: `
     <tr *ngIf="!hasData" class="k-grid-norecords">
         <td [attr.colspan]="colSpan" class="k-table-td">
             <ng-container *ngIf="noRecordsTemplate?.templateRef" [ngTemplateOutlet]="noRecordsTemplate.templateRef">
@@ -11776,14 +11819,15 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
             [logicalRowIndex]="logicalRowIndex(item.rowIndex)"
             [logicalSlaveRow]="lockedColumnsCount > 0"
             [logicalCellsCount]="columns.length"
-            [logicalSlaveCellsCount]="unlockedColumnsCount"
+            [logicalSlaveCellsCount]="unlockedColumnsCount(item)"
+            [totalColumns]="totalColumns"
             [isNew]="item.isNew"
             [attr.aria-expanded]="ariaRowExpanded(item)"
             [ngClass]="rowClass({ dataItem: item.data, index: $any(item).index })"
             class="k-table-row{{isOdd(item) ? ' k-alt k-table-alt-row' : ''}}"
             [class.k-grid-edit-row]="isEditingRow(item)"
             [class.k-grid-add-row]="item.isNew"
-            [attr.aria-selected]="item.selected"
+            [attr.aria-selected]="ariaRowSelected(item)"
             [class.k-selected]="item.selected"
             [attr.data-treelist-view-index]="rowIndex">
 
@@ -11808,8 +11852,8 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
                     [colSpan]="column.colspan"
                     [expandable]="cellExpandable(item, column)"
                     role="gridcell"
-                    [attr.aria-expanded]="ariaExpanded(item, column)"
-                    [attr.aria-selected]="ariaSelected(item, column, lockedColumnsCount + columnIndex)"
+                    [attr.aria-expanded]="lockedColumnsCount < 1 ? ariaExpanded(item, column) : undefined"
+                    [attr.aria-selected]="lockedColumnsCount < 1 ? ariaSelected(item, column, lockedColumnsCount + columnIndex) : undefined"
                 class="k-table-td"
                 [ngClass]="column.cssClass"
                 [class.k-grid-edit-cell]="isEditingCell(item, column)"
@@ -11826,8 +11870,8 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
                 [logicalRowIndex]="logicalRowIndex(item.rowIndex)"
                 [logicalSlaveRow]="lockedColumnsCount > 0"
                 [logicalCellsCount]="columns.length"
-                [logicalSlaveCellsCount]="unlockedColumnsCount">
-
+                [logicalSlaveCellsCount]="unlockedColumnsCount(item)"
+                [totalColumns]="totalColumns">
             <td kendoTreeListLogicalCell
                     [logicalRowIndex]="logicalRowIndex(item.rowIndex)"
                     [logicalColIndex]="logicalColIndex(column)"
@@ -11855,7 +11899,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
            </td>
         </tr>
     </ng-container>
-    `, isInline: true, components: [{ type: CellComponent, selector: "[kendoTreeListCell]", inputs: ["column", "columnIndex", "isNew", "level", "hasChildren", "isExpanded", "loading", "expandIcons", "selected", "dataItem", "viewItem"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: LogicalRowDirective, selector: "[kendoTreeListLogicalRow]", inputs: ["logicalRowIndex", "logicalSlaveRow", "logicalCellsCount", "logicalSlaveCellsCount", "dataRowIndex", "dataItem", "isNew"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: LogicalCellDirective, selector: "[kendoTreeListLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "column", "colIndex", "colSpan", "rowSpan", "dataRowIndex", "dataItem", "expandable"] }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "levelItems": LevelItemsPipe } });
+    `, isInline: true, components: [{ type: CellComponent, selector: "[kendoTreeListCell]", inputs: ["column", "columnIndex", "isNew", "level", "hasChildren", "isExpanded", "loading", "expandIcons", "selected", "dataItem", "viewItem"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: LogicalRowDirective, selector: "[kendoTreeListLogicalRow]", inputs: ["logicalRowIndex", "logicalSlaveRow", "logicalCellsCount", "logicalSlaveCellsCount", "dataRowIndex", "dataItem", "isNew", "totalColumns"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: LogicalCellDirective, selector: "[kendoTreeListLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "column", "colIndex", "colSpan", "rowSpan", "dataRowIndex", "dataItem", "expandable"] }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "levelItems": LevelItemsPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TableBodyComponent, decorators: [{
             type: Component,
             args: [{
@@ -11878,14 +11922,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             [logicalRowIndex]="logicalRowIndex(item.rowIndex)"
             [logicalSlaveRow]="lockedColumnsCount > 0"
             [logicalCellsCount]="columns.length"
-            [logicalSlaveCellsCount]="unlockedColumnsCount"
+            [logicalSlaveCellsCount]="unlockedColumnsCount(item)"
+            [totalColumns]="totalColumns"
             [isNew]="item.isNew"
             [attr.aria-expanded]="ariaRowExpanded(item)"
             [ngClass]="rowClass({ dataItem: item.data, index: $any(item).index })"
             class="k-table-row{{isOdd(item) ? ' k-alt k-table-alt-row' : ''}}"
             [class.k-grid-edit-row]="isEditingRow(item)"
             [class.k-grid-add-row]="item.isNew"
-            [attr.aria-selected]="item.selected"
+            [attr.aria-selected]="ariaRowSelected(item)"
             [class.k-selected]="item.selected"
             [attr.data-treelist-view-index]="rowIndex">
 
@@ -11910,8 +11955,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     [colSpan]="column.colspan"
                     [expandable]="cellExpandable(item, column)"
                     role="gridcell"
-                    [attr.aria-expanded]="ariaExpanded(item, column)"
-                    [attr.aria-selected]="ariaSelected(item, column, lockedColumnsCount + columnIndex)"
+                    [attr.aria-expanded]="lockedColumnsCount < 1 ? ariaExpanded(item, column) : undefined"
+                    [attr.aria-selected]="lockedColumnsCount < 1 ? ariaSelected(item, column, lockedColumnsCount + columnIndex) : undefined"
                 class="k-table-td"
                 [ngClass]="column.cssClass"
                 [class.k-grid-edit-cell]="isEditingCell(item, column)"
@@ -11928,8 +11973,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 [logicalRowIndex]="logicalRowIndex(item.rowIndex)"
                 [logicalSlaveRow]="lockedColumnsCount > 0"
                 [logicalCellsCount]="columns.length"
-                [logicalSlaveCellsCount]="unlockedColumnsCount">
-
+                [logicalSlaveCellsCount]="unlockedColumnsCount(item)"
+                [totalColumns]="totalColumns">
             <td kendoTreeListLogicalCell
                     [logicalRowIndex]="logicalRowIndex(item.rowIndex)"
                     [logicalColIndex]="logicalColIndex(column)"
@@ -11988,6 +12033,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], trackBy: [{
                 type: Input
+            }], totalColumns: [{
+                type: Input
             }], rowClass: [{
                 type: Input
             }] } });
@@ -12688,6 +12735,7 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
                     [noRecordsText]="''"
                     [columns]="$any(lockedLeafColumns)"
                     [totalColumnsCount]="leafColumns.length"
+                    [totalColumns]="columns"
                     [skip]="skip"
                     [trackBy]="trackBy"
                     [filterable]="filterable"
@@ -12722,6 +12770,7 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
                     [noRecordsTemplate]="noRecordsTemplate"
                     [lockedColumnsCount]="lockedLeafColumns.length"
                     [totalColumnsCount]="leafColumns.length"
+                    [totalColumns]="columns"
                     [skip]="skip"
                     [trackBy]="trackBy"
                     [filterable]="filterable"
@@ -12742,7 +12791,7 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
     </div>
     <div *ngIf="loading" kendoTreeListLoading>
     </div>
-    `, isInline: true, components: [{ type: ColGroupComponent, selector: "[kendoTreeListColGroup]", inputs: ["columns"] }, { type: TableBodyComponent, selector: "[kendoTreeListTableBody]", inputs: ["columns", "allColumns", "noRecordsTemplate", "view", "skip", "filterable", "noRecordsText", "isLocked", "lockedColumnsCount", "totalColumnsCount", "virtualColumns", "expandIcons", "trackBy", "rowClass"] }, { type: i1$3.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { type: LoadingComponent, selector: "[kendoTreeListLoading]" }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: TableDirective, selector: "table", inputs: ["locked", "virtualColumns"] }, { type: ResizableContainerDirective, selector: "[kendoTreeListResizableContainer]", inputs: ["lockedWidth", "kendoTreeListResizableContainer"] }] });
+    `, isInline: true, components: [{ type: ColGroupComponent, selector: "[kendoTreeListColGroup]", inputs: ["columns"] }, { type: TableBodyComponent, selector: "[kendoTreeListTableBody]", inputs: ["columns", "allColumns", "noRecordsTemplate", "view", "skip", "filterable", "noRecordsText", "isLocked", "lockedColumnsCount", "totalColumnsCount", "virtualColumns", "expandIcons", "trackBy", "totalColumns", "rowClass"] }, { type: i1$3.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { type: LoadingComponent, selector: "[kendoTreeListLoading]" }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: TableDirective, selector: "table", inputs: ["locked", "virtualColumns"] }, { type: ResizableContainerDirective, selector: "[kendoTreeListResizableContainer]", inputs: ["lockedWidth", "kendoTreeListResizableContainer"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ListComponent, decorators: [{
             type: Component,
             args: [{
@@ -12774,6 +12823,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     [noRecordsText]="''"
                     [columns]="$any(lockedLeafColumns)"
                     [totalColumnsCount]="leafColumns.length"
+                    [totalColumns]="columns"
                     [skip]="skip"
                     [trackBy]="trackBy"
                     [filterable]="filterable"
@@ -12808,6 +12858,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     [noRecordsTemplate]="noRecordsTemplate"
                     [lockedColumnsCount]="lockedLeafColumns.length"
                     [totalColumnsCount]="leafColumns.length"
+                    [totalColumns]="columns"
                     [skip]="skip"
                     [trackBy]="trackBy"
                     [filterable]="filterable"
@@ -16438,7 +16489,8 @@ TreeListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
                                 [sortable]="sortable"
                                 [columnMenu]="columnMenuOptions"
                                 [columnMenuTemplate]="columnMenuTemplate"
-                                [totalColumnsCount]="leafColumns.length">
+                                [totalColumnsCount]="leafColumns.length"
+                                [totalColumns]="columnsContainer">
                             </thead>
                         </table>
                     </div>
@@ -16468,7 +16520,8 @@ TreeListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
                                 [columnMenu]="columnMenuOptions"
                                 [columnMenuTemplate]="columnMenuTemplate"
                                 [lockedColumnsCount]="lockedLeafColumns.length"
-                                [totalColumnsCount]="leafColumns.length">
+                                [totalColumnsCount]="leafColumns.length"
+                                [totalColumns]="columnsContainer">
                             </thead>
                         </table>
                         <div *ngIf="virtualColumns" class="k-width-container" role="presentation">
@@ -16519,7 +16572,8 @@ TreeListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
                         [filter]="filter"
                         [filterable]="filterable"
                         [columnMenu]="columnMenuOptions"
-                        [columnMenuTemplate]="columnMenuTemplate">
+                        [columnMenuTemplate]="columnMenuTemplate"
+                        [totalColumns]="columnsContainer">
                     </thead>
                     <tbody kendoTreeListTableBody
                         [view]="view"
@@ -16568,7 +16622,7 @@ TreeListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
             </kendo-icon-wrapper>
             {{hintText}}
         </ng-template>
-    `, isInline: true, components: [{ type: ToolbarComponent, selector: "kendo-treelist-toolbar", inputs: ["position", "navigable"] }, { type: ColGroupComponent, selector: "[kendoTreeListColGroup]", inputs: ["columns"] }, { type: HeaderComponent, selector: "[kendoTreeListHeader]", inputs: ["totalColumnLevels", "columns", "scrollable", "filterable", "sort", "filter", "sortable", "lockedColumnsCount", "resizable", "reorderable", "columnMenu", "columnMenuTemplate", "totalColumnsCount"] }, { type: ListComponent, selector: "kendo-treelist-list", inputs: ["view", "total", "rowHeight", "take", "skip", "columns", "noRecordsTemplate", "filterable", "rowClass", "loading", "trackBy", "virtualColumns", "isVirtual", "expandIcons"], outputs: ["contentScroll", "pageChange", "scrollBottom"] }, { type: TableBodyComponent, selector: "[kendoTreeListTableBody]", inputs: ["columns", "allColumns", "noRecordsTemplate", "view", "skip", "filterable", "noRecordsText", "isLocked", "lockedColumnsCount", "totalColumnsCount", "virtualColumns", "expandIcons", "trackBy", "rowClass"] }, { type: LoadingComponent, selector: "[kendoTreeListLoading]" }, { type: PagerComponent, selector: "kendo-treelist-pager", inputs: ["allCount", "total", "skip", "navigable", "pageSize", "options", "template"], outputs: ["pageChange"] }, { type: i3.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: LocalizedMessagesDirective, selector: "[kendoTreeListLocalizedMessages]" }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i32.DragTargetContainerDirective, selector: "[kendoDragTargetContainer]", inputs: ["hint", "dragTargetFilter", "dragHandle", "dragDelay", "threshold", "dragTargetId", "dragData", "dragDisabled", "mode"], outputs: ["onDragReady", "onPress", "onDragStart", "onDrag", "onRelease", "onDragEnd"], exportAs: ["kendoDragTargetContainer"] }, { type: i32.DropTargetContainerDirective, selector: "[kendoDropTargetContainer]", inputs: ["dropTargetFilter", "dropDisabled"], outputs: ["onDragEnter", "onDragOver", "onDragLeave", "onDrop"], exportAs: ["kendoDropTargetContainer"] }, { type: TableDirective, selector: "table", inputs: ["locked", "virtualColumns"] }, { type: ResizableContainerDirective, selector: "[kendoTreeListResizableContainer]", inputs: ["lockedWidth", "kendoTreeListResizableContainer"] }, { type: i1$3.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { type: MarqueeDirective, selector: "[kendoTreeListSelectionMarquee]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    `, isInline: true, components: [{ type: ToolbarComponent, selector: "kendo-treelist-toolbar", inputs: ["position", "navigable"] }, { type: ColGroupComponent, selector: "[kendoTreeListColGroup]", inputs: ["columns"] }, { type: HeaderComponent, selector: "[kendoTreeListHeader]", inputs: ["totalColumnLevels", "columns", "scrollable", "filterable", "sort", "filter", "sortable", "lockedColumnsCount", "resizable", "reorderable", "columnMenu", "columnMenuTemplate", "totalColumnsCount", "totalColumns"] }, { type: ListComponent, selector: "kendo-treelist-list", inputs: ["view", "total", "rowHeight", "take", "skip", "columns", "noRecordsTemplate", "filterable", "rowClass", "loading", "trackBy", "virtualColumns", "isVirtual", "expandIcons"], outputs: ["contentScroll", "pageChange", "scrollBottom"] }, { type: TableBodyComponent, selector: "[kendoTreeListTableBody]", inputs: ["columns", "allColumns", "noRecordsTemplate", "view", "skip", "filterable", "noRecordsText", "isLocked", "lockedColumnsCount", "totalColumnsCount", "virtualColumns", "expandIcons", "trackBy", "totalColumns", "rowClass"] }, { type: LoadingComponent, selector: "[kendoTreeListLoading]" }, { type: PagerComponent, selector: "kendo-treelist-pager", inputs: ["allCount", "total", "skip", "navigable", "pageSize", "options", "template"], outputs: ["pageChange"] }, { type: i3.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: LocalizedMessagesDirective, selector: "[kendoTreeListLocalizedMessages]" }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i32.DragTargetContainerDirective, selector: "[kendoDragTargetContainer]", inputs: ["hint", "dragTargetFilter", "dragHandle", "dragDelay", "threshold", "dragTargetId", "dragData", "dragDisabled", "mode"], outputs: ["onDragReady", "onPress", "onDragStart", "onDrag", "onRelease", "onDragEnd"], exportAs: ["kendoDragTargetContainer"] }, { type: i32.DropTargetContainerDirective, selector: "[kendoDropTargetContainer]", inputs: ["dropTargetFilter", "dropDisabled"], outputs: ["onDragEnter", "onDragOver", "onDragLeave", "onDrop"], exportAs: ["kendoDropTargetContainer"] }, { type: TableDirective, selector: "table", inputs: ["locked", "virtualColumns"] }, { type: ResizableContainerDirective, selector: "[kendoTreeListResizableContainer]", inputs: ["lockedWidth", "kendoTreeListResizableContainer"] }, { type: i1$3.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { type: MarqueeDirective, selector: "[kendoTreeListSelectionMarquee]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TreeListComponent, decorators: [{
             type: Component,
             args: [{
@@ -16865,7 +16919,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                                 [sortable]="sortable"
                                 [columnMenu]="columnMenuOptions"
                                 [columnMenuTemplate]="columnMenuTemplate"
-                                [totalColumnsCount]="leafColumns.length">
+                                [totalColumnsCount]="leafColumns.length"
+                                [totalColumns]="columnsContainer">
                             </thead>
                         </table>
                     </div>
@@ -16895,7 +16950,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                                 [columnMenu]="columnMenuOptions"
                                 [columnMenuTemplate]="columnMenuTemplate"
                                 [lockedColumnsCount]="lockedLeafColumns.length"
-                                [totalColumnsCount]="leafColumns.length">
+                                [totalColumnsCount]="leafColumns.length"
+                                [totalColumns]="columnsContainer">
                             </thead>
                         </table>
                         <div *ngIf="virtualColumns" class="k-width-container" role="presentation">
@@ -16946,7 +17002,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                         [filter]="filter"
                         [filterable]="filterable"
                         [columnMenu]="columnMenuOptions"
-                        [columnMenuTemplate]="columnMenuTemplate">
+                        [columnMenuTemplate]="columnMenuTemplate"
+                        [totalColumns]="columnsContainer">
                     </thead>
                     <tbody kendoTreeListTableBody
                         [view]="view"

package/navigation/logical-row.directive.d.ts

@@ -6,6 +6,7 @@ import { OnDestroy, OnChanges } from '@angular/core';
 import { IdService } from '../common/id.service';
 import { NavigationService } from './navigation.service';
 import { LogicalRow } from './logical-row.interface';
+import { ColumnsContainer } from '../columns/columns-container';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -20,14 +21,17 @@ export declare class LogicalRowDirective implements LogicalRow, OnDestroy, OnCha
     dataRowIndex: number;
     dataItem: any;
     isNew: boolean;
+    totalColumns: ColumnsContainer;
     uid: number;
     get hostRole(): string;
     get ariaRowIndex(): number;
+    get rowIndex(): number;
     get ariaOwns(): string;
     tableRowClass: boolean;
     constructor(idService: IdService, navigation: NavigationService);
     ngOnChanges(changes: any): void;
     ngOnDestroy(): void;
+    private get columnsArray();
     static ɵfac: i0.ɵɵFactoryDeclaration<LogicalRowDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LogicalRowDirective, "[kendoTreeListLogicalRow]", never, { "logicalRowIndex": "logicalRowIndex"; "logicalSlaveRow": "logicalSlaveRow"; "logicalCellsCount": "logicalCellsCount"; "logicalSlaveCellsCount": "logicalSlaveCellsCount"; "dataRowIndex": "dataRowIndex"; "dataItem": "dataItem"; "isNew": "isNew"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LogicalRowDirective, "[kendoTreeListLogicalRow]", never, { "logicalRowIndex": "logicalRowIndex"; "logicalSlaveRow": "logicalSlaveRow"; "logicalCellsCount": "logicalCellsCount"; "logicalSlaveCellsCount": "logicalSlaveCellsCount"; "dataRowIndex": "dataRowIndex"; "dataItem": "dataItem"; "isNew": "isNew"; "totalColumns": "totalColumns"; }, {}, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-treelist",
-  "version": "13.2.0",
+  "version": "13.2.1-develop.1",
   "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",
@@ -30,25 +30,25 @@
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-drawing": "^1.17.2",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-buttons": "13.2.0",
-    "@progress/kendo-angular-common": "13.2.0",
-    "@progress/kendo-angular-dateinputs": "13.2.0",
-    "@progress/kendo-angular-dropdowns": "13.2.0",
-    "@progress/kendo-angular-excel-export": "13.2.0",
-    "@progress/kendo-angular-icons": "13.2.0",
-    "@progress/kendo-angular-inputs": "13.2.0",
-    "@progress/kendo-angular-intl": "13.2.0",
-    "@progress/kendo-angular-l10n": "13.2.0",
-    "@progress/kendo-angular-label": "13.2.0",
-    "@progress/kendo-angular-pdf-export": "13.2.0",
-    "@progress/kendo-angular-popup": "13.2.0",
-    "@progress/kendo-angular-utils": "13.2.0",
+    "@progress/kendo-angular-buttons": "13.2.1-develop.1",
+    "@progress/kendo-angular-common": "13.2.1-develop.1",
+    "@progress/kendo-angular-dateinputs": "13.2.1-develop.1",
+    "@progress/kendo-angular-dropdowns": "13.2.1-develop.1",
+    "@progress/kendo-angular-excel-export": "13.2.1-develop.1",
+    "@progress/kendo-angular-icons": "13.2.1-develop.1",
+    "@progress/kendo-angular-inputs": "13.2.1-develop.1",
+    "@progress/kendo-angular-intl": "13.2.1-develop.1",
+    "@progress/kendo-angular-l10n": "13.2.1-develop.1",
+    "@progress/kendo-angular-label": "13.2.1-develop.1",
+    "@progress/kendo-angular-pdf-export": "13.2.1-develop.1",
+    "@progress/kendo-angular-popup": "13.2.1-develop.1",
+    "@progress/kendo-angular-utils": "13.2.1-develop.1",
     "rxjs": "^6.5.3 || ^7.0.0",
-    "@progress/kendo-angular-listview": "13.2.0"
+    "@progress/kendo-angular-listview": "13.2.1-develop.1"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "13.2.0",
+    "@progress/kendo-angular-schematics": "13.2.1-develop.1",
     "@progress/kendo-common": "^0.2.0",
     "@progress/kendo-file-saver": "^1.0.0"
   },

package/rendering/header/header.component.d.ts

@@ -20,6 +20,7 @@ import { SortService } from '../../common/sort.service';
 import { SelectionService } from '../../selection/selection.service';
 import { ColumnMenuSettings } from '../../column-menu/column-menu-settings.interface';
 import { SVGIcon } from '@progress/kendo-svg-icons';
+import { ColumnsContainer } from '../../columns/columns-container';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -49,6 +50,7 @@ export declare class HeaderComponent implements AfterViewInit, OnInit, OnChanges
     columnMenu: boolean | ColumnMenuSettings;
     columnMenuTemplate: TemplateRef<any>;
     totalColumnsCount: number;
+    totalColumns: ColumnsContainer;
     sortedFields: any;
     get headerClass(): boolean;
     hostClass: boolean;
@@ -102,5 +104,5 @@ export declare class HeaderComponent implements AfterViewInit, OnInit, OnChanges
     private leave;
     private drop;
     static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "[kendoTreeListHeader]", never, { "totalColumnLevels": "totalColumnLevels"; "columns": "columns"; "scrollable": "scrollable"; "filterable": "filterable"; "sort": "sort"; "filter": "filter"; "sortable": "sortable"; "lockedColumnsCount": "lockedColumnsCount"; "resizable": "resizable"; "reorderable": "reorderable"; "columnMenu": "columnMenu"; "columnMenuTemplate": "columnMenuTemplate"; "totalColumnsCount": "totalColumnsCount"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "[kendoTreeListHeader]", never, { "totalColumnLevels": "totalColumnLevels"; "columns": "columns"; "scrollable": "scrollable"; "filterable": "filterable"; "sort": "sort"; "filter": "filter"; "sortable": "sortable"; "lockedColumnsCount": "lockedColumnsCount"; "resizable": "resizable"; "reorderable": "reorderable"; "columnMenu": "columnMenu"; "columnMenuTemplate": "columnMenuTemplate"; "totalColumnsCount": "totalColumnsCount"; "totalColumns": "totalColumns"; }, {}, never, never>;
 }

package/rendering/table-body.component.d.ts

@@ -16,6 +16,7 @@ import { NavigationService } from '../navigation/navigation.service';
 import { TreeListItem } from '../data/treelist-item.interface';
 import { ExpandStateService } from '../expand-state/expand-state.service';
 import { SelectionService } from '../selection/selection.service';
+import { ColumnsContainer } from '../columns/columns-container';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -46,6 +47,7 @@ export declare class TableBodyComponent implements OnInit, OnDestroy, OnChanges
     virtualColumns: boolean;
     expandIcons: boolean;
     trackBy: TrackByFunction<TreeListItem>;
+    totalColumns: ColumnsContainer;
     private clickSubscription;
     private l10nSubscription;
     private cellKeydownSubscription;
@@ -54,7 +56,7 @@ export declare class TableBodyComponent implements OnInit, OnDestroy, OnChanges
     rowClass: RowClassFn;
     constructor(changeNotification: ChangeNotificationService, editService: EditService, localization: LocalizationService, ngZone: NgZone, renderer: Renderer2, element: ElementRef, domEvents: DomEventsService, columnInfoService: ColumnInfoService, navigationService: NavigationService, expandState: ExpandStateService, selection: SelectionService);
     get newDataItem(): any;
-    get unlockedColumnsCount(): number;
+    unlockedColumnsCount(item?: any): number;
     get hasData(): boolean;
     isOdd(item: any): boolean;
     trackByWrapper(index: number, item: TreeListItem): any;
@@ -66,6 +68,7 @@ export declare class TableBodyComponent implements OnInit, OnDestroy, OnChanges
     logicalColIndex(column: any): number;
     cellExpandable(item: any, column: any): any;
     ariaRowExpanded(item: any): boolean;
+    ariaRowSelected(item: any): boolean;
     ariaExpanded(item: any, column: any): any;
     ariaSelected(item: any, column: any, columnIndex: number): any;
     ngOnInit(): void;
@@ -92,5 +95,5 @@ export declare class TableBodyComponent implements OnInit, OnDestroy, OnChanges
     private checkboxClick;
     private rowItem;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableBodyComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableBodyComponent, "[kendoTreeListTableBody]", never, { "columns": "columns"; "allColumns": "allColumns"; "noRecordsTemplate": "noRecordsTemplate"; "view": "view"; "skip": "skip"; "filterable": "filterable"; "noRecordsText": "noRecordsText"; "isLocked": "isLocked"; "lockedColumnsCount": "lockedColumnsCount"; "totalColumnsCount": "totalColumnsCount"; "virtualColumns": "virtualColumns"; "expandIcons": "expandIcons"; "trackBy": "trackBy"; "rowClass": "rowClass"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableBodyComponent, "[kendoTreeListTableBody]", never, { "columns": "columns"; "allColumns": "allColumns"; "noRecordsTemplate": "noRecordsTemplate"; "view": "view"; "skip": "skip"; "filterable": "filterable"; "noRecordsText": "noRecordsText"; "isLocked": "isLocked"; "lockedColumnsCount": "lockedColumnsCount"; "totalColumnsCount": "totalColumnsCount"; "virtualColumns": "virtualColumns"; "expandIcons": "expandIcons"; "trackBy": "trackBy"; "totalColumns": "totalColumns"; "rowClass": "rowClass"; }, {}, never, never>;
 }

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': '13.2.0',
+            '@progress/kendo-angular-treeview': '13.2.1-develop.1',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '13.2.0',
+            '@progress/kendo-angular-dialog': '13.2.1-develop.1',
             // peer dependency of kendo-angular-icons
             '@progress/kendo-svg-icons': '^1.0.0',
             // peer dependency of kendo-angular-dateinputs
-            '@progress/kendo-angular-navigation': '13.2.0',
+            '@progress/kendo-angular-navigation': '13.2.1-develop.1',
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }