@syncfusion/ej2-gantt 22.2.11 → 23.1.36

package/src/gantt/actions/edit.js

@@ -1,5 +1,5 @@
 import { isNullOrUndefined, isUndefined, extend, setValue, getValue, deleteObject, createElement } from '@syncfusion/ej2-base';
-import { DataManager, Query, ODataAdaptor, WebApiAdaptor, ODataV4Adaptor } from '@syncfusion/ej2-data';
+import { DataManager, Query, ODataAdaptor, WebApiAdaptor } from '@syncfusion/ej2-data';
 import { getUid } from '@syncfusion/ej2-grids';
 import { getSwapKey, isScheduledTask, getTaskData, isRemoteData, getIndex, isCountRequired, updateDates } from '../base/utils';
 import { CellEdit } from './cell-edit';
@@ -402,6 +402,11 @@ var Edit = /** @class */ (function () {
         var ganttPropByMapping = getSwapKey(ganttObj.columnMapping);
         var scheduleFieldNames = [];
         var isScheduleValueUpdated = false;
+        if (!isNullOrUndefined(ganttData[tasks.milestone])) {
+            if (ganttData[tasks.milestone] === true) {
+                ganttData[tasks.milestone] = false;
+            }
+        }
         for (var _i = 0, _b = Object.keys(data); _i < _b.length; _i++) {
             var key = _b[_i];
             if ([tasks.startDate, tasks.endDate, tasks.duration].indexOf(key) !== -1) {
@@ -463,6 +468,22 @@ var Edit = /** @class */ (function () {
                 else if (key === tasks.cssClass) {
                     ganttPropKey = 'cssClass';
                 }
+                else if (key === tasks.milestone) {
+                    ganttPropKey = 'isMilestone';
+                    if (!isNullOrUndefined(tasks.duration)) {
+                        var ganttProp = ganttData.ganttProperties;
+                        var durationValue = data[tasks.duration];
+                        if (value) {
+                            durationValue = 0;
+                        }
+                        else {
+                            durationValue = durationValue <= 0 ? 1 : durationValue;
+                        }
+                        ganttObj.setRecordValue(tasks.duration, durationValue, ganttData, true);
+                        ganttObj.setRecordValue('duration', durationValue, ganttProp, true);
+                        ganttObj.setRecordValue('taskData.' + tasks.duration, durationValue, ganttData);
+                    }
+                }
                 else if ((key === tasks.segments) && (!isNullOrUndefined(ganttData.ganttProperties.segments))) {
                     ganttPropKey = 'segments';
                     /* eslint-disable-next-line */
@@ -862,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) {
@@ -878,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 () {
@@ -897,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)) {
@@ -1373,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';
@@ -1386,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();
@@ -1576,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) {
@@ -2865,6 +2893,57 @@ var Edit = /** @class */ (function () {
             }
         }
     };
+    /**
+     * Method to update the values to client side from server side.
+     *
+     * @param {Object} e - Defines the new modified data from the server.
+     * @param {ITaskAddedEventArgs} args - Defines the client side data.
+     * @returns {void} .
+     */
+    Edit.prototype.updateClientDataFromServer = function (e, args) {
+        var serverReturnedValue = e.addedRecords[0];
+        var _aLength = Object.keys(serverReturnedValue).length;
+        for (var j = 0, _a = Object.keys(serverReturnedValue); j < _aLength; j++) {
+            var key = _a[parseInt(j.toString(), 10)];
+            args.data["" + key] = serverReturnedValue["" + key];
+        }
+        if (this.parent.taskFields.id !== null) {
+            args.data.ganttProperties['taskId'] = serverReturnedValue[this.parent.taskFields.id];
+        }
+        if (this.parent.taskFields.name !== null) {
+            args.data.ganttProperties['taskName'] = serverReturnedValue[this.parent.taskFields.name];
+        }
+        if (this.parent.taskFields.startDate !== null) {
+            args.data.ganttProperties['startDate'] = serverReturnedValue[this.parent.taskFields.startDate];
+        }
+        if (this.parent.taskFields.endDate !== null) {
+            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]);
+        }
+        if (this.parent.taskFields.durationUnit !== null) {
+            args.data.ganttProperties['durationUnit'] = serverReturnedValue[this.parent.taskFields.durationUnit];
+        }
+        if (this.parent.taskFields.progress !== null) {
+            args.data.ganttProperties['progress'] = serverReturnedValue[this.parent.taskFields.progress];
+        }
+        if (this.parent.taskFields.dependency !== null) {
+            args.data.ganttProperties['dependency'] = serverReturnedValue[this.parent.taskFields.dependency];
+        }
+        if (this.parent.taskFields.parentID !== null) {
+            args.data.ganttProperties['parentID'] = serverReturnedValue[this.parent.taskFields.parentID];
+        }
+        if (this.parent.taskFields.baselineEndDate !== null) {
+            args.data.ganttProperties['baselineEndDate'] = serverReturnedValue[this.parent.taskFields.baselineEndDate];
+        }
+        if (this.parent.taskFields.baselineStartDate !== null) {
+            args.data.ganttProperties['baselineStartDate'] = serverReturnedValue[this.parent.taskFields.baselineStartDate];
+        }
+        if (this.parent.taskFields.resourceInfo !== null) {
+            args.data.ganttProperties['resources'] = serverReturnedValue[this.parent.taskFields.resourceInfo];
+        }
+    };
     /**
      * Method to add new record.
      *
@@ -2926,7 +3005,8 @@ var Edit = /** @class */ (function () {
                         /* tslint:disable-next-line */
                         var query = _this.parent.query instanceof Query ? _this.parent.query : new Query();
                         var adaptor = data_2.adaptor;
-                        if (!(adaptor instanceof WebApiAdaptor && adaptor instanceof ODataAdaptor && adaptor instanceof ODataV4Adaptor) || data_2.dataSource.batchUrl) {
+                        var moduleName = adaptor.getModuleName();
+                        if (!(moduleName == "WebApiAdaptor" || moduleName == "ODataAdaptor" || moduleName == "ODataV4Adaptor") || data_2.dataSource.batchUrl) {
                             /* tslint:disable-next-line */
                             var crud = data_2.saveChanges(updatedData_2, _this.parent.taskFields.id, null, query);
                             crud.then(function (e) {
@@ -2936,6 +3016,7 @@ var Edit = /** @class */ (function () {
                                     _this.parent.setRecordValue('taskData', e.addedRecords[0], args.data);
                                     _this.parent.setRecordValue(_this.parent.taskFields.id, e.addedRecords[0][_this.parent.taskFields.id], args.data);
                                     _this.parent.setRecordValue('rowUniqueID', e.addedRecords[0][_this.parent.taskFields.id].toString(), args.data.ganttProperties, true);
+                                    _this.updateClientDataFromServer(e, args);
                                     var idsIndex = _this.parent.ids.indexOf(prevID_1);
                                     if (idsIndex !== -1) {
                                         _this.parent.ids[idsIndex] = e.addedRecords[0][_this.parent.taskFields.id].toString();

package/src/gantt/actions/filter.js

@@ -294,6 +294,9 @@ var Filter = /** @class */ (function () {
                     break;
                 }
                 if (!isNullOrUndefined(this.parent.element.parentNode)) {
+                    if (parentNode.parentNode instanceof HTMLDocument) {
+                        break;
+                    }
                     parentNode = parentNode.parentNode;
                     marginLeft = parentNode.style.marginLeft;
                 }

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);
@@ -259,7 +264,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 +345,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 +405,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 +537,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 +576,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 +666,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 +678,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 +1070,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;
@@ -1536,6 +1551,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 +1578,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 +1697,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 +1769,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 +2058,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 +2081,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 +2202,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 {
@@ -1332,8 +1332,8 @@ var DateProcessor = /** @class */ (function () {
         }
         if (!editArgs) {
             this.prevProjectStartDate = this.parent.cloneProjectStartDate;
-            this.parent.cloneProjectStartDate = minStartDate ? minStartDate : new Date(projectStartDate.getTime());
-            this.parent.cloneProjectEndDate = maxEndDate ? maxEndDate : new Date(projectEndDate.getTime());
+            this.parent.cloneProjectStartDate = minStartDate ? (!this.parent.timelineModule.isZoomToFit) ? (!isNullOrUndefined(projectStartDate)) ? new Date(projectStartDate.getTime()) : minStartDate : minStartDate : new Date(projectStartDate.getTime());
+            this.parent.cloneProjectEndDate = maxEndDate ? (!this.parent.timelineModule.isZoomToFit) ? (!isNullOrUndefined(projectEndDate)) ? new Date(projectEndDate.getTime()) : maxEndDate : maxEndDate : new Date(projectEndDate.getTime());
         }
         else {
             setValue('minStartDate', minStartDate, editArgs);

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;