@progress/kendo-angular-treeview 7.1.0-dev.202206141206 → 7.1.1-dev.202208101158

package/fesm2015/kendo-angular-treeview.js

@@ -25,7 +25,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-treeview',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1655208382,
+    publishDate: 1660132670,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
@@ -700,6 +700,9 @@ class NavigationService {
         return nodeIndex(this.focusableItem) === index;
     }
     isDisabled(index) {
+        if (!index) {
+            return false;
+        }
         return this.model.findNode(index).disabled;
     }
     registerItem(id, index, disabled, loadMoreButton = false, visible = true) {
@@ -712,6 +715,16 @@ class NavigationService {
         }
         this.model.registerItem(id, index, disabled, loadMoreButton, visible);
     }
+    updateItem(index, disabled, visible = true) {
+        const itemAtIndex = this.model.findNode(index);
+        if (isPresent(itemAtIndex)) {
+            if (this.isActive(index)) {
+                this.deactivate();
+            }
+        }
+        itemAtIndex.disabled = disabled;
+        itemAtIndex.visible = visible;
+    }
     unregisterItem(id, index) {
         if (this.isActive(index)) {
             this.activateParent(index);
@@ -1304,13 +1317,12 @@ class TreeViewItemDirective {
     updateNodeAvailability() {
         const service = this.navigationService;
         if (this.isDisabled || !this.isVisible) {
-            service.activateClosest(this.index); // activate before unregister the item
+            service.activateClosest(this.index); // activate before updating the item
         }
         else {
             service.activateFocusable();
         }
-        service.unregisterItem(this.id, this.index);
-        service.registerItem(this.id, this.index, this.isDisabled, this.isButton, this.isVisible);
+        service.updateItem(this.index, this.isDisabled, this.isVisible);
     }
     setAriaAttributes() {
         this.setAttribute('aria-level', this.ib.level(this.index).toString());
@@ -1500,7 +1512,6 @@ class TreeViewGroupComponent {
         this.initialNodesLoaded = false;
         this.loadingMoreNodes = false;
         this.isItemExpandable = (node, index) => this.expandDisabledNodes || !this.isItemDisabled(node, index);
-        this.isItemDisabled = (node, index) => this.disabled || this.isDisabled(node, this.nodeIndex(index));
         this._data = [];
         this.singleRecordSubscriptions = new Subscription();
         this.isChecked = () => 'none';
@@ -1618,6 +1629,12 @@ class TreeViewGroupComponent {
             this.loadMoreLocalNodes();
         }
     }
+    /**
+     * @hidden
+     */
+    isItemDisabled(node, index) {
+        return (this.disabled && !this.disableParentNodesOnly) || this.isDisabled(node, this.nodeIndex(index));
+    }
     /**
      * @hidden
      */
@@ -1714,7 +1731,7 @@ class TreeViewGroupComponent {
     }
 }
 TreeViewGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TreeViewGroupComponent, deps: [{ token: ExpandStateService }, { token: LoadingNotificationService }, { token: IndexBuilderService }, { token: TreeViewLookupService }, { token: NavigationService }, { token: NodeChildrenService }, { token: DataChangeNotificationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TreeViewGroupComponent, selector: "[kendoTreeViewGroup]", inputs: { checkboxes: "checkboxes", expandIcons: "expandIcons", disabled: "disabled", selectable: "selectable", touchActions: "touchActions", loadOnDemand: "loadOnDemand", trackBy: "trackBy", nodes: "nodes", textField: "textField", parentDataItem: "parentDataItem", parentIndex: "parentIndex", nodeTemplateRef: "nodeTemplateRef", loadMoreButtonTemplateRef: "loadMoreButtonTemplateRef", loadMoreService: "loadMoreService", size: "size", expandDisabledNodes: "expandDisabledNodes", isChecked: "isChecked", isDisabled: "isDisabled", isExpanded: "isExpanded", isVisible: "isVisible", isSelected: "isSelected", children: "children", hasChildren: "hasChildren" }, host: { properties: { "class.k-treeview-group": "this.kGroupClass", "attr.role": "this.role" } }, usesOnChanges: true, ngImport: i0, template: `
+TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TreeViewGroupComponent, selector: "[kendoTreeViewGroup]", inputs: { checkboxes: "checkboxes", expandIcons: "expandIcons", disabled: "disabled", selectable: "selectable", touchActions: "touchActions", disableParentNodesOnly: "disableParentNodesOnly", loadOnDemand: "loadOnDemand", trackBy: "trackBy", nodes: "nodes", textField: "textField", parentDataItem: "parentDataItem", parentIndex: "parentIndex", nodeTemplateRef: "nodeTemplateRef", loadMoreButtonTemplateRef: "loadMoreButtonTemplateRef", loadMoreService: "loadMoreService", size: "size", expandDisabledNodes: "expandDisabledNodes", isChecked: "isChecked", isDisabled: "isDisabled", isExpanded: "isExpanded", isVisible: "isVisible", isSelected: "isSelected", children: "children", hasChildren: "hasChildren" }, host: { properties: { "class.k-treeview-group": "this.kGroupClass", "attr.role": "this.role" } }, usesOnChanges: true, ngImport: i0, template: `
         <li
             *ngFor="let node of data; let index = index; trackBy: trackBy"
             class="k-treeview-item"
@@ -1746,8 +1763,8 @@ TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
                 >
                     <span
                         class="k-icon"
-                        [class.k-i-collapse]="isExpanded(node, nodeIndex(index))"
-                        [class.k-i-expand]="!isExpanded(node, nodeIndex(index))"
+                        [class.k-i-caret-alt-down]="isExpanded(node, nodeIndex(index))"
+                        [class.k-i-caret-alt-right]="!isExpanded(node, nodeIndex(index))"
                     >
                     </span>
                 </span>
@@ -1817,6 +1834,7 @@ TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
                 [loadMoreService]="loadMoreService"
                 [@toggle]="true"
                 [trackBy]="trackBy"
+                [disableParentNodesOnly]="disableParentNodesOnly"
             >
             </ul>
         </li>
@@ -1837,7 +1855,7 @@ TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
             <div class="k-treeview-bot">
                 <span
                     *ngIf="loadingMoreNodes"
-                    class="k-icon k-i-loading k-i-expand"
+                    class="k-icon k-i-loading k-i-caret-alt-right"
                 >
                 </span>
                 <span
@@ -1862,7 +1880,7 @@ TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
                 </span>
             </div>
         </li>
-    `, isInline: true, components: [{ type: CheckBoxComponent, selector: "kendo-checkbox", inputs: ["id", "isChecked", "node", "index", "labelText", "tabindex", "size"], outputs: ["checkStateChange"] }, { type: TreeViewGroupComponent, selector: "[kendoTreeViewGroup]", inputs: ["checkboxes", "expandIcons", "disabled", "selectable", "touchActions", "loadOnDemand", "trackBy", "nodes", "textField", "parentDataItem", "parentIndex", "nodeTemplateRef", "loadMoreButtonTemplateRef", "loadMoreService", "size", "expandDisabledNodes", "isChecked", "isDisabled", "isExpanded", "isVisible", "isSelected", "children", "hasChildren"] }], directives: [{ type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: TreeViewItemDirective, selector: "[kendoTreeViewItem]", inputs: ["dataItem", "index", "parentDataItem", "parentIndex", "role", "loadOnDemand", "checkable", "selectable", "expandable", "isChecked", "isDisabled", "isVisible", "isExpanded", "isSelected"] }, { type: i9.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: LoadingIndicatorDirective, selector: "[kendoTreeViewLoading]", inputs: ["kendoTreeViewLoading"] }, { type: TreeViewItemContentDirective, selector: "[kendoTreeViewItemContent]", inputs: ["dataItem", "index", "initialSelection", "isSelected"] }, { type: i9.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i9.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i9.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i9.NgSwitchDefault, selector: "[ngSwitchDefault]" }], animations: [
+    `, isInline: true, components: [{ type: CheckBoxComponent, selector: "kendo-checkbox", inputs: ["id", "isChecked", "node", "index", "labelText", "tabindex", "size"], outputs: ["checkStateChange"] }, { type: TreeViewGroupComponent, selector: "[kendoTreeViewGroup]", inputs: ["checkboxes", "expandIcons", "disabled", "selectable", "touchActions", "disableParentNodesOnly", "loadOnDemand", "trackBy", "nodes", "textField", "parentDataItem", "parentIndex", "nodeTemplateRef", "loadMoreButtonTemplateRef", "loadMoreService", "size", "expandDisabledNodes", "isChecked", "isDisabled", "isExpanded", "isVisible", "isSelected", "children", "hasChildren"] }], directives: [{ type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: TreeViewItemDirective, selector: "[kendoTreeViewItem]", inputs: ["dataItem", "index", "parentDataItem", "parentIndex", "role", "loadOnDemand", "checkable", "selectable", "expandable", "isChecked", "isDisabled", "isVisible", "isExpanded", "isSelected"] }, { type: i9.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: LoadingIndicatorDirective, selector: "[kendoTreeViewLoading]", inputs: ["kendoTreeViewLoading"] }, { type: TreeViewItemContentDirective, selector: "[kendoTreeViewItemContent]", inputs: ["dataItem", "index", "initialSelection", "isSelected"] }, { type: i9.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i9.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i9.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i9.NgSwitchDefault, selector: "[ngSwitchDefault]" }], animations: [
         trigger('toggle', [
             transition('void => *', [
                 style({ height: 0 }),
@@ -1923,8 +1941,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 >
                     <span
                         class="k-icon"
-                        [class.k-i-collapse]="isExpanded(node, nodeIndex(index))"
-                        [class.k-i-expand]="!isExpanded(node, nodeIndex(index))"
+                        [class.k-i-caret-alt-down]="isExpanded(node, nodeIndex(index))"
+                        [class.k-i-caret-alt-right]="!isExpanded(node, nodeIndex(index))"
                     >
                     </span>
                 </span>
@@ -1994,6 +2012,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 [loadMoreService]="loadMoreService"
                 [@toggle]="true"
                 [trackBy]="trackBy"
+                [disableParentNodesOnly]="disableParentNodesOnly"
             >
             </ul>
         </li>
@@ -2014,7 +2033,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             <div class="k-treeview-bot">
                 <span
                     *ngIf="loadingMoreNodes"
-                    class="k-icon k-i-loading k-i-expand"
+                    class="k-icon k-i-loading k-i-caret-alt-right"
                 >
                 </span>
                 <span
@@ -2057,6 +2076,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], touchActions: [{
                 type: Input
+            }], disableParentNodesOnly: [{
+                type: Input
             }], loadOnDemand: [{
                 type: Input
             }], trackBy: [{
@@ -2293,6 +2314,11 @@ class TreeViewComponent {
          * Sets an initial value of the built-in input element used for filtering.
          */
         this.filter = '';
+        /**
+         * Indicates whether only parent nodes should be disabled or their child nodes as well
+         * @default false
+         */
+        this.disableParentNodesOnly = false;
         this.checkboxes = false;
         this.expandIcons = false;
         this.selectable = false;
@@ -2579,7 +2605,11 @@ class TreeViewComponent {
             focusItem = closestNode(e.target);
         }
         if (focusItem) {
-            this.navigationService.activateIndex(nodeId(e.target));
+            const nodeIndex = nodeId(e.target);
+            if (this.navigationService.isDisabled(nodeIndex)) {
+                return;
+            }
+            this.navigationService.activateIndex(nodeIndex);
             if (!this.isActive && hasObservers(this.onFocus)) {
                 this.ngZone.run(() => {
                     this.onFocus.emit();
@@ -2665,7 +2695,7 @@ class TreeViewComponent {
     }
 }
 TreeViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TreeViewComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: ExpandStateService }, { token: NavigationService }, { token: NodeChildrenService }, { token: SelectionService }, { token: TreeViewLookupService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: DataChangeNotificationService }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-TreeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TreeViewComponent, selector: "kendo-treeview", inputs: { filterInputPlaceholder: "filterInputPlaceholder", expandDisabledNodes: "expandDisabledNodes", animate: "animate", nodeTemplateRef: ["nodeTemplate", "nodeTemplateRef"], loadMoreButtonTemplateRef: ["loadMoreButtonTemplate", "loadMoreButtonTemplateRef"], trackBy: "trackBy", nodes: "nodes", textField: "textField", hasChildren: "hasChildren", isChecked: "isChecked", isDisabled: "isDisabled", isExpanded: "isExpanded", isSelected: "isSelected", isVisible: "isVisible", navigable: "navigable", children: "children", loadOnDemand: "loadOnDemand", filterable: "filterable", filter: "filter", size: "size" }, outputs: { childrenLoaded: "childrenLoaded", onBlur: "blur", onFocus: "focus", expand: "expand", collapse: "collapse", nodeDragStart: "nodeDragStart", nodeDrag: "nodeDrag", filterStateChange: "filterStateChange", nodeDrop: "nodeDrop", nodeDragEnd: "nodeDragEnd", addItem: "addItem", removeItem: "removeItem", checkedChange: "checkedChange", selectionChange: "selectionChange", filterChange: "filterChange", nodeClick: "nodeClick", nodeDblClick: "nodeDblClick" }, host: { properties: { "class.k-treeview": "this.classNames", "attr.role": "this.role", "attr.dir": "this.direction", "@.disabled": "this.animate" } }, providers: providers, queries: [{ propertyName: "nodeTemplateQuery", first: true, predicate: NodeTemplateDirective, descendants: true }, { propertyName: "loadMoreButtonTemplateQuery", first: true, predicate: LoadMoreButtonTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "assetsContainer", first: true, predicate: ["assetsContainer"], descendants: true, read: ViewContainerRef, static: true }], exportAs: ["kendoTreeView"], usesOnChanges: true, ngImport: i0, template: `
+TreeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TreeViewComponent, selector: "kendo-treeview", inputs: { filterInputPlaceholder: "filterInputPlaceholder", expandDisabledNodes: "expandDisabledNodes", animate: "animate", nodeTemplateRef: ["nodeTemplate", "nodeTemplateRef"], loadMoreButtonTemplateRef: ["loadMoreButtonTemplate", "loadMoreButtonTemplateRef"], trackBy: "trackBy", nodes: "nodes", textField: "textField", hasChildren: "hasChildren", isChecked: "isChecked", isDisabled: "isDisabled", isExpanded: "isExpanded", isSelected: "isSelected", isVisible: "isVisible", navigable: "navigable", children: "children", loadOnDemand: "loadOnDemand", filterable: "filterable", filter: "filter", size: "size", disableParentNodesOnly: "disableParentNodesOnly" }, outputs: { childrenLoaded: "childrenLoaded", onBlur: "blur", onFocus: "focus", expand: "expand", collapse: "collapse", nodeDragStart: "nodeDragStart", nodeDrag: "nodeDrag", filterStateChange: "filterStateChange", nodeDrop: "nodeDrop", nodeDragEnd: "nodeDragEnd", addItem: "addItem", removeItem: "removeItem", checkedChange: "checkedChange", selectionChange: "selectionChange", filterChange: "filterChange", nodeClick: "nodeClick", nodeDblClick: "nodeDblClick" }, host: { properties: { "class.k-treeview": "this.classNames", "attr.role": "this.role", "attr.dir": "this.direction", "@.disabled": "this.animate" } }, providers: providers, queries: [{ propertyName: "nodeTemplateQuery", first: true, predicate: NodeTemplateDirective, descendants: true }, { propertyName: "loadMoreButtonTemplateQuery", first: true, predicate: LoadMoreButtonTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "assetsContainer", first: true, predicate: ["assetsContainer"], descendants: true, read: ViewContainerRef, static: true }], exportAs: ["kendoTreeView"], usesOnChanges: true, ngImport: i0, template: `
         <span
             class="k-treeview-filter"
             *ngIf="filterable"
@@ -2695,6 +2725,7 @@ TreeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
             [hasChildren]="hasChildren"
             [isChecked]="isChecked"
             [isDisabled]="isDisabled"
+            [disableParentNodesOnly]="disableParentNodesOnly"
             [isExpanded]="isExpanded"
             [isSelected]="isSelected"
             [isVisible]="isVisible"
@@ -2708,7 +2739,7 @@ TreeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
         >
         </ul>
         <ng-container #assetsContainer></ng-container>
-    `, isInline: true, components: [{ type: i8.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "errorIcon", "clearButtonIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { type: TreeViewGroupComponent, selector: "[kendoTreeViewGroup]", inputs: ["checkboxes", "expandIcons", "disabled", "selectable", "touchActions", "loadOnDemand", "trackBy", "nodes", "textField", "parentDataItem", "parentIndex", "nodeTemplateRef", "loadMoreButtonTemplateRef", "loadMoreService", "size", "expandDisabledNodes", "isChecked", "isDisabled", "isExpanded", "isVisible", "isSelected", "children", "hasChildren"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.TextBoxPrefixTemplateDirective, selector: "[kendoTextBoxPrefixTemplate]" }], changeDetection: i0.ChangeDetectionStrategy.Default });
+    `, isInline: true, components: [{ type: i8.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "errorIcon", "clearButtonIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { type: TreeViewGroupComponent, selector: "[kendoTreeViewGroup]", inputs: ["checkboxes", "expandIcons", "disabled", "selectable", "touchActions", "disableParentNodesOnly", "loadOnDemand", "trackBy", "nodes", "textField", "parentDataItem", "parentIndex", "nodeTemplateRef", "loadMoreButtonTemplateRef", "loadMoreService", "size", "expandDisabledNodes", "isChecked", "isDisabled", "isExpanded", "isVisible", "isSelected", "children", "hasChildren"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.TextBoxPrefixTemplateDirective, selector: "[kendoTextBoxPrefixTemplate]" }], changeDetection: i0.ChangeDetectionStrategy.Default });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TreeViewComponent, decorators: [{
             type: Component,
             args: [{
@@ -2746,6 +2777,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             [hasChildren]="hasChildren"
             [isChecked]="isChecked"
             [isDisabled]="isDisabled"
+            [disableParentNodesOnly]="disableParentNodesOnly"
             [isExpanded]="isExpanded"
             [isSelected]="isSelected"
             [isVisible]="isVisible"
@@ -2860,6 +2892,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], size: [{
                 type: Input
+            }], disableParentNodesOnly: [{
+                type: Input
             }] } });
 
 const indexChecked = (keys, index) => keys.filter(k => k === index).length > 0;
@@ -3022,10 +3056,12 @@ class CheckDirective {
         }
         const pendingCheck = [currentKey];
         if (this.options.checkChildren) {
-            const descendants = fetchLoadedDescendants(node, ({ item }) => this.treeView.isVisible(item.dataItem, item.index) &&
-                !this.treeView.isDisabled(item.dataItem, item.index))
-                .map(({ item }) => this.itemKey(item));
-            pendingCheck.push(...descendants);
+            const descendants = fetchLoadedDescendants(node, ({ item }) => (this.treeView.disableParentNodesOnly || this.options.checkDisabledChildren ?
+                this.treeView.isVisible(item.dataItem, item.index) :
+                this.treeView.isVisible(item.dataItem, item.index) &&
+                    !this.treeView.isDisabled(item.dataItem, item.index)));
+            pendingCheck.push(...descendants.filter((item) => this.options.checkDisabledChildren || !this.treeView.isDisabled(item.item.dataItem, item.item.index))
+                .map(({ item }) => this.itemKey(item)));
         }
         const shouldCheck = !this.state.has(currentKey);
         pendingCheck.forEach(key => {
@@ -3044,8 +3080,9 @@ class CheckDirective {
         let currentParent = parent;
         while (currentParent) {
             const parentKey = this.itemKey(currentParent.item);
+            const isDisabled = this.treeView.isDisabled(currentParent.item.dataItem, currentParent.item.index);
             const allChildrenSelected = currentParent.children.every(item => this.state.has(this.itemKey(item)));
-            if (allChildrenSelected) {
+            if ((!isDisabled || this.options.checkDisabledChildren) && allChildrenSelected) {
                 this.state.add(parentKey);
             }
             else {
@@ -3054,6 +3091,12 @@ class CheckDirective {
             currentParent = currentParent.parent;
         }
     }
+    allChildrenSelected(children) {
+        return children.every(item => {
+            const childrenSel = this.allChildrenSelected(item.children);
+            return this.state.has(this.itemKey(item.item)) && childrenSel;
+        });
+    }
     notify() {
         this.lastChange = Array.from(this.state);
         this.checkedKeysChange.emit(this.lastChange);
@@ -3063,6 +3106,7 @@ class CheckDirective {
             return;
         }
         const initiallyCheckedItemsCount = this.state.size;
+        const disabledItems = new Set();
         lookups.forEach(lookup => {
             const itemKey = this.itemKey(lookup.item);
             if (!this.state.has(itemKey)) {
@@ -3070,12 +3114,19 @@ class CheckDirective {
             }
             lookup.children.forEach(item => {
                 // ensure both the parent item and each child node is enabled
-                if (!this.treeView.isDisabled(lookup.item.dataItem, lookup.item.index) &&
-                    !this.treeView.isDisabled(item.dataItem, item.index)) {
+                if ((!this.treeView.isDisabled(lookup.item.dataItem, lookup.item.index) &&
+                    !this.treeView.isDisabled(item.dataItem, item.index)) ||
+                    this.treeView.disableParentNodesOnly || this.options.checkDisabledChildren) {
                     this.state.add(this.itemKey(item));
                 }
+                if (this.treeView.disableParentNodesOnly &&
+                    !this.options.checkDisabledChildren &&
+                    this.treeView.isDisabled(item.dataItem, item.index)) {
+                    disabledItems.add(this.itemKey(item));
+                }
             });
         });
+        disabledItems.forEach(item => this.state.delete(item));
         const hasNewlyCheckedItems = initiallyCheckedItemsCount !== this.state.size;
         if (hasNewlyCheckedItems) {
             this.zone.run(() => this.notify());
@@ -4028,8 +4079,8 @@ class DragClueComponent {
     get statusIconClass() {
         switch (this.action) {
             case DropAction.Add: return 'k-i-plus';
-            case DropAction.InsertTop: return 'k-i-insert-up';
-            case DropAction.InsertBottom: return 'k-i-insert-down';
+            case DropAction.InsertTop: return 'k-i-insert-top';
+            case DropAction.InsertBottom: return 'k-i-insert-bottom';
             case DropAction.InsertMiddle: return 'k-i-insert-middle';
             case DropAction.Invalid:
             default: return 'k-i-cancel';

package/navigation/navigation.service.d.ts

@@ -46,6 +46,7 @@ export declare class NavigationService {
     isFocusable(index: string): boolean;
     isDisabled(index: string): boolean;
     registerItem(id: number, index: string, disabled: boolean, loadMoreButton?: boolean, visible?: boolean): void;
+    updateItem(index: string, disabled: boolean, visible?: boolean): void;
     unregisterItem(id: number, index: string): void;
     move(e: any): void;
     private expand;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-treeview",
-  "version": "7.1.0-dev.202206141206",
+  "version": "7.1.1-dev.202208101158",
   "description": "Kendo UI TreeView for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",

package/treeview-group.component.d.ts

@@ -34,6 +34,7 @@ export declare class TreeViewGroupComponent implements OnChanges, OnInit, OnDest
     disabled: boolean;
     selectable: boolean;
     touchActions: boolean;
+    disableParentNodesOnly: boolean;
     loadOnDemand: boolean;
     trackBy: TrackByFunction<object>;
     nodes: (node: any, index: string) => Observable<any[]>;
@@ -48,7 +49,6 @@ export declare class TreeViewGroupComponent implements OnChanges, OnInit, OnDest
     initialNodesLoaded: boolean;
     loadingMoreNodes: boolean;
     isItemExpandable: (node: any, index: any) => boolean;
-    isItemDisabled: (node: any, index: any) => boolean;
     get moreNodesAvailable(): boolean;
     get pageSize(): number;
     set pageSize(pageSize: number);
@@ -82,6 +82,10 @@ export declare class TreeViewGroupComponent implements OnChanges, OnInit, OnDest
     fetchChildren(node: any, index: string): Observable<any>;
     get nextFields(): string[];
     loadMoreNodes(): void;
+    /**
+     * @hidden
+     */
+    isItemDisabled(node: any, index: any): boolean;
     /**
      * @hidden
      */
@@ -95,5 +99,5 @@ export declare class TreeViewGroupComponent implements OnChanges, OnInit, OnDest
     private reselectItemAt;
     private registerLoadedNodes;
     static ɵfac: i0.ɵɵFactoryDeclaration<TreeViewGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TreeViewGroupComponent, "[kendoTreeViewGroup]", never, { "checkboxes": "checkboxes"; "expandIcons": "expandIcons"; "disabled": "disabled"; "selectable": "selectable"; "touchActions": "touchActions"; "loadOnDemand": "loadOnDemand"; "trackBy": "trackBy"; "nodes": "nodes"; "textField": "textField"; "parentDataItem": "parentDataItem"; "parentIndex": "parentIndex"; "nodeTemplateRef": "nodeTemplateRef"; "loadMoreButtonTemplateRef": "loadMoreButtonTemplateRef"; "loadMoreService": "loadMoreService"; "size": "size"; "expandDisabledNodes": "expandDisabledNodes"; "isChecked": "isChecked"; "isDisabled": "isDisabled"; "isExpanded": "isExpanded"; "isVisible": "isVisible"; "isSelected": "isSelected"; "children": "children"; "hasChildren": "hasChildren"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TreeViewGroupComponent, "[kendoTreeViewGroup]", never, { "checkboxes": "checkboxes"; "expandIcons": "expandIcons"; "disabled": "disabled"; "selectable": "selectable"; "touchActions": "touchActions"; "disableParentNodesOnly": "disableParentNodesOnly"; "loadOnDemand": "loadOnDemand"; "trackBy": "trackBy"; "nodes": "nodes"; "textField": "textField"; "parentDataItem": "parentDataItem"; "parentIndex": "parentIndex"; "nodeTemplateRef": "nodeTemplateRef"; "loadMoreButtonTemplateRef": "loadMoreButtonTemplateRef"; "loadMoreService": "loadMoreService"; "size": "size"; "expandDisabledNodes": "expandDisabledNodes"; "isChecked": "isChecked"; "isDisabled": "isDisabled"; "isExpanded": "isExpanded"; "isVisible": "isVisible"; "isSelected": "isSelected"; "children": "children"; "hasChildren": "hasChildren"; }, {}, never, never>;
 }

package/treeview.component.d.ts

@@ -292,6 +292,11 @@ export declare class TreeViewComponent implements OnChanges, OnInit, OnDestroy,
      */
     set size(size: TreeViewSize);
     get size(): TreeViewSize;
+    /**
+     * Indicates whether only parent nodes should be disabled or their child nodes as well
+     * @default false
+     */
+    disableParentNodesOnly: boolean;
     /**
      * @hidden
      */
@@ -407,5 +412,5 @@ export declare class TreeViewComponent implements OnChanges, OnInit, OnDestroy,
     private verifyLoadMoreService;
     private registerLookupItems;
     static ɵfac: i0.ɵɵFactoryDeclaration<TreeViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TreeViewComponent, "kendo-treeview", ["kendoTreeView"], { "filterInputPlaceholder": "filterInputPlaceholder"; "expandDisabledNodes": "expandDisabledNodes"; "animate": "animate"; "nodeTemplateRef": "nodeTemplate"; "loadMoreButtonTemplateRef": "loadMoreButtonTemplate"; "trackBy": "trackBy"; "nodes": "nodes"; "textField": "textField"; "hasChildren": "hasChildren"; "isChecked": "isChecked"; "isDisabled": "isDisabled"; "isExpanded": "isExpanded"; "isSelected": "isSelected"; "isVisible": "isVisible"; "navigable": "navigable"; "children": "children"; "loadOnDemand": "loadOnDemand"; "filterable": "filterable"; "filter": "filter"; "size": "size"; }, { "childrenLoaded": "childrenLoaded"; "onBlur": "blur"; "onFocus": "focus"; "expand": "expand"; "collapse": "collapse"; "nodeDragStart": "nodeDragStart"; "nodeDrag": "nodeDrag"; "filterStateChange": "filterStateChange"; "nodeDrop": "nodeDrop"; "nodeDragEnd": "nodeDragEnd"; "addItem": "addItem"; "removeItem": "removeItem"; "checkedChange": "checkedChange"; "selectionChange": "selectionChange"; "filterChange": "filterChange"; "nodeClick": "nodeClick"; "nodeDblClick": "nodeDblClick"; }, ["nodeTemplateQuery", "loadMoreButtonTemplateQuery"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TreeViewComponent, "kendo-treeview", ["kendoTreeView"], { "filterInputPlaceholder": "filterInputPlaceholder"; "expandDisabledNodes": "expandDisabledNodes"; "animate": "animate"; "nodeTemplateRef": "nodeTemplate"; "loadMoreButtonTemplateRef": "loadMoreButtonTemplate"; "trackBy": "trackBy"; "nodes": "nodes"; "textField": "textField"; "hasChildren": "hasChildren"; "isChecked": "isChecked"; "isDisabled": "isDisabled"; "isExpanded": "isExpanded"; "isSelected": "isSelected"; "isVisible": "isVisible"; "navigable": "navigable"; "children": "children"; "loadOnDemand": "loadOnDemand"; "filterable": "filterable"; "filter": "filter"; "size": "size"; "disableParentNodesOnly": "disableParentNodesOnly"; }, { "childrenLoaded": "childrenLoaded"; "onBlur": "blur"; "onFocus": "focus"; "expand": "expand"; "collapse": "collapse"; "nodeDragStart": "nodeDragStart"; "nodeDrag": "nodeDrag"; "filterStateChange": "filterStateChange"; "nodeDrop": "nodeDrop"; "nodeDragEnd": "nodeDragEnd"; "addItem": "addItem"; "removeItem": "removeItem"; "checkedChange": "checkedChange"; "selectionChange": "selectionChange"; "filterChange": "filterChange"; "nodeClick": "nodeClick"; "nodeDblClick": "nodeDblClick"; }, ["nodeTemplateQuery", "loadMoreButtonTemplateQuery"], never>;
 }