@manyducks.co/dolla 2.0.0-alpha.55 → 2.0.0-alpha.56

package/dist/markup-DS7yYBga.js

@@ -0,0 +1,844 @@
+var Y = Object.defineProperty;
+var P = (o) => {
+  throw TypeError(o);
+};
+var tt = (o, t, e) => t in o ? Y(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var c = (o, t, e) => tt(o, typeof t != "symbol" ? t + "" : t, e), C = (o, t, e) => t.has(o) || P("Cannot " + e);
+var d = (o, t, e) => (C(o, t, "read from private field"), e ? e.call(o) : t.get(o)), L = (o, t, e) => t.has(o) ? P("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(o) : t.set(o, e), v = (o, t, e, s) => (C(o, t, "write to private field"), s ? s.call(o, e) : t.set(o, e), e);
+import { c as u, t as et, g as z, b as U, i as F } from "./typeChecking-BJ-ymQ2F.js";
+import { p as k, f as st, g, j as R, e as p, b as it, k as nt, $ as O, d as ot } from "./logger-sSxIw5od.js";
+var m = /* @__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))(m || {}), l;
+class rt {
+  constructor() {
+    c(this, "state", 0);
+    c(this, "dependents", 0);
+    L(this, l, {});
+  }
+  on(t, e) {
+    d(this, l)[t] ? d(this, l)[t].indexOf(e) === -1 && d(this, l)[t].push(e) : d(this, l)[t] = [e];
+  }
+  off(t, e) {
+    d(this, l)[t] && (d(this, l)[t].splice(d(this, l)[t].indexOf(e), 1), d(this, l)[t].length === 0 && delete d(this, l)[t]);
+  }
+  notify(t) {
+    if (d(this, l)[t])
+      for (const e of d(this, l)[t])
+        e();
+  }
+  emit(t, e = !1) {
+    switch (t) {
+      case 0: {
+        e && this.dependents++, this.state < 1 && (this.state = e ? 2 : 1, this.notify(t));
+        break;
+      }
+      case 1: {
+        this.state >= 1 && this.state < 3 && (this.state += 2, this.notify(t));
+        break;
+      }
+      case 2: {
+        e ? (this.dependents--, this.dependents || this.emit(
+          2
+          /* WILL_UNMOUNT */
+        )) : this.state >= 3 && this.state < 5 && (this.notify(t), this.state += 2);
+        break;
+      }
+      case 3: {
+        e ? !this.dependents && this.state === 6 && this.emit(
+          3
+          /* DID_UNMOUNT */
+        ) : this.state >= 5 && this.state < 7 && (this.state = 7 % 7, this.notify(t));
+        break;
+      }
+    }
+  }
+  dispose() {
+    this.emit(
+      2
+      /* WILL_UNMOUNT */
+    ), this.emit(
+      3
+      /* DID_UNMOUNT */
+    ), v(this, l, {});
+  }
+}
+l = new WeakMap();
+var w;
+const S = class S {
+  constructor(t, e) {
+    L(this, w);
+    c(this, "_name");
+    c(this, "_lifecycle", new rt());
+    c(this, "_parent");
+    c(this, "_stores");
+    c(this, "_state");
+    v(this, w, t), this._name = k(t);
+    const s = st(() => g(d(this, w)), 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._lifecycle;
+    return t >= 3 && t < 7;
+  }
+  /**
+   * Returns a new Context with this one as its parent.
+   */
+  static linked(t, e, s) {
+    const i = new S(e, s);
+    return i._parent = t, s != null && s.bindLifecycleToParent ? (t._lifecycle.on(0, () => {
+      i._lifecycle.emit(
+        0
+        /* WILL_MOUNT */
+      );
+    }), t._lifecycle.on(1, () => {
+      i._lifecycle.emit(
+        1
+        /* DID_MOUNT */
+      );
+    }), t._lifecycle.on(2, () => {
+      i._lifecycle.emit(
+        2
+        /* WILL_UNMOUNT */
+      );
+    }), t._lifecycle.on(3, () => {
+      i._lifecycle.emit(
+        3
+        /* DID_UNMOUNT */
+      );
+    })) : (i._lifecycle.on(0, () => {
+      t._lifecycle.emit(0, !0);
+    }), i._lifecycle.on(1, () => {
+      t._lifecycle.emit(1, !0);
+    }), i._lifecycle.on(2, () => {
+      t._lifecycle.emit(2, !0);
+    }), i._lifecycle.on(3, () => {
+      t._lifecycle.emit(3, !0);
+    })), i;
+  }
+  static emit(t, e) {
+    e._lifecycle.emit(t);
+  }
+  /**
+   * Returns the current name of this context.
+   */
+  getName() {
+    return k(d(this, w));
+  }
+  /**
+   * Sets a new name for this context.
+   */
+  setName(t) {
+    v(this, w, t), this._name = k(t);
+  }
+  addStore(t, e) {
+    var i;
+    if ((i = this._stores) != null && i.get(t)) {
+      let n = t.name ? `'${t.name}'` : "this store";
+      return this.warn(`An instance of ${n} was already added on this context.`), this;
+    }
+    const s = S.linked(this, t.name, {
+      bindLifecycleToParent: !0,
+      logger: { tag: R(), tagName: "uid" }
+    });
+    try {
+      this._stores || (this._stores = /* @__PURE__ */ new Map());
+      const n = t.call(s, e, s);
+      this._stores.set(t, n);
+    } catch (n) {
+      throw this.crash(n);
+    }
+    return this;
+  }
+  getStore(t) {
+    var i;
+    if (!u(t))
+      throw new D("Invalid store.");
+    let e = this, s;
+    for (; s = (i = e._stores) == null ? void 0 : i.get(t), s == null && e._parent != null; )
+      e = e._parent;
+    if (s == null)
+      throw this.crash(new D(`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._lifecycle.on(0, t), () => this._lifecycle.off(0, t);
+  }
+  /**
+   * Schedule a callback function to run after this context is mounted.
+   */
+  onMount(t) {
+    return this._lifecycle.on(1, t), () => this._lifecycle.off(1, t);
+  }
+  /**
+   * Schedule a callback function to run just before this context is unmounted.
+   */
+  beforeUnmount(t) {
+    return this._lifecycle.on(2, t), () => this._lifecycle.off(2, t);
+  }
+  /**
+   * Schedule a callback function to run after this context is unmounted.
+   */
+  onUnmount(t) {
+    return this._lifecycle.on(3, t), () => this._lifecycle.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._lifecycle.state >= 1) {
+      const s = p(e);
+      return this._lifecycle.on(3, s), s;
+    } else {
+      let s, i = !1;
+      return this._lifecycle.on(0, () => {
+        i || (s = p(e), this._lifecycle.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._state) == null ? void 0 : s.get(t), n === void 0 && i._parent != null; )
+        i = i._parent;
+      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._state && n.push(...i._state.entries()), i._parent != null; )
+        i = i._parent;
+      return new Map(n.reverse());
+    }
+  }
+  setState() {
+    if (this._state || (this._state = /* @__PURE__ */ new Map()), arguments.length === 2)
+      this._state.set(arguments[0], arguments[1]);
+    else if (et(arguments[0]) === "array")
+      for (const [t, e] of arguments[0])
+        e === void 0 ? this._state.delete(t) : this._state.set(t, e);
+    else
+      throw new Error("Invalid arguments.");
+    return this;
+  }
+};
+w = new WeakMap();
+let f = S;
+function wt(o, t) {
+  return new f(o, t);
+}
+class D extends Error {
+}
+const x = Symbol.for("dollaMarkupNode");
+var W;
+W = x;
+class N {
+  constructor(t) {
+    c(this, W, !0);
+    c(this, "root");
+    this.root = t;
+  }
+  get isMounted() {
+    return this.root.parentNode != null;
+  }
+  mount(t, e) {
+    t.insertBefore(this.root, (e == null ? void 0 : e.nextSibling) ?? null);
+  }
+  unmount(t = !1) {
+    this.root.parentNode && !t && this.root.parentNode.removeChild(this.root);
+  }
+}
+var B;
+B = x;
+class M {
+  constructor(t, e) {
+    c(this, B, !0);
+    c(this, "root", document.createTextNode(""));
+    c(this, "children", []);
+    c(this, "context");
+    c(this, "$slot");
+    c(this, "unsubscribe");
+    this.context = t, this.$slot = e;
+  }
+  get isMounted() {
+    return this.root.parentNode != null;
+  }
+  mount(t, e) {
+    this.isMounted || (t.insertBefore(this.root, (e == null ? void 0 : e.nextSibling) ?? null), this.unsubscribe = p(() => {
+      try {
+        const s = this.$slot();
+        k(() => {
+          this.update(z(s) ? s : [s]);
+        });
+      } catch (s) {
+        this.context.error(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));
+  }
+  cleanup(t) {
+    for (const e of this.children)
+      e.unmount(t);
+    this.children = [];
+  }
+  update(t) {
+    var s;
+    if (this.cleanup(!1), t.length === 0 || !this.isMounted) return;
+    const e = A(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.parentNode, n), this.children.push(i);
+    }
+    this.moveMarker();
+  }
+  /**
+   * Move marker node to end of children.
+   */
+  moveMarker() {
+    var s, i;
+    const t = this.root.parentNode, 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 H = Symbol("View");
+var j;
+j = x;
+class Z {
+  constructor(t, e, s, i) {
+    c(this, j, !0);
+    c(this, "uniqueId", R());
+    c(this, "context");
+    c(this, "props");
+    c(this, "fn");
+    c(this, "node");
+    this.context = f.linked(t, e.name ?? "anonymous view", {
+      logger: {
+        tag: this.uniqueId,
+        tagName: "uid"
+      }
+    }), this.context.setState(H, this), this.props = { ...s, children: i }, this.fn = e;
+  }
+  /*===============================*\
+  ||         "Public" API          ||
+  \*===============================*/
+  get root() {
+    var t;
+    return (t = this.node) == null ? void 0 : t.root;
+  }
+  get isMounted() {
+    return this.context.isMounted;
+  }
+  mount(t, e) {
+    const s = this.isMounted;
+    s || (this._initialize(), f.emit(m.WILL_MOUNT, this.context)), this.node && this.node.mount(t, e), s || f.emit(m.DID_MOUNT, this.context);
+  }
+  unmount(t = !1) {
+    f.emit(m.WILL_UNMOUNT, this.context), this.node && this.node.unmount(t), f.emit(m.DID_UNMOUNT, this.context);
+  }
+  /*===============================*\
+  ||           Internal            ||
+  \*===============================*/
+  _initialize() {
+    const { context: t, props: e, fn: s } = this;
+    let i;
+    try {
+      i = s.call(t, e, t);
+    } catch (n) {
+      throw n instanceof Error && t.crash(n), n;
+    }
+    i == null || (i instanceof Node ? this.node = new N(i) : u(i) ? this.node = new M(t, i) : this.node = X(i, t));
+  }
+}
+const ct = (o) => /^on[A-Z]/.test(o), I = Symbol("HTML.isSVG");
+var q;
+q = x;
+class at {
+  constructor(t, e, s, i) {
+    c(this, q, !0);
+    c(this, "root");
+    c(this, "context");
+    c(this, "props");
+    c(this, "children");
+    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.context = f.linked(t, e), e.toLowerCase() === "svg" && this.context.setState(I, !0), this.context.getState(I, !1) ? this.root = document.createElementNS("http://www.w3.org/2000/svg", e) : this.root = document.createElement(e), it() === "development") {
+      const n = this.context.getState(H, null);
+      n && (this.root.dataset.view = n.context.getName());
+    }
+    if (s.ref)
+      if (u(s.ref))
+        this.ref = s.ref, this.ref(this.root);
+      else
+        throw new Error("Expected ref to be a function. Got: " + s.ref);
+    if (s.mixin) {
+      const n = z(s.mixin) ? s.mixin : [s.mixin];
+      for (const r of n)
+        r(
+          this.root,
+          f.linked(this.context, () => ht(this), {
+            bindLifecycleToParent: !0,
+            logger: { tagName: r.name === "mixin" ? void 0 : "mixin", tag: r.name }
+          })
+        );
+    }
+    this.props = {
+      ...nt(["ref", "class", "className", "mixin"], s),
+      class: s.className ?? s.class
+    }, this.children = i;
+  }
+  get isMounted() {
+    return this.root.parentNode != null;
+  }
+  mount(t, e) {
+    if (t == null)
+      throw new Error(`HTML element requires a parent element as the first argument to connect. Got: ${t}`);
+    const s = this.isMounted;
+    if (!s) {
+      f.emit(m.WILL_MOUNT, this.context), this.children && this.children.length > 0 && (this.childNodes = A(this.context, this.children));
+      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);
+      }
+      this.applyProps(this.root, this.props), this.props.style && this.applyStyles(this.root, this.props.style, this.unsubscribers), this.props.class && this.applyClasses(this.root, this.props.class, this.unsubscribers);
+    }
+    t.insertBefore(this.root, (e == null ? void 0 : e.nextSibling) ?? null), queueMicrotask(() => {
+      this.canClickAway = !0, s || f.emit(m.DID_MOUNT, this.context);
+    });
+  }
+  unmount(t = !1) {
+    var e;
+    if (this.isMounted) {
+      f.emit(m.WILL_UNMOUNT, this.context), 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), f.emit(m.DID_UNMOUNT, this.context);
+    }
+  }
+  attachProp(t, e) {
+    u(t) ? this.unsubscribers.push(
+      p(() => {
+        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 = (h) => {
+          this.canClickAway && !t.contains(h.target) && i(h);
+        }, r = { capture: !0 };
+        window.addEventListener("click", n, r), this.unsubscribers.push(() => {
+          window.removeEventListener("click", n, r);
+        });
+      } else if (u(i) && ct(s)) {
+        const n = s.slice(2).toLowerCase(), r = i;
+        t.addEventListener(n, r), this.unsubscribers.push(() => {
+          t.removeEventListener(n, r);
+        });
+      } else if (u(i) && ut.includes(s)) {
+        const n = s.substring(2);
+        t.addEventListener(n, i), this.unsubscribers.push(() => {
+          t.removeEventListener(n, i);
+        });
+      } else if (s.includes("-"))
+        this.attachProp(i, (n) => {
+          n == null ? t.removeAttribute(s) : t.setAttribute(s, String(n));
+        });
+      else if (!lt.includes(s))
+        if (this.context.getState(I, !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, (n) => {
+                t[s] = String(n);
+              });
+              break;
+            case "for":
+              this.attachProp(i, (n) => {
+                t.htmlFor = n;
+              });
+              break;
+            case "title":
+              this.attachProp(i, (n) => {
+                n == null ? t.removeAttribute(s) : t.setAttribute(s, String(n));
+              });
+            case "checked":
+              this.attachProp(i, (n) => {
+                t.checked = n, n ? t.setAttribute("checked", "") : t.removeAttribute("checked");
+              });
+              break;
+            case "autocomplete":
+            case "autocapitalize":
+              this.attachProp(i, (n) => {
+                typeof n == "string" ? t[s] = n : n ? t[s] = "on" : t[s] = "off";
+              });
+              break;
+            default: {
+              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;
+                u(i) ? (t.addEventListener(n, i), this.unsubscribers.push(() => {
+                  t.removeEventListener(n, i);
+                })) : this.attachProp(i, (h) => {
+                  !h && r ? t.removeEventListener(n, r) : h != null && (r && r !== h && t.removeEventListener(n, r), t.addEventListener(n, h)), r = h;
+                });
+              } 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
+                this.attachProp(i, (n) => {
+                  t[s] = n;
+                });
+              break;
+            }
+          }
+    }
+  }
+  applyStyles(t, e, s) {
+    const i = [];
+    if (u(e)) {
+      let n;
+      const r = p(() => {
+        u(n) && n(), t.style.cssText = "", n = this.applyStyles(t, g(e), s);
+      });
+      s.push(r), i.push(r);
+    } else {
+      const n = J(e);
+      for (const r in n) {
+        const { value: h, priority: b } = n[r];
+        if (u(h)) {
+          const a = p(() => {
+            g(h) ? t.style.setProperty(r, String(g(h)), b) : t.style.removeProperty(r);
+          });
+          s.push(a), i.push(a);
+        } else h != null && t.style.setProperty(r, String(h));
+      }
+    }
+    return function() {
+      for (const r of i)
+        r(), s.splice(s.indexOf(r), 1);
+    };
+  }
+  applyClasses(t, e, s) {
+    const i = [];
+    if (u(e)) {
+      let n;
+      const r = p(() => {
+        u(n) && n(), t.removeAttribute("class"), n = this.applyClasses(t, g(e), s);
+      });
+      s.push(r), i.push(r);
+    } else {
+      const n = K(e);
+      for (const r in n) {
+        const h = n[r];
+        if (u(h)) {
+          const b = p(() => {
+            g(h) ? t.classList.add(r) : t.classList.remove(r);
+          });
+          s.push(b), i.push(b);
+        } else h && t.classList.add(r);
+      }
+    }
+    return function() {
+      for (const r of i)
+        r(), s.splice(s.indexOf(r), 1);
+    };
+  }
+}
+function K(o) {
+  let t = {};
+  if (U(o)) {
+    const e = o.split(" ");
+    for (const s of e)
+      t[s] = !0;
+  } else F(o) ? Object.assign(t, o) : Array.isArray(o) && Array.from(o).filter(Boolean).forEach((e) => {
+    Object.assign(t, K(e));
+  });
+  return delete t.undefined, t;
+}
+function J(o) {
+  let t = {};
+  if (U(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[$(i.trim())] = r;
+    }
+  }
+  if (F(o))
+    for (const e in o)
+      e.startsWith("--") ? t[e] = { value: o[e] } : t[$(e)] = { value: o[e] };
+  else Array.isArray(o) && Array.from(o).filter((e) => e != null).forEach((e) => {
+    Object.assign(t, J(e));
+  });
+  return t;
+}
+function ht(o) {
+  let t = o.root.tagName.toLowerCase();
+  if (o.root.id && (t += `#${o.root.id}`), o.root.classList.length > 0)
+    for (const e of o.root.classList.values())
+      t += `.${e}`;
+  return t;
+}
+function $(o) {
+  return o.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (t, e) => (e ? "-" : "") + t.toLowerCase());
+}
+const lt = ["ref", "children", "class", "style", "data", "mixin"], ut = ["onsubmit", "onclick", "ontransitionend"];
+var V;
+V = x;
+class ft {
+  constructor(t, e, s) {
+    c(this, V, !0);
+    c(this, "context");
+    c(this, "content");
+    c(this, "parent");
+    c(this, "element");
+    this.context = t, this.content = e, this.parent = s;
+  }
+  get isMounted() {
+    return this.element ? this.element.isMounted : !1;
+  }
+  mount(t, e) {
+    this.element = X(this.content, this.context), this.element.mount(this.parent);
+  }
+  unmount(t = !1) {
+    var e;
+    (e = this.element) != null && e.isMounted && this.element.unmount(!1);
+  }
+}
+var G;
+G = x;
+class dt {
+  constructor(t, e, s, i) {
+    c(this, G, !0);
+    c(this, "root", document.createTextNode(""));
+    c(this, "context");
+    c(this, "items");
+    c(this, "key");
+    c(this, "render");
+    c(this, "unsubscribe", null);
+    c(this, "connectedItems", []);
+    this.context = t, this.items = e, this.key = s, this.render = i;
+  }
+  get isMounted() {
+    return this.root.parentNode != null;
+  }
+  mount(t, e) {
+    this.isMounted || (t.insertBefore(this.root, (e == null ? void 0 : e.nextSibling) ?? null), this.unsubscribe = p(() => {
+      let s = this.items();
+      s == null && (s = [], this.context.warn("repeat() received empty value for items", s)), k(() => {
+        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);
+  }
+  _cleanup(t) {
+    for (const e of this.connectedItems)
+      e.node.unmount(t);
+    this.connectedItems = [];
+  }
+  _update(t) {
+    var r, h, b;
+    if (t.length === 0 || !this.isMounted)
+      return this._cleanup(!1);
+    const e = [];
+    let s = 0;
+    for (const a of t)
+      e.push({
+        key: this.key(a, s),
+        value: a,
+        index: s++
+      });
+    const i = [];
+    for (const a of this.connectedItems)
+      e.find((y) => y.key === a.key) || a.node.unmount(!1);
+    for (const a of e) {
+      const _ = this.connectedItems.find((y) => y.key === a.key);
+      if (_)
+        _.item(a.value), _.index(a.index), i[a.index] = _;
+      else {
+        const y = O(a.value, { equals: ot }), E = O(a.index);
+        i[a.index] = {
+          key: a.key,
+          item: y,
+          index: E,
+          node: new Z(this.context, pt, {
+            item: () => y(),
+            index: () => E(),
+            renderFn: this.render
+          })
+        };
+      }
+    }
+    for (let a = 0; a < i.length; a++) {
+      const _ = i[a], y = ((r = i[a - 1]) == null ? void 0 : r.node.root) ?? this.root;
+      _.node.mount(this.root.parentNode, y);
+    }
+    this.connectedItems = i;
+    const n = ((h = i.at(-1)) == null ? void 0 : h.node.root) ?? this.root;
+    (b = this.root.parentNode) == null || b.insertBefore(this.root, n.nextSibling);
+  }
+}
+function pt(o, t) {
+  return t.setName("@RepeatItem"), o.renderFn.call(t, o.item, o.index, t);
+}
+class Q {
+  constructor(t, e, ...s) {
+    /**
+     * 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.
+     */
+    c(this, "props");
+    /**
+     *
+     */
+    c(this, "children");
+    this.type = t, this.props = e, this.children = s;
+  }
+}
+function mt(o) {
+  return (o == null ? void 0 : o[x]) === !0;
+}
+function T(o, t, ...e) {
+  return new Q(o, t, ...e);
+}
+function yt(o, t, e) {
+  return T("$dynamic", {
+    source: O(() => {
+      const s = g(o);
+      return s && t ? t : !s && e ? e : null;
+    })
+  });
+}
+function xt(o, t, e) {
+  return yt(o, e, t);
+}
+function Nt(o, t, e) {
+  return T("$repeat", { items: () => g(o), key: t, render: e });
+}
+function kt(o, t) {
+  return T("$portal", { parent: o, content: t });
+}
+function X(o, t = new f("$")) {
+  const e = A(t, [o]);
+  return e.length === 1 ? e[0] : new M(t, () => e);
+}
+function A(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 N(i));
+        continue;
+      }
+      if (i instanceof Q)
+        if (u(i.type)) {
+          s.push(new Z(o, i.type, i.props, i.children));
+          continue;
+        } else if (U(i.type))
+          switch (i.type) {
+            case "$dom": {
+              const n = i.props;
+              s.push(new N(n.value));
+              continue;
+            }
+            case "$text": {
+              const n = i.props;
+              s.push(new N(document.createTextNode(String(n.value))));
+              continue;
+            }
+            case "$repeat": {
+              const n = i.props;
+              s.push(new dt(o, n.items, n.key, n.render));
+              continue;
+            }
+            case "$dynamic": {
+              const n = i.props;
+              s.push(new M(o, n.source));
+              continue;
+            }
+            case "$portal": {
+              const n = i.props;
+              s.push(new ft(o, n.content, n.parent));
+              continue;
+            }
+            default:
+              s.push(new at(o, i.type, i.props ?? {}, i.children));
+              continue;
+          }
+        else
+          throw new TypeError(`Expected a string or view function. Got: ${i.type}`);
+      if (mt(i)) {
+        s.push(i);
+        continue;
+      }
+      if (u(i)) {
+        s.push(new M(o, i));
+        continue;
+      }
+      s.push(new N(document.createTextNode(String(i))));
+    }
+  return s;
+}
+export {
+  f as C,
+  M as D,
+  m as L,
+  Z as V,
+  Nt as a,
+  wt as c,
+  T as m,
+  kt as p,
+  X as r,
+  xt as u,
+  yt as w
+};
+//# sourceMappingURL=markup-DS7yYBga.js.map