@syncfusion/ej2-gantt 24.2.6 → 24.2.8

package/src/gantt/actions/edit.js

@@ -43,7 +43,7 @@ var Edit = /** @class */ (function () {
          */
         this.deletedTaskDetails = [];
         this.parent = parent;
-        this.validatedChildItems = [];
+        this.parent.predecessorModule.validatedChildItems = [];
         if (this.parent.editSettings.allowEditing && this.parent.editSettings.mode === 'Auto') {
             this.cellEditModule = new CellEdit(this.parent);
         }
@@ -880,8 +880,8 @@ var Edit = /** @class */ (function () {
         }
         if (this.parent.isConnectorLineUpdate && this.parent.autoCalculateDateScheduling) {
             /* validating predecessor for updated child items */
-            for (var i = 0; i < this.validatedChildItems.length; i++) {
-                var child = this.validatedChildItems[i];
+            for (var i = 0; i < this.parent.predecessorModule.validatedChildItems.length; i++) {
+                var child = this.parent.predecessorModule.validatedChildItems[i];
                 if (child.ganttProperties.predecessor && child.ganttProperties.predecessor.length > 0) {
                     this.parent.editedTaskBarItem = child;
                     this.parent.predecessorModule.validatePredecessor(child, [], '');
@@ -895,6 +895,7 @@ var Edit = /** @class */ (function () {
                     this.parent.editedTaskBarItem = ganttRecord;
                 }
                 if (!this.isValidatedEditedRecord) {
+                    this.isFirstCall = true;
                     this.parent.predecessorModule.validatePredecessor(ganttRecord, [], '');
                 }
                 this.isValidatedEditedRecord = false;
@@ -902,7 +903,7 @@ var Edit = /** @class */ (function () {
             }
             if (this.parent.allowParentDependency && ganttRecord.hasChildRecords && this.parent.previousRecords[ganttRecord.uniqueID].ganttProperties.startDate &&
                 (args.action === "DrawConnectorLine")) {
-                this.updateChildItems(ganttRecord);
+                this.parent.predecessorModule['updateChildItems'](ganttRecord);
             }
             this.updateParentItemOnEditing();
             this.parent.dataOperation.updateParentItems(ganttRecord, true);
@@ -915,6 +916,7 @@ var Edit = /** @class */ (function () {
             var parentData = this.parent.getRecordByID(ganttRecord.parentItem.taskId);
             if (!isNullOrUndefined(parentData)) {
                 if (!parentData.ganttProperties.predecessorsName) {
+                    this.isFirstCall = true;
                     this.parent.predecessorModule.validatePredecessor(parentData, [], '');
                     this.updateParentItemOnEditing();
                     this.parent.ganttChartModule.reRenderConnectorLines();
@@ -945,7 +947,7 @@ var Edit = /** @class */ (function () {
     Edit.prototype.updateParentChildRecord = function (data) {
         var ganttRecord = data;
         if (ganttRecord.hasChildRecords && this.taskbarMoved && (ganttRecord[this.parent.taskFields.manual] === false || this.parent.taskMode === 'Auto') && (!isNullOrUndefined(this.parent.editModule.cellEditModule) && !this.parent.editModule.cellEditModule.isResourceCellEdited)) {
-            this.updateChildItems(ganttRecord);
+            this.parent.predecessorModule['updateChildItems'](ganttRecord);
         }
         if (!isNullOrUndefined(this.parent.editModule.cellEditModule)) {
             this.parent.editModule.cellEditModule.isResourceCellEdited = false;
@@ -990,29 +992,6 @@ var Edit = /** @class */ (function () {
             this.parent.dataOperation.updateWidthLeft(data);
         }
     };
-    /**
-     *
-     * @param {IGanttData} data .
-     * @param {Date} newStartDate .
-     * @returns {void} .
-     */
-    Edit.prototype.calculateDateByRoundOffDuration = function (data, newStartDate) {
-        var ganttRecord = data;
-        var taskData = ganttRecord.ganttProperties;
-        var projectStartDate = new Date(newStartDate.getTime());
-        if (!isNullOrUndefined(taskData.endDate) && isNullOrUndefined(taskData.startDate)) {
-            var endDate = this.parent.dateValidationModule.checkStartDate(projectStartDate, taskData, null);
-            this.parent.setRecordValue('endDate', this.parent.dateValidationModule.checkEndDate(endDate, ganttRecord.ganttProperties), taskData, true);
-        }
-        else {
-            this.parent.setRecordValue('startDate', this.parent.dateValidationModule.checkStartDate(projectStartDate, taskData, false), taskData, true);
-            if (!isNullOrUndefined(taskData.duration)) {
-                this.parent.dateValidationModule.calculateEndDate(ganttRecord);
-            }
-        }
-        this.parent.dataOperation.updateWidthLeft(data);
-        this.parent.dataOperation.updateTaskData(ganttRecord);
-    };
     /**
      * To update progress value of parent tasks
      *
@@ -1122,106 +1101,6 @@ var Edit = /** @class */ (function () {
     Edit.prototype.updateScheduleDatesOnEditing = function (args) {
         //..
     };
-    /**
-     *
-     * @param {IGanttData} ganttRecord .
-     * @returns {void} .
-     */
-    Edit.prototype.updateChildItems = function (ganttRecord) {
-        var previousData = this.parent.previousRecords[ganttRecord.uniqueID];
-        var previousStartDate;
-        if (isNullOrUndefined(previousData) ||
-            (isNullOrUndefined(previousData) && !isNullOrUndefined(previousData.ganttProperties))) {
-            previousStartDate = new Date(ganttRecord.ganttProperties.startDate.getTime());
-        }
-        else {
-            if (!isNullOrUndefined(previousData.ganttProperties.startDate)) {
-                previousStartDate = new Date(previousData.ganttProperties.startDate.getTime());
-            }
-        }
-        var currentStartDate = ganttRecord.ganttProperties.startDate;
-        var childRecords = [];
-        var validStartDate;
-        var validEndDate;
-        var calcEndDate;
-        var isRightMove;
-        var durationDiff;
-        this.getUpdatableChildRecords(ganttRecord, childRecords);
-        if (childRecords.length === 0) {
-            return;
-        }
-        if (!isNullOrUndefined(previousStartDate) && !isNullOrUndefined(currentStartDate) && previousStartDate.getTime() > currentStartDate.getTime()) {
-            validStartDate = this.parent.dateValidationModule.checkStartDate(currentStartDate);
-            validEndDate = this.parent.dateValidationModule.checkEndDate(previousStartDate, ganttRecord.ganttProperties);
-            isRightMove = false;
-        }
-        else {
-            validStartDate = this.parent.dateValidationModule.checkStartDate(previousStartDate);
-            validEndDate = this.parent.dateValidationModule.checkEndDate(currentStartDate, ganttRecord.ganttProperties);
-            isRightMove = true;
-        }
-        //Get Duration
-        if (!isNullOrUndefined(validStartDate) && !isNullOrUndefined(validEndDate) && validStartDate.getTime() >= validEndDate.getTime()) {
-            durationDiff = 0;
-        }
-        else {
-            durationDiff = this.parent.dateValidationModule.getDuration(validStartDate, validEndDate, 'minute', true, false);
-        }
-        for (var i = 0; i < childRecords.length; i++) {
-            if (childRecords[i].ganttProperties.isAutoSchedule) {
-                if (durationDiff > 0) {
-                    var startDate = isScheduledTask(childRecords[i].ganttProperties) ?
-                        childRecords[i].ganttProperties.startDate : childRecords[i].ganttProperties.startDate ?
-                        childRecords[i].ganttProperties.startDate : childRecords[i].ganttProperties.endDate ?
-                        childRecords[i].ganttProperties.endDate : new Date(previousStartDate.toString());
-                    if (isRightMove) {
-                        calcEndDate = this.parent.dateValidationModule.getEndDate(this.parent.dateValidationModule.checkStartDate(startDate, childRecords[i].ganttProperties, childRecords[i].ganttProperties.isMilestone), durationDiff, 'minute', childRecords[i].ganttProperties, false);
-                    }
-                    else {
-                        calcEndDate = this.parent.dateValidationModule.getStartDate(this.parent.dateValidationModule.checkEndDate(startDate, childRecords[i].ganttProperties), durationDiff, 'minute', childRecords[i].ganttProperties);
-                    }
-                    this.calculateDateByRoundOffDuration(childRecords[i], calcEndDate);
-                    if (this.parent.isOnEdit && this.validatedChildItems.indexOf(childRecords[i]) === -1) {
-                        this.validatedChildItems.push(childRecords[i]);
-                    }
-                }
-                else if (isNullOrUndefined(previousData)) {
-                    calcEndDate = previousStartDate;
-                    var initialData = this.parent.initialLoadData[childRecords[i].index];
-                    if (this.parent.isLoad) {
-                        this.calculateDateByRoundOffDuration(initialData, calcEndDate);
-                    }
-                    else {
-                        this.calculateDateByRoundOffDuration(childRecords[i], calcEndDate);
-                    }
-                    if (this.parent.isOnEdit && this.validatedChildItems.indexOf(childRecords[i]) === -1) {
-                        this.validatedChildItems.push(childRecords[i]);
-                    }
-                }
-            }
-        }
-        if (childRecords.length) {
-            this.parent.dataOperation.updateParentItems(ganttRecord, true);
-        }
-    };
-    /**
-     * To get updated child records.
-     *
-     * @param {IGanttData} parentRecord .
-     * @param {IGanttData} childLists .
-     * @returns {void} .
-     */
-    Edit.prototype.getUpdatableChildRecords = function (parentRecord, childLists) {
-        var childRecords = parentRecord.childRecords;
-        for (var i = 0; i < childRecords.length; i++) {
-            if (childRecords[i].ganttProperties.isAutoSchedule) {
-                childLists.push(childRecords[i]);
-                if (childRecords[i].hasChildRecords) {
-                    this.getUpdatableChildRecords(childRecords[i], childLists);
-                }
-            }
-        }
-    };
     /**
      * @param {ITaskbarEditedEventArgs} args .
      * @returns {void} .
@@ -1734,7 +1613,7 @@ var Edit = /** @class */ (function () {
         this.resetValidateArgs();
         this.parent.editedTaskBarItem = null;
         this.parent.isOnEdit = false;
-        this.validatedChildItems = [];
+        this.parent.predecessorModule.validatedChildItems = [];
         this.parent.isConnectorLineUpdate = false;
         this.parent.editedTaskBarItem = null;
         this.taskbarMoved = false;
@@ -3641,6 +3520,7 @@ var Edit = /** @class */ (function () {
             for (var k = 0; k < this.updateParentRecords.length; k++) {
                 this.parent.dataOperation.updateParentItems(this.updateParentRecords[k]);
             }
+            this.isFirstCall = true;
             this.parent.editedRecords.forEach(function (record) {
                 _this.parent.predecessorModule.validatePredecessor(record, [], '');
             });

package/src/gantt/actions/selection.js

@@ -93,7 +93,14 @@ var Selection = /** @class */ (function () {
             if (this.parent.enableTimelineVirtualization) {
                 this.parent['isRowSelected'] = true;
             }
-            this.parent.ganttChartModule.updateScrollLeft(getValue('data.ganttProperties.left', args));
+            if (args.data && !isNullOrUndefined(args.data['length'])) {
+                for (var i = 0; i < args.data['length']; i++) {
+                    this.parent.ganttChartModule.updateScrollLeft(args.data[i].ganttProperties.left);
+                }
+            }
+            else {
+                this.parent.ganttChartModule.updateScrollLeft(getValue('data.ganttProperties.left', args));
+            }
         }
         args.target = this.actualTarget;
         if (!isNullOrUndefined(args.foreignKeyData) && Object.keys(args.foreignKeyData).length === 0) {

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

@@ -733,7 +733,12 @@ var TaskbarEdit = /** @class */ (function (_super) {
             event.preventDefault();
             if (!isNullOrUndefined(this.taskbarElement) && !isNullOrUndefined(this.editElement) && (this.taskBarEditAction !== "ConnectorPointRightDrag" && this.taskBarEditAction !== "ConnectorPointLeftDrag") && !(this.parent.viewType === 'ResourceView' && this.currentData.hasChildRecords)) {
                 var currentElement = this.editElement.parentElement;
-                currentElement.style.setProperty("position", "absolute");
+                if (this.parent.enableTimelineVirtualization && this.parent.timelineModule.wholeTimelineWidth > this.parent.element.offsetWidth * 3) {
+                    currentElement.style.setProperty("position", "relative");
+                }
+                else {
+                    currentElement.style.setProperty("position", "absolute");
+                }
                 if ((this.taskBarEditAction === 'ChildDrag' || this.taskBarEditAction === 'LeftResizing') && !isNullOrUndefined(this.currentIndex) && !isNullOrUndefined(this.currentIndex) ? Number(this.currentIndex) === 0 : false) {
                     this.taskbarElement.childNodes[0].childNodes[0].style.setProperty("top", currentElement.parentElement.offsetTop + "px");
                     if (this.parent.allowTaskbarDragAndDrop && this.taskBarEditAction !== 'LeftResizing' && this.taskBarEditAction !== 'RightResizing' && this.taskBarEditAction !== 'ProgressResizing') {
@@ -752,8 +757,14 @@ var TaskbarEdit = /** @class */ (function (_super) {
                     }
                 }
                 if (this.taskBarEditAction !== 'ProgressResizing') {
-                    var rootElement = this.parent.ganttChartModule.chartBodyContainer.querySelectorAll(".e-chart-rows-container");
-                    rootElement[0].appendChild(this.taskbarResizer);
+                    if (this.parent.enableTimelineVirtualization && this.parent.timelineModule.wholeTimelineWidth > this.parent.element.offsetWidth * 3) {
+                        var rootElement = this.parent.ganttChartModule.chartBodyContainer.querySelectorAll(".e-chart-scroll-container");
+                        rootElement[0].appendChild(this.taskbarResizer);
+                    }
+                    else {
+                        var rootElement = this.parent.ganttChartModule.chartBodyContainer.querySelectorAll(".e-chart-rows-container");
+                        rootElement[0].appendChild(this.taskbarResizer);
+                    }
                 }
             }
             if (this.parent.allowTaskbarDragAndDrop && (this.taskBarEditAction === "ChildDrag" || this.taskBarEditAction === "ParentDrag" ||
@@ -1880,7 +1891,12 @@ var TaskbarEdit = /** @class */ (function (_super) {
                 currentElement.style.position = null;
             }
             else {
-                currentElement.style.setProperty("position", "absolute");
+                if (this.parent.enableTimelineVirtualization && this.parent.timelineModule.wholeTimelineWidth > this.parent.element.offsetWidth * 3) {
+                    currentElement.style.setProperty("position", "relative");
+                }
+                else {
+                    currentElement.style.setProperty("position", "absolute");
+                }
             }
         }
         var item = this.taskBarEditRecord.ganttProperties;

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

@@ -1075,9 +1075,16 @@ var DateProcessor = /** @class */ (function () {
     DateProcessor.prototype.convert = function (date, timezone) {
         var fromOffset = date.getTimezoneOffset();
         var toOffset = this.offset(date, timezone);
-        date = new Date(date.getTime() + (fromOffset - toOffset) * 60000);
-        var toLocalOffset = date.getTimezoneOffset();
-        return new Date(date.getTime() + (toLocalOffset - fromOffset) * 60000);
+        if (fromOffset < 0) {
+            date = new Date(date.getTime() - (fromOffset - toOffset) / 60000);
+            var toLocalOffset = date.getTimezoneOffset();
+            return new Date(date.getTime() - (toLocalOffset - fromOffset) / 60000);
+        }
+        else {
+            date = new Date(date.getTime() + (fromOffset - toOffset) * 60000);
+            var toLocalOffset = date.getTimezoneOffset();
+            return new Date(date.getTime() + (toLocalOffset - fromOffset) * 60000);
+        }
     };
     /**
      * @param {string | Date} date .

package/src/gantt/base/gantt.js

@@ -1540,7 +1540,7 @@ var Gantt = /** @class */ (function (_super) {
                     this.treeGridModule.treeGridColumns = [];
                     this.treeGridModule.validateGanttColumns();
                     this.treeGrid.columns = this.treeGridModule.treeGridColumns;
-                    this.treeGrid.grid.columns = this.treeGridModule.treeGridColumns;
+                    this.treeGrid.refreshColumns();
                     this.chartRowsModule.initiateTemplates();
                     this.timelineModule.updateChartByNewTimeline();
                     break;
@@ -2587,6 +2587,19 @@ var Gantt = /** @class */ (function (_super) {
         var tempSplitterSettings = {};
         tempSplitterSettings[type] = value;
         var splitterPosition = this.splitterModule.calculateSplitterPosition(tempSplitterSettings);
+        switch (type) {
+            case 'view':
+                this.splitterSettings.view = tempSplitterSettings[type];
+                break;
+            case 'columnIndex':
+                this.splitterSettings.columnIndex = tempSplitterSettings[type];
+                break;
+            case 'position':
+                this.splitterSettings.position = tempSplitterSettings[type];
+                break;
+            default:
+                break;
+        }
         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';

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

@@ -687,12 +687,14 @@ var TaskProcessor = /** @class */ (function (_super) {
                 work = parseFloat(work.toFixed(2));
             }
         }
-        if (ganttData.childRecords.length > 0 && this.parent.isOnEdit) {
-            var childCompletedWorks = 0;
-            for (var i = 0; i < ganttData.childRecords.length; i++) {
-                childCompletedWorks += ganttData.childRecords[i].ganttProperties.work;
+        if (ganttData.childRecords) {
+            if (ganttData.childRecords.length > 0 && this.parent.isOnEdit) {
+                var childCompletedWorks = 0;
+                for (var i = 0; i < ganttData.childRecords.length; i++) {
+                    childCompletedWorks += ganttData.childRecords[i].ganttProperties.work;
+                }
+                work += childCompletedWorks;
             }
-            work += childCompletedWorks;
         }
         this.parent.setRecordValue('work', work, ganttData.ganttProperties, true);
         if (!isNullOrUndefined(this.parent.taskFields.work)) {
@@ -908,7 +910,7 @@ var TaskProcessor = /** @class */ (function (_super) {
                 this.parent.setRecordValue('work', work, ganttProperties, true);
                 switch (tType) {
                     case 'FixedDuration':
-                        this.updateUnitWithWork(ganttData);
+                        this.updateWorkWithDuration(ganttData);
                         break;
                     case 'FixedWork':
                         this.updateUnitWithWork(ganttData);
@@ -1264,7 +1266,12 @@ var TaskProcessor = /** @class */ (function (_super) {
                     return ((this.getTimeDifference(sDate, eDate, true) / (1000 * 60 * 60 * 24)) * this.parent.perDayWidth);
                 }
                 else {
-                    return ((this.getTimeDifference(sDate, eDate) / (1000 * 60 * 60 * hour)) * this.parent.perDayWidth);
+                    if (ganttData.durationUnit === "day" && ganttData.duration < 1 && isNullOrUndefined(this.parent.taskFields.duration)) {
+                        return (ganttData.duration * this.parent.perDayWidth);
+                    }
+                    else {
+                        return ((this.getTimeDifference(sDate, eDate) / (1000 * 60 * 60 * hour)) * this.parent.perDayWidth);
+                    }
                 }
             }
         }
@@ -1275,6 +1282,7 @@ var TaskProcessor = /** @class */ (function (_super) {
                 }
                 if (this.getSecondsInDecimal(eDate) === this.parent.defaultEndTime) {
                     eDate.setHours(24);
+                    eDate.setHours(0, 0, 0, 0);
                 }
                 if (this.getSecondsInDecimal(eDate) === this.parent.defaultStartTime) {
                     eDate.setHours(0, 0, 0, 0);
@@ -1317,14 +1325,18 @@ var TaskProcessor = /** @class */ (function (_super) {
             this.parent.ganttChartModule.scrollObject['isSetScrollLeft'])) && !isFromTimelineVirtulization) {
             isValid = false;
         }
-        if (this.parent.enableTimelineVirtualization && isValid && !this.parent.timelineModule['performedTimeSpanAction']) {
+        if (!this.parent.editModule && this.parent.enableTimelineVirtualization && isValid && !this.parent.timelineModule['performedTimeSpanAction']) {
             leftValueForStartDate = (this.parent.enableTimelineVirtualization && this.parent.ganttChartModule.scrollObject.element.scrollLeft != 0)
                 ? this.parent.ganttChartModule.scrollObject.getTimelineLeft() : null;
         }
-        var timelineStartDate = (this.parent.enableTimelineVirtualization && !isNullOrUndefined(leftValueForStartDate))
+        var timelineStartDate = (!this.parent.editModule && this.parent.enableTimelineVirtualization && !isNullOrUndefined(leftValueForStartDate))
             ? new Date((this.parent.timelineModule['dateByLeftValue'](leftValueForStartDate)).toString()) : new Date(this.parent.timelineModule.timelineStartDate);
         if (timelineStartDate) {
-            return (date.getTime() - timelineStartDate.getTime()) / (1000 * 60 * 60 * 24) * this.parent.perDayWidth;
+            var leftValue = (date.getTime() - timelineStartDate.getTime()) / (1000 * 60 * 60 * 24) * this.parent.perDayWidth;
+            if (this.parent.isInDst(timelineStartDate) && !this.parent.isInDst(startDate) && (this.parent.timelineModule.topTier == 'Hour' || this.parent.timelineModule.bottomTier == 'Hour')) {
+                leftValue = leftValue - this.parent.timelineSettings.timelineUnitSize;
+            }
+            return leftValue;
         }
         else {
             return 0;

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

@@ -424,7 +424,7 @@ var GanttTreeGrid = /** @class */ (function () {
                 this.currentEditRow = {};
             }
         }
-        if (getValue('requestType', args) === 'filterafteropen') {
+        if (getValue('requestType', args) === 'filterAfterOpen') {
             this.parent.notify('actionComplete', args);
         }
         if (getValue('requestType', args) === 'searching') {

package/src/gantt/renderer/timeline.js

@@ -114,10 +114,8 @@ var Timeline = /** @class */ (function () {
             this.parent.dateValidationModule.calculateProjectDates();
         }
         if (!isNullOrUndefined(this.parent.zoomingProjectStartDate)) {
-            this.parent.cloneProjectStartDate = this.parent.cloneProjectStartDate.getTime() < this.parent.zoomingProjectStartDate.getTime()
-                ? this.parent.cloneProjectStartDate : this.parent.zoomingProjectStartDate;
-            this.parent.cloneProjectEndDate = this.parent.cloneProjectEndDate.getTime() > this.parent.zoomingProjectEndDate.getTime()
-                ? this.parent.cloneProjectEndDate : this.parent.zoomingProjectEndDate;
+            this.parent.cloneProjectStartDate = this.parent.zoomingProjectStartDate;
+            this.parent.cloneProjectEndDate = this.parent.zoomingProjectEndDate;
         }
         this.parent.zoomingProjectStartDate = null;
         this.parent.zoomingProjectEndDate = null;

package/styles/bootstrap.css

@@ -1,8 +1,8 @@
 .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-dropdown-btn.e-active.e-tbar-btn {
   background: #e6e6e6;
-  border: 1px solid #8c8c8c;
-  padding-left: 8px;
-  padding-right: 2.5px;
+  border: 0;
+  padding-left: 9px;
+  padding-right: 3.5px;
 }
 
 .e-bigger .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-dropdown-btn.e-rte-dropdown-btn.e-active {

package/styles/gantt/bootstrap.css

@@ -1,8 +1,8 @@
 .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-dropdown-btn.e-active.e-tbar-btn {
   background: #e6e6e6;
-  border: 1px solid #8c8c8c;
-  padding-left: 8px;
-  padding-right: 2.5px;
+  border: 0;
+  padding-left: 9px;
+  padding-right: 3.5px;
 }
 
 .e-bigger .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-dropdown-btn.e-rte-dropdown-btn.e-active {