@progress/kendo-angular-gantt 0.2.1-dev.202112091741 → 0.3.0-dev.202201131518

package/dist/npm/scrolling/utils.js

@@ -0,0 +1,83 @@
+/**-----------------------------------------------------------------------------------------
+* 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 kendo_angular_common_1 = require("@progress/kendo-angular-common");
+var drag_scroll_settings_1 = require("./drag-scroll-settings");
+var utils_1 = require("../utils");
+/**
+ * @hidden
+ *
+ * Checks if the beginning of the scrollable element is reached (top/left).
+ * Floors the top value.
+ */
+var isUpperLimitReached = function (element, axis) { return Math.floor(element[axis]) <= 0; };
+var ɵ0 = isUpperLimitReached;
+exports.ɵ0 = ɵ0;
+/**
+ * @hidden
+ *
+ * Checks if the end of the scrollable element is reached (bottom/right).
+ * Ceils the top value.
+ */
+var isBottomLimitReached = function (element, axis) {
+    var elementSize = axis === drag_scroll_settings_1.ScrollAxis.Horizontal ?
+        element.scrollWidth - element.clientWidth :
+        element.scrollHeight - element.clientHeight;
+    return Math.ceil(element[axis]) >= elementSize;
+};
+var ɵ1 = isBottomLimitReached;
+exports.ɵ1 = ɵ1;
+/**
+ * @hidden
+ *
+ * Scrolls the element in the given direction by the provided step in the provided scroll axis.
+ *
+ * If the targeted scroll incrementation doesn't yield any result due to device pixel ratio issues (https://github.com/dimitar-pechev/RenderingIndependentScrollOffsets#readme),
+ * increments the step with 1px and again attempts to change the scrollTop of the element, until the content is actually scrolled.
+ *
+ * Cuts the operation short after 20 unsuccessful attempts to prevent infinite loops in possible corner-case scenarios.
+ */
+exports.scrollElement = function (element, step, direction, scrollAxis) {
+    if (!(utils_1.isPresent(element) && kendo_angular_common_1.isDocumentAvailable())) {
+        return;
+    }
+    var initialScrollPosition = element[scrollAxis];
+    var currentStep = step;
+    var iterations = 0;
+    while (initialScrollPosition === element[scrollAxis] &&
+        !(direction === drag_scroll_settings_1.ScrollDirection.Backwards && isUpperLimitReached(element, scrollAxis)) &&
+        !(direction === drag_scroll_settings_1.ScrollDirection.Forward && isBottomLimitReached(element, scrollAxis)) &&
+        iterations < 20 // cut the operation short in 20 attempts - in case of a wild corner case
+    ) {
+        element[scrollAxis] += (currentStep * direction);
+        // try with a larger step if the current one doesn't update the scroll position successfully
+        currentStep += 1;
+        iterations += 1;
+    }
+};
+/**
+ * @hidden
+ *
+ * As client coordinates are not restricted to the range 0px - {viewportSize}px, but can have negative starting values or ending values greater than the viewport size,
+ * this function extracts the visible boundaries of the provided element - fall-backing to 0 when the top/left are below 0,
+ * and fall-backing to the actual visible size of the container for bottom/right.
+ */
+exports.getViewportBoundaries = function (element) {
+    var elementRect = element.getBoundingClientRect();
+    // if the beginning of the scrollable container is above/before the current viewport, fall-back to 0
+    var topLimit = Math.max(elementRect.top, 0);
+    var leftLimit = Math.max(elementRect.left, 0);
+    // if the end of the scrollable container is beneath/after the current viewport, fall-back to its client height
+    // add the distance from the start of the viewport to the beginning of the container to ensure scrolling bottom begins when the actual end of the container is reached
+    var bottomLimit = topLimit + Math.min(elementRect.bottom, element.clientHeight);
+    var rightLimit = leftLimit + Math.min(elementRect.right, element.clientWidth);
+    return {
+        top: topLimit,
+        bottom: bottomLimit,
+        left: leftLimit,
+        right: rightLimit
+    };
+};

package/dist/npm/timeline/gantt-timeline.component.js

@@ -8,10 +8,10 @@ var tslib_1 = require("tslib");
 var core_1 = require("@angular/core");
 var rxjs_1 = require("rxjs");
 var operators_1 = require("rxjs/operators");
+var kendo_angular_common_1 = require("@progress/kendo-angular-common");
 var scroll_sync_service_1 = require("../scrolling/scroll-sync.service");
 var dependency_dom_service_1 = require("../dependencies/dependency-dom.service");
 var utils_1 = require("../utils");
-var kendo_angular_common_1 = require("@progress/kendo-angular-common");
 /**
  * @hidden
  */
@@ -24,6 +24,10 @@ var GanttTimelineComponent = /** @class */ (function () {
         this.zone = zone;
         this.hostClass = true;
         this.dependencies = [];
+        // as all drag-and-drop operations are on the timeline container, use a single draggable instance
+        this.timelineContainerPress = new core_1.EventEmitter();
+        this.timelineContainerDrag = new core_1.EventEmitter();
+        this.timelineContainerRelease = new core_1.EventEmitter();
         this.subscriptions = new rxjs_1.Subscription();
         this.subscriptions.add(
         // task changes indicates change in row content, number, height, etc.
@@ -36,6 +40,16 @@ var GanttTimelineComponent = /** @class */ (function () {
             _this.renderer.setStyle(_this.timelineColumns.nativeElement, 'height', (_this.rows || []).length * timelineRowHeight + "px");
         }));
     }
+    Object.defineProperty(GanttTimelineComponent.prototype, "draggableEnabled", {
+        /**
+         * Specifies whether the draggable will attach or detach its pointer event listeners.
+         */
+        get: function () {
+            return this.renderDependencyDragClues;
+        },
+        enumerable: true,
+        configurable: true
+    });
     GanttTimelineComponent.prototype.ngAfterViewInit = function () {
         var timelineHeader = this.timelineHeaderWrap.nativeElement;
         var rightContainer = this.timelineContent.nativeElement;
@@ -65,6 +79,14 @@ var GanttTimelineComponent = /** @class */ (function () {
         core_1.ViewChild('tasksContainer', { static: true }),
         tslib_1.__metadata("design:type", core_1.ElementRef)
     ], GanttTimelineComponent.prototype, "tasksContainer", void 0);
+    tslib_1.__decorate([
+        core_1.ViewChild('dragPopupContainer', { static: false, read: core_1.ViewContainerRef }),
+        tslib_1.__metadata("design:type", core_1.ViewContainerRef)
+    ], GanttTimelineComponent.prototype, "dragPopupContainer", void 0);
+    tslib_1.__decorate([
+        core_1.ViewChild('dependencyDragCreatePolyline', { static: false }),
+        tslib_1.__metadata("design:type", core_1.ElementRef)
+    ], GanttTimelineComponent.prototype, "dependencyDragCreatePolyline", void 0);
     tslib_1.__decorate([
         core_1.HostBinding('class.k-gantt-timeline'),
         tslib_1.__metadata("design:type", Boolean)
@@ -109,6 +131,14 @@ var GanttTimelineComponent = /** @class */ (function () {
         core_1.Input(),
         tslib_1.__metadata("design:type", Function)
     ], GanttTimelineComponent.prototype, "isTaskSelected", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], GanttTimelineComponent.prototype, "renderDependencyDragClues", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], GanttTimelineComponent.prototype, "dragScrollSettings", void 0);
     tslib_1.__decorate([
         core_1.Input(),
         tslib_1.__metadata("design:type", Function)
@@ -117,10 +147,22 @@ var GanttTimelineComponent = /** @class */ (function () {
         core_1.Input(),
         tslib_1.__metadata("design:type", Array)
     ], GanttTimelineComponent.prototype, "dependencies", void 0);
+    tslib_1.__decorate([
+        core_1.Output(),
+        tslib_1.__metadata("design:type", core_1.EventEmitter)
+    ], GanttTimelineComponent.prototype, "timelineContainerPress", void 0);
+    tslib_1.__decorate([
+        core_1.Output(),
+        tslib_1.__metadata("design:type", core_1.EventEmitter)
+    ], GanttTimelineComponent.prototype, "timelineContainerDrag", void 0);
+    tslib_1.__decorate([
+        core_1.Output(),
+        tslib_1.__metadata("design:type", core_1.EventEmitter)
+    ], GanttTimelineComponent.prototype, "timelineContainerRelease", void 0);
     GanttTimelineComponent = tslib_1.__decorate([
         core_1.Component({
             selector: 'kendo-gantt-timeline',
-            template: "\n        <div class=\"k-timeline k-grid k-widget\">\n            <div class=\"k-grid-header\">\n                <div #timelineHeaderWrap class=\"k-grid-header-wrap\">\n                    <table\n                        role=\"presentation\"\n                        [style.width.px]=\"tableWidth\"\n                    >\n                        <tbody\n                            kendoGanttHeaderTableBody\n                            [groupSlots]=\"groupSlots\"\n                            [slots]=\"slots\">\n                        </tbody>\n                    </table>\n                </div>\n            </div>\n            <div #timelineContent class=\"k-grid-content\">\n                <div class=\"k-gantt-tables\">\n                    <table\n                        class=\"k-gantt-rows\"\n                        [style.width.px]=\"tableWidth\"\n                        role=\"presentation\"\n                    >\n                        <tbody>\n                            <tr *ngFor=\"let item of rows; let i = index;\"\n                                [class.k-alt]=\"i % 2\"\n                            >\n                                <td></td>\n                            </tr>\n                        </tbody>\n                    </table>\n\n                    <table\n                        #timelineColumns\n                        class=\"k-gantt-columns\"\n                        role=\"presentation\"\n                        [style.width.px]=\"tableWidth\"\n                    >\n                        <colgroup>\n                            <col *ngFor=\"let item of slots\">\n                        </colgroup>\n\n                        <tbody>\n                            <tr>\n                                <td *ngFor=\"let item of slots\"\n                                    [class.k-nonwork-hour]=\"isNonWorking(item)\"\n                                >\n                                </td>\n                            </tr>\n                        </tbody>\n                    </table>\n\n                    <table\n                        #tasksContainer\n                        class=\"k-gantt-tasks\"\n                        role=\"presentation\"\n                        style=\"border-collapse: collapse;\"\n                        [style.width.px]=\"tableWidth\"\n                    >\n                        <tbody\n                            kendoGanttTasksTableBody\n                            [rows]=\"rows\"\n                            [activeView]=\"activeView\"\n                            [taskContentTemplate]=\"taskContentTemplate\"\n                            [taskTemplate]=\"taskTemplate\"\n                            [summaryTaskTemplate]=\"summaryTaskTemplate\"\n                            [taskClass]=\"taskClass\"\n                            [hasChildren]=\"hasChildren\"\n                            [isTaskSelected]=\"isTaskSelected\"\n                        >\n                        </tbody>\n                    </table>\n                </div>\n                <svg class=\"k-gantt-dependencies-svg\">\n                    <polyline\n                        *ngFor=\"let dependency of dependencies\"\n                        kendoGanttDependency\n                        [dependency]=\"dependency\"\n                    />\n                </svg>\n            </div>\n        </div>\n    "
+            template: "\n        <div class=\"k-timeline k-grid k-widget\">\n            <div class=\"k-grid-header\">\n                <div #timelineHeaderWrap class=\"k-grid-header-wrap\">\n                    <table\n                        role=\"presentation\"\n                        [style.width.px]=\"tableWidth\"\n                    >\n                        <tbody\n                            kendoGanttHeaderTableBody\n                            [groupSlots]=\"groupSlots\"\n                            [slots]=\"slots\">\n                        </tbody>\n                    </table>\n                </div>\n            </div>\n            <div\n                #timelineContent\n                class=\"k-grid-content\"\n                kendoGanttTimelineScrollable\n                [scrollSettings]=\"dragScrollSettings\"\n                kendoDraggable\n                [enableDrag]=\"draggableEnabled\"\n                (kendoPress)=\"timelineContainerPress.emit($event)\"\n                (kendoDrag)=\"timelineContainerDrag.emit($event)\"\n                (kendoRelease)=\"timelineContainerRelease.emit($event)\"\n            >\n                <div class=\"k-gantt-tables\">\n                    <table\n                        class=\"k-gantt-rows\"\n                        [style.width.px]=\"tableWidth\"\n                        role=\"presentation\"\n                    >\n                        <tbody>\n                            <tr *ngFor=\"let item of rows; let i = index;\"\n                                [class.k-alt]=\"i % 2\"\n                            >\n                                <td></td>\n                            </tr>\n                        </tbody>\n                    </table>\n\n                    <table\n                        #timelineColumns\n                        class=\"k-gantt-columns\"\n                        role=\"presentation\"\n                        [style.width.px]=\"tableWidth\"\n                    >\n                        <colgroup>\n                            <col *ngFor=\"let item of slots\">\n                        </colgroup>\n\n                        <tbody>\n                            <tr>\n                                <td *ngFor=\"let item of slots\"\n                                    [class.k-nonwork-hour]=\"isNonWorking(item)\"\n                                >\n                                </td>\n                            </tr>\n                        </tbody>\n                    </table>\n\n                    <table\n                        #tasksContainer\n                        class=\"k-gantt-tasks\"\n                        role=\"presentation\"\n                        style=\"border-collapse: collapse;\"\n                        [style.width.px]=\"tableWidth\"\n                    >\n                        <tbody\n                            kendoGanttTasksTableBody\n                            [rows]=\"rows\"\n                            [activeView]=\"activeView\"\n                            [taskContentTemplate]=\"taskContentTemplate\"\n                            [taskTemplate]=\"taskTemplate\"\n                            [summaryTaskTemplate]=\"summaryTaskTemplate\"\n                            [taskClass]=\"taskClass\"\n                            [hasChildren]=\"hasChildren\"\n                            [isTaskSelected]=\"isTaskSelected\"\n                            [renderDependencyDragClues]=\"renderDependencyDragClues\"\n                        >\n                        </tbody>\n                    </table>\n                </div>\n                <svg class=\"k-gantt-dependencies-svg\">\n                    <polyline\n                        *ngFor=\"let dependency of dependencies\"\n                        kendoGanttDependency\n                        [dependency]=\"dependency\"\n                    />\n                    <polyline #dependencyDragCreatePolyline />\n                </svg>\n\n                <!-- placeholder for the dependency drag popup; its position is not arbitrary - the popup is intended to be absolutely positioned inside the .k-grid-content element -->\n                <ng-container #dragPopupContainer></ng-container>\n            </div>\n        </div>\n    "
         }),
         tslib_1.__metadata("design:paramtypes", [scroll_sync_service_1.ScrollSyncService,
             dependency_dom_service_1.DependencyDomService,

package/dist/npm/toolbar/toolbar.component.js

@@ -49,6 +49,14 @@ var ToolbarComponent = /** @class */ (function () {
         this.gantt.activeViewChange.emit(e);
         this.scrollSyncService.resetTimelineScrollLeft();
     };
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], ToolbarComponent.prototype, "showAddTask", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], ToolbarComponent.prototype, "showViewSelector", void 0);
     tslib_1.__decorate([
         core_1.Input(),
         tslib_1.__metadata("design:type", String),
@@ -57,7 +65,7 @@ var ToolbarComponent = /** @class */ (function () {
     ToolbarComponent = tslib_1.__decorate([
         core_1.Component({
             selector: 'kendo-gantt-toolbar',
-            template: "\n        <ng-container *ngIf=\"!renderTemplate\">\n            <span class=\"k-spacer k-toolbar-spacer\"></span>\n            <kendo-gantt-view-selector\n                [views]=\"gantt.viewTypes\"\n                [activeView]=\"gantt.activeView\"\n                (activeViewChange)=\"onViewChange($event)\"></kendo-gantt-view-selector>\n        </ng-container>\n        <ng-template\n            *ngIf=\"renderTemplate\"\n            [ngTemplateOutlet]=\"toolbarTemplateRef\"\n            [ngTemplateOutletContext]=\"context\"\n            >\n        </ng-template>\n    "
+            template: "\n        <ng-container *ngIf=\"!renderTemplate\">\n            <kendo-gantt-add-task *ngIf=\"showAddTask\"></kendo-gantt-add-task>\n            <span class=\"k-spacer k-toolbar-spacer\"></span>\n            <kendo-gantt-view-selector\n                *ngIf=\"showViewSelector\"\n                [views]=\"gantt.viewTypes\"\n                [activeView]=\"gantt.activeView\"\n                (activeViewChange)=\"onViewChange($event)\"></kendo-gantt-view-selector>\n        </ng-container>\n        <ng-template\n            *ngIf=\"renderTemplate\"\n            [ngTemplateOutlet]=\"toolbarTemplateRef\"\n            [ngTemplateOutletContext]=\"context\"\n            >\n        </ng-template>\n    "
         }),
         tslib_1.__metadata("design:paramtypes", [gantt_component_1.GanttComponent,
             scroll_sync_service_1.ScrollSyncService])

package/dist/npm/utils.js

@@ -6,6 +6,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var kendo_angular_common_1 = require("@progress/kendo-angular-common");
 var kendo_date_math_1 = require("@progress/kendo-date-math");
+var dependency_type_enum_1 = require("./models/dependency-type.enum");
 /**
  * @hidden
  */
@@ -112,24 +113,43 @@ exports.isNumber = function (contender) { return typeof contender === 'number' &
  * @hidden
  */
 exports.isString = function (contender) { return typeof contender === 'string'; };
+/**
+ * @hidden
+ *
+ * Gets the closest timeline task wrapper element from an event target.
+ * Restricts the search up to the provided parent element from the second param.
+ */
+exports.getClosestTaskWrapper = function (element, parentScope) {
+    return kendo_angular_common_1.closestInScope(element, kendo_angular_common_1.matchesClasses('k-task-wrap'), parentScope);
+};
+/**
+ * @hidden
+ *
+ * Checks whether the queried item or its parent items has a `k-task-wrap` selector.
+ * Restricts the search up to the provided parent element from the second param.
+ */
+exports.isTaskWrapper = function (contender, parentScope) {
+    var taskWrapper = kendo_angular_common_1.closestInScope(contender, kendo_angular_common_1.matchesClasses('k-task-wrap'), parentScope);
+    return exports.isPresent(taskWrapper);
+};
 /**
  * @hidden
  *
  * Gets the closest timeline task element from an event target.
- * Restricts the search up to the provided gantt element from the second param.
+ * Restricts the search up to the provided parent element from the second param.
  */
-exports.getClosestTask = function (element, gantt) {
-    return kendo_angular_common_1.closestInScope(element, kendo_angular_common_1.matchesClasses('k-task'), gantt);
+exports.getClosestTask = function (element, parentScope) {
+    return kendo_angular_common_1.closestInScope(element, kendo_angular_common_1.matchesClasses('k-task'), parentScope);
 };
 /**
  * @hidden
  *
  * Gets the closest timeline task element index from an event target.
  * Uses the `data-task-index` attribute assigned to each task.
- * Restricts the search up to the provided gantt element from the second param.
+ * Restricts the search up to the provided parent element from the second param.
  */
-exports.getClosestTaskIndex = function (element, gantt) {
-    var task = kendo_angular_common_1.closestInScope(element, kendo_angular_common_1.matchesClasses('k-task'), gantt);
+exports.getClosestTaskIndex = function (element, parentScope) {
+    var task = kendo_angular_common_1.closestInScope(element, kendo_angular_common_1.matchesClasses('k-task-wrap'), parentScope);
     if (!exports.isPresent(task)) {
         return null;
     }
@@ -139,19 +159,130 @@ exports.getClosestTaskIndex = function (element, gantt) {
  * @hidden
  *
  * Checks whether the queried item or its parent items has a `k-task` selector.
- * Restricts the search up to the provided gantt element from the second param.
+ * Restricts the search up to the provided parent element from the second param.
  */
-exports.isTask = function (contender, gantt) {
-    var task = kendo_angular_common_1.closestInScope(contender, kendo_angular_common_1.matchesClasses('k-task'), gantt);
+exports.isTask = function (contender, parentScope) {
+    var task = kendo_angular_common_1.closestInScope(contender, kendo_angular_common_1.matchesClasses('k-task'), parentScope);
     return exports.isPresent(task);
 };
 /**
  * @hidden
  *
  * Checks whether the queried item or its parent items has a `k-task-actions` selector - used for the clear button.
- * Restricts the search up to the provided gantt element from the second param.
+ * Restricts the search up to the provided parent element from the second param.
  */
-exports.isClearButton = function (contender, gantt) {
-    var clearButtonContainer = kendo_angular_common_1.closestInScope(contender, kendo_angular_common_1.matchesClasses('k-task-actions'), gantt);
+exports.isClearButton = function (contender, parentScope) {
+    var clearButtonContainer = kendo_angular_common_1.closestInScope(contender, kendo_angular_common_1.matchesClasses('k-task-actions'), parentScope);
     return exports.isPresent(clearButtonContainer);
 };
+/**
+ * @hidden
+ *
+ * Checks whether the queried item has a `k-task-dot` selector - used for the dependency drag clues.
+ */
+exports.isDependencyDragClue = function (element) {
+    if (!exports.isPresent(element)) {
+        return false;
+    }
+    return element.classList.contains('k-task-dot');
+};
+/**
+ * @hidden
+ *
+ * Checks whether the queried item has a `k-task-dot` & `k-task-start` selector - used for the dependency drag start clues.
+ */
+exports.isDependencyDragStartClue = function (element) {
+    if (!exports.isPresent(element)) {
+        return false;
+    }
+    return element.classList.contains('k-task-dot') && element.classList.contains('k-task-start');
+};
+/**
+ * @hidden
+ *
+ * Gets the `DependencyType` for an attempted dependency create from the provided two elements.
+ * The two linked drag clue HTML elements are used to extract this data (via their CSS classes).
+ */
+exports.getDependencyTypeFromTargetTasks = function (fromTaskClue, toTaskClue) {
+    if (!exports.isDependencyDragClue(fromTaskClue) || !exports.isDependencyDragClue(toTaskClue)) {
+        return null;
+    }
+    var fromTaskType = exports.isDependencyDragStartClue(fromTaskClue) ? 'S' : 'F';
+    var toTaskType = exports.isDependencyDragStartClue(toTaskClue) ? 'S' : 'F';
+    var dependencyTypeName = "" + fromTaskType + toTaskType;
+    switch (dependencyTypeName) {
+        case 'FF': return dependency_type_enum_1.DependencyType.FF;
+        case 'FS': return dependency_type_enum_1.DependencyType.FS;
+        case 'SF': return dependency_type_enum_1.DependencyType.SF;
+        case 'SS': return dependency_type_enum_1.DependencyType.SS;
+        default: return null;
+    }
+};
+/**
+ * @hidden
+ *
+ * Checks whether the two provided drag clues belong to the same task element.
+ */
+exports.sameTaskClues = function (fromTaskClue, toTaskClue, parentScope) {
+    if (!exports.isPresent(fromTaskClue) || !exports.isPresent(toTaskClue)) {
+        return false;
+    }
+    var fromTaskWrapper = exports.getClosestTaskWrapper(fromTaskClue, parentScope);
+    var toTaskWrapper = exports.getClosestTaskWrapper(toTaskClue, parentScope);
+    return fromTaskWrapper === toTaskWrapper;
+};
+/**
+ * @hidden
+ *
+ * Fits a contender number between a min and max range.
+ * If the contender is below the min value, the min value is returned.
+ * If the contender is above the max value, the max value is returned.
+ */
+exports.fitToRange = function (contender, min, max) {
+    if (contender > max) {
+        return max;
+    }
+    else if (contender < min) {
+        return min;
+    }
+    else {
+        return contender;
+    }
+};
+/**
+ * @hidden
+ *
+ * Checks whether either of the two provided tasks is a parent of the other.
+ */
+exports.areParentChild = function (taskA, taskB) {
+    var parentChildRelationship = false;
+    var taskAParent = taskA;
+    while (exports.isPresent(taskAParent) && exports.isPresent(taskAParent.data)) {
+        if (taskAParent.data === taskB.data) {
+            parentChildRelationship = true;
+            break;
+        }
+        taskAParent = taskAParent.parent;
+    }
+    var taskBParent = taskB;
+    while (!parentChildRelationship && exports.isPresent(taskBParent) && exports.isPresent(taskBParent.data)) {
+        if (taskBParent.data === taskA.data) {
+            parentChildRelationship = true;
+            break;
+        }
+        taskBParent = taskBParent.parent;
+    }
+    return parentChildRelationship;
+};
+/**
+ * @hidden
+ *
+ * Extracts an element from the provided client coords.
+ * Using the `event.target` is not reliable under mobile devices with the current implementation of the draggable, so use this instead.
+ */
+exports.elementFromPoint = function (clientX, clientY) {
+    if (!kendo_angular_common_1.isDocumentAvailable()) {
+        return null;
+    }
+    return document.elementFromPoint(clientX, clientY);
+};