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

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/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/drag-and-drop/editing-services/flat-editing.service.js

@@ -134,5 +134,6 @@ export class FlatEditingService {
     }
     rebindData() {
         this.flatBinding.nodes = this.flatBinding.originalData;
+        this.flatBinding.updateNodes(this.flatBinding.originalData);
     }
 }

package/esm2015/flat-binding.directive.js

@@ -48,21 +48,6 @@ export class FlatDataBindingDirective extends FilteringBase {
         this.originalData = [];
         this.component.isVisible = (node) => this.visibleNodes.has(node);
     }
-    /**
-     * The nodes which will be displayed by the TreeView.
-     */
-    set nodes(values) {
-        this.originalData = values || [];
-        if (!isNullOrEmptyString(this.parentIdField)) {
-            const prop = getter(this.parentIdField);
-            this.component.nodes = this.originalData.filter(compose(isBlank, prop));
-            this.filterData = mapToTree(this.component.nodes, this.originalData, this.parentIdField, this.idField);
-            this.updateVisibleNodes(this.filterData);
-        }
-        else {
-            this.component.nodes = this.originalData.slice(0);
-        }
-    }
     /**
      * @hidden
      * A callback which determines whether a TreeView node should be rendered as hidden.
@@ -94,12 +79,31 @@ export class FlatDataBindingDirective extends FilteringBase {
     ngOnChanges(changes) {
         if (isChanged('parentIdField', changes, false)) {
             this.nodes = this.originalData;
+            this.updateNodes(this.originalData);
+        }
+        if (isChanged('nodes', changes, false)) {
+            this.updateNodes(changes.nodes.currentValue);
         }
         // should react to changes.loadOnDemand as well - should preload the data or clear the already cached items
         if (anyChanged(['nodes', 'loadOnDemand'], changes) && !this.loadOnDemand && isPresent(this.component.preloadChildNodes)) {
             this.component.preloadChildNodes();
         }
     }
+    /**
+     * @hidden
+     */
+    updateNodes(values) {
+        this.originalData = values || [];
+        if (!isNullOrEmptyString(this.parentIdField)) {
+            const prop = getter(this.parentIdField);
+            this.component.nodes = this.originalData.filter(compose(isBlank, prop));
+            this.filterData = mapToTree(this.component.nodes, this.originalData, this.parentIdField, this.idField);
+            this.updateVisibleNodes(this.filterData);
+        }
+        else {
+            this.component.nodes = this.originalData.slice(0);
+        }
+    }
 }
 FlatDataBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FlatDataBindingDirective, deps: [{ token: i1.DataBoundComponent }], target: i0.ɵɵFactoryTarget.Directive });
 FlatDataBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FlatDataBindingDirective, selector: "[kendoTreeViewFlatDataBinding]", inputs: { nodes: "nodes", parentIdField: "parentIdField", idField: "idField", loadOnDemand: "loadOnDemand", isVisible: "isVisible" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });

package/esm2015/hierarchy-binding.directive.js

@@ -56,14 +56,6 @@ export class HierarchyBindingDirective extends FilteringBase {
         }
         this._childrenField = value;
     }
-    /**
-     * The nodes which will be displayed by the TreeView.
-     */
-    set nodes(values) {
-        this.originalData = values || [];
-        this.filterData = mapToWrappers(values, this.childrenField) || [];
-        this.updateVisibleNodes(this.filterData);
-    }
     /**
      * @hidden
      * A callback which determines whether a TreeView node should be rendered as hidden.
@@ -97,12 +89,24 @@ export class HierarchyBindingDirective extends FilteringBase {
     ngOnChanges(changes) {
         if (isChanged('childrenField', changes, false)) {
             this.nodes = this.originalData;
+            this.updateNodes(this.originalData);
+        }
+        if (isChanged('nodes', changes, false)) {
+            this.updateNodes(changes.nodes.currentValue);
         }
         // should react to changes.loadOnDemand as well - should preload the data or clear the already cached items
         if (anyChanged(['nodes', 'loadOnDemand'], changes) && !this.loadOnDemand && isPresent(this.component.preloadChildNodes)) {
             this.component.preloadChildNodes();
         }
     }
+    /**
+     * @hidden
+     */
+    updateNodes(values) {
+        this.originalData = values || [];
+        this.filterData = mapToWrappers(values, this.childrenField) || [];
+        this.updateVisibleNodes(this.filterData);
+    }
 }
 HierarchyBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HierarchyBindingDirective, deps: [{ token: i1.DataBoundComponent }, { token: i2.DragAndDropDirective, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
 HierarchyBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: HierarchyBindingDirective, selector: "[kendoTreeViewHierarchyBinding]", inputs: { childrenField: "childrenField", nodes: "nodes", isVisible: "isVisible", loadOnDemand: "loadOnDemand" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });

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: 1651820172,
+    publishDate: 1655208382,
     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,8 @@ export class TreeViewGroupComponent {
         this.size = 'medium';
         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';
@@ -257,7 +259,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", 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 +273,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 +283,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 +298,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 +314,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 +349,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"
@@ -401,7 +407,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", "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 +450,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 +460,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 +475,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 +491,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 +526,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"
@@ -612,6 +622,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);
         }
@@ -179,13 +175,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

@@ -603,7 +603,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" }, 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"
@@ -642,10 +642,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", "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: [{
@@ -692,6 +693,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 +713,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
             }, {