@syncfusion/ej2-gantt 21.1.37 → 21.1.41

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);
+            }
         }
     };
     /**
@@ -3026,17 +3051,15 @@ var TaskProcessor = /** @__PURE__ @class */ (function (_super) {
         else {
             hierarchicalData = this.parent.dataSource;
         }
-        this.parent.flatData.map(function (data) {
-            hierarchicalData.map(function (record) {
-                if (data.ganttProperties.taskId === record[_this.parent.taskFields.id]) {
-                    if (!isNullOrUndefined(_this.parent.taskFields.startDate)) {
-                        task[_this.parent.taskFields.endDate] = record[_this.parent.taskFields.endDate];
-                    }
-                    if (!isNullOrUndefined(_this.parent.taskFields.endDate)) {
-                        task[_this.parent.taskFields.endDate] = record[_this.parent.taskFields.endDate];
-                    }
+        hierarchicalData.map(function (record) {
+            if (task.ganttProperties.taskId === record[_this.parent.taskFields.id]) {
+                if (!isNullOrUndefined(_this.parent.taskFields.startDate)) {
+                    task[_this.parent.taskFields.startDate] = record[_this.parent.taskFields.startDate];
                 }
-            });
+                if (!isNullOrUndefined(_this.parent.taskFields.endDate)) {
+                    task[_this.parent.taskFields.endDate] = record[_this.parent.taskFields.endDate];
+                }
+            }
         });
     };
     TaskProcessor.prototype.getWorkInHour = function (work, workUnit) {
@@ -3790,12 +3813,7 @@ var TaskProcessor = /** @__PURE__ @class */ (function (_super) {
                 durationInDay = (childGanttRecord.ganttProperties.duration / (this.parent.secondsPerDay / 60));
                 break;
             default:
-                if (childGanttRecord.ganttProperties.duration < 1) {
-                    durationInDay = (childGanttRecord.ganttProperties.duration / (this.parent.secondsPerDay / 3600));
-                }
-                else {
-                    durationInDay = childGanttRecord.ganttProperties.duration;
-                }
+                durationInDay = childGanttRecord.ganttProperties.duration;
         }
         if (childGanttRecord.hasChildRecords) {
             setValue('totalProgress', childGanttRecord.ganttProperties.totalProgress, progressValues);
@@ -3894,7 +3912,7 @@ var TaskProcessor = /** @__PURE__ @class */ (function (_super) {
                     else {
                         taskCount = childLength - milestoneCount;
                     }
-                    var parentProgress = (taskCount > 0 && totalDuration > 0) ? (totalProgress / totalDuration) : 0;
+                    var parentProgress = (taskCount > 0 && totalDuration > 0) ? Number((totalProgress / totalDuration).toFixed(2)) : 0;
                     var parentProp = parentData.ganttProperties;
                     var milestone = (taskCount === 0) && minStartDate && maxEndDate &&
                         minStartDate.getTime() === maxEndDate.getTime() ? true : false;
@@ -5854,7 +5872,10 @@ var Timeline = /** @__PURE__ @class */ (function () {
      */
     Timeline.prototype.changeTimelineSettings = function (newTimeline) {
         var _this = this;
-        if (!this.isZoomIn) {
+        if (this.isZoomToFit) {
+            this.isSingleTier = this.customTimelineSettings.topTier.unit === 'None' || this.customTimelineSettings.bottomTier.unit === 'None' ? true : false;
+        }
+        else if (!this.isZoomIn) {
             this.isSingleTier = newTimeline.topTier.unit === 'None' || newTimeline.bottomTier.unit === 'None' ? true : false;
         }
         var skipProperty = this.isSingleTier ?
@@ -10344,7 +10365,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])) {
@@ -10359,9 +10379,6 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
             if (parentTaskbarTemplateNode && parentTaskbarTemplateNode.length > 0) {
                 taskbarContainerNode[0].appendChild([].slice.call(parentTaskbarTemplateNode)[0]);
             }
-            else 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()))
@@ -10871,7 +10888,9 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
                 this.parent.ganttChartModule.tempNextElement = null;
             }
             var row = this.parent.treeGrid.grid.getRowObjectFromUID(this.parent.treeGrid.grid.getDataRows()[index].getAttribute('data-uid'));
-            row.data = data;
+            if (!isNullOrUndefined(row)) {
+                row.data = data;
+            }
         }
     };
     ChartRows.prototype.getResourceParent = function (record) {
@@ -11509,7 +11528,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);
@@ -13632,6 +13651,7 @@ var FocusModule = /** @__PURE__ @class */ (function () {
                     if (ganttObj.selectedRowIndex === ganttObj.flatData.indexOf(currentSelectingRecord)) {
                         return;
                     }
+                    ganttObj.selectionModule.selectRow(ganttObj.flatData.indexOf(currentSelectingRecord), false, true);
                 }
                 break;
             case 'downArrow':
@@ -14065,7 +14085,9 @@ var Gantt = /** @__PURE__ @class */ (function (_super) {
             contextMenu: 'shift+F10' //F Key
         };
         this.focusModule = new FocusModule(this);
-        this.zoomingLevels = this.getZoomingLevels();
+        if (this.zoomingLevels.length === 0) {
+            this.zoomingLevels = this.getZoomingLevels();
+        }
         this.resourceFieldsMapping();
         if (isNullOrUndefined(this.resourceFields.unit)) { //set resourceUnit as unit if not mapping
             this.resourceFields.unit = 'unit';
@@ -14571,6 +14593,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'] = [];
@@ -14585,7 +14610,6 @@ var Gantt = /** @__PURE__ @class */ (function (_super) {
             this.timelineModule.validateTimelineProp();
         }
         if (isChange) {
-            this.isFromOnPropertyChange = isChange;
             if (this.enableValidation) {
                 this.dataOperation.updateGanttData();
             }
@@ -15272,6 +15296,14 @@ var Gantt = /** @__PURE__ @class */ (function (_super) {
                     this.chartRowsModule.refreshGanttRows();
                     this.isLoad = false;
                     break;
+                case 'dayWorkingTime':
+                    this.isLoad = true;
+                    this.dataOperation.reUpdateGanttData();
+                    this.treeGrid.refreshColumns();
+                    this.chartRowsModule.initiateTemplates();
+                    this.chartRowsModule.refreshGanttRows();
+                    this.isLoad = false;
+                    break;
                 case 'addDialogFields':
                 case 'editDialogFields':
                     if (this.editModule && this.editModule.dialogModule) {
@@ -15351,7 +15383,6 @@ var Gantt = /** @__PURE__ @class */ (function (_super) {
                 case 'readOnly':
                 case 'viewType':
                 case 'taskFields':
-                case 'dayWorkingTime':
                 case 'allowTaskbarDragAndDrop':
                 case 'allowTaskbarOverlap':
                 case 'allowParentDependency':
@@ -17338,6 +17369,9 @@ var Gantt = /** @__PURE__ @class */ (function (_super) {
     __decorate([
         Complex({}, TimelineSettings)
     ], Gantt.prototype, "timelineSettings", void 0);
+    __decorate([
+        Property([])
+    ], Gantt.prototype, "zoomingLevels", void 0);
     __decorate([
         Complex({}, SortSettings)
     ], Gantt.prototype, "sortSettings", void 0);
@@ -22396,6 +22430,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);
@@ -25015,7 +25050,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]);
                     }
@@ -29480,12 +29521,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++) {
@@ -29701,6 +29744,7 @@ var DayMarkers = /** @__PURE__ @class */ (function () {
     return DayMarkers;
 }());
 
+/** @hidden */
 var CriticalPath = /** @__PURE__ @class */ (function () {
     function CriticalPath(parent) {
         this.resourceCollectionIds = [];
@@ -30787,7 +30831,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) {
@@ -31324,6 +31368,7 @@ var ExcelExport$1 = /** @__PURE__ @class */ (function () {
 
 /**
  * Configures columnMenu collection in Gantt.
+ * @hidden
  */
 var ColumnMenu$1 = /** @__PURE__ @class */ (function () {
     function ColumnMenu$$1(parent) {
@@ -32600,6 +32645,7 @@ var TemporaryDictionary = /** @__PURE__ @class */ (function () {
  */
 /**
  * `PdfBorders` class used represents the cell border of the PDF grid.
+ * @hidden
  */
 var PdfBorders = /** @__PURE__ @class */ (function () {
     // Constructor
@@ -32728,6 +32774,7 @@ var PdfBorders = /** @__PURE__ @class */ (function () {
     });
     return PdfBorders;
 }());
+/** @hidden */
 var PdfPaddings = /** @__PURE__ @class */ (function () {
     function PdfPaddings(left, right, top, bottom) {
         /**
@@ -33677,9 +33724,7 @@ var PdfTreeGrid = /** @__PURE__ @class */ (function (_super) {
     return PdfTreeGrid;
 }(PdfLayoutElement));
 
-/**
- *
- */
+/**@hidden*/
 var PdfTreeGridCell = /** @__PURE__ @class */ (function () {
     function PdfTreeGridCell(row) {
         this.cellWidth = 0;