@syncfusion/ej2-gantt 23.2.5 → 24.1.41

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 23.2.5
+*  version : 24.1.41
 *  Copyright Syncfusion Inc. 2001 - 2023. 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@23.2.4",
+  "_id": "@syncfusion/ej2-gantt@23.4.3",
   "_inBundle": false,
-  "_integrity": "sha512-wCNpECTDwGcIedOz9w24Xdjb4aa/L4eqjzhEpjtvKXnQQYVaMXirv1KaIx3kTQPB+qsFw7x02h/Ucsdyl6tTuw==",
+  "_integrity": "sha512-PQn3mPggjTWP+7Nd2Vwbpo0byamkSI9sXERH7wToeRAJSyhQDeD+iOTlYz4opFoDPYynPE5u3UoTpzWPOaujZA==",
   "_location": "/@syncfusion/ej2-gantt",
   "_phantomChildren": {},
   "_requested": {
@@ -23,10 +23,10 @@
     "/@syncfusion/ej2-react-gantt",
     "/@syncfusion/ej2-vue-gantt"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-23.2.4.tgz",
-  "_shasum": "94d38c11dffbbf536d2f515c84a3613fd10cd631",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-gantt/-/ej2-gantt-23.4.3.tgz",
+  "_shasum": "2d9c70eaf24627e671f63de1ef064501cb7d9a6f",
   "_spec": "@syncfusion/ej2-gantt@*",
-  "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -35,21 +35,21 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~23.2.4",
-    "@syncfusion/ej2-buttons": "~23.2.4",
-    "@syncfusion/ej2-calendars": "~23.2.4",
-    "@syncfusion/ej2-data": "~23.2.4",
-    "@syncfusion/ej2-dropdowns": "~23.2.5",
-    "@syncfusion/ej2-grids": "~23.2.4",
-    "@syncfusion/ej2-inputs": "~23.2.4",
-    "@syncfusion/ej2-layouts": "~23.2.4",
-    "@syncfusion/ej2-lists": "~23.2.4",
-    "@syncfusion/ej2-navigations": "~23.2.5",
-    "@syncfusion/ej2-notifications": "~23.2.5",
-    "@syncfusion/ej2-popups": "~23.2.4",
-    "@syncfusion/ej2-richtexteditor": "~23.2.5",
-    "@syncfusion/ej2-svg-base": "~23.2.5",
-    "@syncfusion/ej2-treegrid": "~23.2.4"
+    "@syncfusion/ej2-base": "~24.1.41",
+    "@syncfusion/ej2-buttons": "~24.1.41",
+    "@syncfusion/ej2-calendars": "~24.1.41",
+    "@syncfusion/ej2-data": "~24.1.41",
+    "@syncfusion/ej2-dropdowns": "~24.1.41",
+    "@syncfusion/ej2-grids": "~24.1.41",
+    "@syncfusion/ej2-inputs": "~24.1.41",
+    "@syncfusion/ej2-layouts": "~24.1.41",
+    "@syncfusion/ej2-lists": "~24.1.41",
+    "@syncfusion/ej2-navigations": "~24.1.41",
+    "@syncfusion/ej2-notifications": "~24.1.41",
+    "@syncfusion/ej2-popups": "~24.1.41",
+    "@syncfusion/ej2-richtexteditor": "~24.1.41",
+    "@syncfusion/ej2-svg-base": "~24.1.41",
+    "@syncfusion/ej2-treegrid": "~24.1.41"
   },
   "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": "23.2.5",
+  "version": "24.1.41",
   "sideEffects": false
 }

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

@@ -57,7 +57,11 @@ var CellEdit = /** @class */ (function () {
         }
         else {
             var callBackPromise_1 = new Deferred();
+            var parentReference_1 = this.parent;
             this.parent.trigger('cellEdit', args, function (arg) {
+                if (arg.columnName == parentReference_1.taskFields.progress && arg.rowData.hasChildRecords) {
+                    arg.cancel = true;
+                }
                 if (data.level === 0 && _this.parent.viewType === 'ResourceView') {
                     arg.cancel = true;
                 }
@@ -248,9 +252,9 @@ var CellEdit = /** @class */ (function () {
                 this.parent.setRecordValue('startDate', null, ganttProb, true);
                 this.parent.setRecordValue('duration', null, ganttProb, true);
                 this.parent.setRecordValue('isMilestone', false, ganttProb, true);
-                if (this.parent.allowUnscheduledTasks && isNOU(this.parent.taskFields.endDate)) {
-                    this.parent.setRecordValue('endDate', null, ganttProb, true);
-                }
+                // if (this.parent.allowUnscheduledTasks && isNOU(this.parent.taskFields.endDate)) {
+                //     this.parent.setRecordValue('endDate', null, ganttProb, true);
+                // }
             }
         }
         else if (ganttProb.endDate || !isNOU(ganttProb.duration)) {

package/src/gantt/actions/chart-scroll.d.ts

@@ -6,9 +6,13 @@ import { Gantt } from '../base/gantt';
  */
 export declare class ChartScroll {
     private parent;
-    private element;
+    element: HTMLElement;
     private isScrolling;
     private isFromTreeGrid;
+    previousCount: number;
+    isBackwardScrolled: boolean;
+    private nonworkingDayRender;
+    private isSetScrollLeft;
     previousScroll: {
         top: number;
         left: number;
@@ -44,6 +48,10 @@ export declare class ChartScroll {
      * @returns {void} .
      * @private
      */
+    updateContent(): void;
+    getTimelineLeft(): number;
+    deleteTableElements(): void;
+    updateChartElementStyles(): void;
     updateTopPosition(): void;
     private removeShimmer;
     private updateShimmer;

package/src/gantt/actions/chart-scroll.js

@@ -12,6 +12,8 @@ var ChartScroll = /** @class */ (function () {
      * @hidden
      */
     function ChartScroll(parent) {
+        this.previousCount = -1;
+        this.isSetScrollLeft = false;
         this.previousScroll = { top: 0, left: 0 };
         this.parent = parent;
         this.element = this.parent.ganttChartModule.scrollElement;
@@ -54,6 +56,80 @@ var ChartScroll = /** @class */ (function () {
      * @returns {void} .
      * @private
      */
+    ChartScroll.prototype.updateContent = function () {
+        var ganttElement = this.parent.element;
+        var currentCount = Math.round(this.element.scrollLeft / ganttElement.offsetWidth);
+        if (this.previousCount != currentCount || this.parent.timelineModule['performedTimeSpanAction']) {
+            this.deleteTableElements();
+            this.parent.timelineModule.createTimelineSeries();
+            if (this.parent.gridLines === 'Vertical' || this.parent.gridLines === 'Both') {
+                this.parent['renderChartVerticalLines']();
+            }
+            if (this.parent.dayMarkersModule) {
+                this.parent.dayMarkersModule['eventMarkerRender'].renderEventMarkers();
+            }
+            this.parent.timelineModule['performedTimeSpanAction'] = false;
+            if (this.parent.dayMarkersModule) {
+                this.parent.dayMarkersModule.nonworkingDayRender.renderWeekends();
+                this.parent.dayMarkersModule.nonworkingDayRender.renderHolidays();
+            }
+            this.updateChartElementStyles();
+            this.previousCount = currentCount;
+            if (this.isSetScrollLeft) {
+                this.parent.ganttChartModule.chartTimelineContainer.scrollLeft = this.element.scrollLeft;
+            }
+        }
+    };
+    ChartScroll.prototype.getTimelineLeft = function () {
+        var tLeft;
+        var ganttElement = this.parent.element;
+        var resultantWidth = this.parent.timelineModule.wholeTimelineWidth - ganttElement.offsetWidth * 3;
+        if (this.element.scrollLeft == (this.parent.enableRtl ? -resultantWidth : resultantWidth)) {
+            tLeft = this.element.scrollLeft;
+        }
+        else {
+            var left = this.parent.enableRtl ? -this.element.scrollLeft : this.element.scrollLeft;
+            tLeft = (left > ganttElement.offsetWidth) ? left - ganttElement.offsetWidth : 0;
+        }
+        if (tLeft >= resultantWidth) {
+            tLeft = resultantWidth;
+        }
+        if ((tLeft <= ganttElement.offsetWidth) && this.isBackwardScrolled) {
+            tLeft = 0;
+        }
+        if (this.parent.timelineModule.isZoomToFit || this.parent.timelineModule.isZooming) {
+            tLeft = 0;
+        }
+        return tLeft;
+    };
+    ChartScroll.prototype.deleteTableElements = function () {
+        var tableContainer = this.parent.element.getElementsByClassName('e-timeline-header-table-container');
+        do {
+            tableContainer[0].remove();
+        } while (tableContainer.length > 0);
+        if (this.parent.element.querySelector('#ganttContainerline-container')) {
+            this.parent.element.querySelector('#ganttContainerline-container').innerHTML = '';
+        }
+        if (this.parent.element.querySelector('.e-nonworking-day-container')) {
+            this.parent.element.querySelector('.e-nonworking-day-container').outerHTML = null;
+        }
+    };
+    ChartScroll.prototype.updateChartElementStyles = function () {
+        var translateXValue = this.getTimelineLeft();
+        if (this.parent.enableTimelineVirtualization) {
+            // updating connector line & task table styles
+            var dependencyViewer = this.parent.connectorLineModule.dependencyViewContainer;
+            var taskTable = this.parent.chartRowsModule.taskTable;
+            if (!this.parent.enableRtl) {
+                dependencyViewer.style.left = -translateXValue + "px";
+                taskTable.style.left = -translateXValue + "px";
+            }
+            else {
+                dependencyViewer.style.left = translateXValue + "px";
+            }
+            taskTable.style.width = this.parent.timelineModule.wholeTimelineWidth + "px";
+        }
+    };
     ChartScroll.prototype.updateTopPosition = function () {
         var content = this.parent.treeGrid.element.querySelector('.e-content');
         var contentScrollTop = content.scrollTop;
@@ -101,7 +177,7 @@ var ChartScroll = /** @class */ (function () {
                 }
                 parent.contentHeight = parent.enableRtl ? parent['element'].getElementsByClassName('e-content')[2].children[0]['offsetHeight'] :
                     parent['element'].getElementsByClassName('e-content')[0].children[0]['offsetHeight'];
-                document.getElementsByClassName('e-chart-rows-container')[0]['style'].height = parent.contentHeight + 'px';
+                parent.element.getElementsByClassName('e-chart-rows-container')[0]['style'].height = parent.contentHeight + 'px';
             }
         }, 0);
     };
@@ -137,22 +213,51 @@ var ChartScroll = /** @class */ (function () {
             this.updateTopPosition();
         }
         if (this.element.scrollLeft !== this.previousScroll.left) {
+            this.isBackwardScrolled = (this.element.scrollLeft < this.previousScroll.left && !this.parent.enableRtl);
             this.parent.ganttChartModule.chartTimelineContainer.scrollLeft = this.element.scrollLeft;
             scrollArgs.previousScrollLeft = this.previousScroll.left;
             this.previousScroll.left = this.element.scrollLeft;
             scrollArgs.scrollLeft = this.element.scrollLeft;
             scrollArgs.scrollDirection = 'Horizontal';
             scrollArgs.action = 'HorizontalScroll';
+            if (this.parent.enableTimelineVirtualization && this.parent.timelineModule.wholeTimelineWidth > this.parent.element.offsetWidth * 3) {
+                this.isSetScrollLeft = true;
+                if (this.parent.timelineModule.totalTimelineWidth > this.parent.element.offsetWidth * 3) {
+                    this.updateContent();
+                }
+                this.parent.ganttChartModule.updateWidthAndHeight();
+                if (this.parent.element.getElementsByClassName('e-weekend-container')[0]) {
+                    this.parent.element.getElementsByClassName('e-weekend-container')[0]['style'].height = '100%';
+                }
+                if (this.parent.element.getElementsByClassName('e-holiday-container')[0]) {
+                    this.parent.element.getElementsByClassName('e-holiday-container')[0]['style'].height = '100%';
+                }
+            }
         }
-        if ((scrollArgs.scrollDirection !== 'Horizontal' && !isNullOrUndefined(scrollArgs.scrollDirection)) && this.parent.enableVirtualization === true && (this.parent.isToolBarClick
+        this.parent.timelineModule['performedTimeSpanAction'] = false;
+        if ((!isNullOrUndefined(scrollArgs.scrollDirection)) && (this.parent.enableVirtualization === true || this.parent.enableTimelineVirtualization === true) && (this.parent.isToolBarClick
             || isNullOrUndefined(this.parent.isToolBarClick))) {
             this.parent.isVirtualScroll = true;
             if (this.parent.showIndicator || isNullOrUndefined(this.parent.showIndicator)) {
                 if (!this.parent.enableVirtualMaskRow && this.parent.enableVirtualization && this.parent.loadingIndicator.indicatorType === 'Spinner') {
                     this.updateSpinner();
                 }
+                else if (this.parent.enableTimelineVirtualization && !this.parent['isRowSelected'] && Math.abs(this.element.scrollLeft - scrollArgs.previousScrollLeft) > 1000) {
+                    if (!this.parent.enableVirtualMaskRow && this.parent.loadingIndicator.indicatorType === 'Spinner') {
+                        this.updateSpinner();
+                    }
+                    else {
+                        this.parent.showMaskRow();
+                        var parent_1 = this;
+                        setTimeout(function () {
+                            parent_1.removeShimmer();
+                        }, 0);
+                    }
+                }
+                this.parent['isRowSelected'] = false;
             }
         }
+        this.isSetScrollLeft = false;
         this.parent.isToolBarClick = true;
         scrollArgs.requestType = 'scroll';
         this.parent.trigger('actionComplete', scrollArgs);
@@ -199,9 +304,12 @@ var ChartScroll = /** @class */ (function () {
         if (leftSign) {
             scrollLeft = leftSign === -1 && this.parent.enableRtl ? -scrollLeft : scrollLeft;
         }
+        this.isSetScrollLeft = true;
         this.element.scrollLeft = scrollLeft;
         this.parent.ganttChartModule.chartTimelineContainer.scrollLeft = this.element.scrollLeft;
-        this.previousScroll.left = this.element.scrollLeft;
+        if (!this.parent.enableTimelineVirtualization || (!this.parent.enableTimelineVirtualization && this.parent.timelineModule.totalTimelineWidth > this.parent.element.offsetWidth * 3)) {
+            this.previousScroll.left = this.element.scrollLeft;
+        }
     };
     /**
      * Destroy scroll related elements and unbind the events

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

@@ -949,7 +949,14 @@ var ConnectorLineEdit = /** @class */ (function () {
                 for (var p = 0; p < prevPredecessor.length; p++) {
                     var parentGanttRecord = this.parent.connectorLineModule.getRecordByID(prevPredecessor[parseInt(p.toString(), 10)].from);
                     if (parentGanttRecord === data) {
-                        data.ganttProperties.predecessor.push(prevPredecessor[parseInt(p.toString(), 10)]);
+                        if (data.parentItem && this.parent.taskFields.dependency && data.ganttProperties.predecessor && this.parent.allowParentDependency) {
+                            if (prevPredecessor[p].from !== data.parentItem.taskId && prevPredecessor[p].to !== data.parentItem.taskId) {
+                                data.ganttProperties.predecessor.push(prevPredecessor[parseInt(p.toString(), 10)]);
+                            }
+                        }
+                        else {
+                            data.ganttProperties.predecessor.push(prevPredecessor[parseInt(p.toString(), 10)]);
+                        }
                     }
                     else {
                         var parentPredecessor = extend([], [], parentGanttRecord.ganttProperties.predecessor, true);

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

@@ -165,7 +165,7 @@ var ContextMenu = /** @class */ (function () {
                     taskfields = this.parent.taskFields;
                     if (!isNullOrUndefined(taskfields.duration)) {
                         var ganttProp = this.rowData.ganttProperties;
-                        data[taskfields.duration] = data[taskfields.duration] <= 0 ? 1 : data[taskfields.duration];
+                        data[taskfields.duration] = parseInt(data[taskfields.duration]) <= 0 ? 1 : data[taskfields.duration];
                     }
                     else {
                         data[taskfields.startDate] = new Date(this.rowData.taskData[taskfields.startDate]);
@@ -353,7 +353,7 @@ var ContextMenu = /** @class */ (function () {
             }
             else if (args.chartRow) {
                 // eslint-disable-next-line
-                rowIndex = parseInt(args.chartRow.getAttribute('aria-rowindex'), 0);
+                rowIndex = parseInt(args.chartRow.getAttribute('data-rowindex'), 0);
             }
             if (this.parent.selectionModule && this.parent.allowSelection && !args.parentItem && !isNullOrUndefined(args.chartRow)) {
                 this.parent.selectionModule.selectRow(rowIndex);

package/src/gantt/actions/day-markers.d.ts

@@ -1,10 +1,11 @@
 import { Gantt } from '../base/gantt';
+import { NonWorkingDay } from '../renderer/nonworking-day';
 /**
  * DayMarkers module is used to render event markers, holidays and to highlight the weekend days.
  */
 export declare class DayMarkers {
     private parent;
-    private nonworkingDayRender;
+    nonworkingDayRender: NonWorkingDay;
     private eventMarkerRender;
     constructor(parent: Gantt);
     private wireEvents;

package/src/gantt/actions/dependency.js

@@ -507,8 +507,8 @@ var Dependency = /** @class */ (function () {
      * @returns {void} .
      */
     Dependency.prototype.validateChildGanttRecord = function (parentGanttRecord, childGanttRecord) {
-        if (this.parent.editedTaskBarItem === childGanttRecord || isNullOrUndefined(isScheduledTask(parentGanttRecord.ganttProperties))
-            || isNullOrUndefined(isScheduledTask(childGanttRecord.ganttProperties))) {
+        if (this.parent.editedTaskBarItem === childGanttRecord || (parentGanttRecord && isNullOrUndefined(isScheduledTask(parentGanttRecord.ganttProperties)))
+            || (childGanttRecord && isNullOrUndefined(isScheduledTask(childGanttRecord.ganttProperties)))) {
             return;
         }
         if (this.parent.isInPredecessorValidation && (childGanttRecord.ganttProperties.isAutoSchedule ||

package/src/gantt/actions/dialog-edit.d.ts

@@ -26,6 +26,21 @@ export declare class DialogEdit {
     private localeObj;
     private parent;
     private rowIndex;
+    private formObj;
+    private CustomformObj;
+    private taskFieldColumn;
+    private customFieldColumn;
+    private isFromAddDialog;
+    private isFromEditDialog;
+    private storeColumn;
+    private taskfields;
+    private storeValidTab;
+    private singleTab;
+    private storeDependencyTab;
+    private storeResourceTab;
+    private isAddingDialog;
+    private isEditingDialog;
+    private firstOccuringTab;
     private numericOrString;
     private types;
     private editedRecord;
@@ -136,6 +151,15 @@ export declare class DialogEdit {
      */
     private getEditFields;
     private createTab;
+    private changeFormObj;
+    private getFilteredDialogFields;
+    private isSingleCustomTab;
+    private validateColumn;
+    private createFormObj;
+    private valErrorPlacement;
+    private createTooltip;
+    private getElemTable;
+    private validationComplete;
     private tabSelectedEvent;
     private responsiveTabContent;
     private getFieldsModel;