@syncfusion/ej2-gantt 20.3.61 → 20.4.38

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.3.61
+*  version : 20.4.38
 *  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@20.3.60",
+  "_id": "@syncfusion/ej2-gantt@20.15.5",
   "_inBundle": false,
-  "_integrity": "sha512-r4ZVyKzjd8LePO6v6CESdNoXi8+jRiPhnRaZFr0jaIo6ZJhRxae8Hot3n16/s3vUZ8QFEsz0NWFuO0gD6f56gQ==",
+  "_integrity": "sha512-8nxolLMuBdFBnZtSPWBRdiHp0cZzFYElVPtPP/YgzzEs+T4RA0CtROz8JIWe5TQDAMoFtHCwWcOcT7GgG0IwDA==",
   "_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-20.3.60.tgz",
-  "_shasum": "8aac2f8a497d74ae0b6757829a0920d91655163b",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-gantt/-/ej2-gantt-20.15.5.tgz",
+  "_shasum": "227225e240e8cf836cb9fac39c980c2a145f85dd",
   "_spec": "@syncfusion/ej2-gantt@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -35,19 +35,20 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.3.56",
-    "@syncfusion/ej2-buttons": "~20.3.58",
-    "@syncfusion/ej2-calendars": "~20.3.59",
-    "@syncfusion/ej2-data": "~20.3.60",
-    "@syncfusion/ej2-dropdowns": "~20.3.60",
-    "@syncfusion/ej2-grids": "~20.3.61",
-    "@syncfusion/ej2-inputs": "~20.3.57",
-    "@syncfusion/ej2-layouts": "~20.3.58",
-    "@syncfusion/ej2-lists": "~20.3.56",
-    "@syncfusion/ej2-navigations": "~20.3.60",
-    "@syncfusion/ej2-popups": "~20.3.60",
-    "@syncfusion/ej2-richtexteditor": "~20.3.61",
-    "@syncfusion/ej2-treegrid": "~20.3.61"
+    "@syncfusion/ej2-base": "~20.4.38",
+    "@syncfusion/ej2-buttons": "~20.4.38",
+    "@syncfusion/ej2-calendars": "~20.4.38",
+    "@syncfusion/ej2-data": "~20.4.38",
+    "@syncfusion/ej2-dropdowns": "~20.4.38",
+    "@syncfusion/ej2-grids": "~20.4.38",
+    "@syncfusion/ej2-inputs": "~20.4.38",
+    "@syncfusion/ej2-layouts": "~20.4.38",
+    "@syncfusion/ej2-lists": "~20.4.38",
+    "@syncfusion/ej2-navigations": "~20.4.38",
+    "@syncfusion/ej2-notifications": "~20.4.38",
+    "@syncfusion/ej2-popups": "~20.4.38",
+    "@syncfusion/ej2-richtexteditor": "~20.4.38",
+    "@syncfusion/ej2-treegrid": "~20.4.38"
   },
   "deprecated": false,
   "description": "Essential JS 2 Gantt Component",
@@ -75,6 +76,6 @@
     "url": "git+https://github.com/syncfusion/ej2-gantt.git"
   },
   "typings": "index.d.ts",
-  "version": "20.3.61",
+  "version": "20.4.38",
   "sideEffects": false
 }

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

@@ -7,6 +7,7 @@ import { Gantt } from '../base/gantt';
 export declare class ChartScroll {
     private parent;
     private element;
+    private isScrolling;
     private isFromTreeGrid;
     previousScroll: {
         top: number;
@@ -44,6 +45,9 @@ export declare class ChartScroll {
      * @private
      */
     updateTopPosition(): void;
+    private removeShimmer;
+    private updateShimmer;
+    private updateSpinner;
     /**
      * Scroll event handler
      *
@@ -80,7 +84,7 @@ export declare class ChartScroll {
      * @param {number} scrollLeft  - To set scroll left for scroll container
      * @returns {void} .
      */
-    setScrollLeft(scrollLeft: number): void;
+    setScrollLeft(scrollLeft: number, leftSign?: number): void;
     /**
      * Destroy scroll related elements and unbind the events
      *

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

@@ -25,6 +25,8 @@ var ChartScroll = /** @class */ (function () {
     ChartScroll.prototype.addEventListeners = function () {
         this.parent.on('grid-scroll', this.gridScrollHandler, this);
         EventHandler.add(this.element, 'scroll', this.onScroll, this);
+        this.parent.treeGrid.grid.on('showGanttShimmer', this.updateShimmer, this);
+        this.parent.treeGrid.grid.on('removeGanttShimmer', this.removeShimmer, this);
     };
     /**
      * Unbind events
@@ -34,6 +36,8 @@ var ChartScroll = /** @class */ (function () {
     ChartScroll.prototype.removeEventListeners = function () {
         EventHandler.remove(this.element, 'scroll', this.onScroll);
         this.parent.off('grid-scroll', this.gridScrollHandler);
+        this.parent.treeGrid.grid.off('showGanttShimmer', this.updateShimmer);
+        this.parent.treeGrid.grid.off('removeGanttShimmer', this.removeShimmer);
     };
     /**
      *
@@ -79,6 +83,27 @@ var ChartScroll = /** @class */ (function () {
             this.parent.chartVerticalLineContainer.style.top = formatUnit(scrollTop);
         }
     };
+    ChartScroll.prototype.removeShimmer = function () {
+        var parent = this.parent;
+        setTimeout(function () {
+            parent.hideMaskRow();
+        }, 0);
+    };
+    ;
+    ChartScroll.prototype.updateShimmer = function () {
+        var parent = this.parent;
+        setTimeout(function () {
+            parent.showMaskRow();
+        }, 0);
+    };
+    ChartScroll.prototype.updateSpinner = function () {
+        var parent = this.parent;
+        this.parent.showSpinner();
+        window.clearTimeout(this.isScrolling);
+        this.isScrolling = setTimeout(function () {
+            parent.hideSpinner();
+        }, 200);
+    };
     /**
      * Scroll event handler
      *
@@ -104,6 +129,16 @@ var ChartScroll = /** @class */ (function () {
             scrollArgs.scrollDirection = 'Horizontal';
             scrollArgs.action = 'HorizontalScroll';
         }
+        if ((scrollArgs.scrollDirection != 'Horizontal' && !isNullOrUndefined(scrollArgs.scrollDirection)) && this.parent.enableVirtualization === 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();
+                }
+            }
+        }
+        this.parent.isToolBarClick = true;
         scrollArgs.requestType = 'scroll';
         this.parent.trigger('actionComplete', scrollArgs);
     };
@@ -144,7 +179,10 @@ var ChartScroll = /** @class */ (function () {
      * @param {number} scrollLeft  - To set scroll left for scroll container
      * @returns {void} .
      */
-    ChartScroll.prototype.setScrollLeft = function (scrollLeft) {
+    ChartScroll.prototype.setScrollLeft = function (scrollLeft, leftSign) {
+        if (leftSign) {
+            scrollLeft = leftSign == -1 && this.parent.enableRtl ? -scrollLeft : scrollLeft;
+        }
         this.element.scrollLeft = scrollLeft;
         this.parent.ganttChartModule.chartTimelineContainer.scrollLeft = this.element.scrollLeft;
         this.previousScroll.left = this.element.scrollLeft;

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

@@ -547,6 +547,7 @@ var ConnectorLineEdit = /** @class */ (function () {
         var validationDialog = new Dialog({
             header: 'Validate Editing',
             isModal: true,
+            enableRtl: this.parent.enableRtl,
             visible: false,
             width: '50%',
             showCloseIcon: true,
@@ -918,6 +919,7 @@ var ConnectorLineEdit = /** @class */ (function () {
         this.confirmPredecessorDialog = new Dialog({
             width: '320px',
             isModal: true,
+            enableRtl: this.parent.enableRtl,
             content: this.parent.localeObj.getConstant('confirmPredecessorDelete'),
             buttons: [
                 {

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

@@ -68,6 +68,7 @@ var ContextMenu = /** @class */ (function () {
         this.contextMenu = new Menu({
             items: this.getMenuItems(),
             locale: this.parent.locale,
+            enableRtl: this.parent.enableRtl,
             target: target,
             animationSettings: { effect: 'None' },
             select: this.contextMenuItemClick.bind(this),
@@ -209,6 +210,12 @@ var ContextMenu = /** @class */ (function () {
         };
         // eslint-disable-next-line
         this.parent.trigger('actionBegin', eventArgs, function (eventArgs) {
+            if (!isNullOrUndefined(_this.parent.loadingIndicator) && _this.parent.loadingIndicator.indicatorType === "Shimmer") {
+                _this.parent.showMaskRow();
+            }
+            else {
+                _this.parent.showSpinner();
+            }
             _this.parent.chartRowsModule.splitTask(_this.rowData[taskSettings.id], currentClickedDate);
         });
     };
@@ -230,6 +237,12 @@ var ContextMenu = /** @class */ (function () {
             target: this.targetElement
         };
         this.parent.trigger('actionBegin', eventArgs, function (eventArgs) {
+            if (!isNullOrUndefined(_this.parent.loadingIndicator) && _this.parent.loadingIndicator.indicatorType === "Shimmer") {
+                _this.parent.showMaskRow();
+            }
+            else {
+                _this.parent.showSpinner();
+            }
             if (eventArgs.cancel === false) {
                 _this.parent.chartRowsModule.mergeTask(_this.rowData[taskSettings.id], segmentIndexes);
             }
@@ -238,12 +251,30 @@ var ContextMenu = /** @class */ (function () {
     // eslint-disable-next-line
     ContextMenu.prototype.getClickedDate = function (element) {
         // context menu click position
-        var ganttElementPosition = this.parent.getOffsetRect(this.parent.element);
+        var ganttElementPositionLeft;
         // task left position
-        var pageLeft = ganttElementPosition.left + this.parent.ganttChartModule.chartElement.offsetLeft +
-            this.rowData.ganttProperties.left - this.parent.ganttChartModule.scrollElement.scrollLeft;
-        // difference from task start date to current click position.
-        var currentTaskDifference = this.clickedPosition - pageLeft;
+        if (this.parent.enableRtl) {
+            var box = this.parent.element.getBoundingClientRect();
+            var scrollLeft = window.pageXOffset || document.documentElement.scrollLeft ||
+                document.body.scrollLeft;
+            var clientLeft = document.documentElement.clientLeft || document.body.clientLeft || 0;
+            ganttElementPositionLeft = box.left + scrollLeft - clientLeft;
+        }
+        else {
+            ganttElementPositionLeft = this.parent.getOffsetRect(this.parent.element).left;
+        }
+        var pageLeft;
+        var currentTaskDifference;
+        if (this.parent.enableRtl) {
+            pageLeft = Math.abs(ganttElementPositionLeft + this.parent.ganttChartModule.chartElement.offsetWidth -
+                this.rowData.ganttProperties.left - this.parent.ganttChartModule.scrollElement.scrollLeft);
+            currentTaskDifference = Math.abs(this.clickedPosition - pageLeft);
+        }
+        else {
+            pageLeft = ganttElementPositionLeft + this.parent.ganttChartModule.chartElement.offsetLeft +
+                this.rowData.ganttProperties.left - this.parent.ganttChartModule.scrollElement.scrollLeft;
+            currentTaskDifference = this.clickedPosition - pageLeft;
+        }
         var splitTaskDuration = Math.ceil(currentTaskDifference / this.parent.perDayWidth);
         var startDate = this.rowData.ganttProperties.startDate;
         if (!isNullOrUndefined(this.parent.timelineSettings.bottomTier) && this.parent.timelineSettings.bottomTier.unit === 'Hour') {

package/src/gantt/actions/critical-path.d.ts

@@ -1,5 +1,5 @@
-import { Gantt } from "../base/gantt";
-import { IGanttData } from "../base/interface";
+import { Gantt } from '../base/gantt';
+import { IGanttData } from '../base/interface';
 export declare class CriticalPath {
     private parent;
     detailPredecessorCollection: object[];

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

@@ -1,4 +1,4 @@
-import { isNullOrUndefined } from "@syncfusion/ej2-base";
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import { addClass } from '@syncfusion/ej2-base';
 import * as cls from '../base/css-constants';
 var CriticalPath = /** @class */ (function () {
@@ -79,7 +79,7 @@ var CriticalPath = /** @class */ (function () {
                     }
                     else {
                         var currentRecords = this_1.parent.currentViewData.filter(function (data) {
-                            return parseInt(data.ganttProperties.taskId) == checkBeyondEnddate_1[k];
+                            return parseInt(data.ganttProperties.taskId) === checkBeyondEnddate_1[k];
                         });
                         for (var i = 0; i < currentRecords.length; i++) {
                             if (!currentRecords[i].hasChildRecords && currentRecords[i].ganttProperties.endDate >= this_1.maxEndDate) {
@@ -117,10 +117,10 @@ var CriticalPath = /** @class */ (function () {
                 var individualPredecessorLength = totalPredecessorsCollection[x].ganttProperties.predecessor.length;
                 var taskid = ((totalPredecessorsCollection[x].ganttProperties.taskId));
                 for (var y = 0; y < individualPredecessorLength; y++) {
-                    if (!isNaN(Number(predecessor[y].from)) && typeof (taskid) != "string") {
+                    if (!isNaN(Number(predecessor[y].from)) && typeof (taskid) != 'string') {
                         tempTaskId = parseInt((predecessor[y].from), 10);
                     }
-                    else if (!isNaN(Number(predecessor[y].from)) && typeof (taskid) === "string") {
+                    else if (!isNaN(Number(predecessor[y].from)) && typeof (taskid) === 'string') {
                         tempTaskId = predecessor[y].from;
                     }
                     else {
@@ -143,15 +143,16 @@ var CriticalPath = /** @class */ (function () {
                                 toPredecessor = toPredecessor + ',' + predecessor[y].type;
                             }
                             else {
-                                to = to + ',' + predecessor[y].to + ':' + predecessor[y].offset + predecessor[y].offsetUnit;
+                                to = to + ',' + predecessor[y].to + ':' + predecessor[y].offset +
+                                    predecessor[y].offsetUnit;
                                 toPredecessor = toPredecessor + ',' + predecessor[y].type;
                             }
                         }
                     }
-                    if (!isNaN(Number(predecessor[y].to)) && typeof (taskid) != "string") {
+                    if (!isNaN(Number(predecessor[y].to)) && typeof (taskid) != 'string') {
                         tempTaskId = parseInt((predecessor[y].to), 10);
                     }
-                    else if (!isNaN(Number(predecessor[y].to)) && typeof (taskid) === "string") {
+                    else if (!isNaN(Number(predecessor[y].to)) && typeof (taskid) === 'string') {
                         tempTaskId = predecessor[y].to;
                     }
                     else {
@@ -164,7 +165,8 @@ var CriticalPath = /** @class */ (function () {
                                 fromPredecessor = predecessor[y].type;
                             }
                             else {
-                                from = predecessor[y].from + ':' + predecessor[y].offset + predecessor[y].offsetUnit;
+                                from = predecessor[y].from + ':' + predecessor[y].offset +
+                                    predecessor[y].offsetUnit;
                                 fromPredecessor = predecessor[y].type;
                             }
                         }
@@ -174,7 +176,8 @@ var CriticalPath = /** @class */ (function () {
                                 fromPredecessor = fromPredecessor + ',' + predecessor[y].type;
                             }
                             else {
-                                from = from + ',' + predecessor[y].from + ':' + predecessor[y].offset + predecessor[y].offsetUnit;
+                                from = from + ',' + predecessor[y].from + ':' + predecessor[y].offset +
+                                    predecessor[y].offsetUnit;
                                 fromPredecessor = fromPredecessor + ',' + predecessor[y].type;
                             }
                         }
@@ -301,7 +304,8 @@ var CriticalPath = /** @class */ (function () {
                     }
                 }
                 // execute if the current calculated slack value is less than the previous slack value.
-                else if (collection[fromTaskIdIndex]['slack'] > dateDifference && collection[fromTaskIdIndex]['slack'] !== 0) {
+                else if (collection[fromTaskIdIndex]['slack'] > dateDifference &&
+                    collection[fromTaskIdIndex]['slack'] !== 0) {
                     // execute if the offset value is not given.
                     if (fromDateArray1.length <= 1) {
                         if (collection[totaskId]['slack'] + dateDifference < 0) {
@@ -351,7 +355,8 @@ var CriticalPath = /** @class */ (function () {
                         }
                     }
                     //It execute while already the slack value is set and it is higher than the datedifference. 
-                    else if (collection[fromTaskIdIndex]['slack'] > dateDifference && collection[fromTaskIdIndex]['slack'] !== 0) {
+                    else if (collection[fromTaskIdIndex]['slack'] > dateDifference &&
+                        collection[fromTaskIdIndex]['slack'] !== 0) {
                         if (fromDateArray1.length <= 1) {
                             if (collection[totaskId]['slack'] + dateDifference < 0) {
                                 collection[fromTaskIdIndex]['slack'] = 0;
@@ -379,7 +384,8 @@ var CriticalPath = /** @class */ (function () {
                     if (isNullOrUndefined(collection[fromTaskIdIndex]['slack'])) {
                         collection[fromTaskIdIndex]['slack'] = dateDifference;
                     }
-                    else if (collection[fromTaskIdIndex]['slack'] > dateDifference && collection[fromTaskIdIndex]['slack'] !== 0) {
+                    else if (collection[fromTaskIdIndex]['slack'] > dateDifference &&
+                        collection[fromTaskIdIndex]['slack'] !== 0) {
                         collection[fromTaskIdIndex]['slack'] = dateDifference;
                     }
                 }
@@ -390,7 +396,8 @@ var CriticalPath = /** @class */ (function () {
             //  calculate slack value for the task contains predecessor connection in "finish to finish".
             if (fromDataPredecessor[i] === 'FF') {
                 // execute if the previous task is from finish to start or finish to finish state.
-                if (collection[totaskId]['fs'] === 1 || collection[totaskId]['ff'] === 1 || collection[totaskId]['fs'] === -1) {
+                if (collection[totaskId]['fs'] === 1 || collection[totaskId]['ff'] === 1 ||
+                    collection[totaskId]['fs'] === -1) {
                     if (collection[totaskId]['fs'] === 1 || collection[totaskId]['ff'] === 1) {
                         prevTaskEnddate = toIdFlatData.endDate;
                         ffslack = collection[totaskId]['slack'];
@@ -693,7 +700,7 @@ var CriticalPath = /** @class */ (function () {
             }
             else {
                 var currentRecords = this_2.parent.currentViewData.filter(function (data) {
-                    return (data.ganttProperties.taskId).toString() == criticalPathIds[i].toString();
+                    return (data.ganttProperties.taskId).toString() === criticalPathIds[i].toString();
                 });
                 for (var i_1 = 0; i_1 < currentRecords.length; i_1++) {
                     if (currentRecords[i_1].ganttProperties.isCritical || currentRecords[i_1].ganttProperties.endDate >= this_2.maxEndDate) {
@@ -707,13 +714,13 @@ var CriticalPath = /** @class */ (function () {
             var columnFields = this_2.parent.taskFields;
             if (criticalData.parentItem) {
                 var parentRecord = this_2.parent.currentViewData.filter(function (data) {
-                    return criticalData.parentItem.uniqueID == data.uniqueID;
+                    return criticalData.parentItem.uniqueID === data.uniqueID;
                 });
                 var parentIndex = this_2.parent.currentViewData.indexOf(parentRecord[0]);
                 var parentElement = this_2.parent.getRowByIndex(parentIndex);
                 var parentTaskbarElement = parentElement.querySelectorAll('.e-taskbar-main-container');
                 for (var i_2 = 0; i_2 < parentTaskbarElement.length; i_2++) {
-                    if (parentTaskbarElement[i_2].getAttribute('rowuniqueid') == criticalData['rowUniqueID']) {
+                    if (parentTaskbarElement[i_2].getAttribute('rowuniqueid') === criticalData['rowUniqueID']) {
                         addClass(parentTaskbarElement[i_2].querySelectorAll('.e-gantt-child-taskbar-inner-div'), cls.criticalChildTaskBarInnerDiv);
                     }
                 }

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

@@ -320,18 +320,18 @@ var DialogEdit = /** @class */ (function () {
         if (!isNullOrUndefined(taskId)) {
             if (!isNullOrUndefined(taskId['ganttProperties'])) {
                 if (typeof taskId['ganttProperties']['taskId'] === 'string') {
-                    this.numericOrString = "stringedit";
+                    this.numericOrString = 'stringedit';
                 }
                 else {
-                    this.numericOrString = "numericedit";
+                    this.numericOrString = 'numericedit';
                 }
             }
             if (isNullOrUndefined(taskId['ganttProperties']) && !isNullOrUndefined(taskId)) {
                 if (isNaN(Number(taskId)) || this.parent.columnByField[this.parent.taskFields.id].editType === "stringedit") {
-                    this.numericOrString = "stringedit";
+                    this.numericOrString = 'stringedit';
                 }
                 else {
-                    this.numericOrString = "numericedit";
+                    this.numericOrString = 'numericedit';
                 }
             }
         }
@@ -374,6 +374,7 @@ var DialogEdit = /** @class */ (function () {
         dialogModel.animationSettings = { effect: 'None' };
         dialogModel.header = this.localeObj.getConstant(this.isEdit ? 'editDialogTitle' : 'addDialogTitle');
         dialogModel.isModal = true;
+        dialogModel.enableRtl = this.parent.enableRtl;
         dialogModel.allowDragging = this.parent.isAdaptive ? false : true;
         dialogModel.showCloseIcon = true;
         var position = this.parent.isAdaptive ? { X: 'top', Y: 'left' } : { X: 'center', Y: 'center' };
@@ -384,8 +385,8 @@ var DialogEdit = /** @class */ (function () {
         dialogModel.close = this.dialogClose.bind(this);
         dialogModel.closeOnEscape = true;
         dialogModel.beforeClose = function (args) {
-            if (args.closedBy == "escape") {
-                if (args.event.name == "key-pressed" && args.event.target.nodeName == 'INPUT') {
+            if (args.closedBy === "escape") {
+                if (args.event.name === "key-pressed" && args.event.target.nodeName === 'INPUT') {
                     args.cancel = true;
                 }
             }
@@ -556,6 +557,7 @@ var DialogEdit = /** @class */ (function () {
         var length = dialogSettings.length;
         tabModel.items = tabItems;
         tabModel.locale = this.parent.locale;
+        tabModel.enableRtl = this.parent.enableRtl;
         this.beforeOpenArgs.tabModel = tabModel;
         var count = 0;
         var index = 0;
@@ -636,6 +638,12 @@ var DialogEdit = /** @class */ (function () {
             cancel: this.beforeOpenArgs.cancel
         };
         this.parent.trigger('actionBegin', this.beforeOpenArgs, function (arg) {
+            if (!isNullOrUndefined(_this.parent.loadingIndicator) && _this.parent.loadingIndicator.indicatorType === "Shimmer") {
+                _this.parent.showMaskRow();
+            }
+            else {
+                _this.parent.showSpinner();
+            }
             _this.renderTabItems();
             if (!arg.cancel) {
                 tabModel.selected = _this.tabSelectedEvent.bind(_this);
@@ -658,6 +666,12 @@ var DialogEdit = /** @class */ (function () {
                     cancel: false
                 };
                 _this.parent.trigger('actionComplete', actionCompleteArgs, function (actionCompleteArg) {
+                    if (!isNullOrUndefined(_this.parent.loadingIndicator) && _this.parent.loadingIndicator.indicatorType === "Shimmer") {
+                        _this.parent.hideMaskRow();
+                    }
+                    else {
+                        _this.parent.hideSpinner();
+                    }
                     if (actionCompleteArg.cancel) {
                         _this.resetValues();
                     }
@@ -741,7 +755,8 @@ var DialogEdit = /** @class */ (function () {
                 {
                     var checkboxModel = {
                         label: column.headerText,
-                        locale: locale
+                        locale: locale,
+                        enableRtl: this.parent.enableRtl
                     };
                     fieldsModel[column.field] = checkboxModel;
                     break;
@@ -750,6 +765,7 @@ var DialogEdit = /** @class */ (function () {
             case 'stringedit':
                 {
                     var textBox = common;
+                    textBox.enableRtl = this.parent.enableRtl;
                     if (column.field === ganttObj.columnMapping.duration || column.field === ganttObj.columnMapping.id || column.field === ganttObj.columnMapping.startDate ||
                         column.field === ganttObj.columnMapping.endDate) {
                         textBox.change = function (args) {
@@ -762,6 +778,7 @@ var DialogEdit = /** @class */ (function () {
             case 'numericedit':
                 {
                     var numeric = common;
+                    numeric.enableRtl = this.parent.enableRtl;
                     if (taskSettings.progress === column.field) {
                         numeric.min = 0;
                         numeric.max = 100;
@@ -778,6 +795,7 @@ var DialogEdit = /** @class */ (function () {
                 {
                     var datePickerObj = common;
                     datePickerObj.format = this.parent.getDateFormat();
+                    datePickerObj.enableRtl = this.parent.enableRtl;
                     datePickerObj.strictMode = true;
                     datePickerObj.firstDayOfWeek = ganttObj.timelineModule.customTimelineSettings.weekStartDay;
                     if (column.field === ganttObj.columnMapping.startDate ||
@@ -794,6 +812,7 @@ var DialogEdit = /** @class */ (function () {
                 {
                     var dateTimePickerObj = common;
                     dateTimePickerObj.format = this.parent.getDateFormat();
+                    dateTimePickerObj.enableRtl = this.parent.enableRtl;
                     dateTimePickerObj.strictMode = true;
                     dateTimePickerObj.firstDayOfWeek = ganttObj.timelineModule.customTimelineSettings.weekStartDay;
                     if (column.field === ganttObj.columnMapping.startDate ||
@@ -816,6 +835,7 @@ var DialogEdit = /** @class */ (function () {
                     common[dataKey] = types;
                     common[fieldsKey] = { value: 'Value' };
                     var dropDownListObj = common;
+                    dropDownListObj.enableRtl = this.parent.enableRtl;
                     dropDownListObj.change = function (args) {
                         if (column.field === taskSettings.manual) {
                             _this.editedRecord.ganttProperties.isAutoSchedule = !args.value;
@@ -1189,8 +1209,8 @@ var DialogEdit = /** @class */ (function () {
                     break;
                 case 'duration':
                     gridColumn = {
-                        field: fields[i], headerText: this_1.localeObj.getConstant(fields[i]), editType: 'stringedit', width: '100px',
-                        edit: {
+                        field: fields[i], headerText: this_1.localeObj.getConstant(fields[i]), editType: 'stringedit',
+                        width: '100px', edit: {
                             write: function (args) {
                                 var inputTextModel;
                                 if (!isNullOrUndefined(_this.beforeOpenArgs[generalTabString])) {
@@ -1255,7 +1275,7 @@ var DialogEdit = /** @class */ (function () {
             inputValue = dialog.querySelector('#' + ganttId + 'SegmentsTabContainer' + columnName)
                 .ej2_instances[0];
         }
-        if (inputValue.value.toString() !== tempValue.toString()) {
+        if ((!isNullOrUndefined(inputValue.value)) && (inputValue.value.toString() !== tempValue.toString())) {
             inputValue.value = tempValue;
             inputValue.dataBind();
         }
@@ -1590,7 +1610,7 @@ var DialogEdit = /** @class */ (function () {
                             break;
                         }
                     }
-                    if (typeof (stringOrNumber) === "string") {
+                    if (typeof (stringOrNumber) === 'string') {
                         disabled = false;
                     }
                     else {
@@ -1605,7 +1625,7 @@ var DialogEdit = /** @class */ (function () {
             }
             if (this.editedRecord.hasChildRecords) {
                 if ((column.field === this.parent.taskFields.endDate && ((!isNullOrUndefined(this.editedRecord['isManual']) &&
-                    this.editedRecord['isManual'] == false) || this.parent.taskMode == 'Auto')) || column.field === this.parent.taskFields.duration ||
+                    this.editedRecord['isManual'] === false) || this.parent.taskMode === 'Auto')) || column.field === this.parent.taskFields.duration ||
                     column.field === this.parent.taskFields.progress || column.field === this.parent.taskFields.work ||
                     column.field === this.parent.taskFields.type) {
                     disabled = true;
@@ -1661,6 +1681,7 @@ var DialogEdit = /** @class */ (function () {
                     dataSource: new DataManager(_this.idCollection),
                     popupHeight: '180px',
                     allowCustom: false,
+                    enableRtl: _this.parent.enableRtl,
                     fields: { value: 'text' },
                     value: args.rowData[field],
                     change: function (arg) {
@@ -1936,7 +1957,7 @@ var DialogEdit = /** @class */ (function () {
                 do {
                     if (currentFlatData.parentItem) {
                         currentFlatData = this.parent.flatData[this.parent.ids.indexOf(currentFlatData.parentItem.taskId)];
-                        if (currentFlatData.uniqueID == this.beforeOpenArgs.rowData['uniqueID']) {
+                        if (currentFlatData.uniqueID === this.beforeOpenArgs.rowData['uniqueID']) {
                             this.isValidData = false;
                             break;
                         }
@@ -2189,7 +2210,9 @@ var DialogEdit = /** @class */ (function () {
             }
         }
         if (this.isEdit) {
-            this.updateScheduleProperties(this.editedRecord, this.rowData);
+            if (!isCustom) {
+                this.updateScheduleProperties(this.editedRecord, this.rowData);
+            }
             ganttObj.editModule.validateUpdateValues(tasksData, this.rowData, true);
         }
     };

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

@@ -48,6 +48,7 @@ export declare class Edit {
     cellEditModule: CellEdit;
     taskbarEditModule: TaskbarEdit;
     dialogModule: DialogEdit;
+    isResourceTaskDeleted: boolean;
     constructor(parent?: Gantt);
     private getModuleName;
     /**