@syncfusion/ej2-gantt 22.1.37 → 22.1.39

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 22.1.37
+*  version : 22.1.39
 *  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@22.1.36",
+  "_id": "@syncfusion/ej2-gantt@22.1.38",
   "_inBundle": false,
-  "_integrity": "sha512-7MEx9csM58T3eHOhm9EkmpfUp3StyM/nXSx0wTSmAWKJ9zD/98YfEgd1yTSnx94hHHgXOQxngHnAxxVLVx8Ypg==",
+  "_integrity": "sha512-7FedUEMWDQKsmt0e1+CD2/34MjEu9feyw9UQYunIzqsUCu1qDRWFkf4nic/+sA4oY0vBEt2l62pS+co4QgnBwQ==",
   "_location": "/@syncfusion/ej2-gantt",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-gantt",
     "/@syncfusion/ej2-vue-gantt"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-22.1.36.tgz",
-  "_shasum": "c45c61ba695de72b2b0d8e80c56d87ac2577aed3",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-22.1.38.tgz",
+  "_shasum": "9e008d4d18aadf6f4e10de761d95397499fd9053",
   "_spec": "@syncfusion/ej2-gantt@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -35,21 +35,21 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~22.1.34",
-    "@syncfusion/ej2-buttons": "~22.1.36",
-    "@syncfusion/ej2-calendars": "~22.1.36",
-    "@syncfusion/ej2-data": "~22.1.36",
-    "@syncfusion/ej2-dropdowns": "~22.1.37",
-    "@syncfusion/ej2-grids": "~22.1.37",
-    "@syncfusion/ej2-inputs": "~22.1.34",
+    "@syncfusion/ej2-base": "~22.1.38",
+    "@syncfusion/ej2-buttons": "~22.1.39",
+    "@syncfusion/ej2-calendars": "~22.1.38",
+    "@syncfusion/ej2-data": "~22.1.38",
+    "@syncfusion/ej2-dropdowns": "~22.1.39",
+    "@syncfusion/ej2-grids": "~22.1.39",
+    "@syncfusion/ej2-inputs": "~22.1.39",
     "@syncfusion/ej2-layouts": "~22.1.37",
     "@syncfusion/ej2-lists": "~22.1.34",
-    "@syncfusion/ej2-navigations": "~22.1.36",
+    "@syncfusion/ej2-navigations": "~22.1.39",
     "@syncfusion/ej2-notifications": "~22.1.34",
-    "@syncfusion/ej2-popups": "~22.1.37",
-    "@syncfusion/ej2-richtexteditor": "~22.1.36",
-    "@syncfusion/ej2-svg-base": "~22.1.34",
-    "@syncfusion/ej2-treegrid": "~22.1.37"
+    "@syncfusion/ej2-popups": "~22.1.38",
+    "@syncfusion/ej2-richtexteditor": "~22.1.39",
+    "@syncfusion/ej2-svg-base": "~22.1.39",
+    "@syncfusion/ej2-treegrid": "~22.1.39"
   },
   "deprecated": false,
   "description": "Essential JS 2 Gantt Component",
@@ -74,6 +74,6 @@
     "url": "git+https://github.com/syncfusion/ej2-gantt.git"
   },
   "typings": "index.d.ts",
-  "version": "22.1.37",
+  "version": "22.1.39",
   "sideEffects": false
 }

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

@@ -101,65 +101,79 @@ var ContextMenu = /** @class */ (function () {
         }
         switch (this.item) {
             case 'TaskInformation':
-                if (isNaN(Number(this.rowData.ganttProperties.rowUniqueID))) {
-                    this.parent.openEditDialog(this.rowData.ganttProperties.rowUniqueID);
-                }
-                else {
-                    this.parent.openEditDialog(Number(this.rowData.ganttProperties.rowUniqueID));
+                if (!isNullOrUndefined(this.rowData)) {
+                    if (isNaN(Number(this.rowData.ganttProperties.rowUniqueID))) {
+                        this.parent.openEditDialog(this.rowData.ganttProperties.rowUniqueID);
+                    }
+                    else {
+                        this.parent.openEditDialog(Number(this.rowData.ganttProperties.rowUniqueID));
+                    }
                 }
                 break;
             case 'Above':
             case 'Below':
             case 'Child':
-                position = this.item;
-                data = extend({}, {}, this.rowData.taskData, true);
-                taskfields = this.parent.taskFields;
-                if (data[taskfields.startDate]) {
-                    this.parent.setRecordValue(taskfields.startDate, this.rowData.ganttProperties.startDate, data, true);
-                }
-                if (data[taskfields.endDate]) {
-                    this.parent.setRecordValue(taskfields.endDate, this.rowData.ganttProperties.endDate, data, true);
-                }
-                if (!isNullOrUndefined(taskfields.dependency)) {
-                    data[taskfields.dependency] = null;
-                }
-                if (!isNullOrUndefined(taskfields.child) && data[taskfields.child]) {
-                    delete data[taskfields.child];
-                }
-                if (!isNullOrUndefined(taskfields.parentID) && data[taskfields.parentID]) {
-                    data[taskfields.parentID] = null;
+                if (!isNullOrUndefined(this.rowData)) {
+                    position = this.item;
+                    data = extend({}, {}, this.rowData.taskData, true);
+                    taskfields = this.parent.taskFields;
+                    if (data[taskfields.startDate]) {
+                        this.parent.setRecordValue(taskfields.startDate, this.rowData.ganttProperties.startDate, data, true);
+                    }
+                    if (data[taskfields.endDate]) {
+                        this.parent.setRecordValue(taskfields.endDate, this.rowData.ganttProperties.endDate, data, true);
+                    }
+                    if (!isNullOrUndefined(taskfields.dependency)) {
+                        data[taskfields.dependency] = null;
+                    }
+                    if (!isNullOrUndefined(taskfields.child) && data[taskfields.child]) {
+                        delete data[taskfields.child];
+                    }
+                    if (!isNullOrUndefined(taskfields.parentID) && data[taskfields.parentID]) {
+                        data[taskfields.parentID] = null;
+                    }
+                    if (this.rowData) {
+                        var rowIndex = this.parent.updatedRecords.indexOf(this.rowData);
+                        this.parent.addRecord(data, position, rowIndex);
+                    }
                 }
-                if (this.rowData) {
-                    var rowIndex = this.parent.updatedRecords.indexOf(this.rowData);
-                    this.parent.addRecord(data, position, rowIndex);
+                else if (this.parent.flatData.length === 0) {
+                    this.parent.addRecord();
                 }
                 break;
             case 'Milestone':
             case 'ToMilestone':
-                this.parent.convertToMilestone(this.rowData.ganttProperties.rowUniqueID);
+                if (!isNullOrUndefined(this.rowData)) {
+                    this.parent.convertToMilestone(this.rowData.ganttProperties.rowUniqueID);
+                }
+                else if (this.parent.flatData.length === 0) {
+                    this.parent.addRecord();
+                }
                 break;
             case 'DeleteTask':
                 this.parent.editModule.deleteRecord(this.rowData);
                 break;
             case 'ToTask':
-                data = extend({}, {}, this.rowData.taskData, true);
-                taskfields = this.parent.taskFields;
-                if (!isNullOrUndefined(taskfields.duration)) {
-                    var ganttProp = this.rowData.ganttProperties;
-                    data[taskfields.duration] = '1 ' + ganttProp.durationUnit;
-                }
-                else {
-                    data[taskfields.startDate] = new Date(this.rowData.taskData[taskfields.startDate]);
-                    var endDate = new Date(this.rowData.taskData[taskfields.startDate]);
-                    endDate.setDate(endDate.getDate() + 1);
-                    data[taskfields.endDate] = endDate;
-                }
-                if (!isNullOrUndefined(data[taskfields.milestone])) {
-                    if (data[taskfields.milestone] === true) {
-                        data[taskfields.milestone] = false;
+                if (!isNullOrUndefined(this.rowData)) {
+                    data = extend({}, {}, this.rowData.taskData, true);
+                    taskfields = this.parent.taskFields;
+                    if (!isNullOrUndefined(taskfields.duration)) {
+                        var ganttProp = this.rowData.ganttProperties;
+                        data[taskfields.duration] = '1 ' + ganttProp.durationUnit;
+                    }
+                    else {
+                        data[taskfields.startDate] = new Date(this.rowData.taskData[taskfields.startDate]);
+                        var endDate = new Date(this.rowData.taskData[taskfields.startDate]);
+                        endDate.setDate(endDate.getDate() + 1);
+                        data[taskfields.endDate] = endDate;
                     }
+                    if (!isNullOrUndefined(data[taskfields.milestone])) {
+                        if (data[taskfields.milestone] === true) {
+                            data[taskfields.milestone] = false;
+                        }
+                    }
+                    this.parent.updateRecordByID(data);
                 }
-                this.parent.updateRecordByID(data);
                 break;
             case 'Cancel':
                 this.parent.cancelEdit();
@@ -315,7 +329,7 @@ var ContextMenu = /** @class */ (function () {
             this.contextMenu.enableItems(['Add', 'Save', 'Convert', 'Delete Dependency', 'Delete Task', 'TaskMode', 'Indent', 'Outdent', 'SplitTask', 'MergeTask'], false);
         }
         if ((isNullOrUndefined(args.gridRow) && isNullOrUndefined(args.chartRow)) || this.contentMenuItems.length === 0) {
-            if (!isNullOrUndefined(args.parentItem) && !isNullOrUndefined(menuElement)) {
+            if (!isNullOrUndefined(args.parentItem) && !isNullOrUndefined(menuElement) || !isNullOrUndefined(closest(target, '.e-content'))) {
                 args.cancel = false;
             }
             else {
@@ -355,7 +369,7 @@ var ContextMenu = /** @class */ (function () {
             args.disableItems = this.disableItems;
             args.hideItems = this.hideItems;
             args.hideChildItems = [];
-            if (args.rowData.level === 0 && this.parent.viewType === 'ResourceView') {
+            if (!isNullOrUndefined(args.rowData) && args.rowData.level === 0 && this.parent.viewType === 'ResourceView') {
                 args.cancel = true;
                 return;
             }
@@ -397,6 +411,9 @@ var ContextMenu = /** @class */ (function () {
                     if (!this.parent.editSettings.allowEditing || !this.parent.editModule) {
                         this.updateItemVisibility(item.text);
                     }
+                    if (this.parent.flatData.length === 0) {
+                        this.hideItems.push(item.text);
+                    }
                     break;
                 case 'Add':
                     if (!this.parent.editSettings.allowAdding || !this.parent.editModule) {
@@ -408,14 +425,14 @@ var ContextMenu = /** @class */ (function () {
                     this.hideItems.push(item.text);
                     break;
                 case 'Convert':
-                    if (this.rowData.hasChildRecords) {
+                    if (!isNullOrUndefined(this.rowData) && this.rowData.hasChildRecords) {
                         this.hideItems.push(item.text);
                     }
                     else if (!this.parent.editSettings.allowEditing || !this.parent.editModule) {
                         this.updateItemVisibility(item.text);
                     }
                     else {
-                        if (!this.rowData.ganttProperties.isMilestone) {
+                        if (!isNullOrUndefined(this.rowData) && !this.rowData.ganttProperties.isMilestone) {
                             subMenu.push(this.createItemModel(cons.content, 'ToMilestone', this.getLocale('toMilestone')));
                         }
                         else {
@@ -423,11 +440,14 @@ var ContextMenu = /** @class */ (function () {
                         }
                         item.items = subMenu;
                     }
+                    if (this.parent.flatData.length === 0) {
+                        this.hideItems.push(item.text);
+                    }
                     break;
                 case 'DeleteDependency':
                     {
                         var items = this.getPredecessorsItems();
-                        if (this.rowData.hasChildRecords) {
+                        if (!isNullOrUndefined(this.rowData) && this.rowData.hasChildRecords) {
                             this.hideItems.push(item.text);
                         }
                         else if (!this.parent.editSettings.allowDeleting || items.length === 0 || !this.parent.editModule) {
@@ -442,6 +462,9 @@ var ContextMenu = /** @class */ (function () {
                     if (!this.parent.editSettings.allowDeleting || !this.parent.editModule) {
                         this.updateItemVisibility(item.text);
                     }
+                    if (this.parent.flatData.length === 0) {
+                        this.hideItems.push(item.text);
+                    }
                     break;
                 case 'TaskMode':
                     if (this.parent.taskMode !== 'Custom') {

package/src/gantt/actions/dependency.js

@@ -330,6 +330,9 @@ var Dependency = /** @class */ (function () {
             ganttRecord = predecessorsCollection[count];
             if ((!ganttRecord.hasChildRecords && !this.parent.allowParentDependency) || this.parent.allowParentDependency) {
                 this.updatePredecessorHelper(ganttRecord, predecessorsCollection);
+                if (!ganttRecord.ganttProperties.isAutoSchedule) {
+                    this.parent.connectorLineEditModule['calculateOffset'](ganttRecord);
+                }
             }
         }
     };
@@ -760,6 +763,9 @@ var Dependency = /** @class */ (function () {
                 if (validationOn !== 'predecessor' && this.parent.isValidationEnabled) {
                     this.validateChildGanttRecord(parentGanttRecord, record);
                 }
+                else if (!record.ganttProperties.isAutoSchedule && this.parent.UpdateOffsetOnTaskbarEdit) {
+                    this.parent.connectorLineEditModule['calculateOffset'](record);
+                }
                 if (parentGanttRecord.expanded === false || record.expanded === false) {
                     if (record) {
                         this.validatePredecessor(record, undefined, 'successor');

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

@@ -2196,7 +2196,7 @@ var DialogEdit = /** @class */ (function () {
         }
         for (var i = 0; i < childNodes.length; i++) {
             var div = childNodes[i];
-            var inputElement = div.querySelector('input[id^="' + ganttObj.element.id + '"]');
+            var inputElement = div.querySelector('input[id^="' + ganttObj.element.id + '"]') || div.querySelector('textarea[id^="' + ganttObj.element.id + '"]');
             if (inputElement) {
                 var fieldName = inputElement.id.replace(ganttObj.element.id, '');
                 var controlObj = div.querySelector('#' + ganttObj.element.id + fieldName).ej2_instances[0];
@@ -2216,7 +2216,7 @@ var DialogEdit = /** @class */ (function () {
                     }
                 }
                 else if (isCustom && column.editType === 'booleanedit') {
-                    if (inputElement.checked === true) {
+                    if (inputElement instanceof HTMLInputElement && inputElement.checked === true) {
                         tasksData[fieldName] = true;
                     }
                     else {

package/src/gantt/base/date-processor.js

@@ -1270,8 +1270,16 @@ var DateProcessor = /** @class */ (function () {
             viewData.forEach(function (data) {
                 taskRange = [];
                 var task = data.ganttProperties;
-                var tempStartDate = _this.getValidStartDate(task);
-                var tempEndDate = _this.getValidEndDate(task);
+                var tempStartDate;
+                var tempEndDate;
+                if (isNullOrUndefined(task.startDate) && isNullOrUndefined(task.endDate)) {
+                    tempStartDate = null;
+                    tempEndDate = null;
+                }
+                else {
+                    tempStartDate = _this.getValidStartDate(task);
+                    tempEndDate = _this.getValidEndDate(task);
+                }
                 addDateToList(minStartDate);
                 addDateToList(maxEndDate);
                 addDateToList(tempStartDate);

package/src/gantt/base/gantt-chart.js

@@ -762,7 +762,6 @@ var GanttChart = /** @class */ (function () {
         this.updateWidthAndHeight();
         this.reRenderConnectorLines();
         getValue('chartRow', args).setAttribute('aria-expanded', 'false');
-        this.parent.trigger('collapsed', args);
     };
     /**
      * To expand gantt rows
@@ -817,7 +816,6 @@ var GanttChart = /** @class */ (function () {
         this.updateWidthAndHeight();
         this.reRenderConnectorLines();
         getValue('chartRow', args).setAttribute('aria-expanded', 'true');
-        this.parent.trigger('expanded', args);
     };
     GanttChart.prototype.renderMultiTaskbar = function (record) {
         if (this.parent.enableMultiTaskbar) {
@@ -861,20 +859,27 @@ var GanttChart = /** @class */ (function () {
                 removeClass([targetElement[t]], 'e-row-expand');
             }
         }
-        var childRecords = record.childRecords;
-        var chartRows = this.getChartRows();
-        var rows = [];
-        for (var i = 0; i < chartRows.length; i++) {
-            if (chartRows[i].classList.contains('gridrowtaskId'
-                + record.ganttProperties.rowUniqueID + 'level' + (record.level + 1))) {
-                rows.push(chartRows[i]);
+        if (!this.parent.enableVirtualization) {
+            var childRecords = record.childRecords;
+            var chartRows = this.getChartRows();
+            var rows = [];
+            for (var i = 0; i < chartRows.length; i++) {
+                if (chartRows[i].classList.contains("gridrowtaskId" +
+                    record.ganttProperties.rowUniqueID +
+                    "level" +
+                    (record.level + 1))) {
+                    rows.push(chartRows[i]);
+                }
             }
-        }
-        for (var i = 0; i < rows.length; i++) {
-            rows[i].style.display = displayType;
-            if ((childRecords[i].childRecords && childRecords[i].childRecords.length)
-                && (action === 'collapse' || childRecords[i].expanded || this.isExpandAll)) {
-                this.expandCollapseChartRows(action, rows[i], childRecords[i], true);
+            for (var i = 0; i < rows.length; i++) {
+                rows[i].style.display = displayType;
+                if (childRecords[i].childRecords &&
+                    childRecords[i].childRecords.length &&
+                    (action === "collapse" ||
+                        childRecords[i].expanded ||
+                        this.isExpandAll)) {
+                    this.expandCollapseChartRows(action, rows[i], childRecords[i], true);
+                }
             }
         }
     };

package/src/gantt/base/tree-grid.js

@@ -241,25 +241,60 @@ var GanttTreeGrid = /** @class */ (function () {
     GanttTreeGrid.prototype.collapsing = function (args) {
         // Collapsing event
         var callBackPromise = new Deferred();
+        var collapsingArgs;
+        var record = getValue('data', args);
+        var recordLength = record.length;
         if (!this.parent.ganttChartModule.isExpandCollapseFromChart) {
-            var collapsingArgs = this.createExpandCollapseArgs(args);
-            this.parent.ganttChartModule.collapseGanttRow(collapsingArgs);
-            setValue('cancel', getValue('cancel', collapsingArgs), args);
+            if (!isNullOrUndefined(recordLength)) {
+                for (var i = 0; i < recordLength; i++) {
+                    collapsingArgs = this.createExpandCollapseArgs(args, record[i]);
+                    this.parent.ganttChartModule.collapseGanttRow(collapsingArgs);
+                }
+                setValue('cancel', getValue('cancel', collapsingArgs), args);
+            }
+            else {
+                collapsingArgs = this.createExpandCollapseArgs(args, null);
+                this.parent.ganttChartModule.collapseGanttRow(collapsingArgs);
+                setValue('cancel', getValue('cancel', collapsingArgs), args);
+            }
         }
     };
     GanttTreeGrid.prototype.expanding = function (args) {
         // Expanding event
         var callBackPromise = new Deferred();
+        var expandingArgs;
+        var record = getValue('data', args);
+        var recordLength = record.length;
         if (!this.parent.ganttChartModule.isExpandCollapseFromChart) {
-            var expandingArgs = this.createExpandCollapseArgs(args);
-            this.parent.ganttChartModule.expandGanttRow(expandingArgs);
-            setValue('cancel', getValue('cancel', expandingArgs), args);
+            if (!isNullOrUndefined(recordLength)) {
+                for (var i = 0; i < recordLength; i++) {
+                    expandingArgs = this.createExpandCollapseArgs(args, record[i]);
+                    this.parent.ganttChartModule.expandGanttRow(expandingArgs);
+                }
+                setValue('cancel', getValue('cancel', expandingArgs), args);
+            }
+            else {
+                expandingArgs = this.createExpandCollapseArgs(args, null);
+                this.parent.ganttChartModule.expandGanttRow(expandingArgs);
+                setValue('cancel', getValue('cancel', expandingArgs), args);
+            }
         }
     };
     GanttTreeGrid.prototype.collapsed = function (args) {
         if (!this.parent.ganttChartModule.isExpandCollapseFromChart && !this.parent.isExpandCollapseLevelMethod) {
-            var collapsedArgs = this.createExpandCollapseArgs(args);
-            this.parent.ganttChartModule.collapsedGanttRow(collapsedArgs);
+            var collapsedArgs = void 0;
+            var record = getValue('data', args);
+            var recordLength = record.length;
+            if (!isNullOrUndefined(recordLength)) {
+                for (var i = 0; i < recordLength; i++) {
+                    collapsedArgs = this.createExpandCollapseArgs(args, record[i]);
+                    this.parent.ganttChartModule.collapsedGanttRow(collapsedArgs);
+                }
+            }
+            else {
+                collapsedArgs = this.createExpandCollapseArgs(args, null);
+                this.parent.ganttChartModule.collapsedGanttRow(collapsedArgs);
+            }
             if (this.parent.viewType === 'ResourceView' && !this.parent.allowTaskbarOverlap && collapsedArgs['gridRow']) {
                 collapsedArgs['gridRow'].style.height = collapsedArgs['chartRow'].style.height;
                 this.parent.contentHeight = this.parent.enableRtl ? this.parent['element'].getElementsByClassName('e-content')[2].children[0]['offsetHeight'] :
@@ -273,19 +308,29 @@ var GanttTreeGrid = /** @class */ (function () {
         else {
             this.parent.hideSpinner();
         }
+        this.parent.trigger('collapsed', args);
     };
     GanttTreeGrid.prototype.expanded = function (args) {
         if (!this.parent.ganttChartModule.isExpandCollapseFromChart && !this.parent.isExpandCollapseLevelMethod) {
-            if (!args['data'].length) {
-                var expandedArgs = this.createExpandCollapseArgs(args);
-                this.parent.ganttChartModule.expandedGanttRow(expandedArgs);
-                if (this.parent.viewType === 'ResourceView' && !this.parent.allowTaskbarOverlap && args['row']) {
-                    args['row'].style.height = this.parent.rowHeight + 'px';
-                    this.parent.contentHeight = this.parent.enableRtl ? this.parent['element'].getElementsByClassName('e-content')[2].children[0]['offsetHeight'] :
-                        this.parent['element'].getElementsByClassName('e-content')[0].children[0]['offsetHeight'];
-                    document.getElementsByClassName('e-chart-rows-container')[0]['style'].height = this.parent.contentHeight + 'px';
+            var expandedArgs = void 0;
+            var record = getValue('data', args);
+            var recordLength = record.length;
+            if (!isNullOrUndefined(recordLength)) {
+                for (var i = 0; i < recordLength; i++) {
+                    expandedArgs = this.createExpandCollapseArgs(args, record[i]);
+                    this.parent.ganttChartModule.expandedGanttRow(expandedArgs);
                 }
             }
+            else {
+                expandedArgs = this.createExpandCollapseArgs(args, null);
+                this.parent.ganttChartModule.expandedGanttRow(expandedArgs);
+            }
+            if (this.parent.viewType === 'ResourceView' && !this.parent.allowTaskbarOverlap && args['row']) {
+                args['row'].style.height = this.parent.rowHeight + 'px';
+                this.parent.contentHeight = this.parent.enableRtl ? this.parent['element'].getElementsByClassName('e-content')[2].children[0]['offsetHeight'] :
+                    this.parent['element'].getElementsByClassName('e-content')[0].children[0]['offsetHeight'];
+                document.getElementsByClassName('e-chart-rows-container')[0]['style'].height = this.parent.contentHeight + 'px';
+            }
         }
         if (!isNullOrUndefined(this.parent.loadingIndicator) && this.parent.loadingIndicator.indicatorType === "Shimmer") {
             this.parent.hideMaskRow();
@@ -293,6 +338,7 @@ var GanttTreeGrid = /** @class */ (function () {
         else {
             this.parent.hideSpinner();
         }
+        this.parent.trigger('expanded', args);
     };
     GanttTreeGrid.prototype.actionBegin = function (args) {
         this.parent.notify('actionBegin', args);
@@ -316,13 +362,23 @@ var GanttTreeGrid = /** @class */ (function () {
     GanttTreeGrid.prototype.actionFailure = function (args) {
         this.parent.trigger('actionFailure', args);
     };
-    GanttTreeGrid.prototype.createExpandCollapseArgs = function (args) {
-        var record = getValue('data', args);
-        var gridRow = getValue('row', args);
+    GanttTreeGrid.prototype.createExpandCollapseArgs = function (args, currentRecord) {
         var chartRow;
-        chartRow = this.parent.ganttChartModule.getChartRows()[this.parent.currentViewData.indexOf(record)];
-        var eventArgs = { data: record, gridRow: gridRow, chartRow: chartRow, cancel: false };
-        return eventArgs;
+        var record = getValue('data', args);
+        var recordLength = record.length;
+        if (!isNullOrUndefined(recordLength)) {
+            var gridRow = getValue('row', args);
+            chartRow = this.parent.ganttChartModule.getChartRows()[this.parent.currentViewData.indexOf(currentRecord)];
+            var eventArgs = { data: currentRecord, gridRow: gridRow, chartRow: chartRow, cancel: false };
+            return eventArgs;
+        }
+        else {
+            var record_1 = getValue('data', args);
+            var gridRow = getValue('row', args);
+            chartRow = this.parent.ganttChartModule.getChartRows()[this.parent.currentViewData.indexOf(record_1)];
+            var eventArgs = { data: record_1, gridRow: gridRow, chartRow: chartRow, cancel: false };
+            return eventArgs;
+        }
     };
     GanttTreeGrid.prototype.treeActionComplete = function (args) {
         var updatedArgs = extend({}, args);

package/src/gantt/renderer/chart-rows.js

@@ -1696,8 +1696,8 @@ var ChartRows = /** @class */ (function (_super) {
                 taskbarElement.querySelector(classCollections[0]).style.backgroundColor = args.taskbarBgColor;
             }
             if (taskbarElement.querySelector(classCollections[0]) &&
-                getComputedStyle(taskbarElement.querySelector(classCollections[0])).borderColor !== args.taskbarBorderColor) {
-                taskbarElement.querySelector(classCollections[0]).style.borderColor = args.taskbarBorderColor;
+                getComputedStyle(taskbarElement.querySelector(classCollections[0])).outlineColor !== args.taskbarBorderColor) {
+                taskbarElement.querySelector(classCollections[0]).style.outlineColor = args.taskbarBorderColor;
             }
             if (taskbarElement.querySelector(classCollections[1]) &&
                 getComputedStyle(taskbarElement.querySelector(classCollections[1])).backgroundColor !== args.progressBarBgColor) {
@@ -1708,8 +1708,8 @@ var ChartRows = /** @class */ (function (_super) {
                 taskbarElement.style.backgroundColor = args.taskbarBgColor;
             }
             if (taskbarElement.classList.contains(cls.traceChildTaskBar) &&
-                getComputedStyle(taskbarElement).borderColor !== args.taskbarBorderColor) {
-                taskbarElement.style.borderColor = args.taskbarBorderColor;
+                getComputedStyle(taskbarElement).outlineColor !== args.taskbarBorderColor) {
+                taskbarElement.style.outlineColor = args.taskbarBorderColor;
             }
             if (taskbarElement.classList.contains(cls.traceChildProgressBar) &&
                 getComputedStyle(taskbarElement).backgroundColor !== args.progressBarBgColor) {

package/src/gantt/renderer/timeline.js

@@ -276,6 +276,8 @@ var Timeline = /** @class */ (function () {
             this.parent.showSpinner();
         }
         this.changeTimelineSettings(newTimeline);
+        this.isZoomToFit = false;
+        this.parent.isTimelineRoundOff = this.isZoomToFit ? false : isNullOrUndefined(this.parent.projectStartDate) ? true : false;
     };
     Timeline.prototype.bottomTierCellWidthCalc = function (mode, zoomLevel, date) {
         var convertedMilliSeconds;