xote 4.1.0 → 4.2.0

package/dist/xote.mjs

@@ -1,21 +1,21 @@
-let $ = {
+let U = {
   contents: 0
 };
-function j() {
-  return $.contents = $.contents + 1 | 0, $.contents;
+function Y() {
+  return U.contents = U.contents + 1 | 0, U.contents;
 }
-function re(e) {
+function xe(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 ue(e) {
+function Ie(e) {
   if (e != null)
-    return re(e);
+    return xe(e);
 }
-function L(e) {
+function ae(e) {
   if (e === null || e.BS_PRIVATE_NESTED_SOME_NONE === void 0)
     return e;
   let t = e.BS_PRIVATE_NESTED_SOME_NONE;
@@ -24,219 +24,219 @@ function L(e) {
       BS_PRIVATE_NESTED_SOME_NONE: t - 1 | 0
     };
 }
-function I(e, t) {
-  return e !== void 0 ? L(e) : t;
+function K(e, t) {
+  return e !== void 0 ? ae(e) : t;
 }
-function le(e, t, n) {
+function Me(e, t, n) {
   return e.reduce(n, t);
 }
-function ie(e, t) {
-  let n = e.length, r = new Array(n), u = 0;
-  for (let l = 0; l < n; ++l) {
-    let c = e[l], i = t(c);
-    i !== void 0 && (r[u] = L(i), u = u + 1 | 0);
+function De(e, t) {
+  let n = e.length, r = new Array(n), l = 0;
+  for (let o = 0; o < n; ++o) {
+    let u = e[o], c = t(u);
+    c !== void 0 && (r[l] = ae(c), l = l + 1 | 0);
   }
-  return r.length = u, r;
+  return r.length = l, r;
 }
-function oe(e, t) {
+function je(e, t) {
   let n = 0;
   for (; ; ) {
     let r = n;
     if (r === e.length)
       return;
-    let u = t(e[r]);
-    if (u !== void 0)
-      return u;
+    let l = t(e[r]);
+    if (l !== void 0)
+      return l;
     n = r + 1 | 0;
   }
 }
-let s = /* @__PURE__ */ new Map(), y = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map(), a = {
+let _ = /* @__PURE__ */ new Map(), D = /* @__PURE__ */ new Map(), R = /* @__PURE__ */ new Map(), m = {
   contents: void 0
-}, b = /* @__PURE__ */ new Set(), S = {
+}, M = /* @__PURE__ */ new Set(), O = {
   contents: !1
-}, m = {
+}, b = {
   contents: !1
 };
-function P(e) {
-  if (y.get(e) === void 0) {
-    y.set(e, /* @__PURE__ */ new Set());
+function Z(e) {
+  if (D.get(e) === void 0) {
+    D.set(e, /* @__PURE__ */ new Set());
     return;
   }
 }
-function ce(e, t) {
-  let n = y.get(e);
+function Ge(e, t) {
+  let n = D.get(e);
   if (n !== void 0) {
     n.forEach(t);
     return;
   }
 }
-function ae(e, t) {
-  let n = y.get(e);
+function Pe(e, t) {
+  let n = D.get(e);
   if (n !== void 0) {
     n.add(t);
     return;
   }
 }
-function de(e, t) {
-  let n = y.get(e);
+function Le(e, t) {
+  let n = D.get(e);
   if (n !== void 0) {
     n.delete(t);
     return;
   }
 }
-function se(e) {
-  return Array.from(I(y.get(e), /* @__PURE__ */ new Set()).values());
+function Re(e) {
+  return Array.from(K(D.get(e), /* @__PURE__ */ new Set()).values());
 }
-function R(e, t) {
-  let n = a.contents;
-  a.contents = e;
+function de(e, t) {
+  let n = m.contents;
+  m.contents = e;
   try {
     let r = t();
-    return a.contents = n, r;
+    return m.contents = n, r;
   } catch (r) {
-    throw a.contents = n, r;
+    throw m.contents = n, r;
   }
 }
-function fe(e) {
-  let t = a.contents;
-  a.contents = void 0;
+function Fe(e) {
+  let t = m.contents;
+  m.contents = void 0;
   try {
     let n = e();
-    return a.contents = t, n;
+    return m.contents = t, n;
   } catch (n) {
-    throw a.contents = t, n;
+    throw m.contents = t, n;
   }
 }
-function pe(e) {
-  let t = a.contents;
+function Be(e) {
+  let t = m.contents;
   return t !== void 0 ? t === e : !1;
 }
-function he(e) {
-  if (!S.contents) {
-    S.contents = !0;
+function ze(e) {
+  if (!O.contents) {
+    O.contents = !0;
     try {
-      e(), S.contents = !1;
+      e(), O.contents = !1;
       return;
     } catch (t) {
-      throw S.contents = !1, t;
+      throw O.contents = !1, t;
     }
   }
 }
-function me(e, t) {
-  P(t);
-  let n = pe(e), r = s.get(e);
+function Ve(e, t) {
+  Z(t);
+  let n = Be(e), r = _.get(e);
   if (n && r !== void 0 && !r.deps.has(t))
-    return r.deps.add(t), ae(t, e);
+    return r.deps.add(t), Pe(t, e);
 }
-function T(e) {
-  e.deps.forEach((t) => de(t, e.id)), e.deps.clear();
+function j(e) {
+  e.deps.forEach((t) => Le(t, e.id)), e.deps.clear();
 }
-function _e(e) {
-  let t = w.get(e);
+function We(e) {
+  let t = R.get(e);
   if (t === void 0)
     return;
-  w.delete(e);
-  let n = s.get(t);
+  R.delete(e);
+  let n = _.get(t);
   if (n !== void 0) {
-    T(n), s.delete(t);
+    j(n), _.delete(t);
     return;
   }
 }
-function V(e) {
-  return le(e, 0, (t, n) => n > t ? n : t);
+function fe(e) {
+  return Me(e, 0, (t, n) => n > t ? n : t);
 }
-function Se(e) {
+function Ke(e) {
   let t = [];
-  return e.deps.forEach((n) => ce(n, (r) => {
+  return e.deps.forEach((n) => Ge(n, (r) => {
     if (r === e.id)
       return;
-    let u = s.get(r);
-    if (u === void 0)
+    let l = _.get(r);
+    if (l === void 0)
       return;
-    if (typeof u.kind == "object") {
-      t.push(u.level);
+    if (typeof l.kind == "object") {
+      t.push(l.level);
       return;
     }
-  })), V(t) + 1 | 0;
+  })), fe(t) + 1 | 0;
 }
-function ge(e) {
+function Xe(e) {
   let t = [];
   return e.deps.forEach((n) => {
-    let r = w.get(n);
+    let r = R.get(n);
     if (r === void 0 || r === e.id)
       return;
-    let u = s.get(r);
-    if (u !== void 0) {
-      t.push(u.level);
+    let l = _.get(r);
+    if (l !== void 0) {
+      t.push(l.level);
       return;
     }
-  }), V(t) + 1 | 0;
+  }), fe(t) + 1 | 0;
 }
-function C(e) {
-  return typeof e.kind == "object" ? ge(e) : Se(e);
+function X(e) {
+  return typeof e.kind == "object" ? Xe(e) : Ke(e);
 }
-function Ee(e, t) {
-  let n = s.get(e), r = s.get(t);
+function qe(e, t) {
+  let n = _.get(e), r = _.get(t);
   if (n === void 0)
     return r !== void 0 ? 1 : 0;
   if (r === void 0)
     return -1;
-  let l = typeof n.kind == "object" ? 0 : 1, i = typeof r.kind == "object" ? 0 : 1, d = l - i | 0;
-  return d !== 0 ? d : n.level - r.level | 0;
+  let o = typeof n.kind == "object" ? 0 : 1, c = typeof r.kind == "object" ? 0 : 1, f = o - c | 0;
+  return f !== 0 ? f : n.level - r.level | 0;
 }
-function ve(e) {
-  m.contents = !0, T(e), R(e.id, () => {
-    e.run(), m.contents = !1;
-  }), e.level = C(e);
-}
-function B() {
-  for (; b.size > 0; ) {
-    let e = Array.from(b.values());
-    b.clear(), e.sort(Ee), e.forEach((t) => {
-      let n = s.get(t);
+function He(e) {
+  b.contents = !0, j(e), de(e.id, () => {
+    e.run(), b.contents = !1;
+  }), e.level = X(e);
+}
+function pe() {
+  for (; M.size > 0; ) {
+    let e = Array.from(M.values());
+    M.clear(), e.sort(qe), e.forEach((t) => {
+      let n = _.get(t);
       if (n !== void 0)
-        return ve(n);
+        return He(n);
     });
   }
 }
-function z(e) {
-  if (P(e), se(e).forEach((t) => {
-    let n = s.get(t);
+function me(e) {
+  if (Z(e), Re(e).forEach((t) => {
+    let n = _.get(t);
     if (n === void 0)
       return;
     let r = n.kind;
     if (typeof r == "object")
-      return n.dirty ? void 0 : (n.dirty = !0, z(r.VAL));
-    b.add(t);
-  }), b.size > 0)
-    return he(B);
+      return n.dirty ? void 0 : (n.dirty = !0, me(r.VAL));
+    M.add(t);
+  }), M.size > 0)
+    return ze(pe);
 }
-function W(e) {
-  let t = w.get(e);
+function he(e) {
+  let t = R.get(e);
   if (t === void 0)
     return;
-  let n = s.get(t);
+  let n = _.get(t);
   if (n !== void 0 && n.dirty) {
-    m.contents = !0, T(n), R(t, () => {
-      n.run(), n.dirty = !1, m.contents = !1;
-    }), n.level = C(n);
+    b.contents = !0, j(n), de(t, () => {
+      n.run(), n.dirty = !1, b.contents = !1;
+    }), n.level = X(n);
     return;
   }
 }
-function be(e) {
-  let t = S.contents;
-  S.contents = !0;
+function Ue(e) {
+  let t = O.contents;
+  O.contents = !0;
   try {
     let n = e();
-    return t || (S.contents = !1, b.size > 0 && B()), n;
+    return t || (O.contents = !1, M.size > 0 && pe()), n;
   } catch (n) {
-    throw t || (S.contents = !1), n;
+    throw t || (O.contents = !1), n;
   }
 }
-let ye = fe, Te = P;
-function X(e, t, n) {
-  let r = j();
-  return Te(r), {
+let Je = Fe, Qe = Z;
+function _e(e, t, n) {
+  let r = Y();
+  return Qe(r), {
     id: r,
     value: {
       contents: e
@@ -244,19 +244,19 @@ function X(e, t, n) {
     version: {
       contents: 0
     },
-    equals: I(n, (u, l) => u === l),
+    equals: K(n, (l, o) => l === o),
     name: t
   };
 }
-function ke(e) {
-  W(e.id);
-  let t = a.contents;
-  return t !== void 0 && me(t, e.id), e.value.contents;
+function Ye(e) {
+  he(e.id);
+  let t = m.contents;
+  return t !== void 0 && Ve(t, e.id), e.value.contents;
 }
-function Ae(e) {
-  return W(e.id), e.value.contents;
+function Ze(e) {
+  return he(e.id), e.value.contents;
 }
-function q(e, t) {
+function ge(e, t) {
   let n;
   try {
     n = !e.equals(e.value.contents, t);
@@ -264,25 +264,25 @@ function q(e, t) {
     n = !0;
   }
   if (n)
-    return e.value.contents = t, e.version.contents = e.version.contents + 1 | 0, z(e.id);
+    return e.value.contents = t, e.version.contents = e.version.contents + 1 | 0, me(e.id);
 }
-function we(e, t) {
-  q(e, t(e.value.contents));
+function et(e, t) {
+  ge(e, t(e.value.contents));
 }
-let Oe, Ce, Ne = be, $e = ye;
-const Me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+let tt, nt, rt = Ue, lt = Je;
+const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Id: Oe,
-  Scheduler: Ce,
-  batch: Ne,
-  get: ke,
-  make: X,
-  peek: Ae,
-  set: q,
-  untrack: $e,
-  update: we
+  Id: tt,
+  Scheduler: nt,
+  batch: rt,
+  get: Ye,
+  make: _e,
+  peek: Ze,
+  set: ge,
+  untrack: lt,
+  update: et
 }, Symbol.toStringTag, { value: "Module" }));
-function H(e, t, n) {
+function Se(e, t, n) {
   return {
     id: e,
     kind: t,
@@ -292,73 +292,73 @@ function H(e, t, n) {
     dirty: !0
   };
 }
-function je(e) {
-  let t = j(), n = {
+function ot(e) {
+  let t = Y(), n = {
     contents: void 0
-  }, u = H(t, "Effect", () => {
-    let i = n.contents;
-    i !== void 0 && i(), n.contents = e();
+  }, l = Se(t, "Effect", () => {
+    let c = n.contents;
+    c !== void 0 && c(), n.contents = e();
   });
-  s.set(t, u), m.contents = !0, T(u);
-  let l = a.contents;
-  a.contents = t;
+  _.set(t, l), b.contents = !0, j(l);
+  let o = m.contents;
+  m.contents = t;
   try {
-    u.run(), m.contents = !1;
-  } catch (i) {
-    throw a.contents = l, m.contents = !1, i;
+    l.run(), b.contents = !1;
+  } catch (c) {
+    throw m.contents = o, b.contents = !1, c;
   }
-  return a.contents = l, u.level = C(u), {
+  return m.contents = o, l.level = X(l), {
     dispose: () => {
-      let i = s.get(t);
-      if (i === void 0)
+      let c = _.get(t);
+      if (c === void 0)
         return;
-      let d = n.contents;
-      d !== void 0 && d(), T(i), s.delete(t);
+      let f = n.contents;
+      f !== void 0 && f(), j(c), _.delete(t);
     }
   };
 }
-let Ie, Pe, xe;
-const Ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+let it, st, ct;
+const at = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Id: Ie,
-  Observer: Pe,
-  Scheduler: xe,
-  run: je
+  Id: it,
+  Observer: st,
+  Scheduler: ct,
+  run: ot
 }, Symbol.toStringTag, { value: "Module" }));
-function De(e) {
-  let t = X(void 0, void 0, void 0), n = j(), r = () => {
-    let c = e();
-    t.value.contents = c;
-  }, u = H(n, {
+function dt(e) {
+  let t = _e(void 0, void 0, void 0), n = Y(), r = () => {
+    let u = e();
+    t.value.contents = u;
+  }, l = Se(n, {
     NAME: "Computed",
     VAL: t.id
   }, r);
-  s.set(n, u), m.contents = !0, T(u);
-  let l = a.contents;
-  a.contents = n;
+  _.set(n, l), b.contents = !0, j(l);
+  let o = m.contents;
+  m.contents = n;
   try {
-    u.run(), u.dirty = !1, m.contents = !1;
-  } catch (c) {
-    throw a.contents = l, m.contents = !1, c;
+    l.run(), l.dirty = !1, b.contents = !1;
+  } catch (u) {
+    throw m.contents = o, b.contents = !1, u;
   }
-  return a.contents = l, u.level = C(u), w.set(t.id, n), t;
+  return m.contents = o, l.level = X(l), R.set(t.id, n), t;
 }
-function Fe(e) {
-  _e(e.id);
+function ft(e) {
+  We(e.id);
 }
-let Le, Re, Ve, Be;
-const ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+let pt, mt, ht, _t;
+const gt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Id: Le,
-  Observer: Ve,
-  Scheduler: Be,
-  Signal: Re,
-  dispose: Fe,
-  make: De
+  Id: pt,
+  Observer: ht,
+  Scheduler: _t,
+  Signal: mt,
+  dispose: ft,
+  make: dt
 }, Symbol.toStringTag, { value: "Module" }));
-let o = Me, h = ze, g = Ge;
-function U(e) {
-  return ie(e.split("/"), (t) => {
+let i = ut, v = gt, w = at;
+function ve(e) {
+  return De(e.split("/"), (t) => {
     if (t !== "")
       return t.startsWith(":") ? {
         TAG: "Param",
@@ -369,29 +369,32 @@ function U(e) {
       };
   });
 }
-function J(e, t) {
-  let n = t.split("/").filter((l) => l !== "");
+function Ee(e, t) {
+  let n = t.split("/").filter((o) => o !== "");
   if (e.length !== n.length)
     return "NoMatch";
   let r = {};
-  return e.every((l, c) => {
-    let i = n[c];
-    return l.TAG === "Static" ? i === l._0 : (r[l._0] = i, !0);
+  return e.every((o, u) => {
+    let c = n[u];
+    return o.TAG === "Static" ? c === o._0 : (r[o._0] = c, !0);
   }) ? {
     TAG: "Match",
     _0: r
   } : "NoMatch";
 }
-function x(e, t) {
-  return J(U(e), t);
+function ee(e, t) {
+  return Ee(ve(e), t);
 }
-const We = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const St = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  match: x,
-  matchPath: J,
-  parsePattern: U
+  match: ee,
+  matchPath: Ee,
+  parsePattern: ve
 }, Symbol.toStringTag, { value: "Module" }));
-function K(e, t) {
+function vt(e, t) {
+  delete e[t];
+}
+function we(e, t) {
   return [
     e,
     {
@@ -400,7 +403,7 @@ function K(e, t) {
     }
   ];
 }
-function Xe(e, t) {
+function Et(e, t) {
   return [
     e,
     {
@@ -409,7 +412,7 @@ function Xe(e, t) {
     }
   ];
 }
-function qe(e, t) {
+function wt(e, t) {
   return [
     e,
     {
@@ -418,287 +421,532 @@ function qe(e, t) {
     }
   ];
 }
-function He(e) {
+function yt(e) {
   return {
     TAG: "Text",
     _0: e
   };
 }
-function Ue(e) {
+function bt(e) {
   return {
     TAG: "SignalText",
-    _0: h.make(e)
+    _0: v.make(e)
   };
 }
-function Je(e) {
+function kt(e) {
   return {
     TAG: "Fragment",
     _0: e
   };
 }
-function G(e) {
+function te(e) {
   return {
     TAG: "SignalFragment",
     _0: e
   };
 }
-function Ke(e, t) {
+function Tt(e, t) {
   return {
     TAG: "SignalFragment",
-    _0: h.make(() => o.get(e).map(t))
+    _0: v.make(() => i.get(e).map(t))
   };
 }
-function p(e, t, n, r, u) {
-  let l = t !== void 0 ? t : [].map((d) => d), c = n !== void 0 ? n : [].map((d) => d), i = r !== void 0 ? r : [].map((d) => d);
+function E(e, t, n, r, l) {
+  let o = t !== void 0 ? t : [].map((f) => f), u = n !== void 0 ? n : [].map((f) => f), c = r !== void 0 ? r : [].map((f) => f);
   return {
     TAG: "Element",
     tag: e,
-    attrs: l,
-    events: c,
-    children: i
+    attrs: o,
+    events: u,
+    children: c
   };
 }
-function Qe(e, t, n, r) {
-  return p("div", e, t, n);
+function At(e, t, n, r) {
+  return E("div", e, t, n);
+}
+function Ot(e, t, n, r) {
+  return E("span", e, t, n);
+}
+function $t(e, t, n, r) {
+  return E("button", e, t, n);
+}
+function Ct(e, t, n) {
+  return E("input", e, t, void 0);
+}
+function Nt(e, t, n, r) {
+  return E("h1", e, t, n);
 }
-function Ye(e, t, n, r) {
-  return p("span", e, t, n);
+function xt(e, t, n, r) {
+  return E("h2", e, t, n);
 }
-function Ze(e, t, n, r) {
-  return p("button", e, t, n);
+function It(e, t, n, r) {
+  return E("h3", e, t, n);
 }
-function et(e, t, n) {
-  return p("input", e, t, void 0);
+function Mt(e, t, n, r) {
+  return E("p", e, t, n);
 }
-function tt(e, t, n, r) {
-  return p("h1", e, t, n);
+function Dt(e, t, n, r) {
+  return E("ul", e, t, n);
 }
-function nt(e, t, n, r) {
-  return p("h2", e, t, n);
+function jt(e, t, n, r) {
+  return E("li", e, t, n);
 }
-function rt(e, t, n, r) {
-  return p("h3", e, t, n);
+function ye(e, t, n, r) {
+  return E("a", e, t, n);
+}
+let $ = {
+  contents: void 0
+};
+function Gt() {
+  return {
+    disposers: [],
+    signals: [],
+    computeds: []
+  };
 }
-function ut(e, t, n, r) {
-  return p("p", e, t, n);
+function N(e, t) {
+  let n = $.contents;
+  $.contents = e;
+  let r = t();
+  return $.contents = n, r;
 }
-function lt(e, t, n, r) {
-  return p("ul", e, t, n);
+function Pt(e) {
+  let t = $.contents;
+  if (t !== void 0) {
+    t.signals.push(e);
+    return;
+  }
 }
-function it(e, t, n, r) {
-  return p("li", e, t, n);
+function Lt(e) {
+  let t = $.contents;
+  if (t !== void 0) {
+    t.computeds.push(e);
+    return;
+  }
 }
-function Q(e, t, n, r) {
-  return p("a", e, t, n);
+function Rt(e) {
+  let t = $.contents;
+  if (t !== void 0) {
+    t.disposers.push(e);
+    return;
+  }
 }
-function k(e, t) {
-  let n = I(ue(e.__xote_disposers), []);
+function A(e, t) {
+  let n = K(Ie(e.__xote_disposers), []);
   e.__xote_disposers = n.concat([t]);
+  let r = $.contents;
+  if (r !== void 0) {
+    r.disposers.push(t);
+    return;
+  }
 }
-function D(e) {
-  let t = e.__xote_disposers;
-  t != null && (t.forEach((r) => r.dispose()), e.__xote_disposers = []), Array.from(e.childNodes || []).forEach(D);
+let J = (function(e) {
+  e.__devtoolsId && window.__xoteDevToolsMarkAsDisposed && window.__xoteDevToolsMarkAsDisposed(e.__devtoolsId);
+});
+function W(e) {
+  e.disposers.forEach((t) => t.dispose()), e.computeds.forEach((t) => {
+    v.dispose(t), J(t);
+  }), e.signals.forEach((t) => J(t));
+}
+function Ft(e) {
+  let t = {
+    disposers: [],
+    signals: [],
+    computeds: []
+  };
+  return N(t, () => e(() => W(t))), () => W(t);
+}
+function Bt(e) {
+  return {
+    TAG: "LazyComponent",
+    _0: e
+  };
+}
+function L(e) {
+  let t = e.__xote_owner;
+  t != null && (W(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(L);
 }
-function A(e) {
+function k(e) {
   switch (e.TAG) {
     case "Element":
-      let t = document.createElement(e.tag);
-      return e.attrs.forEach((f) => {
-        let _ = f[1], E = f[0];
-        switch (_.TAG) {
-          case "Static":
-            t.setAttribute(E, _._0);
-            return;
-          case "SignalValue":
-            let O = _._0;
-            t.setAttribute(E, o.peek(O));
-            let ee = g.run(() => {
-              let N = o.get(O);
-              t.setAttribute(E, N);
-            });
-            return k(t, ee);
-          case "Compute":
-            let te = _._0, F = h.make(() => te());
-            t.setAttribute(E, o.peek(F));
-            let ne = g.run(() => {
-              let N = o.get(F);
-              t.setAttribute(E, N);
-            });
-            return k(t, ne);
-        }
-      }), e.events.forEach((f) => {
-        t.addEventListener(f[0], f[1]);
-      }), e.children.forEach((f) => {
-        let _ = A(f);
-        t.appendChild(_);
-      }), 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, N(o, () => {
+        r.forEach((a) => {
+          let p = a[1], h = a[0];
+          switch (p.TAG) {
+            case "Static":
+              let y = p._0;
+              h === "value" && l === "input" ? u.value = y : u.setAttribute(h, y);
+              return;
+            case "SignalValue":
+              let g = p._0;
+              if (h === "value" && l === "input") {
+                u.value = i.peek(g);
+                let S = w.run(() => {
+                  let P = i.get(g);
+                  u.value = P;
+                });
+                return A(u, S);
+              }
+              u.setAttribute(h, i.peek(g));
+              let V = w.run(() => {
+                let S = i.get(g);
+                u.setAttribute(h, S);
+              });
+              return A(u, V);
+            case "Compute":
+              let I = p._0, s = v.make(() => I());
+              if (h === "value" && l === "input") {
+                u.value = i.peek(s);
+                let S = w.run(() => {
+                  let P = i.get(s);
+                  u.value = P;
+                });
+                return A(u, S);
+              }
+              u.setAttribute(h, i.peek(s));
+              let d = w.run(() => {
+                let S = i.get(s);
+                u.setAttribute(h, S);
+              });
+              return A(u, d);
+          }
+        }), n.forEach((a) => {
+          u.addEventListener(a[0], a[1]);
+        }), t.forEach((a) => {
+          let p = k(a);
+          u.appendChild(p);
+        });
+      }), u;
     case "Text":
       return document.createTextNode(e._0);
     case "SignalText":
-      let n = e._0, r = document.createTextNode(o.peek(n)), u = g.run(() => {
-        let f = o.get(n);
-        r.textContent = f;
-      });
-      return k(r, u), r;
+      let c = e._0, f = {
+        disposers: [],
+        signals: [],
+        computeds: []
+      }, F = document.createTextNode(i.peek(c));
+      return F.__xote_owner = f, N(f, () => {
+        let a = w.run(() => {
+          let p = i.get(c);
+          F.textContent = p;
+        });
+        A(F, a);
+      }), F;
     case "Fragment":
-      let l = document.createDocumentFragment();
-      return e._0.forEach((f) => {
-        let _ = A(f);
-        l.appendChild(_);
-      }), l;
+      let ne = document.createDocumentFragment();
+      return e._0.forEach((a) => {
+        let p = k(a);
+        ne.appendChild(p);
+      }), ne;
     case "SignalFragment":
-      let c = e._0, i = document.createElement("div");
-      i.setAttribute("data-signal-fragment", "true"), i.setAttribute("style", "display: contents");
-      let d = g.run(() => {
-        let f = o.get(c);
-        Array.from(i.childNodes || []).forEach(D), i.innerHTML = "", f.forEach((E) => {
-          let O = A(E);
-          i.appendChild(O);
+      let Te = e._0, re = {
+        disposers: [],
+        signals: [],
+        computeds: []
+      }, T = document.createElement("div");
+      return T.setAttribute("data-signal-fragment", "true"), T.setAttribute("style", "display: contents"), T.__xote_owner = re, N(re, () => {
+        let a = w.run(() => {
+          let p = i.get(Te);
+          Array.from(T.childNodes || []).forEach(L), T.innerHTML = "", p.forEach((y) => {
+            let g = k(y);
+            T.appendChild(g);
+          });
+        });
+        A(T, a);
+      }), T;
+    case "LazyComponent":
+      let le = {
+        disposers: [],
+        signals: [],
+        computeds: []
+      }, Ae = N(le, e._0), ue = k(Ae);
+      return ue.__xote_owner = le, ue;
+    case "KeyedList":
+      let q = e.renderItem, H = e.keyFn, oe = e.signal, ie = {
+        disposers: [],
+        signals: [],
+        computeds: []
+      }, B = document.createComment(" keyed-list-start "), G = document.createComment(" keyed-list-end ");
+      B.__xote_owner = ie;
+      let C = {}, Oe = () => {
+        let a = G.parentNode;
+        if (a == null)
+          return;
+        let p = i.get(oe), h = {};
+        p.forEach((s) => {
+          let d = H(s);
+          h[d] = s;
+        });
+        let y = [];
+        Object.keys(C).forEach((s) => {
+          if (h[s] === void 0) {
+            y.push(s);
+            return;
+          }
+        }), y.forEach((s) => {
+          let d = C[s];
+          if (d !== void 0) {
+            L(d.element), d.element.remove(), vt(C, s);
+            return;
+          }
+        });
+        let g = [], V = {};
+        p.forEach((s) => {
+          let d = H(s), S = C[d];
+          if (S !== void 0) {
+            if (S.item !== s) {
+              V[d] = !0;
+              let Ce = q(s), Ne = k(Ce), ce = {
+                key: d,
+                item: s,
+                element: Ne
+              };
+              g.push(ce), C[d] = ce;
+              return;
+            }
+            g.push(S);
+            return;
+          }
+          let P = q(s), $e = k(P), se = {
+            key: d,
+            item: s,
+            element: $e
+          };
+          g.push(se), C[d] = se;
         });
-      });
-      return k(i, d), i;
+        let I = {
+          contents: B.nextSibling
+        };
+        g.forEach((s) => {
+          let d = I.contents;
+          if (d == null) {
+            a.insertBefore(s.element, G);
+            return;
+          }
+          if (d === G) {
+            a.insertBefore(s.element, G);
+            return;
+          }
+          if (d === s.element) {
+            I.contents = d.nextSibling;
+            return;
+          }
+          K(V[s.key], !1) ? (L(d), a.replaceChild(s.element, d), I.contents = s.element.nextSibling) : (a.insertBefore(s.element, d), I.contents = s.element.nextSibling);
+        });
+      }, z = document.createDocumentFragment();
+      return z.appendChild(B), i.peek(oe).forEach((a) => {
+        let p = H(a), h = q(a), y = k(h), g = {
+          key: p,
+          item: a,
+          element: y
+        };
+        C[p] = g, z.appendChild(y);
+      }), z.appendChild(G), N(ie, () => {
+        let a = w.run(() => {
+          Oe();
+        });
+        A(B, a);
+      }), z;
   }
 }
-function Y(e, t) {
-  let n = A(e);
+function be(e, t) {
+  let n = k(e);
   t.appendChild(n);
 }
-function ot(e, t) {
+function zt(e, t) {
   let n = document.getElementById(t);
   if (n == null) {
     console.error("Container element not found: " + t);
     return;
   } else
-    return Y(e, n);
+    return be(e, n);
 }
-const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+function Vt(e, t, n) {
+  return {
+    TAG: "KeyedList",
+    signal: e,
+    keyFn: t,
+    renderItem: n
+  };
+}
+const Wt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  a: Q,
-  addDisposer: k,
-  attr: K,
-  button: Ze,
-  computedAttr: qe,
-  disposeElement: D,
-  div: Qe,
-  element: p,
-  fragment: Je,
-  h1: tt,
-  h2: nt,
-  h3: rt,
-  input: et,
-  li: it,
-  list: Ke,
-  mount: Y,
-  mountById: ot,
-  p: ut,
-  render: A,
-  signalAttr: Xe,
-  signalFragment: G,
-  span: Ye,
-  text: He,
-  textSignal: Ue,
-  ul: lt
+  a: ye,
+  addDisposer: A,
+  attr: we,
+  button: $t,
+  component: Bt,
+  computedAttr: wt,
+  createOwner: Gt,
+  createRoot: Ft,
+  currentOwner: $,
+  disposeElement: L,
+  disposeOwner: W,
+  div: At,
+  element: E,
+  fragment: kt,
+  h1: Nt,
+  h2: xt,
+  h3: It,
+  input: Ct,
+  keyedList: Vt,
+  li: jt,
+  list: Tt,
+  markAsDisposedInDevTools: J,
+  mount: be,
+  mountById: zt,
+  p: Mt,
+  registerComputed: Lt,
+  registerEffectDisposer: Rt,
+  registerSignal: Pt,
+  render: k,
+  runWithOwner: N,
+  signalAttr: Et,
+  signalFragment: te,
+  span: Ot,
+  text: yt,
+  textSignal: bt,
+  ul: Dt
 }, Symbol.toStringTag, { value: "Module" }));
-let v = o.make({
+let x = i.make({
   pathname: "/",
   search: "",
   hash: ""
 }, void 0, void 0);
-function M() {
+function Q() {
   return {
     pathname: window.location.pathname,
     search: window.location.search,
     hash: window.location.hash
   };
 }
-function at() {
-  o.set(v, M());
-  let e = (t) => o.set(v, M());
+function Kt() {
+  i.set(x, Q());
+  let e = (t) => i.set(x, Q());
   window.addEventListener("popstate", e);
 }
-function Z(e, t, n, r) {
-  let u = t !== void 0 ? t : "", l = n !== void 0 ? n : "", c = {
+function ke(e, t, n, r) {
+  let l = t !== void 0 ? t : "", o = n !== void 0 ? n : "", u = {
     pathname: e,
-    search: u,
-    hash: l
-  }, i = e + u + l, d = {};
-  window.history.pushState(d, "", i), o.set(v, c);
+    search: l,
+    hash: o
+  }, c = e + l + o, f = {};
+  window.history.pushState(f, "", c), i.set(x, u);
 }
-function dt(e, t, n, r) {
-  let u = t !== void 0 ? t : "", l = n !== void 0 ? n : "", c = {
+function Xt(e, t, n, r) {
+  let l = t !== void 0 ? t : "", o = n !== void 0 ? n : "", u = {
     pathname: e,
-    search: u,
-    hash: l
-  }, i = e + u + l, d = {};
-  window.history.replaceState(d, "", i), o.set(v, c);
-}
-function st(e, t) {
-  return G(h.make(() => {
-    let n = o.get(v), r = x(e, n.pathname);
+    search: l,
+    hash: o
+  }, c = e + l + o, f = {};
+  window.history.replaceState(f, "", c), i.set(x, u);
+}
+function qt(e, t) {
+  return te(v.make(() => {
+    let n = i.get(x), r = ee(e, n.pathname);
     return typeof r != "object" ? [] : [t(r._0)];
   }));
 }
-function ft(e) {
-  return G(h.make(() => {
-    let t = o.get(v), n = oe(e, (r) => {
-      let u = x(r.pattern, t.pathname);
-      if (typeof u == "object")
-        return r.render(u._0);
+function Ht(e) {
+  return te(v.make(() => {
+    let t = i.get(x), n = je(e, (r) => {
+      let l = ee(r.pattern, t.pathname);
+      if (typeof l == "object")
+        return r.render(l._0);
     });
     return n !== void 0 ? [n] : [];
   }));
 }
-function pt(e, t, n, r) {
-  let u = t !== void 0 ? t : [], l = n !== void 0 ? n : [], c = (i) => {
-    i.preventDefault(), Z(e, void 0, void 0);
+function Ut(e, t, n, r) {
+  let l = t !== void 0 ? t : [], o = n !== void 0 ? n : [], u = (c) => {
+    c.preventDefault(), ke(e, void 0, void 0);
   };
-  return Q(u.concat([K("href", e)]), [[
+  return ye(l.concat([we("href", e)]), [[
     "click",
-    c
-  ]], l);
+    u
+  ]], o);
 }
-let ht, mt;
-const _t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+let Jt, Qt;
+const Yt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Component: ht,
-  Route: mt,
-  getCurrentLocation: M,
-  init: at,
-  link: pt,
-  location: v,
-  push: Z,
-  replace: dt,
-  route: st,
-  routes: ft
+  Component: Jt,
+  Route: Qt,
+  getCurrentLocation: Q,
+  init: Kt,
+  link: Ut,
+  location: x,
+  push: ke,
+  replace: Xt,
+  route: qt,
+  routes: Ht
 }, Symbol.toStringTag, { value: "Module" }));
-let St = o.Id, gt = o.Scheduler, Et = o.make, vt = o.get, bt = o.peek, yt = o.set, Tt = o.update, kt = o.batch, At = o.untrack, Gt = {
-  Id: St,
-  Scheduler: gt,
-  make: Et,
-  get: vt,
-  peek: bt,
-  set: yt,
-  update: Tt,
-  batch: kt,
-  untrack: At
-}, wt = h.Id, Ot = h.Signal, Ct = h.Observer, Nt = h.Scheduler, $t = h.make, Mt = h.dispose, Dt = {
-  Id: wt,
-  Signal: Ot,
-  Observer: Ct,
-  Scheduler: Nt,
-  make: $t,
-  dispose: Mt
-}, jt = g.Id, It = g.Observer, Pt = g.Scheduler, xt = g.run, Ft = {
-  Id: jt,
-  Observer: It,
-  Scheduler: Pt,
-  run: xt
-}, Lt = ct, Rt = We, Vt = _t;
+let Zt = i.Id, en = i.Scheduler, tn = i.make, nn = i.get, rn = i.peek, ln = i.set, un = i.update, on = i.batch, sn = i.untrack, En = {
+  Id: Zt,
+  Scheduler: en,
+  make: tn,
+  get: nn,
+  peek: rn,
+  set: ln,
+  update: un,
+  batch: on,
+  untrack: sn
+}, cn = v.Id, an = v.Signal, dn = v.Observer, fn = v.Scheduler, pn = v.make, mn = v.dispose, wn = {
+  Id: cn,
+  Signal: an,
+  Observer: dn,
+  Scheduler: fn,
+  make: pn,
+  dispose: mn
+}, hn = w.Id, _n = w.Observer, gn = w.Scheduler, Sn = w.run, yn = {
+  Id: hn,
+  Observer: _n,
+  Scheduler: gn,
+  run: Sn
+}, bn = Wt, kn = St, Tn = Yt;
 export {
-  Lt as Component,
-  Dt as Computed,
-  Ft as Effect,
-  Rt as Route,
-  Vt as Router,
-  Gt as Signal
+  bn as Component,
+  wn as Computed,
+  yn as Effect,
+  kn as Route,
+  Tn as Router,
+  En as Signal
 };