@syncfusion/ej2-gantt 20.2.36 → 20.2.38

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.2.36
+*  version : 20.2.38
 *  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@19.19.10",
+  "_id": "@syncfusion/ej2-gantt@20.2.36",
   "_inBundle": false,
-  "_integrity": "sha512-sN2r80uYnkxozw6rfp7oQLWmHp0pxn9DopiUeTWHUmeMZxmx3GewVFU87JJQ/GXIXFBjrmMQ4Kqe6uCTinRESw==",
+  "_integrity": "sha512-7nClwwDPnrsSRqXw3okXeWajAGJUG7LDDgYZHbaTLopCL9EasuMZ+aFbFCqM2Ly9GXjONYH0Wo4J2kQ7VPrVBw==",
   "_location": "/@syncfusion/ej2-gantt",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-gantt",
     "/@syncfusion/ej2-vue-gantt"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-gantt/-/ej2-gantt-19.19.10.tgz",
-  "_shasum": "f4f0a2404229c776cfc65f56944ced4f5cb1d7db",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-20.2.36.tgz",
+  "_shasum": "9df96357502324bbdb4eeef866fe6f62a28c6eef",
   "_spec": "@syncfusion/ej2-gantt@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -35,19 +35,19 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.2.36",
-    "@syncfusion/ej2-buttons": "~20.2.36",
-    "@syncfusion/ej2-calendars": "~20.2.36",
-    "@syncfusion/ej2-data": "~20.2.36",
-    "@syncfusion/ej2-dropdowns": "~20.2.36",
-    "@syncfusion/ej2-grids": "~20.2.36",
-    "@syncfusion/ej2-inputs": "~20.2.36",
-    "@syncfusion/ej2-layouts": "~20.2.36",
-    "@syncfusion/ej2-lists": "~20.2.36",
-    "@syncfusion/ej2-navigations": "~20.2.36",
-    "@syncfusion/ej2-popups": "~20.2.36",
-    "@syncfusion/ej2-richtexteditor": "~20.2.36",
-    "@syncfusion/ej2-treegrid": "~20.2.36"
+    "@syncfusion/ej2-base": "~20.2.38",
+    "@syncfusion/ej2-buttons": "~20.2.38",
+    "@syncfusion/ej2-calendars": "~20.2.38",
+    "@syncfusion/ej2-data": "~20.2.38",
+    "@syncfusion/ej2-dropdowns": "~20.2.38",
+    "@syncfusion/ej2-grids": "~20.2.38",
+    "@syncfusion/ej2-inputs": "~20.2.38",
+    "@syncfusion/ej2-layouts": "~20.2.38",
+    "@syncfusion/ej2-lists": "~20.2.38",
+    "@syncfusion/ej2-navigations": "~20.2.38",
+    "@syncfusion/ej2-popups": "~20.2.38",
+    "@syncfusion/ej2-richtexteditor": "~20.2.38",
+    "@syncfusion/ej2-treegrid": "~20.2.38"
   },
   "deprecated": false,
   "description": "Essential JS 2 Gantt Component",
@@ -75,6 +75,6 @@
     "url": "git+https://github.com/syncfusion/ej2-gantt.git"
   },
   "typings": "index.d.ts",
-  "version": "20.2.36",
+  "version": "20.2.38",
   "sideEffects": false
 }

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

@@ -37,7 +37,7 @@ var DateProcessor = /** @class */ (function () {
             this.setTime(this.parent.defaultStartTime, cloneStartDate);
         }
         else if (hour < this.parent.defaultStartTime && validateAsMilestone) {
-            this.setTime(this.parent.defaultEndTime, cloneStartDate);
+            this.setTime(this.parent.defaultStartTime, cloneStartDate);
         }
         else if ((hour === this.parent.defaultEndTime && (!ganttProp || !validateAsMilestone)) || hour > this.parent.defaultEndTime) {
             cloneStartDate.setDate(cloneStartDate.getDate() + 1);

package/src/gantt/base/gantt-chart.js

@@ -718,6 +718,9 @@ var GanttChart = /** @class */ (function () {
      * @private
      */
     GanttChart.prototype.expandedGanttRow = function (args) {
+        if (isNullOrUndefined(args['gridRow'])) {
+            return;
+        }
         var record = getValue('data', args);
         if (this.isExpandCollapseFromChart) {
             this.expandCollapseChartRows('expand', getValue('chartRow', args), record, null);

package/src/gantt/renderer/timeline.d.ts

@@ -83,6 +83,7 @@ export declare class Timeline {
      * @private
      */
     processZoomToFit(): void;
+    private bottomTierCellWidthCalc;
     private roundOffDateToZoom;
     private calculateNumberOfTimelineCells;
     /**

package/src/gantt/renderer/timeline.js

@@ -229,8 +229,8 @@ var Timeline = /** @class */ (function () {
             }
         }
         var newTimeline = extend({}, {}, zoomingLevel, true);
-        this.roundOffDateToZoom(this.parent.cloneProjectStartDate, true, perDayWidth, newTimeline.bottomTier.unit);
-        this.roundOffDateToZoom(this.parent.cloneProjectEndDate, false, perDayWidth, newTimeline.bottomTier.unit);
+        this.roundOffDateToZoom(this.parent.cloneProjectStartDate, true, perDayWidth, newTimeline.bottomTier.unit, zoomingLevel);
+        this.roundOffDateToZoom(this.parent.cloneProjectEndDate, false, perDayWidth, newTimeline.bottomTier.unit, zoomingLevel);
         var numberOfCells = this.calculateNumberOfTimelineCells(newTimeline);
         var scrollHeight = this.parent.ganttChartModule.scrollElement.offsetHeight - 17; //17 is horizontal scrollbar width
         var contentHeight = this.parent.ganttChartModule.chartBodyContent.offsetHeight;
@@ -246,24 +246,40 @@ var Timeline = /** @class */ (function () {
         this.parent.trigger('actionBegin', args);
         this.changeTimelineSettings(newTimeline);
     };
-    Timeline.prototype.roundOffDateToZoom = function (date, isStartDate, perDayWidth, tierMode) {
-        var width = tierMode === 'Month' || tierMode === 'Year' ? 60 : 20;
-        var roundOffTime = (width / perDayWidth) * (24 * 60 * 60 * 1000);
+    Timeline.prototype.bottomTierCellWidthCalc = function (mode, zoomLevel, date) {
+        var convertedMilliSeconds;
+        switch (mode) {
+            case 'Minutes':
+                convertedMilliSeconds = zoomLevel.bottomTier.count * (60 * 1000);
+                break;
+            case 'Hour':
+                convertedMilliSeconds = zoomLevel.bottomTier.count * (60 * 60 * 1000);
+                break;
+            case 'Week':
+                convertedMilliSeconds = zoomLevel.bottomTier.count * (7 * 24 * 60 * 60 * 1000);
+                break;
+            case 'Day':
+                convertedMilliSeconds = zoomLevel.bottomTier.count * (24 * 60 * 60 * 1000);
+                break;
+            case 'Month':
+                var daysInMonth = new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate();
+                convertedMilliSeconds = zoomLevel.bottomTier.count * (60 * 60 * 24 * daysInMonth * 1000);
+                break;
+            case 'Year':
+                var daysInYear = (date.getFullYear() % 400 === 0 || (date.getFullYear() % 100 !== 0 && date.getFullYear() % 4 === 0)) ? 366 : 365;
+                convertedMilliSeconds = zoomLevel.bottomTier.count * (60 * 60 * 24 * daysInYear * 1000);
+                break;
+        }
+        return convertedMilliSeconds;
+    };
+    Timeline.prototype.roundOffDateToZoom = function (date, isStartDate, perDayWidth, tierMode, zoomingLevel) {
+        var roundOffTime = this.bottomTierCellWidthCalc(tierMode, zoomingLevel, date);
         if (isStartDate) {
             date.setTime(date.getTime() - roundOffTime);
         }
         else {
             date.setTime(date.getTime() + roundOffTime);
         }
-        if (tierMode === 'Hour') {
-            date.setMinutes(isStartDate ? -120 : 120);
-        }
-        else if (tierMode === 'Minutes') {
-            date.setSeconds(isStartDate ? -120 : 120);
-        }
-        else {
-            date.setHours(isStartDate ? -48 : 48, 0, 0, 0);
-        }
     };
     Timeline.prototype.calculateNumberOfTimelineCells = function (newTimeline) {
         var numberOfDays = Math.abs((this.parent.cloneProjectEndDate.getTime() -
@@ -1393,7 +1409,10 @@ var Timeline = /** @class */ (function () {
             if (type === 'prevTimeSpan' && isFrom === 'publicMethod') {
                 this.parent.ganttChartModule.updateScrollLeft(0);
             }
-            else if ((type === 'nextTimeSpan' && isFrom === 'publicMethod') || (type === 'nextTimeSpan' && isFrom === 'TaskbarEditing')) {
+            else if (type === 'nextTimeSpan' && isFrom === 'publicMethod') {
+                this.parent.ganttChartModule.updateScrollLeft(this.parent.timelineModule.totalTimelineWidth);
+            }
+            else if (type === 'nextTimeSpan' && isFrom === 'TaskbarEditing') {
                 var currentScrollLeft = document.getElementsByClassName('e-chart-scroll-container e-content')[0].scrollLeft;
                 this.parent.element.querySelector('.e-timeline-header-container').scrollLeft = currentScrollLeft;
             }

package/styles/fluent-dark.css

@@ -458,7 +458,7 @@
 .e-bigger .e-predecessor-tooltip .e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
   background-color: #000;
   border-color: #000;
-  color: #fff;
+  color: #1b1a19;
   font-size: 12px;
   line-height: 18px;
   padding: 0 8px 0 0;
@@ -466,7 +466,7 @@
 .e-bigger .e-predecessor-tooltip .e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type {
   background-color: #000;
   border-color: #000;
-  color: #fff;
+  color: #1b1a19;
   font-size: 12px;
   line-height: 18px;
   padding: 0 0 0 8px;
@@ -1446,7 +1446,7 @@
   border-radius: 4px;
 }
 .e-gantt .e-gantt-chart .e-collapse-parent .e-gantt-child-taskbar-inner-div {
-  border: 1px solid #fff;
+  border: 1px solid #1b1a19;
   border-bottom: 0;
   border-top: 0;
 }
@@ -1622,11 +1622,11 @@
   border-top-left-radius: 2px;
 }
 .e-gantt .e-gantt-chart .e-task-label {
-  color: #fff;
+  color: #1b1a19;
   font-size: 12px;
 }
 .e-gantt .e-gantt-chart .e-icon {
-  color: #fff;
+  color: #1b1a19;
 }
 .e-gantt .e-gantt-chart .e-milestone-top {
   border-bottom-color: #3b3a39;
@@ -1674,13 +1674,13 @@
   border-bottom-color: #292827;
 }
 .e-gantt .e-gantt-chart .e-downtail::after {
-  border-top-color: #fff;
+  border-top-color: #1b1a19;
 }
 .e-gantt .e-gantt-chart .e-downtail::before {
   border-top-color: #292827;
 }
 .e-gantt .e-gantt-chart .e-ganttpopup .e-content {
-  background-color: #fff;
+  background-color: #1b1a19;
   border-color: #292827;
 }
 .e-gantt .e-gantt-chart .e-spanclicked,
@@ -1819,7 +1819,7 @@
 .e-gantt.e-device .e-left-resize-gripper,
 .e-gantt.e-device .e-right-resize-gripper {
   border-color: #323130;
-  color: #fff;
+  color: #1b1a19;
 }
 .e-gantt.e-device .e-backarrowspan {
   color: #000;

package/styles/gantt/fluent-dark.css

@@ -458,7 +458,7 @@
 .e-bigger .e-predecessor-tooltip .e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
   background-color: #000;
   border-color: #000;
-  color: #fff;
+  color: #1b1a19;
   font-size: 12px;
   line-height: 18px;
   padding: 0 8px 0 0;
@@ -466,7 +466,7 @@
 .e-bigger .e-predecessor-tooltip .e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type {
   background-color: #000;
   border-color: #000;
-  color: #fff;
+  color: #1b1a19;
   font-size: 12px;
   line-height: 18px;
   padding: 0 0 0 8px;
@@ -1446,7 +1446,7 @@
   border-radius: 4px;
 }
 .e-gantt .e-gantt-chart .e-collapse-parent .e-gantt-child-taskbar-inner-div {
-  border: 1px solid #fff;
+  border: 1px solid #1b1a19;
   border-bottom: 0;
   border-top: 0;
 }
@@ -1622,11 +1622,11 @@
   border-top-left-radius: 2px;
 }
 .e-gantt .e-gantt-chart .e-task-label {
-  color: #fff;
+  color: #1b1a19;
   font-size: 12px;
 }
 .e-gantt .e-gantt-chart .e-icon {
-  color: #fff;
+  color: #1b1a19;
 }
 .e-gantt .e-gantt-chart .e-milestone-top {
   border-bottom-color: #3b3a39;
@@ -1674,13 +1674,13 @@
   border-bottom-color: #292827;
 }
 .e-gantt .e-gantt-chart .e-downtail::after {
-  border-top-color: #fff;
+  border-top-color: #1b1a19;
 }
 .e-gantt .e-gantt-chart .e-downtail::before {
   border-top-color: #292827;
 }
 .e-gantt .e-gantt-chart .e-ganttpopup .e-content {
-  background-color: #fff;
+  background-color: #1b1a19;
   border-color: #292827;
 }
 .e-gantt .e-gantt-chart .e-spanclicked,
@@ -1819,7 +1819,7 @@
 .e-gantt.e-device .e-left-resize-gripper,
 .e-gantt.e-device .e-right-resize-gripper {
   border-color: #323130;
-  color: #fff;
+  color: #1b1a19;
 }
 .e-gantt.e-device .e-backarrowspan {
   color: #000;