@syncfusion/ej2-gantt 22.2.7 → 22.2.9

package/dist/es6/ej2-gantt.es5.js

@@ -1701,7 +1701,7 @@ var TaskProcessor = /** @__PURE__ @class */ (function (_super) {
                 }
             }
             if (!this.parent.taskFields.child) {
-                this.parent.taskFields.child = 'Children';
+                this.parent.setProperties({ taskFields: { child: 'Children' } }, true);
             }
             this.constructDataSource(data);
             hierarchicalData = this.hierarchyData;
@@ -2149,6 +2149,7 @@ var TaskProcessor = /** @__PURE__ @class */ (function (_super) {
                             segment.endDate = !taskSettings.duration && taskSettings.endDate
                                 && segment.endDate > data.ganttProperties.endDate ? data.ganttProperties.endDate : segment.endDate;
                             segment.offsetDuration = 1;
+                            segment.duration = this.getDuration(segment.startDate, segment.endDate, data.ganttProperties.durationUnit, data.ganttProperties.isAutoSchedule, data.ganttProperties.isMilestone);
                         }
                     }
                     else {
@@ -2757,17 +2758,17 @@ var TaskProcessor = /** @__PURE__ @class */ (function (_super) {
         var isValid = false;
         var modifiedsDate = new Date(startDate.getTime());
         var hour = 0;
-        if (ganttData && ganttData.durationUnit == 'hour') {
+        if (!isNullOrUndefined(ganttData) && ganttData.durationUnit == 'hour') {
             modifiedsDate = new Date(modifiedsDate.getTime() + ganttData.duration * 60 * 60 * 1000);
         }
-        if (ganttData && ganttData.durationUnit == 'minute') {
+        if (!isNullOrUndefined(ganttData) && (ganttData.durationUnit == 'minute') || !isNullOrUndefined(ganttData) && ganttData.durationUnit == "day" && ganttData.duration < 1) {
             modifiedsDate = new Date(modifiedsDate.getTime() + ganttData.duration * 60 * 1000);
         }
         for (var i = 0; i < this.parent.dayWorkingTime.length; i++) {
             hour = hour + this.parent.dayWorkingTime[i].to - this.parent.dayWorkingTime[i].from;
         }
         var dateDiff = modifiedsDate.getTime() - sDate.getTime();
-        if (ganttData && ganttData.durationUnit == 'minute' && ganttData.duration < (hour * 60)) {
+        if (!isNullOrUndefined(ganttData) && (ganttData.durationUnit == 'minute' && ganttData.duration < (hour * 60)) || !isNullOrUndefined(ganttData) && ganttData.durationUnit == "day" && ganttData.duration < 1) {
             if (tierMode === 'Day') {
                 if ((Math.floor((dateDiff / (1000 * 60 * 60)) % 24) >= hour || dateDiff === 0)) {
                     isValid = true;
@@ -4080,6 +4081,7 @@ var chartRowCell = 'e-chart-row-cell';
 var chartRow = 'e-chart-row';
 var rowExpand = 'e-row-expand';
 var rowCollapse = 'e-row-collapse';
+var collapseParent = 'e-collapse-parent';
 var taskBarLeftResizer = 'e-taskbar-left-resizer';
 var taskBarRightResizer = 'e-taskbar-right-resizer';
 var childProgressResizer = 'e-child-progress-resizer';
@@ -6548,6 +6550,13 @@ var Timeline = /** @__PURE__ @class */ (function () {
             tier = 'bottomTier';
             tr = null;
         }
+        if (this.parent.height === "Auto" || this.parent.timelineModule.isSingleTier) {
+            var timelineContainer = this.parent.element.getElementsByClassName('e-timeline-header-container')[0]['offsetHeight'];
+            this.parent.element.getElementsByClassName('e-chart-scroll-container e-content')[0]['style'].height = 'calc(100% - ' + timelineContainer + 'px)';
+            if (!isNullOrUndefined(this.parent.element.getElementsByClassName('e-gridcontent')[0])) {
+                this.parent.treeGrid.element.getElementsByClassName('e-gridcontent')[0]['style'].height = 'calc(100% - ' + timelineContainer + 'px)';
+            }
+        }
     };
     /**
      * To validate timeline tier count.
@@ -7045,7 +7054,7 @@ var Timeline = /** @__PURE__ @class */ (function () {
         // PDf export collection
         timelineCell.value = value;
         timelineCell.isWeekend = isWeekendCell;
-        timelineCell.width = cellWidth;
+        timelineCell.width = thWidth;
         return parentTr;
     };
     /**
@@ -10420,7 +10429,7 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
                 width = endLeft - left;
             }
             else {
-                left = ganttProp.left < ganttProp.autoLeft ? ganttProp.left : ganttProp.autoLeft;
+                left = ganttProp.left < ganttProp.autoLeft ? ganttProp.autoLeft : ganttProp.left;
                 width = ganttProp.autoWidth;
             }
             return left + width;
@@ -10931,6 +10940,18 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
             }
         }
         else if (taskbarElement) {
+            if (taskbarElement && this.parent.enableVirtualization && !args.data.expanded) {
+                var childElement = trElement.querySelector('.' + collapseParent);
+                if (childElement) {
+                    for (var i = 0; i < childElement.childNodes.length; i++) {
+                        var taskbar = childElement.childNodes[i];
+                        var mainTaskbar = taskbar.querySelector('.' + 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;
@@ -11202,10 +11223,10 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
         this.templateData = record;
         var parentTrNode = this.getTableTrNode();
         var leftLabelNode = this.leftLabelContainer();
-        var collapseParent = createElement('div', {
+        var collapseParent$$1 = createElement('div', {
             className: 'e-collapse-parent'
         });
-        parentTrNode[0].childNodes[0].childNodes[0].appendChild(collapseParent);
+        parentTrNode[0].childNodes[0].childNodes[0].appendChild(collapseParent$$1);
         var tasks = this.parent.dataOperation.setSortedChildTasks(record);
         this.parent.dataOperation.updateOverlappingIndex(tasks);
         var tRow;
@@ -11672,7 +11693,7 @@ var Dependency = /** @__PURE__ @class */ (function () {
             ganttRecord = predecessorsCollection[count];
             if ((!ganttRecord.hasChildRecords && !this.parent.allowParentDependency) || this.parent.allowParentDependency) {
                 this.updatePredecessorHelper(ganttRecord, predecessorsCollection);
-                if (!ganttRecord.ganttProperties.isAutoSchedule) {
+                if (!ganttRecord.ganttProperties.isAutoSchedule && this.parent.editSettings.allowEditing) {
                     this.parent.connectorLineEditModule['calculateOffset'](ganttRecord);
                 }
             }
@@ -13459,35 +13480,34 @@ var Tooltip$1 = /** @__PURE__ @class */ (function () {
      */
     Tooltip$$1.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
@@ -14314,14 +14334,14 @@ var Gantt = /** @__PURE__ @class */ (function (_super) {
         };
         this.focusModule = new FocusModule(this);
         if (this.zoomingLevels.length === 0) {
-            this.zoomingLevels = this.getZoomingLevels();
+            this.setProperties({ zoomingLevels: this.getZoomingLevels() }, true);
         }
         this.resourceFieldsMapping();
         if (isNullOrUndefined(this.resourceFields.unit)) { //set resourceUnit as unit if not mapping
-            this.resourceFields.unit = 'unit';
+            this.setProperties({ resourceFields: { unit: 'unit' } }, true);
         }
         if (!isNullOrUndefined(this.taskFields.work)) {
-            this.taskType = 'FixedWork';
+            this.setProperties({ taskType: 'FixedWork' }, true);
         }
         this.taskIds = [];
     };
@@ -14924,6 +14944,13 @@ var Gantt = /** @__PURE__ @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) {
@@ -18518,13 +18545,13 @@ var EditTooltip = /** @__PURE__ @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';
     };
     /**
@@ -19177,6 +19204,12 @@ var TaskbarEdit = /** @__PURE__ @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) {
@@ -19388,6 +19421,12 @@ var TaskbarEdit = /** @__PURE__ @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 +
@@ -20779,6 +20818,12 @@ var TaskbarEdit = /** @__PURE__ @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;
@@ -20840,7 +20885,7 @@ var TaskbarEdit = /** @__PURE__ @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';
                 }
             }
@@ -31070,7 +31115,13 @@ var ContextMenu$2 = /** @__PURE__ @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)) {
@@ -31224,7 +31275,7 @@ var ContextMenu$2 = /** @__PURE__ @class */ (function () {
                 this.parent.ganttChartModule.targetElement;
         // Closed edited cell before opening context menu
         // eslint-disable-next-line
-        if (!isNullOrUndefined(this.parent.editModule) && this.parent.editModule.cellEditModule && this.parent.editModule.cellEditModule.isCellEdit && target.parentElement.classList.contains('e-row')) {
+        if ((!isNullOrUndefined(this.parent.editModule) && this.parent.editModule.cellEditModule && this.parent.editModule.cellEditModule.isCellEdit && target.parentElement.classList.contains('e-row')) || target.parentElement.classList.contains('e-treecolumn-container')) {
             this.parent.treeGrid.closeEdit();
         }
         if (!isNullOrUndefined(args.element) && args.element.id === this.parent.element.id + '_contextmenu') {