@progress/kendo-angular-gantt 0.3.0-dev.202201111723 → 1.0.0

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)
@@ -105,6 +127,18 @@ var GanttTimelineComponent = /** @class */ (function () {
         core_1.Input(),
         tslib_1.__metadata("design:type", Function)
     ], GanttTimelineComponent.prototype, "taskClass", 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", Boolean)
+    ], GanttTimelineComponent.prototype, "selectable", void 0);
     tslib_1.__decorate([
         core_1.Input(),
         tslib_1.__metadata("design:type", Function)
@@ -112,15 +146,27 @@ var GanttTimelineComponent = /** @class */ (function () {
     tslib_1.__decorate([
         core_1.Input(),
         tslib_1.__metadata("design:type", Function)
-    ], GanttTimelineComponent.prototype, "hasChildren", void 0);
+    ], GanttTimelineComponent.prototype, "isExpanded", void 0);
     tslib_1.__decorate([
         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            <!-- tabindex=\"-1\" required for https://bugzilla.mozilla.org/show_bug.cgi?id=1069739 -->\n            <div\n                #timelineContent\n                class=\"k-grid-content\"\n                tabindex=\"-1\"\n                role=\"tree\"\n                aria-roledescription=\"Timeline\"\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                            [isExpanded]=\"isExpanded\"\n                            [selectable]=\"selectable\"\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

@@ -7,15 +7,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var core_1 = require("@angular/core");
 var gantt_component_1 = require("../gantt.component");
-var scroll_sync_service_1 = require("../scrolling/scroll-sync.service");
 /**
  * @hidden
  */
 var ToolbarComponent = /** @class */ (function () {
-    function ToolbarComponent(gantt, scrollSyncService) {
+    function ToolbarComponent(gantt) {
         this.gantt = gantt;
-        this.scrollSyncService = scrollSyncService;
         this.context = {};
+        this.role = 'toolbar';
     }
     Object.defineProperty(ToolbarComponent.prototype, "position", {
         get: function () {
@@ -43,12 +42,13 @@ var ToolbarComponent = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
-    ToolbarComponent.prototype.onViewChange = function (e) {
-        this.gantt.activeView = e; // TODO: may be load the timeline data directly in an activeView setter?
-        this.gantt.loadTimelineData();
-        this.gantt.activeViewChange.emit(e);
-        this.scrollSyncService.resetTimelineScrollLeft();
+    ToolbarComponent.prototype.handleViewChange = function (view) {
+        this.gantt.changeActiveView(view);
     };
+    tslib_1.__decorate([
+        core_1.HostBinding('attr.role'),
+        tslib_1.__metadata("design:type", String)
+    ], ToolbarComponent.prototype, "role", void 0);
     tslib_1.__decorate([
         core_1.Input(),
         tslib_1.__metadata("design:type", Boolean)
@@ -65,10 +65,9 @@ var ToolbarComponent = /** @class */ (function () {
     ToolbarComponent = tslib_1.__decorate([
         core_1.Component({
             selector: 'kendo-gantt-toolbar',
-            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    "
+            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)=\"handleViewChange($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])
+        tslib_1.__metadata("design:paramtypes", [gantt_component_1.GanttComponent])
     ], ToolbarComponent);
     return ToolbarComponent;
 }());

package/dist/npm/toolbar/view-selector.component.js

@@ -57,7 +57,7 @@ var ViewSelectorComponent = /** @class */ (function () {
     ViewSelectorComponent = tslib_1.__decorate([
         core_1.Component({
             selector: 'kendo-gantt-view-selector',
-            template: "\n        <select class=\"k-dropdown k-views-dropdown\"\n            [value]=\"activeView\"\n            (change)=\"activeViewChange.emit($event.target.value)\">\n            <option *ngFor=\"let view of views\" [value]=\"view\">{{getViewTypeText(view)}}</option>\n        </select>\n        <kendo-buttongroup class=\"k-gantt-views\" selection=\"single\">\n            <button *ngFor=\"let view of views\"\n                kendoButton\n                type=\"button\"\n                [selected]=\"view === activeView\"\n                (click)=\"onClick(view)\">{{getViewTypeText(view)}}</button>\n        </kendo-buttongroup>\n    "
+            template: "\n        <select\n            class=\"k-dropdownlist k-picker k-rounded-md k-views-dropdown\"\n            aria-label=\"View Selector\"\n            [value]=\"activeView\"\n            (change)=\"activeViewChange.emit($event.target.value)\">\n            <option *ngFor=\"let view of views\" [value]=\"view\">{{getViewTypeText(view)}}</option>\n        </select>\n        <kendo-buttongroup class=\"k-gantt-views\" selection=\"single\">\n            <button *ngFor=\"let view of views\"\n                kendoButton\n                type=\"button\"\n                [selected]=\"view === activeView\"\n                (click)=\"onClick(view)\">{{getViewTypeText(view)}}</button>\n        </kendo-buttongroup>\n    "
         }),
         tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService])
     ], ViewSelectorComponent);

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,140 @@ 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-toolbar` selector.
+ * Restricts the search up to the provided parent element from the second param.
+ */
+exports.isToolbar = function (contender, parentScope) {
+    var toolbar = kendo_angular_common_1.closestInScope(contender, kendo_angular_common_1.matchesClasses('k-gantt-toolbar'), parentScope);
+    return exports.isPresent(toolbar);
+};
 /**
  * @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 (!exports.isPresent(contender) || contender < min) {
+        return min;
+    }
+    else if (contender > max) {
+        return max;
+    }
+    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);
+};