@jasonshimmy/custom-elements-runtime 3.2.1 → 3.3.0

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

@@ -1,9 +1,9 @@
-import { r as y, t as x } from "./logger-L25axmB-.js";
-import { J as nt, R as T, V as et, _ as bt, h as st, i as wt, m as it, y as St } from "./hooks-_3xP4G2N.js";
-import { n as ct, t as U } from "./template-compiler-Cs5axmn4.js";
-import { match as Rt } from "./custom-elements-runtime.directives.es.js";
-import { createStore as lt } from "./custom-elements-runtime.store.es.js";
-var ut = {
+import { r as y, t as k } from "./logger-L25axmB-.js";
+import { J as nt, R as L, V as et, _ as St, h as st, i as it, m as ct, y as Rt } from "./hooks-_3xP4G2N.js";
+import { n as lt, t as U } from "./template-compiler-Cs5axmn4.js";
+import { match as Et } from "./custom-elements-runtime.directives.es.js";
+import { createStore as ut } from "./custom-elements-runtime.store.es.js";
+var ft = {
   enabled: !0,
   offset: 0,
   timeoutMs: 2e3
@@ -14,32 +14,32 @@ var ut = {
   } catch {
     return "";
   }
-}, ft = (t) => t ? /^\s*javascript\s*:/i.test(t) : !1, Z = (t) => /^[a-zA-Z][a-zA-Z0-9+.-]*:/.test(t) || t.startsWith("//"), Et = (t) => {
+}, ht = (t) => t ? /^\s*javascript\s*:/i.test(t) : !1, K = (t) => /^[a-zA-Z][a-zA-Z0-9+.-]*:/.test(t) || t.startsWith("//"), Ct = (t) => {
   try {
     return decodeURIComponent(t);
   } catch {
     return t;
   }
 };
-function E(t) {
+function C(t) {
   if (!t) return "/";
   let r = t.replace(/\/+/g, "/");
   return r.startsWith("/") || (r = "/" + r), r.length > 1 && r.endsWith("/") && (r = r.slice(0, -1)), r;
 }
-var Ct = (t) => {
+var xt = (t) => {
   if (!t) return "";
-  const r = E(t);
+  const r = C(t);
   return r === "/" ? "" : r;
-}, ht = /* @__PURE__ */ new WeakMap();
-function xt(t) {
+}, pt = /* @__PURE__ */ new WeakMap();
+function At(t) {
   return t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
-function At(t) {
-  const r = E(t.path || "/"), f = r === "/" ? [] : r.split("/").filter(Boolean), a = [], i = [];
-  for (let m = 0; m < f.length; m++) {
-    const g = f[m];
+function kt(t) {
+  const r = C(t.path || "/"), h = r === "/" ? [] : r.split("/").filter(Boolean), a = [], i = [];
+  for (let m = 0; m < h.length; m++) {
+    const g = h[m];
     if (g === "*") {
-      if (m !== f.length - 1)
+      if (m !== h.length - 1)
         return y(`Route '${t.path}' contains a '*' splat in a non-terminal position; splats must be the last segment. This route will be ignored.`), { invalid: !0 };
       const c = `splat${a.length}`;
       a.push(c), i.push("__SPLAT__");
@@ -47,13 +47,13 @@ function At(t) {
     }
     const v = g.match(/^:([A-Za-z0-9_-]+)(\*)?$/);
     if (v) {
-      const c = v[1], S = !!v[2];
-      if (S && m !== f.length - 1)
+      const c = v[1], R = !!v[2];
+      if (R && m !== h.length - 1)
         return y(`Route '${t.path}' contains a splat param ':${c}*' in a non-terminal position; splats must be the last segment. This route will be ignored.`), { invalid: !0 };
-      a.push(c), i.push(S ? "__SPLAT__" : "([^/]+)");
+      a.push(c), i.push(R ? "__SPLAT__" : "([^/]+)");
       continue;
     }
-    i.push(xt(g));
+    i.push(At(g));
   }
   let o;
   if (i.length === 0) o = "^/$";
@@ -71,16 +71,16 @@ function At(t) {
   }
 }
 var Q = (t, r) => {
-  const f = E(r);
+  const h = C(r);
   for (const a of t) {
-    let i = ht.get(a);
-    if (i || (i = At(a), ht.set(a, i)), i.invalid) continue;
-    const { regex: o, paramNames: m } = i, g = o.exec(f);
+    let i = pt.get(a);
+    if (i || (i = kt(a), pt.set(a, i)), i.invalid) continue;
+    const { regex: o, paramNames: m } = i, g = o.exec(h);
     if (g) {
       const v = {};
       for (let c = 0; c < m.length; c++) {
-        const S = g[c + 1] || "";
-        v[m[c]] = S ? Et(S) : "";
+        const R = g[c + 1] || "";
+        v[m[c]] = R ? Ct(R) : "";
       }
       return {
         route: a,
@@ -94,34 +94,34 @@ var Q = (t, r) => {
   };
 };
 function rt(t, r) {
-  for (const f of t) if (Q([f], r).route !== null) return f;
+  for (const h of t) if (Q([h], r).route !== null) return h;
   return null;
 }
 function Ft(t, r) {
-  const f = r.split("?")[0].split("#")[0];
-  return Q(t, f);
+  const h = r.split("?")[0].split("#")[0];
+  return Q(t, h);
 }
-var pt = 50, J = {}, B = {};
-function kt() {
+var dt = 50, J = {}, B = {};
+function Pt() {
   J = {}, B = {};
 }
-function Pt() {
+function _t() {
   const t = Object.entries(J);
-  if (t.length <= pt) return;
-  const r = t.sort(([, f], [, a]) => f.lastAccessed - a.lastAccessed).slice(0, t.length - pt);
-  for (const [f] of r) delete J[f];
+  if (t.length <= dt) return;
+  const r = t.sort(([, h], [, a]) => h.lastAccessed - a.lastAccessed).slice(0, t.length - dt);
+  for (const [h] of r) delete J[h];
 }
-async function _t(t) {
+async function gt(t) {
   if (t.component) return t.component;
   if (t.load) {
     const r = J[t.path];
     if (r)
       return r.lastAccessed = Date.now(), r.component;
     if (B[t.path] !== void 0) return B[t.path];
-    const f = typeof window > "u";
+    const h = typeof window > "u";
     try {
       const a = t.load().then((i) => {
-        Pt();
+        _t();
         const o = i.default;
         return J[t.path] = {
           component: o,
@@ -130,7 +130,7 @@ async function _t(t) {
       }).catch((i) => {
         delete B[t.path];
         const o = i instanceof Error ? i.message : String(i);
-        throw f && x(`SSR component load failed for route: ${t.path}. ${o}`), new Error(`Failed to load component for route: ${t.path}. ${o}`);
+        throw h && k(`SSR component load failed for route: ${t.path}. ${o}`), new Error(`Failed to load component for route: ${t.path}. ${o}`);
       });
       return B[t.path] = a, await a;
     } catch (a) {
@@ -144,41 +144,41 @@ var d = null;
 function qt(t) {
   d = t;
 }
-function dt() {
+function yt() {
   return d;
 }
-var K = /* @__PURE__ */ new Set(), O = null;
-function vt() {
-  if (O) {
+var V = /* @__PURE__ */ new Set(), D = null;
+function bt() {
+  if (D) {
     try {
-      O();
+      D();
     } catch {
     }
-    O = null;
+    D = null;
   }
   if (d) try {
     let t = !1;
-    O = d.subscribe((r) => {
+    D = d.subscribe((r) => {
       t = !0;
-      for (const f of K) try {
-        f(r);
+      for (const h of V) try {
+        h(r);
       } catch {
       }
     });
     try {
-      A.base = d.base;
+      x.base = d.base;
     } catch {
     }
     if (t) {
       const r = d.getCurrent();
-      for (const f of K) try {
-        f(r);
+      for (const h of V) try {
+        h(r);
       } catch {
       }
     } else {
       const r = d.getCurrent();
-      for (const f of K) try {
-        f(r);
+      for (const h of V) try {
+        h(r);
       } catch {
       }
     }
@@ -187,13 +187,13 @@ function vt() {
     } catch {
     }
   } catch {
-    O = null;
+    D = null;
   }
 }
 function Tt() {
-  vt();
+  bt();
 }
-var A = {
+var x = {
   store: {
     subscribe(t) {
       if (d) return d.store.subscribe(t);
@@ -227,7 +227,7 @@ var A = {
     if (typeof t != "function")
       return y("activeRouterProxy.subscribe: listener must be a function"), () => {
       };
-    if (K.add(t), d) if (!O) vt();
+    if (V.add(t), d) if (!D) bt();
     else try {
       const r = d.getCurrent();
       r && t(r);
@@ -245,13 +245,13 @@ var A = {
     }
     return () => {
       try {
-        if (K.delete(t), K.size === 0 && O) {
+        if (V.delete(t), V.size === 0 && D) {
           try {
-            O();
+            D();
           } catch (r) {
             y("activeRouterProxy inner unsubscribe failed", r);
           }
-          O = null;
+          D = null;
         }
       } catch (r) {
         y("activeRouterProxy unsubscribe failed", r);
@@ -293,29 +293,29 @@ var A = {
   }
 };
 function It(t) {
-  const { routes: r, base: f = "", initialUrl: a, scrollToFragment: i = !0 } = t, o = Ct(f), m = typeof i == "boolean" ? {
-    ...ut,
+  const { routes: r, base: h = "", initialUrl: a, scrollToFragment: i = !0 } = t, o = xt(h), m = typeof i == "boolean" ? {
+    ...ft,
     enabled: i
   } : {
-    ...ut,
+    ...ft,
     ...i
   };
-  let g, v, c, S, I, z, V, X = () => {
+  let g, v, c, R, M, z, H, X = () => {
   };
-  const _ = /* @__PURE__ */ new Set(), W = 10;
-  let k = 0;
+  const T = /* @__PURE__ */ new Set(), W = 10;
+  let P = 0;
   const G = async (s, l) => {
     const e = rt(r, s.path);
     if (!e || !e.beforeEnter) return !0;
     try {
       const n = await e.beforeEnter(s, l);
       if (typeof n == "string") {
-        const u = `${s.path}->${n}`;
-        return _.has(u) || k >= W ? (x(`Redirect loop detected: ${u}`), !1) : n;
+        const f = `${s.path}->${n}`;
+        return T.has(f) || P >= W ? (k(`Redirect loop detected: ${f}`), !1) : n;
       }
       return n !== !1;
     } catch (n) {
-      x("beforeEnter error", n);
+      k("beforeEnter error", n);
       try {
         c.setState(l);
       } catch {
@@ -328,12 +328,12 @@ function It(t) {
     try {
       const n = await e.onEnter(s, l);
       if (typeof n == "string") {
-        const u = `${s.path}->${n}`;
-        return _.has(u) || k >= W ? (x(`Redirect loop detected: ${u}`), !1) : n;
+        const f = `${s.path}->${n}`;
+        return T.has(f) || P >= W ? (k(`Redirect loop detected: ${f}`), !1) : n;
       }
       return n !== !1;
     } catch (n) {
-      x("onEnter error", n);
+      k("onEnter error", n);
       try {
         c.setState(l);
       } catch {
@@ -345,20 +345,20 @@ function It(t) {
     if (!(!e || !e.afterEnter))
       try {
         const n = e.afterEnter(s, l);
-        n instanceof Promise && n.catch((u) => {
-          x("afterEnter async error", u);
+        n instanceof Promise && n.catch((f) => {
+          k("afterEnter async error", f);
         });
       } catch (n) {
-        x("afterEnter error", n);
+        k("afterEnter error", n);
       }
-  }, C = /* @__PURE__ */ new Map(), j = 100, M = (s) => {
-    if (C.has(s)) return C.get(s);
+  }, A = /* @__PURE__ */ new Map(), j = 100, N = (s) => {
+    if (A.has(s)) return A.get(s);
     const l = Q(r, s);
-    if (C.size >= j) {
-      const e = Math.floor(j * 0.25), n = Array.from(C.keys());
-      for (let u = 0; u < e && u < n.length; u++) C.delete(n[u]);
+    if (A.size >= j) {
+      const e = Math.floor(j * 0.25), n = Array.from(A.keys());
+      for (let f = 0; f < e && f < n.length; f++) A.delete(n[f]);
     }
-    return C.set(s, l), l;
+    return A.set(s, l), l;
   }, tt = () => {
   };
   async function p(s, l = 0) {
@@ -366,9 +366,9 @@ function It(t) {
       const e = document.getElementById(s);
       if (!e) return !1;
       if (l > 0) try {
-        const n = e.getBoundingClientRect(), u = Math.max(0, window.scrollY + n.top - l);
+        const n = e.getBoundingClientRect(), f = Math.max(0, window.scrollY + n.top - l);
         typeof window.scrollTo == "function" && window.scrollTo({
-          top: u,
+          top: f,
           behavior: "auto"
         });
       } catch {
@@ -396,105 +396,105 @@ function It(t) {
       return !1;
     }
   }
-  function $(s, l = 0, e = 2e3) {
+  function w(s, l = 0, e = 2e3) {
     return new Promise((n) => {
-      let u = !1, R = null, w = null;
-      const P = Date.now(), b = (L) => {
-        u || (u = !0, R && clearTimeout(R), w !== null && cancelAnimationFrame(w), n(L));
+      let f = !1, E = null, S = null;
+      const q = Date.now(), b = (O) => {
+        f || (f = !0, E && clearTimeout(E), S !== null && cancelAnimationFrame(S), n(O));
       }, F = async () => {
-        if (!u)
+        if (!f)
           try {
             if (await p(s, l)) return b(!0);
-            const L = async () => {
-              if (!u) {
-                if (Date.now() - P >= e) return b(!1);
+            const O = async () => {
+              if (!f) {
+                if (Date.now() - q >= e) return b(!1);
                 try {
                   if (await p(s, l)) return b(!0);
-                  w = requestAnimationFrame(L);
-                } catch (gt) {
-                  y("Scroll retry attempt failed:", gt), w = requestAnimationFrame(L);
+                  S = requestAnimationFrame(O);
+                } catch (wt) {
+                  y("Scroll retry attempt failed:", wt), S = requestAnimationFrame(O);
                 }
               }
             };
-            w = requestAnimationFrame(L);
-          } catch (L) {
-            y("Initial scroll attempt failed:", L), b(!1);
+            S = requestAnimationFrame(O);
+          } catch (O) {
+            y("Initial scroll attempt failed:", O), b(!1);
           }
       };
-      R = setTimeout(() => {
+      E = setTimeout(() => {
         b(!1);
-      }, e), F().catch((L) => {
-        y("Scroll attempt failed:", L), b(!1);
+      }, e), F().catch((O) => {
+        y("Scroll attempt failed:", O), b(!1);
       });
     });
   }
-  let h = !1;
-  const q = async (s, l = !1) => {
-    if (h) {
+  let _ = !1;
+  const I = async (s, l = !1) => {
+    if (_) {
       y(`Navigation to ${s} blocked - navigation already in progress`);
       return;
     }
-    h = !0, k = 0, _.clear();
+    _ = !0, P = 0, T.clear();
     try {
-      await D(s, l);
+      await $(s, l);
     } finally {
-      h = !1, k = 0, _.clear();
+      _ = !1, P = 0, T.clear();
     }
-  }, N = (s) => {
-    const l = s.indexOf("#"), e = l >= 0 ? s.slice(l + 1) : "", n = l >= 0 ? s.slice(0, l) : s, u = n.indexOf("?"), R = u >= 0 ? n.slice(0, u) : n, w = u >= 0 ? ot(n.slice(u)) : {};
+  }, u = (s) => {
+    const l = s.indexOf("#"), e = l >= 0 ? s.slice(l + 1) : "", n = l >= 0 ? s.slice(0, l) : s, f = n.indexOf("?"), E = f >= 0 ? n.slice(0, f) : n, S = f >= 0 ? ot(n.slice(f)) : {};
     return {
-      path: E((R.startsWith(o) ? R.slice(o.length) : R) || "/"),
-      query: w,
+      path: C((E.startsWith(o) ? E.slice(o.length) : E) || "/"),
+      query: S,
       fragment: e
     };
-  }, D = async (s, l = !1) => {
+  }, $ = async (s, l = !1) => {
     try {
-      const e = N(s), n = M(e.path);
+      const e = u(s), n = N(e.path);
       if (!n.route) throw new Error(`No route found for ${e.path}`);
-      const u = c.getState(), R = {
+      const f = c.getState(), E = {
         path: e.path,
         params: n.params,
         query: e.query,
         fragment: e.fragment
-      }, w = await G(R, u);
-      if (w === !1) return;
-      if (typeof w == "string") {
-        k++;
-        const b = `${R.path}->${w}`;
-        _.add(b), await D(w, !0);
+      }, S = await G(E, f);
+      if (S === !1) return;
+      if (typeof S == "string") {
+        P++;
+        const b = `${E.path}->${S}`;
+        T.add(b), await $(S, !0);
         return;
       }
-      const P = await at(R, u);
-      if (P === !1) return;
-      if (typeof P == "string") {
-        k++;
-        const b = `${R.path}->${P}`;
-        _.add(b), await D(P, !0);
+      const q = await at(E, f);
+      if (q === !1) return;
+      if (typeof q == "string") {
+        P++;
+        const b = `${E.path}->${q}`;
+        T.add(b), await $(q, !0);
         return;
       }
       if (typeof window < "u" && typeof document < "u") {
         const b = $t(e.query), F = o + e.path + (b || "") + (e.fragment ? "#" + e.fragment : "");
         l ? window.history.replaceState({}, "", F) : window.history.pushState({}, "", F);
       }
-      if (c.setState(R), Y(R, u), typeof window < "u" && typeof document < "u") try {
-        const b = R.fragment;
-        m.enabled && b && $(String(b), m.offset, m.timeoutMs).catch(() => {
+      if (c.setState(E), Y(E, f), typeof window < "u" && typeof document < "u") try {
+        const b = E.fragment;
+        m.enabled && b && w(String(b), m.offset, m.timeoutMs).catch(() => {
         });
       } catch {
       }
     } catch (e) {
-      if (x("Navigation error:", e), e instanceof Error && (e.stack?.includes("runBeforeEnter") || e.stack?.includes("runOnEnter"))) throw e;
+      if (k("Navigation error:", e), e instanceof Error && (e.stack?.includes("runBeforeEnter") || e.stack?.includes("runOnEnter"))) throw e;
       try {
         if (!Q(r, c.getState().path).route) {
-          let n = r.find((u) => u.path === "/");
-          if (n || (n = r.find((u) => !u.path.includes(":") && !u.path.includes("*"))), !n && r.length > 0 && (n = r[0]), n) {
-            const u = Q(r, n.path);
+          let n = r.find((f) => f.path === "/");
+          if (n || (n = r.find((f) => !f.path.includes(":") && !f.path.includes("*"))), !n && r.length > 0 && (n = r[0]), n) {
+            const f = Q(r, n.path);
             c.setState({
               path: n.path,
-              params: u.params,
+              params: f.params,
               query: {}
             });
-          } else x("No fallback route available for error recovery");
+          } else k("No fallback route available for error recovery");
         }
       } catch (n) {
         y("State recovery failed during navigation error:", n);
@@ -503,16 +503,16 @@ function It(t) {
   };
   if (((s) => {
     if (!s || s.length === 0)
-      return x("Router configuration error: No routes provided"), !1;
+      return k("Router configuration error: No routes provided"), !1;
     const l = /* @__PURE__ */ new Set();
     for (const e of s) {
       if (!e.path)
-        return x("Router configuration error: Route missing path", e), !1;
+        return k("Router configuration error: Route missing path", e), !1;
       l.has(e.path) && y(`Duplicate route path detected: ${e.path}`), l.add(e.path), !e.component && !e.load && y(`Route '${e.path}' has no component or load function`);
     }
     return !0;
   })(r), typeof window > "u" || typeof a < "u") {
-    for (const s of r) M(s.path);
+    for (const s of r) N(s.path);
     y(`Pre-compiled ${r.length} routes for SSR`);
   }
   if (typeof window < "u" && typeof document < "u" && typeof a > "u") {
@@ -520,7 +520,7 @@ function It(t) {
       try {
         const e = new URL(window.location.href), n = e.pathname;
         return {
-          path: E((n.startsWith(o) ? n.slice(o.length) : n) || "/"),
+          path: C((n.startsWith(o) ? n.slice(o.length) : n) || "/"),
           query: ot(e.search),
           fragment: e.hash && e.hash.length ? e.hash.slice(1) : ""
         };
@@ -532,19 +532,19 @@ function It(t) {
         };
       }
     }, v = g();
-    const s = M(v.path);
-    c = lt({
+    const s = N(v.path);
+    c = ut({
       path: v.path,
       params: s.params,
       query: v.query,
       fragment: v.fragment
-    }), S = async (e = !1) => {
-      await q(g().path, e);
+    }), R = async (e = !1) => {
+      await I(g().path, e);
     };
-    const l = () => S(!0);
-    window.addEventListener("popstate", l), X = () => window.removeEventListener("popstate", l), I = (e) => q(e, !1), z = (e) => q(e, !0), V = () => window.history.back(), queueMicrotask(() => {
-      q(v.path, !0).catch((e) => {
-        x("Initial navigation error:", e);
+    const l = () => R(!0);
+    window.addEventListener("popstate", l), X = () => window.removeEventListener("popstate", l), M = (e) => I(e, !1), z = (e) => I(e, !0), H = () => window.history.back(), queueMicrotask(() => {
+      I(v.path, !0).catch((e) => {
+        k("Initial navigation error:", e);
       });
     });
   } else {
@@ -552,7 +552,7 @@ function It(t) {
       try {
         const e = new URL(a || "/", "http://localhost"), n = e.pathname;
         return {
-          path: E((n.startsWith(o) ? n.slice(o.length) : n) || "/"),
+          path: C((n.startsWith(o) ? n.slice(o.length) : n) || "/"),
           query: ot(e.search),
           fragment: e.hash && e.hash.length ? e.hash.slice(1) : ""
         };
@@ -564,83 +564,83 @@ function It(t) {
         };
       }
     }, v = g();
-    const s = M(v.path);
-    c = lt({
+    const s = N(v.path);
+    c = ut({
       path: v.path,
       params: s.params,
       query: v.query,
       fragment: v.fragment
-    }), S = async () => {
+    }), R = async () => {
       await l(g().path);
     };
     const l = async (e) => {
-      if (k++, k > W) {
-        x(`SSR redirect depth exceeded for path: ${e}`);
+      if (P++, P > W) {
+        k(`SSR redirect depth exceeded for path: ${e}`);
         return;
       }
       try {
-        const n = N(e), u = M(n.path);
-        if (!u.route) throw new Error(`No route found for ${n.path}`);
-        const R = c.getState(), w = {
+        const n = u(e), f = N(n.path);
+        if (!f.route) throw new Error(`No route found for ${n.path}`);
+        const E = c.getState(), S = {
           path: n.path,
-          params: u.params,
+          params: f.params,
           query: n.query,
           fragment: n.fragment
-        }, P = rt(r, w.path);
-        if (P?.beforeEnter) {
-          const b = await P.beforeEnter(w, R);
+        }, q = rt(r, S.path);
+        if (q?.beforeEnter) {
+          const b = await q.beforeEnter(S, E);
           if (typeof b == "string") {
-            const F = `${w.path}->${b}`;
-            _.add(F), await l(b);
+            const F = `${S.path}->${b}`;
+            T.add(F), await l(b);
             return;
           }
           if (b === !1) return;
         }
-        if (P?.onEnter) {
-          const b = await P.onEnter(w, R);
+        if (q?.onEnter) {
+          const b = await q.onEnter(S, E);
           if (typeof b == "string") {
-            const F = `${w.path}->${b}`;
-            _.add(F), await l(b);
+            const F = `${S.path}->${b}`;
+            T.add(F), await l(b);
             return;
           }
           if (b === !1) return;
         }
-        c.setState(w), P?.afterEnter && P.afterEnter(w, R);
+        c.setState(S), q?.afterEnter && q.afterEnter(S, E);
       } catch (n) {
-        throw x("SSR navigation error:", n), n;
+        throw k("SSR navigation error:", n), n;
       }
     };
-    I = async (e) => (k = 0, _.clear(), l(e)), z = async (e) => (k = 0, _.clear(), l(e)), V = () => {
+    M = async (e) => (P = 0, T.clear(), l(e)), z = async (e) => (P = 0, T.clear(), l(e)), H = () => {
     };
   }
   return {
     _cleanupScrollState: tt,
     destroy: X,
     store: c,
-    push: I,
+    push: M,
     replace: z,
-    back: V,
+    back: H,
     subscribe: c.subscribe,
-    matchRoute: (s) => M(s),
+    matchRoute: (s) => N(s),
     getCurrent: () => c.getState(),
-    resolveRouteComponent: _t,
+    resolveRouteComponent: gt,
     base: o,
     scrollToFragment: (s) => {
       const l = s || c.getState().fragment;
-      return !l || typeof window > "u" || typeof document > "u" ? Promise.resolve(!1) : $(l, m.offset, m.timeoutMs);
+      return !l || typeof window > "u" || typeof document > "u" ? Promise.resolve(!1) : w(l, m.offset, m.timeoutMs);
     }
   };
 }
 function zt(t) {
-  kt();
-  const r = It(t), f = dt();
-  if (f) {
+  Pt();
+  const r = It(t), h = yt();
+  if (h) {
     try {
-      f.destroy();
+      h.destroy();
     } catch {
     }
     try {
-      f._cleanupScrollState?.();
+      h._cleanupScrollState?.();
     } catch {
     }
   }
@@ -662,12 +662,12 @@ function zt(t) {
     }
   } catch {
   }
-  return ct("router-view", async () => {
-    const a = wt()?._router, i = a ?? A;
-    if (!dt() && !a) return U`<div>Router not initialized.</div>`;
+  return lt("router-view", async () => {
+    const a = it()?._router, i = a ?? x;
+    if (!yt() && !a) return U`<div>Router not initialized.</div>`;
     const o = et(i.getCurrent()), m = typeof window > "u";
     let g;
-    m || (it(() => {
+    m || (ct(() => {
       try {
         typeof i.subscribe == "function" && (g = i.subscribe((c) => {
           try {
@@ -676,8 +676,8 @@ function zt(t) {
               params: {},
               query: {}
             });
-          } catch (S) {
-            y("router-view subscription update failed", S);
+          } catch (R) {
+            y("router-view subscription update failed", R);
             try {
               o.value = {
                 path: "/",
@@ -711,19 +711,19 @@ function zt(t) {
         children: []
       };
       if (typeof c == "function") {
-        const S = c();
-        return (S instanceof Promise ? S : Promise.resolve(S)).then((I) => typeof I == "string" ? {
-          tag: I,
+        const R = c();
+        return (R instanceof Promise ? R : Promise.resolve(R)).then((M) => typeof M == "string" ? {
+          tag: M,
           props: {},
           children: []
-        } : I);
+        } : M);
       }
       return U`<div>Invalid route component</div>`;
     } catch {
       return U`<div>Invalid route component</div>`;
     }
-  }), ct("router-link", () => {
-    const a = bt({
+  }), lt("router-link", () => {
+    const a = St({
       to: "",
       tag: "a",
       replace: !1,
@@ -735,28 +735,38 @@ function zt(t) {
       external: !1,
       class: "",
       style: ""
-    }), i = typeof window > "u", o = et(A.getCurrent()), m = o.value?.path || "/", g = String(a.to || ""), v = i ? {
-      isExactActive: yt(m, g, A.base),
-      isActive: mt(m, g, A.base),
-      isExternal: Z(g) || !!a.external
+    }), i = typeof window > "u", o = et(x.getCurrent()), m = o.value?.path || "/", g = String(a.to || ""), v = i ? {
+      isExactActive: mt(m, g, x.base),
+      isActive: vt(m, g, x.base),
+      isExternal: K(g) || !!a.external
     } : null;
     let c;
-    St(() => "a,button{display:inline-block;}");
-    const S = et(a.class || ""), I = et(a.style || "");
+    Rt(() => "a,button{display:inline-block;}");
+    const R = et(a.class || ""), M = et(a.style || "");
     if (!i) {
-      let p = null;
-      it(($) => {
+      const p = it(), w = p?._host ?? null;
+      let _ = null, I = null;
+      ct(() => {
+        w instanceof HTMLElement && (I = () => {
+          const u = String(a.to || "");
+          if (u && !K(u)) try {
+            const { route: $ } = x.matchRoute(u);
+            $?.load && gt($).catch(() => {
+            });
+          } catch {
+          }
+        }, w.addEventListener("mouseenter", I, { once: !0 }));
         try {
-          if (typeof A.subscribe == "function") {
-            c = A.subscribe((h) => {
+          if (typeof x.subscribe == "function") {
+            c = x.subscribe((u) => {
               try {
-                h && typeof h == "object" && typeof h.path == "string" ? o.value = h : (y("router-link received invalid state", h), o.value = {
+                u && typeof u == "object" && typeof u.path == "string" ? o.value = u : (y("router-link received invalid state", u), o.value = {
                   path: "/",
                   params: {},
                   query: {}
                 });
-              } catch (q) {
-                y("router-link subscription update failed", q);
+              } catch ($) {
+                y("router-link subscription update failed", $);
                 try {
                   o.value = {
                     path: "/",
@@ -768,29 +778,28 @@ function zt(t) {
               }
             });
             try {
-              const h = A.getCurrent();
-              h && typeof h.path == "string" && (o.value = h);
-            } catch (h) {
-              y("router-link initial state sync failed", h);
+              const u = x.getCurrent();
+              u && typeof u.path == "string" && (o.value = u);
+            } catch (u) {
+              y("router-link initial state sync failed", u);
             }
-            p = setInterval(() => {
+            _ = setInterval(() => {
               try {
-                const h = A.getCurrent();
-                h && typeof h.path == "string" && JSON.stringify(o.value) !== JSON.stringify(h) && (o.value = h);
+                const u = x.getCurrent();
+                u && typeof u.path == "string" && JSON.stringify(o.value) !== JSON.stringify(u) && (o.value = u);
               } catch {
               }
             }, 100);
           }
-        } catch (h) {
-          y("router-link subscribe failed", h);
+        } catch (u) {
+          y("router-link subscribe failed", u);
         }
         try {
-          const h = $?._host;
-          if (typeof HTMLElement < "u" && h instanceof HTMLElement) {
-            const q = h.getAttribute("class"), N = h.getAttribute("style");
-            q && (S.value = q), N && (I.value = N), q !== null && h.removeAttribute("class"), N !== null && h.removeAttribute("style");
+          if (w instanceof HTMLElement) {
+            const u = w.getAttribute("class"), $ = w.getAttribute("style");
+            u && (R.value = u), $ && (M.value = $), u !== null && w.removeAttribute("class"), $ !== null && w.removeAttribute("style");
             try {
-              $?._requestRender?.();
+              p?._requestRender?.();
               try {
                 nt();
               } catch {
@@ -798,68 +807,74 @@ function zt(t) {
             } catch {
             }
           }
-        } catch (h) {
-          y("router-link host migration failed", h);
+        } catch (u) {
+          y("router-link host migration failed", u);
         }
       }), st(() => {
+        if (I && w instanceof HTMLElement) try {
+          w.removeEventListener("mouseenter", I);
+        } catch {
+        } finally {
+          I = null;
+        }
         if (typeof c == "function") try {
           c();
-        } catch ($) {
-          y("router-link unsubscribe failed", $);
+        } catch (u) {
+          y("router-link unsubscribe failed", u);
         } finally {
           c = void 0;
         }
-        if (p) try {
-          clearInterval(p);
-        } catch ($) {
-          y("router-link sync interval cleanup failed", $);
+        if (_) try {
+          clearInterval(_);
+        } catch (u) {
+          y("router-link sync interval cleanup failed", u);
         } finally {
-          p = null;
+          _ = null;
         }
       });
     }
-    const z = T(() => {
+    const z = L(() => {
       if (i && v) return v.isExactActive;
       try {
-        const p = A.base ?? "", $ = a.to || "";
-        return !o.value || typeof o.value.path != "string" ? !1 : yt(o.value.path, $, p);
+        const p = x.base ?? "", w = a.to || "";
+        return !o.value || typeof o.value.path != "string" ? !1 : mt(o.value.path, w, p);
       } catch (p) {
         return y("isExactActive computation error", p), !1;
       }
-    }), V = T(() => {
+    }), H = L(() => {
       if (i && v) return v.isActive;
       try {
-        const p = A.base ?? "", $ = a.to || "";
-        return !o.value || typeof o.value.path != "string" ? !1 : a.exact ? z.value : mt(o.value.path, $, p);
+        const p = x.base ?? "", w = a.to || "";
+        return !o.value || typeof o.value.path != "string" ? !1 : a.exact ? z.value : vt(o.value.path, w, p);
       } catch (p) {
         return y("isActive computation error", p), !1;
       }
-    }), X = T(() => {
+    }), X = L(() => {
       const p = String(a.to || "");
-      if (ft(p)) return null;
-      if (Z(p)) return p;
-      const [$, h] = p.split("#"), [q, N] = ($ || "").split("?"), D = A.base ?? "";
-      let H = q || "/";
-      if (D && D !== "/") {
-        const s = E(D), l = E(H);
-        l.startsWith(s) ? H = l.slice(s.length) || "/" : H = l;
+      if (ht(p)) return null;
+      if (K(p)) return p;
+      const [w, _] = p.split("#"), [I, u] = (w || "").split("?"), $ = x.base ?? "";
+      let Z = I || "/";
+      if ($ && $ !== "/") {
+        const s = C($), l = C(Z);
+        l.startsWith(s) ? Z = l.slice(s.length) || "/" : Z = l;
       }
-      return D + E(H || "/") + (N ? "?" + N : "") + (h ? "#" + h : "");
-    }), _ = T(() => {
-      const p = (S && S.value || a.class || "").split(/\s+/).filter(Boolean), $ = {};
-      for (const h of p) $[h] = !0;
-      return $;
-    }), W = T(() => ({
-      ..._.value,
-      [a.activeClass || "active"]: V.value,
+      return $ + C(Z || "/") + (u ? "?" + u : "") + (_ ? "#" + _ : "");
+    }), T = L(() => {
+      const p = (R && R.value || a.class || "").split(/\s+/).filter(Boolean), w = {};
+      for (const _ of p) w[_] = !0;
+      return w;
+    }), W = L(() => ({
+      ...T.value,
+      [a.activeClass || "active"]: H.value,
       [a.exactActiveClass || "exact-active"]: z.value
-    })), k = T(() => Object.keys(W.value).filter((p) => W.value[p]).join(" ")), G = T(() => a.tag || "a"), at = T(() => G.value === "button"), Y = T(() => z.value ? a.ariaCurrentValue : null), C = T(() => !!a.disabled), j = T(() => (Z(String(a.to || "")) || !!a.external) && G.value === "a"), M = T(() => I && I.value || a.style || ""), tt = (p) => {
+    })), P = L(() => Object.keys(W.value).filter((p) => W.value[p]).join(" ")), G = L(() => a.tag || "a"), at = L(() => G.value === "button"), Y = L(() => z.value ? a.ariaCurrentValue : null), A = L(() => !!a.disabled), j = L(() => (K(String(a.to || "")) || !!a.external) && G.value === "a"), N = L(() => M && M.value || a.style || ""), tt = (p) => {
       if (!(p.defaultPrevented || p.button !== 0 || p.metaKey || p.altKey || p.ctrlKey || p.shiftKey)) {
-        if (C.value) {
+        if (A.value) {
           p.preventDefault();
           return;
         }
-        if (ft(String(a.to || ""))) {
+        if (ht(String(a.to || ""))) {
           try {
             p.preventDefault();
           } catch {
@@ -867,19 +882,19 @@ function zt(t) {
           y("Blocked unsafe javascript: URI in router-link.to");
           return;
         }
-        j.value || (p.preventDefault(), a.replace ? A.replace(a.to) : A.push(a.to));
+        j.value || (p.preventDefault(), a.replace ? x.replace(a.to) : x.push(a.to));
       }
     };
     return U`
-      ${Rt().when(at.value, U`
+      ${Et().when(at.value, U`
             <button
               part="button"
-              class="${k.value}"
-              style="${M.value || null}"
+              class="${P.value}"
+              style="${N.value || null}"
               aria-current="${Y.value}"
-              disabled="${C.value ? "" : null}"
-              aria-disabled="${C.value ? "true" : null}"
-              tabindex="${C.value ? "-1" : null}"
+              disabled="${A.value ? "" : null}"
+              aria-disabled="${A.value ? "true" : null}"
+              tabindex="${A.value ? "-1" : null}"
               @click="${tt}"
             >
               <slot></slot>
@@ -887,12 +902,12 @@ function zt(t) {
           `).otherwise(U`
           <a
             part="link"
-            href="${C.value ? null : X.value}"
-            class="${k.value}"
-            style="${M.value || null}"
+            href="${A.value ? null : X.value}"
+            class="${P.value}"
+            style="${N.value || null}"
             aria-current="${Y.value}"
-            aria-disabled="${C.value ? "true" : null}"
-            tabindex="${C.value ? "-1" : null}"
+            aria-disabled="${A.value ? "true" : null}"
+            tabindex="${A.value ? "-1" : null}"
             target="${j.value ? "_blank" : null}"
             rel="${j.value ? "noopener noreferrer" : null}"
             @click="${tt}"
@@ -902,40 +917,40 @@ function zt(t) {
     `;
   }), r;
 }
-function yt(t, r, f) {
-  if (Z(r)) return !1;
+function mt(t, r, h) {
+  if (K(r)) return !1;
   let a = (r.split("#")[0] || "/").split("?")[0];
-  if (f && f !== "/") {
-    const i = E(f), o = E(a);
+  if (h && h !== "/") {
+    const i = C(h), o = C(a);
     o.startsWith(i) ? a = o.slice(i.length) || "/" : a = o;
   }
-  return E(t) === E(a);
+  return C(t) === C(a);
 }
-function mt(t, r, f) {
-  if (Z(r)) return !1;
+function vt(t, r, h) {
+  if (K(r)) return !1;
   let a = (r.split("#")[0] || "/").split("?")[0];
-  if (f && f !== "/") {
-    const m = E(f), g = E(a);
+  if (h && h !== "/") {
+    const m = C(h), g = C(a);
     g.startsWith(m) ? a = g.slice(m.length) || "/" : a = g;
   }
-  const i = E(t), o = E(a);
+  const i = C(t), o = C(a);
   return o === "/" ? i === "/" : i === o ? !0 : i.startsWith(o.endsWith("/") ? o : o + "/");
 }
 export {
-  ut as DEFAULT_SCROLL_CONFIG,
-  A as activeRouterProxy,
-  Ct as canonicalizeBase,
-  kt as clearComponentCache,
+  ft as DEFAULT_SCROLL_CONFIG,
+  x as activeRouterProxy,
+  xt as canonicalizeBase,
+  Pt as clearComponentCache,
   rt as findMatchedRoute,
   zt as initRouter,
-  Z as isAbsoluteUrl,
-  ft as isDangerousScheme,
+  K as isAbsoluteUrl,
+  ht as isDangerousScheme,
   Q as matchRoute,
   Ft as matchRouteSSR,
-  E as normalizePathForRoute,
+  C as normalizePathForRoute,
   ot as parseQuery,
-  _t as resolveRouteComponent,
-  Et as safeDecode,
+  gt as resolveRouteComponent,
+  Ct as safeDecode,
   $t as serializeQuery,
   It as useRouter
 };