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

package/esm2022/package-metadata.mjs

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

package/esm2022/rendering/header/select-all-checkbox.directive.mjs

@@ -15,9 +15,15 @@ import * as i2 from "../../selection/selection.service";
  * @hidden
  */
 export class TreeListSelectAllCheckboxDirective {
+    host;
+    selectionService;
+    cdr;
     sub = new Subscription();
     setState = true;
     constructor(host, hostEl, selectionService, cdr, renderer) {
+        this.host = host;
+        this.selectionService = selectionService;
+        this.cdr = cdr;
         this.sub = selectionService.changes.subscribe(eventData => {
             // omit setting the state when the selection change comes from clicking the checkbox, and clear the flag
             if (!this.setState) {
@@ -54,6 +60,10 @@ export class TreeListSelectAllCheckboxDirective {
             }
             cdr.detectChanges();
         });
+        this.sub.add(selectionService.selectAllCheckedStateChange.subscribe((selectAllCheckedState) => {
+            host.checkedState = selectAllCheckedState;
+            cdr.detectChanges();
+        }));
         // set flag for conditional checkbox state logic
         ['pointerdown', 'keydown'].forEach(eventName => this.sub.add(renderer.listen(hostEl.nativeElement, eventName, (e) => {
             const isSpace = e.key && e.key === ' ';
@@ -61,6 +71,10 @@ export class TreeListSelectAllCheckboxDirective {
             spaceOrPointer && (this.setState = false);
         })));
     }
+    ngAfterViewInit() {
+        this.host.checkedState = this.selectionService.selectAllCheckedState;
+        this.cdr.detectChanges();
+    }
     ngOnDestroy() {
         this.sub && this.sub.unsubscribe();
     }

package/esm2022/rendering/table-body.component.mjs

@@ -360,8 +360,7 @@ export class TableBodyComponent {
             this.selection.enabled && this.selection.rowSelection) {
             const args = this.cellClickArgs(cell, row, eventArg);
             this.selection.checkboxClick(args);
-            const isChecked = isCheckbox?.firstElementChild.classList.contains('k-checked');
-            if (isChecked !== this.selection.isRowSelected(args.dataItem)) {
+            if (eventArg.target.checked !== this.selection.isRowSelected(args.dataItem)) {
                 eventArg.preventDefault();
             }
             return true;

package/esm2022/selection/selectable.directive.mjs

@@ -54,6 +54,20 @@ export class SelectableDirective {
             this.treelist.updateView();
         }
         this._selectedItems = value;
+        const currentValue = value || [];
+        const previousState = this.selectionService.selectAllCheckedState;
+        if (currentValue.length > 0 && currentValue.length === this.treelist.view.total) {
+            this.selectionService.selectAllCheckedState = true;
+        }
+        else if (currentValue.length === 0) {
+            this.selectionService.selectAllCheckedState = false;
+        }
+        else {
+            this.selectionService.selectAllCheckedState = 'indeterminate';
+        }
+        if (previousState !== this.selectionService.selectAllCheckedState) {
+            this.selectionService.selectAllCheckedStateChange.next(this.selectionService.selectAllCheckedState);
+        }
     }
     /**
      * Fires when the selected items are changed.

package/esm2022/selection/selection.service.mjs

@@ -18,6 +18,7 @@ const noop = () => false;
  */
 export class SelectionService {
     changes = new Subject();
+    selectAllCheckedStateChange = new Subject();
     state = [];
     set settings(value) {
         if (typeof value === 'object') {
@@ -71,6 +72,7 @@ export class SelectionService {
     isCellSelected = noop;
     enabled = false;
     dragging = false;
+    selectAllCheckedState = false;
     view;
     columnsContainer;
     _settings = {};

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

@@ -49,8 +49,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1744877666,
-    version: '18.5.2-develop.7',
+    publishDate: 1744882847,
+    version: '18.5.2-develop.9',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -4251,6 +4251,7 @@ const noop = () => false;
  */
 class SelectionService {
     changes = new Subject();
+    selectAllCheckedStateChange = new Subject();
     state = [];
     set settings(value) {
         if (typeof value === 'object') {
@@ -4304,6 +4305,7 @@ class SelectionService {
     isCellSelected = noop;
     enabled = false;
     dragging = false;
+    selectAllCheckedState = false;
     view;
     columnsContainer;
     _settings = {};
@@ -6805,8 +6807,7 @@ class TableBodyComponent {
             this.selection.enabled && this.selection.rowSelection) {
             const args = this.cellClickArgs(cell, row, eventArg);
             this.selection.checkboxClick(args);
-            const isChecked = isCheckbox?.firstElementChild.classList.contains('k-checked');
-            if (isChecked !== this.selection.isRowSelected(args.dataItem)) {
+            if (eventArg.target.checked !== this.selection.isRowSelected(args.dataItem)) {
                 eventArg.preventDefault();
             }
             return true;
@@ -14583,9 +14584,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * @hidden
  */
 class TreeListSelectAllCheckboxDirective {
+    host;
+    selectionService;
+    cdr;
     sub = new Subscription();
     setState = true;
     constructor(host, hostEl, selectionService, cdr, renderer) {
+        this.host = host;
+        this.selectionService = selectionService;
+        this.cdr = cdr;
         this.sub = selectionService.changes.subscribe(eventData => {
             // omit setting the state when the selection change comes from clicking the checkbox, and clear the flag
             if (!this.setState) {
@@ -14622,6 +14629,10 @@ class TreeListSelectAllCheckboxDirective {
             }
             cdr.detectChanges();
         });
+        this.sub.add(selectionService.selectAllCheckedStateChange.subscribe((selectAllCheckedState) => {
+            host.checkedState = selectAllCheckedState;
+            cdr.detectChanges();
+        }));
         // set flag for conditional checkbox state logic
         ['pointerdown', 'keydown'].forEach(eventName => this.sub.add(renderer.listen(hostEl.nativeElement, eventName, (e) => {
             const isSpace = e.key && e.key === ' ';
@@ -14629,6 +14640,10 @@ class TreeListSelectAllCheckboxDirective {
             spaceOrPointer && (this.setState = false);
         })));
     }
+    ngAfterViewInit() {
+        this.host.checkedState = this.selectionService.selectAllCheckedState;
+        this.cdr.detectChanges();
+    }
     ngOnDestroy() {
         this.sub && this.sub.unsubscribe();
     }
@@ -20206,6 +20221,20 @@ class SelectableDirective {
             this.treelist.updateView();
         }
         this._selectedItems = value;
+        const currentValue = value || [];
+        const previousState = this.selectionService.selectAllCheckedState;
+        if (currentValue.length > 0 && currentValue.length === this.treelist.view.total) {
+            this.selectionService.selectAllCheckedState = true;
+        }
+        else if (currentValue.length === 0) {
+            this.selectionService.selectAllCheckedState = false;
+        }
+        else {
+            this.selectionService.selectAllCheckedState = 'indeterminate';
+        }
+        if (previousState !== this.selectionService.selectAllCheckedState) {
+            this.selectionService.selectAllCheckedStateChange.next(this.selectionService.selectAllCheckedState);
+        }
     }
     /**
      * Fires when the selected items are changed.

package/package.json

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

package/rendering/header/select-all-checkbox.directive.d.ts

@@ -2,17 +2,21 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ChangeDetectorRef, ElementRef, OnDestroy, Renderer2 } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, Renderer2 } from '@angular/core';
 import { CheckBoxComponent } from '@progress/kendo-angular-inputs';
 import { SelectionService } from '../../selection/selection.service';
 import * as i0 from "@angular/core";
 /**
  * @hidden
  */
-export declare class TreeListSelectAllCheckboxDirective implements OnDestroy {
+export declare class TreeListSelectAllCheckboxDirective implements AfterViewInit, OnDestroy {
+    private host;
+    private selectionService;
+    private cdr;
     private sub;
     private setState;
     constructor(host: CheckBoxComponent, hostEl: ElementRef, selectionService: SelectionService, cdr: ChangeDetectorRef, renderer: Renderer2);
+    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TreeListSelectAllCheckboxDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TreeListSelectAllCheckboxDirective, "[kendoTreeListSelectAllCheckbox]", never, {}, {}, never, never, true, 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': '18.5.2-develop.7',
+            '@progress/kendo-angular-treeview': '18.5.2-develop.9',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '18.5.2-develop.7',
+            '@progress/kendo-angular-dialog': '18.5.2-develop.9',
             // peer dependency of kendo-angular-icons
             '@progress/kendo-svg-icons': '^4.0.0',
             // peer dependency of kendo-angular-dateinputs
-            '@progress/kendo-angular-navigation': '18.5.2-develop.7',
+            '@progress/kendo-angular-navigation': '18.5.2-develop.9',
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }

package/selection/selection.service.d.ts

@@ -14,6 +14,7 @@ export declare const defaultSelected: (_item: any) => boolean;
  */
 export declare class SelectionService {
     changes: Subject<SelectionChangeEvent>;
+    selectAllCheckedStateChange: Subject<any>;
     state: any[];
     set settings(value: any);
     get settings(): any;
@@ -25,6 +26,7 @@ export declare class SelectionService {
     isCellSelected: any;
     enabled: boolean;
     dragging: boolean;
+    selectAllCheckedState: any;
     private view;
     private columnsContainer;
     private _settings;