@shane_il/pulse 0.1.0 → 0.1.2

package/dist/pulse.js

@@ -1,126 +1,126 @@
-var Z = Object.defineProperty;
-var v = (t, e, n) => e in t ? Z(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var b = (t, e, n) => v(t, typeof e != "symbol" ? e + "" : e, n);
-const L = Symbol("TEXT_NODE"), tt = Symbol("FRAGMENT");
-function F(t) {
+var v = Object.defineProperty;
+var tt = (t, e, s) => e in t ? v(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
+var g = (t, e, s) => tt(t, typeof e != "symbol" ? e + "" : e, s);
+const j = Symbol("TEXT_NODE"), et = Symbol("FRAGMENT");
+function D(t) {
   return {
-    type: L,
+    type: j,
     props: { nodeValue: String(t) },
     children: [],
     key: null
   };
 }
-function et(t) {
-  return t == null || typeof t == "boolean" ? null : typeof t == "string" || typeof t == "number" ? F(t) : t;
+function nt(t) {
+  return t == null || typeof t == "boolean" ? null : typeof t == "string" || typeof t == "number" ? D(t) : t;
 }
-function $(t) {
+function z(t) {
   const e = [];
-  for (const n of t)
-    if (Array.isArray(n))
-      e.push(...$(n));
+  for (const s of t)
+    if (Array.isArray(s))
+      e.push(...z(s));
     else {
-      const s = et(n);
-      s !== null && e.push(s);
+      const n = nt(s);
+      n !== null && e.push(n);
     }
   return e;
 }
-function I(t, e, ...n) {
+function W(t, e, ...s) {
   e = e || {};
-  const s = e.key ?? null;
+  const n = e.key ?? null;
   e.key !== void 0 && (e = { ...e }, delete e.key);
-  const r = $(n);
-  return { type: t, props: e, children: r, key: s };
+  const o = z(s);
+  return { type: t, props: e, children: o, key: n };
 }
-function nt(t) {
+function st(t) {
   let e = t.state;
-  const n = t.actions, s = /* @__PURE__ */ new Set();
-  function r() {
+  const s = t.actions, n = /* @__PURE__ */ new Set();
+  function o() {
     return e;
   }
-  function o(a, d) {
-    const l = n[a];
-    if (!l)
-      throw new Error(`[pulse] Unknown action: "${a}"`);
-    const m = l(e, d);
-    if (m !== e) {
-      e = m;
-      for (const p of s)
-        p(e);
+  function r(i, u) {
+    const h = s[i];
+    if (!h)
+      throw new Error(`[pulse] Unknown action: "${i}"`);
+    const p = h(e, u);
+    if (p !== e) {
+      e = p;
+      for (const f of n)
+        f(e);
     }
   }
-  function c(a) {
-    return s.add(a), () => {
-      s.delete(a);
+  function c(i) {
+    return n.add(i), () => {
+      n.delete(i);
     };
   }
-  function u(a) {
-    return { store: i, selector: a };
+  function a(i) {
+    return { store: l, selector: i };
   }
-  const i = { getState: r, dispatch: o, subscribe: c, select: u };
-  return i;
+  const l = { getState: o, dispatch: r, subscribe: c, select: a };
+  return l;
 }
-let P = !1;
-const R = /* @__PURE__ */ new Set();
-function st(t) {
-  R.add(t), P || (P = !0, queueMicrotask(ot));
+let I = !1;
+const V = /* @__PURE__ */ new Set();
+function rt(t) {
+  V.add(t), I || (I = !0, queueMicrotask(ot));
 }
 function ot() {
-  const t = [...R];
-  R.clear(), P = !1;
+  const t = [...V];
+  V.clear(), I = !1;
   for (const e of t)
     e();
 }
-function pt() {
-  const t = [...R];
-  R.clear(), P = !1;
+function ht() {
+  const t = [...V];
+  V.clear(), I = !1;
   for (const e of t)
     e();
 }
-const X = Symbol("PULSE_CONNECTED");
-function rt(t, e) {
-  return function(s) {
-    const r = t || {};
-    function o(c) {
-      const u = {};
-      for (const i in r) {
-        const { store: a, selector: d } = r[i];
-        u[i] = d(a.getState());
+const H = Symbol("PULSE_CONNECTED");
+function ct(t, e) {
+  return function(n) {
+    const o = t || {};
+    function r(c) {
+      const a = {};
+      for (const l in o) {
+        const { store: i, selector: u } = o[l];
+        a[l] = u(i.getState());
       }
-      return s({ ...u, ...c });
+      return n({ ...a, ...c });
     }
-    return o[X] = !0, o._bindings = r, o._innerComponent = s, e && (o._lifecycle = e), o.displayName = `Connected(${s.displayName || s.name || "Anonymous"})`, o;
+    return r[H] = !0, r._bindings = o, r._innerComponent = n, e && (r._lifecycle = e), r.displayName = `Connected(${n.displayName || n.name || "Anonymous"})`, r;
   };
 }
-class ct {
-  constructor(e, n) {
-    b(this, "connectedFn");
-    b(this, "props");
-    b(this, "prevSelected");
-    b(this, "unsubscribers");
-    b(this, "lastVTree");
-    b(this, "parentDom");
-    b(this, "_renderCallback");
-    b(this, "_mountCleanup");
-    this.connectedFn = e, this.props = n, this.prevSelected = {}, this.unsubscribers = [], this.lastVTree = null, this.parentDom = null, this._renderCallback = null, this._mountCleanup = null;
+class it {
+  constructor(e, s) {
+    g(this, "connectedFn");
+    g(this, "props");
+    g(this, "prevSelected");
+    g(this, "unsubscribers");
+    g(this, "lastVTree");
+    g(this, "parentDom");
+    g(this, "_renderCallback");
+    g(this, "_mountCleanup");
+    this.connectedFn = e, this.props = s, this.prevSelected = {}, this.unsubscribers = [], this.lastVTree = null, this.parentDom = null, this._renderCallback = null, this._mountCleanup = null;
   }
-  mount(e, n) {
-    var o;
-    this.parentDom = e, this._renderCallback = n;
-    const s = this.connectedFn._bindings;
-    for (const c in s) {
-      const { store: u, selector: i } = s[c];
-      this.prevSelected[c] = i(u.getState());
+  mount(e, s) {
+    var r;
+    this.parentDom = e, this._renderCallback = s;
+    const n = this.connectedFn._bindings;
+    for (const c in n) {
+      const { store: a, selector: l } = n[c];
+      this.prevSelected[c] = l(a.getState());
     }
-    for (const c in s) {
-      const { store: u } = s[c], i = u.subscribe(() => {
+    for (const c in n) {
+      const { store: a } = n[c], l = a.subscribe(() => {
         this._onStoreChange();
       });
-      this.unsubscribers.push(i);
+      this.unsubscribers.push(l);
     }
-    const r = this.connectedFn._lifecycle;
-    if (r != null && r.onMount) {
-      const c = r.onMount({
-        dom: (o = this.lastVTree) == null ? void 0 : o._dom,
+    const o = this.connectedFn._lifecycle;
+    if (o != null && o.onMount) {
+      const c = o.onMount({
+        dom: (r = this.lastVTree) == null ? void 0 : r._dom,
         props: this.props
       });
       typeof c == "function" && (this._mountCleanup = c);
@@ -128,465 +128,504 @@ class ct {
   }
   _onStoreChange() {
     const e = this.connectedFn._bindings;
-    let n = !1;
-    for (const s in e) {
-      const { store: r, selector: o } = e[s], c = o(r.getState());
-      if (!it(c, this.prevSelected[s])) {
-        n = !0;
+    let s = !1;
+    for (const n in e) {
+      const { store: o, selector: r } = e[n], c = r(o.getState());
+      if (!lt(c, this.prevSelected[n])) {
+        s = !0;
         break;
       }
     }
-    n && st(this._renderCallback);
+    s && rt(this._renderCallback);
   }
   updateSelected() {
     const e = this.connectedFn._bindings;
-    for (const n in e) {
-      const { store: s, selector: r } = e[n];
-      this.prevSelected[n] = r(s.getState());
+    for (const s in e) {
+      const { store: n, selector: o } = e[s];
+      this.prevSelected[s] = o(n.getState());
     }
   }
   unmount() {
     this._mountCleanup && (this._mountCleanup(), this._mountCleanup = null);
     const e = this.connectedFn._lifecycle;
     e != null && e.onDestroy && e.onDestroy({ props: this.props });
-    for (const n of this.unsubscribers)
-      n();
+    for (const s of this.unsubscribers)
+      s();
     this.unsubscribers = [], this._renderCallback = null;
   }
 }
-function it(t, e) {
+function lt(t, e) {
   if (Object.is(t, e)) return !0;
   if (typeof t != "object" || typeof e != "object" || t === null || e === null) return !1;
-  const n = Object.keys(t), s = Object.keys(e);
-  if (n.length !== s.length) return !1;
-  for (const r of n)
-    if (!Object.prototype.hasOwnProperty.call(e, r) || !Object.is(t[r], e[r]))
+  const s = Object.keys(t), n = Object.keys(e);
+  if (s.length !== n.length) return !1;
+  for (const o of s)
+    if (!Object.prototype.hasOwnProperty.call(e, o) || !Object.is(t[o], e[o]))
       return !1;
   return !0;
 }
-const f = {
+const y = {
   CREATE: "CREATE",
   REMOVE: "REMOVE",
   REPLACE: "REPLACE",
   UPDATE: "UPDATE",
   TEXT: "TEXT",
-  MOVE: "MOVE"
+  MOVE: "MOVE",
+  CHILDREN: "CHILDREN"
 };
 function k(t, e) {
   if (e == null && t == null) return [];
-  if (e == null) return [{ type: f.REMOVE, target: t }];
-  if (t == null) return [{ type: f.CREATE, newVNode: e }];
+  if (e == null) return [{ type: y.REMOVE, target: t }];
+  if (t == null) return [{ type: y.CREATE, newVNode: e }];
   if (t.type !== e.type)
-    return [{ type: f.REPLACE, oldVNode: t, newVNode: e }];
-  if (e._dom = t._dom, t.type === L)
-    return t.props.nodeValue !== e.props.nodeValue ? [{ type: f.TEXT, oldVNode: t, newVNode: e }] : [];
-  const n = [], s = at(t.props, e.props);
-  s && n.push({ type: f.UPDATE, target: t, propPatches: s });
-  const r = ut(t.children, e.children);
-  return n.push(...r), n;
+    return [{ type: y.REPLACE, oldVNode: t, newVNode: e }];
+  if (e._dom = t._dom, t.type === j)
+    return t.props.nodeValue !== e.props.nodeValue ? [{ type: y.TEXT, oldVNode: t, newVNode: e }] : [];
+  const s = [], n = at(t.props, e.props);
+  n && s.push({ type: y.UPDATE, target: t, propPatches: n });
+  const o = ut(t.children, e.children);
+  return o.length && s.push({ type: y.CHILDREN, parent: t, childPatches: o }), s;
 }
 function at(t, e) {
-  const n = {}, s = [];
-  let r = !1;
-  for (const o in e)
-    o !== "children" && t[o] !== e[o] && (n[o] = e[o], r = !0);
-  for (const o in t)
-    o !== "children" && (o in e || (s.push(o), r = !0));
-  return r ? { set: n, remove: s } : null;
+  const s = {}, n = [];
+  let o = !1;
+  for (const r in e)
+    r !== "children" && t[r] !== e[r] && (s[r] = e[r], o = !0);
+  for (const r in t)
+    r !== "children" && (r in e || (n.push(r), o = !0));
+  return o ? { set: s, remove: n } : null;
 }
 function O(t, e) {
   return t == null || e == null ? !1 : t.type === e.type && t.key === e.key;
 }
-function U(t, e) {
-  const n = /* @__PURE__ */ new Set();
-  let s = 0, r = 0;
-  for (const o of t)
-    o != null && (o.key != null ? (s++, n.has(o.key) && console.warn(
-      `[pulse] Duplicate key "${String(o.key)}" in ${e} children. Keys must be unique among siblings.`
-    ), n.add(o.key)) : r++);
-  s > 0 && r > 0 && console.warn(
-    `[pulse] Mixed keyed and unkeyed children in ${e} list (${s} keyed, ${r} unkeyed). Either all children should have keys or none should.`
+function q(t, e) {
+  const s = /* @__PURE__ */ new Set();
+  let n = 0, o = 0;
+  for (const r of t)
+    r != null && (r.key != null ? (n++, s.has(r.key) && console.warn(
+      `[pulse] Duplicate key "${String(r.key)}" in ${e} children. Keys must be unique among siblings.`
+    ), s.add(r.key)) : o++);
+  n > 0 && o > 0 && console.warn(
+    `[pulse] Mixed keyed and unkeyed children in ${e} list (${n} keyed, ${o} unkeyed). Either all children should have keys or none should.`
   );
 }
 function ut(t, e) {
-  var l;
-  process.env.NODE_ENV !== "production" && (U(t, "old"), U(e, "new"));
-  const n = [];
-  let s = 0, r = t.length - 1, o = 0, c = e.length - 1, u = t[s], i = t[r], a = e[o], d = e[c];
-  for (; s <= r && o <= c; ) {
-    if (u == null) {
-      u = t[++s];
+  var h;
+  process.env.NODE_ENV !== "production" && (q(t, "old"), q(e, "new"));
+  const s = [];
+  let n = 0, o = t.length - 1, r = 0, c = e.length - 1, a = t[n], l = t[o], i = e[r], u = e[c];
+  for (; n <= o && r <= c; ) {
+    if (a == null) {
+      a = t[++n];
       continue;
     }
-    if (i == null) {
-      i = t[--r];
+    if (l == null) {
+      l = t[--o];
       continue;
     }
-    if (O(u, a))
-      n.push(...k(u, a)), u = t[++s], a = e[++o];
-    else if (O(i, d))
-      n.push(...k(i, d)), i = t[--r], d = e[--c];
-    else if (O(u, d))
-      n.push({
-        type: f.MOVE,
-        vnode: u,
-        anchor: t[r + 1] || null,
-        childPatches: k(u, d)
-      }), u = t[++s], d = e[--c];
-    else if (O(i, a))
-      n.push({
-        type: f.MOVE,
-        vnode: i,
-        anchor: u,
-        childPatches: k(i, a)
-      }), i = t[--r], a = e[++o];
+    if (O(a, i))
+      s.push(...k(a, i)), a = t[++n], i = e[++r];
+    else if (O(l, u))
+      s.push(...k(l, u)), l = t[--o], u = e[--c];
+    else if (O(a, u))
+      s.push({
+        type: y.MOVE,
+        vnode: a,
+        anchor: t[o + 1] || null,
+        childPatches: k(a, u)
+      }), a = t[++n], u = e[--c];
+    else if (O(l, i))
+      s.push({
+        type: y.MOVE,
+        vnode: l,
+        anchor: a,
+        childPatches: k(l, i)
+      }), l = t[--o], i = e[++r];
     else
       break;
   }
-  if (s <= r && o <= c) {
-    const m = /* @__PURE__ */ new Map();
-    for (let p = s; p <= r; p++) {
-      const g = (l = t[p]) == null ? void 0 : l.key;
-      g != null && m.set(g, p);
+  if (n <= o && r <= c) {
+    const p = /* @__PURE__ */ new Map();
+    for (let f = n; f <= o; f++) {
+      const m = (h = t[f]) == null ? void 0 : h.key;
+      m != null && p.set(m, f);
     }
-    for (; o <= c; ) {
-      a = e[o];
-      const p = a.key != null ? m.get(a.key) : void 0;
-      if (p !== void 0) {
-        const g = t[p];
-        n.push({
-          type: f.MOVE,
-          vnode: g,
-          anchor: t[s] || null,
-          childPatches: k(g, a)
-        }), t[p] = null, m.delete(a.key);
+    for (; r <= c; ) {
+      i = e[r];
+      const f = i.key != null ? p.get(i.key) : void 0;
+      if (f !== void 0) {
+        const m = t[f];
+        s.push({
+          type: y.MOVE,
+          vnode: m,
+          anchor: t[n] || null,
+          childPatches: k(m, i)
+        }), t[f] = null, p.delete(i.key);
       } else
-        n.push({
-          type: f.CREATE,
-          newVNode: a,
-          anchor: t[s] || null
+        s.push({
+          type: y.CREATE,
+          newVNode: i,
+          anchor: t[n] || null
         });
-      o++;
+      r++;
     }
-    for (let p = s; p <= r; p++)
-      t[p] != null && n.push({ type: f.REMOVE, target: t[p] });
+    for (let f = n; f <= o; f++)
+      t[f] != null && s.push({ type: y.REMOVE, target: t[f] });
   }
-  if (s > r) {
-    const m = e[c + 1] || null;
-    for (let p = o; p <= c; p++)
-      n.push({ type: f.CREATE, newVNode: e[p], anchor: m });
-  } else if (o > c)
-    for (let m = s; m <= r; m++)
-      t[m] != null && n.push({ type: f.REMOVE, target: t[m] });
-  return n;
+  if (n > o) {
+    const p = e[c + 1] || null;
+    for (let f = r; f <= c; f++)
+      s.push({ type: y.CREATE, newVNode: e[f], anchor: p });
+  } else if (r > c)
+    for (let p = n; p <= o; p++)
+      t[p] != null && s.push({ type: y.REMOVE, target: t[p] });
+  return s;
 }
 function N(t) {
-  if (t.type === L) {
-    const n = document.createTextNode(t.props.nodeValue);
-    return t._dom = n, n;
+  if (t.type === j) {
+    const s = document.createTextNode(t.props.nodeValue);
+    return t._dom = s, s;
   }
-  if (t.type === tt) {
-    const n = document.createDocumentFragment();
-    for (const s of t.children)
-      n.appendChild(N(s));
-    return t._dom = n, n;
+  if (t.type === et) {
+    const s = document.createDocumentFragment();
+    for (const n of t.children)
+      s.appendChild(N(n));
+    return t._dom = s, s;
   }
   const e = document.createElement(t.type);
-  lt(e, {}, t.props);
-  for (const n of t.children)
-    e.appendChild(N(n));
+  ft(e, {}, t.props);
+  for (const s of t.children)
+    e.appendChild(N(s));
   return t._dom = e, e;
 }
-function lt(t, e, n) {
-  for (const s in e)
-    s === "children" || s === "key" || s in n || K(t, s, e[s]);
-  for (const s in n)
-    s === "children" || s === "key" || e[s] !== n[s] && z(t, s, n[s], e[s]);
+function ft(t, e, s) {
+  for (const n in e)
+    n === "children" || n === "key" || n in s || B(t, n, e[n]);
+  for (const n in s)
+    n === "children" || n === "key" || e[n] !== s[n] && K(t, n, s[n], e[n]);
 }
-function z(t, e, n, s) {
+function K(t, e, s, n) {
   if (e.startsWith("on")) {
-    const r = e.slice(2).toLowerCase();
-    s && t.removeEventListener(r, s), n && t.addEventListener(r, n);
+    const o = e.slice(2).toLowerCase();
+    n && t.removeEventListener(o, n), s && t.addEventListener(o, s);
   } else if (e === "className")
-    t.className = n || "";
-  else if (e === "style" && typeof n == "object") {
-    if (typeof s == "object" && s)
-      for (const r in s)
-        r in n || (t.style[r] = "");
-    Object.assign(t.style, n);
-  } else e === "ref" ? typeof n == "function" && n(t) : n === !0 ? t.setAttribute(e, "") : n === !1 || n == null ? t.removeAttribute(e) : t.setAttribute(e, n);
+    t.className = s || "";
+  else if (e === "style" && typeof s == "object") {
+    if (typeof n == "object" && n)
+      for (const o in n)
+        o in s || (t.style[o] = "");
+    Object.assign(t.style, s);
+  } else e === "ref" ? typeof s == "function" && s(t) : s === !0 ? t.setAttribute(e, "") : s === !1 || s == null ? t.removeAttribute(e) : t.setAttribute(e, s);
 }
-function K(t, e, n) {
-  e.startsWith("on") ? t.removeEventListener(e.slice(2).toLowerCase(), n) : e === "className" ? t.className = "" : t.removeAttribute(e);
+function B(t, e, s) {
+  e.startsWith("on") ? t.removeEventListener(e.slice(2).toLowerCase(), s) : e === "className" ? t.className = "" : t.removeAttribute(e);
 }
-function C(t, e) {
-  var n, s, r;
-  for (const o of e)
-    switch (o.type) {
-      case f.CREATE: {
-        const c = N(o.newVNode);
-        (n = o.anchor) != null && n._dom ? t.insertBefore(c, o.anchor._dom) : t.appendChild(c);
+function R(t, e) {
+  var s, n, o;
+  for (const r of e)
+    switch (r.type) {
+      case y.CREATE: {
+        const c = N(r.newVNode);
+        (s = r.anchor) != null && s._dom ? t.insertBefore(c, r.anchor._dom) : t.appendChild(c);
         break;
       }
-      case f.REMOVE: {
-        const c = o.target._dom;
+      case y.REMOVE: {
+        const c = r.target._dom;
         c != null && c.parentNode && c.parentNode.removeChild(c);
         break;
       }
-      case f.REPLACE: {
-        const c = N(o.newVNode), u = o.oldVNode._dom;
-        u != null && u.parentNode && u.parentNode.replaceChild(c, u);
+      case y.REPLACE: {
+        const c = N(r.newVNode), a = r.oldVNode._dom;
+        a != null && a.parentNode && a.parentNode.replaceChild(c, a);
         break;
       }
-      case f.UPDATE: {
-        const c = o.target._dom, { set: u, remove: i } = o.propPatches;
-        for (const a of i)
-          K(c, a, o.target.props[a]);
-        for (const a in u)
-          z(c, a, u[a], o.target.props[a]);
+      case y.UPDATE: {
+        const c = r.target._dom, { set: a, remove: l } = r.propPatches;
+        for (const i of l)
+          B(c, i, r.target.props[i]);
+        for (const i in a)
+          K(c, i, a[i], r.target.props[i]);
         break;
       }
-      case f.TEXT: {
-        const c = o.oldVNode._dom;
-        c && (c.nodeValue = o.newVNode.props.nodeValue);
+      case y.TEXT: {
+        const c = r.oldVNode._dom;
+        c && (c.nodeValue = r.newVNode.props.nodeValue);
         break;
       }
-      case f.MOVE: {
-        const c = o.vnode._dom;
-        c && ((s = o.anchor) != null && s._dom ? t.insertBefore(c, o.anchor._dom) : t.appendChild(c)), (r = o.childPatches) != null && r.length && c && C(c, o.childPatches);
+      case y.MOVE: {
+        const c = r.vnode._dom;
+        c && ((n = r.anchor) != null && n._dom ? t.insertBefore(c, r.anchor._dom) : t.appendChild(c)), (o = r.childPatches) != null && o.length && c && R(c, r.childPatches);
+        break;
+      }
+      case y.CHILDREN: {
+        const c = r.parent._dom;
+        c && r.childPatches.length && R(c, r.childPatches);
         break;
       }
     }
 }
 const M = /* @__PURE__ */ new WeakMap();
-function ht(t, e) {
-  const n = M.get(e);
-  if (n) {
-    const s = T(t, e), r = [];
-    A(n.vTree, r);
-    const o = k(n.vTree, s);
-    C(e, o);
+function dt(t, e) {
+  const s = M.get(e);
+  if (s) {
+    const n = T(t, e), o = [];
+    C(s.vTree, o);
+    const r = k(s.vTree, n);
+    R(e, r);
     const c = [];
-    s && A(s, c);
-    const u = new Set(c);
-    for (const a of r)
-      u.has(a) || a.unmount();
-    const i = new Set(r);
-    for (const a of c)
-      i.has(a) || a.mount(e, () => D(a, e));
-    M.set(e, { vTree: s });
+    n && C(n, c);
+    const a = new Set(c);
+    for (const i of o)
+      a.has(i) || i.unmount();
+    const l = new Set(o);
+    for (const i of c)
+      l.has(i) || i.mount(e, () => L(i, e));
+    M.set(e, { vTree: n });
   } else {
-    const s = T(t, e);
-    if (!s) return;
-    const r = N(s);
-    e.appendChild(r);
-    const o = [];
-    A(s, o);
-    for (const c of o)
-      c.mount(e, () => D(c, e));
-    M.set(e, { vTree: s });
+    const n = T(t, e);
+    if (!n) return;
+    const o = N(n);
+    e.appendChild(o);
+    const r = [];
+    C(n, r);
+    for (const c of r)
+      c.mount(e, () => L(c, e));
+    M.set(e, { vTree: n });
   }
 }
 function T(t, e) {
-  var n;
+  var s;
   if (t == null) return null;
   if (typeof t.type == "function") {
-    if (t.type[X]) {
-      const r = t.type._lifecycle;
+    if (t.type[H]) {
+      const o = t.type._lifecycle;
       try {
-        const o = new ct(t.type, t.props), c = t.type(t.props), i = T(c, e) ?? F("");
-        return i._instance = o, o.lastVTree = i, i;
-      } catch (o) {
-        if (r != null && r.onError) {
-          const c = r.onError({ error: o, props: t.props });
+        const r = new it(t.type, t.props), c = t.type(t.props), l = T(c, e) ?? D("");
+        if (l._instance) {
+          const i = {
+            type: "div",
+            props: { style: { display: "contents" } },
+            children: [l],
+            key: t.key
+          };
+          return i._instance = r, r.lastVTree = i, i;
+        }
+        return l._instance = r, r.lastVTree = l, l;
+      } catch (r) {
+        if (o != null && o.onError) {
+          const c = o.onError({ error: r, props: t.props });
           return T(c, e);
         }
-        throw o;
+        throw r;
       }
     }
-    const s = t.type({ ...t.props, children: t.children });
-    return T(s, e);
+    const n = t.type({ ...t.props, children: t.children });
+    return T(n, e);
   }
-  return (n = t.children) != null && n.length && (t.children = t.children.map((s) => T(s, e)).filter((s) => s != null)), t;
+  return (s = t.children) != null && s.length && (t.children = t.children.map((n) => T(n, e)).filter((n) => n != null)), t;
 }
-function D(t, e) {
-  var r, o;
-  const n = t.connectedFn, s = n._lifecycle;
+function L(t, e) {
+  var o, r;
+  if (!t._renderCallback) return;
+  const s = t.connectedFn, n = s._lifecycle;
   try {
-    const c = n(t.props), i = T(c, e) ?? F("");
-    if (t.lastVTree) {
-      const a = k(t.lastVTree, i), d = ((r = t.lastVTree._dom) == null ? void 0 : r.parentNode) || e;
-      C(d, a);
-      for (const l of a)
-        l.type === f.REMOVE ? V(l.target, t) : l.type === f.REPLACE && V(l.oldVNode, t);
-      i._dom || (i._dom = t.lastVTree._dom);
+    const c = s(t.props);
+    let l = T(c, e) ?? D(""), i;
+    if (l._instance && l._instance !== t ? (i = {
+      type: "div",
+      props: { style: { display: "contents" } },
+      children: [l],
+      key: null
+    }, i._instance = t) : (l._instance = t, i = l), t.lastVTree) {
+      F(t.lastVTree, t);
+      const m = k(t.lastVTree, i), x = ((o = t.lastVTree._dom) == null ? void 0 : o.parentNode) || e;
+      R(x, m), i._dom || (i._dom = t.lastVTree._dom);
     }
-    i._instance = t, t.lastVTree = i, s != null && s.onUpdate && s.onUpdate({
+    const u = [];
+    A(t.lastVTree, u, t);
+    const h = [];
+    A(i, h, t);
+    const p = new Set(h);
+    for (const m of u)
+      p.has(m) || m.unmount();
+    t.lastVTree = i;
+    const f = new Set(u);
+    for (const m of h)
+      f.has(m) || m.mount(e, () => L(m, e));
+    n != null && n.onUpdate && n.onUpdate({
       dom: i == null ? void 0 : i._dom,
       props: t.props
     }), t.updateSelected();
   } catch (c) {
-    if (s != null && s.onError) {
-      const u = s.onError({ error: c, props: t.props }), i = T(u, e);
-      if (t.lastVTree && i) {
-        const a = k(t.lastVTree, i), d = ((o = t.lastVTree._dom) == null ? void 0 : o.parentNode) || e;
-        C(d, a);
-        for (const l of a)
-          l.type === f.REMOVE ? V(l.target, t) : l.type === f.REPLACE && V(l.oldVNode, t);
-        i._dom || (i._dom = t.lastVTree._dom);
+    if (n != null && n.onError) {
+      const a = n.onError({ error: c, props: t.props }), l = T(a, e);
+      if (t.lastVTree && l) {
+        F(t.lastVTree, t);
+        const u = k(t.lastVTree, l), h = ((r = t.lastVTree._dom) == null ? void 0 : r.parentNode) || e;
+        R(h, u), l._dom || (l._dom = t.lastVTree._dom);
       }
-      t.lastVTree = i, t.updateSelected();
+      const i = [];
+      A(t.lastVTree, i, t);
+      for (const u of i) u.unmount();
+      t.lastVTree = l, t.updateSelected();
     } else
       throw c;
   }
 }
-function V(t, e) {
-  if (t && (t._instance && t._instance !== e && t._instance.unmount(), t.children))
-    for (const n of t.children)
-      V(n, e);
+function F(t, e) {
+  if (!(!t || !t.children))
+    for (let s = 0; s < t.children.length; s++) {
+      const n = t.children[s];
+      n._instance && n._instance !== e && n._instance.lastVTree && n._instance.lastVTree !== n && (t.children[s] = n._instance.lastVTree), F(t.children[s], e);
+    }
 }
-function A(t, e) {
+function C(t, e) {
   if (t && (t._instance && e.push(t._instance), t.children))
+    for (const s of t.children)
+      C(s, e);
+}
+function A(t, e, s) {
+  if (t && (t._instance && t._instance !== s && e.push(t._instance), t.children))
     for (const n of t.children)
-      A(n, e);
+      A(n, e, s);
 }
-function x(t) {
+function P(t) {
   return t.length > 1 && t.endsWith("/") ? t.slice(0, -1) : t || "/";
 }
-function W(t) {
+function $(t) {
   const e = {};
   if (!t) return e;
-  const n = t.startsWith("?") ? t.slice(1) : t;
-  return n && new URLSearchParams(n).forEach((r, o) => {
-    e[o] = r;
+  const s = t.startsWith("?") ? t.slice(1) : t;
+  return s && new URLSearchParams(s).forEach((o, r) => {
+    e[r] = o;
   }), e;
 }
-function B(t, e) {
-  const n = x(t), s = x(e);
-  if (s === "*")
-    return { params: { "*": n } };
-  const r = n === "/" ? [""] : n.split("/").slice(1), o = s === "/" ? [""] : s.split("/").slice(1);
-  if (o.length > 0 && o[o.length - 1] === "*") {
-    const i = o.slice(0, -1);
-    if (r.length < i.length) return null;
-    const a = {};
-    for (let l = 0; l < i.length; l++) {
-      const m = i[l];
-      if (m.startsWith(":"))
-        a[m.slice(1)] = r[l];
-      else if (m !== r[l])
+function G(t, e) {
+  const s = P(t), n = P(e);
+  if (n === "*")
+    return { params: { "*": s } };
+  const o = s === "/" ? [""] : s.split("/").slice(1), r = n === "/" ? [""] : n.split("/").slice(1);
+  if (r.length > 0 && r[r.length - 1] === "*") {
+    const l = r.slice(0, -1);
+    if (o.length < l.length) return null;
+    const i = {};
+    for (let h = 0; h < l.length; h++) {
+      const p = l[h];
+      if (p.startsWith(":"))
+        i[p.slice(1)] = o[h];
+      else if (p !== o[h])
         return null;
     }
-    const d = r.slice(i.length).join("/");
-    return a["*"] = d, { params: a };
+    const u = o.slice(l.length).join("/");
+    return i["*"] = u, { params: i };
   }
-  if (r.length !== o.length) return null;
-  const u = {};
-  for (let i = 0; i < o.length; i++) {
-    const a = o[i];
-    if (a.startsWith(":"))
-      u[a.slice(1)] = r[i];
-    else if (a !== r[i])
+  if (o.length !== r.length) return null;
+  const a = {};
+  for (let l = 0; l < r.length; l++) {
+    const i = r[l];
+    if (i.startsWith(":"))
+      a[i.slice(1)] = o[l];
+    else if (i !== o[l])
       return null;
   }
-  return { params: u };
+  return { params: a };
 }
-function q(t, e) {
-  for (const n of e) {
-    const s = B(t, n.path);
-    if (s)
-      return { pattern: n.path, params: s.params };
+function X(t, e) {
+  for (const s of e) {
+    const n = G(t, s.path);
+    if (n)
+      return { pattern: s.path, params: n.params };
   }
   return null;
 }
-function dt(t) {
-  const { routes: e, initialPath: n } = t, s = n ?? window.location.pathname, r = n ? "" : window.location.search, o = x(s), c = W(r), u = q(o, e), i = nt({
+function yt(t) {
+  const { routes: e, initialPath: s } = t, n = s ?? window.location.pathname, o = s ? "" : window.location.search, r = P(n), c = $(o), a = X(r, e), l = st({
     state: {
-      path: o,
-      params: (u == null ? void 0 : u.params) ?? {},
+      path: r,
+      params: (a == null ? void 0 : a.params) ?? {},
       query: c,
-      matched: (u == null ? void 0 : u.pattern) ?? null
+      matched: (a == null ? void 0 : a.pattern) ?? null
     },
     actions: {
-      _sync: (h, y) => y
+      _sync: (d, E) => E
     }
   });
-  function a(h) {
-    const y = h.indexOf("?"), S = x(y >= 0 ? h.slice(0, y) : h), w = y >= 0 ? h.slice(y + 1) : "", E = W(w), _ = q(S, e);
+  function i(d) {
+    const E = d.indexOf("?"), S = P(E >= 0 ? d.slice(0, E) : d), w = E >= 0 ? d.slice(E + 1) : "", _ = $(w), b = X(S, e);
     return {
       path: S,
-      params: (_ == null ? void 0 : _.params) ?? {},
-      query: E,
-      matched: (_ == null ? void 0 : _.pattern) ?? null
+      params: (b == null ? void 0 : b.params) ?? {},
+      query: _,
+      matched: (b == null ? void 0 : b.pattern) ?? null
     };
   }
-  function d(h) {
-    const y = a(h);
-    window.history.pushState(null, "", h), i.dispatch("_sync", y);
+  function u(d) {
+    const E = i(d);
+    window.history.pushState(null, "", d), l.dispatch("_sync", E);
   }
-  function l(h) {
-    const y = a(h);
-    window.history.replaceState(null, "", h), i.dispatch("_sync", y);
+  function h(d) {
+    const E = i(d);
+    window.history.replaceState(null, "", d), l.dispatch("_sync", E);
   }
-  function m() {
+  function p() {
     window.history.back();
   }
-  function p() {
+  function f() {
     window.history.forward();
   }
-  function g() {
-    const h = a(
+  function m() {
+    const d = i(
       window.location.pathname + window.location.search
     );
-    i.dispatch("_sync", h);
+    l.dispatch("_sync", d);
   }
-  window.addEventListener("popstate", g);
-  function G() {
-    window.removeEventListener("popstate", g);
+  window.addEventListener("popstate", m);
+  function x() {
+    window.removeEventListener("popstate", m);
   }
-  const Q = rt({
-    _path: i.select((h) => h.path)
-  })(function(y) {
-    const { _path: S, path: w, component: E, children: _, ...Y } = y, j = B(S, w);
-    return j ? E ? I(E, { ...Y, params: j.params }) : (_ == null ? void 0 : _[0]) ?? null : null;
+  const Q = ct({
+    _path: l.select((d) => d.path)
+  })(function(E) {
+    const { _path: S, path: w, component: _, children: b, ...Z } = E, U = G(S, w);
+    return U ? _ ? W(_, { ...Z, params: U.params }) : (b == null ? void 0 : b[0]) ?? null : null;
   });
-  function H(h) {
-    const { to: y, children: S, ...w } = h;
-    return I(
+  function J(d) {
+    const { to: E, children: S, ...w } = d;
+    return W(
       "a",
       {
         ...w,
-        href: y,
-        onClick: (E) => {
-          E.metaKey || E.ctrlKey || E.shiftKey || E.button !== 0 || (E.preventDefault(), d(y));
+        href: E,
+        onClick: (_) => {
+          _.metaKey || _.ctrlKey || _.shiftKey || _.button !== 0 || (_.preventDefault(), u(E));
         }
       },
       ...S || []
     );
   }
-  function J(h) {
-    return l(h.to), null;
+  function Y(d) {
+    return h(d.to), null;
   }
   return {
-    store: i,
-    navigate: d,
-    redirect: l,
-    back: m,
-    forward: p,
-    destroy: G,
+    store: l,
+    navigate: u,
+    redirect: h,
+    back: p,
+    forward: f,
+    destroy: x,
     Route: Q,
-    Link: H,
-    Redirect: J
+    Link: J,
+    Redirect: Y
   };
 }
 export {
-  tt as Fragment,
-  rt as connect,
-  I as createElement,
-  dt as createRouter,
-  nt as createStore,
-  pt as flushSync,
-  I as h,
-  ht as render
+  et as Fragment,
+  ct as connect,
+  W as createElement,
+  yt as createRouter,
+  st as createStore,
+  ht as flushSync,
+  W as h,
+  dt as render
 };
 //# sourceMappingURL=pulse.js.map