@colijnit/corecomponents_v12 258.1.6 → 258.1.8

package/bundles/colijnit-corecomponents_v12.umd.js

@@ -5532,7 +5532,7 @@
     GridToolbarComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-grid-toolbar",
-                    template: "\n    <div class=\"grid-toolbar-wrapper\">\n      <co-icon *ngIf=\"showEdit\" [iconData]=\"iconsService.getIcon(icons.PenToSquareSolid)\" [title]=\"'edit'\" (click)=\"editClick.emit($event)\"></co-icon>\n      <co-icon *ngIf=\"showEdit\" [iconData]=\"iconsService.getIcon(icons.RotateLeftSolid)\" [title]=\"'cancel'\" (click)=\"cancelClick.emit()\"></co-icon>\n      <co-icon *ngIf=\"showEdit\" [iconData]=\"iconsService.getIcon(icons.FloppyDiskSolid)\" [title]=\"'save'\" (click)=\"saveClick.emit()\"></co-icon>\n      <co-icon *ngIf=\"showAdd || showEdit\" [iconData]=\"iconsService.getIcon(icons.PlusSolid)\" [title]=\"'add'\" (click)=\"addClick.emit()\"></co-icon>\n      <co-icon *ngIf=\"showDelete\" [iconData]=\"iconsService.getIcon(icons.TrashCanSolid)\" [title]=\"'delete'\" [class.disabled]=\"!deleteEnabled\" (click)=\"handleDeleteClick()\"></co-icon>\n    </div>\n  ",
+                    template: "\n    <div class=\"grid-toolbar-wrapper\">\n      <co-icon *ngIf=\"showEdit\" [iconData]=\"iconsService.getIcon(icons.PenToSquareSolid)\" [title]=\"'edit'\" (click)=\"editClick.emit($event)\"></co-icon>\n      <co-icon *ngIf=\"showEdit\" [iconData]=\"iconsService.getIcon(icons.RotateLeftSolid)\" [title]=\"'cancel'\" (click)=\"cancelClick.emit()\"></co-icon>\n      <co-icon *ngIf=\"showEdit\" [iconData]=\"iconsService.getIcon(icons.FloppyDiskSolid)\" [title]=\"'save'\" (click)=\"saveClick.emit()\"></co-icon>\n      <co-icon *ngIf=\"showAdd || showEdit\" [iconData]=\"iconsService.getIcon(icons.PlusSolid)\" [title]=\"'add'\" (click)=\"addClick.emit()\"></co-icon>\n<!--      <co-icon *ngIf=\"showDelete\" [iconData]=\"iconsService.getIcon(icons.TrashCanSolid)\" [title]=\"'delete'\" [class.disabled]=\"!deleteEnabled\" (click)=\"handleDeleteClick()\"></co-icon>-->\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -10090,20 +10090,154 @@
         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;
             _this.editOnCellClick = true;
             _this.rightToolbar = false;
             _this.showGridSettings = false;
-            _this.rowsPerPage = 1000;
+            _this.rowsPerPage = 50;
             _this.showColumnSort = false;
             _this.editing = false;
             _this.isSettingsMenuOpen = false;
@@ -10113,8 +10247,11 @@
             _this.currentPage = 1;
             _this.sortDirection = 'asc';
             _this.Icons = exports.CoreComponentsIcon;
+            _this.hoveredRowIndex = -1;
             _this._doubleClicked = false;
             _this._newRow = false;
+            _this.IconCacheService = IconCacheService;
+            _this.CoreComponentsIcon = exports.CoreComponentsIcon;
             _this.dataChanged.subscribe(function () {
                 _this.currentPage = 1;
             });
@@ -10187,40 +10324,40 @@
                 });
             });
         };
-        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;
+                var valid, absoluteIndex, _a;
                 return __generator(this, function (_b) {
                     switch (_b.label) {
                         case 0:
-                            if (!this.inlineEdit) return [3 /*break*/, 3];
+                            if (!this.inlineEdit) return [3 /*break*/, 4];
                             valid = this.validateAndSave();
-                            if (!valid) return [3 /*break*/, 2];
+                            if (!valid) return [3 /*break*/, 3];
                             this.data.push({});
                             this._detectChanges();
                             this._newRow = true;
                             this.editing = true;
+                            if (!(this.rowsPerPage && this.data.length > this.rowsPerPage)) return [3 /*break*/, 1];
+                            // navigate to the last page to the new row
+                            this.currentPage = Math.ceil(this.data.length / this.rowsPerPage);
+                            absoluteIndex = this.data.length - 1;
+                            this.selectedRowIndex = this.rowsPerPage ? (absoluteIndex - ((this.currentPage - 1) * this.rowsPerPage)) : absoluteIndex;
+                            this.editRow(null);
+                            return [3 /*break*/, 3];
+                        case 1:
                             this.editRowIndex = this.data.length - 1;
                             this.rowToEdit = this.data[this.editRowIndex];
                             _a = this;
                             return [4 /*yield*/, this._nextAvailableCellToEdit(true)];
-                        case 1:
+                        case 2:
                             _a.editCellIndex = _b.sent();
                             this._detectChanges();
-                            _b.label = 2;
-                        case 2: return [3 /*break*/, 4];
-                        case 3:
+                            _b.label = 3;
+                        case 3: return [3 /*break*/, 5];
+                        case 4:
                             this.addRow.next();
-                            _b.label = 4;
-                        case 4: return [2 /*return*/];
+                            _b.label = 5;
+                        case 5: return [2 /*return*/];
                     }
                 });
             });
@@ -10384,12 +10521,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 +10547,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);
@@ -10583,15 +10700,20 @@
             this.editing = false;
             this.rowToEdit = undefined;
         };
+        Object.defineProperty(SimpleGridComponent.prototype, "isNewRow", {
+            get: function () {
+                return this._newRow;
+            },
+            enumerable: false,
+            configurable: true
+        });
         return SimpleGridComponent;
     }(BaseSimpleGridComponent));
     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      <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          (mouseenter)=\"hoveredRowIndex = rowIndex\"\n          (mouseleave)=\"hoveredRowIndex = -1\"\n        >\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 *ngIf=\"inlineEdit\">\n              <div class=\"icons-container\" *ngIf=\"!editing\">\n                <co-icon class=\"icon-item icon-edit\"\n                         [iconData]=\"icons.getIcon(Icons.PenToSquareSolid)\" *ngIf=\"hoveredRowIndex === rowIndex\"\n                         (click)=\"editRow($event)\"></co-icon>\n\n                <co-icon class=\"icon-item icon-delete\"\n                         [iconData]=\"icons.getIcon(Icons.TrashBin)\" *ngIf=\"hoveredRowIndex === rowIndex\"\n                         (click)=\"removeRow()\"></co-icon>\n              </div>\n              <div class=\"icons-container\">\n                <co-button class=\"save-button\"\n                           *ngIf=\"editing && (selectedRowIndex === rowIndex || (isNewRow && rowIndex === editRowIndex))\"\n                           [iconData]=\"icons.getIcon(Icons.CheckDuotone)\"\n                           (click)=\"validateAndSave(); $event.stopPropagation()\"></co-button>\n\n                <co-button class=\"close-button\"\n                           *ngIf=\"editing && (selectedRowIndex === rowIndex || (isNewRow && rowIndex === editRowIndex))\"\n                           [iconData]=\"icons.getIcon(Icons.CrossSkinny)\"\n                           (click)=\"cancelEditRow(); $event.stopPropagation() \"></co-button>\n              </div>\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 +10721,8 @@
     SimpleGridComponent.ctorParameters = function () { return [
         { type: IconCacheService },
         { type: i0.ChangeDetectorRef },
-        { type: FormMasterService }
+        { type: FormMasterService },
+        { type: ExcelExportService }
     ]; };
     SimpleGridComponent.propDecorators = {
         headerCells: [{ type: i0.ViewChildren, args: ['headerCell',] }],
@@ -11347,7 +11470,8 @@
                         PaginationBarModule,
                         ClickoutsideModule,
                         ButtonModule,
-                        CoreComponentsTranslationModule
+                        CoreComponentsTranslationModule,
+                        IconModule
                     ],
                     declarations: [
                         SimpleGridComponent,
@@ -15275,21 +15399,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;
@@ -15313,7 +15438,7 @@
     exports["ɵw"] = CalendarTemplateComponent;
     exports["ɵx"] = PopupShowerService;
     exports["ɵy"] = BaseSimpleGridComponent;
-    exports["ɵz"] = ObserveVisibilityDirective;
+    exports["ɵz"] = ExcelExportService;
 
     Object.defineProperty(exports, '__esModule', { value: true });