@dynamicforms/vue-forms 0.4.0 → 0.4.2

package/dist/dynamicforms-vue-forms.js

@@ -1,51 +1,51 @@
-var ht = Object.defineProperty, gt = Object.defineProperties;
-var dt = Object.getOwnPropertyDescriptors;
-var w = Object.getOwnPropertySymbols;
+var dt = Object.defineProperty, ft = Object.defineProperties;
+var pt = Object.getOwnPropertyDescriptors;
+var R = Object.getOwnPropertySymbols;
 var J = Object.prototype.hasOwnProperty, K = 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) && B(n, t, i[t]);
-  if (w)
-    for (var t of w(i))
-      K.call(i, t) && B(n, t, i[t]);
+var $ = (n, s, t) => s in n ? dt(n, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[s] = t, A = (n, s) => {
+  for (var t in s || (s = {}))
+    J.call(s, t) && $(n, t, s[t]);
+  if (R)
+    for (var t of R(s))
+      K.call(s, t) && $(n, t, s[t]);
   return n;
-}, O = (n, i) => gt(n, dt(i));
-var _ = (n, i) => {
+}, I = (n, s) => ft(n, pt(s));
+var S = (n, s) => {
   var t = {};
   for (var e in n)
-    J.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 && K.call(n, e) && (t[e] = n[e]);
+    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]);
   return t;
 };
-var o = (n, i, t) => B(n, typeof i != "symbol" ? i + "" : i, t);
-import { isEqual as R, isBoolean as ft, isString as V, isEmpty as q, truncate as pt, isArray as tt, isObject as et } from "lodash-es";
-import { unref as d, computed as z, 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 Y = 10;
+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";
+import { unref as d, 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;
 ((n) => {
-  function i(s) {
-    return s.toUpperCase() === "SUPPRESS" ? 1 : s.toUpperCase() === "HIDDEN" ? 5 : s.toUpperCase() === "INVISIBLE" ? 8 : Y;
+  function s(i) {
+    return i.toUpperCase() === "SUPPRESS" ? 1 : i.toUpperCase() === "HIDDEN" ? 5 : i.toUpperCase() === "INVISIBLE" ? 8 : tt;
   }
-  n.fromString = i;
-  function t(s) {
-    const r = typeof s == "number" ? s : n.fromString(s);
-    return Object.values(n).includes(r) ? r : Y;
+  n.fromString = s;
+  function t(i) {
+    const r = typeof i == "number" ? i : n.fromString(i);
+    return Object.values(n).includes(r) ? r : tt;
   }
   n.fromAny = t;
-  function e(s) {
-    const r = typeof s == "number" ? s : n.fromString(s);
+  function e(i) {
+    const r = typeof i == "number" ? i : n.fromString(i);
     return Object.values(n).includes(r);
   }
   n.isDefined = e;
-})(S || (S = {}));
-Object.freeze(S);
-const A = S;
+})(N || (N = {}));
+Object.freeze(N);
+const V = N;
 class b {
-  constructor(i) {
+  constructor(s) {
     o(this, "executorFn");
-    this.executorFn = i;
+    this.executorFn = s;
   }
   static get classIdentifier() {
     throw new Error("classIdentifier must be declared");
@@ -53,43 +53,43 @@ class b {
   get classIdentifier() {
     return this.constructor.classIdentifier;
   }
-  execute(i, t, ...e) {
-    return this.executorFn(i, t, ...e);
+  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
-  boundToField(i) {
+  boundToField(s) {
   }
   // eslint-disable-next-line @typescript-eslint/no-unused-vars, class-methods-use-this
   unregister() {
   }
 }
-class M extends Error {
+class H extends Error {
 }
 const it = Symbol("ValueChangedAction");
-class v extends b {
+class m extends b {
   // eslint-disable-next-line @typescript-eslint/no-useless-constructor
-  constructor(i) {
-    super(i);
+  constructor(s) {
+    super(s);
   }
   // eslint-disable-next-line class-methods-use-this
   static get classIdentifier() {
     return it;
   }
-  execute(i, t, e, s) {
-    return super.execute(i, t, e, s);
+  execute(s, t, e, i) {
+    return super.execute(s, t, e, i);
   }
 }
-class F extends String {
+class L extends String {
 }
 function G(n) {
-  const i = d(n);
-  return typeof i == "object" && "componentName" in i;
+  const s = d(n);
+  return typeof s == "object" && "componentName" in s;
 }
-class H {
+class W {
   get componentName() {
     return "Comment";
   }
@@ -99,12 +99,13 @@ class H {
   get componentBody() {
     return "";
   }
+  get extraClasses() {
+    return "";
+  }
 }
-class vt extends H {
-  constructor(t) {
-    super();
-    o(this, "text");
-    this.text = t;
+class Ct extends W {
+  constructor(s, t = "") {
+    super(), this.text = s, this.classes = t;
   }
   get componentName() {
     return "template";
@@ -112,17 +113,20 @@ class vt extends H {
   get componentBody() {
     return this.text;
   }
+  get extraClasses() {
+    return this.classes;
+  }
 }
-class p extends H {
-  constructor(t) {
+class p extends W {
+  constructor(t, e = "") {
     super();
     o(this, "text");
     o(this, "textType");
-    this.text = t, this.textType = z(() => this.getTextType);
+    this.classes = e, this.text = t, this.textType = z(() => this.getTextType);
   }
   get getTextType() {
     const t = d(this.text);
-    return t ? t instanceof F ? "md" : G(t) ? "component" : "string" : "string";
+    return t ? t instanceof L ? "md" : G(t) ? "component" : "string" : "string";
   }
   get componentName() {
     switch (d(this.textType)) {
@@ -158,41 +162,44 @@ class p extends H {
         return "";
     }
   }
+  get extraClasses() {
+    return this.classes;
+  }
 }
-class mt extends p {
+class Vt extends p {
 }
-const yt = Symbol("Validator");
-class f extends v {
+const _t = 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((s, r, a, l) => {
-      const c = t(a, l, s) || [], u = (h) => {
-        var I;
+    super((i, r, a, l) => {
+      const c = t(a, l, i) || [], u = (h) => {
+        var _;
         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 T = s.errors[x];
-          if (T.source === this.source) {
-            const j = (I = h == null ? void 0 : h.findIndex(($) => R($, T))) != null ? I : -1;
-            j >= 0 ? h == null || h.splice(j, 1) : s.errors.splice(x, 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);
           }
         }
-        h && h.length > 0 && s.errors.push(...h), s.validate();
+        h && h.length > 0 && i.errors.push(...h), i.validate();
       };
-      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;
-      })) : u(c), r(s, a, l);
+      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);
     });
     o(this, "source");
     this.source = Symbol(this.constructor.name);
   }
   // eslint-disable-next-line class-methods-use-this
   static get classIdentifier() {
-    return yt;
+    return _t;
   }
   // eslint-disable-next-line class-methods-use-this
   get eager() {
@@ -201,13 +208,13 @@ class f extends v {
   // eslint-disable-next-line class-methods-use-this
   replacePlaceholders(t, e) {
     if (G(t)) return t;
-    let s = t;
+    let i = t;
     return Object.keys(e).forEach((r) => {
-      s = s.replaceAll(`{${r}}`, e[r]);
-    }), t instanceof F ? new F(s) : s;
+      i = i.replaceAll(`{${r}}`, e[r]);
+    }), t instanceof L ? new L(i) : i;
   }
 }
-class N extends Map {
+class T extends Map {
   constructor() {
     super(...arguments);
     o(this, "eagerActions", /* @__PURE__ */ new Set());
@@ -216,48 +223,48 @@ class N extends Map {
   register(t) {
     if (!(t instanceof b)) throw new Error("Invalid action type");
     this.registeredActions.push(t);
-    const e = t.classIdentifier, s = this.get(e) || (() => null);
+    const e = t.classIdentifier, i = this.get(e) || (() => null);
     function r(a, ...l) {
-      return t.execute(a, s, ...l);
+      return t.execute(a, i, ...l);
     }
     this.set(e, r), t.eager && this.eagerActions.add(t.classIdentifier);
   }
-  trigger(t, e, ...s) {
+  trigger(t, e, ...i) {
     const r = t.classIdentifier;
-    r === it && this.triggerEager(e, ...s);
+    r === it && this.triggerEager(e, ...i);
     const a = this.get(r);
     try {
-      if (a) return a(e, ...s);
+      if (a) return a(e, ...i);
     } catch (l) {
-      if (!(l instanceof M)) throw l;
+      if (!(l instanceof H)) throw l;
     }
     return null;
   }
   triggerEager(t, ...e) {
-    for (const s of this.eagerActions) {
-      const r = this.get(s);
+    for (const i of this.eagerActions) {
+      const r = this.get(i);
       try {
         r && r(t, ...e);
       } catch (a) {
-        if (!(a instanceof M)) throw a;
+        if (!(a instanceof H)) throw a;
       }
     }
   }
   clone() {
-    const t = new N();
+    const t = new T();
     return this.registeredActions.forEach((e) => t.register(e)), t;
   }
   cloneWithoutValidators() {
-    const t = new N();
+    const t = new T();
     return this.registeredActions.forEach((e) => {
       e instanceof f ? e.unregister() : t.register(e);
     }), t;
   }
 }
-const xt = Symbol("ConditionalStatementAction");
-class U extends v {
+const At = Symbol("ConditionalStatementAction");
+class k extends m {
   constructor(t, e) {
-    const s = (r, a, l, c) => {
+    const i = (r, a, l, c) => {
       const u = t.evaluate();
       if (u !== this.lastResult) {
         for (const h of this.boundFields)
@@ -266,16 +273,16 @@ class U extends v {
       }
       return a(r, l, c);
     };
-    super(s);
+    super(i);
     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 v(s)));
+    t.collectFields().forEach((r) => r.registerAction(new m(i)));
   }
   // eslint-disable-next-line class-methods-use-this
   static get classIdentifier() {
-    return xt;
+    return At;
   }
   // eslint-disable-next-line class-methods-use-this
   get eager() {
@@ -285,30 +292,30 @@ class U extends v {
     this.boundFields.add(t);
   }
 }
-class Et extends U {
-  constructor(i) {
-    super(i, (t, e) => {
-      t.visibility = e ? A.FULL : A.SUPPRESS;
+class It extends k {
+  constructor(s) {
+    super(s, (t, e) => {
+      t.visibility = e ? V.FULL : V.SUPPRESS;
     });
   }
 }
-class Vt extends U {
-  constructor(i) {
-    super(i, (t, e) => {
+class St extends k {
+  constructor(s) {
+    super(s, (t, e) => {
       t.enabled = e;
     });
   }
 }
-class At extends U {
-  constructor(i, t) {
-    super(i, (e, s) => {
-      s && (e.value = t);
+class wt extends k {
+  constructor(s, t) {
+    super(s, (e, i) => {
+      i && (e.value = t);
     });
   }
 }
-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 || {});
+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) => {
-  function i(r) {
+  function s(r) {
     const a = r.toLowerCase();
     if (a === "not") return 0;
     if (a === "or") return 1;
@@ -328,7 +335,7 @@ var L = /* @__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 = i;
+  n.fromString = s;
   function t(r) {
     const a = typeof r == "number" ? r : n.fromString(r);
     if (Object.values(n).includes(a)) return a;
@@ -340,80 +347,80 @@ var L = /* @__PURE__ */ ((n) => (n[n.NOT = 0] = "NOT", n[n.OR = 1] = "OR", n[n.A
     return Object.values(n).includes(a);
   }
   n.isDefined = e;
-  function s(r) {
+  function i(r) {
     return r >= 0;
   }
-  n.isLogicOperator = s;
-})(L || (L = {}));
-Object.freeze(L);
-const g = L, It = Symbol("EnabledChangingAction");
-class nt extends b {
+  n.isLogicOperator = i;
+})(j || (j = {}));
+Object.freeze(j);
+const g = j, Ft = Symbol("EnabledChangingAction");
+class rt extends b {
   // eslint-disable-next-line @typescript-eslint/no-useless-constructor
-  constructor(i) {
-    super(i);
+  constructor(s) {
+    super(s);
   }
   // eslint-disable-next-line class-methods-use-this
   static get classIdentifier() {
-    return It;
+    return Ft;
   }
-  execute(i, t, e, s) {
-    return super.execute(i, t, e, s);
+  execute(s, t, e, i) {
+    return super.execute(s, t, e, i);
   }
 }
-const _t = Symbol("EnabledChangedAction");
-class st extends b {
+const Nt = Symbol("EnabledChangedAction");
+class at extends b {
   // eslint-disable-next-line @typescript-eslint/no-useless-constructor
-  constructor(i) {
-    super(i);
+  constructor(s) {
+    super(s);
   }
   // eslint-disable-next-line class-methods-use-this
   static get classIdentifier() {
-    return _t;
+    return Nt;
   }
-  execute(i, t, e, s) {
-    return super.execute(i, t, e, s);
+  execute(s, t, e, i) {
+    return super.execute(s, t, e, i);
   }
 }
-const Ct = Symbol("ValidChangedAction");
-class rt extends b {
+const Lt = Symbol("ValidChangedAction");
+class lt extends b {
   // eslint-disable-next-line @typescript-eslint/no-useless-constructor
-  constructor(i) {
-    super(i);
+  constructor(s) {
+    super(s);
   }
   // eslint-disable-next-line class-methods-use-this
   static get classIdentifier() {
-    return Ct;
+    return Lt;
   }
-  execute(i, t, e, s) {
-    return super.execute(i, t, e, s);
+  execute(s, t, e, i) {
+    return super.execute(s, t, e, i);
   }
 }
-const St = Symbol("VisibilityChangingAction");
-class at extends b {
+const Tt = Symbol("VisibilityChangingAction");
+class ot extends b {
   // eslint-disable-next-line @typescript-eslint/no-useless-constructor
-  constructor(i) {
-    super(i);
+  constructor(s) {
+    super(s);
   }
   // eslint-disable-next-line class-methods-use-this
   static get classIdentifier() {
-    return St;
+    return Tt;
   }
-  execute(i, t, e, s) {
-    return super.execute(i, t, e, s);
+  execute(s, t, e, i) {
+    return super.execute(s, t, e, i);
   }
 }
-const Ft = Symbol("VisibilityChangedAction");
-class lt extends b {
+const jt = Symbol("VisibilityChangedAction");
+class ct extends b {
   // eslint-disable-next-line @typescript-eslint/no-useless-constructor
-  constructor(i) {
-    super(i);
+  constructor(s) {
+    super(s);
   }
   // eslint-disable-next-line class-methods-use-this
   static get classIdentifier() {
-    return Ft;
+    return jt;
   }
-  execute(i, t, e, s) {
-    return super.execute(i, t, e, s);
+  execute(s, t, e, i) {
+    return super.execute(s, t, e, i);
   }
 }
 class y {
@@ -426,30 +433,30 @@ 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 N());
+    o(this, "actions", new T());
     // default property handlers
-    o(this, "_visibility", A.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(at, this, i, t);
-    if (!A.isDefined(e != null ? e : i)) throw new Error("visibility must be a DisplayMode constant");
-    this._visibility = A.fromAny(e != null ? e : i), this.actions.trigger(lt, this, this._visibility, t);
+  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);
   }
   get enabled() {
     return this._enabled;
   }
-  set enabled(i) {
-    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);
+  set enabled(s) {
+    const t = this._enabled, e = this.actions.trigger(rt, this, s, t);
+    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 i = this._valid;
-    this._valid = this.valid, this._valid !== i && this.actions.trigger(rt, this, this.valid, i);
+    const s = this._valid;
+    this._valid = this.valid, this._valid !== s && this.actions.trigger(lt, this, this.valid, s);
   }
   get valid() {
     return this.errors.length === 0;
@@ -458,71 +465,71 @@ class y {
     return this.value;
   }
   get isChanged() {
-    return !R(this.value, this.originalValue);
+    return !U(this.value, this.originalValue);
   }
-  registerAction(i) {
-    const t = i;
-    return this.actions.register(t), t.boundToField(this), t.eager && this.actions.trigger(Object.getPrototypeOf(i).constructor, this, this.value, this.originalValue), this;
+  registerAction(s) {
+    const t = s;
+    return this.actions.register(t), t.boundToField(this), t.eager && this.actions.trigger(Object.getPrototypeOf(s).constructor, this, this.value, this.originalValue), this;
   }
-  triggerAction(i, ...t) {
-    return this.actions.trigger(i, this, ...t);
+  triggerAction(s, ...t) {
+    return this.actions.trigger(s, this, ...t);
   }
   clearValidators() {
     this.actions = this.actions.cloneWithoutValidators(), this.errors = [], this._valid = !0;
   }
 }
-function Nt(n, i) {
-  return n ? !i : i;
+function Pt(n, s) {
+  return n ? !s : s;
 }
-class C {
-  constructor(i, t, e) {
+class F {
+  constructor(s, t, e) {
     o(this, "operand1");
     o(this, "operator");
     o(this, "operand2");
-    this.operand1 = i, this.operator = t, this.operand2 = e;
+    this.operand1 = s, this.operator = t, this.operand2 = e;
   }
   get operand1Value() {
-    return this.operand1 instanceof C ? this.operand1.evaluate() : this.operand1 instanceof y ? d(this.operand1.value) : this.operand1;
+    return this.operand1 instanceof F ? this.operand1.evaluate() : this.operand1 instanceof y ? d(this.operand1.value) : this.operand1;
   }
   get operand2Value() {
-    return this.operand2 instanceof C ? this.operand2.evaluate() : this.operand2 instanceof y ? d(this.operand2.value) : this.operand2;
+    return this.operand2 instanceof F ? this.operand2.evaluate() : this.operand2 instanceof y ? d(this.operand2.value) : this.operand2;
   }
   evaluate() {
-    var e, s, r, a;
-    const i = this.operand1Value, t = this.operand2Value;
+    var e, i, r, a;
+    const s = this.operand1Value, t = this.operand2Value;
     switch (this.operator) {
       case g.AND:
-        return i && t;
+        return s && t;
       case g.OR:
-        return i || t;
+        return s || t;
       case g.NAND:
-        return !(i && t);
+        return !(s && t);
       case g.NOR:
-        return !(i || t);
+        return !(s || t);
       case g.XOR:
-        return Nt(i, t);
+        return Pt(s, t);
       case g.NOT:
-        return !i;
+        return !s;
       case g.EQUALS:
-        return i == t;
+        return s == t;
       case g.NOT_EQUALS:
-        return i != t;
+        return s != t;
       case g.LT:
-        return i < t;
+        return s < t;
       case g.LE:
-        return i <= t;
+        return s <= t;
       case g.GE:
-        return i >= t;
+        return s >= t;
       case g.GT:
-        return i > t;
+        return s > t;
       case g.IN:
-        return (s = (e = t == null ? void 0 : t.includes) == null ? void 0 : e.call(t, i)) != null ? s : !1;
+        return (i = (e = t == null ? void 0 : t.includes) == null ? void 0 : e.call(t, s)) != null ? i : !1;
       case g.NOT_IN:
-        return !((a = (r = t == null ? void 0 : t.includes) == null ? void 0 : r.call(t, i)) == null || a);
+        return !((a = (r = t == null ? void 0 : t.includes) == null ? void 0 : r.call(t, s)) == null || a);
       case g.INCLUDES:
-        return V(i) && V(t) && i.indexOf(t) >= 0;
+        return C(s) && C(t) && s.indexOf(t) >= 0;
       case g.NOT_INCLUDES:
-        return !(V(i) && V(t) && i.indexOf(t) >= 0);
+        return !(C(s) && C(t) && s.indexOf(t) >= 0);
       default:
         throw new Error(`Operator not implemented ${this.operator}`);
     }
@@ -532,69 +539,69 @@ class C {
    * @returns A set of all fields used in this statement
    */
   collectFields() {
-    const i = /* @__PURE__ */ new Set();
+    const s = /* @__PURE__ */ new Set();
     function t(e) {
-      e instanceof y ? i.add(e) : e instanceof C && e.collectFields().forEach((r) => i.add(r));
+      e instanceof y ? s.add(e) : e instanceof F && e.collectFields().forEach((r) => s.add(r));
     }
-    return t(this.operand1), t(this.operand2), i;
+    return t(this.operand1), t(this.operand2), s;
   }
 }
-const Lt = Symbol("ExecuteAction");
-class ot extends b {
+const Ot = Symbol("ExecuteAction");
+class ut extends b {
   // eslint-disable-next-line @typescript-eslint/no-useless-constructor
-  constructor(i) {
-    super(i);
+  constructor(s) {
+    super(s);
   }
   // eslint-disable-next-line class-methods-use-this
   static get classIdentifier() {
-    return Lt;
+    return Ot;
   }
-  execute(i, t, e) {
-    return super.execute(i, t, e);
+  execute(s, t, e) {
+    return super.execute(s, t, e);
   }
 }
-const Tt = Symbol("ListItemAddedAction");
+const Rt = Symbol("ListItemAddedAction");
 class Q extends b {
   // eslint-disable-next-line @typescript-eslint/no-useless-constructor
-  constructor(i) {
-    super(i);
+  constructor(s) {
+    super(s);
   }
   // eslint-disable-next-line class-methods-use-this
   static get classIdentifier() {
-    return Tt;
+    return Rt;
   }
-  execute(i, t, e, s) {
-    return super.execute(i, t, e, s);
+  execute(s, t, e, i) {
+    return super.execute(s, t, e, i);
   }
 }
-const jt = Symbol("ListItemRemovedAction");
-class ct extends b {
+const Ut = Symbol("ListItemRemovedAction");
+class ht extends b {
   // eslint-disable-next-line @typescript-eslint/no-useless-constructor
-  constructor(i) {
-    super(i);
+  constructor(s) {
+    super(s);
   }
   // eslint-disable-next-line class-methods-use-this
   static get classIdentifier() {
-    return jt;
+    return Ut;
   }
-  execute(i, t, e, s) {
-    return super.execute(i, t, e, s);
+  execute(s, t, e, i) {
+    return super.execute(s, t, e, i);
   }
 }
-const Z = Symbol("FieldConstructorGuard");
+const et = Symbol("FieldConstructorGuard");
 class D extends y {
   constructor(t) {
     super();
     o(this, "_value");
-    if (t !== Z) {
+    if (t !== et) {
       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 = _(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);
+      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);
     }
     this.actions.triggerEager(this, this.value, this.originalValue), this.validate();
   }
@@ -604,7 +611,7 @@ class D extends y {
    * @returns Reactive Field instance
    */
   static create(t) {
-    const e = bt(new this(Z));
+    const e = vt(new this(et));
     return e.init(t), e;
   }
   get value() {
@@ -612,12 +619,12 @@ class D extends y {
   }
   set value(t) {
     const e = this._value;
-    !this.enabled || e === t || (this._value = t, this.actions.trigger(v, this, this._value, e), this.parent && this.parent.notifyValueChanged(), this.validate());
+    !this.enabled || e === t || (this._value = t, this.actions.trigger(m, this, this._value, e), this.parent && this.parent.notifyValueChanged(), this.validate());
   }
   clone(t) {
-    var s, r, a;
-    const e = this.constructor.create(O(P({
-      value: (s = t == null ? void 0 : t.value) != null ? s : this.value
+    var i, r, a;
+    const e = this.constructor.create(I(A({
+      value: (i = t == null ? void 0 : t.value) != null ? i : 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
@@ -625,46 +632,86 @@ class D extends y {
     return e.actions = this.actions.clone(), e.actions.triggerEager(e, e.value, e.originalValue), e;
   }
 }
-const wt = D.create({ value: "EmptyField" }).registerAction(new v(
+const kt = D.create({ value: "EmptyField" }).registerAction(new m(
   () => {
     console.warn("Working with EmptyField! This should not happen");
   }
 ));
-function k(n, i) {
-  return (n == null ? void 0 : n.label) == null && (n == null ? void 0 : n.icon) == null ? i : n;
+function q(n, s) {
+  return (n == null ? void 0 : n.label) == null && (n == null ? void 0 : n.icon) == null ? s : n;
 }
-class Pt extends D {
-  constructor(i) {
-    super(i), this._value = { label: void 0, icon: void 0 };
+class Dt extends D {
+  constructor(s) {
+    super(s), 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 = _(t, ["value", "originalValue", "validators", "actions"]);
+  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 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);
+      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);
     }
     this.actions.triggerEager(this, this.value, this.originalValue), this.validate();
   }
-  static create(i) {
-    return super.create(i);
+  static create(s) {
+    return super.create(s);
   }
   get icon() {
     return this.value.icon;
   }
-  set icon(i) {
-    this.value.icon = i;
+  set icon(s) {
+    this.value.icon = s;
   }
   get label() {
     return this.value.label;
   }
-  set label(i) {
-    this.value.label = i;
+  set label(s) {
+    this.value.label = s;
   }
-  execute(i) {
-    this.actions.trigger(ot, this, i);
+  execute(s) {
+    this.actions.trigger(ut, this, s);
   }
 }
+const Bt = /* @__PURE__ */ yt({
+  __name: "messages-widget",
+  props: {
+    message: {},
+    classes: { default: "text-error" }
+  },
+  setup(n) {
+    const s = n, t = Z("vue-markdown"), e = () => {
+      if (typeof s.message == "string") return w("span", { class: s.classes }, s.message);
+      const i = [];
+      return s.message.forEach((r) => {
+        switch (r.componentName) {
+          case "template":
+            i.push(w("div", { class: [s.classes, r.extraClasses] }, r.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"
+            ), i.push(w("div", { class: [s.classes, r.extraClasses] }, r.componentBindings.source))) : i.push(w(
+              t,
+              {
+                class: [s.classes, r.extraClasses, "df-messages-widget-markdown"],
+                source: r.componentBindings.source
+              }
+            ));
+            break;
+          default:
+            i.push(
+              w(
+                Z(r.componentName),
+                I(A({ class: [s.classes, r.extraClasses] }, r.componentBindings), { innerHTML: r.componentBody })
+              )
+            );
+            break;
+        }
+      }), i;
+    };
+    return (i, r) => (Et(), xt(e));
+  }
+});
 class E extends y {
   constructor(t, e) {
     super();
@@ -674,7 +721,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 s = e, { value: r, validators: a, actions: l } = s, c = _(s, ["value", "validators", "actions"]);
+      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;
     }
     this.originalValue === void 0 && (this.originalValue = this.value), this.actions.triggerEager(this, this.value, this.originalValue), this.validate();
@@ -691,17 +738,17 @@ class E extends y {
     );
   }
   static isValidFields(t) {
-    function e(s) {
-      return s instanceof y;
+    function e(i) {
+      return i instanceof y;
     }
-    return typeof t == "object" && t !== null && Object.entries(t).every(([, s]) => e(s));
+    return typeof t == "object" && t !== null && Object.entries(t).every(([, i]) => e(i));
   }
   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, s]) => [e, D.create({ value: s })])
+        Object.entries(t).map(([e, i]) => [e, D.create({ value: i })])
       )
     );
   }
@@ -714,16 +761,16 @@ class E extends y {
   }
   get value() {
     const t = {};
-    return Object.entries(this._fields).forEach(([e, s]) => {
-      const r = s.value;
-      (s.enabled || s instanceof E && !q(r)) && (t[e] = r);
-    }), q(t) ? null : t;
+    return Object.entries(this._fields).forEach(([e, i]) => {
+      const r = i.value;
+      (i.enabled || i instanceof E && !M(r)) && (t[e] = r);
+    }), M(t) ? null : t;
   }
   set value(t) {
     this.suppressNotifyValueChanged = !0;
     try {
-      Object.entries(this._fields).forEach(([e, s]) => {
-        (t == null || e in t) && (s.value = t == null ? null : t[e]);
+      Object.entries(this._fields).forEach(([e, i]) => {
+        (t == null || e in t) && (i.value = t == null ? null : t[e]);
       });
     } finally {
       this.suppressNotifyValueChanged = !1;
@@ -732,16 +779,16 @@ class E extends y {
   }
   get fullValue() {
     const t = {};
-    return Object.entries(this._fields).forEach(([e, s]) => {
-      t[e] = s.fullValue;
+    return Object.entries(this._fields).forEach(([e, i]) => {
+      t[e] = i.fullValue;
     }), t;
   }
   notifyValueChanged() {
     if (this.suppressNotifyValueChanged) return;
     const t = this.value;
-    if (!R(t, this._value)) {
+    if (!U(t, this._value)) {
       const e = this._value;
-      this._value = t, this.actions.trigger(v, this, t, e), this.parent && this.parent.notifyValueChanged(), this.validate();
+      this._value = t, this.actions.trigger(m, this, t, e), this.parent && this.parent.notifyValueChanged(), this.validate();
     }
   }
   get valid() {
@@ -753,13 +800,13 @@ class E extends y {
     Object.entries(this._fields).forEach(([c, u]) => {
       e[c] = u.clone();
     });
-    const s = new E(e, O(P({
+    const i = 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 s.actions = this.actions.clone(), s.actions.triggerEager(s, s.value, s.originalValue), s;
+    return i.actions = this.actions.clone(), i.actions.triggerEager(i, i.value, i.originalValue), i;
   }
 }
 class X extends y {
@@ -769,7 +816,7 @@ class X extends y {
     o(this, "_itemTemplate");
     o(this, "_previousValue");
     if (this._itemTemplate = t, e) {
-      const s = e, { value: r, validators: a, actions: l } = s, c = _(s, ["value", "validators", "actions"]);
+      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);
     }
     this.originalValue === void 0 && (this.originalValue = this.value), this._previousValue = this.value, this.actions.triggerEager(this, this.value, this.originalValue), this.validate();
@@ -783,16 +830,16 @@ class X extends y {
   }
   get value() {
     var e;
-    const t = (e = this._value) == null ? void 0 : e.map((s) => s.value);
-    return q(t) ? null : t;
+    const t = (e = this._value) == null ? void 0 : e.map((i) => i.value);
+    return M(t) ? null : t;
   }
   set value(t) {
     const e = this.value;
-    this.setValueInternal(t), this.actions.trigger(v, this, this.value, e), this.parent && this.parent.notifyValueChanged(), this.validate();
+    this.setValueInternal(t), this.actions.trigger(m, this, this.value, e), this.parent && this.parent.notifyValueChanged(), this.validate();
   }
   clone(t) {
-    var s, r, a, l;
-    const e = new X((s = this._itemTemplate) == null ? void 0 : s.clone(), O(P({
+    var i, r, a, l;
+    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,
@@ -802,68 +849,68 @@ class X extends y {
   }
   notifyValueChanged() {
     const t = this.value;
-    if (!R(t, this._previousValue)) {
+    if (!U(t, this._previousValue)) {
       const e = this._previousValue;
-      this._previousValue = t, this.actions.trigger(v, this, t, e), this.parent && this.parent.notifyValueChanged(), this.validate();
+      this._previousValue = t, this.actions.trigger(m, this, t, e), this.parent && this.parent.notifyValueChanged(), this.validate();
     }
   }
   get valid() {
     var t, e;
-    return super.valid && ((e = (t = this._value) == null ? void 0 : t.every((s) => s.valid)) != null ? e : !0);
+    return super.valid && ((e = (t = this._value) == null ? void 0 : t.every((i) => i.valid)) != null ? e : !0);
   }
   get(t) {
     return this._value != null ? this._value[t] : void 0;
   }
   push(t) {
-    var e, s;
-    return this.insert(t, (s = (e = this._value) == null ? void 0 : e.length) != null ? s : 0) + 1;
+    var e, i;
+    return this.insert(t, (i = (e = this._value) == null ? void 0 : e.length) != null ? i : 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 s;
+    var i;
     if (this._value == null || t < 0 || this._value.length <= t) return;
-    let e = (s = this._value.splice(t, 1)) == null ? void 0 : s[0];
-    return e && (e = e.clone(), this.actions.trigger(ct, this, e, t), this.notifyValueChanged()), e;
+    let e = (i = this._value.splice(t, 1)) == null ? void 0 : i[0];
+    return e && (e = e.clone(), this.actions.trigger(ht, this, e, t), this.notifyValueChanged()), e;
   }
   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(Q, this, r, a);
     }
-    const s = this.processSetValueItem(t);
-    return this._value.splice(e, 0, s), this.actions.trigger(Q, this, s, e), this.notifyValueChanged(), e;
+    const i = this.processSetValueItem(t);
+    return this._value.splice(e, 0, i), this.actions.trigger(Q, this, i, e), this.notifyValueChanged(), e;
   }
   clear() {
     this._value = null, this.notifyValueChanged();
   }
 }
-const ut = { useMarkdownInValidators: !0 };
-function Ot() {
-  return ut;
+const gt = { useMarkdownInValidators: !0 };
+function $t() {
+  return gt;
 }
-function Rt(n) {
-  Object.assign(ut, n);
+function qt(n) {
+  Object.assign(gt, n);
 }
-const Yt = {
-  install(n, i) {
-    i && Rt(i);
+const ie = {
+  install(n, s) {
+    s && qt(s);
   }
 };
-function m(n) {
-  return Ot().useMarkdownInValidators ? new F(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(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, `
 `);
 }
-class Ut extends f {
-  constructor(t, e, s) {
+class Mt extends f {
+  constructor(t, e, i) {
     let r = !1, a, l;
-    super((u, h, I) => (a = u, l = h, r || (r = !0, this.otherField.registerAction(new v((x, T, j, $) => {
-      T(x, j, $), this.unregistered || this.execute(I, () => null, 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);
     }))), this.isValidComparison(d(u), d(this.otherField.value)) ? null : [
       new p(
-        this.replacePlaceholders(s, { newValue: u, oldValue: h, field: I, otherField: this.otherField })
+        this.replacePlaceholders(i, { newValue: u, oldValue: h, field: _, otherField: this.otherField })
       )
     ]));
     o(this, "unregistered", !1);
@@ -873,186 +920,188 @@ class Ut extends f {
     this.unregistered = !0;
   }
 }
-class Dt extends f {
-  constructor(i, t) {
-    const e = t || m("Must be one of [**{allowedAsText}**]");
-    let s = i.join(", ");
-    s.length > 60 && (s = pt(s, {
+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, {
       length: 40,
       separator: ", ",
-      omission: `... (${i.length} items total)`
+      omission: `... (${s.length} items total)`
     }));
-    const r = (a, l, c) => i.includes(d(a)) ? null : [
+    const r = (a, l, c) => s.includes(d(a)) ? null : [
       new p(
-        this.replacePlaceholders(e, { newValue: a, oldValue: l, field: c, allowedValues: i, allowedAsText: s })
+        this.replacePlaceholders(e, { newValue: a, oldValue: l, field: c, allowedValues: s, allowedAsText: i })
       )
     ];
     super(r);
   }
 }
-function $t(n) {
-  return n == null ? 0 : tt(n) || V(n) ? n.length : et(n) && Object.getPrototypeOf(n) === Object.prototype ? Object.keys(n).length : String(n).length;
+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;
 }
-class Bt extends f {
-  constructor(i) {
-    const t = i || m("Please enter a value"), e = (s, r, a) => $t(d(s)) === 0 ? [new p(
-      this.replacePlaceholders(t, { newValue: s, oldValue: r, field: a })
+class zt extends f {
+  constructor(s) {
+    const t = s || v("Please enter a value"), e = (i, r, a) => Qt(d(i)) === 0 ? [new p(
+      this.replacePlaceholders(t, { newValue: i, oldValue: r, field: a })
     )] : null;
     super(e);
   }
 }
-class kt extends f {
-  constructor(i, t) {
-    const e = t || m("Value must be larger or equal to **{minValue}**"), s = (r, a, l) => r < i || r === void 0 ? [
-      new p(this.replacePlaceholders(e, { newValue: r, oldValue: a, field: l, minValue: i }))
+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 }))
     ] : null;
-    super(s);
+    super(i);
   }
 }
-class qt extends f {
-  constructor(i, t) {
-    const e = t || m("Value must be less than or equal to **{maxValue}**"), s = (r, a, l) => r > i || r === void 0 ? [
-      new p(this.replacePlaceholders(e, { newValue: r, oldValue: a, field: l, maxValue: 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 }))
     ] : null;
-    super(s);
+    super(i);
   }
 }
-class Mt extends f {
-  constructor(i, t, e) {
-    const s = e || m("Value must be between **{minValue}** and **{maxValue}**"), r = (a, l, c) => a < i || a > t || a === void 0 ? [
+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 ? [
       new p(
-        this.replacePlaceholders(s, { newValue: a, oldValue: l, field: c, minValue: i, maxValue: t })
+        this.replacePlaceholders(i, { newValue: a, oldValue: l, field: c, minValue: s, maxValue: t })
       )
     ] : null;
     super(r);
   }
 }
-function W(n) {
-  return n == null ? 0 : tt(n) || V(n) ? n.length : et(n) && Object.getPrototypeOf(n) === Object.prototype ? Object.keys(n).length : String(n).length;
+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;
 }
-class Qt extends f {
-  constructor(i, t) {
-    const e = t || m("Length must be larger or equal to **{minLength}**"), s = (r, a, l) => W(r) < i ? [
-      new p(this.replacePlaceholders(e, { newValue: r, oldValue: a, field: l, minLength: i }))
+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 }))
     ] : null;
-    super(s);
+    super(i);
   }
 }
-class zt extends f {
-  constructor(i, t) {
-    const e = t || m("Length must be less than or equal to **{maxLength}**"), s = (r, a, l) => W(r) > i ? [
-      new p(this.replacePlaceholders(e, { newValue: r, oldValue: a, field: l, maxLength: 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 }))
     ] : null;
-    super(s);
+    super(i);
   }
 }
-class Gt extends f {
-  constructor(i, t, e) {
-    const s = e || m("Length must be between **{minLength}** and **{maxLength}**"), r = (a, l, c) => {
-      const u = W(a);
-      return u < i || u > t ? [
+class Kt extends f {
+  constructor(s, t, e) {
+    const i = 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(s, { newValue: a, oldValue: l, field: c, minLength: i, maxLength: t })
+          this.replacePlaceholders(i, { newValue: a, oldValue: l, field: c, minLength: s, maxLength: t })
         )
       ] : null;
     };
     super(r);
   }
 }
-class Ht extends f {
-  constructor(i, t) {
-    const e = t || m('Value must match pattern "**{pattern}**"'), s = (r, a, l) => i.test(String(d(r))) ? null : [
-      new p(this.replacePlaceholders(e, { newValue: r, oldValue: a, field: l, pattern: i }))
+class Zt extends f {
+  constructor(s, t) {
+    const e = t || v('Value must match pattern "**{pattern}**"'), i = (r, a, l) => s.test(String(d(r))) ? null : [
+      new p(this.replacePlaceholders(e, { newValue: r, oldValue: a, field: l, pattern: s }))
     ];
-    super(s);
+    super(i);
   }
 }
-const Xt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const te = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  CompareTo: Ut,
-  InAllowedValues: Dt,
-  LengthInRange: Gt,
-  MaxLength: zt,
-  MaxValue: qt,
-  MinLength: Qt,
-  MinValue: kt,
-  Pattern: Ht,
-  Required: Bt,
+  CompareTo: Mt,
+  InAllowedValues: Ht,
+  LengthInRange: Kt,
+  MaxLength: Jt,
+  MaxValue: Wt,
+  MinLength: Yt,
+  MinValue: Gt,
+  Pattern: Zt,
+  Required: zt,
   Validator: f,
-  ValueInRange: Mt
-}, Symbol.toStringTag, { value: "Module" })), Zt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  ValueInRange: Xt
+}, Symbol.toStringTag, { value: "Module" })), re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  AbortEventHandlingException: M,
-  Action: Pt,
-  ActionsMap: N,
-  ConditionalEnabledAction: Vt,
-  ConditionalStatementAction: U,
-  ConditionalValueAction: At,
-  ConditionalVisibilityAction: Et,
-  DisplayMode: A,
-  EmptyField: wt,
-  EnabledChangedAction: st,
-  EnabledChangingAction: nt,
-  ExecuteAction: ot,
+  AbortEventHandlingException: H,
+  Action: Dt,
+  ActionsMap: T,
+  ConditionalEnabledAction: St,
+  ConditionalStatementAction: k,
+  ConditionalValueAction: wt,
+  ConditionalVisibilityAction: It,
+  DisplayMode: V,
+  EmptyField: kt,
+  EnabledChangedAction: at,
+  EnabledChangingAction: rt,
+  ExecuteAction: ut,
   Field: D,
   FieldActionBase: b,
   FieldBase: y,
   Group: E,
   List: X,
   ListItemAddedAction: Q,
-  ListItemRemovedAction: ct,
-  MdString: F,
+  ListItemRemovedAction: ht,
+  MdString: L,
+  MessagesWidget: Bt,
   Operator: g,
-  RenderableValue: mt,
-  Statement: C,
-  ValidChangedAction: rt,
-  ValidationError: H,
+  RenderableValue: Vt,
+  Statement: F,
+  ValidChangedAction: lt,
+  ValidationError: W,
   ValidationErrorRenderContent: p,
-  ValidationErrorText: vt,
+  ValidationErrorText: Ct,
   Validator: f,
-  Validators: Xt,
-  ValueChangedAction: v,
-  VisibilityChangedAction: lt,
-  VisibilityChangingAction: at,
-  buildErrorMessage: m,
+  Validators: te,
+  ValueChangedAction: m,
+  VisibilityChangedAction: ct,
+  VisibilityChangingAction: ot,
+  buildErrorMessage: v,
   isSimpleComponentDef: G
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  M as AbortEventHandlingException,
-  Pt as Action,
-  N as ActionsMap,
-  Vt as ConditionalEnabledAction,
-  U as ConditionalStatementAction,
-  At as ConditionalValueAction,
-  Et as ConditionalVisibilityAction,
-  A as DisplayMode,
-  wt as EmptyField,
-  st as EnabledChangedAction,
-  nt as EnabledChangingAction,
-  ot as ExecuteAction,
+  H as AbortEventHandlingException,
+  Dt as Action,
+  T as ActionsMap,
+  St as ConditionalEnabledAction,
+  k as ConditionalStatementAction,
+  wt as ConditionalValueAction,
+  It as ConditionalVisibilityAction,
+  V as DisplayMode,
+  kt as EmptyField,
+  at as EnabledChangedAction,
+  rt as EnabledChangingAction,
+  ut as ExecuteAction,
   D as Field,
   b as FieldActionBase,
   y as FieldBase,
   E as Group,
   X as List,
   Q as ListItemAddedAction,
-  ct as ListItemRemovedAction,
-  F as MdString,
+  ht as ListItemRemovedAction,
+  L as MdString,
+  Bt as MessagesWidget,
   g as Operator,
-  mt as RenderableValue,
-  C as Statement,
-  rt as ValidChangedAction,
-  H as ValidationError,
+  Vt as RenderableValue,
+  F as Statement,
+  lt as ValidChangedAction,
+  W as ValidationError,
   p as ValidationErrorRenderContent,
-  vt as ValidationErrorText,
+  Ct as ValidationErrorText,
   f as Validator,
-  Xt as Validators,
-  v as ValueChangedAction,
-  lt as VisibilityChangedAction,
-  at as VisibilityChangingAction,
-  m as buildErrorMessage,
-  Zt as default,
-  Yt as forms,
+  te as Validators,
+  m as ValueChangedAction,
+  ct as VisibilityChangedAction,
+  ot as VisibilityChangingAction,
+  v as buildErrorMessage,
+  re as default,
+  ie as forms,
   G as isSimpleComponentDef
 };
 //# sourceMappingURL=dynamicforms-vue-forms.js.map