@dynamicforms/vue-forms 0.4.3 → 0.4.5

package/dist/dynamicforms-vue-forms.js

@@ -2,46 +2,46 @@ var gt = Object.defineProperty, ft = Object.defineProperties;
 var pt = Object.getOwnPropertyDescriptors;
 var R = Object.getOwnPropertySymbols;
 var J = Object.prototype.hasOwnProperty, K = Object.prototype.propertyIsEnumerable;
-var $ = (n, s, t) => s in n ? gt(n, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[s] = t, A = (n, s) => {
+var $ = (i, s, t) => s in i ? gt(i, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[s] = t, A = (i, s) => {
   for (var t in s || (s = {}))
-    J.call(s, t) && $(n, t, s[t]);
+    J.call(s, t) && $(i, t, s[t]);
   if (R)
     for (var t of R(s))
-      K.call(s, t) && $(n, t, s[t]);
-  return n;
-}, I = (n, s) => ft(n, pt(s));
-var S = (n, s) => {
+      K.call(s, t) && $(i, t, s[t]);
+  return i;
+}, I = (i, s) => ft(i, pt(s));
+var S = (i, s) => {
   var t = {};
-  for (var e in n)
-    J.call(n, e) && s.indexOf(e) < 0 && (t[e] = n[e]);
-  if (n != null && R)
-    for (var e of R(n))
-      s.indexOf(e) < 0 && K.call(n, e) && (t[e] = n[e]);
+  for (var e in i)
+    J.call(i, e) && s.indexOf(e) < 0 && (t[e] = i[e]);
+  if (i != null && R)
+    for (var e of R(i))
+      s.indexOf(e) < 0 && K.call(i, e) && (t[e] = i[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 o = (i, s, t) => $(i, 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 it } 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 || {});
+var N = /* @__PURE__ */ ((i) => (i[i.SUPPRESS = 1] = "SUPPRESS", i[i.HIDDEN = 5] = "HIDDEN", i[i.INVISIBLE = 8] = "INVISIBLE", i[i.FULL = 10] = "FULL", i))(N || {});
 const tt = 10;
-((n) => {
-  function s(i) {
-    return i.toUpperCase() === "SUPPRESS" ? 1 : i.toUpperCase() === "HIDDEN" ? 5 : i.toUpperCase() === "INVISIBLE" ? 8 : tt;
+((i) => {
+  function s(n) {
+    return n.toUpperCase() === "SUPPRESS" ? 1 : n.toUpperCase() === "HIDDEN" ? 5 : n.toUpperCase() === "INVISIBLE" ? 8 : tt;
   }
-  n.fromString = s;
-  function t(i) {
-    const r = typeof i == "number" ? i : n.fromString(i);
-    return Object.values(n).includes(r) ? r : tt;
+  i.fromString = s;
+  function t(n) {
+    const r = typeof n == "number" ? n : i.fromString(n);
+    return Object.values(i).includes(r) ? r : tt;
   }
-  n.fromAny = t;
-  function e(i) {
-    const r = typeof i == "number" ? i : n.fromString(i);
-    return Object.values(n).includes(r);
+  i.fromAny = t;
+  function e(n) {
+    const r = typeof n == "number" ? n : i.fromString(n);
+    return Object.values(i).includes(r);
   }
-  n.isDefined = e;
+  i.isDefined = e;
 })(N || (N = {}));
 Object.freeze(N);
-const V = N;
+const C = N;
 class b {
   constructor(s) {
     o(this, "executorFn");
@@ -69,7 +69,7 @@ class b {
 }
 class H extends Error {
 }
-const it = Symbol("ValueChangedAction");
+const nt = Symbol("ValueChangedAction");
 class m extends b {
   // eslint-disable-next-line @typescript-eslint/no-useless-constructor
   constructor(s) {
@@ -77,16 +77,16 @@ class m extends b {
   }
   // eslint-disable-next-line class-methods-use-this
   static get classIdentifier() {
-    return it;
+    return nt;
   }
-  execute(s, t, e, i) {
-    return super.execute(s, t, e, i);
+  execute(s, t, e, n) {
+    return super.execute(s, t, e, n);
   }
 }
 class L extends String {
 }
-function G(n) {
-  const s = g(n);
+function G(i) {
+  const s = g(i);
   return typeof s == "object" && "componentName" in s;
 }
 class W {
@@ -103,7 +103,7 @@ class W {
     return "";
   }
 }
-class Ct extends W {
+class _t extends W {
   constructor(s, t = "") {
     super(), this.text = s, this.classes = t;
   }
@@ -166,40 +166,40 @@ class p extends W {
     return this.classes;
   }
 }
-class Vt extends p {
+class Ct extends p {
 }
-const _t = Symbol("Validator");
+const Vt = Symbol("Validator");
 class f extends m {
   /**
    * Creates a new validator
    * @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) => {
-        var _;
+    super((n, r, a, l) => {
+      const c = t(a, l, n) || [], 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 = (_ = h == null ? void 0 : h.findIndex((B) => U(B, P))) != null ? _ : -1;
-            O >= 0 ? h == null || h.splice(O, 1) : i.errors.splice(x, 1);
+        for (let x = n.errors.length - 1; x >= 0; x--) {
+          const O = n.errors[x];
+          if (O.source === this.source) {
+            const P = (V = h == null ? void 0 : h.findIndex((B) => U(B, O))) != null ? V : -1;
+            P >= 0 ? h == null || h.splice(P, 1) : n.errors.splice(x, 1);
           }
         }
-        h && h.length > 0 && i.errors.push(...h), i.validate();
+        h && h.length > 0 && n.errors.push(...h), n.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);
+      return c instanceof Promise ? (n.validating = ++n.validatingCount > 0, c.then((h) => u(h)).finally(() => {
+        n.validatingCount = Math.max(0, n.validatingCount - 1), n.validating = n.validatingCount > 0;
+      })) : u(c), r(n, a, l);
     });
     o(this, "source");
     this.source = Symbol(this.constructor.name);
   }
   // eslint-disable-next-line class-methods-use-this
   static get classIdentifier() {
-    return _t;
+    return Vt;
   }
   // eslint-disable-next-line class-methods-use-this
   get eager() {
@@ -208,13 +208,13 @@ class f extends m {
   // eslint-disable-next-line class-methods-use-this
   replacePlaceholders(t, e) {
     if (G(t)) return t;
-    let i = t;
+    let n = t;
     return Object.keys(e).forEach((r) => {
-      i = i.replaceAll(`{${r}}`, e[r]);
-    }), t instanceof L ? new L(i) : i;
+      n = n.replaceAll(`{${r}}`, e[r]);
+    }), t instanceof L ? new L(n) : n;
   }
 }
-class T extends Map {
+class j extends Map {
   constructor() {
     super(...arguments);
     o(this, "eagerActions", /* @__PURE__ */ new Set());
@@ -223,26 +223,26 @@ class T extends Map {
   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);
+    const e = t.classIdentifier, n = this.get(e) || (() => null);
     function r(a, ...l) {
-      return t.execute(a, i, ...l);
+      return t.execute(a, n, ...l);
     }
     this.set(e, r), t.eager && this.eagerActions.add(t.classIdentifier);
   }
-  trigger(t, e, ...i) {
+  trigger(t, e, ...n) {
     const r = t.classIdentifier;
-    r === it && this.triggerEager(e, ...i);
+    r === nt && this.triggerEager(e, ...n);
     const a = this.get(r);
     try {
-      if (a) return a(e, ...i);
+      if (a) return a(e, ...n);
     } catch (l) {
       if (!(l instanceof H)) throw l;
     }
     return null;
   }
   triggerEager(t, ...e) {
-    for (const i of this.eagerActions) {
-      const r = this.get(i);
+    for (const n of this.eagerActions) {
+      const r = this.get(n);
       try {
         r && r(t, ...e);
       } catch (a) {
@@ -251,11 +251,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,7 +264,7 @@ class T extends Map {
 const At = Symbol("ConditionalStatementAction");
 class k extends m {
   constructor(t, e) {
-    const i = (r, a, l, c) => {
+    const n = (r, a, l, c) => {
       const u = t.evaluate();
       if (u !== this.lastResult) {
         for (const h of this.boundFields)
@@ -273,12 +273,12 @@ class k extends m {
       }
       return a(r, l, c);
     };
-    super(i);
+    super(n);
     o(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());
-    t.collectFields().forEach((r) => r.registerAction(new m(i)));
+    t.collectFields().forEach((r) => r.registerAction(new m(n)));
   }
   // eslint-disable-next-line class-methods-use-this
   static get classIdentifier() {
@@ -295,7 +295,7 @@ class k extends m {
 class It extends k {
   constructor(s) {
     super(s, (t, e) => {
-      t.visibility = e ? V.FULL : V.SUPPRESS;
+      t.visibility = e ? C.FULL : C.SUPPRESS;
     });
   }
 }
@@ -308,13 +308,13 @@ class St extends k {
 }
 class wt extends k {
   constructor(s, t) {
-    super(s, (e, i) => {
-      i && (e.value = t);
+    super(s, (e, n) => {
+      n && (e.value = t);
     });
   }
 }
-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 || {});
-((n) => {
+var T = /* @__PURE__ */ ((i) => (i[i.NOT = 0] = "NOT", i[i.OR = 1] = "OR", i[i.AND = 2] = "AND", i[i.XOR = 3] = "XOR", i[i.NAND = 4] = "NAND", i[i.NOR = 5] = "NOR", i[i.EQUALS = -1] = "EQUALS", i[i.NOT_EQUALS = -2] = "NOT_EQUALS", i[i.GT = -3] = "GT", i[i.LT = -4] = "LT", i[i.GE = -5] = "GE", i[i.LE = -6] = "LE", i[i.IN = -7] = "IN", i[i.NOT_IN = -8] = "NOT_IN", i[i.INCLUDES = -9] = "INCLUDES", i[i.NOT_INCLUDES = -10] = "NOT_INCLUDES", i))(T || {});
+((i) => {
   function s(r) {
     const a = r.toLowerCase();
     if (a === "not") return 0;
@@ -335,25 +335,25 @@ var j = /* @__PURE__ */ ((n) => (n[n.NOT = 0] = "NOT", n[n.OR = 1] = "OR", n[n.A
     if (["not_includes", "not-includes", "not includes"].includes(a)) return -10;
     throw new Error(`Unrecognised operator ${a}`);
   }
-  n.fromString = s;
+  i.fromString = s;
   function t(r) {
-    const a = typeof r == "number" ? r : n.fromString(r);
-    if (Object.values(n).includes(a)) return a;
+    const a = typeof r == "number" ? r : i.fromString(r);
+    if (Object.values(i).includes(a)) return a;
     throw new Error(`Unrecognised operator ${r}`);
   }
-  n.fromAny = t;
+  i.fromAny = t;
   function e(r) {
-    const a = typeof r == "number" ? r : n.fromString(r);
-    return Object.values(n).includes(a);
+    const a = typeof r == "number" ? r : i.fromString(r);
+    return Object.values(i).includes(a);
   }
-  n.isDefined = e;
-  function i(r) {
+  i.isDefined = e;
+  function n(r) {
     return r >= 0;
   }
-  n.isLogicOperator = i;
-})(j || (j = {}));
-Object.freeze(j);
-const d = j, Ft = Symbol("EnabledChangingAction");
+  i.isLogicOperator = n;
+})(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) {
@@ -363,8 +363,8 @@ class rt extends b {
   static get classIdentifier() {
     return Ft;
   }
-  execute(s, t, e, i) {
-    return super.execute(s, t, e, i);
+  execute(s, t, e, n) {
+    return super.execute(s, t, e, n);
   }
 }
 const Nt = Symbol("EnabledChangedAction");
@@ -377,8 +377,8 @@ class at extends b {
   static get classIdentifier() {
     return Nt;
   }
-  execute(s, t, e, i) {
-    return super.execute(s, t, e, i);
+  execute(s, t, e, n) {
+    return super.execute(s, t, e, n);
   }
 }
 const Lt = Symbol("ValidChangedAction");
@@ -391,11 +391,11 @@ class lt extends b {
   static get classIdentifier() {
     return Lt;
   }
-  execute(s, t, e, i) {
-    return super.execute(s, t, e, i);
+  execute(s, t, e, n) {
+    return super.execute(s, t, e, n);
   }
 }
-const Tt = Symbol("VisibilityChangingAction");
+const jt = Symbol("VisibilityChangingAction");
 class ot extends b {
   // eslint-disable-next-line @typescript-eslint/no-useless-constructor
   constructor(s) {
@@ -403,13 +403,13 @@ class ot extends b {
   }
   // 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);
+  execute(s, t, e, n) {
+    return super.execute(s, t, e, n);
   }
 }
-const jt = Symbol("VisibilityChangedAction");
+const Tt = Symbol("VisibilityChangedAction");
 class ct extends b {
   // eslint-disable-next-line @typescript-eslint/no-useless-constructor
   constructor(s) {
@@ -417,10 +417,10 @@ class ct extends b {
   }
   // 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);
+  execute(s, t, e, n) {
+    return super.execute(s, t, e, n);
   }
 }
 class y {
@@ -433,9 +433,9 @@ class y {
     // is current value valid as per FE and BE validators?
     o(this, "errors", []);
     // when member of a Group, fieldName specifies the name of this field
-    o(this, "actions", new T());
+    o(this, "actions", new j());
     // default property handlers
-    o(this, "_visibility", V.FULL);
+    o(this, "_visibility", C.FULL);
     o(this, "_enabled", !0);
   }
   get visibility() {
@@ -443,8 +443,8 @@ class y {
   }
   set visibility(s) {
     const t = this._visibility, e = this.actions.trigger(ot, this, s, t);
-    if (!V.isDefined(e != null ? e : s)) throw new Error("visibility must be a DisplayMode constant");
-    this._visibility = V.fromAny(e != null ? e : s), this.actions.trigger(ct, this, this._visibility, 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;
@@ -454,9 +454,10 @@ class y {
     if (!bt(e != null ? e : s)) throw new Error("Enabled value must be boolean");
     this._enabled = e != null ? e : s, this.actions.trigger(at, this, this._enabled, t);
   }
-  validate() {
-    const s = this._valid;
-    this._valid = this.valid, this._valid !== s && this.actions.trigger(lt, this, this.valid, s);
+  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);
   }
   get valid() {
     return this.errors.length === 0;
@@ -478,8 +479,8 @@ class y {
     this.actions = this.actions.cloneWithoutValidators(), this.errors = [], this._valid = !0;
   }
 }
-function Pt(n, s) {
-  return n ? !s : s;
+function Ot(i, s) {
+  return i ? !s : s;
 }
 class F {
   constructor(s, t, e) {
@@ -495,7 +496,7 @@ class F {
     return this.operand2 instanceof F ? this.operand2.evaluate() : this.operand2 instanceof y ? g(this.operand2.value) : this.operand2;
   }
   evaluate() {
-    var e, i, r, a;
+    var e, n, r, a;
     const s = this.operand1Value, t = this.operand2Value;
     switch (this.operator) {
       case d.AND:
@@ -507,7 +508,7 @@ class F {
       case d.NOR:
         return !(s || t);
       case d.XOR:
-        return Pt(s, t);
+        return Ot(s, t);
       case d.NOT:
         return !s;
       case d.EQUALS:
@@ -523,13 +524,13 @@ class F {
       case d.GT:
         return s > t;
       case d.IN:
-        return (i = (e = t == null ? void 0 : t.includes) == null ? void 0 : e.call(t, s)) != null ? i : !1;
+        return (n = (e = t == null ? void 0 : t.includes) == null ? void 0 : e.call(t, s)) != null ? n : !1;
       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}`);
     }
@@ -546,7 +547,7 @@ 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) {
@@ -554,7 +555,7 @@ class ut extends b {
   }
   // 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);
@@ -570,8 +571,8 @@ class Q extends b {
   static get classIdentifier() {
     return Rt;
   }
-  execute(s, t, e, i) {
-    return super.execute(s, t, e, i);
+  execute(s, t, e, n) {
+    return super.execute(s, t, e, n);
   }
 }
 const Ut = Symbol("ListItemRemovedAction");
@@ -584,8 +585,8 @@ class ht extends b {
   static get classIdentifier() {
     return Ut;
   }
-  execute(s, t, e, i) {
-    return super.execute(s, t, e, i);
+  execute(s, t, e, n) {
+    return super.execute(s, t, e, n);
   }
 }
 const et = Symbol("FieldConstructorGuard");
@@ -593,6 +594,7 @@ class D extends y {
   constructor(t) {
     super();
     o(this, "_value");
+    o(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>`);
@@ -600,8 +602,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: n, validators: r, actions: a } = e, l = S(e, ["value", "validators", "actions"]);
+      [...r || [], ...a || []].forEach((c) => this.registerAction(c)), Object.assign(this, l), this._value = n != null ? n : this.originalValue, this.originalValue === void 0 && (this.originalValue = this._value);
     }
     this.actions.triggerEager(this, this.value, this.originalValue), this.validate();
   }
@@ -621,10 +623,16 @@ 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;
+    var n, r, a;
     const e = this.constructor.create(I(A({
-      value: (i = t == null ? void 0 : t.value) != null ? i : this.value
+      value: (n = t == null ? void 0 : t.value) != null ? n : this.value
     }, t && "originalValue" in t ? { originalValue: t.originalValue } : {}), {
       enabled: (r = t == null ? void 0 : t.enabled) != null ? r : this.enabled,
       visibility: (a = t == null ? void 0 : t.visibility) != null ? a : this.visibility
@@ -637,8 +645,8 @@ const kt = D.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;
+function q(i, s) {
+  return (i == null ? void 0 : i.label) == null && (i == null ? void 0 : i.icon) == null ? s : i;
 }
 class Dt extends D {
   constructor(s) {
@@ -646,9 +654,9 @@ class Dt extends D {
   }
   init(s) {
     if (s) {
-      const t = s, { value: e, originalValue: i, validators: r, actions: a } = t, l = S(t, ["value", "originalValue", "validators", "actions"]);
+      const t = s, { value: e, originalValue: n, validators: r, actions: a } = t, l = S(t, ["value", "originalValue", "validators", "actions"]);
       [...r || [], ...a || []].forEach((h) => this.registerAction(h)), Object.assign(this, l);
-      const c = q(e, this._value), u = Object.freeze({ label: i == null ? void 0 : i.label, icon: i == null ? void 0 : i.icon });
+      const c = q(e, this._value), u = Object.freeze({ label: n == null ? void 0 : n.label, icon: n == null ? void 0 : n.icon });
       this._value = q(c, u), this.originalValue = q(u, c);
     }
     this.actions.triggerEager(this, this.value, this.originalValue), this.validate();
@@ -678,8 +686,8 @@ const Bt = /* @__PURE__ */ yt({
     message: {},
     classes: { default: "text-error" }
   },
-  setup(n) {
-    const s = n, t = Z("vue-markdown"), e = /* @__PURE__ */ new Set([
+  setup(i) {
+    const s = i, t = Z("vue-markdown"), e = /* @__PURE__ */ new Set([
       "div",
       "span",
       "p",
@@ -735,7 +743,7 @@ const Bt = /* @__PURE__ */ yt({
       "dl",
       "dt",
       "dd"
-    ]), i = () => {
+    ]), n = () => {
       if (typeof s.message == "string") return w("span", { class: s.classes }, s.message);
       const r = [];
       return s.message.forEach((a) => {
@@ -768,7 +776,7 @@ const Bt = /* @__PURE__ */ yt({
         }
       }), r;
     };
-    return (r, a) => (Et(), xt(i));
+    return (r, a) => (Et(), xt(n));
   }
 });
 class E extends y {
@@ -780,7 +788,7 @@ class E extends y {
     o(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"]);
+      const n = e, { value: r, validators: a, actions: l } = n, c = S(n, ["value", "validators", "actions"]);
       [...a || [], ...l || []].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();
@@ -797,17 +805,17 @@ class E extends y {
     );
   }
   static isValidFields(t) {
-    function e(i) {
-      return i instanceof y;
+    function e(n) {
+      return n instanceof y;
     }
-    return typeof t == "object" && t !== null && Object.entries(t).every(([, i]) => e(i));
+    return typeof t == "object" && t !== null && Object.entries(t).every(([, n]) => e(n));
   }
   static createFromFormData(t) {
     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 })])
+        Object.entries(t).map(([e, n]) => [e, D.create({ value: n })])
       )
     );
   }
@@ -820,26 +828,34 @@ class E extends y {
   }
   get value() {
     const t = {};
-    return Object.entries(this._fields).forEach(([e, i]) => {
-      const r = i.value;
-      (i.enabled || i instanceof E && !M(r)) && (t[e] = r);
+    return Object.entries(this._fields).forEach(([e, n]) => {
+      const r = n.value;
+      (n.enabled || n instanceof E && !M(r)) && (t[e] = r);
     }), M(t) ? null : t;
   }
   set value(t) {
     this.suppressNotifyValueChanged = !0;
     try {
-      Object.entries(this._fields).forEach(([e, i]) => {
-        (t == null || e in t) && (i.value = t == null ? null : t[e]);
+      Object.entries(this._fields).forEach(([e, n]) => {
+        (t == null || e in t) && (n.value = t == null ? null : t[e]);
       });
     } finally {
       this.suppressNotifyValueChanged = !1;
     }
     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]) => {
-      t[e] = i.fullValue;
+    return Object.entries(this._fields).forEach(([e, n]) => {
+      t[e] = n.fullValue;
     }), t;
   }
   notifyValueChanged() {
@@ -853,19 +869,22 @@ class E extends y {
   get valid() {
     return super.valid && Object.values(this._fields).every((t) => t.valid);
   }
+  validate(t = !1) {
+    t && Object.values(this._fields).forEach((e) => e.validate(!0)), super.validate(t);
+  }
   clone(t) {
     var r, a, l;
     const e = {};
     Object.entries(this._fields).forEach(([c, u]) => {
       e[c] = u.clone();
     });
-    const i = new E(e, I(A({
+    const n = new E(e, 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
     }));
-    return i.actions = this.actions.clone(), i.actions.triggerEager(i, i.value, i.originalValue), i;
+    return n.actions = this.actions.clone(), n.actions.triggerEager(n, n.value, n.originalValue), n;
   }
 }
 class X extends y {
@@ -875,7 +894,7 @@ class X extends y {
     o(this, "_itemTemplate");
     o(this, "_previousValue");
     if (this._itemTemplate = t, e) {
-      const i = e, { value: r, validators: a, actions: l } = i, c = S(i, ["value", "validators", "actions"]);
+      const n = e, { value: r, validators: a, actions: l } = n, c = S(n, ["value", "validators", "actions"]);
       [...a || [], ...l || []].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();
@@ -889,16 +908,26 @@ class X extends y {
   }
   get value() {
     var e;
-    const t = (e = this._value) == null ? void 0 : e.map((i) => i.value);
+    const t = (e = this._value) == null ? void 0 : e.map((n) => n.value);
     return M(t) ? null : t;
   }
   set value(t) {
     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((n) => {
+      n.touched = t;
+    });
+  }
   clone(t) {
-    var i, r, a, l;
-    const e = new X((i = this._itemTemplate) == null ? void 0 : i.clone(), I(A({
+    var n, r, a, l;
+    const e = new X((n = this._itemTemplate) == null ? void 0 : n.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,
@@ -915,23 +944,27 @@ class X extends y {
   }
   get valid() {
     var t, e;
-    return super.valid && ((e = (t = this._value) == null ? void 0 : t.every((i) => i.valid)) != null ? e : !0);
+    return super.valid && ((e = (t = this._value) == null ? void 0 : t.every((n) => n.valid)) != null ? e : !0);
+  }
+  validate(t = !1) {
+    var e;
+    t && ((e = this._value) == null || e.forEach((n) => n.validate(!0))), super.validate(t);
   }
   get(t) {
     return this._value != null ? this._value[t] : void 0;
   }
   push(t) {
-    var e, i;
-    return this.insert(t, (i = (e = this._value) == null ? void 0 : e.length) != null ? i : 0) + 1;
+    var e, n;
+    return this.insert(t, (n = (e = this._value) == null ? void 0 : e.length) != null ? n : 0) + 1;
   }
   pop() {
     var t, e;
     return this.remove(((e = (t = this._value) == null ? void 0 : t.length) != null ? e : 0) - 1);
   }
   remove(t) {
-    var i;
+    var n;
     if (this._value == null || t < 0 || this._value.length <= t) return;
-    let e = (i = this._value.splice(t, 1)) == null ? void 0 : i[0];
+    let e = (n = this._value.splice(t, 1)) == null ? void 0 : n[0];
     return e && (e = e.clone(), this.actions.trigger(ht, this, e, t), this.notifyValueChanged()), e;
   }
   insert(t, e) {
@@ -939,8 +972,8 @@ class X extends y {
       const r = this.processSetValueItem(null), a = this._value.push(r);
       this.actions.trigger(Q, this, r, a);
     }
-    const i = this.processSetValueItem(t);
-    return this._value.splice(e, 0, i), this.actions.trigger(Q, this, i, e), this.notifyValueChanged(), e;
+    const n = this.processSetValueItem(t);
+    return this._value.splice(e, 0, n), this.actions.trigger(Q, this, n, e), this.notifyValueChanged(), e;
   }
   clear() {
     this._value = null, this.notifyValueChanged();
@@ -950,26 +983,26 @@ const dt = { useMarkdownInValidators: !0 };
 function $t() {
   return dt;
 }
-function qt(n) {
-  Object.assign(dt, n);
+function qt(i) {
+  Object.assign(dt, i);
 }
-const ie = {
-  install(n, s) {
+const ne = {
+  install(i, s) {
     s && qt(s);
   }
 };
-function v(n) {
-  return $t().useMarkdownInValidators ? new L(n) : n.replace(/[*_~`]/g, "").replace(/!\[(.*?)\]\(.*?\)/g, "$1").replace(/\[(.*?)\]\((.*?)\)/g, "$1").replace(/#+\s?/g, "").replace(/>\s?/g, "").replace(/(\*|-|\d+\.)\s+/g, "").replace(/`{3}[\s\S]*?`{3}/g, "").replace(/`([^`]+)`/g, "$1").replace(/\n{2,}/g, `
+function v(i) {
+  return $t().useMarkdownInValidators ? new L(i) : i.replace(/[*_~`]/g, "").replace(/!\[(.*?)\]\(.*?\)/g, "$1").replace(/\[(.*?)\]\((.*?)\)/g, "$1").replace(/#+\s?/g, "").replace(/>\s?/g, "").replace(/(\*|-|\d+\.)\s+/g, "").replace(/`{3}[\s\S]*?`{3}/g, "").replace(/`([^`]+)`/g, "$1").replace(/\n{2,}/g, `
 `);
 }
 class Mt extends f {
-  constructor(t, e, i) {
+  constructor(t, e, n) {
     let r = !1, a, l;
-    super((u, h, _) => (a = u, l = h, r || (r = !0, this.otherField.registerAction(new m((x, P, O, B) => {
-      P(x, O, B), this.unregistered || this.execute(_, () => null, a, l);
+    super((u, h, V) => (a = u, l = h, r || (r = !0, this.otherField.registerAction(new m((x, O, P, B) => {
+      O(x, P, B), this.unregistered || this.execute(V, () => null, a, l);
     }))), this.isValidComparison(g(u), g(this.otherField.value)) ? null : [
       new p(
-        this.replacePlaceholders(i, { newValue: u, oldValue: h, field: _, otherField: this.otherField })
+        this.replacePlaceholders(n, { newValue: u, oldValue: h, field: V, otherField: this.otherField })
       )
     ]));
     o(this, "unregistered", !1);
@@ -982,83 +1015,83 @@ class Mt extends f {
 class Ht extends f {
   constructor(s, t) {
     const e = t || v("Must be one of [**{allowedAsText}**]");
-    let i = s.join(", ");
-    i.length > 60 && (i = mt(i, {
+    let n = s.join(", ");
+    n.length > 60 && (n = mt(n, {
       length: 40,
       separator: ", ",
       omission: `... (${s.length} items total)`
     }));
     const r = (a, l, 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: l, field: c, allowedValues: s, allowedAsText: n })
       )
     ];
     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;
+function Qt(i) {
+  return i == null ? 0 : st(i) || _(i) ? i.length : it(i) && Object.getPrototypeOf(i) === Object.prototype ? Object.keys(i).length : String(i).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 })
+    const t = s || v("Please enter a value"), e = (n, r, a) => Qt(g(n)) === 0 ? [new p(
+      this.replacePlaceholders(t, { newValue: n, 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 ? [
+    const e = t || v("Value must be larger or equal to **{minValue}**"), n = (r, a, l) => r < s || r === void 0 ? [
       new p(this.replacePlaceholders(e, { newValue: r, oldValue: a, field: l, minValue: s }))
     ] : null;
-    super(i);
+    super(n);
   }
 }
 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 ? [
+    const e = t || v("Value must be less than or equal to **{maxValue}**"), n = (r, a, l) => r > s || r === void 0 ? [
       new p(this.replacePlaceholders(e, { newValue: r, oldValue: a, field: l, maxValue: s }))
     ] : null;
-    super(i);
+    super(n);
   }
 }
 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 n = e || v("Value must be between **{minValue}** and **{maxValue}**"), r = (a, l, 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(n, { newValue: a, oldValue: l, 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;
+function Y(i) {
+  return i == null ? 0 : st(i) || _(i) ? i.length : it(i) && Object.getPrototypeOf(i) === Object.prototype ? Object.keys(i).length : String(i).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 ? [
+    const e = t || v("Length must be larger or equal to **{minLength}**"), n = (r, a, l) => Y(r) < s ? [
       new p(this.replacePlaceholders(e, { newValue: r, oldValue: a, field: l, minLength: s }))
     ] : null;
-    super(i);
+    super(n);
   }
 }
 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 ? [
+    const e = t || v("Length must be less than or equal to **{maxLength}**"), n = (r, a, l) => Y(r) > s ? [
       new p(this.replacePlaceholders(e, { newValue: r, oldValue: a, field: l, maxLength: s }))
     ] : null;
-    super(i);
+    super(n);
   }
 }
 class Kt extends f {
   constructor(s, t, e) {
-    const i = e || v("Length must be between **{minLength}** and **{maxLength}**"), r = (a, l, c) => {
+    const n = e || v("Length must be between **{minLength}** and **{maxLength}**"), r = (a, l, 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(n, { newValue: a, oldValue: l, field: c, minLength: s, maxLength: t })
         )
       ] : null;
     };
@@ -1067,10 +1100,10 @@ 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 : [
+    const e = t || v('Value must match pattern "**{pattern}**"'), n = (r, a, l) => s.test(String(g(r))) ? null : [
       new p(this.replacePlaceholders(e, { newValue: r, oldValue: a, field: l, pattern: s }))
     ];
-    super(i);
+    super(n);
   }
 }
 const te = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -1090,12 +1123,12 @@ const te = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   AbortEventHandlingException: H,
   Action: Dt,
-  ActionsMap: T,
+  ActionsMap: j,
   ConditionalEnabledAction: St,
   ConditionalStatementAction: k,
   ConditionalValueAction: wt,
   ConditionalVisibilityAction: It,
-  DisplayMode: V,
+  DisplayMode: C,
   EmptyField: kt,
   EnabledChangedAction: at,
   EnabledChangingAction: rt,
@@ -1110,12 +1143,12 @@ const te = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   MdString: L,
   MessagesWidget: Bt,
   Operator: d,
-  RenderableValue: Vt,
+  RenderableValue: Ct,
   Statement: F,
   ValidChangedAction: lt,
   ValidationError: W,
   ValidationErrorRenderContent: p,
-  ValidationErrorText: Ct,
+  ValidationErrorText: _t,
   Validator: f,
   Validators: te,
   ValueChangedAction: m,
@@ -1127,12 +1160,12 @@ const te = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 export {
   H as AbortEventHandlingException,
   Dt as Action,
-  T as ActionsMap,
+  j as ActionsMap,
   St as ConditionalEnabledAction,
   k as ConditionalStatementAction,
   wt as ConditionalValueAction,
   It as ConditionalVisibilityAction,
-  V as DisplayMode,
+  C as DisplayMode,
   kt as EmptyField,
   at as EnabledChangedAction,
   rt as EnabledChangingAction,
@@ -1147,12 +1180,12 @@ export {
   L as MdString,
   Bt as MessagesWidget,
   d as Operator,
-  Vt as RenderableValue,
+  Ct as RenderableValue,
   F as Statement,
   lt as ValidChangedAction,
   W as ValidationError,
   p as ValidationErrorRenderContent,
-  Ct as ValidationErrorText,
+  _t as ValidationErrorText,
   f as Validator,
   te as Validators,
   m as ValueChangedAction,
@@ -1160,7 +1193,7 @@ export {
   ot as VisibilityChangingAction,
   v as buildErrorMessage,
   re as default,
-  ie as forms,
+  ne as forms,
   G as isSimpleComponentDef
 };
 //# sourceMappingURL=dynamicforms-vue-forms.js.map