lit-navigation-router 0.4.0 → 0.5.0

package/CHANGELOG.md

@@ -1,5 +1,44 @@
 # Changelog
 
+## 0.5.0
+
+### Fixed
+
+- **Routes can match on `search` and `hash`**
+  ([#13](https://github.com/VanLandinghamLabs/lit-router/issues/13), inherited
+  from [lit/lit#3517](https://github.com/lit/lit/issues/3517)). Patterns were
+  executed as `exec({pathname})`, and `URLPattern` defaults every component the
+  caller omits to the empty string — so `new URLPattern({hash: 'one'})` was
+  compared against a hash of `''` and could never match. A hash- or
+  search-constrained route matched nothing at all, which made `goto()` throw
+  `No route found` on every load rather than merely failing to fire. Matching
+  now sees the whole location. Named groups captured from the search and hash
+  are merged into `params`; positional ones are not, since each component
+  numbers its groups from zero and a merged `"0"` would masquerade as a tail.
+- **`goto()` is handed the search and hash.** `Router` called
+  `goto(window.location.pathname)` and `goto(url.pathname)`, so both were
+  discarded before matching ran. `goto()` now accepts and parses
+  `path?search#hash`, and passes them down to child controllers alongside the
+  tail.
+- **Fragment-only navigation is routed when a route asks for it.** `Router`
+  declined every navigation with `hashChange` set, so a hash route could not be
+  reached by clicking a link even once matching was fixed. Such navigations are
+  now intercepted when — and only when — some route in the tree constrains the
+  hash, so pathname-only apps keep the browser's native in-page scrolling.
+
+### Changed
+
+- `URLPatternLike` requires `hash`: the pattern string, which a real
+  `URLPattern` exposes and which is how `Router` decides whether a
+  fragment-only navigation is its business. Its `test()`/`exec()` take a
+  `{pathname, search, hash}` input, and `exec()` returns the `search` and
+  `hash` groups alongside the pathname's.
+
+### Documentation
+
+- The `URLPatternRouteConfig` doc comment claimed patterns were "limited to
+  checking `pathname` and `search`". `search` never worked either; both now do.
+
 ## 0.4.0
 
 ### Fixed

package/README.md

@@ -1,6 +1,9 @@
 # lit-navigation-router
 
+[![npm version](https://img.shields.io/npm/v/lit-navigation-router)](https://www.npmjs.com/package/lit-navigation-router)
+
 A router for Lit, built on the [Navigation API](https://developer.mozilla.org/en-US/docs/Web/API/Navigation_API).
+Published on npm as [`lit-navigation-router`](https://www.npmjs.com/package/lit-navigation-router).
 
 Fork of [`@lit-labs/router`](https://github.com/lit/lit/tree/main/packages/labs/router)
 — see [NOTICE.md](./NOTICE.md) for provenance, licence and the full list of
@@ -85,6 +88,31 @@ children nor stripped from `link()`. A `fallback` behaves like a `/*` route and
 passes the whole pathname on as the tail. Nested, it accepts the slash-less
 tail it is handed and passes that on.
 
+## Search and hash routes
+
+A `pattern` route can constrain `search` and `hash`, not just `pathname`:
+
+```ts
+{pattern: new URLPattern({pathname: '/docs', hash: ':section'}),
+ render: ({section}) => html`<doc-page .section=${section}></doc-page>`}
+
+{pattern: new URLPattern({pathname: '/search', search: 'q=:term'}),
+ render: ({term}) => html`<results-for .term=${term}></results-for>`}
+```
+
+Named groups captured from the search and hash join the pathname's in `params`.
+Positional ones do not: every component numbers its groups from zero
+independently, so merging them would make a fragment indistinguishable from a
+tail. Name the groups you need.
+
+Only the pathname nests. A child controller is handed the parent's tail as its
+pathname and the *same* search and hash — there is no way to split a query
+string or a fragment across a route tree.
+
+Fragment-only navigation (`<a href="#section">`) is intercepted **only** when
+some route constrains the hash. An app that routes on pathnames alone keeps the
+browser's native in-page scrolling.
+
 ## Browser support — please read
 
 This router **requires the Navigation API**. There is no legacy fallback.

package/development/router.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../src/router.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAqBnC,uEAAuE;AACvE,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,kBAAkB,GAAG,QAAQ,CAAC;IAC3C,MAAM,CAAC,EAAE,kBAAkB,GAAG,QAAQ,CAAC;CACxC;AAgBD;;;;;;;GAOG;AACH,eAAO,MAAM,qBAAqB,QAAO,OAEgB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,qBAAa,MAAO,SAAQ,MAAM;IAChC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IAEpC,OAAO,CAAC,UAAU,CAAS;IAElB,aAAa;IAwBb,gBAAgB;IAQzB;;;OAGG;IACH,OAAO,CAAC,WAAW,CA6DjB;CACH"}
+{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../src/router.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAqBnC,uEAAuE;AACvE,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,kBAAkB,GAAG,QAAQ,CAAC;IAC3C,MAAM,CAAC,EAAE,kBAAkB,GAAG,QAAQ,CAAC;CACxC;AAyBD;;;;;;;GAOG;AACH,eAAO,MAAM,qBAAqB,QAAO,OAEgB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,qBAAa,MAAO,SAAQ,MAAM;IAChC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IAEpC,OAAO,CAAC,UAAU,CAAS;IAElB,aAAa;IAwBb,gBAAgB;IAQzB;;;OAGG;IACH,OAAO,CAAC,WAAW,CAkEjB;CACH"}

package/development/router.js

@@ -8,6 +8,13 @@
  */
 import { Routes } from './routes.js';
 const getNavigation = () => window.navigation;
+/**
+ * The current location as a path string, in the form `goto()` parses.
+ *
+ * Only the origin is dropped: this router matches within one origin, and
+ * `_onNavigate` declines anything else before it gets here.
+ */
+const currentPath = () => window.location.pathname + window.location.search + window.location.hash;
 /**
  * True when the Navigation API is available — Baseline Newly Available since
  * January 2026 (Chrome/Edge, Safari 26.2, Firefox 147).
@@ -84,7 +91,7 @@ export class Router extends Routes {
         // Surfaced rather than left as a bare unhandled rejection, matching the
         // convention in routes.ts: on an engine without the API this is the *only*
         // rendering path, and a deep link with no matching route throws here.
-        void this.goto(window.location.pathname).catch((err) => {
+        void this.goto(currentPath()).catch((err) => {
             queueMicrotask(() => {
                 throw err;
             });
@@ -103,15 +110,20 @@ export class Router extends Routes {
      */
     _onNavigate = (e) => {
         // Not ours to handle: anything the browser says cannot be intercepted,
-        // fragment-only moves, downloads, and POST form submissions.
+        // downloads, and POST form submissions.
         //
         // `!= null`, not `!== null`: the spec types both as nullable-but-present,
         // but a polyfill that leaves either unset would make a strict check true
         // for every ordinary link and silently decline the whole app.
-        if (!e.canIntercept ||
-            e.hashChange ||
-            e.downloadRequest != null ||
-            e.formData != null) {
+        if (!e.canIntercept || e.downloadRequest != null || e.formData != null) {
+            return;
+        }
+        // Fragment-only moves belong to the browser unless a route actually reads
+        // the fragment. Intercepting them unconditionally would cost every
+        // pathname-only app its native in-page scrolling — and re-render the same
+        // route to no effect — while declining them unconditionally is the
+        // lit/lit#3517 bug this router inherited.
+        if (e.hashChange && !this._constrainsHash()) {
             return;
         }
         // Reloads must stay reloads. `canIntercept` is true for them, so without
@@ -144,7 +156,8 @@ export class Router extends Routes {
         // throws "No route found", and the address bar is left pointing somewhere
         // the outlet never went. Declining lets the browser do the real
         // navigation, which is the correct outcome.
-        if (!this.hasRouteFor(url.pathname)) {
+        const path = url.pathname + url.search + url.hash;
+        if (!this.hasRouteFor(path)) {
             return;
         }
         e.intercept({
@@ -152,7 +165,7 @@ export class Router extends Routes {
             handler: async () => {
                 // `e.signal` aborts if another navigation starts before this handler
                 // resolves; goto() checks it after `enter()` and stands down.
-                await this.goto(url.pathname, { signal: e.signal });
+                await this.goto(path, { signal: e.signal });
             },
         });
     };

package/development/router.js.map

@@ -1 +1 @@
-{"version":3,"file":"router.js","sourceRoot":"","sources":["../src/router.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n *\n * Modifications Copyright 2026 VanLandingham Labs, same license.\n * Rebuilt on the Navigation API; see NOTICE.md.\n */\n\nimport {Routes} from './routes.js';\n\n/**\n * The slice of `NavigateEvent` this router reads. Declared locally rather than\n * typing the handler `any`: these properties *are* the correctness boundary, so\n * a typo like `hashchange` for `hashChange` would silently disable a filter\n * forever. Names verified against Chromium's `NavigateEvent.prototype`.\n */\ninterface NavigateEventLike {\n  readonly canIntercept: boolean;\n  readonly hashChange: boolean;\n  readonly downloadRequest: string | null;\n  readonly formData: FormData | null;\n  readonly navigationType: 'push' | 'replace' | 'reload' | 'traverse';\n  readonly signal: AbortSignal;\n  readonly destination: {readonly url: string};\n  /** Not in every engine yet; used only as a best-effort `rel` check. */\n  readonly sourceElement?: Element | null;\n  intercept(options: InterceptOptions & {handler?: () => Promise<void>}): void;\n}\n\n/** The subset of `NavigationInterceptOptions` this router forwards. */\nexport interface InterceptOptions {\n  focusReset?: 'after-transition' | 'manual';\n  scroll?: 'after-transition' | 'manual';\n}\n\ninterface NavigationLike {\n  addEventListener(\n    type: 'navigate',\n    listener: (e: NavigateEventLike) => void\n  ): void;\n  removeEventListener(\n    type: 'navigate',\n    listener: (e: NavigateEventLike) => void\n  ): void;\n}\n\nconst getNavigation = (): NavigationLike | undefined =>\n  (window as unknown as {navigation?: NavigationLike}).navigation;\n\n/**\n * True when the Navigation API is available — Baseline Newly Available since\n * January 2026 (Chrome/Edge, Safari 26.2, Firefox 147).\n *\n * This router **requires** it. Exported so an app can detect an unsupported\n * engine at boot and say so, rather than leaving the user to notice that every\n * link reloads the page.\n */\nexport const supportsNavigationApi = (): boolean =>\n  typeof window !== 'undefined' &&\n  typeof getNavigation()?.addEventListener === 'function';\n\n/**\n * A root-level router that intercepts navigation via the Navigation API.\n *\n * This class extends Routes so that it can also have a route configuration.\n *\n * There should only be one Router instance on a page, since the Router\n * installs a global listener. Nested routes should be configured with the\n * `Routes` class.\n *\n * ## Why the Navigation API\n *\n * Upstream intercepted navigation with a global click listener plus `popstate`\n * and committed with `history.pushState()`. That is structurally racy:\n * `pushState` is synchronous and `popstate` fires *after* the URL has already\n * moved, but `goto()` awaits `route.enter()` before swapping the outlet. The\n * URL leads and the outlet lags, leaving two sources of truth — the outgoing\n * route re-renders with stale params, and two quick navigations commit in\n * whatever order their `enter()` hooks happen to resolve.\n *\n * `navigateEvent.intercept({handler})` collapses that. The browser commits the\n * URL and holds the navigation un-finished while the handler runs, and it\n * aborts `navigateEvent.signal` when a newer navigation supersedes this one —\n * which `goto()` honours, so a superseded route can no longer win the outlet.\n *\n * ## No legacy fallback\n *\n * An earlier version of this fork kept upstream's click/popstate path for\n * pre-2026 engines. It was removed deliberately. Ten review rounds found\n * divergences between the two paths and **every one was in the click handler**,\n * never in this one — which is structural, not luck: this handler reads a\n * decision the browser has already made, while the click handler had to\n * re-derive it, re-implementing the rules for choosing a navigable, the\n * fragment-navigation predicate, and the modifier-key rules. Each round found\n * another place where the re-implementation and the spec disagreed.\n *\n * On an engine without the API, links fall back to ordinary full page loads.\n * For an app whose server serves the shell on every route that still works —\n * it is slower, not broken — and `supportsNavigationApi()` lets you detect it.\n * If real pre-2026 support is ever needed, use a Navigation API polyfill: one\n * decision path, with compatibility isolated in a layer whose whole job is\n * spec accuracy.\n */\nexport class Router extends Routes {\n  /**\n   * Options forwarded to `navigateEvent.intercept()`. Leaving these unset\n   * gives the browser's default scroll and focus handling.\n   */\n  interceptOptions?: InterceptOptions;\n\n  private _listening = false;\n\n  override hostConnected() {\n    super.hostConnected();\n    // Gated on the exported predicate, not on `navigation !== undefined`:\n    // a stub or partial polyfill under that name would otherwise make this\n    // branch throw out of connectedCallback while `supportsNavigationApi()`\n    // told the app it was unsupported — and then even the initial render below\n    // would not run.\n    if (supportsNavigationApi()) {\n      getNavigation()!.addEventListener('navigate', this._onNavigate);\n      this._listening = true;\n    }\n    // Kick off routed rendering by going to the current URL. Done even without\n    // the API: a full page load still renders the right route, which is what\n    // makes the unsupported-engine degradation \"slow\" rather than \"blank\".\n    // Surfaced rather than left as a bare unhandled rejection, matching the\n    // convention in routes.ts: on an engine without the API this is the *only*\n    // rendering path, and a deep link with no matching route throws here.\n    void this.goto(window.location.pathname).catch((err) => {\n      queueMicrotask(() => {\n        throw err;\n      });\n    });\n  }\n\n  override hostDisconnected() {\n    super.hostDisconnected();\n    if (this._listening) {\n      getNavigation()?.removeEventListener('navigate', this._onNavigate);\n      this._listening = false;\n    }\n  }\n\n  /**\n   * Handles same-document navigation from every source at once: anchor clicks,\n   * `navigation.navigate()`, `history.pushState()`, and back/forward.\n   */\n  private _onNavigate = (e: NavigateEventLike) => {\n    // Not ours to handle: anything the browser says cannot be intercepted,\n    // fragment-only moves, downloads, and POST form submissions.\n    //\n    // `!= null`, not `!== null`: the spec types both as nullable-but-present,\n    // but a polyfill that leaves either unset would make a strict check true\n    // for every ordinary link and silently decline the whole app.\n    if (\n      !e.canIntercept ||\n      e.hashChange ||\n      e.downloadRequest != null ||\n      e.formData != null\n    ) {\n      return;\n    }\n\n    // Reloads must stay reloads. `canIntercept` is true for them, so without\n    // this `location.reload()` silently degrades to re-running goto() on the\n    // same path — the document is never replaced, breaking the standard\n    // \"new version available, reload\" escape hatch. (It would also disagree\n    // with the browser's own refresh button, which is not interceptable.)\n    if (e.navigationType === 'reload') {\n      return;\n    }\n\n    // `rel=\"external\"` is a convention this router honours — it is not defined\n    // by HTML or by the Navigation API, so the browser will not decline these\n    // for us. Best-effort: `sourceElement` is not in every engine, and is\n    // absent for programmatic navigation.\n    if (e.sourceElement?.getAttribute?.('rel') === 'external') {\n      return;\n    }\n\n    // Read per navigation rather than cached at module scope: the value cannot\n    // change, but reading it on import makes merely importing this module throw\n    // where there is no `location` (SSR, a bundler evaluating for tree-shaking\n    // under the package's `sideEffects: false` claim).\n    const url = new URL(e.destination.url);\n    if (url.origin !== window.location.origin) {\n      return;\n    }\n\n    // Only intercept what we can actually render. `canIntercept` is true for\n    // any same-origin URL, including cross-document ones — so without this a\n    // link to a server-rendered page, an export endpoint, or a GET form\n    // (whose `formData` is null) gets swallowed: the URL commits, goto()\n    // throws \"No route found\", and the address bar is left pointing somewhere\n    // the outlet never went. Declining lets the browser do the real\n    // navigation, which is the correct outcome.\n    if (!this.hasRouteFor(url.pathname)) {\n      return;\n    }\n\n    e.intercept({\n      ...this.interceptOptions,\n      handler: async () => {\n        // `e.signal` aborts if another navigation starts before this handler\n        // resolves; goto() checks it after `enter()` and stands down.\n        await this.goto(url.pathname, {signal: e.signal});\n      },\n    });\n  };\n}\n"]}
+{"version":3,"file":"router.js","sourceRoot":"","sources":["../src/router.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n *\n * Modifications Copyright 2026 VanLandingham Labs, same license.\n * Rebuilt on the Navigation API; see NOTICE.md.\n */\n\nimport {Routes} from './routes.js';\n\n/**\n * The slice of `NavigateEvent` this router reads. Declared locally rather than\n * typing the handler `any`: these properties *are* the correctness boundary, so\n * a typo like `hashchange` for `hashChange` would silently disable a filter\n * forever. Names verified against Chromium's `NavigateEvent.prototype`.\n */\ninterface NavigateEventLike {\n  readonly canIntercept: boolean;\n  readonly hashChange: boolean;\n  readonly downloadRequest: string | null;\n  readonly formData: FormData | null;\n  readonly navigationType: 'push' | 'replace' | 'reload' | 'traverse';\n  readonly signal: AbortSignal;\n  readonly destination: {readonly url: string};\n  /** Not in every engine yet; used only as a best-effort `rel` check. */\n  readonly sourceElement?: Element | null;\n  intercept(options: InterceptOptions & {handler?: () => Promise<void>}): void;\n}\n\n/** The subset of `NavigationInterceptOptions` this router forwards. */\nexport interface InterceptOptions {\n  focusReset?: 'after-transition' | 'manual';\n  scroll?: 'after-transition' | 'manual';\n}\n\ninterface NavigationLike {\n  addEventListener(\n    type: 'navigate',\n    listener: (e: NavigateEventLike) => void\n  ): void;\n  removeEventListener(\n    type: 'navigate',\n    listener: (e: NavigateEventLike) => void\n  ): void;\n}\n\nconst getNavigation = (): NavigationLike | undefined =>\n  (window as unknown as {navigation?: NavigationLike}).navigation;\n\n/**\n * The current location as a path string, in the form `goto()` parses.\n *\n * Only the origin is dropped: this router matches within one origin, and\n * `_onNavigate` declines anything else before it gets here.\n */\nconst currentPath = (): string =>\n  window.location.pathname + window.location.search + window.location.hash;\n\n/**\n * True when the Navigation API is available — Baseline Newly Available since\n * January 2026 (Chrome/Edge, Safari 26.2, Firefox 147).\n *\n * This router **requires** it. Exported so an app can detect an unsupported\n * engine at boot and say so, rather than leaving the user to notice that every\n * link reloads the page.\n */\nexport const supportsNavigationApi = (): boolean =>\n  typeof window !== 'undefined' &&\n  typeof getNavigation()?.addEventListener === 'function';\n\n/**\n * A root-level router that intercepts navigation via the Navigation API.\n *\n * This class extends Routes so that it can also have a route configuration.\n *\n * There should only be one Router instance on a page, since the Router\n * installs a global listener. Nested routes should be configured with the\n * `Routes` class.\n *\n * ## Why the Navigation API\n *\n * Upstream intercepted navigation with a global click listener plus `popstate`\n * and committed with `history.pushState()`. That is structurally racy:\n * `pushState` is synchronous and `popstate` fires *after* the URL has already\n * moved, but `goto()` awaits `route.enter()` before swapping the outlet. The\n * URL leads and the outlet lags, leaving two sources of truth — the outgoing\n * route re-renders with stale params, and two quick navigations commit in\n * whatever order their `enter()` hooks happen to resolve.\n *\n * `navigateEvent.intercept({handler})` collapses that. The browser commits the\n * URL and holds the navigation un-finished while the handler runs, and it\n * aborts `navigateEvent.signal` when a newer navigation supersedes this one —\n * which `goto()` honours, so a superseded route can no longer win the outlet.\n *\n * ## No legacy fallback\n *\n * An earlier version of this fork kept upstream's click/popstate path for\n * pre-2026 engines. It was removed deliberately. Ten review rounds found\n * divergences between the two paths and **every one was in the click handler**,\n * never in this one — which is structural, not luck: this handler reads a\n * decision the browser has already made, while the click handler had to\n * re-derive it, re-implementing the rules for choosing a navigable, the\n * fragment-navigation predicate, and the modifier-key rules. Each round found\n * another place where the re-implementation and the spec disagreed.\n *\n * On an engine without the API, links fall back to ordinary full page loads.\n * For an app whose server serves the shell on every route that still works —\n * it is slower, not broken — and `supportsNavigationApi()` lets you detect it.\n * If real pre-2026 support is ever needed, use a Navigation API polyfill: one\n * decision path, with compatibility isolated in a layer whose whole job is\n * spec accuracy.\n */\nexport class Router extends Routes {\n  /**\n   * Options forwarded to `navigateEvent.intercept()`. Leaving these unset\n   * gives the browser's default scroll and focus handling.\n   */\n  interceptOptions?: InterceptOptions;\n\n  private _listening = false;\n\n  override hostConnected() {\n    super.hostConnected();\n    // Gated on the exported predicate, not on `navigation !== undefined`:\n    // a stub or partial polyfill under that name would otherwise make this\n    // branch throw out of connectedCallback while `supportsNavigationApi()`\n    // told the app it was unsupported — and then even the initial render below\n    // would not run.\n    if (supportsNavigationApi()) {\n      getNavigation()!.addEventListener('navigate', this._onNavigate);\n      this._listening = true;\n    }\n    // Kick off routed rendering by going to the current URL. Done even without\n    // the API: a full page load still renders the right route, which is what\n    // makes the unsupported-engine degradation \"slow\" rather than \"blank\".\n    // Surfaced rather than left as a bare unhandled rejection, matching the\n    // convention in routes.ts: on an engine without the API this is the *only*\n    // rendering path, and a deep link with no matching route throws here.\n    void this.goto(currentPath()).catch((err) => {\n      queueMicrotask(() => {\n        throw err;\n      });\n    });\n  }\n\n  override hostDisconnected() {\n    super.hostDisconnected();\n    if (this._listening) {\n      getNavigation()?.removeEventListener('navigate', this._onNavigate);\n      this._listening = false;\n    }\n  }\n\n  /**\n   * Handles same-document navigation from every source at once: anchor clicks,\n   * `navigation.navigate()`, `history.pushState()`, and back/forward.\n   */\n  private _onNavigate = (e: NavigateEventLike) => {\n    // Not ours to handle: anything the browser says cannot be intercepted,\n    // downloads, and POST form submissions.\n    //\n    // `!= null`, not `!== null`: the spec types both as nullable-but-present,\n    // but a polyfill that leaves either unset would make a strict check true\n    // for every ordinary link and silently decline the whole app.\n    if (!e.canIntercept || e.downloadRequest != null || e.formData != null) {\n      return;\n    }\n\n    // Fragment-only moves belong to the browser unless a route actually reads\n    // the fragment. Intercepting them unconditionally would cost every\n    // pathname-only app its native in-page scrolling — and re-render the same\n    // route to no effect — while declining them unconditionally is the\n    // lit/lit#3517 bug this router inherited.\n    if (e.hashChange && !this._constrainsHash()) {\n      return;\n    }\n\n    // Reloads must stay reloads. `canIntercept` is true for them, so without\n    // this `location.reload()` silently degrades to re-running goto() on the\n    // same path — the document is never replaced, breaking the standard\n    // \"new version available, reload\" escape hatch. (It would also disagree\n    // with the browser's own refresh button, which is not interceptable.)\n    if (e.navigationType === 'reload') {\n      return;\n    }\n\n    // `rel=\"external\"` is a convention this router honours — it is not defined\n    // by HTML or by the Navigation API, so the browser will not decline these\n    // for us. Best-effort: `sourceElement` is not in every engine, and is\n    // absent for programmatic navigation.\n    if (e.sourceElement?.getAttribute?.('rel') === 'external') {\n      return;\n    }\n\n    // Read per navigation rather than cached at module scope: the value cannot\n    // change, but reading it on import makes merely importing this module throw\n    // where there is no `location` (SSR, a bundler evaluating for tree-shaking\n    // under the package's `sideEffects: false` claim).\n    const url = new URL(e.destination.url);\n    if (url.origin !== window.location.origin) {\n      return;\n    }\n\n    // Only intercept what we can actually render. `canIntercept` is true for\n    // any same-origin URL, including cross-document ones — so without this a\n    // link to a server-rendered page, an export endpoint, or a GET form\n    // (whose `formData` is null) gets swallowed: the URL commits, goto()\n    // throws \"No route found\", and the address bar is left pointing somewhere\n    // the outlet never went. Declining lets the browser do the real\n    // navigation, which is the correct outcome.\n    const path = url.pathname + url.search + url.hash;\n    if (!this.hasRouteFor(path)) {\n      return;\n    }\n\n    e.intercept({\n      ...this.interceptOptions,\n      handler: async () => {\n        // `e.signal` aborts if another navigation starts before this handler\n        // resolves; goto() checks it after `enter()` and stands down.\n        await this.goto(path, {signal: e.signal});\n      },\n    });\n  };\n}\n"]}

package/development/routes.d.ts

@@ -27,8 +27,8 @@ export interface PathRouteConfig extends BaseRouteConfig {
  *
  * While `URLPattern` can match against protocols, hostnames, and ports,
  * routes will only be checked for matches if they're part of the current
- * origin. This means that the pattern is limited to checking `pathname` and
- * `search`.
+ * origin. This means the pattern is limited to checking `pathname`, `search`
+ * and `hash`.
  */
 export interface URLPatternRouteConfig extends BaseRouteConfig {
     pattern: URLPatternLike;
@@ -50,19 +50,46 @@ export interface URLPatternLike {
      * the groups object alone cannot (see `tailOf`).
      */
     readonly pathname: string;
-    test(input: {
-        pathname: string;
-    }): boolean;
-    exec(input: {
-        pathname: string;
-    }): {
+    /**
+     * The hash pattern string. `'*'` means the route places no constraint on the
+     * fragment, which is what `URLPattern` fills in for any component the caller
+     * omits. `Router` reads this to decide whether a fragment-only navigation is
+     * its business or the browser's.
+     */
+    readonly hash: string;
+    test(input: RouteLocation): boolean;
+    exec(input: RouteLocation): {
         pathname: {
             groups: {
                 [key: string]: string | undefined;
             };
         };
+        search: {
+            groups: {
+                [key: string]: string | undefined;
+            };
+        };
+        hash: {
+            groups: {
+                [key: string]: string | undefined;
+            };
+        };
     } | null;
 }
+/**
+ * The parts of a location this router matches against, split out of a path
+ * string by `parseLocation`.
+ *
+ * `search` and `hash` carry no leading `?` or `#`. `URLPattern` canonicalises
+ * either form away on an init input, but only for a real `URLPattern` — the
+ * structural `URLPatternLike` above admits other implementations, so the
+ * delimiters are stripped here rather than left to the pattern.
+ */
+export interface RouteLocation {
+    pathname: string;
+    search: string;
+    hash: string;
+}
 /**
  * A description of a route, which path or pattern to match against, and a
  * render() callback used to render a match to the outlet.
@@ -89,6 +116,15 @@ export declare class Routes implements ReactiveController {
     private _gotoSeq;
     private _currentPathname;
     private _currentTail;
+    /**
+     * The search and hash of the current location.
+     *
+     * Ambient rather than tailed: only the pathname nests, so a child controller
+     * is handed the parent's tail as its pathname but the *same* search and
+     * hash. There is no meaningful way to split a fragment across a route tree.
+     */
+    private _currentSearch;
+    private _currentHash;
     private _currentRoute;
     private _currentParams;
     /**
@@ -119,7 +155,7 @@ export declare class Routes implements ReactiveController {
      * and the outlet ends up on a route the URL has already left. `Router`
      * threads `NavigateEvent.signal` through for exactly this reason.
      */
-    goto(pathname: string, options?: {
+    goto(path: string, options?: {
         signal?: AbortSignal;
     }): Promise<void>;
     /**
@@ -161,7 +197,21 @@ export declare class Routes implements ReactiveController {
      */
     private _supersede;
     /**
-     * True when this controller can render `pathname` — i.e. a route matches, or
+     * True when this controller, or any controller below it, has a route that
+     * constrains the hash.
+     *
+     * `Router` gates interception of fragment-only navigation on this. Left
+     * ungated, a pathname-only app would have every in-page anchor swallowed and
+     * re-rendered instead of scrolled; gated, such an app behaves exactly as it
+     * did before hash routes existed.
+     *
+     * Walks children because a nested controller may route on the hash while the
+     * top-level `Router` does not — and only the top-level one sees the
+     * navigate event.
+     */
+    protected _constrainsHash(seen?: Set<Routes>): boolean;
+    /**
+     * True when this controller can render `path` — i.e. a route matches, or
      * a fallback is configured.
      *
      * `Router` gates interception on this: intercepting a path we cannot render
@@ -169,7 +219,7 @@ export declare class Routes implements ReactiveController {
      * moved and the outlet stale. Letting the browser handle it instead means a
      * server-rendered page, an export endpoint, or a GET form still works.
      */
-    hasRouteFor(pathname: string): boolean;
+    hasRouteFor(path: string): boolean;
     /**
      * Matches `pathname` against the installed routes and returns the first match
      * with its parsed parameters, or the fallback's match if one is configured.

package/development/routes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"routes.d.ts","sourceRoot":"","sources":["../src/routes.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"routes.d.ts","sourceRoot":"","sources":["../src/routes.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,KAAK,EAAC,kBAAkB,EAAE,sBAAsB,EAAC,MAAM,KAAK,CAAC;AAEpE,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;KAAC,KAAK,OAAO,CAAC;IAClE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE;QACf,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;KACnC,KAAK,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;CAClC;AAED;;;GAGG;AACH,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,qBAAsB,SAAQ,eAAe;IAC5D,OAAO,EAAE,cAAc,CAAC;CACzB;AAED;;;;;;;;;GASG;AACH,MAAM,WAAW,cAAc;IAC7B;;;;OAIG;IACH,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B;;;;;OAKG;IACH,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO,CAAC;IACpC,IAAI,CAAC,KAAK,EAAE,aAAa,GAAG;QAC1B,QAAQ,EAAE;YAAC,MAAM,EAAE;gBAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;aAAC,CAAA;SAAC,CAAC;QACxD,MAAM,EAAE;YAAC,MAAM,EAAE;gBAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;aAAC,CAAA;SAAC,CAAC;QACtD,IAAI,EAAE;YAAC,MAAM,EAAE;gBAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;aAAC,CAAA;SAAC,CAAC;KACrD,GAAG,IAAI,CAAC;CACV;AAED;;;;;;;;GAQG;AACH,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AA4BD;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,qBAAqB,CAAC;AA+DlE;;;GAGG;AACH,qBAAa,MAAO,YAAW,kBAAkB;IAC/C,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAuC;IAkB7D,MAAM,EAAE,KAAK,CAAC,WAAW,CAAC,CAAM;IAEhC;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAC;IAM3B,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAqB;IAElD,OAAO,CAAC,aAAa,CAAqB;IAS1C,qEAAqE;IACrE,OAAO,CAAC,QAAQ,CAAK;IAErB,OAAO,CAAC,gBAAgB,CAAqB;IAC7C,OAAO,CAAC,YAAY,CAAqB;IACzC;;;;;;OAMG;IACH,OAAO,CAAC,cAAc,CAAM;IAC5B,OAAO,CAAC,YAAY,CAAM;IAC1B,OAAO,CAAC,aAAa,CAA0B;IAC/C,OAAO,CAAC,cAAc,CAEf;IAEP;;;;;OAKG;IAGH,OAAO,CAAC,aAAa,CAA2B;gBAG9C,IAAI,EAAE,sBAAsB,GAAG,WAAW,EAC1C,MAAM,EAAE,KAAK,CAAC,WAAW,CAAC,EAC1B,OAAO,CAAC,EAAE;QAAC,QAAQ,CAAC,EAAE,eAAe,CAAA;KAAC;IAOxC;;;OAGG;IACH,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM;IAW/B;;;;;;;;;;;;OAYG;IACG,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAC,MAAM,CAAC,EAAE,WAAW,CAAA;KAAC;IA+EzD;;OAEG;IACH,MAAM;IAIN;;OAEG;IACH,IAAI,MAAM;;MAET;IAED;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,OAAO,CAAC,WAAW;IAoBnB;;;OAGG;IACH,OAAO,CAAC,UAAU;IAqBlB;;;;;;;;;;;;OAYG;IACH,SAAS,CAAC,eAAe,CAAC,IAAI,GAAE,GAAG,CAAC,MAAM,CAAa,GAAG,OAAO;IAYjE;;;;;;;;OAQG;IACH,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAclC;;;;;;;OAOG;IACH,OAAO,CAAC,MAAM;IAyCd,aAAa;IAUb,gBAAgB;IAkBhB,OAAO,CAAC,kBAAkB,CAwBxB;CACH;AAED;;;GAGG;AACH,qBAAa,oBAAqB,SAAQ,KAAK;IAC7C,MAAM,CAAC,QAAQ,CAAC,SAAS,0BAA0B;IACnD,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;gBAEd,MAAM,EAAE,MAAM;CAQ3B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,mBAAmB;QAC3B,CAAC,oBAAoB,CAAC,SAAS,CAAC,EAAE,oBAAoB,CAAC;KACxD;CACF"}

package/development/routes.js

@@ -5,6 +5,26 @@
  *
  * Modifications Copyright 2026 VanLandingham Labs, same license. See NOTICE.md.
  */
+/**
+ * Splits `path` into the components a pattern is matched against.
+ *
+ * Deliberately not `new URL(path, origin)`: a nested controller's path is a
+ * *tail* — a bare relative segment like `abc` — which `URL` would resolve
+ * against the current directory and mangle.
+ */
+const parseLocation = (path) => {
+    const hashIndex = path.indexOf('#');
+    const hash = hashIndex === -1 ? '' : path.slice(hashIndex + 1);
+    const beforeHash = hashIndex === -1 ? path : path.slice(0, hashIndex);
+    const searchIndex = beforeHash.indexOf('?');
+    return {
+        pathname: searchIndex === -1 ? beforeHash : beforeHash.slice(0, searchIndex),
+        search: searchIndex === -1 ? '' : beforeHash.slice(searchIndex + 1),
+        hash,
+    };
+};
+/** Re-attaches `search` and `hash` to a pathname. Inverse of `parseLocation`. */
+const formatLocation = (pathname, { search, hash }) => pathname + (search === '' ? '' : `?${search}`) + (hash === '' ? '' : `#${hash}`);
 // A cache of URLPatterns created for PathRouteConfig.
 // Rather than converting all given RoutConfigs to URLPatternRouteConfig, this
 // lets us make `routes` mutable so users can add new PathRouteConfigs
@@ -105,6 +125,15 @@ export class Routes {
     _gotoSeq = 0;
     _currentPathname;
     _currentTail;
+    /**
+     * The search and hash of the current location.
+     *
+     * Ambient rather than tailed: only the pathname nests, so a child controller
+     * is handed the parent's tail as its pathname but the *same* search and
+     * hash. There is no meaningful way to split a fragment across a route tree.
+     */
+    _currentSearch = '';
+    _currentHash = '';
     _currentRoute;
     _currentParams = {};
     /**
@@ -148,12 +177,10 @@ export class Routes {
      * and the outlet ends up on a route the URL has already left. `Router`
      * threads `NavigateEvent.signal` through for exactly this reason.
      */
-    async goto(pathname, options) {
+    async goto(path, options) {
         // TODO (justinfagnani): handle absolute vs relative paths separately.
-        // TODO (justinfagnani): generalize this to handle query params and
-        // fragments. It currently only handles path names because it's easier to
-        // completely disregard the origin for now. The click handler only does
-        // an in-page navigation if the origin matches anyway.
+        const location = parseLocation(path);
+        const { pathname } = location;
         // Last-goto-wins, per controller. The navigation signal alone is not
         // enough: a child controller mounts as a *result* of its parent's render,
         // so its first goto() comes from `_onRoutesConnected` — after the parent's
@@ -173,9 +200,9 @@ export class Routes {
             this._currentParams = { 0: tail };
         }
         else {
-            const match = this._match(pathname);
+            const match = this._match(location);
             if (match === undefined) {
-                throw new Error(`No route found for ${pathname}`);
+                throw new Error(`No route found for ${path}`);
             }
             const { route, params } = match;
             tail = match.tail;
@@ -200,6 +227,8 @@ export class Routes {
                     : pathname.substring(0, pathname.length - tail.length);
         }
         this._currentTail = tail;
+        this._currentSearch = location.search;
+        this._currentHash = location.hash;
         // Propagate the tail match to children — deliberately NOT awaited.
         //
         // Awaiting looks like it would make `navigation.finished` cover the whole
@@ -258,11 +287,19 @@ export class Routes {
      * replacement. Supersession is the counter's job.
      */
     _routeChild(child, tail) {
-        if (tail === undefined || !child.hasRouteFor(tail)) {
+        if (tail === undefined) {
             child._supersede();
             return;
         }
-        void child.goto(tail).catch((err) => {
+        const childPath = formatLocation(tail, {
+            search: this._currentSearch,
+            hash: this._currentHash,
+        });
+        if (!child.hasRouteFor(childPath)) {
+            child._supersede();
+            return;
+        }
+        void child.goto(childPath).catch((err) => {
             queueMicrotask(() => {
                 throw err;
             });
@@ -293,7 +330,29 @@ export class Routes {
         }
     }
     /**
-     * True when this controller can render `pathname` — i.e. a route matches, or
+     * True when this controller, or any controller below it, has a route that
+     * constrains the hash.
+     *
+     * `Router` gates interception of fragment-only navigation on this. Left
+     * ungated, a pathname-only app would have every in-page anchor swallowed and
+     * re-rendered instead of scrolled; gated, such an app behaves exactly as it
+     * did before hash routes existed.
+     *
+     * Walks children because a nested controller may route on the hash while the
+     * top-level `Router` does not — and only the top-level one sees the
+     * navigate event.
+     */
+    _constrainsHash(seen = new Set()) {
+        // Cycle guard, matching `_supersede`; see the note there.
+        if (seen.has(this)) {
+            return false;
+        }
+        seen.add(this);
+        return (this.routes.some((r) => getPattern(r).hash !== '*') ||
+            this._childRoutes.some((c) => c._constrainsHash(seen)));
+    }
+    /**
+     * True when this controller can render `path` — i.e. a route matches, or
      * a fallback is configured.
      *
      * `Router` gates interception on this: intercepting a path we cannot render
@@ -301,7 +360,7 @@ export class Routes {
      * moved and the outlet stale. Letting the browser handle it instead means a
      * server-rendered page, an export endpoint, or a GET form still works.
      */
-    hasRouteFor(pathname) {
+    hasRouteFor(path) {
         // A fallback matches everything, and a controller with no routes of its own
         // behaves as if it had a single `/*` route (goto()'s special case). Either
         // way the answer is yes without running a single pattern — worth
@@ -311,7 +370,8 @@ export class Routes {
         }
         // `test()`, not `_match()`: this only needs the yes/no, and `exec()` pays
         // ~8x on a hit to build a groups object the caller would throw away.
-        return this.routes.some((r) => getPattern(r).test({ pathname }));
+        const location = parseLocation(path);
+        return this.routes.some((r) => getPattern(r).test(location));
     }
     /**
      * Matches `pathname` against the installed routes and returns the first match
@@ -321,12 +381,25 @@ export class Routes {
      * extract: that ran the winning pattern twice, and every caller that wants a
      * route wants its params too.
      */
-    _match(pathname) {
+    _match(location) {
         for (const route of this.routes) {
-            const result = getPattern(route).exec({ pathname });
+            const result = getPattern(route).exec(location);
             if (result !== null) {
-                const params = result.pathname.groups;
-                return { route, params, tail: tailOf(route, params) };
+                const params = {
+                    ...result.pathname.groups,
+                };
+                // Named groups only. A positional group is keyed by index in every
+                // component independently, so `/child/*` with a hash of `*` yields a
+                // "0" in both — and `tailOf` picks the tail by highest numeric key.
+                // Merging them would let a fragment masquerade as the tail.
+                for (const groups of [result.search.groups, result.hash.groups]) {
+                    for (const [key, value] of Object.entries(groups)) {
+                        if (!/^\d+$/.test(key)) {
+                            params[key] = value;
+                        }
+                    }
+                }
+                return { route, params, tail: tailOf(route, result.pathname.groups) };
             }
         }
         if (this.fallback === undefined) {
@@ -338,6 +411,7 @@ export class Routes {
         // nested controller is handed its tail *without* a leading slash, which
         // `/*` does not match, so a nested fallback matched nothing — empty
         // params, no tail, and its own children never routed.
+        const { pathname } = location;
         const tail = pathname.startsWith('/') ? pathname.slice(1) : pathname;
         return { route: { ...this.fallback, path: '/*' }, params: { 0: tail }, tail };
     }

package/development/routes.js.map

@@ -1 +1 @@
-{"version":3,"file":"routes.js","sourceRoot":"","sources":["../src/routes.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n *\n * Modifications Copyright 2026 VanLandingham Labs, same license. See NOTICE.md.\n */\n\n/// <reference types=\"urlpattern-polyfill\" />\n\nimport type {ReactiveController, ReactiveControllerHost} from 'lit';\n\nexport interface BaseRouteConfig {\n  name?: string | undefined;\n  render?: (params: {[key: string]: string | undefined}) => unknown;\n  enter?: (params: {\n    [key: string]: string | undefined;\n  }) => Promise<boolean> | boolean;\n}\n\n/**\n * A RouteConfig that matches against a `path` string. `path` must be a\n * [`URLPattern` compatible pathname pattern](https://developer.mozilla.org/en-US/docs/Web/API/URLPattern/pathname).\n */\nexport interface PathRouteConfig extends BaseRouteConfig {\n  path: string;\n}\n\n/**\n * A RouteConfig that matches against a given [`URLPattern`](https://developer.mozilla.org/en-US/docs/Web/API/URLPattern)\n *\n * While `URLPattern` can match against protocols, hostnames, and ports,\n * routes will only be checked for matches if they're part of the current\n * origin. This means that the pattern is limited to checking `pathname` and\n * `search`.\n */\nexport interface URLPatternRouteConfig extends BaseRouteConfig {\n  pattern: URLPatternLike;\n}\n\n/**\n * The part of `URLPattern` this router uses.\n *\n * Declared structurally rather than referencing the global so the emitted\n * `.d.ts` is self-contained: the `/// <reference types=\"urlpattern-polyfill\" />`\n * above is not carried into declaration output, and `URLPattern` is not in\n * TypeScript's bundled `lib.dom`, so a published package typed against the\n * global fails a consumer build with `TS2304: Cannot find name 'URLPattern'`.\n * A real `URLPattern` satisfies this, so passing one still type-checks.\n */\nexport interface URLPatternLike {\n  /**\n   * The pathname pattern string, as `URLPattern.prototype.pathname` returns\n   * it. Read to tell a trailing wildcard from any other positional group —\n   * the groups object alone cannot (see `tailOf`).\n   */\n  readonly pathname: string;\n  test(input: {pathname: string}): boolean;\n  exec(input: {pathname: string}): {\n    pathname: {groups: {[key: string]: string | undefined}};\n  } | null;\n}\n\n/**\n * A description of a route, which path or pattern to match against, and a\n * render() callback used to render a match to the outlet.\n */\nexport type RouteConfig = PathRouteConfig | URLPatternRouteConfig;\n\n// A cache of URLPatterns created for PathRouteConfig.\n// Rather than converting all given RoutConfigs to URLPatternRouteConfig, this\n// lets us make `routes` mutable so users can add new PathRouteConfigs\n// dynamically.\nconst patternCache = new WeakMap<PathRouteConfig, URLPatternLike>();\n\nconst isPatternConfig = (route: RouteConfig): route is URLPatternRouteConfig =>\n  (route as URLPatternRouteConfig).pattern !== undefined;\n\nconst getPattern = (route: RouteConfig): URLPatternLike => {\n  if (isPatternConfig(route)) {\n    return route.pattern;\n  }\n  let pattern = patternCache.get(route);\n  if (pattern === undefined) {\n    patternCache.set(route, (pattern = new URLPattern({pathname: route.path})));\n  }\n  return pattern;\n};\n\n/**\n * Matches a pathname pattern that ends in a wildcard, in the forms\n * `URLPattern.prototype.pathname` regenerates one: a bare `*` — which a\n * trailing `(.*)` also normalises to — or `{*}`, which the generator emits for\n * a wildcard after a modified group, e.g. `/docs{/}?*`. Either may be\n * optional (`*?`). Not a wildcard: an escaped `\\*`, or a `*` that is the\n * modifier on a group (`(\\d+)*`, `{/}*`) or on a named param (`:rest*`).\n * Those exclusions matter when an earlier positional group exists —\n * `/x/(\\d+)/:rest*` — since that group would otherwise be taken for the tail.\n */\nconst TRAILING_WILDCARD = /(?:(?<![\\\\)}]|:[\\w$]+)\\*|\\{\\*\\})\\??$/;\n\n/**\n * The tail of a match — what a trailing wildcard (`/foo/*`) captured — or\n * undefined when the pattern has none.\n *\n * Decided from the pattern, not from the groups object: an unnamed regex group\n * (`/post/(\\d+)`) and a wildcard that is not last (`/foo/*` followed by\n * `/bar`) are keyed by index exactly as a tail is, and reading either as one\n * truncated `link()` and handed a child the wrong segment. When a trailing\n * wildcard is present it is the last group in the pattern, so its key is the\n * highest positional index.\n */\nconst tailOf = (\n  route: RouteConfig,\n  params: {[key: string]: string | undefined}\n): string | undefined => {\n  if (!TRAILING_WILDCARD.test(getPattern(route).pathname)) {\n    return undefined;\n  }\n  let tailIndex = -1;\n  for (const key of Object.keys(params)) {\n    // Numeric, not lexicographic: '9' sorts above '10' as a string, so a\n    // pattern with eleven or more wildcards picked group 9 as its tail.\n    if (/^\\d+$/.test(key) && Number(key) > tailIndex) {\n      tailIndex = Number(key);\n    }\n  }\n  return tailIndex < 0 ? undefined : params[String(tailIndex)];\n};\n\n/**\n * A reactive controller that performs location-based routing using a\n * configuration of URL patterns and associated render callbacks.\n */\nexport class Routes implements ReactiveController {\n  private readonly _host: ReactiveControllerHost & HTMLElement;\n\n  /*\n   * The currently installed set of routes in precedence order.\n   *\n   * This array is mutable. To dynamically add a new route you can write:\n   *\n   * ```ts\n   * this._routes.routes.push({\n   *   path: '/foo',\n   *   render: () => html`<p>Foo</p>`,\n   * });\n   * ```\n   *\n   * Mutating this property does not trigger any route transitions. If the\n   * changes may result is a different route matching for the current path, you\n   * must instigate a route update with `goto()`.\n   */\n  routes: Array<RouteConfig> = [];\n\n  /**\n   * A default fallback route which will always be matched if none of the\n   * {@link routes} match. Behaves like a `/*` route: `params[0]` is the whole\n   * pathname minus its leading slash, and is handed to child controllers as\n   * their tail. A nested controller's own pathname is a tail, with no leading\n   * slash; the fallback accepts that too.\n   */\n  fallback?: BaseRouteConfig;\n\n  /*\n   * The current set of child Routes controllers. These are connected via\n   * the routes-connected event.\n   */\n  private readonly _childRoutes: Array<Routes> = [];\n\n  private _parentRoutes: Routes | undefined;\n\n  /*\n   * State related to the current matching route.\n   *\n   * We keep this so that consuming code can access current parameters, and so\n   * that we can propagate tail matches to child routes if they are added after\n   * navigation / matching.\n   */\n  /** Monotonic goto counter; see the last-goto-wins note in goto(). */\n  private _gotoSeq = 0;\n\n  private _currentPathname: string | undefined;\n  private _currentTail: string | undefined;\n  private _currentRoute: RouteConfig | undefined;\n  private _currentParams: {\n    [key: string]: string | undefined;\n  } = {};\n\n  /**\n   * Callback to call when this controller is disconnected.\n   *\n   * It's critical to call this immediately in hostDisconnected so that this\n   * controller instance doesn't receive a tail match meant for another route.\n   */\n  // TODO (justinfagnani): Do we need this now that we have a direct reference\n  // to the parent? We can call `this._parentRoutes.disconnect(this)`.\n  private _onDisconnect: (() => void) | undefined;\n\n  constructor(\n    host: ReactiveControllerHost & HTMLElement,\n    routes: Array<RouteConfig>,\n    options?: {fallback?: BaseRouteConfig}\n  ) {\n    (this._host = host).addController(this);\n    this.routes = [...routes];\n    this.fallback = options?.fallback;\n  }\n\n  /**\n   * Returns a URL string of the current route, including parent routes,\n   * optionally replacing the local path with `pathname`.\n   */\n  link(pathname?: string): string {\n    if (pathname?.startsWith('/')) {\n      return pathname;\n    }\n    if (pathname?.startsWith('.')) {\n      throw new Error('Not implemented');\n    }\n    pathname ??= this._currentPathname;\n    return (this._parentRoutes?.link() ?? '') + pathname;\n  }\n\n  /**\n   * Navigates this routes controller to `pathname`.\n   *\n   * This does not navigate parent routes, so it isn't (yet) a general page\n   * navigation API. It does navigate child routes if pathname matches a\n   * pattern with a tail wildcard pattern (`/*`).\n   *\n   * Pass `options.signal` to make the navigation abandonable. `enter()` is\n   * awaited, so a second `goto()` can start — and finish — while the first is\n   * still resolving its route; without a signal the slower one commits last\n   * and the outlet ends up on a route the URL has already left. `Router`\n   * threads `NavigateEvent.signal` through for exactly this reason.\n   */\n  async goto(pathname: string, options?: {signal?: AbortSignal}) {\n    // TODO (justinfagnani): handle absolute vs relative paths separately.\n\n    // TODO (justinfagnani): generalize this to handle query params and\n    // fragments. It currently only handles path names because it's easier to\n    // completely disregard the origin for now. The click handler only does\n    // an in-page navigation if the origin matches anyway.\n    // Last-goto-wins, per controller. The navigation signal alone is not\n    // enough: a child controller mounts as a *result* of its parent's render,\n    // so its first goto() comes from `_onRoutesConnected` — after the parent's\n    // navigation has already finished, and therefore with a signal that will\n    // never abort. Without this counter a slow first child load commits over a\n    // newer one. This also keeps `Routes` correct when used on its own, with\n    // no `Router` and no Navigation API in the picture.\n    const seq = ++this._gotoSeq;\n    let tail: string | undefined;\n\n    if (this.routes.length === 0 && this.fallback === undefined) {\n      // If a routes controller has none of its own routes it acts like it has\n      // one route of `/*` so that it passes the whole pathname as a tail\n      // match.\n      tail = pathname;\n      this._currentPathname = '';\n      // Simulate a tail group with the whole pathname\n      this._currentParams = {0: tail};\n    } else {\n      const match = this._match(pathname);\n      if (match === undefined) {\n        throw new Error(`No route found for ${pathname}`);\n      }\n      const {route, params} = match;\n      tail = match.tail;\n      if (typeof route.enter === 'function') {\n        const success = await route.enter(params);\n        // If enter() returns false, cancel this navigation\n        if (success === false) {\n          return;\n        }\n      }\n      // A newer navigation superseded this one while `enter` was awaiting.\n      // Committing now would swap the outlet onto a route the URL has left.\n      if (options?.signal?.aborted === true || seq !== this._gotoSeq) {\n        return;\n      }\n      // Only update route state if the enter handler completes successfully\n      this._currentRoute = route;\n      this._currentParams = params;\n      this._currentPathname =\n        tail === undefined\n          ? pathname\n          : pathname.substring(0, pathname.length - tail.length);\n    }\n    this._currentTail = tail;\n\n    // Propagate the tail match to children — deliberately NOT awaited.\n    //\n    // Awaiting looks like it would make `navigation.finished` cover the whole\n    // tree, and an earlier revision of this fork did it. It is wrong twice\n    // over. At this point `requestUpdate()` has not run, so `_childRoutes`\n    // still holds the *outgoing* branch's controller: awaiting it gates the\n    // parent's outlet swap on an `enter()` for a tail that controller will\n    // never render (a hung one blocks the navigation forever), and if that\n    // child has no route for the new tail its `No route found` throw\n    // propagates out of here and `requestUpdate()` below never runs — URL\n    // committed, outlet stranded, i.e. this fork's own thesis bug one level\n    // down. Nested supersession is handled by the goto counter above, not by\n    // awaiting. `_routeChild` covers the per-child filtering and error policy.\n    //\n    // Runs whether or not there is a tail. A route without one has nothing for\n    // the children to render, but they must still be superseded — otherwise a\n    // child mid-`enter()` for the previous tail stays current and commits over\n    // a URL that has moved on.\n    for (const childRoutes of this._childRoutes) {\n      this._routeChild(childRoutes, tail);\n    }\n    this._host.requestUpdate();\n  }\n\n  /**\n   * The result of calling the current route's render() callback.\n   */\n  outlet() {\n    return this._currentRoute?.render?.(this._currentParams);\n  }\n\n  /**\n   * The current parsed route parameters.\n   */\n  get params() {\n    return this._currentParams;\n  }\n\n  /**\n   * Hands a tail match to a child controller. Shared by the propagation loop in\n   * `goto()` and the late-mount path in `_onRoutesConnected`, so that identical\n   * input cannot be silent on one and an uncaught global throw on the other.\n   *\n   * A child with no route for the new tail is the expected case, not an error —\n   * the outgoing branch mid-swap, or a deep link to a path the child cannot\n   * render. Filtered structurally rather than by swallowing every rejection, so\n   * a genuine `enter()` rejection still surfaces the way it does upstream.\n   * Skipping must still supersede: `goto()` is where the counter is bumped, so\n   * returning without it would leave an in-flight child navigation current,\n   * free to commit over a URL that has moved on. A parent route with no tail\n   * at all is the same case: nothing to route, but still something to stand\n   * down.\n   *\n   * No abort signal is threaded through, and the goto is deliberately not\n   * awaited. The parent commits its own state before children run, so a child\n   * handed an already-aborted signal stands down with no newer goto() arriving\n   * to correct it, leaving the nested outlet stuck — reachable, because a\n   * hash-only navigation aborts the outstanding one without producing a\n   * replacement. Supersession is the counter's job.\n   */\n  private _routeChild(child: Routes, tail: string | undefined) {\n    if (tail === undefined || !child.hasRouteFor(tail)) {\n      child._supersede();\n      return;\n    }\n    void child.goto(tail).catch((err) => {\n      queueMicrotask(() => {\n        throw err;\n      });\n    });\n  }\n\n  /**\n   * Invalidate any in-flight `goto()` on this controller without starting a\n   * new one. Same-class access, so `_gotoSeq` stays private to `Routes`.\n   */\n  private _supersede(seen: Set<Routes> = new Set()): void {\n    // Unreachable defence in depth. Upstream *can* produce a `_childRoutes`\n    // cycle — a host carrying two Routes controllers, disconnected and\n    // reconnected, ends up with each registered as the other's child — but\n    // `hostDisconnected` below removes the listener that causes it, and a test\n    // asserts the cycle cannot form. Kept because an unguarded recursive walk\n    // over a cycle is a stack overflow rather than a misrender.\n    if (seen.has(this)) {\n      return;\n    }\n    seen.add(this);\n    this._gotoSeq++;\n    // Recursive: on the navigating branch the child's own propagation loop\n    // reaches the grandchildren, but a skipped child never runs one — so\n    // without this an in-flight grandchild `enter()` stays current and commits\n    // over a URL that has moved on, the same defect one level deeper.\n    for (const child of this._childRoutes) {\n      child._supersede(seen);\n    }\n  }\n\n  /**\n   * True when this controller can render `pathname` — i.e. a route matches, or\n   * a fallback is configured.\n   *\n   * `Router` gates interception on this: intercepting a path we cannot render\n   * commits the URL and then throws out of `goto()`, leaving the address bar\n   * moved and the outlet stale. Letting the browser handle it instead means a\n   * server-rendered page, an export endpoint, or a GET form still works.\n   */\n  hasRouteFor(pathname: string): boolean {\n    // A fallback matches everything, and a controller with no routes of its own\n    // behaves as if it had a single `/*` route (goto()'s special case). Either\n    // way the answer is yes without running a single pattern — worth\n    // short-circuiting, since `Router` asks this on every navigation.\n    if (this.fallback !== undefined || this.routes.length === 0) {\n      return true;\n    }\n    // `test()`, not `_match()`: this only needs the yes/no, and `exec()` pays\n    // ~8x on a hit to build a groups object the caller would throw away.\n    return this.routes.some((r) => getPattern(r).test({pathname}));\n  }\n\n  /**\n   * Matches `pathname` against the installed routes and returns the first match\n   * with its parsed parameters, or the fallback's match if one is configured.\n   *\n   * One `exec()` per candidate rather than `test()` to select and `exec()` to\n   * extract: that ran the winning pattern twice, and every caller that wants a\n   * route wants its params too.\n   */\n  private _match(pathname: string):\n    | {\n        route: RouteConfig;\n        params: {[key: string]: string | undefined};\n        tail: string | undefined;\n      }\n    | undefined {\n    for (const route of this.routes) {\n      const result = getPattern(route).exec({pathname});\n      if (result !== null) {\n        const params = result.pathname.groups;\n        return {route, params, tail: tailOf(route, params)};\n      }\n    }\n    if (this.fallback === undefined) {\n      return undefined;\n    }\n    // The fallback route behaves like it has a \"/*\" path. This is hidden from\n    // the public API; the `path` is there to return a valid RouteConfig. The\n    // match itself is done by hand rather than with a real `/*` pattern: a\n    // nested controller is handed its tail *without* a leading slash, which\n    // `/*` does not match, so a nested fallback matched nothing — empty\n    // params, no tail, and its own children never routed.\n    const tail = pathname.startsWith('/') ? pathname.slice(1) : pathname;\n    return {route: {...this.fallback, path: '/*'}, params: {0: tail}, tail};\n  }\n\n  hostConnected() {\n    this._host.addEventListener(\n      RoutesConnectedEvent.eventName,\n      this._onRoutesConnected\n    );\n    const event = new RoutesConnectedEvent(this);\n    this._host.dispatchEvent(event);\n    this._onDisconnect = event.onDisconnect;\n  }\n\n  hostDisconnected() {\n    // Remove the listener hostConnected added. Without this a host that is\n    // disconnected and reconnected (a repeat() reorder, a tab swap) leaves the\n    // sibling controller's listener installed, so on the second connect it\n    // claims the re-dispatching controller as *its* child and the pair point\n    // at each other — a real `_childRoutes` cycle, which recursive walks turn\n    // into a stack overflow.\n    this._host.removeEventListener(\n      RoutesConnectedEvent.eventName,\n      this._onRoutesConnected\n    );\n    // When this child routes controller is disconnected because a parent\n    // outlet rendered a different template, disconnecting will ensure that\n    // this controller doesn't receive a tail match meant for another route.\n    this._onDisconnect?.();\n    this._parentRoutes = undefined;\n  }\n\n  private _onRoutesConnected = (e: RoutesConnectedEvent) => {\n    // Don't handle the event fired by this routes controller, which we get\n    // because we do this.dispatchEvent(...)\n    if (e.routes === this) {\n      return;\n    }\n\n    const childRoutes = e.routes;\n    this._childRoutes.push(childRoutes);\n    childRoutes._parentRoutes = this;\n\n    e.stopImmediatePropagation();\n    e.onDisconnect = () => {\n      const index = this._childRoutes.indexOf(childRoutes);\n      if (index !== -1) {\n        this._childRoutes.splice(index, 1);\n      }\n    };\n\n    // A child that mounts under an existing tail match has to be caught up to\n    // it — it missed the propagation loop in goto() that ran before it existed.\n    // With no tail there is nothing to catch up to, and `_routeChild` then only\n    // supersedes, a no-op on a freshly mounted child.\n    this._routeChild(childRoutes, this._currentTail);\n  };\n}\n\n/**\n * This event is fired from Routes controllers when their host is connected to\n * announce the child route and potentially connect to a parent routes controller.\n */\nexport class RoutesConnectedEvent extends Event {\n  static readonly eventName = 'lit-routes-connected';\n  readonly routes: Routes;\n  onDisconnect?: () => void;\n\n  constructor(routes: Routes) {\n    super(RoutesConnectedEvent.eventName, {\n      bubbles: true,\n      composed: true,\n      cancelable: false,\n    });\n    this.routes = routes;\n  }\n}\n\ndeclare global {\n  interface HTMLElementEventMap {\n    [RoutesConnectedEvent.eventName]: RoutesConnectedEvent;\n  }\n}\n"]}
+{"version":3,"file":"routes.js","sourceRoot":"","sources":["../src/routes.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n *\n * Modifications Copyright 2026 VanLandingham Labs, same license. See NOTICE.md.\n */\n\n/// <reference types=\"urlpattern-polyfill\" />\n\nimport type {ReactiveController, ReactiveControllerHost} from 'lit';\n\nexport interface BaseRouteConfig {\n  name?: string | undefined;\n  render?: (params: {[key: string]: string | undefined}) => unknown;\n  enter?: (params: {\n    [key: string]: string | undefined;\n  }) => Promise<boolean> | boolean;\n}\n\n/**\n * A RouteConfig that matches against a `path` string. `path` must be a\n * [`URLPattern` compatible pathname pattern](https://developer.mozilla.org/en-US/docs/Web/API/URLPattern/pathname).\n */\nexport interface PathRouteConfig extends BaseRouteConfig {\n  path: string;\n}\n\n/**\n * A RouteConfig that matches against a given [`URLPattern`](https://developer.mozilla.org/en-US/docs/Web/API/URLPattern)\n *\n * While `URLPattern` can match against protocols, hostnames, and ports,\n * routes will only be checked for matches if they're part of the current\n * origin. This means the pattern is limited to checking `pathname`, `search`\n * and `hash`.\n */\nexport interface URLPatternRouteConfig extends BaseRouteConfig {\n  pattern: URLPatternLike;\n}\n\n/**\n * The part of `URLPattern` this router uses.\n *\n * Declared structurally rather than referencing the global so the emitted\n * `.d.ts` is self-contained: the `/// <reference types=\"urlpattern-polyfill\" />`\n * above is not carried into declaration output, and `URLPattern` is not in\n * TypeScript's bundled `lib.dom`, so a published package typed against the\n * global fails a consumer build with `TS2304: Cannot find name 'URLPattern'`.\n * A real `URLPattern` satisfies this, so passing one still type-checks.\n */\nexport interface URLPatternLike {\n  /**\n   * The pathname pattern string, as `URLPattern.prototype.pathname` returns\n   * it. Read to tell a trailing wildcard from any other positional group —\n   * the groups object alone cannot (see `tailOf`).\n   */\n  readonly pathname: string;\n  /**\n   * The hash pattern string. `'*'` means the route places no constraint on the\n   * fragment, which is what `URLPattern` fills in for any component the caller\n   * omits. `Router` reads this to decide whether a fragment-only navigation is\n   * its business or the browser's.\n   */\n  readonly hash: string;\n  test(input: RouteLocation): boolean;\n  exec(input: RouteLocation): {\n    pathname: {groups: {[key: string]: string | undefined}};\n    search: {groups: {[key: string]: string | undefined}};\n    hash: {groups: {[key: string]: string | undefined}};\n  } | null;\n}\n\n/**\n * The parts of a location this router matches against, split out of a path\n * string by `parseLocation`.\n *\n * `search` and `hash` carry no leading `?` or `#`. `URLPattern` canonicalises\n * either form away on an init input, but only for a real `URLPattern` — the\n * structural `URLPatternLike` above admits other implementations, so the\n * delimiters are stripped here rather than left to the pattern.\n */\nexport interface RouteLocation {\n  pathname: string;\n  search: string;\n  hash: string;\n}\n\n/**\n * Splits `path` into the components a pattern is matched against.\n *\n * Deliberately not `new URL(path, origin)`: a nested controller's path is a\n * *tail* — a bare relative segment like `abc` — which `URL` would resolve\n * against the current directory and mangle.\n */\nconst parseLocation = (path: string): RouteLocation => {\n  const hashIndex = path.indexOf('#');\n  const hash = hashIndex === -1 ? '' : path.slice(hashIndex + 1);\n  const beforeHash = hashIndex === -1 ? path : path.slice(0, hashIndex);\n  const searchIndex = beforeHash.indexOf('?');\n  return {\n    pathname: searchIndex === -1 ? beforeHash : beforeHash.slice(0, searchIndex),\n    search: searchIndex === -1 ? '' : beforeHash.slice(searchIndex + 1),\n    hash,\n  };\n};\n\n/** Re-attaches `search` and `hash` to a pathname. Inverse of `parseLocation`. */\nconst formatLocation = (\n  pathname: string,\n  {search, hash}: {search: string; hash: string}\n): string =>\n  pathname + (search === '' ? '' : `?${search}`) + (hash === '' ? '' : `#${hash}`);\n\n/**\n * A description of a route, which path or pattern to match against, and a\n * render() callback used to render a match to the outlet.\n */\nexport type RouteConfig = PathRouteConfig | URLPatternRouteConfig;\n\n// A cache of URLPatterns created for PathRouteConfig.\n// Rather than converting all given RoutConfigs to URLPatternRouteConfig, this\n// lets us make `routes` mutable so users can add new PathRouteConfigs\n// dynamically.\nconst patternCache = new WeakMap<PathRouteConfig, URLPatternLike>();\n\nconst isPatternConfig = (route: RouteConfig): route is URLPatternRouteConfig =>\n  (route as URLPatternRouteConfig).pattern !== undefined;\n\nconst getPattern = (route: RouteConfig): URLPatternLike => {\n  if (isPatternConfig(route)) {\n    return route.pattern;\n  }\n  let pattern = patternCache.get(route);\n  if (pattern === undefined) {\n    patternCache.set(route, (pattern = new URLPattern({pathname: route.path})));\n  }\n  return pattern;\n};\n\n/**\n * Matches a pathname pattern that ends in a wildcard, in the forms\n * `URLPattern.prototype.pathname` regenerates one: a bare `*` — which a\n * trailing `(.*)` also normalises to — or `{*}`, which the generator emits for\n * a wildcard after a modified group, e.g. `/docs{/}?*`. Either may be\n * optional (`*?`). Not a wildcard: an escaped `\\*`, or a `*` that is the\n * modifier on a group (`(\\d+)*`, `{/}*`) or on a named param (`:rest*`).\n * Those exclusions matter when an earlier positional group exists —\n * `/x/(\\d+)/:rest*` — since that group would otherwise be taken for the tail.\n */\nconst TRAILING_WILDCARD = /(?:(?<![\\\\)}]|:[\\w$]+)\\*|\\{\\*\\})\\??$/;\n\n/**\n * The tail of a match — what a trailing wildcard (`/foo/*`) captured — or\n * undefined when the pattern has none.\n *\n * Decided from the pattern, not from the groups object: an unnamed regex group\n * (`/post/(\\d+)`) and a wildcard that is not last (`/foo/*` followed by\n * `/bar`) are keyed by index exactly as a tail is, and reading either as one\n * truncated `link()` and handed a child the wrong segment. When a trailing\n * wildcard is present it is the last group in the pattern, so its key is the\n * highest positional index.\n */\nconst tailOf = (\n  route: RouteConfig,\n  params: {[key: string]: string | undefined}\n): string | undefined => {\n  if (!TRAILING_WILDCARD.test(getPattern(route).pathname)) {\n    return undefined;\n  }\n  let tailIndex = -1;\n  for (const key of Object.keys(params)) {\n    // Numeric, not lexicographic: '9' sorts above '10' as a string, so a\n    // pattern with eleven or more wildcards picked group 9 as its tail.\n    if (/^\\d+$/.test(key) && Number(key) > tailIndex) {\n      tailIndex = Number(key);\n    }\n  }\n  return tailIndex < 0 ? undefined : params[String(tailIndex)];\n};\n\n/**\n * A reactive controller that performs location-based routing using a\n * configuration of URL patterns and associated render callbacks.\n */\nexport class Routes implements ReactiveController {\n  private readonly _host: ReactiveControllerHost & HTMLElement;\n\n  /*\n   * The currently installed set of routes in precedence order.\n   *\n   * This array is mutable. To dynamically add a new route you can write:\n   *\n   * ```ts\n   * this._routes.routes.push({\n   *   path: '/foo',\n   *   render: () => html`<p>Foo</p>`,\n   * });\n   * ```\n   *\n   * Mutating this property does not trigger any route transitions. If the\n   * changes may result is a different route matching for the current path, you\n   * must instigate a route update with `goto()`.\n   */\n  routes: Array<RouteConfig> = [];\n\n  /**\n   * A default fallback route which will always be matched if none of the\n   * {@link routes} match. Behaves like a `/*` route: `params[0]` is the whole\n   * pathname minus its leading slash, and is handed to child controllers as\n   * their tail. A nested controller's own pathname is a tail, with no leading\n   * slash; the fallback accepts that too.\n   */\n  fallback?: BaseRouteConfig;\n\n  /*\n   * The current set of child Routes controllers. These are connected via\n   * the routes-connected event.\n   */\n  private readonly _childRoutes: Array<Routes> = [];\n\n  private _parentRoutes: Routes | undefined;\n\n  /*\n   * State related to the current matching route.\n   *\n   * We keep this so that consuming code can access current parameters, and so\n   * that we can propagate tail matches to child routes if they are added after\n   * navigation / matching.\n   */\n  /** Monotonic goto counter; see the last-goto-wins note in goto(). */\n  private _gotoSeq = 0;\n\n  private _currentPathname: string | undefined;\n  private _currentTail: string | undefined;\n  /**\n   * The search and hash of the current location.\n   *\n   * Ambient rather than tailed: only the pathname nests, so a child controller\n   * is handed the parent's tail as its pathname but the *same* search and\n   * hash. There is no meaningful way to split a fragment across a route tree.\n   */\n  private _currentSearch = '';\n  private _currentHash = '';\n  private _currentRoute: RouteConfig | undefined;\n  private _currentParams: {\n    [key: string]: string | undefined;\n  } = {};\n\n  /**\n   * Callback to call when this controller is disconnected.\n   *\n   * It's critical to call this immediately in hostDisconnected so that this\n   * controller instance doesn't receive a tail match meant for another route.\n   */\n  // TODO (justinfagnani): Do we need this now that we have a direct reference\n  // to the parent? We can call `this._parentRoutes.disconnect(this)`.\n  private _onDisconnect: (() => void) | undefined;\n\n  constructor(\n    host: ReactiveControllerHost & HTMLElement,\n    routes: Array<RouteConfig>,\n    options?: {fallback?: BaseRouteConfig}\n  ) {\n    (this._host = host).addController(this);\n    this.routes = [...routes];\n    this.fallback = options?.fallback;\n  }\n\n  /**\n   * Returns a URL string of the current route, including parent routes,\n   * optionally replacing the local path with `pathname`.\n   */\n  link(pathname?: string): string {\n    if (pathname?.startsWith('/')) {\n      return pathname;\n    }\n    if (pathname?.startsWith('.')) {\n      throw new Error('Not implemented');\n    }\n    pathname ??= this._currentPathname;\n    return (this._parentRoutes?.link() ?? '') + pathname;\n  }\n\n  /**\n   * Navigates this routes controller to `pathname`.\n   *\n   * This does not navigate parent routes, so it isn't (yet) a general page\n   * navigation API. It does navigate child routes if pathname matches a\n   * pattern with a tail wildcard pattern (`/*`).\n   *\n   * Pass `options.signal` to make the navigation abandonable. `enter()` is\n   * awaited, so a second `goto()` can start — and finish — while the first is\n   * still resolving its route; without a signal the slower one commits last\n   * and the outlet ends up on a route the URL has already left. `Router`\n   * threads `NavigateEvent.signal` through for exactly this reason.\n   */\n  async goto(path: string, options?: {signal?: AbortSignal}) {\n    // TODO (justinfagnani): handle absolute vs relative paths separately.\n\n    const location = parseLocation(path);\n    const {pathname} = location;\n\n    // Last-goto-wins, per controller. The navigation signal alone is not\n    // enough: a child controller mounts as a *result* of its parent's render,\n    // so its first goto() comes from `_onRoutesConnected` — after the parent's\n    // navigation has already finished, and therefore with a signal that will\n    // never abort. Without this counter a slow first child load commits over a\n    // newer one. This also keeps `Routes` correct when used on its own, with\n    // no `Router` and no Navigation API in the picture.\n    const seq = ++this._gotoSeq;\n    let tail: string | undefined;\n\n    if (this.routes.length === 0 && this.fallback === undefined) {\n      // If a routes controller has none of its own routes it acts like it has\n      // one route of `/*` so that it passes the whole pathname as a tail\n      // match.\n      tail = pathname;\n      this._currentPathname = '';\n      // Simulate a tail group with the whole pathname\n      this._currentParams = {0: tail};\n    } else {\n      const match = this._match(location);\n      if (match === undefined) {\n        throw new Error(`No route found for ${path}`);\n      }\n      const {route, params} = match;\n      tail = match.tail;\n      if (typeof route.enter === 'function') {\n        const success = await route.enter(params);\n        // If enter() returns false, cancel this navigation\n        if (success === false) {\n          return;\n        }\n      }\n      // A newer navigation superseded this one while `enter` was awaiting.\n      // Committing now would swap the outlet onto a route the URL has left.\n      if (options?.signal?.aborted === true || seq !== this._gotoSeq) {\n        return;\n      }\n      // Only update route state if the enter handler completes successfully\n      this._currentRoute = route;\n      this._currentParams = params;\n      this._currentPathname =\n        tail === undefined\n          ? pathname\n          : pathname.substring(0, pathname.length - tail.length);\n    }\n    this._currentTail = tail;\n    this._currentSearch = location.search;\n    this._currentHash = location.hash;\n\n    // Propagate the tail match to children — deliberately NOT awaited.\n    //\n    // Awaiting looks like it would make `navigation.finished` cover the whole\n    // tree, and an earlier revision of this fork did it. It is wrong twice\n    // over. At this point `requestUpdate()` has not run, so `_childRoutes`\n    // still holds the *outgoing* branch's controller: awaiting it gates the\n    // parent's outlet swap on an `enter()` for a tail that controller will\n    // never render (a hung one blocks the navigation forever), and if that\n    // child has no route for the new tail its `No route found` throw\n    // propagates out of here and `requestUpdate()` below never runs — URL\n    // committed, outlet stranded, i.e. this fork's own thesis bug one level\n    // down. Nested supersession is handled by the goto counter above, not by\n    // awaiting. `_routeChild` covers the per-child filtering and error policy.\n    //\n    // Runs whether or not there is a tail. A route without one has nothing for\n    // the children to render, but they must still be superseded — otherwise a\n    // child mid-`enter()` for the previous tail stays current and commits over\n    // a URL that has moved on.\n    for (const childRoutes of this._childRoutes) {\n      this._routeChild(childRoutes, tail);\n    }\n    this._host.requestUpdate();\n  }\n\n  /**\n   * The result of calling the current route's render() callback.\n   */\n  outlet() {\n    return this._currentRoute?.render?.(this._currentParams);\n  }\n\n  /**\n   * The current parsed route parameters.\n   */\n  get params() {\n    return this._currentParams;\n  }\n\n  /**\n   * Hands a tail match to a child controller. Shared by the propagation loop in\n   * `goto()` and the late-mount path in `_onRoutesConnected`, so that identical\n   * input cannot be silent on one and an uncaught global throw on the other.\n   *\n   * A child with no route for the new tail is the expected case, not an error —\n   * the outgoing branch mid-swap, or a deep link to a path the child cannot\n   * render. Filtered structurally rather than by swallowing every rejection, so\n   * a genuine `enter()` rejection still surfaces the way it does upstream.\n   * Skipping must still supersede: `goto()` is where the counter is bumped, so\n   * returning without it would leave an in-flight child navigation current,\n   * free to commit over a URL that has moved on. A parent route with no tail\n   * at all is the same case: nothing to route, but still something to stand\n   * down.\n   *\n   * No abort signal is threaded through, and the goto is deliberately not\n   * awaited. The parent commits its own state before children run, so a child\n   * handed an already-aborted signal stands down with no newer goto() arriving\n   * to correct it, leaving the nested outlet stuck — reachable, because a\n   * hash-only navigation aborts the outstanding one without producing a\n   * replacement. Supersession is the counter's job.\n   */\n  private _routeChild(child: Routes, tail: string | undefined) {\n    if (tail === undefined) {\n      child._supersede();\n      return;\n    }\n    const childPath = formatLocation(tail, {\n      search: this._currentSearch,\n      hash: this._currentHash,\n    });\n    if (!child.hasRouteFor(childPath)) {\n      child._supersede();\n      return;\n    }\n    void child.goto(childPath).catch((err) => {\n      queueMicrotask(() => {\n        throw err;\n      });\n    });\n  }\n\n  /**\n   * Invalidate any in-flight `goto()` on this controller without starting a\n   * new one. Same-class access, so `_gotoSeq` stays private to `Routes`.\n   */\n  private _supersede(seen: Set<Routes> = new Set()): void {\n    // Unreachable defence in depth. Upstream *can* produce a `_childRoutes`\n    // cycle — a host carrying two Routes controllers, disconnected and\n    // reconnected, ends up with each registered as the other's child — but\n    // `hostDisconnected` below removes the listener that causes it, and a test\n    // asserts the cycle cannot form. Kept because an unguarded recursive walk\n    // over a cycle is a stack overflow rather than a misrender.\n    if (seen.has(this)) {\n      return;\n    }\n    seen.add(this);\n    this._gotoSeq++;\n    // Recursive: on the navigating branch the child's own propagation loop\n    // reaches the grandchildren, but a skipped child never runs one — so\n    // without this an in-flight grandchild `enter()` stays current and commits\n    // over a URL that has moved on, the same defect one level deeper.\n    for (const child of this._childRoutes) {\n      child._supersede(seen);\n    }\n  }\n\n  /**\n   * True when this controller, or any controller below it, has a route that\n   * constrains the hash.\n   *\n   * `Router` gates interception of fragment-only navigation on this. Left\n   * ungated, a pathname-only app would have every in-page anchor swallowed and\n   * re-rendered instead of scrolled; gated, such an app behaves exactly as it\n   * did before hash routes existed.\n   *\n   * Walks children because a nested controller may route on the hash while the\n   * top-level `Router` does not — and only the top-level one sees the\n   * navigate event.\n   */\n  protected _constrainsHash(seen: Set<Routes> = new Set()): boolean {\n    // Cycle guard, matching `_supersede`; see the note there.\n    if (seen.has(this)) {\n      return false;\n    }\n    seen.add(this);\n    return (\n      this.routes.some((r) => getPattern(r).hash !== '*') ||\n      this._childRoutes.some((c) => c._constrainsHash(seen))\n    );\n  }\n\n  /**\n   * True when this controller can render `path` — i.e. a route matches, or\n   * a fallback is configured.\n   *\n   * `Router` gates interception on this: intercepting a path we cannot render\n   * commits the URL and then throws out of `goto()`, leaving the address bar\n   * moved and the outlet stale. Letting the browser handle it instead means a\n   * server-rendered page, an export endpoint, or a GET form still works.\n   */\n  hasRouteFor(path: string): boolean {\n    // A fallback matches everything, and a controller with no routes of its own\n    // behaves as if it had a single `/*` route (goto()'s special case). Either\n    // way the answer is yes without running a single pattern — worth\n    // short-circuiting, since `Router` asks this on every navigation.\n    if (this.fallback !== undefined || this.routes.length === 0) {\n      return true;\n    }\n    // `test()`, not `_match()`: this only needs the yes/no, and `exec()` pays\n    // ~8x on a hit to build a groups object the caller would throw away.\n    const location = parseLocation(path);\n    return this.routes.some((r) => getPattern(r).test(location));\n  }\n\n  /**\n   * Matches `pathname` against the installed routes and returns the first match\n   * with its parsed parameters, or the fallback's match if one is configured.\n   *\n   * One `exec()` per candidate rather than `test()` to select and `exec()` to\n   * extract: that ran the winning pattern twice, and every caller that wants a\n   * route wants its params too.\n   */\n  private _match(location: RouteLocation):\n    | {\n        route: RouteConfig;\n        params: {[key: string]: string | undefined};\n        tail: string | undefined;\n      }\n    | undefined {\n    for (const route of this.routes) {\n      const result = getPattern(route).exec(location);\n      if (result !== null) {\n        const params: {[key: string]: string | undefined} = {\n          ...result.pathname.groups,\n        };\n        // Named groups only. A positional group is keyed by index in every\n        // component independently, so `/child/*` with a hash of `*` yields a\n        // \"0\" in both — and `tailOf` picks the tail by highest numeric key.\n        // Merging them would let a fragment masquerade as the tail.\n        for (const groups of [result.search.groups, result.hash.groups]) {\n          for (const [key, value] of Object.entries(groups)) {\n            if (!/^\\d+$/.test(key)) {\n              params[key] = value;\n            }\n          }\n        }\n        return {route, params, tail: tailOf(route, result.pathname.groups)};\n      }\n    }\n    if (this.fallback === undefined) {\n      return undefined;\n    }\n    // The fallback route behaves like it has a \"/*\" path. This is hidden from\n    // the public API; the `path` is there to return a valid RouteConfig. The\n    // match itself is done by hand rather than with a real `/*` pattern: a\n    // nested controller is handed its tail *without* a leading slash, which\n    // `/*` does not match, so a nested fallback matched nothing — empty\n    // params, no tail, and its own children never routed.\n    const {pathname} = location;\n    const tail = pathname.startsWith('/') ? pathname.slice(1) : pathname;\n    return {route: {...this.fallback, path: '/*'}, params: {0: tail}, tail};\n  }\n\n  hostConnected() {\n    this._host.addEventListener(\n      RoutesConnectedEvent.eventName,\n      this._onRoutesConnected\n    );\n    const event = new RoutesConnectedEvent(this);\n    this._host.dispatchEvent(event);\n    this._onDisconnect = event.onDisconnect;\n  }\n\n  hostDisconnected() {\n    // Remove the listener hostConnected added. Without this a host that is\n    // disconnected and reconnected (a repeat() reorder, a tab swap) leaves the\n    // sibling controller's listener installed, so on the second connect it\n    // claims the re-dispatching controller as *its* child and the pair point\n    // at each other — a real `_childRoutes` cycle, which recursive walks turn\n    // into a stack overflow.\n    this._host.removeEventListener(\n      RoutesConnectedEvent.eventName,\n      this._onRoutesConnected\n    );\n    // When this child routes controller is disconnected because a parent\n    // outlet rendered a different template, disconnecting will ensure that\n    // this controller doesn't receive a tail match meant for another route.\n    this._onDisconnect?.();\n    this._parentRoutes = undefined;\n  }\n\n  private _onRoutesConnected = (e: RoutesConnectedEvent) => {\n    // Don't handle the event fired by this routes controller, which we get\n    // because we do this.dispatchEvent(...)\n    if (e.routes === this) {\n      return;\n    }\n\n    const childRoutes = e.routes;\n    this._childRoutes.push(childRoutes);\n    childRoutes._parentRoutes = this;\n\n    e.stopImmediatePropagation();\n    e.onDisconnect = () => {\n      const index = this._childRoutes.indexOf(childRoutes);\n      if (index !== -1) {\n        this._childRoutes.splice(index, 1);\n      }\n    };\n\n    // A child that mounts under an existing tail match has to be caught up to\n    // it — it missed the propagation loop in goto() that ran before it existed.\n    // With no tail there is nothing to catch up to, and `_routeChild` then only\n    // supersedes, a no-op on a freshly mounted child.\n    this._routeChild(childRoutes, this._currentTail);\n  };\n}\n\n/**\n * This event is fired from Routes controllers when their host is connected to\n * announce the child route and potentially connect to a parent routes controller.\n */\nexport class RoutesConnectedEvent extends Event {\n  static readonly eventName = 'lit-routes-connected';\n  readonly routes: Routes;\n  onDisconnect?: () => void;\n\n  constructor(routes: Routes) {\n    super(RoutesConnectedEvent.eventName, {\n      bubbles: true,\n      composed: true,\n      cancelable: false,\n    });\n    this.routes = routes;\n  }\n}\n\ndeclare global {\n  interface HTMLElementEventMap {\n    [RoutesConnectedEvent.eventName]: RoutesConnectedEvent;\n  }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lit-navigation-router",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "A router for Lit built on the Navigation API. Fork of @lit-labs/router.",
   "license": "BSD-3-Clause",
   "repository": {

package/src/router.ts

@@ -48,6 +48,15 @@ interface NavigationLike {
 const getNavigation = (): NavigationLike | undefined =>
   (window as unknown as {navigation?: NavigationLike}).navigation;
 
+/**
+ * The current location as a path string, in the form `goto()` parses.
+ *
+ * Only the origin is dropped: this router matches within one origin, and
+ * `_onNavigate` declines anything else before it gets here.
+ */
+const currentPath = (): string =>
+  window.location.pathname + window.location.search + window.location.hash;
+
 /**
  * True when the Navigation API is available — Baseline Newly Available since
  * January 2026 (Chrome/Edge, Safari 26.2, Firefox 147).
@@ -128,7 +137,7 @@ export class Router extends Routes {
     // Surfaced rather than left as a bare unhandled rejection, matching the
     // convention in routes.ts: on an engine without the API this is the *only*
     // rendering path, and a deep link with no matching route throws here.
-    void this.goto(window.location.pathname).catch((err) => {
+    void this.goto(currentPath()).catch((err) => {
       queueMicrotask(() => {
         throw err;
       });
@@ -149,17 +158,21 @@ export class Router extends Routes {
    */
   private _onNavigate = (e: NavigateEventLike) => {
     // Not ours to handle: anything the browser says cannot be intercepted,
-    // fragment-only moves, downloads, and POST form submissions.
+    // downloads, and POST form submissions.
     //
     // `!= null`, not `!== null`: the spec types both as nullable-but-present,
     // but a polyfill that leaves either unset would make a strict check true
     // for every ordinary link and silently decline the whole app.
-    if (
-      !e.canIntercept ||
-      e.hashChange ||
-      e.downloadRequest != null ||
-      e.formData != null
-    ) {
+    if (!e.canIntercept || e.downloadRequest != null || e.formData != null) {
+      return;
+    }
+
+    // Fragment-only moves belong to the browser unless a route actually reads
+    // the fragment. Intercepting them unconditionally would cost every
+    // pathname-only app its native in-page scrolling — and re-render the same
+    // route to no effect — while declining them unconditionally is the
+    // lit/lit#3517 bug this router inherited.
+    if (e.hashChange && !this._constrainsHash()) {
       return;
     }
 
@@ -196,7 +209,8 @@ export class Router extends Routes {
     // throws "No route found", and the address bar is left pointing somewhere
     // the outlet never went. Declining lets the browser do the real
     // navigation, which is the correct outcome.
-    if (!this.hasRouteFor(url.pathname)) {
+    const path = url.pathname + url.search + url.hash;
+    if (!this.hasRouteFor(path)) {
       return;
     }
 
@@ -205,7 +219,7 @@ export class Router extends Routes {
       handler: async () => {
         // `e.signal` aborts if another navigation starts before this handler
         // resolves; goto() checks it after `enter()` and stands down.
-        await this.goto(url.pathname, {signal: e.signal});
+        await this.goto(path, {signal: e.signal});
       },
     });
   };

package/src/routes.ts

@@ -31,8 +31,8 @@ export interface PathRouteConfig extends BaseRouteConfig {
  *
  * While `URLPattern` can match against protocols, hostnames, and ports,
  * routes will only be checked for matches if they're part of the current
- * origin. This means that the pattern is limited to checking `pathname` and
- * `search`.
+ * origin. This means the pattern is limited to checking `pathname`, `search`
+ * and `hash`.
  */
 export interface URLPatternRouteConfig extends BaseRouteConfig {
   pattern: URLPatternLike;
@@ -55,12 +55,62 @@ export interface URLPatternLike {
    * the groups object alone cannot (see `tailOf`).
    */
   readonly pathname: string;
-  test(input: {pathname: string}): boolean;
-  exec(input: {pathname: string}): {
+  /**
+   * The hash pattern string. `'*'` means the route places no constraint on the
+   * fragment, which is what `URLPattern` fills in for any component the caller
+   * omits. `Router` reads this to decide whether a fragment-only navigation is
+   * its business or the browser's.
+   */
+  readonly hash: string;
+  test(input: RouteLocation): boolean;
+  exec(input: RouteLocation): {
     pathname: {groups: {[key: string]: string | undefined}};
+    search: {groups: {[key: string]: string | undefined}};
+    hash: {groups: {[key: string]: string | undefined}};
   } | null;
 }
 
+/**
+ * The parts of a location this router matches against, split out of a path
+ * string by `parseLocation`.
+ *
+ * `search` and `hash` carry no leading `?` or `#`. `URLPattern` canonicalises
+ * either form away on an init input, but only for a real `URLPattern` — the
+ * structural `URLPatternLike` above admits other implementations, so the
+ * delimiters are stripped here rather than left to the pattern.
+ */
+export interface RouteLocation {
+  pathname: string;
+  search: string;
+  hash: string;
+}
+
+/**
+ * Splits `path` into the components a pattern is matched against.
+ *
+ * Deliberately not `new URL(path, origin)`: a nested controller's path is a
+ * *tail* — a bare relative segment like `abc` — which `URL` would resolve
+ * against the current directory and mangle.
+ */
+const parseLocation = (path: string): RouteLocation => {
+  const hashIndex = path.indexOf('#');
+  const hash = hashIndex === -1 ? '' : path.slice(hashIndex + 1);
+  const beforeHash = hashIndex === -1 ? path : path.slice(0, hashIndex);
+  const searchIndex = beforeHash.indexOf('?');
+  return {
+    pathname: searchIndex === -1 ? beforeHash : beforeHash.slice(0, searchIndex),
+    search: searchIndex === -1 ? '' : beforeHash.slice(searchIndex + 1),
+    hash,
+  };
+};
+
+/** Re-attaches `search` and `hash` to a pathname. Inverse of `parseLocation`. */
+const formatLocation = (
+  pathname: string,
+  {search, hash}: {search: string; hash: string}
+): string =>
+  pathname + (search === '' ? '' : `?${search}`) + (hash === '' ? '' : `#${hash}`);
+
 /**
  * A description of a route, which path or pattern to match against, and a
  * render() callback used to render a match to the outlet.
@@ -182,6 +232,15 @@ export class Routes implements ReactiveController {
 
   private _currentPathname: string | undefined;
   private _currentTail: string | undefined;
+  /**
+   * The search and hash of the current location.
+   *
+   * Ambient rather than tailed: only the pathname nests, so a child controller
+   * is handed the parent's tail as its pathname but the *same* search and
+   * hash. There is no meaningful way to split a fragment across a route tree.
+   */
+  private _currentSearch = '';
+  private _currentHash = '';
   private _currentRoute: RouteConfig | undefined;
   private _currentParams: {
     [key: string]: string | undefined;
@@ -235,13 +294,12 @@ export class Routes implements ReactiveController {
    * and the outlet ends up on a route the URL has already left. `Router`
    * threads `NavigateEvent.signal` through for exactly this reason.
    */
-  async goto(pathname: string, options?: {signal?: AbortSignal}) {
+  async goto(path: string, options?: {signal?: AbortSignal}) {
     // TODO (justinfagnani): handle absolute vs relative paths separately.
 
-    // TODO (justinfagnani): generalize this to handle query params and
-    // fragments. It currently only handles path names because it's easier to
-    // completely disregard the origin for now. The click handler only does
-    // an in-page navigation if the origin matches anyway.
+    const location = parseLocation(path);
+    const {pathname} = location;
+
     // Last-goto-wins, per controller. The navigation signal alone is not
     // enough: a child controller mounts as a *result* of its parent's render,
     // so its first goto() comes from `_onRoutesConnected` — after the parent's
@@ -261,9 +319,9 @@ export class Routes implements ReactiveController {
       // Simulate a tail group with the whole pathname
       this._currentParams = {0: tail};
     } else {
-      const match = this._match(pathname);
+      const match = this._match(location);
       if (match === undefined) {
-        throw new Error(`No route found for ${pathname}`);
+        throw new Error(`No route found for ${path}`);
       }
       const {route, params} = match;
       tail = match.tail;
@@ -288,6 +346,8 @@ export class Routes implements ReactiveController {
           : pathname.substring(0, pathname.length - tail.length);
     }
     this._currentTail = tail;
+    this._currentSearch = location.search;
+    this._currentHash = location.hash;
 
     // Propagate the tail match to children — deliberately NOT awaited.
     //
@@ -350,11 +410,19 @@ export class Routes implements ReactiveController {
    * replacement. Supersession is the counter's job.
    */
   private _routeChild(child: Routes, tail: string | undefined) {
-    if (tail === undefined || !child.hasRouteFor(tail)) {
+    if (tail === undefined) {
+      child._supersede();
+      return;
+    }
+    const childPath = formatLocation(tail, {
+      search: this._currentSearch,
+      hash: this._currentHash,
+    });
+    if (!child.hasRouteFor(childPath)) {
       child._supersede();
       return;
     }
-    void child.goto(tail).catch((err) => {
+    void child.goto(childPath).catch((err) => {
       queueMicrotask(() => {
         throw err;
       });
@@ -387,7 +455,32 @@ export class Routes implements ReactiveController {
   }
 
   /**
-   * True when this controller can render `pathname` — i.e. a route matches, or
+   * True when this controller, or any controller below it, has a route that
+   * constrains the hash.
+   *
+   * `Router` gates interception of fragment-only navigation on this. Left
+   * ungated, a pathname-only app would have every in-page anchor swallowed and
+   * re-rendered instead of scrolled; gated, such an app behaves exactly as it
+   * did before hash routes existed.
+   *
+   * Walks children because a nested controller may route on the hash while the
+   * top-level `Router` does not — and only the top-level one sees the
+   * navigate event.
+   */
+  protected _constrainsHash(seen: Set<Routes> = new Set()): boolean {
+    // Cycle guard, matching `_supersede`; see the note there.
+    if (seen.has(this)) {
+      return false;
+    }
+    seen.add(this);
+    return (
+      this.routes.some((r) => getPattern(r).hash !== '*') ||
+      this._childRoutes.some((c) => c._constrainsHash(seen))
+    );
+  }
+
+  /**
+   * True when this controller can render `path` — i.e. a route matches, or
    * a fallback is configured.
    *
    * `Router` gates interception on this: intercepting a path we cannot render
@@ -395,7 +488,7 @@ export class Routes implements ReactiveController {
    * moved and the outlet stale. Letting the browser handle it instead means a
    * server-rendered page, an export endpoint, or a GET form still works.
    */
-  hasRouteFor(pathname: string): boolean {
+  hasRouteFor(path: string): boolean {
     // A fallback matches everything, and a controller with no routes of its own
     // behaves as if it had a single `/*` route (goto()'s special case). Either
     // way the answer is yes without running a single pattern — worth
@@ -405,7 +498,8 @@ export class Routes implements ReactiveController {
     }
     // `test()`, not `_match()`: this only needs the yes/no, and `exec()` pays
     // ~8x on a hit to build a groups object the caller would throw away.
-    return this.routes.some((r) => getPattern(r).test({pathname}));
+    const location = parseLocation(path);
+    return this.routes.some((r) => getPattern(r).test(location));
   }
 
   /**
@@ -416,7 +510,7 @@ export class Routes implements ReactiveController {
    * extract: that ran the winning pattern twice, and every caller that wants a
    * route wants its params too.
    */
-  private _match(pathname: string):
+  private _match(location: RouteLocation):
     | {
         route: RouteConfig;
         params: {[key: string]: string | undefined};
@@ -424,10 +518,23 @@ export class Routes implements ReactiveController {
       }
     | undefined {
     for (const route of this.routes) {
-      const result = getPattern(route).exec({pathname});
+      const result = getPattern(route).exec(location);
       if (result !== null) {
-        const params = result.pathname.groups;
-        return {route, params, tail: tailOf(route, params)};
+        const params: {[key: string]: string | undefined} = {
+          ...result.pathname.groups,
+        };
+        // Named groups only. A positional group is keyed by index in every
+        // component independently, so `/child/*` with a hash of `*` yields a
+        // "0" in both — and `tailOf` picks the tail by highest numeric key.
+        // Merging them would let a fragment masquerade as the tail.
+        for (const groups of [result.search.groups, result.hash.groups]) {
+          for (const [key, value] of Object.entries(groups)) {
+            if (!/^\d+$/.test(key)) {
+              params[key] = value;
+            }
+          }
+        }
+        return {route, params, tail: tailOf(route, result.pathname.groups)};
       }
     }
     if (this.fallback === undefined) {
@@ -439,6 +546,7 @@ export class Routes implements ReactiveController {
     // nested controller is handed its tail *without* a leading slash, which
     // `/*` does not match, so a nested fallback matched nothing — empty
     // params, no tail, and its own children never routed.
+    const {pathname} = location;
     const tail = pathname.startsWith('/') ? pathname.slice(1) : pathname;
     return {route: {...this.fallback, path: '/*'}, params: {0: tail}, tail};
   }