@syncfusion/ej2-gantt 23.1.41 → 23.1.42

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

@@ -4329,7 +4329,12 @@ var ChartScroll = /** @__PURE__ @class */ (function () {
                 for (var i = 0; i < parent.currentViewData.length; i++) {
                     var tr = parent.chartRowsModule.ganttChartTableBody.childNodes[i];
                     if (tr['style'].display !== 'none' && parent.currentViewData[i].hasChildRecords && !parent.currentViewData[i].expanded) {
-                        parent.treeGrid.getRowByIndex(i)['style'].height = tr['style'].height;
+                        if (parent.ganttChartModule.isExpandAll || parent.ganttChartModule.isCollapseAll) {
+                            parent.treeGrid.getRowByIndex(i)['style'].height = tr['style'].height;
+                        }
+                        else {
+                            parent.treeGrid.getRows()[i]['style'].height = tr['style'].height;
+                        }
                     }
                 }
                 parent.contentHeight = parent.enableRtl ? parent['element'].getElementsByClassName('e-content')[2].children[0]['offsetHeight'] :
@@ -4830,8 +4835,14 @@ var GanttChart = /** @__PURE__ @class */ (function () {
             this.parent.notify('chartMouseDown', e);
             this.parent.element.tabIndex = 0;
         }
-        if (this.parent.editSettings.allowEditing && this.parent.treeGrid.element.getElementsByClassName('e-editedbatchcell').length > 0) {
-            this.parent.treeGrid.endEdit();
+        var isTaskbarEdited = false;
+        if (this.parent.editSettings.allowTaskbarEditing && this.parent.element.querySelector('.e-left-resize-gripper')) {
+            isTaskbarEdited = true;
+        }
+        if (!isTaskbarEdited) {
+            if (this.parent.editSettings.allowEditing && this.parent.treeGrid.element.getElementsByClassName('e-editedbatchcell').length > 0) {
+                this.parent.treeGrid.endEdit();
+            }
         }
     };
     GanttChart.prototype.ganttChartMouseClick = function (e) {
@@ -4841,6 +4852,22 @@ var GanttChart = /** @__PURE__ @class */ (function () {
         this.parent.notify('chartMouseClick', e);
     };
     GanttChart.prototype.ganttChartMouseUp = function (e) {
+        if (e.type === "touchend") {
+            var resizeCheck = this.parent.ganttChartModule.chartBodyContainer.querySelector('.e-taskbar-resize-div');
+            if (!isNullOrUndefined(resizeCheck)) {
+                resizeCheck.remove();
+            }
+            var Check = this.parent.ganttChartModule.chartBodyContainer.querySelector('.e-clone-taskbar') || this.parent.chartPane.querySelector('.e-clone-taskbar');
+            if (!isNullOrUndefined(Check)) {
+                var clonetbody = Check.parentElement;
+                var cloneTable = clonetbody.parentElement;
+                cloneTable.remove();
+            }
+            var falseline = this.parent.ganttChartModule.chartBodyContainer.querySelector('.e-gantt-false-line');
+            if (!isNullOrUndefined(falseline)) {
+                this.parent.editModule.taskbarEditModule.removeFalseLine(true);
+            }
+        }
         if (this.parent.editSettings.allowTaskbarEditing) {
             this.parent.notify('chartMouseUp', e);
         }
@@ -4864,22 +4891,6 @@ var GanttChart = /** @__PURE__ @class */ (function () {
                 }
             }
         }
-        if (e.type === "touchend") {
-            var resizeCheck = this.parent.ganttChartModule.chartBodyContainer.querySelector('.e-taskbar-resize-div');
-            if (!isNullOrUndefined(resizeCheck)) {
-                resizeCheck.remove();
-            }
-            var Check = this.parent.ganttChartModule.chartBodyContainer.querySelector('.e-clone-taskbar');
-            if (!isNullOrUndefined(Check)) {
-                var clonetbody = Check.parentElement;
-                var cloneTable = clonetbody.parentElement;
-                cloneTable.remove();
-            }
-            var falseline = this.parent.ganttChartModule.chartBodyContainer.querySelector('.e-gantt-false-line');
-            if (!isNullOrUndefined(falseline)) {
-                this.parent.editModule.taskbarEditModule.removeFalseLine(true);
-            }
-        }
     };
     /**
      *
@@ -4933,6 +4944,9 @@ var GanttChart = /** @__PURE__ @class */ (function () {
         if (!isNullOrUndefined(resizeCheck)) {
             resizeCheck.remove();
         }
+        if (this.parent.allowTaskbarDragAndDrop && this.parent.editModule && this.parent.editModule.taskbarEditModule) {
+            this.parent.editModule.taskbarEditModule['previousLeftValue'] = 0;
+        }
         if (this.parent.allowRowDragAndDrop) {
             var ganttDragElemet = this.parent.element.querySelector('.e-ganttdrag');
             if (ganttDragElemet) {
@@ -5079,6 +5093,14 @@ var GanttChart = /** @__PURE__ @class */ (function () {
         if (this.parent.allowFiltering && this.parent.filterModule) {
             this.parent.filterModule.closeFilterOnContextClick(e.srcElement);
         }
+        if (this.parent.allowTaskbarDragAndDrop) {
+            var Check = this.parent.chartPane.querySelector('.e-clone-taskbar');
+            if (!isNullOrUndefined(Check)) {
+                var clonetbody = Check.parentElement;
+                var cloneTable = clonetbody.parentElement;
+                cloneTable.remove();
+            }
+        }
     };
     /**
      * Method to trigger while perform mouse move on Gantt.
@@ -11244,7 +11266,12 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
         if (!tr) {
             tr = this.ganttChartTableBody.childNodes[rowIndex];
         }
-        tr['style'].height = this.parent.treeGrid.getRowByIndex(rowIndex)['style'].height = this.parent.rowHeight + 'px';
+        if (this.parent.ganttChartModule.isExpandAll || this.parent.ganttChartModule.isCollapseAll) {
+            tr['style'].height = this.parent.treeGrid.getRowByIndex(rowIndex)['style'].height = this.parent.rowHeight + 'px';
+        }
+        else {
+            tr['style'].height = this.parent.treeGrid.getRows()[rowIndex]['style'].height = this.parent.rowHeight + 'px';
+        }
         this.parent.contentHeight = treeGridContentHeight;
         var rowIDs = [];
         var rowCounts = 0;
@@ -11261,7 +11288,12 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
                                 rowCounts++;
                                 tr.children[0]['style'].verticalAlign = 'baseline';
                                 tr.getElementsByClassName('e-taskbar-main-container')[k]['style'].marginTop = (rowCounts * this.parent.rowHeight) + this.taskBarMarginTop + 'px';
-                                tr['style'].height = this.parent.treeGrid.getRowByIndex(rowIndex)['style'].height = parseInt(tr['style'].height) + this.parent.rowHeight + 'px';
+                                if (this.parent.ganttChartModule.isExpandAll || this.parent.ganttChartModule.isCollapseAll) {
+                                    tr['style'].height = this.parent.treeGrid.getRowByIndex(rowIndex)['style'].height = parseInt(tr['style'].height) + this.parent.rowHeight + 'px';
+                                }
+                                else {
+                                    tr['style'].height = this.parent.treeGrid.getRows()[rowIndex]['style'].height = parseInt(tr['style'].height) + this.parent.rowHeight + 'px';
+                                }
                             }
                         }
                         else {
@@ -11294,7 +11326,12 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
         if (index !== -1 && selectedItem) {
             var data = selectedItem;
             if (!this.parent.allowTaskbarOverlap && this.parent.viewType === 'ResourceView' && data.expanded) {
-                tr['style'].height = this.parent.treeGrid.getRowByIndex(index)['style'].height = this.parent.rowHeight + 'px';
+                if (this.parent.ganttChartModule.isExpandAll || this.parent.ganttChartModule.isCollapseAll) {
+                    tr['style'].height = this.parent.treeGrid.getRowByIndex(index)['style'].height = this.parent.rowHeight + 'px';
+                }
+                else {
+                    tr['style'].height = this.parent.treeGrid.getRows()[index]['style'].height = this.parent.rowHeight + 'px';
+                }
             }
             if (this.parent.viewType === 'ResourceView' && data.hasChildRecords && !data.expanded && this.parent.enableMultiTaskbar) {
                 tr.replaceChild(this.getResourceParent(data).childNodes[0], tr.childNodes[0]);
@@ -11355,8 +11392,14 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
         addClass([cloneElement], 'collpse-parent-border');
         var id = tRow.querySelector('.' + taskBarMainContainer).getAttribute('rowUniqueId');
         var ganttData = this.parent.getRecordByID(id);
-        var mainTaskbar = (cloneElement.querySelector('.e-gantt-child-taskbar'));
-        if (this.parent.queryTaskbarInfo) {
+        if (!(isNullOrUndefined(ganttData)) && ganttData.ganttProperties.segments && ganttData.ganttProperties.segments.length > 0) {
+            var segmentedTasks = cloneElement.getElementsByClassName('e-segmented-taskbar');
+            for (var i = 0; i < segmentedTasks.length; i++) {
+                this.triggerQueryTaskbarInfoByIndex(segmentedTasks[i], ganttData);
+            }
+        }
+        else if (this.parent.queryTaskbarInfo) {
+            var mainTaskbar = (cloneElement.querySelector('.e-gantt-child-taskbar'));
             this.triggerQueryTaskbarInfoByIndex(mainTaskbar, ganttData);
         }
         var zIndex = "";
@@ -12880,7 +12923,9 @@ var ConnectorLine = /** @__PURE__ @class */ (function () {
                     }
                 }
             }
-            heightValue = Math.abs(parentOverlapTopValue - childOverlapTopValue);
+            if (!this.parent.enableVirtualization) {
+                heightValue = Math.abs(parentOverlapTopValue - childOverlapTopValue);
+            }
         }
         if (this.parent.currentViewData[data.parentIndex] && this.parent.currentViewData[data.childIndex] && this.parent.allowParentDependency) {
             var fromRecordIsParent = this.parent.currentViewData[data.parentIndex].hasChildRecords;
@@ -12971,6 +13016,9 @@ var ConnectorLine = /** @__PURE__ @class */ (function () {
                 d: this.arrowPath,
                 class: connectorLineArrow
             });
+            var outlineColor = (this.lineColor) && !(this.parent.enableCriticalPath) ? this.lineColor : '';
+            this.connectorPath.setAttribute('style', "stroke: " + outlineColor);
+            this.arrowlinePath.setAttribute('style', "fill: " + outlineColor);
             // Append the path element to the group element
             this.groupObject.appendChild(this.connectorPath);
             this.groupObject.appendChild(this.arrowlinePath);
@@ -19108,6 +19156,8 @@ var TaskbarEdit = /** @__PURE__ @class */ (function (_super) {
     __extends$20(TaskbarEdit, _super);
     function TaskbarEdit(ganttObj) {
         var _this = _super.call(this, ganttObj) || this;
+        _this.leftValue = 0;
+        _this.previousLeftValue = 0;
         _this.isMouseDragged = false;
         _this.dependencyCancel = false;
         _this.editElement = null;
@@ -19119,7 +19169,7 @@ var TaskbarEdit = /** @__PURE__ @class */ (function (_super) {
         _this.currentItemTop = 0;
         _this.currentItemPrevTop = 0;
         _this.topValue = 0;
-        _this.draggedRecordMarginTop = 0;
+        _this.draggedRecordMarginTop = '0px';
         _this.parent = ganttObj;
         _this.initPublicProp();
         _this.wireEvents();
@@ -19590,17 +19640,6 @@ var TaskbarEdit = /** @__PURE__ @class */ (function (_super) {
             this.mouseDownY = this.dragMoveY = e.pageY - containerPosition.top +
                 this.parent.ganttChartModule.scrollObject.previousScroll.top;
         }
-        if (this.parent.viewType == "ResourceView" && this.parent.allowTaskbarDragAndDrop) {
-            var toolbarHeight = 0;
-            if (!isNullOrUndefined(this.parent.toolbarModule) && !isNullOrUndefined(this.parent.toolbarModule.element)) {
-                toolbarHeight = this.parent.toolbarModule.element.offsetHeight;
-            }
-            this.topValue = this.parent.getOffsetRect(event.target).top - this.parent.getOffsetRect(this.parent.element).top -
-                parseInt((closest(event.target, '.e-taskbar-main-container'))['style'].marginTop) -
-                this.parent.element.getElementsByClassName('e-timeline-header-container')[0]['offsetHeight'] -
-                toolbarHeight + document.getElementsByClassName('e-chart-scroll-container e-content')[0].scrollTop;
-            this.currentItemPrevTop = this.currentItemTop = this.topValue;
-        }
         if (this.taskBarEditAction === 'ConnectorPointLeftDrag' || this.taskBarEditAction === 'ConnectorPointRightDrag') {
             this.fromPredecessorText = this.taskBarEditAction === 'ConnectorPointLeftDrag' ? 'start' : 'finish';
             this.parent.connectorLineModule.tooltipTable.innerHTML = this.parent.connectorLineModule.getConnectorLineTooltipInnerTd(this.taskBarEditRecord.ganttProperties.taskName, this.fromPredecessorText, '', '');
@@ -19664,7 +19703,12 @@ var TaskbarEdit = /** @__PURE__ @class */ (function (_super) {
                     currentElement.parentElement.appendChild(this.taskbarElement);
                 }
                 else {
-                    currentElement.appendChild(this.taskbarElement);
+                    if (this.parent.allowTaskbarDragAndDrop && this.taskBarEditAction !== 'LeftResizing' && this.taskBarEditAction !== 'RightResizing' && this.taskBarEditAction !== 'ProgressResizing') {
+                        this.parent.chartPane.getElementsByClassName('e-gantt-chart')[0].appendChild(this.taskbarElement);
+                    }
+                    else {
+                        currentElement.appendChild(this.taskbarElement);
+                    }
                 }
                 if (this.taskBarEditAction !== 'ProgressResizing') {
                     var rootElement = this.parent.ganttChartModule.chartBodyContainer.querySelectorAll(".e-chart-rows-container");
@@ -19747,26 +19791,40 @@ var TaskbarEdit = /** @__PURE__ @class */ (function (_super) {
                 this.triggerDependencyEvent(e);
                 this.drawFalseLine();
             }
-            if (this.parent.viewType == 'ResourceView' && this.parent.allowTaskbarDragAndDrop) {
-                if (this.dragMoveY > this.mouseMoveY) {
-                    this.mouseMoveY = this.dragMoveY - this.mouseMoveY;
-                    this.currentItemTop = this.currentItemTop - this.mouseMoveY;
-                }
-                else {
-                    this.mouseMoveY -= this.dragMoveY;
-                    this.currentItemTop = this.currentItemTop + this.mouseMoveY;
-                }
-                var containerPosition = this.parent.getOffsetRect(this.parent.ganttChartModule.chartBodyContainer);
-                if (this.parent.isAdaptive || e.touches) {
-                    this.dragMoveY = e.touches[0].pageY - containerPosition.top + this.parent.ganttChartModule.scrollObject.previousScroll.top;
+            if (this.parent.viewType == 'ResourceView' && this.parent.allowTaskbarDragAndDrop && this.taskBarEditAction !== 'LeftResizing' && this.taskBarEditAction !== 'RightResizing' && this.taskBarEditAction !== 'ProgressResizing') {
+                var parentClientRect = this.parent.getOffsetRect(this.parent.chartPane);
+                var coordinates = this.getCoordinate(e);
+                var position = { top: coordinates.pageY, left: coordinates.pageX };
+                var pos = { left: Math.abs(position.left - parentClientRect.left), top: position.top - parentClientRect.top };
+                var parentRecord = this.parent.getRecordByID(this.taskBarEditRecord.parentItem.taskId);
+                if (!this.parent.allowTaskbarOverlap && this.taskBarEditRecord.parentItem && !parentRecord.expanded) {
+                    var reduceHeight = 0;
+                    if (parseInt(this.editElement['style'].marginTop) > this.parent.rowHeight) {
+                        for (var i = 0; i < parentRecord.childRecords.length; i++) {
+                            if (parentRecord.childRecords[i].ganttProperties.taskId !== this.taskBarEditRecord.ganttProperties.taskId) {
+                                reduceHeight = reduceHeight + this.parent.rowHeight;
+                            }
+                            else {
+                                break;
+                            }
+                        }
+                        pos.top = pos.top - reduceHeight;
+                    }
                 }
-                else {
-                    this.dragMoveY = e.pageY - containerPosition.top + this.parent.ganttChartModule.scrollObject.previousScroll.top;
+                this.topValue = pos.top;
+                this.leftValue = pos.left - (e.pageX - this.parent.getOffsetRect(this.taskBarEditElement).left) + (this.previousLeftValue !== 0 ? e.pageX - this.previousLeftValue : 0);
+                if (this.previousLeftValue == 0) {
+                    if (!this.parent.enableRtl) {
+                        this.leftValue = this.leftValue - this.parent.ganttChartModule.scrollObject.previousScroll.left + 4;
+                    }
+                    else {
+                        this.leftValue = this.leftValue + Math.abs(this.parent.ganttChartModule.scrollObject.previousScroll.left) + 4;
+                    }
                 }
-                this.topValue = this.currentItemTop;
-                this.currentItemPrevTop = (this.currentItemPrevTop === 0 ||
-                    this.topValue == this.currentItemTop) ? this.topValue :
-                    this.currentItemPrevTop;
+                this.previousLeftValue = e.pageX;
+            }
+            else {
+                this.leftValue = this.taskBarEditRecord.ganttProperties.left;
             }
             this.setItemPosition();
             this.updateEditedItem();
@@ -20655,7 +20713,7 @@ var TaskbarEdit = /** @__PURE__ @class */ (function (_super) {
                         }
                     }
                 }
-                taskBarMainContainer$$1.style.setProperty(position, (item.left) + 'px');
+                taskBarMainContainer$$1.style.setProperty(position, (this.parent.allowTaskbarDragAndDrop ? this.leftValue : (item.left)) + 'px');
                 taskBarMainContainer$$1.style.width = (width) + 'px';
                 if (segmentedTaskBarContainer && segmentConnectorPointRight) {
                     segmentConnectorPointRight.style.left = (this.parent.isAdaptive ? (width + 10) : (width + 2)) + 'px';
@@ -20675,7 +20733,7 @@ var TaskbarEdit = /** @__PURE__ @class */ (function (_super) {
                         segmentElement.style.width = (segment_4.width) + 'px';
                         if (i === 0) {
                             resizeLine.style.width = (segment_4.width) + "px";
-                            resizeLine.style.left = (segment_4.left + item.left) + "px";
+                            resizeLine.style.setProperty(position, (segment_4.left + item.left) + 'px');
                         }
                         if (this.parent.enableRtl) {
                             segmentElement.style.right = (segment_4.left) + 'px';
@@ -20687,7 +20745,7 @@ var TaskbarEdit = /** @__PURE__ @class */ (function (_super) {
                 }
                 if (this.taskBarEditAction === 'ChildDrag' && this.segmentIndex === 0) {
                     resizeLine.style.width = (width) + "px";
-                    resizeLine.style.left = (item.left) + "px";
+                    resizeLine.style.setProperty(position, item.left + 'px');
                     taskBarMainContainer$$1.style.setProperty("opacity", '.75');
                 }
             }
@@ -20701,7 +20759,7 @@ var TaskbarEdit = /** @__PURE__ @class */ (function (_super) {
             }
             if (this.taskBarEditAction === 'MilestoneDrag' || item.isMilestone) {
                 taskBarMainContainer$$1.style.setProperty(position, (item.left - (width / 2)) + 'px');
-                resizeLine.style.left = (item.left - (width / 2)) + 'px';
+                resizeLine.style.setProperty(position, (item.left - (width / 2)) + 'px');
                 resizeLine.style.width = (width) + "px";
             }
             else if (this.taskBarEditAction === 'ProgressResizing') {
@@ -20736,7 +20794,7 @@ var TaskbarEdit = /** @__PURE__ @class */ (function (_super) {
                 }
             }
             else if (this.taskBarEditAction === 'ParentDrag') {
-                resizeLine.style.left = (item.left) + 'px';
+                resizeLine.style.setProperty(position, item.left + 'px');
                 resizeLine.style.width = (width) + "px";
                 resizeLine.style.width = (item.width) + 'px';
                 if (!isNullOrUndefined(traceParentTaskBar$$1)) {
@@ -20749,13 +20807,13 @@ var TaskbarEdit = /** @__PURE__ @class */ (function (_super) {
             }
             else if (this.taskBarEditAction === 'ParentResizing') {
                 resizeLine.style.width = (item.width) + 'px';
-                resizeLine.style.left = item.left + 'px';
+                resizeLine.style.setProperty(position, item.left + 'px');
                 manualParentTaskbar.style.width = manualTaskbar.style.width = (item.width) + 'px';
                 manualParentRight.style.setProperty(position, item.width - manualParentLeft.offsetLeft + 'px');
             }
             else if (this.taskBarEditAction === 'ManualParentDrag') {
                 resizeLine.style.width = (item.width) + 'px';
-                resizeLine.style.left = item.left + 'px';
+                resizeLine.style.setProperty(position, item.left + 'px');
                 manualParentTaskbar.style.setProperty(position, item.left - item.autoLeft + 'px');
             }
             else {
@@ -20763,8 +20821,8 @@ var TaskbarEdit = /** @__PURE__ @class */ (function (_super) {
                     traceChildTaskBar$$1.style.width = (item.width) + 'px';
                     traceChildTaskBar$$1.style.left = (item.left) + 'px';
                     this.taskBarEditElement.style.width = (item.width) + 'px';
-                    this.taskBarEditElement.style.left = (item.left) + "px";
-                    resizeLine.style.left = (item.left) + 'px';
+                    this.taskBarEditElement.style.left = ((this.parent.allowTaskbarDragAndDrop ? this.leftValue : (item.left))) + "px";
+                    resizeLine.style.setProperty(position, item.left + 'px');
                     resizeLine.style.width = (item.width) + "px";
                 }
                 if (!isNullOrUndefined(traceChildProgressBar$$1)) {
@@ -20798,6 +20856,13 @@ var TaskbarEdit = /** @__PURE__ @class */ (function (_super) {
         if (this.taskBarEditAction && this.isMouseDragged) {
             if ((!this.dragMouseLeave && this.taskBarEditedAction) || (this.parent.viewType === 'ResourceView' &&
                 this.parent.allowTaskbarDragAndDrop)) {
+                if (e.type === 'touchmove' || e.type === 'touchstart' || e.type === 'touchend') {
+                    var coordinates = this.getCoordinate(e);
+                    this['droppedTarget'] = document.elementFromPoint(coordinates.pageX, coordinates.pageY);
+                }
+                else {
+                    this['droppedTarget'] = document.elementFromPoint(e.x, e.y);
+                }
                 this.taskBarEditedAction(e);
                 this.isMouseDragged = false;
             }
@@ -20908,7 +20973,7 @@ var TaskbarEdit = /** @__PURE__ @class */ (function (_super) {
         var args = extend({}, arg);
         var ganttRecord = args.data;
         var taskData = ganttRecord.ganttProperties;
-        var draggedRecIndex = this.parent.currentViewData.indexOf(ganttRecord);
+        var draggedRecIndex = this.parent.flatData.indexOf(ganttRecord);
         if ((args.taskBarEditAction === 'MilestoneDrag' || args.taskBarEditAction === 'ChildDrag') && this.parent.viewType === "ResourceView"
             && this.parent.allowTaskbarDragAndDrop && this.dragMoveY > 0) {
             if (this.parent.rowDragAndDropModule) {
@@ -20916,45 +20981,13 @@ var TaskbarEdit = /** @__PURE__ @class */ (function (_super) {
                 if (flatRecordCol[this.taskBarEditRecord.parentItem.index] && ((this.parent.editedRecords.indexOf(flatRecordCol[this.taskBarEditRecord.parentItem.index]) === -1))) {
                     this.parent.editedRecords.push(flatRecordCol[this.taskBarEditRecord.parentItem.index]);
                 }
-                var ganttrec = void 0;
-                var resHeight = 0;
-                var rowCount = 0;
-                var childIndex_1;
-                var droppedRecord = void 0;
-                var treeGridrows = this.parent.treeGrid.getRows().length;
-                for (var i = 0; i < treeGridrows; i++) {
-                    if (resHeight < this.dragMoveY && this.parent.getRowByIndex(i).style.display !== 'none') {
-                        rowCount = i;
-                        resHeight = resHeight + parseInt(this.parent.getRowByIndex(i).style.height);
-                        if (!flatRecordCol[i].parentItem) {
-                            ganttrec = flatRecordCol[i];
-                        }
-                        else {
-                            ganttrec = this.parent.getRecordByID(flatRecordCol[i].parentItem.taskId);
-                        }
-                    }
-                }
-                var draggedRecordtaskbar = this.parent.getRowByIndex(draggedRecIndex).getElementsByClassName('e-taskbar-main-container');
-                var taskbarContainer = this.parent.getRowByIndex(rowCount).getElementsByClassName('e-taskbar-main-container');
-                for (var j = 0; j < taskbarContainer.length; j++) {
-                    if (taskbarContainer[j]['offsetTop'] < this.dragMoveY && draggedRecordtaskbar[0].getAttribute('rowuniqueid') !==
-                        taskbarContainer[j].getAttribute('rowuniqueid')) {
-                        this.draggedRecordMarginTop = taskbarContainer[j]['style'].marginTop;
-                        childIndex_1 = taskbarContainer[j].getAttribute('rowuniqueid');
-                    }
-                }
-                if (childIndex_1) {
-                    droppedRecord = this.parent.currentViewData.filter(function (data) {
-                        if (data['rowUniqueID'] === childIndex_1) {
-                            return data;
-                        }
-                        else {
-                            return null;
-                        }
-                    });
-                }
-                if (droppedRecord) {
-                    var droppedRecordIndex = this.parent.currentViewData.indexOf(droppedRecord[0]);
+                var droppedRecord = [];
+                this.draggedRecordMarginTop = this.taskBarEditElement.style.marginTop;
+                var row = closest(this.droppedTarget, 'tr.' + chartRow);
+                var recordIndex = parseInt(row.getAttribute('aria-rowindex'));
+                droppedRecord.push(this.parent.flatData[recordIndex]);
+                if (droppedRecord.length > 0) {
+                    var droppedRecordIndex = this.parent.flatData.indexOf(droppedRecord[0]);
                     var position = (droppedRecord[0].hasChildRecords || (!droppedRecord[0].parentItem &&
                         droppedRecord[0].childRecords.length == 0)) ? 'child' : 'below';
                     if (this.parent.rowDragAndDropModule) {
@@ -26031,7 +26064,7 @@ var Edit$2 = /** @__PURE__ @class */ (function () {
                 this.parent.editedRecords[parseInt(i.toString(), 10)].ganttProperties['endDate'] = rec[this.parent.taskFields.endDate];
             }
             if (this.parent.taskFields.duration !== null) {
-                this.parent.editedRecords[parseInt(i.toString(), 10)].ganttProperties['duration'] = parseInt(rec[this.parent.taskFields.duration]);
+                this.parent.editedRecords[parseInt(i.toString(), 10)].ganttProperties['duration'] = parseFloat(rec[this.parent.taskFields.duration]);
             }
             if (this.parent.taskFields.durationUnit !== null) {
                 this.parent.editedRecords[parseInt(i.toString(), 10)].ganttProperties['durationUnit'] = rec[this.parent.taskFields.durationUnit];
@@ -26120,6 +26153,9 @@ var Edit$2 = /** @__PURE__ @class */ (function () {
             this.parent.editModule.dialogModule.previousResource = [];
         }
         if (!this.isTreeGridRefresh) {
+            if (this.parent.editSettings.allowEditing && this.parent.treeGrid.element.getElementsByClassName('e-editedbatchcell').length > 0) {
+                this.parent.treeGrid.endEdit();
+            }
             this.parent.chartRowsModule.refreshRecords(this.parent.editedRecords);
             if (this.parent.viewType === 'ResourceView' && !this.parent.allowTaskbarOverlap && this.parent.showOverAllocation) {
                 this.parent.contentHeight = this.parent['element'].getElementsByClassName('e-content')[0].children[0]['offsetHeight'];
@@ -27657,7 +27693,7 @@ var Edit$2 = /** @__PURE__ @class */ (function () {
             args.data.ganttProperties['endDate'] = serverReturnedValue[this.parent.taskFields.endDate];
         }
         if (this.parent.taskFields.duration !== null) {
-            args.data.ganttProperties['duration'] = parseInt(serverReturnedValue[this.parent.taskFields.duration]);
+            args.data.ganttProperties['duration'] = parseFloat(serverReturnedValue[this.parent.taskFields.duration]);
         }
         if (this.parent.taskFields.durationUnit !== null) {
             args.data.ganttProperties['durationUnit'] = serverReturnedValue[this.parent.taskFields.durationUnit];
@@ -31355,6 +31391,7 @@ var CriticalPath = /** @__PURE__ @class */ (function () {
                     fromRecord.isCritical = record.ganttProperties.isCritical;
                     fromRecord.ganttProperties.isCritical = record.ganttProperties.isCritical;
                     if (criticalPathIds.indexOf(fromRecord.ganttProperties.taskId) === -1 && fromRecord.ganttProperties.isCritical && fromRecord.ganttProperties.progress < 100) {
+                        criticalPathIds.push(fromRecord.ganttProperties.taskId);
                         this.validatedids.push(parseInt(fromRecord.ganttProperties.taskId));
                         if (this.criticalTasks.indexOf(fromRecord) === -1) {
                             this.criticalTasks.push(fromRecord);
@@ -32929,12 +32966,12 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
     RowDD$$1.prototype.deleteSharedResourceTask = function () {
         for (var i = 0; i < this.parent.getTaskIds().length; i++) {
             if (this.parent.getTaskIds()[i] === 'T' + this.draggedRecord.ganttProperties.taskId) {
-                if (this.parent.getTaskByUniqueID(this.parent.currentViewData[i].parentItem.uniqueID).ganttProperties.taskName !== 'Unassigned Task') {
-                    this.removeRecords(this.parent.currentViewData[i]);
+                if (this.parent.getTaskByUniqueID(this.parent.flatData[i].parentItem.uniqueID).ganttProperties.taskName !== 'Unassigned Task') {
+                    this.removeRecords(this.parent.flatData[i]);
                 }
                 /* eslint-disable-next-line */
-                if (!isNullOrUndefined(this.parent.currentViewData[i].parentItem && this.updateParentRecords.indexOf(this.parent.currentViewData[i].parentItem) !== -1)) {
-                    this.updateParentRecords.push(this.parent.currentViewData[i].parentItem);
+                if (!isNullOrUndefined(this.parent.flatData[i].parentItem && this.updateParentRecords.indexOf(this.parent.flatData[i].parentItem) !== -1)) {
+                    this.updateParentRecords.push(this.parent.flatData[i].parentItem);
                 }
             }
         }
@@ -32958,7 +32995,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
                 this.parent.editModule.updateGanttProperties(this.draggedRecord, this.parent.flatData[i]);
                 this.parent.dataOperation.updateTaskData(this.parent.flatData[i]);
                 /* eslint-disable-next-line */
-                if (!isNullOrUndefined(this.parent.flatData[i].parentItem && this.updateParentRecords.indexOf(this.parent.currentViewData[i].parentItem) !== -1)) {
+                if (!isNullOrUndefined(this.parent.flatData[i].parentItem && this.updateParentRecords.indexOf(this.parent.flatData[i].parentItem) !== -1)) {
                     this.updateParentRecords.push(this.parent.flatData[i].parentItem);
                 }
             }
@@ -33389,7 +33426,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
                 }
                 var data = [];
                 for (var i = 0; i < fromIndexes.length; i++) {
-                    data[i] = this.parent.updatedRecords[fromIndexes[i]];
+                    data[i] = this.parent.flatData[fromIndexes[i]];
                 }
                 var isByMethod = true;
                 var args = {
@@ -35966,10 +36003,10 @@ var ExportHelper = /** @__PURE__ @class */ (function () {
             this.parent.predecessorModule.createConnectorLinesCollection();
             this.parent.updatedConnectorLineCollection.forEach(function (data) {
                 var predecessor = _this.gantt.predecessor.add();
-                predecessor.parentLeft = data.parentLeft;
-                predecessor.childLeft = data.childLeft;
-                predecessor.parentWidth = data.parentWidth;
-                predecessor.childWidth = data.childWidth;
+                predecessor.parentLeft = pointToPixel(data.parentLeft);
+                predecessor.childLeft = pointToPixel(data.childLeft);
+                predecessor.parentWidth = pointToPixel(data.parentWidth);
+                predecessor.childWidth = pointToPixel(data.childWidth);
                 predecessor.parentIndex = data.parentIndex;
                 predecessor.childIndex = data.childIndex;
                 predecessor.rowHeight = data.rowHeight;
@@ -36054,8 +36091,8 @@ var ExportHelper = /** @__PURE__ @class */ (function () {
         flatData.forEach(function (data) {
             var taskbar = _this.gantt.taskbar.add();
             var ganttProp = data.ganttProperties;
-            taskbar.left = ganttProp.left;
-            taskbar.width = ganttProp.width;
+            taskbar.left = pointToPixel(ganttProp.left);
+            taskbar.width = pointToPixel(ganttProp.width);
             if (taskbar.left < 0) {
                 taskbar.width = taskbar.width + taskbar.left;
                 taskbar.left = 0;
@@ -36096,8 +36133,8 @@ var ExportHelper = /** @__PURE__ @class */ (function () {
             taskbar.isMilestone = ganttProp.isMilestone;
             taskbar.baselineStartDate = ganttProp.baselineStartDate;
             taskbar.baselineEndDate = ganttProp.baselineEndDate;
-            taskbar.baselineLeft = ganttProp.baselineLeft;
-            taskbar.baselineWidth = ganttProp.baselineWidth;
+            taskbar.baselineLeft = pointToPixel(ganttProp.baselineLeft);
+            taskbar.baselineWidth = pointToPixel(ganttProp.baselineWidth);
             taskbar.milestoneColor = new PdfColor(_this.ganttStyle.taskbar.milestoneColor);
             taskbar.isParentTask = data.hasChildRecords;
             if (ganttProp.isMilestone) {
@@ -36113,9 +36150,9 @@ var ExportHelper = /** @__PURE__ @class */ (function () {
                 taskbar.taskLabel = data[_this.parent.labelSettings.taskLabel].toString();
             }
             var reduceLeft = ganttProp.isMilestone ? Math.floor(_this.parent.chartRowsModule.taskBarHeight / 2) + 33 : 33; // 33 indicates default timeline cell width
-            taskbar.rightTaskLabel.left = ganttProp.left + ganttProp.width + reduceLeft; // right label left value
+            taskbar.rightTaskLabel.left = pointToPixel(ganttProp.left) + pointToPixel(ganttProp.width) + reduceLeft; // right label left value
             taskbar.fontFamily = _this.ganttStyle.fontFamily;
-            taskbar.progressWidth = ganttProp.progressWidth;
+            taskbar.progressWidth = pointToPixel(ganttProp.progressWidth);
             taskbar.labelColor = new PdfColor(_this.ganttStyle.label.fontColor);
             taskbar.progressFontColor = new PdfColor(_this.ganttStyle.taskbar.progressFontColor);
             if (taskbar.isParentTask) {