@syncfusion/ej2-gantt 20.4.54 → 21.1.35

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.
      *

package/src/gantt/base/gantt.js

@@ -333,6 +333,12 @@ var Gantt = /** @class */ (function (_super) {
             this.treeGrid.isReact = true;
             this.treeGrid.grid.isReact = true;
         }
+        if (this.isVue) {
+            this.treeGrid.isVue = true;
+            this.treeGrid.grid.isVue = true;
+            this.treeGrid.vueInstance = this.vueInstance;
+            this.treeGrid.grid.vueInstance = this.vueInstance;
+        }
         createSpinner({ target: this.element }, this.createElement);
         this.trigger('load', {});
         this.element.classList.add(cls.root);
@@ -358,13 +364,13 @@ var Gantt = /** @class */ (function (_super) {
     };
     Gantt.prototype.hideMaskRow = function () {
         var isTablePresent = this.element.querySelectorAll('.e-masked-table').length;
-        if (!isNullOrUndefined(this.contentMaskTable) && isTablePresent != 0) {
+        if (!isNullOrUndefined(this.contentMaskTable) && (isTablePresent != 0 || this.contentMaskTable)) {
             var maskTable = this.contentMaskTable;
             remove(maskTable);
             this.contentMaskTable = null;
         }
         isTablePresent = this.element.querySelectorAll('.e-masked-table').length;
-        if (!isNullOrUndefined(this.headerMaskTable) && isTablePresent != 0) {
+        if (!isNullOrUndefined(this.headerMaskTable) && (isTablePresent != 0 || this.headerMaskTable)) {
             var maskTable = this.headerMaskTable;
             remove(maskTable);
             this.headerMaskTable = null;
@@ -377,8 +383,8 @@ var Gantt = /** @class */ (function (_super) {
         }
         if (this.element.querySelectorAll('.' + cls.timelineHeaderTableContainer).length != 0) {
             for (var i = 0; i < this.singleTier; i++) {
-                if (!isNullOrUndefined(this.element.querySelectorAll('.' + cls.timelineHeaderTableContainer)[i])) {
-                    this.element.querySelectorAll('.' + cls.timelineHeaderTableContainer)[i]['style'].visibility = "visible";
+                if (!isNullOrUndefined(this.element.querySelectorAll('.' + cls.timelineHeaderTableContainer)[parseInt(i.toString(), 10)])) {
+                    this.element.querySelectorAll('.' + cls.timelineHeaderTableContainer)[parseInt(i.toString(), 10)]['style'].visibility = "visible";
                 }
             }
         }
@@ -400,7 +406,7 @@ var Gantt = /** @class */ (function (_super) {
                 if (this.element.querySelectorAll('.' + cls.timelineHeaderTableContainer).length != 0) {
                     this.singleTier = this.timelineModule.isSingleTier ? 1 : 2;
                     for (var i = 0; i < this.singleTier; i++) {
-                        this.element.querySelectorAll('.' + cls.timelineHeaderTableContainer)[i]['style'].visibility = "hidden";
+                        this.element.querySelectorAll('.' + cls.timelineHeaderTableContainer)[parseInt(i.toString(), 10)]['style'].visibility = "hidden";
                     }
                 }
                 if (this.singleTier === 0) {
@@ -519,7 +525,7 @@ var Gantt = /** @class */ (function (_super) {
         }
         this.topBottomHeader = 0;
         for (var i = 0; i < row.length; i++) {
-            tbody.appendChild(this.applyTimelineMaskRow(row[i]));
+            tbody.appendChild(this.applyTimelineMaskRow(row[parseInt(i.toString(), 10)]));
             this.topBottomHeader = this.topBottomHeader + 1;
         }
         table.appendChild(tbody);
@@ -533,11 +539,11 @@ var Gantt = /** @class */ (function (_super) {
         maskRow.appendChild(this.createElement('td', { className: 'e-timeline-masked-top-header-cell' }));
         maskRow.appendChild(this.createElement('td', { className: 'e-timeline-masked-top-header-cell' }));
         for (var i = 0; i < maskRow.childNodes.length - 1; i++) {
-            maskRow.childNodes[i]['style']['width'] = 166 + 'px';
+            maskRow.childNodes[parseInt(i.toString(), 10)]['style']['width'] = 166 + 'px';
         }
         var maskCells = [].slice.call(maskRow.childNodes);
         for (var i = 0; i < maskCells.length; i++) {
-            var maskCell = maskCells[i];
+            var maskCell = maskCells[parseInt(i.toString(), 10)];
             switch (this.topBottomHeader) {
                 case 0:
                     if (this.enableRtl) {
@@ -554,7 +560,7 @@ var Gantt = /** @class */ (function (_super) {
                     maskCell.appendChild(this.createElement('td', { className: 'e-timeline-masked-top-header-cell' }));
                     var innerMaskCells = [].slice.call(maskCell.childNodes);
                     for (var i_1 = 0; i_1 < innerMaskCells.length; i_1++) {
-                        var htmlInner = innerMaskCells[i_1];
+                        var htmlInner = innerMaskCells[parseInt(i_1.toString(), 10)];
                         if (i_1 === 0) {
                             if (this.enableRtl) {
                                 htmlInner.innerHTML = '<span class="e-mask e-skeleton e-skeleton-text e-shimmer-wave e-innerHTML"></span>';
@@ -606,7 +612,7 @@ var Gantt = /** @class */ (function (_super) {
             else if (this.columnLoop === 4) {
                 this.columnLoop = 1;
             }
-            tbody.appendChild(this.applyMaskRow(row[j]));
+            tbody.appendChild(this.applyMaskRow(row[parseInt(j.toString(), 10)]));
         }
         table.appendChild(tbody);
         table.style.width = 100 + '%';
@@ -627,7 +633,7 @@ var Gantt = /** @class */ (function (_super) {
         }
         var maskCells = [].slice.call(maskRow.childNodes);
         for (var i = 0; i < maskCells.length; i++) {
-            var maskCell = maskCells[i];
+            var maskCell = maskCells[parseInt(i.toString(), 10)];
             switch (this.columnLoop) {
                 case 1:
                     if (i === 0) {
@@ -725,7 +731,7 @@ var Gantt = /** @class */ (function (_super) {
             this.predecessorModule['parentIds'] = [];
             this.predecessorModule['parentRecord'] = [];
             this.predecessorModule.updatePredecessors();
-            if (this.isInPredecessorValidation && this.enableValidation) {
+            if (this.isInPredecessorValidation && this.enableValidation && this.autoCalculateDateScheduling) {
                 this.predecessorModule.updatedRecordsDateByPredecessor();
             }
         }
@@ -738,7 +744,9 @@ var Gantt = /** @class */ (function (_super) {
             if (this.enableValidation) {
                 this.dataOperation.updateGanttData();
             }
-            this.predecessorModule.updateParentPredecessor();
+            if (this.allowParentDependency) {
+                this.predecessorModule.updateParentPredecessor();
+            }
             if (this.dataSource instanceof Object && isCountRequired(this)) {
                 var count = getValue('count', this.dataSource);
                 this.treeGrid.dataSource = { result: this.flatData, count: count };
@@ -751,7 +759,9 @@ var Gantt = /** @class */ (function (_super) {
             if (this.enableValidation) {
                 this.dataOperation.updateGanttData();
             }
-            this.predecessorModule.updateParentPredecessor();
+            if (this.allowParentDependency) {
+                this.predecessorModule.updateParentPredecessor();
+            }
             this.treeGridPane.classList.remove('e-temp-content');
             remove(this.treeGridPane.querySelector('.e-gantt-temp-header'));
             this.notify('dataReady', {});
@@ -868,22 +878,27 @@ var Gantt = /** @class */ (function (_super) {
      * @private
      */
     Gantt.prototype.updateContentHeight = function (args) {
-        if (this.virtualScrollModule && this.enableVirtualization && !isNullOrUndefined(args)) {
-            var length_1 = getValue('result.length', args);
-            this.contentHeight = length_1 * this.rowHeight;
+        if (!this.allowTaskbarOverlap && this.viewType === 'ResourceView' && !this.isLoad) {
+            return;
         }
         else {
-            var expandedRecords = this.virtualScrollModule && this.enableVirtualization ?
-                this.currentViewData : this.getExpandedRecords(this.currentViewData);
-            var height = void 0;
-            var chartRow = !isNullOrUndefined(this.ganttChartModule.getChartRows()) ? this.ganttChartModule.getChartRows()[0] : null;
-            if (!isNullOrUndefined(chartRow) && chartRow.getBoundingClientRect().height > 0) {
-                height = chartRow.getBoundingClientRect().height;
+            if (this.virtualScrollModule && this.enableVirtualization && !isNullOrUndefined(args)) {
+                var length_1 = getValue('result.length', args);
+                this.contentHeight = length_1 * this.rowHeight;
             }
             else {
-                height = this.rowHeight;
+                var expandedRecords = this.virtualScrollModule && this.enableVirtualization ?
+                    this.currentViewData : this.getExpandedRecords(this.currentViewData);
+                var height = void 0;
+                var chartRow = !isNullOrUndefined(this.ganttChartModule.getChartRows()) ? this.ganttChartModule.getChartRows()[0] : null;
+                if (!isNullOrUndefined(chartRow) && chartRow.getBoundingClientRect().height > 0) {
+                    height = chartRow.getBoundingClientRect().height;
+                }
+                else {
+                    height = this.rowHeight;
+                }
+                this.contentHeight = expandedRecords.length * height;
             }
-            this.contentHeight = expandedRecords.length * height;
         }
     };
     /**
@@ -1399,7 +1414,6 @@ var Gantt = /** @class */ (function (_super) {
                     this.chartRowsModule.refreshGanttRows();
                     break;
                 case 'includeWeekend':
-                case 'dayWorkingTime':
                 case 'allowUnscheduledTasks':
                 case 'holidays':
                     this.isLoad = true;
@@ -1492,6 +1506,10 @@ var Gantt = /** @class */ (function (_super) {
                 case 'readOnly':
                 case 'viewType':
                 case 'taskFields':
+                case 'dayWorkingTime':
+                case 'allowTaskbarDragAndDrop':
+                case 'allowTaskbarOverlap':
+                case 'allowParentDependency':
                     if (prop === 'locale') {
                         this.isLocaleChanged = true;
                     }
@@ -1506,6 +1524,9 @@ var Gantt = /** @class */ (function (_super) {
             }
         }
         if (isRefresh) {
+            if (this.isLoad && this.contentMaskTable) {
+                this.contentMaskTable = null;
+            }
             this.refresh();
         }
     };
@@ -1633,7 +1654,7 @@ var Gantt = /** @class */ (function (_super) {
                 args: [this]
             });
         }
-        if (this.allowRowDragAndDrop) {
+        if (this.allowRowDragAndDrop || this.allowTaskbarDragAndDrop) {
             modules.push({
                 member: 'rowDragAndDrop',
                 args: [this]
@@ -2168,10 +2189,11 @@ var Gantt = /** @class */ (function (_super) {
      * @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>} .
      */
-    Gantt.prototype.pdfExport = function (pdfExportProperties, isMultipleExport, pdfDoc) {
-        return this.pdfExportModule ? this.pdfExportModule.export(pdfExportProperties, isMultipleExport, pdfDoc)
+    Gantt.prototype.pdfExport = function (pdfExportProperties, isMultipleExport, pdfDoc, isBlob) {
+        return this.pdfExportModule ? this.pdfExportModule.export(pdfExportProperties, isMultipleExport, pdfDoc, isBlob)
             : null;
     };
     /**
@@ -2203,7 +2225,7 @@ var Gantt = /** @class */ (function (_super) {
      * @private
      */
     Gantt.prototype.renderWorkingDayCell = function (args) {
-        var includeWeekend = this.taskMode !== 'Auto' ? true : this.includeWeekend ? true : false;
+        var includeWeekend = this.taskMode !== 'Auto' ? true : (this.includeWeekend || !this.autoCalculateDateScheduling) ? true : false;
         var nonWorkingDays = !includeWeekend ? this.nonWorkingDayIndex : [];
         var holidays = this.totalHolidayDates;
         if (nonWorkingDays.length > 0 && nonWorkingDays.indexOf(args.date.getDay()) !== -1) {
@@ -2213,7 +2235,12 @@ var Gantt = /** @class */ (function (_super) {
             var tempDate = new Date(args.date.getTime());
             tempDate.setHours(0, 0, 0);
             if (holidays.indexOf(tempDate.getTime()) !== -1) {
-                args.isDisabled = true;
+                if (!this.autoCalculateDateScheduling) {
+                    args.isDisabled = false;
+                }
+                else {
+                    args.isDisabled = true;
+                }
             }
         }
     };
@@ -2330,8 +2357,8 @@ var Gantt = /** @class */ (function (_super) {
             var id = ganttData.rowUniqueID;
             var task = this.getRecordByID(id);
             var isValid = false;
-            if (isNullOrUndefined(value) || (!isNullOrUndefined(value) && !isNullOrUndefined(ganttData[field]) && (value instanceof Date ? value.getTime() !==
-                ganttData[field].getTime() : ganttData[field] !== value))) {
+            if (isNullOrUndefined(value) || (!isNullOrUndefined(value) && !isNullOrUndefined(ganttData["" + field]) && (value instanceof Date ? value.getTime() !==
+                ganttData["" + field].getTime() : ganttData["" + field] !== value))) {
                 isValid = true;
             }
             if (task && ((this.editedRecords.indexOf(task) === -1 && isValid) || this.editedRecords.length === 0)) {
@@ -3278,6 +3305,12 @@ var Gantt = /** @class */ (function (_super) {
     __decorate([
         Property(false)
     ], Gantt.prototype, "enableImmutableMode", void 0);
+    __decorate([
+        Property(true)
+    ], Gantt.prototype, "allowParentDependency", void 0);
+    __decorate([
+        Property(false)
+    ], Gantt.prototype, "enableHtmlSanitizer", void 0);
     __decorate([
         Property(true)
     ], Gantt.prototype, "disableHtmlEncode", void 0);
@@ -3287,6 +3320,12 @@ var Gantt = /** @class */ (function (_super) {
     __decorate([
         Property(true)
     ], Gantt.prototype, "enableVirtualMaskRow", void 0);
+    __decorate([
+        Property(true)
+    ], Gantt.prototype, "UpdateOffsetOnTaskbarEdit", void 0);
+    __decorate([
+        Property(true)
+    ], Gantt.prototype, "autoCalculateDateScheduling", void 0);
     __decorate([
         Property(true)
     ], Gantt.prototype, "autoFocusTasks", void 0);
@@ -3335,6 +3374,12 @@ var Gantt = /** @class */ (function (_super) {
     __decorate([
         Property(false)
     ], Gantt.prototype, "renderBaseline", void 0);
+    __decorate([
+        Property(false)
+    ], Gantt.prototype, "allowTaskbarDragAndDrop", void 0);
+    __decorate([
+        Property(true)
+    ], Gantt.prototype, "allowTaskbarOverlap", void 0);
     __decorate([
         Property('Horizontal')
     ], Gantt.prototype, "gridLines", void 0);