@syncfusion/ej2-gantt 19.3.45 → 19.3.53

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

@@ -1,7 +1,7 @@
 import { Browser, ChildProperty, Collection, Complex, Component, Event, EventHandler, Internationalization, KeyboardEvents, L10n, NotifyPropertyChanges, Property, addClass, append, classList, closest, compile, createElement, deleteObject, extend, formatUnit, getValue, isNullOrUndefined, isObject, isObjectArray, isUndefined, merge, remove, removeClass, setValue } from '@syncfusion/ej2-base';
 import { Dialog, Tooltip, createSpinner, hideSpinner, showSpinner } from '@syncfusion/ej2-popups';
 import { Edit, ForeignKey, Grid, Page, Predicate, Toolbar, ValueFormatter, click, filterAfterOpen, getActualProperties, getCustomDateFormat, getFilterMenuPostion, getForeignData, getObject, getUid, parentsUntil, setCssInGridPopUp } from '@syncfusion/ej2-grids';
-import { CacheAdaptor, DataManager, DataUtil, Deferred, JsonAdaptor, ODataAdaptor, ODataV4Adaptor, Query, RemoteSaveAdaptor, UrlAdaptor, WebApiAdaptor, WebMethodAdaptor } from '@syncfusion/ej2-data';
+import { CacheAdaptor, DataManager, DataUtil, Deferred, ODataAdaptor, ODataV4Adaptor, Query, RemoteSaveAdaptor, UrlAdaptor, WebApiAdaptor, WebMethodAdaptor } from '@syncfusion/ej2-data';
 import { ColumnMenu, ContextMenu, Edit as Edit$1, ExcelExport, Filter, Reorder, Resize, RowDD, Selection, Sort, TreeGrid, VirtualScroll } from '@syncfusion/ej2-treegrid';
 import { Splitter } from '@syncfusion/ej2-layouts';
 import { ContextMenu as ContextMenu$1, Tab, Toolbar as Toolbar$1 } from '@syncfusion/ej2-navigations';
@@ -86,7 +86,7 @@ function isRemoteData(dataSource) {
         return (adaptor instanceof ODataAdaptor || (adaptor instanceof ODataV4Adaptor) ||
             (adaptor instanceof WebApiAdaptor) || (adaptor instanceof WebMethodAdaptor) ||
             (adaptor instanceof CacheAdaptor) || (adaptor instanceof RemoteSaveAdaptor) ||
-            (adaptor instanceof JsonAdaptor) || adaptor instanceof UrlAdaptor);
+            adaptor instanceof UrlAdaptor);
     }
     return false;
 }
@@ -114,7 +114,7 @@ function getTaskData(records, isNotExtend, eventArgs, parent) {
         for (var i = 0; i < records.length; i++) {
             var data = void 0;
             if (!isNullOrUndefined(parent) && parent.timezone) {
-                this.updateDates(records[i], parent);
+                updateDates(records[i], parent);
             }
             // eslint-disable-next-line
             data = isNotExtend ? (records[i].taskData) : extend({}, records[i].taskData, {}, true);
@@ -1208,7 +1208,10 @@ var DateProcessor = /** @__PURE__ @class */ (function () {
         }
     };
     DateProcessor.prototype.remove = function (date, timezone) {
-        return this.reverse(date, timezone, date.getTimezoneOffset());
+        if (!isNullOrUndefined(date)) {
+            date = this.reverse(date, timezone, date.getTimezoneOffset());
+        }
+        return date;
     };
     DateProcessor.prototype.reverse = function (date, fromOffset, toOffset) {
         if (typeof fromOffset === 'string') {
@@ -2142,6 +2145,7 @@ var TaskProcessor = /** @__PURE__ @class */ (function (_super) {
         }
     };
     TaskProcessor.prototype.addTaskData = function (ganttData, data, isLoad) {
+        var _this = this;
         var taskSettings = this.parent.taskFields;
         var dataManager = this.parent.dataSource;
         if (isLoad) {
@@ -2150,8 +2154,15 @@ var TaskProcessor = /** @__PURE__ @class */ (function (_super) {
                 if (taskSettings.parentID) {
                     var id = data[taskSettings.id];
                     var index = this.taskIds.indexOf(id.toString());
-                    var tempData = (index > -1) ? this.dataArray[index] : {};
-                    this.parent.setRecordValue('taskData', tempData, ganttData);
+                    var tempData_1 = (index > -1) ? this.dataArray[index] : {};
+                    if (!isNullOrUndefined(this.parent.taskFields.segmentId)) {
+                        var segmentDataCollection = this.segmentCollection.
+                            filter(function (x) { return x.key === tempData_1[_this.parent.taskFields.id]; });
+                        if (segmentDataCollection.length > 0) {
+                            tempData_1[this.parent.taskFields.segments] = segmentDataCollection[0].items;
+                        }
+                    }
+                    this.parent.setRecordValue('taskData', tempData_1, ganttData);
                 }
                 else {
                     this.parent.setRecordValue('taskData', data, ganttData);
@@ -2351,6 +2362,7 @@ var TaskProcessor = /** @__PURE__ @class */ (function (_super) {
             if (!isNullOrUndefined(ganttProperties.duration)) {
                 this.parent.setRecordValue('duration', updatedDuration, ganttProperties, true);
             }
+            this.parent.dataOperation.updateMappingData(ganttData, 'duration');
         }
     };
     /**
@@ -13422,6 +13434,9 @@ var Gantt = /** @__PURE__ @class */ (function (_super) {
         if (this.keyboardModule) {
             this.keyboardModule.destroy();
         }
+        if (this.editModule && this.editModule.dialogModule) {
+            this.editModule.dialogModule.destroy();
+        }
         _super.prototype.destroy.call(this);
         this.chartVerticalLineContainer = null;
         this.element.innerHTML = '';
@@ -13668,6 +13683,23 @@ var Gantt = /** @__PURE__ @class */ (function (_super) {
         this.treeGrid.height = this.ganttHeight - toolbarHeight -
             this.treeGrid.grid.getHeaderContent().offsetHeight;
         this.splitterModule.splitterObject.height = (this.ganttHeight - toolbarHeight).toString();
+        if (!isNullOrUndefined(this.chartVerticalLineContainer)) {
+            this.chartVerticalLineContainer.style.height = this.ganttHeight + 'px';
+        }
+        if (!isNullOrUndefined(this.dayMarkersModule)) {
+            var holidayContainer$$1 = getValue('nonworkingDayRender.holidayContainer', this.dayMarkersModule);
+            var weekendContainer$$1 = getValue('nonworkingDayRender.weekendContainer', this.dayMarkersModule);
+            var eventMarkersContainer$$1 = getValue('eventMarkerRender.eventMarkersContainer', this.dayMarkersModule);
+            if (holidayContainer$$1) {
+                holidayContainer$$1.style.height = this.ganttHeight + 'px';
+            }
+            if (weekendContainer$$1) {
+                weekendContainer$$1.style.height = this.ganttHeight + 'px';
+            }
+            if (eventMarkersContainer$$1) {
+                eventMarkersContainer$$1.style.height = this.ganttHeight + 'px';
+            }
+        }
         this.splitterModule.splitterObject.width = this.ganttWidth.toString();
         this.ganttChartModule.scrollObject.
             setHeight(this.ganttHeight - this.ganttChartModule.chartTimelineContainer.offsetHeight - toolbarHeight);
@@ -16558,6 +16590,7 @@ var TaskbarEdit = /** @__PURE__ @class */ (function (_super) {
     TaskbarEdit.prototype.showHideTaskBarEditingElements = function (element, secondElement, fadeConnectorLine) {
         secondElement = secondElement ? secondElement : this.editElement;
         var isShowProgressResizer = this.parent.taskFields.progress ? true : false;
+        var isShowConnectorPoints = true;
         if (this.parent.readOnly) {
             return;
         }
@@ -16567,6 +16600,7 @@ var TaskbarEdit = /** @__PURE__ @class */ (function (_super) {
             if (!isNullOrUndefined(parentRecord)) {
                 if (!parentRecord.expanded) {
                     isShowProgressResizer = false;
+                    isShowConnectorPoints = false;
                 }
             }
         }
@@ -16593,7 +16627,7 @@ var TaskbarEdit = /** @__PURE__ @class */ (function (_super) {
             if (!isNullOrUndefined(this.parent.taskFields.dependency)
                 && (element.querySelector('.' + connectorPointLeft)
                     || element.parentElement.querySelector('.' + connectorPointLeft))
-                && isShowProgressResizer) {
+                && isShowConnectorPoints) {
                 var connectorElement = !isNullOrUndefined(element.querySelector('.' + connectorPointLeft)) ?
                     element : element.parentElement;
                 addClass([connectorElement.querySelector('.' + connectorPointLeft)], [connectorPointLeftHover]);
@@ -18501,7 +18535,7 @@ var DialogEdit = /** @__PURE__ @class */ (function () {
         dialogModel.position = position;
         //dialogModel.width = '750px';
         dialogModel.height = this.parent.isAdaptive ? '100%' : 'auto';
-        dialogModel.target = this.parent.element;
+        dialogModel.target = document.body;
         dialogModel.close = this.dialogClose.bind(this);
         dialogModel.closeOnEscape = true;
         dialogModel.open = function (args) {
@@ -18788,15 +18822,15 @@ var DialogEdit = /** @__PURE__ @class */ (function () {
             this.resourceSelection(id);
         }
         else if (id === ganttObj.element.id + 'NotesTabContainer') {
-            ganttObj.element.querySelector('#' + id).ej2_instances[0].refresh();
+            document.getElementById(id).ej2_instances[0].refresh();
         }
         else if (id === ganttObj.element.id + 'SegmentsTabContainer') {
             if (isNullOrUndefined(this.beforeOpenArgs.rowData.ganttProperties.startDate)) {
-                ganttObj.element.querySelector('#' + id).ej2_instances[0]
+                document.getElementById(id).ej2_instances[0]
                     .enableToolbarItems([this.parent.element.id + 'SegmentsTabContainer' + '_add'], false);
             }
             else {
-                ganttObj.element.querySelector('#' + id).ej2_instances[0]
+                document.getElementById(id).ej2_instances[0]
                     .enableToolbarItems([this.parent.element.id + 'SegmentsTabContainer' + '_add'], true);
             }
         }
@@ -19756,7 +19790,7 @@ var DialogEdit = /** @__PURE__ @class */ (function () {
     DialogEdit.prototype.updateResourceCollection = function (args, resourceTreeGridId) {
         if (!isNullOrUndefined(args.data) && Object.keys(args.data).length) {
             var ganttObj = this.parent;
-            var treeGridId = ganttObj.element.querySelector('#' + resourceTreeGridId);
+            var treeGridId = document.querySelector('#' + resourceTreeGridId);
             var resourceTreeGrid = treeGridId.ej2_instances[0];
             if (!isNullOrUndefined(resourceTreeGrid) && resourceTreeGrid.getSelectedRecords().length > 0) {
                 var tempRecords = resourceTreeGrid.getSelectedRecords();
@@ -19831,7 +19865,7 @@ var DialogEdit = /** @__PURE__ @class */ (function () {
     };
     DialogEdit.prototype.resourceSelection = function (id) {
         var _this = this;
-        var resourceTreeGrid = this.parent.element.querySelector('#' + id).ej2_instances[0];
+        var resourceTreeGrid = document.querySelector('#' + id).ej2_instances[0];
         var currentViewData = resourceTreeGrid.getCurrentViewRecords();
         var resources = this.ganttResources;
         if (resources && resources.length > 0) {
@@ -22238,6 +22272,7 @@ var Edit$2 = /** @__PURE__ @class */ (function () {
         var eventArgs = {};
         eventArgs.requestType = 'beforeSave';
         eventArgs.data = args.data;
+        eventArgs.cancel = false;
         eventArgs.modifiedRecords = this.parent.editedRecords;
         if (!isNullOrUndefined(args.target)) {
             eventArgs.target = args.target;
@@ -23068,13 +23103,13 @@ var Edit$2 = /** @__PURE__ @class */ (function () {
                         changedRecords: eventArg.modifiedTaskData
                     };
                     var adaptor = data_1.adaptor;
+                    var query_1 = _this.parent.query instanceof Query ? _this.parent.query : new Query();
                     if (!(adaptor instanceof WebApiAdaptor && adaptor instanceof ODataAdaptor) || data_1.dataSource.batchUrl) {
-                        var crud = data_1.saveChanges(updatedData_1, _this.parent.taskFields.id);
+                        var crud = data_1.saveChanges(updatedData_1, _this.parent.taskFields.id, null, query_1);
                         crud.then(function () { return _this.deleteSuccess(args); })
                             .catch(function (e) { return _this.dmFailure(e, args); });
                     }
                     else {
-                        var query_1 = _this.parent.query instanceof Query ? _this.parent.query : new Query();
                         var deletedRecords = 'deletedRecords';
                         var deleteCrud = null;
                         for (var i = 0; i < updatedData_1[deletedRecords].length; i++) {
@@ -26564,6 +26599,11 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
         var target = args.event ? args.event.target :
             !this.parent.focusModule ? this.parent.focusModule.getActiveElement() :
                 this.parent.ganttChartModule.targetElement;
+        // Closed edited cell before opening context menu
+        // eslint-disable-next-line
+        if (!isNullOrUndefined(this.parent.editModule) && this.parent.editModule.cellEditModule && this.parent.editModule.cellEditModule.isCellEdit && target.parentElement.classList.contains('e-row')) {
+            this.parent.treeGrid.closeEdit();
+        }
         if (!isNullOrUndefined(args.element) && args.element.id === this.parent.element.id + '_contextmenu') {
             this.clickedPosition = getValue('event', args).clientX;
         }
@@ -27257,80 +27297,113 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
                 }
                 var count = 0;
                 var dragLength = dragRecords.length;
-                for (var i = 0; i < dragLength; i++) {
-                    this.parent.isOnEdit = true;
+                var _loop_1 = function (i) {
+                    this_1.parent.isOnEdit = true;
                     draggedRecord = dragRecords[i];
-                    this.draggedRecord = draggedRecord;
-                    if (this.dropPosition !== 'Invalid') {
-                        if (this.parent.viewType === 'ResourceView') {
-                            this.checkisSharedTask();
-                            this.previousParent = this.draggedRecord.parentItem.uniqueID;
+                    this_1.draggedRecord = draggedRecord;
+                    if (this_1.dropPosition !== 'Invalid') {
+                        if (this_1.parent.viewType === 'ResourceView') {
+                            this_1.checkisSharedTask();
+                            this_1.previousParent = this_1.draggedRecord.parentItem.uniqueID;
                         }
-                        if (this.isSharedTask) {
-                            return;
+                        if (this_1.isSharedTask) {
+                            return { value: void 0 };
                         }
                         if (isByMethod) {
-                            this.deleteDragRow();
+                            this_1.deleteDragRow();
                         }
-                        var recordIndex1 = this.treeGridData.indexOf(droppedRecord);
-                        if (this.dropPosition === 'topSegment') {
-                            this.dropAtTop(recordIndex1);
+                        var recordIndex1 = this_1.treeGridData.indexOf(droppedRecord);
+                        if (this_1.dropPosition === 'topSegment') {
+                            this_1.dropAtTop(recordIndex1);
                         }
-                        if (this.dropPosition === 'bottomSegment') {
-                            if (!this.isSharedTask) {
+                        if (this_1.dropPosition === 'bottomSegment') {
+                            if (!this_1.isSharedTask) {
                                 if (!droppedRecord.hasChildRecords) {
-                                    if (this.parent.taskFields.parentID && this.ganttData.length > 0) {
-                                        this.ganttData.splice(recordIndex1 + 1, 0, this.draggedRecord.taskData);
+                                    if (this_1.parent.taskFields.parentID && this_1.ganttData.length > 0) {
+                                        this_1.ganttData.splice(recordIndex1 + 1, 0, this_1.draggedRecord.taskData);
                                     }
-                                    this.treeGridData.splice(recordIndex1 + 1, 0, this.draggedRecord);
-                                    this.parent.ids.splice(recordIndex1 + 1, 0, this.draggedRecord.ganttProperties.rowUniqueID.toString());
-                                    if (this.parent.viewType === 'ResourceView') {
-                                        var taskId = this.draggedRecord.level === 0 ? 'R' + this.draggedRecord.ganttProperties.taskId : 'T' + this.draggedRecord.ganttProperties.taskId;
-                                        this.parent.getTaskIds().splice(recordIndex1 + 1, 0, taskId);
+                                    this_1.treeGridData.splice(recordIndex1 + 1, 0, this_1.draggedRecord);
+                                    this_1.parent.ids.splice(recordIndex1 + 1, 0, this_1.draggedRecord.ganttProperties.rowUniqueID.toString());
+                                    if (this_1.parent.viewType === 'ResourceView') {
+                                        var taskId = this_1.draggedRecord.level === 0 ? 'R' + this_1.draggedRecord.ganttProperties.taskId : 'T' + this_1.draggedRecord.ganttProperties.taskId;
+                                        this_1.parent.getTaskIds().splice(recordIndex1 + 1, 0, taskId);
                                     }
                                 }
                                 else {
-                                    count = this.parent.editModule.getChildCount(droppedRecord, 0);
-                                    if (this.parent.taskFields.parentID && this.ganttData.length > 0) {
-                                        this.ganttData.splice(recordIndex1 + count + 1, 0, this.draggedRecord.taskData);
+                                    count = this_1.parent.editModule.getChildCount(droppedRecord, 0);
+                                    if (this_1.parent.taskFields.parentID && this_1.ganttData.length > 0) {
+                                        this_1.ganttData.splice(recordIndex1 + count + 1, 0, this_1.draggedRecord.taskData);
                                     }
-                                    this.treeGridData.splice(recordIndex1 + count + 1, 0, this.draggedRecord);
+                                    this_1.treeGridData.splice(recordIndex1 + count + 1, 0, this_1.draggedRecord);
                                     /* eslint-disable-next-line */
-                                    this.parent.ids.splice(recordIndex1 + count + 1, 0, this.draggedRecord.ganttProperties.rowUniqueID.toString());
-                                    if (this.parent.viewType === 'ResourceView') {
-                                        var spliceId = this.draggedRecord.level === 0 ? 'R' + this.draggedRecord.ganttProperties.taskId : 'T' + this.draggedRecord.ganttProperties.taskId;
-                                        this.parent.getTaskIds().splice(recordIndex1 + count + 1, 0, spliceId);
+                                    this_1.parent.ids.splice(recordIndex1 + count + 1, 0, this_1.draggedRecord.ganttProperties.rowUniqueID.toString());
+                                    if (this_1.parent.viewType === 'ResourceView') {
+                                        var spliceId = this_1.draggedRecord.level === 0 ? 'R' + this_1.draggedRecord.ganttProperties.taskId : 'T' + this_1.draggedRecord.ganttProperties.taskId;
+                                        this_1.parent.getTaskIds().splice(recordIndex1 + count + 1, 0, spliceId);
                                     }
                                 }
-                                this.parent.setRecordValue('parentItem', this.treeGridData[recordIndex1].parentItem, draggedRecord);
-                                this.parent.setRecordValue('parentUniqueID', this.treeGridData[recordIndex1].parentUniqueID, draggedRecord);
-                                this.parent.setRecordValue('level', this.treeGridData[recordIndex1].level, draggedRecord);
+                                this_1.parent.setRecordValue('parentItem', this_1.treeGridData[recordIndex1].parentItem, draggedRecord);
+                                this_1.parent.setRecordValue('parentUniqueID', this_1.treeGridData[recordIndex1].parentUniqueID, draggedRecord);
+                                this_1.parent.setRecordValue('level', this_1.treeGridData[recordIndex1].level, draggedRecord);
                                 if (draggedRecord.hasChildRecords) {
                                     var level = 1;
-                                    this.updateChildRecordLevel(draggedRecord, level);
-                                    this.updateChildRecord(draggedRecord, recordIndex1 + count + 1);
+                                    this_1.updateChildRecordLevel(draggedRecord, level);
+                                    this_1.updateChildRecord(draggedRecord, recordIndex1 + count + 1);
                                 }
                                 if (droppedRecord.parentItem) {
-                                    var rec = this.parent.getParentTask(droppedRecord.parentItem).childRecords;
+                                    var rec = this_1.parent.getParentTask(droppedRecord.parentItem).childRecords;
                                     var childRecords = rec;
                                     var droppedRecordIndex = childRecords.indexOf(droppedRecord) + 1;
                                     childRecords.splice(droppedRecordIndex, 0, draggedRecord);
                                 }
                             }
                         }
-                        if (this.dropPosition === 'middleSegment') {
-                            this.dropMiddle(recordIndex1);
+                        if (this_1.dropPosition === 'middleSegment') {
+                            this_1.dropMiddle(recordIndex1);
                             if (droppedRecord.childRecords.length > 0) {
                                 delete droppedRecord.ganttProperties.segments;
-                                delete droppedRecord.taskData[this.parent.taskFields.segments];
+                                delete droppedRecord.taskData[this_1.parent.taskFields.segments];
                             }
                         }
                         // eslint-disable-next-line
-                        if (!isNullOrUndefined(draggedRecord.parentItem && this.updateParentRecords.indexOf(draggedRecord.parentItem) !== -1)) {
-                            this.updateParentRecords.push(draggedRecord.parentItem);
+                        if (!isNullOrUndefined(draggedRecord.parentItem && this_1.updateParentRecords.indexOf(draggedRecord.parentItem) !== -1)) {
+                            this_1.updateParentRecords.push(draggedRecord.parentItem);
+                        }
+                    }
+                    if (!this_1.parent.enableVirtualization) {
+                        var data_1 = gObj.flatData;
+                        var startIndex = void 0;
+                        var endIndex = void 0;
+                        if (draggedRecord.index < droppedRecord.index) {
+                            startIndex = draggedRecord.index;
+                            endIndex = droppedRecord.index;
+                        }
+                        else {
+                            startIndex = droppedRecord.index;
+                            endIndex = draggedRecord.index;
+                        }
+                        var _loop_2 = function (i_1) {
+                            if (!isNullOrUndefined(data_1[i_1])) {
+                                data_1[i_1].index = i_1;
+                                if (!isNullOrUndefined(data_1[i_1].parentItem)) {
+                                    var updatedParent = data_1.filter(function (e) {
+                                        return e.uniqueID === data_1[i_1].parentUniqueID;
+                                    })[0];
+                                    data_1[i_1].parentItem.index = updatedParent.index;
+                                }
+                            }
+                        };
+                        for (var i_1 = startIndex; i_1 <= endIndex; i_1++) {
+                            _loop_2(i_1);
                         }
                     }
                     gObj.rowDragAndDropModule.refreshDataSource();
+                };
+                var this_1 = this;
+                for (var i = 0; i < dragLength; i++) {
+                    var state_1 = _loop_1(i);
+                    if (typeof state_1 === "object")
+                        return state_1.value;
                 }
                 if (this.dropPosition === 'middleSegment') {
                     if (droppedRecord.ganttProperties.predecessor) {