@progress/kendo-angular-gantt 1.0.1 → 2.0.0-dev.202204150748

package/dist/npm/columns/header-template.directive.js

@@ -1,32 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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");
-/**
- * Represents the column header cell template of the Gantt.
- * Helps to customize the table header cell for the column.
- * To define a header template, nest an `<ng-template>` tag with the
- * [`kendoGanttHeaderTemplate`]({% slug api_gantt_headertemplatedirective %}) directive inside the `<kendo-gantt-column>` tag.
- *
- *  The current column and column index are available as context variables:
- * * `column`&mdash;Points to the instance of the current [`ColumnComponent`]({% slug api_gantt_ganttcolumncomponent %}).
- * * `columnIndex`&mdash;Defines the current column index.
- */
-var HeaderTemplateDirective = /** @class */ (function () {
-    function HeaderTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    HeaderTemplateDirective = tslib_1.__decorate([
-        core_1.Directive({
-            selector: '[kendoGanttHeaderTemplate]'
-        }),
-        tslib_1.__param(0, core_1.Optional()),
-        tslib_1.__metadata("design:paramtypes", [core_1.TemplateRef])
-    ], HeaderTemplateDirective);
-    return HeaderTemplateDirective;
-}());
-exports.HeaderTemplateDirective = HeaderTemplateDirective;

package/dist/npm/columns/span-column.component.js

@@ -1,106 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 kendo_angular_treelist_1 = require("@progress/kendo-angular-treelist");
-var option_changes_service_1 = require("../common/option-changes.service");
-var cell_template_directive_1 = require("./cell-template.directive");
-var column_base_1 = require("./column-base");
-var column_component_1 = require("./column.component");
-var edit_template_directive_1 = require("./edit-template.directive");
-var GanttSpanColumnComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(GanttSpanColumnComponent, _super);
-    function GanttSpanColumnComponent(options, parent) {
-        var _this = _super.call(this, parent) || this;
-        _this.options = options;
-        /**
-         * @hidden
-         */
-        _this.childColumns = new core_1.QueryList();
-        _this.template = new core_1.QueryList();
-        _this.editTemplate = new core_1.QueryList();
-        return _this;
-    }
-    GanttSpanColumnComponent_1 = GanttSpanColumnComponent;
-    GanttSpanColumnComponent.prototype.ngOnChanges = function () {
-        this.options.notifyColumnChanges();
-    };
-    var GanttSpanColumnComponent_1;
-    tslib_1.__decorate([
-        core_1.ContentChildren(column_component_1.GanttColumnComponent),
-        tslib_1.__metadata("design:type", core_1.QueryList)
-    ], GanttSpanColumnComponent.prototype, "childColumns", void 0);
-    tslib_1.__decorate([
-        core_1.ContentChildren(cell_template_directive_1.CellTemplateDirective, { descendants: false }),
-        tslib_1.__metadata("design:type", core_1.QueryList)
-    ], GanttSpanColumnComponent.prototype, "template", void 0);
-    tslib_1.__decorate([
-        core_1.ContentChildren(edit_template_directive_1.EditTemplateDirective, { descendants: false }),
-        tslib_1.__metadata("design:type", core_1.QueryList)
-    ], GanttSpanColumnComponent.prototype, "editTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], GanttSpanColumnComponent.prototype, "locked", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], GanttSpanColumnComponent.prototype, "lockable", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], GanttSpanColumnComponent.prototype, "editable", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], GanttSpanColumnComponent.prototype, "hidden", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], GanttSpanColumnComponent.prototype, "media", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], GanttSpanColumnComponent.prototype, "style", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], GanttSpanColumnComponent.prototype, "headerStyle", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], GanttSpanColumnComponent.prototype, "footerStyle", void 0);
-    tslib_1.__decorate([
-        core_1.Input('class'),
-        tslib_1.__metadata("design:type", Object)
-    ], GanttSpanColumnComponent.prototype, "cssClass", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], GanttSpanColumnComponent.prototype, "headerClass", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], GanttSpanColumnComponent.prototype, "footerClass", void 0);
-    GanttSpanColumnComponent = GanttSpanColumnComponent_1 = tslib_1.__decorate([
-        core_1.Component({
-            selector: 'kendo-gantt-span-column',
-            template: '',
-            providers: [
-                {
-                    provide: column_base_1.GanttColumnBase,
-                    useExisting: core_1.forwardRef(function () { return GanttSpanColumnComponent_1; })
-                }
-            ]
-        }),
-        tslib_1.__param(1, core_1.SkipSelf()), tslib_1.__param(1, core_1.Host()), tslib_1.__param(1, core_1.Optional()),
-        tslib_1.__metadata("design:paramtypes", [option_changes_service_1.OptionChangesService,
-            column_base_1.GanttColumnBase])
-    ], GanttSpanColumnComponent);
-    return GanttSpanColumnComponent;
-}(kendo_angular_treelist_1.SpanColumnComponent));
-exports.GanttSpanColumnComponent = GanttSpanColumnComponent;

package/dist/npm/common/default-callbacks.js

@@ -1,27 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 rxjs_1 = require("rxjs");
-/**
- * @hidden
- */
-exports.hasChildren = function () { return false; };
-/**
- * @hidden
- */
-exports.fetchChildren = function () { return rxjs_1.of([]); };
-/**
- * @hidden
- */
-exports.rowClassCallback = function () { return null; };
-/**
- * @hidden
- */
-exports.taskClassCallback = function () { return null; };
-/**
- * @hidden
- */
-exports.isSelected = function () { return false; };

package/dist/npm/common/mapping.service.js

@@ -1,74 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 kendo_common_1 = require("@progress/kendo-common");
-var gantt_dependency_model_fields_interface_1 = require("../models/gantt-dependency-model-fields.interface");
-var gantt_task_model_fields_interface_1 = require("../models/gantt-task-model-fields.interface");
-var utils_1 = require("../utils");
-/**
- * @hidden
- */
-var MappingService = /** @class */ (function () {
-    function MappingService() {
-        this._taskFields = tslib_1.__assign({}, gantt_task_model_fields_interface_1.DEFAULT_TASK_MODEL_FIELDS);
-        this._dependencyFields = tslib_1.__assign({}, gantt_dependency_model_fields_interface_1.DEFAULT_DEPENDENCY_MODEL_FIELDS);
-    }
-    Object.defineProperty(MappingService.prototype, "taskFields", {
-        get: function () {
-            return this._taskFields;
-        },
-        /**
-         * Gets or sets the model fields for the task data items.
-         * Uses the default values for fields which are not specified.
-         */
-        set: function (fields) {
-            this._taskFields = tslib_1.__assign({}, gantt_task_model_fields_interface_1.DEFAULT_TASK_MODEL_FIELDS, fields);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MappingService.prototype, "dependencyFields", {
-        get: function () {
-            return this._dependencyFields;
-        },
-        /**
-         * Gets or sets the model fields for the depenency data items.
-         * Uses the default values for fields which are not specified.
-         */
-        set: function (fields) {
-            this._dependencyFields = tslib_1.__assign({}, gantt_dependency_model_fields_interface_1.DEFAULT_DEPENDENCY_MODEL_FIELDS, fields);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * Retrieves the value for the specified task field.
-     * Supports nested fields as well (e.g. 'manager.id').
-     */
-    MappingService.prototype.extractFromTask = function (dataItem, field) {
-        if (!utils_1.isPresent(this.taskFields)) {
-            return null;
-        }
-        return kendo_common_1.getter(this.taskFields[field])(dataItem);
-    };
-    /**
-     * Retrieves the value for the specified dependency field.
-     * Supports nested fields as well (e.g. 'manager.id').
-     */
-    MappingService.prototype.extractFromDependency = function (dataItem, field) {
-        if (!utils_1.isPresent(this.dependencyFields)) {
-            return null;
-        }
-        return kendo_common_1.getter(this.dependencyFields[field])(dataItem);
-    };
-    MappingService = tslib_1.__decorate([
-        core_1.Injectable()
-    ], MappingService);
-    return MappingService;
-}());
-exports.MappingService = MappingService;

package/dist/npm/common/option-changes.service.js

@@ -1,28 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 OptionChangesService = /** @class */ (function () {
-    function OptionChangesService() {
-        this.viewChanges = new core_1.EventEmitter();
-        this.columnChanges = new core_1.EventEmitter();
-    }
-    OptionChangesService.prototype.notifyColumnChanges = function () {
-        this.columnChanges.emit();
-    };
-    OptionChangesService.prototype.notifyViewChanges = function () {
-        this.viewChanges.emit();
-    };
-    OptionChangesService = tslib_1.__decorate([
-        core_1.Injectable()
-    ], OptionChangesService);
-    return OptionChangesService;
-}());
-exports.OptionChangesService = OptionChangesService;

package/dist/npm/common/touch-enabled.js

@@ -1,11 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 core_1 = require("@angular/core");
-/**
- * @hidden
- */
-exports.TOUCH_ENABLED = new core_1.InjectionToken('gantt-touch-enabled');

package/dist/npm/dependencies/dependency-dom.service.js

@@ -1,81 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 mapping_service_1 = require("../common/mapping.service");
-/**
- * @hidden
- */
-var DependencyDomService = /** @class */ (function () {
-    function DependencyDomService(mapper) {
-        this.mapper = mapper;
-        this.notifier = new rxjs_1.Subject();
-        /**
-         * Maps each rendered task to its HTML element.
-         * Uses the task ID field value as key.
-         */
-        this.tasks = new Map();
-    }
-    Object.defineProperty(DependencyDomService.prototype, "taskChanges", {
-        /**
-         * Emits each time some of the tasks or the view have changed.
-         * Fires also on the first change of the table rows and the parent container.
-         */
-        get: function () {
-            return this.notifier.asObservable();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DependencyDomService.prototype, "dependencyDomArgs", {
-        get: function () {
-            return {
-                tasks: this.tasks,
-                contentContainer: this.contentContainer,
-                timelineRow: this.timelineRow
-            };
-        },
-        enumerable: true,
-        configurable: true
-    });
-    DependencyDomService.prototype.ngOnDestroy = function () {
-        this.tasks.clear();
-        this.tasks = null;
-        this.contentContainer = null;
-    };
-    DependencyDomService.prototype.registerTimelineRow = function (timelineRow) {
-        this.timelineRow = timelineRow;
-        this.notifyChanges();
-    };
-    DependencyDomService.prototype.registerContentContainer = function (contentContainer) {
-        this.contentContainer = contentContainer;
-        this.notifyChanges();
-    };
-    DependencyDomService.prototype.registerTask = function (task, element) {
-        var id = this.mapper.extractFromTask(task, 'id');
-        this.tasks.set(id, element);
-        this.notifyChanges();
-    };
-    DependencyDomService.prototype.unregisterTask = function (task) {
-        var id = this.mapper.extractFromTask(task, 'id');
-        this.tasks.delete(id);
-        this.notifyChanges();
-    };
-    /**
-     * Notifies all dependency directives that a change in one of the elements has occured.
-     */
-    DependencyDomService.prototype.notifyChanges = function () {
-        this.notifier.next(this.dependencyDomArgs);
-    };
-    DependencyDomService = tslib_1.__decorate([
-        core_1.Injectable(),
-        tslib_1.__metadata("design:paramtypes", [mapping_service_1.MappingService])
-    ], DependencyDomService);
-    return DependencyDomService;
-}());
-exports.DependencyDomService = DependencyDomService;

package/dist/npm/dependencies/dom-dependency-args.js

@@ -1,6 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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/dependencies/gantt-dependency.directive.js

@@ -1,96 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 operators_1 = require("rxjs/operators");
-var mapping_service_1 = require("../common/mapping.service");
-var dependency_dom_service_1 = require("./dependency-dom.service");
-var utils_1 = require("../utils");
-var utils_2 = require("./utils");
-var kendo_angular_common_1 = require("@progress/kendo-angular-common");
-/**
- * Defines the size of the arrow that will be drawn at the end of each Gantt dependency.
- */
-var ARROW_SIZE = 4;
-/**
- * Defines the distance the polyline will cover from the task element before making a turn.
- */
-var MIN_DISTANCE_BEFORE_TURN = 10;
-/**
- * @hidden
- */
-var GanttDependencyDirective = /** @class */ (function () {
-    function GanttDependencyDirective(polyline, zone, renderer, mapper, dependencyDomService) {
-        var _this = this;
-        this.polyline = polyline;
-        this.zone = zone;
-        this.renderer = renderer;
-        this.mapper = mapper;
-        this.dependencyDomService = dependencyDomService;
-        this.subscriptions = new rxjs_1.Subscription();
-        this.subscriptions.add(dependencyDomService.taskChanges
-            .pipe(operators_1.switchMap(function (changes) {
-            // reacts only on the very last event emission,
-            // ensures that the tasks are drawn in the DOM
-            return _this.zone.onStable.pipe(operators_1.take(1), operators_1.map(function () { return changes; }));
-        }))
-            .subscribe(function (changes) { return _this.updatePoints(changes); }));
-    }
-    GanttDependencyDirective.prototype.ngOnDestroy = function () {
-        this.subscriptions.unsubscribe();
-    };
-    GanttDependencyDirective.prototype.ngOnChanges = function (changes) {
-        if (utils_1.isPresent(changes.dependency)) {
-            this.updatePoints(this.dependencyDomService.dependencyDomArgs);
-        }
-    };
-    GanttDependencyDirective.prototype.updatePoints = function (_a) {
-        var timelineRow = _a.timelineRow, contentContainer = _a.contentContainer, tasks = _a.tasks;
-        if (!utils_1.isPresent(timelineRow) || !utils_1.isPresent(contentContainer) ||
-            !utils_1.isPresent(tasks) || tasks.size === 0 ||
-            !tasks.has(this.mapper.extractFromDependency(this.dependency, 'fromId')) || !tasks.has(this.mapper.extractFromDependency(this.dependency, 'toId'))) {
-            this.clearPoints();
-            return;
-        }
-        var fromCoordinates = utils_2.getElementRect(tasks.get(this.mapper.extractFromDependency(this.dependency, 'fromId')), contentContainer);
-        var toCoordinates = utils_2.getElementRect(tasks.get(this.mapper.extractFromDependency(this.dependency, 'toId')), contentContainer);
-        var timelineRowHeight = kendo_angular_common_1.isDocumentAvailable() ? timelineRow.getBoundingClientRect().height : 0;
-        var points = utils_2.dependencyCoordinates(fromCoordinates, toCoordinates, timelineRowHeight, this.dependency.type, MIN_DISTANCE_BEFORE_TURN, ARROW_SIZE);
-        this.drawPoints(points);
-    };
-    GanttDependencyDirective.prototype.clearPoints = function () {
-        this.renderer.setAttribute(this.polyline.nativeElement, 'points', '');
-    };
-    GanttDependencyDirective.prototype.drawPoints = function (points) {
-        if (!utils_1.isPresent(points) || points.length === 0) {
-            this.clearPoints();
-            return;
-        }
-        var parsedCoords = points.map(function (_a) {
-            var left = _a.left, top = _a.top;
-            return left + "," + top;
-        }).join(' ');
-        this.renderer.setAttribute(this.polyline.nativeElement, 'points', parsedCoords);
-    };
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], GanttDependencyDirective.prototype, "dependency", void 0);
-    GanttDependencyDirective = tslib_1.__decorate([
-        core_1.Directive({
-            selector: '[kendoGanttDependency]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [core_1.ElementRef,
-            core_1.NgZone,
-            core_1.Renderer2,
-            mapping_service_1.MappingService,
-            dependency_dom_service_1.DependencyDomService])
-    ], GanttDependencyDirective);
-    return GanttDependencyDirective;
-}());
-exports.GanttDependencyDirective = GanttDependencyDirective;

package/dist/npm/dependencies/utils.js

@@ -1,203 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 dependency_type_enum_1 = require("../models/dependency-type.enum");
-/**
- * @hidden
- *
- * Gets the offset (top and left values) relative to a target element.
- */
-exports.getOffsetRelativeToParent = function (element, targetParent) {
-    var offset = {
-        top: 0,
-        left: 0
-    };
-    if (!targetParent.contains(element)) {
-        return offset;
-    }
-    var offsetParent = element;
-    while (offsetParent && offsetParent !== targetParent) {
-        offset.top += offsetParent.offsetTop;
-        offset.left += offsetParent.offsetLeft;
-        offsetParent = offsetParent.offsetParent;
-    }
-    return offset;
-};
-/**
- * @hidden
- */
-exports.getElementRect = function (element, relativeContainer) {
-    var _a = exports.getOffsetRelativeToParent(element, relativeContainer), top = _a.top, left = _a.left;
-    return {
-        top: top + element.offsetHeight / 2,
-        left: left,
-        right: left + element.offsetWidth
-    };
-};
-/**
- * @hidden
- */
-exports.dependencyCoordinates = function (from, to, rowHeight, type, minDistanceBeforeTurn, arrowSize) {
-    var points = [];
-    var minTurnHeight = Math.floor(rowHeight / 2);
-    var drawingDown = from.top < to.top;
-    var top, left;
-    // FF and SS are composed of 4 connected polyline points (not counting the arrow)
-    /*
-        [[[]]]-       -[[[]]]
-              |       |
-        [[[]]]-       -[[[]]]
-     */
-    if (type === dependency_type_enum_1.DependencyType.FF || type === dependency_type_enum_1.DependencyType.SS) {
-        // polyline start from first task
-        var dir = type === dependency_type_enum_1.DependencyType.SS ? 'left' : 'right';
-        top = from.top;
-        left = from[dir];
-        points.push({ top: top, left: left });
-        // first turn point
-        left = Math[dir === 'left' ? 'min' : 'max'](from[dir], to[dir]);
-        left = dir === 'left' ? left - minDistanceBeforeTurn : left + minDistanceBeforeTurn;
-        points.push({ top: top, left: left });
-        // second turn point
-        top = to.top;
-        points.push({ top: top, left: left });
-        // second task reached
-        left = dir === 'left' ? to[dir] - arrowSize : to[dir] + arrowSize;
-        points.push({ top: top, left: left });
-        // arrow pointing to the second task
-        points.push.apply(points, getArrow(top, left, dir !== 'left', arrowSize));
-    }
-    else {
-        // FS and SF are composed of 4 or 6 connected polyline points (not counting the arrow), depending on the position of the tasks
-        /*
-            [[[]]]-               [[[]]]-
-                  |                     |
-                  -[[[]]]           -----
-                                    |
-                                    -[[[]]]
-        */
-        var startDir = type === dependency_type_enum_1.DependencyType.SF ? 'left' : 'right';
-        var endDir = type === dependency_type_enum_1.DependencyType.SF ? 'right' : 'left';
-        var additionalTurn = type === dependency_type_enum_1.DependencyType.SF
-            ? from[startDir] - minDistanceBeforeTurn * 2 < to[endDir]
-            : from[startDir] + minDistanceBeforeTurn * 2 > to[endDir];
-        // polyline start from first task
-        top = from.top;
-        left = from[startDir];
-        points.push({ top: top, left: left });
-        // first turn point
-        left = startDir === 'left'
-            ? left - minDistanceBeforeTurn
-            : left + minDistanceBeforeTurn;
-        points.push({ top: top, left: left });
-        // if second task start is before the first task end in FS
-        // if second task end is after the first task start in SF
-        if (additionalTurn) {
-            // additional turn start
-            top = drawingDown
-                ? top + minTurnHeight
-                : top - minTurnHeight;
-            points.push({ top: top, left: left });
-            // additional turn end
-            left = startDir === 'left'
-                ? to[endDir] + minDistanceBeforeTurn
-                : to[endDir] - minDistanceBeforeTurn;
-            points.push({ top: top, left: left });
-        }
-        // second task level reached
-        top = to.top;
-        points.push({ top: top, left: left });
-        // second task element reached
-        left = endDir === 'left' ? to[endDir] - arrowSize : to[endDir] + arrowSize;
-        points.push({ top: top, left: left });
-        // arrow pointing to the second task
-        points.push.apply(points, getArrow(top, left, endDir !== 'left', arrowSize));
-    }
-    return points;
-};
-var getArrow = function (top, left, isArrowWest, arrowSize) {
-    var points = isArrowWest
-        ? getArrowWest(top, left, arrowSize)
-        : getArrowEast(top, left, arrowSize);
-    return points;
-};
-var ɵ0 = getArrow;
-exports.ɵ0 = ɵ0;
-var getArrowWest = function (top, left, arrowSize) {
-    var points = [];
-    points.push({
-        top: top - arrowSize / 2,
-        left: left
-    });
-    points.push({
-        top: top,
-        left: left - arrowSize + 1
-    });
-    points.push({
-        top: top + arrowSize / 2,
-        left: left
-    });
-    points.push({
-        top: top,
-        left: left
-    });
-    return points;
-};
-var ɵ1 = getArrowWest;
-exports.ɵ1 = ɵ1;
-var getArrowEast = function (top, left, arrowSize) {
-    var points = [];
-    points.push({
-        top: top + arrowSize / 2,
-        left: left
-    });
-    points.push({
-        top: top,
-        left: left + arrowSize - 1
-    });
-    points.push({
-        top: top - arrowSize / 2,
-        left: left
-    });
-    points.push({
-        top: top,
-        left: left
-    });
-    return points;
-};
-var ɵ2 = getArrowEast;
-exports.ɵ2 = ɵ2;
-/**
- * @hidden
- *
- * Translates the provided client `left` and `top` coords to coords relative to the provided container.
- * https://developer.mozilla.org/en-US/docs/Web/CSS/CSSOM_View/Coordinate_systems#standard_cssom_coordinate_systems
- */
-exports.clientToOffsetCoords = function (clientLeft, clientTop, offsetContainer) {
-    // client (viewport) coordinates of the target container
-    // https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect#value
-    var offsetContainerClientRect = offsetContainer.getBoundingClientRect();
-    return {
-        left: clientLeft - offsetContainerClientRect.left + offsetContainer.scrollLeft,
-        top: clientTop - offsetContainerClientRect.top + offsetContainer.scrollTop
-    };
-};
-/**
- * @hidden
- *
- * Retrieves the `left` and `top` values of the center of the provided element.
- * The retrieved values are relative to the current viewport (client values).
- * https://developer.mozilla.org/en-US/docs/Web/CSS/CSSOM_View/Coordinate_systems#standard_cssom_coordinate_systems
- */
-exports.getElementClientCenterCoords = function (element) {
-    // client (viewport) coordinates of the targeted element
-    // https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect#value
-    var _a = element.getBoundingClientRect(), left = _a.left, top = _a.top, width = _a.width, height = _a.height;
-    return {
-        left: left + (width / 2),
-        top: top + (height / 2)
-    };
-};