@progress/kendo-angular-treelist 3.1.3-dev.202110041229

package/dist/npm/dragdrop/column-reorder-config.js

@@ -0,0 +1,6 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/dragdrop/column-reorder-event.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
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var preventable_event_1 = require("../common/preventable-event");
+/**
+ * Arguments for the `columnReorder` event.
+ */
+var ColumnReorderEvent = /** @class */ (function (_super) {
+    tslib_1.__extends(ColumnReorderEvent, _super);
+    /**
+     * @hidden
+     */
+    function ColumnReorderEvent(_a) {
+        var column = _a.column, newIndex = _a.newIndex, oldIndex = _a.oldIndex;
+        var _this = _super.call(this) || this;
+        _this.column = column;
+        _this.newIndex = newIndex;
+        _this.oldIndex = oldIndex;
+        return _this;
+    }
+    return ColumnReorderEvent;
+}(preventable_event_1.PreventableEvent));
+exports.ColumnReorderEvent = ColumnReorderEvent;

package/dist/npm/dragdrop/column-reorder.service.js

@@ -0,0 +1,24 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+/**
+ * @hidden
+ */
+var ColumnReorderService = /** @class */ (function () {
+    function ColumnReorderService() {
+        this.changes = new core_1.EventEmitter();
+    }
+    ColumnReorderService.prototype.reorder = function (e) {
+        this.changes.emit(e);
+    };
+    ColumnReorderService = tslib_1.__decorate([
+        core_1.Injectable()
+    ], ColumnReorderService);
+    return ColumnReorderService;
+}());
+exports.ColumnReorderService = ColumnReorderService;

package/dist/npm/dragdrop/common.js

@@ -0,0 +1,75 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+/* tslint:disable: no-bitwise */
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * @hidden
+ */
+exports.append = function (element) {
+    var appended = false;
+    return function () {
+        if (!appended) {
+            document.body.appendChild(element);
+            appended = true;
+        }
+        return element;
+    };
+};
+/**
+ * @hidden
+ */
+var getDocument = function (element) { return element.ownerDocument.documentElement; };
+var ɵ0 = getDocument;
+exports.ɵ0 = ɵ0;
+/**
+ * @hidden
+ */
+var getWindow = function (element) { return element.ownerDocument.defaultView; };
+var ɵ1 = getWindow;
+exports.ɵ1 = ɵ1;
+/**
+ * @hidden
+ */
+exports.offset = function (element) {
+    var _a = getDocument(element), clientTop = _a.clientTop, clientLeft = _a.clientLeft;
+    var _b = getWindow(element), pageYOffset = _b.pageYOffset, pageXOffset = _b.pageXOffset;
+    var _c = element.getBoundingClientRect(), top = _c.top, left = _c.left;
+    return {
+        top: top + pageYOffset - clientTop,
+        left: left + pageXOffset - clientLeft
+    };
+};
+/**
+ * @hidden
+ * If the target is before the draggable element, returns `true`.
+ *
+ * DOCUMENT_POSITION_FOLLOWING = 4
+ */
+exports.isTargetBefore = function (draggable, target) {
+    return (target.compareDocumentPosition(draggable) & 4) !== 0;
+};
+/**
+ * @hidden
+ * If the container and the element are the same
+ * or if the container holds (contains) the element, returns `true`.
+ *
+ * DOCUMENT_POSITION_CONTAINED_BY = 16
+ */
+exports.contains = function (element, container) {
+    return element === container ||
+        (container.compareDocumentPosition(element) & 16) !== 0;
+};
+/**
+ * @hidden
+ */
+exports.position = function (target, before) {
+    var targetRect = exports.offset(target);
+    var offsetWidth = target.offsetWidth, offsetHeight = target.offsetHeight;
+    var left = targetRect.left + (before ? 0 : offsetWidth);
+    var top = targetRect.top;
+    var height = offsetHeight;
+    return { left: left, top: top, height: height };
+};

package/dist/npm/dragdrop/context-types.js

@@ -0,0 +1,6 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/dragdrop/drag-and-drop.module.js

@@ -0,0 +1,29 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var draggable_column_directive_1 = require("./draggable-column.directive");
+var drop_target_directive_1 = require("./drop-target.directive");
+var exported = [
+    draggable_column_directive_1.DraggableColumnDirective,
+    drop_target_directive_1.DropTargetDirective
+];
+/**
+ * @hidden
+ */
+var DragAndDropModule = /** @class */ (function () {
+    function DragAndDropModule() {
+    }
+    DragAndDropModule = tslib_1.__decorate([
+        core_1.NgModule({
+            declarations: [exported],
+            exports: [exported]
+        })
+    ], DragAndDropModule);
+    return DragAndDropModule;
+}());
+exports.DragAndDropModule = DragAndDropModule;

package/dist/npm/dragdrop/drag-and-drop.service.js

@@ -0,0 +1,67 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var common_1 = require("./common");
+/**
+ * @hidden
+ */
+var DragAndDropService = /** @class */ (function () {
+    function DragAndDropService() {
+        this.changes = new core_1.EventEmitter();
+        this.register = [];
+        this.lastTarget = null;
+    }
+    DragAndDropService.prototype.add = function (target) {
+        this.register.push(target);
+    };
+    DragAndDropService.prototype.remove = function (target) {
+        this.register = this.register.filter(function (current) { return current !== target; });
+    };
+    DragAndDropService.prototype.notifyDrag = function (draggable, element, mouseEvent) {
+        var target = this.targetFor(element);
+        if (this.lastTarget === target) {
+            return;
+        }
+        this.changes.next({
+            draggable: draggable,
+            mouseEvent: mouseEvent,
+            target: this.lastTarget,
+            type: 'leave'
+        });
+        if (target) {
+            this.changes.next({
+                draggable: draggable,
+                mouseEvent: mouseEvent,
+                target: target,
+                type: 'enter'
+            });
+        }
+        this.lastTarget = target;
+    };
+    DragAndDropService.prototype.notifyDrop = function (draggable, mouseEvent) {
+        this.changes.next({
+            draggable: draggable,
+            mouseEvent: mouseEvent,
+            target: this.lastTarget,
+            type: 'drop'
+        });
+        this.lastTarget = null;
+    };
+    DragAndDropService.prototype.targetFor = function (element) {
+        var comparer = common_1.contains.bind(null, element);
+        return this.register.find(function (_a) {
+            var nativeElement = _a.element.nativeElement;
+            return comparer(nativeElement);
+        });
+    };
+    DragAndDropService = tslib_1.__decorate([
+        core_1.Injectable()
+    ], DragAndDropService);
+    return DragAndDropService;
+}());
+exports.DragAndDropService = DragAndDropService;

package/dist/npm/dragdrop/drag-hint.service.js

@@ -0,0 +1,99 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var platform_browser_1 = require("@angular/platform-browser");
+var common_1 = require("./common");
+var updateClass = function (element, valid) {
+    var icon = element.querySelector('.k-icon');
+    icon.className = icon.className
+        .replace(/(plus|cancel)/, valid ? 'plus' : 'cancel');
+};
+var ɵ0 = updateClass;
+exports.ɵ0 = ɵ0;
+var updateLock = function (element, locked) {
+    if (locked === void 0) { locked = null; }
+    var icon = element.querySelectorAll('.k-icon')[1];
+    var value = locked == null ? '' : (locked ? 'k-i-lock' : 'k-i-unlock');
+    icon.className = icon.className
+        .replace(/(k-i-unlock|k-i-lock)/, '') + (" " + value);
+};
+var ɵ1 = updateLock;
+exports.ɵ1 = ɵ1;
+var decorate = function (element, target) {
+    var targetStyles = getComputedStyle(target);
+    element.className = 'k-header k-drag-clue';
+    element.style.position = 'absolute';
+    element.style.zIndex = '20000';
+    element.style.paddingLeft = targetStyles.paddingLeft;
+    element.style.paddingTop = targetStyles.paddingTop;
+    element.style.paddingBottom = targetStyles.paddingBottom;
+    element.style.paddingRight = targetStyles.paddingRight;
+    element.style.width = targetStyles.width;
+    element.style.height = targetStyles.height;
+};
+var ɵ2 = decorate;
+exports.ɵ2 = ɵ2;
+/**
+ * @hidden
+ */
+var DragHintService = /** @class */ (function () {
+    function DragHintService(santizer) {
+        this.santizer = santizer;
+    }
+    DragHintService.prototype.create = function (down, target, title) {
+        this.initCoords(down);
+        this.dom = document.createElement("div");
+        decorate(this.dom, target);
+        var safeTitle = this.santizer.sanitize(core_1.SecurityContext.HTML, title);
+        this.dom.innerHTML = "\n            <span class=\"k-icon k-drag-status k-i-cancel k-icon-with-modifier\">\n                <span class=\"k-icon k-icon-modifier\"></span>\n            </span>\n            " + safeTitle + "\n        ";
+    };
+    DragHintService.prototype.attach = function () {
+        return common_1.append(this.dom);
+    };
+    DragHintService.prototype.remove = function () {
+        if (this.dom && this.dom.parentNode) {
+            (function (el) {
+                setTimeout(function () { return document.body.removeChild(el); });
+            })(this.dom); // hack for IE + pointer events!
+            this.dom = null;
+        }
+    };
+    DragHintService.prototype.show = function () {
+        this.dom.style.display = "";
+    };
+    DragHintService.prototype.hide = function () {
+        this.dom.style.display = "none";
+    };
+    DragHintService.prototype.enable = function () {
+        updateClass(this.dom, true);
+    };
+    DragHintService.prototype.disable = function () {
+        updateClass(this.dom, false);
+    };
+    DragHintService.prototype.removeLock = function () {
+        updateLock(this.dom);
+    };
+    DragHintService.prototype.toggleLock = function (locked) {
+        updateLock(this.dom, locked);
+    };
+    DragHintService.prototype.move = function (move) {
+        this.dom.style.top = this.initialTop + move.pageY + 'px';
+        this.dom.style.left = this.initialLeft + move.pageX + 'px';
+    };
+    DragHintService.prototype.initCoords = function (down) {
+        var _a = common_1.offset(down.originalEvent.target), top = _a.top, left = _a.left;
+        this.initialTop = top - down.pageY;
+        this.initialLeft = left - down.pageX;
+    };
+    DragHintService = tslib_1.__decorate([
+        core_1.Injectable(),
+        tslib_1.__metadata("design:paramtypes", [platform_browser_1.DomSanitizer])
+    ], DragHintService);
+    return DragHintService;
+}());
+exports.DragHintService = DragHintService;

package/dist/npm/dragdrop/draggable-column.directive.js

@@ -0,0 +1,175 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var rxjs_1 = require("rxjs");
+var kendo_angular_common_1 = require("@progress/kendo-angular-common");
+var drag_and_drop_service_1 = require("./drag-and-drop.service");
+var drag_hint_service_1 = require("./drag-hint.service");
+var drop_cue_service_1 = require("./drop-cue.service");
+var utils_1 = require("../utils");
+var navigation_service_1 = require("../navigation/navigation.service");
+var operators_1 = require("rxjs/operators");
+var dom_queries_1 = require("../rendering/common/dom-queries");
+// TODO
+// tslint:disable:rxjs-no-unsafe-takeuntil
+/**
+ * @hidden
+ */
+var preventOnDblClick = function (release) { return function (mouseDown) {
+    return rxjs_1.of(mouseDown).pipe(operators_1.delay(150), operators_1.takeUntil(release));
+}; };
+var ɵ0 = preventOnDblClick;
+exports.ɵ0 = ɵ0;
+var hasClass = function (className) { return function (el) { return new RegExp("(^| )" + className + "( |$)").test(el.className); }; };
+var ɵ1 = hasClass;
+exports.ɵ1 = ɵ1;
+var isDeleteButton = utils_1.or(hasClass("k-i-group-delete"), hasClass("k-button-icon"));
+var isSortIcon = utils_1.or(hasClass("k-i-sort-asc-sm"), hasClass("k-i-sort-desc-sm"));
+var skipButtons = utils_1.and(utils_1.not(isDeleteButton), utils_1.not(isSortIcon), utils_1.not(dom_queries_1.isFocusableWithTabKey), utils_1.not(dom_queries_1.matchesNodeName("label")));
+var elementUnderCursor = function (_a) {
+    var clientX = _a.clientX, clientY = _a.clientY;
+    return document.elementFromPoint(clientX, clientY);
+};
+var ɵ2 = elementUnderCursor;
+exports.ɵ2 = ɵ2;
+var hideThenShow = function (element, cont) {
+    element.style.display = 'none';
+    var result = cont();
+    element.style.display = 'block';
+    return result;
+};
+var ɵ3 = hideThenShow;
+exports.ɵ3 = ɵ3;
+/**
+ * @hidden
+ */
+var DraggableColumnDirective = /** @class */ (function () {
+    function DraggableColumnDirective(draggable, element, zone, service, hint, cue, nav, renderer) {
+        this.draggable = draggable;
+        this.element = element;
+        this.zone = zone;
+        this.service = service;
+        this.hint = hint;
+        this.cue = cue;
+        this.nav = nav;
+        this.renderer = renderer;
+        this.context = {};
+        this.drag = new core_1.EventEmitter();
+        this.subscriptions = new rxjs_1.Subscription();
+    }
+    Object.defineProperty(DraggableColumnDirective.prototype, "enableDrag", {
+        set: function (enabled) {
+            this.enabled = enabled;
+            this.updateTouchAction();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DraggableColumnDirective.prototype, "hostClass", {
+        get: function () {
+            return this.enabled;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    DraggableColumnDirective.prototype.ngOnInit = function () {
+        var _this = this;
+        this.subscriptions.add(this.zone.runOutsideAngular(function () {
+            return _this.draggable.kendoPress.pipe(operators_1.filter(function (_) { return _this.enabled; }), operators_1.filter(function (_a) {
+                var target = _a.originalEvent.target;
+                return target === _this.element.nativeElement || skipButtons(target);
+            }), operators_1.tap(function (e) {
+                var originalEvent = e.originalEvent;
+                if (!e.isTouch) {
+                    originalEvent.preventDefault();
+                }
+                _this.nav.navigateTo(originalEvent.target);
+            }), operators_1.switchMap(preventOnDblClick(_this.draggable.kendoRelease)), operators_1.tap(function (down) {
+                _this.hint.create(down, _this.element.nativeElement, _this.context.hint);
+                _this.cue.create();
+            }), operators_1.switchMap(function (down) {
+                return _this.draggable.kendoDrag.pipe(operators_1.tap(function (e) {
+                    if (e.isTouch) {
+                        e.originalEvent.preventDefault();
+                    }
+                }), operators_1.tap(_this.hint.attach()), operators_1.tap(_this.cue.attach()), operators_1.takeUntil(_this.draggable.kendoRelease), operators_1.map(function (move) { return ({ move: move, down: down }); }));
+            }), operators_1.tap(_this.performDrag.bind(_this)), operators_1.switchMapTo(_this.draggable.kendoRelease)).subscribe(_this.drop.bind(_this));
+        }));
+    };
+    DraggableColumnDirective.prototype.ngOnDestroy = function () {
+        if (this.subscriptions) {
+            this.subscriptions.unsubscribe();
+        }
+    };
+    DraggableColumnDirective.prototype.drop = function (upEvent) {
+        this.hint.remove();
+        this.cue.remove();
+        this.service.notifyDrop(this, upEvent);
+    };
+    DraggableColumnDirective.prototype.performDrag = function (_a) {
+        var move = _a.move;
+        this.hint.move(move);
+        var cursorElement = this.elementUnderCursor(move);
+        if (cursorElement) {
+            this.service.notifyDrag(this, cursorElement, move);
+        }
+        this.drag.emit({
+            draggable: this,
+            mouseEvent: move
+        });
+    };
+    DraggableColumnDirective.prototype.elementUnderCursor = function (mouseEvent) {
+        this.hint.hide();
+        var target = elementUnderCursor(mouseEvent);
+        if (target && /k-grouping-dropclue/.test(target.className)) {
+            target = hideThenShow(target, elementUnderCursor.bind(this, mouseEvent));
+        }
+        this.hint.show();
+        return target;
+    };
+    DraggableColumnDirective.prototype.updateTouchAction = function () {
+        if (!this.element) {
+            return;
+        }
+        this.renderer.setStyle(this.element.nativeElement, 'touch-action', this.enabled ? 'none' : '');
+    };
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], DraggableColumnDirective.prototype, "context", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Boolean),
+        tslib_1.__metadata("design:paramtypes", [Boolean])
+    ], DraggableColumnDirective.prototype, "enableDrag", null);
+    tslib_1.__decorate([
+        core_1.Output(),
+        tslib_1.__metadata("design:type", core_1.EventEmitter)
+    ], DraggableColumnDirective.prototype, "drag", void 0);
+    tslib_1.__decorate([
+        core_1.HostBinding('class.k-grid-draggable-header'),
+        tslib_1.__metadata("design:type", Boolean),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], DraggableColumnDirective.prototype, "hostClass", null);
+    DraggableColumnDirective = tslib_1.__decorate([
+        core_1.Directive({
+            selector: '[kendoDraggableColumn]'
+        }),
+        tslib_1.__param(0, core_1.Host()),
+        tslib_1.__metadata("design:paramtypes", [kendo_angular_common_1.DraggableDirective,
+            core_1.ElementRef,
+            core_1.NgZone,
+            drag_and_drop_service_1.DragAndDropService,
+            drag_hint_service_1.DragHintService,
+            drop_cue_service_1.DropCueService,
+            navigation_service_1.NavigationService,
+            core_1.Renderer2])
+    ], DraggableColumnDirective);
+    return DraggableColumnDirective;
+}());
+exports.DraggableColumnDirective = DraggableColumnDirective;

package/dist/npm/dragdrop/drop-cue.service.js

@@ -0,0 +1,46 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var common_1 = require("./common");
+/**
+ * @hidden
+ */
+var DropCueService = /** @class */ (function () {
+    function DropCueService() {
+    }
+    DropCueService.prototype.create = function () {
+        this.dom = document.createElement("div");
+        this.dom.className = 'k-grouping-dropclue';
+        this.hide();
+    };
+    DropCueService.prototype.attach = function () {
+        return common_1.append(this.dom);
+    };
+    DropCueService.prototype.remove = function () {
+        if (this.dom && this.dom.parentElement) {
+            document.body.removeChild(this.dom);
+            this.dom = null;
+        }
+    };
+    DropCueService.prototype.hide = function () {
+        this.dom.style.display = "none";
+    };
+    DropCueService.prototype.position = function (_a) {
+        var left = _a.left, top = _a.top, height = _a.height;
+        this.dom.style.display = 'block';
+        this.dom.style.height = height + 'px';
+        this.dom.style.top = top + 'px';
+        var width = this.dom.offsetWidth / 2;
+        this.dom.style.left = left - width + 'px';
+    };
+    DropCueService = tslib_1.__decorate([
+        core_1.Injectable()
+    ], DropCueService);
+    return DropCueService;
+}());
+exports.DropCueService = DropCueService;

package/dist/npm/dragdrop/drop-target.directive.js

@@ -0,0 +1,91 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var rxjs_1 = require("rxjs");
+var drag_and_drop_service_1 = require("./drag-and-drop.service");
+var operators_1 = require("rxjs/operators");
+/**
+ * @hidden
+ */
+var DropTargetDirective = /** @class */ (function () {
+    function DropTargetDirective(element, service) {
+        this.element = element;
+        this.service = service;
+        this.context = {};
+        this.enter = new core_1.EventEmitter();
+        this.leave = new core_1.EventEmitter();
+        this.drop = new core_1.EventEmitter();
+        this.subscriptions = new rxjs_1.Subscription();
+    }
+    DropTargetDirective.prototype.ngOnInit = function () {
+        var _this = this;
+        this.service.add(this);
+        var changes = this.service.changes.pipe(operators_1.filter(function (_a) {
+            var target = _a.target;
+            return target === _this;
+        }));
+        this.subscriptions.add(changes.pipe(operators_1.filter(function (_a) {
+            var type = _a.type;
+            return type === 'leave';
+        }))
+            .subscribe(function (e) {
+            _this.leave.next(_this.eventArgs(e));
+        }));
+        this.subscriptions.add(changes.pipe(operators_1.filter(function (_a) {
+            var type = _a.type;
+            return type === 'enter';
+        }))
+            .subscribe(function (e) {
+            _this.enter.next(_this.eventArgs(e));
+        }));
+        this.subscriptions.add(changes.pipe(operators_1.filter(function (_a) {
+            var type = _a.type;
+            return type === 'drop';
+        }))
+            .subscribe(function (e) {
+            _this.drop.next(_this.eventArgs(e));
+        }));
+    };
+    DropTargetDirective.prototype.ngOnDestroy = function () {
+        if (this.subscriptions) {
+            this.subscriptions.unsubscribe();
+        }
+    };
+    DropTargetDirective.prototype.eventArgs = function (e) {
+        return {
+            target: this,
+            mouseEvent: e.mouseEvent,
+            draggable: e.draggable
+        };
+    };
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], DropTargetDirective.prototype, "context", void 0);
+    tslib_1.__decorate([
+        core_1.Output(),
+        tslib_1.__metadata("design:type", core_1.EventEmitter)
+    ], DropTargetDirective.prototype, "enter", void 0);
+    tslib_1.__decorate([
+        core_1.Output(),
+        tslib_1.__metadata("design:type", core_1.EventEmitter)
+    ], DropTargetDirective.prototype, "leave", void 0);
+    tslib_1.__decorate([
+        core_1.Output(),
+        tslib_1.__metadata("design:type", core_1.EventEmitter)
+    ], DropTargetDirective.prototype, "drop", void 0);
+    DropTargetDirective = tslib_1.__decorate([
+        core_1.Directive({
+            selector: '[kendoDropTarget]'
+        }),
+        tslib_1.__metadata("design:paramtypes", [core_1.ElementRef,
+            drag_and_drop_service_1.DragAndDropService])
+    ], DropTargetDirective);
+    return DropTargetDirective;
+}());
+exports.DropTargetDirective = DropTargetDirective;