@syncfusion/ej2-gantt 21.1.41 → 21.2.3

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 21.1.41
+*  version : 21.2.3
 *  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@21.1.38",
+  "_id": "@syncfusion/ej2-gantt@21.1.41",
   "_inBundle": false,
-  "_integrity": "sha512-mG35i/xS8soHV61BHzK07yFe9rxWl3ubEOVZKB/oLV6xaUYnu6oUy8ggzePCuxcVBh5SfJ+Zvx8sgtr9Xjzgng==",
+  "_integrity": "sha512-HqNK10wkFFpZ17YU9HVZPZmaEL+xsJRC8P6Kr0FepcgNxQcy8FNQqIDPL4KsvjICXh4IMuwyyFdljZtV4TJFfA==",
   "_location": "/@syncfusion/ej2-gantt",
   "_phantomChildren": {},
   "_requested": {
@@ -18,13 +18,10 @@
   },
   "_requiredBy": [
     "/",
-    "/@syncfusion/ej2",
-    "/@syncfusion/ej2-angular-gantt",
-    "/@syncfusion/ej2-react-gantt",
-    "/@syncfusion/ej2-vue-gantt"
+    "/@syncfusion/ej2"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-21.1.38.tgz",
-  "_shasum": "32d68324bade49301890fb65cf019d4904462d33",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-21.1.41.tgz",
+  "_shasum": "047e11b79fe94cc870713b4526282ab7a50f3d5e",
   "_spec": "@syncfusion/ej2-gantt@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -35,20 +32,20 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~21.1.40",
-    "@syncfusion/ej2-buttons": "~21.1.37",
-    "@syncfusion/ej2-calendars": "~21.1.41",
-    "@syncfusion/ej2-data": "~21.1.38",
-    "@syncfusion/ej2-dropdowns": "~21.1.41",
-    "@syncfusion/ej2-grids": "~21.1.41",
-    "@syncfusion/ej2-inputs": "~21.1.39",
-    "@syncfusion/ej2-layouts": "~21.1.37",
-    "@syncfusion/ej2-lists": "~21.1.41",
-    "@syncfusion/ej2-navigations": "~21.1.39",
-    "@syncfusion/ej2-notifications": "~21.1.37",
-    "@syncfusion/ej2-popups": "~21.1.41",
-    "@syncfusion/ej2-richtexteditor": "~21.1.41",
-    "@syncfusion/ej2-treegrid": "~21.1.41"
+    "@syncfusion/ej2-base": "~21.2.3",
+    "@syncfusion/ej2-buttons": "~21.2.3",
+    "@syncfusion/ej2-calendars": "~21.2.3",
+    "@syncfusion/ej2-data": "~21.2.3",
+    "@syncfusion/ej2-dropdowns": "~21.2.3",
+    "@syncfusion/ej2-grids": "~21.2.3",
+    "@syncfusion/ej2-inputs": "~21.2.3",
+    "@syncfusion/ej2-layouts": "~21.2.3",
+    "@syncfusion/ej2-lists": "~21.2.3",
+    "@syncfusion/ej2-navigations": "~21.2.3",
+    "@syncfusion/ej2-notifications": "~21.2.3",
+    "@syncfusion/ej2-popups": "~21.2.3",
+    "@syncfusion/ej2-richtexteditor": "~21.2.3",
+    "@syncfusion/ej2-treegrid": "~21.2.3"
   },
   "deprecated": false,
   "description": "Essential JS 2 Gantt Component",
@@ -73,6 +70,6 @@
     "url": "git+https://github.com/syncfusion/ej2-gantt.git"
   },
   "typings": "index.d.ts",
-  "version": "21.1.41",
+  "version": "21.2.3",
   "sideEffects": false
 }

package/src/gantt/actions/edit.js

@@ -850,7 +850,7 @@ var Edit = /** @class */ (function () {
                 this.parent.predecessorModule.isValidatedParentTaskID = '';
             }
             if (this.parent.allowParentDependency && ganttRecord.hasChildRecords && this.parent.previousRecords[ganttRecord.uniqueID].ganttProperties.startDate &&
-                (args.action === "DrawConnectorLine")) {
+                (args.action === "DrawConnectorLine") || (args.action === "DialogEditing")) {
                 this.updateChildItems(ganttRecord);
             }
             this.updateParentItemOnEditing();

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

@@ -228,7 +228,7 @@ export declare class TaskbarEdit extends DateProcessor {
      * @returns {Date} .
      * @private
      */
-    getDateByLeft(left: number, isMilestone?: boolean, property?: any): Date;
+    getDateByLeft(left: number, isMilestone?: boolean, property?: ITaskData): Date;
     /**
      * To set item position.
      *

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

@@ -1370,7 +1370,7 @@ var TaskbarEdit = /** @class */ (function (_super) {
             : ganttRecord.left;
         var tierMode = this.parent.timelineModule.bottomTier !== 'None' ? this.parent.timelineModule.bottomTier :
             this.parent.timelineModule.topTier;
-        var remainingContribution = (1 / (this.parent.timelineModule.getIncrement(this.getDateByLeft(left), 1, 'Day') / (1000 * 60 * 60 * 24)));
+        var remainingContribution = (1 / (this.parent.timelineModule.getIncrement(this.getDateByLeft(left, isNullOrUndefined(ganttRecord) ? ganttRecord.isMilestone : null, ganttRecord), 1, 'Day') / (1000 * 60 * 60 * 24)));
         var remainDays = this.parent.perDayWidth - (this.parent.perDayWidth / remainingContribution);
         var remainDaysInDecimal = remainDays / this.parent.perDayWidth;
         if (isRoundOff === undefined) {
@@ -1418,7 +1418,7 @@ var TaskbarEdit = /** @class */ (function (_super) {
         var milliSecondsPerPixel = (24 * 60 * 60 * 1000) / this.parent.perDayWidth;
         pStartDate.setTime(pStartDate.getTime() + (left * milliSecondsPerPixel));
         /* To render the milestone in proper date while editing */
-        if (isMilestone) {
+        if (isMilestone && !isNullOrUndefined(property.predecessor) && property.predecessor.length > 0) {
             pStartDate.setDate(pStartDate.getDate() - 1);
             this.parent.dateValidationModule.setTime(this.parent.defaultEndTime, pStartDate);
             pStartDate = this.parent.dateValidationModule.checkStartDate(pStartDate, property, true);

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

@@ -2350,13 +2350,13 @@ var TaskProcessor = /** @class */ (function (_super) {
                         minStartDate.getTime() === maxEndDate.getTime() ? true : false;
                     if (this.compareDates(previousStartDate, minStartDate) !== 0) {
                         this.parent.setRecordValue(ganttProp.isAutoSchedule ? 'startDate' : 'autoStartDate', minStartDate, parentData.ganttProperties, true);
-                        if ((((!isNullOrUndefined(ganttProp.autoDuration)) ? ganttProp.autoDuration === 0 : ganttProp.duration === 0)) && parentData['isManual'] && milestone) {
+                        if ((((!isNullOrUndefined(ganttProp.autoDuration)) ? ganttProp.autoDuration === 0 : ganttProp.duration === 0)) && parentData['isManual'] && milestone && (parentData.hasChildRecords && parentData.ganttProperties.isAutoSchedule && this.parent.editModule.taskbarEditModule.taskbarEditedArgs.action !== "TaskbarEditing")) {
                             this.parent.setRecordValue('startDate', minStartDate, parentData.ganttProperties, true);
                         }
                     }
                     if (this.compareDates(previousEndDate, maxEndDate) !== 0) {
                         this.parent.setRecordValue(ganttProp.isAutoSchedule ? 'endDate' : 'autoEndDate', maxEndDate, parentData.ganttProperties, true);
-                        if ((((!isNullOrUndefined(ganttProp.autoDuration)) ? ganttProp.autoDuration === 0 : ganttProp.duration === 0)) && parentData['isManual'] && milestone) {
+                        if ((((!isNullOrUndefined(ganttProp.autoDuration)) ? ganttProp.autoDuration === 0 : ganttProp.duration === 0)) && parentData['isManual'] && milestone && (parentData.hasChildRecords && parentData.ganttProperties.isAutoSchedule && this.parent.editModule.taskbarEditModule.taskbarEditedArgs.action !== "TaskbarEditing")) {
                             this.parent.setRecordValue('endDate', maxEndDate, parentData.ganttProperties, true);
                         }
                     }

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

@@ -823,7 +823,7 @@ var ChartRows = /** @class */ (function (_super) {
             '<div class="' + cls.manualParentMilestoneBottom + '" style="top:' +
             (this.milesStoneRadius) + 'px;border-right-width:' + this.milesStoneRadius + 'px; border-left-width:' +
             this.milesStoneRadius + 'px; border-top-width:' + this.milesStoneRadius + 'px;"></div></div>';
-        return this.createDivElement(data.ganttProperties.width === 0 ? milestoneTemplate : !data.ganttProperties.isMilestone ? template : null);
+        return this.createDivElement(data.ganttProperties.duration !== 0 ? template : milestoneTemplate);
     };
     /**
      * To get parent taskbar node.
@@ -1019,7 +1019,7 @@ var ChartRows = /** @class */ (function (_super) {
         var template = '<div class="' + cls.taskBarMainContainer + ' ' +
             this.parent.getUnscheduledTaskClass(data.ganttProperties) + ' ' +
             ((data.ganttProperties.cssClass) ? data.ganttProperties.cssClass : '') + '" ' +
-            ' tabindex="-1" role="term" style="' + ((data.ganttProperties.isMilestone && !manualParent) ?
+            ' tabindex="-1" role="term" style="' + ((data.ganttProperties.isMilestone && !manualParent && !(data.hasChildRecords && !data.ganttProperties.isAutoSchedule)) ?
             ('width:' + this.milestoneHeight + 'px;height:' +
                 this.milestoneHeight + 'px;margin-top:' + this.milestoneMarginTop + 'px;' + (this.parent.enableRtl ? 'right:' : 'left:') + (data.ganttProperties.left -
                 (this.milestoneHeight / 2)) + 'px;') : ('width:' + data.ganttProperties.width +
@@ -1314,6 +1314,7 @@ var ChartRows = /** @class */ (function (_super) {
      * @private
      */
     ChartRows.prototype.createTaskbarTemplate = function () {
+        var _a;
         var trs = [].slice.call(this.ganttChartTableBody.querySelectorAll('tr'));
         this.ganttChartTableBody.innerHTML = '';
         var collapsedResourceRecord = [];
@@ -1344,6 +1345,10 @@ var ChartRows = /** @class */ (function (_super) {
             }
         }
         else {
+            var dupChartBody = void 0;
+            dupChartBody = createElement('tbody', {
+                id: this.parent.element.id + 'GanttTaskTableBody'
+            });
             for (var i = 0; i < this.parent.currentViewData.length; i++) {
                 var tempTemplateData = this.parent.currentViewData[i];
                 if (this.parent.viewType === 'ResourceView') {
@@ -1356,9 +1361,9 @@ var ChartRows = /** @class */ (function (_super) {
                     }
                 }
                 var tRow = this.getGanttChartRow(i, tempTemplateData);
-                this.ganttChartTableBody.appendChild(tRow);
+                dupChartBody.appendChild(tRow);
                 if (this.parent.enableImmutableMode) {
-                    this.refreshedTr.push(this.ganttChartTableBody.querySelectorAll('tr')[i]);
+                    this.refreshedTr.push(dupChartBody.querySelectorAll('tr')[i]);
                     this.refreshedData.push(this.parent.currentViewData[i]);
                 }
                 // To maintain selection when virtualization is enabled
@@ -1366,6 +1371,7 @@ var ChartRows = /** @class */ (function (_super) {
                     this.parent.selectionModule.maintainSelectedRecords(parseInt(tRow.getAttribute('aria-rowindex'), 10));
                 }
             }
+            (_a = this.ganttChartTableBody).replaceChildren.apply(_a, dupChartBody.childNodes);
         }
         this.parent.renderTemplates();
         this.triggerQueryTaskbarInfo();
@@ -1423,9 +1429,15 @@ var ChartRows = /** @class */ (function (_super) {
                     taskbarContainerNode[0].appendChild([].slice.call(manualTaskbar)[0]);
                 }
             }
-            if (parentTaskbarTemplateNode && parentTaskbarTemplateNode.length > 0) {
+            if ((this.templateData.ganttProperties.autoDuration !== 0) && !this.templateData.ganttProperties.isMilestone && parentTaskbarTemplateNode && parentTaskbarTemplateNode.length > 0) {
                 taskbarContainerNode[0].appendChild([].slice.call(parentTaskbarTemplateNode)[0]);
             }
+            else if ((this.templateData.ganttProperties.duration === 0 && this.templateData.ganttProperties.isMilestone && this.templateData.ganttProperties.isAutoSchedule)) {
+                var milestoneTemplateNode = this.getMilestoneNode(i, taskbarContainerNode);
+                if (milestoneTemplateNode && milestoneTemplateNode.length > 0) {
+                    taskbarContainerNode[0].appendChild([].slice.call(milestoneTemplateNode)[0]);
+                }
+            }
             if (this.parent.renderBaseline && this.templateData.ganttProperties.baselineStartDate &&
                 this.templateData.ganttProperties.baselineEndDate) {
                 taskBaselineTemplateNode = ((this.templateData.ganttProperties.baselineStartDate.getTime() === this.templateData.ganttProperties.baselineEndDate.getTime()) || ((!isNullOrUndefined(this.templateData.ganttProperties.baselineStartDate) && !isNullOrUndefined(this.templateData.ganttProperties.startDate) && (this.templateData.ganttProperties.baselineStartDate.getTime() === this.templateData.ganttProperties.startDate.getTime()))

package/styles/bootstrap-dark.css

@@ -1554,6 +1554,9 @@
   border-color: #484848;
   border-radius: 4px;
 }
+.e-gantt .e-grid .e-spinner-pane {
+  display: none;
+}
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
   opacity: 0.95;

package/styles/bootstrap.css

@@ -1696,6 +1696,9 @@
   border-color: #ddd;
   border-radius: 4px;
 }
+.e-gantt .e-grid .e-spinner-pane {
+  display: none;
+}
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   opacity: 0.95;

package/styles/bootstrap4.css

@@ -1880,6 +1880,9 @@
   border-color: #dee2e6;
   border-radius: 0px;
 }
+.e-gantt .e-grid .e-spinner-pane {
+  display: none;
+}
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   opacity: 0.95;

package/styles/bootstrap5-dark.css

@@ -1596,6 +1596,9 @@
   border-color: #444c54;
   border-radius: 0px;
 }
+.e-gantt .e-grid .e-spinner-pane {
+  display: none;
+}
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   opacity: 0.95;

package/styles/bootstrap5.css

@@ -1596,6 +1596,9 @@
   border-color: #dee2e6;
   border-radius: 0px;
 }
+.e-gantt .e-grid .e-spinner-pane {
+  display: none;
+}
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   opacity: 0.95;

package/styles/fabric-dark.css

@@ -1508,6 +1508,9 @@
   border-color: #414040;
   border-radius: 0px;
 }
+.e-gantt .e-grid .e-spinner-pane {
+  display: none;
+}
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 3px 8px rgba(0, 0, 0, 0.26);
   opacity: 0.95;

package/styles/fabric.css

@@ -1506,6 +1506,9 @@
   border-color: #eaeaea;
   border-radius: 0px;
 }
+.e-gantt .e-grid .e-spinner-pane {
+  display: none;
+}
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
   opacity: 0.95;

package/styles/fluent-dark.css

@@ -1583,6 +1583,9 @@
   border-color: #292827;
   border-radius: 0px;
 }
+.e-gantt .e-grid .e-spinner-pane {
+  display: none;
+}
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   opacity: 0.95;

package/styles/fluent.css

@@ -1583,6 +1583,9 @@
   border-color: #edebe9;
   border-radius: 0px;
 }
+.e-gantt .e-grid .e-spinner-pane {
+  display: none;
+}
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   opacity: 0.95;

package/styles/gantt/_theme.scss

@@ -9,6 +9,10 @@
       border-radius: $gantt-header-border-radius;
     }
 
+    .e-grid .e-spinner-pane {
+      display: none;
+    }
+    
     .e-cloneproperties.e-draganddrop {
       box-shadow: $gantt-clone-prop-box-shadow;
       opacity: .95;

package/styles/gantt/bootstrap-dark.css

@@ -1554,6 +1554,9 @@
   border-color: #484848;
   border-radius: 4px;
 }
+.e-gantt .e-grid .e-spinner-pane {
+  display: none;
+}
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
   opacity: 0.95;

package/styles/gantt/bootstrap.css

@@ -1696,6 +1696,9 @@
   border-color: #ddd;
   border-radius: 4px;
 }
+.e-gantt .e-grid .e-spinner-pane {
+  display: none;
+}
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   opacity: 0.95;

package/styles/gantt/bootstrap4.css

@@ -1880,6 +1880,9 @@
   border-color: #dee2e6;
   border-radius: 0px;
 }
+.e-gantt .e-grid .e-spinner-pane {
+  display: none;
+}
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   opacity: 0.95;

package/styles/gantt/bootstrap5-dark.css

@@ -1596,6 +1596,9 @@
   border-color: #444c54;
   border-radius: 0px;
 }
+.e-gantt .e-grid .e-spinner-pane {
+  display: none;
+}
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   opacity: 0.95;

package/styles/gantt/bootstrap5.css

@@ -1596,6 +1596,9 @@
   border-color: #dee2e6;
   border-radius: 0px;
 }
+.e-gantt .e-grid .e-spinner-pane {
+  display: none;
+}
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   opacity: 0.95;

package/styles/gantt/fabric-dark.css

@@ -1508,6 +1508,9 @@
   border-color: #414040;
   border-radius: 0px;
 }
+.e-gantt .e-grid .e-spinner-pane {
+  display: none;
+}
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 3px 8px rgba(0, 0, 0, 0.26);
   opacity: 0.95;

package/styles/gantt/fabric.css

@@ -1506,6 +1506,9 @@
   border-color: #eaeaea;
   border-radius: 0px;
 }
+.e-gantt .e-grid .e-spinner-pane {
+  display: none;
+}
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
   opacity: 0.95;

package/styles/gantt/fluent-dark.css

@@ -1583,6 +1583,9 @@
   border-color: #292827;
   border-radius: 0px;
 }
+.e-gantt .e-grid .e-spinner-pane {
+  display: none;
+}
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   opacity: 0.95;

package/styles/gantt/fluent.css

@@ -1583,6 +1583,9 @@
   border-color: #edebe9;
   border-radius: 0px;
 }
+.e-gantt .e-grid .e-spinner-pane {
+  display: none;
+}
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   opacity: 0.95;

package/styles/gantt/highcontrast-light.css

@@ -1491,6 +1491,9 @@
   border-color: #757575;
   border-radius: 0px;
 }
+.e-gantt .e-grid .e-spinner-pane {
+  display: none;
+}
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.2);
   opacity: 0.95;

package/styles/gantt/highcontrast.css

@@ -1594,6 +1594,9 @@
   border-color: #969696;
   border-radius: 0px;
 }
+.e-gantt .e-grid .e-spinner-pane {
+  display: none;
+}
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
   opacity: 0.95;

package/styles/gantt/material-dark.css

@@ -1551,6 +1551,9 @@
   border-color: #616161;
   border-radius: 0px;
 }
+.e-gantt .e-grid .e-spinner-pane {
+  display: none;
+}
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
   opacity: 0.95;

package/styles/gantt/material.css

@@ -1595,6 +1595,9 @@
   border-color: #e0e0e0;
   border-radius: 0px;
 }
+.e-gantt .e-grid .e-spinner-pane {
+  display: none;
+}
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
   opacity: 0.95;

package/styles/gantt/tailwind-dark.css

@@ -1567,6 +1567,9 @@
   border-color: #4b5563;
   border-radius: 0px;
 }
+.e-gantt .e-grid .e-spinner-pane {
+  display: none;
+}
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
   opacity: 0.95;

package/styles/gantt/tailwind.css

@@ -1567,6 +1567,9 @@
   border-color: #e5e7eb;
   border-radius: 0px;
 }
+.e-gantt .e-grid .e-spinner-pane {
+  display: none;
+}
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
   opacity: 0.95;

package/styles/highcontrast-light.css

@@ -1491,6 +1491,9 @@
   border-color: #757575;
   border-radius: 0px;
 }
+.e-gantt .e-grid .e-spinner-pane {
+  display: none;
+}
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.2);
   opacity: 0.95;

package/styles/highcontrast.css

@@ -1594,6 +1594,9 @@
   border-color: #969696;
   border-radius: 0px;
 }
+.e-gantt .e-grid .e-spinner-pane {
+  display: none;
+}
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
   opacity: 0.95;

package/styles/material-dark.css

@@ -1551,6 +1551,9 @@
   border-color: #616161;
   border-radius: 0px;
 }
+.e-gantt .e-grid .e-spinner-pane {
+  display: none;
+}
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
   opacity: 0.95;

package/styles/material.css

@@ -1595,6 +1595,9 @@
   border-color: #e0e0e0;
   border-radius: 0px;
 }
+.e-gantt .e-grid .e-spinner-pane {
+  display: none;
+}
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
   opacity: 0.95;

package/styles/tailwind-dark.css

@@ -1567,6 +1567,9 @@
   border-color: #4b5563;
   border-radius: 0px;
 }
+.e-gantt .e-grid .e-spinner-pane {
+  display: none;
+}
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
   opacity: 0.95;

package/styles/tailwind.css

@@ -1567,6 +1567,9 @@
   border-color: #e5e7eb;
   border-radius: 0px;
 }
+.e-gantt .e-grid .e-spinner-pane {
+  display: none;
+}
 .e-gantt .e-cloneproperties.e-draganddrop {
   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
   opacity: 0.95;