@syncfusion/ej2-gantt 20.2.43 → 20.2.46

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.2.43
+*  version : 20.2.46
 *  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@20.2.39",
+  "_id": "@syncfusion/ej2-gantt@20.2.45",
   "_inBundle": false,
-  "_integrity": "sha512-Hfi4X3srD9FkRRuV7ufhFNi79MR6Pc42eKiD9mkbote2zRiRjBppCutfyU2q745wbc+EFmFz7zoXA4/Za3Q6ww==",
+  "_integrity": "sha512-ajQDPydpNT3nPoQsgQbNvzpYTsTRNCTDPtZiSUAwNJvMOpc7kCnsctSdfoZlO2MUz3rIGiJUIHeLjIpCytU4rw==",
   "_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-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-20.2.39.tgz",
-  "_shasum": "04527bd8b9bd3a5b245fb2223dd6dc9c2ccd93c2",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-20.2.45.tgz",
+  "_shasum": "04dc5c6523a85ba8ecadcd80d6b9e43c7f202fd8",
   "_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.43",
-    "@syncfusion/ej2-buttons": "~20.2.43",
-    "@syncfusion/ej2-calendars": "~20.2.43",
-    "@syncfusion/ej2-data": "~20.2.43",
-    "@syncfusion/ej2-dropdowns": "~20.2.43",
-    "@syncfusion/ej2-grids": "~20.2.43",
-    "@syncfusion/ej2-inputs": "~20.2.43",
-    "@syncfusion/ej2-layouts": "~20.2.43",
-    "@syncfusion/ej2-lists": "~20.2.43",
-    "@syncfusion/ej2-navigations": "~20.2.43",
-    "@syncfusion/ej2-popups": "~20.2.43",
-    "@syncfusion/ej2-richtexteditor": "~20.2.43",
-    "@syncfusion/ej2-treegrid": "~20.2.43"
+    "@syncfusion/ej2-base": "~20.2.46",
+    "@syncfusion/ej2-buttons": "~20.2.46",
+    "@syncfusion/ej2-calendars": "~20.2.46",
+    "@syncfusion/ej2-data": "~20.2.45",
+    "@syncfusion/ej2-dropdowns": "~20.2.46",
+    "@syncfusion/ej2-grids": "~20.2.46",
+    "@syncfusion/ej2-inputs": "~20.2.45",
+    "@syncfusion/ej2-layouts": "~20.2.46",
+    "@syncfusion/ej2-lists": "~20.2.46",
+    "@syncfusion/ej2-navigations": "~20.2.46",
+    "@syncfusion/ej2-popups": "~20.2.45",
+    "@syncfusion/ej2-richtexteditor": "~20.2.46",
+    "@syncfusion/ej2-treegrid": "~20.2.46"
   },
   "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.43",
+  "version": "20.2.46",
   "sideEffects": false
 }

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

@@ -190,6 +190,9 @@ var CellEdit = /** @class */ (function () {
             this.parent.editModule.endEditAction(args);
         }
         this.isCellEdit = false;
+        if (!isNullOrUndefined(this.parent.editModule.cellEditModule.editedColumn)) {
+            this.parent.editModule.cellEditModule.editedColumn = null;
+        }
         if (!isNOU(this.parent.toolbarModule)) {
             this.parent.toolbarModule.refreshToolbarItems();
         }

package/src/gantt/actions/critical-path.js

@@ -1,5 +1,5 @@
 import { isNullOrUndefined } from "@syncfusion/ej2-base";
-import { addClass, removeClass } from '@syncfusion/ej2-base';
+import { addClass } from '@syncfusion/ej2-base';
 import * as cls from '../base/css-constants';
 var CriticalPath = /** @class */ (function () {
     function CriticalPath(parent) {
@@ -646,10 +646,7 @@ var CriticalPath = /** @class */ (function () {
     /* eslint-disable-next-line */
     CriticalPath.prototype.criticalConnectorLine = function (criticalPathIds, collection, condition, collectionTaskId) {
         var ganttChartElement = this.parent.ganttChartModule.chartElement;
-        removeClass(ganttChartElement.querySelectorAll('.e-gantt-child-taskbar-inner-div'), cls.criticalChildTaskBarInnerDiv);
-        removeClass(ganttChartElement.querySelectorAll('.e-gantt-child-progressbar-inner-div'), cls.criticalChildProgressBarInnerDiv);
-        removeClass(ganttChartElement.querySelectorAll('.e-milestone-top'), cls.criticalMilestoneTop);
-        removeClass(ganttChartElement.querySelectorAll('.e-milestone-bottom'), cls.criticalMilestoneBottom);
+        this.parent.removeCriticalPathStyles();
         for (var i = 0; i < criticalPathIds.length; i++) {
             var criticalData = void 0;
             if (this.parent.viewType === 'ProjectView') {
@@ -684,9 +681,6 @@ var CriticalPath = /** @class */ (function () {
                 }
             }
         }
-        removeClass(this.parent.element.querySelectorAll('.e-line'), cls.criticalConnectorLine);
-        removeClass(this.parent.element.querySelectorAll('.e-connector-line-right-arrow'), cls.criticalConnectorLineRightArrow);
-        removeClass(this.parent.element.querySelectorAll('.e-connector-line-left-arrow'), cls.criticalConnectorLineLeftArrow);
         if (collection.length !== 0) {
             var index = 0;
             var currentdata = void 0;

package/src/gantt/actions/edit.js

@@ -2663,7 +2663,7 @@ var Edit = /** @class */ (function () {
                     else {
                         if (_this.parent.viewType === 'ProjectView') {
                             if ((rowPosition === 'Top' || rowPosition === 'Bottom') ||
-                                ((rowPosition === 'Above' || rowPosition === 'Below' || rowPosition === 'Child') && !args.data.parentItem)) {
+                                ((rowPosition === 'Above' || rowPosition === 'Below' || rowPosition === 'Child') || isNullOrUndefined(rowPosition) && !args.data.parentItem)) {
                                 if (args.data instanceof Array) {
                                     _this.updateRealDataSource(args.data, rowPosition);
                                 }

package/src/gantt/actions/rowdragdrop.js

@@ -259,7 +259,7 @@ var RowDD = /** @class */ (function () {
                                 var currentData = this_1.parent.currentViewData.filter(function (e) {
                                     return e[uniqueTaskID_1] === ganttData_1[i_1][uniqueTaskID_1];
                                 })[0];
-                                if (currentData.index > droppedRecord.index) {
+                                if (currentData && currentData.index > droppedRecord.index) {
                                     endIndex = currentData.index;
                                     return "break";
                                 }
@@ -276,7 +276,7 @@ var RowDD = /** @class */ (function () {
                                 var currentData = this_1.parent.currentViewData.filter(function (e) {
                                     return e[uniqueTaskID_1] === ganttData_1[i_2][uniqueTaskID_1];
                                 })[0];
-                                if (currentData.index > draggedRecord.index) {
+                                if (currentData && currentData.index > draggedRecord.index) {
                                     endIndex = currentData.index;
                                     return "break";
                                 }

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

@@ -165,7 +165,7 @@ var DateProcessor = /** @class */ (function () {
             if (hour < this.parent.defaultStartTime) {
                 this.setTime(this.parent.defaultStartTime, cloneDate);
             }
-            else if (hour >= this.parent.defaultEndTime) {
+            else if (hour > this.parent.defaultEndTime) {
                 cloneDate.setDate(cloneDate.getDate() + 1);
                 this.setTime(this.parent.defaultStartTime, cloneDate);
             }

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

@@ -718,7 +718,7 @@ var GanttChart = /** @class */ (function () {
      * @private
      */
     GanttChart.prototype.expandedGanttRow = function (args) {
-        if (isNullOrUndefined(args['gridRow']) && this.parent.enableVirtualization) {
+        if ((isNullOrUndefined(args['gridRow']) && this.parent.enableVirtualization) || isNullOrUndefined(args['chartRow'])) {
             return;
         }
         var record = getValue('data', args);
@@ -963,7 +963,7 @@ var GanttChart = /** @class */ (function () {
                 if (isTab) {
                     if (this.parent.editSettings.allowNextRowEdit) {
                         var rowData = this.parent.currentViewData[this.focusedRowIndex];
-                        var columnName = this.parent.ganttColumns[nextElement.getAttribute('aria-colindex')].field;
+                        var columnName = this.parent.ganttColumns[nextElement.getAttribute('data-colindex')].field;
                         if (rowData.hasChildRecords) {
                             if (columnName === this.parent.taskFields.endDate || columnName ===
                                 this.parent.taskFields.duration || columnName === this.parent.taskFields.dependency ||
@@ -977,7 +977,9 @@ var GanttChart = /** @class */ (function () {
                             }
                             else {
                                 this.parent.treeGrid.grid.notify('key-pressed', e);
-                                this.parent.treeGrid.editCell(this.focusedRowIndex, columnName); // eslint-disable-line
+                                if (isInEditedState) {
+                                    this.parent.treeGrid.editCell(this.focusedRowIndex, columnName); // eslint-disable-line
+                                }
                             }
                         }
                         else {
@@ -1197,6 +1199,18 @@ var GanttChart = /** @class */ (function () {
                     childElement = element;
                 }
             }
+            if (element.classList.contains('e-right-label-temp-container') || element.classList.contains('e-left-label-temp-container') || element.classList.contains('e-indicator-span')) {
+                if (focus === 'add') {
+                    element.setAttribute('tabIndex', '0');
+                    addClass([element], 'e-active-container');
+                    element.focus();
+                }
+                else {
+                    removeClass([element], 'e-active-container');
+                    element.setAttribute('tabIndex', '-1');
+                    element.blur();
+                }
+            }
             if (focus === 'add' && !isNullOrUndefined(childElement)) {
                 element.setAttribute('tabIndex', '0');
                 addClass([childElement], 'e-active-container');

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

@@ -1297,6 +1297,7 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
      * @private
      */
     renderGantt(isChange?: boolean): void;
+    removeCriticalPathStyles(): void;
     private wireEvents;
     /**
      * Method trigger while user perform window resize.

package/src/gantt/base/gantt.js

@@ -418,6 +418,16 @@ var Gantt = /** @class */ (function (_super) {
             this.renderChartVerticalLines();
         }
     };
+    Gantt.prototype.removeCriticalPathStyles = function () {
+        var ganttChartElement = this.ganttChartModule.chartElement;
+        removeClass(ganttChartElement.querySelectorAll('.e-gantt-child-taskbar-inner-div'), cls.criticalChildTaskBarInnerDiv);
+        removeClass(ganttChartElement.querySelectorAll('.e-gantt-child-progressbar-inner-div'), cls.criticalChildProgressBarInnerDiv);
+        removeClass(ganttChartElement.querySelectorAll('.e-milestone-top'), cls.criticalMilestoneTop);
+        removeClass(ganttChartElement.querySelectorAll('.e-milestone-bottom'), cls.criticalMilestoneBottom);
+        removeClass(this.element.querySelectorAll('.e-line'), cls.criticalConnectorLine);
+        removeClass(this.element.querySelectorAll('.e-connector-line-right-arrow'), cls.criticalConnectorLineRightArrow);
+        removeClass(this.element.querySelectorAll('.e-connector-line-left-arrow'), cls.criticalConnectorLineLeftArrow);
+    };
     Gantt.prototype.wireEvents = function () {
         if (this.allowKeyboard) {
             this.keyboardModule = new KeyboardEvents(this.element, {
@@ -581,139 +591,140 @@ var Gantt = /** @class */ (function (_super) {
      * @private
      */
     Gantt.prototype.getZoomingLevels = function () {
+        var _WeekStartDay = this.timelineSettings.weekStartDay;
         var zoomingLevels = [
             {
                 topTier: { unit: 'Year', format: 'yyyy', count: 50 },
                 bottomTier: { unit: 'Year', format: 'yyyy', count: 10 }, timelineUnitSize: 99, level: 0,
-                timelineViewMode: 'Year', weekStartDay: 0, updateTimescaleView: true, weekendBackground: null, showTooltip: true
+                timelineViewMode: 'Year', weekStartDay: _WeekStartDay, updateTimescaleView: true, weekendBackground: null, showTooltip: true
             },
             {
                 topTier: { unit: 'Year', format: 'yyyy', count: 20 },
                 bottomTier: { unit: 'Year', format: 'yyyy', count: 5 }, timelineUnitSize: 99, level: 1,
-                timelineViewMode: 'Year', weekStartDay: 0, updateTimescaleView: true, weekendBackground: null, showTooltip: true
+                timelineViewMode: 'Year', weekStartDay: _WeekStartDay, updateTimescaleView: true, weekendBackground: null, showTooltip: true
             },
             {
                 topTier: { unit: 'Year', format: 'yyyy', count: 5 },
                 bottomTier: { unit: 'Year', format: 'yyyy', count: 1 }, timelineUnitSize: 99, level: 2,
-                timelineViewMode: 'Year', weekStartDay: 0, updateTimescaleView: true, weekendBackground: null, showTooltip: true
+                timelineViewMode: 'Year', weekStartDay: _WeekStartDay, updateTimescaleView: true, weekendBackground: null, showTooltip: true
             },
             {
                 topTier: { unit: 'Year', format: 'MMM, yy', count: 1 },
                 bottomTier: {
                     unit: 'Month', formatter: this.displayHalfValue, count: 6
                 }, timelineUnitSize: 66, level: 3,
-                timelineViewMode: 'Year', weekStartDay: 0, updateTimescaleView: true, weekendBackground: null, showTooltip: true
+                timelineViewMode: 'Year', weekStartDay: _WeekStartDay, updateTimescaleView: true, weekendBackground: null, showTooltip: true
             },
             {
                 topTier: { unit: 'Year', format: 'MMM, yy', count: 1 },
                 bottomTier: {
                     unit: 'Month', formatter: this.displayHalfValue, count: 6
                 }, timelineUnitSize: 99, level: 4,
-                timelineViewMode: 'Year', weekStartDay: 0, updateTimescaleView: true, weekendBackground: null, showTooltip: true
+                timelineViewMode: 'Year', weekStartDay: _WeekStartDay, updateTimescaleView: true, weekendBackground: null, showTooltip: true
             },
             {
                 topTier: { unit: 'Year', format: 'MMM, yy', count: 1 },
                 bottomTier: {
                     unit: 'Month', formatter: this.displayQuarterValue, count: 3
                 }, timelineUnitSize: 66, level: 5,
-                timelineViewMode: 'Year', weekStartDay: 0, updateTimescaleView: true, weekendBackground: null, showTooltip: true
+                timelineViewMode: 'Year', weekStartDay: _WeekStartDay, updateTimescaleView: true, weekendBackground: null, showTooltip: true
             },
             {
                 topTier: { unit: 'Year', format: 'yyyy', count: 1 },
                 bottomTier: {
                     unit: 'Month', formatter: this.displayQuarterValue, count: 3
                 }, timelineUnitSize: 99, level: 6,
-                timelineViewMode: 'Year', weekStartDay: 0, updateTimescaleView: true, weekendBackground: null, showTooltip: true
+                timelineViewMode: 'Year', weekStartDay: _WeekStartDay, updateTimescaleView: true, weekendBackground: null, showTooltip: true
             },
             {
                 topTier: { unit: 'Year', format: 'yyyy', count: 1 },
                 bottomTier: { unit: 'Month', format: 'MMM yyyy', count: 1 }, timelineUnitSize: 99, level: 7,
-                timelineViewMode: 'Year', weekStartDay: 0, updateTimescaleView: true, weekendBackground: null, showTooltip: true
+                timelineViewMode: 'Year', weekStartDay: _WeekStartDay, updateTimescaleView: true, weekendBackground: null, showTooltip: true
             },
             {
                 topTier: { unit: 'Month', format: 'MMM, yy', count: 1 },
                 bottomTier: { unit: 'Week', format: 'dd', count: 1 }, timelineUnitSize: 33, level: 8,
-                timelineViewMode: 'Month', weekStartDay: 0, updateTimescaleView: true, weekendBackground: null, showTooltip: true
+                timelineViewMode: 'Month', weekStartDay: _WeekStartDay, updateTimescaleView: true, weekendBackground: null, showTooltip: true
             },
             {
                 topTier: { unit: 'Month', format: 'MMM, yyyy', count: 1 },
                 bottomTier: { unit: 'Week', format: 'dd MMM', count: 1 }, timelineUnitSize: 66, level: 9,
-                timelineViewMode: 'Month', weekStartDay: 0, updateTimescaleView: true, weekendBackground: null, showTooltip: true
+                timelineViewMode: 'Month', weekStartDay: _WeekStartDay, updateTimescaleView: true, weekendBackground: null, showTooltip: true
             },
             {
                 topTier: { unit: 'Month', format: 'MMM, yyyy', count: 1 },
                 bottomTier: { unit: 'Week', format: 'dd MMM', count: 1 }, timelineUnitSize: 99, level: 10,
-                timelineViewMode: 'Month', weekStartDay: 0, updateTimescaleView: true, weekendBackground: null, showTooltip: true
+                timelineViewMode: 'Month', weekStartDay: _WeekStartDay, updateTimescaleView: true, weekendBackground: null, showTooltip: true
             },
             {
                 topTier: { unit: 'Week', format: 'MMM dd, yyyy', count: 1 },
                 bottomTier: { unit: 'Day', format: 'd', count: 1 }, timelineUnitSize: 33, level: 11,
-                timelineViewMode: 'Week', weekStartDay: 0, updateTimescaleView: true, weekendBackground: null, showTooltip: true
+                timelineViewMode: 'Week', weekStartDay: _WeekStartDay, updateTimescaleView: true, weekendBackground: null, showTooltip: true
             },
             {
                 topTier: { unit: 'Week', format: 'MMM dd, yyyy', count: 1 },
                 bottomTier: { unit: 'Day', format: 'd', count: 1 }, timelineUnitSize: 66, level: 12,
-                timelineViewMode: 'Week', weekStartDay: 0, updateTimescaleView: true, weekendBackground: null, showTooltip: true
+                timelineViewMode: 'Week', weekStartDay: _WeekStartDay, updateTimescaleView: true, weekendBackground: null, showTooltip: true
             },
             {
                 topTier: { unit: 'Week', format: 'MMM dd, yyyy', count: 1 },
                 bottomTier: { unit: 'Day', format: 'd', count: 1 }, timelineUnitSize: 99, level: 13,
-                timelineViewMode: 'Week', weekStartDay: 0, updateTimescaleView: true, weekendBackground: null, showTooltip: true
+                timelineViewMode: 'Week', weekStartDay: _WeekStartDay, updateTimescaleView: true, weekendBackground: null, showTooltip: true
             },
             {
                 topTier: { unit: 'Day', format: 'E dd yyyy', count: 1 },
                 bottomTier: { unit: 'Hour', format: 'hh a', count: 12 }, timelineUnitSize: 66, level: 14,
-                timelineViewMode: 'Day', weekStartDay: 0, updateTimescaleView: true, weekendBackground: null, showTooltip: true
+                timelineViewMode: 'Day', weekStartDay: _WeekStartDay, updateTimescaleView: true, weekendBackground: null, showTooltip: true
             },
             {
                 topTier: { unit: 'Day', format: 'E dd yyyy', count: 1 },
                 bottomTier: { unit: 'Hour', format: 'hh a', count: 12 }, timelineUnitSize: 99, level: 15,
-                timelineViewMode: 'Day', weekStartDay: 0, updateTimescaleView: true, weekendBackground: null, showTooltip: true
+                timelineViewMode: 'Day', weekStartDay: _WeekStartDay, updateTimescaleView: true, weekendBackground: null, showTooltip: true
             },
             {
                 topTier: { unit: 'Day', format: 'E dd yyyy', count: 1 },
                 bottomTier: { unit: 'Hour', format: 'hh a', count: 6 }, timelineUnitSize: 66, level: 16,
-                timelineViewMode: 'Day', weekStartDay: 0, updateTimescaleView: true, weekendBackground: null, showTooltip: true
+                timelineViewMode: 'Day', weekStartDay: _WeekStartDay, updateTimescaleView: true, weekendBackground: null, showTooltip: true
             },
             {
                 topTier: { unit: 'Day', format: 'E dd yyyy', count: 1 },
                 bottomTier: { unit: 'Hour', format: 'hh a', count: 6 }, timelineUnitSize: 99, level: 17,
-                timelineViewMode: 'Day', weekStartDay: 0, updateTimescaleView: true, weekendBackground: null, showTooltip: true
+                timelineViewMode: 'Day', weekStartDay: _WeekStartDay, updateTimescaleView: true, weekendBackground: null, showTooltip: true
             },
             {
                 topTier: { unit: 'Day', format: 'E dd yyyy', count: 1 },
                 bottomTier: { unit: 'Hour', format: 'hh a', count: 2 }, timelineUnitSize: 66, level: 18,
-                timelineViewMode: 'Day', weekStartDay: 0, updateTimescaleView: true, weekendBackground: null, showTooltip: true
+                timelineViewMode: 'Day', weekStartDay: _WeekStartDay, updateTimescaleView: true, weekendBackground: null, showTooltip: true
             },
             {
                 topTier: { unit: 'Day', format: 'E dd yyyy', count: 1 },
                 bottomTier: { unit: 'Hour', format: 'hh a', count: 2 }, timelineUnitSize: 99, level: 19,
-                timelineViewMode: 'Day', weekStartDay: 0, updateTimescaleView: true, weekendBackground: null, showTooltip: true
+                timelineViewMode: 'Day', weekStartDay: _WeekStartDay, updateTimescaleView: true, weekendBackground: null, showTooltip: true
             },
             {
                 topTier: { unit: 'Day', format: 'E dd yyyy', count: 1 },
                 bottomTier: { unit: 'Hour', format: 'hh a', count: 1 }, timelineUnitSize: 66, level: 20,
-                timelineViewMode: 'Day', weekStartDay: 0, updateTimescaleView: true, weekendBackground: null, showTooltip: true
+                timelineViewMode: 'Day', weekStartDay: _WeekStartDay, updateTimescaleView: true, weekendBackground: null, showTooltip: true
             },
             {
                 topTier: { unit: 'Day', format: 'E dd yyyy', count: 1 },
                 bottomTier: { unit: 'Hour', format: 'hh a', count: 1 }, timelineUnitSize: 99, level: 21,
-                timelineViewMode: 'Day', weekStartDay: 0, updateTimescaleView: true, weekendBackground: null, showTooltip: true
+                timelineViewMode: 'Day', weekStartDay: _WeekStartDay, updateTimescaleView: true, weekendBackground: null, showTooltip: true
             },
             {
                 topTier: { unit: 'Hour', format: 'ddd MMM, h a', count: 1 },
                 bottomTier: { unit: 'Minutes', format: 'mm', count: 30 }, timelineUnitSize: 66, level: 22,
-                timelineViewMode: 'Hour', weekStartDay: 0, updateTimescaleView: true, weekendBackground: null, showTooltip: true
+                timelineViewMode: 'Hour', weekStartDay: _WeekStartDay, updateTimescaleView: true, weekendBackground: null, showTooltip: true
             },
             {
                 topTier: { unit: 'Hour', format: 'ddd MMM, h a', count: 1 },
                 bottomTier: { unit: 'Minutes', format: 'mm', count: 15 }, timelineUnitSize: 66, level: 23,
-                timelineViewMode: 'Hour', weekStartDay: 0, updateTimescaleView: true, weekendBackground: null, showTooltip: true
+                timelineViewMode: 'Hour', weekStartDay: _WeekStartDay, updateTimescaleView: true, weekendBackground: null, showTooltip: true
             },
             {
                 topTier: { unit: 'Hour', format: 'ddd MMM, h a', count: 1 },
                 bottomTier: { unit: 'Minutes', format: 'mm', count: 1 }, timelineUnitSize: 66, level: 24,
-                timelineViewMode: 'Hour', weekStartDay: 0, updateTimescaleView: true, weekendBackground: null, showTooltip: true
+                timelineViewMode: 'Hour', weekStartDay: _WeekStartDay, updateTimescaleView: true, weekendBackground: null, showTooltip: true
             }
         ];
         return zoomingLevels;
@@ -960,9 +971,18 @@ var Gantt = /** @class */ (function (_super) {
                     }
                     break;
                 case 'timezone':
-                case 'enableCriticalPath':
                     this.dataOperation.checkDataBinding(true);
                     break;
+                case 'enableCriticalPath':
+                    if (this.enableCriticalPath && this.criticalPathModule) {
+                        this.criticalPathModule.showCriticalPath(this.enableCriticalPath);
+                        var criticalModule = this.criticalPathModule;
+                        this.criticalPathModule.criticalConnectorLine(criticalModule.criticalPathCollection, criticalModule.detailPredecessorCollection, true, criticalModule.predecessorCollectionTaskIds);
+                    }
+                    else {
+                        this.removeCriticalPathStyles();
+                    }
+                    break;
                 case 'filterSettings':
                     this.treeGrid.filterSettings = getActualProperties(this.filterSettings);
                     this.treeGrid.dataBind();

package/src/gantt/base/splitter.js

@@ -61,7 +61,9 @@ var Splitter = /** @class */ (function () {
                         _this.splitterObject.paneSettings[1].size = null;
                         _this.splitterObject.paneSettings[1].size = _this.getSpliterPositionInPercentage(_this.splitterPreviousPositionChart);
                     }
-                    _this.parent.timelineModule.updateTimelineAfterZooming(_this.parent.timelineModule.timelineEndDate, true);
+                    if (isNullOrUndefined(_this.parent.projectEndDate)) {
+                        _this.parent.timelineModule.updateTimelineAfterZooming(_this.parent.timelineModule.timelineEndDate, true);
+                    }
                     callBackPromise.resolve(splitterResizedArgs);
                 });
                 return callBackPromise;

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

@@ -376,7 +376,10 @@ var TaskProcessor = /** @class */ (function (_super) {
             this.setTime(this.parent.defaultEndTime, baselineEndDate);
         }
         if ((ganttProperties.baselineStartDate && baselineEndDate &&
-            (ganttProperties.baselineStartDate.getTime() > baselineEndDate.getTime())) || ganttProperties.isMilestone) {
+            (ganttProperties.baselineStartDate.getTime() > baselineEndDate.getTime())) ||
+            ((!isNullOrUndefined(ganttProperties.baselineStartDate) && !isNullOrUndefined(ganttProperties.startDate) && (ganttProperties.baselineStartDate.getTime() === ganttProperties.startDate.getTime()))
+                && (!isNullOrUndefined(baselineEndDate) && !isNullOrUndefined(ganttProperties.endDate) && (baselineEndDate.toLocaleDateString() === ganttProperties.endDate.toLocaleDateString())) &&
+                ganttProperties.isMilestone)) {
             baselineEndDate = ganttProperties.baselineStartDate;
         }
         this.parent.setRecordValue('baselineEndDate', this.checkBaselineEndDate(baselineEndDate, ganttProperties), ganttProperties, true);

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

@@ -1331,7 +1331,10 @@ var ChartRows = /** @class */ (function (_super) {
             }
             if (this.parent.renderBaseline && this.templateData.ganttProperties.baselineStartDate &&
                 this.templateData.ganttProperties.baselineEndDate) {
-                taskBaselineTemplateNode = this.getTaskBaselineNode();
+                taskBaselineTemplateNode = ((!isNullOrUndefined(this.templateData.ganttProperties.baselineStartDate) && !isNullOrUndefined(this.templateData.ganttProperties.startDate) && (this.templateData.ganttProperties.baselineStartDate.getTime() === this.templateData.ganttProperties.startDate.getTime()))
+                    && (!isNullOrUndefined(this.templateData.ganttProperties.baselineEndDate) && !isNullOrUndefined(this.templateData.ganttProperties.endDate) && (this.templateData.ganttProperties.baselineEndDate.toLocaleDateString() === this.templateData.ganttProperties.endDate.toLocaleDateString())) &&
+                    this.templateData.ganttProperties.isMilestone)
+                    ? this.getMilestoneBaselineNode() : this.getTaskBaselineNode();
             }
         }
         else if (this.templateData.ganttProperties.isMilestone) {
@@ -1341,7 +1344,10 @@ var ChartRows = /** @class */ (function (_super) {
             }
             if (this.parent.renderBaseline && this.templateData.ganttProperties.baselineStartDate &&
                 this.templateData.ganttProperties.baselineEndDate) {
-                taskBaselineTemplateNode = this.getMilestoneBaselineNode();
+                taskBaselineTemplateNode = ((!isNullOrUndefined(this.templateData.ganttProperties.baselineStartDate) && !isNullOrUndefined(this.templateData.ganttProperties.startDate) && (this.templateData.ganttProperties.baselineStartDate.getTime() === this.templateData.ganttProperties.startDate.getTime()))
+                    && (!isNullOrUndefined(this.templateData.ganttProperties.baselineEndDate) && !isNullOrUndefined(this.templateData.ganttProperties.endDate) && (this.templateData.ganttProperties.baselineEndDate.toLocaleDateString() === this.templateData.ganttProperties.endDate.toLocaleDateString())) &&
+                    this.templateData.ganttProperties.isMilestone)
+                    ? this.getMilestoneBaselineNode() : this.getTaskBaselineNode();
             }
         }
         else {
@@ -1386,7 +1392,10 @@ var ChartRows = /** @class */ (function (_super) {
             }
             if (this.parent.renderBaseline && this.templateData.ganttProperties.baselineStartDate &&
                 this.templateData.ganttProperties.baselineEndDate) {
-                taskBaselineTemplateNode = this.getTaskBaselineNode();
+                taskBaselineTemplateNode = ((!isNullOrUndefined(this.templateData.ganttProperties.baselineStartDate) && !isNullOrUndefined(this.templateData.ganttProperties.startDate) && (this.templateData.ganttProperties.baselineStartDate.getTime() === this.templateData.ganttProperties.startDate.getTime()))
+                    && (!isNullOrUndefined(this.templateData.ganttProperties.baselineEndDate) && !isNullOrUndefined(this.templateData.ganttProperties.endDate) && (this.templateData.ganttProperties.baselineEndDate.toLocaleDateString() === this.templateData.ganttProperties.endDate.toLocaleDateString())) &&
+                    this.templateData.ganttProperties.isMilestone)
+                    ? this.getMilestoneBaselineNode() : this.getTaskBaselineNode();
             }
         }
         if (!this.templateData.hasChildRecords) {

package/src/gantt/renderer/timeline.js

@@ -921,7 +921,7 @@ var Timeline = /** @class */ (function () {
                 endDate.setHours(24, 0, 0, 0);
             }
         }
-        if (this.isZooming || this.parent.isLoad) {
+        if ((this.isZooming || this.parent.isLoad) && isNullOrUndefined(this.parent.projectEndDate)) {
             this.updateTimelineAfterZooming(endDate, false);
         }
         return endDate;

package/styles/bootstrap-dark.css

@@ -621,14 +621,13 @@
 }
 .e-gantt .e-gantt-chart .e-timeline-header-container {
   border-bottom-style: solid;
-  border-right-width: 0;
+  border-right: 1px solid;
   overflow: hidden;
   position: relative;
   z-index: 6;
 }
 .e-gantt .e-gantt-chart .e-timeline-header-table-container > thead > tr > th {
   border-left: 0;
-  padding: 0 3px;
 }
 .e-gantt .e-gantt-chart .e-timeline-header-table-container {
   border-collapse: collapse;
@@ -680,7 +679,7 @@
 }
 .e-gantt .e-gantt-chart .e-timeline-top-header-cell .e-gantt-top-cell-text,
 .e-gantt .e-gantt-chart .e-timeline-single-header-cell .e-gantt-top-cell-text {
-  padding-left: 8px;
+  padding-left: 11px;
   text-align: left;
 }
 .e-gantt .e-gantt-chart .e-gantt-grid-lines {
@@ -784,7 +783,7 @@
 .e-gantt .e-gantt-chart .e-indicator-span {
   display: inline-block;
   font-size: 13px;
-  font-weight: 400;
+  font-weight: normal;
   overflow: hidden;
   position: absolute;
   text-overflow: ellipsis;
@@ -1177,6 +1176,7 @@
 .e-gantt-dialog .e-richtexteditor .e-rte-content {
   border-bottom-width: 0px;
   height: 200px;
+  overflow: hidden;
 }
 .e-gantt-dialog > .e-dlg-content {
   padding: 0 !important;

package/styles/bootstrap.css

@@ -765,14 +765,13 @@
 }
 .e-gantt .e-gantt-chart .e-timeline-header-container {
   border-bottom-style: solid;
-  border-right-width: 0;
+  border-right: 1px solid;
   overflow: hidden;
   position: relative;
   z-index: 6;
 }
 .e-gantt .e-gantt-chart .e-timeline-header-table-container > thead > tr > th {
   border-left: 0;
-  padding: 0 3px;
 }
 .e-gantt .e-gantt-chart .e-timeline-header-table-container {
   border-collapse: collapse;
@@ -824,7 +823,7 @@
 }
 .e-gantt .e-gantt-chart .e-timeline-top-header-cell .e-gantt-top-cell-text,
 .e-gantt .e-gantt-chart .e-timeline-single-header-cell .e-gantt-top-cell-text {
-  padding-left: 8px;
+  padding-left: 11px;
   text-align: left;
 }
 .e-gantt .e-gantt-chart .e-gantt-grid-lines {
@@ -928,7 +927,7 @@
 .e-gantt .e-gantt-chart .e-indicator-span {
   display: inline-block;
   font-size: 13px;
-  font-weight: 400;
+  font-weight: normal;
   overflow: hidden;
   position: absolute;
   text-overflow: ellipsis;
@@ -1321,6 +1320,7 @@
 .e-gantt-dialog .e-richtexteditor .e-rte-content {
   border-bottom-width: 0px;
   height: 200px;
+  overflow: hidden;
 }
 .e-gantt-dialog > .e-dlg-content {
   padding: 0 !important;

package/styles/bootstrap4.css

@@ -948,14 +948,13 @@
 }
 .e-gantt .e-gantt-chart .e-timeline-header-container {
   border-bottom-style: solid;
-  border-right-width: 0;
+  border-right: 1px solid;
   overflow: hidden;
   position: relative;
   z-index: 6;
 }
 .e-gantt .e-gantt-chart .e-timeline-header-table-container > thead > tr > th {
   border-left: 0;
-  padding: 0 3px;
 }
 .e-gantt .e-gantt-chart .e-timeline-header-table-container {
   border-collapse: collapse;
@@ -1007,7 +1006,7 @@
 }
 .e-gantt .e-gantt-chart .e-timeline-top-header-cell .e-gantt-top-cell-text,
 .e-gantt .e-gantt-chart .e-timeline-single-header-cell .e-gantt-top-cell-text {
-  padding-left: 8px;
+  padding-left: 11px;
   text-align: left;
 }
 .e-gantt .e-gantt-chart .e-gantt-grid-lines {
@@ -1111,7 +1110,7 @@
 .e-gantt .e-gantt-chart .e-indicator-span {
   display: inline-block;
   font-size: 13px;
-  font-weight: 400;
+  font-weight: normal;
   overflow: hidden;
   position: absolute;
   text-overflow: ellipsis;
@@ -1504,6 +1503,7 @@
 .e-gantt-dialog .e-richtexteditor .e-rte-content {
   border-bottom-width: 0px;
   height: 200px;
+  overflow: hidden;
 }
 .e-gantt-dialog > .e-dlg-content {
   padding: 0 !important;