Update angular monorepo to v16 (major)

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
@angular/animations	8.2.14 -> 16.2.4
@angular/common	^7.1.0 || ^8.0.0 -> ^7.1.0 || ^8.0.0 || ^16.0.0
@angular/common	8.2.14 -> 16.2.4
@angular/compiler	8.2.14 -> 16.2.4
@angular/compiler-cli (source)	8.2.14 -> 16.2.4
@angular/core	^7.1.0 || ^8.0.0 -> ^7.1.0 || ^8.0.0 || ^16.0.0
@angular/forms	8.2.14 -> 16.2.4
@angular/language-service	8.2.14 -> 16.2.4
@angular/platform-browser	8.2.14 -> 16.2.4
@angular/platform-browser-dynamic	8.2.14 -> 16.2.4
@angular/router (source)	8.2.14 -> 16.2.4

---

Release Notes

angular/angular (@​angular/animations)

v16.2.4

Compare Source

v16.2.3

Compare Source

animations

Commit	Type	Description
04c6574280	fix	remove unnecessary escaping in regex expressions (#​51554)

compiler-cli

Commit	Type	Description
dbd761f528	fix	correct incomplete escaping (#​51557)
5c36fc784f	fix	remove unnecessary escaping in regex expressions (#​51554)

core

Commit	Type	Description
dcd1add06f	fix	correct incomplete escaping (#​51557)
20d62603c2	fix	handle hydration of view containers that use component hosts as anchors (#​51456)
e6b301caa2	fix	remove unnecessary escaping in regex expressions (#​51554)
0c7c852ee7	fix	run afterRender callbacks outside of the Angular zone (#​51551)

language-service

Commit	Type	Description
8081fdd22d	fix	correct incomplete escaping (#​51557)

v16.2.2

Compare Source

common

Commit	Type	Description
a43c0772ea	fix	Allow safeUrl for ngSrc in NgOptimizedImage (#​51351)

compiler-cli

Commit	Type	Description
39ace8664b	fix	enforce a minimum version to be used when a library uses input transform (#​51413)

core

Commit	Type	Description
36f434e49d	fix	guard the jasmine hooks (#​51394)

router

Commit	Type	Description
b0396e7164	fix	Ensure canceledNavigationResolution: 'computed' works on first page (#​51441)

v16.2.1

Compare Source

router

Commit	Type	Description
232a8c1b8d	fix	Apply named outlets to children empty paths not appearing in the URL (#​51292)

v16.2.0

Compare Source

benchpress

Commit	Type	Description
dd850b2ab7	fix	correctly report GC memory amounts (#​50760)

common

Commit	Type	Description
29d358170b	feat	add component input binding support for NgComponentOutlet (#​51148)
1837efb9da	feat	Allow ngSrc to be changed post-init (#​50683)

compiler

Commit	Type	Description
c27a1e61d6	feat	scope selectors in @​scope queries (#​50747)

compiler-cli

Commit	Type	Description
12bad6576d	fix	libraries compiled with v16.1+ breaking with Angular framework v16.0.x (#​50714)

core

Commit	Type	Description
e53d4ecf4c	feat	add afterRender and afterNextRender (#​50607)
98d262fd27	feat	create injector debugging APIs (#​48639)
cdaa2a8a9e	feat	support Provider type in Injector.create (#​49587)
9f490da7e2	fix	handle hydration of view containers for root components (#​51247)

router

Commit	Type	Description
0b14e4ef74	feat	exposes the fixture of the RouterTestingHarness (#​50280)

v16.1.9

Compare Source

v16.1.8

Compare Source

compiler

Commit	Type	Description
cc722ea1f5	fix	return full spans for Comment nodes (#​50855)

v16.1.7

Compare Source

http

Commit	Type	Description
916916d835	fix	check whether Zone is defined (#​51119)

v16.1.6

Compare Source

http

Commit	Type	Description
dea8dc0378	fix	Run fetch request out the angular zone (#​50981)

v16.1.5

Compare Source

animations

Commit	Type	Description
f920fcbd94	fix	Ensure elements are removed from the cache after leave animation. (#​50929)

core

Commit	Type	Description
499fb5c772	fix	ensure that standalone components get correct injector instances (#​50954)
c65913ecb7	fix	handle deref returning null on RefactiveNode. (#​50992)

platform-browser

Commit	Type	Description
31419f6a3b	perf	do not remove renderer from cache when REMOVE_STYLES_ON_COMPONENT_DESTROY is enabled. (#​51005)

upgrade

Commit	Type	Description
3efb577cf3	fix	Use takeUntil on leaky subscription. (#​50901)

v16.1.4

Compare Source

core

Commit	Type	Description
4ba5850ba6	fix	use setTimeout when coalescing tasks in Node.js (#​50820)

upgrade

Commit	Type	Description
a4348355ce	fix	allow for downgraded components to work with component-router (#​50871)

v16.1.3

Compare Source

core

Commit	Type	Description
dd6fc5785f	fix	expose input transform function on ComponentFactory and ComponentMirror (#​50713)

elements

Commit	Type	Description
e1bbe47c23	fix	support input transform functions (#​50713)

platform-browser

Commit	Type	Description
79dd6a847a	fix	wait until animation completion before destroying renderer (#​50677)
a797f41d1b	fix	wait until animation completion before destroying renderer (#​50860)

v16.1.2

Compare Source

http

Commit	Type	Description
9488a3fd46	fix	Send query params on fetch request (#​50740)
5ae001829c	fix	use serializeBody to support JSON payload in FetchBackend (#​50776)

v16.1.1

Compare Source

compiler-cli

Commit	Type	Description
71360b3a3e	fix	libraries compiled with v16.1+ breaking with Angular framework v16.0.x (#​50715)

core

Commit	Type	Description
d9bed48eb5	fix	extend toSignal to accept any Subscribable (#​50162)

migrations

Commit	Type	Description
5e1d8444ae	fix	Prevent a component from importing itself. (#​50554)

v16.1.0

Compare Source

compiler

Commit	Type	Description
4e663297c5	fix	error when reading compiled input transforms metadata in JIT mode (#​50600)
721bc72649	fix	resolve deprecation warning with TypeScript 5.1 (#​50460)

core

Commit	Type	Description
68017d4e75	feat	add ability to transform input values (#​50420)
69dadd2502	feat	support TypeScript 5.1 (#​50156)
c0ebe34cbd	fix	add additional component metadata to component ID generation (#​50336)

http

Commit	Type	Description
85c5427582	feat	Introduction of the fetch Backend for the HttpClient (#​50247)

v16.0.6

Compare Source

core

Commit	Type	Description
05ac0868c9	fix	avoid duplicated content during hydration while processing a component with i18n (#​50644)

v16.0.5

Compare Source

compiler

Commit	Type	Description
703b8fcac1	fix	do not remove comments in component styles (#​50346)

core

Commit	Type	Description
2b6da93e19	fix	incorrectly throwing error for self-referencing component (#​50559)
c992109d6c	fix	wait for HTTP in ngOnInit correctly before server render (#​50573)

platform-server

Commit	Type	Description
c0d4086c6e	fix	surface errors during rendering (#​50587)

v16.0.4

Compare Source

animations

Commit	Type	Description
df65c4fc8f	fix	Trigger leave animation when ViewContainerRef is injected (#​48705)

common

Commit	Type	Description
7e1bc513de	fix	untrack subscription and unsubscription in async pipe (#​50522)

core

Commit	Type	Description
9970b29ace	fix	update ApplicationRef.isStable to account for rendering pending tasks (#​50425)

v16.0.3

Compare Source

core

Commit	Type	Description
c11041e372	fix	adds missing symbols for animation standalone bundling test (#​50434)
98e8fdf40e	fix	fix Self flag inside embedded views with custom injectors (#​50270)
199ff4fe7f	fix	host directives incorrectly validating aliased bindings (#​50364)

http

Commit	Type	Description
080bbd2137	fix	create macrotask during request handling instead of load start (#​50406)

v16.0.2

Compare Source

core

Commit	Type	Description
c1016d4e57	fix	add additional component metadata to component ID generation (#​50340)
cc41758b59	fix	allow onDestroy unregistration while destroying (#​50237)
7d679bdb59	fix	allow passing value of any type to isSignal function (#​50035)

v16.0.1

Compare Source

core

Commit	Type	Description
52c74d3b4a	fix	add additional component metadata to component ID generation (#​50203)
048b6b1e0d	fix	bootstrapApplication call not rejected when error is thrown in importProvidersFrom module (#​50120)
d68796782f	fix	handle hydration of root components with injected ViewContainerRef (#​50136)
f751ce6445	fix	handle projection of hydrated containters into components that skip hydration (#​50199)
346ab73dd9	fix	only try to retrieve transferred state on the browser (#​50144)

v16.0.0

Compare Source

Blog post "Angular v16 is now available".

Breaking Changes

• Angular Compatibility Compiler (ngcc) has been removed and as a result Angular View Engine libraries will no longer work
• Deprecated EventManager method addGlobalEventListener has been removed as it is not used by Ivy.

bazel

• Several changes to the Angular Package Format (APF)
  • Removal of FESM2015
  • Replacing ES2020 with ES2022
  • Replacing FESM2020 with FESM2022
• Several changes to the Angular Package Format (APF)
  • Removal of FESM2015
  • Replacing ES2020 with ES2022
  • Replacing FESM2020 with FESM2022

common

• MockPlatformLocation is now provided by default in tests.
  Existing tests may have behaviors which rely on
  BrowserPlatformLocation instead. For example, direct access to the
  window.history in either the test or the component rather than going
  through the Angular APIs (Location.getState()). The quickest fix is to
  update the providers in the test suite to override the provider again
  TestBed.configureTestingModule({providers: [{provide: PlatformLocation, useClass: BrowserPlatformLocation}]}).
  The ideal fix would be to update the code to instead be compatible with
  MockPlatformLocation instead.
• If the 'ngTemplateOutletContext' is different from the context, it will result in a compile-time error.

Before the change, the following template was compiling:

interface MyContext {
  $implicit: string;
}

@​Component({
  standalone: true,
  imports: [NgTemplateOutlet],
  selector: 'person',
  template: `
    <ng-container
      *ngTemplateOutlet="
        myTemplateRef;
        context: { $implicit: 'test', xxx: 'xxx' }
      "></ng-container>
  `,
})
export class PersonComponent {
  myTemplateRef!: TemplateRef<MyContext>;
}

However, it does not compile now because the 'xxx' property does not exist in 'MyContext', resulting in the error: 'Type '{ $implicit: string; xxx: string; }' is not assignable to type 'MyContext'.'

The solution is either:

• add the 'xxx' property to 'MyContext' with the correct type or
• add '$any(...)' inside the template to make the error disappear. However, adding '$any(...)' does not correct the error but only preserves the previous behavior of the code.
• Deprecated XhrFactory export from @angular/common/http has been removed. Use XhrFactory from @angular/common instead.

compiler

• • TypeScript 4.8 is no longer supported.

core

• QueryList.filter now supports type guard functions, which will result in type narrowing. Previously if you used type guard functions, it resulted in no changes to the return type. Now the type would be narrowed, which might require updates to the application code that relied on the old behavior.

• zone.js versions 0.11.x and 0.12.x are not longer supported.

• • entryComponents has been deleted from the @NgModule and @Component public APIs. Any usages can be removed since they weren't doing anyting.
  • ANALYZE_FOR_ENTRY_COMPONENTS injection token has been deleted. Any references can be removed.

• ComponentRef.setInput will only set the input on the
  component if it is different from the previous value (based on Object.is
  equality). If code relies on the input always being set, it should be
  updated to copy objects or wrap primitives in order to ensure the input
  value differs from the previous call to setInput.

• RendererType2.styles no longer accepts a nested arrays.

• The APP_ID token value is no longer randomly generated. If you are bootstrapping multiple application on the same page you will need to set to provide the APP_ID yourself.

  bootstrapApplication(ComponentA, {
    providers: [
     { provide: APP_ID, useValue: 'app-a' },
     // ... other providers ...
    ]
  });

• The ReflectiveInjector and related symbols were removed. Please update the code to avoid references to the ReflectiveInjector symbol. Use Injector.create as a replacement to create an injector instead.

• Node.js v14 support has been removed

  Node.js v14 is planned to be End-of-Life on 2023-04-30. Angular will stop supporting Node.js v14 in Angular v16. Angular v16 will continue to officially support Node.js versions v16 and v18.

platform-browser

• The deprecated BrowserTransferStateModule was removed, since it's no longer needed. The TransferState class can be injected without providing the module. The BrowserTransferStateModule was empty starting from v14 and you can just remove the reference to that module from your applications.

platform-server

• Users that are using SSR with JIT mode will now need to add import to @​angular/compiler before bootstrapping the application.

  NOTE: this does not effect users using the Angular CLI.

• renderApplication method no longer accepts a root component as first argument. Instead, provide a bootstrapping function that returns a Promise<ApplicationRef>.

  Before

  const output: string = await renderApplication(RootComponent, options);

  Now

  const bootstrap = () => bootstrapApplication(RootComponent, appConfig);
  const output: string = await renderApplication(bootstrap, options);

• renderModuleFactory has been removed. Use renderModule instead.

router

• The Scroll event's routerEvent property may also be
  a NavigationSkipped event. Previously, it was only a NavigationEnd
  event.
• ComponentFactoryResolver has been removed from Router APIs.
  Component factories are not required to create an instance of a component
  dynamically. Passing a factory resolver via resolver argument is no longer needed
  and code can instead use ViewContainerRef.createComponent without the
  factory resolver.
• The RouterEvent type is no longer present in the Event union type representing all router event types. If you have code using something like filter((e: Event): e is RouterEvent => e instanceof RouterEvent), you'll need to update it to filter((e: Event|RouterEvent): e is RouterEvent => e instanceof RouterEvent).
• Tests which mock ActivatedRoute instances may need to be adjusted
  because Router.createUrlTree now does the right thing in more
  scenarios. This means that tests with invalid/incomplete ActivatedRoute mocks
  may behave differently than before. Additionally, tests may now navigate
  to a real URL where before they would navigate to the root. Ensure that
  tests provide expected routes to match.
  There is rarely production impact, but it has been found that relative
  navigations when using an ActivatedRoute that does not appear in the
  current router state were effectively ignored in the past. By creating
  the correct URLs, this sometimes resulted in different navigation
  behavior in the application. Most often, this happens when attempting to
  create a navigation that only updates query params using an empty
  command array, for example router.navigate([], {relativeTo: route, queryParams: newQueryParams}). In this case, the relativeTo property
  should be removed.

Deprecations

core

• makeStateKey, StateKey and TransferState exports have been moved from @angular/platform-browser to @angular/core. Please update the imports.

- import {makeStateKey, StateKey, TransferState} from '@​angular/platform-browser';
+ import {makeStateKey, StateKey, TransferState} from '@​angular/core';

• EnvironmentInjector.runInContext is now deprecated, with
  runInInjectionContext functioning as a direct replacement:

  // Previous method version (deprecated):
  envInjector.runInContext(fn);
  // New standalone function:
  runInInjectionContext(envInjector, fn);

• The @Directive/@Component moduleId property is now
  deprecated. It did not have any effect for multiple major versions and
  will be removed in v17.

platform-browser

• BrowserModule.withServerTransition has been deprecated. APP_ID should be used instead to set the application ID.
  NB: Unless, you render multiple Angular applications on the same page, setting an application ID is not necessary.

  Before:

  imports: [
    BrowserModule.withServerTransition({ appId: 'serverApp' }),
    ...
  ]

  After:

  imports: [
    BrowserModule,
    { provide: APP_ID, useValue: 'serverApp' },
    ...
  ],

• ApplicationConfig has moved, please import ApplicationConfig from @angular/core instead.

platform-server

• PlatformConfig.baseUrl and PlatformConfig.useAbsoluteUrl platform-server config options are deprecated as these were not used.

Commit	Type	Description
48aa96ea13	refactor	remove Angular Compatibility Compiler (ngcc) (#​49101)
2703fd6260	refactor	remove deprecated EventManager method addGlobalEventListener (#​49645)

common

Commit	Type	Description
5dce2a5a3a	feat	Provide MockPlatformLocation by default in BrowserTestingModule (#​49137)
d47fef72cb	fix	strict type checking for ngtemplateoutlet (#​48374)
c41a21658c	refactor	remove deprecated XhrFactory export from http entrypoint (#​49251)

compiler

Commit	Type	Description
1a6ca68154	feat	add support for compile-time required inputs (#​49304)
13dd614cd1	feat	add support for compile-time required inputs (#​49453)
8f539c11f4	feat	add support for compile-time required inputs (#​49468)
79cdfeb392	feat	drop support for TypeScript 4.8 (#​49155)
1407a9aeaf	feat	support multiple configuration files in extends (#​49125)
9de1e9da8f	fix	incorrectly matching directives on attribute bindings (#​49713)
6623810e4d	fix	Produce diagnositc if directive used in host binding is not exported (#​49527)

compiler-cli

Commit	Type	Description
03d1d00ad9	feat	Add an extended diagnostic for nSkipHydration (#​49512)
ed817e32fe	fix	Catch FatalDiagnosticError during template type checking (#​49527)
49fe974501	perf	optimize NgModule emit for standalone components (#​49837)

core

Commit	Type	Description
89d291c367	feat	add assertInInjectionContext (#​49529)
4e9531f777	feat	add mergeApplicationConfig method (#​49253)
d7d6514add	feat	Add ability to configure NgZone in bootstrapApplication (#​49557)
bc5ddabdcb	feat	add Angular Signals to the public API (#​49150)
17e9862653	feat	add API to provide CSP nonce for inline stylesheets (#​49444)
605c536420	feat	add migration to remove moduleId references (#​49496)
99d874fe3b	feat	add support for TypeScript 5.0 (#​49126)
d1617c449d	feat	allow removal of previously registered DestroyRef callbacks (#​49493)
b2327f4df1	feat	Allow typeguards on QueryList.filter (#​48042)
061f3d1086	feat	Drop public factories property for IterableDiffers : Breaking change (#​49598)
fdf61974d1	feat	drop support for zone.js versions <=0.12.0 (#​49331)
9c5fd50de4	feat	effects can optionally return a cleanup function (#​49625)
c024574f46	feat	expose makeStateKey, StateKey and TransferState (#​49563)
a5f1737d1c	feat	expose onDestroy on ApplicationRef (#​49677)
e883198460	feat	implement takeUntilDestroyed in rxjs-interop (#​49154)
0814f20594	feat	introduce runInInjectionContext and deprecate prior version (#​49396)
0f5c8003cc	feat	introduce concept of DestroyRef (#​49158)
9b65b84cb9	feat	Mark components for check if they read a signal (#​49153)
8997bdc03b	feat	prototype implementation of @​angular/core/rxjs-interop (#​49154)
585e34bf6c	feat	remove entryComponents (#​49484)
aad05ebeb4	feat	support usage of non-experimental decorators with TypeScript 5.0 (#​49492)
6d7be42da7	fix	add newline to hydration mismatch error (#​49965)
f8e25864e8	fix	allow async functions in effects (#​49783)
84216dabfc	fix	catch errors from source signals outside of .next (#​49769)
be23b7ce65	fix	ComponentRef.setInput only sets input when not equal to previous (#​49607)
316c91b1a4	fix	deprecate moduleId @Component property (#​49496)
fd9dcd36cd	fix	Ensure effects can be created when Zone is not defined (#​49890)
9180f98f0e	fix	ensure takeUntilDestroyed unregisters onDestroy listener on unsubscribe (#​49901)
4721c48a24	fix	error if document body is null (#​49818)
2650f1afc1	fix	execute input setters in non-reactive context (#​49906)
f8b95b9da6	fix	execute query setters in non-reactive context (#​49906)
ef91a2e0fe	fix	execute template creation in non-reactive context (#​49883)
87549af73c	fix	Fix capitalization of toObservableOptions (#​49832)
0e5f9ba6f4	fix	generate consistent component IDs (#​48253)
fedc75624c	fix	include inner ViewContainerRef anchor nodes into ViewRef.rootNodes output (#​49867)
df1dfc4c17	fix	make sure that lifecycle hooks are not tracked (#​49701)
c34d7e0822	fix	onDestroy should be registered only on valid DestroyRef (#​49804)
2f2ef14f9e	fix	resolve InitialRenderPendingTasks promise on complete (#​49784)
c7d8d3ee37	fix	toObservable should allow writes to signals in the effect (#​49769)
b4531f1d82	fix	typing of TestBed Common token. (#​49997)
a4e749ffca	fix	When using setInput, mark view dirty in same was as markForCheck (#​49711)
9b9c818f99	perf	change RendererType2.styles to accept a only a flat array (#​49072)
82d6fbb109	refactor	generate a static application ID (#​49422)
3b863ddc1e	refactor	Remove ReflectiveInjector symbol (#​48103)
f594725951	refactor	remove Node.js v14 support (#​49255)

forms

Commit	Type	Description
07a1aa3004	feat	Improve typings form (async)Validators (#​48679)

http

Commit	Type	Description
aff1512950	feat	allow HttpClient to cache requests (#​49509)
15c91a53ae	fix	delay accessing pendingTasks.whenAllTasksComplete (#​49784)
9f0c6d1ed1	fix	ensure new cache state is returned on each request (#​49749)
45a6ac09fd	fix	force macro task creation during HTTP request (#​49546)
2a580b6f0b	fix	HTTP cache was being disabled prematurely (#​49826)
2eb9b8b402	fix	wait for all XHR requests to finish before stabilizing application (#​49776)

migrations

Commit	Type	Description
5e5dac278d	feat	Migration to remove Router guard and resolver interfaces (#​49337)

platform-browser

Commit	Type	Description
761e02d912	feat	add a public API function to enable non-destructive hydration (#​49666)
630af63fae	feat	deprecate withServerTransition call (#​49422)
81e7d15ef6	feat	enable HTTP request caching when using provideClientHydration (#​49699)
74c925c19c	fix	export deprecated TransferState as type (#​50015)
2312eb53ef	fix	KeyEventsPlugin should keep the same behavior (#​49330)
c934a8e72b	fix	only add ng-app-id to style on server side (#​49465)
9165ff2517	fix	reuse server generated component styles ([#​48253](https://togithub.com/angular/angular/pull

---

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about these updates again.

---

• If you want to rebase/retry this PR, check this box

---

This PR has been generated by Mend Renovate. View repository job log here.

[renovate]

⚠ Artifact update problem

Renovate failed to update an artifact related to this branch. You probably do not want to merge this PR as-is.

♻ Renovate will retry this branch, including artifacts, only when one of the following happens:

• any of the package files in this branch needs updating, or
• the branch becomes conflicted, or
• you click the rebase/retry checkbox if found above, or
• you rename this PR's title to start with "rebase!" to trigger it manually

The artifact failure details are included below:

File name: package-lock.json

npm WARN old lockfile 
npm WARN old lockfile The package-lock.json file was created with an old version of npm,
npm WARN old lockfile so supplemental metadata must be fetched from the registry.
npm WARN old lockfile 
npm WARN old lockfile This is a one-time fix-up, please be patient...
npm WARN old lockfile 
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: ngx-progressive-img-loader@0.1.0
npm ERR! Found: @angular/core@8.2.14
npm ERR! node_modules/@angular/core
npm ERR!   @angular/core@"8.2.14" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer @angular/core@"16.2.4" from @angular/animations@16.2.4
npm ERR! node_modules/@angular/animations
npm ERR!   @angular/animations@"16.2.4" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! 
npm ERR! For a full report see:
npm ERR! /tmp/worker/77bbc4/ca29b7/cache/others/npm/_logs/2023-09-06T21_22_33_390Z-eresolve-report.txt

npm ERR! A complete log of this run can be found in: /tmp/worker/77bbc4/ca29b7/cache/others/npm/_logs/2023-09-06T21_22_33_390Z-debug-0.log