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

package/dist/es/treeview-group.component.js

@@ -1,393 +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 { Component, HostBinding, Input, TemplateRef, ChangeDetectorRef } from '@angular/core';
-import { trigger, style, animate, transition } from '@angular/animations';
-import { getter } from '@progress/kendo-common';
-import { ExpandStateService } from './expand-state.service';
-import { IndexBuilderService } from './index-builder.service';
-import { TreeViewLookupService } from './treeview-lookup.service';
-import { NavigationService } from './navigation/navigation.service';
-import { NodeChildrenService } from './node-children.service';
-import { isPresent, isArray } from './utils';
-import { LoadingNotificationService } from './loading-notification.service';
-import { Subscription, EMPTY, of } from 'rxjs';
-import { catchError, tap, finalize, filter } from 'rxjs/operators';
-import { DataChangeNotificationService } from './data-change-notification.service';
-/**
- * @hidden
- */
-var TreeViewGroupComponent = /** @class */ (function () {
-    function TreeViewGroupComponent(expandService, loadingService, indexBuilder, treeViewLookupService, navigationService, nodeChildrenService, dataChangeNotification, changeDetectorRef) {
-        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.kGroupClass = true;
-        this.role = 'group';
-        this.loadOnDemand = true;
-        this.textField = "";
-        this.size = 'medium';
-        this.initialNodesLoaded = false;
-        this.loadingMoreNodes = false;
-        this._data = [];
-        this.singleRecordSubscriptions = new Subscription();
-        this.isChecked = function () { return 'none'; };
-        this.isDisabled = function () { return false; };
-        this.isExpanded = function () { return false; };
-        this.isVisible = function () { return true; };
-        this.isSelected = function () { return false; };
-        this.children = function () { return of([]); };
-        this.hasChildren = function () { return false; };
-    }
-    Object.defineProperty(TreeViewGroupComponent.prototype, "moreNodesAvailable", {
-        get: function () {
-            if (!isPresent(this.loadMoreService) || this.data.length === 0) {
-                return false;
-            }
-            return this.pageSize < this.totalNodesCount;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TreeViewGroupComponent.prototype, "pageSize", {
-        get: function () {
-            if (!isPresent(this.loadMoreService)) {
-                return null;
-            }
-            return this.loadMoreService.getGroupSize(this.parentDataItem);
-        },
-        set: function (pageSize) {
-            this.loadMoreService.setGroupSize(this.parentDataItem, pageSize);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TreeViewGroupComponent.prototype, "data", {
-        get: function () {
-            if (isPresent(this.pageSize)) {
-                var normalizedSizeValue = this.pageSize > 0 ? this.pageSize : 0;
-                return this._data.slice(0, normalizedSizeValue);
-            }
-            return this._data;
-        },
-        set: function (data) {
-            this._data = data;
-            this.registerLoadedNodes(this.data);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TreeViewGroupComponent.prototype, "loadMoreButtonIndex", {
-        get: function () {
-            if (!this.loadMoreService) {
-                return null;
-            }
-            return this.nodeIndex(this.data.length);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TreeViewGroupComponent.prototype, "totalNodesCount", {
-        /**
-         * Represents the total number of nodes for the current level.
-         */
-        get: function () {
-            if (!this.loadMoreService) {
-                return this.data.length;
-            }
-            return this.loadMoreService.getTotalNodesCount(this.parentDataItem, this._data.length);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TreeViewGroupComponent.prototype, "hasTemplate", {
-        get: function () {
-            return isPresent(this.nodeTemplateRef);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TreeViewGroupComponent.prototype.expandNode = function (index, dataItem, expand) {
-        if (expand) {
-            this.expandService.expand(index, dataItem);
-        }
-        else {
-            this.expandService.collapse(index, dataItem);
-        }
-    };
-    TreeViewGroupComponent.prototype.checkNode = function (index) {
-        this.navigationService.checkIndex(index);
-        this.navigationService.activateIndex(index);
-    };
-    TreeViewGroupComponent.prototype.nodeIndex = function (index) {
-        return this.indexBuilder.nodeIndex(index.toString(), this.parentIndex);
-    };
-    TreeViewGroupComponent.prototype.nodeText = function (dataItem) {
-        var textField = isArray(this.textField) ? this.textField[0] : this.textField;
-        return getter(textField)(dataItem);
-    };
-    TreeViewGroupComponent.prototype.ngOnDestroy = function () {
-        if (isPresent(this.nodesSubscription)) {
-            this.nodesSubscription.unsubscribe();
-        }
-        if (isPresent(this.loadMoreNodesSubscription)) {
-            this.loadMoreNodesSubscription.unsubscribe();
-        }
-        this.singleRecordSubscriptions.unsubscribe();
-    };
-    TreeViewGroupComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.subscribeToNodesChange();
-        this.singleRecordSubscriptions.add(this.dataChangeNotification
-            .changes
-            .subscribe(this.subscribeToNodesChange.bind(this)));
-        this.singleRecordSubscriptions.add(this.navigationService.loadMore
-            .pipe(filter(function (index) { return index === _this.loadMoreButtonIndex; }))
-            .subscribe(this.loadMoreNodes.bind(this)));
-    };
-    TreeViewGroupComponent.prototype.ngOnChanges = function (changes) {
-        if (changes.parentIndex && this.loadOnDemand) {
-            this.setNodeChildren(this.mapToTreeItem(this.data));
-        }
-    };
-    TreeViewGroupComponent.prototype.fetchChildren = function (node, index) {
-        var _this = this;
-        return this.children(node)
-            .pipe(catchError(function () {
-            _this.loadingService.notifyLoaded(index);
-            return EMPTY;
-        }), tap(function () { return _this.loadingService.notifyLoaded(index); }));
-    };
-    Object.defineProperty(TreeViewGroupComponent.prototype, "nextFields", {
-        get: function () {
-            if (isArray(this.textField)) {
-                return this.textField.length > 1 ? this.textField.slice(1) : this.textField;
-            }
-            return [this.textField];
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TreeViewGroupComponent.prototype.loadMoreNodes = function () {
-        if (isPresent(this.loadMoreService.loadMoreNodes)) {
-            this.fetchMoreNodes();
-        }
-        else {
-            this.loadMoreLocalNodes();
-        }
-    };
-    TreeViewGroupComponent.prototype.loadMoreLocalNodes = function () {
-        var initialLoadMoreButtonIndex = this.loadMoreButtonIndex;
-        this.pageSize += this.loadMoreService.getInitialPageSize(this.parentDataItem);
-        this.registerLoadedNodes(this.data);
-        // forces the new items to be registered before the focus is changed
-        this.changeDetectorRef.detectChanges();
-        this.reselectItemAt(initialLoadMoreButtonIndex);
-    };
-    TreeViewGroupComponent.prototype.fetchMoreNodes = function () {
-        var _this = this;
-        if (this.loadingMoreNodes) {
-            return;
-        }
-        this.loadingMoreNodes = true;
-        if (isPresent(this.loadMoreNodesSubscription)) {
-            this.loadMoreNodesSubscription.unsubscribe();
-        }
-        this.loadMoreNodesSubscription = this.loadMoreService
-            .loadMoreNodes({
-            dataItem: this.parentDataItem,
-            skip: this.data.length,
-            take: this.loadMoreService.getInitialPageSize(this.parentDataItem)
-        })
-            .pipe(finalize(function () { return _this.loadingMoreNodes = false; }))
-            .subscribe(function (items) {
-            if (!(Array.isArray(items) && items.length > 0)) {
-                return;
-            }
-            var initialLoadMoreButtonIndex = _this.loadMoreButtonIndex;
-            _this.pageSize += items.length;
-            _this.data = _this.data.concat(items);
-            if (_this.navigationService.isActive(initialLoadMoreButtonIndex)) {
-                // forces the new items to be registered before the focus is changed
-                _this.changeDetectorRef.detectChanges();
-                _this.reselectItemAt(initialLoadMoreButtonIndex);
-            }
-        });
-    };
-    TreeViewGroupComponent.prototype.setNodeChildren = function (children) {
-        this.treeViewLookupService.registerChildren(this.parentIndex, children);
-    };
-    TreeViewGroupComponent.prototype.mapToTreeItem = function (data) {
-        var _this = this;
-        if (!this.parentIndex) {
-            return [];
-        }
-        return data.map(function (dataItem, idx) { return ({ dataItem: dataItem, index: _this.nodeIndex(idx) }); });
-    };
-    TreeViewGroupComponent.prototype.emitChildrenLoaded = function (children) {
-        if (!this.parentIndex) {
-            return;
-        }
-        // ignores the registered load-more button
-        var contentChildren = children.filter(function (item) { return item.dataItem; });
-        this.nodeChildrenService.childrenLoaded({ dataItem: this.parentDataItem, index: this.parentIndex }, contentChildren);
-    };
-    TreeViewGroupComponent.prototype.subscribeToNodesChange = function () {
-        var _this = this;
-        if (this.nodesSubscription) {
-            this.nodesSubscription.unsubscribe();
-        }
-        this.nodesSubscription = this.nodes(this.parentDataItem, this.parentIndex)
-            .subscribe(function (data) {
-            _this.data = data;
-            _this.initialNodesLoaded = true;
-        });
-    };
-    TreeViewGroupComponent.prototype.reselectItemAt = function (index) {
-        if (!isPresent(index)) {
-            return;
-        }
-        // make sure the old index is cleared first
-        this.navigationService.deactivate();
-        this.navigationService.activateIndex(index);
-    };
-    TreeViewGroupComponent.prototype.registerLoadedNodes = function (nodes) {
-        if (nodes === void 0) { nodes = []; }
-        var mappedChildren = this.mapToTreeItem(nodes);
-        if (this.loadOnDemand) {
-            this.setNodeChildren(mappedChildren);
-        }
-        this.emitChildrenLoaded(mappedChildren);
-    };
-    tslib_1.__decorate([
-        HostBinding("class.k-treeview-group"),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TreeViewGroupComponent.prototype, "kGroupClass", void 0);
-    tslib_1.__decorate([
-        HostBinding("attr.role"),
-        tslib_1.__metadata("design:type", String)
-    ], TreeViewGroupComponent.prototype, "role", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TreeViewGroupComponent.prototype, "checkboxes", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TreeViewGroupComponent.prototype, "expandIcons", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TreeViewGroupComponent.prototype, "disabled", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TreeViewGroupComponent.prototype, "selectable", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TreeViewGroupComponent.prototype, "touchActions", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TreeViewGroupComponent.prototype, "loadOnDemand", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], TreeViewGroupComponent.prototype, "trackBy", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], TreeViewGroupComponent.prototype, "nodes", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], TreeViewGroupComponent.prototype, "textField", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], TreeViewGroupComponent.prototype, "parentDataItem", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TreeViewGroupComponent.prototype, "parentIndex", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", TemplateRef)
-    ], TreeViewGroupComponent.prototype, "nodeTemplateRef", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", TemplateRef)
-    ], TreeViewGroupComponent.prototype, "loadMoreButtonTemplateRef", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], TreeViewGroupComponent.prototype, "loadMoreService", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TreeViewGroupComponent.prototype, "size", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], TreeViewGroupComponent.prototype, "isChecked", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], TreeViewGroupComponent.prototype, "isDisabled", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], TreeViewGroupComponent.prototype, "isExpanded", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], TreeViewGroupComponent.prototype, "isVisible", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], TreeViewGroupComponent.prototype, "isSelected", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], TreeViewGroupComponent.prototype, "children", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], TreeViewGroupComponent.prototype, "hasChildren", void 0);
-    TreeViewGroupComponent = tslib_1.__decorate([
-        Component({
-            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 }))
-                    ])
-                ])
-            ],
-            selector: '[kendoTreeViewGroup]',
-            template: "\n        <li\n            *ngFor=\"let node of data; let index = index; trackBy: trackBy\"\n            class=\"k-treeview-item\"\n            [class.k-display-none]=\"!isVisible(node, nodeIndex(index))\"\n            kendoTreeViewItem\n            [attr.aria-setsize]=\"totalNodesCount\"\n            [dataItem]=\"node\"\n            [index]=\"nodeIndex(index)\"\n            [parentDataItem]=\"parentDataItem\"\n            [parentIndex]=\"parentIndex\"\n            [loadOnDemand]=\"loadOnDemand\"\n            [checkable]=\"checkboxes\"\n            [isChecked]=\"isChecked(node, nodeIndex(index))\"\n            [isDisabled]=\"disabled || isDisabled(node, nodeIndex(index))\"\n            [isVisible]=\"isVisible(node, nodeIndex(index))\"\n            [expandable]=\"expandIcons && hasChildren(node)\"\n            [isExpanded]=\"isExpanded(node, nodeIndex(index))\"\n            [selectable]=\"selectable\"\n            [isSelected]=\"isSelected(node, nodeIndex(index))\"\n            [attr.data-treeindex]=\"nodeIndex(index)\"\n        >\n            <div class=\"k-treeview-mid\">\n                <span\n                    class=\"k-treeview-toggle\"\n                    [kendoTreeViewLoading]=\"nodeIndex(index)\"\n                    (click)=\"expandNode(nodeIndex(index), node, !isExpanded(node, nodeIndex(index)))\"\n                    *ngIf=\"expandIcons && hasChildren(node)\"\n                >\n                    <span\n                        class=\"k-icon\"\n                        [class.k-i-collapse]=\"isExpanded(node, nodeIndex(index))\"\n                        [class.k-i-expand]=\"!isExpanded(node, nodeIndex(index))\"\n                    >\n                    </span>\n                </span>\n                <kendo-checkbox\n                    *ngIf=\"checkboxes\"\n                    [size]=\"size\"\n                    [node]=\"node\"\n                    [index]=\"nodeIndex(index)\"\n                    [isChecked]=\"isChecked\"\n                    (checkStateChange)=\"checkNode(nodeIndex(index))\"\n                    tabindex=\"-1\"\n                ></kendo-checkbox>\n                <span kendoTreeViewItemContent\n                    [attr.data-treeindex]=\"nodeIndex(index)\"\n                    [dataItem]=\"node\"\n                    [index]=\"nodeIndex(index)\"\n                    [initialSelection]=\"isSelected(node, nodeIndex(index))\"\n                    [isSelected]=\"isSelected\"\n                    class=\"k-treeview-leaf\"\n                    [style.touch-action]=\"touchActions ? '' : 'none'\"\n                >\n                    <span class=\"k-treeview-leaf-text\">\n                        <ng-container [ngSwitch]=\"hasTemplate\">\n                            <ng-container *ngSwitchCase=\"true\">\n                                <ng-template\n                                    [ngTemplateOutlet]=\"nodeTemplateRef\"\n                                    [ngTemplateOutletContext]=\"{\n                                        $implicit: node,\n                                        index: nodeIndex(index)\n                                    }\"\n                                >\n                                </ng-template>\n                            </ng-container>\n                            <ng-container *ngSwitchDefault>\n                                {{nodeText(node)}}\n                            </ng-container>\n                        </ng-container>\n                    </span>\n                </span>\n            </div>\n            <ul\n                *ngIf=\"isExpanded(node, nodeIndex(index)) && hasChildren(node)\"\n                kendoTreeViewGroup\n                role=\"group\"\n                [nodes]=\"fetchChildren\"\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                [disabled]=\"disabled || isDisabled(node, nodeIndex(index))\"\n                [isExpanded]=\"isExpanded\"\n                [isSelected]=\"isSelected\"\n                [isVisible]=\"isVisible\"\n                [nodeTemplateRef]=\"nodeTemplateRef\"\n                [loadMoreButtonTemplateRef]=\"loadMoreButtonTemplateRef\"\n                [parentIndex]=\"nodeIndex(index)\"\n                [parentDataItem]=\"node\"\n                [textField]=\"nextFields\"\n                [loadMoreService]=\"loadMoreService\"\n                [@toggle]=\"true\"\n                [trackBy]=\"trackBy\"\n            >\n            </ul>\n        </li>\n        <li\n            *ngIf=\"initialNodesLoaded && moreNodesAvailable\"\n            class=\"k-treeview-item\"\n            [class.k-treeview-load-more-checkboxes-container]=\"checkboxes\"\n            kendoTreeViewItem\n            role=\"button\"\n            [selectable]=\"false\"\n            [checkable]=\"false\"\n            [expandable]=\"false\"\n            [index]=\"loadMoreButtonIndex\"\n            [parentDataItem]=\"parentDataItem\"\n            [parentIndex]=\"parentIndex\"\n            [attr.data-treeindex]=\"loadMoreButtonIndex\"\n        >\n            <div class=\"k-treeview-mid\">\n                <span\n                    *ngIf=\"loadingMoreNodes\"\n                    class=\"k-icon k-i-loading k-i-expand\"\n                >\n                </span>\n                <span\n                    class=\"k-treeview-leaf k-treeview-load-more-button\"\n                    [attr.data-treeindex]=\"loadMoreButtonIndex\"\n                    kendoTreeViewItemContent\n                    [index]=\"loadMoreButtonIndex\"\n                >\n                    <span class=\"k-treeview-leaf-text\">\n                        <ng-template\n                            *ngIf=\"loadMoreButtonTemplateRef\"\n                            [ngTemplateOutlet]=\"loadMoreButtonTemplateRef\"\n                            [ngTemplateOutletContext]=\"{\n                                index: loadMoreButtonIndex\n                            }\"\n                        >\n                        </ng-template>\n                        <ng-container *ngIf=\"!loadMoreButtonTemplateRef\">\n                            Load more\n                        </ng-container>\n                    </span>\n                </span>\n            </div>\n        </li>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [ExpandStateService,
-            LoadingNotificationService,
-            IndexBuilderService,
-            TreeViewLookupService,
-            NavigationService,
-            NodeChildrenService,
-            DataChangeNotificationService,
-            ChangeDetectorRef])
-    ], TreeViewGroupComponent);
-    return TreeViewGroupComponent;
-}());
-export { TreeViewGroupComponent };

package/dist/es/treeview-item-content.directive.js

@@ -1,85 +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 { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
-import { NavigationService } from './navigation/navigation.service';
-import { SelectionService } from './selection/selection.service';
-import { isSelected } from './default-callbacks';
-import { Subscription } from 'rxjs';
-import { filter } from 'rxjs/operators';
-/**
- * @hidden
- *
- * A directive which manages the expanded state of the TreeView.
- */
-var TreeViewItemContentDirective = /** @class */ (function () {
-    function TreeViewItemContentDirective(element, navigationService, selectionService, renderer) {
-        var _this = this;
-        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
-            .pipe(filter(function (index) { return index === _this.index; }))
-            .subscribe(function (index) {
-            return _this.selectionService.select(index, _this.dataItem);
-        }));
-        this.subscriptions.add(this.selectionService.changes
-            .subscribe(function () {
-            _this.updateSelectionClass(_this.isSelected(_this.dataItem, _this.index));
-        }));
-    }
-    TreeViewItemContentDirective.prototype.ngOnChanges = function (changes) {
-        if (changes.initialSelection) {
-            this.updateSelectionClass(this.initialSelection);
-        }
-        if (changes.index) {
-            this.updateFocusClass();
-        }
-    };
-    TreeViewItemContentDirective.prototype.ngOnDestroy = function () {
-        this.subscriptions.unsubscribe();
-    };
-    TreeViewItemContentDirective.prototype.updateFocusClass = function () {
-        this.render(this.navigationService.isActive(this.index), 'k-focus');
-    };
-    TreeViewItemContentDirective.prototype.updateSelectionClass = function (selected) {
-        this.render(selected, 'k-selected');
-    };
-    TreeViewItemContentDirective.prototype.render = function (addClass, className) {
-        var action = addClass ? 'addClass' : 'removeClass';
-        this.renderer[action](this.element.nativeElement, className);
-    };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], TreeViewItemContentDirective.prototype, "dataItem", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TreeViewItemContentDirective.prototype, "index", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TreeViewItemContentDirective.prototype, "initialSelection", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], TreeViewItemContentDirective.prototype, "isSelected", void 0);
-    TreeViewItemContentDirective = tslib_1.__decorate([
-        Directive({ selector: '[kendoTreeViewItemContent]' }),
-        tslib_1.__metadata("design:paramtypes", [ElementRef,
-            NavigationService,
-            SelectionService,
-            Renderer2])
-    ], TreeViewItemContentDirective);
-    return TreeViewItemContentDirective;
-}());
-export { TreeViewItemContentDirective };