@breadstone/mosaik-elements-angular 0.0.187 → 0.0.188

package/CHANGELOG.md

@@ -1,3 +1,14 @@
+## 0.0.188 (2025-12-02)
+
+### 🚀 Features
+
+- **directives:** update FormFieldDirective to improve error handling and usage documentation ([7c07bb43fd](https://github.com/RueDeRennes/mosaik/commit/7c07bb43fd))
+
+### 🩹 Fixes
+
+- **directives:** rename applyError to setError for clarity in FormFieldDirective ([747560c657](https://github.com/RueDeRennes/mosaik/commit/747560c657))
+- **directives:** enhance error handling in FormFieldDirective to check for invalid state ([3b098ac14c](https://github.com/RueDeRennes/mosaik/commit/3b098ac14c))
+
 ## 0.0.187 (2025-12-02)
 
 This was a version bump only for mosaik-elements-angular to align it with other projects, there were no code changes.

package/fesm2022/mosaik-elements-angular.mjs

@@ -61753,7 +61753,7 @@ class FormFieldDirective {
         // we recalc the error message and apply it to the Web Component.
         effect(() => {
             const fs = this.fieldState();
-            this.applyError(fs);
+            this.setError(fs);
         });
     }
     //#endregion
@@ -61780,16 +61780,16 @@ class FormFieldDirective {
      *
      * @param fieldState The current FieldState
      */
-    applyError(fieldState) {
+    setError(fieldState) {
         const el = this._elementRef.nativeElement;
         if (!fieldState) {
-            // No state → clear any previous error
             el.error = '';
             return;
         }
         const errors = fieldState.errors(); // array of validation errors
         const isTouched = fieldState.touched(); // whether the field was touched
-        if (errors.length > 0 && isTouched) {
+        const isInvalid = fieldState.invalid(); // whether the field is invalid
+        if (errors.length > 0 && isTouched && isInvalid) {
             // Use the last error in the array as the “active” error message
             const lastError = errors[errors.length - 1];
             el.error = lastError.message ?? '';