basesite-shared-grid-lib 15.10.88 → 15.10.104

package/fesm2022/basesite-shared-grid-lib.mjs

@@ -1021,6 +1021,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
                 }]
         }] });
 
+class DateHeaderComponent {
+    agInit(params) {
+        this.params = params;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DateHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: DateHeaderComponent, isStandalone: false, selector: "app-date-header", ngImport: i0, template: `
+<span>
+      {{ params.displayName }}
+      <i class="fa-solid fa-calendar-days" style="margin-left: 4px;"></i>
+</span>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DateHeaderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-date-header',
+                    template: `
+<span>
+      {{ params.displayName }}
+      <i class="fa-solid fa-calendar-days" style="margin-left: 4px;"></i>
+</span>
+  `,
+                    standalone: false
+                }]
+        }] });
+
 class ColumnValueFormatter {
     constructor(datePipe) {
         this.datePipe = datePipe;
@@ -1046,6 +1072,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
         }], ctorParameters: () => [{ type: i1$1.DatePipe }] });
 
 class GridLibraryComponent {
+    ;
+    //custom pagination properties ends...
     constructor(gridService, formatterService, _tokenSharingService) {
         this.gridService = gridService;
         this.formatterService = formatterService;
@@ -1081,6 +1109,18 @@ class GridLibraryComponent {
         this._TiPm = 'TI PM';
         //unsubscribe subject
         this.unsubscribe$ = new Subject();
+        //custom pagination properties
+        this.pageNumber = 0;
+        this.currentPage = 1;
+        this.totalPages = 0;
+        this.pageNumbers = [];
+        this.isFirstPage = true;
+        this.isLastPage = false;
+        this.pageSize = 12;
+        this.startRow = 0;
+        this.endRow = 0;
+        this.totalRows = 0;
+        this.dataLoaded = false;
         this.defaultColDef = {
             sortable: true,
             filter: true,
@@ -1122,6 +1162,15 @@ class GridLibraryComponent {
             ];
             return res;
         };
+        //Custom Pagination starts here ================############################================================
+        this.onPaginationChanged = (params) => {
+            if (this.gridAPI && this.dataLoaded) {
+                this.gridAPI.deselectAll();
+                const currentPage = this.gridAPI.paginationGetCurrentPage();
+                localStorage.setItem('pageNumber', currentPage.toString());
+                setTimeout(() => this.updatePaginationInfo(), 0);
+            }
+        };
     }
     onSortChangedEvent(e) {
         this.gridColumnState = this.gridAPI.getState();
@@ -1237,6 +1286,38 @@ class GridLibraryComponent {
                         lockPinned: true,
                     };
                 }
+                else if (res.columnType === 'date') {
+                    return {
+                        pinned: res.pinPosition,
+                        field: res.field,
+                        headerName: res.title,
+                        resizable: true,
+                        hide: this._getColumnVisiblityStatus(res, userRoles),
+                        sortable: true,
+                        tooltipField: res.field,
+                        floatingFilter: this.floatingFilter,
+                        valueFormatter: (params) => this.formatterService.colValueFormatter(params, res.columnType),
+                        filterable: res.filterable,
+                        filter: 'agDateColumnFilter',
+                        headerComponent: DateHeaderComponent,
+                        filterParams: {
+                            comparator: (filterLocalDateAtMidnight, cellValue) => {
+                                const dateAsString = cellValue;
+                                if (dateAsString == null) {
+                                    return 0;
+                                }
+                                const cellDate = new Date(dateAsString);
+                                if (cellDate < filterLocalDateAtMidnight) {
+                                    return -1;
+                                }
+                                else if (cellDate > filterLocalDateAtMidnight) {
+                                    return 1;
+                                }
+                                return 0;
+                            }, buttons: ['reset'],
+                        },
+                    };
+                }
                 else {
                     // if (!hideDacStatus) {
                     return {
@@ -1541,11 +1622,90 @@ class GridLibraryComponent {
         this.filterChanged.emit(e);
     }
     onFirstDataRendered(e) {
+        const storedPageNumber = localStorage.getItem('pageNumber');
+        this.pageNumber = storedPageNumber ? parseInt(storedPageNumber) : 0;
+        if (this.pageNumber >= 1) {
+            this.gridAPI.paginationGoToPage(this.pageNumber);
+        }
+        this.dataLoaded = true;
+        setTimeout(() => this.updatePaginationInfo(), 0);
         this.firstDataRendered.emit(e);
     }
     onGridReadyExcel(params) {
         this.excelAPI = params.api;
     }
+    updatePaginationInfo() {
+        if (!this.gridAPI)
+            return;
+        // Get all pagination info at once to minimize grid API calls
+        const currentPage = this.gridAPI.paginationGetCurrentPage() + 1;
+        const totalPages = this.gridAPI.paginationGetTotalPages();
+        const totalRows = this.gridAPI.paginationGetRowCount();
+        const pageSize = this.gridAPI.paginationGetPageSize();
+        // Update component state
+        this.currentPage = currentPage;
+        this.totalPages = totalPages;
+        this.totalRows = totalRows;
+        this.pageSize = pageSize;
+        // Calculate derived values
+        this.startRow = (this.currentPage - 1) * this.pageSize + 1;
+        this.endRow = Math.min(this.currentPage * this.pageSize, this.totalRows);
+        this.isFirstPage = this.currentPage === 1;
+        this.isLastPage = this.currentPage === this.totalPages;
+        // Update page numbers array
+        this.updatePageNumbers();
+    }
+    updatePageNumbers() {
+        this.pageNumbers = [];
+        if (this.totalPages <= 7) {
+            // Show all pages if 7 or fewer
+            for (let i = 1; i <= this.totalPages; i++) {
+                this.pageNumbers.push(i);
+            }
+        }
+        else {
+            // Always show first page
+            this.pageNumbers.push(1);
+            // Show ellipsis if not near the beginning
+            if (this.currentPage > 3) {
+                this.pageNumbers.push('...');
+            }
+            // Calculate range of pages to show around current page
+            let startPage = Math.max(2, this.currentPage - 1);
+            let endPage = Math.min(this.totalPages - 1, this.currentPage + 1);
+            // Adjust range to show at least 3 pages when possible
+            if (startPage === 2)
+                endPage = Math.min(4, this.totalPages - 1);
+            if (endPage === this.totalPages - 1)
+                startPage = Math.max(2, this.totalPages - 3);
+            // Add the range of pages
+            for (let i = startPage; i <= endPage; i++) {
+                this.pageNumbers.push(i);
+            }
+            // Show ellipsis if not near the end
+            if (this.currentPage < this.totalPages - 2) {
+                this.pageNumbers.push('...');
+            }
+            // Always show last page
+            this.pageNumbers.push(this.totalPages);
+        }
+    }
+    goToPage(page) {
+        if (typeof page === 'number' && this.gridAPI) {
+            this.gridAPI.paginationGoToPage(page - 1);
+        }
+    }
+    onPreviousPage() {
+        if (!this.isFirstPage && this.gridAPI) {
+            this.gridAPI.paginationGoToPreviousPage();
+        }
+    }
+    onNextPage() {
+        if (!this.isLastPage && this.gridAPI) {
+            this.gridAPI.paginationGoToNextPage();
+        }
+    }
+    //custom pagination ends...
     //destroy all associated subscriptions on component destroy
     ngOnDestroy() {
         this.unsubscribe$.next();
@@ -1564,8 +1724,8 @@ class GridLibraryComponent {
       [animateRows]="true"
       (gridReady)="onGridReady($event)"
       [pagination]="true"
-      [paginationNumberFormatter]="paginationNumberFormatter"
       [paginationAutoPageSize]="paginationAutoPageSize"
+      [suppressPaginationPanel]="true"
       [tooltipShowDelay]="tooltipShowDelay"
       [tooltipHideDelay]="tooltipHideDelay"
       [rowModelType]="rowModelType"
@@ -1584,8 +1744,38 @@ class GridLibraryComponent {
       (firstDataRendered)="onFirstDataRendered($event)"
       [overlayNoRowsTemplate]="overlayNoRowsTemplate"
       [rowHeight]="rowHeight"
+      (paginationChanged)="onPaginationChanged($event)"
     >
     </ag-grid-angular>
+                <!-- Custom pagination -->
+            <div class="custom-pagination">
+                <div class="pagination-nav">
+                    <button class="nav-btn" (click)="onPreviousPage()" [disabled]="isFirstPage">
+                        <span class="nav-btn-prev"></span>
+                    </button>
+
+                    <ng-container *ngFor="let page of pageNumbers">
+                        <span
+                            *ngIf="page !== '...'"
+                            class="page-number"
+                            [ngClass]="{'page-number--increased': typeof page === 'number' && +page > 99}"
+                            [class.active]="page === currentPage"
+                            (click)="goToPage(page)"
+                        >
+                            {{ page }}
+                        </span>
+                        <span *ngIf="page === '...'" class="ellipsis">...</span>
+                    </ng-container>
+
+                    <button class="nav-btn" (click)="onNextPage()" [disabled]="isLastPage">
+                        <span class="nav-btn-next"></span>
+                    </button>
+                </div>
+
+                <div class="pagination-info">
+                    <span>{{ startRow }}-{{ endRow }} of {{ totalRows }} items</span>
+                </div>
+            </div>
     <ag-grid-angular
       #agGridHidden
       style="height:100vh; width:100%;display:none"
@@ -1600,7 +1790,7 @@ class GridLibraryComponent {
       [cacheQuickFilter]="false"
     >
     </ag-grid-angular>
-  `, isInline: true, dependencies: [{ kind: "component", type: i4.AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressDragLeaveHidesColumns", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "components", "editType", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterMovesDown", "enterMovesDownAfterEdit", "enterNavigatesVertically", "enterNavigatesVerticallyAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "quickFilterText", "cacheQuickFilter", "excludeHiddenColumnsFromQuickFilter", "includeHiddenColumnsInQuickFilter", "quickFilterParser", "quickFilterMatcher", "applyQuickFilterBeforePivotOrAgg", "excludeChildrenWhenTreeDataFiltering", "enableAdvancedFilter", "advancedFilterModel", "includeHiddenColumnsInAdvancedFilter", "advancedFilterParent", "advancedFilterBuilderParams", "suppressAdvancedFilterEval", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "enableChartToolPanelsButton", "suppressChartToolPanelsButton", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressParentsInRowNodes", "suppressTouch", "suppressFocusAfterRefresh", "suppressAsyncEvents", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "suppressAggAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "enableCellChangeFlash", "cellFlashDuration", "cellFlashDelay", "cellFadeDuration", "cellFadeDelay", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "suppressGroupMaintainValueType", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupIncludeFooter", "groupIncludeTotalFooter", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "suppressMakeColumnVisibleAfterUnGroup", "treeData", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "pinnedTopRowData", "pinnedBottomRowData", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideInfiniteScroll", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSideFilterAllLevels", "serverSideSortOnServer", "serverSideFilterOnServer", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "functionsPassive", "enableGroupEdit", "initialState", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "advancedFilterBuilderVisibleChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "gridPreDestroyed", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged", "columnRowGroupChangeRequest", "columnPivotChangeRequest", "columnValueChangeRequest", "columnAggFuncChangeRequest"] }] }); }
+  `, isInline: true, dependencies: [{ kind: "component", type: i4.AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressDragLeaveHidesColumns", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "components", "editType", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterMovesDown", "enterMovesDownAfterEdit", "enterNavigatesVertically", "enterNavigatesVerticallyAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "quickFilterText", "cacheQuickFilter", "excludeHiddenColumnsFromQuickFilter", "includeHiddenColumnsInQuickFilter", "quickFilterParser", "quickFilterMatcher", "applyQuickFilterBeforePivotOrAgg", "excludeChildrenWhenTreeDataFiltering", "enableAdvancedFilter", "advancedFilterModel", "includeHiddenColumnsInAdvancedFilter", "advancedFilterParent", "advancedFilterBuilderParams", "suppressAdvancedFilterEval", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "enableChartToolPanelsButton", "suppressChartToolPanelsButton", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressParentsInRowNodes", "suppressTouch", "suppressFocusAfterRefresh", "suppressAsyncEvents", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "suppressAggAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "enableCellChangeFlash", "cellFlashDuration", "cellFlashDelay", "cellFadeDuration", "cellFadeDelay", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "suppressGroupMaintainValueType", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupIncludeFooter", "groupIncludeTotalFooter", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "suppressMakeColumnVisibleAfterUnGroup", "treeData", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "pinnedTopRowData", "pinnedBottomRowData", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideInfiniteScroll", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSideFilterAllLevels", "serverSideSortOnServer", "serverSideFilterOnServer", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "functionsPassive", "enableGroupEdit", "initialState", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "advancedFilterBuilderVisibleChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "gridPreDestroyed", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged", "columnRowGroupChangeRequest", "columnPivotChangeRequest", "columnValueChangeRequest", "columnAggFuncChangeRequest"] }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: GridLibraryComponent, decorators: [{
             type: Component,
@@ -1616,8 +1806,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
       [animateRows]="true"
       (gridReady)="onGridReady($event)"
       [pagination]="true"
-      [paginationNumberFormatter]="paginationNumberFormatter"
       [paginationAutoPageSize]="paginationAutoPageSize"
+      [suppressPaginationPanel]="true"
       [tooltipShowDelay]="tooltipShowDelay"
       [tooltipHideDelay]="tooltipHideDelay"
       [rowModelType]="rowModelType"
@@ -1636,8 +1826,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
       (firstDataRendered)="onFirstDataRendered($event)"
       [overlayNoRowsTemplate]="overlayNoRowsTemplate"
       [rowHeight]="rowHeight"
+      (paginationChanged)="onPaginationChanged($event)"
     >
     </ag-grid-angular>
+                <!-- Custom pagination -->
+            <div class="custom-pagination">
+                <div class="pagination-nav">
+                    <button class="nav-btn" (click)="onPreviousPage()" [disabled]="isFirstPage">
+                        <span class="nav-btn-prev"></span>
+                    </button>
+
+                    <ng-container *ngFor="let page of pageNumbers">
+                        <span
+                            *ngIf="page !== '...'"
+                            class="page-number"
+                            [ngClass]="{'page-number--increased': typeof page === 'number' && +page > 99}"
+                            [class.active]="page === currentPage"
+                            (click)="goToPage(page)"
+                        >
+                            {{ page }}
+                        </span>
+                        <span *ngIf="page === '...'" class="ellipsis">...</span>
+                    </ng-container>
+
+                    <button class="nav-btn" (click)="onNextPage()" [disabled]="isLastPage">
+                        <span class="nav-btn-next"></span>
+                    </button>
+                </div>
+
+                <div class="pagination-info">
+                    <span>{{ startRow }}-{{ endRow }} of {{ totalRows }} items</span>
+                </div>
+            </div>
     <ag-grid-angular
       #agGridHidden
       style="height:100vh; width:100%;display:none"
@@ -1697,12 +1917,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
                 type: Output
             }] } });
 
+class HeaderComponent {
+    agInit(params) {
+        this.params = params;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: HeaderComponent, isStandalone: false, selector: "app-date-header", ngImport: i0, template: `
+<span>
+      {{ params.displayName }}
+</span>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: HeaderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-date-header',
+                    template: `
+<span>
+      {{ params.displayName }}
+</span>
+  `, standalone: false
+                }]
+        }] });
+
 class GridLibraryModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: GridLibraryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: GridLibraryModule, declarations: [GridLibraryComponent,
             ButtonRendererComponent,
             CustomTooltip,
-            DropdownRenderer], imports: [AgGridModule,
+            DropdownRenderer,
+            DateHeaderComponent,
+            HeaderComponent], imports: [AgGridModule,
             CommonModule], exports: [GridLibraryComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: GridLibraryModule, providers: [DatePipe, GridLibraryService, ColumnValueFormatter, provideHttpClient(withInterceptorsFromDi())], imports: [AgGridModule,
             CommonModule] }); }
@@ -1713,7 +1958,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
                         GridLibraryComponent,
                         ButtonRendererComponent,
                         CustomTooltip,
-                        DropdownRenderer
+                        DropdownRenderer,
+                        DateHeaderComponent,
+                        HeaderComponent
                     ],
                     exports: [
                         GridLibraryComponent