@progress/kendo-angular-treelist 24.0.2 → 24.0.3-develop.1

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

@@ -49,8 +49,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1779950335,
-    version: '24.0.2',
+    publishDate: 1779975717,
+    version: '24.0.3-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -4406,14 +4406,16 @@ class SelectionService {
         else {
             this.click(args, true);
         }
+        this.updateSelectAllState();
     }
-    toggleAll(select) {
+    toggleAll(select, checkChildren) {
         ViewCollection.loadView({
             fields: Object.assign({}, this.view.fieldAccessor(), {
                 hasFooter: false,
                 pageable: false,
                 isVirtual: false
             }),
+            ...(checkChildren === false && { expandState: this.view.expandState }),
             loaded: this.view.loaded,
             selectionState: this.view.selectionState
         }).subscribe(view => {
@@ -4473,6 +4475,26 @@ class SelectionService {
         });
         return result;
     }
+    updateSelectAllState() {
+        const selectedItems = this.view.data.filter(item => Boolean(item.selected)).map(item => ({
+            dataItem: item.data
+        }));
+        if (selectedItems.length < this.view.data.length && selectedItems.length > 0) {
+            this.selectAllCheckedState = 'indeterminate';
+        }
+        else if (selectedItems.length === this.view.data.length && selectedItems.length > 0) {
+            if (this.view.data.some(i => i.hasChildren && i.loading)) {
+                this.selectAllCheckedState = 'indeterminate';
+            }
+            else {
+                this.selectAllCheckedState = true;
+            }
+        }
+        else {
+            this.selectAllCheckedState = false;
+        }
+        this.selectAllCheckedStateChange.next(this.selectAllCheckedState);
+    }
     rowSelected(dataItem) {
         return this.isSelected(dataItem);
     }
@@ -8115,10 +8137,18 @@ class ListComponent {
         this.subscriptions.add(this.ngZone.runOutsideAngular(this.handleRowNavigationLocked.bind(this)));
         this.subscriptions.add(merge(this.columns.changes, this.resizeService.changes).subscribe(() => {
             if (this.virtualColumns) {
-                this.ngZone.run(() => {
-                    this.updateViewportColumns();
-                    this.changeDetector.markForCheck();
-                });
+                if (isPresent(this.lockedContainer)) {
+                    this.ngZone.onStable.pipe(take(1)).subscribe(() => {
+                        this.updateViewportColumns();
+                        this.changeDetector.markForCheck();
+                    });
+                }
+                else {
+                    this.ngZone.run(() => {
+                        this.updateViewportColumns();
+                        this.changeDetector.markForCheck();
+                    });
+                }
             }
         }));
         this.subscriptions.add(this.localization.changes.subscribe(({ rtl }) => this.rtl = rtl));
@@ -15524,8 +15554,8 @@ class HeaderComponent {
         return column.isCheckboxColumn && column.showSelectAll && !column.headerTemplateRef &&
             this.selectionService.enableMultiple;
     }
-    selectAllChange(state) {
-        this.selectionService.toggleAll(state);
+    selectAllChange(state, checkChildren) {
+        this.selectionService.toggleAll(state, checkChildren);
     }
     sortDescriptor(field) {
         return this.sort.find(item => item.field === field) || { field };
@@ -15747,7 +15777,7 @@ class HeaderComponent {
                       [inputAttributes]="{'aria-label': messageFor('selectAllRowsCheckboxLabel')}"
                       kendoTreeListSelectAllCheckbox
                       kendoTreeListFocusable
-                      (checkedStateChange)="selectAllChange($event)"
+                      (checkedStateChange)="selectAllChange($event, $any(column).checkChildren)"
                     ></kendo-checkbox>
                   }
                   @if (isCheckboxColumn(column) && !column.title && !column.headerTemplateRef && !$any(column).showSelectAll) {
@@ -15986,7 +16016,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                       [inputAttributes]="{'aria-label': messageFor('selectAllRowsCheckboxLabel')}"
                       kendoTreeListSelectAllCheckbox
                       kendoTreeListFocusable
-                      (checkedStateChange)="selectAllChange($event)"
+                      (checkedStateChange)="selectAllChange($event, $any(column).checkChildren)"
                     ></kendo-checkbox>
                   }
                   @if (isCheckboxColumn(column) && !column.title && !column.headerTemplateRef && !$any(column).showSelectAll) {
@@ -17601,6 +17631,7 @@ class TreeListComponent {
                     this.ngZone.onStable.pipe(take(1)).subscribe(() => this.changeNotification.notify());
                 }
                 this.expandStateChange.emit(args);
+                this.selectionService.updateSelectAllState();
             }
             if (this.rowReorderable) {
                 this.ngZone.onStable.pipe(take(1)).subscribe(() => {

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1779950335,
-  "version": "24.0.2",
+  "publishDate": 1779975717,
+  "version": "24.0.3-develop.1",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-treelist",
-  "version": "24.0.2",
+  "version": "24.0.3-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",
@@ -39,7 +39,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1779950335,
+      "publishDate": 1779975717,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -52,26 +52,26 @@
     "@progress/kendo-data-query": "^1.7.3",
     "@progress/kendo-drawing": "^1.25.0",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-buttons": "24.0.2",
-    "@progress/kendo-angular-common": "24.0.2",
-    "@progress/kendo-angular-dateinputs": "24.0.2",
-    "@progress/kendo-angular-dropdowns": "24.0.2",
-    "@progress/kendo-angular-excel-export": "24.0.2",
-    "@progress/kendo-angular-icons": "24.0.2",
-    "@progress/kendo-angular-inputs": "24.0.2",
-    "@progress/kendo-angular-intl": "24.0.2",
-    "@progress/kendo-angular-l10n": "24.0.2",
-    "@progress/kendo-angular-label": "24.0.2",
-    "@progress/kendo-angular-pager": "24.0.2",
-    "@progress/kendo-angular-pdf-export": "24.0.2",
-    "@progress/kendo-angular-popup": "24.0.2",
-    "@progress/kendo-angular-toolbar": "24.0.2",
-    "@progress/kendo-angular-utils": "24.0.2",
+    "@progress/kendo-angular-buttons": "24.0.3-develop.1",
+    "@progress/kendo-angular-common": "24.0.3-develop.1",
+    "@progress/kendo-angular-dateinputs": "24.0.3-develop.1",
+    "@progress/kendo-angular-dropdowns": "24.0.3-develop.1",
+    "@progress/kendo-angular-excel-export": "24.0.3-develop.1",
+    "@progress/kendo-angular-icons": "24.0.3-develop.1",
+    "@progress/kendo-angular-inputs": "24.0.3-develop.1",
+    "@progress/kendo-angular-intl": "24.0.3-develop.1",
+    "@progress/kendo-angular-l10n": "24.0.3-develop.1",
+    "@progress/kendo-angular-label": "24.0.3-develop.1",
+    "@progress/kendo-angular-pager": "24.0.3-develop.1",
+    "@progress/kendo-angular-pdf-export": "24.0.3-develop.1",
+    "@progress/kendo-angular-popup": "24.0.3-develop.1",
+    "@progress/kendo-angular-toolbar": "24.0.3-develop.1",
+    "@progress/kendo-angular-utils": "24.0.3-develop.1",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "24.0.2",
+    "@progress/kendo-angular-schematics": "24.0.3-develop.1",
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-file-saver": "^1.0.0"
   },

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

@@ -122,7 +122,7 @@ export declare class HeaderComponent implements AfterViewInit, OnInit, OnChanges
     isColumnGroupComponent(column: ColumnBase): boolean;
     get columnLevels(): Array<number>;
     renderSelectAll(column: any): boolean;
-    selectAllChange(state: any): void;
+    selectAllChange(state: any, checkChildren?: boolean): void;
     sortDescriptor(field: string): SortDescriptor;
     get leafColumns(): ColumnBase[];
     messageFor(token: string): string;

package/schematics/ngAdd/index.js

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

package/selection/selection.service.d.ts

@@ -39,11 +39,12 @@ export declare class SelectionService {
     unregisterTable(table: any): void;
     click(args: any, toggle?: boolean): void;
     checkboxClick(args: any): void;
-    toggleAll(select: boolean): void;
+    toggleAll(select: boolean, checkChildren?: boolean): void;
     selectRange(firstPoint: any, secondPoint: any, shiftKey?: boolean): void;
     rangeItems(firstPoint: any, secondPoint: any): any[];
     updateSelectedState(): void;
     targetArgs(target: any, skipFocusable?: boolean): any;
+    updateSelectAllState(): void;
     protected rowSelected(dataItem: any): boolean;
     protected cellSelected(dataItem: any, column: any, columnIndex: any): boolean;
     protected get leafColumns(): any[];