@syncfusion/ej2-gantt 20.4.54 → 21.1.37

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