@syncfusion/ej2-gantt 19.4.52 → 19.4.55

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.4.52
+*  version : 19.4.55
 *  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@19.4.50",
+  "_id": "@syncfusion/ej2-gantt@19.4.54",
   "_inBundle": false,
-  "_integrity": "sha512-imVvajBdyXAI+FP/7Jb5/pmTr4SyPCEdAS5qE86A0+n1sopZo3IvQdwtdwjVudxDhpD3yvwtYR8h8cvuMgu51Q==",
+  "_integrity": "sha512-MLuEBMN++SYGBbYyb4j7PpGp/92/ztO0MBIxUC18Fhzf7uYTEXHd5aHY2reGHsAENQa+MjUaHO44cm68Fz6cvA==",
   "_location": "/@syncfusion/ej2-gantt",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-gantt",
     "/@syncfusion/ej2-vue-gantt"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-19.4.50.tgz",
-  "_shasum": "6a6e8627885346972eec6cc8031235561d0e4029",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-19.4.54.tgz",
+  "_shasum": "3e6e2c9c949ce93b3398f386e09656607022e4d5",
   "_spec": "@syncfusion/ej2-gantt@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -36,18 +36,18 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~19.4.52",
-    "@syncfusion/ej2-buttons": "~19.4.52",
-    "@syncfusion/ej2-calendars": "~19.4.52",
-    "@syncfusion/ej2-data": "~19.4.52",
-    "@syncfusion/ej2-dropdowns": "~19.4.52",
-    "@syncfusion/ej2-grids": "~19.4.52",
+    "@syncfusion/ej2-buttons": "~19.4.55",
+    "@syncfusion/ej2-calendars": "~19.4.55",
+    "@syncfusion/ej2-data": "~19.4.54",
+    "@syncfusion/ej2-dropdowns": "~19.4.55",
+    "@syncfusion/ej2-grids": "~19.4.55",
     "@syncfusion/ej2-inputs": "~19.4.52",
     "@syncfusion/ej2-layouts": "~19.4.52",
-    "@syncfusion/ej2-lists": "~19.4.52",
-    "@syncfusion/ej2-navigations": "~19.4.52",
-    "@syncfusion/ej2-popups": "~19.4.52",
-    "@syncfusion/ej2-richtexteditor": "~19.4.52",
-    "@syncfusion/ej2-treegrid": "~19.4.52"
+    "@syncfusion/ej2-lists": "~19.4.55",
+    "@syncfusion/ej2-navigations": "~19.4.55",
+    "@syncfusion/ej2-popups": "~19.4.53",
+    "@syncfusion/ej2-richtexteditor": "~19.4.55",
+    "@syncfusion/ej2-treegrid": "~19.4.55"
   },
   "deprecated": false,
   "description": "Essential JS 2 Gantt Component",
@@ -75,6 +75,6 @@
     "url": "git+https://github.com/syncfusion/ej2-gantt.git"
   },
   "typings": "index.d.ts",
-  "version": "19.4.52",
+  "version": "19.4.55",
   "sideEffects": false
 }

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

@@ -397,7 +397,8 @@ var CellEdit = /** @class */ (function () {
         if (!ganttRecord.ganttProperties.isAutoSchedule) {
             this.parent.setRecordValue('autoWidth', this.parent.dataOperation.calculateWidth(ganttRecord, false), ganttRecord.ganttProperties, true);
         }
-        if (!isNullOrUndefined(args.data.ganttProperties.segments) && args.data.ganttProperties.segments.length > 0) {
+        if (!isNullOrUndefined(args.data.ganttProperties.segments) && args.data.ganttProperties.segments.length > 0 &&
+            !isNullOrUndefined(this.parent.editModule.taskbarEditModule)) {
             this.parent.editModule.taskbarEditModule.updateSegmentProgress(args.data.ganttProperties);
         }
         if (!args.data.hasChildRecords) {

package/src/gantt/actions/rowdragdrop.js

@@ -255,7 +255,13 @@ var RowDD = /** @class */ (function () {
                         }
                         else {
                             startIndex = droppedRecord.index;
-                            endIndex = draggedRecord.index;
+                            var rootChildRecord = draggedRecord;
+                            if (rootChildRecord.childRecords.length > 0) {
+                                do {
+                                    rootChildRecord = rootChildRecord.childRecords[rootChildRecord.childRecords.length - 1];
+                                } while (rootChildRecord.childRecords.length > 0);
+                            }
+                            endIndex = rootChildRecord.index;
                         }
                         var _loop_2 = function (i_1) {
                             if (!isNullOrUndefined(data_1[i_1])) {

package/src/gantt/actions/selection.js

@@ -133,7 +133,9 @@ var Selection = /** @class */ (function () {
         }
         this.addRemoveClass(index);
         this.selectedRowIndexes = extend([], this.getSelectedRowIndexes(), [], true);
-        this.parent.setProperties({ selectedRowIndex: -1 }, true);
+        if (this.selectedRowIndexes.length == 0) {
+            this.parent.setProperties({ selectedRowIndex: -1 }, true);
+        }
         if (!isNullOrUndefined(this.parent.toolbarModule)) {
             this.parent.toolbarModule.refreshToolbarItems();
         }

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

@@ -277,7 +277,8 @@ var DateProcessor = /** @class */ (function () {
     DateProcessor.prototype.calculateDuration = function (ganttData) {
         var ganttProperties = ganttData.ganttProperties;
         var tDuration;
-        if (!isNullOrUndefined(ganttProperties.segments) && ganttProperties.segments.length > 0) {
+        if (!isNullOrUndefined(ganttProperties.segments) && ganttProperties.segments.length > 0 &&
+            !isNullOrUndefined(this.parent.editModule.taskbarEditModule)) {
             tDuration = this.parent.editModule.taskbarEditModule.sumOfDuration(ganttProperties.segments);
         }
         else {

package/src/gantt/renderer/chart-rows.js

@@ -140,7 +140,7 @@ var ChartRows = /** @class */ (function (_super) {
         var childTaskbarNode = null;
         var data = this.templateData;
         if (this.childTaskbarTemplateFunction) {
-            childTaskbarNode = this.childTaskbarTemplateFunction(extend({ index: i }, data), this.parent, 'TaskbarTemplate', this.getTemplateID('TaskbarTemplate'), false, undefined, rootElement[0]);
+            childTaskbarNode = this.childTaskbarTemplateFunction(extend({ index: i }, data), this.parent, 'TaskbarTemplate', this.getTemplateID('TaskbarTemplate'), false, undefined, rootElement[0], this.parent.treeGrid['root']);
         }
         else {
             var labelString = '';
@@ -175,11 +175,20 @@ var ChartRows = /** @class */ (function (_super) {
                 labelString = labelString === 'isCustomTemplate' ? this.parent.labelSettings.taskLabel : labelString;
             }
             if (labelString !== 'null') {
-                taskLabel = '<span class="' + cls.taskLabel + '" style="line-height:' +
-                    (this.taskBarHeight - 1) + 'px; text-align: left;' +
-                    'display:' + 'inline-block;' +
-                    'width:' + (data.ganttProperties.width - 10) + 'px; height:' +
-                    this.taskBarHeight + 'px;">' + labelString + '</span>';
+                if (isNaN(parseInt(labelString))) {
+                    taskLabel = '<span class="' + cls.taskLabel + '" style="line-height:' +
+                        (this.taskBarHeight - 1) + 'px; text-align: left;' +
+                        'display:' + 'inline-block;' +
+                        'width:' + (data.ganttProperties.width - 10) + 'px; height:' +
+                        this.taskBarHeight + 'px;">' + labelString + '</span>';
+                }
+                else {
+                    taskLabel = '<span class="' + cls.taskLabel + '" style="line-height:' +
+                        (this.taskBarHeight - 1) + 'px; text-align:' + (this.parent.viewType === 'ResourceView' ? 'left;' : ';') +
+                        'display:' + (this.parent.viewType === 'ResourceView' ? 'inline-flex;' : ';') +
+                        'width:' + (this.parent.viewType === 'ResourceView' ? (data.ganttProperties.width - 10) : '') + 'px; height:' +
+                        this.taskBarHeight + 'px;">' + labelString + '</span>';
+                }
             }
             var template = !isNullOrUndefined(data.ganttProperties.segments) && data.ganttProperties.segments.length > 0 ?
                 this.splitTaskbar(data, labelString) : (data.ganttProperties.startDate && data.ganttProperties.endDate
@@ -570,7 +579,7 @@ var ChartRows = /** @class */ (function (_super) {
         var milestoneNode = null;
         var data = this.templateData;
         if (this.milestoneTemplateFunction) {
-            milestoneNode = this.milestoneTemplateFunction(extend({ index: i }, data), this.parent, 'MilestoneTemplate', this.getTemplateID('MilestoneTemplate'), false, undefined, rootElement[0]);
+            milestoneNode = this.milestoneTemplateFunction(extend({ index: i }, data), this.parent, 'MilestoneTemplate', this.getTemplateID('MilestoneTemplate'), false, undefined, rootElement[0], this.parent.treeGrid['root']);
         }
         else {
             var template = '<div class="' + cls.traceMilestone + '" style="position:absolute;">' +
@@ -641,7 +650,7 @@ var ChartRows = /** @class */ (function (_super) {
         leftLabelNode[0].setAttribute('aria-label', this.generateTaskLabelAriaLabel('left'));
         var leftLabelTemplateNode = null;
         if (this.leftTaskLabelTemplateFunction) {
-            leftLabelTemplateNode = this.leftTaskLabelTemplateFunction(extend({ index: i }, this.templateData), this.parent, 'LeftLabelTemplate', this.getTemplateID('LeftLabelTemplate'), false, undefined, leftLabelNode[0]);
+            leftLabelTemplateNode = this.leftTaskLabelTemplateFunction(extend({ index: i }, this.templateData), this.parent, 'LeftLabelTemplate', this.getTemplateID('LeftLabelTemplate'), false, undefined, leftLabelNode[0], this.parent.treeGrid['root']);
         }
         else {
             var field = this.parent.labelSettings.leftLabel;
@@ -652,6 +661,9 @@ var ChartRows = /** @class */ (function (_super) {
             }
         }
         if (leftLabelTemplateNode && leftLabelTemplateNode.length > 0) {
+            if (leftLabelTemplateNode[0]['data'] === 'null') {
+                leftLabelTemplateNode[0]['data'] = '';
+            }
             leftLabelNode[0].appendChild([].slice.call(leftLabelTemplateNode)[0]);
         }
         return leftLabelNode;
@@ -681,7 +693,7 @@ var ChartRows = /** @class */ (function (_super) {
         rightLabelNode[0].setAttribute('aria-label', this.generateTaskLabelAriaLabel('right'));
         var rightLabelTemplateNode = null;
         if (this.rightTaskLabelTemplateFunction) {
-            rightLabelTemplateNode = this.rightTaskLabelTemplateFunction(extend({ index: i }, this.templateData), this.parent, 'RightLabelTemplate', this.getTemplateID('RightLabelTemplate'), false, undefined, rightLabelNode[0]);
+            rightLabelTemplateNode = this.rightTaskLabelTemplateFunction(extend({ index: i }, this.templateData), this.parent, 'RightLabelTemplate', this.getTemplateID('RightLabelTemplate'), false, undefined, rightLabelNode[0], this.parent.treeGrid['root']);
         }
         else {
             var field = this.parent.labelSettings.rightLabel;
@@ -692,6 +704,9 @@ var ChartRows = /** @class */ (function (_super) {
             }
         }
         if (rightLabelTemplateNode && rightLabelTemplateNode.length > 0) {
+            if (rightLabelTemplateNode[0]['data'] === 'null') {
+                rightLabelTemplateNode[0]['data'] = '';
+            }
             rightLabelNode[0].appendChild([].slice.call(rightLabelTemplateNode)[0]);
         }
         return rightLabelNode;
@@ -746,7 +761,7 @@ var ChartRows = /** @class */ (function (_super) {
         var parentTaskbarNode = null;
         var data = this.templateData;
         if (this.parentTaskbarTemplateFunction) {
-            parentTaskbarNode = this.parentTaskbarTemplateFunction(extend({ index: i }, data), this.parent, 'ParentTaskbarTemplate', this.getTemplateID('ParentTaskbarTemplate'), false, undefined, rootElement[0]);
+            parentTaskbarNode = this.parentTaskbarTemplateFunction(extend({ index: i }, data), this.parent, 'ParentTaskbarTemplate', this.getTemplateID('ParentTaskbarTemplate'), false, undefined, rootElement[0], this.parent.treeGrid['root']);
         }
         else {
             var labelString = '';
@@ -778,11 +793,20 @@ var ChartRows = /** @class */ (function (_super) {
                 labelString = labelString === 'isCustomTemplate' ? this.parent.labelSettings.taskLabel : labelString;
             }
             if (labelString !== 'null') {
-                labelDiv = this.createDivElement('<span class="' +
-                    cls.taskLabel + '" style="line-height:' +
-                    (this.taskBarHeight - 1) + 'px; display:' + (this.parent.viewType === 'ResourceView' ? 'inline-flex;' : '') + 'width:' +
-                    (this.parent.viewType === 'ResourceView' ? (data.ganttProperties.width - 10) : '') + 'px; height:' +
-                    this.taskBarHeight + 'px;">' + labelString + '</span>');
+                if (isNaN(parseInt(labelString))) {
+                    labelDiv = this.createDivElement('<span class="' + cls.taskLabel + '" style="line-height:' +
+                        (this.taskBarHeight - 1) + 'px; text-align: left;' +
+                        'display:' + 'inline-block;' +
+                        'width:' + (data.ganttProperties.width - 10) + 'px; height:' +
+                        this.taskBarHeight + 'px;">' + labelString + '</span>');
+                }
+                else {
+                    labelDiv = this.createDivElement('<span class="' +
+                        cls.taskLabel + '" style="line-height:' +
+                        (this.taskBarHeight - 1) + 'px; display:' + (this.parent.viewType === 'ResourceView' ? 'inline-flex;' : ';') + 'width:' +
+                        (this.parent.viewType === 'ResourceView' ? (data.ganttProperties.width - 10) : ';') + 'px; height:' +
+                        this.taskBarHeight + 'px;">' + labelString + '</span>');
+                }
                 progressBarInnerDiv[0].appendChild([].slice.call(labelDiv)[0]);
             }
             var milestoneTemplate = '<div class="' + cls.parentMilestone + '" style="position:absolute;">' +
@@ -851,10 +875,19 @@ var ChartRows = /** @class */ (function (_super) {
     };
     ChartRows.prototype.isTemplate = function (template) {
         var result = false;
+        for (var i = 0; i < this.parent.ganttColumns.length; i++) {
+            if (template === this.parent.ganttColumns[i].field) {
+                result = true;
+                break;
+            }
+        }
         if (typeof template !== 'string' || template.indexOf('#') === 0 || template.indexOf('<') > -1
-            || template.indexOf('$') > -1) {
+            || template.indexOf('$') > -1 || !result) {
             result = true;
         }
+        else {
+            result = false;
+        }
         return result;
     };
     /**
@@ -869,7 +902,7 @@ var ChartRows = /** @class */ (function (_super) {
     ChartRows.prototype.leftLabelContainer = function () {
         var template = '<div class="' + ((this.leftTaskLabelTemplateFunction) ? cls.leftLabelTempContainer :
             cls.leftLabelContainer) + ' ' + '" tabindex="-1" style="height:' +
-            (this.parent.rowHeight - 1) + 'px;width:' + this.taskNameWidth(this.templateData) + '"></div>';
+            (this.parent.rowHeight - 2) + 'px;width:' + this.taskNameWidth(this.templateData) + '"></div>';
         return this.createDivElement(template);
     };
     ChartRows.prototype.taskbarContainer = function () {
@@ -892,7 +925,7 @@ var ChartRows = /** @class */ (function (_super) {
     ChartRows.prototype.rightLabelContainer = function () {
         var template = '<div class="' + ((this.rightTaskLabelTemplateFunction) ? cls.rightLabelTempContainer :
             cls.rightLabelContainer) + '" ' + ' tabindex="-1" style="left:' + this.getRightLabelLeft(this.templateData) + 'px;height:'
-            + (this.parent.rowHeight - 1) + 'px;"></div>';
+            + (this.parent.rowHeight - 2) + 'px;"></div>';
         return this.createDivElement(template);
     };
     ChartRows.prototype.childTaskbarLeftResizer = function () {

package/src/gantt/renderer/timeline.js

@@ -1276,7 +1276,7 @@ var Timeline = /** @class */ (function () {
                 var validStartLeft = this.parent.dataOperation.getTaskLeft(validStartDate, false);
                 var validEndLeft = this.parent.dataOperation.getTaskLeft(validEndDate, false);
                 var isChanged = void 0;
-                if (!isNullOrUndefined(maxStartLeft) && (maxStartLeft <= this.bottomTierCellWidth || maxStartLeft <= validStartLeft)) {
+                if (!isNullOrUndefined(maxStartLeft) && (maxStartLeft < this.bottomTierCellWidth || maxStartLeft <= validStartLeft)) {
                     isChanged = 'prevTimeSpan';
                     minStartDate = minStartDate > this.timelineStartDate ? this.timelineStartDate : minStartDate;
                 }