@syncfusion/ej2-gantt 21.2.6 → 21.2.9

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 21.2.6
+*  version : 21.2.9
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-gantt@*",
-  "_id": "@syncfusion/ej2-gantt@21.2.5",
+  "_id": "@syncfusion/ej2-gantt@21.2.8",
   "_inBundle": false,
-  "_integrity": "sha512-Yj+8L8AXoLeax0gB6GzVFM6gKA9Q+GiMDUU5zgJXXjqk6+q9Hv8UIkoW88CMaUFPVBvraFYCAYIpgMI+HVpExA==",
+  "_integrity": "sha512-rJtH1w7dOjvnIkO1TroHfHAOhzDMc3E815amBKZeiz/7/lUDROTFMh/RzxT80h+fUJFrXpxDwJnCG5jUvyBnkA==",
   "_location": "/@syncfusion/ej2-gantt",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-gantt",
     "/@syncfusion/ej2-vue-gantt"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-21.2.5.tgz",
-  "_shasum": "f89352a1c3fbb06b4753edafbb713f74a01ac912",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-21.2.8.tgz",
+  "_shasum": "479c2b0b201b74789fbb77715bc1302d27ef2d09",
   "_spec": "@syncfusion/ej2-gantt@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -35,20 +35,20 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~21.2.3",
+    "@syncfusion/ej2-base": "~21.2.9",
     "@syncfusion/ej2-buttons": "~21.2.6",
-    "@syncfusion/ej2-calendars": "~21.2.6",
-    "@syncfusion/ej2-data": "~21.2.6",
-    "@syncfusion/ej2-dropdowns": "~21.2.6",
-    "@syncfusion/ej2-grids": "~21.2.6",
-    "@syncfusion/ej2-inputs": "~21.2.6",
-    "@syncfusion/ej2-layouts": "~21.2.6",
-    "@syncfusion/ej2-lists": "~21.2.6",
-    "@syncfusion/ej2-navigations": "~21.2.6",
+    "@syncfusion/ej2-calendars": "~21.2.9",
+    "@syncfusion/ej2-data": "~21.2.9",
+    "@syncfusion/ej2-dropdowns": "~21.2.8",
+    "@syncfusion/ej2-grids": "~21.2.9",
+    "@syncfusion/ej2-inputs": "~21.2.9",
+    "@syncfusion/ej2-layouts": "~21.2.9",
+    "@syncfusion/ej2-lists": "~21.2.9",
+    "@syncfusion/ej2-navigations": "~21.2.9",
     "@syncfusion/ej2-notifications": "~21.2.3",
     "@syncfusion/ej2-popups": "~21.2.4",
-    "@syncfusion/ej2-richtexteditor": "~21.2.6",
-    "@syncfusion/ej2-treegrid": "~21.2.6"
+    "@syncfusion/ej2-richtexteditor": "~21.2.9",
+    "@syncfusion/ej2-treegrid": "~21.2.9"
   },
   "deprecated": false,
   "description": "Essential JS 2 Gantt Component",
@@ -73,6 +73,6 @@
     "url": "git+https://github.com/syncfusion/ej2-gantt.git"
   },
   "typings": "index.d.ts",
-  "version": "21.2.6",
+  "version": "21.2.9",
   "sideEffects": false
 }

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

@@ -291,7 +291,7 @@ var ContextMenu = /** @class */ (function () {
                 this.parent.ganttChartModule.targetElement;
         // Closed edited cell before opening context menu
         // eslint-disable-next-line
-        if (!isNullOrUndefined(this.parent.editModule) && this.parent.editModule.cellEditModule && this.parent.editModule.cellEditModule.isCellEdit && target.parentElement.classList.contains('e-row')) {
+        if (!isNullOrUndefined(this.parent.editModule) && this.parent.editModule.cellEditModule && this.parent.editModule.cellEditModule.isCellEdit && target.parentElement.classList.contains('e-row') || target.parentElement.classList.contains('e-treecolumn-container')) {
             this.parent.treeGrid.closeEdit();
         }
         if (!isNullOrUndefined(args.element) && args.element.id === this.parent.element.id + '_contextmenu') {

package/src/gantt/actions/dependency.js

@@ -387,6 +387,15 @@ var Dependency = /** @class */ (function () {
         for (var count = 0; count < totLength; count++) {
             if (flatData[count].ganttProperties.predecessorsName) {
                 this.validatePredecessorDates(flatData[count]);
+                var predecessorCollection = flatData[count].ganttProperties.predecessor;
+                if (predecessorCollection && predecessorCollection.length > 1) {
+                    for (var i = 0; i < predecessorCollection.length; i++) {
+                        var 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]);

package/src/gantt/actions/edit.d.ts

@@ -16,6 +16,7 @@ export declare class Edit {
     private isFromDeleteMethod;
     private targetedRecords;
     private isNewRecordAdded;
+    private isValidatedEditedRecord;
     /**
      * @private
      */

package/src/gantt/actions/edit.js

@@ -17,6 +17,7 @@ var Edit = /** @class */ (function () {
         this.isFromDeleteMethod = false;
         this.targetedRecords = [];
         this.isNewRecordAdded = false;
+        this.isValidatedEditedRecord = false;
         /** @hidden */
         this.updateParentRecords = [];
         /** @hidden */
@@ -671,8 +672,9 @@ var Edit = /** @class */ (function () {
                     (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;
                 }
@@ -785,6 +787,11 @@ var Edit = /** @class */ (function () {
                     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();
                 }
             }
@@ -848,7 +855,10 @@ var Edit = /** @class */ (function () {
                 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 &&
@@ -2883,6 +2893,7 @@ var Edit = /** @class */ (function () {
             var args = {};
             args = this.constructTaskAddedEventArgs(cAddedRecord_1, this.parent.editedRecords, 'beforeAdd');
             this.parent.trigger('actionBegin', args, function (args) {
+                _this.parent.previousRecords = {};
                 if (!isNullOrUndefined(_this.parent.loadingIndicator) && _this.parent.loadingIndicator.indicatorType === "Shimmer") {
                     _this.parent.showMaskRow();
                 }

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

@@ -115,7 +115,7 @@ var PdfExport = /** @class */ (function () {
             var format = new PdfTreeGridLayoutFormat();
             format.break = PdfLayoutBreakType.FitElement;
             var layouter = _this.gantt.drawGrid(pdfPage, 0, 0, format);
-            _this.gantt.drawChart(layouter);
+            _this.gantt.drawChart(layouter, pdfExportProperties);
             if (!isMultipleExport) {
                 if (!_this.isBlob) {
                     // save the PDF

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

@@ -1651,7 +1651,8 @@ var TaskbarEdit = /** @class */ (function (_super) {
             this.dependencyCancel = true;
         }
         if ((this.taskBarEditAction === 'ConnectorPointLeftDrag' ||
-            this.taskBarEditAction === 'ConnectorPointRightDrag') && this.drawPredecessor) {
+            this.taskBarEditAction === 'ConnectorPointRightDrag') && this.drawPredecessor && (!this.connectorSecondRecord.hasChildRecords ||
+            this.connectorSecondRecord.hasChildRecords && this.parent.allowParentDependency)) {
             this.parent.connectorLineEditModule.updatePredecessor(this.connectorSecondRecord, this.finalPredecessor);
             if (this.parent.UpdateOffsetOnTaskbarEdit) {
                 this.parent.connectorLineEditModule['calculateOffset'](this.connectorSecondRecord);
@@ -1984,7 +1985,9 @@ var TaskbarEdit = /** @class */ (function (_super) {
             }
             this.showHideTaskBarEditingElements(element, this.highlightedSecondElement, true);
         }
-        if (isNullOrUndefined(this.connectorSecondAction) && !isNullOrUndefined(this.connectorSecondElement)) {
+        if (isNullOrUndefined(this.connectorSecondAction) && !isNullOrUndefined(this.connectorSecondElement) &&
+            (!this.connectorSecondRecord.hasChildRecords || this.connectorSecondRecord.hasChildRecords &&
+                this.parent.allowParentDependency)) {
             this.editTooltip.showHideTaskbarEditTooltip(false, this.segmentIndex);
             removeClass([this.connectorSecondElement.querySelector('.' + cls.connectorPointLeft)], [cls.connectorPointAllowBlock]);
             removeClass([this.connectorSecondElement.querySelector('.' + cls.connectorPointRight)], [cls.connectorPointAllowBlock]);

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

@@ -185,7 +185,7 @@ var DateProcessor = /** @class */ (function () {
             else if (hour > this.parent.defaultStartTime && hour < this.parent.defaultEndTime) {
                 for (var i = 0; i < this.parent.workingTimeRanges.length; i++) {
                     var value = this.parent.workingTimeRanges[i];
-                    if (hour >= value.to && (this.parent.workingTimeRanges[i + 1] &&
+                    if (hour > value.to && (this.parent.workingTimeRanges[i + 1] &&
                         hour < this.parent.workingTimeRanges[i + 1].from)) {
                         this.setTime(this.parent.workingTimeRanges[i + 1].from, cloneDate);
                         break;

package/src/gantt/base/gantt-chart.js

@@ -274,7 +274,7 @@ var GanttChart = /** @class */ (function () {
     GanttChart.prototype.setVirtualHeight = function () {
         if (this.parent.virtualScrollModule && this.parent.enableVirtualization) {
             var wrapper = getValue('virtualTrack', this.parent.ganttChartModule.virtualRender);
-            wrapper.style.height = this.parent.treeGrid.element.getElementsByClassName('e-virtualtable')[0].style.height;
+            wrapper.style.height = this.parent.treeGrid.element.getElementsByClassName('e-virtualtrack')[0].style.height;
             var wrapper1 = getValue('wrapper', this.parent.ganttChartModule.virtualRender);
             var treegridVirtualHeight = this.parent.treeGrid.element.getElementsByClassName('e-virtualtable')[0].style.transform;
             wrapper1.style.transform = treegridVirtualHeight;
@@ -965,7 +965,13 @@ var GanttChart = /** @class */ (function () {
      * @private
      */
     GanttChart.prototype.getRecordByTaskBar = function (target) {
-        var item = this.parent.currentViewData[this.getIndexByTaskBar(target)];
+        var 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;
     };
     /**
@@ -1323,7 +1329,12 @@ var GanttChart = /** @class */ (function () {
         else {
             var id = row.getAttribute('rowUniqueId');
             var 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;
     };

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

@@ -354,7 +354,7 @@ var TaskProcessor = /** @class */ (function (_super) {
             (this.parent.taskMode === 'Manual') ? false :
                 data[taskSettings.manual] === true ? false : true;
         this.parent.setRecordValue('ganttProperties', ganttProperties, ganttData);
-        if (!isNullOrUndefined(data[taskSettings.id])) {
+        if (!isNullOrUndefined(data[taskSettings.id]) && (!((this.parent.viewType === "ResourceView" && level == 0))) || data[taskSettings.name] === "Unassigned Task") {
             id = data[taskSettings.id];
             name = data[taskSettings.name];
             this.addTaskData(ganttData, data, isLoad);
@@ -509,29 +509,53 @@ var TaskProcessor = /** @class */ (function (_super) {
                     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 = {};
@@ -773,7 +797,7 @@ var TaskProcessor = /** @class */ (function (_super) {
             startDate = this.getDateFromFormat(data[taskSettings.startDate], true);
             endDate = this.getDateFromFormat(data[taskSettings.endDate], true);
         }
-        var segments = taskSettings.segments ? (data[taskSettings.segments] ||
+        var segments = taskSettings.segments && (!isNullOrUndefined(data[taskSettings.segments]) || !isNullOrUndefined(ganttData.taskData)) ? (data[taskSettings.segments] ||
             ganttData.taskData[taskSettings.segments]) : null;
         var isMileStone = taskSettings.milestone ? data[taskSettings.milestone] ? true : false : false;
         var durationMapping = data[taskSettings.durationUnit] ? data[taskSettings.durationUnit] : '';
@@ -1600,6 +1624,9 @@ var TaskProcessor = /** @class */ (function (_super) {
             return resourceIdCollection;
         }
         resourceIdCollection = data[this.parent.taskFields.resourceInfo];
+        if (resourceIdCollection != "" && typeof resourceIdCollection == "string") {
+            resourceIdCollection = resourceIdCollection.split(',');
+        }
         var resourceData;
         if (!isNullOrUndefined(this.parent.editModule) && !isNullOrUndefined(this.parent.editModule.dialogModule)
             && this.parent.editModule.dialogModule.isAddNewResource) {
@@ -1609,6 +1636,7 @@ var TaskProcessor = /** @class */ (function (_super) {
             resourceData = this.parent.resources;
         }
         var resourceIDMapping = this.parent.resourceFields.id;
+        var resourceNameMapping = this.parent.resourceFields.name;
         var resourceUnitMapping = this.parent.resourceFields.unit;
         var resourceGroup = this.parent.resourceFields.group;
         var resources = [];
@@ -1619,7 +1647,7 @@ var TaskProcessor = /** @class */ (function (_super) {
                     return true;
                 }
                 else {
-                    return (resourceIdCollection[count] === resourceInfo[resourceIDMapping]);
+                    return (resourceIdCollection[count] === resourceInfo[resourceIDMapping]) || (resourceIdCollection[count] === resourceInfo[resourceNameMapping]);
                 }
             });
             var ganttDataResource = extend({}, resource[0]);
@@ -2361,6 +2389,9 @@ var TaskProcessor = /** @class */ (function (_super) {
                         }
                     }
                     this.parent.setRecordValue('isMilestone', milestone, parentProp, true);
+                    if (!isNullOrUndefined(this.parent.taskFields.milestone)) {
+                        this.updateMappingData(parentData, 'milestone');
+                    }
                     if (parentProp.isAutoSchedule) {
                         this.calculateDuration(parentData);
                     }

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

@@ -456,7 +456,7 @@ var GanttTreeGrid = /** @class */ (function () {
         this.parent.columnByField = {};
         this.parent.customColumns = [];
         var tasksMapping = ['id', 'name', 'startDate', 'endDate', 'duration', 'dependency',
-            'progress', 'baselineStartDate', 'baselineEndDate', 'resourceInfo', 'notes', 'work', 'manual', 'type'];
+            'progress', 'baselineStartDate', 'baselineEndDate', 'resourceInfo', 'notes', 'work', 'manual', 'type', 'milestone'];
         var _loop_1 = function (i) {
             var column = {};
             if (typeof ganttObj.columns[i] === 'string') {
@@ -803,7 +803,7 @@ var GanttTreeGrid = /** @class */ (function () {
         }
     }; // eslint-disable-next-line
     GanttTreeGrid.prototype.durationValueAccessor = function (field, data, column) {
-        var ganttProp = data.ganttProperties;
+        var ganttProp = (!isNullOrUndefined(data)) ? data.ganttProperties : null;
         if (!isNullOrUndefined(ganttProp)) {
             return this.parent.dataOperation.getDurationString(ganttProp.duration, ganttProp.durationUnit);
         }

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

@@ -469,6 +469,9 @@ var ExportHelper = /** @class */ (function () {
             footer.graphics.drawRectangle(pen, footerBrush, 0, 0, pdfDoc.pageSettings.width, 35);
             /* eslint-disable-next-line */
             var font = new PdfStandardFont(this.ganttStyle.fontFamily, this.ganttStyle.footer.fontSize, this.ganttStyle.footer.fontStyle);
+            if (this.ganttStyle.font) {
+                font = this.ganttStyle.font;
+            }
             var brush = new PdfSolidBrush(this.ganttStyle.footer.fontColor);
             var pageNumber = new PdfPageNumberField(font);
             var count = new PdfPageCountField(font, brush);

package/src/gantt/export/pdf-connector-line.d.ts

@@ -1,5 +1,5 @@
 import { PdfColor } from '@syncfusion/ej2-pdf-export';
-import { IGanttStyle } from './../base/interface';
+import { IGanttStyle, PdfExportProperties } from './../base/interface';
 import { Gantt } from './../base/gantt';
 import { PdfGantt } from './pdf-gantt';
 /**
@@ -21,13 +21,14 @@ export declare class PdfGanttPredecessor {
     pdfGantt?: PdfGantt;
     parent?: Gantt;
     ganttStyle: IGanttStyle;
+    pdfExportProperties: PdfExportProperties;
     /**
      * @returns {PdfGanttPredecessor} .
      * @hidden
      */
     add(): PdfGanttPredecessor;
     constructor(parent?: Gantt, pdfGantt?: PdfGantt);
-    findindex(num: number): number;
+    findindex(num: number, pdfExportProperties: PdfExportProperties): number;
     /**
      * Calculate the predecesor line point and draw the predecessor
      *
@@ -35,7 +36,7 @@ export declare class PdfGanttPredecessor {
      * @returns {void}
      * @private
      */
-    drawPredecessor(pdfGantt: PdfGantt): void;
+    drawPredecessor(pdfGantt: PdfGantt, pdfExportProperties: PdfExportProperties): void;
     /**
      * Method to draw the predecessor lines with calculated connector points
      *

package/src/gantt/export/pdf-connector-line.js

@@ -27,11 +27,22 @@ var PdfGanttPredecessor = /** @class */ (function () {
     PdfGanttPredecessor.prototype.add = function () {
         return new PdfGanttPredecessor(this.parent);
     };
-    PdfGanttPredecessor.prototype.findindex = function (num) {
+    PdfGanttPredecessor.prototype.findindex = function (num, pdfExportProperties) {
         var dataindex;
-        this.parent.currentViewData.map(function (data, index) { if (data.index == num) {
-            dataindex = index;
-        } });
+        if (pdfExportProperties.exportType === 'CurrentViewData') {
+            this.parent.currentViewData.map(function (data, index) {
+                if (data.index == num) {
+                    dataindex = index;
+                }
+            });
+        }
+        else {
+            this.parent.flatData.map(function (data, index) {
+                if (data.index == num) {
+                    dataindex = index;
+                }
+            });
+        }
         return dataindex;
     };
     /**
@@ -41,11 +52,11 @@ var PdfGanttPredecessor = /** @class */ (function () {
      * @returns {void}
      * @private
      */
-    PdfGanttPredecessor.prototype.drawPredecessor = function (pdfGantt) {
+    PdfGanttPredecessor.prototype.drawPredecessor = function (pdfGantt, pdfExportProperties) {
         this.pdfGantt = pdfGantt;
         var pages = pdfGantt.result.page.section.getPages();
-        var parentTask = pdfGantt.taskbarCollection[this.findindex(this.parentIndex)];
-        var childTask = pdfGantt.taskbarCollection[this.findindex(this.childIndex)];
+        var parentTask = pdfGantt.taskbarCollection[this.findindex(this.parentIndex, pdfExportProperties)];
+        var childTask = pdfGantt.taskbarCollection[this.findindex(this.childIndex, pdfExportProperties)];
         var startPage = new PdfPage();
         var endPage = new PdfPage();
         var predecessorType = '';
@@ -55,7 +66,7 @@ var PdfGanttPredecessor = /** @class */ (function () {
         var childY = 0;
         switch (this.type) {
             case 'FS':
-                if (childTask.startPage > -1 && parentTask.endPage > -1) {
+                if ((!isNullOrUndefined(childTask) && childTask.startPage > -1) && (!isNullOrUndefined(parentTask) && parentTask.endPage > -1)) {
                     startPage = pages[parentTask.endPage];
                     endPage = pages[childTask.startPage];
                     parentPageData = pdfGantt.pdfPageDetail[parentTask.endPage - pdfGantt.chartPageIndex];
@@ -82,7 +93,7 @@ var PdfGanttPredecessor = /** @class */ (function () {
                 }
                 break;
             case 'SF':
-                if (childTask.endPage > -1 && parentTask.startPage > -1) {
+                if ((!isNullOrUndefined(childTask) && childTask.endPage > -1) && (!isNullOrUndefined(parentTask) && parentTask.startPage > -1)) {
                     startPage = pages[parentTask.startPage];
                     endPage = pages[childTask.endPage];
                     parentPageData = pdfGantt.pdfPageDetail[parentTask.endPage - pdfGantt.chartPageIndex];
@@ -109,7 +120,7 @@ var PdfGanttPredecessor = /** @class */ (function () {
                 }
                 break;
             case 'FF':
-                if (childTask.endPage > -1 && parentTask.endPage > -1) {
+                if ((!isNullOrUndefined(childTask) && childTask.endPage > -1) && (!isNullOrUndefined(parentTask) && parentTask.endPage > -1)) {
                     startPage = pages[parentTask.endPage];
                     endPage = pages[childTask.endPage];
                     parentPageData = pdfGantt.pdfPageDetail[parentTask.endPage - pdfGantt.chartPageIndex];
@@ -136,7 +147,7 @@ var PdfGanttPredecessor = /** @class */ (function () {
                 }
                 break;
             case 'SS':
-                if (childTask.startPage > -1 && parentTask.startPage > -1) {
+                if ((!isNullOrUndefined(childTask) && childTask.startPage > -1) && (!isNullOrUndefined(parentTask) && parentTask.startPage > -1)) {
                     startPage = pages[parentTask.startPage];
                     endPage = pages[childTask.startPage];
                     parentPageData = pdfGantt.pdfPageDetail[parentTask.startPage - pdfGantt.chartPageIndex];

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

@@ -3,6 +3,7 @@ import { PageDetail } from '../base/interface';
 import { PdfLayoutResult, PdfColor } from '@syncfusion/ej2-pdf-export';
 import { Gantt } from '../base/gantt';
 import { PdfTreeGrid } from './pdf-treegrid';
+import { PdfExportProperties } from '../base/interface';
 import { PdfTimeline } from './pdf-timeline';
 import { PdfGanttPredecessor } from './pdf-connector-line';
 /**
@@ -28,7 +29,7 @@ export declare class PdfGantt extends PdfTreeGrid {
     parent: Gantt;
     constructor(parent: Gantt);
     readonly taskbar: PdfGanttTaskbarCollection;
-    drawChart(result: PdfLayoutResult): void;
+    drawChart(result: PdfLayoutResult, pdfExportProperties: PdfExportProperties): void;
     private calculateRange;
     private drawPageBorder;
     private drawGantttChart;

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

@@ -56,12 +56,12 @@ var PdfGantt = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    PdfGantt.prototype.drawChart = function (result) {
+    PdfGantt.prototype.drawChart = function (result, pdfExportProperties) {
         this.result = result;
         this.totalPages = this.result.page.section.count;
         this.perColumnPages = this.totalPages / this.layouter.columnRanges.length;
         this.calculateRange();
-        this.drawGantttChart();
+        this.drawGantttChart(pdfExportProperties);
         this.drawPageBorder();
     };
     //Calcualte the header range for each pdf page based on schedule start and end date.
@@ -210,7 +210,7 @@ var PdfGantt = /** @class */ (function (_super) {
         }
     };
     //Draw the gantt chart side
-    PdfGantt.prototype.drawGantttChart = function () {
+    PdfGantt.prototype.drawGantttChart = function (pdfExportProperties) {
         var _this = this;
         var taskbarPoint = this.startPoint;
         var pagePoint = new PointF();
@@ -286,7 +286,7 @@ var PdfGantt = /** @class */ (function (_super) {
         // Draw predecessor line.
         for (var i = 0; i < this.predecessorCollection.length; i++) {
             var predecessor = this.predecessorCollection[i];
-            predecessor.drawPredecessor(this);
+            predecessor.drawPredecessor(this, pdfExportProperties);
         }
     };
     return PdfGantt;

package/src/gantt/renderer/chart-rows.d.ts

@@ -279,6 +279,7 @@ export declare class ChartRows extends DateProcessor {
      * @private
      */
     refreshRow(index: number, isValidateRange?: boolean): void;
+    private updateResourceTaskbarElement;
     private getResourceParent;
     /**
      * To refresh all edited records