@syncfusion/ej2-gantt 22.2.10 → 22.2.12

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

@@ -1536,8 +1536,8 @@ var DateProcessor = /** @__PURE__ @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);
@@ -3097,17 +3097,15 @@ var TaskProcessor = /** @__PURE__ @class */ (function (_super) {
         else {
             hierarchicalData = this.parent.dataSource;
         }
-        this.parent.flatData.map(function (data) {
-            hierarchicalData.map(function (record) {
-                if (data.ganttProperties.taskId === record[_this.parent.taskFields.id]) {
-                    if (!isNullOrUndefined(_this.parent.taskFields.startDate)) {
-                        task[_this.parent.taskFields.endDate] = record[_this.parent.taskFields.endDate];
-                    }
-                    if (!isNullOrUndefined(_this.parent.taskFields.endDate)) {
-                        task[_this.parent.taskFields.endDate] = record[_this.parent.taskFields.endDate];
-                    }
+        hierarchicalData.map(function (record) {
+            if (task.ganttProperties.taskId === record[_this.parent.taskFields.id]) {
+                if (!isNullOrUndefined(_this.parent.taskFields.startDate)) {
+                    task[_this.parent.taskFields.startDate] = record[_this.parent.taskFields.startDate];
                 }
-            });
+                if (!isNullOrUndefined(_this.parent.taskFields.endDate)) {
+                    task[_this.parent.taskFields.endDate] = record[_this.parent.taskFields.endDate];
+                }
+            }
         });
     };
     TaskProcessor.prototype.getWorkInHour = function (work, workUnit) {
@@ -3149,7 +3147,9 @@ var TaskProcessor = /** @__PURE__ @class */ (function (_super) {
                 this.setRecordDate(ganttData, ganttProperties.endDate, dataMapping.endDate);
             }
             if (dataMapping.duration) {
-                this.setRecordDuration(ganttData, dataMapping.duration);
+                if (!isNullOrUndefined(dataMapping.milestone) && !ganttData.taskData[dataMapping.milestone]) {
+                    this.setRecordDuration(ganttData, dataMapping.duration);
+                }
             }
             if (dataMapping.durationUnit) {
                 data[dataMapping.durationUnit] = ganttProperties.durationUnit;
@@ -7380,13 +7380,16 @@ var Timeline = /** @__PURE__ @class */ (function () {
             this.parent.updateProjectDates(args.projectStartDate, args.ProjectEndDate, args.isTimelineRoundOff, isFrom);
             if (type === 'prevTimeSpan' && isFrom === 'publicMethod') {
                 this.parent.ganttChartModule.updateScrollLeft(0);
+                this.parent.timelineModule.isZoomToFit = false;
             }
             else if (type === 'nextTimeSpan' && isFrom === 'publicMethod') {
                 this.parent.ganttChartModule.updateScrollLeft(this.parent.timelineModule.totalTimelineWidth);
+                this.parent.timelineModule.isZoomToFit = false;
             }
             else if (type === 'nextTimeSpan' && isFrom === 'TaskbarEditing') {
                 var currentScrollLeft = document.getElementsByClassName('e-chart-scroll-container e-content')[0].scrollLeft;
                 this.parent.element.querySelector('.e-timeline-header-container').scrollLeft = currentScrollLeft;
+                this.parent.timelineModule.isZoomToFit = false;
             }
             this.parent.timelineModule.timeSpanActionEvent('actionComplete', type, isFrom);
         }
@@ -13484,34 +13487,38 @@ var Tooltip$1 = /** @__PURE__ @class */ (function () {
      */
     Tooltip$$1.prototype.updateTooltipPosition = function (args) {
         args.element.style.visibility = 'visible';
-        // if (isNullOrUndefined(this.tooltipMouseEvent) || args.target.classList.contains('e-notes-info')) {
-        //     return;
-        // }
-        // const postion: { x: number, y: number } = this.getPointorPosition(this.tooltipMouseEvent);
-        // const containerPosition: { top: number, left: number, width?: number, height?: number } =
-        //  this.parent.getOffsetRect(this.parent.chartPane);
-        // const topEnd: number = containerPosition.top + this.parent.chartPane.offsetHeight;
-        // const leftEnd: number = containerPosition.left + this.parent.chartPane.offsetWidth;
-        // let tooltipPositionX: number = postion.x;
-        // let tooltipPositionY: number = postion.y;
-        // if (leftEnd < (tooltipPositionX + args.element.offsetWidth + 10)) {
-        //     while (leftEnd < (tooltipPositionX + args.element.offsetWidth + 10)) {
-        //         tooltipPositionX = leftEnd - args.element.offsetWidth - 10;
-        //         args.element.style.left = tooltipPositionX + 'px';
-        //     }
-        // } else {
-        //     tooltipPositionX = tooltipPositionX + 10;
-        //     args.element.style.left = tooltipPositionX + 'px';
-        // }
-        // if (window.innerHeight < args.element.offsetHeight + tooltipPositionY) {
-        //     tooltipPositionY = tooltipPositionY - args.element.offsetHeight - 10;
-        // }
-        // if ((topEnd < (tooltipPositionY + args.element.offsetHeight + 20))) {
-        //     tooltipPositionY = tooltipPositionY - args.element.offsetHeight - 10;
-        // } else {
-        //     tooltipPositionY = tooltipPositionY + 10;
-        // }
-        // args.element.style.top = tooltipPositionY + 'px';
+        var parentWithZoomStyle = this.parent.element.closest('[style*="zoom"]');
+        if (isNullOrUndefined(parentWithZoomStyle)) {
+            if (isNullOrUndefined(this.tooltipMouseEvent) || args.target.classList.contains('e-notes-info')) {
+                return;
+            }
+            var postion = this.getPointorPosition(this.tooltipMouseEvent);
+            var containerPosition = this.parent.getOffsetRect(this.parent.chartPane);
+            var topEnd = containerPosition.top + this.parent.chartPane.offsetHeight;
+            var leftEnd = containerPosition.left + this.parent.chartPane.offsetWidth;
+            var tooltipPositionX = postion.x;
+            var tooltipPositionY = postion.y;
+            if (leftEnd < (tooltipPositionX + args.element.offsetWidth + 10)) {
+                while (leftEnd < (tooltipPositionX + args.element.offsetWidth + 10)) {
+                    tooltipPositionX = leftEnd - args.element.offsetWidth - 10;
+                    args.element.style.left = tooltipPositionX + 'px';
+                }
+            }
+            else {
+                tooltipPositionX = tooltipPositionX + 10;
+                args.element.style.left = tooltipPositionX + 'px';
+            }
+            if (window.innerHeight < args.element.offsetHeight + tooltipPositionY) {
+                tooltipPositionY = tooltipPositionY - args.element.offsetHeight - 10;
+            }
+            if ((topEnd < (tooltipPositionY + args.element.offsetHeight + 20))) {
+                tooltipPositionY = tooltipPositionY - args.element.offsetHeight - 10;
+            }
+            else {
+                tooltipPositionY = tooltipPositionY + 10;
+            }
+            args.element.style.top = tooltipPositionY + 'px';
+        }
     };
     /**
      * Method to get mouse pointor position
@@ -13982,7 +13989,7 @@ var FocusModule = /** @__PURE__ @class */ (function () {
                     }
                     else if (isNullOrUndefined(document.getElementById(this.parent.element.id + '_dialog'))) {
                         e.preventDefault();
-                        ganttObj.addRecord(undefined, this.parent.editSettings.newRowPosition);
+                        ganttObj.addRecord(undefined, this.parent.editSettings.newRowPosition, this.parent.selectedRowIndex);
                         var focussedElement = ganttObj.element;
                         focussedElement.focus();
                     }
@@ -14896,7 +14903,9 @@ var Gantt = /** @__PURE__ @class */ (function (_super) {
             this.wireEvents();
             this.notify('initPredessorDialog', {});
         }
-        this.splitterModule.updateSplitterPosition();
+        if (!this.isFromOnPropertyChange) {
+            this.splitterModule.updateSplitterPosition();
+        }
         // if (this.gridLines === 'Vertical' || this.gridLines === 'Both') {
         //     this.renderChartVerticalLines();
         // }
@@ -14908,6 +14917,8 @@ var Gantt = /** @__PURE__ @class */ (function (_super) {
         removeClass(ganttChartElement.querySelectorAll('.e-critical-milestone'), criticalMilestone);
         removeClass(this.element.querySelectorAll('.e-connector-line'), criticalConnectorLineSVG);
         removeClass(this.element.querySelectorAll('.e-connector-line-arrow'), criticalConnectorArrowSVG);
+        var innerDivs = document.querySelector('.e-gantt-child-taskbar-inner-div');
+        innerDivs.style.outlineColor = "";
     };
     Gantt.prototype.wireEvents = function () {
         if (this.allowKeyboard) {
@@ -15620,6 +15631,7 @@ var Gantt = /** @__PURE__ @class */ (function (_super) {
                     break;
                 case 'projectStartDate':
                 case 'projectEndDate':
+                    this.timelineModule.isZoomToFit = false;
                     this.dataOperation.calculateProjectDates();
                     this.updateProjectDates(this.cloneProjectStartDate, this.cloneProjectEndDate, this.isTimelineRoundOff);
                     break;
@@ -16744,8 +16756,11 @@ var Gantt = /** @__PURE__ @class */ (function (_super) {
             }
             else {
                 this.editModule.addRecord(data, rowPosition, rowIndex);
+                if (rowPosition === 'Bottom') {
+                    this.selectedRowIndex = rowIndex;
+                }
                 if (rowPosition === 'Above' || rowPosition === 'Below' || rowPosition === 'Child') {
-                    this.currentSelection = data;
+                    this.currentSelection = !isNullOrUndefined(data) ? data : this.currentSelection;
                 }
             }
         }
@@ -17379,8 +17394,8 @@ var Gantt = /** @__PURE__ @class */ (function (_super) {
                 if (!isNullOrUndefined(taskfields.dependency)) {
                     data[taskfields.dependency] = null;
                 }
-                var position = 'Below';
-                this.addRecord(data, position);
+                var position = this.editSettings.newRowPosition;
+                this.addRecord(data, position, this.selectedRowIndex);
             }
             else {
                 if (!rowData.hasChildRecords && !rowData.ganttProperties.isMilestone) {
@@ -18552,13 +18567,16 @@ var EditTooltip = /** @__PURE__ @class */ (function () {
      * @returns {void} .
      */
     EditTooltip.prototype.updateTooltipPosition = function (args) {
-        // const containerPosition: { top: number, left: number } = this.parent.getOffsetRect(this.parent.chartPane);
-        // const leftEnd: number = containerPosition.left + this.parent.chartPane.offsetWidth;
-        // let tooltipPositionX: number = args.element.offsetLeft;
-        // if (leftEnd < (tooltipPositionX + args.element.offsetWidth)) {
-        //     tooltipPositionX += leftEnd - (tooltipPositionX + args.element.offsetWidth);
-        // }
-        // args.element.style.left = tooltipPositionX + 'px';
+        var parentWithZoomStyle = this.parent.element.closest('[style*="zoom"]');
+        if (isNullOrUndefined(parentWithZoomStyle)) {
+            var containerPosition = this.parent.getOffsetRect(this.parent.chartPane);
+            var leftEnd = containerPosition.left + this.parent.chartPane.offsetWidth;
+            var tooltipPositionX = args.element.offsetLeft;
+            if (leftEnd < (tooltipPositionX + args.element.offsetWidth)) {
+                tooltipPositionX += leftEnd - (tooltipPositionX + args.element.offsetWidth);
+            }
+            args.element.style.left = tooltipPositionX + 'px';
+        }
         args.element.style.visibility = 'visible';
     };
     /**
@@ -23090,7 +23108,7 @@ var DialogEdit = /** @__PURE__ @class */ (function () {
                 }
             }
             else {
-                this.parent.editModule.addRecord(this.addedRecord, this.parent.editSettings.newRowPosition);
+                this.parent.editModule.addRecord(this.addedRecord, this.parent.editSettings.newRowPosition, this.parent.selectedRowIndex);
             }
         }
         return true;
@@ -24706,6 +24724,11 @@ var Edit$2 = /** @__PURE__ @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) {
@@ -24767,6 +24790,22 @@ var Edit$2 = /** @__PURE__ @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 */
@@ -27169,6 +27208,57 @@ var Edit$2 = /** @__PURE__ @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$$1.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.
      *
@@ -27230,7 +27320,8 @@ var Edit$2 = /** @__PURE__ @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) {
@@ -27240,6 +27331,7 @@ var Edit$2 = /** @__PURE__ @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();
@@ -28524,8 +28616,13 @@ var Filter$1 = /** @__PURE__ @class */ (function () {
                     break;
                 }
                 if (!isNullOrUndefined(this.parent.element.parentNode)) {
+                    if (parentNode.parentNode instanceof HTMLDocument) {
+                        break;
+                    }
                     parentNode = parentNode.parentNode;
-                    marginTop = parentNode.parentNode.style.marginTop;
+                    if (parentNode.parentNode && parentNode.parentNode.style) {
+                        marginTop = parentNode.parentNode.style.marginTop;
+                    }
                 }
                 parentNodeTop = parentNode.getBoundingClientRect().top;
             }
@@ -28537,6 +28634,9 @@ var Filter$1 = /** @__PURE__ @class */ (function () {
                     break;
                 }
                 if (!isNullOrUndefined(this.parent.element.parentNode)) {
+                    if (parentNode.parentNode instanceof HTMLDocument) {
+                        break;
+                    }
                     parentNode = parentNode.parentNode;
                     marginLeft = parentNode.style.marginLeft;
                 }
@@ -30952,6 +31052,8 @@ var CriticalPath = /** @__PURE__ @class */ (function () {
                 }
                 if (element.getElementsByClassName('e-gantt-child-taskbar-inner-div').length > 0) {
                     addClass(element.querySelectorAll('.e-gantt-child-taskbar-inner-div'), criticalChildTaskBarInnerDiv);
+                    var innerDivs = document.querySelector('.e-gantt-child-taskbar-inner-div');
+                    innerDivs.style.outlineColor = "";
                 }
                 if (element.getElementsByClassName('e-gantt-child-progressbar-inner-div').length > 0) {
                     addClass(element.querySelectorAll('.e-gantt-child-progressbar-inner-div'), taskClass);
@@ -31177,7 +31279,7 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
                     taskfields = this.parent.taskFields;
                     if (!isNullOrUndefined(taskfields.duration)) {
                         var ganttProp = this.rowData.ganttProperties;
-                        data[taskfields.duration] = '1 ' + ganttProp.durationUnit;
+                        data[taskfields.duration] = data[taskfields.duration] <= 0 ? 1 : data[taskfields.duration];
                     }
                     else {
                         data[taskfields.startDate] = new Date(this.rowData.taskData[taskfields.startDate]);
@@ -31190,6 +31292,9 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
                             data[taskfields.milestone] = false;
                         }
                     }
+                    if (data[taskfields.startDate]) {
+                        this.parent.setRecordValue(taskfields.startDate, this.rowData.ganttProperties.startDate, data, true);
+                    }
                     this.parent.updateRecordByID(data);
                 }
                 break;
@@ -33736,6 +33841,9 @@ var PdfTreeGridLayouter = /** @__PURE__ @class */ (function (_super) {
                     }
                 }
                 var size = new SizeF(column.width, height);
+                if (cell.columnSpan > 1) {
+                    size = new SizeF(cell.width, height);
+                }
                 if (!this.checkIfDefaultFormat(column.format) && this.checkIfDefaultFormat(cell.style.format)) {
                     cell.style.format = column.format;
                 }
@@ -34191,12 +34299,15 @@ var PdfTreeGrid = /** @__PURE__ @class */ (function (_super) {
                         colSpan = cell.columnSpan;
                         currentCellIndex = j;
                         cell.isCellMergeStart = true;
+                        var totalColumnWidth = this.columns.columns[currentCellIndex].width;
                         //set Column merges.
                         while (colSpan > 1) {
                             currentCellIndex++;
                             row.cells.getCell(currentCellIndex).isCellMergeContinue = true;
                             colSpan--;
+                            totalColumnWidth += this.columns.columns[currentCellIndex].width;
                         }
+                        cell.width = totalColumnWidth;
                     }
                     else if (cell.columnSpan === 1 && cell.rowSpan > 1) {
                         rowSpan = cell.rowSpan;
@@ -35536,7 +35647,8 @@ var ExportHelper = /** @__PURE__ @class */ (function () {
         row.height = pixelToPoint(this.parent.rowHeight);
         this.copyStyles(this.ganttStyle.columnHeader, row.cells.getCell(0), row.isParentRow);
         var count = this.columns.length;
-        this.mergeCells(0, 0, count);
+        row.cells.getCell(0).value = this.parent.localeObj.getConstant('emptyRecord');
+        this.mergeCells(1, 0, count);
     };
     ExportHelper.prototype.mergeCells = function (rowIndex, colIndex, lastColIndex) {
         this.gantt.rows.getRow(rowIndex).cells.getCell(colIndex).columnSpan = lastColIndex;