@syncfusion/ej2-gantt 24.1.43 → 24.1.45

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 24.1.43
+*  version : 24.1.45
 *  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.41",
+  "_id": "@syncfusion/ej2-gantt@24.1.44",
   "_inBundle": false,
-  "_integrity": "sha512-CRkRWQPez+tYXmsKu2qW3rNLMZ5g+Qu11ywUG9sD4MvrhSd48R8HAt0LoIY1eXVlMRcnJwS8BpFiyyWUlqseVg==",
+  "_integrity": "sha512-CkC7CVd5nbCW3iUuD46runhDjgyav53rqouMi+ryTjYPR0GB73SfjeG24mcF5/yML7v6Gpi7c4gbdeUdXDCvTA==",
   "_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.41.tgz",
-  "_shasum": "6e3d9f14fae2d4fb8f9ed808b7779fcbd13bf668",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-24.1.44.tgz",
+  "_shasum": "41fdab976d6bb8c5299a62e2a78ea8adb7f52a78",
   "_spec": "@syncfusion/ej2-gantt@*",
   "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
   "author": {
@@ -36,20 +36,20 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~24.1.42",
-    "@syncfusion/ej2-buttons": "~24.1.41",
-    "@syncfusion/ej2-calendars": "~24.1.43",
+    "@syncfusion/ej2-buttons": "~24.1.45",
+    "@syncfusion/ej2-calendars": "~24.1.44",
     "@syncfusion/ej2-data": "~24.1.41",
-    "@syncfusion/ej2-dropdowns": "~24.1.43",
-    "@syncfusion/ej2-grids": "~24.1.43",
-    "@syncfusion/ej2-inputs": "~24.1.41",
+    "@syncfusion/ej2-dropdowns": "~24.1.45",
+    "@syncfusion/ej2-grids": "~24.1.45",
+    "@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-notifications": "~24.1.41",
-    "@syncfusion/ej2-popups": "~24.1.41",
-    "@syncfusion/ej2-richtexteditor": "~24.1.43",
-    "@syncfusion/ej2-svg-base": "~24.1.41",
-    "@syncfusion/ej2-treegrid": "~24.1.41"
+    "@syncfusion/ej2-popups": "~24.1.44",
+    "@syncfusion/ej2-richtexteditor": "~24.1.45",
+    "@syncfusion/ej2-svg-base": "~24.1.45",
+    "@syncfusion/ej2-treegrid": "~24.1.45"
   },
   "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.43",
+  "version": "24.1.45",
   "sideEffects": false
 }

package/src/gantt/actions/context-menu.js

@@ -581,7 +581,7 @@ var ContextMenu = /** @class */ (function () {
     };
     ContextMenu.prototype.contextMenuOpen = function (args) {
         this.isOpen = true;
-        var firstMenuItem = args.element.querySelectorAll('li:not(.e-menu-hide):not(.e-disabled)')[0];
+        var firstMenuItem = this.parent['args'] = args.element.querySelectorAll('li:not(.e-menu-hide):not(.e-disabled)')[0];
         if (!isNullOrUndefined(firstMenuItem)) {
             addClass([firstMenuItem], 'e-focused');
         }

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]);
+                    }
                 }
             }
         }
@@ -3064,6 +3066,8 @@ var Edit = /** @class */ (function () {
                     if (args.data[tempTaskID] != args.data['ganttProperties']['taskId']) {
                         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) {
@@ -3073,7 +3077,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;
@@ -3081,14 +3084,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/keyboard.js

@@ -264,7 +264,10 @@ var FocusModule = /** @class */ (function () {
                 var selectingRowIndex = expandedRecords.indexOf(selectedItem);
                 var currentSelectingRecord = e.action === 'downArrow' ? expandedRecords[selectingRowIndex + 1] :
                     expandedRecords[selectingRowIndex - 1];
-                ganttObj.selectionModule.selectRow(ganttObj.currentViewData.indexOf(currentSelectingRecord), false, true);
+                var activeElement = this.parent['args'];
+                if (document.activeElement != activeElement) {
+                    ganttObj.selectionModule.selectRow(ganttObj.currentViewData.indexOf(currentSelectingRecord), false, true);
+                }
             }
             else if (ganttObj.selectionSettings.mode === 'Cell' && ganttObj.selectionModule.getSelectedRowCellIndexes().length > 0) {
                 var selectCellIndex = ganttObj.selectionModule.getSelectedRowCellIndexes();

package/src/gantt/base/gantt.js

@@ -860,6 +860,12 @@ var Gantt = /** @class */ (function (_super) {
         }
     };
     Gantt.prototype.keyActionHandler = function (e) {
+        if (this.enableContextMenu && this.contextMenuModule && (e.action === 'downArrow' || e.action === 'upArrow') && document.getElementById(this.element.id + '_contextmenu') && this['args']) {
+            var firstMenuItem = this['args'];
+            if (!isNullOrUndefined(firstMenuItem)) {
+                (firstMenuItem).focus();
+            }
+        }
         if (e.target && (e.action === 'downArrow' || e.action === 'upArrow') && e.target === this.element.querySelector('.e-rowcell')) {
             this.treeGrid.grid.notify('key-pressed', e);
         }

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

@@ -2280,14 +2280,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 +2295,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 +2323,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/export/pdf-taskbar.js

@@ -105,13 +105,22 @@ var PdfGanttTaskbarCollection = /** @class */ (function () {
             progressFormat.alignment = PdfTextAlignment.Left;
         }
         var pageIndex = -1;
+        var renderBaselineWidth = 0;
+        if (this.baselineWidth > detail.totalWidth) {
+            renderBaselineWidth = detail.totalWidth;
+            this.baselineWidth = this.baselineWidth - detail.totalWidth;
+        }
+        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 +191,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 +409,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 +571,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 +728,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 +954,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;
     };