@syncfusion/ej2-gantt 20.4.38 → 20.4.40

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.4.38
+*  version : 20.4.40
 *  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.15.5",
+  "_id": "@syncfusion/ej2-gantt@20.4.38",
   "_inBundle": false,
-  "_integrity": "sha512-8nxolLMuBdFBnZtSPWBRdiHp0cZzFYElVPtPP/YgzzEs+T4RA0CtROz8JIWe5TQDAMoFtHCwWcOcT7GgG0IwDA==",
+  "_integrity": "sha512-gM3+JGYvnZSVOGkpAFz5ejlVskHwO7+pntVfsAGK2ActwYhfGVni370TiBV5LKVb3T2WqpjXJLZKntsgliTfvw==",
   "_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-release/@syncfusion/ej2-gantt/-/ej2-gantt-20.15.5.tgz",
-  "_shasum": "227225e240e8cf836cb9fac39c980c2a145f85dd",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-20.4.38.tgz",
+  "_shasum": "a3b7546d7d13d249db1ea0e2c4de3b709ee59521",
   "_spec": "@syncfusion/ej2-gantt@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -35,37 +35,34 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.4.38",
-    "@syncfusion/ej2-buttons": "~20.4.38",
-    "@syncfusion/ej2-calendars": "~20.4.38",
-    "@syncfusion/ej2-data": "~20.4.38",
-    "@syncfusion/ej2-dropdowns": "~20.4.38",
-    "@syncfusion/ej2-grids": "~20.4.38",
-    "@syncfusion/ej2-inputs": "~20.4.38",
-    "@syncfusion/ej2-layouts": "~20.4.38",
-    "@syncfusion/ej2-lists": "~20.4.38",
-    "@syncfusion/ej2-navigations": "~20.4.38",
-    "@syncfusion/ej2-notifications": "~20.4.38",
-    "@syncfusion/ej2-popups": "~20.4.38",
-    "@syncfusion/ej2-richtexteditor": "~20.4.38",
-    "@syncfusion/ej2-treegrid": "~20.4.38"
+    "@syncfusion/ej2-base": "~20.4.40",
+    "@syncfusion/ej2-buttons": "~20.4.40",
+    "@syncfusion/ej2-calendars": "~20.4.40",
+    "@syncfusion/ej2-data": "~20.4.40",
+    "@syncfusion/ej2-dropdowns": "~20.4.40",
+    "@syncfusion/ej2-grids": "~20.4.40",
+    "@syncfusion/ej2-inputs": "~20.4.40",
+    "@syncfusion/ej2-layouts": "~20.4.40",
+    "@syncfusion/ej2-lists": "~20.4.40",
+    "@syncfusion/ej2-navigations": "~20.4.40",
+    "@syncfusion/ej2-notifications": "~20.4.40",
+    "@syncfusion/ej2-popups": "~20.4.40",
+    "@syncfusion/ej2-richtexteditor": "~20.4.40",
+    "@syncfusion/ej2-treegrid": "~20.4.40"
   },
   "deprecated": false,
   "description": "Essential JS 2 Gantt Component",
   "devDependencies": {},
   "es2015": "./dist/es6/ej2-gantt.es5.js",
-  "homepage": "https://github.com/syncfusion/ej2-gantt#readme",
+  "homepage": "https://www.syncfusion.com/javascript-ui-controls",
   "keywords": [
     "ej2",
     "syncfusion",
-    "ej2-gantt",
-    "web-components",
     "JavaScript",
     "TypeScript",
     "gantt",
-    "ganttChart",
     "gantt-chart",
-    "taskbar"
+    "project-management"
   ],
   "license": "SEE LICENSE IN license",
   "main": "./dist/ej2-gantt.umd.min.js",
@@ -76,6 +73,6 @@
     "url": "git+https://github.com/syncfusion/ej2-gantt.git"
   },
   "typings": "index.d.ts",
-  "version": "20.4.38",
+  "version": "20.4.40",
   "sideEffects": false
 }

package/src/gantt/actions/dependency.js

@@ -370,9 +370,9 @@ var Dependency = /** @class */ (function () {
         var flatData = this.parent.flatData;
         var totLength = this.parent.flatData.length;
         for (var count = 0; count < totLength; count++) {
-            if (flatData[count].ganttProperties.predecessor) {
+            if (flatData[count].ganttProperties.predecessorsName) {
                 this.validatePredecessorDates(flatData[count]);
-                if (flatData[count].hasChildRecords && this.parent.editModule) {
+                if (flatData[count].hasChildRecords && this.parent.editModule && !this.parent.allowUnscheduledTasks) {
                     this.parent.editModule['updateChildItems'](flatData[count]);
                 }
             }
@@ -384,6 +384,9 @@ var Dependency = /** @class */ (function () {
             for (var i = parentPredecessorLength - 1; i >= 0; i--) {
                 var item = this.parentPredecessors[i];
                 this.validatePredecessorDates(item);
+                if (item.ganttProperties.startDate) {
+                    this.parent.editModule['updateChildItems'](item);
+                }
             }
         }
     };

package/src/gantt/base/gantt.js

@@ -2316,18 +2316,24 @@ var Gantt = /** @class */ (function (_super) {
      */
     /* eslint-disable-next-line */
     Gantt.prototype.setRecordValue = function (field, value, record, isTaskData) {
+        value = isUndefined(value) ? null : value;
         if (this.isOnEdit || this.isOnDelete) {
             this.makeCloneData(field, record, isTaskData);
-            var id = isTaskData ? record.rowUniqueID : record.ganttProperties.rowUniqueID;
+            var ganttData = isTaskData ? record : record.ganttProperties;
+            var id = ganttData.rowUniqueID;
             var task = this.getRecordByID(id);
-            if (task && this.editedRecords.indexOf(task) === -1) {
+            var isValid = false;
+            if (isNullOrUndefined(value) || (!isNullOrUndefined(value) && !isNullOrUndefined(ganttData[field]) && (value instanceof Date ? value.getTime() !==
+                ganttData[field].getTime() : ganttData[field] !== value))) {
+                isValid = true;
+            }
+            if (task && ((this.editedRecords.indexOf(task) === -1 && isValid) || this.editedRecords.length === 0)) {
                 this.editedRecords.push(task);
                 if (this.enableImmutableMode) {
                     this.modifiedRecords.push(task);
                 }
             }
         }
-        value = isUndefined(value) ? null : value;
         setValue(field, value, record);
     };
     Gantt.prototype.makeCloneData = function (field, record, isTaskData) {

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

@@ -1058,7 +1058,7 @@ var TaskProcessor = /** @class */ (function (_super) {
         }
         else if (endDate) {
             sDate = new Date(endDate.getTime());
-            milestone = true;
+            milestone = isNullOrUndefined(startDate) && this.parent.allowUnscheduledTasks ? false : true;
         }
         else {
             sDate = this.getValidStartDate(ganttProp);
@@ -1181,6 +1181,9 @@ var TaskProcessor = /** @class */ (function (_super) {
             else if (isMilestone && this.getSecondsInDecimal(date) === this.parent.defaultEndTime) {
                 date.setHours(24);
             }
+            else if (this.getSecondsInDecimal(date) === this.parent.defaultEndTime && this.parent.allowUnscheduledTasks) {
+                date.setHours(22);
+            }
         }
         var timelineStartDate = this.parent.timelineModule.timelineStartDate;
         if (timelineStartDate) {
@@ -2161,7 +2164,12 @@ var TaskProcessor = /** @class */ (function (_super) {
                 durationInDay = (childGanttRecord.ganttProperties.duration / (this.parent.secondsPerDay / 60));
                 break;
             default:
-                durationInDay = childGanttRecord.ganttProperties.duration;
+                if (childGanttRecord.ganttProperties.duration < 1) {
+                    durationInDay = (childGanttRecord.ganttProperties.duration / (this.parent.secondsPerDay / 3600));
+                }
+                else {
+                    durationInDay = childGanttRecord.ganttProperties.duration;
+                }
         }
         if (childGanttRecord.hasChildRecords) {
             setValue('totalProgress', childGanttRecord.ganttProperties.totalProgress, progressValues);
@@ -2238,7 +2246,13 @@ var TaskProcessor = /** @class */ (function (_super) {
                 if (!childData.ganttProperties.isMilestone && isScheduledTask(childData.ganttProperties)) {
                     progressValues = this.getParentProgress(childData);
                     totalProgress += getValue('totalProgress', progressValues);
-                    totalDuration += getValue('totalDuration', progressValues);
+                    if (childData[this.parent.taskFields.duration] < 1) {
+                        totalDuration += getValue('totalDuration', progressValues);
+                        totalDuration = Number(totalDuration.toFixed(4));
+                    }
+                    else {
+                        totalDuration += getValue('totalDuration', progressValues);
+                    }
                 }
                 else {
                     milestoneCount++;

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

@@ -1284,6 +1284,7 @@ var ChartRows = /** @class */ (function (_super) {
             }
             this.parent.ganttChartModule.renderRangeContainer(this.parent.currentViewData);
         }
+        this.parent.ganttChartModule.updateLastRowBottomWidth();
     };
     /**
      * To render taskbars.
@@ -1392,9 +1393,9 @@ var ChartRows = /** @class */ (function (_super) {
             }
             if (this.parent.renderBaseline && this.templateData.ganttProperties.baselineStartDate &&
                 this.templateData.ganttProperties.baselineEndDate) {
-                taskBaselineTemplateNode = ((!isNullOrUndefined(this.templateData.ganttProperties.baselineStartDate) && !isNullOrUndefined(this.templateData.ganttProperties.startDate) && (this.templateData.ganttProperties.baselineStartDate.getTime() === this.templateData.ganttProperties.startDate.getTime()))
+                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()))
                     && (!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.templateData.ganttProperties.isMilestone))
                     ? this.getMilestoneBaselineNode() : this.getTaskBaselineNode();
             }
         }
@@ -1405,9 +1406,9 @@ var ChartRows = /** @class */ (function (_super) {
             }
             if (this.parent.renderBaseline && this.templateData.ganttProperties.baselineStartDate &&
                 this.templateData.ganttProperties.baselineEndDate) {
-                taskBaselineTemplateNode = ((!isNullOrUndefined(this.templateData.ganttProperties.baselineStartDate) && !isNullOrUndefined(this.templateData.ganttProperties.startDate) && (this.templateData.ganttProperties.baselineStartDate.getTime() === this.templateData.ganttProperties.startDate.getTime()))
+                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()))
                     && (!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.templateData.ganttProperties.isMilestone))
                     ? this.getMilestoneBaselineNode() : this.getTaskBaselineNode();
             }
         }
@@ -1453,9 +1454,9 @@ var ChartRows = /** @class */ (function (_super) {
             }
             if (this.parent.renderBaseline && this.templateData.ganttProperties.baselineStartDate &&
                 this.templateData.ganttProperties.baselineEndDate) {
-                taskBaselineTemplateNode = ((!isNullOrUndefined(this.templateData.ganttProperties.baselineStartDate) && !isNullOrUndefined(this.templateData.ganttProperties.startDate) && (this.templateData.ganttProperties.baselineStartDate.getTime() === this.templateData.ganttProperties.startDate.getTime()))
+                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()))
                     && (!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.templateData.ganttProperties.isMilestone))
                     ? this.getMilestoneBaselineNode() : this.getTaskBaselineNode();
             }
         }
@@ -1555,6 +1556,10 @@ var ChartRows = /** @class */ (function (_super) {
         var taskbarElement = !isNullOrUndefined(data.ganttProperties.segments) && data.ganttProperties.segments.length > 0 ? trElement :
             trElement.querySelector('.' + cls.taskBarMainContainer);
         var rowElement;
+        var segmentRowElement;
+        if (data.ganttProperties.segments && data.ganttProperties.segments.length > 0) {
+            segmentRowElement = trElement.parentElement.parentElement.parentElement;
+        }
         var triggerTaskbarElement;
         var args = {
             data: data,
@@ -1567,7 +1572,8 @@ var ChartRows = /** @class */ (function (_super) {
             args.milestoneColor = taskbarElement.querySelector(classCollections[0]) ?
                 getComputedStyle(taskbarElement.querySelector(classCollections[0])).borderBottomColor : null;
             args.baselineColor = trElement.querySelector(classCollections[1]) ?
-                getComputedStyle(trElement.querySelector(classCollections[1])).borderBottomColor : null;
+                getComputedStyle(trElement.querySelector(classCollections[1])).borderBottomColor :
+                (trElement.querySelector('.' + cls.baselineBar) ? getComputedStyle(trElement.querySelector('.' + cls.baselineBar)).backgroundColor : null);
         }
         else {
             var childTask = taskbarElement.querySelector(classCollections[0]);
@@ -1584,17 +1590,33 @@ var ChartRows = /** @class */ (function (_super) {
                     getComputedStyle(taskbarElement.querySelector(classCollections[1])).backgroundColor;
             // args.progressBarBorderColor = taskbarElement.querySelector(progressBarClass) ?
             //     getComputedStyle(taskbarElement.querySelector(progressBarClass)).borderColor : null;
-            args.baselineColor = trElement.querySelector('.' + cls.baselineBar) ?
-                getComputedStyle(trElement.querySelector('.' + cls.baselineBar)).backgroundColor : null;
+            if (segmentRowElement) {
+                args.baselineColor = segmentRowElement.querySelector('.' + cls.baselineBar) ?
+                    getComputedStyle(segmentRowElement.querySelector('.' + cls.baselineBar)).backgroundColor : null;
+            }
+            else {
+                args.baselineColor = trElement.querySelector('.' + cls.baselineBar) ?
+                    getComputedStyle(trElement.querySelector('.' + cls.baselineBar)).backgroundColor : null;
+            }
             args.taskLabelColor = taskbarElement.querySelector('.' + cls.taskLabel) ?
                 getComputedStyle(taskbarElement.querySelector('.' + cls.taskLabel)).color : null;
         }
-        args.rightLabelColor = trElement.querySelector('.' + cls.rightLabelContainer) &&
-            (trElement.querySelector('.' + cls.rightLabelContainer)).querySelector('.' + cls.label) ?
-            getComputedStyle((trElement.querySelector('.' + cls.rightLabelContainer)).querySelector('.' + cls.label)).color : null;
-        args.leftLabelColor = trElement.querySelector('.' + cls.leftLabelContainer) &&
-            (trElement.querySelector('.' + cls.leftLabelContainer)).querySelector('.' + cls.label) ?
-            getComputedStyle((trElement.querySelector('.' + cls.leftLabelContainer)).querySelector('.' + cls.label)).color : null;
+        if (segmentRowElement) {
+            args.rightLabelColor = segmentRowElement.querySelector('.' + cls.rightLabelContainer) &&
+                (segmentRowElement.querySelector('.' + cls.rightLabelContainer)).querySelector('.' + cls.label) ?
+                getComputedStyle((segmentRowElement.querySelector('.' + cls.rightLabelContainer)).querySelector('.' + cls.label)).color : null;
+            args.leftLabelColor = segmentRowElement.querySelector('.' + cls.leftLabelContainer) &&
+                (segmentRowElement.querySelector('.' + cls.leftLabelContainer)).querySelector('.' + cls.label) ?
+                getComputedStyle((segmentRowElement.querySelector('.' + cls.leftLabelContainer)).querySelector('.' + cls.label)).color : null;
+        }
+        else {
+            args.rightLabelColor = trElement.querySelector('.' + cls.rightLabelContainer) &&
+                (trElement.querySelector('.' + cls.rightLabelContainer)).querySelector('.' + cls.label) ?
+                getComputedStyle((trElement.querySelector('.' + cls.rightLabelContainer)).querySelector('.' + cls.label)).color : null;
+            args.leftLabelColor = trElement.querySelector('.' + cls.leftLabelContainer) &&
+                (trElement.querySelector('.' + cls.leftLabelContainer)).querySelector('.' + cls.label) ?
+                getComputedStyle((trElement.querySelector('.' + cls.leftLabelContainer)).querySelector('.' + cls.label)).color : null;
+        }
         this.parent.trigger('queryTaskbarInfo', args, function (taskbarArgs) {
             _this.updateQueryTaskbarInfoArgs(taskbarArgs, rowElement, triggerTaskbarElement);
         });
@@ -1612,6 +1634,10 @@ var ChartRows = /** @class */ (function (_super) {
         var trElement = args.rowElement;
         var taskbarElement = args.taskbarElement;
         var classCollections = this.getClassName(args);
+        var segmentRowElement;
+        if (args.data.ganttProperties.segments && args.data.ganttProperties.segments.length > 0) {
+            segmentRowElement = trElement.parentElement.parentElement.parentElement;
+        }
         if (args.taskbarType === 'Milestone') {
             if (taskbarElement.querySelector(classCollections[0]) &&
                 getComputedStyle(taskbarElement.querySelector(classCollections[0])).borderBottomColor !== args.milestoneColor) {
@@ -1623,6 +1649,10 @@ var ChartRows = /** @class */ (function (_super) {
                 trElement.querySelector(classCollections[1]).style.borderBottomColor = args.baselineColor;
                 trElement.querySelector('.' + cls.baselineMilestoneBottom).style.borderTopColor = args.baselineColor;
             }
+            if (trElement.querySelector('.' + cls.baselineBar) &&
+                getComputedStyle(trElement.querySelector('.' + cls.baselineBar)).borderTopColor !== args.baselineColor) {
+                trElement.querySelector('.' + cls.baselineBar).style.backgroundColor = args.baselineColor;
+            }
         }
         else {
             if (taskbarElement.querySelector(classCollections[0]) &&
@@ -1657,20 +1687,42 @@ var ChartRows = /** @class */ (function (_super) {
                 getComputedStyle(taskbarElement.querySelector('.' + cls.taskLabel)).color !== args.taskLabelColor) {
                 taskbarElement.querySelector('.' + cls.taskLabel).style.color = args.taskLabelColor;
             }
-            if (trElement.querySelector('.' + cls.baselineBar) &&
-                getComputedStyle(trElement.querySelector('.' + cls.baselineBar)).backgroundColor !== args.baselineColor) {
-                trElement.querySelector('.' + cls.baselineBar).style.backgroundColor = args.baselineColor;
+            if (segmentRowElement) {
+                if (segmentRowElement.querySelector('.' + cls.baselineBar) &&
+                    getComputedStyle(segmentRowElement.querySelector('.' + cls.baselineBar)).backgroundColor !== args.baselineColor) {
+                    segmentRowElement.querySelector('.' + cls.baselineBar).style.backgroundColor = args.baselineColor;
+                }
+            }
+            else {
+                if (trElement.querySelector('.' + cls.baselineBar) &&
+                    getComputedStyle(trElement.querySelector('.' + cls.baselineBar)).backgroundColor !== args.baselineColor) {
+                    trElement.querySelector('.' + cls.baselineBar).style.backgroundColor = args.baselineColor;
+                }
             }
         }
-        if (trElement.querySelector('.' + cls.leftLabelContainer) &&
-            (trElement.querySelector('.' + cls.leftLabelContainer)).querySelector('.' + cls.label) &&
-            getComputedStyle((trElement.querySelector('.' + cls.leftLabelContainer)).querySelector('.' + cls.label)).color !== args.leftLabelColor) {
-            (trElement.querySelector('.' + cls.leftLabelContainer)).querySelector('.' + cls.label).style.color = args.leftLabelColor;
+        if (segmentRowElement) {
+            if (segmentRowElement.querySelector('.' + cls.leftLabelContainer) &&
+                (segmentRowElement.querySelector('.' + cls.leftLabelContainer)).querySelector('.' + cls.label) &&
+                getComputedStyle((segmentRowElement.querySelector('.' + cls.leftLabelContainer)).querySelector('.' + cls.label)).color !== args.leftLabelColor) {
+                (segmentRowElement.querySelector('.' + cls.leftLabelContainer)).querySelector('.' + cls.label).style.color = args.leftLabelColor;
+            }
+            if (segmentRowElement.querySelector('.' + cls.rightLabelContainer) &&
+                (segmentRowElement.querySelector('.' + cls.rightLabelContainer)).querySelector('.' + cls.label) &&
+                getComputedStyle((segmentRowElement.querySelector('.' + cls.rightLabelContainer)).querySelector('.' + cls.label)).color !== args.rightLabelColor) {
+                (segmentRowElement.querySelector('.' + cls.rightLabelContainer)).querySelector('.' + cls.label).style.color = args.rightLabelColor;
+            }
         }
-        if (trElement.querySelector('.' + cls.rightLabelContainer) &&
-            (trElement.querySelector('.' + cls.rightLabelContainer)).querySelector('.' + cls.label) &&
-            getComputedStyle((trElement.querySelector('.' + cls.rightLabelContainer)).querySelector('.' + cls.label)).color !== args.rightLabelColor) {
-            (trElement.querySelector('.' + cls.rightLabelContainer)).querySelector('.' + cls.label).style.color = args.rightLabelColor;
+        else {
+            if (trElement.querySelector('.' + cls.leftLabelContainer) &&
+                (trElement.querySelector('.' + cls.leftLabelContainer)).querySelector('.' + cls.label) &&
+                getComputedStyle((trElement.querySelector('.' + cls.leftLabelContainer)).querySelector('.' + cls.label)).color !== args.leftLabelColor) {
+                (trElement.querySelector('.' + cls.leftLabelContainer)).querySelector('.' + cls.label).style.color = args.leftLabelColor;
+            }
+            if (trElement.querySelector('.' + cls.rightLabelContainer) &&
+                (trElement.querySelector('.' + cls.rightLabelContainer)).querySelector('.' + cls.label) &&
+                getComputedStyle((trElement.querySelector('.' + cls.rightLabelContainer)).querySelector('.' + cls.label)).color !== args.rightLabelColor) {
+                (trElement.querySelector('.' + cls.rightLabelContainer)).querySelector('.' + cls.label).style.color = args.rightLabelColor;
+            }
         }
     };
     ChartRows.prototype.getClassName = function (args) {

package/src/gantt/renderer/timeline.js

@@ -37,7 +37,7 @@ var Timeline = /** @class */ (function () {
         this.totalTimelineWidth = 0;
         this.customTimelineSettings = null;
         this.parent.isTimelineRoundOff = this.isZoomToFit ? false : isNullOrUndefined(this.parent.projectStartDate) ? true : false;
-        if (this.parent.enablePersistence) {
+        if (this.parent.enablePersistence && this.parent.isLoad) {
             this.parent.timelineSettings = this.parent.currentZoomingLevel;
         }
     };

package/styles/bootstrap4.css

@@ -414,7 +414,7 @@
 
 .e-bigger .e-multi-select-wrapper .e-chips-close {
   height: 30px;
-  width: auto;
+  width: 30px;
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus.e-hover {

package/styles/gantt/bootstrap4.css

@@ -414,7 +414,7 @@
 
 .e-bigger .e-multi-select-wrapper .e-chips-close {
   height: 30px;
-  width: auto;
+  width: 30px;
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus.e-hover {