@benjavicente/angular-router-experimental 1.142.11 → 1.142.13

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 te, untracked as v } from "@angular/core";
+import { DOCUMENT as ne } from "@angular/common";
+var re = Object.prototype.hasOwnProperty, y = Object.prototype.propertyIsEnumerable;
+function ie(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 = C(e) && C(i);
+	if (!a && !(x(e) && x(i))) return i;
+	let o = a ? e : b(e);
 	if (!o) return i;
-	let s = a ? i : C(i);
+	let s = a ? i : b(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 : re.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 = ie(l, f, n, r + 1);
 		u[o] = p, p === l && d++;
 	}
 	return c === l && d === c ? e : u;
 }
-function C(e) {
+function b(e) {
 	let t = Object.getOwnPropertyNames(e);
-	for (let n of t) if (!x.call(e, n)) return !1;
+	for (let n of t) if (!y.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 (!y.call(e, t)) return !1;
 		r.push(t);
 	}
 	return r;
 }
-function w(e) {
-	if (!T(e)) return !1;
+function x(e) {
+	if (!S(e)) return !1;
 	let t = e.constructor;
 	if (t === void 0) return !0;
 	let n = t.prototype;
-	return !(!T(n) || !n.hasOwnProperty("isPrototypeOf"));
+	return !(!S(n) || !n.hasOwnProperty("isPrototypeOf"));
 }
-function T(e) {
+function S(e) {
 	return Object.prototype.toString.call(e) === "[object Object]";
 }
-function E(e) {
+function C(e) {
 	return Array.isArray(e) && e.length === Object.keys(e).length;
 }
-function D(e, t, n) {
+function w(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 (!w(e[r], t[r], n)) return !1;
 		return !0;
 	}
-	if (w(e) && w(t)) {
+	if (x(e) && x(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) && !w(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 || !w(e[o], t[o], n))) return !1;
 		return i === a;
 	}
 	return !1;
 }
-function te() {
+function ae() {
 	throw Error("Invariant failed");
 }
-var O = 4, k = 5;
-function A(e) {
+var oe = 4, T = 5;
+function se(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 ce(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 = se(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 le(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 = ce(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 = O(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 = O(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 = k(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 = k(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 = k(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 = O(n.fullPath ?? n.from);
+			e.kind = T, 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 = O(n.fullPath ?? n.from);
+			e.kind = oe, 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) le(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 E(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 D(e) {
+	if (e.pathless) for (let t of e.pathless) D(t);
+	if (e.static) for (let t of e.static.values()) D(t);
+	if (e.staticInsensitive) for (let t of e.staticInsensitive.values()) D(t);
 	if (e.dynamic?.length) {
-		e.dynamic.sort(j);
-		for (let t of e.dynamic) M(t);
+		e.dynamic.sort(E);
+		for (let t of e.dynamic) D(t);
 	}
 	if (e.optional?.length) {
-		e.optional.sort(j);
-		for (let t of e.optional) M(t);
+		e.optional.sort(E);
+		for (let t of e.optional) D(t);
 	}
 	if (e.wildcard?.length) {
-		e.wildcard.sort(j);
-		for (let t of e.wildcard) M(t);
+		e.wildcard.sort(E);
+		for (let t of e.wildcard) D(t);
 	}
 }
-function N(e) {
+function O(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 k(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 A(e) {
 	let t = e.length;
 	return t > 1 && e[t - 1] === "/" ? e.replace(/\/{1,}$/, "") : e;
 }
-function I(e, t) {
+function j(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 M(e, t, n) {
+	return j(e, n) === j(t, n);
 }
 JSON.parse, JSON.stringify, JSON.parse;
-var L = "__root__";
-function R(e, t) {
+var N = "__root__";
+function P(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 ue = "Error preloading route! ☝️";
+function de(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 fe = {
 	matchId: () => void 0,
 	routeId: () => void 0,
 	match: () => void 0,
 	hasPending: () => !1
-}, z = /* @__PURE__ */ new e.InjectionToken("MATCH_CONTEXT_INJECTOR", {
+}, F = /* @__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: () => fe
+}), I = /* @__PURE__ */ new e.InjectionToken("ROUTER");
+function L() {
+	return typeof document > "u" ? I : window.__TSR_ROUTER_INJECTION_KEY__ ? window.__TSR_ROUTER_INJECTION_KEY__ : (window.__TSR_ROUTER_INJECTION_KEY__ = I, I);
 }
-function H(t) {
-	let n = e.inject(V(), { optional: !0 });
+function R(t) {
+	let n = e.inject(L(), { 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 z(e, t) {
+	return t || (u(e), p(o));
 }
-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 = (e) => e, n) {
+	return ee(z(B, 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 V(e, t = (e) => e, n) {
+	let { equal: r, injector: i, ...a } = n ?? {};
+	return B(e, t, {
+		...a,
+		compare: r,
+		injector: i
+	});
 }
-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();
+var H = {
+	get: () => void 0,
+	subscribe: () => ({ unsubscribe: () => {} })
+};
+function pe(t) {
+	let n = R(), r = t.from ? void 0 : e.inject(F), i = V(t.from ? n.stores.getRouteMatchStore(t.from) : () => {
+		let e = r?.matchId();
+		return e ? n.stores.matchStores.get(e) ?? H : H;
+	}, (e) => e), a = V(n.stores.pendingRouteIds, (e) => e), o = V(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();
+			ae();
 		}
-	}, { equal: D });
+	}, { equal: w });
 }
-function K(e) {
+function U(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 = me(n);
+		if (W(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 me(e) {
 	let t = e?.component;
-	return !e || !t ? [] : [t, e.key];
+	return !e || !t ? [] : Array.isArray(e.key) ? [t, ...e.key] : [t, e.key];
 }
-function le(e, t) {
+function W(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 he = class n {
 	static {
 		this.ɵfac = function(e) {
 			return new (e || n)();
@@ -386,28 +385,56 @@ 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 });
+}, G = /* @__PURE__ */ new e.InjectionToken("ERROR_STATE_INJECTOR_TOKEN");
+function ge(e) {
+	let t = R({ warn: e?.router === void 0 }), n = e?.router ?? t;
+	return e?.select ? V(n.stores.__store, e.select, { equal: w }) : V(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 = R(), 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;
+		if (n.options.defaultErrorComponent != null) return;
 		let e = i();
-		if (e === -1) return !1;
+		if (e === -1) return;
 		let t = r();
 		for (let r = e + 1; r < t.length; r++) {
 			let e = t[r];
-			if (n.routesById[e?.routeId].options.errorComponent != null) return !1;
-			if (e?.status === "error") return !0;
+			if (n.routesById[e?.routeId].options.errorComponent != null) return;
+			if (e?.status === "error") return e;
 		}
-		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: () => {} })
+}, ve = class t {
+	constructor() {
+		this.state = p(G), this.message = d(() => {
+			let e = this.state.error;
+			return e instanceof Error ? e.stack ?? e.message : String(e);
+		});
+	}
+	static {
+		this.ɵfac = function(e) {
+			return new (e || t)();
+		};
+	}
+	static {
+		this.ɵcmp = /* @__PURE__ */ e.ɵɵdefineComponent({
+			type: t,
+			selectors: [["tanstack-router-default-error"]],
+			decls: 5,
+			vars: 1,
+			consts: [["role", "alert"]],
+			template: function(t, n) {
+				t & 1 && (e.ɵɵelementStart(0, "div", 0)(1, "p"), e.ɵɵtext(2, "Something went wrong."), e.ɵɵelementEnd(), e.ɵɵelementStart(3, "pre"), e.ɵɵtext(4), e.ɵɵelementEnd()()), t & 2 && (e.ɵɵadvance(4), e.ɵɵtextInterpolate(n.message()));
+			},
+			encapsulation: 2
+		});
+	}
+};
+function ye({ parentRouteIsRoot: e }) {
+	let t = R({ warn: !1 }), r = p(i), a = p(n), o = V(t.stores.resolvedLocation, (e) => e?.state?.__TSR_key), s = V(t.stores.loadedAt, (e) => e), c, u = 0;
 	a.onDestroy(() => {
 		u++;
 	}), f(() => {
@@ -419,17 +446,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)
+				...P(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 = R(), this.match = d(() => this.matchSignal()), this.matchSignal = V(() => 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,45 +468,51 @@ var q = class t {
 				match: e,
 				parentRouteId: r
 			};
-		}), this.isFistRouteInRouteTree = d(() => this.matchData()?.parentRouteId === L), this.resolvedNoSsr = d(() => {
+		}), this.isFistRouteInRouteTree = d(() => this.matchData()?.parentRouteId === N), 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(() => N), 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 = V(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.catchingErrorMatch = _e({ matchId: this.matchId }), this.render = U(() => {
 			let e = this.matchData();
-			if (!e || this.shouldClientOnly() && this.router.isServer) return null;
+			if (!e) return null;
 			let { match: t, route: n } = e;
+			if (this.shouldClientOnly() && this.router.isServer) {
+				let e = Y(n.options.pendingComponent) ?? Y(this.router.options.defaultPendingComponent);
+				return e ? { component: e } : null;
+			}
 			if (t.status === "notFound") return { component: X(this.router, n) };
-			if (t.status === "error" || this.isCatchingError()) return {
-				component: (Y(n.options.errorComponent) ?? Y(this.router.options.defaultErrorComponent)) || null,
-				providers: [{
-					provide: de,
-					useValue: {
-						error: t.error,
-						reset: () => {
-							this.router.invalidate();
-						},
-						info: { componentStack: "" }
-					}
-				}]
-			};
-			if (t.status === "redirected" || t.status === "pending") {
+			if (t.status === "error" || this.catchingErrorMatch()) {
+				let e = this.catchingErrorMatch();
+				return {
+					component: be(this.router, n),
+					providers: [{
+						provide: G,
+						useValue: {
+							error: t.status === "error" ? t.error : e?.error,
+							reset: () => {
+								this.router.invalidate();
+							},
+							info: { componentStack: "" }
+						}
+					}]
+				};
+			} else if (t.status === "redirected" || t.status === "pending") {
 				let t = n.isRoot && (Y(n.options.component) ?? Y(this.router.options.defaultComponent));
 				return t && t !== J ? {
 					key: e.key,
 					component: t,
 					providers: [{
-						provide: z,
+						provide: F,
 						useValue: this.nearestMatchContext
 					}]
 				} : { component: Y(n.options.pendingComponent) ?? Y(this.router.options.defaultPendingComponent) };
@@ -492,12 +522,12 @@ var q = class t {
 					key: e.key,
 					component: t,
 					providers: [{
-						provide: z,
+						provide: F,
 						useValue: this.nearestMatchContext
 					}]
 				};
 			}
-		}), this.onRendered = me({ parentRouteIsRoot: d(() => this.parentRouteIdSignal() === L) });
+		}), this.onRendered = ye({ parentRouteIsRoot: d(() => this.parentRouteIdSignal() === N) });
 	}
 	static {
 		this.ɵfac = function(e) {
@@ -512,6 +542,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 +556,13 @@ var q = class t {
 	}
 }, J = class t {
 	constructor() {
-		this.router = H(), this.nearestMatch = p(z), this.currentMatch = d(() => {
+		this.router = R(), this.nearestMatch = p(F), this.currentMatch = V(() => {
 			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 = V(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 = U(() => this.parentGlobalNotFound() ? { component: X(this.router, this.route()) } : this.childMatchId() ? {
 			component: q,
 			inputs: { matchId: () => this.childMatchId() }
 		} : null);
@@ -549,6 +580,7 @@ var q = class t {
 				"outlet",
 				""
 			]],
+			hostAttrs: ["hidden", ""],
 			decls: 0,
 			vars: 0,
 			template: function(e, t) {},
@@ -560,18 +592,21 @@ 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>)`), he);
 }
-function he(e) {
+function be(e, t) {
+	return (Y(t.options.errorComponent) ?? Y(e.options.defaultErrorComponent)) || (g() && !t.options.errorComponent && console.warn(`An error was encountered on the route with ID "${t.id}", but an errorComponent option was not configured, nor was a router level defaultErrorComponent configured. Consider configuring at least one of these to avoid TanStack Router's generic defaultErrorComponent.`), ve);
+}
+function xe(e) {
 	return null;
 }
 var Z = "data-tsr-scroll-restoration-inline";
-function ge() {
-	let e = H(), t = p(y), n = p(i);
+function Se() {
+	let e = R(), t = p(ne), 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 = xe(e);
 		if (!r) return;
 		let i = t.createElement("script");
 		i.setAttribute(Z, ""), i.className = "$tsr", i.text = `${r};document.currentScript.remove()`;
@@ -583,16 +618,16 @@ var Q = {
 	router: null,
 	mounted: !1
 };
-function _e() {
-	let t = H(), n = e.inject(e.EnvironmentInjector);
+function Ce() {
+	let t = R(), 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 = V(t.stores.isLoading, (e) => e), o = V(t.stores.isTransitioning, (e) => e), s = V(t.stores.hasPending, (e) => e), c = V(t.stores.status, (e) => e), l = V(t.stores.location, (e) => e), u = V(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 +644,14 @@ function _e() {
 			state: !0,
 			_includeValidateSearch: !0
 		});
-		F(t.latestLocation.href) !== F(e.href) && t.commitLocation({
+		A(t.latestLocation.href) !== A(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 +669,24 @@ function _e() {
 		if (_()) try {
 			p() && !a() && t.emit({
 				type: "onLoad",
-				...R(l(), u())
+				...P(l(), u())
 			});
 		} catch {}
 	}), e.effect(() => {
 		if (_()) try {
 			h() && !f() && t.emit({
 				type: "onBeforeRouteMount",
-				...R(l(), u())
+				...P(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 = P(l(), u());
 				t.emit({
 					type: "onResolved",
 					...e
-				}), e.hrefChanged && oe(t);
+				}), e.hrefChanged && de(t);
 			}
 		} catch {}
 	});
@@ -663,9 +698,9 @@ function $(t) {
 		return r = n(), e;
 	});
 }
-var ve = class t {
+var we = 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 = R(), this.matchId = V(this.router.stores.firstId, (e) => e), this.ssrScrollRestoration = Se(), this.transitioner = Ce(), this.render = U(() => {
 			let e = this.matchId();
 			return e ? {
 				component: q,
@@ -682,22 +717,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", {
+}, Te = /* @__PURE__ */ new a("CONTEXT", {
 	providedIn: "root",
 	factory: () => ({})
-}), be = /* @__PURE__ */ new a("OPTIONS", {
+}), Ee = /* @__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(Te), this.injectedOptions = p(Ee), this.injectedRouter = p(L(), { 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 +748,12 @@ var ve = class t {
 					...t
 				}
 			});
-		}), this.render = K(() => {
+		}), this.render = U(() => {
 			let e = v(this.router);
 			return {
-				component: ve,
+				component: we,
 				providers: [{
-					provide: V(),
+					provide: L(),
 					useValue: e
 				}]
 			};
@@ -736,6 +772,7 @@ var ve = class t {
 				"router-provider",
 				""
 			]],
+			hostAttrs: ["hidden", ""],
 			inputs: {
 				context: [1, "context"],
 				options: [1, "options"],
@@ -752,10 +789,11 @@ var ve = class t {
 		});
 	}
 });
-function xe(e) {
-	return U(H().stores.location, (t) => e?.select ? e.select(t) : t, { equal: D });
+function De(e) {
+	let t = R();
+	return e?.select ? V(t.stores.location, e.select, { equal: w }) : V(t.stores.location);
 }
-function Se(t, n, r) {
+function Oe(t, n, r) {
 	let i = e.inject(e.ElementRef);
 	e.afterRenderEffect((e) => {
 		let a = typeof IntersectionObserver == "function", o = i.nativeElement;
@@ -768,7 +806,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 = Ae(() => ({ touchstart: this.handleTouchStart })), this.options = m.required({ alias: "link" }), this.router = R(), this.isTransitioning = te(!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.options(),
 			from: this.from()
 		})), this.nextLocation = d(() => {
@@ -790,33 +828,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 = De(), 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 (!M(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 = j(this.location().pathname, this.router.basepath), t = j(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) && !w(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(ue);
 			});
 		}, 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 = Oe(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 && !ke(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 +919,10 @@ function Se(t, n, r) {
 		});
 	}
 });
-function Ce(e) {
+function ke(e) {
 	return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
 }
-function we(e) {
+function Ae(e) {
 	let t = p(r).nativeElement, i = p(n), a = p(s), o = [];
 	l(() => {
 		for (let [n, r] of Object.entries(e())) {
@@ -897,8 +935,8 @@ function we(e) {
 }
 //#endregion
 //#region experimental/injectRouteErrorHandler.ts
-function Te(e) {
-	let t = H(), r = G({ from: e.from }), i = !1;
+function je(e) {
+	let t = R(), r = pe({ from: e.from }), i = !1;
 	return p(n).onDestroy(() => {
 		i = !0;
 	}), { throw: (e) => {
@@ -917,4 +955,4 @@ function Te(e) {
 	} };
 }
 //#endregion
-export { Te as injectRouteErrorHandler };
+export { je as injectRouteErrorHandler };