xote 4.0.0 → 4.1.1

package/dist/xote.mjs

@@ -1,21 +1,21 @@
-let w = {
+let L = {
   contents: 0
 };
-function j() {
-  return w.contents = w.contents + 1 | 0, w.contents;
+function z() {
+  return L.contents = L.contents + 1 | 0, L.contents;
 }
-function te(e) {
+function ge(e) {
   return e === void 0 ? {
     BS_PRIVATE_NESTED_SOME_NONE: 0
   } : e !== null && e.BS_PRIVATE_NESTED_SOME_NONE !== void 0 ? {
     BS_PRIVATE_NESTED_SOME_NONE: e.BS_PRIVATE_NESTED_SOME_NONE + 1 | 0
   } : e;
 }
-function ne(e) {
+function Se(e) {
   if (e != null)
-    return te(e);
+    return ge(e);
 }
-function L(e) {
+function Q(e) {
   if (e === null || e.BS_PRIVATE_NESTED_SOME_NONE === void 0)
     return e;
   let t = e.BS_PRIVATE_NESTED_SOME_NONE;
@@ -25,185 +25,218 @@ function L(e) {
     };
 }
 function V(e, t) {
-  return e !== void 0 ? L(e) : t;
+  return e !== void 0 ? Q(e) : t;
 }
-let F = (function(e, t) {
-  for (var n in e)
-    t(n);
-});
-function C(e, t) {
-  if (e === t)
-    return !0;
-  let n = typeof e;
-  if (n === "string" || n === "number" || n === "bigint" || n === "boolean" || n === "undefined" || e === null)
-    return !1;
-  let r = typeof t;
-  if (n === "function" || r === "function")
-    throw {
-      RE_EXN_ID: "Invalid_argument",
-      _1: "equal: functional value",
-      Error: new Error()
-    };
-  if (r === "number" || r === "bigint" || r === "undefined" || t === null)
-    return !1;
-  let l = e.TAG, i = t.TAG;
-  if (l !== i)
-    return !1;
-  let o = e.length | 0, u = t.length | 0;
-  if (o === u)
-    if (Array.isArray(e)) {
-      let c = 0;
-      for (; ; ) {
-        let s = c;
-        if (s === o)
-          return !0;
-        if (!C(e[s], t[s]))
-          return !1;
-        c = s + 1 | 0;
-      }
-    } else {
-      if (e instanceof Date && t instanceof Date)
-        return !(e > t || e < t);
-      {
-        let c = {
-          contents: !0
-        }, s = (f) => {
-          if (!Object.prototype.hasOwnProperty.call(t, f)) {
-            c.contents = !1;
-            return;
-          }
-        }, h = (f) => {
-          if (!Object.prototype.hasOwnProperty.call(e, f) || !C(t[f], e[f])) {
-            c.contents = !1;
-            return;
-          }
-        };
-        return F(e, s), c.contents && F(t, h), c.contents;
-      }
-    }
-  else
-    return !1;
+function ve(e, t, n) {
+  return e.reduce(n, t);
+}
+function Ee(e, t) {
+  let n = e.length, r = new Array(n), l = 0;
+  for (let o = 0; o < n; ++o) {
+    let u = e[o], s = t(u);
+    s !== void 0 && (r[l] = Q(s), l = l + 1 | 0);
+  }
+  return r.length = l, r;
+}
+function we(e, t) {
+  let n = 0;
+  for (; ; ) {
+    let r = n;
+    if (r === e.length)
+      return;
+    let l = t(e[r]);
+    if (l !== void 0)
+      return l;
+    n = r + 1 | 0;
+  }
 }
-let p = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map(), M = /* @__PURE__ */ new Map(), d = {
+let d = /* @__PURE__ */ new Map(), N = /* @__PURE__ */ new Map(), x = /* @__PURE__ */ new Map(), a = {
   contents: void 0
-}, O = /* @__PURE__ */ new Set(), N = {
+}, C = /* @__PURE__ */ new Set(), E = {
   contents: !1
-}, S = {
+}, g = {
   contents: !1
 };
-function P(e) {
-  if (E.get(e) === void 0) {
-    E.set(e, /* @__PURE__ */ new Set());
+function B(e) {
+  if (N.get(e) === void 0) {
+    N.set(e, /* @__PURE__ */ new Set());
     return;
   }
 }
-function re(e, t) {
-  P(t);
-  let n = d.contents, r = p.get(e);
-  if (n === void 0 || r === void 0 || n !== e || r.deps.has(t))
+function be(e, t) {
+  let n = N.get(e);
+  if (n !== void 0) {
+    n.forEach(t);
     return;
-  r.deps.add(t);
-  let l = E.get(t);
-  if (l !== void 0) {
-    l.add(e);
+  }
+}
+function ye(e, t) {
+  let n = N.get(e);
+  if (n !== void 0) {
+    n.add(t);
+    return;
+  }
+}
+function ke(e, t) {
+  let n = N.get(e);
+  if (n !== void 0) {
+    n.delete(t);
     return;
   }
 }
-function z(e) {
-  let t = M.get(e);
+function Te(e) {
+  return Array.from(V(N.get(e), /* @__PURE__ */ new Set()).values());
+}
+function Y(e, t) {
+  let n = a.contents;
+  a.contents = e;
+  try {
+    let r = t();
+    return a.contents = n, r;
+  } catch (r) {
+    throw a.contents = n, r;
+  }
+}
+function Ae(e) {
+  let t = a.contents;
+  a.contents = void 0;
+  try {
+    let n = e();
+    return a.contents = t, n;
+  } catch (n) {
+    throw a.contents = t, n;
+  }
+}
+function Oe(e) {
+  let t = a.contents;
+  return t !== void 0 ? t === e : !1;
+}
+function Ce(e) {
+  if (!E.contents) {
+    E.contents = !0;
+    try {
+      e(), E.contents = !1;
+      return;
+    } catch (t) {
+      throw E.contents = !1, t;
+    }
+  }
+}
+function Ne(e, t) {
+  B(t);
+  let n = Oe(e), r = d.get(e);
+  if (n && r !== void 0 && !r.deps.has(t))
+    return r.deps.add(t), ye(t, e);
+}
+function $(e) {
+  e.deps.forEach((t) => ke(t, e.id)), e.deps.clear();
+}
+function $e(e) {
+  let t = x.get(e);
   if (t === void 0)
     return;
-  M.delete(e);
-  let n = p.get(t);
+  x.delete(e);
+  let n = d.get(t);
   if (n !== void 0) {
-    y(n), p.delete(t);
+    $(n), d.delete(t);
     return;
   }
 }
-function y(e) {
-  e.deps.forEach((t) => {
-    let n = E.get(t);
-    if (n !== void 0)
-      return n.delete(e.id), n.size === 0 && !S.contents ? z(t) : void 0;
-  }), e.deps.clear();
+function Z(e) {
+  return ve(e, 0, (t, n) => n > t ? n : t);
 }
-function D(e) {
-  if (typeof e.kind == "object") {
-    let r = {
-      contents: 0
-    };
-    return e.deps.forEach((l) => {
-      let i = E.get(l);
-      if (i !== void 0) {
-        i.forEach((o) => {
-          if (o === e.id)
-            return;
-          let u = p.get(o);
-          if (u === void 0)
-            return;
-          if (typeof u.kind == "object" && u.level > r.contents) {
-            r.contents = u.level;
-            return;
-          }
-        });
-        return;
-      }
-    }), r.contents + 1 | 0;
-  }
-  let n = {
-    contents: 0
-  };
-  return e.deps.forEach((r) => {
-    let l = E.get(r);
+function xe(e) {
+  let t = [];
+  return e.deps.forEach((n) => be(n, (r) => {
+    if (r === e.id)
+      return;
+    let l = d.get(r);
+    if (l === void 0)
+      return;
+    if (typeof l.kind == "object") {
+      t.push(l.level);
+      return;
+    }
+  })), Z(t) + 1 | 0;
+}
+function Me(e) {
+  let t = [];
+  return e.deps.forEach((n) => {
+    let r = x.get(n);
+    if (r === void 0 || r === e.id)
+      return;
+    let l = d.get(r);
     if (l !== void 0) {
-      l.forEach((i) => {
-        let o = p.get(i);
-        if (o !== void 0 && o.level > n.contents) {
-          n.contents = o.level;
-          return;
-        }
-      });
+      t.push(l.level);
       return;
     }
-  }), n.contents + 1e3 | 0;
-}
-function le() {
-  for (; O.size > 0; ) {
-    let e = Array.from(O.values());
-    O.clear(), e.sort((t, n) => {
-      let r = p.get(t), l = p.get(n);
-      return r !== void 0 ? l !== void 0 ? r.level - l.level | 0 : -1 : l !== void 0 ? 1 : 0;
-    }), e.forEach((t) => {
-      let n = p.get(t);
-      if (n === void 0)
-        return;
-      S.contents = !0, y(n);
-      let r = d.contents;
-      d.contents = t;
-      try {
-        n.run(), S.contents = !1;
-      } catch (l) {
-        throw d.contents = r, S.contents = !1, l;
-      }
-      d.contents = r, n.level = D(n);
+  }), Z(t) + 1 | 0;
+}
+function P(e) {
+  return typeof e.kind == "object" ? Me(e) : xe(e);
+}
+function Ie(e, t) {
+  let n = d.get(e), r = d.get(t);
+  if (n === void 0)
+    return r !== void 0 ? 1 : 0;
+  if (r === void 0)
+    return -1;
+  let o = typeof n.kind == "object" ? 0 : 1, s = typeof r.kind == "object" ? 0 : 1, c = o - s | 0;
+  return c !== 0 ? c : n.level - r.level | 0;
+}
+function De(e) {
+  g.contents = !0, $(e), Y(e.id, () => {
+    e.run(), g.contents = !1;
+  }), e.level = P(e);
+}
+function ee() {
+  for (; C.size > 0; ) {
+    let e = Array.from(C.values());
+    C.clear(), e.sort(Ie), e.forEach((t) => {
+      let n = d.get(t);
+      if (n !== void 0)
+        return De(n);
     });
   }
 }
-function ue(e) {
-  P(e);
-  let t = E.get(e);
-  if (t !== void 0) {
-    if (t.forEach((n) => {
-      O.add(n);
-    }), N.contents)
+function te(e) {
+  if (B(e), Te(e).forEach((t) => {
+    let n = d.get(t);
+    if (n === void 0)
       return;
-    N.contents = !0, le(), N.contents = !1;
+    let r = n.kind;
+    if (typeof r == "object")
+      return n.dirty ? void 0 : (n.dirty = !0, te(r.VAL));
+    C.add(t);
+  }), C.size > 0)
+    return Ce(ee);
+}
+function ne(e) {
+  let t = x.get(e);
+  if (t === void 0)
+    return;
+  let n = d.get(t);
+  if (n !== void 0 && n.dirty) {
+    g.contents = !0, $(n), Y(t, () => {
+      n.run(), n.dirty = !1, g.contents = !1;
+    }), n.level = P(n);
     return;
   }
 }
-function q(e, t, n) {
-  let r = j();
-  return P(r), {
+function je(e) {
+  let t = E.contents;
+  E.contents = !0;
+  try {
+    let n = e();
+    return t || (E.contents = !1, C.size > 0 && ee()), n;
+  } catch (n) {
+    throw t || (E.contents = !1), n;
+  }
+}
+let Pe = Ae, Ge = B;
+function re(e, t, n) {
+  let r = z();
+  return Ge(r), {
     id: r,
     value: {
       contents: e
@@ -211,18 +244,19 @@ function q(e, t, n) {
     version: {
       contents: 0
     },
-    equals: V(n, C),
+    equals: V(n, (l, o) => l === o),
     name: t
   };
 }
-function ie(e) {
-  let t = d.contents;
-  return t !== void 0 && re(t, e.id), e.value.contents;
+function Le(e) {
+  ne(e.id);
+  let t = a.contents;
+  return t !== void 0 && Ne(t, e.id), e.value.contents;
 }
-function oe(e) {
-  return e.value.contents;
+function Re(e) {
+  return ne(e.id), e.value.contents;
 }
-function I(e, t) {
+function le(e, t) {
   let n;
   try {
     n = !e.equals(e.value.contents, t);
@@ -230,118 +264,101 @@ function I(e, t) {
     n = !0;
   }
   if (n)
-    return e.value.contents = t, e.version.contents = e.version.contents + 1 | 0, ue(e.id);
+    return e.value.contents = t, e.version.contents = e.version.contents + 1 | 0, te(e.id);
 }
-function ce(e, t) {
-  I(e, t(e.value.contents));
+function Fe(e, t) {
+  le(e, t(e.value.contents));
 }
-let ae, se;
-const de = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+let ze, Ve, Be = je, We = Pe;
+const Xe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Id: ae,
-  Scheduler: se,
-  get: ie,
-  make: q,
-  peek: oe,
-  set: I,
-  update: ce
+  Id: ze,
+  Scheduler: Ve,
+  batch: Be,
+  get: Le,
+  make: re,
+  peek: Re,
+  set: le,
+  untrack: We,
+  update: Fe
 }, Symbol.toStringTag, { value: "Module" }));
-function X(e, t, n) {
+function ue(e, t, n) {
   return {
     id: e,
     kind: t,
     run: n,
     deps: /* @__PURE__ */ new Set(),
-    level: 0
+    level: 0,
+    dirty: !0
   };
 }
-function fe(e) {
-  let t = j(), n = {
+function qe(e) {
+  let t = z(), n = {
     contents: void 0
-  }, l = X(t, "Effect", () => {
-    let u = n.contents;
-    u !== void 0 && u(), n.contents = e();
+  }, l = ue(t, "Effect", () => {
+    let s = n.contents;
+    s !== void 0 && s(), n.contents = e();
   });
-  p.set(t, l), S.contents = !0, y(l);
-  let i = d.contents;
-  d.contents = t;
+  d.set(t, l), g.contents = !0, $(l);
+  let o = a.contents;
+  a.contents = t;
   try {
-    l.run(), S.contents = !1;
-  } catch (u) {
-    throw d.contents = i, S.contents = !1, u;
+    l.run(), g.contents = !1;
+  } catch (s) {
+    throw a.contents = o, g.contents = !1, s;
   }
-  return d.contents = i, l.level = D(l), {
+  return a.contents = o, l.level = P(l), {
     dispose: () => {
-      let u = p.get(t);
-      if (u === void 0)
+      let s = d.get(t);
+      if (s === void 0)
         return;
       let c = n.contents;
-      c !== void 0 && c(), y(u), p.delete(t);
+      c !== void 0 && c(), $(s), d.delete(t);
     }
   };
 }
-let pe, _e, he;
-const me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+let He, Ue, Je;
+const Ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Id: pe,
-  Observer: _e,
-  Scheduler: he,
-  run: fe
+  Id: He,
+  Observer: Ue,
+  Scheduler: Je,
+  run: qe
 }, Symbol.toStringTag, { value: "Module" }));
-function Se(e) {
-  let t = q(void 0, void 0, void 0), n = j(), r = () => {
-    let o = e();
-    I(t, o);
-  }, l = X(n, {
+function Qe(e) {
+  let t = re(void 0, void 0, void 0), n = z(), r = () => {
+    let u = e();
+    t.value.contents = u;
+  }, l = ue(n, {
     NAME: "Computed",
     VAL: t.id
   }, r);
-  p.set(n, l), S.contents = !0, y(l);
-  let i = d.contents;
-  d.contents = n;
+  d.set(n, l), g.contents = !0, $(l);
+  let o = a.contents;
+  a.contents = n;
   try {
-    l.run(), S.contents = !1;
-  } catch (o) {
-    throw d.contents = i, S.contents = !1, o;
+    l.run(), l.dirty = !1, g.contents = !1;
+  } catch (u) {
+    throw a.contents = o, g.contents = !1, u;
   }
-  return d.contents = i, l.level = D(l), M.set(t.id, n), t;
+  return a.contents = o, l.level = P(l), x.set(t.id, n), t;
 }
-function ge(e) {
-  z(e.id);
+function Ye(e) {
+  $e(e.id);
 }
-let Ee, ve, be, Te;
-const ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+let Ze, et, tt, nt;
+const rt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Id: Ee,
-  Observer: be,
-  Scheduler: Te,
-  Signal: ve,
-  dispose: ge,
-  make: Se
+  Id: Ze,
+  Observer: tt,
+  Scheduler: nt,
+  Signal: et,
+  dispose: Ye,
+  make: Qe
 }, Symbol.toStringTag, { value: "Module" }));
-let a = de, m = ye, g = me;
-function Ae(e, t) {
-  let n = e.length, r = new Array(n), l = 0;
-  for (let i = 0; i < n; ++i) {
-    let o = e[i], u = t(o);
-    u !== void 0 && (r[l] = L(u), l = l + 1 | 0);
-  }
-  return r.length = l, r;
-}
-function Oe(e, t) {
-  let n = 0;
-  for (; ; ) {
-    let r = n;
-    if (r === e.length)
-      return;
-    let l = t(e[r]);
-    if (l !== void 0)
-      return l;
-    n = r + 1 | 0;
-  }
-}
-function W(e) {
-  return Ae(e.split("/"), (t) => {
+let i = Xe, h = rt, _ = Ke;
+function oe(e) {
+  return Ee(e.split("/"), (t) => {
     if (t !== "")
       return t.startsWith(":") ? {
         TAG: "Param",
@@ -352,29 +369,29 @@ function W(e) {
       };
   });
 }
-function H(e, t) {
-  let n = t.split("/").filter((i) => i !== "");
+function ie(e, t) {
+  let n = t.split("/").filter((o) => o !== "");
   if (e.length !== n.length)
     return "NoMatch";
   let r = {};
-  return e.every((i, o) => {
-    let u = n[o];
-    return i.TAG === "Static" ? u === i._0 : (r[i._0] = u, !0);
+  return e.every((o, u) => {
+    let s = n[u];
+    return o.TAG === "Static" ? s === o._0 : (r[o._0] = s, !0);
   }) ? {
     TAG: "Match",
     _0: r
   } : "NoMatch";
 }
-function G(e, t) {
-  return H(W(e), t);
+function W(e, t) {
+  return ie(oe(e), t);
 }
-const ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  match: G,
-  matchPath: H,
-  parsePattern: W
+  match: W,
+  matchPath: ie,
+  parsePattern: oe
 }, Symbol.toStringTag, { value: "Module" }));
-function U(e, t) {
+function se(e, t) {
   return [
     e,
     {
@@ -383,7 +400,7 @@ function U(e, t) {
     }
   ];
 }
-function we(e, t) {
+function ut(e, t) {
   return [
     e,
     {
@@ -392,7 +409,7 @@ function we(e, t) {
     }
   ];
 }
-function Ne(e, t) {
+function ot(e, t) {
   return [
     e,
     {
@@ -401,285 +418,437 @@ function Ne(e, t) {
     }
   ];
 }
-function Ce(e) {
+function it(e) {
   return {
     TAG: "Text",
     _0: e
   };
 }
-function Me(e) {
+function st(e) {
   return {
     TAG: "SignalText",
-    _0: m.make(e)
+    _0: h.make(e)
   };
 }
-function $e(e) {
+function ct(e) {
   return {
     TAG: "Fragment",
     _0: e
   };
 }
-function x(e) {
+function X(e) {
   return {
     TAG: "SignalFragment",
     _0: e
   };
 }
-function je(e, t) {
+function at(e, t) {
   return {
     TAG: "SignalFragment",
-    _0: m.make(() => a.get(e).map(t))
+    _0: h.make(() => i.get(e).map(t))
   };
 }
-function _(e, t, n, r, l) {
-  let i = t !== void 0 ? t : [].map((c) => c), o = n !== void 0 ? n : [].map((c) => c), u = r !== void 0 ? r : [].map((c) => c);
+function m(e, t, n, r, l) {
+  let o = t !== void 0 ? t : [].map((c) => c), u = n !== void 0 ? n : [].map((c) => c), s = r !== void 0 ? r : [].map((c) => c);
   return {
     TAG: "Element",
     tag: e,
-    attrs: i,
-    events: o,
-    children: u
+    attrs: o,
+    events: u,
+    children: s
   };
 }
-function Pe(e, t, n, r) {
-  return _("div", e, t, n);
+function dt(e, t, n, r) {
+  return m("div", e, t, n);
+}
+function ft(e, t, n, r) {
+  return m("span", e, t, n);
+}
+function pt(e, t, n, r) {
+  return m("button", e, t, n);
+}
+function ht(e, t, n) {
+  return m("input", e, t, void 0);
+}
+function mt(e, t, n, r) {
+  return m("h1", e, t, n);
 }
-function De(e, t, n, r) {
-  return _("span", e, t, n);
+function _t(e, t, n, r) {
+  return m("h2", e, t, n);
 }
-function Ie(e, t, n, r) {
-  return _("button", e, t, n);
+function gt(e, t, n, r) {
+  return m("h3", e, t, n);
 }
-function Ge(e, t, n) {
-  return _("input", e, t, void 0);
+function St(e, t, n, r) {
+  return m("p", e, t, n);
 }
-function xe(e, t, n, r) {
-  return _("h1", e, t, n);
+function vt(e, t, n, r) {
+  return m("ul", e, t, n);
 }
-function Re(e, t, n, r) {
-  return _("h2", e, t, n);
+function Et(e, t, n, r) {
+  return m("li", e, t, n);
 }
-function Be(e, t, n, r) {
-  return _("h3", e, t, n);
+function ce(e, t, n, r) {
+  return m("a", e, t, n);
 }
-function Fe(e, t, n, r) {
-  return _("p", e, t, n);
+let w = {
+  contents: void 0
+};
+function wt() {
+  return {
+    disposers: [],
+    signals: [],
+    computeds: []
+  };
 }
-function Le(e, t, n, r) {
-  return _("ul", e, t, n);
+function A(e, t) {
+  let n = w.contents;
+  w.contents = e;
+  let r = t();
+  return w.contents = n, r;
 }
-function Ve(e, t, n, r) {
-  return _("li", e, t, n);
+function bt(e) {
+  let t = w.contents;
+  if (t !== void 0) {
+    t.signals.push(e);
+    return;
+  }
 }
-function J(e, t, n, r) {
-  return _("a", e, t, n);
+function yt(e) {
+  let t = w.contents;
+  if (t !== void 0) {
+    t.computeds.push(e);
+    return;
+  }
 }
-function b(e, t) {
-  let n = V(ne(e.__xote_disposers), []);
+function kt(e) {
+  let t = w.contents;
+  if (t !== void 0) {
+    t.disposers.push(e);
+    return;
+  }
+}
+function y(e, t) {
+  let n = V(Se(e.__xote_disposers), []);
   e.__xote_disposers = n.concat([t]);
+  let r = w.contents;
+  if (r !== void 0) {
+    r.disposers.push(t);
+    return;
+  }
 }
-function R(e) {
-  let t = e.__xote_disposers;
-  t != null && (t.forEach((r) => r.dispose()), e.__xote_disposers = []), Array.from(e.childNodes || []).forEach(R);
+let R = (function(e) {
+  e.__devtoolsId && window.__xoteDevToolsMarkAsDisposed && window.__xoteDevToolsMarkAsDisposed(e.__devtoolsId);
+});
+function j(e) {
+  e.disposers.forEach((t) => t.dispose()), e.computeds.forEach((t) => {
+    h.dispose(t), R(t);
+  }), e.signals.forEach((t) => R(t));
+}
+function Tt(e) {
+  let t = {
+    disposers: [],
+    signals: [],
+    computeds: []
+  };
+  return A(t, () => e(() => j(t))), () => j(t);
 }
-function T(e) {
+function At(e) {
+  return {
+    TAG: "LazyComponent",
+    _0: e
+  };
+}
+function q(e) {
+  let t = e.__xote_owner;
+  t != null && (j(t), e.__xote_owner = {
+    disposers: [],
+    signals: [],
+    computeds: []
+  });
+  let n = e.__xote_disposers;
+  n != null && (n.forEach((l) => l.dispose()), e.__xote_disposers = []), Array.from(e.childNodes || []).forEach(q);
+}
+function O(e) {
   switch (e.TAG) {
     case "Element":
-      let t = document.createElement(e.tag);
-      return e.attrs.forEach((s) => {
-        let h = s[1], f = s[0];
-        switch (h.TAG) {
-          case "Static":
-            t.setAttribute(f, h._0);
-            return;
-          case "SignalValue":
-            let A = h._0;
-            t.setAttribute(f, a.peek(A));
-            let Y = g.run(() => {
-              let k = a.get(A);
-              t.setAttribute(f, k);
-            });
-            return b(t, Y);
-          case "Compute":
-            let Z = h._0, B = m.make(() => Z());
-            t.setAttribute(f, a.peek(B));
-            let ee = g.run(() => {
-              let k = a.get(B);
-              t.setAttribute(f, k);
-            });
-            return b(t, ee);
-        }
-      }), e.events.forEach((s) => {
-        t.addEventListener(s[0], s[1]);
-      }), e.children.forEach((s) => {
-        let h = T(s);
-        t.appendChild(h);
-      }), t;
+      let t = e.children, n = e.events, r = e.attrs, l = e.tag, o = {
+        disposers: [],
+        signals: [],
+        computeds: []
+      }, u;
+      switch (l) {
+        case "circle":
+        case "clipPath":
+        case "defs":
+        case "ellipse":
+        case "g":
+        case "line":
+        case "linearGradient":
+        case "marker":
+        case "mask":
+        case "path":
+        case "pattern":
+        case "polygon":
+        case "polyline":
+        case "radialGradient":
+        case "rect":
+        case "stop":
+        case "svg":
+        case "symbol":
+        case "text":
+        case "textPath":
+        case "tspan":
+        case "use":
+          u = document.createElementNS("http://www.w3.org/2000/svg", l);
+          break;
+        default:
+          u = document.createElement(l);
+      }
+      return u.__xote_owner = o, A(o, () => {
+        r.forEach((f) => {
+          let p = f[1], S = f[0];
+          switch (p.TAG) {
+            case "Static":
+              let I = p._0;
+              S === "value" && l === "input" ? u.value = I : u.setAttribute(S, I);
+              return;
+            case "SignalValue":
+              let T = p._0;
+              if (S === "value" && l === "input") {
+                u.value = i.peek(T);
+                let b = _.run(() => {
+                  let G = i.get(T);
+                  u.value = G;
+                });
+                return y(u, b);
+              }
+              u.setAttribute(S, i.peek(T));
+              let he = _.run(() => {
+                let b = i.get(T);
+                u.setAttribute(S, b);
+              });
+              return y(u, he);
+            case "Compute":
+              let me = p._0, D = h.make(() => me());
+              if (S === "value" && l === "input") {
+                u.value = i.peek(D);
+                let b = _.run(() => {
+                  let G = i.get(D);
+                  u.value = G;
+                });
+                return y(u, b);
+              }
+              u.setAttribute(S, i.peek(D));
+              let _e = _.run(() => {
+                let b = i.get(D);
+                u.setAttribute(S, b);
+              });
+              return y(u, _e);
+          }
+        }), n.forEach((f) => {
+          u.addEventListener(f[0], f[1]);
+        }), t.forEach((f) => {
+          let p = O(f);
+          u.appendChild(p);
+        });
+      }), u;
     case "Text":
       return document.createTextNode(e._0);
     case "SignalText":
-      let n = e._0, r = document.createTextNode(a.peek(n)), l = g.run(() => {
-        let s = a.get(n);
-        r.textContent = s;
-      });
-      return b(r, l), r;
+      let s = e._0, c = {
+        disposers: [],
+        signals: [],
+        computeds: []
+      }, M = document.createTextNode(i.peek(s));
+      return M.__xote_owner = c, A(c, () => {
+        let f = _.run(() => {
+          let p = i.get(s);
+          M.textContent = p;
+        });
+        y(M, f);
+      }), M;
     case "Fragment":
-      let i = document.createDocumentFragment();
-      return e._0.forEach((s) => {
-        let h = T(s);
-        i.appendChild(h);
-      }), i;
+      let H = document.createDocumentFragment();
+      return e._0.forEach((f) => {
+        let p = O(f);
+        H.appendChild(p);
+      }), H;
     case "SignalFragment":
-      let o = e._0, u = document.createElement("div");
-      u.setAttribute("data-signal-fragment", "true"), u.setAttribute("style", "display: contents");
-      let c = g.run(() => {
-        let s = a.get(o);
-        Array.from(u.childNodes || []).forEach(R), u.innerHTML = "", s.forEach((f) => {
-          let A = T(f);
-          u.appendChild(A);
+      let fe = e._0, U = {
+        disposers: [],
+        signals: [],
+        computeds: []
+      }, v = document.createElement("div");
+      return v.setAttribute("data-signal-fragment", "true"), v.setAttribute("style", "display: contents"), v.__xote_owner = U, A(U, () => {
+        let f = _.run(() => {
+          let p = i.get(fe);
+          Array.from(v.childNodes || []).forEach(q), v.innerHTML = "", p.forEach((I) => {
+            let T = O(I);
+            v.appendChild(T);
+          });
         });
-      });
-      return b(u, c), u;
+        y(v, f);
+      }), v;
+    case "LazyComponent":
+      let J = {
+        disposers: [],
+        signals: [],
+        computeds: []
+      }, pe = A(J, e._0), K = O(pe);
+      return K.__xote_owner = J, K;
   }
 }
-function K(e, t) {
-  let n = T(e);
+function ae(e, t) {
+  let n = O(e);
   t.appendChild(n);
 }
-function ze(e, t) {
+function Ot(e, t) {
   let n = document.getElementById(t);
   if (n == null) {
     console.error("Container element not found: " + t);
     return;
   } else
-    return K(e, n);
+    return ae(e, n);
 }
-const qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  a: J,
-  addDisposer: b,
-  attr: U,
-  button: Ie,
-  computedAttr: Ne,
-  disposeElement: R,
-  div: Pe,
-  element: _,
-  fragment: $e,
-  h1: xe,
-  h2: Re,
-  h3: Be,
-  input: Ge,
-  li: Ve,
-  list: je,
-  mount: K,
-  mountById: ze,
-  p: Fe,
-  render: T,
-  signalAttr: we,
-  signalFragment: x,
-  span: De,
-  text: Ce,
-  textSignal: Me,
-  ul: Le
+  a: ce,
+  addDisposer: y,
+  attr: se,
+  button: pt,
+  component: At,
+  computedAttr: ot,
+  createOwner: wt,
+  createRoot: Tt,
+  currentOwner: w,
+  disposeElement: q,
+  disposeOwner: j,
+  div: dt,
+  element: m,
+  fragment: ct,
+  h1: mt,
+  h2: _t,
+  h3: gt,
+  input: ht,
+  li: Et,
+  list: at,
+  markAsDisposedInDevTools: R,
+  mount: ae,
+  mountById: Ot,
+  p: St,
+  registerComputed: yt,
+  registerEffectDisposer: kt,
+  registerSignal: bt,
+  render: O,
+  runWithOwner: A,
+  signalAttr: ut,
+  signalFragment: X,
+  span: ft,
+  text: it,
+  textSignal: st,
+  ul: vt
 }, Symbol.toStringTag, { value: "Module" }));
-let v = a.make({
+let k = i.make({
   pathname: "/",
   search: "",
   hash: ""
 }, void 0, void 0);
-function $() {
+function F() {
   return {
     pathname: window.location.pathname,
     search: window.location.search,
     hash: window.location.hash
   };
 }
-function Xe() {
-  a.set(v, $());
-  let e = (t) => a.set(v, $());
+function Nt() {
+  i.set(k, F());
+  let e = (t) => i.set(k, F());
   window.addEventListener("popstate", e);
 }
-function Q(e, t, n, r) {
-  let l = t !== void 0 ? t : "", i = n !== void 0 ? n : "", o = {
+function de(e, t, n, r) {
+  let l = t !== void 0 ? t : "", o = n !== void 0 ? n : "", u = {
     pathname: e,
     search: l,
-    hash: i
-  }, u = e + l + i, c = {};
-  window.history.pushState(c, "", u), a.set(v, o);
+    hash: o
+  }, s = e + l + o, c = {};
+  window.history.pushState(c, "", s), i.set(k, u);
 }
-function We(e, t, n, r) {
-  let l = t !== void 0 ? t : "", i = n !== void 0 ? n : "", o = {
+function $t(e, t, n, r) {
+  let l = t !== void 0 ? t : "", o = n !== void 0 ? n : "", u = {
     pathname: e,
     search: l,
-    hash: i
-  }, u = e + l + i, c = {};
-  window.history.replaceState(c, "", u), a.set(v, o);
+    hash: o
+  }, s = e + l + o, c = {};
+  window.history.replaceState(c, "", s), i.set(k, u);
 }
-function He(e, t) {
-  return x(m.make(() => {
-    let n = a.get(v), r = G(e, n.pathname);
+function xt(e, t) {
+  return X(h.make(() => {
+    let n = i.get(k), r = W(e, n.pathname);
     return typeof r != "object" ? [] : [t(r._0)];
   }));
 }
-function Ue(e) {
-  return x(m.make(() => {
-    let t = a.get(v), n = Oe(e, (r) => {
-      let l = G(r.pattern, t.pathname);
+function Mt(e) {
+  return X(h.make(() => {
+    let t = i.get(k), n = we(e, (r) => {
+      let l = W(r.pattern, t.pathname);
       if (typeof l == "object")
         return r.render(l._0);
     });
     return n !== void 0 ? [n] : [];
   }));
 }
-function Je(e, t, n, r) {
-  let l = t !== void 0 ? t : [], i = n !== void 0 ? n : [], o = (u) => {
-    u.preventDefault(), Q(e, void 0, void 0);
+function It(e, t, n, r) {
+  let l = t !== void 0 ? t : [], o = n !== void 0 ? n : [], u = (s) => {
+    s.preventDefault(), de(e, void 0, void 0);
   };
-  return J(l.concat([U("href", e)]), [[
+  return ce(l.concat([se("href", e)]), [[
     "click",
-    o
-  ]], i);
+    u
+  ]], o);
 }
-let Ke, Qe;
-const Ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+let Dt, jt;
+const Pt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Component: Ke,
-  Route: Qe,
-  getCurrentLocation: $,
-  init: Xe,
-  link: Je,
-  location: v,
-  push: Q,
-  replace: We,
-  route: He,
-  routes: Ue
+  Component: Dt,
+  Route: jt,
+  getCurrentLocation: F,
+  init: Nt,
+  link: It,
+  location: k,
+  push: de,
+  replace: $t,
+  route: xt,
+  routes: Mt
 }, Symbol.toStringTag, { value: "Module" }));
-let Ze = a.Id, et = a.Scheduler, tt = a.make, nt = a.get, rt = a.peek, lt = a.set, ut = a.update, mt = {
-  Id: Ze,
-  Scheduler: et,
-  make: tt,
-  get: nt,
-  peek: rt,
-  set: lt,
-  update: ut
-}, it = m.Id, ot = m.Signal, ct = m.Observer, at = m.Scheduler, st = m.make, dt = m.dispose, St = {
-  Id: it,
-  Signal: ot,
-  Observer: ct,
-  Scheduler: at,
-  make: st,
-  dispose: dt
-}, ft = g.Id, pt = g.Observer, _t = g.Scheduler, ht = g.run, gt = {
-  Id: ft,
-  Observer: pt,
-  Scheduler: _t,
-  run: ht
-}, Et = qe, vt = ke, bt = Ye;
+let Gt = i.Id, Lt = i.Scheduler, Rt = i.make, Ft = i.get, zt = i.peek, Vt = i.set, Bt = i.update, Wt = i.batch, Xt = i.untrack, nn = {
+  Id: Gt,
+  Scheduler: Lt,
+  make: Rt,
+  get: Ft,
+  peek: zt,
+  set: Vt,
+  update: Bt,
+  batch: Wt,
+  untrack: Xt
+}, qt = h.Id, Ht = h.Signal, Ut = h.Observer, Jt = h.Scheduler, Kt = h.make, Qt = h.dispose, rn = {
+  Id: qt,
+  Signal: Ht,
+  Observer: Ut,
+  Scheduler: Jt,
+  make: Kt,
+  dispose: Qt
+}, Yt = _.Id, Zt = _.Observer, en = _.Scheduler, tn = _.run, ln = {
+  Id: Yt,
+  Observer: Zt,
+  Scheduler: en,
+  run: tn
+}, un = Ct, on = lt, sn = Pt;
 export {
-  Et as Component,
-  St as Computed,
-  gt as Effect,
-  vt as Route,
-  bt as Router,
-  mt as Signal
+  un as Component,
+  rn as Computed,
+  ln as Effect,
+  on as Route,
+  sn as Router,
+  nn as Signal
 };