@syncfusion/ej2-gantt 20.4.40 → 20.4.43

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.4.40
+*  version : 20.4.43
 *  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.4.38",
+  "_id": "@syncfusion/ej2-gantt@20.4.42",
   "_inBundle": false,
-  "_integrity": "sha512-gM3+JGYvnZSVOGkpAFz5ejlVskHwO7+pntVfsAGK2ActwYhfGVni370TiBV5LKVb3T2WqpjXJLZKntsgliTfvw==",
+  "_integrity": "sha512-AODUl9YjnnHP0PxHbQe98L2pZeoirFT8tdIDQTSua7nbxDprG0CKVlwXlgc87w51SqhRTDgzZxjYPYeEhPF0CA==",
   "_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-20.4.38.tgz",
-  "_shasum": "a3b7546d7d13d249db1ea0e2c4de3b709ee59521",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-20.4.42.tgz",
+  "_shasum": "c2a8669049e984a32c2f02da7377c369811e92fe",
   "_spec": "@syncfusion/ej2-gantt@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -35,20 +35,20 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@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"
+    "@syncfusion/ej2-base": "~20.4.42",
+    "@syncfusion/ej2-buttons": "~20.4.42",
+    "@syncfusion/ej2-calendars": "~20.4.42",
+    "@syncfusion/ej2-data": "~20.4.42",
+    "@syncfusion/ej2-dropdowns": "~20.4.43",
+    "@syncfusion/ej2-grids": "~20.4.43",
+    "@syncfusion/ej2-inputs": "~20.4.42",
+    "@syncfusion/ej2-layouts": "~20.4.42",
+    "@syncfusion/ej2-lists": "~20.4.42",
+    "@syncfusion/ej2-navigations": "~20.4.43",
+    "@syncfusion/ej2-notifications": "~20.4.42",
+    "@syncfusion/ej2-popups": "~20.4.43",
+    "@syncfusion/ej2-richtexteditor": "~20.4.43",
+    "@syncfusion/ej2-treegrid": "~20.4.42"
   },
   "deprecated": false,
   "description": "Essential JS 2 Gantt Component",
@@ -73,6 +73,6 @@
     "url": "git+https://github.com/syncfusion/ej2-gantt.git"
   },
   "typings": "index.d.ts",
-  "version": "20.4.40",
+  "version": "20.4.43",
   "sideEffects": false
 }

package/src/gantt/actions/edit.js

@@ -479,7 +479,9 @@ var Edit = /** @class */ (function () {
                 if ((key === tasks.baselineStartDate || key === tasks.baselineEndDate) &&
                     (ganttData.ganttProperties.baselineStartDate && ganttData.ganttProperties.baselineEndDate)) {
                     ganttObj.setRecordValue('baselineStartDate', ganttObj.dataOperation.checkBaselineStartDate(ganttData.ganttProperties.baselineStartDate), ganttData.ganttProperties, true);
-                    ganttObj.dataOperation.setTime(this.parent.defaultEndTime, ganttData.ganttProperties.baselineEndDate);
+                    if (ganttData.ganttProperties.baselineEndDate && ganttData.ganttProperties.baselineEndDate.getHours() === 0 && this.parent.defaultEndTime !== 86400) {
+                        ganttObj.dataOperation.setTime(this.parent.defaultEndTime, ganttData.ganttProperties.baselineEndDate);
+                    }
                     ganttObj.setRecordValue('baselineEndDate', ganttObj.dataOperation.checkBaselineEndDate(ganttData.ganttProperties.baselineEndDate), ganttData.ganttProperties, true);
                     ganttObj.setRecordValue('baselineLeft', ganttObj.dataOperation.calculateBaselineLeft(ganttData.ganttProperties), ganttData.ganttProperties, true);
                     ganttObj.setRecordValue('baselineWidth', ganttObj.dataOperation.calculateBaselineWidth(ganttData.ganttProperties), ganttData.ganttProperties, true);
@@ -2812,6 +2814,12 @@ var Edit = /** @class */ (function () {
                 else {
                     _this.parent.showSpinner();
                 }
+                var tasks = _this.parent.taskFields;
+                var ganttData = _this.parent.viewType === 'ResourceView' ?
+                    _this.parent.flatData[_this.parent.getTaskIds().indexOf('T' + args.data[tasks.id])] : _this.parent.getRecordByID(args.data[tasks.id]);
+                if (!isNullOrUndefined(ganttData)) {
+                    _this.validateUpdateValues(args.newTaskData, ganttData, true);
+                }
                 if (!isNullOrUndefined(args.data[tempTaskID])) {
                     if (args.data[tempTaskID] != args.data['ganttProperties']['taskId']) {
                         args.data['ganttProperties']['taskId'] = args.data[tempTaskID];

package/src/gantt/actions/rowdragdrop.js

@@ -248,6 +248,15 @@ var RowDD = /** @class */ (function () {
                                 delete droppedRecord.taskData[this_1.parent.taskFields.segments];
                             }
                         }
+                        if (this_1.treeGridData.length != 0) {
+                            for (var i_1 = 0; i_1 < this_1.treeGridData.length; i_1++) {
+                                this_1.treeGridData[parseInt(i_1.toString(), 10)].index = i_1;
+                                if (!isNullOrUndefined(this_1.treeGridData[parseInt(i_1.toString(), 10)].parentItem)) {
+                                    var updatedParent = getValue('uniqueIDCollection.' + this_1.treeGridData[parseInt(i_1.toString(), 10)].parentUniqueID, this_1.parent.treeGrid);
+                                    this_1.treeGridData[parseInt(i_1.toString(), 10)].parentItem.index = updatedParent.index;
+                                }
+                            }
+                        }
                         // eslint-disable-next-line
                         if (!isNullOrUndefined(draggedRecord.parentItem && this_1.updateParentRecords.indexOf(draggedRecord.parentItem) !== -1)) {
                             this_1.updateParentRecords.push(draggedRecord.parentItem);
@@ -261,51 +270,51 @@ var RowDD = /** @class */ (function () {
                         var uniqueTaskID_1 = this_1.parent.taskFields.id;
                         if (draggedRecord.index < droppedRecord.index) {
                             startIndex = draggedRecord.index;
-                            var _loop_3 = function (i_1) {
+                            var _loop_3 = function (i_2) {
                                 var currentData = this_1.parent.currentViewData.filter(function (e) {
-                                    return e[uniqueTaskID_1] === ganttData_1[i_1][uniqueTaskID_1];
+                                    return e[uniqueTaskID_1] === ganttData_1[i_2][uniqueTaskID_1];
                                 })[0];
                                 if (currentData && currentData.index > droppedRecord.index) {
                                     endIndex = currentData.index;
                                     return "break";
                                 }
                             };
-                            for (var i_1 = 0; i_1 < ganttData_1.length; i_1++) {
-                                var state_2 = _loop_3(i_1);
+                            for (var i_2 = 0; i_2 < ganttData_1.length; i_2++) {
+                                var state_2 = _loop_3(i_2);
                                 if (state_2 === "break")
                                     break;
                             }
                         }
                         else {
                             startIndex = droppedRecord.index;
-                            var _loop_4 = function (i_2) {
+                            var _loop_4 = function (i_3) {
                                 var currentData = this_1.parent.currentViewData.filter(function (e) {
-                                    return e[uniqueTaskID_1] === ganttData_1[i_2][uniqueTaskID_1];
+                                    return e[uniqueTaskID_1] === ganttData_1[i_3][uniqueTaskID_1];
                                 })[0];
                                 if (currentData && currentData.index > draggedRecord.index) {
                                     endIndex = currentData.index;
                                     return "break";
                                 }
                             };
-                            for (var i_2 = 0; i_2 < ganttData_1.length; i_2++) {
-                                var state_3 = _loop_4(i_2);
+                            for (var i_3 = 0; i_3 < ganttData_1.length; i_3++) {
+                                var state_3 = _loop_4(i_3);
                                 if (state_3 === "break")
                                     break;
                             }
                         }
-                        var _loop_5 = function (i_3) {
-                            if (!isNullOrUndefined(data_1[i_3])) {
-                                data_1[i_3].index = i_3;
-                                if (!isNullOrUndefined(data_1[i_3].parentItem)) {
+                        var _loop_5 = function (i_4) {
+                            if (!isNullOrUndefined(data_1[i_4])) {
+                                data_1[i_4].index = i_4;
+                                if (!isNullOrUndefined(data_1[i_4].parentItem)) {
                                     var updatedParent = data_1.filter(function (e) {
-                                        return e.uniqueID === data_1[i_3].parentUniqueID;
+                                        return e.uniqueID === data_1[i_4].parentUniqueID;
                                     })[0];
-                                    data_1[i_3].parentItem.index = updatedParent.index;
+                                    data_1[i_4].parentItem.index = updatedParent.index;
                                 }
                             }
                         };
-                        for (var i_3 = startIndex; i_3 <= endIndex; i_3++) {
-                            _loop_5(i_3);
+                        for (var i_4 = startIndex; i_4 <= endIndex; i_4++) {
+                            _loop_5(i_4);
                         }
                     }
                     gObj.rowDragAndDropModule.refreshDataSource();

package/src/gantt/actions/toolbar.js

@@ -359,6 +359,9 @@ var Toolbar = /** @class */ (function () {
      * @private
      */
     Toolbar.prototype.zoomToFit = function () {
+        if (this.parent.timelineModule.isZoomIn) {
+            this.parent.timelineModule.isZoomIn = false;
+        }
         this.parent.timelineModule.processZoomToFit();
         this.parent.ganttChartModule.updateScrollLeft(0);
     };

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

@@ -473,7 +473,7 @@ var ChartRows = /** @class */ (function (_super) {
             var splitStartDate = this.parent.dataOperation.checkStartDate(splitDate, ganttProp, false);
             if (splitStartDate.getTime() !== ganttProp.startDate.getTime()) {
                 if (ganttProp.isAutoSchedule) {
-                    if (!isNullOrUndefined(segments)) {
+                    if (!isNullOrUndefined(segments) && segments.length > 0) {
                         segmentIndex = this.getSegmentIndex(splitStartDate, splitRecord);
                     }
                     //check atleast one day difference is there to split
@@ -792,11 +792,11 @@ var ChartRows = /** @class */ (function (_super) {
             'width:' + data.ganttProperties.width + 'px;' +
             'height:' + taskbarHeight + 'px;>' + innerDiv + ((data.ganttProperties.startDate && data.ganttProperties.endDate &&
             data.ganttProperties.duration) || data.ganttProperties.duration ? '<div class="e-gantt-manualparenttaskbar-left" style=' +
-            (this.parent.enableRtl ? 'margin-right:0px;' : '') + '"height:' + taskbarHeight + 'px;border-left-width:' + taskbarHeight / 5 +
+            (this.parent.enableRtl ? 'margin-right:0px;' : '') + '"height:' + ((taskbarHeight / 5) + 8) + 'px;border-left-width:' + taskbarHeight / 5 +
             'px; border-bottom:' + taskbarHeight / 5 + 'px solid transparent;"></div>' +
             '<div class="e-gantt-manualparenttaskbar-right" style=' + (this.parent.enableRtl ? 'margin-right:-8px;' : '') +
-            (this.parent.enableRtl ? 'right:' : 'left:') + (data.ganttProperties.width - taskbarHeight / 5) + 'px;height:' +
-            (taskbarHeight) + 'px;border-right-width:' + taskbarHeight / 5 + 'px;border-bottom:' +
+            (this.parent.enableRtl ? 'right:' : 'left:') + (data.ganttProperties.width - Math.floor(((taskbarHeight / 5) + 8) / 5)) + 'px;height:' +
+            ((taskbarHeight / 5) + 8) + 'px;border-right-width:' + taskbarHeight / 5 + 'px;border-bottom:' +
             taskbarHeight / 5 + 'px solid transparent;>' + '</div></div>' : '');
         var milestoneTemplate = '<div class="' + cls.manualParentMilestone + '" style="position:absolute;' +
             (this.parent.enableRtl ? 'right:' : 'left:') +
@@ -860,7 +860,8 @@ var ChartRows = /** @class */ (function (_super) {
                 }
                 if (isNaN(parseInt(labelString))) {
                     labelDiv = '<span class="' + cls.taskLabel + '" style="line-height:' +
-                        (this.taskBarHeight - 1) + 'px; text-align:' + (this.parent.enableRtl ? 'right;' : 'left;') +
+                        (data['isManual'] && data.hasChildRecords ? (Math.floor((60 / 100) * this.taskBarHeight)) : (this.taskBarHeight - 1)) +
+                        'px; text-align:' + (this.parent.enableRtl ? 'right;' : 'left;') +
                         'display:' + 'inline-block;' +
                         'width:' + (data.ganttProperties.width - 10) + 'px; height:' +
                         this.taskBarHeight + 'px;">' + labelString + '</span>';
@@ -868,7 +869,8 @@ var ChartRows = /** @class */ (function (_super) {
                 else {
                     labelDiv = '<span class="' +
                         cls.taskLabel + '" style="line-height:' +
-                        (this.taskBarHeight - 1) + 'px;' + (this.parent.viewType === 'ResourceView' ? 'display:inline-flex;' : '') +
+                        (data['isManual'] && data.hasChildRecords ? (Math.floor((60 / 100) * this.taskBarHeight)) : (this.taskBarHeight - 1)) + 'px;' +
+                        (this.parent.viewType === 'ResourceView' ? 'display:inline-flex;' : '') +
                         (this.parent.viewType === 'ResourceView' ? 'width:' + (data.ganttProperties.width - 10) : '') + 'px; height:' +
                         (this.taskBarHeight - 1) + 'px;' + (this.parent.viewType === 'ResourceView' ? 'display: inline-flex;' : '') +
                         (this.parent.viewType === 'ResourceView' ? 'width:' + (data.ganttProperties.width - 10) : '') + 'px; height:' +

package/styles/bootstrap-dark.css

@@ -1675,7 +1675,7 @@
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
   background-color: #8dd1c4;
-  border: #4fb29f;
+  outline: #4fb29f;
 }
 .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
   background: linear-gradient(to right, rgba(63, 81, 181, 0.2), #8dd1c4 30%, #8dd1c4 70%, #8dd1c4 70%, rgba(63, 81, 181, 0.2) 100%);

package/styles/bootstrap.css

@@ -1819,7 +1819,7 @@
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
   background-color: #7538C9;
-  border: 1px solid #572A96;
+  outline: 1px solid #572A96;
 }
 .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
   background: linear-gradient(to right, rgba(63, 81, 181, 0.2), #7538C9 30%, #7538C9 70%, #7538C9 70%, rgba(63, 81, 181, 0.2) 100%);

package/styles/bootstrap4.css

@@ -414,7 +414,7 @@
 
 .e-bigger .e-multi-select-wrapper .e-chips-close {
   height: 30px;
-  width: 30px;
+  width: auto;
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus.e-hover {
@@ -2003,7 +2003,7 @@
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
   background-color: #8553F1;
-  border: 1px solid #6628EE;
+  outline: 1px solid #6628EE;
 }
 .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
   background: linear-gradient(to right, rgba(63, 81, 181, 0.2), #8553F1 30%, #8553F1 70%, #8553F1 70%, rgba(63, 81, 181, 0.2) 100%);

package/styles/bootstrap5-dark.css

@@ -1719,7 +1719,7 @@
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
   background-color: #d3f0e2;
-  border: 1px solid #21b26f;
+  outline: 1px solid #21b26f;
 }
 .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
   background: linear-gradient(to right, #d3f0e2, #21b26f 30%, #21b26f 70%, #21b26f 70%, #d3f0e2 100%);

package/styles/bootstrap5.css

@@ -1719,7 +1719,7 @@
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
   background-color: #d1e7dd;
-  border: 1px solid #198754;
+  outline: 1px solid #198754;
 }
 .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
   background: linear-gradient(to right, #d1e7dd, #198754 30%, #198754 70%, #198754 70%, #d1e7dd 100%);

package/styles/fabric-dark.css

@@ -1631,7 +1631,7 @@
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
   background-color: #8dd1c4;
-  border: #4fb29f;
+  outline: #4fb29f;
 }
 .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
   background: linear-gradient(to right, rgba(63, 81, 181, 0.2), #8dd1c4 30%, #8dd1c4 70%, #8dd1c4 70%, rgba(63, 81, 181, 0.2) 100%);

package/styles/fabric.css

@@ -1629,7 +1629,7 @@
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
   background-color: #9A38BA;
-  border: 1px solid #6D1888;
+  outline: 1px solid #6D1888;
 }
 .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
   background: linear-gradient(to right, rgba(63, 81, 181, 0.2), #9A38BA 30%, #9A38BA 70%, #9A38BA 70%, rgba(63, 81, 181, 0.2) 100%);

package/styles/fluent-dark.css

@@ -1704,7 +1704,7 @@
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
   background-color: #dff6dd;
-  border: 1px solid #0b6a0b;
+  outline: 1px solid #0b6a0b;
 }
 .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
   background: linear-gradient(to right, #dff6dd, #0b6a0b 30%, #0b6a0b 70%, #0b6a0b 70%, #dff6dd 100%);

package/styles/fluent.css

@@ -1704,7 +1704,7 @@
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
   background-color: #dff6dd;
-  border: 1px solid #0b6a0b;
+  outline: 1px solid #0b6a0b;
 }
 .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
   background: linear-gradient(to right, #dff6dd, #0b6a0b 30%, #0b6a0b 70%, #0b6a0b 70%, #dff6dd 100%);

package/styles/gantt/_theme.scss

@@ -178,7 +178,7 @@
 
       .e-gantt-child-manualtaskbar {
         background-color: $gantt-manualchild-task-bar;
-        border: $gantt-manualchild-task-bar-border;
+        outline: $gantt-manualchild-task-bar-border;
       }
 
       .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {

package/styles/gantt/bootstrap-dark.css

@@ -1675,7 +1675,7 @@
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
   background-color: #8dd1c4;
-  border: #4fb29f;
+  outline: #4fb29f;
 }
 .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
   background: linear-gradient(to right, rgba(63, 81, 181, 0.2), #8dd1c4 30%, #8dd1c4 70%, #8dd1c4 70%, rgba(63, 81, 181, 0.2) 100%);

package/styles/gantt/bootstrap.css

@@ -1819,7 +1819,7 @@
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
   background-color: #7538C9;
-  border: 1px solid #572A96;
+  outline: 1px solid #572A96;
 }
 .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
   background: linear-gradient(to right, rgba(63, 81, 181, 0.2), #7538C9 30%, #7538C9 70%, #7538C9 70%, rgba(63, 81, 181, 0.2) 100%);

package/styles/gantt/bootstrap4.css

@@ -414,7 +414,7 @@
 
 .e-bigger .e-multi-select-wrapper .e-chips-close {
   height: 30px;
-  width: 30px;
+  width: auto;
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus.e-hover {
@@ -2003,7 +2003,7 @@
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
   background-color: #8553F1;
-  border: 1px solid #6628EE;
+  outline: 1px solid #6628EE;
 }
 .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
   background: linear-gradient(to right, rgba(63, 81, 181, 0.2), #8553F1 30%, #8553F1 70%, #8553F1 70%, rgba(63, 81, 181, 0.2) 100%);

package/styles/gantt/bootstrap5-dark.css

@@ -1719,7 +1719,7 @@
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
   background-color: #d3f0e2;
-  border: 1px solid #21b26f;
+  outline: 1px solid #21b26f;
 }
 .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
   background: linear-gradient(to right, #d3f0e2, #21b26f 30%, #21b26f 70%, #21b26f 70%, #d3f0e2 100%);

package/styles/gantt/bootstrap5.css

@@ -1719,7 +1719,7 @@
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
   background-color: #d1e7dd;
-  border: 1px solid #198754;
+  outline: 1px solid #198754;
 }
 .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
   background: linear-gradient(to right, #d1e7dd, #198754 30%, #198754 70%, #198754 70%, #d1e7dd 100%);

package/styles/gantt/fabric-dark.css

@@ -1631,7 +1631,7 @@
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
   background-color: #8dd1c4;
-  border: #4fb29f;
+  outline: #4fb29f;
 }
 .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
   background: linear-gradient(to right, rgba(63, 81, 181, 0.2), #8dd1c4 30%, #8dd1c4 70%, #8dd1c4 70%, rgba(63, 81, 181, 0.2) 100%);

package/styles/gantt/fabric.css

@@ -1629,7 +1629,7 @@
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
   background-color: #9A38BA;
-  border: 1px solid #6D1888;
+  outline: 1px solid #6D1888;
 }
 .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
   background: linear-gradient(to right, rgba(63, 81, 181, 0.2), #9A38BA 30%, #9A38BA 70%, #9A38BA 70%, rgba(63, 81, 181, 0.2) 100%);

package/styles/gantt/fluent-dark.css

@@ -1704,7 +1704,7 @@
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
   background-color: #dff6dd;
-  border: 1px solid #0b6a0b;
+  outline: 1px solid #0b6a0b;
 }
 .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
   background: linear-gradient(to right, #dff6dd, #0b6a0b 30%, #0b6a0b 70%, #0b6a0b 70%, #dff6dd 100%);

package/styles/gantt/fluent.css

@@ -1704,7 +1704,7 @@
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
   background-color: #dff6dd;
-  border: 1px solid #0b6a0b;
+  outline: 1px solid #0b6a0b;
 }
 .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
   background: linear-gradient(to right, #dff6dd, #0b6a0b 30%, #0b6a0b 70%, #0b6a0b 70%, #dff6dd 100%);

package/styles/gantt/highcontrast-light.css

@@ -1616,7 +1616,7 @@
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
   background-color: #8dd1c4;
-  border: #4fb29f;
+  outline: #4fb29f;
 }
 .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
   background: linear-gradient(to right, rgba(63, 81, 181, 0.2), #8dd1c4 30%, #8dd1c4 70%, #8dd1c4 70%, rgba(63, 81, 181, 0.2) 100%);

package/styles/gantt/highcontrast.css

@@ -1717,7 +1717,7 @@
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
   background-color: #4731FE;
-  border: 1px solid #FFFFFF;
+  outline: 1px solid #FFFFFF;
 }
 .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
   background: linear-gradient(to right, rgba(63, 81, 181, 0.2), #6e06f1 30%, #6e06f1 70%, #6e06f1 70%, rgba(63, 81, 181, 0.2) 100%);

package/styles/gantt/material-dark.css

@@ -1678,7 +1678,7 @@
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
   background-color: #8dd1c4;
-  border: #4fb29f;
+  outline: #4fb29f;
 }
 .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
   background: linear-gradient(to right, rgba(63, 81, 181, 0.2), #8dd1c4 30%, #8dd1c4 70%, #8dd1c4 70%, rgba(63, 81, 181, 0.2) 100%);

package/styles/gantt/material.css

@@ -1718,7 +1718,7 @@
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
   background-color: rgba(0, 135, 134, 0.85);
-  border: 1px solid #008786;
+  outline: 1px solid #008786;
 }
 .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
   background: linear-gradient(to right, rgba(63, 81, 181, 0.2), #008786 30%, #008786 70%, #008786 70%, rgba(63, 81, 181, 0.2) 100%);

package/styles/gantt/tailwind-dark.css

@@ -1690,7 +1690,7 @@
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
   background-color: #dcfce7;
-  border: 1px solid #22c55e;
+  outline: 1px solid #22c55e;
 }
 .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
   background: linear-gradient(to right, #dcfce7, #22c55e 30%, #22c55e 70%, #22c55e 70%, #dcfce7 100%);

package/styles/gantt/tailwind.css

@@ -1690,7 +1690,7 @@
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
   background-color: #dcfce7;
-  border: 1px solid #15803d;
+  outline: 1px solid #15803d;
 }
 .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
   background: linear-gradient(to right, #dcfce7, #15803d 30%, #15803d 70%, #15803d 70%, #dcfce7 100%);

package/styles/highcontrast-light.css

@@ -1616,7 +1616,7 @@
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
   background-color: #8dd1c4;
-  border: #4fb29f;
+  outline: #4fb29f;
 }
 .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
   background: linear-gradient(to right, rgba(63, 81, 181, 0.2), #8dd1c4 30%, #8dd1c4 70%, #8dd1c4 70%, rgba(63, 81, 181, 0.2) 100%);

package/styles/highcontrast.css

@@ -1717,7 +1717,7 @@
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
   background-color: #4731FE;
-  border: 1px solid #FFFFFF;
+  outline: 1px solid #FFFFFF;
 }
 .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
   background: linear-gradient(to right, rgba(63, 81, 181, 0.2), #6e06f1 30%, #6e06f1 70%, #6e06f1 70%, rgba(63, 81, 181, 0.2) 100%);

package/styles/material-dark.css

@@ -1678,7 +1678,7 @@
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
   background-color: #8dd1c4;
-  border: #4fb29f;
+  outline: #4fb29f;
 }
 .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
   background: linear-gradient(to right, rgba(63, 81, 181, 0.2), #8dd1c4 30%, #8dd1c4 70%, #8dd1c4 70%, rgba(63, 81, 181, 0.2) 100%);

package/styles/material.css

@@ -1718,7 +1718,7 @@
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
   background-color: rgba(0, 135, 134, 0.85);
-  border: 1px solid #008786;
+  outline: 1px solid #008786;
 }
 .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
   background: linear-gradient(to right, rgba(63, 81, 181, 0.2), #008786 30%, #008786 70%, #008786 70%, rgba(63, 81, 181, 0.2) 100%);

package/styles/tailwind-dark.css

@@ -1690,7 +1690,7 @@
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
   background-color: #dcfce7;
-  border: 1px solid #22c55e;
+  outline: 1px solid #22c55e;
 }
 .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
   background: linear-gradient(to right, #dcfce7, #22c55e 30%, #22c55e 70%, #22c55e 70%, #dcfce7 100%);

package/styles/tailwind.css

@@ -1690,7 +1690,7 @@
 }
 .e-gantt .e-gantt-chart .e-gantt-child-manualtaskbar {
   background-color: #dcfce7;
-  border: 1px solid #15803d;
+  outline: 1px solid #15803d;
 }
 .e-gantt .e-gantt-chart .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
   background: linear-gradient(to right, #dcfce7, #15803d 30%, #15803d 70%, #15803d 70%, #dcfce7 100%);