@syncfusion/ej2-gantt 21.2.9 → 22.1.34

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 21.2.9
+*  version : 22.1.34
 *  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

@@ -2,7 +2,7 @@
   "_from": "@syncfusion/ej2-gantt@*",
   "_id": "@syncfusion/ej2-gantt@21.2.8",
   "_inBundle": false,
-  "_integrity": "sha512-rJtH1w7dOjvnIkO1TroHfHAOhzDMc3E815amBKZeiz/7/lUDROTFMh/RzxT80h+fUJFrXpxDwJnCG5jUvyBnkA==",
+  "_integrity": "sha512-EhE/zbDbsyf8hUtXYHwZAQ3cLvRuNfdT30nDDv1DDb8zUV5h9ubQSDffrGKzcteA298ZxgqJFBXzoMnLwnTjDw==",
   "_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-21.2.8.tgz",
-  "_shasum": "479c2b0b201b74789fbb77715bc1302d27ef2d09",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-gantt/-/ej2-gantt-21.2.8.tgz",
+  "_shasum": "4ddaeaec8c5dd0d49ecadbbb803f5eafaca906c1",
   "_spec": "@syncfusion/ej2-gantt@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -35,20 +35,21 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~21.2.9",
-    "@syncfusion/ej2-buttons": "~21.2.6",
-    "@syncfusion/ej2-calendars": "~21.2.9",
-    "@syncfusion/ej2-data": "~21.2.9",
-    "@syncfusion/ej2-dropdowns": "~21.2.8",
-    "@syncfusion/ej2-grids": "~21.2.9",
-    "@syncfusion/ej2-inputs": "~21.2.9",
-    "@syncfusion/ej2-layouts": "~21.2.9",
-    "@syncfusion/ej2-lists": "~21.2.9",
-    "@syncfusion/ej2-navigations": "~21.2.9",
-    "@syncfusion/ej2-notifications": "~21.2.3",
-    "@syncfusion/ej2-popups": "~21.2.4",
-    "@syncfusion/ej2-richtexteditor": "~21.2.9",
-    "@syncfusion/ej2-treegrid": "~21.2.9"
+    "@syncfusion/ej2-base": "~22.1.34",
+    "@syncfusion/ej2-buttons": "~22.1.34",
+    "@syncfusion/ej2-calendars": "~22.1.34",
+    "@syncfusion/ej2-data": "~22.1.34",
+    "@syncfusion/ej2-dropdowns": "~22.1.34",
+    "@syncfusion/ej2-grids": "~22.1.34",
+    "@syncfusion/ej2-inputs": "~22.1.34",
+    "@syncfusion/ej2-layouts": "~22.1.34",
+    "@syncfusion/ej2-lists": "~22.1.34",
+    "@syncfusion/ej2-navigations": "~22.1.34",
+    "@syncfusion/ej2-notifications": "~22.1.34",
+    "@syncfusion/ej2-popups": "~22.1.34",
+    "@syncfusion/ej2-richtexteditor": "~22.1.34",
+    "@syncfusion/ej2-svg-base": "~22.1.34",
+    "@syncfusion/ej2-treegrid": "~22.1.34"
   },
   "deprecated": false,
   "description": "Essential JS 2 Gantt Component",
@@ -73,6 +74,6 @@
     "url": "git+https://github.com/syncfusion/ej2-gantt.git"
   },
   "typings": "index.d.ts",
-  "version": "21.2.9",
+  "version": "22.1.34",
   "sideEffects": false
 }

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

@@ -1,5 +1,5 @@
-import { isNullOrUndefined, isUndefined, addClass } from '@syncfusion/ej2-base';
-import { removeClass, getValue, createElement, extend } from '@syncfusion/ej2-base';
+import { isNullOrUndefined, isUndefined } from '@syncfusion/ej2-base';
+import { getValue, createElement, extend } from '@syncfusion/ej2-base';
 import * as cls from '../base/css-constants';
 import { parentsUntil, formatString, isScheduledTask, getIndex } from '../base/utils';
 import { Dialog } from '@syncfusion/ej2-popups';
@@ -44,10 +44,11 @@ var ConnectorLineEdit = /** @class */ (function () {
      * @private
      */
     ConnectorLineEdit.prototype.getConnectorLineHoverElement = function (target) {
-        var isOnLine = parentsUntil(target, cls.connectorLine);
-        var isOnRightArrow = parentsUntil(target, cls.connectorLineRightArrow);
-        var isOnLeftArrow = parentsUntil(target, cls.connectorLineLeftArrow);
-        if (isOnLine || isOnRightArrow || isOnLeftArrow) {
+        var isOnLine = parentsUntil(target, cls.connectorLineSVG);
+        var isArrow = parentsUntil(target, cls.connectorLineArrow);
+        var isCriticalLine = parentsUntil(target, cls.criticalConnectorLineSVG);
+        var isCriticalArrow = parentsUntil(target, cls.criticalConnectorArrowSVG);
+        if (isOnLine || isArrow || isCriticalLine || isCriticalArrow) {
             return parentsUntil(target, cls.connectorLineContainer);
         }
         else {
@@ -81,16 +82,13 @@ var ConnectorLineEdit = /** @class */ (function () {
      */
     ConnectorLineEdit.prototype.addHighlight = function (element) {
         this.connectorLineElement = element;
-        addClass([element], [cls.connectorLineHoverZIndex]);
-        if (element.querySelectorAll('.' + cls.connectorLine)[0].classList.contains('e-criticalconnector-line')) {
-            addClass(element.querySelectorAll('.' + cls.connectorLine), [cls.criticalConnectorLineHover]);
-            addClass(element.querySelectorAll('.' + cls.connectorLineRightArrow), [cls.criticalConnectorLineRightArrowHover]);
-            addClass(element.querySelectorAll('.' + cls.connectorLineLeftArrow), [cls.criticalConnectorLineLeftArrowHover]);
+        var pathElement = element.querySelector('.' + cls.connectorLineSVG);
+        var criticalElement = element.querySelector('.' + cls.criticalConnectorLineSVG);
+        if (pathElement) {
+            pathElement.setAttribute('stroke-width', '2');
         }
         else {
-            addClass(element.querySelectorAll('.' + cls.connectorLine), [cls.connectorLineHover]);
-            addClass(element.querySelectorAll('.' + cls.connectorLineRightArrow), [cls.connectorLineRightArrowHover]);
-            addClass(element.querySelectorAll('.' + cls.connectorLineLeftArrow), [cls.connectorLineLeftArrowHover]);
+            criticalElement.setAttribute('stroke-width', '2');
         }
     };
     /**
@@ -100,17 +98,14 @@ var ConnectorLineEdit = /** @class */ (function () {
      * @private
      */
     ConnectorLineEdit.prototype.removeHighlight = function () {
-        if (!isNullOrUndefined(this.connectorLineElement)) {
-            removeClass([this.connectorLineElement], [cls.connectorLineHoverZIndex]);
-            if (this.connectorLineElement.querySelectorAll('.' + cls.connectorLine)[0].classList.contains(cls.criticalConnectorLineHover)) {
-                removeClass(this.connectorLineElement.querySelectorAll('.' + cls.connectorLine), [cls.criticalConnectorLineHover]);
-                removeClass(this.connectorLineElement.querySelectorAll('.' + cls.connectorLineRightArrow), [cls.criticalConnectorLineRightArrowHover]);
-                removeClass(this.connectorLineElement.querySelectorAll('.' + cls.connectorLineLeftArrow), [cls.criticalConnectorLineLeftArrowHover]);
+        if (this.connectorLineElement) {
+            var pathElement = this.connectorLineElement.querySelector('.' + cls.connectorLineSVG);
+            var criticalElement = this.connectorLineElement.querySelector('.' + cls.criticalConnectorLineSVG);
+            if (pathElement) {
+                pathElement.setAttribute('stroke-width', '1');
             }
             else {
-                removeClass(this.connectorLineElement.querySelectorAll('.' + cls.connectorLine), [cls.connectorLineHover]);
-                removeClass(this.connectorLineElement.querySelectorAll('.' + cls.connectorLineRightArrow), [cls.connectorLineRightArrowHover]);
-                removeClass(this.connectorLineElement.querySelectorAll('.' + cls.connectorLineLeftArrow), [cls.connectorLineLeftArrowHover]);
+                criticalElement.setAttribute('stroke-width', '1');
             }
             this.connectorLineElement = null;
         }
@@ -177,8 +172,8 @@ var ConnectorLineEdit = /** @class */ (function () {
         this.parent.connectorLineModule.expandedRecords = this.parent.virtualScrollModule && this.parent.enableVirtualization ?
             this.parent.updatedRecords : this.parent.getExpandedRecords(this.parent.updatedRecords);
         var editedConnectorLineString = this.getEditedConnectorLineString(editedRecord);
-        this.parent.connectorLineModule.dependencyViewContainer.innerHTML =
-            this.parent.connectorLineModule.dependencyViewContainer.innerHTML + editedConnectorLineString;
+        this.parent.connectorLineModule.svgObject.innerHTML =
+            this.parent.connectorLineModule.svgObject.innerHTML + editedConnectorLineString;
     };
     ConnectorLineEdit.prototype.idFromPredecessor = function (pre) {
         var preArray = pre.split(',');
@@ -826,9 +821,9 @@ var ConnectorLineEdit = /** @class */ (function () {
     ConnectorLineEdit.prototype.validateTypes = function (ganttRecord, data) {
         var predecessor = this.parent.predecessorModule.getValidPredecessor(ganttRecord);
         var parentGanttRecord;
-        var ganttTaskData;
         this.validationPredecessor = [];
         var violatedParent;
+        var ganttTaskData;
         var violateType;
         var startDate = this.parent.predecessorModule.getPredecessorDate(ganttRecord, predecessor);
         if (data) {

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

@@ -281,7 +281,7 @@ var ContextMenu = /** @class */ (function () {
             splitTaskDuration = Math.ceil(currentTaskDifference / this.parent.timelineSettings.timelineUnitSize);
             splitTaskDuration -= 1;
         }
-        var contextMenuClickDate = this.parent.dataOperation.getEndDate(startDate, splitTaskDuration, (this.parent.timelineSettings.bottomTier.unit !== "None") ? this.parent.timelineSettings.bottomTier.unit.toLocaleLowerCase() : this.parent.timelineSettings.topTier.unit.toLocaleLowerCase(), this.rowData, false);
+        var contextMenuClickDate = this.parent.dataOperation.getEndDate(startDate, splitTaskDuration, (this.parent.timelineModule.customTimelineSettings.bottomTier.unit !== "None") ? this.parent.timelineModule.customTimelineSettings.bottomTier.unit.toLocaleLowerCase() : this.parent.timelineModule.customTimelineSettings.topTier.unit.toLocaleLowerCase(), this.rowData, false);
         return contextMenuClickDate;
     };
     ContextMenu.prototype.contextMenuBeforeOpen = function (args) {
@@ -291,7 +291,7 @@ var ContextMenu = /** @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') || target.parentElement.classList.contains('e-treecolumn-container')) {
+        if (!isNullOrUndefined(this.parent.editModule) && this.parent.editModule.cellEditModule && this.parent.editModule.cellEditModule.isCellEdit && target.parentElement.classList.contains('e-row')) {
             this.parent.treeGrid.closeEdit();
         }
         if (!isNullOrUndefined(args.element) && args.element.id === this.parent.element.id + '_contextmenu') {

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

@@ -737,11 +737,8 @@ var CriticalPath = /** @class */ (function () {
             }
             if (element && (this_2.parent.viewType === 'ProjectView' || (this_2.parent.viewType === 'ResourceView' &&
                 !criticalData.hasChildRecords))) {
-                if (element.getElementsByClassName('e-milestone-top')[0]) {
-                    addClass(element.querySelectorAll('.e-milestone-top'), cls.criticalMilestoneTop);
-                }
-                if (element.getElementsByClassName('e-milestone-bottom')[0]) {
-                    addClass(element.querySelectorAll('.e-milestone-bottom'), cls.criticalMilestoneBottom);
+                if (element.getElementsByClassName('e-gantt-milestone')[0]) {
+                    addClass(element.querySelectorAll('.e-gantt-milestone'), cls.criticalMilestone);
                 }
                 if (element.getElementsByClassName('e-gantt-child-taskbar-inner-div').length > 0) {
                     addClass(element.querySelectorAll('.e-gantt-child-taskbar-inner-div'), cls.criticalChildTaskBarInnerDiv);
@@ -783,11 +780,9 @@ var CriticalPath = /** @class */ (function () {
                                 currentdata['taskid'] + 'child' + checkint);
                             if (lineElement.length > 0) {
                                 addClass(this.parent.element.querySelectorAll('#ConnectorLineparent' + currentdata['taskid'] + 'child' +
-                                    checkint)[0].querySelectorAll('.e-line'), cls.criticalConnectorLine);
-                                addClass(this.parent.element.querySelectorAll('#ConnectorLineparent' + currentdata['taskid'] + 'child' +
-                                    checkint)[0].querySelectorAll('.e-connector-line-right-arrow'), cls.criticalConnectorLineRightArrow);
+                                    checkint)[0].querySelectorAll('.e-connector-line'), cls.criticalConnectorLineSVG);
                                 addClass(this.parent.element.querySelectorAll('#ConnectorLineparent' + currentdata['taskid'] + 'child' +
-                                    checkint)[0].querySelectorAll('.e-connector-line-left-arrow'), cls.criticalConnectorLineLeftArrow);
+                                    checkint)[0].querySelectorAll('.e-connector-line-arrow'), cls.criticalConnectorArrowSVG);
                             }
                         }
                     }

package/src/gantt/actions/day-markers.js

@@ -37,9 +37,12 @@ var DayMarkers = /** @class */ (function () {
         }
     };
     DayMarkers.prototype.refreshMarkers = function () {
-        this.eventMarkerRender.renderEventMarkers();
         this.nonworkingDayRender.renderWeekends();
         this.nonworkingDayRender.renderHolidays();
+        if (this.parent.gridLines === 'Vertical' || this.parent.gridLines === 'Both') {
+            this.parent['renderChartVerticalLines']();
+        }
+        this.eventMarkerRender.renderEventMarkers();
     };
     DayMarkers.prototype.updateHeight = function () {
         this.nonworkingDayRender.updateContainerHeight();

package/src/gantt/actions/edit.js

@@ -917,6 +917,10 @@ var Edit = /** @class */ (function () {
         if (data.hasChildRecords && ganttProp.isAutoSchedule) {
             this.parent.setRecordValue('startDate', ganttProp.autoStartDate, ganttProp, true);
             this.parent.setRecordValue('endDate', ganttProp.autoEndDate, ganttProp, true);
+            this.parent.setRecordValue('StartDate', ganttProp.autoStartDate, data, true);
+            this.parent.setRecordValue('EndDate', ganttProp.autoEndDate, data, true);
+            this.parent.setRecordValue('taskData.StartDate', ganttProp.autoStartDate, data, true);
+            this.parent.setRecordValue('taskData.EndDate', ganttProp.autoEndDate, data, true);
             this.parent.setRecordValue('width', this.parent.dataOperation.calculateWidth(data, true), ganttProp, true);
             this.parent.setRecordValue('left', this.parent.dataOperation.calculateLeft(ganttProp, true), ganttProp, true);
             this.parent.setRecordValue('progressWidth', this.parent.dataOperation.getProgressWidth(ganttProp.width, ganttProp.progress), ganttProp, true);
@@ -925,8 +929,8 @@ var Edit = /** @class */ (function () {
         else if (data.hasChildRecords && !ganttProp.isAutoSchedule) {
             this.parent.dataOperation.updateWidthLeft(data);
             this.parent.dataOperation.calculateDuration(data);
-            this.parent.setRecordValue('autoStartDate', ganttProp.startDate, ganttProp, true);
-            this.parent.setRecordValue('autoEndDate', ganttProp.endDate, ganttProp, true);
+            this.parent.setRecordValue('autoStartDate', ganttProp.autoStartDate, ganttProp, true);
+            this.parent.setRecordValue('autoEndDate', ganttProp.autoEndDate, ganttProp, true);
             this.parent.setRecordValue('autoDuration', this.parent.dataOperation.calculateAutoDuration(data), ganttProp, true);
             this.parent.dataOperation.updateAutoWidthLeft(data);
         }
@@ -1151,7 +1155,6 @@ var Edit = /** @class */ (function () {
         }
         if (childRecords.length) {
             this.parent.dataOperation.updateParentItems(ganttRecord, true);
-            this.parent.dataOperation.updateGanttData();
         }
     };
     /**
@@ -1364,8 +1367,8 @@ var Edit = /** @class */ (function () {
                 }
             }
             if (this.parent.isConnectorLineUpdate && !isNullOrUndefined(this.parent.connectorLineEditModule)) {
-                this.parent.updatedConnectorLineCollection = [];
-                this.parent.connectorLineIds = [];
+                // this.parent.updatedConnectorLineCollection = [];
+                // this.parent.connectorLineIds = [];
                 this.parent.connectorLineEditModule.refreshEditedRecordConnectorLine(this.parent.editedRecords);
                 this.updateScheduleDatesOnEditing(args);
             }
@@ -2744,6 +2747,7 @@ var Edit = /** @class */ (function () {
         this.parent.treeGrid.parentData = [];
         this.parent.addDeleteRecord = true;
         this.parent.selectedRowIndex = 0;
+        this.parent.treeGrid['isAddedFromGantt'] = true;
         this.parent.treeGrid.refresh();
         if (this.parent.enableImmutableMode) {
             this.parent.modifiedRecords = args.modifiedRecords;
@@ -2893,7 +2897,6 @@ var Edit = /** @class */ (function () {
             var args = {};
             args = this.constructTaskAddedEventArgs(cAddedRecord_1, this.parent.editedRecords, 'beforeAdd');
             this.parent.trigger('actionBegin', args, function (args) {
-                _this.parent.previousRecords = {};
                 if (!isNullOrUndefined(_this.parent.loadingIndicator) && _this.parent.loadingIndicator.indicatorType === "Shimmer") {
                     _this.parent.showMaskRow();
                 }

package/src/gantt/actions/pdf-export.js

@@ -115,7 +115,7 @@ var PdfExport = /** @class */ (function () {
             var format = new PdfTreeGridLayoutFormat();
             format.break = PdfLayoutBreakType.FitElement;
             var layouter = _this.gantt.drawGrid(pdfPage, 0, 0, format);
-            _this.gantt.drawChart(layouter, pdfExportProperties);
+            _this.gantt.drawChart(layouter);
             if (!isMultipleExport) {
                 if (!_this.isBlob) {
                     // save the PDF

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

@@ -52,6 +52,12 @@ export declare class TaskbarEdit extends DateProcessor {
     topValue: number;
     draggedRecordMarginTop: number;
     dragMoveY: number;
+    private realTaskbarElement;
+    private cloneTaskbarElement;
+    private taskbarElement;
+    private taskbarResizer;
+    private currentIndex;
+    private currentData;
     constructor(ganttObj?: Gantt);
     private wireEvents;
     /**