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

package/check.directive.d.ts

@@ -64,6 +64,7 @@ export declare class CheckDirective implements OnChanges, OnDestroy {
     private unsubscribeClick;
     private checkNode;
     private checkParents;
+    private allChildrenSelected;
     private notify;
     private addCheckedItemsChildren;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckDirective, never>;

package/checkable-settings.d.ts

@@ -45,4 +45,11 @@ export interface CheckableSettings {
      * Defaults to `false`.
      */
     checkOnClick?: boolean;
+    /**
+     * Determines whether disabled children will be checked if their parent is checked.
+     * Defaults to `false`
+     *
+     * > The option works only together with the multiple selection mode and `checkChildren: true`.
+     */
+    checkDisabledChildren?: boolean;
 }

package/drag-and-drop/drag-and-drop.directive.d.ts

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { AfterContentInit, ElementRef, NgZone, OnDestroy } from '@angular/core';
-import Draggable from '@telerik/kendo-draggable';
+import Draggable from '@progress/kendo-draggable';
 import { DragClueService } from './drag-clue/drag-clue.service';
 import { DropHintService } from './drop-hint/drop-hint.service';
 import { DragClueTemplateDirective } from './drag-clue/drag-clue-template.directive';

package/esm2015/check.directive.js

@@ -169,10 +169,12 @@ export 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 => {
@@ -191,8 +193,9 @@ export 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 {
@@ -201,6 +204,12 @@ export 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);
@@ -210,6 +219,7 @@ export 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)) {
@@ -217,12 +227,19 @@ export 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/esm2015/drag-and-drop/drag-and-drop.directive.js

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { Directive, ContentChild, Input, HostBinding } from '@angular/core';
 import { hasObservers } from '@progress/kendo-angular-common';
-import Draggable from '@telerik/kendo-draggable';
+import Draggable from '@progress/kendo-draggable';
 import { DragClueService } from './drag-clue/drag-clue.service';
 import { DropHintService } from './drop-hint/drop-hint.service';
 import { DragClueTemplateDirective } from './drag-clue/drag-clue-template.directive';

package/esm2015/navigation/navigation.service.js

@@ -126,6 +126,9 @@ export 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) {
@@ -138,6 +141,16 @@ export 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);

package/esm2015/package-metadata.js

@@ -9,7 +9,7 @@ export 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'
 };

package/esm2015/treeview-group.component.js

@@ -44,6 +44,7 @@ export 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';
@@ -161,6 +162,12 @@ export class TreeViewGroupComponent {
             this.loadMoreLocalNodes();
         }
     }
+    /**
+     * @hidden
+     */
+    isItemDisabled(node, index) {
+        return (this.disabled && !this.disableParentNodesOnly) || this.isDisabled(node, this.nodeIndex(index));
+    }
     /**
      * @hidden
      */
@@ -257,7 +264,7 @@ export class TreeViewGroupComponent {
     }
 }
 TreeViewGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TreeViewGroupComponent, deps: [{ token: i1.ExpandStateService }, { token: i2.LoadingNotificationService }, { token: i3.IndexBuilderService }, { token: i4.TreeViewLookupService }, { token: i5.NavigationService }, { token: i6.NodeChildrenService }, { token: i7.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"
@@ -271,7 +278,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))"
@@ -281,6 +288,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)))"
@@ -295,6 +303,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)"
@@ -310,6 +319,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">
@@ -344,7 +354,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"
@@ -356,6 +367,7 @@ TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
                 [loadMoreService]="loadMoreService"
                 [@toggle]="true"
                 [trackBy]="trackBy"
+                [disableParentNodesOnly]="disableParentNodesOnly"
             >
             </ul>
         </li>
@@ -401,7 +413,7 @@ TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
                 </span>
             </div>
         </li>
-    `, isInline: true, components: [{ type: i8.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: i10.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: i11.LoadingIndicatorDirective, selector: "[kendoTreeViewLoading]", inputs: ["kendoTreeViewLoading"] }, { type: i12.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: i8.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: i10.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: i11.LoadingIndicatorDirective, selector: "[kendoTreeViewLoading]", inputs: ["kendoTreeViewLoading"] }, { type: i12.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 }),
@@ -444,7 +456,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))"
@@ -454,6 +466,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)))"
@@ -468,6 +481,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)"
@@ -483,6 +497,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">
@@ -517,7 +532,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"
@@ -529,6 +545,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 [loadMoreService]="loadMoreService"
                 [@toggle]="true"
                 [trackBy]="trackBy"
+                [disableParentNodesOnly]="disableParentNodesOnly"
             >
             </ul>
         </li>
@@ -592,6 +609,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], touchActions: [{
                 type: Input
+            }], disableParentNodesOnly: [{
+                type: Input
             }], loadOnDemand: [{
                 type: Input
             }], trackBy: [{
@@ -612,6 +631,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], size: [{
                 type: Input
+            }], expandDisabledNodes: [{
+                type: Input
             }], isChecked: [{
                 type: Input
             }], isDisabled: [{

package/esm2015/treeview-item.directive.js

@@ -80,17 +80,13 @@ export 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);
         }
@@ -164,13 +160,12 @@ export 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());
@@ -179,13 +174,6 @@ export 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');
     }

package/esm2015/treeview.component.js

@@ -231,6 +231,11 @@ export 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;
@@ -517,7 +522,11 @@ export 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();
@@ -603,7 +612,7 @@ export 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: i1.ExpandStateService }, { token: i2.NavigationService }, { token: i3.NodeChildrenService }, { token: i4.SelectionService }, { token: i5.TreeViewLookupService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i6.DataChangeNotificationService }, { token: i7.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"
@@ -633,6 +642,7 @@ TreeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
             [hasChildren]="hasChildren"
             [isChecked]="isChecked"
             [isDisabled]="isDisabled"
+            [disableParentNodesOnly]="disableParentNodesOnly"
             [isExpanded]="isExpanded"
             [isSelected]="isSelected"
             [isVisible]="isVisible"
@@ -642,10 +652,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: i9.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: i10.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: i9.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: i10.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: [{
@@ -683,6 +694,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"
@@ -692,6 +704,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>
@@ -711,6 +724,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
             }, {
@@ -794,4 +809,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], size: [{
                 type: Input
+            }], disableParentNodesOnly: [{
+                type: Input
             }] } });