@syncfusion/ej2-gantt 24.1.44 → 24.1.46

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 24.1.44
+*  version : 24.1.46
 *  Copyright Syncfusion Inc. 2001 - 2023. 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@24.1.43",
+  "_id": "@syncfusion/ej2-gantt@24.1.45",
   "_inBundle": false,
-  "_integrity": "sha512-DRuve/LRz6Qjehh0PgeFggD79hE5FCpP78+kc3uNkaWxbye6xKiWpDHCuzh3GSy4Kcml0vTeIIHx2MuU+mGDRw==",
+  "_integrity": "sha512-ouyWG2m2BKnXPY82s0pedbcWVo6BY0O5MDekp48im55Xx7Kn3AygKgPxaOjQExnEcZTZI4OXroStsTQzOK49Qw==",
   "_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-24.1.43.tgz",
-  "_shasum": "a7039db650d619071377c37ea25f97e8dff27972",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-24.1.45.tgz",
+  "_shasum": "ade85add34aa65cd55272fb32abe37fa12e109c9",
   "_spec": "@syncfusion/ej2-gantt@*",
   "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
   "author": {
@@ -35,21 +35,21 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~24.1.42",
-    "@syncfusion/ej2-buttons": "~24.1.41",
+    "@syncfusion/ej2-base": "~24.1.46",
+    "@syncfusion/ej2-buttons": "~24.1.46",
     "@syncfusion/ej2-calendars": "~24.1.44",
     "@syncfusion/ej2-data": "~24.1.41",
-    "@syncfusion/ej2-dropdowns": "~24.1.44",
-    "@syncfusion/ej2-grids": "~24.1.44",
-    "@syncfusion/ej2-inputs": "~24.1.41",
+    "@syncfusion/ej2-dropdowns": "~24.1.46",
+    "@syncfusion/ej2-grids": "~24.1.46",
+    "@syncfusion/ej2-inputs": "~24.1.45",
     "@syncfusion/ej2-layouts": "~24.1.41",
-    "@syncfusion/ej2-lists": "~24.1.41",
-    "@syncfusion/ej2-navigations": "~24.1.41",
+    "@syncfusion/ej2-lists": "~24.1.46",
+    "@syncfusion/ej2-navigations": "~24.1.46",
     "@syncfusion/ej2-notifications": "~24.1.41",
-    "@syncfusion/ej2-popups": "~24.1.44",
-    "@syncfusion/ej2-richtexteditor": "~24.1.43",
-    "@syncfusion/ej2-svg-base": "~24.1.41",
-    "@syncfusion/ej2-treegrid": "~24.1.44"
+    "@syncfusion/ej2-popups": "~24.1.46",
+    "@syncfusion/ej2-richtexteditor": "~24.1.46",
+    "@syncfusion/ej2-svg-base": "~24.1.46",
+    "@syncfusion/ej2-treegrid": "~24.1.46"
   },
   "deprecated": false,
   "description": "Essential JS 2 Gantt Component",
@@ -74,6 +74,6 @@
     "url": "git+https://github.com/syncfusion/ej2-gantt.git"
   },
   "typings": "index.d.ts",
-  "version": "24.1.44",
+  "version": "24.1.46",
   "sideEffects": false
 }

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

@@ -2186,6 +2186,9 @@ var DialogEdit = /** @class */ (function () {
         var ganttObj = this.parent;
         var resourceSettings = ganttObj.resourceFields;
         var ganttData = this.beforeOpenArgs.rowData;
+        if (((this.beforeOpenArgs.requestType === 'beforeOpenEditDialog' && !isNullOrUndefined(this.editedRecord[this.parent.taskFields.resourceInfo])) || (this.beforeOpenArgs.requestType === 'beforeOpenAddDialog' && !isNullOrUndefined(this.editedRecord[this.parent.taskFields.resourceInfo]))) && (typeof (this.editedRecord[this.parent.taskFields.resourceInfo]) === "object")) {
+            this.parent.setRecordValue('resourceInfo', this.parent.dataOperation.setResourceInfo(this.editedRecord), ganttData.ganttProperties, true);
+        }
         var rowResource = ganttData.ganttProperties.resourceInfo;
         var inputModel = this.beforeOpenArgs[itemName];
         var resourceTreeGridId = ganttObj.element.id + '' + itemName + 'TabContainer';
@@ -2224,6 +2227,11 @@ var DialogEdit = /** @class */ (function () {
                 this.ganttResources.push(resourceInfo[i]);
             }
         }
+        else if (!this.isEdit && !isNullOrUndefined(resourceInfo)) {
+            for (var i = 0; i < resourceInfo.length; i++) {
+                this.ganttResources.push(resourceInfo[i]);
+            }
+        }
         inputModel.rowSelected = function (args) {
             _this.updateResourceCollection(args, resourceTreeGridId);
         };
@@ -2635,7 +2643,14 @@ var DialogEdit = /** @class */ (function () {
                     }
                 }
                 else {
-                    tasksData[fieldName] = controlObj.value;
+                    if (fieldName === "Duration") {
+                        var numericValue = parseFloat(String(controlObj.value));
+                        ;
+                        tasksData[fieldName] = numericValue;
+                    }
+                    else {
+                        tasksData[fieldName] = controlObj.value;
+                    }
                     if (this.parent.enableHtmlSanitizer && typeof (controlObj.value) === 'string') {
                         controlObj.value = SanitizeHtmlHelper.sanitize(controlObj.value);
                         tasksData[fieldName] = controlObj.value;

package/src/gantt/actions/edit.js

@@ -1519,9 +1519,11 @@ var Edit = /** @class */ (function () {
             var taskID = updateRecord.ganttProperties.taskId;
             var resourceID = prevResource[index][this.parent.resourceFields.id];
             var record = flatRecords[this.parent.getTaskIds().indexOf('R' + resourceID)];
-            for (var j = 0; j < record.childRecords.length; j++) {
-                if (record.childRecords[j].ganttProperties.taskId === taskID) {
-                    this.removeChildRecord(record.childRecords[j]);
+            if (!isNullOrUndefined(record)) {
+                for (var j = 0; j < record.childRecords.length; j++) {
+                    if (record.childRecords[j].ganttProperties.taskId === taskID) {
+                        this.removeChildRecord(record.childRecords[j]);
+                    }
                 }
             }
         }
@@ -3062,10 +3064,16 @@ var Edit = /** @class */ (function () {
                 }
                 if (!isNullOrUndefined(args.data["" + tempTaskID])) {
                     if (args.data[tempTaskID] != args.data['ganttProperties']['taskId']) {
+                        for (var _i = 0, _b = Object.keys(_this.parent.ids); _i < _b.length; _i++) {
+                            var key = _b[_i];
+                            if (_this.parent.ids[key] === args.data['ganttProperties']['taskId'].toString()) {
+                                _this.parent.ids[key] = args.data[tempTaskID].toString();
+                                break;
+                            }
+                        }
                         args.data['ganttProperties']['taskId'] = args.data[tempTaskID];
                         args.newTaskData[tempTaskID] = args.data[tempTaskID];
                         args.data['ganttProperties']['rowUniqueID'] = args.data[tempTaskID].toString();
-                        _this.parent.ids.push(args.data[tempTaskID].toString());
                     }
                 }
                 if (!args.cancel) {
@@ -3075,7 +3083,6 @@ var Edit = /** @class */ (function () {
                             addedRecords: [args.newTaskData],
                             changedRecords: args.modifiedTaskData
                         };
-                        var prevID_1 = args.data.ganttProperties.taskId.toString();
                         /* tslint:disable-next-line */
                         var query = _this.parent.query instanceof Query ? _this.parent.query : new Query();
                         var adaptor = data_2.adaptor;
@@ -3083,14 +3090,21 @@ var Edit = /** @class */ (function () {
                             /* tslint:disable-next-line */
                             var crud = data_2.saveChanges(updatedData_2, _this.parent.taskFields.id, null, query);
                             crud.then(function (e) {
+                                if (e.addedRecords[0][_this.parent.taskFields.id].toString() != args.data['ganttProperties']['taskId']) {
+                                    args.data['ganttProperties']['taskId'] = e.addedRecords[0][_this.parent.taskFields.id].toString();
+                                    args.newTaskData[tempTaskID] = e.addedRecords[0][_this.parent.taskFields.id].toString();
+                                    args.data['ganttProperties']['rowUniqueID'] = e.addedRecords[0][_this.parent.taskFields.id].toString();
+                                    _this.parent.ids.push(e.addedRecords[0][_this.parent.taskFields.id].toString());
+                                }
+                                var prevID = args.data.ganttProperties.taskId.toString();
                                 if (_this.parent.taskFields.id && !isNullOrUndefined(e.addedRecords[0][_this.parent.taskFields.id]) &&
-                                    e.addedRecords[0][_this.parent.taskFields.id].toString() == prevID_1) {
+                                    e.addedRecords[0][_this.parent.taskFields.id].toString() == prevID) {
                                     _this.parent.setRecordValue('taskId', e.addedRecords[0][_this.parent.taskFields.id], args.data.ganttProperties, true);
                                     _this.parent.setRecordValue('taskData', e.addedRecords[0], args.data);
                                     _this.parent.setRecordValue(_this.parent.taskFields.id, e.addedRecords[0][_this.parent.taskFields.id], args.data);
                                     _this.parent.setRecordValue('rowUniqueID', e.addedRecords[0][_this.parent.taskFields.id].toString(), args.data.ganttProperties, true);
                                     _this.updateClientDataFromServer(e, args);
-                                    var idsIndex = _this.parent.ids.indexOf(prevID_1);
+                                    var idsIndex = _this.parent.ids.indexOf(prevID);
                                     if (idsIndex !== -1) {
                                         _this.parent.ids[idsIndex] = e.addedRecords[0][_this.parent.taskFields.id].toString();
                                     }

package/src/gantt/actions/pdf-export.d.ts

@@ -1,7 +1,7 @@
 import { PdfExportProperties } from './../base/interface';
 import { Gantt } from '../base/gantt';
 import { ExportHelper } from '../export/export-helper';
-import { SizeF } from '@syncfusion/ej2-pdf-export';
+import { PdfPage, SizeF } from '@syncfusion/ej2-pdf-export';
 import { PdfGantt } from '../export/pdf-gantt';
 /**
  *
@@ -16,6 +16,7 @@ export declare class PdfExport {
     private isBlob;
     private blobPromise;
     pdfPageDimensions: SizeF;
+    pdfPage: PdfPage;
     /**
      * @param {Gantt} parent .
      * @hidden

package/src/gantt/actions/pdf-export.js

@@ -125,8 +125,8 @@ var PdfExport = /** @class */ (function () {
         var _this = this;
         var section = this.pdfDocument.sections.add();
         this.processSectionExportProperties(section, pdfExportProperties);
-        var pdfPage = section.pages.add();
-        this.pdfPageDimensions = pdfPage.getClientSize();
+        this.pdfPage = section.pages.add();
+        this.pdfPageDimensions = this.pdfPage.getClientSize();
         /* eslint-disable-next-line */
         return new Promise(function (resolve, reject) {
             _this.helper.processGridExport(data, _this.gantt, pdfExportProperties);
@@ -135,7 +135,7 @@ var PdfExport = /** @class */ (function () {
         }).then(function () {
             var format = new PdfTreeGridLayoutFormat();
             format.break = PdfLayoutBreakType.FitElement;
-            var layouter = _this.gantt.drawGrid(pdfPage, 0, 0, format);
+            var layouter = _this.gantt.drawGrid(_this.pdfPage, 0, 0, format);
             _this.gantt.drawChart(layouter);
             if (_this.helper.exportProps && _this.helper.exportProps.fitToWidthSettings && _this.helper.exportProps.fitToWidthSettings.isFitToWidth) {
                 _this.parent.zoomingProjectStartDate = _this.helper.beforeSinglePageExport['zoomingProjectStartDate'];

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

@@ -1852,7 +1852,7 @@ var TaskbarEdit = /** @class */ (function (_super) {
         pStartDate.setTime(pStartDate.getTime() + (left * milliSecondsPerPixel));
         /* To render the milestone in proper date while editing */
         if (isMilestone && !isNullOrUndefined(property.predecessorsName) && property.predecessorsName !== '') {
-            pStartDate.setDate(pStartDate.getDate() - 1);
+            //  pStartDate.setDate(pStartDate.getDate()-1);
             this.parent.dateValidationModule.setTime(this.parent.defaultEndTime, pStartDate);
             pStartDate = this.parent.dateValidationModule.checkStartDate(pStartDate, property, true);
         }
@@ -1862,9 +1862,9 @@ var TaskbarEdit = /** @class */ (function (_super) {
             if (this.parent.isInDst(new Date(this.parent.timelineModule.timelineStartDate.toString())) && !this.parent.isInDst(pStartDate)) {
                 pStartDate.setTime(pStartDate.getTime() + (60 * 60 * 1000));
             }
-            else if (!this.parent.isInDst(new Date(this.parent.timelineModule.timelineStartDate.toString())) && this.parent.isInDst(pStartDate)) {
-                pStartDate.setTime(pStartDate.getTime() - (60 * 60 * 1000));
-            }
+            // else if (!this.parent.isInDst(new Date(this.parent.timelineModule.timelineStartDate.toString())) && this.parent.isInDst(pStartDate)) {
+            //     pStartDate.setTime(pStartDate.getTime() - (60 * 60 * 1000));
+            // }
         }
         return pStartDate;
     };

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

@@ -84,19 +84,25 @@ var TaskProcessor = /** @class */ (function (_super) {
         var queryManager = this.parent.query instanceof Query ? this.parent.query : new Query();
         queryManager.requiresCount();
         var dataManager = this.parent.dataSource;
-        dataManager.executeQuery(queryManager).then(function (e) {
-            _this.dataArray = e.result;
-            _this.processTimeline();
-            if (_this.parent.loadChildOnDemand || (!_this.parent.loadChildOnDemand && !(_this.parent.taskFields.hasChildMapping))) {
-                _this.cloneDataSource();
-            }
-            _this.parent.renderGantt(isChange);
-        }).catch(function (e) {
-            // Trigger action failure event
-            _this.parent.processTimeline();
-            _this.parent.renderGantt(isChange);
-            _this.parent.trigger('actionFailure', { error: e });
-        });
+        if (!this.parent.loadChildOnDemand && this.parent.taskFields.hasChildMapping) {
+            this.processTimeline();
+            this.parent.renderGantt(isChange);
+        }
+        else {
+            dataManager.executeQuery(queryManager).then(function (e) {
+                _this.dataArray = e.result;
+                _this.processTimeline();
+                if (_this.parent.loadChildOnDemand || (!_this.parent.loadChildOnDemand && !(_this.parent.taskFields.hasChildMapping))) {
+                    _this.cloneDataSource();
+                }
+                _this.parent.renderGantt(isChange);
+            }).catch(function (e) {
+                // Trigger action failure event
+                _this.parent.processTimeline();
+                _this.parent.renderGantt(isChange);
+                _this.parent.trigger('actionFailure', { error: e });
+            });
+        }
     };
     TaskProcessor.prototype.constructDataSource = function (dataSource) {
         var mappingData = new DataManager(dataSource).executeLocal(new Query()
@@ -2280,14 +2286,11 @@ var TaskProcessor = /** @class */ (function (_super) {
      */
     TaskProcessor.prototype.updateWidthLeft = function (data) {
         var ganttRecord = data.ganttProperties;
+        var totalSegmentsProgressWidth = 0;
         // task endDate may be changed in segment calculation so this must be calculated first.
         // task width calculating was based on endDate
         if (!isNullOrUndefined(ganttRecord.segments) && ganttRecord.segments.length > 0) {
             var segments = ganttRecord.segments;
-            var fixedWidth = true;
-            var totalTaskWidth = this.splitTasksDuration(segments) * ((this.parent.timelineModule.bottomTier === "Hour" || this.parent.timelineModule.bottomTier === "Minutes") ? this.parent.timelineSettings.timelineUnitSize : this.parent.perDayWidth);
-            ;
-            var totalProgressWidth = this.parent.dataOperation.getProgressWidth(totalTaskWidth, ganttRecord.progress);
             for (var i = 0; i < segments.length; i++) {
                 var segment = segments[i];
                 if (i === 0 && !isNullOrUndefined(ganttRecord.startDate) &&
@@ -2298,22 +2301,27 @@ var TaskProcessor = /** @class */ (function (_super) {
                     this.parent.chartRowsModule.incrementSegments(segments, 0, data);
                 }
                 segment.width = this.getSplitTaskWidth(segment.startDate, segment.duration, data);
+                totalSegmentsProgressWidth = totalSegmentsProgressWidth + segment.width;
                 segment.showProgress = false;
                 segment.progressWidth = -1;
                 if (i !== 0) {
                     var pStartDate = new Date(ganttRecord.startDate.getTime());
                     segment.left = this.getSplitTaskLeft(segment.startDate, pStartDate);
                 }
-                if (totalProgressWidth > 0 && totalProgressWidth > segment.width) {
-                    totalProgressWidth = totalProgressWidth - segment.width;
-                    segment.progressWidth = segment.width;
-                    segment.showProgress = false;
-                }
-                else if (fixedWidth) {
-                    segment.progressWidth = totalProgressWidth;
-                    segment.showProgress = true;
-                    totalProgressWidth = totalProgressWidth - segment.width;
-                    fixedWidth = false;
+            }
+            var setProgress = this.parent.dataOperation.getProgressWidth(totalSegmentsProgressWidth, ganttRecord.progress);
+            var isValid = true;
+            for (var i = 0; i < segments.length; i++) {
+                if (isValid) {
+                    if (setProgress <= segments[i].width) {
+                        segments[i].progressWidth = setProgress;
+                        segments[i].showProgress = true;
+                        isValid = false;
+                    }
+                    else {
+                        segments[i].progressWidth = segments[i].width;
+                        setProgress = setProgress - segments[i].progressWidth;
+                    }
                 }
             }
             this.parent.setRecordValue('segments', ganttRecord.segments, ganttRecord, true);
@@ -2321,7 +2329,12 @@ var TaskProcessor = /** @class */ (function (_super) {
         }
         this.parent.setRecordValue('width', this.parent.dataOperation.calculateWidth(data), ganttRecord, true);
         this.parent.setRecordValue('left', this.parent.dataOperation.calculateLeft(ganttRecord), ganttRecord, true);
-        this.parent.setRecordValue('progressWidth', this.parent.dataOperation.getProgressWidth((ganttRecord.isAutoSchedule || !data.hasChildRecords ? ganttRecord.width : ganttRecord.autoWidth), ganttRecord.progress), ganttRecord, true);
+        if (!isNullOrUndefined(ganttRecord.segments) && ganttRecord.segments.length > 0) {
+            this.parent.setRecordValue('progressWidth', this.parent.dataOperation.getProgressWidth(totalSegmentsProgressWidth, ganttRecord.progress), ganttRecord, true);
+        }
+        else {
+            this.parent.setRecordValue('progressWidth', this.parent.dataOperation.getProgressWidth((ganttRecord.isAutoSchedule || !data.hasChildRecords ? ganttRecord.width : ganttRecord.autoWidth), ganttRecord.progress), ganttRecord, true);
+        }
     };
     /**
      * method to update left, width, progress width in record

package/src/gantt/base/tree-grid.d.ts

@@ -15,6 +15,7 @@ export declare class GanttTreeGrid {
      * @private
      */
     currentEditRow: {};
+    private registeredTemplate;
     addedRecord: boolean;
     private previousScroll;
     /** @hidden */

package/src/gantt/base/tree-grid.js

@@ -110,6 +110,9 @@ var GanttTreeGrid = /** @class */ (function () {
         this.bindEvents();
         var root = 'root';
         this.parent.treeGrid[root] = this.parent[root] ? this.parent[root] : this.parent;
+        setValue('registeredTemplate', this.registeredTemplate, this.parent.treeGrid.grid);
+        var ref = 'viewContainerRef';
+        setValue('viewContainerRef', this["" + ref], this.parent.treeGrid.grid);
         this.parent.treeGrid.appendTo(this.treeGridElement);
         if (this.parent.treeGrid.grid && this.parent.toolbarModule && this.parent.isReact) {
             this.parent.treeGrid.grid.portals = this.parent.portals;

package/src/gantt/export/export-helper.js

@@ -695,9 +695,11 @@ var ExportHelper = /** @class */ (function () {
             compositeField.draw(footer.graphics, new PointF(0, 0));
             pdfDoc.template.bottom = footer;
         }
+        var PdfPage = this.parent.pdfExportModule.pdfPage;
+        var pageSize = PdfPage.size;
+        var clientSize = !isNullOrUndefined(pageSize) ? pageSize : this.pdfDoc.pageSettings.size;
         // code for draw header content
         if (!isNullOrUndefined(this.exportProps.header)) {
-            var clientSize = this.pdfDoc.pageSettings.size;
             var headerProp = this.exportProps.header;
             var position = new PointF(0, headerProp.fromTop);
             var size = new SizeF((clientSize.width * 1.1), ((headerProp && headerProp.height) ? headerProp.height * 0.75 : 50));
@@ -706,7 +708,6 @@ var ExportHelper = /** @class */ (function () {
         }
         // code for customization of footer
         if (!this.exportProps.enableFooter && !isNullOrUndefined(this.exportProps.footer)) {
-            var clientSize = this.pdfDoc.pageSettings.size;
             var footer = this.exportProps.footer;
             var position = new PointF(0, ((clientSize.width - 80) - ((footer && footer.fromBottom) ?
                 footer.fromBottom * 0.75 : 0)));

package/src/gantt/export/pdf-taskbar.js

@@ -105,13 +105,32 @@ var PdfGanttTaskbarCollection = /** @class */ (function () {
             progressFormat.alignment = PdfTextAlignment.Left;
         }
         var pageIndex = -1;
+        var renderBaselineWidth = 0;
+        if (this.baselineWidth > detail.totalWidth) {
+            if (this.parent.timelineModule.isZoomedToFit || this.isAutoFit()) {
+                renderBaselineWidth = detail.totalWidth - this.baselineLeft;
+            }
+            else {
+                renderBaselineWidth = detail.totalWidth;
+            }
+            this.baselineWidth = this.baselineWidth - detail.totalWidth;
+        }
+        else {
+            if ((this.parent.timelineModule.isZoomedToFit || this.isAutoFit()) && this.baselineWidth + this.baselineLeft > detail.totalWidth) {
+                renderBaselineWidth = detail.totalWidth - this.baselineLeft;
+            }
+            else {
+                renderBaselineWidth = this.baselineWidth;
+            }
+        }
+        var baselinePen = new PdfPen(taskbar.baselineBorderColor);
+        var baselineBrush = new PdfSolidBrush(taskbar.baselineColor);
+        var renderedBaseline = false;
         if (!taskbar.isMilestone) {
             var taskbarPen_1 = new PdfPen(taskbar.taskBorderColor);
             var taskBrush_1 = new PdfSolidBrush(taskbar.taskColor);
-            var baselinePen = new PdfPen(taskbar.baselineBorderColor);
             var manualParentBorderPen = new PdfPen(taskbar.manualParentBorder);
             var manualChildBorderPen = new PdfPen(taskbar.manualChildBorder);
-            var baselineBrush = new PdfSolidBrush(taskbar.baselineColor);
             var manualTaskbarPen = new PdfPen(taskbar.manuallineColor);
             var manualParentPen = new PdfPen(taskbar.manualParentProgress);
             var manualline = new PdfPen(taskbar.manuallineColor);
@@ -182,11 +201,12 @@ var PdfGanttTaskbarCollection = /** @class */ (function () {
                 else {
                     if (this.parent.renderBaseline && taskbar.baselineStartDate && taskbar.baselineEndDate) {
                         if (this.isAutoFit()) {
-                            taskGraphics.drawRectangle(baselinePen, baselineBrush, startPoint.x + (taskbar.baselineLeft - cumulativeWidth) + 0.5, startPoint.y + adjustHeight_1 + pixelToPoint(taskbar.height + 3), (this.baselineWidth), pixelToPoint(this.baselineHeight));
+                            taskGraphics.drawRectangle(baselinePen, baselineBrush, startPoint.x + (taskbar.baselineLeft - cumulativeWidth) + 0.5, startPoint.y + adjustHeight_1 + pixelToPoint(taskbar.height + 3), (renderBaselineWidth), pixelToPoint(this.baselineHeight));
                         }
                         else {
-                            taskGraphics.drawRectangle(baselinePen, baselineBrush, startPoint.x + pixelToPoint(taskbar.baselineLeft - cumulativeWidth) + 0.5, startPoint.y + adjustHeight_1 + pixelToPoint(taskbar.height + 3), pixelToPoint(this.baselineWidth), pixelToPoint(this.baselineHeight));
+                            taskGraphics.drawRectangle(baselinePen, baselineBrush, startPoint.x + pixelToPoint(taskbar.baselineLeft - cumulativeWidth) + 0.5, startPoint.y + adjustHeight_1 + pixelToPoint(taskbar.height + 3), pixelToPoint(renderBaselineWidth), pixelToPoint(this.baselineHeight));
                         }
+                        renderedBaseline = true;
                     }
                     if (taskbar.isSpliterTask) {
                         splitline.dashStyle = PdfDashStyle.Dot;
@@ -399,11 +419,12 @@ var PdfGanttTaskbarCollection = /** @class */ (function () {
                 else {
                     if (this.parent.renderBaseline && taskbar.baselineStartDate && taskbar.baselineEndDate) {
                         if (this.isAutoFit()) {
-                            taskGraphics.drawRectangle(baselinePen, baselineBrush, startPoint.x + (taskbar.baselineLeft - cumulativeWidth) + 0.5, startPoint.y + adjustHeight_1 + pixelToPoint(taskbar.height + 3), (this.baselineWidth), pixelToPoint(this.baselineHeight));
+                            taskGraphics.drawRectangle(baselinePen, baselineBrush, startPoint.x + (taskbar.baselineLeft - cumulativeWidth) + 0.5, startPoint.y + adjustHeight_1 + pixelToPoint(taskbar.height + 3), (renderBaselineWidth), pixelToPoint(this.baselineHeight));
                         }
                         else {
-                            taskGraphics.drawRectangle(baselinePen, baselineBrush, startPoint.x + pixelToPoint(taskbar.baselineLeft - cumulativeWidth) + 0.5, startPoint.y + adjustHeight_1 + pixelToPoint(taskbar.height + 3), pixelToPoint(this.baselineWidth), pixelToPoint(this.baselineHeight));
+                            taskGraphics.drawRectangle(baselinePen, baselineBrush, startPoint.x + pixelToPoint(taskbar.baselineLeft - cumulativeWidth) + 0.5, startPoint.y + adjustHeight_1 + pixelToPoint(taskbar.height + 3), pixelToPoint(renderBaselineWidth), pixelToPoint(this.baselineHeight));
                         }
+                        renderedBaseline = true;
                     }
                     if (taskbar.isSpliterTask) {
                         var pervwidth_1 = 0;
@@ -560,11 +581,12 @@ var PdfGanttTaskbarCollection = /** @class */ (function () {
                 }
                 if (this.parent.renderBaseline && taskbar.baselineStartDate && taskbar.baselineEndDate) {
                     if (this.isAutoFit()) {
-                        taskGraphics.drawRectangle(baselinePen, baselineBrush, startPoint.x + (taskbar.baselineLeft - cumulativeWidth) + 0.5, startPoint.y + adjustHeight_1 + pixelToPoint(taskbar.height + 3), (this.baselineWidth), pixelToPoint(this.baselineHeight));
+                        taskGraphics.drawRectangle(baselinePen, baselineBrush, startPoint.x + (taskbar.baselineLeft - cumulativeWidth) + 0.5, startPoint.y + adjustHeight_1 + pixelToPoint(taskbar.height + 3), (renderBaselineWidth), pixelToPoint(this.baselineHeight));
                     }
                     else {
-                        taskGraphics.drawRectangle(baselinePen, baselineBrush, startPoint.x + pixelToPoint(taskbar.baselineLeft - cumulativeWidth) + 0.5, startPoint.y + adjustHeight_1 + pixelToPoint(taskbar.height + 3), pixelToPoint(this.baselineWidth), pixelToPoint(this.baselineHeight));
+                        taskGraphics.drawRectangle(baselinePen, baselineBrush, startPoint.x + pixelToPoint(taskbar.baselineLeft - cumulativeWidth) + 0.5, startPoint.y + adjustHeight_1 + pixelToPoint(taskbar.height + 3), pixelToPoint(renderBaselineWidth), pixelToPoint(this.baselineHeight));
                     }
+                    renderedBaseline = true;
                 }
                 if (!this.isScheduledTask && this.unscheduledTaskBy === 'duration') {
                     var brush1 = void 0;
@@ -716,11 +738,12 @@ var PdfGanttTaskbarCollection = /** @class */ (function () {
                 }
                 if (this.parent.renderBaseline && taskbar.baselineStartDate && taskbar.baselineEndDate) {
                     if (this.isAutoFit()) {
-                        taskGraphics.drawRectangle(baselinePen, baselineBrush, startPoint.x + (taskbar.baselineLeft - cumulativeWidth) + 0.5, startPoint.y + adjustHeight_1 + pixelToPoint(taskbar.height + 3), (this.baselineWidth), pixelToPoint(this.baselineHeight));
+                        taskGraphics.drawRectangle(baselinePen, baselineBrush, startPoint.x + (taskbar.baselineLeft - cumulativeWidth) + 0.5, startPoint.y + adjustHeight_1 + pixelToPoint(taskbar.height + 3), (renderBaselineWidth), pixelToPoint(this.baselineHeight));
                     }
                     else {
-                        taskGraphics.drawRectangle(baselinePen, baselineBrush, startPoint.x + pixelToPoint(taskbar.baselineLeft - cumulativeWidth) + 0.5, startPoint.y + adjustHeight_1 + pixelToPoint(taskbar.height + 3), pixelToPoint(this.baselineWidth), pixelToPoint(this.baselineHeight));
+                        taskGraphics.drawRectangle(baselinePen, baselineBrush, startPoint.x + pixelToPoint(taskbar.baselineLeft - cumulativeWidth) + 0.5, startPoint.y + adjustHeight_1 + pixelToPoint(taskbar.height + 3), pixelToPoint(renderBaselineWidth), pixelToPoint(this.baselineHeight));
                     }
+                    renderedBaseline = true;
                 }
                 if (!this.isScheduledTask && this.unscheduledTaskBy === 'duration') {
                     var brush1 = void 0;
@@ -941,6 +964,15 @@ var PdfGanttTaskbarCollection = /** @class */ (function () {
                 this.drawMilestone(page, startPoint, detail, cumulativeWidth);
             }
         }
+        if (this.baselineEndDate >= detail.startDate && !renderedBaseline && detail.startIndex != 1 && this.parent.renderBaseline && taskbar.baselineStartDate && taskbar.baselineEndDate) {
+            var adjustHeight = pixelToPoint((this.parent.rowHeight - this.height) / 4.5);
+            if (this.isAutoFit()) {
+                taskGraphics.drawRectangle(baselinePen, baselineBrush, startPoint.x + (taskbar.baselineLeft - cumulativeWidth) + 0.5, startPoint.y + adjustHeight + pixelToPoint(taskbar.height + 3), (renderBaselineWidth), pixelToPoint(this.baselineHeight));
+            }
+            else {
+                taskGraphics.drawRectangle(baselinePen, baselineBrush, startPoint.x + pixelToPoint(taskbar.baselineLeft - cumulativeWidth) + 0.5, startPoint.y + adjustHeight + pixelToPoint(taskbar.height + 3), pixelToPoint(renderBaselineWidth), pixelToPoint(this.baselineHeight));
+            }
+        }
         this.drawRightLabel(page, startPoint, detail, cumulativeWidth);
         return isNextPage;
     };

package/styles/bootstrap-dark.css

@@ -825,7 +825,7 @@
   box-sizing: border-box;
 }
 .e-gantt .e-gantt-chart .e-zero-spacing {
-  border-spacing: 0.25px;
+  border-spacing: 0;
 }
 .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
   border-top: 0;

package/styles/bootstrap.css

@@ -963,7 +963,7 @@
   box-sizing: border-box;
 }
 .e-gantt .e-gantt-chart .e-zero-spacing {
-  border-spacing: 0.25px;
+  border-spacing: 0;
 }
 .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
   border-top: 0;

package/styles/bootstrap4.css

@@ -1177,7 +1177,7 @@
   box-sizing: border-box;
 }
 .e-gantt .e-gantt-chart .e-zero-spacing {
-  border-spacing: 0.25px;
+  border-spacing: 0;
 }
 .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
   border-top: 0;

package/styles/bootstrap5-dark.css

@@ -864,7 +864,7 @@
   box-sizing: border-box;
 }
 .e-gantt .e-gantt-chart .e-zero-spacing {
-  border-spacing: 0.25px;
+  border-spacing: 0;
 }
 .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
   border-top: 0;

package/styles/bootstrap5.css

@@ -864,7 +864,7 @@
   box-sizing: border-box;
 }
 .e-gantt .e-gantt-chart .e-zero-spacing {
-  border-spacing: 0.25px;
+  border-spacing: 0;
 }
 .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
   border-top: 0;

package/styles/fabric-dark.css

@@ -780,7 +780,7 @@
   box-sizing: border-box;
 }
 .e-gantt .e-gantt-chart .e-zero-spacing {
-  border-spacing: 0.25px;
+  border-spacing: 0;
 }
 .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
   border-top: 0;

package/styles/fabric.css

@@ -773,7 +773,7 @@
   box-sizing: border-box;
 }
 .e-gantt .e-gantt-chart .e-zero-spacing {
-  border-spacing: 0.25px;
+  border-spacing: 0;
 }
 .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
   border-top: 0;

package/styles/fluent-dark.css

@@ -848,7 +848,7 @@
   box-sizing: border-box;
 }
 .e-gantt .e-gantt-chart .e-zero-spacing {
-  border-spacing: 0.25px;
+  border-spacing: 0;
 }
 .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
   border-top: 0;

package/styles/fluent.css

@@ -848,7 +848,7 @@
   box-sizing: border-box;
 }
 .e-gantt .e-gantt-chart .e-zero-spacing {
-  border-spacing: 0.25px;
+  border-spacing: 0;
 }
 .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
   border-top: 0;

package/styles/gantt/_layout.scss

@@ -813,7 +813,7 @@
       }
 
       .e-zero-spacing {
-        border-spacing: .25px;
+        border-spacing: 0;
       }
 
       .e-chart-row:first-child .e-chart-row-border {

package/styles/gantt/bootstrap-dark.css

@@ -825,7 +825,7 @@
   box-sizing: border-box;
 }
 .e-gantt .e-gantt-chart .e-zero-spacing {
-  border-spacing: 0.25px;
+  border-spacing: 0;
 }
 .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
   border-top: 0;

package/styles/gantt/bootstrap.css

@@ -963,7 +963,7 @@
   box-sizing: border-box;
 }
 .e-gantt .e-gantt-chart .e-zero-spacing {
-  border-spacing: 0.25px;
+  border-spacing: 0;
 }
 .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
   border-top: 0;

package/styles/gantt/bootstrap4.css

@@ -1177,7 +1177,7 @@
   box-sizing: border-box;
 }
 .e-gantt .e-gantt-chart .e-zero-spacing {
-  border-spacing: 0.25px;
+  border-spacing: 0;
 }
 .e-gantt .e-gantt-chart .e-chart-row:first-child .e-chart-row-border {
   border-top: 0;