@syncfusion/ej2-gantt 22.2.8 → 22.2.9

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 22.2.8
+*  version : 22.2.9
 *  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@22.2.7",
+  "_id": "@syncfusion/ej2-gantt@22.2.8",
   "_inBundle": false,
-  "_integrity": "sha512-qEmtJ4SVLRUtGVQ4ydjKAujo32uBoR2yLYtG/4EZHulkKvcO7R7w5unKRejOf79CewBiNYJsXnaKa1qVEAPhPg==",
+  "_integrity": "sha512-UTHsxz5sv2/7KScjT2IhII+IVw91jejNdGwxmktM3GbTDYh89N27rpHiw6G0P6qReyrWJpteJlMQVmtt2T7iZQ==",
   "_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-22.2.7.tgz",
-  "_shasum": "d1938874bfb2e708939be14a9a22d732ef197433",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-22.2.8.tgz",
+  "_shasum": "4bdb30759d7aef5c6f457046cc7fc9bbe41b42c0",
   "_spec": "@syncfusion/ej2-gantt@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -35,21 +35,21 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~22.2.5",
-    "@syncfusion/ej2-buttons": "~22.2.8",
-    "@syncfusion/ej2-calendars": "~22.2.8",
+    "@syncfusion/ej2-base": "~22.2.9",
+    "@syncfusion/ej2-buttons": "~22.2.9",
+    "@syncfusion/ej2-calendars": "~22.2.9",
     "@syncfusion/ej2-data": "~22.2.5",
-    "@syncfusion/ej2-dropdowns": "~22.2.8",
-    "@syncfusion/ej2-grids": "~22.2.8",
-    "@syncfusion/ej2-inputs": "~22.2.7",
-    "@syncfusion/ej2-layouts": "~22.2.5",
-    "@syncfusion/ej2-lists": "~22.2.8",
+    "@syncfusion/ej2-dropdowns": "~22.2.9",
+    "@syncfusion/ej2-grids": "~22.2.9",
+    "@syncfusion/ej2-inputs": "~22.2.9",
+    "@syncfusion/ej2-layouts": "~22.2.9",
+    "@syncfusion/ej2-lists": "~22.2.9",
     "@syncfusion/ej2-navigations": "~22.2.8",
     "@syncfusion/ej2-notifications": "~22.2.5",
-    "@syncfusion/ej2-popups": "~22.2.7",
-    "@syncfusion/ej2-richtexteditor": "~22.2.5",
+    "@syncfusion/ej2-popups": "~22.2.9",
+    "@syncfusion/ej2-richtexteditor": "~22.2.9",
     "@syncfusion/ej2-svg-base": "~22.2.8",
-    "@syncfusion/ej2-treegrid": "~22.2.7"
+    "@syncfusion/ej2-treegrid": "~22.2.9"
   },
   "deprecated": false,
   "description": "Essential JS 2 Gantt Component",
@@ -74,6 +74,6 @@
     "url": "git+https://github.com/syncfusion/ej2-gantt.git"
   },
   "typings": "index.d.ts",
-  "version": "22.2.8",
+  "version": "22.2.9",
   "sideEffects": false
 }

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

@@ -311,7 +311,7 @@ var ContextMenu = /** @class */ (function () {
                 this.parent.ganttChartModule.targetElement;
         // Closed edited cell before opening context menu
         // eslint-disable-next-line
-        if (!isNullOrUndefined(this.parent.editModule) && this.parent.editModule.cellEditModule && this.parent.editModule.cellEditModule.isCellEdit && target.parentElement.classList.contains('e-row')) {
+        if ((!isNullOrUndefined(this.parent.editModule) && this.parent.editModule.cellEditModule && this.parent.editModule.cellEditModule.isCellEdit && target.parentElement.classList.contains('e-row')) || target.parentElement.classList.contains('e-treecolumn-container')) {
             this.parent.treeGrid.closeEdit();
         }
         if (!isNullOrUndefined(args.element) && args.element.id === this.parent.element.id + '_contextmenu') {

package/src/gantt/actions/dependency.js

@@ -330,7 +330,7 @@ var Dependency = /** @class */ (function () {
             ganttRecord = predecessorsCollection[count];
             if ((!ganttRecord.hasChildRecords && !this.parent.allowParentDependency) || this.parent.allowParentDependency) {
                 this.updatePredecessorHelper(ganttRecord, predecessorsCollection);
-                if (!ganttRecord.ganttProperties.isAutoSchedule) {
+                if (!ganttRecord.ganttProperties.isAutoSchedule && this.parent.editSettings.allowEditing) {
                     this.parent.connectorLineEditModule['calculateOffset'](ganttRecord);
                 }
             }

package/src/gantt/base/gantt.js

@@ -221,14 +221,14 @@ var Gantt = /** @class */ (function (_super) {
         };
         this.focusModule = new FocusModule(this);
         if (this.zoomingLevels.length === 0) {
-            this.zoomingLevels = this.getZoomingLevels();
+            this.setProperties({ zoomingLevels: this.getZoomingLevels() }, true);
         }
         this.resourceFieldsMapping();
         if (isNullOrUndefined(this.resourceFields.unit)) { //set resourceUnit as unit if not mapping
-            this.resourceFields.unit = 'unit';
+            this.setProperties({ resourceFields: { unit: 'unit' } }, true);
         }
         if (!isNullOrUndefined(this.taskFields.work)) {
-            this.taskType = 'FixedWork';
+            this.setProperties({ taskType: 'FixedWork' }, true);
         }
         this.taskIds = [];
     };

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

@@ -132,7 +132,7 @@ var TaskProcessor = /** @class */ (function (_super) {
                 }
             }
             if (!this.parent.taskFields.child) {
-                this.parent.taskFields.child = 'Children';
+                this.parent.setProperties({ taskFields: { child: 'Children' } }, true);
             }
             this.constructDataSource(data);
             hierarchicalData = this.hierarchyData;
@@ -580,6 +580,7 @@ var TaskProcessor = /** @class */ (function (_super) {
                             segment.endDate = !taskSettings.duration && taskSettings.endDate
                                 && segment.endDate > data.ganttProperties.endDate ? data.ganttProperties.endDate : segment.endDate;
                             segment.offsetDuration = 1;
+                            segment.duration = this.getDuration(segment.startDate, segment.endDate, data.ganttProperties.durationUnit, data.ganttProperties.isAutoSchedule, data.ganttProperties.isMilestone);
                         }
                     }
                     else {
@@ -1188,17 +1189,17 @@ var TaskProcessor = /** @class */ (function (_super) {
         var isValid = false;
         var modifiedsDate = new Date(startDate.getTime());
         var hour = 0;
-        if (ganttData && ganttData.durationUnit == 'hour') {
+        if (!isNullOrUndefined(ganttData) && ganttData.durationUnit == 'hour') {
             modifiedsDate = new Date(modifiedsDate.getTime() + ganttData.duration * 60 * 60 * 1000);
         }
-        if (ganttData && ganttData.durationUnit == 'minute') {
+        if (!isNullOrUndefined(ganttData) && (ganttData.durationUnit == 'minute') || !isNullOrUndefined(ganttData) && ganttData.durationUnit == "day" && ganttData.duration < 1) {
             modifiedsDate = new Date(modifiedsDate.getTime() + ganttData.duration * 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 (ganttData && ganttData.durationUnit == 'minute' && ganttData.duration < (hour * 60)) {
+        if (!isNullOrUndefined(ganttData) && (ganttData.durationUnit == 'minute' && ganttData.duration < (hour * 60)) || !isNullOrUndefined(ganttData) && ganttData.durationUnit == "day" && ganttData.duration < 1) {
             if (tierMode === 'Day') {
                 if ((Math.floor((dateDiff / (1000 * 60 * 60)) % 24) >= hour || dateDiff === 0)) {
                     isValid = true;

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

@@ -1187,7 +1187,7 @@ var ChartRows = /** @class */ (function (_super) {
                 width = endLeft - left;
             }
             else {
-                left = ganttProp.left < ganttProp.autoLeft ? ganttProp.left : ganttProp.autoLeft;
+                left = ganttProp.left < ganttProp.autoLeft ? ganttProp.autoLeft : ganttProp.left;
                 width = ganttProp.autoWidth;
             }
             return left + width;

package/src/gantt/renderer/timeline.js

@@ -648,6 +648,13 @@ var Timeline = /** @class */ (function () {
             tier = 'bottomTier';
             tr = null;
         }
+        if (this.parent.height === "Auto" || this.parent.timelineModule.isSingleTier) {
+            var timelineContainer = this.parent.element.getElementsByClassName('e-timeline-header-container')[0]['offsetHeight'];
+            this.parent.element.getElementsByClassName('e-chart-scroll-container e-content')[0]['style'].height = 'calc(100% - ' + timelineContainer + 'px)';
+            if (!isNullOrUndefined(this.parent.element.getElementsByClassName('e-gridcontent')[0])) {
+                this.parent.treeGrid.element.getElementsByClassName('e-gridcontent')[0]['style'].height = 'calc(100% - ' + timelineContainer + 'px)';
+            }
+        }
     };
     /**
      * To validate timeline tier count.
@@ -1145,7 +1152,7 @@ var Timeline = /** @class */ (function () {
         // PDf export collection
         timelineCell.value = value;
         timelineCell.isWeekend = isWeekendCell;
-        timelineCell.width = cellWidth;
+        timelineCell.width = thWidth;
         return parentTr;
     };
     /**

package/styles/bootstrap-dark.css

@@ -910,7 +910,7 @@
   pointer-events: none;
   position: absolute;
   top: 50%;
-  width: 99%;
+  width: 99.5%;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
 .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {

package/styles/bootstrap.css

@@ -1053,7 +1053,7 @@
   pointer-events: none;
   position: absolute;
   top: 50%;
-  width: 99%;
+  width: 99.5%;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
 .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {

package/styles/bootstrap4.css

@@ -1237,7 +1237,7 @@
   pointer-events: none;
   position: absolute;
   top: 50%;
-  width: 99%;
+  width: 99.5%;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
 .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {

package/styles/bootstrap5-dark.css

@@ -953,7 +953,7 @@
   pointer-events: none;
   position: absolute;
   top: 50%;
-  width: 99%;
+  width: 99.5%;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
 .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {

package/styles/bootstrap5.css

@@ -953,7 +953,7 @@
   pointer-events: none;
   position: absolute;
   top: 50%;
-  width: 99%;
+  width: 99.5%;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
 .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {

package/styles/fabric-dark.css

@@ -865,7 +865,7 @@
   pointer-events: none;
   position: absolute;
   top: 50%;
-  width: 99%;
+  width: 99.5%;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
 .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {

package/styles/fabric.css

@@ -863,7 +863,7 @@
   pointer-events: none;
   position: absolute;
   top: 50%;
-  width: 99%;
+  width: 99.5%;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
 .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {

package/styles/fluent-dark.css

@@ -937,7 +937,7 @@
   pointer-events: none;
   position: absolute;
   top: 50%;
-  width: 99%;
+  width: 99.5%;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
 .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {

package/styles/fluent.css

@@ -937,7 +937,7 @@
   pointer-events: none;
   position: absolute;
   top: 50%;
-  width: 99%;
+  width: 99.5%;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
 .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {

package/styles/gantt/_layout.scss

@@ -936,7 +936,7 @@
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: 99.5%;
       }
 
       .e-gantt-child-taskbar-inner-div,

package/styles/gantt/bootstrap-dark.css

@@ -910,7 +910,7 @@
   pointer-events: none;
   position: absolute;
   top: 50%;
-  width: 99%;
+  width: 99.5%;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
 .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {

package/styles/gantt/bootstrap.css

@@ -1053,7 +1053,7 @@
   pointer-events: none;
   position: absolute;
   top: 50%;
-  width: 99%;
+  width: 99.5%;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
 .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {

package/styles/gantt/bootstrap4.css

@@ -1237,7 +1237,7 @@
   pointer-events: none;
   position: absolute;
   top: 50%;
-  width: 99%;
+  width: 99.5%;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
 .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {

package/styles/gantt/bootstrap5-dark.css

@@ -953,7 +953,7 @@
   pointer-events: none;
   position: absolute;
   top: 50%;
-  width: 99%;
+  width: 99.5%;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
 .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {

package/styles/gantt/bootstrap5.css

@@ -953,7 +953,7 @@
   pointer-events: none;
   position: absolute;
   top: 50%;
-  width: 99%;
+  width: 99.5%;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
 .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {

package/styles/gantt/fabric-dark.css

@@ -865,7 +865,7 @@
   pointer-events: none;
   position: absolute;
   top: 50%;
-  width: 99%;
+  width: 99.5%;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
 .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {

package/styles/gantt/fabric.css

@@ -863,7 +863,7 @@
   pointer-events: none;
   position: absolute;
   top: 50%;
-  width: 99%;
+  width: 99.5%;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
 .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {

package/styles/gantt/fluent-dark.css

@@ -937,7 +937,7 @@
   pointer-events: none;
   position: absolute;
   top: 50%;
-  width: 99%;
+  width: 99.5%;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
 .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {

package/styles/gantt/fluent.css

@@ -937,7 +937,7 @@
   pointer-events: none;
   position: absolute;
   top: 50%;
-  width: 99%;
+  width: 99.5%;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
 .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {

package/styles/gantt/highcontrast-light.css

@@ -848,7 +848,7 @@
   pointer-events: none;
   position: absolute;
   top: 50%;
-  width: 99%;
+  width: 99.5%;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
 .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {

package/styles/gantt/highcontrast.css

@@ -950,7 +950,7 @@
   pointer-events: none;
   position: absolute;
   top: 50%;
-  width: 99%;
+  width: 99.5%;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
 .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {

package/styles/gantt/material-dark.css

@@ -908,7 +908,7 @@
   pointer-events: none;
   position: absolute;
   top: 50%;
-  width: 99%;
+  width: 99.5%;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
 .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {

package/styles/gantt/material.css

@@ -952,7 +952,7 @@
   pointer-events: none;
   position: absolute;
   top: 50%;
-  width: 99%;
+  width: 99.5%;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
 .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {

package/styles/gantt/material3-dark.css

@@ -999,7 +999,7 @@
   pointer-events: none;
   position: absolute;
   top: 50%;
-  width: 99%;
+  width: 99.5%;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
 .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {

package/styles/gantt/material3.css

@@ -1055,7 +1055,7 @@
   pointer-events: none;
   position: absolute;
   top: 50%;
-  width: 99%;
+  width: 99.5%;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
 .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {

package/styles/gantt/tailwind-dark.css

@@ -923,7 +923,7 @@
   pointer-events: none;
   position: absolute;
   top: 50%;
-  width: 99%;
+  width: 99.5%;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
 .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {

package/styles/gantt/tailwind.css

@@ -923,7 +923,7 @@
   pointer-events: none;
   position: absolute;
   top: 50%;
-  width: 99%;
+  width: 99.5%;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
 .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {

package/styles/highcontrast-light.css

@@ -848,7 +848,7 @@
   pointer-events: none;
   position: absolute;
   top: 50%;
-  width: 99%;
+  width: 99.5%;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
 .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {

package/styles/highcontrast.css

@@ -950,7 +950,7 @@
   pointer-events: none;
   position: absolute;
   top: 50%;
-  width: 99%;
+  width: 99.5%;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
 .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {

package/styles/material-dark.css

@@ -908,7 +908,7 @@
   pointer-events: none;
   position: absolute;
   top: 50%;
-  width: 99%;
+  width: 99.5%;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
 .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {

package/styles/material.css

@@ -952,7 +952,7 @@
   pointer-events: none;
   position: absolute;
   top: 50%;
-  width: 99%;
+  width: 99.5%;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
 .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {

package/styles/material3-dark.css

@@ -999,7 +999,7 @@
   pointer-events: none;
   position: absolute;
   top: 50%;
-  width: 99%;
+  width: 99.5%;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
 .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {

package/styles/material3.css

@@ -1055,7 +1055,7 @@
   pointer-events: none;
   position: absolute;
   top: 50%;
-  width: 99%;
+  width: 99.5%;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
 .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {

package/styles/tailwind-dark.css

@@ -923,7 +923,7 @@
   pointer-events: none;
   position: absolute;
   top: 50%;
-  width: 99%;
+  width: 99.5%;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
 .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {

package/styles/tailwind.css

@@ -923,7 +923,7 @@
   pointer-events: none;
   position: absolute;
   top: 50%;
-  width: 99%;
+  width: 99.5%;
 }
 .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
 .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {