lithent 1.0.6 → 1.0.8

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.86 kB / gzip: 3.93 kB)`
+`(9.97 kB │ gzip: 3.98 kB)`
 
 ## 🚩 Table of Contents
 
@@ -32,7 +32,7 @@ used lightly in a variety of situations.
 
 In a real-world development environment, you may want to use Virtual DOM lightly, with only the bare minimum of core functionality.
 
-"Lithent" makes it easy to add, remove, and update virtual domes to specific parts of a pre-drawn SSR page.
+"Lithent" makes it easy to add, remove, and update virtual DOM to specific parts of a pre-drawn SSR page.
 
 "Lithent" has implemented the bare minimum functionality needed to create and update virtual DOM in general (we only need to know 'render', 'mounter', 'updater', 'renewer', 'mountCallback', and 'updateCallback').
 
@@ -60,10 +60,10 @@ pnpm add lithent
 
 #### Or Use CDN
 
-* UMD : https://cdn.jsdelivr.net/npm/lithent@1.0.6/dist/lithent.umd.js
-* UMD-HELPER: https://cdn.jsdelivr.net/npm/lithent@1.0.6/helper/dist/lithentHelper.umd.js
-* ESM : https://cdn.jsdelivr.net/npm/lithent@1.0.6/dist/lithent.mjs
-* ESM-HELPER: https://cdn.jsdelivr.net/npm/lithent@1.0.6/helper/dist/lithentHelper.mjs
+* UMD : https://cdn.jsdelivr.net/npm/lithent@1.0.8/dist/lithent.umd.js
+* UMD-HELPER: https://cdn.jsdelivr.net/npm/lithent@1.0.8/helper/dist/lithentHelper.umd.js
+* ESM : https://cdn.jsdelivr.net/npm/lithent@1.0.8/dist/lithent.mjs
+* ESM-HELPER: https://cdn.jsdelivr.net/npm/lithent@1.0.8/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.6/dist/lithent.umd.js"></script>
-<!--script src="https://cdn.jsdelivr.net/npm/lithent@1.0.6/helper/dist/lithentHelper.umd.js"></script-->
+<script src="https://cdn.jsdelivr.net/npm/lithent@1.0.8/dist/lithent.umd.js"></script>
+<!--script src="https://cdn.jsdelivr.net/npm/lithent@1.0.8/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,37 +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 k = (e) => typeof e == "object" && !("resolve" in e), x = (e, t) => k(e) && e.type === t, pe = (e, t) => "ctor" in e ? e.ctor === (t == null ? void 0 : t.ctor) : e === (t == null ? void 0 : t.ctor), he = (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) => {
+  return k(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);
+}, ie = (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) => C(e) && (t == null ? void 0 : t.type) === e.type && (e.type !== "loop" || e.type === "loop" && v(i((e.children || [])[0])) && v(i((t.children || [])[0]))), i = (e) => {
+  return k(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) => k(e) && (t == null ? void 0 : t.type) === e.type && (e.type !== "loop" || e.type === "loop" && C(i((e.children || [])[0])) && C(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, v = (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), ke = (e) => {
+}, y = (e) => e && ["fragment", "loop"].includes(e), T = (e) => typeof e == "function" && !H(e) || typeof e == "object" && "resolve" in e, H = (e) => typeof e == "function" && e === re, J = (e) => k(e) && !e.type, C = (e) => e != null, z = (e, t) => e === "style" && typeof t == "object", ve = (e, t) => e === "ref" && typeof t == "object", ye = (e) => e.nodeType === 1 && e.tagName === "OPTION", Ce = (e) => e.nodeType === 1 && e.tagName === "TEXTAREA", ae = (e) => e.nodeType === 1 && ["radio", "checkbox"].includes(e.type), ke = (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 = {
-  c: fe,
+  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" : J(e) && (t = "et"), t;
+}, Re = {
+  c: pe,
   l: U,
   t: U,
-  e: pe,
-  f: de,
+  e: ie,
+  f: he,
   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 y = { 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(), a = Object.entries, Y = Object.keys, S = Object.assign, v = { value: "" }, R = { value: {} }, A = { value: !1 }, u = /* @__PURE__ */ new WeakMap(), Ee = (e) => {
   u.set(e, {
     vd: { value: null },
     up: () => {
@@ -43,101 +29,73 @@ const y = { 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], xe = (e) => R.value = e, Pe = (e) => {
+  R.value = e, Ee(e);
+}, Te = (e) => {
+  u.get(E()).umts.push(e);
 }, Q = (e) => {
   const { compKey: t } = e;
-  t && Fe(t), g(e);
-}, g = (e) => {
+  t && Se(t), K(e);
+}, K = (e) => {
   (e.children || []).forEach((t) => {
-    t.compKey ? Q(t) : g(t);
+    t.compKey ? Q(t) : K(t);
   });
-}, Fe = (e) => {
+}, Se = (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) => be(e)), O = [];
+}, Ne = (e) => {
+  e.compKey && O.push(e);
+}, rt = (e) => u.get(E()).mts.push(e), be = (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 && Te(o);
     }));
   }
-}, X = (e, t = () => []) => {
-  const s = u.get(R()), { upD: c, upS: n } = s, r = c[n.value];
-  if (r && Le(r, t())) {
+}, G = (e, t = () => []) => {
+  const s = u.get(E()), { upD: c, upS: n } = s, r = c[n.value];
+  if (r && Ue(r, t())) {
     const o = e();
     o && s.upCB.push(o);
   }
   c[n.value] = t(), n.value += 1;
-}, Oe = (e) => {
+}, Fe = (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) => {
+}, Ue = (e, t) => e.length ? e.some((s, c) => s !== t[c]) : !0, X = (e) => e === "className" ? "class" : e, V = (e) => e.replace(/^on(.*)/, (t, s) => s.toLowerCase()), g = () => new DocumentFragment(), $ = (e) => document.createElement(e), ot = (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), I(n), Ae(n));
   };
 }, m = (e) => {
   const { needRerender: t } = e;
   t && t !== "N" && {
     A: q,
-    D: I,
-    R: Be,
-    U: je,
+    D: j,
+    R: Le,
+    U: Me,
     SR: D,
-    SU: Qe
+    SU: Oe
   }[t](e);
-}, j = (e) => {
+}, I = (e) => {
   e.props && e.el && te(e.props, e.el), (e.children || []).forEach((t) => {
-    j(t);
+    I(t);
   });
-}, Me = (e) => {
+}, Ae = (e) => {
   w(e, e.wrapElement);
-}, I = (e) => {
+}, j = (e) => {
   e.oldProps && e.el && te(e.oldProps, e.el), w(
     e,
     b(p(e))
@@ -151,31 +109,31 @@ const B = () => {
     ((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);
   });
 }, D = (e) => {
-  I(e), q(e);
-}, Qe = (e) => {
-  I(e), q(e, e.el);
+  j(e), q(e);
+}, Oe = (e) => {
+  j(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) => {
+}, L = (e, t) => {
   const s = t.children || [], n = s.indexOf(e) + 1, r = s.slice(n), o = ee(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 && y(l))
+    return L(t, p(t));
+  if (t.isRoot && y(l) && t.afterElement)
     return t.afterElement;
 }, ee = (e) => e.reduce(
   (t, s) => {
-    const c = s.type, n = s.el, r = c && P(c);
+    const c = s.type, n = s.el, r = c && y(c);
     return t || (r ? ee(s.children || []) : n && n.nodeType !== 11 ? n : t);
   },
   void 0
-), Be = (e) => {
+), Le = (e) => {
   const t = p(e), s = e.el;
   if (t.type && s)
     if (s.nodeType === 11)
@@ -185,101 +143,108 @@ const B = () => {
       c && c.replaceChild(n, s), B();
     }
 }, te = (e, t) => {
-  k(e || {}).forEach(([s, c]) => {
+  a(e || {}).forEach(([s, c]) => {
     s.match(/^on/) && t.removeEventListener(
-      J(s),
+      V(s),
       c
     );
   });
-}, je = (e) => {
+}, Me = (e) => {
   var s;
   const t = e.el;
   if (e.type === "text") {
-    Ie(e);
+    Qe(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) || ""));
   }
-  (e.children || []).forEach((c) => m(c)), Oe(e);
-}, Ie = (e) => {
+  (e.children || []).forEach((c) => m(c)), Fe(e);
+}, Qe = (e) => {
   const t = e.el;
   t && (t.nodeValue = String(e.text));
 }, se = (e, t, s) => {
   const c = { ...s };
-  k(e || {}).forEach(([n, r]) => {
+  a(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) ? qe(
       r,
       z(n, c.style) ? c.style : {},
       t
-    ) : he(n, r) ? r.value = t : n.match(/^on/) ? ze(
+    ) : ve(n, r) ? r.value = t : n.match(/^on/) ? je(
       t,
       n,
       r,
       c[n]
-    ) : ve(t) && n === "checked" ? t.checked = !!r : ye(t) && n === "value" ? t.value = r : ie(t) && n === "selected" ? t.selected = !!r : n && ([o, r] = qe(r), o && (y.value && n !== "xmlns" ? t.setAttributeNS(
+    ) : ae(t) && n === "checked" ? t.checked = !!r : Ce(t) && n === "value" ? t.value = r : ye(t) && n === "selected" ? t.selected = !!r : n && ([o, r] = Be(r), o && (v.value && n !== "xmlns" ? t.setAttributeNS(
       null,
-      G(n),
+      X(n),
       r
     ) : t.setAttribute(
-      G(n),
+      X(n),
       r
     )))), o && delete c[n];
   }), Y(c).forEach(
     (n) => t.removeAttribute(n)
   );
-}, qe = (e) => {
+}, Be = (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" && (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" && v(n) ? t = document.createTextNode(String(n)) : t = document.createElement("e"), _e(o, t), se(r, t), e.el = t, Ue(e), c === "svg" && (y.value = ""), t;
-}, _e = (e, t) => {
+  const { type: s, tag: c, text: n, props: r, children: o = [] } = e, l = y(s);
+  return c === "svg" && (v.value = String(r == null ? void 0 : r.xmlns)), l ? t = g() : s === "element" && c ? t = v.value ? document.createElementNS(v.value, c) : $(c) : s === "text" && C(n) ? t = document.createTextNode(String(n)) : t = $("e"), Ie(o, t), se(r, t), e.el = t, Ne(e), c === "svg" && (v.value = ""), t;
+}, Ie = (e, t) => {
   const s = e.reduce(
     (c, n) => (n.type && c.appendChild(N(n)), c),
-    new DocumentFragment()
+    g()
   );
   t && s.hasChildNodes() && t.appendChild(s);
-}, ze = (e, t, s, c) => {
-  const n = J(t);
+}, je = (e, t, s, c) => {
+  const n = V(t);
   c !== s && (c && e.removeEventListener(n, c), s && e.addEventListener(n, s));
-}, Ge = (e, t, s) => {
+}, qe = (e, t, s) => {
   const c = { ...t }, n = s == null ? void 0 : s.style;
-  n && (k(e).forEach(([r, o]) => {
+  n && (a(e).forEach(([r, o]) => {
     n[r] = o, delete c[r];
-  }), k(c).forEach(
+  }), a(c).forEach(
     ([r]) => n[r] = ""
   ));
 }, b = (e) => {
-  const t = P(e.type);
+  const t = y(e.type);
   return e.isRoot && t ? e.wrapElement : t ? b(p(e)) : e.el;
-}, F = (e, t) => Xe(
+}, F = (e, t) => _e(
   e,
-  Ce[ke(e)](e, t),
+  Re[ke(e)](e, t),
   t
-), Xe = (e, t, s) => {
+), _e = (e, t, s) => {
   const c = Je(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) => {
-  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" && v(l), d = e.type === "text" && t && e.text === (s == null ? void 0 : s.text);
+  ], r = Ge(...n);
+  return c.children = Ye(...n), c.needRerender = r, ze(c, s, r), c;
+}, ze = (e, t, s) => {
+  s !== "A" && t && (e.el = t.el), s && ["D", "R", "SR"].includes(s) && (t != null && t.compKey && (Q(t), I(t)), e.oldChildren = t == null ? void 0 : t.children), e.oldProps = t == null ? void 0 : t.props;
+}, Ge = (e, t, s) => {
+  const c = s && s.type, n = J(e), o = !!e.getParent && p(e).type, l = i(e), h = o === "loop" && C(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(
+}, Xe = (e, t) => {
+  e && t !== e && (Y(e).forEach((s) => delete e[s]), a(t || {}).forEach(([s, c]) => e[s] = c));
+}, $e = (e, t) => {
+  e && t !== e && (e.splice(0, e.length), t && t.forEach((s) => e.push(s)));
+}, He = (e, t) => {
+  const { compProps: s, compChild: c } = e, { props: n, children: r } = t;
+  return s && Xe(s, n), c && $e(c, r), e.reRender && e.reRender();
+}, Je = (e, t, s) => T(e) ? t && s ? He(s, e) : e.resolve() : e, Ye = (e, t, s) => t && s ? Ke(e, s) : Ze(e), Ze = (e) => (e.children || []).map(
   (t) => S(F(t), { getParent: () => e })
-), Ve = (e, t) => e.type === "loop" && v(i((e.children || [])[0])) ? Ke(e, t) : (e.children || []).map(
+), Ke = (e, t) => e.type === "loop" && C(i((e.children || [])[0])) ? Ve(e, t) : (e.children || []).map(
   (s, c) => S(F(s, (t.children || [])[c]), {
     getParent: () => e
   })
-), Ke = (e, t) => {
+), Ve = (e, t) => {
   const [s, c] = ge(
     e,
     t
@@ -296,66 +261,101 @@ const B = () => {
   }), c];
 }, me = (e, t) => t.find(
   (s) => i(s) === i(e)
-), rt = (e, t = () => []) => {
-  u.get(R()).upR.push(() => X(e, t)), X(e, t);
-}, we = () => {
+);
+let P = [], M = !1;
+const ce = (e, t) => {
+  u.get(e).up = () => {
+    P.push({
+      compKey: e,
+      exec: t
+    }), M || (M = !0, queueMicrotask(We));
+  };
+}, we = (e) => () => {
+  var c;
+  const t = (c = u.get(e)) == null ? void 0 : c.up;
+  let s = !1;
+  return t && (t(), s = !0), s;
+}, ne = (e, t) => {
+  (e.children || []).forEach((s) => {
+    const c = s.compKey;
+    c && t.push(c), ne(s, t);
+  });
+}, We = () => {
+  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 && ne(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;
+}, ut = (e, t = () => []) => {
+  u.get(E()).upR.push(() => G(e, t)), G(e, t);
+}, De = () => {
   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) => ({
+}, re = (e, ...t) => ({
   type: "fragment",
   children: t
-}), ot = (e, t, ...s) => {
-  const c = { value: void 0 }, n = t || {}, r = ue(c, s), o = tt(e, n, r);
+}), lt = (e, t, ...s) => {
+  const c = { value: void 0 }, n = t || {}, r = fe(c, s), o = ct(e, n, r);
   return T(o) || (c.value = o), o;
-}, ut = (e) => (t, s) => e, ne = (e, t, s, c) => {
+}, ft = (e) => (t, s) => e, oe = (e, t, s, c) => {
   var f;
-  O.value = !0;
-  const n = re(e, t, s), r = F(n, c), { isRoot: o, getParent: l, wrapElement: h, afterElement: d } = c;
+  A.value = !0;
+  const n = ue(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);
+    const _ = ((f = l()) == null ? void 0 : f.children) || [], de = _.indexOf(c);
+    _.splice(de, 1, r);
   } else
     r.isRoot = !0, r.wrapElement = h, r.afterElement = d;
-  O.value = !1, m(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(
+  A.value = !1, m(r);
+}, ue = (e, t, s) => ({ tagName: e.name, ctor: e, props: t, children: s, resolve: (o = t) => {
+  Pe(o);
+  const h = e(t, s)(we(o), t, s), d = et(
     h,
     o,
     e,
     t,
     s
   ), f = d;
-  return V(
+  return ce(
     o,
-    () => ne(e, t, s, f)
+    () => oe(e, t, s, f)
   ), Z(o, "vd").value = d, d;
-} }), We = (e, t, s, c, n) => {
+} }), et = (e, t, s, c, n) => {
   const r = e(c);
   if (r.reRender)
     throw new Error(
-      'The root of a component must not be a component, use "Fragment"'
+      'Avoid the case where the first element of a component is a component. Instead of "mount(()=>()=><Component />)" replace it with something like "mount(()=>()=><Fragment><Component /></Fragment>)".'
     );
-  return oe(
+  return le(
     r,
     t,
     s,
     c,
     n,
-    De(e, t, s, c, n)
+    tt(e, t, s, c, n)
   ), r;
-}, De = (e, t, s, c, n) => {
-  const r = () => et(e, t, s, c, n, r);
+}, tt = (e, t, s, c, n) => {
+  const r = () => st(e, t, s, c, n, r);
   return r;
-}, et = (e, t, s, c, n, r) => {
-  Te(t), we();
+}, st = (e, t, s, c, n, r) => {
+  xe(t), De();
   const o = e(c);
-  return V(
+  return ce(
     t,
-    () => ne(s, c, n, o)
-  ), oe(o, t, s, c, n, r), Z(t, "vd").value = o, o;
-}, oe = (e, t, s, c, n, r) => {
+    () => oe(s, c, n, o)
+  ), le(o, t, s, c, n, r), Z(t, "vd").value = o, o;
+}, le = (e, t, s, c, n, r) => {
   S(e, {
     compProps: c,
     compChild: n,
@@ -364,12 +364,12 @@ const B = () => {
     compKey: t,
     reRender: r
   });
-}, tt = (e, t, s) => {
-  if ($(e))
-    return ce(t, ...s);
+}, ct = (e, t, s) => {
+  if (H(e))
+    return re(t, ...s);
   if (T(e)) {
-    const c = re(e, t, s);
-    return O.value ? c : c.resolve();
+    const c = ue(e, t, s);
+    return A.value ? c : c.resolve();
   }
   return {
     type: "element",
@@ -377,29 +377,29 @@ const B = () => {
     props: t,
     children: s
   };
-}, ue = (e, t) => t.map(
-  (s) => S(st(s), { getParent: () => e.value })
-), st = (e) => {
+}, fe = (e, t) => t.map(
+  (s) => S(nt(s), { getParent: () => e.value })
+), nt = (e) => {
   if (e == null || e === !1)
     return { type: null };
   if (Array.isArray(e)) {
     const t = { value: void 0 }, c = {
       type: "loop",
-      children: ue(t, e)
+      children: fe(t, e)
     };
     return t.value = c, c;
   } else if (typeof e == "string" || typeof e == "number")
     return { type: "text", text: e };
   return e;
-}, lt = (e) => ({ value: e }), ft = () => Promise.resolve();
+}, dt = (e) => ({ value: e }), pt = () => Promise.resolve();
 export {
-  ce as Fragment,
-  ot as h,
-  ut as mount,
-  ct as mountCallback,
-  ft as nextTick,
-  lt as ref,
-  nt as render,
-  rt as updateCallback
+  re as Fragment,
+  lt as h,
+  ft as mount,
+  rt as mountCallback,
+  pt as nextTick,
+  dt as ref,
+  ot as render,
+  ut as updateCallback
 };
 //# sourceMappingURL=lithent.mjs.map