@manyducks.co/dolla 2.0.0-alpha.6 → 2.0.0-alpha.60

package/dist/markup-BGlfQYQk.js

@@ -0,0 +1,996 @@
+var ut = Object.defineProperty;
+var j = (o) => {
+  throw TypeError(o);
+};
+var lt = (o, t, e) => t in o ? ut(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var c = (o, t, e) => lt(o, typeof t != "symbol" ? t + "" : t, e), R = (o, t, e) => t.has(o) || j("Cannot " + e);
+var L = (o, t, e) => (R(o, t, "read from private field"), e ? e.call(o) : t.get(o)), V = (o, t, e) => t.has(o) ? j("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(o) : t.set(o, e), O = (o, t, e, s) => (R(o, t, "write to private field"), s ? s.call(o, e) : t.set(o, e), e);
+import { c as f, t as dt, i as D, b as C } from "./typeChecking-CbltMOUt.js";
+import { u as E, h as ft, g as y, k as st, e as w, t as it, c as mt, l as pt, m as bt, b as gt, $ as _, d as wt } from "./logger-MPwl-Xqu.js";
+var b = /* @__PURE__ */ ((o) => (o[o.WILL_MOUNT = 0] = "WILL_MOUNT", o[o.DID_MOUNT = 1] = "DID_MOUNT", o[o.WILL_UNMOUNT = 2] = "WILL_UNMOUNT", o[o.DID_UNMOUNT = 3] = "DID_UNMOUNT", o[o.DISPOSE = 4] = "DISPOSE", o))(b || {});
+const T = Symbol("name"), l = Symbol("lifecycle"), p = Symbol("parent"), v = Symbol("stores"), g = Symbol("state");
+class yt {
+  constructor(t) {
+    c(this, "context");
+    c(this, "state", 0);
+    c(this, "listeners", /* @__PURE__ */ new Map());
+    c(this, "bound");
+    this.context = t;
+  }
+  /**
+   * Listen for a certain event to be emitted. Listeners are called when the event results in a state change.
+   */
+  on(t, e) {
+    const s = this.listeners.get(t);
+    s ? s.add(e) : this.listeners.set(t, /* @__PURE__ */ new Set([e]));
+  }
+  /**
+   * Stop a particular listener from being called when an event is emitted.
+   */
+  off(t, e) {
+    const s = this.listeners.get(t);
+    s && (s.delete(e), s.size === 0 && this.listeners.delete(t));
+  }
+  /**
+   * Advance the lifecycle state machine.
+   */
+  emit(t) {
+    switch (t) {
+      case 0: {
+        this.state < 1 ? (this.state = 1, this.notify(t)) : this.context.crash(new Error(`Tried to WILL_MOUNT context at state ${this.state}`));
+        break;
+      }
+      case 1: {
+        this.state >= 1 && this.state < 2 ? (this.state = 2, this.notify(t)) : this.context.crash(new Error(`Tried to WILL_UNMOUNT context at state ${this.state}`));
+        break;
+      }
+      case 2: {
+        this.state >= 2 && this.state < 3 ? (this.notify(t), this.state = 3) : this.context.crash(new Error(`Tried to WILL_UNMOUNT context at state ${this.state}`));
+        break;
+      }
+      case 3: {
+        this.state >= 3 && this.state < 4 ? (this.state = 4 % 4, this.notify(t)) : this.context.crash(new Error(`Tried to DID_UNMOUNT context at state ${this.state}`));
+        break;
+      }
+      case 4: {
+        this.state === 0 ? (this.notify(t), this.listeners.clear(), this.bound = void 0, this.context[g] = void 0, this.context[v] = void 0, this.state = 5) : this.context.crash(new Error(`Tried to DISPOSE context at state ${this.state}`));
+        break;
+      }
+    }
+  }
+  /**
+   * Bind `context` to this lifecycle; when any event is emitted here it will be emitted for `context` as well.
+   */
+  bind(t) {
+    this.bound ? this.bound.add(t) : this.bound = /* @__PURE__ */ new Set([t]);
+  }
+  /**
+   * Call all the event's listeners and re-emit to bound contexts.
+   */
+  notify(t) {
+    const e = this.listeners.get(t);
+    if (e)
+      for (const s of e)
+        s();
+    if (this.bound)
+      for (const s of this.bound)
+        s[l].emit(t);
+  }
+}
+var H, z, F, Z, K, x;
+K = T, Z = l, F = p, z = v, H = g;
+const I = class I {
+  constructor(t, e) {
+    V(this, x);
+    c(this, K);
+    c(this, Z, new yt(this));
+    c(this, F);
+    c(this, z);
+    c(this, H);
+    O(this, x, t), this[T] = E(t);
+    const s = ft(() => y(L(this, x)), e == null ? void 0 : e.logger), i = Object.getOwnPropertyDescriptors(s);
+    for (const n in i)
+      Object.defineProperty(this, n, i[n]);
+  }
+  get isMounted() {
+    const { state: t } = this[l];
+    return t >= 2 && t < 4;
+  }
+  /**
+   * Returns a new Context with this one as its parent.
+   */
+  static linked(t, e, s) {
+    const i = new I(e, s);
+    return i[p] = t, s != null && s.bindLifecycleToParent && t[l].bind(i), i;
+  }
+  /**
+   * Emit a lifecycle event to `context`.
+   */
+  static emit(t, e) {
+    t[l].emit(e);
+  }
+  /**
+   * Traverses _parent contexts until arriving at one that doesn't have a parent itself.
+   * Returns null if this context is the parent.
+   */
+  static getRoot(t) {
+    let e = t[p];
+    for (; e != null && e[p]; )
+      e = e[p];
+    return e ?? null;
+  }
+  /**
+   * Returns the current name of this context.
+   */
+  getName() {
+    return E(L(this, x));
+  }
+  /**
+   * Sets a new name for this context.
+   */
+  setName(t) {
+    O(this, x, t), this[T] = E(t);
+  }
+  /**
+   * Creates an instance of a store and attaches it to this context.
+   */
+  addStore(t, e) {
+    var i;
+    if ((i = this[v]) != null && i.get(t)) {
+      let n = t.name ? `'${t.name}'` : "this store";
+      throw this.crash(new U(`An instance of ${n} was already added on this context.`));
+    }
+    const s = I.linked(this, t.name, {
+      bindLifecycleToParent: !0,
+      logger: { tag: st(), tagName: "uid" }
+    });
+    try {
+      this[v] || (this[v] = /* @__PURE__ */ new Map());
+      const n = t.call(s, e, s);
+      this[v].set(t, n);
+    } catch (n) {
+      throw this.crash(n);
+    }
+    return this;
+  }
+  /**
+   * Retrieves the nearest instance of `store`. If this context doesn't have it, the parent context is checked. This process continues until either:
+   * 1. An instance of the store is found and returned.
+   * 2. No instance is found and an error is thrown.
+   */
+  getStore(t) {
+    var i;
+    if (!f(t))
+      throw new U("Invalid store.");
+    let e = this, s;
+    for (; s = (i = e[v]) == null ? void 0 : i.get(t), s == null && e[p] != null; )
+      e = e[p];
+    if (s == null)
+      throw this.crash(new U(`Store '${t.name}' is not provided by this context.`));
+    return s;
+  }
+  /**
+   * Schedule a callback function to run just before this context is mounted.
+   */
+  beforeMount(t) {
+    return this[l].on(0, t), () => this[l].off(0, t);
+  }
+  /**
+   * Schedule a callback function to run after this context is mounted.
+   */
+  onMount(t) {
+    return this[l].on(1, t), () => this[l].off(1, t);
+  }
+  /**
+   * Schedule a callback function to run just before this context is unmounted.
+   */
+  beforeUnmount(t) {
+    return this[l].on(2, t), () => this[l].off(2, t);
+  }
+  /**
+   * Schedule a callback function to run after this context is unmounted.
+   */
+  onUnmount(t) {
+    return this[l].on(3, t), () => this[l].off(3, t);
+  }
+  effect(t) {
+    const e = () => {
+      try {
+        return t();
+      } catch (s) {
+        this.error(s), s instanceof Error ? this.crash(s) : typeof s == "string" ? this.crash(new Error(s)) : this.crash(new Error("Unknown error thrown in effect callback"));
+      }
+    };
+    if (this[l].state >= 1) {
+      const s = w(e);
+      return this[l].on(3, s), s;
+    } else {
+      let s, i = !1;
+      return this[l].on(0, () => {
+        i || (s = w(e), this[l].on(3, s));
+      }), () => {
+        s != null && (i = !0, s());
+      };
+    }
+  }
+  getState(t, e) {
+    var s;
+    if (arguments.length > 0) {
+      let i = this, n;
+      for (; n = (s = i[g]) == null ? void 0 : s.get(t), n === void 0 && i[p] != null; )
+        i = i[p];
+      if (n === void 0) {
+        if (arguments.length > 1)
+          return e;
+        throw new Error(`Expected a value for '${String(t)}' but got undefined.`);
+      }
+      return n;
+    } else {
+      let i = this;
+      const n = [];
+      for (; i[g] && n.push(...i[g].entries()), i[p] != null; )
+        i = i[p];
+      return new Map(n.reverse());
+    }
+  }
+  setState() {
+    if (this[g] || (this[g] = /* @__PURE__ */ new Map()), arguments.length === 2)
+      this[g].set(arguments[0], arguments[1]);
+    else if (dt(arguments[0]) === "array")
+      for (const [t, e] of arguments[0])
+        e === void 0 ? this[g].delete(t) : this[g].set(t, e);
+    else
+      throw new Error("Invalid arguments.");
+    return this;
+  }
+};
+x = new WeakMap();
+let d = I;
+function _t(o, t) {
+  return new d(o, t);
+}
+class U extends Error {
+}
+const N = Symbol("type"), k = Symbol("MarkupNode");
+var Y;
+Y = N;
+class $ {
+  constructor(t) {
+    c(this, Y, k);
+    c(this, "root");
+    this.root = t;
+  }
+  isMounted() {
+    return this.root.parentNode != null;
+  }
+  mount(t, e) {
+    t.insertBefore(this.root, (e == null ? void 0 : e.nextSibling) ?? null);
+  }
+  unmount(t = !1) {
+    !t && this.root.parentNode && this.root.parentNode.removeChild(this.root);
+  }
+  move(t, e) {
+    if ("moveBefore" in t && this.root instanceof Element)
+      try {
+        t.moveBefore(this.root, (e == null ? void 0 : e.nextSibling) ?? null);
+      } catch {
+        this.mount(t, e);
+      }
+    else
+      this.mount(t, e);
+  }
+}
+var J;
+J = N;
+class A {
+  constructor(t, e) {
+    c(this, J, k);
+    c(this, "root", document.createTextNode(""));
+    c(this, "children", []);
+    c(this, "context");
+    c(this, "$slot");
+    c(this, "unsubscribe");
+    this.context = t, this.$slot = e;
+  }
+  isMounted() {
+    return this.root.parentElement != null;
+  }
+  mount(t, e) {
+    this.isMounted() || (t.insertBefore(this.root, (e == null ? void 0 : e.nextSibling) ?? null), this.unsubscribe = w(() => {
+      try {
+        const s = this.$slot();
+        E(() => {
+          this.update(it(s));
+        });
+      } catch (s) {
+        this.context.crash(s);
+      }
+    }));
+  }
+  unmount(t = !1) {
+    var e, s;
+    (e = this.unsubscribe) == null || e.call(this), this.isMounted() && (this.cleanup(t), (s = this.root.parentNode) == null || s.removeChild(this.root));
+  }
+  move(t, e) {
+    var s, i, n;
+    if ("moveBefore" in t)
+      try {
+        t.moveBefore(this.root, (e == null ? void 0 : e.nextSibling) ?? null);
+        for (let r = 0; r < this.children.length; r++)
+          this.children[r].move(t, ((s = this.children[r - 1]) == null ? void 0 : s.root) ?? this.root);
+        t.moveBefore(this.root, ((n = (i = this.children.at(-1)) == null ? void 0 : i.root) == null ? void 0 : n.nextSibling) ?? null);
+      } catch {
+        this.mount(t, e);
+      }
+    else
+      this.mount(t, e);
+  }
+  cleanup(t) {
+    for (const e of this.children)
+      e.isMounted() && e.unmount(t);
+    this.children.length = 0;
+  }
+  update(t) {
+    var s;
+    if (this.cleanup(!1), t.length === 0 || !this.isMounted()) return;
+    const e = B(this.context, t);
+    for (const i of e) {
+      const n = ((s = this.children.at(-1)) == null ? void 0 : s.root) || this.root;
+      i.mount(this.root.parentElement, n), this.children.push(i);
+    }
+    this.moveMarker();
+  }
+  /**
+   * Move marker node to end of children.
+   */
+  moveMarker() {
+    var s, i;
+    const t = this.root.parentElement, e = ((i = (s = this.children.at(-1)) == null ? void 0 : s.root) == null ? void 0 : i.nextSibling) ?? null;
+    "moveBefore" in t ? t.moveBefore(this.root, e) : t.insertBefore(this.root, e);
+  }
+}
+const ot = Symbol("View");
+var Q;
+Q = N;
+class nt {
+  /**
+   * @param context - Parent contenxt to link to.
+   * @param view - View function to mount.
+   * @param props - Props to pass to view function.
+   */
+  constructor(t, e, s) {
+    c(this, Q, k);
+    c(this, "uniqueId", st());
+    c(this, "context");
+    c(this, "props");
+    c(this, "view");
+    c(this, "node");
+    this.context = d.linked(t, e.name ?? "anonymous view", {
+      logger: {
+        tag: this.uniqueId,
+        tagName: "uid"
+      }
+    }), this.context.setState(ot, this), this.props = s, this.view = e;
+  }
+  get root() {
+    var t;
+    return (t = this.node) == null ? void 0 : t.root;
+  }
+  isMounted() {
+    var t;
+    return ((t = this.node) == null ? void 0 : t.isMounted()) ?? !1;
+  }
+  mount(t, e) {
+    const s = this.isMounted();
+    if (!s) {
+      const { context: i, props: n, view: r } = this;
+      try {
+        const a = r.call(i, n, i);
+        a != null && a !== !1 && (this.node = ht(a, i));
+      } catch (a) {
+        throw a instanceof Error && i.crash(a), a;
+      }
+      d.emit(this.context, b.WILL_MOUNT);
+    }
+    this.node && this.node.mount(t, e), s || d.emit(this.context, b.DID_MOUNT);
+  }
+  unmount(t = !1) {
+    d.emit(this.context, b.WILL_UNMOUNT), this.node && this.node.unmount(t), d.emit(this.context, b.DID_UNMOUNT), d.emit(this.context, b.DISPOSE);
+  }
+  move(t, e) {
+    var s;
+    (s = this.node) == null || s.move(t, e);
+  }
+}
+const vt = (o) => /^on[A-Z]/.test(o), P = Symbol("HTML.isSVG"), xt = ["class", "className", "ref", "mixin", "children"];
+var X;
+X = N;
+class Nt {
+  constructor(t, e, s) {
+    c(this, X, k);
+    c(this, "root");
+    c(this, "parentContext");
+    c(this, "context");
+    c(this, "tag");
+    c(this, "props");
+    c(this, "childNodes", []);
+    c(this, "unsubscribers", []);
+    // Track the ref so we can nullify it on unmount.
+    c(this, "ref");
+    // Prevents 'onClickOutside' handlers from firing in the same cycle in which the element is connected.
+    c(this, "canClickAway", !1);
+    if (this.parentContext = t, this.tag = e, this.props = s, this.context = d.linked(this.parentContext, q.bind(this)), e.toLowerCase() === "svg" && this.context.setState(P, !0), this.context.getState(P, !1) ? this.root = document.createElementNS("http://www.w3.org/2000/svg", e) : this.root = document.createElement(e), mt() === "development") {
+      const n = this.context.getState(ot, null);
+      n && (this.root.dataset.view = n.context.getName());
+    }
+    if (s.mixin)
+      for (const n of it(s.mixin))
+        n(
+          this.root,
+          d.linked(this.context, q.bind(this), {
+            bindLifecycleToParent: !0,
+            logger: { tagName: n.name === "mixin" ? void 0 : "mixin", tag: n.name }
+          })
+        );
+    const i = s.className ?? s.class;
+    if (this.applyProps(this.root, pt(xt, s)), s.style && this.applyStyles(this.root, s.style, this.unsubscribers), i && this.applyClasses(this.root, i, this.unsubscribers), s.ref)
+      if (f(s.ref))
+        this.ref = s.ref, this.ref(this.root);
+      else
+        throw new Error("Expected ref to be a function. Got: " + s.ref);
+    s.children && (this.childNodes = B(this.context, s.children));
+  }
+  isMounted() {
+    return this.context.isMounted;
+  }
+  mount(t, e) {
+    const s = this.isMounted();
+    if (!s) {
+      d.emit(this.context, b.WILL_MOUNT);
+      for (let i = 0; i < this.childNodes.length; i++) {
+        const n = this.childNodes[i], r = i > 0 ? this.childNodes[i - 1].root : void 0;
+        n.mount(this.root, r);
+      }
+    }
+    t.insertBefore(this.root, (e == null ? void 0 : e.nextSibling) ?? null), this.canClickAway = !0, s || d.emit(this.context, b.DID_MOUNT);
+  }
+  unmount(t = !1) {
+    var e;
+    d.emit(this.context, b.WILL_UNMOUNT), t || (e = this.root.parentNode) == null || e.removeChild(this.root);
+    for (const s of this.childNodes)
+      s.unmount(!0);
+    this.canClickAway = !1;
+    for (const s of this.unsubscribers)
+      s();
+    this.unsubscribers.length = 0, this.ref && this.ref(void 0), d.emit(this.context, b.DID_UNMOUNT), d.emit(this.context, b.DISPOSE);
+  }
+  move(t, e) {
+    if ("moveBefore" in t)
+      try {
+        t.moveBefore(this.root, (e == null ? void 0 : e.nextSibling) ?? null);
+      } catch {
+        this.mount(t, e);
+      }
+    else
+      this.mount(t, e);
+  }
+  attachProp(t, e) {
+    f(t) ? this.unsubscribers.push(
+      w(() => {
+        try {
+          e(t());
+        } catch (s) {
+          this.context.error(s), this.context.crash(s);
+        }
+      })
+    ) : e(t);
+  }
+  applyProps(t, e) {
+    for (const s in e) {
+      const i = e[s];
+      if (s === "on:clickoutside" || s === "onClickOutside" || s === "onclickoutside") {
+        const n = (a) => {
+          this.canClickAway && !t.contains(a.target) && i(a);
+        }, r = { capture: !0 };
+        window.addEventListener("click", n, r), this.unsubscribers.push(() => {
+          window.removeEventListener("click", n, r);
+        });
+      } else if (s.startsWith("prop:")) {
+        const n = s.substring(5);
+        this.attachProp(i, (r) => {
+          t[n] = r;
+        });
+      } else if (s.startsWith("on:")) {
+        const n = s.substring(3);
+        let r;
+        f(i) ? (t.addEventListener(n, i), this.unsubscribers.push(() => {
+          t.removeEventListener(n, i);
+        })) : this.attachProp(i, (a) => {
+          !a && r ? t.removeEventListener(n, r) : a != null && (r && r !== a && t.removeEventListener(n, r), t.addEventListener(n, a)), r = a;
+        });
+      } else if (s.startsWith("attr:")) {
+        const n = s.substring(5).toLowerCase();
+        this.attachProp(i, (r) => {
+          r != null ? t.setAttribute(n, String(r)) : t.removeAttribute(n);
+        });
+      } else if (f(i) && vt(s)) {
+        const n = s.slice(2).toLowerCase(), r = i;
+        t.addEventListener(n, r), this.unsubscribers.push(() => {
+          t.removeEventListener(n, r);
+        });
+      } else if (s.startsWith("on") && f(i) && kt.includes(s.substring(2)))
+        t[s] = i, this.unsubscribers.push(() => {
+          t[s] = void 0;
+        });
+      else if (s.includes("-"))
+        this.attachProp(i, (n) => {
+          n == null ? t.removeAttribute(s) : t.setAttribute(s, String(n));
+        });
+      else if (this.context.getState(P, !1))
+        this.attachProp(i, (n) => {
+          n != null ? t.setAttribute(s, String(e[s])) : t.removeAttribute(s);
+        });
+      else
+        switch (s) {
+          case "contentEditable":
+          case "value":
+            this.attachProp(i, (r) => {
+              t[s] = String(r);
+            });
+            break;
+          case "for":
+            this.attachProp(i, (r) => {
+              t.htmlFor = r;
+            });
+            break;
+          case "innerHTML":
+            this.attachProp(i, (r) => {
+              t.innerHTML = r;
+            });
+            break;
+          case "title":
+            this.attachProp(i, (r) => {
+              r == null ? t.removeAttribute(s) : t.setAttribute(s, String(r));
+            });
+          case "checked":
+            this.attachProp(i, (r) => {
+              t.checked = r, r ? t.setAttribute("checked", "") : t.removeAttribute("checked");
+            });
+            break;
+          case "dataset":
+            let n = {};
+            this.attachProp(i, (r) => {
+              if (D(r)) {
+                const a = {};
+                for (const u in r)
+                  a[bt(u)] = String(r[u]);
+                for (const u in n)
+                  Object.hasOwn(n, u) && !Object.hasOwn(a, u) && (delete t.dataset[u], delete n[u]);
+                for (const u in a)
+                  n[u] !== a[u] && (t.dataset[u] = a[u], n[u] = a[u]);
+              } else
+                for (const a in n)
+                  delete t.dataset[a];
+            });
+            break;
+          case "autocomplete":
+          case "autocapitalize":
+            this.attachProp(i, (r) => {
+              typeof r == "string" ? t[s] = r : r ? t[s] = "on" : t[s] = "off";
+            });
+            break;
+          default: {
+            this.attachProp(i, (r) => {
+              t[s] = r;
+            });
+            break;
+          }
+        }
+    }
+  }
+  applyStyles(t, e, s) {
+    const i = [];
+    if (f(e)) {
+      let n;
+      const r = w(() => {
+        f(n) && n(), t.style.cssText = "", n = this.applyStyles(t, y(e), s);
+      });
+      s.push(r), i.push(r);
+    } else {
+      const n = ct(e);
+      for (const r in n) {
+        const { value: a, priority: u } = n[r];
+        if (f(a)) {
+          const h = w(() => {
+            y(a) ? t.style.setProperty(r, String(y(a)), u) : t.style.removeProperty(r);
+          });
+          s.push(h), i.push(h);
+        } else a != null && t.style.setProperty(r, String(a));
+      }
+    }
+    return function() {
+      for (const r of i)
+        r(), s.splice(s.indexOf(r), 1);
+    };
+  }
+  applyClasses(t, e, s) {
+    const i = [];
+    if (f(e)) {
+      let n;
+      const r = w(() => {
+        f(n) && n(), t.removeAttribute("class"), n = this.applyClasses(t, y(e), s);
+      });
+      s.push(r), i.push(r);
+    } else {
+      const n = rt(e);
+      for (const r in n) {
+        const a = n[r];
+        if (f(a)) {
+          const u = w(() => {
+            y(a) ? t.classList.add(r) : t.classList.remove(r);
+          });
+          s.push(u), i.push(u);
+        } else a && t.classList.add(r);
+      }
+    }
+    return function() {
+      for (const r of i)
+        r(), s.splice(s.indexOf(r), 1);
+    };
+  }
+}
+function rt(o) {
+  let t = {};
+  if (C(o)) {
+    const e = o.split(" ");
+    for (const s of e)
+      t[s] = !0;
+  } else D(o) ? Object.assign(t, o) : Array.isArray(o) && Array.from(o).filter(Boolean).forEach((e) => {
+    Object.assign(t, rt(e));
+  });
+  return delete t.undefined, t;
+}
+function ct(o) {
+  let t = {};
+  if (C(o)) {
+    const e = o.split(";").filter((s) => s.trim() !== "");
+    for (const s of e) {
+      const [i, n] = s.split(":"), r = {
+        value: n
+      };
+      n.includes("!important") ? (r.priority = "important", r.value = n.replace("!important", "").trim()) : r.value = n.trim(), t[G(i.trim())] = r;
+    }
+  }
+  if (D(o))
+    for (const e in o)
+      e.startsWith("--") ? t[e] = { value: o[e] } : t[G(e)] = { value: o[e] };
+  else Array.isArray(o) && Array.from(o).filter((e) => e != null).forEach((e) => {
+    Object.assign(t, ct(e));
+  });
+  return t;
+}
+function q() {
+  if (this.root == null) return this.tag;
+  let o = this.root.tagName.toLowerCase();
+  if (this.root.id && (o += `#${this.root.id}`), this.root.classList.length > 0)
+    for (const t of this.root.classList.values())
+      o += `.${t}`;
+  return o;
+}
+function G(o) {
+  return o.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (t, e) => (e ? "-" : "") + t.toLowerCase());
+}
+const kt = [
+  // Element
+  "animationcancel",
+  "animationend",
+  "animationiteration",
+  "animationstart",
+  "auxclick",
+  "beforeinput",
+  "beforematch",
+  "beforexrselect",
+  "blur",
+  "click",
+  "compositionend",
+  "compositionstart",
+  "compositionupdate",
+  "contentvisibilityautostatechange",
+  "contextmenu",
+  "copy",
+  "cut",
+  "dblclick",
+  "focus",
+  "focusin",
+  "focusout",
+  "fullscreenchange",
+  "fullscreenerror",
+  "gotpointercapture",
+  "input",
+  "keydown",
+  "keyup",
+  "lostpointercapture",
+  "mousedown",
+  "mouseenter",
+  "mouseleave",
+  "mousemove",
+  "mouseout",
+  "mouseover",
+  "mouseup",
+  "paste",
+  "pointercancel",
+  "pointerdown",
+  "pointerenter",
+  "pointerleave",
+  "pointermove",
+  "pointerout",
+  "pointerover",
+  "pointerrawupdate",
+  "pointerup",
+  "scroll",
+  "scrollend",
+  "scrollsnapchange",
+  "scrollsnapchanging",
+  "securitypolicyviolation",
+  "touchcancel",
+  "touchend",
+  "touchmove",
+  "touchstart",
+  "transitioncancel",
+  "transitionend",
+  "transitionrun",
+  "transitionstart",
+  "webkitmouseforcechanged",
+  "webkitmouseforcedown",
+  "webkitmouseforceup",
+  "webkimouseforcewillbegin",
+  "wheel",
+  // HTMLElement
+  "beforetoggle",
+  "change",
+  "command",
+  "drag",
+  "dragend",
+  "dragenter",
+  "dragleave",
+  "dragover",
+  "dragstart",
+  "drop",
+  "error",
+  "load",
+  "toggle",
+  // HTMLInputElement
+  "cancel",
+  "invalid",
+  "search",
+  "select",
+  "selectionchange",
+  // HTMLFormElement
+  "formdata",
+  "reset",
+  "submit"
+];
+var tt;
+tt = N;
+class Mt {
+  constructor(t, e, s) {
+    c(this, tt, k);
+    c(this, "context");
+    c(this, "content");
+    c(this, "parent");
+    c(this, "element");
+    this.context = t, this.content = e, this.parent = s;
+  }
+  isMounted() {
+    return this.element ? this.element.isMounted() : !1;
+  }
+  mount(t, e) {
+    this.element = ht(this.content, this.context), this.element.mount(this.parent);
+  }
+  unmount(t = !1) {
+    var e;
+    (e = this.element) != null && e.isMounted() && this.element.unmount(!1);
+  }
+  move(t, e) {
+  }
+}
+var et;
+et = N;
+class St {
+  constructor(t, e, s, i) {
+    c(this, et, k);
+    c(this, "root", document.createTextNode(""));
+    c(this, "context");
+    c(this, "items");
+    c(this, "key");
+    c(this, "render");
+    c(this, "unsubscribe", null);
+    c(this, "connectedItems", /* @__PURE__ */ new Map());
+    this.context = t, this.items = e, this.key = s, this.render = i;
+  }
+  isMounted() {
+    return this.root.parentElement != null;
+  }
+  mount(t, e) {
+    this.isMounted() || (t.insertBefore(this.root, (e == null ? void 0 : e.nextSibling) ?? null), this.unsubscribe = w(() => {
+      let s = this.items();
+      s == null && (s = [], this.context.warn("repeat() received empty value for items", s)), E(() => {
+        this._update(Array.from(s));
+      });
+    }));
+  }
+  unmount(t = !1) {
+    var e;
+    this.unsubscribe && (this.unsubscribe(), this.unsubscribe = null), !t && this.isMounted() && ((e = this.root.parentNode) == null || e.removeChild(this.root)), this._cleanup(t);
+  }
+  move(t, e) {
+    return this.mount(t, e);
+  }
+  _cleanup(t) {
+    for (const e of this.connectedItems.values())
+      e.node.unmount(t);
+    this.connectedItems.clear();
+  }
+  _update(t) {
+    var r, a, u;
+    if (t.length === 0 || !this.isMounted())
+      return this._cleanup(!1);
+    const e = /* @__PURE__ */ new Map();
+    let s = 0;
+    for (const h of t) {
+      const m = this.key(h, s);
+      e.set(m, {
+        key: m,
+        value: h,
+        index: s++
+      });
+    }
+    const i = [];
+    for (const h of this.connectedItems.values())
+      !e.has(h.key) && h.node.isMounted() && h.node.unmount(!1);
+    gt(() => {
+      for (const h of e.values()) {
+        const m = this.connectedItems.get(h.key);
+        if (m && m.node.isMounted())
+          m.$item(h.value), m.$index(h.index), i[h.index] = m;
+        else {
+          const M = _(h.value, { equals: wt }), S = _(h.index);
+          i[h.index] = {
+            key: h.key,
+            $item: M,
+            $index: S,
+            node: new nt(this.context, It, {
+              $item: () => M(),
+              $index: () => S(),
+              render: this.render
+            })
+          };
+        }
+      }
+    });
+    for (let h = 0; h < i.length; h++) {
+      const m = i[h], M = ((r = i[h - 1]) == null ? void 0 : r.node.root) ?? this.root, S = this.connectedItems.get(m.key);
+      S && S.node.isMounted() ? m.node.move(this.root.parentElement, M) : m.node.mount(this.root.parentElement, M);
+    }
+    this.connectedItems.clear();
+    for (const h of i)
+      this.connectedItems.set(h.key, h);
+    const n = ((a = i.at(-1)) == null ? void 0 : a.node.root) ?? this.root;
+    (u = this.root.parentNode) == null || u.insertBefore(this.root, n.nextSibling);
+  }
+}
+const Et = "dolla.RepeatItemView";
+function It(o, t) {
+  return t.setName(Et), o.render.call(t, o.$item, o.$index, t);
+}
+class at {
+  constructor(t, e) {
+    /**
+     * In the case of a view, type will be the View function itself. It can also hold an identifier for special nodes like "$cond", "$repeat", etc.
+     * DOM nodes can be created by name, such as HTML elements like "div", "ul" or "span", SVG elements like ""
+     */
+    c(this, "type");
+    /**
+     * Data that will be passed to a new MarkupNode instance when it is constructed.
+     * Includes a `children` prop if children were passed.
+     */
+    c(this, "props");
+    this.type = t, this.props = e;
+  }
+}
+function Lt(o) {
+  return (o == null ? void 0 : o[N]) === k;
+}
+var Ot = /* @__PURE__ */ ((o) => (o.DOM = "$dom", o.Dynamic = "$dynamic", o.Portal = "$portal", o.Repeat = "$repeat", o))(Ot || {});
+function W(o, t) {
+  return new at(o, t ?? {});
+}
+function Tt(o, t, e) {
+  return W("$dynamic", {
+    source: _(() => {
+      const s = y(o);
+      return s && t ? t : !s && e ? e : null;
+    })
+  });
+}
+function At(o, t, e) {
+  return Tt(o, e, t);
+}
+function Dt(o, t, e) {
+  return W("$repeat", { items: () => y(o), key: t, render: e });
+}
+function Ct(o, t) {
+  return W("$portal", { parent: o, content: t });
+}
+function ht(o, t = new d("$")) {
+  const e = B(t, [o]);
+  return e.length === 1 ? e[0] : new A(t, () => e);
+}
+function B(o, ...t) {
+  const e = t.flat(1 / 0), s = [];
+  for (const i of e)
+    if (!(i == null || i === !1)) {
+      if (i instanceof Node) {
+        s.push(new $(i));
+        continue;
+      }
+      if (i instanceof at)
+        if (f(i.type)) {
+          s.push(new nt(o, i.type, i.props));
+          continue;
+        } else if (C(i.type))
+          switch (i.type) {
+            case "$dom": {
+              const n = i.props;
+              s.push(new $(n.value));
+              continue;
+            }
+            case "$dynamic": {
+              const n = i.props;
+              s.push(new A(o, n.source));
+              continue;
+            }
+            case "$portal": {
+              const n = i.props;
+              s.push(new Mt(o, n.content, n.parent));
+              continue;
+            }
+            case "$repeat": {
+              const n = i.props;
+              s.push(new St(o, n.items, n.key, n.render));
+              continue;
+            }
+            default:
+              s.push(new Nt(o, i.type, i.props));
+              continue;
+          }
+        else
+          throw new TypeError(`Expected a string or view function. Got: ${i.type}`);
+      if (Lt(i)) {
+        s.push(i);
+        continue;
+      }
+      if (f(i)) {
+        s.push(new A(o, i));
+        continue;
+      }
+      s.push(new $(document.createTextNode(String(i))));
+    }
+  return s;
+}
+export {
+  d as C,
+  A as D,
+  b as L,
+  Ot as M,
+  nt as V,
+  Dt as a,
+  at as b,
+  _t as c,
+  W as m,
+  Ct as p,
+  ht as r,
+  At as u,
+  Tt as w
+};
+//# sourceMappingURL=markup-BGlfQYQk.js.map