@syncfusion/ej2-gantt 20.2.50 → 20.3.48

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.2.50
+*  version : 20.3.48
 *  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.2.49",
+  "_id": "@syncfusion/ej2-gantt@20.3.47",
   "_inBundle": false,
-  "_integrity": "sha512-j65MRf6oB1NnWXX/PvaUdFJYznLcj5VFQ5XbkkhrekSkk1PH7Vd9ipxZQrIdaVqDRnACWmBClPe6+WmNUy2OxQ==",
+  "_integrity": "sha512-oY8te11bKyAhmduU/U9V4BpO1oTQrdw9L1ZCxsr1Dtc6LwBjjCyS7MIZAn+RTb2jtZlEqf8MCNT28YzlzWWV0A==",
   "_location": "/@syncfusion/ej2-gantt",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-gantt",
     "/@syncfusion/ej2-vue-gantt"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-20.2.49.tgz",
-  "_shasum": "2cf74a3f9e016c1e63b363b06ee8755bddc929fb",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-20.3.47.tgz",
+  "_shasum": "f70eab27668d097d2b08789ce16c83463c9bed0b",
   "_spec": "@syncfusion/ej2-gantt@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -35,24 +35,24 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.2.48",
-    "@syncfusion/ej2-buttons": "~20.2.46",
-    "@syncfusion/ej2-calendars": "~20.2.50",
-    "@syncfusion/ej2-data": "~20.2.45",
-    "@syncfusion/ej2-dropdowns": "~20.2.50",
-    "@syncfusion/ej2-grids": "~20.2.49",
-    "@syncfusion/ej2-inputs": "~20.2.48",
-    "@syncfusion/ej2-layouts": "~20.2.46",
-    "@syncfusion/ej2-lists": "~20.2.46",
-    "@syncfusion/ej2-navigations": "~20.2.50",
-    "@syncfusion/ej2-popups": "~20.2.49",
-    "@syncfusion/ej2-richtexteditor": "~20.2.50",
-    "@syncfusion/ej2-treegrid": "~20.2.49"
+    "@syncfusion/ej2-base": "~20.3.48",
+    "@syncfusion/ej2-buttons": "~20.3.48",
+    "@syncfusion/ej2-calendars": "~20.3.48",
+    "@syncfusion/ej2-data": "~20.3.47",
+    "@syncfusion/ej2-dropdowns": "~20.3.48",
+    "@syncfusion/ej2-grids": "~20.3.48",
+    "@syncfusion/ej2-inputs": "~20.3.47",
+    "@syncfusion/ej2-layouts": "~20.3.48",
+    "@syncfusion/ej2-lists": "~20.3.47",
+    "@syncfusion/ej2-navigations": "~20.3.48",
+    "@syncfusion/ej2-popups": "~20.3.48",
+    "@syncfusion/ej2-richtexteditor": "~20.3.47",
+    "@syncfusion/ej2-treegrid": "~20.3.48"
   },
   "deprecated": false,
   "description": "Essential JS 2 Gantt Component",
   "devDependencies": {},
-  "es2015": "./dist/es6/ej2-gantt.es2015.js",
+  "es2015": "./dist/es6/ej2-gantt.es5.js",
   "homepage": "https://github.com/syncfusion/ej2-gantt#readme",
   "keywords": [
     "ej2",
@@ -75,6 +75,6 @@
     "url": "git+https://github.com/syncfusion/ej2-gantt.git"
   },
   "typings": "index.d.ts",
-  "version": "20.2.50",
+  "version": "20.3.48",
   "sideEffects": false
 }

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

@@ -50,8 +50,7 @@ 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.dependency || field === taskSettings.progress
-            || field === taskSettings.work || field === 'taskType')) {
+            || field === taskSettings.progress || field === taskSettings.work || field === 'taskType')) {
             args.cancel = true;
         }
         else {

package/src/gantt/actions/connector-line-edit.d.ts

@@ -77,6 +77,8 @@ export declare class ConnectorLineEdit {
     refreshEditedRecordConnectorLine(editedRecord: IGanttData[]): void;
     private idFromPredecessor;
     private predecessorValidation;
+    getRootParent(rec: IGanttData): IGanttData;
+    validateParentPredecessor(fromRecord: IGanttData, toRecord: IGanttData): boolean;
     /**
      * To validate predecessor relations
      *

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

@@ -143,8 +143,7 @@ var ConnectorLineEdit = /** @class */ (function () {
                     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 && parentGanttRecord.expanded === true) ||
-                        (childGanttRecord && childGanttRecord.expanded === true)) {
+                    if (parentGanttRecord || childGanttRecord) {
                         connectorObj =
                             this.parent.predecessorModule.updateConnectorLineObject(parentGanttRecord, childGanttRecord, predecessor);
                         if (!isNullOrUndefined(connectorObj)) {
@@ -183,14 +182,38 @@ var ConnectorLineEdit = /** @class */ (function () {
     ConnectorLineEdit.prototype.idFromPredecessor = function (pre) {
         var preArray = pre.split(',');
         var preIdArray = [];
+        var values;
+        var offsetValue;
+        var match = [];
         for (var j = 0; j < preArray.length; j++) {
             var strArray = [];
-            for (var i = 0; i < preArray[j].length; i++) {
-                if (!isNullOrUndefined(preArray[j].charAt(i)) && parseInt(preArray[j].charAt(i), 10).toString() !== 'NaN') {
-                    strArray.push(preArray[j].charAt(i));
+            values = preArray[j].split('+');
+            offsetValue = '+';
+            if (preArray[j].indexOf('-') >= 0) {
+                values = preArray[j].split('-');
+                offsetValue = '-';
+            }
+            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 (match.length === 1) {
+                            match = values[0].match(/(\d+|[A-z]+)/g);
+                        }
+                        strArray.push(match[0]);
+                    }
+                    else {
+                        if (values[0].length === 1 || values[0].length === 2) {
+                            strArray.push(values[0]);
+                        }
+                        else {
+                            strArray.push(values[0].slice(0, -2));
+                        }
+                    }
                 }
                 else {
-                    break;
+                    strArray.push(values[0]);
                 }
             }
             preIdArray.push((strArray.join('')));
@@ -248,6 +271,75 @@ var ConnectorLineEdit = /** @class */ (function () {
         }
         return true;
     };
+    // Get the root parent of the record
+    ConnectorLineEdit.prototype.getRootParent = function (rec) {
+        var parentRec = rec;
+        if (rec.parentItem) {
+            parentRec = this.parent.flatData.filter(function (item) {
+                return item.uniqueID == rec.parentUniqueID;
+            })[0];
+            if (parentRec.parentItem) {
+                parentRec = this.getRootParent(parentRec);
+            }
+            return parentRec;
+        }
+        return parentRec;
+    };
+    // To check whether the predecessor drawn is valid for parent task
+    ConnectorLineEdit.prototype.validateParentPredecessor = function (fromRecord, toRecord) {
+        if (toRecord.hasChildRecords && !fromRecord.hasChildRecords) {
+            if (fromRecord.parentUniqueID === toRecord.uniqueID) {
+                return false;
+            }
+            else {
+                do {
+                    if (fromRecord.parentItem) {
+                        fromRecord = this.parent.flatData[this.parent.ids.indexOf(fromRecord.parentItem.taskId)];
+                        if (fromRecord.uniqueID === toRecord.uniqueID) {
+                            return false;
+                        }
+                    }
+                } while (fromRecord.parentItem);
+            }
+        }
+        else if (!toRecord.hasChildRecords && fromRecord.hasChildRecords) {
+            if (toRecord.parentUniqueID === fromRecord.uniqueID) {
+                return false;
+            }
+            else {
+                do {
+                    if (toRecord.parentItem) {
+                        toRecord = this.parent.flatData[this.parent.ids.indexOf(toRecord.parentItem.taskId)];
+                        if (toRecord.uniqueID === fromRecord.uniqueID) {
+                            return false;
+                        }
+                    }
+                } while (toRecord.parentItem);
+            }
+        }
+        else if (toRecord.hasChildRecords && fromRecord.hasChildRecords) {
+            if (toRecord.parentItem && fromRecord.parentItem) {
+                if (fromRecord.parentUniqueID === toRecord.uniqueID || fromRecord.uniqueID === toRecord.parentUniqueID) {
+                    return false;
+                }
+            }
+            else {
+                if (!toRecord.parentItem && fromRecord.parentItem) {
+                    var fromRootParent = this.parent.connectorLineEditModule.getRootParent(fromRecord);
+                    if (fromRootParent.uniqueID === toRecord.uniqueID) {
+                        return false;
+                    }
+                }
+                else if (toRecord.parentItem && !fromRecord.parentItem) {
+                    var toRootParent = this.parent.connectorLineEditModule.getRootParent(toRecord);
+                    if (toRootParent.uniqueID === fromRecord.uniqueID) {
+                        return false;
+                    }
+                }
+            }
+        }
+        return true;
+    };
     /**
      * To validate predecessor relations
      *
@@ -265,10 +357,12 @@ var ConnectorLineEdit = /** @class */ (function () {
         if (!isNullOrUndefined(predecessorString) && predecessorString.length > 0) {
             predecessorIdArray = this.idFromPredecessor(predecessorString);
             var _loop_2 = function (count) {
-                //Check edited item has parent item in predecessor collection
-                var checkParent = this_2.checkParentRelation(ganttRecord, predecessorIdArray);
-                if (!checkParent) {
-                    return { value: false };
+                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
                 var tempIdArray = predecessorIdArray.slice(0);

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

@@ -100,7 +100,12 @@ var ContextMenu = /** @class */ (function () {
         }
         switch (this.item) {
             case 'TaskInformation':
-                this.parent.openEditDialog(Number(this.rowData.ganttProperties.rowUniqueID));
+                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':

package/src/gantt/actions/critical-path.d.ts

@@ -11,7 +11,7 @@ export declare class CriticalPath {
     constructor(parent: Gantt);
     getCriticalTasks(): IGanttData[];
     showCriticalPath(isCritical: boolean): void;
-    slackCalculation(fromDataObject: object[], collection: object[], collectionTaskId: number[], checkEndDate: Date, flatRecords: IGanttData[], modelRecordIds: string[]): void;
+    slackCalculation(fromDataObject: object[], collection: object[], collectionTaskId: any, checkEndDate: Date, flatRecords: IGanttData[], modelRecordIds: string[]): void;
     private getSlackDuration;
     private finalCriticalPath;
     criticalConnectorLine(criticalPathIds: number[], collection: object[], condition: boolean, collectionTaskId: number[]): void;

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

@@ -13,13 +13,13 @@ var CriticalPath = /** @class */ (function () {
     CriticalPath.prototype.showCriticalPath = function (isCritical) {
         var modelIds = this.parent.ids;
         var totalRecords = this.parent.flatData;
-        if (isCritical && this.parent.flatData.length > 0 && !this.parent.enableMultiTaskbar) {
+        if (isCritical && this.parent.flatData.length > 0) {
             this.parent.enableCriticalPath = true;
             var parentRecords = this.parent.treeGrid.parentData;
             var checkEndDateTaskid = void 0;
             var checkEndDate = parentRecords[0].ganttProperties.endDate;
             var dateDifference = 0;
-            var checkBeyondEnddate = [];
+            var checkBeyondEnddate_1 = [];
             var totalPredecessorsCollection = [];
             var totalPredecessorsCollectionId = [];
             var predecessorIndex = 0;
@@ -58,12 +58,12 @@ var CriticalPath = /** @class */ (function () {
                 totalRecords[j].slack = dateDifference + ' ' + totalRecords[j].ganttProperties.durationUnit;
                 totalRecords[j].ganttProperties.slack = dateDifference + ' ' + totalRecords[j].ganttProperties.durationUnit;
                 if (totalRecords[j].ganttProperties.endDate >= checkEndDate) {
-                    checkBeyondEnddate.push(parseInt(totalRecords[j].ganttProperties.taskId, 10));
+                    checkBeyondEnddate_1.push(totalRecords[j].ganttProperties.taskId);
                 }
                 if (totalRecords[j].ganttProperties.predecessor) {
                     if (totalRecords[j].ganttProperties.predecessor.length !== 0) {
                         totalPredecessorsCollection.push(totalRecords[j]);
-                        totalPredecessorsCollectionId.push(parseInt(totalRecords[j].ganttProperties.taskId, 10));
+                        totalPredecessorsCollectionId.push((totalRecords[j].ganttProperties.taskId));
                     }
                 }
             }
@@ -72,25 +72,36 @@ var CriticalPath = /** @class */ (function () {
                     this.resourceCollectionIds[i] = this.parent.taskIds[i].slice(1);
                 }
             }
-            // seperate the predecessor connected taskes from the individual taskes that ends on total project end date
-            for (var k = 0; k < checkBeyondEnddate.length; k++) {
-                if (totalPredecessorsCollectionId.indexOf(checkBeyondEnddate[k]) === -1) {
-                    if (this.parent.viewType === 'ProjectView') {
-                        predecessorIndex = modelIds.indexOf(checkBeyondEnddate[k].toString());
+            var _loop_1 = function (k) {
+                if (totalPredecessorsCollectionId.indexOf(checkBeyondEnddate_1[k]) === -1) {
+                    if (this_1.parent.viewType === 'ProjectView') {
+                        predecessorIndex = modelIds.indexOf(checkBeyondEnddate_1[k].toString());
                     }
                     else {
-                        predecessorIndex = this.resourceCollectionIds.indexOf(checkBeyondEnddate[k].toString());
+                        var currentRecords = this_1.parent.currentViewData.filter(function (data) {
+                            return parseInt(data.ganttProperties.taskId) == checkBeyondEnddate_1[k];
+                        });
+                        for (var i = 0; i < currentRecords.length; i++) {
+                            if (!currentRecords[i].hasChildRecords && currentRecords[i].ganttProperties.endDate >= this_1.maxEndDate) {
+                                predecessorIndex = currentRecords[i].index;
+                            }
+                        }
                     }
                     if (totalRecords[predecessorIndex].ganttProperties.progress < 100) {
                         totalRecords[predecessorIndex].isCritical = true;
                         totalRecords[predecessorIndex].ganttProperties.isCritical = true;
                     }
                     totalRecords[predecessorIndex]['slack'] = 0 + ' ' + totalRecords[predecessorIndex].ganttProperties.durationUnit;
-                    taskBeyondEnddate.push(checkBeyondEnddate[k]);
+                    taskBeyondEnddate.push(checkBeyondEnddate_1[k]);
                 }
                 else {
-                    predecessorTaskBeyondEnddate.push(checkBeyondEnddate[k]);
+                    predecessorTaskBeyondEnddate.push(checkBeyondEnddate_1[k]);
                 }
+            };
+            var this_1 = this;
+            // seperate the predecessor connected taskes from the individual taskes that ends on total project end date
+            for (var k = 0; k < checkBeyondEnddate_1.length; k++) {
+                _loop_1(k);
             }
             var predecessorLength = totalPredecessorsCollection.length;
             var endTask = [];
@@ -100,12 +111,22 @@ var CriticalPath = /** @class */ (function () {
                 var from = -1;
                 var toPredecessor = -1;
                 var fromPredecessor = -1;
+                var tempTaskId = void 0;
                 var currentIndex = x;
                 var predecessor = totalPredecessorsCollection[x].ganttProperties.predecessor;
                 var individualPredecessorLength = totalPredecessorsCollection[x].ganttProperties.predecessor.length;
-                var taskid = (parseInt(totalPredecessorsCollection[x].ganttProperties.taskId, 10));
+                var taskid = ((totalPredecessorsCollection[x].ganttProperties.taskId));
                 for (var y = 0; y < individualPredecessorLength; y++) {
-                    if (parseInt(predecessor[y].from, 10) === taskid) {
+                    if (!isNaN(Number(predecessor[y].from)) && typeof (taskid) != "string") {
+                        tempTaskId = parseInt((predecessor[y].from), 10);
+                    }
+                    else if (!isNaN(Number(predecessor[y].from)) && typeof (taskid) === "string") {
+                        tempTaskId = predecessor[y].from;
+                    }
+                    else {
+                        tempTaskId = predecessor[y].from;
+                    }
+                    if (tempTaskId === taskid) {
                         if (to === -1) {
                             if (!predecessor[y].offset) {
                                 to = predecessor[y].to;
@@ -127,7 +148,16 @@ var CriticalPath = /** @class */ (function () {
                             }
                         }
                     }
-                    if (parseInt(predecessor[y].to, 10) === taskid) {
+                    if (!isNaN(Number(predecessor[y].to)) && typeof (taskid) != "string") {
+                        tempTaskId = parseInt((predecessor[y].to), 10);
+                    }
+                    else if (!isNaN(Number(predecessor[y].to)) && typeof (taskid) === "string") {
+                        tempTaskId = predecessor[y].to;
+                    }
+                    else {
+                        tempTaskId = predecessor[y].to;
+                    }
+                    if (tempTaskId === taskid) {
                         if (from === -1) {
                             if (!predecessor[y].offset) {
                                 from = predecessor[y].from;
@@ -196,7 +226,7 @@ var CriticalPath = /** @class */ (function () {
             this.detailPredecessorCollection = collection;
             this.predecessorCollectionTaskIds = collectionTaskId;
         }
-        if (isCritical === false && this.parent.flatData.length > 0 && !this.parent.enableMultiTaskbar) {
+        if (isCritical === false && this.parent.flatData.length > 0) {
             var pathIndex = void 0;
             this.parent.enableCriticalPath = false;
             for (var z = 0; z < this.criticalPathCollection.length; z++) {
@@ -212,6 +242,8 @@ var CriticalPath = /** @class */ (function () {
     CriticalPath.prototype.slackCalculation = function (fromDataObject, collection, collectionTaskId, checkEndDate, flatRecords, modelRecordIds) {
         var fromDateArray = fromDataObject[0]['fromdata'].split(',');
         var fromDataPredecessor = fromDataObject[0]['fromDataPredecessor'].split(',');
+        collectionTaskId = collectionTaskId.toString();
+        collectionTaskId = collectionTaskId.split(',');
         var fromDateArray1 = [];
         var fromTaskIdIndex;
         var indexFromTaskId;
@@ -223,8 +255,8 @@ var CriticalPath = /** @class */ (function () {
         var ffslack;
         for (var i = 0; i < fromDateArray.length; i++) {
             fromDateArray1 = fromDateArray[i].split(':');
-            fromTaskIdIndex = collectionTaskId.indexOf(parseInt(fromDateArray1[0], 10));
-            totaskId = collectionTaskId.indexOf(parseInt(fromDataObject[0]['todateID'], 10));
+            fromTaskIdIndex = collectionTaskId.indexOf((fromDateArray1[0].toString()));
+            totaskId = collectionTaskId.indexOf((fromDataObject[0]['todateID'].toString()));
             if (this.parent.viewType === 'ProjectView') {
                 indexFromTaskId = modelRecordIds.indexOf(fromDateArray1[0].toString());
                 indexToTaskId = modelRecordIds.indexOf(fromDataObject[0]['todateID'].toString());
@@ -569,6 +601,7 @@ var CriticalPath = /** @class */ (function () {
     CriticalPath.prototype.finalCriticalPath = function (collection, taskBeyondEnddate, flatRecords, modelRecordIds, checkEndDate) {
         var criticalPathIds = [];
         var index;
+        var predecessorFrom;
         for (var x = collection.length - 1; x >= 0; x--) {
             if (this.parent.viewType === 'ProjectView') {
                 index = modelRecordIds.indexOf(collection[x]['taskid'].toString());
@@ -612,7 +645,13 @@ var CriticalPath = /** @class */ (function () {
                     /* eslint-disable-next-line */
                     dateDifference = this.parent.dataOperation.getDuration(currentData.endDate, flatRecords[toID].ganttProperties.endDate, currentData.durationUnit, currentData.isAutoSchedule, currentData.isMilestone);
                 }
-                if (parseInt(predecessorLength[i].from, 10) === flatRecords[index][this.parent.taskFields.id] &&
+                if (typeof (flatRecords[index][this.parent.taskFields.id]) === 'number') {
+                    predecessorFrom = parseInt(predecessorLength[i].from, 10);
+                }
+                else {
+                    predecessorFrom = predecessorLength[i].from;
+                }
+                if (predecessorFrom === flatRecords[index][this.parent.taskFields.id] &&
                     flatRecords[toID].slack === noSlackValue && dateDifference <= 0) {
                     flatRecords[index].slack = noSlackValue;
                     flatRecords[index].ganttProperties.slack = noSlackValue;
@@ -647,26 +686,47 @@ var CriticalPath = /** @class */ (function () {
     CriticalPath.prototype.criticalConnectorLine = function (criticalPathIds, collection, condition, collectionTaskId) {
         var ganttChartElement = this.parent.ganttChartModule.chartElement;
         this.parent.removeCriticalPathStyles();
-        for (var i = 0; i < criticalPathIds.length; i++) {
-            var criticalData = void 0;
-            if (this.parent.viewType === 'ProjectView') {
-                criticalData = this.parent.flatData[this.parent.ids.indexOf(criticalPathIds[i].toString())];
+        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())];
             }
             else {
-                criticalData = this.parent.flatData[this.resourceCollectionIds.indexOf(criticalPathIds[i].toString())];
+                var currentRecords = this_2.parent.currentViewData.filter(function (data) {
+                    return (data.ganttProperties.taskId).toString() == criticalPathIds[i].toString();
+                });
+                for (var i_1 = 0; i_1 < currentRecords.length; i_1++) {
+                    if (currentRecords[i_1].ganttProperties.isCritical || currentRecords[i_1].ganttProperties.endDate >= this_2.maxEndDate) {
+                        criticalData = currentRecords[i_1];
+                    }
+                }
             }
-            var index = this.parent.currentViewData.indexOf(criticalData);
-            var element = this.parent.getRowByIndex(index);
+            var index = this_2.parent.currentViewData.indexOf(criticalData);
+            var element = this_2.parent.getRowByIndex(index);
             var taskClass = void 0;
-            var columnFields = this.parent.taskFields;
+            var columnFields = this_2.parent.taskFields;
+            if (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 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);
+                    }
+                }
+            }
             /* eslint-disable-next-line */
-            if (this.parent.allowUnscheduledTasks && !criticalData[columnFields.startDate] && !criticalData[columnFields.endDate] && criticalData[columnFields.duration]) {
+            if (this_2.parent.allowUnscheduledTasks && !criticalData[columnFields.startDate] && !criticalData[columnFields.endDate] && criticalData[columnFields.duration]) {
                 taskClass = cls.criticalUnscheduledTask;
             }
             else {
                 taskClass = cls.criticalChildProgressBarInnerDiv;
             }
-            if (element) {
+            if (element && (this_2.parent.viewType === 'ProjectView' || (this_2.parent.viewType === 'ResourceView' &&
+                !criticalData.hasChildRecords))) {
                 if (element.getElementsByClassName('e-milestone-top')[0]) {
                     addClass(element.querySelectorAll('.e-milestone-top'), cls.criticalMilestoneTop);
                 }
@@ -680,19 +740,34 @@ var CriticalPath = /** @class */ (function () {
                     addClass(element.querySelectorAll('.e-gantt-child-progressbar-inner-div'), taskClass);
                 }
             }
+        };
+        var this_2 = this;
+        for (var i = 0; i < criticalPathIds.length; i++) {
+            _loop_2(i);
         }
         if (collection.length !== 0) {
             var index = 0;
             var currentdata = void 0;
             var checking = [];
             var checkint = void 0;
+            var values = void 0;
+            var offsetValue = void 0;
             for (var i = 0; i < this.criticalPathCollection.length; i++) {
                 index = collectionTaskId.indexOf(this.criticalPathCollection[i]);
                 currentdata = collection[index];
                 if (index !== -1 && currentdata['to']) {
                     checking = currentdata['to'].split(',');
                     for (var j = 0; j < checking.length; j++) {
-                        checkint = parseInt(checking[j], 10);
+                        values = checking[j].split('+');
+                        offsetValue = '+';
+                        if (checking[j].indexOf('-') >= 0) {
+                            values = checking[j].split('-');
+                            offsetValue = '-';
+                        }
+                        checkint = (values[0].replace(":", ""));
+                        if (typeof (criticalPathIds[j]) === "number") {
+                            checkint = parseInt(values[0], 10);
+                        }
                         if (criticalPathIds.indexOf(checkint) !== -1) {
                             var lineElement = this.parent.element.querySelectorAll('#ConnectorLineparent' +
                                 currentdata['taskid'] + 'child' + checkint);

package/src/gantt/actions/dependency.d.ts

@@ -8,6 +8,7 @@ export declare class Dependency {
     private dateValidateModule;
     private parentRecord;
     private parentIds;
+    private parentPredecessors;
     constructor(gantt: Gantt);
     /**
      * Method to populate predecessor collections in records
@@ -79,6 +80,7 @@ export declare class Dependency {
      * @private
      */
     updatedRecordsDateByPredecessor(): void;
+    updateParentPredecessor(): void;
     /**
      * To validate task date values with dependency
      *