@angular/cdk-experimental - npm Package Versions

19.0.0-next.4 "ion-ink" (2024-09-12)

cdk

| Commit | Type | Description | | -- | -- | -- | | 3a62ab11f | fix | overlay: avoid leaking memory through afterNextRender (#29709) |

material

| Commit | Type | Description | | -- | -- | -- | | 9122335b2 | feat | checkbox: add new aria properties to MatCheckbox (#29457) | | fead293e9 | fix | badge: change legacy container size default (#29713) | | 54875a325 | fix | core: drop sanity checks (#29688) | | ef14c2869 | fix | core: option showing double selected indicator in high contrast mode | | 77051f871 | fix | form-field: Don't allow label to grow larger than input (#29673) | | 9dcb95a72 | fix | list: remove unnecessary high contrast styles | | 4d0a3eff7 | fix | select: Update checkbox color to match the selected label text color (#29684) |

<!-- CHANGELOG SPLIT MARKER -->

<a name="19.0.0-next.3"></a>

19.0.0-next.3 "quicksilver-quintessence" (2024-09-04)

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.

• • 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

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

material

| Commit | Type | Description | | -- | -- | -- | | 90eea1bf70 | fix | core: Allow system variables to be formatted for opacity (#29665) | | edce90652a | fix | core: delete deprecated APIs (#29651) | | 4771931c2f | fix | core: Fix incorrect color role mappings (#29655) | | 9333de0537 | fix | tooltip: remove old IE workaround (#29674) |

cdk

| Commit | Type | Description | | -- | -- | -- | | f4a02adb77 | feat | a11y: use native media query for high contrast detection (#29678) | | 5439460d1f | fix | scrolling: adds ngTemplateContextGuard (#27276) |

multiple

| Commit | Type | Description | | -- | -- | -- | | b3a9062edf | fix | ripples not showing up in some cases (#29672) |

<!-- CHANGELOG SPLIT MARKER -->

<a name="18.2.3"></a>

18.2.3 "parchment-deluge" (2024-09-04)

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) |

<!-- CHANGELOG SPLIT MARKER -->

<a name="19.0.0-next.2"></a>

19.0.0-next.2 "bronze-book" (2024-08-28)

Breaking Changes

cdk

• • The overlay stays are now loaded slightly later than before which can change their specificity. You may have to update any overlay style overrides.

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.

multiple

• • MatButton.ripple is no longer available.
  • MatCheckbox.ripple is no longer available.
  • MatChip.ripple is no longer available.

material

| Commit | Type | Description | | -- | -- | -- | | 64ed7ca715 | feat | core: add experimental theme demo (#29636) | | fcb76d3ed1 | fix | core: add missing system variables (#29624) | | 855ed49482 | fix | core: avoid having to manually load ripple styles | | d0e178b75e | fix | core: stop manually instantiating MatRipple directive (#29630) | | 3bf0e31f77 | fix | schematics: Add the missing neutral tones for the M3 color palettes (#29644) | | 64cf19ccdb | perf | tooltip: Avoid unneeded calls to clearTimeout (#29643) |

cdk

| Commit | Type | Description | | -- | -- | -- | | 2f1fe03ae9 | fix | drag-drop: error if ngDevMode is undefined (#29634) | | df21d2b091 | fix | overlay: avoid having to manually load structural styles | | ad18e6d74e | fix | text-field: avoid having to manually load text field styles | | a6835ef6a7 | fix | tree: avoid breaking change in constructor (#29648) | | 8b34fb7e8d | fix | tree: capturing focus on load (#29641) |

multiple

| Commit | Type | Description | | -- | -- | -- | | a9da72ed15 | fix | consolidate strong focus indicators (#29623) | | 485bd9923b | fix | stop exposing internal ripple implementation (#29622) |

<!-- CHANGELOG SPLIT MARKER -->

<a name="18.2.2"></a>

18.2.2 "steel-sword" (2024-08-28)

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) |

<!-- CHANGELOG SPLIT MARKER -->

<a name="19.0.0-next.1"></a>

19.0.0-next.1 "plastic-moose" (2024-08-22)

Breaking Changes

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; }.

material

| Commit | Type | Description | | -- | -- | -- | | 1abb484aa7 | feat | input: add the ability to interact with disabled inputs (#29574) | | 7cf8c6c464 | fix | datepicker: calendar font tokens not being picked up (#29610) | | 4f2bc4da78 | fix | icon: update error message for missing HttpClient (#29589) | | adf413670f | fix | menu: inconsistent layout of submenu icon (#29603) | | 357f6f27a5 | fix | tabs: switch pagination to not use native buttons (#29605) |

cdk

| Commit | Type | Description | | -- | -- | -- | | 04ce4d2648 | fix | drag-drop: preview positioned incorrectly when RTL is set on the body (#29606) |

multiple

| Commit | Type | Description | | -- | -- | -- | | 01711b1804 | fix | account for mixed declarations in latest Sass version (#29596) | | cb1450fc76 | fix | change fallbacks to use m3 (#29528) |

<!-- CHANGELOG SPLIT MARKER -->

<a name="18.2.1"></a>

18.2.1 "plastic-panda" (2024-08-22)

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) |

<!-- CHANGELOG SPLIT MARKER -->

<a name="19.0.0-next.0"></a>

19.0.0-next.0 "yttrium-igloo" (2024-08-14)

cdk

| Commit | Type | Description | | -- | -- | -- | | bd84c2a67 | fix | tree: fix issue where isExpanded wouldn't be set if placed before isExpandable (#29565) |

<!-- CHANGELOG SPLIT MARKER -->

<a name="18.2.0"></a>

18.2.0 "technetium-tapas" (2024-08-14)

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) |

<!-- CHANGELOG SPLIT MARKER -->

<a name="18.1.5"></a>

18.1.5 "ruthenium-roulette" (2024-08-14)

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) |

<!-- CHANGELOG SPLIT MARKER -->

<a name="18.1.4"></a>