@syncfusion/ej2-gantt 22.2.11 → 23.1.36

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

@@ -87,7 +87,9 @@ var TaskProcessor = /** @class */ (function (_super) {
         dataManager.executeQuery(queryManager).then(function (e) {
             _this.dataArray = e.result;
             _this.processTimeline();
-            _this.cloneDataSource();
+            if (_this.parent.loadChildOnDemand || (!_this.parent.loadChildOnDemand && !(_this.parent.taskFields.hasChildMapping))) {
+                _this.cloneDataSource();
+            }
             _this.parent.renderGantt(isChange);
         }).catch(function (e) {
             // Trigger action failure event
@@ -126,6 +128,9 @@ var TaskProcessor = /** @class */ (function (_super) {
             var data = [];
             for (var i = 0; i < this.dataArray.length; i++) {
                 var tempData = this.dataArray[i];
+                if (tempData['parentItem']) {
+                    delete tempData['parentItem'];
+                }
                 data.push(extend({}, {}, tempData, true));
                 if (!isNullOrUndefined(tempData[taskIdMapping])) {
                     this.taskIds.push(tempData[taskIdMapping].toString());
@@ -135,7 +140,12 @@ var TaskProcessor = /** @class */ (function (_super) {
                 this.parent.setProperties({ taskFields: { child: 'Children' } }, true);
             }
             this.constructDataSource(data);
-            hierarchicalData = this.hierarchyData;
+            if (!this.parent.loadChildOnDemand && this.parent.taskFields.hasChildMapping && this.hierarchyData.length === 0) {
+                hierarchicalData = this.dataArray;
+            }
+            else {
+                hierarchicalData = this.hierarchyData;
+            }
         }
         else {
             hierarchicalData = this.dataArray;
@@ -357,7 +367,12 @@ var TaskProcessor = /** @class */ (function (_super) {
         if (!isNullOrUndefined(data[taskSettings.id])) {
             id = data[taskSettings.id];
             name = data[taskSettings.name];
-            this.addTaskData(ganttData, data, isLoad);
+            if (!this.parent.loadChildOnDemand && taskSettings.hasChildMapping && data['taskData']) {
+                ganttData['taskData'] = data['taskData'];
+            }
+            else {
+                this.addTaskData(ganttData, data, isLoad);
+            }
         }
         else if (!isNullOrUndefined(data[resourceFields.id])) {
             id = data[resourceFields.id];
@@ -395,6 +410,9 @@ var TaskProcessor = /** @class */ (function (_super) {
         this.parent.setRecordValue('notes', notes, ganttProperties, true);
         this.parent.setRecordValue('cssClass', data[taskSettings.cssClass], ganttProperties, true);
         this.parent.setRecordValue('parentItem', this.getCloneParent(parentItem), ganttData);
+        if (!this.parent.loadChildOnDemand && taskSettings.hasChildMapping && this.parent.currentViewData.length > 0) {
+            this.parent.setRecordValue('parentItem', ganttData.parentItem, this.parent.currentViewData[this.taskIds.indexOf(data[taskSettings.id].toString())]);
+        }
         var parentUniqId = ganttData.parentItem ? ganttData.parentItem.uniqueID : null;
         this.parent.setRecordValue('parentUniqueID', parentUniqId, ganttData);
         if (this.parent.viewType === 'ResourceView' && !isNullOrUndefined(taskSettings.parentID)
@@ -402,7 +420,12 @@ var TaskProcessor = /** @class */ (function (_super) {
             this.parent.setRecordValue('parentId', ganttData.parentItem.taskId, ganttProperties, true);
         }
         this.parent.setRecordValue('level', level, ganttData);
-        this.parent.setRecordValue('uniqueID', getUid(this.parent.element.id + '_data_'), ganttData);
+        if (!this.parent.loadChildOnDemand && taskSettings.hasChildMapping && data['uniqueID']) {
+            this.parent.setRecordValue('uniqueID', data['uniqueID'], ganttData);
+        }
+        else {
+            this.parent.setRecordValue('uniqueID', getUid(this.parent.element.id + '_data_'), ganttData);
+        }
         this.parent.setRecordValue('uniqueID', ganttData.uniqueID, ganttProperties, true);
         this.parent.setRecordValue('childRecords', [], ganttData);
         if (this.parent.dataSource instanceof Object && isCountRequired(this.parent) &&
@@ -417,7 +440,12 @@ var TaskProcessor = /** @class */ (function (_super) {
             }
         }
         else {
-            this.parent.setRecordValue('hasChildRecords', false, ganttData);
+            if (!this.parent.loadChildOnDemand && taskSettings.hasChildMapping && ganttData.taskData[taskSettings.hasChildMapping]) {
+                this.parent.setRecordValue('hasChildRecords', true, ganttData);
+            }
+            else {
+                this.parent.setRecordValue('hasChildRecords', false, ganttData);
+            }
         }
         if (ganttData.hasChildRecords) {
             this.parent.setRecordValue('autoStartDate', ganttData.ganttProperties.startDate, ganttProperties);
@@ -1030,7 +1058,12 @@ var TaskProcessor = /** @class */ (function (_super) {
         }
         else {
             this.updateDurationValue(duration, ganttProperties);
-            this.calculateEndDate(ganttData);
+            if (this.parent.autoCalculateDateScheduling) {
+                this.calculateEndDate(ganttData);
+            }
+            else {
+                this.parent.setRecordValue('endDate', endDate, ganttProperties, true);
+            }
         }
     };
     /**
@@ -1528,17 +1561,15 @@ var TaskProcessor = /** @class */ (function (_super) {
         else {
             hierarchicalData = this.parent.dataSource;
         }
-        this.parent.flatData.map(function (data) {
-            hierarchicalData.map(function (record) {
-                if (data.ganttProperties.taskId === record[_this.parent.taskFields.id]) {
-                    if (!isNullOrUndefined(_this.parent.taskFields.startDate)) {
-                        task[_this.parent.taskFields.endDate] = record[_this.parent.taskFields.endDate];
-                    }
-                    if (!isNullOrUndefined(_this.parent.taskFields.endDate)) {
-                        task[_this.parent.taskFields.endDate] = record[_this.parent.taskFields.endDate];
-                    }
+        hierarchicalData.map(function (record) {
+            if (task.ganttProperties.taskId === record[_this.parent.taskFields.id]) {
+                if (!isNullOrUndefined(_this.parent.taskFields.startDate)) {
+                    task[_this.parent.taskFields.startDate] = record[_this.parent.taskFields.startDate];
                 }
-            });
+                if (!isNullOrUndefined(_this.parent.taskFields.endDate)) {
+                    task[_this.parent.taskFields.endDate] = record[_this.parent.taskFields.endDate];
+                }
+            }
         });
     };
     TaskProcessor.prototype.getWorkInHour = function (work, workUnit) {
@@ -1580,7 +1611,9 @@ var TaskProcessor = /** @class */ (function (_super) {
                 this.setRecordDate(ganttData, ganttProperties.endDate, dataMapping.endDate);
             }
             if (dataMapping.duration) {
-                this.setRecordDuration(ganttData, dataMapping.duration);
+                if (!isNullOrUndefined(dataMapping.milestone) && !ganttData.taskData[dataMapping.milestone]) {
+                    this.setRecordDuration(ganttData, dataMapping.duration);
+                }
             }
             if (dataMapping.durationUnit) {
                 data[dataMapping.durationUnit] = ganttProperties.durationUnit;
@@ -1815,7 +1848,7 @@ var TaskProcessor = /** @class */ (function (_super) {
      */
     TaskProcessor.prototype.updateDurationValue = function (duration, ganttProperties) {
         var tempDuration = this.getDurationValue(duration);
-        if (!isNaN(getValue('duration', tempDuration))) {
+        if (!isNaN(getValue('duration', tempDuration)) && !(this.parent.viewType === "ResourceView" && tempDuration["duration"] === 0)) {
             this.parent.setRecordValue('duration', getValue('duration', tempDuration), ganttProperties, true);
         }
         if (!isNullOrUndefined(getValue('durationUnit', tempDuration))) {
@@ -2200,7 +2233,14 @@ var TaskProcessor = /** @class */ (function (_super) {
      * @private
      */
     TaskProcessor.prototype.reUpdateGanttDataPosition = function () {
-        var flatData = this.parent.flatData;
+        var flatData;
+        if (this.parent.pdfExportModule && this.parent.pdfExportModule.isPdfExport && this.parent.pdfExportModule.helper.exportProps &&
+            this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings && this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings.isFitToWidth) {
+            flatData = this.parent.pdfExportModule.helper.beforeSinglePageExport['cloneFlatData'];
+        }
+        else {
+            flatData = this.parent.flatData;
+        }
         var length = flatData.length;
         for (var i = 0; i < length; i++) {
             var data = flatData[i];
@@ -2327,6 +2367,7 @@ var TaskProcessor = /** @class */ (function (_super) {
      * @private
      */
     TaskProcessor.prototype.updateParentItems = function (cloneParent, isParent) {
+        var _this = this;
         var parentData = isParent ? cloneParent : this.parent.getParentTask(cloneParent);
         var deleteUpdate = false;
         var ganttProp = parentData.ganttProperties;
@@ -2335,8 +2376,8 @@ var TaskProcessor = /** @class */ (function (_super) {
                 var previousStartDate = ganttProp.isAutoSchedule ? ganttProp.startDate : ganttProp.autoStartDate;
                 var previousEndDate = ganttProp.isAutoSchedule ? ganttProp.endDate :
                     ganttProp.autoEndDate;
-                var childRecords = parentData.childRecords;
-                var childLength = childRecords.length;
+                var childRecords_1 = parentData.childRecords;
+                var childLength = childRecords_1.length;
                 var totalDuration = 0;
                 var progressValues = {};
                 var minStartDate = null;
@@ -2345,38 +2386,43 @@ var TaskProcessor = /** @class */ (function (_super) {
                 var totalProgress = 0;
                 var childCompletedWorks = 0;
                 var childData = void 0;
-                for (var count = 0; count < childLength; count++) {
-                    childData = childRecords[count];
-                    if (this.parent.isOnDelete && childData.isDelete) {
-                        if (childLength === 1 && this.parent.viewType === 'ProjectView') {
+                var _loop_6 = function (count) {
+                    if (!this_4.parent.loadChildOnDemand && this_4.parent.taskFields.hasChildMapping) {
+                        childData = this_4.parent.currentViewData.filter(function (item) { return item.ganttProperties.taskId === childRecords_1[count][_this.parent.taskFields.id]; })[0];
+                    }
+                    else {
+                        childData = childRecords_1[count];
+                    }
+                    if (this_4.parent.isOnDelete && childData.isDelete) {
+                        if (childLength === 1 && this_4.parent.viewType === 'ProjectView') {
                             deleteUpdate = true;
                         }
-                        continue;
+                        return "continue";
                     }
-                    var startDate = this.getValidStartDate(childData.ganttProperties);
+                    var startDate = this_4.getValidStartDate(childData.ganttProperties);
                     if (parentData.hasChildRecords && !ganttProp.isAutoSchedule && !isNullOrUndefined(childData.ganttProperties.autoStartDate)) {
                         startDate = childData.ganttProperties.autoStartDate;
                     }
-                    var endDate = this.getValidEndDate(childData.ganttProperties);
+                    var endDate = this_4.getValidEndDate(childData.ganttProperties);
                     if (parentData.hasChildRecords && !ganttProp.isAutoSchedule && !isNullOrUndefined(childData.ganttProperties.autoEndDate)) {
                         endDate = childData.ganttProperties.autoEndDate;
                     }
                     if (isNullOrUndefined(minStartDate)) {
-                        minStartDate = this.getDateFromFormat(startDate);
+                        minStartDate = this_4.getDateFromFormat(startDate);
                     }
                     if (isNullOrUndefined(maxEndDate)) {
-                        maxEndDate = this.getDateFromFormat(endDate);
+                        maxEndDate = this_4.getDateFromFormat(endDate);
                     }
-                    if (!isNullOrUndefined(endDate) && this.compareDates(endDate, maxEndDate) === 1) {
-                        maxEndDate = this.getDateFromFormat(endDate);
+                    if (!isNullOrUndefined(endDate) && this_4.compareDates(endDate, maxEndDate) === 1) {
+                        maxEndDate = this_4.getDateFromFormat(endDate);
                     }
-                    if (!isNullOrUndefined(startDate) && this.compareDates(startDate, minStartDate) === -1) {
-                        minStartDate = this.getDateFromFormat(startDate);
+                    if (!isNullOrUndefined(startDate) && this_4.compareDates(startDate, minStartDate) === -1) {
+                        minStartDate = this_4.getDateFromFormat(startDate);
                     }
                     if (!childData.ganttProperties.isMilestone && isScheduledTask(childData.ganttProperties)) {
-                        progressValues = this.getParentProgress(childData);
+                        progressValues = this_4.getParentProgress(childData);
                         totalProgress += getValue('totalProgress', progressValues);
-                        if (childData[this.parent.taskFields.duration] < 1) {
+                        if (childData[this_4.parent.taskFields.duration] < 1) {
                             totalDuration += getValue('totalDuration', progressValues);
                             totalDuration = Number(totalDuration.toFixed(4));
                         }
@@ -2388,6 +2434,10 @@ var TaskProcessor = /** @class */ (function (_super) {
                         milestoneCount++;
                     }
                     childCompletedWorks += childData.ganttProperties.work;
+                };
+                var this_4 = this;
+                for (var count = 0; count < childLength; count++) {
+                    _loop_6(count);
                 }
                 if (!deleteUpdate) {
                     var taskCount = void 0;

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

@@ -117,6 +117,11 @@ var GanttTreeGrid = /** @class */ (function () {
         this.wireEvents();
     };
     GanttTreeGrid.prototype.composeProperties = function () {
+        this.parent.treeGrid.hasChildMapping = this.parent.taskFields.hasChildMapping;
+        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;
         this.parent.treeGrid.showColumnMenu = this.parent.showColumnMenu;
         this.parent.treeGrid.enableCollapseAll = this.parent.collapseAllParentTasks;
         this.parent.treeGrid.columnMenuItems = this.parent.columnMenuItems;
@@ -133,8 +138,14 @@ var GanttTreeGrid = /** @class */ (function () {
             this.parent.treeGrid.dataSource = { result: this.parent.flatData, count: count };
         }
         else {
-            this.parent.treeGrid.hasChildMapping = null;
-            this.parent.treeGrid.dataSource = this.parent.flatData;
+            if (!this.parent.treeGrid.loadChildOnDemand && this.parent.taskFields.hasChildMapping) {
+                this.parent.autoCalculateDateScheduling = false;
+                this.parent.treeGrid.dataSource = this.parent.dataSource;
+            }
+            else {
+                this.parent.treeGrid.hasChildMapping = null;
+                this.parent.treeGrid.dataSource = this.parent.flatData;
+            }
         }
         this.parent.treeGrid.expandStateMapping = this.parent.taskFields.expandState;
         var isGantt = 'isGantt';
@@ -295,7 +306,7 @@ var GanttTreeGrid = /** @class */ (function () {
                 collapsedArgs = this.createExpandCollapseArgs(args, null);
                 this.parent.ganttChartModule.collapsedGanttRow(collapsedArgs);
             }
-            if (this.parent.viewType === 'ResourceView' && !this.parent.allowTaskbarOverlap && collapsedArgs['gridRow']) {
+            if (this.parent.viewType === 'ResourceView' && !this.parent.allowTaskbarOverlap && !this.parent.ganttChartModule.isCollapseAll && collapsedArgs['gridRow']) {
                 collapsedArgs['gridRow'].style.height = collapsedArgs['chartRow'].style.height;
                 this.parent.contentHeight = this.parent.enableRtl ? this.parent['element'].getElementsByClassName('e-content')[2].children[0]['offsetHeight'] :
                     this.parent['element'].getElementsByClassName('e-content')[0].children[0]['offsetHeight'];
@@ -325,7 +336,7 @@ var GanttTreeGrid = /** @class */ (function () {
                 expandedArgs = this.createExpandCollapseArgs(args, null);
                 this.parent.ganttChartModule.expandedGanttRow(expandedArgs);
             }
-            if (this.parent.viewType === 'ResourceView' && !this.parent.allowTaskbarOverlap && args['row']) {
+            if (this.parent.viewType === 'ResourceView' && !this.parent.allowTaskbarOverlap && !this.parent.ganttChartModule.isExpandAll && args['row']) {
                 args['row'].style.height = this.parent.rowHeight + 'px';
                 this.parent.contentHeight = this.parent.enableRtl ? this.parent['element'].getElementsByClassName('e-content')[2].children[0]['offsetHeight'] :
                     this.parent['element'].getElementsByClassName('e-content')[0].children[0]['offsetHeight'];
@@ -895,6 +906,9 @@ var GanttTreeGrid = /** @class */ (function () {
         if (!isNullOrUndefined(ganttProp)) {
             return this.parent.dataOperation.getDurationString(ganttProp.duration, ganttProp.durationUnit);
         }
+        else if (!this.parent.loadChildOnDemand && this.parent.taskFields.hasChildMapping) {
+            return this.parent.dataOperation.getDurationString(parseInt(data[this.parent.taskFields.duration]), this.parent.durationUnit);
+        }
         return '';
     }; // eslint-disable-next-line
     GanttTreeGrid.prototype.resourceValueAccessor = function (field, data, column) {
@@ -931,12 +945,7 @@ var GanttTreeGrid = /** @class */ (function () {
     };
     GanttTreeGrid.prototype.updateScrollTop = function (args) {
         var newScrollTop;
-        if (getValue('top', args) > (this.parent.flatData.length * this.parent.rowHeight)) {
-            newScrollTop = getValue('top', args) - document.getElementsByClassName('e-chart-scroll-container e-content')[0]['offsetHeight'];
-        }
-        else {
-            newScrollTop = getValue('top', args);
-        }
+        newScrollTop = getValue('top', args);
         this.treeGridElement.querySelector('.e-content').scrollTop = newScrollTop;
         this.previousScroll.top = this.treeGridElement.querySelector('.e-content').scrollTop;
     };

package/src/gantt/export/export-helper.d.ts

@@ -9,7 +9,7 @@ import { Gantt } from './../base/gantt';
 export declare class ExportHelper {
     private parent;
     private flatData;
-    private exportProps;
+    exportProps: PdfExportProperties;
     private gantt;
     private rowIndex;
     private colIndex;
@@ -19,7 +19,11 @@ export declare class ExportHelper {
     private pdfDoc;
     private exportValueFormatter;
     private totalColumnWidth;
+    beforeSinglePageExport: Object;
+    baselineHeight: number;
+    baselineTop: number;
     constructor(parent: Gantt);
+    processToFit(): void;
     /**
      * @param {IGanttData[]} data .
      * @param {PdfGantt} gantt .

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

@@ -13,8 +13,101 @@ import { pixelToPoint, isScheduledTask } from '../base/utils';
  */
 var ExportHelper = /** @class */ (function () {
     function ExportHelper(parent) {
+        this.totalColumnWidth = 0;
+        this.beforeSinglePageExport = {};
+        this.baselineHeight = 8;
         this.parent = parent;
     }
+    ExportHelper.prototype.processToFit = function () {
+        this.beforeSinglePageExport['zoomingProjectStartDate'] = this.parent.zoomingProjectStartDate;
+        this.beforeSinglePageExport['zoomingProjectEndDate'] = this.parent.zoomingProjectEndDate;
+        this.beforeSinglePageExport['cloneProjectStartDate'] = this.parent.cloneProjectStartDate;
+        this.beforeSinglePageExport['cloneProjectEndDate'] = this.parent.cloneProjectEndDate;
+        this.beforeSinglePageExport['customTimelineSettings'] = extend({}, this.parent.timelineModule.customTimelineSettings, null, true);
+        this.beforeSinglePageExport['isTimelineRoundOff'] = this.parent.isTimelineRoundOff;
+        this.beforeSinglePageExport['topTier'] = this.parent.timelineModule.topTier;
+        this.beforeSinglePageExport['topTierCellWidth'] = this.parent.timelineModule.topTierCellWidth;
+        this.beforeSinglePageExport['topTierCollection'] = this.parent.timelineModule.topTierCollection;
+        this.beforeSinglePageExport['bottomTier'] = this.parent.timelineModule.bottomTier;
+        this.beforeSinglePageExport['bottomTierCellWidth'] = this.parent.timelineModule.bottomTierCellWidth;
+        this.beforeSinglePageExport['bottomTierCollection'] = this.parent.timelineModule.bottomTierCollection;
+        this.beforeSinglePageExport['totalTimelineWidth'] = this.parent.timelineModule.totalTimelineWidth;
+        this.beforeSinglePageExport['timelineStartDate'] = this.parent.timelineModule.timelineStartDate;
+        this.beforeSinglePageExport['timelineEndDate'] = this.parent.timelineModule.timelineEndDate;
+        this.beforeSinglePageExport['timelineRoundOffEndDate'] = this.parent.timelineModule.timelineRoundOffEndDate;
+        this.beforeSinglePageExport['perDayWidth'] = this.parent.perDayWidth;
+        this.beforeSinglePageExport['updatedConnectorLineCollection'] = extend([], this.parent.updatedConnectorLineCollection, null, true);
+        this.parent.timelineModule.isZoomToFit = true;
+        this.parent.timelineModule.isZooming = false;
+        if (!this.parent.zoomingProjectStartDate) {
+            this.parent.zoomingProjectStartDate = this.parent.cloneProjectStartDate;
+            this.parent.zoomingProjectEndDate = this.parent.cloneProjectEndDate;
+        }
+        if (this.parent.zoomingProjectStartDate > this.parent.cloneProjectStartDate) {
+            this.parent.cloneProjectStartDate = new Date(this.parent.allowUnscheduledTasks ? this.parent.zoomingProjectStartDate : this.parent.cloneProjectStartDate);
+        }
+        this.parent.dataOperation.calculateProjectDates();
+        var timeDifference = (this.parent.cloneProjectEndDate.getTime() - this.parent.cloneProjectStartDate.getTime());
+        var totalDays = (timeDifference / (1000 * 3600 * 24));
+        var chartsideWidth;
+        var gridWidth;
+        if (this.exportProps.fitToWidthSettings.gridWidth) {
+            gridWidth = parseInt(this.exportProps.fitToWidthSettings.gridWidth.split('%')[0]);
+        }
+        if (this.exportProps.fitToWidthSettings.chartWidth) {
+            chartsideWidth = parseInt(this.exportProps.fitToWidthSettings.chartWidth.split('%')[0]);
+        }
+        else {
+            if (this.exportProps.fitToWidthSettings.gridWidth) {
+                chartsideWidth = 100 - gridWidth;
+            }
+            else {
+                chartsideWidth = 70;
+            }
+        }
+        var pdfwidth = (this.parent.pdfExportModule['pdfPageDimensions'].width * chartsideWidth) / 100;
+        var chartWidth = pdfwidth;
+        var perDayWidth = chartWidth / totalDays;
+        var zoomingLevel;
+        var firstValue;
+        var secondValue;
+        var zoomingCollections = this.parent.zoomingLevels.slice();
+        var sortedCollectons = zoomingCollections.sort(function (a, b) {
+            return (!a.perDayWidth && !b.perDayWidth ? 0 : (a.perDayWidth < b.perDayWidth) ? 1 : -1);
+        });
+        if (perDayWidth === 0) { // return when the Gantt chart is not in viewable state.
+            return;
+        }
+        for (var i = 0; i < sortedCollectons.length; i++) {
+            firstValue = sortedCollectons[i];
+            if (i === sortedCollectons.length - 1) {
+                zoomingLevel = sortedCollectons[i];
+                break;
+            }
+            else {
+                secondValue = sortedCollectons[i + 1];
+            }
+            if (perDayWidth >= firstValue.perDayWidth) {
+                zoomingLevel = sortedCollectons[i];
+                break;
+            }
+            if (perDayWidth < firstValue.perDayWidth && perDayWidth > secondValue.perDayWidth) {
+                zoomingLevel = sortedCollectons[i + 1];
+                break;
+            }
+        }
+        var newTimeline = extend({}, {}, zoomingLevel, true);
+        this.parent.timelineModule['roundOffDateToZoom'](this.parent.cloneProjectStartDate, true, perDayWidth, newTimeline.bottomTier.unit, zoomingLevel);
+        this.parent.timelineModule['roundOffDateToZoom'](this.parent.cloneProjectEndDate, false, perDayWidth, newTimeline.bottomTier.unit, zoomingLevel);
+        var numberOfCells = this.parent.timelineModule['calculateNumberOfTimelineCells'](newTimeline);
+        var scrollHeight = this.parent.pdfExportModule['pdfPageDimensions'].height; //17 is horizontal scrollbar width
+        var contentHeight = this.parent.pdfExportModule['pdfPageDimensions'].height;
+        var emptySpace = contentHeight <= scrollHeight ? 0 : 17;
+        newTimeline.timelineUnitSize = Math.abs((chartWidth - emptySpace)) / numberOfCells;
+        this.parent.timelineModule['changeTimelineSettings'](newTimeline);
+        this.parent.timelineModule.isZoomToFit = false;
+        this.parent.timelineModule.isZooming = false;
+    };
     /**
      * @param {IGanttData[]} data .
      * @param {PdfGantt} gantt .
@@ -36,11 +129,16 @@ var ExportHelper = /** @class */ (function () {
         this.gantt.style.cellPadding.right = 0;
         this.ganttStyle = this.gantt.ganttStyle;
         this.gantt.borderColor = this.ganttStyle.chartGridLineColor;
+        this.parent.pdfExportModule.isPdfExport = true;
+        if (this.exportProps.fitToWidthSettings && this.exportProps.fitToWidthSettings.isFitToWidth) {
+            this.processToFit();
+        }
         this.processHeaderContent();
         this.processGanttContent();
         this.processTimeline();
         this.processTaskbar();
         this.processPredecessor();
+        this.parent.pdfExportModule.isPdfExport = false;
     };
     ExportHelper.prototype.processHeaderContent = function () {
         var _this = this;
@@ -96,7 +194,9 @@ var ExportHelper = /** @class */ (function () {
             this.renderEmptyGantt();
         }
         else {
-            this.flatData.forEach(function (data) {
+            var flatData = void 0;
+            flatData = this.flatData;
+            flatData.forEach(function (data) {
                 _this.row = _this.gantt.rows.addRow();
                 if (data.hasChildRecords) {
                     _this.gantt.rows.getRow(_this.rowIndex).isParentRow = true;
@@ -105,6 +205,9 @@ var ExportHelper = /** @class */ (function () {
                 else {
                     _this.processRecordRow(data);
                 }
+                if (_this.exportProps.fitToWidthSettings && _this.exportProps.fitToWidthSettings.isFitToWidth) {
+                    _this.row.height = 33.33;
+                }
                 _this.rowIndex++;
             });
         }
@@ -156,7 +259,7 @@ var ExportHelper = /** @class */ (function () {
                 else {
                     predecessor.connectorLineColor = _this.ganttStyle.connectorLineColor;
                 }
-                predecessor.connectorLineColor = _this.ganttStyle.connectorLineColor;
+                _this.ganttStyle.connectorLineColor = predecessor.connectorLineColor;
                 _this.gantt.predecessorCollection.push(predecessor);
             });
             this.parent.pdfExportModule.isPdfExport = false;
@@ -221,7 +324,9 @@ var ExportHelper = /** @class */ (function () {
      */
     ExportHelper.prototype.processTaskbar = function () {
         var _this = this;
-        this.flatData.forEach(function (data) {
+        var flatData;
+        flatData = this.flatData;
+        flatData.forEach(function (data) {
             var taskbar = _this.gantt.taskbar.add();
             var ganttProp = data.ganttProperties;
             taskbar.left = ganttProp.left;
@@ -252,7 +357,22 @@ var ExportHelper = /** @class */ (function () {
             taskbar.startDate = ganttProp.startDate;
             taskbar.endDate = ganttProp.endDate;
             taskbar.height = _this.parent.chartRowsModule.taskBarHeight;
+            if (_this.parent.renderBaseline) {
+                var height = void 0;
+                if ((taskbar.height + _this.baselineHeight) <= _this.parent.rowHeight) {
+                    height = taskbar.height;
+                }
+                else {
+                    height = taskbar.height - (_this.baselineHeight + 1);
+                }
+                taskbar.height = height;
+            }
+            taskbar.baselineTop = _this.parent.chartRowsModule.baselineTop;
             taskbar.isMilestone = ganttProp.isMilestone;
+            taskbar.baselineStartDate = ganttProp.baselineStartDate;
+            taskbar.baselineEndDate = ganttProp.baselineEndDate;
+            taskbar.baselineLeft = ganttProp.baselineLeft;
+            taskbar.baselineWidth = ganttProp.baselineWidth;
             taskbar.milestoneColor = new PdfColor(_this.ganttStyle.taskbar.milestoneColor);
             taskbar.isParentTask = data.hasChildRecords;
             if (ganttProp.isMilestone) {
@@ -283,6 +403,7 @@ var ExportHelper = /** @class */ (function () {
                     taskbar.taskColor = new PdfColor(_this.ganttStyle.taskbar.criticalTaskColor);
                     taskbar.progressColor = new PdfColor(_this.ganttStyle.taskbar.criticalProgressColor);
                     taskbar.taskBorderColor = new PdfColor(_this.ganttStyle.taskbar.criticalTaskBorderColor);
+                    taskbar.milestoneColor = new PdfColor(_this.ganttStyle.taskbar.criticalTaskColor);
                 }
                 else {
                     taskbar.taskColor = new PdfColor(_this.ganttStyle.taskbar.taskColor);
@@ -290,6 +411,8 @@ var ExportHelper = /** @class */ (function () {
                     taskbar.taskBorderColor = new PdfColor(_this.ganttStyle.taskbar.taskBorderColor);
                 }
             }
+            taskbar.baselineColor = new PdfColor(_this.ganttStyle.taskbar.baselineColor);
+            taskbar.baselineBorderColor = new PdfColor(_this.ganttStyle.taskbar.baselineBorderColor);
             taskbar.gridLineColor = new PdfColor(_this.ganttStyle.chartGridLineColor);
             _this.gantt.taskbarCollection.push(taskbar);
             var taskStyle = {};
@@ -298,6 +421,8 @@ var ExportHelper = /** @class */ (function () {
             taskStyle.taskBorderColor = taskbar.taskBorderColor;
             taskStyle.progressColor = taskbar.progressColor;
             taskStyle.milestoneColor = taskbar.milestoneColor;
+            taskStyle.baselineColor = taskbar.baselineColor;
+            taskStyle.baselineBorderColor = taskbar.baselineBorderColor;
             var args = {
                 taskbar: taskStyle,
                 data: data
@@ -309,6 +434,8 @@ var ExportHelper = /** @class */ (function () {
                 taskbar.taskBorderColor = args.taskbar.taskBorderColor;
                 taskbar.progressColor = args.taskbar.progressColor;
                 taskbar.milestoneColor = args.taskbar.milestoneColor;
+                taskbar.baselineColor = args.taskbar.baselineColor;
+                taskbar.baselineBorderColor = args.taskbar.baselineBorderColor;
             }
         });
     };
@@ -410,7 +537,8 @@ var ExportHelper = /** @class */ (function () {
         row.height = pixelToPoint(this.parent.rowHeight);
         this.copyStyles(this.ganttStyle.columnHeader, row.cells.getCell(0), row.isParentRow);
         var count = this.columns.length;
-        this.mergeCells(0, 0, count);
+        row.cells.getCell(0).value = this.parent.localeObj.getConstant('emptyRecord');
+        this.mergeCells(1, 0, count);
     };
     ExportHelper.prototype.mergeCells = function (rowIndex, colIndex, lastColIndex) {
         this.gantt.rows.getRow(rowIndex).cells.getCell(colIndex).columnSpan = lastColIndex;
@@ -455,6 +583,26 @@ var ExportHelper = /** @class */ (function () {
         var widths = [];
         var treeColumnIndex = 0;
         var tWidth = (this.pdfDoc.pageSettings.width - 82);
+        if (this.exportProps && this.exportProps.fitToWidthSettings && this.exportProps.fitToWidthSettings.isFitToWidth) {
+            var gridWidth = void 0;
+            if (this.exportProps.fitToWidthSettings.gridWidth) {
+                gridWidth = parseInt(this.exportProps.fitToWidthSettings.gridWidth.split('%')[0]);
+            }
+            else {
+                if (this.exportProps.fitToWidthSettings.chartWidth) {
+                    var chartWidth = parseInt(this.exportProps.fitToWidthSettings.chartWidth.split('%')[0]);
+                    gridWidth = 100 - chartWidth;
+                }
+                else {
+                    gridWidth = 30;
+                }
+            }
+            var pdfwidth = (this.parent.pdfExportModule['pdfPageDimensions'].width * gridWidth) / 100;
+            var perColumnWidth = pdfwidth / this.gantt.columns.columns.length;
+            for (var i = 0; i < this.gantt.columns.columns.length; i++) {
+                this.gantt.columns.getColumn(i).width = perColumnWidth;
+            }
+        }
         if (this.totalColumnWidth > (this.pdfDoc.pageSettings.width - 82)) {
             this.gantt.style.allowHorizontalOverflow = true;
         }

package/src/gantt/export/pdf-base/pdf-grid-table.js

@@ -196,11 +196,11 @@ var PdfTreeGridCell = /** @class */ (function () {
             if (this.finishedDrawingCell) {
                 temp = (this.remainingString === '') ? this.remainingString : this.value;
                 /* eslint-disable-next-line */
-                graphics.drawString(temp, font, textPen, textBrush, (innerLayoutArea.x + leftAdjustment), innerLayoutArea.y, (innerLayoutArea.width - leftAdjustment - padding), (innerLayoutArea.height - padding), this.style.format);
+                graphics.drawString(temp, font, textPen, textBrush, (innerLayoutArea.x + leftAdjustment), this.isHeaderCell ? innerLayoutArea.y - 16 : innerLayoutArea.y, (innerLayoutArea.width - leftAdjustment - padding), (innerLayoutArea.height - padding), this.style.format);
             }
             else {
                 /* eslint-disable-next-line */
-                graphics.drawString(this.remainingString, font, textPen, textBrush, (innerLayoutArea.x + leftAdjustment), innerLayoutArea.y, this.style.format);
+                graphics.drawString(this.remainingString, font, textPen, textBrush, (innerLayoutArea.x + leftAdjustment), this.isHeaderCell ? innerLayoutArea.y - 16 : innerLayoutArea.y, this.style.format);
             }
             result = graphics.stringLayoutResult;
         }

package/src/gantt/export/pdf-base/pdf-style/gantt-theme.js

@@ -55,6 +55,8 @@ var PdfGanttTheme = /** @class */ (function () {
                 ganttStyle.taskbar.progressColor = new PdfColor(33, 82, 125);
                 ganttStyle.taskbar.criticalTaskColor = new PdfColor(255, 139, 139);
                 ganttStyle.taskbar.criticalProgressColor = new PdfColor(255, 85, 85);
+                ganttStyle.taskbar.baselineColor = new PdfColor(240, 173, 78);
+                ganttStyle.taskbar.baselineBorderColor = new PdfColor(240, 173, 78);
                 ganttStyle.criticalConnectorLineColor = new PdfColor(255, 85, 85);
                 ganttStyle.taskbar.criticalTaskBorderColor = new PdfColor(255, 85, 85);
                 ganttStyle.taskbar.parentTaskColor = new PdfColor(119, 119, 119);
@@ -75,6 +77,8 @@ var PdfGanttTheme = /** @class */ (function () {
                 ganttStyle.taskbar.progressColor = new PdfColor(0, 86, 179);
                 ganttStyle.taskbar.criticalTaskColor = new PdfColor(255, 139, 139);
                 ganttStyle.taskbar.criticalProgressColor = new PdfColor(255, 85, 85);
+                ganttStyle.taskbar.baselineColor = new PdfColor(255, 193, 7);
+                ganttStyle.taskbar.baselineBorderColor = new PdfColor(255, 193, 7);
                 ganttStyle.criticalConnectorLineColor = new PdfColor(255, 85, 85);
                 ganttStyle.taskbar.criticalTaskBorderColor = new PdfColor(255, 85, 85);
                 ganttStyle.taskbar.parentTaskColor = new PdfColor(108, 117, 125);
@@ -97,6 +101,8 @@ var PdfGanttTheme = /** @class */ (function () {
                 ganttStyle.taskbar.progressColor = new PdfColor(0, 91, 163);
                 ganttStyle.taskbar.criticalTaskColor = new PdfColor(255, 139, 139);
                 ganttStyle.taskbar.criticalProgressColor = new PdfColor(255, 85, 85);
+                ganttStyle.taskbar.baselineColor = new PdfColor(216, 59, 1);
+                ganttStyle.taskbar.baselineBorderColor = new PdfColor(216, 59, 1);
                 ganttStyle.criticalConnectorLineColor = new PdfColor(255, 85, 85);
                 ganttStyle.taskbar.criticalTaskBorderColor = new PdfColor(255, 85, 85);
                 ganttStyle.taskbar.parentTaskColor = new PdfColor(118, 118, 118);
@@ -117,6 +123,8 @@ var PdfGanttTheme = /** @class */ (function () {
                 ganttStyle.taskbar.progressColor = new PdfColor(63, 81, 181);
                 ganttStyle.taskbar.criticalTaskColor = new PdfColor(255, 139, 139);
                 ganttStyle.taskbar.criticalProgressColor = new PdfColor(255, 85, 85);
+                ganttStyle.taskbar.baselineColor = new PdfColor(193, 87, 0);
+                ganttStyle.taskbar.baselineBorderColor = new PdfColor(193, 87, 0);
                 ganttStyle.criticalConnectorLineColor = new PdfColor(255, 85, 85);
                 ganttStyle.taskbar.criticalTaskBorderColor = new PdfColor(255, 85, 85);
                 ganttStyle.taskbar.parentTaskColor = new PdfColor(132, 132, 132);