Update angular monorepo to v21 (major)

[renovate]

Note: This PR body was truncated due to platform limits.

This PR contains the following updates:

Package	Change	Age	Confidence
@angular/animations (source)	^13.0.1 → ^21.0.0
@angular/common (source)	^13.0.1 → ^21.0.0
@angular/compiler (source)	^13.0.1 → ^21.0.0
@angular/compiler-cli (source)	^13.0.1 → ^21.0.0
@angular/core (source)	^13.0.1 → ^21.0.0
@angular/forms (source)	^13.0.1 → ^21.0.0
@angular/platform-browser (source)	^13.0.1 → ^21.0.0
@angular/platform-browser-dynamic (source)	^13.0.1 → ^21.0.0
@angular/router (source)	^13.0.1 → ^21.0.0

---

Release Notes

angular/angular (@​angular/animations)

v21.1.0

Compare Source

Deprecations

upgrade

• VERSION from @angular/upgrade is deprecated. Please use the entry from @angular/upgrade/static instead.

common

Commit	Type	Description
d8790972be	feat	Add custom transformations for Cloudflare and Cloudinary image loaders
a6b8cb68af	feat	support custom transformations in ImageKit and Imgix loaders

compiler

Commit	Type	Description
640693da8e	feat	Add support for multiple swich cases matching
0ad3adc7c6	fix	Support empty cases

core

Commit	Type	Description
99ad18a4ee	feat	Add stability debugging utility
a0dfa5fa86	feat	support rest arguments in function calls
6e18fa8bc9	feat	support spread elements in array literals
e407280ab5	feat	support spread expressions in object literals
06be8034bb	fix	Microtask scheduling should be used after any application synchronization
b4f584cf42	fix	return StaticProvider for providePlatformInitializer

forms

Commit	Type	Description
1ea5c97703	feat	allow focusing bound control from field state

platform-browser

Commit	Type	Description
ec9dc94cee	feat	add context to createApplication
ab67988d2e	feat	resolve JIT resources in createApplication

router

Commit	Type	Description
5edceffd04	feat	add controls for route cleanup
a03c82564d	feat	Add scroll behavior controls on router navigation
e44839b016	feat	Add standalone function to create a comptued for isActive
c25d749d85	feat	Execute RunGuardsAndResolvers function in injection context
1c00ab42f8	feat	extend paramters of RedirectFunction to include paramMap and queryParamMap
7003e8d241	feat	Publish Router's integration with platform Navigation API as experimental
c84d372778	feat	Support wildcard params with segments trailing (#​64737)

upgrade

Commit	Type	Description
75fe8f8af9	refactor	deprecate VERSION export

v21.0.9

Compare Source

forms

Commit	Type	Description
82d556a8fb	fix	Ensure the control instruction comes after the other bindings
0055f3cc79	fix	Rename signal form [field] to [formField]

migrations

Commit	Type	Description
e4bfa5c9e7	fix	prevent duplicate imports in common-to-standalone migration

v21.0.8

Compare Source

core

Commit	Type	Description
a6a2621bf9	fix	fix memory leak with event replay
5239e471a1	fix	handle cancelled traversals in fake navigation

v21.0.7

Compare Source

compiler

Commit	Type	Description
8e808740c9	fix	better types for a few expression AST nodes
63b1cdcf70	fix	produce accurate span for typeof and void expressions
3c3ae0cb64	fix	provide location information for literal map keys
523dbaf1c3	fix	stop ThisReceiver inheritance from ImplicitReceiver

compiler-cli

Commit	Type	Description
4d9c4567ed	fix	ensure component import diagnostics are reported within the imports expression
cd405685af	fix	fix up spelling of diagnostic
778460fcca	fix	support qualified names in typeof type references

core

Commit	Type	Description
7c74674eb0	fix	avoid leaking view data in animations
0edbee4550	fix	explicitly cast signal node value to String
f9c29572d2	fix	sanitize sensitive attributes on SVG script elements

forms

Commit	Type	Description
e3fba182f9	feat	add [formField] directive
561772b152	fix	allow custom controls to require dirty input
f0fb1d8581	fix	allow custom controls to require hidden input
ec110f170b	fix	allow custom controls to require pending input
ae1dc16bb0	fix	clean up abort listener after timeout
9748b0d5da	fix	support custom controls with non signal-based models
6bd22df987	fix	Support readonly arrays in signal forms

router

Commit	Type	Description
41cd4a6af8	fix	Fix RouterLink href not updating with queryParamsHandling
5e9e09aee0	fix	handle errors from view transition updateCallbackDone promise

v21.0.6

Compare Source

Breaking Changes (affecting only experimental features)

forms

• The shape of SignalFormsConfig.classes has changed

  Previously each function in the classes map took a FieldState. Now
  it takes a Field directive.

  For example if you previously had:

  provideSignalFormsConfig({
    classes: {
      'my-valid': (state) => state.valid()
    }
  })
  

  You would need to update to:

  provideSignalFormsConfig({
    classes: {
      'my-valid': ({state}) => state().valid()
    }
  })
  

  (cherry picked from commit 348f149)

• (cherry picked from commit ae0c590)

core

Commit	Type	Description
4c8fb3631d	fix	throw better errors for potential circular references
48492524ea	fix	use mutable ResponseInit type for RESPONSE_INIT token

forms

Commit	Type	Description
81772b420d	feat	pass field directive to class config
729b96476b	refactor	rename field to fieldTree in FieldContext and ValidationError

language-service

Commit	Type	Description
e0694df3ec	fix	avoid interpolation highlighting inside @​let
5047be4bc1	fix	Prevent language service from crashing on suggestion diagnostic errors

v21.0.5

Compare Source

core

Commit	Type	Description
69d243abb74	fix	avoid false-positive deprecation when using InjectionToken with factory only

forms

Commit	Type	Description
4fd2b722b40	fix	fix signal forms type error

v21.0.4

Compare Source

compiler

Commit	Type	Description
f901cc9eb32	perf	chain query creation instructions

compiler-cli

Commit	Type	Description
65297c62011	fix	expand type for native controls with a dynamic type

forms

Commit	Type	Description
f254ff4f2e0	feat	expose element on signal forms Field directive
5880fbc73c6	feat	redo the signal forms metadata API
55fc677cef4	fix	add signals for dirty, hidden, and pending states in custom controls
cbb10179c80	fix	allow resetting with empty string
bf1c12cd932	fix	memoize reads of child fields in signal forms (#​65802)
6d7475582f9	fix	Reuse key in parent in compat structure

v21.0.3

Compare Source

compiler-cli

Commit	Type	Description
5a80a48e96	fix	avoid allocating an object for signals in production mode
1f1856e897	fix	check that field radio button values are strings

core

Commit	Type	Description
8c3304c766	fix	run animation queue in environment injector context
4bb085311e	fix	unable to inject viewProviders when host directive with providers is present
609699ae17	perf	tree shake unused dynamic [field] binding instructions (#​65599)

forms

Commit	Type	Description
6b4ab876e8	feat	Allows transforms on FormUiControl signals
a5dbd4b382	fix	support dynamic [field] bindings (#​65599)

http

Commit	Type	Description
20474d3f0f	fix	enable XSRF protection for same-origin absolute URLs

router

Commit	Type	Description
48b89f9fbe	fix	handle errors from view transition finished promise

v21.0.2

Compare Source

compiler

Commit	Type	Description
78fd159b78	fix	prevent XSS via SVG animation attributeName and MathML/SVG URLs

v21.0.1

Compare Source

compiler-cli

Commit	Type	Description
39c577bc36	fix	do not type check native controls with ControlValueAccessor
8d3a89a477	fix	escape angular control flow in jsdoc
bc34083d34	fix	ignore non-existent files

core

Commit	Type	Description
0ea1e07174	fix	apply bootstrap-options migration to platformBrowserDynamic
70507b8c1c	fix	debug data causing memory leak for root effects
a55482fca3	fix	notify profiler events in case of errors
49ad7c6508	fix	use injected DOCUMENT for CSP_NONCE
cc1ec09931	perf	avoid repeat searches for field directive

forms

Commit	Type	Description
7d5c7cf99a	feat	add DI option for classes on Field directive
8acf5d2756	fix	allow dynamic type bindings on signal form controls
de5fca94c5	fix	run reset as untracked

http

Commit	Type	Description
3240d856d9	fix	prevent XSRF token leakage to protocol-relative URLs

migrations

Commit	Type	Description
f394215b14	fix	detect structural ngTemplateOutlet and ngComponentOutlet

v21.0.0

Compare Source

Blog post "Announcing Angular v21".

Breaking Changes

common

• (test only) - TestBed now provides a fake PlatformLocation
  implementation that supports the Navigation API. This may break some
  tests, though we have not observed any failures internally. You can revert to the
  old default for TestBed by providing the MockPlatformLocation from
  @angular/common/testing in your providers:
  {provide: PlatformLocation, useClass: MockPlatformLocation}
• ngComponentOutletContent is now of type Node[][] | undefined instead of any[][] | undefined.
• NgModuleFactory has been removed, use NgModule instead.

compiler-cli

• • Previously hidden type issues in host bindings may show up in your builds. Either resolve the type issues or set "typeCheckHostBindings": false in the angularCompilerOptions section of your tsconfig.
• The Angular compiler now produces an error when the
  the emitDeclarationOnly TS compiler option is enabled as this mode is
  not supported.

core

• The server-side bootstrapping process has been changed to eliminate the reliance on a global platform injector.

  Before:

  const bootstrap = () => bootstrapApplication(AppComponent, config);

  After:

  const bootstrap = (context: BootstrapContext) =>
    bootstrapApplication(AppComponent, config, context);

  A schematic is provided to automatically update main.server.ts files to pass the BootstrapContext to the bootstrapApplication call.

  In addition, getPlatform() and destroyPlatform() will now return null and be a no-op respectively when running in a server environment.

• Using a combination of provideZoneChangeDetection
  while also removing ZoneJS polyfills will no longer result in the
  internal scheduler being disabled. All Angular applications now
  consistenly use the same scheduler, and those with the Zone change detection
  provider include additional automatic scheduling behaviors based on
  NgZone stabilization.

• • TypeScript versions less than 5.9 are no longer supported.

• (test only) - Using provideZoneChangeDetection in the
  TestBed providers would previously prevent TestBed from rethrowing
  errors as it should. Errors in the test will now be rethrown, regardless
  of the usage of provideZoneChangeDetection. Tests should be adjusted to
  prevent or account for these errors. As in previous major versions,
  this behavior can be disabled with rethrowApplicationErrors: false in
  configureTestingModule as a last resort.

• ignoreChangesOutsideZone is no longer available as an
  option for configuring ZoneJS change detection behavior.

• Angular no longer provides a change detection scheduler
  for ZoneJS-based change detection by default. Add
  provideZoneChangeDetection to the providers of your
  bootstrapApplication function or your AppModule (if using
  bootstrapModule). This provider addition will be covered by an
  automated migration.

• moduleId was removed from Component metadata.

• The interpolation option on Components has been removed. Only the default {{ ... }} is now supported.

elements

• Fix signal input getter behavior in custom elements.

  Before this change, signal inputs in custom elements required function calls to access their values (elementRef.newInput()), while decorator inputs were accessed directly (elementRef.oldInput). This inconsistency caused confusion and typing difficulties.

  The getter behavior has been standardized so signal inputs can now be accessed directly, matching the behavior of decorator inputs:

  Before:

  • Decorator Input: elementRef.oldInput
  • Signal Input: elementRef.newInput()

  After:

  • Decorator Input: elementRef.oldInput
  • Signal Input: elementRef.newInput

forms

• This new directive will conflict with existing FormArray directives or formArray inputs on the same element.

platform-browser

• The deprecated ApplicationConfig export from @angular/platform-browser has been removed.
  Please import ApplicationConfig from @angular/core instead.

router

• lastSuccessfulNavigation is now a signal and needs to be invoked
• Router navigations may take several additional
  microtasks to complete. Tests have been found to often be highly
  dependent on the exact timing of navigation completions with respect to
  the microtask queue. The most common fix for tests is to ensure all
  navigations have been completed before making assertions. On rare
  occasions, this can also affect production applications. This can be
  caused by multiple subscriptions to router state throughout the application,
  both of which trigger navigations that happened to not conflict with the
  previous timing.

upgrade

• UpgradeAdapter is no longer available. Use
  upgrade/static instead

zone.js

• IE/Non-Chromium Edge are not supported anymore.

Deprecations

http

• HttpResponseBase.statusText is deprecated

common

Commit	Type	Description
c795960ada	feat	Add experimental support for the Navigation API (#​63406)
9eac43cf46	feat	Support of optional keys for the KeyValue pipe (#​48814)
a1868c9d13	feat	update to cldr 47 (#​64032)
196fa500a3	fix	properly type ngComponentOutlet (#​64561)
7a4b225c57	refactor	improve typing of ngComponentOutletContent (#​63674)
25f593ce2a	refactor	removengModuleFactory input of NgComponentOutlet (#​62838)

compiler

Commit	Type	Description
ecea909bcc	fix	don't choke on unbalanced parens in declaration block
04dd75ba94	fix	support arbitrary nesting in :host-context()
f54cc4f28a	fix	support commas in :host() argument
814b2713f5	fix	support complex selectors in :nth-child()
aad6ced0ef	fix	support one additional level of nesting in :host()

compiler-cli

Commit	Type	Description
563dbd998c	feat	Adds diagnostic for misconfigured @defer triggers (#​64069)
0571b335b9	feat	enable type checking of host bindings by default (#​63654)
5b55200edf	fix	allow value to be set on radio fields
ab98b2425f	fix	capture metadata for undecorated fields (#​63957)
be7110342b	fix	disallow compiling with the emitDeclarationOnly TS compiler option enabled (#​61609)
bd322ca410	fix	do not flag custom control required inputs as missing when field is present
471da8a311	fix	infer type of custom field controls
96cb0cffda	fix	infer types of signal forms set on native inputs
71ab11ccf0	fix	make field detection logic more robust
1f389b8b97	fix	missingStructuralDirective diagnostic produces false negatives (#​64579)
7fd3db0423	fix	remove internal syntax-related flags (#​63787)
c371251e4c	fix	report invalid bindings on form controls
01290ab275	fix	use any when checking field interface conformance

core

Commit	Type	Description
809a4ed8c1	feat	Add migration for zoneless by default. (#​63042)
2a7a5de53f	feat	Allow passing application providers in bootstrapModule options (#​64354)
28926ba92c	feat	introduce BootstrapContext for improved server bootstrapping (#​63562)
c2d376b85a	feat	make SimpleChanges generic (#​64535)
ad2376435b	feat	support IntersectionObserver options in viewport triggers (#​64130)
539717f58a	feat	support regular expressions in templates (#​63887)
ab415f3d7f	fix	control not recognized when input has directive injecting ViewContainerRef (#​64368)
f008045ded	fix	do not rename ARIA property bindings to attributes (#​63925)
1352fbdbf2	fix	Drop special-case disables automatic change detection scheduling (#​63846)
c0791e1887	fix	drop support for TypeScript 5.8 (#​63589)
aa389a691b	fix	ensure @for iteration over field is reactive (#​64113)
fec7c288e9	fix	Error on invalid APP_ID (#​63252)
d399d7d02b	fix	Explicit Zone CD in TestBed providers should not override TestBed error handler (#​63404)
92e09adc0a	fix	Remove ignoreChangesOutsideZone option (#​62700)
45fed3d201	fix	Remove Zone-based change provider from internals by default (#​63382)
c9f977833e	fix	skip Angular formatting when formatting signals recursively
67fbd5ff1e	fix	SSR error in signal forms
c241038111	fix	update symbols (#​64481)
a5e5dbbc16	refactor	remove moduleId from Component metadata (#​63482)
9a16718b13	refactor	remove deprecated interpolation option on Components. (#​63474)

elements

Commit	Type	Description
be0455adda	fix	return value on signal input getter (#​62113)

forms

Commit	Type	Description
a278ee358c	feat	add debounce() rule for signal forms
b8314bd340	feat	add experimental signal-based forms (#​63408)
0dd95c503f	feat	Add FormArrayDirective (#​55880)
d201cd2c2b	feat	Prevents marking fields as touched/dirty when state is hidden/readonly/disabled (#​63633)
9c5e969f51	fix	bind invalid input in custom controls (#​64526)
10ef96adb3	fix	consistent treatment of empty (#​63456)
d89e522a1f	fix	debounce updates from interop con

---

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 was generated by Mend Renovate. View the repository job log.

[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 ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: fraudbusters-ui@0.0.0
npm ERR! Found: zone.js@0.11.8
npm ERR! node_modules/zone.js
npm ERR!   zone.js@"^0.11.4" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer zone.js@"~0.14.0" from @angular/core@17.0.2
npm ERR! node_modules/@angular/core
npm ERR!   @angular/core@"^17.0.0" from the root project
npm ERR!   peer @angular/core@"17.0.2" from @angular/animations@17.0.2
npm ERR!   node_modules/@angular/animations
npm ERR!     @angular/animations@"^17.0.0" 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/b12b80/344916/cache/others/npm/_logs/2023-11-10T08_32_52_601Z-eresolve-report.txt

npm ERR! A complete log of this run can be found in: /tmp/worker/b12b80/344916/cache/others/npm/_logs/2023-11-10T08_32_52_601Z-debug-0.log

[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 ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: fraudbusters-ui@0.0.0
npm ERR! Found: typescript@4.6.4
npm ERR! node_modules/typescript
npm ERR!   typescript@"^4.4.2" from the root project
npm ERR!   peer typescript@">=4.4.3 <4.7" from @angular-devkit/build-angular@13.3.8
npm ERR!   node_modules/@angular-devkit/build-angular
npm ERR!     dev @angular-devkit/build-angular@"^13.0.1" from the root project
npm ERR!   10 more (@angular-eslint/builder, ...)
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! dev @angular/compiler-cli@"^21.0.0" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: typescript@4.9.5
npm ERR! node_modules/typescript
npm ERR!   peerOptional typescript@">=5.9 <6.0" from @angular/compiler-cli@21.1.0
npm ERR!   node_modules/@angular/compiler-cli
npm ERR!     dev @angular/compiler-cli@"^21.0.0" 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! See /runner/cache/others/npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /runner/cache/others/npm/_logs/2026-01-15T12_04_08_130Z-debug-0.log