@syncfusion/ej2-gantt 22.2.12 → 23.1.38

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

@@ -11,6 +11,7 @@ var GanttChart = /** @class */ (function () {
     function GanttChart(parent) {
         this.isExpandCollapseFromChart = false;
         this.isExpandAll = false;
+        this.isCollapseAll = false;
         this.isGanttElement = false;
         this.parent = parent;
         this.chartTimelineContainer = null;
@@ -356,6 +357,42 @@ var GanttChart = /** @class */ (function () {
         if (this.parent.editSettings.allowTaskbarEditing) {
             this.parent.notify('chartMouseUp', e);
         }
+        if (!this.parent.editSettings.allowEditing) {
+            var isTaskbarEdited = false;
+            if (this.parent.editSettings.allowTaskbarEditing &&
+                getValue('editModule.taskbarEditModule.isMouseDragged', this.parent) &&
+                getValue('editModule.taskbarEditModule.taskBarEditAction', this.parent)) {
+                isTaskbarEdited = true;
+            }
+            if (!isTaskbarEdited) {
+                /** Expand/collapse action */
+                var target = e.target;
+                var isOnTaskbarElement = e.target.classList.contains(cls.taskBarMainContainer)
+                    || closest(e.target, '.' + cls.taskBarMainContainer);
+                if (closest(target, '.e-gantt-parent-taskbar') && !this.parent.editSettings.allowEditing) {
+                    this.chartExpandCollapseRequest(e);
+                }
+                else if (!isOnTaskbarElement && this.parent.autoFocusTasks) {
+                    this.scrollToTarget(e); /** Scroll to task */
+                }
+            }
+        }
+        if (e.type === "touchend") {
+            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 falseline = this.parent.ganttChartModule.chartBodyContainer.querySelector('.e-gantt-false-line');
+            if (!isNullOrUndefined(falseline)) {
+                this.parent.editModule.taskbarEditModule.removeFalseLine(true);
+            }
+        }
     };
     /**
      *
@@ -747,13 +784,27 @@ var GanttChart = /** @class */ (function () {
      * @private
      */
     GanttChart.prototype.collapsedGanttRow = function (args) {
+        var _this = this;
         if ((isNullOrUndefined(args['gridRow']) && this.parent.enableVirtualization) || isNullOrUndefined(args['chartRow'])) {
             return;
         }
-        var record = getValue('data', args);
+        var record;
+        if (!this.parent.loadChildOnDemand && this.parent.taskFields.hasChildMapping) {
+            record = this.parent.currentViewData.filter(function (item) { return item.ganttProperties[_this.parent.taskFields.id] === args['data'][_this.parent.taskFields.id]; })[0];
+        }
+        else {
+            record = getValue('data', args);
+        }
         if (this.isExpandCollapseFromChart) {
             this.expandCollapseChartRows('collapse', getValue('chartRow', args), record, null);
-            this.parent.treeGrid.collapseRow(getValue('gridRow', args), record);
+            var idField_1 = this.parent.taskFields.id;
+            if (!this.parent.loadChildOnDemand && this.parent.taskFields.hasChildMapping) {
+                var gridRec = this.parent.treeGrid.getCurrentViewRecords().filter(function (item) { return item[idField_1] == args['data'][idField_1]; })[0];
+                this.parent.treeGrid.collapseRow(getValue('gridRow', args), gridRec);
+            }
+            else {
+                this.parent.treeGrid.collapseRow(getValue('gridRow', args), record);
+            }
             this.isExpandCollapseFromChart = false;
         }
         else {
@@ -798,13 +849,27 @@ var GanttChart = /** @class */ (function () {
      * @private
      */
     GanttChart.prototype.expandedGanttRow = function (args) {
+        var _this = this;
         if ((isNullOrUndefined(args['gridRow']) && this.parent.enableVirtualization) || isNullOrUndefined(args['chartRow'])) {
             return;
         }
-        var record = getValue('data', args);
+        var record;
+        if (!this.parent.loadChildOnDemand && this.parent.taskFields.hasChildMapping) {
+            record = this.parent.currentViewData.filter(function (item) { return item.ganttProperties.taskId == args['data'][_this.parent.taskFields.id]; })[0];
+        }
+        else {
+            record = getValue('data', args);
+        }
         if (this.isExpandCollapseFromChart) {
             this.expandCollapseChartRows('expand', getValue('chartRow', args), record, null);
-            this.parent.treeGrid.expandRow(getValue('gridRow', args), record);
+            var idField_2 = this.parent.taskFields.id;
+            if (!this.parent.loadChildOnDemand && this.parent.taskFields.hasChildMapping) {
+                var gridRec = this.parent.treeGrid.getCurrentViewRecords().filter(function (item) { return item[idField_2] == args['data'][idField_2]; })[0];
+                this.parent.treeGrid.expandRow(getValue('gridRow', args), gridRec);
+            }
+            else {
+                this.parent.treeGrid.expandRow(getValue('gridRow', args), record);
+            }
             this.isExpandCollapseFromChart = false;
         }
         else {
@@ -903,9 +968,17 @@ var GanttChart = /** @class */ (function () {
             this.parent.treeGrid.expandAll();
         }
         else {
+            this.isCollapseAll = true;
             this.parent.treeGrid.collapseAll();
+            if (this.isCollapseAll && !this.parent.allowTaskbarOverlap && this.parent.viewType === 'ResourceView') {
+                var treeGridContentHeight = this.parent.enableRtl ? this.parent['element'].getElementsByClassName('e-content')[2].children[0]['offsetHeight'] :
+                    this.parent['element'].getElementsByClassName('e-content')[0].children[0]['offsetHeight'];
+                this.parent.contentHeight = treeGridContentHeight;
+                document.getElementsByClassName('e-chart-rows-container')[0]['style'].height = this.parent.contentHeight + 'px';
+            }
         }
         this.isExpandAll = false;
+        this.isCollapseAll = false;
     };
     /**
      * Public method to expand particular level of rows.
@@ -1388,7 +1461,7 @@ var GanttChart = /** @class */ (function () {
                     childElement = element;
                 }
             }
-            if (element.classList.contains('e-right-label-temp-container') || element.classList.contains('e-left-label-temp-container') || element.classList.contains('e-indicator-span')) {
+            if (element.classList.contains('e-right-label-temp-container') || element.classList.contains('e-left-label-temp-container') || element.classList.contains('e-indicator-span') || element.classList.contains("e-timeline-header-container")) {
                 if (focus === 'add') {
                     element.setAttribute('tabIndex', '0');
                     addClass([element], 'e-active-container');
@@ -1452,7 +1525,13 @@ var GanttChart = /** @class */ (function () {
                 recordIndex = this.parent.flatData.indexOf(record);
             }
             else {
-                recordIndex = this.parent.currentViewData.indexOf(record);
+                if (this.parent.pdfExportModule && this.parent.pdfExportModule.helper.exportProps && this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings &&
+                    this.parent.pdfExportModule.helper.exportProps.fitToWidthSettings.isFitToWidth && this.parent.pdfExportModule.isPdfExport) {
+                    recordIndex = this.parent.ids.indexOf(record.ganttProperties.taskId.toString());
+                }
+                else {
+                    recordIndex = this.parent.currentViewData.indexOf(record);
+                }
             }
         }
         return recordIndex;

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

@@ -57,6 +57,13 @@ export interface GanttModel extends ComponentModel{
      */
     enableVirtualMaskRow?: boolean;
 
+    /**
+     * Gets or sets whether to load child record on demand in remote data binding. Initially parent records are rendered in collapsed state.  
+     *
+     * @default false
+     */
+    loadChildOnDemand?: boolean;
+
     /**
      * Specifies whether to update offset value on a task for all the predecessor edit actions.
      *

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

@@ -350,6 +350,12 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
      * @default true
      */
     enableVirtualMaskRow: boolean;
+    /**
+     * Gets or sets whether to load child record on demand in remote data binding. Initially parent records are rendered in collapsed state.
+     *
+     * @default false
+     */
+    loadChildOnDemand: boolean;
     /**
      * Specifies whether to update offset value on a task for all the predecessor edit actions.
      *

package/src/gantt/base/gantt.js

@@ -344,6 +344,7 @@ var Gantt = /** @class */ (function (_super) {
         createSpinner({ target: this.element }, this.createElement);
         this.trigger('load', {});
         this.element.classList.add(cls.root);
+        this.rowHeight = (!isNullOrUndefined(document.body.className) && document.body.className.includes("e-bigger")) ? (this.rowHeight === 36) ? 46 : this.rowHeight : this.rowHeight;
         if (this.isAdaptive) {
             this.element.classList.add(cls.adaptive);
         }
@@ -793,8 +794,6 @@ var Gantt = /** @class */ (function (_super) {
         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);
-        var innerDivs = document.querySelector('.e-gantt-child-taskbar-inner-div');
-        innerDivs.style.outlineColor = "";
     };
     Gantt.prototype.wireEvents = function () {
         if (this.allowKeyboard) {
@@ -840,10 +839,12 @@ var Gantt = /** @class */ (function (_super) {
             var pane2 = this.splitterModule.splitterObject.element.querySelectorAll('.e-pane')[1];
             this.splitterModule.splitterPreviousPositionGrid = pane1.scrollWidth + 1 + 'px';
             this.splitterModule.splitterPreviousPositionChart = pane2.scrollWidth + 1 + 'px';
-            this.splitterModule.splitterObject.paneSettings[0].size = this.splitterModule['getSpliterPositionInPercentage'](this.splitterModule.splitterPreviousPositionGrid);
-            this.splitterModule.splitterObject.paneSettings[1].size = this.splitterModule.splitterPreviousPositionChart;
+            this.splitterModule.splitterObject.paneSettings[1].size = (this.ganttWidth - parseInt(this.splitterModule.splitterPreviousPositionGrid) - 4) + 'px';
+            var proxy_1 = this;
             if (this.timelineModule.isZoomToFit) {
-                this.timelineModule.processZoomToFit();
+                setTimeout(function () {
+                    proxy_1.timelineModule.processZoomToFit();
+                }, 0);
             }
         }
     };
@@ -886,7 +887,39 @@ var Gantt = /** @class */ (function (_super) {
         this.treeGridModule.renderTreeGrid();
     };
     Gantt.prototype.updateCurrentViewData = function () {
+        var _this = this;
         this.currentViewData = this.treeGrid.getCurrentViewRecords().slice();
+        if (!this.loadChildOnDemand && this.taskFields.hasChildMapping && this.currentViewData.length > 0) {
+            this.autoCalculateDateScheduling = false;
+            this.flatData = [];
+            this.dataOperation.taskIds = [];
+            this.ids = [];
+            this.dataOperation.recordIndex = 0;
+            this.dataOperation.dataArray = this.currentViewData;
+            this.dataOperation.cloneDataSource();
+            if (this.predecessorModule && this.taskFields.dependency) {
+                this.predecessorModule['parentIds'] = [];
+                this.predecessorModule['parentRecord'] = [];
+                this.predecessorModule.updatePredecessors();
+            }
+            var gridData = this.treeGrid.grid.contentModule['rows'];
+            var data = gridData.filter(function (x) {
+                if (x['data'][_this.taskFields.id] === _this.flatData[0].ganttProperties.taskId) {
+                    return x;
+                }
+            })[0];
+            var index = data['index'];
+            for (var i = 0; i < this.flatData.length; i++) {
+                this.flatData[i].index = index;
+                index++;
+            }
+            this.currentViewData = this.flatData;
+            this.treeGrid.grid.currentViewData = this.flatData;
+            if (!isNullOrUndefined(this.treeGrid['virtualScrollModule'])) {
+                this.treeGrid['virtualScrollModule'].visualData = this.flatData;
+                this.updatedRecords = this.flatData;
+            }
+        }
     };
     /**
      * @param {IGanttData} records -Defines the delete record collections.
@@ -906,7 +939,7 @@ var Gantt = /** @class */ (function (_super) {
      * @private
      */
     Gantt.prototype.updateContentHeight = function (args) {
-        if (!this.allowTaskbarOverlap && this.viewType === 'ResourceView' && !this.isLoad) {
+        if ((!this.allowTaskbarOverlap && !this.ganttChartModule.isCollapseAll && !this.ganttChartModule.isExpandAll) && this.viewType === 'ResourceView' && !this.isLoad) {
             return;
         }
         else {
@@ -1272,6 +1305,9 @@ var Gantt = /** @class */ (function (_super) {
         else {
             this.getCurrentRecords(args);
         }
+        if (!this.loadChildOnDemand && this.taskFields.hasChildMapping) {
+            this.updateContentHeight();
+        }
         if (this.enableCriticalPath && this.criticalPathModule) {
             this.criticalPathModule.showCriticalPath(this.enableCriticalPath);
         }
@@ -1287,6 +1323,9 @@ var Gantt = /** @class */ (function (_super) {
         }
         this.initialChartRowElements = this.ganttChartModule.getChartRows();
         this.isLoad = false;
+        if (!this.loadChildOnDemand && this.taskFields.hasChildMapping) {
+            this.autoCalculateDateScheduling = true;
+        }
         this.trigger('dataBound', args);
     };
     /**
@@ -1551,7 +1590,14 @@ var Gantt = /** @class */ (function (_super) {
                     if (prop === 'locale') {
                         this.isLocaleChanged = true;
                     }
-                    isRefresh = true;
+                    if (prop === 'taskFields') {
+                        if (!isNullOrUndefined(newProp.taskFields.child)) {
+                            return;
+                        }
+                    }
+                    if (prop !== 'allowTaskbarDragAndDrop') {
+                        isRefresh = true;
+                    }
                     break;
                 case 'validateManualTasksOnLinking':
                     this.validateManualTasksOnLinking = newProp.validateManualTasksOnLinking;
@@ -2231,6 +2277,9 @@ var Gantt = /** @class */ (function (_super) {
      * @returns {Promise<any>} .
      */
     Gantt.prototype.pdfExport = function (pdfExportProperties, isMultipleExport, pdfDoc, isBlob) {
+        if (pdfExportProperties && pdfExportProperties.fitToWidthSettings && pdfExportProperties.fitToWidthSettings.isFitToWidth) {
+            pdfExportProperties.pageOrientation == 'Landscape';
+        }
         return this.pdfExportModule ? this.pdfExportModule.export(pdfExportProperties, isMultipleExport, pdfDoc, isBlob)
             : null;
     };
@@ -2319,14 +2368,17 @@ var Gantt = /** @class */ (function (_super) {
         this.isTimelineRoundOff = isTimelineRoundOff;
         this.timelineModule.refreshTimelineByTimeSpan();
         this.dataOperation.reUpdateGanttDataPosition();
-        this.timelineModule.updateChartByNewTimeline();
-        this.ganttChartModule.chartBodyContent.style.width = formatUnit(this.timelineModule.totalTimelineWidth);
-        this.ganttChartModule.updateLastRowBottomWidth();
-        if (this.taskFields.dependency) {
-            this.ganttChartModule.reRenderConnectorLines();
-        }
-        if (isFrom !== 'beforeAdd') {
-            this.notify('selectRowByIndex', {});
+        if (!this.pdfExportModule || (this.pdfExportModule && !this.pdfExportModule.isPdfExport) || (this.pdfExportModule && this.pdfExportModule.isPdfExport && this.pdfExportModule.helper.exportProps &&
+            this.pdfExportModule.helper.exportProps.fitToWidthSettings && !this.pdfExportModule.helper.exportProps.fitToWidthSettings.isFitToWidth)) {
+            this.timelineModule.updateChartByNewTimeline();
+            this.ganttChartModule.chartBodyContent.style.width = formatUnit(this.timelineModule.totalTimelineWidth);
+            this.ganttChartModule.updateLastRowBottomWidth();
+            if (this.taskFields.dependency) {
+                this.ganttChartModule.reRenderConnectorLines();
+            }
+            if (isFrom !== 'beforeAdd') {
+                this.notify('selectRowByIndex', {});
+            }
         }
     };
     /**
@@ -2904,8 +2956,15 @@ var Gantt = /** @class */ (function (_super) {
      * @returns {HTMLElement} .
      */
     Gantt.prototype.getRowByID = function (id) {
+        var _this = this;
         var record = this.getRecordByID(id.toString());
-        var index = this.updatedRecords.indexOf(record);
+        var index;
+        if (!this.loadChildOnDemand && this.taskFields.hasChildMapping) {
+            index = this.updatedRecords.map(function (item) { return item[_this.taskFields.id]; }).indexOf(record.ganttProperties.taskId);
+        }
+        else {
+            index = this.updatedRecords.indexOf(record);
+        }
         if (index !== -1) {
             return this.getRowByIndex(index);
         }
@@ -3366,6 +3425,9 @@ var Gantt = /** @class */ (function (_super) {
     __decorate([
         Property(true)
     ], Gantt.prototype, "enableVirtualMaskRow", void 0);
+    __decorate([
+        Property(false)
+    ], Gantt.prototype, "loadChildOnDemand", void 0);
     __decorate([
         Property(true)
     ], Gantt.prototype, "UpdateOffsetOnTaskbarEdit", void 0);

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

@@ -802,6 +802,8 @@ export interface PdfExportProperties {
     exportType?: ExportType;
     /** Indicates whether to show the predecessors in exported Pdf */
     showPredecessorLines?: boolean;
+    /** Defines the export options in rendering each row fit to the PDF page width */
+    fitToWidthSettings?: FitToWidthSettings;
 }
 export interface PdfQueryCellInfoEventArgs {
     /** Defines the column of the current cell. */
@@ -886,6 +888,18 @@ export interface ITaskbarStyle {
     criticalProgressColor?: PdfColor;
     /** Defines the child taskbar border color */
     criticalTaskBorderColor?: PdfColor;
+    /** Defines the baseline  color */
+    baselineColor?: PdfColor;
+    /** Defines the baseline border color */
+    baselineBorderColor?: PdfColor;
+}
+export interface FitToWidthSettings {
+    /** Specifies whether to export gantt data where each row is adjusted and rendered to fit the PDF document page size. */
+    isFitToWidth?: boolean;
+    /** Specifies the grid width in percentage while exporting. */
+    gridWidth?: string;
+    /** Specifies the chart width in percentage while exporting. */
+    chartWidth?: string;
 }
 export interface IGanttStyle {
     /** Defines the columnHeader style. */

package/src/gantt/base/splitter.js

@@ -71,6 +71,7 @@ var Splitter = /** @class */ (function () {
                 var leftPane = args.pane[0];
                 _this.splitterPreviousPositionGrid = leftPane.scrollWidth + 1 + 'px';
                 _this.splitterObject.paneSettings[0].size = _this.getSpliterPositionInPercentage(_this.splitterPreviousPositionGrid);
+                _this.splitterObject.paneSettings[1].size = (_this.parent.ganttWidth - parseInt(_this.splitterPreviousPositionGrid) - 4) + 'px';
                 var callBackPromise = new Deferred();
                 _this.parent.trigger('splitterResized', args, function (splitterResizedArgs) {
                     if (splitterResizedArgs.cancel === true) {

package/src/gantt/base/task-processor.d.ts

@@ -5,9 +5,9 @@ import { DateProcessor } from './date-processor';
  * To calculate and update task related values
  */
 export declare class TaskProcessor extends DateProcessor {
-    private recordIndex;
-    private dataArray;
-    private taskIds;
+    recordIndex: number;
+    dataArray: Object[];
+    taskIds: Object[];
     private segmentCollection;
     private hierarchyData;
     constructor(parent: Gantt);
@@ -21,7 +21,7 @@ export declare class TaskProcessor extends DateProcessor {
     private processTimeline;
     private initDataSource;
     private constructDataSource;
-    private cloneDataSource;
+    cloneDataSource(): void;
     /**
      * @param {object[]} resources .
      * @param {object[]} data .

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

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