@angular/cdk-experimental - npm Package Versions

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>

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.4 "pewter-polka" (2024-08-07)

material

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

<!-- CHANGELOG SPLIT MARKER -->

<a name="18.1.3"></a>

18.1.3 "plastic-beach" (2024-07-31)

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

<!-- CHANGELOG SPLIT MARKER -->

<a name="18.1.2"></a>

18.1.2 "velvet-violin" (2024-07-24)

material

| Commit | Type | Description | | -- | -- | -- | | cf61af53bd | fix | chips: remove button is too small (#29351) | | c79ec264aa | fix | form-field: hiding a label after it has been (#29461) | | 15238d255f | fix | input: Number input not changing on wheel interaction (#29449) |

<!-- CHANGELOG SPLIT MARKER -->

<a name="18.1.1"></a>

18.1.1 "tantalum-tale" (2024-07-17)

cdk

| Commit | Type | Description | | -- | -- | -- | | ca634cb7b | fix | drag-drop: remove preview after animate to placeholder animation completes (#29439) |

material

| Commit | Type | Description | | -- | -- | -- | | b7959c241 | fix | button: support palettes for icon button in M3 (#29433) | | ffe1c35c0 | fix | chips: fix focus issue (#29427) | | 57cc0b04b | fix | core: require theme for option typography (#29416) | | 2e5e415ec | fix | tabs: prevent tab header from collapsing when empty inside a drop list (#29418) |

<!-- CHANGELOG SPLIT MARKER -->

<a name="18.1.0"></a>

18.1.0 "coral-odyssey" (2024-07-10)

cdk

| Commit | Type | Description | | -- | -- | -- | | 0bc6583892 | feat | drag-drop: add mixed orientation support | | b5e30156c1 | feat | drag-drop: add the ability to specify an alternate drop list container (#29283) | | 03d4e134c8 | fix | drag-drop: reset pointer events on descendants (#29370) |

material

| Commit | Type | Description | | -- | -- | -- | | 5da528e44d | feat | button: allow button color to be configured through DI (#29297) | | 6f698fa4e2 | feat | core: add option to configure prefix of system variables (#29139) | | 5a97c03928 | fix | chips: navigate between rows on up/down arrow (#29364) | | 566057b8f5 | fix | divider: non-text color contrast issues (#28995) | | 65b56400bd | fix | tabs: remove visibility style when hydrating (#29220) |

cdk-experimental

| Commit | Type | Description | | -- | -- | -- | | fc6beeae18 | fix | popover-edit: Fix dialog role and allow aria label on popup (#29380) |

multiple

| Commit | Type | Description | | -- | -- | -- | | aa17c2d128 | fix | remove workarounds for formControl directive (#29296) |

<!-- CHANGELOG SPLIT MARKER -->

<a name="18.0.6"></a>

18.0.2 "velvet-viola" (2024-06-05)

cdk

| Commit | Type | Description | | -- | -- | -- | | 5ef11b1e15 | fix | testing: TestbedHarnessEnvironment should work when Zone is not present (#29176) |

material

| Commit | Type | Description | | -- | -- | -- | | dfc19e2884 | fix | core: hide ripples inside drag&drop elements (#29184) | | 51488a2b7e | fix | datepicker: Move aria-live attribute so month can also be announced when using previous and next month buttons (#29137) | | 3945ed62cd | fix | radio: Ensure focus and selected states stay linked (#29082) | | 8d44ed99c6 | fix | schematics: theming API migration not working with CRLF line endings (#29171) | | 5e3d13d559 | fix | slider: Tick marks changes position as the slider is changed (for a step that is decimal number) (#29108) |

<!-- CHANGELOG SPLIT MARKER -->

<a name="18.0.1"></a>

18.0.1 "plastic-baby" (2024-05-29)

material

| Commit | Type | Description | | -- | -- | -- | | d96b5e39e0 | fix | core: M3 themes not inserting loaded marker | | b7c0a6ef56 | fix | form-field: outline label position (#29123) | | 24de3d4884 | fix | menu: prevent divider styles from bleeding out (#29111) | | 2110f2c97e | fix | tabs: avoid pagination infinite loop in safari (#29121) |

youtube-player

| Commit | Type | Description | | -- | -- | -- | | 466e249cd1 | fix | error when interacting with the player before the API has been loaded (#29127) |

<!-- CHANGELOG SPLIT MARKER -->

<a name="18.0.0"></a>

18.0.0 "satin-sasquatch" (2024-05-22)

Breaking Changes

material

• The following APIs have been renamed. If you update using ng update, your app will be fixed automatically.
  • define-light-theme to m2-define-light-theme
  • define-dark-theme to m2-define-dark-theme
  • define-palette to m2-define-palette
  • get-contrast-color-from-palette to m2-get-contrast-color-from-palette
  • get-color-from-palette to m2-get-color-from-palette
  • get-color-config to m2-get-color-config
  • get-typography-config to m2-get-typography-config
  • get-density-config to m2-get-density-config
  • $red-palette to $m2-red-palette
  • $pink-palette to $m2-pink-palette
  • $indigo-palette to $m2-indigo-palette
  • $purple-palette to $m2-purple-palette
  • $deep-purple-palette to $m2-deep-purple-palette
  • $blue-palette to $m2-blue-palette
  • $light-blue-palette to $m2-light-blue-palette
  • $cyan-palette to $m2-cyan-palette
  • $teal-palette to $m2-teal-palette
  • $green-palette to $m2-green-palette
  • $light-green-palette to $m2-light-green-palette
  • $lime-palette to $m2-lime-palette
  • $yellow-palette to $m2-yellow-palette
  • $amber-palette to $m2-amber-palette
  • $orange-palette to $m2-orange-palette
  • $deep-orange-palette to $m2-deep-orange-palette
  • $brown-palette to $m2-brown-palette
  • $grey-palette to $m2-grey-palette
  • $gray-palette to $m2-gray-palette
  • $blue-grey-palette to $m2-blue-grey-palette
  • $blue-gray-palette to $m2-blue-gray-palette
  • $light-theme-background-palette to $m2-light-theme-background-palette
  • $dark-theme-background-palette to $m2-dark-theme-background-palette
  • $light-theme-foreground-palette to $m2-light-theme-foreground-palette
  • $dark-theme-foreground-palette to $m2-dark-theme-foreground-palette
  • define-typography-level to m2-define-typography-level
  • define-rem-typography-config to m2-define-rem-typography-config
  • define-typography-config to m2-define-typography-config
  • define-legacy-typography-config to m2-define-legacy-typography-config
  • typography-level to m2-typography-level
  • font-size to m2-font-size
  • line-height to m2-line-height
  • font-weight to m2-font-weight
  • letter-spacing to m2-letter-spacing
  • font-family to m2-font-family
  • font-shorthand to m2-font-shorthand

material-experimental

| Commit | Type | Description | | -- | -- | -- | | c345df788 | feat | theming: add mixin for customizing checkbox tokens (#28759) | | c932512ba | fix | theming: avoid re-emitting the same tokens from the backwards-compatibility styles |

material

| Commit | Type | Description | | -- | -- | -- | | 4473a379f | feat | core: add prebuilt themes based on M3 | | e2a45bf1e | feat | core: Allow namespacing ripple-loader event handler (#28699) | | d679024de | feat | core: move Material 3 support into stable (#28913) | | 4ba4689dc | feat | core: namespace m2-specific theming APIs (#28892) | | 295fd67fa | feat | schematics: Add custom M3 theme schematic (#28766) | | b312b9491 | feat | schematics: use M3 themes in schematics | | f8bd658df | feat | theming: add ability to use sys variables (#28898) | | 49901c640 | fix | button-toggle: use radio pattern for single select Mat toggle button group (#28548) | | 5501d9b40 | fix | core: add migration for M2 theming APIs (#28927) | | 0ccc52830 | fix | core: export all available M3 palettes (#28975) | | a5ad288bf | fix | core: ripple loader not working in shadow DOM (#29015) | | ec9e83db4 | fix | datepicker: resolve repeater warnings in calendar (#29028) | | 6dc8f7e90 | fix | dialog: mark dialog content as scrollable (#28963) | | ae82909a9 | fix | schematics: Add css token renaming migration | | 3e9d3c394 | fix | schematics: add option to generate system variables in M3 schematic | | bdb17c6b3 | fix | schematics: Change themeTypes to a single select instead of a multiselect prompt in M3 theme schematic (#28997) | | c86359dd4 | fix | slide-toggle: no outline when selected in high contrast mode (#28979) | | d4e61e233 | fix | table: use ResizeObserver to react to size changes (#28783) | | a4fc0a097 | fix | theming: remove shadow css variable (#28953) | | 0bb5610d0 | fix | theming: restrict css color usage behind a flag (#28944) | | a332146ff | perf | core: speed up M3 compilation (#29009) |

cdk

| Commit | Type | Description | | -- | -- | -- | | d8a6c3edd | fix | observers: don't observe content of comments (#28858) | | 81fe8f322 | fix | observers: Run content changed callback in NgZone (#28870) | | 108cce33b | fix | overlay: Remove use of zone onStable to detach content (#28740) | | d91d0d424 | fix | scrolling: fix virtual scrolling jankiness with run coalescing (#28846) | | c8b62a154 | fix | scrolling: fix virtual scrolling jankiness with run coalescing (#28968) |

multiple

| Commit | Type | Description | | -- | -- | -- | | 4719da2c3 | feat | token overrides api (#28910) |

<!-- CHANGELOG SPLIT MARKER -->

<a name="17.3.10"></a>