@jasonshimmy/custom-elements-runtime 2.5.1 → 2.5.5

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

@@ -1,169 +1,387 @@
-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 { a as y, d as I } from "./logger-BvkEbVM4.js";
+import { f as rt, r as tt, c as T } from "./namespace-helpers-DcD_6_K1.js";
+import { c as st, h as F, k as ct, l as it, b as bt, n as wt } from "./template-compiler-CJFwjLCP.js";
+import { createStore as lt } from "./custom-elements-runtime.store.es.js";
+import { match as St } 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)) : {}, Rt = (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, Z = (t) => /^[a-zA-Z][a-zA-Z0-9+.-]*:/.test(t) || t.startsWith("//"), $t = (t) => {
+  try {
+    return decodeURIComponent(t);
+  } catch {
+    return 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;
 }
-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;
+const Et = (t) => {
+  if (!t) return "";
+  const r = C(t);
+  return r === "/" ? "" : r;
+}, ht = /* @__PURE__ */ new WeakMap();
+function Ct(t) {
+  return t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
-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 At(t) {
+  const r = t.path || "/", g = C(r), a = g === "/" ? [] : g.split("/").filter(Boolean), i = [], o = [];
+  for (let l = 0; l < a.length; l++) {
+    const u = a[l];
+    if (u === "*") {
+      if (l !== a.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 w = `splat${h.length}`;
-      h.push(w), l.push("__SPLAT__");
+      const A = `splat${i.length}`;
+      i.push(A), o.push("__SPLAT__");
       continue;
     }
-    const b = p.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 d = u.match(/^:([A-Za-z0-9_-]+)(\*)?$/);
+    if (d) {
+      const A = d[1], k = !!d[2];
+      if (k && l !== a.length - 1)
+        return y(
+          `Route '${t.path}' contains a splat param ':${A}*' 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__" : "([^/]+)");
+      i.push(A), o.push(k ? "__SPLAT__" : "([^/]+)");
       continue;
     }
-    l.push(ut(p));
+    o.push(Ct(u));
   }
-  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 b;
+  if (o.length === 0)
+    b = "^/$";
+  else if (o[o.length - 1] === "__SPLAT__") {
+    const u = o.slice(0, -1).join("/");
+    u ? b = `^/${u}(?:/(.*))?(?:/)?$` : b = "^(?:/(.*))?(?:/)?$";
   } else
-    d = `^/${l.join("/")}(?:/)?$`;
+    b = `^/${o.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(b), paramNames: i };
+  } catch (l) {
+    return y(`Failed to compile route regex for '${t.path}': ${String(l)}`), { 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 Q = (t, r) => {
+  const g = 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: b } = i, l = o.exec(g);
+    if (l) {
+      const u = {};
+      for (let d = 0; d < b.length; d++) {
+        const A = l[d + 1] || "";
+        u[b[d]] = A ? $t(A) : "";
       }
-      return { route: m, params: p };
+      return { route: a, params: u };
     }
   }
   return { route: null, params: {} };
 };
-function K(o, i) {
-  for (const s of o)
-    if (M([s], i).route !== null) return s;
+function et(t, r) {
+  for (const g of t)
+    if (Q([g], r).route !== null) return g;
   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];
+function Lt(t, r) {
+  return Q(t, r);
+}
+const pt = 50;
+let J = {}, U = {};
+function xt() {
+  J = {}, U = {};
+}
+function kt() {
+  const t = Object.entries(J);
+  if (t.length <= pt) return;
+  const g = t.sort(
+    ([, a], [, i]) => a.lastAccessed - i.lastAccessed
+  ).slice(
+    0,
+    t.length - pt
+  );
+  for (const [a] of g)
+    delete J[a];
+}
+async function Pt(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 (U[t.path] !== void 0)
+      return U[t.path];
+    const g = typeof window > "u";
+    try {
+      const a = t.load().then((i) => {
+        kt();
+        const o = i.default;
+        return J[t.path] = {
+          component: o,
+          lastAccessed: Date.now()
+        }, delete U[t.path], o;
+      }).catch((i) => {
+        delete U[t.path];
+        const o = i instanceof Error ? i.message : String(i);
+        throw g && I(
+          `SSR component load failed for route: ${t.path}. ${o}`
+        ), new Error(
+          `Failed to load component for route: ${t.path}. ${o}`
+        );
+      });
+      return U[t.path] = a, await a;
+    } catch (a) {
+      const i = a instanceof Error ? a.message : String(a);
+      throw new Error(
+        `Failed to load component for route: ${t.path}. ${i}`,
+        { cause: a }
+      );
+    }
+  }
+  throw new Error(`No component or loader defined for route: ${t.path}`);
+}
+let v = null;
+function _t(t) {
+  v = t;
+}
+function dt() {
+  return v;
+}
+const W = /* @__PURE__ */ new Set();
+let D = null;
+function gt() {
+  if (D) {
     try {
-      const i = await o.load();
-      return H[o.path] = i.default, i.default;
+      D();
     } catch {
-      throw new Error(`Failed to load component for route: ${o.path}`);
     }
+    D = null;
   }
-  throw new Error(`No component or loader defined for route: ${o.path}`);
+  if (v)
+    try {
+      let t = !1;
+      D = v.subscribe((r) => {
+        t = !0;
+        for (const g of W)
+          try {
+            g(r);
+          } catch {
+          }
+      });
+      try {
+        E.base = v.base;
+      } catch {
+      }
+      if (t) {
+        const r = v.getCurrent();
+        for (const g of W)
+          try {
+            g(r);
+          } catch {
+          }
+      } else {
+        const r = v.getCurrent();
+        for (const g of W)
+          try {
+            g(r);
+          } catch {
+          }
+      }
+      try {
+        typeof window < "u" && rt();
+      } catch {
+      }
+    } catch {
+      D = null;
+    }
 }
-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 qt() {
+  gt();
+}
+const E = {
+  store: {
+    subscribe(t) {
+      if (v) return v.store.subscribe(t);
+      try {
+        t({ path: "/", params: {}, query: {} });
+      } catch {
+      }
+      return () => {
+      };
+    },
+    getState() {
+      return v ? v.getCurrent() : { path: "/", params: {}, query: {} };
+    },
+    setState(t) {
+      if (v)
+        try {
+          v.store.setState(
+            t
+          );
+        } catch {
+        }
+    }
+  },
+  subscribe(t) {
+    if (typeof t != "function")
+      return y("activeRouterProxy.subscribe: listener must be a function"), () => {
+      };
+    if (W.add(t), v)
+      if (!D)
+        gt();
+      else
+        try {
+          const r = v.getCurrent();
+          r && t(r);
+        } catch (r) {
+          y("activeRouterProxy subscription failed", r);
+        }
+    else
+      try {
+        t({ path: "/", params: {}, query: {} });
+      } catch (r) {
+        y("activeRouterProxy fallback state delivery failed", r);
+      }
+    return () => {
+      try {
+        if (W.delete(t), W.size === 0 && D) {
+          try {
+            D();
+          } catch (r) {
+            y("activeRouterProxy inner unsubscribe failed", r);
+          }
+          D = null;
+        }
+      } catch (r) {
+        y("activeRouterProxy unsubscribe failed", r);
+      }
+    };
+  },
+  getCurrent() {
+    return v ? v.getCurrent() : { path: "/", params: {}, query: {} };
+  },
+  async push(t) {
+    return v ? v.push(t) : Promise.resolve();
+  },
+  async replace(t) {
+    return v ? v.replace(t) : Promise.resolve();
+  },
+  back() {
+    if (v)
+      return v.back();
+  },
+  matchRoute(t) {
+    return v ? v.matchRoute(t) : { route: null, params: {} };
+  },
+  resolveRouteComponent(t) {
+    return v ? v.resolveRouteComponent(t) : Promise.reject(new Error("No active router"));
+  },
+  base: "",
+  scrollToFragment(t) {
+    return v ? v.scrollToFragment(t) : Promise.resolve(!1);
+  }
+};
+function Tt(t) {
+  const { routes: r, base: g = "", initialUrl: a, scrollToFragment: i = !0 } = t, o = Et(g), b = typeof i == "boolean" ? { ...ut, enabled: i } : { ...ut, ...i };
+  let l, u, d, A, k, L, j;
+  const _ = /* @__PURE__ */ new Set(), B = 10;
+  let P = 0;
+  const X = async (s, c) => {
+    const e = et(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 p = `${s.path}->${n}`;
+        return _.has(p) || P >= B ? (I(`Redirect loop detected: ${p}`), !1) : n;
+      }
+      return n !== !1;
     } catch (n) {
-      return F("beforeEnter error", n), !1;
+      I("beforeEnter error", n);
+      try {
+        d.setState(c);
+      } catch {
+      }
+      throw n;
     }
-  }, X = async (r, e) => {
-    const t = K(i, r.path);
-    if (!t || !t.onEnter) return !0;
+  }, G = async (s, c) => {
+    const e = et(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 p = `${s.path}->${n}`;
+        return _.has(p) || P >= B ? (I(`Redirect loop detected: ${p}`), !1) : n;
+      }
+      return n !== !1;
     } catch (n) {
-      return F("onEnter error", n), !1;
+      I("onEnter error", n);
+      try {
+        d.setState(c);
+      } catch {
+      }
+      throw n;
     }
-  }, Z = (r, e) => {
-    const t = K(i, r.path);
-    if (!(!t || !t.afterEnter))
+  }, nt = (s, c) => {
+    const e = et(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);
       }
+  }, z = /* @__PURE__ */ new Map(), M = 100, O = (s) => {
+    if (z.has(s))
+      return z.get(s);
+    const c = Q(r, s);
+    if (z.size >= M) {
+      const e = Math.floor(M * 0.25), n = Array.from(z.keys());
+      for (let p = 0; p < e && p < n.length; p++)
+        z.delete(n[p]);
+    }
+    return z.set(s, c), c;
+  }, Y = () => {
   };
-  let v = 0, C = null, O = null, L = null;
-  async function a(r, e = 0) {
+  async function K(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(), p = Math.max(0, window.scrollY + n.top - c);
+          typeof window.scrollTo == "function" && window.scrollTo({ top: p, 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 +389,321 @@ 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();
-          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;
+  function h(s, c = 0, e = 2e3) {
+    return new Promise((n) => {
+      let p = !1, m = null;
+      const w = Date.now(), S = (x) => {
+        p || (p = !0, m && clearTimeout(m), n(x));
+      }, $ = async () => {
+        if (!p)
           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 K(s, c))
+              return S(!0);
+            const x = async () => {
+              if (p) return;
+              if (Date.now() - w >= e)
+                return S(!1);
+              try {
+                if (await K(s, c))
+                  return S(!0);
+                requestAnimationFrame(x);
+              } catch (vt) {
+                y("Scroll retry attempt failed:", vt), requestAnimationFrame(x);
               }
-            }, 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(x);
+          } catch (x) {
+            y("Initial scroll attempt failed:", x), S(!1);
           }
-        }
+      };
+      m = setTimeout(() => {
+        S(!1);
+      }, e), $().catch((x) => {
+        y("Scroll attempt failed:", x), S(!1);
       });
     });
   }
-  const g = async (r, e = !1) => {
+  let R = !1;
+  const f = async (s, c = !1) => {
+    if (R) {
+      y(`Navigation to ${s} blocked - navigation already in progress`);
+      return;
+    }
+    R = !0, P = 0, _.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 N(s, c);
+    } finally {
+      R = !1, P = 0, _.clear();
+    }
+  }, q = (s) => {
+    const c = s.indexOf("#"), e = c >= 0 ? s.slice(c + 1) : "", n = c >= 0 ? s.slice(0, c) : s, p = n.indexOf("?"), m = p >= 0 ? n.slice(0, p) : n, w = p >= 0 ? at(n.slice(p)) : {}, S = m.startsWith(o) ? m.slice(o.length) : m;
+    return {
+      path: C(S || "/"),
+      query: w,
+      fragment: e
+    };
+  }, N = async (s, c = !1) => {
+    try {
+      const e = q(s), n = O(e.path);
+      if (!n.route) throw new Error(`No route found for ${e.path}`);
+      const p = d.getState(), m = {
+        path: e.path,
+        params: n.params,
+        query: e.query,
+        fragment: e.fragment
+      }, w = await X(m, p);
+      if (w === !1) return;
+      if (typeof w == "string") {
+        P++;
+        const $ = `${m.path}->${w}`;
+        _.add($), await N(w, !0);
+        return;
+      }
+      const S = await G(m, p);
+      if (S === !1) return;
+      if (typeof S == "string") {
+        P++;
+        const $ = `${m.path}->${S}`;
+        _.add($), await N(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 $ = Rt(e.query), x = o + e.path + ($ || "") + (e.fragment ? "#" + e.fragment : "");
+        c ? window.history.replaceState({}, "", x) : window.history.pushState({}, "", x);
       }
-      b.setState(W), Z(W, N);
+      if (d.setState(m), nt(m, p), typeof window < "u" && typeof document < "u")
+        try {
+          const $ = m.fragment;
+          b.enabled && $ && h(
+            String($),
+            b.offset,
+            b.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 = d.getState();
+        if (!Q(r, n.path).route) {
+          let m = r.find((w) => w.path === "/");
+          if (m || (m = r.find(
+            (w) => !w.path.includes(":") && !w.path.includes("*")
+          )), !m && r.length > 0 && (m = r[0]), m) {
+            const w = Q(r, m.path);
+            d.setState({
+              path: m.path,
+              params: w.params,
+              query: {}
+            });
+          } else
+            I("No fallback route available for error recovery");
+        }
+      } catch (n) {
+        y(
+          "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) && y(`Duplicate route path detected: ${e.path}`), c.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)
+      O(s.path);
+    y(`Pre-compiled ${r.length} routes for SSR`);
+  }
+  if (typeof window < "u" && typeof document < "u" && typeof a > "u") {
+    l = () => {
+      try {
+        const e = new URL(window.location.href), n = e.pathname, p = n.startsWith(o) ? n.slice(o.length) : n, m = C(p || "/"), w = at(e.search), S = e.hash && e.hash.length ? e.hash.slice(1) : "";
+        return { path: m, query: w, fragment: S };
+      } catch (e) {
+        return y("Invalid URL detected, falling back to safe defaults", e), { path: "/", query: {}, fragment: "" };
+      }
+    }, u = l();
+    const s = O(u.path);
+    d = lt({
+      path: u.path,
+      params: s.params,
+      query: u.query,
+      fragment: u.fragment
+    }), A = async (e = !1) => {
+      const n = l();
+      await f(n.path, e);
+    };
+    const c = () => A(!0);
+    window.addEventListener("popstate", c), k = (e) => f(e, !1), L = (e) => f(e, !0), j = () => 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);
+    l = () => {
+      try {
+        const e = new URL(a || "/", "http://localhost"), n = e.pathname, p = n.startsWith(o) ? n.slice(o.length) : n, m = C(p || "/"), w = at(e.search), S = e.hash && e.hash.length ? e.hash.slice(1) : "";
+        return { path: m, query: w, fragment: S };
+      } catch (e) {
+        return y(
+          "Invalid SSR URL detected, falling back to safe defaults",
+          e
+        ), { path: "/", query: {}, fragment: "" };
+      }
+    }, u = l();
+    const s = O(u.path);
+    d = lt({
+      path: u.path,
+      params: s.params,
+      query: u.query,
+      fragment: u.fragment
+    }), A = async () => {
+      const e = l();
+      await c(e.path);
     };
-    const e = async (t) => {
+    const c = async (e) => {
+      if (P++, P > B) {
+        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 = q(e), p = O(n.path);
+        if (!p.route) throw new Error(`No route found for ${n.path}`);
+        const m = d.getState(), w = {
+          path: n.path,
+          params: p.params,
+          query: n.query,
+          fragment: n.fragment
+        }, S = et(r, w.path);
+        if (S?.beforeEnter) {
+          const $ = await S.beforeEnter(w, m);
+          if (typeof $ == "string") {
+            const x = `${w.path}->${$}`;
+            _.add(x), await c($);
             return;
           }
-          if (_ === !1) return;
+          if ($ === !1) return;
         }
-        if (I?.onEnter) {
-          const _ = await I.onEnter(j, W);
-          if (typeof _ == "string") {
-            await e(_);
+        if (S?.onEnter) {
+          const $ = await S.onEnter(w, m);
+          if (typeof $ == "string") {
+            const x = `${w.path}->${$}`;
+            _.add(x), await c($);
             return;
           }
-          if (_ === !1) return;
+          if ($ === !1) return;
         }
-        b.setState(j), I?.afterEnter && I.afterEnter(j, W);
+        d.setState(w), S?.afterEnter && S.afterEnter(w, m);
       } 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 = () => {
+    k = async (e) => (P = 0, _.clear(), c(e)), L = async (e) => (P = 0, _.clear(), c(e)), j = () => {
     };
   }
   return {
-    store: b,
-    push: q,
-    replace: B,
-    back: D,
-    subscribe: b.subscribe,
-    matchRoute: (r) => M(i, r),
-    getCurrent: () => b.getState(),
-    resolveRouteComponent: ht,
-    base: l,
+    _cleanupScrollState: Y,
+    store: d,
+    push: k,
+    replace: L,
+    back: j,
+    subscribe: d.subscribe,
+    matchRoute: (s) => O(s),
+    getCurrent: () => d.getState(),
+    resolveRouteComponent: Pt,
+    base: o,
     // 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 || d.getState().fragment;
+      return !c || typeof window > "u" || typeof document > "u" ? Promise.resolve(!1) : h(
+        c,
+        b.offset,
+        b.timeoutMs
       );
     }
   };
 }
-function vt(o, i) {
-  return M(o, i);
-}
-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(() => {
+function Ft(t) {
+  xt();
+  const r = Tt(t), g = dt();
+  if (g)
+    try {
+      g._cleanupScrollState?.();
+    } catch {
+    }
+  _t(r);
+  try {
+    qt();
+    try {
+      typeof window < "u" && rt();
+    } catch {
+    }
+    try {
+      typeof window < "u" && queueMicrotask(() => {
+        try {
+          rt();
+        } catch {
+        }
+      });
+    } catch {
+    }
+  } catch {
+  }
+  return st("router-view", async () => {
+    if (!dt()) return F`<div>Router not initialized.</div>`;
+    const a = tt(E.getCurrent()), i = typeof window > "u";
+    let o;
+    i || (ct(() => {
       try {
-        s() && typeof s().subscribe == "function" && (h = s().subscribe((d) => {
+        typeof E.subscribe == "function" && (o = E.subscribe((l) => {
           try {
-            m.value = d;
-          } catch (c) {
-            P("router-view subscription update failed", c);
+            l && typeof l == "object" && typeof l.path == "string" ? a.value = l : (y("router-view received invalid state", l), a.value = { path: "/", params: {}, query: {} });
+          } catch (u) {
+            y("router-view subscription update failed", u);
+            try {
+              a.value = { path: "/", params: {}, query: {} };
+            } catch {
+            }
           }
         }));
-      } catch (d) {
-        P("router-view subscribe failed", d);
+      } catch (l) {
+        y("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) {
+          y("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 b = E.matchRoute(a.value.path);
+    if (!b || !b.route) return F`<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 E.resolveRouteComponent(
+        b.route
+      );
+      if (typeof u == "string")
+        return { tag: u, props: {}, children: [] };
+      if (typeof u == "function") {
+        const d = u();
+        return (d instanceof Promise ? d : Promise.resolve(d)).then((k) => typeof k == "string" ? { tag: k, props: {}, children: [] } : k);
       }
-      return z`<div>Invalid route component</div>`;
+      return F`<div>Invalid route component</div>`;
     } catch {
-      return z`<div>Invalid route component</div>`;
+      return F`<div>Invalid route component</div>`;
     }
-  }), tt("router-link", () => {
-    const s = st({
+  }), st("router-link", () => {
+    const a = bt({
       to: "",
       tag: "a",
       replace: !1,
@@ -460,157 +716,227 @@ 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);
+    }), i = typeof window > "u", o = tt(E.getCurrent()), b = o.value?.path || "/", l = String(a.to || ""), u = i ? {
+      isExactActive: yt(
+        b,
+        l,
+        E.base
+      ),
+      isActive: mt(
+        b,
+        l,
+        E.base
+      ),
+      isExternal: Z(l) || !!a.external
+    } : null;
+    let d;
+    wt(() => "a,button{display:inline-block;}");
+    const A = tt(a.class || ""), k = tt(a.style || "");
+    if (!i) {
+      let h = null;
+      ct((R) => {
+        try {
+          if (typeof E.subscribe == "function") {
+            d = E.subscribe((f) => {
+              try {
+                f && typeof f == "object" && typeof f.path == "string" ? o.value = f : (y("router-link received invalid state", f), o.value = { path: "/", params: {}, query: {} });
+              } catch (q) {
+                y("router-link subscription update failed", q);
+                try {
+                  o.value = { path: "/", params: {}, query: {} };
+                } catch {
+                }
+              }
+            });
+            try {
+              const f = E.getCurrent();
+              f && typeof f.path == "string" && (o.value = f);
+            } catch (f) {
+              y("router-link initial state sync failed", f);
+            }
+            h = setInterval(() => {
+              try {
+                const f = E.getCurrent();
+                f && typeof f.path == "string" && JSON.stringify(o.value) !== JSON.stringify(f) && (o.value = f);
+              } 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 (f) {
+          y("router-link subscribe failed", f);
         }
-      } 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 f = R?._host;
+          if (f instanceof HTMLElement) {
+            const q = f.getAttribute("class"), N = f.getAttribute("style");
+            q && (A.value = q), N && (k.value = N), q !== null && f.removeAttribute("class"), N !== null && f.removeAttribute("style");
+            try {
+              R?._requestRender?.();
+              try {
+                rt();
+              } catch {
+              }
+            } catch {
+            }
+          }
+        } catch (f) {
+          y("router-link host migration failed", f);
         }
-    });
-    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 d == "function")
+          try {
+            d();
+          } catch (R) {
+            y("router-link unsubscribe failed", R);
+          } finally {
+            d = void 0;
+          }
+        if (h)
+          try {
+            clearInterval(h);
+          } catch (R) {
+            y("router-link sync interval cleanup failed", R);
+          } finally {
+            h = null;
+          }
+      });
+    }
+    const L = T(() => {
+      if (i && 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 h = E.base ?? "", R = a.to || "";
+        return !o.value || typeof o.value.path != "string" ? !1 : yt(o.value.path, R, h);
+      } catch (h) {
+        return y("isExactActive computation error", h), !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;
+    }), j = T(() => {
+      if (i && 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 h = E.base ?? "", R = a.to || "";
+        return !o.value || typeof o.value.path != "string" ? !1 : a.exact ? L.value : mt(o.value.path, R, h);
+      } catch (h) {
+        return y("isActive computation error", h), !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 : "");
-    }), 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(() => ({
-      ...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";
-    }), O = T(
-      () => c && c.value || s.style || ""
-    ), L = (a) => {
-      if (a.defaultPrevented || a.button !== 0 || a.metaKey || a.altKey || a.ctrlKey || a.shiftKey)
+    }), _ = T(() => {
+      const h = String(a.to || "");
+      if (ft(h)) return null;
+      if (Z(h)) return h;
+      const [R, f] = h.split("#"), [q, N] = (R || "").split("?"), V = E.base ?? "";
+      let H = q || "/";
+      if (V && V !== "/") {
+        const s = C(V), c = C(H);
+        c.startsWith(s) ? H = c.slice(s.length) || "/" : H = c;
+      }
+      const ot = C(H || "/");
+      return V + ot + (N ? "?" + N : "") + (f ? "#" + f : "");
+    }), B = T(() => {
+      const R = (A && A.value || a.class || "").split(/\s+/).filter(Boolean), f = {};
+      for (const q of R) f[q] = !0;
+      return f;
+    }), P = T(() => ({
+      ...B.value,
+      [a.activeClass || "active"]: j.value,
+      [a.exactActiveClass || "exact-active"]: L.value
+    })), X = T(
+      () => Object.keys(P.value).filter((h) => P.value[h]).join(" ")
+    ), G = T(() => a.tag || "a"), nt = T(() => G.value === "button"), z = T(
+      () => L.value ? a.ariaCurrentValue : null
+    ), M = T(() => !!a.disabled), O = T(() => {
+      const h = String(a.to || "");
+      return (Z(h) || !!a.external) && G.value === "a";
+    }), Y = T(
+      () => k && k.value || a.style || ""
+    ), K = (h) => {
+      if (h.defaultPrevented || h.button !== 0 || h.metaKey || h.altKey || h.ctrlKey || h.shiftKey)
         return;
-      if (v.value) {
-        a.preventDefault();
+      if (M.value) {
+        h.preventDefault();
         return;
       }
-      const u = String(s.to || "");
-      if (at(u)) {
+      const R = String(a.to || "");
+      if (ft(R)) {
         try {
-          a.preventDefault();
+          h.preventDefault();
         } catch {
         }
-        P("Blocked unsafe javascript: URI in router-link.to");
+        y("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);
+      O.value || (h.preventDefault(), a.replace ? E.replace(a.to) : E.push(a.to));
     };
-    return z`
-      ${ct().when(
-      X.value,
-      z`
+    return F`
+      ${St().when(
+      nt.value,
+      F`
             <button
               part="button"
-              class="${D.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}"
+              class="${X.value}"
+              style="${Y.value || null}"
+              aria-current="${z.value}"
+              disabled="${M.value ? "" : null}"
+              aria-disabled="${M.value ? "true" : null}"
+              tabindex="${M.value ? "-1" : null}"
+              @click="${K}"
             >
               <slot></slot>
             </button>
           `
-    ).otherwise(z`
+    ).otherwise(F`
           <a
             part="link"
-            href="${v.value ? null : w.value}"
-            class="${D.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}"
+            href="${M.value ? null : _.value}"
+            class="${X.value}"
+            style="${Y.value || null}"
+            aria-current="${z.value}"
+            aria-disabled="${M.value ? "true" : null}"
+            tabindex="${M.value ? "-1" : null}"
+            target="${O.value ? "_blank" : null}"
+            rel="${O.value ? "noopener noreferrer" : null}"
+            @click="${K}"
             ><slot></slot
           ></a>
         `).done()}
     `;
-  }), i;
+  }), r;
+}
+function yt(t, r, g) {
+  if (Z(r)) return !1;
+  let i = (r.split("#")[0] || "/").split("?")[0];
+  if (g && g !== "/") {
+    const l = C(g), u = C(i);
+    u.startsWith(l) ? i = u.slice(l.length) || "/" : i = u;
+  }
+  const o = C(t), b = C(i);
+  return o === b;
+}
+function mt(t, r, g) {
+  if (Z(r)) return !1;
+  let i = (r.split("#")[0] || "/").split("?")[0];
+  if (g && g !== "/") {
+    const l = C(g), u = C(i);
+    u.startsWith(l) ? i = u.slice(l.length) || "/" : i = u;
+  }
+  const o = C(t), b = C(i);
+  return b === "/" ? o === "/" : o === b ? !0 : o.startsWith(b.endsWith("/") ? b : b + "/");
 }
 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
+  ut as DEFAULT_SCROLL_CONFIG,
+  E as activeRouterProxy,
+  Et as canonicalizeBase,
+  xt as clearComponentCache,
+  et as findMatchedRoute,
+  Ft as initRouter,
+  Z as isAbsoluteUrl,
+  ft as isDangerousScheme,
+  Q as matchRoute,
+  Lt as matchRouteSSR,
+  C as normalizePathForRoute,
+  at as parseQuery,
+  Pt as resolveRouteComponent,
+  $t as safeDecode,
+  Rt as serializeQuery,
+  Tt as useRouter
 };
 //# sourceMappingURL=custom-elements-runtime.router.es.js.map