@syncfusion/ej2-gantt 21.2.9 → 22.1.34

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

@@ -437,6 +437,16 @@ var GanttChart = /** @class */ (function () {
         if (this.parent.isDestroyed || e.which === 3) {
             return;
         }
+        var resizeCheck = this.parent.ganttChartModule.chartBodyContainer.querySelector('.e-taskbar-resize-div');
+        if (!isNullOrUndefined(resizeCheck)) {
+            resizeCheck.remove();
+        }
+        var Check = this.parent.ganttChartModule.chartBodyContainer.querySelector('.e-clone-taskbar');
+        if (!isNullOrUndefined(Check)) {
+            var clonetbody = Check.parentElement;
+            var cloneTable = clonetbody.parentElement;
+            cloneTable.remove();
+        }
         var isTaskbarEdited = false;
         if (this.parent.editSettings.allowTaskbarEditing &&
             getValue('editModule.taskbarEditModule.isMouseDragged', this.parent) &&
@@ -998,6 +1008,71 @@ var GanttChart = /** @class */ (function () {
             $target.closest('.e-chart-row') ? $target.closest('.e-chart-row').rowIndex : -1;
         var isTab = (e.action === 'tab') ? true : false;
         var nextElement = this.getNextElement($target, isTab, isInEditedState);
+        if (nextElement && $target.classList.contains('e-headercell')) {
+            var colIndex = parseInt(nextElement.getAttribute('data-colindex'));
+            if (e.action === 'shiftTab') {
+                while (colIndex != -1 && !this.parent.treeGrid.columns[colIndex]['visible']) {
+                    colIndex = colIndex - 1;
+                }
+                if (colIndex != -1) {
+                    nextElement = document.getElementsByClassName('e-columnheader')[0].childNodes[colIndex];
+                }
+                else {
+                    var toolbarItems = document.getElementsByClassName('e-toolbar-item');
+                    for (var i = toolbarItems.length - 1; i > 0; i--) {
+                        if (!document.getElementsByClassName('e-toolbar-item')[i].classList.contains('e-hidden')) {
+                            nextElement = document.getElementsByClassName('e-toolbar-item')[i];
+                            break;
+                        }
+                    }
+                }
+            }
+            else {
+                while (!this.parent.treeGrid.columns[colIndex]['visible']) {
+                    colIndex = colIndex + 1;
+                }
+                nextElement = document.getElementsByClassName('e-columnheader')[0].childNodes[colIndex];
+            }
+        }
+        if (!nextElement && e.action === 'shiftTab' && $target.classList.contains('e-headercell')) {
+            var toolbarItems = document.getElementsByClassName('e-toolbar-item');
+            for (var i = toolbarItems.length - 1; i > 0; i--) {
+                if (!document.getElementsByClassName('e-toolbar-item')[i].classList.contains('e-hidden')) {
+                    nextElement = document.getElementsByClassName('e-toolbar-item')[i];
+                    break;
+                }
+            }
+        }
+        if ($target.classList.contains('e-treegrid') && !nextElement) {
+            for (var i = 0; i < this.parent.treeGrid.columns.length; i++) {
+                if (this.parent.treeGrid.columns[i]['visible']) {
+                    nextElement = document.getElementsByClassName('e-columnheader')[0].childNodes[i];
+                    break;
+                }
+            }
+        }
+        if (!nextElement && $target.classList.contains('e-headercell')) {
+            nextElement = document.getElementsByClassName('e-timeline-header-container')[0];
+        }
+        if (e.action !== 'shiftTab' && $target.classList.contains('e-timeline-header-container')) {
+            for (var i = 0; i < this.parent.treeGrid.columns.length; i++) {
+                if (this.parent.treeGrid.columns[i]['visible']) {
+                    nextElement = document.getElementsByClassName('e-row')[0].childNodes[i];
+                    break;
+                }
+            }
+        }
+        if (e.action === 'shiftTab' && !nextElement) {
+            nextElement = document.getElementsByClassName('e-timeline-header-container')[0];
+        }
+        if (e.action === 'shiftTab' && $target.classList.contains('e-timeline-header-container')) {
+            for (var i = this.parent.treeGrid.columns.length - 1; i > 0; i--) {
+                if (this.parent.treeGrid.columns[i]['visible']) {
+                    nextElement = document.getElementsByClassName('e-columnheader')[0].childNodes[i];
+                    break;
+                }
+            }
+        }
         this.tempNextElement = nextElement;
         if (!isNullOrUndefined(nextElement) && !isNullOrUndefined(nextElement['cellIndex'])) {
             if (this.parent.allowRowDragAndDrop) {
@@ -1021,7 +1096,7 @@ var GanttChart = /** @class */ (function () {
         }
         if (typeof nextElement !== 'string') {
             if ($target.classList.contains('e-rowcell') || $target.closest('.e-chart-row-cell') ||
-                $target.classList.contains('e-headercell') || $target.closest('.e-segmented-taskbar')) {
+                $target.classList.contains('e-headercell') || $target.closest('.e-segmented-taskbar') || $target.classList.contains('e-timeline-header-container')) {
                 e.preventDefault();
             }
             if (isTab && $target.classList.contains('e-rowdragdrop')) {
@@ -1057,11 +1132,21 @@ var GanttChart = /** @class */ (function () {
                         }
                     }
                     else {
-                        this.parent.treeGrid.grid.notify('key-pressed', e);
+                        if (!nextElement || nextElement && !nextElement.classList.contains('e-headercell')) {
+                            if ($target.classList.contains('e-headercell')) {
+                                this.manageFocus($target, 'remove', false);
+                            }
+                            if (!nextElement || $target.classList.contains('e-editedbatchcell')) {
+                                this.parent.treeGrid.grid.notify('key-pressed', e);
+                            }
+                        }
                     }
                 }
                 else {
-                    this.parent.treeGrid.grid.notify('key-pressed', e);
+                    if (!nextElement.classList.contains('e-headercell') && !nextElement.classList.contains('e-rowcell')
+                        && !nextElement.classList.contains('e-toolbar-item')) {
+                        this.parent.treeGrid.grid.notify('key-pressed', e);
+                    }
                 }
             }
             if (!(this.parent.editModule && this.parent.editModule.cellEditModule
@@ -1073,7 +1158,8 @@ var GanttChart = /** @class */ (function () {
                     else {
                         this.manageFocus($target, 'remove', true);
                     }
-                    if ((nextElement.classList.contains('e-rowcell') && $target.nextElementSibling) || $target.classList.contains('e-right-label-container')) {
+                    if ((nextElement.classList.contains('e-rowcell') && $target.nextElementSibling && !$target.classList.contains('e-timeline-header-container'))
+                        || $target.classList.contains('e-right-label-container')) {
                         if (!$target.classList.contains('e-rowcell')) {
                             this.parent.treeGrid.grid.notify('key-pressed', e);
                             var fmodule = getValue('focusModule', this.parent.treeGrid.grid);
@@ -1085,7 +1171,17 @@ var GanttChart = /** @class */ (function () {
                         this.manageFocus(nextElement, 'add', false);
                     }
                     else {
-                        this.manageFocus(nextElement, 'add', true);
+                        if (nextElement && (nextElement.classList.contains('e-toolbar-item') || nextElement.classList.contains('e-headercell')
+                            || nextElement.classList.contains("e-rowcell"))) {
+                            this.manageFocus($target, 'remove', false);
+                            this.manageFocus(nextElement, 'add', false);
+                            if ($target.classList.contains('e-treegrid')) {
+                                e.preventDefault();
+                            }
+                        }
+                        else {
+                            this.manageFocus(nextElement, 'add', true);
+                        }
                     }
                     this.parent.focusModule.setActiveElement(nextElement);
                 }
@@ -1172,6 +1268,17 @@ var GanttChart = /** @class */ (function () {
                 var childElement_1 = this.getChildElement(rowElement, isTab);
                 return childElement_1;
             }
+            nextElement = $target;
+            if (nextElement && nextElement.parentElement.classList.contains('e-toolbar-item') && this.parent.toolbarModule) {
+                while (nextElement && nextElement.parentElement.classList.contains('e-toolbar-item') && nextElement.parentElement.nextElementSibling.classList.contains('e-toolbar-item')) {
+                    if (nextElement.parentElement.nextElementSibling.classList.contains('e-hidden')) {
+                        nextElement = nextElement.parentElement.nextElementSibling.childNodes[0];
+                    }
+                    else {
+                        return nextElement.parentElement.nextElementSibling;
+                    }
+                }
+            }
         }
         return null;
     };

package/src/gantt/base/gantt-model.d.ts

@@ -228,22 +228,25 @@ export interface GanttModel extends ComponentModel{
      * The task bar template that renders customized child task bars from the given template.
      *
      * @default null
+     * @aspType string
      */
-    taskbarTemplate?: string;
+    taskbarTemplate?: string | Function;
 
     /**
      * The parent task bar template that renders customized parent task bars from the given template.
      *
      * @default null
+     * @aspType string
      */
-    parentTaskbarTemplate?: string;
+    parentTaskbarTemplate?: string | Function;
 
     /**
      * The milestone template that renders customized milestone task from the given template.
      *
      * @default null
+     * @aspType string
      */
-    milestoneTemplate?: string;
+    milestoneTemplate?: string | Function;
 
     /**
      * Defines the baseline bar color.

package/src/gantt/base/gantt.d.ts

@@ -497,20 +497,23 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
      * The task bar template that renders customized child task bars from the given template.
      *
      * @default null
+     * @aspType string
      */
-    taskbarTemplate: string;
+    taskbarTemplate: string | Function;
     /**
      * The parent task bar template that renders customized parent task bars from the given template.
      *
      * @default null
+     * @aspType string
      */
-    parentTaskbarTemplate: string;
+    parentTaskbarTemplate: string | Function;
     /**
      * The milestone template that renders customized milestone task from the given template.
      *
      * @default null
+     * @aspType string
      */
-    milestoneTemplate: string;
+    milestoneTemplate: string | Function;
     /**
      * Defines the baseline bar color.
      *
@@ -1387,6 +1390,7 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
     renderGantt(isChange?: boolean): void;
     removeCriticalPathStyles(): void;
     private wireEvents;
+    private keyDownHandler;
     /**
      * Method trigger while user perform window resize.
      *

package/src/gantt/base/gantt.js

@@ -780,19 +780,17 @@ var Gantt = /** @class */ (function (_super) {
             this.notify('initPredessorDialog', {});
         }
         this.splitterModule.updateSplitterPosition();
-        if (this.gridLines === 'Vertical' || this.gridLines === 'Both') {
-            this.renderChartVerticalLines();
-        }
+        // if (this.gridLines === 'Vertical' || this.gridLines === 'Both') {
+        //     this.renderChartVerticalLines();
+        // }
     };
     Gantt.prototype.removeCriticalPathStyles = function () {
         var ganttChartElement = this.ganttChartModule.chartElement;
         removeClass(ganttChartElement.querySelectorAll('.e-gantt-child-taskbar-inner-div'), cls.criticalChildTaskBarInnerDiv);
         removeClass(ganttChartElement.querySelectorAll('.e-gantt-child-progressbar-inner-div'), cls.criticalChildProgressBarInnerDiv);
-        removeClass(ganttChartElement.querySelectorAll('.e-milestone-top'), cls.criticalMilestoneTop);
-        removeClass(ganttChartElement.querySelectorAll('.e-milestone-bottom'), cls.criticalMilestoneBottom);
-        removeClass(this.element.querySelectorAll('.e-line'), cls.criticalConnectorLine);
-        removeClass(this.element.querySelectorAll('.e-connector-line-right-arrow'), cls.criticalConnectorLineRightArrow);
-        removeClass(this.element.querySelectorAll('.e-connector-line-left-arrow'), cls.criticalConnectorLineLeftArrow);
+        removeClass(ganttChartElement.querySelectorAll('.e-critical-milestone'), cls.criticalMilestone);
+        removeClass(this.element.querySelectorAll('.e-connector-line'), cls.criticalConnectorLineSVG);
+        removeClass(this.element.querySelectorAll('.e-connector-line-arrow'), cls.criticalConnectorArrowSVG);
     };
     Gantt.prototype.wireEvents = function () {
         if (this.allowKeyboard) {
@@ -804,6 +802,15 @@ var Gantt = /** @class */ (function (_super) {
         }
         /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
         EventHandler.add(window, 'resize', this.windowResize, this);
+        EventHandler.add(document.body, 'keydown', this.keyDownHandler, this);
+    };
+    Gantt.prototype.keyDownHandler = function (e) {
+        if (e.altKey) {
+            if (e.keyCode === 74) { //alt j
+                this.ganttChartModule.manageFocus(this.treeGrid.element.childNodes[1], 'remove', false);
+                this.ganttChartModule.manageFocus(this.element, 'add', false);
+            }
+        }
     };
     /**
      * Method trigger while user perform window resize.
@@ -1907,9 +1914,9 @@ var Gantt = /** @class */ (function (_super) {
         if (!this.element.contains(this.chartVerticalLineContainer)) {
             this.chartVerticalLineContainer = createElement('div', {
                 id: this.element.id + 'line-container',
-                styles: 'position:absolute;height:100%;z-index:1'
+                styles: 'position:absolute;height:100%;'
             });
-            this.ganttChartModule.chartBodyContent.appendChild(this.chartVerticalLineContainer);
+            this.ganttChartModule.chartBodyContent.insertBefore(this.chartVerticalLineContainer, this.ganttChartModule.chartBodyContent.lastChild);
         }
         this.chartVerticalLineContainer.innerHTML = '';
         var headerTable = this.element.getElementsByClassName('e-timeline-header-table-container')[1];
@@ -2298,9 +2305,6 @@ var Gantt = /** @class */ (function (_super) {
         this.timelineModule.updateChartByNewTimeline();
         this.ganttChartModule.chartBodyContent.style.width = formatUnit(this.timelineModule.totalTimelineWidth);
         this.ganttChartModule.updateLastRowBottomWidth();
-        if (this.gridLines === 'Vertical' || this.gridLines === 'Both') {
-            this.renderChartVerticalLines();
-        }
         if (this.taskFields.dependency) {
             this.ganttChartModule.reRenderConnectorLines();
         }

package/src/gantt/base/interface.d.ts

@@ -198,13 +198,21 @@ export interface IWorkTimelineRanges {
     to?: Date;
 }
 export interface IGanttColumn {
+    /** Defines column name */
     field?: string;
+    /** Defines header text of column */
     headerText?: string;
+    /** Defines edit type of column */
     editType?: string;
+    /** Defines mapping name of column */
     mappingName?: string;
+    /** Defines whether editing is enabled or not */
     allowEditing: boolean;
+    /** Defines width of column */
     width: number;
+    /** Defines format of column */
     format: string;
+    /** Defines whether column is visible or not */
     visible: boolean;
 }
 export interface IIndicator {
@@ -218,10 +226,15 @@ export interface IIndicator {
     tooltip?: string;
 }
 export interface IWorkingTimeRange {
+    /** Defines the from date. */
     from?: number;
+    /** Defines the to date. */
     to?: number;
+    /** Defines whether it is working day or not. */
     isWorking?: boolean;
+    /** Defines the color to render. */
     color?: string;
+    /** Defines the interval between from and to dates. */
     interval?: number;
 }
 export interface IQueryTaskbarInfoEventArgs {
@@ -285,9 +298,13 @@ export interface IKeyPressedEventArgs {
     keyEvent?: Event;
 }
 export interface ITaskDeletedEventArgs {
+    /** Defines the deleted records */
     deletedRecordCollection?: IGanttData[];
+    /** Defines the updated records */
     updatedRecordCollection?: IGanttData[];
+    /** Defines the event is cancel-able or not. */
     cancel?: boolean;
+    /** Defines the event action. */
     action?: string;
 }
 export interface IDependencyEditData {
@@ -310,11 +327,17 @@ export interface IPredecessor {
     isDrawn?: boolean;
 }
 export interface IValidateArgs {
+    /** Defines the gantt data. */
     data?: IGanttData;
+    /** Defines the record index. */
     recordIndex?: number;
+    /** Defines the request type */
     requestType?: string;
+    /** Defines whether to cancel the action or not */
     cancel?: boolean;
+    /** Defines the validation mode. */
     validateMode?: IValidateMode;
+    /** Defines the edited arguments. */
     editEventArgs?: object;
 }
 export interface ITimeSpanEventArgs {
@@ -337,12 +360,19 @@ export interface IValidateMode {
     preserveLinkWithEditing?: boolean;
 }
 export interface IActionBeginEventArgs {
+    /** Defines the action type. */
     requestType?: string;
+    /** Defines the gantt record. */
     data?: IGanttData | IGanttData[];
+    /** Defines the modified records. */
     modifiedRecords?: IGanttData[];
+    /** Defines the modified task data. */
     modifiedTaskData?: object[] | object;
+    /** Defines the event is cancel-able or not. */
     cancel?: boolean;
+    /** Defines the taskbar edit action. */
     taskBarEditAction?: string;
+    /** Defines the event action. */
     action?: string;
     /** Defines the target element. */
     target?: Element;
@@ -369,6 +399,10 @@ export interface IConnectorLineObject {
     parentIndexInCurrentView?: number;
     childIndexInCurrentView?: number;
     isCritical?: boolean;
+    parentEndPoint?: number;
+    childEndPoint?: number;
+    isManualChild?: boolean;
+    isManualParent?: boolean;
 }
 export interface ISplitterResizedEventArgs {
     /** Defines the element. */
@@ -412,7 +446,7 @@ export interface BeforeTooltipRenderEventArgs {
     /** Defines the original event arguments of tooltip control. */
     args?: TooltipEventArgs;
     /** Defines the content. */
-    content?: string | Element;
+    content?: string | Element | Function;
     /** Cancel the tooltip */
     cancel?: boolean;
 }
@@ -527,6 +561,7 @@ export interface ZoomTimelineSettings {
     bottomTier?: TimelineTierSettingsModel;
     /** Defines timeline unit size. */
     timelineUnitSize?: number;
+    /** Defines the week start day. */
     weekStartDay?: number;
     /** Defines weekend background color. */
     weekendBackground?: string;

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]) && (!((this.parent.viewType === "ResourceView" && level == 0))) || data[taskSettings.name] === "Unassigned Task") {
+        if (!isNullOrUndefined(data[taskSettings.id])) {
             id = data[taskSettings.id];
             name = data[taskSettings.name];
             this.addTaskData(ganttData, data, isLoad);
@@ -797,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 && (!isNullOrUndefined(data[taskSettings.segments]) || !isNullOrUndefined(ganttData.taskData)) ? (data[taskSettings.segments] ||
+        var segments = taskSettings.segments ? (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] : '';
@@ -1419,7 +1419,7 @@ var TaskProcessor = /** @class */ (function (_super) {
             var data_1 = [];
             var _loop_4 = function (k) {
                 resourceData.filter(function (resourceInfo) {
-                    if (resourceInfo[resourceSettings.id] === preTaskResources[k][resourceSettings.id]) {
+                    if (resourceInfo[resourceSettings.id] === preTaskResources[k][resourceSettings.id] && data_1.indexOf(preTaskResources[k]) === -1) {
                         data_1.push(preTaskResources[k]);
                     }
                 });
@@ -1506,15 +1506,17 @@ var TaskProcessor = /** @class */ (function (_super) {
         else {
             hierarchicalData = this.parent.dataSource;
         }
-        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];
+        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];
+                    }
                 }
-            }
+            });
         });
     };
     TaskProcessor.prototype.getWorkInHour = function (work, workUnit) {
@@ -1624,9 +1626,6 @@ 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) {
@@ -1636,7 +1635,6 @@ 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 = [];
@@ -1647,7 +1645,7 @@ var TaskProcessor = /** @class */ (function (_super) {
                     return true;
                 }
                 else {
-                    return (resourceIdCollection[count] === resourceInfo[resourceIDMapping]) || (resourceIdCollection[count] === resourceInfo[resourceNameMapping]);
+                    return (resourceIdCollection[count] === resourceInfo[resourceIDMapping]);
                 }
             });
             var ganttDataResource = extend({}, resource[0]);
@@ -1704,7 +1702,9 @@ var TaskProcessor = /** @class */ (function (_super) {
                 if (resourceUnit !== 100) {
                     resName += '[' + resourceUnit + '%' + ']';
                 }
-                resourceName.push(resName);
+                if (!isNullOrUndefined(resName)) {
+                    resourceName.push(resName);
+                }
                 if (data.taskData) {
                     var mapping = taskMapping.resourceInfo;
                     // eslint-disable-next-line
@@ -2206,7 +2206,8 @@ var TaskProcessor = /** @class */ (function (_super) {
         if (!isNullOrUndefined(ganttRecord.segments) && ganttRecord.segments.length > 0) {
             var segments = ganttRecord.segments;
             var fixedWidth = true;
-            var totalTaskWidth = this.splitTasksDuration(segments) * this.parent.perDayWidth;
+            var totalTaskWidth = this.splitTasksDuration(segments) * ((this.parent.timelineModule.bottomTier === "Hour" || this.parent.timelineModule.bottomTier === "Minutes") ? this.parent.timelineSettings.timelineUnitSize : this.parent.perDayWidth);
+            ;
             var totalProgressWidth = this.parent.dataOperation.getProgressWidth(totalTaskWidth, ganttRecord.progress);
             for (var i = 0; i < segments.length; i++) {
                 var segment = segments[i];
@@ -2254,6 +2255,8 @@ var TaskProcessor = /** @class */ (function (_super) {
         var 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

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

@@ -803,7 +803,7 @@ var GanttTreeGrid = /** @class */ (function () {
         }
     }; // eslint-disable-next-line
     GanttTreeGrid.prototype.durationValueAccessor = function (field, data, column) {
-        var ganttProp = (!isNullOrUndefined(data)) ? data.ganttProperties : null;
+        var ganttProp = data.ganttProperties;
         if (!isNullOrUndefined(ganttProp)) {
             return this.parent.dataOperation.getDurationString(ganttProp.duration, ganttProp.durationUnit);
         }

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

@@ -148,6 +148,7 @@ var ExportHelper = /** @class */ (function () {
                 predecessor.type = data.type;
                 predecessor.milestoneParent = data.milestoneParent;
                 predecessor.milestoneChild = data.milestoneChild;
+                predecessor.parentEndPoint = data.parentEndPoint;
                 predecessor.lineWidth = _this.parent.connectorLineWidth > 5 ? pixelToPoint(5) : pixelToPoint(_this.parent.connectorLineWidth);
                 if (data.isCritical) {
                     predecessor.connectorLineColor = _this.ganttStyle.criticalConnectorLineColor;

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

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

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

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