@progress/kendo-angular-treeview 17.0.0-develop.4 → 17.0.0-develop.41

package/{fesm2020 → fesm2022}/progress-kendo-angular-treeview.mjs

@@ -27,8 +27,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-treeview',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1728985113,
-    version: '17.0.0-develop.4',
+    publishDate: 1730818298,
+    version: '17.0.0-develop.41',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -36,9 +36,7 @@ const packageMetadata = {
  * @hidden
  */
 class DataChangeNotificationService {
-    constructor() {
-        this.changes = new EventEmitter();
-    }
+    changes = new EventEmitter();
     notify() {
         this.changes.emit();
     }
@@ -81,19 +79,17 @@ const trackBy = (_, item) => item;
  * @hidden
  */
 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
         }] });
 
@@ -101,9 +97,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class IndexBuilderService {
-    constructor() {
-        this.INDEX_SEPARATOR = '_';
-    }
+    INDEX_SEPARATOR = '_';
     nodeIndex(index = '', parentIndex = '') {
         return `${parentIndex}${parentIndex ? this.INDEX_SEPARATOR : ''}${index}`;
     }
@@ -120,10 +114,10 @@ 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
         }] });
 
@@ -131,16 +125,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class LoadingNotificationService {
-    constructor() {
-        this.changes = new Subject();
-    }
+    changes = new Subject();
     notifyLoaded(index) {
         this.changes.next(index);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoadingNotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoadingNotificationService });
 }
-LoadingNotificationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoadingNotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-LoadingNotificationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoadingNotificationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoadingNotificationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoadingNotificationService, decorators: [{
             type: Injectable
         }] });
 
@@ -460,10 +452,8 @@ const lastVisibleNode = (nodes) => {
  * @hidden
  */
 class NavigationModel {
-    constructor() {
-        this.ib = new IndexBuilderService();
-        this.nodes = [];
-    }
+    ib = new IndexBuilderService();
+    nodes = [];
     firstVisibleNode() {
         return (this.nodes || []).find(node => node.visible);
     }
@@ -593,45 +583,42 @@ class NavigationModel {
  * @hidden
  */
 class NavigationService {
-    constructor(localization) {
-        this.localization = localization;
-        this.expands = new Subject();
-        this.moves = new Subject();
-        this.checks = new Subject();
-        this.selects = new Subject();
-        this.deselectAllButCurrentItem = new Subject();
-        this.loadMore = new Subject();
-        this.navigable = true;
-        this.selection = 'single';
-        this.isTreeViewActive = false;
-        this.actions = {
-            [Keys.ArrowUp]: () => this.activate(this.model.findVisiblePrev(this.focusableItem), true),
-            [Keys.ArrowDown]: () => this.activate(this.model.findVisibleNext(this.focusableItem), true),
-            [Keys.ArrowLeft]: () => !this.isLoadMoreButton && (this.expand({
-                expand: this.localization.rtl,
-                intercept: this.localization.rtl ? this.moveToFirstVisibleChild : this.moveToParent
-            })),
-            [Keys.ArrowRight]: () => !this.isLoadMoreButton && (this.expand({
-                expand: !this.localization.rtl,
-                intercept: this.localization.rtl ? this.moveToParent : this.moveToFirstVisibleChild
-            })),
-            [Keys.Home]: () => this.activate(this.model.firstVisibleNode(), true),
-            [Keys.End]: () => this.activate(this.model.lastVisibleNode(), true),
-            [Keys.Enter]: (e) => this.handleEnter(e),
-            [Keys.Space]: () => this.handleSpace()
-        };
-        this.isFocused = false;
-        this.shouldScroll = false;
-        this._model = new NavigationModel();
-        this.moveToFirstVisibleChild = this.moveToFirstVisibleChild.bind(this);
-        this.moveToParent = this.moveToParent.bind(this);
-    }
+    localization;
+    expands = new Subject();
+    moves = new Subject();
+    checks = new Subject();
+    selects = new Subject();
+    deselectAllButCurrentItem = new Subject();
+    loadMore = new Subject();
+    navigable = true;
+    selection = 'single';
+    isTreeViewActive = false;
     get model() {
         return this._model;
     }
     set model(model) {
         this._model = model;
     }
+    actions = {
+        [Keys.ArrowUp]: () => this.activate(this.model.findVisiblePrev(this.focusableItem), true),
+        [Keys.ArrowDown]: () => this.activate(this.model.findVisibleNext(this.focusableItem), true),
+        [Keys.ArrowLeft]: () => !this.isLoadMoreButton && (this.expand({
+            expand: this.localization.rtl,
+            intercept: this.localization.rtl ? this.moveToFirstVisibleChild : this.moveToParent
+        })),
+        [Keys.ArrowRight]: () => !this.isLoadMoreButton && (this.expand({
+            expand: !this.localization.rtl,
+            intercept: this.localization.rtl ? this.moveToParent : this.moveToFirstVisibleChild
+        })),
+        [Keys.Home]: () => this.activate(this.model.firstVisibleNode(), true),
+        [Keys.End]: () => this.activate(this.model.lastVisibleNode(), true),
+        [Keys.Enter]: (e) => this.handleEnter(e),
+        [Keys.Space]: () => this.handleSpace()
+    };
+    activeItem;
+    isFocused = false;
+    shouldScroll = false;
+    _model = new NavigationModel();
     get activeIndex() {
         return nodeIndex(this.activeItem) || null;
     }
@@ -644,6 +631,11 @@ class NavigationService {
     get focusableItem() {
         return this.activeItem || this.model.firstFocusableNode();
     }
+    constructor(localization) {
+        this.localization = localization;
+        this.moveToFirstVisibleChild = this.moveToFirstVisibleChild.bind(this);
+        this.moveToParent = this.moveToParent.bind(this);
+    }
     activate(item, shouldScroll = false) {
         if (!this.navigable || !item || this.isActive(nodeIndex(item))) {
             return;
@@ -814,10 +806,10 @@ class NavigationService {
             this.checkIndex(this.activeIndex);
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService });
 }
-NavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
-NavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
 
@@ -825,16 +817,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class NodeChildrenService {
-    constructor() {
-        this.changes = new Subject();
-    }
+    changes = new Subject();
     childrenLoaded(item, children) {
         this.changes.next({ item, children });
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeChildrenService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeChildrenService });
 }
-NodeChildrenService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NodeChildrenService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-NodeChildrenService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NodeChildrenService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NodeChildrenService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeChildrenService, decorators: [{
             type: Injectable
         }] });
 
@@ -893,13 +883,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * ```
  */
 class NodeTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: NodeTemplateDirective, isStandalone: true, selector: "[kendoTreeViewNodeTemplate]", ngImport: i0 });
 }
-NodeTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NodeTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-NodeTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NodeTemplateDirective, isStandalone: true, selector: "[kendoTreeViewNodeTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NodeTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTreeViewNodeTemplate]',
@@ -920,13 +911,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * - `let-index="index"` (`string`)
  */
 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]',
@@ -943,10 +935,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * the TreeView or the DropDownTree components.
  */
 class DataBoundComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataBoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataBoundComponent });
 }
-DataBoundComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DataBoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-DataBoundComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DataBoundComponent });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DataBoundComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataBoundComponent, decorators: [{
             type: Injectable
         }] });
 
@@ -957,10 +949,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * the TreeView or the DropDownTree components.
  */
 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
         }] });
 
@@ -968,9 +960,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class SelectionService {
-    constructor() {
-        this.changes = new Subject();
-    }
+    changes = new Subject();
+    firstIndex;
     isFirstSelected(index) {
         return this.firstIndex === index;
     }
@@ -985,10 +976,10 @@ class SelectionService {
     select(index, dataItem) {
         this.changes.next({ dataItem, index });
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectionService });
 }
-SelectionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SelectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SelectionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SelectionService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SelectionService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectionService, decorators: [{
             type: Injectable
         }] });
 
@@ -997,9 +988,7 @@ const INDEX_REGEX = /\d+$/;
  * @hidden
  */
 class TreeViewLookupService {
-    constructor() {
-        this.map = new Map();
-    }
+    map = new Map();
     reset() {
         this.map.clear();
     }
@@ -1070,10 +1059,10 @@ class TreeViewLookupService {
             };
         });
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeViewLookupService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeViewLookupService });
 }
-TreeViewLookupService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeViewLookupService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-TreeViewLookupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeViewLookupService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeViewLookupService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeViewLookupService, decorators: [{
             type: Injectable
         }] });
 
@@ -1083,14 +1072,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * A directive which manages the expanded state of the TreeView.
  */
 class TreeViewItemContentDirective {
+    element;
+    navigationService;
+    selectionService;
+    renderer;
+    dataItem;
+    index;
+    initialSelection = false;
+    isSelected = isSelected;
+    subscriptions = new Subscription();
     constructor(element, navigationService, selectionService, renderer) {
         this.element = element;
         this.navigationService = navigationService;
         this.selectionService = selectionService;
         this.renderer = renderer;
-        this.initialSelection = false;
-        this.isSelected = isSelected;
-        this.subscriptions = new Subscription();
         this.subscriptions.add(this.navigationService.moves
             .subscribe(this.updateFocusClass.bind(this)));
         this.subscriptions.add(this.navigationService.selects
@@ -1122,10 +1117,10 @@ class TreeViewItemContentDirective {
         const action = addClass ? 'addClass' : 'removeClass';
         this.renderer[action](this.element.nativeElement, className);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeViewItemContentDirective, deps: [{ token: i0.ElementRef }, { token: NavigationService }, { token: SelectionService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TreeViewItemContentDirective, isStandalone: true, selector: "[kendoTreeViewItemContent]", inputs: { dataItem: "dataItem", index: "index", initialSelection: "initialSelection", isSelected: "isSelected" }, usesOnChanges: true, ngImport: i0 });
 }
-TreeViewItemContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeViewItemContentDirective, deps: [{ token: i0.ElementRef }, { token: NavigationService }, { token: SelectionService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-TreeViewItemContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TreeViewItemContentDirective, isStandalone: true, selector: "[kendoTreeViewItemContent]", inputs: { dataItem: "dataItem", index: "index", initialSelection: "initialSelection", isSelected: "isSelected" }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeViewItemContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeViewItemContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTreeViewItemContent]',
@@ -1145,12 +1140,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class LoadingIndicatorDirective {
-    constructor(expandService, loadingService, cd) {
-        this.expandService = expandService;
-        this.loadingService = loadingService;
-        this.cd = cd;
-        this._loading = false;
-    }
+    expandService;
+    loadingService;
+    cd;
     get loading() {
         return this._loading;
     }
@@ -1158,6 +1150,14 @@ class LoadingIndicatorDirective {
         this._loading = value;
         this.cd.markForCheck();
     }
+    index;
+    _loading = false;
+    subscription;
+    constructor(expandService, loadingService, cd) {
+        this.expandService = expandService;
+        this.loadingService = loadingService;
+        this.cd = cd;
+    }
     ngOnInit() {
         const loadingNotifications = this.loadingService
             .changes
@@ -1177,10 +1177,10 @@ class LoadingIndicatorDirective {
             this.subscription.unsubscribe();
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoadingIndicatorDirective, deps: [{ token: ExpandStateService }, { token: LoadingNotificationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LoadingIndicatorDirective, isStandalone: true, selector: "[kendoTreeViewLoading]", inputs: { index: ["kendoTreeViewLoading", "index"] }, host: { properties: { "class.k-i-loading": "this.loading" } }, ngImport: i0 });
 }
-LoadingIndicatorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoadingIndicatorDirective, deps: [{ token: ExpandStateService }, { token: LoadingNotificationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-LoadingIndicatorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LoadingIndicatorDirective, isStandalone: true, selector: "[kendoTreeViewLoading]", inputs: { index: ["kendoTreeViewLoading", "index"] }, host: { properties: { "class.k-i-loading": "this.loading" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoadingIndicatorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoadingIndicatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTreeViewLoading]',
@@ -1204,24 +1204,22 @@ const BUTTON_ROLE = 'button';
  * A directive which manages the expanded state of the TreeView.
  */
 class TreeViewItemDirective {
-    constructor(element, expandService, navigationService, selectionService, lookupService, renderer, ib) {
-        this.element = element;
-        this.expandService = expandService;
-        this.navigationService = navigationService;
-        this.selectionService = selectionService;
-        this.lookupService = lookupService;
-        this.renderer = renderer;
-        this.ib = ib;
-        this.role = TREE_ITEM_ROLE;
-        this.loadOnDemand = true;
-        this.isDisabled = false;
-        this.isVisible = true;
-        this.ariaChecked = 'false';
-        this.id = id++;
-        this.isInitialized = false;
-        this.subscriptions = [];
-        this.subscribe();
-    }
+    element;
+    expandService;
+    navigationService;
+    selectionService;
+    lookupService;
+    renderer;
+    ib;
+    dataItem;
+    index;
+    parentDataItem;
+    parentIndex;
+    role = TREE_ITEM_ROLE;
+    loadOnDemand = true;
+    checkable;
+    selectable;
+    expandable;
     set isChecked(checked) {
         if (checked === 'checked') {
             this.ariaChecked = 'true';
@@ -1233,6 +1231,8 @@ class TreeViewItemDirective {
             this.ariaChecked = 'false';
         }
     }
+    isDisabled = false;
+    isVisible = true;
     get isExpanded() {
         return this._isExpanded || false;
     }
@@ -1254,6 +1254,22 @@ class TreeViewItemDirective {
     get parentTreeItem() {
         return this.parentDataItem ? buildItem(this.parentIndex, this.parentDataItem) : null;
     }
+    ariaChecked = 'false';
+    id = id++;
+    _isExpanded;
+    _isSelected;
+    isInitialized = false;
+    subscriptions = [];
+    constructor(element, expandService, navigationService, selectionService, lookupService, renderer, ib) {
+        this.element = element;
+        this.expandService = expandService;
+        this.navigationService = navigationService;
+        this.selectionService = selectionService;
+        this.lookupService = lookupService;
+        this.renderer = renderer;
+        this.ib = ib;
+        this.subscribe();
+    }
     ngOnInit() {
         if (this.loadOnDemand && !this.isButton) {
             this.lookupService.registerItem(this.treeItem, this.parentTreeItem);
@@ -1366,10 +1382,10 @@ class TreeViewItemDirective {
         }
         this.renderer.setAttribute(this.element.nativeElement, attr, value);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeViewItemDirective, deps: [{ token: i0.ElementRef }, { token: ExpandStateService }, { token: NavigationService }, { token: SelectionService }, { token: TreeViewLookupService }, { token: i0.Renderer2 }, { token: IndexBuilderService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TreeViewItemDirective, isStandalone: true, selector: "[kendoTreeViewItem]", inputs: { dataItem: "dataItem", index: "index", parentDataItem: "parentDataItem", parentIndex: "parentIndex", role: "role", loadOnDemand: "loadOnDemand", checkable: "checkable", selectable: "selectable", expandable: "expandable", isChecked: "isChecked", isDisabled: "isDisabled", isVisible: "isVisible", isExpanded: "isExpanded", isSelected: "isSelected" }, usesOnChanges: true, ngImport: i0 });
 }
-TreeViewItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeViewItemDirective, deps: [{ token: i0.ElementRef }, { token: ExpandStateService }, { token: NavigationService }, { token: SelectionService }, { token: TreeViewLookupService }, { token: i0.Renderer2 }, { token: IndexBuilderService }], target: i0.ɵɵFactoryTarget.Directive });
-TreeViewItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TreeViewItemDirective, isStandalone: true, selector: "[kendoTreeViewItem]", inputs: { dataItem: "dataItem", index: "index", parentDataItem: "parentDataItem", parentIndex: "parentIndex", role: "role", loadOnDemand: "loadOnDemand", checkable: "checkable", selectable: "selectable", expandable: "expandable", isChecked: "isChecked", isDisabled: "isDisabled", isVisible: "isVisible", isExpanded: "isExpanded", isSelected: "isSelected" }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeViewItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeViewItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTreeViewItem]',
@@ -1412,51 +1428,56 @@ const BOT_ITEM = 'k-treeview-bot';
  * @hidden
  */
 class TreeViewGroupComponent {
-    constructor(expandService, loadingService, indexBuilder, treeViewLookupService, navigationService, nodeChildrenService, dataChangeNotification, changeDetectorRef, localization, renderer) {
-        this.expandService = expandService;
-        this.loadingService = loadingService;
-        this.indexBuilder = indexBuilder;
-        this.treeViewLookupService = treeViewLookupService;
-        this.navigationService = navigationService;
-        this.nodeChildrenService = nodeChildrenService;
-        this.dataChangeNotification = dataChangeNotification;
-        this.changeDetectorRef = changeDetectorRef;
-        this.localization = localization;
-        this.renderer = renderer;
-        /**
-         * @hidden
-         */
-        this.caretAltDownIcon = caretAltDownIcon;
-        /**
-         * @hidden
-         */
-        this.caretAltRightIcon = caretAltRightIcon;
-        /**
-         * @hidden
-         */
-        this.caretAltLeftIcon = caretAltLeftIcon;
-        this.kGroupClass = true;
-        this.loadOnDemand = true;
-        this.textField = "";
-        this.size = 'medium';
-        this.initialNodesLoaded = false;
-        this.loadingMoreNodes = false;
-        this.isItemExpandable = (node, index) => this.expandDisabledNodes || !this.isItemDisabled(node, index);
-        this._data = [];
-        this.singleRecordSubscriptions = new Subscription();
-        this.localizationSubscriptions = new Subscription();
-        this.isChecked = () => 'none';
-        this.isDisabled = () => false;
-        this.hasCheckbox = () => true;
-        this.isExpanded = () => false;
-        this.isVisible = () => true;
-        this.isSelected = () => false;
-        this.children = () => of([]);
-        this.hasChildren = () => false;
-    }
+    expandService;
+    loadingService;
+    indexBuilder;
+    treeViewLookupService;
+    navigationService;
+    nodeChildrenService;
+    dataChangeNotification;
+    changeDetectorRef;
+    localization;
+    renderer;
+    /**
+     * @hidden
+     */
+    caretAltDownIcon = caretAltDownIcon;
+    /**
+     * @hidden
+     */
+    caretAltRightIcon = caretAltRightIcon;
+    /**
+     * @hidden
+     */
+    caretAltLeftIcon = caretAltLeftIcon;
+    /**
+     * @hidden
+     */
+    loadMoreTitle;
+    kGroupClass = true;
     get role() {
         return this.parentIndex ? 'group' : 'tree';
     }
+    checkboxes;
+    expandIcons;
+    disabled;
+    selectable;
+    touchActions;
+    disableParentNodesOnly;
+    loadOnDemand = true;
+    trackBy;
+    nodes;
+    textField = "";
+    parentDataItem;
+    parentIndex;
+    nodeTemplateRef;
+    loadMoreButtonTemplateRef;
+    loadMoreService;
+    size = 'medium';
+    expandDisabledNodes;
+    initialNodesLoaded = false;
+    loadingMoreNodes = false;
+    isItemExpandable = (node, index) => this.expandDisabledNodes || !this.isItemDisabled(node, index);
     getFontIcon(node, index) {
         return this.isExpanded(node, index) ? 'caret-alt-down' : !this.localization.rtl ? 'caret-alt-right' : 'caret-alt-left';
     }
@@ -1504,6 +1525,31 @@ class TreeViewGroupComponent {
         }
         return this.loadMoreService.getTotalNodesCount(this.parentDataItem, this._data.length);
     }
+    _data = [];
+    nodesSubscription;
+    loadMoreNodesSubscription;
+    singleRecordSubscriptions = new Subscription();
+    localizationSubscriptions = new Subscription();
+    constructor(expandService, loadingService, indexBuilder, treeViewLookupService, navigationService, nodeChildrenService, dataChangeNotification, changeDetectorRef, localization, renderer) {
+        this.expandService = expandService;
+        this.loadingService = loadingService;
+        this.indexBuilder = indexBuilder;
+        this.treeViewLookupService = treeViewLookupService;
+        this.navigationService = navigationService;
+        this.nodeChildrenService = nodeChildrenService;
+        this.dataChangeNotification = dataChangeNotification;
+        this.changeDetectorRef = changeDetectorRef;
+        this.localization = localization;
+        this.renderer = renderer;
+    }
+    isChecked = () => 'none';
+    isDisabled = () => false;
+    hasCheckbox = () => true;
+    isExpanded = () => false;
+    isVisible = () => true;
+    isSelected = () => false;
+    children = () => of([]);
+    hasChildren = () => false;
     get hasTemplate() {
         return isPresent(this.nodeTemplateRef);
     }
@@ -1694,9 +1740,8 @@ class TreeViewGroupComponent {
         }
         this.emitChildrenLoaded(mappedChildren);
     }
-}
-TreeViewGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeViewGroupComponent, deps: [{ token: ExpandStateService }, { token: LoadingNotificationService }, { token: IndexBuilderService }, { token: TreeViewLookupService }, { token: NavigationService }, { token: NodeChildrenService }, { token: DataChangeNotificationService }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TreeViewGroupComponent, isStandalone: true, selector: "[kendoTreeViewGroup]", inputs: { checkboxes: "checkboxes", expandIcons: "expandIcons", disabled: "disabled", selectable: "selectable", touchActions: "touchActions", disableParentNodesOnly: "disableParentNodesOnly", loadOnDemand: "loadOnDemand", trackBy: "trackBy", nodes: "nodes", textField: "textField", parentDataItem: "parentDataItem", parentIndex: "parentIndex", nodeTemplateRef: "nodeTemplateRef", loadMoreButtonTemplateRef: "loadMoreButtonTemplateRef", loadMoreService: "loadMoreService", size: "size", expandDisabledNodes: "expandDisabledNodes", isChecked: "isChecked", isDisabled: "isDisabled", hasCheckbox: "hasCheckbox", 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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeViewGroupComponent, deps: [{ token: ExpandStateService }, { token: LoadingNotificationService }, { token: IndexBuilderService }, { token: TreeViewLookupService }, { token: NavigationService }, { token: NodeChildrenService }, { token: DataChangeNotificationService }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TreeViewGroupComponent, isStandalone: true, selector: "[kendoTreeViewGroup]", inputs: { checkboxes: "checkboxes", expandIcons: "expandIcons", disabled: "disabled", selectable: "selectable", touchActions: "touchActions", disableParentNodesOnly: "disableParentNodesOnly", loadOnDemand: "loadOnDemand", trackBy: "trackBy", nodes: "nodes", textField: "textField", parentDataItem: "parentDataItem", parentIndex: "parentIndex", nodeTemplateRef: "nodeTemplateRef", loadMoreButtonTemplateRef: "loadMoreButtonTemplateRef", loadMoreService: "loadMoreService", size: "size", expandDisabledNodes: "expandDisabledNodes", isChecked: "isChecked", isDisabled: "isDisabled", hasCheckbox: "hasCheckbox", 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"
@@ -1847,18 +1892,19 @@ TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
             </div>
         </li>
     `, isInline: true, dependencies: [{ kind: "component", type: TreeViewGroupComponent, selector: "[kendoTreeViewGroup]", inputs: ["checkboxes", "expandIcons", "disabled", "selectable", "touchActions", "disableParentNodesOnly", "loadOnDemand", "trackBy", "nodes", "textField", "parentDataItem", "parentIndex", "nodeTemplateRef", "loadMoreButtonTemplateRef", "loadMoreService", "size", "expandDisabledNodes", "isChecked", "isDisabled", "hasCheckbox", "isExpanded", "isVisible", "isSelected", "children", "hasChildren"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: TreeViewItemDirective, selector: "[kendoTreeViewItem]", inputs: ["dataItem", "index", "parentDataItem", "parentIndex", "role", "loadOnDemand", "checkable", "selectable", "expandable", "isChecked", "isDisabled", "isVisible", "isExpanded", "isSelected"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: LoadingIndicatorDirective, selector: "[kendoTreeViewLoading]", inputs: ["kendoTreeViewLoading"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: CheckBoxComponent, selector: "kendo-checkbox", inputs: ["checkedState", "rounded"], outputs: ["checkedStateChange"], exportAs: ["kendoCheckBox"] }, { kind: "directive", type: TreeViewItemContentDirective, selector: "[kendoTreeViewItemContent]", inputs: ["dataItem", "index", "initialSelection", "isSelected"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgSwitchDefault, selector: "[ngSwitchDefault]" }], animations: [
-        trigger('toggle', [
-            transition('void => *', [
-                style({ height: 0 }),
-                animate('0.1s ease-in', style({ height: "*" }))
-            ]),
-            transition('* => void', [
-                style({ height: "*" }),
-                animate('0.1s ease-in', style({ height: 0 }))
+            trigger('toggle', [
+                transition('void => *', [
+                    style({ height: 0 }),
+                    animate('0.1s ease-in', style({ height: "*" }))
+                ]),
+                transition('* => void', [
+                    style({ height: "*" }),
+                    animate('0.1s ease-in', style({ height: 0 }))
+                ])
             ])
-        ])
-    ] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeViewGroupComponent, decorators: [{
+        ] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeViewGroupComponent, decorators: [{
             type: Component,
             args: [{
                     animations: [
@@ -2091,10 +2137,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class TreeViewMessages extends ComponentMessages {
+    /**
+     * The text of the `Load More` button title.
+     */
+    loadMore;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeViewMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TreeViewMessages, selector: "kendo-treeview-messages-base", inputs: { loadMore: "loadMore" }, usesInheritance: true, ngImport: i0 });
 }
-TreeViewMessages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeViewMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-TreeViewMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TreeViewMessages, selector: "kendo-treeview-messages-base", inputs: { loadMore: "loadMore" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeViewMessages, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeViewMessages, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -2108,19 +2158,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class LocalizedMessagesDirective extends TreeViewMessages {
+    service;
     constructor(service) {
         super();
         this.service = service;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoTreeViewLocalizedMessages]", providers: [
+            {
+                provide: TreeViewMessages,
+                useExisting: forwardRef(() => LocalizedMessagesDirective)
+            }
+        ], usesInheritance: true, ngImport: i0 });
 }
-LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoTreeViewLocalizedMessages]", providers: [
-        {
-            provide: TreeViewMessages,
-            useExisting: forwardRef(() => LocalizedMessagesDirective)
-        }
-    ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [
@@ -2164,200 +2215,43 @@ const providers = [
  *
  */
 class TreeViewComponent {
-    constructor(element, changeDetectorRef, expandService, navigationService, nodeChildrenService, selectionService, treeViewLookupService, ngZone, renderer, dataChangeNotification, localization) {
-        this.element = element;
-        this.changeDetectorRef = changeDetectorRef;
-        this.expandService = expandService;
-        this.navigationService = navigationService;
-        this.nodeChildrenService = nodeChildrenService;
-        this.selectionService = selectionService;
-        this.treeViewLookupService = treeViewLookupService;
-        this.ngZone = ngZone;
-        this.renderer = renderer;
-        this.dataChangeNotification = dataChangeNotification;
-        this.localization = localization;
-        /**
-         * @hidden
-         */
-        this.searchIcon = searchIcon;
-        this.classNames = true;
-        /**
-         * The hint which is displayed when the component is empty.
-         */
-        this.filterInputPlaceholder = "";
-        /** @hidden */
-        this.fetchNodes = () => this.data;
-        /**
-         * Fires when the children of the expanded node are loaded.
-         */
-        this.childrenLoaded = new EventEmitter();
-        /**
-         * Fires when the user blurs the component.
-         */
-        this.onBlur = new EventEmitter();
-        /**
-         * Fires when the user focuses the component.
-         */
-        this.onFocus = new EventEmitter();
-        /**
-         * Fires when the user expands a TreeView node.
-         */
-        this.expand = new EventEmitter();
-        /**
-         * Fires when the user collapses a TreeView node.
-         */
-        this.collapse = new EventEmitter();
-        /**
-         * Fires just before the dragging of the node starts ([see example]({% slug draganddrop_treeview %}#toc-setup)). This event is preventable.
-         * If you prevent the event default, no drag hint will be created and the subsequent drag-related events will not be fired.
-         */
-        this.nodeDragStart = new EventEmitter();
-        /**
-         * Fires when an item is being dragged ([see example]({% slug draganddrop_treeview %}#toc-setup)).
-         */
-        this.nodeDrag = new EventEmitter();
-        /**
-         * Emits when the built-in filtering mechanism in the data-binding directives updates the node's visibility.
-         * Used for the built-in auto-expand functionalities of the component and available for custom implementations.
-         */
-        this.filterStateChange = new EventEmitter();
-        /**
-         * Fires on the target TreeView when a dragged item is dropped ([see example]({% slug draganddrop_treeview %}#toc-setup)).
-         * This event is preventable. If you prevent the event default (`event.preventDefualt()`) or invalidate its state (`event.setValid(false)`),
-         * the `addItem` and `removeItem` events will not be triggered.
-         *
-         * Both operations cancel the default drop operation, but the indication to the user is different. `event.setValid(false)` indicates that the operation was
-         * unsuccessful by animating the drag clue to its original position. `event.preventDefault()` simply removes the clue, as if it has been dropped successfully.
-         * As a general rule, use `preventDefault` to manually handle the add and remove operations, and `setValid(false)` to indicate the operation was unsuccessful.
-         */
-        this.nodeDrop = new EventEmitter();
-        /**
-         * Fires on the source TreeView after the dragged item has been dropped ([see example]({% slug draganddrop_treeview %}#toc-setup)).
-         */
-        this.nodeDragEnd = new EventEmitter();
-        /**
-         * Fires after a dragged item is dropped ([see example]({% slug draganddrop_treeview %}#toc-setup)).
-         * Called on the TreeView where the item is dropped.
-         */
-        this.addItem = new EventEmitter();
-        /**
-         * Fires after a dragged item is dropped ([see example]({% slug draganddrop_treeview %}#toc-setup)).
-         * Called on the TreeView from where the item is dragged.
-         */
-        this.removeItem = new EventEmitter();
-        /**
-         * Fires when the user selects a TreeView node checkbox
-         * ([see example]({% slug checkboxes_treeview %}#toc-modifying-the-checked-state)).
-         */
-        this.checkedChange = new EventEmitter();
-        /**
-         * Fires when the user selects a TreeView node
-         * ([see example]({% slug selection_treeview %}#toc-modifying-the-selection)).
-         */
-        this.selectionChange = new EventEmitter();
-        /**
-         * Fires when the value of the built-in filter input element changes.
-         */
-        this.filterChange = new EventEmitter();
-        /**
-         * Fires when the user clicks a TreeView node.
-         */
-        this.nodeClick = new EventEmitter();
-        /**
-         * Fires when the user double clicks a TreeView node.
-         */
-        this.nodeDblClick = new EventEmitter();
-        /**
-         * A function that defines how to track node changes.
-         * By default, the TreeView tracks the nodes by data item object reference.
-         *
-         * @example
-         * ```ts
-         *  @Component({
-         *      selector: 'my-app',
-         *      template: `
-         *          <kendo-treeview
-         *              [nodes]="data"
-         *              textField="text"
-         *              [trackBy]="trackBy"
-         *          >
-         *          </kendo-treeview>
-         *      `
-         *  })
-         *  export class AppComponent {
-         *      public data: any[] = [
-         *          { text: "Furniture" },
-         *          { text: "Decor" }
-         *      ];
-         *
-         *      public trackBy(index: number, item: any): any {
-         *          return item.text;
-         *      }
-         *  }
-         * ```
-         */
-        this.trackBy = trackBy;
-        /**
-         * A function which determines if a specific node is disabled.
-         */
-        this.isDisabled = isDisabled;
-        /**
-         * A function which determines if a specific node has a checkbox.
-         *
-         * > If there is no checkbox for a node, then this node is not checkable and is excluded from any built-in check functionality.
-         */
-        this.hasCheckbox = hasCheckbox;
-        /**
-         * A callback which determines whether a TreeView node should be rendered as hidden. The utility .k-hidden class is used to hide the nodes.
-         * Useful for custom filtering implementations.
-         */
-        this.isVisible = isVisible;
-        /**
-         * Determines whether the TreeView keyboard navigable is enabled.
-         */
-        this.navigable = true;
-        /**
-         * A function which provides the child nodes for a given parent node
-         * ([see example]({% slug databinding_treeview %})).
-         */
-        this.children = () => of([]);
-        /**
-         * Indicates whether the child nodes will be fetched on node expand or will be initially prefetched.
-         * @default true
-         */
-        this.loadOnDemand = true;
-        /**
-         * Renders the built-in input element for filtering the TreeView.
-         * If set to `true`, the component emits the `filterChange` event, which can be used to [filter the TreeView manually]({% slug filtering_treeview %}#toc-manual-filtering).
-         * A built-in filtering implementation is available to use with the [`kendoTreeViewHierarchyBinding`]({% slug api_treeview_hierarchybindingdirective %}) and [`kendoTreeViewFlatDataBinding`]({% slug api_treeview_flatdatabindingdirective %}) directives.
-         */
-        this.filterable = false;
-        /**
-         * Sets an initial value of the built-in input element used for filtering.
-         */
-        this.filter = '';
-        /**
-         * Indicates whether only parent nodes should be disabled or their child nodes as well
-         * @default false
-         */
-        this.disableParentNodesOnly = false;
-        this.checkboxes = false;
-        this.expandIcons = false;
-        this.selectable = false;
-        this.touchActions = true;
-        this.data = new BehaviorSubject([]);
-        this._animate = true;
-        this._size = 'medium';
-        this.subscriptions = new Subscription();
-        this.domSubscriptions = [];
-        this._nextId = nextId;
-        validatePackage(packageMetadata);
-        nextId++;
-    }
+    element;
+    changeDetectorRef;
+    expandService;
+    navigationService;
+    nodeChildrenService;
+    selectionService;
+    treeViewLookupService;
+    ngZone;
+    renderer;
+    dataChangeNotification;
+    localization;
+    /**
+     * @hidden
+     */
+    searchIcon = searchIcon;
+    classNames = true;
     /** @hidden */
     get direction() {
         return this.localization.rtl ? 'rtl' : 'ltr';
     }
+    /**
+     * @hidden
+     */
+    assetsContainer;
+    /**
+     * @hidden
+     */
+    searchbox;
+    /**
+     * The hint which is displayed when the component is empty.
+     */
+    filterInputPlaceholder = "";
+    /**
+     * Determines whether to allow expanding disabled nodes.
+     * @default false
+     */
+    expandDisabledNodes;
     /**
      * Determines whether the content animation is enabled.
      */
@@ -2367,6 +2261,95 @@ class TreeViewComponent {
     get animate() {
         return !this._animate;
     }
+    /** @hidden */
+    fetchNodes = () => this.data;
+    /**
+     * Fires when the children of the expanded node are loaded.
+     */
+    childrenLoaded = new EventEmitter();
+    /**
+     * Fires when the user blurs the component.
+     */
+    onBlur = new EventEmitter();
+    /**
+     * Fires when the user focuses the component.
+     */
+    onFocus = new EventEmitter();
+    /**
+     * Fires when the user expands a TreeView node.
+     */
+    expand = new EventEmitter();
+    /**
+     * Fires when the user collapses a TreeView node.
+     */
+    collapse = new EventEmitter();
+    /**
+     * Fires just before the dragging of the node starts ([see example]({% slug draganddrop_treeview %}#toc-setup)). This event is preventable.
+     * If you prevent the event default, no drag hint will be created and the subsequent drag-related events will not be fired.
+     */
+    nodeDragStart = new EventEmitter();
+    /**
+     * Fires when an item is being dragged ([see example]({% slug draganddrop_treeview %}#toc-setup)).
+     */
+    nodeDrag = new EventEmitter();
+    /**
+     * Emits when the built-in filtering mechanism in the data-binding directives updates the node's visibility.
+     * Used for the built-in auto-expand functionalities of the component and available for custom implementations.
+     */
+    filterStateChange = new EventEmitter();
+    /**
+     * Fires on the target TreeView when a dragged item is dropped ([see example]({% slug draganddrop_treeview %}#toc-setup)).
+     * This event is preventable. If you prevent the event default (`event.preventDefualt()`) or invalidate its state (`event.setValid(false)`),
+     * the `addItem` and `removeItem` events will not be triggered.
+     *
+     * Both operations cancel the default drop operation, but the indication to the user is different. `event.setValid(false)` indicates that the operation was
+     * unsuccessful by animating the drag clue to its original position. `event.preventDefault()` simply removes the clue, as if it has been dropped successfully.
+     * As a general rule, use `preventDefault` to manually handle the add and remove operations, and `setValid(false)` to indicate the operation was unsuccessful.
+     */
+    nodeDrop = new EventEmitter();
+    /**
+     * Fires on the source TreeView after the dragged item has been dropped ([see example]({% slug draganddrop_treeview %}#toc-setup)).
+     */
+    nodeDragEnd = new EventEmitter();
+    /**
+     * Fires after a dragged item is dropped ([see example]({% slug draganddrop_treeview %}#toc-setup)).
+     * Called on the TreeView where the item is dropped.
+     */
+    addItem = new EventEmitter();
+    /**
+     * Fires after a dragged item is dropped ([see example]({% slug draganddrop_treeview %}#toc-setup)).
+     * Called on the TreeView from where the item is dragged.
+     */
+    removeItem = new EventEmitter();
+    /**
+     * Fires when the user selects a TreeView node checkbox
+     * ([see example]({% slug checkboxes_treeview %}#toc-modifying-the-checked-state)).
+     */
+    checkedChange = new EventEmitter();
+    /**
+     * Fires when the user selects a TreeView node
+     * ([see example]({% slug selection_treeview %}#toc-modifying-the-selection)).
+     */
+    selectionChange = new EventEmitter();
+    /**
+     * Fires when the value of the built-in filter input element changes.
+     */
+    filterChange = new EventEmitter();
+    /**
+     * Fires when the user clicks a TreeView node.
+     */
+    nodeClick = new EventEmitter();
+    /**
+     * Fires when the user double clicks a TreeView node.
+     */
+    nodeDblClick = new EventEmitter();
+    /**
+     * @hidden
+     *
+     * Queries the template for a node template declaration.
+     * Ignored if a `[nodeTemplate]` value is explicitly provided.
+     */
+    nodeTemplateQuery;
     /**
      * @hidden
      *
@@ -2379,6 +2362,13 @@ class TreeViewComponent {
     get nodeTemplateRef() {
         return this._nodeTemplateRef || this.nodeTemplateQuery;
     }
+    /**
+     * @hidden
+     *
+     * Queries the template for a load-more button template declaration.
+     * Ignored if a `[loadMoreButtonTemplate]` value is explicitly provided.
+     */
+    loadMoreButtonTemplateQuery;
     /**
      * @hidden
      *
@@ -2391,6 +2381,36 @@ class TreeViewComponent {
     get loadMoreButtonTemplateRef() {
         return this._loadMoreButtonTemplateRef || this.loadMoreButtonTemplateQuery;
     }
+    /**
+     * A function that defines how to track node changes.
+     * By default, the TreeView tracks the nodes by data item object reference.
+     *
+     * @example
+     * ```ts
+     *  @Component({
+     *      selector: 'my-app',
+     *      template: `
+     *          <kendo-treeview
+     *              [nodes]="data"
+     *              textField="text"
+     *              [trackBy]="trackBy"
+     *          >
+     *          </kendo-treeview>
+     *      `
+     *  })
+     *  export class AppComponent {
+     *      public data: any[] = [
+     *          { text: "Furniture" },
+     *          { text: "Decor" }
+     *      ];
+     *
+     *      public trackBy(index: number, item: any): any {
+     *          return item.text;
+     *      }
+     *  }
+     * ```
+     */
+    trackBy = trackBy;
     /**
      * The nodes which will be displayed by the TreeView
      * ([see example]({% slug databinding_treeview %})).
@@ -2402,6 +2422,13 @@ class TreeViewComponent {
     get nodes() {
         return this.data.value;
     }
+    /**
+     * The fields of the data item that provide the text content of the nodes
+     * ([see example]({% slug databinding_treeview %})). If the `textField` input is set
+     * to an array, each hierarchical level uses the field that corresponds to the same
+     * index in the array, or the last item in the array.
+     */
+    textField;
     /**
      * A function which determines if a specific node has child nodes
      * ([see example]({% slug databinding_treeview %})).
@@ -2424,6 +2451,16 @@ class TreeViewComponent {
         this._isChecked = callback;
         this.checkboxes = Boolean(this._isChecked);
     }
+    /**
+     * A function which determines if a specific node is disabled.
+     */
+    isDisabled = isDisabled;
+    /**
+     * A function which determines if a specific node has a checkbox.
+     *
+     * > If there is no checkbox for a node, then this node is not checkable and is excluded from any built-in check functionality.
+     */
+    hasCheckbox = hasCheckbox;
     /**
      * A function which determines if a specific node is expanded.
      */
@@ -2445,6 +2482,35 @@ class TreeViewComponent {
         this._isSelected = callback;
         this.selectable = Boolean(this._isSelected);
     }
+    /**
+     * A callback which determines whether a TreeView node should be rendered as hidden. The utility .k-hidden class is used to hide the nodes.
+     * Useful for custom filtering implementations.
+     */
+    isVisible = isVisible;
+    /**
+     * Determines whether the TreeView keyboard navigable is enabled.
+     */
+    navigable = true;
+    /**
+     * A function which provides the child nodes for a given parent node
+     * ([see example]({% slug databinding_treeview %})).
+     */
+    children = () => of([]);
+    /**
+     * Indicates whether the child nodes will be fetched on node expand or will be initially prefetched.
+     * @default true
+     */
+    loadOnDemand = true;
+    /**
+     * Renders the built-in input element for filtering the TreeView.
+     * If set to `true`, the component emits the `filterChange` event, which can be used to [filter the TreeView manually]({% slug filtering_treeview %}#toc-manual-filtering).
+     * A built-in filtering implementation is available to use with the [`kendoTreeViewHierarchyBinding`]({% slug api_treeview_hierarchybindingdirective %}) and [`kendoTreeViewFlatDataBinding`]({% slug api_treeview_flatdatabindingdirective %}) directives.
+     */
+    filterable = false;
+    /**
+     * Sets an initial value of the built-in input element used for filtering.
+     */
+    filter = '';
     /**
      * Sets the size of the component.
      *
@@ -2474,6 +2540,50 @@ class TreeViewComponent {
     get treeviewId() {
         return `treeview_${this._nextId}`;
     }
+    /**
+     * Indicates whether only parent nodes should be disabled or their child nodes as well
+     * @default false
+     */
+    disableParentNodesOnly = false;
+    /**
+     * @hidden
+     */
+    loadMoreService;
+    /**
+     * @hidden
+     */
+    editService;
+    checkboxes = false;
+    expandIcons = false;
+    selectable = false;
+    touchActions = true;
+    data = new BehaviorSubject([]);
+    _animate = true;
+    _isChecked;
+    _isExpanded;
+    _isSelected;
+    _hasChildren;
+    _nodeTemplateRef;
+    _loadMoreButtonTemplateRef;
+    _size = 'medium';
+    subscriptions = new Subscription();
+    domSubscriptions = [];
+    _nextId = nextId;
+    constructor(element, changeDetectorRef, expandService, navigationService, nodeChildrenService, selectionService, treeViewLookupService, ngZone, renderer, dataChangeNotification, localization) {
+        this.element = element;
+        this.changeDetectorRef = changeDetectorRef;
+        this.expandService = expandService;
+        this.navigationService = navigationService;
+        this.nodeChildrenService = nodeChildrenService;
+        this.selectionService = selectionService;
+        this.treeViewLookupService = treeViewLookupService;
+        this.ngZone = ngZone;
+        this.renderer = renderer;
+        this.dataChangeNotification = dataChangeNotification;
+        this.localization = localization;
+        validatePackage(packageMetadata);
+        nextId++;
+    }
     ngOnChanges(changes) {
         this.navigationService.navigable = Boolean(this.navigable);
         // TODO: should react to changes.loadOnDemand as well - should preload the data or clear the already cached items
@@ -2732,9 +2842,8 @@ class TreeViewComponent {
             }
         });
     }
-}
-TreeViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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: "14.0.0", version: "15.2.10", type: TreeViewComponent, isStandalone: true, 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", hasCheckbox: "hasCheckbox", isExpanded: "isExpanded", isSelected: "isSelected", isVisible: "isVisible", navigable: "navigable", children: "children", loadOnDemand: "loadOnDemand", filterable: "filterable", filter: "filter", size: "size", disableParentNodesOnly: "disableParentNodesOnly" }, outputs: { childrenLoaded: "childrenLoaded", onBlur: "blur", onFocus: "focus", expand: "expand", collapse: "collapse", nodeDragStart: "nodeDragStart", nodeDrag: "nodeDrag", filterStateChange: "filterStateChange", nodeDrop: "nodeDrop", nodeDragEnd: "nodeDragEnd", addItem: "addItem", removeItem: "removeItem", checkedChange: "checkedChange", selectionChange: "selectionChange", filterChange: "filterChange", nodeClick: "nodeClick", nodeDblClick: "nodeDblClick" }, host: { properties: { "class.k-treeview": "this.classNames", "attr.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 }, { propertyName: "searchbox", first: true, predicate: ["searchbox"], descendants: true }], exportAs: ["kendoTreeView"], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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 });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TreeViewComponent, isStandalone: true, 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", hasCheckbox: "hasCheckbox", isExpanded: "isExpanded", isSelected: "isSelected", isVisible: "isVisible", navigable: "navigable", children: "children", loadOnDemand: "loadOnDemand", filterable: "filterable", filter: "filter", size: "size", disableParentNodesOnly: "disableParentNodesOnly" }, outputs: { childrenLoaded: "childrenLoaded", onBlur: "blur", onFocus: "focus", expand: "expand", collapse: "collapse", nodeDragStart: "nodeDragStart", nodeDrag: "nodeDrag", filterStateChange: "filterStateChange", nodeDrop: "nodeDrop", nodeDragEnd: "nodeDragEnd", addItem: "addItem", removeItem: "removeItem", checkedChange: "checkedChange", selectionChange: "selectionChange", filterChange: "filterChange", nodeClick: "nodeClick", nodeDblClick: "nodeDblClick" }, host: { properties: { "class.k-treeview": "this.classNames", "attr.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 }, { propertyName: "searchbox", first: true, predicate: ["searchbox"], descendants: true }], exportAs: ["kendoTreeView"], usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoTreeViewLocalizedMessages
             i18n-loadMore="kendo.treeview.loadMore|The title of the Load More button"
             loadMore="Load more..."
@@ -2792,7 +2901,8 @@ TreeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
         </ul>
         <ng-container #assetsContainer></ng-container>
     `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoTreeViewLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: TextBoxPrefixTemplateDirective, selector: "[kendoTextBoxPrefixTemplate]", inputs: ["showSeparator"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: TreeViewGroupComponent, selector: "[kendoTreeViewGroup]", inputs: ["checkboxes", "expandIcons", "disabled", "selectable", "touchActions", "disableParentNodesOnly", "loadOnDemand", "trackBy", "nodes", "textField", "parentDataItem", "parentIndex", "nodeTemplateRef", "loadMoreButtonTemplateRef", "loadMoreService", "size", "expandDisabledNodes", "isChecked", "isDisabled", "hasCheckbox", "isExpanded", "isVisible", "isSelected", "children", "hasChildren"] }], changeDetection: i0.ChangeDetectionStrategy.Default });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeViewComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeViewComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.Default,
@@ -2987,36 +3097,33 @@ const matchKey = index => k => {
  * ([see example]({% slug checkboxes_treeview %})).
  */
 class CheckDirective {
-    constructor(treeView, zone) {
-        this.treeView = treeView;
-        this.zone = zone;
-        /**
-         * Fires when the `checkedKeys` collection was updated.
-         */
-        this.checkedKeysChange = new EventEmitter();
-        this.subscriptions = new Subscription();
-        this.checkActions = {
-            'multiple': (e) => this.checkMultiple(e),
-            'single': (e) => this.checkSingle(e)
-        };
-        /**
-         * Reflectes the internal `checkedKeys` state.
-         */
-        this.state = new Set();
-        this.subscriptions.add(this.treeView.checkedChange
-            .subscribe((e) => this.check(e)));
-        const expandedItems = [];
-        this.subscriptions.add(this.treeView.childrenLoaded
-            .pipe(filter(() => this.options.checkChildren && this.treeView.loadOnDemand), tap(item => expandedItems.push(item)), switchMap(() => this.zone.onStable.pipe(take(1))))
-            .subscribe(() => this.addCheckedItemsChildren(expandedItems)));
-        this.treeView.isChecked = this.isItemChecked.bind(this);
-    }
+    treeView;
+    zone;
     /**
      * @hidden
      */
     set isChecked(value) {
         this.treeView.isChecked = value;
     }
+    /**
+     * Defines the item key that will be stored in the `checkedKeys` collection.
+     */
+    checkKey;
+    /**
+     * Defines the collection that will store the checked keys
+     * ([see example]({% slug checkboxes_treeview %})).
+     */
+    checkedKeys;
+    /**
+     * Defines the checkable settings ([see example]({% slug checkboxes_treeview %}#toc-setup)).
+     * If no value is provided, the default [`CheckableSettings`]({% slug api_treeview_checkablesettings %}) are applied.
+     */
+    checkable;
+    /**
+     * Fires when the `checkedKeys` collection was updated.
+     */
+    checkedKeysChange = new EventEmitter();
+    subscriptions = new Subscription();
     get options() {
         const defaultOptions = {
             checkChildren: true,
@@ -3033,14 +3140,38 @@ class CheckDirective {
             : this.checkable;
         return Object.assign(defaultOptions, checkSettings);
     }
-    ngOnChanges(changes) {
-        if (changes.checkable) {
-            this.treeView.checkboxes = this.options.enabled;
-            this.toggleCheckOnClick();
-        }
-        if (isChanged('checkedKeys', changes, false) && changes.checkedKeys.currentValue !== this.lastChange) {
-            this.state = new Set(changes.checkedKeys.currentValue);
-        }
+    checkActions = {
+        'multiple': (e) => this.checkMultiple(e),
+        'single': (e) => this.checkSingle(e)
+    };
+    /**
+     * Reflectes the internal `checkedKeys` state.
+     */
+    state = new Set();
+    clickSubscription;
+    /**
+     * Holds the last emitted `checkedKeys` collection.
+     */
+    lastChange;
+    constructor(treeView, zone) {
+        this.treeView = treeView;
+        this.zone = zone;
+        this.subscriptions.add(this.treeView.checkedChange
+            .subscribe((e) => this.check(e)));
+        const expandedItems = [];
+        this.subscriptions.add(this.treeView.childrenLoaded
+            .pipe(filter(() => this.options.checkChildren && this.treeView.loadOnDemand), tap(item => expandedItems.push(item)), switchMap(() => this.zone.onStable.pipe(take(1))))
+            .subscribe(() => this.addCheckedItemsChildren(expandedItems)));
+        this.treeView.isChecked = this.isItemChecked.bind(this);
+    }
+    ngOnChanges(changes) {
+        if (changes.checkable) {
+            this.treeView.checkboxes = this.options.enabled;
+            this.toggleCheckOnClick();
+        }
+        if (isChanged('checkedKeys', changes, false) && changes.checkedKeys.currentValue !== this.lastChange) {
+            this.state = new Set(changes.checkedKeys.currentValue);
+        }
     }
     ngOnDestroy() {
         this.subscriptions.unsubscribe();
@@ -3230,10 +3361,10 @@ class CheckDirective {
             this.zone.run(() => this.notify());
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckDirective, deps: [{ token: TreeViewComponent }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CheckDirective, isStandalone: true, selector: "[kendoTreeViewCheckable]", inputs: { isChecked: "isChecked", checkKey: ["checkBy", "checkKey"], checkedKeys: "checkedKeys", checkable: ["kendoTreeViewCheckable", "checkable"] }, outputs: { checkedKeysChange: "checkedKeysChange" }, usesOnChanges: true, ngImport: i0 });
 }
-CheckDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CheckDirective, deps: [{ token: TreeViewComponent }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-CheckDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CheckDirective, isStandalone: true, selector: "[kendoTreeViewCheckable]", inputs: { isChecked: "isChecked", checkKey: ["checkBy", "checkKey"], checkedKeys: "checkedKeys", checkable: ["kendoTreeViewCheckable", "checkable"] }, outputs: { checkedKeysChange: "checkedKeysChange" }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CheckDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTreeViewCheckable]',
@@ -3258,21 +3389,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * ([see example]({% slug disabledstate_treeview %})).
  */
 class DisableDirective {
-    constructor(treeView, cdr) {
-        this.treeView = treeView;
-        this.cdr = cdr;
-        /**
-         * Defines the collection that will store the disabled keys.
-         */
-        this.disabledKeys = [];
-        this.treeView.isDisabled = (dataItem, index) => (this.disabledKeys.indexOf(this.itemKey({ dataItem, index })) > -1);
-    }
+    treeView;
+    cdr;
     /**
      * @hidden
      */
     set isDisabled(value) {
         this.treeView.isDisabled = value;
     }
+    /**
+     * Defines the item key that will be stored in the `disabledKeys` collection.
+     */
+    disableKey;
+    /**
+     * Defines the collection that will store the disabled keys.
+     */
+    disabledKeys = [];
+    constructor(treeView, cdr) {
+        this.treeView = treeView;
+        this.cdr = cdr;
+        this.treeView.isDisabled = (dataItem, index) => (this.disabledKeys.indexOf(this.itemKey({ dataItem, index })) > -1);
+    }
     ngOnChanges(changes = {}) {
         const { disabledKeys } = changes;
         if (disabledKeys && !disabledKeys.firstChange) {
@@ -3290,10 +3427,10 @@ class DisableDirective {
             return this.disableKey(e);
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DisableDirective, deps: [{ token: TreeViewComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DisableDirective, isStandalone: true, selector: "[kendoTreeViewDisable]", inputs: { isDisabled: "isDisabled", disableKey: ["kendoTreeViewDisable", "disableKey"], disabledKeys: "disabledKeys" }, usesOnChanges: true, ngImport: i0 });
 }
-DisableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DisableDirective, deps: [{ token: TreeViewComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-DisableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DisableDirective, isStandalone: true, selector: "[kendoTreeViewDisable]", inputs: { isDisabled: "isDisabled", disableKey: ["kendoTreeViewDisable", "disableKey"], disabledKeys: "disabledKeys" }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DisableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DisableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTreeViewDisable]',
@@ -3318,12 +3455,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * handlers when the corresponding events are triggered by the TreeView component.
  */
 class DragAndDropEditingDirective {
-    constructor(treeview) {
-        this.treeview = treeview;
-        this.subscriptions = new Subscription();
-        this.subscriptions.add(this.treeview.addItem.subscribe(this.handleAdd.bind(this)));
-        this.subscriptions.add(this.treeview.removeItem.subscribe(this.handleRemove.bind(this)));
-    }
+    treeview;
     /**
      * Specifies the handlers called on drag-and-drop [`addItem`]({% slug api_treeview_treeviewcomponent %}#toc-additem)
      * and [`removeItem`]({% slug api_treeview_treeviewcomponent %}#toc-removeitem) events.
@@ -3331,6 +3463,12 @@ class DragAndDropEditingDirective {
     set editService(service) {
         this.treeview.editService = service;
     }
+    subscriptions = new Subscription();
+    constructor(treeview) {
+        this.treeview = treeview;
+        this.subscriptions.add(this.treeview.addItem.subscribe(this.handleAdd.bind(this)));
+        this.subscriptions.add(this.treeview.removeItem.subscribe(this.handleRemove.bind(this)));
+    }
     ngOnDestroy() {
         this.subscriptions.unsubscribe();
     }
@@ -3346,10 +3484,10 @@ class DragAndDropEditingDirective {
         }
         this.treeview.editService.remove(args);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragAndDropEditingDirective, deps: [{ token: TreeViewComponent }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DragAndDropEditingDirective, isStandalone: true, selector: "[kendoTreeViewDragAndDropEditing]", inputs: { editService: "editService" }, ngImport: i0 });
 }
-DragAndDropEditingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragAndDropEditingDirective, deps: [{ token: TreeViewComponent }], target: i0.ɵɵFactoryTarget.Directive });
-DragAndDropEditingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DragAndDropEditingDirective, isStandalone: true, selector: "[kendoTreeViewDragAndDropEditing]", inputs: { editService: "editService" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragAndDropEditingDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragAndDropEditingDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTreeViewDragAndDropEditing]',
@@ -3396,9 +3534,7 @@ var ScrollDirection;
  * @hidden
  */
 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.
@@ -3420,15 +3556,39 @@ class PreventableEvent {
  * Arguments for the TreeView [`nodeDrop`]({% slug api_treeview_treeviewcomponent %}#toc-nodedrop) event.
  */
 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;
     }
@@ -3447,6 +3607,14 @@ class TreeItemDropEvent extends PreventableEvent {
  * Arguments for the TreeView [`nodeDragStart`]({% slug api_treeview_treeviewcomponent %}#toc-nodedragstart) event.
  */
 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
      */
@@ -3463,17 +3631,47 @@ class TreeItemDragStartEvent extends PreventableEvent {
 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;
 }
 
 /**
  * @hidden
  */
 class DragClueComponent {
-    constructor(cdr) {
-        this.cdr = cdr;
-        this.hostClasses = true;
-        this.posistionStyle = 'fixed';
-    }
+    cdr;
+    hostClasses = true;
+    /**
+     * The text value of the dragged TreeView item.
+     */
+    text;
+    /**
+     * 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 (if hovering a valid drop target).
+     */
+    destinationItem;
+    /**
+     * Defines the drag clue content template.
+     */
+    template;
+    posistionStyle = 'fixed';
     get statusIconClass() {
         switch (this.action) {
             case DropAction.Add: return 'plus';
@@ -3494,13 +3692,15 @@ class DragClueComponent {
             default: return cancelIcon;
         }
     }
+    constructor(cdr) {
+        this.cdr = cdr;
+    }
     // exposed as a public method that can be called from outside as the component uses `OnPush` strategy
     detectChanges() {
         this.cdr.detectChanges();
     }
-}
-DragClueComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragClueComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-DragClueComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DragClueComponent, isStandalone: true, selector: "kendo-treeview-drag-clue", host: { properties: { "class.k-header": "this.hostClasses", "class.k-drag-clue": "this.hostClasses", "style.position": "this.posistionStyle" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragClueComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DragClueComponent, isStandalone: true, selector: "kendo-treeview-drag-clue", host: { properties: { "class.k-header": "this.hostClasses", "class.k-drag-clue": "this.hostClasses", "style.position": "this.posistionStyle" } }, ngImport: i0, template: `
         <ng-container *ngIf="!template">
             <kendo-icon-wrapper
                 innerCssClass="k-drag-status"
@@ -3523,7 +3723,8 @@ DragClueComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
         >
         </ng-template>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { 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: DragClueComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragClueComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -3581,6 +3782,7 @@ class DragAndDropAssetService {
     get element() {
         return this.componentRef.location.nativeElement;
     }
+    _componentRef;
     ngOnDestroy() {
         if (!isPresent(this._componentRef)) {
             return;
@@ -3599,10 +3801,10 @@ 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
         }] });
 
@@ -3882,6 +4084,9 @@ const RETURN_ANIMATION_DURATION = 200;
  * @hidden
  */
 class DragClueService extends DragAndDropAssetService {
+    componentFactoryResolver;
+    returnAnimation;
+    scrollInterval;
     constructor(componentFactoryResolver) {
         super();
         this.componentFactoryResolver = componentFactoryResolver;
@@ -3976,10 +4181,10 @@ class DragClueService extends DragAndDropAssetService {
             this.scrollInterval = null;
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragClueService, deps: [{ token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragClueService });
 }
-DragClueService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragClueService, deps: [{ token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Injectable });
-DragClueService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragClueService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragClueService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragClueService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }]; } });
 
@@ -3987,19 +4192,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 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"
@@ -4019,7 +4240,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,
@@ -4062,6 +4284,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class DropHintService extends DragAndDropAssetService {
+    componentFactoryResolver;
     constructor(componentFactoryResolver) {
         super();
         this.componentFactoryResolver = componentFactoryResolver;
@@ -4086,10 +4309,10 @@ 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 }]; } });
 
@@ -4108,13 +4331,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * - `let-destinationItem="destinationItem"` ([`TreeItemLookup`]({% slug api_treeview_treeitemlookup %}))
  */
 class DragClueTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragClueTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DragClueTemplateDirective, isStandalone: true, selector: "[kendoTreeViewDragClueTemplate]", ngImport: i0 });
 }
-DragClueTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragClueTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-DragClueTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DragClueTemplateDirective, isStandalone: true, selector: "[kendoTreeViewDragClueTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragClueTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragClueTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTreeViewDragClueTemplate]',
@@ -4136,13 +4360,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * - `let-destinationItem="destinationItem"` ([`TreeItemLookup`]({% slug api_treeview_treeitemlookup %}))
  */
 class DropHintTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropHintTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DropHintTemplateDirective, isStandalone: true, selector: "[kendoTreeViewDropHintTemplate]", ngImport: i0 });
 }
-DropHintTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropHintTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-DropHintTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DropHintTemplateDirective, isStandalone: true, selector: "[kendoTreeViewDropHintTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropHintTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropHintTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTreeViewDropHintTemplate]',
@@ -4170,60 +4395,81 @@ const DEFAULT_SCROLL_SETTINGS = {
  * events when the corresponding actions occur on the respective TreeView instance.
  */
 class DragAndDropDirective {
+    element;
+    zone;
+    treeview;
+    dragClueService;
+    dropHintService;
+    /**
+     * Specifies whether the `removeItem` event will be fired after an item is dropped when the `ctrl` key is pressed.
+     * If enabled, the `removeItem` event will not be fired on the source TreeView
+     * ([see example]({% slug draganddrop_treeview %}#toc-multiple-treeviews)).
+     *
+     * @default false
+     */
+    allowCopy = false;
+    /**
+     * Specifes the TreeViewComponent instances into which dragged items from the current TreeViewComponent can be dropped
+     * ([see example]({% slug draganddrop_treeview %}#toc-multiple-treeviews)).
+     */
+    dropZoneTreeViews = [];
+    /**
+     * Specifies the distance in pixels from the initial item pointerdown event, before the dragging is initiated.
+     * The `nodeDragStart` and all consequent TreeView drag events will not be fired until the actual dragging begins.
+     *
+     * @default 5
+     */
+    startDragAfter = 5;
+    /**
+     * Controlls the auto-scrolling behavior during drag-and-drop ([see example]({% slug draganddrop_treeview %}#toc-auto-scrolling)).
+     * Enbaled by default. To turn the auto-scrolling off, set this prop to `false`.
+     *
+     * By default, the scrolling will be performed by 1 pixel at every 1 millisecond, when the dragged item reaches the top or the bottom of the scrollable container.
+     * The `step` and `interval` can be overridden by providing a `DragAndDropScrollSettings` object to this prop.
+     *
+     * @default true
+     */
+    autoScroll = true;
+    /**
+     * @hidden
+     */
+    dragClueTemplate;
+    /**
+     * @hidden
+     */
+    dropHintTemplate;
+    /**
+     * @hidden
+     */
+    userSelectStyle = 'none';
+    draggable;
+    draggedItem;
+    /**
+     * The pointer event of the last successful item pointerdown event (the draggable `press` event).
+     * Used for determining whether the `startDragAfter` distance is covered and for the `nodeDragStart` event args.
+     * Used also as a flag for whether a drag attempt is pending. Should be set to `null` once the dragging begins.
+     */
+    pendingDragStartEvent;
+    get scrollSettings() {
+        const userProvidedSettings = typeof this.autoScroll === 'boolean' ?
+            { enabled: this.autoScroll } :
+            this.autoScroll;
+        return Object.assign({}, DEFAULT_SCROLL_SETTINGS, userProvidedSettings);
+    }
+    /**
+     * Describes the offset of the parent element if the latter has the `transform` CSS prop applied.
+     * Transformed parents create new stacking context and the fixed children must be position based on the transformed parent.
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
+     */
+    containerOffset = { top: 0, left: 0 };
     constructor(element, zone, treeview, dragClueService, dropHintService) {
         this.element = element;
         this.zone = zone;
         this.treeview = treeview;
         this.dragClueService = dragClueService;
         this.dropHintService = dropHintService;
-        /**
-         * Specifies whether the `removeItem` event will be fired after an item is dropped when the `ctrl` key is pressed.
-         * If enabled, the `removeItem` event will not be fired on the source TreeView
-         * ([see example]({% slug draganddrop_treeview %}#toc-multiple-treeviews)).
-         *
-         * @default false
-         */
-        this.allowCopy = false;
-        /**
-         * Specifes the TreeViewComponent instances into which dragged items from the current TreeViewComponent can be dropped
-         * ([see example]({% slug draganddrop_treeview %}#toc-multiple-treeviews)).
-         */
-        this.dropZoneTreeViews = [];
-        /**
-         * Specifies the distance in pixels from the initial item pointerdown event, before the dragging is initiated.
-         * The `nodeDragStart` and all consequent TreeView drag events will not be fired until the actual dragging begins.
-         *
-         * @default 5
-         */
-        this.startDragAfter = 5;
-        /**
-         * Controlls the auto-scrolling behavior during drag-and-drop ([see example]({% slug draganddrop_treeview %}#toc-auto-scrolling)).
-         * Enbaled by default. To turn the auto-scrolling off, set this prop to `false`.
-         *
-         * By default, the scrolling will be performed by 1 pixel at every 1 millisecond, when the dragged item reaches the top or the bottom of the scrollable container.
-         * The `step` and `interval` can be overridden by providing a `DragAndDropScrollSettings` object to this prop.
-         *
-         * @default true
-         */
-        this.autoScroll = true;
-        /**
-         * @hidden
-         */
-        this.userSelectStyle = 'none';
-        /**
-         * Describes the offset of the parent element if the latter has the `transform` CSS prop applied.
-         * Transformed parents create new stacking context and the fixed children must be position based on the transformed parent.
-         * https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
-         */
-        this.containerOffset = { top: 0, left: 0 };
         this.treeview.touchActions = false;
     }
-    get scrollSettings() {
-        const userProvidedSettings = typeof this.autoScroll === 'boolean' ?
-            { enabled: this.autoScroll } :
-            this.autoScroll;
-        return Object.assign({}, DEFAULT_SCROLL_SETTINGS, userProvidedSettings);
-    }
     ngAfterContentInit() {
         this.initalizeDraggable();
         this.dragClueService.initialize(this.treeview.assetsContainer, this.dragClueTemplate && this.dragClueTemplate.templateRef);
@@ -4405,13 +4651,13 @@ class DragAndDropDirective {
         this.containerOffset = getContainerOffset(this.draggedItem);
         this.pendingDragStartEvent = null;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragAndDropDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: TreeViewComponent }, { token: DragClueService }, { token: DropHintService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DragAndDropDirective, isStandalone: true, selector: "[kendoTreeViewDragAndDrop]", inputs: { allowCopy: "allowCopy", dropZoneTreeViews: "dropZoneTreeViews", startDragAfter: "startDragAfter", autoScroll: "autoScroll" }, host: { properties: { "style.user-select": "this.userSelectStyle", "style.-ms-user-select": "this.userSelectStyle", "style.-moz-user-select": "this.userSelectStyle", "style.-webkit-user-select": "this.userSelectStyle" } }, providers: [
+            DragClueService,
+            DropHintService
+        ], queries: [{ propertyName: "dragClueTemplate", first: true, predicate: DragClueTemplateDirective, descendants: true }, { propertyName: "dropHintTemplate", first: true, predicate: DropHintTemplateDirective, descendants: true }], ngImport: i0 });
 }
-DragAndDropDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragAndDropDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: TreeViewComponent }, { token: DragClueService }, { token: DropHintService }], target: i0.ɵɵFactoryTarget.Directive });
-DragAndDropDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DragAndDropDirective, isStandalone: true, selector: "[kendoTreeViewDragAndDrop]", inputs: { allowCopy: "allowCopy", dropZoneTreeViews: "dropZoneTreeViews", startDragAfter: "startDragAfter", autoScroll: "autoScroll" }, host: { properties: { "style.user-select": "this.userSelectStyle", "style.-ms-user-select": "this.userSelectStyle", "style.-moz-user-select": "this.userSelectStyle", "style.-webkit-user-select": "this.userSelectStyle" } }, providers: [
-        DragClueService,
-        DropHintService
-    ], queries: [{ propertyName: "dragClueTemplate", first: true, predicate: DragClueTemplateDirective, descendants: true }, { propertyName: "dropHintTemplate", first: true, predicate: DropHintTemplateDirective, descendants: true }], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DragAndDropDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragAndDropDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTreeViewDragAndDrop]',
@@ -4459,67 +4705,54 @@ const DEFAULT_FILTER_EXPAND_SETTINGS = {
  * ([see example]({% slug expandedstate_treeview %})).
  */
 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);
@@ -4611,14 +4844,40 @@ 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: 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: 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]',
@@ -4678,6 +4937,8 @@ const decrementPageSize = (treeview, dataItem) => {
  * @hidden
  */
 class FlatEditingService {
+    flatBinding;
+    movedItemNewIndex;
     constructor(flatBinding) {
         this.flatBinding = flatBinding;
     }
@@ -4817,11 +5078,12 @@ const DEFAULT_FILTER_SETTINGS = {
  * @hidden
  */
 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.
      */
@@ -4834,12 +5096,16 @@ 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
      */
@@ -4880,10 +5146,10 @@ class FilteringBase {
             }
         });
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilteringBase, deps: [{ token: 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: 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: DataBoundComponent }]; }, propDecorators: { filterSettings: [{
                 type: Input
@@ -4913,19 +5179,7 @@ const mapToTree = (currentLevelNodes, allNodes, parentIdField, idField, parent =
  * A directive which encapsulates the retrieval of the child nodes.
  */
 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.
      */
@@ -4936,6 +5190,19 @@ 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.
@@ -4943,6 +5210,15 @@ 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
      */
@@ -4992,10 +5268,10 @@ 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: 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: 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]",
@@ -5017,6 +5293,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class HierarchyEditingService {
+    hierarchyBinding;
+    movedItemNewIndex;
     constructor(hierarchyBinding) {
         this.hierarchyBinding = hierarchyBinding;
     }
@@ -5112,18 +5390,8 @@ const mapToWrappers = (currentLevelNodes, childrenField, parent = null, parentIn
  * A directive which encapsulates the retrieval of child nodes.
  */
 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.
      */
@@ -5149,6 +5417,7 @@ class HierarchyBindingDirective extends FilteringBase {
     get nodes() {
         return this._nodes;
     }
+    _nodes;
     /**
      * @hidden
      * A callback which determines whether a TreeView node should be rendered as hidden.
@@ -5156,6 +5425,19 @@ 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));
@@ -5194,10 +5476,10 @@ 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: DataBoundComponent }, { token: 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: DataBoundComponent }, { token: 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]',
@@ -5223,23 +5505,7 @@ const LOAD_MORE_DOC_LINK = 'https://www.telerik.com/kendo-angular-ui/components/
  * ([see example]({% slug loadmorebutton_treeview %})).
  */
 class LoadMoreDirective {
-    constructor(treeview) {
-        this.treeview = treeview;
-        /**
-         * Keeps track of the current page size of each node over expand/collapse cycles.
-         */
-        this.pageSizes = new Map();
-        /**
-         * Used as an identifier for the root page size as the root collection of nodes is not associated with a data item.
-         */
-        this.rootLevelId = guid();
-        this.treeview.loadMoreService = {
-            getInitialPageSize: this.getInitalPageSize.bind(this),
-            getGroupSize: this.getGroupSize.bind(this),
-            setGroupSize: this.setGroupSize.bind(this),
-            getTotalNodesCount: this.getTotalNodesCount.bind(this)
-        };
-    }
+    treeview;
     /**
      * Specifies the callback that will be called when the load more button is clicked.
      * Providing a function is only required when additional nodes are fetched on demand
@@ -5251,6 +5517,40 @@ class LoadMoreDirective {
         }
         this.treeview.loadMoreService.loadMoreNodes = loadMoreNodes;
     }
+    /**
+     * Specifies the initial number of nodes that will be rendered on each level.
+     * Every time the load more button is clicked, the data item page size will be incremented with this number.
+     */
+    pageSize;
+    /**
+     * Specifies the total number of root nodes.
+     * Used when additional nodes are fetched on demand
+     * ([see example]({% slug loadmorebutton_treeview %}#toc-remote-data)).
+     */
+    totalRootNodes;
+    /**
+     * Specifies which field holds information about the total number of child nodes of the data item.
+     * Used when additional nodes are fetched on demand
+     * ([see example]({% slug loadmorebutton_treeview %}#toc-remote-data)).
+     */
+    totalField;
+    /**
+     * Keeps track of the current page size of each node over expand/collapse cycles.
+     */
+    pageSizes = new Map();
+    /**
+     * Used as an identifier for the root page size as the root collection of nodes is not associated with a data item.
+     */
+    rootLevelId = guid();
+    constructor(treeview) {
+        this.treeview = treeview;
+        this.treeview.loadMoreService = {
+            getInitialPageSize: this.getInitalPageSize.bind(this),
+            getGroupSize: this.getGroupSize.bind(this),
+            setGroupSize: this.setGroupSize.bind(this),
+            getTotalNodesCount: this.getTotalNodesCount.bind(this)
+        };
+    }
     ngOnChanges() {
         this.verifySettings();
     }
@@ -5292,10 +5592,10 @@ class LoadMoreDirective {
     getInitalPageSize() {
         return this.pageSize;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoadMoreDirective, deps: [{ token: TreeViewComponent }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LoadMoreDirective, isStandalone: true, selector: "[kendoTreeViewLoadMore]", inputs: { loadMoreNodes: ["kendoTreeViewLoadMore", "loadMoreNodes"], pageSize: "pageSize", totalRootNodes: "totalRootNodes", totalField: "totalField" }, usesOnChanges: true, ngImport: i0 });
 }
-LoadMoreDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoadMoreDirective, deps: [{ token: TreeViewComponent }], target: i0.ɵɵFactoryTarget.Directive });
-LoadMoreDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LoadMoreDirective, isStandalone: true, selector: "[kendoTreeViewLoadMore]", inputs: { loadMoreNodes: ["kendoTreeViewLoadMore", "loadMoreNodes"], pageSize: "pageSize", totalRootNodes: "totalRootNodes", totalField: "totalField" }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoadMoreDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoadMoreDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTreeViewLoadMore]',
@@ -5316,6 +5616,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Custom component messages override default component messages
  */
 class CustomMessagesComponent extends TreeViewMessages {
+    service;
     constructor(service) {
         super();
         this.service = service;
@@ -5323,15 +5624,15 @@ class CustomMessagesComponent extends TreeViewMessages {
     get override() {
         return true;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-treeview-messages", providers: [
+            {
+                provide: TreeViewMessages,
+                useExisting: forwardRef(() => CustomMessagesComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-CustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-CustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-treeview-messages", providers: [
-        {
-            provide: TreeViewMessages,
-            useExisting: forwardRef(() => CustomMessagesComponent)
-        }
-    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomMessagesComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [
@@ -5351,37 +5652,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * ([see example]({% slug selection_treeview %})).
  */
 class SelectDirective {
-    constructor(treeView, navigationService) {
-        this.treeView = treeView;
-        this.navigationService = navigationService;
-        /**
-         * Fires when the `selectedKeys` collection was updated.
-         */
-        this.selectedKeysChange = new EventEmitter();
-        this.subscriptions = new Subscription();
-        this.selectActions = {
-            'multiple': (e) => this.selectMultiple(e),
-            'single': (e) => this.selectSingle(e)
-        };
-        /**
-         * Reflectes the internal `selectedKeys` state.
-         */
-        this.state = new Set();
-        this.subscriptions.add(this.treeView.selectionChange.subscribe(this.select.bind(this)));
-        this.treeView.isSelected = (dataItem, index) => (this.state.has(this.itemKey({ dataItem, index })));
-        this.navigationService.deselectAllButCurrentItem.subscribe((node) => {
-            this.selectSingle(node);
-        });
-    }
+    treeView;
+    navigationService;
     /**
      * @hidden
      */
     set isSelected(value) {
         this.treeView.isSelected = value;
     }
+    /**
+     * Defines the item key that will be stored in the `selectedKeys` collection.
+     */
+    selectKey;
+    /**
+     * Defines the current selection mode
+     * ([see example](slug:selection_treeview#toc-modes)).
+     */
+    selection;
+    /**
+     * Defines the collection that will store the selected keys
+     * ([see example](slug:selection_treeview#toc-modes)).
+     */
+    selectedKeys;
+    /**
+     * Fires when the `selectedKeys` collection was updated.
+     */
+    selectedKeysChange = new EventEmitter();
     get getAriaMultiselectable() {
         return this.options.mode === 'multiple';
     }
+    subscriptions = new Subscription();
     get options() {
         const defaultOptions = {
             enabled: true,
@@ -5393,6 +5693,27 @@ class SelectDirective {
         const selectionSettings = isBoolean(this.selection) ? { enabled: this.selection } : this.selection;
         return Object.assign(defaultOptions, selectionSettings);
     }
+    selectActions = {
+        'multiple': (e) => this.selectMultiple(e),
+        'single': (e) => this.selectSingle(e)
+    };
+    /**
+     * Reflectes the internal `selectedKeys` state.
+     */
+    state = new Set();
+    /**
+     * Holds the last emitted `selectedKeys` collection.
+     */
+    lastChange;
+    constructor(treeView, navigationService) {
+        this.treeView = treeView;
+        this.navigationService = navigationService;
+        this.subscriptions.add(this.treeView.selectionChange.subscribe(this.select.bind(this)));
+        this.treeView.isSelected = (dataItem, index) => (this.state.has(this.itemKey({ dataItem, index })));
+        this.navigationService.deselectAllButCurrentItem.subscribe((node) => {
+            this.selectSingle(node);
+        });
+    }
     ngOnChanges(changes) {
         if (isChanged('selectedKeys', changes, false) && changes['selectedKeys'].currentValue !== this.lastChange) {
             this.state = new Set(changes['selectedKeys'].currentValue);
@@ -5448,10 +5769,10 @@ class SelectDirective {
         this.lastChange = Array.from(this.state);
         this.selectedKeysChange.emit(this.lastChange);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectDirective, deps: [{ token: TreeViewComponent }, { token: NavigationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SelectDirective, isStandalone: true, selector: "[kendoTreeViewSelectable]", inputs: { isSelected: "isSelected", selectKey: ["selectBy", "selectKey"], selection: ["kendoTreeViewSelectable", "selection"], selectedKeys: "selectedKeys" }, outputs: { selectedKeysChange: "selectedKeysChange" }, host: { properties: { "attr.aria-multiselectable": "this.getAriaMultiselectable" } }, usesOnChanges: true, ngImport: i0 });
 }
-SelectDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SelectDirective, deps: [{ token: TreeViewComponent }, { token: NavigationService }], target: i0.ɵɵFactoryTarget.Directive });
-SelectDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SelectDirective, isStandalone: true, selector: "[kendoTreeViewSelectable]", inputs: { isSelected: "isSelected", selectKey: ["selectBy", "selectKey"], selection: ["kendoTreeViewSelectable", "selection"], selectedKeys: "selectedKeys" }, outputs: { selectedKeysChange: "selectedKeysChange" }, host: { properties: { "attr.aria-multiselectable": "this.getAriaMultiselectable" } }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SelectDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTreeViewSelectable]',
@@ -5500,19 +5821,19 @@ const KENDO_TREEVIEW = [
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi']) definition for the TreeView component.
  */
 class TreeViewModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TreeViewModule, imports: [TreeViewComponent, NodeTemplateDirective, CheckDirective, DisableDirective, ExpandDirective, SelectDirective, HierarchyBindingDirective, FlatDataBindingDirective, DragAndDropDirective, DragClueTemplateDirective, DropHintTemplateDirective, DragAndDropEditingDirective, LoadMoreDirective, LoadMoreButtonTemplateDirective, CustomMessagesComponent], exports: [TreeViewComponent, NodeTemplateDirective, CheckDirective, DisableDirective, ExpandDirective, SelectDirective, HierarchyBindingDirective, FlatDataBindingDirective, DragAndDropDirective, DragClueTemplateDirective, DropHintTemplateDirective, DragAndDropEditingDirective, LoadMoreDirective, LoadMoreButtonTemplateDirective, CustomMessagesComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeViewModule, providers: [
+            IconsService,
+            PopupService,
+            ResizeBatchService,
+            DialogContainerService,
+            DialogService,
+            WindowService,
+            WindowContainerService
+        ], imports: [TreeViewComponent] });
 }
-TreeViewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TreeViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TreeViewModule, imports: [TreeViewComponent, NodeTemplateDirective, CheckDirective, DisableDirective, ExpandDirective, SelectDirective, HierarchyBindingDirective, FlatDataBindingDirective, DragAndDropDirective, DragClueTemplateDirective, DropHintTemplateDirective, DragAndDropEditingDirective, LoadMoreDirective, LoadMoreButtonTemplateDirective, CustomMessagesComponent], exports: [TreeViewComponent, NodeTemplateDirective, CheckDirective, DisableDirective, ExpandDirective, SelectDirective, HierarchyBindingDirective, FlatDataBindingDirective, DragAndDropDirective, DragClueTemplateDirective, DropHintTemplateDirective, DragAndDropEditingDirective, LoadMoreDirective, LoadMoreButtonTemplateDirective, CustomMessagesComponent] });
-TreeViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeViewModule, providers: [
-        IconsService,
-        PopupService,
-        ResizeBatchService,
-        DialogContainerService,
-        DialogService,
-        WindowService,
-        WindowContainerService
-    ], imports: [TreeViewComponent, CustomMessagesComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeViewModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeViewModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...KENDO_TREEVIEW],