@syncfusion/ej2-gantt 22.2.10 → 22.2.12

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

@@ -1529,8 +1529,8 @@ class DateProcessor {
         }
         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);
@@ -3054,17 +3054,15 @@ class TaskProcessor extends DateProcessor {
         else {
             hierarchicalData = this.parent.dataSource;
         }
-        this.parent.flatData.map((data) => {
-            hierarchicalData.map((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((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];
+                }
+            }
         });
     }
     getWorkInHour(work, workUnit) {
@@ -3106,7 +3104,9 @@ class TaskProcessor extends DateProcessor {
                 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;
@@ -7315,13 +7315,16 @@ class Timeline {
             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') {
                 let 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);
         }
@@ -13068,34 +13071,38 @@ class Tooltip$1 {
      */
     updateTooltipPosition(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';
+        const parentWithZoomStyle = this.parent.element.closest('[style*="zoom"]');
+        if (isNullOrUndefined(parentWithZoomStyle)) {
+            if (isNullOrUndefined(this.tooltipMouseEvent) || args.target.classList.contains('e-notes-info')) {
+                return;
+            }
+            const postion = this.getPointorPosition(this.tooltipMouseEvent);
+            const containerPosition = this.parent.getOffsetRect(this.parent.chartPane);
+            const topEnd = containerPosition.top + this.parent.chartPane.offsetHeight;
+            const leftEnd = containerPosition.left + this.parent.chartPane.offsetWidth;
+            let tooltipPositionX = postion.x;
+            let tooltipPositionY = postion.y;
+            if (leftEnd < (tooltipPositionX + args.element.offsetWidth + 10)) {
+                while (leftEnd < (tooltipPositionX + args.element.offsetWidth + 10)) {
+                    tooltipPositionX = leftEnd - args.element.offsetWidth - 10;
+                    args.element.style.left = tooltipPositionX + 'px';
+                }
+            }
+            else {
+                tooltipPositionX = tooltipPositionX + 10;
+                args.element.style.left = tooltipPositionX + 'px';
+            }
+            if (window.innerHeight < args.element.offsetHeight + tooltipPositionY) {
+                tooltipPositionY = tooltipPositionY - args.element.offsetHeight - 10;
+            }
+            if ((topEnd < (tooltipPositionY + args.element.offsetHeight + 20))) {
+                tooltipPositionY = tooltipPositionY - args.element.offsetHeight - 10;
+            }
+            else {
+                tooltipPositionY = tooltipPositionY + 10;
+            }
+            args.element.style.top = tooltipPositionY + 'px';
+        }
     }
     /**
      * Method to get mouse pointor position
@@ -13565,7 +13572,7 @@ class FocusModule {
                     }
                     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);
                         const focussedElement = ganttObj.element;
                         focussedElement.focus();
                     }
@@ -14463,7 +14470,9 @@ let Gantt = class Gantt extends Component {
             this.wireEvents();
             this.notify('initPredessorDialog', {});
         }
-        this.splitterModule.updateSplitterPosition();
+        if (!this.isFromOnPropertyChange) {
+            this.splitterModule.updateSplitterPosition();
+        }
         // if (this.gridLines === 'Vertical' || this.gridLines === 'Both') {
         //     this.renderChartVerticalLines();
         // }
@@ -14475,6 +14484,8 @@ let Gantt = class Gantt extends Component {
         removeClass(ganttChartElement.querySelectorAll('.e-critical-milestone'), criticalMilestone);
         removeClass(this.element.querySelectorAll('.e-connector-line'), criticalConnectorLineSVG);
         removeClass(this.element.querySelectorAll('.e-connector-line-arrow'), criticalConnectorArrowSVG);
+        const innerDivs = document.querySelector('.e-gantt-child-taskbar-inner-div');
+        innerDivs.style.outlineColor = "";
     }
     wireEvents() {
         if (this.allowKeyboard) {
@@ -15184,6 +15195,7 @@ let Gantt = class Gantt extends Component {
                     break;
                 case 'projectStartDate':
                 case 'projectEndDate':
+                    this.timelineModule.isZoomToFit = false;
                     this.dataOperation.calculateProjectDates();
                     this.updateProjectDates(this.cloneProjectStartDate, this.cloneProjectEndDate, this.isTimelineRoundOff);
                     break;
@@ -16308,8 +16320,11 @@ let Gantt = class Gantt extends Component {
             }
             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;
                 }
             }
         }
@@ -16942,8 +16957,8 @@ let Gantt = class Gantt extends Component {
                 if (!isNullOrUndefined(taskfields.dependency)) {
                     data[taskfields.dependency] = null;
                 }
-                const position = 'Below';
-                this.addRecord(data, position);
+                const position = this.editSettings.newRowPosition;
+                this.addRecord(data, position, this.selectedRowIndex);
             }
             else {
                 if (!rowData.hasChildRecords && !rowData.ganttProperties.isMilestone) {
@@ -18108,13 +18123,16 @@ class EditTooltip {
      * @returns {void} .
      */
     updateTooltipPosition(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';
+        const parentWithZoomStyle = this.parent.element.closest('[style*="zoom"]');
+        if (isNullOrUndefined(parentWithZoomStyle)) {
+            const containerPosition = this.parent.getOffsetRect(this.parent.chartPane);
+            const leftEnd = containerPosition.left + this.parent.chartPane.offsetWidth;
+            let tooltipPositionX = args.element.offsetLeft;
+            if (leftEnd < (tooltipPositionX + args.element.offsetWidth)) {
+                tooltipPositionX += leftEnd - (tooltipPositionX + args.element.offsetWidth);
+            }
+            args.element.style.left = tooltipPositionX + 'px';
+        }
         args.element.style.visibility = 'visible';
     }
     /**
@@ -22596,7 +22614,7 @@ class DialogEdit {
                 }
             }
             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;
@@ -24183,6 +24201,11 @@ class Edit$2 {
         const ganttPropByMapping = getSwapKey(ganttObj.columnMapping);
         const scheduleFieldNames = [];
         let isScheduleValueUpdated = false;
+        if (!isNullOrUndefined(ganttData[tasks.milestone])) {
+            if (ganttData[tasks.milestone] === true) {
+                ganttData[tasks.milestone] = false;
+            }
+        }
         for (const key of Object.keys(data)) {
             if ([tasks.startDate, tasks.endDate, tasks.duration].indexOf(key) !== -1) {
                 if (isNullOrUndefined(data[`${key}`]) && !ganttObj.allowUnscheduledTasks) {
@@ -24244,6 +24267,22 @@ class Edit$2 {
                 else if (key === tasks.cssClass) {
                     ganttPropKey = 'cssClass';
                 }
+                else if (key === tasks.milestone) {
+                    ganttPropKey = 'isMilestone';
+                    if (!isNullOrUndefined(tasks.duration)) {
+                        const ganttProp = ganttData.ganttProperties;
+                        let 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 */
@@ -26631,6 +26670,57 @@ class Edit$2 {
             }
         }
     }
+    /**
+     * 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} .
+     */
+    updateClientDataFromServer(e, args) {
+        const serverReturnedValue = e.addedRecords[0];
+        const _aLength = Object.keys(serverReturnedValue).length;
+        for (let j = 0, _a = Object.keys(serverReturnedValue); j < _aLength; j++) {
+            let 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.
      *
@@ -26691,7 +26781,8 @@ class Edit$2 {
                         /* tslint:disable-next-line */
                         const query = this.parent.query instanceof Query ? this.parent.query : new Query();
                         const adaptor = data.adaptor;
-                        if (!(adaptor instanceof WebApiAdaptor && adaptor instanceof ODataAdaptor && adaptor instanceof ODataV4Adaptor) || data.dataSource.batchUrl) {
+                        const moduleName = adaptor.getModuleName();
+                        if (!(moduleName == "WebApiAdaptor" || moduleName == "ODataAdaptor" || moduleName == "ODataV4Adaptor") || data.dataSource.batchUrl) {
                             /* tslint:disable-next-line */
                             const crud = data.saveChanges(updatedData, this.parent.taskFields.id, null, query);
                             crud.then((e) => {
@@ -26701,6 +26792,7 @@ class Edit$2 {
                                     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);
                                     const idsIndex = this.parent.ids.indexOf(prevID);
                                     if (idsIndex !== -1) {
                                         this.parent.ids[idsIndex] = e.addedRecords[0][this.parent.taskFields.id].toString();
@@ -27975,8 +28067,13 @@ class Filter$1 {
                     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;
             }
@@ -27988,6 +28085,9 @@ class Filter$1 {
                     break;
                 }
                 if (!isNullOrUndefined(this.parent.element.parentNode)) {
+                    if (parentNode.parentNode instanceof HTMLDocument) {
+                        break;
+                    }
                     parentNode = parentNode.parentNode;
                     marginLeft = parentNode.style.marginLeft;
                 }
@@ -30382,6 +30482,8 @@ class CriticalPath {
                 }
                 if (element.getElementsByClassName('e-gantt-child-taskbar-inner-div').length > 0) {
                     addClass(element.querySelectorAll('.e-gantt-child-taskbar-inner-div'), criticalChildTaskBarInnerDiv);
+                    const 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);
@@ -30601,7 +30703,7 @@ class ContextMenu$2 {
                     taskfields = this.parent.taskFields;
                     if (!isNullOrUndefined(taskfields.duration)) {
                         const 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]);
@@ -30614,6 +30716,9 @@ class ContextMenu$2 {
                             data[taskfields.milestone] = false;
                         }
                     }
+                    if (data[taskfields.startDate]) {
+                        this.parent.setRecordValue(taskfields.startDate, this.rowData.ganttProperties.startDate, data, true);
+                    }
                     this.parent.updateRecordByID(data);
                 }
                 break;
@@ -33046,7 +33151,10 @@ class PdfTreeGridLayouter extends ElementLayouter {
                         row.cells.getCell(i + j).isCellMergeContinue = true;
                     }
                 }
-                const size = new SizeF(column.width, height);
+                let 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;
                 }
@@ -33468,12 +33576,15 @@ class PdfTreeGrid extends PdfLayoutElement {
                         colSpan = cell.columnSpan;
                         currentCellIndex = j;
                         cell.isCellMergeStart = true;
+                        let 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;
@@ -34708,7 +34819,8 @@ class ExportHelper {
         row.height = pixelToPoint(this.parent.rowHeight);
         this.copyStyles(this.ganttStyle.columnHeader, row.cells.getCell(0), row.isParentRow);
         const count = this.columns.length;
-        this.mergeCells(0, 0, count);
+        row.cells.getCell(0).value = this.parent.localeObj.getConstant('emptyRecord');
+        this.mergeCells(1, 0, count);
     }
     mergeCells(rowIndex, colIndex, lastColIndex) {
         this.gantt.rows.getRow(rowIndex).cells.getCell(colIndex).columnSpan = lastColIndex;