@syncfusion/ej2-gantt 21.2.8 → 21.2.10

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

@@ -1557,7 +1557,15 @@ class DateProcessor {
             const segment = segments[i];
             const sDate = segment.startDate;
             const eDate = segment.endDate;
-            duration += Math.ceil(this.getTimeDifference(sDate, eDate) / (1000 * 60 * 60 * 24));
+            if (this.parent.timelineModule.bottomTier === "Hour") {
+                duration += Math.ceil(this.getTimeDifference(sDate, eDate) / (1000 * 60 * 60));
+            }
+            else if (this.parent.timelineModule.bottomTier === "Minutes") {
+                duration += Math.ceil(this.getTimeDifference(sDate, eDate) / (1000 * 60));
+            }
+            else {
+                duration += Math.ceil(this.getTimeDifference(sDate, eDate) / (1000 * 60 * 60 * 24));
+            }
         }
         return duration;
     }
@@ -2039,29 +2047,53 @@ class TaskProcessor extends DateProcessor {
                     startDate = this.checkStartDate(startDate, data.ganttProperties, false);
                     if (!isNullOrUndefined(duration)) {
                         endDate = this.getEndDate(startDate, duration, data.ganttProperties.durationUnit, data.ganttProperties, false);
+                        if (taskSettings.duration) {
+                            remainingDuration = data.ganttProperties.duration - sumOfDuration;
+                            if (remainingDuration <= 0) {
+                                continue;
+                            }
+                            duration = i === segments.length - 1 ? remainingDuration : remainingDuration > 0 &&
+                                duration > remainingDuration ? remainingDuration : duration;
+                            endDate = this.getEndDate(startDate, duration, data.ganttProperties.durationUnit, data.ganttProperties, false);
+                        }
+                        else if (!taskSettings.duration && taskSettings.endDate) {
+                            endDate = (!isNullOrUndefined(data.ganttProperties.endDate)) && endDate.getTime() >
+                                data.ganttProperties.endDate.getTime() && i !== segments.length - 1 ? endDate : data.ganttProperties.endDate;
+                            duration = this.getDuration(startDate, endDate, data.ganttProperties.durationUnit, data.ganttProperties.isAutoSchedule, data.ganttProperties.isMilestone);
+                            if (ganttSegments.length > 0 && endDate.getTime() < startDate.getTime()
+                                && endDate.getTime() <= data.ganttProperties.endDate.getTime()) {
+                                ganttSegments[i - 1].duration = this.getDuration(ganttSegments[i - 1].startDate, data.ganttProperties.endDate, data.ganttProperties.durationUnit, data.ganttProperties.isAutoSchedule, data.ganttProperties.isMilestone);
+                                continue;
+                            }
+                        }
                     }
                     else {
                         endDate = this.getDateFromFormat(endDate);
+                        if (endDate && (isNullOrUndefined(duration) || String(duration) === '')) {
+                            if (endDate.getHours() === 0 && this.parent.defaultEndTime !== 86400) {
+                                this.setTime(this.parent.defaultEndTime, endDate);
+                            }
+                        }
                         endDate = this.checkEndDate(endDate, data.ganttProperties, false);
                         duration = this.getDuration(startDate, endDate, data.ganttProperties.durationUnit, data.ganttProperties.isAutoSchedule, data.ganttProperties.isMilestone);
-                    }
-                    if (taskSettings.duration) {
-                        remainingDuration = data.ganttProperties.duration - sumOfDuration;
-                        if (remainingDuration <= 0) {
-                            continue;
+                        if (taskSettings.duration) {
+                            remainingDuration = data.ganttProperties.duration - sumOfDuration - 1;
+                            if (remainingDuration <= 0) {
+                                continue;
+                            }
+                            duration = i === segments.length - 1 ? remainingDuration : remainingDuration > 0 &&
+                                duration > remainingDuration ? remainingDuration : duration;
+                            endDate = this.getEndDate(startDate, duration, data.ganttProperties.durationUnit, data.ganttProperties, false);
                         }
-                        duration = i === segments.length - 1 ? remainingDuration : remainingDuration > 0 &&
-                            duration > remainingDuration ? remainingDuration : duration;
-                        endDate = this.getEndDate(startDate, duration, data.ganttProperties.durationUnit, data.ganttProperties, false);
-                    }
-                    else if (!taskSettings.duration && taskSettings.endDate) {
-                        endDate = (!isNullOrUndefined(data.ganttProperties.endDate)) && endDate.getTime() >
-                            data.ganttProperties.endDate.getTime() && i !== segments.length - 1 ? endDate : data.ganttProperties.endDate;
-                        duration = this.getDuration(startDate, endDate, data.ganttProperties.durationUnit, data.ganttProperties.isAutoSchedule, data.ganttProperties.isMilestone);
-                        if (ganttSegments.length > 0 && endDate.getTime() < startDate.getTime()
-                            && endDate.getTime() <= data.ganttProperties.endDate.getTime()) {
-                            ganttSegments[i - 1].duration = this.getDuration(ganttSegments[i - 1].startDate, data.ganttProperties.endDate, data.ganttProperties.durationUnit, data.ganttProperties.isAutoSchedule, data.ganttProperties.isMilestone);
-                            continue;
+                        else if (!taskSettings.duration && taskSettings.endDate) {
+                            endDate = (!isNullOrUndefined(data.ganttProperties.endDate)) && endDate.getTime() >
+                                data.ganttProperties.endDate.getTime() && i !== segments.length - 1 ? endDate : data.ganttProperties.endDate;
+                            duration = this.getDuration(startDate, endDate, data.ganttProperties.durationUnit, data.ganttProperties.isAutoSchedule, data.ganttProperties.isMilestone);
+                            if (ganttSegments.length > 0 && endDate.getTime() < startDate.getTime()
+                                && endDate.getTime() <= data.ganttProperties.endDate.getTime()) {
+                                ganttSegments[i - 1].duration = this.getDuration(ganttSegments[i - 1].startDate, data.ganttProperties.endDate, data.ganttProperties.durationUnit, data.ganttProperties.isAutoSchedule, data.ganttProperties.isMilestone);
+                                continue;
+                            }
                         }
                     }
                     segment = {};
@@ -2924,7 +2956,7 @@ class TaskProcessor extends DateProcessor {
             const data = [];
             for (let k = 0; k < preTaskResources.length; k++) {
                 resourceData.filter((resourceInfo) => {
-                    if (resourceInfo[resourceSettings.id] === preTaskResources[k][resourceSettings.id]) {
+                    if (resourceInfo[resourceSettings.id] === preTaskResources[k][resourceSettings.id] && data.indexOf(preTaskResources[k]) === -1) {
                         data.push(preTaskResources[k]);
                     }
                 });
@@ -3202,7 +3234,9 @@ class TaskProcessor extends DateProcessor {
                 if (resourceUnit !== 100) {
                     resName += '[' + resourceUnit + '%' + ']';
                 }
-                resourceName.push(resName);
+                if (!isNullOrUndefined(resName)) {
+                    resourceName.push(resName);
+                }
                 if (data.taskData) {
                     const mapping = taskMapping.resourceInfo;
                     // eslint-disable-next-line
@@ -3703,7 +3737,7 @@ class TaskProcessor extends DateProcessor {
         if (!isNullOrUndefined(ganttRecord.segments) && ganttRecord.segments.length > 0) {
             const segments = ganttRecord.segments;
             let fixedWidth = true;
-            const totalTaskWidth = this.splitTasksDuration(segments) * this.parent.perDayWidth;
+            const totalTaskWidth = this.splitTasksDuration(segments) * ((this.parent.timelineModule.bottomTier === "Hour" || this.parent.timelineModule.bottomTier === "Minutes") ? this.parent.timelineSettings.timelineUnitSize : this.parent.perDayWidth);
             let totalProgressWidth = this.parent.dataOperation.getProgressWidth(totalTaskWidth, ganttRecord.progress);
             for (let i = 0; i < segments.length; i++) {
                 const segment = segments[i];
@@ -3751,6 +3785,8 @@ class TaskProcessor extends DateProcessor {
         const ganttRecord = data.ganttProperties;
         this.parent.setRecordValue('autoWidth', this.calculateWidth(data, true), ganttRecord, true);
         this.parent.setRecordValue('autoLeft', this.calculateLeft(ganttRecord, true), ganttRecord, true);
+        this.parent.setRecordValue('progressWidth', this.parent.dataOperation.getProgressWidth((ganttRecord.isAutoSchedule ||
+            !data.hasChildRecords ? ganttRecord.width : ganttRecord.autoWidth), ganttRecord.progress), ganttRecord, true);
     }
     /**
      * To calculate parent progress value
@@ -3886,6 +3922,9 @@ class TaskProcessor extends DateProcessor {
                         }
                     }
                     this.parent.setRecordValue('isMilestone', milestone, parentProp, true);
+                    if (!isNullOrUndefined(this.parent.taskFields.milestone)) {
+                        this.updateMappingData(parentData, 'milestone');
+                    }
                     if (parentProp.isAutoSchedule) {
                         this.calculateDuration(parentData);
                     }
@@ -5305,7 +5344,13 @@ class GanttChart {
      * @private
      */
     getRecordByTaskBar(target) {
-        const item = this.parent.currentViewData[this.getIndexByTaskBar(target)];
+        let item;
+        if (this.parent.enableVirtualization && this.parent.enableMultiTaskbar) {
+            item = this.parent.flatData[this.getIndexByTaskBar(target)];
+        }
+        else {
+            item = this.parent.currentViewData[this.getIndexByTaskBar(target)];
+        }
         return item;
     }
     /**
@@ -5663,7 +5708,12 @@ class GanttChart {
         else {
             const id = row.getAttribute('rowUniqueId');
             const record = this.parent.getRecordByID(id);
-            recordIndex = this.parent.currentViewData.indexOf(record);
+            if (this.parent.enableVirtualization && this.parent.enableMultiTaskbar) {
+                recordIndex = this.parent.flatData.indexOf(record);
+            }
+            else {
+                recordIndex = this.parent.currentViewData.indexOf(record);
+            }
         }
         return recordIndex;
     }
@@ -7067,9 +7117,11 @@ class Timeline {
                 const validStartLeft = this.parent.dataOperation.getTaskLeft(validStartDate, false);
                 const validEndLeft = this.parent.dataOperation.getTaskLeft(validEndDate, false);
                 let isChanged;
+                let taskbarModule = this.parent.editModule.taskbarEditModule;
                 if (!isNullOrUndefined(maxStartLeft) && ((minStartDate < this.timelineStartDate) ||
-                    (!isNullOrUndefined(this.parent.editModule.taskbarEditModule)) &&
-                        (!isNullOrUndefined(this.parent.editModule.taskbarEditModule.taskBarEditAction))) && (maxStartLeft < this.bottomTierCellWidth || maxStartLeft <= validStartLeft)) {
+                    (!isNullOrUndefined(taskbarModule)) && (!isNullOrUndefined(taskbarModule.taskBarEditAction)
+                        && taskbarModule.taskBarEditAction !== 'ProgressResizing' &&
+                        taskbarModule.taskBarEditAction !== 'RightResizing')) && (maxStartLeft < this.bottomTierCellWidth || maxStartLeft <= validStartLeft)) {
                     isChanged = 'prevTimeSpan';
                     minStartDate = minStartDate > this.timelineStartDate ? this.timelineStartDate : minStartDate;
                 }
@@ -7663,7 +7715,7 @@ class GanttTreeGrid {
         this.parent.columnByField = {};
         this.parent.customColumns = [];
         const tasksMapping = ['id', 'name', 'startDate', 'endDate', 'duration', 'dependency',
-            'progress', 'baselineStartDate', 'baselineEndDate', 'resourceInfo', 'notes', 'work', 'manual', 'type'];
+            'progress', 'baselineStartDate', 'baselineEndDate', 'resourceInfo', 'notes', 'work', 'manual', 'type', 'milestone'];
         for (let i = 0; i < length; i++) {
             let column = {};
             if (typeof ganttObj.columns[i] === 'string') {
@@ -8005,7 +8057,7 @@ class GanttTreeGrid {
         }
     } // eslint-disable-next-line
     durationValueAccessor(field, data, column) {
-        const ganttProp = data.ganttProperties;
+        const ganttProp = (!isNullOrUndefined(data)) ? data.ganttProperties : null;
         if (!isNullOrUndefined(ganttProp)) {
             return this.parent.dataOperation.getDurationString(ganttProp.duration, ganttProp.durationUnit);
         }
@@ -8784,7 +8836,7 @@ class ChartRows extends DateProcessor {
                 (isNullOrUndefined(data.ganttProperties.segments) || (!isNullOrUndefined(data.ganttProperties.segments) &&
                     data.ganttProperties.segments.length === 0))) {
                 if (template !== '' && !isNullOrUndefined(progressDiv) && progressDiv.length > 0) {
-                    let templateElement = this.createDivElement(template)[0];
+                    const templateElement = this.createDivElement(template)[0];
                     if (this.parent.disableHtmlEncode) {
                         templateElement.innerText = labelString;
                     }
@@ -8799,7 +8851,7 @@ class ChartRows extends DateProcessor {
                         !this.isTemplate(childLabel) &&
                         progressDiv[0].querySelectorAll('.e-task-label')[0].children[0])
                         progressDiv[0].querySelectorAll('.e-task-label')[0].children[0].remove();
-                    if (progressDiv[0].querySelectorAll('.e-task-label')[0].textContent == '' &&
+                    if (progressDiv[0].querySelectorAll('.e-task-label')[0].textContent === '' &&
                         childLabel && !childLabel['elementRef'] && tempDiv.innerHTML !== '')
                         progressDiv[0].querySelectorAll('.e-task-label')[0].textContent = childLabel;
                 }
@@ -9470,7 +9522,7 @@ class ChartRows extends DateProcessor {
                     !this.isTemplate(parentLabel) &&
                     progressBarInnerDiv[0].querySelectorAll('.e-task-label')[0].children[0])
                     progressBarInnerDiv[0].querySelectorAll('.e-task-label')[0].children[0].remove();
-                if (progressBarInnerDiv[0].querySelectorAll('.e-task-label')[0].textContent == '' &&
+                if (progressBarInnerDiv[0].querySelectorAll('.e-task-label')[0].textContent === '' &&
                     parentLabel && !parentLabel['elementRef'] && div.innerHTML !== '')
                     progressBarInnerDiv[0].querySelectorAll('.e-task-label')[0].textContent = parentLabel;
             }
@@ -9500,11 +9552,19 @@ class ChartRows extends DateProcessor {
      * @returns {NodeList} .
      * @private
      */
-    getTableTrNode() {
+    getTableTrNode(i) {
         const table = createElement('table');
         const className = (this.parent.gridLines === 'Horizontal' || this.parent.gridLines === 'Both') ?
             'e-chart-row-border' : '';
-        table.innerHTML = '<tr class="' + this.getRowClassName(this.templateData) + ' ' + chartRow + '"' +
+        const rows = this.parent.treeGrid.grid.contentModule.getRows()[i];
+        let activecls;
+        if (rows && rows.isSelected) {
+            activecls = 'e-active';
+        }
+        else {
+            activecls = '';
+        }
+        table.innerHTML = '<tr class="' + this.getRowClassName(this.templateData) + ' ' + chartRow + ' ' + (activecls) + '"' +
             'style="display:' + this.getExpandDisplayProp(this.templateData) + ';height:' +
             this.parent.rowHeight + 'px;">' +
             '<td class="' + chartRowCell + ' ' + className
@@ -9614,7 +9674,7 @@ class ChartRows extends DateProcessor {
         return this.createDivElement(template);
     }
     childTaskbarProgressResizer() {
-        let width = this.parent.enableRtl ? (this.templateData.ganttProperties.progressWidth + 8) : (this.templateData.ganttProperties.progressWidth - 6);
+        const width = this.parent.enableRtl ? (this.templateData.ganttProperties.progressWidth + 8) : (this.templateData.ganttProperties.progressWidth - 6);
         const template = '<div class="' + childProgressResizer + '"' +
             'style="' + (this.parent.enableRtl ? 'right:' : 'left:') + width + 'px;margin-top:' +
             (this.taskBarHeight - 4) + 'px;"><div class="' + progressBarHandler + '"' +
@@ -9941,7 +10001,7 @@ class ChartRows extends DateProcessor {
         this.parent.renderTemplates();
         this.triggerQueryTaskbarInfo();
         this.parent.modifiedRecords = [];
-        if (this.parent.viewType == 'ResourceView' && this.parent.showOverAllocation) {
+        if (this.parent.viewType === 'ResourceView' && this.parent.showOverAllocation) {
             this.updateOverlapped();
         }
         if (collapsedResourceRecord.length) {
@@ -9965,7 +10025,7 @@ class ChartRows extends DateProcessor {
     getGanttChartRow(i, tempTemplateData) {
         this.templateData = tempTemplateData;
         let taskBaselineTemplateNode = null;
-        const parentTrNode = this.getTableTrNode();
+        const parentTrNode = this.getTableTrNode(i);
         const leftLabelNode = this.getLeftLabelNode(i);
         const taskbarContainerNode = this.taskbarContainer();
         taskbarContainerNode[0].setAttribute('aria-label', this.generateAriaLabel(this.templateData));
@@ -10405,8 +10465,8 @@ class ChartRows extends DateProcessor {
     }
     // To update the row height when allow overallocation set to false
     updateDragDropRecords(data, tr) {
-        let childRecords = data.childRecords;
-        let rowIndex = this.parent.currentViewData.indexOf(data);
+        const childRecords = data.childRecords;
+        const rowIndex = this.parent.currentViewData.indexOf(data);
         let treeGridContentHeight = this.parent.enableRtl ? this.parent['element'].getElementsByClassName('e-content')[2].children[0]['offsetHeight'] :
             this.parent['element'].getElementsByClassName('e-content')[0].children[0]['offsetHeight'];
         if (!tr) {
@@ -10516,6 +10576,19 @@ class ChartRows extends DateProcessor {
             }
         }
     }
+    updateResourceTaskbarElement(tRow, parentTr) {
+        const cloneElement = tRow.querySelector('.e-taskbar-main-container');
+        addClass([cloneElement], 'collpse-parent-border');
+        const id = tRow.querySelector('.' + taskBarMainContainer).getAttribute('rowUniqueId');
+        const ganttData = this.parent.getRecordByID(id);
+        let zIndex = "";
+        if (ganttData && !isNullOrUndefined(ganttData.ganttProperties.eOverlapIndex)) {
+            zIndex = (ganttData.ganttProperties.eOverlapIndex).toString();
+        }
+        const cloneChildElement = cloneElement.cloneNode(true);
+        cloneChildElement.style.zIndex = zIndex;
+        parentTr[0].childNodes[0].childNodes[0].childNodes[0].appendChild(cloneChildElement);
+    }
     getResourceParent(record) {
         const chartRows = this.parent.ganttChartModule.getChartRows();
         //Below code is for rendering taskbartemplate in resource view with multi taskbar
@@ -10539,20 +10612,19 @@ class ChartRows extends DateProcessor {
         parentTrNode[0].childNodes[0].childNodes[0].appendChild(collapseParent);
         const tasks = this.parent.dataOperation.setSortedChildTasks(record);
         this.parent.dataOperation.updateOverlappingIndex(tasks);
-        for (let i = 0; i < chartRows.length; i++) {
-            if (chartRows[i].classList.contains('gridrowtaskId'
-                + record.ganttProperties.rowUniqueID + 'level' + (record.level + 1))) {
-                const cloneElement = chartRows[i].querySelector('.e-taskbar-main-container');
-                addClass([cloneElement], 'collpse-parent-border');
-                const id = chartRows[i].querySelector('.' + taskBarMainContainer).getAttribute('rowUniqueId');
-                const ganttData = this.parent.getRecordByID(id);
-                let zIndex = "";
-                if (ganttData && !isNullOrUndefined(ganttData.ganttProperties.eOverlapIndex)) {
-                    zIndex = (ganttData.ganttProperties.eOverlapIndex).toString();
+        let tRow;
+        if (this.parent.enableVirtualization) {
+            for (let i = 0; i < record.childRecords.length; i++) {
+                tRow = this.getGanttChartRow(record.childRecords[i].index, this.parent.flatData[record.childRecords[i].index]);
+                this.updateResourceTaskbarElement(tRow, parentTrNode);
+            }
+        }
+        else {
+            for (let i = 0; i < chartRows.length; i++) {
+                if (chartRows[i].classList.contains('gridrowtaskId'
+                    + record.ganttProperties.rowUniqueID + 'level' + (record.level + 1))) {
+                    this.updateResourceTaskbarElement(chartRows[i], parentTrNode);
                 }
-                const cloneChildElement = cloneElement.cloneNode(true);
-                cloneChildElement.style.zIndex = zIndex;
-                parentTrNode[0].childNodes[0].childNodes[0].childNodes[0].appendChild(cloneChildElement);
             }
         }
         parentTrNode[0].childNodes[0].childNodes[0].appendChild([].slice.call(leftLabelNode)[0]);
@@ -11059,6 +11131,15 @@ class Dependency {
         for (let count = 0; count < totLength; count++) {
             if (flatData[count].ganttProperties.predecessorsName) {
                 this.validatePredecessorDates(flatData[count]);
+                let predecessorCollection = flatData[count].ganttProperties.predecessor;
+                if (predecessorCollection && predecessorCollection.length > 1) {
+                    for (let i = 0; i < predecessorCollection.length; i++) {
+                        const validateRecord = this.parent.getRecordByID(predecessorCollection[i].to);
+                        if (validateRecord) {
+                            this.validatePredecessorDates(validateRecord);
+                        }
+                    }
+                }
                 if (flatData[count].hasChildRecords && this.parent.editModule && !this.parent.allowUnscheduledTasks
                     && this.parent.allowParentDependency) {
                     this.parent.editModule['updateChildItems'](flatData[count]);
@@ -23471,6 +23552,7 @@ class Edit$2 {
         this.isFromDeleteMethod = false;
         this.targetedRecords = [];
         this.isNewRecordAdded = false;
+        this.isValidatedEditedRecord = false;
         /** @hidden */
         this.updateParentRecords = [];
         /** @hidden */
@@ -24123,8 +24205,9 @@ class Edit$2 {
                     (isNullOrUndefined(taskData.startDate) && !isNullOrUndefined(prevStart)) ||
                     (isNullOrUndefined(taskData.endDate) && !isNullOrUndefined(prevEnd)) ||
                     (prevStart && prevStart.getTime() !== taskData.startDate.getTime())
-                        && (prevEnd && prevEnd.getTime() !== taskData.endDate.getTime())
-                    || (!isNullOrUndefined(prevDuration) && prevDuration !== taskData.duration &&
+                    || (prevEnd && prevEnd.getTime() !== taskData.endDate.getTime())
+                    || (!isNullOrUndefined(prevDuration) && prevDuration !== taskData.duration)
+                    || (!isNullOrUndefined(prevDuration) && prevDuration === taskData.duration &&
                         prevDurationUnit !== taskData.durationUnit)) {
                     isMoved = true;
                 }
@@ -24237,6 +24320,11 @@ class Edit$2 {
                     this.parent.connectorLineEditModule.openValidationDialog(validateObject);
                 }
                 else {
+                    if (this.parent.editModule && this.parent.editModule.dialogModule &&
+                        this.parent.editModule.dialogModule['isEdit'] && this.predecessorUpdated) {
+                        this.isValidatedEditedRecord = true;
+                        this.parent.predecessorModule.validatePredecessor(args.data, [], '');
+                    }
                     this.parent.connectorLineEditModule.applyPredecessorOption();
                 }
             }
@@ -24300,7 +24388,10 @@ class Edit$2 {
                 if (this.taskbarMoved) {
                     this.parent.editedTaskBarItem = ganttRecord;
                 }
-                this.parent.predecessorModule.validatePredecessor(ganttRecord, [], '');
+                if (!this.isValidatedEditedRecord) {
+                    this.parent.predecessorModule.validatePredecessor(ganttRecord, [], '');
+                }
+                this.isValidatedEditedRecord = false;
                 this.parent.predecessorModule.isValidatedParentTaskID = '';
             }
             if (this.parent.allowParentDependency && ganttRecord.hasChildRecords && this.parent.previousRecords[ganttRecord.uniqueID].ganttProperties.startDate &&
@@ -26175,6 +26266,7 @@ class Edit$2 {
         this.parent.treeGrid.parentData = [];
         this.parent.addDeleteRecord = true;
         this.parent.selectedRowIndex = 0;
+        this.parent.treeGrid['isAddedFromGantt'] = true;
         this.parent.treeGrid.refresh();
         if (this.parent.enableImmutableMode) {
             this.parent.modifiedRecords = args.modifiedRecords;
@@ -34327,7 +34419,10 @@ class ExportHelper {
             const footerBrush = new PdfSolidBrush(this.ganttStyle.footer.backgroundColor);
             footer.graphics.drawRectangle(pen, footerBrush, 0, 0, pdfDoc.pageSettings.width, 35);
             /* eslint-disable-next-line */
-            const font = new PdfStandardFont(this.ganttStyle.fontFamily, this.ganttStyle.footer.fontSize, this.ganttStyle.footer.fontStyle);
+            let font = new PdfStandardFont(this.ganttStyle.fontFamily, this.ganttStyle.footer.fontSize, this.ganttStyle.footer.fontStyle);
+            if (this.ganttStyle.font) {
+                font = this.ganttStyle.font;
+            }
             const brush = new PdfSolidBrush(this.ganttStyle.footer.fontColor);
             const pageNumber = new PdfPageNumberField(font);
             const count = new PdfPageCountField(font, brush);