@syncfusion/ej2-gantt 21.1.41 → 21.2.4

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

@@ -3918,13 +3918,13 @@ var TaskProcessor = /** @__PURE__ @class */ (function (_super) {
                         minStartDate.getTime() === maxEndDate.getTime() ? true : false;
                     if (this.compareDates(previousStartDate, minStartDate) !== 0) {
                         this.parent.setRecordValue(ganttProp.isAutoSchedule ? 'startDate' : 'autoStartDate', minStartDate, parentData.ganttProperties, true);
-                        if ((((!isNullOrUndefined(ganttProp.autoDuration)) ? ganttProp.autoDuration === 0 : ganttProp.duration === 0)) && parentData['isManual'] && milestone) {
+                        if ((((!isNullOrUndefined(ganttProp.autoDuration)) ? ganttProp.autoDuration === 0 : ganttProp.duration === 0)) && parentData['isManual'] && milestone && (parentData.hasChildRecords && parentData.ganttProperties.isAutoSchedule && this.parent.editModule.taskbarEditModule.taskbarEditedArgs.action !== "TaskbarEditing")) {
                             this.parent.setRecordValue('startDate', minStartDate, parentData.ganttProperties, true);
                         }
                     }
                     if (this.compareDates(previousEndDate, maxEndDate) !== 0) {
                         this.parent.setRecordValue(ganttProp.isAutoSchedule ? 'endDate' : 'autoEndDate', maxEndDate, parentData.ganttProperties, true);
-                        if ((((!isNullOrUndefined(ganttProp.autoDuration)) ? ganttProp.autoDuration === 0 : ganttProp.duration === 0)) && parentData['isManual'] && milestone) {
+                        if ((((!isNullOrUndefined(ganttProp.autoDuration)) ? ganttProp.autoDuration === 0 : ganttProp.duration === 0)) && parentData['isManual'] && milestone && (parentData.hasChildRecords && parentData.ganttProperties.isAutoSchedule && this.parent.editModule.taskbarEditModule.taskbarEditedArgs.action !== "TaskbarEditing")) {
                             this.parent.setRecordValue('endDate', maxEndDate, parentData.ganttProperties, true);
                         }
                     }
@@ -5941,7 +5941,7 @@ var Timeline = /** @__PURE__ @class */ (function () {
         var secondValue;
         var zoomingCollections = this.parent.zoomingLevels.slice();
         var sortedCollectons = zoomingCollections.sort(function (a, b) {
-            return (a.perDayWidth < b.perDayWidth) ? 1 : -1;
+            return (!a.perDayWidth && !b.perDayWidth ? 0 : (a.perDayWidth < b.perDayWidth) ? 1 : -1);
         });
         if (perDayWidth === 0) { // return when the Gantt chart is not in viewable state.
             return;
@@ -9182,7 +9182,12 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
                     data.ganttProperties.segments.length === 0))) {
                 if (template !== '' && !isNullOrUndefined(progressDiv) && progressDiv.length > 0) {
                     var templateElement = this.createDivElement(template)[0];
-                    templateElement.innerText = labelString;
+                    if (this.parent.disableHtmlEncode) {
+                        templateElement.innerText = labelString;
+                    }
+                    else {
+                        templateElement.innerHTML = labelString;
+                    }
                     var childLabel = this.parent.labelSettings.taskLabel;
                     if (childLabel && childLabel['elementRef'])
                         templateElement.appendChild(tempDiv);
@@ -9776,7 +9781,7 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
             '<div class="' + manualParentMilestoneBottom + '" style="top:' +
             (this.milesStoneRadius) + 'px;border-right-width:' + this.milesStoneRadius + 'px; border-left-width:' +
             this.milesStoneRadius + 'px; border-top-width:' + this.milesStoneRadius + 'px;"></div></div>';
-        return this.createDivElement(data.ganttProperties.width === 0 ? milestoneTemplate : !data.ganttProperties.isMilestone ? template : null);
+        return this.createDivElement(data.ganttProperties.duration !== 0 ? template : milestoneTemplate);
     };
     /**
      * To get parent taskbar node.
@@ -9848,7 +9853,12 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
                         this.taskBarHeight + 'px;"></span>';
                 }
                 var labelElement = this.createDivElement(labelDiv)[0];
-                labelElement.innerText = labelString;
+                if (this.parent.disableHtmlEncode) {
+                    labelElement.innerText = labelString;
+                }
+                else {
+                    labelElement.innerHTML = labelString;
+                }
                 var parentLabel = this.parent.labelSettings.taskLabel;
                 if (parentLabel && parentLabel['elementRef'])
                     labelElement.appendChild(div);
@@ -9972,7 +9982,7 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
         var template = '<div class="' + taskBarMainContainer + ' ' +
             this.parent.getUnscheduledTaskClass(data.ganttProperties) + ' ' +
             ((data.ganttProperties.cssClass) ? data.ganttProperties.cssClass : '') + '" ' +
-            ' tabindex="-1" role="term" style="' + ((data.ganttProperties.isMilestone && !manualParent) ?
+            ' tabindex="-1" role="term" style="' + ((data.ganttProperties.isMilestone && !manualParent && !(data.hasChildRecords && !data.ganttProperties.isAutoSchedule)) ?
             ('width:' + this.milestoneHeight + 'px;height:' +
                 this.milestoneHeight + 'px;margin-top:' + this.milestoneMarginTop + 'px;' + (this.parent.enableRtl ? 'right:' : 'left:') + (data.ganttProperties.left -
                 (this.milestoneHeight / 2)) + 'px;') : ('width:' + data.ganttProperties.width +
@@ -10267,6 +10277,7 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
      * @private
      */
     ChartRows.prototype.createTaskbarTemplate = function () {
+        var _a;
         var trs = [].slice.call(this.ganttChartTableBody.querySelectorAll('tr'));
         this.ganttChartTableBody.innerHTML = '';
         var collapsedResourceRecord = [];
@@ -10297,6 +10308,10 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
             }
         }
         else {
+            var dupChartBody = void 0;
+            dupChartBody = createElement('tbody', {
+                id: this.parent.element.id + 'GanttTaskTableBody'
+            });
             for (var i = 0; i < this.parent.currentViewData.length; i++) {
                 var tempTemplateData = this.parent.currentViewData[i];
                 if (this.parent.viewType === 'ResourceView') {
@@ -10309,9 +10324,9 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
                     }
                 }
                 var tRow = this.getGanttChartRow(i, tempTemplateData);
-                this.ganttChartTableBody.appendChild(tRow);
+                dupChartBody.appendChild(tRow);
                 if (this.parent.enableImmutableMode) {
-                    this.refreshedTr.push(this.ganttChartTableBody.querySelectorAll('tr')[i]);
+                    this.refreshedTr.push(dupChartBody.querySelectorAll('tr')[i]);
                     this.refreshedData.push(this.parent.currentViewData[i]);
                 }
                 // To maintain selection when virtualization is enabled
@@ -10319,6 +10334,7 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
                     this.parent.selectionModule.maintainSelectedRecords(parseInt(tRow.getAttribute('aria-rowindex'), 10));
                 }
             }
+            (_a = this.ganttChartTableBody).replaceChildren.apply(_a, dupChartBody.childNodes);
         }
         this.parent.renderTemplates();
         this.triggerQueryTaskbarInfo();
@@ -10376,9 +10392,15 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
                     taskbarContainerNode[0].appendChild([].slice.call(manualTaskbar)[0]);
                 }
             }
-            if (parentTaskbarTemplateNode && parentTaskbarTemplateNode.length > 0) {
+            if ((this.templateData.ganttProperties.autoDuration !== 0) && !this.templateData.ganttProperties.isMilestone && parentTaskbarTemplateNode && parentTaskbarTemplateNode.length > 0) {
                 taskbarContainerNode[0].appendChild([].slice.call(parentTaskbarTemplateNode)[0]);
             }
+            else if ((this.templateData.ganttProperties.duration === 0 && this.templateData.ganttProperties.isMilestone && this.templateData.ganttProperties.isAutoSchedule)) {
+                var milestoneTemplateNode = this.getMilestoneNode(i, taskbarContainerNode);
+                if (milestoneTemplateNode && milestoneTemplateNode.length > 0) {
+                    taskbarContainerNode[0].appendChild([].slice.call(milestoneTemplateNode)[0]);
+                }
+            }
             if (this.parent.renderBaseline && this.templateData.ganttProperties.baselineStartDate &&
                 this.templateData.ganttProperties.baselineEndDate) {
                 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()))
@@ -15548,7 +15570,7 @@ var Gantt = /** @__PURE__ @class */ (function (_super) {
                 args: [this]
             });
         }
-        if (this.toolbar) {
+        if (this.toolbar && this.toolbar.length > 0) {
             modules.push({
                 member: 'toolbar',
                 args: [this]
@@ -19825,7 +19847,7 @@ var TaskbarEdit = /** @__PURE__ @class */ (function (_super) {
             : ganttRecord.left;
         var tierMode = this.parent.timelineModule.bottomTier !== 'None' ? this.parent.timelineModule.bottomTier :
             this.parent.timelineModule.topTier;
-        var remainingContribution = (1 / (this.parent.timelineModule.getIncrement(this.getDateByLeft(left), 1, 'Day') / (1000 * 60 * 60 * 24)));
+        var remainingContribution = (1 / (this.parent.timelineModule.getIncrement(this.getDateByLeft(left, isNullOrUndefined(ganttRecord) ? ganttRecord.isMilestone : null, ganttRecord), 1, 'Day') / (1000 * 60 * 60 * 24)));
         var remainDays = this.parent.perDayWidth - (this.parent.perDayWidth / remainingContribution);
         var remainDaysInDecimal = remainDays / this.parent.perDayWidth;
         if (isRoundOff === undefined) {
@@ -19873,7 +19895,7 @@ var TaskbarEdit = /** @__PURE__ @class */ (function (_super) {
         var milliSecondsPerPixel = (24 * 60 * 60 * 1000) / this.parent.perDayWidth;
         pStartDate.setTime(pStartDate.getTime() + (left * milliSecondsPerPixel));
         /* To render the milestone in proper date while editing */
-        if (isMilestone) {
+        if (isMilestone && !isNullOrUndefined(property.predecessor) && property.predecessor.length > 0) {
             pStartDate.setDate(pStartDate.getDate() - 1);
             this.parent.dateValidationModule.setTime(this.parent.defaultEndTime, pStartDate);
             pStartDate = this.parent.dateValidationModule.checkStartDate(pStartDate, property, true);
@@ -22926,7 +22948,7 @@ var DialogEdit = /** @__PURE__ @class */ (function () {
         var ganttObj = this.parent;
         var rte = notesElement.ej2_instances[0];
         if (this.isEdit) {
-            if (ganttObj.columnByField[ganttObj.taskFields.notes].disableHtmlEncode) {
+            if (ganttObj.columnByField[ganttObj.taskFields.notes].disableHtmlEncode === false) {
                 this.parent.setRecordValue('notes', rte.getHtml(), this.rowData.ganttProperties, true);
             }
             else {
@@ -24371,7 +24393,7 @@ var Edit$2 = /** @__PURE__ @class */ (function () {
             }
             else if ([tasks.progress, tasks.notes, tasks.durationUnit, tasks.expandState,
                 tasks.milestone, tasks.name, tasks.baselineStartDate,
-                tasks.baselineEndDate, tasks.id, tasks.segments].indexOf(key) !== -1) {
+                tasks.baselineEndDate, tasks.id, tasks.segments, tasks.cssClass].indexOf(key) !== -1) {
                 var column = ganttObj.columnByField[key];
                 /* eslint-disable-next-line */
                 var value = data[key];
@@ -24385,6 +24407,9 @@ var Edit$2 = /** @__PURE__ @class */ (function () {
                 else if (key === tasks.name) {
                     ganttPropKey = 'taskName';
                 }
+                else if (key === tasks.cssClass) {
+                    ganttPropKey = 'cssClass';
+                }
                 else if ((key === tasks.segments) && (!isNullOrUndefined(ganttData.ganttProperties.segments))) {
                     ganttPropKey = 'segments';
                     /* eslint-disable-next-line */
@@ -24776,7 +24801,7 @@ var Edit$2 = /** @__PURE__ @class */ (function () {
                 this.parent.predecessorModule.isValidatedParentTaskID = '';
             }
             if (this.parent.allowParentDependency && ganttRecord.hasChildRecords && this.parent.previousRecords[ganttRecord.uniqueID].ganttProperties.startDate &&
-                (args.action === "DrawConnectorLine")) {
+                (args.action === "DrawConnectorLine") || (args.action === "DialogEditing")) {
                 this.updateChildItems(ganttRecord);
             }
             this.updateParentItemOnEditing();