@colijnit/corecomponents_v12 257.1.25 → 257.1.27

package/bundles/colijnit-corecomponents_v12.umd.js

@@ -7945,6 +7945,7 @@
             _this.ngZoneWrapper = ngZoneWrapper;
             _this.elementRef = elementRef;
             _this.modelChangeOnEnter = true;
+            _this.showPermanentLabel = false;
             _this.minusIcon = exports.CoreComponentsIcon.MinusSimple;
             _this.plusIcon = exports.CoreComponentsIcon.PlusSimple;
             // Whether to show buttons 'always', 'onFocusOnly', or 'never'
@@ -8196,7 +8197,7 @@
     InputNumberPickerComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-input-number-picker',
-                    template: "\n        <div class=\"icon-wrapper\" *ngIf=\"leftIconData\">\n            <co-icon class=\"input-number-picker-icon\" [iconData]=\"leftIconData\" (click)=\"iconClick.emit($event)\"></co-icon>\n            <div class=\"spacer\"></div>\n        </div>\n        <div class=\"button-wrapper\">\n            <co-button *ngIf=\"showButtons\" class=\"minus-operator\" [class.select]=\"minSelected\" tabindex=\"-1\"\n                       [disabled]=\"readonly\"\n                       [iconData]=\"iconCacheService.getIcon(minusIcon)\"\n                       (mousedown)=\"onMinusMouseDown($event)\"\n                       (mouseup)=\"stopAutoCounting()\" (mouseleave)=\"stopAutoCounting()\"></co-button>\n        </div>\n        <input type=\"text\"\n               [tabIndex]=\"readonly ? -1 : 0\"\n               [ngModel]=\"model\"\n               [readonly]=\"readonly\"\n               [disabled]=\"disabled\"\n               [required]=\"required\"\n               [placeholder]=\"label\"\n               (ngModelChange)=\"handleChangeModel($event)\"\n               (keydown)=\"handleInputKeyDown($event)\"\n               (blur)=\"handleBlur()\"/>\n        <div class=\"button-wrapper\">\n            <co-button *ngIf=\"showButtons\" class=\"plus-operator\" [class.select]=\"plusSelected\" tabindex=\"-1\"\n                       [disabled]=\"readonly\"\n                       [iconData]=\"iconCacheService.getIcon(plusIcon)\"\n                       (mousedown)=\"onPlusMouseDown($event)\"\n                       (mouseup)=\"stopAutoCounting()\" (mouseleave)=\"stopAutoCounting()\"></co-button>\n        </div>\n    ",
+                    template: "\n        <div class=\"icon-wrapper\" *ngIf=\"leftIconData\">\n            <co-icon class=\"input-number-picker-icon\" [iconData]=\"leftIconData\" (click)=\"iconClick.emit($event)\"></co-icon>\n            <div class=\"spacer\"></div>\n        </div>\n        <div class=\"button-wrapper\">\n            <co-button *ngIf=\"showButtons\" class=\"minus-operator\" [class.select]=\"minSelected\" tabindex=\"-1\"\n                       [disabled]=\"readonly\"\n                       [iconData]=\"iconCacheService.getIcon(minusIcon)\"\n                       (mousedown)=\"onMinusMouseDown($event)\"\n                       (mouseup)=\"stopAutoCounting()\" (mouseleave)=\"stopAutoCounting()\"></co-button>\n        </div>\n        <div class=\"input-wrapper\">\n          <span class='permanent-label' [textContent]=\"label\" *ngIf=\"showPermanentLabel\"></span>\n          <input type=\"text\"\n                 [tabIndex]=\"readonly ? -1 : 0\"\n                 [ngModel]=\"model\"\n                 [readonly]=\"readonly\"\n                 [disabled]=\"disabled\"\n                 [required]=\"required\"\n                 [placeholder]=\"label\"\n                 (ngModelChange)=\"handleChangeModel($event)\"\n                 (keydown)=\"handleInputKeyDown($event)\"\n                 (blur)=\"handleBlur()\"/>\n        </div>\n        <div class=\"button-wrapper\">\n            <co-button *ngIf=\"showButtons\" class=\"plus-operator\" [class.select]=\"plusSelected\" tabindex=\"-1\"\n                       [disabled]=\"readonly\"\n                       [iconData]=\"iconCacheService.getIcon(plusIcon)\"\n                       (mousedown)=\"onPlusMouseDown($event)\"\n                       (mouseup)=\"stopAutoCounting()\" (mouseleave)=\"stopAutoCounting()\"></co-button>\n        </div>\n    ",
                     providers: [
                         OverlayService, {
                             provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, useExisting: i0.forwardRef(function () { return InputNumberPickerComponent; })
@@ -8223,6 +8224,7 @@
     InputNumberPickerComponent.propDecorators = {
         model: [{ type: i0.Input }],
         modelChangeOnEnter: [{ type: i0.Input }],
+        showPermanentLabel: [{ type: i0.Input }],
         leftIconData: [{ type: i0.HostBinding, args: ['class.has-icon',] }, { type: i0.Input }],
         min: [{ type: i0.Input }],
         step: [{ type: i0.Input }],
@@ -10090,13 +10092,147 @@
         handleMouseUp: [{ type: i0.HostListener, args: ['document:mouseup', ['$event'],] }]
     };
 
+    var ExcelExportService = /** @class */ (function () {
+        function ExcelExportService() {
+        }
+        /**
+         * Export data to Excel file
+         * @param data - Array of objects to export
+         * @param columns - Column configuration (optional)
+         * @param fileName - Name of the exported file
+         * @param sheetName - Name of the Excel sheet
+         */
+        ExcelExportService.prototype.exportToExcel = function (data, columns, fileName, sheetName) {
+            var _this = this;
+            if (fileName === void 0) { fileName = 'export'; }
+            if (sheetName === void 0) { sheetName = 'Sheet1'; }
+            // If columns are specified, transform data to match column structure
+            var exportData = data;
+            if (columns && columns.length > 0) {
+                exportData = data.map(function (item) {
+                    var newItem = {};
+                    columns.forEach(function (col) {
+                        newItem[col.header] = _this.getNestedValue(item, col.key);
+                    });
+                    return newItem;
+                });
+            }
+            // Create workbook and worksheet
+            var wb = XLSX__namespace.utils.book_new();
+            var ws = XLSX__namespace.utils.json_to_sheet(exportData);
+            // Set column widths if specified
+            if (columns && columns.some(function (col) { return col.width; })) {
+                var colWidths = columns.map(function (col) { return ({ wch: col.width || 20 }); });
+                ws['!cols'] = colWidths;
+            }
+            // Add worksheet to workbook
+            XLSX__namespace.utils.book_append_sheet(wb, ws, sheetName);
+            // Save file
+            XLSX__namespace.writeFile(wb, fileName + ".xlsx");
+        };
+        /**
+         * Export multiple sheets to one Excel file
+         * @param sheets - Array of sheet data
+         * @param fileName - Name of the exported file
+         */
+        ExcelExportService.prototype.exportMultipleSheets = function (sheets, fileName) {
+            var _this = this;
+            if (fileName === void 0) { fileName = 'multi-sheet-export'; }
+            var wb = XLSX__namespace.utils.book_new();
+            sheets.forEach(function (sheet) {
+                var exportData = sheet.data;
+                if (sheet.columns && sheet.columns.length > 0) {
+                    exportData = sheet.data.map(function (item) {
+                        var newItem = {};
+                        sheet.columns.forEach(function (col) {
+                            newItem[col.header] = _this.getNestedValue(item, col.key);
+                        });
+                        return newItem;
+                    });
+                }
+                var ws = XLSX__namespace.utils.json_to_sheet(exportData);
+                if (sheet.columns && sheet.columns.some(function (col) { return col.width; })) {
+                    var colWidths = sheet.columns.map(function (col) { return ({ wch: col.width || 20 }); });
+                    ws['!cols'] = colWidths;
+                }
+                XLSX__namespace.utils.book_append_sheet(wb, ws, sheet.sheetName);
+            });
+            XLSX__namespace.writeFile(wb, fileName + ".xlsx");
+        };
+        /**
+         * Export HTML table to Excel
+         * @param tableId - ID of the HTML table element
+         * @param fileName - Name of the exported file
+         * @param sheetName - Name of the Excel sheet
+         */
+        ExcelExportService.prototype.exportTableToExcel = function (tableId, fileName, sheetName) {
+            if (fileName === void 0) { fileName = 'table-export'; }
+            if (sheetName === void 0) { sheetName = 'Sheet1'; }
+            var table = document.getElementById(tableId);
+            if (!table) {
+                console.error("Table with ID '" + tableId + "' not found");
+                return;
+            }
+            var wb = XLSX__namespace.utils.book_new();
+            var ws = XLSX__namespace.utils.table_to_sheet(table);
+            XLSX__namespace.utils.book_append_sheet(wb, ws, sheetName);
+            XLSX__namespace.writeFile(wb, fileName + ".xlsx");
+        };
+        /**
+         * Get nested object value using dot notation
+         * @param obj - Object to search in
+         * @param path - Dot notation path (e.g., 'user.address.city')
+         */
+        ExcelExportService.prototype.getNestedValue = function (obj, path) {
+            return path.split('.').reduce(function (current, key) {
+                return current && current[key] !== undefined ? current[key] : '';
+            }, obj);
+        };
+        /**
+         * Format date for Excel export
+         * @param date - Date to format
+         * @param format - Format string (default: 'MM/DD/YYYY')
+         */
+        ExcelExportService.prototype.formatDateForExport = function (date, format) {
+            if (format === void 0) { format = 'MM/DD/YYYY'; }
+            if (!date) {
+                return '';
+            }
+            var d = new Date(date);
+            if (isNaN(d.getTime())) {
+                return '';
+            }
+            var month = (d.getMonth() + 1).toString().padStart(2, '0');
+            var day = d.getDate().toString().padStart(2, '0');
+            var year = d.getFullYear();
+            switch (format) {
+                case 'MM/DD/YYYY':
+                    return month + "/" + day + "/" + year;
+                case 'DD/MM/YYYY':
+                    return day + "/" + month + "/" + year;
+                case 'YYYY-MM-DD':
+                    return year + "-" + month + "-" + day;
+                default:
+                    return d.toLocaleDateString();
+            }
+        };
+        return ExcelExportService;
+    }());
+    ExcelExportService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function ExcelExportService_Factory() { return new ExcelExportService(); }, token: ExcelExportService, providedIn: "root" });
+    ExcelExportService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+
     var SimpleGridComponent = /** @class */ (function (_super) {
         __extends(SimpleGridComponent, _super);
-        function SimpleGridComponent(icons, _changeDetection, _formMaster) {
+        function SimpleGridComponent(icons, _changeDetection, _formMaster, excelExportService) {
             var _this = _super.call(this) || this;
             _this.icons = icons;
             _this._changeDetection = _changeDetection;
             _this._formMaster = _formMaster;
+            _this.excelExportService = excelExportService;
             _this.defaultTextAlign = exports.ColumnAlign.Left;
             _this.showAdd = false;
             _this.showDelete = false;
@@ -10187,14 +10323,6 @@
                 });
             });
         };
-        SimpleGridComponent.prototype.isSingleColumn = function (column) {
-            return column.singleColumn;
-        };
-        SimpleGridComponent.prototype.rowContainsSingleColumn = function (row, columns) {
-            var _this = this;
-            var singleColumn = columns.find(function (column) { return _this.isSingleColumn(column) && !!row[column.field]; });
-            return !!singleColumn;
-        };
         SimpleGridComponent.prototype.addNewRow = function () {
             return __awaiter(this, void 0, void 0, function () {
                 var valid, _a;
@@ -10384,12 +10512,15 @@
             var sorted = __spreadArray([], __read(this.data)).sort(function (a, b) {
                 var valA = a[columnValue];
                 var valB = b[columnValue];
-                if (valA == null && valB == null)
+                if (valA == null && valB == null) {
                     return 0;
-                if (valA == null)
+                }
+                if (valA == null) {
                     return -1 * direction;
-                if (valB == null)
+                }
+                if (valB == null) {
                     return 1 * direction;
+                }
                 // Handle ISO date string
                 var isDateA = typeof valA === 'string' && /^\d{4}-\d{2}-\d{2}T/.test(valA);
                 var isDateB = typeof valB === 'string' && /^\d{4}-\d{2}-\d{2}T/.test(valB);
@@ -10407,35 +10538,12 @@
             this.data = sorted;
             this._detectChanges();
         };
-        SimpleGridComponent.prototype._sortData = function (tableData) {
-            var _this = this;
-            return tableData.sort(function (a, b) {
-                var sign = _this.sortDirection === 'asc' ? 1 : -1;
-                console.log("a " + a);
-                console.log("b " + b);
-                console.log(a[_this.sortColumnValue]);
-                console.log(b[_this.sortColumnValue]);
-                console.log("sign " + sign);
-                if (a[_this.sortColumnValue] < b[_this.sortColumnValue]) {
-                    return -1 * sign;
-                }
-                else if (a[_this.sortColumnValue] > b[_this.sortColumnValue]) {
-                    return 1 * sign;
-                }
-                return 0;
-            });
-        };
         SimpleGridComponent.prototype.showAllColumns = function () {
             this.isSettingsMenuOpen = false;
             this.headerColumnsCopy = this.headerColumns;
         };
         SimpleGridComponent.prototype.exportToExcel = function () {
-            this.isSettingsMenuOpen = false;
-            var element = document.getElementById('simple-grid-table');
-            var ws = XLSX__namespace.utils.table_to_sheet(element);
-            var wb = XLSX__namespace.utils.book_new();
-            XLSX__namespace.utils.book_append_sheet(wb, ws, 'Sheet1');
-            XLSX__namespace.writeFile(wb, 'ExcelSheet.xlsx');
+            this.excelExportService.exportTableToExcel('simple-grid-table', 'ExcelSheet', 'Sheet1');
         };
         SimpleGridComponent.prototype.prepareDataRow = function (row, index) {
             this.isRowDisabled(row, index);
@@ -10588,10 +10696,8 @@
     SimpleGridComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-simple-grid',
-                    template: "\n    <co-grid-toolbar *ngIf=\"showToolbar\" [class.right]=\"rightToolbar\"\n                     [showEdit]=\"showEdit\"\n                     [showAdd]=\"showAdd\"\n                     [showDelete]=\"showDelete\"\n                     [deleteEnabled]=\"selectedRowIndex > -1\"\n                     (addClick)=\"addNewRow()\"\n                     (editClick)=\"editRow($event)\"\n                     (saveClick)=\"validateAndSave()\"\n                     (cancelClick)=\"cancelEditRow()\"\n                     (deleteClick)=\"removeRow()\"\n    ></co-grid-toolbar>\n    <table\n      id=\"simple-grid-table\"\n      class=\"simple-grid-table\"\n      [clickOutside]=\"editing\"\n      (clickOutside)=\"handleClickOutsideRow()\">\n      <colgroup>\n        <col *ngFor=\"let column of headerColumnsCopy; let index = index\"\n             [class.simple-grid-column-auto-fit]=\"column.autoFit\"\n             [style.width.px]=\"column.width\"\n             [style.min-width.px]=\"MIN_COLUMN_WIDTH\">\n      </colgroup>\n      <thead>\n      <tr>\n        <th\n          scope=\"col\"\n          #headerCell\n          class=\"simple-grid-column-header\"\n          *ngFor=\"let column of headerColumnsCopy; let index = index\">\n          <div\n            class=\"simple-grid-column-header-wrapper\"\n            [class.resizable]=\"resizable\"\n            [class.selected]=\"column.isSelected\"\n            [ngClass]=\"column.textAlign ? column.textAlign : defaultTextAlign\">\n            <ng-container *ngIf=\"column.headerTemplate; else noHeaderTemplate\">\n              <ng-container [ngTemplateOutlet]=\"column.headerTemplate\"></ng-container>\n            </ng-container>\n            <ng-template #noHeaderTemplate>\n              <div class=\"simple-grid-column-header-label\"\n                   [ngClass]=\"column.textAlign ? column.textAlign : defaultTextAlign\"\n                   [class.with-menu]=\"showGridSettings\"\n                   [class.with-sort]=\"showColumnSort\"\n                   [textContent]=\"column.headerText || '&nbsp;'\"\n                   (click)=\"showColumnSort ? sortColumn(column, column.field) : toggleColumnMenu(column)\">\n              </div>\n\n              <div class=\"sort-column\" *ngIf=\"showColumnSort\">\n                <co-button (click)=\"sortColumn(column, column?.field)\"\n                           [iconData]=\"icons.getIcon(Icons.ArrowUpArrowDown)\">\n                </co-button>\n              </div>\n\n              <div class=\"column-menu\" *ngIf=\"column.isSelected\">\n                <h3 [textContent]=\"'COLUMN_OPTIONS' | coreLocalize\"></h3>\n                <ul>\n                  <li (click)=\"hideColumn(column)\">Hide Column</li>\n                  <li (click)=\"sortColumn(column, column.field)\">Sort Column</li>\n                </ul>\n              </div>\n            </ng-template>\n            <div *ngIf=\"resizable && column.resizable\" class=\"simple-grid-column-sizer\"\n                 (mousedown)=\"handleSizerMouseDown($event, column)\"\n            ></div>\n          </div>\n        </th>\n        <th *ngIf=\"showGridSettings\" class=\"simple-grid-column-header grid-settings\">\n          <co-button\n            [class.selected]=\"isSettingsMenuOpen\"\n            [iconData]=\"icons.getIcon(Icons.CogWheels)\"\n            (click)=\"toggleSettingsMenu()\">\n          </co-button>\n\n          <div class=\"settings-menu\" *ngIf=\"isSettingsMenuOpen\">\n            <h3 [textContent]=\"'GRID_OPTIONS' | coreLocalize\"></h3>\n            <ul>\n              <li (click)=\"exportToExcel()\">Export to Excel</li>\n              <li *ngIf=\"headerColumnsCopy.length !== headerColumns.length\" (click)=\"showAllColumns()\">Show All\n                Columns\n              </li>\n            </ul>\n          </div>\n        </th>\n      </tr>\n      </thead>\n      <tbody #dropList cdkDropList cdkDropListOrientation=\"vertical\"\n             class=\"simple-grid-drag-drop-list\"\n             [cdkDropListDisabled]=\"!dragDropEnabled || editing\"\n             [cdkDropListData]=\"data\"\n             [cdkDropListEnterPredicate]=\"handleCanDragDrop\"\n             (cdkDropListDropped)=\"handleDrop($event)\">\n      <tr\n        class=\"simple-grid-row\"\n        [class.selected]=\"rowIndex === selectedRowIndex && !editing\" observeVisibility\n        [class.disabled]=\"getIsRowDisabled(rowIndex)\"\n        [class.editing]=\"rowIndex === editRowIndex\"\n        *ngFor=\"let row of (!!rowsPerPage ? (data | paginate: {itemsPerPage: rowsPerPage, currentPage: currentPage}) : data); last as last; let rowIndex = index\"\n        cdkDrag\n        (click)=\"handleClickRow($event, rowIndex, row)\" (dblclick)=\"handleDblClickRow($event, rowIndex, row)\"\n        (visibilityChange)=\"rowVisible.next(row)\">\n        <co-form class=\"simple-grid-row-form\">\n          <ng-container *ngIf=\"isSingleColumnRow(row)\">\n            <td class=\"simple-grid-single-column-cell\" [attr.colspan]=\"headerColumnsCopy.length\">\n              <co-simple-grid-cell\n                [column]=\"columns[singleColumnIndex(row)]\"\n                [row]=\"row\"\n                [editMode]=\"false\"\n              ></co-simple-grid-cell>\n            </td>\n          </ng-container>\n          <ng-container *ngIf=\"!isSingleColumnRow(row)\">\n            <ng-container *ngFor=\"let column of headerColumnsCopy; let columnIndex = index\">\n              <td class=\"simple-grid-column-cell\" *ngIf=\"columnIndex !== singleColumnIndex(row)\">\n                <co-simple-grid-cell\n                  [column]=\"column\"\n                  [row]=\"row\"\n                  [editMode]=\"inlineEdit && editing && rowIndex === editRowIndex\"\n                  [fieldEditMode]=\"editCellIndex === columnIndex && rowIndex === editRowIndex\"\n                  (cellClick)=\"handleCellClick($event, row, rowIndex, columnIndex)\"\n                ></co-simple-grid-cell>\n                <div *ngIf=\"column.resizable\" class=\"simple-grid-column-sizer-placeholder\"></div>\n              </td>\n            </ng-container>\n          </ng-container>\n          <td *ngIf=\"showGridSettings\"></td>\n        </co-form>\n      </tr>\n      </tbody>\n    </table>\n    <co-pagination-bar *ngIf=\"data?.length > rowsPerPage\" class=\"pagination-bar\"\n                       [itemsPerPage]=\"rowsPerPage\"\n                       [currentPage]=\"currentPage\"\n                       [totalItems]=\"data.length\"\n                       [autoHide]=\"true\"\n                       (previousClick)=\"goToPreviousPage()\"\n                       (nextClick)=\"goToNextPage()\"\n                       (pageClick)=\"setCurrentPage($event)\"\n    ></co-pagination-bar>\n  ",
-                    providers: [
-                        FormMasterService
-                    ],
+                    template: "\n      <co-grid-toolbar\n              *ngIf=\"showToolbar\" [class.right]=\"rightToolbar\"\n              [showEdit]=\"showEdit\"\n              [showAdd]=\"showAdd\"\n              [showDelete]=\"showDelete\"\n              [deleteEnabled]=\"selectedRowIndex > -1\"\n              (addClick)=\"addNewRow()\"\n              (editClick)=\"editRow($event)\"\n              (saveClick)=\"validateAndSave()\"\n              (cancelClick)=\"cancelEditRow()\"\n              (deleteClick)=\"removeRow()\">\n      </co-grid-toolbar>\n\n      <table\n              id=\"simple-grid-table\"\n              class=\"simple-grid-table\"\n              [clickOutside]=\"editing\"\n              (clickOutside)=\"handleClickOutsideRow()\">\n          <colgroup>\n              <col\n                      *ngFor=\"let column of headerColumnsCopy; let index = index\"\n                      [class.simple-grid-column-auto-fit]=\"column.autoFit\"\n                      [style.width.px]=\"column.width\"\n                      [style.min-width.px]=\"MIN_COLUMN_WIDTH\">\n          </colgroup>\n          <thead>\n          <tr>\n              <th\n                      scope=\"col\"\n                      #headerCell\n                      class=\"simple-grid-column-header\"\n                      *ngFor=\"let column of headerColumnsCopy; let index = index\">\n                  <div\n                          class=\"simple-grid-column-header-wrapper\"\n                          [class.resizable]=\"resizable\"\n                          [class.selected]=\"column.isSelected\"\n                          [ngClass]=\"column.textAlign ? column.textAlign : defaultTextAlign\">\n                      <ng-container *ngIf=\"column.headerTemplate; else noHeaderTemplate\">\n                          <ng-container [ngTemplateOutlet]=\"column.headerTemplate\"></ng-container>\n                      </ng-container>\n                      <ng-template #noHeaderTemplate>\n                          <div\n                                  class=\"simple-grid-column-header-label\"\n                                  [ngClass]=\"column.textAlign ? column.textAlign : defaultTextAlign\"\n                                  [class.with-menu]=\"showGridSettings\"\n                                  [class.with-sort]=\"showColumnSort\"\n                                  [textContent]=\"column.headerText || '&nbsp;'\"\n                                  (click)=\"showColumnSort ? sortColumn(column, column.field) : toggleColumnMenu(column)\">\n                          </div>\n\n                          <div class=\"sort-column\" *ngIf=\"showColumnSort\">\n                              <co-button\n                                      (click)=\"sortColumn(column, column?.field)\"\n                                      [iconData]=\"icons.getIcon(Icons.ArrowUpArrowDown)\">\n                              </co-button>\n                          </div>\n\n                          <div class=\"column-menu\" *ngIf=\"column.isSelected\">\n                              <h3 [textContent]=\"'COLUMN_OPTIONS' | coreLocalize\"></h3>\n                              <ul>\n                                  <li (click)=\"hideColumn(column)\">Hide Column</li>\n                                  <li (click)=\"sortColumn(column, column.field)\">Sort Column</li>\n                              </ul>\n                          </div>\n                      </ng-template>\n                      <div\n                              *ngIf=\"resizable && column.resizable\"\n                              class=\"simple-grid-column-sizer\"\n                              (mousedown)=\"handleSizerMouseDown($event, column)\">\n                      </div>\n                  </div>\n              </th>\n          </tr>\n\n          <div *ngIf=\"showGridSettings\" class=\"grid-settings\">\n              <co-button\n                      [class.selected]=\"isSettingsMenuOpen\"\n                      [iconData]=\"icons.getIcon(Icons.CogWheels)\"\n                      (click)=\"toggleSettingsMenu()\">\n              </co-button>\n\n              <div class=\"settings-menu\" *ngIf=\"isSettingsMenuOpen\">\n                  <h3 [textContent]=\"'GRID_OPTIONS' | coreLocalize\"></h3>\n                  <ul>\n                      <li (click)=\"exportToExcel()\">Export to Excel</li>\n                      <li *ngIf=\"headerColumnsCopy.length !== headerColumns.length\" (click)=\"showAllColumns()\">\n                          Show All Columns\n                      </li>\n                  </ul>\n              </div>\n          </div>\n          </thead>\n\n          <tbody\n                  #dropList cdkDropList cdkDropListOrientation=\"vertical\"\n                  class=\"simple-grid-drag-drop-list\"\n                  [cdkDropListDisabled]=\"!dragDropEnabled || editing\"\n                  [cdkDropListData]=\"data\"\n                  [cdkDropListEnterPredicate]=\"handleCanDragDrop\"\n                  (cdkDropListDropped)=\"handleDrop($event)\">\n          <co-form class=\"simple-grid-row-form\">\n              <tr\n                      class=\"simple-grid-row\"\n                      [class.selected]=\"rowIndex === selectedRowIndex && !editing\" observeVisibility\n                      [class.disabled]=\"getIsRowDisabled(rowIndex)\"\n                      [class.editing]=\"rowIndex === editRowIndex\"\n                      *ngFor=\"let row of (!!rowsPerPage ? (data | paginate: {itemsPerPage: rowsPerPage, currentPage: currentPage}) : data); last as last; let rowIndex = index\"\n                      cdkDrag\n                      (click)=\"handleClickRow($event, rowIndex, row)\" (dblclick)=\"handleDblClickRow($event, rowIndex, row)\"\n                      (visibilityChange)=\"rowVisible.next(row)\">\n                  <ng-container *ngIf=\"isSingleColumnRow(row)\">\n                      <td class=\"simple-grid-single-column-cell\" [attr.colspan]=\"headerColumnsCopy.length\">\n                          <co-simple-grid-cell\n                                  [column]=\"columns[singleColumnIndex(row)]\"\n                                  [row]=\"row\"\n                                  [editMode]=\"false\">\n                          </co-simple-grid-cell>\n                      </td>\n                  </ng-container>\n                  <ng-container *ngIf=\"!isSingleColumnRow(row)\">\n                      <ng-container *ngFor=\"let column of headerColumnsCopy; let columnIndex = index\">\n                          <td class=\"simple-grid-column-cell\" *ngIf=\"columnIndex !== singleColumnIndex(row)\">\n                              <co-simple-grid-cell\n                                      [column]=\"column\"\n                                      [row]=\"row\"\n                                      [editMode]=\"inlineEdit && editing && rowIndex === editRowIndex\"\n                                      [fieldEditMode]=\"editCellIndex === columnIndex && rowIndex === editRowIndex\"\n                                      (cellClick)=\"handleCellClick($event, row, rowIndex, columnIndex)\">\n                              </co-simple-grid-cell>\n                              <div *ngIf=\"column.resizable\" class=\"simple-grid-column-sizer-placeholder\"></div>\n                          </td>\n                      </ng-container>\n                  </ng-container>\n              </tr>\n          </co-form>\n          </tbody>\n      </table>\n\n      <co-pagination-bar\n              *ngIf=\"data?.length > rowsPerPage\" class=\"pagination-bar\"\n              [itemsPerPage]=\"rowsPerPage\"\n              [currentPage]=\"currentPage\"\n              [totalItems]=\"data.length\"\n              [autoHide]=\"true\"\n              (previousClick)=\"goToPreviousPage()\"\n              (nextClick)=\"goToNextPage()\"\n              (pageClick)=\"setCurrentPage($event)\">\n      </co-pagination-bar>\n  ",
+                    providers: [FormMasterService],
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
@@ -10599,7 +10705,8 @@
     SimpleGridComponent.ctorParameters = function () { return [
         { type: IconCacheService },
         { type: i0.ChangeDetectorRef },
-        { type: FormMasterService }
+        { type: FormMasterService },
+        { type: ExcelExportService }
     ]; };
     SimpleGridComponent.propDecorators = {
         headerCells: [{ type: i0.ViewChildren, args: ['headerCell',] }],
@@ -15216,21 +15323,22 @@
     exports.showHideDialog = showHideDialog;
     exports["ɵa"] = InputBoolean;
     exports["ɵb"] = RippleModule;
-    exports["ɵba"] = PaginationService;
-    exports["ɵbb"] = PaginatePipe;
-    exports["ɵbc"] = SimpleGridCellComponent;
-    exports["ɵbd"] = ListOfValuesMultiselectPopupComponent;
-    exports["ɵbe"] = ConfirmationDialogComponent;
-    exports["ɵbf"] = DialogBaseComponent;
-    exports["ɵbg"] = CoreDynamicComponentService;
-    exports["ɵbh"] = PrependPipeModule;
-    exports["ɵbi"] = PrependPipe;
-    exports["ɵbj"] = CheckmarkOverlayComponent;
-    exports["ɵbk"] = ScannerService;
-    exports["ɵbl"] = TooltipModule;
-    exports["ɵbm"] = TooltipComponent;
-    exports["ɵbn"] = TooltipDirective;
-    exports["ɵbo"] = HourSchedulingTestObjectComponent;
+    exports["ɵba"] = ObserveVisibilityDirective;
+    exports["ɵbb"] = PaginationService;
+    exports["ɵbc"] = PaginatePipe;
+    exports["ɵbd"] = SimpleGridCellComponent;
+    exports["ɵbe"] = ListOfValuesMultiselectPopupComponent;
+    exports["ɵbf"] = ConfirmationDialogComponent;
+    exports["ɵbg"] = DialogBaseComponent;
+    exports["ɵbh"] = CoreDynamicComponentService;
+    exports["ɵbi"] = PrependPipeModule;
+    exports["ɵbj"] = PrependPipe;
+    exports["ɵbk"] = CheckmarkOverlayComponent;
+    exports["ɵbl"] = ScannerService;
+    exports["ɵbm"] = TooltipModule;
+    exports["ɵbn"] = TooltipComponent;
+    exports["ɵbo"] = TooltipDirective;
+    exports["ɵbp"] = HourSchedulingTestObjectComponent;
     exports["ɵc"] = MD_RIPPLE_GLOBAL_OPTIONS;
     exports["ɵd"] = CoRippleDirective;
     exports["ɵe"] = CoViewportRulerService;
@@ -15254,7 +15362,7 @@
     exports["ɵw"] = CalendarTemplateComponent;
     exports["ɵx"] = PopupShowerService;
     exports["ɵy"] = BaseSimpleGridComponent;
-    exports["ɵz"] = ObserveVisibilityDirective;
+    exports["ɵz"] = ExcelExportService;
 
     Object.defineProperty(exports, '__esModule', { value: true });