@dynamicforms/vue-forms 0.11.0 → 0.12.0

package/dist/dynamicforms-vue-forms.js

@@ -1,69 +1,69 @@
 var Gt = Object.defineProperty, Yt = Object.defineProperties;
 var Jt = Object.getOwnPropertyDescriptors;
-var q = Object.getOwnPropertySymbols;
-var mt = Object.prototype.hasOwnProperty, bt = Object.prototype.propertyIsEnumerable;
-var vt = (n) => {
+var W = Object.getOwnPropertySymbols;
+var ft = Object.prototype.hasOwnProperty, pt = Object.prototype.propertyIsEnumerable;
+var mt = (n) => {
   throw TypeError(n);
 };
 var K = (n, e, t) => e in n ? Gt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, p = (n, e) => {
   for (var t in e || (e = {}))
-    mt.call(e, t) && K(n, t, e[t]);
-  if (q)
-    for (var t of q(e))
-      bt.call(e, t) && K(n, t, e[t]);
+    ft.call(e, t) && K(n, t, e[t]);
+  if (W)
+    for (var t of W(e))
+      pt.call(e, t) && K(n, t, e[t]);
   return n;
-}, x = (n, e) => Yt(n, Jt(e));
+}, C = (n, e) => Yt(n, Jt(e));
 var k = (n, e) => {
   var t = {};
   for (var s in n)
-    mt.call(n, s) && e.indexOf(s) < 0 && (t[s] = n[s]);
-  if (n != null && q)
-    for (var s of q(n))
-      e.indexOf(s) < 0 && bt.call(n, s) && (t[s] = n[s]);
+    ft.call(n, s) && e.indexOf(s) < 0 && (t[s] = n[s]);
+  if (n != null && W)
+    for (var s of W(n))
+      e.indexOf(s) < 0 && pt.call(n, s) && (t[s] = n[s]);
   return t;
 };
-var d = (n, e, t) => K(n, typeof e != "symbol" ? e + "" : e, t), Vt = (n, e, t) => e.has(n) || vt("Cannot " + t);
-var l = (n, e, t) => (Vt(n, e, "read from private field"), t ? t.call(n) : e.get(n)), Z = (n, e, t) => e.has(n) ? vt("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(n) : e.set(n, t), tt = (n, e, t, s) => (Vt(n, e, "write to private field"), s ? s.call(n, t) : e.set(n, t), t);
-var wt = (n, e, t) => new Promise((s, i) => {
-  var r = (c) => {
+var d = (n, e, t) => K(n, typeof e != "symbol" ? e + "" : e, t), bt = (n, e, t) => e.has(n) || mt("Cannot " + t);
+var l = (n, e, t) => (bt(n, e, "read from private field"), t ? t.call(n) : e.get(n)), Z = (n, e, t) => e.has(n) ? mt("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(n) : e.set(n, t), tt = (n, e, t, s) => (bt(n, e, "write to private field"), s ? s.call(n, t) : e.set(n, t), t);
+var vt = (n, e, t) => new Promise((s, i) => {
+  var r = (u) => {
     try {
-      o(t.next(c));
-    } catch (u) {
-      i(u);
+      o(t.next(u));
+    } catch (c) {
+      i(c);
     }
-  }, a = (c) => {
+  }, a = (u) => {
     try {
-      o(t.throw(c));
-    } catch (u) {
-      i(u);
+      o(t.throw(u));
+    } catch (c) {
+      i(c);
     }
-  }, o = (c) => c.done ? s(c.value) : Promise.resolve(c.value).then(r, a);
+  }, o = (u) => u.done ? s(u.value) : Promise.resolve(u.value).then(r, a);
   o((t = t.apply(n, e)).next());
 });
-import { isEqual as nt, isEmpty as L, isBoolean as Kt, isString as P, truncate as Zt, isArray as Tt, isObject as Ot } from "lodash-es";
-import { unref as b, computed as jt, isRef as te, reactive as ee, ref as se, defineComponent as ie, resolveComponent as yt, openBlock as ne, createBlock as re, h as R } from "vue";
-var F = /* @__PURE__ */ ((n) => (n[n.SUPPRESS = 1] = "SUPPRESS", n[n.HIDDEN = 5] = "HIDDEN", n[n.INVISIBLE = 8] = "INVISIBLE", n[n.FULL = 10] = "FULL", n))(F || {});
-const Et = 10, xt = new Set(
-  Object.values(F).filter((n) => typeof n == "number")
+import { isEqual as nt, isEmpty as L, isBoolean as Kt, isString as j, truncate as Zt, isArray as At, isObject as _t } from "lodash-es";
+import { unref as b, computed as Tt, isRef as te, reactive as ee, ref as se, defineComponent as ie, resolveComponent as Vt, openBlock as ne, createBlock as re, h as R } from "vue";
+var P = /* @__PURE__ */ ((n) => (n[n.SUPPRESS = 1] = "SUPPRESS", n[n.HIDDEN = 5] = "HIDDEN", n[n.INVISIBLE = 8] = "INVISIBLE", n[n.FULL = 10] = "FULL", n))(P || {});
+const wt = 10, yt = new Set(
+  Object.values(P).filter((n) => typeof n == "number")
 );
 ((n) => {
   function e(i) {
-    return i.toUpperCase() === "SUPPRESS" ? 1 : i.toUpperCase() === "HIDDEN" ? 5 : i.toUpperCase() === "INVISIBLE" ? 8 : Et;
+    return i.toUpperCase() === "SUPPRESS" ? 1 : i.toUpperCase() === "HIDDEN" ? 5 : i.toUpperCase() === "INVISIBLE" ? 8 : wt;
   }
   n.fromString = e;
   function t(i) {
     const r = typeof i == "number" ? i : n.fromString(i);
-    return xt.has(r) ? r : Et;
+    return yt.has(r) ? r : wt;
   }
   n.fromAny = t;
   function s(i) {
     const r = typeof i == "number" ? i : n.fromString(i);
-    return xt.has(r);
+    return yt.has(r);
   }
   n.isDefined = s;
-})(F || (F = {}));
-Object.freeze(F);
-const N = F;
+})(P || (P = {}));
+Object.freeze(P);
+const N = P;
 class y {
   constructor(e) {
     d(this, "executorFn");
@@ -105,29 +105,31 @@ class y {
   boundToBinding(e) {
   }
   /**
-   * Announces that `binding` no longer holds this action. It names one element rather than the action as a whole,
-   * because the instance goes on serving every other element it was registered on.
+   * Announces that `binding` no longer holds this action, and takes back what running it left there. It names one
+   * element rather than the action as a whole, because the instance goes on serving every other element it was
+   * registered on. It runs inside the operation that drops the registration, so an operation that unwinds puts the
+   * registration and what this took back both back.
    */
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   unregisterFrom(e) {
   }
 }
-class rt extends Error {
+class Ot extends Error {
 }
-const B = /* @__PURE__ */ Symbol("ValueChangedAction");
+const Ft = /* @__PURE__ */ Symbol("ValueChangedAction");
 class O extends y {
   constructor(e) {
     super(e);
   }
   static get classIdentifier() {
-    return B;
+    return Ft;
   }
   execute(e, t, s, i) {
     return super.execute(e, t, s, i);
   }
 }
-const z = /* @__PURE__ */ Symbol("Transaction.capture"), Pt = /* @__PURE__ */ Symbol("Transaction.restore"), Ft = /* @__PURE__ */ Symbol("Transaction.announceValue"), Nt = /* @__PURE__ */ Symbol("Transaction.settleValidity");
-function Ct(n) {
+const $ = /* @__PURE__ */ Symbol("Transaction.capture"), jt = /* @__PURE__ */ Symbol("Transaction.restore"), Pt = /* @__PURE__ */ Symbol("Transaction.announceValue"), Nt = /* @__PURE__ */ Symbol("Transaction.settleValidity");
+function Et(n) {
   let e = 0, t = n.parent;
   for (; t; )
     e++, t = t.parent;
@@ -136,8 +138,6 @@ function Ct(n) {
 class ae {
   constructor() {
     d(this, "participants", /* @__PURE__ */ new Map());
-    /** work that stands only where the transaction commits; a rollback simply never does it */
-    d(this, "deferred", []);
     /** what a rollback has to put back beyond the state slots, newest last */
     d(this, "undo", []);
     /** true once the transaction has been unwound, which is what tells a run started inside it to say nothing */
@@ -162,7 +162,7 @@ class ae {
    */
   touch(e) {
     const t = this.participant(e);
-    t.snapshot || (t.snapshot = e[z]());
+    t.snapshot || (t.snapshot = e[$]());
   }
   /** Enrols an element as one whose value the commit has to announce. `force` skips the comparison. */
   markValueChanged(e, t) {
@@ -187,14 +187,6 @@ class ae {
     var t, s;
     return (s = (t = this.participants.get(e)) == null ? void 0 : t.valueDirty) != null ? s : !1;
   }
-  /**
-   * Registers work the commit does once everything has been announced. It is for what a rollback could not take
-   * back: releasing a listener, dropping a registration. Held until the commit, it is simply never done where the
-   * transaction unwinds instead.
-   */
-  whenCommitted(e) {
-    this.deferred.push(e);
-  }
   /**
    * Registers what a rollback has to put back beyond the element's state slots. The snapshot covers the slots,
    * which is everything an ordinary write touches; an operation that replaces something else the element carries
@@ -211,7 +203,7 @@ class ae {
    * there is nothing the answer would change.
    */
   noteDepth(e) {
-    this.passDepth < 0 || Ct(e) >= this.passDepth && (this.restartPass = !0);
+    this.passDepth < 0 || Et(e) >= this.passDepth && (this.restartPass = !0);
   }
   /**
    * Puts every element the transaction modified back as it found it. Nothing is announced: from an observer's
@@ -220,10 +212,10 @@ class ae {
    */
   rollback() {
     this.unwound = !0, [...this.participants.values()].reverse().forEach((t) => {
-      t.snapshot && t.element[Pt](t.snapshot);
+      t.snapshot && t.element[jt](t.snapshot);
     }), this.participants.clear();
     for (let t = this.undo.length - 1; t >= 0; t--) this.undo[t]();
-    this.undo.length = 0, this.deferred.length = 0;
+    this.undo.length = 0;
   }
   /**
    * Announces what the transaction did. Values first and verdicts after, because a container's validators run
@@ -236,7 +228,6 @@ class ae {
   commit() {
     for (; !(!this.announceValues() && !this.settleValidity()); )
       ;
-    this.deferred.splice(0).forEach((t) => t());
   }
   /**
    * The dirty participants a pass has to visit, one bucket per nesting depth; ties keep the order they were
@@ -249,7 +240,7 @@ class ae {
     return this.participants.forEach((s) => {
       var r;
       if (!e(s)) return;
-      const i = Ct(s.element);
+      const i = Et(s.element);
       ((r = t[i]) != null ? r : t[i] = []).push(s);
     }), t;
   }
@@ -285,7 +276,7 @@ class ae {
       (e) => e.valueDirty || e.structural !== void 0,
       (e) => {
         const { structural: t } = e, s = e.valueDirty, i = e.forceValue;
-        e.structural = void 0, e.valueDirty = !1, e.forceValue = !1, e.element[Ft](this, s, i, t);
+        e.structural = void 0, e.valueDirty = !1, e.forceValue = !1, e.element[Pt](this, s, i, t);
       }
     );
   }
@@ -317,22 +308,22 @@ class oe {
     this.open = !1;
   }
 }
-function St(n) {
+function Ct(n) {
   if (n != null && typeof n.then == "function")
     throw new TypeError(
       "a transaction may not be asynchronous: the callback returned a thenable. Do the awaiting outside and open a transaction for each synchronous part."
     );
 }
-function ot(n) {
+function q(n) {
   if (_) {
     const s = n(et);
-    return St(s), s;
+    return Ct(s), s;
   }
   const e = new ae(), t = new oe();
   _ = e, et = t;
   try {
     const s = n(t);
-    return St(s), e.commit(), s;
+    return Ct(s), e.commit(), s;
   } catch (s) {
     if (e.rollback(), s instanceof Rt) return;
     throw s;
@@ -341,21 +332,21 @@ function ot(n) {
   }
 }
 function g(n) {
-  return _ ? n(_) : ot(() => n(_));
+  return _ ? n(_) : q(() => n(_));
 }
 const Dt = { useMarkdownInValidators: !0 };
 function le() {
   return Dt;
 }
-function ce(n) {
+function ue(n) {
   Object.assign(Dt, n);
 }
 const Ye = {
   install(n, e) {
-    e && ce(e);
+    e && ue(e);
   }
 };
-class U extends String {
+class B extends String {
   constructor(t, s, i) {
     super(t);
     d(this, "plugins");
@@ -363,14 +354,14 @@ class U extends String {
     this.plugins = i, this.options = s;
   }
 }
-function lt(n) {
+function at(n) {
   const e = b(n);
   return typeof e == "object" && "componentName" in e;
 }
-function H(n) {
+function z(n) {
   return typeof b(n) == "function";
 }
-class ct {
+class ot {
   get componentName() {
     return "Comment";
   }
@@ -384,7 +375,7 @@ class ct {
     return "";
   }
 }
-class ue extends ct {
+class ce extends ot {
   constructor(t, s = "") {
     super();
     d(this, "text");
@@ -401,21 +392,21 @@ class ue extends ct {
     return this.classes;
   }
 }
-class V extends ct {
+class V extends ot {
   constructor(t, s = "") {
     super();
     d(this, "classes");
     d(this, "text");
     d(this, "textType");
-    this.classes = s, this.text = t, this.textType = jt(() => this.getTextType);
+    this.classes = s, this.text = t, this.textType = Tt(() => this.getTextType);
   }
   get resolvedText() {
     const t = b(this.text);
-    return H(t) ? t() : t;
+    return z(t) ? t() : t;
   }
   get getTextType() {
     const t = this.resolvedText;
-    return t ? t instanceof U ? "md" : lt(t) ? "component" : "string" : "string";
+    return t ? t instanceof B ? "md" : at(t) ? "component" : "string" : "string";
   }
   get componentName() {
     switch (b(this.textType)) {
@@ -460,7 +451,7 @@ class V extends ct {
 class he extends V {
 }
 function E(n) {
-  return le().useMarkdownInValidators ? new U(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 le().useMarkdownInValidators ? new B(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 de = /* @__PURE__ */ Symbol("Validator"), ge = () => E("Validation could not be completed");
@@ -471,24 +462,24 @@ class v extends O {
    */
   constructor(t) {
     super((i, r, a, o) => {
-      const c = this.bindingState(i), u = ++c.run, C = i.validationEpoch, G = kt(), dt = () => c.run === u && i.validationEpoch === C && !(G != null && G.rolledBack), Y = t(a, o, i) || [], J = (S) => ot(() => {
-        var gt;
-        const $ = (gt = S == null ? void 0 : S.map((j) => this.claim(j))) != null ? gt : [];
-        for (let j = i.errors.length - 1; j >= 0; j--) {
-          const ft = i.errors[j];
-          if (ft.source === this.source) {
-            const pt = $.findIndex((Xt) => nt(Xt, ft));
-            pt >= 0 ? $.splice(pt, 1) : i.errors.splice(j, 1);
+      const u = this.bindingState(i), c = ++u.run, x = i.validationEpoch, G = kt(), ct = () => u.run === c && i.validationEpoch === x && !(G != null && G.rolledBack), Y = t(a, o, i) || [], J = (S) => q(() => {
+        var ht;
+        const U = (ht = S == null ? void 0 : S.map((F) => this.claim(F))) != null ? ht : [];
+        for (let F = i.errors.length - 1; F >= 0; F--) {
+          const dt = i.errors[F];
+          if (dt.source === this.source) {
+            const gt = U.findIndex((Xt) => nt(Xt, dt));
+            gt >= 0 ? U.splice(gt, 1) : i.errors.splice(F, 1);
           }
         }
-        $.length > 0 && i.errors.push(...$), i.validate();
+        U.length > 0 && i.errors.push(...U), i.validate();
       });
       return Y instanceof Promise ? (i.beginValidating(), Y.then(
         (S) => {
-          dt() && J(S);
+          ct() && J(S);
         },
         (S) => {
-          dt() && (J([new V(ge())]), console.error("Validation failed", S));
+          ct() && (J([new V(ge())]), console.error("Validation failed", S));
         }
       ).finally(() => i.endValidating()).catch((S) => console.error("Validation failed", S))) : J(Y), r(i, a, o);
     });
@@ -509,7 +500,7 @@ class v extends O {
     if (s === void 0)
       return Object.defineProperty(t, "source", i), t;
     const r = Object.getOwnPropertyDescriptors(t);
-    return Object.create(Object.getPrototypeOf(t), x(p({}, r), { source: i }));
+    return Object.create(Object.getPrototypeOf(t), C(p({}, r), { source: i }));
   }
   static get classIdentifier() {
     return de;
@@ -517,6 +508,18 @@ class v extends O {
   get eager() {
     return !0;
   }
+  /**
+   * Takes this validator off `field`: the errors it put there are withdrawn and the verdict is re-formed over what
+   * the validators the field still holds have to say. Withdrawing them is what keeps a field from staying invalid
+   * on an error no validator is left to take back.
+   */
+  unregisterFrom(t) {
+    q(() => {
+      for (let s = t.errors.length - 1; s >= 0; s--)
+        t.errors[s].source === this.source && t.errors.splice(s, 1);
+      t.validate();
+    });
+  }
   /**
    * What this validator remembers about one of the fields it validates. One instance may be registered on several
    * fields - every row of a list carries the instances the item template carries - so each field has a record of
@@ -536,100 +539,122 @@ class v extends O {
   replacePlaceholdersFunction(t, s) {
     return () => {
       let i = b(t);
-      for (; H(i); )
+      for (; z(i); )
         i = b(this.replacePlaceholders(i(), s));
       return i;
     };
   }
   replacePlaceholders(t, s) {
-    if (H(t)) return this.replacePlaceholdersFunction(t, s);
-    if (lt(t)) return t;
+    if (z(t)) return this.replacePlaceholdersFunction(t, s);
+    if (at(t)) return t;
     if (te(t))
       return this.replacePlaceholdersFunction(() => b(t), s);
     let i = b(t);
     return Object.keys(s).forEach((r) => {
       i = i.replaceAll(`{${r}}`, s[r]);
-    }), t instanceof U ? new U(i.toString(), t.options, t.plugins) : i;
+    }), t instanceof B ? new B(i.toString(), t.options, t.plugins) : i;
   }
 }
-class M extends Map {
+class H {
   constructor() {
-    super(...arguments);
-    d(this, "eagerActions", /* @__PURE__ */ new Set());
+    /** every action registered here, in registration order across all identifiers */
     d(this, "registeredActions", []);
-  }
-  register(t) {
-    if (!(t instanceof y)) throw new Error("Invalid action type");
-    this.registeredActions.push(t);
-    const s = t.classIdentifier, i = this.get(s) || (() => null);
-    function r(a, ...o) {
-      return t.execute(a, i, ...o);
-    }
-    this.set(s, r), t.eager && this.eagerActions.add(t.classIdentifier);
+    /** the actions of one identifier, in registration order */
+    d(this, "chains", /* @__PURE__ */ new Map());
+    /** the eager actions of one identifier, in registration order; a subsequence of the chain under that identifier */
+    d(this, "eagerChains", /* @__PURE__ */ new Map());
   }
   /**
-   * True when triggering this action would run something: a handler registered under the identifier, or - on the
-   * value change identifier, which trigger() answers with an eager pass as well - any eager action at all. A
-   * caller that has to build the parameters before it can trigger asks this first and skips building them when
-   * there is nothing to receive them.
+   * Registers `action`. It becomes the outermost handler of its identifier, or - where `before` is given and is
+   * registered here under the same identifier - takes that action's place in the order, so `before` wraps it and
+   * reaches it through `supr`. That is what lets an action be added to a chain someone else built and still sit
+   * inside a handler already there.
    */
-  willTrigger(t) {
-    return this.has(t) ? !0 : t === B && this.eagerActions.size > 0;
-  }
-  trigger(t, s, ...i) {
-    const r = t.classIdentifier;
-    return r === B && this.triggerEager(s, ...i), this.triggerChain(r, s, ...i);
+  register(e, t) {
+    if (!(e instanceof y)) throw new Error("Invalid action type");
+    const s = e.classIdentifier;
+    if (t && (t.classIdentifier !== s || !this.registeredActions.includes(t)))
+      throw new Error("Action to register before is not registered under the same identifier");
+    this.registeredActions.push(e), this.insert(this.chains, s, e, t), e.eager && this.insert(this.eagerChains, s, e, t);
   }
   /**
-   * Runs the chain registered under one identifier and nothing else. A caller that has already run the eager
-   * pass - a transaction runs it at the write, so that the validators have decided before it commits - reaches
-   * the handlers through here, so the eager actions are not run a second time at the announcement.
+   * Drops `action` from this map and answers whether it was in it. The lists it stood in are replaced rather than
+   * written, so a run already walking one finishes on the list it started with and the removal takes effect from
+   * the next trigger.
    */
-  triggerChain(t, s, ...i) {
-    const r = this.get(t);
-    try {
-      if (r) return r(s, ...i);
-    } catch (a) {
-      if (!(a instanceof rt)) throw a;
-    }
-    return null;
+  unregister(e) {
+    const t = this.registeredActions.indexOf(e);
+    if (t < 0) return !1;
+    this.registeredActions.splice(t, 1);
+    const s = e.classIdentifier;
+    return this.remove(this.chains, s, e), this.remove(this.eagerChains, s, e), !0;
   }
-  triggerEager(t, ...s) {
-    for (const i of this.eagerActions) {
-      const r = this.get(i);
-      try {
-        r && r(t, ...s);
-      } catch (a) {
-        if (!(a instanceof rt)) throw a;
-      }
-    }
+  /** True where something is registered under `identifier`. */
+  willTrigger(e) {
+    return this.chains.has(e);
+  }
+  /** True where any eager action is registered, whatever identifier it stands under. */
+  get hasEager() {
+    return this.eagerChains.size > 0;
+  }
+  /** Runs the actions registered under `ActionClass` and answers with what the outermost of them returned. */
+  trigger(e, t, ...s) {
+    return this.run(this.chains.get(e.classIdentifier), t, s);
+  }
+  /** Runs the eager actions of every identifier, each group on its own. */
+  triggerEager(e, ...t) {
+    this.eagerChains.forEach((s) => this.run(s, e, t));
+  }
+  /** Runs the eager actions registered under `identifier` and nothing else. */
+  triggerEagerFor(e, t, ...s) {
+    return this.run(this.eagerChains.get(e), t, s);
   }
   /** the validators registered in this map, in registration order */
   get validators() {
-    return this.registeredActions.filter((t) => t instanceof v);
+    return this.registeredActions.filter((e) => e instanceof v);
   }
   clone() {
-    const t = new M();
-    return this.registeredActions.forEach((s) => t.register(s)), t;
+    const e = new H();
+    return this.registeredActions.forEach((t) => e.register(t)), e;
   }
   /**
    * Tells every action in this map that it serves `owner`. A copied map holds the instances the original holds, so
    * the element that took the copy on is announced to them here, the way registering an action announces the
    * element it was registered on.
    */
-  bindTo(t) {
-    this.registeredActions.forEach((s) => s.boundToBinding(t));
+  bindTo(e) {
+    this.registeredActions.forEach((t) => t.boundToBinding(e));
   }
   /**
-   * A copy of this map carrying everything but the validators. It only leaves them out: releasing what a
-   * validator installed elsewhere is the caller's to do, and only once the transaction that dropped them has
-   * committed, because a rollback puts this map back with its validators in it.
+   * Walks `chain` from the end backwards, handing each action a `supr` that continues at the one before it. The
+   * closures exist for the length of the run and only as deep as the run actually goes, so a chain nobody walks to
+   * the bottom costs nothing for the part left unreached.
    */
-  cloneWithoutValidators() {
-    const t = new M();
-    return this.registeredActions.forEach((s) => {
-      s instanceof v || t.register(s);
-    }), t;
+  step(e, t, s, i) {
+    if (t < 0) return null;
+    const r = (a, ...o) => this.step(e, t - 1, a, o);
+    return e[t].execute(s, r, ...i);
+  }
+  /** Walks a chain, answering null where there is none. An abort ends the run and is not an error to the caller. */
+  run(e, t, s) {
+    if (!e) return null;
+    try {
+      return this.step(e, e.length - 1, t, s);
+    } catch (i) {
+      if (!(i instanceof Ot)) throw i;
+    }
+    return null;
+  }
+  insert(e, t, s, i) {
+    var o;
+    const r = (o = e.get(t)) != null ? o : [], a = i ? r.indexOf(i) : -1;
+    a < 0 ? r.push(s) : r.splice(a, 0, s), e.set(t, r);
+  }
+  remove(e, t, s) {
+    const i = e.get(t);
+    if (!(i != null && i.includes(s))) return;
+    const r = i.filter((a) => a !== s);
+    r.length ? e.set(t, r) : e.delete(t);
   }
 }
 function T(n) {
@@ -644,7 +669,7 @@ function fe(n) {
     e.unshift(t.fieldName), t = t.parent;
   return e;
 }
-function ut(n, e) {
+function lt(n, e) {
   var s, i;
   let t = e;
   for (const r of fe(n))
@@ -652,7 +677,7 @@ function ut(n, e) {
   return (t == null ? void 0 : t.declaration) === n ? t : T(n) === T(e.declaration) ? void 0 : n;
 }
 function Lt(n, e) {
-  const t = ut(n, e);
+  const t = lt(n, e);
   if (!t) return [];
   if (t !== n) return [t];
   const s = e.bindingsOf(n);
@@ -670,7 +695,7 @@ function pe(n, e) {
 const me = /* @__PURE__ */ Symbol("ConditionalStatementAction");
 class Q extends O {
   constructor(t, s) {
-    super((r, a, o, c) => (this.applyIn(T(r)) || r.markRecordIncomplete(), a(r, o, c)));
+    super((r, a, o, u) => (this.applyIn(T(r)) || r.markRecordIncomplete(), a(r, o, u)));
     d(this, "statement");
     d(this, "conditionalExecutor");
     /**
@@ -698,6 +723,9 @@ class Q extends O {
   boundToBinding(t) {
     this.declarations.add(t.declaration), this.registrations.add(t);
   }
+  unregisterFrom(t) {
+    this.registrations.delete(t);
+  }
   /**
    * The elements of `scope` this action controls: what each declaration it serves names within that record, and of
    * those the ones that took the action on. A row of a list that never took it on is not one this action drives.
@@ -756,7 +784,7 @@ class Ve extends Q {
     });
   }
 }
-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 M = /* @__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))(M || {});
 ((n) => {
   function e(r) {
     const a = r.toLowerCase();
@@ -794,9 +822,9 @@ var W = /* @__PURE__ */ ((n) => (n[n.NOT = 0] = "NOT", n[n.OR = 1] = "OR", n[n.A
     return r >= 0;
   }
   n.isLogicOperator = i;
-})(W || (W = {}));
-Object.freeze(W);
-const m = W, we = /* @__PURE__ */ Symbol("EnabledChangingAction");
+})(M || (M = {}));
+Object.freeze(M);
+const m = M, we = /* @__PURE__ */ Symbol("EnabledChangingAction");
 class Bt extends y {
   constructor(e) {
     super(e);
@@ -809,7 +837,7 @@ class Bt extends y {
   }
 }
 const ye = /* @__PURE__ */ Symbol("EnabledChangedAction");
-class Ut extends y {
+class Mt extends y {
   constructor(e) {
     super(e);
   }
@@ -821,7 +849,7 @@ class Ut extends y {
   }
 }
 const Ee = /* @__PURE__ */ Symbol("ValidChangedAction");
-class Mt extends y {
+class Ut extends y {
   constructor(e) {
     super(e);
   }
@@ -832,31 +860,31 @@ class Mt extends y {
     return super.execute(e, t, s, i);
   }
 }
-const xe = /* @__PURE__ */ Symbol("VisibilityChangingAction");
+const Ce = /* @__PURE__ */ Symbol("VisibilityChangingAction");
 class Wt extends y {
   constructor(e) {
     super(e);
   }
   static get classIdentifier() {
-    return xe;
+    return Ce;
   }
   execute(e, t, s, i) {
     return super.execute(e, t, s, i);
   }
 }
-const Ce = /* @__PURE__ */ Symbol("VisibilityChangedAction");
+const xe = /* @__PURE__ */ Symbol("VisibilityChangedAction");
 class $t extends y {
   constructor(e) {
     super(e);
   }
   static get classIdentifier() {
-    return Ce;
+    return xe;
   }
   execute(e, t, s, i) {
     return super.execute(e, t, s, i);
   }
 }
-const It = /* @__PURE__ */ new WeakMap(), At = /* @__PURE__ */ new Set(["validators", "actions"]);
+const xt = /* @__PURE__ */ new WeakMap(), St = /* @__PURE__ */ new Set(["validators", "actions"]);
 let st = 0;
 var h, f;
 class A {
@@ -963,7 +991,7 @@ class A {
   extendedOf(e) {
     const t = /* @__PURE__ */ Object.create(null);
     return Object.entries(e).forEach(([s, i]) => {
-      At.has(s) || (!(s in this) || Object.hasOwn(Object.prototype, s)) && (t[s] = i);
+      St.has(s) || (!(s in this) || Object.hasOwn(Object.prototype, s)) && (t[s] = i);
     }), t;
   }
   /**
@@ -974,7 +1002,7 @@ class A {
   assignParams(e) {
     const t = this.extendedOf(e);
     Object.entries(e).forEach(([s, i]) => {
-      Object.hasOwn(t, s) || At.has(s) || (this[s] = i);
+      Object.hasOwn(t, s) || St.has(s) || (this[s] = i);
     }), L(t) || this.setExtendedValues(t);
   }
   /**
@@ -994,8 +1022,8 @@ class A {
    * 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.
    */
-  [z]() {
-    return x(p({}, l(this, f)), { errors: [...l(this, f).errors] });
+  [$]() {
+    return C(p({}, l(this, f)), { errors: [...l(this, f).errors] });
   }
   /**
    * Puts a captured state back. It writes through the tracked view, so an effect that ran on the state the
@@ -1004,7 +1032,7 @@ class A {
    * validatingCount is the one slot the element keeps: it counts runs that are in flight, and a rollback cannot
    * un-start one. Put back, the count would no longer match the endValidating calls still to come.
    */
-  [Pt](e) {
+  [jt](e) {
     const t = l(this, f).validatingCount;
     Object.assign(l(this, h), e), l(this, h).validatingCount = t;
   }
@@ -1101,7 +1129,7 @@ class A {
     });
   }
   get actions() {
-    return this._actions || (this._actions = new M()), this._actions;
+    return this._actions || (this._actions = new H()), this._actions;
   }
   set actions(e) {
     this._actions = e;
@@ -1219,8 +1247,8 @@ class A {
    * from repeating while nothing it read has moved.
    */
   get validRead() {
-    let e = It.get(this);
-    return e || (e = jt(() => this.composeValid()), It.set(this, e)), e.value;
+    let e = xt.get(this);
+    return e || (e = Tt(() => this.composeValid()), xt.set(this, e)), e.value;
   }
   /** What validRead computes. A leaf answers over its own errors; a container adds its members. */
   composeValid() {
@@ -1247,7 +1275,7 @@ class A {
       var r, a;
       const s = l(this, h).enabled, i = (r = this._actions) == null ? void 0 : r.trigger(Bt, this, e, s);
       if (!Kt(i != null ? i : e)) throw new Error("Enabled value must be boolean");
-      t.touch(this), l(this, h).enabled = i != null ? i : e, l(this, h).enabled !== s && this.bumpValueVersion(), (a = this._actions) == null || a.trigger(Ut, this, l(this, h).enabled, s);
+      t.touch(this), l(this, h).enabled = i != null ? i : e, l(this, h).enabled !== s && this.bumpValueVersion(), (a = this._actions) == null || a.trigger(Mt, this, l(this, h).enabled, s);
     });
   }
   /**
@@ -1266,15 +1294,15 @@ class A {
    * operation states rather than an element's state - an item added, an item removed - are emitted first, in the
    * order the operations happened.
    */
-  [Ft](e, t, s, i) {
-    if (i == null || i.forEach((c) => {
-      var u;
-      return (u = this._actions) == null ? void 0 : u.trigger(c.actionClass, this, c.item, c.index);
+  [Pt](e, t, s, i) {
+    if (i == null || i.forEach((u) => {
+      var c;
+      return (c = this._actions) == null ? void 0 : c.trigger(u.actionClass, this, u.item, u.index);
     }), !t) return;
     const r = this._actions;
-    if (this.composesValue && !(r != null && r.willTrigger(B))) return;
+    if (this.composesValue && !(r != null && r.willTrigger(Ft) || r != null && r.hasEager)) return;
     const a = this.value, o = l(this, f).announcedValue;
-    !s && (this.composesValue ? nt(a, o) : a === o) || (e.touch(this), l(this, f).announcedValue = a, this.composesValue ? r == null || r.trigger(O, this, a, o) : r == null || r.triggerChain(B, this, a, o));
+    !s && (this.composesValue ? nt(a, o) : a === o) || (e.touch(this), l(this, f).announcedValue = a, this.composesValue && (r == null || r.triggerEager(this, a, o)), r == null || r.trigger(O, this, a, o));
   }
   /**
    * Forms the verdict this element ends the transaction with and announces a transition of it. The container is
@@ -1289,7 +1317,7 @@ class A {
     if (s === t) return;
     e.touch(this), l(this, f).valid = s;
     const i = this.parent;
-    i && (e.touch(i), i.childValidityChanged(s), e.markValidityDirty(i)), (r = this._actions) == null || r.trigger(Mt, this, s, t);
+    i && (e.touch(i), i.childValidityChanged(s), e.markValidityDirty(i)), (r = this._actions) == null || r.trigger(Ut, this, s, t);
   }
   validate(e = !1) {
     g((t) => {
@@ -1333,9 +1361,45 @@ class A {
   }
   registerAction(e) {
     return g((t) => {
-      t.willAnnounceValue(this) || this.refreshPreviousValue(), this.actions.register(e), e.boundToBinding(this), e.eager && this.actions.trigger(Object.getPrototypeOf(e).constructor, this, this.value, this.originalValue);
+      t.willAnnounceValue(this) || this.refreshPreviousValue(), this.actions.register(e), this.registered(t, e), e.eager && this.actions.triggerEagerFor(e.classIdentifier, this, this.value, this.originalValue);
+    }), this;
+  }
+  /**
+   * Registers `action` so that `before` wraps it: `before` reaches it through the `supr` it is handed, instead of
+   * ending the run there. It is how an action is added to a chain someone else built and still sits inside a
+   * handler already registered, which registration order alone cannot arrange. `before` has to be registered on
+   * this element under the same identifier.
+   */
+  registerActionBefore(e, t) {
+    return g((s) => {
+      s.willAnnounceValue(this) || this.refreshPreviousValue(), this.actions.register(e, t), this.registered(s, e), e.eager && this.actions.triggerEagerFor(e.classIdentifier, this, this.value, this.originalValue);
     }), this;
   }
+  /**
+   * Drops `action` from this element and answers whether it held it. The instance goes on serving every other
+   * element it was registered on: what is dropped is this element's registration, not the action. A validator
+   * withdraws the errors it put on this element as it goes, so the verdict the element reports is the one the
+   * validators it still holds reach.
+   */
+  unregisterAction(e) {
+    let t = !1;
+    return g((s) => {
+      const i = this._actions;
+      i && (t = i.unregister(e), t && (s.touch(this), e instanceof v && l(this, h).validationEpoch++, s.whenRolledBack(() => {
+        i.register(e), e.boundToBinding(this);
+      }), e.unregisterFrom(this)));
+    }), t;
+  }
+  /**
+   * Records that `action` is now registered on this element, and that a rollback has to take that back. The
+   * registration is not one of the state slots the snapshot covers, so it hands its own undo in.
+   */
+  registered(e, t) {
+    t.boundToBinding(this), e.whenRolledBack(() => {
+      var s;
+      (s = this._actions) != null && s.unregister(t) && t.unregisterFrom(this);
+    });
+  }
   triggerAction(e, ...t) {
     return this._actions ? this._actions.trigger(e, this, ...t) : null;
   }
@@ -1349,13 +1413,13 @@ class A {
   }
   clearValidators() {
     g((e) => {
-      if (e.touch(this), l(this, h).validationEpoch++, this._actions) {
-        const t = this._actions, s = t.validators;
-        e.whenRolledBack(() => {
-          this._actions = t;
-        }), this.actions = t.cloneWithoutValidators(), e.whenCommitted(() => s.forEach((i) => i.unregisterFrom(this)));
-      }
-      this.errors = [], this.validate();
+      e.touch(this), l(this, h).validationEpoch++;
+      const t = this._actions;
+      t && t.validators.forEach((s) => {
+        t.unregister(s), e.whenRolledBack(() => {
+          t.register(s), s.boundToBinding(this);
+        }), s.unregisterFrom(this);
+      }), this.errors = [], this.validate();
     });
   }
 }
@@ -1379,7 +1443,7 @@ class I {
   static valueOf(e, t) {
     if (e instanceof I) return e.evaluate(t);
     if (e instanceof A) {
-      const s = t ? ut(e, t) : e;
+      const s = t ? lt(e, t) : e;
       return s ? b(s.value) : void 0;
     }
     return e;
@@ -1433,9 +1497,9 @@ class I {
       case m.NOT_IN:
         return !((r = s == null ? void 0 : s.includes) != null && r.call(s, t));
       case m.INCLUDES:
-        return P(t) && P(s) && t.indexOf(s) >= 0;
+        return j(t) && j(s) && t.indexOf(s) >= 0;
       case m.NOT_INCLUDES:
-        return !(P(t) && P(s) && t.indexOf(s) >= 0);
+        return !(j(t) && j(s) && t.indexOf(s) >= 0);
       default:
         throw new Error(`Operator not implemented ${this.operator}`);
     }
@@ -1465,7 +1529,7 @@ class qt extends y {
   }
 }
 const Ae = /* @__PURE__ */ Symbol("ListItemAddedAction");
-class at extends y {
+class rt extends y {
   constructor(e) {
     super(e);
   }
@@ -1508,17 +1572,17 @@ function Ht() {
   };
 }
 function Oe() {
-  return x(p({}, Ht()), { value: void 0, touched: !1 });
+  return C(p({}, Ht()), { value: void 0, touched: !1 });
 }
 function Qt() {
-  return x(p({}, Ht()), {
+  return C(p({}, Ht()), {
     announcedValue: null,
     cachedValue: null,
     cachedValueVersion: -1
   });
 }
-function je() {
-  return x(p({}, Qt()), { rows: null });
+function Fe() {
+  return C(p({}, Qt()), { rows: null });
 }
 class X extends A {
   get state() {
@@ -1574,7 +1638,7 @@ class X extends A {
   }
   bind(e, t) {
     var r, a;
-    const s = this.constructor, i = new s(x(p({
+    const s = this.constructor, i = new s(C(p({
       // data is what the caller supplied, and undefined is not supplied; an explicit null is, and clears
       value: e !== void 0 ? e : this.value
     }, t && "originalValue" in t ? { originalValue: t.originalValue } : {}), {
@@ -1584,23 +1648,23 @@ class X extends A {
     return i.boundFrom(this, i.value, i.originalValue, t), i;
   }
 }
-const Pe = new X({ value: "EmptyField" }).registerAction(
+const je = new X({ value: "EmptyField" }).registerAction(
   new O(() => {
     console.warn("Working with EmptyField! This should not happen");
   })
-), _t = /* @__PURE__ */ new WeakMap();
+), It = /* @__PURE__ */ new WeakMap();
 function it(n, e) {
   return (n == null ? void 0 : n.label) == null && (n == null ? void 0 : n.icon) == null ? e : n;
 }
-class Fe extends X {
+class Pe extends X {
   init(e) {
     g(() => {
       var s;
       if (this._value = { label: void 0, icon: void 0 }, e) {
-        const t = e, { value: i, originalValue: r, validators: a, actions: o } = t, c = k(t, ["value", "originalValue", "validators", "actions"]);
-        this.registerInitialActions([...a || [], ...o || []]), this.assignParams(c);
-        const u = it(i, this._value), C = Object.freeze({ label: r == null ? void 0 : r.label, icon: r == null ? void 0 : r.icon });
-        this._value = it(u, p({}, C)), this.originalValue = it(C, u);
+        const t = e, { value: i, originalValue: r, validators: a, actions: o } = t, u = k(t, ["value", "originalValue", "validators", "actions"]);
+        this.registerInitialActions([...a || [], ...o || []]), this.assignParams(u);
+        const c = it(i, this._value), x = Object.freeze({ label: r == null ? void 0 : r.label, icon: r == null ? void 0 : r.icon });
+        this._value = it(c, p({}, x)), this.originalValue = it(x, c);
       }
       this.raw.announcedValue = this._value, (s = this._actions) == null || s.triggerEager(this, this.value, this.originalValue), this.validate();
     });
@@ -1636,8 +1700,8 @@ class Fe extends X {
   }
   /** the counter behind `busy`, allocated for this action the first time it is asked for */
   get busyRuns() {
-    let e = _t.get(this);
-    return e || (e = se(0), _t.set(this, e)), e;
+    let e = It.get(this);
+    return e || (e = se(0), It.set(this, e)), e;
   }
   /** true from the moment execute() is called until the handler it ran has settled, however it settles */
   get busy() {
@@ -1654,7 +1718,7 @@ class Fe extends X {
    * rejection unhandled.
    */
   execute(e) {
-    return wt(this, null, function* () {
+    return vt(this, null, function* () {
       const t = this.busyRuns;
       t.value++;
       try {
@@ -1672,7 +1736,7 @@ const Ne = /* @__PURE__ */ ie({
     classes: {}
   },
   setup(n) {
-    const e = n, t = yt("vue-markdown"), s = /* @__PURE__ */ new Set([
+    const e = n, t = Vt("vue-markdown"), s = /* @__PURE__ */ new Set([
       "div",
       "span",
       "p",
@@ -1756,7 +1820,7 @@ const Ne = /* @__PURE__ */ ie({
           default:
             r.push(
               R(
-                s.has(a.componentName.toLowerCase()) ? a.componentName : yt(a.componentName),
+                s.has(a.componentName.toLowerCase()) ? a.componentName : Vt(a.componentName),
                 p(p({
                   class: [e.classes, a.extraClasses]
                 }, a.componentBindings), a.componentBody ? { innerHTML: a.componentBody } : {})
@@ -1776,9 +1840,9 @@ class w extends A {
     if (!w.isValidFields(t)) throw new Error("Invalid fields object provided");
     this._fields = /* @__PURE__ */ Object.create(null), g(() => {
       var a;
-      if (Object.entries(t).forEach(([o, c]) => this.addField(o, c)), s) {
-        const r = s, { value: o, validators: c, actions: u } = r, C = k(r, ["value", "validators", "actions"]);
-        this.registerInitialActions([...c || [], ...u || []]), this.assignParams(C), o !== void 0 ? this.assignMembers(o) : this.originalValue !== void 0 && this.assignMembers(this.originalValue);
+      if (Object.entries(t).forEach(([o, u]) => this.addField(o, u)), s) {
+        const r = s, { value: o, validators: u, actions: c } = r, x = k(r, ["value", "validators", "actions"]);
+        this.registerInitialActions([...u || [], ...c || []]), this.assignParams(x), o !== void 0 ? this.assignMembers(o) : this.originalValue !== void 0 && this.assignMembers(this.originalValue);
       }
       this.completeRecords();
       const i = this.value;
@@ -1862,10 +1926,10 @@ class w extends A {
   resetTo(t, s) {
     const i = t;
     g((r) => {
-      r.touch(this), this.errors.length && (this.errors = []), Object.entries(this._fields).forEach(([o, c]) => {
-        var C;
-        let u;
-        s === null ? u = null : s !== void 0 && Object.hasOwn(s, o) && (u = s[o]), this.resetChild(c, (C = i.field(o)) != null ? C : c, u);
+      r.touch(this), this.errors.length && (this.errors = []), Object.entries(this._fields).forEach(([o, u]) => {
+        var x;
+        let c;
+        s === null ? c = null : s !== void 0 && Object.hasOwn(s, o) && (c = s[o]), this.resetChild(u, (x = i.field(o)) != null ? x : u, c);
       });
       const a = this.value;
       this.raw.announcedValue = a, this.originalValue = w.baseline(a), super.validate(!0);
@@ -1919,10 +1983,10 @@ class w extends A {
   bind(t, s) {
     var a, o;
     const i = /* @__PURE__ */ Object.create(null);
-    Object.entries(this._fields).forEach(([c, u]) => {
-      i[c] = u.bind();
+    Object.entries(this._fields).forEach(([u, c]) => {
+      i[u] = c.bind();
     });
-    const r = new w(i, x(p({
+    const r = new w(i, C(p({
       // data is what the caller supplied, and undefined is not supplied; an explicit null is, and clears
       value: t !== void 0 ? t : this.value
     }, s && "originalValue" in s ? { originalValue: s.originalValue } : {}), {
@@ -1941,13 +2005,13 @@ class w extends A {
 }
 class D extends A {
   constructor(t, s) {
-    super(je());
+    super(Fe());
     d(this, "_itemTemplate");
     this._itemTemplate = t, g(() => {
       var r;
       if (s) {
-        const i = s, { value: a, validators: o, actions: c } = i, u = k(i, ["value", "validators", "actions"]);
-        this.registerInitialActions([...o || [], ...c || []]), this.assignParams(u), a != null && this.setValueInternal(a);
+        const i = s, { value: a, validators: o, actions: u } = i, c = k(i, ["value", "validators", "actions"]);
+        this.registerInitialActions([...o || [], ...u || []]), this.assignParams(c), a != null && this.setValueInternal(a);
       }
       this.originalValue === void 0 && (this.originalValue = D.baseline(this.value)), this.raw.announcedValue = this.value, (r = this._actions) == null || r.triggerEager(this, this.value, this.originalValue), this.validate();
     });
@@ -1959,8 +2023,8 @@ class D extends A {
     return super.raw;
   }
   /** The row array is copied as well: a rollback puts back the set the list held, not the array it went on to hold. */
-  [z]() {
-    const t = super[z]();
+  [$]() {
+    const t = super[$]();
     return t.rows = this.raw.rows ? [...this.raw.rows] : this.raw.rows, t;
   }
   /**
@@ -1989,8 +2053,8 @@ class D extends A {
       else if (Array.isArray(t)) {
         const r = (i = this.state.rows) != null ? i : [], a = new Array(t.length);
         for (let o = 0; o < t.length; o++) {
-          const c = t[o], u = r[o];
-          u && this._itemTemplate && !(c instanceof w) ? (this.resetChild(u, this._itemTemplate, c), a[o] = u) : (u && this.releaseChild(u), a[o] = this.processSetValueItem(c));
+          const u = t[o], c = r[o];
+          c && this._itemTemplate && !(u instanceof w) ? (this.resetChild(c, this._itemTemplate, u), a[o] = c) : (c && this.releaseChild(c), a[o] = this.processSetValueItem(u));
         }
         for (let o = t.length; o < r.length; o++) this.releaseChild(r[o]);
         this.state.rows = a;
@@ -2034,13 +2098,13 @@ class D extends A {
     });
   }
   bind(t, s) {
-    var r, a, o, c;
-    const i = new D((r = this._itemTemplate) == null ? void 0 : r.bind(), x(p({
+    var r, a, o, u;
+    const i = new D((r = this._itemTemplate) == null ? void 0 : r.bind(), C(p({
       // data is what the caller supplied, and undefined is not supplied; an explicit null is, and clears
       value: [...(a = t !== void 0 ? t : this.value) != null ? a : []]
     }, s && "originalValue" in s ? { originalValue: s.originalValue } : {}), {
       enabled: (o = s == null ? void 0 : s.enabled) != null ? o : this.enabled,
-      visibility: (c = s == null ? void 0 : s.visibility) != null ? c : this.visibility
+      visibility: (u = s == null ? void 0 : s.visibility) != null ? u : this.visibility
     }));
     return i.boundFrom(this, i.value, i.originalValue, s), i;
   }
@@ -2104,11 +2168,11 @@ class D extends A {
     let i = 0;
     return g((r) => {
       for (r.touch(this), this.state.rows == null && (this.state.rows = []), i = s < 0 ? Math.max(this.state.rows.length + s, 0) : s; this.state.rows.length < i; ) {
-        const o = this.createPaddingItem(), c = this.state.rows.push(o) - 1;
-        this.bumpValueVersion(), r.recordStructural(this, { actionClass: at, item: o, index: c });
+        const o = this.createPaddingItem(), u = this.state.rows.push(o) - 1;
+        this.bumpValueVersion(), r.recordStructural(this, { actionClass: rt, item: o, index: u });
       }
       const a = this.processSetValueItem(t);
-      this.state.rows.splice(i, 0, a), r.recordStructural(this, { actionClass: at, item: a, index: i }), this.bumpValueVersion(), this.propagateValueChanged(!0);
+      this.state.rows.splice(i, 0, a), r.recordStructural(this, { actionClass: rt, item: a, index: i }), this.bumpValueVersion(), this.propagateValueChanged(!0);
     }), i;
   }
   /** Drops every row this list holds out of its tally, so a row that changes its verdict later is not counted. */
@@ -2126,14 +2190,14 @@ class D extends A {
 }
 class ke extends v {
   constructor(t, s, i) {
-    super((a, o, c) => {
-      this.comparisonState(c).oldValue = o;
-      const u = this.resolve(c);
-      return u ? (this.listenOn(u), this.isValidComparison(b(a), b(u.value)) ? null : [
+    super((a, o, u) => {
+      this.comparisonState(u).oldValue = o;
+      const c = this.resolve(u);
+      return c ? (this.listenOn(c), this.isValidComparison(b(a), b(c.value)) ? null : [
         new V(
-          this.replacePlaceholders(i, { newValue: a, oldValue: o, field: c, otherField: u })
+          this.replacePlaceholders(i, { newValue: a, oldValue: o, field: u, otherField: c })
         )
-      ]) : (c.markRecordIncomplete(), null);
+      ]) : (u.markRecordIncomplete(), null);
     });
     d(this, "isValidComparison");
     d(this, "otherField");
@@ -2162,7 +2226,7 @@ class ke extends v {
   resolve(t) {
     var i;
     const s = this.otherField;
-    return typeof s == "function" ? (i = s(t)) != null ? i : void 0 : typeof s == "string" ? pe(s, t) : ut(s, T(t));
+    return typeof s == "function" ? (i = s(t)) != null ? i : void 0 : typeof s == "string" ? pe(s, t) : lt(s, T(t));
   }
   /**
    * Makes a change of `other` re-run this comparison. The listener re-runs it over the fields of the record the
@@ -2175,8 +2239,8 @@ class ke extends v {
         i(s, r, a);
         const o = T(s);
         this.declarations.forEach(
-          (c) => Lt(c, o).forEach((u) => {
-            this.registrations.has(u) && this.execute(u, () => null, u.value, this.comparisonState(u).oldValue);
+          (u) => Lt(u, o).forEach((c) => {
+            this.registrations.has(c) && this.execute(c, () => null, c.value, this.comparisonState(c).oldValue);
           })
         );
       })
@@ -2189,7 +2253,7 @@ class ke extends v {
     return this.bindingState(t);
   }
   newBindingState() {
-    return x(p({}, super.newBindingState()), { oldValue: void 0 });
+    return C(p({}, super.newBindingState()), { oldValue: void 0 });
   }
   unregisterFrom(t) {
     this.registrations.delete(t);
@@ -2204,16 +2268,16 @@ class Re extends v {
       separator: ", ",
       omission: `... (${e.length} items total)`
     }));
-    const r = (a, o, c) => e.includes(b(a)) ? null : [
+    const r = (a, o, u) => e.includes(b(a)) ? null : [
       new V(
-        this.replacePlaceholders(s, { newValue: a, oldValue: o, field: c, allowedValues: e, allowedAsText: i })
+        this.replacePlaceholders(s, { newValue: a, oldValue: o, field: u, allowedValues: e, allowedAsText: i })
       )
     ];
     super(r);
   }
 }
 function De(n) {
-  return n == null ? 0 : Tt(n) || P(n) ? n.length : Ot(n) && Object.getPrototypeOf(n) === Object.prototype ? Object.keys(n).length : String(n).length;
+  return n == null ? 0 : At(n) || j(n) ? n.length : _t(n) && Object.getPrototypeOf(n) === Object.prototype ? Object.keys(n).length : String(n).length;
 }
 class Le extends v {
   constructor(e) {
@@ -2229,7 +2293,7 @@ class Be extends v {
     super(i);
   }
 }
-class Ue extends v {
+class Me extends v {
   constructor(e, t) {
     const s = t || E("Value must be less than or equal to **{maxValue}**"), i = (r, a, o) => r > e || r === void 0 ? [
       new V(this.replacePlaceholders(s, { newValue: r, oldValue: a, field: o, maxValue: e }))
@@ -2237,22 +2301,22 @@ class Ue extends v {
     super(i);
   }
 }
-class Me extends v {
+class Ue extends v {
   constructor(e, t, s) {
-    const i = s || E("Value must be between **{minValue}** and **{maxValue}**"), r = (a, o, c) => a < e || a > t || a === void 0 ? [
+    const i = s || E("Value must be between **{minValue}** and **{maxValue}**"), r = (a, o, u) => a < e || a > t || a === void 0 ? [
       new V(
-        this.replacePlaceholders(i, { newValue: a, oldValue: o, field: c, minValue: e, maxValue: t })
+        this.replacePlaceholders(i, { newValue: a, oldValue: o, field: u, minValue: e, maxValue: t })
       )
     ] : null;
     super(r);
   }
 }
-function ht(n) {
-  return n == null ? 0 : Tt(n) || P(n) ? n.length : Ot(n) && Object.getPrototypeOf(n) === Object.prototype ? Object.keys(n).length : String(n).length;
+function ut(n) {
+  return n == null ? 0 : At(n) || j(n) ? n.length : _t(n) && Object.getPrototypeOf(n) === Object.prototype ? Object.keys(n).length : String(n).length;
 }
 class We extends v {
   constructor(e, t) {
-    const s = t || E("Length must be larger or equal to **{minLength}**"), i = (r, a, o) => ht(r) < e ? [
+    const s = t || E("Length must be larger or equal to **{minLength}**"), i = (r, a, o) => ut(r) < e ? [
       new V(this.replacePlaceholders(s, { newValue: r, oldValue: a, field: o, minLength: e }))
     ] : null;
     super(i);
@@ -2260,7 +2324,7 @@ class We extends v {
 }
 class $e extends v {
   constructor(e, t) {
-    const s = t || E("Length must be less than or equal to **{maxLength}**"), i = (r, a, o) => ht(r) > e ? [
+    const s = t || E("Length must be less than or equal to **{maxLength}**"), i = (r, a, o) => ut(r) > e ? [
       new V(this.replacePlaceholders(s, { newValue: r, oldValue: a, field: o, maxLength: e }))
     ] : null;
     super(i);
@@ -2268,11 +2332,11 @@ class $e extends v {
 }
 class qe extends v {
   constructor(e, t, s) {
-    const i = s || E("Length must be between **{minLength}** and **{maxLength}**"), r = (a, o, c) => {
-      const u = ht(a);
-      return u < e || u > t ? [
+    const i = s || E("Length must be between **{minLength}** and **{maxLength}**"), r = (a, o, u) => {
+      const c = ut(a);
+      return c < e || c > t ? [
         new V(
-          this.replacePlaceholders(i, { newValue: a, oldValue: o, field: c, minLength: e, maxLength: t })
+          this.replacePlaceholders(i, { newValue: a, oldValue: o, field: u, minLength: e, maxLength: t })
         )
       ] : null;
     };
@@ -2293,25 +2357,25 @@ const He = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   InAllowedValues: Re,
   LengthInRange: qe,
   MaxLength: $e,
-  MaxValue: Ue,
+  MaxValue: Me,
   MinLength: We,
   MinValue: Be,
   Pattern: ze,
   Required: Le,
   Validator: v,
-  ValueInRange: Me
+  ValueInRange: Ue
 }, Symbol.toStringTag, { value: "Module" })), Je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  AbortEventHandlingException: rt,
-  Action: Fe,
-  ActionsMap: M,
+  AbortEventHandlingException: Ot,
+  Action: Pe,
+  ActionsMap: H,
   ConditionalEnabledAction: ve,
   ConditionalStatementAction: Q,
   ConditionalValueAction: Ve,
   ConditionalVisibilityAction: be,
   DisplayMode: N,
-  EmptyField: Pe,
-  EnabledChangedAction: Ut,
+  EmptyField: je,
+  EnabledChangedAction: Mt,
   EnabledChangingAction: Bt,
   ExecuteAction: qt,
   Field: X,
@@ -2319,38 +2383,38 @@ const He = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   FieldBase: A,
   Group: w,
   List: D,
-  ListItemAddedAction: at,
+  ListItemAddedAction: rt,
   ListItemRemovedAction: zt,
-  MdString: U,
+  MdString: B,
   MessagesWidget: Ne,
   Operator: m,
   RenderableValue: he,
   Statement: I,
-  ValidChangedAction: Mt,
-  ValidationError: ct,
+  ValidChangedAction: Ut,
+  ValidationError: ot,
   ValidationErrorRenderContent: V,
-  ValidationErrorText: ue,
+  ValidationErrorText: ce,
   Validator: v,
   Validators: He,
   ValueChangedAction: O,
   VisibilityChangedAction: $t,
   VisibilityChangingAction: Wt,
   buildErrorMessage: E,
-  isCallableFunction: H,
-  isSimpleComponentDef: lt,
-  transaction: ot
+  isCallableFunction: z,
+  isSimpleComponentDef: at,
+  transaction: q
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  rt as AbortEventHandlingException,
-  Fe as Action,
-  M as ActionsMap,
+  Ot as AbortEventHandlingException,
+  Pe as Action,
+  H as ActionsMap,
   ve as ConditionalEnabledAction,
   Q as ConditionalStatementAction,
   Ve as ConditionalValueAction,
   be as ConditionalVisibilityAction,
   N as DisplayMode,
-  Pe as EmptyField,
-  Ut as EnabledChangedAction,
+  je as EmptyField,
+  Mt as EnabledChangedAction,
   Bt as EnabledChangingAction,
   qt as ExecuteAction,
   X as Field,
@@ -2358,17 +2422,17 @@ export {
   A as FieldBase,
   w as Group,
   D as List,
-  at as ListItemAddedAction,
+  rt as ListItemAddedAction,
   zt as ListItemRemovedAction,
-  U as MdString,
+  B as MdString,
   Ne as MessagesWidget,
   m as Operator,
   he as RenderableValue,
   I as Statement,
-  Mt as ValidChangedAction,
-  ct as ValidationError,
+  Ut as ValidChangedAction,
+  ot as ValidationError,
   V as ValidationErrorRenderContent,
-  ue as ValidationErrorText,
+  ce as ValidationErrorText,
   v as Validator,
   He as Validators,
   O as ValueChangedAction,
@@ -2377,8 +2441,8 @@ export {
   E as buildErrorMessage,
   Je as default,
   Ye as forms,
-  H as isCallableFunction,
-  lt as isSimpleComponentDef,
-  ot as transaction
+  z as isCallableFunction,
+  at as isSimpleComponentDef,
+  q as transaction
 };
 //# sourceMappingURL=dynamicforms-vue-forms.js.map