@angular/router 18.1.0-next.1 → 18.1.0-next.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/src/components/empty_outlet.mjs +3 -3
- package/esm2022/src/directives/router_link.mjs +41 -15
- package/esm2022/src/directives/router_link_active.mjs +3 -3
- package/esm2022/src/directives/router_outlet.mjs +6 -6
- package/esm2022/src/errors.mjs +1 -1
- package/esm2022/src/navigation_transition.mjs +3 -3
- package/esm2022/src/page_title_strategy.mjs +6 -6
- package/esm2022/src/route_reuse_strategy.mjs +6 -6
- package/esm2022/src/router.mjs +3 -3
- package/esm2022/src/router_config_loader.mjs +3 -3
- package/esm2022/src/router_module.mjs +4 -4
- package/esm2022/src/router_outlet_context.mjs +3 -3
- package/esm2022/src/router_preloader.mjs +9 -9
- package/esm2022/src/router_scroller.mjs +3 -3
- package/esm2022/src/statemanager/state_manager.mjs +6 -6
- package/esm2022/src/url_handling_strategy.mjs +6 -6
- package/esm2022/src/url_tree.mjs +3 -3
- package/esm2022/src/version.mjs +1 -1
- package/esm2022/testing/src/router_testing_harness.mjs +6 -6
- package/esm2022/testing/src/router_testing_module.mjs +4 -4
- package/fesm2022/router.mjs +107 -82
- package/fesm2022/router.mjs.map +1 -1
- package/fesm2022/testing.mjs +11 -11
- package/fesm2022/upgrade.mjs +1 -1
- package/index.d.ts +10 -5
- package/package.json +4 -4
- package/testing/index.d.ts +1 -1
- package/upgrade/index.d.ts +1 -1
package/fesm2022/router.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @license Angular v18.1.0-next.
|
|
2
|
+
* @license Angular v18.1.0-next.2
|
|
3
3
|
* (c) 2010-2024 Google LLC. https://angular.io/
|
|
4
4
|
* License: MIT
|
|
5
5
|
*/
|
|
@@ -421,10 +421,10 @@ function mapChildrenIntoArray(segment, fn) {
|
|
|
421
421
|
* @publicApi
|
|
422
422
|
*/
|
|
423
423
|
class UrlSerializer {
|
|
424
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
425
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
424
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: UrlSerializer, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
425
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: UrlSerializer, providedIn: 'root', useFactory: () => new DefaultUrlSerializer() }); }
|
|
426
426
|
}
|
|
427
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
427
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: UrlSerializer, decorators: [{
|
|
428
428
|
type: Injectable,
|
|
429
429
|
args: [{ providedIn: 'root', useFactory: () => new DefaultUrlSerializer() }]
|
|
430
430
|
}] });
|
|
@@ -1857,10 +1857,10 @@ class ChildrenOutletContexts {
|
|
|
1857
1857
|
getContext(childName) {
|
|
1858
1858
|
return this.contexts.get(childName) || null;
|
|
1859
1859
|
}
|
|
1860
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
1861
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
1860
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: ChildrenOutletContexts, deps: [{ token: i0.EnvironmentInjector }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1861
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: ChildrenOutletContexts, providedIn: 'root' }); }
|
|
1862
1862
|
}
|
|
1863
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
1863
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: ChildrenOutletContexts, decorators: [{
|
|
1864
1864
|
type: Injectable,
|
|
1865
1865
|
args: [{ providedIn: 'root' }]
|
|
1866
1866
|
}], ctorParameters: () => [{ type: i0.EnvironmentInjector }] });
|
|
@@ -2568,10 +2568,10 @@ class RouterOutlet {
|
|
|
2568
2568
|
this.inputBinder?.bindActivatedRouteToOutletComponent(this);
|
|
2569
2569
|
this.activateEvents.emit(this.activated.instance);
|
|
2570
2570
|
}
|
|
2571
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
2572
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
2571
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: RouterOutlet, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2572
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.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 }); }
|
|
2573
2573
|
}
|
|
2574
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
2574
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: RouterOutlet, decorators: [{
|
|
2575
2575
|
type: Directive,
|
|
2576
2576
|
args: [{
|
|
2577
2577
|
selector: 'router-outlet',
|
|
@@ -2694,10 +2694,10 @@ class RoutedComponentInputBinder {
|
|
|
2694
2694
|
});
|
|
2695
2695
|
this.outletDataSubscriptions.set(outlet, dataSubscription);
|
|
2696
2696
|
}
|
|
2697
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
2698
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
2697
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: RoutedComponentInputBinder, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2698
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: RoutedComponentInputBinder }); }
|
|
2699
2699
|
}
|
|
2700
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
2700
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: RoutedComponentInputBinder, decorators: [{
|
|
2701
2701
|
type: Injectable
|
|
2702
2702
|
}] });
|
|
2703
2703
|
|
|
@@ -2815,10 +2815,10 @@ function isNavigationCancelingError(error) {
|
|
|
2815
2815
|
* to this `EmptyOutletComponent`.
|
|
2816
2816
|
*/
|
|
2817
2817
|
class ɵEmptyOutletComponent {
|
|
2818
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
2819
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
2818
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: ɵEmptyOutletComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2819
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.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"] }] }); }
|
|
2820
2820
|
}
|
|
2821
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
2821
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: ɵEmptyOutletComponent, decorators: [{
|
|
2822
2822
|
type: Component,
|
|
2823
2823
|
args: [{
|
|
2824
2824
|
template: `<router-outlet></router-outlet>`,
|
|
@@ -4241,10 +4241,10 @@ class TitleStrategy {
|
|
|
4241
4241
|
getResolvedTitleForRoute(snapshot) {
|
|
4242
4242
|
return snapshot.data[RouteTitleKey];
|
|
4243
4243
|
}
|
|
4244
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4245
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4244
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: TitleStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4245
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: TitleStrategy, providedIn: 'root', useFactory: () => inject(DefaultTitleStrategy) }); }
|
|
4246
4246
|
}
|
|
4247
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4247
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: TitleStrategy, decorators: [{
|
|
4248
4248
|
type: Injectable,
|
|
4249
4249
|
args: [{ providedIn: 'root', useFactory: () => inject(DefaultTitleStrategy) }]
|
|
4250
4250
|
}] });
|
|
@@ -4267,10 +4267,10 @@ class DefaultTitleStrategy extends TitleStrategy {
|
|
|
4267
4267
|
this.title.setTitle(title);
|
|
4268
4268
|
}
|
|
4269
4269
|
}
|
|
4270
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4271
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4270
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: DefaultTitleStrategy, deps: [{ token: i1.Title }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4271
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: DefaultTitleStrategy, providedIn: 'root' }); }
|
|
4272
4272
|
}
|
|
4273
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4273
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: DefaultTitleStrategy, decorators: [{
|
|
4274
4274
|
type: Injectable,
|
|
4275
4275
|
args: [{ providedIn: 'root' }]
|
|
4276
4276
|
}], ctorParameters: () => [{ type: i1.Title }] });
|
|
@@ -4346,10 +4346,10 @@ class RouterConfigLoader {
|
|
|
4346
4346
|
this.childrenLoaders.set(route, loader);
|
|
4347
4347
|
return loader;
|
|
4348
4348
|
}
|
|
4349
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4350
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4349
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: RouterConfigLoader, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4350
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: RouterConfigLoader, providedIn: 'root' }); }
|
|
4351
4351
|
}
|
|
4352
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4352
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: RouterConfigLoader, decorators: [{
|
|
4353
4353
|
type: Injectable,
|
|
4354
4354
|
args: [{ providedIn: 'root' }]
|
|
4355
4355
|
}] });
|
|
@@ -4416,10 +4416,10 @@ function maybeUnwrapDefaultExport(input) {
|
|
|
4416
4416
|
* @publicApi
|
|
4417
4417
|
*/
|
|
4418
4418
|
class UrlHandlingStrategy {
|
|
4419
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4420
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4419
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: UrlHandlingStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4420
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: UrlHandlingStrategy, providedIn: 'root', useFactory: () => inject(DefaultUrlHandlingStrategy) }); }
|
|
4421
4421
|
}
|
|
4422
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4422
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: UrlHandlingStrategy, decorators: [{
|
|
4423
4423
|
type: Injectable,
|
|
4424
4424
|
args: [{ providedIn: 'root', useFactory: () => inject(DefaultUrlHandlingStrategy) }]
|
|
4425
4425
|
}] });
|
|
@@ -4436,10 +4436,10 @@ class DefaultUrlHandlingStrategy {
|
|
|
4436
4436
|
merge(newUrlPart, wholeUrl) {
|
|
4437
4437
|
return newUrlPart;
|
|
4438
4438
|
}
|
|
4439
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4440
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4439
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: DefaultUrlHandlingStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4440
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: DefaultUrlHandlingStrategy, providedIn: 'root' }); }
|
|
4441
4441
|
}
|
|
4442
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4442
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: DefaultUrlHandlingStrategy, decorators: [{
|
|
4443
4443
|
type: Injectable,
|
|
4444
4444
|
args: [{ providedIn: 'root' }]
|
|
4445
4445
|
}] });
|
|
@@ -4887,10 +4887,10 @@ class NavigationTransitions {
|
|
|
4887
4887
|
return (extractedBrowserUrl.toString() !== this.currentTransition?.extractedUrl.toString() &&
|
|
4888
4888
|
!this.currentTransition?.extras.skipLocationChange);
|
|
4889
4889
|
}
|
|
4890
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4891
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4890
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: NavigationTransitions, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4891
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: NavigationTransitions, providedIn: 'root' }); }
|
|
4892
4892
|
}
|
|
4893
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4893
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: NavigationTransitions, decorators: [{
|
|
4894
4894
|
type: Injectable,
|
|
4895
4895
|
args: [{ providedIn: 'root' }]
|
|
4896
4896
|
}], ctorParameters: () => [] });
|
|
@@ -4906,10 +4906,10 @@ function isBrowserTriggeredNavigation(source) {
|
|
|
4906
4906
|
* @publicApi
|
|
4907
4907
|
*/
|
|
4908
4908
|
class RouteReuseStrategy {
|
|
4909
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4910
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4909
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: RouteReuseStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4910
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: RouteReuseStrategy, providedIn: 'root', useFactory: () => inject(DefaultRouteReuseStrategy) }); }
|
|
4911
4911
|
}
|
|
4912
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4912
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: RouteReuseStrategy, decorators: [{
|
|
4913
4913
|
type: Injectable,
|
|
4914
4914
|
args: [{ providedIn: 'root', useFactory: () => inject(DefaultRouteReuseStrategy) }]
|
|
4915
4915
|
}] });
|
|
@@ -4960,19 +4960,19 @@ class BaseRouteReuseStrategy {
|
|
|
4960
4960
|
}
|
|
4961
4961
|
}
|
|
4962
4962
|
class DefaultRouteReuseStrategy extends BaseRouteReuseStrategy {
|
|
4963
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4964
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4963
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: DefaultRouteReuseStrategy, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4964
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: DefaultRouteReuseStrategy, providedIn: 'root' }); }
|
|
4965
4965
|
}
|
|
4966
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4966
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: DefaultRouteReuseStrategy, decorators: [{
|
|
4967
4967
|
type: Injectable,
|
|
4968
4968
|
args: [{ providedIn: 'root' }]
|
|
4969
4969
|
}] });
|
|
4970
4970
|
|
|
4971
4971
|
class StateManager {
|
|
4972
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4973
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4972
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: StateManager, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4973
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: StateManager, providedIn: 'root', useFactory: () => inject(HistoryStateManager) }); }
|
|
4974
4974
|
}
|
|
4975
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4975
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: StateManager, decorators: [{
|
|
4976
4976
|
type: Injectable,
|
|
4977
4977
|
args: [{ providedIn: 'root', useFactory: () => inject(HistoryStateManager) }]
|
|
4978
4978
|
}] });
|
|
@@ -5147,10 +5147,10 @@ class HistoryStateManager extends StateManager {
|
|
|
5147
5147
|
}
|
|
5148
5148
|
return { navigationId };
|
|
5149
5149
|
}
|
|
5150
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
5151
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
5150
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: HistoryStateManager, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
5151
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: HistoryStateManager, providedIn: 'root' }); }
|
|
5152
5152
|
}
|
|
5153
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
5153
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: HistoryStateManager, decorators: [{
|
|
5154
5154
|
type: Injectable,
|
|
5155
5155
|
args: [{ providedIn: 'root' }]
|
|
5156
5156
|
}] });
|
|
@@ -5723,10 +5723,10 @@ class Router {
|
|
|
5723
5723
|
return Promise.reject(e);
|
|
5724
5724
|
});
|
|
5725
5725
|
}
|
|
5726
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
5727
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
5726
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: Router, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
5727
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: Router, providedIn: 'root' }); }
|
|
5728
5728
|
}
|
|
5729
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
5729
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: Router, decorators: [{
|
|
5730
5730
|
type: Injectable,
|
|
5731
5731
|
args: [{ providedIn: 'root' }]
|
|
5732
5732
|
}], ctorParameters: () => [] });
|
|
@@ -5810,6 +5810,9 @@ function isPublicRouterEvent(e) {
|
|
|
5810
5810
|
* </a>
|
|
5811
5811
|
* ```
|
|
5812
5812
|
*
|
|
5813
|
+
* `queryParams`, `fragment`, `queryParamsHandling`, `preserveFragment`, and `relativeTo`
|
|
5814
|
+
* cannot be used when the `routerLink` input is a `UrlTree`.
|
|
5815
|
+
*
|
|
5813
5816
|
* See {@link UrlCreationOptions#queryParamsHandling}.
|
|
5814
5817
|
*
|
|
5815
5818
|
* ### Preserving navigation history
|
|
@@ -5853,7 +5856,6 @@ class RouterLink {
|
|
|
5853
5856
|
* when a host element is `<a>`. For other tags, the value is `null`.
|
|
5854
5857
|
*/
|
|
5855
5858
|
this.href = null;
|
|
5856
|
-
this.commands = null;
|
|
5857
5859
|
/** @internal */
|
|
5858
5860
|
this.onChanges = new Subject();
|
|
5859
5861
|
/**
|
|
@@ -5877,6 +5879,7 @@ class RouterLink {
|
|
|
5877
5879
|
* @see {@link Router#navigateByUrl}
|
|
5878
5880
|
*/
|
|
5879
5881
|
this.replaceUrl = false;
|
|
5882
|
+
this.routerLinkInput = null;
|
|
5880
5883
|
const tagName = el.nativeElement.tagName?.toLowerCase();
|
|
5881
5884
|
this.isAnchorElement = tagName === 'a' || tagName === 'area';
|
|
5882
5885
|
if (this.isAnchorElement) {
|
|
@@ -5901,7 +5904,17 @@ class RouterLink {
|
|
|
5901
5904
|
this.applyAttributeValue('tabindex', newTabIndex);
|
|
5902
5905
|
}
|
|
5903
5906
|
/** @nodoc */
|
|
5907
|
+
// TODO(atscott): Remove changes parameter in major version as a breaking change.
|
|
5904
5908
|
ngOnChanges(changes) {
|
|
5909
|
+
if (ngDevMode &&
|
|
5910
|
+
isUrlTree(this.routerLinkInput) &&
|
|
5911
|
+
(this.fragment !== undefined ||
|
|
5912
|
+
this.queryParams ||
|
|
5913
|
+
this.queryParamsHandling ||
|
|
5914
|
+
this.preserveFragment ||
|
|
5915
|
+
this.relativeTo)) {
|
|
5916
|
+
throw new ɵRuntimeError(4016 /* RuntimeErrorCode.INVALID_ROUTER_LINK_INPUTS */, 'Cannot configure queryParams or fragment when using a UrlTree as the routerLink input value.');
|
|
5917
|
+
}
|
|
5905
5918
|
if (this.isAnchorElement) {
|
|
5906
5919
|
this.updateHref();
|
|
5907
5920
|
}
|
|
@@ -5910,20 +5923,29 @@ class RouterLink {
|
|
|
5910
5923
|
this.onChanges.next(this);
|
|
5911
5924
|
}
|
|
5912
5925
|
/**
|
|
5913
|
-
* Commands to pass to {@link Router#createUrlTree}
|
|
5926
|
+
* Commands to pass to {@link Router#createUrlTree} or a `UrlTree`.
|
|
5914
5927
|
* - **array**: commands to pass to {@link Router#createUrlTree}.
|
|
5915
5928
|
* - **string**: shorthand for array of commands with just the string, i.e. `['/route']`
|
|
5929
|
+
* - **UrlTree**: a `UrlTree` for this link rather than creating one from the commands
|
|
5930
|
+
* and other inputs that correspond to properties of `UrlCreationOptions`.
|
|
5916
5931
|
* - **null|undefined**: effectively disables the `routerLink`
|
|
5917
5932
|
* @see {@link Router#createUrlTree}
|
|
5918
5933
|
*/
|
|
5919
|
-
set routerLink(
|
|
5920
|
-
if (
|
|
5921
|
-
this.
|
|
5922
|
-
this.setTabIndexIfNotOnNativeEl(
|
|
5934
|
+
set routerLink(commandsOrUrlTree) {
|
|
5935
|
+
if (commandsOrUrlTree == null) {
|
|
5936
|
+
this.routerLinkInput = null;
|
|
5937
|
+
this.setTabIndexIfNotOnNativeEl(null);
|
|
5923
5938
|
}
|
|
5924
5939
|
else {
|
|
5925
|
-
|
|
5926
|
-
|
|
5940
|
+
if (isUrlTree(commandsOrUrlTree)) {
|
|
5941
|
+
this.routerLinkInput = commandsOrUrlTree;
|
|
5942
|
+
}
|
|
5943
|
+
else {
|
|
5944
|
+
this.routerLinkInput = Array.isArray(commandsOrUrlTree)
|
|
5945
|
+
? commandsOrUrlTree
|
|
5946
|
+
: [commandsOrUrlTree];
|
|
5947
|
+
}
|
|
5948
|
+
this.setTabIndexIfNotOnNativeEl('0');
|
|
5927
5949
|
}
|
|
5928
5950
|
}
|
|
5929
5951
|
/** @nodoc */
|
|
@@ -5988,10 +6010,13 @@ class RouterLink {
|
|
|
5988
6010
|
}
|
|
5989
6011
|
}
|
|
5990
6012
|
get urlTree() {
|
|
5991
|
-
if (this.
|
|
6013
|
+
if (this.routerLinkInput === null) {
|
|
5992
6014
|
return null;
|
|
5993
6015
|
}
|
|
5994
|
-
|
|
6016
|
+
else if (isUrlTree(this.routerLinkInput)) {
|
|
6017
|
+
return this.routerLinkInput;
|
|
6018
|
+
}
|
|
6019
|
+
return this.router.createUrlTree(this.routerLinkInput, {
|
|
5995
6020
|
// If the `relativeTo` input is not defined, we want to use `this.route` by default.
|
|
5996
6021
|
// Otherwise, we should use the value provided by the user in the input.
|
|
5997
6022
|
relativeTo: this.relativeTo !== undefined ? this.relativeTo : this.route,
|
|
@@ -6001,10 +6026,10 @@ class RouterLink {
|
|
|
6001
6026
|
preserveFragment: this.preserveFragment,
|
|
6002
6027
|
});
|
|
6003
6028
|
}
|
|
6004
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
6005
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.1.0-next.
|
|
6029
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.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 }); }
|
|
6030
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.1.0-next.2", type: RouterLink, isStandalone: true, selector: "[routerLink]", inputs: { target: "target", queryParams: "queryParams", fragment: "fragment", queryParamsHandling: "queryParamsHandling", state: "state", info: "info", 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 }); }
|
|
6006
6031
|
}
|
|
6007
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
6032
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: RouterLink, decorators: [{
|
|
6008
6033
|
type: Directive,
|
|
6009
6034
|
args: [{
|
|
6010
6035
|
selector: '[routerLink]',
|
|
@@ -6242,10 +6267,10 @@ class RouterLinkActive {
|
|
|
6242
6267
|
const isActiveCheckFn = this.isLinkActive(this.router);
|
|
6243
6268
|
return (this.link && isActiveCheckFn(this.link)) || this.links.some(isActiveCheckFn);
|
|
6244
6269
|
}
|
|
6245
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
6246
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
6270
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.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 }); }
|
|
6271
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.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 }); }
|
|
6247
6272
|
}
|
|
6248
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
6273
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: RouterLinkActive, decorators: [{
|
|
6249
6274
|
type: Directive,
|
|
6250
6275
|
args: [{
|
|
6251
6276
|
selector: '[routerLinkActive]',
|
|
@@ -6297,10 +6322,10 @@ class PreloadAllModules {
|
|
|
6297
6322
|
preload(route, fn) {
|
|
6298
6323
|
return fn().pipe(catchError(() => of(null)));
|
|
6299
6324
|
}
|
|
6300
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
6301
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
6325
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: PreloadAllModules, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
6326
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: PreloadAllModules, providedIn: 'root' }); }
|
|
6302
6327
|
}
|
|
6303
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
6328
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: PreloadAllModules, decorators: [{
|
|
6304
6329
|
type: Injectable,
|
|
6305
6330
|
args: [{ providedIn: 'root' }]
|
|
6306
6331
|
}] });
|
|
@@ -6317,10 +6342,10 @@ class NoPreloading {
|
|
|
6317
6342
|
preload(route, fn) {
|
|
6318
6343
|
return of(null);
|
|
6319
6344
|
}
|
|
6320
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
6321
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
6345
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: NoPreloading, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
6346
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: NoPreloading, providedIn: 'root' }); }
|
|
6322
6347
|
}
|
|
6323
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
6348
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: NoPreloading, decorators: [{
|
|
6324
6349
|
type: Injectable,
|
|
6325
6350
|
args: [{ providedIn: 'root' }]
|
|
6326
6351
|
}] });
|
|
@@ -6411,10 +6436,10 @@ class RouterPreloader {
|
|
|
6411
6436
|
}
|
|
6412
6437
|
});
|
|
6413
6438
|
}
|
|
6414
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
6415
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
6439
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: RouterPreloader, deps: [{ token: Router }, { token: i0.Compiler }, { token: i0.EnvironmentInjector }, { token: PreloadingStrategy }, { token: RouterConfigLoader }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
6440
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: RouterPreloader, providedIn: 'root' }); }
|
|
6416
6441
|
}
|
|
6417
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
6442
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: RouterPreloader, decorators: [{
|
|
6418
6443
|
type: Injectable,
|
|
6419
6444
|
args: [{ providedIn: 'root' }]
|
|
6420
6445
|
}], ctorParameters: () => [{ type: Router }, { type: i0.Compiler }, { type: i0.EnvironmentInjector }, { type: PreloadingStrategy }, { type: RouterConfigLoader }] });
|
|
@@ -6515,10 +6540,10 @@ class RouterScroller {
|
|
|
6515
6540
|
this.routerEventsSubscription?.unsubscribe();
|
|
6516
6541
|
this.scrollEventsSubscription?.unsubscribe();
|
|
6517
6542
|
}
|
|
6518
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
6519
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
6543
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: RouterScroller, deps: "invalid", target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
6544
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: RouterScroller }); }
|
|
6520
6545
|
}
|
|
6521
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
6546
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: RouterScroller, decorators: [{
|
|
6522
6547
|
type: Injectable
|
|
6523
6548
|
}], ctorParameters: () => [{ type: UrlSerializer }, { type: NavigationTransitions }, { type: i3.ViewportScroller }, { type: i0.NgZone }, { type: undefined }] });
|
|
6524
6549
|
|
|
@@ -7165,11 +7190,11 @@ class RouterModule {
|
|
|
7165
7190
|
providers: [{ provide: ROUTES, multi: true, useValue: routes }],
|
|
7166
7191
|
};
|
|
7167
7192
|
}
|
|
7168
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
7169
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
7170
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
7193
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: RouterModule, deps: [{ token: ROUTER_FORROOT_GUARD, optional: true }], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7194
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0-next.2", ngImport: i0, type: RouterModule, imports: [RouterOutlet, RouterLink, RouterLinkActive, ɵEmptyOutletComponent], exports: [RouterOutlet, RouterLink, RouterLinkActive, ɵEmptyOutletComponent] }); }
|
|
7195
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: RouterModule }); }
|
|
7171
7196
|
}
|
|
7172
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
7197
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.2", ngImport: i0, type: RouterModule, decorators: [{
|
|
7173
7198
|
type: NgModule,
|
|
7174
7199
|
args: [{
|
|
7175
7200
|
imports: ROUTER_DIRECTIVES,
|
|
@@ -7314,7 +7339,7 @@ function mapToResolve(provider) {
|
|
|
7314
7339
|
/**
|
|
7315
7340
|
* @publicApi
|
|
7316
7341
|
*/
|
|
7317
|
-
const VERSION = new Version('18.1.0-next.
|
|
7342
|
+
const VERSION = new Version('18.1.0-next.2');
|
|
7318
7343
|
|
|
7319
7344
|
/**
|
|
7320
7345
|
* @module
|