@jasonshimmy/custom-elements-runtime 1.0.1 → 1.0.3

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

@@ -71,8 +71,8 @@ class ht {
             "fill",
             "copyWithin"
           ].includes(i) ? function(...u) {
-            const y = o.apply(r, u);
-            return t.triggerUpdate(), y;
+            const m = o.apply(r, u);
+            return t.triggerUpdate(), m;
           } : o;
         },
         set: (r, i, s) => (r[i] = t.makeReactiveValue(s), t.triggerUpdate(), !0),
@@ -378,7 +378,7 @@ function se(e, ...t) {
 function Oe(e, ...t) {
   st && console.warn(e, ...t);
 }
-function yt(e, t, n) {
+function mt(e, t, n) {
   if (n)
     for (const [r, i] of Object.entries(n)) {
       let s, o = {};
@@ -395,14 +395,14 @@ function yt(e, t, n) {
         }
     }
 }
-function mt(e, t, n, r) {
+function yt(e, t, n, r) {
   const i = (o, a) => {
     if (o === a) return !0;
     if (typeof o != typeof a || typeof o != "object" || o === null || a === null) return !1;
     if (Array.isArray(o) && Array.isArray(a))
       return o.length !== a.length ? !1 : o.every((g, b) => i(g, a[b]));
-    const u = Object.keys(o), y = Object.keys(a);
-    return u.length !== y.length ? !1 : u.every((g) => i(o[g], a[g]));
+    const u = Object.keys(o), m = Object.keys(a);
+    return u.length !== m.length ? !1 : u.every((g) => i(o[g], a[g]));
   }, s = t.get(n);
   if (s && !i(r, s.oldValue))
     try {
@@ -565,10 +565,10 @@ class Ct {
           r = r.replace(new RegExp(b.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), `<<#${l}#>>`);
         }
         const u = /\b([a-zA-Z_][a-zA-Z0-9_]*)\b/g;
-        let y;
+        let m;
         const g = /* @__PURE__ */ new Set();
-        for (; (y = u.exec(r)) !== null; ) {
-          const b = y[1];
+        for (; (m = u.exec(r)) !== null; ) {
+          const b = m[1];
           if (["true", "false", "null", "undefined"].includes(b) || /^[0-9]+$/.test(b) || b === "ctx" || g.has(b)) continue;
           g.add(b);
           const h = H(n, b);
@@ -615,21 +615,21 @@ class Ct {
         s("?");
         const p = o();
         s(":");
-        const m = o();
-        return c ? p : m;
+        const y = o();
+        return c ? p : y;
       }
       return c;
     }
     function u() {
-      let c = y();
+      let c = m();
       for (; i() && i().value === "||"; ) {
         s("OP");
-        const p = y();
+        const p = m();
         c = c || p;
       }
       return c;
     }
-    function y() {
+    function m() {
       let c = g();
       for (; i() && i().value === "&&"; ) {
         s("OP");
@@ -641,19 +641,19 @@ class Ct {
     function g() {
       let c = b();
       for (; i() && ["==", "!=", "===", "!=="].includes(i().value); ) {
-        const p = s("OP").value, m = b();
+        const p = s("OP").value, y = b();
         switch (p) {
           case "==":
-            c = c == m;
+            c = c == y;
             break;
           case "!=":
-            c = c != m;
+            c = c != y;
             break;
           case "===":
-            c = c === m;
+            c = c === y;
             break;
           case "!==":
-            c = c !== m;
+            c = c !== y;
             break;
         }
       }
@@ -662,19 +662,19 @@ class Ct {
     function b() {
       let c = h();
       for (; i() && [">", "<", ">=", "<="].includes(i().value); ) {
-        const p = s("OP").value, m = h();
+        const p = s("OP").value, y = h();
         switch (p) {
           case ">":
-            c = c > m;
+            c = c > y;
             break;
           case "<":
-            c = c < m;
+            c = c < y;
             break;
           case ">=":
-            c = c >= m;
+            c = c >= y;
             break;
           case "<=":
-            c = c <= m;
+            c = c <= y;
             break;
         }
       }
@@ -683,24 +683,24 @@ class Ct {
     function h() {
       let c = l();
       for (; i() && (i().value === "+" || i().value === "-"); ) {
-        const p = s("OP").value, m = l();
-        c = p === "+" ? c + m : c - m;
+        const p = s("OP").value, y = l();
+        c = p === "+" ? c + y : c - y;
       }
       return c;
     }
     function l() {
       let c = d();
       for (; i() && (i().value === "*" || i().value === "/" || i().value === "%"); ) {
-        const p = s("OP").value, m = d();
+        const p = s("OP").value, y = d();
         switch (p) {
           case "*":
-            c = c * m;
+            c = c * y;
             break;
           case "/":
-            c = c / m;
+            c = c / y;
             break;
           case "%":
-            c = c % m;
+            c = c % y;
             break;
         }
       }
@@ -851,7 +851,7 @@ function he(e, t, n) {
 }
 function _t(e, t, n, r, i, s, o, a) {
   if (!s) return;
-  const u = t.includes("lazy"), y = t.includes("trim"), g = t.includes("number"), b = e && typeof e == "object" && "value" in e && typeof e.value < "u", h = () => {
+  const u = t.includes("lazy"), m = t.includes("trim"), g = t.includes("number"), b = e && typeof e == "object" && "value" in e && typeof e.value < "u", h = () => {
     if (b) {
       const C = e.value;
       return a && typeof C == "object" && C !== null ? C[a] : C;
@@ -888,7 +888,7 @@ function _t(e, t, n, r, i, s, o, a) {
     } catch {
     }
   }
-  const p = u || d === "checkbox" || d === "radio" || d === "select" ? "change" : "input", m = (C) => {
+  const p = u || d === "checkbox" || d === "radio" || d === "select" ? "change" : "input", y = (C) => {
     if (C.isComposing || i._isComposing) return;
     const k = typeof globalThis.process < "u" && globalThis.process.env?.NODE_ENV === "test" || typeof window < "u" && window.__vitest__;
     if (C.isTrusted === !1 && !k) return;
@@ -914,7 +914,7 @@ function _t(e, t, n, r, i, s, o, a) {
       x = f.getAttribute("value") ?? f.value;
     else if (d === "select" && f.multiple)
       x = Array.from(f.selectedOptions).map((T) => T.value);
-    else if (y && typeof x == "string" && (x = x.trim()), g) {
+    else if (m && typeof x == "string" && (x = x.trim()), g) {
       const T = Number(x);
       isNaN(T) || (x = T);
     }
@@ -952,7 +952,7 @@ function _t(e, t, n, r, i, s, o, a) {
       const C = i[p];
       o && oe.removeListener(o, p, C);
     }
-    i[p] = m;
+    i[p] = y;
   } else {
     const C = `update:${ne(c)}`;
     if (i[C]) {
@@ -984,7 +984,7 @@ function _t(e, t, n, r, i, s, o, a) {
     k && setTimeout(() => {
       const f = k.value, x = s._state || s, A = H(x, e);
       let _ = f;
-      if (y && (_ = _.trim()), g) {
+      if (m && (_ = _.trim()), g) {
         const T = Number(_);
         isNaN(T) || (_ = T);
       }
@@ -1010,7 +1010,7 @@ function Et(e, t, n, r) {
   else if (typeof e == "string") {
     if (!r) return;
     try {
-      const i = ye(e, r);
+      const i = me(e, r);
       if (typeof i == "object" && i !== null) {
         for (const [s, o] of Object.entries(i))
           s.startsWith("data-") || s.startsWith("aria-") || s === "class" ? n[s] = o : t[s] = o;
@@ -1029,7 +1029,7 @@ function $t(e, t, n) {
   let r;
   if (typeof e == "string") {
     if (!n) return;
-    r = ye(e, n);
+    r = me(e, n);
   } else
     r = e;
   const i = t.style || "";
@@ -1050,14 +1050,14 @@ function $t(e, t, n) {
     s = "display: none";
   s !== i && (s ? t.style = s : delete t.style);
 }
-function ye(e, t) {
+function me(e, t) {
   return Ct.evaluate(e, t);
 }
 function St(e, t, n) {
   let r;
   if (typeof e == "string") {
     if (!n) return;
-    r = ye(e, n);
+    r = me(e, n);
   } else
     r = e;
   let i = [];
@@ -1069,7 +1069,7 @@ function At(e, t, n) {
   let r;
   if (typeof e == "string") {
     if (!n) return;
-    r = ye(e, n);
+    r = me(e, n);
   } else
     r = e;
   let i = "";
@@ -1079,7 +1079,7 @@ function At(e, t, n) {
     const o = [];
     for (const [a, u] of Object.entries(r))
       if (u != null && u !== "") {
-        const y = a.replace(
+        const m = a.replace(
           /[A-Z]/g,
           (h) => `-${h.toLowerCase()}`
         ), g = [
@@ -1109,7 +1109,7 @@ function At(e, t, n) {
           "max-height"
         ];
         let b = String(u);
-        typeof u == "number" && g.includes(y) && (b = `${u}px`), o.push(`${y}: ${b}`);
+        typeof u == "number" && g.includes(m) && (b = `${u}px`), o.push(`${m}: ${b}`);
       }
     i = o.join("; ") + (o.length > 0 ? ";" : "");
   }
@@ -1118,16 +1118,16 @@ function At(e, t, n) {
 }
 function Tt(e, t, n) {
   let r = e;
-  typeof e == "string" && n && (r = ye(e, n)), ee(r) ? t.reactiveRef = r : t.ref = r;
+  typeof e == "string" && n && (r = me(e, n)), ee(r) ? t.reactiveRef = r : t.ref = r;
 }
 function at(e, t, n, r) {
   const i = {}, s = { ...r || {} }, o = {};
   for (const [a, u] of Object.entries(e)) {
-    const { value: y, modifiers: g, arg: b } = u;
+    const { value: m, modifiers: g, arg: b } = u;
     if (a === "model" || a.startsWith("model:")) {
       const h = a.split(":"), l = h.length > 1 ? h[1] : b;
       _t(
-        y,
+        m,
         // Pass the original value (could be string or reactive state object)
         g,
         i,
@@ -1141,19 +1141,19 @@ function at(e, t, n, r) {
     }
     switch (a) {
       case "bind":
-        Et(y, i, s, t);
+        Et(m, i, s, t);
         break;
       case "show":
-        $t(y, s, t);
+        $t(m, s, t);
         break;
       case "class":
-        St(y, s, t);
+        St(m, s, t);
         break;
       case "style":
-        At(y, s, t);
+        At(m, s, t);
         break;
       case "ref":
-        Tt(y, i, t);
+        Tt(m, i, t);
         break;
     }
   }
@@ -1179,9 +1179,9 @@ function Be(e, t) {
         ].find((d) => d != null) ?? "";
         a = l ? `${t}:${b}:${l}` : `${t}:${b}`;
       }
-      let u = a, y = 1;
+      let u = a, m = 1;
       for (; s.has(u); )
-        u = `${a}#${y++}`;
+        u = `${a}#${m++}`;
       s.add(u);
       let g = o.children;
       return Array.isArray(g) && (g = Be(g, u)), { ...o, key: u, children: g };
@@ -1205,10 +1205,10 @@ function Ve(e, t, n, r) {
     ...t.attrs,
     ...n.attrs,
     ...s.attrs
-  }, u = t.props ?? {}, y = o, g = n?.isCustomElement ?? t?.isCustomElement ?? !1;
+  }, u = t.props ?? {}, m = o, g = n?.isCustomElement ?? t?.isCustomElement ?? !1;
   let b = !1;
-  for (const d in { ...u, ...y }) {
-    const v = u[d], w = y[d];
+  for (const d in { ...u, ...m }) {
+    const v = u[d], w = m[d];
     if (v !== w)
       if (b = !0, d === "value" && (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement))
         e.value !== w && (e.value = w ?? "");
@@ -1298,15 +1298,15 @@ function Ve(e, t, n, r) {
           e.setAttribute(d, String(p));
           continue;
         }
-        const m = e.namespaceURI === "http://www.w3.org/2000/svg";
-        if (g && !m && d.includes("-")) {
+        const y = e.namespaceURI === "http://www.w3.org/2000/svg";
+        if (g && !y && d.includes("-")) {
           const C = it(d);
           try {
             e[C] = p;
           } catch {
             e.setAttribute(d, String(p));
           }
-        } else if (!m && d in e)
+        } else if (!y && d in e)
           try {
             e[d] = p;
           } catch {
@@ -1352,12 +1352,12 @@ function X(e, t, n) {
   const { props: i = {}, attrs: s = {}, directives: o = {} } = e.props ?? {}, a = at(o, t, r, s), u = {
     ...i,
     ...a.props
-  }, y = {
+  }, m = {
     ...s,
     ...a.attrs
   }, g = r.namespaceURI === "http://www.w3.org/2000/svg";
-  for (const h in y) {
-    const l = y[h];
+  for (const h in m) {
+    const l = m[h];
     if (!(typeof h != "string" || /\[object Object\]/.test(h))) {
       if (typeof l == "boolean")
         l && r.setAttribute(h, "");
@@ -1441,9 +1441,9 @@ function X(e, t, n) {
       r.appendChild(X(h, t, n));
   else typeof e.children == "string" && (r.textContent = e.children);
   try {
-    if (r instanceof HTMLSelectElement && y && y.hasOwnProperty("value"))
+    if (r instanceof HTMLSelectElement && m && m.hasOwnProperty("value"))
       try {
-        r.value = y.value ?? "";
+        r.value = m.value ?? "";
       } catch {
       }
   } catch {
@@ -1464,11 +1464,11 @@ function Rt(e, t, n, r, i) {
     const d = l.key;
     d != null && u.set(d, l);
   }
-  const y = /* @__PURE__ */ new Set();
+  const m = /* @__PURE__ */ new Set();
   let g = e.firstChild;
   function b(l, d) {
     let v = l;
-    for (; v && (y.add(v), v !== d); )
+    for (; v && (m.add(v), v !== d); )
       v = v.nextSibling;
   }
   function h(l, d, v, w) {
@@ -1476,10 +1476,10 @@ function Rt(e, t, n, r, i) {
     let p = l.nextSibling;
     for (; p && p !== d; )
       c.push(p), p = p.nextSibling;
-    const m = Array.isArray(v) ? v : [];
-    if (w.some((k) => k && k.key != null) || m.some((k) => k && k.key != null)) {
+    const y = Array.isArray(v) ? v : [];
+    if (w.some((k) => k && k.key != null) || y.some((k) => k && k.key != null)) {
       const k = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map();
-      for (const _ of m)
+      for (const _ of y)
         _ && _.key != null && k.set(_.key, _);
       for (const _ of c) {
         const $ = _.key;
@@ -1505,11 +1505,11 @@ function Rt(e, t, n, r, i) {
         !x.has(_) && e.contains(_) && e.removeChild(_);
     } else {
       const k = Math.min(
-        m.length,
+        y.length,
         w.length
       );
       for (let f = 0; f < k; f++) {
-        const x = m[f], A = w[f], _ = $e(c[f], x, A, r);
+        const x = y[f], A = w[f], _ = $e(c[f], x, A, r);
         _ !== c[f] && (e.insertBefore(_, c[f]), e.removeChild(c[f]));
       }
       for (let f = k; f < w.length; f++)
@@ -1522,21 +1522,21 @@ function Rt(e, t, n, r, i) {
     let d;
     if (l.tag === "#anchor") {
       const v = l.key, w = `${v}:start`, c = `${v}:end`;
-      let p = u.get(w), m = u.get(c);
+      let p = u.get(w), y = u.get(c);
       const C = Array.isArray(l.children) ? l.children : [];
-      if (p || (p = document.createTextNode(""), p.key = w), m || (m = document.createTextNode(""), m.key = c), l._startNode = p, l._endNode = m, !e.contains(p) || !e.contains(m)) {
+      if (p || (p = document.createTextNode(""), p.key = w), y || (y = document.createTextNode(""), y.key = c), l._startNode = p, l._endNode = y, !e.contains(p) || !e.contains(y)) {
         e.insertBefore(p, g);
         for (const k of C)
           e.insertBefore(X(k, r), g);
-        e.insertBefore(m, g);
+        e.insertBefore(y, g);
       } else
         h(
           p,
-          m,
+          y,
           a.get(v)?.children,
           C
         );
-      b(p, m), g = m.nextSibling;
+      b(p, y), g = y.nextSibling;
       continue;
     }
     if (l.key != null && u.has(l.key)) {
@@ -1547,13 +1547,13 @@ function Rt(e, t, n, r, i) {
         l,
         r,
         i
-      ), y.add(d), d !== g && e.contains(d) && (g && !e.contains(g) && (g = null), e.insertBefore(d, g));
+      ), m.add(d), d !== g && e.contains(d) && (g && !e.contains(g) && (g = null), e.insertBefore(d, g));
     } else
-      d = X(l, r, i), g && !e.contains(g) && (g = null), e.insertBefore(d, g), y.add(d);
+      d = X(l, r, i), g && !e.contains(g) && (g = null), e.insertBefore(d, g), m.add(d);
     g = d.nextSibling;
   }
   for (const l of s)
-    !y.has(l) && e.contains(l) && (ue(l, i), e.removeChild(l));
+    !m.has(l) && e.contains(l) && (ue(l, i), e.removeChild(l));
 }
 function $e(e, t, n, r, i) {
   if (t && typeof t != "string" && t.props?.ref && i && ue(e, i), t === n) return e;
@@ -1566,15 +1566,15 @@ function $e(e, t, n, r, i) {
     }
   }
   if (n && typeof n != "string" && n.tag === "#anchor") {
-    const o = n, a = Array.isArray(o.children) ? o.children : [], u = o._startNode ?? document.createTextNode(""), y = o._endNode ?? document.createTextNode("");
-    o.key != null && (u.key = `${o.key}:start`, y.key = `${o.key}:end`), o._startNode = u, o._endNode = y;
+    const o = n, a = Array.isArray(o.children) ? o.children : [], u = o._startNode ?? document.createTextNode(""), m = o._endNode ?? document.createTextNode("");
+    o.key != null && (u.key = `${o.key}:start`, m.key = `${o.key}:end`), o._startNode = u, o._endNode = m;
     const g = document.createDocumentFragment();
     g.appendChild(u);
     for (const b of a) {
       const h = X(b, r);
       g.appendChild(h);
     }
-    return g.appendChild(y), e.parentNode?.replaceChild(g, e), u;
+    return g.appendChild(m), e.parentNode?.replaceChild(g, e), u;
   }
   if (!n) {
     ue(e, i);
@@ -1589,11 +1589,11 @@ function $e(e, t, n, r, i) {
   if (n.tag === "#anchor") {
     const o = Array.isArray(n.children) ? n.children : [], a = n._startNode ?? document.createTextNode(""), u = n._endNode ?? document.createTextNode("");
     n.key != null && (a.key = `${n.key}:start`, u.key = `${n.key}:end`), n._startNode = a, n._endNode = u;
-    const y = document.createDocumentFragment();
-    y.appendChild(a);
+    const m = document.createDocumentFragment();
+    m.appendChild(a);
     for (const g of o)
-      y.appendChild(X(g, r));
-    return y.appendChild(u), e.parentNode?.replaceChild(y, e), a;
+      m.appendChild(X(g, r));
+    return m.appendChild(u), e.parentNode?.replaceChild(m, e), a;
   }
   if (typeof t != "string" && typeof n != "string" && t.tag === n.tag && t.key === n.key) {
     const o = e;
@@ -1621,11 +1621,11 @@ function Ot(e, t, n, r) {
   let a;
   s && o ? typeof s != "string" && typeof i != "string" && s.tag === i.tag && s.key === i.key ? a = $e(o, s, i, n, r) : (a = X(i, n, r), e.replaceChild(a, o)) : (a = X(i, n, r), e.firstChild ? e.replaceChild(a, e.firstChild) : e.appendChild(a));
   const u = [];
-  for (let y = 0; y < e.childNodes.length; y++) {
-    const g = e.childNodes[y];
+  for (let m = 0; m < e.childNodes.length; m++) {
+    const g = e.childNodes[m];
     g !== a && g.nodeName !== "STYLE" && (ue(g, r), u.push(g));
   }
-  u.forEach((y) => e.removeChild(y)), e._prevVNode = i, e._prevDom = a;
+  u.forEach((m) => e.removeChild(m)), e._prevVNode = i, e._prevDom = a;
 }
 function Pe(e) {
   if (typeof e == "string") return ie(e);
@@ -1874,8 +1874,12 @@ const Mt = Pt`
   "h-screen": "height:100dvw;",
   "max-w-full": "max-width:100%;",
   "max-h-full": "max-height:100%;",
+  "max-w-screen": "max-width:100dvw;",
+  "max-h-screen": "max-height:100dvh;",
   "min-w-0": "min-width:0;",
   "min-h-0": "min-height:0;",
+  "min-w-screen": "min-width:100dvw;",
+  "min-h-screen": "min-height:100dvh;",
   ...zt(),
   "m-auto": "margin:auto;",
   "mx-auto": "margin-inline:auto;",
@@ -2264,23 +2268,23 @@ const Xe = /* @__PURE__ */ new Map(), Kt = 16;
 function Vt(e) {
   const t = Date.now(), n = Xe.get(e);
   if (n && t - n.timestamp < Kt) return n.css;
-  const r = Ft(e), i = new Set(r), s = [], o = [], a = [], u = [], y = {};
+  const r = Ft(e), i = new Set(r), s = [], o = [], a = [], u = [], m = {};
   function g(w, c = !1) {
     const p = (c ? "dark|" : "") + w;
-    if (p in y) return y[p];
-    const m = d(w, c);
-    return y[p] = m, m;
+    if (p in m) return m[p];
+    const y = d(w, c);
+    return m[p] = y, y;
   }
   function b(w) {
-    const c = w.some((m) => je.includes(m)), p = w.includes("dark");
+    const c = w.some((y) => je.includes(y)), p = w.includes("dark");
     return w.length === 0 ? 1 : !c && !p ? 2 : c && !p ? 3 : 4;
   }
   function h(w) {
     const c = [];
-    let p = "", m = 0, C = 0;
+    let p = "", y = 0, C = 0;
     for (let k = 0; k < w.length; k++) {
       const f = w[k];
-      f === "[" ? m++ : f === "]" && m > 0 ? m-- : f === "(" ? C++ : f === ")" && C > 0 && C--, f === ":" && m === 0 && C === 0 ? (c.push(p), p = "") : p += f;
+      f === "[" ? y++ : f === "]" && y > 0 ? y-- : f === "(" ? C++ : f === ")" && C > 0 && C--, f === ":" && y === 0 && C === 0 ? (c.push(p), p = "") : p += f;
     }
     return p && c.push(p), c;
   }
@@ -2316,15 +2320,15 @@ function Vt(e) {
   }
   function d(w, c = !1) {
     const p = h(w);
-    let m = !1;
-    const C = p.find((E) => (E.startsWith("!") && (m = !0, E = E.slice(1)), Le[E] || Ne(E) || ze(E) || We(E) || Se(E)));
+    let y = !1;
+    const C = p.find((E) => (E.startsWith("!") && (y = !0, E = E.slice(1)), Le[E] || Ne(E) || ze(E) || We(E) || Se(E)));
     if (!C) return null;
     const k = C.replace(/^!/, ""), f = Le[k] ?? Ne(k) ?? ze(k) ?? We(k) ?? Se(k);
     if (!f) return null;
     const x = p.indexOf(C);
     let A = x >= 0 ? p.slice(0, x) : [];
     c && (A = A.filter((E) => E !== "dark"));
-    const _ = `.${qt(w)}`, $ = "__SUBJECT__", T = m ? f.replace(/;$/, " !important;") : f;
+    const _ = `.${qt(w)}`, $ = "__SUBJECT__", T = y ? f.replace(/;$/, " !important;") : f;
     let R = $;
     const S = [];
     for (const E of A)
@@ -2391,7 +2395,7 @@ function Vt(e) {
       (f) => Le[f] || Ne(f) || ze(f) || We(f) || Se(f)
     );
     if (!p) continue;
-    const m = c.indexOf(p), C = m >= 0 ? c.slice(0, m) : [], k = b(C);
+    const y = c.indexOf(p), C = y >= 0 ? c.slice(0, y) : [], k = b(C);
     if (k === 4) {
       const f = g(w, !0);
       f && u.push(f);
@@ -2410,10 +2414,10 @@ function Jt(e, t, n, r, i, s, o, a) {
     try {
       const u = t.render(n);
       if (u instanceof Promise) {
-        s(!0), u.then((y) => {
-          s(!1), o(null), Ye(e, y, n, r, i), a(e.innerHTML);
-        }).catch((y) => {
-          s(!1), o(y);
+        s(!0), u.then((m) => {
+          s(!1), o(null), Ye(e, m, n, r, i), a(e.innerHTML);
+        }).catch((m) => {
+          s(!1), o(m);
         });
         return;
       }
@@ -2453,10 +2457,10 @@ Stopping runaway component render to prevent browser freeze`
     }
   } else
     i(0);
-  const y = setTimeout(() => {
+  const m = setTimeout(() => {
     r(Date.now()), e(), o(null);
   }, n > 10 ? 100 : 0);
-  o(y);
+  o(m);
 }
 function Gt(e, t, n, r, i) {
   if (!e) return;
@@ -2487,7 +2491,7 @@ function hn() {
   const e = N.emit;
   return (t, n) => e(t, n);
 }
-function me(e) {
+function ye(e) {
   e._hookCallbacks || Object.defineProperty(e, "_hookCallbacks", {
     value: {},
     writable: !0,
@@ -2498,27 +2502,27 @@ function me(e) {
 function gn(e) {
   if (!N)
     throw new Error("useOnConnected must be called during component render");
-  me(N), N._hookCallbacks.onConnected = e;
+  ye(N), N._hookCallbacks.onConnected = e;
 }
-function yn(e) {
+function mn(e) {
   if (!N)
     throw new Error("useOnDisconnected must be called during component render");
-  me(N), N._hookCallbacks.onDisconnected = e;
+  ye(N), N._hookCallbacks.onDisconnected = e;
 }
-function mn(e) {
+function yn(e) {
   if (!N)
     throw new Error("useOnAttributeChanged must be called during component render");
-  me(N), N._hookCallbacks.onAttributeChanged = e;
+  ye(N), N._hookCallbacks.onAttributeChanged = e;
 }
 function bn(e) {
   if (!N)
     throw new Error("useOnError must be called during component render");
-  me(N), N._hookCallbacks.onError = e;
+  ye(N), N._hookCallbacks.onError = e;
 }
 function wn(e) {
   if (!N)
     throw new Error("useStyle must be called during component render");
-  me(N);
+  ye(N);
   try {
     const t = e();
     Object.defineProperty(N, "_computedStyle", {
@@ -2771,8 +2775,8 @@ function Qt(e, t) {
       try {
         let r = function(s, o = "") {
           return Array.isArray(s) ? new Proxy(s, {
-            get(a, u, y) {
-              const g = Reflect.get(a, u, y);
+            get(a, u, m) {
+              const g = Reflect.get(a, u, m);
               return typeof g == "function" && typeof u == "string" && [
                 "push",
                 "pop",
@@ -2790,17 +2794,17 @@ function Qt(e, t) {
                 return l;
               } : g;
             },
-            set(a, u, y) {
-              if (a[u] = y, !i._initializing) {
+            set(a, u, m) {
+              if (a[u] = m, !i._initializing) {
                 const g = o ? `${o}.${String(u)}` : String(u);
-                i._triggerWatchers(g, y), fe(() => i._render(n), i._componentId);
+                i._triggerWatchers(g, m), fe(() => i._render(n), i._componentId);
               }
               return !0;
             },
             deleteProperty(a, u) {
               if (delete a[u], !i._initializing) {
-                const y = o ? `${o}.${String(u)}` : String(u);
-                i._triggerWatchers(y, void 0), fe(() => i._render(n), i._componentId);
+                const m = o ? `${o}.${String(u)}` : String(u);
+                i._triggerWatchers(m, void 0), fe(() => i._render(n), i._componentId);
               }
               return !0;
             }
@@ -2808,15 +2812,15 @@ function Qt(e, t) {
             const u = o ? `${o}.${a}` : a;
             s[a] = r(s[a], u);
           }), new Proxy(s, {
-            set(a, u, y) {
+            set(a, u, m) {
               const g = o ? `${o}.${String(u)}` : String(u);
-              return a[u] = r(y, g), i._initializing || (i._triggerWatchers(
+              return a[u] = r(m, g), i._initializing || (i._triggerWatchers(
                 g,
                 a[u]
               ), fe(() => i._render(n), i._componentId)), !0;
             },
-            get(a, u, y) {
-              return Reflect.get(a, u, y);
+            get(a, u, m) {
+              return Reflect.get(a, u, m);
             }
           })) : s;
         };
@@ -2834,7 +2838,7 @@ function Qt(e, t) {
     }
     _initWatchers(n) {
       this._runLogicWithinErrorBoundary(n, () => {
-        yt(
+        mt(
           this.context,
           this._watchers,
           {}
@@ -2843,7 +2847,7 @@ function Qt(e, t) {
       });
     }
     _triggerWatchers(n, r) {
-      mt(this.context, this._watchers, n, r);
+      yt(this.context, this._watchers, n, r);
     }
     _applyProps(n) {
       this._runLogicWithinErrorBoundary(n, () => {
@@ -2864,8 +2868,8 @@ function et(e, t) {
     try {
       const a = t.toString().match(/\(\s*{\s*([^}]+)\s*}/);
       if (a) {
-        const y = a[1].split(",").map((g) => g.trim());
-        for (const g of y) {
+        const m = a[1].split(",").map((g) => g.trim());
+        for (const g of m) {
           const b = g.indexOf("=");
           if (b !== -1) {
             const h = g.substring(0, b).trim(), l = g.substring(b + 1).trim();
@@ -2895,7 +2899,7 @@ function et(e, t) {
     onDisconnected: (o) => {
       i.onDisconnected && i.onDisconnected();
     },
-    onAttributeChanged: (o, a, u, y) => {
+    onAttributeChanged: (o, a, u, m) => {
       i.onAttributeChanged && i.onAttributeChanged(o, a, u);
     },
     onError: (o, a) => {
@@ -2909,19 +2913,19 @@ function et(e, t) {
       try {
         Xt(o);
         const u = Object.keys(r).length > 0;
-        let y;
+        let m;
         if (u) {
           const g = {};
           Object.keys(r).forEach((b) => {
             g[b] = o[b] ?? r[b];
-          }), y = t(g);
+          }), m = t(g);
         } else
-          y = t();
+          m = t();
         if (o._hookCallbacks) {
           const g = o._hookCallbacks;
           g.onConnected && (i.onConnected = g.onConnected), g.onDisconnected && (i.onDisconnected = g.onDisconnected), g.onAttributeChanged && (i.onAttributeChanged = g.onAttributeChanged), g.onError && (i.onError = g.onError), g.style && (o._styleCallback = g.style);
         }
-        return y;
+        return m;
       } finally {
         Yt(), F.clearCurrentComponent();
       }
@@ -2984,33 +2988,33 @@ function rn(e, t = [], n = {}) {
   const r = {}, i = {}, s = {}, o = [], a = /([:@#]?)([a-zA-Z0-9-:\.]+)=("([^"\\]*(\\.[^"\\]*)*)"|'([^'\\]*(\\.[^'\\]*)*)')/g;
   let u;
   for (; u = a.exec(e); ) {
-    const y = u[1], g = u[2], b = (u[4] || u[6]) ?? "", h = b.match(/^{{(\d+)}}$/);
+    const m = u[1], g = u[2], b = (u[4] || u[6]) ?? "", h = b.match(/^{{(\d+)}}$/);
     let l = h ? t[Number(h[1])] ?? null : b;
     h || (l === "true" ? l = !0 : l === "false" ? l = !1 : l === "null" ? l = null : isNaN(Number(l)) || (l = Number(l)));
     const d = ["model", "bind", "show", "class", "style", "ref"];
-    if (y === ":") {
+    if (m === ":") {
       const [v, w] = g.split(":"), [c, ...p] = v.split(".");
       if (d.includes(c)) {
-        const m = [...p], C = c === "model" && w ? `model:${w}` : c;
+        const y = [...p], C = c === "model" && w ? `model:${w}` : c;
         s[C] = {
           value: l,
-          modifiers: m,
+          modifiers: y,
           arg: w
         };
       } else {
-        let m = l;
-        m && ee(m) && (m = m.value), i[g] = m, o.push(g);
+        let y = l;
+        y && ee(y) && (y = y.value), i[g] = y, o.push(g);
       }
-    } else if (y === "@") {
+    } else if (m === "@") {
       const [v, ...w] = g.split("."), c = w;
       tn(l, v);
       const p = typeof l == "function" ? l : typeof n[l] == "function" ? n[l] : void 0;
       if (p) {
-        const m = (k) => {
+        const y = (k) => {
           if (c.includes("prevent") && k.preventDefault(), c.includes("stop") && k.stopPropagation(), !(c.includes("self") && k.target !== k.currentTarget))
-            return c.includes("once") && k.currentTarget?.removeEventListener(v, m), p(k);
+            return c.includes("once") && k.currentTarget?.removeEventListener(v, y), p(k);
         }, C = "on" + v.charAt(0).toUpperCase() + v.slice(1);
-        r[C] = m;
+        r[C] = y;
       }
     } else g === "ref" ? r.ref = l : i[g] = l;
   }
@@ -3028,7 +3032,7 @@ function sn(e, t, n) {
   let u = "";
   for (let f = 0; f < e.length; f++)
     u += e[f], f < t.length && (u += `{{${f}}}`);
-  const y = /<!--[\s\S]*?-->|<\/?([a-zA-Z0-9-]+)((?:\s+[^\s=>/]+(?:\s*=\s*(?:"(?:\\.|[^"])*"|'(?:\\.|[^'])*'|[^\s>]+))?)*)\s*\/?>|{{(\d+)}}|([^<]+)/g, g = [];
+  const m = /<!--[\s\S]*?-->|<\/?([a-zA-Z0-9-]+)((?:\s+[^\s=>/]+(?:\s*=\s*(?:"(?:\\.|[^"])*"|'(?:\\.|[^'])*'|[^\s>]+))?)*)\s*\/?>|{{(\d+)}}|([^<]+)/g, g = [];
   let b, h = [], l = null, d = {}, v, w = 0, c = [];
   function p(f) {
     !f || typeof f != "object" || Ae(f) || (f.props || f.attrs ? (f.props && (d.props || (d.props = {}), Object.assign(d.props, f.props)), f.attrs && (d.attrs || (d.attrs = {}), Object.keys(f.attrs).forEach((x) => {
@@ -3047,7 +3051,7 @@ function sn(e, t, n) {
         d.attrs[x] = f.attrs[x];
     }))) : (d.props || (d.props = {}), Object.assign(d.props, f)));
   }
-  function m(f, x) {
+  function y(f, x) {
     const A = l ? h : c;
     if (Ae(f)) {
       const _ = f.key ?? x;
@@ -3067,7 +3071,7 @@ function sn(e, t, n) {
       if (f.length === 0) return;
       for (let _ = 0; _ < f.length; _++) {
         const $ = f[_];
-        Ae($) || _e($) || Array.isArray($) ? m($, `${x}-${_}`) : $ !== null && typeof $ == "object" ? p($) : A.push(a(String($), `${x}-${_}`));
+        Ae($) || _e($) || Array.isArray($) ? y($, `${x}-${_}`) : $ !== null && typeof $ == "object" ? p($) : A.push(a(String($), `${x}-${_}`));
       }
       return;
     }
@@ -3093,7 +3097,7 @@ function sn(e, t, n) {
     "track",
     "wbr"
   ]);
-  for (; b = y.exec(u); )
+  for (; b = m.exec(u); )
     if (!(b[0].startsWith("<!--") && b[0].endsWith("-->"))) {
       if (b[1]) {
         const f = b[1], x = b[0][1] === "/", A = b[0][b[0].length - 2] === "/" || C.has(f), {
@@ -3184,7 +3188,7 @@ function sn(e, t, n) {
         }), l = f, d = S, h = []);
       } else if (typeof b[3] < "u") {
         const f = Number(b[3]), x = t[f], A = `interp-${f}`;
-        m(x, A);
+        y(x, A);
       } else if (b[4]) {
         const f = b[4], x = l ? h : c, A = f.split(/({{\d+}})/);
         for (const _ of A) {
@@ -3192,7 +3196,7 @@ function sn(e, t, n) {
           const $ = _.match(/^{{(\d+)}}$/);
           if ($) {
             const T = Number($[1]), R = t[T], S = `interp-${T}`;
-            m(R, S);
+            y(R, S);
           } else {
             const T = `text-${w++}`;
             x.push(a(_, T));
@@ -3289,8 +3293,8 @@ function $n(e, t, n) {
 function Sn(e, t, n, r) {
   const i = n * t, s = Math.min(i + t, e.length);
   return e.slice(i, s).map((a, u) => {
-    const y = i + u, g = typeof a == "object" && a != null ? a?.key ?? a?.id ?? `page-${y}` : `page-${y}`;
-    return j(r(a, y, u), `each-page-${g}`);
+    const m = i + u, g = typeof a == "object" && a != null ? a?.key ?? a?.id ?? `page-${m}` : `page-${m}`;
+    return j(r(a, m, u), `each-page-${g}`);
   });
 }
 function An(e, t) {
@@ -3514,8 +3518,8 @@ const nt = (e) => e ? typeof URLSearchParams > "u" ? {} : Object.fromEntries(new
     const r = [], i = n.path.replace(/:[^/]+/g, (a) => (r.push(a.slice(1)), "([^/]+)")), s = new RegExp(`^${i}$`), o = t.match(s);
     if (o) {
       const a = {};
-      return r.forEach((u, y) => {
-        a[u] = o[y + 1];
+      return r.forEach((u, m) => {
+        a[u] = o[m + 1];
       }), { route: n, params: a };
     }
   }
@@ -3536,7 +3540,7 @@ async function ln(e) {
 }
 function un(e) {
   const { routes: t, base: n = "", initialUrl: r } = e;
-  let i, s, o, a, u, y, g;
+  let i, s, o, a, u, m, g;
   const b = async (v, w) => {
     const c = t.find((p) => Q([p], v.path).route !== null);
     if (c?.beforeEnter)
@@ -3572,13 +3576,13 @@ function un(e) {
         query: {}
       }, p = Q(t, c.path);
       if (!p) throw new Error(`No route found for ${c.path}`);
-      const m = o.getState(), C = {
+      const y = o.getState(), C = {
         path: c.path,
         params: p.params,
         query: c.query
       };
-      if (!await b(C, m) || !await h(C, m)) return;
-      typeof window < "u" && typeof document < "u" && (w ? window.history.replaceState({}, "", n + v) : window.history.pushState({}, "", n + v)), o.setState(C), l(C, m);
+      if (!await b(C, y) || !await h(C, y)) return;
+      typeof window < "u" && typeof document < "u" && (w ? window.history.replaceState({}, "", n + v) : window.history.pushState({}, "", n + v)), o.setState(C), l(C, y);
     } catch (c) {
       se("Navigation error:", c);
     }
@@ -3596,11 +3600,11 @@ function un(e) {
     }), a = async (w = !1) => {
       const c = i();
       await d(c.path, w);
-    }, window.addEventListener("popstate", () => a(!0)), u = (w) => d(w, !1), y = (w) => d(w, !0), g = () => window.history.back();
+    }, window.addEventListener("popstate", () => a(!0)), u = (w) => d(w, !1), m = (w) => d(w, !0), g = () => window.history.back();
   } else {
     i = () => {
-      const c = new URL(r || "/", "http://localhost"), p = c.pathname.replace(n, "") || "/", m = nt(c.search);
-      return { path: p, query: m };
+      const c = new URL(r || "/", "http://localhost"), p = c.pathname.replace(n, "") || "/", y = nt(c.search);
+      return { path: p, query: y };
     }, s = i();
     const v = Q(t, s.path);
     o = tt({
@@ -3616,11 +3620,11 @@ function un(e) {
         const p = {
           path: c.replace(n, "") || "/",
           query: {}
-        }, m = Q(t, p.path);
-        if (!m) throw new Error(`No route found for ${p.path}`);
+        }, y = Q(t, p.path);
+        if (!y) throw new Error(`No route found for ${p.path}`);
         const C = o.getState(), k = {
           path: p.path,
-          params: m.params,
+          params: y.params,
           query: p.query
         }, f = t.find((x) => Q([x], k.path).route !== null);
         if (f?.beforeEnter)
@@ -3653,13 +3657,13 @@ function un(e) {
       } catch {
       }
     };
-    u = async (c) => w(c), y = async (c) => w(c), g = () => {
+    u = async (c) => w(c), m = async (c) => w(c), g = () => {
     };
   }
   return {
     store: o,
     push: u,
-    replace: y,
+    replace: m,
     back: g,
     subscribe: o.subscribe,
     matchRoute: (v) => Q(t, v),
@@ -3683,8 +3687,8 @@ function zn(e) {
       if (typeof u == "string")
         return { tag: u, props: {}, children: [] };
       if (typeof u == "function") {
-        const y = u();
-        return (y instanceof Promise ? y : Promise.resolve(y)).then((b) => typeof b == "string" ? { tag: b, props: {}, children: [] } : b);
+        const m = u();
+        return (m instanceof Promise ? m : Promise.resolve(m)).then((b) => typeof b == "string" ? { tag: b, props: {}, children: [] } : b);
       }
       return ce`<div>Invalid route component</div>`;
     }).catch(() => ce`<div>Invalid route component</div>`) : ce`<div>Not found</div>`;
@@ -3695,18 +3699,18 @@ function zn(e) {
       replace: o = !1,
       exact: a = !1,
       activeClass: u = "active",
-      exactActiveClass: y = "exact-active",
+      exactActiveClass: m = "exact-active",
       ariaCurrentValue: g = "page",
       disabled: b = !1,
       external: h = !1,
       class: l = ""
-    } = n, d = t.getCurrent(), v = d.path === i, w = a ? v : d && typeof d.path == "string" ? d.path.startsWith(i) : !1, c = v ? `aria-current="${g}"` : "", p = (l || "").split(/\s+/).filter(Boolean), m = {};
-    for (const _ of p) m[_] = !0;
+    } = n, d = t.getCurrent(), v = d.path === i, w = a ? v : d && typeof d.path == "string" ? d.path.startsWith(i) : !1, c = v ? `aria-current="${g}"` : "", p = (l || "").split(/\s+/).filter(Boolean), y = {};
+    for (const _ of p) y[_] = !0;
     const C = {
-      ...m,
+      ...y,
       // Also include the configurable names (may duplicate the above)
       [u]: w,
-      [y]: v
+      [m]: v
     }, k = s === "button", f = b ? k ? 'disabled aria-disabled="true" tabindex="-1"' : 'aria-disabled="true" tabindex="-1"' : "", x = h && (s === "a" || !s) ? 'target="_blank" rel="noopener noreferrer"' : "", A = (_) => {
       if (b) {
         _.preventDefault();
@@ -3773,9 +3777,9 @@ export {
   An as switchOnPromise,
   xn as unless,
   hn as useEmit,
-  mn as useOnAttributeChanged,
+  yn as useOnAttributeChanged,
   gn as useOnConnected,
-  yn as useOnDisconnected,
+  mn as useOnDisconnected,
   bn as useOnError,
   un as useRouter,
   wn as useStyle,