@progress/kendo-angular-treeview 6.0.0-dev.202201190736 → 7.0.0-next.202202241626

package/{dist/es2015 → esm2015}/treeview-item.directive.js

@@ -2,18 +2,17 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
+import { Directive, Input } from '@angular/core';
 import { anyChanged } from '@progress/kendo-angular-common';
-import { NavigationService } from './navigation/navigation.service';
-import { SelectionService } from './selection/selection.service';
-import { ExpandStateService } from './expand-state.service';
-import { IndexBuilderService } from './index-builder.service';
-import { TreeViewLookupService } from './treeview-lookup.service';
 import { isPresent } from './utils';
 import { filter } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "./expand-state.service";
+import * as i2 from "./navigation/navigation.service";
+import * as i3 from "./selection/selection.service";
+import * as i4 from "./treeview-lookup.service";
+import * as i5 from "./index-builder.service";
 const buildItem = (index, dataItem) => ({ dataItem, index });
-const ɵ0 = buildItem;
 let id = 0;
 const TREE_ITEM_ROLE = 'treeitem';
 const BUTTON_ROLE = 'button';
@@ -22,7 +21,7 @@ const BUTTON_ROLE = 'button';
  *
  * A directive which manages the expanded state of the TreeView.
  */
-let TreeViewItemDirective = class TreeViewItemDirective {
+export class TreeViewItemDirective {
     constructor(element, expandService, navigationService, selectionService, lookupService, renderer, ib) {
         this.element = element;
         this.expandService = expandService;
@@ -110,9 +109,9 @@ let TreeViewItemDirective = class TreeViewItemDirective {
     subscribe() {
         this.subscriptions = [
             this.navigationService.moves
-                .subscribe(() => {
+                .subscribe((navState) => {
                 this.updateTabIndex();
-                this.focusItem();
+                this.focusItem(navState.shouldScroll);
             }),
             this.navigationService.expands
                 .pipe(filter(({ index }) => index === this.index && !this.isDisabled))
@@ -141,9 +140,9 @@ let TreeViewItemDirective = class TreeViewItemDirective {
     isFocusable() {
         return !this.isDisabled && this.navigationService.isFocusable(this.index);
     }
-    focusItem() {
+    focusItem(scrollIntoView = false) {
         if (this.isInitialized && this.navigationService.isActive(this.index)) {
-            this.element.nativeElement.focus();
+            this.element.nativeElement.focus({ preventScroll: !scrollIntoView });
         }
     }
     moveLookupItem(changes = {}) {
@@ -197,75 +196,38 @@ let TreeViewItemDirective = class TreeViewItemDirective {
         }
         this.renderer.setAttribute(this.element.nativeElement, attr, value);
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], TreeViewItemDirective.prototype, "dataItem", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], TreeViewItemDirective.prototype, "index", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], TreeViewItemDirective.prototype, "parentDataItem", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], TreeViewItemDirective.prototype, "parentIndex", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], TreeViewItemDirective.prototype, "role", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], TreeViewItemDirective.prototype, "loadOnDemand", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], TreeViewItemDirective.prototype, "checkable", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], TreeViewItemDirective.prototype, "selectable", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], TreeViewItemDirective.prototype, "expandable", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], TreeViewItemDirective.prototype, "isChecked", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], TreeViewItemDirective.prototype, "isDisabled", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], TreeViewItemDirective.prototype, "isVisible", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [Boolean])
-], TreeViewItemDirective.prototype, "isExpanded", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [Boolean])
-], TreeViewItemDirective.prototype, "isSelected", null);
-TreeViewItemDirective = tslib_1.__decorate([
-    Directive({ selector: '[kendoTreeViewItem]' }),
-    tslib_1.__metadata("design:paramtypes", [ElementRef,
-        ExpandStateService,
-        NavigationService,
-        SelectionService,
-        TreeViewLookupService,
-        Renderer2,
-        IndexBuilderService])
-], TreeViewItemDirective);
-export { TreeViewItemDirective };
-export { ɵ0 };
+}
+TreeViewItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TreeViewItemDirective, deps: [{ token: i0.ElementRef }, { token: i1.ExpandStateService }, { token: i2.NavigationService }, { token: i3.SelectionService }, { token: i4.TreeViewLookupService }, { token: i0.Renderer2 }, { token: i5.IndexBuilderService }], target: i0.ɵɵFactoryTarget.Directive });
+TreeViewItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TreeViewItemDirective, 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: "12.2.16", ngImport: i0, type: TreeViewItemDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[kendoTreeViewItem]' }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.ExpandStateService }, { type: i2.NavigationService }, { type: i3.SelectionService }, { type: i4.TreeViewLookupService }, { type: i0.Renderer2 }, { type: i5.IndexBuilderService }]; }, propDecorators: { dataItem: [{
+                type: Input
+            }], index: [{
+                type: Input
+            }], parentDataItem: [{
+                type: Input
+            }], parentIndex: [{
+                type: Input
+            }], role: [{
+                type: Input
+            }], loadOnDemand: [{
+                type: Input
+            }], checkable: [{
+                type: Input
+            }], selectable: [{
+                type: Input
+            }], expandable: [{
+                type: Input
+            }], isChecked: [{
+                type: Input
+            }], isDisabled: [{
+                type: Input
+            }], isVisible: [{
+                type: Input
+            }], isExpanded: [{
+                type: Input
+            }], isSelected: [{
+                type: Input
+            }] } });

package/{dist/es2015 → esm2015}/treeview-lookup.service.js

@@ -2,17 +2,14 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
 import { Injectable } from '@angular/core';
 import { nodeIndex } from './utils';
+import * as i0 from "@angular/core";
 const INDEX_REGEX = /\d+$/;
 /**
  * @hidden
  */
-let TreeViewLookupService = class TreeViewLookupService {
-    /**
-     * @hidden
-     */
+export class TreeViewLookupService {
     constructor() {
         this.map = new Map();
     }
@@ -86,8 +83,9 @@ let TreeViewLookupService = class TreeViewLookupService {
             };
         });
     }
-};
-TreeViewLookupService = tslib_1.__decorate([
-    Injectable()
-], TreeViewLookupService);
-export { TreeViewLookupService };
+}
+TreeViewLookupService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TreeViewLookupService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+TreeViewLookupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TreeViewLookupService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TreeViewLookupService, decorators: [{
+            type: Injectable
+        }] });

package/{dist/es2015 → esm2015}/treeview.component.js

@@ -2,8 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { ChangeDetectionStrategy, Component, ContentChild, ElementRef, EventEmitter, HostBinding, Input, NgZone, Output, Renderer2, ViewChild, ViewContainerRef, isDevMode, forwardRef, ChangeDetectorRef } from '@angular/core';
+import { ChangeDetectionStrategy, Component, ContentChild, EventEmitter, HostBinding, Input, Output, ViewChild, ViewContainerRef, isDevMode, forwardRef } from '@angular/core';
 import { anyChanged, hasObservers, isDocumentAvailable } from '@progress/kendo-angular-common';
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
 import { BehaviorSubject, of, Subscription } from 'rxjs';
@@ -23,6 +22,17 @@ import { ExpandableComponent } from './expandable-component';
 import { SelectionService } from './selection/selection.service';
 import { TreeViewLookupService } from './treeview-lookup.service';
 import { closestNode, focusableNode, hasParent, isContent, isFocusable, match, nodeId, isLoadMoreButton, isPresent, nodeIndex, buildTreeItem, getSizeClass } from './utils';
+import * as i0 from "@angular/core";
+import * as i1 from "./expand-state.service";
+import * as i2 from "./navigation/navigation.service";
+import * as i3 from "./node-children.service";
+import * as i4 from "./selection/selection.service";
+import * as i5 from "./treeview-lookup.service";
+import * as i6 from "./data-change-notification.service";
+import * as i7 from "@progress/kendo-angular-l10n";
+import * as i8 from "@progress/kendo-angular-inputs";
+import * as i9 from "./treeview-group.component";
+import * as i10 from "@angular/common";
 const LOAD_MORE_DOC_LINK = 'http://www.telerik.com/kendo-angular-ui/components/treeview/load-more-button/';
 const providers = [
     ExpandStateService,
@@ -47,7 +57,7 @@ const providers = [
         useExisting: forwardRef(() => TreeViewComponent)
     }
 ];
-/* tslint:disable:member-ordering */
+/* eslint-disable member-ordering */
 /**
  * Represents the [Kendo UI TreeView component for Angular]({% slug overview_treeview %}).
  *
@@ -58,7 +68,7 @@ const providers = [
  * {% embed_file shared/main.ts %}
  * {% endmeta %}
  */
-let TreeViewComponent = class TreeViewComponent {
+export class TreeViewComponent {
     constructor(element, changeDetectorRef, expandService, navigationService, nodeChildrenService, selectionService, treeViewLookupService, ngZone, renderer, dataChangeNotification, localization) {
         this.element = element;
         this.changeDetectorRef = changeDetectorRef;
@@ -592,193 +602,59 @@ let TreeViewComponent = class TreeViewComponent {
             }
         });
     }
-};
-tslib_1.__decorate([
-    HostBinding("class.k-treeview"),
-    tslib_1.__metadata("design:type", Boolean)
-], TreeViewComponent.prototype, "classNames", void 0);
-tslib_1.__decorate([
-    HostBinding("attr.role"),
-    tslib_1.__metadata("design:type", String)
-], TreeViewComponent.prototype, "role", void 0);
-tslib_1.__decorate([
-    HostBinding("attr.dir"),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], TreeViewComponent.prototype, "direction", null);
-tslib_1.__decorate([
-    ViewChild('assetsContainer', { read: ViewContainerRef, static: true }),
-    tslib_1.__metadata("design:type", ViewContainerRef)
-], TreeViewComponent.prototype, "assetsContainer", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], TreeViewComponent.prototype, "filterInputPlaceholder", void 0);
-tslib_1.__decorate([
-    Input(),
-    HostBinding('@.disabled'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [Boolean])
-], TreeViewComponent.prototype, "animate", null);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], TreeViewComponent.prototype, "childrenLoaded", void 0);
-tslib_1.__decorate([
-    Output('blur'),
-    tslib_1.__metadata("design:type", EventEmitter)
-], TreeViewComponent.prototype, "onBlur", void 0);
-tslib_1.__decorate([
-    Output('focus'),
-    tslib_1.__metadata("design:type", EventEmitter)
-], TreeViewComponent.prototype, "onFocus", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], TreeViewComponent.prototype, "expand", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], TreeViewComponent.prototype, "collapse", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], TreeViewComponent.prototype, "nodeDragStart", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], TreeViewComponent.prototype, "nodeDrag", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], TreeViewComponent.prototype, "filterStateChange", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], TreeViewComponent.prototype, "nodeDrop", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], TreeViewComponent.prototype, "nodeDragEnd", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], TreeViewComponent.prototype, "addItem", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], TreeViewComponent.prototype, "removeItem", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], TreeViewComponent.prototype, "checkedChange", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], TreeViewComponent.prototype, "selectionChange", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], TreeViewComponent.prototype, "filterChange", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], TreeViewComponent.prototype, "nodeClick", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], TreeViewComponent.prototype, "nodeDblClick", void 0);
-tslib_1.__decorate([
-    ContentChild(NodeTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", NodeTemplateDirective)
-], TreeViewComponent.prototype, "nodeTemplateQuery", void 0);
-tslib_1.__decorate([
-    Input('nodeTemplate'),
-    tslib_1.__metadata("design:type", NodeTemplateDirective),
-    tslib_1.__metadata("design:paramtypes", [NodeTemplateDirective])
-], TreeViewComponent.prototype, "nodeTemplateRef", null);
-tslib_1.__decorate([
-    ContentChild(LoadMoreButtonTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", LoadMoreButtonTemplateDirective)
-], TreeViewComponent.prototype, "loadMoreButtonTemplateQuery", void 0);
-tslib_1.__decorate([
-    Input('loadMoreButtonTemplate'),
-    tslib_1.__metadata("design:type", LoadMoreButtonTemplateDirective),
-    tslib_1.__metadata("design:paramtypes", [LoadMoreButtonTemplateDirective])
-], TreeViewComponent.prototype, "loadMoreButtonTemplateRef", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Function)
-], TreeViewComponent.prototype, "trackBy", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array),
-    tslib_1.__metadata("design:paramtypes", [Array])
-], TreeViewComponent.prototype, "nodes", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], TreeViewComponent.prototype, "textField", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Function),
-    tslib_1.__metadata("design:paramtypes", [Function])
-], TreeViewComponent.prototype, "hasChildren", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Function),
-    tslib_1.__metadata("design:paramtypes", [Function])
-], TreeViewComponent.prototype, "isChecked", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Function)
-], TreeViewComponent.prototype, "isDisabled", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Function),
-    tslib_1.__metadata("design:paramtypes", [Function])
-], TreeViewComponent.prototype, "isExpanded", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Function),
-    tslib_1.__metadata("design:paramtypes", [Function])
-], TreeViewComponent.prototype, "isSelected", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Function)
-], TreeViewComponent.prototype, "isVisible", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], TreeViewComponent.prototype, "navigable", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Function)
-], TreeViewComponent.prototype, "children", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], TreeViewComponent.prototype, "loadOnDemand", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], TreeViewComponent.prototype, "filterable", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], TreeViewComponent.prototype, "filter", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], TreeViewComponent.prototype, "size", null);
-TreeViewComponent = tslib_1.__decorate([
-    Component({
-        changeDetection: ChangeDetectionStrategy.Default,
-        exportAs: 'kendoTreeView',
-        providers: providers,
-        selector: 'kendo-treeview',
-        template: `
+}
+TreeViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TreeViewComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.ExpandStateService }, { token: i2.NavigationService }, { token: i3.NodeChildrenService }, { token: i4.SelectionService }, { token: i5.TreeViewLookupService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i6.DataChangeNotificationService }, { token: i7.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+TreeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TreeViewComponent, selector: "kendo-treeview", inputs: { filterInputPlaceholder: "filterInputPlaceholder", animate: "animate", nodeTemplateRef: ["nodeTemplate", "nodeTemplateRef"], loadMoreButtonTemplateRef: ["loadMoreButtonTemplate", "loadMoreButtonTemplateRef"], trackBy: "trackBy", nodes: "nodes", textField: "textField", hasChildren: "hasChildren", isChecked: "isChecked", isDisabled: "isDisabled", isExpanded: "isExpanded", isSelected: "isSelected", isVisible: "isVisible", navigable: "navigable", children: "children", loadOnDemand: "loadOnDemand", filterable: "filterable", filter: "filter", size: "size" }, outputs: { childrenLoaded: "childrenLoaded", onBlur: "blur", onFocus: "focus", expand: "expand", collapse: "collapse", nodeDragStart: "nodeDragStart", nodeDrag: "nodeDrag", filterStateChange: "filterStateChange", nodeDrop: "nodeDrop", nodeDragEnd: "nodeDragEnd", addItem: "addItem", removeItem: "removeItem", checkedChange: "checkedChange", selectionChange: "selectionChange", filterChange: "filterChange", nodeClick: "nodeClick", nodeDblClick: "nodeDblClick" }, host: { properties: { "class.k-treeview": "this.classNames", "attr.role": "this.role", "attr.dir": "this.direction", "@.disabled": "this.animate" } }, providers: providers, queries: [{ propertyName: "nodeTemplateQuery", first: true, predicate: NodeTemplateDirective, descendants: true }, { propertyName: "loadMoreButtonTemplateQuery", first: true, predicate: LoadMoreButtonTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "assetsContainer", first: true, predicate: ["assetsContainer"], descendants: true, read: ViewContainerRef, static: true }], exportAs: ["kendoTreeView"], usesOnChanges: true, ngImport: i0, template: `
+        <span
+            class="k-treeview-filter"
+            *ngIf="filterable"
+        >
+            <kendo-textbox
+                [size]="size"
+                [value]="filter"
+                [clearButton]="true"
+                (valueChange)="filterChange.emit($event)"
+                [placeholder]="filterInputPlaceholder"
+            >
+                <ng-template kendoTextBoxPrefixTemplate>
+                    <span class="k-input-icon k-icon k-i-search"></span>
+                </ng-template>
+            </kendo-textbox>
+        </span>
+        <ul class="k-treeview-lines"
+            kendoTreeViewGroup
+            role="group"
+            [size]="size"
+            [loadOnDemand]="loadOnDemand"
+            [checkboxes]="checkboxes"
+            [expandIcons]="expandIcons"
+            [selectable]="selectable"
+            [touchActions]="touchActions"
+            [children]="children"
+            [hasChildren]="hasChildren"
+            [isChecked]="isChecked"
+            [isDisabled]="isDisabled"
+            [isExpanded]="isExpanded"
+            [isSelected]="isSelected"
+            [isVisible]="isVisible"
+            [nodeTemplateRef]="nodeTemplateRef?.templateRef"
+            [loadMoreButtonTemplateRef]="loadMoreButtonTemplateRef?.templateRef"
+            [textField]="textField"
+            [nodes]="fetchNodes"
+            [loadMoreService]="loadMoreService"
+            [trackBy]="trackBy"
+        >
+        </ul>
+        <ng-container #assetsContainer></ng-container>
+    `, isInline: true, components: [{ type: i8.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "errorIcon", "clearButtonIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { type: i9.TreeViewGroupComponent, selector: "[kendoTreeViewGroup]", inputs: ["checkboxes", "expandIcons", "disabled", "selectable", "touchActions", "loadOnDemand", "trackBy", "nodes", "textField", "parentDataItem", "parentIndex", "nodeTemplateRef", "loadMoreButtonTemplateRef", "loadMoreService", "size", "isChecked", "isDisabled", "isExpanded", "isVisible", "isSelected", "children", "hasChildren"] }], directives: [{ type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.TextBoxPrefixTemplateDirective, selector: "[kendoTextBoxPrefixTemplate]" }], changeDetection: i0.ChangeDetectionStrategy.Default });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TreeViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.Default,
+                    exportAs: 'kendoTreeView',
+                    providers: providers,
+                    selector: 'kendo-treeview',
+                    template: `
         <span
             class="k-treeview-filter"
             *ngIf="filterable"
@@ -821,17 +697,102 @@ TreeViewComponent = tslib_1.__decorate([
         </ul>
         <ng-container #assetsContainer></ng-container>
     `
-    }),
-    tslib_1.__metadata("design:paramtypes", [ElementRef,
-        ChangeDetectorRef,
-        ExpandStateService,
-        NavigationService,
-        NodeChildrenService,
-        SelectionService,
-        TreeViewLookupService,
-        NgZone,
-        Renderer2,
-        DataChangeNotificationService,
-        LocalizationService])
-], TreeViewComponent);
-export { TreeViewComponent };
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.ExpandStateService }, { type: i2.NavigationService }, { type: i3.NodeChildrenService }, { type: i4.SelectionService }, { type: i5.TreeViewLookupService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i6.DataChangeNotificationService }, { type: i7.LocalizationService }]; }, propDecorators: { classNames: [{
+                type: HostBinding,
+                args: ["class.k-treeview"]
+            }], role: [{
+                type: HostBinding,
+                args: ["attr.role"]
+            }], direction: [{
+                type: HostBinding,
+                args: ["attr.dir"]
+            }], assetsContainer: [{
+                type: ViewChild,
+                args: ['assetsContainer', { read: ViewContainerRef, static: true }]
+            }], filterInputPlaceholder: [{
+                type: Input
+            }], animate: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['@.disabled']
+            }], childrenLoaded: [{
+                type: Output
+            }], onBlur: [{
+                type: Output,
+                args: ['blur']
+            }], onFocus: [{
+                type: Output,
+                args: ['focus']
+            }], expand: [{
+                type: Output
+            }], collapse: [{
+                type: Output
+            }], nodeDragStart: [{
+                type: Output
+            }], nodeDrag: [{
+                type: Output
+            }], filterStateChange: [{
+                type: Output
+            }], nodeDrop: [{
+                type: Output
+            }], nodeDragEnd: [{
+                type: Output
+            }], addItem: [{
+                type: Output
+            }], removeItem: [{
+                type: Output
+            }], checkedChange: [{
+                type: Output
+            }], selectionChange: [{
+                type: Output
+            }], filterChange: [{
+                type: Output
+            }], nodeClick: [{
+                type: Output
+            }], nodeDblClick: [{
+                type: Output
+            }], nodeTemplateQuery: [{
+                type: ContentChild,
+                args: [NodeTemplateDirective, { static: false }]
+            }], nodeTemplateRef: [{
+                type: Input,
+                args: ['nodeTemplate']
+            }], loadMoreButtonTemplateQuery: [{
+                type: ContentChild,
+                args: [LoadMoreButtonTemplateDirective, { static: false }]
+            }], loadMoreButtonTemplateRef: [{
+                type: Input,
+                args: ['loadMoreButtonTemplate']
+            }], trackBy: [{
+                type: Input
+            }], nodes: [{
+                type: Input
+            }], textField: [{
+                type: Input
+            }], hasChildren: [{
+                type: Input
+            }], isChecked: [{
+                type: Input
+            }], isDisabled: [{
+                type: Input
+            }], isExpanded: [{
+                type: Input
+            }], isSelected: [{
+                type: Input
+            }], isVisible: [{
+                type: Input
+            }], navigable: [{
+                type: Input
+            }], children: [{
+                type: Input
+            }], loadOnDemand: [{
+                type: Input
+            }], filterable: [{
+                type: Input
+            }], filter: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }] } });