@syncfusion/ej2-gantt 20.4.53 → 21.1.35

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

@@ -42,6 +42,10 @@ var TaskbarEdit = /** @class */ (function (_super) {
         _this.elementOffsetWidth = 0;
         _this.elementOffsetHeight = 0;
         _this.segmentIndex = -1;
+        _this.currentItemTop = 0;
+        _this.currentItemPrevTop = 0;
+        _this.topValue = 0;
+        _this.draggedRecordMarginTop = 0;
         _this.parent = ganttObj;
         _this.initPublicProp();
         _this.wireEvents();
@@ -284,7 +288,9 @@ var TaskbarEdit = /** @class */ (function (_super) {
                         if (!isNullOrUndefined(parentRecord) && !parentRecord.expanded) {
                             this.prevZIndex = (this.taskBarEditElement).style.zIndex;
                             (this.taskBarEditElement).style.zIndex = '1000';
-                            addClass([this.taskBarEditElement.querySelector('.e-gantt-child-taskbar')], 'e-collapsed-taskbar-drag');
+                            if (this.taskBarEditElement.querySelector('.e-gantt-child-taskbar')) {
+                                addClass([this.taskBarEditElement.querySelector('.e-gantt-child-taskbar')], 'e-collapsed-taskbar-drag');
+                            }
                         }
                     }
                 }
@@ -448,9 +454,20 @@ var TaskbarEdit = /** @class */ (function (_super) {
                     this.parent.ganttChartModule.scrollObject.previousScroll.left;
             }
             this.tooltipPositionX = this.mouseDownX;
-            this.mouseDownY = e.pageY - containerPosition.top +
+            this.mouseDownY = this.dragMoveY = e.pageY - containerPosition.top +
                 this.parent.ganttChartModule.scrollObject.previousScroll.top;
         }
+        if (this.parent.viewType == "ResourceView" && this.parent.allowTaskbarDragAndDrop) {
+            var toolbarHeight = 0;
+            if (!isNullOrUndefined(this.parent.toolbarModule) && !isNullOrUndefined(this.parent.toolbarModule.element)) {
+                toolbarHeight = this.parent.toolbarModule.element.offsetHeight;
+            }
+            this.topValue = this.parent.getOffsetRect(event.target).top - this.parent.getOffsetRect(this.parent.element).top -
+                parseInt((closest(event.target, '.e-taskbar-main-container'))['style'].marginTop) -
+                this.parent.element.getElementsByClassName('e-timeline-header-container')[0]['offsetHeight'] -
+                toolbarHeight + document.getElementsByClassName('e-chart-scroll-container e-content')[0].scrollTop;
+            this.currentItemPrevTop = this.currentItemTop = this.topValue;
+        }
         if (this.taskBarEditAction === 'ConnectorPointLeftDrag' || this.taskBarEditAction === 'ConnectorPointRightDrag') {
             this.fromPredecessorText = this.taskBarEditAction === 'ConnectorPointLeftDrag' ? 'start' : 'finish';
             this.parent.connectorLineModule.tooltipTable.innerHTML = this.parent.connectorLineModule.getConnectorLineTooltipInnerTd(this.taskBarEditRecord.ganttProperties.taskName, this.fromPredecessorText, '', '');
@@ -582,6 +599,22 @@ var TaskbarEdit = /** @class */ (function (_super) {
                     this.drawFalseLine();
                 }
             }
+            if (this.parent.viewType == 'ResourceView' && this.parent.allowTaskbarDragAndDrop) {
+                if (this.dragMoveY > this.mouseMoveY) {
+                    this.mouseMoveY = this.dragMoveY - this.mouseMoveY;
+                    this.currentItemTop = this.currentItemTop - this.mouseMoveY;
+                }
+                else {
+                    this.mouseMoveY -= this.dragMoveY;
+                    this.currentItemTop = this.currentItemTop + this.mouseMoveY;
+                }
+                var containerPosition = this.parent.getOffsetRect(this.parent.ganttChartModule.chartBodyContainer);
+                this.dragMoveY = e.pageY - containerPosition.top + this.parent.ganttChartModule.scrollObject.previousScroll.top;
+                this.topValue = this.currentItemTop;
+                this.currentItemPrevTop = (this.currentItemPrevTop === 0 ||
+                    this.topValue == this.currentItemTop) ? this.topValue :
+                    this.currentItemPrevTop;
+            }
             this.setItemPosition();
             this.updateEditedItem();
             this.editTooltip.updateTooltip(this.segmentIndex);
@@ -661,12 +694,12 @@ var TaskbarEdit = /** @class */ (function (_super) {
                 this.timerCount = this.parent.ganttChartModule.scrollObject.previousScroll.left;
                 this.startScrollTimer('left');
             }
-            else if (isConnectorLineEdit && ((mouseY + 80) >
+            else if (((mouseY + 80) >
                 containerPosition.top + this.parent.ganttChartModule.chartBodyContainer.offsetHeight)) {
                 this.timerCount = this.parent.ganttChartModule.scrollObject.previousScroll.top;
                 this.startScrollTimer('bottom');
             }
-            else if (isConnectorLineEdit && ((mouseY - 20) < containerPosition.top)) {
+            else if (((mouseY - 20) < containerPosition.top)) {
                 this.timerCount = this.parent.ganttChartModule.scrollObject.previousScroll.top;
                 this.startScrollTimer('top');
             }
@@ -1452,6 +1485,11 @@ var TaskbarEdit = /** @class */ (function (_super) {
                 taskBarMainContainer.style.width = (width) + 'px';
                 leftLabelContainer.style.width = (item.left) + 'px';
                 taskBarMainContainer.style.setProperty(position, (item.left) + 'px');
+                if (this.parent.viewType === 'ResourceView' && this.parent.allowTaskbarDragAndDrop && this.parent.rowDragAndDropModule &&
+                    (this.taskBarEditAction === 'ChildDrag' || this.taskBarEditAction === 'MilestoneDrag')) {
+                    taskBarMainContainer.style.setProperty('top', (this.topValue) + 'px');
+                    taskBarMainContainer.style.zIndex = '4';
+                }
                 if (this.taskBarEditAction === 'LeftResizing' && this.segmentIndex === 0) {
                     var parent_1 = this.taskBarEditElement.parentElement;
                     var segmentedTasks = parent_1.getElementsByClassName('e-segmented-taskbar');
@@ -1564,7 +1602,8 @@ var TaskbarEdit = /** @class */ (function (_super) {
         this.previousMouseMove = null;
         this.editTooltip.showHideTaskbarEditTooltip(false, this.segmentIndex);
         if (this.taskBarEditAction && this.isMouseDragged) {
-            if (!this.dragMouseLeave && this.taskBarEditedAction) {
+            if ((!this.dragMouseLeave && this.taskBarEditedAction) || (this.parent.viewType === 'ResourceView' &&
+                this.parent.allowTaskbarDragAndDrop)) {
                 this.taskBarEditedAction(e);
                 this.isMouseDragged = false;
             }
@@ -1673,6 +1712,65 @@ var TaskbarEdit = /** @class */ (function (_super) {
         var args = extend({}, arg);
         var ganttRecord = args.data;
         var taskData = ganttRecord.ganttProperties;
+        var draggedRecIndex = this.parent.currentViewData.indexOf(ganttRecord);
+        if ((args.taskBarEditAction === 'MilestoneDrag' || args.taskBarEditAction === 'ChildDrag') && this.parent.viewType === "ResourceView"
+            && this.parent.allowTaskbarDragAndDrop && this.dragMoveY > 0) {
+            if (this.parent.rowDragAndDropModule) {
+                var flatRecordCol = this.parent.currentViewData;
+                if (flatRecordCol[this.taskBarEditRecord.parentItem.index] && ((this.parent.editedRecords.indexOf(flatRecordCol[this.taskBarEditRecord.parentItem.index]) === -1))) {
+                    this.parent.editedRecords.push(flatRecordCol[this.taskBarEditRecord.parentItem.index]);
+                }
+                var ganttrec = void 0;
+                var resHeight = 0;
+                var rowCount = 0;
+                var childIndex_1;
+                var droppedRecord = void 0;
+                var treeGridrows = this.parent.treeGrid.getRows().length;
+                for (var i = 0; i < treeGridrows; i++) {
+                    if (resHeight < this.dragMoveY && this.parent.getRowByIndex(i).style.display !== 'none') {
+                        rowCount = i;
+                        resHeight = resHeight + parseInt(this.parent.getRowByIndex(i).style.height);
+                        if (!flatRecordCol[i].parentItem) {
+                            ganttrec = flatRecordCol[i];
+                        }
+                        else {
+                            ganttrec = this.parent.getRecordByID(flatRecordCol[i].parentItem.taskId);
+                        }
+                    }
+                }
+                var draggedRecordtaskbar = this.parent.getRowByIndex(draggedRecIndex).getElementsByClassName('e-taskbar-main-container');
+                var taskbarContainer = this.parent.getRowByIndex(rowCount).getElementsByClassName('e-taskbar-main-container');
+                for (var j = 0; j < taskbarContainer.length; j++) {
+                    if (taskbarContainer[j]['offsetTop'] < this.dragMoveY && draggedRecordtaskbar[0].getAttribute('rowuniqueid') !==
+                        taskbarContainer[j].getAttribute('rowuniqueid')) {
+                        this.draggedRecordMarginTop = taskbarContainer[j]['style'].marginTop;
+                        childIndex_1 = taskbarContainer[j].getAttribute('rowuniqueid');
+                    }
+                }
+                if (childIndex_1) {
+                    droppedRecord = this.parent.currentViewData.filter(function (data) {
+                        if (data['rowUniqueID'] === childIndex_1) {
+                            return data;
+                        }
+                        else {
+                            return null;
+                        }
+                    });
+                }
+                if (droppedRecord) {
+                    var droppedRecordIndex = this.parent.currentViewData.indexOf(droppedRecord[0]);
+                    var position = (droppedRecord[0].hasChildRecords || (!droppedRecord[0].parentItem &&
+                        droppedRecord[0].childRecords.length == 0)) ? 'child' : 'below';
+                    if (this.parent.rowDragAndDropModule) {
+                        this.parent.rowDragAndDropModule.reorderRows([draggedRecIndex], droppedRecordIndex, position);
+                    }
+                    this.dragMoveY = 0;
+                }
+            }
+            if (this.parent.viewType === 'ResourceView' && this.parent.showOverAllocation) {
+                this.parent.ganttChartModule.renderOverAllocationContainer();
+            }
+        }
         if (args.taskBarEditAction === 'ProgressResizing') {
             if (args.previousData.progress !== taskData.progress) {
                 this.parent.setRecordValue('progress', this.getProgressPercent(taskData.width, taskData.progressWidth), taskData, true);
@@ -1864,14 +1962,20 @@ var TaskbarEdit = /** @class */ (function (_super) {
             }
             if ((this.parent.virtualScrollModule && this.parent.enableVirtualization &&
                 !this.elementOffsetLeft) || !this.parent.enableVirtualization) {
-                if (this.taskBarEditElement.children[0].classList.contains('e-manualparent-main-container')) {
-                    this.elementOffsetLeft = this.taskBarEditElement.children[0]['offsetLeft'] + this.taskBarEditElement.offsetLeft;
-                    this.elementOffsetTop = ((this.taskBarEditElement.offsetTop - 5) + this.taskBarEditElement.children[0]['offsetTop']) + scrollTop;
-                }
-                else {
+                if (!this.parent.allowParentDependency) {
                     this.elementOffsetLeft = this.taskBarEditElement.offsetLeft;
                     this.elementOffsetTop = this.taskBarEditElement.offsetTop + scrollTop;
                 }
+                else {
+                    if (this.taskBarEditElement.children[0].classList.contains('e-manualparent-main-container')) {
+                        this.elementOffsetLeft = this.taskBarEditElement.children[0]['offsetLeft'] + this.taskBarEditElement.offsetLeft;
+                        this.elementOffsetTop = ((this.taskBarEditElement.offsetTop - 5) + this.taskBarEditElement.children[0]['offsetTop']) + scrollTop;
+                    }
+                    else {
+                        this.elementOffsetLeft = this.taskBarEditElement.offsetLeft;
+                        this.elementOffsetTop = this.taskBarEditElement.offsetTop + scrollTop;
+                    }
+                }
                 this.elementOffsetWidth = this.taskBarEditElement.offsetWidth;
                 this.elementOffsetHeight = this.taskBarEditElement.offsetHeight;
             }

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

@@ -57,32 +57,37 @@ var DateProcessor = /** @class */ (function () {
             }
         }
         var tStartDate;
-        do {
-            tStartDate = new Date(cloneStartDate.getTime());
-            var holidayLength = this.parent.totalHolidayDates.length;
-            // check holidays and weekends
-            if (this.isValidateNonWorkDays(ganttProp)) {
-                var startTime = (!validateAsMilestone || isLoad) ? this.parent.defaultStartTime : this.parent.defaultEndTime;
-                if (!this.parent.includeWeekend) {
-                    var tempDate = new Date(cloneStartDate.getTime());
-                    cloneStartDate = this.getNextWorkingDay(cloneStartDate);
-                    if (tempDate.getTime() !== cloneStartDate.getTime()) {
-                        this.setTime(startTime, cloneStartDate);
+        if (this.parent.autoCalculateDateScheduling) {
+            do {
+                tStartDate = new Date(cloneStartDate.getTime());
+                var holidayLength = this.parent.totalHolidayDates.length;
+                // check holidays and weekends
+                if (this.isValidateNonWorkDays(ganttProp)) {
+                    var startTime = (!validateAsMilestone || isLoad) ? this.parent.defaultStartTime : this.parent.defaultEndTime;
+                    if (!this.parent.includeWeekend) {
+                        var tempDate = new Date(cloneStartDate.getTime());
+                        cloneStartDate = this.getNextWorkingDay(cloneStartDate);
+                        if (tempDate.getTime() !== cloneStartDate.getTime()) {
+                            this.setTime(startTime, cloneStartDate);
+                        }
                     }
-                }
-                for (var count = 0; count < holidayLength; count++) {
-                    var holidayFrom = this.getDateFromFormat(new Date(this.parent.totalHolidayDates[count]));
-                    var holidayTo = new Date(holidayFrom.getTime());
-                    holidayFrom.setHours(0, 0, 0, 0);
-                    holidayTo.setHours(23, 59, 59, 59);
-                    if (cloneStartDate.getTime() >= holidayFrom.getTime() && cloneStartDate.getTime() < holidayTo.getTime()) {
-                        cloneStartDate.setDate(cloneStartDate.getDate() + 1);
-                        this.setTime(startTime, cloneStartDate);
+                    for (var count = 0; count < holidayLength; count++) {
+                        var holidayFrom = this.getDateFromFormat(new Date(this.parent.totalHolidayDates[count]));
+                        var holidayTo = new Date(holidayFrom.getTime());
+                        holidayFrom.setHours(0, 0, 0, 0);
+                        holidayTo.setHours(23, 59, 59, 59);
+                        if (cloneStartDate.getTime() >= holidayFrom.getTime() && cloneStartDate.getTime() < holidayTo.getTime()) {
+                            cloneStartDate.setDate(cloneStartDate.getDate() + 1);
+                            this.setTime(startTime, cloneStartDate);
+                        }
                     }
                 }
-            }
-        } while (tStartDate.getTime() !== cloneStartDate.getTime());
-        return new Date(cloneStartDate.getTime());
+            } while (tStartDate.getTime() !== cloneStartDate.getTime());
+            return new Date(cloneStartDate.getTime());
+        }
+        else {
+            return new Date(cloneStartDate.getTime());
+        }
     };
     /**
      * To update given date value to valid end date
@@ -117,36 +122,44 @@ var DateProcessor = /** @class */ (function () {
             }
         }
         var tempCheckDate;
-        do {
-            tempCheckDate = new Date(cloneEndDate.getTime());
-            var holidayLength = this.parent.totalHolidayDates.length;
-            if (this.isValidateNonWorkDays(ganttProp)) {
-                if (!this.parent.includeWeekend) {
-                    var tempDate = new Date(cloneEndDate.getTime());
-                    cloneEndDate = this.getPreviousWorkingDay(cloneEndDate);
-                    if (tempDate.getTime() !== cloneEndDate.getTime()) {
-                        this.setTime(this.parent.defaultEndTime, cloneEndDate);
-                    }
-                }
-                for (var count = 0; count < holidayLength; count++) {
-                    var holidayFrom = this.getDateFromFormat(new Date(this.parent.totalHolidayDates[count]));
-                    var holidayTo = new Date(holidayFrom.getTime());
-                    var tempHoliday = new Date(cloneEndDate.getTime());
-                    tempHoliday.setMinutes(cloneEndDate.getMilliseconds() - 2);
-                    holidayFrom.setHours(0, 0, 0, 0);
-                    holidayTo.setHours(23, 59, 59, 59);
-                    if (cloneEndDate.getTime() >= holidayFrom.getTime() && cloneEndDate.getTime() < holidayTo.getTime() ||
-                        tempHoliday.getTime() >= holidayFrom.getTime() && tempHoliday.getTime() < holidayTo.getTime()) {
-                        cloneEndDate.setDate(cloneEndDate.getDate() - 1);
-                        if (!(cloneEndDate.getTime() === holidayFrom.getTime() && this.parent.defaultEndTime === 86400 &&
-                            this.getSecondsInDecimal(cloneEndDate) === 0)) {
+        if (this.parent.autoCalculateDateScheduling) {
+            do {
+                tempCheckDate = new Date(cloneEndDate.getTime());
+                var holidayLength = this.parent.totalHolidayDates.length;
+                if (this.isValidateNonWorkDays(ganttProp)) {
+                    if (!this.parent.includeWeekend) {
+                        var tempDate = new Date(cloneEndDate.getTime());
+                        cloneEndDate = this.getPreviousWorkingDay(cloneEndDate);
+                        if (tempDate.getTime() !== cloneEndDate.getTime()) {
                             this.setTime(this.parent.defaultEndTime, cloneEndDate);
                         }
                     }
+                    for (var count = 0; count < holidayLength; count++) {
+                        var holidayFrom = this.getDateFromFormat(new Date(this.parent.totalHolidayDates[count]));
+                        var holidayTo = new Date(holidayFrom.getTime());
+                        var tempHoliday = new Date(cloneEndDate.getTime());
+                        tempHoliday.setMinutes(cloneEndDate.getMilliseconds() - 2);
+                        holidayFrom.setHours(0, 0, 0, 0);
+                        holidayTo.setHours(23, 59, 59, 59);
+                        if (cloneEndDate.getTime() >= holidayFrom.getTime() && cloneEndDate.getTime() < holidayTo.getTime() ||
+                            tempHoliday.getTime() >= holidayFrom.getTime() && tempHoliday.getTime() < holidayTo.getTime()) {
+                            cloneEndDate.setDate(cloneEndDate.getDate() - 1);
+                            if (!(cloneEndDate.getTime() === holidayFrom.getTime() && this.parent.defaultEndTime === 86400 &&
+                                this.getSecondsInDecimal(cloneEndDate) === 0)) {
+                                this.setTime(this.parent.defaultEndTime, cloneEndDate);
+                            }
+                        }
+                    }
                 }
+            } while (tempCheckDate.getTime() !== cloneEndDate.getTime());
+            return new Date(cloneEndDate.getTime());
+        }
+        else {
+            if (!isNullOrUndefined(cloneEndDate)) {
+                this.setTime(this.parent.defaultEndTime, cloneEndDate);
             }
-        } while (tempCheckDate.getTime() !== cloneEndDate.getTime());
-        return new Date(cloneEndDate.getTime());
+            return new Date(cloneEndDate.getTime());
+        }
     };
     /**
      * To validate the baseline start date
@@ -261,6 +274,13 @@ var DateProcessor = /** @class */ (function () {
             }
             this.parent.setRecordValue('endDate', tempEndDate, ganttProp, true);
         }
+        else {
+            tempEndDate = ganttData[this.parent.taskFields.endDate];
+            if (!isNullOrUndefined(tempEndDate)) {
+                this.setTime(this.parent.defaultEndTime, tempEndDate);
+            }
+            this.parent.setRecordValue('endDate', tempEndDate, ganttProp, true);
+        }
         if (this.parent.taskFields.endDate) {
             this.parent.dataOperation.updateMappingData(ganttData, 'endDate');
         }
@@ -327,9 +347,9 @@ var DateProcessor = /** @class */ (function () {
      */
     DateProcessor.prototype.getNonworkingTime = function (sDate, eDate, isAutoSchedule, isCheckTimeZone) {
         isCheckTimeZone = isNullOrUndefined(isCheckTimeZone) ? true : isCheckTimeZone;
-        var weekendCount = !this.parent.includeWeekend && isAutoSchedule ? this.getWeekendCount(sDate, eDate) : 0;
+        var weekendCount = (!this.parent.includeWeekend && this.parent.autoCalculateDateScheduling) && isAutoSchedule ? this.getWeekendCount(sDate, eDate) : 0;
         var totalHours = this.getNumberOfSeconds(sDate, eDate, isCheckTimeZone);
-        var holidaysCount = isAutoSchedule ? this.getHolidaysCount(sDate, eDate) : 0;
+        var holidaysCount = isAutoSchedule && this.parent.autoCalculateDateScheduling ? this.getHolidaysCount(sDate, eDate) : 0;
         var totWorkDays = (totalHours - (weekendCount * 86400) - (holidaysCount * 86400)) / 86400; // working days between two dates
         var nonWorkHours = this.getNonWorkingSecondsOnDate(sDate, eDate, isAutoSchedule);
         var totalNonWorkTime = (totWorkDays * (86400 - this.parent.secondsPerDay)) +
@@ -521,6 +541,9 @@ var DateProcessor = /** @class */ (function () {
                                     if (!isNullOrUndefined(data.ganttProperties.startDate))
                                         sDate = data.ganttProperties.startDate;
                                 }
+                                else {
+                                    sDate = _this.getProjectStartDate(ganttProp);
+                                }
                             });
                         }
                         else {
@@ -799,6 +822,9 @@ var DateProcessor = /** @class */ (function () {
     /*Check given date is on holidays*/
     DateProcessor.prototype.isOnHolidayOrWeekEnd = function (date, checkWeekEnd) {
         checkWeekEnd = !isNullOrUndefined(checkWeekEnd) ? checkWeekEnd : this.parent.includeWeekend;
+        if (!this.parent.autoCalculateDateScheduling) {
+            checkWeekEnd = true;
+        }
         if (!checkWeekEnd && this.parent.nonWorkingDayIndex.indexOf(date.getDay()) !== -1) {
             return true;
         }
@@ -828,8 +854,8 @@ var DateProcessor = /** @class */ (function () {
         var startRangeIndex = -1;
         var endRangeIndex = -1;
         var totNonWrkSecs = 0;
-        var startOnHoliday = isAutoSchedule ? this.isOnHolidayOrWeekEnd(startDate, null) : false;
-        var endOnHoliday = isAutoSchedule ? this.isOnHolidayOrWeekEnd(endDate, null) : false;
+        var startOnHoliday = isAutoSchedule && this.parent.autoCalculateDateScheduling ? this.isOnHolidayOrWeekEnd(startDate, null) : false;
+        var endOnHoliday = isAutoSchedule && this.parent.autoCalculateDateScheduling ? this.isOnHolidayOrWeekEnd(endDate, null) : false;
         for (var i = 0; i < this.parent.nonWorkingTimeRanges.length; i++) {
             var val = this.parent.nonWorkingTimeRanges[i];
             if (sHour >= val.from && sHour <= val.to) {

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

@@ -101,9 +101,11 @@ var GanttChart = /** @class */ (function () {
                 }
                 else {
                     if (this.parent.viewType === 'ProjectView') {
-                        this.parent.chartRowsModule.ganttChartTableBody.children[i].children[0].children[1].children[1].setAttribute('tabindex', '-1');
+                        if (!isNullOrUndefined(this.parent.chartRowsModule.ganttChartTableBody.children[parseInt(i.toString(), 10)].children[0].children[1].children[1])) {
+                            this.parent.chartRowsModule.ganttChartTableBody.children[i].children[0].children[1].children[1].setAttribute('tabindex', '-1');
+                        }
                     }
-                    else if (this.parent.chartRowsModule.ganttChartTableBody.children[i].children[0].children[1].children[0]) {
+                    else if (this.parent.chartRowsModule.ganttChartTableBody.children[parseInt(i.toString(), 10)].children[0].children[1].children[0]) {
                         this.parent.chartRowsModule.ganttChartTableBody.children[i].children[0].children[1].children[0].setAttribute('tabindex', '-1');
                     }
                 }
@@ -156,7 +158,14 @@ var GanttChart = /** @class */ (function () {
             Math.floor((this.parent.rowHeight - this.parent.chartRowsModule.taskBarHeight));
     };
     GanttChart.prototype.renderRange = function (rangeCollection, currentRecord) {
-        var topValue = this.getTopValue(currentRecord);
+        var topValue = 0;
+        var rowIndex = this.parent.currentViewData.indexOf(currentRecord);
+        if (!this.parent.allowTaskbarOverlap && this.parent.enableMultiTaskbar) {
+            topValue = !currentRecord.expanded ? this.parent.getRowByIndex(rowIndex).offsetTop : this.parent.getRowByIndex(rowIndex).offsetTop + this.parent.rowHeight;
+        }
+        else {
+            topValue = this.getTopValue(currentRecord);
+        }
         var sameIDElement = this.rangeViewContainer.querySelector('.' + 'rangeContainer' + currentRecord.ganttProperties.rowUniqueID);
         if (sameIDElement) {
             sameIDElement.remove();
@@ -169,7 +178,14 @@ var GanttChart = /** @class */ (function () {
             return;
         }
         for (var i = 0; i < rangeCollection.length; i++) {
-            var height = this.getRangeHeight(currentRecord);
+            var height = void 0;
+            if (!this.parent.allowTaskbarOverlap && !currentRecord.expanded && this.parent.enableMultiTaskbar) {
+                height = parseInt(this.parent.chartRowsModule.ganttChartTableBody.childNodes[rowIndex].style.height) -
+                    (this.parent.rowHeight - this.parent.chartRowsModule.taskBarHeight);
+            }
+            else {
+                height = this.getRangeHeight(currentRecord);
+            }
             var leftDiv = createElement('div', {
                 className: cls.rangeChildContainer + ' ' + 'e-leftarc', styles: (this.parent.enableRtl ? 'right:' : 'left:') +
                     ((this.parent.enableRtl ? rangeCollection[i].left + rangeCollection[i].width - 5 : rangeCollection[i].left) + "px;\n                top: " + Math.floor((this.parent.rowHeight - this.parent.chartRowsModule.taskBarHeight) / 2) + "px;\n                height: " + (height + 1) + "px; border-right: 0px")

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

@@ -21,6 +21,21 @@ export interface GanttModel extends ComponentModel{
      */
     enableImmutableMode?: boolean;
 
+    /**
+     * Specifies whether to allow dependency connection support for parent records.
+     *
+     * @default true
+     */
+    allowParentDependency?: boolean;
+
+    /**
+     * Specifies whether to display or remove the untrusted HTML values in the TreeGrid component.
+     * If `enableHtmlSanitizer` set to true, then it will sanitize any suspected untrusted strings and scripts before rendering them.
+     *
+     * @default false
+     */
+    enableHtmlSanitizer?: boolean;
+
     /**
      * If `disableHtmlEncode` is set to true, it encodes the HTML of the header and content cells.
      *
@@ -42,6 +57,20 @@ export interface GanttModel extends ComponentModel{
      */
     enableVirtualMaskRow?: boolean;
 
+    /**
+     * Specifies whether to update offset value on a task for all the predecessor edit actions.
+     *
+     * @default true
+     */
+    UpdateOffsetOnTaskbarEdit?: boolean;
+
+    /**
+     * Specifies whether to auto calculate start and end-date  based on various factors such as working time, holidays, weekends, and predecessors.
+     *
+     * @default true
+     */
+    autoCalculateDateScheduling?: boolean;
+
     /**
      * Enables or disables the focusing the task bar on click action.
      *
@@ -168,6 +197,20 @@ export interface GanttModel extends ComponentModel{
      */
     renderBaseline?: boolean;
 
+    /**
+     * Defines whether to enable or disable taskbar drag and drop.
+     *
+     * @default false
+     */
+    allowTaskbarDragAndDrop?: boolean;
+
+    /**
+     * Defines whether taskbar to get overlapped or not.
+     *
+     * @default true
+     */
+    allowTaskbarOverlap?: boolean;
+
     /**
      * Configures the grid lines in tree grid and gantt chart.
      * 

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

@@ -316,6 +316,19 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
      * @default false
      */
     enableImmutableMode: boolean;
+    /**
+     * Specifies whether to allow dependency connection support for parent records.
+     *
+     * @default true
+     */
+    allowParentDependency: boolean;
+    /**
+     * Specifies whether to display or remove the untrusted HTML values in the TreeGrid component.
+     * If `enableHtmlSanitizer` set to true, then it will sanitize any suspected untrusted strings and scripts before rendering them.
+     *
+     * @default false
+     */
+    enableHtmlSanitizer: boolean;
     /**
      * If `disableHtmlEncode` is set to true, it encodes the HTML of the header and content cells.
      *
@@ -334,6 +347,18 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
      * @default true
      */
     enableVirtualMaskRow: boolean;
+    /**
+     * Specifies whether to update offset value on a task for all the predecessor edit actions.
+     *
+     * @default true
+     */
+    UpdateOffsetOnTaskbarEdit: boolean;
+    /**
+     * Specifies whether to auto calculate start and end-date  based on various factors such as working time, holidays, weekends, and predecessors.
+     *
+     * @default true
+     */
+    autoCalculateDateScheduling: boolean;
     /**
      * Enables or disables the focusing the task bar on click action.
      *
@@ -444,6 +469,18 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
      * @default false
      */
     renderBaseline: boolean;
+    /**
+     * Defines whether to enable or disable taskbar drag and drop.
+     *
+     * @default false
+     */
+    allowTaskbarDragAndDrop: boolean;
+    /**
+     * Defines whether taskbar to get overlapped or not.
+     *
+     * @default true
+     */
+    allowTaskbarOverlap: boolean;
     /**
      * Configures the grid lines in tree grid and gantt chart.
      *
@@ -1639,9 +1676,10 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
      * @param  {PdfExportProperties} pdfExportProperties - Defines the export properties of the Gantt.
      * @param  {isMultipleExport} isMultipleExport - Define to enable multiple export.
      * @param  {pdfDoc} pdfDoc - Defined the Pdf Document if multiple export is enabled.
+     * @param  {boolean} isBlob - If the 'isBlob' parameter is set to true, the method returns PDF data as a blob instead of exporting it as a down-loadable PDF file. The default value is false.
      * @returns {Promise<any>} .
      */
-    pdfExport(pdfExportProperties?: PdfExportProperties, isMultipleExport?: boolean, pdfDoc?: Object): Promise<Object>;
+    pdfExport(pdfExportProperties?: PdfExportProperties, isMultipleExport?: boolean, pdfDoc?: Object, isBlob?: boolean): Promise<Object>;
     /**
      * Clears the filtered columns in Gantt.
      *