@openmfp/ngx 0.10.5 → 0.11.0

package/package.json

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

package/types/openmfp-ngx.d.ts

@@ -30,7 +30,7 @@ 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;
+    valueSeparator?: string;
 }
 /** Display and interaction settings for a table cell. */
 interface UiSettings {
@@ -95,7 +95,7 @@ interface CssRule {
     styles: Partial<CSSStyleDeclaration>;
 }
 /** Event payload emitted when a button inside a table cell is clicked. */
-interface ValueCellButtonClickEvent<T extends GenericResource> {
+interface ResourceFieldButtonClickEvent<T extends GenericResource> {
     /** Original DOM click event. */
     event: MouseEvent;
     /** The field definition of the button cell that was clicked. */
@@ -151,7 +151,7 @@ declare class DeclarativeTable<T extends GenericResource> {
     growMode: _angular_core.InputSignal<"Scroll" | "Button" | undefined>;
     loadMoreButtonText: _angular_core.InputSignal<string | undefined>;
     height: _angular_core.InputSignal<number | undefined>;
-    readonly buttonClick: _angular_core.OutputEmitterRef<ValueCellButtonClickEvent<T>>;
+    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>;
@@ -187,12 +187,12 @@ interface FormFieldChangeEvent {
 /** Map of field names to their current validation error messages (`null` = no error). */
 type FormFieldErrors = Record<string, string | null>;
 
-declare class DeclarativeForm {
+declare class DeclarativeForm<T extends GenericResource> {
     readonly fields: _angular_core.InputSignal<FormFieldDefinition[]>;
-    readonly initialValues: _angular_core.InputSignal<Record<string, unknown>>;
+    readonly initialValues: _angular_core.InputSignal<T>;
     readonly fieldErrors: _angular_core.InputSignal<FormFieldErrors>;
     readonly fieldChange: _angular_core.OutputEmitterRef<FormFieldChangeEvent>;
-    readonly formSubmit: _angular_core.OutputEmitterRef<Record<string, unknown>>;
+    readonly formSubmit: _angular_core.OutputEmitterRef<T>;
     readonly form: FormGroup;
     private readonly fb;
     constructor();
@@ -205,8 +205,8 @@ declare class DeclarativeForm {
     private rebuildControls;
     private setInitialValues;
     private buildOutputValue;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DeclarativeForm, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DeclarativeForm, "mfp-declarative-form", never, { "fields": { "alias": "fields"; "required": true; "isSignal": true; }; "initialValues": { "alias": "initialValues"; "required": false; "isSignal": true; }; "fieldErrors": { "alias": "fieldErrors"; "required": false; "isSignal": true; }; }, { "fieldChange": "fieldChange"; "formSubmit": "formSubmit"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DeclarativeForm<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DeclarativeForm<any>, "mfp-declarative-form", never, { "fields": { "alias": "fields"; "required": true; "isSignal": true; }; "initialValues": { "alias": "initialValues"; "required": false; "isSignal": true; }; "fieldErrors": { "alias": "fieldErrors"; "required": false; "isSignal": true; }; }, { "fieldChange": "fieldChange"; "formSubmit": "formSubmit"; }, never, never, true, never>;
 }
 
 /** Configuration for the create/edit resource form rendered inside the table card dialogs. */
@@ -287,7 +287,7 @@ declare class DeclarativeTableCard<T extends GenericResource> {
     config: _angular_core.InputSignal<TableCardConfig>;
     createFormState: _angular_core.InputSignal<TableCardFormState>;
     editFormState: _angular_core.InputSignal<TableCardFormState>;
-    readonly actionButtonClick: _angular_core.OutputEmitterRef<ValueCellButtonClickEvent<T>>;
+    readonly actionButtonClick: _angular_core.OutputEmitterRef<ResourceFieldButtonClickEvent<T>>;
     readonly tableRowClicked: _angular_core.OutputEmitterRef<T>;
     readonly loadMoreResources: _angular_core.OutputEmitterRef<void>;
     readonly paginationLimitChanged: _angular_core.OutputEmitterRef<number>;
@@ -297,7 +297,7 @@ declare class DeclarativeTableCard<T extends GenericResource> {
         resource: T;
         formChangeEvent: FormFieldChangeEvent;
     }>;
-    readonly createSubmit: _angular_core.OutputEmitterRef<Record<string, unknown>>;
+    readonly createSubmit: _angular_core.OutputEmitterRef<T>;
     readonly editSubmit: _angular_core.OutputEmitterRef<{
         resource: T;
         value: Record<string, unknown>;
@@ -328,13 +328,13 @@ declare class DeclarativeTableCard<T extends GenericResource> {
     onSearchBlur(): void;
     onSearchAnimationEnd(): void;
     private collapseSearch;
-    onButtonClick(event: ValueCellButtonClickEvent<T>): void;
+    onButtonClick(event: ResourceFieldButtonClickEvent<T>): void;
     closeCreateDialog(): void;
     closeEditDialog(): void;
     closeDeleteDialog(): void;
     onCreateFieldChange(event: FormFieldChangeEvent): void;
     onEditFieldChange(event: FormFieldChangeEvent): void;
-    onCreateSubmit(value: Record<string, unknown>): void;
+    onCreateSubmit(value: T): void;
     onEditSubmit(value: Record<string, unknown>): void;
     onDeleteSubmit(): void;
     protected hasErrors(state: TableCardFormState): boolean;
@@ -486,25 +486,31 @@ declare class Dashboard implements OnInit, OnDestroy {
     removeCard(id: string): void;
     openCardPanel(): void;
     closeCardPanel(): void;
-    onCardsAdded(cards: CardConfig[]): void;
+    onCardsEdited(event: {
+        added: CardConfig[];
+        removed: string[];
+    }): void;
     onOrderChange(event: nodesCB): void;
     private saveCardsPosition;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Dashboard, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<Dashboard, "mfp-dashboard", never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; "sections": { "alias": "sections"; "required": false; "isSignal": true; }; "cards": { "alias": "cards"; "required": false; "isSignal": true; }; "availableCards": { "alias": "availableCards"; "required": false; "isSignal": true; }; }, { "sections": "sectionsChange"; "cards": "cardsChange"; "saved": "saved"; "actionButtonClick": "actionButtonClick"; }, never, ["[slot=dashboard-subheader]"], true, never>;
 }
 
-declare class AddCardDialog {
+declare class EditCardsDialog {
     availableCards: _angular_core.InputSignal<CardConfig[]>;
     addedCardsIds: _angular_core.InputSignal<Set<string>>;
     open: _angular_core.InputSignal<boolean>;
-    readonly confirm: _angular_core.OutputEmitterRef<CardConfig[]>;
+    readonly confirm: _angular_core.OutputEmitterRef<{
+        added: CardConfig[];
+        removed: string[];
+    }>;
     readonly cancelled: _angular_core.OutputEmitterRef<void>;
     selectedIds: _angular_core.WritableSignal<Set<string>>;
     constructor();
     toggle(id: string): void;
-    confirmAdd(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AddCardDialog, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AddCardDialog, "mfp-add-card-dialog", never, { "availableCards": { "alias": "availableCards"; "required": false; "isSignal": true; }; "addedCardsIds": { "alias": "addedCardsIds"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "confirm": "confirm"; "cancelled": "cancelled"; }, never, never, true, never>;
+    confirmSave(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EditCardsDialog, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EditCardsDialog, "mfp-edit-cards-dialog", never, { "availableCards": { "alias": "availableCards"; "required": false; "isSignal": true; }; "addedCardsIds": { "alias": "addedCardsIds"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "confirm": "confirm"; "cancelled": "cancelled"; }, never, never, true, never>;
 }
 
 declare class DashboardCard {
@@ -532,10 +538,10 @@ declare class DashboardSection {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DashboardSection, "mfp-dashboard-section", never, { "section": { "alias": "section"; "required": true; "isSignal": true; }; "cards": { "alias": "cards"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "editMode": { "alias": "editMode"; "required": false; "isSignal": true; }; }, { "removeSection": "removeSection"; "removeCard": "removeCard"; }, never, never, true, never>;
 }
 
-declare class ValueCell<T extends GenericResource, F extends FieldDefinition> {
+declare class ResourceField<T extends GenericResource, F extends FieldDefinition> {
     fieldDefinition: _angular_core.InputSignal<F>;
     resource: _angular_core.InputSignal<T | undefined>;
-    readonly buttonClick: _angular_core.OutputEmitterRef<ValueCellButtonClickEvent<T>>;
+    readonly buttonClick: _angular_core.OutputEmitterRef<ResourceFieldButtonClickEvent<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" | "tag" | undefined>;
@@ -1076,8 +1082,8 @@ declare class ValueCell<T extends GenericResource, F extends FieldDefinition> {
     private checkValidUrl;
     copyValue(event: Event): void;
     protected buttonClicked(event: MouseEvent): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ValueCell<any, any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ValueCell<any, any>, "mfp-value-cell", never, { "fieldDefinition": { "alias": "fieldDefinition"; "required": true; "isSignal": true; }; "resource": { "alias": "resource"; "required": false; "isSignal": true; }; }, { "buttonClick": "buttonClick"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ResourceField<any, any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ResourceField<any, any>, "mfp-resource-field", never, { "fieldDefinition": { "alias": "fieldDefinition"; "required": true; "isSignal": true; }; "resource": { "alias": "resource"; "required": false; "isSignal": true; }; }, { "buttonClick": "buttonClick"; }, never, never, true, never>;
 }
 
 declare const ICON_DESIGN_POSITIVE = "Positive";
@@ -1171,5 +1177,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, 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 };
+export { BooleanValue, CARD_TYPES, Dashboard, DashboardCard, DashboardSection, DeclarativeForm, DeclarativeTable, DeclarativeTableCard, EditCardsDialog, 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 };