@syncfusion/ej2-gantt 19.3.46 → 19.3.55

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

@@ -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') {
@@ -2359,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');
         }
     };
     /**
@@ -13430,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 = '';
@@ -16583,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;
         }
@@ -16592,6 +16600,7 @@ var TaskbarEdit = /** @__PURE__ @class */ (function (_super) {
             if (!isNullOrUndefined(parentRecord)) {
                 if (!parentRecord.expanded) {
                     isShowProgressResizer = false;
+                    isShowConnectorPoints = false;
                 }
             }
         }
@@ -16618,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]);
@@ -18219,7 +18228,8 @@ var DialogEdit = /** @__PURE__ @class */ (function () {
             datetimepickeredit: DateTimePicker,
             maskededit: MaskedTextBox,
             numericedit: NumericTextBox,
-            stringedit: TextBox
+            stringedit: TextBox,
+            defaultedit: TextBox
         };
         this.processDialogFields();
         this.wireEvents();
@@ -18526,7 +18536,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) {
@@ -18813,15 +18823,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);
             }
         }
@@ -18875,6 +18885,7 @@ var DialogEdit = /** @__PURE__ @class */ (function () {
                     fieldsModel[column.field] = checkboxModel;
                     break;
                 }
+            case 'defaultedit':
             case 'stringedit':
                 {
                     var textBox = common;
@@ -19781,7 +19792,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();
@@ -19856,7 +19867,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) {
@@ -22263,6 +22274,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;
@@ -23093,13 +23105,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++) {
@@ -26589,6 +26601,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;
         }
@@ -27282,80 +27299,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) {