@breadstone/mosaik-elements-angular 0.0.187 → 0.0.189

package/CHANGELOG.md

@@ -1,3 +1,20 @@
+## 0.0.189 (2025-12-02)
+
+### 🩹 Fixes
+
+- **choice-group:** add flex property to root part for better layout ([51e2a1a9be](https://github.com/RueDeRennes/mosaik/commit/51e2a1a9be))
+
+## 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

@@ -61155,22 +61155,40 @@ class Validators {
 }
 
 // #region Imports
+// #endregion
+/**
+ * Retrieves the option value, evaluating it if it's a function.
+ *
+ * @private
+ * @param opt The option value or function to evaluate.
+ * @param ctx The field context to pass if `opt` is a function.
+ * @returns The resolved option value.
+ */
+function getOption(opt, ctx) {
+    return opt instanceof Function ? opt(ctx) : opt;
+}
 /**
  * Validator to check if control value is only numeric.
  *
  * @param path The schema path to validate.
  * @public
  */
-function numeric(path) {
+function numeric(path, config) {
     validate(path, (ctx) => {
         const value = ctx.value();
         if (value === null || value === undefined || !Number.isNaN(+value)) {
             return null;
         }
-        return {
-            kind: 'numeric',
-            actualValue: value
-        };
+        if (config?.error) {
+            return getOption(config.error, ctx);
+        }
+        else {
+            return {
+                kind: 'numeric',
+                actualValue: value,
+                message: typeof config?.message === 'function' ? config.message(ctx) : config?.message,
+            };
+        }
     });
 }
 /**
@@ -61180,18 +61198,24 @@ function numeric(path) {
  * @param other A value or getter function returning the other value.
  * @public
  */
-function equalsTo(path, other) {
+function equalsTo(path, other, config) {
     validate(path, (ctx) => {
         const value = ctx.value();
         const otherValue = typeof other === 'function' ? other() : other;
         if (value === otherValue) {
             return null;
         }
-        return {
-            kind: 'equalsTo',
-            actualValue: value,
-            other: otherValue
-        };
+        if (config?.error) {
+            return getOption(config.error, ctx);
+        }
+        else {
+            return {
+                kind: 'equalsTo',
+                actualValue: value,
+                other: otherValue,
+                message: typeof config?.message === 'function' ? config.message(ctx) : config?.message,
+            };
+        }
     });
 }
 /**
@@ -61200,16 +61224,22 @@ function equalsTo(path, other) {
  * @param path The schema path to validate.
  * @public
  */
-function blank(path) {
+function blank(path, config) {
     validate(path, (ctx) => {
         const value = ctx.value();
-        if (typeof value === 'string' && (/\s/).test(value)) {
+        if (!(typeof value === 'string' && (/\s/).test(value))) {
+            return null;
+        }
+        if (config?.error) {
+            return getOption(config.error, ctx);
+        }
+        else {
             return {
                 kind: 'blank',
-                actualValue: value
+                actualValue: value,
+                message: typeof config?.message === 'function' ? config.message(ctx) : config?.message,
             };
         }
-        return null;
     });
 }
 /**
@@ -61219,7 +61249,7 @@ function blank(path) {
  * @param domains The list of allowed domains.
  * @public
  */
-function emailEndsWithDomain(path, domains) {
+function emailEndsWithDomain(path, domains, config) {
     const pattern = `^\\w+([-.']\\w+)*@(?:(${domains.join('|')}))$`;
     const regex = new RegExp(pattern);
     validate(path, (ctx) => {
@@ -61230,11 +61260,16 @@ function emailEndsWithDomain(path, domains) {
         if (typeof value === 'string' && regex.test(value)) {
             return null;
         }
-        return {
-            kind: 'emailEndsWithDomain',
-            requiredDomains: domains,
-            actualValue: value
-        };
+        if (config?.error) {
+            return getOption(config.error, ctx);
+        }
+        else {
+            return {
+                kind: 'emailEndsWithDomain',
+                requiredDomains: domains,
+                actualValue: value
+            };
+        }
     });
 }
 /**
@@ -61243,7 +61278,7 @@ function emailEndsWithDomain(path, domains) {
  * @param path The schema path to validate.
  * @public
  */
-function phoneNumber(path) {
+function phoneNumber(path, config) {
     const pattern = '^[+]*[(]{0,1}[0-9]{1,4}[)]{0,1}[-\\s\\.\\/0-9]*$';
     const regex = new RegExp(pattern);
     validate(path, (ctx) => {
@@ -61254,10 +61289,15 @@ function phoneNumber(path) {
         if (typeof value === 'string' && regex.test(value)) {
             return null;
         }
-        return {
-            kind: 'phoneNumber',
-            actualValue: value
-        };
+        if (config?.error) {
+            return getOption(config.error, ctx);
+        }
+        else {
+            return {
+                kind: 'phoneNumber',
+                actualValue: value
+            };
+        }
     });
 }
 
@@ -61753,7 +61793,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 +61820,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 ?? '';