@angular/router 21.1.0-next.4 → 21.1.0

package/fesm2022/_router-chunk.mjs

@@ -1,14 +1,14 @@
 /**
- * @license Angular v21.1.0-next.4
- * (c) 2010-2025 Google LLC. https://angular.dev/
+ * @license Angular v21.1.0
+ * (c) 2010-2026 Google LLC. https://angular.dev/
  * License: MIT
  */
 
 import { DOCUMENT, Location } from '@angular/common';
 import * as i0 from '@angular/core';
-import { ɵisPromise as _isPromise, ɵRuntimeError as _RuntimeError, Injectable, InjectionToken, EventEmitter, input, inject, ViewContainerRef, ChangeDetectorRef, Directive, Input, Output, reflectComponentType, Component, runInInjectionContext, ɵisInjectable as _isInjectable, ɵisNgModule as _isNgModule, isStandalone, createEnvironmentInjector, makeEnvironmentProviders, Compiler, NgModuleFactory, ɵresolveComponentResources as _resolveComponentResources, afterNextRender, signal, EnvironmentInjector, DestroyRef, untracked, ɵConsole as _Console, ɵPendingTasksInternal as _PendingTasksInternal, ɵINTERNAL_APPLICATION_ERROR_HANDLER as _INTERNAL_APPLICATION_ERROR_HANDLER, ɵformatRuntimeError as _formatRuntimeError } from '@angular/core';
-import { isObservable, from, of, BehaviorSubject, combineLatest, EmptyError, Observable, concat, defer, pipe, throwError, EMPTY, Subject, Subscription } from 'rxjs';
-import { first, map, switchMap, take, startWith, filter, takeUntil, mergeMap, concatMap, tap, catchError, scan, defaultIfEmpty, last as last$1, takeLast, finalize } from 'rxjs/operators';
+import { ɵisPromise as _isPromise, computed, ɵRuntimeError as _RuntimeError, Injectable, InjectionToken, EventEmitter, input, inject, ViewContainerRef, ChangeDetectorRef, Directive, Input, Output, reflectComponentType, Component, runInInjectionContext, ɵisInjectable as _isInjectable, ɵisNgModule as _isNgModule, isStandalone, createEnvironmentInjector, Compiler, NgModuleFactory, ɵresolveComponentResources as _resolveComponentResources, afterNextRender, signal, EnvironmentInjector, DestroyRef, untracked, ɵConsole as _Console, ɵPendingTasksInternal as _PendingTasksInternal, ɵINTERNAL_APPLICATION_ERROR_HANDLER as _INTERNAL_APPLICATION_ERROR_HANDLER, ɵformatRuntimeError as _formatRuntimeError } from '@angular/core';
+import { isObservable, from, of, BehaviorSubject, combineLatest, EmptyError, Observable, concat, defer, pipe, EMPTY, throwError, Subject, Subscription } from 'rxjs';
+import { first, map, switchMap, take, startWith, filter, takeUntil, mergeMap, concatMap, tap, takeLast, catchError, finalize } from 'rxjs/operators';
 import * as i1 from '@angular/platform-browser';
 
 const PRIMARY_OUTLET = 'primary';
@@ -171,6 +171,10 @@ const paramCompareMap = {
   'subset': containsParams,
   'ignored': () => true
 };
+function isActive(url, router, matchOptions) {
+  const urlTree = url instanceof UrlTree ? url : router.parseUrl(url);
+  return computed(() => containsTree(router.lastSuccessfulNavigation()?.finalUrl ?? new UrlTree(), urlTree, matchOptions));
+}
 function containsTree(container, containee, options) {
   return pathCompareMap[options.paths](container.root, containee.root, options.matrixParams) && paramCompareMap[options.queryParams](container.queryParams, containee.queryParams) && !(options.fragment === 'exact' && container.fragment !== containee.fragment);
 }
@@ -308,7 +312,7 @@ function mapChildrenIntoArray(segment, fn) {
 class UrlSerializer {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.1.0-next.4",
+    version: "21.1.0",
     ngImport: i0,
     type: UrlSerializer,
     deps: [],
@@ -316,7 +320,7 @@ class UrlSerializer {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "21.1.0-next.4",
+    version: "21.1.0",
     ngImport: i0,
     type: UrlSerializer,
     providedIn: 'root',
@@ -325,7 +329,7 @@ class UrlSerializer {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.1.0-next.4",
+  version: "21.1.0",
   ngImport: i0,
   type: UrlSerializer,
   decorators: [{
@@ -1278,7 +1282,7 @@ class ChildrenOutletContexts {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.1.0-next.4",
+    version: "21.1.0",
     ngImport: i0,
     type: ChildrenOutletContexts,
     deps: [{
@@ -1288,7 +1292,7 @@ class ChildrenOutletContexts {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "21.1.0-next.4",
+    version: "21.1.0",
     ngImport: i0,
     type: ChildrenOutletContexts,
     providedIn: 'root'
@@ -1296,7 +1300,7 @@ class ChildrenOutletContexts {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.1.0-next.4",
+  version: "21.1.0",
   ngImport: i0,
   type: ChildrenOutletContexts,
   decorators: [{
@@ -1753,7 +1757,7 @@ class RouterOutlet {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.1.0-next.4",
+    version: "21.1.0",
     ngImport: i0,
     type: RouterOutlet,
     deps: [],
@@ -1761,7 +1765,7 @@ class RouterOutlet {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "17.1.0",
-    version: "21.1.0-next.4",
+    version: "21.1.0",
     type: RouterOutlet,
     isStandalone: true,
     selector: "router-outlet",
@@ -1794,7 +1798,7 @@ class RouterOutlet {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.1.0-next.4",
+  version: "21.1.0",
   ngImport: i0,
   type: RouterOutlet,
   decorators: [{
@@ -1903,7 +1907,7 @@ class RoutedComponentInputBinder {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.1.0-next.4",
+    version: "21.1.0",
     ngImport: i0,
     type: RoutedComponentInputBinder,
     deps: [],
@@ -1911,14 +1915,14 @@ class RoutedComponentInputBinder {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "21.1.0-next.4",
+    version: "21.1.0",
     ngImport: i0,
     type: RoutedComponentInputBinder
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.1.0-next.4",
+  version: "21.1.0",
   ngImport: i0,
   type: RoutedComponentInputBinder,
   decorators: [{
@@ -1929,7 +1933,7 @@ i0.ɵɵngDeclareClassMetadata({
 class ɵEmptyOutletComponent {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.1.0-next.4",
+    version: "21.1.0",
     ngImport: i0,
     type: ɵEmptyOutletComponent,
     deps: [],
@@ -1937,7 +1941,7 @@ class ɵEmptyOutletComponent {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "14.0.0",
-    version: "21.1.0-next.4",
+    version: "21.1.0",
     type: ɵEmptyOutletComponent,
     isStandalone: true,
     selector: "ng-component",
@@ -1957,7 +1961,7 @@ class ɵEmptyOutletComponent {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.1.0-next.4",
+  version: "21.1.0",
   ngImport: i0,
   type: ɵEmptyOutletComponent,
   decorators: [{
@@ -2510,35 +2514,34 @@ function runCanMatchGuards(injector, route, segments, urlSerializer, abortSignal
   const canMatchObservables = canMatch.map(injectionToken => {
     const guard = getTokenOrFunctionIdentity(injectionToken, injector);
     const guardVal = isCanMatch(guard) ? guard.canMatch(route, segments) : runInInjectionContext(injector, () => guard(route, segments));
-    let obs$ = wrapIntoObservable(guardVal);
-    return abortSignal ? obs$.pipe(takeUntilAbort(abortSignal)) : obs$;
+    return wrapIntoObservable(guardVal).pipe(takeUntilAbort(abortSignal));
   });
   return of(canMatchObservables).pipe(prioritizedGuardValue(), redirectIfUrlTree(urlSerializer));
 }
 
-let NoMatch$1 = class NoMatch extends Error {
+class NoMatch extends Error {
   segmentGroup;
   constructor(segmentGroup) {
     super();
     this.segmentGroup = segmentGroup || null;
     Object.setPrototypeOf(this, NoMatch.prototype);
   }
-};
-let AbsoluteRedirect$1 = class AbsoluteRedirect extends Error {
+}
+class AbsoluteRedirect extends Error {
   urlTree;
   constructor(urlTree) {
     super();
     this.urlTree = urlTree;
     Object.setPrototypeOf(this, AbsoluteRedirect.prototype);
   }
-};
-function namedOutletsRedirect$1(redirectTo) {
+}
+function namedOutletsRedirect(redirectTo) {
   throw new _RuntimeError(4000, (typeof ngDevMode === 'undefined' || ngDevMode) && `Only absolute redirects can have named outlets. redirectTo: '${redirectTo}'`);
 }
-function canLoadFails$1(route) {
+function canLoadFails(route) {
   throw navigationCancelingError((typeof ngDevMode === 'undefined' || ngDevMode) && `Cannot load children because the guard of the route "path: '${route.path}'" returned false`, NavigationCancellationCode.GuardRejected);
 }
-let ApplyRedirects$1 = class ApplyRedirects {
+class ApplyRedirects {
   urlSerializer;
   urlTree;
   constructor(urlSerializer, urlTree) {
@@ -2554,19 +2557,19 @@ let ApplyRedirects$1 = class ApplyRedirects {
         return res;
       }
       if (c.numberOfChildren > 1 || !c.children[PRIMARY_OUTLET]) {
-        throw namedOutletsRedirect$1(`${route.redirectTo}`);
+        throw namedOutletsRedirect(`${route.redirectTo}`);
       }
       c = c.children[PRIMARY_OUTLET];
     }
   }
   async applyRedirectCommands(segments, redirectTo, posParams, currentSnapshot, injector) {
-    const redirect = await getRedirectResult$1(redirectTo, currentSnapshot, injector);
+    const redirect = await getRedirectResult(redirectTo, currentSnapshot, injector);
     if (redirect instanceof UrlTree) {
-      throw new AbsoluteRedirect$1(redirect);
+      throw new AbsoluteRedirect(redirect);
     }
     const newTree = this.applyRedirectCreateUrlTree(redirect, this.urlSerializer.parse(redirect), segments, posParams);
     if (redirect[0] === '/') {
-      throw new AbsoluteRedirect$1(newTree);
+      throw new AbsoluteRedirect(newTree);
     }
     return newTree;
   }
@@ -2614,8 +2617,8 @@ let ApplyRedirects$1 = class ApplyRedirects {
     }
     return redirectToUrlSegment;
   }
-};
-function getRedirectResult$1(redirectTo, currentSnapshot, injector) {
+}
+function getRedirectResult(redirectTo, currentSnapshot, injector) {
   if (typeof redirectTo === 'string') {
     return Promise.resolve(redirectTo);
   }
@@ -2628,7 +2631,9 @@ function getRedirectResult$1(redirectTo, currentSnapshot, injector) {
     outlet,
     params,
     data,
-    title
+    title,
+    paramMap,
+    queryParamMap
   } = currentSnapshot;
   return firstValueFrom(wrapIntoObservable(runInInjectionContext(injector, () => redirectToFn({
     params,
@@ -2638,7 +2643,9 @@ function getRedirectResult$1(redirectTo, currentSnapshot, injector) {
     routeConfig,
     url,
     outlet,
-    title
+    title,
+    paramMap,
+    queryParamMap
   }))));
 }
 
@@ -2750,7 +2757,7 @@ function sortByMatchingOutlets(routes, outletName) {
   return sortedConfig;
 }
 
-const noMatch$1 = {
+const noMatch = {
   matched: false,
   consumedSegments: [],
   remainingSegments: [],
@@ -2764,14 +2771,14 @@ function matchWithChecks(segmentGroup, route, segments, injector, urlSerializer,
   }
   injector = getOrCreateRouteInjectorIfNeeded(route, injector);
   return runCanMatchGuards(injector, route, segments, urlSerializer, abortSignal).pipe(map(v => v === true ? result : {
-    ...noMatch$1
+    ...noMatch
   }));
 }
 function match(segmentGroup, route, segments) {
   if (route.path === '') {
     if (route.pathMatch === 'full' && (segmentGroup.hasChildren() || segments.length > 0)) {
       return {
-        ...noMatch$1
+        ...noMatch
       };
     }
     return {
@@ -2785,7 +2792,7 @@ function match(segmentGroup, route, segments) {
   const matcher = route.matcher || defaultUrlMatcher;
   const res = matcher(segments, segmentGroup, route);
   if (!res) return {
-    ...noMatch$1
+    ...noMatch
   };
   const posParams = {};
   Object.entries(res.posParams ?? {}).forEach(([k, v]) => {
@@ -2864,12 +2871,12 @@ function noLeftoversInUrl(segmentGroup, segments, outlet) {
   return segments.length === 0 && !segmentGroup.children[outlet];
 }
 
-let NoLeftoversInUrl$1 = class NoLeftoversInUrl {};
-async function recognize$2(injector, configLoader, rootComponentType, config, urlTree, urlSerializer, paramsInheritanceStrategy = 'emptyOnly', abortSignal) {
-  return new Recognizer$1(injector, configLoader, rootComponentType, config, urlTree, paramsInheritanceStrategy, urlSerializer, abortSignal).recognize();
+class NoLeftoversInUrl {}
+async function recognize$1(injector, configLoader, rootComponentType, config, urlTree, urlSerializer, paramsInheritanceStrategy = 'emptyOnly', abortSignal) {
+  return new Recognizer(injector, configLoader, rootComponentType, config, urlTree, paramsInheritanceStrategy, urlSerializer, abortSignal).recognize();
 }
-const MAX_ALLOWED_REDIRECTS$1 = 31;
-let Recognizer$1 = class Recognizer {
+const MAX_ALLOWED_REDIRECTS = 31;
+class Recognizer {
   injector;
   configLoader;
   rootComponentType;
@@ -2890,7 +2897,7 @@ let Recognizer$1 = class Recognizer {
     this.paramsInheritanceStrategy = paramsInheritanceStrategy;
     this.urlSerializer = urlSerializer;
     this.abortSignal = abortSignal;
-    this.applyRedirects = new ApplyRedirects$1(this.urlSerializer, this.urlTree);
+    this.applyRedirects = new ApplyRedirects(this.urlSerializer, this.urlTree);
   }
   noMatchError(e) {
     return new _RuntimeError(4002, typeof ngDevMode === 'undefined' || ngDevMode ? `Cannot match any routes. URL Segment: '${e.segmentGroup}'` : `'${e.segmentGroup}'`);
@@ -2922,11 +2929,11 @@ let Recognizer$1 = class Recognizer {
         rootSnapshot
       };
     } catch (e) {
-      if (e instanceof AbsoluteRedirect$1) {
+      if (e instanceof AbsoluteRedirect) {
         this.urlTree = e.urlTree;
         return this.match(e.urlTree.root);
       }
-      if (e instanceof NoMatch$1) {
+      if (e instanceof NoMatch) {
         throw this.noMatchError(e);
       }
       throw e;
@@ -2955,11 +2962,11 @@ let Recognizer$1 = class Recognizer {
       const outletChildren = await this.processSegmentGroup(injector, sortedConfig, child, childOutlet, parentRoute);
       children.push(...outletChildren);
     }
-    const mergedChildren = mergeEmptyPathMatches$1(children);
+    const mergedChildren = mergeEmptyPathMatches(children);
     if (typeof ngDevMode === 'undefined' || ngDevMode) {
-      checkOutletNameUniqueness$1(mergedChildren);
+      checkOutletNameUniqueness(mergedChildren);
     }
-    sortActivatedRouteSnapshots$1(mergedChildren);
+    sortActivatedRouteSnapshots(mergedChildren);
     return mergedChildren;
   }
   async processSegment(injector, routes, segmentGroup, segments, outlet, allowRedirects, parentRoute) {
@@ -2967,20 +2974,20 @@ let Recognizer$1 = class Recognizer {
       try {
         return await this.processSegmentAgainstRoute(r._injector ?? injector, routes, r, segmentGroup, segments, outlet, allowRedirects, parentRoute);
       } catch (e) {
-        if (e instanceof NoMatch$1 || isEmptyError(e)) {
+        if (e instanceof NoMatch || isEmptyError(e)) {
           continue;
         }
         throw e;
       }
     }
     if (noLeftoversInUrl(segmentGroup, segments, outlet)) {
-      return new NoLeftoversInUrl$1();
+      return new NoLeftoversInUrl();
     }
-    throw new NoMatch$1(segmentGroup);
+    throw new NoMatch(segmentGroup);
   }
   async processSegmentAgainstRoute(injector, routes, route, rawSegment, segments, outlet, allowRedirects, parentRoute) {
     if (getOutlet(route) !== outlet && (outlet === PRIMARY_OUTLET || !emptyPathMatch(rawSegment, segments, route))) {
-      throw new NoMatch$1(rawSegment);
+      throw new NoMatch(rawSegment);
     }
     if (route.redirectTo === undefined) {
       return this.matchSegmentAgainstRoute(injector, rawSegment, route, segments, outlet, parentRoute);
@@ -2988,7 +2995,7 @@ let Recognizer$1 = class Recognizer {
     if (this.allowRedirects && allowRedirects) {
       return this.expandSegmentAgainstRouteUsingRedirect(injector, rawSegment, routes, route, segments, outlet, parentRoute);
     }
-    throw new NoMatch$1(rawSegment);
+    throw new NoMatch(rawSegment);
   }
   async expandSegmentAgainstRouteUsingRedirect(injector, segmentGroup, routes, route, segments, outlet, parentRoute) {
     const {
@@ -2998,10 +3005,10 @@ let Recognizer$1 = class Recognizer {
       positionalParamSegments,
       remainingSegments
     } = match(segmentGroup, route, segments);
-    if (!matched) throw new NoMatch$1(segmentGroup);
+    if (!matched) throw new NoMatch(segmentGroup);
     if (typeof route.redirectTo === 'string' && route.redirectTo[0] === '/') {
       this.absoluteRedirectCount++;
-      if (this.absoluteRedirectCount > MAX_ALLOWED_REDIRECTS$1) {
+      if (this.absoluteRedirectCount > MAX_ALLOWED_REDIRECTS) {
         if (ngDevMode) {
           throw new _RuntimeError(4016, `Detected possible infinite redirect when redirecting from '${this.urlTree}' to '${route.redirectTo}'.\n` + `This is currently a dev mode only error but will become a` + ` call stack size exceeded error in production in a future major version.`);
         }
@@ -3010,7 +3017,7 @@ let Recognizer$1 = class Recognizer {
     }
     const currentSnapshot = new ActivatedRouteSnapshot(segments, parameters, Object.freeze({
       ...this.urlTree.queryParams
-    }), this.urlTree.fragment, getData$1(route), getOutlet(route), route.component ?? route._loadedComponent ?? null, route, getResolve$1(route), injector);
+    }), this.urlTree.fragment, getData(route), getOutlet(route), route.component ?? route._loadedComponent ?? null, route, getResolve(route), injector);
     const inherited = getInherited(currentSnapshot, parentRoute, this.paramsInheritanceStrategy);
     currentSnapshot.params = Object.freeze(inherited.params);
     currentSnapshot.data = Object.freeze(inherited.data);
@@ -3030,7 +3037,7 @@ let Recognizer$1 = class Recognizer {
       rawSegment.children = {};
     }
     if (!result?.matched) {
-      throw new NoMatch$1(rawSegment);
+      throw new NoMatch(rawSegment);
     }
     injector = route._injector ?? injector;
     const {
@@ -3044,7 +3051,7 @@ let Recognizer$1 = class Recognizer {
     } = result;
     const snapshot = new ActivatedRouteSnapshot(consumedSegments, parameters, Object.freeze({
       ...this.urlTree.queryParams
-    }), this.urlTree.fragment, getData$1(route), getOutlet(route), route.component ?? route._loadedComponent ?? null, route, getResolve$1(route), injector);
+    }), this.urlTree.fragment, getData(route), getOutlet(route), route.component ?? route._loadedComponent ?? null, route, getResolve(route), injector);
     const inherited = getInherited(snapshot, parentRoute, this.paramsInheritanceStrategy);
     snapshot.params = Object.freeze(inherited.params);
     snapshot.data = Object.freeze(inherited.data);
@@ -3072,6 +3079,10 @@ let Recognizer$1 = class Recognizer {
     }
     if (route.loadChildren) {
       if (route._loadedRoutes !== undefined) {
+        const ngModuleFactory = route._loadedNgModuleFactory;
+        if (ngModuleFactory && !route._loadedInjector) {
+          route._loadedInjector = ngModuleFactory.create(injector).injector;
+        }
         return {
           routes: route._loadedRoutes,
           injector: route._loadedInjector
@@ -3085,425 +3096,16 @@ let Recognizer$1 = class Recognizer {
         const cfg = await this.configLoader.loadChildren(injector, route);
         route._loadedRoutes = cfg.routes;
         route._loadedInjector = cfg.injector;
+        route._loadedNgModuleFactory = cfg.factory;
         return cfg;
       }
-      throw canLoadFails$1(route);
+      throw canLoadFails(route);
     }
     return {
       routes: [],
       injector
     };
   }
-};
-function sortActivatedRouteSnapshots$1(nodes) {
-  nodes.sort((a, b) => {
-    if (a.value.outlet === PRIMARY_OUTLET) return -1;
-    if (b.value.outlet === PRIMARY_OUTLET) return 1;
-    return a.value.outlet.localeCompare(b.value.outlet);
-  });
-}
-function hasEmptyPathConfig$1(node) {
-  const config = node.value.routeConfig;
-  return config && config.path === '';
-}
-function mergeEmptyPathMatches$1(nodes) {
-  const result = [];
-  const mergedNodes = new Set();
-  for (const node of nodes) {
-    if (!hasEmptyPathConfig$1(node)) {
-      result.push(node);
-      continue;
-    }
-    const duplicateEmptyPathNode = result.find(resultNode => node.value.routeConfig === resultNode.value.routeConfig);
-    if (duplicateEmptyPathNode !== undefined) {
-      duplicateEmptyPathNode.children.push(...node.children);
-      mergedNodes.add(duplicateEmptyPathNode);
-    } else {
-      result.push(node);
-    }
-  }
-  for (const mergedNode of mergedNodes) {
-    const mergedChildren = mergeEmptyPathMatches$1(mergedNode.children);
-    result.push(new TreeNode(mergedNode.value, mergedChildren));
-  }
-  return result.filter(n => !mergedNodes.has(n));
-}
-function checkOutletNameUniqueness$1(nodes) {
-  const names = {};
-  nodes.forEach(n => {
-    const routeWithSameOutletName = names[n.value.outlet];
-    if (routeWithSameOutletName) {
-      const p = routeWithSameOutletName.url.map(s => s.toString()).join('/');
-      const c = n.value.url.map(s => s.toString()).join('/');
-      throw new _RuntimeError(4006, (typeof ngDevMode === 'undefined' || ngDevMode) && `Two segments cannot have the same outlet name: '${p}' and '${c}'.`);
-    }
-    names[n.value.outlet] = n.value;
-  });
-}
-function getData$1(route) {
-  return route.data || {};
-}
-function getResolve$1(route) {
-  return route.resolve || {};
-}
-
-class NoMatch {
-  segmentGroup;
-  constructor(segmentGroup) {
-    this.segmentGroup = segmentGroup || null;
-  }
-}
-class AbsoluteRedirect extends Error {
-  urlTree;
-  constructor(urlTree) {
-    super();
-    this.urlTree = urlTree;
-  }
-}
-function noMatch(segmentGroup) {
-  return throwError(new NoMatch(segmentGroup));
-}
-function namedOutletsRedirect(redirectTo) {
-  return throwError(new _RuntimeError(4000, (typeof ngDevMode === 'undefined' || ngDevMode) && `Only absolute redirects can have named outlets. redirectTo: '${redirectTo}'`));
-}
-function canLoadFails(route) {
-  return throwError(navigationCancelingError((typeof ngDevMode === 'undefined' || ngDevMode) && `Cannot load children because the guard of the route "path: '${route.path}'" returned false`, NavigationCancellationCode.GuardRejected));
-}
-class ApplyRedirects {
-  urlSerializer;
-  urlTree;
-  constructor(urlSerializer, urlTree) {
-    this.urlSerializer = urlSerializer;
-    this.urlTree = urlTree;
-  }
-  lineralizeSegments(route, urlTree) {
-    let res = [];
-    let c = urlTree.root;
-    while (true) {
-      res = res.concat(c.segments);
-      if (c.numberOfChildren === 0) {
-        return of(res);
-      }
-      if (c.numberOfChildren > 1 || !c.children[PRIMARY_OUTLET]) {
-        return namedOutletsRedirect(`${route.redirectTo}`);
-      }
-      c = c.children[PRIMARY_OUTLET];
-    }
-  }
-  applyRedirectCommands(segments, redirectTo, posParams, currentSnapshot, injector) {
-    return getRedirectResult(redirectTo, currentSnapshot, injector).pipe(map(redirect => {
-      if (redirect instanceof UrlTree) {
-        throw new AbsoluteRedirect(redirect);
-      }
-      const newTree = this.applyRedirectCreateUrlTree(redirect, this.urlSerializer.parse(redirect), segments, posParams);
-      if (redirect[0] === '/') {
-        throw new AbsoluteRedirect(newTree);
-      }
-      return newTree;
-    }));
-  }
-  applyRedirectCreateUrlTree(redirectTo, urlTree, segments, posParams) {
-    const newRoot = this.createSegmentGroup(redirectTo, urlTree.root, segments, posParams);
-    return new UrlTree(newRoot, this.createQueryParams(urlTree.queryParams, this.urlTree.queryParams), urlTree.fragment);
-  }
-  createQueryParams(redirectToParams, actualParams) {
-    const res = {};
-    Object.entries(redirectToParams).forEach(([k, v]) => {
-      const copySourceValue = typeof v === 'string' && v[0] === ':';
-      if (copySourceValue) {
-        const sourceName = v.substring(1);
-        res[k] = actualParams[sourceName];
-      } else {
-        res[k] = v;
-      }
-    });
-    return res;
-  }
-  createSegmentGroup(redirectTo, group, segments, posParams) {
-    const updatedSegments = this.createSegments(redirectTo, group.segments, segments, posParams);
-    let children = {};
-    Object.entries(group.children).forEach(([name, child]) => {
-      children[name] = this.createSegmentGroup(redirectTo, child, segments, posParams);
-    });
-    return new UrlSegmentGroup(updatedSegments, children);
-  }
-  createSegments(redirectTo, redirectToSegments, actualSegments, posParams) {
-    return redirectToSegments.map(s => s.path[0] === ':' ? this.findPosParam(redirectTo, s, posParams) : this.findOrReturn(s, actualSegments));
-  }
-  findPosParam(redirectTo, redirectToUrlSegment, posParams) {
-    const pos = posParams[redirectToUrlSegment.path.substring(1)];
-    if (!pos) throw new _RuntimeError(4001, (typeof ngDevMode === 'undefined' || ngDevMode) && `Cannot redirect to '${redirectTo}'. Cannot find '${redirectToUrlSegment.path}'.`);
-    return pos;
-  }
-  findOrReturn(redirectToUrlSegment, actualSegments) {
-    let idx = 0;
-    for (const s of actualSegments) {
-      if (s.path === redirectToUrlSegment.path) {
-        actualSegments.splice(idx);
-        return s;
-      }
-      idx++;
-    }
-    return redirectToUrlSegment;
-  }
-}
-function getRedirectResult(redirectTo, currentSnapshot, injector) {
-  if (typeof redirectTo === 'string') {
-    return of(redirectTo);
-  }
-  const redirectToFn = redirectTo;
-  const {
-    queryParams,
-    fragment,
-    routeConfig,
-    url,
-    outlet,
-    params,
-    data,
-    title
-  } = currentSnapshot;
-  return wrapIntoObservable(runInInjectionContext(injector, () => redirectToFn({
-    params,
-    data,
-    queryParams,
-    fragment,
-    routeConfig,
-    url,
-    outlet,
-    title
-  })));
-}
-
-class NoLeftoversInUrl {}
-function recognize$1(injector, configLoader, rootComponentType, config, urlTree, urlSerializer, paramsInheritanceStrategy = 'emptyOnly', abortSignal) {
-  return new Recognizer(injector, configLoader, rootComponentType, config, urlTree, paramsInheritanceStrategy, urlSerializer).recognize();
-}
-const MAX_ALLOWED_REDIRECTS = 31;
-class Recognizer {
-  injector;
-  configLoader;
-  rootComponentType;
-  config;
-  urlTree;
-  paramsInheritanceStrategy;
-  urlSerializer;
-  applyRedirects;
-  absoluteRedirectCount = 0;
-  allowRedirects = true;
-  constructor(injector, configLoader, rootComponentType, config, urlTree, paramsInheritanceStrategy, urlSerializer) {
-    this.injector = injector;
-    this.configLoader = configLoader;
-    this.rootComponentType = rootComponentType;
-    this.config = config;
-    this.urlTree = urlTree;
-    this.paramsInheritanceStrategy = paramsInheritanceStrategy;
-    this.urlSerializer = urlSerializer;
-    this.applyRedirects = new ApplyRedirects(this.urlSerializer, this.urlTree);
-  }
-  noMatchError(e) {
-    return new _RuntimeError(4002, typeof ngDevMode === 'undefined' || ngDevMode ? `Cannot match any routes. URL Segment: '${e.segmentGroup}'` : `'${e.segmentGroup}'`);
-  }
-  recognize() {
-    const rootSegmentGroup = split(this.urlTree.root, [], [], this.config).segmentGroup;
-    return this.match(rootSegmentGroup).pipe(map(({
-      children,
-      rootSnapshot
-    }) => {
-      const rootNode = new TreeNode(rootSnapshot, children);
-      const routeState = new RouterStateSnapshot('', rootNode);
-      const tree = createUrlTreeFromSnapshot(rootSnapshot, [], this.urlTree.queryParams, this.urlTree.fragment);
-      tree.queryParams = this.urlTree.queryParams;
-      routeState.url = this.urlSerializer.serialize(tree);
-      return {
-        state: routeState,
-        tree
-      };
-    }));
-  }
-  match(rootSegmentGroup) {
-    const rootSnapshot = new ActivatedRouteSnapshot([], Object.freeze({}), Object.freeze({
-      ...this.urlTree.queryParams
-    }), this.urlTree.fragment, Object.freeze({}), PRIMARY_OUTLET, this.rootComponentType, null, {}, this.injector);
-    return this.processSegmentGroup(this.injector, this.config, rootSegmentGroup, PRIMARY_OUTLET, rootSnapshot).pipe(map(children => {
-      return {
-        children,
-        rootSnapshot
-      };
-    }), catchError(e => {
-      if (e instanceof AbsoluteRedirect) {
-        this.urlTree = e.urlTree;
-        return this.match(e.urlTree.root);
-      }
-      if (e instanceof NoMatch) {
-        throw this.noMatchError(e);
-      }
-      throw e;
-    }));
-  }
-  processSegmentGroup(injector, config, segmentGroup, outlet, parentRoute) {
-    if (segmentGroup.segments.length === 0 && segmentGroup.hasChildren()) {
-      return this.processChildren(injector, config, segmentGroup, parentRoute);
-    }
-    return this.processSegment(injector, config, segmentGroup, segmentGroup.segments, outlet, true, parentRoute).pipe(map(child => child instanceof TreeNode ? [child] : []));
-  }
-  processChildren(injector, config, segmentGroup, parentRoute) {
-    const childOutlets = [];
-    for (const child of Object.keys(segmentGroup.children)) {
-      if (child === 'primary') {
-        childOutlets.unshift(child);
-      } else {
-        childOutlets.push(child);
-      }
-    }
-    return from(childOutlets).pipe(concatMap(childOutlet => {
-      const child = segmentGroup.children[childOutlet];
-      const sortedConfig = sortByMatchingOutlets(config, childOutlet);
-      return this.processSegmentGroup(injector, sortedConfig, child, childOutlet, parentRoute);
-    }), scan((children, outletChildren) => {
-      children.push(...outletChildren);
-      return children;
-    }), defaultIfEmpty(null), last$1(), mergeMap(children => {
-      if (children === null) return noMatch(segmentGroup);
-      const mergedChildren = mergeEmptyPathMatches(children);
-      if (typeof ngDevMode === 'undefined' || ngDevMode) {
-        checkOutletNameUniqueness(mergedChildren);
-      }
-      sortActivatedRouteSnapshots(mergedChildren);
-      return of(mergedChildren);
-    }));
-  }
-  processSegment(injector, routes, segmentGroup, segments, outlet, allowRedirects, parentRoute) {
-    return from(routes).pipe(concatMap(r => {
-      return this.processSegmentAgainstRoute(r._injector ?? injector, routes, r, segmentGroup, segments, outlet, allowRedirects, parentRoute).pipe(catchError(e => {
-        if (e instanceof NoMatch) {
-          return of(null);
-        }
-        throw e;
-      }));
-    }), first(x => !!x), catchError(e => {
-      if (isEmptyError(e)) {
-        if (noLeftoversInUrl(segmentGroup, segments, outlet)) {
-          return of(new NoLeftoversInUrl());
-        }
-        return noMatch(segmentGroup);
-      }
-      throw e;
-    }));
-  }
-  processSegmentAgainstRoute(injector, routes, route, rawSegment, segments, outlet, allowRedirects, parentRoute) {
-    if (getOutlet(route) !== outlet && (outlet === PRIMARY_OUTLET || !emptyPathMatch(rawSegment, segments, route))) {
-      return noMatch(rawSegment);
-    }
-    if (route.redirectTo === undefined) {
-      return this.matchSegmentAgainstRoute(injector, rawSegment, route, segments, outlet, parentRoute);
-    }
-    if (this.allowRedirects && allowRedirects) {
-      return this.expandSegmentAgainstRouteUsingRedirect(injector, rawSegment, routes, route, segments, outlet, parentRoute);
-    }
-    return noMatch(rawSegment);
-  }
-  expandSegmentAgainstRouteUsingRedirect(injector, segmentGroup, routes, route, segments, outlet, parentRoute) {
-    const {
-      matched,
-      parameters,
-      consumedSegments,
-      positionalParamSegments,
-      remainingSegments
-    } = match(segmentGroup, route, segments);
-    if (!matched) return noMatch(segmentGroup);
-    if (typeof route.redirectTo === 'string' && route.redirectTo[0] === '/') {
-      this.absoluteRedirectCount++;
-      if (this.absoluteRedirectCount > MAX_ALLOWED_REDIRECTS) {
-        if (ngDevMode) {
-          throw new _RuntimeError(4016, `Detected possible infinite redirect when redirecting from '${this.urlTree}' to '${route.redirectTo}'.\n` + `This is currently a dev mode only error but will become a` + ` call stack size exceeded error in production in a future major version.`);
-        }
-        this.allowRedirects = false;
-      }
-    }
-    const currentSnapshot = new ActivatedRouteSnapshot(segments, parameters, Object.freeze({
-      ...this.urlTree.queryParams
-    }), this.urlTree.fragment, getData(route), getOutlet(route), route.component ?? route._loadedComponent ?? null, route, getResolve(route), injector);
-    const inherited = getInherited(currentSnapshot, parentRoute, this.paramsInheritanceStrategy);
-    currentSnapshot.params = Object.freeze(inherited.params);
-    currentSnapshot.data = Object.freeze(inherited.data);
-    const newTree$ = this.applyRedirects.applyRedirectCommands(consumedSegments, route.redirectTo, positionalParamSegments, currentSnapshot, injector);
-    return newTree$.pipe(switchMap(newTree => this.applyRedirects.lineralizeSegments(route, newTree)), mergeMap(newSegments => {
-      return this.processSegment(injector, routes, segmentGroup, newSegments.concat(remainingSegments), outlet, false, parentRoute);
-    }));
-  }
-  matchSegmentAgainstRoute(injector, rawSegment, route, segments, outlet, parentRoute) {
-    const matchResult = matchWithChecks(rawSegment, route, segments, injector, this.urlSerializer);
-    if (route.path === '**') {
-      rawSegment.children = {};
-    }
-    return matchResult.pipe(switchMap(result => {
-      if (!result.matched) {
-        return noMatch(rawSegment);
-      }
-      injector = route._injector ?? injector;
-      return this.getChildConfig(injector, route, segments).pipe(switchMap(({
-        routes: childConfig
-      }) => {
-        const childInjector = route._loadedInjector ?? injector;
-        const {
-          parameters,
-          consumedSegments,
-          remainingSegments
-        } = 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), injector);
-        const inherited = getInherited(snapshot, parentRoute, this.paramsInheritanceStrategy);
-        snapshot.params = Object.freeze(inherited.params);
-        snapshot.data = Object.freeze(inherited.data);
-        const {
-          segmentGroup,
-          slicedSegments
-        } = split(rawSegment, consumedSegments, remainingSegments, childConfig);
-        if (slicedSegments.length === 0 && segmentGroup.hasChildren()) {
-          return this.processChildren(childInjector, childConfig, segmentGroup, snapshot).pipe(map(children => {
-            return new TreeNode(snapshot, children);
-          }));
-        }
-        if (childConfig.length === 0 && slicedSegments.length === 0) {
-          return of(new TreeNode(snapshot, []));
-        }
-        const matchedOnOutlet = getOutlet(route) === outlet;
-        return this.processSegment(childInjector, childConfig, segmentGroup, slicedSegments, matchedOnOutlet ? PRIMARY_OUTLET : outlet, true, snapshot).pipe(map(child => {
-          return new TreeNode(snapshot, child instanceof TreeNode ? [child] : []);
-        }));
-      }));
-    }));
-  }
-  getChildConfig(injector, route, segments) {
-    if (route.children) {
-      return of({
-        routes: route.children,
-        injector
-      });
-    }
-    if (route.loadChildren) {
-      if (route._loadedRoutes !== undefined) {
-        return of({
-          routes: route._loadedRoutes,
-          injector: route._loadedInjector
-        });
-      }
-      return runCanLoadGuards(injector, route, segments, this.urlSerializer).pipe(mergeMap(shouldLoadResult => {
-        if (shouldLoadResult) {
-          return from(this.configLoader.loadChildren(injector, route)).pipe(tap(cfg => {
-            route._loadedRoutes = cfg.routes;
-            route._loadedInjector = cfg.injector;
-          }));
-        }
-        return canLoadFails(route);
-      }));
-    }
-    return of({
-      routes: [],
-      injector
-    });
-  }
 }
 function sortActivatedRouteSnapshots(nodes) {
   nodes.sort((a, b) => {
@@ -3557,29 +3159,18 @@ function getResolve(route) {
   return route.resolve || {};
 }
 
-const RECOGNIZE_IMPL = new InjectionToken(typeof ngDevMode !== 'undefined' && ngDevMode ? 'RECOGNIZE_IMPL' : '', {
-  factory: () => {
-    return recognize$2;
-  }
-});
-function provideSometimesSyncRecognize() {
-  return makeEnvironmentProviders([{
-    provide: RECOGNIZE_IMPL,
-    useValue: recognize$1
-  }]);
-}
 function recognize(injector, configLoader, rootComponentType, config, serializer, paramsInheritanceStrategy, abortSignal) {
-  const recognizeImpl = injector.get(RECOGNIZE_IMPL);
-  return mergeMap(t => of(t).pipe(switchMap(t => recognizeImpl(injector, configLoader, rootComponentType, config, t.extractedUrl, serializer, paramsInheritanceStrategy, abortSignal)), map(({
-    state: targetSnapshot,
-    tree: urlAfterRedirects
-  }) => {
+  return mergeMap(async t => {
+    const {
+      state: targetSnapshot,
+      tree: urlAfterRedirects
+    } = await recognize$1(injector, configLoader, rootComponentType, config, t.extractedUrl, serializer, paramsInheritanceStrategy, abortSignal);
     return {
       ...t,
       targetSnapshot,
       urlAfterRedirects
     };
-  })));
+  });
 }
 
 function resolveData(paramsInheritanceStrategy) {
@@ -3681,7 +3272,7 @@ class TitleStrategy {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.1.0-next.4",
+    version: "21.1.0",
     ngImport: i0,
     type: TitleStrategy,
     deps: [],
@@ -3689,7 +3280,7 @@ class TitleStrategy {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "21.1.0-next.4",
+    version: "21.1.0",
     ngImport: i0,
     type: TitleStrategy,
     providedIn: 'root',
@@ -3698,7 +3289,7 @@ class TitleStrategy {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.1.0-next.4",
+  version: "21.1.0",
   ngImport: i0,
   type: TitleStrategy,
   decorators: [{
@@ -3723,7 +3314,7 @@ class DefaultTitleStrategy extends TitleStrategy {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.1.0-next.4",
+    version: "21.1.0",
     ngImport: i0,
     type: DefaultTitleStrategy,
     deps: [{
@@ -3733,7 +3324,7 @@ class DefaultTitleStrategy extends TitleStrategy {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "21.1.0-next.4",
+    version: "21.1.0",
     ngImport: i0,
     type: DefaultTitleStrategy,
     providedIn: 'root'
@@ -3741,7 +3332,7 @@ class DefaultTitleStrategy extends TitleStrategy {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.1.0-next.4",
+  version: "21.1.0",
   ngImport: i0,
   type: DefaultTitleStrategy,
   decorators: [{
@@ -3809,6 +3400,7 @@ class RouterConfigLoader {
         const result = await loadChildren(route, this.compiler, parentInjector, this.onLoadEndListener);
         route._loadedRoutes = result.routes;
         route._loadedInjector = result.injector;
+        route._loadedNgModuleFactory = result.factory;
         return result;
       } finally {
         this.childrenLoaders.delete(route);
@@ -3819,7 +3411,7 @@ class RouterConfigLoader {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.1.0-next.4",
+    version: "21.1.0",
     ngImport: i0,
     type: RouterConfigLoader,
     deps: [],
@@ -3827,7 +3419,7 @@ class RouterConfigLoader {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "21.1.0-next.4",
+    version: "21.1.0",
     ngImport: i0,
     type: RouterConfigLoader,
     providedIn: 'root'
@@ -3835,7 +3427,7 @@ class RouterConfigLoader {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.1.0-next.4",
+  version: "21.1.0",
   ngImport: i0,
   type: RouterConfigLoader,
   decorators: [{
@@ -3860,11 +3452,13 @@ async function loadChildren(route, compiler, parentInjector, onLoadEndListener)
   let injector;
   let rawRoutes;
   let requireStandaloneComponents = false;
+  let factory = undefined;
   if (Array.isArray(factoryOrRoutes)) {
     rawRoutes = factoryOrRoutes;
     requireStandaloneComponents = true;
   } else {
     injector = factoryOrRoutes.create(parentInjector).injector;
+    factory = factoryOrRoutes;
     rawRoutes = injector.get(ROUTES, [], {
       optional: true,
       self: true
@@ -3874,7 +3468,8 @@ async function loadChildren(route, compiler, parentInjector, onLoadEndListener)
   (typeof ngDevMode === 'undefined' || ngDevMode) && validateConfig(routes, route.path, requireStandaloneComponents);
   return {
     routes,
-    injector
+    injector,
+    factory
   };
 }
 function isWrappedDefaultExport(value) {
@@ -3897,7 +3492,7 @@ async function maybeResolveResources(value) {
 class UrlHandlingStrategy {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.1.0-next.4",
+    version: "21.1.0",
     ngImport: i0,
     type: UrlHandlingStrategy,
     deps: [],
@@ -3905,7 +3500,7 @@ class UrlHandlingStrategy {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "21.1.0-next.4",
+    version: "21.1.0",
     ngImport: i0,
     type: UrlHandlingStrategy,
     providedIn: 'root',
@@ -3914,7 +3509,7 @@ class UrlHandlingStrategy {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.1.0-next.4",
+  version: "21.1.0",
   ngImport: i0,
   type: UrlHandlingStrategy,
   decorators: [{
@@ -3937,7 +3532,7 @@ class DefaultUrlHandlingStrategy {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.1.0-next.4",
+    version: "21.1.0",
     ngImport: i0,
     type: DefaultUrlHandlingStrategy,
     deps: [],
@@ -3945,7 +3540,7 @@ class DefaultUrlHandlingStrategy {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "21.1.0-next.4",
+    version: "21.1.0",
     ngImport: i0,
     type: DefaultUrlHandlingStrategy,
     providedIn: 'root'
@@ -3953,7 +3548,7 @@ class DefaultUrlHandlingStrategy {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.1.0-next.4",
+  version: "21.1.0",
   ngImport: i0,
   type: DefaultUrlHandlingStrategy,
   decorators: [{
@@ -3981,6 +3576,11 @@ function createViewTransition(injector, from, to) {
     resolveViewTransitionStarted();
     return createRenderPromise(injector);
   });
+  transition.updateCallbackDone.catch(error => {
+    if (typeof ngDevMode === 'undefined' || ngDevMode) {
+      console.error(error);
+    }
+  });
   transition.ready.catch(error => {
     if (typeof ngDevMode === 'undefined' || ngDevMode) {
       console.error(error);
@@ -4341,7 +3941,7 @@ class NavigationTransitions {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.1.0-next.4",
+    version: "21.1.0",
     ngImport: i0,
     type: NavigationTransitions,
     deps: [],
@@ -4349,7 +3949,7 @@ class NavigationTransitions {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "21.1.0-next.4",
+    version: "21.1.0",
     ngImport: i0,
     type: NavigationTransitions,
     providedIn: 'root'
@@ -4357,7 +3957,7 @@ class NavigationTransitions {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.1.0-next.4",
+  version: "21.1.0",
   ngImport: i0,
   type: NavigationTransitions,
   decorators: [{
@@ -4372,10 +3972,65 @@ function isBrowserTriggeredNavigation(source) {
   return source !== IMPERATIVE_NAVIGATION;
 }
 
+const ROUTE_INJECTOR_CLEANUP = new InjectionToken(typeof ngDevMode === 'undefined' || ngDevMode ? 'RouteInjectorCleanup' : '');
+function routeInjectorCleanup(routeReuseStrategy, routerState, config) {
+  const activeRoutes = new Set();
+  if (routerState.snapshot.root) {
+    collectDescendants(routerState.snapshot.root, activeRoutes);
+  }
+  const storedHandles = routeReuseStrategy.retrieveStoredRouteHandles?.() || [];
+  for (const handle of storedHandles) {
+    const internalHandle = handle;
+    if (internalHandle?.route?.value?.snapshot) {
+      for (const snapshot of internalHandle.route.value.snapshot.pathFromRoot) {
+        if (snapshot.routeConfig) {
+          activeRoutes.add(snapshot.routeConfig);
+        }
+      }
+    }
+  }
+  destroyUnusedInjectors(config, activeRoutes, routeReuseStrategy, false);
+}
+function collectDescendants(snapshot, activeRoutes) {
+  if (snapshot.routeConfig) {
+    activeRoutes.add(snapshot.routeConfig);
+  }
+  for (const child of snapshot.children) {
+    collectDescendants(child, activeRoutes);
+  }
+}
+function destroyUnusedInjectors(routes, activeRoutes, strategy, inheritedForceDestroy) {
+  for (const route of routes) {
+    const shouldDestroyCurrentRoute = inheritedForceDestroy || !!((route._injector || route._loadedInjector) && !activeRoutes.has(route) && (strategy.shouldDestroyInjector?.(route) ?? false));
+    if (route.children) {
+      destroyUnusedInjectors(route.children, activeRoutes, strategy, shouldDestroyCurrentRoute);
+    }
+    if (route.loadChildren && route._loadedRoutes) {
+      destroyUnusedInjectors(route._loadedRoutes, activeRoutes, strategy, shouldDestroyCurrentRoute);
+    }
+    if (shouldDestroyCurrentRoute) {
+      if (route._injector) {
+        route._injector.destroy();
+        route._injector = undefined;
+      }
+      if (route._loadedInjector) {
+        route._loadedInjector.destroy();
+        route._loadedInjector = undefined;
+      }
+    }
+  }
+}
+
+function destroyDetachedRouteHandle(handle) {
+  const internalHandle = handle;
+  if (internalHandle && internalHandle.componentRef) {
+    internalHandle.componentRef.destroy();
+  }
+}
 class RouteReuseStrategy {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.1.0-next.4",
+    version: "21.1.0",
     ngImport: i0,
     type: RouteReuseStrategy,
     deps: [],
@@ -4383,7 +4038,7 @@ class RouteReuseStrategy {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "21.1.0-next.4",
+    version: "21.1.0",
     ngImport: i0,
     type: RouteReuseStrategy,
     providedIn: 'root',
@@ -4392,7 +4047,7 @@ class RouteReuseStrategy {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.1.0-next.4",
+  version: "21.1.0",
   ngImport: i0,
   type: RouteReuseStrategy,
   decorators: [{
@@ -4417,11 +4072,14 @@ class BaseRouteReuseStrategy {
   shouldReuseRoute(future, curr) {
     return future.routeConfig === curr.routeConfig;
   }
+  shouldDestroyInjector(route) {
+    return true;
+  }
 }
 class DefaultRouteReuseStrategy extends BaseRouteReuseStrategy {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.1.0-next.4",
+    version: "21.1.0",
     ngImport: i0,
     type: DefaultRouteReuseStrategy,
     deps: null,
@@ -4429,7 +4087,7 @@ class DefaultRouteReuseStrategy extends BaseRouteReuseStrategy {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "21.1.0-next.4",
+    version: "21.1.0",
     ngImport: i0,
     type: DefaultRouteReuseStrategy,
     providedIn: 'root'
@@ -4437,7 +4095,7 @@ class DefaultRouteReuseStrategy extends BaseRouteReuseStrategy {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.1.0-next.4",
+  version: "21.1.0",
   ngImport: i0,
   type: DefaultRouteReuseStrategy,
   decorators: [{
@@ -4511,7 +4169,7 @@ class StateManager {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.1.0-next.4",
+    version: "21.1.0",
     ngImport: i0,
     type: StateManager,
     deps: [],
@@ -4519,7 +4177,7 @@ class StateManager {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "21.1.0-next.4",
+    version: "21.1.0",
     ngImport: i0,
     type: StateManager,
     providedIn: 'root',
@@ -4528,7 +4186,7 @@ class StateManager {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.1.0-next.4",
+  version: "21.1.0",
   ngImport: i0,
   type: StateManager,
   decorators: [{
@@ -4645,7 +4303,7 @@ class HistoryStateManager extends StateManager {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.1.0-next.4",
+    version: "21.1.0",
     ngImport: i0,
     type: HistoryStateManager,
     deps: null,
@@ -4653,7 +4311,7 @@ class HistoryStateManager extends StateManager {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "21.1.0-next.4",
+    version: "21.1.0",
     ngImport: i0,
     type: HistoryStateManager,
     providedIn: 'root'
@@ -4661,7 +4319,7 @@ class HistoryStateManager extends StateManager {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.1.0-next.4",
+  version: "21.1.0",
   ngImport: i0,
   type: HistoryStateManager,
   decorators: [{
@@ -4726,6 +4384,9 @@ class Router {
   }
   navigated = false;
   routeReuseStrategy = inject(RouteReuseStrategy);
+  injectorCleanup = inject(ROUTE_INJECTOR_CLEANUP, {
+    optional: true
+  });
   onSameUrlNavigation = this.options.onSameUrlNavigation || 'ignore';
   config = inject(ROUTES, {
     optional: true
@@ -4737,9 +4398,7 @@ class Router {
   constructor() {
     this.resetConfig(this.config);
     this.navigationTransitions.setupNavigations(this).subscribe({
-      error: e => {
-        this.console.warn(ngDevMode ? `Unhandled Navigation Error: ${e}` : e);
-      }
+      error: e => {}
     });
     this.subscribeToNavigationEvents();
   }
@@ -4755,6 +4414,7 @@ class Router {
             this.navigated = true;
           } else if (e instanceof NavigationEnd) {
             this.navigated = true;
+            this.injectorCleanup?.(this.routeReuseStrategy, this.routerState, this.config);
           } else if (e instanceof RedirectRequest) {
             const opts = e.navigationBehaviorOptions;
             const mergedTree = this.urlHandlingStrategy.merge(e.url, currentTransition.currentRawUrl);
@@ -4840,10 +4500,8 @@ class Router {
   dispose() {
     this._events.unsubscribe();
     this.navigationTransitions.complete();
-    if (this.nonRouterCurrentEntryChangeSubscription) {
-      this.nonRouterCurrentEntryChangeSubscription.unsubscribe();
-      this.nonRouterCurrentEntryChangeSubscription = undefined;
-    }
+    this.nonRouterCurrentEntryChangeSubscription?.unsubscribe();
+    this.nonRouterCurrentEntryChangeSubscription = undefined;
     this.disposed = true;
     this.eventsSubscription.unsubscribe();
   }
@@ -4976,7 +4634,7 @@ class Router {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.1.0-next.4",
+    version: "21.1.0",
     ngImport: i0,
     type: Router,
     deps: [],
@@ -4984,7 +4642,7 @@ class Router {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "21.1.0-next.4",
+    version: "21.1.0",
     ngImport: i0,
     type: Router,
     providedIn: 'root'
@@ -4992,7 +4650,7 @@ class Router {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.1.0-next.4",
+  version: "21.1.0",
   ngImport: i0,
   type: Router,
   decorators: [{
@@ -5012,5 +4670,5 @@ function validateCommands(commands) {
   }
 }
 
-export { ActivatedRoute, ActivatedRouteSnapshot, ActivationEnd, ActivationStart, BaseRouteReuseStrategy, BeforeActivateRoutes, CREATE_VIEW_TRANSITION, ChildActivationEnd, ChildActivationStart, ChildrenOutletContexts, DefaultTitleStrategy, DefaultUrlSerializer, EventType, GuardsCheckEnd, GuardsCheckStart, IMPERATIVE_NAVIGATION, INPUT_BINDER, NAVIGATION_ERROR_HANDLER, NavigationCancel, NavigationCancellationCode, NavigationEnd, NavigationError, NavigationSkipped, NavigationSkippedCode, NavigationStart, NavigationTransitions, OutletContext, PRIMARY_OUTLET, ROUTER_CONFIGURATION, ROUTER_OUTLET_DATA, ROUTES, RedirectCommand, ResolveEnd, ResolveStart, RouteConfigLoadEnd, RouteConfigLoadStart, RouteReuseStrategy, RoutedComponentInputBinder, Router, RouterConfigLoader, RouterEvent, RouterOutlet, RouterState, RouterStateSnapshot, RoutesRecognized, Scroll, StateManager, TitleStrategy, UrlHandlingStrategy, UrlSegment, UrlSegmentGroup, UrlSerializer, UrlTree, VIEW_TRANSITION_OPTIONS, afterNextNavigation, convertToParamMap, createUrlTreeFromSnapshot, createViewTransition, defaultUrlMatcher, isRedirectingEvent, isUrlTree, loadChildren, provideSometimesSyncRecognize, stringifyEvent, ɵEmptyOutletComponent };
+export { ActivatedRoute, ActivatedRouteSnapshot, ActivationEnd, ActivationStart, BaseRouteReuseStrategy, BeforeActivateRoutes, CREATE_VIEW_TRANSITION, ChildActivationEnd, ChildActivationStart, ChildrenOutletContexts, DefaultTitleStrategy, DefaultUrlSerializer, EventType, GuardsCheckEnd, GuardsCheckStart, IMPERATIVE_NAVIGATION, INPUT_BINDER, NAVIGATION_ERROR_HANDLER, NavigationCancel, NavigationCancellationCode, NavigationEnd, NavigationError, NavigationSkipped, NavigationSkippedCode, NavigationStart, NavigationTransitions, OutletContext, PRIMARY_OUTLET, ROUTER_CONFIGURATION, ROUTER_OUTLET_DATA, ROUTES, ROUTE_INJECTOR_CLEANUP, RedirectCommand, ResolveEnd, ResolveStart, RouteConfigLoadEnd, RouteConfigLoadStart, RouteReuseStrategy, RoutedComponentInputBinder, Router, RouterConfigLoader, RouterEvent, RouterOutlet, RouterState, RouterStateSnapshot, RoutesRecognized, Scroll, StateManager, TitleStrategy, UrlHandlingStrategy, UrlSegment, UrlSegmentGroup, UrlSerializer, UrlTree, VIEW_TRANSITION_OPTIONS, afterNextNavigation, convertToParamMap, createUrlTreeFromSnapshot, createViewTransition, defaultUrlMatcher, destroyDetachedRouteHandle, exactMatchOptions, isActive, isRedirectingEvent, isUrlTree, loadChildren, routeInjectorCleanup, stringifyEvent, subsetMatchOptions, ɵEmptyOutletComponent };
 //# sourceMappingURL=_router-chunk.mjs.map