@jasonshimmy/custom-elements-runtime 2.3.1 → 2.5.0

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

@@ -1,267 +1,453 @@
-import { component as O, html as S, useOnConnected as N, useOnDisconnected as j, useProps as W, useStyle as F } from "./custom-elements-runtime.es.js";
-import { r as _, c as g } from "./namespace-helpers-Dw1mgQab.js";
-import { createStore as B } from "./custom-elements-runtime.store.es.js";
-import { d as C, a as $ } from "./logger-BuUYv7C_.js";
-import { match as M } from "./custom-elements-runtime.directives.es.js";
-const T = (n) => n ? typeof URLSearchParams > "u" ? {} : Object.fromEntries(new URLSearchParams(n)) : {}, U = /* @__PURE__ */ new WeakMap();
-function V(n) {
-  return n.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+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 "";
+  try {
+    return "?" + new URLSearchParams(o).toString();
+  } catch {
+    return "";
+  }
+}, at = (o) => o ? /^\s*javascript\s*:/i.test(o) : !1, ot = /* @__PURE__ */ new WeakMap();
+function ut(o) {
+  return o.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
-function D(n) {
-  if (!n) return "/";
-  let r = n.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;
 }
-function z(n) {
-  const r = n.path || "/", t = D(r), f = t === "/" ? [] : t.split("/").filter(Boolean), s = [], i = [];
-  for (let c = 0; c < f.length; c++) {
-    const d = f[c];
-    if (d === "*") {
-      if (c !== f.length - 1)
-        return $(
-          `Route '${n.path}' contains a '*' splat in a non-terminal position; splats must be the last segment. This route will be ignored.`
+function ft(o) {
+  const i = o.path || "/", s = k(i), d = s === "/" ? [] : s.split("/").filter(Boolean), h = [], l = [];
+  for (let c = 0; c < d.length; c++) {
+    const p = d[c];
+    if (p === "*") {
+      if (c !== d.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.`
         ), { invalid: !0 };
-      const p = `splat${s.length}`;
-      s.push(p), i.push("__SPLAT__");
+      const g = `splat${h.length}`;
+      h.push(g), l.push("__SPLAT__");
       continue;
     }
-    const w = d.match(/^:([A-Za-z0-9_-]+)(\*)?$/);
-    if (w) {
-      const p = w[1], b = !!w[2];
-      if (b && c !== f.length - 1)
-        return $(
-          `Route '${n.path}' contains a splat param ':${p}*' in a non-terminal position; splats must be the last segment. This route will be ignored.`
+    const b = p.match(/^:([A-Za-z0-9_-]+)(\*)?$/);
+    if (b) {
+      const g = b[1], q = !!b[2];
+      if (q && c !== d.length - 1)
+        return P(
+          `Route '${o.path}' contains a splat param ':${g}*' in a non-terminal position; splats must be the last segment. This route will be ignored.`
         ), { invalid: !0 };
-      s.push(p), i.push(b ? "__SPLAT__" : "([^/]+)");
+      h.push(g), l.push(q ? "__SPLAT__" : "([^/]+)");
       continue;
     }
-    i.push(V(d));
+    l.push(ut(p));
   }
-  let o;
-  if (i.length === 0)
-    o = "^/$";
-  else if (i[i.length - 1] === "__SPLAT__") {
-    const d = i.slice(0, -1).join("/");
-    d ? o = `^/${d}(?:/(.*))?(?:/)?$` : o = "^(?:/(.*))?(?:/)?$";
+  let m;
+  if (l.length === 0)
+    m = "^/$";
+  else if (l[l.length - 1] === "__SPLAT__") {
+    const p = l.slice(0, -1).join("/");
+    p ? m = `^/${p}(?:/(.*))?(?:/)?$` : m = "^(?:/(.*))?(?:/)?$";
   } else
-    o = `^/${i.join("/")}(?:/)?$`;
+    m = `^/${l.join("/")}(?:/)?$`;
   try {
-    return { regex: new RegExp(o), paramNames: s };
+    return { regex: new RegExp(m), paramNames: h };
   } catch (c) {
-    return $(`Failed to compile route regex for '${n.path}': ${String(c)}`), { invalid: !0 };
+    return P(`Failed to compile route regex for '${o.path}': ${String(c)}`), { invalid: !0 };
   }
 }
-const x = (n, r) => {
-  const t = D(r);
-  for (const f of n) {
-    let s = U.get(f);
-    if (s || (s = z(f), U.set(f, s)), s.invalid) continue;
-    const { regex: i, paramNames: o } = s, c = i.exec(t);
+const M = (o, i) => {
+  const s = k(i);
+  for (const d of o) {
+    let h = ot.get(d);
+    if (h || (h = ft(d), ot.set(d, h)), h.invalid) continue;
+    const { regex: l, paramNames: m } = h, c = l.exec(s);
     if (c) {
-      const d = {}, w = (p) => {
+      const p = {}, b = (g) => {
         try {
-          return decodeURIComponent(p);
+          return decodeURIComponent(g);
         } catch {
-          return p;
+          return g;
         }
       };
-      for (let p = 0; p < o.length; p++) {
-        const b = c[p + 1] || "";
-        d[o[p]] = b ? w(b) : "";
+      for (let g = 0; g < m.length; g++) {
+        const q = c[g + 1] || "";
+        p[m[g]] = q ? b(q) : "";
       }
-      return { route: f, params: d };
+      return { route: d, params: p };
     }
   }
   return { route: null, params: {} };
 };
-function A(n, r) {
-  for (const t of n)
-    if (x([t], r).route !== null) return t;
+function K(o, i) {
+  for (const s of o)
+    if (M([s], i).route !== null) return s;
   return null;
 }
-const L = {};
-async function H(n) {
-  if (n.component) return n.component;
-  if (n.load) {
-    if (L[n.path]) return L[n.path];
+const H = {};
+async function ht(o) {
+  if (o.component) return o.component;
+  if (o.load) {
+    if (H[o.path]) return H[o.path];
     try {
-      const r = await n.load();
-      return L[n.path] = r.default, r.default;
+      const i = await o.load();
+      return H[o.path] = i.default, i.default;
     } catch {
-      throw new Error(`Failed to load component for route: ${n.path}`);
+      throw new Error(`Failed to load component for route: ${o.path}`);
     }
   }
-  throw new Error(`No component or loader defined for route: ${n.path}`);
+  throw new Error(`No component or loader defined for route: ${o.path}`);
 }
-function I(n) {
-  const { routes: r, base: t = "", initialUrl: f } = n;
-  let s, i, o, c, d, w, p;
-  const b = async (u, l) => {
-    const e = A(r, u.path);
-    if (!e || !e.beforeEnter) return !0;
+function pt(o) {
+  const { routes: i, base: s = "", initialUrl: d, scrollToFragment: h = !0 } = o, l = (() => {
+    if (!s) return "";
+    const r = k(s);
+    return r === "/" ? "" : r;
+  })(), m = 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, g, q, B, D;
+  const Y = async (r, e) => {
+    const t = K(i, r.path);
+    if (!t || !t.beforeEnter) return !0;
     try {
-      const a = await e.beforeEnter(u, l);
-      return typeof a == "string" ? (await R(a, !0), !1) : a !== !1;
-    } catch (a) {
-      return C("beforeEnter error", a), !1;
+      const n = await t.beforeEnter(r, e);
+      return typeof n == "string" ? (await y(n, !0), !1) : n !== !1;
+    } catch (n) {
+      return F("beforeEnter error", n), !1;
     }
-  }, k = async (u, l) => {
-    const e = A(r, u.path);
-    if (!e || !e.onEnter) return !0;
+  }, X = async (r, e) => {
+    const t = K(i, r.path);
+    if (!t || !t.onEnter) return !0;
     try {
-      const a = await e.onEnter(u, l);
-      return typeof a == "string" ? (await R(a, !0), !1) : a !== !1;
-    } catch (a) {
-      return C("onEnter error", a), !1;
+      const n = await t.onEnter(r, e);
+      return typeof n == "string" ? (await y(n, !0), !1) : n !== !1;
+    } catch (n) {
+      return F("onEnter error", n), !1;
     }
-  }, q = (u, l) => {
-    const e = A(r, u.path);
-    if (!(!e || !e.afterEnter))
+  }, Z = (r, e) => {
+    const t = K(i, r.path);
+    if (!(!t || !t.afterEnter))
       try {
-        e.afterEnter(u, l);
-      } catch (a) {
-        C("afterEnter error", a);
+        t.afterEnter(r, e);
+      } catch (n) {
+        F("afterEnter error", n);
       }
-  }, R = async (u, l = !1) => {
+  };
+  let w = 0, C = null, O = null, L = null;
+  async function a(r, e = 0) {
     try {
-      const e = {
-        path: u.replace(t, "") || "/",
-        query: {}
-      }, a = x(r, e.path);
-      if (!a.route) throw new Error(`No route found for ${e.path}`);
-      const m = o.getState(), h = {
-        path: e.path,
-        params: a.params,
-        query: e.query
+      const t = document.getElementById(r);
+      if (!t) return !1;
+      if (e && e > 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" });
+        } catch {
+          try {
+            t.scrollIntoView();
+          } catch {
+          }
+        }
+      else if (typeof t.scrollIntoView == "function")
+        try {
+          t.scrollIntoView({
+            behavior: "auto",
+            block: "start",
+            inline: "nearest"
+          });
+        } catch {
+          try {
+            t.scrollIntoView();
+          } catch {
+          }
+        }
+      return !0;
+    } catch {
+      return !1;
+    }
+  }
+  function u() {
+    if (C) {
+      try {
+        C.disconnect();
+      } catch {
+      }
+      C = null;
+    }
+    if (O) {
+      try {
+        clearTimeout(O);
+      } catch {
+      }
+      O = null;
+    }
+  }
+  function v(r, e, t) {
+    w += 1;
+    const n = w;
+    if (L) {
+      try {
+        L(!1);
+      } catch {
+      }
+      L = null;
+    }
+    return u(), new Promise((E) => {
+      L = E;
+      const f = (A) => {
+        if (n === w) {
+          u();
+          try {
+            E(A);
+          } finally {
+            L = null;
+          }
+        }
       };
-      if (!await b(h, m) || !await k(h, m)) return;
-      typeof window < "u" && typeof document < "u" && (l ? window.history.replaceState({}, "", t + u) : window.history.pushState({}, "", t + u)), o.setState(h), q(h, m);
-    } catch (e) {
-      C("Navigation error:", e);
+      queueMicrotask(async () => {
+        if (n !== w) return f(!1);
+        if (await a(r, e)) return f(!0);
+        if (typeof window.requestAnimationFrame == "function")
+          window.requestAnimationFrame(async () => {
+            if (n !== w) return f(!1);
+            if (await a(r, e)) return f(!0);
+            if (n !== w) return f(!1);
+            const A = document.querySelector("router-view") || document.body;
+            try {
+              const x = new MutationObserver(async () => {
+                n === w && await a(r, e) && f(!0);
+              });
+              C = x, x.observe(A, {
+                childList: !0,
+                subtree: !0,
+                attributes: !1
+              }), O = window.setTimeout(() => {
+                if (n === w) {
+                  try {
+                    x.disconnect();
+                  } catch {
+                  }
+                  C = null, O = null, f(!1);
+                }
+              }, t ?? 2e3);
+            } catch {
+              let R = 0;
+              const S = async () => {
+                if (n !== w) 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 === w && await a(r, e) && f(!0);
+            });
+            C = x, x.observe(A, {
+              childList: !0,
+              subtree: !0,
+              attributes: !1
+            }), O = window.setTimeout(() => {
+              if (n === w) {
+                try {
+                  x.disconnect();
+                } catch {
+                }
+                C = null, O = null, f(!1);
+              }
+            }, t ?? 2e3);
+          } catch {
+            let R = 0;
+            const S = async () => {
+              if (n !== w) return f(!1);
+              if (await a(r, e)) return f(!0);
+              R += 1, R < 40 ? window.setTimeout(S, 50) : f(!1);
+            };
+            S();
+          }
+        }
+      });
+    });
+  }
+  const y = async (r, e = !1) => {
+    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;
+      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);
+      }
+      b.setState(W), Z(W, N);
+      try {
+        const _ = W.fragment;
+        m.enabled && _ && typeof window < "u" && typeof document < "u" && v(
+          String(_),
+          m.offset,
+          m.timeoutMs
+        ).catch(() => {
+        });
+      } catch {
+      }
+    } catch (t) {
+      F("Navigation error:", t);
     }
   };
-  if (typeof window < "u" && typeof document < "u" && typeof f > "u") {
-    s = () => {
-      const l = new URL(window.location.href), e = l.pathname.replace(t, "") || "/", a = T(l.search);
-      return { path: e, query: a };
-    }, i = s();
-    const u = x(r, i.path);
-    o = B({
-      path: i.path,
-      params: u.params,
-      query: i.query
-    }), c = async (l = !1) => {
-      const e = s();
-      await R(e.path, l);
-    }, window.addEventListener("popstate", () => c(!0)), d = (l) => R(l, !1), w = (l) => R(l, !0), p = () => window.history.back();
+  if (typeof window < "u" && typeof document < "u" && typeof d > "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
+    }), g = async (e = !1) => {
+      const t = c();
+      await y(t.path, e);
+    }, window.addEventListener("popstate", () => g(!0)), q = (e) => y(e, !1), B = (e) => y(e, !0), D = () => window.history.back();
   } else {
-    s = () => {
-      const e = new URL(f || "/", "http://localhost"), a = e.pathname.replace(t, "") || "/", m = T(e.search);
-      return { path: a, query: m };
-    }, i = s();
-    const u = x(r, i.path);
-    o = B({
-      path: i.path,
-      params: u.params,
-      query: i.query
-    }), c = async () => {
-      const e = s();
-      await l(e.path);
+    c = () => {
+      const t = new URL(d || "/", "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
+    }), g = async () => {
+      const t = c();
+      await e(t.path);
     };
-    const l = async (e) => {
+    const e = async (t) => {
       try {
-        const a = {
-          path: e.replace(t, "") || "/",
-          query: {}
-        }, m = x(r, a.path);
-        if (!m.route) throw new Error(`No route found for ${a.path}`);
-        const h = o.getState(), v = {
-          path: a.path,
-          params: m.params,
-          query: a.query
-        }, y = A(r, v.path);
-        if (y?.beforeEnter) {
-          const E = await y.beforeEnter(v, h);
-          if (typeof E == "string") {
-            await l(E);
+        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(_);
             return;
           }
-          if (E === !1) return;
+          if (_ === !1) return;
         }
-        if (y?.onEnter) {
-          const E = await y.onEnter(v, h);
-          if (typeof E == "string") {
-            await l(E);
+        if (I?.onEnter) {
+          const _ = await I.onEnter(j, W);
+          if (typeof _ == "string") {
+            await e(_);
             return;
           }
-          if (E === !1) return;
+          if (_ === !1) return;
         }
-        o.setState(v), y?.afterEnter && y.afterEnter(v, h);
-      } catch (a) {
-        throw C("SSR navigation error:", a), a;
+        b.setState(j), I?.afterEnter && I.afterEnter(j, W);
+      } catch (n) {
+        throw F("SSR navigation error:", n), n;
       }
     };
-    d = async (e) => l(e), w = async (e) => l(e), p = () => {
+    q = async (t) => e(t), B = async (t) => e(t), D = () => {
     };
   }
   return {
-    store: o,
-    push: d,
-    replace: w,
-    back: p,
-    subscribe: o.subscribe,
-    matchRoute: (u) => x(r, u),
-    getCurrent: () => o.getState(),
-    resolveRouteComponent: H
+    store: b,
+    push: q,
+    replace: B,
+    back: D,
+    subscribe: b.subscribe,
+    matchRoute: (r) => M(i, r),
+    getCurrent: () => b.getState(),
+    resolveRouteComponent: ht,
+    base: l,
+    // 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) : v(
+        String(e),
+        m.offset,
+        m.timeoutMs
+      );
+    }
   };
 }
-function X(n, r) {
-  return x(n, r);
+function vt(o, i) {
+  return M(o, i);
 }
-let P = null;
-function Y(n) {
-  const r = I(n);
-  return P = r, O("router-view", async () => {
-    const t = P || r;
-    if (!t) return S`<div>Router not initialized.</div>`;
-    const f = _(t.getCurrent());
-    let s;
-    N(() => {
+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 d = V(s.getCurrent());
+    let h;
+    et(() => {
       try {
-        t && typeof t.subscribe == "function" && (s = t.subscribe((o) => {
+        s && typeof s.subscribe == "function" && (h = s.subscribe((m) => {
           try {
-            f.value = o;
+            d.value = m;
           } catch (c) {
-            $("router-view subscription update failed", c);
+            P("router-view subscription update failed", c);
           }
         }));
-      } catch (o) {
-        $("router-view subscribe failed", o);
+      } catch (m) {
+        P("router-view subscribe failed", m);
       }
-    }), j(() => {
-      if (typeof s == "function")
+    }), nt(() => {
+      if (typeof h == "function")
         try {
-          s();
-        } catch (o) {
-          $("router-view unsubscribe failed", o);
+          h();
+        } catch (m) {
+          P("router-view unsubscribe failed", m);
         }
     });
-    const i = t.matchRoute(f.value.path);
-    if (!i || !i.route) return S`<div>Not found</div>`;
+    const l = s.matchRoute(d.value.path);
+    if (!l || !l.route) return z`<div>Not found</div>`;
     try {
-      const c = await t.resolveRouteComponent(i.route);
+      const c = await s.resolveRouteComponent(l.route);
       if (typeof c == "string")
         return { tag: c, props: {}, children: [] };
       if (typeof c == "function") {
-        const d = c();
-        return (d instanceof Promise ? d : Promise.resolve(d)).then((p) => typeof p == "string" ? { tag: p, props: {}, children: [] } : p);
+        const p = c();
+        return (p instanceof Promise ? p : Promise.resolve(p)).then((g) => typeof g == "string" ? { tag: g, props: {}, children: [] } : g);
       }
-      return S`<div>Invalid route component</div>`;
+      return z`<div>Invalid route component</div>`;
     } catch {
-      return S`<div>Invalid route component</div>`;
+      return z`<div>Invalid route component</div>`;
     }
-  }), O("router-link", () => {
-    const t = W({
+  }), tt("router-link", () => {
+    const s = st({
       to: "",
       tag: "a",
       replace: !1,
@@ -274,107 +460,154 @@ function Y(n) {
       // allow host `class` and `style` attributes to be read via useProps
       class: "",
       style: ""
-    }), f = P || r, s = _(f.getCurrent());
-    let i;
-    F(() => "a,button{display:inline-block;}");
-    const o = _(t.class || ""), c = _(t.style || "");
-    N((m) => {
+    }), d = G || i, h = V(d.getCurrent());
+    let l;
+    it(() => "a,button{display:inline-block;}");
+    const m = V(s.class || ""), c = V(s.style || "");
+    et((a) => {
       try {
-        f && typeof f.subscribe == "function" && (i = f.subscribe((h) => {
+        d && typeof d.subscribe == "function" && (l = d.subscribe((u) => {
           try {
-            s.value = h;
+            h.value = u;
           } catch (v) {
-            $("router-link subscription update failed", v);
+            P("router-link subscription update failed", v);
           }
         }));
-      } catch (h) {
-        $("router-link subscribe failed", h);
+      } catch (u) {
+        P("router-link subscribe failed", u);
       }
       try {
-        const h = m?._host;
-        if (h instanceof HTMLElement) {
-          const v = h.getAttribute("class"), y = h.getAttribute("style");
-          v && (o.value = v), y && (c.value = y), v !== null && h.removeAttribute("class"), y !== null && h.removeAttribute("style");
+        const u = a?._host;
+        if (u instanceof HTMLElement) {
+          const v = u.getAttribute("class"), y = u.getAttribute("style");
+          v && (m.value = v), y && (c.value = y), v !== null && u.removeAttribute("class"), y !== null && u.removeAttribute("style");
         }
-      } catch (h) {
-        $("router-link host migration failed", h);
+      } catch (u) {
+        P("router-link host migration failed", u);
       }
-    }), j(() => {
-      if (typeof i == "function")
+    }), nt(() => {
+      if (typeof l == "function")
         try {
-          i();
-        } catch (m) {
-          $("router-link unsubscribe failed", m);
+          l();
+        } catch (a) {
+          P("router-link unsubscribe failed", a);
         }
     });
-    const d = g(
-      () => s.value.path === t.to
-    ), w = g(
-      () => t.exact ? d.value : s.value && typeof s.value.path == "string" ? s.value.path.startsWith(t.to) : !1
-    ), p = g(() => {
-      const h = (o && o.value || t.class || "").split(/\s+/).filter(Boolean), v = {};
-      for (const y of h) v[y] = !0;
+    const p = T(() => {
+      const a = d?.base ?? "", u = s.to || "";
+      if (/^[a-zA-Z][a-zA-Z0-9+.-]*:/.test(u) || u.startsWith("//"))
+        return !1;
+      const v = (u.split("#")[0] || "/").split("?")[0];
+      try {
+        let y = v;
+        a && y.startsWith(a) && (y = y.slice(a.length) || "/");
+        const r = k(h.value.path), e = k(y);
+        return r === e;
+      } catch {
+        return h.value.path === v;
+      }
+    }), b = T(() => {
+      const a = d?.base ?? "", u = s.to || "";
+      if (/^[a-zA-Z][a-zA-Z0-9+.-]*:/.test(u) || u.startsWith("//"))
+        return !1;
+      const v = (u.split("#")[0] || "/").split("?")[0];
+      if (s.exact) return p.value;
+      try {
+        let y = v;
+        a && y.startsWith(a) && (y = y.slice(a.length) || "/");
+        const r = k(h.value.path), e = k(y);
+        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(v);
+      }
+    }), g = 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, v] = a.split("#"), [y, r] = (u || "").split("?"), e = d?.base ?? "";
+      let t = y || "/";
+      e && t.startsWith(e) && (t = t.slice(e.length) || "/");
+      const n = k(t || "/");
+      return e + n + (r ? "?" + r : "") + (v ? "#" + v : "");
+    }), q = T(() => {
+      const u = (m && m.value || s.class || "").split(/\s+/).filter(Boolean), v = {};
+      for (const y of u) v[y] = !0;
       return v;
-    }), b = g(() => ({
-      ...p.value,
-      [t.activeClass || "active"]: w.value,
-      [t.exactActiveClass || "exact-active"]: d.value
-    })), k = g(
-      () => Object.keys(b.value).filter((m) => b.value[m]).join(" ")
-    ), q = g(() => t.tag === "button"), R = g(
-      () => d.value ? t.ariaCurrentValue : ""
-    ), u = g(() => !!t.disabled), l = g(
-      () => !!t.external && (t.tag === "a" || !t.tag)
-    ), e = g(
-      () => c && c.value || t.style || ""
-    ), a = (m) => {
-      if (t.disabled) {
-        m.preventDefault();
+    }), 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
+    ), w = 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)
+        return;
+      if (w.value) {
+        a.preventDefault();
+        return;
+      }
+      const u = String(s.to || "");
+      if (at(u)) {
+        try {
+          a.preventDefault();
+        } catch {
+        }
+        P("Blocked unsafe javascript: URI in router-link.to");
         return;
       }
-      t.external && (t.tag === "a" || !t.tag) || (m.preventDefault(), t.replace ? f.replace(t.to) : f.push(t.to));
+      C.value || (a.preventDefault(), s.replace ? d.replace(s.to) : d.push(s.to));
     };
-    return S`
-      ${M().when(
-      q.value,
-      S`
+    return z`
+      ${ct().when(
+      X.value,
+      z`
             <button
               part="button"
-              class="${k.value}"
-              style="${e.value || null}"
-              aria-current="${R.value}"
-              disabled="${u.value ? "" : null}"
-              aria-disabled="${u.value ? "true" : null}"
-              tabindex="${u.value ? "-1" : null}"
-              @click="${a}"
+              class="${D.value}"
+              style="${O.value || null}"
+              aria-current="${Z.value}"
+              disabled="${w.value ? "" : null}"
+              aria-disabled="${w.value ? "true" : null}"
+              tabindex="${w.value ? "-1" : null}"
+              @click="${L}"
             >
               <slot></slot>
             </button>
           `
-    ).otherwise(S`
+    ).otherwise(z`
           <a
             part="link"
-            href="${t.to}"
-            class="${k.value}"
-            style="${e.value || null}"
-            aria-current="${R.value}"
-            aria-disabled="${u.value ? "true" : null}"
-            tabindex="${u.value ? "-1" : null}"
-            target="${l.value ? "_blank" : null}"
-            rel="${l.value ? "noopener noreferrer" : null}"
-            @click="${a}"
+            href="${w.value ? null : g.value}"
+            class="${D.value}"
+            style="${O.value || null}"
+            aria-current="${Z.value}"
+            aria-disabled="${w.value ? "true" : null}"
+            tabindex="${w.value ? "-1" : null}"
+            target="${C.value ? "_blank" : null}"
+            rel="${C.value ? "noopener noreferrer" : null}"
+            @click="${L}"
             ><slot></slot
           ></a>
         `).done()}
     `;
-  }), r;
+  }), i;
 }
 export {
-  Y as initRouter,
-  x as matchRoute,
-  X as matchRouteSSR,
-  T as parseQuery,
-  H as resolveRouteComponent,
-  I as useRouter
+  bt as initRouter,
+  M as matchRoute,
+  vt as matchRouteSSR,
+  k as normalizePathForRoute,
+  Q as parseQuery,
+  ht as resolveRouteComponent,
+  lt as serializeQuery,
+  pt as useRouter
 };
 //# sourceMappingURL=custom-elements-runtime.router.es.js.map