@jasonshimmy/custom-elements-runtime 2.4.0 → 2.5.0

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

@@ -1,273 +1,453 @@
-import { component as T, html as P, useOnConnected as U, useOnDisconnected as W, useProps as M, useStyle as V } from "./custom-elements-runtime.es.js";
-import { r as O, c as b } from "./namespace-helpers-Dw1mgQab.js";
-import { createStore as D } from "./custom-elements-runtime.store.es.js";
-import { d as A, a as $ } from "./logger-BuUYv7C_.js";
-import { match as z } from "./custom-elements-runtime.directives.es.js";
-const I = (n) => n ? typeof URLSearchParams > "u" ? {} : Object.fromEntries(new URLSearchParams(n)) : {}, F = /* @__PURE__ */ new WeakMap();
-function H(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 _(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 Q(n) {
-  const r = n.path || "/", t = _(r), h = t === "/" ? [] : t.split("/").filter(Boolean), o = [], s = [];
-  for (let u = 0; u < h.length; u++) {
-    const d = h[u];
-    if (d === "*") {
-      if (u !== h.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${o.length}`;
-      o.push(p), s.push("__SPLAT__");
+      const g = `splat${h.length}`;
+      h.push(g), l.push("__SPLAT__");
       continue;
     }
-    const y = d.match(/^:([A-Za-z0-9_-]+)(\*)?$/);
-    if (y) {
-      const p = y[1], w = !!y[2];
-      if (w && u !== h.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 };
-      o.push(p), s.push(w ? "__SPLAT__" : "([^/]+)");
+      h.push(g), l.push(q ? "__SPLAT__" : "([^/]+)");
       continue;
     }
-    s.push(H(d));
+    l.push(ut(p));
   }
-  let c;
-  if (s.length === 0)
-    c = "^/$";
-  else if (s[s.length - 1] === "__SPLAT__") {
-    const d = s.slice(0, -1).join("/");
-    d ? c = `^/${d}(?:/(.*))?(?:/)?$` : c = "^(?:/(.*))?(?:/)?$";
+  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
-    c = `^/${s.join("/")}(?:/)?$`;
+    m = `^/${l.join("/")}(?:/)?$`;
   try {
-    return { regex: new RegExp(c), paramNames: o };
-  } catch (u) {
-    return $(`Failed to compile route regex for '${n.path}': ${String(u)}`), { invalid: !0 };
+    return { regex: new RegExp(m), paramNames: h };
+  } catch (c) {
+    return P(`Failed to compile route regex for '${o.path}': ${String(c)}`), { invalid: !0 };
   }
 }
-const C = (n, r) => {
-  const t = _(r);
-  for (const h of n) {
-    let o = F.get(h);
-    if (o || (o = Q(h), F.set(h, o)), o.invalid) continue;
-    const { regex: s, paramNames: c } = o, u = s.exec(t);
-    if (u) {
-      const d = {}, y = (p) => {
+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 p = {}, b = (g) => {
         try {
-          return decodeURIComponent(p);
+          return decodeURIComponent(g);
         } catch {
-          return p;
+          return g;
         }
       };
-      for (let p = 0; p < c.length; p++) {
-        const w = u[p + 1] || "";
-        d[c[p]] = w ? y(w) : "";
+      for (let g = 0; g < m.length; g++) {
+        const q = c[g + 1] || "";
+        p[m[g]] = q ? b(q) : "";
       }
-      return { route: h, params: d };
+      return { route: d, params: p };
     }
   }
   return { route: null, params: {} };
 };
-function L(n, r) {
-  for (const t of n)
-    if (C([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 j = {};
-async function Z(n) {
-  if (n.component) return n.component;
-  if (n.load) {
-    if (j[n.path]) return j[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 j[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 G(n) {
-  const { routes: r, base: t = "", initialUrl: h } = n;
-  let o, s, c, u, d, y, p;
-  const w = async (f, i) => {
-    const e = L(r, f.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(f, i);
-      return typeof a == "string" ? (await R(a, !0), !1) : a !== !1;
-    } catch (a) {
-      return A("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;
     }
-  }, q = async (f, i) => {
-    const e = L(r, f.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(f, i);
-      return typeof a == "string" ? (await R(a, !0), !1) : a !== !1;
-    } catch (a) {
-      return A("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;
     }
-  }, N = (f, i) => {
-    const e = L(r, f.path);
-    if (!(!e || !e.afterEnter))
+  }, Z = (r, e) => {
+    const t = K(i, r.path);
+    if (!(!t || !t.afterEnter))
       try {
-        e.afterEnter(f, i);
-      } catch (a) {
-        A("afterEnter error", a);
+        t.afterEnter(r, e);
+      } catch (n) {
+        F("afterEnter error", n);
       }
-  }, R = async (f, i = !1) => {
+  };
+  let w = 0, C = null, O = null, L = null;
+  async function a(r, e = 0) {
     try {
-      const e = f.indexOf("#"), a = e >= 0 ? f.slice(e + 1) : "", l = {
-        path: (e >= 0 ? f.slice(0, e) : f).replace(t, "") || "/",
-        query: {},
-        fragment: a
-      }, m = C(r, l.path);
-      if (!m.route) throw new Error(`No route found for ${l.path}`);
-      const v = c.getState(), E = {
-        path: l.path,
-        params: m.params,
-        query: l.query,
-        fragment: l.fragment
+      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 w(E, v) || !await q(E, v)) return;
-      typeof window < "u" && typeof document < "u" && (i ? window.history.replaceState({}, "", t + f) : window.history.pushState({}, "", t + f)), c.setState(E), N(E, v);
-    } catch (e) {
-      A("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 h > "u") {
-    o = () => {
-      const i = new URL(window.location.href), e = i.pathname.replace(t, "") || "/", a = I(i.search), g = i.hash && i.hash.length ? i.hash.slice(1) : "";
-      return { path: e, query: a, fragment: g };
-    }, s = o();
-    const f = C(r, s.path);
-    c = D({
-      path: s.path,
-      params: f.params,
-      query: s.query,
-      fragment: s.fragment
-    }), u = async (i = !1) => {
-      const e = o();
-      await R(e.path, i);
-    }, window.addEventListener("popstate", () => u(!0)), d = (i) => R(i, !1), y = (i) => R(i, !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 {
-    o = () => {
-      const e = new URL(h || "/", "http://localhost"), a = e.pathname.replace(t, "") || "/", g = I(e.search), l = e.hash && e.hash.length ? e.hash.slice(1) : "";
-      return { path: a, query: g, fragment: l };
-    }, s = o();
-    const f = C(r, s.path);
-    c = D({
-      path: s.path,
-      params: f.params,
-      query: s.query,
-      fragment: s.fragment
-    }), u = async () => {
-      const e = o();
-      await i(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 i = async (e) => {
+    const e = async (t) => {
       try {
-        const a = e.indexOf("#"), g = a >= 0 ? e.slice(a + 1) : "", m = {
-          path: (a >= 0 ? e.slice(0, a) : e).replace(t, "") || "/",
-          query: {},
-          fragment: g
-        }, v = C(r, m.path);
-        if (!v.route) throw new Error(`No route found for ${m.path}`);
-        const E = c.getState(), k = {
-          path: m.path,
-          params: v.params,
-          query: m.query,
-          fragment: m.fragment
-        }, x = L(r, k.path);
-        if (x?.beforeEnter) {
-          const S = await x.beforeEnter(k, E);
-          if (typeof S == "string") {
-            await i(S);
+        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 (S === !1) return;
+          if (_ === !1) return;
         }
-        if (x?.onEnter) {
-          const S = await x.onEnter(k, E);
-          if (typeof S == "string") {
-            await i(S);
+        if (I?.onEnter) {
+          const _ = await I.onEnter(j, W);
+          if (typeof _ == "string") {
+            await e(_);
             return;
           }
-          if (S === !1) return;
+          if (_ === !1) return;
         }
-        c.setState(k), x?.afterEnter && x.afterEnter(k, E);
-      } catch (a) {
-        throw A("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) => i(e), y = async (e) => i(e), p = () => {
+    q = async (t) => e(t), B = async (t) => e(t), D = () => {
     };
   }
   return {
-    store: c,
-    push: d,
-    replace: y,
-    back: p,
-    subscribe: c.subscribe,
-    matchRoute: (f) => C(r, f),
-    getCurrent: () => c.getState(),
-    resolveRouteComponent: Z
+    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 et(n, r) {
-  return C(n, r);
+function vt(o, i) {
+  return M(o, i);
 }
-let B = null;
-function rt(n) {
-  const r = G(n);
-  return B = r, T("router-view", async () => {
-    const t = B || r;
-    if (!t) return P`<div>Router not initialized.</div>`;
-    const h = O(t.getCurrent());
-    let o;
-    U(() => {
+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" && (o = t.subscribe((c) => {
+        s && typeof s.subscribe == "function" && (h = s.subscribe((m) => {
           try {
-            h.value = c;
-          } catch (u) {
-            $("router-view subscription update failed", u);
+            d.value = m;
+          } catch (c) {
+            P("router-view subscription update failed", c);
           }
         }));
-      } catch (c) {
-        $("router-view subscribe failed", c);
+      } catch (m) {
+        P("router-view subscribe failed", m);
       }
-    }), W(() => {
-      if (typeof o == "function")
+    }), nt(() => {
+      if (typeof h == "function")
         try {
-          o();
-        } catch (c) {
-          $("router-view unsubscribe failed", c);
+          h();
+        } catch (m) {
+          P("router-view unsubscribe failed", m);
         }
     });
-    const s = t.matchRoute(h.value.path);
-    if (!s || !s.route) return P`<div>Not found</div>`;
+    const l = s.matchRoute(d.value.path);
+    if (!l || !l.route) return z`<div>Not found</div>`;
     try {
-      const u = await t.resolveRouteComponent(s.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);
+      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((g) => typeof g == "string" ? { tag: g, props: {}, children: [] } : g);
       }
-      return P`<div>Invalid route component</div>`;
+      return z`<div>Invalid route component</div>`;
     } catch {
-      return P`<div>Invalid route component</div>`;
+      return z`<div>Invalid route component</div>`;
     }
-  }), T("router-link", () => {
-    const t = M({
+  }), tt("router-link", () => {
+    const s = st({
       to: "",
       tag: "a",
       replace: !1,
@@ -280,120 +460,154 @@ function rt(n) {
       // allow host `class` and `style` attributes to be read via useProps
       class: "",
       style: ""
-    }), h = B || r, o = O(h.getCurrent());
-    let s;
-    V(() => "a,button{display:inline-block;}");
-    const c = O(t.class || ""), u = O(t.style || "");
-    U((g) => {
+    }), 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 {
-        h && typeof h.subscribe == "function" && (s = h.subscribe((l) => {
+        d && typeof d.subscribe == "function" && (l = d.subscribe((u) => {
           try {
-            o.value = l;
-          } catch (m) {
-            $("router-link subscription update failed", m);
+            h.value = u;
+          } catch (v) {
+            P("router-link subscription update failed", v);
           }
         }));
-      } catch (l) {
-        $("router-link subscribe failed", l);
+      } catch (u) {
+        P("router-link subscribe failed", u);
       }
       try {
-        const l = g?._host;
-        if (l instanceof HTMLElement) {
-          const m = l.getAttribute("class"), v = l.getAttribute("style");
-          m && (c.value = m), v && (u.value = v), m !== null && l.removeAttribute("class"), v !== null && l.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 (l) {
-        $("router-link host migration failed", l);
+      } catch (u) {
+        P("router-link host migration failed", u);
       }
-    }), W(() => {
-      if (typeof s == "function")
+    }), nt(() => {
+      if (typeof l == "function")
         try {
-          s();
-        } catch (g) {
-          $("router-link unsubscribe failed", g);
+          l();
+        } catch (a) {
+          P("router-link unsubscribe failed", a);
         }
     });
-    const d = b(() => {
-      const l = (t.to || "").split("#")[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 {
-        return _(o.value.path) === _(l);
+        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 o.value.path === l;
+        return h.value.path === v;
       }
-    }), y = b(() => {
-      const l = (t.to || "").split("#")[0];
-      if (t.exact) return d.value;
+    }), 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 {
-        const m = _(o.value.path), v = _(l);
-        return m.startsWith(v);
+        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 o.value && typeof o.value.path == "string" && o.value.path.startsWith(l);
+        return h.value && typeof h.value.path == "string" && h.value.path.startsWith(v);
       }
-    }), p = b(() => {
-      const l = (c && c.value || t.class || "").split(/\s+/).filter(Boolean), m = {};
-      for (const v of l) m[v] = !0;
-      return m;
-    }), w = b(() => ({
-      ...p.value,
-      [t.activeClass || "active"]: y.value,
-      [t.exactActiveClass || "exact-active"]: d.value
-    })), q = b(
-      () => Object.keys(w.value).filter((g) => w.value[g]).join(" ")
-    ), N = b(() => t.tag === "button"), R = b(
-      () => d.value ? t.ariaCurrentValue : ""
-    ), f = b(() => !!t.disabled), i = b(
-      () => !!t.external && (t.tag === "a" || !t.tag)
-    ), e = b(
-      () => u && u.value || t.style || ""
-    ), a = (g) => {
-      if (t.disabled) {
-        g.preventDefault();
+    }), 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 = 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) || (g.preventDefault(), t.replace ? h.replace(t.to) : h.push(t.to));
+      C.value || (a.preventDefault(), s.replace ? d.replace(s.to) : d.push(s.to));
     };
-    return P`
-      ${z().when(
-      N.value,
-      P`
+    return z`
+      ${ct().when(
+      X.value,
+      z`
             <button
               part="button"
-              class="${q.value}"
-              style="${e.value || null}"
-              aria-current="${R.value}"
-              disabled="${f.value ? "" : null}"
-              aria-disabled="${f.value ? "true" : null}"
-              tabindex="${f.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(P`
+    ).otherwise(z`
           <a
             part="link"
-            href="${t.to}"
-            class="${q.value}"
-            style="${e.value || null}"
-            aria-current="${R.value}"
-            aria-disabled="${f.value ? "true" : null}"
-            tabindex="${f.value ? "-1" : null}"
-            target="${i.value ? "_blank" : null}"
-            rel="${i.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 {
-  rt as initRouter,
-  C as matchRoute,
-  et as matchRouteSSR,
-  _ as normalizePathForRoute,
-  I as parseQuery,
-  Z as resolveRouteComponent,
-  G 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