@syncfusion/ej2-gantt 22.2.12 → 23.1.38

package/src/gantt/actions/dialog-edit.js

@@ -924,7 +924,7 @@ var DialogEdit = /** @class */ (function () {
             if (!isNullOrUndefined(tasks.endDate) && tasks.endDate !== colName) {
                 this.updateScheduleFields(dialog, ganttProp, 'endDate');
             }
-            if (!isNullOrUndefined(tasks.duration) && tasks.duration !== colName) {
+            if (!isNullOrUndefined(tasks.duration) && tasks.duration !== colName || ganttProp.duration >= 0) {
                 this.updateScheduleFields(dialog, ganttProp, 'duration');
             }
             if (!isNullOrUndefined(tasks.work) && tasks.work !== colName) {
@@ -1082,17 +1082,33 @@ var DialogEdit = /** @class */ (function () {
         var ganttProp = currentData.ganttProperties;
         var taskSettings = ganttObj.taskFields;
         if (taskSettings.duration === columnName) {
-            if (!isNullOrUndefined(value) && value !== '') {
+            if (!isNullOrUndefined(value) && value !== '' && parseInt(value) >= 0) {
                 ganttObj.dataOperation.updateDurationValue(value, ganttProp);
                 this.parent.setRecordValue(taskSettings.duration, value, currentData);
                 this.parent.setRecordValue('taskData.' + taskSettings.duration, ganttProp.duration, currentData);
+                this.validateDuration(currentData);
             }
             else {
                 if (ganttObj.allowUnscheduledTasks) {
-                    this.parent.setRecordValue('duration', null, ganttProp, true);
+                    if ((ganttProp.startDate && ganttProp.endDate && ganttProp.startDate.getTime() > ganttProp.endDate.getTime()) || value.indexOf('-') !== -1) {
+                        this.parent.setRecordValue('duration', 0, ganttProp, true);
+                        if (ganttProp.endDate) {
+                            this.parent.setRecordValue('startDate', ganttProp.endDate, ganttProp, true);
+                        }
+                    }
+                    else {
+                        if (value === "") {
+                            this.parent.setRecordValue('duration', null, ganttProp, true);
+                            if (ganttProp.endDate) {
+                                this.parent.setRecordValue('endDate', null, ganttProp, true);
+                            }
+                        }
+                        else {
+                            this.parent.setRecordValue('duration', ganttProp.duration, ganttProp, true);
+                        }
+                    }
                 }
             }
-            this.validateDuration(currentData);
             this.parent.editModule.updateResourceRelatedFields(currentData, 'duration');
         }
         if (taskSettings.startDate === columnName) {
@@ -1100,13 +1116,15 @@ var DialogEdit = /** @class */ (function () {
                 var startDate = this.parent.dateValidationModule.getDateFromFormat(value);
                 startDate = this.parent.dateValidationModule.checkStartDate(startDate, ganttProp);
                 this.parent.setRecordValue('startDate', startDate, ganttProp, true);
+                this.validateStartDate(currentData);
             }
             else {
                 if (ganttObj.allowUnscheduledTasks && !(currentData.hasChildRecords)) {
                     this.parent.setRecordValue('startDate', null, ganttProp, true);
+                    this.parent.setRecordValue('duration', null, ganttProp, true);
+                    this.parent.setRecordValue('isMilestone', false, ganttProp, true);
                 }
             }
-            this.validateStartDate(currentData);
         }
         if (taskSettings.endDate === columnName) {
             if (value !== '') {
@@ -1121,13 +1139,15 @@ var DialogEdit = /** @class */ (function () {
                 if (isNullOrUndefined(ganttProp.startDate) || endDate.getTime() > (ganttProp.startDate).getTime()) {
                     this.parent.setRecordValue('endDate', endDate, ganttProp, true);
                 }
+                this.validateEndDate(currentData);
             }
             else {
                 if (ganttObj.allowUnscheduledTasks) {
                     this.parent.setRecordValue('endDate', null, ganttProp, true);
+                    this.parent.setRecordValue('duration', null, ganttProp, true);
+                    this.parent.setRecordValue('isMilestone', false, ganttProp, true);
                 }
             }
-            this.validateEndDate(currentData);
         }
         if (taskSettings.work === columnName) {
             if (!isNullOrUndefined(value) && value !== '') {
@@ -1534,7 +1554,7 @@ var DialogEdit = /** @class */ (function () {
                     var eDate = getValue('endDate', selectedItem);
                     var duration = getValue('duration', selectedItem);
                     var startDate_1 = !isNullOrUndefined(gridData) && gridData.length > 0 ?
-                        !isNullOrUndefined(taskFields.endDate) ? new Date(getValue('endDate', gridData[0]).getTime()) :
+                        (!isNullOrUndefined(taskFields.endDate) && !isNullOrUndefined(gridData[0].endDate)) ? new Date(getValue('endDate', gridData[0]).getTime()) :
                             new Date(getValue('startDate', gridData[0]).getTime()) :
                         !isNullOrUndefined(this.beforeOpenArgs.rowData.ganttProperties.startDate) &&
                             new Date(this.beforeOpenArgs.rowData.ganttProperties.startDate.getTime());
@@ -2215,7 +2235,7 @@ var DialogEdit = /** @class */ (function () {
                         tasksData[fieldName] = column.edit.read(inputElement, controlObj.value);
                     }
                 }
-                else if (isCustom && column.editType === 'booleanedit') {
+                else if (column.editType === 'booleanedit') {
                     if (inputElement instanceof HTMLInputElement && inputElement.checked === true) {
                         tasksData[fieldName] = true;
                     }

package/src/gantt/actions/edit.js

@@ -883,10 +883,11 @@ var Edit = /** @class */ (function () {
                 this.parent.predecessorModule.isValidatedParentTaskID = '';
             }
             if (this.parent.allowParentDependency && ganttRecord.hasChildRecords && this.parent.previousRecords[ganttRecord.uniqueID].ganttProperties.startDate &&
-                (args.action === "DrawConnectorLine") || (args.action === "DialogEditing")) {
+                (args.action === "DrawConnectorLine")) {
                 this.updateChildItems(ganttRecord);
             }
             this.updateParentItemOnEditing();
+            this.parent.dataOperation.updateParentItems(ganttRecord, true);
         }
         /** Update parent up-to zeroth level */
         if (ganttRecord.parentItem) {
@@ -899,6 +900,10 @@ var Edit = /** @class */ (function () {
                 this.updateParentItemOnEditing();
             }
         }
+        if (this.parent.UpdateOffsetOnTaskbarEdit && this.parent.connectorLineEditModule && args.data) {
+            this.parent.connectorLineEditModule['calculateOffset'](args.data);
+        }
+        this.parent.predecessorModule['validatedParentIds'] = [];
         this.initiateSaveAction(args);
     };
     Edit.prototype.updateParentItemOnEditing = function () {
@@ -918,7 +923,7 @@ var Edit = /** @class */ (function () {
      */
     Edit.prototype.updateParentChildRecord = function (data) {
         var ganttRecord = data;
-        if (ganttRecord.hasChildRecords && this.taskbarMoved && this.parent.taskMode === 'Auto' && (!isNullOrUndefined(this.parent.editModule.cellEditModule) && !this.parent.editModule.cellEditModule.isResourceCellEdited)) {
+        if (ganttRecord.hasChildRecords && this.taskbarMoved && (ganttRecord[this.parent.taskFields.manual] === false || this.parent.taskMode === 'Auto') && (!isNullOrUndefined(this.parent.editModule.cellEditModule) && !this.parent.editModule.cellEditModule.isResourceCellEdited)) {
             this.updateChildItems(ganttRecord);
         }
         if (!isNullOrUndefined(this.parent.editModule.cellEditModule)) {
@@ -1394,6 +1399,11 @@ var Edit = /** @class */ (function () {
                 this.updateScheduleDatesOnEditing(args);
             }
         }
+        if (this.parent.enableCriticalPath) {
+            var criticalModule = this.parent.criticalPathModule;
+            criticalModule.showCriticalPath(true);
+            criticalModule.criticalConnectorLine(criticalModule.criticalPathCollection, criticalModule.detailPredecessorCollection, true, criticalModule.predecessorCollectionTaskIds);
+        }
         if (!this.parent.editSettings.allowTaskbarEditing || (this.parent.editSettings.allowTaskbarEditing &&
             !this.taskbarEditModule.dependencyCancel)) {
             eventArgs.requestType = 'save';
@@ -1407,11 +1417,6 @@ var Edit = /** @class */ (function () {
                 eventArgs.taskBarEditAction = args.taskBarEditAction;
             }
             this.endEditAction(args);
-            if (this.parent.enableCriticalPath) {
-                var criticalModule = this.parent.criticalPathModule;
-                criticalModule.showCriticalPath(true);
-                criticalModule.criticalConnectorLine(criticalModule.criticalPathCollection, criticalModule.detailPredecessorCollection, true, criticalModule.predecessorCollectionTaskIds);
-            }
             this.parent.trigger('actionComplete', eventArgs);
             if (!isNullOrUndefined(this.parent.loadingIndicator) && this.parent.loadingIndicator.indicatorType === "Shimmer") {
                 this.parent.hideMaskRow();
@@ -1597,7 +1602,9 @@ var Edit = /** @class */ (function () {
             if (!this.parent.taskFields.parentID) {
                 var deleteRecordIDs = [];
                 deleteRecordIDs.push(deletedRow.ganttProperties.rowUniqueID.toString());
-                this.parent.editModule.removeFromDataSource(deleteRecordIDs);
+                if (this.parent.viewType === 'ProjectView') {
+                    this.parent.editModule.removeFromDataSource(deleteRecordIDs);
+                }
             }
             var flatRecordIndex = this.parent.flatData.indexOf(deletedRow);
             if (gObj.taskFields.parentID) {
@@ -2980,6 +2987,9 @@ var Edit = /** @class */ (function () {
                     _this.parent.flatData[_this.parent.getTaskIds().indexOf('T' + args.data[tasks.id])] : _this.parent.getRecordByID(args.data[tasks.id]);
                 if (!isNullOrUndefined(ganttData)) {
                     _this.validateUpdateValues(args.newTaskData, ganttData, true);
+                    _this.parent.dateValidationModule.calculateEndDate(ganttData);
+                    _this.parent.dataOperation.updateWidthLeft(ganttData);
+                    _this.parent.dataOperation.updateParentItems(ganttData);
                 }
                 if (!isNullOrUndefined(args.data["" + tempTaskID])) {
                     if (args.data[tempTaskID] != args.data['ganttProperties']['taskId']) {

package/src/gantt/actions/pdf-export.d.ts

@@ -1,5 +1,7 @@
 import { PdfExportProperties } from './../base/interface';
 import { Gantt } from '../base/gantt';
+import { ExportHelper } from '../export/export-helper';
+import { SizeF } from '@syncfusion/ej2-pdf-export';
 import { PdfGantt } from '../export/pdf-gantt';
 /**
  *
@@ -7,12 +9,13 @@ import { PdfGantt } from '../export/pdf-gantt';
  */
 export declare class PdfExport {
     private parent;
-    private helper;
+    helper: ExportHelper;
     private pdfDocument;
     gantt: PdfGantt;
     isPdfExport: boolean;
     private isBlob;
     private blobPromise;
+    pdfPageDimensions: SizeF;
     /**
      * @param {Gantt} parent .
      * @hidden

package/src/gantt/actions/pdf-export.js

@@ -77,11 +77,23 @@ var PdfExport = /** @class */ (function () {
         if (isNullOrUndefined(pdfExportProperties)) {
             pdfExportProperties = {};
         }
-        if (pdfExportProperties.exportType === 'CurrentViewData') {
-            data = this.parent.currentViewData;
+        if (pdfExportProperties.fitToWidthSettings && pdfExportProperties.fitToWidthSettings.isFitToWidth) {
+            if (pdfExportProperties.exportType === 'CurrentViewData') {
+                this.helper.beforeSinglePageExport['cloneFlatData'] = extend([], this.parent.currentViewData, null, true);
+            }
+            else {
+                this.helper.beforeSinglePageExport['cloneFlatData'] = extend([], this.parent.flatData, null, true);
+            }
+            this.helper.beforeSinglePageExport['cloneCurrentViewData'] = extend([], this.parent.currentViewData, null, true);
+            data = this.helper.beforeSinglePageExport['cloneFlatData'];
         }
         else {
-            data = this.parent.flatData;
+            if (pdfExportProperties.exportType === 'CurrentViewData') {
+                data = this.parent.currentViewData;
+            }
+            else {
+                data = this.parent.flatData;
+            }
         }
         this.initGantt();
         if (!isNullOrUndefined(pdfDoc)) {
@@ -106,6 +118,7 @@ var PdfExport = /** @class */ (function () {
         var section = this.pdfDocument.sections.add();
         this.processSectionExportProperties(section, pdfExportProperties);
         var pdfPage = section.pages.add();
+        this.pdfPageDimensions = pdfPage.getClientSize();
         /* eslint-disable-next-line */
         return new Promise(function (resolve, reject) {
             _this.helper.processGridExport(data, _this.gantt, pdfExportProperties);
@@ -116,6 +129,26 @@ var PdfExport = /** @class */ (function () {
             format.break = PdfLayoutBreakType.FitElement;
             var layouter = _this.gantt.drawGrid(pdfPage, 0, 0, format);
             _this.gantt.drawChart(layouter);
+            if (_this.helper.exportProps && _this.helper.exportProps.fitToWidthSettings && _this.helper.exportProps.fitToWidthSettings.isFitToWidth) {
+                _this.parent.zoomingProjectStartDate = _this.helper.beforeSinglePageExport['zoomingProjectStartDate'];
+                _this.parent.zoomingProjectEndDate = _this.helper.beforeSinglePageExport['zoomingProjectEndDate'];
+                _this.parent.cloneProjectStartDate = _this.helper.beforeSinglePageExport['cloneProjectStartDate'];
+                _this.parent.cloneProjectEndDate = _this.helper.beforeSinglePageExport['cloneProjectEndDate'];
+                _this.parent.timelineModule.customTimelineSettings = _this.helper.beforeSinglePageExport['customTimelineSettings'];
+                _this.parent.isTimelineRoundOff = _this.helper.beforeSinglePageExport['isTimelineRoundOff'];
+                _this.parent.timelineModule.topTier = _this.helper.beforeSinglePageExport['topTier'];
+                _this.parent.timelineModule.topTierCellWidth = _this.helper.beforeSinglePageExport['topTierCellWidth'];
+                _this.parent.timelineModule.topTierCollection = _this.helper.beforeSinglePageExport['topTierCollection'];
+                _this.parent.timelineModule.bottomTier = _this.helper.beforeSinglePageExport['bottomTier'];
+                _this.parent.timelineModule.bottomTierCellWidth = _this.helper.beforeSinglePageExport['bottomTierCellWidth'];
+                _this.parent.timelineModule.bottomTierCollection = _this.helper.beforeSinglePageExport['bottomTierCollection'];
+                _this.parent.timelineModule.totalTimelineWidth = _this.helper.beforeSinglePageExport['totalTimelineWidth'];
+                _this.parent.timelineModule.timelineStartDate = _this.helper.beforeSinglePageExport['timelineStartDate'];
+                _this.parent.timelineModule.timelineEndDate = _this.helper.beforeSinglePageExport['timelineEndDate'];
+                _this.parent.timelineModule.timelineRoundOffEndDate = _this.helper.beforeSinglePageExport['timelineRoundOffEndDate'];
+                _this.parent.perDayWidth = _this.helper.beforeSinglePageExport['perDayWidth'];
+                _this.parent.updatedConnectorLineCollection = _this.helper.beforeSinglePageExport['updatedConnectorLineCollection'];
+            }
             if (!isMultipleExport) {
                 if (!_this.isBlob) {
                     // save the PDF

package/src/gantt/actions/rowdragdrop.js

@@ -111,8 +111,16 @@ var RowDD = /** @class */ (function () {
         var dragElement = this.parent.element.querySelector('.e-ganttdrag');
         var ganttTop = this.parent.element.getClientRects()[0].top;
         var ganttLeft = this.parent.element.getClientRects()[0].left;
-        var left = getValue('event', args.originalEvent).clientX - ganttLeft;
-        var top = getValue('event', args.originalEvent).clientY - ganttTop;
+        var left;
+        var top;
+        if (this.parent.isAdaptive) {
+            left = args.originalEvent.event.touches[0].clientX - ganttLeft;
+            top = args.originalEvent.event.touches[0].clientY - ganttTop;
+        }
+        else {
+            left = getValue('event', args.originalEvent).clientX - ganttLeft;
+            top = getValue('event', args.originalEvent).clientY - ganttTop;
+        }
         dragElement.style.left = left + 20 + 'px';
         dragElement.style.top = top + 20 + 'px';
         this.parent.trigger('rowDrag', args);

package/src/gantt/actions/selection.js

@@ -261,7 +261,24 @@ var Selection = /** @class */ (function () {
      * @returns {Object[]} .
      */
     Selection.prototype.getSelectedRecords = function () {
-        return this.parent.treeGrid.getSelectedRecords();
+        if (!this.parent.loadChildOnDemand && this.parent.taskFields.hasChildMapping) {
+            var selectedRows = [];
+            var selectedIndexes_1 = this.parent.selectionModule.getSelectedRowIndexes();
+            var _loop_1 = function (i) {
+                var rec = this_1.parent.currentViewData.filter(function (data) {
+                    return data.index == selectedIndexes_1[i];
+                })[0];
+                selectedRows.push(rec);
+            };
+            var this_1 = this;
+            for (var i = 0; i < selectedIndexes_1.length; i++) {
+                _loop_1(i);
+            }
+            return selectedRows;
+        }
+        else {
+            return this.parent.treeGrid.getSelectedRecords();
+        }
     };
     /**
      * Get the selected records for cell selection.
@@ -361,19 +378,19 @@ var Selection = /** @class */ (function () {
             records = [records];
         }
         var ganttRow = [].slice.call(this.parent.ganttChartModule.chartBodyContent.querySelector('tbody').children);
-        var _loop_1 = function (i) {
+        var _loop_2 = function (i) {
             var selectedRow = ganttRow.filter(function (e) {
                 // eslint-disable-next-line
                 return parseInt(e.getAttribute('aria-rowindex'), 0) === records[i];
             })[0];
             if (!isNullOrUndefined(selectedRow)) {
                 // eslint-disable-next-line
-                this_1.getSelectedRowIndexes().indexOf(records[i]) > -1 ? this_1.addClass(selectedRow) : this_1.removeClass(selectedRow);
+                this_2.getSelectedRowIndexes().indexOf(records[i]) > -1 ? this_2.addClass(selectedRow) : this_2.removeClass(selectedRow);
             }
         };
-        var this_1 = this;
+        var this_2 = this;
         for (var i = 0; i < records.length; i++) {
-            _loop_1(i);
+            _loop_2(i);
         }
     };
     Selection.prototype.addClass = function (selectedRow) {

package/src/gantt/actions/taskbar-edit.js

@@ -88,13 +88,10 @@ var TaskbarEdit = /** @class */ (function (_super) {
     TaskbarEdit.prototype.mouseDownHandler = function (e) {
         if (this.parent.editSettings.allowTaskbarEditing && !this.parent.readOnly) {
             this.canDrag = false;
-            if (this.parent.isAdaptive && this.taskBarEditElement) {
+            if (this.taskBarEditElement) {
                 var targetElement = this.getElementByPosition(e);
                 var element = parentsUntil(targetElement, cls.taskBarMainContainer);
-                if (element && element.innerHTML === this.taskBarEditElement.innerHTML &&
-                    !(targetElement.classList.contains(cls.connectorPointLeft) ||
-                        targetElement.classList.contains(cls.connectorPointRight)) &&
-                    !this.tapPointOnFocus) {
+                if ((element && element.innerHTML === this.taskBarEditElement.innerHTML || this.taskBarEditElement.classList.contains("e-segmented-taskbar") || this.taskBarEditElement.classList.contains("collpse-parent-border"))) {
                     this.updateTaskBarEditElement(e);
                     this.canDrag = true;
                     e.preventDefault();
@@ -117,7 +114,7 @@ var TaskbarEdit = /** @class */ (function (_super) {
             }
             return;
         }
-        if (this.tapPointOnFocus && element && element.innerHTML !== this.taskBarEditElement.innerHTML) {
+        if (this.tapPointOnFocus && !isNullOrUndefined(this.taskBarEditElement) && element && element.innerHTML !== this.taskBarEditElement.innerHTML) {
             this.connectorSecondRecord = this.parent.ganttChartModule.getRecordByTaskBar(element);
             this.connectorSecondAction = 'ConnectorPointLeftDrag';
             this.connectorSecondElement = element;
@@ -128,8 +125,16 @@ var TaskbarEdit = /** @class */ (function (_super) {
             this.showHideActivePredecessors(false);
             this.initPublicProp();
         }
-        else if (targetElement.classList.contains(cls.connectorPointLeftHover) ||
-            targetElement.classList.contains(cls.connectorPointRightHover)) {
+        else if (targetElement.classList.contains(cls.connectorPointLeftHover)) {
+            this.canDrag = false;
+            this.multipleSelectionEnabled();
+            this.showHideTaskBarEditingElements(targetElement, this.taskBarEditElement);
+            this.tapPointOnFocus = true;
+            this.taskBarEditAction = 'ConnectorPointLeftDrag';
+            this.connectorSecondRecord = this.taskBarEditRecord;
+            this.taskBarEditingAction(e, false);
+        }
+        else if (targetElement.classList.contains(cls.connectorPointRightHover)) {
             this.canDrag = false;
             this.multipleSelectionEnabled();
             this.showHideTaskBarEditingElements(targetElement, this.taskBarEditElement);
@@ -229,7 +234,12 @@ var TaskbarEdit = /** @class */ (function (_super) {
     };
     // eslint-disable-next-line
     TaskbarEdit.prototype.mouseLeaveHandler = function (e) {
-        this.dragMouseLeave = true;
+        if (this.taskBarEditAction === "ChildDrag" || this.taskBarEditAction === "ParentDrag" || this.taskBarEditAction === "ProgressResizing" || this.taskBarEditAction === "LeftResizing" || this.taskBarEditAction === "RightResizing") {
+            this.dragMouseLeave = false;
+        }
+        else {
+            this.dragMouseLeave = true;
+        }
     };
     /**
      * To update taskbar edited elements on mouse down action.
@@ -259,7 +269,7 @@ var TaskbarEdit = /** @class */ (function (_super) {
             }
         }
         if (this.parent.editSettings.allowTaskbarEditing && element) {
-            this.showHideTaskBarEditingElements(element, this.taskBarEditElement);
+            this.showHideTaskBarEditingElements(element, this.editElement);
             this.editElement = element;
             this.realTaskbarElement = this.editElement;
             var index = this.editElement.getAttribute('data-segment-index');
@@ -340,7 +350,7 @@ var TaskbarEdit = /** @class */ (function (_super) {
         else {
             if (this.parent.isAdaptive) {
                 if (this.taskBarEditElement) {
-                    this.showHideTaskBarEditingElements(element, this.taskBarEditElement);
+                    this.showHideTaskBarEditingElements(element, this.editElement);
                 }
                 this.initPublicProp();
             }
@@ -400,8 +410,12 @@ var TaskbarEdit = /** @class */ (function (_super) {
                 && isShowConnectorPoints) {
                 var connectorElement = !isNullOrUndefined(element.querySelector('.' + cls.connectorPointLeft)) ?
                     element : element.parentElement;
-                addClass([connectorElement.querySelector('.' + cls.connectorPointLeft)], [cls.connectorPointLeftHover]);
-                addClass([connectorElement.querySelector('.' + cls.connectorPointRight)], [cls.connectorPointRightHover]);
+                if (!isNullOrUndefined(connectorElement.querySelector('.' + cls.connectorPointLeft))) {
+                    addClass([connectorElement.querySelector('.' + cls.connectorPointLeft)], [cls.connectorPointLeftHover]);
+                }
+                if (!isNullOrUndefined(connectorElement.querySelector('.' + cls.connectorPointRight))) {
+                    addClass([connectorElement.querySelector('.' + cls.connectorPointRight)], [cls.connectorPointRightHover]);
+                }
             }
         }
         else if (!fadeConnectorLine) {
@@ -528,7 +542,8 @@ var TaskbarEdit = /** @class */ (function (_super) {
             var item = this.taskBarEditRecord.ganttProperties;
             this.previousItem = this.parent.timelineModule.extendFunction(item, this.previousItemProperty);
             if (this.taskBarEditAction !== 'ConnectorPointLeftDrag' &&
-                this.taskBarEditAction !== 'ConnectorPointRightDrag') {
+                this.taskBarEditAction !== 'ConnectorPointRightDrag' &&
+                !(this.parent.viewType == 'ResourceView' && this.taskBarEditAction == 'ParentDrag')) {
                 this.editTooltip.showHideTaskbarEditTooltip(true, this.segmentIndex);
             }
             this.taskBarEditElement.setAttribute('aria-grabbed', 'true');
@@ -566,6 +581,7 @@ var TaskbarEdit = /** @class */ (function (_super) {
         this.dragMouseLeave = false;
         this.isMouseDragCheck();
         if (this.isMouseDragged && this.taskBarEditAction) {
+            event.preventDefault();
             if (!isNullOrUndefined(this.taskbarElement) && !isNullOrUndefined(this.editElement) && (this.taskBarEditAction !== "ConnectorPointRightDrag" && this.taskBarEditAction !== "ConnectorPointLeftDrag") && !(this.parent.viewType === 'ResourceView' && this.currentData.hasChildRecords)) {
                 var currentElement = this.editElement.parentElement;
                 currentElement.style.setProperty("position", "absolute");
@@ -655,9 +671,7 @@ var TaskbarEdit = /** @class */ (function (_super) {
                 this.taskBarEditAction === 'ConnectorPointRightDrag') {
                 this.updateConnectorLineSecondProperties(e);
                 this.triggerDependencyEvent(e);
-                if (!this.parent.isAdaptive) {
-                    this.drawFalseLine();
-                }
+                this.drawFalseLine();
             }
             if (this.parent.viewType == 'ResourceView' && this.parent.allowTaskbarDragAndDrop) {
                 if (this.dragMoveY > this.mouseMoveY) {
@@ -669,7 +683,12 @@ var TaskbarEdit = /** @class */ (function (_super) {
                     this.currentItemTop = this.currentItemTop + this.mouseMoveY;
                 }
                 var containerPosition = this.parent.getOffsetRect(this.parent.ganttChartModule.chartBodyContainer);
-                this.dragMoveY = e.pageY - containerPosition.top + this.parent.ganttChartModule.scrollObject.previousScroll.top;
+                if (this.parent.isAdaptive || e.touches) {
+                    this.dragMoveY = e.touches[0].pageY - containerPosition.top + this.parent.ganttChartModule.scrollObject.previousScroll.top;
+                }
+                else {
+                    this.dragMoveY = e.pageY - containerPosition.top + this.parent.ganttChartModule.scrollObject.previousScroll.top;
+                }
                 this.topValue = this.currentItemTop;
                 this.currentItemPrevTop = (this.currentItemPrevTop === 0 ||
                     this.topValue == this.currentItemTop) ? this.topValue :
@@ -1056,6 +1075,7 @@ var TaskbarEdit = /** @class */ (function (_super) {
                         if (this.segmentIndex === 0) {
                             this.parent.setRecordValue('width', item.width - differenceWidth, item, true);
                             this.parent.setRecordValue('left', item.left + differenceWidth, item, true);
+                            segment.width = segment.width - differenceWidth;
                             for (var i = 1; i < item.segments.length; i++) {
                                 var segment_3 = segments[i];
                                 segment_3.left = segment_3.left - differenceWidth;
@@ -1483,7 +1503,7 @@ var TaskbarEdit = /** @class */ (function (_super) {
         var milliSecondsPerPixel = (24 * 60 * 60 * 1000) / this.parent.perDayWidth;
         pStartDate.setTime(pStartDate.getTime() + (left * milliSecondsPerPixel));
         /* To render the milestone in proper date while editing */
-        if (isMilestone && !isNullOrUndefined(property.predecessor) && property.predecessor.length > 0) {
+        if (isMilestone && !isNullOrUndefined(property.predecessorsName) && property.predecessorsName !== '') {
             pStartDate.setDate(pStartDate.getDate() - 1);
             this.parent.dateValidationModule.setTime(this.parent.defaultEndTime, pStartDate);
             pStartDate = this.parent.dateValidationModule.checkStartDate(pStartDate, property, true);
@@ -1536,6 +1556,7 @@ var TaskbarEdit = /** @class */ (function (_super) {
         var traceParentTaskBar = this.taskBarEditElement.querySelector('.' + cls.traceParentTaskBar);
         var traceParentProgressBar = this.taskBarEditElement.querySelector('.' + cls.traceParentProgressBar);
         var traceConnectorPointRight = this.taskBarEditElement.querySelector('.' + cls.rightConnectorPointOuterDiv);
+        var segmentConnectorPointRight = taskBarMainContainer.querySelector('.' + cls.rightConnectorPointOuterDiv);
         var manualParentTaskbar = this.taskBarEditElement;
         var manualTaskbar = this.taskBarEditElement.querySelector('.' + cls.manualParentTaskBar);
         var manualParentRight = this.taskBarEditElement.querySelector('.' + cls.manualParentRightResizer);
@@ -1562,6 +1583,9 @@ var TaskbarEdit = /** @class */ (function (_super) {
                 }
                 taskBarMainContainer.style.setProperty(position, (item.left) + 'px');
                 taskBarMainContainer.style.width = (width) + 'px';
+                if (segmentedTaskBarContainer && segmentConnectorPointRight) {
+                    segmentConnectorPointRight.style.left = (this.parent.isAdaptive ? (width + 10) : (width + 2)) + 'px';
+                }
                 if (this.parent.viewType === 'ResourceView' && this.parent.allowTaskbarDragAndDrop && this.parent.rowDragAndDropModule &&
                     (this.taskBarEditAction === 'ChildDrag' || this.taskBarEditAction === 'MilestoneDrag')) {
                     taskBarMainContainer.style.setProperty('top', (this.topValue) + 'px');
@@ -1678,9 +1702,9 @@ var TaskbarEdit = /** @class */ (function (_super) {
                 }
                 if (segmentedTaskBarContainer) {
                     taskBarRightResizer.style.setProperty(position, rightResizer + 'px');
-                    traceChildProgressBar.style.width = (segment.progressWidth) + 'px';
+                    traceChildProgressBar.style.width = (segment.width) + 'px';
                     if (!isNullOrUndefined(childProgressResizer)) {
-                        childProgressResizer.style.setProperty(position, segment.progressWidth - 10 + 'px');
+                        childProgressResizer.style.setProperty(position, segment.width - 10 + 'px');
                     }
                 }
             }
@@ -1750,9 +1774,6 @@ var TaskbarEdit = /** @class */ (function (_super) {
             this.taskBarEditAction === 'ConnectorPointRightDrag') && this.drawPredecessor && (!this.connectorSecondRecord.hasChildRecords ||
             this.connectorSecondRecord.hasChildRecords && this.parent.allowParentDependency)) {
             this.parent.connectorLineEditModule.updatePredecessor(this.connectorSecondRecord, this.finalPredecessor);
-            if (this.parent.UpdateOffsetOnTaskbarEdit) {
-                this.parent.connectorLineEditModule['calculateOffset'](this.connectorSecondRecord);
-            }
         }
         else {
             if (x1 !== x2 || (Math.abs(y1 - resMouseY) >= (this.parent.rowHeight - this.parent.taskbarHeight) / 2)) {
@@ -2042,6 +2063,7 @@ var TaskbarEdit = /** @class */ (function (_super) {
     TaskbarEdit.prototype.updateConnectorLineSecondProperties = function (e) {
         var target = this.getElementByPosition(e);
         var element = parentsUntil(target, cls.taskBarMainContainer);
+        var isBigger = document.body.className.includes("e-bigger");
         this.connectorSecondAction = null;
         var scrollTop = 0;
         if (parentsUntil(target, cls.connectorPointLeft)) {
@@ -2064,20 +2086,20 @@ var TaskbarEdit = /** @class */ (function (_super) {
             if ((this.parent.virtualScrollModule && this.parent.enableVirtualization &&
                 !this.elementOffsetLeft) || !this.parent.enableVirtualization) {
                 if (!this.parent.allowParentDependency) {
-                    this.elementOffsetLeft = this.realTaskbarElement.offsetLeft;
+                    this.elementOffsetLeft = this.realTaskbarElement.offsetLeft - ((isBigger) ? 10 : 0);
                     this.elementOffsetTop = this.realTaskbarElement.parentElement.offsetTop + this.realTaskbarElement.offsetHeight / 3 + scrollTop;
                 }
                 else {
                     if (this.taskBarEditElement.children[0].classList.contains('e-manualparent-main-container')) {
-                        this.elementOffsetLeft = this.realTaskbarElement.children[0]['offsetLeft'] + this.realTaskbarElement.offsetLeft;
+                        this.elementOffsetLeft = this.realTaskbarElement.children[0]['offsetLeft'] + this.realTaskbarElement.offsetLeft - ((isBigger) ? 10 : 0);
                         this.elementOffsetTop = ((this.realTaskbarElement.parentElement.offsetTop + this.realTaskbarElement.offsetHeight / 3 - 5) + this.taskBarEditElement.children[0]['offsetTop']) + scrollTop;
                     }
                     else {
-                        this.elementOffsetLeft = this.realTaskbarElement.offsetLeft;
+                        this.elementOffsetLeft = this.realTaskbarElement.offsetLeft - ((isBigger) ? 10 : 0);
                         this.elementOffsetTop = this.realTaskbarElement.parentElement.offsetTop + this.realTaskbarElement.offsetHeight / 3 + scrollTop;
                     }
                 }
-                this.elementOffsetWidth = this.realTaskbarElement.offsetWidth;
+                this.elementOffsetWidth = this.realTaskbarElement.offsetWidth + ((isBigger) ? 20 : 0);
                 this.elementOffsetHeight = this.realTaskbarElement.offsetHeight;
             }
             this.showHideTaskBarEditingElements(element, this.highlightedSecondElement, true);
@@ -2185,18 +2207,16 @@ var TaskbarEdit = /** @class */ (function (_super) {
     // Get XY coordinates for touch and non-touch device
     TaskbarEdit.prototype.getCoordinate = function (event) {
         var coordinates = {};
-        if (this.parent.isAdaptive && event && event.type !== 'click') {
-            var e = event;
-            if (e.type === 'touchmove' || e.type === 'touchstart' || e.type === 'touchend') {
-                coordinates.pageX = e.changedTouches[0].pageX;
-                coordinates.pageY = e.changedTouches[0].pageY;
+        var e = event;
+        coordinates.pageX = e.pageX;
+        coordinates.pageY = e.pageY;
+        if (event && event.type !== 'click') {
+            var e_1 = event;
+            if (e_1.type === 'touchmove' || e_1.type === 'touchstart' || e_1.type === 'touchend') {
+                coordinates.pageX = e_1.changedTouches[0].pageX;
+                coordinates.pageY = e_1.changedTouches[0].pageY;
             }
         }
-        else if (event) {
-            var e = event;
-            coordinates.pageX = e.pageX;
-            coordinates.pageY = e.pageY;
-        }
         return coordinates;
     };
     // Get current target element by mouse position

package/src/gantt/actions/toolbar.js

@@ -394,6 +394,14 @@ var Toolbar = /** @class */ (function () {
         var edit = gObj.editSettings;
         var gID = this.id;
         var ind = gObj.selectedRowIndex;
+        if (!this.parent.loadChildOnDemand && this.parent.taskFields.hasChildMapping) {
+            for (var i = 0; i < gObj.updatedRecords.length; i++) {
+                if (gObj.updatedRecords[i].index === ind) {
+                    ind = i;
+                    break;
+                }
+            }
+        }
         var previousGanttRecord;
         var isSelected = gObj.selectionModule ? gObj.selectionModule.selectedRowIndexes.length === 1 ||
             gObj.selectionModule.getSelectedRowCellIndexes().length === 1 ? true : false : false;

package/src/gantt/base/date-processor.js

@@ -307,7 +307,7 @@ var DateProcessor = /** @class */ (function () {
         }
         else {
             if ((!isNullOrUndefined(this.parent.taskFields.milestone)) && (!isNullOrUndefined(ganttProperties.startDate)) && !isNullOrUndefined(ganttProperties.endDate) &&
-                (ganttProperties.startDate).getTime() === (ganttProperties.endDate).getTime() && !isNullOrUndefined(ganttData.taskData[this.parent.taskFields.milestone])) {
+                (ganttProperties.startDate).getTime() === (ganttProperties.endDate).getTime() && (ganttData.taskData[this.parent.taskFields.milestone] === false)) {
                 tDuration = 1;
             }
             else {

package/src/gantt/base/gantt-chart.d.ts

@@ -18,6 +18,7 @@ export declare class GanttChart {
     scrollObject: ChartScroll;
     isExpandCollapseFromChart: boolean;
     isExpandAll: boolean;
+    isCollapseAll: boolean;
     private focusedElement;
     focusedRowIndex: number;
     private isGanttElement;