@syncfusion/ej2-gantt 22.2.5 → 22.2.8

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 22.2.5
+*  version : 22.2.8
 *  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.39",
+  "_id": "@syncfusion/ej2-gantt@22.2.7",
   "_inBundle": false,
-  "_integrity": "sha512-BaZToryAhXozcJBwqEyD9K9htNmV3PTYvCDPk8h1v/Je1zOdHHgWDK7J4fjBZpHPvXhDV5oVqMFRSEzanRuGaw==",
+  "_integrity": "sha512-qEmtJ4SVLRUtGVQ4ydjKAujo32uBoR2yLYtG/4EZHulkKvcO7R7w5unKRejOf79CewBiNYJsXnaKa1qVEAPhPg==",
   "_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.39.tgz",
-  "_shasum": "5c1001858679a9709c098c4d2f36870ac74bbe52",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-22.2.7.tgz",
+  "_shasum": "d1938874bfb2e708939be14a9a22d732ef197433",
   "_spec": "@syncfusion/ej2-gantt@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -36,20 +36,20 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~22.2.5",
-    "@syncfusion/ej2-buttons": "~22.2.5",
-    "@syncfusion/ej2-calendars": "~22.2.5",
+    "@syncfusion/ej2-buttons": "~22.2.8",
+    "@syncfusion/ej2-calendars": "~22.2.8",
     "@syncfusion/ej2-data": "~22.2.5",
-    "@syncfusion/ej2-dropdowns": "~22.2.5",
-    "@syncfusion/ej2-grids": "~22.2.5",
-    "@syncfusion/ej2-inputs": "~22.2.5",
+    "@syncfusion/ej2-dropdowns": "~22.2.8",
+    "@syncfusion/ej2-grids": "~22.2.8",
+    "@syncfusion/ej2-inputs": "~22.2.7",
     "@syncfusion/ej2-layouts": "~22.2.5",
-    "@syncfusion/ej2-lists": "~22.2.5",
-    "@syncfusion/ej2-navigations": "~22.2.5",
+    "@syncfusion/ej2-lists": "~22.2.8",
+    "@syncfusion/ej2-navigations": "~22.2.8",
     "@syncfusion/ej2-notifications": "~22.2.5",
-    "@syncfusion/ej2-popups": "~22.2.5",
+    "@syncfusion/ej2-popups": "~22.2.7",
     "@syncfusion/ej2-richtexteditor": "~22.2.5",
-    "@syncfusion/ej2-svg-base": "~22.2.5",
-    "@syncfusion/ej2-treegrid": "~22.2.5"
+    "@syncfusion/ej2-svg-base": "~22.2.8",
+    "@syncfusion/ej2-treegrid": "~22.2.7"
   },
   "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.2.5",
+  "version": "22.2.8",
   "sideEffects": false
 }

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

@@ -151,7 +151,13 @@ var ContextMenu = /** @class */ (function () {
                 }
                 break;
             case 'DeleteTask':
-                this.parent.editModule.deleteRecord(this.rowData);
+                if ((this.parent.selectionSettings.mode !== 'Cell' && this.parent.selectionModule.selectedRowIndexes.length > 1)
+                    || (this.parent.selectionSettings.mode === 'Cell' && this.parent.selectionModule.getSelectedRowCellIndexes().length)) {
+                    this.parent.editModule.startDeleteAction();
+                }
+                else {
+                    this.parent.editModule.deleteRecord(this.rowData);
+                }
                 break;
             case 'ToTask':
                 if (!isNullOrUndefined(this.rowData)) {

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

@@ -619,7 +619,7 @@ var CriticalPath = /** @class */ (function () {
             }
             var predecessorLength = flatRecords[index].ganttProperties.predecessor;
             var noSlackValue = 0 + ' ' + flatRecords[index].ganttProperties.durationUnit;
-            for (var i = 0; i < predecessorLength.length; i++) {
+            for (var i = predecessorLength.length - 1; i >= 0; i--) {
                 var toID = void 0;
                 if (this.parent.viewType === 'ProjectView') {
                     toID = this.parent.ids.indexOf(predecessorLength[i].to);
@@ -630,8 +630,19 @@ var CriticalPath = /** @class */ (function () {
                 var dateDifference = void 0;
                 var currentData = flatRecords[index].ganttProperties;
                 if (predecessorLength[i].type === 'FS') {
-                    /* eslint-disable-next-line */
-                    dateDifference = this.parent.dataOperation.getDuration(currentData.endDate, flatRecords[toID].ganttProperties.startDate, currentData.durationUnit, currentData.isAutoSchedule, currentData.isMilestone);
+                    if (predecessorLength[i].to != currentData.taskId.toString() || this.parent.viewType === 'ResourceView') {
+                        /* eslint-disable-next-line */
+                        dateDifference = this.parent.dataOperation.getDuration(currentData.endDate, flatRecords[toID].ganttProperties.startDate, currentData.durationUnit, currentData.isAutoSchedule, currentData.isMilestone);
+                    }
+                    else {
+                        toID = this.parent.ids.indexOf(predecessorLength[i].from);
+                        /* eslint-disable-next-line */
+                        dateDifference = this.parent.dataOperation.getDuration(flatRecords[toID].ganttProperties.endDate, currentData.startDate, currentData.durationUnit, currentData.isAutoSchedule, currentData.isMilestone);
+                        if (dateDifference === 0 && index !== toID && flatRecords[index].slack == noSlackValue) {
+                            flatRecords[toID].slack = flatRecords[index].slack;
+                            flatRecords[toID].ganttProperties.slack = flatRecords[index].slack;
+                        }
+                    }
                     if (dateDifference === 0 && index !== toID && flatRecords[index].slack !== noSlackValue) {
                         flatRecords[index].slack = flatRecords[toID].slack;
                         flatRecords[index].ganttProperties.slack = flatRecords[toID].slack;

package/src/gantt/actions/edit.js

@@ -1,5 +1,5 @@
 import { isNullOrUndefined, isUndefined, extend, setValue, getValue, deleteObject, createElement } from '@syncfusion/ej2-base';
-import { DataManager, Query, ODataAdaptor, WebApiAdaptor } from '@syncfusion/ej2-data';
+import { DataManager, Query, ODataAdaptor, WebApiAdaptor, ODataV4Adaptor } from '@syncfusion/ej2-data';
 import { getUid } from '@syncfusion/ej2-grids';
 import { getSwapKey, isScheduledTask, getTaskData, isRemoteData, getIndex, isCountRequired, updateDates } from '../base/utils';
 import { CellEdit } from './cell-edit';
@@ -2926,7 +2926,7 @@ var Edit = /** @class */ (function () {
                         /* tslint:disable-next-line */
                         var query = _this.parent.query instanceof Query ? _this.parent.query : new Query();
                         var adaptor = data_2.adaptor;
-                        if (!(adaptor instanceof WebApiAdaptor && adaptor instanceof ODataAdaptor) || data_2.dataSource.batchUrl) {
+                        if (!(adaptor instanceof WebApiAdaptor && adaptor instanceof ODataAdaptor && adaptor instanceof ODataV4Adaptor) || data_2.dataSource.batchUrl) {
                             /* tslint:disable-next-line */
                             var crud = data_2.saveChanges(updatedData_2, _this.parent.taskFields.id, null, query);
                             crud.then(function (e) {
@@ -3061,6 +3061,9 @@ var Edit = /** @class */ (function () {
             else if (ganttColumns[i].field === 'taskType') {
                 tempRecord[fieldName] = this.parent.taskType;
             }
+            else if (ganttColumns[i].field === taskSettingsFields.milestone) {
+                tempRecord[fieldName] = null;
+            }
             else {
                 tempRecord[this.parent.ganttColumns[i].field] = '';
             }

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

@@ -482,6 +482,12 @@ var TaskbarEdit = /** @class */ (function (_super) {
      */
     TaskbarEdit.prototype.updateMouseDownProperties = function (event) {
         var e = this.getCoordinate(event);
+        var parentWithZoomStyle = this.parent.element.closest('[style*="zoom"]');
+        if (parentWithZoomStyle) {
+            var zoom1 = parseFloat(getComputedStyle(parentWithZoomStyle).zoom);
+            e.pageX = e.pageX / zoom1;
+            e.pageY = e.pageY / zoom1;
+        }
         if (e.pageX || e.pageY) {
             var containerPosition = this.parent.getOffsetRect(this.parent.ganttChartModule.chartBodyContainer);
             if (this.parent.enableRtl) {
@@ -693,6 +699,12 @@ var TaskbarEdit = /** @class */ (function (_super) {
     TaskbarEdit.prototype.updateMouseMoveProperties = function (event) {
         var containerPosition = this.parent.getOffsetRect(this.parent.ganttChartModule.chartBodyContainer);
         var e = this.getCoordinate(event);
+        var parentWithZoomStyle = this.parent.element.closest('[style*="zoom"]');
+        if (parentWithZoomStyle) {
+            var zoom1 = parseFloat(getComputedStyle(parentWithZoomStyle).zoom);
+            e.pageX = e.pageX / zoom1;
+            e.pageY = e.pageY / zoom1;
+        }
         if (e.pageX || e.pageY) {
             if (this.parent.enableRtl) {
                 this.mouseMoveX = Math.abs(e.pageX - (containerPosition.left +
@@ -1110,7 +1122,16 @@ var TaskbarEdit = /** @class */ (function (_super) {
                 }
                 else {
                     if (this.mouseMoveX < (item.left + segment.left)) {
-                        segment.width = this.parent.perDayWidth;
+                        var segmentWidth = (this.parent.timelineModule.isSingleTier &&
+                            (this.parent.timelineModule.customTimelineSettings.bottomTier.unit === "Hour" ||
+                                this.parent.timelineModule.customTimelineSettings.topTier.unit === "Hour" ||
+                                this.parent.timelineModule.customTimelineSettings.bottomTier.unit === "Minutes" ||
+                                this.parent.timelineModule.customTimelineSettings.topTier.unit === "Minutes")) ||
+                            (this.parent.timelineModule.customTimelineSettings.bottomTier.unit === "Hour" ||
+                                this.parent.timelineModule.customTimelineSettings.bottomTier.unit === "Minutes") ?
+                            this.parent.timelineModule.customTimelineSettings.timelineUnitSize :
+                            this.parent.perDayWidth;
+                        segment.width = segmentWidth;
                     }
                 }
             }
@@ -2075,6 +2096,12 @@ var TaskbarEdit = /** @class */ (function (_super) {
     };
     // eslint-disable-next-line
     TaskbarEdit.prototype.triggerDependencyEvent = function (e, mouseUp) {
+        var parentWithZoomStyle = this.parent.element.closest('[style*="zoom"]');
+        var zoomedPageY;
+        if (parentWithZoomStyle) {
+            var zoom1 = parseFloat(getComputedStyle(parentWithZoomStyle).zoom);
+            zoomedPageY = e.pageY / zoom1;
+        }
         var fromItem = this.taskBarEditRecord.ganttProperties;
         var toItem = this.connectorSecondRecord ? this.connectorSecondRecord.ganttProperties : null;
         var predecessor;
@@ -2136,7 +2163,7 @@ var TaskbarEdit = /** @class */ (function (_super) {
                 table[1].innerText = toItem.taskName;
                 table[2].innerText = this.parent.localeObj.getConstant(currentTarget);
                 var tooltipElement = this.parent.connectorLineModule.tooltipTable.parentElement.parentElement;
-                if (tooltipElement.offsetTop + tooltipElement.offsetHeight > e.pageY) {
+                if (tooltipElement.offsetTop + tooltipElement.offsetHeight > zoomedPageY) {
                     tooltipElement.style.top = (e.pageY - tooltipElement.offsetHeight - 20) + 'px';
                 }
             }

package/src/gantt/base/css-constants.d.ts

@@ -46,6 +46,7 @@ export declare const chartRowCell: string;
 export declare const chartRow: string;
 export declare const rowExpand: string;
 export declare const rowCollapse: string;
+export declare const collapseParent: string;
 export declare const taskBarLeftResizer: string;
 export declare const taskBarRightResizer: string;
 export declare const childProgressResizer: string;

package/src/gantt/base/css-constants.js

@@ -48,6 +48,7 @@ export var chartRowCell = 'e-chart-row-cell';
 export var chartRow = 'e-chart-row';
 export var rowExpand = 'e-row-expand';
 export var rowCollapse = 'e-row-collapse';
+export var collapseParent = 'e-collapse-parent';
 export var taskBarLeftResizer = 'e-taskbar-left-resizer';
 export var taskBarRightResizer = 'e-taskbar-right-resizer';
 export var childProgressResizer = 'e-child-progress-resizer';

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

@@ -120,6 +120,9 @@ var GanttChart = /** @class */ (function () {
         }
         this.updateWidthAndHeight();
         this.parent.notify('selectRowByIndex', {});
+        if (this.parent.timelineModule.isZoomToFit) {
+            this.parent.timelineModule.processZoomToFit();
+        }
     };
     /**
      * @param {IGanttData[]} records .

package/src/gantt/base/gantt.js

@@ -831,6 +831,13 @@ var Gantt = /** @class */ (function (_super) {
             if (this.enableCriticalPath && criticalModule && criticalModule.criticalPathCollection) {
                 this.criticalPathModule.criticalConnectorLine(criticalModule.criticalPathCollection, criticalModule.detailPredecessorCollection, true, criticalModule.predecessorCollectionTaskIds);
             }
+            this.calculateDimensions();
+            var pane1 = this.splitterModule.splitterObject.element.querySelectorAll('.e-pane')[0];
+            var pane2 = this.splitterModule.splitterObject.element.querySelectorAll('.e-pane')[1];
+            this.splitterModule.splitterPreviousPositionGrid = pane1.scrollWidth + 1 + 'px';
+            this.splitterModule.splitterPreviousPositionChart = pane2.scrollWidth + 1 + 'px';
+            this.splitterModule.splitterObject.paneSettings[0].size = this.splitterModule['getSpliterPositionInPercentage'](this.splitterModule.splitterPreviousPositionGrid);
+            this.splitterModule.splitterObject.paneSettings[1].size = this.splitterModule.splitterPreviousPositionChart;
         }
     };
     Gantt.prototype.keyActionHandler = function (e) {

package/src/gantt/base/interface.d.ts

@@ -401,8 +401,6 @@ export interface IConnectorLineObject {
     isCritical?: boolean;
     parentEndPoint?: number;
     childEndPoint?: number;
-    isManualChild?: boolean;
-    isManualParent?: boolean;
 }
 export interface ISplitterResizedEventArgs {
     /** Defines the element. */

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

@@ -2430,6 +2430,7 @@ var TaskProcessor = /** @class */ (function (_super) {
                     this.parent.setRecordValue('progress', Math.floor(parentProgress), parentProp, true);
                     this.parent.setRecordValue('totalProgress', totalProgress, parentProp, true);
                     this.parent.setRecordValue('totalDuration', totalDuration, parentProp, true);
+                    this.parent.setRecordValue('autoDuration', parentProp.duration, parentProp, true);
                     if (!parentProp.isAutoSchedule) {
                         this.parent.setRecordValue('autoDuration', this.calculateAutoDuration(parentProp), parentProp, true);
                         this.updateAutoWidthLeft(parentData);

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

@@ -620,8 +620,16 @@ var GanttTreeGrid = /** @class */ (function () {
                 this.parent.getDateFormat().toLowerCase().indexOf('hh') !== -1 ? 'datetimepickeredit' : 'datepickeredit';
             column.format = column.format ? column.format : { type: 'date', format: this.parent.getDateFormat() };
             column.width = column.width ? column.width : 150;
-            if (!column.edit || (column.edit && !column.edit.create)) {
-                column.edit = { params: { renderDayCell: this.parent.renderWorkingDayCell.bind(this.parent) } };
+            if (column.edit && column.edit.params) {
+                column.edit.params['renderDayCell'] = this.parent.renderWorkingDayCell.bind(this.parent);
+            }
+            else {
+                if (column.edit) {
+                    column.edit.params = { renderDayCell: this.parent.renderWorkingDayCell.bind(this.parent) };
+                }
+                else {
+                    column.edit = { params: { renderDayCell: this.parent.renderWorkingDayCell.bind(this.parent) } };
+                }
             }
         }
         else if (taskSettings.endDate === column.field) {
@@ -635,8 +643,16 @@ var GanttTreeGrid = /** @class */ (function () {
             column.editType = column.editType ? column.editType :
                 this.parent.getDateFormat().toLowerCase().indexOf('hh') !== -1 ? 'datetimepickeredit' : 'datepickeredit';
             column.width = column.width ? column.width : 150;
-            if (!column.edit || (column.edit && !column.edit.create)) {
-                column.edit = { params: { renderDayCell: this.parent.renderWorkingDayCell.bind(this.parent) } };
+            if (column.edit && column.edit.params) {
+                column.edit.params['renderDayCell'] = this.parent.renderWorkingDayCell.bind(this.parent);
+            }
+            else {
+                if (column.edit) {
+                    column.edit.params = { renderDayCell: this.parent.renderWorkingDayCell.bind(this.parent) };
+                }
+                else {
+                    column.edit = { params: { renderDayCell: this.parent.renderWorkingDayCell.bind(this.parent) } };
+                }
             }
         }
         else if (taskSettings.duration === column.field) {

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

@@ -256,7 +256,7 @@ var ChartRows = /** @class */ (function (_super) {
                 childTaskbarNode = this.createDivElement(template);
             }
         }
-        if (this.parent.enableRtl && childTaskbarNode[0] && childTaskbarNode[0].querySelector('.e-task-label')) {
+        if (this.parent.enableRtl && !isNullOrUndefined(childTaskbarNode) && childTaskbarNode[0] && childTaskbarNode[0].querySelector('.e-task-label')) {
             childTaskbarNode[0].querySelector('.e-task-label').style.marginLeft = '15px';
             childTaskbarNode[0].querySelector('.e-task-label').style.marginRight = '8px';
             if (childTaskbarNode[0].querySelector('.e-gantt-child-progressbar')) {
@@ -638,8 +638,8 @@ var ChartRows = /** @class */ (function (_super) {
             milestoneNode = this.milestoneTemplateFunction(extend({ index: i }, data), this.parent, 'MilestoneTemplate', this.getTemplateID('MilestoneTemplate'), false, undefined, rootElement[0], this.parent.treeGrid['root']);
         }
         else {
-            var template = '<div class="' + cls.traceMilestone + '" style="width:' + ((this.parent.renderBaseline ? this.taskBarHeight - 3 : this.taskBarHeight - 7)) + 'px;height:' +
-                ((this.parent.renderBaseline ? this.taskBarHeight - 3 : this.taskBarHeight - 7)) + 'px;position:absolute;transform: rotate(45deg);top:' + (this.parent.rowHeight > 40 ? 0 : 2) + 'px;left:' + (this.parent.renderBaseline ? 2 : 1) + 'px;"> </div>';
+            var template = '<div class="' + cls.traceMilestone + '" style="width:' + ((this.parent.renderBaseline ? this.taskBarHeight : this.taskBarHeight - 6)) + 'px;height:' +
+                ((this.parent.renderBaseline ? this.taskBarHeight : this.taskBarHeight - 6)) + 'px;position:absolute;transform: rotate(45deg);top:' + (this.parent.rowHeight > 40 ? 0 : 1) + 'px;left:' + 1 + 'px;"> </div>';
             milestoneNode = this.createDivElement(template);
         }
         return milestoneNode;
@@ -667,9 +667,9 @@ var ChartRows = /** @class */ (function (_super) {
     ChartRows.prototype.getMilestoneBaselineNode = function () {
         var data = this.templateData;
         var baselineMilestoneHeight = this.parent.renderBaseline ? 5 : 2;
-        var template = '<div class="' + cls.baselineMilestoneContainer + '" style="width:' + ((this.parent.renderBaseline ? this.taskBarHeight - 5 : this.taskBarHeight - 10) + 2) + 'px;height:' +
-            ((this.parent.renderBaseline ? this.taskBarHeight - 5 : this.taskBarHeight - 10) + 2) + 'px;position:absolute;transform:rotate(45deg);' + (this.parent.enableRtl ? 'right:' : 'left:') + (this.parent.enableRtl ? (data.ganttProperties.left -
-            (this.milestoneHeight / 2) + 3) : (data.ganttProperties.baselineLeft - (this.milestoneHeight / 2) + 2)) + 'px;' + (this.baselineColor ? 'background-color: ' + this.baselineColor + ';' : '') + 'margin-top:' + ((-Math.floor(this.parent.rowHeight - this.milestoneMarginTop) + baselineMilestoneHeight) + 3) + 'px"> </div>';
+        var template = '<div class="' + cls.baselineMilestoneContainer + '" style="width:' + ((this.parent.renderBaseline ? this.taskBarHeight : this.taskBarHeight - 10)) + 'px;height:' +
+            ((this.parent.renderBaseline ? this.taskBarHeight : this.taskBarHeight - 10)) + 'px;position:absolute;transform:rotate(45deg);' + (this.parent.enableRtl ? 'right:' : 'left:') + (this.parent.enableRtl ? (data.ganttProperties.left -
+            (this.milestoneHeight / 2) + 3) : (data.ganttProperties.left - (this.milestoneHeight / 2) + 1)) + 'px;' + (this.baselineColor ? 'background-color: ' + this.baselineColor + ';' : '') + 'margin-top:' + ((-Math.floor(this.parent.rowHeight - this.milestoneMarginTop) + baselineMilestoneHeight) + 2) + 'px"> </div>';
         return this.createDivElement(template);
     };
     /**
@@ -1355,6 +1355,12 @@ var ChartRows = /** @class */ (function (_super) {
             (_a = this.ganttChartTableBody).replaceChildren.apply(_a, dupChartBody.childNodes);
             this.parent.initialChartRowElements = this.parent.ganttChartModule.getChartRows();
         }
+        if (this.parent.enableCriticalPath && this.parent.criticalPathModule) {
+            var criticalModule = this.parent.criticalPathModule;
+            if (criticalModule.criticalPathCollection) {
+                this.parent.criticalPathModule.criticalConnectorLine(criticalModule.criticalPathCollection, criticalModule.detailPredecessorCollection, true, criticalModule.predecessorCollectionTaskIds);
+            }
+        }
         this.parent.renderTemplates();
         this.triggerQueryTaskbarInfo();
         this.parent.modifiedRecords = [];
@@ -1369,6 +1375,7 @@ var ChartRows = /** @class */ (function (_super) {
                 }
             }
         }
+        this.parent.isGanttChartRendered = true;
         this.parent.renderTemplates();
     };
     /**
@@ -1691,6 +1698,18 @@ var ChartRows = /** @class */ (function (_super) {
             }
         }
         else if (taskbarElement) {
+            if (taskbarElement && this.parent.enableVirtualization && !args.data.expanded) {
+                var childElement = trElement.querySelector('.' + cls.collapseParent);
+                if (childElement) {
+                    for (var i = 0; i < childElement.childNodes.length; i++) {
+                        var taskbar = childElement.childNodes[i];
+                        var mainTaskbar = taskbar.querySelector('.' + cls.traceChildTaskBar);
+                        if (mainTaskbar) {
+                            mainTaskbar.style.backgroundColor = args.taskbarBgColor;
+                        }
+                    }
+                }
+            }
             if (taskbarElement.querySelector(classCollections[0]) &&
                 getComputedStyle(taskbarElement.querySelector(classCollections[0])).backgroundColor !== args.taskbarBgColor) {
                 taskbarElement.querySelector(classCollections[0]).style.backgroundColor = args.taskbarBgColor;

package/src/gantt/renderer/connector-line.d.ts

@@ -17,8 +17,6 @@ export declare class ConnectorLine {
     private y2;
     private y3;
     private y4;
-    private manualParent;
-    private manualChild;
     private point1;
     private point2;
     private parent;