Update angular to v18 (major)

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
@angular/animations (source)	11.2.3 -> 18.2.0
@angular/cli	^11.2.2 -> ^18.2.0
@angular/common (source)	^11.2.3 -> ^18.2.0
@angular/compiler (source)	11.2.3 -> 18.2.0
@angular/compiler (source)	^11.2.3 -> ^18.2.0
@angular/compiler-cli (source)	^11.2.3 -> ^18.2.0
@angular/core (source)	^11.2.3 -> ^18.2.0
@angular/forms (source)	^11.2.3 -> ^18.2.0
@angular/language-service (source)	^11.2.3 -> ^18.2.0
@angular/platform-browser (source)	^11.2.3 -> ^18.2.0
@angular/platform-browser-dynamic (source)	^11.2.3 -> ^18.2.0
@angular/router (source)	^11.2.3 -> ^18.2.0

---

Release Notes

angular/angular (@​angular/animations)

v18.2.0

Compare Source

Breaking Changes

zone.js

• fakeAsync will now flush pending timers at the end of
  the given function by default. To opt-out of this, you can use {flush: false} in options parameter of fakeAsync

compiler

Commit	Type	Description
d9d68e73d2	fix	reduce chance of conflicts between generated factory and local variables (#​57181)

compiler-cli

Commit	Type	Description
0b1dd39663	perf	improve performance of interpolatedSignalNotInvoked extended diagnostic (#​57291)

core

Commit	Type	Description
f7918f5272	feat	Add 'flush' parameter option to fakeAsync to flush after the test (#​57239)
7919982063	feat	Add whenStable helper on ApplicationRef (#​57190)

v18.1.5

Compare Source

compiler-cli

Commit	Type	Description
5401332b0e	fix	generate valid TS 5.6 type checking code (#​57303)

core

Commit	Type	Description
e39b22a932	fix	Account for addEventListener to be passed a Window or Document. (#​57282)
db65bc25ca	fix	Account for addEventListener to be passed a Window or Document. (#​57354)
0e024ecc27	fix	complete post-hydration cleanup in components that use ViewContainerRef (#​57300)
822db64b93	fix	skip hydration for i18n nodes that were not projected (#​57356)
810f76f574	fix	take skip hydration flag into account while hydrating i18n blocks (#​57299)

v18.1.4

Compare Source

compiler

Commit	Type	Description
6a99f83659	fix	reduce chance of conflicts between generated factory and local variables (#​57181)

compiler-cli

Commit	Type	Description
afb05ff1cb	fix	support JIT transforms before other transforms modifying classes (#​57262)
bae54a1621	perf	improve performance of interpolatedSignalNotInvoked extended diagnostic (#​57291)

language-service

Commit	Type	Description
6ac209c24f	fix	avoid generating TS suggestion diagnostics for templates (#​56241)

v18.1.3

Compare Source

compiler

Commit	Type	Description
31dea066d6	fix	reduce chance of conflicts between generated factory and local variables (#​57181)

compiler-cli

Commit	Type	Description
1f9e090910	fix	emitting references to ngtypecheck files (#​57138) (#​57202)

core

Commit	Type	Description
f7ab04018e	fix	errors during ApplicationRef.tick should be rethrown for zoneless tests (#​56993)
eaa83f9d27	fix	hydration error in some let declaration setups (#​57173)

v18.1.2

Compare Source

compiler

Commit	Type	Description
463945003d	fix	limit the number of chained instructions (#​57069)

compiler-cli

Commit	Type	Description
e904f34020	fix	add warning for unused let declarations (#​57033)

core

Commit	Type	Description
9e52c1c840	fix	afterNextRender hooks return that callback value. (#​57031)
b9fb98c67c	fix	tree shake dev mode error message (#​57035)

v18.1.1

Compare Source

v18.1.0

Compare Source

common

Commit	Type	Description
f25653e231	fix	typo in NgOptimizedImage warning (#​56756)
9b35726e42	fix	typo in warning for NgOptimizedDirective (#​56817)

compiler

Commit	Type	Description
fd6cd0422d	feat	Add extended diagnostic to warn when there are uncalled functions in event bindings (#​56295)
341a116d61	fix	allow more characters in let declaration name (#​56764)
2a1291e942	fix	give precedence to local let declarations over parent ones (#​56752)

compiler-cli

Commit	Type	Description
66e582551e	fix	avoid duplicate diagnostics for let declarations read before definition (#​56843)
4d18c5bfd5	fix	flag all conflicts between let declarations and local symbols (#​56752)
9e21582456	fix	Show template syntax errors in local compilation modified (#​55855)
5996502921	fix	type check let declarations nested inside nodes (#​56752)
cdebf751e4	fix	used before declared diagnostic not firing for control flow blocks (#​56843)

core

Commit	Type	Description
ea3c802056	feat	Add a schematic to migrate afterRender phase flag (#​55648)
5df3e78c99	feat	add equality function to rxjs-interop toSignal (#​56447)
0a48d584f2	feat	add support for let syntax (#​56715)
352e0782ec	feat	expose signal input metadata in ComponentMirror (#​56402)
a655e46447	feat	Redesign the afterRender & afterNextRender phases API (#​55648)
e5a6f91722	feat	support TypeScript 5.5 (#​56096)
38effcc63e	fix	Add back phase flag option as a deprecated API (#​55648)
86bcfd3e49	fix	improve docs on afterRender hooks (#​56522)
b2445a0953	fix	link errors to ADEV (#​55554) (#​56038)
03a2acd2a3	fix	properly remove imports in the afterRender phase migration (#​56524)
4d87b9e899	fix	rename the equality function option in toSignal (#​56769) (#​56922)
8bd4c074af	fix	toSignal equal option should be passed to inner computed (#​56903)

forms

Commit	Type	Description
00bde8b1c2	fix	Make NgControlStatus host bindings OnPush compatible (#​55720)

http

Commit	Type	Description
cc21989132	fix	Make Content-Type header case insensitive (#​56541)

language-service

Commit	Type	Description
b400e2e4d4	feat	autocompletion for the component not imported (#​55595)
67b2c336bc	fix	import the default exported component correctly (#​56432)

router

Commit	Type	Description
a13f5da773	feat	Allow UrlTree as an input to routerLink (#​56265)
1d3a7529b4	feat	Set a different browser URL from the one for route matching (#​53318)

v18.0.7

Compare Source

compiler

Commit	Type	Description
85f77b5cda	fix	fix CSS animation rule scope (#​56800)

http

Commit	Type	Description
95d7076d1a	perf	execute fetch outside of Angular zone (#​56820)

migrations

Commit	Type	Description
d6fff45e73	fix	Fix cf migration let condition semicolon order (#​56913)

v18.0.6

Compare Source

common

Commit	Type	Description
a55719f55e	fix	Don't run preconnect assertion on the server. (#​56213)

core

Commit	Type	Description
4909844805	fix	establish proper defer injector hierarchy for components attached to ApplicationRef (#​56763)
fec5b80aaf	fix	support injection of object with null constructor. (#​56553)

router

Commit	Type	Description
b7d3ecc873	fix	routes should not get stale providers (#​56798)

v18.0.5

Compare Source

core

Commit	Type	Description
2f73281dfd	fix	improve docs on afterRender hooks (#​56525)
be9e4892f9	fix	improve support for i18n hydration of projected content (#​56192)
5f9bd5521e	fix	prevent calling devMode only function on @defer error. (#​56559)

v18.0.4

Compare Source

compiler-cli

Commit	Type	Description
ec0d1bf6f3	fix	insert constant statements after the first group of imports (#​56431)

core

Commit	Type	Description
83ffa94783	fix	do not activate event replay when no events are registered (#​56509)

router

Commit	Type	Description
5578681da2	fix	Delay the view transition to ensure renders in microtasks complete (#​56494)

v18.0.3

Compare Source

benchpress

Commit	Type	Description
ebf00aa0659	fix	adjust supported browser names for headless chrome (#​56360)

core

Commit	Type	Description
dbd0fa00f8c	fix	async EventEmitter should contribute to app stability (#​56308)
625ca3e2b3f	fix	signals should be tracked when embeddedViewRef.detectChanges is called (#​55719)

localize

Commit	Type	Description
d6dd3dbdb09	fix	add @angular/localize/init as polyfill in angular.json (#​56300)

migrations

Commit	Type	Description
c07e1b33569	fix	resolve error in standalone migration (#​56302)

v18.0.2

Compare Source

core

Commit	Type	Description
78cf9bfc0e	fix	Do not migrate HttpClientModule imports on components. (#​56067)
616cdef474	fix	don't coerce all producers to consumers on liveness change (#​56140)
2a440e1064	fix	Fix shouldPreventDefaultBeforeDispatching bug (#​56188)
290a47d842	fix	handle missing withI18nSupport() call for components that use i18n blocks (#​56175)

migrations

Commit	Type	Description
b70b80ba55	fix	do not generate aliased variables with the same name (#​56154)

v18.0.1

Compare Source

compiler

Commit	Type	Description
419ffa2026	fix	optimize track function that only passes $index (#​55872)

compiler-cli

Commit	Type	Description
4c7efc005a	fix	interpolatedSignalNotInvoked diagnostic for class, style, attribute and animation bindings (#​55969)

core

Commit	Type	Description
4e6ea0e19c	fix	handle elements with local refs in event replay serialization logic (#​56076)
d73a0175cb	fix	link errors to ADEV (#​55554)
985a215b10	fix	typo in zoneless warning (#​55974)

migrations

Commit	Type	Description
ba85d08158	fix	handle empty ngSwitchCase (#​56105)

v18.0.0

Compare Source

Blog post "Angular v18 is now available".

Breaking Changes

animations

• Deprecated matchesElement method has been removed from AnimationDriver as it is unused.

common

• The deprecated isPlatformWorkerUi and isPlatformWorkerApp have been removed without replacement, as they serve no purpose since the removal of the WebWorker platform.

compiler

• Angular only supports writable expressions inside of two-way bindings.

compiler-cli

• • Angular no longer supports TypeScript versions older than 5.4.

core

• OnPush views at the root of the application need to
  be marked dirty for their host bindings to refresh. Previously, the host
  bindings were refreshed for all root views without respecting the
  OnPush change detection strategy.

• OnPush views at the root of the application need to
  be marked dirty for their host bindings to refresh. Previously, the host
  bindings were refreshed for all root views without respecting the
  OnPush change detection strategy.

• The ComponentFixture autoDetect feature will no
  longer refresh the component's host view when the component is OnPush
  and not marked dirty. This exposes existing issues in components which
  claim to be OnPush but do not correctly call markForCheck when they
  need to be refreshed. If this change causes test failures, the easiest
  fix is to change the component to ChangeDetectionStrategy.Default.

• ComponentFixture.whenStable now matches the
  ApplicationRef.isStable observable. Prior to this change, stability
  of the fixture did not include everything that was considered in
  ApplicationRef. whenStable of the fixture will now include unfinished
  router navigations and unfinished HttpClient requests. This will cause
  tests that await the whenStable promise to time out when there are
  incomplete requests. To fix this, remove the whenStable,
  instead wait for another condition, or ensure HttpTestingController
  mocks responses for all requests. Try adding HttpTestingController.verify()
  before your await fixture.whenStable to identify the open requests.
  Also, make sure your tests wait for the stability promise. We found many
  examples of tests that did not, meaning the expectations did not execute
  within the test body.

  In addition, ComponentFixture.isStable would synchronously switch to
  true in some scenarios but will now always be asynchronous.

• Angular will ensure change detection runs, even when the state update originates from
  outside the zone, tests may observe additional rounds of change
  detection compared to the previous behavior.

  This change will be more likely to impact existing unit tests.
  This should usually be seen as more correct and the test should be updated,
  but in cases where it is too much effort to debug, the test can revert to the old behavior by adding
  provideZoneChangeDetection({schedulingMode: NgZoneSchedulingMode.NgZoneOnly})
  to the TestBed providers.

  Similarly, applications which may want to update state outside the zone
  and not trigger change detection can add
  provideZoneChangeDetection({schedulingMode: NgZoneSchedulingMode.NgZoneOnly})
  to the providers in bootstrapApplication or add
  schedulingMode: NgZoneSchedulingMode.NgZoneOnly to the
  BootstrapOptions of bootstrapModule.

• When Angular runs change detection, it will continue to
  refresh any views attached to ApplicationRef that are still marked for
  check after one round completes. In rare cases, this can result in infinite
  loops when certain patterns continue to mark views for check using
  ChangeDetectorRef.detectChanges. This will be surfaced as a runtime
  error with the NG0103 code.

• async has been removed, use waitForAsync instead.

• The ComponentFixture.autoDetect feature now executes
  change detection for the fixture within ApplicationRef.tick. This more
  closely matches the behavior of how a component would refresh in
  production. The order of component refresh in tests may be slightly
  affected as a result, especially when dealing with additional components
  attached to the application, such as dialogs. Tests sensitive to this
  type of change (such as screenshot tests) may need to be updated.
  Concretely, this change means that the component will refresh before
  additional views attached to ApplicationRef (i.e. dialog components).
  Prior to this change, the fixture component would refresh after other
  views attached to the application.

• The exact timing of change detection execution when
  using event or run coalescing with NgZone is now the first of either
  setTimeout or requestAnimationFrame. Code which relies on this
  timing (usually by accident) will need to be adjusted. If a callback
  needs to execute after change detection, we recommend afterNextRender
  instead of something like setTimeout.

• Newly created and views marked for check and reattached
  during change detection are now guaranteed to be refreshed in that same
  change detection cycle. Previously, if they were attached at a location
  in the view tree that was already checked, they would either throw
  ExpressionChangedAfterItHasBeenCheckedError or not be refreshed until
  some future round of change detection. In rare circumstances, this
  correction can cause issues. We identified one instance that relied on
  the previous behavior by reading a value on initialization which was
  queued to be updated in a microtask instead of being available in the
  current change detection round. The component only read this value during
  initialization and did not read it again after the microtask updated it.

• Testability methods increasePendingRequestCount,
  decreasePendingRequestCount and getPendingRequestCount have been
  removed. This information is tracked with zones.

http

• By default we now prevent caching of HTTP requests that require authorization . To opt-out from this behaviour use the includeRequestsWithAuthHeaders option in withHttpTransferCache.

  Example:

  withHttpTransferCache({
    includeRequestsWithAuthHeaders: true,
  })

platform-browser

• Deprecated StateKey, TransferState and makeStateKey have been removed from @angular/platform-browser, use the same APIs from @angular/core.

platform-browser-dynamic

• No longer used RESOURCE_CACHE_PROVIDER APIs have been removed.

platform-server

• deprecated platformDynamicServer has been removed. Add an import @​angular/compiler and replace the usage with platformServer

• deprecated ServerTransferStateModule has been removed. TransferState can be use without providing this module.

• deprecated useAbsoluteUrl and baseUrl been removed from PlatformConfig. Provide and absolute url instead.

• Legacy handling or Node.js URL parsing has been removed from ServerPlatformLocation.

  The main differences are;

  • pathname is always suffixed with a /.
  • port is empty when http: protocol and port in url is 80
  • port is empty when https: protocol and port in url is 443

router

• Guards can now return RedirectCommand for redirects
  in addition to UrlTree. Code which expects only boolean or UrlTree
  values in Route types will need to be adjusted.
• This change allows Route.redirectTo to be a function
  in addition to the previous string. Code which expects redirectTo to
  only be a string on Route objects will need to be adjusted.
• When a a guard returns a UrlTree as a redirect, the
  redirecting navigation will now use replaceUrl if the initial
  navigation was also using the replaceUrl option. If this is not
  desirable, the redirect can configure new NavigationBehaviorOptions by
  returning a RedirectCommand with the desired options instead of UrlTree.
• Providers available to the routed components always
  come from the injector heirarchy of the routes and never inherit from
  the RouterOutlet. This means that providers available only to the
  component that defines the RouterOutlet will no longer be available to
  route components in any circumstances. This was already the case
  whenever routes defined providers, either through lazy loading an
  NgModule or through explicit providers on the route config.
• Providers available to the routed components always
  come from the injector heirarchy of the routes and never inherit from
  the RouterOutlet. This means that providers available only to the
  component that defines the RouterOutlet will no longer be available to
  route components in any circumstances. This was already the case
  whenever routes defined providers, either through lazy loading an
  NgModule or through explicit providers on the route config.

Deprecations

common

• getCurrencySymbol, getLocaleCurrencyCode, getLocaleCurrencyName, getLocaleCurrencySymbol, getLocaleDateFormat, getLocaleDateTimeFormat, getLocaleDayNames, getLocaleDayPeriods, getLocaleDirection, getLocaleEraNames, getLocaleExtraDayPeriodRules, getLocaleExtraDayPeriods, getLocaleFirstDayOfWeek, getLocaleId, getLocaleMonthNames, getLocaleNumberFormat, getLocaleNumberSymbol, getLocalePluralCase, getLocaleTimeFormat, getLocaleWeekEndRange, getNumberOfCurrencyDigits

core

• @Component.interpolation is deprecated. Use Angular's
  delimiters instead.

http

• HttpClientModule, HttpClientXsrfModule and HttpClientJsonpModule

  As mentionned, those modules can be replaced by provider function only.

animations

Commit	Type	Description
bcce85af72	refactor	remove deprecated matchesElement from AnimationDriver (#​55479)

common

Commit	Type	Description
d34c033902	refactor	Deprecate Local Data API functions (#​54483)
3b0de30b37	refactor	remove deprecated isPlatformWorkerApp and isPlatformWorkerUi API (#​55302)

compiler

Commit	Type	Description
91b007e58f	fix	add math elements to schema (#​55631)
33d0102304	fix	allow comments between connected blocks (#​55966)
7fc7f3f05f	fix	capture all control flow branches for content projection in if blocks (#​54921)
a369f43fbd	fix	capture switch block cases for content projection (#​54921)
eb625d3783	fix	declare for loop aliases in addition to new name (#​54942)
f824911510	fix	For FatalDiagnosticError, hide the message field without affecting the emit (#​55160)
a040fb720a	fix	maintain multiline CSS selectors during CSS scoping (#​55509)
39624c6b12	fix	output input flags as a literal (#​55215)
eba92cfa55	fix	prevent usage of reserved control flow symbol in custom interpolation context. (#​55809)
7d5bc1c628	fix	remove container index from conditional instruction (#​55190)
4eb0165750	fix	remove support for unassignable expressions in two-way bindings (#​55342)
e1650e3b13	fix	throw error if item name and context variables conflict (#​55045)

compiler-cli

Commit	Type	Description
5bd188a394	feat	add partial compilation support for deferred blocks (#​54908)
b02b31a915	feat	drop support for TypeScript older than 5.4 (#​54961)
78188e877a	fix	add diagnostic if initializer API is used outside of an initializer (#​54993)
69a83993b3	fix	do not throw when retrieving TCB symbol for signal input with restricted access (#​55774)
4f4f41016e	fix	dom property binding check in signal extended diagnostic (#​54324)
7a16d7e969	fix	don't type check the bodies of control flow nodes in basic mode (#​55360)
8d93597a82	fix	fix type narrowing of @if with aliases (#​55835)
9b424d7224	fix	preserve original reference to non-deferrable dependency (#​54759)
694ba79cbf	fix	report cases where initializer APIs are used in a non-directive class (#​54993)
6219341d26	fix	report errors when initializer APIs are used on private fields (#​54981)
c04ffb1fa6	fix	use switch statements to narrow Angular switch blocks (#​55168)

core

Commit	Type	Description
a730f09ae9	feat	Add a public API to establish events to be replayed and an attribute to mark an element with an event handler. (#​55356)
fdd560ea14	feat	Add ability to configure zone change detection to use zoneless scheduler (#​55252)
bce5e2344f	feat	Add build target for jsaction contract binary. (#​55319)
666d646575	feat	Add event delegation library to queue up events and replay them when the application is ready (#​55121)
5f06ca8f55	feat	add HOST_TAG_NAME token (#​54751)
a600a39d0c	feat	add support for fallback content in ng-content (#​54854)
146306a141	feat	add support for i18n hydration (#​54823)
f09c5a7bc4	feat	Add zoneless change detection provider as experimental (#​55329)
d28614b90e	feat	Modify EventType from an enum to an object. (#​55323)
ac863ded48	feat	provide ExperimentalPendingTasks API (#​55487)
1ee9f32621	feat	Synchronize changes from internal JSAction codebase. (#​55182)
d888da4606	fix	ApplicationRef.tick should respect OnPush for host bindings (#​53718)
64f870c12b	fix	ApplicationRef.tick should respect OnPush for host bindings (#​53718) (#​53718)
8cad4e8cbe	fix	ComponentFixture autoDetect respects OnPush flag of host view (#​54824)
658cf8c384	fix	ComponentFixture stability should match ApplicationRef (#​54949)
2fc11eae9e	fix	account for re-projected ng-content elements with fallback content (#​54854)
0cbd73c6e9	fix	add warning when using zoneless but zone.js is still loaded (#​55769)
d5edfde6ee	fix	afterRender hooks registered outside change detection can mark views dirty (#​55623)
de7447d15e	fix	Angular should not ignore changes that happen outside the zone (#​55102)
ba8e465974	fix	Change Detection will continue to refresh views while marked for check (#​54734)
5a10f405d3	fix	complete the removal of deprecation async function (#​55491)
24bc0ed4f2	fix	ComponentFixture autodetect should detect changes within ApplicationRef.tick (#​54733)
1c0ec56c46	fix	correctly project single-root content inside control flow (#​54921)
840c375255	fix	do not save point-in-time setTimeout and rAF references (#​55124)
10c5cdb49c	fix	ensure change detection runs in a reasonable timeframe with zone coalescing (#​54578)
ad045efd4b	fix	Ensure views marked for check are refreshed during change detection (#​54735)
69085ea26e	fix	error about provideExperimentalCheckNoChangesForDebug uses wrong name (#​55824)
0147e0b85a	fix	exhaustive checkNoChanges should only do a single pass (#​55839)
e02bcf89cf	fix	Fix clearing of pending task in zoneless cleanup implementation (#​55074)
0cec9e4f9a	fix	Fix null dereference error addEvent (#​55353)
44c0ed83a6	fix	hide implementation details of ExperimentalPendingTask

---

Configuration

📅 Schedule: Branch creation - "after 2am and before 7am every weekday,after 2am and before 7am every weekend" in timezone Asia/Yangon, Automerge - At any time (no schedule defined).

🚦 Automerge: Enabled.

♻ 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.

[CLAassistant]

Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
_{You have signed the CLA already but the status is still pending? Let us recheck it.}