lithent 1.0.5 → 1.0.7

package/README.md

@@ -9,7 +9,7 @@ used lightly in a variety of situations.
 - https://superlucky84.github.io/lithent
   - (This guide page is written in lithent.)
 
-`(9.97 kB / gzip: 3.92 kB)`
+`(9.86 kB │ gzip: 3.91 kB)`
 
 ## 🚩 Table of Contents
 
@@ -60,10 +60,10 @@ pnpm add lithent
 
 #### Or Use CDN
 
-* UMD : https://cdn.jsdelivr.net/npm/lithent@1.0.5/dist/lithent.umd.js
-* UMD-HELPER: https://cdn.jsdelivr.net/npm/lithent@1.0.5/helper/dist/lithentHelper.umd.js
-* ESM : https://cdn.jsdelivr.net/npm/lithent@1.0.5/dist/lithent.mjs
-* ESM-HELPER: https://cdn.jsdelivr.net/npm/lithent@1.0.5/helper/dist/lithentHelper.mjs
+* UMD : https://cdn.jsdelivr.net/npm/lithent@1.0.7/dist/lithent.umd.js
+* UMD-HELPER: https://cdn.jsdelivr.net/npm/lithent@1.0.7/helper/dist/lithentHelper.umd.js
+* ESM : https://cdn.jsdelivr.net/npm/lithent@1.0.7/dist/lithent.mjs
+* ESM-HELPER: https://cdn.jsdelivr.net/npm/lithent@1.0.7/helper/dist/lithentHelper.mjs
 
 
 It's easier to use lithent with JSX or HTM.
@@ -121,8 +121,8 @@ const destroy = render(html`<${Component} />`, document.getElementById('root'),
 #### With UMD
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/lithent@1.0.5/dist/lithent.umd.js"></script>
-<!--script src="https://cdn.jsdelivr.net/npm/lithent@1.0.5/helper/dist/lithentHelper.umd.js"></script-->
+<script src="https://cdn.jsdelivr.net/npm/lithent@1.0.7/dist/lithent.umd.js"></script>
+<!--script src="https://cdn.jsdelivr.net/npm/lithent@1.0.7/helper/dist/lithentHelper.umd.js"></script-->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/htm/3.1.1/htm.js"></script>
 
 <div id="root"></div>

package/dist/lithent.mjs

@@ -1,40 +1,23 @@
-const C = (e) => typeof e == "object" && !("resolve" in e), E = (e, t) => C(e) && e.type === t, fe = (e, t) => "ctor" in e ? e.ctor === (t == null ? void 0 : t.ctor) : e === (t == null ? void 0 : t.ctor), de = (e, t) => {
+const C = (e) => typeof e == "object" && !("resolve" in e), x = (e, t) => C(e) && e.type === t, fe = (e, t) => "ctor" in e ? e.ctor === (t == null ? void 0 : t.ctor) : e === (t == null ? void 0 : t.ctor), de = (e, t) => {
   var s, c;
   return C(e) && (t == null ? void 0 : t.type) === "fragment" && ((s = t == null ? void 0 : t.children) == null ? void 0 : s.length) === ((c = e == null ? void 0 : e.children) == null ? void 0 : c.length);
 }, pe = (e, t) => {
   var s, c;
   return C(e) && (t == null ? void 0 : t.type) === "element" && (t == null ? void 0 : t.tag) === e.tag && ((s = t == null ? void 0 : t.children) == null ? void 0 : s.length) === ((c = e == null ? void 0 : e.children) == null ? void 0 : c.length);
-}, U = (e, t) => {
-  var s, c;
-  return C(e) && (t == null ? void 0 : t.type) === e.type && (((s = t == null ? void 0 : t.children) == null ? void 0 : s.length) === ((c = e == null ? void 0 : e.children) == null ? void 0 : c.length) || e.type === "loop" && y(i((e.children || [])[0])) && y(i((t.children || [])[0])));
-}, i = (e) => {
+}, U = (e, t) => C(e) && (t == null ? void 0 : t.type) === e.type && (e.type !== "loop" || e.type === "loop" && a(i((e.children || [])[0])) && a(i((t.children || [])[0]))), i = (e) => {
   var t, s;
   return ((t = e == null ? void 0 : e.compProps) == null ? void 0 : t.key) ?? ((s = e == null ? void 0 : e.props) == null ? void 0 : s.key);
-}, P = (e) => e && ["fragment", "loop"].includes(e), T = (e) => typeof e == "function" && !$(e) || typeof e == "object" && "resolve" in e, $ = (e) => typeof e == "function" && e === ce, H = (e) => C(e) && !e.type, y = (e) => e != null, z = (e, t) => e === "style" && typeof t == "object", he = (e, t) => e === "ref" && typeof t == "object", ie = (e) => e.nodeType === 1 && e.tagName === "OPTION", ve = (e) => e.nodeType === 1 && e.tagName === "TEXTAREA", ye = (e) => e.nodeType === 1 && ["radio", "checkbox"].includes(e.type), ke = (e) => {
+}, v = (e) => e && ["fragment", "loop"].includes(e), T = (e) => typeof e == "function" && !$(e) || typeof e == "object" && "resolve" in e, $ = (e) => typeof e == "function" && e === ce, H = (e) => C(e) && !e.type, a = (e) => e != null, z = (e, t) => e === "style" && typeof t == "object", he = (e, t) => e === "ref" && typeof t == "object", ie = (e) => e.nodeType === 1 && e.tagName === "OPTION", ye = (e) => e.nodeType === 1 && e.tagName === "TEXTAREA", ve = (e) => e.nodeType === 1 && ["radio", "checkbox"].includes(e.type), ae = (e) => {
   let t = "et";
-  return T(e) ? t = "c" : E(e, "fragment") ? t = "f" : E(e, "element") ? t = "e" : E(e, "loop") ? t = "l" : E(e, "text") ? t = "t" : H(e) && (t = "et"), t;
-}, Ce = {
+  return T(e) ? t = "c" : x(e, "fragment") ? t = "f" : x(e, "element") ? t = "e" : x(e, "loop") ? t = "l" : x(e, "text") ? t = "t" : H(e) && (t = "et"), t;
+}, ke = {
   c: fe,
   l: U,
   t: U,
   e: pe,
   f: de,
   et: U
-}, p = (e) => e.getParent && e.getParent(), ae = (e, t) => {
-  const { compProps: s, compChild: c } = e, { props: n, children: r } = t;
-  return s && Re(s, n), c && Ee(c, r), e.reRender && e.reRender();
-}, J = (e) => e.replace(/^on(.*)/, (t, s) => s.toLowerCase()), G = (e) => e === "className" ? "class" : e, k = Object.entries, Y = Object.keys, S = Object.assign, Re = (e, t) => {
-  e && t !== e && (Y(e).forEach((s) => delete e[s]), k(t || {}).forEach(([s, c]) => e[s] = c));
-}, Ee = (e, t) => {
-  e && t !== e && (e.splice(0, e.length), t && t.forEach((s) => e.push(s)));
-};
-let x = [], A = !1;
-const v = { value: "" }, a = { value: {} }, O = { value: !1 }, u = /* @__PURE__ */ new WeakMap(), xe = (e) => () => {
-  var c;
-  const t = (c = u.get(e)) == null ? void 0 : c.up;
-  let s = !1;
-  return t && (t(), s = !0), s;
-}, Pe = (e) => {
+}, p = (e) => e.getParent && e.getParent(), J = (e) => e.replace(/^on(.*)/, (t, s) => s.toLowerCase()), G = (e) => e === "className" ? "class" : e, k = Object.entries, Y = Object.keys, S = Object.assign, y = { value: "" }, R = { value: {} }, A = { value: !1 }, u = /* @__PURE__ */ new WeakMap(), Ce = (e) => {
   u.set(e, {
     vd: { value: null },
     up: () => {
@@ -46,183 +29,155 @@ const v = { value: "" }, a = { value: {} }, O = { value: !1 }, u = /* @__PURE__
     mts: [],
     umts: []
   });
-}, R = () => a.value, Z = (e, t) => u.get(e)[t], V = (e, t) => {
-  u.get(e).up = () => {
-    x.push({
-      compKey: e,
-      exec: t
-    }), A || (A = !0, queueMicrotask(Ne));
-  };
-}, Te = (e) => a.value = e, Se = (e) => {
-  a.value = e, Pe(e);
-}, K = (e, t) => {
-  (e.children || []).forEach((s) => {
-    const c = s.compKey;
-    c && t.push(c), K(s, t);
-  });
-}, Ne = () => {
-  let e = [];
-  x.forEach((c) => {
-    var r, o;
-    const n = (o = (r = u.get(c.compKey)) == null ? void 0 : r.vd) == null ? void 0 : o.value;
-    n && K(n, e);
-  });
-  const t = [], s = x.reduce((c, n) => {
-    const { compKey: r } = n;
-    return e.includes(r) || t.includes(r) || (t.push(r), c.push(n)), c;
-  }, []);
-  for (; s.length; ) {
-    const c = s.shift();
-    c && c.exec();
-  }
-  x = [], A = !1;
-}, be = (e) => {
-  u.get(R()).umts.push(e);
+}, E = () => R.value, Z = (e, t) => u.get(e)[t], Re = (e) => R.value = e, Ee = (e) => {
+  R.value = e, Ce(e);
+}, xe = (e) => {
+  u.get(E()).umts.push(e);
 }, Q = (e) => {
   const { compKey: t } = e;
-  t && Fe(t), g(e);
-}, g = (e) => {
+  t && Pe(t), V(e);
+}, V = (e) => {
   (e.children || []).forEach((t) => {
-    t.compKey ? Q(t) : g(t);
+    t.compKey ? Q(t) : V(t);
   });
-}, Fe = (e) => {
+}, Pe = (e) => {
   const t = u.get(e);
   t && (t.umts.forEach((s) => s()), t.umts = [], u.delete(e));
 };
-let L = [];
+let O = [];
 const B = () => {
-  L.forEach((e) => Ae(e)), L = [];
-}, Ue = (e) => {
-  e.compKey && L.push(e);
-}, ct = (e) => u.get(R()).mts.push(e), Ae = (e) => {
+  O.forEach((e) => Se(e)), O = [];
+}, Te = (e) => {
+  e.compKey && O.push(e);
+}, ct = (e) => u.get(E()).mts.push(e), Se = (e) => {
   const { compKey: t } = e;
   if (t) {
     const s = u.get(t), c = s == null ? void 0 : s.mts, n = s == null ? void 0 : s.upS;
-    a.value = t, n && (n.value = 0), c && (s.mts = [], c.forEach((r) => {
+    R.value = t, n && (n.value = 0), c && (s.mts = [], c.forEach((r) => {
       const o = r();
-      o && be(o);
+      o && xe(o);
     }));
   }
 }, X = (e, t = () => []) => {
-  const s = u.get(R()), { upD: c, upS: n } = s, r = c[n.value];
-  if (r && Le(r, t())) {
+  const s = u.get(E()), { upD: c, upS: n } = s, r = c[n.value];
+  if (r && be(r, t())) {
     const o = e();
     o && s.upCB.push(o);
   }
   c[n.value] = t(), n.value += 1;
-}, Oe = (e) => {
+}, Ne = (e) => {
   const { compKey: t } = e;
   if (t) {
     const s = u.get(t), c = s == null ? void 0 : s.upCB, n = s == null ? void 0 : s.upS;
-    a.value = t, n && (n.value = 0), e.ctor && c && (s.upCB = [], c.forEach((r) => r()));
+    R.value = t, n && (n.value = 0), e.ctor && c && (s.upCB = [], c.forEach((r) => r()));
   }
-}, Le = (e, t) => !e.length && !e.length ? !0 : e.some((s, c) => s !== t[c]), nt = (e, t, s) => {
+}, be = (e, t) => !e.length && !e.length ? !0 : e.some((s, c) => s !== t[c]), nt = (e, t, s) => {
   t ?? (t = document.body), e.isRoot = !0, e.wrapElement = t;
   const c = N(e);
   return s ? (e.afterElement = s, t.insertBefore(c, s)) : t.appendChild(c), B(), () => {
     var r;
     const n = (r = u.get(e.compProps || {})) == null ? void 0 : r.vd.value;
-    n && (Q(n), j(n), Me(n));
+    n && (Q(n), j(n), Fe(n));
   };
-}, m = (e) => {
+}, K = (e) => {
   const { needRerender: t } = e;
   t && t !== "N" && {
     A: q,
     D: I,
-    R: Be,
-    U: je,
-    SR: D,
-    SU: Qe
+    R: Ae,
+    U: Oe,
+    SR: w,
+    SU: Ue
   }[t](e);
 }, j = (e) => {
-  e.props && e.el && te(e.props, e.el), (e.children || []).forEach((t) => {
+  e.props && e.el && D(e.props, e.el), (e.children || []).forEach((t) => {
     j(t);
   });
-}, Me = (e) => {
-  w(e, e.wrapElement);
+}, Fe = (e) => {
+  g(e, e.wrapElement);
 }, I = (e) => {
-  e.oldProps && e.el && te(e.oldProps, e.el), w(
+  e.oldProps && e.el && D(e.oldProps, e.el), g(
     e,
     b(p(e))
   );
-}, w = (e, t) => {
+}, g = (e, t) => {
   var s, c;
-  t && e.el && (((s = e.el) == null ? void 0 : s.nodeType) === 1 ? t.removeChild(e.el) : ((c = e.el) == null ? void 0 : c.nodeType) === 11 && W(e, t), delete e.el);
-}, W = (e, t) => {
+  t && e.el && (((s = e.el) == null ? void 0 : s.nodeType) === 1 ? t.removeChild(e.el) : ((c = e.el) == null ? void 0 : c.nodeType) === 11 && m(e, t), delete e.el);
+}, m = (e, t) => {
   ((e == null ? void 0 : e.oldChildren) || (e == null ? void 0 : e.children) || []).forEach((s) => {
     var c, n;
-    ((c = s.el) == null ? void 0 : c.nodeType) === 1 ? t.removeChild(s == null ? void 0 : s.el) : ((n = s.el) == null ? void 0 : n.nodeType) === 11 && W(s, t);
+    ((c = s.el) == null ? void 0 : c.nodeType) === 1 ? t.removeChild(s == null ? void 0 : s.el) : ((n = s.el) == null ? void 0 : n.nodeType) === 11 && m(s, t);
   });
-}, D = (e) => {
+}, w = (e) => {
   I(e), q(e);
-}, Qe = (e) => {
+}, Ue = (e) => {
   I(e), q(e, e.el);
 }, q = (e, t) => {
   t || (t = N(e));
   const s = p(e);
   if (s.type) {
-    const c = b(s), r = s.type === "loop" ? M(s, p(s)) : M(e, s);
+    const c = b(s), r = s.type === "loop" ? L(s, p(s)) : L(e, s);
     t && c && (r ? c.insertBefore(t, r) : c.appendChild(t), B());
   }
-}, M = (e, t) => {
-  const s = t.children || [], n = s.indexOf(e) + 1, r = s.slice(n), o = ee(r), l = t.type || "";
+}, L = (e, t) => {
+  const s = t.children || [], n = s.indexOf(e) + 1, r = s.slice(n), o = W(r), l = t.type || "";
   if (o)
     return o;
-  if (!t.isRoot && P(l))
-    return M(t, p(t));
-  if (t.isRoot && t.afterElement)
+  if (!t.isRoot && v(l))
+    return L(t, p(t));
+  if (t.isRoot && v(l) && t.afterElement)
     return t.afterElement;
-}, ee = (e) => e.reduce(
+}, W = (e) => e.reduce(
   (t, s) => {
-    const c = s.type, n = s.el, r = c && P(c);
-    return t || (r ? ee(s.children || []) : n && n.nodeType !== 11 ? n : t);
+    const c = s.type, n = s.el, r = c && v(c);
+    return t || (r ? W(s.children || []) : n && n.nodeType !== 11 ? n : t);
   },
   void 0
-), Be = (e) => {
+), Ae = (e) => {
   const t = p(e), s = e.el;
   if (t.type && s)
     if (s.nodeType === 11)
-      D(e);
+      w(e);
     else {
       const c = b(t), n = N(e);
       c && c.replaceChild(n, s), B();
     }
-}, te = (e, t) => {
+}, D = (e, t) => {
   k(e || {}).forEach(([s, c]) => {
     s.match(/^on/) && t.removeEventListener(
       J(s),
       c
     );
   });
-}, je = (e) => {
+}, Oe = (e) => {
   var s;
   const t = e.el;
   if (e.type === "text") {
-    Ie(e);
+    Le(e);
     return;
   }
   if (t) {
     const { oldProps: c, props: n } = e;
-    se(n, t, c), delete e.oldProps, e.tag === "input" && (t.value = String(((s = e == null ? void 0 : e.props) == null ? void 0 : s.value) || ""));
+    ee(n, t, c), delete e.oldProps, e.tag === "input" && (t.value = String(((s = e == null ? void 0 : e.props) == null ? void 0 : s.value) || ""));
   }
-  (e.children || []).forEach((c) => m(c)), Oe(e);
-}, Ie = (e) => {
+  (e.children || []).forEach((c) => K(c)), Ne(e);
+}, Le = (e) => {
   const t = e.el;
   t && (t.nodeValue = String(e.text));
-}, se = (e, t, s) => {
+}, ee = (e, t, s) => {
   const c = { ...s };
   k(e || {}).forEach(([n, r]) => {
     let o = !0;
-    n === "key" || (n === "innerHTML" && typeof r == "string" ? t.innerHTML = r : z(n, r) ? Ge(
+    n === "key" || (n === "innerHTML" && typeof r == "string" ? t.innerHTML = r : z(n, r) ? je(
       r,
       z(n, c.style) ? c.style : {},
       t
-    ) : he(n, r) ? r.value = t : n.match(/^on/) ? ze(
+    ) : he(n, r) ? r.value = t : n.match(/^on/) ? Be(
       t,
       n,
       r,
       c[n]
-    ) : ye(t) && n === "checked" ? t.checked = !!r : ve(t) && n === "value" ? t.value = r : ie(t) && n === "selected" ? t.selected = !!r : n && ([o, r] = qe(r), o && (v.value && n !== "xmlns" ? t.setAttributeNS(
+    ) : ve(t) && n === "checked" ? t.checked = !!r : ye(t) && n === "value" ? t.value = r : ie(t) && n === "selected" ? t.selected = !!r : n && ([o, r] = Me(r), o && (y.value && n !== "xmlns" ? t.setAttributeNS(
       null,
       G(n),
       r
@@ -233,23 +188,23 @@ const B = () => {
   }), Y(c).forEach(
     (n) => t.removeAttribute(n)
   );
-}, qe = (e) => {
+}, Me = (e) => {
   let t = !0;
   return typeof e == "boolean" && (e || (t = !1), e = ""), [t, String(e)];
 }, N = (e) => {
   let t;
-  const { type: s, tag: c, text: n, props: r, children: o = [] } = e, l = P(s);
-  return c === "svg" && (v.value = String(r == null ? void 0 : r.xmlns)), l ? t = new DocumentFragment() : s === "element" && c ? t = v.value ? document.createElementNS(v.value, c) : document.createElement(c) : s === "text" && y(n) ? t = document.createTextNode(String(n)) : t = document.createElement("e"), _e(o, t), se(r, t), e.el = t, Ue(e), c === "svg" && (v.value = ""), t;
-}, _e = (e, t) => {
+  const { type: s, tag: c, text: n, props: r, children: o = [] } = e, l = v(s);
+  return c === "svg" && (y.value = String(r == null ? void 0 : r.xmlns)), l ? t = new DocumentFragment() : s === "element" && c ? t = y.value ? document.createElementNS(y.value, c) : document.createElement(c) : s === "text" && a(n) ? t = document.createTextNode(String(n)) : t = document.createElement("e"), Qe(o, t), ee(r, t), e.el = t, Te(e), c === "svg" && (y.value = ""), t;
+}, Qe = (e, t) => {
   const s = e.reduce(
     (c, n) => (n.type && c.appendChild(N(n)), c),
     new DocumentFragment()
   );
   t && s.hasChildNodes() && t.appendChild(s);
-}, ze = (e, t, s, c) => {
+}, Be = (e, t, s, c) => {
   const n = J(t);
   c !== s && (c && e.removeEventListener(n, c), s && e.addEventListener(n, s));
-}, Ge = (e, t, s) => {
+}, je = (e, t, s) => {
   const c = { ...t }, n = s == null ? void 0 : s.style;
   n && (k(e).forEach(([r, o]) => {
     n[r] = o, delete c[r];
@@ -257,33 +212,40 @@ const B = () => {
     ([r]) => n[r] = ""
   ));
 }, b = (e) => {
-  const t = P(e.type);
+  const t = v(e.type);
   return e.isRoot && t ? e.wrapElement : t ? b(p(e)) : e.el;
-}, F = (e, t) => Xe(
+}, F = (e, t) => Ie(
   e,
-  Ce[ke(e)](e, t),
+  ke[ae(e)](e, t),
   t
-), Xe = (e, t, s) => {
-  const c = Je(e, t, s), n = [
+), Ie = (e, t, s) => {
+  const c = $e(e, t, s), n = [
     c,
     t,
     s
-  ], r = He(...n);
-  return c.children = Ye(...n), c.needRerender = r, $e(c, s, r), c;
-}, $e = (e, t, s) => {
+  ], r = _e(...n);
+  return c.children = He(...n), c.needRerender = r, qe(c, s, r), c;
+}, qe = (e, t, s) => {
   s !== "A" && t && (e.el = t.el), s && ["D", "R", "SR"].includes(s) && (t != null && t.compKey && (Q(t), j(t)), e.oldChildren = t == null ? void 0 : t.children), e.oldProps = t == null ? void 0 : t.props;
-}, He = (e, t, s) => {
-  const c = s && s.type, n = H(e), o = !!e.getParent && p(e).type, l = i(e), h = o === "loop" && y(l), d = e.type === "text" && t && e.text === (s == null ? void 0 : s.text);
+}, _e = (e, t, s) => {
+  const c = s && s.type, n = H(e), o = !!e.getParent && p(e).type, l = i(e), h = o === "loop" && a(l), d = e.type === "text" && t && e.text === (s == null ? void 0 : s.text);
   let f;
   return n ? f = "D" : d ? f = "N" : c ? t ? f = h ? "SU" : "U" : f = h ? "SR" : "R" : f = "A", f;
-}, Je = (e, t, s) => T(e) ? t && s ? ae(s, e) : e.resolve() : e, Ye = (e, t, s) => t && s ? Ve(e, s) : Ze(e), Ze = (e) => (e.children || []).map(
+}, ze = (e, t) => {
+  e && t !== e && (Y(e).forEach((s) => delete e[s]), k(t || {}).forEach(([s, c]) => e[s] = c));
+}, Ge = (e, t) => {
+  e && t !== e && (e.splice(0, e.length), t && t.forEach((s) => e.push(s)));
+}, Xe = (e, t) => {
+  const { compProps: s, compChild: c } = e, { props: n, children: r } = t;
+  return s && ze(s, n), c && Ge(c, r), e.reRender && e.reRender();
+}, $e = (e, t, s) => T(e) ? t && s ? Xe(s, e) : e.resolve() : e, He = (e, t, s) => t && s ? Ye(e, s) : Je(e), Je = (e) => (e.children || []).map(
   (t) => S(F(t), { getParent: () => e })
-), Ve = (e, t) => e.type === "loop" && y(i((e.children || [])[0])) ? Ke(e, t) : (e.children || []).map(
+), Ye = (e, t) => e.type === "loop" && a(i((e.children || [])[0])) ? Ze(e, t) : (e.children || []).map(
   (s, c) => S(F(s, (t.children || [])[c]), {
     getParent: () => e
   })
-), Ke = (e, t) => {
-  const [s, c] = ge(
+), Ze = (e, t) => {
+  const [s, c] = Ve(
     e,
     t
   );
@@ -291,19 +253,54 @@ const B = () => {
     const r = n.el;
     r != null && r.parentNode && r.parentNode.removeChild(r);
   }), s;
-}, ge = (e, t) => {
+}, Ve = (e, t) => {
   const s = [...e.children || []], c = [...t.children || []];
   return [s.map((r) => {
-    const o = me(r, c), l = F(r, o);
+    const o = Ke(r, c), l = F(r, o);
     return o && c.splice(c.indexOf(o), 1), l.getParent = () => e, l;
   }), c];
-}, me = (e, t) => t.find(
+}, Ke = (e, t) => t.find(
   (s) => i(s) === i(e)
-), rt = (e, t = () => []) => {
-  u.get(R()).upR.push(() => X(e, t)), X(e, t);
+);
+let P = [], M = !1;
+const te = (e, t) => {
+  u.get(e).up = () => {
+    P.push({
+      compKey: e,
+      exec: t
+    }), M || (M = !0, queueMicrotask(me));
+  };
+}, ge = (e) => () => {
+  var c;
+  const t = (c = u.get(e)) == null ? void 0 : c.up;
+  let s = !1;
+  return t && (t(), s = !0), s;
+}, se = (e, t) => {
+  (e.children || []).forEach((s) => {
+    const c = s.compKey;
+    c && t.push(c), se(s, t);
+  });
+}, me = () => {
+  let e = [];
+  P.forEach((c) => {
+    var r, o;
+    const n = (o = (r = u.get(c.compKey)) == null ? void 0 : r.vd) == null ? void 0 : o.value;
+    n && se(n, e);
+  });
+  const t = [], s = P.reduce((c, n) => {
+    const { compKey: r } = n;
+    return e.includes(r) || t.includes(r) || (t.push(r), c.push(n)), c;
+  }, []);
+  for (; s.length; ) {
+    const c = s.shift();
+    c && c.exec();
+  }
+  P = [], M = !1;
+}, rt = (e, t = () => []) => {
+  u.get(E()).upR.push(() => X(e, t)), X(e, t);
 }, we = () => {
   var t;
-  const e = (t = u.get(R())) == null ? void 0 : t.upR;
+  const e = (t = u.get(E())) == null ? void 0 : t.upR;
   e != null && e.length && e.forEach((s) => s());
 }, ce = (e, ...t) => ({
   type: "fragment",
@@ -313,24 +310,24 @@ const B = () => {
   return T(o) || (c.value = o), o;
 }, ut = (e) => (t, s) => e, ne = (e, t, s, c) => {
   var f;
-  O.value = !0;
+  A.value = !0;
   const n = re(e, t, s), r = F(n, c), { isRoot: o, getParent: l, wrapElement: h, afterElement: d } = c;
   if (r.getParent = l, !o && l) {
     const _ = ((f = l()) == null ? void 0 : f.children) || [], le = _.indexOf(c);
     _.splice(le, 1, r);
   } else
     r.isRoot = !0, r.wrapElement = h, r.afterElement = d;
-  O.value = !1, m(r);
+  A.value = !1, K(r);
 }, re = (e, t, s) => ({ tagName: e.name, ctor: e, props: t, children: s, resolve: (o = t) => {
-  Se(o);
-  const h = e(t, s)(xe(o), t, s), d = We(
+  Ee(o);
+  const h = e(t, s)(ge(o), t, s), d = We(
     h,
     o,
     e,
     t,
     s
   ), f = d;
-  return V(
+  return te(
     o,
     () => ne(e, t, s, f)
   ), Z(o, "vd").value = d, d;
@@ -352,9 +349,9 @@ const B = () => {
   const r = () => et(e, t, s, c, n, r);
   return r;
 }, et = (e, t, s, c, n, r) => {
-  Te(t), we();
+  Re(t), we();
   const o = e(c);
-  return V(
+  return te(
     t,
     () => ne(s, c, n, o)
   ), oe(o, t, s, c, n, r), Z(t, "vd").value = o, o;
@@ -372,7 +369,7 @@ const B = () => {
     return ce(t, ...s);
   if (T(e)) {
     const c = re(e, t, s);
-    return O.value ? c : c.resolve();
+    return A.value ? c : c.resolve();
   }
   return {
     type: "element",