@jasonshimmy/custom-elements-runtime 0.1.4 → 0.1.6

package/dist/custom-elements-runtime.es.js

@@ -261,15 +261,15 @@ function Se(e, t, r, n, o, s, i, a) {
 function _e(e, t, r, n, o) {
   e.onAttributeChanged && e.onAttributeChanged(t, r, n, o);
 }
-function R(e, t) {
+function z(e, t) {
   if (t && e instanceof HTMLElement) {
     for (const r in t)
       t[r] === e && delete t[r];
     for (const r of Array.from(e.childNodes))
-      R(r, t);
+      z(r, t);
   }
 }
-function N(e, t) {
+function R(e, t) {
   return t.split(".").reduce((r, n) => r?.[n], e);
 }
 function se(e, t, r) {
@@ -282,7 +282,7 @@ function Ae(e, t, r, n, o, s, i) {
   if (!s) return;
   const a = t.includes("lazy"), c = t.includes("trim"), f = t.includes("number"), g = () => {
     const h = s._state || s;
-    return N(h, e);
+    return R(h, e);
   }, d = g();
   let u = "text";
   const v = n?.type;
@@ -345,7 +345,7 @@ function Ae(e, t, r, n, o, s, i) {
       const S = Number(m);
       isNaN(S) || (m = S);
     }
-    const x = s._state || s, k = N(x, e);
+    const x = s._state || s, k = R(x, e);
     if (Array.isArray(m) && Array.isArray(k) ? JSON.stringify([...m].sort()) !== JSON.stringify([...k].sort()) : m !== k) {
       const S = h.target;
       S._modelUpdating = !0, se(x, e, m), setTimeout(() => {
@@ -366,7 +366,7 @@ function Ae(e, t, r, n, o, s, i) {
             const _ = Number(x);
             isNaN(_) || (x = _);
           }
-          const k = s._state || s, $ = N(k, e);
+          const k = s._state || s, $ = R(k, e);
           (Array.isArray(x) && Array.isArray($) ? JSON.stringify([...x].sort()) !== JSON.stringify([...$].sort()) : x !== $) && (m && (m._modelUpdating = !0, setTimeout(() => {
             m._modelUpdating = !1;
           }, 0)), se(k, e, x), s._requestRender && s._requestRender());
@@ -384,13 +384,13 @@ function Ee(e, t, r, n) {
         for (const [s, i] of Object.entries(o))
           t[s] = i;
     } catch {
-      const o = N(n, e);
+      const o = R(n, e);
       r[e] = o;
     }
 }
 function Te(e, t, r) {
   if (!r) return;
-  const n = N(r, e), o = t.style || "", s = n ? "" : "none";
+  const n = R(r, e), o = t.style || "", s = n ? "" : "none";
   if (o) {
     const i = o.split(";").filter(Boolean), a = i.findIndex(
       (c) => c.trim().startsWith("display:")
@@ -401,7 +401,7 @@ function Te(e, t, r) {
 }
 function je(e, t, r) {
   if (!r) return;
-  const n = N(r, e);
+  const n = R(r, e);
   let o = [];
   typeof n == "string" ? o = [n] : Array.isArray(n) ? o = n.filter(Boolean) : typeof n == "object" && (o = Object.entries(n).filter(([, a]) => !!a).map(([a]) => a));
   const s = t.class || "", i = s ? `${s} ${o.join(" ")}`.trim() : o.join(" ");
@@ -411,7 +411,7 @@ function Le(e, t, r) {
   let n;
   if (typeof e == "string") {
     if (!r) return;
-    n = N(r, e);
+    n = R(r, e);
   } else
     n = e;
   let o = "";
@@ -700,10 +700,10 @@ function ze(e, t, r, n, o) {
     g = y.nextSibling;
   }
   for (const v of s)
-    !f.has(v) && e.contains(v) && (R(v, o), e.removeChild(v));
+    !f.has(v) && e.contains(v) && (z(v, o), e.removeChild(v));
 }
 function K(e, t, r, n, o) {
-  if (t && typeof t != "string" && t.props?.ref && o && R(e, o), t === r) return e;
+  if (t && typeof t != "string" && t.props?.ref && o && z(e, o), t === r) return e;
   if (typeof r == "string") {
     if (e.nodeType === Node.TEXT_NODE)
       return e.textContent !== r && (e.textContent = r), e;
@@ -722,12 +722,12 @@ function K(e, t, r, n, o) {
     return g.appendChild(f), e.parentNode?.replaceChild(g, e), c;
   }
   if (!r) {
-    R(e, o);
+    z(e, o);
     const i = document.createComment("removed");
     return e.parentNode?.replaceChild(i, e), i;
   }
   if (!t || typeof t == "string") {
-    R(e, o);
+    z(e, o);
     const i = T(r, n, o);
     return typeof r != "string" && r.props?.ref && o && (o[r.props.ref] = i), e.parentNode?.replaceChild(i, e), i;
   }
@@ -744,7 +744,7 @@ function K(e, t, r, n, o) {
     const i = e;
     return Be(i, t.props || {}, r.props || {}, n), ze(i, t.children, r.children, n, o), typeof r != "string" && r.props?.ref && o && (o[r.props.ref] = i), i;
   }
-  R(e, o);
+  z(e, o);
   const s = T(r, n, o);
   return typeof r != "string" && r.props?.ref && o && (o[r.props.ref] = s), e.parentNode?.replaceChild(s, e), s;
 }
@@ -757,7 +757,7 @@ function Re(e, t, r, n) {
   const c = [];
   for (let f = 0; f < e.childNodes.length; f++) {
     const g = e.childNodes[f];
-    g !== a && g.nodeName !== "STYLE" && (R(g, n), c.push(g));
+    g !== a && g.nodeName !== "STYLE" && (z(g, n), c.push(g));
   }
   c.forEach((f) => e.removeChild(f)), e._prevVNode = o, e._prevDom = a;
 }
@@ -1384,25 +1384,25 @@ function Ke(e) {
 function Ue(e, t, r, n, o, s, i, a) {
   if (!e) return;
   if (t.loadingTemplate && r.isLoading) {
-    M(e, t.loadingTemplate(r), r, n, o);
+    N(e, t.loadingTemplate(r), r, n, o);
     return;
   }
   if (t.errorTemplate && r.hasError) {
-    r.error instanceof Error && M(e, t.errorTemplate(r.error, r), r, n, o);
+    r.error instanceof Error && N(e, t.errorTemplate(r.error, r), r, n, o);
     return;
   }
   const c = t.render(r);
   if (c instanceof Promise) {
     s(!0), c.then((f) => {
-      s(!1), i(null), M(e, f, r, n, o), a(e.innerHTML);
+      s(!1), i(null), N(e, f, r, n, o), a(e.innerHTML);
     }).catch((f) => {
-      s(!1), i(f), t.errorTemplate && M(e, t.errorTemplate(f, r), r, n, o);
-    }), t.loadingTemplate && M(e, t.loadingTemplate(r), r, n, o);
+      s(!1), i(f), t.errorTemplate && N(e, t.errorTemplate(f, r), r, n, o);
+    }), t.loadingTemplate && N(e, t.loadingTemplate(r), r, n, o);
     return;
   }
-  M(e, c, r, n, o), a(e.innerHTML);
+  N(e, c, r, n, o), a(e.innerHTML);
 }
-function M(e, t, r, n, o) {
+function N(e, t, r, n, o) {
   e && (Re(
     e,
     Array.isArray(t) ? t : [t],
@@ -1756,7 +1756,7 @@ function F(e, t = {}, r, n) {
 function V(e) {
   return !!e && typeof e == "object" && (e.type === "AnchorBlock" || e.tag === "#anchor");
 }
-function P(e) {
+function M(e) {
   return typeof e == "object" && e !== null && "tag" in e && !V(e);
 }
 function Xe(e, t) {
@@ -1830,7 +1830,7 @@ function Ge(e, t, r) {
       });
       return;
     }
-    if (P(l)) {
+    if (M(l)) {
       m.push(Xe(l, void 0));
       return;
     }
@@ -1838,7 +1838,7 @@ function Ge(e, t, r) {
       if (l.length === 0) return;
       for (let x = 0; x < l.length; x++) {
         const k = l[x];
-        V(k) || P(k) || Array.isArray(k) ? h(k, `${p}-${x}`) : k !== null && typeof k == "object" ? b(k) : m.push(n(String(k), `${p}-${x}`));
+        V(k) || M(k) || Array.isArray(k) ? h(k, `${p}-${x}`) : k !== null && typeof k == "object" ? b(k) : m.push(n(String(k), `${p}-${x}`));
       }
       return;
     }
@@ -1941,7 +1941,7 @@ function Ge(e, t, r) {
         const w = F(
           g,
           d,
-          f.length === 1 && P(f[0]) && f[0].tag === "#text" ? typeof f[0].children == "string" ? f[0].children : "" : f.length ? f : void 0,
+          f.length === 1 && M(f[0]) && f[0].tag === "#text" ? typeof f[0].children == "string" ? f[0].children : "" : f.length ? f : void 0,
           u
         ), C = i.pop();
         C ? (g = C.tag, d = C.props, u = C.key, f = C.children, f.push(w)) : a = w;
@@ -1969,19 +1969,19 @@ function Ge(e, t, r) {
       }
     }
   if (a)
-    return P(a) && Array.isArray(a.children) && (a.children = a.children.filter(
-      (l) => P(l) ? l.tag !== "#text" || typeof l.children == "string" && l.children.trim() !== "" : !0
+    return M(a) && Array.isArray(a.children) && (a.children = a.children.filter(
+      (l) => M(l) ? l.tag !== "#text" || typeof l.children == "string" && l.children.trim() !== "" : !0
       // keep non-element VNodes (including anchors) as-is
     )), a;
   if (y.length > 0) {
     const l = y.filter(
-      (p) => P(p) ? p.tag !== "#text" || typeof p.children == "string" && p.children.trim() !== "" : !0
+      (p) => M(p) ? p.tag !== "#text" || typeof p.children == "string" && p.children.trim() !== "" : !0
     );
     return l.length === 1 ? l[0] : l;
   }
   return F("div", {}, "", "fallback-root");
 }
-function z(e, ...t) {
+function P(e, ...t) {
   const r = t[t.length - 1], n = typeof r == "object" && r && !Array.isArray(r) ? r : void 0;
   return Ge(e, t, n);
 }
@@ -2107,15 +2107,15 @@ function ft(e) {
   const t = tt(e);
   return de("router-view", {
     async render() {
-      if (!t) return z`<div>Router not initialized.</div>`;
+      if (!t) return P`<div>Router not initialized.</div>`;
       const r = t.getCurrent(), { path: n } = r, o = t.matchRoute(n);
-      if (!o.route) return z`<div>Not found</div>`;
+      if (!o.route) return P`<div>Not found</div>`;
       let s = o.route.component;
       if (o.route.load) {
         const i = await o.route.load();
         typeof i.default == "string" && (s = i.default);
       }
-      return typeof s == "string" ? z`<${s}></${s}>` : z`<div>Invalid route component</div>`;
+      return typeof s == "string" ? { tag: s, props: {}, children: [] } : P`<div>Invalid route component</div>`;
     },
     onConnected(r) {
       t && typeof t.subscribe == "function" && t.subscribe(() => {
@@ -2141,11 +2141,11 @@ function ft(e) {
         }
       ` }
     },
-    style: (r) => r.props.style,
+    style: (r) => r.style,
     render: (r) => {
-      const n = t.getCurrent(), o = r.props.to, s = r.props.exact, i = r.props.exactActiveClass, a = r.props.activeClass, c = r.props.ariaCurrentValue, f = r.props.tag, g = r.props.disabled, d = r.props.external, u = n.path === o, v = s ? u : n && typeof n.path == "string" ? n.path.startsWith(o) : !1, y = u ? i : v ? a : "", b = u ? `aria-current="${c}"` : "", h = f === "button", l = g ? h ? 'disabled aria-disabled="true" tabindex="-1"' : 'aria-disabled="true" tabindex="-1"' : "", p = d && (f === "a" || !f) ? 'target="_blank" rel="noopener noreferrer"' : "";
-      return z`
-        ${ve().when(h, z`
+      const n = t.getCurrent(), o = r.to, s = r.exact, i = r.exactActiveClass, a = r.activeClass, c = r.ariaCurrentValue, f = r.tag, g = r.disabled, d = r.external, u = n.path === o, v = s ? u : n && typeof n.path == "string" ? n.path.startsWith(o) : !1, y = u ? i : v ? a : "", b = u ? `aria-current="${c}"` : "", h = f === "button", l = g ? h ? 'disabled aria-disabled="true" tabindex="-1"' : 'aria-disabled="true" tabindex="-1"' : "", p = d && (f === "a" || !f) ? 'target="_blank" rel="noopener noreferrer"' : "";
+      return P`
+        ${ve().when(h, P`
             <button
               part="button"
               class="${y}"
@@ -2154,7 +2154,7 @@ function ft(e) {
               ${p}
               data-on-click="navigate"
             ><slot></slot></button>
-          `).otherwise(z`
+          `).otherwise(P`
             <a
               part="link"
               href="${o}"
@@ -2185,7 +2185,7 @@ export {
   nt as each,
   ot as emit,
   H as eventBus,
-  z as html,
+  P as html,
   ft as initRouter,
   lt as listen,
   ve as match,