@syncfusion/ej2-gantt 21.2.6 → 21.2.9

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

@@ -387,7 +387,7 @@ class DateProcessor {
             else if (hour > this.parent.defaultStartTime && hour < this.parent.defaultEndTime) {
                 for (let i = 0; i < this.parent.workingTimeRanges.length; i++) {
                     const value = this.parent.workingTimeRanges[i];
-                    if (hour >= value.to && (this.parent.workingTimeRanges[i + 1] &&
+                    if (hour > value.to && (this.parent.workingTimeRanges[i + 1] &&
                         hour < this.parent.workingTimeRanges[i + 1].from)) {
                         this.setTime(this.parent.workingTimeRanges[i + 1].from, cloneDate);
                         break;
@@ -1885,7 +1885,7 @@ class TaskProcessor extends DateProcessor {
             (this.parent.taskMode === 'Manual') ? false :
                 data[taskSettings.manual] === true ? false : true;
         this.parent.setRecordValue('ganttProperties', ganttProperties, ganttData);
-        if (!isNullOrUndefined(data[taskSettings.id])) {
+        if (!isNullOrUndefined(data[taskSettings.id]) && (!((this.parent.viewType === "ResourceView" && level == 0))) || data[taskSettings.name] === "Unassigned Task") {
             id = data[taskSettings.id];
             name = data[taskSettings.name];
             this.addTaskData(ganttData, data, isLoad);
@@ -2039,29 +2039,53 @@ class TaskProcessor extends DateProcessor {
                     startDate = this.checkStartDate(startDate, data.ganttProperties, false);
                     if (!isNullOrUndefined(duration)) {
                         endDate = this.getEndDate(startDate, duration, data.ganttProperties.durationUnit, data.ganttProperties, false);
+                        if (taskSettings.duration) {
+                            remainingDuration = data.ganttProperties.duration - sumOfDuration;
+                            if (remainingDuration <= 0) {
+                                continue;
+                            }
+                            duration = i === segments.length - 1 ? remainingDuration : remainingDuration > 0 &&
+                                duration > remainingDuration ? remainingDuration : duration;
+                            endDate = this.getEndDate(startDate, duration, data.ganttProperties.durationUnit, data.ganttProperties, false);
+                        }
+                        else if (!taskSettings.duration && taskSettings.endDate) {
+                            endDate = (!isNullOrUndefined(data.ganttProperties.endDate)) && endDate.getTime() >
+                                data.ganttProperties.endDate.getTime() && i !== segments.length - 1 ? endDate : data.ganttProperties.endDate;
+                            duration = this.getDuration(startDate, endDate, data.ganttProperties.durationUnit, data.ganttProperties.isAutoSchedule, data.ganttProperties.isMilestone);
+                            if (ganttSegments.length > 0 && endDate.getTime() < startDate.getTime()
+                                && endDate.getTime() <= data.ganttProperties.endDate.getTime()) {
+                                ganttSegments[i - 1].duration = this.getDuration(ganttSegments[i - 1].startDate, data.ganttProperties.endDate, data.ganttProperties.durationUnit, data.ganttProperties.isAutoSchedule, data.ganttProperties.isMilestone);
+                                continue;
+                            }
+                        }
                     }
                     else {
                         endDate = this.getDateFromFormat(endDate);
+                        if (endDate && (isNullOrUndefined(duration) || String(duration) === '')) {
+                            if (endDate.getHours() === 0 && this.parent.defaultEndTime !== 86400) {
+                                this.setTime(this.parent.defaultEndTime, endDate);
+                            }
+                        }
                         endDate = this.checkEndDate(endDate, data.ganttProperties, false);
                         duration = this.getDuration(startDate, endDate, data.ganttProperties.durationUnit, data.ganttProperties.isAutoSchedule, data.ganttProperties.isMilestone);
-                    }
-                    if (taskSettings.duration) {
-                        remainingDuration = data.ganttProperties.duration - sumOfDuration;
-                        if (remainingDuration <= 0) {
-                            continue;
+                        if (taskSettings.duration) {
+                            remainingDuration = data.ganttProperties.duration - sumOfDuration - 1;
+                            if (remainingDuration <= 0) {
+                                continue;
+                            }
+                            duration = i === segments.length - 1 ? remainingDuration : remainingDuration > 0 &&
+                                duration > remainingDuration ? remainingDuration : duration;
+                            endDate = this.getEndDate(startDate, duration, data.ganttProperties.durationUnit, data.ganttProperties, false);
                         }
-                        duration = i === segments.length - 1 ? remainingDuration : remainingDuration > 0 &&
-                            duration > remainingDuration ? remainingDuration : duration;
-                        endDate = this.getEndDate(startDate, duration, data.ganttProperties.durationUnit, data.ganttProperties, false);
-                    }
-                    else if (!taskSettings.duration && taskSettings.endDate) {
-                        endDate = (!isNullOrUndefined(data.ganttProperties.endDate)) && endDate.getTime() >
-                            data.ganttProperties.endDate.getTime() && i !== segments.length - 1 ? endDate : data.ganttProperties.endDate;
-                        duration = this.getDuration(startDate, endDate, data.ganttProperties.durationUnit, data.ganttProperties.isAutoSchedule, data.ganttProperties.isMilestone);
-                        if (ganttSegments.length > 0 && endDate.getTime() < startDate.getTime()
-                            && endDate.getTime() <= data.ganttProperties.endDate.getTime()) {
-                            ganttSegments[i - 1].duration = this.getDuration(ganttSegments[i - 1].startDate, data.ganttProperties.endDate, data.ganttProperties.durationUnit, data.ganttProperties.isAutoSchedule, data.ganttProperties.isMilestone);
-                            continue;
+                        else if (!taskSettings.duration && taskSettings.endDate) {
+                            endDate = (!isNullOrUndefined(data.ganttProperties.endDate)) && endDate.getTime() >
+                                data.ganttProperties.endDate.getTime() && i !== segments.length - 1 ? endDate : data.ganttProperties.endDate;
+                            duration = this.getDuration(startDate, endDate, data.ganttProperties.durationUnit, data.ganttProperties.isAutoSchedule, data.ganttProperties.isMilestone);
+                            if (ganttSegments.length > 0 && endDate.getTime() < startDate.getTime()
+                                && endDate.getTime() <= data.ganttProperties.endDate.getTime()) {
+                                ganttSegments[i - 1].duration = this.getDuration(ganttSegments[i - 1].startDate, data.ganttProperties.endDate, data.ganttProperties.durationUnit, data.ganttProperties.isAutoSchedule, data.ganttProperties.isMilestone);
+                                continue;
+                            }
                         }
                     }
                     segment = {};
@@ -2302,7 +2326,7 @@ class TaskProcessor extends DateProcessor {
             startDate = this.getDateFromFormat(data[taskSettings.startDate], true);
             endDate = this.getDateFromFormat(data[taskSettings.endDate], true);
         }
-        const segments = taskSettings.segments ? (data[taskSettings.segments] ||
+        const segments = taskSettings.segments && (!isNullOrUndefined(data[taskSettings.segments]) || !isNullOrUndefined(ganttData.taskData)) ? (data[taskSettings.segments] ||
             ganttData.taskData[taskSettings.segments]) : null;
         const isMileStone = taskSettings.milestone ? data[taskSettings.milestone] ? true : false : false;
         const durationMapping = data[taskSettings.durationUnit] ? data[taskSettings.durationUnit] : '';
@@ -3125,6 +3149,9 @@ class TaskProcessor extends DateProcessor {
             return resourceIdCollection;
         }
         resourceIdCollection = data[this.parent.taskFields.resourceInfo];
+        if (resourceIdCollection != "" && typeof resourceIdCollection == "string") {
+            resourceIdCollection = resourceIdCollection.split(',');
+        }
         let resourceData;
         if (!isNullOrUndefined(this.parent.editModule) && !isNullOrUndefined(this.parent.editModule.dialogModule)
             && this.parent.editModule.dialogModule.isAddNewResource) {
@@ -3134,6 +3161,7 @@ class TaskProcessor extends DateProcessor {
             resourceData = this.parent.resources;
         }
         const resourceIDMapping = this.parent.resourceFields.id;
+        const resourceNameMapping = this.parent.resourceFields.name;
         const resourceUnitMapping = this.parent.resourceFields.unit;
         const resourceGroup = this.parent.resourceFields.group;
         const resources = [];
@@ -3144,7 +3172,7 @@ class TaskProcessor extends DateProcessor {
                     return true;
                 }
                 else {
-                    return (resourceIdCollection[count] === resourceInfo[resourceIDMapping]);
+                    return (resourceIdCollection[count] === resourceInfo[resourceIDMapping]) || (resourceIdCollection[count] === resourceInfo[resourceNameMapping]);
                 }
             });
             const ganttDataResource = extend({}, resource[0]);
@@ -3882,6 +3910,9 @@ class TaskProcessor extends DateProcessor {
                         }
                     }
                     this.parent.setRecordValue('isMilestone', milestone, parentProp, true);
+                    if (!isNullOrUndefined(this.parent.taskFields.milestone)) {
+                        this.updateMappingData(parentData, 'milestone');
+                    }
                     if (parentProp.isAutoSchedule) {
                         this.calculateDuration(parentData);
                     }
@@ -4612,7 +4643,7 @@ class GanttChart {
     setVirtualHeight() {
         if (this.parent.virtualScrollModule && this.parent.enableVirtualization) {
             const wrapper = getValue('virtualTrack', this.parent.ganttChartModule.virtualRender);
-            wrapper.style.height = this.parent.treeGrid.element.getElementsByClassName('e-virtualtable')[0].style.height;
+            wrapper.style.height = this.parent.treeGrid.element.getElementsByClassName('e-virtualtrack')[0].style.height;
             const wrapper1 = getValue('wrapper', this.parent.ganttChartModule.virtualRender);
             const treegridVirtualHeight = this.parent.treeGrid.element.getElementsByClassName('e-virtualtable')[0].style.transform;
             wrapper1.style.transform = treegridVirtualHeight;
@@ -5301,7 +5332,13 @@ class GanttChart {
      * @private
      */
     getRecordByTaskBar(target) {
-        const item = this.parent.currentViewData[this.getIndexByTaskBar(target)];
+        let item;
+        if (this.parent.enableVirtualization && this.parent.enableMultiTaskbar) {
+            item = this.parent.flatData[this.getIndexByTaskBar(target)];
+        }
+        else {
+            item = this.parent.currentViewData[this.getIndexByTaskBar(target)];
+        }
         return item;
     }
     /**
@@ -5659,7 +5696,12 @@ class GanttChart {
         else {
             const id = row.getAttribute('rowUniqueId');
             const record = this.parent.getRecordByID(id);
-            recordIndex = this.parent.currentViewData.indexOf(record);
+            if (this.parent.enableVirtualization && this.parent.enableMultiTaskbar) {
+                recordIndex = this.parent.flatData.indexOf(record);
+            }
+            else {
+                recordIndex = this.parent.currentViewData.indexOf(record);
+            }
         }
         return recordIndex;
     }
@@ -7063,9 +7105,11 @@ class Timeline {
                 const validStartLeft = this.parent.dataOperation.getTaskLeft(validStartDate, false);
                 const validEndLeft = this.parent.dataOperation.getTaskLeft(validEndDate, false);
                 let isChanged;
+                let taskbarModule = this.parent.editModule.taskbarEditModule;
                 if (!isNullOrUndefined(maxStartLeft) && ((minStartDate < this.timelineStartDate) ||
-                    (!isNullOrUndefined(this.parent.editModule.taskbarEditModule)) &&
-                        (!isNullOrUndefined(this.parent.editModule.taskbarEditModule.taskBarEditAction))) && (maxStartLeft < this.bottomTierCellWidth || maxStartLeft <= validStartLeft)) {
+                    (!isNullOrUndefined(taskbarModule)) && (!isNullOrUndefined(taskbarModule.taskBarEditAction)
+                        && taskbarModule.taskBarEditAction !== 'ProgressResizing' &&
+                        taskbarModule.taskBarEditAction !== 'RightResizing')) && (maxStartLeft < this.bottomTierCellWidth || maxStartLeft <= validStartLeft)) {
                     isChanged = 'prevTimeSpan';
                     minStartDate = minStartDate > this.timelineStartDate ? this.timelineStartDate : minStartDate;
                 }
@@ -7659,7 +7703,7 @@ class GanttTreeGrid {
         this.parent.columnByField = {};
         this.parent.customColumns = [];
         const tasksMapping = ['id', 'name', 'startDate', 'endDate', 'duration', 'dependency',
-            'progress', 'baselineStartDate', 'baselineEndDate', 'resourceInfo', 'notes', 'work', 'manual', 'type'];
+            'progress', 'baselineStartDate', 'baselineEndDate', 'resourceInfo', 'notes', 'work', 'manual', 'type', 'milestone'];
         for (let i = 0; i < length; i++) {
             let column = {};
             if (typeof ganttObj.columns[i] === 'string') {
@@ -8001,7 +8045,7 @@ class GanttTreeGrid {
         }
     } // eslint-disable-next-line
     durationValueAccessor(field, data, column) {
-        const ganttProp = data.ganttProperties;
+        const ganttProp = (!isNullOrUndefined(data)) ? data.ganttProperties : null;
         if (!isNullOrUndefined(ganttProp)) {
             return this.parent.dataOperation.getDurationString(ganttProp.duration, ganttProp.durationUnit);
         }
@@ -8725,7 +8769,7 @@ class ChartRows extends DateProcessor {
             if (this.taskLabelTemplateFunction && !isNullOrUndefined(progressDiv) && progressDiv.length > 0) {
                 const taskLabelTemplateNode = this.taskLabelTemplateFunction(extend({ index: i }, data), this.parent, 'TaskLabelTemplate', this.getTemplateID('TaskLabelTemplate'), false, undefined, progressDiv[0]);
                 if (taskLabelTemplateNode && taskLabelTemplateNode.length > 0) {
-                    tempDiv.appendChild(taskLabelTemplateNode[0]);
+                    append(taskLabelTemplateNode, tempDiv);
                     labelString = tempDiv.innerHTML;
                 }
             }
@@ -8780,7 +8824,7 @@ class ChartRows extends DateProcessor {
                 (isNullOrUndefined(data.ganttProperties.segments) || (!isNullOrUndefined(data.ganttProperties.segments) &&
                     data.ganttProperties.segments.length === 0))) {
                 if (template !== '' && !isNullOrUndefined(progressDiv) && progressDiv.length > 0) {
-                    let templateElement = this.createDivElement(template)[0];
+                    const templateElement = this.createDivElement(template)[0];
                     if (this.parent.disableHtmlEncode) {
                         templateElement.innerText = labelString;
                     }
@@ -8795,7 +8839,7 @@ class ChartRows extends DateProcessor {
                         !this.isTemplate(childLabel) &&
                         progressDiv[0].querySelectorAll('.e-task-label')[0].children[0])
                         progressDiv[0].querySelectorAll('.e-task-label')[0].children[0].remove();
-                    if (progressDiv[0].querySelectorAll('.e-task-label')[0].textContent == '' &&
+                    if (progressDiv[0].querySelectorAll('.e-task-label')[0].textContent === '' &&
                         childLabel && !childLabel['elementRef'] && tempDiv.innerHTML !== '')
                         progressDiv[0].querySelectorAll('.e-task-label')[0].textContent = childLabel;
                 }
@@ -9280,7 +9324,7 @@ class ChartRows extends DateProcessor {
             if (leftLabelTemplateNode[0]['data'] === 'null') {
                 leftLabelTemplateNode[0]['data'] = '';
             }
-            leftLabelNode[0].appendChild([].slice.call(leftLabelTemplateNode)[0]);
+            append(leftLabelTemplateNode, leftLabelNode[0]);
         }
         if (this.parent.enableRtl) {
             leftLabelNode[0].style.paddingLeft = '25px';
@@ -9335,7 +9379,7 @@ class ChartRows extends DateProcessor {
             if (rightLabelTemplateNode[0]['data'] === 'null') {
                 rightLabelTemplateNode[0]['data'] = '';
             }
-            rightLabelNode[0].appendChild([].slice.call(rightLabelTemplateNode)[0]);
+            append(rightLabelTemplateNode, rightLabelNode[0]);
         }
         if (this.parent.enableRtl) {
             rightLabelNode[0].style.marginLeft = '0px';
@@ -9466,7 +9510,7 @@ class ChartRows extends DateProcessor {
                     !this.isTemplate(parentLabel) &&
                     progressBarInnerDiv[0].querySelectorAll('.e-task-label')[0].children[0])
                     progressBarInnerDiv[0].querySelectorAll('.e-task-label')[0].children[0].remove();
-                if (progressBarInnerDiv[0].querySelectorAll('.e-task-label')[0].textContent == '' &&
+                if (progressBarInnerDiv[0].querySelectorAll('.e-task-label')[0].textContent === '' &&
                     parentLabel && !parentLabel['elementRef'] && div.innerHTML !== '')
                     progressBarInnerDiv[0].querySelectorAll('.e-task-label')[0].textContent = parentLabel;
             }
@@ -9496,11 +9540,19 @@ class ChartRows extends DateProcessor {
      * @returns {NodeList} .
      * @private
      */
-    getTableTrNode() {
+    getTableTrNode(i) {
         const table = createElement('table');
         const className = (this.parent.gridLines === 'Horizontal' || this.parent.gridLines === 'Both') ?
             'e-chart-row-border' : '';
-        table.innerHTML = '<tr class="' + this.getRowClassName(this.templateData) + ' ' + chartRow + '"' +
+        const rows = this.parent.treeGrid.grid.contentModule.getRows()[i];
+        let activecls;
+        if (rows && rows.isSelected) {
+            activecls = 'e-active';
+        }
+        else {
+            activecls = '';
+        }
+        table.innerHTML = '<tr class="' + this.getRowClassName(this.templateData) + ' ' + chartRow + ' ' + (activecls) + '"' +
             'style="display:' + this.getExpandDisplayProp(this.templateData) + ';height:' +
             this.parent.rowHeight + 'px;">' +
             '<td class="' + chartRowCell + ' ' + className
@@ -9610,7 +9662,7 @@ class ChartRows extends DateProcessor {
         return this.createDivElement(template);
     }
     childTaskbarProgressResizer() {
-        let width = this.parent.enableRtl ? (this.templateData.ganttProperties.progressWidth + 8) : (this.templateData.ganttProperties.progressWidth - 6);
+        const width = this.parent.enableRtl ? (this.templateData.ganttProperties.progressWidth + 8) : (this.templateData.ganttProperties.progressWidth - 6);
         const template = '<div class="' + childProgressResizer + '"' +
             'style="' + (this.parent.enableRtl ? 'right:' : 'left:') + width + 'px;margin-top:' +
             (this.taskBarHeight - 4) + 'px;"><div class="' + progressBarHandler + '"' +
@@ -9937,7 +9989,7 @@ class ChartRows extends DateProcessor {
         this.parent.renderTemplates();
         this.triggerQueryTaskbarInfo();
         this.parent.modifiedRecords = [];
-        if (this.parent.viewType == 'ResourceView' && this.parent.showOverAllocation) {
+        if (this.parent.viewType === 'ResourceView' && this.parent.showOverAllocation) {
             this.updateOverlapped();
         }
         if (collapsedResourceRecord.length) {
@@ -9961,7 +10013,7 @@ class ChartRows extends DateProcessor {
     getGanttChartRow(i, tempTemplateData) {
         this.templateData = tempTemplateData;
         let taskBaselineTemplateNode = null;
-        const parentTrNode = this.getTableTrNode();
+        const parentTrNode = this.getTableTrNode(i);
         const leftLabelNode = this.getLeftLabelNode(i);
         const taskbarContainerNode = this.taskbarContainer();
         taskbarContainerNode[0].setAttribute('aria-label', this.generateAriaLabel(this.templateData));
@@ -9991,12 +10043,12 @@ class ChartRows extends DateProcessor {
                 }
             }
             if ((this.templateData.ganttProperties.autoDuration !== 0) && !this.templateData.ganttProperties.isMilestone && parentTaskbarTemplateNode && parentTaskbarTemplateNode.length > 0) {
-                taskbarContainerNode[0].appendChild([].slice.call(parentTaskbarTemplateNode)[0]);
+                append(parentTaskbarTemplateNode, taskbarContainerNode[0]);
             }
             else if ((this.templateData.ganttProperties.duration === 0 && this.templateData.ganttProperties.isMilestone && this.templateData.ganttProperties.isAutoSchedule)) {
                 const milestoneTemplateNode = this.getMilestoneNode(i, taskbarContainerNode);
                 if (milestoneTemplateNode && milestoneTemplateNode.length > 0) {
-                    taskbarContainerNode[0].appendChild([].slice.call(milestoneTemplateNode)[0]);
+                    append(milestoneTemplateNode, taskbarContainerNode[0]);
                 }
             }
             if (this.parent.renderBaseline && this.templateData.ganttProperties.baselineStartDate &&
@@ -10050,7 +10102,7 @@ class ChartRows extends DateProcessor {
                         }
                     }
                     else {
-                        taskbarContainerNode[0].appendChild([].slice.call(childTaskbarTemplateNode)[0]);
+                        append(childTaskbarTemplateNode, taskbarContainerNode[0]);
                     }
                 }
                 if (childTaskbarProgressResizeNode) {
@@ -10401,8 +10453,8 @@ class ChartRows extends DateProcessor {
     }
     // To update the row height when allow overallocation set to false
     updateDragDropRecords(data, tr) {
-        let childRecords = data.childRecords;
-        let rowIndex = this.parent.currentViewData.indexOf(data);
+        const childRecords = data.childRecords;
+        const rowIndex = this.parent.currentViewData.indexOf(data);
         let treeGridContentHeight = this.parent.enableRtl ? this.parent['element'].getElementsByClassName('e-content')[2].children[0]['offsetHeight'] :
             this.parent['element'].getElementsByClassName('e-content')[0].children[0]['offsetHeight'];
         if (!tr) {
@@ -10512,6 +10564,19 @@ class ChartRows extends DateProcessor {
             }
         }
     }
+    updateResourceTaskbarElement(tRow, parentTr) {
+        const cloneElement = tRow.querySelector('.e-taskbar-main-container');
+        addClass([cloneElement], 'collpse-parent-border');
+        const id = tRow.querySelector('.' + taskBarMainContainer).getAttribute('rowUniqueId');
+        const ganttData = this.parent.getRecordByID(id);
+        let zIndex = "";
+        if (ganttData && !isNullOrUndefined(ganttData.ganttProperties.eOverlapIndex)) {
+            zIndex = (ganttData.ganttProperties.eOverlapIndex).toString();
+        }
+        const cloneChildElement = cloneElement.cloneNode(true);
+        cloneChildElement.style.zIndex = zIndex;
+        parentTr[0].childNodes[0].childNodes[0].childNodes[0].appendChild(cloneChildElement);
+    }
     getResourceParent(record) {
         const chartRows = this.parent.ganttChartModule.getChartRows();
         //Below code is for rendering taskbartemplate in resource view with multi taskbar
@@ -10535,20 +10600,19 @@ class ChartRows extends DateProcessor {
         parentTrNode[0].childNodes[0].childNodes[0].appendChild(collapseParent);
         const tasks = this.parent.dataOperation.setSortedChildTasks(record);
         this.parent.dataOperation.updateOverlappingIndex(tasks);
-        for (let i = 0; i < chartRows.length; i++) {
-            if (chartRows[i].classList.contains('gridrowtaskId'
-                + record.ganttProperties.rowUniqueID + 'level' + (record.level + 1))) {
-                const cloneElement = chartRows[i].querySelector('.e-taskbar-main-container');
-                addClass([cloneElement], 'collpse-parent-border');
-                const id = chartRows[i].querySelector('.' + taskBarMainContainer).getAttribute('rowUniqueId');
-                const ganttData = this.parent.getRecordByID(id);
-                let zIndex = "";
-                if (ganttData && !isNullOrUndefined(ganttData.ganttProperties.eOverlapIndex)) {
-                    zIndex = (ganttData.ganttProperties.eOverlapIndex).toString();
+        let tRow;
+        if (this.parent.enableVirtualization) {
+            for (let i = 0; i < record.childRecords.length; i++) {
+                tRow = this.getGanttChartRow(record.childRecords[i].index, this.parent.flatData[record.childRecords[i].index]);
+                this.updateResourceTaskbarElement(tRow, parentTrNode);
+            }
+        }
+        else {
+            for (let i = 0; i < chartRows.length; i++) {
+                if (chartRows[i].classList.contains('gridrowtaskId'
+                    + record.ganttProperties.rowUniqueID + 'level' + (record.level + 1))) {
+                    this.updateResourceTaskbarElement(chartRows[i], parentTrNode);
                 }
-                const cloneChildElement = cloneElement.cloneNode(true);
-                cloneChildElement.style.zIndex = zIndex;
-                parentTrNode[0].childNodes[0].childNodes[0].childNodes[0].appendChild(cloneChildElement);
             }
         }
         parentTrNode[0].childNodes[0].childNodes[0].appendChild([].slice.call(leftLabelNode)[0]);
@@ -11055,6 +11119,15 @@ class Dependency {
         for (let count = 0; count < totLength; count++) {
             if (flatData[count].ganttProperties.predecessorsName) {
                 this.validatePredecessorDates(flatData[count]);
+                let predecessorCollection = flatData[count].ganttProperties.predecessor;
+                if (predecessorCollection && predecessorCollection.length > 1) {
+                    for (let i = 0; i < predecessorCollection.length; i++) {
+                        const validateRecord = this.parent.getRecordByID(predecessorCollection[i].to);
+                        if (validateRecord) {
+                            this.validatePredecessorDates(validateRecord);
+                        }
+                    }
+                }
                 if (flatData[count].hasChildRecords && this.parent.editModule && !this.parent.allowUnscheduledTasks
                     && this.parent.allowParentDependency) {
                     this.parent.editModule['updateChildItems'](flatData[count]);
@@ -19671,7 +19744,8 @@ class TaskbarEdit extends DateProcessor {
             this.dependencyCancel = true;
         }
         if ((this.taskBarEditAction === 'ConnectorPointLeftDrag' ||
-            this.taskBarEditAction === 'ConnectorPointRightDrag') && this.drawPredecessor) {
+            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);
@@ -20004,7 +20078,9 @@ class TaskbarEdit extends DateProcessor {
             }
             this.showHideTaskBarEditingElements(element, this.highlightedSecondElement, true);
         }
-        if (isNullOrUndefined(this.connectorSecondAction) && !isNullOrUndefined(this.connectorSecondElement)) {
+        if (isNullOrUndefined(this.connectorSecondAction) && !isNullOrUndefined(this.connectorSecondElement) &&
+            (!this.connectorSecondRecord.hasChildRecords || this.connectorSecondRecord.hasChildRecords &&
+                this.parent.allowParentDependency)) {
             this.editTooltip.showHideTaskbarEditTooltip(false, this.segmentIndex);
             removeClass([this.connectorSecondElement.querySelector('.' + connectorPointLeft)], [connectorPointAllowBlock]);
             removeClass([this.connectorSecondElement.querySelector('.' + connectorPointRight)], [connectorPointAllowBlock]);
@@ -23464,6 +23540,7 @@ class Edit$2 {
         this.isFromDeleteMethod = false;
         this.targetedRecords = [];
         this.isNewRecordAdded = false;
+        this.isValidatedEditedRecord = false;
         /** @hidden */
         this.updateParentRecords = [];
         /** @hidden */
@@ -24116,8 +24193,9 @@ class Edit$2 {
                     (isNullOrUndefined(taskData.startDate) && !isNullOrUndefined(prevStart)) ||
                     (isNullOrUndefined(taskData.endDate) && !isNullOrUndefined(prevEnd)) ||
                     (prevStart && prevStart.getTime() !== taskData.startDate.getTime())
-                        && (prevEnd && prevEnd.getTime() !== taskData.endDate.getTime())
-                    || (!isNullOrUndefined(prevDuration) && prevDuration !== taskData.duration &&
+                    || (prevEnd && prevEnd.getTime() !== taskData.endDate.getTime())
+                    || (!isNullOrUndefined(prevDuration) && prevDuration !== taskData.duration)
+                    || (!isNullOrUndefined(prevDuration) && prevDuration === taskData.duration &&
                         prevDurationUnit !== taskData.durationUnit)) {
                     isMoved = true;
                 }
@@ -24230,6 +24308,11 @@ class Edit$2 {
                     this.parent.connectorLineEditModule.openValidationDialog(validateObject);
                 }
                 else {
+                    if (this.parent.editModule && this.parent.editModule.dialogModule &&
+                        this.parent.editModule.dialogModule['isEdit'] && this.predecessorUpdated) {
+                        this.isValidatedEditedRecord = true;
+                        this.parent.predecessorModule.validatePredecessor(args.data, [], '');
+                    }
                     this.parent.connectorLineEditModule.applyPredecessorOption();
                 }
             }
@@ -24293,7 +24376,10 @@ class Edit$2 {
                 if (this.taskbarMoved) {
                     this.parent.editedTaskBarItem = ganttRecord;
                 }
-                this.parent.predecessorModule.validatePredecessor(ganttRecord, [], '');
+                if (!this.isValidatedEditedRecord) {
+                    this.parent.predecessorModule.validatePredecessor(ganttRecord, [], '');
+                }
+                this.isValidatedEditedRecord = false;
                 this.parent.predecessorModule.isValidatedParentTaskID = '';
             }
             if (this.parent.allowParentDependency && ganttRecord.hasChildRecords && this.parent.previousRecords[ganttRecord.uniqueID].ganttProperties.startDate &&
@@ -26312,6 +26398,7 @@ class Edit$2 {
             let args = {};
             args = this.constructTaskAddedEventArgs(cAddedRecord, this.parent.editedRecords, 'beforeAdd');
             this.parent.trigger('actionBegin', args, (args) => {
+                this.parent.previousRecords = {};
                 if (!isNullOrUndefined(this.parent.loadingIndicator) && this.parent.loadingIndicator.indicatorType === "Shimmer") {
                     this.parent.showMaskRow();
                 }
@@ -30306,7 +30393,7 @@ class ContextMenu$2 {
                 this.parent.ganttChartModule.targetElement;
         // Closed edited cell before opening context menu
         // eslint-disable-next-line
-        if (!isNullOrUndefined(this.parent.editModule) && this.parent.editModule.cellEditModule && this.parent.editModule.cellEditModule.isCellEdit && target.parentElement.classList.contains('e-row')) {
+        if (!isNullOrUndefined(this.parent.editModule) && this.parent.editModule.cellEditModule && this.parent.editModule.cellEditModule.isCellEdit && target.parentElement.classList.contains('e-row') || target.parentElement.classList.contains('e-treecolumn-container')) {
             this.parent.treeGrid.closeEdit();
         }
         if (!isNullOrUndefined(args.element) && args.element.id === this.parent.element.id + '_contextmenu') {
@@ -34319,7 +34406,10 @@ class ExportHelper {
             const footerBrush = new PdfSolidBrush(this.ganttStyle.footer.backgroundColor);
             footer.graphics.drawRectangle(pen, footerBrush, 0, 0, pdfDoc.pageSettings.width, 35);
             /* eslint-disable-next-line */
-            const font = new PdfStandardFont(this.ganttStyle.fontFamily, this.ganttStyle.footer.fontSize, this.ganttStyle.footer.fontStyle);
+            let font = new PdfStandardFont(this.ganttStyle.fontFamily, this.ganttStyle.footer.fontSize, this.ganttStyle.footer.fontStyle);
+            if (this.ganttStyle.font) {
+                font = this.ganttStyle.font;
+            }
             const brush = new PdfSolidBrush(this.ganttStyle.footer.fontColor);
             const pageNumber = new PdfPageNumberField(font);
             const count = new PdfPageCountField(font, brush);
@@ -34983,11 +35073,22 @@ class PdfGanttPredecessor {
         this.parent = parent;
         this.pdfGantt = pdfGantt;
     }
-    findindex(num) {
+    findindex(num, pdfExportProperties) {
         var dataindex;
-        this.parent.currentViewData.map((data, index) => { if (data.index == num) {
-            dataindex = index;
-        } });
+        if (pdfExportProperties.exportType === 'CurrentViewData') {
+            this.parent.currentViewData.map(function (data, index) {
+                if (data.index == num) {
+                    dataindex = index;
+                }
+            });
+        }
+        else {
+            this.parent.flatData.map(function (data, index) {
+                if (data.index == num) {
+                    dataindex = index;
+                }
+            });
+        }
         return dataindex;
     }
     /**
@@ -34997,11 +35098,11 @@ class PdfGanttPredecessor {
      * @returns {void}
      * @private
      */
-    drawPredecessor(pdfGantt) {
+    drawPredecessor(pdfGantt, pdfExportProperties) {
         this.pdfGantt = pdfGantt;
         const pages = pdfGantt.result.page.section.getPages();
-        const parentTask = pdfGantt.taskbarCollection[this.findindex(this.parentIndex)];
-        const childTask = pdfGantt.taskbarCollection[this.findindex(this.childIndex)];
+        const parentTask = pdfGantt.taskbarCollection[this.findindex(this.parentIndex, pdfExportProperties)];
+        const childTask = pdfGantt.taskbarCollection[this.findindex(this.childIndex, pdfExportProperties)];
         let startPage = new PdfPage();
         let endPage = new PdfPage();
         let predecessorType = '';
@@ -35011,7 +35112,7 @@ class PdfGanttPredecessor {
         let childY = 0;
         switch (this.type) {
             case 'FS':
-                if (childTask.startPage > -1 && parentTask.endPage > -1) {
+                if ((!isNullOrUndefined(childTask) && childTask.startPage > -1) && (!isNullOrUndefined(parentTask) && parentTask.endPage > -1)) {
                     startPage = pages[parentTask.endPage];
                     endPage = pages[childTask.startPage];
                     parentPageData = pdfGantt.pdfPageDetail[parentTask.endPage - pdfGantt.chartPageIndex];
@@ -35038,7 +35139,7 @@ class PdfGanttPredecessor {
                 }
                 break;
             case 'SF':
-                if (childTask.endPage > -1 && parentTask.startPage > -1) {
+                if ((!isNullOrUndefined(childTask) && childTask.endPage > -1) && (!isNullOrUndefined(parentTask) && parentTask.startPage > -1)) {
                     startPage = pages[parentTask.startPage];
                     endPage = pages[childTask.endPage];
                     parentPageData = pdfGantt.pdfPageDetail[parentTask.endPage - pdfGantt.chartPageIndex];
@@ -35065,7 +35166,7 @@ class PdfGanttPredecessor {
                 }
                 break;
             case 'FF':
-                if (childTask.endPage > -1 && parentTask.endPage > -1) {
+                if ((!isNullOrUndefined(childTask) && childTask.endPage > -1) && (!isNullOrUndefined(parentTask) && parentTask.endPage > -1)) {
                     startPage = pages[parentTask.endPage];
                     endPage = pages[childTask.endPage];
                     parentPageData = pdfGantt.pdfPageDetail[parentTask.endPage - pdfGantt.chartPageIndex];
@@ -35092,7 +35193,7 @@ class PdfGanttPredecessor {
                 }
                 break;
             case 'SS':
-                if (childTask.startPage > -1 && parentTask.startPage > -1) {
+                if ((!isNullOrUndefined(childTask) && childTask.startPage > -1) && (!isNullOrUndefined(parentTask) && parentTask.startPage > -1)) {
                     startPage = pages[parentTask.startPage];
                     endPage = pages[childTask.startPage];
                     parentPageData = pdfGantt.pdfPageDetail[parentTask.startPage - pdfGantt.chartPageIndex];
@@ -35419,12 +35520,12 @@ class PdfGantt extends PdfTreeGrid {
         }
         return this.taskbars;
     }
-    drawChart(result) {
+    drawChart(result, pdfExportProperties) {
         this.result = result;
         this.totalPages = this.result.page.section.count;
         this.perColumnPages = this.totalPages / this.layouter.columnRanges.length;
         this.calculateRange();
-        this.drawGantttChart();
+        this.drawGantttChart(pdfExportProperties);
         this.drawPageBorder();
     }
     //Calcualte the header range for each pdf page based on schedule start and end date.
@@ -35573,7 +35674,7 @@ class PdfGantt extends PdfTreeGrid {
         }
     }
     //Draw the gantt chart side
-    drawGantttChart() {
+    drawGantttChart(pdfExportProperties) {
         let taskbarPoint = this.startPoint;
         const pagePoint = new PointF();
         let pageStartX = 0;
@@ -35647,7 +35748,7 @@ class PdfGantt extends PdfTreeGrid {
         // Draw predecessor line.
         for (let i = 0; i < this.predecessorCollection.length; i++) {
             const predecessor = this.predecessorCollection[i];
-            predecessor.drawPredecessor(this);
+            predecessor.drawPredecessor(this, pdfExportProperties);
         }
     }
 }
@@ -35760,7 +35861,7 @@ class PdfExport {
             const format = new PdfTreeGridLayoutFormat();
             format.break = PdfLayoutBreakType.FitElement;
             const layouter = this.gantt.drawGrid(pdfPage, 0, 0, format);
-            this.gantt.drawChart(layouter);
+            this.gantt.drawChart(layouter, pdfExportProperties);
             if (!isMultipleExport) {
                 if (!this.isBlob) {
                     // save the PDF