basesite-shared-grid-lib 15.10.302 → 15.10.305

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

@@ -1,7 +1,7 @@
 import * as i1 from '@angular/common/http';
 import { HttpHeaders, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 import * as i0 from '@angular/core';
-import { Injectable, Component, EventEmitter, forwardRef, Input, Output, ViewChild, NgModule } from '@angular/core';
+import { Injectable, Component, EventEmitter, forwardRef, Input, Output, ViewChild, HostListener, NgModule } from '@angular/core';
 import { BehaviorSubject, Subject } from 'rxjs';
 import * as i1$1 from '@angular/common';
 import { CommonModule, DatePipe } from '@angular/common';
@@ -1923,7 +1923,7 @@ class GridLibraryComponent {
         this.formatterService = formatterService;
         this._tokenSharingService = _tokenSharingService;
         this.router = router;
-        this.paginationAutoPageSize = true;
+        this.paginationAutoPageSize = false;
         this.rowSelection = 'multiple';
         this.enableServerSidePaging = false;
         this.cacheBlockSize = 0;
@@ -2737,6 +2737,7 @@ class GridLibraryComponent {
         this.dataLoaded = true;
         setTimeout(() => this.updatePaginationInfo(), 0);
         setTimeout(() => this.applyFilterHighlightingWithRetry(), 100);
+        this.setPageSizeMinusOne(e.api);
         this.firstDataRendered.emit(e);
     }
     onGridReadyExcel(params) {
@@ -3069,6 +3070,19 @@ class GridLibraryComponent {
             console.warn('Filter highlighting retry limit reached. Some filter inputs may not be highlighted.');
         }
     }
+    onGridSizeChanged(params) {
+        this.setPageSizeMinusOne(params.api);
+    }
+    setPageSizeMinusOne(api) {
+        // 1. Get row height (public API)
+        const rowHeight = api.getSizesForCurrentTheme().rowHeight;
+        // 2. Query the body viewport DOM (safe, it's always rendered)
+        const viewportEl = document.querySelector('.ag-body-viewport');
+        if (viewportEl && rowHeight > 0) {
+            const rowsThatFit = Math.floor(viewportEl.clientHeight / rowHeight);
+            api.paginationSetPageSize(Math.max(rowsThatFit - 1, 1)); // avoid 0
+        }
+    }
     //destroy all associated subscriptions on component destroy
     ngOnDestroy() {
         if (this.filterHighlightingObserver) {
@@ -3141,8 +3155,13 @@ class GridLibraryComponent {
             observer.disconnect();
         });
     }
+    onResize() {
+        if (this.gridAPI) {
+            this.setPageSizeMinusOne(this.gridAPI);
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: GridLibraryComponent, deps: [{ token: GridLibraryService }, { token: ColumnValueFormatter }, { token: TokenSharingService }, { token: i4$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: GridLibraryComponent, isStandalone: false, selector: "lib-basesite-shared-grid-lib", inputs: { overrideColumnDefs: "overrideColumnDefs", columnDefs: "columnDefs", rowData: "rowData", paginationAutoPageSize: "paginationAutoPageSize", rowSelection: "rowSelection", gridId: "gridId", loggedInUser: "loggedInUser", siteId: "siteId", enableServerSidePaging: "enableServerSidePaging", serverDataUrl: "serverDataUrl", environment: "environment", cacheBlockSize: "cacheBlockSize", rowMultiSelectWithClick: "rowMultiSelectWithClick", floatingFilter: "floatingFilter", token: "token", userRoles: "userRoles", rowHeight: "rowHeight", noRowsOverlayComponent: "noRowsOverlayComponent" }, outputs: { btnClickHandler: "btnClickHandler", firstDataRendered: "firstDataRendered", filterChanged: "filterChanged", selectionChanged: "selectionChanged", totalRowCount: "totalRowCount", gridReady: "gridReady" }, usesOnChanges: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: GridLibraryComponent, isStandalone: false, selector: "lib-basesite-shared-grid-lib", inputs: { overrideColumnDefs: "overrideColumnDefs", columnDefs: "columnDefs", rowData: "rowData", paginationAutoPageSize: "paginationAutoPageSize", rowSelection: "rowSelection", gridId: "gridId", loggedInUser: "loggedInUser", siteId: "siteId", enableServerSidePaging: "enableServerSidePaging", serverDataUrl: "serverDataUrl", environment: "environment", cacheBlockSize: "cacheBlockSize", rowMultiSelectWithClick: "rowMultiSelectWithClick", floatingFilter: "floatingFilter", token: "token", userRoles: "userRoles", rowHeight: "rowHeight", noRowsOverlayComponent: "noRowsOverlayComponent" }, outputs: { btnClickHandler: "btnClickHandler", firstDataRendered: "firstDataRendered", filterChanged: "filterChanged", selectionChanged: "selectionChanged", totalRowCount: "totalRowCount", gridReady: "gridReady" }, host: { listeners: { "window:resize": "onResize()" } }, usesOnChanges: true, ngImport: i0, template: `
     <ag-grid-angular
       #agGrid
       style="width: 100%;height:98.2vh"
@@ -3172,6 +3191,7 @@ class GridLibraryComponent {
       (selectionChanged)="onSelectionChanged($event)"
       (filterChanged)="onFilterChanged($event)"
       (firstDataRendered)="onFirstDataRendered($event)"
+      (onGridSizeChanged)="onGridSizeChanged($event)"
       [rowHeight]="rowHeight"
       (paginationChanged)="onPaginationChanged($event)"
       [noRowsOverlayComponent]="noRowsOverlayComponent"
@@ -3254,6 +3274,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
       (selectionChanged)="onSelectionChanged($event)"
       (filterChanged)="onFilterChanged($event)"
       (firstDataRendered)="onFirstDataRendered($event)"
+      (onGridSizeChanged)="onGridSizeChanged($event)"
       [rowHeight]="rowHeight"
       (paginationChanged)="onPaginationChanged($event)"
       [noRowsOverlayComponent]="noRowsOverlayComponent"
@@ -3351,6 +3372,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
                 type: Output
             }], gridReady: [{
                 type: Output
+            }], onResize: [{
+                type: HostListener,
+                args: ['window:resize']
             }] } });
 
 class DateHeaderComponent {