@openmfp/ngx 0.13.1 → 0.14.1

package/package.json

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

package/types/openmfp-ngx.d.ts

@@ -49,6 +49,8 @@ interface UiSettings {
     cssCustomization?: Partial<CSSStyleDeclaration>;
     /** Conditional CSS rules evaluated against the cell value at render time. */
     cssRules?: CssRule[];
+    /** Conditional value rules evaluated at render time. First match replaces the displayed value; raw value shown when none match. */
+    valueRules?: ValueRule[];
     /** Fixed column width including unit (e.g. `'200px'`, `'20%'`). */
     columnWidth?: string;
     align?: 'start' | 'center' | 'end';
@@ -83,18 +85,28 @@ interface ModalSettings {
     /** Explicit height override. */
     height?: string;
 }
-/** Comparison operator used in a conditional CSS rule. */
-type CssRuleCondition = 'equals' | 'notEquals' | 'greaterThan' | 'greaterThanOrEqual' | 'lessThan' | 'lessThanOrEqual' | 'contains';
+/** Comparison operator used in conditional CSS and value rules. */
+type RuleCondition = 'equals' | 'notEquals' | 'greaterThan' | 'greaterThanOrEqual' | 'lessThan' | 'lessThanOrEqual' | 'contains';
 /** Conditional CSS rule: applies `styles` to the cell when `if` evaluates to `true`. */
 interface CssRule {
     /** Condition evaluated against the cell's string value. */
     if: {
-        condition: CssRuleCondition;
+        condition: RuleCondition;
         value: string;
     };
     /** CSS properties applied when the condition is met. */
     styles: Partial<CSSStyleDeclaration>;
 }
+/** Conditional value rule: when `if` evaluates to `true`, the cell renders `then` instead of the raw value. First match wins. */
+interface ValueRule {
+    /** Condition evaluated against the cell's string value. */
+    if: {
+        condition: RuleCondition;
+        value: string;
+    };
+    /** Display string used when the condition is met. */
+    then: string;
+}
 /** Event payload emitted when a button inside a table cell is clicked. */
 interface ResourceFieldButtonClickEvent<T extends GenericResource> {
     /** Original DOM click event. */
@@ -1146,6 +1158,7 @@ declare class ResourceField<T extends GenericResource, F extends FieldDefinition
         setProperty?: ((property: string, value: string | null, priority?: string) => void) | undefined;
         [Symbol.iterator]?: (() => ArrayIterator<string>) | undefined;
     }>;
+    displayValue: _angular_core.Signal<string>;
     isBoolLike: _angular_core.Signal<boolean>;
     isUrlValue: _angular_core.Signal<boolean>;
     testId: _angular_core.Signal<string>;
@@ -1257,4 +1270,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, CssRuleCondition, DashboardButtonsSettings, DashboardConfig, DeleteResourceConfirmationConfig, FieldDefinition, FormFieldChangeEvent, FormFieldDefinition, FormFieldErrors, GenericResource, IconDesignType, ModalSettings, PropertyField, ResourceFieldButtonClickEvent, ResourceFormConfig, SectionConfig, ServiceStatusItem, ServiceStatusValue, TableCardButtonSettings, TableCardConfig, TableCardFormState, TableConfig, TableFieldDefinition, TransformType, UiSettings };
+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 };