@meshmakers/shared-ui 3.4.400 → 3.4.420

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meshmakers/shared-ui",
-  "version": "3.4.400",
+  "version": "3.4.420",
   "peerDependencies": {
     "@angular/common": "^22.0.0",
     "@angular/core": "^22.0.0",

package/types/meshmakers-shared-ui.d.ts

@@ -258,12 +258,28 @@ declare class ListViewComponent extends CommandBaseService implements OnDestroy,
     private readonly hostElement;
     private readonly ngZone;
     private resizeObserver?;
+    /** Never auto-page below this many rows, even in a tiny viewport. */
+    private static readonly MIN_AUTO_PAGE_SIZE;
+    /** Measured fit-to-height page size (`autoPageSize`); null until the first measurement. */
+    private readonly autoPageSizeValue;
+    /** Last measured row height — reused while a page renders no rows (e.g. empty filter result). */
+    private lastMeasuredRowHeight;
+    private readonly autoPageSizeRecompute$;
     private gridComponent?;
     private dataBindingDirective?;
     gridContextMenu?: ContextMenuComponent;
     rowClicked: EventEmitter<unknown[]>;
     pageSize: number;
     skip: number;
+    /**
+     * Fit-to-height paging: when enabled, the page size is derived from the grid's
+     * available content height and the measured row height, so a page always fills
+     * the viewport instead of leaving a half-empty grid with a detached pager on
+     * large screens. The pager's page-size dropdown is hidden (a manual choice
+     * would be overridden on the next resize). `pageSize` serves as the initial
+     * page size until the first measurement; the minimum auto page size is 5.
+     */
+    autoPageSize: boolean;
     rowIsClickable: boolean;
     showRowCheckBoxes: boolean;
     showRowSelectAllCheckBox: boolean;
@@ -280,6 +296,11 @@ declare class ListViewComponent extends CommandBaseService implements OnDestroy,
     sortable: boolean;
     rowFilterEnabled: boolean;
     searchTextBoxEnabled: boolean;
+    /** The page size the grid actually uses: the measured fit-to-height value in `autoPageSize` mode, `pageSize` otherwise. */
+    protected effectivePageSize(): number;
+    private _cachedAutoPageable?;
+    /** Pager settings the grid uses; in `autoPageSize` mode the page-size dropdown is stripped. Cached per source object to keep the input reference stable across change detection. */
+    protected get effectivePageable(): PagerSettings;
     /** Whether users can resize columns by dragging the header edges. */
     resizable: boolean;
     /**
@@ -314,6 +335,13 @@ declare class ListViewComponent extends CommandBaseService implements OnDestroy,
     get columns(): TableColumn[];
     constructor();
     ngAfterViewInit(): void;
+    /**
+     * Measures the grid's content viewport and the rendered row height, derives the
+     * number of rows that fit and applies it as the new page size (grid + query state)
+     * when it differs from the current one. No-op until a row has been rendered at
+     * least once (there is nothing to measure on a fully empty grid).
+     */
+    private recomputeAutoPageSize;
     ngOnDestroy(): void;
     /** Whether the column is hidden at the current component width (`hideBelow`). */
     protected isColumnHidden(column: TableColumn): boolean;
@@ -404,7 +432,7 @@ declare class ListViewComponent extends CommandBaseService implements OnDestroy,
     protected getPdfPageText(pageNum: number, totalPages: number): string;
     protected readonly moreVerticalIcon: SVGIcon$1;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ListViewComponent, "mm-list-view", never, { "pageSize": { "alias": "pageSize"; "required": false; }; "skip": { "alias": "skip"; "required": false; }; "rowIsClickable": { "alias": "rowIsClickable"; "required": false; }; "showRowCheckBoxes": { "alias": "showRowCheckBoxes"; "required": false; }; "showRowSelectAllCheckBox": { "alias": "showRowSelectAllCheckBox"; "required": false; }; "contextMenuType": { "alias": "contextMenuType"; "required": false; }; "leftToolbarActions": { "alias": "leftToolbarActions"; "required": false; }; "rightToolbarActions": { "alias": "rightToolbarActions"; "required": false; }; "actionCommandItems": { "alias": "actionCommandItems"; "required": false; }; "contextMenuCommandItems": { "alias": "contextMenuCommandItems"; "required": false; }; "excelExportFileName": { "alias": "excelExportFileName"; "required": false; }; "pdfExportFileName": { "alias": "pdfExportFileName"; "required": false; }; "pageable": { "alias": "pageable"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "rowFilterEnabled": { "alias": "rowFilterEnabled"; "required": false; }; "searchTextBoxEnabled": { "alias": "searchTextBoxEnabled"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "actionsColumnWidth": { "alias": "actionsColumnWidth"; "required": false; }; "hideCheckboxesBelow": { "alias": "hideCheckboxesBelow"; "required": false; }; "rowClass": { "alias": "rowClass"; "required": false; }; "messages": { "alias": "messages"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; }, { "rowClicked": "rowClicked"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListViewComponent, "mm-list-view", never, { "pageSize": { "alias": "pageSize"; "required": false; }; "skip": { "alias": "skip"; "required": false; }; "autoPageSize": { "alias": "autoPageSize"; "required": false; }; "rowIsClickable": { "alias": "rowIsClickable"; "required": false; }; "showRowCheckBoxes": { "alias": "showRowCheckBoxes"; "required": false; }; "showRowSelectAllCheckBox": { "alias": "showRowSelectAllCheckBox"; "required": false; }; "contextMenuType": { "alias": "contextMenuType"; "required": false; }; "leftToolbarActions": { "alias": "leftToolbarActions"; "required": false; }; "rightToolbarActions": { "alias": "rightToolbarActions"; "required": false; }; "actionCommandItems": { "alias": "actionCommandItems"; "required": false; }; "contextMenuCommandItems": { "alias": "contextMenuCommandItems"; "required": false; }; "excelExportFileName": { "alias": "excelExportFileName"; "required": false; }; "pdfExportFileName": { "alias": "pdfExportFileName"; "required": false; }; "pageable": { "alias": "pageable"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "rowFilterEnabled": { "alias": "rowFilterEnabled"; "required": false; }; "searchTextBoxEnabled": { "alias": "searchTextBoxEnabled"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "actionsColumnWidth": { "alias": "actionsColumnWidth"; "required": false; }; "hideCheckboxesBelow": { "alias": "hideCheckboxesBelow"; "required": false; }; "rowClass": { "alias": "rowClass"; "required": false; }; "messages": { "alias": "messages"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; }, { "rowClicked": "rowClicked"; }, never, never, true, never>;
 }
 
 declare class UploadFileDialogComponent extends DialogContentBase {
@@ -975,6 +1003,15 @@ declare abstract class DataSourceBase {
     readonly isLoading$: Observable<boolean>;
     /** Current loading state */
     get isLoading(): boolean;
+    private readonly _totalCount;
+    /**
+     * Total row count reported by the last fetch (`null` before the first result).
+     * Kept current by MmListViewDataBindingDirective; lets host pages show the
+     * overall count (e.g. in a header badge) without a second query.
+     */
+    readonly totalCount: i0.Signal<number | null>;
+    /** Set the total row count (called by MmListViewDataBindingDirective) */
+    setTotalCount(count: number | null): void;
     protected constructor(listViewComponent: ListViewComponent);
     /** Set the loading state (called by MmListViewDataBindingDirective) */
     setLoading(loading: boolean): void;
@@ -1012,6 +1049,12 @@ declare class MmListViewDataBindingDirective extends DataBindingDirective implem
      * Syncs the grid's filter into the DataBindingDirective state before rebinding.
      */
     notifyFilterChange(filter: CompositeFilterDescriptor): void;
+    /**
+     * Applies a programmatic page-size change (fit-to-height mode of mm-list-view).
+     * The inherited setters sync grid and query state; `skip` is realigned to the
+     * new page grid so the pager stays on a valid page, then the data is refetched.
+     */
+    applyPageSize(take: number): void;
     rebind(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MmListViewDataBindingDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MmListViewDataBindingDirective, "[mmListViewDataBinding]", never, {}, {}, never, never, true, never>;