@progress/kendo-angular-treeview 7.0.2-dev.202205261520 → 7.1.0-dev.202206151232

package/fesm2015/kendo-angular-treeview.js

@@ -16,7 +16,7 @@ import { trigger, transition, style, animate } from '@angular/animations';
 import { filter, tap, switchMap, delay, takeUntil, catchError, finalize, take, map } from 'rxjs/operators';
 import * as i9 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import Draggable from '@telerik/kendo-draggable';
+import Draggable from '@progress/kendo-draggable';
 
 /**
  * @hidden
@@ -25,7 +25,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-treeview',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1653578367,
+    publishDate: 1655296333,
     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);
@@ -1224,17 +1237,13 @@ class TreeViewItemDirective {
         this.isInitialized = true;
         this.setAttribute('role', this.role);
         this.setAriaAttributes();
-        this.setDisabledClass();
         this.updateTabIndex();
     }
     ngOnChanges(changes) {
-        const { index, isDisabled } = changes;
+        const { index } = changes;
         if (anyChanged(['index', 'checkable', 'isChecked', 'expandable', 'isExpanded', 'selectable', 'isSelected'], changes)) {
             this.setAriaAttributes();
         }
-        if (isDisabled) {
-            this.setDisabledClass();
-        }
         if (this.loadOnDemand && !this.isButton) {
             this.moveLookupItem(changes);
         }
@@ -1308,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());
@@ -1323,13 +1331,6 @@ class TreeViewItemDirective {
         this.setAttribute('aria-selected', this.selectable ? this.isSelected.toString() : null);
         this.setAttribute('aria-checked', this.checkable ? this.ariaChecked : null);
     }
-    setDisabledClass() {
-        this.setClass('k-disabled', this.isDisabled);
-    }
-    setClass(className, toggle) {
-        const action = toggle ? 'addClass' : 'removeClass';
-        this.renderer[action](this.element.nativeElement, className);
-    }
     updateTabIndex() {
         this.setAttribute('tabIndex', this.isFocusable() ? '0' : '-1');
     }
@@ -1510,6 +1511,7 @@ class TreeViewGroupComponent {
         this.size = 'medium';
         this.initialNodesLoaded = false;
         this.loadingMoreNodes = false;
+        this.isItemExpandable = (node, index) => this.expandDisabledNodes || !this.isItemDisabled(node, index);
         this._data = [];
         this.singleRecordSubscriptions = new Subscription();
         this.isChecked = () => 'none';
@@ -1627,6 +1629,12 @@ class TreeViewGroupComponent {
             this.loadMoreLocalNodes();
         }
     }
+    /**
+     * @hidden
+     */
+    isItemDisabled(node, index) {
+        return (this.disabled && !this.disableParentNodesOnly) || this.isDisabled(node, this.nodeIndex(index));
+    }
     /**
      * @hidden
      */
@@ -1723,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", 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"
@@ -1737,7 +1745,7 @@ TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
             [loadOnDemand]="loadOnDemand"
             [checkable]="checkboxes"
             [isChecked]="isChecked(node, nodeIndex(index))"
-            [isDisabled]="disabled || isDisabled(node, nodeIndex(index))"
+            [isDisabled]="isItemDisabled(node, index)"
             [isVisible]="isVisible(node, nodeIndex(index))"
             [expandable]="expandIcons && hasChildren(node)"
             [isExpanded]="isExpanded(node, nodeIndex(index))"
@@ -1747,6 +1755,7 @@ TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
         >
             <div [ngClass]="setItemClasses(data.length, index)">
                 <span
+                    [class.k-disabled]="!isItemExpandable(node, index)"
                     class="k-treeview-toggle"
                     [kendoTreeViewLoading]="nodeIndex(index)"
                     (click)="expandNode(nodeIndex(index), node, !isExpanded(node, nodeIndex(index)))"
@@ -1761,6 +1770,7 @@ TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
                 </span>
                 <kendo-checkbox
                     *ngIf="checkboxes"
+                    [class.k-disabled]="isItemDisabled(node, index)"
                     [size]="size"
                     [node]="node"
                     [index]="nodeIndex(index)"
@@ -1776,6 +1786,7 @@ TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
                     [isSelected]="isSelected"
                     class="k-treeview-leaf"
                     [style.touch-action]="touchActions ? '' : 'none'"
+                    [class.k-disabled]="isItemDisabled(node, index)"
                 >
                     <span class="k-treeview-leaf-text">
                         <ng-container [ngSwitch]="hasTemplate">
@@ -1810,7 +1821,8 @@ TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
                 [hasChildren]="hasChildren"
                 [isChecked]="isChecked"
                 [isDisabled]="isDisabled"
-                [disabled]="disabled || isDisabled(node, nodeIndex(index))"
+                [disabled]="isItemDisabled(node, index)"
+                [expandDisabledNodes]="expandDisabledNodes"
                 [isExpanded]="isExpanded"
                 [isSelected]="isSelected"
                 [isVisible]="isVisible"
@@ -1822,6 +1834,7 @@ TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
                 [loadMoreService]="loadMoreService"
                 [@toggle]="true"
                 [trackBy]="trackBy"
+                [disableParentNodesOnly]="disableParentNodesOnly"
             >
             </ul>
         </li>
@@ -1867,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", "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 }),
@@ -1910,7 +1923,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             [loadOnDemand]="loadOnDemand"
             [checkable]="checkboxes"
             [isChecked]="isChecked(node, nodeIndex(index))"
-            [isDisabled]="disabled || isDisabled(node, nodeIndex(index))"
+            [isDisabled]="isItemDisabled(node, index)"
             [isVisible]="isVisible(node, nodeIndex(index))"
             [expandable]="expandIcons && hasChildren(node)"
             [isExpanded]="isExpanded(node, nodeIndex(index))"
@@ -1920,6 +1933,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
         >
             <div [ngClass]="setItemClasses(data.length, index)">
                 <span
+                    [class.k-disabled]="!isItemExpandable(node, index)"
                     class="k-treeview-toggle"
                     [kendoTreeViewLoading]="nodeIndex(index)"
                     (click)="expandNode(nodeIndex(index), node, !isExpanded(node, nodeIndex(index)))"
@@ -1934,6 +1948,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 </span>
                 <kendo-checkbox
                     *ngIf="checkboxes"
+                    [class.k-disabled]="isItemDisabled(node, index)"
                     [size]="size"
                     [node]="node"
                     [index]="nodeIndex(index)"
@@ -1949,6 +1964,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     [isSelected]="isSelected"
                     class="k-treeview-leaf"
                     [style.touch-action]="touchActions ? '' : 'none'"
+                    [class.k-disabled]="isItemDisabled(node, index)"
                 >
                     <span class="k-treeview-leaf-text">
                         <ng-container [ngSwitch]="hasTemplate">
@@ -1983,7 +1999,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 [hasChildren]="hasChildren"
                 [isChecked]="isChecked"
                 [isDisabled]="isDisabled"
-                [disabled]="disabled || isDisabled(node, nodeIndex(index))"
+                [disabled]="isItemDisabled(node, index)"
+                [expandDisabledNodes]="expandDisabledNodes"
                 [isExpanded]="isExpanded"
                 [isSelected]="isSelected"
                 [isVisible]="isVisible"
@@ -1995,6 +2012,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 [loadMoreService]="loadMoreService"
                 [@toggle]="true"
                 [trackBy]="trackBy"
+                [disableParentNodesOnly]="disableParentNodesOnly"
             >
             </ul>
         </li>
@@ -2058,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: [{
@@ -2078,6 +2098,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], size: [{
                 type: Input
+            }], expandDisabledNodes: [{
+                type: Input
             }], isChecked: [{
                 type: Input
             }], isDisabled: [{
@@ -2292,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;
@@ -2578,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();
@@ -2664,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", 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"
@@ -2694,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"
@@ -2703,10 +2735,11 @@ TreeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
             [nodes]="fetchNodes"
             [loadMoreService]="loadMoreService"
             [trackBy]="trackBy"
+            [expandDisabledNodes]="expandDisabledNodes"
         >
         </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", "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: [{
@@ -2744,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"
@@ -2753,6 +2787,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             [nodes]="fetchNodes"
             [loadMoreService]="loadMoreService"
             [trackBy]="trackBy"
+            [expandDisabledNodes]="expandDisabledNodes"
         >
         </ul>
         <ng-container #assetsContainer></ng-container>
@@ -2772,6 +2807,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 args: ['assetsContainer', { read: ViewContainerRef, static: true }]
             }], filterInputPlaceholder: [{
                 type: Input
+            }], expandDisabledNodes: [{
+                type: Input
             }], animate: [{
                 type: Input
             }, {
@@ -2855,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;
@@ -3017,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 => {
@@ -3039,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 {
@@ -3049,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);
@@ -3058,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)) {
@@ -3065,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());

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.0.2-dev.202205261520",
+  "version": "7.1.0-dev.202206151232",
   "description": "Kendo UI TreeView for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -24,7 +24,7 @@
   "dependencies": {
     "@progress/kendo-common": "^0.2.0",
     "@progress/kendo-schematics": "^3.0.0",
-    "@telerik/kendo-draggable": "^2.0.0",
+    "@progress/kendo-draggable": "^3.0.0",
     "tslib": "^2.3.1"
   },
   "peerDependencies": {
@@ -69,11 +69,11 @@
     "fallbackTags": {
       "dev": "latest"
     },
-    "analyzeCommits": "@telerik/semantic-prerelease/analyzeCommits",
+    "analyzeCommits": "@progress/semantic-prerelease/analyzeCommits",
     "generateNotes": "@progress/kendo-angular-tasks/lib/generateNotes",
-    "getLastRelease": "@telerik/semantic-prerelease/getLastRelease",
-    "verifyConditions": "@telerik/semantic-prerelease/verifyConditions",
-    "verifyRelease": "@telerik/semantic-prerelease/verifyRelease"
+    "getLastRelease": "@progress/semantic-prerelease/getLastRelease",
+    "verifyConditions": "@progress/semantic-prerelease/verifyConditions",
+    "verifyRelease": "@progress/semantic-prerelease/verifyRelease"
   },
   "main": "bundles/kendo-angular-treeview.umd.js",
   "module": "fesm2015/kendo-angular-treeview.js",

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[]>;
@@ -44,8 +45,10 @@ export declare class TreeViewGroupComponent implements OnChanges, OnInit, OnDest
     loadMoreButtonTemplateRef: TemplateRef<any>;
     loadMoreService: LoadMoreService;
     size: TreeViewSize;
+    expandDisabledNodes: boolean;
     initialNodesLoaded: boolean;
     loadingMoreNodes: boolean;
+    isItemExpandable: (node: any, index: any) => boolean;
     get moreNodesAvailable(): boolean;
     get pageSize(): number;
     set pageSize(pageSize: number);
@@ -79,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
      */
@@ -92,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"; "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-item.directive.d.ts

@@ -63,8 +63,6 @@ export declare class TreeViewItemDirective implements OnInit, OnChanges, OnDestr
     private moveNavigationItem;
     private updateNodeAvailability;
     private setAriaAttributes;
-    private setDisabledClass;
-    private setClass;
     private updateTabIndex;
     private setAttribute;
     static ɵfac: i0.ɵɵFactoryDeclaration<TreeViewItemDirective, never>;

package/treeview.component.d.ts

@@ -57,6 +57,11 @@ export declare class TreeViewComponent implements OnChanges, OnInit, OnDestroy,
      * The hint which is displayed when the component is empty.
      */
     filterInputPlaceholder: string;
+    /**
+     * Determines whether to allow expanding disabled nodes.
+     * @default false
+     */
+    expandDisabledNodes: boolean;
     /**
      * Determines whether the content animation is enabled.
      */
@@ -287,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
      */
@@ -402,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"; "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>;
 }