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

package/{dist/es2015/drag-and-drop → drag-and-drop}/drop-hint/drop-hint.service.d.ts

@@ -7,6 +7,7 @@ import { DropHintComponent } from './drop-hint.component';
 import { DragAndDropAssetService } from '../editing-services/drag-and-drop-asset.service';
 import { DropAction } from '../models';
 import { TreeItemLookup } from '../../treeitem-lookup.interface';
+import * as i0 from "@angular/core";
 /**
  * @hidden
  */
@@ -15,4 +16,6 @@ export declare class DropHintService extends DragAndDropAssetService<DropHintCom
     constructor(componentFactoryResolver: ComponentFactoryResolver);
     initialize(container: ViewContainerRef, template?: TemplateRef<any>): void;
     updateDropHintData(action: DropAction, sourceItem: TreeItemLookup, destinationItem: TreeItemLookup): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropHintService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DropHintService>;
 }

package/{dist/es2015/drag-and-drop → drag-and-drop}/editing-services/drag-and-drop-asset.service.d.ts

@@ -3,16 +3,20 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ComponentRef, ViewContainerRef, TemplateRef, OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
 /**
  * @hidden
  */
 export declare abstract class DragAndDropAssetService<T> implements OnDestroy {
-    protected componentRef: ComponentRef<T>;
-    protected readonly element: HTMLElement;
+    protected get componentRef(): ComponentRef<T>;
+    protected set componentRef(componentRef: ComponentRef<T>);
+    protected get element(): HTMLElement;
     protected _componentRef: ComponentRef<T>;
     abstract initialize(container: ViewContainerRef, template?: TemplateRef<any>): void;
     ngOnDestroy(): void;
     show(): void;
     hide(): void;
     move(left: number, top: number, offset?: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DragAndDropAssetService<any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DragAndDropAssetService<any>>;
 }

package/{dist/es2015 → esm2015}/check-mode.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/{dist/es2015 → esm2015}/check.directive.js

@@ -2,15 +2,14 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, EventEmitter, Input, Output, NgZone } from '@angular/core';
-import { TreeViewComponent } from './treeview.component';
+import { Directive, EventEmitter, Input, Output } from '@angular/core';
 import { fetchLoadedDescendants, isBoolean, isPresent, noop } from './utils';
 import { Subscription } from 'rxjs';
 import { filter, take, switchMap, tap } from 'rxjs/operators';
 import { isChanged } from '@progress/kendo-angular-common';
+import * as i0 from "@angular/core";
+import * as i1 from "./treeview.component";
 const indexChecked = (keys, index) => keys.filter(k => k === index).length > 0;
-const ɵ0 = indexChecked;
 const matchKey = index => k => {
     if (index === k) {
         return true;
@@ -27,12 +26,11 @@ const matchKey = index => k => {
         return { key, result: false };
     }, { key: "", result: false }).result;
 };
-const ɵ1 = matchKey;
 /**
  * A directive which manages the in-memory checked state of the TreeView node
  * ([see example]({% slug checkboxes_treeview %})).
  */
-let CheckDirective = class CheckDirective {
+export class CheckDirective {
     constructor(treeView, zone) {
         this.treeView = treeView;
         this.zone = zone;
@@ -230,32 +228,22 @@ let CheckDirective = class CheckDirective {
             this.zone.run(() => this.notify());
         }
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Function),
-    tslib_1.__metadata("design:paramtypes", [Function])
-], CheckDirective.prototype, "isChecked", null);
-tslib_1.__decorate([
-    Input("checkBy"),
-    tslib_1.__metadata("design:type", Object)
-], CheckDirective.prototype, "checkKey", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array)
-], CheckDirective.prototype, "checkedKeys", void 0);
-tslib_1.__decorate([
-    Input('kendoTreeViewCheckable'),
-    tslib_1.__metadata("design:type", Object)
-], CheckDirective.prototype, "checkable", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], CheckDirective.prototype, "checkedKeysChange", void 0);
-CheckDirective = tslib_1.__decorate([
-    Directive({ selector: '[kendoTreeViewCheckable]' }),
-    tslib_1.__metadata("design:paramtypes", [TreeViewComponent,
-        NgZone])
-], CheckDirective);
-export { CheckDirective };
-export { ɵ0, ɵ1 };
+}
+CheckDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CheckDirective, deps: [{ token: i1.TreeViewComponent }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+CheckDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: CheckDirective, selector: "[kendoTreeViewCheckable]", inputs: { isChecked: "isChecked", checkKey: ["checkBy", "checkKey"], checkedKeys: "checkedKeys", checkable: ["kendoTreeViewCheckable", "checkable"] }, outputs: { checkedKeysChange: "checkedKeysChange" }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CheckDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[kendoTreeViewCheckable]' }]
+        }], ctorParameters: function () { return [{ type: i1.TreeViewComponent }, { type: i0.NgZone }]; }, propDecorators: { isChecked: [{
+                type: Input
+            }], checkKey: [{
+                type: Input,
+                args: ["checkBy"]
+            }], checkedKeys: [{
+                type: Input
+            }], checkable: [{
+                type: Input,
+                args: ['kendoTreeViewCheckable']
+            }], checkedKeysChange: [{
+                type: Output
+            }] } });

package/{dist/es → esm2015}/checkable-settings.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

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

@@ -2,17 +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 { ChangeDetectorRef, Component, ElementRef, EventEmitter, HostBinding, Input, Output, Renderer2 } from '@angular/core';
+import { Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';
 import { guid } from '@progress/kendo-angular-common';
 import { getSizeClass } from '../utils';
+import * as i0 from "@angular/core";
 /**
  * @hidden
  *
  * Represents the CheckBox component of the Kendo UI TreeView for Angular.
  *
  */
-let CheckBoxComponent = class CheckBoxComponent {
+export class CheckBoxComponent {
     constructor(element, renderer, changeDetector) {
         this.element = element;
         this.renderer = renderer;
@@ -60,48 +60,29 @@ let CheckBoxComponent = class CheckBoxComponent {
         this.changeDetector.detectChanges();
         this.checkStateChange.emit(state);
     }
-};
-tslib_1.__decorate([
-    HostBinding('class.k-checkbox-wrapper'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], CheckBoxComponent.prototype, "classWrapper", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], CheckBoxComponent.prototype, "id", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], CheckBoxComponent.prototype, "isChecked", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], CheckBoxComponent.prototype, "node", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], CheckBoxComponent.prototype, "index", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], CheckBoxComponent.prototype, "labelText", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], CheckBoxComponent.prototype, "tabindex", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], CheckBoxComponent.prototype, "size", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], CheckBoxComponent.prototype, "checkStateChange", void 0);
-CheckBoxComponent = tslib_1.__decorate([
-    Component({
-        selector: 'kendo-checkbox',
-        template: `
+}
+CheckBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CheckBoxComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+CheckBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CheckBoxComponent, selector: "kendo-checkbox", inputs: { id: "id", isChecked: "isChecked", node: "node", index: "index", labelText: "labelText", tabindex: "tabindex", size: "size" }, outputs: { checkStateChange: "checkStateChange" }, host: { properties: { "class.k-checkbox-wrapper": "this.classWrapper" } }, ngImport: i0, template: `
+        <input
+            type="checkbox"
+            [class]="checkBoxClasses"
+            [id]="id"
+            [checked]="checked"
+            [indeterminate]="indeterminate"
+            [tabindex]="tabindex"
+            (change)="handleChange($event)"
+        />
+        <label
+            class="k-checkbox-label"
+            tabindex="-1"
+            [for]="id"
+        >{{labelText}}</label>
+    `, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CheckBoxComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-checkbox',
+                    template: `
         <input
             type="checkbox"
             [class]="checkBoxClasses"
@@ -117,9 +98,24 @@ CheckBoxComponent = tslib_1.__decorate([
             [for]="id"
         >{{labelText}}</label>
     `
-    }),
-    tslib_1.__metadata("design:paramtypes", [ElementRef,
-        Renderer2,
-        ChangeDetectorRef])
-], CheckBoxComponent);
-export { CheckBoxComponent };
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { classWrapper: [{
+                type: HostBinding,
+                args: ['class.k-checkbox-wrapper']
+            }], id: [{
+                type: Input
+            }], isChecked: [{
+                type: Input
+            }], node: [{
+                type: Input
+            }], index: [{
+                type: Input
+            }], labelText: [{
+                type: Input
+            }], tabindex: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], checkStateChange: [{
+                type: Output
+            }] } });

package/esm2015/checkbox/checkbox.module.js

@@ -0,0 +1,27 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { NgModule } from '@angular/core';
+import { CheckBoxComponent } from './checkbox.component';
+import * as i0 from "@angular/core";
+const COMPONENT_DIRECTIVES = [
+    CheckBoxComponent
+];
+/**
+ * @hidden
+ *
+ * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }}) definition for the CheckBox component.
+ */
+export class CheckBoxModule {
+}
+CheckBoxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CheckBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CheckBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CheckBoxModule, declarations: [CheckBoxComponent], exports: [CheckBoxComponent] });
+CheckBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CheckBoxModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CheckBoxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [COMPONENT_DIRECTIVES],
+                    exports: [COMPONENT_DIRECTIVES]
+                }]
+        }] });

package/{dist/es2015 → esm2015}/checkbox/checked-state.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/esm2015/data-bound-component.js

@@ -0,0 +1,19 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ *
+ * An injection token used by the data binding directives to interface with
+ * the TreeView or the DropDownTree components.
+ */
+export class DataBoundComponent {
+}
+DataBoundComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DataBoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+DataBoundComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DataBoundComponent });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DataBoundComponent, decorators: [{
+            type: Injectable
+        }] });

package/{dist/es2015 → esm2015}/disable.directive.js

@@ -2,14 +2,14 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { ChangeDetectorRef, Directive, Input } from '@angular/core';
-import { TreeViewComponent } from './treeview.component';
+import { Directive, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./treeview.component";
 /**
  * A directive which manages the disabled in-memory state of the TreeView node
  * ([see example]({% slug disabledstate_treeview %})).
  */
-let DisableDirective = class DisableDirective {
+export class DisableDirective {
     constructor(treeView, cdr) {
         this.treeView = treeView;
         this.cdr = cdr;
@@ -42,23 +42,17 @@ let DisableDirective = class DisableDirective {
             return this.disableKey(e);
         }
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Function),
-    tslib_1.__metadata("design:paramtypes", [Function])
-], DisableDirective.prototype, "isDisabled", null);
-tslib_1.__decorate([
-    Input("kendoTreeViewDisable"),
-    tslib_1.__metadata("design:type", Object)
-], DisableDirective.prototype, "disableKey", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array)
-], DisableDirective.prototype, "disabledKeys", void 0);
-DisableDirective = tslib_1.__decorate([
-    Directive({ selector: '[kendoTreeViewDisable]' }),
-    tslib_1.__metadata("design:paramtypes", [TreeViewComponent,
-        ChangeDetectorRef])
-], DisableDirective);
-export { DisableDirective };
+}
+DisableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DisableDirective, deps: [{ token: i1.TreeViewComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+DisableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: DisableDirective, selector: "[kendoTreeViewDisable]", inputs: { isDisabled: "isDisabled", disableKey: ["kendoTreeViewDisable", "disableKey"], disabledKeys: "disabledKeys" }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DisableDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[kendoTreeViewDisable]' }]
+        }], ctorParameters: function () { return [{ type: i1.TreeViewComponent }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { isDisabled: [{
+                type: Input
+            }], disableKey: [{
+                type: Input,
+                args: ["kendoTreeViewDisable"]
+            }], disabledKeys: [{
+                type: Input
+            }] } });

package/{dist/es2015 → esm2015}/drag-and-drop/drag-and-drop-editing.directive.js

@@ -2,11 +2,11 @@
 * 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, Input } from '@angular/core';
 import { Subscription } from 'rxjs';
-import { TreeViewComponent } from '../treeview.component';
 import { isPresent } from '../utils';
+import * as i0 from "@angular/core";
+import * as i1 from "../treeview.component";
 /**
  * A directive which enables the update of the initially provided data array during drag-and-drop.
  *
@@ -16,7 +16,7 @@ import { isPresent } from '../utils';
  * [`addItem`]({% slug api_treeview_treeviewcomponent %}#toc-additem) and [`removeItem`]({% slug api_treeview_treeviewcomponent %}#toc-removeitem)
  * handlers when the corresponding events are triggered by the TreeView component.
  */
-let DragAndDropEditingDirective = class DragAndDropEditingDirective {
+export class DragAndDropEditingDirective {
     constructor(treeview) {
         this.treeview = treeview;
         this.subscriptions = new Subscription();
@@ -45,16 +45,14 @@ let DragAndDropEditingDirective = class DragAndDropEditingDirective {
         }
         this.treeview.editService.remove(args);
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object),
-    tslib_1.__metadata("design:paramtypes", [Object])
-], DragAndDropEditingDirective.prototype, "editService", null);
-DragAndDropEditingDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoTreeViewDragAndDropEditing]'
-    }),
-    tslib_1.__metadata("design:paramtypes", [TreeViewComponent])
-], DragAndDropEditingDirective);
-export { DragAndDropEditingDirective };
+}
+DragAndDropEditingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DragAndDropEditingDirective, deps: [{ token: i1.TreeViewComponent }], target: i0.ɵɵFactoryTarget.Directive });
+DragAndDropEditingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: DragAndDropEditingDirective, selector: "[kendoTreeViewDragAndDropEditing]", inputs: { editService: "editService" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DragAndDropEditingDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoTreeViewDragAndDropEditing]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.TreeViewComponent }]; }, propDecorators: { editService: [{
+                type: Input
+            }] } });

package/{dist/es2015 → esm2015}/drag-and-drop/drag-and-drop-utils.js

@@ -5,7 +5,11 @@
 import { isDocumentAvailable } from '@progress/kendo-angular-common';
 import { isPresent, closestNode, closestWithMatch, hasParent, isContent, nodeId, getContentElement } from '../utils';
 import { DropPosition, DropAction, ScrollDirection } from './models';
-const ɵ0 = () => {
+/**
+ * Checks if the browser supports relative stacking context.
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
+ */
+const hasRelativeStackingContext = memoize(() => {
     if (!(isDocumentAvailable() && isPresent(document.body))) {
         return false;
     }
@@ -17,12 +21,7 @@ const ɵ0 = () => {
     const isDifferent = parent.children[0].getBoundingClientRect().top !== top;
     document.body.removeChild(parent);
     return isDifferent;
-};
-/**
- * Checks if the browser supports relative stacking context.
- * https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
- */
-const hasRelativeStackingContext = memoize(ɵ0);
+});
 /**
  * Stores the result of the passed function's first invokation and returns it instead of invoking it again afterwards.
  */
@@ -231,7 +230,6 @@ export const getScrollableContainer = (node) => {
  * Floors the scrollTop value.
  */
 const isTopReached = (element) => Math.floor(element.scrollTop) <= 0;
-const ɵ1 = isTopReached;
 /**
  * @hidden
  *
@@ -239,7 +237,6 @@ const ɵ1 = isTopReached;
  * Ceils the scrollTop value.
  */
 const isBottomReached = (element) => Math.ceil(element.scrollTop) >= element.scrollHeight - element.clientHeight;
-const ɵ2 = isBottomReached;
 /**
  * @hidden
  *
@@ -267,4 +264,3 @@ export const scrollElementBy = (element, step, direction) => {
         iterations += 1;
     }
 };
-export { ɵ0, ɵ1, ɵ2 };

package/{dist/es2015 → esm2015}/drag-and-drop/drag-and-drop.directive.js

@@ -2,8 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, ElementRef, NgZone, ContentChild, Input, HostBinding } from '@angular/core';
+import { Directive, ContentChild, Input, HostBinding } from '@angular/core';
 import { hasObservers } from '@progress/kendo-angular-common';
 import Draggable from '@telerik/kendo-draggable';
 import { DragClueService } from './drag-clue/drag-clue.service';
@@ -12,8 +11,11 @@ import { DragClueTemplateDirective } from './drag-clue/drag-clue-template.direct
 import { DropHintTemplateDirective } from './drop-hint/drop-hint-template.directive';
 import { getDropAction, getDropPosition, treeItemFromEventTarget, getContainerOffset, getDropTarget } from './drag-and-drop-utils';
 import { closestWithMatch, isPresent, isContent } from '../utils';
-import { TreeViewComponent } from '../treeview.component';
 import { TreeItemDropEvent, DropPosition, TreeItemDragStartEvent } from './models';
+import * as i0 from "@angular/core";
+import * as i1 from "../treeview.component";
+import * as i2 from "./drag-clue/drag-clue.service";
+import * as i3 from "./drop-hint/drop-hint.service";
 const DEFAULT_SCROLL_SETTINGS = {
     enabled: true,
     step: 1,
@@ -31,7 +33,7 @@ const DEFAULT_SCROLL_SETTINGS = {
  * [`removeItem`]({% slug api_treeview_treeviewcomponent %}#toc-removeitem)
  * events when the corresponding actions occur on the respective TreeView instance.
  */
-let DragAndDropDirective = class DragAndDropDirective {
+export class DragAndDropDirective {
     constructor(element, zone, treeview, dragClueService, dropHintService) {
         this.element = element;
         this.zone = zone;
@@ -267,50 +269,45 @@ let DragAndDropDirective = class DragAndDropDirective {
         this.containerOffset = getContainerOffset(this.draggedItem);
         this.pendingDragStartEvent = null;
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], DragAndDropDirective.prototype, "allowCopy", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array)
-], DragAndDropDirective.prototype, "dropZoneTreeViews", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], DragAndDropDirective.prototype, "startDragAfter", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], DragAndDropDirective.prototype, "autoScroll", void 0);
-tslib_1.__decorate([
-    ContentChild(DragClueTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", DragClueTemplateDirective)
-], DragAndDropDirective.prototype, "dragClueTemplate", void 0);
-tslib_1.__decorate([
-    ContentChild(DropHintTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", DropHintTemplateDirective)
-], DragAndDropDirective.prototype, "dropHintTemplate", void 0);
-tslib_1.__decorate([
-    HostBinding('style.user-select'),
-    HostBinding('style.-ms-user-select'),
-    HostBinding('style.-moz-user-select'),
-    HostBinding('style.-webkit-user-select'),
-    tslib_1.__metadata("design:type", String)
-], DragAndDropDirective.prototype, "userSelectStyle", void 0);
-DragAndDropDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoTreeViewDragAndDrop]',
-        providers: [
-            DragClueService,
-            DropHintService
-        ]
-    }),
-    tslib_1.__metadata("design:paramtypes", [ElementRef,
-        NgZone,
-        TreeViewComponent,
+}
+DragAndDropDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DragAndDropDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.TreeViewComponent }, { token: i2.DragClueService }, { token: i3.DropHintService }], target: i0.ɵɵFactoryTarget.Directive });
+DragAndDropDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: DragAndDropDirective, selector: "[kendoTreeViewDragAndDrop]", inputs: { allowCopy: "allowCopy", dropZoneTreeViews: "dropZoneTreeViews", startDragAfter: "startDragAfter", autoScroll: "autoScroll" }, host: { properties: { "style.user-select": "this.userSelectStyle", "style.-ms-user-select": "this.userSelectStyle", "style.-moz-user-select": "this.userSelectStyle", "style.-webkit-user-select": "this.userSelectStyle" } }, providers: [
         DragClueService,
-        DropHintService])
-], DragAndDropDirective);
-export { DragAndDropDirective };
+        DropHintService
+    ], queries: [{ propertyName: "dragClueTemplate", first: true, predicate: DragClueTemplateDirective, descendants: true }, { propertyName: "dropHintTemplate", first: true, predicate: DropHintTemplateDirective, descendants: true }], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DragAndDropDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoTreeViewDragAndDrop]',
+                    providers: [
+                        DragClueService,
+                        DropHintService
+                    ]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i1.TreeViewComponent }, { type: i2.DragClueService }, { type: i3.DropHintService }]; }, propDecorators: { allowCopy: [{
+                type: Input
+            }], dropZoneTreeViews: [{
+                type: Input
+            }], startDragAfter: [{
+                type: Input
+            }], autoScroll: [{
+                type: Input
+            }], dragClueTemplate: [{
+                type: ContentChild,
+                args: [DragClueTemplateDirective, { static: false }]
+            }], dropHintTemplate: [{
+                type: ContentChild,
+                args: [DropHintTemplateDirective, { static: false }]
+            }], userSelectStyle: [{
+                type: HostBinding,
+                args: ['style.user-select']
+            }, {
+                type: HostBinding,
+                args: ['style.-ms-user-select']
+            }, {
+                type: HostBinding,
+                args: ['style.-moz-user-select']
+            }, {
+                type: HostBinding,
+                args: ['style.-webkit-user-select']
+            }] } });