@progress/kendo-angular-treelist 17.0.0-develop.9 → 17.0.0

package/{esm2020 → esm2022}/rendering/list.component.mjs

@@ -58,7 +58,7 @@ const elementAt = (index, elements, elementOffset) => {
         elementIdx += offset;
     }
 };
-const rowAt = (index, rows) => elementAt(index, rows, row => row.hasAttribute('data-kendo-treelist-item-index') ? 1 : 0);
+const rowAt = (index, rows) => elementAt(index, rows, row => row.hasAttribute('data-treelist-view-index') ? 1 : 0);
 const cellAt = (index, cells) => elementAt(index, cells, cell => !hasClasses(cell, NON_DATA_CELL_CLASSES) ? parseInt(cell.getAttribute('colSpan'), 10) || 1 : 0);
 const EMPTY_OBJECT = {};
 /**
@@ -98,48 +98,67 @@ const bufferSize = 1;
  * @hidden
  */
 export class ListComponent {
-    constructor(scrollerFactory, changeNotification, suspendService, ngZone, renderer, scrollSyncService, resizeService, editService, supportService, navigationService, scrollRequestService, localization, columnResizingService, changeDetector, pdfService, columnInfo) {
-        this.changeNotification = changeNotification;
-        this.suspendService = suspendService;
-        this.ngZone = ngZone;
-        this.renderer = renderer;
-        this.scrollSyncService = scrollSyncService;
-        this.resizeService = resizeService;
-        this.editService = editService;
-        this.supportService = supportService;
-        this.navigationService = navigationService;
-        this.localization = localization;
-        this.columnResizingService = columnResizingService;
-        this.changeDetector = changeDetector;
-        this.pdfService = pdfService;
-        this.columnInfo = columnInfo;
-        this.skip = 0;
-        this.columns = new ColumnsContainer(() => []);
-        this.trackBy = defaultTrackBy;
-        this.contentScroll = new EventEmitter();
-        this.pageChange = new EventEmitter();
-        this.scrollBottom = new EventEmitter();
-        this.columnsStartIdx = 0;
-        this.resizeSensors = new QueryList();
-        this.subscriptions = new Subscription();
-        this.dispatcher = new Subject();
-        this.containerScrollTop = 0;
-        this.scrollLeft = 0;
-        this.rtl = false;
-        this.scroller = scrollerFactory(this.dispatcher);
-        this.subscriptions = scrollRequestService.requests.subscribe(x => this.scrollTo(x));
-    }
+    changeNotification;
+    suspendService;
+    ngZone;
+    renderer;
+    scrollSyncService;
+    resizeService;
+    editService;
+    supportService;
+    navigationService;
+    localization;
+    columnResizingService;
+    changeDetector;
+    pdfService;
+    columnInfo;
     get hostClass() {
         return true;
     }
     get hostRole() {
         return 'presentation';
     }
+    view;
+    total;
+    rowHeight;
+    take;
+    skip = 0;
+    columns = new ColumnsContainer(() => []);
+    noRecordsTemplate;
+    filterable;
+    rowClass;
+    loading;
+    trackBy = defaultTrackBy;
+    virtualColumns;
+    isVirtual;
+    expandIcons;
+    contentScroll = new EventEmitter();
+    pageChange = new EventEmitter();
+    scrollBottom = new EventEmitter();
+    totalHeight;
+    columnsStartIdx = 0;
     get totalWidth() {
         if (this.virtualColumns && this.columns.unlockedWidth) {
             return this.columns.unlockedWidth;
         }
     }
+    container;
+    table;
+    lockedContainer;
+    lockedTable;
+    resizeSensors = new QueryList();
+    scroller;
+    subscriptions = new Subscription();
+    scrollerSubscription;
+    dispatcher = new Subject();
+    rowHeightService;
+    skipScroll;
+    rebind;
+    containerScrollTop = 0;
+    viewportColumns;
+    columnsEndIdx;
+    viewportColumnsWidth;
+    scrollLeft = 0;
     get lockedLeafColumns() {
         return this.columns.lockedLeafColumns;
     }
@@ -167,6 +186,27 @@ export class ListComponent {
     get isLocked() {
         return this.lockedLeafColumns.length > 0;
     }
+    rtl = false;
+    columnUpdateFrame;
+    hasLockedContainer;
+    constructor(scrollerFactory, changeNotification, suspendService, ngZone, renderer, scrollSyncService, resizeService, editService, supportService, navigationService, scrollRequestService, localization, columnResizingService, changeDetector, pdfService, columnInfo) {
+        this.changeNotification = changeNotification;
+        this.suspendService = suspendService;
+        this.ngZone = ngZone;
+        this.renderer = renderer;
+        this.scrollSyncService = scrollSyncService;
+        this.resizeService = resizeService;
+        this.editService = editService;
+        this.supportService = supportService;
+        this.navigationService = navigationService;
+        this.localization = localization;
+        this.columnResizingService = columnResizingService;
+        this.changeDetector = changeDetector;
+        this.pdfService = pdfService;
+        this.columnInfo = columnInfo;
+        this.scroller = scrollerFactory(this.dispatcher);
+        this.subscriptions = scrollRequestService.requests.subscribe(x => this.scrollTo(x));
+    }
     ngOnInit() {
         this.init();
         this.subscriptions.add(this.ngZone.runOutsideAngular(this.handleRowSync.bind(this)));
@@ -516,14 +556,13 @@ export class ListComponent {
         }
         return element.offsetLeft;
     }
-}
-ListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListComponent, deps: [{ token: SCROLLER_FACTORY_TOKEN }, { token: i1.ChangeNotificationService }, { token: i2.SuspendService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i3.ScrollSyncService }, { token: i4.ResizeService }, { token: i5.EditService }, { token: i6.BrowserSupportService }, { token: i7.NavigationService }, { token: i8.ScrollRequestService }, { token: i9.LocalizationService }, { token: i10.ColumnResizingService }, { token: i0.ChangeDetectorRef }, { token: i11.PDFService }, { token: i12.ColumnInfoService }], target: i0.ɵɵFactoryTarget.Component });
-ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ListComponent, isStandalone: true, selector: "kendo-treelist-list", inputs: { view: "view", total: "total", rowHeight: "rowHeight", take: "take", skip: "skip", columns: "columns", noRecordsTemplate: "noRecordsTemplate", filterable: "filterable", rowClass: "rowClass", loading: "loading", trackBy: "trackBy", virtualColumns: "virtualColumns", isVirtual: "isVirtual", expandIcons: "expandIcons" }, outputs: { contentScroll: "contentScroll", pageChange: "pageChange", scrollBottom: "scrollBottom" }, host: { properties: { "class.k-grid-container": "this.hostClass", "attr.role": "this.hostRole" } }, providers: [
-        {
-            provide: SCROLLER_FACTORY_TOKEN,
-            useValue: DEFAULT_SCROLLER_FACTORY
-        }
-    ], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, static: true }, { propertyName: "table", first: true, predicate: ["table"], descendants: true, static: true }, { propertyName: "lockedContainer", first: true, predicate: ["lockedContainer"], descendants: true }, { propertyName: "lockedTable", first: true, predicate: ["lockedTable"], descendants: true }, { propertyName: "resizeSensors", predicate: ResizeSensorComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListComponent, deps: [{ token: SCROLLER_FACTORY_TOKEN }, { token: i1.ChangeNotificationService }, { token: i2.SuspendService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i3.ScrollSyncService }, { token: i4.ResizeService }, { token: i5.EditService }, { token: i6.BrowserSupportService }, { token: i7.NavigationService }, { token: i8.ScrollRequestService }, { token: i9.LocalizationService }, { token: i10.ColumnResizingService }, { token: i0.ChangeDetectorRef }, { token: i11.PDFService }, { token: i12.ColumnInfoService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ListComponent, isStandalone: true, selector: "kendo-treelist-list", inputs: { view: "view", total: "total", rowHeight: "rowHeight", take: "take", skip: "skip", columns: "columns", noRecordsTemplate: "noRecordsTemplate", filterable: "filterable", rowClass: "rowClass", loading: "loading", trackBy: "trackBy", virtualColumns: "virtualColumns", isVirtual: "isVirtual", expandIcons: "expandIcons" }, outputs: { contentScroll: "contentScroll", pageChange: "pageChange", scrollBottom: "scrollBottom" }, host: { properties: { "class.k-grid-container": "this.hostClass", "attr.role": "this.hostRole" } }, providers: [
+            {
+                provide: SCROLLER_FACTORY_TOKEN,
+                useValue: DEFAULT_SCROLLER_FACTORY
+            }
+        ], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, static: true }, { propertyName: "table", first: true, predicate: ["table"], descendants: true, static: true }, { propertyName: "lockedContainer", first: true, predicate: ["lockedContainer"], descendants: true }, { propertyName: "lockedTable", first: true, predicate: ["lockedTable"], descendants: true }, { propertyName: "resizeSensors", predicate: ResizeSensorComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
     <div #lockedContainer class="k-grid-content-locked" role="presentation"
         *ngIf="isLocked" [style.width.px]="lockedWidth"
         [kendoEventsOutsideAngular]="{
@@ -533,7 +572,7 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
             DOMMouseScroll: lockedMousewheel
         }"
         [scope]="this">
-        <div role="presentation" class="k-grid-table-wrap">
+        <div role="presentation">
             <table
                 kendoTreeListResizableTable
                 [locked]="true"
@@ -572,7 +611,7 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
         [kendoTreeListResizableContainer]="lockedLeafColumns.length > 0"
         [lockedWidth]="lockedWidth + 1"
     >
-        <div role="presentation" class="k-grid-table-wrap">
+        <div role="presentation">
             <table 
                 [style.width.px]="nonLockedWidth" 
                 #table
@@ -614,7 +653,8 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
     <div *ngIf="loading" kendoTreeListLoading>
     </div>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "directive", type: TableDirective, selector: "[kendoTreeListResizableTable]", inputs: ["locked", "virtualColumns"] }, { kind: "component", type: ColGroupComponent, selector: "[kendoTreeListColGroup]", inputs: ["columns"] }, { kind: "component", type: TableBodyComponent, selector: "[kendoTreeListTableBody]", inputs: ["columns", "allColumns", "noRecordsTemplate", "view", "skip", "filterable", "noRecordsText", "isLocked", "lockedColumnsCount", "totalColumnsCount", "virtualColumns", "expandIcons", "trackBy", "totalColumns", "rowClass"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "directive", type: ResizableContainerDirective, selector: "[kendoTreeListResizableContainer]", inputs: ["lockedWidth", "kendoTreeListResizableContainer"] }, { kind: "component", type: LoadingComponent, selector: "[kendoTreeListLoading]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [
@@ -634,7 +674,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             DOMMouseScroll: lockedMousewheel
         }"
         [scope]="this">
-        <div role="presentation" class="k-grid-table-wrap">
+        <div role="presentation">
             <table
                 kendoTreeListResizableTable
                 [locked]="true"
@@ -673,7 +713,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         [kendoTreeListResizableContainer]="lockedLeafColumns.length > 0"
         [lockedWidth]="lockedWidth + 1"
     >
-        <div role="presentation" class="k-grid-table-wrap">
+        <div role="presentation">
             <table 
                 [style.width.px]="nonLockedWidth" 
                 #table

package/{esm2020 → esm2022}/rendering/no-records-template.directive.mjs

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

package/{esm2020 → esm2022}/rendering/table-body.component.mjs

@@ -46,6 +46,43 @@ const columnCellIndex = (cell, cells) => {
  * @hidden
  */
 export class TableBodyComponent {
+    changeNotification;
+    editService;
+    localization;
+    ngZone;
+    renderer;
+    element;
+    domEvents;
+    columnInfoService;
+    navigationService;
+    expandState;
+    selection;
+    hostClass = true;
+    columns = [];
+    allColumns;
+    noRecordsTemplate;
+    view;
+    skip = 0;
+    filterable;
+    noRecordsText;
+    isLocked = false;
+    lockedColumnsCount = 0;
+    totalColumnsCount = 0;
+    virtualColumns;
+    expandIcons;
+    trackBy = defaultTrackBy;
+    totalColumns;
+    noneIcon = {
+        name: 'none',
+        content: '',
+        viewBox: '0 0 24 24'
+    };
+    clickSubscription;
+    l10nSubscription;
+    cellKeydownSubscription;
+    clickTimeout;
+    headerOffset;
+    rowClass = () => null;
     constructor(changeNotification, editService, localization, ngZone, renderer, element, domEvents, columnInfoService, navigationService, expandState, selection) {
         this.changeNotification = changeNotification;
         this.editService = editService;
@@ -58,23 +95,10 @@ export class TableBodyComponent {
         this.navigationService = navigationService;
         this.expandState = expandState;
         this.selection = selection;
-        this.hostClass = true;
-        this.columns = [];
-        this.skip = 0;
-        this.noRecordsText = this.localization.get('noRecords');
-        this.isLocked = false;
-        this.lockedColumnsCount = 0;
-        this.totalColumnsCount = 0;
-        this.trackBy = defaultTrackBy;
-        this.noneIcon = {
-            name: 'none',
-            content: '',
-            viewBox: '0 0 24 24'
-        };
-        this.rowClass = () => null;
         this.cellKeydownSubscription = this.navigationService.cellKeydown.subscribe((args) => this.cellKeydownHandler(args));
         this.trackByWrapper = this.trackByWrapper.bind(this);
         this.trackByColumns = this.trackByColumns.bind(this);
+        this.noRecordsText = this.localization.get('noRecords');
         this.selection.registerTable(this);
     }
     get newDataItem() {
@@ -328,7 +352,7 @@ export class TableBodyComponent {
     }
     checkboxClick(cell, row, eventArg) {
         const isCheckboxCell = hasClasses(cell, 'k-checkbox-cell');
-        const isCheckbox = hasClasses(eventArg.target, 'k-checkbox');
+        const isCheckbox = eventArg.target.closest('.k-checkbox-wrap');
         if (isCheckboxCell && !isCheckbox && this.selection.settings.checkboxOnly) {
             return;
         }
@@ -336,7 +360,8 @@ export class TableBodyComponent {
             this.selection.enabled && this.selection.rowSelection) {
             const args = this.cellClickArgs(cell, row, eventArg);
             this.selection.checkboxClick(args);
-            if (eventArg.target.checked !== this.selection.isRowSelected(args.dataItem)) {
+            const isChecked = isCheckbox?.firstElementChild.classList.contains('k-checked');
+            if (isChecked !== this.selection.isRowSelected(args.dataItem)) {
                 eventArg.preventDefault();
             }
             return true;
@@ -348,9 +373,8 @@ export class TableBodyComponent {
         const viewItem = this.view.at(viewIndex);
         return viewItem;
     }
-}
-TableBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TableBodyComponent, deps: [{ token: i1.ChangeNotificationService }, { token: i2.EditService }, { token: i3.LocalizationService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i4.DomEventsService }, { token: i5.ColumnInfoService }, { token: i6.NavigationService }, { token: i7.ExpandStateService }, { token: i8.SelectionService }], target: i0.ɵɵFactoryTarget.Component });
-TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TableBodyComponent, isStandalone: true, 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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableBodyComponent, deps: [{ token: i1.ChangeNotificationService }, { token: i2.EditService }, { token: i3.LocalizationService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i4.DomEventsService }, { token: i5.ColumnInfoService }, { token: i6.NavigationService }, { token: i7.ExpandStateService }, { token: i8.SelectionService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TableBodyComponent, isStandalone: true, 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">
@@ -388,6 +412,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
                     [level]="item.level"
                     [hasChildren]="item.hasChildren"
                     [isExpanded]="item.expanded"
+                    [rowIndex]="item.rowIndex"
                     [loading]="item.loading"
                     [isNew]="item.isNew"
                     [selected]="item.selected"
@@ -448,8 +473,9 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
            </td>
         </tr>
     </ng-container>
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: LogicalRowDirective, selector: "[kendoTreeListLogicalRow]", inputs: ["logicalRowIndex", "logicalSlaveRow", "logicalCellsCount", "logicalSlaveCellsCount", "dataRowIndex", "dataItem", "isNew", "totalColumns"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CellComponent, selector: "[kendoTreeListCell]", inputs: ["column", "columnIndex", "isNew", "level", "hasChildren", "isExpanded", "loading", "expandIcons", "selected", "dataItem", "viewItem"] }, { kind: "directive", type: LogicalCellDirective, selector: "[kendoTreeListLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "column", "colIndex", "colSpan", "rowSpan", "dataRowIndex", "dataItem", "expandable"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "pipe", type: LevelItemsPipe, name: "levelItems" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TableBodyComponent, decorators: [{
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: LogicalRowDirective, selector: "[kendoTreeListLogicalRow]", inputs: ["logicalRowIndex", "logicalSlaveRow", "logicalCellsCount", "logicalSlaveCellsCount", "dataRowIndex", "dataItem", "isNew", "totalColumns"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CellComponent, selector: "[kendoTreeListCell]", inputs: ["column", "columnIndex", "isNew", "level", "hasChildren", "isExpanded", "loading", "expandIcons", "rowIndex", "selected", "dataItem", "viewItem"] }, { kind: "directive", type: LogicalCellDirective, selector: "[kendoTreeListLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "column", "colIndex", "colSpan", "rowSpan", "dataRowIndex", "dataItem", "expandable"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "pipe", type: LevelItemsPipe, name: "levelItems" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableBodyComponent, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendoTreeListTableBody]',
@@ -491,6 +517,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     [level]="item.level"
                     [hasChildren]="item.hasChildren"
                     [isExpanded]="item.expanded"
+                    [rowIndex]="item.rowIndex"
                     [loading]="item.loading"
                     [isNew]="item.isNew"
                     [selected]="item.selected"

package/{esm2020 → esm2022}/rendering/toolbar/toolbar-focusable.directive.mjs

@@ -12,10 +12,8 @@ import * as i1 from "../../common/provider.service";
  * keyboard navigation.
  */
 export class TreeListToolbarFocusableDirective {
-    constructor(host, ctx) {
-        this.host = host;
-        this.ctx = ctx;
-    }
+    host;
+    ctx;
     /**
      * @hidden
      */
@@ -28,6 +26,10 @@ export class TreeListToolbarFocusableDirective {
     get toolbarPosition() {
         return isDocumentAvailable() && this.host.nativeElement.closest('.k-toolbar')?.getAttribute('position');
     }
+    constructor(host, ctx) {
+        this.host = host;
+        this.ctx = ctx;
+    }
     ngAfterViewInit() {
         if (!isDocumentAvailable() || !this.toolbarPosition) {
             return;
@@ -43,10 +45,10 @@ export class TreeListToolbarFocusableDirective {
         this.ctx[`${this.toolbarPosition}ToolbarNavigation`].navigableElements = elements.filter(el => el !== this.element);
         this.ctx[`${this.toolbarPosition}ToolbarNavigation`].notify();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeListToolbarFocusableDirective, deps: [{ token: i0.ElementRef }, { token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TreeListToolbarFocusableDirective, isStandalone: true, selector: "\n        [kendoTreeListToolbarFocusable],\n        [kendoTreeListAddCommand],\n        [kendoTreeListCancelCommand],\n        [kendoTreeListEditCommand],\n        [kendoTreeListRemoveCommand],\n        [kendoTreeListSaveCommand],\n        [kendoTreeListExcelCommand],\n        [kendoTreeListPDFCommand]\n    ", ngImport: i0 });
 }
-TreeListToolbarFocusableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeListToolbarFocusableDirective, deps: [{ token: i0.ElementRef }, { token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Directive });
-TreeListToolbarFocusableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TreeListToolbarFocusableDirective, isStandalone: true, selector: "\n        [kendoTreeListToolbarFocusable],\n        [kendoTreeListAddCommand],\n        [kendoTreeListCancelCommand],\n        [kendoTreeListEditCommand],\n        [kendoTreeListRemoveCommand],\n        [kendoTreeListSaveCommand],\n        [kendoTreeListExcelCommand],\n        [kendoTreeListPDFCommand]\n    ", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeListToolbarFocusableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeListToolbarFocusableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `

package/{esm2020 → esm2022}/rendering/toolbar/toolbar-navigation.service.mjs

@@ -9,11 +9,10 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class TreeListToolbarNavigationService {
-    constructor(renderer) {
-        this.renderer = renderer;
-        this.navigableElements = [];
-        this.currentActiveIndex = 0;
-        this.defaultFocusableSelector = `
+    renderer;
+    navigableElements = [];
+    currentActiveIndex = 0;
+    defaultFocusableSelector = `
         [kendoTreeListToolbarFocusable],
         [kendoTreeListAddCommand],
         [kendoTreeListCancelCommand],
@@ -23,6 +22,8 @@ export class TreeListToolbarNavigationService {
         [kendoTreeListExcelCommand],
         [kendoTreeListPDFCommand]
     `;
+    constructor(renderer) {
+        this.renderer = renderer;
     }
     notify() {
         // ensure focusable elements are in the same order as in the DOM
@@ -45,9 +46,9 @@ export class TreeListToolbarNavigationService {
             this.navigableElements[this.currentActiveIndex].focus();
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeListToolbarNavigationService, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeListToolbarNavigationService });
 }
-TreeListToolbarNavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeListToolbarNavigationService, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable });
-TreeListToolbarNavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeListToolbarNavigationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeListToolbarNavigationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeListToolbarNavigationService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }]; } });

package/{esm2020 → esm2022}/rendering/toolbar/toolbar-template.directive.mjs

@@ -24,11 +24,9 @@ import * as i1 from "../../common/option-changes.service";
  * ```
  */
 export class ToolbarTemplateDirective {
-    constructor(templateRef, optionChanges) {
-        this.templateRef = templateRef;
-        this.optionChanges = optionChanges;
-        this._position = "top";
-    }
+    templateRef;
+    optionChanges;
+    _position = "top";
     /**
      * The position of the toolbar ([see example](slug:toolbartemplate_treelist#toc-setting-the-toolbar-position)).
      * The group panel or header and the second one below the pager.
@@ -41,10 +39,14 @@ export class ToolbarTemplateDirective {
     get position() {
         return this._position;
     }
+    constructor(templateRef, optionChanges) {
+        this.templateRef = templateRef;
+        this.optionChanges = optionChanges;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }, { token: i1.OptionChangesService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ToolbarTemplateDirective, isStandalone: true, selector: "[kendoTreeListToolbarTemplate]", inputs: { position: "position" }, ngImport: i0 });
 }
-ToolbarTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }, { token: i1.OptionChangesService }], target: i0.ɵɵFactoryTarget.Directive });
-ToolbarTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarTemplateDirective, isStandalone: true, selector: "[kendoTreeListToolbarTemplate]", inputs: { position: "position" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTreeListToolbarTemplate]',

package/{esm2020 → esm2022}/rendering/toolbar/toolbar.component.mjs

@@ -14,21 +14,26 @@ import * as i1 from "./../../common/provider.service";
  * @hidden
  */
 export class ToolbarComponent {
-    constructor(elem, renderer, ctx) {
-        this.elem = elem;
-        this.renderer = renderer;
-        this.ctx = ctx;
-        this.hostRole = 'toolbar';
-        this.context = {};
-        this.subs = new Subscription();
-        this.navigationService = this.ctx[`${this.elem.nativeElement.getAttribute('position')}ToolbarNavigation`];
-    }
+    elem;
+    renderer;
+    ctx;
+    hostRole = 'toolbar';
+    context = {};
     set position(value) {
         this.context.position = value;
     }
+    navigable;
     get toolbarTemplateRef() {
         return this.ctx.treelist.toolbarTemplate ? this.ctx.treelist.toolbarTemplate.templateRef : undefined;
     }
+    subs = new Subscription();
+    navigationService;
+    constructor(elem, renderer, ctx) {
+        this.elem = elem;
+        this.renderer = renderer;
+        this.ctx = ctx;
+        this.navigationService = this.ctx[`${this.elem.nativeElement.getAttribute('position')}ToolbarNavigation`];
+    }
     ngAfterViewInit() {
         const element = this.elem.nativeElement;
         this.subs.add(this.renderer.listen(element, 'keydown', event => this.onKeyDown(event)));
@@ -55,9 +60,8 @@ export class ToolbarComponent {
         }
         this.navigationService.updateFocus();
     }
-}
-ToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Component });
-ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarComponent, isStandalone: true, selector: "kendo-treelist-toolbar", inputs: { position: "position", navigable: "navigable" }, host: { properties: { "attr.role": "this.hostRole" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ToolbarComponent, isStandalone: true, selector: "kendo-treelist-toolbar", inputs: { position: "position", navigable: "navigable" }, host: { properties: { "attr.role": "this.hostRole" } }, ngImport: i0, template: `
         <ng-template
             *ngIf="toolbarTemplateRef"
             [ngTemplateOutlet]="toolbarTemplateRef"
@@ -65,7 +69,8 @@ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
             >
         </ng-template>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-treelist-toolbar',

package/{esm2020 → esm2022}/row-reordering/flat-reorder.service.mjs

@@ -40,9 +40,9 @@ export class FlatRowReorderService extends RowReorderService {
         }
         collection.splice(dropTargetIdx, 0, draggedDataItem);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FlatRowReorderService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FlatRowReorderService });
 }
-FlatRowReorderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FlatRowReorderService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-FlatRowReorderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FlatRowReorderService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FlatRowReorderService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FlatRowReorderService, decorators: [{
             type: Injectable
         }] });

package/{esm2020 → esm2022}/row-reordering/hierarchical-reorder.service.mjs

@@ -47,9 +47,9 @@ export class HierarchicalRowReorderService extends RowReorderService {
             dropTargetItem[field].unshift(draggedItem);
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HierarchicalRowReorderService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HierarchicalRowReorderService });
 }
-HierarchicalRowReorderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HierarchicalRowReorderService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-HierarchicalRowReorderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HierarchicalRowReorderService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HierarchicalRowReorderService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HierarchicalRowReorderService, decorators: [{
             type: Injectable
         }] });

package/{esm2020 → esm2022}/row-reordering/row-reorder.service.mjs

@@ -10,14 +10,19 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class RowReorderService {
+    renderer;
+    defaultSelectors = defaultSelectors;
+    dragTarget = null;
+    dropTarget = null;
+    view;
+    bindingDirective;
+    offsetY;
+    dropIndicator;
+    lastDropPosition = dropPosition.forbidden;
+    hintElement = null;
+    rowReorder = new EventEmitter();
     constructor(renderer) {
         this.renderer = renderer;
-        this.defaultSelectors = defaultSelectors;
-        this.dragTarget = null;
-        this.dropTarget = null;
-        this.lastDropPosition = dropPosition.forbidden;
-        this.hintElement = null;
-        this.rowReorder = new EventEmitter();
     }
     press(ev) {
         this.dragTarget = ev.dragTarget;
@@ -213,10 +218,10 @@ export class RowReorderService {
             this.renderer.removeStyle(this.dropIndicator, 'display');
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RowReorderService, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RowReorderService });
 }
-RowReorderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RowReorderService, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable });
-RowReorderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RowReorderService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RowReorderService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RowReorderService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { rowReorder: [{
                 type: Output

package/{esm2020 → esm2022}/scrolling/row-height.service.mjs

@@ -6,6 +6,8 @@
  * @hidden
  */
 export class RowHeightService {
+    total;
+    rowHeight;
     constructor(total = 0, rowHeight) {
         this.total = total;
         this.rowHeight = rowHeight;