@openmfp/ngx 0.16.3 → 0.17.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openmfp/ngx",
-  "version": "0.16.3",
+  "version": "0.17.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/openmfp/webcomponents.git"

package/types/openmfp-ngx.d.ts

@@ -166,18 +166,30 @@ declare class DeclarativeTable<T extends GenericResource> {
     totalItemsCount: _angular_core.InputSignal<number | undefined>;
     paginationLimit: _angular_core.InputSignal<number>;
     hasMore: _angular_core.InputSignal<boolean>;
-    growMode: _angular_core.InputSignal<"Scroll" | "Button">;
+    loadMode: _angular_core.InputSignal<"button" | "scroll" | "pager">;
     loadMoreButtonText: _angular_core.InputSignal<string>;
     height: _angular_core.InputSignal<number | undefined>;
+    currentPage: _angular_core.InputSignal<number>;
     readonly buttonClick: _angular_core.OutputEmitterRef<ResourceFieldButtonClickEvent<T>>;
     readonly tableRowClicked: _angular_core.OutputEmitterRef<T>;
     readonly loadMoreResources: _angular_core.OutputEmitterRef<void>;
     readonly paginationLimitChanged: _angular_core.OutputEmitterRef<number>;
+    readonly pageChange: _angular_core.OutputEmitterRef<number>;
     columnTrackBy: (column: TableFieldDefinition, index: number) => string | number | string[];
     rowTrackBy: (_index: number, item: T) => unknown;
     viewColumns: _angular_core.Signal<ProcessedTableFieldDefinition[]>;
+    isPagerMode: _angular_core.Signal<boolean>;
+    hasResults: _angular_core.Signal<boolean>;
+    totalPages: _angular_core.Signal<number>;
+    canPrev: _angular_core.Signal<boolean>;
+    canNext: _angular_core.Signal<boolean>;
+    goToPage(page: number): void;
+    firstPage: () => void;
+    prevPage: () => void;
+    nextPage: () => void;
+    lastPage: () => void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DeclarativeTable<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DeclarativeTable<any>, "mfp-declarative-table", never, { "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "resources": { "alias": "resources"; "required": true; "isSignal": true; }; "trackByPath": { "alias": "trackByPath"; "required": false; "isSignal": true; }; "totalItemsCount": { "alias": "totalItemsCount"; "required": false; "isSignal": true; }; "paginationLimit": { "alias": "paginationLimit"; "required": false; "isSignal": true; }; "hasMore": { "alias": "hasMore"; "required": false; "isSignal": true; }; "growMode": { "alias": "growMode"; "required": false; "isSignal": true; }; "loadMoreButtonText": { "alias": "loadMoreButtonText"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, { "buttonClick": "buttonClick"; "tableRowClicked": "tableRowClicked"; "loadMoreResources": "loadMoreResources"; "paginationLimitChanged": "paginationLimitChanged"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DeclarativeTable<any>, "mfp-declarative-table", never, { "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "resources": { "alias": "resources"; "required": true; "isSignal": true; }; "trackByPath": { "alias": "trackByPath"; "required": false; "isSignal": true; }; "totalItemsCount": { "alias": "totalItemsCount"; "required": false; "isSignal": true; }; "paginationLimit": { "alias": "paginationLimit"; "required": false; "isSignal": true; }; "hasMore": { "alias": "hasMore"; "required": false; "isSignal": true; }; "loadMode": { "alias": "loadMode"; "required": false; "isSignal": true; }; "loadMoreButtonText": { "alias": "loadMoreButtonText"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; }, { "buttonClick": "buttonClick"; "tableRowClicked": "tableRowClicked"; "loadMoreResources": "loadMoreResources"; "paginationLimitChanged": "paginationLimitChanged"; "pageChange": "pageChange"; }, never, never, true, never>;
 }
 
 /** Definition for a single form field rendered by `mfp-declarative-form`. */
@@ -299,12 +311,20 @@ interface TableConfig {
     fields: TableFieldDefinition[];
     /** Total number of items on the server (used by pagination). */
     totalItemsCount?: number;
-    /** Number of rows per page. */
+    /** Page size in `pager` mode; batch size for the grow modes otherwise. */
     paginationLimit?: number;
-    /** When `true`, the "Load More" control is shown. */
+    /** 1-based current page. Only used when `loadMode` is `'pager'`. */
+    currentPage?: number;
+    /** When `true`, the "Load More" control is shown. Grow modes only. */
     hasMore?: boolean;
     height?: number;
-    growMode?: 'Scroll' | 'Button';
+    /**
+     * How additional rows are presented:
+     * - `'scroll'` / `'button'` — grow the list in place via `ui5-table-growing`.
+     * - `'pager'` — classic arrow pager (first/prev/next/last) emitting `pageChange`.
+     */
+    loadMode?: 'scroll' | 'button' | 'pager';
+    /** Text on the grow "Load More" button. Grow modes only. */
     loadMoreButtonText?: string;
 }
 /** Overrides for the table card's built-in action buttons. */
@@ -387,6 +407,7 @@ declare class DeclarativeTableCard<T extends GenericResource> {
     readonly tableRowClicked: _angular_core.OutputEmitterRef<T>;
     readonly loadMoreResources: _angular_core.OutputEmitterRef<void>;
     readonly paginationLimitChanged: _angular_core.OutputEmitterRef<number>;
+    readonly pageChange: _angular_core.OutputEmitterRef<number>;
     readonly searchChanged: _angular_core.OutputEmitterRef<string>;
     readonly createFieldChange: _angular_core.OutputEmitterRef<FormFieldChangeEvent>;
     readonly editFieldChange: _angular_core.OutputEmitterRef<{
@@ -436,7 +457,7 @@ declare class DeclarativeTableCard<T extends GenericResource> {
     private addActionsColumn;
     private buildInitialValues;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DeclarativeTableCard<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DeclarativeTableCard<any>, "mfp-declarative-table-card", never, { "resources": { "alias": "resources"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; "createFormState": { "alias": "createFormState"; "required": false; "isSignal": true; }; "editFormState": { "alias": "editFormState"; "required": false; "isSignal": true; }; }, { "actionButtonClick": "actionButtonClick"; "tableRowClicked": "tableRowClicked"; "loadMoreResources": "loadMoreResources"; "paginationLimitChanged": "paginationLimitChanged"; "searchChanged": "searchChanged"; "createFieldChange": "createFieldChange"; "editFieldChange": "editFieldChange"; "createSubmit": "createSubmit"; "editSubmit": "editSubmit"; "deleteSubmit": "deleteSubmit"; "filterTabChanged": "filterTabChanged"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DeclarativeTableCard<any>, "mfp-declarative-table-card", never, { "resources": { "alias": "resources"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; "createFormState": { "alias": "createFormState"; "required": false; "isSignal": true; }; "editFormState": { "alias": "editFormState"; "required": false; "isSignal": true; }; }, { "actionButtonClick": "actionButtonClick"; "tableRowClicked": "tableRowClicked"; "loadMoreResources": "loadMoreResources"; "paginationLimitChanged": "paginationLimitChanged"; "pageChange": "pageChange"; "searchChanged": "searchChanged"; "createFieldChange": "createFieldChange"; "editFieldChange": "editFieldChange"; "createSubmit": "createSubmit"; "editSubmit": "editSubmit"; "deleteSubmit": "deleteSubmit"; "filterTabChanged": "filterTabChanged"; }, never, never, true, never>;
 }
 
 type DashboardLanguage = 'en' | 'de';