@progress/kendo-angular-treeview 15.1.0-develop.1 → 15.1.0-develop.3

package/check.directive.d.ts

@@ -63,6 +63,7 @@ export declare class CheckDirective implements OnChanges, OnDestroy {
     protected toggleCheckOnClick(): void;
     private unsubscribeClick;
     private checkNode;
+    private uncheckChildren;
     private checkParents;
     private allChildrenSelected;
     private notify;

package/checkable-settings.d.ts

@@ -22,33 +22,45 @@ export interface CheckableSettings {
     /**
      * The available values are:
      * * `"single"`
-     * * (Default) `"multiple"`
+     * * `"multiple"`
+     *
+     * @default 'multiple'
      */
     mode?: CheckMode;
     /**
      * Determines whether to automatically check the children nodes.
-     * Defaults to `true`.
+     * @default true
      *
      * > The option works only together with the multiple selection mode.
      */
     checkChildren?: boolean;
     /**
      * Determines whether to display the indeterminate state for the parent nodes.
-     * Defaults to `true`.
+     * @default true
      *
      * > The option works only together with the multiple selection mode.
      */
     checkParents?: boolean;
     /**
      * Specifies if on clicking the node, the item will be checked or unchecked.
-     * Defaults to `false`.
+     * @default false
      */
     checkOnClick?: boolean;
     /**
      * Determines whether disabled children will be checked if their parent is checked.
-     * Defaults to `false`
+     *
+     * @default false
      *
      * > The option works only together with the multiple selection mode and `checkChildren: true`.
      */
     checkDisabledChildren?: boolean;
+    /**
+     * Determines whether collapsed children should be unchecked when unchecking their parent.
+     *
+     * @default false
+     *
+     * > The option works only together with the multiple selection mode and when
+     * [`loadOnDemand`]({% slug api_treeview_treeviewcomponent %}#toc-loadondemand) is `true`.
+     */
+    uncheckCollapsedChildren?: boolean;
 }

package/esm2020/check.directive.mjs

@@ -67,7 +67,8 @@ export class CheckDirective {
             checkChildren: true,
             checkParents: true,
             enabled: true,
-            mode: "multiple"
+            mode: "multiple",
+            uncheckCollapsedChildren: false
         };
         if (!isPresent(this.checkable) || typeof this.checkable === 'string') {
             return defaultOptions;
@@ -189,9 +190,29 @@ export class CheckDirective {
             }
             else {
                 this.state.delete(key);
+                if (this.options.uncheckCollapsedChildren &&
+                    this.options.mode === 'multiple' &&
+                    this.treeView.loadOnDemand) {
+                    if (this.checkKey && this.treeView.hasChildren(node.item.dataItem)) {
+                        this.uncheckChildren(node.item.dataItem, node.item.index);
+                        return;
+                    }
+                    const checkedKeys = Array.from(this.state).filter(matchKey(node.item.index));
+                    checkedKeys.forEach(key => this.state.delete(key));
+                }
             }
         });
     }
+    uncheckChildren(dataItem, parentNodeIndex) {
+        this.treeView.children(dataItem).subscribe(children => children.forEach((item, index) => {
+            const nodeIndex = `${parentNodeIndex}_${index}`;
+            this.state.delete(this.itemKey({ dataItem: item, index: nodeIndex }));
+            if (this.treeView.hasChildren(item)) {
+                this.uncheckChildren(item, nodeIndex);
+            }
+        }));
+    }
+    ;
     checkParents(parent) {
         if (!isPresent(parent)) {
             return;

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-treeview',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1708505111,
-    version: '15.1.0-develop.1',
+    publishDate: 1708526974,
+    version: '15.1.0-develop.3',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/fesm2015/progress-kendo-angular-treeview.mjs

@@ -28,8 +28,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-treeview',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1708505111,
-    version: '15.1.0-develop.1',
+    publishDate: 1708526974,
+    version: '15.1.0-develop.3',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -3111,7 +3111,8 @@ class CheckDirective {
             checkChildren: true,
             checkParents: true,
             enabled: true,
-            mode: "multiple"
+            mode: "multiple",
+            uncheckCollapsedChildren: false
         };
         if (!isPresent(this.checkable) || typeof this.checkable === 'string') {
             return defaultOptions;
@@ -3233,9 +3234,29 @@ class CheckDirective {
             }
             else {
                 this.state.delete(key);
+                if (this.options.uncheckCollapsedChildren &&
+                    this.options.mode === 'multiple' &&
+                    this.treeView.loadOnDemand) {
+                    if (this.checkKey && this.treeView.hasChildren(node.item.dataItem)) {
+                        this.uncheckChildren(node.item.dataItem, node.item.index);
+                        return;
+                    }
+                    const checkedKeys = Array.from(this.state).filter(matchKey(node.item.index));
+                    checkedKeys.forEach(key => this.state.delete(key));
+                }
             }
         });
     }
+    uncheckChildren(dataItem, parentNodeIndex) {
+        this.treeView.children(dataItem).subscribe(children => children.forEach((item, index) => {
+            const nodeIndex = `${parentNodeIndex}_${index}`;
+            this.state.delete(this.itemKey({ dataItem: item, index: nodeIndex }));
+            if (this.treeView.hasChildren(item)) {
+                this.uncheckChildren(item, nodeIndex);
+            }
+        }));
+    }
+    ;
     checkParents(parent) {
         if (!isPresent(parent)) {
             return;

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

@@ -28,8 +28,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-treeview',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1708505111,
-    version: '15.1.0-develop.1',
+    publishDate: 1708526974,
+    version: '15.1.0-develop.3',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -3107,7 +3107,8 @@ class CheckDirective {
             checkChildren: true,
             checkParents: true,
             enabled: true,
-            mode: "multiple"
+            mode: "multiple",
+            uncheckCollapsedChildren: false
         };
         if (!isPresent(this.checkable) || typeof this.checkable === 'string') {
             return defaultOptions;
@@ -3229,9 +3230,29 @@ class CheckDirective {
             }
             else {
                 this.state.delete(key);
+                if (this.options.uncheckCollapsedChildren &&
+                    this.options.mode === 'multiple' &&
+                    this.treeView.loadOnDemand) {
+                    if (this.checkKey && this.treeView.hasChildren(node.item.dataItem)) {
+                        this.uncheckChildren(node.item.dataItem, node.item.index);
+                        return;
+                    }
+                    const checkedKeys = Array.from(this.state).filter(matchKey(node.item.index));
+                    checkedKeys.forEach(key => this.state.delete(key));
+                }
             }
         });
     }
+    uncheckChildren(dataItem, parentNodeIndex) {
+        this.treeView.children(dataItem).subscribe(children => children.forEach((item, index) => {
+            const nodeIndex = `${parentNodeIndex}_${index}`;
+            this.state.delete(this.itemKey({ dataItem: item, index: nodeIndex }));
+            if (this.treeView.hasChildren(item)) {
+                this.uncheckChildren(item, nodeIndex);
+            }
+        }));
+    }
+    ;
     checkParents(parent) {
         if (!isPresent(parent)) {
             return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-treeview",
-  "version": "15.1.0-develop.1",
+  "version": "15.1.0-develop.3",
   "description": "Kendo UI TreeView for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -23,15 +23,15 @@
     "@angular/core": "13 - 17",
     "@angular/platform-browser": "13 - 17",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "15.1.0-develop.1",
-    "@progress/kendo-angular-inputs": "15.1.0-develop.1",
-    "@progress/kendo-angular-icons": "15.1.0-develop.1",
-    "@progress/kendo-angular-l10n": "15.1.0-develop.1",
+    "@progress/kendo-angular-common": "15.1.0-develop.3",
+    "@progress/kendo-angular-inputs": "15.1.0-develop.3",
+    "@progress/kendo-angular-icons": "15.1.0-develop.3",
+    "@progress/kendo-angular-l10n": "15.1.0-develop.3",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "15.1.0-develop.1",
+    "@progress/kendo-angular-schematics": "15.1.0-develop.3",
     "@progress/kendo-common": "^0.2.0",
     "@progress/kendo-draggable": "^3.0.2"
   },

package/schematics/ngAdd/index.js

@@ -4,10 +4,10 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'TreeViewModule', package: 'treeview', peerDependencies: {
             // Peers of kendo-angular-inputs
-            '@progress/kendo-angular-buttons': '15.1.0-develop.1',
-            '@progress/kendo-angular-dialog': '15.1.0-develop.1',
-            '@progress/kendo-angular-intl': '15.1.0-develop.1',
-            '@progress/kendo-angular-popup': '15.1.0-develop.1',
+            '@progress/kendo-angular-buttons': '15.1.0-develop.3',
+            '@progress/kendo-angular-dialog': '15.1.0-develop.3',
+            '@progress/kendo-angular-intl': '15.1.0-develop.3',
+            '@progress/kendo-angular-popup': '15.1.0-develop.3',
             '@progress/kendo-drawing': '^1.9.3',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^2.0.0'