Update angularmaterial monorepo to v22

[renovate]

ℹ️ Note

This PR body was truncated due to platform limits.

This PR contains the following updates:

Package	Change	Age	Confidence
@angular/cdk	15.2.9 → 22.0.2

---

Release Notes

angular/components (@​angular/cdk)

v22.0.2

Compare Source

cdk

Commit	Type	Description
e8f3419060	fix	layout: avoid CSS injection attacks in media matcher
9dc2b2b2ed	fix	platform: account for composedPath error during event replay (#​33409)

material

Commit	Type	Description
fb4478bff3	fix	bottom-sheet: ensure animation event comes from container
e4f7f3498b	fix	chips: correct focus management on chip destruction (#​33329)
766b7aceee	fix	chips: wrong padding when chip only has edit icon (#​33407)
ebca801ee5	fix	grid-list: always validate colspan
30942bcd36	fix	stepper: validate animation durations

multiple

Commit	Type	Description
2995797ded	fix	improve dark theme visibility in menu, overlay, and portal examples (#​33367)

v22.0.1

Compare Source

aria

Commit	Type	Description
7581b0592	fix	combobox: avoid error for synthetic events (#​33360)
1c4706155	fix	combobox: prevent re-dispatching keyboard event on control target change (#​33362)
96e9ce10c	fix	tree: recursive textDirection getter (#​33337)

cdk

Commit	Type	Description
629aea403	fix	a11y: avoid prototype conflicts in id generator (#​33356)
49aeb676c	fix	clipboard: avoid infinite attempt loop (#​33366)

material

Commit	Type	Description
d7a8cb963	fix	dialog: ignore clicks on aria-disabled close buttons (#​33373)
bde3c7621	fix	timepicker: do not allow intervals less than a second (#​33354)

youtube-player

Commit	Type	Description
d75a22d69	fix	avoid errors with clobbered variables
fe0a96ce6	fix	validate ID before attaching them to placeholder

v22.0.0

Compare Source

Breaking Changes

aria

• The legacy combobox and autocomplete implementations have been removed. Use the new standalone combobox instead.

  • feat(aria/combobox): promote simple-combobox to stable un-prefixed combobox
  • Relocates public, private, and example directories to clean combobox entry points.
  • Renames internal layout symbols, selectors, and uppercase tokens (SIMPLE_COMBOBOX_POPUP -> COMBOBOX_POPUP).
  • Establishes full documentation extraction parity with the json_api Bazel rule target.
  • Standardizes the accompanying toolbar component showcase into the clean aria-toolbar path.
  • Re-routes dev-app navigation links and migrates public API golden records.

• SimpleCombobox has been promoted to Combobox. All simple-combobox prefixed symbols, selectors, and tokens have been renamed to use the combobox prefix.

  • refactor(aria/combobox): relocate and restructure autocomplete and toolbar examples
    Relocate the autocomplete examples to src/components-examples/aria/autocomplete and toolbar examples to src/components-examples/aria/toolbar.
  • Restore naming continuity with the historical codebase by stripping redundant prefixes from example filenames and component selectors.
  • Sync dev-app preview routing layout paths and strict Bazel target dependency links.

cdk

• • CDK_DESCRIBEDBY_HOST_ATTRIBUTE has been removed.
  • CDK_DESCRIBEDBY_ID_PREFIX has been removed.
  • The injector parameter of the ConfigurableFocusTrap and FocusTrap constructors is now required.
  • The boolean parameter of ConfigurableFocusTrapFactory.create has been replaced with a config object.
  • MESSAGES_CONTAINER_ID has been removed.
• • The event parameter of DropListRef.drop is now required.
• • ContextMenuTracker has been renamed to MenuTracker.

material

• • MatListOption.checkboxPosition has been removed. use togglePosition instead.
  • MatListOptionCheckboxPosition has been renamed to MatListOptionTogglePosition.
• • ArrowViewState has been removed.
  • ArrowViewStateTransition has been removed.

multiple

• • A bunch of constructors that with rest arguments have been removed. If you were extending Material/CDK components, you may have to update your super calls accordingly.

• Renames the values input/model to value in Combobox, Listbox, Tree, Menu, Toolbar, and Select. Users must update their templates to use the value property instead of values.

  • refactor(multiple): update api goldens

google-maps

Commit	Type	Description
e44ff8318	feat	Add support for the gmp-click event (#​33147)
b8201edee	fix	deprecate heatmap layer (#​33208)

material

Commit	Type	Description
867ba993b	feat	bottom-sheet: add the ability to pass bindings
b4a89d599	feat	button: Add support for showing a progress indicator inside the button (#​32698)
a46b0a1d4	feat	core: add mixins for Material Design typography (#​32959)
bf3596b53	feat	dialog: add the ability to pass bindings
85c16fe4b	feat	tabs: add support for separate tab animation durations (#​32869)
440cb1606	fix	autocomplete: remove modal workaround
21f8bbbf2	fix	badge: allow badge defaults to be configured (#​33312)
07c2d002d	fix	core: address sass compiler warnings (#​33040)
add8f16c0	fix	list: breaking changes for v22
31904510b	fix	menu: close menu when cleared from trigger (#​33306)
9d73c98b5	fix	menu: missing panelClass getter (#​33191)
348c3c89d	fix	select: remove modal workaround
f1a435508	fix	sidenav: handle mixed sidenav and drawer (#​33274)
c31619852	fix	sidenav: mark content as inert while open
a4d92c5fc	fix	sidenav: more robust reset logic for inert attribute (#​33257)
c2f1c5b03	fix	sidenav: query not resolving
75718e4fb	fix	sort: breaking changes for v22
6ed6218c4	fix	tabs: incorrect animation variable name (#​32941)

cdk

Commit	Type	Description
1a5d5d101	feat	dialog: add the ability to pass bindings
24115c021	feat	portal: add directives support to ComponentPortal (#​33142)
7426334c5	fix	a11y: breaking changes for v22
81c6bbd89	fix	drag-drop: breaking changes for v22
ffb23f6f8	fix	menu: breaking changes for v22
4c298970e	fix	scrolling: make it easier to provide custom scrollable (#​33269)
aa42b7798	fix	table: expose rendered rows (#​33304)

aria

Commit	Type	Description
d91f46b4c	feat	accordion: introduce accordion harness (#​33046)
e3d84f2e0	feat	combobox: add test harnesses (#​33194)
0ca47b4a0	feat	combobox: migrate simple-combobox directly into primary entrypoints (#​33206)
6ec07bc0c	feat	grid: add test harnesses (#​33081)
1885d3534	feat	listbox: introduce listbox harness (#​33064)
75fae5275	feat	menu: introduce menu harness (#​33067)
c25e6252e	feat	tabs: add test harnesses (#​33079)
a49508bac	feat	toolbar: add test harnesses (#​33068)
30f223972	feat	tree: add test harnesses (#​33066)
91a4932f6	fix	combobox: increases autocomplete demo's placeholder text c… (#​33084)
218a77cf9	fix	combobox: separates placeholder prefixes (#​33163)
ce1d9a728	fix	menu: allow menu item role override (#​33264)
196b7064d	fix	menu: defer menu item focus in case menus in cdk overlay (#​33258)
6443b79f9	fix	menu: unable to set softDisabled (#​33265)

multiple

Commit	Type	Description
6cb6b5ee1	fix	make more public APIs readonly (#​33071)
a88904279	fix	prevent form submissions in aria directives (#​33297)
bb4f8ec50	fix	re-export collection util (#​33171)
84f2afd24	fix	remove developer preview tag from aria (#​33232)
ce4c2c0a1	fix	remove empty constructors (#​33048)
936f1148b	fix	use eager change detection
94a50a25f	refactor	rename values to value for signal forms compatibility (#​33012)

v21.2.14

Compare Source

No user facing changes in this release

v21.2.13

Compare Source

No user facing changes in this release

v21.2.12

Compare Source

material

Commit	Type	Description
da87be7646	fix	datepicker: ensure dates don't overflow on a small screen (#​33281)

v21.2.11

Compare Source

No user facing changes in this release

v21.2.10

Compare Source

aria

Commit	Type	Description
48973661e	fix	menu: do not set default aria-label (#​33202)

v21.2.9

Compare Source

aria

Commit	Type	Description
bf14cc9d9	fix	menu: use computed for menu item patterns, with trigger on visible (#​33118)

cdk

Commit	Type	Description
3a3852d45	fix	tree: enter/space key on child node should not toggle parent node expansion (#​33125)

material

Commit	Type	Description
51271c619	fix	stepper: allow stepper to be labelled (#​33137)

v21.2.8

Compare Source

No user facing changes in this release

v21.2.7

Compare Source

material

Commit	Type	Description
5954c4594c	fix	sort: deprecate MatSortHeaderIntl and hide from docs (#​33089)

v21.2.6

Compare Source

material

Commit	Type	Description
5b4bbe9c4f	fix	select: wrong transform origin when opening upwards inside another overlay (#​33032)

v21.2.5

Compare Source

cdk

Commit	Type	Description
42e10553c	fix	stepper: linear updates not reflected in the DOM (#​33007)

material

Commit	Type	Description
895908a12	fix	sidenav: not resetting margin if transition does not start (#​33001)
475a8aabb	fix	slider: not picking up static direction (#​33006)
8a5ed09e5	fix	tooltip: allow hover detection logic to be customized (#​33018)

v21.2.4

Compare Source

material

Commit	Type	Description
87aa6d977	fix	tooltip: wrong type for shape token (#​32968)

v21.2.3

Compare Source

cdk

Commit	Type	Description
688deda58	fix	drag-drop: item returned to wrong index in initial container (#​32944)

material

Commit	Type	Description
917526511	fix	datepicker: add harness for datepicker actions (#​32925)

v21.2.2

Compare Source

aria

Commit	Type	Description
345c543dcb	fix	grid: unit tests and small fixes for grid directives (#​32841)

v21.2.1

Compare Source

No user facing changes in this release

v21.2.0

Compare Source

aria

Commit	Type	Description
31ff7f26b5	fix	grid: align output naming with styleguide
d030725f46	fix	menu: align output naming with styleguide

cdk

Commit	Type	Description
cd5209e9f5	fix	portal: allow bindings to be passed to component portal (#​32814)
e397ecbcfa	fix	table: remove string-based DI tokens (#​32677)

material

Commit	Type	Description
8c4526935e	fix	core: expose strong focus indicator structural styles (#​32808)
7fe3081148	fix	datepicker: drop dependency on NgClass (#​32810)

v21.1.6

Compare Source

aria

Commit	Type	Description
50c34e6ef3	fix	combobox: Adjust AutoComplete examples to properly announce no results text (#​32786)

v21.1.5

Compare Source

aria

Commit	Type	Description
017caa3be7	fix	combobox: fix autocomplete examples and add comments explaining combobox selection behavior (#​32714)

cdk

Commit	Type	Description
c825fa208d	fix	tree: no nodes focusable if data is replaced (#​32781)

material

Commit	Type	Description
8f412ec5b7	fix	select: disable position locking (#​32772)

google-maps

Commit	Type	Description
a73a70d291	fix	fix mismatch in clusterer types (#​32778)

v21.1.4

Compare Source

aria

Commit	Type	Description
0bd0ad639	perf	grid: performance when selecting in a large grid (#​32766)

material

Commit	Type	Description
84b5dd766	fix	radio: hide empty labels (#​32754)
58870b511	fix	slide-toggle: overly broad selector (#​32740)
d175b0180	fix	tooltip: do not block events to other overlays

multiple

Commit	Type	Description
2a269598a	fix	change aria keyboard manager to only handle repeated events in correct places (#​32728)

v21.1.3

Compare Source

aria

Commit	Type	Description
4186f740f	fix	menu: Add label property for proper aria-label (#​32710)
d72693582	fix	toolbar: show outline on selected items when forced colors active (#​32708)

material

Commit	Type	Description
c4f745ce7	fix	badge: move warning check later (#​32724)
910aed3c8	fix	chips: Example violates axe accessibility tests (#​32679)

cdk-experimental

Commit	Type	Description
591516c93	perf	column-resize: add debounce to column header hover to prevent excessive handler rendering (#​30709)

v21.1.2

Compare Source

aria

Commit	Type	Description
1d9918a9de	fix	combobox: Add announcement for empty results to autocomplete demo (#​32707)
81b407d353	perf	grid: avoid excessive change detections (#​32705)

cdk

Commit	Type	Description
9b54cb20da	fix	listbox: incorrect wording in error message (#​32697)
4b8fc71c08	fix	table: throw when multiple row templates are used with virtual scrolling (#​32682)

material

Commit	Type	Description
bb69f3ca7d	fix	sidenav: incorrectly trapping focus in some cases (#​32699)
7824225a5b	fix	timepicker: make it easier to style timepicker panel (#​32711)

v21.1.1

Compare Source

aria

Commit	Type	Description
[d24f099179](https://redir

✂ Note

PR body was truncated to here.

---

Configuration

📅 Schedule: (UTC)

• 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 this update 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: yah@0.10.0
npm ERR! Found: @angular/common@15.2.9
npm ERR! node_modules/@angular/common
npm ERR!   @angular/common@"15.2.9" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer @angular/common@"^17.0.0 || ^18.0.0" from @angular/cdk@17.3.8
npm ERR! node_modules/@angular/cdk
npm ERR!   @angular/cdk@"17.3.8" 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 /tmp/renovate/cache/others/npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /tmp/renovate/cache/others/npm/_logs/2024-05-08T19_14_00_140Z-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 unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: yah@0.10.0
npm ERR! Found: @angular/common@15.2.9
npm ERR! node_modules/@angular/common
npm ERR!   @angular/common@"15.2.9" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer @angular/common@"^22.0.0 || ^23.0.0" from @angular/cdk@22.0.2
npm ERR! node_modules/@angular/cdk
npm ERR!   @angular/cdk@"22.0.2" 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-06-18T01_47_57_507Z-debug-0.log