@syncfusion/ej2-gantt 19.4.48 → 19.4.50

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.4.48
+*  version : 19.4.50
 *  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.4.47",
+  "_id": "@syncfusion/ej2-gantt@19.4.48",
   "_inBundle": false,
-  "_integrity": "sha512-l+YvQm0Z1/+Ef512h3b/XR3IJztpcCbx86DtxzQub3wgvn6hiCp9VWkVaaRVr+aQHi0X0dKkFM6UI2LwgnfX9A==",
+  "_integrity": "sha512-fY8JJul26Xe0spdqD4+BjyaglbRjxSyxGCf8cNkkBRfX3bVy/36PHglr5qibrV3KbShkkOPCyWiTgm+Sbme/PA==",
   "_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-19.4.47.tgz",
-  "_shasum": "c0c21390db81e46ad8a05f50c02046c286b88b98",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-19.4.48.tgz",
+  "_shasum": "d57e28193070a1ee84904bcb6215e2d999f67ce7",
   "_spec": "@syncfusion/ej2-gantt@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -36,18 +36,18 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~19.4.48",
-    "@syncfusion/ej2-buttons": "~19.4.48",
-    "@syncfusion/ej2-calendars": "~19.4.48",
-    "@syncfusion/ej2-data": "~19.4.48",
-    "@syncfusion/ej2-dropdowns": "~19.4.48",
-    "@syncfusion/ej2-grids": "~19.4.48",
+    "@syncfusion/ej2-buttons": "~19.4.50",
+    "@syncfusion/ej2-calendars": "~19.4.50",
+    "@syncfusion/ej2-data": "~19.4.50",
+    "@syncfusion/ej2-dropdowns": "~19.4.50",
+    "@syncfusion/ej2-grids": "~19.4.50",
     "@syncfusion/ej2-inputs": "~19.4.48",
     "@syncfusion/ej2-layouts": "~19.4.48",
     "@syncfusion/ej2-lists": "~19.4.48",
-    "@syncfusion/ej2-navigations": "~19.4.48",
-    "@syncfusion/ej2-popups": "~19.4.48",
-    "@syncfusion/ej2-richtexteditor": "~19.4.48",
-    "@syncfusion/ej2-treegrid": "~19.4.48"
+    "@syncfusion/ej2-navigations": "~19.4.50",
+    "@syncfusion/ej2-popups": "~19.4.50",
+    "@syncfusion/ej2-richtexteditor": "~19.4.50",
+    "@syncfusion/ej2-treegrid": "~19.4.50"
   },
   "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": "19.4.48",
+  "version": "19.4.50",
   "sideEffects": false
 }

package/src/gantt/actions/cell-edit.d.ts

@@ -10,6 +10,7 @@ export declare class CellEdit {
      * @private
      */
     isCellEdit: boolean;
+    isResourceCellEdited: boolean;
     editedColumn: ColumnModel;
     constructor(ganttObj: Gantt);
     /**

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

@@ -10,6 +10,7 @@ var CellEdit = /** @class */ (function () {
          * @private
          */
         this.isCellEdit = false;
+        this.isResourceCellEdited = false;
         this.parent = ganttObj;
         this.bindTreeGridProperties();
     }
@@ -439,6 +440,7 @@ var CellEdit = /** @class */ (function () {
         var resourceSettings = this.parent.resourceFields;
         var editedResourceId = editedObj[this.parent.taskFields.resourceInfo];
         if (editedResourceId) {
+            this.isResourceCellEdited = true;
             var tempResourceInfo = this.parent.dataOperation.setResourceInfo(editedObj);
             var editedResouceLength = tempResourceInfo.length;
             var previousResource = previousData.ganttProperties.resourceInfo;

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

@@ -1103,7 +1103,15 @@ var DialogEdit = /** @class */ (function () {
                         field: fields[i], headerText: this_1.localeObj.getConstant(fields[i]), editType: 'stringedit', width: '200px',
                         edit: {
                             write: function (args) {
-                                var datePickerModel = _this.beforeOpenArgs[generalTabString][_this.parent.taskFields[fields[i]]];
+                                var datePickerModel;
+                                if (!isNullOrUndefined(_this.beforeOpenArgs[generalTabString])) {
+                                    datePickerModel = _this.beforeOpenArgs[generalTabString][_this.parent.taskFields[fields[i]]];
+                                }
+                                else {
+                                    var columnFields = _this.getGeneralColumnFields();
+                                    var columnModel = _this.getFieldsModel(columnFields);
+                                    datePickerModel = columnModel[_this.parent.taskFields[fields[i]]];
+                                }
                                 var value = args.rowData[args.column.field];
                                 setValue('value', value, datePickerModel);
                                 var datePicker = new _this.inputs[_this.parent.columnByField[_this.parent.taskFields[fields[i]]].editType](datePickerModel);
@@ -1126,7 +1134,15 @@ var DialogEdit = /** @class */ (function () {
                         field: fields[i], headerText: this_1.localeObj.getConstant(fields[i]), editType: 'stringedit', width: '100px',
                         edit: {
                             write: function (args) {
-                                var inputTextModel = _this.beforeOpenArgs[generalTabString][_this.parent.taskFields[fields[i]]];
+                                var inputTextModel;
+                                if (!isNullOrUndefined(_this.beforeOpenArgs[generalTabString])) {
+                                    inputTextModel = _this.beforeOpenArgs[generalTabString][_this.parent.taskFields[fields[i]]];
+                                }
+                                else {
+                                    var columnFields = _this.getGeneralColumnFields();
+                                    var columnModel = _this.getFieldsModel(columnFields);
+                                    inputTextModel = columnModel[_this.parent.taskFields[fields[i]]];
+                                }
                                 inputTextModel.floatLabelType = 'Never';
                                 var value = args.rowData[args.column.field];
                                 if (!isNullOrUndefined(value)) {

package/src/gantt/actions/edit.d.ts

@@ -467,6 +467,7 @@ export declare class Edit {
      * @returns {void} .
      * @private
      */
+    createNewRecord(): IGanttData;
     validateTaskPosition(data?: Object | object[], rowPosition?: RowPosition, rowIndex?: number, cAddedRecord?: IGanttData[]): void;
     private updateNewRecord;
     /**

package/src/gantt/actions/edit.js

@@ -821,9 +821,12 @@ var Edit = /** @class */ (function () {
      */
     Edit.prototype.updateParentChildRecord = function (data) {
         var ganttRecord = data;
-        if (ganttRecord.hasChildRecords && this.taskbarMoved && this.parent.taskMode === 'Auto' && this.parent.previousRecords[data.uniqueID].resources === ganttRecord.ganttProperties['resourceNames']) {
+        if (ganttRecord.hasChildRecords && this.taskbarMoved && this.parent.taskMode === 'Auto' && (!isNullOrUndefined(this.parent.editModule.cellEditModule) && !this.parent.editModule.cellEditModule.isResourceCellEdited)) {
             this.updateChildItems(ganttRecord);
         }
+        if (!isNullOrUndefined(this.parent.editModule.cellEditModule)) {
+            this.parent.editModule.cellEditModule.isResourceCellEdited = false;
+        }
     };
     /**
      * To update records while changing schedule mode.
@@ -2275,7 +2278,7 @@ var Edit = /** @class */ (function () {
                 /*Record Updates*/
                 recordIndex = flatRecords.indexOf(this.addRowSelectedItem);
                 updatedCollectionIndex = currentViewData.indexOf(this.addRowSelectedItem);
-                this.recordCollectionUpdate(childIndex, recordIndex, updatedCollectionIndex, record, parentItem);
+                this.recordCollectionUpdate(childIndex, recordIndex, updatedCollectionIndex, record, parentItem, rowPosition);
                 break;
             case 'Below':
                 currentItemIndex = flatRecords.indexOf(this.addRowSelectedItem);
@@ -2289,7 +2292,7 @@ var Edit = /** @class */ (function () {
                     recordIndex = currentItemIndex + 1;
                     updatedCollectionIndex = currentViewData.indexOf(this.addRowSelectedItem) + 1;
                 }
-                this.recordCollectionUpdate(childIndex + 1, recordIndex, updatedCollectionIndex, record, parentItem);
+                this.recordCollectionUpdate(childIndex + 1, recordIndex, updatedCollectionIndex, record, parentItem, rowPosition);
                 break;
             case 'Child':
                 currentItemIndex = flatRecords.indexOf(this.addRowSelectedItem);
@@ -2317,7 +2320,7 @@ var Edit = /** @class */ (function () {
                         this.addRowSelectedItem.ganttProperties.segments = null;
                     }
                 }
-                this.recordCollectionUpdate(childIndex + 1, recordIndex, updatedCollectionIndex, record, parentItem);
+                this.recordCollectionUpdate(childIndex + 1, recordIndex, updatedCollectionIndex, record, parentItem, rowPosition);
                 break;
         }
         this.newlyAddedRecordBackup = record;
@@ -2331,7 +2334,7 @@ var Edit = /** @class */ (function () {
      * @returns {void} .
      * @private
      */
-    Edit.prototype.recordCollectionUpdate = function (childIndex, recordIndex, updatedCollectionIndex, record, parentItem) {
+    Edit.prototype.recordCollectionUpdate = function (childIndex, recordIndex, updatedCollectionIndex, record, parentItem, rowPosition) {
         var flatRecords = this.parent.flatData;
         var currentViewData = this.parent.currentViewData;
         var ids = this.parent.ids;
@@ -2353,7 +2356,15 @@ var Edit = /** @class */ (function () {
                 !isNullOrUndefined(this.parent.dataSource)) {
                 var child = this.parent.taskFields.child;
                 if (parentItem.taskData[child] && parentItem.taskData[child].length > 0) {
-                    parentItem.taskData[child].push(record.taskData);
+                    if (rowPosition === 'Above') {
+                        parentItem.taskData[child].splice(childIndex, 0, record.taskData);
+                    }
+                    else if (rowPosition === 'Below') {
+                        parentItem.taskData[child].splice(childIndex + 1, 0, record.taskData);
+                    }
+                    else {
+                        parentItem.taskData[child].push(record.taskData);
+                    }
                 }
                 else {
                     parentItem.taskData[child] = [];
@@ -2438,13 +2449,13 @@ var Edit = /** @class */ (function () {
         }
         for (var i = 0; i < addedRecord.length; i++) {
             if (isNullOrUndefined(rowPosition) || isNullOrUndefined(this.addRowSelectedItem)) {
-                rowPosition = 'Top';
+                rowPosition = rowPosition === 'Bottom' ? 'Bottom' : 'Top';
             }
             if (rowPosition === 'Top') {
                 dataSource.splice(0, 0, addedRecord[i].taskData);
             }
             else if (rowPosition === 'Bottom') {
-                dataSource.push(addedRecord[i]);
+                dataSource.push(addedRecord[i].taskData);
             }
             else {
                 if (!isNullOrUndefined(taskFields.id) && !isNullOrUndefined(taskFields.parentID)) {
@@ -2597,7 +2608,7 @@ var Edit = /** @class */ (function () {
                     else {
                         if (_this.parent.viewType === 'ProjectView') {
                             if ((rowPosition === 'Top' || rowPosition === 'Bottom') ||
-                                ((rowPosition === 'Above' || rowPosition === 'Below') && !args.data.parentItem)) {
+                                ((rowPosition === 'Above' || rowPosition === 'Below' || rowPosition === 'Child') && !args.data.parentItem)) {
                                 if (args.data instanceof Array) {
                                     _this.updateRealDataSource(args.data, rowPosition);
                                 }
@@ -2640,6 +2651,59 @@ var Edit = /** @class */ (function () {
      * @returns {void} .
      * @private
      */
+    Edit.prototype.createNewRecord = function () {
+        var tempRecord = {};
+        var ganttColumns = this.parent.ganttColumns;
+        var taskSettingsFields = this.parent.taskFields;
+        var taskId = this.parent.editModule.getNewTaskId();
+        for (var i = 0; i < ganttColumns.length; i++) {
+            var fieldName = ganttColumns[i].field;
+            if (fieldName === taskSettingsFields.id) {
+                tempRecord[fieldName] = taskId;
+            }
+            else if (ganttColumns[i].field === taskSettingsFields.startDate) {
+                if (isNullOrUndefined(tempRecord[taskSettingsFields.endDate])) {
+                    tempRecord[fieldName] = this.parent.editModule.dialogModule.getMinimumStartDate();
+                }
+                else {
+                    tempRecord[fieldName] = new Date(tempRecord[taskSettingsFields.endDate]);
+                }
+                if (this.parent.timezone) {
+                    tempRecord[fieldName] = this.parent.dateValidationModule.remove(tempRecord[fieldName], this.parent.timezone);
+                }
+            }
+            else if (ganttColumns[i].field === taskSettingsFields.endDate) {
+                if (isNullOrUndefined(tempRecord[taskSettingsFields.startDate])) {
+                    tempRecord[fieldName] = this.parent.editModule.dialogModule.getMinimumStartDate();
+                }
+                else {
+                    tempRecord[fieldName] = new Date(tempRecord[taskSettingsFields.startDate]);
+                }
+                if (this.parent.timezone) {
+                    tempRecord[fieldName] = this.parent.dateValidationModule.remove(tempRecord[fieldName], this.parent.timezone);
+                }
+            }
+            else if (ganttColumns[i].field === taskSettingsFields.duration) {
+                tempRecord[fieldName] = 1;
+            }
+            else if (ganttColumns[i].field === taskSettingsFields.name) {
+                tempRecord[fieldName] = this.parent.editModule.dialogModule['localeObj'].getConstant('addDialogTitle') + ' ' + taskId;
+            }
+            else if (ganttColumns[i].field === taskSettingsFields.progress) {
+                tempRecord[fieldName] = 0;
+            }
+            else if (ganttColumns[i].field === taskSettingsFields.work) {
+                tempRecord[fieldName] = 0;
+            }
+            else if (ganttColumns[i].field === 'taskType') {
+                tempRecord[fieldName] = this.parent.taskType;
+            }
+            else {
+                tempRecord[this.parent.ganttColumns[i].field] = '';
+            }
+        }
+        return tempRecord;
+    };
     Edit.prototype.validateTaskPosition = function (data, rowPosition, rowIndex, cAddedRecord) {
         var selectedRowIndex = isNullOrUndefined(rowIndex) || isNaN(parseInt(rowIndex.toString(), 10)) ?
             this.parent.selectionModule ?
@@ -2651,7 +2715,7 @@ var Edit = /** @class */ (function () {
                         this.parent.selectionModule.getSelectedRowCellIndexes()[0].rowIndex : null : null : rowIndex;
         this.addRowSelectedItem = isNullOrUndefined(selectedRowIndex) ? null : this.parent.updatedRecords[selectedRowIndex];
         rowPosition = isNullOrUndefined(rowPosition) ? this.parent.editSettings.newRowPosition : rowPosition;
-        data = isNullOrUndefined(data) ? this.parent.editModule.dialogModule.composeAddRecord() : data;
+        data = isNullOrUndefined(data) ? this.createNewRecord() : data;
         if (((isNullOrUndefined(selectedRowIndex) || selectedRowIndex < 0 ||
             isNullOrUndefined(this.addRowSelectedItem)) && (rowPosition === 'Above'
             || rowPosition === 'Below'

package/src/gantt/actions/keyboard.js

@@ -141,7 +141,7 @@ var FocusModule = /** @class */ (function () {
                 {
                     if (isNullOrUndefined(document.getElementById(this.parent.element.id + '_dialog'))) {
                         e.preventDefault();
-                        ganttObj.addRecord();
+                        ganttObj.addRecord(undefined, this.parent.editSettings.newRowPosition);
                         var focussedElement = ganttObj.element;
                         focussedElement.focus();
                     }

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

@@ -232,6 +232,7 @@ export declare class Timeline {
      * @returns {boolean} .
      */
     private isWeekendHeaderCell;
+    private calculateQuarterEndDate;
     /**
      * To construct template string.
      *

package/src/gantt/renderer/timeline.js

@@ -798,6 +798,7 @@ var Timeline = /** @class */ (function () {
      * @private
      */
     Timeline.prototype.createTimelineTemplate = function (tier) {
+        var isFirstCell = false;
         var parent = this.parent;
         var parentTh = '';
         var parentTr = '';
@@ -814,10 +815,19 @@ var Timeline = /** @class */ (function () {
             // PDf export collection
             var timelineCell = {};
             timelineCell.startDate = new Date(startDate.getTime());
-            parentTr = this.getHeaterTemplateString(new Date(startDate.toString()), mode, tier, false, count, timelineCell);
+            if (mode === 'Month' && tier === 'bottomTier' && ((this.parent.currentZoomingLevel.level === 5) || (this.parent.currentZoomingLevel.level === 6)) && scheduleDateCollection.length === 0) {
+                isFirstCell = true;
+            }
+            parentTr = this.getHeaterTemplateString(new Date(startDate.toString()), mode, tier, false, count, timelineCell, isFirstCell);
             scheduleDateCollection.push(new Date(startDate.toString()));
-            increment = this.getIncrement(startDate, count, mode);
-            newTime = startDate.getTime() + increment;
+            if (isFirstCell) {
+                newTime = this.calculateQuarterEndDate(startDate).getTime();
+            }
+            else {
+                increment = this.getIncrement(startDate, count, mode);
+                newTime = startDate.getTime() + increment;
+            }
+            isFirstCell = false;
             startDate.setTime(newTime);
             if (startDate >= endDate) {
                 /* eslint-disable-next-line */
@@ -927,6 +937,21 @@ var Timeline = /** @class */ (function () {
             mode === 'Hour' || mode === 'Minutes') &&
             this.parent.nonWorkingDayIndex.indexOf(day.getDay()) !== -1;
     };
+    Timeline.prototype.calculateQuarterEndDate = function (date) {
+        var month = date.getMonth();
+        if (month >= 0 && month <= 2) {
+            return new Date(date.getFullYear(), 3, 1);
+        }
+        else if (month >= 3 && month <= 5) {
+            return new Date(date.getFullYear(), 6, 1);
+        }
+        else if (month >= 6 && month <= 8) {
+            return new Date(date.getFullYear(), 9, 1);
+        }
+        else {
+            return new Date(date.getFullYear() + 1, 0, 1);
+        }
+    };
     /**
      * To construct template string.
      *
@@ -940,7 +965,7 @@ var Timeline = /** @class */ (function () {
      * @private
      */
     /* eslint-disable-next-line */
-    Timeline.prototype.getHeaterTemplateString = function (scheduleWeeks, mode, tier, isLast, count, timelineCell) {
+    Timeline.prototype.getHeaterTemplateString = function (scheduleWeeks, mode, tier, isLast, count, timelineCell, isFirstCell) {
         var parentTr = '';
         var td = '';
         var format = tier === 'topTier' ?
@@ -955,7 +980,7 @@ var Timeline = /** @class */ (function () {
             this.customFormat(scheduleWeeks, format, tier, mode, formatter);
         thWidth = (this.getIncrement(scheduleWeeks, count, mode) / (1000 * 60 * 60 * 24)) * this.parent.perDayWidth;
         var cellWidth = thWidth;
-        thWidth = isLast ? this.calculateWidthBetweenTwoDate(mode, scheduleWeeks, this.timelineRoundOffEndDate)
+        thWidth = isLast || isFirstCell ? isLast ? this.calculateWidthBetweenTwoDate(mode, scheduleWeeks, this.timelineRoundOffEndDate) : this.calculateWidthBetweenTwoDate(mode, scheduleWeeks, this.calculateQuarterEndDate(scheduleWeeks))
             : thWidth;
         var isWeekendCell = this.isWeekendHeaderCell(mode, tier, scheduleWeeks);
         var textClassName = tier === 'topTier' ? ' e-gantt-top-cell-text' : '';

package/styles/bootstrap-dark.css

@@ -1351,10 +1351,10 @@
 .e-gantt .e-gantt-chart .e-timeline-header-container {
   background: #1a1a1a;
   border-bottom-color: #484848;
-  border-bottom-width: 2px;
+  border-bottom-width: 0px;
   border-right-color: #484848;
   color: #f0f0f0;
-  height: 65px;
+  height: 64px;
 }
 
 .e-gantt .e-gantt-chart .e-timeline-top-header-cell,
@@ -1373,7 +1373,7 @@
 }
 
 .e-gantt .e-gantt-chart .e-timeline-top-header-cell {
-  height: 33px;
+  height: 32px;
 }
 
 .e-gantt .e-gantt-chart .e-chart-root-container {

package/styles/bootstrap.css

@@ -1501,10 +1501,10 @@
 .e-gantt .e-gantt-chart .e-timeline-header-container {
   background: #fff;
   border-bottom-color: #ddd;
-  border-bottom-width: 2px;
+  border-bottom-width: 0px;
   border-right-color: #ddd;
   color: #333;
-  height: 65px;
+  height: 64px;
 }
 
 .e-gantt .e-gantt-chart .e-timeline-top-header-cell,
@@ -1523,7 +1523,7 @@
 }
 
 .e-gantt .e-gantt-chart .e-timeline-top-header-cell {
-  height: 33px;
+  height: 32px;
 }
 
 .e-gantt .e-gantt-chart .e-chart-root-container {

package/styles/bootstrap4.css

@@ -1718,10 +1718,10 @@
 .e-gantt .e-gantt-chart .e-timeline-header-container {
   background: #fff;
   border-bottom-color: #dee2e6;
-  border-bottom-width: 2px;
+  border-bottom-width: 0px;
   border-right-color: #dee2e6;
   color: #212529;
-  height: 65px;
+  height: 64px;
 }
 
 .e-gantt .e-gantt-chart .e-timeline-top-header-cell,
@@ -1740,7 +1740,7 @@
 }
 
 .e-gantt .e-gantt-chart .e-timeline-top-header-cell {
-  height: 33px;
+  height: 32px;
 }
 
 .e-gantt .e-gantt-chart .e-chart-root-container {

package/styles/bootstrap5-dark.css

@@ -1407,7 +1407,7 @@
 }
 
 .e-gantt .e-gantt-chart .e-timeline-top-header-cell {
-  height: 33px;
+  height: 32px;
 }
 
 .e-gantt .e-gantt-chart .e-chart-root-container {

package/styles/bootstrap5.css

@@ -1407,7 +1407,7 @@
 }
 
 .e-gantt .e-gantt-chart .e-timeline-top-header-cell {
-  height: 33px;
+  height: 32px;
 }
 
 .e-gantt .e-gantt-chart .e-chart-root-container {

package/styles/gantt/_bootstrap-dark-definition.scss

@@ -111,10 +111,10 @@ $gantt-baseline-color: #f0ad4e !default;
 $gantt-child-progress-margin-left: 0.5px !default;
 $gantt-timeline-single-header-outer-div: 45px !default;
 $gantt-chart-timeline-single-header-outer-div: 47px !default;
-$gantt-header-border-height: 65px !default;
+$gantt-header-border-height: 64px !default;
 $gantt-treegrid-header-border-height: 63px !default;
-$gantt-header-border-bottom-width: 2px !default;
-$gantt-timeline-top-header-cell-height: 33px !default;
+$gantt-header-border-bottom-width: 0px !default;
+$gantt-timeline-top-header-cell-height: 32px !default;
 $gantt-header-border-radius: 4px !default;
 $gantt-splitter-border-top-right-radius: 0px !default;
 $gantt-splitter-border-top-left-radius: 0px !default;

package/styles/gantt/_bootstrap-definition.scss

@@ -111,10 +111,10 @@ $gantt-baseline-color: #FF9800 !default;
 $gantt-child-progress-margin-left: 0.5px !default;
 $gantt-timeline-single-header-outer-div: 45px !default;
 $gantt-chart-timeline-single-header-outer-div: 47px !default;
-$gantt-header-border-height: 65px !default;
+$gantt-header-border-height: 64px !default;
 $gantt-treegrid-header-border-height: 63px !default;
-$gantt-header-border-bottom-width: 2px !default;
-$gantt-timeline-top-header-cell-height: 33px !default;
+$gantt-header-border-bottom-width: 0px !default;
+$gantt-timeline-top-header-cell-height: 32px !default;
 $gantt-header-border-radius: 4px !default;
 $gantt-splitter-border-top-right-radius: 0px !default;
 $gantt-splitter-border-top-left-radius: 0px !default;

package/styles/gantt/_bootstrap4-definition.scss

@@ -111,10 +111,10 @@ $gantt-baseline-color: $orange !default;
 $gantt-child-progress-margin-left: 0.5px !default;
 $gantt-timeline-single-header-outer-div: 45px !default;
 $gantt-chart-timeline-single-header-outer-div: 47px !default;
-$gantt-header-border-height: 65px !default;
+$gantt-header-border-height: 64px !default;
 $gantt-treegrid-header-border-height: 63px !default;
-$gantt-header-border-bottom-width: 2px !default;
-$gantt-timeline-top-header-cell-height: 33px !default;
+$gantt-header-border-bottom-width: 0px !default;
+$gantt-timeline-top-header-cell-height: 32px !default;
 $gantt-header-border-radius: 0px !default;
 $gantt-splitter-border-top-right-radius: 0px !default;
 $gantt-splitter-border-top-left-radius: 0px !default;

package/styles/gantt/_bootstrap5-definition.scss

@@ -138,7 +138,7 @@ $gantt-chart-timeline-single-header-outer-div: 46px !default;
 $gantt-header-border-height: 64px !default;
 $gantt-treegrid-header-border-height: 63px !default;
 $gantt-header-border-bottom-width: 1px !default;
-$gantt-timeline-top-header-cell-height: 33px !default;
+$gantt-timeline-top-header-cell-height: 32px !default;
 $gantt-header-border-radius: 0px !default;
 $gantt-splitter-border-top-right-radius: 0px !default;
 $gantt-splitter-border-top-left-radius: 0px !default;

package/styles/gantt/_fluent-definition.scss

@@ -138,7 +138,7 @@ $gantt-chart-timeline-single-header-outer-div: 46px !default;
 $gantt-header-border-height: 64px !default;
 $gantt-treegrid-header-border-height: 63px !default;
 $gantt-header-border-bottom-width: 1px !default;
-$gantt-timeline-top-header-cell-height: 33px !default;
+$gantt-timeline-top-header-cell-height: 32px !default;
 $gantt-header-border-radius: 0px !default;
 $gantt-splitter-border-top-right-radius: 0px !default;
 $gantt-splitter-border-top-left-radius: 0px !default;

package/styles/gantt/_tailwind-definition.scss

@@ -133,10 +133,10 @@ $gantt-active-color-opacity: 0.9 !default;
 $gantt-child-progress-margin-left: 0.5px !default;
 $gantt-timeline-single-header-outer-div: 45px !default;
 $gantt-chart-timeline-single-header-outer-div: 46px !default;
-$gantt-header-border-height: 48px !default;
+$gantt-header-border-height: 49px !default;
 $gantt-treegrid-header-border-height: 48px !default;
-$gantt-header-border-bottom-width: 1px !default;
-$gantt-timeline-top-header-cell-height: 24px !default;
+$gantt-header-border-bottom-width: 0px !default;
+$gantt-timeline-top-header-cell-height: 24.5px !default;
 $gantt-header-border-radius: 0px !default;
 $gantt-splitter-border-top-right-radius: 0px !default;
 $gantt-splitter-border-top-left-radius: 0px !default;

package/styles/gantt/bootstrap-dark.css

@@ -1351,10 +1351,10 @@
 .e-gantt .e-gantt-chart .e-timeline-header-container {
   background: #1a1a1a;
   border-bottom-color: #484848;
-  border-bottom-width: 2px;
+  border-bottom-width: 0px;
   border-right-color: #484848;
   color: #f0f0f0;
-  height: 65px;
+  height: 64px;
 }
 
 .e-gantt .e-gantt-chart .e-timeline-top-header-cell,
@@ -1373,7 +1373,7 @@
 }
 
 .e-gantt .e-gantt-chart .e-timeline-top-header-cell {
-  height: 33px;
+  height: 32px;
 }
 
 .e-gantt .e-gantt-chart .e-chart-root-container {

package/styles/gantt/bootstrap.css

@@ -1501,10 +1501,10 @@
 .e-gantt .e-gantt-chart .e-timeline-header-container {
   background: #fff;
   border-bottom-color: #ddd;
-  border-bottom-width: 2px;
+  border-bottom-width: 0px;
   border-right-color: #ddd;
   color: #333;
-  height: 65px;
+  height: 64px;
 }
 
 .e-gantt .e-gantt-chart .e-timeline-top-header-cell,
@@ -1523,7 +1523,7 @@
 }
 
 .e-gantt .e-gantt-chart .e-timeline-top-header-cell {
-  height: 33px;
+  height: 32px;
 }
 
 .e-gantt .e-gantt-chart .e-chart-root-container {

package/styles/gantt/bootstrap4.css

@@ -1718,10 +1718,10 @@
 .e-gantt .e-gantt-chart .e-timeline-header-container {
   background: #fff;
   border-bottom-color: #dee2e6;
-  border-bottom-width: 2px;
+  border-bottom-width: 0px;
   border-right-color: #dee2e6;
   color: #212529;
-  height: 65px;
+  height: 64px;
 }
 
 .e-gantt .e-gantt-chart .e-timeline-top-header-cell,
@@ -1740,7 +1740,7 @@
 }
 
 .e-gantt .e-gantt-chart .e-timeline-top-header-cell {
-  height: 33px;
+  height: 32px;
 }
 
 .e-gantt .e-gantt-chart .e-chart-root-container {

package/styles/gantt/bootstrap5-dark.css

@@ -1407,7 +1407,7 @@
 }
 
 .e-gantt .e-gantt-chart .e-timeline-top-header-cell {
-  height: 33px;
+  height: 32px;
 }
 
 .e-gantt .e-gantt-chart .e-chart-root-container {

package/styles/gantt/bootstrap5.css

@@ -1407,7 +1407,7 @@
 }
 
 .e-gantt .e-gantt-chart .e-timeline-top-header-cell {
-  height: 33px;
+  height: 32px;
 }
 
 .e-gantt .e-gantt-chart .e-chart-root-container {