lithent 1.17.3 → 1.18.0

package/README.md

@@ -90,14 +90,14 @@ pnpm add lithent
 
 #### Or Use CDN
 
-* UMD : https://cdn.jsdelivr.net/npm/lithent@1.17.2/dist/lithent.umd.js
-* UMD-HELPER: https://cdn.jsdelivr.net/npm/lithent@1.17.2/helper/dist/lithentHelper.umd.js
-* UMD-FTAGS: https://cdn.jsdelivr.net/npm/lithent@1.17.2/ftags/dist/lithentFTags.umd.js
-* UMD-TAG: https://cdn.jsdelivr.net/npm/lithent@1.17.2/tag/dist/lithentTag.umd.js
-* ESM : https://cdn.jsdelivr.net/npm/lithent@1.17.2/dist/lithent.mjs
-* ESM-HELPER: https://cdn.jsdelivr.net/npm/lithent@1.17.2/helper/dist/lithentHelper.mjs
-* ESM-FTAGS: https://cdn.jsdelivr.net/npm/lithent@1.17.2/ftags/dist/lithentFTags.mjs
-* ESM-TAG: https://cdn.jsdelivr.net/npm/lithent@1.17.2/tag/dist/lithentTag.mjs
+* UMD : https://cdn.jsdelivr.net/npm/lithent@1.18.0/dist/lithent.umd.js
+* UMD-HELPER: https://cdn.jsdelivr.net/npm/lithent@1.18.0/helper/dist/lithentHelper.umd.js
+* UMD-FTAGS: https://cdn.jsdelivr.net/npm/lithent@1.18.0/ftags/dist/lithentFTags.umd.js
+* UMD-TAG: https://cdn.jsdelivr.net/npm/lithent@1.18.0/tag/dist/lithentTag.umd.js
+* ESM : https://cdn.jsdelivr.net/npm/lithent@1.18.0/dist/lithent.mjs
+* ESM-HELPER: https://cdn.jsdelivr.net/npm/lithent@1.18.0/helper/dist/lithentHelper.mjs
+* ESM-FTAGS: https://cdn.jsdelivr.net/npm/lithent@1.18.0/ftags/dist/lithentFTags.mjs
+* ESM-TAG: https://cdn.jsdelivr.net/npm/lithent@1.18.0/tag/dist/lithentTag.mjs
 
 
 It's easier to use lithent with JSX or HTM.
@@ -122,9 +122,9 @@ import { fTags, fFragment, fMount } from 'lithent/ftags';
 const { section, div, p, br, strong } = fTags;
 
 /* UMD
-<script src="https://cdn.jsdelivr.net/npm/lithent@1.17.2/dist/lithent.umd.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/lithent@1.17.2/helper/dist/lithentHelper.umd.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/lithent@1.17.2/ftags/dist/lithentFTags.umd.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/lithent@1.18.0/dist/lithent.umd.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/lithent@1.18.0/helper/dist/lithentHelper.umd.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/lithent@1.18.0/ftags/dist/lithentFTags.umd.js"></script>
 
 const { render } = lithent;
 const { fTags, fMount, fFragment } = lithentFTags;
@@ -197,10 +197,10 @@ const destroy = render(lTag`<${Component} />`, document.getElementById('root'),
 #### With UMD
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/lithent@1.17.2/dist/lithent.umd.js"></script>
-<!--script src="https://cdn.jsdelivr.net/npm/lithent@1.17.2/helper/dist/lithentHelper.umd.js"></script-->
-<script src="https://cdn.jsdelivr.net/npm/lithent@1.17.2/tag/dist/lithentTag.umd.js"></script>
-<!--script src="https://cdn.jsdelivr.net/npm/lithent@1.17.2/ftags/dist/lithentFTags.umd.js"></script-->
+<script src="https://cdn.jsdelivr.net/npm/lithent@1.18.0/dist/lithent.umd.js"></script>
+<!--script src="https://cdn.jsdelivr.net/npm/lithent@1.18.0/helper/dist/lithentHelper.umd.js"></script-->
+<script src="https://cdn.jsdelivr.net/npm/lithent@1.18.0/tag/dist/lithentTag.umd.js"></script>
+<!--script src="https://cdn.jsdelivr.net/npm/lithent@1.18.0/ftags/dist/lithentFTags.umd.js"></script-->
 
 <div id="root"></div>
 

package/dist/lithent.mjs

@@ -1,4 +1,4 @@
-const R = (e) => typeof e == "object" && !("resolve" in e), a = (e, t) => R(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) => {
+const R = (e) => typeof e == "object" && !("resolve" in e), N = (e, t) => R(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 R(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) => {
@@ -10,7 +10,7 @@ const R = (e) => typeof e == "object" && !("resolve" in e), a = (e, t) => R(e) &
 }, o = (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);
-}, C = (e) => e && ["fragment", "loop"].includes(e), T = (e) => typeof e == "function" && !g(e) || typeof e == "object" && "resolve" in e, g = (e) => typeof e == "function" && e === J, m = (e) => R(e) && !e.type, E = (e) => e != null, Y = (e, t) => e === "style" && typeof t == "object", ve = (e, t) => e === "ref" && typeof t == "object", Ce = (e, t) => {
+}, v = (e) => e && ["fragment", "loop"].includes(e), T = (e) => typeof e == "function" && !g(e) || typeof e == "object" && "resolve" in e, g = (e) => typeof e == "function" && e === J, m = (e) => R(e) && !e.type, E = (e) => e != null, Y = (e, t) => e === "style" && typeof t == "object", Ce = (e, t) => e === "ref" && typeof t == "object", ve = (e, t) => {
   const s = Object.getOwnPropertyDescriptor(
     e.constructor.prototype,
     t
@@ -18,7 +18,7 @@ const R = (e) => typeof e == "object" && !("resolve" in e), a = (e, t) => R(e) &
   return s && s.get && s.set;
 }, Re = (e) => {
   let t = "et";
-  return T(e) ? t = "c" : a(e, "fragment") ? t = "f" : a(e, "element") ? t = "e" : a(e, "loop") ? t = "l" : a(e, "text") ? t = "t" : m(e) && (t = "et"), t;
+  return T(e) ? t = "c" : N(e, "fragment") ? t = "f" : N(e, "element") ? t = "e" : N(e, "loop") ? t = "l" : N(e, "text") ? t = "t" : m(e) && (t = "et"), t;
 }, ke = {
   c: pe,
   l: ye,
@@ -26,7 +26,7 @@ const R = (e) => typeof e == "object" && !("resolve" in e), a = (e, t) => R(e) &
   e: ie,
   f: he,
   et: X
-}, v = Symbol.for("lithentWDomSymbol"), k = { value: "" }, S = { value: {} }, O = { value: !1 }, f = /* @__PURE__ */ new WeakMap(), Ee = (e) => {
+}, C = Symbol.for("lithentWDomSymbol"), k = { value: "" }, S = { value: {} }, O = { value: !1 }, f = /* @__PURE__ */ new WeakMap(), Ee = (e) => {
   f.set(e, {
     vd: { value: null },
     up: () => {
@@ -38,40 +38,40 @@ const R = (e) => typeof e == "object" && !("resolve" in e), a = (e, t) => R(e) &
     mts: [],
     umts: []
   });
-}, x = () => S.value, Z = (e, t) => f.get(e) ? f.get(e)[t] : null, Pe = (e) => S.value = e, Se = (e) => {
+}, a = () => S.value, Z = (e, t) => f.get(e) ? f.get(e)[t] : null, Pe = (e) => S.value = e, Se = (e) => {
   S.value = e, Ee(e);
-}, i = (e) => e.getParent && e.getParent(), P = Object.entries, w = Object.keys, b = Object.assign, lt = (e) => typeof e == "object" && !Array.isArray(e) && !Object.getOwnPropertySymbols(e).includes(v), xe = (e) => {
-  f.get(x()).umts.push(e);
+}, y = (e) => e.getParent && e.getParent(), P = Object.entries, w = Object.keys, b = Object.assign, lt = (e) => typeof e == "object" && !Array.isArray(e) && !Object.getOwnPropertySymbols(e).includes(C), ae = (e) => {
+  f.get(a()).umts.push(e);
 }, U = (e) => {
   const { compKey: t } = e;
-  t && Ne(t), W(e);
+  t && xe(t), W(e);
 }, W = (e) => {
   (e.children || []).forEach((t) => {
     t.compKey ? U(t) : W(t);
   });
-}, Ne = (e) => {
+}, xe = (e) => {
   const t = f.get(e);
   t && (t.umts.forEach((s) => s()), t.umts = [], f.delete(e));
 };
 let Q = [];
 const I = () => {
   Q.forEach((e) => Te(e)), Q = [];
-}, ae = (e) => {
+}, Ne = (e) => {
   e.compKey && Q.push(e);
 }, ft = (e) => {
   var t;
-  return (((t = f.get(x())) == null ? void 0 : t.mts) || []).push(e);
+  return (((t = f.get(a())) == null ? void 0 : t.mts) || []).push(e);
 }, Te = (e) => {
   const { compKey: t } = e;
   if (t) {
     const s = f.get(t), c = s == null ? void 0 : s.mts, r = s == null ? void 0 : s.upS;
     S.value = t, r && (r.value = 0), c && (s.mts = [], c.forEach((n) => {
       const u = n();
-      u && xe(u);
+      u && ae(u);
     }));
   }
 }, H = (e, t = () => []) => {
-  const s = f.get(x()), { upD: c, upS: r } = s, n = c[r.value];
+  const s = f.get(a()), { upD: c, upS: r } = s, n = c[r.value];
   if (n && Ue(n, t())) {
     const u = e();
     u && s.upCB.push(u);
@@ -111,7 +111,7 @@ const I = () => {
 }, $ = (e) => {
   e.oldProps && e.el && ue(e.oldProps, e.el), te(
     e,
-    A(i(e))
+    A(y(e))
   );
 }, te = (e, t) => {
   var s, c;
@@ -125,36 +125,36 @@ const I = () => {
 }, ce = (e) => {
   $(e), G(e);
 }, Ae = (e) => {
-  if (B(e), i(e).needRerender !== "CNSU") {
+  if (B(e), y(e).needRerender !== "CNSU") {
     const s = ne(e);
     G(e, s);
   }
 }, G = (e, t) => {
   t || (t = L(e));
-  const s = i(e);
+  const s = y(e);
   if (s.type) {
-    const c = A(s), n = s.type === "loop" && s.needRerender && s.needRerender !== "CNSU" ? j(s, i(s)) : j(e, s);
+    const c = A(s), n = s.type === "loop" && s.needRerender && s.needRerender !== "CNSU" ? j(s, y(s)) : j(e, s);
     t && c && (e.tag !== "portal" && (n ? c.insertBefore(t, n) : c.appendChild(t)), I());
   }
-}, ne = (e) => C(e.type) ? ((e == null ? void 0 : e.children) || []).reduce((t, s) => {
+}, ne = (e) => v(e.type) ? ((e == null ? void 0 : e.children) || []).reduce((t, s) => {
   const c = ne(s);
   return c && t.appendChild(c), t;
 }, z()) : e.el, j = (e, t) => {
   const s = t.children || [], r = s.indexOf(e) + 1, n = s.slice(r), u = re(n), l = t.type || "";
   if (u)
     return u;
-  if (!t.isRoot && C(l))
-    return j(t, i(t));
-  if (t.isRoot && C(l) && t.afterElement)
+  if (!t.isRoot && v(l))
+    return j(t, y(t));
+  if (t.isRoot && v(l) && t.afterElement)
     return t.afterElement;
 }, re = (e) => e.reduce(
   (t, s) => {
-    const c = s.type, r = s.el, n = c && C(c);
+    const c = s.type, r = s.el, n = c && v(c);
     return t || (n ? re(s.children || []) : r && r.nodeType !== 11 ? r : t);
   },
   void 0
 ), Me = (e) => {
-  const t = i(e), s = e.el;
+  const t = y(e), s = e.el;
   if (t.type && s)
     if (s.nodeType === 11)
       ce(e);
@@ -196,12 +196,12 @@ const I = () => {
       u,
       Y(n, r.style) ? r.style : {},
       t
-    ) : ve(n, u) ? u.value = t : n.match(/^on/) ? K(
+    ) : Ce(n, u) ? u.value = t : n.match(/^on/) ? K(
       t,
       n,
       u,
       r[n]
-    ) : n && (n !== "type" && Ce(t, n) ? t[n] = u : Qe(
+    ) : n && (n !== "type" && ve(t, n) ? t[n] = u : Qe(
       Fe(n),
       t,
       u
@@ -213,8 +213,8 @@ const I = () => {
   k.value && e !== "xmlns" ? t.setAttributeNS(null, e, s) : t.setAttribute(e, s);
 }, L = (e, t) => {
   let s;
-  const { type: c, tag: r, text: n, props: u, children: l = [] } = e, p = C(c);
-  return r === "svg" && (k.value = String(u == null ? void 0 : u.xmlns)), t ? s = e.el : (p ? s = z() : c === "element" && r ? r === "portal" && (u != null && u.portal) ? s = u.portal : s = k.value ? document.createElementNS(k.value, r) : V(r) : c === "text" && E(n) ? s = document.createTextNode(String(n)) : s = V("e"), e.el = s), je(l, s, t), le(u, s, null, t), ae(e), r === "svg" && (k.value = ""), s;
+  const { type: c, tag: r, text: n, props: u, children: l = [] } = e, h = v(c);
+  return r === "svg" && (k.value = String(u == null ? void 0 : u.xmlns)), t ? s = e.el : (h ? s = z() : c === "element" && r ? r === "portal" && (u != null && u.portal) ? s = u.portal : s = k.value ? document.createElementNS(k.value, r) : V(r) : c === "text" && E(n) ? s = document.createTextNode(String(n)) : s = V("e"), e.el = s), je(l, s, t), le(u, s, null, t), Ne(e), r === "svg" && (k.value = ""), s;
 }, je = (e, t, s) => {
   const c = e.reduce(
     (r, n) => {
@@ -238,8 +238,8 @@ const I = () => {
     ([n]) => r[n] = ""
   ));
 }, A = (e) => {
-  const t = C(e.type);
-  return e.isRoot && t ? e.wrapElement : t ? A(i(e)) : e.el;
+  const t = v(e.type);
+  return e.isRoot && t ? e.wrapElement : t ? A(y(e)) : e.el;
 }, M = (e, t) => qe(
   e,
   ke[Re(e)](e, t),
@@ -254,9 +254,9 @@ const I = () => {
 }, _e = (e, t, s) => {
   s !== "A" && t && (e.el = t.el), s && ["D", "R", "SR"].includes(s) && (t && (U(t), F(t)), e.oldChildren = t == null ? void 0 : t.children), e.oldProps = t == null ? void 0 : t.props;
 }, Ie = (e, t, s) => {
-  const c = s && s.type, r = m(e), n = e.isRoot, u = s && i(s), l = !n && (u == null ? void 0 : u.type), p = o(e), h = l === "loop" && E(p), y = e.type === "text" && t && e.text === (s == null ? void 0 : s.text), N = e === s;
+  const c = s && s.type, r = m(e), n = e.isRoot, u = s && y(s), l = !n && (u == null ? void 0 : u.type), h = o(e), p = l === "loop" && E(h), i = e.type === "text" && t && e.text === (s == null ? void 0 : s.text), x = e === s;
   let d;
-  return r ? d = "D" : y || N ? d = "N" : c ? t ? d = h ? "SU" : "U" : d = h ? "SR" : "R" : d = "A", e.type === "loop" && d === "U" && s && ze(e, s) && (d = "CNSU"), d;
+  return r ? d = "D" : i || x ? d = "N" : c ? t ? d = p ? "SU" : "U" : d = p ? "SR" : "R" : d = "A", e.type === "loop" && d === "U" && s && ze(e, s) && (d = "CNSU"), d;
 }, ze = (e, t) => {
   const s = [...(t == null ? void 0 : t.children) || []], c = [...(e == null ? void 0 : e.children) || []].filter(
     (u) => s.find((l) => o(u) === o(l))
@@ -312,33 +312,33 @@ const me = (e, t) => {
     e();
   }), q.clear(), _ = !1;
 }, dt = (e, t = () => []) => {
-  f.get(x()).upR.push(() => H(e, t)), H(e, t);
+  f.get(a()).upR.push(() => H(e, t)), H(e, t);
 }, De = () => {
   var t;
-  const e = (t = f.get(x())) == null ? void 0 : t.upR;
+  const e = (t = f.get(a())) == null ? void 0 : t.upR;
   e != null && e.length && e.forEach((s) => s());
 }, J = (e, ...t) => ({
   type: "fragment",
-  [v]: !0,
+  [C]: !0,
   children: t
 }), et = (e, t, ...s) => {
   const c = { value: void 0 }, r = t || {}, n = de(c, s), u = rt(e, r, n);
   return T(u) || (c.value = u), u;
 }, pt = (e, t) => et("portal", { portal: t }, e), ht = (e) => (t, s) => e, tt = (e, t, s, c) => {
-  var y;
+  var i;
   if (c.isLegacy)
     return;
   O.value = !0;
-  const r = fe(e, t, s), n = M(r, c), { isRoot: u, getParent: l, wrapElement: p, afterElement: h } = c;
+  const r = fe(e, t, s), n = M(r, c), { isRoot: u, getParent: l, wrapElement: h, afterElement: p } = c;
   if (n.getParent = l, !u && l) {
-    const N = ((y = l()) == null ? void 0 : y.children) || [], d = N.indexOf(c);
-    N.splice(d, 1, n);
+    const x = ((i = l()) == null ? void 0 : i.children) || [], d = x.indexOf(c);
+    x.splice(d, 1, n);
   } else
-    n.isRoot = !0, n.wrapElement = p, n.afterElement = h;
+    n.isRoot = !0, n.wrapElement = h, n.afterElement = p;
   O.value = !1, ee(n);
 }, fe = (e, t, s) => ({ tagName: e.name, ctor: e, props: t, children: s, resolve: (u = t) => {
   Se(u);
-  const p = e(t, s)(we(u), t, s);
+  const l = e(t, s), p = (typeof l == "function" ? l : () => () => l)(we(u), t, s);
   return st(
     p,
     u,
@@ -348,9 +348,9 @@ const me = (e, t) => {
   );
 } }), st = (e, t, s, c, r) => {
   let n = e, u = e(c);
-  u.reRender && (n = (p) => {
-    const h = e(p), y = J({}, h);
-    return h.getParent = () => y, y;
+  u.reRender && (n = (h) => {
+    const p = e(h), i = J({}, p);
+    return p.getParent = () => i, i;
   }, u = n(c));
   const l = ct(
     n,
@@ -388,7 +388,7 @@ const me = (e, t) => {
   }
   return {
     type: "element",
-    [v]: !0,
+    [C]: !0,
     tag: e,
     props: t,
     children: s
@@ -397,16 +397,16 @@ const me = (e, t) => {
   (s) => b(ut(s), { getParent: () => e.value })
 ), ut = (e) => {
   if (e == null || e === !1)
-    return { type: null, [v]: !0 };
+    return { type: null, [C]: !0 };
   if (Array.isArray(e)) {
     const t = { value: void 0 }, s = de(t, e), c = {
       type: "loop",
-      [v]: !0,
+      [C]: !0,
       children: s
     };
     return t.value = c, c;
   } else if (typeof e == "string" || typeof e == "number")
-    return { type: "text", [v]: !0, text: e };
+    return { type: "text", [C]: !0, text: e };
   return e;
 }, it = (e) => ({ value: e }), yt = () => Promise.resolve();
 export {