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

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: 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'
 };
@@ -1224,17 +1224,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);
         }
@@ -1323,13 +1319,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 +1499,8 @@ 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';
@@ -1723,7 +1714,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", 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 +1728,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 +1738,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 +1753,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 +1769,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 +1804,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"
@@ -1867,7 +1862,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", "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 +1905,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 +1915,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 +1930,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 +1946,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 +1981,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"
@@ -2078,6 +2077,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], size: [{
                 type: Input
+            }], expandDisabledNodes: [{
+                type: Input
             }], isChecked: [{
                 type: Input
             }], isDisabled: [{
@@ -2664,7 +2665,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" }, 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"
@@ -2703,10 +2704,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", "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: [{
@@ -2753,6 +2755,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 +2775,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
             }, {
@@ -4746,14 +4751,6 @@ 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.
@@ -4787,12 +4784,24 @@ 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: DataBoundComponent }, { token: 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 });
@@ -4945,6 +4954,7 @@ class FlatEditingService {
     }
     rebindData() {
         this.flatBinding.nodes = this.flatBinding.originalData;
+        this.flatBinding.updateNodes(this.flatBinding.originalData);
     }
 }
 
@@ -4983,21 +4993,6 @@ 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.
@@ -5029,12 +5024,31 @@ 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: 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/flat-binding.directive.d.ts

@@ -14,7 +14,7 @@ export declare class FlatDataBindingDirective extends FilteringBase implements O
     /**
      * The nodes which will be displayed by the TreeView.
      */
-    set nodes(values: any[]);
+    nodes: any[];
     /**
      * Represents the parent field whose value will be matched with the parent node.
      */
@@ -45,6 +45,10 @@ export declare class FlatDataBindingDirective extends FilteringBase implements O
      * @hidden
      */
     ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * @hidden
+     */
+    updateNodes(values: any[]): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FlatDataBindingDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FlatDataBindingDirective, "[kendoTreeViewFlatDataBinding]", never, { "nodes": "nodes"; "parentIdField": "parentIdField"; "idField": "idField"; "loadOnDemand": "loadOnDemand"; "isVisible": "isVisible"; }, {}, never>;
 }

package/hierarchy-binding.directive.d.ts

@@ -20,7 +20,7 @@ export declare class HierarchyBindingDirective extends FilteringBase implements
     /**
      * The nodes which will be displayed by the TreeView.
      */
-    set nodes(values: any[]);
+    nodes: any[];
     /**
      * @hidden
      * A callback which determines whether a TreeView node should be rendered as hidden.
@@ -39,6 +39,10 @@ export declare class HierarchyBindingDirective extends FilteringBase implements
     constructor(component: DataBoundComponent, dragAndDropDirective?: DragAndDropDirective);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * @hidden
+     */
+    updateNodes(values: any[]): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HierarchyBindingDirective, [null, { optional: true; host: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<HierarchyBindingDirective, "[kendoTreeViewHierarchyBinding]", never, { "childrenField": "childrenField"; "nodes": "nodes"; "isVisible": "isVisible"; "loadOnDemand": "loadOnDemand"; }, {}, never>;
 }

package/main.d.ts

@@ -43,3 +43,4 @@ export { TreeItemFilterState } from './drag-and-drop/models/tree-item-filter-sta
 export { FilterExpandSettings } from './filter-expand-settings.interface';
 export { MatcherFunction } from './treeview-filter-settings';
 export { FilterState } from './filter-state.interface';
+export { TreeViewSize } from './size';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-treeview",
-  "version": "7.0.1",
+  "version": "7.1.0-dev.202206141206",
   "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

@@ -44,8 +44,11 @@ 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;
+    isItemDisabled: (node: any, index: any) => boolean;
     get moreNodesAvailable(): boolean;
     get pageSize(): number;
     set pageSize(pageSize: number);
@@ -92,5 +95,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"; "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.
      */
@@ -402,5 +407,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"; }, { "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>;
 }