lithent 1.12.0 → 1.13.0

package/README.md

@@ -78,14 +78,14 @@ pnpm add lithent
 
 #### Or Use CDN
 
-* UMD : https://cdn.jsdelivr.net/npm/lithent@1.12.0/dist/lithent.umd.js
-* UMD-HELPER: https://cdn.jsdelivr.net/npm/lithent@1.12.0/helper/dist/lithentHelper.umd.js
-* UMD-FTAGS: https://cdn.jsdelivr.net/npm/lithent@1.12.0/ftags/dist/lithentFTags.umd.js
-* UMD-TAG: https://cdn.jsdelivr.net/npm/lithent@1.12.0/tag/dist/lithentTag.umd.js
-* ESM : https://cdn.jsdelivr.net/npm/lithent@1.12.0/dist/lithent.mjs
-* ESM-HELPER: https://cdn.jsdelivr.net/npm/lithent@1.12.0/helper/dist/lithentHelper.mjs
-* ESM-FTAGS: https://cdn.jsdelivr.net/npm/lithent@1.12.0/ftags/dist/lithentFTags.mjs
-* ESM-TAG: https://cdn.jsdelivr.net/npm/lithent@1.12.0/tag/dist/lithentTag.mjs
+* UMD : https://cdn.jsdelivr.net/npm/lithent@1.13.0/dist/lithent.umd.js
+* UMD-HELPER: https://cdn.jsdelivr.net/npm/lithent@1.13.0/helper/dist/lithentHelper.umd.js
+* UMD-FTAGS: https://cdn.jsdelivr.net/npm/lithent@1.13.0/ftags/dist/lithentFTags.umd.js
+* UMD-TAG: https://cdn.jsdelivr.net/npm/lithent@1.13.0/tag/dist/lithentTag.umd.js
+* ESM : https://cdn.jsdelivr.net/npm/lithent@1.13.0/dist/lithent.mjs
+* ESM-HELPER: https://cdn.jsdelivr.net/npm/lithent@1.13.0/helper/dist/lithentHelper.mjs
+* ESM-FTAGS: https://cdn.jsdelivr.net/npm/lithent@1.13.0/ftags/dist/lithentFTags.mjs
+* ESM-TAG: https://cdn.jsdelivr.net/npm/lithent@1.13.0/tag/dist/lithentTag.mjs
 
 
 It's easier to use lithent with JSX or HTM.
@@ -110,9 +110,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.12.0/dist/lithent.umd.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/lithent@1.12.0/helper/dist/lithentHelper.umd.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/lithent@1.12.0/ftags/dist/lithentFTags.umd.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/lithent@1.13.0/dist/lithent.umd.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/lithent@1.13.0/helper/dist/lithentHelper.umd.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/lithent@1.13.0/ftags/dist/lithentFTags.umd.js"></script>
 
 const { render } = lithent;
 const { fTags, fMount, fFragment } = lithentFTags;
@@ -184,10 +184,10 @@ const destroy = render(lTag`<${Component} />`, document.getElementById('root'),
 #### With UMD
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/lithent@1.12.0/dist/lithent.umd.js"></script>
-<!--script src="https://cdn.jsdelivr.net/npm/lithent@1.12.0/helper/dist/lithentHelper.umd.js"></script-->
-<script src="https://cdn.jsdelivr.net/npm/lithent@1.12.0/tag/dist/lithentTag.umd.js"></script>
-<!--script src="https://cdn.jsdelivr.net/npm/lithent@1.12.0/ftags/dist/lithentFTags.umd.js"></script-->
+<script src="https://cdn.jsdelivr.net/npm/lithent@1.13.0/dist/lithent.umd.js"></script>
+<!--script src="https://cdn.jsdelivr.net/npm/lithent@1.13.0/helper/dist/lithentHelper.umd.js"></script-->
+<script src="https://cdn.jsdelivr.net/npm/lithent@1.13.0/tag/dist/lithentTag.umd.js"></script>
+<!--script src="https://cdn.jsdelivr.net/npm/lithent@1.13.0/ftags/dist/lithentFTags.umd.js"></script-->
 
 <div id="root"></div>
 

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { h, Fragment, mount } from './wDom';
+export { h, Fragment, portal, mount } from './wDom';
 export { render } from './render';
 export { mountCallback } from './hook/mountCallback';
 export { updateCallback } from './hook/updateCallback';

package/dist/lithent.mjs

@@ -1,4 +1,4 @@
-const C = (e) => typeof e == "object" && !("resolve" in e), N = (e, t) => C(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 C = (e) => typeof e == "object" && !("resolve" in e), a = (e, t) => C(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);
 }, ie = (e, t) => {
@@ -10,9 +10,9 @@ const C = (e) => typeof e == "object" && !("resolve" in e), N = (e, t) => C(e) &
 }, d = (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);
-}, v = (e) => e && ["fragment", "loop"].includes(e), T = (e) => typeof e == "function" && !Z(e) || typeof e == "object" && "resolve" in e, Z = (e) => typeof e == "function" && e === $, V = (e) => C(e) && !e.type, R = (e) => e != null, H = (e, t) => e === "style" && typeof t == "object", ve = (e, t) => e === "ref" && typeof t == "object", Ce = (e) => e.nodeType === 1 && e.tagName === "OPTION", ke = (e) => e.nodeType === 1 && e.tagName === "TEXTAREA", Re = (e) => e.nodeType === 1 && ["radio", "checkbox"].includes(e.type), Ee = (e) => {
+}, v = (e) => e && ["fragment", "loop"].includes(e), N = (e) => typeof e == "function" && !Z(e) || typeof e == "object" && "resolve" in e, Z = (e) => typeof e == "function" && e === $, V = (e) => C(e) && !e.type, R = (e) => e != null, H = (e, t) => e === "style" && typeof t == "object", ve = (e, t) => e === "ref" && typeof t == "object", Ce = (e) => e.nodeType === 1 && e.tagName === "OPTION", ke = (e) => e.nodeType === 1 && e.tagName === "TEXTAREA", Re = (e) => e.nodeType === 1 && ["radio", "checkbox"].includes(e.type), Ee = (e) => {
   let t = "et";
-  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" : V(e) && (t = "et"), t;
+  return N(e) ? t = "c" : a(e, "fragment") ? t = "f" : a(e, "element") ? t = "e" : a(e, "loop") ? t = "l" : a(e, "text") ? t = "t" : V(e) && (t = "et"), t;
 }, Pe = {
   c: pe,
   l: ye,
@@ -20,7 +20,7 @@ const C = (e) => typeof e == "object" && !("resolve" in e), N = (e, t) => C(e) &
   e: ie,
   f: he,
   et: G
-}, i = (e) => e.getParent && e.getParent(), E = Object.entries, K = Object.keys, a = Object.assign, k = { value: "" }, P = { value: {} }, O = { value: !1 }, f = /* @__PURE__ */ new WeakMap(), xe = (e) => {
+}, i = (e) => e.getParent && e.getParent(), E = Object.entries, K = Object.keys, T = Object.assign, k = { value: "" }, P = { value: {} }, O = { value: !1 }, f = /* @__PURE__ */ new WeakMap(), xe = (e) => {
   f.set(e, {
     vd: { value: null },
     up: () => {
@@ -32,33 +32,33 @@ const C = (e) => typeof e == "object" && !("resolve" in e), N = (e, t) => C(e) &
     mts: [],
     umts: []
   });
-}, x = () => P.value, g = (e, t) => f.get(e)[t], Se = (e) => P.value = e, Ne = (e) => {
+}, x = () => P.value, g = (e, t) => f.get(e)[t], Se = (e) => P.value = e, ae = (e) => {
   P.value = e, xe(e);
-}, Te = (e) => {
+}, Ne = (e) => {
   f.get(x()).umts.push(e);
-}, U = (e) => {
+}, b = (e) => {
   const { compKey: t } = e;
-  t && ae(t), m(e);
+  t && Te(t), m(e);
 }, m = (e) => {
   (e.children || []).forEach((t) => {
-    t.compKey ? U(t) : m(t);
+    t.compKey ? b(t) : m(t);
   });
-}, ae = (e) => {
+}, Te = (e) => {
   const t = f.get(e);
   t && (t.umts.forEach((s) => s()), t.umts = [], f.delete(e));
 };
 let M = [];
-const I = () => {
-  M.forEach((e) => be(e)), M = [];
-}, Ue = (e) => {
+const _ = () => {
+  M.forEach((e) => Ue(e)), M = [];
+}, be = (e) => {
   e.compKey && M.push(e);
-}, ft = (e) => f.get(x()).mts.push(e), be = (e) => {
+}, dt = (e) => f.get(x()).mts.push(e), Ue = (e) => {
   const { compKey: t } = e;
   if (t) {
     const s = f.get(t), c = s == null ? void 0 : s.mts, n = s == null ? void 0 : s.upS;
     P.value = t, n && (n.value = 0), c && (s.mts = [], c.forEach((r) => {
       const u = r();
-      u && Te(u);
+      u && Ne(u);
     }));
   }
 }, J = (e, t = () => []) => {
@@ -74,13 +74,13 @@ const I = () => {
     const s = f.get(t), c = s == null ? void 0 : s.upCB, n = s == null ? void 0 : s.upS;
     P.value = t, n && (n.value = 0), e.ctor && c && (s.upCB = [], c.forEach((r) => r()));
   }
-}, Ae = (e, t) => e.length ? e.some((s, c) => s !== t[c]) : !0, Le = (e) => e === "className" ? "class" : e, w = (e) => e.replace(/^on(.*)/, (t, s) => s.toLowerCase()), _ = () => new DocumentFragment(), Y = (e) => document.createElement(e), dt = (e, t, s) => {
+}, Ae = (e, t) => e.length ? e.some((s, c) => s !== t[c]) : !0, Le = (e) => e === "className" ? "class" : e, w = (e) => e.replace(/^on(.*)/, (t, s) => s.toLowerCase()), I = () => new DocumentFragment(), Y = (e) => document.createElement(e), ot = (e, t, s) => {
   t ?? (t = document.body), e.isRoot = !0, e.wrapElement = t;
   const c = F(e);
-  return s ? (e.afterElement = s, t.insertBefore(c, s)) : t.appendChild(c), I(), () => {
+  return s ? (e.afterElement = s, t.insertBefore(c, s)) : t.appendChild(c), _(), () => {
     var r;
     const n = (r = f.get(e.compProps || {})) == null ? void 0 : r.vd.value;
-    n && U(n), b(n || e), Oe(n || e);
+    n && b(n), U(n || e), Oe(n || e);
   };
 }, W = (e) => {
   const { needRerender: t } = e;
@@ -88,14 +88,14 @@ const I = () => {
     A: X,
     D: z,
     R: Qe,
-    U: B,
-    CNSU: B,
+    U: j,
+    CNSU: j,
     SR: te,
     SU: Me
   }[t](e), delete e.needRerender, delete e.oldChildren, delete e.oldProps);
-}, b = (e) => {
+}, U = (e) => {
   e.props && e.el && ne(e.props, e.el), (e.children || []).forEach((t) => {
-    b(t);
+    U(t);
   });
 }, Oe = (e) => {
   D(e, e.wrapElement);
@@ -116,7 +116,7 @@ const I = () => {
 }, te = (e) => {
   z(e), X(e);
 }, Me = (e) => {
-  if (B(e), i(e).needRerender !== "CNSU") {
+  if (j(e), i(e).needRerender !== "CNSU") {
     const s = se(e);
     X(e, s);
   }
@@ -125,12 +125,12 @@ const I = () => {
   const s = i(e);
   if (s.type) {
     const c = A(s), r = s.type === "loop" && s.needRerender && s.needRerender !== "CNSU" ? Q(s, i(s)) : Q(e, s);
-    t && c && (r ? c.insertBefore(t, r) : c.appendChild(t), I());
+    t && c && (e.tag !== "portal" && (r ? c.insertBefore(t, r) : c.appendChild(t)), _());
   }
 }, se = (e) => v(e.type) ? ((e == null ? void 0 : e.children) || []).reduce((t, s) => {
   const c = se(s);
   return c && t.appendChild(c), t;
-}, _()) : e.el, Q = (e, t) => {
+}, I()) : e.el, Q = (e, t) => {
   const s = t.children || [], n = s.indexOf(e) + 1, r = s.slice(n), u = ce(r), l = t.type || "";
   if (u)
     return u;
@@ -151,7 +151,7 @@ const I = () => {
       te(e);
     else {
       const c = A(t), n = F(e);
-      c && c.replaceChild(n, s), I();
+      c && e.tag !== "portal" && c.replaceChild(n, s), _();
     }
 }, ne = (e, t) => {
   E(e || {}).forEach(([s, c]) => {
@@ -160,11 +160,11 @@ const I = () => {
       c
     );
   });
-}, B = (e) => {
+}, j = (e) => {
   var s;
   const t = e.el;
   if (e.type === "text") {
-    Be(e);
+    je(e);
     return;
   }
   if (t) {
@@ -172,23 +172,23 @@ const I = () => {
     re(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) => W(c)), Fe(e);
-}, Be = (e) => {
+}, je = (e) => {
   const t = e.el;
   t && (t.nodeValue = String(e.text));
 }, re = (e, t, s) => {
   const c = { ...s };
   E(e || {}).forEach(([n, r]) => {
     let u = !0;
-    n === "key" || r === c[n] || (n === "innerHTML" && typeof r == "string" ? t.innerHTML = r : H(n, r) ? ze(
+    n === "key" || r === c[n] || n === "portal" && typeof r == "object" || (n === "innerHTML" && typeof r == "string" ? t.innerHTML = r : H(n, r) ? ze(
       r,
       H(n, c.style) ? c.style : {},
       t
-    ) : ve(n, r) ? r.value = t : n.match(/^on/) ? _e(
+    ) : ve(n, r) ? r.value = t : n.match(/^on/) ? Ie(
       t,
       n,
       r,
       c[n]
-    ) : Re(t) && n === "checked" ? t.checked = !!r : ke(t) && n === "value" ? t.value = r : Ce(t) && n === "selected" ? t.selected = !!r : n && ([u, r] = qe(r), u && je(
+    ) : Re(t) && n === "checked" ? t.checked = !!r : ke(t) && n === "value" ? t.value = r : Ce(t) && n === "selected" ? t.selected = !!r : n && ([u, r] = qe(r), u && Be(
       Le(n),
       t,
       r
@@ -196,7 +196,7 @@ const I = () => {
   }), K(c).forEach(
     (n) => t.removeAttribute(n)
   );
-}, je = (e, t, s) => {
+}, Be = (e, t, s) => {
   k.value && e !== "xmlns" ? t.setAttributeNS(null, e, s) : t.setAttribute(e, s);
 }, qe = (e) => {
   let t = !0;
@@ -204,14 +204,20 @@ const I = () => {
 }, F = (e) => {
   let t;
   const { type: s, tag: c, text: n, props: r, children: u = [] } = e, l = v(s);
-  return c === "svg" && (k.value = String(r == null ? void 0 : r.xmlns)), l ? t = _() : s === "element" && c ? t = k.value ? document.createElementNS(k.value, c) : Y(c) : s === "text" && R(n) ? t = document.createTextNode(String(n)) : t = Y("e"), Ie(u, t), re(r, t), e.el = t, Ue(e), c === "svg" && (k.value = ""), t;
-}, Ie = (e, t) => {
+  return c === "svg" && (k.value = String(r == null ? void 0 : r.xmlns)), l ? t = I() : s === "element" && c ? c === "portal" && (r != null && r.portal) ? t = r.portal : t = k.value ? document.createElementNS(k.value, c) : Y(c) : s === "text" && R(n) ? t = document.createTextNode(String(n)) : t = Y("e"), _e(u, t), re(r, t), e.el = t, be(e), c === "svg" && (k.value = ""), t;
+}, _e = (e, t) => {
   const s = e.reduce(
-    (c, n) => (n.type && c.appendChild(F(n)), c),
-    _()
+    (c, n) => {
+      if (n.type) {
+        const r = F(n);
+        n.tag !== "portal" && c.appendChild(r);
+      }
+      return c;
+    },
+    I()
   );
   t && s.hasChildNodes() && t.appendChild(s);
-}, _e = (e, t, s, c) => {
+}, Ie = (e, t, s, c) => {
   const n = w(t);
   c !== s && (c && e.removeEventListener(n, c), s && e.addEventListener(n, s));
 }, ze = (e, t, s) => {
@@ -236,7 +242,7 @@ const I = () => {
   ], r = Ge(...n), u = r === "N";
   return u || (c.children = Ke(...n)), c.needRerender = r, $e(c, s, r), !u && s && (s.isLegacy = !0, delete s.children), c;
 }, $e = (e, t, s) => {
-  s !== "A" && t && (e.el = t.el), s && ["D", "R", "SR"].includes(s) && (t && (U(t), b(t)), e.oldChildren = t == null ? void 0 : t.children), e.oldProps = t == null ? void 0 : t.props;
+  s !== "A" && t && (e.el = t.el), s && ["D", "R", "SR"].includes(s) && (t && (b(t), U(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 = V(e), r = e.isRoot, u = s && i(s), l = !r && (u == null ? void 0 : u.type), h = d(e), o = l === "loop" && R(h), y = e.type === "text" && t && e.text === (s == null ? void 0 : s.text), S = e === s;
   let p;
@@ -258,10 +264,10 @@ const I = () => {
 }, Ze = (e, t) => {
   const { compProps: s, compChild: c } = e, { props: n, children: r } = t;
   return s && Je(s, n), c && Ye(c, r), e.reRender && e.reRender();
-}, Ve = (e, t, s) => T(e) ? t && s ? Ze(s, e) : e.resolve() : e, Ke = (e, t, s) => t && s ? me(e, s) : ge(e), ge = (e) => (e.children || []).map(
-  (t) => a(L(t), { getParent: () => e })
+}, Ve = (e, t, s) => N(e) ? t && s ? Ze(s, e) : e.resolve() : e, Ke = (e, t, s) => t && s ? me(e, s) : ge(e), ge = (e) => (e.children || []).map(
+  (t) => T(L(t), { getParent: () => e })
 ), me = (e, t) => e.type === "loop" && R(d((e.children || [])[0])) ? we(e, t) : (e.children || []).map(
-  (s, c) => a(L(s, (t.children || [])[c]), {
+  (s, c) => T(L(s, (t.children || [])[c]), {
     getParent: () => e
   })
 ), we = (e, t) => {
@@ -270,7 +276,7 @@ const I = () => {
     t
   );
   return c.forEach((n) => {
-    U(n), b(n), z(n);
+    b(n), U(n), z(n);
   }), s;
 }, We = (e, t) => {
   const s = [...e.children || []], c = [...t.children || []];
@@ -281,10 +287,10 @@ const I = () => {
 }, De = (e, t) => t.find(
   (s) => d(s) === d(e)
 );
-let j = [], q = !1;
+let B = [], q = !1;
 const ue = (e, t) => {
   f.get(e).up = () => {
-    j.push({
+    B.push({
       compKey: e,
       exec: t
     }), q || (q = !0, queueMicrotask(tt));
@@ -295,10 +301,10 @@ const ue = (e, t) => {
   let s = !1;
   return t && (t(), s = !0), s;
 }, tt = () => {
-  j.forEach((e) => {
+  B.forEach((e) => {
     e.exec();
-  }), j = [], q = !1;
-}, ot = (e, t = () => []) => {
+  }), B = [], q = !1;
+}, pt = (e, t = () => []) => {
   f.get(x()).upR.push(() => J(e, t)), J(e, t);
 }, st = () => {
   var t;
@@ -307,10 +313,10 @@ const ue = (e, t) => {
 }, $ = (e, ...t) => ({
   type: "fragment",
   children: t
-}), pt = (e, t, ...s) => {
-  const c = { value: void 0 }, n = t || {}, r = oe(c, s), u = ut(e, n, r);
-  return T(u) || (c.value = u), u;
-}, ht = (e) => (t, s) => e, le = (e, t, s, c) => {
+}), ct = (e, t, ...s) => {
+  const c = { value: void 0 }, n = t || {}, r = oe(c, s), u = lt(e, n, r);
+  return N(u) || (c.value = u), u;
+}, ht = (e, t) => ct("portal", { portal: t }, e), it = (e) => (t, s) => e, le = (e, t, s, c) => {
   var y;
   if (c.isLegacy)
     return;
@@ -323,8 +329,8 @@ const ue = (e, t) => {
     r.isRoot = !0, r.wrapElement = h, r.afterElement = o;
   O.value = !1, W(r);
 }, fe = (e, t, s) => ({ tagName: e.name, ctor: e, props: t, children: s, resolve: (u = t) => {
-  Ne(u);
-  const h = e(t, s)(et(u), t, s), o = ct(
+  ae(u);
+  const h = e(t, s)(et(u), t, s), o = nt(
     h,
     u,
     e,
@@ -335,7 +341,7 @@ const ue = (e, t) => {
     u,
     () => le(e, t, s, y)
   ), g(u, "vd").value = o, o;
-} }), ct = (e, t, s, c, n) => {
+} }), nt = (e, t, s, c, n) => {
   let r = e, u = e(c);
   return u.reRender && (r = (l) => {
     const h = e(l), o = $({}, h);
@@ -346,12 +352,12 @@ const ue = (e, t) => {
     s,
     c,
     n,
-    nt(r, t, s, c, n)
+    rt(r, t, s, c, n)
   ), u;
-}, nt = (e, t, s, c, n) => {
-  const r = () => rt(e, t, s, c, n, r);
+}, rt = (e, t, s, c, n) => {
+  const r = () => ut(e, t, s, c, n, r);
   return r;
-}, rt = (e, t, s, c, n, r) => {
+}, ut = (e, t, s, c, n, r) => {
   Se(t), st();
   const u = e(c);
   return ue(
@@ -359,7 +365,7 @@ const ue = (e, t) => {
     () => le(s, c, n, u)
   ), de(u, t, s, c, n, r), g(t, "vd").value = u, u;
 }, de = (e, t, s, c, n, r) => {
-  a(e, {
+  T(e, {
     compProps: c,
     compChild: n,
     ctor: s,
@@ -367,10 +373,10 @@ const ue = (e, t) => {
     compKey: t,
     reRender: r
   });
-}, ut = (e, t, s) => {
+}, lt = (e, t, s) => {
   if (Z(e))
     return $(t, ...s);
-  if (T(e)) {
+  if (N(e)) {
     const c = fe(e, t, s);
     return O.value ? c : c.resolve();
   }
@@ -381,8 +387,8 @@ const ue = (e, t) => {
     children: s
   };
 }, oe = (e, t) => t.map(
-  (s) => a(lt(s), { getParent: () => e.value })
-), lt = (e) => {
+  (s) => T(ft(s), { getParent: () => e.value })
+), ft = (e) => {
   if (e == null || e === !1)
     return { type: null };
   if (Array.isArray(e)) {
@@ -394,15 +400,16 @@ const ue = (e, t) => {
   } else if (typeof e == "string" || typeof e == "number")
     return { type: "text", text: e };
   return e;
-}, it = (e) => ({ value: e }), yt = () => Promise.resolve();
+}, yt = (e) => ({ value: e }), vt = () => Promise.resolve();
 export {
   $ as Fragment,
-  pt as h,
-  ht as mount,
-  ft as mountCallback,
-  yt as nextTick,
-  it as ref,
-  dt as render,
-  ot as updateCallback
+  ct as h,
+  it as mount,
+  dt as mountCallback,
+  vt as nextTick,
+  ht as portal,
+  yt as ref,
+  ot as render,
+  pt as updateCallback
 };
 //# sourceMappingURL=lithent.mjs.map