@breadstone/mosaik-elements-angular 0.0.194 → 0.0.196

package/CHANGELOG.md

@@ -1,3 +1,22 @@
+## 0.0.196 (2025-12-05)
+
+### 🚀 Features
+
+- **SignalFormValidator:** mark fields as touched during validation ([662b6f9dbe](https://github.com/RueDeRennes/mosaik/commit/662b6f9dbe))
+- **event-hub:** add Event Hub pattern implementation for Angular 2025 ([88dc4f7404](https://github.com/RueDeRennes/mosaik/commit/88dc4f7404))
+
+### 🩹 Fixes
+
+- **keywords:** add Event Bus and Message Bus to event hub documentation ([69cafcf76f](https://github.com/RueDeRennes/mosaik/commit/69cafcf76f))
+
+## 0.0.195 (2025-12-03)
+
+### 🩹 Fixes
+
+- **FormFieldDirective:** remove unnecessary @required annotation from fieldState ([77df1cf897](https://github.com/RueDeRennes/mosaik/commit/77df1cf897))
+- **FormFieldStatusDirective:** inject FIELD and update host element handling ([f8c4c2001f](https://github.com/RueDeRennes/mosaik/commit/f8c4c2001f))
+- **package:** add missing newline at end of file in package.json ([a9bf15349b](https://github.com/RueDeRennes/mosaik/commit/a9bf15349b))
+
 ## 0.0.194 (2025-12-03)
 
 ### 🩹 Fixes

package/fesm2022/mosaik-elements-angular.mjs

@@ -2469,24 +2469,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
  * If no Signal Forms field is bound, the directive stays inactive.
  */
 class FormFieldStatusDirective {
-    host = inject((ElementRef)).nativeElement;
-    /**
-     * Provided by Angular when `[field]` is present on the same element.
-     * `null` if the element is not bound to a Signal Forms field.
-     */
-    fieldState = inject(FIELD, { optional: true });
+    _host;
+    _field;
     constructor() {
+        this._host = inject((ElementRef)).nativeElement;
+        this._field = inject(FIELD, { optional: true });
         effect(() => {
             // Prevent Angular from tracking the null-case.
             // We only want reactivity when a field is really present.
-            const field = untracked(() => this.fieldState);
+            const field = untracked(() => this._field);
             if (!field) {
                 return;
             }
             const state = field.state();
             const isInvalid = state.invalid() && state.touched();
-            if ('invalid' in this.host) {
-                this.host.invalid = isInvalid;
+            if ('invalid' in this._host) {
+                this._host.invalid = isInvalid;
             }
         });
     }
@@ -60615,6 +60613,7 @@ class SignalFormValidator {
         const issues = [];
         // Traverse and collect individual issues
         this.traverse(form, '', (path, field) => {
+            field.markAsTouched();
             const errs = field.errors();
             if (errs.length > 0) {
                 const issue = {
@@ -61833,7 +61832,6 @@ class FormFieldDirective {
     /**
      * The FieldState to observe for validation errors.
      *
-     * @required
      * @public
      * @example
      * ```html
@@ -61842,7 +61840,7 @@ class FormFieldDirective {
      * </mosaik-form-field>
      * ```
      */
-    fieldState = input.required({ ...(ngDevMode ? { debugName: "fieldState" } : {}) });
+    fieldState = input(undefined, { ...(ngDevMode ? { debugName: "fieldState" } : {}) });
     //#endregion
     //#region Methods
     /**
@@ -61872,7 +61870,7 @@ class FormFieldDirective {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: FormFieldDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.2", type: FormFieldDirective, isStandalone: true, selector: "mosaik-form-field", inputs: { fieldState: { classPropertyName: "fieldState", publicName: "fieldState", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.2", type: FormFieldDirective, isStandalone: true, selector: "mosaik-form-field", inputs: { fieldState: { classPropertyName: "fieldState", publicName: "fieldState", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: FormFieldDirective, decorators: [{
             type: Directive,
@@ -61880,7 +61878,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
                     // applies to your custom element
                     selector: 'mosaik-form-field'
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { fieldState: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldState", required: true }] }] } });
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { fieldState: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldState", required: false }] }] } });
 
 // #region Imports
 // #endregion