@angular/router 16.0.0-next.5 → 16.0.0-next.6

package/fesm2022/testing.mjs

@@ -1,5 +1,5 @@
 /**
- * @license Angular v16.0.0-next.5
+ * @license Angular v16.0.0-next.6
  * (c) 2010-2022 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -109,16 +109,16 @@ class RouterTestingModule {
             ]
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-next.5", ngImport: i0, type: RouterTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0-next.5", ngImport: i0, type: RouterTestingModule, exports: [RouterModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0-next.5", ngImport: i0, type: RouterTestingModule, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-next.6", ngImport: i0, type: RouterTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0-next.6", ngImport: i0, type: RouterTestingModule, exports: [RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0-next.6", ngImport: i0, type: RouterTestingModule, providers: [
             ɵROUTER_PROVIDERS,
             provideLocationMocks(),
             ɵwithPreloading(NoPreloading).ɵproviders,
             { provide: ROUTES, multi: true, useValue: [] },
         ], imports: [RouterModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0-next.5", ngImport: i0, type: RouterTestingModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0-next.6", ngImport: i0, type: RouterTestingModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [RouterModule],
@@ -147,18 +147,18 @@ class RootFixtureService {
         this.fixture.detectChanges();
         return this.fixture;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-next.5", ngImport: i0, type: RootFixtureService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0-next.5", ngImport: i0, type: RootFixtureService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-next.6", ngImport: i0, type: RootFixtureService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0-next.6", ngImport: i0, type: RootFixtureService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0-next.5", ngImport: i0, type: RootFixtureService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0-next.6", ngImport: i0, type: RootFixtureService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
 class RootCmp {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0-next.5", ngImport: i0, type: RootCmp, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0-next.5", type: RootCmp, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "outlet", first: true, predicate: RouterOutlet, descendants: true }], 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: "16.0.0-next.6", ngImport: i0, type: RootCmp, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0-next.6", type: RootCmp, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "outlet", first: true, predicate: RouterOutlet, descendants: true }], 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: "16.0.0-next.5", ngImport: i0, type: RootCmp, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0-next.6", ngImport: i0, type: RootCmp, decorators: [{
             type: Component,
             args: [{
                     standalone: true,

package/fesm2022/upgrade.mjs

@@ -1,5 +1,5 @@
 /**
- * @license Angular v16.0.0-next.5
+ * @license Angular v16.0.0-next.6
  * (c) 2010-2022 Google LLC. https://angular.io/
  * License: MIT
  */

package/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * @license Angular v16.0.0-next.5
+ * @license Angular v16.0.0-next.6
  * (c) 2010-2022 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -710,6 +710,16 @@ export declare class ChildrenOutletContexts {
     static ɵprov: i0.ɵɵInjectableDeclaration<ChildrenOutletContexts>;
 }
 
+/**
+ * A type alias for providers returned by `withComponentInputBinding` for use with `provideRouter`.
+ *
+ * @see `withComponentInputBinding`
+ * @see `provideRouter`
+ *
+ * @publicApi
+ */
+declare type ComponentInputBindingFeature = RouterFeature<RouterFeatureKind.ComponentInputBindingFeature>;
+
 /**
  * Converts a `Params` instance to a `ParamMap`.
  * @param params The instance to convert.
@@ -1013,6 +1023,11 @@ export declare interface ExtraOptions extends InMemoryScrollingOptions, RouterCo
      * starts its initial navigation due to some complex initialization logic.
      */
     initialNavigation?: InitialNavigation;
+    /**
+     * When true, enables binding information from the `Router` state directly to the inputs of the
+     * component in `Route` configurations.
+     */
+    bindToComponentInputs?: boolean;
     /**
      * A custom error handler for failed navigations.
      * If the handler returns a value, the navigation Promise is resolved with this value.
@@ -1107,7 +1122,9 @@ export declare class GuardsCheckStart extends RouterEvent {
 declare namespace i1 {
     export {
         RouterOutletContract,
-        RouterOutlet
+        RouterOutlet,
+        INPUT_BINDER,
+        RoutedComponentInputBinder
     }
 }
 
@@ -1226,6 +1243,8 @@ export declare interface InMemoryScrollingOptions {
     scrollPositionRestoration?: 'disabled' | 'enabled' | 'top';
 }
 
+declare const INPUT_BINDER: InjectionToken<RoutedComponentInputBinder>;
+
 /**
  * A set of options which specify how to determine if a `UrlTree` is active, given the `UrlTree`
  * for the current router state.
@@ -2641,6 +2660,29 @@ export declare class RouteConfigLoadStart {
     toString(): string;
 }
 
+/**
+ * Injectable used as a tree-shakable provider for opting in to binding router data to component
+ * inputs.
+ *
+ * The RouterOutlet registers itself with this service when an `ActivatedRoute` is attached or
+ * activated. When this happens, the service subscribes to the `ActivatedRoute` observables (params,
+ * queryParams, data) and sets the inputs of the component using `ComponentRef.setInput`.
+ * Importantly, when an input does not have an item in the route data with a matching key, this
+ * input is set to `undefined`. If it were not done this way, the previous information would be
+ * retained if the data got removed from the route (i.e. if a query parameter is removed).
+ *
+ * The `RouterOutlet` should unregister itself when destroyed via `unsubscribeFromRouteData` so that
+ * the subscriptions are cleaned up.
+ */
+declare class RoutedComponentInputBinder {
+    private outletDataSubscriptions;
+    bindActivatedRouteToOutletComponent(outlet: RouterOutlet): void;
+    unsubscribeFromRouteData(outlet: RouterOutlet): void;
+    private subscribeToRouteData;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RoutedComponentInputBinder, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<RoutedComponentInputBinder>;
+}
+
 /**
  * @description
  *
@@ -2800,6 +2842,13 @@ export declare class Router {
     private readonly navigationTransitions;
     private readonly urlSerializer;
     private readonly location;
+    /**
+     * Indicates whether the the application has opted in to binding Router data to component inputs.
+     *
+     * This option is enabled by the `withComponentInputBinding` feature of `provideRouter` or
+     * `bindToComponentInputs` in the `ExtraOptions` of `RouterModule.forRoot`.
+     */
+    readonly componentInputBindingEnabled: boolean;
     constructor();
     /**
      * Sets up the location change listener and performs the initial navigation.
@@ -3167,7 +3216,8 @@ declare const enum RouterFeatureKind {
     InMemoryScrollingFeature = 4,
     RouterConfigurationFeature = 5,
     RouterHashLocationFeature = 6,
-    NavigationErrorHandlerFeature = 7
+    NavigationErrorHandlerFeature = 7,
+    ComponentInputBindingFeature = 8
 }
 
 /**
@@ -3180,7 +3230,7 @@ declare const enum RouterFeatureKind {
  *
  * @publicApi
  */
-export declare type RouterFeatures = PreloadingFeature | DebugTracingFeature | InitialNavigationFeature | InMemoryScrollingFeature | RouterConfigurationFeature | NavigationErrorHandlerFeature;
+export declare type RouterFeatures = PreloadingFeature | DebugTracingFeature | InitialNavigationFeature | InMemoryScrollingFeature | RouterConfigurationFeature | NavigationErrorHandlerFeature | ComponentInputBindingFeature;
 
 /**
  * A type alias for providers returned by `withHashLocation` for use with `provideRouter`.
@@ -3678,6 +3728,9 @@ export declare class RouterOutlet implements OnDestroy, OnInit, RouterOutletCont
     private location;
     private changeDetector;
     private environmentInjector;
+    private inputBinder;
+    /** @nodoc */
+    readonly supportsBindingToComponentInputs = true;
     /** @nodoc */
     ngOnChanges(changes: SimpleChanges): void;
     /** @nodoc */
@@ -3778,6 +3831,15 @@ export declare interface RouterOutletContract {
      * subtree.
      */
     detachEvents?: EventEmitter<unknown>;
+    /**
+     * Used to indicate that the outlet is able to bind data from the `Router` to the outlet
+     * component's inputs.
+     *
+     * When this is `undefined` or `false` and the developer has opted in to the
+     * feature using `withComponentInputBinding`, a warning will be logged in dev mode if this outlet
+     * is used in the application.
+     */
+    readonly supportsBindingToComponentInputs?: true;
 }
 
 /**
@@ -4349,6 +4411,28 @@ export declare class UrlTree {
  */
 export declare const VERSION: Version;
 
+/**
+ * Enables binding information from the `Router` state directly to the inputs of the component in
+ * `Route` configurations.
+ *
+ * @usageNotes
+ *
+ * Basic example of how you can enable the feature:
+ * ```
+ * const appRoutes: Routes = [];
+ * bootstrapApplication(AppComponent,
+ *   {
+ *     providers: [
+ *       provideRouter(appRoutes, withComponentInputBinding())
+ *     ]
+ *   }
+ * );
+ * ```
+ *
+ * @returns A set of providers for use with `provideRouter`.
+ */
+export declare function withComponentInputBinding(): ComponentInputBindingFeature;
+
 /**
  * Enables logging of all internal navigation events to the console.
  * Extra logging might be useful for debugging purposes to inspect Router event sequence.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/router",
-  "version": "16.0.0-next.5",
+  "version": "16.0.0-next.6",
   "description": "Angular - the routing library",
   "keywords": [
     "angular",
@@ -24,9 +24,9 @@
     "tslib": "^2.3.0"
   },
   "peerDependencies": {
-    "@angular/core": "16.0.0-next.5",
-    "@angular/common": "16.0.0-next.5",
-    "@angular/platform-browser": "16.0.0-next.5",
+    "@angular/core": "16.0.0-next.6",
+    "@angular/common": "16.0.0-next.6",
+    "@angular/platform-browser": "16.0.0-next.6",
     "rxjs": "^6.5.3 || ^7.4.0"
   },
   "ng-update": {

package/testing/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * @license Angular v16.0.0-next.5
+ * @license Angular v16.0.0-next.6
  * (c) 2010-2022 Google LLC. https://angular.io/
  * License: MIT
  */

package/upgrade/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * @license Angular v16.0.0-next.5
+ * @license Angular v16.0.0-next.6
  * (c) 2010-2022 Google LLC. https://angular.io/
  * License: MIT
  */