@openmfp/ngx 0.14.0 → 0.14.2

package/package.json

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

package/types/openmfp-ngx.d.ts

@@ -249,6 +249,27 @@ interface DeleteResourceConfirmationConfig {
     /** Label for the cancel button. */
     cancelLabel?: string;
 }
+/**
+ * One entry in the {@link TableCardConfig.filterTabs} strip rendered above the
+ * table. Clicking a tab activates that filter; the host receives the selected
+ * definition via the `filterTabChanged` output and is responsible for applying
+ * the filter to its data set.
+ *
+ * The strip renders exactly the array of `FieldFilterDefinition` it receives
+ * — no extra "All" / no-filter tab is auto-added. If the host wants such an
+ * option it must author it as a regular filter entry (e.g.
+ * `{ label: 'All', property: '<some-field>', value: '*' }`).
+ */
+interface FieldFilterDefinition {
+    /** Visible label rendered as the tab text. */
+    label: string;
+    /** Name of the property the value applies to. Passed through to the host. */
+    property: string;
+    /** Value compared against `property` when the host applies the filter. */
+    value: string;
+    /** When `true`, this tab is selected on initial render; otherwise the first tab is. */
+    default?: boolean;
+}
 /** Configuration for the inner `mfp-declarative-table`. */
 interface TableConfig {
     /** Column definitions. */
@@ -292,6 +313,11 @@ interface TableCardConfig {
     editResourceFormConfig?: ResourceFormConfig;
     /** When set, enables per-row "Delete" button and confirmation dialog. */
     deleteResourceConfirmationConfig?: DeleteResourceConfirmationConfig;
+    /**
+     * Predefined filters rendered as a horizontal tab strip above the table.
+     * Omit (or pass an empty array) to hide the strip entirely.
+     */
+    filterTabs?: FieldFilterDefinition[];
 }
 
 type SearchState = 'collapsed' | 'expanded' | 'collapsing';
@@ -316,6 +342,7 @@ declare class DeclarativeTableCard<T extends GenericResource> {
         value: Record<string, unknown>;
     }>;
     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>;
@@ -335,8 +362,13 @@ declare class DeclarativeTableCard<T extends GenericResource> {
     protected searchButtonConfig: _angular_core.Signal<Partial<_openmfp_ngx.ButtonSettings> | undefined>;
     protected effectiveColumns: _angular_core.Signal<TableFieldDefinition[]>;
     protected editInitialValue: _angular_core.Signal<Record<string, unknown>>;
+    /** Filter-tab definitions for the strip rendered above the table. */
+    protected filterTabs: _angular_core.Signal<FieldFilterDefinition[]>;
+    /** Whether the tab strip should render at all. */
+    protected hasFilterTabs: _angular_core.Signal<boolean>;
     private readonly injector;
     constructor();
+    protected onFilterTabChanged(tab: FieldFilterDefinition | undefined): void;
     toggleSearch(): void;
     onSearchBlur(): void;
     onSearchAnimationEnd(): void;
@@ -354,7 +386,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"; }, 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"; "searchChanged": "searchChanged"; "createFieldChange": "createFieldChange"; "editFieldChange": "editFieldChange"; "createSubmit": "createSubmit"; "editSubmit": "editSubmit"; "deleteSubmit": "deleteSubmit"; "filterTabChanged": "filterTabChanged"; }, never, never, true, never>;
 }
 
 type DashboardLanguage = 'en' | 'de';
@@ -1270,4 +1302,4 @@ declare class WhatsNew {
 }
 
 export { BooleanValue, CARD_TYPES, Dashboard, DeclarativeForm, DeclarativeTable, DeclarativeTableCard, Favorites, LinkValue, ResourceField, SecretValue, ServiceStatusCard, TagListValue, VisitedServiceCard, WhatsNew };
-export type { ButtonSettings, CardConfig, CardsType, CssRule, DashboardButtonsSettings, DashboardConfig, DeleteResourceConfirmationConfig, FieldDefinition, FormFieldChangeEvent, FormFieldDefinition, FormFieldErrors, GenericResource, IconDesignType, ModalSettings, PropertyField, ResourceFieldButtonClickEvent, ResourceFormConfig, RuleCondition, SectionConfig, ServiceStatusItem, ServiceStatusValue, TableCardButtonSettings, TableCardConfig, TableCardFormState, TableConfig, TableFieldDefinition, TransformType, UiSettings, ValueRule };
+export type { ButtonSettings, CardConfig, CardsType, CssRule, DashboardButtonsSettings, DashboardConfig, DeleteResourceConfirmationConfig, FieldDefinition, FieldFilterDefinition, FormFieldChangeEvent, FormFieldDefinition, FormFieldErrors, GenericResource, IconDesignType, ModalSettings, PropertyField, ResourceFieldButtonClickEvent, ResourceFormConfig, RuleCondition, SectionConfig, ServiceStatusItem, ServiceStatusValue, TableCardButtonSettings, TableCardConfig, TableCardFormState, TableConfig, TableFieldDefinition, TransformType, UiSettings, ValueRule };