@syncfusion/ej2-gantt 21.1.38 → 21.2.3

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

@@ -603,10 +603,10 @@ var DateProcessor = /** @__PURE__ @class */ (function () {
      */
     DateProcessor.prototype.getDurationAsSeconds = function (duration, durationUnit) {
         var value = 0;
-        if (!durationUnit || durationUnit === 'day') {
+        if (!durationUnit || durationUnit.toLocaleLowerCase() === 'day') {
             value = this.parent.secondsPerDay * duration;
         }
-        else if (durationUnit === 'hour') {
+        else if (durationUnit.toLocaleLowerCase() === 'hour') {
             value = duration * 3600;
         }
         else {
@@ -1782,6 +1782,7 @@ var TaskProcessor = /** @__PURE__ @class */ (function (_super) {
      */
     TaskProcessor.prototype.prepareDataSource = function (data) {
         this.prepareRecordCollection(data, 0);
+        this.parent.initialLoadData = extend({}, {}, this.parent.flatData, true);
         // Method to maintain the shared task uniqueIds
         if (this.parent.viewType === 'ResourceView') {
             this.calculateSharedTaskUniqueIds();
@@ -2610,7 +2611,7 @@ var TaskProcessor = /** @__PURE__ @class */ (function (_super) {
             return 0;
         }
         else {
-            return this.getTaskWidth(sDate, eDate);
+            return this.getTaskWidth(sDate, eDate, ganttProp);
         }
     };
     TaskProcessor.prototype.getTaskbarHeight = function () {
@@ -2724,13 +2725,29 @@ var TaskProcessor = /** @__PURE__ @class */ (function (_super) {
      * @returns {number} .
      * @private
      */
-    TaskProcessor.prototype.getTaskWidth = function (startDate, endDate) {
+    TaskProcessor.prototype.getTaskWidth = function (startDate, endDate, ganttData) {
         var sDate = new Date(startDate.getTime());
         var eDate = new Date(endDate.getTime());
         var tierMode = this.parent.timelineModule.bottomTier !== 'None' ? this.parent.timelineModule.bottomTier :
             this.parent.timelineModule.topTier;
+        var isValid = false;
+        var modifiedsDate = new Date(startDate.getTime());
+        var hour = 0;
+        if (ganttData && ganttData.durationUnit == 'hour') {
+            modifiedsDate = new Date(modifiedsDate.getTime() + ganttData.duration * 60 * 60 * 1000);
+        }
+        if (ganttData && ganttData.durationUnit == 'minute') {
+            modifiedsDate = new Date(modifiedsDate.getTime() + ganttData.duration * 60 * 60 * 60 * 1000);
+        }
+        for (var i = 0; i < this.parent.dayWorkingTime.length; i++) {
+            hour = hour + this.parent.dayWorkingTime[i].to - this.parent.dayWorkingTime[i].from;
+        }
+        var dateDiff = modifiedsDate.getTime() - sDate.getTime();
         if (tierMode === 'Day') {
-            if (this.getSecondsInDecimal(sDate) === this.parent.defaultStartTime) {
+            if ((Math.floor((dateDiff / (1000 * 60 * 60)) % 24) >= hour || dateDiff === 0)) {
+                isValid = true;
+            }
+            if (this.getSecondsInDecimal(sDate) === this.parent.defaultStartTime && isValid) {
                 sDate.setHours(0, 0, 0, 0);
             }
             if (this.getSecondsInDecimal(eDate) === this.parent.defaultEndTime) {
@@ -2740,11 +2757,19 @@ var TaskProcessor = /** @__PURE__ @class */ (function (_super) {
                 eDate.setHours(0, 0, 0, 0);
             }
         }
+        else {
+            isValid = true;
+        }
         if ((sDate).getTime() === (eDate).getTime()) {
             return (this.parent.perDayWidth);
         }
         else {
-            return ((this.getTimeDifference(sDate, eDate) / (1000 * 60 * 60 * 24)) * this.parent.perDayWidth);
+            if (isValid) {
+                return ((this.getTimeDifference(sDate, eDate) / (1000 * 60 * 60 * 24)) * this.parent.perDayWidth);
+            }
+            else {
+                return ((this.getTimeDifference(sDate, eDate) / (1000 * 60 * 60 * hour)) * this.parent.perDayWidth);
+            }
         }
     };
     /**
@@ -3893,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);
                         }
                     }
@@ -9751,7 +9776,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.
@@ -9947,7 +9972,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 +
@@ -10242,6 +10267,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 = [];
@@ -10272,6 +10298,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') {
@@ -10284,9 +10314,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
@@ -10294,6 +10324,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();
@@ -10340,7 +10371,6 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
         }
         if (this.templateData.hasChildRecords) {
             var parentTaskbarTemplateNode = this.getParentTaskbarNode(i, taskbarContainerNode);
-            var milestoneTemplateNode = this.getMilestoneNode(i, taskbarContainerNode);
             if (!this.templateData.ganttProperties.isAutoSchedule) {
                 var manualTaskbar = this.getManualTaskbar();
                 if (!isNullOrUndefined(manualTaskbar[0])) {
@@ -10352,11 +10382,14 @@ 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 (milestoneTemplateNode && milestoneTemplateNode.length > 0) {
-                taskbarContainerNode[0].appendChild([].slice.call(milestoneTemplateNode)[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) {
@@ -11507,7 +11540,7 @@ var Dependency = /** @__PURE__ @class */ (function () {
                 this.dateValidateModule.calculateEndDate(childGanttRecord);
             }
             this.parent.dataOperation.updateWidthLeft(childGanttRecord);
-            if (!this.parent.isLoad && childGanttRecord.parentItem && this.parent.isInPredecessorValidation &&
+            if (!this.parent.isLoad && !this.parent.isFromOnPropertyChange && childGanttRecord.parentItem && this.parent.isInPredecessorValidation &&
                 this.parent.getParentTask(childGanttRecord.parentItem).ganttProperties.isAutoSchedule) {
                 if (this.parentIds.indexOf(childGanttRecord.parentItem.uniqueID) === -1) {
                     this.parentIds.push(childGanttRecord.parentItem.uniqueID);
@@ -14572,6 +14605,9 @@ var Gantt = /** @__PURE__ @class */ (function (_super) {
      * @private
      */
     Gantt.prototype.renderGantt = function (isChange) {
+        if (isChange) {
+            this.isFromOnPropertyChange = isChange;
+        }
         // predecessor calculation
         if (this.predecessorModule && this.taskFields.dependency) {
             this.predecessorModule['parentIds'] = [];
@@ -14586,7 +14622,6 @@ var Gantt = /** @__PURE__ @class */ (function (_super) {
             this.timelineModule.validateTimelineProp();
         }
         if (isChange) {
-            this.isFromOnPropertyChange = isChange;
             if (this.enableValidation) {
                 this.dataOperation.updateGanttData();
             }
@@ -19802,7 +19837,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) {
@@ -19850,7 +19885,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);
@@ -22407,6 +22442,7 @@ var DialogEdit = /** @__PURE__ @class */ (function () {
     DialogEdit.prototype.renderNotesTab = function (itemName) {
         var ganttObj = this.parent;
         var inputModel = this.beforeOpenArgs[itemName];
+        inputModel.enableHtmlSanitizer = this.parent.enableHtmlSanitizer;
         var ganttProp = this.editedRecord.ganttProperties;
         var divElement = this.createDivElement('', ganttObj.element.id + '' + itemName + 'TabContainer');
         RichTextEditor.Inject(Toolbar$2, Link, HtmlEditor, QuickToolbar, Count);
@@ -24752,7 +24788,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();
@@ -25026,7 +25062,13 @@ var Edit$2 = /** @__PURE__ @class */ (function () {
                 }
                 else if (isNullOrUndefined(previousData)) {
                     calcEndDate = previousStartDate;
-                    this.calculateDateByRoundOffDuration(childRecords[i], calcEndDate);
+                    var initialData = this.parent.initialLoadData[childRecords[i].index];
+                    if (this.parent.isLoad) {
+                        this.calculateDateByRoundOffDuration(initialData, calcEndDate);
+                    }
+                    else {
+                        this.calculateDateByRoundOffDuration(childRecords[i], calcEndDate);
+                    }
                     if (this.parent.isOnEdit && this.validatedChildItems.indexOf(childRecords[i]) === -1) {
                         this.validatedChildItems.push(childRecords[i]);
                     }
@@ -29491,12 +29533,14 @@ var NonWorkingDay = /** @__PURE__ @class */ (function () {
     };
     NonWorkingDay.prototype.updateHolidayLabelHeight = function () {
         var height = this.parent.getContentHeight();
+        var gantttable = document.getElementById("ganttContainer");
         // eslint-disable-next-line
         var toolbarHeight = 0;
         if (!isNullOrUndefined(this.parent.toolbarModule) && !isNullOrUndefined(this.parent.toolbarModule.element)) {
             toolbarHeight = this.parent.toolbarModule.element.offsetHeight;
         }
-        var viewportHeight = this.parent.ganttHeight - toolbarHeight - this.parent.ganttChartModule.chartTimelineContainer.offsetHeight;
+        var viewportHeight = (this.parent.height === 'auto') ? gantttable.offsetHeight - toolbarHeight - this.parent.ganttChartModule.chartTimelineContainer.offsetHeight :
+            this.parent.ganttHeight - toolbarHeight - this.parent.ganttChartModule.chartTimelineContainer.offsetHeight;
         var top = (viewportHeight < height) ? viewportHeight / 2 : height / 2;
         var labels = this.holidayContainer.querySelectorAll('.' + holidayLabel);
         for (var i = 0; i < labels.length; i++) {
@@ -30799,7 +30843,7 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
             splitTaskDuration = Math.ceil(currentTaskDifference / this.parent.timelineSettings.timelineUnitSize);
             splitTaskDuration -= 1;
         }
-        var contextMenuClickDate = this.parent.dataOperation.getEndDate(startDate, splitTaskDuration, this.rowData.ganttProperties.durationUnit, this.rowData, false);
+        var contextMenuClickDate = this.parent.dataOperation.getEndDate(startDate, splitTaskDuration, (this.parent.timelineSettings.bottomTier.unit !== "None") ? this.parent.timelineSettings.bottomTier.unit.toLocaleLowerCase() : this.parent.timelineSettings.topTier.unit.toLocaleLowerCase(), this.rowData, false);
         return contextMenuClickDate;
     };
     ContextMenu$$1.prototype.contextMenuBeforeOpen = function (args) {