@benjavicente/angular-router-experimental 1.142.14 → 1.142.15

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

@@ -1,7 +1,6 @@
 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 _, runInInjectionContext as ee, signal as te, untracked as v } from "@angular/core";
-import { DOCUMENT as ne } from "@angular/common";
+import { ChangeDetectionStrategy as t, DOCUMENT as n, DestroyRef as r, ElementRef as i, EnvironmentInjector as a, InjectionToken as o, Injector as s, Renderer2 as c, ViewContainerRef as l, afterNextRender as u, assertInInjectionContext as d, computed as f, effect as p, inject as m, input as h, inputBinding as g, isDevMode as _, linkedSignal as ee, runInInjectionContext as te, signal as ne, untracked as v } from "@angular/core";
 var re = Object.prototype.hasOwnProperty, y = Object.prototype.propertyIsEnumerable;
 function ie(e, t, n = () => ({}), r = 0) {
 	if (e === t) return e;
@@ -293,12 +292,12 @@ function R(t) {
 	return process.env.NODE_ENV !== "production" && (t?.warn ?? !0) && !n && console.warn("Warning: injectRouter must be used inside a <router-provider> component!"), n;
 }
 function z(e, t) {
-	return t || (u(e), p(o));
+	return t || (d(e), m(s));
 }
 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) => {
+	return te(z(B, n?.injector), () => {
+		let r = typeof e == "function" ? e : () => e, i = ee(() => t(r().get()), { equal: n?.compare });
+		return p((e) => {
 			let { unsubscribe: n } = r().subscribe((e) => {
 				i.set(t(e));
 			});
@@ -333,22 +332,22 @@ function pe(t) {
 	}, { equal: w });
 }
 function U(e) {
-	let t = p(c), r = p(o), i = [];
-	f(() => {
-		let n = e(), a = me(n);
+	let t = m(l), n = m(s), i = [];
+	p(() => {
+		let r = e(), a = me(r);
 		if (W(i, a)) return;
 		i.length > 0 && t.clear(), i = a;
-		let s = n?.component;
-		if (!s) return;
-		let c = n.providers ?? [], l = o.create({
+		let o = r?.component;
+		if (!o) return;
+		let c = r.providers ?? [], l = s.create({
 			providers: c,
-			parent: r
-		}), u = Object.entries(n.inputs ?? {}).map(([e, t]) => h(e, t));
-		t.createComponent(s, {
+			parent: n
+		}), u = Object.entries(r.inputs ?? {}).map(([e, t]) => g(e, t));
+		t.createComponent(o, {
 			injector: l,
 			bindings: u
 		}).changeDetectorRef.markForCheck();
-	}), p(n).onDestroy(() => {
+	}), m(r).onDestroy(() => {
 		t.clear();
 	});
 }
@@ -409,7 +408,7 @@ var K = {
 	subscribe: () => ({ unsubscribe: () => {} })
 }, ve = class t {
 	constructor() {
-		this.state = p(G), this.message = d(() => {
+		this.state = m(G), this.message = f(() => {
 			let e = this.state.error;
 			return e instanceof Error ? e.stack ?? e.message : String(e);
 		});
@@ -434,26 +433,26 @@ var K = {
 	}
 };
 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(() => {
+	let t = R({ warn: !1 }), n = m(a), i = m(r), o = V(t.stores.resolvedLocation, (e) => e?.state?.__TSR_key), s = V(t.stores.loadedAt, (e) => e), c, l = 0;
+	i.onDestroy(() => {
+		l++;
+	}), p(() => {
 		if (!e()) return;
 		o(), s();
-		let n = ++u;
-		l({ read: () => {
-			if (n !== u || !e() || t.isServer) return;
-			let r = t.latestLocation.href;
-			c !== void 0 && c === r || (c = r, t.emit({
+		let r = ++l;
+		u({ read: () => {
+			if (r !== l || !e() || t.isServer) return;
+			let n = t.latestLocation.href;
+			c !== void 0 && c === n || (c = n, t.emit({
 				type: "onRendered",
 				...P(t.stores.location.get(), t.stores.resolvedLocation.get())
 			}));
-		} }, { injector: r });
+		} }, { injector: n });
 	});
 }
 var q = class t {
 	constructor() {
-		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(() => {
+		this.matchId = h.required(), this.router = R(), this.match = f(() => this.matchSignal()), this.matchSignal = V(() => this.router.stores.matchStores.get(this.matchId()) ?? K, (e) => e), this.matchData = f(() => {
 			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)?.({
@@ -468,18 +467,18 @@ var q = class t {
 				match: e,
 				parentRouteId: r
 			};
-		}), this.isFistRouteInRouteTree = d(() => this.matchData()?.parentRouteId === N), this.resolvedNoSsr = d(() => {
+		}), this.isFistRouteInRouteTree = f(() => this.matchData()?.parentRouteId === N), this.resolvedNoSsr = f(() => {
 			let e = this.matchData()?.match;
 			return e ? e.ssr === !1 || e.ssr === "data-only" : !0;
-		}), this.shouldClientOnly = d(() => {
+		}), this.shouldClientOnly = f(() => {
 			let e = this.matchData()?.match;
 			return e ? this.resolvedNoSsr() || !!e._displayPending : !0;
-		}), this.parentRouteIdSignal = d(() => this.matchData()?.parentRouteId ?? ""), this.rootRouteIdSignal = d(() => N), this.hasPendingMatch = d(() => {
+		}), this.parentRouteIdSignal = f(() => this.matchData()?.parentRouteId ?? ""), this.rootRouteIdSignal = f(() => N), this.hasPendingMatch = f(() => {
 			let e = this.matchData()?.route.id;
 			return e ? !!this.pendingRouteIds()[e] : !1;
 		}), this.pendingRouteIds = V(this.router.stores.pendingRouteIds, (e) => e), this.nearestMatchContext = {
 			matchId: this.matchId,
-			routeId: d(() => this.matchData()?.route.id),
+			routeId: f(() => this.matchData()?.route.id),
 			match: this.match,
 			hasPending: this.hasPendingMatch
 		}, this.catchingErrorMatch = _e({ matchId: this.matchId }), this.render = U(() => {
@@ -527,7 +526,7 @@ var q = class t {
 					}]
 				};
 			}
-		}), this.onRendered = ye({ parentRouteIsRoot: d(() => this.parentRouteIdSignal() === N) });
+		}), this.onRendered = ye({ parentRouteIsRoot: f(() => this.parentRouteIdSignal() === N) });
 	}
 	static {
 		this.ɵfac = function(e) {
@@ -556,10 +555,10 @@ var q = class t {
 	}
 }, J = class t {
 	constructor() {
-		this.router = R(), this.nearestMatch = p(F), this.currentMatch = V(() => {
+		this.router = R(), this.nearestMatch = m(F), this.currentMatch = V(() => {
 			let e = this.nearestMatch.matchId();
 			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(() => {
+		}, (e) => e), this.routeId = f(() => this.currentMatch()?.routeId), this.route = f(() => this.router.routesById[this.routeId()]), this.parentGlobalNotFound = f(() => this.currentMatch()?.globalNotFound ?? !1), this.childMatchIdByRouteId = V(this.router.stores.childMatchIdByRouteId, (e) => e), this.childMatchId = f(() => {
 			let e = this.routeId();
 			return e ? this.childMatchIdByRouteId()[e] ?? null : null;
 		}), this.render = U(() => this.parentGlobalNotFound() ? { component: X(this.router, this.route()) } : this.childMatchId() ? {
@@ -592,18 +591,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>)`), he);
+	return (Y(t.options.notFoundComponent) ?? Y(e.options.defaultNotFoundComponent)) || (_() && !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 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);
+	return (Y(t.options.errorComponent) ?? Y(e.options.defaultErrorComponent)) || (_() && !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 Se() {
-	let e = R(), t = p(ne), n = p(i);
-	e.isServer && l(() => {
+	let e = R(), t = m(n), r = m(a);
+	e.isServer && u(() => {
 		let n = e.options.scrollRestoration;
 		if (!n || typeof n == "function" && !n({ location: e.latestLocation }) || t.querySelector(`script[${Z}]`)) return;
 		let r = xe(e);
@@ -612,7 +611,7 @@ function Se() {
 		i.setAttribute(Z, ""), i.className = "$tsr", i.text = `${r};document.currentScript.remove()`;
 		let a = e.options.ssr?.nonce;
 		a && i.setAttribute("nonce", a), (t.head ?? t.body).appendChild(i);
-	}, { injector: n });
+	}, { injector: r });
 }
 var Q = {
 	router: null,
@@ -724,21 +723,21 @@ var we = class t {
 			encapsulation: 2
 		});
 	}
-}, Te = /* @__PURE__ */ new a("CONTEXT", {
+}, Te = /* @__PURE__ */ new o("CONTEXT", {
 	providedIn: "root",
 	factory: () => ({})
-}), Ee = /* @__PURE__ */ new a("OPTIONS", {
+}), Ee = /* @__PURE__ */ new o("OPTIONS", {
 	providedIn: "root",
 	factory: () => ({})
 });
 (class t {
 	constructor() {
-		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(() => {
+		this.injectedContext = m(Te), this.injectedOptions = m(Ee), this.injectedRouter = m(L(), { optional: !0 }), this.context = h(this.injectedContext), this.options = h(this.injectedOptions), this.routerInput = h(void 0, { alias: "router" }), this.router = f(() => {
 			let e = this.routerInput();
 			if (e) return e;
 			if (this.injectedRouter) return this.injectedRouter;
 			throw Error("No router provided to <router-provider>. Provide a router with provideTanstackRouter or the router input");
-		}), this.updateRouter = f(() => {
+		}), this.updateRouter = p(() => {
 			let e = this.router(), t = this.context(), n = this.options();
 			e.update({
 				...e.options,
@@ -806,32 +805,32 @@ function Oe(t, n, r) {
 }
 (class t {
 	constructor() {
-		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.passiveEvents = Ae(() => ({ touchstart: this.handleTouchStart })), this.options = h.required({ alias: "link" }), this.router = R(), this.isTransitioning = ne(!1), this.from = f(() => v(() => this.options().from)), this.disabled = f(() => this._options().disabled ?? !1), this.target = f(() => this._options().target), this._options = f(() => ({
 			...this.options(),
 			from: this.from()
-		})), this.nextLocation = d(() => {
+		})), this.nextLocation = f(() => {
 			let e = this.location();
 			return this.router.buildLocation({
 				_fromLocation: e,
 				...this._options()
 			});
-		}), this.hrefOption = d(() => {
+		}), this.hrefOption = f(() => {
 			if (this._options().disabled) return;
 			let e = this.nextLocation().maskedLocation ?? this.nextLocation(), t = e.external;
 			return {
 				href: t ? e.publicHref : this.router.history.createHref(e.publicHref) || "/",
 				external: t
 			};
-		}), this.externalLink = d(() => {
+		}), this.externalLink = f(() => {
 			let e = this.hrefOption();
 			if (e?.external) return e.href;
 			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 = De(), this.isActiveProps = d(() => {
+		}), this.preload = f(() => this.options().reloadDocument ? !1 : this.options().preload ?? this.router.options.defaultPreload), this.preloadDelay = f(() => this.options().preloadDelay ?? this.router.options.defaultPreloadDelay ?? 0), this.location = De(), this.isActiveProps = f(() => {
 			let e = this.options(), t = this.isActive() ? e.activeProps : e.inactiveProps;
 			if (!(!t || typeof t != "object")) return t;
-		}), this.isActive = d(() => {
+		}), this.isActive = f(() => {
 			if (this.externalLink()) return !1;
 			let e = this.options().activeOptions;
 			if (e?.exact) {
@@ -850,7 +849,7 @@ function Oe(t, n, r) {
 			});
 		}, this.preloadViewportIoCallback = (e) => {
 			e?.isIntersecting && this.doPreload();
-		}, this.viewportPreloader = Oe(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 = p(() => {
 			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;
@@ -923,29 +922,29 @@ function ke(e) {
 	return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
 }
 function Ae(e) {
-	let t = p(r).nativeElement, i = p(n), a = p(s), o = [];
-	l(() => {
+	let t = m(i).nativeElement, n = m(r), a = m(c), o = [];
+	u(() => {
 		for (let [n, r] of Object.entries(e())) {
 			let e = a.listen(t, n, r, { passive: !0 });
 			o.push(e);
 		}
-	}), i.onDestroy(() => {
+	}), n.onDestroy(() => {
 		for (; o.length;) o.pop()?.();
 	});
 }
 //#endregion
 //#region experimental/injectRouteErrorHandler.ts
 function je(e) {
-	let t = R(), r = pe({ from: e.from }), i = !1;
-	return p(n).onDestroy(() => {
+	let t = R(), n = pe({ from: e.from }), i = !1;
+	return m(r).onDestroy(() => {
 		i = !0;
 	}), { throw: (e) => {
 		if (i) {
 			console.warn("Attempted to throw error to route after it has been destroyed");
 			return;
 		}
-		let n = v(r).id;
-		t.updateMatch(n, (t) => ({
+		let r = v(n).id;
+		t.updateMatch(r, (t) => ({
 			...t,
 			error: e,
 			status: "error",