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

package/dist/markup-yTuFdC0t.js

@@ -0,0 +1,923 @@
+var ct = Object.defineProperty;
+var F = (n) => {
+  throw TypeError(n);
+};
+var lt = (n, t, e) => t in n ? ct(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var r = (n, t, e) => lt(n, typeof t != "symbol" ? t + "" : t, e), B = (n, t, e) => t.has(n) || F("Cannot " + e);
+var h = (n, t, e) => (B(n, t, "read from private field"), e ? e.call(n) : t.get(n)), A = (n, t, e) => t.has(n) ? F("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(n) : t.set(n, e), P = (n, t, e, s) => (B(n, t, "write to private field"), s ? s.call(n, e) : t.set(n, e), e);
+import { c as d, t as k, h as J, g as _, b as U, i as Q, j as ut } from "./typeChecking-lgllKIVq.js";
+import { f as at, g as p, p as w, j as X, e as m, $ as S, b as ht, k as dt, d as ft } from "./logger-CXdzxt1e.js";
+const mt = /* @__PURE__ */ new Map();
+var a;
+class pt {
+  constructor() {
+    r(this, "state", 0);
+    r(this, "dependents", 0);
+    A(this, a, {});
+  }
+  on(t, e) {
+    h(this, a)[t] ? h(this, a)[t].indexOf(e) === -1 && h(this, a)[t].push(e) : h(this, a)[t] = [e];
+  }
+  off(t, e) {
+    h(this, a)[t] && (h(this, a)[t].splice(h(this, a)[t].indexOf(e), 1), h(this, a)[t].length === 0 && delete h(this, a)[t]);
+  }
+  willMount(t = !1) {
+    if (t && this.dependents++, this.state < 1) {
+      if (h(this, a).willMount)
+        for (const e of h(this, a).willMount)
+          e();
+      this.state = t ? 2 : 1;
+    }
+  }
+  didMount(t = !1) {
+    if (this.state >= 1 && this.state < 3 && (this.state += 2, h(this, a).didMount))
+      for (const e of h(this, a).didMount)
+        e();
+  }
+  willUnmount(t = !1) {
+    if (t)
+      this.dependents--, this.dependents || this.willUnmount();
+    else if (this.state >= 3 && this.state < 5) {
+      if (h(this, a).willUnmount)
+        for (const e of h(this, a).willUnmount)
+          e();
+      this.state += 2;
+    }
+  }
+  didUnmount(t = !1) {
+    if (t)
+      !this.dependents && this.state === 6 && this.didUnmount();
+    else if (this.state >= 5 && this.state < 7 && (this.state = 7 % 7, h(this, a).didUnmount))
+      for (const e of h(this, a).didUnmount)
+        e();
+  }
+  dispose() {
+    this.willUnmount(), this.didUnmount(), P(this, a, {});
+  }
+}
+a = new WeakMap();
+var M;
+const $ = class $ {
+  constructor(t, e) {
+    r(this, "_name");
+    r(this, "_parent");
+    r(this, "_lifecycle", new pt());
+    r(this, "_stores", /* @__PURE__ */ new Map());
+    r(this, "_state", /* @__PURE__ */ new Map());
+    A(this, M);
+    this.setName(t);
+    const s = at(() => p(h(this, M)), e == null ? void 0 : e.logger), i = Object.getOwnPropertyDescriptors(s);
+    for (const o in i)
+      Object.defineProperty(this, o, i[o]);
+  }
+  get isMounted() {
+    const { state: t } = this._lifecycle;
+    return t >= 3 && t < 7;
+  }
+  /**
+   * Returns a new Context with this one as its parent.
+   */
+  static inherit(t, e, s) {
+    const i = new $(e, s);
+    return i._parent = t, s != null && s.bindLifecycleToParent ? (t._lifecycle.on("willMount", () => {
+      i._lifecycle.willMount();
+    }), t._lifecycle.on("didMount", () => {
+      i._lifecycle.didMount();
+    }), t._lifecycle.on("willUnmount", () => {
+      i._lifecycle.willUnmount();
+    }), t._lifecycle.on("didUnmount", () => {
+      i._lifecycle.didUnmount();
+    })) : (i._lifecycle.on("willMount", () => {
+      t._lifecycle.willMount(!0);
+    }), i._lifecycle.on("didMount", () => {
+      t._lifecycle.didMount(!0);
+    }), i._lifecycle.on("willUnmount", () => {
+      t._lifecycle.willUnmount(!0);
+    }), i._lifecycle.on("didUnmount", () => {
+      t._lifecycle.didUnmount(!0);
+    })), i;
+  }
+  /**
+   * Returns the current name of this context.
+   */
+  getName() {
+    return w(h(this, M));
+  }
+  /**
+   * Sets a new name for this context.
+   */
+  setName(t) {
+    P(this, M, t), this._name = w(t);
+  }
+  addStore(t, e) {
+    if (this._stores.get(t)) {
+      let i = t.name ? `'${t.name}'` : "this store";
+      return this.warn(`An instance of ${i} was already added on this context.`), this;
+    }
+    const s = $.inherit(this, t.name, {
+      bindLifecycleToParent: !0,
+      logger: { tag: X(), tagName: "uid" }
+    });
+    try {
+      const i = t.call(s, e, s);
+      this._stores.set(t, i);
+    } catch (i) {
+      throw this.crash(i);
+    }
+    return this;
+  }
+  getStore(t) {
+    if (!d(t))
+      throw new j("Invalid store.");
+    let e = this, s;
+    for (; s = e._stores.get(t), s == null && e._parent != null; )
+      e = e._parent;
+    if (s == null && (s = mt.get(t)), s == null)
+      throw this.crash(new j(`Store '${t.name}' is not provided by this context.`));
+    return s;
+  }
+  beforeMount(t) {
+    return this._lifecycle.on("willMount", t), () => this._lifecycle.off("willMount", t);
+  }
+  onMount(t) {
+    return this._lifecycle.on("didMount", t), () => this._lifecycle.off("didMount", t);
+  }
+  beforeUnmount(t) {
+    return this._lifecycle.on("willUnmount", t), () => this._lifecycle.off("willUnmount", t);
+  }
+  onUnmount(t) {
+    return this._lifecycle.on("didUnmount", t), () => this._lifecycle.off("didUnmount", 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 = m(e);
+      return this._lifecycle.on("didUnmount", s), s;
+    } else {
+      let s, i = !1;
+      return this._lifecycle.on("willMount", () => {
+        i || (s = m(e), this._lifecycle.on("didUnmount", s));
+      }), () => {
+        s != null && (i = !0, s());
+      };
+    }
+  }
+  getState(t, e) {
+    if (arguments.length > 0) {
+      let s = this, i;
+      for (; i = s._state.get(t), i === void 0 && s._parent != null; )
+        s = s._parent;
+      if (i === void 0) {
+        if (arguments.length > 1)
+          return e;
+        throw new Error(`Expected a value for '${String(t)}' but got undefined.`);
+      }
+      return i;
+    } else {
+      let s = this;
+      const i = [];
+      for (; i.push(...s._state.entries()), s._parent != null; )
+        s = s._parent;
+      return new Map(i.reverse());
+    }
+  }
+  setState() {
+    if (arguments.length === 2)
+      this._state.set(arguments[0], arguments[1]);
+    else if (k(arguments[0]) === "object")
+      for (const t in arguments[0]) {
+        const e = arguments[0][t];
+        e === void 0 ? this._state.delete(t) : this._state.set(t, e);
+      }
+    else if (k(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;
+  }
+};
+M = new WeakMap();
+let x = $;
+function Lt(n, t) {
+  return new x(n, t);
+}
+class j extends Error {
+}
+const y = Symbol.for("dollaMarkupElement");
+var G;
+G = y;
+class q {
+  constructor(t) {
+    r(this, G, !0);
+    r(this, "domNode");
+    this.domNode = t;
+  }
+  get isMounted() {
+    return this.domNode.parentNode != null;
+  }
+  mount(t, e) {
+    t.insertBefore(this.domNode, (e == null ? void 0 : e.nextSibling) ?? null);
+  }
+  unmount(t = !1) {
+    this.domNode.parentNode && !t && this.domNode.parentNode.removeChild(this.domNode);
+  }
+}
+const O = Symbol("View");
+var D;
+D = y;
+class Y {
+  constructor(t, e, s, i) {
+    r(this, D, !0);
+    r(this, "uniqueId", X());
+    r(this, "context");
+    r(this, "props");
+    r(this, "fn");
+    r(this, "element");
+    r(this, "$name", S(""));
+    r(this, "isMounted", !1);
+    this.$name(e.name || "🌇 anonymous view"), this.context = x.inherit(t, this.$name, {
+      logger: {
+        tag: this.uniqueId,
+        tagName: "uid"
+      }
+    }), this.context.setState(O, this), this.props = {
+      ...s,
+      children: i
+    }, this.fn = e;
+  }
+  /*===============================*\
+  ||         "Public" API          ||
+  \*===============================*/
+  get domNode() {
+    var t;
+    return (t = this.element) == null ? void 0 : t.domNode;
+  }
+  mount(t, e) {
+    const s = this.isMounted;
+    s || (this._initialize(), this.context._lifecycle.willMount()), this.element && this.element.mount(t, e), s || (this.isMounted = !0, requestAnimationFrame(() => {
+      this.context._lifecycle.didMount();
+    }));
+  }
+  unmount(t = !1) {
+    this.context._lifecycle.willUnmount(), this.element && this.element.unmount(t), this.isMounted = !1, this.context._lifecycle.didUnmount();
+  }
+  // setRouteView(fn: View<{}>) {
+  //   const node = new ViewInstance(this.context, fn, {});
+  //   const $route = this.context.getState(ROUTE) as Source<ViewInstance<{}>>;
+  //   $route(node);
+  //   return node;
+  // }
+  /*===============================*\
+  ||           Internal            ||
+  \*===============================*/
+  _initialize() {
+    const { context: t } = this;
+    let e;
+    try {
+      e = this.fn.call(t, this.props, t);
+    } catch (s) {
+      throw s instanceof Error && this.context.crash(s), s;
+    }
+    if (e !== null) if (e instanceof Node)
+      this.element = I(b("$node", { value: e }), this.context);
+    else if (d(e))
+      this.element = I(b("$dynamic", { source: e }), this.context);
+    else if (E(e) || J(E, e))
+      this.element = I(e, this.context);
+    else {
+      const s = new TypeError(
+        `Expected '${this.fn.name}' function to return a DOM node, Markup element, Signal or null. Got: ${k(e)}`
+      );
+      this.context.crash(s);
+    }
+  }
+}
+var R;
+R = y;
+class yt {
+  constructor(t) {
+    r(this, R, !0);
+    r(this, "domNode", document.createTextNode(""));
+    r(this, "children", []);
+    r(this, "context");
+    r(this, "source");
+    r(this, "unsubscribe");
+    this.source = t.source, this.context = t.context;
+  }
+  get isMounted() {
+    return this.domNode.parentNode != null;
+  }
+  mount(t, e) {
+    this.isMounted || (t.insertBefore(this.domNode, (e == null ? void 0 : e.nextSibling) ?? null), this.unsubscribe = m(() => {
+      try {
+        const s = this.source();
+        if (!rt(s))
+          throw console.error(s), new TypeError(
+            `Dynamic received invalid value to render. Got type: ${k(s)}, value: ${s}`
+          );
+        w(() => {
+          this.update(_(s) ? s : [s]);
+        });
+      } catch (s) {
+        const i = this.context.getState(O).context;
+        i.error(s), i.crash(s);
+      }
+    }));
+  }
+  unmount(t = !1) {
+    var e, s;
+    (e = this.unsubscribe) == null || e.call(this), this.isMounted && (this.cleanup(t), (s = this.domNode.parentNode) == null || s.removeChild(this.domNode));
+  }
+  cleanup(t) {
+    for (const e of this.children)
+      e.unmount(t);
+    this.children = [];
+  }
+  update(t) {
+    var o, c, l;
+    if (this.cleanup(!1), t == null || t.length === 0 || !this.isMounted)
+      return;
+    const e = t.flatMap((f) => it(f) ? f : L(this.context, v(f)));
+    for (const f of e) {
+      const u = ((o = this.children.at(-1)) == null ? void 0 : o.domNode) || this.domNode;
+      f.mount(this.domNode.parentNode, u), this.children.push(f);
+    }
+    const s = this.domNode.parentNode, i = ((l = (c = this.children.at(-1)) == null ? void 0 : c.domNode) == null ? void 0 : l.nextSibling) ?? null;
+    "moveBefore" in s ? s.moveBefore(this.domNode, i) : s.insertBefore(this.domNode, i);
+  }
+}
+var W;
+W = y;
+class tt {
+  constructor(t) {
+    r(this, W, !0);
+    r(this, "domNode", document.createTextNode(""));
+    r(this, "isMounted", !1);
+    r(this, "source");
+    r(this, "elements", []);
+    r(this, "unsubscribe");
+    this.source = t;
+  }
+  mount(t, e) {
+    this.isMounted || (this.isMounted = !0, t.insertBefore(this.domNode, (e == null ? void 0 : e.nextSibling) ?? null), d(this.source) ? this.unsubscribe = m(() => {
+      const s = p(this.source);
+      w(() => {
+        this.update(s);
+      });
+    }) : this.update(this.elements));
+  }
+  unmount(t = !1) {
+    this.unsubscribe && (this.unsubscribe(), this.unsubscribe = void 0), this.isMounted && (this.cleanup(t), this.isMounted = !1);
+  }
+  cleanup(t) {
+    for (const e of this.elements)
+      e.unmount(t);
+    this.elements = [];
+  }
+  update(t) {
+    var e, s;
+    if (this.cleanup(!1), t.length > 0) {
+      for (let i = 0; i < t.length; i++) {
+        const o = t[i], c = i > 0 ? this.elements[i - 1] : void 0;
+        o.mount(this.domNode.parentElement, c == null ? void 0 : c.domNode), this.elements.push(o);
+      }
+      (s = this.domNode.parentNode) == null || s.insertBefore(this.domNode, ((e = this.elements.at(-1)) == null ? void 0 : e.domNode) ?? null);
+    }
+  }
+}
+const gt = (n) => /^on[A-Z]/.test(n), C = Symbol("HTML.isSVG");
+var z;
+z = y;
+class bt {
+  constructor({ tag: t, props: e, children: s, context: i }) {
+    r(this, z, !0);
+    r(this, "domNode");
+    r(this, "context");
+    r(this, "props");
+    r(this, "childMarkup", []);
+    r(this, "children", []);
+    r(this, "unsubscribers", []);
+    r(this, "logger");
+    // Track the ref so we can nullify it on unmount.
+    r(this, "ref");
+    // Prevents 'onClickOutside' handlers from firing in the same cycle in which the element is connected.
+    r(this, "canClickAway", !1);
+    this.context = x.inherit(i, t), t.toLowerCase() === "svg" && this.context.setState(C, !0);
+    const o = this.context.getState(O);
+    if (this.logger = o.context, this.context.getState(C, !1) ? this.domNode = document.createElementNS("http://www.w3.org/2000/svg", t) : this.domNode = document.createElement(t), ht() === "development" && w(o.$name) && (this.domNode.dataset.view = w(o.$name)), e.ref)
+      if (d(e.ref))
+        this.ref = e.ref, this.ref(this.domNode);
+      else
+        throw new Error("Expected ref to be a function. Got: " + e.ref);
+    if (e.mixin) {
+      const c = _(e.mixin) ? e.mixin : [e.mixin];
+      for (const l of c)
+        l(
+          this.domNode,
+          x.inherit(this.context, () => xt(this), {
+            bindLifecycleToParent: !0,
+            logger: { tagName: l.name === "mixin" ? void 0 : "mixin", tag: l.name }
+          })
+        );
+    }
+    this.props = {
+      ...dt(["ref", "class", "className", "mixin"], e),
+      class: e.className ?? e.class
+    }, s && (this.childMarkup = v(s));
+  }
+  get isMounted() {
+    return this.domNode.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) {
+      this.context._lifecycle.willMount(), this.childMarkup.length > 0 && (this.children = L(this.context, this.childMarkup));
+      for (let i = 0; i < this.children.length; i++) {
+        const o = this.children[i], c = i > 0 ? this.children[i - 1].domNode : void 0;
+        o.mount(this.domNode, c);
+      }
+      this.applyProps(this.domNode, this.props), this.props.style && this.applyStyles(this.domNode, this.props.style, this.unsubscribers), this.props.class && this.applyClasses(this.domNode, this.props.class, this.unsubscribers);
+    }
+    t.insertBefore(this.domNode, (e == null ? void 0 : e.nextSibling) ?? null), queueMicrotask(() => {
+      this.canClickAway = !0, s || this.context._lifecycle.didMount();
+    });
+  }
+  unmount(t = !1) {
+    var e;
+    if (this.isMounted) {
+      this.context._lifecycle.willUnmount(), t || (e = this.domNode.parentNode) == null || e.removeChild(this.domNode);
+      for (const s of this.children)
+        s.unmount(!0);
+      this.canClickAway = !1;
+      for (const s of this.unsubscribers)
+        s();
+      this.unsubscribers.length = 0, this.ref && this.ref(void 0), this.context._lifecycle.didUnmount();
+    }
+  }
+  attachProp(t, e) {
+    d(t) ? this.unsubscribers.push(
+      m(() => {
+        try {
+          e(t());
+        } catch (s) {
+          this.logger.error(s), this.logger.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 o = (l) => {
+          this.canClickAway && !t.contains(l.target) && i(l);
+        }, c = { capture: !0 };
+        window.addEventListener("click", o, c), this.unsubscribers.push(() => {
+          window.removeEventListener("click", o, c);
+        });
+      } else if (d(i) && gt(s)) {
+        const o = s.slice(2).toLowerCase(), c = i;
+        t.addEventListener(o, c), this.unsubscribers.push(() => {
+          t.removeEventListener(o, c);
+        });
+      } else if (d(i) && Nt.includes(s)) {
+        const o = s.substring(2);
+        t.addEventListener(o, i), this.unsubscribers.push(() => {
+          t.removeEventListener(o, i);
+        });
+      } else if (s.includes("-"))
+        this.attachProp(i, (o) => {
+          o == null ? t.removeAttribute(s) : t.setAttribute(s, String(o));
+        });
+      else if (!wt.includes(s))
+        if (this.context.getState(C, !1))
+          this.attachProp(i, (o) => {
+            o != null ? t.setAttribute(s, String(e[s])) : t.removeAttribute(s);
+          });
+        else
+          switch (s) {
+            case "contentEditable":
+            case "value":
+              this.attachProp(i, (o) => {
+                t[s] = String(o);
+              });
+              break;
+            case "for":
+              this.attachProp(i, (o) => {
+                t.htmlFor = o;
+              });
+              break;
+            case "title":
+              this.attachProp(i, (o) => {
+                o == null ? t.removeAttribute(s) : t.setAttribute(s, String(o));
+              });
+            case "checked":
+              this.attachProp(i, (o) => {
+                t.checked = o, o ? t.setAttribute("checked", "") : t.removeAttribute("checked");
+              });
+              break;
+            case "autocomplete":
+            case "autocapitalize":
+              this.attachProp(i, (o) => {
+                typeof o == "string" ? t[s] = o : o ? t[s] = "on" : t[s] = "off";
+              });
+              break;
+            default: {
+              if (s.startsWith("prop:")) {
+                const o = s.substring(5);
+                this.attachProp(i, (c) => {
+                  t[o] = c;
+                });
+              } else if (s.startsWith("on:")) {
+                const o = s.substring(3);
+                let c;
+                d(i) ? (t.addEventListener(o, i), this.unsubscribers.push(() => {
+                  t.removeEventListener(o, i);
+                })) : this.attachProp(i, (l) => {
+                  !l && c ? t.removeEventListener(o, c) : l != null && (c && c !== l && t.removeEventListener(o, c), t.addEventListener(o, l)), c = l;
+                });
+              } else if (s.startsWith("attr:")) {
+                const o = s.substring(5).toLowerCase();
+                this.attachProp(i, (c) => {
+                  c != null ? t.setAttribute(o, String(c)) : t.removeAttribute(o);
+                });
+              } else
+                this.attachProp(i, (o) => {
+                  t[s] = o;
+                });
+              break;
+            }
+          }
+    }
+  }
+  applyStyles(t, e, s) {
+    const i = [];
+    if (d(e)) {
+      let o;
+      const c = m(() => {
+        d(o) && o(), t.style.cssText = "", o = this.applyStyles(t, p(e), s);
+      });
+      s.push(c), i.push(c);
+    } else {
+      const o = st(e);
+      for (const c in o) {
+        const { value: l, priority: f } = o[c];
+        if (d(l)) {
+          const u = m(() => {
+            p(l) ? t.style.setProperty(c, String(p(l)), f) : t.style.removeProperty(c);
+          });
+          s.push(u), i.push(u);
+        } else l != null && t.style.setProperty(c, String(l));
+      }
+    }
+    return function() {
+      for (const c of i)
+        c(), s.splice(s.indexOf(c), 1);
+    };
+  }
+  applyClasses(t, e, s) {
+    const i = [];
+    if (d(e)) {
+      let o;
+      const c = m(() => {
+        d(o) && o(), t.removeAttribute("class"), o = this.applyClasses(t, p(e), s);
+      });
+      s.push(c), i.push(c);
+    } else {
+      const o = et(e);
+      for (const c in o) {
+        const l = o[c];
+        if (d(l)) {
+          const f = m(() => {
+            p(l) ? t.classList.add(c) : t.classList.remove(c);
+          });
+          s.push(f), i.push(f);
+        } else l && t.classList.add(c);
+      }
+    }
+    return function() {
+      for (const c of i)
+        c(), s.splice(s.indexOf(c), 1);
+    };
+  }
+}
+function et(n) {
+  let t = {};
+  if (U(n)) {
+    const e = n.split(" ");
+    for (const s of e)
+      t[s] = !0;
+  } else Q(n) ? Object.assign(t, n) : Array.isArray(n) && Array.from(n).filter(Boolean).forEach((e) => {
+    Object.assign(t, et(e));
+  });
+  return delete t.undefined, t;
+}
+function st(n) {
+  let t = {};
+  if (U(n)) {
+    const e = n.split(";").filter((s) => s.trim() !== "");
+    for (const s of e) {
+      const [i, o] = s.split(":"), c = {
+        value: o
+      };
+      o.includes("!important") ? (c.priority = "important", c.value = o.replace("!important", "").trim()) : c.value = o.trim(), t[V(i.trim())] = c;
+    }
+  }
+  if (Q(n))
+    for (const e in n)
+      e.startsWith("--") ? t[e] = { value: n[e] } : t[V(e)] = { value: n[e] };
+  else Array.isArray(n) && Array.from(n).filter((e) => e != null).forEach((e) => {
+    Object.assign(t, st(e));
+  });
+  return t;
+}
+function V(n) {
+  return n.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (t, e) => (e ? "-" : "") + t.toLowerCase());
+}
+const wt = ["ref", "children", "class", "style", "data", "mixin"], Nt = ["onsubmit", "onclick", "ontransitionend"];
+function xt(n) {
+  let t = n.domNode.tagName.toLowerCase();
+  if (n.domNode.id && (t += `#${n.domNode.id}`), n.domNode.classList.length > 0)
+    for (const e of n.domNode.classList.values())
+      t += `.${e}`;
+  return t;
+}
+var H;
+H = y;
+class Mt {
+  constructor(t) {
+    r(this, H, !0);
+    r(this, "domNode", document.createTextNode(""));
+    r(this, "isMounted", !1);
+    r(this, "$slot");
+    r(this, "mounted");
+    r(this, "unsubscribe");
+    this.$slot = t;
+  }
+  mount(t, e) {
+    this.isMounted || (this.isMounted = !0, t.insertBefore(this.domNode, (e == null ? void 0 : e.nextSibling) ?? null), this.unsubscribe = m(() => {
+      const s = this.$slot();
+      w(() => {
+        this.update(s);
+      });
+    }));
+  }
+  unmount(t = !1) {
+    this.unsubscribe && (this.unsubscribe(), this.unsubscribe = void 0), this.isMounted && (this.cleanup(t), this.isMounted = !1);
+  }
+  cleanup(t) {
+    this.mounted && this.mounted.unmount(t), this.mounted = void 0;
+  }
+  update(t) {
+    this.cleanup(!1), t && (t.mount(this.domNode.parentElement, this.domNode), this.mounted = t);
+  }
+}
+var Z;
+Z = y;
+class _t {
+  constructor(t) {
+    r(this, Z, !0);
+    r(this, "config");
+    r(this, "element");
+    this.config = t;
+  }
+  get isMounted() {
+    return this.element ? this.element.isMounted : !1;
+  }
+  mount(t, e) {
+    const { content: s, parent: i } = this.config;
+    it(s) ? this.element = s : this.element = ot(L(this.config.context, v(s))), this.element.mount(i);
+  }
+  unmount(t = !1) {
+    var e;
+    (e = this.element) != null && e.isMounted && this.element.unmount(!1);
+  }
+}
+var K;
+K = y;
+class vt {
+  constructor({ context: t, items: e, renderFn: s, keyFn: i }) {
+    r(this, K, !0);
+    r(this, "domNode", document.createTextNode(""));
+    r(this, "items");
+    r(this, "unsubscribe", null);
+    r(this, "connectedItems", []);
+    r(this, "context");
+    r(this, "renderFn");
+    r(this, "keyFn");
+    this.context = t, this.items = e, this.renderFn = s, this.keyFn = i;
+  }
+  get isMounted() {
+    return this.domNode.parentNode != null;
+  }
+  mount(t, e) {
+    this.isMounted || (t.insertBefore(this.domNode, (e == null ? void 0 : e.nextSibling) ?? null), this.unsubscribe = m(() => {
+      let s = this.items();
+      s == null && (s = [], console.log("repeat received empty value", s, this)), w(() => {
+        this._update(Array.from(s));
+      });
+    }));
+  }
+  unmount(t = !1) {
+    var e;
+    this.unsubscribe && (this.unsubscribe(), this.unsubscribe = null), !t && this.isMounted && ((e = this.domNode.parentNode) == null || e.removeChild(this.domNode)), this._cleanup(t);
+  }
+  _cleanup(t) {
+    for (const e of this.connectedItems)
+      e.element.unmount(t);
+    this.connectedItems = [];
+  }
+  _update(t) {
+    var c, l, f;
+    if (t.length === 0 || !this.isMounted)
+      return this._cleanup(!1);
+    const e = [];
+    let s = 0;
+    for (const u of t)
+      e.push({
+        key: this.keyFn(u, s),
+        value: u,
+        index: s++
+      });
+    const i = [];
+    for (const u of this.connectedItems)
+      e.find((g) => g.key === u.key) || u.element.unmount(!1);
+    for (const u of e) {
+      const N = this.connectedItems.find((g) => g.key === u.key);
+      if (N)
+        N.item(u.value), N.index(u.index), i[u.index] = N;
+      else {
+        const g = S(u.value, { equals: ft }), T = S(u.index);
+        i[u.index] = {
+          key: u.key,
+          item: g,
+          index: T,
+          element: new Y(this.context, kt, {
+            item: () => g(),
+            index: () => T(),
+            renderFn: this.renderFn
+          })
+        };
+      }
+    }
+    for (let u = 0; u < i.length; u++) {
+      const N = i[u], g = ((c = i[u - 1]) == null ? void 0 : c.element.domNode) ?? this.domNode;
+      N.element.mount(this.domNode.parentNode, g);
+    }
+    this.connectedItems = i;
+    const o = ((l = i.at(-1)) == null ? void 0 : l.element.domNode) ?? this.domNode;
+    (f = this.domNode.parentNode) == null || f.insertBefore(this.domNode, o.nextSibling);
+  }
+}
+function kt(n, t) {
+  return t.setName("@RepeatItem"), n.renderFn.call(t, n.item, n.index, t);
+}
+function E(n) {
+  return n instanceof nt;
+}
+function it(n) {
+  return (n == null ? void 0 : n[y]) === !0;
+}
+function v(n) {
+  _(n) || (n = [n]);
+  const t = [];
+  for (const e of n)
+    if (!(e == null || e === !1)) {
+      if (e instanceof Node) {
+        t.push(b("$node", { value: e }));
+        continue;
+      }
+      if (E(e)) {
+        t.push(e);
+        continue;
+      }
+      if (d(e)) {
+        t.push(b("$dynamic", { source: e }));
+        continue;
+      }
+      if (_(e)) {
+        t.push(...v(e));
+        continue;
+      }
+      t.push(b("$text", { value: e }));
+    }
+  return t;
+}
+function b(n, t, ...e) {
+  return new nt(n, t, ...e);
+}
+class nt {
+  constructor(t, e, ...s) {
+    r(this, "type");
+    r(this, "props");
+    r(this, "children");
+    this.type = t, this.props = e, this.children = s;
+  }
+}
+function St(n, t, e) {
+  return b("$dynamic", {
+    source: S(() => {
+      const s = p(n);
+      return s && t ? t : !s && e ? e : null;
+    })
+  });
+}
+function At(n, t, e) {
+  return St(n, e, t);
+}
+function Pt(n, t, e) {
+  return b("$repeat", { items: () => p(n), keyFn: t, renderFn: e });
+}
+function Ct(n, t) {
+  return b("$portal", { parent: n, content: t });
+}
+function I(n, t = new x("$")) {
+  return ot(L(t, v(n)));
+}
+function L(n, t) {
+  return (_(t) ? t : [t]).map((s) => {
+    if (d(s.type))
+      return new Y(n, s.type, s.props, s.children);
+    if (U(s.type))
+      switch (s.type) {
+        case "$node": {
+          const i = s.props;
+          return new q(i.value);
+        }
+        case "$text": {
+          const i = s.props;
+          return new q(document.createTextNode(String(i.value)));
+        }
+        case "$repeat": {
+          const i = s.props;
+          return new vt({
+            items: i.items,
+            keyFn: i.keyFn,
+            renderFn: i.renderFn,
+            context: n
+          });
+        }
+        case "$dynamic": {
+          const i = s.props;
+          return new yt({
+            source: i.source,
+            context: n
+          });
+        }
+        case "$fragment": {
+          const i = s.props;
+          return new tt(i.children);
+        }
+        case "$outlet": {
+          const i = s.props;
+          return new Mt(i.view);
+        }
+        case "$portal": {
+          const i = s.props;
+          return new _t({
+            content: i.content,
+            parent: i.parent,
+            context: n
+          });
+        }
+        default:
+          return new bt({
+            tag: s.type,
+            props: s.props ?? {},
+            children: s.children,
+            context: n
+          });
+      }
+    else
+      throw new TypeError(`Expected a string or view function. Got: ${s.type}`);
+  });
+}
+function ot(n) {
+  return n.length === 1 ? n[0] : new tt(n);
+}
+function rt(n) {
+  return n == null || n === !1 || d(n.toString) || d(n) || U(n) || ut(n) || E(n) || J(rt, n);
+}
+export {
+  x as C,
+  Mt as O,
+  Y as V,
+  Pt as a,
+  Lt as c,
+  b as m,
+  Ct as p,
+  I as r,
+  v as t,
+  At as u,
+  St as w
+};
+//# sourceMappingURL=markup-yTuFdC0t.js.map