@progress/kendo-angular-treeview 6.0.2 → 7.0.0-next.202203241311

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

@@ -2,24 +2,29 @@
 * 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 { Component, HostBinding, Input } 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';
+import * as i0 from "@angular/core";
+import * as i1 from "./expand-state.service";
+import * as i2 from "./loading-notification.service";
+import * as i3 from "./index-builder.service";
+import * as i4 from "./treeview-lookup.service";
+import * as i5 from "./navigation/navigation.service";
+import * as i6 from "./node-children.service";
+import * as i7 from "./data-change-notification.service";
+import * as i8 from "./checkbox/checkbox.component";
+import * as i9 from "@angular/common";
+import * as i10 from "./treeview-item.directive";
+import * as i11 from "./loading-indicator.directive";
+import * as i12 from "./treeview-item-content.directive";
 /**
  * @hidden
  */
-let TreeViewGroupComponent = class TreeViewGroupComponent {
+export class TreeViewGroupComponent {
     constructor(expandService, loadingService, indexBuilder, treeViewLookupService, navigationService, nodeChildrenService, dataChangeNotification, changeDetectorRef) {
         this.expandService = expandService;
         this.loadingService = loadingService;
@@ -232,119 +237,181 @@ let TreeViewGroupComponent = class TreeViewGroupComponent {
         }
         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 }))
-                ])
+}
+TreeViewGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TreeViewGroupComponent, deps: [{ token: i1.ExpandStateService }, { token: i2.LoadingNotificationService }, { token: i3.IndexBuilderService }, { token: i4.TreeViewLookupService }, { token: i5.NavigationService }, { token: i6.NodeChildrenService }, { token: i7.DataChangeNotificationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TreeViewGroupComponent, selector: "[kendoTreeViewGroup]", inputs: { checkboxes: "checkboxes", expandIcons: "expandIcons", disabled: "disabled", selectable: "selectable", touchActions: "touchActions", loadOnDemand: "loadOnDemand", trackBy: "trackBy", nodes: "nodes", textField: "textField", parentDataItem: "parentDataItem", parentIndex: "parentIndex", nodeTemplateRef: "nodeTemplateRef", loadMoreButtonTemplateRef: "loadMoreButtonTemplateRef", loadMoreService: "loadMoreService", size: "size", isChecked: "isChecked", isDisabled: "isDisabled", isExpanded: "isExpanded", isVisible: "isVisible", isSelected: "isSelected", children: "children", hasChildren: "hasChildren" }, host: { properties: { "class.k-treeview-group": "this.kGroupClass", "attr.role": "this.role" } }, usesOnChanges: true, ngImport: i0, template: `
+        <li
+            *ngFor="let node of data; let index = index; trackBy: trackBy"
+            class="k-treeview-item"
+            [class.k-display-none]="!isVisible(node, nodeIndex(index))"
+            kendoTreeViewItem
+            [attr.aria-setsize]="totalNodesCount"
+            [dataItem]="node"
+            [index]="nodeIndex(index)"
+            [parentDataItem]="parentDataItem"
+            [parentIndex]="parentIndex"
+            [loadOnDemand]="loadOnDemand"
+            [checkable]="checkboxes"
+            [isChecked]="isChecked(node, nodeIndex(index))"
+            [isDisabled]="disabled || isDisabled(node, nodeIndex(index))"
+            [isVisible]="isVisible(node, nodeIndex(index))"
+            [expandable]="expandIcons && hasChildren(node)"
+            [isExpanded]="isExpanded(node, nodeIndex(index))"
+            [selectable]="selectable"
+            [isSelected]="isSelected(node, nodeIndex(index))"
+            [attr.data-treeindex]="nodeIndex(index)"
+        >
+            <div class="k-treeview-mid">
+                <span
+                    class="k-treeview-toggle"
+                    [kendoTreeViewLoading]="nodeIndex(index)"
+                    (click)="expandNode(nodeIndex(index), node, !isExpanded(node, nodeIndex(index)))"
+                    *ngIf="expandIcons && hasChildren(node)"
+                >
+                    <span
+                        class="k-icon"
+                        [class.k-i-collapse]="isExpanded(node, nodeIndex(index))"
+                        [class.k-i-expand]="!isExpanded(node, nodeIndex(index))"
+                    >
+                    </span>
+                </span>
+                <kendo-checkbox
+                    *ngIf="checkboxes"
+                    [size]="size"
+                    [node]="node"
+                    [index]="nodeIndex(index)"
+                    [isChecked]="isChecked"
+                    (checkStateChange)="checkNode(nodeIndex(index))"
+                    [tabindex]="-1"
+                ></kendo-checkbox>
+                <span kendoTreeViewItemContent
+                    [attr.data-treeindex]="nodeIndex(index)"
+                    [dataItem]="node"
+                    [index]="nodeIndex(index)"
+                    [initialSelection]="isSelected(node, nodeIndex(index))"
+                    [isSelected]="isSelected"
+                    class="k-treeview-leaf"
+                    [style.touch-action]="touchActions ? '' : 'none'"
+                >
+                    <span class="k-treeview-leaf-text">
+                        <ng-container [ngSwitch]="hasTemplate">
+                            <ng-container *ngSwitchCase="true">
+                                <ng-template
+                                    [ngTemplateOutlet]="nodeTemplateRef"
+                                    [ngTemplateOutletContext]="{
+                                        $implicit: node,
+                                        index: nodeIndex(index)
+                                    }"
+                                >
+                                </ng-template>
+                            </ng-container>
+                            <ng-container *ngSwitchDefault>
+                                {{nodeText(node)}}
+                            </ng-container>
+                        </ng-container>
+                    </span>
+                </span>
+            </div>
+            <ul
+                *ngIf="isExpanded(node, nodeIndex(index)) && hasChildren(node)"
+                kendoTreeViewGroup
+                role="group"
+                [nodes]="fetchChildren"
+                [loadOnDemand]="loadOnDemand"
+                [checkboxes]="checkboxes"
+                [expandIcons]="expandIcons"
+                [selectable]="selectable"
+                [touchActions]="touchActions"
+                [children]="children"
+                [hasChildren]="hasChildren"
+                [isChecked]="isChecked"
+                [isDisabled]="isDisabled"
+                [disabled]="disabled || isDisabled(node, nodeIndex(index))"
+                [isExpanded]="isExpanded"
+                [isSelected]="isSelected"
+                [isVisible]="isVisible"
+                [nodeTemplateRef]="nodeTemplateRef"
+                [loadMoreButtonTemplateRef]="loadMoreButtonTemplateRef"
+                [parentIndex]="nodeIndex(index)"
+                [parentDataItem]="node"
+                [textField]="nextFields"
+                [loadMoreService]="loadMoreService"
+                [@toggle]="true"
+                [trackBy]="trackBy"
+            >
+            </ul>
+        </li>
+        <li
+            *ngIf="initialNodesLoaded && moreNodesAvailable"
+            class="k-treeview-item"
+            [class.k-treeview-load-more-checkboxes-container]="checkboxes"
+            kendoTreeViewItem
+            role="button"
+            [selectable]="false"
+            [checkable]="false"
+            [expandable]="false"
+            [index]="loadMoreButtonIndex"
+            [parentDataItem]="parentDataItem"
+            [parentIndex]="parentIndex"
+            [attr.data-treeindex]="loadMoreButtonIndex"
+        >
+            <div class="k-treeview-mid">
+                <span
+                    *ngIf="loadingMoreNodes"
+                    class="k-icon k-i-loading k-i-expand"
+                >
+                </span>
+                <span
+                    class="k-treeview-leaf k-treeview-load-more-button"
+                    [attr.data-treeindex]="loadMoreButtonIndex"
+                    kendoTreeViewItemContent
+                    [index]="loadMoreButtonIndex"
+                >
+                    <span class="k-treeview-leaf-text">
+                        <ng-template
+                            *ngIf="loadMoreButtonTemplateRef"
+                            [ngTemplateOutlet]="loadMoreButtonTemplateRef"
+                            [ngTemplateOutletContext]="{
+                                index: loadMoreButtonIndex
+                            }"
+                        >
+                        </ng-template>
+                        <ng-container *ngIf="!loadMoreButtonTemplateRef">
+                            Load more
+                        </ng-container>
+                    </span>
+                </span>
+            </div>
+        </li>
+    `, isInline: true, components: [{ type: i8.CheckBoxComponent, selector: "kendo-checkbox", inputs: ["id", "isChecked", "node", "index", "labelText", "tabindex", "size"], outputs: ["checkStateChange"] }, { type: 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: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.TreeViewItemDirective, selector: "[kendoTreeViewItem]", inputs: ["dataItem", "index", "parentDataItem", "parentIndex", "role", "loadOnDemand", "checkable", "selectable", "expandable", "isChecked", "isDisabled", "isVisible", "isExpanded", "isSelected"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.LoadingIndicatorDirective, selector: "[kendoTreeViewLoading]", inputs: ["kendoTreeViewLoading"] }, { type: i12.TreeViewItemContentDirective, selector: "[kendoTreeViewItemContent]", inputs: ["dataItem", "index", "initialSelection", "isSelected"] }, { type: i9.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i9.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i9.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i9.NgSwitchDefault, selector: "[ngSwitchDefault]" }], animations: [
+        trigger('toggle', [
+            transition('void => *', [
+                style({ height: 0 }),
+                animate('0.1s ease-in', style({ height: "*" }))
+            ]),
+            transition('* => void', [
+                style({ height: "*" }),
+                animate('0.1s ease-in', style({ height: 0 }))
             ])
-        ],
-        selector: '[kendoTreeViewGroup]',
-        template: `
+        ])
+    ] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TreeViewGroupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    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: `
         <li
             *ngFor="let node of data; let index = index; trackBy: trackBy"
             class="k-treeview-item"
@@ -387,7 +454,7 @@ TreeViewGroupComponent = tslib_1.__decorate([
                     [index]="nodeIndex(index)"
                     [isChecked]="isChecked"
                     (checkStateChange)="checkNode(nodeIndex(index))"
-                    tabindex="-1"
+                    [tabindex]="-1"
                 ></kendo-checkbox>
                 <span kendoTreeViewItemContent
                     [attr.data-treeindex]="nodeIndex(index)"
@@ -489,14 +556,55 @@ TreeViewGroupComponent = tslib_1.__decorate([
             </div>
         </li>
     `
-    }),
-    tslib_1.__metadata("design:paramtypes", [ExpandStateService,
-        LoadingNotificationService,
-        IndexBuilderService,
-        TreeViewLookupService,
-        NavigationService,
-        NodeChildrenService,
-        DataChangeNotificationService,
-        ChangeDetectorRef])
-], TreeViewGroupComponent);
-export { TreeViewGroupComponent };
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ExpandStateService }, { type: i2.LoadingNotificationService }, { type: i3.IndexBuilderService }, { type: i4.TreeViewLookupService }, { type: i5.NavigationService }, { type: i6.NodeChildrenService }, { type: i7.DataChangeNotificationService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { kGroupClass: [{
+                type: HostBinding,
+                args: ["class.k-treeview-group"]
+            }], role: [{
+                type: HostBinding,
+                args: ["attr.role"]
+            }], checkboxes: [{
+                type: Input
+            }], expandIcons: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], selectable: [{
+                type: Input
+            }], touchActions: [{
+                type: Input
+            }], loadOnDemand: [{
+                type: Input
+            }], trackBy: [{
+                type: Input
+            }], nodes: [{
+                type: Input
+            }], textField: [{
+                type: Input
+            }], parentDataItem: [{
+                type: Input
+            }], parentIndex: [{
+                type: Input
+            }], nodeTemplateRef: [{
+                type: Input
+            }], loadMoreButtonTemplateRef: [{
+                type: Input
+            }], loadMoreService: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], isChecked: [{
+                type: Input
+            }], isDisabled: [{
+                type: Input
+            }], isExpanded: [{
+                type: Input
+            }], isVisible: [{
+                type: Input
+            }], isSelected: [{
+                type: Input
+            }], children: [{
+                type: Input
+            }], hasChildren: [{
+                type: Input
+            }] } });

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

@@ -2,19 +2,19 @@
 * 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 { Directive, Input } from '@angular/core';
 import { isSelected } from './default-callbacks';
 import { Subscription } from 'rxjs';
 import { filter } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "./navigation/navigation.service";
+import * as i2 from "./selection/selection.service";
 /**
  * @hidden
  *
  * A directive which manages the expanded state of the TreeView.
  */
-let TreeViewItemContentDirective = class TreeViewItemContentDirective {
+export class TreeViewItemContentDirective {
     constructor(element, navigationService, selectionService, renderer) {
         this.element = element;
         this.navigationService = navigationService;
@@ -54,28 +54,18 @@ let TreeViewItemContentDirective = class TreeViewItemContentDirective {
         const 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);
-export { TreeViewItemContentDirective };
+}
+TreeViewItemContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TreeViewItemContentDirective, deps: [{ token: i0.ElementRef }, { token: i1.NavigationService }, { token: i2.SelectionService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+TreeViewItemContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TreeViewItemContentDirective, selector: "[kendoTreeViewItemContent]", inputs: { dataItem: "dataItem", index: "index", initialSelection: "initialSelection", isSelected: "isSelected" }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TreeViewItemContentDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[kendoTreeViewItemContent]' }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.NavigationService }, { type: i2.SelectionService }, { type: i0.Renderer2 }]; }, propDecorators: { dataItem: [{
+                type: Input
+            }], index: [{
+                type: Input
+            }], initialSelection: [{
+                type: Input
+            }], isSelected: [{
+                type: Input
+            }] } });

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;
@@ -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
+            }] } });