@jasonshimmy/custom-elements-runtime 2.5.1 → 2.5.2

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

@@ -1,169 +1,241 @@
-import { component as tt, html as z, useOnConnected as et, useOnDisconnected as nt, useProps as st, useStyle as it } from "./custom-elements-runtime.es.js";
-import { r as V, c as T } from "./namespace-helpers-Dw1mgQab.js";
-import { createStore as rt } from "./custom-elements-runtime.store.es.js";
-import { d as F, a as P } from "./logger-BuUYv7C_.js";
-import { match as ct } from "./custom-elements-runtime.directives.es.js";
-const Q = (o) => o ? typeof URLSearchParams > "u" ? {} : Object.fromEntries(new URLSearchParams(o)) : {}, lt = (o) => {
-  if (!o || Object.keys(o).length === 0) return "";
+import { c as st, h as L, a as ct, b as it, g as vt, f as bt } from "./template-compiler-DD_VZrte.js";
+import { f as et, r as Y, c as T } from "./namespace-helpers-CF28TyaG.js";
+import { createStore as lt } from "./custom-elements-runtime.store.es.js";
+import { d as I, a as g } from "./logger-BuUYv7C_.js";
+import { match as wt } from "./custom-elements-runtime.directives.es.js";
+const ut = {
+  enabled: !0,
+  offset: 0,
+  timeoutMs: 2e3
+}, at = (t) => t ? typeof URLSearchParams > "u" ? {} : Object.fromEntries(new URLSearchParams(t)) : {}, St = (t) => {
+  if (!t || Object.keys(t).length === 0) return "";
   try {
-    return "?" + new URLSearchParams(o).toString();
+    return "?" + new URLSearchParams(t).toString();
   } catch {
     return "";
   }
-}, at = (o) => o ? /^\s*javascript\s*:/i.test(o) : !1, ot = /* @__PURE__ */ new WeakMap();
-function ut(o) {
-  return o.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}, ft = (t) => t ? /^\s*javascript\s*:/i.test(t) : !1, H = (t) => /^[a-zA-Z][a-zA-Z0-9+.-]*:/.test(t) || t.startsWith("//"), Rt = (t) => {
+  try {
+    return decodeURIComponent(t);
+  } catch {
+    return t;
+  }
+}, $t = (t) => {
+  if (!t) return "";
+  const r = x(t);
+  return r === "/" ? "" : r;
+}, ht = /* @__PURE__ */ new WeakMap();
+function Et(t) {
+  return t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
-function k(o) {
-  if (!o) return "/";
-  let i = o.replace(/\/+/g, "/");
-  return i.startsWith("/") || (i = "/" + i), i.length > 1 && i.endsWith("/") && (i = i.slice(0, -1)), i;
+function x(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;
 }
-function ft(o) {
-  const i = o.path || "/", s = k(i), m = s === "/" ? [] : s.split("/").filter(Boolean), h = [], l = [];
-  for (let c = 0; c < m.length; c++) {
-    const p = m[c];
-    if (p === "*") {
-      if (c !== m.length - 1)
-        return P(
-          `Route '${o.path}' contains a '*' splat in a non-terminal position; splats must be the last segment. This route will be ignored.`
+function Ct(t) {
+  const r = t.path || "/", a = x(r), y = a === "/" ? [] : a.split("/").filter(Boolean), o = [], i = [];
+  for (let u = 0; u < y.length; u++) {
+    const f = y[u];
+    if (f === "*") {
+      if (u !== y.length - 1)
+        return g(
+          `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 w = `splat${h.length}`;
-      h.push(w), l.push("__SPLAT__");
+      const E = `splat${o.length}`;
+      o.push(E), i.push("__SPLAT__");
       continue;
     }
-    const b = p.match(/^:([A-Za-z0-9_-]+)(\*)?$/);
+    const b = f.match(/^:([A-Za-z0-9_-]+)(\*)?$/);
     if (b) {
-      const w = b[1], q = !!b[2];
-      if (q && c !== m.length - 1)
-        return P(
-          `Route '${o.path}' contains a splat param ':${w}*' in a non-terminal position; splats must be the last segment. This route will be ignored.`
+      const E = b[1], M = !!b[2];
+      if (M && u !== y.length - 1)
+        return g(
+          `Route '${t.path}' contains a splat param ':${E}*' in a non-terminal position; splats must be the last segment. This route will be ignored.`
         ), { invalid: !0 };
-      h.push(w), l.push(q ? "__SPLAT__" : "([^/]+)");
+      o.push(E), i.push(M ? "__SPLAT__" : "([^/]+)");
       continue;
     }
-    l.push(ut(p));
+    i.push(Et(f));
   }
-  let d;
-  if (l.length === 0)
-    d = "^/$";
-  else if (l[l.length - 1] === "__SPLAT__") {
-    const p = l.slice(0, -1).join("/");
-    p ? d = `^/${p}(?:/(.*))?(?:/)?$` : d = "^(?:/(.*))?(?:/)?$";
+  let l;
+  if (i.length === 0)
+    l = "^/$";
+  else if (i[i.length - 1] === "__SPLAT__") {
+    const f = i.slice(0, -1).join("/");
+    f ? l = `^/${f}(?:/(.*))?(?:/)?$` : l = "^(?:/(.*))?(?:/)?$";
   } else
-    d = `^/${l.join("/")}(?:/)?$`;
+    l = `^/${i.join("/")}(?:/)?$`;
   try {
-    return { regex: new RegExp(d), paramNames: h };
-  } catch (c) {
-    return P(`Failed to compile route regex for '${o.path}': ${String(c)}`), { invalid: !0 };
+    return { regex: new RegExp(l), paramNames: o };
+  } catch (u) {
+    return g(`Failed to compile route regex for '${t.path}': ${String(u)}`), { invalid: !0 };
   }
 }
-const M = (o, i) => {
-  const s = k(i);
-  for (const m of o) {
-    let h = ot.get(m);
-    if (h || (h = ft(m), ot.set(m, h)), h.invalid) continue;
-    const { regex: l, paramNames: d } = h, c = l.exec(s);
-    if (c) {
-      const p = {}, b = (w) => {
-        try {
-          return decodeURIComponent(w);
-        } catch {
-          return w;
-        }
-      };
-      for (let w = 0; w < d.length; w++) {
-        const q = c[w + 1] || "";
-        p[d[w]] = q ? b(q) : "";
+const Z = (t, r) => {
+  const a = x(r);
+  for (const y of t) {
+    let o = ht.get(y);
+    if (o || (o = Ct(y), ht.set(y, o)), o.invalid) continue;
+    const { regex: i, paramNames: l } = o, u = i.exec(a);
+    if (u) {
+      const f = {};
+      for (let b = 0; b < l.length; b++) {
+        const E = u[b + 1] || "";
+        f[l[b]] = E ? Rt(E) : "";
       }
-      return { route: m, params: p };
+      return { route: y, params: f };
     }
   }
   return { route: null, params: {} };
 };
-function K(o, i) {
-  for (const s of o)
-    if (M([s], i).route !== null) return s;
+function tt(t, r) {
+  for (const a of t)
+    if (Z([a], r).route !== null) return a;
   return null;
 }
-const H = {};
-async function ht(o) {
-  if (o.component) return o.component;
-  if (o.load) {
-    if (H[o.path]) return H[o.path];
+const pt = 50;
+let Q = {}, W = {};
+function xt() {
+  Q = {}, W = {};
+}
+function At() {
+  const t = Object.entries(Q);
+  if (t.length <= pt) return;
+  const a = t.sort(
+    ([, y], [, o]) => y.lastAccessed - o.lastAccessed
+  ).slice(
+    0,
+    t.length - pt
+  );
+  for (const [y] of a)
+    delete Q[y];
+}
+async function kt(t) {
+  if (t.component) return t.component;
+  if (t.load) {
+    const r = Q[t.path];
+    if (r)
+      return r.lastAccessed = Date.now(), r.component;
+    if (W[t.path] !== void 0)
+      return W[t.path];
+    const a = typeof window > "u";
     try {
-      const i = await o.load();
-      return H[o.path] = i.default, i.default;
-    } catch {
-      throw new Error(`Failed to load component for route: ${o.path}`);
+      const y = t.load().then((o) => {
+        At();
+        const i = o.default;
+        return Q[t.path] = {
+          component: i,
+          lastAccessed: Date.now()
+        }, delete W[t.path], i;
+      }).catch((o) => {
+        delete W[t.path];
+        const i = o instanceof Error ? o.message : String(o);
+        throw a && I(
+          `SSR component load failed for route: ${t.path}. ${i}`
+        ), new Error(
+          `Failed to load component for route: ${t.path}. ${i}`
+        );
+      });
+      return W[t.path] = y, await y;
+    } catch (y) {
+      const o = y instanceof Error ? y.message : String(y);
+      throw new Error(
+        `Failed to load component for route: ${t.path}. ${o}`
+      );
     }
   }
-  throw new Error(`No component or loader defined for route: ${o.path}`);
+  throw new Error(`No component or loader defined for route: ${t.path}`);
 }
-function pt(o) {
-  const { routes: i, base: s = "", initialUrl: m, scrollToFragment: h = !0 } = o, l = (() => {
-    if (!s) return "";
-    const r = k(s);
-    return r === "/" ? "" : r;
-  })(), d = typeof h == "boolean" ? { enabled: !!h, offset: 0, timeoutMs: 2e3 } : {
-    enabled: h.enabled ?? !0,
-    offset: h.offset ?? 0,
-    timeoutMs: h.timeoutMs ?? 2e3
-  };
-  let c, p, b, w, q, B, D;
-  const Y = async (r, e) => {
-    const t = K(i, r.path);
-    if (!t || !t.beforeEnter) return !0;
+function Pt(t) {
+  const { routes: r, base: a = "", initialUrl: y, scrollToFragment: o = !0 } = t, i = $t(a), l = typeof o == "boolean" ? { ...ut, enabled: o } : { ...ut, ...o };
+  let u, f, b, E, M, B, K;
+  const q = /* @__PURE__ */ new Set(), F = 10;
+  let P = 0;
+  const J = async (s, c) => {
+    const e = tt(r, s.path);
+    if (!e || !e.beforeEnter) return !0;
     try {
-      const n = await t.beforeEnter(r, e);
-      return typeof n == "string" ? (await g(n, !0), !1) : n !== !1;
+      const n = await e.beforeEnter(s, c);
+      if (typeof n == "string") {
+        const d = `${s.path}->${n}`;
+        return q.has(d) || P >= F ? (I(`Redirect loop detected: ${d}`), !1) : n;
+      }
+      return n !== !1;
     } catch (n) {
-      return F("beforeEnter error", n), !1;
+      I("beforeEnter error", n);
+      try {
+        b.setState(c);
+      } catch {
+      }
+      throw n;
     }
-  }, X = async (r, e) => {
-    const t = K(i, r.path);
-    if (!t || !t.onEnter) return !0;
+  }, rt = async (s, c) => {
+    const e = tt(r, s.path);
+    if (!e || !e.onEnter) return !0;
     try {
-      const n = await t.onEnter(r, e);
-      return typeof n == "string" ? (await g(n, !0), !1) : n !== !1;
+      const n = await e.onEnter(s, c);
+      if (typeof n == "string") {
+        const d = `${s.path}->${n}`;
+        return q.has(d) || P >= F ? (I(`Redirect loop detected: ${d}`), !1) : n;
+      }
+      return n !== !1;
     } catch (n) {
-      return F("onEnter error", n), !1;
+      I("onEnter error", n);
+      try {
+        b.setState(c);
+      } catch {
+      }
+      throw n;
     }
-  }, Z = (r, e) => {
-    const t = K(i, r.path);
-    if (!(!t || !t.afterEnter))
+  }, X = (s, c) => {
+    const e = tt(r, s.path);
+    if (!(!e || !e.afterEnter))
       try {
-        t.afterEnter(r, e);
+        e.afterEnter(s, c);
       } catch (n) {
-        F("afterEnter error", n);
+        I("afterEnter error", n);
       }
+  }, k = /* @__PURE__ */ new Map(), U = 100, O = (s) => {
+    if (k.has(s))
+      return k.get(s);
+    const c = Z(r, s);
+    if (k.size >= U) {
+      const e = Math.floor(U * 0.25), n = Array.from(k.keys());
+      for (let d = 0; d < e && d < n.length; d++)
+        k.delete(n[d]);
+    }
+    return k.set(s, c), c;
+  }, G = () => {
   };
-  let v = 0, C = null, O = null, L = null;
-  async function a(r, e = 0) {
+  async function p(s, c = 0) {
     try {
-      const t = document.getElementById(r);
-      if (!t) return !1;
-      if (e && e > 0)
+      const e = document.getElementById(s);
+      if (!e)
+        return !1;
+      if (c > 0)
         try {
-          const n = t.getBoundingClientRect(), E = Math.max(0, window.scrollY + n.top - e);
-          typeof window.scrollTo == "function" && window.scrollTo({ top: E, behavior: "auto" });
+          const n = e.getBoundingClientRect(), d = Math.max(0, window.scrollY + n.top - c);
+          typeof window.scrollTo == "function" && window.scrollTo({ top: d, behavior: "auto" });
         } catch {
           try {
-            t.scrollIntoView();
+            e.scrollIntoView();
           } catch {
+            return !1;
           }
         }
-      else if (typeof t.scrollIntoView == "function")
+      else if (typeof e.scrollIntoView == "function")
         try {
-          t.scrollIntoView({
+          e.scrollIntoView({
             behavior: "auto",
             block: "start",
             inline: "nearest"
           });
         } catch {
           try {
-            t.scrollIntoView();
+            e.scrollIntoView();
           } catch {
+            return !1;
           }
         }
       return !0;
@@ -171,283 +243,456 @@ function pt(o) {
       return !1;
     }
   }
-  function u() {
-    if (C) {
-      try {
-        C.disconnect();
-      } catch {
-      }
-      C = null;
-    }
-    if (O) {
-      try {
-        clearTimeout(O);
-      } catch {
-      }
-      O = null;
-    }
-  }
-  function y(r, e, t) {
-    v += 1;
-    const n = v;
-    if (L) {
-      try {
-        L(!1);
-      } catch {
-      }
-      L = null;
-    }
-    return u(), new Promise((E) => {
-      L = E;
-      const f = (A) => {
-        if (n === v) {
-          u();
+  function $(s, c = 0, e = 2e3) {
+    return new Promise((n) => {
+      let d = !1, v = null;
+      const w = Date.now(), S = (A) => {
+        d || (d = !0, v && clearTimeout(v), n(A));
+      }, R = async () => {
+        if (!d)
           try {
-            E(A);
-          } finally {
-            L = null;
-          }
-        }
-      };
-      queueMicrotask(async () => {
-        if (n !== v) return f(!1);
-        if (await a(r, e)) return f(!0);
-        if (typeof window.requestAnimationFrame == "function")
-          window.requestAnimationFrame(async () => {
-            if (n !== v) return f(!1);
-            if (await a(r, e)) return f(!0);
-            if (n !== v) return f(!1);
-            const A = document.querySelector("router-view") || document.body;
-            try {
-              const x = new MutationObserver(async () => {
-                n === v && await a(r, e) && f(!0);
-              });
-              C = x, x.observe(A, {
-                childList: !0,
-                subtree: !0,
-                attributes: !1
-              }), O = window.setTimeout(() => {
-                if (n === v) {
-                  try {
-                    x.disconnect();
-                  } catch {
-                  }
-                  C = null, O = null, f(!1);
-                }
-              }, t ?? 2e3);
-            } catch {
-              let R = 0;
-              const S = async () => {
-                if (n !== v) return f(!1);
-                if (await a(r, e)) return f(!0);
-                R += 1, R < 40 ? window.setTimeout(S, 50) : f(!1);
-              };
-              S();
-            }
-          });
-        else {
-          const A = document.querySelector("router-view") || document.body;
-          try {
-            const x = new MutationObserver(async () => {
-              n === v && await a(r, e) && f(!0);
-            });
-            C = x, x.observe(A, {
-              childList: !0,
-              subtree: !0,
-              attributes: !1
-            }), O = window.setTimeout(() => {
-              if (n === v) {
-                try {
-                  x.disconnect();
-                } catch {
-                }
-                C = null, O = null, f(!1);
+            if (await p(s, c))
+              return S(!0);
+            const A = async () => {
+              if (d) return;
+              if (Date.now() - w >= e)
+                return S(!1);
+              try {
+                if (await p(s, c))
+                  return S(!0);
+                requestAnimationFrame(A);
+              } catch (gt) {
+                g("Scroll retry attempt failed:", gt), requestAnimationFrame(A);
               }
-            }, t ?? 2e3);
-          } catch {
-            let R = 0;
-            const S = async () => {
-              if (n !== v) return f(!1);
-              if (await a(r, e)) return f(!0);
-              R += 1, R < 40 ? window.setTimeout(S, 50) : f(!1);
             };
-            S();
+            requestAnimationFrame(A);
+          } catch (A) {
+            g("Initial scroll attempt failed:", A), S(!1);
           }
-        }
+      };
+      v = setTimeout(() => {
+        S(!1);
+      }, e), R().catch((A) => {
+        g("Scroll attempt failed:", A), S(!1);
       });
     });
   }
-  const g = async (r, e = !1) => {
+  let h = !1;
+  const _ = async (s, c = !1) => {
+    if (h) {
+      g(`Navigation to ${s} blocked - navigation already in progress`);
+      return;
+    }
+    h = !0, P = 0, q.clear();
     try {
-      const t = r.indexOf("#"), n = t >= 0 ? r.slice(t + 1) : "", E = t >= 0 ? r.slice(0, t) : r, f = E.indexOf("?"), $ = f >= 0 ? E.slice(0, f) : E, A = f >= 0 ? Q(E.slice(f)) : {}, x = $.startsWith(l) ? $.slice(l.length) : $, R = {
-        path: k(x || "/"),
-        query: A,
-        fragment: n
-      }, S = M(i, R.path);
-      if (!S.route) throw new Error(`No route found for ${R.path}`);
-      const N = b.getState(), W = {
-        path: R.path,
-        params: S.params,
-        query: R.query,
-        fragment: R.fragment
-      };
-      if (!await Y(W, N) || !await X(W, N)) return;
+      await D(s, c);
+    } finally {
+      h = !1, P = 0, q.clear();
+    }
+  }, N = (s) => {
+    const c = s.indexOf("#"), e = c >= 0 ? s.slice(c + 1) : "", n = c >= 0 ? s.slice(0, c) : s, d = n.indexOf("?"), v = d >= 0 ? n.slice(0, d) : n, w = d >= 0 ? at(n.slice(d)) : {}, S = v.startsWith(i) ? v.slice(i.length) : v;
+    return {
+      path: x(S || "/"),
+      query: w,
+      fragment: e
+    };
+  }, D = async (s, c = !1) => {
+    try {
+      const e = N(s), n = O(e.path);
+      if (!n.route) throw new Error(`No route found for ${e.path}`);
+      const d = b.getState(), v = {
+        path: e.path,
+        params: n.params,
+        query: e.query,
+        fragment: e.fragment
+      }, w = await J(v, d);
+      if (w === !1) return;
+      if (typeof w == "string") {
+        P++;
+        const R = `${v.path}->${w}`;
+        q.add(R), await D(w, !0);
+        return;
+      }
+      const S = await rt(v, d);
+      if (S === !1) return;
+      if (typeof S == "string") {
+        P++;
+        const R = `${v.path}->${S}`;
+        q.add(R), await D(S, !0);
+        return;
+      }
       if (typeof window < "u" && typeof document < "u") {
-        const _ = lt(R.query), J = l + R.path + (_ || "") + (R.fragment ? "#" + R.fragment : "");
-        e ? window.history.replaceState({}, "", J) : window.history.pushState({}, "", J);
+        const R = St(e.query), A = i + e.path + (R || "") + (e.fragment ? "#" + e.fragment : "");
+        c ? window.history.replaceState({}, "", A) : window.history.pushState({}, "", A);
       }
-      b.setState(W), Z(W, N);
+      if (b.setState(v), X(v, d), typeof window < "u" && typeof document < "u")
+        try {
+          const R = v.fragment;
+          l.enabled && R && $(
+            String(R),
+            l.offset,
+            l.timeoutMs
+          ).catch(() => {
+          });
+        } catch {
+        }
+    } catch (e) {
+      if (I("Navigation error:", e), e instanceof Error && (e.stack?.includes("runBeforeEnter") || e.stack?.includes("runOnEnter")))
+        throw e;
       try {
-        const _ = W.fragment;
-        d.enabled && _ && typeof window < "u" && typeof document < "u" && y(
-          String(_),
-          d.offset,
-          d.timeoutMs
-        ).catch(() => {
-        });
-      } catch {
+        const n = b.getState();
+        if (!Z(r, n.path).route) {
+          let v = r.find((w) => w.path === "/");
+          if (v || (v = r.find(
+            (w) => !w.path.includes(":") && !w.path.includes("*")
+          )), !v && r.length > 0 && (v = r[0]), v) {
+            const w = Z(r, v.path);
+            b.setState({
+              path: v.path,
+              params: w.params,
+              query: {}
+            });
+          } else
+            I("No fallback route available for error recovery");
+        }
+      } catch (n) {
+        g(
+          "State recovery failed during navigation error:",
+          n
+        );
       }
-    } catch (t) {
-      F("Navigation error:", t);
     }
   };
-  if (typeof window < "u" && typeof document < "u" && typeof m > "u") {
-    c = () => {
-      const e = new URL(window.location.href), t = e.pathname, n = t.startsWith(l) ? t.slice(l.length) : t, E = k(n || "/"), f = Q(e.search), $ = e.hash && e.hash.length ? e.hash.slice(1) : "";
-      return { path: E, query: f, fragment: $ };
-    }, p = c();
-    const r = M(i, p.path);
-    b = rt({
-      path: p.path,
-      params: r.params,
-      query: p.query,
-      fragment: p.fragment
-    }), w = async (e = !1) => {
-      const t = c();
-      await g(t.path, e);
-    }, window.addEventListener("popstate", () => w(!0)), q = (e) => g(e, !1), B = (e) => g(e, !0), D = () => window.history.back();
+  if (((s) => {
+    if (!s || s.length === 0)
+      return I("Router configuration error: No routes provided"), !1;
+    const c = /* @__PURE__ */ new Set();
+    for (const e of s) {
+      if (!e.path)
+        return I("Router configuration error: Route missing path", e), !1;
+      c.has(e.path) && g(`Duplicate route path detected: ${e.path}`), c.add(e.path), !e.component && !e.load && g(`Route '${e.path}' has no component or load function`);
+    }
+    return !0;
+  })(r), typeof window > "u" || typeof y < "u") {
+    for (const s of r)
+      O(s.path);
+    g(`Pre-compiled ${r.length} routes for SSR`);
+  }
+  if (typeof window < "u" && typeof document < "u" && typeof y > "u") {
+    u = () => {
+      try {
+        const e = new URL(window.location.href), n = e.pathname, d = n.startsWith(i) ? n.slice(i.length) : n, v = x(d || "/"), w = at(e.search), S = e.hash && e.hash.length ? e.hash.slice(1) : "";
+        return { path: v, query: w, fragment: S };
+      } catch (e) {
+        return g("Invalid URL detected, falling back to safe defaults", e), { path: "/", query: {}, fragment: "" };
+      }
+    }, f = u();
+    const s = O(f.path);
+    b = lt({
+      path: f.path,
+      params: s.params,
+      query: f.query,
+      fragment: f.fragment
+    }), E = async (e = !1) => {
+      const n = u();
+      await _(n.path, e);
+    };
+    const c = () => E(!0);
+    window.addEventListener("popstate", c), M = (e) => _(e, !1), B = (e) => _(e, !0), K = () => window.history.back();
   } else {
-    c = () => {
-      const t = new URL(m || "/", "http://localhost"), n = t.pathname, E = n.startsWith(l) ? n.slice(l.length) : n, f = k(E || "/"), $ = Q(t.search), A = t.hash && t.hash.length ? t.hash.slice(1) : "";
-      return { path: f, query: $, fragment: A };
-    }, p = c();
-    const r = M(i, p.path);
-    b = rt({
-      path: p.path,
-      params: r.params,
-      query: p.query,
-      fragment: p.fragment
-    }), w = async () => {
-      const t = c();
-      await e(t.path);
+    u = () => {
+      try {
+        const e = new URL(y || "/", "http://localhost"), n = e.pathname, d = n.startsWith(i) ? n.slice(i.length) : n, v = x(d || "/"), w = at(e.search), S = e.hash && e.hash.length ? e.hash.slice(1) : "";
+        return { path: v, query: w, fragment: S };
+      } catch (e) {
+        return g(
+          "Invalid SSR URL detected, falling back to safe defaults",
+          e
+        ), { path: "/", query: {}, fragment: "" };
+      }
+    }, f = u();
+    const s = O(f.path);
+    b = lt({
+      path: f.path,
+      params: s.params,
+      query: f.query,
+      fragment: f.fragment
+    }), E = async () => {
+      const e = u();
+      await c(e.path);
     };
-    const e = async (t) => {
+    const c = async (e) => {
+      if (P++, P > F) {
+        I(`SSR redirect depth exceeded for path: ${e}`);
+        return;
+      }
       try {
-        const n = t.indexOf("#"), E = n >= 0 ? t.slice(n + 1) : "", f = n >= 0 ? t.slice(0, n) : t, $ = f.indexOf("?"), A = $ >= 0 ? f.slice(0, $) : f, x = $ >= 0 ? Q(f.slice($)) : {}, U = A.startsWith(l) ? A.slice(l.length) : A, S = {
-          path: k(U || "/"),
-          query: x,
-          fragment: E
-        }, N = M(i, S.path);
-        if (!N.route) throw new Error(`No route found for ${S.path}`);
-        const W = b.getState(), j = {
-          path: S.path,
-          params: N.params,
-          query: S.query,
-          fragment: S.fragment
-        }, I = K(i, j.path);
-        if (I?.beforeEnter) {
-          const _ = await I.beforeEnter(j, W);
-          if (typeof _ == "string") {
-            await e(_);
+        const n = N(e), d = O(n.path);
+        if (!d.route) throw new Error(`No route found for ${n.path}`);
+        const v = b.getState(), w = {
+          path: n.path,
+          params: d.params,
+          query: n.query,
+          fragment: n.fragment
+        }, S = tt(r, w.path);
+        if (S?.beforeEnter) {
+          const R = await S.beforeEnter(w, v);
+          if (typeof R == "string") {
+            const A = `${w.path}->${R}`;
+            q.add(A), await c(R);
             return;
           }
-          if (_ === !1) return;
+          if (R === !1) return;
         }
-        if (I?.onEnter) {
-          const _ = await I.onEnter(j, W);
-          if (typeof _ == "string") {
-            await e(_);
+        if (S?.onEnter) {
+          const R = await S.onEnter(w, v);
+          if (typeof R == "string") {
+            const A = `${w.path}->${R}`;
+            q.add(A), await c(R);
             return;
           }
-          if (_ === !1) return;
+          if (R === !1) return;
         }
-        b.setState(j), I?.afterEnter && I.afterEnter(j, W);
+        b.setState(w), S?.afterEnter && S.afterEnter(w, v);
       } catch (n) {
-        throw F("SSR navigation error:", n), n;
+        throw I("SSR navigation error:", n), n;
       }
     };
-    q = async (t) => e(t), B = async (t) => e(t), D = () => {
+    M = async (e) => (P = 0, q.clear(), c(e)), B = async (e) => (P = 0, q.clear(), c(e)), K = () => {
     };
   }
   return {
+    _cleanupScrollState: G,
     store: b,
-    push: q,
+    push: M,
     replace: B,
-    back: D,
+    back: K,
     subscribe: b.subscribe,
-    matchRoute: (r) => M(i, r),
+    matchRoute: (s) => O(s),
     getCurrent: () => b.getState(),
-    resolveRouteComponent: ht,
-    base: l,
+    resolveRouteComponent: kt,
+    base: i,
     // Public API: allow components or tests to explicitly request scrolling to
     // a fragment when they know their DOM is ready. Returns true if scrolled.
-    scrollToFragment: (r) => {
-      const e = r || b.getState().fragment;
-      return !e || typeof window > "u" || typeof document > "u" ? Promise.resolve(!1) : y(
-        String(e),
-        d.offset,
-        d.timeoutMs
+    scrollToFragment: (s) => {
+      const c = s || b.getState().fragment;
+      return !c || typeof window > "u" || typeof document > "u" ? Promise.resolve(!1) : $(
+        c,
+        l.offset,
+        l.timeoutMs
       );
     }
   };
 }
-function vt(o, i) {
-  return M(o, i);
+function Nt(t, r) {
+  return Z(t, r);
 }
-let G = null;
-function bt(o) {
-  const i = pt(o);
-  return G = i, tt("router-view", async () => {
-    const s = () => G || i;
-    if (!s()) return z`<div>Router not initialized.</div>`;
-    const m = V(s().getCurrent());
-    let h;
-    et(() => {
+let m = null;
+const j = /* @__PURE__ */ new Set();
+let z = null;
+function mt() {
+  if (z) {
+    try {
+      z();
+    } catch {
+    }
+    z = null;
+  }
+  if (m)
+    try {
+      let t = !1;
+      z = m.subscribe((r) => {
+        t = !0;
+        for (const a of j)
+          try {
+            a(r);
+          } catch {
+          }
+      });
       try {
-        s() && typeof s().subscribe == "function" && (h = s().subscribe((d) => {
+        C.base = m.base;
+      } catch {
+      }
+      if (t) {
+        const r = m.getCurrent();
+        for (const a of j)
           try {
-            m.value = d;
-          } catch (c) {
-            P("router-view subscription update failed", c);
+            a(r);
+          } catch {
+          }
+      } else {
+        const r = m.getCurrent();
+        for (const a of j)
+          try {
+            a(r);
+          } catch {
+          }
+      }
+      try {
+        typeof window < "u" && et();
+      } catch {
+      }
+    } catch {
+      z = null;
+    }
+}
+const C = {
+  store: {
+    subscribe(t) {
+      if (m) return m.store.subscribe(t);
+      try {
+        t({ path: "/", params: {}, query: {} });
+      } catch {
+      }
+      return () => {
+      };
+    },
+    getState() {
+      return m ? m.getCurrent() : { path: "/", params: {}, query: {} };
+    },
+    setState(t) {
+      if (m)
+        try {
+          m.store.setState(
+            t
+          );
+        } catch {
+        }
+    }
+  },
+  subscribe(t) {
+    if (typeof t != "function")
+      return g("activeRouterProxy.subscribe: listener must be a function"), () => {
+      };
+    if (j.add(t), m)
+      if (!z)
+        mt();
+      else
+        try {
+          const r = m.getCurrent();
+          r && t(r);
+        } catch (r) {
+          g("activeRouterProxy subscription failed", r);
+        }
+    else
+      try {
+        t({ path: "/", params: {}, query: {} });
+      } catch (r) {
+        g("activeRouterProxy fallback state delivery failed", r);
+      }
+    return () => {
+      try {
+        if (j.delete(t), j.size === 0 && z) {
+          try {
+            z();
+          } catch (r) {
+            g("activeRouterProxy inner unsubscribe failed", r);
+          }
+          z = null;
+        }
+      } catch (r) {
+        g("activeRouterProxy unsubscribe failed", r);
+      }
+    };
+  },
+  getCurrent() {
+    return m ? m.getCurrent() : { path: "/", params: {}, query: {} };
+  },
+  async push(t) {
+    return m ? m.push(t) : Promise.resolve();
+  },
+  async replace(t) {
+    return m ? m.replace(t) : Promise.resolve();
+  },
+  back() {
+    if (m)
+      return m.back();
+  },
+  matchRoute(t) {
+    return m ? m.matchRoute(t) : { route: null, params: {} };
+  },
+  resolveRouteComponent(t) {
+    return m ? m.resolveRouteComponent(t) : Promise.reject(new Error("No active router"));
+  },
+  base: "",
+  scrollToFragment(t) {
+    return m ? m.scrollToFragment(t) : Promise.resolve(!1);
+  }
+};
+function zt(t) {
+  xt();
+  const r = Pt(t);
+  if (m)
+    try {
+      m._cleanupScrollState?.();
+    } catch {
+    }
+  m = r;
+  try {
+    mt();
+    try {
+      typeof window < "u" && et();
+    } catch {
+    }
+    try {
+      typeof window < "u" && queueMicrotask(() => {
+        try {
+          et();
+        } catch {
+        }
+      });
+    } catch {
+    }
+  } catch {
+  }
+  return st("router-view", async () => {
+    if (!m) return L`<div>Router not initialized.</div>`;
+    const a = Y(C.getCurrent()), y = typeof window > "u";
+    let o;
+    y || (ct(() => {
+      try {
+        typeof C.subscribe == "function" && (o = C.subscribe((l) => {
+          try {
+            l && typeof l == "object" && typeof l.path == "string" ? a.value = l : (g("router-view received invalid state", l), a.value = { path: "/", params: {}, query: {} });
+          } catch (u) {
+            g("router-view subscription update failed", u);
+            try {
+              a.value = { path: "/", params: {}, query: {} };
+            } catch {
+            }
           }
         }));
-      } catch (d) {
-        P("router-view subscribe failed", d);
+      } catch (l) {
+        g("router-view subscribe failed", l);
       }
-    }), nt(() => {
-      if (typeof h == "function")
+    }), it(() => {
+      if (typeof o == "function") {
         try {
-          h();
-        } catch (d) {
-          P("router-view unsubscribe failed", d);
+          o();
+        } catch (l) {
+          g("router-view unsubscribe failed", l);
         }
-    });
-    const l = s().matchRoute(m.value.path);
-    if (!l || !l.route) return z`<div>Not found</div>`;
+        o = void 0;
+      }
+    }));
+    const i = C.matchRoute(a.value.path);
+    if (!i || !i.route) return L`<div>Not found</div>`;
     try {
-      const c = await s().resolveRouteComponent(l.route);
-      if (typeof c == "string")
-        return { tag: c, props: {}, children: [] };
-      if (typeof c == "function") {
-        const p = c();
-        return (p instanceof Promise ? p : Promise.resolve(p)).then((w) => typeof w == "string" ? { tag: w, props: {}, children: [] } : w);
+      const u = await C.resolveRouteComponent(
+        i.route
+      );
+      if (typeof u == "string")
+        return { tag: u, props: {}, children: [] };
+      if (typeof u == "function") {
+        const f = u();
+        return (f instanceof Promise ? f : Promise.resolve(f)).then((E) => typeof E == "string" ? { tag: E, props: {}, children: [] } : E);
       }
-      return z`<div>Invalid route component</div>`;
+      return L`<div>Invalid route component</div>`;
     } catch {
-      return z`<div>Invalid route component</div>`;
+      return L`<div>Invalid route component</div>`;
     }
-  }), tt("router-link", () => {
-    const s = st({
+  }), st("router-link", () => {
+    const a = vt({
       to: "",
       tag: "a",
       replace: !1,
@@ -460,157 +705,220 @@ function bt(o) {
       // allow host `class` and `style` attributes to be read via useProps
       class: "",
       style: ""
-    }), m = () => G || i, h = V(m().getCurrent());
-    let l;
-    it(() => "a,button{display:inline-block;}");
-    const d = V(s.class || ""), c = V(s.style || "");
-    et((a) => {
-      try {
-        m() && typeof m().subscribe == "function" && (l = m().subscribe((u) => {
-          try {
-            h.value = u;
-          } catch (y) {
-            P("router-link subscription update failed", y);
+    }), y = typeof window > "u", o = Y(C.getCurrent()), i = o.value?.path || "/", l = String(a.to || ""), u = y ? {
+      isExactActive: dt(
+        i,
+        l,
+        C.base
+      ),
+      isActive: yt(
+        i,
+        l,
+        C.base
+      ),
+      isExternal: H(l) || !!a.external
+    } : null;
+    let f;
+    bt(() => "a,button{display:inline-block;}");
+    const b = Y(a.class || ""), E = Y(a.style || "");
+    if (!y) {
+      let p = null;
+      ct(($) => {
+        try {
+          if (typeof C.subscribe == "function") {
+            f = C.subscribe((h) => {
+              try {
+                h && typeof h == "object" && typeof h.path == "string" ? o.value = h : (g("router-link received invalid state", h), o.value = { path: "/", params: {}, query: {} });
+              } catch (_) {
+                g("router-link subscription update failed", _);
+                try {
+                  o.value = { path: "/", params: {}, query: {} };
+                } catch {
+                }
+              }
+            });
+            try {
+              const h = C.getCurrent();
+              h && typeof h.path == "string" && (o.value = h);
+            } catch (h) {
+              g("router-link initial state sync failed", h);
+            }
+            p = setInterval(() => {
+              try {
+                const h = C.getCurrent();
+                h && typeof h.path == "string" && JSON.stringify(o.value) !== JSON.stringify(h) && (o.value = h);
+              } catch {
+              }
+            }, 100);
           }
-        }));
-      } catch (u) {
-        P("router-link subscribe failed", u);
-      }
-      try {
-        const u = a?._host;
-        if (u instanceof HTMLElement) {
-          const y = u.getAttribute("class"), g = u.getAttribute("style");
-          y && (d.value = y), g && (c.value = g), y !== null && u.removeAttribute("class"), g !== null && u.removeAttribute("style");
+        } catch (h) {
+          g("router-link subscribe failed", h);
         }
-      } catch (u) {
-        P("router-link host migration failed", u);
-      }
-    }), nt(() => {
-      if (typeof l == "function")
         try {
-          l();
-        } catch (a) {
-          P("router-link unsubscribe failed", a);
+          const h = $?._host;
+          if (h instanceof HTMLElement) {
+            const _ = h.getAttribute("class"), N = h.getAttribute("style");
+            _ && (b.value = _), N && (E.value = N), _ !== null && h.removeAttribute("class"), N !== null && h.removeAttribute("style");
+            try {
+              $?._requestRender?.();
+              try {
+                et();
+              } catch {
+              }
+            } catch {
+            }
+          }
+        } catch (h) {
+          g("router-link host migration failed", h);
         }
-    });
-    const p = T(() => {
-      const a = m().base ?? "", u = s.to || "";
-      if (/^[a-zA-Z][a-zA-Z0-9+.-]*:/.test(u) || u.startsWith("//"))
-        return !1;
-      const y = (u.split("#")[0] || "/").split("?")[0];
+      }), it(() => {
+        if (typeof f == "function")
+          try {
+            f();
+          } catch ($) {
+            g("router-link unsubscribe failed", $);
+          } finally {
+            f = void 0;
+          }
+        if (p)
+          try {
+            clearInterval(p);
+          } catch ($) {
+            g("router-link sync interval cleanup failed", $);
+          } finally {
+            p = null;
+          }
+      });
+    }
+    const M = T(() => {
+      if (y && u)
+        return u.isExactActive;
       try {
-        let g = y;
-        a && g.startsWith(a) && (g = g.slice(a.length) || "/");
-        const r = k(h.value.path), e = k(g);
-        return r === e;
-      } catch {
-        return h.value.path === y;
+        const p = C.base ?? "", $ = a.to || "";
+        return !o.value || typeof o.value.path != "string" ? !1 : dt(o.value.path, $, p);
+      } catch (p) {
+        return g("isExactActive computation error", p), !1;
       }
-    }), b = T(() => {
-      const a = m().base ?? "", u = s.to || "";
-      if (/^[a-zA-Z][a-zA-Z0-9+.-]*:/.test(u) || u.startsWith("//"))
-        return !1;
-      const y = (u.split("#")[0] || "/").split("?")[0];
-      if (s.exact) return p.value;
+    }), B = T(() => {
+      if (y && u)
+        return u.isActive;
       try {
-        let g = y;
-        a && g.startsWith(a) && (g = g.slice(a.length) || "/");
-        const r = k(h.value.path), e = k(g);
-        return e === "/" ? r === "/" : r === e ? !0 : r.startsWith(e.endsWith("/") ? e : e + "/");
-      } catch {
-        return h.value && typeof h.value.path == "string" && h.value.path.startsWith(y);
+        const p = C.base ?? "", $ = a.to || "";
+        return !o.value || typeof o.value.path != "string" ? !1 : a.exact ? M.value : yt(o.value.path, $, p);
+      } catch (p) {
+        return g("isActive computation error", p), !1;
       }
-    }), w = T(() => {
-      const a = String(s.to || "");
-      if (at(a)) return null;
-      if (/^[a-zA-Z][a-zA-Z0-9+.-]*:/.test(a) || a.startsWith("//"))
-        return a;
-      const [u, y] = a.split("#"), [g, r] = (u || "").split("?"), e = m().base ?? "";
-      let t = g || "/";
-      e && t.startsWith(e) && (t = t.slice(e.length) || "/");
-      const n = k(t || "/");
-      return e + n + (r ? "?" + r : "") + (y ? "#" + y : "");
+    }), K = T(() => {
+      const p = String(a.to || "");
+      if (ft(p)) return null;
+      if (H(p)) return p;
+      const [$, h] = p.split("#"), [_, N] = ($ || "").split("?"), D = C.base ?? "";
+      let V = _ || "/";
+      if (D && D !== "/") {
+        const nt = x(D), s = x(V);
+        s.startsWith(nt) ? V = s.slice(nt.length) || "/" : V = s;
+      }
+      const ot = x(V || "/");
+      return D + ot + (N ? "?" + N : "") + (h ? "#" + h : "");
     }), q = T(() => {
-      const u = (d && d.value || s.class || "").split(/\s+/).filter(Boolean), y = {};
-      for (const g of u) y[g] = !0;
-      return y;
-    }), B = T(() => ({
+      const $ = (b && b.value || a.class || "").split(/\s+/).filter(Boolean), h = {};
+      for (const _ of $) h[_] = !0;
+      return h;
+    }), F = T(() => ({
       ...q.value,
-      [s.activeClass || "active"]: b.value,
-      [s.exactActiveClass || "exact-active"]: p.value
-    })), D = T(
-      () => Object.keys(B.value).filter((a) => B.value[a]).join(" ")
-    ), Y = T(() => s.tag || "a"), X = T(() => Y.value === "button"), Z = T(
-      () => p.value ? s.ariaCurrentValue : null
-    ), v = T(() => !!s.disabled), C = T(() => {
-      const a = String(s.to || "");
-      return (/^[a-zA-Z][a-zA-Z0-9+.-]*:/.test(a) || a.startsWith("//") || !!s.external) && Y.value === "a";
+      [a.activeClass || "active"]: B.value,
+      [a.exactActiveClass || "exact-active"]: M.value
+    })), P = T(
+      () => Object.keys(F.value).filter((p) => F.value[p]).join(" ")
+    ), J = T(() => a.tag || "a"), rt = T(() => J.value === "button"), X = T(
+      () => M.value ? a.ariaCurrentValue : null
+    ), k = T(() => !!a.disabled), U = T(() => {
+      const p = String(a.to || "");
+      return (H(p) || !!a.external) && J.value === "a";
     }), O = T(
-      () => c && c.value || s.style || ""
-    ), L = (a) => {
-      if (a.defaultPrevented || a.button !== 0 || a.metaKey || a.altKey || a.ctrlKey || a.shiftKey)
+      () => E && E.value || a.style || ""
+    ), G = (p) => {
+      if (p.defaultPrevented || p.button !== 0 || p.metaKey || p.altKey || p.ctrlKey || p.shiftKey)
         return;
-      if (v.value) {
-        a.preventDefault();
+      if (k.value) {
+        p.preventDefault();
         return;
       }
-      const u = String(s.to || "");
-      if (at(u)) {
+      const $ = String(a.to || "");
+      if (ft($)) {
         try {
-          a.preventDefault();
+          p.preventDefault();
         } catch {
         }
-        P("Blocked unsafe javascript: URI in router-link.to");
+        g("Blocked unsafe javascript: URI in router-link.to");
         return;
       }
-      if (C.value) return;
-      a.preventDefault();
-      const y = m();
-      s.replace ? y.replace(s.to) : y.push(s.to);
+      U.value || (p.preventDefault(), a.replace ? C.replace(a.to) : C.push(a.to));
     };
-    return z`
-      ${ct().when(
-      X.value,
-      z`
+    return L`
+      ${wt().when(
+      rt.value,
+      L`
             <button
               part="button"
-              class="${D.value}"
+              class="${P.value}"
               style="${O.value || null}"
-              aria-current="${Z.value}"
-              disabled="${v.value ? "" : null}"
-              aria-disabled="${v.value ? "true" : null}"
-              tabindex="${v.value ? "-1" : null}"
-              @click="${L}"
+              aria-current="${X.value}"
+              disabled="${k.value ? "" : null}"
+              aria-disabled="${k.value ? "true" : null}"
+              tabindex="${k.value ? "-1" : null}"
+              @click="${G}"
             >
               <slot></slot>
             </button>
           `
-    ).otherwise(z`
+    ).otherwise(L`
           <a
             part="link"
-            href="${v.value ? null : w.value}"
-            class="${D.value}"
+            href="${k.value ? null : K.value}"
+            class="${P.value}"
             style="${O.value || null}"
-            aria-current="${Z.value}"
-            aria-disabled="${v.value ? "true" : null}"
-            tabindex="${v.value ? "-1" : null}"
-            target="${C.value ? "_blank" : null}"
-            rel="${C.value ? "noopener noreferrer" : null}"
-            @click="${L}"
+            aria-current="${X.value}"
+            aria-disabled="${k.value ? "true" : null}"
+            tabindex="${k.value ? "-1" : null}"
+            target="${U.value ? "_blank" : null}"
+            rel="${U.value ? "noopener noreferrer" : null}"
+            @click="${G}"
             ><slot></slot
           ></a>
         `).done()}
     `;
-  }), i;
+  }), r;
+}
+function dt(t, r, a) {
+  if (H(r)) return !1;
+  let o = (r.split("#")[0] || "/").split("?")[0];
+  if (a && a !== "/") {
+    const u = x(a), f = x(o);
+    f.startsWith(u) ? o = f.slice(u.length) || "/" : o = f;
+  }
+  const i = x(t), l = x(o);
+  return i === l;
+}
+function yt(t, r, a) {
+  if (H(r)) return !1;
+  let o = (r.split("#")[0] || "/").split("?")[0];
+  if (a && a !== "/") {
+    const u = x(a), f = x(o);
+    f.startsWith(u) ? o = f.slice(u.length) || "/" : o = f;
+  }
+  const i = x(t), l = x(o);
+  return l === "/" ? i === "/" : i === l ? !0 : i.startsWith(l.endsWith("/") ? l : l + "/");
 }
 export {
-  bt as initRouter,
-  M as matchRoute,
-  vt as matchRouteSSR,
-  k as normalizePathForRoute,
-  Q as parseQuery,
-  ht as resolveRouteComponent,
-  lt as serializeQuery,
-  pt as useRouter
+  C as activeRouterProxy,
+  zt as initRouter,
+  Z as matchRoute,
+  Nt as matchRouteSSR,
+  x as normalizePathForRoute,
+  at as parseQuery,
+  kt as resolveRouteComponent,
+  St as serializeQuery,
+  Pt as useRouter
 };
 //# sourceMappingURL=custom-elements-runtime.router.es.js.map