@syncfusion/ej2-gantt 23.1.44 → 23.2.5

package/dist/es6/ej2-gantt.es5.js

@@ -271,7 +271,7 @@ var DateProcessor = /** @__PURE__ @class */ (function () {
                     if (!this.parent.includeWeekend) {
                         var tempDate = new Date(cloneStartDate.getTime());
                         cloneStartDate = this.getNextWorkingDay(cloneStartDate);
-                        if (tempDate.getTime() !== cloneStartDate.getTime()) {
+                        if (tempDate.getTime() !== cloneStartDate.getTime() && !validateAsMilestone) {
                             this.setTime(startTime, cloneStartDate);
                         }
                     }
@@ -7482,10 +7482,9 @@ var Timeline = /** @__PURE__ @class */ (function () {
                 var validEndLeft = this.parent.dataOperation.getTaskLeft(validEndDate, false);
                 var isChanged = void 0;
                 var taskbarModule = this.parent.editModule.taskbarEditModule;
-                if (!isNullOrUndefined(maxStartLeft) && ((minStartDate < this.timelineStartDate) ||
-                    (!isNullOrUndefined(taskbarModule)) && (!isNullOrUndefined(taskbarModule.taskBarEditAction)
-                        && taskbarModule.taskBarEditAction !== 'ProgressResizing' &&
-                        taskbarModule.taskBarEditAction !== 'RightResizing')) && (maxStartLeft < this.bottomTierCellWidth || maxStartLeft <= validStartLeft)) {
+                if (!isNullOrUndefined(maxStartLeft) && ((!isNullOrUndefined(taskbarModule)) && (!isNullOrUndefined(taskbarModule.taskBarEditAction)
+                    && taskbarModule.taskBarEditAction !== 'ProgressResizing' &&
+                    taskbarModule.taskBarEditAction !== 'RightResizing' && taskbarModule.taskBarEditAction !== 'LeftResizing')) && (maxStartLeft < this.bottomTierCellWidth || maxStartLeft <= validStartLeft)) {
                     isChanged = 'prevTimeSpan';
                     minStartDate = minStartDate > this.timelineStartDate ? this.timelineStartDate : minStartDate;
                 }
@@ -7750,7 +7749,9 @@ var GanttTreeGrid = /** @__PURE__ @class */ (function () {
         this.parent.treeGrid.loadChildOnDemand = this.parent.loadChildOnDemand;
         this.parent.treeGrid['isFromGantt'] = true;
         this.parent.treeGrid.parentIdMapping = this.parent.taskFields.parentID;
-        this.parent.treeGrid.idMapping = this.parent.taskFields.id;
+        if (this.parent.taskFields.parentID) {
+            this.parent.treeGrid.idMapping = this.parent.taskFields.id;
+        }
         this.parent.treeGrid.showColumnMenu = this.parent.showColumnMenu;
         this.parent.treeGrid.enableCollapseAll = this.parent.collapseAllParentTasks;
         this.parent.treeGrid.columnMenuItems = this.parent.columnMenuItems;
@@ -7791,7 +7792,7 @@ var GanttTreeGrid = /** @__PURE__ @class */ (function () {
             toolbarHeight = this.parent.toolbarModule.element.offsetHeight;
         }
         this.parent.treeGrid.height =
-            this.parent.element.getElementsByClassName('e-chart-scroll-container e-content')[0]['offsetHeight'] - 19;
+            this.parent.element.getElementsByClassName('e-chart-scroll-container e-content')[0]['offsetHeight'] - (this.parent.flatData.length == 0 ? 0 : 19);
     };
     GanttTreeGrid.prototype.getContentDiv = function () {
         return this.treeGridElement.querySelector('.e-content');
@@ -8450,7 +8451,7 @@ var GanttTreeGrid = /** @__PURE__ @class */ (function () {
      */
     GanttTreeGrid.prototype.composeIDColumn = function (column) {
         var isProjectView = this.parent.viewType === 'ProjectView';
-        var lengthDataSource = this.parent.dataSource['length'];
+        var lengthDataSource = this.parent.dataSource ? this.parent.dataSource['length'] : 0;
         var taskIDName;
         column.isPrimaryKey = isProjectView ? true : false;
         if (this.parent.isLocaleChanged) {
@@ -15947,6 +15948,7 @@ var Gantt = /** @__PURE__ @class */ (function (_super) {
                     this.treeGridModule.treeGridColumns = [];
                     this.treeGridModule.validateGanttColumns();
                     this.treeGrid.columns = this.treeGridModule.treeGridColumns;
+                    this.treeGrid.grid.columns = this.treeGridModule.treeGridColumns;
                     this.chartRowsModule.initiateTemplates();
                     this.timelineModule.updateChartByNewTimeline();
                     break;
@@ -19138,8 +19140,8 @@ var __extends$20 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __assign$1 = (undefined && undefined.__assign) || function () {
-    __assign$1 = Object.assign || function(t) {
+var __assign$2 = (undefined && undefined.__assign) || function () {
+    __assign$2 = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
             s = arguments[i];
             for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
@@ -19147,7 +19149,7 @@ var __assign$1 = (undefined && undefined.__assign) || function () {
         }
         return t;
     };
-    return __assign$1.apply(this, arguments);
+    return __assign$2.apply(this, arguments);
 };
 /**
  * File for handling taskbar editing operation in Gantt.
@@ -19979,7 +19981,7 @@ var TaskbarEdit = /** @__PURE__ @class */ (function (_super) {
         var differenceWidth = 0;
         if (this.taskBarEditElement.classList.contains('e-segmented-taskbar') &&
             !this.taskBarEditElement.classList.contains('e-segment-first')) {
-            var segments = this.taskBarEditRecord.ganttProperties.segments.map(function (e) { return (__assign$1({}, e)); });
+            var segments = this.taskBarEditRecord.ganttProperties.segments.map(function (e) { return (__assign$2({}, e)); });
             var segment = segments[this.segmentIndex];
             if (this.mouseDownX > this.mouseMoveX) {
                 differenceWidth = isNullOrUndefined(this.previousMouseMove) ?
@@ -20128,7 +20130,7 @@ var TaskbarEdit = /** @__PURE__ @class */ (function (_super) {
         }
     };
     TaskbarEdit.prototype.enableSplitTaskLeftResize = function (item) {
-        var segments = this.taskBarEditRecord.ganttProperties.segments.map(function (e) { return (__assign$1({}, e)); });
+        var segments = this.taskBarEditRecord.ganttProperties.segments.map(function (e) { return (__assign$2({}, e)); });
         var segment = segments[this.segmentIndex];
         var differenceWidth = 0;
         //when decrease the left and increase the width
@@ -20263,7 +20265,7 @@ var TaskbarEdit = /** @__PURE__ @class */ (function (_super) {
         var item = this.taskBarEditRecord.ganttProperties;
         var differenceWidth = 0;
         if (this.taskBarEditElement.classList.contains('e-segmented-taskbar')) {
-            var segments = this.taskBarEditRecord.ganttProperties.segments.map(function (e) { return (__assign$1({}, e)); });
+            var segments = this.taskBarEditRecord.ganttProperties.segments.map(function (e) { return (__assign$2({}, e)); });
             var segment = segments[this.segmentIndex];
             if (this.mouseDownX > this.mouseMoveX) {
                 if (this.mouseMoveX > (item.left + segment.left) && (this.mouseDownX - this.mouseMoveX) > 3) {
@@ -24771,6 +24773,17 @@ var ConnectorLineEdit = /** @__PURE__ @class */ (function () {
     return ConnectorLineEdit;
 }());
 
+var __assign$1 = (undefined && undefined.__assign) || function () {
+    __assign$1 = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign$1.apply(this, arguments);
+};
 /**
  * The Edit Module is used to handle editing actions.
  *
@@ -25990,7 +26003,15 @@ var Edit$2 = /** @__PURE__ @class */ (function () {
         if (args.action && args.action === 'DrawConnectorLine') {
             eventArgs.action = 'DrawConnectorLine';
         }
+        var ganttObj = this.parent;
+        var currentBaselineStart = __assign$1({}, eventArgs.data.ganttProperties.baselineStartDate);
+        var currentBaselineEnd = __assign$1({}, eventArgs.data.ganttProperties.baselineEndDate);
         this.parent.trigger('actionBegin', eventArgs, function (eventArg) {
+            if (currentBaselineStart != eventArg.data["ganttProperties"].baselineStartDate
+                || currentBaselineEnd != eventArg.data["ganttProperties"].baselineEndDate) {
+                ganttObj.setRecordValue('baselineLeft', ganttObj.dataOperation.calculateBaselineLeft(eventArg.data['ganttProperties']), eventArg.data['ganttProperties'], true);
+                ganttObj.setRecordValue('baselineWidth', ganttObj.dataOperation.calculateBaselineWidth(eventArg.data['ganttProperties']), eventArg.data['ganttProperties'], true);
+            }
             if (!isNullOrUndefined(_this.parent.loadingIndicator) && _this.parent.loadingIndicator.indicatorType === "Shimmer") {
                 _this.parent.showMaskRow();
             }
@@ -29922,6 +29943,9 @@ var Toolbar$3 = /** @__PURE__ @class */ (function () {
         this.toolbar.isReact = this.parent.isReact;
         this.toolbar.on('render-react-toolbar-template', this.addReactToolbarPortals, this);
         this.toolbar.appendTo(this.element);
+        if (this.parent.treeGrid.grid && this.parent.isReact) {
+            this.parent.treeGrid.grid.portals = this.parent.portals;
+        }
         var cancelItem = this.element.querySelector('#' + this.parent.element.id + '_cancel');
         var updateItem = this.element.querySelector('#' + this.parent.element.id + '_update');
         if (cancelItem) {
@@ -36007,10 +36031,10 @@ var ExportHelper = /** @__PURE__ @class */ (function () {
             this.parent.predecessorModule.createConnectorLinesCollection();
             this.parent.updatedConnectorLineCollection.forEach(function (data) {
                 var predecessor = _this.gantt.predecessor.add();
-                predecessor.parentLeft = pointToPixel(data.parentLeft);
-                predecessor.childLeft = pointToPixel(data.childLeft);
-                predecessor.parentWidth = pointToPixel(data.parentWidth);
-                predecessor.childWidth = pointToPixel(data.childWidth);
+                predecessor.parentLeft = data.parentLeft;
+                predecessor.childLeft = data.childLeft;
+                predecessor.parentWidth = data.parentWidth;
+                predecessor.childWidth = data.childWidth;
                 predecessor.parentIndex = data.parentIndex;
                 predecessor.childIndex = data.childIndex;
                 predecessor.rowHeight = data.rowHeight;
@@ -36095,8 +36119,8 @@ var ExportHelper = /** @__PURE__ @class */ (function () {
         flatData.forEach(function (data) {
             var taskbar = _this.gantt.taskbar.add();
             var ganttProp = data.ganttProperties;
-            taskbar.left = pointToPixel(ganttProp.left);
-            taskbar.width = pointToPixel(ganttProp.width);
+            taskbar.left = ganttProp.left;
+            taskbar.width = ganttProp.width;
             if (taskbar.left < 0) {
                 taskbar.width = taskbar.width + taskbar.left;
                 taskbar.left = 0;
@@ -36137,8 +36161,8 @@ var ExportHelper = /** @__PURE__ @class */ (function () {
             taskbar.isMilestone = ganttProp.isMilestone;
             taskbar.baselineStartDate = ganttProp.baselineStartDate;
             taskbar.baselineEndDate = ganttProp.baselineEndDate;
-            taskbar.baselineLeft = pointToPixel(ganttProp.baselineLeft);
-            taskbar.baselineWidth = pointToPixel(ganttProp.baselineWidth);
+            taskbar.baselineLeft = ganttProp.baselineLeft;
+            taskbar.baselineWidth = ganttProp.baselineWidth;
             taskbar.milestoneColor = new PdfColor(_this.ganttStyle.taskbar.milestoneColor);
             taskbar.isParentTask = data.hasChildRecords;
             if (ganttProp.isMilestone) {
@@ -36154,9 +36178,9 @@ var ExportHelper = /** @__PURE__ @class */ (function () {
                 taskbar.taskLabel = data[_this.parent.labelSettings.taskLabel].toString();
             }
             var reduceLeft = ganttProp.isMilestone ? Math.floor(_this.parent.chartRowsModule.taskBarHeight / 2) + 33 : 33; // 33 indicates default timeline cell width
-            taskbar.rightTaskLabel.left = pointToPixel(ganttProp.left) + pointToPixel(ganttProp.width) + reduceLeft; // right label left value
+            taskbar.rightTaskLabel.left = ganttProp.left + ganttProp.width + reduceLeft; // right label left value
             taskbar.fontFamily = _this.ganttStyle.fontFamily;
-            taskbar.progressWidth = pointToPixel(ganttProp.progressWidth);
+            taskbar.progressWidth = ganttProp.progressWidth;
             taskbar.labelColor = new PdfColor(_this.ganttStyle.label.fontColor);
             taskbar.progressFontColor = new PdfColor(_this.ganttStyle.taskbar.progressFontColor);
             if (taskbar.isParentTask) {
@@ -36480,8 +36504,8 @@ var ExportValueFormatter = /** @__PURE__ @class */ (function () {
     return ExportValueFormatter;
 }());
 
-var __assign$3 = (undefined && undefined.__assign) || function () {
-    __assign$3 = Object.assign || function(t) {
+var __assign$4 = (undefined && undefined.__assign) || function () {
+    __assign$4 = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
             s = arguments[i];
             for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
@@ -36489,7 +36513,7 @@ var __assign$3 = (undefined && undefined.__assign) || function () {
         }
         return t;
     };
-    return __assign$3.apply(this, arguments);
+    return __assign$4.apply(this, arguments);
 };
 /**
  * @hidden
@@ -36544,7 +36568,8 @@ var PdfGanttTaskbarCollection = /** @__PURE__ @class */ (function () {
         //code for while current pdf page is exceed
         if (yPoint > pageSize.height) {
             page = this.GetNextPage(page);
-            page['contentWidth'] = pointToPixel(detail.endPoint - detail.startPoint);
+            page['contentWidth'] = (this.parent.pdfExportModule && this.parent.pdfExportModule.helper.exportProps && this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings &&
+                this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings.isFitToWidth) ? pointToPixel(detail.endPoint - detail.startPoint) : detail.endPoint - detail.startPoint;
             taskGraphics = page.graphics;
             startPoint.y = 0;
             if (this.parent.pdfExportModule.gantt.enableHeader) {
@@ -36572,7 +36597,7 @@ var PdfGanttTaskbarCollection = /** @__PURE__ @class */ (function () {
         progressFormat.alignment = PdfTextAlignment.Right;
         var isLabelString = false;
         var updatedWidth;
-        if (/^[a-zA-Z]/.test(this.taskLabel)) {
+        if (!isNullOrUndefined(this.taskLabel) && (/^[a-zA-Z]/.test(this.taskLabel))) {
             isLabelString = true;
             progressFormat.alignment = PdfTextAlignment.Left;
         }
@@ -36593,7 +36618,7 @@ var PdfGanttTaskbarCollection = /** @__PURE__ @class */ (function () {
             //Task start and end date both are in the range of header split up start and end date
             if (detail.startDate <= startDate && endDate <= detail.endDate) {
                 if (!this.isStartPoint) {
-                    this.taskStartPoint = __assign$3({}, startPoint);
+                    this.taskStartPoint = __assign$4({}, startPoint);
                     this.isStartPoint = true;
                 }
                 if (!this.isScheduledTask && this.unscheduledTaskBy !== 'duration') {
@@ -36622,7 +36647,7 @@ var PdfGanttTaskbarCollection = /** @__PURE__ @class */ (function () {
             //Task start date is in the range of header split up start and end date
             else if (detail.startDate <= startDate && detail.endDate >= startDate && (endDate >= detail.endDate)) {
                 if (!this.isStartPoint) {
-                    this.taskStartPoint = __assign$3({}, startPoint);
+                    this.taskStartPoint = __assign$4({}, startPoint);
                     this.isStartPoint = true;
                 }
                 var renderWidth = 0;
@@ -36638,7 +36663,6 @@ var PdfGanttTaskbarCollection = /** @__PURE__ @class */ (function () {
                         taskGraphics.drawRectangle(baselinePen, baselineBrush, startPoint.x + pixelToPoint(taskbar.baselineLeft - cumulativeWidth) + 0.5, startPoint.y + adjustHeight + pixelToPoint(taskbar.height + 3), pixelToPoint(this.baselineWidth), pixelToPoint(this.baselineHeight));
                     }
                     taskGraphics.drawRectangle(taskbarPen, taskBrush, startPoint.x + pixelToPoint(this.left - cumulativeWidth) + 0.5, startPoint.y + adjustHeight, pixelToPoint(renderWidth), pixelToPoint(taskbar.height));
-                    taskbar.width = taskbar.width - renderWidth;
                     if (this.isScheduledTask) {
                         var progressBoundsWidth = 0;
                         if (this.progressWidth <= renderWidth) {
@@ -36665,7 +36689,7 @@ var PdfGanttTaskbarCollection = /** @__PURE__ @class */ (function () {
             //Task end date is in the range of header split up start and end date
             else if (endDate <= detail.endDate && detail.startDate <= endDate && !this.isCompleted) {
                 if (!this.isStartPoint) {
-                    this.taskStartPoint = __assign$3({}, startPoint);
+                    this.taskStartPoint = __assign$4({}, startPoint);
                     this.isStartPoint = true;
                 }
                 if (this.parent.renderBaseline && taskbar.baselineStartDate && taskbar.baselineEndDate) {
@@ -36689,7 +36713,7 @@ var PdfGanttTaskbarCollection = /** @__PURE__ @class */ (function () {
             //So the task is takes entire width of page.
             else if (startDate < detail.startDate && endDate > detail.endDate) {
                 if (!this.isStartPoint) {
-                    this.taskStartPoint = __assign$3({}, startPoint);
+                    this.taskStartPoint = __assign$4({}, startPoint);
                     this.isStartPoint = true;
                 }
                 if (this.parent.renderBaseline && taskbar.baselineStartDate && taskbar.baselineEndDate) {
@@ -36879,7 +36903,7 @@ var PdfGanttTaskbarCollection = /** @__PURE__ @class */ (function () {
         if (detail.startDate <= this.startDate && this.startDate <= detail.endDate) {
             var taskGraphics = page.graphics;
             var pageIndex = page.section.indexOf(page);
-            this.taskStartPoint = __assign$3({}, startPoint);
+            this.taskStartPoint = __assign$4({}, startPoint);
             var milestonePen = new PdfPen(this.milestoneColor);
             var adjustHeightforBaselineMilesone = pixelToPoint(((this.parent.rowHeight - this.height) / 3.0));
             var adjustHeightforMilesone = pixelToPoint(((this.parent.rowHeight - this.height) / 2.0));
@@ -36925,7 +36949,8 @@ var PdfTimeline = /** @__PURE__ @class */ (function () {
      * @returns {void}
      */
     PdfTimeline.prototype.drawTimeline = function (page, startPoint, detail) {
-        var remainWidth = pointToPixel(Math.floor(detail.totalWidth));
+        var remainWidth = (this.parent.pdfExportModule && this.parent.pdfExportModule.helper.exportProps && this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings &&
+            this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings.isFitToWidth) ? pointToPixel(Math.floor(detail.totalWidth)) : Math.floor(detail.totalWidth);
         var renderWidth = 0;
         this.topTierPoint.x = startPoint.x;
         this.topTierPoint.y = startPoint.y;
@@ -36953,7 +36978,8 @@ var PdfTimeline = /** @__PURE__ @class */ (function () {
                 //Primary header Event Arguments
                 /* eslint-disable-next-line */
                 this.triggerQueryTimelinecell(page, this.topTierPoint.x, this.topTierPoint.y, this.topTierHeight, renderWidth, pHeader.value, true);
-                this.topTierPoint.x += renderWidth;
+                this.topTierPoint.x += (this.parent.pdfExportModule && this.parent.pdfExportModule.helper.exportProps && this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings &&
+                    this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings.isFitToWidth) ? renderWidth : pixelToPoint(renderWidth);
                 remainWidth -= renderWidth;
                 if (isCompleted) {
                     this.topTierIndex++;
@@ -36979,7 +37005,8 @@ var PdfTimeline = /** @__PURE__ @class */ (function () {
                 //Secondary header Event Arguments
                 /* eslint-disable-next-line */
                 this.triggerQueryTimelinecell(page, this.bottomTierPoint.x, this.bottomTierPoint.y, this.bottomTierHeight, width, secondHeader.value, false);
-                this.bottomTierPoint.x = this.bottomTierPoint.x + width;
+                this.bottomTierPoint.x = (this.parent.pdfExportModule && this.parent.pdfExportModule.helper.exportProps && this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings &&
+                    this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings.isFitToWidth) ? this.bottomTierPoint.x + width : this.bottomTierPoint.x + pixelToPoint(width);
                 remainWidth -= width;
                 secondHeader.completedWidth = width;
                 if (isCompleted) {
@@ -37010,7 +37037,8 @@ var PdfTimeline = /** @__PURE__ @class */ (function () {
                     //Primary header Event Arguments
                     /* eslint-disable-next-line */
                     this.triggerQueryTimelinecell(page, this.topTierPoint.x, this.topTierPoint.y, this.topTierHeight, pHeader.completedWidth, pHeader.value, true);
-                    this.topTierPoint.x += pHeader.completedWidth;
+                    this.topTierPoint.x += (this.parent.pdfExportModule && this.parent.pdfExportModule.helper.exportProps && this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings &&
+                        this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings.isFitToWidth) ? pHeader.completedWidth : pixelToPoint(pHeader.completedWidth);
                 }
             }
         }
@@ -37023,7 +37051,8 @@ var PdfTimeline = /** @__PURE__ @class */ (function () {
                     //Secondary header Event Arguments
                     /* eslint-disable-next-line */
                     this.triggerQueryTimelinecell(page, this.bottomTierPoint.x, this.bottomTierPoint.y, this.bottomTierHeight, secondHeader.width, secondHeader.value, false);
-                    this.bottomTierPoint.x = this.bottomTierPoint.x + secondHeader.width;
+                    this.bottomTierPoint.x = (this.parent.pdfExportModule && this.parent.pdfExportModule.helper.exportProps && this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings &&
+                        this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings.isFitToWidth) ? this.bottomTierPoint.x + secondHeader.width : this.bottomTierPoint.x + pixelToPoint(secondHeader.width);
                 }
             }
         }
@@ -37070,7 +37099,8 @@ var PdfTimeline = /** @__PURE__ @class */ (function () {
         var e = eventArgs.timelineCell;
         var rectPen = new PdfPen(eventArgs.timelineCell.borderColor);
         var rectBrush = new PdfSolidBrush(eventArgs.timelineCell.backgroundColor);
-        graphics.drawRectangle(rectPen, rectBrush, x, y, width, pixelToPoint(height));
+        graphics.drawRectangle(rectPen, rectBrush, x, y, (this.parent.pdfExportModule && this.parent.pdfExportModule.helper.exportProps && this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings &&
+            this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings.isFitToWidth) ? width : pixelToPoint(width), pixelToPoint(height));
         if (!isTopTier && (this.parent.gridLines == "Both" || this.parent.gridLines == "Vertical")) {
             graphics.drawRectangle(rectPen, rectBrush, x, y + pixelToPoint(height), width, page.getClientSize().height);
         }
@@ -37093,8 +37123,8 @@ var PdfTimeline = /** @__PURE__ @class */ (function () {
     return PdfTimeline;
 }());
 
-var __assign$4 = (undefined && undefined.__assign) || function () {
-    __assign$4 = Object.assign || function(t) {
+var __assign$5 = (undefined && undefined.__assign) || function () {
+    __assign$5 = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
             s = arguments[i];
             for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
@@ -37102,7 +37132,7 @@ var __assign$4 = (undefined && undefined.__assign) || function () {
         }
         return t;
     };
-    return __assign$4.apply(this, arguments);
+    return __assign$5.apply(this, arguments);
 };
 /**
  * @hidden
@@ -37262,8 +37292,8 @@ var PdfGanttPredecessor = /** @__PURE__ @class */ (function () {
         /* eslint-disable-next-line */
         var point1, point2, point3, point4, point5, point6;
         point1 = point2 = point3 = point4 = point5 = point6 = new PointF();
-        var parentTaskpoint = __assign$4({}, parentTask.taskStartPoint);
-        var childTaskpoint = __assign$4({}, childTask.taskStartPoint);
+        var parentTaskpoint = __assign$5({}, parentTask.taskStartPoint);
+        var childTaskpoint = __assign$5({}, childTask.taskStartPoint);
         parentY = parentTaskpoint.y + parentPageData.startPoint.y;
         childY = childTaskpoint.y + childPageData.startPoint.y;
         var ffpoint1 = new PointF(pixelToPoint(this.parentLeft + this.parentWidth), parentY + midPoint);
@@ -37420,9 +37450,9 @@ var PdfGanttPredecessor = /** @__PURE__ @class */ (function () {
     PdfGanttPredecessor.prototype.drawLine = function (page, startPoint, endPoint) {
         var pdfPages = this.pdfGantt.result.page.section.getPages();
         var graphics = page.graphics;
-        var newEndPoint = __assign$4({}, endPoint);
-        var newStartPoint = __assign$4({}, endPoint);
-        var checkStartPoint = __assign$4({}, endPoint);
+        var newEndPoint = __assign$5({}, endPoint);
+        var newStartPoint = __assign$5({}, endPoint);
+        var checkStartPoint = __assign$5({}, endPoint);
         var pageData = this.pdfGantt.pdfPageDetail[page.section.indexOf(page) - this.pdfGantt.chartPageIndex];
         var pageRect = new RectangleF(pageData.startPoint.x, pageData.startPoint.y, pageData.width, pageData.height);
         var startPointCheck = this.contains(pageRect, startPoint.x, startPoint.y);
@@ -37550,8 +37580,8 @@ var __extends$23 = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __assign$2 = (undefined && undefined.__assign) || function () {
-    __assign$2 = Object.assign || function(t) {
+var __assign$3 = (undefined && undefined.__assign) || function () {
+    __assign$3 = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
             s = arguments[i];
             for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
@@ -37559,7 +37589,7 @@ var __assign$2 = (undefined && undefined.__assign) || function () {
         }
         return t;
     };
-    return __assign$2.apply(this, arguments);
+    return __assign$3.apply(this, arguments);
 };
 /**
  *
@@ -37632,10 +37662,12 @@ var PdfGantt = /** @__PURE__ @class */ (function (_super) {
             }
             var detail = {};
             var range = [];
-            var convertedWidth = pixelToPoint(this.chartHeader.bottomTierCellWidth);
+            var convertedWidth = (this.parent.pdfExportModule && this.parent.pdfExportModule.helper.exportProps && this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings &&
+                this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings.isFitToWidth) ? pixelToPoint(this.chartHeader.bottomTierCellWidth) : this.chartHeader.bottomTierCellWidth;
             var width = 0;
             if (this.chartHeader.bottomTierCellWidth !== 0) {
-                width = (Math.floor(pageWidth / convertedWidth) * convertedWidth);
+                width = (this.parent.pdfExportModule && this.parent.pdfExportModule.helper.exportProps && this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings &&
+                    this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings.isFitToWidth) ? (Math.floor(pageWidth / convertedWidth) * convertedWidth) : (Math.floor(pageWidth / convertedWidth) * convertedWidth) + 5;
             }
             range[0] = point;
             if (headerWidth - point <= width) {
@@ -37752,7 +37784,8 @@ var PdfGantt = /** @__PURE__ @class */ (function (_super) {
         var pageData;
         this.headerDetails.forEach(function (detail, index) {
             var page = _this.result.page.section.getPages()[_this.startPageIndex];
-            page['contentWidth'] = pointToPixel(_this.headerDetails[index].endPoint - _this.headerDetails[index].startPoint);
+            page['contentWidth'] = (_this.parent.pdfExportModule && _this.parent.pdfExportModule.helper.exportProps && _this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings &&
+                _this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings.isFitToWidth) ? pointToPixel(_this.headerDetails[index].endPoint - _this.headerDetails[index].startPoint) : _this.headerDetails[index].endPoint - _this.headerDetails[index].startPoint;
             _this.chartHeader.drawTimeline(page, _this.startPoint, detail);
             taskbarPoint.y = taskbarPoint.y + pixelToPoint(_this.parent.timelineModule.isSingleTier ? 45 : 60); // headerHeight
             pageStartX = taskbarPoint.x;
@@ -37781,7 +37814,7 @@ var PdfGantt = /** @__PURE__ @class */ (function (_super) {
                     pageData = {};
                     pageData.height = cumulativeHeight;
                     pageData.pageStartX = pageStartX;
-                    pageData.startPoint = __assign$2({}, pagePoint);
+                    pageData.startPoint = __assign$3({}, pagePoint);
                     pageData.width = pixelToPoint(detail.totalWidth);
                     _this.pdfPageDetail.push(pageData);
                     pagePoint.y += pageData.height;
@@ -37803,7 +37836,7 @@ var PdfGantt = /** @__PURE__ @class */ (function (_super) {
             pageData = {};
             pageData.height = cumulativeHeight;
             pageData.pageStartX = pageStartX;
-            pageData.startPoint = __assign$2({}, pagePoint);
+            pageData.startPoint = __assign$3({}, pagePoint);
             pageData.width = pixelToPoint(detail.totalWidth);
             _this.pdfPageDetail.push(pageData);
             pagePoint.x += pageData.width;