@benjavicente/angular-router-experimental 1.142.11 → 1.142.12

package/dist/fesm2022/tanstack-angular-router-experimental-experimental.mjs

@@ -1,91 +1,92 @@
+import "@tanstack/store";
 import * as e from "@angular/core";
-import { ChangeDetectionStrategy as t, DestroyRef as n, ElementRef as r, EnvironmentInjector as i, InjectionToken as a, Injector as o, Renderer2 as s, ViewContainerRef as c, afterNextRender as l, assertInInjectionContext as u, computed as d, effect as f, inject as p, input as m, inputBinding as h, isDevMode as g, linkedSignal as _, signal as ee, untracked as v } from "@angular/core";
-import { DOCUMENT as y } from "@angular/common";
-var b = Object.prototype.hasOwnProperty, x = Object.prototype.propertyIsEnumerable;
-function S(e, t, n = () => ({}), r = 0) {
+import { ChangeDetectionStrategy as t, DestroyRef as n, ElementRef as r, EnvironmentInjector as i, InjectionToken as a, Injector as o, Renderer2 as s, ViewContainerRef as c, afterNextRender as l, assertInInjectionContext as u, computed as d, effect as f, inject as p, input as m, inputBinding as h, isDevMode as g, linkedSignal as _, runInInjectionContext as ee, signal as v, untracked as y } from "@angular/core";
+import { DOCUMENT as te } from "@angular/common";
+var ne = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
+function re(e, t, n = () => ({}), r = 0) {
 	if (e === t) return e;
 	if (r > 500) return t;
-	let i = t, a = E(e) && E(i);
-	if (!a && !(w(e) && w(i))) return i;
-	let o = a ? e : C(e);
+	let i = t, a = w(e) && w(i);
+	if (!a && !(S(e) && S(i))) return i;
+	let o = a ? e : x(e);
 	if (!o) return i;
-	let s = a ? i : C(i);
+	let s = a ? i : x(i);
 	if (!s) return i;
 	let c = o.length, l = s.length, u = a ? Array(l) : n(), d = 0;
 	for (let t = 0; t < l; t++) {
 		let o = a ? t : s[t], l = e[o], f = i[o];
 		if (l === f) {
-			u[o] = l, (a ? t < c : b.call(e, o)) && d++;
+			u[o] = l, (a ? t < c : ne.call(e, o)) && d++;
 			continue;
 		}
 		if (l === null || f === null || typeof l != "object" || typeof f != "object") {
 			u[o] = f;
 			continue;
 		}
-		let p = S(l, f, n, r + 1);
+		let p = re(l, f, n, r + 1);
 		u[o] = p, p === l && d++;
 	}
 	return c === l && d === c ? e : u;
 }
-function C(e) {
+function x(e) {
 	let t = Object.getOwnPropertyNames(e);
-	for (let n of t) if (!x.call(e, n)) return !1;
+	for (let n of t) if (!b.call(e, n)) return !1;
 	let n = Object.getOwnPropertySymbols(e);
 	if (n.length === 0) return t;
 	let r = t;
 	for (let t of n) {
-		if (!x.call(e, t)) return !1;
+		if (!b.call(e, t)) return !1;
 		r.push(t);
 	}
 	return r;
 }
-function w(e) {
-	if (!T(e)) return !1;
+function S(e) {
+	if (!C(e)) return !1;
 	let t = e.constructor;
 	if (t === void 0) return !0;
 	let n = t.prototype;
-	return !(!T(n) || !n.hasOwnProperty("isPrototypeOf"));
+	return !(!C(n) || !n.hasOwnProperty("isPrototypeOf"));
 }
-function T(e) {
+function C(e) {
 	return Object.prototype.toString.call(e) === "[object Object]";
 }
-function E(e) {
+function w(e) {
 	return Array.isArray(e) && e.length === Object.keys(e).length;
 }
-function D(e, t, n) {
+function T(e, t, n) {
 	if (e === t) return !0;
 	if (typeof e != typeof t) return !1;
 	if (Array.isArray(e) && Array.isArray(t)) {
 		if (e.length !== t.length) return !1;
-		for (let r = 0, i = e.length; r < i; r++) if (!D(e[r], t[r], n)) return !1;
+		for (let r = 0, i = e.length; r < i; r++) if (!T(e[r], t[r], n)) return !1;
 		return !0;
 	}
-	if (w(e) && w(t)) {
+	if (S(e) && S(t)) {
 		let r = n?.ignoreUndefined ?? !0;
 		if (n?.partial) {
-			for (let i in t) if ((!r || t[i] !== void 0) && !D(e[i], t[i], n)) return !1;
+			for (let i in t) if ((!r || t[i] !== void 0) && !T(e[i], t[i], n)) return !1;
 			return !0;
 		}
 		let i = 0;
 		if (!r) i = Object.keys(e).length;
 		else for (let t in e) e[t] !== void 0 && i++;
 		let a = 0;
-		for (let o in t) if ((!r || t[o] !== void 0) && (a++, a > i || !D(e[o], t[o], n))) return !1;
+		for (let o in t) if ((!r || t[o] !== void 0) && (a++, a > i || !T(e[o], t[o], n))) return !1;
 		return i === a;
 	}
 	return !1;
 }
-function te() {
+function ie() {
 	throw Error("Invariant failed");
 }
-var O = 4, k = 5;
-function A(e) {
+var ae = 4, E = 5;
+function D(e) {
 	let t = e.indexOf("{");
 	if (t === -1) return null;
 	let n = e.indexOf("}", t);
 	return n === -1 || t + 1 >= e.length ? null : [t, n];
 }
-function ne(e, t, n = new Uint16Array(6)) {
+function oe(e, t, n = new Uint16Array(6)) {
 	let r = e.indexOf("/", t), i = r === -1 ? e.length : r, a = e.substring(t, i);
 	if (!a || !a.includes("$")) return n[0] = 0, n[1] = t, n[2] = t, n[3] = i, n[4] = i, n[5] = i, n;
 	if (a === "$") {
@@ -93,7 +94,7 @@ function ne(e, t, n = new Uint16Array(6)) {
 		return n[0] = 2, n[1] = t, n[2] = t, n[3] = r, n[4] = r, n[5] = r, n;
 	}
 	if (a.charCodeAt(0) === 36) return n[0] = 1, n[1] = t, n[2] = t + 1, n[3] = i, n[4] = i, n[5] = i, n;
-	let o = A(a);
+	let o = D(a);
 	if (o) {
 		let [r, s] = o, c = a.charCodeAt(r + 1);
 		if (c === 45) {
@@ -108,13 +109,13 @@ function ne(e, t, n = new Uint16Array(6)) {
 	}
 	return n[0] = 0, n[1] = t, n[2] = t, n[3] = i, n[4] = i, n[5] = i, n;
 }
-function re(e, t, n, r, i, a, o) {
+function se(e, t, n, r, i, a, o) {
 	o?.(n);
 	let s = r;
 	{
-		let r = n.fullPath ?? n.from, o = r.length, c = n.options?.caseSensitive ?? e, l = !!(n.options?.params?.parse && n.options?.skipRouteOnParseError?.params);
+		let r = n.fullPath ?? n.from, o = r.length, c = n.options?.caseSensitive ?? e, l = n.options?.params?.parse ?? n.options?.parseParams;
 		for (; s < o;) {
-			let e = ne(r, s, t), o, u = s, d = e[5];
+			let e = oe(r, s, t), o, u = s, d = e[5];
 			switch (s = d + 1, a++, e[0]) {
 				case 0: {
 					let t = r.substring(e[2], e[3]);
@@ -123,7 +124,7 @@ function re(e, t, n, r, i, a, o) {
 						if (e) o = e;
 						else {
 							i.static ??= /* @__PURE__ */ new Map();
-							let e = N(n.fullPath ?? n.from);
+							let e = A(n.fullPath ?? n.from);
 							e.parent = i, e.depth = a, o = e, i.static.set(t, e);
 						}
 					} else {
@@ -131,54 +132,53 @@ function re(e, t, n, r, i, a, o) {
 						if (r) o = r;
 						else {
 							i.staticInsensitive ??= /* @__PURE__ */ new Map();
-							let t = N(n.fullPath ?? n.from);
+							let t = A(n.fullPath ?? n.from);
 							t.parent = i, t.depth = a, o = t, i.staticInsensitive.set(e, t);
 						}
 					}
 					break;
 				}
 				case 1: {
-					let t = r.substring(u, e[1]), s = r.substring(e[4], d), f = c && !!(t || s), p = t ? f ? t : t.toLowerCase() : void 0, m = s ? f ? s : s.toLowerCase() : void 0, h = !l && i.dynamic?.find((e) => !e.skipOnParamError && e.caseSensitive === f && e.prefix === p && e.suffix === m);
+					let t = r.substring(u, e[1]), s = r.substring(e[4], d), f = c && !!(t || s), p = t ? f ? t : t.toLowerCase() : void 0, m = s ? f ? s : s.toLowerCase() : void 0, h = !l && i.dynamic?.find((e) => !e.parse && e.caseSensitive === f && e.prefix === p && e.suffix === m);
 					if (h) o = h;
 					else {
-						let e = P(1, n.fullPath ?? n.from, f, p, m);
+						let e = j(1, n.fullPath ?? n.from, f, p, m);
 						o = e, e.depth = a, e.parent = i, i.dynamic ??= [], i.dynamic.push(e);
 					}
 					break;
 				}
 				case 3: {
-					let t = r.substring(u, e[1]), s = r.substring(e[4], d), f = c && !!(t || s), p = t ? f ? t : t.toLowerCase() : void 0, m = s ? f ? s : s.toLowerCase() : void 0, h = !l && i.optional?.find((e) => !e.skipOnParamError && e.caseSensitive === f && e.prefix === p && e.suffix === m);
+					let t = r.substring(u, e[1]), s = r.substring(e[4], d), f = c && !!(t || s), p = t ? f ? t : t.toLowerCase() : void 0, m = s ? f ? s : s.toLowerCase() : void 0, h = !l && i.optional?.find((e) => !e.parse && e.caseSensitive === f && e.prefix === p && e.suffix === m);
 					if (h) o = h;
 					else {
-						let e = P(3, n.fullPath ?? n.from, f, p, m);
+						let e = j(3, n.fullPath ?? n.from, f, p, m);
 						o = e, e.parent = i, e.depth = a, i.optional ??= [], i.optional.push(e);
 					}
 					break;
 				}
 				case 2: {
-					let t = r.substring(u, e[1]), s = r.substring(e[4], d), l = c && !!(t || s), f = t ? l ? t : t.toLowerCase() : void 0, p = s ? l ? s : s.toLowerCase() : void 0, m = P(2, n.fullPath ?? n.from, l, f, p);
+					let t = r.substring(u, e[1]), s = r.substring(e[4], d), l = c && !!(t || s), f = t ? l ? t : t.toLowerCase() : void 0, p = s ? l ? s : s.toLowerCase() : void 0, m = j(2, n.fullPath ?? n.from, l, f, p);
 					o = m, m.parent = i, m.depth = a, i.wildcard ??= [], i.wildcard.push(m);
 				}
 			}
 			i = o;
 		}
 		if (l && n.children && !n.isRoot && n.id && n.id.charCodeAt(n.id.lastIndexOf("/") + 1) === 95) {
-			let e = N(n.fullPath ?? n.from);
-			e.kind = k, e.parent = i, a++, e.depth = a, i.pathless ??= [], i.pathless.push(e), i = e;
+			let e = A(n.fullPath ?? n.from);
+			e.kind = E, e.parent = i, a++, e.depth = a, i.pathless ??= [], i.pathless.push(e), i = e;
 		}
 		let u = (n.path || !n.children) && !n.isRoot;
 		if (u && r.endsWith("/")) {
-			let e = N(n.fullPath ?? n.from);
-			e.kind = O, e.parent = i, a++, e.depth = a, i.index = e, i = e;
+			let e = A(n.fullPath ?? n.from);
+			e.kind = ae, e.parent = i, a++, e.depth = a, i.index = e, i = e;
 		}
-		i.parse = n.options?.params?.parse ?? null, i.skipOnParamError = l, i.parsingPriority = n.options?.skipRouteOnParseError?.priority ?? 0, u && !i.route && (i.route = n, i.fullPath = n.fullPath ?? n.from);
+		i.parse = l ?? null, u && !i.route && (i.route = n, i.fullPath = n.fullPath ?? n.from);
 	}
-	if (n.children) for (let r of n.children) re(e, t, r, s, i, a, o);
+	if (n.children) for (let r of n.children) se(e, t, r, s, i, a, o);
 }
-function j(e, t) {
-	if (e.skipOnParamError && !t.skipOnParamError) return -1;
-	if (!e.skipOnParamError && t.skipOnParamError) return 1;
-	if (e.skipOnParamError && t.skipOnParamError && (e.parsingPriority || t.parsingPriority)) return t.parsingPriority - e.parsingPriority;
+function O(e, t) {
+	if (e.parse && !t.parse) return -1;
+	if (!e.parse && t.parse) return 1;
 	if (e.prefix && t.prefix && e.prefix !== t.prefix) {
 		if (e.prefix.startsWith(t.prefix)) return -1;
 		if (t.prefix.startsWith(e.prefix)) return 1;
@@ -189,24 +189,24 @@ function j(e, t) {
 	}
 	return e.prefix && !t.prefix ? -1 : !e.prefix && t.prefix ? 1 : e.suffix && !t.suffix ? -1 : !e.suffix && t.suffix ? 1 : e.caseSensitive && !t.caseSensitive ? -1 : !e.caseSensitive && t.caseSensitive ? 1 : 0;
 }
-function M(e) {
-	if (e.pathless) for (let t of e.pathless) M(t);
-	if (e.static) for (let t of e.static.values()) M(t);
-	if (e.staticInsensitive) for (let t of e.staticInsensitive.values()) M(t);
+function k(e) {
+	if (e.pathless) for (let t of e.pathless) k(t);
+	if (e.static) for (let t of e.static.values()) k(t);
+	if (e.staticInsensitive) for (let t of e.staticInsensitive.values()) k(t);
 	if (e.dynamic?.length) {
-		e.dynamic.sort(j);
-		for (let t of e.dynamic) M(t);
+		e.dynamic.sort(O);
+		for (let t of e.dynamic) k(t);
 	}
 	if (e.optional?.length) {
-		e.optional.sort(j);
-		for (let t of e.optional) M(t);
+		e.optional.sort(O);
+		for (let t of e.optional) k(t);
 	}
 	if (e.wildcard?.length) {
-		e.wildcard.sort(j);
-		for (let t of e.wildcard) M(t);
+		e.wildcard.sort(O);
+		for (let t of e.wildcard) k(t);
 	}
 }
-function N(e) {
+function A(e) {
 	return {
 		kind: 0,
 		depth: 0,
@@ -220,12 +220,10 @@ function N(e) {
 		route: null,
 		fullPath: e,
 		parent: null,
-		parse: null,
-		skipOnParamError: !1,
-		parsingPriority: 0
+		parse: null
 	};
 }
-function P(e, t, n, r, i) {
+function j(e, t, n, r, i) {
 	return {
 		kind: e,
 		depth: 0,
@@ -240,26 +238,24 @@ function P(e, t, n, r, i) {
 		fullPath: t,
 		parent: null,
 		parse: null,
-		skipOnParamError: !1,
-		parsingPriority: 0,
 		caseSensitive: n,
 		prefix: r,
 		suffix: i
 	};
 }
-function F(e) {
+function M(e) {
 	let t = e.length;
 	return t > 1 && e[t - 1] === "/" ? e.replace(/\/{1,}$/, "") : e;
 }
-function I(e, t) {
+function N(e, t) {
 	return e?.endsWith("/") && e !== "/" && e !== `${t}/` ? e.slice(0, -1) : e;
 }
-function ie(e, t, n) {
-	return I(e, n) === I(t, n);
+function ce(e, t, n) {
+	return N(e, n) === N(t, n);
 }
 JSON.parse, JSON.stringify, JSON.parse;
-var L = "__root__";
-function R(e, t) {
+var P = "__root__";
+function F(e, t) {
 	let n = t, r = e;
 	return {
 		fromLocation: n,
@@ -270,74 +266,77 @@ function R(e, t) {
 	};
 }
 Error, Error;
-var ae = "Error preloading route! ☝️";
-function oe(e) {
+var le = "Error preloading route! ☝️";
+function ue(e) {
 	if (typeof document < "u" && document.querySelector) {
-		let t = e.stores.location.state, n = t.state.__hashScrollIntoViewOptions ?? !0;
+		let t = e.stores.location.get(), n = t.state.__hashScrollIntoViewOptions ?? !0;
 		if (n && t.hash !== "") {
 			let e = document.getElementById(t.hash);
 			e && e.scrollIntoView(n);
 		}
 	}
 }
-var se = {
+var de = {
 	matchId: () => void 0,
 	routeId: () => void 0,
 	match: () => void 0,
 	hasPending: () => !1
-}, z = /* @__PURE__ */ new e.InjectionToken("MATCH_CONTEXT_INJECTOR", {
+}, I = /* @__PURE__ */ new e.InjectionToken("MATCH_CONTEXT_INJECTOR", {
 	providedIn: "root",
-	factory: () => se
-}), B = /* @__PURE__ */ new e.InjectionToken("ROUTER");
-function V() {
-	return typeof document > "u" ? B : window.__TSR_ROUTER_INJECTION_KEY__ ? window.__TSR_ROUTER_INJECTION_KEY__ : (window.__TSR_ROUTER_INJECTION_KEY__ = B, B);
+	factory: () => de
+}), L = /* @__PURE__ */ new e.InjectionToken("ROUTER");
+function R() {
+	return typeof document > "u" ? L : window.__TSR_ROUTER_INJECTION_KEY__ ? window.__TSR_ROUTER_INJECTION_KEY__ : (window.__TSR_ROUTER_INJECTION_KEY__ = L, L);
 }
-function H(t) {
-	let n = e.inject(V(), { optional: !0 });
+function z(t) {
+	let n = e.inject(R(), { optional: !0 });
 	return process.env.NODE_ENV !== "production" && (t?.warn ?? !0) && !n && console.warn("Warning: injectRouter must be used inside a <router-provider> component!"), n;
 }
-function U(e, t = (e) => e, n = { equal: W }) {
-	u(U);
-	let r = typeof e == "function" ? e : () => e, i = _(() => t(r().state), n);
-	return f(() => {
-		i();
-	}), i.asReadonly();
-}
-function W(e, t) {
-	if (Object.is(e, t)) return !0;
-	if (typeof e != "object" || !e || typeof t != "object" || !t) return !1;
-	if (e instanceof Map && t instanceof Map) {
-		if (e.size !== t.size) return !1;
-		for (let [n, r] of e) if (!t.has(n) || !Object.is(r, t.get(n))) return !1;
-		return !0;
-	}
-	if (e instanceof Set && t instanceof Set) {
-		if (e.size !== t.size) return !1;
-		for (let n of e) if (!t.has(n)) return !1;
-		return !0;
-	}
-	if (e instanceof Date && t instanceof Date) return e.getTime() === t.getTime();
-	let n = Object.keys(e);
-	if (n.length !== Object.keys(t).length) return !1;
-	for (let r of n) if (!Object.prototype.hasOwnProperty.call(t, r) || !Object.is(e[r], t[r])) return !1;
-	return !0;
+function B(e, t) {
+	return t || (u(e), p(o));
 }
-function G(t) {
-	let n = H(), r = t.from ? void 0 : e.inject(z), i = U(n.stores.pendingRouteIds, (e) => e), a = U(n.stores.isTransitioning, (e) => e), o = () => t.from ? n.stores.getMatchStoreByRouteId(t.from).state : r?.match();
+function V(e, t = (e) => e, n) {
+	return ee(B(V, n?.injector), () => {
+		let r = typeof e == "function" ? e : () => e, i = _(() => t(r().get()), { equal: n?.compare });
+		return f((e) => {
+			let { unsubscribe: n } = r().subscribe((e) => {
+				i.set(t(e));
+			});
+			e(n);
+		}), i.asReadonly();
+	});
+}
+function H(e, t = (e) => e, n) {
+	let { equal: r, injector: i, ...a } = n ?? {};
+	return V(e, t, {
+		...a,
+		compare: r,
+		injector: i
+	});
+}
+var U = {
+	get: () => void 0,
+	subscribe: () => ({ unsubscribe: () => {} })
+};
+function fe(t) {
+	let n = z(), r = t.from ? void 0 : e.inject(I), i = H(t.from ? n.stores.getRouteMatchStore(t.from) : () => {
+		let e = r?.matchId();
+		return e ? n.stores.matchStores.get(e) ?? U : U;
+	}, (e) => e), a = H(n.stores.pendingRouteIds, (e) => e), o = H(n.stores.isTransitioning, (e) => e);
 	return e.computed(() => {
-		let e = o();
+		let e = i();
 		if (e !== void 0) return t.select ? t.select(e) : e;
-		if (!(t.from ? i()[t.from] : r?.hasPending() ?? !1) && !a() && (t.shouldThrow ?? !0)) {
+		if (!(t.from ? a()[t.from] : r?.hasPending() ?? !1) && !o() && (t.shouldThrow ?? !0)) {
 			if (process.env.NODE_ENV !== "production") throw Error(`Invariant failed: Could not find ${t.from ? `an active match from "${t.from}"` : "a nearest match!"}`);
-			te();
+			ie();
 		}
-	}, { equal: D });
+	}, { equal: T });
 }
-function K(e) {
+function W(e) {
 	let t = p(c), r = p(o), i = [];
 	f(() => {
-		let n = e(), a = ce(n);
-		if (le(i, a)) return;
+		let n = e(), a = pe(n);
+		if (G(i, a)) return;
 		i.length > 0 && t.clear(), i = a;
 		let s = n?.component;
 		if (!s) return;
@@ -353,16 +352,16 @@ function K(e) {
 		t.clear();
 	});
 }
-function ce(e) {
+function pe(e) {
 	let t = e?.component;
 	return !e || !t ? [] : [t, e.key];
 }
-function le(e, t) {
+function G(e, t) {
 	if (e.length !== t.length) return !1;
 	for (let n = 0; n < e.length; n++) if (e[n] !== t[n]) return !1;
 	return !0;
 }
-var ue = class n {
+var me = class n {
 	static {
 		this.ɵfac = function(e) {
 			return new (e || n)();
@@ -386,13 +385,13 @@ var ue = class n {
 			changeDetection: t.OnPush
 		});
 	}
-}, de = /* @__PURE__ */ new e.InjectionToken("ERROR_STATE_INJECTOR_TOKEN");
-function fe(t) {
-	let n = H({ warn: t?.router === void 0 }), r = U((t?.router ?? n).stores.__store, (e) => e);
-	return e.computed(() => t?.select ? t.select(r()) : r(), { equal: D });
+}, he = /* @__PURE__ */ new e.InjectionToken("ERROR_STATE_INJECTOR_TOKEN");
+function ge(e) {
+	let t = z({ warn: e?.router === void 0 }), n = e?.router ?? t;
+	return e?.select ? H(n.stores.__store, e.select, { equal: T }) : H(n.stores.__store);
 }
-function pe({ matchId: t }) {
-	let n = H(), r = fe({ select: (e) => e.matches }), i = e.computed(() => r().findIndex((e) => e.id === t()));
+function _e({ matchId: t }) {
+	let n = z(), r = ge({ select: (e) => e.matches }), i = e.computed(() => r().findIndex((e) => e.id === t()));
 	return e.computed(() => {
 		if (n.options.defaultErrorComponent != null) return !1;
 		let e = i();
@@ -406,8 +405,12 @@ function pe({ matchId: t }) {
 		return !1;
 	});
 }
-function me({ parentRouteIsRoot: e }) {
-	let t = H({ warn: !1 }), r = p(i), a = p(n), o = U(t.stores.resolvedLocation, (e) => e?.state.__TSR_key), s = U(t.stores.loadedAt, (e) => e), c, u = 0;
+var K = {
+	get: () => void 0,
+	subscribe: () => ({ unsubscribe: () => {} })
+};
+function ve({ parentRouteIsRoot: e }) {
+	let t = z({ warn: !1 }), r = p(i), a = p(n), o = H(t.stores.resolvedLocation, (e) => e?.state?.__TSR_key), s = H(t.stores.loadedAt, (e) => e), c, u = 0;
 	a.onDestroy(() => {
 		u++;
 	}), f(() => {
@@ -419,17 +422,14 @@ function me({ parentRouteIsRoot: e }) {
 			let r = t.latestLocation.href;
 			c !== void 0 && c === r || (c = r, t.emit({
 				type: "onRendered",
-				...R(t.stores.location.state, t.stores.resolvedLocation.state)
+				...F(t.stores.location.get(), t.stores.resolvedLocation.get())
 			}));
 		} }, { injector: r });
 	});
 }
 var q = class t {
 	constructor() {
-		this.matchId = m.required(), this.router = H(), this.match = d(() => {
-			let e = this.matchId();
-			return e ? this.router.stores.activeMatchStoresById.get(e)?.state : void 0;
-		}), this.matchData = d(() => {
+		this.matchId = m.required(), this.router = z(), this.match = d(() => this.matchSignal()), this.matchSignal = H(() => this.router.stores.matchStores.get(this.matchId()) ?? K, (e) => e), this.matchData = d(() => {
 			let e = this.match();
 			if (!e) return null;
 			let t = e.routeId, n = this.router.routesById[t], r = n.parentRoute?.id ?? null, i = (n.options.remountDeps ?? this.router.options.defaultRemountDeps)?.({
@@ -444,21 +444,21 @@ var q = class t {
 				match: e,
 				parentRouteId: r
 			};
-		}), this.isFistRouteInRouteTree = d(() => this.matchData()?.parentRouteId === L), this.resolvedNoSsr = d(() => {
+		}), this.isFistRouteInRouteTree = d(() => this.matchData()?.parentRouteId === P), this.resolvedNoSsr = d(() => {
 			let e = this.matchData()?.match;
 			return e ? e.ssr === !1 || e.ssr === "data-only" : !0;
 		}), this.shouldClientOnly = d(() => {
 			let e = this.matchData()?.match;
 			return e ? this.resolvedNoSsr() || !!e._displayPending : !0;
-		}), this.parentRouteIdSignal = d(() => this.matchData()?.parentRouteId ?? ""), this.rootRouteIdSignal = d(() => L), this.hasPendingMatch = d(() => {
+		}), this.parentRouteIdSignal = d(() => this.matchData()?.parentRouteId ?? ""), this.rootRouteIdSignal = d(() => P), this.hasPendingMatch = d(() => {
 			let e = this.matchData()?.route.id;
 			return e ? !!this.pendingRouteIds()[e] : !1;
-		}), this.pendingRouteIds = U(this.router.stores.pendingRouteIds, (e) => e), this.nearestMatchContext = {
+		}), this.pendingRouteIds = H(this.router.stores.pendingRouteIds, (e) => e), this.nearestMatchContext = {
 			matchId: this.matchId,
 			routeId: d(() => this.matchData()?.route.id),
 			match: this.match,
 			hasPending: this.hasPendingMatch
-		}, this.isCatchingError = pe({ matchId: this.matchId }), this.render = K(() => {
+		}, this.isCatchingError = _e({ matchId: this.matchId }), this.render = W(() => {
 			let e = this.matchData();
 			if (!e || this.shouldClientOnly() && this.router.isServer) return null;
 			let { match: t, route: n } = e;
@@ -466,7 +466,7 @@ var q = class t {
 			if (t.status === "error" || this.isCatchingError()) return {
 				component: (Y(n.options.errorComponent) ?? Y(this.router.options.defaultErrorComponent)) || null,
 				providers: [{
-					provide: de,
+					provide: he,
 					useValue: {
 						error: t.error,
 						reset: () => {
@@ -482,7 +482,7 @@ var q = class t {
 					key: e.key,
 					component: t,
 					providers: [{
-						provide: z,
+						provide: I,
 						useValue: this.nearestMatchContext
 					}]
 				} : { component: Y(n.options.pendingComponent) ?? Y(this.router.options.defaultPendingComponent) };
@@ -492,12 +492,12 @@ var q = class t {
 					key: e.key,
 					component: t,
 					providers: [{
-						provide: z,
+						provide: I,
 						useValue: this.nearestMatchContext
 					}]
 				};
 			}
-		}), this.onRendered = me({ parentRouteIsRoot: d(() => this.parentRouteIdSignal() === L) });
+		}), this.onRendered = ve({ parentRouteIsRoot: d(() => this.parentRouteIdSignal() === P) });
 	}
 	static {
 		this.ɵfac = function(e) {
@@ -512,6 +512,7 @@ var q = class t {
 				"router-match",
 				""
 			]],
+			hostAttrs: ["hidden", ""],
 			hostVars: 1,
 			hostBindings: function(t, n) {
 				t & 2 && e.ɵɵattribute("data-matchId", n.matchId());
@@ -525,13 +526,13 @@ var q = class t {
 	}
 }, J = class t {
 	constructor() {
-		this.router = H(), this.nearestMatch = p(z), this.currentMatch = d(() => {
+		this.router = z(), this.nearestMatch = p(I), this.currentMatch = H(() => {
 			let e = this.nearestMatch.matchId();
-			return e ? this.router.stores.activeMatchStoresById.get(e)?.state : void 0;
-		}), this.routeId = d(() => this.currentMatch()?.routeId), this.route = d(() => this.router.routesById[this.routeId()]), this.parentGlobalNotFound = d(() => this.currentMatch()?.globalNotFound ?? !1), this.childMatchIdByRouteId = U(this.router.stores.childMatchIdByRouteId, (e) => e), this.childMatchId = d(() => {
+			return e ? this.router.stores.matchStores.get(e) ?? K : K;
+		}, (e) => e), this.routeId = d(() => this.currentMatch()?.routeId), this.route = d(() => this.router.routesById[this.routeId()]), this.parentGlobalNotFound = d(() => this.currentMatch()?.globalNotFound ?? !1), this.childMatchIdByRouteId = H(this.router.stores.childMatchIdByRouteId, (e) => e), this.childMatchId = d(() => {
 			let e = this.routeId();
 			return e ? this.childMatchIdByRouteId()[e] ?? null : null;
-		}), this.render = K(() => this.parentGlobalNotFound() ? { component: X(this.router, this.route()) } : this.childMatchId() ? {
+		}), this.render = W(() => this.parentGlobalNotFound() ? { component: X(this.router, this.route()) } : this.childMatchId() ? {
 			component: q,
 			inputs: { matchId: () => this.childMatchId() }
 		} : null);
@@ -549,6 +550,7 @@ var q = class t {
 				"outlet",
 				""
 			]],
+			hostAttrs: ["hidden", ""],
 			decls: 0,
 			vars: 0,
 			template: function(e, t) {},
@@ -560,18 +562,18 @@ function Y(e) {
 	return typeof e == "function" ? e() : e;
 }
 function X(e, t) {
-	return (Y(t.options.notFoundComponent) ?? Y(e.options.defaultNotFoundComponent)) || (g() && !t.options.notFoundComponent && console.warn(`A notFoundError was encountered on the route with ID "${t.id}", but a notFoundComponent option was not configured, nor was a router level defaultNotFoundComponent configured. Consider configuring at least one of these to avoid TanStack Router's overly generic defaultNotFoundComponent (<p>Page not found</p>)`), ue);
+	return (Y(t.options.notFoundComponent) ?? Y(e.options.defaultNotFoundComponent)) || (g() && !t.options.notFoundComponent && console.warn(`A notFoundError was encountered on the route with ID "${t.id}", but a notFoundComponent option was not configured, nor was a router level defaultNotFoundComponent configured. Consider configuring at least one of these to avoid TanStack Router's overly generic defaultNotFoundComponent (<p>Page not found</p>)`), me);
 }
-function he(e) {
+function ye(e) {
 	return null;
 }
 var Z = "data-tsr-scroll-restoration-inline";
-function ge() {
-	let e = H(), t = p(y), n = p(i);
+function be() {
+	let e = z(), t = p(te), n = p(i);
 	e.isServer && l(() => {
 		let n = e.options.scrollRestoration;
 		if (!n || typeof n == "function" && !n({ location: e.latestLocation }) || t.querySelector(`script[${Z}]`)) return;
-		let r = he(e);
+		let r = ye(e);
 		if (!r) return;
 		let i = t.createElement("script");
 		i.setAttribute(Z, ""), i.className = "$tsr", i.text = `${r};document.currentScript.remove()`;
@@ -583,16 +585,16 @@ var Q = {
 	router: null,
 	mounted: !1
 };
-function _e() {
-	let t = H(), n = e.inject(e.EnvironmentInjector);
+function xe() {
+	let t = z(), n = e.inject(e.EnvironmentInjector);
 	if (t.isServer) return;
-	let r = e.inject(e.DestroyRef), i = !1, a = U(t.stores.isLoading, (e) => e), o = U(t.stores.isTransitioning, (e) => e), s = U(t.stores.hasPendingMatches, (e) => e), c = U(t.stores.status, (e) => e), l = U(t.stores.location, (e) => e), u = U(t.stores.resolvedLocation, (e) => e), d = e.computed(() => a() || o() || s()), f = e.computed(() => a() || s()), p = $(() => a()), m = $(() => d()), h = $(() => f());
+	let r = e.inject(e.DestroyRef), i = !1, a = H(t.stores.isLoading, (e) => e), o = H(t.stores.isTransitioning, (e) => e), s = H(t.stores.hasPending, (e) => e), c = H(t.stores.status, (e) => e), l = H(t.stores.location, (e) => e), u = H(t.stores.resolvedLocation, (e) => e), d = e.computed(() => a() || o() || s()), f = e.computed(() => a() || s()), p = $(() => a()), m = $(() => d()), h = $(() => f());
 	t.startTransition = (r) => {
-		t.stores.isTransitioning.setState(() => !0);
+		t.stores.isTransitioning.set(!0);
 		let a = () => {
 			i || e.afterNextRender({ read: () => {
 				try {
-					t.stores.isTransitioning.setState(() => !1);
+					t.stores.isTransitioning.set(!1);
 				} catch {}
 			} }, { injector: n });
 		}, o = r();
@@ -609,14 +611,14 @@ function _e() {
 			state: !0,
 			_includeValidateSearch: !0
 		});
-		F(t.latestLocation.href) !== F(e.href) && t.commitLocation({
+		M(t.latestLocation.href) !== M(e.href) && t.commitLocation({
 			...e,
 			replace: !0
 		});
 	});
 	let _ = e.signal(!1);
 	e.afterNextRender(() => {
-		_.set(!0), d() || c() === "pending" && (t.stores.status.setState(() => "idle"), t.stores.resolvedLocation.setState(() => l()));
+		_.set(!0), d() || c() === "pending" && (t.stores.status.set("idle"), t.stores.resolvedLocation.set(l()));
 	}), r.onDestroy(() => {
 		_.set(!1), i = !0, g && g();
 	}), e.afterNextRender(() => {
@@ -634,24 +636,24 @@ function _e() {
 		if (_()) try {
 			p() && !a() && t.emit({
 				type: "onLoad",
-				...R(l(), u())
+				...F(l(), u())
 			});
 		} catch {}
 	}), e.effect(() => {
 		if (_()) try {
 			h() && !f() && t.emit({
 				type: "onBeforeRouteMount",
-				...R(l(), u())
+				...F(l(), u())
 			});
 		} catch {}
 	}), e.effect(() => {
 		if (_()) try {
-			if (m() && !d() && c() === "pending" && (t.stores.status.setState(() => "idle"), t.stores.resolvedLocation.setState(() => l())), m() && !d()) {
-				let e = R(l(), u());
+			if (m() && !d() && c() === "pending" && (t.stores.status.set("idle"), t.stores.resolvedLocation.set(l())), m() && !d()) {
+				let e = F(l(), u());
 				t.emit({
 					type: "onResolved",
 					...e
-				}), e.hrefChanged && oe(t);
+				}), e.hrefChanged && ue(t);
 			}
 		} catch {}
 	});
@@ -663,9 +665,9 @@ function $(t) {
 		return r = n(), e;
 	});
 }
-var ve = class t {
+var Se = class t {
 	constructor() {
-		this.router = H(), this.matchId = U(this.router.stores.firstMatchId, (e) => e), this.ssrScrollRestoration = ge(), this.transitioner = _e(), this.render = K(() => {
+		this.router = z(), this.matchId = H(this.router.stores.firstId, (e) => e), this.ssrScrollRestoration = be(), this.transitioner = xe(), this.render = W(() => {
 			let e = this.matchId();
 			return e ? {
 				component: q,
@@ -682,22 +684,23 @@ var ve = class t {
 		this.ɵcmp = /* @__PURE__ */ e.ɵɵdefineComponent({
 			type: t,
 			selectors: [["router-matches"]],
+			hostAttrs: ["hidden", ""],
 			decls: 0,
 			vars: 0,
 			template: function(e, t) {},
 			encapsulation: 2
 		});
 	}
-}, ye = /* @__PURE__ */ new a("CONTEXT", {
+}, Ce = /* @__PURE__ */ new a("CONTEXT", {
 	providedIn: "root",
 	factory: () => ({})
-}), be = /* @__PURE__ */ new a("OPTIONS", {
+}), we = /* @__PURE__ */ new a("OPTIONS", {
 	providedIn: "root",
 	factory: () => ({})
 });
 (class t {
 	constructor() {
-		this.injectedContext = p(ye), this.injectedOptions = p(be), this.injectedRouter = p(V(), { optional: !0 }), this.context = m(this.injectedContext), this.options = m(this.injectedOptions), this.routerInput = m(void 0, { alias: "router" }), this.router = d(() => {
+		this.injectedContext = p(Ce), this.injectedOptions = p(we), this.injectedRouter = p(R(), { optional: !0 }), this.context = m(this.injectedContext), this.options = m(this.injectedOptions), this.routerInput = m(void 0, { alias: "router" }), this.router = d(() => {
 			let e = this.routerInput();
 			if (e) return e;
 			if (this.injectedRouter) return this.injectedRouter;
@@ -712,12 +715,12 @@ var ve = class t {
 					...t
 				}
 			});
-		}), this.render = K(() => {
-			let e = v(this.router);
+		}), this.render = W(() => {
+			let e = y(this.router);
 			return {
-				component: ve,
+				component: Se,
 				providers: [{
-					provide: V(),
+					provide: R(),
 					useValue: e
 				}]
 			};
@@ -736,6 +739,7 @@ var ve = class t {
 				"router-provider",
 				""
 			]],
+			hostAttrs: ["hidden", ""],
 			inputs: {
 				context: [1, "context"],
 				options: [1, "options"],
@@ -752,10 +756,11 @@ var ve = class t {
 		});
 	}
 });
-function xe(e) {
-	return U(H().stores.location, (t) => e?.select ? e.select(t) : t, { equal: D });
+function Te(e) {
+	let t = z();
+	return e?.select ? H(t.stores.location, e.select, { equal: T }) : H(t.stores.location);
 }
-function Se(t, n, r) {
+function Ee(t, n, r) {
 	let i = e.inject(e.ElementRef);
 	e.afterRenderEffect((e) => {
 		let a = typeof IntersectionObserver == "function", o = i.nativeElement;
@@ -768,7 +773,7 @@ function Se(t, n, r) {
 }
 (class t {
 	constructor() {
-		this.passiveEvents = we(() => ({ touchstart: this.handleTouchStart })), this.options = m.required({ alias: "link" }), this.router = H(), this.isTransitioning = ee(!1), this.from = d(() => v(() => this.options().from)), this.disabled = d(() => this._options().disabled ?? !1), this.target = d(() => this._options().target), this._options = d(() => ({
+		this.passiveEvents = Oe(() => ({ touchstart: this.handleTouchStart })), this.options = m.required({ alias: "link" }), this.router = z(), this.isTransitioning = v(!1), this.from = d(() => y(() => this.options().from)), this.disabled = d(() => this._options().disabled ?? !1), this.target = d(() => this._options().target), this._options = d(() => ({
 			...this.options(),
 			from: this.from()
 		})), this.nextLocation = d(() => {
@@ -790,33 +795,33 @@ function Se(t, n, r) {
 			try {
 				return new URL(this.options().to), this.options().to;
 			} catch {}
-		}), this.preload = d(() => this.options().reloadDocument ? !1 : this.options().preload ?? this.router.options.defaultPreload), this.preloadDelay = d(() => this.options().preloadDelay ?? this.router.options.defaultPreloadDelay ?? 0), this.location = xe(), this.isActiveProps = d(() => {
+		}), this.preload = d(() => this.options().reloadDocument ? !1 : this.options().preload ?? this.router.options.defaultPreload), this.preloadDelay = d(() => this.options().preloadDelay ?? this.router.options.defaultPreloadDelay ?? 0), this.location = Te(), this.isActiveProps = d(() => {
 			let e = this.options(), t = this.isActive() ? e.activeProps : e.inactiveProps;
 			if (!(!t || typeof t != "object")) return t;
 		}), this.isActive = d(() => {
 			if (this.externalLink()) return !1;
 			let e = this.options().activeOptions;
 			if (e?.exact) {
-				if (!ie(this.location().pathname, this.nextLocation().pathname, this.router.basepath)) return !1;
+				if (!ce(this.location().pathname, this.nextLocation().pathname, this.router.basepath)) return !1;
 			} else {
-				let e = I(this.location().pathname, this.router.basepath), t = I(this.nextLocation().pathname, this.router.basepath);
+				let e = N(this.location().pathname, this.router.basepath), t = N(this.nextLocation().pathname, this.router.basepath);
 				if (!(e.startsWith(t) && (e.length === t.length || e[t.length] === "/"))) return !1;
 			}
-			return (e?.includeSearch ?? !0) && !D(this.location().search, this.nextLocation().search, {
+			return (e?.includeSearch ?? !0) && !T(this.location().search, this.nextLocation().search, {
 				partial: !e?.exact,
 				ignoreUndefined: !e?.explicitUndefined
 			}) ? !1 : e?.includeHash ? this.location().hash === this.nextLocation().hash : !0;
 		}), this.doPreload = () => {
 			this.router.preloadRoute(this.options()).catch((e) => {
-				console.warn(e), console.warn(ae);
+				console.warn(e), console.warn(le);
 			});
 		}, this.preloadViewportIoCallback = (e) => {
 			e?.isIntersecting && this.doPreload();
-		}, this.viewportPreloader = Se(this.preloadViewportIoCallback, { rootMargin: "100px" }, () => !!this._options().disabled || this.preload() !== "viewport"), this.hasRenderFetched = !1, this.rendererPreloader = f(() => {
+		}, this.viewportPreloader = Ee(this.preloadViewportIoCallback, { rootMargin: "100px" }, () => !!this._options().disabled || this.preload() !== "viewport"), this.hasRenderFetched = !1, this.rendererPreloader = f(() => {
 			this.hasRenderFetched || !this._options().disabled && this.preload() === "render" && (this.doPreload(), this.hasRenderFetched = !0);
 		}), this.handleClick = (e) => {
 			let t = e.currentTarget.getAttribute("target"), n = this._options().target, r = n === void 0 ? t : n;
-			if (!this._options().disabled && !Ce(e) && !e.defaultPrevented && (!r || r === "_self") && e.button === 0) {
+			if (!this._options().disabled && !De(e) && !e.defaultPrevented && (!r || r === "_self") && e.button === 0) {
 				e.preventDefault(), this.isTransitioning.set(!0);
 				let t = this.router.subscribe("onResolved", () => {
 					t(), this.isTransitioning.set(!1);
@@ -881,10 +886,10 @@ function Se(t, n, r) {
 		});
 	}
 });
-function Ce(e) {
+function De(e) {
 	return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
 }
-function we(e) {
+function Oe(e) {
 	let t = p(r).nativeElement, i = p(n), a = p(s), o = [];
 	l(() => {
 		for (let [n, r] of Object.entries(e())) {
@@ -897,8 +902,8 @@ function we(e) {
 }
 //#endregion
 //#region experimental/injectRouteErrorHandler.ts
-function Te(e) {
-	let t = H(), r = G({ from: e.from }), i = !1;
+function ke(e) {
+	let t = z(), r = fe({ from: e.from }), i = !1;
 	return p(n).onDestroy(() => {
 		i = !0;
 	}), { throw: (e) => {
@@ -906,7 +911,7 @@ function Te(e) {
 			console.warn("Attempted to throw error to route after it has been destroyed");
 			return;
 		}
-		let n = v(r).id;
+		let n = y(r).id;
 		t.updateMatch(n, (t) => ({
 			...t,
 			error: e,
@@ -917,4 +922,4 @@ function Te(e) {
 	} };
 }
 //#endregion
-export { Te as injectRouteErrorHandler };
+export { ke as injectRouteErrorHandler };