@dynamicforms/vue-forms 0.16.1 → 0.17.1

package/dist/dynamicforms-vue-forms.js

@@ -1,10 +1,10 @@
-import { computed as K, unref as h, isRef as Vt, reactive as Ut, watch as $t, ref as Wt, defineComponent as qt, resolveComponent as lt, openBlock as zt, createBlock as Ht, h as k } from "vue";
-import { isEqual as R, isEmpty as F, isBoolean as Qt, isString as C, truncate as Xt, isArray as yt, isObject as Et } from "lodash-es";
-var x = /* @__PURE__ */ ((n) => (n[n.SUPPRESS = 1] = "SUPPRESS", n[n.HIDDEN = 5] = "HIDDEN", n[n.INVISIBLE = 8] = "INVISIBLE", n[n.FULL = 10] = "FULL", n))(x || {});
+import { computed as K, unref as h, isRef as Vt, reactive as Ut, watch as $t, ref as Wt, defineComponent as qt, resolveComponent as lt, openBlock as zt, createBlock as Ht, h as R } from "vue";
+import { isEqual as F, isEmpty as j, isBoolean as Qt, isString as C, truncate as Xt, isArray as yt, isObject as Et } from "lodash-es";
+var I = /* @__PURE__ */ ((n) => (n[n.SUPPRESS = 1] = "SUPPRESS", n[n.HIDDEN = 5] = "HIDDEN", n[n.INVISIBLE = 8] = "INVISIBLE", n[n.FULL = 10] = "FULL", n))(I || {});
 const Kt = 10, ut = new Set(
-  Object.values(x).filter((n) => typeof n == "number")
+  Object.values(I).filter((n) => typeof n == "number")
 ), Yt = new Set(
-  Object.values(x).filter((n) => typeof n == "string")
+  Object.values(I).filter((n) => typeof n == "string")
 );
 function z(n) {
   const t = typeof n == "string" ? `'${n}'` : String(n);
@@ -33,9 +33,9 @@ function z(n) {
     return typeof i == "number" ? ut.has(i) : typeof i == "string" ? Yt.has(i.toUpperCase()) : !1;
   }
   n.isDefined = s;
-})(x || (x = {}));
-Object.freeze(x);
-const I = x;
+})(I || (I = {}));
+Object.freeze(I);
+const O = I;
 class m {
   static get classIdentifier() {
     throw new Error("classIdentifier must be declared");
@@ -86,10 +86,10 @@ class m {
   unregisterFrom(t) {
   }
 }
-class P extends Error {
+class S extends Error {
 }
 const Ct = /* @__PURE__ */ Symbol("ValueChangedAction");
-class T extends m {
+class P extends m {
   constructor(t) {
     super(t);
   }
@@ -100,7 +100,7 @@ class T extends m {
     return super.execute(t, e, s, i);
   }
 }
-const O = /* @__PURE__ */ Symbol("Transaction.capture"), St = /* @__PURE__ */ Symbol("Transaction.restore"), xt = /* @__PURE__ */ Symbol("Transaction.announceValue"), At = /* @__PURE__ */ Symbol("Transaction.settleValidity");
+const k = /* @__PURE__ */ Symbol("Transaction.capture"), St = /* @__PURE__ */ Symbol("Transaction.restore"), xt = /* @__PURE__ */ Symbol("Transaction.announceValue"), At = /* @__PURE__ */ Symbol("Transaction.settleValidity");
 function ct(n) {
   let t = 0, e = n.parent;
   for (; e; )
@@ -134,7 +134,7 @@ class Jt {
    */
   touch(t) {
     const e = this.participant(t);
-    e.snapshot || (e.snapshot = t[O]());
+    e.snapshot || (e.snapshot = t[k]());
   }
   /** Enrols an element as one whose value the commit has to announce. `force` skips the comparison. */
   markValueChanged(t, e) {
@@ -268,9 +268,9 @@ class Jt {
     );
   }
 }
-let S, H;
+let A, H;
 function It() {
-  return S;
+  return A;
 }
 class Tt {
 }
@@ -292,12 +292,12 @@ function ht(n) {
     );
 }
 function J(n) {
-  if (S) {
+  if (A) {
     const s = n(H);
     return ht(s), s;
   }
   const t = new Jt(), e = new Zt();
-  S = t, H = e;
+  A = t, H = e;
   try {
     const s = n(e);
     return ht(s), t.commit(), s;
@@ -305,11 +305,11 @@ function J(n) {
     if (t.rollback(), s instanceof Tt) return;
     throw s;
   } finally {
-    S = void 0, H = void 0, e.close();
+    A = void 0, H = void 0, e.close();
   }
 }
 function u(n) {
-  return S ? n(S) : J(() => n(S));
+  return A ? n(A) : J(() => n(A));
 }
 const Ot = { useMarkdownInValidators: !0 };
 function Gt() {
@@ -323,7 +323,7 @@ const Ue = {
     t && te(t);
   }
 };
-class j extends String {
+class N extends String {
   plugins;
   options;
   constructor(t, e, s) {
@@ -334,7 +334,7 @@ function Z(n) {
   const t = h(n);
   return typeof t == "object" && t !== null && "componentName" in t;
 }
-function L(n) {
+function M(n) {
   return typeof h(n) == "function";
 }
 class G {
@@ -358,7 +358,7 @@ class G {
    * `ValidationErrorRenderContent` holds a Vue `computed`, and two of those are never structurally equal.
    */
   sameAs(t) {
-    return Object.getPrototypeOf(this) === Object.getPrototypeOf(t) && this.code === t.code && this.componentName === t.componentName && R(this.componentBody, t.componentBody) && R(this.componentBindings, t.componentBindings) && R(this.extraClasses, t.extraClasses);
+    return Object.getPrototypeOf(this) === Object.getPrototypeOf(t) && this.code === t.code && this.componentName === t.componentName && F(this.componentBody, t.componentBody) && F(this.componentBindings, t.componentBindings) && F(this.extraClasses, t.extraClasses);
   }
   get componentName() {
     return "Comment";
@@ -398,11 +398,11 @@ class g extends G {
   textType;
   get resolvedText() {
     const t = h(this.text);
-    return L(t) ? t() : t;
+    return M(t) ? t() : t;
   }
   get getTextType() {
     const t = this.resolvedText;
-    return t ? t instanceof j ? "md" : Z(t) ? "component" : "string" : "string";
+    return t ? t instanceof N ? "md" : Z(t) ? "component" : "string" : "string";
   }
   get componentName() {
     switch (h(this.textType)) {
@@ -447,11 +447,11 @@ class g extends G {
 class se extends g {
 }
 function b(n) {
-  return Gt().useMarkdownInValidators ? new j(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, `
+  return Gt().useMarkdownInValidators ? new N(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, `
 `);
 }
 const ie = /* @__PURE__ */ Symbol("Validator"), ne = () => b("Validation could not be completed");
-class f extends T {
+class f extends P {
   source;
   /**
    * Creates a new validator
@@ -461,22 +461,22 @@ class f extends T {
     const e = (s, i, r, a) => {
       const o = this.bindingState(s), l = o.abandon, v = ++o.run, p = s.validationEpoch, it = It();
       let nt = !1;
-      const $ = () => !nt && o.run === v && s.validationEpoch === p && !it?.rolledBack, rt = new AbortController(), B = () => {
-        $() || (nt = !0, o.abandon === B && (o.abandon = void 0), rt.abort());
+      const $ = () => !nt && o.run === v && s.validationEpoch === p && !it?.rolledBack, rt = new AbortController(), D = () => {
+        $() || (nt = !0, o.abandon === D && (o.abandon = void 0), rt.abort());
       };
       l?.();
       const W = t(r, a, s, rt.signal) || [], q = (E) => J(() => {
-        const D = E?.map((A) => this.claim(A)) ?? [];
-        for (let A = s.errors.length - 1; A >= 0; A--) {
-          const at = s.errors[A];
+        const L = E?.map((T) => this.claim(T)) ?? [];
+        for (let T = s.errors.length - 1; T >= 0; T--) {
+          const at = s.errors[T];
           if (at.source === this.source) {
-            const ot = D.findIndex((Mt) => Mt.sameAs(at));
-            ot >= 0 ? D.splice(ot, 1) : s.errors.splice(A, 1);
+            const ot = L.findIndex((Mt) => Mt.sameAs(at));
+            ot >= 0 ? L.splice(ot, 1) : s.errors.splice(T, 1);
           }
         }
-        D.length > 0 && s.errors.push(...D), s.validate();
+        L.length > 0 && s.errors.push(...L), s.validate();
       });
-      return W instanceof Promise ? (o.abandon = B, it?.whenRolledBack(B), s.beginValidating(), W.then(
+      return W instanceof Promise ? (o.abandon = D, it?.whenRolledBack(D), s.beginValidating(), W.then(
         (E) => {
           $() && q(E);
         },
@@ -484,7 +484,7 @@ class f extends T {
           $() && (q([new g(ne(), "", "validation-failed")]), console.error("Validation failed", E));
         }
       ).finally(() => {
-        o.abandon === B && (o.abandon = void 0), s.endValidating();
+        o.abandon === D && (o.abandon = void 0), s.endValidating();
       }).catch((E) => console.error("Validation failed", E))) : q(W), i(s, r, a);
     };
     super(e), this.source = Symbol(this.constructor.name);
@@ -556,23 +556,23 @@ class f extends T {
   replacePlaceholdersFunction(t, e) {
     return () => {
       let s = h(t);
-      for (; L(s); )
+      for (; M(s); )
         s = h(this.replacePlaceholders(s(), e));
       return s;
     };
   }
   replacePlaceholders(t, e) {
-    if (L(t)) return this.replacePlaceholdersFunction(t, e);
+    if (M(t)) return this.replacePlaceholdersFunction(t, e);
     if (Z(t)) return t;
     if (Vt(t))
       return this.replacePlaceholdersFunction(() => h(t), e);
     let s = h(t);
     return Object.keys(e).forEach((i) => {
       s = s.replaceAll(`{${i}}`, e[i]);
-    }), t instanceof j ? new j(s.toString(), t.options, t.plugins) : s;
+    }), t instanceof N ? new N(s.toString(), t.options, t.plugins) : s;
   }
 }
-class M {
+class x {
   /**
    * Every action registered here, in registration order. It is replaced rather than written when an action is
    * dropped, so a run already walking it finishes on the array it started with and the removal takes effect from
@@ -616,11 +616,14 @@ class M {
     const s = this.actions;
     for (let i = s.length - 1; i >= 0; i--) {
       const r = s[i];
-      if (r.eager && M.outermostEager(s, i))
+      if (r.eager && x.outermostEager(s, i))
         try {
-          this.walk(s, i, r.classIdentifier, !0, t, e);
+          const a = this.walk(s, i, r.classIdentifier, !0, t, e);
+          x.isPromise(a) && a.then(void 0, (o) => {
+            if (!(o instanceof S)) throw o;
+          });
         } catch (a) {
-          if (!(a instanceof P)) throw a;
+          if (!(a instanceof S)) throw a;
         }
     }
   }
@@ -647,17 +650,38 @@ class M {
       if (t[i].eager && t[i].classIdentifier === s) return !1;
     return !0;
   }
+  /**
+   * True where `value` is a promise, which is what a walk through an asynchronous handler answers with. The test is
+   * the type rather than a `then` member: a handler may answer with a value object that carries one, and calling
+   * `then` on such an object replaces the answer with whatever that call returns.
+   */
+  static isPromise(t) {
+    return t instanceof Promise;
+  }
+  /**
+   * Answers an abort with itself on the asynchronous path as well. Where a handler in the chain is asynchronous, the
+   * walk answers with a promise and the abort raised under it arrives as that promise's rejection; this turns it back
+   * into the value the caller receives, so a promise the trigger answers with resolves to the exception instead of
+   * rejecting with it. Anything else keeps rejecting.
+   */
+  static answerAbort(t) {
+    return x.isPromise(t) ? t.then(void 0, (e) => {
+      if (e instanceof S) return e;
+      throw e;
+    }) : t;
+  }
   /**
    * Enters a group at its outermost action. An abort ends the run and is answered with rather than raised: the
-   * exception is what the caller receives, so a run a handler ended is told apart from one that reached no handler
-   * and from one whose handler answered null.
+   * exception is what the caller receives - directly where the chain ran synchronously, as what the answered promise
+   * resolves to where it did not - so a run a handler ended is told apart from one that reached no handler and from
+   * one whose handler answered null.
    */
   run(t, e, s, i) {
     const r = this.actions;
     try {
-      return this.walk(r, r.length - 1, t, e, s, i);
+      return x.answerAbort(this.walk(r, r.length - 1, t, e, s, i));
     } catch (a) {
-      if (a instanceof P) return a;
+      if (a instanceof S) return a;
       throw a;
     }
   }
@@ -703,7 +727,7 @@ function tt(n, t) {
   }
   return V(n) === V(t.declaration) ? void 0 : n;
 }
-function kt(n, t) {
+function Pt(n, t) {
   const e = tt(n, t);
   if (!e) return [];
   if (e !== n) return [e];
@@ -719,7 +743,7 @@ function ae(n, t) {
   }
 }
 const oe = /* @__PURE__ */ Symbol("ConditionalStatementAction");
-class U extends T {
+class U extends P {
   statement;
   conditionalExecutor;
   /**
@@ -736,7 +760,7 @@ class U extends T {
   registrations = /* @__PURE__ */ new WeakSet();
   constructor(t, e) {
     super((i, r, a, o) => (this.applyIn(V(i)) || i.markRecordIncomplete(), r(i, a, o))), this.statement = t, this.conditionalExecutor = e;
-    const s = new T((i, r, ...a) => (this.applyFrom(i), r(i, ...a)));
+    const s = new P((i, r, ...a) => (this.applyFrom(i), r(i, ...a)));
     t.collectFields().forEach((i) => i.registerAction(s));
   }
   static get classIdentifier() {
@@ -758,7 +782,7 @@ class U extends T {
   targetsIn(t) {
     const e = [];
     return this.declarations.forEach(
-      (s) => kt(s, t).forEach((i) => {
+      (s) => Pt(s, t).forEach((i) => {
         this.registrations.has(i) && e.push(i);
       })
     ), e;
@@ -791,7 +815,7 @@ class U extends T {
 class le extends U {
   constructor(t) {
     super(t, (e, s) => {
-      e.visibility = s ? I.FULL : I.SUPPRESS;
+      e.visibility = s ? O.FULL : O.SUPPRESS;
     });
   }
 }
@@ -809,7 +833,7 @@ class ce extends U {
     });
   }
 }
-var N = /* @__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))(N || {});
+var B = /* @__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))(B || {});
 ((n) => {
   function t(r) {
     const a = r.toLowerCase();
@@ -847,10 +871,10 @@ var N = /* @__PURE__ */ ((n) => (n[n.NOT = 0] = "NOT", n[n.OR = 1] = "OR", n[n.A
     return r >= 0;
   }
   n.isLogicOperator = i;
-})(N || (N = {}));
-Object.freeze(N);
-const c = N, he = /* @__PURE__ */ Symbol("EnabledChangingAction");
-class Rt extends m {
+})(B || (B = {}));
+Object.freeze(B);
+const c = B, he = /* @__PURE__ */ Symbol("EnabledChangingAction");
+class kt extends m {
   constructor(t) {
     super(t);
   }
@@ -862,7 +886,7 @@ class Rt extends m {
   }
 }
 const de = /* @__PURE__ */ Symbol("EnabledChangedAction");
-class _t extends m {
+class Rt extends m {
   constructor(t) {
     super(t);
   }
@@ -886,7 +910,7 @@ class Ft extends m {
   }
 }
 const fe = /* @__PURE__ */ Symbol("VisibilityChangingAction");
-class Pt extends m {
+class _t extends m {
   constructor(t) {
     super(t);
   }
@@ -1042,7 +1066,7 @@ class y {
     const e = this.extendedOf(t);
     Object.entries(t).forEach(([s, i]) => {
       Object.hasOwn(e, s) || pt.has(s) || (this[s] = i);
-    }), F(e) || this.setExtendedValues(e);
+    }), j(e) || this.setExtendedValues(e);
   }
   /**
    * Takes this element into the record of the open transaction, where one is open. A write of a single slot that
@@ -1060,7 +1084,7 @@ class y {
    * What is not in the snapshot is the action map, which no write touches: an operation that replaces it hands
    * the transaction its own undo instead, so this stays the one shape every element captures.
    */
-  [O]() {
+  [k]() {
     return { ...this.#e, errors: [...this.#e.errors] };
   }
   /**
@@ -1269,7 +1293,7 @@ class y {
   get actions() {
     const t = this.declaration;
     if (!t._actions) {
-      const e = new M();
+      const e = new x();
       t.boundElements.forEach((s) => {
         s._actions = e;
       });
@@ -1427,11 +1451,11 @@ class y {
   set visibility(t) {
     const e = this.#t.visibility;
     t !== e && u((s) => {
-      const i = this.boundActions?.trigger(Pt, this, t, e);
-      if (!(i instanceof P)) {
-        if (!I.isDefined(i ?? t))
+      const i = this.boundActions?.trigger(_t, this, t, e);
+      if (!(i instanceof S)) {
+        if (!O.isDefined(i ?? t))
           throw new Error("visibility must be a DisplayMode constant");
-        s.touch(this), this.#t.visibility = I.fromAny(i ?? t), this.boundActions?.trigger(jt, this, this.#t.visibility, e);
+        s.touch(this), this.#t.visibility = O.fromAny(i ?? t), this.boundActions?.trigger(jt, this, this.#t.visibility, e);
       }
     });
   }
@@ -1441,13 +1465,31 @@ class y {
   set enabled(t) {
     const e = this.#t.enabled;
     t !== e && u((s) => {
-      const i = this.boundActions?.trigger(Rt, this, t, e);
-      if (!(i instanceof P)) {
+      const i = this.boundActions?.trigger(kt, this, t, e);
+      if (!(i instanceof S)) {
         if (!Qt(i ?? t)) throw new Error("Enabled value must be boolean");
-        s.touch(this), this.#t.enabled = i ?? t, this.#t.enabled !== e && this.bumpValueVersion(), this.boundActions?.trigger(_t, this, this.#t.enabled, e);
+        s.touch(this), this.#t.enabled = i ?? t, this.#t.enabled !== e && this.bumpValueVersion(), this.boundActions?.trigger(Rt, this, this.#t.enabled, e);
       }
     });
   }
+  /**
+   * Whether this element and every container above it are enabled. A rendering layer binds one read instead of
+   * walking the parent chain: a disabled `Group` states that its section cannot be edited, and the inputs
+   * rendered from the members inside it read that here.
+   *
+   * It is a read and nothing else. `enabled` on each element stays exactly what was written to it, a write to a
+   * member of a disabled container is accepted the way it always was, and what a container serializes is decided
+   * by the members' own `enabled`. Where a whole subtree is to stop serializing, the members are disabled.
+   *
+   * `enabled` is the only member with a reading of this kind, and it is not a scheme the other members follow.
+   * `visibility` has none because `SUPPRESS` states that an element is absent from the value as well, so folding
+   * it down the tree would decide serialization rather than report it; `value` has none because a container
+   * composes its own from its members rather than passing one down. A rendering layer that needs a third thing
+   * folded down the tree has `provide`/`inject`, which is where the render tree's own context belongs.
+   */
+  get effectiveEnabled() {
+    return this.enabled && (this.parent?.effectiveEnabled ?? !0);
+  }
   /**
    * True for an element whose value is composed of its members'. The commit builds such a value only where
    * something receives it, compares it by content rather than by identity, and runs the element's own validators
@@ -1477,7 +1519,7 @@ class y {
     const r = this.boundActions;
     if (this.composesValue && !(r?.willTrigger(Ct) || r?.hasEager)) return;
     const a = this.value, o = this.#e.announcedValue;
-    !s && (this.composesValue ? R(a, o) : a === o) || (t.touch(this), this.#e.announcedValue = a, this.composesValue && r?.triggerEager(this, a, o), r?.trigger(T, this, a, o));
+    !s && (this.composesValue ? F(a, o) : a === o) || (t.touch(this), this.#e.announcedValue = a, this.composesValue && r?.triggerEager(this, a, o), r?.trigger(P, this, a, o));
   }
   /**
    * Forms the verdict this element ends the transaction with and announces a transition of it. The container is
@@ -1505,7 +1547,7 @@ class y {
     return this.value;
   }
   get isChanged() {
-    return !R(this.value, this.originalValue);
+    return !F(this.value, this.originalValue);
   }
   /**
    * Brings a fresh element into the state a binding of `source` is in: it records what it was declared as, takes
@@ -1518,7 +1560,7 @@ class y {
   boundFrom(t, e, s, i) {
     this.#e.declaration = t.declaration;
     const r = { ...t.extra, ...i && this.extendedOf(i) };
-    F(r) || this.setExtendedValues(r);
+    j(r) || this.setExtendedValues(r);
     const a = this.declaration;
     a.noteBinding(this);
     const o = a._actions;
@@ -1757,7 +1799,7 @@ function Dt() {
     originalValue: void 0,
     announcedValue: void 0,
     errors: [],
-    visibility: I.FULL,
+    visibility: O.FULL,
     enabled: !0,
     valueVersion: 0,
     validatingCount: 0,
@@ -1926,7 +1968,8 @@ class Se extends et {
    *
    * The answer is a promise whatever the handler returns, so a handler that throws rejects it rather than throwing
    * out of this call: a caller that does not await the answer and does not attach a catch handler leaves that
-   * rejection unhandled.
+   * rejection unhandled. An `AbortEventHandlingException` is the one exception that does not reject: the answer
+   * resolves with it, in a synchronous chain as in an asynchronous one.
    */
   async execute(t) {
     const e = this.busyRuns;
@@ -2002,22 +2045,22 @@ const xe = /* @__PURE__ */ qt({
       "dt",
       "dd"
     ]), i = () => {
-      if (typeof t.message == "string") return k("span", { class: t.classes }, t.message);
+      if (typeof t.message == "string") return R("span", { class: t.classes }, t.message);
       const r = [];
       return t.message.forEach((a) => {
         switch (a.componentName) {
           case "template":
-            r.push(k("div", { class: [t.classes, a.extraClasses] }, a.componentBody));
+            r.push(R("div", { class: [t.classes, a.extraClasses] }, a.componentBody));
             break;
           case "vue-markdown":
             if (typeof e == "string")
               console.warn(
                 "You are using markdown for messages-widget, but you haven't registered a vue-markdown component"
-              ), r.push(k("div", { class: [t.classes, a.extraClasses] }, a.componentBindings.source));
+              ), r.push(R("div", { class: [t.classes, a.extraClasses] }, a.componentBindings.source));
             else {
               const o = a.componentBindings;
               r.push(
-                k(e, {
+                R(e, {
                   class: [t.classes, a.extraClasses, "df-messages-widget-markdown"],
                   source: o.source,
                   options: o.options,
@@ -2028,7 +2071,7 @@ const xe = /* @__PURE__ */ qt({
             break;
           default:
             r.push(
-              k(
+              R(
                 s.has(a.componentName.toLowerCase()) ? a.componentName : lt(a.componentName),
                 {
                   class: [t.classes, a.extraClasses],
@@ -2093,8 +2136,8 @@ class d extends y {
    * The name array is copied as well: a rollback puts back the set of members the group held, not the array it
    * went on to hold.
    */
-  [O]() {
-    const t = super[O]();
+  [k]() {
+    const t = super[k]();
     return t.fieldNames = [...this.raw.fieldNames], t;
   }
   /**
@@ -2192,9 +2235,9 @@ class d extends y {
     const e = /* @__PURE__ */ Object.create(null);
     Object.entries(this._fields).forEach(([i, r]) => {
       const a = r.value;
-      (r.enabled || this.childComposesValue(r) && !F(a)) && (e[i] = a);
+      (r.enabled || this.childComposesValue(r) && !j(a)) && (e[i] = a);
     });
-    const s = F(e) ? null : Object.freeze({ ...e });
+    const s = j(e) ? null : Object.freeze({ ...e });
     return this.raw.cachedValue = s, this.raw.cachedValueVersion = t, s;
   }
   /**
@@ -2337,8 +2380,8 @@ class _ extends y {
     });
   }
   /** The row array is copied as well: a rollback puts back the set the list held, not the array it went on to hold. */
-  [O]() {
-    const t = super[O]();
+  [k]() {
+    const t = super[k]();
     return t.rows = this.raw.rows ? [...this.raw.rows] : this.raw.rows, t;
   }
   /**
@@ -2391,7 +2434,7 @@ class _ extends y {
   get value() {
     const t = this.valueVersion;
     if (this.raw.cachedValueVersion === t) return this.raw.cachedValue;
-    const e = this.state.rows?.map((i) => i.value), s = F(e) ? null : Object.freeze(e);
+    const e = this.state.rows?.map((i) => i.value), s = j(e) ? null : Object.freeze(e);
     return this.raw.cachedValue = s, this.raw.cachedValueVersion = t, s;
   }
   set value(t) {
@@ -2588,11 +2631,11 @@ class Ie extends f {
    */
   listenOn(t) {
     this.listening.has(t) || this.listening.has(t.declaration) || (this.listening.add(t), t.registerAction(
-      new T((e, s, i, r) => {
+      new P((e, s, i, r) => {
         s(e, i, r);
         const a = V(e);
         this.declarations.forEach(
-          (o) => kt(o, a).forEach((l) => {
+          (o) => Pt(o, a).forEach((l) => {
             this.registrations.has(l) && this.execute(l, () => null, l.value, this.comparisonState(l).oldValue);
           })
         );
@@ -2645,7 +2688,7 @@ function Oe(n) {
 function wt(n) {
   return typeof n == "object" && n !== null && !Vt(n) && !(n instanceof String) && !("componentName" in n);
 }
-class ke extends f {
+class Pe extends f {
   constructor(t, e) {
     const s = wt(t) ? void 0 : t, i = (wt(t) ? t : e)?.trim ?? !0, r = s || b("Please enter a value"), a = (o, l, v) => {
       const p = h(o);
@@ -2660,7 +2703,7 @@ class ke extends f {
     super(a);
   }
 }
-class Re extends f {
+class ke extends f {
   constructor(t, e) {
     const s = e || b("Value must be larger or equal to **{minValue}**"), i = (r, a, o) => r < t || r === void 0 ? [
       new g(
@@ -2672,7 +2715,7 @@ class Re extends f {
     super(i);
   }
 }
-class _e extends f {
+class Re extends f {
   constructor(t, e) {
     const s = e || b("Value must be less than or equal to **{maxValue}**"), i = (r, a, o) => r > t || r === void 0 ? [
       new g(
@@ -2699,7 +2742,7 @@ class Fe extends f {
 function st(n) {
   return n == null ? 0 : yt(n) || C(n) ? n.length : Et(n) && Object.getPrototypeOf(n) === Object.prototype ? Object.keys(n).length : String(n).length;
 }
-class Pe extends f {
+class _e extends f {
   constructor(t, e) {
     const s = e || b("Length must be larger or equal to **{minLength}**"), i = (r, a, o) => st(r) < t ? [
       new g(
@@ -2756,25 +2799,25 @@ const De = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   InAllowedValues: Te,
   LengthInRange: Ne,
   MaxLength: je,
-  MaxValue: _e,
-  MinLength: Pe,
-  MinValue: Re,
+  MaxValue: Re,
+  MinLength: _e,
+  MinValue: ke,
   Pattern: Be,
-  Required: ke,
+  Required: Pe,
   Validator: f,
   ValueInRange: Fe
 }, Symbol.toStringTag, { value: "Module" })), $e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  AbortEventHandlingException: P,
+  AbortEventHandlingException: S,
   Action: Se,
-  ActionsMap: M,
+  ActionsMap: x,
   ConditionalEnabledAction: ue,
   ConditionalStatementAction: U,
   ConditionalValueAction: ce,
   ConditionalVisibilityAction: le,
-  DisplayMode: I,
-  EnabledChangedAction: _t,
-  EnabledChangingAction: Rt,
+  DisplayMode: O,
+  EnabledChangedAction: Rt,
+  EnabledChangingAction: kt,
   ExecuteAction: Nt,
   Field: et,
   FieldActionBase: m,
@@ -2783,7 +2826,7 @@ const De = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   List: _,
   ListItemAddedAction: Y,
   ListItemRemovedAction: Bt,
-  MdString: j,
+  MdString: N,
   MessagesWidget: xe,
   Operator: c,
   RenderableValue: se,
@@ -2793,26 +2836,26 @@ const De = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ValidationErrorRenderContent: g,
   ValidationErrorText: ee,
   Validators: De,
-  ValueChangedAction: T,
+  ValueChangedAction: P,
   VisibilityChangedAction: jt,
-  VisibilityChangingAction: Pt,
+  VisibilityChangingAction: _t,
   buildErrorMessage: b,
   defaultDisplayMode: Kt,
-  isCallableFunction: L,
+  isCallableFunction: M,
   isSimpleComponentDef: Z,
   transaction: J
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  P as AbortEventHandlingException,
+  S as AbortEventHandlingException,
   Se as Action,
-  M as ActionsMap,
+  x as ActionsMap,
   ue as ConditionalEnabledAction,
   U as ConditionalStatementAction,
   ce as ConditionalValueAction,
   le as ConditionalVisibilityAction,
-  I as DisplayMode,
-  _t as EnabledChangedAction,
-  Rt as EnabledChangingAction,
+  O as DisplayMode,
+  Rt as EnabledChangedAction,
+  kt as EnabledChangingAction,
   Nt as ExecuteAction,
   et as Field,
   m as FieldActionBase,
@@ -2821,7 +2864,7 @@ export {
   _ as List,
   Y as ListItemAddedAction,
   Bt as ListItemRemovedAction,
-  j as MdString,
+  N as MdString,
   xe as MessagesWidget,
   c as Operator,
   se as RenderableValue,
@@ -2831,15 +2874,15 @@ export {
   g as ValidationErrorRenderContent,
   ee as ValidationErrorText,
   De as Validators,
-  T as ValueChangedAction,
+  P as ValueChangedAction,
   jt as VisibilityChangedAction,
-  Pt as VisibilityChangingAction,
+  _t as VisibilityChangingAction,
   b as buildErrorMessage,
   $e as default,
   Kt as defaultDisplayMode,
   Ue as forms,
   Gt as getConfig,
-  L as isCallableFunction,
+  M as isCallableFunction,
   Z as isSimpleComponentDef,
   te as setConfig,
   J as transaction