Update angularmaterial monorepo to v19 (major)

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
@angular/cdk	9.2.4 -> 19.0.4
@angular/material	9.2.4 -> 19.0.4

---

Release Notes

angular/components (@​angular/cdk)

v19.0.4

Compare Source

cdk

Commit	Type	Description
622057a146	fix	drag-drop: resolve projected handles
1456074baa	fix	drag-drop: stop dragging on touchcancel (#​30184)
c92def439b	fix	testing: add code to keyboard events (#​30188)

material

Commit	Type	Description
050b59b883	fix	list: enable MacOS select all with command+a (#​30183)
c3f22f3c9a	fix	menu: remove dependency on animations module (#​30163)
a9c569e13d	fix	sort: avoid center align for sort header (#​30198)
f0ec675aaa	fix	table: improve filter predicate efficiency (#​30172)
b724b0698c	fix	table: set border none for header cells on last row (#​30193)
125d867161	fix	theming: fix not found error in the guide duplicate theming styles document (#​30108)
8d3279fcd4	fix	tooltip: body line height affecting gap (#​30164)

v19.0.3

Compare Source

material

Commit	Type	Description
7b64c451e6	fix	expansion: switch away from animations module (#​30119)
d18c3395d8	fix	menu: decouple menu lifecycle from animations (#​30148)
3ea8cf5c31	fix	paginator: ignore clicks on disabled buttons (#​30138)
fbaf286f9c	fix	select: add opt-in input that allows selection of nullable options (#​30142)
600a8b04f9	fix	timepicker: deserialize ControlValueAccessor values correctly (#​30149)
4b69162998	fix	timepicker: disable toggle if timepicker is disabled (#​30137)

v19.0.2

Compare Source

cdk

Commit	Type	Description
460f971b27	fix	accordion: improve accessibility in example code (#​30087)
6306a12c12	fix	menu: disable flexible dimensions (#​30086)

material

Commit	Type	Description
0ed9869529	fix	button-toggle: unable to tab into ngModel-based group on first render (#​30103)
72ff6fcce3	fix	core: optgroup label color not inferred correctly (#​30085)
c395585446	fix	schematics: avoid parsing stylesheets that don't include Material
5b3350a60e	fix	schematics: error if stylesheet contains syntax errors
1235ad28bc	fix	sort: simplify animations (#​30057)
5b165067e8	fix	tabs: ink bar not showing when same tab is re-selected (#​30121)

youtube-player

Commit	Type	Description
1d3905a208	fix	update to latest typings (#​30126)

v19.0.1

Compare Source

material

Commit	Type	Description
2d7e078bb	fix	button-toggle: animate checkbox (#​30025)
edac40645	fix	chips: emit state changes when chip grid is disabled (#​30033)
18f7f4bb9	fix	datepicker: adds comparison ids and aria-describedby spans (#​30040)
375435497	fix	slider: update documentation (#​30029)
a31201475	fix	timepicker: make disabled input public (#​30063)

docs

Commit	Type	Description
f9d9d2c81	fix	update errorState example to cover handle missing state (#​30059)

multiple

Commit	Type	Description
59b7f436a	fix	use cross-compatible type for setTimeout (#​30073)

v19.0.0

Compare Source

Breaking Changes

cdk

• • Since cdk.high-contrast targets a media query instead of a class, the specificity of the styles it emits is lower than before.
• • The overlay stays are now loaded slightly later than before which can change their specificity. You may have to update any overlay style overrides.

• • Virtual scrolling lists now have proper type checking which can reveal some previously-hidden compilation errors.

  • fix(cdk/scrolling): adds ngTemplateContextGuard
    implements ngTemplateContextGuard for CdkVirtualForOf directive

material

• • The ripples styles are now loaded slightly later than before which can change their specificity. You may have to update any ripple style overrides.
• • mixinColor and CanColor have been removed. Use a host binding instead.
  • mixinDisableRipple and CanDisableRipple have been removed. Use input transforms instead.
  • mixinDisabled and CanDisable have been removed. Use input transforms instead.
  • mixinInitialized and HasInitialized have been removed. Use a Subject that emits in ngOnInit instead.
  • mixinTabIndex and HasTabIndex have been removed. Use input transforms instead.

google-maps

• • The new @​googlemaps/markerclusterer API should be imported instead of the old one. Read more at: https://github.com/googlemaps/js-markerclusterer
  • The MapMarkerClusterer class has been renamed to DeprecatedMapMarkerClusterer.
  • The map-marker-clusterer selector has been changed to deprecated-map-marker-clusterer.

multiple

• • In order for Material to be compatible with recent changes in Sass and upcoming changes in the CSS standard, tokens are now emitted in-place, rather the being hoisted to the top of the selector. As a result, some token overrides might not apply anymore. This is relevant primarily for the cases like @include mat.button-theme($theme); --mat-button-color: red;. It can be resolved by wrapping the overrides with & {}, for example @include mat.button-theme($theme); & { --mat-button-color: red; }.
• • MatButton.ripple is no longer available.
  • MatCheckbox.ripple is no longer available.
  • MatChip.ripple is no longer available.

material-date-fns-adapter

Commit	Type	Description
234e5e0e8	feat	add support for date-fns 4 (#​29744)

youtube-player

Commit	Type	Description
09da06b42	fix	ready event not emitting
288598750	fix	startSeconds not applied when using placeholder

google-maps

Commit	Type	Description
1bd976c6a	feat	Add support for some mouse events #​29741 (#​29747)
a05475e76	feat	deprecate marker cluster component
c70aae15b	feat	implement new marker clusterer
b9deeee85	fix	add schematic to switch to the new clusterer name
a6709497f	fix	expose all clusterer types (#​29905)
74c2a081f	fix	resolve CLI errors in ng update schematic (#​29947)

material

Commit	Type	Description
9122335b2	feat	checkbox: add new aria properties to MatCheckbox (#​29457)
64ed7ca71	feat	core: add experimental theme demo (#​29636)
a58e6f671	feat	core: add theme-overrides mixin (#​29858)
d206225c5	feat	core: create focus-indicator structural styles loader (#​29763)
b519b4785	feat	core: default to color-scheme theme type (#​29907)
ea0d1ba7b	feat	core: deprecate the core mixin (#​29906)
486990912	feat	core: rename theme mixin (#​29857)
4b49d7354	feat	core: switch system prefix from sys to mat-sys (#​29908)
1abb484aa	feat	input: add the ability to interact with disabled inputs (#​29574)
4adc3725d	feat	schematics: create v19 core removal schematic (#​29768)
9c3af284f	feat	schematics: Switch custom theme schematic to use theme mixin instead of define-theme and add high contrast override mixins (#​29642)
3fc1f9a1b	feat	schematics: Update custom theme schematic to work with light-dark and use theme-overrides mixin (#​29911)
ff3d342fd	feat	tabs: add alignTabs in MatTabsConfig (#​29779)
371446a7c	feat	theming: Disambiguate token names in theme overrides (#​29859)
9546fe77e	feat	timepicker: add test harnesses
2646e0885	feat	timepicker: add timepicker component
de6c20686	fix	bottom-sheet: add height minHeight maxHeight to config (#​29794)
fcb76d3ed	fix	core: add missing system variables (#​29624)
5ad133d07	fix	core: allow optgroup overrides through core-overrides (#​29897)
0fb4247ce	fix	core: avoid browser inconsistencies when parsing time
855ed4948	fix	core: avoid having to manually load ripple styles
d0d59b784	fix	core: change ng-add to use mat.theme (#​29990)
a8e40ec34	fix	core: correctly identify color input (#​29909)
edce90652	fix	core: delete deprecated APIs (#​29651)
54875a325	fix	core: drop sanity checks (#​29688)
ef14c2869	fix	core: option showing double selected indicator in high contrast mode
5403b4b07	fix	core: remove unused motion system vars (#​29920)
613cf5406	fix	core: rename sys vars from mat-app to mat-sys (#​29879)
d0e178b75	fix	core: stop manually instantiating MatRipple directive (#​29630)
d55ec612c	fix	core: update prebuilt themes to use mat.theme (#​29989)
7cf8c6c46	fix	datepicker: calendar font tokens not being picked up (#​29610)
5ba97925b	fix	form-field: avoid touching the DOM on each state change
a2cd04902	fix	form-field: incorrect form field border radius with system-level themes (#​29966)
5345a875f	fix	input: preserve aria-describedby set externally
9dcb95a72	fix	list: remove unnecessary high contrast styles
dbcb921d5	fix	menu: handle keyboard events through dispatcher (#​29997)
de5e57ad1	fix	menu: use static elevation (#​29968)
482009bac	fix	schematics: add explicit system variable prefix schematic (#​29980)
75631fb0b	fix	sidenav: prevent the content from jumping when hydrated (#​29991)
14e9ec7cc	fix	timepicker: always re-focus input
1eda48604	fix	timepicker: hide toggle icon from assistive technology
490bcfe38	fix	timepicker: more flexible interval parsing
fb6e20290	fix	timepicker: text field in parse error not up to date
9b5ee9d55	fix	timepicker: value considered as invalid by default

cdk

Commit	Type	Description
f4a02adb7	feat	a11y: use native media query for high contrast detection (#​29678)
9b4085c6e	feat	private: create cdk-visually-hidden style loader (#​29757)
df21d2b09	fix	overlay: avoid having to manually load structural styles
560878a23	fix	overlay: load structural styles in a cascade layer (#​29725)
873eb01e0	fix	portal: remove ComponentFactoryResolver usages (#​27427)
5439460d1	fix	scrolling: adds ngTemplateContextGuard (#​27276)
ad18e6d74	fix	text-field: avoid having to manually load text field styles
bd84c2a67	fix	tree: fix issue where isExpanded wouldn't be set if placed before isExpandable (#​29565)
3b4ade5a0	fix	tree: only handle keyboard events directly from the node (#​29861)
f6066c23f	fix	tree: warn if mixed node types are used within the same tree

mat

Commit	Type	Description
8f0369a27	fix	paginator: fix focus issues with paginator buttons (#​29379)

multiple

Commit	Type	Description
01711b180	fix	account for mixed declarations in latest Sass version (#​29596)
cb1450fc7	fix	change fallbacks to use m3 (#​29528)
a9da72ed1	fix	consolidate strong focus indicators (#​29623)
be342289c	fix	remove final references to ComponentFactoryResolver (#​29832)
d1d53f51a	fix	remove usages of Sass globals (#​29972)
b3a9062ed	fix	ripples not showing up in some cases (#​29672)
485bd9923	fix	stop exposing internal ripple implementation (#​29622)

v18.2.14

Compare Source

cdk

Commit	Type	Description
3bd89ecd5	fix	table: run differ for all columns (#​30012)

v18.2.13

Compare Source

cdk

Commit	Type	Description
1ea3ba383	fix	listbox: make tabindex zoneless compatible (#​29970)
890036064	fix	table: set explicit role on all cells (#​29987)
3c7de8400	fix	testing: allow use of plaintext-only for contenteditable (#​29999)

material

Commit	Type	Description
c643f04ef	fix	core: incorrect validation in get-theme-color (#​29994)
aed9094f9	fix	snack-bar: prevent override of snack bar action button color (#​27511)

v18.2.12

Compare Source

material

Commit	Type	Description
3fc968a59	fix	datepicker: use SVG icons for calendar (#​29957)

v18.2.11

Compare Source

cdk

Commit	Type	Description
5d1bc76430	fix	tree: only handle keyboard events directly from the node
a3449dc851	perf	table: Use ResizeObservers instead of dom measurement to reduce layout thrashing (where possible) (#​29814)

material

Commit	Type	Description
a98c886163	fix	button: anchor not handling disabledInteractive correctly (#​29938)
810040e8fc	fix	sidenav: remove IE animation workaround (#​29929)
197747e2bd	fix	stepper: remove IE animation workaround (#​29916)

v18.2.10

Compare Source

material

Commit	Type	Description
501faa9a54	fix	chips: emitting end event multiple times when holding down key (#​29894)
4a0397a1c7	fix	tabs: remove IE animation workaround (#​29899)

v18.2.9

Compare Source

material

Commit	Type	Description
80bfac26b	fix	badge: content incorrectly truncated in M3 (#​29854)
2d7519178	fix	card: elevated card container color (#​29835)
6ce574731	fix	dialog: updates dialog max-height in landscape (#​29853)
ddb55e2c2	fix	form-field: account in cols attribute on textarea (#​29836)
afc6b9db1	fix	radio: use tokens for focused border color (#​29716)

v18.2.8

Compare Source

cdk

Commit	Type	Description
fa43a2456	fix	stepper: remove mock of forms type
5bed0943a	fix	stepper: reset submitted state when resetting stepper

material

Commit	Type	Description
104b5932c	feat	core: expose styling information to the docs site
7ebfbeb6c	fix	schematics: treat lower dependency builder as default builder (#​29833)

v18.2.7

Compare Source

cdk

Commit	Type	Description
3e1faec2aa	fix	drag-drop: positioning thrown off with align-self (#​29813)

material

Commit	Type	Description
9280ad3948	fix	chips: chip grid not re-focusing first item
7a5c1dfb46	fix	chips: chip set overwriting disabled state (#​29795)
0fabf52036	fix	chips: focus escape not working consistently
da55ad02bc	fix	core: infer first day of week in native date adapter (#​29802)

v18.2.6

Compare Source

material

Commit	Type	Description
d8c2b420c9	fix	datepicker: set explicit line height on calendar (#​29770)

v18.2.5

Compare Source

cdk

Commit	Type	Description
1ea55b6e8	fix	drag-drop: account for scale when setting free drag position (#​29739)
aae74b031	fix	listbox: scroll active option into view when using aria-activedescendant (#​29722)
7db4b5f4c	fix	tree: resolve maximum call stack error (#​29754)

material

Commit	Type	Description
f9e18109e	fix	chips: increase chip remove touch target size (#​29452)
2cf2f5321	fix	datepicker: replace labels not pointing to anything (#​29755)
7ab65e4fb	fix	select: remove incompatible aria-autocomplete attribute (#​29645)
06818a7ed	fix	slider: log proper error when slider isn't configured correctly (#​29745)

v18.2.4

Compare Source

cdk

Commit	Type	Description
7cc0d3a6d	fix	overlay: avoid leaking memory through afterNextRender (#​29709)

material

Commit	Type	Description
651b448e8	fix	badge: change legacy container size default (#​29713)
0e6dee30a	fix	form-field: Don't allow label to grow larger than input (#​29673)
57028df23	fix	select: Update checkbox color to match the selected label text color (#​29684)

v18.2.3

Compare Source

material

Commit	Type	Description
0f07b25d12	fix	badge: resolve memory leak (#​29676)
fe3f30ff2f	fix	core: Allow system variables to be formatted for opacity (#​29665)
5d93395442	fix	core: Fix incorrect color role mappings (#​29655)
4a79052ae0	fix	tooltip: remove old IE workaround (#​29674)

v18.2.2

Compare Source

cdk

Commit	Type	Description
39d3d01340	fix	drag-drop: error if ngDevMode is undefined (#​29634)
b1c5ed7260	fix	tree: avoid breaking change in constructor (#​29648)
ff95692125	fix	tree: capturing focus on load (#​29641)
f888b3d95a	fix	tree: fix issue where isExpanded wouldn't be set if placed before isExpandable (#​29565) (#​29647)

material

Commit	Type	Description
3ce4e9fc2a	fix	schematics: Add the missing neutral tones for the M3 color palettes (#​29644)
f93d0f4095	perf	tooltip: Avoid unneeded calls to clearTimeout (#​29643)

v18.2.1

Compare Source

cdk

Commit	Type	Description
3a2d13e2e4	fix	drag-drop: preview positioned incorrectly when RTL is set on the body (#​29606)

material

Commit	Type	Description
bad94fda58	fix	datepicker: calendar font tokens not being picked up (#​29610) (#​29615)
c4c62b8549	fix	icon: update error message for missing HttpClient (#​29589)
b2a32e9898	fix	menu: inconsistent layout of submenu icon (#​29603)
5f0c89030e	fix	tabs: switch pagination to not use native buttons (#​29605)

v18.2.0

Compare Source

Deprecations

material

• Tree controller deprecated. Use one of levelAccessor or childrenAccessor instead. To be removed in a future version.

  • BaseTreeControl, TreeControl, FlatTreeControl, and NestedTreeControl deprecated
  • CdkTree#treeControl deprecated. Provide one of CdkTree#levelAccessor or CdkTree#childrenAccessor instead.
  • MatTreeFlattener deprecated. Use MatTree#childrenAccessor and MatTreeNode#isExpandable instead.
  • MatTreeFlatDataSource deprecated. Use one of levelAccessor or childrenAccessor instead of TreeControl.
    Note when upgrading: isExpandable works differently on Trees using treeControl than trees using childrenAccessor or levelAccessor. Nodes on trees that have a treeControl are expandable by default. Nodes on trees using childrenAccessor or levelAccessor are not expandable by default. Provide isExpandable to override default behavior.

• Setting tabindex of tree nodes deprecated. By default, Tree ignores tabindex passed to tree nodes.

  • MatTreeNode#tabIndex deprecated. MatTreeNode ignores Input tabIndex and manages its own focus behavior.
  • MatTreeNode#defaultTabIndex deprecated. MatTreeNode ignores defaultTabIndex and manages its own focus behavior.
  • MatNestedTreeNode#tabIndex deprecated. MatTreeNode ignores Input defaultTabIndex and manages its own focus behavior.
  • LegacyTreeKeyManager and LEGACY_TREE_KEY_MANAGER_FACTORY_PROVIDER deprecated. Inject a TreeKeyManagerFactory to customize keyboard behavior.

  Note when upgrading: an opt-out is available for keyboard functionality changes. Provide LEGACY_TREE_KEY_MANAGER_FACTORY_PROVIDER to opt-out of Tree managing its own focus. When provided, Tree does not manage it’s own focus and respects tabindex passed to TreeNode. When provided, have the same focus behavior as before this commit is applied.

  Add Legacy Keyboard Interface demo, which shows usage of LEGACY_TREE_KEY_MANAGER_FACTORY_PROVIDER. Add Custom Key Manager, which shows usage of injecting a TreeKeyManagerStrategy

• disabled renamed to isDisabled.

  • CdkTreeNode#disabled deprecated and alias to CdkTreeNode#isDisabled

material

Commit	Type	Description
ddc307e28	feat	button-toggle: allow disabled buttons to be interactive (#​29550)
841760101	feat	checkbox: add the ability to interact with disabled checkboxes (#​29474)
0af3b6175	feat	radio: add the ability to interact with disabled radio buttons (#​29490)
4292e1b3a	feat	slide-toggle: add the ability to interact with disabled toggle (#​29502)
a018fb0ee	feat	tooltip: replicate tooltipClass to default MatTooltipDefaultOptions (#​29467)
aaf0d5156	fix	checkbox: account for disabledInteractive in harness
d22a24d66	fix	list: checkmark not visible in high contrast mode (#​29546)
a259b016b	fix	radio: account for disabledInteractive in harness
fd47a0e60	fix	radio: avoid error if destroyed quickly (#​29507)
08d2e3e69	fix	slide-toggle: account for disabledInteractive in harness
fd416a30e	fix	tooltip: remove aria-describedby when disabled (#​29520)
ff36c80f9	fix	tree: add levelAccessor, childrenAccessor, TreeKeyManager; a11y and docs improvements (#​29062)
1f992d06c	fix	tree: aria-expanded attribute should not appear in the leaf node (#​29273)

cdk

Commit	Type	Description
b2c051d2c	feat	drag-drop: add input to specify dragged item scale (#​29392)

multiple

Commit	Type	Description
db5b8dc29	feat	fallback to system level variables (#​29480)

v18.1.5

Compare Source

material

Commit	Type	Description
b2e728db9	fix	form-field: update state if control changes (#​29573)
1c438b312	fix	schematics: Generate more accurate tonal palettes for M3 schematic (#​29536)
838d1a45a	fix	tabs: allow for tablist aria-label and aria-labelledby to be set (#​29562)

v18.1.4

Compare Source

material

Commit	Type	Description
2b5ae8c0ed	fix	chips: missing tokens in M3 (#​29531)
b98432839e	fix	sidenav: disable focus trap while closed (#​29548)

v18.1.3

Compare Source

cdk

Commit	Type	Description
2c76917779	fix	coercion: Return undefined when the fallback value is undefined (#​29491)

material

Commit	Type	Description
caf4b61ead	fix	chips: remove tab-index attribute from mat-chip host (#​29436)
913267c0b1	fix	core: custom system-level variable prefix not used in some mixins (#​29513)
70048ef226	fix	dialog: invalid font-family declaration (#​29516)
d7d82e1455	fix	slide-toggle: don't trigger active state for entire container (#​29514)
d237e7d2c7	fix	slide-toggle: remove divs from button (#​29485)

v18.1.2

Compare Source

material

Commit	Type	Description
cf61af53bd	fix	chips: remove button is too small (#​29351)
[c79ec264aa](https://redirect.github.com/angular/components/commit/c79ec264aa454b31f6cefa6a1b032884c56

---

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.