@openmfp/ngx 0.10.3 → 0.10.5

package/package.json

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

package/types/openmfp-ngx.d.ts

@@ -25,14 +25,21 @@ interface PropertyField {
     /** Ordered list of transforms applied to the resolved string. */
     transform?: TransformType[];
 }
+/** Appearance settings for tag chip rendering. */
+interface TagSettings {
+    design?: 'Neutral' | 'Positive' | 'Critical' | 'Negative' | 'Information' | 'Set1' | 'Set2';
+    colorScheme?: '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10';
+    /** Delimiter used to split a plain-string value into individual tags. Default: `','`. */
+    separator?: string;
+}
 /** Display and interaction settings for a table cell. */
 interface UiSettings {
-    /** When `true`, renders the cell value as a styled badge (blue pill). */
-    labelDisplay?: boolean;
     /** How the cell value is rendered. Defaults to plain text when omitted. */
-    displayAs?: 'secret' | 'boolIcon' | 'link' | 'tooltip' | 'alert' | 'img' | 'button';
+    displayAs?: 'secret' | 'boolIcon' | 'link' | 'tooltip' | 'alert' | 'img' | 'button' | 'tag';
     /** Button appearance and action — only used when `displayAs` is `'button'`. */
     buttonSettings?: ButtonSettings;
+    /** Tag chip configuration — only used when `displayAs` is `'tag'`. */
+    tagSettings?: TagSettings;
     /** SAP UI5 icon name shown as the tooltip trigger icon. */
     tooltipIcon?: string;
     /** When `true`, a copy-to-clipboard button is rendered next to the value. */
@@ -436,8 +443,10 @@ declare class Dashboard implements OnInit, OnDestroy {
     private sectionsSnapshot;
     private cardsSnapshot;
     private gridStackItems;
+    private addCardBtn;
     private resizeObserver?;
     private readonly hostEl;
+    private readonly injector;
     protected gridOptions: _angular_core.Signal<GridStackOptions>;
     cardDialogOpen: _angular_core.WritableSignal<boolean>;
     customActions: _angular_core.Signal<ButtonSettings[]>;
@@ -529,9 +538,8 @@ declare class ValueCell<T extends GenericResource, F extends FieldDefinition> {
     readonly buttonClick: _angular_core.OutputEmitterRef<ValueCellButtonClickEvent<T>>;
     value: _angular_core.Signal<any>;
     uiSettings: _angular_core.Signal<_openmfp_ngx.UiSettings | undefined>;
-    displayAs: _angular_core.Signal<"secret" | "boolIcon" | "link" | "tooltip" | "alert" | "img" | "button" | undefined>;
+    displayAs: _angular_core.Signal<"secret" | "boolIcon" | "link" | "tooltip" | "alert" | "img" | "button" | "tag" | undefined>;
     withCopyButton: _angular_core.Signal<boolean | undefined>;
-    labelDisplay: _angular_core.Signal<boolean | undefined>;
     cssCustomization: _angular_core.Signal<Partial<CSSStyleDeclaration> | undefined>;
     tooltipIcon: _angular_core.Signal<string | undefined>;
     cssRules: _angular_core.Signal<Partial<CSSStyleDeclaration>>;
@@ -1058,10 +1066,13 @@ declare class ValueCell<T extends GenericResource, F extends FieldDefinition> {
     testId: _angular_core.Signal<string>;
     boolValue: _angular_core.Signal<boolean | undefined>;
     stringValue: _angular_core.Signal<string | undefined>;
+    tags: _angular_core.Signal<string[]>;
     isVisible: _angular_core.WritableSignal<boolean>;
+    copySuccess: _angular_core.WritableSignal<boolean>;
     toggleVisibility(e: Event): void;
     private normalizeBoolean;
     private normalizeString;
+    private normalizeTagsArray;
     private checkValidUrl;
     copyValue(event: Event): void;
     protected buttonClicked(event: MouseEvent): void;
@@ -1099,6 +1110,14 @@ declare class SecretValue {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SecretValue, "mfp-secret-value", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "isVisible": { "alias": "isVisible"; "required": false; "isSignal": true; }; "testId": { "alias": "testId"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare class TagListValue {
+    tags: _angular_core.InputSignal<string[]>;
+    tagSettings: _angular_core.InputSignal<TagSettings | undefined>;
+    testId: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TagListValue, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TagListValue, "mfp-tag-list-value", never, { "tags": { "alias": "tags"; "required": true; "isSignal": true; }; "tagSettings": { "alias": "tagSettings"; "required": false; "isSignal": true; }; "testId": { "alias": "testId"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare class VisitedServiceCard {
     serviceType: _angular_core.InputSignal<string>;
     serviceName: _angular_core.InputSignal<string>;
@@ -1152,5 +1171,5 @@ declare class WhatsNew {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<WhatsNew, "mfp-whats-new", never, {}, {}, never, never, true, never>;
 }
 
-export { AddCardDialog, BooleanValue, CARD_TYPES, Dashboard, DashboardCard, DashboardSection, DeclarativeForm, DeclarativeTable, DeclarativeTableCard, Favorites, LinkValue, SecretValue, ServiceStatusCard, ValueCell, VisitedServiceCard, WhatsNew };
+export { AddCardDialog, BooleanValue, CARD_TYPES, Dashboard, DashboardCard, DashboardSection, DeclarativeForm, DeclarativeTable, DeclarativeTableCard, Favorites, LinkValue, SecretValue, ServiceStatusCard, TagListValue, ValueCell, VisitedServiceCard, WhatsNew };
 export type { ButtonSettings, CardConfig, CardsType, CssRule, CssRuleCondition, DashboardButtonsSettings, DashboardConfig, DeleteResourceConfirmationConfig, FieldDefinition, FormFieldChangeEvent, FormFieldDefinition, FormFieldErrors, GenericResource, IconDesignType, ModalSettings, PropertyField, ResourceFormConfig, SectionConfig, ServiceStatusItem, ServiceStatusValue, TableCardButtonSettings, TableCardConfig, TableCardFormState, TableConfig, TableFieldDefinition, TransformType, UiSettings, ValueCellButtonClickEvent };