@syncfusion/ej2-gantt 21.2.8 → 21.2.10

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 21.2.8
+*  version : 21.2.10
 *  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.6",
+  "_id": "@syncfusion/ej2-gantt@21.2.9",
   "_inBundle": false,
-  "_integrity": "sha512-wF1sebaepKZwGNlFUokb3a8YN9WyfRpNwLaUZfF6xWF3knVdhvqQ3+qLD5YVZIgKV/Et/UnDkO8PgWHtLi4iJA==",
+  "_integrity": "sha512-eYEVlazMp41/EH/pIG4tAEC3I5c+p+OS6M1RBkLrtP/QzA1dFEfKGsWb3aQo1+6uz+STW+7V+KHaw11oBDBWmw==",
   "_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.6.tgz",
-  "_shasum": "9008dbe259b098a67142d39ce3d3d392beca123a",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-21.2.9.tgz",
+  "_shasum": "ad5e6b81969e9f038a739374cc73cf82832682ac",
   "_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-buttons": "~21.2.6",
-    "@syncfusion/ej2-calendars": "~21.2.8",
-    "@syncfusion/ej2-data": "~21.2.8",
-    "@syncfusion/ej2-dropdowns": "~21.2.8",
-    "@syncfusion/ej2-grids": "~21.2.8",
-    "@syncfusion/ej2-inputs": "~21.2.8",
-    "@syncfusion/ej2-layouts": "~21.2.6",
-    "@syncfusion/ej2-lists": "~21.2.6",
-    "@syncfusion/ej2-navigations": "~21.2.8",
+    "@syncfusion/ej2-base": "~21.2.9",
+    "@syncfusion/ej2-buttons": "~21.2.10",
+    "@syncfusion/ej2-calendars": "~21.2.10",
+    "@syncfusion/ej2-data": "~21.2.9",
+    "@syncfusion/ej2-dropdowns": "~21.2.10",
+    "@syncfusion/ej2-grids": "~21.2.10",
+    "@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.8",
-    "@syncfusion/ej2-treegrid": "~21.2.8"
+    "@syncfusion/ej2-popups": "~21.2.10",
+    "@syncfusion/ej2-richtexteditor": "~21.2.10",
+    "@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.8",
+  "version": "21.2.10",
   "sideEffects": false
 }

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 &&
@@ -2734,6 +2744,7 @@ var Edit = /** @class */ (function () {
         this.parent.treeGrid.parentData = [];
         this.parent.addDeleteRecord = true;
         this.parent.selectedRowIndex = 0;
+        this.parent.treeGrid['isAddedFromGantt'] = true;
         this.parent.treeGrid.refresh();
         if (this.parent.enableImmutableMode) {
             this.parent.modifiedRecords = args.modifiedRecords;

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

@@ -1362,7 +1362,15 @@ var DateProcessor = /** @class */ (function () {
             var segment = segments[i];
             var sDate = segment.startDate;
             var eDate = segment.endDate;
-            duration += Math.ceil(this.getTimeDifference(sDate, eDate) / (1000 * 60 * 60 * 24));
+            if (this.parent.timelineModule.bottomTier === "Hour") {
+                duration += Math.ceil(this.getTimeDifference(sDate, eDate) / (1000 * 60 * 60));
+            }
+            else if (this.parent.timelineModule.bottomTier === "Minutes") {
+                duration += Math.ceil(this.getTimeDifference(sDate, eDate) / (1000 * 60));
+            }
+            else {
+                duration += Math.ceil(this.getTimeDifference(sDate, eDate) / (1000 * 60 * 60 * 24));
+            }
         }
         return duration;
     };

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

@@ -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

@@ -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 = {};
@@ -1395,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]);
                     }
                 });
@@ -1680,7 +1704,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
@@ -2182,7 +2208,7 @@ 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];
@@ -2230,6 +2256,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
@@ -2365,6 +2393,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/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

package/src/gantt/renderer/chart-rows.js

@@ -243,7 +243,7 @@ var ChartRows = /** @class */ (function (_super) {
                         !this.isTemplate(childLabel) &&
                         progressDiv[0].querySelectorAll('.e-task-label')[0].children[0])
                         progressDiv[0].querySelectorAll('.e-task-label')[0].children[0].remove();
-                    if (progressDiv[0].querySelectorAll('.e-task-label')[0].textContent == '' &&
+                    if (progressDiv[0].querySelectorAll('.e-task-label')[0].textContent === '' &&
                         childLabel && !childLabel['elementRef'] && tempDiv.innerHTML !== '')
                         progressDiv[0].querySelectorAll('.e-task-label')[0].textContent = childLabel;
                 }
@@ -914,7 +914,7 @@ var ChartRows = /** @class */ (function (_super) {
                     !this.isTemplate(parentLabel) &&
                     progressBarInnerDiv[0].querySelectorAll('.e-task-label')[0].children[0])
                     progressBarInnerDiv[0].querySelectorAll('.e-task-label')[0].children[0].remove();
-                if (progressBarInnerDiv[0].querySelectorAll('.e-task-label')[0].textContent == '' &&
+                if (progressBarInnerDiv[0].querySelectorAll('.e-task-label')[0].textContent === '' &&
                     parentLabel && !parentLabel['elementRef'] && div.innerHTML !== '')
                     progressBarInnerDiv[0].querySelectorAll('.e-task-label')[0].textContent = parentLabel;
             }
@@ -944,11 +944,19 @@ var ChartRows = /** @class */ (function (_super) {
      * @returns {NodeList} .
      * @private
      */
-    ChartRows.prototype.getTableTrNode = function () {
+    ChartRows.prototype.getTableTrNode = function (i) {
         var table = createElement('table');
         var className = (this.parent.gridLines === 'Horizontal' || this.parent.gridLines === 'Both') ?
             'e-chart-row-border' : '';
-        table.innerHTML = '<tr class="' + this.getRowClassName(this.templateData) + ' ' + cls.chartRow + '"' +
+        var rows = this.parent.treeGrid.grid.contentModule.getRows()[i];
+        var activecls;
+        if (rows && rows.isSelected) {
+            activecls = 'e-active';
+        }
+        else {
+            activecls = '';
+        }
+        table.innerHTML = '<tr class="' + this.getRowClassName(this.templateData) + ' ' + cls.chartRow + ' ' + (activecls) + '"' +
             'style="display:' + this.getExpandDisplayProp(this.templateData) + ';height:' +
             this.parent.rowHeight + 'px;">' +
             '<td class="' + cls.chartRowCell + ' ' + className
@@ -1386,7 +1394,7 @@ var ChartRows = /** @class */ (function (_super) {
         this.parent.renderTemplates();
         this.triggerQueryTaskbarInfo();
         this.parent.modifiedRecords = [];
-        if (this.parent.viewType == 'ResourceView' && this.parent.showOverAllocation) {
+        if (this.parent.viewType === 'ResourceView' && this.parent.showOverAllocation) {
             this.updateOverlapped();
         }
         if (collapsedResourceRecord.length) {
@@ -1410,7 +1418,7 @@ var ChartRows = /** @class */ (function (_super) {
     ChartRows.prototype.getGanttChartRow = function (i, tempTemplateData) {
         this.templateData = tempTemplateData;
         var taskBaselineTemplateNode = null;
-        var parentTrNode = this.getTableTrNode();
+        var parentTrNode = this.getTableTrNode(i);
         var leftLabelNode = this.getLeftLabelNode(i);
         var taskbarContainerNode = this.taskbarContainer();
         taskbarContainerNode[0].setAttribute('aria-label', this.generateAriaLabel(this.templateData));
@@ -1962,6 +1970,19 @@ var ChartRows = /** @class */ (function (_super) {
             }
         }
     };
+    ChartRows.prototype.updateResourceTaskbarElement = function (tRow, parentTr) {
+        var cloneElement = tRow.querySelector('.e-taskbar-main-container');
+        addClass([cloneElement], 'collpse-parent-border');
+        var id = tRow.querySelector('.' + cls.taskBarMainContainer).getAttribute('rowUniqueId');
+        var ganttData = this.parent.getRecordByID(id);
+        var zIndex = "";
+        if (ganttData && !isNullOrUndefined(ganttData.ganttProperties.eOverlapIndex)) {
+            zIndex = (ganttData.ganttProperties.eOverlapIndex).toString();
+        }
+        var cloneChildElement = cloneElement.cloneNode(true);
+        cloneChildElement.style.zIndex = zIndex;
+        parentTr[0].childNodes[0].childNodes[0].childNodes[0].appendChild(cloneChildElement);
+    };
     ChartRows.prototype.getResourceParent = function (record) {
         var chartRows = this.parent.ganttChartModule.getChartRows();
         //Below code is for rendering taskbartemplate in resource view with multi taskbar
@@ -1985,20 +2006,19 @@ var ChartRows = /** @class */ (function (_super) {
         parentTrNode[0].childNodes[0].childNodes[0].appendChild(collapseParent);
         var tasks = this.parent.dataOperation.setSortedChildTasks(record);
         this.parent.dataOperation.updateOverlappingIndex(tasks);
-        for (var i = 0; i < chartRows.length; i++) {
-            if (chartRows[i].classList.contains('gridrowtaskId'
-                + record.ganttProperties.rowUniqueID + 'level' + (record.level + 1))) {
-                var cloneElement = chartRows[i].querySelector('.e-taskbar-main-container');
-                addClass([cloneElement], 'collpse-parent-border');
-                var id = chartRows[i].querySelector('.' + cls.taskBarMainContainer).getAttribute('rowUniqueId');
-                var ganttData = this.parent.getRecordByID(id);
-                var zIndex = "";
-                if (ganttData && !isNullOrUndefined(ganttData.ganttProperties.eOverlapIndex)) {
-                    zIndex = (ganttData.ganttProperties.eOverlapIndex).toString();
+        var tRow;
+        if (this.parent.enableVirtualization) {
+            for (var i = 0; i < record.childRecords.length; i++) {
+                tRow = this.getGanttChartRow(record.childRecords[i].index, this.parent.flatData[record.childRecords[i].index]);
+                this.updateResourceTaskbarElement(tRow, parentTrNode);
+            }
+        }
+        else {
+            for (var i = 0; i < chartRows.length; i++) {
+                if (chartRows[i].classList.contains('gridrowtaskId'
+                    + record.ganttProperties.rowUniqueID + 'level' + (record.level + 1))) {
+                    this.updateResourceTaskbarElement(chartRows[i], parentTrNode);
                 }
-                var cloneChildElement = cloneElement.cloneNode(true);
-                cloneChildElement.style.zIndex = zIndex;
-                parentTrNode[0].childNodes[0].childNodes[0].childNodes[0].appendChild(cloneChildElement);
             }
         }
         parentTrNode[0].childNodes[0].childNodes[0].appendChild([].slice.call(leftLabelNode)[0]);

package/src/gantt/renderer/timeline.js

@@ -1410,9 +1410,11 @@ var Timeline = /** @class */ (function () {
                 var validStartLeft = this.parent.dataOperation.getTaskLeft(validStartDate, false);
                 var validEndLeft = this.parent.dataOperation.getTaskLeft(validEndDate, false);
                 var isChanged = void 0;
+                var taskbarModule = this.parent.editModule.taskbarEditModule;
                 if (!isNullOrUndefined(maxStartLeft) && ((minStartDate < this.timelineStartDate) ||
-                    (!isNullOrUndefined(this.parent.editModule.taskbarEditModule)) &&
-                        (!isNullOrUndefined(this.parent.editModule.taskbarEditModule.taskBarEditAction))) && (maxStartLeft < this.bottomTierCellWidth || maxStartLeft <= validStartLeft)) {
+                    (!isNullOrUndefined(taskbarModule)) && (!isNullOrUndefined(taskbarModule.taskBarEditAction)
+                        && taskbarModule.taskBarEditAction !== 'ProgressResizing' &&
+                        taskbarModule.taskBarEditAction !== 'RightResizing')) && (maxStartLeft < this.bottomTierCellWidth || maxStartLeft <= validStartLeft)) {
                     isChanged = 'prevTimeSpan';
                     minStartDate = minStartDate > this.timelineStartDate ? this.timelineStartDate : minStartDate;
                 }