@openmfp/ngx 0.16.2 → 0.17.0

package/package.json

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

package/types/openmfp-ngx.d.ts

@@ -2,7 +2,6 @@ import * as _angular_core from '@angular/core';
 import { OnInit, OnDestroy, Type } from '@angular/core';
 import { FormGroup, FormControl } from '@angular/forms';
 import * as _openmfp_ngx from '@openmfp/ngx';
-import { Input } from '@fundamental-ngx/ui5-webcomponents/input';
 import { SafeHtml } from '@angular/platform-browser';
 import { GridStackOptions } from 'gridstack';
 
@@ -167,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`. */
@@ -300,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. */
@@ -336,6 +355,11 @@ interface TableCardSearchConfig {
      * emitting `searchChanged`. Later changes to this value have no effect.
      */
     initialSearch?: string;
+    /**
+     * Placeholder text shown in the always-visible search input to prompt
+     * searching. Defaults to `Search` when omitted.
+     */
+    placeholder?: string;
     /**
      * Predefined filters rendered as a horizontal tab strip above the table.
      * Omit (or pass an empty array) to hide the strip while keeping the search
@@ -374,7 +398,6 @@ interface TableCardConfig {
     deleteResourceConfirmationConfig?: DeleteResourceConfirmationConfig;
 }
 
-type SearchState = 'collapsed' | 'expanded' | 'collapsing';
 declare class DeclarativeTableCard<T extends GenericResource> {
     resources: _angular_core.InputSignal<T[]>;
     config: _angular_core.InputSignal<TableCardConfig>;
@@ -384,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<{
@@ -397,11 +421,7 @@ declare class DeclarativeTableCard<T extends GenericResource> {
     }>;
     readonly deleteSubmit: _angular_core.OutputEmitterRef<T>;
     readonly filterTabChanged: _angular_core.OutputEmitterRef<FieldFilterDefinition | undefined>;
-    protected searchState: _angular_core.WritableSignal<SearchState>;
-    protected searchExpanded: _angular_core.Signal<boolean>;
-    protected searchCollapsing: _angular_core.Signal<boolean>;
     protected searchControl: FormControl<string | null>;
-    protected searchInputRef: _angular_core.Signal<Input | undefined>;
     protected createDialogOpen: _angular_core.WritableSignal<boolean>;
     protected editDialogOpen: _angular_core.WritableSignal<boolean>;
     protected deleteDialogOpen: _angular_core.WritableSignal<boolean>;
@@ -418,15 +438,12 @@ declare class DeclarativeTableCard<T extends GenericResource> {
     protected editInitialValue: _angular_core.Signal<Record<string, unknown>>;
     protected searchConfig: _angular_core.Signal<_openmfp_ngx.TableCardSearchConfig | undefined>;
     protected resourcesSearchable: _angular_core.Signal<boolean>;
+    protected searchPlaceholder: _angular_core.Signal<string>;
     protected filterTabs: _angular_core.Signal<FieldFilterDefinition[]>;
     protected hasFilterTabs: _angular_core.Signal<boolean>;
-    private readonly injector;
     constructor();
     protected onFilterTabChanged(tab: FieldFilterDefinition | undefined): void;
-    toggleSearch(): void;
-    onSearchBlur(): void;
-    onSearchAnimationEnd(): void;
-    private collapseSearch;
+    submitSearch(): void;
     onButtonClick(event: ResourceFieldButtonClickEvent<T>): void;
     closeCreateDialog(): void;
     closeEditDialog(): void;
@@ -440,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';