@syncfusion/ej2-gantt 22.2.5 → 22.2.8

package/dist/es6/ej2-gantt.es2015.js

@@ -3952,6 +3952,7 @@ class TaskProcessor extends DateProcessor {
                     this.parent.setRecordValue('progress', Math.floor(parentProgress), parentProp, true);
                     this.parent.setRecordValue('totalProgress', totalProgress, parentProp, true);
                     this.parent.setRecordValue('totalDuration', totalDuration, parentProp, true);
+                    this.parent.setRecordValue('autoDuration', parentProp.duration, parentProp, true);
                     if (!parentProp.isAutoSchedule) {
                         this.parent.setRecordValue('autoDuration', this.calculateAutoDuration(parentProp), parentProp, true);
                         this.updateAutoWidthLeft(parentData);
@@ -4032,6 +4033,7 @@ const chartRowCell = 'e-chart-row-cell';
 const chartRow = 'e-chart-row';
 const rowExpand = 'e-row-expand';
 const rowCollapse = 'e-row-collapse';
+const collapseParent = 'e-collapse-parent';
 const taskBarLeftResizer = 'e-taskbar-left-resizer';
 const taskBarRightResizer = 'e-taskbar-right-resizer';
 const childProgressResizer = 'e-child-progress-resizer';
@@ -4505,6 +4507,9 @@ class GanttChart {
         }
         this.updateWidthAndHeight();
         this.parent.notify('selectRowByIndex', {});
+        if (this.parent.timelineModule.isZoomToFit) {
+            this.parent.timelineModule.processZoomToFit();
+        }
     }
     /**
      * @param {IGanttData[]} records .
@@ -6110,8 +6115,7 @@ class Timeline {
             this.parent.showSpinner();
         }
         this.changeTimelineSettings(newTimeline);
-        this.isZoomToFit = false;
-        this.parent.isTimelineRoundOff = this.isZoomToFit ? false : isNullOrUndefined(this.parent.projectStartDate) ? true : false;
+        this.parent.isTimelineRoundOff = isNullOrUndefined(this.parent.projectStartDate) ? true : false;
     }
     bottomTierCellWidthCalc(mode, zoomLevel, date) {
         let convertedMilliSeconds;
@@ -8003,8 +8007,16 @@ class GanttTreeGrid {
                 this.parent.getDateFormat().toLowerCase().indexOf('hh') !== -1 ? 'datetimepickeredit' : 'datepickeredit';
             column.format = column.format ? column.format : { type: 'date', format: this.parent.getDateFormat() };
             column.width = column.width ? column.width : 150;
-            if (!column.edit || (column.edit && !column.edit.create)) {
-                column.edit = { params: { renderDayCell: this.parent.renderWorkingDayCell.bind(this.parent) } };
+            if (column.edit && column.edit.params) {
+                column.edit.params['renderDayCell'] = this.parent.renderWorkingDayCell.bind(this.parent);
+            }
+            else {
+                if (column.edit) {
+                    column.edit.params = { renderDayCell: this.parent.renderWorkingDayCell.bind(this.parent) };
+                }
+                else {
+                    column.edit = { params: { renderDayCell: this.parent.renderWorkingDayCell.bind(this.parent) } };
+                }
             }
         }
         else if (taskSettings.endDate === column.field) {
@@ -8018,8 +8030,16 @@ class GanttTreeGrid {
             column.editType = column.editType ? column.editType :
                 this.parent.getDateFormat().toLowerCase().indexOf('hh') !== -1 ? 'datetimepickeredit' : 'datepickeredit';
             column.width = column.width ? column.width : 150;
-            if (!column.edit || (column.edit && !column.edit.create)) {
-                column.edit = { params: { renderDayCell: this.parent.renderWorkingDayCell.bind(this.parent) } };
+            if (column.edit && column.edit.params) {
+                column.edit.params['renderDayCell'] = this.parent.renderWorkingDayCell.bind(this.parent);
+            }
+            else {
+                if (column.edit) {
+                    column.edit.params = { renderDayCell: this.parent.renderWorkingDayCell.bind(this.parent) };
+                }
+                else {
+                    column.edit = { params: { renderDayCell: this.parent.renderWorkingDayCell.bind(this.parent) } };
+                }
             }
         }
         else if (taskSettings.duration === column.field) {
@@ -9064,7 +9084,7 @@ class ChartRows extends DateProcessor {
                 childTaskbarNode = this.createDivElement(template);
             }
         }
-        if (this.parent.enableRtl && childTaskbarNode[0] && childTaskbarNode[0].querySelector('.e-task-label')) {
+        if (this.parent.enableRtl && !isNullOrUndefined(childTaskbarNode) && childTaskbarNode[0] && childTaskbarNode[0].querySelector('.e-task-label')) {
             childTaskbarNode[0].querySelector('.e-task-label').style.marginLeft = '15px';
             childTaskbarNode[0].querySelector('.e-task-label').style.marginRight = '8px';
             if (childTaskbarNode[0].querySelector('.e-gantt-child-progressbar')) {
@@ -9446,8 +9466,8 @@ class ChartRows extends DateProcessor {
             milestoneNode = this.milestoneTemplateFunction(extend({ index: i }, data), this.parent, 'MilestoneTemplate', this.getTemplateID('MilestoneTemplate'), false, undefined, rootElement[0], this.parent.treeGrid['root']);
         }
         else {
-            const template = '<div class="' + traceMilestone + '" style="width:' + ((this.parent.renderBaseline ? this.taskBarHeight - 3 : this.taskBarHeight - 7)) + 'px;height:' +
-                ((this.parent.renderBaseline ? this.taskBarHeight - 3 : this.taskBarHeight - 7)) + 'px;position:absolute;transform: rotate(45deg);top:' + (this.parent.rowHeight > 40 ? 0 : 2) + 'px;left:' + (this.parent.renderBaseline ? 2 : 1) + 'px;"> </div>';
+            const template = '<div class="' + traceMilestone + '" style="width:' + ((this.parent.renderBaseline ? this.taskBarHeight : this.taskBarHeight - 6)) + 'px;height:' +
+                ((this.parent.renderBaseline ? this.taskBarHeight : this.taskBarHeight - 6)) + 'px;position:absolute;transform: rotate(45deg);top:' + (this.parent.rowHeight > 40 ? 0 : 1) + 'px;left:' + 1 + 'px;"> </div>';
             milestoneNode = this.createDivElement(template);
         }
         return milestoneNode;
@@ -9475,9 +9495,9 @@ class ChartRows extends DateProcessor {
     getMilestoneBaselineNode() {
         const data = this.templateData;
         let baselineMilestoneHeight = this.parent.renderBaseline ? 5 : 2;
-        const template = '<div class="' + baselineMilestoneContainer + '" style="width:' + ((this.parent.renderBaseline ? this.taskBarHeight - 5 : this.taskBarHeight - 10) + 2) + 'px;height:' +
-            ((this.parent.renderBaseline ? this.taskBarHeight - 5 : this.taskBarHeight - 10) + 2) + 'px;position:absolute;transform:rotate(45deg);' + (this.parent.enableRtl ? 'right:' : 'left:') + (this.parent.enableRtl ? (data.ganttProperties.left -
-            (this.milestoneHeight / 2) + 3) : (data.ganttProperties.baselineLeft - (this.milestoneHeight / 2) + 2)) + 'px;' + (this.baselineColor ? 'background-color: ' + this.baselineColor + ';' : '') + 'margin-top:' + ((-Math.floor(this.parent.rowHeight - this.milestoneMarginTop) + baselineMilestoneHeight) + 3) + 'px"> </div>';
+        const template = '<div class="' + baselineMilestoneContainer + '" style="width:' + ((this.parent.renderBaseline ? this.taskBarHeight : this.taskBarHeight - 10)) + 'px;height:' +
+            ((this.parent.renderBaseline ? this.taskBarHeight : this.taskBarHeight - 10)) + 'px;position:absolute;transform:rotate(45deg);' + (this.parent.enableRtl ? 'right:' : 'left:') + (this.parent.enableRtl ? (data.ganttProperties.left -
+            (this.milestoneHeight / 2) + 3) : (data.ganttProperties.left - (this.milestoneHeight / 2) + 1)) + 'px;' + (this.baselineColor ? 'background-color: ' + this.baselineColor + ';' : '') + 'margin-top:' + ((-Math.floor(this.parent.rowHeight - this.milestoneMarginTop) + baselineMilestoneHeight) + 2) + 'px"> </div>';
         return this.createDivElement(template);
     }
     /**
@@ -10162,6 +10182,12 @@ class ChartRows extends DateProcessor {
             this.ganttChartTableBody.replaceChildren(...dupChartBody.childNodes);
             this.parent.initialChartRowElements = this.parent.ganttChartModule.getChartRows();
         }
+        if (this.parent.enableCriticalPath && this.parent.criticalPathModule) {
+            var criticalModule = this.parent.criticalPathModule;
+            if (criticalModule.criticalPathCollection) {
+                this.parent.criticalPathModule.criticalConnectorLine(criticalModule.criticalPathCollection, criticalModule.detailPredecessorCollection, true, criticalModule.predecessorCollectionTaskIds);
+            }
+        }
         this.parent.renderTemplates();
         this.triggerQueryTaskbarInfo();
         this.parent.modifiedRecords = [];
@@ -10176,6 +10202,7 @@ class ChartRows extends DateProcessor {
                 }
             }
         }
+        this.parent.isGanttChartRendered = true;
         this.parent.renderTemplates();
     }
     /**
@@ -10497,6 +10524,18 @@ class ChartRows extends DateProcessor {
             }
         }
         else if (taskbarElement) {
+            if (taskbarElement && this.parent.enableVirtualization && !args.data.expanded) {
+                const childElement = trElement.querySelector('.' + collapseParent);
+                if (childElement) {
+                    for (let i = 0; i < childElement.childNodes.length; i++) {
+                        const taskbar = childElement.childNodes[i];
+                        const mainTaskbar = taskbar.querySelector('.' + traceChildTaskBar);
+                        if (mainTaskbar) {
+                            mainTaskbar.style.backgroundColor = args.taskbarBgColor;
+                        }
+                    }
+                }
+            }
             if (taskbarElement.querySelector(classCollections[0]) &&
                 getComputedStyle(taskbarElement.querySelector(classCollections[0])).backgroundColor !== args.taskbarBgColor) {
                 taskbarElement.querySelector(classCollections[0]).style.backgroundColor = args.taskbarBgColor;
@@ -10768,10 +10807,10 @@ class ChartRows extends DateProcessor {
         this.templateData = record;
         const parentTrNode = this.getTableTrNode();
         const leftLabelNode = this.leftLabelContainer();
-        const collapseParent = createElement('div', {
+        const collapseParent$$1 = createElement('div', {
             className: 'e-collapse-parent'
         });
-        parentTrNode[0].childNodes[0].childNodes[0].appendChild(collapseParent);
+        parentTrNode[0].childNodes[0].childNodes[0].appendChild(collapseParent$$1);
         const tasks = this.parent.dataOperation.setSortedChildTasks(record);
         this.parent.dataOperation.updateOverlappingIndex(tasks);
         let tRow;
@@ -11840,8 +11879,6 @@ class ConnectorLine {
             connectorObj.connectorLineId = 'parent' + parentId + 'child' + childId;
             connectorObj.milestoneParent = parentGanttRecord.isMilestone ? true : false;
             connectorObj.milestoneChild = childGanttRecord.isMilestone ? true : false;
-            connectorObj.isManualParent = (!(this.parent.flatData[parentIndex].ganttProperties.isAutoSchedule) && this.parent.flatData[parentIndex].hasChildRecords);
-            connectorObj.isManualChild = (!(this.parent.flatData[childIndex].ganttProperties.isAutoSchedule) && this.parent.flatData[childIndex].hasChildRecords);
             connectorObj.parentEndPoint = connectorObj.parentLeft + connectorObj.parentWidth;
             connectorObj.childEndPoint = connectorObj.childLeft + connectorObj.childWidth;
             if (isNullOrUndefined(isScheduledTask(parentGanttRecord)) || isNullOrUndefined(isScheduledTask(childGanttRecord))) {
@@ -12145,6 +12182,8 @@ class ConnectorLine {
             isMilestoneValue = (data.milestoneParent && data.milestoneChild) ? 0 : data.milestoneParent ? -5 : data.milestoneChild ? 5 : 0;
         }
         let heightValue = isVirtual ? connectorLine$$1.height : (height + isMilestoneValue);
+        let borderTopWidth = 0;
+        let addTop = 0;
         let parentOverlapTopValue = 0;
         let childOverlapTopValue = 0;
         let count = 0;
@@ -12181,30 +12220,56 @@ class ConnectorLine {
             }
             if (isValid) {
                 if (((fromRecordIsParent && !fromRecordIsManual) && (toRecordIsParent && !toRecordIsManual))) {
-                    
+                    addTop = -11;
                 }
                 else if (!((fromRecordIsParent && !fromRecordIsManual) && (toRecordIsParent && !toRecordIsManual))) {
                     if (data.childIndex > data.parentIndex) {
-                        
+                        if (!fromRecordIsParent && toRecordIsParent) {
+                            borderTopWidth = -11;
+                        }
+                        else {
+                            borderTopWidth = 11;
+                            addTop = -11;
+                        }
                     }
                     else {
-                        
+                        if ((fromRecordIsParent && !toRecordIsParent)) {
+                            borderTopWidth = -11;
+                        }
+                        else {
+                            borderTopWidth = 11;
+                            addTop = -11;
+                        }
                     }
                 }
                 if (this.parent.currentViewData[data.parentIndex].ganttProperties.isMilestone) {
                     if (data.parentIndex > data.childIndex) {
-                        
+                        addTop = -11;
+                        borderTopWidth = 12;
                     }
                     else if (data.type === 'SS' || data.type === 'FF') {
-                        
+                        addTop = -5;
                     }
                 }
                 else if (this.parent.currentViewData[data.childIndex].ganttProperties.isMilestone) {
                     if (data.parentIndex > data.childIndex) {
-                        
+                        addTop = 5;
+                        borderTopWidth = -10;
                     }
-                    else if (data.type === 'SS' || data.type === 'FF') {
-                        
+                    else if (data.parentIndex < data.childIndex) {
+                        if (data.type === 'SS' || data.type === 'FF') {
+                            addTop = -10;
+                        }
+                    }
+                }
+                else {
+                    if (data.parentIndex < data.childIndex && fromRecordIsManual && !toRecordIsManual) {
+                        addTop = 0;
+                        borderTopWidth = -11;
+                    }
+                    else if (data.childIndex < data.parentIndex && !fromRecordIsManual && toRecordIsManual) {
+                        addTop = 0;
+                        borderTopWidth = -11;
                     }
                 }
             }
@@ -12237,127 +12302,110 @@ class ConnectorLine {
             if (this.getParentPosition(data) === 'FSType1') {
                 this.taskLineValue = data.milestoneChild ? 1 : 0;
                 this.x1 = data.parentEndPoint + (data.milestoneParent ? -1 : (data.milestoneChild ? -1 : 0));
-                this.x2 = data.milestoneParent ? ((((data.childLeft - (data.parentEndPoint + 10)) + 1) - 10) + 1) : (((data.childLeft - (data.parentEndPoint + 10))) - 10);
-                this.y1 = this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.parentIndex * data.rowHeight)) + this.getTaskbarMidpoint(data.milestoneParent)) + ((data.isManualParent && data.isManualChild) ? -10 : 0);
-                this.y2 = heightValue + this.taskLineValue;
-                this.manualParent = (data.isManualParent && !data.isManualChild ? -10 : 0);
-                this.manualChild = (data.isManualChild && !data.isManualParent ? -10 : 0);
-                this.connectorLinePath = "M " + this.x1 + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + (this.x1 + this.x2) + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + (this.x1 + this.x2) + " " + (this.y1 + this.y2) +
-                    " L " + (this.x1 + this.x2 + 11) + " " + (this.y1 + this.y2);
-                this.arrowPath = "M " + (this.x1 + this.x2 + 18) + " " + (this.y1 + this.y2 + this.manualChild) +
-                    " L " + (this.x1 + this.x2 + 11) + " " + (this.y1 + this.y2 - (4 + this.lineStroke) + this.manualChild) +
-                    " L " + (this.x1 + this.x2 + 11) + " " + (this.y1 + this.y2 + 4 + this.lineStroke + this.manualChild) + " Z";
+                this.x2 = data.milestoneParent ? ((((data.childLeft - (data.parentLeft + data.parentWidth + 10)) + this.lineStroke) - 10) + 1) : (((data.childLeft - (data.parentLeft + data.parentWidth + 10)) + this.lineStroke) - 10);
+                this.y1 = (this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.parentIndex * data.rowHeight)) + addTop + this.getTaskbarMidpoint(isMilestone) - (this.lineStroke - 1) - isMilestoneValue));
+                this.y2 = heightValue + this.taskLineValue + borderTopWidth - this.lineStroke;
+                this.connectorLinePath = "M " + this.x1 + " " + (this.y1) + " L " + (this.x1 + this.x2) + " " + (this.y1) + " L " + (this.x1 + this.x2) + " " + (this.y1 + this.y2) +
+                    " L " + (this.x1 + this.x2 + 12) + " " + (this.y1 + this.y2);
+                this.arrowPath = "M " + (this.x1 + this.x2 + 20) + " " + (this.y1 + this.y2) +
+                    " L " + (this.x1 + this.x2 + 12) + " " + (this.y1 + this.y2 - (4 + this.lineStroke)) +
+                    " L " + (this.x1 + this.x2 + 12) + " " + (this.y1 + this.y2 + 4) + " Z";
             }
             if (this.getParentPosition(data) === 'FSType2') {
-                this.taskLineValue = data.milestoneChild ? 1 : 0;
-                this.x1 = data.parentLeft + (data.milestoneChild ? -1 : 0);
-                this.x2 = data.parentWidth + (data.milestoneParent ? 1 : 0);
+                this.x1 = data.parentLeft;
+                this.x2 = data.parentWidth + (data.milestoneParent ? -1 : 0);
                 this.x3 = this.x2 + (data.milestoneParent ? 11 : 10);
                 this.x4 = data.parentWidth - ((data.parentEndPoint - data.childLeft) + 20);
-                this.y1 = this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.parentIndex * data.rowHeight)) + this.getTaskbarMidpoint(data.milestoneParent)) + ((data.isManualParent && data.isManualChild) ? -10 : 0);
-                this.y2 = heightValue - this.getconnectorLineGap(data) + this.taskLineValue;
+                this.y1 = (this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.parentIndex * data.rowHeight)) + addTop + this.getTaskbarMidpoint(isMilestone) - (this.lineStroke - 1) - isMilestoneValue));
+                this.y2 = heightValue + borderTopWidth - this.getconnectorLineGap(data) - this.lineStroke;
                 this.y3 = this.getconnectorLineGap(data);
-                this.y4 = this.y1 + this.y2 - ((this.y1 + this.y2) % data.rowHeight);
-                this.manualParent = (data.isManualParent && !data.isManualChild ? -10 : 0);
-                this.manualChild = (data.isManualChild && !data.isManualParent ? -10 : 0);
-                this.connectorLinePath = "M " + (this.x1 + this.x2) + " " + (this.y1 + this.manualParent + this.manualChild) + " " + " L " + (this.x1 + this.x3) + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + (this.x1 + this.x3) + " " + this.y4 +
-                    " L " + (this.x1 + this.x4) + " " + this.y4 + " L " + (this.x1 + this.x4) + " " + (this.y1 + this.y2 + this.y3) + " L " + (this.x1 + this.x4 + 11) + " " + (this.y1 + this.y2 + this.y3);
-                this.arrowPath = "M " + (this.x1 + this.x4 + 18) + " " + (this.y1 + this.y2 + this.y3 + this.manualChild) +
-                    " L " + (this.x1 + this.x4 + 11) + " " + (this.y1 + this.y2 + this.y3 - (4 + this.lineStroke) + this.manualChild) +
-                    " L " + (this.x1 + this.x4 + 11) + " " + (this.y1 + this.y2 + this.y3 + 4 + this.lineStroke + this.manualChild) + " Z";
+                this.y4 = (!this.parent.allowTaskbarOverlap ? childOverlapTopValue : (this.y1 + this.y2 - ((this.y1 + this.y2) % data.rowHeight)));
+                this.connectorLinePath = "M " + (this.x1 + this.x2) + " " + (this.y1) + " " + " L " + (this.x1 + this.x3) + " " + (this.y1) + " L " + (this.x1 + this.x3) + " " + this.y4 +
+                    " L " + (this.x1 + this.x4) + " " + this.y4 + " L " + (this.x1 + this.x4) + " " + (this.y1 + this.y2 + this.y3) + " L " + (this.x1 + this.x4 + 12) + " " + (this.y1 + this.y2 + this.y3);
+                this.arrowPath = "M " + (this.x1 + this.x4 + 20) + " " + (this.y1 + this.y2 + this.y3) +
+                    " L " + (this.x1 + this.x4 + 12) + " " + (this.y1 + this.y2 + this.y3 - (4 + this.lineStroke)) +
+                    " L " + (this.x1 + this.x4 + 12) + " " + (this.y1 + this.y2 + this.y3 + 4 + this.lineStroke) + " Z";
             }
             if (this.getParentPosition(data) === 'FSType3') {
                 this.taskLineValue = data.milestoneChild ? 1 : 0;
-                this.point1 = this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.childIndex * data.rowHeight)) + this.getTaskbarMidpoint(data.milestoneChild));
+                this.point1 = (this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? childOverlapTopValue : (data.childIndex * data.rowHeight)) + addTop + this.getTaskbarMidpoint(isMilestoneParent) - (this.lineStroke - 1) - isMilestoneValue));
                 this.x1 = (data.childLeft + (data.milestoneChild ? -1 : 0) + (data.milestoneParent ? 1 : 0)) - 20;
                 this.x2 = (data.parentEndPoint - data.childLeft) + 30;
-                this.y1 = this.point1 + ((data.isManualParent && data.isManualChild) ? -10 : 0);
-                this.y2 = this.point1 + heightValue - this.getconnectorLineGap(data) + this.taskLineValue + (this.parent.renderBaseline ? (data.milestoneChild ? -10 : 0) : 0);
-                this.y3 = this.getconnectorLineGap(data) + (this.parent.renderBaseline ? (data.milestoneParent ? 10 : 0) : 0);
+                this.y1 = this.point1 + (this.parent.renderBaseline ? (data.milestoneChild && !(data.milestoneParent) ? 11 : data.milestoneParent && !(data.milestoneChild) ? -12 : 0) : 0);
+                this.y2 = this.point1 + heightValue + borderTopWidth - this.getconnectorLineGap(data) - this.lineStroke + this.taskLineValue;
+                this.y3 = this.getconnectorLineGap(data);
                 this.y4 = this.y2 - (this.y2 % data.rowHeight);
-                this.manualParent = (data.isManualParent && !data.isManualChild ? -10 : 0);
-                this.manualChild = (data.isManualChild && !data.isManualParent ? -10 : 0);
-                this.connectorLinePath = "M " + (this.x1 + 12) + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + this.x1 + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + this.x1 + " " + this.y4 +
+                this.connectorLinePath = "M " + (this.x1 + 12) + " " + (this.y1) + " L " + this.x1 + " " + (this.y1) + " L " + this.x1 + " " + this.y4 +
                     " L " + (this.x1 + this.x2) + " " + this.y4 + " L " + (this.x1 + this.x2) + " " + (this.y2 + this.y3) + " L " + (this.x1 + this.x2 - 12) + " " + (this.y2 + this.y3);
-                this.arrowPath = "M " + (this.x1 + 18) + " " + (this.y1 + this.manualChild) +
-                    " L " + (this.x1 + 11) + " " + (this.y1 - (4 + this.lineStroke) + this.manualChild) +
-                    " L " + (this.x1 + 11) + " " + (this.y1 + 4 + this.lineStroke + this.manualChild) + " Z";
+                this.arrowPath = "M " + (this.x1 + 20) + " " + (this.y1) +
+                    " L " + (this.x1 + 12) + " " + (this.y1 - (4 + this.lineStroke)) +
+                    " L " + (this.x1 + 12) + " " + (this.y1 + 4 + this.lineStroke) + " Z";
             }
             if (this.getParentPosition(data) === 'FSType4') {
-                this.point1 = this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.childIndex * data.rowHeight)) + this.getTaskbarMidpoint(data.milestoneChild));
+                this.point1 = (this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? childOverlapTopValue : (data.childIndex * data.rowHeight)) + addTop + this.getTaskbarMidpoint(isMilestone) - (this.lineStroke - 1)));
                 this.taskLineValue = this.parent.renderBaseline ? this.taskLineValue : 0;
                 this.x1 = data.parentEndPoint + (data.milestoneChild ? -1 : 0) + (data.milestoneParent ? 1 : 0);
                 this.x2 = data.childLeft - data.parentEndPoint - 20;
-                this.y1 = this.point1 + (data.milestoneChild ? 1 : 0) + ((data.isManualParent && data.isManualChild) ? -10 : 0);
-                this.y2 = this.point1 + heightValue + this.taskLineValue + (this.parent.renderBaseline ? (data.milestoneParent ? 10 : 0) : 0);
-                this.manualParent = (data.isManualParent && !data.isManualChild ? -10 : 0);
-                this.manualChild = (data.isManualChild && !data.isManualParent ? -10 : 0);
-                this.connectorLinePath = "M " + (this.x1 + this.x2 + 11) + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + (this.x1 + this.x2) + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + (this.x1 + this.x2) + " " + this.y2 +
+                this.y1 = this.point1 + (data.milestoneChild ? -1 : 0);
+                this.y2 = this.point1 + heightValue + borderTopWidth - this.lineStroke + 1 + this.taskLineValue + (this.parent.renderBaseline ? (data.milestoneChild && !(data.milestoneParent) ? -12 : data.milestoneParent && !(data.milestoneChild) ? 11 : 0) : 0);
+                this.connectorLinePath = "M " + (this.x1 + this.x2 + 12) + " " + (this.y1) + " L " + (this.x1 + this.x2) + " " + (this.y1) + " L " + (this.x1 + this.x2) + " " + this.y2 +
                     " L " + this.x1 + " " + this.y2;
-                this.arrowPath = "M " + (this.x1 + this.x2 + 18) + " " + (this.y1 + this.manualChild) +
-                    " L " + (this.x1 + this.x2 + 11) + " " + (this.y1 - (4 + this.lineStroke) + this.manualChild) +
-                    " L " + (this.x1 + this.x2 + 11) + " " + (this.y1 + 4 + this.lineStroke + this.manualChild) + " Z";
+                this.arrowPath = "M " + (this.x1 + this.x2 + 20) + " " + (this.y1) +
+                    " L " + (this.x1 + this.x2 + 12) + " " + (this.y1 - (4 + this.lineStroke)) +
+                    " L " + (this.x1 + this.x2 + 12) + " " + (this.y1 + 4 + this.lineStroke) + " Z";
             }
             if (this.getParentPosition(data) === 'SSType4') {
                 this.taskLineValue = this.parent.renderBaseline ? this.taskLineValue : 0;
-                this.point1 = heightValue + this.taskLineValue;
-                this.point2 = this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.childIndex * data.rowHeight)) + this.getTaskbarMidpoint(data.milestoneChild));
-                this.x1 = data.parentLeft - 8;
+                this.point1 = heightValue + this.taskLineValue + borderTopWidth;
+                this.point2 = (this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? childOverlapTopValue : (data.childIndex * data.rowHeight)) + addTop + this.getTaskbarMidpoint(isMilestone) - (this.lineStroke - 1)));
+                this.x1 = data.parentLeft - 10;
                 this.x2 = data.childLeft - data.parentLeft;
-                this.y1 = this.point2 + (data.milestoneChild ? 1 : 0) + ((data.isManualParent && data.isManualChild) ? -10 : 0);
-                this.y2 = this.y1 + this.point1 + (this.parent.renderBaseline ? (data.milestoneParent ? 10 : 0) : 0);
-                this.manualParent = (data.isManualParent && !data.isManualChild ? -10 : 0);
-                this.manualChild = (data.isManualChild && !data.isManualParent ? -10 : 0);
-                this.connectorLinePath = "M " + (this.x1 + this.x2) + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + this.x1 + " " + (this.y1 + this.manualParent + this.manualChild) +
+                this.y1 = this.point2 + (data.milestoneChild ? 1 : 0);
+                this.y2 = this.y1 + this.point1 + (this.parent.renderBaseline ? (data.milestoneParent && !(data.milestoneChild) ? 10 : data.milestoneChild && !(data.milestoneParent) ? -13 : 0) : 0);
+                this.connectorLinePath = "M " + (this.x1 + this.x2) + " " + (this.y1) + " L " + this.x1 + " " + (this.y1) +
                     " L " + this.x1 + " " + this.y2 + " L " + (this.x1 + 10) + " " + this.y2;
-                this.arrowPath = "M " + (this.x1 + this.x2 + 8) + " " + (this.y1 + this.manualChild) +
-                    " L " + (this.x1 + this.x2) + " " + (this.y1 - (4 + this.lineStroke) + this.manualChild) +
-                    " L " + (this.x1 + this.x2) + " " + (this.y1 + 4 + this.lineStroke + this.manualChild) + " Z";
+                this.arrowPath = "M " + (this.x1 + this.x2 + 8) + " " + (this.y1) +
+                    " L " + (this.x1 + this.x2) + " " + (this.y1 - (4 + this.lineStroke)) +
+                    " L " + (this.x1 + this.x2) + " " + (this.y1 + 4 + this.lineStroke) + " Z";
             }
             if (this.getParentPosition(data) === 'SSType3') {
                 this.taskLineValue = this.parent.renderBaseline ? this.taskLineValue : data.milestoneChild ? 1 : 0;
-                this.point1 = heightValue + this.taskLineValue;
+                this.point1 = heightValue + this.taskLineValue + borderTopWidth - (this.lineStroke - 1);
                 this.x1 = data.childLeft - 20;
-                this.y1 = (data.milestoneChild ? 1 : 0) + ((this.parent.enableVirtualization ? rowPositionHeight : (!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.childIndex * data.rowHeight)) + this.getTaskbarMidpoint(data.milestoneChild))) + ((data.isManualParent && data.isManualChild) ? -10 : 0);
+                this.y1 = (data.milestoneChild ? 1 : 0) + (this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? childOverlapTopValue : (data.childIndex * data.rowHeight)) + addTop + this.getTaskbarMidpoint(isMilestone) - (this.lineStroke - 1)));
                 this.x2 = data.parentLeft - data.childLeft + 21;
-                this.y2 = this.y1 + this.point1 + (this.parent.renderBaseline ? (data.milestoneChild ? -11 : data.milestoneParent ? 10 : 0) : 0);
-                this.manualParent = (data.isManualParent && !data.isManualChild ? -10 : 0);
-                this.manualChild = (data.isManualChild && !data.isManualParent ? -10 : 0);
-                this.connectorLinePath = "M " + (this.x1 + 12) + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + this.x1 + " " + (this.y1 + this.manualParent + this.manualChild) +
+                this.y2 = this.y1 + this.point1 + (this.parent.renderBaseline ? (data.milestoneChild && !(data.milestoneParent) ? -11 : data.milestoneParent && !(data.milestoneChild) ? 10 : 0) : 0);
+                this.connectorLinePath = "M " + (this.x1 + 12) + " " + (this.y1) + " L " + this.x1 + " " + (this.y1) +
                     " L " + this.x1 + " " + this.y2 + " L " + (this.x1 + this.x2) + " " + this.y2;
-                this.arrowPath = "M " + (this.x1 + 20) + " " + (this.y1 + this.manualChild) +
-                    " L " + (this.x1 + 12) + " " + (this.y1 - (4 + this.lineStroke) + this.manualChild) +
-                    " L " + (this.x1 + 12) + " " + (this.y1 + 4 + this.lineStroke + this.manualChild) + " Z";
+                this.arrowPath = "M " + (this.x1 + 20) + " " + (this.y1) +
+                    " L " + (this.x1 + 12) + " " + (this.y1 - (4 + this.lineStroke)) +
+                    " L " + (this.x1 + 12) + " " + (this.y1 + 4 + this.lineStroke) + " Z";
             }
             if (this.getParentPosition(data) === 'SSType2') {
                 this.taskLineValue = this.parent.renderBaseline ? this.taskLineValue : data.milestoneChild ? 1 : 0;
-                this.point1 = heightValue + this.taskLineValue;
+                this.point1 = heightValue + this.taskLineValue + borderTopWidth - this.lineStroke;
                 this.x1 = setInnerElementLeftSSType2;
                 this.x2 = setInnerChildWidthSSType2 + 1;
-                this.y1 = this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.parentIndex * data.rowHeight)) + this.getTaskbarMidpoint(data.milestoneParent)) + ((data.isManualParent && data.isManualChild) ? -10 : 0);
+                this.y1 = (this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.parentIndex * data.rowHeight)) + addTop + this.getTaskbarMidpoint(isMilestoneParent) - (this.lineStroke - 1)));
                 this.y2 = this.y1 + this.point1;
-                this.manualParent = (data.isManualParent && !data.isManualChild ? -10 : 0);
-                this.manualChild = (data.isManualChild && !data.isManualParent ? -10 : 0);
-                this.connectorLinePath = "M " + (this.x1 + this.x2) + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + this.x1 + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + this.x1 + " " + this.y2 +
+                this.connectorLinePath = "M " + (this.x1 + this.x2) + " " + (this.y1) + " L " + this.x1 + " " + (this.y1) + " L " + this.x1 + " " + this.y2 +
                     " L " + (this.x1 + setInnerElementWidthSSType2) + " " + this.y2;
-                this.arrowPath = "M " + (this.x1 + setInnerElementWidthSSType2 + 8) + " " + (this.y2 + this.manualChild) +
-                    " L " + (this.x1 + setInnerElementWidthSSType2) + " " + (this.y2 - (4 + this.lineStroke) + this.manualChild) +
-                    " L " + (this.x1 + setInnerElementWidthSSType2) + " " + (this.y2 + 4 + this.lineStroke + this.manualChild) + " Z";
+                this.arrowPath = "M " + (this.x1 + setInnerElementWidthSSType2 + 8) + " " + (this.y2) +
+                    " L " + (this.x1 + setInnerElementWidthSSType2) + " " + (this.y2 - (4 + this.lineStroke)) +
+                    " L " + (this.x1 + setInnerElementWidthSSType2) + " " + (this.y2 + 4 + this.lineStroke) + " Z";
             }
             if (this.getParentPosition(data) === 'SSType1') {
                 this.taskLineValue = this.parent.renderBaseline ? this.taskLineValue : data.milestoneChild ? 1 : 0;
-                this.point1 = heightValue + this.taskLineValue;
+                this.point1 = heightValue + this.taskLineValue + borderTopWidth - this.lineStroke;
                 this.x1 = data.childLeft - 20;
                 this.x2 = data.parentLeft - data.childLeft + 21;
-                this.y1 = this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.parentIndex * data.rowHeight)) + this.getTaskbarMidpoint(data.milestoneParent)) + +((data.isManualParent && data.isManualChild) ? -10 : 0);
+                this.y1 = (this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.parentIndex * data.rowHeight)) + addTop + this.getTaskbarMidpoint(isMilestoneParent) - (this.lineStroke - 1)));
                 this.y2 = this.y1 + this.point1;
-                this.manualParent = (data.isManualParent && !data.isManualChild ? -10 : 0);
-                this.manualChild = (data.isManualChild && !data.isManualParent ? -10 : 0);
-                this.connectorLinePath = "M " + (this.x1 + this.x2) + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + this.x1 + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + this.x1 + " " + this.y2 +
+                this.connectorLinePath = "M " + (this.x1 + this.x2) + " " + (this.y1) + " L " + this.x1 + " " + (this.y1) + " L " + this.x1 + " " + this.y2 +
                     " L " + (this.x1 + 12) + " " + this.y2;
-                this.arrowPath = "M " + (this.x1 + 20) + " " + (this.y2 + this.manualChild) +
-                    " L " + (this.x1 + 12) + " " + (this.y2 - (4 + this.lineStroke) + this.manualChild) +
-                    " L " + (this.x1 + 12) + " " + (this.y2 + 4 + this.lineStroke + this.manualChild) + " Z";
+                this.arrowPath = "M " + (this.x1 + 20) + " " + (this.y2) +
+                    " L " + (this.x1 + 12) + " " + (this.y2 - (4 + this.lineStroke)) +
+                    " L " + (this.x1 + 12) + " " + (this.y2 + 4 + this.lineStroke) + " Z";
             }
             if (this.getParentPosition(data) === 'FFType1') {
                 this.taskLineValue = this.parent.renderBaseline ? this.taskLineValue : (data.milestoneChild ? 1 : 0);
@@ -12365,30 +12413,26 @@ class ConnectorLine {
                 this.x2 = data.parentEndPoint + (data.milestoneParent ? -1 : 0);
                 this.x3 = data.milestoneParent ? 22 : 21;
                 this.x4 = data.milestoneChild ? 4 : 8;
-                this.y1 = this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.parentIndex * data.rowHeight)) + this.getTaskbarMidpoint(data.milestoneParent)) + ((data.isManualParent && data.isManualChild) ? -10 : 0);
-                this.y2 = heightValue + this.taskLineValue;
-                this.manualParent = (data.isManualParent && !data.isManualChild ? -10 : 0);
-                this.manualChild = (data.isManualChild && !data.isManualParent ? -10 : 0);
-                this.connectorLinePath = "M " + this.x2 + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + (this.x2 + this.x3) + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + (this.x2 + this.x3) + " " + (this.y1 + this.y2) +
+                this.y1 = (this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.parentIndex * data.rowHeight)) + addTop + this.getTaskbarMidpoint(isMilestoneParent) - (this.lineStroke - 1)));
+                this.y2 = heightValue + this.taskLineValue + borderTopWidth - this.lineStroke;
+                this.connectorLinePath = "M " + this.x2 + " " + (this.y1) + " L " + (this.x2 + this.x3) + " " + (this.y1) + " L " + (this.x2 + this.x3) + " " + (this.y1 + this.y2) +
                     " L " + (this.x1 + this.x4) + " " + (this.y1 + this.y2);
-                this.arrowPath = "M " + this.x1 + " " + (this.y1 + this.y2 + this.manualChild) +
-                    " L " + (this.x1 + 8) + " " + (this.y1 + this.y2 - (4 + this.lineStroke) + this.manualChild) +
-                    " L " + (this.x1 + 8) + " " + (this.y1 + this.y2 + 4 + this.lineStroke + this.manualChild) + " Z";
+                this.arrowPath = "M " + this.x1 + " " + (this.y1 + this.y2) +
+                    " L " + (this.x1 + 8) + " " + (this.y1 + this.y2 - (4 + this.lineStroke)) +
+                    " L " + (this.x1 + 8) + " " + (this.y1 + this.y2 + 4 + this.lineStroke) + " Z";
             }
             if (this.getParentPosition(data) === 'FFType2') {
                 this.taskLineValue = this.parent.renderBaseline ? this.taskLineValue : (data.milestoneChild ? 1 : 0);
                 this.x1 = data.parentEndPoint;
                 this.x2 = data.childEndPoint + (data.milestoneParent ? 22 : 21);
                 this.x3 = data.childEndPoint + (data.milestoneChild ? 9 : 8);
-                this.y1 = this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.parentIndex * data.rowHeight)) + this.getTaskbarMidpoint(data.milestoneParent)) + ((data.isManualParent && data.isManualChild) ? -10 : 0);
-                this.y2 = heightValue + this.taskLineValue;
-                this.manualParent = (data.isManualParent && !data.isManualChild ? -10 : 0);
-                this.manualChild = (data.isManualChild && !data.isManualParent ? -10 : 0);
-                this.connectorLinePath = "M " + this.x1 + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + this.x2 + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + this.x2 + " " + (this.y1 + this.y2) +
+                this.y1 = (this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.parentIndex * data.rowHeight)) + addTop + this.getTaskbarMidpoint(data.milestoneParent) - (this.lineStroke - 1)));
+                this.y2 = heightValue + this.taskLineValue + borderTopWidth - this.lineStroke;
+                this.connectorLinePath = "M " + this.x1 + " " + (this.y1) + " L " + this.x2 + " " + (this.y1) + " L " + this.x2 + " " + (this.y1 + this.y2) +
                     " L " + this.x3 + " " + (this.y1 + this.y2);
-                this.arrowPath = "M " + (this.x3 - 8) + " " + (this.y1 + this.y2 + this.manualChild) +
-                    " L " + this.x3 + " " + (this.y1 + this.y2 - (4 + this.lineStroke) + this.manualChild) +
-                    " L " + this.x3 + " " + (this.y1 + this.y2 + 4 + this.lineStroke + this.manualChild) + " Z";
+                this.arrowPath = "M " + (this.x3 - 8) + " " + (this.y1 + this.y2) +
+                    " L " + this.x3 + " " + (this.y1 + this.y2 - (4 + this.lineStroke)) +
+                    " L " + this.x3 + " " + (this.y1 + this.y2 + 4 + this.lineStroke) + " Z";
             }
             if (this.getParentPosition(data) === 'FFType3') {
                 this.taskLineValue = this.parent.renderBaseline ? this.taskLineValue : 0;
@@ -12396,98 +12440,86 @@ class ConnectorLine {
                 this.x2 = this.x1 + (data.milestoneChild ? 4 : 8);
                 this.x3 = data.parentEndPoint - data.childEndPoint + (data.milestoneChild ? 16 : 10);
                 this.x4 = data.parentEndPoint + (data.milestoneParent ? -1 : 0);
-                this.y1 = this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.childIndex * data.rowHeight)) + this.getTaskbarMidpoint(data.milestoneChild)) + ((data.isManualParent && data.isManualChild) ? -10 : 0);
-                this.y2 = heightValue + this.taskLineValue + (this.parent.renderBaseline ? (data.milestoneParent ? 10 : 0) : 0);
-                this.manualParent = (data.isManualParent && !data.isManualChild ? -10 : 0);
-                this.manualChild = (data.isManualChild && !data.isManualParent ? -10 : 0);
-                this.connectorLinePath = "M " + this.x2 + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + (this.x2 + this.x3) + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + (this.x2 + this.x3) + " " + (this.y1 + this.y2) +
+                this.y1 = (this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? childOverlapTopValue : (data.childIndex * data.rowHeight)) + addTop + this.getTaskbarMidpoint(isMilestone) - (this.lineStroke - 1)));
+                this.y2 = heightValue + this.taskLineValue + borderTopWidth - this.lineStroke + (this.parent.renderBaseline ? (data.milestoneParent && !(data.milestoneChild) ? 10 : data.milestoneChild && !(data.milestoneParent) ? -11 : 0) : 0);
+                this.connectorLinePath = "M " + this.x2 + " " + (this.y1) + " L " + (this.x2 + this.x3) + " " + (this.y1) + " L " + (this.x2 + this.x3) + " " + (this.y1 + this.y2) +
                     " L " + this.x4 + " " + (this.y1 + this.y2);
-                this.arrowPath = "M " + this.x1 + " " + (this.y1 + this.manualChild) +
-                    " L " + (this.x1 + 8) + " " + (this.y1 - (4 + this.lineStroke) + this.manualChild) +
-                    " L " + (this.x1 + 8) + " " + (this.y1 + 4 + this.lineStroke + this.manualChild) + " Z";
+                this.arrowPath = "M " + this.x1 + " " + (this.y1) +
+                    " L " + (this.x1 + 8) + " " + (this.y1 - (4 + this.lineStroke)) +
+                    " L " + (this.x1 + 8) + " " + (this.y1 + 4 + this.lineStroke) + " Z";
             }
             if (this.getParentPosition(data) === 'FFType4') {
                 this.taskLineValue = this.parent.renderBaseline ? this.taskLineValue : 0;
                 this.x1 = data.parentEndPoint;
                 this.x2 = data.childEndPoint + (data.milestoneChild ? 7 : 8);
                 this.x3 = this.x2 + (data.milestoneChild ? 12 : 11);
-                this.y1 = this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.childIndex * data.rowHeight)) + this.getTaskbarMidpoint(data.milestoneChild)) + ((data.isManualParent && data.isManualChild) ? -10 : 0);
-                this.y2 = heightValue + this.taskLineValue + +(this.parent.renderBaseline ? (data.milestoneParent ? 10 : 0) : 0);
-                this.manualParent = (data.isManualParent && !data.isManualChild ? -10 : 0);
-                this.manualChild = (data.isManualChild && !data.isManualParent ? -10 : 0);
-                this.connectorLinePath = "M " + this.x2 + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + this.x3 + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + this.x3 + " " + (this.y1 + this.y2) +
+                this.y1 = (this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? childOverlapTopValue : (data.childIndex * data.rowHeight)) + addTop + this.getTaskbarMidpoint(isMilestone) - (this.lineStroke - 1)));
+                this.y2 = heightValue + this.taskLineValue + borderTopWidth + (this.parent.renderBaseline ? (data.milestoneParent && !(data.milestoneChild) ? 10 : data.milestoneChild && !(data.milestoneParent) ? -12 : 0) : 0) - this.lineStroke + 1;
+                this.connectorLinePath = "M " + this.x2 + " " + (this.y1) + " L " + this.x3 + " " + (this.y1) + " L " + this.x3 + " " + (this.y1 + this.y2) +
                     " L " + this.x1 + " " + (this.y1 + this.y2);
-                this.arrowPath = "M " + (this.x2 - 8) + " " + (this.y1 + this.manualChild) +
-                    " L " + this.x2 + " " + (this.y1 - (4 + this.lineStroke) + this.manualChild) +
-                    " L " + this.x2 + " " + (this.y1 + 4 + this.lineStroke + this.manualChild) + " Z";
+                this.arrowPath = "M " + (this.x2 - 8) + " " + (this.y1) +
+                    " L " + this.x2 + " " + (this.y1 - (4 + this.lineStroke)) +
+                    " L " + this.x2 + " " + (this.y1 + 4 + this.lineStroke) + " Z";
             }
             if (this.getParentPosition(data) === 'SFType4') {
                 this.taskLineValue = this.parent.renderBaseline ? this.taskLineValue : (data.milestoneChild ? -1 : 0);
-                this.point1 = heightValue - this.getconnectorLineGap(data) + this.taskLineValue;
-                this.point2 = this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.childIndex * data.rowHeight)) + this.getTaskbarMidpoint(data.milestoneChild));
+                this.point1 = (this.taskLineValue + heightValue + borderTopWidth - this.getconnectorLineGap(data) - (this.lineStroke - 1));
+                this.point2 = (this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? childOverlapTopValue : (data.childIndex * data.rowHeight)) + addTop + this.getTaskbarMidpoint(isMilestone) - (this.lineStroke - 1) - isMilestoneValue));
                 this.x1 = data.parentLeft - 10;
                 this.x2 = this.x1 + ((data.childEndPoint - data.parentLeft) + 18);
                 this.x3 = this.x2 + (data.milestoneChild ? 16 : 11);
-                this.y1 = this.point2 + (data.milestoneChild ? 1 : 0) + ((data.isManualParent && data.isManualChild) ? -10 : 0);
-                this.y2 = this.y1 + this.point1 + (this.parent.renderBaseline ? (data.milestoneChild ? -11 : 0) : 0);
-                this.y3 = this.getconnectorLineGap(data) + (this.parent.renderBaseline ? (data.milestoneParent ? 10 : 0) : 0);
+                this.y1 = this.point2 + (data.milestoneChild ? 2 : 0) + (this.parent.renderBaseline ? (data.milestoneParent ? -5 : 0) : 0);
+                this.y2 = this.y1 + this.point1 + (this.parent.renderBaseline ? (data.milestoneChild && !(data.milestoneParent) ? -9 : data.milestoneParent && !(data.milestoneChild) ? 9 : 0) : 0);
+                this.y3 = this.getconnectorLineGap(data);
                 this.y4 = this.y2 - (this.y2 % data.rowHeight);
-                this.manualParent = (data.isManualParent && !data.isManualChild ? -10 : 0);
-                this.manualChild = (data.isManualChild && !data.isManualParent ? -10 : 0);
-                this.connectorLinePath = "M " + this.x2 + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + this.x3 + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + this.x3 + " " + this.y4 + " L " + this.x1 + " " + this.y4 +
+                this.connectorLinePath = "M " + this.x2 + " " + (this.y1) + " L " + this.x3 + " " + (this.y1) + " L " + this.x3 + " " + this.y4 + " L " + this.x1 + " " + this.y4 +
                     " L " + this.x1 + " " + (this.y2 + this.y3) + " L " + (this.x1 + 11) + " " + (this.y2 + this.y3);
-                this.arrowPath = "M " + (this.x2 - 8) + " " + (this.y1 + this.manualChild) +
-                    " L " + this.x2 + " " + (this.y1 - (4 + this.lineStroke) + this.manualChild) +
-                    " L " + this.x2 + " " + (this.y1 + 4 + this.lineStroke + this.manualChild) + " Z";
+                this.arrowPath = "M " + (this.x2 - 8) + " " + (this.y1) +
+                    " L " + this.x2 + " " + (this.y1 - (4 + this.lineStroke)) +
+                    " L " + this.x2 + " " + (this.y1 + 4 + this.lineStroke) + " Z";
             }
             if (this.getParentPosition(data) === 'SFType3') {
                 this.taskLineValue = this.parent.renderBaseline ? this.taskLineValue : 0;
-                this.point1 = (data.parentLeft - (data.childEndPoint + (data.milestoneParent ? 25 : 20))) + 1 + (this.parent.renderBaseline ? (data.milestoneParent ? 5 : 0) : 0);
-                this.point2 = this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.childIndex * data.rowHeight)) + this.getTaskbarMidpoint(data.milestoneChild));
+                this.point1 = (data.parentLeft - (data.childEndPoint + (data.milestoneParent ? 23 : 20))) + 1;
+                this.point2 = (this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? childOverlapTopValue : (data.childIndex * data.rowHeight)) + addTop + this.getTaskbarMidpoint(isMilestone) - (this.lineStroke - 1)));
                 this.x1 = data.childEndPoint;
                 this.x2 = this.x1 + (data.milestoneChild ? 9 : 8);
                 this.x3 = this.x2 + (data.milestoneChild ? 17 : 11);
-                this.y1 = this.point2 + ((data.isManualParent && data.isManualChild) ? -10 : 0);
-                this.y2 = this.y1 + heightValue + this.taskLineValue + (this.parent.renderBaseline ? (data.milestoneParent ? 10 : 0) : 0);
-                this.manualParent = (data.isManualParent && !data.isManualChild ? -10 : 0);
-                this.manualChild = (data.isManualChild && !data.isManualParent ? -10 : 0);
-                this.connectorLinePath = "M " + this.x2 + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + this.x3 + " " + (this.y1 + this.manualParent + this.manualChild) +
+                this.y1 = this.point2;
+                this.y2 = this.y1 + heightValue + borderTopWidth - (this.lineStroke - 1) + this.taskLineValue + (this.parent.renderBaseline ? (data.milestoneChild && !(data.milestoneParent) ? -12 : data.milestoneParent && !(data.milestoneChild) ? 10 : 0) : 0);
+                this.connectorLinePath = "M " + this.x2 + " " + (this.y1) + " L " + this.x3 + " " + (this.y1) +
                     " L " + this.x3 + " " + this.y2 + " L " + (this.x3 + this.point1) + " " + this.y2;
-                this.arrowPath = "M " + (this.x2 - 8) + " " + (this.y1 + this.manualChild) +
-                    " L " + this.x2 + " " + (this.y1 - (4 + this.lineStroke) + this.manualChild) +
-                    " L " + this.x2 + " " + (this.y1 + 4 + this.lineStroke + this.manualChild) + " Z";
+                this.arrowPath = "M " + (this.x2 - 8) + " " + (this.y1) +
+                    " L " + this.x2 + " " + (this.y1 - (4 + this.lineStroke)) +
+                    " L " + this.x2 + " " + (this.y1 + 4 + this.lineStroke) + " Z";
             }
             if (this.getParentPosition(data) === 'SFType1') {
                 this.taskLineValue = this.parent.renderBaseline ? this.taskLineValue : data.milestoneChild ? 1 : 0;
-                this.point1 = heightValue - this.getconnectorLineGap(data) + this.taskLineValue;
+                this.point1 = heightValue + borderTopWidth - this.getconnectorLineGap(data) + this.taskLineValue - this.lineStroke;
                 this.point2 = this.getconnectorLineGap(data);
                 this.x1 = data.parentLeft - 10;
-                this.y1 = this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.parentIndex * data.rowHeight)) + this.getTaskbarMidpoint(data.milestoneParent)) + +((data.isManualParent && data.isManualChild) ? -10 : 0);
+                this.y1 = (this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.parentIndex * data.rowHeight)) + addTop + this.getTaskbarMidpoint(isMilestone) - (this.lineStroke - 1) - isMilestoneValue));
                 this.x2 = (data.childEndPoint - data.parentLeft) + 31;
                 this.y2 = this.y1 + this.point1;
                 this.x3 = (data.childEndPoint - data.parentLeft) + 18;
                 this.y3 = this.y2 - (this.y2 % data.rowHeight);
-                this.manualParent = (data.isManualParent && !data.isManualChild ? -10 : 0);
-                this.manualChild = (data.isManualChild && !data.isManualParent ? -10 : 0);
-                this.connectorLinePath = "M " + (this.x1 + 11) + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + this.x1 + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + this.x1 + " " + this.y3 +
+                this.connectorLinePath = "M " + (this.x1 + 11) + " " + (this.y1) + " L " + this.x1 + " " + (this.y1) + " L " + this.x1 + " " + this.y3 +
                     " L " + (this.x1 + this.x2) + " " + this.y3 + " L " + (this.x1 + this.x2) + " " + (this.y2 + this.point2) + " L " + (this.x1 + this.x3) + " " + (this.y2 + this.point2);
-                this.arrowPath = "M " + (this.x1 + this.x3 - 8) + " " + (this.y2 + this.point2 + this.manualChild) +
-                    " L " + (this.x1 + this.x3) + " " + (this.y2 + this.point2 - (4 + this.lineStroke) + this.manualChild) +
-                    " L " + (this.x1 + this.x3) + " " + (this.y2 + this.point2 + 4 + this.lineStroke + this.manualChild) + " Z";
+                this.arrowPath = "M " + (this.x1 + this.x3 - 8) + " " + (this.y2 + this.point2) +
+                    " L " + (this.x1 + this.x3) + " " + (this.y2 + this.point2 - (4 + this.lineStroke)) +
+                    " L " + (this.x1 + this.x3) + " " + (this.y2 + this.point2 + 4 + this.lineStroke) + " Z";
             }
             if (this.getParentPosition(data) === 'SFType2') {
                 this.taskLineValue = this.parent.renderBaseline ? this.taskLineValue : 0;
                 this.x1 = data.childEndPoint;
-                this.y1 = this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.parentIndex * data.rowHeight)) + this.getTaskbarMidpoint(data.milestoneParent)) + +((data.isManualParent && data.isManualChild) ? -10 : 0);
+                this.y1 = (this.parent.enableVirtualization ? rowPositionHeight : ((!this.parent.allowTaskbarOverlap ? parentOverlapTopValue : (data.parentIndex * data.rowHeight)) + addTop + this.getTaskbarMidpoint(isMilestoneParent) - (this.lineStroke - 1)));
                 this.x2 = (data.parentLeft - data.childEndPoint);
-                this.y2 = this.y1 + heightValue + this.taskLineValue;
-                this.manualParent = (data.isManualParent && !data.isManualChild ? -10 : 0);
-                this.manualChild = (data.isManualChild && !data.isManualParent ? -10 : 0);
-                this.connectorLinePath = "M " + (this.x1 + this.x2 + 1) + " " + (this.y1 + this.manualParent + this.manualChild) + " L " + (this.x1 + this.x2 - 10) + " " + (this.y1 + this.manualParent + this.manualChild) +
+                this.y2 = this.y1 + heightValue + this.taskLineValue + borderTopWidth - this.lineStroke;
+                this.connectorLinePath = "M " + (this.x1 + this.x2 + 1) + " " + (this.y1) + " L " + (this.x1 + this.x2 - 10) + " " + (this.y1) +
                     " L " + (this.x1 + this.x2 - 10) + " " + this.y2 + " L " + (this.x1 + 8) + " " + this.y2;
-                this.arrowPath = "M " + this.x1 + " " + (this.y2 + this.manualChild) +
-                    " L " + (this.x1 + 8) + " " + (this.y2 - (4 + this.lineStroke) + this.manualChild) +
-                    " L " + (this.x1 + 8) + " " + (this.y2 + 4 + this.lineStroke + this.manualChild) + " Z";
+                this.arrowPath = "M " + this.x1 + " " + (this.y2) +
+                    " L " + (this.x1 + 8) + " " + (this.y2 - (4 + this.lineStroke)) +
+                    " L " + (this.x1 + 8) + " " + (this.y2 + 4 + this.lineStroke) + " Z";
             }
             this.connectorPath.setAttribute("d", this.connectorLinePath);
             this.arrowlinePath.setAttribute("d", this.arrowPath);
@@ -13024,35 +13056,34 @@ class Tooltip$1 {
      */
     updateTooltipPosition(args) {
         args.element.style.visibility = 'visible';
-        if (isNullOrUndefined(this.tooltipMouseEvent) || args.target.classList.contains('e-notes-info')) {
-            return;
-        }
-        const postion = this.getPointorPosition(this.tooltipMouseEvent);
-        const containerPosition = this.parent.getOffsetRect(this.parent.chartPane);
-        const topEnd = containerPosition.top + this.parent.chartPane.offsetHeight;
-        const leftEnd = containerPosition.left + this.parent.chartPane.offsetWidth;
-        let tooltipPositionX = postion.x;
-        let tooltipPositionY = postion.y;
-        if (leftEnd < (tooltipPositionX + args.element.offsetWidth + 10)) {
-            while (leftEnd < (tooltipPositionX + args.element.offsetWidth + 10)) {
-                tooltipPositionX = leftEnd - args.element.offsetWidth - 10;
-                args.element.style.left = tooltipPositionX + 'px';
-            }
-        }
-        else {
-            tooltipPositionX = tooltipPositionX + 10;
-            args.element.style.left = tooltipPositionX + 'px';
-        }
-        if (window.innerHeight < args.element.offsetHeight + tooltipPositionY) {
-            tooltipPositionY = tooltipPositionY - args.element.offsetHeight - 10;
-        }
-        if ((topEnd < (tooltipPositionY + args.element.offsetHeight + 20))) {
-            tooltipPositionY = tooltipPositionY - args.element.offsetHeight - 10;
-        }
-        else {
-            tooltipPositionY = tooltipPositionY + 10;
-        }
-        args.element.style.top = tooltipPositionY + 'px';
+        // if (isNullOrUndefined(this.tooltipMouseEvent) || args.target.classList.contains('e-notes-info')) {
+        //     return;
+        // }
+        // const postion: { x: number, y: number } = this.getPointorPosition(this.tooltipMouseEvent);
+        // const containerPosition: { top: number, left: number, width?: number, height?: number } =
+        //  this.parent.getOffsetRect(this.parent.chartPane);
+        // const topEnd: number = containerPosition.top + this.parent.chartPane.offsetHeight;
+        // const leftEnd: number = containerPosition.left + this.parent.chartPane.offsetWidth;
+        // let tooltipPositionX: number = postion.x;
+        // let tooltipPositionY: number = postion.y;
+        // if (leftEnd < (tooltipPositionX + args.element.offsetWidth + 10)) {
+        //     while (leftEnd < (tooltipPositionX + args.element.offsetWidth + 10)) {
+        //         tooltipPositionX = leftEnd - args.element.offsetWidth - 10;
+        //         args.element.style.left = tooltipPositionX + 'px';
+        //     }
+        // } else {
+        //     tooltipPositionX = tooltipPositionX + 10;
+        //     args.element.style.left = tooltipPositionX + 'px';
+        // }
+        // if (window.innerHeight < args.element.offsetHeight + tooltipPositionY) {
+        //     tooltipPositionY = tooltipPositionY - args.element.offsetHeight - 10;
+        // }
+        // if ((topEnd < (tooltipPositionY + args.element.offsetHeight + 20))) {
+        //     tooltipPositionY = tooltipPositionY - args.element.offsetHeight - 10;
+        // } else {
+        //     tooltipPositionY = tooltipPositionY + 10;
+        // }
+        // args.element.style.top = tooltipPositionY + 'px';
     }
     /**
      * Method to get mouse pointor position
@@ -14472,6 +14503,13 @@ let Gantt = class Gantt extends Component {
             if (this.enableCriticalPath && criticalModule && criticalModule.criticalPathCollection) {
                 this.criticalPathModule.criticalConnectorLine(criticalModule.criticalPathCollection, criticalModule.detailPredecessorCollection, true, criticalModule.predecessorCollectionTaskIds);
             }
+            this.calculateDimensions();
+            const pane1 = this.splitterModule.splitterObject.element.querySelectorAll('.e-pane')[0];
+            const pane2 = this.splitterModule.splitterObject.element.querySelectorAll('.e-pane')[1];
+            this.splitterModule.splitterPreviousPositionGrid = pane1.scrollWidth + 1 + 'px';
+            this.splitterModule.splitterPreviousPositionChart = pane2.scrollWidth + 1 + 'px';
+            this.splitterModule.splitterObject.paneSettings[0].size = this.splitterModule['getSpliterPositionInPercentage'](this.splitterModule.splitterPreviousPositionGrid);
+            this.splitterModule.splitterObject.paneSettings[1].size = this.splitterModule.splitterPreviousPositionChart;
         }
     }
     keyActionHandler(e) {
@@ -18055,13 +18093,13 @@ class EditTooltip {
      * @returns {void} .
      */
     updateTooltipPosition(args) {
-        const containerPosition = this.parent.getOffsetRect(this.parent.chartPane);
-        const leftEnd = containerPosition.left + this.parent.chartPane.offsetWidth;
-        let tooltipPositionX = args.element.offsetLeft;
-        if (leftEnd < (tooltipPositionX + args.element.offsetWidth)) {
-            tooltipPositionX += leftEnd - (tooltipPositionX + args.element.offsetWidth);
-        }
-        args.element.style.left = tooltipPositionX + 'px';
+        // const containerPosition: { top: number, left: number } = this.parent.getOffsetRect(this.parent.chartPane);
+        // const leftEnd: number = containerPosition.left + this.parent.chartPane.offsetWidth;
+        // let tooltipPositionX: number = args.element.offsetLeft;
+        // if (leftEnd < (tooltipPositionX + args.element.offsetWidth)) {
+        //     tooltipPositionX += leftEnd - (tooltipPositionX + args.element.offsetWidth);
+        // }
+        // args.element.style.left = tooltipPositionX + 'px';
         args.element.style.visibility = 'visible';
     }
     /**
@@ -18687,6 +18725,12 @@ class TaskbarEdit extends DateProcessor {
      */
     updateMouseDownProperties(event) {
         const e = this.getCoordinate(event);
+        const parentWithZoomStyle = this.parent.element.closest('[style*="zoom"]');
+        if (parentWithZoomStyle) {
+            const zoom1 = parseFloat(getComputedStyle(parentWithZoomStyle).zoom);
+            e.pageX = e.pageX / zoom1;
+            e.pageY = e.pageY / zoom1;
+        }
         if (e.pageX || e.pageY) {
             const containerPosition = this.parent.getOffsetRect(this.parent.ganttChartModule.chartBodyContainer);
             if (this.parent.enableRtl) {
@@ -18896,6 +18940,12 @@ class TaskbarEdit extends DateProcessor {
     updateMouseMoveProperties(event) {
         const containerPosition = this.parent.getOffsetRect(this.parent.ganttChartModule.chartBodyContainer);
         const e = this.getCoordinate(event);
+        const parentWithZoomStyle = this.parent.element.closest('[style*="zoom"]');
+        if (parentWithZoomStyle) {
+            const zoom1 = parseFloat(getComputedStyle(parentWithZoomStyle).zoom);
+            e.pageX = e.pageX / zoom1;
+            e.pageY = e.pageY / zoom1;
+        }
         if (e.pageX || e.pageY) {
             if (this.parent.enableRtl) {
                 this.mouseMoveX = Math.abs(e.pageX - (containerPosition.left +
@@ -19312,7 +19362,16 @@ class TaskbarEdit extends DateProcessor {
                 }
                 else {
                     if (this.mouseMoveX < (item.left + segment.left)) {
-                        segment.width = this.parent.perDayWidth;
+                        var segmentWidth = (this.parent.timelineModule.isSingleTier &&
+                            (this.parent.timelineModule.customTimelineSettings.bottomTier.unit === "Hour" ||
+                                this.parent.timelineModule.customTimelineSettings.topTier.unit === "Hour" ||
+                                this.parent.timelineModule.customTimelineSettings.bottomTier.unit === "Minutes" ||
+                                this.parent.timelineModule.customTimelineSettings.topTier.unit === "Minutes")) ||
+                            (this.parent.timelineModule.customTimelineSettings.bottomTier.unit === "Hour" ||
+                                this.parent.timelineModule.customTimelineSettings.bottomTier.unit === "Minutes") ?
+                            this.parent.timelineModule.customTimelineSettings.timelineUnitSize :
+                            this.parent.perDayWidth;
+                        segment.width = segmentWidth;
                     }
                 }
             }
@@ -20277,6 +20336,12 @@ class TaskbarEdit extends DateProcessor {
     }
     // eslint-disable-next-line
     triggerDependencyEvent(e, mouseUp) {
+        const parentWithZoomStyle = this.parent.element.closest('[style*="zoom"]');
+        let zoomedPageY;
+        if (parentWithZoomStyle) {
+            const zoom1 = parseFloat(getComputedStyle(parentWithZoomStyle).zoom);
+            zoomedPageY = e.pageY / zoom1;
+        }
         const fromItem = this.taskBarEditRecord.ganttProperties;
         const toItem = this.connectorSecondRecord ? this.connectorSecondRecord.ganttProperties : null;
         let predecessor;
@@ -20338,7 +20403,7 @@ class TaskbarEdit extends DateProcessor {
                 table[1].innerText = toItem.taskName;
                 table[2].innerText = this.parent.localeObj.getConstant(currentTarget);
                 const tooltipElement = this.parent.connectorLineModule.tooltipTable.parentElement.parentElement;
-                if (tooltipElement.offsetTop + tooltipElement.offsetHeight > e.pageY) {
+                if (tooltipElement.offsetTop + tooltipElement.offsetHeight > zoomedPageY) {
                     tooltipElement.style.top = (e.pageY - tooltipElement.offsetHeight - 20) + 'px';
                 }
             }
@@ -26611,7 +26676,7 @@ class Edit$2 {
                         /* tslint:disable-next-line */
                         const query = this.parent.query instanceof Query ? this.parent.query : new Query();
                         const adaptor = data.adaptor;
-                        if (!(adaptor instanceof WebApiAdaptor && adaptor instanceof ODataAdaptor) || data.dataSource.batchUrl) {
+                        if (!(adaptor instanceof WebApiAdaptor && adaptor instanceof ODataAdaptor && adaptor instanceof ODataV4Adaptor) || data.dataSource.batchUrl) {
                             /* tslint:disable-next-line */
                             const crud = data.saveChanges(updatedData, this.parent.taskFields.id, null, query);
                             crud.then((e) => {
@@ -26746,6 +26811,9 @@ class Edit$2 {
             else if (ganttColumns[i].field === 'taskType') {
                 tempRecord[fieldName] = this.parent.taskType;
             }
+            else if (ganttColumns[i].field === taskSettingsFields.milestone) {
+                tempRecord[fieldName] = null;
+            }
             else {
                 tempRecord[this.parent.ganttColumns[i].field] = '';
             }
@@ -30124,7 +30192,7 @@ class CriticalPath {
             }
             const predecessorLength = flatRecords[index].ganttProperties.predecessor;
             const noSlackValue = 0 + ' ' + flatRecords[index].ganttProperties.durationUnit;
-            for (let i = 0; i < predecessorLength.length; i++) {
+            for (let i = predecessorLength.length - 1; i >= 0; i--) {
                 let toID;
                 if (this.parent.viewType === 'ProjectView') {
                     toID = this.parent.ids.indexOf(predecessorLength[i].to);
@@ -30135,8 +30203,19 @@ class CriticalPath {
                 let dateDifference;
                 const currentData = flatRecords[index].ganttProperties;
                 if (predecessorLength[i].type === 'FS') {
-                    /* eslint-disable-next-line */
-                    dateDifference = this.parent.dataOperation.getDuration(currentData.endDate, flatRecords[toID].ganttProperties.startDate, currentData.durationUnit, currentData.isAutoSchedule, currentData.isMilestone);
+                    if (predecessorLength[i].to != currentData.taskId.toString() || this.parent.viewType === 'ResourceView') {
+                        /* eslint-disable-next-line */
+                        dateDifference = this.parent.dataOperation.getDuration(currentData.endDate, flatRecords[toID].ganttProperties.startDate, currentData.durationUnit, currentData.isAutoSchedule, currentData.isMilestone);
+                    }
+                    else {
+                        toID = this.parent.ids.indexOf(predecessorLength[i].from);
+                        /* eslint-disable-next-line */
+                        dateDifference = this.parent.dataOperation.getDuration(flatRecords[toID].ganttProperties.endDate, currentData.startDate, currentData.durationUnit, currentData.isAutoSchedule, currentData.isMilestone);
+                        if (dateDifference === 0 && index !== toID && flatRecords[index].slack == noSlackValue) {
+                            flatRecords[toID].slack = flatRecords[index].slack;
+                            flatRecords[toID].ganttProperties.slack = flatRecords[index].slack;
+                        }
+                    }
                     if (dateDifference === 0 && index !== toID && flatRecords[index].slack !== noSlackValue) {
                         flatRecords[index].slack = flatRecords[toID].slack;
                         flatRecords[index].ganttProperties.slack = flatRecords[toID].slack;
@@ -30452,7 +30531,13 @@ class ContextMenu$2 {
                 }
                 break;
             case 'DeleteTask':
-                this.parent.editModule.deleteRecord(this.rowData);
+                if ((this.parent.selectionSettings.mode !== 'Cell' && this.parent.selectionModule.selectedRowIndexes.length > 1)
+                    || (this.parent.selectionSettings.mode === 'Cell' && this.parent.selectionModule.getSelectedRowCellIndexes().length)) {
+                    this.parent.editModule.startDeleteAction();
+                }
+                else {
+                    this.parent.editModule.deleteRecord(this.rowData);
+                }
                 break;
             case 'ToTask':
                 if (!isNullOrUndefined(this.rowData)) {