@progress/kendo-angular-treeview 6.0.2 → 7.0.0-dev.202204191141

package/dist/es/treeview.component.js

@@ -1,853 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 { anyChanged, hasObservers, isDocumentAvailable } from '@progress/kendo-angular-common';
-import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
-import { BehaviorSubject, of, Subscription } from 'rxjs';
-import { validatePackage } from '@progress/kendo-licensing';
-import { packageMetadata } from './package-metadata';
-import { DataChangeNotificationService } from './data-change-notification.service';
-import { hasChildren, isChecked, isDisabled, isExpanded, isSelected, isVisible, trackBy } from './default-callbacks';
-import { ExpandStateService } from './expand-state.service';
-import { IndexBuilderService } from './index-builder.service';
-import { LoadingNotificationService } from './loading-notification.service';
-import { NavigationService } from './navigation/navigation.service';
-import { NodeChildrenService } from './node-children.service';
-import { NodeTemplateDirective } from './node-template.directive';
-import { LoadMoreButtonTemplateDirective } from './load-more/load-more-button-template.directive';
-import { DataBoundComponent } from './data-bound-component';
-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';
-var LOAD_MORE_DOC_LINK = 'http://www.telerik.com/kendo-angular-ui/components/treeview/load-more-button/';
-var providers = [
-    ExpandStateService,
-    IndexBuilderService,
-    TreeViewLookupService,
-    LoadingNotificationService,
-    NodeChildrenService,
-    NavigationService,
-    SelectionService,
-    DataChangeNotificationService,
-    LocalizationService,
-    {
-        provide: L10N_PREFIX,
-        useValue: 'kendo.treeview'
-    },
-    {
-        provide: DataBoundComponent,
-        useExisting: forwardRef(function () { return TreeViewComponent; })
-    },
-    {
-        provide: ExpandableComponent,
-        useExisting: forwardRef(function () { return TreeViewComponent; })
-    }
-];
-/* tslint:disable:member-ordering */
-/**
- * Represents the [Kendo UI TreeView component for Angular]({% slug overview_treeview %}).
- *
- * @example
- * {% meta height:450 %}
- * {% embed_file get-started/app.component.ts preview %}
- * {% embed_file get-started/app.module.ts %}
- * {% embed_file shared/main.ts %}
- * {% endmeta %}
- */
-var TreeViewComponent = /** @class */ (function () {
-    function TreeViewComponent(element, changeDetectorRef, expandService, navigationService, nodeChildrenService, selectionService, treeViewLookupService, ngZone, renderer, dataChangeNotification, localization) {
-        var _this = this;
-        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;
-        this.classNames = true;
-        this.role = 'tree';
-        /**
-         * The hint which is displayed when the component is empty.
-         */
-        this.filterInputPlaceholder = "";
-        /** @hidden */
-        this.fetchNodes = function () { return _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 callback which determines whether a TreeView node should be rendered as hidden. The utility .k-display-none 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 = function () { return 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 = '';
-        this.checkboxes = false;
-        this.expandIcons = false;
-        this.selectable = false;
-        this.touchActions = true;
-        this.isActive = false;
-        this.data = new BehaviorSubject([]);
-        this._animate = true;
-        this._size = 'medium';
-        this.subscriptions = new Subscription();
-        this.domSubscriptions = [];
-        validatePackage(packageMetadata);
-    }
-    Object.defineProperty(TreeViewComponent.prototype, "direction", {
-        /** @hidden */
-        get: function () {
-            return this.localization.rtl ? 'rtl' : 'ltr';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TreeViewComponent.prototype, "animate", {
-        get: function () {
-            return !this._animate;
-        },
-        /**
-         * Determines whether the content animation is enabled.
-         */
-        set: function (value) {
-            this._animate = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TreeViewComponent.prototype, "nodeTemplateRef", {
-        get: function () {
-            return this._nodeTemplateRef || this.nodeTemplateQuery;
-        },
-        /**
-         * @hidden
-         *
-         * Defines the template for each node.
-         * Takes precedence over nested templates in the TreeView tag.
-         */
-        set: function (template) {
-            this._nodeTemplateRef = template;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TreeViewComponent.prototype, "loadMoreButtonTemplateRef", {
-        get: function () {
-            return this._loadMoreButtonTemplateRef || this.loadMoreButtonTemplateQuery;
-        },
-        /**
-         * @hidden
-         *
-         * Defines the template for each load-more button.
-         * Takes precedence over nested templates in the TreeView tag.
-         */
-        set: function (template) {
-            this._loadMoreButtonTemplateRef = template;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TreeViewComponent.prototype, "nodes", {
-        get: function () {
-            return this.data.value;
-        },
-        /**
-         * The nodes which will be displayed by the TreeView
-         * ([see example]({% slug databinding_treeview %})).
-         */
-        set: function (value) {
-            this.data.next(value || []);
-            this.dataChangeNotification.notify();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TreeViewComponent.prototype, "hasChildren", {
-        /**
-         * A function which determines if a specific node has child nodes
-         * ([see example]({% slug databinding_treeview %})).
-         */
-        get: function () {
-            return this._hasChildren || hasChildren;
-        },
-        set: function (callback) {
-            this._hasChildren = callback;
-            this.expandIcons = Boolean(this._isExpanded && this._hasChildren);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TreeViewComponent.prototype, "isChecked", {
-        /**
-         * A function which determines if a specific node is checked
-         * ([see example]({% slug checkboxes_treeview %}#toc-modifying-the-checked-state)).
-         */
-        get: function () {
-            return this._isChecked || isChecked;
-        },
-        set: function (callback) {
-            this._isChecked = callback;
-            this.checkboxes = Boolean(this._isChecked);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TreeViewComponent.prototype, "isExpanded", {
-        /**
-         * A function which determines if a specific node is expanded.
-         */
-        get: function () {
-            return this._isExpanded || isExpanded;
-        },
-        set: function (callback) {
-            this._isExpanded = callback;
-            this.expandIcons = Boolean(this._isExpanded && this._hasChildren);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TreeViewComponent.prototype, "isSelected", {
-        /**
-         * A function which determines if a specific node is selected
-         * ([see example]({% slug selection_treeview %}#toc-modifying-the-selection)).
-         */
-        get: function () {
-            return this._isSelected || isSelected;
-        },
-        set: function (callback) {
-            this._isSelected = callback;
-            this.selectable = Boolean(this._isSelected);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TreeViewComponent.prototype, "size", {
-        get: function () {
-            return this._size;
-        },
-        /**
-         * Sets the size of the component.
-         *
-         * The possible values are:
-         * * `'small'`
-         * * `'medium'` (default)
-         * * `'large'`
-         * * `null`
-         *
-         */
-        set: function (size) {
-            this.renderer.removeClass(this.element.nativeElement, getSizeClass('treeview', this.size));
-            if (size) {
-                this.renderer.addClass(this.element.nativeElement, getSizeClass('treeview', size));
-            }
-            this._size = size;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TreeViewComponent.prototype.ngOnChanges = function (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
-        if (anyChanged(['nodes', 'children', 'hasChildren', 'loadOnDemand'], changes, false) && !this.loadOnDemand) {
-            this.preloadChildNodes();
-        }
-    };
-    TreeViewComponent.prototype.ngOnDestroy = function () {
-        this.subscriptions.unsubscribe();
-        this.domSubscriptions.forEach(function (subscription) { return subscription(); });
-    };
-    TreeViewComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.subscriptions.add(this.nodeChildrenService
-            .changes
-            .subscribe(function (x) { return _this.childrenLoaded.emit(x); }));
-        this.subscriptions.add(this.expandService.changes
-            .subscribe(function (_a) {
-            var index = _a.index, dataItem = _a.dataItem, expand = _a.expand;
-            return expand
-                ? _this.expand.emit({ index: index, dataItem: dataItem })
-                : _this.collapse.emit({ index: index, dataItem: dataItem });
-        }));
-        this.subscriptions.add(this.navigationService.checks
-            .subscribe(function (x) {
-            return _this.checkedChange.emit(_this.treeViewLookupService.itemLookup(x));
-        }));
-        this.subscriptions.add(this.selectionService.changes
-            .subscribe(function (x) {
-            if (hasObservers(_this.selectionChange)) {
-                _this.ngZone.run(function () {
-                    _this.selectionChange.emit(x);
-                });
-            }
-        }));
-        if (this.element) {
-            this.ngZone.runOutsideAngular(function () {
-                _this.attachDomHandlers();
-            });
-        }
-        if (this.size) {
-            this.renderer.addClass(this.element.nativeElement, getSizeClass('treeview', this.size));
-        }
-    };
-    /**
-     * Blurs the focused TreeView item.
-     */
-    TreeViewComponent.prototype.blur = function () {
-        if (!isDocumentAvailable()) {
-            return;
-        }
-        var target = focusableNode(this.element);
-        if (document.activeElement === target) {
-            target.blur();
-        }
-    };
-    /**
-     * Focuses the first focusable item in the TreeView component if no hierarchical index is provided.
-     *
-     * @example
-     * ```ts
-     * import { Component } from '@angular/core';
-     *
-     *  @Component({
-     *      selector: 'my-app',
-     *      template: `
-     *      <button (click)="treeview.focus('1')">Focuses the second node</button>
-     *      <kendo-treeview
-     *          #treeview
-     *          [nodes]="data"
-     *          textField="text"
-     *      >
-     *      </kendo-treeview>
-     *  `
-     *  })
-     *  export class AppComponent {
-     *      public data: any[] = [
-     *          { text: "Furniture" },
-     *          { text: "Decor" }
-     *      ];
-     *  }
-     * ```
-     */
-    TreeViewComponent.prototype.focus = function (index) {
-        var focusIndex = index || nodeIndex(this.navigationService.focusableItem);
-        this.navigationService.activateIndex(focusIndex);
-        var target = focusableNode(this.element);
-        if (target) {
-            target.focus();
-        }
-    };
-    /**
-     * Based on the specified index, returns the TreeItemLookup node.
-     *
-     * @param index - The index of the node.
-     * @returns {TreeItemLookup} - The item that was searched (looked up).
-     */
-    TreeViewComponent.prototype.itemLookup = function (index) {
-        return this.treeViewLookupService.itemLookup(index);
-    };
-    /**
-     * Triggers the [`children`]({% slug api_treeview_treeviewcomponent %}#toc-children) function for every expanded node,
-     * causing all rendered child nodes to be fetched again.
-     */
-    TreeViewComponent.prototype.rebindChildren = function () {
-        this.dataChangeNotification.notify();
-    };
-    /**
-     * Triggers the `expand` event for the provided node and displays it's loading indicator.
-     */
-    TreeViewComponent.prototype.expandNode = function (item, index) {
-        this.expandService.expand(index, item);
-    };
-    /**
-     * Triggers the `collapse` event for the provided node.
-     */
-    TreeViewComponent.prototype.collapseNode = function (item, index) {
-        this.expandService.collapse(index, item);
-    };
-    /**
-     * Gets the current page size of the checked data item children collection
-     * ([see example]({% slug loadmorebutton_treeview %}#toc-managing-page-sizes)).
-     *
-     * > Since the root nodes collection is not associated with any parent data item, pass `null` as `dataItem` param to get its page size.
-     *
-     * @param dataItem {any} - The parent data item of the targeted collection.
-     * @returns {number} - The page size of the checked data item children collection.
-     */
-    TreeViewComponent.prototype.getNodePageSize = function (dataItem) {
-        this.verifyLoadMoreService();
-        return this.loadMoreService.getGroupSize(dataItem);
-    };
-    /**
-     * Sets the page size of the targeted data item children collection
-     * ([see example]({% slug loadmorebutton_treeview %}#toc-managing-page-sizes)).
-     *
-     * > Since the root nodes collection is not associated with any parent data item, pass `null` as `dataItem` param to target its page size.
-     *
-     * @param dataItem {any} - The parent data item of the targeted collection.
-     * @param pageSize {number} - The new page size.
-     */
-    TreeViewComponent.prototype.setNodePageSize = function (dataItem, pageSize) {
-        this.verifyLoadMoreService();
-        this.loadMoreService.setGroupSize(dataItem, pageSize);
-    };
-    /**
-     * @hidden
-     *
-     * Clears the current TreeViewLookupService node map and re-registers all nodes anew.
-     * Child nodes are acquired through the provided `children` callback.
-     */
-    TreeViewComponent.prototype.preloadChildNodes = function () {
-        this.treeViewLookupService.reset();
-        this.registerLookupItems(this.nodes);
-    };
-    TreeViewComponent.prototype.attachDomHandlers = function () {
-        var element = this.element.nativeElement;
-        this.clickHandler = this.clickHandler.bind(this);
-        this.domSubscriptions.push(this.renderer.listen(element, 'contextmenu', this.clickHandler), this.renderer.listen(element, 'click', this.clickHandler), this.renderer.listen(element, 'dblclick', this.clickHandler), this.renderer.listen(element, 'focusin', this.focusHandler.bind(this)), this.renderer.listen(element, 'focusout', this.blurHandler.bind(this)), this.renderer.listen(element, 'keydown', this.keydownHandler.bind(this)));
-    };
-    TreeViewComponent.prototype.focusHandler = function (e) {
-        var _this = this;
-        var focusItem;
-        if (match(e.target, '.k-treeview-item')) {
-            focusItem = e.target;
-        }
-        else if (!isFocusable(e.target)) { // with compliments to IE
-            focusItem = closestNode(e.target);
-        }
-        if (focusItem) {
-            this.navigationService.activateIndex(nodeId(e.target));
-            if (!this.isActive && hasObservers(this.onFocus)) {
-                this.ngZone.run(function () {
-                    _this.onFocus.emit();
-                });
-            }
-            this.isActive = true;
-        }
-    };
-    TreeViewComponent.prototype.blurHandler = function (e) {
-        var _this = this;
-        if (this.isActive && match(e.target, '.k-treeview-item') &&
-            (!e.relatedTarget || !match(e.relatedTarget, '.k-treeview-item') || !hasParent(e.relatedTarget, this.element.nativeElement))) {
-            this.navigationService.deactivate();
-            this.isActive = false;
-            if (hasObservers(this.onBlur)) {
-                this.ngZone.run(function () {
-                    _this.onBlur.emit();
-                });
-            }
-        }
-    };
-    TreeViewComponent.prototype.clickHandler = function (e) {
-        var _this = this;
-        var target = e.target;
-        if ((e.type === 'contextmenu' && !hasObservers(this.nodeClick)) ||
-            (e.type === 'click' && !hasObservers(this.nodeClick) && !hasObservers(this.selectionChange) && !isLoadMoreButton(target)) ||
-            (e.type === 'dblclick' && !hasObservers(this.nodeDblClick)) || isFocusable(target) ||
-            (!isContent(target) && !isLoadMoreButton(target)) || !hasParent(target, this.element.nativeElement)) {
-            return;
-        }
-        var index = nodeId(closestNode(target));
-        // the disabled check is probably not needed due to the k-disabled styles
-        if (!index || this.navigationService.isDisabled(index)) {
-            return;
-        }
-        this.ngZone.run(function () {
-            // record this value before emitting selectionChange (`this.navigationService.selectIndex`), as the treeview state may be changed on its emission
-            var lookup = _this.treeViewLookupService.itemLookup(index);
-            if (e.type === 'click') {
-                var loadMoreButton = _this.navigationService.model.findNode(index).loadMoreButton;
-                if (loadMoreButton) {
-                    _this.navigationService.notifyLoadMore(index);
-                    return;
-                }
-                else {
-                    _this.navigationService.selectIndex(index);
-                }
-            }
-            var emitter = e.type === 'dblclick' ? _this.nodeDblClick : _this.nodeClick;
-            emitter.emit({
-                item: lookup.item,
-                originalEvent: e,
-                type: e.type
-            });
-        });
-    };
-    TreeViewComponent.prototype.keydownHandler = function (e) {
-        var _this = this;
-        if (this.isActive && this.navigable) {
-            this.ngZone.run(function () {
-                _this.navigationService.move(e);
-            });
-        }
-    };
-    TreeViewComponent.prototype.verifyLoadMoreService = function () {
-        if (isDevMode() && !isPresent(this.loadMoreService)) {
-            throw new Error("To use the TreeView paging functionality, you need to assign the `kendoTreeViewLoadMore` directive. See " + LOAD_MORE_DOC_LINK + ".");
-        }
-    };
-    TreeViewComponent.prototype.registerLookupItems = function (data, parentItem) {
-        var _this = this;
-        if (parentItem === void 0) { parentItem = null; }
-        if (!isPresent(data) || data.length === 0) {
-            return;
-        }
-        var parentIndex = nodeIndex(parentItem);
-        var treeItems = data.map(function (node, index) {
-            return buildTreeItem(node, index, parentIndex);
-        });
-        if (isPresent(parentItem)) {
-            this.treeViewLookupService.registerChildren(parentIndex, treeItems);
-        }
-        treeItems.forEach(function (item) {
-            _this.treeViewLookupService.registerItem(item, parentItem);
-            if (_this.hasChildren(item.dataItem)) {
-                _this.children(item.dataItem)
-                    .subscribe(function (children) {
-                    return _this.registerLookupItems(children, item);
-                });
-            }
-        });
-    };
-    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: "\n        <span\n            class=\"k-treeview-filter\"\n            *ngIf=\"filterable\"\n        >\n            <kendo-textbox\n                [size]=\"size\"\n                [value]=\"filter\"\n                [clearButton]=\"true\"\n                (valueChange)=\"filterChange.emit($event)\"\n                [placeholder]=\"filterInputPlaceholder\"\n            >\n                <ng-template kendoTextBoxPrefixTemplate>\n                    <span class=\"k-input-icon k-icon k-i-search\"></span>\n                </ng-template>\n            </kendo-textbox>\n        </span>\n        <ul class=\"k-treeview-lines\"\n            kendoTreeViewGroup\n            role=\"group\"\n            [size]=\"size\"\n            [loadOnDemand]=\"loadOnDemand\"\n            [checkboxes]=\"checkboxes\"\n            [expandIcons]=\"expandIcons\"\n            [selectable]=\"selectable\"\n            [touchActions]=\"touchActions\"\n            [children]=\"children\"\n            [hasChildren]=\"hasChildren\"\n            [isChecked]=\"isChecked\"\n            [isDisabled]=\"isDisabled\"\n            [isExpanded]=\"isExpanded\"\n            [isSelected]=\"isSelected\"\n            [isVisible]=\"isVisible\"\n            [nodeTemplateRef]=\"nodeTemplateRef?.templateRef\"\n            [loadMoreButtonTemplateRef]=\"loadMoreButtonTemplateRef?.templateRef\"\n            [textField]=\"textField\"\n            [nodes]=\"fetchNodes\"\n            [loadMoreService]=\"loadMoreService\"\n            [trackBy]=\"trackBy\"\n        >\n        </ul>\n        <ng-container #assetsContainer></ng-container>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [ElementRef,
-            ChangeDetectorRef,
-            ExpandStateService,
-            NavigationService,
-            NodeChildrenService,
-            SelectionService,
-            TreeViewLookupService,
-            NgZone,
-            Renderer2,
-            DataChangeNotificationService,
-            LocalizationService])
-    ], TreeViewComponent);
-    return TreeViewComponent;
-}());
-export { TreeViewComponent };