@dynamicforms/vue-forms 0.3.2 → 0.3.4

package/dist/dynamicforms-vue-forms.js

@@ -1,37 +1,37 @@
-var gt = Object.defineProperty, dt = Object.defineProperties;
-var ft = Object.getOwnPropertyDescriptors;
-var R = Object.getOwnPropertySymbols;
-var J = Object.prototype.hasOwnProperty, K = Object.prototype.propertyIsEnumerable;
-var k = (n, i, t) => i in n ? gt(n, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[i] = t, _ = (n, i) => {
+var ht = Object.defineProperty, gt = Object.defineProperties;
+var dt = Object.getOwnPropertyDescriptors;
+var w = Object.getOwnPropertySymbols;
+var W = Object.prototype.hasOwnProperty, J = Object.prototype.propertyIsEnumerable;
+var B = (n, i, t) => i in n ? ht(n, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[i] = t, P = (n, i) => {
   for (var t in i || (i = {}))
-    J.call(i, t) && k(n, t, i[t]);
-  if (R)
-    for (var t of R(i))
-      K.call(i, t) && k(n, t, i[t]);
+    W.call(i, t) && B(n, t, i[t]);
+  if (w)
+    for (var t of w(i))
+      J.call(i, t) && B(n, t, i[t]);
   return n;
-}, S = (n, i) => dt(n, ft(i));
-var F = (n, i) => {
+}, O = (n, i) => gt(n, dt(i));
+var I = (n, i) => {
   var t = {};
   for (var e in n)
-    J.call(n, e) && i.indexOf(e) < 0 && (t[e] = n[e]);
-  if (n != null && R)
-    for (var e of R(n))
-      i.indexOf(e) < 0 && K.call(n, e) && (t[e] = n[e]);
+    W.call(n, e) && i.indexOf(e) < 0 && (t[e] = n[e]);
+  if (n != null && w)
+    for (var e of w(n))
+      i.indexOf(e) < 0 && J.call(n, e) && (t[e] = n[e]);
   return t;
 };
-var o = (n, i, t) => k(n, typeof i != "symbol" ? i + "" : i, t);
-import { isEqual as D, isBoolean as bt, isString as A, isEmpty as M, truncate as pt, isArray as Z, isObject as tt } from "lodash-es";
-import { unref as d, computed as et, reactive as it } from "vue";
-var L = /* @__PURE__ */ ((n) => (n[n.SUPPRESS = 1] = "SUPPRESS", n[n.HIDDEN = 5] = "HIDDEN", n[n.INVISIBLE = 8] = "INVISIBLE", n[n.FULL = 10] = "FULL", n))(L || {});
-const Y = 10;
+var o = (n, i, t) => B(n, typeof i != "symbol" ? i + "" : i, t);
+import { isEqual as R, isBoolean as ft, isString as A, isEmpty as q, truncate as pt, isArray as Z, isObject as tt } from "lodash-es";
+import { unref as d, computed as et, reactive as bt } from "vue";
+var S = /* @__PURE__ */ ((n) => (n[n.SUPPRESS = 1] = "SUPPRESS", n[n.HIDDEN = 5] = "HIDDEN", n[n.INVISIBLE = 8] = "INVISIBLE", n[n.FULL = 10] = "FULL", n))(S || {});
+const K = 10;
 ((n) => {
   function i(s) {
-    return s.toUpperCase() === "SUPPRESS" ? 1 : s.toUpperCase() === "HIDDEN" ? 5 : s.toUpperCase() === "INVISIBLE" ? 8 : Y;
+    return s.toUpperCase() === "SUPPRESS" ? 1 : s.toUpperCase() === "HIDDEN" ? 5 : s.toUpperCase() === "INVISIBLE" ? 8 : K;
   }
   n.fromString = i;
   function t(s) {
     const r = typeof s == "number" ? s : n.fromString(s);
-    return Object.values(n).includes(r) ? r : Y;
+    return Object.values(n).includes(r) ? r : K;
   }
   n.fromAny = t;
   function e(s) {
@@ -39,9 +39,9 @@ const Y = 10;
     return Object.values(n).includes(r);
   }
   n.isDefined = e;
-})(L || (L = {}));
-Object.freeze(L);
-const I = L;
+})(S || (S = {}));
+Object.freeze(S);
+const V = S;
 class p {
   constructor(i) {
     o(this, "executorFn");
@@ -67,29 +67,29 @@ class p {
   unregister() {
   }
 }
-class Q extends Error {
+class M extends Error {
 }
-const nt = Symbol("ValueChangedAction");
-class b extends p {
+const it = Symbol("ValueChangedAction");
+class v extends p {
   // eslint-disable-next-line @typescript-eslint/no-useless-constructor
   constructor(i) {
     super(i);
   }
   // eslint-disable-next-line class-methods-use-this
   static get classIdentifier() {
-    return nt;
+    return it;
   }
   execute(i, t, e, s) {
     return super.execute(i, t, e, s);
   }
 }
-class j extends String {
+class F extends String {
 }
-function H(n) {
+function z(n) {
   const i = d(n);
   return typeof i == "object" && "componentName" in i;
 }
-class X {
+class G {
   get componentName() {
     return "Comment";
   }
@@ -103,7 +103,7 @@ class X {
   }
   // eslint-disable-line class-methods-use-this
 }
-class vt extends X {
+class vt extends G {
   constructor(t) {
     super();
     o(this, "text");
@@ -117,7 +117,7 @@ class vt extends X {
     return this.text;
   }
 }
-class v extends X {
+class b extends G {
   constructor(t) {
     super();
     o(this, "text");
@@ -126,7 +126,7 @@ class v extends X {
   }
   get getTextType() {
     const t = d(this.text);
-    return t ? t instanceof j ? "md" : H(t) ? "component" : "string" : "string";
+    return t ? t instanceof F ? "md" : z(t) ? "component" : "string" : "string";
   }
   get componentName() {
     switch (d(this.textType)) {
@@ -162,30 +162,30 @@ class v extends X {
   }
 }
 const mt = Symbol("Validator");
-class f extends b {
+class f extends v {
   /**
    * Creates a new validator
    * @param validationFn Function that validates the field value and returns errors or null
    */
   constructor(t) {
     super((s, r, a, l) => {
-      const u = t(a, l, s) || [], c = (h) => {
-        var V;
+      const c = t(a, l, s) || [], u = (h) => {
+        var C;
         h == null || h.forEach(
           (x) => Object.defineProperty(x, "source", { value: this.source, enumerable: !1, configurable: !1 })
         );
         for (let x = s.errors.length - 1; x >= 0; x--) {
-          const P = s.errors[x];
-          if (P.source === this.source) {
-            const O = (V = h == null ? void 0 : h.findIndex((B) => D(B, P))) != null ? V : -1;
-            O >= 0 ? h == null || h.splice(O, 1) : s.errors.splice(x, 1);
+          const T = s.errors[x];
+          if (T.source === this.source) {
+            const j = (C = h == null ? void 0 : h.findIndex(($) => R($, T))) != null ? C : -1;
+            j >= 0 ? h == null || h.splice(j, 1) : s.errors.splice(x, 1);
           }
         }
         h && h.length > 0 && s.errors.push(...h), s.validate();
       };
-      return u instanceof Promise ? (s.validating = ++s.validatingCount > 0, u.then((h) => c(h)).finally(() => {
+      return c instanceof Promise ? (s.validating = ++s.validatingCount > 0, c.then((h) => u(h)).finally(() => {
         s.validatingCount = Math.max(0, s.validatingCount - 1), s.validating = s.validatingCount > 0;
-      })) : c(u), r(s, a, l);
+      })) : u(c), r(s, a, l);
     });
     o(this, "source");
     this.source = Symbol(this.constructor.name);
@@ -200,14 +200,14 @@ class f extends b {
   }
   // eslint-disable-next-line class-methods-use-this
   replacePlaceholders(t, e) {
-    if (H(t)) return t;
+    if (z(t)) return t;
     let s = t;
     return Object.keys(e).forEach((r) => {
       s = s.replaceAll(`{${r}}`, e[r]);
-    }), t instanceof j ? new j(s) : s;
+    }), t instanceof F ? new F(s) : s;
   }
 }
-class T extends Map {
+class N extends Map {
   constructor() {
     super(...arguments);
     o(this, "eagerActions", /* @__PURE__ */ new Set());
@@ -224,12 +224,12 @@ class T extends Map {
   }
   trigger(t, e, ...s) {
     const r = t.classIdentifier;
-    r === nt && this.triggerEager(e, ...s);
+    r === it && this.triggerEager(e, ...s);
     const a = this.get(r);
     try {
       if (a) return a(e, ...s);
     } catch (l) {
-      if (!(l instanceof Q)) throw l;
+      if (!(l instanceof M)) throw l;
     }
     return null;
   }
@@ -239,39 +239,39 @@ class T extends Map {
       try {
         r && r(t, ...e);
       } catch (a) {
-        if (!(a instanceof Q)) throw a;
+        if (!(a instanceof M)) throw a;
       }
     }
   }
   clone() {
-    const t = new T();
+    const t = new N();
     return this.registeredActions.forEach((e) => t.register(e)), t;
   }
   cloneWithoutValidators() {
-    const t = new T();
+    const t = new N();
     return this.registeredActions.forEach((e) => {
       e instanceof f ? e.unregister() : t.register(e);
     }), t;
   }
 }
 const yt = Symbol("ConditionalStatementAction");
-class $ extends b {
+class U extends v {
   constructor(t, e) {
-    const s = (r, a, l, u) => {
-      const c = t.evaluate();
-      if (c !== this.lastResult) {
+    const s = (r, a, l, c) => {
+      const u = t.evaluate();
+      if (u !== this.lastResult) {
         for (const h of this.boundFields)
-          e(h, c, this.lastResult);
-        this.lastResult = c;
+          e(h, u, this.lastResult);
+        this.lastResult = u;
       }
-      return a(r, l, u);
+      return a(r, l, c);
     };
     super(s);
     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 b(s)));
+    t.collectFields().forEach((r) => r.registerAction(new v(s)));
   }
   // eslint-disable-next-line class-methods-use-this
   static get classIdentifier() {
@@ -285,28 +285,28 @@ class $ extends b {
     this.boundFields.add(t);
   }
 }
-class xt extends $ {
+class xt extends U {
   constructor(i) {
     super(i, (t, e) => {
-      t.visibility = e ? I.FULL : I.SUPPRESS;
+      t.visibility = e ? V.FULL : V.SUPPRESS;
     });
   }
 }
-class Et extends $ {
+class Et extends U {
   constructor(i) {
     super(i, (t, e) => {
       t.enabled = e;
     });
   }
 }
-class Vt extends $ {
+class At extends U {
   constructor(i, t) {
     super(i, (e, s) => {
       s && (e.value = t);
     });
   }
 }
-var w = /* @__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))(w || {});
+var L = /* @__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))(L || {});
 ((n) => {
   function i(r) {
     const a = r.toLowerCase();
@@ -344,52 +344,52 @@ var w = /* @__PURE__ */ ((n) => (n[n.NOT = 0] = "NOT", n[n.OR = 1] = "OR", n[n.A
     return r >= 0;
   }
   n.isLogicOperator = s;
-})(w || (w = {}));
-Object.freeze(w);
-const g = w, At = Symbol("EnabledChangingAction");
-class st extends p {
+})(L || (L = {}));
+Object.freeze(L);
+const g = L, Vt = Symbol("EnabledChangingAction");
+class nt extends p {
   // eslint-disable-next-line @typescript-eslint/no-useless-constructor
   constructor(i) {
     super(i);
   }
   // eslint-disable-next-line class-methods-use-this
   static get classIdentifier() {
-    return At;
+    return Vt;
   }
   execute(i, t, e, s) {
     return super.execute(i, t, e, s);
   }
 }
-const It = Symbol("EnabledChangedAction");
-class rt extends p {
+const Ct = Symbol("EnabledChangedAction");
+class st extends p {
   // eslint-disable-next-line @typescript-eslint/no-useless-constructor
   constructor(i) {
     super(i);
   }
   // eslint-disable-next-line class-methods-use-this
   static get classIdentifier() {
-    return It;
+    return Ct;
   }
   execute(i, t, e, s) {
     return super.execute(i, t, e, s);
   }
 }
-const Ct = Symbol("ValidChangedAction");
-class at extends p {
+const It = Symbol("ValidChangedAction");
+class rt extends p {
   // eslint-disable-next-line @typescript-eslint/no-useless-constructor
   constructor(i) {
     super(i);
   }
   // eslint-disable-next-line class-methods-use-this
   static get classIdentifier() {
-    return Ct;
+    return It;
   }
   execute(i, t, e, s) {
     return super.execute(i, t, e, s);
   }
 }
 const _t = Symbol("VisibilityChangingAction");
-class lt extends p {
+class at extends p {
   // eslint-disable-next-line @typescript-eslint/no-useless-constructor
   constructor(i) {
     super(i);
@@ -403,7 +403,7 @@ class lt extends p {
   }
 }
 const St = Symbol("VisibilityChangedAction");
-class ot extends p {
+class lt extends p {
   // eslint-disable-next-line @typescript-eslint/no-useless-constructor
   constructor(i) {
     super(i);
@@ -416,7 +416,7 @@ class ot extends p {
     return super.execute(i, t, e, s);
   }
 }
-class m {
+class y {
   constructor() {
     o(this, "reactiveValue", et(() => this.value));
     // contains original field value as was provided at creation
@@ -426,30 +426,30 @@ class m {
     // 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 N());
     // default property handlers
-    o(this, "_visibility", I.FULL);
+    o(this, "_visibility", V.FULL);
     o(this, "_enabled", !0);
   }
   get visibility() {
     return this._visibility;
   }
   set visibility(i) {
-    const t = this._visibility, e = this.actions.trigger(lt, this, i, t);
-    if (!I.isDefined(e != null ? e : i)) throw new Error("visibility must be a DisplayMode constant");
-    this._visibility = I.fromAny(e != null ? e : i), this.actions.trigger(ot, this, this._visibility, t);
+    const t = this._visibility, e = this.actions.trigger(at, this, i, t);
+    if (!V.isDefined(e != null ? e : i)) throw new Error("visibility must be a DisplayMode constant");
+    this._visibility = V.fromAny(e != null ? e : i), this.actions.trigger(lt, this, this._visibility, t);
   }
   get enabled() {
     return this._enabled;
   }
   set enabled(i) {
-    const t = this._enabled, e = this.actions.trigger(st, this, i, t);
-    if (!bt(e != null ? e : i)) throw new Error("Enabled value must be boolean");
-    this._enabled = e != null ? e : i, this.actions.trigger(rt, this, this._enabled, t);
+    const t = this._enabled, e = this.actions.trigger(nt, this, i, t);
+    if (!ft(e != null ? e : i)) throw new Error("Enabled value must be boolean");
+    this._enabled = e != null ? e : i, this.actions.trigger(st, this, this._enabled, t);
   }
   validate() {
     const i = this._valid;
-    this._valid = this.valid, this._valid !== i && this.actions.trigger(at, this, this.valid, i);
+    this._valid = this.valid, this._valid !== i && this.actions.trigger(rt, this, this.valid, i);
   }
   get valid() {
     return this.errors.length === 0;
@@ -458,7 +458,7 @@ class m {
     return this.value;
   }
   get isChanged() {
-    return !D(this.value, this.originalValue);
+    return !R(this.value, this.originalValue);
   }
   registerAction(i) {
     const t = i;
@@ -474,7 +474,7 @@ class m {
 function Ft(n, i) {
   return n ? !i : i;
 }
-class N {
+class _ {
   constructor(i, t, e) {
     o(this, "operand1");
     o(this, "operator");
@@ -482,10 +482,10 @@ class N {
     this.operand1 = i, this.operator = t, this.operand2 = e;
   }
   get operand1Value() {
-    return this.operand1 instanceof N ? this.operand1.evaluate() : this.operand1 instanceof m ? d(this.operand1.value) : this.operand1;
+    return this.operand1 instanceof _ ? this.operand1.evaluate() : this.operand1 instanceof y ? d(this.operand1.value) : this.operand1;
   }
   get operand2Value() {
-    return this.operand2 instanceof N ? this.operand2.evaluate() : this.operand2 instanceof m ? d(this.operand2.value) : this.operand2;
+    return this.operand2 instanceof _ ? this.operand2.evaluate() : this.operand2 instanceof y ? d(this.operand2.value) : this.operand2;
   }
   evaluate() {
     var e, s, r, a;
@@ -534,13 +534,13 @@ class N {
   collectFields() {
     const i = /* @__PURE__ */ new Set();
     function t(e) {
-      e instanceof m ? i.add(e) : e instanceof N && e.collectFields().forEach((r) => i.add(r));
+      e instanceof y ? i.add(e) : e instanceof _ && e.collectFields().forEach((r) => i.add(r));
     }
     return t(this.operand1), t(this.operand2), i;
   }
 }
 const Nt = Symbol("ExecuteAction");
-class ut extends p {
+class ot extends p {
   // eslint-disable-next-line @typescript-eslint/no-useless-constructor
   constructor(i) {
     super(i);
@@ -554,7 +554,7 @@ class ut extends p {
   }
 }
 const Lt = Symbol("ListItemAddedAction");
-class z extends p {
+class Q extends p {
   // eslint-disable-next-line @typescript-eslint/no-useless-constructor
   constructor(i) {
     super(i);
@@ -567,7 +567,7 @@ class z extends p {
     return super.execute(i, t, e, s);
   }
 }
-const jt = Symbol("ListItemRemovedAction");
+const Tt = Symbol("ListItemRemovedAction");
 class ct extends p {
   // eslint-disable-next-line @typescript-eslint/no-useless-constructor
   constructor(i) {
@@ -575,76 +575,26 @@ class ct extends p {
   }
   // eslint-disable-next-line class-methods-use-this
   static get classIdentifier() {
-    return jt;
+    return Tt;
   }
   execute(i, t, e, s) {
     return super.execute(i, t, e, s);
   }
 }
-function q(n, i) {
-  return (n == null ? void 0 : n.label) == null && (n == null ? void 0 : n.icon) == null ? i : n;
-}
-class U extends m {
-  constructor() {
-    super();
-    o(this, "_value", { label: void 0, icon: void 0 });
-  }
-  init(t) {
-    if (t) {
-      const e = t, { value: s, originalValue: r, validators: a, actions: l } = e, u = F(e, ["value", "originalValue", "validators", "actions"]);
-      [...a || [], ...l || []].forEach((V) => this.registerAction(V)), Object.assign(this, u);
-      const c = q(s, this._value), h = Object.freeze({ label: r == null ? void 0 : r.label, icon: r == null ? void 0 : r.icon });
-      this._value = q(c, h), this.originalValue = q(h, c);
-    }
-    this.actions.triggerEager(this, this.value, this.originalValue), this.validate();
-  }
-  static create(t) {
-    const e = it(new U());
-    return e.init(t), e;
-  }
-  get value() {
-    return this._value;
-  }
-  set value(t) {
-    if (!this.enabled) return;
-    const e = this._value;
-    this._value = t, this.actions.trigger(b, this, t, e), this.parent && this.parent.notifyValueChanged(), this.validate();
-  }
-  get icon() {
-    return this.value.icon;
-  }
-  set icon(t) {
-    this.value.icon = t;
-  }
-  get label() {
-    return this.value.label;
-  }
-  set label(t) {
-    this.value.label = t;
-  }
-  clone(t) {
-    var s, r, a;
-    const e = U.create(S(_({
-      value: (s = t == null ? void 0 : t.value) != null ? s : 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
-    }));
-    return e.actions = this.actions.clone(), e.actions.triggerEager(e, e.value, e.originalValue), e;
-  }
-  execute(t) {
-    this.actions.trigger(ut, this, t);
-  }
-}
-class C extends m {
-  constructor() {
+const Y = Symbol("FieldConstructorGuard");
+class D extends y {
+  constructor(t) {
     super();
     o(this, "_value");
+    if (t !== Y) {
+      const e = this.constructor.name;
+      throw new TypeError(`Don't use constructor to instantiate ${e}. Use ${e}.create<T>`);
+    }
   }
   init(t) {
     if (t) {
-      const e = t, { value: s, validators: r, actions: a } = e, l = F(e, ["value", "validators", "actions"]);
-      [...r || [], ...a || []].forEach((u) => this.registerAction(u)), Object.assign(this, l), this._value = s != null ? s : this.originalValue, this.originalValue === void 0 && (this.originalValue = this._value);
+      const e = t, { value: s, validators: r, actions: a } = e, l = I(e, ["value", "validators", "actions"]);
+      [...r || [], ...a || []].forEach((c) => this.registerAction(c)), Object.assign(this, l), this._value = s != null ? s : this.originalValue, this.originalValue === void 0 && (this.originalValue = this._value);
     }
     this.actions.triggerEager(this, this.value, this.originalValue), this.validate();
   }
@@ -654,19 +604,19 @@ class C extends m {
    * @returns Reactive Field instance
    */
   static create(t) {
-    const e = it(new C());
+    const e = bt(new this(Y));
     return e.init(t), e;
   }
   get value() {
-    return d(this._value);
+    return this._value;
   }
   set value(t) {
     const e = this._value;
-    !this.enabled || e === t || (this._value = t, this.actions.trigger(b, this, this._value, e), this.parent && this.parent.notifyValueChanged(), this.validate());
+    !this.enabled || e === t || (this._value = t, this.actions.trigger(v, this, this._value, e), this.parent && this.parent.notifyValueChanged(), this.validate());
   }
   clone(t) {
     var s, r, a;
-    const e = C.create(S(_({
+    const e = this.constructor.create(O(P({
       value: (s = t == null ? void 0 : t.value) != null ? s : this.value
     }, t && "originalValue" in t ? { originalValue: t.originalValue } : {}), {
       enabled: (r = t == null ? void 0 : t.enabled) != null ? r : this.enabled,
@@ -675,12 +625,47 @@ class C extends m {
     return e.actions = this.actions.clone(), e.actions.triggerEager(e, e.value, e.originalValue), e;
   }
 }
-const Tt = C.create({ value: "EmptyField" }).registerAction(new b(
+const jt = D.create({ value: "EmptyField" }).registerAction(new v(
   () => {
     console.warn("Working with EmptyField! This should not happen");
   }
 ));
-class E extends m {
+function k(n, i) {
+  return (n == null ? void 0 : n.label) == null && (n == null ? void 0 : n.icon) == null ? i : n;
+}
+class wt extends D {
+  constructor(i) {
+    super(i), this._value = { label: void 0, icon: void 0 };
+  }
+  init(i) {
+    if (i) {
+      const t = i, { value: e, originalValue: s, validators: r, actions: a } = t, l = I(t, ["value", "originalValue", "validators", "actions"]);
+      [...r || [], ...a || []].forEach((h) => this.registerAction(h)), Object.assign(this, l);
+      const c = k(e, this._value), u = Object.freeze({ label: s == null ? void 0 : s.label, icon: s == null ? void 0 : s.icon });
+      this._value = k(c, u), this.originalValue = k(u, c);
+    }
+    this.actions.triggerEager(this, this.value, this.originalValue), this.validate();
+  }
+  static create(i) {
+    return super.create(i);
+  }
+  get icon() {
+    return this.value.icon;
+  }
+  set icon(i) {
+    this.value.icon = i;
+  }
+  get label() {
+    return this.value.label;
+  }
+  set label(i) {
+    this.value.label = i;
+  }
+  execute(i) {
+    this.actions.trigger(ot, this, i);
+  }
+}
+class E extends y {
   constructor(t, e) {
     super();
     o(this, "_fields");
@@ -688,8 +673,8 @@ class E extends m {
     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 s = e, { value: r, validators: a, actions: l } = s, u = F(s, ["value", "validators", "actions"]);
-      [...a || [], ...l || []].forEach((c) => this.registerAction(c)), Object.assign(this, u), this.value = r != null ? r : this.originalValue;
+      const s = e, { value: r, validators: a, actions: l } = s, c = I(s, ["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();
   }
@@ -706,16 +691,16 @@ class E extends m {
   }
   static isValidFields(t) {
     function e(s) {
-      return s instanceof m;
+      return s instanceof y;
     }
     return typeof t == "object" && t !== null && Object.entries(t).every(([, s]) => e(s));
   }
   static createFromFormData(t) {
-    if (t instanceof m)
+    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, s]) => [e, C.create({ value: s })])
+        Object.entries(t).map(([e, s]) => [e, D.create({ value: s })])
       )
     );
   }
@@ -730,8 +715,8 @@ class E extends m {
     const t = {};
     return Object.entries(this._fields).forEach(([e, s]) => {
       const r = s.value;
-      (s.enabled || s instanceof E && !M(r)) && (t[e] = r);
-    }), M(t) ? null : t;
+      (s.enabled || s instanceof E && !q(r)) && (t[e] = r);
+    }), q(t) ? null : t;
   }
   set value(t) {
     this.suppressNotifyValueChanged = !0;
@@ -753,9 +738,9 @@ class E extends m {
   notifyValueChanged() {
     if (this.suppressNotifyValueChanged) return;
     const t = this.value;
-    if (!D(t, this._value)) {
+    if (!R(t, this._value)) {
       const e = this._value;
-      this._value = t, this.actions.trigger(b, this, t, e), this.parent && this.parent.notifyValueChanged(), this.validate();
+      this._value = t, this.actions.trigger(v, this, t, e), this.parent && this.parent.notifyValueChanged(), this.validate();
     }
   }
   get valid() {
@@ -764,10 +749,10 @@ class E extends m {
   clone(t) {
     var r, a, l;
     const e = {};
-    Object.entries(this._fields).forEach(([u, c]) => {
-      e[u] = c.clone();
+    Object.entries(this._fields).forEach(([c, u]) => {
+      e[c] = u.clone();
     });
-    const s = new E(e, S(_({
+    const s = new E(e, O(P({
       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,
@@ -776,15 +761,15 @@ class E extends m {
     return s.actions = this.actions.clone(), s.actions.triggerEager(s, s.value, s.originalValue), s;
   }
 }
-class G extends m {
+class H extends y {
   constructor(t, e) {
     super();
     o(this, "_value", null);
     o(this, "_itemTemplate");
     o(this, "_previousValue");
     if (this._itemTemplate = t, e) {
-      const s = e, { value: r, validators: a, actions: l } = s, u = F(s, ["value", "validators", "actions"]);
-      [...a || [], ...l || []].forEach((c) => this.registerAction(c)), Object.assign(this, u), r && this.setValueInternal(r);
+      const s = e, { value: r, validators: a, actions: l } = s, c = I(s, ["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();
   }
@@ -798,15 +783,15 @@ class G extends m {
   get value() {
     var e;
     const t = (e = this._value) == null ? void 0 : e.map((s) => s.value);
-    return M(t) ? null : t;
+    return q(t) ? null : t;
   }
   set value(t) {
     const e = this.value;
-    this.setValueInternal(t), this.actions.trigger(b, this, this.value, e), this.parent && this.parent.notifyValueChanged(), this.validate();
+    this.setValueInternal(t), this.actions.trigger(v, this, this.value, e), this.parent && this.parent.notifyValueChanged(), this.validate();
   }
   clone(t) {
     var s, r, a, l;
-    const e = new G((s = this._itemTemplate) == null ? void 0 : s.clone(), S(_({
+    const e = new H((s = this._itemTemplate) == null ? void 0 : s.clone(), O(P({
       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,
@@ -816,9 +801,9 @@ class G extends m {
   }
   notifyValueChanged() {
     const t = this.value;
-    if (!D(t, this._previousValue)) {
+    if (!R(t, this._previousValue)) {
       const e = this._previousValue;
-      this._previousValue = t, this.actions.trigger(b, this, t, e), this.parent && this.parent.notifyValueChanged(), this.validate();
+      this._previousValue = t, this.actions.trigger(v, this, t, e), this.parent && this.parent.notifyValueChanged(), this.validate();
     }
   }
   get valid() {
@@ -845,39 +830,39 @@ class G extends m {
   insert(t, e) {
     for (this._value == null && (this._value = []); this._value.length < e; ) {
       const r = this.processSetValueItem(null), a = this._value.push(r);
-      this.actions.trigger(z, this, r, a);
+      this.actions.trigger(Q, this, r, a);
     }
     const s = this.processSetValueItem(t);
-    return this._value.splice(e, 0, s), this.actions.trigger(z, this, s, e), this.notifyValueChanged(), e;
+    return this._value.splice(e, 0, s), this.actions.trigger(Q, this, s, e), this.notifyValueChanged(), e;
   }
   clear() {
     this._value = null, this.notifyValueChanged();
   }
 }
-const ht = { useMarkdownInValidators: !0 };
-function wt() {
-  return ht;
+const ut = { useMarkdownInValidators: !0 };
+function Pt() {
+  return ut;
 }
-function Pt(n) {
-  Object.assign(ht, n);
+function Ot(n) {
+  Object.assign(ut, n);
 }
-const Jt = {
+const Kt = {
   install(n, i) {
-    i && Pt(i);
+    i && Ot(i);
   }
 };
-function y(n) {
-  return wt().useMarkdownInValidators ? new j(n) : n.replace(/[*_~`]/g, "").replace(/\[.*?\]\((.*?)\)/g, "$1").replace(/!\[.*?\]\((.*?)\)/g, "").replace(/#+\s?/g, "").replace(/>\s?/g, "").replace(/(\*|-|\d+\.)\s+/g, "").replace(/`{3}[\s\S]*?`{3}/g, "").replace(/`([^`]+)`/g, "$1").replace(/\n{2,}/g, `
+function m(n) {
+  return Pt().useMarkdownInValidators ? new F(n) : n.replace(/[*_~`]/g, "").replace(/\[.*?\]\((.*?)\)/g, "$1").replace(/!\[.*?\]\((.*?)\)/g, "").replace(/#+\s?/g, "").replace(/>\s?/g, "").replace(/(\*|-|\d+\.)\s+/g, "").replace(/`{3}[\s\S]*?`{3}/g, "").replace(/`([^`]+)`/g, "$1").replace(/\n{2,}/g, `
 `);
 }
-class Ot extends f {
+class Rt extends f {
   constructor(t, e, s) {
     let r = !1, a, l;
-    super((c, h, V) => (a = c, l = h, r || (r = !0, this.otherField.registerAction(new b((x, P, O, B) => {
-      P(x, O, B), this.unregistered || this.execute(V, () => null, a, l);
-    }))), this.isValidComparison(d(c), d(this.otherField.value)) ? null : [
-      new v(
-        this.replacePlaceholders(s, { newValue: c, oldValue: h, field: V, otherField: this.otherField })
+    super((u, h, C) => (a = u, l = h, r || (r = !0, this.otherField.registerAction(new v((x, T, j, $) => {
+      T(x, j, $), this.unregistered || this.execute(C, () => null, a, l);
+    }))), this.isValidComparison(d(u), d(this.otherField.value)) ? null : [
+      new b(
+        this.replacePlaceholders(s, { newValue: u, oldValue: h, field: C, otherField: this.otherField })
       )
     ]));
     o(this, "unregistered", !1);
@@ -887,184 +872,184 @@ class Ot extends f {
     this.unregistered = !0;
   }
 }
-class Rt extends f {
+class Ut extends f {
   constructor(i, t) {
-    const e = t || y("Must be one of [**{allowedAsText}**]");
+    const e = t || m("Must be one of [**{allowedAsText}**]");
     let s = i.join(", ");
     s.length > 60 && (s = pt(s, {
       length: 40,
       separator: ", ",
       omission: `... (${i.length} items total)`
     }));
-    const r = (a, l, u) => i.includes(d(a)) ? null : [
-      new v(
-        this.replacePlaceholders(e, { newValue: a, oldValue: l, field: u, allowedValues: i, allowedAsText: s })
+    const r = (a, l, c) => i.includes(d(a)) ? null : [
+      new b(
+        this.replacePlaceholders(e, { newValue: a, oldValue: l, field: c, allowedValues: i, allowedAsText: s })
       )
     ];
     super(r);
   }
 }
-function Ut(n) {
+function Dt(n) {
   return n == null ? 0 : Z(n) || A(n) ? n.length : tt(n) && Object.getPrototypeOf(n) === Object.prototype ? Object.keys(n).length : String(n).length;
 }
-class Dt extends f {
+class $t extends f {
   constructor(i) {
-    const t = i || y("Please enter a value"), e = (s, r, a) => Ut(d(s)) === 0 ? [new v(
+    const t = i || m("Please enter a value"), e = (s, r, a) => Dt(d(s)) === 0 ? [new b(
       this.replacePlaceholders(t, { newValue: s, oldValue: r, field: a })
     )] : null;
     super(e);
   }
 }
-class $t extends f {
+class Bt extends f {
   constructor(i, t) {
-    const e = t || y("Value must be larger or equal to **{minValue}**"), s = (r, a, l) => r < i || r === void 0 ? [
-      new v(this.replacePlaceholders(e, { newValue: r, oldValue: a, field: l, minValue: i }))
+    const e = t || m("Value must be larger or equal to **{minValue}**"), s = (r, a, l) => r < i || r === void 0 ? [
+      new b(this.replacePlaceholders(e, { newValue: r, oldValue: a, field: l, minValue: i }))
     ] : null;
     super(s);
   }
 }
-class Bt extends f {
+class kt extends f {
   constructor(i, t) {
-    const e = t || y("Value must be less than or equal to **{maxValue}**"), s = (r, a, l) => r > i || r === void 0 ? [
-      new v(this.replacePlaceholders(e, { newValue: r, oldValue: a, field: l, maxValue: i }))
+    const e = t || m("Value must be less than or equal to **{maxValue}**"), s = (r, a, l) => r > i || r === void 0 ? [
+      new b(this.replacePlaceholders(e, { newValue: r, oldValue: a, field: l, maxValue: i }))
     ] : null;
     super(s);
   }
 }
-class kt extends f {
+class qt extends f {
   constructor(i, t, e) {
-    const s = e || y("Value must be between **{minValue}** and **{maxValue}**"), r = (a, l, u) => a < i || a > t || a === void 0 ? [
-      new v(
-        this.replacePlaceholders(s, { newValue: a, oldValue: l, field: u, minValue: i, maxValue: t })
+    const s = e || m("Value must be between **{minValue}** and **{maxValue}**"), r = (a, l, c) => a < i || a > t || a === void 0 ? [
+      new b(
+        this.replacePlaceholders(s, { newValue: a, oldValue: l, field: c, minValue: i, maxValue: t })
       )
     ] : null;
     super(r);
   }
 }
-function W(n) {
+function X(n) {
   return n == null ? 0 : Z(n) || A(n) ? n.length : tt(n) && Object.getPrototypeOf(n) === Object.prototype ? Object.keys(n).length : String(n).length;
 }
-class qt extends f {
+class Mt extends f {
   constructor(i, t) {
-    const e = t || y("Length must be larger or equal to **{minLength}**"), s = (r, a, l) => W(r) < i ? [
-      new v(this.replacePlaceholders(e, { newValue: r, oldValue: a, field: l, minLength: i }))
+    const e = t || m("Length must be larger or equal to **{minLength}**"), s = (r, a, l) => X(r) < i ? [
+      new b(this.replacePlaceholders(e, { newValue: r, oldValue: a, field: l, minLength: i }))
     ] : null;
     super(s);
   }
 }
-class Mt extends f {
+class Qt extends f {
   constructor(i, t) {
-    const e = t || y("Length must be less than or equal to **{maxLength}**"), s = (r, a, l) => W(r) > i ? [
-      new v(this.replacePlaceholders(e, { newValue: r, oldValue: a, field: l, maxLength: i }))
+    const e = t || m("Length must be less than or equal to **{maxLength}**"), s = (r, a, l) => X(r) > i ? [
+      new b(this.replacePlaceholders(e, { newValue: r, oldValue: a, field: l, maxLength: i }))
     ] : null;
     super(s);
   }
 }
-class Qt extends f {
+class zt extends f {
   constructor(i, t, e) {
-    const s = e || y("Length must be between **{minLength}** and **{maxLength}**"), r = (a, l, u) => {
-      const c = W(a);
-      return c < i || c > t ? [
-        new v(
-          this.replacePlaceholders(s, { newValue: a, oldValue: l, field: u, minLength: i, maxLength: t })
+    const s = e || m("Length must be between **{minLength}** and **{maxLength}**"), r = (a, l, c) => {
+      const u = X(a);
+      return u < i || u > t ? [
+        new b(
+          this.replacePlaceholders(s, { newValue: a, oldValue: l, field: c, minLength: i, maxLength: t })
         )
       ] : null;
     };
     super(r);
   }
 }
-class zt extends f {
+class Gt extends f {
   constructor(i, t) {
-    const e = t || y('Value must match pattern "**{pattern}**"'), s = (r, a, l) => i.test(String(d(r))) ? null : [
-      new v(this.replacePlaceholders(e, { newValue: r, oldValue: a, field: l, pattern: i }))
+    const e = t || m('Value must match pattern "**{pattern}**"'), s = (r, a, l) => i.test(String(d(r))) ? null : [
+      new b(this.replacePlaceholders(e, { newValue: r, oldValue: a, field: l, pattern: i }))
     ];
     super(s);
   }
 }
 const Ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  CompareTo: Ot,
-  InAllowedValues: Rt,
-  LengthInRange: Qt,
-  MaxLength: Mt,
-  MaxValue: Bt,
-  MinLength: qt,
-  MinValue: $t,
-  Pattern: zt,
-  Required: Dt,
+  CompareTo: Rt,
+  InAllowedValues: Ut,
+  LengthInRange: zt,
+  MaxLength: Qt,
+  MaxValue: kt,
+  MinLength: Mt,
+  MinValue: Bt,
+  Pattern: Gt,
+  Required: $t,
   Validator: f,
-  ValueInRange: kt
-}, Symbol.toStringTag, { value: "Module" })), Kt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  ValueInRange: qt
+}, Symbol.toStringTag, { value: "Module" })), Yt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  AbortEventHandlingException: Q,
-  Action: U,
-  ActionsMap: T,
+  AbortEventHandlingException: M,
+  Action: wt,
+  ActionsMap: N,
   ConditionalEnabledAction: Et,
-  ConditionalStatementAction: $,
-  ConditionalValueAction: Vt,
+  ConditionalStatementAction: U,
+  ConditionalValueAction: At,
   ConditionalVisibilityAction: xt,
-  DisplayMode: I,
-  EmptyField: Tt,
-  EnabledChangedAction: rt,
-  EnabledChangingAction: st,
-  ExecuteAction: ut,
-  Field: C,
+  DisplayMode: V,
+  EmptyField: jt,
+  EnabledChangedAction: st,
+  EnabledChangingAction: nt,
+  ExecuteAction: ot,
+  Field: D,
   FieldActionBase: p,
-  FieldBase: m,
+  FieldBase: y,
   Group: E,
-  List: G,
-  ListItemAddedAction: z,
+  List: H,
+  ListItemAddedAction: Q,
   ListItemRemovedAction: ct,
-  MdString: j,
+  MdString: F,
   Operator: g,
-  Statement: N,
-  ValidChangedAction: at,
-  ValidationError: X,
-  ValidationErrorRenderContent: v,
+  Statement: _,
+  ValidChangedAction: rt,
+  ValidationError: G,
+  ValidationErrorRenderContent: b,
   ValidationErrorText: vt,
   Validator: f,
   Validators: Ht,
-  ValueChangedAction: b,
-  VisibilityChangedAction: ot,
-  VisibilityChangingAction: lt,
-  buildErrorMessage: y,
-  isCustomModalContentComponentDef: H
+  ValueChangedAction: v,
+  VisibilityChangedAction: lt,
+  VisibilityChangingAction: at,
+  buildErrorMessage: m,
+  isCustomModalContentComponentDef: z
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Q as AbortEventHandlingException,
-  U as Action,
-  T as ActionsMap,
+  M as AbortEventHandlingException,
+  wt as Action,
+  N as ActionsMap,
   Et as ConditionalEnabledAction,
-  $ as ConditionalStatementAction,
-  Vt as ConditionalValueAction,
+  U as ConditionalStatementAction,
+  At as ConditionalValueAction,
   xt as ConditionalVisibilityAction,
-  I as DisplayMode,
-  Tt as EmptyField,
-  rt as EnabledChangedAction,
-  st as EnabledChangingAction,
-  ut as ExecuteAction,
-  C as Field,
+  V as DisplayMode,
+  jt as EmptyField,
+  st as EnabledChangedAction,
+  nt as EnabledChangingAction,
+  ot as ExecuteAction,
+  D as Field,
   p as FieldActionBase,
-  m as FieldBase,
+  y as FieldBase,
   E as Group,
-  G as List,
-  z as ListItemAddedAction,
+  H as List,
+  Q as ListItemAddedAction,
   ct as ListItemRemovedAction,
-  j as MdString,
+  F as MdString,
   g as Operator,
-  N as Statement,
-  at as ValidChangedAction,
-  X as ValidationError,
-  v as ValidationErrorRenderContent,
+  _ as Statement,
+  rt as ValidChangedAction,
+  G as ValidationError,
+  b as ValidationErrorRenderContent,
   vt as ValidationErrorText,
   f as Validator,
   Ht as Validators,
-  b as ValueChangedAction,
-  ot as VisibilityChangedAction,
-  lt as VisibilityChangingAction,
-  y as buildErrorMessage,
-  Kt as default,
-  Jt as forms,
-  H as isCustomModalContentComponentDef
+  v as ValueChangedAction,
+  lt as VisibilityChangedAction,
+  at as VisibilityChangingAction,
+  m as buildErrorMessage,
+  Yt as default,
+  Kt as forms,
+  z as isCustomModalContentComponentDef
 };
 //# sourceMappingURL=dynamicforms-vue-forms.js.map