@angular/router 17.0.0-next.2 → 17.0.0-next.4

package/fesm2022/router.mjs

@@ -1,11 +1,11 @@
 /**
- * @license Angular v17.0.0-next.2
+ * @license Angular v17.0.0-next.4
  * (c) 2010-2022 Google LLC. https://angular.io/
  * License: MIT
  */
 
 import * as i0 from '@angular/core';
-import { ɵisPromise, ɵRuntimeError, Injectable, EventEmitter, inject, ViewContainerRef, ChangeDetectorRef, EnvironmentInjector, Directive, Input, Output, InjectionToken, reflectComponentType, Component, createEnvironmentInjector, ɵisNgModule, isStandalone, ɵisInjectable, Compiler, InjectFlags, NgModuleFactory, ɵConsole, ɵInitialRenderPendingTasks, NgZone, ɵɵsanitizeUrlOrResourceUrl, booleanAttribute, Attribute, HostBinding, HostListener, Optional, ContentChildren, makeEnvironmentProviders, APP_BOOTSTRAP_LISTENER, ENVIRONMENT_INITIALIZER, Injector, ApplicationRef, APP_INITIALIZER, NgProbeToken, SkipSelf, NgModule, Inject, Version } from '@angular/core';
+import { ɵisPromise, ɵRuntimeError, Injectable, EventEmitter, inject, ViewContainerRef, ChangeDetectorRef, EnvironmentInjector, Directive, Input, Output, InjectionToken, reflectComponentType, Component, createEnvironmentInjector, ɵisNgModule, isStandalone, ɵisInjectable, Compiler, InjectFlags, NgModuleFactory, NgZone, afterNextRender, ɵConsole, ɵInitialRenderPendingTasks, ɵɵsanitizeUrlOrResourceUrl, booleanAttribute, Attribute, HostBinding, HostListener, Optional, ContentChildren, makeEnvironmentProviders, APP_BOOTSTRAP_LISTENER, ENVIRONMENT_INITIALIZER, Injector, ApplicationRef, APP_INITIALIZER, NgProbeToken, SkipSelf, NgModule, Inject, Version } from '@angular/core';
 import { isObservable, from, of, BehaviorSubject, combineLatest, EmptyError, concat, defer, pipe, throwError, EMPTY, ConnectableObservable, Subject, Subscription } from 'rxjs';
 import * as i3 from '@angular/common';
 import { Location, ViewportScroller, LOCATION_INITIALIZED, LocationStrategy, HashLocationStrategy, PathLocationStrategy } from '@angular/common';
@@ -114,8 +114,8 @@ function shallowEqualArrays(a, b) {
 function shallowEqual(a, b) {
     // While `undefined` should never be possible, it would sometimes be the case in IE 11
     // and pre-chromium Edge. The check below accounts for this edge case.
-    const k1 = a ? Object.keys(a) : undefined;
-    const k2 = b ? Object.keys(b) : undefined;
+    const k1 = a ? getDataKeys(a) : undefined;
+    const k2 = b ? getDataKeys(b) : undefined;
     if (!k1 || !k2 || k1.length != k2.length) {
         return false;
     }
@@ -128,6 +128,12 @@ function shallowEqual(a, b) {
     }
     return true;
 }
+/**
+ * Gets the keys of an object, including `symbol` keys.
+ */
+function getDataKeys(obj) {
+    return [...Object.keys(obj), ...Object.getOwnPropertySymbols(obj)];
+}
 /**
  * Test equality for arrays of strings or a string.
  */
@@ -419,10 +425,10 @@ function mapChildrenIntoArray(segment, fn) {
  * @publicApi
  */
 class UrlSerializer {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: UrlSerializer, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: UrlSerializer, providedIn: 'root', useFactory: () => new DefaultUrlSerializer() }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: UrlSerializer, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: UrlSerializer, providedIn: 'root', useFactory: () => new DefaultUrlSerializer() }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: UrlSerializer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: UrlSerializer, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root', useFactory: () => new DefaultUrlSerializer() }]
         }] });
@@ -1779,10 +1785,10 @@ class ChildrenOutletContexts {
     getContext(childName) {
         return this.contexts.get(childName) || null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: ChildrenOutletContexts, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: ChildrenOutletContexts, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: ChildrenOutletContexts, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: ChildrenOutletContexts, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: ChildrenOutletContexts, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: ChildrenOutletContexts, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -2489,10 +2495,10 @@ class RouterOutlet {
         this.inputBinder?.bindActivatedRouteToOutletComponent(this);
         this.activateEvents.emit(this.activated.instance);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: RouterOutlet, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.2", type: RouterOutlet, isStandalone: true, selector: "router-outlet", inputs: { name: "name" }, outputs: { activateEvents: "activate", deactivateEvents: "deactivate", attachEvents: "attach", detachEvents: "detach" }, exportAs: ["outlet"], usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: RouterOutlet, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.4", type: RouterOutlet, isStandalone: true, selector: "router-outlet", inputs: { name: "name" }, outputs: { activateEvents: "activate", deactivateEvents: "deactivate", attachEvents: "attach", detachEvents: "detach" }, exportAs: ["outlet"], usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: RouterOutlet, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: RouterOutlet, decorators: [{
             type: Directive,
             args: [{
                     selector: 'router-outlet',
@@ -2595,10 +2601,10 @@ class RoutedComponentInputBinder {
         });
         this.outletDataSubscriptions.set(outlet, dataSubscription);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: RoutedComponentInputBinder, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: RoutedComponentInputBinder }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: RoutedComponentInputBinder, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: RoutedComponentInputBinder }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: RoutedComponentInputBinder, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: RoutedComponentInputBinder, decorators: [{
             type: Injectable
         }] });
 
@@ -2678,10 +2684,10 @@ function isNavigationCancelingError$1(error) {
  * to this `EmptyOutletComponent`.
  */
 class ɵEmptyOutletComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: ɵEmptyOutletComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.2", type: ɵEmptyOutletComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `<router-outlet></router-outlet>`, isInline: true, dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: ɵEmptyOutletComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-next.4", type: ɵEmptyOutletComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `<router-outlet></router-outlet>`, isInline: true, dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: ɵEmptyOutletComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: ɵEmptyOutletComponent, decorators: [{
             type: Component,
             args: [{
                     template: `<router-outlet></router-outlet>`,
@@ -3419,8 +3425,9 @@ class NoMatch {
         this.segmentGroup = segmentGroup || null;
     }
 }
-class AbsoluteRedirect {
+class AbsoluteRedirect extends Error {
     constructor(urlTree) {
+        super();
         this.urlTree = urlTree;
     }
 }
@@ -3462,7 +3469,11 @@ class ApplyRedirects {
         }
     }
     applyRedirectCommands(segments, redirectTo, posParams) {
-        return this.applyRedirectCreateUrlTree(redirectTo, this.urlSerializer.parse(redirectTo), segments, posParams);
+        const newTree = this.applyRedirectCreateUrlTree(redirectTo, this.urlSerializer.parse(redirectTo), segments, posParams);
+        if (redirectTo.startsWith('/')) {
+            throw new AbsoluteRedirect(newTree);
+        }
+        return newTree;
     }
     applyRedirectCreateUrlTree(redirectTo, urlTree, segments, posParams) {
         const newRoot = this.createSegmentGroup(redirectTo, urlTree.root, segments, posParams);
@@ -3642,6 +3653,13 @@ function noLeftoversInUrl(segmentGroup, segments, outlet) {
     return segments.length === 0 && !segmentGroup.children[outlet];
 }
 
+/**
+ * Class used to indicate there were no additional route config matches but that all segments of
+ * the URL were consumed during matching so the route was URL matched. When this happens, we still
+ * try to match child configs in case there are empty path children.
+ */
+class NoLeftoversInUrl {
+}
 function recognize$1(injector, configLoader, rootComponentType, config, urlTree, urlSerializer, paramsInheritanceStrategy = 'emptyOnly') {
     return new Recognizer(injector, configLoader, rootComponentType, config, urlTree, paramsInheritanceStrategy, urlSerializer)
         .recognize();
@@ -3713,7 +3731,8 @@ class Recognizer {
         if (segmentGroup.segments.length === 0 && segmentGroup.hasChildren()) {
             return this.processChildren(injector, config, segmentGroup);
         }
-        return this.processSegment(injector, config, segmentGroup, segmentGroup.segments, outlet, true);
+        return this.processSegment(injector, config, segmentGroup, segmentGroup.segments, outlet, true)
+            .pipe(map(child => child instanceof TreeNode ? [child] : []));
     }
     /**
      * Matches every child outlet in the `segmentGroup` to a `Route` in the config. Returns `null` if
@@ -3775,7 +3794,7 @@ class Recognizer {
         }), first((x) => !!x), catchError(e => {
             if (isEmptyError(e)) {
                 if (noLeftoversInUrl(segmentGroup, segments, outlet)) {
-                    return of([]);
+                    return of(new NoLeftoversInUrl());
                 }
                 return noMatch$1(segmentGroup);
             }
@@ -3786,7 +3805,7 @@ class Recognizer {
         if (!isImmediateMatch(route, rawSegment, segments, outlet))
             return noMatch$1(rawSegment);
         if (route.redirectTo === undefined) {
-            return this.matchSegmentAgainstRoute(injector, rawSegment, route, segments, outlet, allowRedirects);
+            return this.matchSegmentAgainstRoute(injector, rawSegment, route, segments, outlet);
         }
         if (allowRedirects && this.allowRedirects) {
             return this.expandSegmentAgainstRouteUsingRedirect(injector, rawSegment, routes, route, segments, outlet);
@@ -3794,45 +3813,20 @@ class Recognizer {
         return noMatch$1(rawSegment);
     }
     expandSegmentAgainstRouteUsingRedirect(injector, segmentGroup, routes, route, segments, outlet) {
-        if (route.path === '**') {
-            return this.expandWildCardWithParamsAgainstRouteUsingRedirect(injector, routes, route, outlet);
-        }
-        return this.expandRegularSegmentAgainstRouteUsingRedirect(injector, segmentGroup, routes, route, segments, outlet);
-    }
-    expandWildCardWithParamsAgainstRouteUsingRedirect(injector, routes, route, outlet) {
-        const newTree = this.applyRedirects.applyRedirectCommands([], route.redirectTo, {});
-        if (route.redirectTo.startsWith('/')) {
-            return absoluteRedirect(newTree);
-        }
-        return this.applyRedirects.lineralizeSegments(route, newTree)
-            .pipe(mergeMap((newSegments) => {
-            const group = new UrlSegmentGroup(newSegments, {});
-            return this.processSegment(injector, routes, group, newSegments, outlet, false);
-        }));
-    }
-    expandRegularSegmentAgainstRouteUsingRedirect(injector, segmentGroup, routes, route, segments, outlet) {
-        const { matched, consumedSegments, remainingSegments, positionalParamSegments } = match(segmentGroup, route, segments);
+        const { matched, consumedSegments, positionalParamSegments, remainingSegments, } = route.path === '**' ? createWildcardMatchResult(segments) :
+            match(segmentGroup, route, segments);
         if (!matched)
             return noMatch$1(segmentGroup);
         const newTree = this.applyRedirects.applyRedirectCommands(consumedSegments, route.redirectTo, positionalParamSegments);
-        if (route.redirectTo.startsWith('/')) {
-            return absoluteRedirect(newTree);
-        }
         return this.applyRedirects.lineralizeSegments(route, newTree)
             .pipe(mergeMap((newSegments) => {
             return this.processSegment(injector, routes, segmentGroup, newSegments.concat(remainingSegments), outlet, false);
         }));
     }
-    matchSegmentAgainstRoute(injector, rawSegment, route, segments, outlet, allowRedirects) {
+    matchSegmentAgainstRoute(injector, rawSegment, route, segments, outlet) {
         let matchResult;
         if (route.path === '**') {
-            const params = segments.length > 0 ? last(segments).parameters : {};
-            const snapshot = new ActivatedRouteSnapshot(segments, params, Object.freeze({ ...this.urlTree.queryParams }), this.urlTree.fragment, getData(route), getOutlet(route), route.component ?? route._loadedComponent ?? null, route, getResolve(route));
-            matchResult = of({
-                snapshot,
-                consumedSegments: [],
-                remainingSegments: [],
-            });
+            matchResult = of(createWildcardMatchResult(segments));
             // Prior versions of the route matching algorithm would stop matching at the wildcard route.
             // We should investigate a better strategy for any existing children. Otherwise, these
             // child segments are silently dropped from the navigation.
@@ -3840,18 +3834,10 @@ class Recognizer {
             rawSegment.children = {};
         }
         else {
-            matchResult =
-                matchWithChecks(rawSegment, route, segments, injector, this.urlSerializer)
-                    .pipe(map(({ matched, consumedSegments, remainingSegments, parameters }) => {
-                    if (!matched) {
-                        return null;
-                    }
-                    const snapshot = new ActivatedRouteSnapshot(consumedSegments, parameters, Object.freeze({ ...this.urlTree.queryParams }), this.urlTree.fragment, getData(route), getOutlet(route), route.component ?? route._loadedComponent ?? null, route, getResolve(route));
-                    return { snapshot, consumedSegments, remainingSegments };
-                }));
+            matchResult = matchWithChecks(rawSegment, route, segments, injector, this.urlSerializer);
         }
         return matchResult.pipe(switchMap((result) => {
-            if (result === null) {
+            if (!result.matched) {
                 return noMatch$1(rawSegment);
             }
             // If the route has an injector created from providers, we should start using that.
@@ -3859,7 +3845,8 @@ class Recognizer {
             return this.getChildConfig(injector, route, segments)
                 .pipe(switchMap(({ routes: childConfig }) => {
                 const childInjector = route._loadedInjector ?? injector;
-                const { snapshot, consumedSegments, remainingSegments } = result;
+                const { consumedSegments, remainingSegments, parameters } = result;
+                const snapshot = new ActivatedRouteSnapshot(consumedSegments, parameters, Object.freeze({ ...this.urlTree.queryParams }), this.urlTree.fragment, getData(route), getOutlet(route), route.component ?? route._loadedComponent ?? null, route, getResolve(route));
                 const { segmentGroup, slicedSegments } = split(rawSegment, consumedSegments, remainingSegments, childConfig);
                 if (slicedSegments.length === 0 && segmentGroup.hasChildren()) {
                     return this.processChildren(childInjector, childConfig, segmentGroup)
@@ -3867,11 +3854,11 @@ class Recognizer {
                         if (children === null) {
                             return null;
                         }
-                        return [new TreeNode(snapshot, children)];
+                        return new TreeNode(snapshot, children);
                     }));
                 }
                 if (childConfig.length === 0 && slicedSegments.length === 0) {
-                    return of([new TreeNode(snapshot, [])]);
+                    return of(new TreeNode(snapshot, []));
                 }
                 const matchedOnOutlet = getOutlet(route) === outlet;
                 // If we matched a config due to empty path match on a different outlet, we need to
@@ -3884,8 +3871,8 @@ class Recognizer {
                 // Notice that the children of the named outlet are configured with the primary outlet
                 return this
                     .processSegment(childInjector, childConfig, segmentGroup, slicedSegments, matchedOnOutlet ? PRIMARY_OUTLET : outlet, true)
-                    .pipe(map(children => {
-                    return [new TreeNode(snapshot, children)];
+                    .pipe(map(child => {
+                    return new TreeNode(snapshot, child instanceof TreeNode ? [child] : []);
                 }));
             }));
         }));
@@ -3980,6 +3967,15 @@ function getData(route) {
 function getResolve(route) {
     return route.resolve || {};
 }
+function createWildcardMatchResult(segments) {
+    return {
+        matched: true,
+        parameters: segments.length > 0 ? last(segments).parameters : {},
+        consumedSegments: segments,
+        remainingSegments: [],
+        positionalParamSegments: {},
+    };
+}
 
 function recognize(injector, configLoader, rootComponentType, config, serializer, paramsInheritanceStrategy) {
     return mergeMap(t => recognize$1(injector, configLoader, rootComponentType, config, t.extractedUrl, serializer, paramsInheritanceStrategy)
@@ -4025,9 +4021,6 @@ function resolveNode(resolve, futureARS, futureRSS, injector) {
         data[key] = value;
     }))), takeLast(1), mapTo(data), catchError((e) => isEmptyError(e) ? EMPTY : throwError(e)));
 }
-function getDataKeys(obj) {
-    return [...Object.keys(obj), ...Object.getOwnPropertySymbols(obj)];
-}
 function getResolver(injectionToken, futureARS, futureRSS, injector) {
     const closestInjector = getClosestRouteInjector(futureARS) ?? injector;
     const resolver = getTokenOrFunctionIdentity(injectionToken, closestInjector);
@@ -4099,10 +4092,10 @@ class TitleStrategy {
     getResolvedTitleForRoute(snapshot) {
         return snapshot.data[RouteTitleKey];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: TitleStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: TitleStrategy, providedIn: 'root', useFactory: () => inject(DefaultTitleStrategy) }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: TitleStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: TitleStrategy, providedIn: 'root', useFactory: () => inject(DefaultTitleStrategy) }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: TitleStrategy, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: TitleStrategy, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root', useFactory: () => inject(DefaultTitleStrategy) }]
         }] });
@@ -4125,10 +4118,10 @@ class DefaultTitleStrategy extends TitleStrategy {
             this.title.setTitle(title);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: DefaultTitleStrategy, deps: [{ token: i1.Title }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: DefaultTitleStrategy, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: DefaultTitleStrategy, deps: [{ token: i1.Title }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: DefaultTitleStrategy, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: DefaultTitleStrategy, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: DefaultTitleStrategy, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: i1.Title }]; } });
@@ -4242,10 +4235,10 @@ class RouterConfigLoader {
             }
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: RouterConfigLoader, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: RouterConfigLoader, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: RouterConfigLoader, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: RouterConfigLoader, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: RouterConfigLoader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: RouterConfigLoader, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -4261,6 +4254,76 @@ function maybeUnwrapDefaultExport(input) {
     return isWrappedDefaultExport(input) ? input['default'] : input;
 }
 
+/**
+ * @description
+ *
+ * Provides a way to migrate AngularJS applications to Angular.
+ *
+ * @publicApi
+ */
+class UrlHandlingStrategy {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: UrlHandlingStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: UrlHandlingStrategy, providedIn: 'root', useFactory: () => inject(DefaultUrlHandlingStrategy) }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: UrlHandlingStrategy, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root', useFactory: () => inject(DefaultUrlHandlingStrategy) }]
+        }] });
+/**
+ * @publicApi
+ */
+class DefaultUrlHandlingStrategy {
+    shouldProcessUrl(url) {
+        return true;
+    }
+    extract(url) {
+        return url;
+    }
+    merge(newUrlPart, wholeUrl) {
+        return newUrlPart;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: DefaultUrlHandlingStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: DefaultUrlHandlingStrategy, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: DefaultUrlHandlingStrategy, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/// <reference types="@types/dom-view-transitions" />
+const CREATE_VIEW_TRANSITION = new InjectionToken(ngDevMode ? 'view transition helper' : '');
+/**
+ * A helper function for using browser view transitions. This function skips the call to
+ * `startViewTransition` if the browser does not support it.
+ *
+ * @returns A Promise that resolves when the view transition callback begins.
+ */
+function createViewTransition(injector) {
+    // Create promises outside the Angular zone to avoid causing extra change detections
+    return injector.get(NgZone).runOutsideAngular(() => {
+        if (!document.startViewTransition) {
+            return Promise.resolve();
+        }
+        let resolveViewTransitionStarted;
+        const viewTransitionStarted = new Promise((resolve) => {
+            resolveViewTransitionStarted = resolve;
+        });
+        document.startViewTransition(() => {
+            resolveViewTransitionStarted();
+            return createRenderPromise(injector);
+        });
+        return viewTransitionStarted;
+    });
+}
+/**
+ * Creates a promise that resolves after next render.
+ */
+function createRenderPromise(injector) {
+    return new Promise(resolve => {
+        afterNextRender(resolve, { injector });
+    });
+}
+
 class NavigationTransitions {
     get hasRequestedNavigation() {
         return this.navigationId !== 0;
@@ -4287,6 +4350,8 @@ class NavigationTransitions {
         this.titleStrategy = inject(TitleStrategy);
         this.options = inject(ROUTER_CONFIGURATION, { optional: true }) || {};
         this.paramsInheritanceStrategy = this.options.paramsInheritanceStrategy || 'emptyOnly';
+        this.urlHandlingStrategy = inject(UrlHandlingStrategy);
+        this.createViewTransition = inject(CREATE_VIEW_TRANSITION, { optional: true });
         this.navigationId = 0;
         /**
          * Hook that enables you to pause navigation after the preactivation phase.
@@ -4315,8 +4380,8 @@ class NavigationTransitions {
             currentUrlTree: initialUrlTree,
             currentRawUrl: initialUrlTree,
             currentBrowserUrl: initialUrlTree,
-            extractedUrl: router.urlHandlingStrategy.extract(initialUrlTree),
-            urlAfterRedirects: router.urlHandlingStrategy.extract(initialUrlTree),
+            extractedUrl: this.urlHandlingStrategy.extract(initialUrlTree),
+            urlAfterRedirects: this.urlHandlingStrategy.extract(initialUrlTree),
             rawUrl: initialUrlTree,
             extras: {},
             resolve: null,
@@ -4333,7 +4398,7 @@ class NavigationTransitions {
         });
         return this.transitions.pipe(filter(t => t.id !== 0), 
         // Extract URL
-        map(t => ({ ...t, extractedUrl: router.urlHandlingStrategy.extract(t.rawUrl) })), 
+        map(t => ({ ...t, extractedUrl: this.urlHandlingStrategy.extract(t.rawUrl) })), 
         // Using switchMap so we cancel executing navigations when a new one comes in
         switchMap(overallTransitionState => {
             this.currentTransition = overallTransitionState;
@@ -4372,7 +4437,7 @@ class NavigationTransitions {
                     t.resolve(null);
                     return EMPTY;
                 }
-                if (router.urlHandlingStrategy.shouldProcessUrl(t.rawUrl)) {
+                if (this.urlHandlingStrategy.shouldProcessUrl(t.rawUrl)) {
                     return of(t).pipe(
                     // Fire NavigationStart event
                     switchMap(t => {
@@ -4401,7 +4466,7 @@ class NavigationTransitions {
                     }));
                 }
                 else if (urlTransition &&
-                    router.urlHandlingStrategy.shouldProcessUrl(t.currentRawUrl)) {
+                    this.urlHandlingStrategy.shouldProcessUrl(t.currentRawUrl)) {
                     /* When the current URL shouldn't be processed, but the previous one
                      * was, we handle this "error condition" by navigating to the
                      * previously successful URL, but leaving the URL intact.*/
@@ -4415,6 +4480,7 @@ class NavigationTransitions {
                         urlAfterRedirects: extractedUrl,
                         extras: { ...extras, skipLocationChange: false, replaceUrl: false },
                     };
+                    this.currentNavigation.finalUrl = extractedUrl;
                     return of(overallTransitionState);
                 }
                 else {
@@ -4499,10 +4565,18 @@ class NavigationTransitions {
                 };
                 return combineLatest(loadComponents(t.targetSnapshot.root))
                     .pipe(defaultIfEmpty(), take(1));
-            }), switchTap(() => this.afterPreactivation()), map((t) => {
+            }), switchTap(() => this.afterPreactivation()), switchMap(() => {
+                const viewTransitionStarted = this.createViewTransition?.(this.environmentInjector);
+                // If view transitions are enabled, block the navigation until the view
+                // transition callback starts. Otherwise, continue immediately.
+                return viewTransitionStarted ?
+                    from(viewTransitionStarted).pipe(map(() => overallTransitionState)) :
+                    of(overallTransitionState);
+            }), map((t) => {
                 const targetRouterState = createRouterState(router.routeReuseStrategy, t.targetSnapshot, t.currentRouterState);
                 this.currentTransition =
                     overallTransitionState = { ...t, targetRouterState };
+                this.currentNavigation.targetRouterState = targetRouterState;
                 return overallTransitionState;
             }), tap(() => {
                 this.events.next(new BeforeActivateRoutes());
@@ -4586,10 +4660,10 @@ class NavigationTransitions {
         this.events.next(navCancel);
         t.resolve(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: NavigationTransitions, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: NavigationTransitions, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: NavigationTransitions, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: NavigationTransitions, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: NavigationTransitions, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: NavigationTransitions, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return []; } });
@@ -4605,10 +4679,10 @@ function isBrowserTriggeredNavigation(source) {
  * @publicApi
  */
 class RouteReuseStrategy {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: RouteReuseStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: RouteReuseStrategy, providedIn: 'root', useFactory: () => inject(DefaultRouteReuseStrategy) }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: RouteReuseStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: RouteReuseStrategy, providedIn: 'root', useFactory: () => inject(DefaultRouteReuseStrategy) }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: RouteReuseStrategy, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: RouteReuseStrategy, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root', useFactory: () => inject(DefaultRouteReuseStrategy) }]
         }] });
@@ -4659,46 +4733,238 @@ class BaseRouteReuseStrategy {
     }
 }
 class DefaultRouteReuseStrategy extends BaseRouteReuseStrategy {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: DefaultRouteReuseStrategy, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: DefaultRouteReuseStrategy, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: DefaultRouteReuseStrategy, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: DefaultRouteReuseStrategy, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: DefaultRouteReuseStrategy, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: DefaultRouteReuseStrategy, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
 
-/**
- * @description
- *
- * Provides a way to migrate AngularJS applications to Angular.
- *
- * @publicApi
- */
-class UrlHandlingStrategy {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: UrlHandlingStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: UrlHandlingStrategy, providedIn: 'root', useFactory: () => inject(DefaultUrlHandlingStrategy) }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: UrlHandlingStrategy, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root', useFactory: () => inject(DefaultUrlHandlingStrategy) }]
-        }] });
-/**
- * @publicApi
- */
-class DefaultUrlHandlingStrategy {
-    shouldProcessUrl(url) {
-        return true;
+class StateManager {
+    constructor() {
+        this.location = inject(Location);
+        this.urlSerializer = inject(UrlSerializer);
+        this.options = inject(ROUTER_CONFIGURATION, { optional: true }) || {};
+        this.canceledNavigationResolution = this.options.canceledNavigationResolution || 'replace';
+        // These are currently writable via the Router public API but are deprecated and should be made
+        // `private readonly` in the future.
+        this.urlHandlingStrategy = inject(UrlHandlingStrategy);
+        this.urlUpdateStrategy = this.options.urlUpdateStrategy || 'deferred';
+        /**
+         * Represents the activated `UrlTree` that the `Router` is configured to handle (through
+         * `UrlHandlingStrategy`). That is, after we find the route config tree that we're going to
+         * activate, run guards, and are just about to activate the route, we set the currentUrlTree.
+         *
+         * This should match the `browserUrlTree` when a navigation succeeds. If the
+         * `UrlHandlingStrategy.shouldProcessUrl` is `false`, only the `browserUrlTree` is updated.
+         * @internal
+         */
+        this.currentUrlTree = new UrlTree();
+        /**
+         * Meant to represent the entire browser url after a successful navigation. In the life of a
+         * navigation transition:
+         * 1. The rawUrl represents the full URL that's being navigated to
+         * 2. We apply redirects, which might only apply to _part_ of the URL (due to
+         * `UrlHandlingStrategy`).
+         * 3. Right before activation (because we assume activation will succeed), we update the
+         * rawUrlTree to be a combination of the urlAfterRedirects (again, this might only apply to part
+         * of the initial url) and the rawUrl of the transition (which was the original navigation url in
+         * its full form).
+         * @internal
+         *
+         * Note that this is _only_ here to support `UrlHandlingStrategy.extract` and
+         * `UrlHandlingStrategy.shouldProcessUrl`. If those didn't exist, we could get by with
+         * `currentUrlTree` alone. If a new Router were to be provided (i.e. one that works with the
+         * browser navigation API), we should think about whether this complexity should be carried over.
+         *
+         * - extract: `rawUrlTree` is needed because `extract` may only return part
+         * of the navigation URL. Thus, `currentUrlTree` may only represent _part_ of the browser URL.
+         * When a navigation gets cancelled and we need to reset the URL or a new navigation occurs, we
+         * need to know the _whole_ browser URL, not just the part handled by UrlHandlingStrategy.
+         * - shouldProcessUrl: When this returns `false`, the router just ignores the navigation but still
+         * updates the `rawUrlTree` with the assumption that the navigation was caused by the location
+         * change listener due to a URL update by the AngularJS router. In this case, we still need to
+         * know what the browser's URL is for future navigations.
+         *
+         */
+        this.rawUrlTree = this.currentUrlTree;
+        /**
+         * Meant to represent the part of the browser url that the `Router` is set up to handle (via the
+         * `UrlHandlingStrategy`). This value is updated immediately after the browser url is updated (or
+         * the browser url update is skipped via `skipLocationChange`). With that, note that
+         * `browserUrlTree` _may not_ reflect the actual browser URL for two reasons:
+         *
+         * 1. `UrlHandlingStrategy` only handles part of the URL
+         * 2. `skipLocationChange` does not update the browser url.
+         *
+         * So to reiterate, `browserUrlTree` only represents the Router's internal understanding of the
+         * current route, either before guards with `urlUpdateStrategy === 'eager'` or right before
+         * activation with `'deferred'`.
+         *
+         * This should match the `currentUrlTree` when the navigation succeeds.
+         * @internal
+         */
+        this.browserUrlTree = this.currentUrlTree;
+        /**
+         * The id of the currently active page in the router.
+         * Updated to the transition's target id on a successful navigation.
+         *
+         * This is used to track what page the router last activated. When an attempted navigation fails,
+         * the router can then use this to compute how to restore the state back to the previously active
+         * page.
+         */
+        this.currentPageId = 0;
+        this.lastSuccessfulId = -1;
+        this.routerState = createEmptyState(this.currentUrlTree, null);
+        this.stateMemento = this.createStateMemento();
     }
-    extract(url) {
-        return url;
+    /**
+     * The ɵrouterPageId of whatever page is currently active in the browser history. This is
+     * important for computing the target page id for new navigations because we need to ensure each
+     * page id in the browser history is 1 more than the previous entry.
+     */
+    get browserPageId() {
+        if (this.canceledNavigationResolution !== 'computed') {
+            return this.currentPageId;
+        }
+        return this.location.getState()?.ɵrouterPageId ?? this.currentPageId;
     }
-    merge(newUrlPart, wholeUrl) {
-        return newUrlPart;
+    createStateMemento() {
+        return {
+            rawUrlTree: this.rawUrlTree,
+            browserUrlTree: this.browserUrlTree,
+            currentUrlTree: this.currentUrlTree,
+            routerState: this.routerState,
+        };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: DefaultUrlHandlingStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: DefaultUrlHandlingStrategy, providedIn: 'root' }); }
+    handleNavigationEvent(e, currentTransition) {
+        if (e instanceof NavigationStart) {
+            this.stateMemento = this.createStateMemento();
+            // If the source of the navigation is from a browser event, the URL is
+            // already updated. We already need to sync the internal state.
+            if (isBrowserTriggeredNavigation(currentTransition.trigger)) {
+                this.browserUrlTree = currentTransition.extractedUrl;
+            }
+        }
+        else if (e instanceof NavigationSkipped) {
+            this.rawUrlTree = currentTransition.initialUrl;
+        }
+        else if (e instanceof RoutesRecognized) {
+            if (this.urlUpdateStrategy === 'eager') {
+                if (!currentTransition.extras.skipLocationChange) {
+                    const rawUrl = this.urlHandlingStrategy.merge(currentTransition.finalUrl, currentTransition.initialUrl);
+                    this.setBrowserUrl(rawUrl, currentTransition);
+                }
+                this.browserUrlTree = currentTransition.finalUrl;
+            }
+        }
+        else if (e instanceof BeforeActivateRoutes) {
+            this.currentUrlTree = currentTransition.finalUrl;
+            this.rawUrlTree =
+                this.urlHandlingStrategy.merge(currentTransition.finalUrl, currentTransition.initialUrl);
+            this.routerState = currentTransition.targetRouterState;
+            if (this.urlUpdateStrategy === 'deferred') {
+                if (!currentTransition.extras.skipLocationChange) {
+                    this.setBrowserUrl(this.rawUrlTree, currentTransition);
+                }
+                this.browserUrlTree = currentTransition.finalUrl;
+            }
+        }
+        else if (e instanceof NavigationCancel &&
+            (e.code === 3 /* NavigationCancellationCode.GuardRejected */ ||
+                e.code === 2 /* NavigationCancellationCode.NoDataFromResolver */)) {
+            this.restoreHistory(currentTransition);
+        }
+        else if (e instanceof NavigationError) {
+            this.restoreHistory(currentTransition, true);
+        }
+        else if (e instanceof NavigationEnd) {
+            this.lastSuccessfulId = e.id;
+            this.currentPageId = this.browserPageId;
+        }
+    }
+    setBrowserUrl(url, transition) {
+        const path = this.urlSerializer.serialize(url);
+        if (this.location.isCurrentPathEqualTo(path) || !!transition.extras.replaceUrl) {
+            // replacements do not update the target page
+            const currentBrowserPageId = this.browserPageId;
+            const state = {
+                ...transition.extras.state,
+                ...this.generateNgRouterState(transition.id, currentBrowserPageId)
+            };
+            this.location.replaceState(path, '', state);
+        }
+        else {
+            const state = {
+                ...transition.extras.state,
+                ...this.generateNgRouterState(transition.id, this.browserPageId + 1)
+            };
+            this.location.go(path, '', state);
+        }
+    }
+    /**
+     * Performs the necessary rollback action to restore the browser URL to the
+     * state before the transition.
+     * @internal
+     */
+    restoreHistory(navigation, restoringFromCaughtError = false) {
+        if (this.canceledNavigationResolution === 'computed') {
+            const currentBrowserPageId = this.browserPageId;
+            const targetPagePosition = this.currentPageId - currentBrowserPageId;
+            if (targetPagePosition !== 0) {
+                this.location.historyGo(targetPagePosition);
+            }
+            else if (this.currentUrlTree === navigation.finalUrl && targetPagePosition === 0) {
+                // We got to the activation stage (where currentUrlTree is set to the navigation's
+                // finalUrl), but we weren't moving anywhere in history (skipLocationChange or replaceUrl).
+                // We still need to reset the router state back to what it was when the navigation started.
+                this.resetState(navigation);
+                // TODO(atscott): resetting the `browserUrlTree` should really be done in `resetState`.
+                // Investigate if this can be done by running TGP.
+                this.browserUrlTree = this.stateMemento.browserUrlTree;
+                this.resetUrlToCurrentUrlTree();
+            }
+            else {
+                // The browser URL and router state was not updated before the navigation cancelled so
+                // there's no restoration needed.
+            }
+        }
+        else if (this.canceledNavigationResolution === 'replace') {
+            // TODO(atscott): It seems like we should _always_ reset the state here. It would be a no-op
+            // for `deferred` navigations that haven't change the internal state yet because guards
+            // reject. For 'eager' navigations, it seems like we also really should reset the state
+            // because the navigation was cancelled. Investigate if this can be done by running TGP.
+            if (restoringFromCaughtError) {
+                this.resetState(navigation);
+            }
+            this.resetUrlToCurrentUrlTree();
+        }
+    }
+    resetState(navigation) {
+        this.routerState = this.stateMemento.routerState;
+        this.currentUrlTree = this.stateMemento.currentUrlTree;
+        // Note here that we use the urlHandlingStrategy to get the reset `rawUrlTree` because it may be
+        // configured to handle only part of the navigation URL. This means we would only want to reset
+        // the part of the navigation handled by the Angular router rather than the whole URL. In
+        // addition, the URLHandlingStrategy may be configured to specifically preserve parts of the URL
+        // when merging, such as the query params so they are not lost on a refresh.
+        this.rawUrlTree =
+            this.urlHandlingStrategy.merge(this.currentUrlTree, navigation.finalUrl ?? this.rawUrlTree);
+    }
+    resetUrlToCurrentUrlTree() {
+        this.location.replaceState(this.urlSerializer.serialize(this.rawUrlTree), '', this.generateNgRouterState(this.lastSuccessfulId, this.currentPageId));
+    }
+    generateNgRouterState(navigationId, routerPageId) {
+        if (this.canceledNavigationResolution === 'computed') {
+            return { navigationId, ɵrouterPageId: routerPageId };
+        }
+        return { navigationId };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: StateManager, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: StateManager, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: DefaultUrlHandlingStrategy, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: StateManager, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -4775,21 +5041,14 @@ const subsetMatchOptions = {
  * @publicApi
  */
 class Router {
-    // TODO(b/260747083): This should not exist and navigationId should be private in
-    // `NavigationTransitions`
-    get navigationId() {
-        return this.navigationTransitions.navigationId;
+    get currentUrlTree() {
+        return this.stateManager.currentUrlTree;
     }
-    /**
-     * The ɵrouterPageId of whatever page is currently active in the browser history. This is
-     * important for computing the target page id for new navigations because we need to ensure each
-     * page id in the browser history is 1 more than the previous entry.
-     */
-    get browserPageId() {
-        if (this.canceledNavigationResolution !== 'computed') {
-            return this.currentPageId;
-        }
-        return this.location.getState()?.ɵrouterPageId ?? this.currentPageId;
+    get rawUrlTree() {
+        return this.stateManager.rawUrlTree;
+    }
+    get browserUrlTree() {
+        return this.stateManager.browserUrlTree;
     }
     /**
      * An event stream for routing events.
@@ -4801,27 +5060,30 @@ class Router {
         // the change.
         return this._events;
     }
+    /**
+     * The current state of routing in this NgModule.
+     */
+    get routerState() {
+        return this.stateManager.routerState;
+    }
     constructor() {
         this.disposed = false;
-        /**
-         * The id of the currently active page in the router.
-         * Updated to the transition's target id on a successful navigation.
-         *
-         * This is used to track what page the router last activated. When an attempted navigation fails,
-         * the router can then use this to compute how to restore the state back to the previously active
-         * page.
-         */
-        this.currentPageId = 0;
-        this.console = inject(ɵConsole);
         this.isNgZoneEnabled = false;
+        this.console = inject(ɵConsole);
+        this.stateManager = inject(StateManager);
+        this.options = inject(ROUTER_CONFIGURATION, { optional: true }) || {};
+        this.pendingTasks = inject(ɵInitialRenderPendingTasks);
+        this.urlUpdateStrategy = this.options.urlUpdateStrategy || 'deferred';
+        this.navigationTransitions = inject(NavigationTransitions);
+        this.urlSerializer = inject(UrlSerializer);
+        this.location = inject(Location);
+        this.urlHandlingStrategy = inject(UrlHandlingStrategy);
         /**
          * The private `Subject` type for the public events exposed in the getter. This is used internally
          * to push events to. The separate field allows us to expose separate types in the public API
          * (i.e., an Observable rather than the Subject).
          */
         this._events = new Subject();
-        this.options = inject(ROUTER_CONFIGURATION, { optional: true }) || {};
-        this.pendingTasks = inject(ɵInitialRenderPendingTasks);
         /**
          * A handler for navigation errors in this NgModule.
          *
@@ -4844,15 +5106,6 @@ class Router {
          * false otherwise.
          */
         this.navigated = false;
-        this.lastSuccessfulId = -1;
-        /**
-         * A strategy for extracting and merging URLs.
-         * Used for AngularJS to Angular migrations.
-         *
-         * @deprecated Configure using `providers` instead:
-         *   `{provide: UrlHandlingStrategy, useClass: MyStrategy}`.
-         */
-        this.urlHandlingStrategy = inject(UrlHandlingStrategy);
         /**
          * A strategy for re-using routes.
          *
@@ -4870,37 +5123,7 @@ class Router {
          * @see {@link RouterModule}
          */
         this.onSameUrlNavigation = this.options.onSameUrlNavigation || 'ignore';
-        this.urlUpdateStrategy = this.options.urlUpdateStrategy || 'deferred';
-        /**
-         * Configures how the Router attempts to restore state when a navigation is cancelled.
-         *
-         * 'replace' - Always uses `location.replaceState` to set the browser state to the state of the
-         * router before the navigation started. This means that if the URL of the browser is updated
-         * _before_ the navigation is canceled, the Router will simply replace the item in history rather
-         * than trying to restore to the previous location in the session history. This happens most
-         * frequently with `urlUpdateStrategy: 'eager'` and navigations with the browser back/forward
-         * buttons.
-         *
-         * 'computed' - Will attempt to return to the same index in the session history that corresponds
-         * to the Angular route when the navigation gets cancelled. For example, if the browser back
-         * button is clicked and the navigation is cancelled, the Router will trigger a forward navigation
-         * and vice versa.
-         *
-         * Note: the 'computed' option is incompatible with any `UrlHandlingStrategy` which only
-         * handles a portion of the URL because the history restoration navigates to the previous place in
-         * the browser history rather than simply resetting a portion of the URL.
-         *
-         * The default value is `replace`.
-         *
-         * @see {@link withRouterConfig}
-         * @see {@link provideRouter}
-         * @see {@link RouterModule}
-         */
-        this.canceledNavigationResolution = this.options.canceledNavigationResolution || 'replace';
         this.config = inject(ROUTES, { optional: true })?.flat() ?? [];
-        this.navigationTransitions = inject(NavigationTransitions);
-        this.urlSerializer = inject(UrlSerializer);
-        this.location = inject(Location);
         /**
          * Indicates whether the application has opted in to binding Router data to component inputs.
          *
@@ -4911,94 +5134,48 @@ class Router {
         this.eventsSubscription = new Subscription();
         this.isNgZoneEnabled = inject(NgZone) instanceof NgZone && NgZone.isInAngularZone();
         this.resetConfig(this.config);
-        this.currentUrlTree = new UrlTree();
-        this.rawUrlTree = this.currentUrlTree;
-        this.browserUrlTree = this.currentUrlTree;
-        this.routerState = createEmptyState(this.currentUrlTree, null);
         this.navigationTransitions.setupNavigations(this, this.currentUrlTree, this.routerState)
-            .subscribe(t => {
-            this.lastSuccessfulId = t.id;
-            this.currentPageId = this.browserPageId;
-        }, e => {
-            this.console.warn(`Unhandled Navigation Error: ${e}`);
+            .subscribe({
+            error: (e) => {
+                this.console.warn(ngDevMode ? `Unhandled Navigation Error: ${e}` : e);
+            }
         });
         this.subscribeToNavigationEvents();
     }
     subscribeToNavigationEvents() {
         const subscription = this.navigationTransitions.events.subscribe(e => {
             try {
-                const { currentTransition } = this.navigationTransitions;
-                if (currentTransition === null) {
-                    if (isPublicRouterEvent(e)) {
-                        this._events.next(e);
-                    }
-                    return;
-                }
-                if (e instanceof NavigationStart) {
-                    // If the source of the navigation is from a browser event, the URL is
-                    // already updated. We already need to sync the internal state.
-                    if (isBrowserTriggeredNavigation(currentTransition.source)) {
-                        this.browserUrlTree = currentTransition.extractedUrl;
-                    }
-                }
-                else if (e instanceof NavigationSkipped) {
-                    this.rawUrlTree = currentTransition.rawUrl;
-                }
-                else if (e instanceof RoutesRecognized) {
-                    if (this.urlUpdateStrategy === 'eager') {
-                        if (!currentTransition.extras.skipLocationChange) {
-                            const rawUrl = this.urlHandlingStrategy.merge(currentTransition.urlAfterRedirects, currentTransition.rawUrl);
-                            this.setBrowserUrl(rawUrl, currentTransition);
-                        }
-                        this.browserUrlTree = currentTransition.urlAfterRedirects;
-                    }
-                }
-                else if (e instanceof BeforeActivateRoutes) {
-                    this.currentUrlTree = currentTransition.urlAfterRedirects;
-                    this.rawUrlTree = this.urlHandlingStrategy.merge(currentTransition.urlAfterRedirects, currentTransition.rawUrl);
-                    this.routerState = currentTransition.targetRouterState;
-                    if (this.urlUpdateStrategy === 'deferred') {
-                        if (!currentTransition.extras.skipLocationChange) {
-                            this.setBrowserUrl(this.rawUrlTree, currentTransition);
-                        }
-                        this.browserUrlTree = currentTransition.urlAfterRedirects;
-                    }
-                }
-                else if (e instanceof NavigationCancel) {
-                    if (e.code !== 0 /* NavigationCancellationCode.Redirect */ &&
+                const currentTransition = this.navigationTransitions.currentTransition;
+                const currentNavigation = this.navigationTransitions.currentNavigation;
+                if (currentTransition !== null && currentNavigation !== null) {
+                    this.stateManager.handleNavigationEvent(e, currentNavigation);
+                    if (e instanceof NavigationCancel && e.code !== 0 /* NavigationCancellationCode.Redirect */ &&
                         e.code !== 1 /* NavigationCancellationCode.SupersededByNewNavigation */) {
                         // It seems weird that `navigated` is set to `true` when the navigation is rejected,
                         // however it's how things were written initially. Investigation would need to be done
                         // to determine if this can be removed.
                         this.navigated = true;
                     }
-                    if (e.code === 3 /* NavigationCancellationCode.GuardRejected */ ||
-                        e.code === 2 /* NavigationCancellationCode.NoDataFromResolver */) {
-                        this.restoreHistory(currentTransition);
+                    else if (e instanceof NavigationEnd) {
+                        this.navigated = true;
+                    }
+                    else if (e instanceof RedirectRequest) {
+                        const mergedTree = this.urlHandlingStrategy.merge(e.url, currentTransition.currentRawUrl);
+                        const extras = {
+                            skipLocationChange: currentTransition.extras.skipLocationChange,
+                            // The URL is already updated at this point if we have 'eager' URL
+                            // updates or if the navigation was triggered by the browser (back
+                            // button, URL bar, etc). We want to replace that item in history
+                            // if the navigation is rejected.
+                            replaceUrl: this.urlUpdateStrategy === 'eager' ||
+                                isBrowserTriggeredNavigation(currentTransition.source)
+                        };
+                        this.scheduleNavigation(mergedTree, IMPERATIVE_NAVIGATION, null, extras, {
+                            resolve: currentTransition.resolve,
+                            reject: currentTransition.reject,
+                            promise: currentTransition.promise
+                        });
                     }
-                }
-                else if (e instanceof RedirectRequest) {
-                    const mergedTree = this.urlHandlingStrategy.merge(e.url, currentTransition.currentRawUrl);
-                    const extras = {
-                        skipLocationChange: currentTransition.extras.skipLocationChange,
-                        // The URL is already updated at this point if we have 'eager' URL
-                        // updates or if the navigation was triggered by the browser (back
-                        // button, URL bar, etc). We want to replace that item in history
-                        // if the navigation is rejected.
-                        replaceUrl: this.urlUpdateStrategy === 'eager' ||
-                            isBrowserTriggeredNavigation(currentTransition.source)
-                    };
-                    this.scheduleNavigation(mergedTree, IMPERATIVE_NAVIGATION, null, extras, {
-                        resolve: currentTransition.resolve,
-                        reject: currentTransition.reject,
-                        promise: currentTransition.promise
-                    });
-                }
-                if (e instanceof NavigationError) {
-                    this.restoreHistory(currentTransition, true);
-                }
-                if (e instanceof NavigationEnd) {
-                    this.navigated = true;
                 }
                 // Note that it's important to have the Router process the events _before_ the event is
                 // pushed through the public observable. This ensures the correct router state is in place
@@ -5120,7 +5297,6 @@ class Router {
         (typeof ngDevMode === 'undefined' || ngDevMode) && validateConfig(config);
         this.config = config.map(standardizeConfig);
         this.navigated = false;
-        this.lastSuccessfulId = -1;
     }
     /** @nodoc */
     ngOnDestroy() {
@@ -5337,7 +5513,6 @@ class Router {
             return result;
         }, {});
     }
-    /** @internal */
     scheduleNavigation(rawUrl, source, restoredState, extras, priorPromise) {
         if (this.disposed) {
             return Promise.resolve(false);
@@ -5383,88 +5558,10 @@ class Router {
             return Promise.reject(e);
         });
     }
-    /** @internal */
-    setBrowserUrl(url, transition) {
-        const path = this.urlSerializer.serialize(url);
-        if (this.location.isCurrentPathEqualTo(path) || !!transition.extras.replaceUrl) {
-            // replacements do not update the target page
-            const currentBrowserPageId = this.browserPageId;
-            const state = {
-                ...transition.extras.state,
-                ...this.generateNgRouterState(transition.id, currentBrowserPageId)
-            };
-            this.location.replaceState(path, '', state);
-        }
-        else {
-            const state = {
-                ...transition.extras.state,
-                ...this.generateNgRouterState(transition.id, this.browserPageId + 1)
-            };
-            this.location.go(path, '', state);
-        }
-    }
-    /**
-     * Performs the necessary rollback action to restore the browser URL to the
-     * state before the transition.
-     * @internal
-     */
-    restoreHistory(transition, restoringFromCaughtError = false) {
-        if (this.canceledNavigationResolution === 'computed') {
-            const currentBrowserPageId = this.browserPageId;
-            const targetPagePosition = this.currentPageId - currentBrowserPageId;
-            if (targetPagePosition !== 0) {
-                this.location.historyGo(targetPagePosition);
-            }
-            else if (this.currentUrlTree === this.getCurrentNavigation()?.finalUrl &&
-                targetPagePosition === 0) {
-                // We got to the activation stage (where currentUrlTree is set to the navigation's
-                // finalUrl), but we weren't moving anywhere in history (skipLocationChange or replaceUrl).
-                // We still need to reset the router state back to what it was when the navigation started.
-                this.resetState(transition);
-                // TODO(atscott): resetting the `browserUrlTree` should really be done in `resetState`.
-                // Investigate if this can be done by running TGP.
-                this.browserUrlTree = transition.currentUrlTree;
-                this.resetUrlToCurrentUrlTree();
-            }
-            else {
-                // The browser URL and router state was not updated before the navigation cancelled so
-                // there's no restoration needed.
-            }
-        }
-        else if (this.canceledNavigationResolution === 'replace') {
-            // TODO(atscott): It seems like we should _always_ reset the state here. It would be a no-op
-            // for `deferred` navigations that haven't change the internal state yet because guards
-            // reject. For 'eager' navigations, it seems like we also really should reset the state
-            // because the navigation was cancelled. Investigate if this can be done by running TGP.
-            if (restoringFromCaughtError) {
-                this.resetState(transition);
-            }
-            this.resetUrlToCurrentUrlTree();
-        }
-    }
-    resetState(t) {
-        this.routerState = t.currentRouterState;
-        this.currentUrlTree = t.currentUrlTree;
-        // Note here that we use the urlHandlingStrategy to get the reset `rawUrlTree` because it may be
-        // configured to handle only part of the navigation URL. This means we would only want to reset
-        // the part of the navigation handled by the Angular router rather than the whole URL. In
-        // addition, the URLHandlingStrategy may be configured to specifically preserve parts of the URL
-        // when merging, such as the query params so they are not lost on a refresh.
-        this.rawUrlTree = this.urlHandlingStrategy.merge(this.currentUrlTree, t.rawUrl);
-    }
-    resetUrlToCurrentUrlTree() {
-        this.location.replaceState(this.urlSerializer.serialize(this.rawUrlTree), '', this.generateNgRouterState(this.lastSuccessfulId, this.currentPageId));
-    }
-    generateNgRouterState(navigationId, routerPageId) {
-        if (this.canceledNavigationResolution === 'computed') {
-            return { navigationId, ɵrouterPageId: routerPageId };
-        }
-        return { navigationId };
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: Router, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: Router, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: Router, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: Router, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: Router, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: Router, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return []; } });
@@ -5735,10 +5832,10 @@ class RouterLink {
             preserveFragment: this.preserveFragment,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: RouterLink, deps: [{ token: Router }, { token: ActivatedRoute }, { token: 'tabindex', attribute: true }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i3.LocationStrategy }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.0.0-next.2", type: RouterLink, isStandalone: true, selector: "[routerLink]", inputs: { target: "target", queryParams: "queryParams", fragment: "fragment", queryParamsHandling: "queryParamsHandling", state: "state", relativeTo: "relativeTo", preserveFragment: ["preserveFragment", "preserveFragment", booleanAttribute], skipLocationChange: ["skipLocationChange", "skipLocationChange", booleanAttribute], replaceUrl: ["replaceUrl", "replaceUrl", booleanAttribute], routerLink: "routerLink" }, host: { listeners: { "click": "onClick($event.button,$event.ctrlKey,$event.shiftKey,$event.altKey,$event.metaKey)" }, properties: { "attr.target": "this.target" } }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: RouterLink, deps: [{ token: Router }, { token: ActivatedRoute }, { token: 'tabindex', attribute: true }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i3.LocationStrategy }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.0.0-next.4", type: RouterLink, isStandalone: true, selector: "[routerLink]", inputs: { target: "target", queryParams: "queryParams", fragment: "fragment", queryParamsHandling: "queryParamsHandling", state: "state", relativeTo: "relativeTo", preserveFragment: ["preserveFragment", "preserveFragment", booleanAttribute], skipLocationChange: ["skipLocationChange", "skipLocationChange", booleanAttribute], replaceUrl: ["replaceUrl", "replaceUrl", booleanAttribute], routerLink: "routerLink" }, host: { listeners: { "click": "onClick($event.button,$event.ctrlKey,$event.shiftKey,$event.altKey,$event.metaKey)" }, properties: { "attr.target": "this.target" } }, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: RouterLink, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: RouterLink, decorators: [{
             type: Directive,
             args: [{
                     selector: '[routerLink]',
@@ -5961,10 +6058,10 @@ class RouterLinkActive {
         const isActiveCheckFn = this.isLinkActive(this.router);
         return this.link && isActiveCheckFn(this.link) || this.links.some(isActiveCheckFn);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: RouterLinkActive, deps: [{ token: Router }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: RouterLink, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.2", type: RouterLinkActive, isStandalone: true, selector: "[routerLinkActive]", inputs: { routerLinkActiveOptions: "routerLinkActiveOptions", ariaCurrentWhenActive: "ariaCurrentWhenActive", routerLinkActive: "routerLinkActive" }, outputs: { isActiveChange: "isActiveChange" }, queries: [{ propertyName: "links", predicate: RouterLink, descendants: true }], exportAs: ["routerLinkActive"], usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: RouterLinkActive, deps: [{ token: Router }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: RouterLink, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-next.4", type: RouterLinkActive, isStandalone: true, selector: "[routerLinkActive]", inputs: { routerLinkActiveOptions: "routerLinkActiveOptions", ariaCurrentWhenActive: "ariaCurrentWhenActive", routerLinkActive: "routerLinkActive" }, outputs: { isActiveChange: "isActiveChange" }, queries: [{ propertyName: "links", predicate: RouterLink, descendants: true }], exportAs: ["routerLinkActive"], usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: RouterLinkActive, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: RouterLinkActive, decorators: [{
             type: Directive,
             args: [{
                     selector: '[routerLinkActive]',
@@ -6016,10 +6113,10 @@ class PreloadAllModules {
     preload(route, fn) {
         return fn().pipe(catchError(() => of(null)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: PreloadAllModules, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: PreloadAllModules, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: PreloadAllModules, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: PreloadAllModules, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: PreloadAllModules, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: PreloadAllModules, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -6036,10 +6133,10 @@ class NoPreloading {
     preload(route, fn) {
         return of(null);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: NoPreloading, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: NoPreloading, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: NoPreloading, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: NoPreloading, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: NoPreloading, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: NoPreloading, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -6132,10 +6229,10 @@ class RouterPreloader {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: RouterPreloader, deps: [{ token: Router }, { token: i0.Compiler }, { token: i0.EnvironmentInjector }, { token: PreloadingStrategy }, { token: RouterConfigLoader }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: RouterPreloader, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: RouterPreloader, deps: [{ token: Router }, { token: i0.Compiler }, { token: i0.EnvironmentInjector }, { token: PreloadingStrategy }, { token: RouterConfigLoader }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: RouterPreloader, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: RouterPreloader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: RouterPreloader, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: Router }, { type: i0.Compiler }, { type: i0.EnvironmentInjector }, { type: PreloadingStrategy }, { type: RouterConfigLoader }]; } });
@@ -6228,10 +6325,10 @@ class RouterScroller {
         this.routerEventsSubscription?.unsubscribe();
         this.scrollEventsSubscription?.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: RouterScroller, deps: "invalid", target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: RouterScroller }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: RouterScroller, deps: "invalid", target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: RouterScroller }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: RouterScroller, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: RouterScroller, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: UrlSerializer }, { type: NavigationTransitions }, { type: i3.ViewportScroller }, { type: i0.NgZone }, { type: undefined }]; } });
 
@@ -6721,6 +6818,37 @@ function withComponentInputBinding() {
     ];
     return routerFeature(8 /* RouterFeatureKind.ComponentInputBindingFeature */, providers);
 }
+/**
+ * Enables view transitions in the Router by running the route activation and deactivation inside of
+ * `document.startViewTransition`.
+ *
+ * Note: The View Transitions API is not available in all browsers. If the browser does not support
+ * view transitions, the Router will not attempt to start a view transition and continue processing
+ * the navigation as usual.
+ *
+ * @usageNotes
+ *
+ * Basic example of how you can enable the feature:
+ * ```
+ * const appRoutes: Routes = [];
+ * bootstrapApplication(AppComponent,
+ *   {
+ *     providers: [
+ *       provideRouter(appRoutes, withViewTransitions())
+ *     ]
+ *   }
+ * );
+ * ```
+ *
+ * @returns A set of providers for use with `provideRouter`.
+ * @see https://developer.chrome.com/docs/web-platform/view-transitions/
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API
+ * @experimental
+ */
+function withViewTransitions() {
+    const providers = [{ provide: CREATE_VIEW_TRANSITION, useValue: createViewTransition }];
+    return routerFeature(9 /* RouterFeatureKind.ViewTransitionsFeature */, providers);
+}
 
 /**
  * The directives defined in the `RouterModule`.
@@ -6812,6 +6940,7 @@ class RouterModule {
                 { provide: NgProbeToken, multi: true, useFactory: routerNgProbeToken },
                 config?.initialNavigation ? provideInitialNavigation(config) : [],
                 config?.bindToComponentInputs ? withComponentInputBinding().ɵproviders : [],
+                config?.enableViewTransitions ? withViewTransitions().ɵproviders : [],
                 provideRouterInitializer(),
             ],
         };
@@ -6838,11 +6967,11 @@ class RouterModule {
             providers: [{ provide: ROUTES, multi: true, useValue: routes }],
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: RouterModule, deps: [{ token: ROUTER_FORROOT_GUARD, optional: true }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.2", ngImport: i0, type: RouterModule, imports: [RouterOutlet, RouterLink, RouterLinkActive, ɵEmptyOutletComponent], exports: [RouterOutlet, RouterLink, RouterLinkActive, ɵEmptyOutletComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: RouterModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: RouterModule, deps: [{ token: ROUTER_FORROOT_GUARD, optional: true }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.4", ngImport: i0, type: RouterModule, imports: [RouterOutlet, RouterLink, RouterLinkActive, ɵEmptyOutletComponent], exports: [RouterOutlet, RouterLink, RouterLinkActive, ɵEmptyOutletComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: RouterModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.2", ngImport: i0, type: RouterModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.4", ngImport: i0, type: RouterModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: ROUTER_DIRECTIVES,
@@ -6987,7 +7116,7 @@ function mapToResolve(provider) {
 /**
  * @publicApi
  */
-const VERSION = new Version('17.0.0-next.2');
+const VERSION = new Version('17.0.0-next.4');
 
 /**
  * @module
@@ -7002,5 +7131,5 @@ const VERSION = new Version('17.0.0-next.2');
  * Generated bundle index. Do not edit.
  */
 
-export { ActivatedRoute, ActivatedRouteSnapshot, ActivationEnd, ActivationStart, BaseRouteReuseStrategy, ChildActivationEnd, ChildActivationStart, ChildrenOutletContexts, DefaultTitleStrategy, DefaultUrlSerializer, GuardsCheckEnd, GuardsCheckStart, NavigationCancel, NavigationEnd, NavigationError, NavigationSkipped, NavigationStart, NoPreloading, OutletContext, PRIMARY_OUTLET, PreloadAllModules, PreloadingStrategy, ROUTER_CONFIGURATION, ROUTER_INITIALIZER, ROUTES, ResolveEnd, ResolveStart, RouteConfigLoadEnd, RouteConfigLoadStart, RouteReuseStrategy, Router, RouterEvent, RouterLink, RouterLinkActive, RouterLink as RouterLinkWithHref, RouterModule, RouterOutlet, RouterPreloader, RouterState, RouterStateSnapshot, RoutesRecognized, Scroll, TitleStrategy, UrlHandlingStrategy, UrlSegment, UrlSegmentGroup, UrlSerializer, UrlTree, VERSION, convertToParamMap, createUrlTreeFromSnapshot, defaultUrlMatcher, mapToCanActivate, mapToCanActivateChild, mapToCanDeactivate, mapToCanMatch, mapToResolve, provideRouter, provideRoutes, withComponentInputBinding, withDebugTracing, withDisabledInitialNavigation, withEnabledBlockingInitialNavigation, withHashLocation, withInMemoryScrolling, withNavigationErrorHandler, withPreloading, withRouterConfig, ɵEmptyOutletComponent, ROUTER_PROVIDERS as ɵROUTER_PROVIDERS, afterNextNavigation as ɵafterNextNavigation };
+export { ActivatedRoute, ActivatedRouteSnapshot, ActivationEnd, ActivationStart, BaseRouteReuseStrategy, ChildActivationEnd, ChildActivationStart, ChildrenOutletContexts, DefaultTitleStrategy, DefaultUrlSerializer, GuardsCheckEnd, GuardsCheckStart, NavigationCancel, NavigationEnd, NavigationError, NavigationSkipped, NavigationStart, NoPreloading, OutletContext, PRIMARY_OUTLET, PreloadAllModules, PreloadingStrategy, ROUTER_CONFIGURATION, ROUTER_INITIALIZER, ROUTES, ResolveEnd, ResolveStart, RouteConfigLoadEnd, RouteConfigLoadStart, RouteReuseStrategy, Router, RouterEvent, RouterLink, RouterLinkActive, RouterLink as RouterLinkWithHref, RouterModule, RouterOutlet, RouterPreloader, RouterState, RouterStateSnapshot, RoutesRecognized, Scroll, TitleStrategy, UrlHandlingStrategy, UrlSegment, UrlSegmentGroup, UrlSerializer, UrlTree, VERSION, convertToParamMap, createUrlTreeFromSnapshot, defaultUrlMatcher, mapToCanActivate, mapToCanActivateChild, mapToCanDeactivate, mapToCanMatch, mapToResolve, provideRouter, provideRoutes, withComponentInputBinding, withDebugTracing, withDisabledInitialNavigation, withEnabledBlockingInitialNavigation, withHashLocation, withInMemoryScrolling, withNavigationErrorHandler, withPreloading, withRouterConfig, withViewTransitions, ɵEmptyOutletComponent, ROUTER_PROVIDERS as ɵROUTER_PROVIDERS, afterNextNavigation as ɵafterNextNavigation };
 //# sourceMappingURL=router.mjs.map