@jasonshimmy/custom-elements-runtime 2.8.2 → 3.1.0

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

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