@syncfusion/ej2-gantt 20.4.53 → 21.1.35

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.4.53
+*  version : 21.1.35
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-gantt@*",
-  "_id": "@syncfusion/ej2-gantt@20.4.52",
+  "_id": "@syncfusion/ej2-gantt@20.7.1",
   "_inBundle": false,
-  "_integrity": "sha512-KvwRlrEJlDIcv9qTuUiYP5DnlS5KHEFCIk2hCjCdFQ7ioCjzRZkCpHCLqKUSQ6/KpcNOJNCl6cEmigiiLlmx6Q==",
+  "_integrity": "sha512-xusD7L/4k3ly/aaw3IEltkg3GrgjmPzgY1xZfWLTVJTHgpP5I0N0bRWjs3hBYdTsw7L+GLfzsp9wIHqodMTV1w==",
   "_location": "/@syncfusion/ej2-gantt",
   "_phantomChildren": {},
   "_requested": {
@@ -23,10 +23,10 @@
     "/@syncfusion/ej2-react-gantt",
     "/@syncfusion/ej2-vue-gantt"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-20.4.52.tgz",
-  "_shasum": "b2e013d4ecb0eb7bf9fa388a7ff3dd7fe01df6ae",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-gantt/-/ej2-gantt-20.7.1.tgz",
+  "_shasum": "dda6ec244c0713cc838f6bbfba0df524713591dd",
   "_spec": "@syncfusion/ej2-gantt@*",
-  "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -35,20 +35,20 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.4.51",
-    "@syncfusion/ej2-buttons": "~20.4.53",
-    "@syncfusion/ej2-calendars": "~20.4.52",
-    "@syncfusion/ej2-data": "~20.4.48",
-    "@syncfusion/ej2-dropdowns": "~20.4.53",
-    "@syncfusion/ej2-grids": "~20.4.53",
-    "@syncfusion/ej2-inputs": "~20.4.52",
-    "@syncfusion/ej2-layouts": "~20.4.53",
-    "@syncfusion/ej2-lists": "~20.4.50",
-    "@syncfusion/ej2-navigations": "~20.4.53",
-    "@syncfusion/ej2-notifications": "~20.4.48",
-    "@syncfusion/ej2-popups": "~20.4.53",
-    "@syncfusion/ej2-richtexteditor": "~20.4.53",
-    "@syncfusion/ej2-treegrid": "~20.4.49"
+    "@syncfusion/ej2-base": "~21.1.35",
+    "@syncfusion/ej2-buttons": "~21.1.35",
+    "@syncfusion/ej2-calendars": "~21.1.35",
+    "@syncfusion/ej2-data": "~21.1.35",
+    "@syncfusion/ej2-dropdowns": "~21.1.35",
+    "@syncfusion/ej2-grids": "~21.1.35",
+    "@syncfusion/ej2-inputs": "~21.1.35",
+    "@syncfusion/ej2-layouts": "~21.1.35",
+    "@syncfusion/ej2-lists": "~21.1.35",
+    "@syncfusion/ej2-navigations": "~21.1.35",
+    "@syncfusion/ej2-notifications": "~21.1.35",
+    "@syncfusion/ej2-popups": "~21.1.35",
+    "@syncfusion/ej2-richtexteditor": "~21.1.35",
+    "@syncfusion/ej2-treegrid": "~21.1.35"
   },
   "deprecated": false,
   "description": "Essential JS 2 Gantt Component",
@@ -73,6 +73,6 @@
     "url": "git+https://github.com/syncfusion/ej2-gantt.git"
   },
   "typings": "index.d.ts",
-  "version": "20.4.53",
+  "version": "21.1.35",
   "sideEffects": false
 }

package/src/gantt/actions/cell-edit.js

@@ -50,8 +50,10 @@ var CellEdit = /** @class */ (function () {
         }
         if (data.hasChildRecords && ((field === taskSettings.endDate && ((!isNullOrUndefined(data['isManual']) &&
             data['isManual'] === false) || this.parent.taskMode === 'Auto')) || field === taskSettings.duration
-            || field === taskSettings.progress || field === taskSettings.work || field === 'taskType')) {
-            args.cancel = true;
+            || field === taskSettings.dependency || field === taskSettings.progress || field === taskSettings.work || field === 'taskType')) {
+            if ((field === taskSettings.dependency && !this.parent.allowParentDependency) || field !== taskSettings.dependency) {
+                args.cancel = true;
+            }
         }
         else {
             var callBackPromise_1 = new Deferred();
@@ -101,7 +103,7 @@ var CellEdit = /** @class */ (function () {
     };
     CellEdit.prototype.isValueChange = function (args, field) {
         var data = getValue('data', args);
-        var editedValue = data[field];
+        var editedValue = data["" + field];
         var previousValue = getValue('previousData', args);
         if ((isNOU(editedValue) && !isNOU(previousValue)) || (!isNOU(editedValue) && isNOU(previousValue))) {
             return true;
@@ -269,7 +271,7 @@ var CellEdit = /** @class */ (function () {
         var ganttSegments = [];
         var segments = ganttProp.segments;
         for (var i = 0; i < segments.length; i++) {
-            var segment = segments[i];
+            var segment = segments[parseInt(i.toString(), 10)];
             var endDate = segment.endDate;
             endDate = (!isNullOrUndefined(ganttProp.endDate)) && endDate.getTime() <
                 ganttProp.endDate.getTime() && i !== segments.length - 1 ? endDate : ganttProp.endDate;
@@ -468,7 +470,7 @@ var CellEdit = /** @class */ (function () {
                     }
                 }
                 if (!isNOU(index) && index !== -1) {
-                    editedResources.push(previousResource[index]);
+                    editedResources.push(previousResource[parseInt(index.toString(), 10)]);
                 }
                 else {
                     var resource = resourceData.filter(function (resourceInfo) {
@@ -530,7 +532,7 @@ var CellEdit = /** @class */ (function () {
     CellEdit.prototype.typeEdited = function (args, editedObj) {
         var key = 'taskType';
         var ganttProb = args.data.ganttProperties;
-        var taskType = editedObj[key];
+        var taskType = editedObj["" + key];
         this.parent.setRecordValue('taskType', taskType, ganttProb, true);
         //this.parent.dataOperation.updateMappingData(args.data, 'taskType');
         this.updateEditedRecord(args);

package/src/gantt/actions/chart-scroll.d.ts

@@ -82,6 +82,7 @@ export declare class ChartScroll {
      * To set scroll left for chart scroll container
      *
      * @param {number} scrollLeft  - To set scroll left for scroll container
+     * @param {number} leftSign - specifies left sign
      * @returns {void} .
      */
     setScrollLeft(scrollLeft: number, leftSign?: number): void;

package/src/gantt/actions/chart-scroll.js

@@ -87,9 +87,19 @@ var ChartScroll = /** @class */ (function () {
         var parent = this.parent;
         setTimeout(function () {
             parent.hideMaskRow();
+            if (parent.viewType === 'ResourceView' && !parent.allowTaskbarOverlap && parent.showOverAllocation) {
+                for (var i = 0; i < parent.currentViewData.length; i++) {
+                    var tr = parent.chartRowsModule.ganttChartTableBody.childNodes[i];
+                    if (tr['style'].display !== 'none' && parent.currentViewData[i].hasChildRecords && !parent.currentViewData[i].expanded) {
+                        parent.treeGrid.getRowByIndex(i)['style'].height = tr['style'].height;
+                    }
+                }
+                parent.contentHeight = parent.enableRtl ? parent['element'].getElementsByClassName('e-content')[2].children[0]['offsetHeight'] :
+                    parent['element'].getElementsByClassName('e-content')[0].children[0]['offsetHeight'];
+                document.getElementsByClassName('e-chart-rows-container')[0]['style'].height = parent.contentHeight + 'px';
+            }
         }, 0);
     };
-    ;
     ChartScroll.prototype.updateShimmer = function () {
         var parent = this.parent;
         setTimeout(function () {
@@ -129,11 +139,11 @@ var ChartScroll = /** @class */ (function () {
             scrollArgs.scrollDirection = 'Horizontal';
             scrollArgs.action = 'HorizontalScroll';
         }
-        if ((scrollArgs.scrollDirection != 'Horizontal' && !isNullOrUndefined(scrollArgs.scrollDirection)) && this.parent.enableVirtualization === true && (this.parent.isToolBarClick
+        if ((scrollArgs.scrollDirection !== 'Horizontal' && !isNullOrUndefined(scrollArgs.scrollDirection)) && this.parent.enableVirtualization === true && (this.parent.isToolBarClick
             || isNullOrUndefined(this.parent.isToolBarClick))) {
             this.parent.isVirtualScroll = true;
             if (this.parent.showIndicator || isNullOrUndefined(this.parent.showIndicator)) {
-                if (!this.parent.enableVirtualMaskRow && this.parent.enableVirtualization && this.parent.loadingIndicator.indicatorType === "Spinner") {
+                if (!this.parent.enableVirtualMaskRow && this.parent.enableVirtualization && this.parent.loadingIndicator.indicatorType === 'Spinner') {
                     this.updateSpinner();
                 }
             }
@@ -177,11 +187,12 @@ var ChartScroll = /** @class */ (function () {
      * To set scroll left for chart scroll container
      *
      * @param {number} scrollLeft  - To set scroll left for scroll container
+     * @param {number} leftSign - specifies left sign
      * @returns {void} .
      */
     ChartScroll.prototype.setScrollLeft = function (scrollLeft, leftSign) {
         if (leftSign) {
-            scrollLeft = leftSign == -1 && this.parent.enableRtl ? -scrollLeft : scrollLeft;
+            scrollLeft = leftSign === -1 && this.parent.enableRtl ? -scrollLeft : scrollLeft;
         }
         this.element.scrollLeft = scrollLeft;
         this.parent.ganttChartModule.chartTimelineContainer.scrollLeft = this.element.scrollLeft;

package/src/gantt/actions/connector-line-edit.js

@@ -141,9 +141,10 @@ var ConnectorLineEdit = /** @class */ (function () {
                     var from = 'from';
                     var to = 'to';
                     this.parent.connectorLineModule.removeConnectorLineById('parent' + predecessor[from] + 'child' + predecessor[to]);
-                    parentGanttRecord = this.parent.connectorLineModule.getRecordByID(predecessor[from]);
-                    childGanttRecord = this.parent.connectorLineModule.getRecordByID(predecessor[to]);
-                    if (parentGanttRecord || childGanttRecord) {
+                    parentGanttRecord = this.parent.connectorLineModule.getRecordByID(predecessor["" + from]);
+                    childGanttRecord = this.parent.connectorLineModule.getRecordByID(predecessor["" + to]);
+                    if ((!this.parent.allowParentDependency && (parentGanttRecord && parentGanttRecord.expanded === true) ||
+                        (childGanttRecord && childGanttRecord.expanded === true)) || (this.parent.allowParentDependency && (parentGanttRecord || childGanttRecord))) {
                         connectorObj =
                             this.parent.predecessorModule.updateConnectorLineObject(parentGanttRecord, childGanttRecord, predecessor);
                         if (!isNullOrUndefined(connectorObj)) {
@@ -196,8 +197,8 @@ var ConnectorLineEdit = /** @class */ (function () {
             if (!isNullOrUndefined(values[0])) {
                 var ids = this.parent.viewType === 'ResourceView' ? this.parent.getTaskIds() : this.parent.ids;
                 if (ids.indexOf(values[0]) === -1) {
-                    if (values[0].indexOf(" ") != -1) {
-                        match = values[0].split(" ");
+                    if (values[0].indexOf(' ') !== -1) {
+                        match = values[0].split(' ');
                         if (match.length === 1) {
                             match = values[0].match(/(\d+|[A-z]+)/g);
                         }
@@ -276,7 +277,7 @@ var ConnectorLineEdit = /** @class */ (function () {
         var parentRec = rec;
         if (rec.parentItem) {
             parentRec = this.parent.flatData.filter(function (item) {
-                return item.uniqueID == rec.parentUniqueID;
+                return item.uniqueID === rec.parentUniqueID;
             })[0];
             if (parentRec.parentItem) {
                 parentRec = this.getRootParent(parentRec);
@@ -357,11 +358,20 @@ var ConnectorLineEdit = /** @class */ (function () {
         if (!isNullOrUndefined(predecessorString) && predecessorString.length > 0) {
             predecessorIdArray = this.idFromPredecessor(predecessorString);
             var _loop_2 = function (count) {
-                if (parseInt(predecessorIdArray[predecessorIdArray.length - 1]) !== ganttRecord[this_2.parent.taskFields.id]) {
-                    var num = this_2.parent.ids.indexOf(predecessorIdArray[predecessorIdArray.length - 1]);
-                    var fromRecord = this_2.parent.currentViewData[num];
-                    if (fromRecord && ganttRecord) {
-                        flag = this_2.validateParentPredecessor(fromRecord, ganttRecord);
+                //Check edited item has parent item in predecessor collection
+                if (!this_2.parent.allowParentDependency) {
+                    var checkParent = this_2.checkParentRelation(ganttRecord, predecessorIdArray);
+                    if (!checkParent) {
+                        return { value: false };
+                    }
+                }
+                else {
+                    if (parseInt(predecessorIdArray[predecessorIdArray.length - 1]) !== ganttRecord[this_2.parent.taskFields.id]) {
+                        var num = this_2.parent.ids.indexOf(predecessorIdArray[predecessorIdArray.length - 1]);
+                        var fromRecord = this_2.parent.currentViewData[num];
+                        if (fromRecord && ganttRecord) {
+                            flag = this_2.validateParentPredecessor(fromRecord, ganttRecord);
+                        }
                     }
                 }
                 // Check if predecessor exist more then one
@@ -602,7 +612,6 @@ var ConnectorLineEdit = /** @class */ (function () {
     ConnectorLineEdit.prototype.applyPredecessorOption = function () {
         var args = this.parent.currentEditedArgs;
         var ganttRecord = args.data;
-        var parentData;
         if (args.validateMode.respectLink) {
             this.parent.editModule.reUpdatePreviousRecords();
             this.parent.chartRowsModule.refreshRecords([args.data]);
@@ -612,7 +621,9 @@ var ConnectorLineEdit = /** @class */ (function () {
             this.parent.editModule.updateEditedTask(args.editEventArgs);
         }
         else if (args.validateMode.preserveLinkWithEditing) {
-            this.calculateOffset(ganttRecord);
+            if (this.parent.UpdateOffsetOnTaskbarEdit) {
+                this.calculateOffset(ganttRecord);
+            }
             this.parent.editModule.updateEditedTask(args.editEventArgs);
         }
     };
@@ -643,7 +654,7 @@ var ConnectorLineEdit = /** @class */ (function () {
         var prevPredecessor = extend([], record.ganttProperties.predecessor, [], true);
         var validPredecessor = this.parent.predecessorModule.getValidPredecessor(record);
         for (var i = 0; i < validPredecessor.length; i++) {
-            var predecessor = validPredecessor[i];
+            var predecessor = validPredecessor[parseInt(i.toString(), 10)];
             var parentTask = this.parent.connectorLineModule.getRecordByID(predecessor.from);
             var offset = void 0;
             if (isScheduledTask(parentTask.ganttProperties) && isScheduledTask(record.ganttProperties)) {
@@ -723,7 +734,7 @@ var ConnectorLineEdit = /** @class */ (function () {
             var parentPredecessor = extend([], [], parentGanttRecord.ganttProperties.predecessor, true);
             var index = getIndex(predecessor[i], 'from', prevPredecessor, 'to');
             prevPredecessor.splice(index, 1);
-            var parentIndex = getIndex(predecessor[i], 'from', parentPredecessor, 'to');
+            var parentIndex = getIndex(predecessor[parseInt(i.toString(), 10)], 'from', parentPredecessor, 'to');
             parentPredecessor.splice(parentIndex, 1);
             this.parent.setRecordValue('predecessor', parentPredecessor, parentGanttRecord.ganttProperties, true);
         }
@@ -834,41 +845,41 @@ var ConnectorLineEdit = /** @class */ (function () {
             var violationType = null;
             if (predecessor[i].type === 'FS') {
                 if (ganttTaskData.startDate < startDate) {
-                    this.validationPredecessor.push(predecessor[i]);
+                    this.validationPredecessor.push(predecessor[parseInt(i.toString(), 10)]);
                     violationType = 'taskBeforePredecessor_FS';
                 }
                 else if (ganttTaskData.startDate > startDate) {
-                    this.validationPredecessor.push(predecessor[i]);
+                    this.validationPredecessor.push(predecessor[parseInt(i.toString(), 10)]);
                     violationType = 'taskAfterPredecessor_FS';
                 }
             }
             else if (predecessor[i].type === 'SS') {
                 if (ganttTaskData.startDate < startDate) {
-                    this.validationPredecessor.push(predecessor[i]);
+                    this.validationPredecessor.push(predecessor[parseInt(i.toString(), 10)]);
                     violationType = 'taskBeforePredecessor_SS';
                 }
                 else if (ganttTaskData.startDate > startDate) {
-                    this.validationPredecessor.push(predecessor[i]);
+                    this.validationPredecessor.push(predecessor[parseInt(i.toString(), 10)]);
                     violationType = 'taskAfterPredecessor_SS';
                 }
             }
             else if (predecessor[i].type === 'FF') {
                 if (endDate <= parentGanttRecord.ganttProperties.endDate) {
-                    this.validationPredecessor.push(predecessor[i]);
+                    this.validationPredecessor.push(predecessor[parseInt(i.toString(), 10)]);
                     violationType = 'taskBeforePredecessor_FF';
                 }
                 else if (endDate > parentGanttRecord.ganttProperties.endDate) {
-                    this.validationPredecessor.push(predecessor[i]);
+                    this.validationPredecessor.push(predecessor[parseInt(i.toString(), 10)]);
                     violationType = 'taskAfterPredecessor_FF';
                 }
             }
             else if (predecessor[i].type === 'SF') {
                 if (endDate < parentGanttRecord.ganttProperties.startDate) {
-                    this.validationPredecessor.push(predecessor[i]);
+                    this.validationPredecessor.push(predecessor[parseInt(i.toString(), 10)]);
                     violationType = 'taskBeforePredecessor_SF';
                 }
                 else if (endDate >= parentGanttRecord.ganttProperties.startDate) {
-                    this.validationPredecessor.push(predecessor[i]);
+                    this.validationPredecessor.push(predecessor[parseInt(i.toString(), 10)]);
                     violationType = 'taskAfterPredecessor_SF';
                 }
             }
@@ -899,13 +910,13 @@ var ConnectorLineEdit = /** @class */ (function () {
             var prevPredecessor = prevData.ganttProperties.predecessor;
             if (!isNullOrUndefined(prevPredecessor)) {
                 for (var p = 0; p < prevPredecessor.length; p++) {
-                    var parentGanttRecord = this.parent.connectorLineModule.getRecordByID(prevPredecessor[p].from);
+                    var parentGanttRecord = this.parent.connectorLineModule.getRecordByID(prevPredecessor[parseInt(p.toString(), 10)].from);
                     if (parentGanttRecord === data) {
-                        data.ganttProperties.predecessor.push(prevPredecessor[p]);
+                        data.ganttProperties.predecessor.push(prevPredecessor[parseInt(p.toString(), 10)]);
                     }
                     else {
                         var parentPredecessor = extend([], [], parentGanttRecord.ganttProperties.predecessor, true);
-                        var parentIndex = getIndex(prevPredecessor[p], 'from', parentPredecessor, 'to');
+                        var parentIndex = getIndex(prevPredecessor[parseInt(p.toString(), 10)], 'from', parentPredecessor, 'to');
                         if (parentIndex !== -1) {
                             parentPredecessor.splice(parentIndex, 1);
                             this.parent.setRecordValue('predecessor', parentPredecessor, parentGanttRecord.ganttProperties, true);
@@ -915,9 +926,9 @@ var ConnectorLineEdit = /** @class */ (function () {
             }
             if (!isNullOrUndefined(newPredecessor)) {
                 for (var n = 0; n < newPredecessor.length; n++) {
-                    var parentGanttRecord = this.parent.connectorLineModule.getRecordByID(newPredecessor[n].from);
+                    var parentGanttRecord = this.parent.connectorLineModule.getRecordByID(newPredecessor[parseInt(n.toString(), 10)].from);
                     var parentPredecessor = extend([], [], parentGanttRecord.ganttProperties.predecessor, true);
-                    parentPredecessor.push(newPredecessor[n]);
+                    parentPredecessor.push(newPredecessor[parseInt(n.toString(), 10)]);
                     this.parent.setRecordValue('predecessor', parentPredecessor, parentGanttRecord.ganttProperties, true);
                 }
             }

package/src/gantt/actions/context-menu.js

@@ -336,7 +336,7 @@ var ContextMenu = /** @class */ (function () {
                 this.parent.selectionModule.selectRow(rowIndex);
             }
             if (!args.parentItem) {
-                this.rowData = this.parent.updatedRecords[rowIndex];
+                this.rowData = this.parent.updatedRecords[parseInt(rowIndex.toString(), 10)];
             }
             for (var _i = 0, _a = args.items; _i < _a.length; _i++) {
                 var item = _a[_i];
@@ -468,7 +468,7 @@ var ContextMenu = /** @class */ (function () {
                                 this.parent.selectionModule.getSelectedRowCellIndexes().length === 1 ? true : false : false;
                             var prevRecord = this.parent.updatedRecords[this.parent.selectionModule.getSelectedRowIndexes()[0] - 1];
                             if (!this.parent.editSettings.allowEditing || index === 0 || index === -1 || !isSelected ||
-                                this.parent.viewType === 'ResourceView' || this.parent.updatedRecords[index].level - prevRecord.level === 1) {
+                                this.parent.viewType === 'ResourceView' || this.parent.updatedRecords[parseInt(index.toString(), 10)].level - prevRecord.level === 1) {
                                 this.updateItemVisibility(item.text);
                             }
                         }
@@ -484,7 +484,7 @@ var ContextMenu = /** @class */ (function () {
                             var isSelect = this.parent.selectionModule ? this.parent.selectionModule.selectedRowIndexes.length === 1 ||
                                 this.parent.selectionModule.getSelectedRowCellIndexes().length === 1 ? true : false : false;
                             if (!this.parent.editSettings.allowEditing || ind === -1 || ind === 0 || !isSelect ||
-                                this.parent.viewType === 'ResourceView' || this.parent.updatedRecords[ind].level === 0) {
+                                this.parent.viewType === 'ResourceView' || this.parent.updatedRecords[parseInt(ind.toString(), 10)].level === 0) {
                                 this.updateItemVisibility(item.text);
                             }
                         }
@@ -494,7 +494,7 @@ var ContextMenu = /** @class */ (function () {
                     {
                         var taskSettings = this.parent.taskFields;
                         if (this.parent.readOnly || !taskbarElement || isNullOrUndefined(taskSettings.segments) ||
-                            this.parent.currentViewData[rowIndex].hasChildRecords) {
+                            this.parent.currentViewData[parseInt(rowIndex.toString(), 10)].hasChildRecords) {
                             this.updateItemVisibility(item.text);
                         }
                         break;
@@ -699,7 +699,7 @@ var ContextMenu = /** @class */ (function () {
     };
     ContextMenu.prototype.contextMenuOnClose = function (args) {
         var parent = 'parentObj';
-        if (args.items.length > 0 && args.items[0][parent] instanceof Menu) {
+        if (args.items.length > 0 && args.items[0]["" + parent] instanceof Menu) {
             this.revertItemStatus();
         }
     };

package/src/gantt/actions/critical-path.js

@@ -696,10 +696,10 @@ var CriticalPath = /** @class */ (function () {
         var _loop_2 = function (i) {
             var criticalData;
             if (this_2.parent.viewType === 'ProjectView') {
-                criticalData = this_2.parent.currentViewData[this_2.parent.ids.indexOf(criticalPathIds[i].toString())];
+                criticalData = this_2.parent.flatData[this_2.parent.ids.indexOf(criticalPathIds[i].toString())];
             }
             else {
-                var currentRecords = this_2.parent.currentViewData.filter(function (data) {
+                var currentRecords = this_2.parent.flatData.filter(function (data) {
                     return (data.ganttProperties.taskId).toString() === criticalPathIds[i].toString();
                 });
                 for (var i_1 = 0; i_1 < currentRecords.length; i_1++) {
@@ -712,16 +712,18 @@ var CriticalPath = /** @class */ (function () {
             var element = this_2.parent.getRowByIndex(index);
             var taskClass = void 0;
             var columnFields = this_2.parent.taskFields;
-            if (criticalData.parentItem) {
+            if (criticalData && criticalData.parentItem) {
                 var parentRecord = this_2.parent.currentViewData.filter(function (data) {
                     return criticalData.parentItem.uniqueID === data.uniqueID;
                 });
-                var parentIndex = this_2.parent.currentViewData.indexOf(parentRecord[0]);
+                var parentIndex = this_2.parent.flatData.indexOf(parentRecord[0]);
                 var parentElement = this_2.parent.getRowByIndex(parentIndex);
-                var parentTaskbarElement = parentElement.querySelectorAll('.e-taskbar-main-container');
-                for (var i_2 = 0; i_2 < parentTaskbarElement.length; i_2++) {
-                    if (parentTaskbarElement[i_2].getAttribute('rowuniqueid') === criticalData['rowUniqueID']) {
-                        addClass(parentTaskbarElement[i_2].querySelectorAll('.e-gantt-child-taskbar-inner-div'), cls.criticalChildTaskBarInnerDiv);
+                if (parentElement) {
+                    var parentTaskbarElement = parentElement.querySelectorAll('.e-taskbar-main-container');
+                    for (var i_2 = 0; i_2 < parentTaskbarElement.length; i_2++) {
+                        if (parentTaskbarElement[i_2].getAttribute('rowuniqueid') === criticalData['rowUniqueID']) {
+                            addClass(parentTaskbarElement[i_2].querySelectorAll('.e-gantt-child-taskbar-inner-div'), cls.criticalChildTaskBarInnerDiv);
+                        }
                     }
                 }
             }

package/src/gantt/actions/dependency.js

@@ -20,7 +20,9 @@ var Dependency = /** @class */ (function () {
         for (var count = length; count >= 0; count--) {
             var ganttData = predecessorTasks[count];
             var ganttProp = ganttData.ganttProperties;
-            this.ensurePredecessorCollectionHelper(ganttData, ganttProp);
+            if ((!ganttData.hasChildRecords && !this.parent.allowParentDependency) || this.parent.allowParentDependency) {
+                this.ensurePredecessorCollectionHelper(ganttData, ganttProp);
+            }
         }
     };
     /**
@@ -184,18 +186,26 @@ var Dependency = /** @class */ (function () {
                 offsetUnit: offsetUnits.durationUnit,
                 offset: offsetUnits.duration
             };
-            var fromData = _this.parent.connectorLineModule.getRecordByID(obj.to);
-            var toData = _this.parent.connectorLineModule.getRecordByID(obj.from);
-            var isValid;
-            if (_this.parent.connectorLineEditModule && toData && fromData) {
-                isValid = _this.parent.connectorLineEditModule.validateParentPredecessor(toData, fromData);
-                if (isValid)
+            var isOwnParent = _this.checkIsParent(match[0]);
+            if (!_this.parent.allowParentDependency) {
+                if (!isOwnParent) {
                     collection.push(obj);
+                }
             }
             else {
-                collection.push(obj);
+                var fromData = _this.parent.connectorLineModule.getRecordByID(obj.to);
+                var toData = _this.parent.connectorLineModule.getRecordByID(obj.from);
+                var isValid = void 0;
+                if (_this.parent.connectorLineEditModule && toData && fromData) {
+                    isValid = _this.parent.connectorLineEditModule.validateParentPredecessor(toData, fromData);
+                    if (isValid)
+                        collection.push(obj);
+                }
+                else {
+                    collection.push(obj);
+                }
+                match.splice(0);
             }
-            match.splice(0);
         });
         return collection;
     };
@@ -318,7 +328,9 @@ var Dependency = /** @class */ (function () {
         var length = predecessorsCollection.length;
         for (var count = 0; count < length; count++) {
             ganttRecord = predecessorsCollection[count];
-            this.updatePredecessorHelper(ganttRecord, predecessorsCollection);
+            if ((!ganttRecord.hasChildRecords && !this.parent.allowParentDependency) || this.parent.allowParentDependency) {
+                this.updatePredecessorHelper(ganttRecord, predecessorsCollection);
+            }
         }
     };
     /**
@@ -367,12 +379,16 @@ var Dependency = /** @class */ (function () {
      * @private
      */
     Dependency.prototype.updatedRecordsDateByPredecessor = function () {
+        if (!this.parent.autoCalculateDateScheduling) {
+            return;
+        }
         var flatData = this.parent.flatData;
         var totLength = this.parent.flatData.length;
         for (var count = 0; count < totLength; count++) {
             if (flatData[count].ganttProperties.predecessorsName) {
                 this.validatePredecessorDates(flatData[count]);
-                if (flatData[count].hasChildRecords && this.parent.editModule && !this.parent.allowUnscheduledTasks) {
+                if (flatData[count].hasChildRecords && this.parent.editModule && !this.parent.allowUnscheduledTasks
+                    && this.parent.allowParentDependency) {
                     this.parent.editModule['updateChildItems'](flatData[count]);
                 }
             }
@@ -417,7 +433,7 @@ var Dependency = /** @class */ (function () {
                 var predecessor = predecessors[count];
                 parentGanttRecord = this.parent.connectorLineModule.getRecordByID(predecessor.from);
                 record = this.parent.connectorLineModule.getRecordByID(predecessor.to);
-                if (this.parent.isLoad && this.parentPredecessors.indexOf(ganttRecord) == -1
+                if (this.parent.allowParentDependency && this.parent.isLoad && this.parentPredecessors.indexOf(ganttRecord) == -1
                     && (ganttRecord.hasChildRecords || record.hasChildRecords)) {
                     this.parentPredecessors.push(ganttRecord);
                 }

package/src/gantt/actions/dialog-edit.js

@@ -1,4 +1,4 @@
-import { remove, extend, isNullOrUndefined, createElement, getValue, setValue, closest } from '@syncfusion/ej2-base';
+import { remove, extend, isNullOrUndefined, createElement, getValue, setValue, closest, SanitizeHtmlHelper } from '@syncfusion/ej2-base';
 import { DataManager, DataUtil } from '@syncfusion/ej2-data';
 import { Dialog } from '@syncfusion/ej2-popups';
 import { Tab } from '@syncfusion/ej2-navigations';
@@ -877,7 +877,7 @@ var DialogEdit = /** @class */ (function () {
             targetId = inputElement.querySelector('input').getAttribute('id');
             inputElement = inputElement.querySelector('#' + targetId);
         }
-        else if (!isNullOrUndefined(args.event) && !isNullOrUndefined(args.event.path[1])) {
+        else if (!isNullOrUndefined(args.event) && !isNullOrUndefined(args.event.path) && !isNullOrUndefined(args.event.path)[1]) {
             inputElement = args.event.path[1];
             targetId = inputElement.querySelector('input').getAttribute('id');
             inputElement = inputElement.querySelector('#' + targetId);
@@ -918,6 +918,9 @@ var DialogEdit = /** @class */ (function () {
             if (!isNullOrUndefined(tasks.startDate) && tasks.startDate !== colName) {
                 this.updateScheduleFields(dialog, ganttProp, 'startDate');
             }
+            if (tasks.endDate === colName && !isNullOrUndefined(ganttProp.startDate) && !isNullOrUndefined(args.value) && ganttProp.startDate.getTime() > args.value) {
+                this.updateScheduleFields(dialog, ganttProp, 'endDate');
+            }
             if (!isNullOrUndefined(tasks.endDate) && tasks.endDate !== colName) {
                 this.updateScheduleFields(dialog, ganttProp, 'endDate');
             }
@@ -1108,6 +1111,9 @@ var DialogEdit = /** @class */ (function () {
         if (taskSettings.endDate === columnName) {
             if (value !== '') {
                 var endDate = this.parent.dateValidationModule.getDateFromFormat(value);
+                if (isNullOrUndefined(ganttProp.startDate) && isNullOrUndefined(endDate) && ganttProp.startDate.getTime() > endDate.getTime()) {
+                    endDate = ganttProp.endDate;
+                }
                 if (endDate.getHours() === 0 && ganttObj.defaultEndTime !== 86400) {
                     this.parent.dateValidationModule.setTime(ganttObj.defaultEndTime, endDate);
                 }
@@ -1490,6 +1496,9 @@ var DialogEdit = /** @class */ (function () {
                 item.content = this.renderGeneralTab(item.content);
             }
             else if (item.content === 'Dependency') {
+                if (this.editedRecord.hasChildRecords && !this.parent.allowParentDependency) {
+                    item.disabled = true;
+                }
                 item.content = this.renderPredecessorTab(item.content);
             }
             else if (item.content === 'Resources') {
@@ -1951,27 +1960,34 @@ var DialogEdit = /** @class */ (function () {
         this.preTableCollection = [];
         for (var i = 0; i < flatData.length; i++) {
             var data = flatData[i];
-            var currentFlatData = data;
-            if (data.parentUniqueID === this.beforeOpenArgs.rowData['uniqueID']) {
-                this.isValidData = false;
-            }
-            else {
-                do {
-                    if (currentFlatData.parentItem) {
-                        currentFlatData = this.parent.flatData[this.parent.ids.indexOf(currentFlatData.parentItem.taskId)];
-                        if (currentFlatData.uniqueID === this.beforeOpenArgs.rowData['uniqueID']) {
-                            this.isValidData = false;
-                            break;
+            if (this.parent.allowParentDependency) {
+                var currentFlatData = data;
+                if (data.parentUniqueID === this.beforeOpenArgs.rowData['uniqueID']) {
+                    this.isValidData = false;
+                }
+                else {
+                    do {
+                        if (currentFlatData.parentItem) {
+                            currentFlatData = this.parent.flatData[this.parent.ids.indexOf(currentFlatData.parentItem.taskId)];
+                            if (currentFlatData.uniqueID === this.beforeOpenArgs.rowData['uniqueID']) {
+                                this.isValidData = false;
+                                break;
+                            }
                         }
-                    }
-                } while (currentFlatData.parentItem);
-            }
-            if (data.hasChildRecords && this.isValidData) {
-                this.isValidData = this.isParentValid(data.childRecords);
+                    } while (currentFlatData.parentItem);
+                }
+                if (data.hasChildRecords && this.isValidData) {
+                    this.isValidData = this.isParentValid(data.childRecords);
+                }
+                if (!this.isValidData) {
+                    this.isValidData = true;
+                    continue;
+                }
             }
-            if (!this.isValidData) {
-                this.isValidData = true;
-                continue;
+            else {
+                if (data.hasChildRecords) {
+                    continue;
+                }
             }
             var taskId = this.parent.viewType === 'ResourceView' ? data.ganttProperties.taskId.toString()
                 : data.ganttProperties.rowUniqueID.toString();
@@ -2208,6 +2224,10 @@ var DialogEdit = /** @class */ (function () {
                 }
                 else {
                     tasksData[fieldName] = controlObj.value;
+                    if (this.parent.enableHtmlSanitizer && typeof (controlObj.value) === 'string') {
+                        controlObj.value = SanitizeHtmlHelper.sanitize(controlObj.value);
+                        tasksData[fieldName] = controlObj.value;
+                    }
                 }
             }
         }