lithent 1.0.3 → 1.0.5

package/README.md

@@ -9,8 +9,7 @@ used lightly in a variety of situations.
 - https://superlucky84.github.io/lithent
   - (This guide page is written in lithent.)
 
-`(9.60 KiB / gzip: 3.72 KiB)`
-
+`(9.97 kB / gzip: 3.92 kB)`
 
 ## 🚩 Table of Contents
 
@@ -61,10 +60,10 @@ pnpm add lithent
 
 #### Or Use CDN
 
-* UMD : https://cdn.jsdelivr.net/npm/lithent@1.0.3/dist/lithent.umd.js
-* UMD-HELPER: https://cdn.jsdelivr.net/npm/lithent@1.0.3/helper/dist/lithentHelper.umd.js
-* ESM : https://cdn.jsdelivr.net/npm/lithent@1.0.3/dist/lithent.mjs
-* ESM-HELPER: https://cdn.jsdelivr.net/npm/lithent@1.0.3/helper/dist/lithentHelper.mjs
+* 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
 
 
 It's easier to use lithent with JSX or HTM.
@@ -114,18 +113,16 @@ const Component = mount((renew, _props) => {
   `;
 });
 
-// insertBefore
-// render(`<${Component} />`, document.getElementById('root'), document.getElementById('nextElement'));
-
-// appendChild
-const destroy = render(html`<${Component} />`, document.getElementById('root'));
+// appendChild or insertBefore
+// The third argument is an optional value for insertBefore.
+const destroy = render(html`<${Component} />`, document.getElementById('root'), document.getElementById('#insert-before-this-element'));
 ```
 
 #### With UMD
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/lithent@1.0.3/dist/lithent.umd.js"></script>
-<!--script src="https://cdn.jsdelivr.net/npm/lithent@1.0.3/helper/dist/lithentHelper.umd.js"></script-->
+<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://cdnjs.cloudflare.com/ajax/libs/htm/3.1.1/htm.js"></script>
 
 <div id="root"></div>
@@ -152,7 +149,9 @@ const Component = mount(renew => {
   `;
 });
 
-const destroy = render(html`<${Component} />`, document.getElementById('root'));
+// appendChild or insertBefore
+// The third argument is an optional value for insertBefore.
+const destroy = render(html`<${Component} />`, document.getElementById('root'), document.getElementById('#insert-before-this-element'));
 </script>
 ```
 

package/dist/lithent.mjs

@@ -1,41 +1,41 @@
-const k = (e) => typeof e == "object" && !("resolve" in e), E = (e, t) => k(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), 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) => {
   var s, c;
-  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);
+  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 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);
+  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 k(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" && v(i((e.children || [])[0])) && v(i((t.children || [])[0])));
+  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) => {
-  var t, s, c;
-  return (c = (t = e == null ? void 0 : e.compProps) == null ? void 0 : t.key) != null ? c : (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) => k(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), Ce = (e) => typeof e == "number" || typeof e == "string", ke = (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) => {
   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;
-}, ae = {
+}, Ce = {
   c: fe,
   l: U,
   t: U,
   e: pe,
   f: de,
   et: U
-}, p = (e) => e.getParent && e.getParent(), Re = (e, t) => {
+}, p = (e) => e.getParent && e.getParent(), ae = (e, t) => {
   const { compProps: s, compChild: c } = e, { props: n, children: r } = t;
-  return s && Ee(s, n), c && xe(c, r), e.reRender && e.reRender();
-}, J = (e) => e.replace(/^on(.*)/, (t, s) => s.toLowerCase()), G = (e) => e === "className" ? "class" : e, C = Object.entries, Y = Object.keys, S = Object.assign, Ee = (e, t) => {
-  e && t !== e && (Y(e).forEach((s) => delete e[s]), C(t || {}).forEach(([s, c]) => e[s] = c));
-}, xe = (e, 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 }, o = /* @__PURE__ */ new WeakMap(), Pe = (e) => () => {
+const v = { value: "" }, a = { value: {} }, O = { value: !1 }, u = /* @__PURE__ */ new WeakMap(), xe = (e) => () => {
   var c;
-  const t = (c = o.get(e)) == null ? void 0 : c.up;
+  const t = (c = u.get(e)) == null ? void 0 : c.up;
   let s = !1;
   return t && (t(), s = !0), s;
-}, Te = (e) => {
-  o.set(e, {
+}, Pe = (e) => {
+  u.set(e, {
     vd: { value: null },
     up: () => {
     },
@@ -46,25 +46,25 @@ const y = { value: "" }, a = { value: {} }, O = { value: !1 }, o = /* @__PURE__
     mts: [],
     umts: []
   });
-}, R = () => a.value, Z = (e, t) => o.get(e)[t], V = (e, t) => {
-  o.get(e).up = () => {
+}, 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(be));
+    }), A || (A = !0, queueMicrotask(Ne));
   };
-}, Se = (e) => a.value = e, Ne = (e) => {
-  a.value = e, Te(e);
+}, 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);
   });
-}, be = () => {
+}, Ne = () => {
   let e = [];
   x.forEach((c) => {
-    var r, u;
-    const n = (u = (r = o.get(c.compKey)) == null ? void 0 : r.vd) == null ? void 0 : u.value;
+    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) => {
@@ -76,69 +76,69 @@ const y = { value: "" }, a = { value: {} }, O = { value: !1 }, o = /* @__PURE__
     c && c.exec();
   }
   x = [], A = !1;
-}, Fe = (e) => {
-  o.get(R()).umts.push(e);
+}, be = (e) => {
+  u.get(R()).umts.push(e);
 }, Q = (e) => {
   const { compKey: t } = e;
-  t && Ue(t), g(e);
+  t && Fe(t), g(e);
 }, g = (e) => {
   (e.children || []).forEach((t) => {
     t.compKey ? Q(t) : g(t);
   });
-}, Ue = (e) => {
-  const t = o.get(e);
-  t && (t.umts.forEach((s) => s()), t.umts = [], o.delete(e));
+}, Fe = (e) => {
+  const t = u.get(e);
+  t && (t.umts.forEach((s) => s()), t.umts = [], u.delete(e));
 };
 let L = [];
 const B = () => {
-  L.forEach((e) => Oe(e)), L = [];
-}, Ae = (e) => {
+  L.forEach((e) => Ae(e)), L = [];
+}, Ue = (e) => {
   e.compKey && L.push(e);
-}, ct = (e) => o.get(R()).mts.push(e), Oe = (e) => {
+}, ct = (e) => u.get(R()).mts.push(e), Ae = (e) => {
   const { compKey: t } = e;
   if (t) {
-    const s = o.get(t), c = s == null ? void 0 : s.mts, n = s == null ? void 0 : s.upS;
+    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) => {
-      const u = r();
-      u && Fe(u);
+      const o = r();
+      o && be(o);
     }));
   }
 }, X = (e, t = () => []) => {
-  const s = o.get(R()), { upD: c, upS: n } = s, r = c[n.value];
-  if (r && Me(r, t())) {
-    const u = e();
-    u && s.upCB.push(u);
+  const s = u.get(R()), { upD: c, upS: n } = s, r = c[n.value];
+  if (r && Le(r, t())) {
+    const o = e();
+    o && s.upCB.push(o);
   }
   c[n.value] = t(), n.value += 1;
-}, Le = (e) => {
+}, Oe = (e) => {
   const { compKey: t } = e;
   if (t) {
-    const s = o.get(t), c = s == null ? void 0 : s.upCB, n = s == null ? void 0 : s.upS;
+    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()));
   }
-}, Me = (e, t) => !e.length && !e.length ? !0 : e.some((s, c) => s !== t[c]), nt = (e, t, s) => {
-  t != null || (t = document.body), e.isRoot = !0, e.wrapElement = t;
+}, Le = (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 = o.get(e.compProps || {})) == null ? void 0 : r.vd.value;
-    n && (Q(n), j(n), Qe(n));
+    const n = (r = u.get(e.compProps || {})) == null ? void 0 : r.vd.value;
+    n && (Q(n), j(n), Me(n));
   };
 }, m = (e) => {
   const { needRerender: t } = e;
   t && t !== "N" && {
     A: q,
     D: I,
-    R: je,
-    U: Ie,
+    R: Be,
+    U: je,
     SR: D,
-    SU: Be
+    SU: Qe
   }[t](e);
 }, j = (e) => {
   e.props && e.el && te(e.props, e.el), (e.children || []).forEach((t) => {
     j(t);
   });
-}, Qe = (e) => {
+}, Me = (e) => {
   w(e, e.wrapElement);
 }, I = (e) => {
   e.oldProps && e.el && te(e.oldProps, e.el), w(
@@ -155,7 +155,7 @@ const B = () => {
   });
 }, D = (e) => {
   I(e), q(e);
-}, Be = (e) => {
+}, Qe = (e) => {
   I(e), q(e, e.el);
 }, q = (e, t) => {
   t || (t = N(e));
@@ -165,9 +165,9 @@ const B = () => {
     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), u = ee(r), l = t.type || "";
-  if (u)
-    return u;
+  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)
@@ -178,7 +178,7 @@ const B = () => {
     return t || (r ? ee(s.children || []) : n && n.nodeType !== 11 ? n : t);
   },
   void 0
-), je = (e) => {
+), Be = (e) => {
   const t = p(e), s = e.el;
   if (t.type && s)
     if (s.nodeType === 11)
@@ -188,30 +188,31 @@ const B = () => {
       c && c.replaceChild(n, s), B();
     }
 }, te = (e, t) => {
-  C(e || {}).forEach(([s, c]) => {
+  k(e || {}).forEach(([s, c]) => {
     s.match(/^on/) && t.removeEventListener(
       J(s),
       c
     );
   });
-}, Ie = (e) => {
+}, je = (e) => {
   var s;
   const t = e.el;
   if (e.type === "text") {
-    qe(e);
+    Ie(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)), Le(e);
-}, qe = (e) => {
+  (e.children || []).forEach((c) => m(c)), Oe(e);
+}, Ie = (e) => {
   const t = e.el;
   t && (t.nodeValue = String(e.text));
 }, se = (e, t, s) => {
   const c = { ...s };
-  C(e || {}).forEach(([n, r]) => {
+  k(e || {}).forEach(([n, r]) => {
+    let o = !0;
     n === "key" || (n === "innerHTML" && typeof r == "string" ? t.innerHTML = r : z(n, r) ? Ge(
       r,
       z(n, c.style) ? c.style : {},
@@ -221,21 +222,24 @@ const B = () => {
       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 : Ce(r) && (y.value && n !== "xmlns" ? t.setAttributeNS(
+    ) : 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(
       null,
       G(n),
-      String(r)
+      r
     ) : t.setAttribute(
       G(n),
-      String(r)
-    ))), delete c[n];
+      r
+    )))), o && delete c[n];
   }), Y(c).forEach(
     (n) => t.removeAttribute(n)
   );
+}, qe = (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: u = [] } = 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(u, t), se(r, t), e.el = t, Ae(e), c === "svg" && (y.value = ""), 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 s = e.reduce(
     (c, n) => (n.type && c.appendChild(N(n)), c),
@@ -247,9 +251,9 @@ const B = () => {
   c !== s && (c && e.removeEventListener(n, c), s && e.addEventListener(n, s));
 }, Ge = (e, t, s) => {
   const c = { ...t }, n = s == null ? void 0 : s.style;
-  n && (C(e).forEach(([r, u]) => {
-    n[r] = u, delete c[r];
-  }), C(c).forEach(
+  n && (k(e).forEach(([r, o]) => {
+    n[r] = o, delete c[r];
+  }), k(c).forEach(
     ([r]) => n[r] = ""
   ));
 }, b = (e) => {
@@ -257,7 +261,7 @@ const B = () => {
   return e.isRoot && t ? e.wrapElement : t ? b(p(e)) : e.el;
 }, F = (e, t) => Xe(
   e,
-  ae[ke(e)](e, t),
+  Ce[ke(e)](e, t),
   t
 ), Xe = (e, t, s) => {
   const c = Je(e, t, s), n = [
@@ -269,12 +273,12 @@ const B = () => {
 }, $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), u = !!e.getParent && p(e).type, l = i(e), h = u === "loop" && v(l), d = e.type === "text" && t && e.text === (s == null ? void 0 : s.text);
+  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);
   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 ? Re(s, e) : e.resolve() : e, Ye = (e, t, s) => t && s ? Ve(e, s) : Ze(e), Ze = (e) => (e.children || []).map(
+}, 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(
   (t) => S(F(t), { getParent: () => e })
-), Ve = (e, t) => e.type === "loop" && v(i((e.children || [])[0])) ? Ke(e, t) : (e.children || []).map(
+), Ve = (e, t) => e.type === "loop" && y(i((e.children || [])[0])) ? Ke(e, t) : (e.children || []).map(
   (s, c) => S(F(s, (t.children || [])[c]), {
     getParent: () => e
   })
@@ -290,49 +294,53 @@ const B = () => {
 }, ge = (e, t) => {
   const s = [...e.children || []], c = [...t.children || []];
   return [s.map((r) => {
-    const u = me(r, c), l = F(r, u);
-    return u && c.splice(c.indexOf(u), 1), l.getParent = () => e, l;
+    const o = me(r, c), l = F(r, o);
+    return o && c.splice(c.indexOf(o), 1), l.getParent = () => e, l;
   }), c];
 }, me = (e, t) => t.find(
   (s) => i(s) === i(e)
 ), rt = (e, t = () => []) => {
-  o.get(R()).upR.push(() => X(e, t)), X(e, t);
+  u.get(R()).upR.push(() => X(e, t)), X(e, t);
 }, we = () => {
   var t;
-  const e = (t = o.get(R())) == null ? void 0 : t.upR;
+  const e = (t = u.get(R())) == null ? void 0 : t.upR;
   e != null && e.length && e.forEach((s) => s());
 }, ce = (e, ...t) => ({
   type: "fragment",
   children: t
-}), ut = (e, t, ...s) => {
-  const c = { value: void 0 }, n = t || {}, r = oe(c, s), u = tt(e, n, r);
-  return T(u) || (c.value = u), u;
-}, ot = (e) => (t, s) => e, ne = (e, t, s, c) => {
+}), ot = (e, t, ...s) => {
+  const c = { value: void 0 }, n = t || {}, r = ue(c, s), o = tt(e, n, r);
+  return T(o) || (c.value = o), o;
+}, ut = (e) => (t, s) => e, ne = (e, t, s, c) => {
   var f;
   O.value = !0;
-  const n = re(e, t, s), r = F(n, c), { isRoot: u, getParent: l, wrapElement: h, afterElement: d } = c;
-  if (r.getParent = l, !u && l) {
+  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);
-}, re = (e, t, s) => ({ tagName: e.name, ctor: e, props: t, children: s, resolve: (u = t) => {
-  Ne(u);
-  const h = e(t, s)(Pe(u), t, s), d = We(
+}, 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(
     h,
-    u,
+    o,
     e,
     t,
     s
   ), f = d;
   return V(
-    u,
+    o,
     () => ne(e, t, s, f)
-  ), Z(u, "vd").value = d, d;
+  ), Z(o, "vd").value = d, d;
 } }), We = (e, t, s, c, n) => {
   const r = e(c);
-  return ue(
+  if (r.reRender)
+    throw new Error(
+      'The root of a component must not be a component, use "Fragment"'
+    );
+  return oe(
     r,
     t,
     s,
@@ -344,13 +352,13 @@ const B = () => {
   const r = () => et(e, t, s, c, n, r);
   return r;
 }, et = (e, t, s, c, n, r) => {
-  Se(t), we();
-  const u = e(c);
+  Te(t), we();
+  const o = e(c);
   return V(
     t,
-    () => ne(s, c, n, u)
-  ), ue(u, t, s, c, n, r), Z(t, "vd").value = u, u;
-}, ue = (e, t, s, c, n, r) => {
+    () => 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) => {
   S(e, {
     compProps: c,
     compChild: n,
@@ -372,7 +380,7 @@ const B = () => {
     props: t,
     children: s
   };
-}, oe = (e, t) => t.map(
+}, ue = (e, t) => t.map(
   (s) => S(st(s), { getParent: () => e.value })
 ), st = (e) => {
   if (e == null || e === !1)
@@ -380,7 +388,7 @@ const B = () => {
   if (Array.isArray(e)) {
     const t = { value: void 0 }, c = {
       type: "loop",
-      children: oe(t, e)
+      children: ue(t, e)
     };
     return t.value = c, c;
   } else if (typeof e == "string" || typeof e == "number")
@@ -389,8 +397,8 @@ const B = () => {
 }, lt = (e) => ({ value: e }), ft = () => Promise.resolve();
 export {
   ce as Fragment,
-  ut as h,
-  ot as mount,
+  ot as h,
+  ut as mount,
   ct as mountCallback,
   ft as nextTick,
   lt as ref,