@syncfusion/ej2-gantt 20.3.61 → 20.4.38

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

@@ -101,9 +101,12 @@ var GanttTreeGrid = /** @class */ (function () {
         this.parent.treeGrid.showColumnMenu = this.parent.showColumnMenu;
         this.parent.treeGrid.enableCollapseAll = this.parent.collapseAllParentTasks;
         this.parent.treeGrid.columnMenuItems = this.parent.columnMenuItems;
+        this.parent.treeGrid.enableRtl = this.parent.enableRtl;
         this.parent.treeGrid.childMapping = isNullOrUndefined(this.parent.taskFields.child) ? '' : this.parent.taskFields.child;
         this.parent.treeGrid.treeColumnIndex = this.parent.treeColumnIndex;
         this.parent.treeGrid.columns = this.treeGridColumns;
+        this.parent.treeGrid.loadingIndicator = this.parent.loadingIndicator;
+        this.parent.treeGrid.enableVirtualMaskRow = this.parent.enableVirtualMaskRow;
         if (this.parent.dataSource instanceof Object && isCountRequired(this.parent)) {
             // In order to bind the observable data at load time, hasChildMapping is necessary to be mapped.
             this.parent.treeGrid.hasChildMapping = 'isParent';
@@ -197,6 +200,14 @@ var GanttTreeGrid = /** @class */ (function () {
     GanttTreeGrid.prototype.dataBound = function (args) {
         this.ensureScrollBar();
         this.parent.treeDataBound(args);
+        if (this.parent.isVirtualScroll) {
+            if ((this.parent.enableVirtualMaskRow && this.parent.enableVirtualization) ||
+                (this.parent.enableVirtualization && !this.parent.enableVirtualMaskRow && this.parent.loadingIndicator.indicatorType === "Shimmer") ||
+                (this.parent.loadingIndicator.indicatorType === "Shimmer")) {
+                this.parent.hideMaskRow();
+            }
+            this.parent.isVirtualScroll = false;
+        }
         this.prevCurrentView = extend([], [], this.parent.currentViewData, true);
     };
     GanttTreeGrid.prototype.dataStateChange = function (args) {
@@ -231,6 +242,12 @@ var GanttTreeGrid = /** @class */ (function () {
             var collapsedArgs = this.createExpandCollapseArgs(args);
             this.parent.ganttChartModule.collapsedGanttRow(collapsedArgs);
         }
+        if (!isNullOrUndefined(this.parent.loadingIndicator) && this.parent.loadingIndicator.indicatorType === "Shimmer") {
+            this.parent.hideMaskRow();
+        }
+        else {
+            this.parent.hideSpinner();
+        }
     };
     GanttTreeGrid.prototype.expanded = function (args) {
         if (!this.parent.ganttChartModule.isExpandCollapseFromChart && !this.parent.isExpandCollapseLevelMethod) {
@@ -239,6 +256,12 @@ var GanttTreeGrid = /** @class */ (function () {
                 this.parent.ganttChartModule.expandedGanttRow(expandedArgs);
             }
         }
+        if (!isNullOrUndefined(this.parent.loadingIndicator) && this.parent.loadingIndicator.indicatorType === "Shimmer") {
+            this.parent.hideMaskRow();
+        }
+        else {
+            this.parent.hideSpinner();
+        }
     };
     GanttTreeGrid.prototype.actionBegin = function (args) {
         this.parent.notify('actionBegin', args);
@@ -247,6 +270,14 @@ var GanttTreeGrid = /** @class */ (function () {
             setValue('doubleClickTarget', null, this.parent.treeGrid.editModule);
         }
         this.parent.trigger('actionBegin', args);
+        if (args.requestType != "virtualscroll" && args.type != "edit" && args.requestType != "beginEdit") {
+            if (!isNullOrUndefined(this.parent.loadingIndicator) && this.parent.loadingIndicator.indicatorType === "Shimmer") {
+                this.parent.showMaskRow();
+            }
+            else {
+                this.parent.showSpinner();
+            }
+        }
     }; // eslint-disable-next-line
     GanttTreeGrid.prototype.created = function (args) {
         this.updateKeyConfigSettings();
@@ -315,6 +346,12 @@ var GanttTreeGrid = /** @class */ (function () {
             this.parent.addDeleteRecord = false;
         }
         this.parent.trigger('actionComplete', updatedArgs);
+        if (!isNullOrUndefined(this.parent.loadingIndicator) && this.parent.loadingIndicator.indicatorType === "Shimmer") {
+            this.parent.hideMaskRow();
+        }
+        else {
+            this.parent.hideSpinner();
+        }
     };
     GanttTreeGrid.prototype.updateKeyConfigSettings = function () {
         delete this.parent.treeGrid.grid.keyboardModule.keyConfigs.delete;

package/src/gantt/base/utils.js

@@ -139,6 +139,7 @@ export function updateDates(record, parent) {
 export function formatString(str, args) {
     var regx;
     for (var i = 0; i < args.length; i++) {
+        // eslint-disable-next-line detect-non-literal-regexp
         regx = new RegExp('\\{' + (i) + '\\}', 'gm');
         str = str.replace(regx, args[i].toString());
     }

package/src/gantt/export/pdf-connector-line.js

@@ -46,217 +46,215 @@ var PdfGanttPredecessor = /** @class */ (function () {
         var childPageData;
         var parentY = 0;
         var childY = 0;
-        if (childTask && parentTask) {
-            switch (this.type) {
-                case 'FS':
-                    if (childTask.startPage > -1 && parentTask.endPage > -1) {
-                        startPage = pages[parentTask.endPage];
-                        endPage = pages[childTask.startPage];
-                        parentPageData = pdfGantt.pdfPageDetail[parentTask.endPage - pdfGantt.chartPageIndex];
-                        childPageData = pdfGantt.pdfPageDetail[childTask.startPage - pdfGantt.chartPageIndex];
-                        if (this.parentIndex < this.childIndex) {
-                            if (this.parentLeft < this.childLeft && this.childLeft > (this.parentLeft + this.parentWidth + 25)) {
-                                predecessorType = 'FSType1';
-                            }
-                            else {
-                                predecessorType = 'FSType2';
-                            }
+        switch (this.type) {
+            case 'FS':
+                if (childTask.startPage > -1 && parentTask.endPage > -1) {
+                    startPage = pages[parentTask.endPage];
+                    endPage = pages[childTask.startPage];
+                    parentPageData = pdfGantt.pdfPageDetail[parentTask.endPage - pdfGantt.chartPageIndex];
+                    childPageData = pdfGantt.pdfPageDetail[childTask.startPage - pdfGantt.chartPageIndex];
+                    if (this.parentIndex < this.childIndex) {
+                        if (this.parentLeft < this.childLeft && this.childLeft > (this.parentLeft + this.parentWidth + 25)) {
+                            predecessorType = 'FSType1';
                         }
                         else {
-                            if (this.parentLeft < this.childLeft && this.childLeft > (this.parentLeft + this.parentWidth + 25)) {
-                                predecessorType = 'FSType3';
-                            }
-                            else {
-                                predecessorType = 'FSType4';
-                            }
+                            predecessorType = 'FSType2';
                         }
                     }
                     else {
-                        return;
+                        if (this.parentLeft < this.childLeft && this.childLeft > (this.parentLeft + this.parentWidth + 25)) {
+                            predecessorType = 'FSType3';
+                        }
+                        else {
+                            predecessorType = 'FSType4';
+                        }
                     }
-                    break;
-                case 'SF':
-                    if (childTask.endPage > -1 && parentTask.startPage > -1) {
-                        startPage = pages[parentTask.startPage];
-                        endPage = pages[childTask.endPage];
-                        parentPageData = pdfGantt.pdfPageDetail[parentTask.endPage - pdfGantt.chartPageIndex];
-                        childPageData = pdfGantt.pdfPageDetail[childTask.startPage - pdfGantt.chartPageIndex];
-                        if (this.parentIndex < this.childIndex) {
-                            if (this.parentLeft > this.childLeft + this.childWidth) {
-                                predecessorType = 'SFType1';
-                            }
-                            else {
-                                predecessorType = 'SFType2';
-                            }
+                }
+                else {
+                    return;
+                }
+                break;
+            case 'SF':
+                if (childTask.endPage > -1 && parentTask.startPage > -1) {
+                    startPage = pages[parentTask.startPage];
+                    endPage = pages[childTask.endPage];
+                    parentPageData = pdfGantt.pdfPageDetail[parentTask.endPage - pdfGantt.chartPageIndex];
+                    childPageData = pdfGantt.pdfPageDetail[childTask.startPage - pdfGantt.chartPageIndex];
+                    if (this.parentIndex < this.childIndex) {
+                        if (this.parentLeft > this.childLeft + this.childWidth) {
+                            predecessorType = 'SFType1';
                         }
                         else {
-                            if (this.parentLeft > this.childLeft + this.childWidth) {
-                                predecessorType = 'SFType3';
-                            }
-                            else {
-                                predecessorType = 'SFType4';
-                            }
+                            predecessorType = 'SFType2';
                         }
                     }
                     else {
-                        return;
+                        if (this.parentLeft > this.childLeft + this.childWidth) {
+                            predecessorType = 'SFType3';
+                        }
+                        else {
+                            predecessorType = 'SFType4';
+                        }
                     }
-                    break;
-                case 'FF':
-                    if (childTask.endPage > -1 && parentTask.endPage > -1) {
-                        startPage = pages[parentTask.endPage];
-                        endPage = pages[childTask.endPage];
-                        parentPageData = pdfGantt.pdfPageDetail[parentTask.endPage - pdfGantt.chartPageIndex];
-                        childPageData = pdfGantt.pdfPageDetail[childTask.endPage - pdfGantt.chartPageIndex];
-                        if (this.parentIndex < this.childIndex) {
-                            if ((this.childLeft + this.childWidth) >= (this.parentLeft + this.parentWidth)) {
-                                predecessorType = 'FFType1';
-                            }
-                            else {
-                                predecessorType = 'FFType2';
-                            }
+                }
+                else {
+                    return;
+                }
+                break;
+            case 'FF':
+                if (childTask.endPage > -1 && parentTask.endPage > -1) {
+                    startPage = pages[parentTask.endPage];
+                    endPage = pages[childTask.endPage];
+                    parentPageData = pdfGantt.pdfPageDetail[parentTask.endPage - pdfGantt.chartPageIndex];
+                    childPageData = pdfGantt.pdfPageDetail[childTask.endPage - pdfGantt.chartPageIndex];
+                    if (this.parentIndex < this.childIndex) {
+                        if ((this.childLeft + this.childWidth) >= (this.parentLeft + this.parentWidth)) {
+                            predecessorType = 'FFType1';
                         }
                         else {
-                            if ((this.childLeft + this.childWidth) >= (this.parentLeft + this.parentWidth)) {
-                                predecessorType = 'FFType3';
-                            }
-                            else {
-                                predecessorType = 'FFType4';
-                            }
+                            predecessorType = 'FFType2';
                         }
                     }
                     else {
-                        return;
+                        if ((this.childLeft + this.childWidth) >= (this.parentLeft + this.parentWidth)) {
+                            predecessorType = 'FFType3';
+                        }
+                        else {
+                            predecessorType = 'FFType4';
+                        }
                     }
-                    break;
-                case 'SS':
-                    if (childTask.startPage > -1 && parentTask.startPage > -1) {
-                        startPage = pages[parentTask.startPage];
-                        endPage = pages[childTask.startPage];
-                        parentPageData = pdfGantt.pdfPageDetail[parentTask.startPage - pdfGantt.chartPageIndex];
-                        childPageData = pdfGantt.pdfPageDetail[childTask.startPage - pdfGantt.chartPageIndex];
-                        if (this.parentIndex < this.childIndex) {
-                            if (this.parentLeft >= this.childLeft) {
-                                predecessorType = 'SSType1';
-                            }
-                            else {
-                                predecessorType = 'SSType2';
-                            }
+                }
+                else {
+                    return;
+                }
+                break;
+            case 'SS':
+                if (childTask.startPage > -1 && parentTask.startPage > -1) {
+                    startPage = pages[parentTask.startPage];
+                    endPage = pages[childTask.startPage];
+                    parentPageData = pdfGantt.pdfPageDetail[parentTask.startPage - pdfGantt.chartPageIndex];
+                    childPageData = pdfGantt.pdfPageDetail[childTask.startPage - pdfGantt.chartPageIndex];
+                    if (this.parentIndex < this.childIndex) {
+                        if (this.parentLeft >= this.childLeft) {
+                            predecessorType = 'SSType1';
                         }
                         else {
-                            if (this.parentLeft >= this.childLeft) {
-                                predecessorType = 'SSType3';
-                            }
-                            else {
-                                predecessorType = 'SSType4';
-                            }
+                            predecessorType = 'SSType2';
                         }
                     }
                     else {
-                        return;
+                        if (this.parentLeft >= this.childLeft) {
+                            predecessorType = 'SSType3';
+                        }
+                        else {
+                            predecessorType = 'SSType4';
+                        }
                     }
-                    break;
-            }
-            var midPoint = Math.round((this.parent.rowHeight - 1) / 2.0);
-            midPoint = pixelToPoint(midPoint);
-            /* eslint-disable-next-line */
-            var point1 = void 0, point2 = void 0, point3 = void 0, point4 = void 0, point5 = void 0, point6 = void 0;
-            point1 = point2 = point3 = point4 = point5 = point6 = new PointF();
-            var parentTaskpoint = __assign({}, parentTask.taskStartPoint);
-            var childTaskpoint = __assign({}, childTask.taskStartPoint);
-            parentY = parentTaskpoint.y + parentPageData.startPoint.y;
-            childY = childTaskpoint.y + childPageData.startPoint.y;
-            var ffpoint1 = new PointF(pixelToPoint(this.parentLeft + this.parentWidth), parentY + midPoint);
-            var sspoint1 = new PointF(pixelToPoint(this.parentLeft) - 1, parentY + midPoint);
-            var ffpoint3 = new PointF(pixelToPoint(this.childLeft - 20), childY + midPoint);
-            var ffpoint4 = new PointF(pixelToPoint(this.childLeft - 6 - this.lineWidth) - 1, childY + midPoint);
-            var sspoint4 = new PointF(pixelToPoint(this.childLeft + this.childWidth + 6 + this.lineWidth) + 1, childY + midPoint);
-            switch (predecessorType) {
-                case 'FSType1':
-                case 'FSType3':
-                    point1 = ffpoint1;
-                    point2 = new PointF(pixelToPoint(this.childLeft - 20), parentY + midPoint);
-                    point3 = ffpoint3;
-                    point4 = ffpoint4;
-                    this.connectLines(startPage, endPage, point1, point2, point3, point4, childTask, midPoint);
-                    break;
-                case 'FSType2':
-                    point1 = ffpoint1;
-                    point2 = new PointF(point1.x + 10, parentY + midPoint);
-                    point3 = new PointF(point1.x + 10, childY + 2);
-                    point4 = new PointF(pixelToPoint(this.childLeft - 20), childY + 2);
-                    point5 = ffpoint3;
-                    point6 = ffpoint4;
-                    this.connectLines(startPage, endPage, point1, point2, point3, point4, childTask, midPoint, point5, point6);
-                    break;
-                case 'FSType4':
-                    point1 = ffpoint1;
-                    point2 = new PointF(point1.x + 10, parentY + midPoint);
-                    point3 = new PointF(point1.x + 10, parentY + 2);
-                    point4 = new PointF(pixelToPoint(this.childLeft - 20), parentY + 2);
-                    point5 = ffpoint3;
-                    point6 = ffpoint4;
-                    this.connectLines(startPage, endPage, point1, point2, point3, point4, childTask, midPoint, point5, point6);
-                    break;
-                case 'FFType1':
-                case 'FFType3':
-                    point1 = new PointF(pixelToPoint(this.parentLeft + this.parentWidth) + 1, parentY + midPoint);
-                    point2 = new PointF(pixelToPoint(this.childLeft + this.childWidth + 20), parentY + midPoint);
-                    point3 = new PointF(point2.x, childY + midPoint);
-                    point4 = sspoint4;
-                    this.connectLines(startPage, endPage, point1, point2, point3, point4, childTask, midPoint);
-                    break;
-                case 'FFType2':
-                case 'FFType4':
-                    point1 = new PointF(pixelToPoint(this.parentLeft + this.parentWidth) + 1, parentY + midPoint);
-                    point2 = new PointF(pixelToPoint(this.parentLeft + this.parentWidth + 20), parentY + midPoint);
-                    point3 = new PointF(point2.x, childY + midPoint);
-                    point4 = sspoint4;
-                    this.connectLines(startPage, endPage, point1, point2, point3, point4, childTask, midPoint);
-                    break;
-                case 'SSType1':
-                case 'SSType3':
-                    point1 = sspoint1;
-                    point2 = new PointF(pixelToPoint(this.childLeft - 20), parentY + midPoint);
-                    point3 = new PointF(point2.x, childY + midPoint);
-                    point4 = ffpoint4;
-                    this.connectLines(startPage, endPage, point1, point2, point3, point4, childTask, midPoint);
-                    break;
-                case 'SSType2':
-                case 'SSType4':
-                    point1 = sspoint1;
-                    point2 = new PointF(pixelToPoint(this.parentLeft - 20), parentY + midPoint);
-                    point3 = new PointF(point2.x, childY + midPoint);
-                    point4 = ffpoint4;
-                    this.connectLines(startPage, endPage, point1, point2, point3, point4, childTask, midPoint);
-                    break;
-                case 'SFType1':
-                case 'SFType3':
-                    point1 = sspoint1;
-                    point2 = new PointF(pixelToPoint(this.childLeft + this.childWidth + 20), parentY + midPoint);
-                    point3 = new PointF(point2.x, childY + midPoint);
-                    point4 = sspoint4;
-                    this.connectLines(startPage, endPage, point1, point2, point3, point4, childTask, midPoint);
-                    break;
-                case 'SFType2':
-                    point1 = sspoint1;
-                    point2 = new PointF(pixelToPoint(this.parentLeft - 20), parentY + midPoint);
-                    point3 = new PointF(point2.x, childY + 2);
-                    point4 = new PointF(pixelToPoint(this.childLeft + this.childWidth + 20), childY + 2);
-                    point5 = new PointF(point4.x, childY + midPoint);
-                    point6 = sspoint4;
-                    this.connectLines(startPage, endPage, point1, point2, point3, point4, childTask, midPoint, point5, point6);
-                    break;
-                case 'SFType4':
-                    point1 = sspoint1;
-                    point2 = new PointF(pixelToPoint(this.parentLeft - 20), parentY + midPoint);
-                    point3 = new PointF(point2.x, parentY + 2);
-                    point4 = new PointF(pixelToPoint(this.childLeft + this.childWidth + 20), parentY + 2);
-                    point5 = new PointF(point4.x, childY + midPoint);
-                    point6 = sspoint4;
-                    this.connectLines(startPage, endPage, point1, point2, point3, point4, childTask, midPoint, point5, point6);
-                    break;
-            }
+                }
+                else {
+                    return;
+                }
+                break;
+        }
+        var midPoint = Math.round((this.parent.rowHeight - 1) / 2.0);
+        midPoint = pixelToPoint(midPoint);
+        /* eslint-disable-next-line */
+        var point1, point2, point3, point4, point5, point6;
+        point1 = point2 = point3 = point4 = point5 = point6 = new PointF();
+        var parentTaskpoint = __assign({}, parentTask.taskStartPoint);
+        var childTaskpoint = __assign({}, childTask.taskStartPoint);
+        parentY = parentTaskpoint.y + parentPageData.startPoint.y;
+        childY = childTaskpoint.y + childPageData.startPoint.y;
+        var ffpoint1 = new PointF(pixelToPoint(this.parentLeft + this.parentWidth), parentY + midPoint);
+        var sspoint1 = new PointF(pixelToPoint(this.parentLeft) - 1, parentY + midPoint);
+        var ffpoint3 = new PointF(pixelToPoint(this.childLeft - 20), childY + midPoint);
+        var ffpoint4 = new PointF(pixelToPoint(this.childLeft - 6 - this.lineWidth) - 1, childY + midPoint);
+        var sspoint4 = new PointF(pixelToPoint(this.childLeft + this.childWidth + 6 + this.lineWidth) + 1, childY + midPoint);
+        switch (predecessorType) {
+            case 'FSType1':
+            case 'FSType3':
+                point1 = ffpoint1;
+                point2 = new PointF(pixelToPoint(this.childLeft - 20), parentY + midPoint);
+                point3 = ffpoint3;
+                point4 = ffpoint4;
+                this.connectLines(startPage, endPage, point1, point2, point3, point4, childTask, midPoint);
+                break;
+            case 'FSType2':
+                point1 = ffpoint1;
+                point2 = new PointF(point1.x + 10, parentY + midPoint);
+                point3 = new PointF(point1.x + 10, childY + 2);
+                point4 = new PointF(pixelToPoint(this.childLeft - 20), childY + 2);
+                point5 = ffpoint3;
+                point6 = ffpoint4;
+                this.connectLines(startPage, endPage, point1, point2, point3, point4, childTask, midPoint, point5, point6);
+                break;
+            case 'FSType4':
+                point1 = ffpoint1;
+                point2 = new PointF(point1.x + 10, parentY + midPoint);
+                point3 = new PointF(point1.x + 10, parentY + 2);
+                point4 = new PointF(pixelToPoint(this.childLeft - 20), parentY + 2);
+                point5 = ffpoint3;
+                point6 = ffpoint4;
+                this.connectLines(startPage, endPage, point1, point2, point3, point4, childTask, midPoint, point5, point6);
+                break;
+            case 'FFType1':
+            case 'FFType3':
+                point1 = new PointF(pixelToPoint(this.parentLeft + this.parentWidth) + 1, parentY + midPoint);
+                point2 = new PointF(pixelToPoint(this.childLeft + this.childWidth + 20), parentY + midPoint);
+                point3 = new PointF(point2.x, childY + midPoint);
+                point4 = sspoint4;
+                this.connectLines(startPage, endPage, point1, point2, point3, point4, childTask, midPoint);
+                break;
+            case 'FFType2':
+            case 'FFType4':
+                point1 = new PointF(pixelToPoint(this.parentLeft + this.parentWidth) + 1, parentY + midPoint);
+                point2 = new PointF(pixelToPoint(this.parentLeft + this.parentWidth + 20), parentY + midPoint);
+                point3 = new PointF(point2.x, childY + midPoint);
+                point4 = sspoint4;
+                this.connectLines(startPage, endPage, point1, point2, point3, point4, childTask, midPoint);
+                break;
+            case 'SSType1':
+            case 'SSType3':
+                point1 = sspoint1;
+                point2 = new PointF(pixelToPoint(this.childLeft - 20), parentY + midPoint);
+                point3 = new PointF(point2.x, childY + midPoint);
+                point4 = ffpoint4;
+                this.connectLines(startPage, endPage, point1, point2, point3, point4, childTask, midPoint);
+                break;
+            case 'SSType2':
+            case 'SSType4':
+                point1 = sspoint1;
+                point2 = new PointF(pixelToPoint(this.parentLeft - 20), parentY + midPoint);
+                point3 = new PointF(point2.x, childY + midPoint);
+                point4 = ffpoint4;
+                this.connectLines(startPage, endPage, point1, point2, point3, point4, childTask, midPoint);
+                break;
+            case 'SFType1':
+            case 'SFType3':
+                point1 = sspoint1;
+                point2 = new PointF(pixelToPoint(this.childLeft + this.childWidth + 20), parentY + midPoint);
+                point3 = new PointF(point2.x, childY + midPoint);
+                point4 = sspoint4;
+                this.connectLines(startPage, endPage, point1, point2, point3, point4, childTask, midPoint);
+                break;
+            case 'SFType2':
+                point1 = sspoint1;
+                point2 = new PointF(pixelToPoint(this.parentLeft - 20), parentY + midPoint);
+                point3 = new PointF(point2.x, childY + 2);
+                point4 = new PointF(pixelToPoint(this.childLeft + this.childWidth + 20), childY + 2);
+                point5 = new PointF(point4.x, childY + midPoint);
+                point6 = sspoint4;
+                this.connectLines(startPage, endPage, point1, point2, point3, point4, childTask, midPoint, point5, point6);
+                break;
+            case 'SFType4':
+                point1 = sspoint1;
+                point2 = new PointF(pixelToPoint(this.parentLeft - 20), parentY + midPoint);
+                point3 = new PointF(point2.x, parentY + 2);
+                point4 = new PointF(pixelToPoint(this.childLeft + this.childWidth + 20), parentY + 2);
+                point5 = new PointF(point4.x, childY + midPoint);
+                point6 = sspoint4;
+                this.connectLines(startPage, endPage, point1, point2, point3, point4, childTask, midPoint, point5, point6);
+                break;
         }
     };
     /**

package/src/gantt/models/loading-indicator-model.d.ts

@@ -0,0 +1,20 @@
+import { ChildProperty, Property } from "@syncfusion/ej2-base";
+
+/**
+ * Interface for a class LoadingIndicator
+ */
+export interface LoadingIndicatorModel {
+
+    /**
+     * Defines the loading indicator. The available loading indicator are:
+     * * Spinner
+     * * Shimmer
+     *
+     * @default Syncfusion.EJ2.Grids.IndicatorType.Spinner
+     * @isEnumeration true
+     * @aspType Syncfusion.EJ2.Grids.IndicatorType
+     * 
+     */
+    indicatorType?: IndicatorType;
+
+}

package/src/gantt/models/loading-indicator.d.ts

@@ -0,0 +1,18 @@
+import { ChildProperty } from "@syncfusion/ej2-base";
+import { IndicatorType } from "@syncfusion/ej2-grids";
+/**
+ * Configures the Loading Indicator of the Gantt.
+ */
+export declare class LoadingIndicator extends ChildProperty<LoadingIndicator> {
+    /**
+     * Defines the loading indicator. The available loading indicator are:
+     * * Spinner
+     * * Shimmer
+     *
+     * @default Syncfusion.EJ2.Grids.IndicatorType.Spinner
+     * @isEnumeration true
+     * @aspType Syncfusion.EJ2.Grids.IndicatorType
+     *
+     */
+    indicatorType: IndicatorType;
+}

package/src/gantt/models/loading-indicator.js

@@ -0,0 +1,34 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { ChildProperty, Property } from "@syncfusion/ej2-base";
+/**
+ * Configures the Loading Indicator of the Gantt.
+ */
+var LoadingIndicator = /** @class */ (function (_super) {
+    __extends(LoadingIndicator, _super);
+    function LoadingIndicator() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    __decorate([
+        Property('Spinner')
+    ], LoadingIndicator.prototype, "indicatorType", void 0);
+    return LoadingIndicator;
+}(ChildProperty));
+export { LoadingIndicator };

package/src/gantt/models/models.d.ts

@@ -34,3 +34,5 @@ export * from './sort-settings';
 export * from './sort-settings-model';
 export * from './resource-fields';
 export * from './resource-fields-model';
+export * from './loading-indicator';
+export * from './loading-indicator-model';

package/src/gantt/models/models.js

@@ -18,3 +18,4 @@ export * from './timeline-settings';
 export * from './tooltip-settings';
 export * from './sort-settings';
 export * from './resource-fields';
+export * from './loading-indicator';