@manyducks.co/dolla 2.0.0-alpha.51 → 2.0.0-alpha.53

package/dist/view-CAEIbcZt.js

@@ -0,0 +1,932 @@
+var ee = Object.defineProperty;
+var te = (n, e, t) => e in n ? ee(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var r = (n, e, t) => te(n, typeof e != "symbol" ? e + "" : e, t);
+import { t as G, g as f, c as h, i as C, b as $, h as se, j as D } from "./typeChecking-EAVNeFyB.js";
+import { e as d, p as y, g as w, b as ne, j as ie, $ as N, d as oe, k as R, f as z } from "./logger-CByUPmlz.js";
+const W = /* @__PURE__ */ new Map(), S = {
+  stores: W
+}, p = Symbol.for("DollaMarkupElement");
+var _;
+_ = p;
+class I {
+  constructor(e) {
+    r(this, _, !0);
+    r(this, "domNode");
+    this.domNode = e;
+  }
+  get isMounted() {
+    return this.domNode.parentNode != null;
+  }
+  mount(e, t) {
+    e.insertBefore(this.domNode, (t == null ? void 0 : t.nextSibling) ?? null);
+  }
+  unmount(e = !1) {
+    this.domNode.parentNode && !e && this.domNode.parentNode.removeChild(this.domNode);
+  }
+}
+var F;
+F = p;
+class re {
+  constructor(e) {
+    r(this, F, !0);
+    r(this, "domNode", document.createTextNode(""));
+    r(this, "children", []);
+    r(this, "elementContext");
+    r(this, "source");
+    r(this, "unsubscribe");
+    this.source = e.source, this.elementContext = e.elementContext;
+  }
+  get isMounted() {
+    return this.domNode.parentNode != null;
+  }
+  mount(e, t) {
+    this.isMounted || (e.insertBefore(this.domNode, (t == null ? void 0 : t.nextSibling) ?? null), this.unsubscribe = d(() => {
+      try {
+        const s = this.source();
+        if (!X(s))
+          throw console.error(s), new TypeError(
+            `Dynamic received invalid value to render. Got type: ${G(s)}, value: ${s}`
+          );
+        y(() => {
+          this.update(f(s) ? s : [s]);
+        });
+      } catch (s) {
+        const i = this.elementContext.view.logger;
+        i.error(s), i.crash(s);
+      }
+    }));
+  }
+  unmount(e = !1) {
+    var t, s;
+    (t = this.unsubscribe) == null || t.call(this), this.isMounted && (this.cleanup(e), (s = this.domNode.parentNode) == null || s.removeChild(this.domNode));
+  }
+  cleanup(e) {
+    for (const t of this.children)
+      t.unmount(e);
+    this.children = [];
+  }
+  update(e) {
+    var o, u, c;
+    if (this.cleanup(!1), e == null || e.length === 0 || !this.isMounted)
+      return;
+    const t = e.flatMap((a) => J(a) ? a : g(this.elementContext, M(a)));
+    for (const a of t) {
+      const l = ((o = this.children.at(-1)) == null ? void 0 : o.domNode) || this.domNode;
+      a.mount(this.domNode.parentNode, l), this.children.push(a);
+    }
+    const s = this.domNode.parentNode, i = ((c = (u = this.children.at(-1)) == null ? void 0 : u.domNode) == null ? void 0 : c.nextSibling) ?? null;
+    "moveBefore" in s ? s.moveBefore(this.domNode, i) : s.insertBefore(this.domNode, i);
+  }
+}
+var U;
+U = p;
+class Z {
+  constructor(e) {
+    r(this, U, !0);
+    r(this, "domNode", document.createTextNode(""));
+    r(this, "isMounted", !1);
+    r(this, "source");
+    r(this, "elements", []);
+    r(this, "unsubscribe");
+    this.source = e;
+  }
+  mount(e, t) {
+    this.isMounted || (this.isMounted = !0, e.insertBefore(this.domNode, (t == null ? void 0 : t.nextSibling) ?? null), h(this.source) ? this.unsubscribe = d(() => {
+      const s = w(this.source);
+      y(() => {
+        this.update(s);
+      });
+    }) : this.update(this.elements));
+  }
+  unmount(e = !1) {
+    this.unsubscribe && (this.unsubscribe(), this.unsubscribe = void 0), this.isMounted && (this.cleanup(e), this.isMounted = !1);
+  }
+  cleanup(e) {
+    for (const t of this.elements)
+      t.unmount(e);
+    this.elements = [];
+  }
+  update(e) {
+    var t, s;
+    if (this.cleanup(!1), e.length > 0) {
+      for (let i = 0; i < e.length; i++) {
+        const o = e[i], u = i > 0 ? this.elements[i - 1] : void 0;
+        o.mount(this.domNode.parentElement, u == null ? void 0 : u.domNode), this.elements.push(o);
+      }
+      (s = this.domNode.parentNode) == null || s.insertBefore(this.domNode, ((t = this.elements.at(-1)) == null ? void 0 : t.domNode) ?? null);
+    }
+  }
+}
+const ue = (n) => /^on[A-Z]/.test(n);
+var T;
+T = p;
+class ce {
+  constructor({ tag: e, props: t, children: s, elementContext: i }) {
+    r(this, T, !0);
+    r(this, "domNode");
+    r(this, "props");
+    r(this, "childMarkup", []);
+    r(this, "children", []);
+    r(this, "unsubscribers", []);
+    r(this, "elementContext");
+    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);
+    if (e.toLowerCase() === "svg" && (i = {
+      ...i,
+      isSVG: !0
+    }), this.logger = i.view.logger, i.isSVG ? this.domNode = document.createElementNS("http://www.w3.org/2000/svg", e) : this.domNode = document.createElement(e), ne() === "development" && y(i.view.name) && (this.domNode.dataset.view = y(i.view.name)), t.ref)
+      if (h(t.ref))
+        this.ref = t.ref, this.ref(this.domNode);
+      else
+        throw new Error("Expected ref to be a function. Got: " + t.ref);
+    this.props = {
+      ...ie(["ref", "class", "className"], t),
+      class: t.className ?? t.class
+    }, s && (this.childMarkup = M(s)), this.elementContext = i;
+  }
+  get isMounted() {
+    return this.domNode.parentNode != null;
+  }
+  mount(e, t) {
+    if (e == null)
+      throw new Error(`HTML element requires a parent element as the first argument to connect. Got: ${e}`);
+    if (!this.isMounted) {
+      this.childMarkup.length > 0 && (this.children = g(this.elementContext, this.childMarkup));
+      for (let s = 0; s < this.children.length; s++) {
+        const i = this.children[s], o = s > 0 ? this.children[s - 1].domNode : void 0;
+        i.mount(this.domNode, o);
+      }
+      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);
+    }
+    e.insertBefore(this.domNode, (t == null ? void 0 : t.nextSibling) ?? null), setTimeout(() => {
+      this.canClickAway = !0;
+    }, 0);
+  }
+  unmount(e = !1) {
+    var t;
+    if (this.isMounted) {
+      e || (t = this.domNode.parentNode) == null || t.removeChild(this.domNode);
+      for (const s of this.children)
+        s.unmount(!0);
+      this.ref && this.ref(void 0), this.canClickAway = !1;
+      for (const s of this.unsubscribers)
+        s();
+      this.unsubscribers.length = 0;
+    }
+  }
+  attachProp(e, t) {
+    h(e) ? this.unsubscribers.push(
+      d(() => {
+        try {
+          t(e());
+        } catch (s) {
+          this.logger.error(s), this.logger.crash(s);
+        }
+      })
+    ) : t(e);
+  }
+  applyProps(e, t) {
+    for (const s in t) {
+      const i = t[s];
+      if (s === "on:clickoutside" || s === "onClickOutside" || s === "onclickoutside") {
+        const o = (c) => {
+          this.canClickAway && !e.contains(c.target) && i(c);
+        }, u = { capture: !0 };
+        window.addEventListener("click", o, u), this.unsubscribers.push(() => {
+          window.removeEventListener("click", o, u);
+        });
+      } else if (h(i) && ue(s)) {
+        const o = s.slice(2).toLowerCase(), u = i;
+        e.addEventListener(o, u), this.unsubscribers.push(() => {
+          e.removeEventListener(o, u);
+        });
+      } else if (h(i) && he.includes(s)) {
+        const o = s.substring(2);
+        e.addEventListener(o, i), this.unsubscribers.push(() => {
+          e.removeEventListener(o, i);
+        });
+      } else if (s.includes("-"))
+        this.attachProp(i, (o) => {
+          o == null ? e.removeAttribute(s) : e.setAttribute(s, String(o));
+        });
+      else if (!le.includes(s))
+        if (this.elementContext.isSVG)
+          this.attachProp(i, (o) => {
+            o != null ? e.setAttribute(s, String(t[s])) : e.removeAttribute(s);
+          });
+        else
+          switch (s) {
+            case "contentEditable":
+            case "value":
+              this.attachProp(i, (o) => {
+                e[s] = String(o);
+              });
+              break;
+            case "for":
+              this.attachProp(i, (o) => {
+                e.htmlFor = o;
+              });
+              break;
+            case "title":
+              this.attachProp(i, (o) => {
+                o == null ? e.removeAttribute(s) : e.setAttribute(s, String(o));
+              });
+            case "checked":
+              this.attachProp(i, (o) => {
+                e.checked = o, o ? e.setAttribute("checked", "") : e.removeAttribute("checked");
+              });
+              break;
+            case "autocomplete":
+            case "autocapitalize":
+              this.attachProp(i, (o) => {
+                typeof o == "string" ? e[s] = o : o ? e[s] = "on" : e[s] = "off";
+              });
+              break;
+            default: {
+              if (s.startsWith("prop:")) {
+                const o = s.substring(5);
+                this.attachProp(i, (u) => {
+                  e[o] = u;
+                });
+              } else if (s.startsWith("on:")) {
+                const o = s.substring(3);
+                let u;
+                h(i) ? (e.addEventListener(o, i), this.unsubscribers.push(() => {
+                  e.removeEventListener(o, i);
+                })) : this.attachProp(i, (c) => {
+                  !c && u ? e.removeEventListener(o, u) : c != null && (u && u !== c && e.removeEventListener(o, u), e.addEventListener(o, c)), u = c;
+                });
+              } else if (s.startsWith("attr:")) {
+                const o = s.substring(5).toLowerCase();
+                this.attachProp(i, (u) => {
+                  u != null ? e.setAttribute(o, String(u)) : e.removeAttribute(o);
+                });
+              } else
+                this.attachProp(i, (o) => {
+                  e[s] = o;
+                });
+              break;
+            }
+          }
+    }
+  }
+  applyStyles(e, t, s) {
+    const i = [];
+    if (h(t)) {
+      let o;
+      const u = d(() => {
+        h(o) && o(), e.style.cssText = "", o = this.applyStyles(e, w(t), s);
+      });
+      s.push(u), i.push(u);
+    } else {
+      const o = K(t);
+      for (const u in o) {
+        const { value: c, priority: a } = o[u];
+        if (h(c)) {
+          const l = d(() => {
+            w(c) ? e.style.setProperty(u, String(w(c)), a) : e.style.removeProperty(u);
+          });
+          s.push(l), i.push(l);
+        } else c != null && e.style.setProperty(u, String(c));
+      }
+    }
+    return function() {
+      for (const u of i)
+        u(), s.splice(s.indexOf(u), 1);
+    };
+  }
+  applyClasses(e, t, s) {
+    const i = [];
+    if (h(t)) {
+      let o;
+      const u = d(() => {
+        h(o) && o(), e.removeAttribute("class"), o = this.applyClasses(e, w(t), s);
+      });
+      s.push(u), i.push(u);
+    } else {
+      const o = H(t);
+      for (const u in o) {
+        const c = o[u];
+        if (h(c)) {
+          const a = d(() => {
+            w(c) ? e.classList.add(u) : e.classList.remove(u);
+          });
+          s.push(a), i.push(a);
+        } else c && e.classList.add(u);
+      }
+    }
+    return function() {
+      for (const u of i)
+        u(), s.splice(s.indexOf(u), 1);
+    };
+  }
+}
+function H(n) {
+  let e = {};
+  if (C(n)) {
+    const t = n.split(" ");
+    for (const s of t)
+      e[s] = !0;
+  } else $(n) ? Object.assign(e, n) : Array.isArray(n) && Array.from(n).filter(Boolean).forEach((t) => {
+    Object.assign(e, H(t));
+  });
+  return delete e.undefined, e;
+}
+function K(n) {
+  let e = {};
+  if (C(n)) {
+    const t = n.split(";").filter((s) => s.trim() !== "");
+    for (const s of t) {
+      const [i, o] = s.split(":"), u = {
+        value: o
+      };
+      o.includes("!important") ? (u.priority = "important", u.value = o.replace("!important", "").trim()) : u.value = o.trim(), e[O(i.trim())] = u;
+    }
+  }
+  if ($(n))
+    for (const t in n)
+      t.startsWith("--") ? e[t] = { value: n[t] } : e[O(t)] = { value: n[t] };
+  else Array.isArray(n) && Array.from(n).filter((t) => t != null).forEach((t) => {
+    Object.assign(e, K(t));
+  });
+  return e;
+}
+function O(n) {
+  return n.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (e, t) => (t ? "-" : "") + e.toLowerCase());
+}
+const le = ["ref", "children", "class", "style", "data"], he = ["onsubmit", "onclick", "ontransitionend"];
+var B;
+B = p;
+class ae {
+  constructor(e) {
+    r(this, B, !0);
+    r(this, "domNode", document.createTextNode(""));
+    r(this, "isMounted", !1);
+    r(this, "view");
+    r(this, "mountedView");
+    r(this, "unsubscribe");
+    this.view = e;
+  }
+  mount(e, t) {
+    this.isMounted || (this.isMounted = !0, e.insertBefore(this.domNode, (t == null ? void 0 : t.nextSibling) ?? null), this.unsubscribe = d(() => {
+      const s = this.view();
+      y(() => {
+        this.update(s);
+      });
+    }));
+  }
+  unmount(e = !1) {
+    this.unsubscribe && (this.unsubscribe(), this.unsubscribe = void 0), this.isMounted && (this.cleanup(e), this.isMounted = !1);
+  }
+  cleanup(e) {
+    this.mountedView && this.mountedView.unmount(e), this.mountedView = void 0;
+  }
+  update(e) {
+    this.cleanup(!1), e && (e.mount(this.domNode.parentElement, this.domNode), this.mountedView = e);
+  }
+}
+var j;
+j = p;
+class de {
+  constructor(e) {
+    r(this, j, !0);
+    r(this, "config");
+    r(this, "element");
+    this.config = e;
+  }
+  get isMounted() {
+    return this.element ? this.element.isMounted : !1;
+  }
+  mount(e, t) {
+    const { content: s, parent: i } = this.config;
+    J(s) ? this.element = s : this.element = L(g(this.config.elementContext, M(s))), this.element.mount(i);
+  }
+  unmount(e = !1) {
+    var t;
+    (t = this.element) != null && t.isMounted && this.element.unmount(!1);
+  }
+}
+var V;
+V = p;
+class fe {
+  constructor({ elementContext: e, items: t, renderFn: s, keyFn: i }) {
+    r(this, V, !0);
+    r(this, "domNode", document.createTextNode(""));
+    r(this, "items");
+    r(this, "unsubscribe", null);
+    r(this, "connectedItems", []);
+    r(this, "elementContext");
+    r(this, "renderFn");
+    r(this, "keyFn");
+    this.elementContext = e, this.items = t, this.renderFn = s, this.keyFn = i;
+  }
+  get isMounted() {
+    return this.domNode.parentNode != null;
+  }
+  mount(e, t) {
+    this.isMounted || (e.insertBefore(this.domNode, (t == null ? void 0 : t.nextSibling) ?? null), this.unsubscribe = d(() => {
+      let s = this.items();
+      s == null && (s = [], console.log("repeat received empty value", s, this)), y(() => {
+        this._update(Array.from(s));
+      });
+    }));
+  }
+  unmount(e = !1) {
+    var t;
+    this.unsubscribe && (this.unsubscribe(), this.unsubscribe = null), !e && this.isMounted && ((t = this.domNode.parentNode) == null || t.removeChild(this.domNode)), this._cleanup(e);
+  }
+  _cleanup(e) {
+    for (const t of this.connectedItems)
+      t.element.unmount(e);
+    this.connectedItems = [];
+  }
+  _update(e) {
+    var u, c, a;
+    if (e.length === 0 || !this.isMounted)
+      return this._cleanup(!1);
+    const t = [];
+    let s = 0;
+    for (const l of e)
+      t.push({
+        key: this.keyFn(l, s),
+        value: l,
+        index: s++
+      });
+    const i = [];
+    for (const l of this.connectedItems)
+      t.find((b) => b.key === l.key) || l.element.unmount(!1);
+    for (const l of t) {
+      const v = this.connectedItems.find((b) => b.key === l.key);
+      if (v)
+        v.item(l.value), v.index(l.index), i[l.index] = v;
+      else {
+        const b = N(l.value, { equals: oe }), P = N(l.index);
+        i[l.index] = {
+          key: l.key,
+          item: b,
+          index: P,
+          element: new k(this.elementContext, me, {
+            item: () => b(),
+            index: () => P(),
+            renderFn: this.renderFn
+          })
+        };
+      }
+    }
+    for (let l = 0; l < i.length; l++) {
+      const v = i[l], b = ((u = i[l - 1]) == null ? void 0 : u.element.domNode) ?? this.domNode;
+      v.element.mount(this.domNode.parentNode, b);
+    }
+    this.connectedItems = i;
+    const o = ((c = i.at(-1)) == null ? void 0 : c.element.domNode) ?? this.domNode;
+    (a = this.domNode.parentNode) == null || a.insertBefore(this.domNode, o.nextSibling);
+  }
+}
+function me(n, e) {
+  return e.name = "@RepeatItem", n.renderFn.call(e, n.item, n.index, e);
+}
+function E(n) {
+  return n instanceof Q;
+}
+function J(n) {
+  return (n == null ? void 0 : n[p]) === !0;
+}
+function M(n) {
+  f(n) || (n = [n]);
+  const e = [];
+  for (const t of n)
+    if (!(t == null || t === !1)) {
+      if (t instanceof Node) {
+        e.push(m("$node", { value: t }));
+        continue;
+      }
+      if (E(t)) {
+        e.push(t);
+        continue;
+      }
+      if (h(t)) {
+        e.push(m("$dynamic", { source: t }));
+        continue;
+      }
+      if (f(t)) {
+        e.push(...M(t));
+        continue;
+      }
+      e.push(m("$text", { value: t }));
+    }
+  return e;
+}
+function Me(n) {
+  return L(g(S, n));
+}
+function m(n, e, ...t) {
+  return new Q(n, e, ...t);
+}
+class Q {
+  constructor(e, t, ...s) {
+    r(this, "type");
+    r(this, "props");
+    r(this, "children");
+    this.type = e, this.props = t, this.children = s;
+  }
+}
+function pe(n, e, t) {
+  return m("$dynamic", {
+    source: N(() => {
+      const s = w(n);
+      return s && e ? e : !s && t ? t : null;
+    })
+  });
+}
+function xe(n, e, t) {
+  return pe(n, t, e);
+}
+function ke(n, e, t) {
+  return m("$repeat", { items: () => w(n), keyFn: e, renderFn: t });
+}
+function Le(n, e) {
+  return m("$portal", { parent: n, content: e });
+}
+function g(n, e) {
+  return (f(e) ? e : [e]).map((s) => {
+    if (h(s.type))
+      return new k(n, s.type, s.props, s.children);
+    if (C(s.type))
+      switch (s.type) {
+        case "$node": {
+          const i = s.props;
+          return new I(i.value);
+        }
+        case "$text": {
+          const i = s.props;
+          return new I(document.createTextNode(String(i.value)));
+        }
+        case "$repeat": {
+          const i = s.props;
+          return new fe({
+            items: i.items,
+            keyFn: i.keyFn,
+            renderFn: i.renderFn,
+            elementContext: n
+          });
+        }
+        case "$dynamic": {
+          const i = s.props;
+          return new re({
+            source: i.source,
+            elementContext: n
+          });
+        }
+        case "$fragment": {
+          const i = s.props;
+          return new Z(i.children);
+        }
+        case "$outlet": {
+          const i = s.props;
+          return new ae(i.view);
+        }
+        case "$portal": {
+          const i = s.props;
+          return new de({
+            content: i.content,
+            parent: i.parent,
+            elementContext: n
+          });
+        }
+        default:
+          return new ce({
+            tag: s.type,
+            props: s.props ?? {},
+            children: s.children,
+            elementContext: n
+          });
+      }
+    else
+      throw new TypeError(`Expected a string or view function. Got: ${s.type}`);
+  });
+}
+function L(n) {
+  return n.length === 1 ? n[0] : new Z(n);
+}
+function X(n) {
+  return n == null || n === !1 || h(n) || C(n) || se(n) || E(n) || D(X, n);
+}
+let be = class {
+  constructor(e) {
+    r(this, "store");
+    this.store = e;
+    const t = Object.getOwnPropertyDescriptors(this.store.logger);
+    for (const s in t)
+      s !== "setName" && Object.defineProperty(this, s, t[s]);
+  }
+  get isMounted() {
+    return this.store.isMounted;
+  }
+  get name() {
+    return y(this.store.name) || this.store.id;
+  }
+  set name(e) {
+    this.store.name(e);
+  }
+  get(e) {
+    if (h(e)) {
+      let t = this.store.elementContext, s;
+      for (; s = t.stores.get(e), s == null && t.parent != null; )
+        t = t.parent;
+      if (s == null)
+        throw new x(`Store '${e.name}' is not provided on this context.`);
+      return s.value;
+    } else
+      throw new x("Invalid store.");
+  }
+  onMount(e) {
+    this.store.lifecycleListeners.mount.push(e);
+  }
+  onUnmount(e) {
+    this.store.lifecycleListeners.unmount.push(e);
+  }
+  effect(e) {
+    const t = this.store, s = () => {
+      try {
+        return e();
+      } catch (i) {
+        i instanceof Error ? this.crash(i) : typeof i == "string" ? this.crash(new Error(i)) : (this.error(i), this.crash(new Error("Unknown error thrown in effect callback")));
+      }
+    };
+    if (t.isMounted) {
+      const i = d(s);
+      return t.lifecycleListeners.unmount.push(i), i;
+    } else {
+      let i, o = !1;
+      return t.lifecycleListeners.mount.push(() => {
+        o || (i = d(s), t.lifecycleListeners.unmount.push(i));
+      }), () => {
+        i != null && (o = !0, i());
+      };
+    }
+  }
+};
+class Y {
+  constructor(e, t) {
+    r(this, "fn");
+    r(this, "_options");
+    /**
+     * Value is guaranteed to be set after `attach` is called.
+     */
+    r(this, "value");
+    r(this, "isMounted", !1);
+    r(this, "elementContext");
+    r(this, "lifecycleListeners", { mount: [], unmount: [] });
+    r(this, "logger");
+    r(this, "id", R());
+    r(this, "name", N(""));
+    this.fn = e, this.name(e.name), this._options = t;
+  }
+  /**
+   * Attaches this Store to the elementContext.
+   * Returns false if there was already an instance attached, and true otherwise.
+   */
+  attach(e) {
+    if (e.stores.has(this.fn))
+      return !1;
+    this.elementContext = e, this.logger = z(this.name, { uid: this.id });
+    const t = new be(this);
+    try {
+      this.value = this.fn.call(t, this._options, t);
+    } catch (s) {
+      throw this.logger.crash(s), s;
+    }
+    return e.stores.set(this.fn, this), !0;
+  }
+  handleMount() {
+    this.isMounted = !0;
+    for (const e of this.lifecycleListeners.mount)
+      e();
+    this.lifecycleListeners.mount.length = 0;
+  }
+  handleUnmount() {
+    this.isMounted = !1;
+    for (const e of this.lifecycleListeners.unmount)
+      e();
+    this.lifecycleListeners.unmount.length = 0;
+  }
+}
+class x extends Error {
+}
+const Ce = Object.freeze({
+  provide(n, e) {
+    const t = new Y(n, e);
+    if (t.attach(S))
+      return t.value;
+    {
+      let i = n.name ? `'${n.name}'` : "this store";
+      return console.warn(`An instance of ${i} is already attached.`), this.get(n);
+    }
+  },
+  get(n) {
+    if (h(n)) {
+      const e = S.stores.get(n);
+      if (e == null) {
+        let t = n.name ? `'${n.name}'` : "this store";
+        throw new x(`No instance of ${t} is provided.`);
+      } else
+        return e.value;
+    } else
+      throw new x("Invalid store.");
+  }
+});
+class we {
+  constructor(e) {
+    r(this, "view");
+    this.view = e;
+    const t = Object.getOwnPropertyDescriptors(this.view.logger);
+    for (const s in t)
+      s !== "setName" && Object.defineProperty(this, s, t[s]);
+  }
+  get uid() {
+    return this.view.uniqueId;
+  }
+  get isMounted() {
+    return this.view.isMounted;
+  }
+  get name() {
+    return y(this.view.name) || this.uid;
+  }
+  set name(e) {
+    this.view.name(e);
+  }
+  provide(e, t) {
+    const s = new Y(e, t);
+    if (s.attach(this.view.elementContext))
+      return this.view.lifecycleListeners.mount.push(() => {
+        s.handleMount();
+      }), this.view.lifecycleListeners.unmount.push(() => {
+        s.handleUnmount();
+      }), s.value;
+    {
+      let o = e.name ? `'${e.name}'` : "this store";
+      return this.view.logger.warn(`An instance of ${o} was already attached to this context.`), this.get(e);
+    }
+  }
+  get(e) {
+    if (h(e)) {
+      let t = this.view.elementContext, s;
+      for (; s = t.stores.get(e), s == null && t.parent != null; )
+        t = t.parent;
+      if (s == null)
+        throw new x(`Store '${e.name}' is not provided on this context.`);
+      return s.value;
+    } else
+      throw new x("Invalid store.");
+  }
+  beforeMount(e) {
+    this.view.lifecycleListeners.beforeMount.push(e);
+  }
+  onMount(e) {
+    this.view.lifecycleListeners.mount.push(e);
+  }
+  beforeUnmount(e) {
+    this.view.lifecycleListeners.beforeUnmount.push(e);
+  }
+  onUnmount(e) {
+    this.view.lifecycleListeners.unmount.push(e);
+  }
+  effect(e) {
+    const t = () => {
+      try {
+        return e();
+      } 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.view.isMounted) {
+      const s = d(t);
+      return this.view.lifecycleListeners.unmount.push(s), s;
+    } else {
+      let s, i = !1;
+      return this.view.lifecycleListeners.mount.push(() => {
+        i || (s = d(t), this.view.lifecycleListeners.unmount.push(s));
+      }), () => {
+        s != null && (i = !0, s());
+      };
+    }
+  }
+  outlet() {
+    return m("$outlet", { view: this.view.elementContext.route });
+  }
+}
+var q;
+q = p;
+const A = class A {
+  constructor(e, t, s, i) {
+    r(this, q, !0);
+    r(this, "uniqueId", R());
+    r(this, "elementContext");
+    r(this, "logger");
+    r(this, "props");
+    r(this, "fn");
+    r(this, "element");
+    r(this, "name", N(""));
+    r(this, "context");
+    r(this, "lifecycleListeners", { beforeMount: [], mount: [], beforeUnmount: [], unmount: [] });
+    r(this, "isMounted", !1);
+    this.name(t.name || "🌇 anonymous view"), this.elementContext = {
+      ...e,
+      parent: e,
+      view: this,
+      stores: /* @__PURE__ */ new Map(),
+      route: N()
+    }, this.logger = z(this.name, { uid: this.uniqueId }), this.props = {
+      ...s,
+      children: i
+    }, this.fn = t, this.context = new we(this);
+  }
+  /*===============================*\
+  ||         "Public" API          ||
+  \*===============================*/
+  get domNode() {
+    var e;
+    return (e = this.element) == null ? void 0 : e.domNode;
+  }
+  mount(e, t) {
+    const s = this.isMounted;
+    if (!s) {
+      this._initialize();
+      for (const i of this.lifecycleListeners.beforeMount)
+        i();
+    }
+    this.element && this.element.mount(e, t), s || (this.isMounted = !0, requestAnimationFrame(() => {
+      for (const i of this.lifecycleListeners.mount)
+        i();
+    }));
+  }
+  unmount(e = !1) {
+    for (const t of this.lifecycleListeners.beforeUnmount)
+      t();
+    this.element && this.element.unmount(e), this.isMounted = !1;
+    for (const t of this.lifecycleListeners.unmount)
+      t();
+    this.lifecycleListeners.beforeMount.length = 0, this.lifecycleListeners.mount.length = 0, this.lifecycleListeners.beforeUnmount.length = 0, this.lifecycleListeners.unmount.length = 0;
+  }
+  setRouteView(e) {
+    const t = new A(this.elementContext, e, {});
+    return this.elementContext.route(t), t;
+  }
+  /*===============================*\
+  ||           Internal            ||
+  \*===============================*/
+  _initialize() {
+    const { context: e } = this;
+    let t;
+    try {
+      t = this.fn.call(e, this.props, e);
+    } catch (s) {
+      throw s instanceof Error && this.logger.crash(s), s;
+    }
+    if (t !== null) if (t instanceof Node)
+      this.element = L(g(this.elementContext, m("$node", { value: t })));
+    else if (h(t))
+      this.element = L(
+        g(this.elementContext, m("$dynamic", { source: t }))
+      );
+    else if (E(t) || D(E, t))
+      this.element = L(g(this.elementContext, t));
+    else {
+      const s = new TypeError(
+        `Expected '${this.fn.name}' function to return a DOM node, Markup element, Signal or null. Got: ${G(t)}`
+      );
+      this.logger.crash(s);
+    }
+  }
+};
+let k = A;
+const ye = {
+  stores: W
+};
+function Se(...n) {
+  if (h(n[0])) {
+    const e = n[0], t = f(n[1]) ? {} : n[1], s = f(n[2]) ? n[2] : f(n[1]) ? n[1] : [];
+    return new k(ye, e, t, M(s));
+  } else if ($(n[0]) && h(n[1])) {
+    const e = n[0], t = n[1], s = f(n[2]) ? {} : n[2], i = f(n[3]) ? n[3] : f(n[2]) ? n[2] : [];
+    return new k(e, t, s, i ? M(i) : []);
+  } else
+    throw new TypeError(
+      "Unexpected arguments; expected view, props and children, or context, view, props and children."
+    );
+}
+export {
+  Ce as S,
+  ke as a,
+  Me as b,
+  Se as c,
+  m,
+  Le as p,
+  S as r,
+  xe as u,
+  pe as w
+};
+//# sourceMappingURL=view-CAEIbcZt.js.map