@syncfusion/ej2-gantt 20.4.38 → 20.4.40

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

@@ -2580,7 +2580,7 @@ var TaskProcessor = /** @__PURE__ @class */ (function (_super) {
         }
         else if (endDate) {
             sDate = new Date(endDate.getTime());
-            milestone = true;
+            milestone = isNullOrUndefined(startDate) && this.parent.allowUnscheduledTasks ? false : true;
         }
         else {
             sDate = this.getValidStartDate(ganttProp);
@@ -2703,6 +2703,9 @@ var TaskProcessor = /** @__PURE__ @class */ (function (_super) {
             else if (isMilestone && this.getSecondsInDecimal(date) === this.parent.defaultEndTime) {
                 date.setHours(24);
             }
+            else if (this.getSecondsInDecimal(date) === this.parent.defaultEndTime && this.parent.allowUnscheduledTasks) {
+                date.setHours(22);
+            }
         }
         var timelineStartDate = this.parent.timelineModule.timelineStartDate;
         if (timelineStartDate) {
@@ -3682,7 +3685,12 @@ var TaskProcessor = /** @__PURE__ @class */ (function (_super) {
                 durationInDay = (childGanttRecord.ganttProperties.duration / (this.parent.secondsPerDay / 60));
                 break;
             default:
-                durationInDay = childGanttRecord.ganttProperties.duration;
+                if (childGanttRecord.ganttProperties.duration < 1) {
+                    durationInDay = (childGanttRecord.ganttProperties.duration / (this.parent.secondsPerDay / 3600));
+                }
+                else {
+                    durationInDay = childGanttRecord.ganttProperties.duration;
+                }
         }
         if (childGanttRecord.hasChildRecords) {
             setValue('totalProgress', childGanttRecord.ganttProperties.totalProgress, progressValues);
@@ -3759,7 +3767,13 @@ var TaskProcessor = /** @__PURE__ @class */ (function (_super) {
                 if (!childData.ganttProperties.isMilestone && isScheduledTask(childData.ganttProperties)) {
                     progressValues = this.getParentProgress(childData);
                     totalProgress += getValue('totalProgress', progressValues);
-                    totalDuration += getValue('totalDuration', progressValues);
+                    if (childData[this.parent.taskFields.duration] < 1) {
+                        totalDuration += getValue('totalDuration', progressValues);
+                        totalDuration = Number(totalDuration.toFixed(4));
+                    }
+                    else {
+                        totalDuration += getValue('totalDuration', progressValues);
+                    }
                 }
                 else {
                     milestoneCount++;
@@ -5573,7 +5587,7 @@ var Timeline = /** @__PURE__ @class */ (function () {
         this.totalTimelineWidth = 0;
         this.customTimelineSettings = null;
         this.parent.isTimelineRoundOff = this.isZoomToFit ? false : isNullOrUndefined(this.parent.projectStartDate) ? true : false;
-        if (this.parent.enablePersistence) {
+        if (this.parent.enablePersistence && this.parent.isLoad) {
             this.parent.timelineSettings = this.parent.currentZoomingLevel;
         }
     };
@@ -9907,6 +9921,7 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
             }
             this.parent.ganttChartModule.renderRangeContainer(this.parent.currentViewData);
         }
+        this.parent.ganttChartModule.updateLastRowBottomWidth();
     };
     /**
      * To render taskbars.
@@ -10015,9 +10030,9 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
             }
             if (this.parent.renderBaseline && this.templateData.ganttProperties.baselineStartDate &&
                 this.templateData.ganttProperties.baselineEndDate) {
-                taskBaselineTemplateNode = ((!isNullOrUndefined(this.templateData.ganttProperties.baselineStartDate) && !isNullOrUndefined(this.templateData.ganttProperties.startDate) && (this.templateData.ganttProperties.baselineStartDate.getTime() === this.templateData.ganttProperties.startDate.getTime()))
+                taskBaselineTemplateNode = ((this.templateData.ganttProperties.baselineStartDate.getTime() === this.templateData.ganttProperties.baselineEndDate.getTime()) || ((!isNullOrUndefined(this.templateData.ganttProperties.baselineStartDate) && !isNullOrUndefined(this.templateData.ganttProperties.startDate) && (this.templateData.ganttProperties.baselineStartDate.getTime() === this.templateData.ganttProperties.startDate.getTime()))
                     && (!isNullOrUndefined(this.templateData.ganttProperties.baselineEndDate) && !isNullOrUndefined(this.templateData.ganttProperties.endDate) && (this.templateData.ganttProperties.baselineEndDate.toLocaleDateString() === this.templateData.ganttProperties.endDate.toLocaleDateString())) &&
-                    this.templateData.ganttProperties.isMilestone)
+                    this.templateData.ganttProperties.isMilestone))
                     ? this.getMilestoneBaselineNode() : this.getTaskBaselineNode();
             }
         }
@@ -10028,9 +10043,9 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
             }
             if (this.parent.renderBaseline && this.templateData.ganttProperties.baselineStartDate &&
                 this.templateData.ganttProperties.baselineEndDate) {
-                taskBaselineTemplateNode = ((!isNullOrUndefined(this.templateData.ganttProperties.baselineStartDate) && !isNullOrUndefined(this.templateData.ganttProperties.startDate) && (this.templateData.ganttProperties.baselineStartDate.getTime() === this.templateData.ganttProperties.startDate.getTime()))
+                taskBaselineTemplateNode = ((this.templateData.ganttProperties.baselineStartDate.getTime() === this.templateData.ganttProperties.baselineEndDate.getTime()) || ((!isNullOrUndefined(this.templateData.ganttProperties.baselineStartDate) && !isNullOrUndefined(this.templateData.ganttProperties.startDate) && (this.templateData.ganttProperties.baselineStartDate.getTime() === this.templateData.ganttProperties.startDate.getTime()))
                     && (!isNullOrUndefined(this.templateData.ganttProperties.baselineEndDate) && !isNullOrUndefined(this.templateData.ganttProperties.endDate) && (this.templateData.ganttProperties.baselineEndDate.toLocaleDateString() === this.templateData.ganttProperties.endDate.toLocaleDateString())) &&
-                    this.templateData.ganttProperties.isMilestone)
+                    this.templateData.ganttProperties.isMilestone))
                     ? this.getMilestoneBaselineNode() : this.getTaskBaselineNode();
             }
         }
@@ -10076,9 +10091,9 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
             }
             if (this.parent.renderBaseline && this.templateData.ganttProperties.baselineStartDate &&
                 this.templateData.ganttProperties.baselineEndDate) {
-                taskBaselineTemplateNode = ((!isNullOrUndefined(this.templateData.ganttProperties.baselineStartDate) && !isNullOrUndefined(this.templateData.ganttProperties.startDate) && (this.templateData.ganttProperties.baselineStartDate.getTime() === this.templateData.ganttProperties.startDate.getTime()))
+                taskBaselineTemplateNode = ((this.templateData.ganttProperties.baselineStartDate.getTime() === this.templateData.ganttProperties.baselineEndDate.getTime()) || ((!isNullOrUndefined(this.templateData.ganttProperties.baselineStartDate) && !isNullOrUndefined(this.templateData.ganttProperties.startDate) && (this.templateData.ganttProperties.baselineStartDate.getTime() === this.templateData.ganttProperties.startDate.getTime()))
                     && (!isNullOrUndefined(this.templateData.ganttProperties.baselineEndDate) && !isNullOrUndefined(this.templateData.ganttProperties.endDate) && (this.templateData.ganttProperties.baselineEndDate.toLocaleDateString() === this.templateData.ganttProperties.endDate.toLocaleDateString())) &&
-                    this.templateData.ganttProperties.isMilestone)
+                    this.templateData.ganttProperties.isMilestone))
                     ? this.getMilestoneBaselineNode() : this.getTaskBaselineNode();
             }
         }
@@ -10178,6 +10193,10 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
         var taskbarElement = !isNullOrUndefined(data.ganttProperties.segments) && data.ganttProperties.segments.length > 0 ? trElement :
             trElement.querySelector('.' + taskBarMainContainer);
         var rowElement;
+        var segmentRowElement;
+        if (data.ganttProperties.segments && data.ganttProperties.segments.length > 0) {
+            segmentRowElement = trElement.parentElement.parentElement.parentElement;
+        }
         var triggerTaskbarElement;
         var args = {
             data: data,
@@ -10190,7 +10209,8 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
             args.milestoneColor = taskbarElement.querySelector(classCollections[0]) ?
                 getComputedStyle(taskbarElement.querySelector(classCollections[0])).borderBottomColor : null;
             args.baselineColor = trElement.querySelector(classCollections[1]) ?
-                getComputedStyle(trElement.querySelector(classCollections[1])).borderBottomColor : null;
+                getComputedStyle(trElement.querySelector(classCollections[1])).borderBottomColor :
+                (trElement.querySelector('.' + baselineBar) ? getComputedStyle(trElement.querySelector('.' + baselineBar)).backgroundColor : null);
         }
         else {
             var childTask = taskbarElement.querySelector(classCollections[0]);
@@ -10207,17 +10227,33 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
                     getComputedStyle(taskbarElement.querySelector(classCollections[1])).backgroundColor;
             // args.progressBarBorderColor = taskbarElement.querySelector(progressBarClass) ?
             //     getComputedStyle(taskbarElement.querySelector(progressBarClass)).borderColor : null;
-            args.baselineColor = trElement.querySelector('.' + baselineBar) ?
-                getComputedStyle(trElement.querySelector('.' + baselineBar)).backgroundColor : null;
+            if (segmentRowElement) {
+                args.baselineColor = segmentRowElement.querySelector('.' + baselineBar) ?
+                    getComputedStyle(segmentRowElement.querySelector('.' + baselineBar)).backgroundColor : null;
+            }
+            else {
+                args.baselineColor = trElement.querySelector('.' + baselineBar) ?
+                    getComputedStyle(trElement.querySelector('.' + baselineBar)).backgroundColor : null;
+            }
             args.taskLabelColor = taskbarElement.querySelector('.' + taskLabel) ?
                 getComputedStyle(taskbarElement.querySelector('.' + taskLabel)).color : null;
         }
-        args.rightLabelColor = trElement.querySelector('.' + rightLabelContainer) &&
-            (trElement.querySelector('.' + rightLabelContainer)).querySelector('.' + label) ?
-            getComputedStyle((trElement.querySelector('.' + rightLabelContainer)).querySelector('.' + label)).color : null;
-        args.leftLabelColor = trElement.querySelector('.' + leftLabelContainer) &&
-            (trElement.querySelector('.' + leftLabelContainer)).querySelector('.' + label) ?
-            getComputedStyle((trElement.querySelector('.' + leftLabelContainer)).querySelector('.' + label)).color : null;
+        if (segmentRowElement) {
+            args.rightLabelColor = segmentRowElement.querySelector('.' + rightLabelContainer) &&
+                (segmentRowElement.querySelector('.' + rightLabelContainer)).querySelector('.' + label) ?
+                getComputedStyle((segmentRowElement.querySelector('.' + rightLabelContainer)).querySelector('.' + label)).color : null;
+            args.leftLabelColor = segmentRowElement.querySelector('.' + leftLabelContainer) &&
+                (segmentRowElement.querySelector('.' + leftLabelContainer)).querySelector('.' + label) ?
+                getComputedStyle((segmentRowElement.querySelector('.' + leftLabelContainer)).querySelector('.' + label)).color : null;
+        }
+        else {
+            args.rightLabelColor = trElement.querySelector('.' + rightLabelContainer) &&
+                (trElement.querySelector('.' + rightLabelContainer)).querySelector('.' + label) ?
+                getComputedStyle((trElement.querySelector('.' + rightLabelContainer)).querySelector('.' + label)).color : null;
+            args.leftLabelColor = trElement.querySelector('.' + leftLabelContainer) &&
+                (trElement.querySelector('.' + leftLabelContainer)).querySelector('.' + label) ?
+                getComputedStyle((trElement.querySelector('.' + leftLabelContainer)).querySelector('.' + label)).color : null;
+        }
         this.parent.trigger('queryTaskbarInfo', args, function (taskbarArgs) {
             _this.updateQueryTaskbarInfoArgs(taskbarArgs, rowElement, triggerTaskbarElement);
         });
@@ -10235,6 +10271,10 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
         var trElement = args.rowElement;
         var taskbarElement = args.taskbarElement;
         var classCollections = this.getClassName(args);
+        var segmentRowElement;
+        if (args.data.ganttProperties.segments && args.data.ganttProperties.segments.length > 0) {
+            segmentRowElement = trElement.parentElement.parentElement.parentElement;
+        }
         if (args.taskbarType === 'Milestone') {
             if (taskbarElement.querySelector(classCollections[0]) &&
                 getComputedStyle(taskbarElement.querySelector(classCollections[0])).borderBottomColor !== args.milestoneColor) {
@@ -10246,6 +10286,10 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
                 trElement.querySelector(classCollections[1]).style.borderBottomColor = args.baselineColor;
                 trElement.querySelector('.' + baselineMilestoneBottom).style.borderTopColor = args.baselineColor;
             }
+            if (trElement.querySelector('.' + baselineBar) &&
+                getComputedStyle(trElement.querySelector('.' + baselineBar)).borderTopColor !== args.baselineColor) {
+                trElement.querySelector('.' + baselineBar).style.backgroundColor = args.baselineColor;
+            }
         }
         else {
             if (taskbarElement.querySelector(classCollections[0]) &&
@@ -10280,20 +10324,42 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
                 getComputedStyle(taskbarElement.querySelector('.' + taskLabel)).color !== args.taskLabelColor) {
                 taskbarElement.querySelector('.' + taskLabel).style.color = args.taskLabelColor;
             }
-            if (trElement.querySelector('.' + baselineBar) &&
-                getComputedStyle(trElement.querySelector('.' + baselineBar)).backgroundColor !== args.baselineColor) {
-                trElement.querySelector('.' + baselineBar).style.backgroundColor = args.baselineColor;
+            if (segmentRowElement) {
+                if (segmentRowElement.querySelector('.' + baselineBar) &&
+                    getComputedStyle(segmentRowElement.querySelector('.' + baselineBar)).backgroundColor !== args.baselineColor) {
+                    segmentRowElement.querySelector('.' + baselineBar).style.backgroundColor = args.baselineColor;
+                }
+            }
+            else {
+                if (trElement.querySelector('.' + baselineBar) &&
+                    getComputedStyle(trElement.querySelector('.' + baselineBar)).backgroundColor !== args.baselineColor) {
+                    trElement.querySelector('.' + baselineBar).style.backgroundColor = args.baselineColor;
+                }
             }
         }
-        if (trElement.querySelector('.' + leftLabelContainer) &&
-            (trElement.querySelector('.' + leftLabelContainer)).querySelector('.' + label) &&
-            getComputedStyle((trElement.querySelector('.' + leftLabelContainer)).querySelector('.' + label)).color !== args.leftLabelColor) {
-            (trElement.querySelector('.' + leftLabelContainer)).querySelector('.' + label).style.color = args.leftLabelColor;
+        if (segmentRowElement) {
+            if (segmentRowElement.querySelector('.' + leftLabelContainer) &&
+                (segmentRowElement.querySelector('.' + leftLabelContainer)).querySelector('.' + label) &&
+                getComputedStyle((segmentRowElement.querySelector('.' + leftLabelContainer)).querySelector('.' + label)).color !== args.leftLabelColor) {
+                (segmentRowElement.querySelector('.' + leftLabelContainer)).querySelector('.' + label).style.color = args.leftLabelColor;
+            }
+            if (segmentRowElement.querySelector('.' + rightLabelContainer) &&
+                (segmentRowElement.querySelector('.' + rightLabelContainer)).querySelector('.' + label) &&
+                getComputedStyle((segmentRowElement.querySelector('.' + rightLabelContainer)).querySelector('.' + label)).color !== args.rightLabelColor) {
+                (segmentRowElement.querySelector('.' + rightLabelContainer)).querySelector('.' + label).style.color = args.rightLabelColor;
+            }
         }
-        if (trElement.querySelector('.' + rightLabelContainer) &&
-            (trElement.querySelector('.' + rightLabelContainer)).querySelector('.' + label) &&
-            getComputedStyle((trElement.querySelector('.' + rightLabelContainer)).querySelector('.' + label)).color !== args.rightLabelColor) {
-            (trElement.querySelector('.' + rightLabelContainer)).querySelector('.' + label).style.color = args.rightLabelColor;
+        else {
+            if (trElement.querySelector('.' + leftLabelContainer) &&
+                (trElement.querySelector('.' + leftLabelContainer)).querySelector('.' + label) &&
+                getComputedStyle((trElement.querySelector('.' + leftLabelContainer)).querySelector('.' + label)).color !== args.leftLabelColor) {
+                (trElement.querySelector('.' + leftLabelContainer)).querySelector('.' + label).style.color = args.leftLabelColor;
+            }
+            if (trElement.querySelector('.' + rightLabelContainer) &&
+                (trElement.querySelector('.' + rightLabelContainer)).querySelector('.' + label) &&
+                getComputedStyle((trElement.querySelector('.' + rightLabelContainer)).querySelector('.' + label)).color !== args.rightLabelColor) {
+                (trElement.querySelector('.' + rightLabelContainer)).querySelector('.' + label).style.color = args.rightLabelColor;
+            }
         }
     };
     ChartRows.prototype.getClassName = function (args) {
@@ -10904,9 +10970,9 @@ var Dependency = /** @__PURE__ @class */ (function () {
         var flatData = this.parent.flatData;
         var totLength = this.parent.flatData.length;
         for (var count = 0; count < totLength; count++) {
-            if (flatData[count].ganttProperties.predecessor) {
+            if (flatData[count].ganttProperties.predecessorsName) {
                 this.validatePredecessorDates(flatData[count]);
-                if (flatData[count].hasChildRecords && this.parent.editModule) {
+                if (flatData[count].hasChildRecords && this.parent.editModule && !this.parent.allowUnscheduledTasks) {
                     this.parent.editModule['updateChildItems'](flatData[count]);
                 }
             }
@@ -10918,6 +10984,9 @@ var Dependency = /** @__PURE__ @class */ (function () {
             for (var i = parentPredecessorLength - 1; i >= 0; i--) {
                 var item = this.parentPredecessors[i];
                 this.validatePredecessorDates(item);
+                if (item.ganttProperties.startDate) {
+                    this.parent.editModule['updateChildItems'](item);
+                }
             }
         }
     };
@@ -15539,18 +15608,24 @@ var Gantt = /** @__PURE__ @class */ (function (_super) {
      */
     /* eslint-disable-next-line */
     Gantt.prototype.setRecordValue = function (field, value, record, isTaskData) {
+        value = isUndefined(value) ? null : value;
         if (this.isOnEdit || this.isOnDelete) {
             this.makeCloneData(field, record, isTaskData);
-            var id = isTaskData ? record.rowUniqueID : record.ganttProperties.rowUniqueID;
+            var ganttData = isTaskData ? record : record.ganttProperties;
+            var id = ganttData.rowUniqueID;
             var task = this.getRecordByID(id);
-            if (task && this.editedRecords.indexOf(task) === -1) {
+            var isValid = false;
+            if (isNullOrUndefined(value) || (!isNullOrUndefined(value) && !isNullOrUndefined(ganttData[field]) && (value instanceof Date ? value.getTime() !==
+                ganttData[field].getTime() : ganttData[field] !== value))) {
+                isValid = true;
+            }
+            if (task && ((this.editedRecords.indexOf(task) === -1 && isValid) || this.editedRecords.length === 0)) {
                 this.editedRecords.push(task);
                 if (this.enableImmutableMode) {
                     this.modifiedRecords.push(task);
                 }
             }
         }
-        value = isUndefined(value) ? null : value;
         setValue(field, value, record);
     };
     Gantt.prototype.makeCloneData = function (field, record, isTaskData) {