@progress/kendo-angular-treeview 17.0.0-develop.9 → 17.0.1-develop.1

package/{esm2020 → esm2022}/drag-and-drop/drop-hint/drop-hint.component.mjs

@@ -9,19 +9,35 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class DropHintComponent {
+    changeDetectorRef;
+    hostClass = true;
+    /**
+     * Defines the drag hint content template.
+     */
+    template;
+    position = 'fixed';
+    pointerEvents = 'none';
+    /**
+     * The attempted operation according to the current drop target.
+     */
+    action;
+    /**
+     * The look-up info for the currently dragged item.
+     */
+    sourceItem;
+    /**
+     * The look-up info for the destination item.
+     */
+    destinationItem;
     constructor(changeDetectorRef) {
         this.changeDetectorRef = changeDetectorRef;
-        this.hostClass = true;
-        this.position = 'fixed';
-        this.pointerEvents = 'none';
     }
     // exposed as a public method that can be called from outside as the component uses `OnPush` strategy
     detectChanges() {
         this.changeDetectorRef.detectChanges();
     }
-}
-DropHintComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropHintComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-DropHintComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DropHintComponent, isStandalone: true, selector: "kendo-treeview-drop-hint", host: { properties: { "class.k-drop-hint-container": "this.hostClass", "style.position": "this.position", "style.pointer-events": "this.pointerEvents" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropHintComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DropHintComponent, isStandalone: true, selector: "kendo-treeview-drop-hint", host: { properties: { "class.k-drop-hint-container": "this.hostClass", "style.position": "this.position", "style.pointer-events": "this.pointerEvents" } }, ngImport: i0, template: `
         <div
             *ngIf="!template"
             class="k-drop-hint k-drop-hint-h"
@@ -41,7 +57,8 @@ DropHintComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
         >
         <ng-template>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropHintComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropHintComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,

package/{esm2020 → esm2022}/drag-and-drop/drop-hint/drop-hint.service.mjs

@@ -11,6 +11,7 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class DropHintService extends DragAndDropAssetService {
+    componentFactoryResolver;
     constructor(componentFactoryResolver) {
         super();
         this.componentFactoryResolver = componentFactoryResolver;
@@ -35,9 +36,9 @@ export class DropHintService extends DragAndDropAssetService {
         dropHint.destinationItem = destinationItem;
         dropHint.detectChanges();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropHintService, deps: [{ token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropHintService });
 }
-DropHintService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropHintService, deps: [{ token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Injectable });
-DropHintService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropHintService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropHintService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropHintService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }]; } });

package/{esm2020 → esm2022}/drag-and-drop/editing-services/drag-and-drop-asset.service.mjs

@@ -21,6 +21,7 @@ export class DragAndDropAssetService {
     get element() {
         return this.componentRef.location.nativeElement;
     }
+    _componentRef;
     ngOnDestroy() {
         if (!isPresent(this._componentRef)) {
             return;
@@ -39,9 +40,9 @@ export class DragAndDropAssetService {
         this.element.style.left = `${left + offset}px`;
         this.element.style.top = `${top + offset}px`;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragAndDropAssetService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragAndDropAssetService });
 }
-DragAndDropAssetService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragAndDropAssetService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-DragAndDropAssetService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragAndDropAssetService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragAndDropAssetService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragAndDropAssetService, decorators: [{
             type: Injectable
         }] });

package/{esm2020 → esm2022}/drag-and-drop/editing-services/flat-editing.service.mjs

@@ -12,6 +12,8 @@ import { buildTreeIndex, getDataItem, isPresent } from '../../utils';
  * @hidden
  */
 export class FlatEditingService {
+    flatBinding;
+    movedItemNewIndex;
     constructor(flatBinding) {
         this.flatBinding = flatBinding;
     }

package/{esm2020 → esm2022}/drag-and-drop/editing-services/hierarchy-editing.service.mjs

@@ -11,6 +11,8 @@ import { isPresent, getDataItem, buildTreeIndex } from '../../utils';
  * @hidden
  */
 export class HierarchyEditingService {
+    hierarchyBinding;
+    movedItemNewIndex;
     constructor(hierarchyBinding) {
         this.hierarchyBinding = hierarchyBinding;
     }

package/{esm2020 → esm2022}/drag-and-drop/models/preventable-event.mjs

@@ -6,9 +6,7 @@
  * @hidden
  */
 export class PreventableEvent {
-    constructor() {
-        this.prevented = false;
-    }
+    prevented = false;
     /**
      * Prevents the default action for a specified event.
      * In this way, the source component suppresses the built-in behavior that follows the event.

package/{esm2020 → esm2022}/drag-and-drop/models/treeitem-drag-event.mjs

@@ -9,4 +9,16 @@
 export class TreeItemDragEvent {
     /** @hidden */
     constructor() { }
+    /**
+     * The look-up info for the dragged item.
+     */
+    sourceItem;
+    /**
+     * The look-up info for the item that the dragged node is placed over if there is such.
+     */
+    destinationItem;
+    /**
+     * The original pointer event holding details about the current pointer position.
+     */
+    originalEvent;
 }

package/{esm2020 → esm2022}/drag-and-drop/models/treeitem-drag-start-event.mjs

@@ -7,6 +7,14 @@ import { PreventableEvent } from './preventable-event';
  * Arguments for the TreeView [`nodeDragStart`]({% slug api_treeview_treeviewcomponent %}#toc-nodedragstart) event.
  */
 export class TreeItemDragStartEvent extends PreventableEvent {
+    /**
+     * The look-up info for the dragged item.
+     */
+    sourceItem;
+    /**
+     * The original pointer event holding details about the current pointer position.
+     */
+    originalEvent;
     /**
      * @hidden
      */

package/{esm2020 → esm2022}/drag-and-drop/models/treeitem-drop-event.mjs

@@ -7,15 +7,39 @@ import { PreventableEvent } from './preventable-event';
  * Arguments for the TreeView [`nodeDrop`]({% slug api_treeview_treeviewcomponent %}#toc-nodedrop) event.
  */
 export class TreeItemDropEvent extends PreventableEvent {
+    /**
+     * A reference of the TreeView from which the dragged item originates.
+     */
+    sourceTree;
+    /**
+     * A reference of the TreeView onto which the dragged item is dropped.
+     */
+    destinationTree;
+    /**
+     * The look-up info for the dragged item.
+     */
+    sourceItem;
+    /**
+     * The look-up info for the item onto which the dragged item is dropped.
+     */
+    destinationItem;
+    /**
+     * Describes where the dragged item is dropped relative to the drop target item.
+     */
+    dropPosition;
+    /**
+     * The original pointer event holding details about the current pointer position.
+     */
+    originalEvent;
+    /**
+     * @hidden
+     */
+    isValid = true;
     /**
      * @hidden
      */
     constructor(initializer, originalEvent) {
         super();
-        /**
-         * @hidden
-         */
-        this.isValid = true;
         Object.assign(this, initializer);
         this.originalEvent = originalEvent;
     }

package/{esm2020 → esm2022}/expand-state.service.mjs

@@ -9,18 +9,16 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class ExpandStateService {
-    constructor() {
-        this.changes = new Subject();
-    }
+    changes = new Subject();
     expand(index, dataItem) {
         this.changes.next({ dataItem, index, expand: true });
     }
     collapse(index, dataItem) {
         this.changes.next({ dataItem, index, expand: false });
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandStateService });
 }
-ExpandStateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpandStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ExpandStateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpandStateService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpandStateService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandStateService, decorators: [{
             type: Injectable
         }] });

package/{esm2020 → esm2022}/expand.directive.mjs

@@ -20,67 +20,54 @@ const DEFAULT_FILTER_EXPAND_SETTINGS = {
  * ([see example]({% slug expandedstate_treeview %})).
  */
 export class ExpandDirective {
-    constructor(component) {
-        this.component = component;
-        /**
-         * Whether or not to auto-expand the nodes leading from the root node to each filter result.
-         * To fine-tune this behavior, pass a [`FilterExpandSettings`]({% slug api_treeview_filterexpandsettings %}) object to this input.
-         * @default false
-         */
-        this.expandOnFilter = false;
-        /**
-         * Fires when the `expandedKeys` collection was updated.
-         */
-        this.expandedKeysChange = new EventEmitter();
-        this.subscriptions = new Subscription();
-        /**
-         * Reflectes the internal `expandedKeys` state.
-         */
-        this.state = new Set();
-        this.originalExpandedKeys = new Set();
-        this.isFiltered = false;
-        /**
-         * Fills array with the correct expand keys according to wrapper metadata.
-         */
-        this.updateExpandedNodes = (collection, node, autoExpandMatches) => {
-            if (node.containsMatches || node.isMatch && autoExpandMatches && isArrayWithAtLeastOneItem(node.children)) {
-                collection.push(this.itemKey({ dataItem: node.dataItem, index: node.index }));
-            }
-            if (isArrayWithAtLeastOneItem(node.children)) {
-                node.children.forEach(child => {
-                    this.updateExpandedNodes(collection, child, autoExpandMatches);
-                });
-            }
-        };
-        /**
-         * Fills array with the expand key of every node.
-         */
-        this.getEveryExpandKey = (collection, node) => {
-            if (isArrayWithAtLeastOneItem(node.children)) {
-                collection.push(this.itemKey({ dataItem: node.dataItem, index: node.index }));
-            }
-            if (isArrayWithAtLeastOneItem(node.children)) {
-                node.children.forEach(child => {
-                    this.getEveryExpandKey(collection, child);
-                });
-            }
-        };
-        this.subscriptions.add(merge(this.component.expand.pipe(map(e => ({ expand: true, ...e }))), this.component.collapse.pipe(map(e => ({ expand: false, ...e })))).subscribe(this.toggleExpand.bind(this)));
-        if (this.component.filterStateChange) {
-            this.subscriptions.add(this.component.filterStateChange.subscribe(this.handleAutoExpand.bind(this)));
-        }
-        this.component.isExpanded = (dataItem, index) => this.state.has(this.itemKey({ dataItem, index }));
-    }
+    component;
     /**
      * @hidden
      */
     set isExpanded(value) {
         this.component.isExpanded = value;
     }
+    /**
+     * Defines the item key that will be stored in the `expandedKeys` collection.
+     */
+    expandKey;
+    /**
+     * Whether or not to auto-expand the nodes leading from the root node to each filter result.
+     * To fine-tune this behavior, pass a [`FilterExpandSettings`]({% slug api_treeview_filterexpandsettings %}) object to this input.
+     * @default false
+     */
+    expandOnFilter = false;
     get filterExpandSettings() {
         const settings = isBoolean(this.expandOnFilter) ? { enabled: this.expandOnFilter } : { ...this.expandOnFilter, enabled: true };
         return Object.assign({}, DEFAULT_FILTER_EXPAND_SETTINGS, settings);
     }
+    /**
+     * Fires when the `expandedKeys` collection was updated.
+     */
+    expandedKeysChange = new EventEmitter();
+    /**
+     * Defines the collection that will store the expanded keys.
+     */
+    expandedKeys;
+    subscriptions = new Subscription();
+    /**
+     * Reflectes the internal `expandedKeys` state.
+     */
+    state = new Set();
+    originalExpandedKeys = new Set();
+    isFiltered = false;
+    /**
+     * Holds the last emitted `expandedKeys` collection.
+     */
+    lastChange;
+    constructor(component) {
+        this.component = component;
+        this.subscriptions.add(merge(this.component.expand.pipe(map(e => ({ expand: true, ...e }))), this.component.collapse.pipe(map(e => ({ expand: false, ...e })))).subscribe(this.toggleExpand.bind(this)));
+        if (this.component.filterStateChange) {
+            this.subscriptions.add(this.component.filterStateChange.subscribe(this.handleAutoExpand.bind(this)));
+        }
+        this.component.isExpanded = (dataItem, index) => this.state.has(this.itemKey({ dataItem, index }));
+    }
     ngOnChanges(changes) {
         if (isChanged('expandedKeys', changes, false) && changes['expandedKeys'].currentValue !== this.lastChange) {
             this.state = new Set(changes['expandedKeys'].currentValue);
@@ -172,14 +159,40 @@ export class ExpandDirective {
         }
         this.isFiltered = true;
     }
+    /**
+     * Fills array with the correct expand keys according to wrapper metadata.
+     */
+    updateExpandedNodes = (collection, node, autoExpandMatches) => {
+        if (node.containsMatches || node.isMatch && autoExpandMatches && isArrayWithAtLeastOneItem(node.children)) {
+            collection.push(this.itemKey({ dataItem: node.dataItem, index: node.index }));
+        }
+        if (isArrayWithAtLeastOneItem(node.children)) {
+            node.children.forEach(child => {
+                this.updateExpandedNodes(collection, child, autoExpandMatches);
+            });
+        }
+    };
+    /**
+     * Fills array with the expand key of every node.
+     */
+    getEveryExpandKey = (collection, node) => {
+        if (isArrayWithAtLeastOneItem(node.children)) {
+            collection.push(this.itemKey({ dataItem: node.dataItem, index: node.index }));
+        }
+        if (isArrayWithAtLeastOneItem(node.children)) {
+            node.children.forEach(child => {
+                this.getEveryExpandKey(collection, child);
+            });
+        }
+    };
     notify() {
         this.lastChange = Array.from(this.state);
         this.expandedKeysChange.emit(this.lastChange);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandDirective, deps: [{ token: i1.ExpandableComponent }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ExpandDirective, isStandalone: true, selector: "[kendoTreeViewExpandable]", inputs: { isExpanded: "isExpanded", expandKey: ["expandBy", "expandKey"], expandOnFilter: "expandOnFilter", expandedKeys: "expandedKeys" }, outputs: { expandedKeysChange: "expandedKeysChange" }, usesOnChanges: true, ngImport: i0 });
 }
-ExpandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpandDirective, deps: [{ token: i1.ExpandableComponent }], target: i0.ɵɵFactoryTarget.Directive });
-ExpandDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ExpandDirective, isStandalone: true, selector: "[kendoTreeViewExpandable]", inputs: { isExpanded: "isExpanded", expandKey: ["expandBy", "expandKey"], expandOnFilter: "expandOnFilter", expandedKeys: "expandedKeys" }, outputs: { expandedKeysChange: "expandedKeysChange" }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpandDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTreeViewExpandable]',

package/{esm2020 → esm2022}/expandable-component.mjs

@@ -11,9 +11,9 @@ import * as i0 from "@angular/core";
  * the TreeView or the DropDownTree components.
  */
 export class ExpandableComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandableComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandableComponent });
 }
-ExpandableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpandableComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ExpandableComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpandableComponent });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpandableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandableComponent, decorators: [{
             type: Injectable
         }] });

package/{esm2020 → esm2022}/filtering-base.mjs

@@ -12,11 +12,12 @@ import * as i1 from "./data-bound-component";
  * @hidden
  */
 export class FilteringBase {
-    constructor(component) {
-        this.component = component;
-        this.visibleNodes = new Set();
-        this._filterSettings = DEFAULT_FILTER_SETTINGS;
-    }
+    component;
+    /**
+     * Stores the unfiltered nodes
+     */
+    filterData;
+    visibleNodes = new Set();
     /**
      * The settings which are applied when performing a filter on the component's data.
      */
@@ -29,12 +30,16 @@ export class FilteringBase {
     get filterSettings() {
         return this._filterSettings;
     }
+    _filterSettings = DEFAULT_FILTER_SETTINGS;
     /**
      * Applies a filter and changes the visibility of the component's nodes accordingly.
      */
     set filter(term) {
         this.handleFilterChange(term);
     }
+    constructor(component) {
+        this.component = component;
+    }
     /**
      * @hidden
      */
@@ -75,10 +80,10 @@ export class FilteringBase {
             }
         });
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilteringBase, deps: [{ token: i1.DataBoundComponent }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FilteringBase, inputs: { filterSettings: "filterSettings", filter: "filter" }, ngImport: i0 });
 }
-FilteringBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilteringBase, deps: [{ token: i1.DataBoundComponent }], target: i0.ɵɵFactoryTarget.Directive });
-FilteringBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FilteringBase, inputs: { filterSettings: "filterSettings", filter: "filter" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilteringBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilteringBase, decorators: [{
             type: Directive
         }], ctorParameters: function () { return [{ type: i1.DataBoundComponent }]; }, propDecorators: { filterSettings: [{
                 type: Input

package/{esm2020 → esm2022}/flat-binding.directive.mjs

@@ -36,19 +36,7 @@ const mapToTree = (currentLevelNodes, allNodes, parentIdField, idField, parent =
  * A directive which encapsulates the retrieval of the child nodes.
  */
 export class FlatDataBindingDirective extends FilteringBase {
-    constructor(component) {
-        super(component);
-        this.component = component;
-        /**
-         * @hidden
-         */
-        this.loadOnDemand = true;
-        /**
-         * @hidden
-         */
-        this.originalData = [];
-        this.component.isVisible = (node) => this.visibleNodes.has(node);
-    }
+    component;
     /**
      * The nodes which will be displayed by the TreeView.
      */
@@ -59,6 +47,19 @@ export class FlatDataBindingDirective extends FilteringBase {
     get nodes() {
         return this._nodes;
     }
+    _nodes;
+    /**
+     * Represents the parent field whose value will be matched with the parent node.
+     */
+    parentIdField;
+    /**
+     * Represents the unique field which identifies a node.
+     */
+    idField;
+    /**
+     * @hidden
+     */
+    loadOnDemand = true;
     /**
      * @hidden
      * A callback which determines whether a TreeView node should be rendered as hidden.
@@ -66,6 +67,15 @@ export class FlatDataBindingDirective extends FilteringBase {
     set isVisible(fn) {
         this.component.isVisible = fn;
     }
+    /**
+     * @hidden
+     */
+    originalData = [];
+    constructor(component) {
+        super(component);
+        this.component = component;
+        this.component.isVisible = (node) => this.visibleNodes.has(node);
+    }
     /**
      * @hidden
      */
@@ -115,10 +125,10 @@ export class FlatDataBindingDirective extends FilteringBase {
             this.component.nodes = this.originalData.slice(0);
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FlatDataBindingDirective, deps: [{ token: i1.DataBoundComponent }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FlatDataBindingDirective, isStandalone: true, selector: "[kendoTreeViewFlatDataBinding]", inputs: { nodes: "nodes", parentIdField: "parentIdField", idField: "idField", loadOnDemand: "loadOnDemand", isVisible: "isVisible" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
 }
-FlatDataBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FlatDataBindingDirective, deps: [{ token: i1.DataBoundComponent }], target: i0.ɵɵFactoryTarget.Directive });
-FlatDataBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FlatDataBindingDirective, isStandalone: true, selector: "[kendoTreeViewFlatDataBinding]", inputs: { nodes: "nodes", parentIdField: "parentIdField", idField: "idField", loadOnDemand: "loadOnDemand", isVisible: "isVisible" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FlatDataBindingDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FlatDataBindingDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[kendoTreeViewFlatDataBinding]",

package/{esm2020 → esm2022}/hierarchy-binding.directive.mjs

@@ -37,18 +37,8 @@ const mapToWrappers = (currentLevelNodes, childrenField, parent = null, parentIn
  * A directive which encapsulates the retrieval of child nodes.
  */
 export class HierarchyBindingDirective extends FilteringBase {
-    constructor(component, dragAndDropDirective) {
-        super(component);
-        this.component = component;
-        this.dragAndDropDirective = dragAndDropDirective;
-        /**
-         * @hidden
-         */
-        this.loadOnDemand = true;
-        this.originalData = [];
-        const shouldFilter = !isPresent(this.dragAndDropDirective);
-        this.component.isVisible = shouldFilter ? (node) => this.visibleNodes.has(node) : isVisible;
-    }
+    component;
+    dragAndDropDirective;
     /**
      * The field name which holds the data items of the child component.
      */
@@ -74,6 +64,7 @@ export class HierarchyBindingDirective extends FilteringBase {
     get nodes() {
         return this._nodes;
     }
+    _nodes;
     /**
      * @hidden
      * A callback which determines whether a TreeView node should be rendered as hidden.
@@ -81,6 +72,19 @@ export class HierarchyBindingDirective extends FilteringBase {
     set isVisible(fn) {
         this.component.isVisible = fn;
     }
+    /**
+     * @hidden
+     */
+    loadOnDemand = true;
+    _childrenField;
+    originalData = [];
+    constructor(component, dragAndDropDirective) {
+        super(component);
+        this.component = component;
+        this.dragAndDropDirective = dragAndDropDirective;
+        const shouldFilter = !isPresent(this.dragAndDropDirective);
+        this.component.isVisible = shouldFilter ? (node) => this.visibleNodes.has(node) : isVisible;
+    }
     ngOnInit() {
         if (isPresent(this.childrenField)) {
             this.component.children = item => of(getter(this.childrenField)(item));
@@ -119,10 +123,10 @@ export class HierarchyBindingDirective extends FilteringBase {
         this.filterData = mapToWrappers(values, this.childrenField) || [];
         this.updateVisibleNodes(this.filterData);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HierarchyBindingDirective, deps: [{ token: i1.DataBoundComponent }, { token: i2.DragAndDropDirective, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: HierarchyBindingDirective, isStandalone: true, selector: "[kendoTreeViewHierarchyBinding]", inputs: { childrenField: "childrenField", nodes: "nodes", isVisible: "isVisible", loadOnDemand: "loadOnDemand" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
 }
-HierarchyBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HierarchyBindingDirective, deps: [{ token: i1.DataBoundComponent }, { token: i2.DragAndDropDirective, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-HierarchyBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: HierarchyBindingDirective, isStandalone: true, selector: "[kendoTreeViewHierarchyBinding]", inputs: { childrenField: "childrenField", nodes: "nodes", isVisible: "isVisible", loadOnDemand: "loadOnDemand" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HierarchyBindingDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HierarchyBindingDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTreeViewHierarchyBinding]',

package/{esm2020 → esm2022}/index-builder.service.mjs

@@ -8,9 +8,7 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class IndexBuilderService {
-    constructor() {
-        this.INDEX_SEPARATOR = '_';
-    }
+    INDEX_SEPARATOR = '_';
     nodeIndex(index = '', parentIndex = '') {
         return `${parentIndex}${parentIndex ? this.INDEX_SEPARATOR : ''}${index}`;
     }
@@ -27,9 +25,9 @@ export class IndexBuilderService {
     level(index) {
         return index.split(this.INDEX_SEPARATOR).length;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IndexBuilderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IndexBuilderService });
 }
-IndexBuilderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IndexBuilderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-IndexBuilderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IndexBuilderService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IndexBuilderService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IndexBuilderService, decorators: [{
             type: Injectable
         }] });

package/{esm2020 → esm2022}/load-more/load-more-button-template.directive.mjs

@@ -15,13 +15,14 @@ import * as i0 from "@angular/core";
  * - `let-index="index"` (`string`)
  */
 export class LoadMoreButtonTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoadMoreButtonTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LoadMoreButtonTemplateDirective, isStandalone: true, selector: "[kendoTreeViewLoadMoreButtonTemplate]", ngImport: i0 });
 }
-LoadMoreButtonTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoadMoreButtonTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-LoadMoreButtonTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LoadMoreButtonTemplateDirective, isStandalone: true, selector: "[kendoTreeViewLoadMoreButtonTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoadMoreButtonTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoadMoreButtonTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTreeViewLoadMoreButtonTemplate]',