[Snyk] Upgrade @angular/material from 9.2.2 to 19.0.0

[ambrose40]

Snyk has created this PR to upgrade @angular/material from 9.2.2 to 19.0.0.

ℹ️ Keep your dependencies up-to-date. This makes it easier to fix existing vulnerabilities and to more quickly identify and fix newly disclosed vulnerabilities when they affect your project.

---

⚠️ Warning: This PR contains major version upgrade(s), and may be a breaking change.

• The recommended version is 391 versions ahead of your current version.

• The recommended version was released on a month ago.

Release notes

Package name: @angular/material

• 19.0.0 - 2024-11-19
  

  19.0.0 "hafnium-hippo" (2024-11-19)

  cdk

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

  material

  Commit	Description
  	checkbox: add new aria properties to MatCheckbox (#29457)
  	core: add experimental theme demo (#29636)
  	core: add theme-overrides mixin (#29858)
  	core: create focus-indicator structural styles loader (#29763)
  	core: default to color-scheme theme type (#29907)
  	core: deprecate the core mixin (#29906)
  	core: rename theme mixin (#29857)
  	core: switch system prefix from sys to mat-sys (#29908)
  	input: add the ability to interact with disabled inputs (#29574)
  	schematics: create v19 core removal schematic (#29768)
  	schematics: Switch custom theme schematic to use theme mixin instead of define-theme and add high contrast override mixins (#29642)
  	schematics: Update custom theme schematic to work with light-dark and use theme-overrides mixin (#29911)
  	tabs: add alignTabs in MatTabsConfig (#29779)
  	theming: Disambiguate token names in theme overrides (#29859)
  	timepicker: add test harnesses
  	timepicker: add timepicker component
  	bottom-sheet: add height minHeight maxHeight to config (#29794)
  	core: add missing system variables (#29624)
  	core: allow optgroup overrides through core-overrides (#29897)
  	core: avoid browser inconsistencies when parsing time
  	core: avoid having to manually load ripple styles
  	core: change ng-add to use mat.theme (#29990)
  	core: correctly identify color input (#29909)
  	core: delete deprecated APIs (#29651)
  	core: drop sanity checks (#29688)
  	core: option showing double selected indicator in high contrast mode
  	core: remove unused motion system vars (#29920)
  	core: rename sys vars from mat-app to mat-sys (#29879)
  	core: stop manually instantiating MatRipple directive (#29630)
  	core: update prebuilt themes to use mat.theme (#29989)
  	datepicker: calendar font tokens not being picked up (#29610)
  	form-field: avoid touching the DOM on each state change
  	form-field: incorrect form field border radius with system-level themes (#29966)
  	input: preserve aria-describedby set externally
  	list: remove unnecessary high contrast styles
  	menu: handle keyboard events through dispatcher (#29997)
  	menu: use static elevation (#29968)
  	schematics: add explicit system variable prefix schematic (#29980)
  	sidenav: prevent the content from jumping when hydrated (#29991)
  	timepicker: always re-focus input
  	timepicker: hide toggle icon from assistive technology
  	timepicker: more flexible interval parsing
  	timepicker: text field in parse error not up to date
  	timepicker: value considered as invalid by default

  google-maps

  Commit	Description
  	Add support for some mouse events #29741 (#29747)
  	deprecate marker cluster component
  	implement new marker clusterer
  	add schematic to switch to the new clusterer name
  	expose all clusterer types (#29905)
  	resolve CLI errors in ng update schematic (#29947)

  youtube-player

  Commit	Description
  	ready event not emitting
  	startSeconds not applied when using placeholder

  material-date-fns-adapter

  Commit	Description
  	add support for date-fns 4 (#29744)

  mat

  Commit	Description
  	paginator: fix focus issues with paginator buttons (#29379)

  multiple

  Commit	Description
  	account for mixed declarations in latest Sass version (#29596)
  	change fallbacks to use m3 (#29528)
  	consolidate strong focus indicators (#29623)
  	remove final references to ComponentFactoryResolver (#29832)
  	remove usages of Sass globals (#29972)
  	ripples not showing up in some cases (#29672)
  	stop exposing internal ripple implementation (#29622)

  Breaking Changes

  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.

  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.

  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

  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.
• 19.0.0-rc.3 - 2024-11-15
  

  19.0.0-rc.3 "frozen-feast" (2024-11-15)

  material

  Commit	Description
  	form-field: avoid touching the DOM on each state change
  	input: preserve aria-describedby set externally
  	menu: handle keyboard events through dispatcher (#29997)

  cdk

  Commit	Description
  	table: run differ for all columns (#30012)

• 19.0.0-rc.2 - 2024-11-13
  

  19.0.0-rc.2 "barium-binoculars" (2024-11-13)

  youtube-player

  Commit	Description
  	ready event not emitting