@syncfusion/ej2-gantt 22.1.37 → 22.1.38

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

@@ -1474,8 +1474,16 @@ var DateProcessor = /** @__PURE__ @class */ (function () {
             viewData.forEach(function (data) {
                 taskRange = [];
                 var task = data.ganttProperties;
-                var tempStartDate = _this.getValidStartDate(task);
-                var tempEndDate = _this.getValidEndDate(task);
+                var tempStartDate;
+                var 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);
@@ -5188,7 +5196,6 @@ var GanttChart = /** @__PURE__ @class */ (function () {
         this.updateWidthAndHeight();
         this.reRenderConnectorLines();
         getValue('chartRow', args).setAttribute('aria-expanded', 'false');
-        this.parent.trigger('collapsed', args);
     };
     /**
      * To expand gantt rows
@@ -5243,7 +5250,6 @@ var GanttChart = /** @__PURE__ @class */ (function () {
         this.updateWidthAndHeight();
         this.reRenderConnectorLines();
         getValue('chartRow', args).setAttribute('aria-expanded', 'true');
-        this.parent.trigger('expanded', args);
     };
     GanttChart.prototype.renderMultiTaskbar = function (record) {
         if (this.parent.enableMultiTaskbar) {
@@ -5287,20 +5293,27 @@ var GanttChart = /** @__PURE__ @class */ (function () {
                 removeClass([targetElement[t]], 'e-row-expand');
             }
         }
-        var childRecords = record.childRecords;
-        var chartRows = this.getChartRows();
-        var rows = [];
-        for (var 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) {
+            var childRecords = record.childRecords;
+            var chartRows = this.getChartRows();
+            var rows = [];
+            for (var i = 0; i < chartRows.length; i++) {
+                if (chartRows[i].classList.contains("gridrowtaskId" +
+                    record.ganttProperties.rowUniqueID +
+                    "level" +
+                    (record.level + 1))) {
+                    rows.push(chartRows[i]);
+                }
             }
-        }
-        for (var 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 (var 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);
+                }
             }
         }
     };
@@ -6155,6 +6168,8 @@ var Timeline = /** @__PURE__ @class */ (function () {
             this.parent.showSpinner();
         }
         this.changeTimelineSettings(newTimeline);
+        this.isZoomToFit = false;
+        this.parent.isTimelineRoundOff = this.isZoomToFit ? false : isNullOrUndefined(this.parent.projectStartDate) ? true : false;
     };
     Timeline.prototype.bottomTierCellWidthCalc = function (mode, zoomLevel, date) {
         var convertedMilliSeconds;
@@ -7678,25 +7693,60 @@ var GanttTreeGrid = /** @__PURE__ @class */ (function () {
     GanttTreeGrid.prototype.collapsing = function (args) {
         // Collapsing event
         var callBackPromise = new Deferred();
+        var collapsingArgs;
+        var record = getValue('data', args);
+        var recordLength = record.length;
         if (!this.parent.ganttChartModule.isExpandCollapseFromChart) {
-            var collapsingArgs = this.createExpandCollapseArgs(args);
-            this.parent.ganttChartModule.collapseGanttRow(collapsingArgs);
-            setValue('cancel', getValue('cancel', collapsingArgs), args);
+            if (!isNullOrUndefined(recordLength)) {
+                for (var 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);
+            }
         }
     };
     GanttTreeGrid.prototype.expanding = function (args) {
         // Expanding event
         var callBackPromise = new Deferred();
+        var expandingArgs;
+        var record = getValue('data', args);
+        var recordLength = record.length;
         if (!this.parent.ganttChartModule.isExpandCollapseFromChart) {
-            var expandingArgs = this.createExpandCollapseArgs(args);
-            this.parent.ganttChartModule.expandGanttRow(expandingArgs);
-            setValue('cancel', getValue('cancel', expandingArgs), args);
+            if (!isNullOrUndefined(recordLength)) {
+                for (var 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);
+            }
         }
     };
     GanttTreeGrid.prototype.collapsed = function (args) {
         if (!this.parent.ganttChartModule.isExpandCollapseFromChart && !this.parent.isExpandCollapseLevelMethod) {
-            var collapsedArgs = this.createExpandCollapseArgs(args);
-            this.parent.ganttChartModule.collapsedGanttRow(collapsedArgs);
+            var collapsedArgs = void 0;
+            var record = getValue('data', args);
+            var recordLength = record.length;
+            if (!isNullOrUndefined(recordLength)) {
+                for (var 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'] :
@@ -7710,19 +7760,29 @@ var GanttTreeGrid = /** @__PURE__ @class */ (function () {
         else {
             this.parent.hideSpinner();
         }
+        this.parent.trigger('collapsed', args);
     };
     GanttTreeGrid.prototype.expanded = function (args) {
         if (!this.parent.ganttChartModule.isExpandCollapseFromChart && !this.parent.isExpandCollapseLevelMethod) {
-            if (!args['data'].length) {
-                var 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';
+            var expandedArgs = void 0;
+            var record = getValue('data', args);
+            var recordLength = record.length;
+            if (!isNullOrUndefined(recordLength)) {
+                for (var 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();
@@ -7730,6 +7790,7 @@ var GanttTreeGrid = /** @__PURE__ @class */ (function () {
         else {
             this.parent.hideSpinner();
         }
+        this.parent.trigger('expanded', args);
     };
     GanttTreeGrid.prototype.actionBegin = function (args) {
         this.parent.notify('actionBegin', args);
@@ -7753,13 +7814,23 @@ var GanttTreeGrid = /** @__PURE__ @class */ (function () {
     GanttTreeGrid.prototype.actionFailure = function (args) {
         this.parent.trigger('actionFailure', args);
     };
-    GanttTreeGrid.prototype.createExpandCollapseArgs = function (args) {
-        var record = getValue('data', args);
-        var gridRow = getValue('row', args);
+    GanttTreeGrid.prototype.createExpandCollapseArgs = function (args, currentRecord) {
         var chartRow;
-        chartRow = this.parent.ganttChartModule.getChartRows()[this.parent.currentViewData.indexOf(record)];
-        var eventArgs = { data: record, gridRow: gridRow, chartRow: chartRow, cancel: false };
-        return eventArgs;
+        var record = getValue('data', args);
+        var recordLength = record.length;
+        if (!isNullOrUndefined(recordLength)) {
+            var gridRow = getValue('row', args);
+            chartRow = this.parent.ganttChartModule.getChartRows()[this.parent.currentViewData.indexOf(currentRecord)];
+            var eventArgs = { data: currentRecord, gridRow: gridRow, chartRow: chartRow, cancel: false };
+            return eventArgs;
+        }
+        else {
+            var record_1 = getValue('data', args);
+            var gridRow = getValue('row', args);
+            chartRow = this.parent.ganttChartModule.getChartRows()[this.parent.currentViewData.indexOf(record_1)];
+            var eventArgs = { data: record_1, gridRow: gridRow, chartRow: chartRow, cancel: false };
+            return eventArgs;
+        }
     };
     GanttTreeGrid.prototype.treeActionComplete = function (args) {
         var updatedArgs = extend({}, args);
@@ -11562,6 +11633,9 @@ var Dependency = /** @__PURE__ @class */ (function () {
             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);
+                }
             }
         }
     };
@@ -11992,6 +12066,9 @@ var Dependency = /** @__PURE__ @class */ (function () {
                 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');
@@ -30881,65 +30958,79 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
         }
         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) {
+                        var rowIndex = this.parent.updatedRecords.indexOf(this.rowData);
+                        this.parent.addRecord(data, position, rowIndex);
+                    }
                 }
-                if (this.rowData) {
-                    var 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)) {
-                    var ganttProp = this.rowData.ganttProperties;
-                    data[taskfields.duration] = '1 ' + ganttProp.durationUnit;
-                }
-                else {
-                    data[taskfields.startDate] = new Date(this.rowData.taskData[taskfields.startDate]);
-                    var 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)) {
+                        var ganttProp = this.rowData.ganttProperties;
+                        data[taskfields.duration] = '1 ' + ganttProp.durationUnit;
                     }
+                    else {
+                        data[taskfields.startDate] = new Date(this.rowData.taskData[taskfields.startDate]);
+                        var 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();
@@ -31095,7 +31186,7 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
             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 {
@@ -31135,7 +31226,7 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
             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;
             }
@@ -31177,6 +31268,9 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
                     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) {
@@ -31188,14 +31282,14 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
                     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 {
@@ -31203,11 +31297,14 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
                         }
                         item.items = subMenu;
                     }
+                    if (this.parent.flatData.length === 0) {
+                        this.hideItems.push(item.text);
+                    }
                     break;
                 case 'DeleteDependency':
                     {
                         var 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) {
@@ -31222,6 +31319,9 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
                     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') {