@syncfusion/ej2-gantt 22.1.37 → 22.1.39

package/dist/es6/ej2-gantt.es2015.js

@@ -1467,8 +1467,16 @@ class DateProcessor {
             viewData.forEach((data) => {
                 taskRange = [];
                 const task = data.ganttProperties;
-                const tempStartDate = this.getValidStartDate(task);
-                const tempEndDate = this.getValidEndDate(task);
+                let tempStartDate;
+                let tempEndDate;
+                if (isNullOrUndefined(task.startDate) && isNullOrUndefined(task.endDate)) {
+                    tempStartDate = null;
+                    tempEndDate = null;
+                }
+                else {
+                    tempStartDate = this.getValidStartDate(task);
+                    tempEndDate = this.getValidEndDate(task);
+                }
                 addDateToList(minStartDate);
                 addDateToList(maxEndDate);
                 addDateToList(tempStartDate);
@@ -5142,7 +5150,6 @@ class GanttChart {
         this.updateWidthAndHeight();
         this.reRenderConnectorLines();
         getValue('chartRow', args).setAttribute('aria-expanded', 'false');
-        this.parent.trigger('collapsed', args);
     }
     /**
      * To expand gantt rows
@@ -5196,7 +5203,6 @@ class GanttChart {
         this.updateWidthAndHeight();
         this.reRenderConnectorLines();
         getValue('chartRow', args).setAttribute('aria-expanded', 'true');
-        this.parent.trigger('expanded', args);
     }
     renderMultiTaskbar(record) {
         if (this.parent.enableMultiTaskbar) {
@@ -5240,20 +5246,27 @@ class GanttChart {
                 removeClass([targetElement[t]], 'e-row-expand');
             }
         }
-        const childRecords = record.childRecords;
-        const chartRows = this.getChartRows();
-        const rows = [];
-        for (let i = 0; i < chartRows.length; i++) {
-            if (chartRows[i].classList.contains('gridrowtaskId'
-                + record.ganttProperties.rowUniqueID + 'level' + (record.level + 1))) {
-                rows.push(chartRows[i]);
+        if (!this.parent.enableVirtualization) {
+            const childRecords = record.childRecords;
+            const chartRows = this.getChartRows();
+            const rows = [];
+            for (let i = 0; i < chartRows.length; i++) {
+                if (chartRows[i].classList.contains("gridrowtaskId" +
+                    record.ganttProperties.rowUniqueID +
+                    "level" +
+                    (record.level + 1))) {
+                    rows.push(chartRows[i]);
+                }
             }
-        }
-        for (let i = 0; i < rows.length; i++) {
-            rows[i].style.display = displayType;
-            if ((childRecords[i].childRecords && childRecords[i].childRecords.length)
-                && (action === 'collapse' || childRecords[i].expanded || this.isExpandAll)) {
-                this.expandCollapseChartRows(action, rows[i], childRecords[i], true);
+            for (let i = 0; i < rows.length; i++) {
+                rows[i].style.display = displayType;
+                if (childRecords[i].childRecords &&
+                    childRecords[i].childRecords.length &&
+                    (action === "collapse" ||
+                        childRecords[i].expanded ||
+                        this.isExpandAll)) {
+                    this.expandCollapseChartRows(action, rows[i], childRecords[i], true);
+                }
             }
         }
     }
@@ -6093,6 +6106,8 @@ class Timeline {
             this.parent.showSpinner();
         }
         this.changeTimelineSettings(newTimeline);
+        this.isZoomToFit = false;
+        this.parent.isTimelineRoundOff = this.isZoomToFit ? false : isNullOrUndefined(this.parent.projectStartDate) ? true : false;
     }
     bottomTierCellWidthCalc(mode, zoomLevel, date) {
         let convertedMilliSeconds;
@@ -7610,25 +7625,60 @@ class GanttTreeGrid {
     collapsing(args) {
         // Collapsing event
         const callBackPromise = new Deferred();
+        let collapsingArgs;
+        const record = getValue('data', args);
+        const recordLength = record.length;
         if (!this.parent.ganttChartModule.isExpandCollapseFromChart) {
-            const collapsingArgs = this.createExpandCollapseArgs(args);
-            this.parent.ganttChartModule.collapseGanttRow(collapsingArgs);
-            setValue('cancel', getValue('cancel', collapsingArgs), args);
+            if (!isNullOrUndefined(recordLength)) {
+                for (let i = 0; i < recordLength; i++) {
+                    collapsingArgs = this.createExpandCollapseArgs(args, record[i]);
+                    this.parent.ganttChartModule.collapseGanttRow(collapsingArgs);
+                }
+                setValue('cancel', getValue('cancel', collapsingArgs), args);
+            }
+            else {
+                collapsingArgs = this.createExpandCollapseArgs(args, null);
+                this.parent.ganttChartModule.collapseGanttRow(collapsingArgs);
+                setValue('cancel', getValue('cancel', collapsingArgs), args);
+            }
         }
     }
     expanding(args) {
         // Expanding event
         const callBackPromise = new Deferred();
+        let expandingArgs;
+        const record = getValue('data', args);
+        const recordLength = record.length;
         if (!this.parent.ganttChartModule.isExpandCollapseFromChart) {
-            const expandingArgs = this.createExpandCollapseArgs(args);
-            this.parent.ganttChartModule.expandGanttRow(expandingArgs);
-            setValue('cancel', getValue('cancel', expandingArgs), args);
+            if (!isNullOrUndefined(recordLength)) {
+                for (let i = 0; i < recordLength; i++) {
+                    expandingArgs = this.createExpandCollapseArgs(args, record[i]);
+                    this.parent.ganttChartModule.expandGanttRow(expandingArgs);
+                }
+                setValue('cancel', getValue('cancel', expandingArgs), args);
+            }
+            else {
+                expandingArgs = this.createExpandCollapseArgs(args, null);
+                this.parent.ganttChartModule.expandGanttRow(expandingArgs);
+                setValue('cancel', getValue('cancel', expandingArgs), args);
+            }
         }
     }
     collapsed(args) {
         if (!this.parent.ganttChartModule.isExpandCollapseFromChart && !this.parent.isExpandCollapseLevelMethod) {
-            const collapsedArgs = this.createExpandCollapseArgs(args);
-            this.parent.ganttChartModule.collapsedGanttRow(collapsedArgs);
+            let collapsedArgs;
+            const record = getValue('data', args);
+            const recordLength = record.length;
+            if (!isNullOrUndefined(recordLength)) {
+                for (let i = 0; i < recordLength; i++) {
+                    collapsedArgs = this.createExpandCollapseArgs(args, record[i]);
+                    this.parent.ganttChartModule.collapsedGanttRow(collapsedArgs);
+                }
+            }
+            else {
+                collapsedArgs = this.createExpandCollapseArgs(args, null);
+                this.parent.ganttChartModule.collapsedGanttRow(collapsedArgs);
+            }
             if (this.parent.viewType === 'ResourceView' && !this.parent.allowTaskbarOverlap && collapsedArgs['gridRow']) {
                 collapsedArgs['gridRow'].style.height = collapsedArgs['chartRow'].style.height;
                 this.parent.contentHeight = this.parent.enableRtl ? this.parent['element'].getElementsByClassName('e-content')[2].children[0]['offsetHeight'] :
@@ -7642,19 +7692,29 @@ class GanttTreeGrid {
         else {
             this.parent.hideSpinner();
         }
+        this.parent.trigger('collapsed', args);
     }
     expanded(args) {
         if (!this.parent.ganttChartModule.isExpandCollapseFromChart && !this.parent.isExpandCollapseLevelMethod) {
-            if (!args['data'].length) {
-                const expandedArgs = this.createExpandCollapseArgs(args);
-                this.parent.ganttChartModule.expandedGanttRow(expandedArgs);
-                if (this.parent.viewType === 'ResourceView' && !this.parent.allowTaskbarOverlap && args['row']) {
-                    args['row'].style.height = this.parent.rowHeight + 'px';
-                    this.parent.contentHeight = this.parent.enableRtl ? this.parent['element'].getElementsByClassName('e-content')[2].children[0]['offsetHeight'] :
-                        this.parent['element'].getElementsByClassName('e-content')[0].children[0]['offsetHeight'];
-                    document.getElementsByClassName('e-chart-rows-container')[0]['style'].height = this.parent.contentHeight + 'px';
+            let expandedArgs;
+            const record = getValue('data', args);
+            const recordLength = record.length;
+            if (!isNullOrUndefined(recordLength)) {
+                for (let i = 0; i < recordLength; i++) {
+                    expandedArgs = this.createExpandCollapseArgs(args, record[i]);
+                    this.parent.ganttChartModule.expandedGanttRow(expandedArgs);
                 }
             }
+            else {
+                expandedArgs = this.createExpandCollapseArgs(args, null);
+                this.parent.ganttChartModule.expandedGanttRow(expandedArgs);
+            }
+            if (this.parent.viewType === 'ResourceView' && !this.parent.allowTaskbarOverlap && args['row']) {
+                args['row'].style.height = this.parent.rowHeight + 'px';
+                this.parent.contentHeight = this.parent.enableRtl ? this.parent['element'].getElementsByClassName('e-content')[2].children[0]['offsetHeight'] :
+                    this.parent['element'].getElementsByClassName('e-content')[0].children[0]['offsetHeight'];
+                document.getElementsByClassName('e-chart-rows-container')[0]['style'].height = this.parent.contentHeight + 'px';
+            }
         }
         if (!isNullOrUndefined(this.parent.loadingIndicator) && this.parent.loadingIndicator.indicatorType === "Shimmer") {
             this.parent.hideMaskRow();
@@ -7662,6 +7722,7 @@ class GanttTreeGrid {
         else {
             this.parent.hideSpinner();
         }
+        this.parent.trigger('expanded', args);
     }
     actionBegin(args) {
         this.parent.notify('actionBegin', args);
@@ -7685,13 +7746,23 @@ class GanttTreeGrid {
     actionFailure(args) {
         this.parent.trigger('actionFailure', args);
     }
-    createExpandCollapseArgs(args) {
-        const record = getValue('data', args);
-        const gridRow = getValue('row', args);
+    createExpandCollapseArgs(args, currentRecord) {
         let chartRow;
-        chartRow = this.parent.ganttChartModule.getChartRows()[this.parent.currentViewData.indexOf(record)];
-        const eventArgs = { data: record, gridRow: gridRow, chartRow: chartRow, cancel: false };
-        return eventArgs;
+        const record = getValue('data', args);
+        const recordLength = record.length;
+        if (!isNullOrUndefined(recordLength)) {
+            const gridRow = getValue('row', args);
+            chartRow = this.parent.ganttChartModule.getChartRows()[this.parent.currentViewData.indexOf(currentRecord)];
+            const eventArgs = { data: currentRecord, gridRow: gridRow, chartRow: chartRow, cancel: false };
+            return eventArgs;
+        }
+        else {
+            const record_1 = getValue('data', args);
+            const gridRow = getValue('row', args);
+            chartRow = this.parent.ganttChartModule.getChartRows()[this.parent.currentViewData.indexOf(record_1)];
+            const eventArgs = { data: record_1, gridRow: gridRow, chartRow: chartRow, cancel: false };
+            return eventArgs;
+        }
     }
     treeActionComplete(args) {
         const updatedArgs = extend({}, args);
@@ -10419,8 +10490,8 @@ class ChartRows extends DateProcessor {
                 taskbarElement.querySelector(classCollections[0]).style.backgroundColor = args.taskbarBgColor;
             }
             if (taskbarElement.querySelector(classCollections[0]) &&
-                getComputedStyle(taskbarElement.querySelector(classCollections[0])).borderColor !== args.taskbarBorderColor) {
-                taskbarElement.querySelector(classCollections[0]).style.borderColor = args.taskbarBorderColor;
+                getComputedStyle(taskbarElement.querySelector(classCollections[0])).outlineColor !== args.taskbarBorderColor) {
+                taskbarElement.querySelector(classCollections[0]).style.outlineColor = args.taskbarBorderColor;
             }
             if (taskbarElement.querySelector(classCollections[1]) &&
                 getComputedStyle(taskbarElement.querySelector(classCollections[1])).backgroundColor !== args.progressBarBgColor) {
@@ -10431,8 +10502,8 @@ class ChartRows extends DateProcessor {
                 taskbarElement.style.backgroundColor = args.taskbarBgColor;
             }
             if (taskbarElement.classList.contains(traceChildTaskBar) &&
-                getComputedStyle(taskbarElement).borderColor !== args.taskbarBorderColor) {
-                taskbarElement.style.borderColor = args.taskbarBorderColor;
+                getComputedStyle(taskbarElement).outlineColor !== args.taskbarBorderColor) {
+                taskbarElement.style.outlineColor = args.taskbarBorderColor;
             }
             if (taskbarElement.classList.contains(traceChildProgressBar) &&
                 getComputedStyle(taskbarElement).backgroundColor !== args.progressBarBgColor) {
@@ -11153,6 +11224,9 @@ class Dependency {
             ganttRecord = predecessorsCollection[count];
             if ((!ganttRecord.hasChildRecords && !this.parent.allowParentDependency) || this.parent.allowParentDependency) {
                 this.updatePredecessorHelper(ganttRecord, predecessorsCollection);
+                if (!ganttRecord.ganttProperties.isAutoSchedule) {
+                    this.parent.connectorLineEditModule['calculateOffset'](ganttRecord);
+                }
             }
         }
     }
@@ -11582,6 +11656,9 @@ class Dependency {
                 if (validationOn !== 'predecessor' && this.parent.isValidationEnabled) {
                     this.validateChildGanttRecord(parentGanttRecord, record);
                 }
+                else if (!record.ganttProperties.isAutoSchedule && this.parent.UpdateOffsetOnTaskbarEdit) {
+                    this.parent.connectorLineEditModule['calculateOffset'](record);
+                }
                 if (parentGanttRecord.expanded === false || record.expanded === false) {
                     if (record) {
                         this.validatePredecessor(record, undefined, 'successor');
@@ -22484,7 +22561,7 @@ class DialogEdit {
         }
         for (let i = 0; i < childNodes.length; i++) {
             const div = childNodes[i];
-            const inputElement = div.querySelector('input[id^="' + ganttObj.element.id + '"]');
+            const inputElement = div.querySelector('input[id^="' + ganttObj.element.id + '"]') || div.querySelector('textarea[id^="' + ganttObj.element.id + '"]');
             if (inputElement) {
                 const fieldName = inputElement.id.replace(ganttObj.element.id, '');
                 const controlObj = div.querySelector('#' + ganttObj.element.id + fieldName).ej2_instances[0];
@@ -22504,7 +22581,7 @@ class DialogEdit {
                     }
                 }
                 else if (isCustom && column.editType === 'booleanedit') {
-                    if (inputElement.checked === true) {
+                    if (inputElement instanceof HTMLInputElement && inputElement.checked === true) {
                         tasksData[fieldName] = true;
                     }
                     else {
@@ -30306,65 +30383,79 @@ class ContextMenu$2 {
         }
         switch (this.item) {
             case 'TaskInformation':
-                if (isNaN(Number(this.rowData.ganttProperties.rowUniqueID))) {
-                    this.parent.openEditDialog(this.rowData.ganttProperties.rowUniqueID);
-                }
-                else {
-                    this.parent.openEditDialog(Number(this.rowData.ganttProperties.rowUniqueID));
+                if (!isNullOrUndefined(this.rowData)) {
+                    if (isNaN(Number(this.rowData.ganttProperties.rowUniqueID))) {
+                        this.parent.openEditDialog(this.rowData.ganttProperties.rowUniqueID);
+                    }
+                    else {
+                        this.parent.openEditDialog(Number(this.rowData.ganttProperties.rowUniqueID));
+                    }
                 }
                 break;
             case 'Above':
             case 'Below':
             case 'Child':
-                position = this.item;
-                data = extend({}, {}, this.rowData.taskData, true);
-                taskfields = this.parent.taskFields;
-                if (data[taskfields.startDate]) {
-                    this.parent.setRecordValue(taskfields.startDate, this.rowData.ganttProperties.startDate, data, true);
-                }
-                if (data[taskfields.endDate]) {
-                    this.parent.setRecordValue(taskfields.endDate, this.rowData.ganttProperties.endDate, data, true);
-                }
-                if (!isNullOrUndefined(taskfields.dependency)) {
-                    data[taskfields.dependency] = null;
-                }
-                if (!isNullOrUndefined(taskfields.child) && data[taskfields.child]) {
-                    delete data[taskfields.child];
-                }
-                if (!isNullOrUndefined(taskfields.parentID) && data[taskfields.parentID]) {
-                    data[taskfields.parentID] = null;
+                if (!isNullOrUndefined(this.rowData)) {
+                    position = this.item;
+                    data = extend({}, {}, this.rowData.taskData, true);
+                    taskfields = this.parent.taskFields;
+                    if (data[taskfields.startDate]) {
+                        this.parent.setRecordValue(taskfields.startDate, this.rowData.ganttProperties.startDate, data, true);
+                    }
+                    if (data[taskfields.endDate]) {
+                        this.parent.setRecordValue(taskfields.endDate, this.rowData.ganttProperties.endDate, data, true);
+                    }
+                    if (!isNullOrUndefined(taskfields.dependency)) {
+                        data[taskfields.dependency] = null;
+                    }
+                    if (!isNullOrUndefined(taskfields.child) && data[taskfields.child]) {
+                        delete data[taskfields.child];
+                    }
+                    if (!isNullOrUndefined(taskfields.parentID) && data[taskfields.parentID]) {
+                        data[taskfields.parentID] = null;
+                    }
+                    if (this.rowData) {
+                        const rowIndex = this.parent.updatedRecords.indexOf(this.rowData);
+                        this.parent.addRecord(data, position, rowIndex);
+                    }
                 }
-                if (this.rowData) {
-                    const rowIndex = this.parent.updatedRecords.indexOf(this.rowData);
-                    this.parent.addRecord(data, position, rowIndex);
+                else if (this.parent.flatData.length === 0) {
+                    this.parent.addRecord();
                 }
                 break;
             case 'Milestone':
             case 'ToMilestone':
-                this.parent.convertToMilestone(this.rowData.ganttProperties.rowUniqueID);
+                if (!isNullOrUndefined(this.rowData)) {
+                    this.parent.convertToMilestone(this.rowData.ganttProperties.rowUniqueID);
+                }
+                else if (this.parent.flatData.length === 0) {
+                    this.parent.addRecord();
+                }
                 break;
             case 'DeleteTask':
                 this.parent.editModule.deleteRecord(this.rowData);
                 break;
             case 'ToTask':
-                data = extend({}, {}, this.rowData.taskData, true);
-                taskfields = this.parent.taskFields;
-                if (!isNullOrUndefined(taskfields.duration)) {
-                    const ganttProp = this.rowData.ganttProperties;
-                    data[taskfields.duration] = '1 ' + ganttProp.durationUnit;
-                }
-                else {
-                    data[taskfields.startDate] = new Date(this.rowData.taskData[taskfields.startDate]);
-                    const endDate = new Date(this.rowData.taskData[taskfields.startDate]);
-                    endDate.setDate(endDate.getDate() + 1);
-                    data[taskfields.endDate] = endDate;
-                }
-                if (!isNullOrUndefined(data[taskfields.milestone])) {
-                    if (data[taskfields.milestone] === true) {
-                        data[taskfields.milestone] = false;
+                if (!isNullOrUndefined(this.rowData)) {
+                    data = extend({}, {}, this.rowData.taskData, true);
+                    taskfields = this.parent.taskFields;
+                    if (!isNullOrUndefined(taskfields.duration)) {
+                        const ganttProp = this.rowData.ganttProperties;
+                        data[taskfields.duration] = '1 ' + ganttProp.durationUnit;
                     }
+                    else {
+                        data[taskfields.startDate] = new Date(this.rowData.taskData[taskfields.startDate]);
+                        const endDate = new Date(this.rowData.taskData[taskfields.startDate]);
+                        endDate.setDate(endDate.getDate() + 1);
+                        data[taskfields.endDate] = endDate;
+                    }
+                    if (!isNullOrUndefined(data[taskfields.milestone])) {
+                        if (data[taskfields.milestone] === true) {
+                            data[taskfields.milestone] = false;
+                        }
+                    }
+                    this.parent.updateRecordByID(data);
                 }
-                this.parent.updateRecordByID(data);
                 break;
             case 'Cancel':
                 this.parent.cancelEdit();
@@ -30517,7 +30608,7 @@ class ContextMenu$2 {
             this.contextMenu.enableItems(['Add', 'Save', 'Convert', 'Delete Dependency', 'Delete Task', 'TaskMode', 'Indent', 'Outdent', 'SplitTask', 'MergeTask'], false);
         }
         if ((isNullOrUndefined(args.gridRow) && isNullOrUndefined(args.chartRow)) || this.contentMenuItems.length === 0) {
-            if (!isNullOrUndefined(args.parentItem) && !isNullOrUndefined(menuElement)) {
+            if (!isNullOrUndefined(args.parentItem) && !isNullOrUndefined(menuElement) || !isNullOrUndefined(closest(target, '.e-content'))) {
                 args.cancel = false;
             }
             else {
@@ -30556,7 +30647,7 @@ class ContextMenu$2 {
             args.disableItems = this.disableItems;
             args.hideItems = this.hideItems;
             args.hideChildItems = [];
-            if (args.rowData.level === 0 && this.parent.viewType === 'ResourceView') {
+            if (!isNullOrUndefined(args.rowData) && args.rowData.level === 0 && this.parent.viewType === 'ResourceView') {
                 args.cancel = true;
                 return;
             }
@@ -30598,6 +30689,9 @@ class ContextMenu$2 {
                     if (!this.parent.editSettings.allowEditing || !this.parent.editModule) {
                         this.updateItemVisibility(item.text);
                     }
+                    if (this.parent.flatData.length === 0) {
+                        this.hideItems.push(item.text);
+                    }
                     break;
                 case 'Add':
                     if (!this.parent.editSettings.allowAdding || !this.parent.editModule) {
@@ -30609,14 +30703,14 @@ class ContextMenu$2 {
                     this.hideItems.push(item.text);
                     break;
                 case 'Convert':
-                    if (this.rowData.hasChildRecords) {
+                    if (!isNullOrUndefined(this.rowData) && this.rowData.hasChildRecords) {
                         this.hideItems.push(item.text);
                     }
                     else if (!this.parent.editSettings.allowEditing || !this.parent.editModule) {
                         this.updateItemVisibility(item.text);
                     }
                     else {
-                        if (!this.rowData.ganttProperties.isMilestone) {
+                        if (!isNullOrUndefined(this.rowData) && !this.rowData.ganttProperties.isMilestone) {
                             subMenu.push(this.createItemModel(content, 'ToMilestone', this.getLocale('toMilestone')));
                         }
                         else {
@@ -30624,11 +30718,14 @@ class ContextMenu$2 {
                         }
                         item.items = subMenu;
                     }
+                    if (this.parent.flatData.length === 0) {
+                        this.hideItems.push(item.text);
+                    }
                     break;
                 case 'DeleteDependency':
                     {
                         const items = this.getPredecessorsItems();
-                        if (this.rowData.hasChildRecords) {
+                        if (!isNullOrUndefined(this.rowData) && this.rowData.hasChildRecords) {
                             this.hideItems.push(item.text);
                         }
                         else if (!this.parent.editSettings.allowDeleting || items.length === 0 || !this.parent.editModule) {
@@ -30643,6 +30740,9 @@ class ContextMenu$2 {
                     if (!this.parent.editSettings.allowDeleting || !this.parent.editModule) {
                         this.updateItemVisibility(item.text);
                     }
+                    if (this.parent.flatData.length === 0) {
+                        this.hideItems.push(item.text);
+                    }
                     break;
                 case 'TaskMode':
                     if (this.parent.taskMode !== 'Custom') {