@syncfusion/ej2-gantt 21.1.38 → 21.1.41

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 21.1.38
+*  version : 21.1.41
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-gantt@*",
-  "_id": "@syncfusion/ej2-gantt@21.1.37",
+  "_id": "@syncfusion/ej2-gantt@21.1.38",
   "_inBundle": false,
-  "_integrity": "sha512-ltwvVxBJuPDzCUcpSIWI3K3ZvPOjrOmXSmrL3sqxHQ1aqzTEQIleyCvqPqGPbo/igywXisQ4X7fz7r/EuGafnA==",
+  "_integrity": "sha512-mG35i/xS8soHV61BHzK07yFe9rxWl3ubEOVZKB/oLV6xaUYnu6oUy8ggzePCuxcVBh5SfJ+Zvx8sgtr9Xjzgng==",
   "_location": "/@syncfusion/ej2-gantt",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-gantt",
     "/@syncfusion/ej2-vue-gantt"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-21.1.37.tgz",
-  "_shasum": "3da271adaaa8c7208fbd9a3c011697c0ad7bca71",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-21.1.38.tgz",
+  "_shasum": "32d68324bade49301890fb65cf019d4904462d33",
   "_spec": "@syncfusion/ej2-gantt@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -35,20 +35,20 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~21.1.38",
+    "@syncfusion/ej2-base": "~21.1.40",
     "@syncfusion/ej2-buttons": "~21.1.37",
-    "@syncfusion/ej2-calendars": "~21.1.38",
+    "@syncfusion/ej2-calendars": "~21.1.41",
     "@syncfusion/ej2-data": "~21.1.38",
-    "@syncfusion/ej2-dropdowns": "~21.1.38",
-    "@syncfusion/ej2-grids": "~21.1.38",
-    "@syncfusion/ej2-inputs": "~21.1.38",
+    "@syncfusion/ej2-dropdowns": "~21.1.41",
+    "@syncfusion/ej2-grids": "~21.1.41",
+    "@syncfusion/ej2-inputs": "~21.1.39",
     "@syncfusion/ej2-layouts": "~21.1.37",
-    "@syncfusion/ej2-lists": "~21.1.37",
-    "@syncfusion/ej2-navigations": "~21.1.38",
+    "@syncfusion/ej2-lists": "~21.1.41",
+    "@syncfusion/ej2-navigations": "~21.1.39",
     "@syncfusion/ej2-notifications": "~21.1.37",
-    "@syncfusion/ej2-popups": "~21.1.37",
-    "@syncfusion/ej2-richtexteditor": "~21.1.37",
-    "@syncfusion/ej2-treegrid": "~21.1.38"
+    "@syncfusion/ej2-popups": "~21.1.41",
+    "@syncfusion/ej2-richtexteditor": "~21.1.41",
+    "@syncfusion/ej2-treegrid": "~21.1.41"
   },
   "deprecated": false,
   "description": "Essential JS 2 Gantt Component",
@@ -73,6 +73,6 @@
     "url": "git+https://github.com/syncfusion/ej2-gantt.git"
   },
   "typings": "index.d.ts",
-  "version": "21.1.38",
+  "version": "21.1.41",
   "sideEffects": false
 }

package/src/gantt/actions/context-menu.js

@@ -281,7 +281,7 @@ var ContextMenu = /** @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.prototype.contextMenuBeforeOpen = function (args) {

package/src/gantt/actions/dependency.js

@@ -477,7 +477,7 @@ var Dependency = /** @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);

package/src/gantt/actions/dialog-edit.js

@@ -1860,6 +1860,7 @@ var DialogEdit = /** @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(RTEToolbar, Link, HtmlEditor, QuickToolbar, Count);

package/src/gantt/actions/edit.js

@@ -1124,7 +1124,13 @@ var Edit = /** @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]);
                     }

package/src/gantt/base/date-processor.js

@@ -400,10 +400,10 @@ var DateProcessor = /** @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 {

package/src/gantt/base/gantt.d.ts

@@ -93,6 +93,7 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
     scrollLeftValue: any;
     isToolBarClick: any;
     isLocaleChanged: boolean;
+    initialLoadData: Object;
     previousGanttColumns: ColumnModel[];
     /** @hidden */
     topBottomHeader: any;

package/src/gantt/base/gantt.js

@@ -728,6 +728,9 @@ var Gantt = /** @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'] = [];
@@ -742,7 +745,6 @@ var Gantt = /** @class */ (function (_super) {
             this.timelineModule.validateTimelineProp();
         }
         if (isChange) {
-            this.isFromOnPropertyChange = isChange;
             if (this.enableValidation) {
                 this.dataOperation.updateGanttData();
             }

package/src/gantt/base/task-processor.d.ts

@@ -187,7 +187,7 @@ export declare class TaskProcessor extends DateProcessor {
      * @returns {number} .
      * @private
      */
-    getTaskWidth(startDate: Date, endDate: Date): number;
+    getTaskWidth(startDate: Date, endDate: Date, ganttData?: ITaskData): number;
     /**
      * Get task left value
      *

package/src/gantt/base/task-processor.js

@@ -213,6 +213,7 @@ var TaskProcessor = /** @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();
@@ -1041,7 +1042,7 @@ var TaskProcessor = /** @class */ (function (_super) {
             return 0;
         }
         else {
-            return this.getTaskWidth(sDate, eDate);
+            return this.getTaskWidth(sDate, eDate, ganttProp);
         }
     };
     TaskProcessor.prototype.getTaskbarHeight = function () {
@@ -1155,13 +1156,29 @@ var TaskProcessor = /** @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) {
@@ -1171,11 +1188,19 @@ var TaskProcessor = /** @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);
+            }
         }
     };
     /**

package/src/gantt/renderer/chart-rows.js

@@ -1412,7 +1412,6 @@ var ChartRows = /** @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])) {
@@ -1427,9 +1426,6 @@ var ChartRows = /** @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()))

package/src/gantt/renderer/nonworking-day.js

@@ -168,12 +168,14 @@ var NonWorkingDay = /** @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('.' + cls.holidayLabel);
         for (var i = 0; i < labels.length; i++) {

package/styles/bootstrap-dark.css

@@ -1275,6 +1275,7 @@
   outline: 1px solid;
   outline-offset: 2px;
 }
+
 .e-gantt-dialog .e-tab .e-tab-header {
   padding-left: 12px;
 }

package/styles/bootstrap.css

@@ -1418,6 +1418,7 @@
   outline: 1px solid;
   outline-offset: 2px;
 }
+
 .e-gantt-dialog .e-tab .e-tab-header {
   padding-left: 12px;
 }

package/styles/bootstrap4.css

@@ -1602,6 +1602,7 @@
   outline: 1px solid;
   outline-offset: 2px;
 }
+
 .e-gantt-dialog .e-tab .e-tab-header {
   padding-left: 12px;
 }

package/styles/bootstrap5-dark.css

@@ -1318,6 +1318,7 @@
   outline: 1px solid;
   outline-offset: 2px;
 }
+
 .e-gantt-dialog .e-tab .e-tab-header {
   padding-left: 12px;
 }

package/styles/bootstrap5.css

@@ -1318,6 +1318,7 @@
   outline: 1px solid;
   outline-offset: 2px;
 }
+
 .e-gantt-dialog .e-tab .e-tab-header {
   padding-left: 12px;
 }

package/styles/fabric-dark.css

@@ -1230,6 +1230,7 @@
   outline: 1px solid;
   outline-offset: 2px;
 }
+
 .e-gantt-dialog .e-tab .e-tab-header {
   padding-left: 13px;
 }

package/styles/fabric.css

@@ -1228,6 +1228,7 @@
   outline: 1px solid;
   outline-offset: 2px;
 }
+
 .e-gantt-dialog .e-tab .e-tab-header {
   padding-left: 13px;
 }

package/styles/fluent-dark.css

@@ -1301,9 +1301,6 @@
   outline: 1px solid;
   outline-offset: 2px;
 }
-.e-gantt .e-dialog.e-filter-popup .e-footer-content {
-  padding-top: 0;
-}
 
 .e-gantt-dialog .e-tab .e-tab-header {
   padding-left: 0px;

package/styles/fluent.css

@@ -1301,9 +1301,6 @@
   outline: 1px solid;
   outline-offset: 2px;
 }
-.e-gantt .e-dialog.e-filter-popup .e-footer-content {
-  padding-top: 0;
-}
 
 .e-gantt-dialog .e-tab .e-tab-header {
   padding-left: 0px;

package/styles/gantt/_layout.scss

@@ -1320,14 +1320,6 @@
         outline-offset: 2px;
       }
     }
-    .e-dialog.e-filter-popup {
-      .e-footer-content {
-        
-        @if ($skin-name =='FluentUI') {
-          padding-top: 0;
-        }
-      }
-    }
   }
   
   .e-gantt-dialog .e-tab .e-tab-header {

package/styles/gantt/bootstrap-dark.css

@@ -1275,6 +1275,7 @@
   outline: 1px solid;
   outline-offset: 2px;
 }
+
 .e-gantt-dialog .e-tab .e-tab-header {
   padding-left: 12px;
 }

package/styles/gantt/bootstrap.css

@@ -1418,6 +1418,7 @@
   outline: 1px solid;
   outline-offset: 2px;
 }
+
 .e-gantt-dialog .e-tab .e-tab-header {
   padding-left: 12px;
 }

package/styles/gantt/bootstrap4.css

@@ -1602,6 +1602,7 @@
   outline: 1px solid;
   outline-offset: 2px;
 }
+
 .e-gantt-dialog .e-tab .e-tab-header {
   padding-left: 12px;
 }

package/styles/gantt/bootstrap5-dark.css

@@ -1318,6 +1318,7 @@
   outline: 1px solid;
   outline-offset: 2px;
 }
+
 .e-gantt-dialog .e-tab .e-tab-header {
   padding-left: 12px;
 }

package/styles/gantt/bootstrap5.css

@@ -1318,6 +1318,7 @@
   outline: 1px solid;
   outline-offset: 2px;
 }
+
 .e-gantt-dialog .e-tab .e-tab-header {
   padding-left: 12px;
 }

package/styles/gantt/fabric-dark.css

@@ -1230,6 +1230,7 @@
   outline: 1px solid;
   outline-offset: 2px;
 }
+
 .e-gantt-dialog .e-tab .e-tab-header {
   padding-left: 13px;
 }

package/styles/gantt/fabric.css

@@ -1228,6 +1228,7 @@
   outline: 1px solid;
   outline-offset: 2px;
 }
+
 .e-gantt-dialog .e-tab .e-tab-header {
   padding-left: 13px;
 }

package/styles/gantt/fluent-dark.css

@@ -1301,9 +1301,6 @@
   outline: 1px solid;
   outline-offset: 2px;
 }
-.e-gantt .e-dialog.e-filter-popup .e-footer-content {
-  padding-top: 0;
-}
 
 .e-gantt-dialog .e-tab .e-tab-header {
   padding-left: 0px;

package/styles/gantt/fluent.css

@@ -1301,9 +1301,6 @@
   outline: 1px solid;
   outline-offset: 2px;
 }
-.e-gantt .e-dialog.e-filter-popup .e-footer-content {
-  padding-top: 0;
-}
 
 .e-gantt-dialog .e-tab .e-tab-header {
   padding-left: 0px;

package/styles/gantt/highcontrast-light.css

@@ -1213,6 +1213,7 @@
   outline: 1px solid;
   outline-offset: 2px;
 }
+
 .e-gantt-dialog .e-tab .e-tab-header {
   padding-left: 0px;
 }

package/styles/gantt/highcontrast.css

@@ -1315,6 +1315,7 @@
   outline: 1px solid;
   outline-offset: 2px;
 }
+
 .e-gantt-dialog .e-tab .e-tab-header {
   padding-left: 13px;
 }

package/styles/gantt/material-dark.css

@@ -1273,6 +1273,7 @@
   outline: 1px solid;
   outline-offset: 2px;
 }
+
 .e-gantt-dialog .e-tab .e-tab-header {
   padding-left: 0px;
 }

package/styles/gantt/material.css

@@ -1317,6 +1317,7 @@
   outline: 1px solid;
   outline-offset: 2px;
 }
+
 .e-gantt-dialog .e-tab .e-tab-header {
   padding-left: 0px;
 }

package/styles/gantt/tailwind-dark.css

@@ -1288,6 +1288,7 @@
   outline: 1px solid;
   outline-offset: 2px;
 }
+
 .e-gantt-dialog .e-tab .e-tab-header {
   padding-left: 0px;
 }

package/styles/gantt/tailwind.css

@@ -1288,6 +1288,7 @@
   outline: 1px solid;
   outline-offset: 2px;
 }
+
 .e-gantt-dialog .e-tab .e-tab-header {
   padding-left: 0px;
 }

package/styles/highcontrast-light.css

@@ -1213,6 +1213,7 @@
   outline: 1px solid;
   outline-offset: 2px;
 }
+
 .e-gantt-dialog .e-tab .e-tab-header {
   padding-left: 0px;
 }

package/styles/highcontrast.css

@@ -1315,6 +1315,7 @@
   outline: 1px solid;
   outline-offset: 2px;
 }
+
 .e-gantt-dialog .e-tab .e-tab-header {
   padding-left: 13px;
 }

package/styles/material-dark.css

@@ -1273,6 +1273,7 @@
   outline: 1px solid;
   outline-offset: 2px;
 }
+
 .e-gantt-dialog .e-tab .e-tab-header {
   padding-left: 0px;
 }

package/styles/material.css

@@ -1317,6 +1317,7 @@
   outline: 1px solid;
   outline-offset: 2px;
 }
+
 .e-gantt-dialog .e-tab .e-tab-header {
   padding-left: 0px;
 }

package/styles/tailwind-dark.css

@@ -1288,6 +1288,7 @@
   outline: 1px solid;
   outline-offset: 2px;
 }
+
 .e-gantt-dialog .e-tab .e-tab-header {
   padding-left: 0px;
 }

package/styles/tailwind.css

@@ -1288,6 +1288,7 @@
   outline: 1px solid;
   outline-offset: 2px;
 }
+
 .e-gantt-dialog .e-tab .e-tab-header {
   padding-left: 0px;
 }