@dynamicforms/vue-forms 0.4.4 → 0.4.6

package/dist/dynamicforms-vue-forms.js

@@ -19,8 +19,8 @@ var S = (n, s) => {
       s.indexOf(e) < 0 && K.call(n, e) && (t[e] = n[e]);
   return t;
 };
-var o = (n, s, t) => $(n, typeof s != "symbol" ? s + "" : s, t);
-import { isEqual as U, isBoolean as bt, isString as C, isEmpty as M, truncate as mt, isArray as st, isObject as nt } from "lodash-es";
+var l = (n, s, t) => $(n, typeof s != "symbol" ? s + "" : s, t);
+import { isEqual as U, isBoolean as bt, isString as _, isEmpty as M, truncate as mt, isArray as st, isObject as nt } from "lodash-es";
 import { unref as g, computed as z, reactive as vt, defineComponent as yt, resolveComponent as Z, createBlock as xt, openBlock as Et, h as w } from "vue";
 var N = /* @__PURE__ */ ((n) => (n[n.SUPPRESS = 1] = "SUPPRESS", n[n.HIDDEN = 5] = "HIDDEN", n[n.INVISIBLE = 8] = "INVISIBLE", n[n.FULL = 10] = "FULL", n))(N || {});
 const tt = 10;
@@ -41,10 +41,10 @@ const tt = 10;
   n.isDefined = e;
 })(N || (N = {}));
 Object.freeze(N);
-const _ = N;
+const C = N;
 class b {
   constructor(s) {
-    o(this, "executorFn");
+    l(this, "executorFn");
     this.executorFn = s;
   }
   static get classIdentifier() {
@@ -56,14 +56,12 @@ class b {
   execute(s, t, ...e) {
     return this.executorFn(s, t, ...e);
   }
-  // eslint-disable-next-line class-methods-use-this
   get eager() {
     return !1;
   }
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars, class-methods-use-this
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   boundToField(s) {
   }
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars, class-methods-use-this
   unregister() {
   }
 }
@@ -71,11 +69,9 @@ class H extends Error {
 }
 const it = Symbol("ValueChangedAction");
 class m extends b {
-  // eslint-disable-next-line @typescript-eslint/no-useless-constructor
   constructor(s) {
     super(s);
   }
-  // eslint-disable-next-line class-methods-use-this
   static get classIdentifier() {
     return it;
   }
@@ -84,6 +80,12 @@ class m extends b {
   }
 }
 class L extends String {
+  constructor(t, e, i) {
+    super(t);
+    l(this, "plugins");
+    l(this, "options");
+    this.plugins = i, this.options = e;
+  }
 }
 function G(n) {
   const s = g(n);
@@ -103,7 +105,7 @@ class W {
     return "";
   }
 }
-class Ct extends W {
+class _t extends W {
   constructor(s, t = "") {
     super(), this.text = s, this.classes = t;
   }
@@ -120,8 +122,8 @@ class Ct extends W {
 class p extends W {
   constructor(t, e = "") {
     super();
-    o(this, "text");
-    o(this, "textType");
+    l(this, "text");
+    l(this, "textType");
     this.classes = e, this.text = t, this.textType = z(() => this.getTextType);
   }
   get getTextType() {
@@ -144,8 +146,10 @@ class p extends W {
     switch (g(this.textType)) {
       case "string":
         return {};
-      case "md":
-        return { source: this.text.toString() };
+      case "md": {
+        const t = this.text;
+        return { source: t.toString(), options: t.options, plugins: t.plugins };
+      }
       case "component":
         return g(this.text).componentProps || {};
       default:
@@ -166,7 +170,7 @@ class p extends W {
     return this.classes;
   }
 }
-class _t extends p {
+class Ct extends p {
 }
 const Vt = Symbol("Validator");
 class f extends m {
@@ -175,57 +179,54 @@ class f extends m {
    * @param validationFn Function that validates the field value and returns errors or null
    */
   constructor(t) {
-    super((i, r, a, l) => {
-      const c = t(a, l, i) || [], u = (h) => {
+    super((i, r, a, o) => {
+      const c = t(a, o, i) || [], u = (h) => {
         var V;
         h == null || h.forEach(
           (x) => Object.defineProperty(x, "source", { value: this.source, enumerable: !1, configurable: !1 })
         );
         for (let x = i.errors.length - 1; x >= 0; x--) {
-          const P = i.errors[x];
-          if (P.source === this.source) {
-            const O = (V = h == null ? void 0 : h.findIndex((B) => U(B, P))) != null ? V : -1;
-            O >= 0 ? h == null || h.splice(O, 1) : i.errors.splice(x, 1);
+          const O = i.errors[x];
+          if (O.source === this.source) {
+            const P = (V = h == null ? void 0 : h.findIndex((D) => U(D, O))) != null ? V : -1;
+            P >= 0 ? h == null || h.splice(P, 1) : i.errors.splice(x, 1);
           }
         }
         h && h.length > 0 && i.errors.push(...h), i.validate();
       };
       return c instanceof Promise ? (i.validating = ++i.validatingCount > 0, c.then((h) => u(h)).finally(() => {
         i.validatingCount = Math.max(0, i.validatingCount - 1), i.validating = i.validatingCount > 0;
-      })) : u(c), r(i, a, l);
+      })) : u(c), r(i, a, o);
     });
-    o(this, "source");
+    l(this, "source");
     this.source = Symbol(this.constructor.name);
   }
-  // eslint-disable-next-line class-methods-use-this
   static get classIdentifier() {
     return Vt;
   }
-  // eslint-disable-next-line class-methods-use-this
   get eager() {
     return !0;
   }
-  // eslint-disable-next-line class-methods-use-this
   replacePlaceholders(t, e) {
     if (G(t)) return t;
     let i = t;
     return Object.keys(e).forEach((r) => {
       i = i.replaceAll(`{${r}}`, e[r]);
-    }), t instanceof L ? new L(i) : i;
+    }), t instanceof L ? new L(i.toString(), t.options, t.plugins) : i;
   }
 }
-class T extends Map {
+class j extends Map {
   constructor() {
     super(...arguments);
-    o(this, "eagerActions", /* @__PURE__ */ new Set());
-    o(this, "registeredActions", []);
+    l(this, "eagerActions", /* @__PURE__ */ new Set());
+    l(this, "registeredActions", []);
   }
   register(t) {
     if (!(t instanceof b)) throw new Error("Invalid action type");
     this.registeredActions.push(t);
     const e = t.classIdentifier, i = this.get(e) || (() => null);
-    function r(a, ...l) {
-      return t.execute(a, i, ...l);
+    function r(a, ...o) {
+      return t.execute(a, i, ...o);
     }
     this.set(e, r), t.eager && this.eagerActions.add(t.classIdentifier);
   }
@@ -235,8 +236,8 @@ class T extends Map {
     const a = this.get(r);
     try {
       if (a) return a(e, ...i);
-    } catch (l) {
-      if (!(l instanceof H)) throw l;
+    } catch (o) {
+      if (!(o instanceof H)) throw o;
     }
     return null;
   }
@@ -251,11 +252,11 @@ class T extends Map {
     }
   }
   clone() {
-    const t = new T();
+    const t = new j();
     return this.registeredActions.forEach((e) => t.register(e)), t;
   }
   cloneWithoutValidators() {
-    const t = new T();
+    const t = new j();
     return this.registeredActions.forEach((e) => {
       e instanceof f ? e.unregister() : t.register(e);
     }), t;
@@ -264,27 +265,25 @@ class T extends Map {
 const At = Symbol("ConditionalStatementAction");
 class k extends m {
   constructor(t, e) {
-    const i = (r, a, l, c) => {
+    const i = (r, a, o, c) => {
       const u = t.evaluate();
       if (u !== this.lastResult) {
         for (const h of this.boundFields)
           e(h, u, this.lastResult);
         this.lastResult = u;
       }
-      return a(r, l, c);
+      return a(r, o, c);
     };
     super(i);
-    o(this, "lastResult");
+    l(this, "lastResult");
     // boundField tracks the fields this action is bound to. so that it may perform the executorFn on them and not on the
     // ValueChangedAction fields that will call the actionExecutor
-    o(this, "boundFields", /* @__PURE__ */ new Set());
+    l(this, "boundFields", /* @__PURE__ */ new Set());
     t.collectFields().forEach((r) => r.registerAction(new m(i)));
   }
-  // eslint-disable-next-line class-methods-use-this
   static get classIdentifier() {
     return At;
   }
-  // eslint-disable-next-line class-methods-use-this
   get eager() {
     return !0;
   }
@@ -295,7 +294,7 @@ class k extends m {
 class It extends k {
   constructor(s) {
     super(s, (t, e) => {
-      t.visibility = e ? _.FULL : _.SUPPRESS;
+      t.visibility = e ? C.FULL : C.SUPPRESS;
     });
   }
 }
@@ -313,7 +312,7 @@ class wt extends k {
     });
   }
 }
-var j = /* @__PURE__ */ ((n) => (n[n.NOT = 0] = "NOT", n[n.OR = 1] = "OR", n[n.AND = 2] = "AND", n[n.XOR = 3] = "XOR", n[n.NAND = 4] = "NAND", n[n.NOR = 5] = "NOR", n[n.EQUALS = -1] = "EQUALS", n[n.NOT_EQUALS = -2] = "NOT_EQUALS", n[n.GT = -3] = "GT", n[n.LT = -4] = "LT", n[n.GE = -5] = "GE", n[n.LE = -6] = "LE", n[n.IN = -7] = "IN", n[n.NOT_IN = -8] = "NOT_IN", n[n.INCLUDES = -9] = "INCLUDES", n[n.NOT_INCLUDES = -10] = "NOT_INCLUDES", n))(j || {});
+var T = /* @__PURE__ */ ((n) => (n[n.NOT = 0] = "NOT", n[n.OR = 1] = "OR", n[n.AND = 2] = "AND", n[n.XOR = 3] = "XOR", n[n.NAND = 4] = "NAND", n[n.NOR = 5] = "NOR", n[n.EQUALS = -1] = "EQUALS", n[n.NOT_EQUALS = -2] = "NOT_EQUALS", n[n.GT = -3] = "GT", n[n.LT = -4] = "LT", n[n.GE = -5] = "GE", n[n.LE = -6] = "LE", n[n.IN = -7] = "IN", n[n.NOT_IN = -8] = "NOT_IN", n[n.INCLUDES = -9] = "INCLUDES", n[n.NOT_INCLUDES = -10] = "NOT_INCLUDES", n))(T || {});
 ((n) => {
   function s(r) {
     const a = r.toLowerCase();
@@ -351,15 +350,13 @@ var j = /* @__PURE__ */ ((n) => (n[n.NOT = 0] = "NOT", n[n.OR = 1] = "OR", n[n.A
     return r >= 0;
   }
   n.isLogicOperator = i;
-})(j || (j = {}));
-Object.freeze(j);
-const d = j, Ft = Symbol("EnabledChangingAction");
+})(T || (T = {}));
+Object.freeze(T);
+const d = T, Ft = Symbol("EnabledChangingAction");
 class rt extends b {
-  // eslint-disable-next-line @typescript-eslint/no-useless-constructor
   constructor(s) {
     super(s);
   }
-  // eslint-disable-next-line class-methods-use-this
   static get classIdentifier() {
     return Ft;
   }
@@ -369,11 +366,9 @@ class rt extends b {
 }
 const Nt = Symbol("EnabledChangedAction");
 class at extends b {
-  // eslint-disable-next-line @typescript-eslint/no-useless-constructor
   constructor(s) {
     super(s);
   }
-  // eslint-disable-next-line class-methods-use-this
   static get classIdentifier() {
     return Nt;
   }
@@ -382,12 +377,10 @@ class at extends b {
   }
 }
 const Lt = Symbol("ValidChangedAction");
-class lt extends b {
-  // eslint-disable-next-line @typescript-eslint/no-useless-constructor
+class ot extends b {
   constructor(s) {
     super(s);
   }
-  // eslint-disable-next-line class-methods-use-this
   static get classIdentifier() {
     return Lt;
   }
@@ -395,29 +388,25 @@ class lt extends b {
     return super.execute(s, t, e, i);
   }
 }
-const Tt = Symbol("VisibilityChangingAction");
-class ot extends b {
-  // eslint-disable-next-line @typescript-eslint/no-useless-constructor
+const jt = Symbol("VisibilityChangingAction");
+class lt extends b {
   constructor(s) {
     super(s);
   }
-  // eslint-disable-next-line class-methods-use-this
   static get classIdentifier() {
-    return Tt;
+    return jt;
   }
   execute(s, t, e, i) {
     return super.execute(s, t, e, i);
   }
 }
-const jt = Symbol("VisibilityChangedAction");
+const Tt = Symbol("VisibilityChangedAction");
 class ct extends b {
-  // eslint-disable-next-line @typescript-eslint/no-useless-constructor
   constructor(s) {
     super(s);
   }
-  // eslint-disable-next-line class-methods-use-this
   static get classIdentifier() {
-    return jt;
+    return Tt;
   }
   execute(s, t, e, i) {
     return super.execute(s, t, e, i);
@@ -425,26 +414,26 @@ class ct extends b {
 }
 class y {
   constructor() {
-    o(this, "reactiveValue", z(() => this.value));
+    l(this, "reactiveValue", z(() => this.value));
     // contains original field value as was provided at creation
-    o(this, "validatingCount", 0);
-    o(this, "validating", !1);
-    o(this, "_valid", !0);
+    l(this, "validatingCount", 0);
+    l(this, "validating", !1);
+    l(this, "_valid", !0);
     // is current value valid as per FE and BE validators?
-    o(this, "errors", []);
+    l(this, "errors", []);
     // when member of a Group, fieldName specifies the name of this field
-    o(this, "actions", new T());
+    l(this, "actions", new j());
     // default property handlers
-    o(this, "_visibility", _.FULL);
-    o(this, "_enabled", !0);
+    l(this, "_visibility", C.FULL);
+    l(this, "_enabled", !0);
   }
   get visibility() {
     return this._visibility;
   }
   set visibility(s) {
-    const t = this._visibility, e = this.actions.trigger(ot, this, s, t);
-    if (!_.isDefined(e != null ? e : s)) throw new Error("visibility must be a DisplayMode constant");
-    this._visibility = _.fromAny(e != null ? e : s), this.actions.trigger(ct, this, this._visibility, t);
+    const t = this._visibility, e = this.actions.trigger(lt, this, s, t);
+    if (!C.isDefined(e != null ? e : s)) throw new Error("visibility must be a DisplayMode constant");
+    this._visibility = C.fromAny(e != null ? e : s), this.actions.trigger(ct, this, this._visibility, t);
   }
   get enabled() {
     return this._enabled;
@@ -457,7 +446,7 @@ class y {
   validate(s = !1) {
     s && this.actions.triggerEager(this, this.value, this.value);
     const t = this._valid;
-    this._valid = this.valid, this._valid !== t && this.actions.trigger(lt, this, this.valid, t);
+    this._valid = this.valid, this._valid !== t && this.actions.trigger(ot, this, this.valid, t);
   }
   get valid() {
     return this.errors.length === 0;
@@ -479,14 +468,14 @@ class y {
     this.actions = this.actions.cloneWithoutValidators(), this.errors = [], this._valid = !0;
   }
 }
-function Pt(n, s) {
+function Ot(n, s) {
   return n ? !s : s;
 }
 class F {
   constructor(s, t, e) {
-    o(this, "operand1");
-    o(this, "operator");
-    o(this, "operand2");
+    l(this, "operand1");
+    l(this, "operator");
+    l(this, "operand2");
     this.operand1 = s, this.operator = t, this.operand2 = e;
   }
   get operand1Value() {
@@ -499,6 +488,7 @@ class F {
     var e, i, r, a;
     const s = this.operand1Value, t = this.operand2Value;
     switch (this.operator) {
+      // logical operators
       case d.AND:
         return s && t;
       case d.OR:
@@ -508,9 +498,10 @@ class F {
       case d.NOR:
         return !(s || t);
       case d.XOR:
-        return Pt(s, t);
+        return Ot(s, t);
       case d.NOT:
         return !s;
+      // comparison operators
       case d.EQUALS:
         return s == t;
       case d.NOT_EQUALS:
@@ -528,9 +519,9 @@ class F {
       case d.NOT_IN:
         return !((a = (r = t == null ? void 0 : t.includes) == null ? void 0 : r.call(t, s)) == null || a);
       case d.INCLUDES:
-        return C(s) && C(t) && s.indexOf(t) >= 0;
+        return _(s) && _(t) && s.indexOf(t) >= 0;
       case d.NOT_INCLUDES:
-        return !(C(s) && C(t) && s.indexOf(t) >= 0);
+        return !(_(s) && _(t) && s.indexOf(t) >= 0);
       default:
         throw new Error(`Operator not implemented ${this.operator}`);
     }
@@ -547,15 +538,13 @@ class F {
     return t(this.operand1), t(this.operand2), s;
   }
 }
-const Ot = Symbol("ExecuteAction");
+const Pt = Symbol("ExecuteAction");
 class ut extends b {
-  // eslint-disable-next-line @typescript-eslint/no-useless-constructor
   constructor(s) {
     super(s);
   }
-  // eslint-disable-next-line class-methods-use-this
   static get classIdentifier() {
-    return Ot;
+    return Pt;
   }
   execute(s, t, e) {
     return super.execute(s, t, e);
@@ -563,11 +552,9 @@ class ut extends b {
 }
 const Rt = Symbol("ListItemAddedAction");
 class Q extends b {
-  // eslint-disable-next-line @typescript-eslint/no-useless-constructor
   constructor(s) {
     super(s);
   }
-  // eslint-disable-next-line class-methods-use-this
   static get classIdentifier() {
     return Rt;
   }
@@ -577,11 +564,9 @@ class Q extends b {
 }
 const Ut = Symbol("ListItemRemovedAction");
 class ht extends b {
-  // eslint-disable-next-line @typescript-eslint/no-useless-constructor
   constructor(s) {
     super(s);
   }
-  // eslint-disable-next-line class-methods-use-this
   static get classIdentifier() {
     return Ut;
   }
@@ -590,10 +575,11 @@ class ht extends b {
   }
 }
 const et = Symbol("FieldConstructorGuard");
-class D extends y {
+class B extends y {
   constructor(t) {
     super();
-    o(this, "_value");
+    l(this, "_value");
+    l(this, "_touched", !1);
     if (t !== et) {
       const e = this.constructor.name;
       throw new TypeError(`Don't use constructor to instantiate ${e}. Use ${e}.create<T>`);
@@ -601,8 +587,8 @@ class D extends y {
   }
   init(t) {
     if (t) {
-      const e = t, { value: i, validators: r, actions: a } = e, l = S(e, ["value", "validators", "actions"]);
-      [...r || [], ...a || []].forEach((c) => this.registerAction(c)), Object.assign(this, l), this._value = i != null ? i : this.originalValue, this.originalValue === void 0 && (this.originalValue = this._value);
+      const e = t, { value: i, validators: r, actions: a } = e, o = S(e, ["value", "validators", "actions"]);
+      [...r || [], ...a || []].forEach((c) => this.registerAction(c)), Object.assign(this, o), this._value = i != null ? i : this.originalValue, this.originalValue === void 0 && (this.originalValue = this._value);
     }
     this.actions.triggerEager(this, this.value, this.originalValue), this.validate();
   }
@@ -622,6 +608,12 @@ class D extends y {
     const e = this._value;
     !this.enabled || e === t || (this._value = t, this.actions.trigger(m, this, this._value, e), this.parent && this.parent.notifyValueChanged(), this.validate());
   }
+  get touched() {
+    return this._touched;
+  }
+  set touched(t) {
+    this._touched = t;
+  }
   clone(t) {
     var i, r, a;
     const e = this.constructor.create(I(A({
@@ -633,22 +625,22 @@ class D extends y {
     return e.actions = this.actions.clone(), e.actions.triggerEager(e, e.value, e.originalValue), e;
   }
 }
-const kt = D.create({ value: "EmptyField" }).registerAction(new m(
-  () => {
+const kt = B.create({ value: "EmptyField" }).registerAction(
+  new m(() => {
     console.warn("Working with EmptyField! This should not happen");
-  }
-));
+  })
+);
 function q(n, s) {
   return (n == null ? void 0 : n.label) == null && (n == null ? void 0 : n.icon) == null ? s : n;
 }
-class Dt extends D {
+class Bt extends B {
   constructor(s) {
     super(s), this._value = { label: void 0, icon: void 0 };
   }
   init(s) {
     if (s) {
-      const t = s, { value: e, originalValue: i, validators: r, actions: a } = t, l = S(t, ["value", "originalValue", "validators", "actions"]);
-      [...r || [], ...a || []].forEach((h) => this.registerAction(h)), Object.assign(this, l);
+      const t = s, { value: e, originalValue: i, validators: r, actions: a } = t, o = S(t, ["value", "originalValue", "validators", "actions"]);
+      [...r || [], ...a || []].forEach((h) => this.registerAction(h)), Object.assign(this, o);
       const c = q(e, this._value), u = Object.freeze({ label: i == null ? void 0 : i.label, icon: i == null ? void 0 : i.icon });
       this._value = q(c, u), this.originalValue = q(u, c);
     }
@@ -673,7 +665,7 @@ class Dt extends D {
     this.actions.trigger(ut, this, s);
   }
 }
-const Bt = /* @__PURE__ */ yt({
+const Dt = /* @__PURE__ */ yt({
   __name: "messages-widget",
   props: {
     message: {},
@@ -745,23 +737,26 @@ const Bt = /* @__PURE__ */ yt({
             r.push(w("div", { class: [s.classes, a.extraClasses] }, a.componentBody));
             break;
           case "vue-markdown":
-            typeof t == "string" ? (console.warn(
-              "You are using markdown for messages-widget, but you haven't registered a vue-markdown component"
-            ), r.push(w("div", { class: [s.classes, a.extraClasses] }, a.componentBindings.source))) : r.push(w(
-              t,
-              {
-                class: [s.classes, a.extraClasses, "df-messages-widget-markdown"],
-                source: a.componentBindings.source
-              }
-            ));
+            if (typeof t == "string")
+              console.warn(
+                "You are using markdown for messages-widget, but you haven't registered a vue-markdown component"
+              ), r.push(w("div", { class: [s.classes, a.extraClasses] }, a.componentBindings.source));
+            else {
+              const o = a.componentBindings;
+              r.push(
+                w(t, {
+                  class: [s.classes, a.extraClasses, "df-messages-widget-markdown"],
+                  source: o.source,
+                  options: o.options,
+                  plugins: o.plugins
+                })
+              );
+            }
             break;
           default:
             r.push(
               w(
-                e.has(a.componentName.toLowerCase()) ? (
-                  // only resolve if it's not a common html element
-                  a.componentName
-                ) : Z(a.componentName),
+                e.has(a.componentName.toLowerCase()) ? a.componentName : Z(a.componentName),
                 I(A({ class: [s.classes, a.extraClasses] }, a.componentBindings), { innerHTML: a.componentBody })
               )
             );
@@ -775,27 +770,27 @@ const Bt = /* @__PURE__ */ yt({
 class E extends y {
   constructor(t, e) {
     super();
-    o(this, "_fields");
-    o(this, "_value", null);
-    o(this, "reactiveValue", z(() => this.value));
-    o(this, "suppressNotifyValueChanged", !1);
+    l(this, "_fields");
+    l(this, "_value", null);
+    l(this, "reactiveValue", z(() => this.value));
+    l(this, "suppressNotifyValueChanged", !1);
     if (!E.isValidFields(t)) throw new Error("Invalid fields object provided");
     if (this._fields = {}, Object.entries(t).forEach(([r, a]) => this.addField(r, a)), e) {
-      const i = e, { value: r, validators: a, actions: l } = i, c = S(i, ["value", "validators", "actions"]);
-      [...a || [], ...l || []].forEach((u) => this.registerAction(u)), Object.assign(this, c), this.value = r != null ? r : this.originalValue;
+      const i = e, { value: r, validators: a, actions: o } = i, c = S(i, ["value", "validators", "actions"]);
+      [...a || [], ...o || []].forEach((u) => this.registerAction(u)), Object.assign(this, c), this.value = r != null ? r : this.originalValue;
     }
     this.originalValue === void 0 && (this.originalValue = this.value), this.actions.triggerEager(this, this.value, this.originalValue), this.validate();
   }
   addField(t, e) {
     if (this.fields[t] !== void 0)
       throw new Error(`Field ${t} is already in this form`);
-    Object.defineProperty(e, "parent", { get: () => this, configurable: !1, enumerable: !1 }), Object.defineProperty(e, "fieldName", { get: () => t, configurable: !1, enumerable: !1 }), Object.defineProperty(
-      this._fields,
-      t,
-      { get() {
+    Object.defineProperty(e, "parent", { get: () => this, configurable: !1, enumerable: !1 }), Object.defineProperty(e, "fieldName", { get: () => t, configurable: !1, enumerable: !1 }), Object.defineProperty(this._fields, t, {
+      get() {
         return e;
-      }, configurable: !1, enumerable: !0 }
-    );
+      },
+      configurable: !1,
+      enumerable: !0
+    });
   }
   static isValidFields(t) {
     function e(i) {
@@ -807,9 +802,7 @@ class E extends y {
     if (t instanceof y)
       throw new Error("data is already a Form structure, should be a simple object");
     return new E(
-      t == null ? {} : Object.fromEntries(
-        Object.entries(t).map(([e, i]) => [e, D.create({ value: i })])
-      )
+      t == null ? {} : Object.fromEntries(Object.entries(t).map(([e, i]) => [e, B.create({ value: i })]))
     );
   }
   field(t) {
@@ -837,6 +830,14 @@ class E extends y {
     }
     this.notifyValueChanged(), this.validate();
   }
+  get touched() {
+    return Object.values(this._fields).some((t) => t.touched);
+  }
+  set touched(t) {
+    Object.values(this._fields).forEach((e) => {
+      e.touched = t;
+    });
+  }
   get fullValue() {
     const t = {};
     return Object.entries(this._fields).forEach(([e, i]) => {
@@ -858,7 +859,7 @@ class E extends y {
     t && Object.values(this._fields).forEach((e) => e.validate(!0)), super.validate(t);
   }
   clone(t) {
-    var r, a, l;
+    var r, a, o;
     const e = {};
     Object.entries(this._fields).forEach(([c, u]) => {
       e[c] = u.clone();
@@ -867,7 +868,7 @@ class E extends y {
       value: (r = t == null ? void 0 : t.value) != null ? r : this.value
     }, t && "originalValue" in t ? { originalValue: t.originalValue } : {}), {
       enabled: (a = t == null ? void 0 : t.enabled) != null ? a : this.enabled,
-      visibility: (l = t == null ? void 0 : t.visibility) != null ? l : this.visibility
+      visibility: (o = t == null ? void 0 : t.visibility) != null ? o : this.visibility
     }));
     return i.actions = this.actions.clone(), i.actions.triggerEager(i, i.value, i.originalValue), i;
   }
@@ -875,12 +876,12 @@ class E extends y {
 class X extends y {
   constructor(t, e) {
     super();
-    o(this, "_value", null);
-    o(this, "_itemTemplate");
-    o(this, "_previousValue");
+    l(this, "_value", null);
+    l(this, "_itemTemplate");
+    l(this, "_previousValue");
     if (this._itemTemplate = t, e) {
-      const i = e, { value: r, validators: a, actions: l } = i, c = S(i, ["value", "validators", "actions"]);
-      [...a || [], ...l || []].forEach((u) => this.registerAction(u)), Object.assign(this, c), r && this.setValueInternal(r);
+      const i = e, { value: r, validators: a, actions: o } = i, c = S(i, ["value", "validators", "actions"]);
+      [...a || [], ...o || []].forEach((u) => this.registerAction(u)), Object.assign(this, c), r && this.setValueInternal(r);
     }
     this.originalValue === void 0 && (this.originalValue = this.value), this._previousValue = this.value, this.actions.triggerEager(this, this.value, this.originalValue), this.validate();
   }
@@ -900,13 +901,23 @@ class X extends y {
     const e = this.value;
     this.setValueInternal(t), this.actions.trigger(m, this, this.value, e), this.parent && this.parent.notifyValueChanged(), this.validate();
   }
+  get touched() {
+    var t;
+    return ((t = this._value) == null ? void 0 : t.some((e) => e.touched)) || !1;
+  }
+  set touched(t) {
+    var e;
+    (e = this._value) == null || e.forEach((i) => {
+      i.touched = t;
+    });
+  }
   clone(t) {
-    var i, r, a, l;
+    var i, r, a, o;
     const e = new X((i = this._itemTemplate) == null ? void 0 : i.clone(), I(A({
       value: [...(r = t == null ? void 0 : t.value) != null ? r : this.value]
     }, t && "originalValue" in t ? { originalValue: t.originalValue } : {}), {
       enabled: (a = t == null ? void 0 : t.enabled) != null ? a : this.enabled,
-      visibility: (l = t == null ? void 0 : t.visibility) != null ? l : this.visibility
+      visibility: (o = t == null ? void 0 : t.visibility) != null ? o : this.visibility
     }));
     return e.actions = this.actions.clone(), e.actions.triggerEager(e, e.value, e.originalValue), e;
   }
@@ -972,15 +983,17 @@ function v(n) {
 }
 class Mt extends f {
   constructor(t, e, i) {
-    let r = !1, a, l;
-    super((u, h, V) => (a = u, l = h, r || (r = !0, this.otherField.registerAction(new m((x, P, O, B) => {
-      P(x, O, B), this.unregistered || this.execute(V, () => null, a, l);
-    }))), this.isValidComparison(g(u), g(this.otherField.value)) ? null : [
+    let r = !1, a, o;
+    super((u, h, V) => (a = u, o = h, r || (r = !0, this.otherField.registerAction(
+      new m((x, O, P, D) => {
+        O(x, P, D), this.unregistered || this.execute(V, () => null, a, o);
+      })
+    )), this.isValidComparison(g(u), g(this.otherField.value)) ? null : [
       new p(
         this.replacePlaceholders(i, { newValue: u, oldValue: h, field: V, otherField: this.otherField })
       )
     ]));
-    o(this, "unregistered", !1);
+    l(this, "unregistered", !1);
     this.otherField = t, this.isValidComparison = e;
   }
   unregister() {
@@ -996,77 +1009,75 @@ class Ht extends f {
       separator: ", ",
       omission: `... (${s.length} items total)`
     }));
-    const r = (a, l, c) => s.includes(g(a)) ? null : [
+    const r = (a, o, c) => s.includes(g(a)) ? null : [
       new p(
-        this.replacePlaceholders(e, { newValue: a, oldValue: l, field: c, allowedValues: s, allowedAsText: i })
+        this.replacePlaceholders(e, { newValue: a, oldValue: o, field: c, allowedValues: s, allowedAsText: i })
       )
     ];
     super(r);
   }
 }
 function Qt(n) {
-  return n == null ? 0 : st(n) || C(n) ? n.length : nt(n) && Object.getPrototypeOf(n) === Object.prototype ? Object.keys(n).length : String(n).length;
+  return n == null ? 0 : st(n) || _(n) ? n.length : nt(n) && Object.getPrototypeOf(n) === Object.prototype ? Object.keys(n).length : String(n).length;
 }
 class zt extends f {
   constructor(s) {
-    const t = s || v("Please enter a value"), e = (i, r, a) => Qt(g(i)) === 0 ? [new p(
-      this.replacePlaceholders(t, { newValue: i, oldValue: r, field: a })
-    )] : null;
+    const t = s || v("Please enter a value"), e = (i, r, a) => Qt(g(i)) === 0 ? [new p(this.replacePlaceholders(t, { newValue: i, oldValue: r, field: a }))] : null;
     super(e);
   }
 }
 class Gt extends f {
   constructor(s, t) {
-    const e = t || v("Value must be larger or equal to **{minValue}**"), i = (r, a, l) => r < s || r === void 0 ? [
-      new p(this.replacePlaceholders(e, { newValue: r, oldValue: a, field: l, minValue: s }))
+    const e = t || v("Value must be larger or equal to **{minValue}**"), i = (r, a, o) => r < s || r === void 0 ? [
+      new p(this.replacePlaceholders(e, { newValue: r, oldValue: a, field: o, minValue: s }))
     ] : null;
     super(i);
   }
 }
 class Wt extends f {
   constructor(s, t) {
-    const e = t || v("Value must be less than or equal to **{maxValue}**"), i = (r, a, l) => r > s || r === void 0 ? [
-      new p(this.replacePlaceholders(e, { newValue: r, oldValue: a, field: l, maxValue: s }))
+    const e = t || v("Value must be less than or equal to **{maxValue}**"), i = (r, a, o) => r > s || r === void 0 ? [
+      new p(this.replacePlaceholders(e, { newValue: r, oldValue: a, field: o, maxValue: s }))
     ] : null;
     super(i);
   }
 }
 class Xt extends f {
   constructor(s, t, e) {
-    const i = e || v("Value must be between **{minValue}** and **{maxValue}**"), r = (a, l, c) => a < s || a > t || a === void 0 ? [
+    const i = e || v("Value must be between **{minValue}** and **{maxValue}**"), r = (a, o, c) => a < s || a > t || a === void 0 ? [
       new p(
-        this.replacePlaceholders(i, { newValue: a, oldValue: l, field: c, minValue: s, maxValue: t })
+        this.replacePlaceholders(i, { newValue: a, oldValue: o, field: c, minValue: s, maxValue: t })
       )
     ] : null;
     super(r);
   }
 }
 function Y(n) {
-  return n == null ? 0 : st(n) || C(n) ? n.length : nt(n) && Object.getPrototypeOf(n) === Object.prototype ? Object.keys(n).length : String(n).length;
+  return n == null ? 0 : st(n) || _(n) ? n.length : nt(n) && Object.getPrototypeOf(n) === Object.prototype ? Object.keys(n).length : String(n).length;
 }
 class Yt extends f {
   constructor(s, t) {
-    const e = t || v("Length must be larger or equal to **{minLength}**"), i = (r, a, l) => Y(r) < s ? [
-      new p(this.replacePlaceholders(e, { newValue: r, oldValue: a, field: l, minLength: s }))
+    const e = t || v("Length must be larger or equal to **{minLength}**"), i = (r, a, o) => Y(r) < s ? [
+      new p(this.replacePlaceholders(e, { newValue: r, oldValue: a, field: o, minLength: s }))
     ] : null;
     super(i);
   }
 }
 class Jt extends f {
   constructor(s, t) {
-    const e = t || v("Length must be less than or equal to **{maxLength}**"), i = (r, a, l) => Y(r) > s ? [
-      new p(this.replacePlaceholders(e, { newValue: r, oldValue: a, field: l, maxLength: s }))
+    const e = t || v("Length must be less than or equal to **{maxLength}**"), i = (r, a, o) => Y(r) > s ? [
+      new p(this.replacePlaceholders(e, { newValue: r, oldValue: a, field: o, maxLength: s }))
     ] : null;
     super(i);
   }
 }
 class Kt extends f {
   constructor(s, t, e) {
-    const i = e || v("Length must be between **{minLength}** and **{maxLength}**"), r = (a, l, c) => {
+    const i = e || v("Length must be between **{minLength}** and **{maxLength}**"), r = (a, o, c) => {
       const u = Y(a);
       return u < s || u > t ? [
         new p(
-          this.replacePlaceholders(i, { newValue: a, oldValue: l, field: c, minLength: s, maxLength: t })
+          this.replacePlaceholders(i, { newValue: a, oldValue: o, field: c, minLength: s, maxLength: t })
         )
       ] : null;
     };
@@ -1075,8 +1086,8 @@ class Kt extends f {
 }
 class Zt extends f {
   constructor(s, t) {
-    const e = t || v('Value must match pattern "**{pattern}**"'), i = (r, a, l) => s.test(String(g(r))) ? null : [
-      new p(this.replacePlaceholders(e, { newValue: r, oldValue: a, field: l, pattern: s }))
+    const e = t || v('Value must match pattern "**{pattern}**"'), i = (r, a, o) => s.test(String(g(r))) ? null : [
+      new p(this.replacePlaceholders(e, { newValue: r, oldValue: a, field: o, pattern: s }))
     ];
     super(i);
   }
@@ -1097,18 +1108,18 @@ const te = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }, Symbol.toStringTag, { value: "Module" })), re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   AbortEventHandlingException: H,
-  Action: Dt,
-  ActionsMap: T,
+  Action: Bt,
+  ActionsMap: j,
   ConditionalEnabledAction: St,
   ConditionalStatementAction: k,
   ConditionalValueAction: wt,
   ConditionalVisibilityAction: It,
-  DisplayMode: _,
+  DisplayMode: C,
   EmptyField: kt,
   EnabledChangedAction: at,
   EnabledChangingAction: rt,
   ExecuteAction: ut,
-  Field: D,
+  Field: B,
   FieldActionBase: b,
   FieldBase: y,
   Group: E,
@@ -1116,36 +1127,36 @@ const te = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ListItemAddedAction: Q,
   ListItemRemovedAction: ht,
   MdString: L,
-  MessagesWidget: Bt,
+  MessagesWidget: Dt,
   Operator: d,
-  RenderableValue: _t,
+  RenderableValue: Ct,
   Statement: F,
-  ValidChangedAction: lt,
+  ValidChangedAction: ot,
   ValidationError: W,
   ValidationErrorRenderContent: p,
-  ValidationErrorText: Ct,
+  ValidationErrorText: _t,
   Validator: f,
   Validators: te,
   ValueChangedAction: m,
   VisibilityChangedAction: ct,
-  VisibilityChangingAction: ot,
+  VisibilityChangingAction: lt,
   buildErrorMessage: v,
   isSimpleComponentDef: G
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   H as AbortEventHandlingException,
-  Dt as Action,
-  T as ActionsMap,
+  Bt as Action,
+  j as ActionsMap,
   St as ConditionalEnabledAction,
   k as ConditionalStatementAction,
   wt as ConditionalValueAction,
   It as ConditionalVisibilityAction,
-  _ as DisplayMode,
+  C as DisplayMode,
   kt as EmptyField,
   at as EnabledChangedAction,
   rt as EnabledChangingAction,
   ut as ExecuteAction,
-  D as Field,
+  B as Field,
   b as FieldActionBase,
   y as FieldBase,
   E as Group,
@@ -1153,19 +1164,19 @@ export {
   Q as ListItemAddedAction,
   ht as ListItemRemovedAction,
   L as MdString,
-  Bt as MessagesWidget,
+  Dt as MessagesWidget,
   d as Operator,
-  _t as RenderableValue,
+  Ct as RenderableValue,
   F as Statement,
-  lt as ValidChangedAction,
+  ot as ValidChangedAction,
   W as ValidationError,
   p as ValidationErrorRenderContent,
-  Ct as ValidationErrorText,
+  _t as ValidationErrorText,
   f as Validator,
   te as Validators,
   m as ValueChangedAction,
   ct as VisibilityChangedAction,
-  ot as VisibilityChangingAction,
+  lt as VisibilityChangingAction,
   v as buildErrorMessage,
   re as default,
   ie as forms,