@syncfusion/ej2-gantt 22.2.7 → 22.2.8

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 22.2.7
+*  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.2.5",
+  "_id": "@syncfusion/ej2-gantt@22.2.7",
   "_inBundle": false,
-  "_integrity": "sha512-UDwacL/LfLOpFmKDI1ZYpjmlQyZtiKw/Nl11Nm7qIyi2ujoFpfwtx6Ba0e9JdEDR3If8g24FolNt5LRLzO04lQ==",
+  "_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.2.5.tgz",
-  "_shasum": "95538b88216a3ffdfc5d9ee6cbb720c39e7a50e0",
+  "_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,19 +36,19 @@
   "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.7",
+    "@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.7",
+    "@syncfusion/ej2-lists": "~22.2.8",
+    "@syncfusion/ej2-navigations": "~22.2.8",
     "@syncfusion/ej2-notifications": "~22.2.5",
     "@syncfusion/ej2-popups": "~22.2.7",
     "@syncfusion/ej2-richtexteditor": "~22.2.5",
-    "@syncfusion/ej2-svg-base": "~22.2.5",
+    "@syncfusion/ej2-svg-base": "~22.2.8",
     "@syncfusion/ej2-treegrid": "~22.2.7"
   },
   "deprecated": false,
@@ -74,6 +74,6 @@
     "url": "git+https://github.com/syncfusion/ej2-gantt.git"
   },
   "typings": "index.d.ts",
-  "version": "22.2.7",
+  "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/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 +
@@ -2084,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;
@@ -2145,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.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/renderer/chart-rows.js

@@ -1698,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/edit-tooltip.js

@@ -50,13 +50,13 @@ var EditTooltip = /** @class */ (function () {
      * @returns {void} .
      */
     EditTooltip.prototype.updateTooltipPosition = function (args) {
-        var containerPosition = this.parent.getOffsetRect(this.parent.chartPane);
-        var leftEnd = containerPosition.left + this.parent.chartPane.offsetWidth;
-        var tooltipPositionX = args.element.offsetLeft;
-        if (leftEnd < (tooltipPositionX + args.element.offsetWidth)) {
-            tooltipPositionX += leftEnd - (tooltipPositionX + args.element.offsetWidth);
-        }
-        args.element.style.left = tooltipPositionX + 'px';
+        // const containerPosition: { top: number, left: number } = this.parent.getOffsetRect(this.parent.chartPane);
+        // const leftEnd: number = containerPosition.left + this.parent.chartPane.offsetWidth;
+        // let tooltipPositionX: number = args.element.offsetLeft;
+        // if (leftEnd < (tooltipPositionX + args.element.offsetWidth)) {
+        //     tooltipPositionX += leftEnd - (tooltipPositionX + args.element.offsetWidth);
+        // }
+        // args.element.style.left = tooltipPositionX + 'px';
         args.element.style.visibility = 'visible';
     };
     /**

package/src/gantt/renderer/tooltip.js

@@ -185,35 +185,34 @@ var Tooltip = /** @class */ (function () {
      */
     Tooltip.prototype.updateTooltipPosition = function (args) {
         args.element.style.visibility = 'visible';
-        if (isNullOrUndefined(this.tooltipMouseEvent) || args.target.classList.contains('e-notes-info')) {
-            return;
-        }
-        var postion = this.getPointorPosition(this.tooltipMouseEvent);
-        var containerPosition = this.parent.getOffsetRect(this.parent.chartPane);
-        var topEnd = containerPosition.top + this.parent.chartPane.offsetHeight;
-        var leftEnd = containerPosition.left + this.parent.chartPane.offsetWidth;
-        var tooltipPositionX = postion.x;
-        var tooltipPositionY = postion.y;
-        if (leftEnd < (tooltipPositionX + args.element.offsetWidth + 10)) {
-            while (leftEnd < (tooltipPositionX + args.element.offsetWidth + 10)) {
-                tooltipPositionX = leftEnd - args.element.offsetWidth - 10;
-                args.element.style.left = tooltipPositionX + 'px';
-            }
-        }
-        else {
-            tooltipPositionX = tooltipPositionX + 10;
-            args.element.style.left = tooltipPositionX + 'px';
-        }
-        if (window.innerHeight < args.element.offsetHeight + tooltipPositionY) {
-            tooltipPositionY = tooltipPositionY - args.element.offsetHeight - 10;
-        }
-        if ((topEnd < (tooltipPositionY + args.element.offsetHeight + 20))) {
-            tooltipPositionY = tooltipPositionY - args.element.offsetHeight - 10;
-        }
-        else {
-            tooltipPositionY = tooltipPositionY + 10;
-        }
-        args.element.style.top = tooltipPositionY + 'px';
+        // if (isNullOrUndefined(this.tooltipMouseEvent) || args.target.classList.contains('e-notes-info')) {
+        //     return;
+        // }
+        // const postion: { x: number, y: number } = this.getPointorPosition(this.tooltipMouseEvent);
+        // const containerPosition: { top: number, left: number, width?: number, height?: number } =
+        //  this.parent.getOffsetRect(this.parent.chartPane);
+        // const topEnd: number = containerPosition.top + this.parent.chartPane.offsetHeight;
+        // const leftEnd: number = containerPosition.left + this.parent.chartPane.offsetWidth;
+        // let tooltipPositionX: number = postion.x;
+        // let tooltipPositionY: number = postion.y;
+        // if (leftEnd < (tooltipPositionX + args.element.offsetWidth + 10)) {
+        //     while (leftEnd < (tooltipPositionX + args.element.offsetWidth + 10)) {
+        //         tooltipPositionX = leftEnd - args.element.offsetWidth - 10;
+        //         args.element.style.left = tooltipPositionX + 'px';
+        //     }
+        // } else {
+        //     tooltipPositionX = tooltipPositionX + 10;
+        //     args.element.style.left = tooltipPositionX + 'px';
+        // }
+        // if (window.innerHeight < args.element.offsetHeight + tooltipPositionY) {
+        //     tooltipPositionY = tooltipPositionY - args.element.offsetHeight - 10;
+        // }
+        // if ((topEnd < (tooltipPositionY + args.element.offsetHeight + 20))) {
+        //     tooltipPositionY = tooltipPositionY - args.element.offsetHeight - 10;
+        // } else {
+        //     tooltipPositionY = tooltipPositionY + 10;
+        // }
+        // args.element.style.top = tooltipPositionY + 'px';
     };
     /**
      * Method to get mouse pointor position