@jasonshimmy/custom-elements-runtime 0.1.13 → 0.1.15

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

@@ -1,13 +1,13 @@
-function Ze(e, t) {
+function Xe(e, t) {
   return F(e ? t : [], "when-block");
 }
-function Xe(e, t) {
+function Ye(e, t) {
   return e.map((r, n) => {
     const o = typeof r == "object" ? r?.key ?? r?.id ?? `idx-${n}` : String(r);
     return F(t(r, n), `each-${o}`);
   });
 }
-function de() {
+function pe() {
   const e = [];
   return {
     when(t, r) {
@@ -17,11 +17,11 @@ function de() {
       return e.push([!0, t]), this;
     },
     done() {
-      return pe(...e);
+      return he(...e);
     }
   };
 }
-function pe(...e) {
+function he(...e) {
   for (let t = 0; t < e.length; t++) {
     const [r, n] = e[t];
     if (r) return [F(n, `whenChain-branch-${t}`)];
@@ -160,8 +160,8 @@ class N extends EventTarget {
     this.eventCounters.clear();
   }
 }
-const P = N.getInstance(), Ye = (e, t) => P.emit(e, t), Ge = (e, t) => P.on(e, t), et = (e, t) => P.off(e, t), tt = (e, t) => P.once(e, t), rt = (e, t, r) => P.listen(e, t, r);
-function ee(e) {
+const P = N.getInstance(), Ge = (e, t) => P.emit(e, t), et = (e, t) => P.on(e, t), tt = (e, t) => P.off(e, t), rt = (e, t) => P.once(e, t), nt = (e, t, r) => P.listen(e, t, r);
+function te(e) {
   let t = { ...e };
   const r = [];
   function n(a) {
@@ -179,10 +179,10 @@ function ee(e) {
   }
   return { subscribe: n, getState: o, setState: s };
 }
-function G(e) {
+function ee(e) {
   return e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }
-function Z(e) {
+function X(e) {
   return typeof e == "string" ? e.replace(
     /[&<>"']/g,
     (t) => ({
@@ -194,27 +194,27 @@ function Z(e) {
     })[t]
   ) : e;
 }
-function he(e, t, r) {
+function ge(e, t, r) {
   if (r)
     for (const [n, o] of Object.entries(r)) {
       let s, i = {};
       if (Array.isArray(o) ? (s = o[0], i = o[1] || {}) : s = o, t.set(n, {
         callback: s,
         options: i,
-        oldValue: X(e, n)
+        oldValue: Y(e, n)
       }), i.immediate)
         try {
-          const a = X(e, n);
+          const a = Y(e, n);
           s(a, void 0, e);
         } catch (a) {
           console.error(`Error in immediate watcher for "${n}":`, a);
         }
     }
 }
-function X(e, t) {
+function Y(e, t) {
   return t.split(".").reduce((r, n) => r?.[n], e);
 }
-function ge(e, t, r, n) {
+function ye(e, t, r, n) {
   const o = (i, a) => {
     if (i === a) return !0;
     if (typeof i != typeof a || typeof i != "object" || i === null || a === null) return !1;
@@ -232,13 +232,13 @@ function ge(e, t, r, n) {
   for (const [i, a] of t.entries())
     if (a.options.deep && r.startsWith(i + "."))
       try {
-        const c = X(e, i);
+        const c = Y(e, i);
         o(c, a.oldValue) || (a.callback(c, a.oldValue, e), a.oldValue = c);
       } catch (c) {
         console.error(`Error in deep watcher for "${i}":`, c);
       }
 }
-function ye(e, t, r) {
+function me(e, t, r) {
   if (!t.props) return;
   function n(o, s) {
     return s === Boolean ? o === "true" : s === Number ? Number(o) : o;
@@ -247,18 +247,18 @@ function ye(e, t, r) {
     if (s.type === Function && typeof e[o] == "function")
       r[o] = e[o];
     else {
-      const i = e.getAttribute(G(o));
-      i !== null ? r[o] = Z(n(i, s.type)) : "default" in s && s.default !== void 0 && (r[o] = Z(s.default));
+      const i = e.getAttribute(ee(o));
+      i !== null ? r[o] = X(n(i, s.type)) : "default" in s && s.default !== void 0 && (r[o] = X(s.default));
     }
   });
 }
-function me(e, t, r, n) {
+function be(e, t, r, n) {
   e.onConnected && !r && (e.onConnected(t), n(!0));
 }
-function be(e, t, r, n, o, s, i, a) {
+function ve(e, t, r, n, o, s, i, a) {
   e.onDisconnected && e.onDisconnected(t), r.forEach((c) => c()), n(), o(), s(!1), i(null), a(!1);
 }
-function ve(e, t, r, n, o) {
+function xe(e, t, r, n, o) {
   e.onAttributeChanged && e.onAttributeChanged(t, r, n, o);
 }
 function j(e, t) {
@@ -269,20 +269,20 @@ function j(e, t) {
       j(r, t);
   }
 }
-function R(e, t) {
+function z(e, t) {
   return typeof t == "string" ? t.split(".").reduce((r, n) => r?.[n], e) : t;
 }
-function te(e, t, r) {
+function re(e, t, r) {
   const n = t.split("."), o = n.pop();
   if (!o) return;
   const s = n.reduce((i, a) => (a in i || (i[a] = {}), i[a]), e);
   s[o] = r;
 }
-function xe(e, t, r, n, o, s, i) {
+function we(e, t, r, n, o, s, i) {
   if (!s) return;
   const a = t.includes("lazy"), c = t.includes("trim"), f = t.includes("number"), h = () => {
     const g = s._state || s;
-    return R(g, e);
+    return z(g, e);
   }, p = h();
   let l = "text";
   const x = n?.type;
@@ -345,10 +345,10 @@ function xe(e, t, r, n, o, s, i) {
       const w = Number(v);
       isNaN(w) || (v = w);
     }
-    const d = s._state || s, $ = R(d, e);
+    const d = s._state || s, $ = z(d, e);
     if (Array.isArray(v) && Array.isArray($) ? JSON.stringify([...v].sort()) !== JSON.stringify([...$].sort()) : v !== $) {
       const w = g.target;
-      w._modelUpdating = !0, te(d, e, v), setTimeout(() => {
+      w._modelUpdating = !0, re(d, e, v), setTimeout(() => {
         w._modelUpdating = !1;
       }, 0), s._requestRender && s._requestRender();
     }
@@ -366,17 +366,17 @@ function xe(e, t, r, n, o, s, i) {
             const _ = Number(d);
             isNaN(_) || (d = _);
           }
-          const $ = s._state || s, k = R($, e);
+          const $ = s._state || s, k = z($, e);
           (Array.isArray(d) && Array.isArray(k) ? JSON.stringify([...d].sort()) !== JSON.stringify([...k].sort()) : d !== k) && (v && (v._modelUpdating = !0, setTimeout(() => {
             v._modelUpdating = !1;
-          }, 0)), te($, e, d), s._requestRender && s._requestRender());
+          }, 0)), re($, e, d), s._requestRender && s._requestRender());
         }
       }, 0);
     };
     o.compositionstart = g, o.compositionend = u;
   }
 }
-function we(e, t, r, n) {
+function ke(e, t, r, n) {
   if (n) {
     if (typeof e == "object" && e !== null)
       for (const [o, s] of Object.entries(e))
@@ -390,14 +390,14 @@ function we(e, t, r, n) {
           return;
         }
       } catch {
-        const o = R(n, e);
+        const o = z(n, e);
         r[e] = o;
       }
   }
 }
-function ke(e, t, r) {
+function $e(e, t, r) {
   if (!r) return;
-  const n = R(r, e), o = t.style || "", s = n ? "" : "none";
+  const n = z(r, e), o = t.style || "", s = n ? "" : "none";
   if (o) {
     const i = o.split(";").filter(Boolean), a = i.findIndex(
       (c) => c.trim().startsWith("display:")
@@ -406,19 +406,19 @@ function ke(e, t, r) {
   } else
     t.style = `display: ${s}`;
 }
-function $e(e, t, r) {
+function _e(e, t, r) {
   if (!r) return;
-  const n = R(r, e);
+  const n = z(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).flatMap(([a]) => a.split(/\s+/).filter(Boolean)));
   const s = t.class || "", i = s ? `${s} ${o.join(" ")}`.trim() : o.join(" ");
   i && (t.class = i);
 }
-function _e(e, t, r) {
+function Se(e, t, r) {
   let n;
   if (typeof e == "string") {
     if (!r) return;
-    n = R(r, e);
+    n = z(r, e);
   } else
     n = e;
   let o = "";
@@ -465,13 +465,13 @@ function _e(e, t, r) {
   const s = t.style || "";
   t.style = s + (s && !s.endsWith(";") ? "; " : "") + o;
 }
-function ce(e, t, r, n) {
+function fe(e, t, r, n) {
   const o = {}, s = { ...n || {} }, i = {};
   for (const [a, c] of Object.entries(e)) {
     const { value: f, modifiers: h } = c;
     switch (a) {
       case "model":
-        xe(
+        we(
           typeof f == "string" ? f : String(f),
           h,
           o,
@@ -482,22 +482,22 @@ function ce(e, t, r, n) {
         );
         break;
       case "bind":
-        we(f, o, s, t);
+        ke(f, o, s, t);
         break;
       case "show":
-        ke(f, s, t);
+        $e(f, s, t);
         break;
       case "class":
-        $e(f, s, t);
+        _e(f, s, t);
         break;
       case "style":
-        _e(f, s, t);
+        Se(f, s, t);
         break;
     }
   }
   return { props: o, attrs: s, listeners: i };
 }
-function Y(e, t) {
+function G(e, t) {
   if (Array.isArray(e)) {
     const s = /* @__PURE__ */ new Set();
     return e.map((i) => {
@@ -512,15 +512,15 @@ function Y(e, t) {
         c = `${a}#${f++}`;
       s.add(c);
       let h = i.children;
-      return Array.isArray(h) && (h = Y(h, c)), { ...i, key: c, children: h };
+      return Array.isArray(h) && (h = G(h, c)), { ...i, key: c, children: h };
     });
   }
   const r = e;
   let n = r.props?.key ?? r.key ?? t, o = r.children;
-  return Array.isArray(o) && (o = Y(o, n)), { ...r, key: n, children: o };
+  return Array.isArray(o) && (o = G(o, n)), { ...r, key: n, children: o };
 }
-function Se(e, t, r, n) {
-  const o = r.directives ?? {}, s = ce(
+function Ce(e, t, r, n) {
+  const o = r.directives ?? {}, s = fe(
     o,
     n,
     e,
@@ -570,7 +570,7 @@ function A(e, t, r) {
   }
   const n = document.createElement(e.tag);
   e.key != null && (n.key = e.key);
-  const { props: o = {}, attrs: s = {}, directives: i = {} } = e.props ?? {}, a = ce(i, t, n, s), c = {
+  const { props: o = {}, attrs: s = {}, directives: i = {} } = e.props ?? {}, a = fe(i, t, n, s), c = {
     ...o,
     ...a.props
   }, f = {
@@ -614,7 +614,7 @@ function A(e, t, r) {
   else typeof e.children == "string" && (n.textContent = e.children);
   return n;
 }
-function Ce(e, t, r, n, o) {
+function Ee(e, t, r, n, o) {
   if (typeof r == "string") {
     e.textContent !== r && (e.textContent = r);
     return;
@@ -761,20 +761,20 @@ function H(e, t, r, n, o) {
   }
   if (typeof t != "string" && typeof r != "string" && t.tag === r.tag && t.key === r.key) {
     const i = e;
-    return Se(i, t.props || {}, r.props || {}, n), Ce(i, t.children, r.children, n, o), typeof r != "string" && r.props?.ref && o && (o[r.props.ref] = i), i;
+    return Ce(i, t.props || {}, r.props || {}, n), Ee(i, t.children, r.children, n, o), typeof r != "string" && r.props?.ref && o && (o[r.props.ref] = i), i;
   }
   j(e, o);
   const s = A(r, n, o);
   return typeof r != "string" && r.props?.ref && o && (o[r.props.ref] = s), e.parentNode?.replaceChild(s, e), s;
 }
-function Ee(e, t, r, n) {
+function Ae(e, t, r, n) {
   let o;
   Array.isArray(t) ? t.length === 1 ? (o = t[0], o && typeof o == "object" && o.key == null && (o = { ...o, key: "__root__" })) : o = { tag: "div", key: "__root__", children: t } : (o = t, o && typeof o == "object" && o.key == null && (o = { ...o, key: "__root__" })), o && typeof o == "object" && o.tag === "#anchor" && (o = {
     tag: "div",
     key: "__anchor_root__",
     props: { attrs: { "data-anchor-block-root": "", key: "__anchor_root__" } },
     children: [o]
-  }), o = Y(o, String(o.key ?? "root"));
+  }), o = G(o, String(o.key ?? "root"));
   const s = e._prevVNode ?? null, i = e._prevDom ?? e.firstChild ?? null;
   let a;
   s && i ? typeof s != "string" && typeof o != "string" && s.tag === o.tag && s.key === o.key ? a = H(i, s, o, r, n) : (a = A(o, r, n), e.replaceChild(a, i)) : (a = A(o, r, n), e.firstChild ? e.replaceChild(a, e.firstChild) : e.appendChild(a));
@@ -785,23 +785,23 @@ function Ee(e, t, r, n) {
   }
   c.forEach((f) => e.removeChild(f)), e._prevVNode = o, e._prevDom = a;
 }
-function fe(e, ...t) {
+function ue(e, ...t) {
   let r = "";
   for (let n = 0; n < e.length; n++)
     r += e[n], n < t.length && (r += t[n]);
   return r;
 }
-function ue(e) {
+function de(e) {
   return e.replace(/\/\*[\s\S]*?\*\//g, "").replace(/\s+/g, " ").replace(/\s*([{}:;,>+~])\s*/g, "$1").replace(/;}/g, "}").trim();
 }
 let W = null;
-function re() {
-  return W || (W = new CSSStyleSheet(), W.replaceSync(ue(Te))), W;
+function ne() {
+  return W || (W = new CSSStyleSheet(), W.replaceSync(de(Le))), W;
 }
-function Ae(e) {
+function Te(e) {
   return e.replace(/url\s*\(\s*['"]?javascript:[^)]*\)/gi, "").replace(/<script[\s\S]*?>[\s\S]*?<\/script>/gi, "").replace(/expression\s*\([^)]*\)/gi, "");
 }
-const Te = fe`
+const Le = ue`
   :host, *, ::before, ::after {
     all: isolate;
     box-sizing: border-box;
@@ -859,7 +859,7 @@ const Te = fe`
   sup { top: -.5em }
   [disabled], [aria-disabled=true] { cursor: not-allowed }
   [hidden] { display: none }
-`, Le = {
+`, je = {
   gray: {
     50: "var(--color-gray-50, #f9fafb)",
     100: "var(--color-gray-100, #f3f4f6)",
@@ -1167,8 +1167,15 @@ const Te = fe`
   /* Transition Delay/Property */
   "transition-colors": "transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;",
   "transition-opacity": "transition-property:opacity;",
-  "transition-transform": "transition-property:transform;"
-}, je = "0.25rem", ne = {
+  "transition-transform": "transition-property:transform;",
+  /* Z-index */
+  "z-0": "z-index:0;",
+  "z-10": "z-index:10;",
+  "z-20": "z-index:20;",
+  "z-30": "z-index:30;",
+  "z-40": "z-index:40;",
+  "z-50": "z-index:50;"
+}, ze = "0.25rem", oe = {
   m: ["margin"],
   mx: ["margin-inline"],
   my: ["margin-block"],
@@ -1225,7 +1232,7 @@ const Te = fe`
   "peer-focus": (e, t) => `.peer:focus ~ ${e}{${t}}`,
   "peer-checked": (e, t) => `.peer:checked ~ ${e}{${t}}`,
   "peer-disabled": (e, t) => `.peer:disabled ~ ${e}{${t}}`
-}, oe = {
+}, ie = {
   // Responsive
   sm: "(min-width:640px)",
   md: "(min-width:768px)",
@@ -1239,18 +1246,18 @@ function V(e) {
   const t = e.startsWith("-"), n = (t ? e.slice(1) : e).split("-");
   if (n.length < 2) return null;
   const o = n.slice(0, -1).join("-"), s = n[n.length - 1], i = parseFloat(s);
-  if (Number.isNaN(i) || !ne[o]) return null;
+  if (Number.isNaN(i) || !oe[o]) return null;
   const a = t ? "-" : "";
-  return ne[o].map((c) => `${c}:calc(${a}${je} * ${i});`).join("");
+  return oe[o].map((c) => `${c}:calc(${a}${ze} * ${i});`).join("");
 }
-function ie(e) {
+function se(e) {
   const t = e.replace("#", ""), r = parseInt(t, 16), n = r >> 16 & 255, o = r >> 8 & 255, s = r & 255;
   return `${n} ${o} ${s}`;
 }
-function ze(e) {
+function Be(e) {
   const t = /^(bg|text|border|decoration|shadow|outline|caret|accent|fill|stroke)-([a-z]+)-?(\d{2,3}|DEFAULT)?$/.exec(e);
   if (!t) return null;
-  const [, r, n, o = "DEFAULT"] = t, s = Le[n]?.[o];
+  const [, r, n, o = "DEFAULT"] = t, s = je[n]?.[o];
   return s ? `${{
     bg: "background-color",
     decoration: "text-decoration-color",
@@ -1265,19 +1272,19 @@ function ze(e) {
     stroke: "stroke-color"
   }[r]}:${s};` : null;
 }
-function Be(e) {
+function Ne(e) {
   const [t, r] = e.split("/");
   if (!r) return { base: t };
   const n = parseInt(r, 10);
   return isNaN(n) || n < 0 || n > 100 ? { base: t } : { base: t, opacity: n / 100 };
 }
 function J(e) {
-  const { base: t, opacity: r } = Be(e), n = ze(t);
+  const { base: t, opacity: r } = Ne(e), n = Be(t);
   if (n) {
     if (r !== void 0) {
       const s = /#([0-9a-f]{6})/i.exec(n);
       if (s) {
-        const i = ie(s[0]);
+        const i = se(s[0]);
         return n.replace(/#([0-9a-f]{6})/i, `rgb(${i} / ${r})`);
       }
     }
@@ -1287,12 +1294,18 @@ function J(e) {
   if (o && r !== void 0) {
     const s = /#([0-9a-f]{6})/i.exec(o);
     if (s) {
-      const i = ie(s[0]);
+      const i = se(s[0]);
       return o.replace(/#([0-9a-f]{6})/i, `rgb(${i} / ${r})`);
     }
   }
   return o;
 }
+function Q(e) {
+  const t = /^opacity-(\d{1,3})$/.exec(e);
+  if (!t) return null;
+  const r = parseInt(t[1], 10);
+  return r < 0 || r > 100 ? null : `opacity:${r / 100};`;
+}
 function q(e) {
   const t = e.indexOf("-["), r = e.endsWith("]");
   if (t > 0 && r) {
@@ -1343,13 +1356,13 @@ function q(e) {
   }
   return null;
 }
-function Ne(e) {
+function Me(e) {
   return e.startsWith("[") && e.endsWith("]") ? e : e.indexOf("-[") > 0 && e.endsWith("]") ? e.replace(/_/g, "-") : null;
 }
-function Me(e) {
+function Oe(e) {
   return e.replace(/([!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~])/g, "\\$1");
 }
-function Oe(e) {
+function Pe(e) {
   const t = /class\s*=\s*["']([^"']+)["']/g, r = [];
   let n;
   for (; n = t.exec(e); ) {
@@ -1358,11 +1371,11 @@ function Oe(e) {
   }
   return r.filter(Boolean);
 }
-const se = /* @__PURE__ */ new Map(), Pe = 16;
-function We(e) {
-  const t = Date.now(), r = se.get(e);
-  if (r && t - r.timestamp < Pe) return r.css;
-  const n = Oe(e), o = new Set(n), s = [], i = [], a = [], c = [], f = {};
+const ae = /* @__PURE__ */ new Map(), We = 16;
+function De(e) {
+  const t = Date.now(), r = ae.get(e);
+  if (r && t - r.timestamp < We) return r.css;
+  const n = Pe(e), o = new Set(n), s = [], i = [], a = [], c = [], f = {};
   function h(y, b = !1) {
     const g = (b ? "dark|" : "") + y;
     if (g in f) return f[g];
@@ -1375,18 +1388,18 @@ function We(e) {
   }
   function l(y, b = !1) {
     const g = y.split(":"), u = g.find(
-      (C) => K[C] || V(C) || J(C) || q(C)
+      (C) => K[C] || V(C) || Q(C) || J(C) || q(C)
     );
     if (!u) return null;
-    const m = K[u] ?? V(u) ?? J(u) ?? q(u);
+    const m = K[u] ?? V(u) ?? Q(u) ?? J(u) ?? q(u);
     if (!m) return null;
-    let v = `.${Me(y)}`, d = m;
+    let v = `.${Oe(y)}`, d = m;
     const $ = g.indexOf(u);
     let k = $ >= 0 ? g.slice(0, $) : [];
     b && (k = k.filter((C) => C !== "dark"));
     const w = k.filter((C) => U.includes(C)), _ = w.length ? w[w.length - 1] : null;
     for (const C of k) {
-      const E = Ne(C);
+      const E = Me(C);
       if (E) {
         v = `${E}${v}`;
         continue;
@@ -1396,11 +1409,11 @@ function We(e) {
       typeof L == "function" && (v = L(v, d).replace(/\{.*$/, ""));
     }
     let S = `${v}{${d}}`;
-    return b && _ ? S = `@media (prefers-color-scheme: dark) and ${oe[_]}{${S}}` : b ? S = `@media (prefers-color-scheme: dark){${S}}` : _ && (S = `@media ${oe[_]}{${S}}`), S;
+    return b && _ ? S = `@media (prefers-color-scheme: dark) and ${ie[_]}{${S}}` : b ? S = `@media (prefers-color-scheme: dark){${S}}` : _ && (S = `@media ${ie[_]}{${S}}`), S;
   }
   for (const y of o) {
     const b = y.split(":"), g = b.find(
-      (d) => K[d] || V(d) || J(d) || q(d)
+      (d) => K[d] || V(d) || Q(d) || J(d) || q(d)
     );
     if (!g) continue;
     const u = b.indexOf(g), m = u >= 0 ? b.slice(0, u) : [], v = p(m);
@@ -1413,45 +1426,45 @@ function We(e) {
     }
   }
   const x = [...s, ...i, ...a, ...c].join("");
-  return se.set(e, { css: x, timestamp: t }), x;
+  return ae.set(e, { css: x, timestamp: t }), x;
 }
 const O = [];
-function De(e, t, r, n, o, s, i, a) {
+function He(e, t, r, n, o, s, i, a) {
   if (e) {
     O.push(r);
     try {
       if (t.loadingTemplate && r.isLoading) {
-        z(e, t.loadingTemplate(r), r, n, o);
+        R(e, t.loadingTemplate(r), r, n, o);
         return;
       }
       if (t.errorTemplate && r.hasError) {
-        r.error instanceof Error && z(e, t.errorTemplate(r.error, r), r, n, o);
+        r.error instanceof Error && R(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), z(e, f, r, n, o), a(e.innerHTML);
+          s(!1), i(null), R(e, f, r, n, o), a(e.innerHTML);
         }).catch((f) => {
-          s(!1), i(f), t.errorTemplate && z(e, t.errorTemplate(f, r), r, n, o);
-        }), t.loadingTemplate && z(e, t.loadingTemplate(r), r, n, o);
+          s(!1), i(f), t.errorTemplate && R(e, t.errorTemplate(f, r), r, n, o);
+        }), t.loadingTemplate && R(e, t.loadingTemplate(r), r, n, o);
         return;
       }
-      z(e, c, r, n, o), a(e.innerHTML);
+      R(e, c, r, n, o), a(e.innerHTML);
     } finally {
       O.pop();
     }
   }
 }
-function z(e, t, r, n, o) {
-  e && (Ee(
+function R(e, t, r, n, o) {
+  e && (Ae(
     e,
     Array.isArray(t) ? t : [t],
     r,
     n
   ), o(e.innerHTML));
 }
-function He(e, t, r, n, o, s, i) {
+function qe(e, t, r, n, o, s, i) {
   if (s !== null && clearTimeout(s), Date.now() - t < 16) {
     if (o(r + 1), r > 10) {
       console.warn("Potential infinite render loop detected. Skipping render."), i(null);
@@ -1464,32 +1477,32 @@ function He(e, t, r, n, o, s, i) {
   }, 0);
   i(c);
 }
-function qe(e, t, r, n, o, s) {
+function Ie(e, t, r, n, o, s) {
   if (!e) return;
-  const i = We(n);
+  const i = De(n);
   if (!t.style && (!i || i.trim() === "")) {
-    s(null), e.adoptedStyleSheets = [re()];
+    s(null), e.adoptedStyleSheets = [ne()];
     return;
   }
   let a = "";
   t.style && (typeof t.style == "string" ? a = t.style : typeof t.style == "function" && (a = t.style(r)));
-  let c = Ae(`${a}
+  let c = Te(`${a}
 ${i}
 `);
-  c = ue(c);
+  c = de(c);
   let f = o;
-  f || (f = new CSSStyleSheet()), (f.cssRules.length === 0 || f.toString() !== c) && f.replaceSync(c), e.adoptedStyleSheets = [re(), f], s(f);
+  f || (f = new CSSStyleSheet()), (f.cssRules.length === 0 || f.toString() !== c) && f.replaceSync(c), e.adoptedStyleSheets = [ne(), f], s(f);
 }
-const Ie = /* @__PURE__ */ new Map();
-function ae(e, t, r) {
-  let n = G(e);
+const Fe = /* @__PURE__ */ new Map();
+function le(e, t, r) {
+  let n = ee(e);
   n.includes("-") || (n = `cer-${n}`);
   let o;
   typeof t == "function" ? o = { ...r, render: t } : o = t, typeof o.onError != "function" && (o.onError = (s, i) => {
     console.error(`[${n}] Error:`, s, i);
-  }), Ie.set(n, o), typeof window < "u" && !customElements.get(n) && customElements.define(n, Fe(o));
+  }), Fe.set(n, o), typeof window < "u" && !customElements.get(n) && customElements.define(n, Ke(o));
 }
-function Fe(e) {
+function Ke(e) {
   if (!e.render)
     throw new Error(
       "Component must have a render function"
@@ -1576,7 +1589,7 @@ function Fe(e) {
     }
     connectedCallback() {
       this._runLogicWithinErrorBoundary(e, () => {
-        me(
+        be(
           e,
           this.context,
           this._mounted,
@@ -1588,7 +1601,7 @@ function Fe(e) {
     }
     disconnectedCallback() {
       this._runLogicWithinErrorBoundary(e, () => {
-        be(
+        ve(
           e,
           this.context,
           this._listeners,
@@ -1612,7 +1625,7 @@ function Fe(e) {
     }
     attributeChangedCallback(t, r, n) {
       this._runLogicWithinErrorBoundary(e, () => {
-        this._applyProps(e), ve(
+        this._applyProps(e), xe(
           e,
           t,
           r,
@@ -1622,7 +1635,7 @@ function Fe(e) {
       });
     }
     static get observedAttributes() {
-      return e.props ? Object.keys(e.props).map(G) : [];
+      return e.props ? Object.keys(e.props).map(ee) : [];
     }
     _applyComputed(t) {
       this._runLogicWithinErrorBoundary(e, () => {
@@ -1630,7 +1643,7 @@ function Fe(e) {
           Object.defineProperty(this.context, r, {
             get: () => {
               const o = n(this.context);
-              return Z(o);
+              return X(o);
             },
             enumerable: !0
           });
@@ -1640,7 +1653,7 @@ function Fe(e) {
     // --- Render ---
     _render(t) {
       this._runLogicWithinErrorBoundary(t, () => {
-        De(
+        He(
           this.shadowRoot,
           t,
           this.context,
@@ -1663,7 +1676,7 @@ function Fe(e) {
     }
     _requestRender() {
       this._runLogicWithinErrorBoundary(this._cfg, () => {
-        He(
+        qe(
           () => this._render(this._cfg),
           this._lastRenderTime,
           this._renderCount,
@@ -1683,7 +1696,7 @@ function Fe(e) {
     // --- Style ---
     _applyStyle(t, r) {
       this._runLogicWithinErrorBoundary(t, () => {
-        qe(
+        Ie(
           this.shadowRoot,
           t,
           this.context,
@@ -1769,7 +1782,7 @@ function Fe(e) {
     }
     _initWatchers(t) {
       this._runLogicWithinErrorBoundary(t, () => {
-        he(
+        ge(
           this.context,
           this._watchers,
           t.watch || {}
@@ -1777,12 +1790,12 @@ function Fe(e) {
       });
     }
     _triggerWatchers(t, r) {
-      ge(this.context, this._watchers, t, r);
+      ye(this.context, this._watchers, t, r);
     }
     _applyProps(t) {
       this._runLogicWithinErrorBoundary(t, () => {
         try {
-          ye(this, t, this.context);
+          me(this, t, this.context);
         } catch (r) {
           this._hasError = !0, t.onError && t.onError(r, this.context), t.errorFallback && this.shadowRoot && (this.shadowRoot.innerHTML = t.errorFallback(r, this.context));
         }
@@ -1800,10 +1813,10 @@ function I(e) {
 function D(e) {
   return typeof e == "object" && e !== null && "tag" in e && !I(e);
 }
-function Ke(e, t) {
+function Ue(e, t) {
   return e.key != null ? e : { ...e, key: t };
 }
-function Ue(e, t = [], r = {}) {
+function Ve(e, t = [], r = {}) {
   const n = {}, o = {}, s = {}, i = /([:@#]?)([a-zA-Z0-9-:\.]+)=("([^"\\]*(\\.[^"\\]*)*)"|'([^'\\]*(\\.[^'\\]*)*)')/g;
   let a;
   for (; a = i.exec(e); ) {
@@ -1828,7 +1841,7 @@ function Ue(e, t = [], r = {}) {
   }
   return { props: n, attrs: o, directives: s };
 }
-function Ve(e, t, r) {
+function Je(e, t, r) {
   const n = O.length > 0 ? O[O.length - 1] : void 0, o = r ?? n;
   function s(d, $) {
     return M("#text", {}, d, $);
@@ -1868,7 +1881,7 @@ function Ve(e, t, r) {
       return;
     }
     if (D(d)) {
-      k.push(Ke(d, void 0));
+      k.push(Ue(d, void 0));
       return;
     }
     if (Array.isArray(d)) {
@@ -1907,7 +1920,7 @@ function Ve(e, t, r) {
         props: w,
         attrs: _,
         directives: S
-      } = Ue(f[2] || "", t, o), C = { props: {}, attrs: {} };
+      } = Ve(f[2] || "", t, o), C = { props: {}, attrs: {} };
       for (const E in w) C.props[E] = w[E];
       for (const E in _) C.attrs[E] = _[E];
       if (Object.keys(S).length > 0 && (C.directives = { ...S }), $) {
@@ -1946,9 +1959,9 @@ function Ve(e, t, r) {
 }
 function B(e, ...t) {
   const r = t[t.length - 1], n = typeof r == "object" && r && !Array.isArray(r) ? r : void 0;
-  return Ve(e, t, n);
+  return Je(e, t, n);
 }
-const le = (e) => e ? typeof URLSearchParams > "u" ? {} : Object.fromEntries(new URLSearchParams(e)) : {}, T = (e, t) => {
+const ce = (e) => e ? typeof URLSearchParams > "u" ? {} : Object.fromEntries(new URLSearchParams(e)) : {}, T = (e, t) => {
   for (const r of e) {
     const n = [], o = r.path.replace(/:[^/]+/g, (a) => (n.push(a.slice(1)), "([^/]+)")), s = new RegExp(`^${o}$`), i = t.match(s);
     if (i) {
@@ -1959,21 +1972,21 @@ const le = (e) => e ? typeof URLSearchParams > "u" ? {} : Object.fromEntries(new
     }
   }
   return { route: null, params: {} };
-}, Q = {};
-async function Je(e) {
+}, Z = {};
+async function Qe(e) {
   if (e.component) return e.component;
   if (e.load) {
-    if (Q[e.path]) return Q[e.path];
+    if (Z[e.path]) return Z[e.path];
     try {
       const t = await e.load();
-      return Q[e.path] = t.default, t.default;
+      return Z[e.path] = t.default, t.default;
     } catch {
       throw new Error(`Failed to load component for route: ${e.path}`);
     }
   }
   throw new Error(`No component or loader defined for route: ${e.path}`);
 }
-function Qe(e) {
+function Ze(e) {
   const { routes: t, base: r = "", initialUrl: n } = e;
   let o, s, i, a, c, f, h;
   const p = async (b, g) => {
@@ -2024,11 +2037,11 @@ function Qe(e) {
   };
   if (typeof window < "u" && typeof document < "u") {
     o = () => {
-      const g = new URL(window.location.href), u = g.pathname.replace(r, "") || "/", m = le(g.search);
+      const g = new URL(window.location.href), u = g.pathname.replace(r, "") || "/", m = ce(g.search);
       return { path: u, query: m };
     }, s = o();
     const b = T(t, s.path);
-    i = ee({
+    i = te({
       path: s.path,
       params: b.params,
       query: s.query
@@ -2038,11 +2051,11 @@ function Qe(e) {
     }, window.addEventListener("popstate", () => a(!0)), c = (g) => y(g, !1), f = (g) => y(g, !0), h = () => window.history.back();
   } else {
     o = () => {
-      const u = new URL(n || "/", "http://localhost"), m = u.pathname.replace(r, "") || "/", v = le(u.search);
+      const u = new URL(n || "/", "http://localhost"), m = u.pathname.replace(r, "") || "/", v = ce(u.search);
       return { path: m, query: v };
     }, s = o();
     const b = T(t, s.path);
-    i = ee({
+    i = te({
       path: s.path,
       params: b.params,
       query: s.query
@@ -2103,15 +2116,15 @@ function Qe(e) {
     subscribe: i.subscribe,
     matchRoute: (b) => T(t, b),
     getCurrent: () => i.getState(),
-    resolveRouteComponent: Je
+    resolveRouteComponent: Qe
   };
 }
-function nt(e, t) {
+function ot(e, t) {
   return T(e, t);
 }
-function ot(e) {
-  const t = Qe(e);
-  return ae("router-view", {
+function it(e) {
+  const t = Ze(e);
+  return le("router-view", {
     async render() {
       if (!t) return B`<div>Router not initialized.</div>`;
       const r = t.getCurrent(), { path: n } = r, o = t.matchRoute(n);
@@ -2128,7 +2141,7 @@ function ot(e) {
         typeof r.requestRender == "function" && r.requestRender();
       });
     }
-  }), ae("router-link", {
+  }), le("router-link", {
     state: {},
     props: {
       to: { type: String, default: "" },
@@ -2141,7 +2154,7 @@ function ot(e) {
       disabled: { type: Boolean, default: !1 },
       external: { type: Boolean, default: !1 },
       class: { type: String, default: "" },
-      style: { type: String, default: fe`
+      style: { type: String, default: ue`
         [aria-disabled="true"] {
           pointer-events: none;
           opacity: 0.5;
@@ -2152,7 +2165,7 @@ function ot(e) {
     render: (r) => {
       const n = t.getCurrent(), o = r.to, s = r.exact, i = r.exactActiveClass, a = r.activeClass, c = r.ariaCurrentValue, f = r.tag, h = r.disabled, p = r.external, l = n.path === o, x = s ? l : n && typeof n.path == "string" ? n.path.startsWith(o) : !1, y = l ? i : x ? a : "", b = l ? `aria-current="${c}"` : "", g = f === "button", u = h ? g ? 'disabled aria-disabled="true" tabindex="-1"' : 'aria-disabled="true" tabindex="-1"' : "", m = p && (f === "a" || !f) ? 'target="_blank" rel="noopener noreferrer"' : "";
       return B`
-        ${de().when(g, B`
+        ${pe().when(g, B`
             <button
               part="button"
               :class="${r.class} ${y}"
@@ -2185,24 +2198,24 @@ function ot(e) {
 }
 export {
   N as GlobalEventBus,
-  ae as component,
-  ee as createStore,
-  fe as css,
-  Xe as each,
-  Ye as emit,
+  le as component,
+  te as createStore,
+  ue as css,
+  Ye as each,
+  Ge as emit,
   P as eventBus,
   B as html,
-  ot as initRouter,
-  rt as listen,
-  de as match,
+  it as initRouter,
+  nt as listen,
+  pe as match,
   T as matchRoute,
-  nt as matchRouteSSR,
-  et as off,
-  Ge as on,
-  tt as once,
-  le as parseQuery,
-  Je as resolveRouteComponent,
-  Qe as useRouter,
-  Ze as when
+  ot as matchRouteSSR,
+  tt as off,
+  et as on,
+  rt as once,
+  ce as parseQuery,
+  Qe as resolveRouteComponent,
+  Ze as useRouter,
+  Xe as when
 };
 //# sourceMappingURL=custom-elements-runtime.es.js.map