Releases: angular/components
Releases · angular/components
6.0.0-rc.4
6.0.0-rc.3
Bug Fixes
- button-toggle: selected value not being maintained when changing value while toggles are being swapped out (#10707) (dec91ce), closes #10690
- focus-monitor: server-side rendering error when using focusVia (#10729) (44a0a4f)
- radio: checked radio button indistinguishable in high contrast mode (#10753) (a74099f)
- schematics: schematics now functioning with Angular CLI v6 (#10703) (023e8f4)
6.0.0-rc.2
Features
- coercion: add utility for coercing CSS values (#10654) (e30824c)
- icon: allow SVG icons to be registered from strings (#10757) (57efa13), closes #3132
- overlay: add the ability to set the default offsets on FlexibleConnectedPositionStrategy (#10555) (bcff93e)
- table: support native table selectors (#10594) (7774da2)
Bug Fixes
- autocomplete: panel width not being updated on window resize (#10629) (2dc4e70)
- badge: incorrectly handling rtl (#10630) (9c1f8a9)
- button-toggle: changed after checked error for repeated toggles with a preselected value (#10612) (9a3d3e8)
- button-toggle: setting blank aria-label attribute by default (#10605) (95dba59)
- datepicker: avoid accidental form submissions through calendar buttons (#10515) (edb57f9), closes #10514
- datepicker: close datepicker popup on alt + up arrow (#10662) (446ef66)
- datepicker: export
MatCalendarHeader
(#10633) (5df1af6) - datepicker: nested animation not working (#10355) (9fff92f), closes #9134
- datepicker: overly broad selector in theme (#10372) (5b7a6a3)
- datepicker: reformat valid values on blur (#10777) (603dfa4), closes #10645
- focus-monitor: hitting ngzone when using focusVia (#10608) (b38b966)
- focus-trap: wrong element being checked when logging deprecation warning (#10578) (52493d1)
- form-field: run change detection when prefix or suffix changes (#10670) (515cc06)
- form-field: server-side rendering error with outline appearance (#10719) (39887da)
- overlay: centered flexible positioning not working in some browsers (#10701) (dfc3b02)
- overlay: incorrect bottom offset using upward-flowing flexible position with a viewport margin (#10650) (306b704)
- platform: change isBrowser check to use Angular PLATFORM_ID (#10659) (f023579)
- progress-spinner: set spinner width to match diameter. (#10314) (c64cb7e)
- sidenav: remove dependency on OverlayModule (#10357) (27ef2dc)
- slide-toggle: run timeout outside the NgZone (#10655) (6f7765e)
- stepper: header icon collapsing with very long labels (#10341) (5b5f2ee), closes #10332
- stepper: horizontal stepper cutting off bottom part of content (#10644) (4fbde10), closes #10634
- table: MatTableDataSource incorrectly sorting zero (#10561) (bcb5697), closes #10556
- table,sort,paginator: incorrect spacing in rtl (#10617) (46ca6ce)
- tabs: hide mat-tab-nav-bar ink bar when no link is active (#9701) (51206ee), closes #9671
- tabs: tab content portal not being cleaned up on destroy (#10661) (2e3393a)
- theme: apply base theme classes at location the theme is included (#10737) (2aba8ab)
- tooltip: error when updating position while closed (#10704) (6449ae1)
- tree: fix exported symbol cannot be named error. (#10626) (6729b6d)
- tree: fix nested node cannot expand/collapse multiple times (#10671) (5570beb)
- tree: fix nested node is not working (#10635) (7857b92)
6.0.0-rc.0
Known issues
- MatButtonToggleGroup causes ExpressionChangedAfterItHasBeenCheckedError (#10607)
- focus-trap: wrong element being checked when logging deprecation warning (#10578)
Bug Fixes
- bottom-sheet: handle overflowing content (#10533) (cb6d469)
- datepicker: add back MAT_DATE_LOCALE_PROVIDER (#10602) (7fd7ad3)
- datepicker: incorrect icon color (#10458) (4e298a6)
- datepicker: set canPush to false for position strategy (#10609) (67c7348)
- drawer: better handling of high contrast mode (#10418) (ff2860f)
- input: inaccurate textarea check during server-side render (#10467) (dda1d04)
- overlay: CdkConnectedOverlay ignoring offset from position config (#10451) (1659004)
- select: MatOption state change stream not being completed (#10540) (b8bb62f)
- slider: unable to slide to max value under certain conditions (#10364) (d50fd3d), closes #10148
- sort: add aria-sort to host when sorted (#6891) (63f713f)
- tree: fix the MatTreeNodeOutlet not exported issue (#10581) (0b8240c)
- tree: improve nested tree node & fix nested tree control (#10454) (2ddc257)
Features
- cdk/keycodes: add 0 and 9 numerical keypad codes (#10562) (d5cd0d6)
- stepper: allow number icon to be customized and expose template context variables (#10516) (946fd84), closes #10513
- tabs: Allow tab ink bar positioning to be determined with a provided method. (#9972) (02f5256)
- tooltip: allow for position to be updated while open (#10362) (04045d2)
6.0.0-beta.5
This release contains many breaking changes due to the deletion of deprecated targets. We are
currently working on a tool that will help migrate your app if you are affected by these changes.
We expect to have the tool ready when we release version 6.0.0.
BREAKING CHANGES
- typography: The
$mat-font-family
variable has been removed. Use the Material typography or redeclare in your project$mat-font-family: Roboto, 'Helvetica Neue', sans-serif;
. - datepicker:
MatDatePicker
now requires an animations module to be loaded - datepicker:
selectedChanged
has been removed. UsedateChange
ordateInput
fromMatDatepickerInput
. - button-toggle:
selected
is no longer an input and is now readonly. - snack-bar:
SHOW_ANIMATION
has been removed. HIDE_ANIMATION
has been removed.- icon: The
_document
parameter in theMatIconRegistry
constructor is now required. - list:
selectionChange
on theMatListOption
, which was deprecated in 5.0.0 has been removed. UseselectionChange
on theMatSelectionList
instead. MatListOptionChange
which was deprecated in 5.0.0 has been removed.- slider:
thumb-label
which was deprecated in 5.0.0 has been removed. UsethumbLabel
instead. tick-interval
which was deprecated in 5.0.0 has been removed. UsetickInterval
instead.- tooltip:
tooltip-position
which was deprecated in 5.0.0 has been removed. UsematTooltipPosition
instead. - The
_defaultOptions
parameter in theMatTooltip
constructor is now required. - select:
onOpen
, which was deprecated in 5.0.0, has been removed. onClose
, which was deprecated in 5.0.0, has been removed.change
, which was deprecated in 5.0.0, has been removed.- chips:
remove
which was deprecated in 5.0.0 has been removed. Useremoved
instead. destroy
which was deprecated in 5.0.0 has been removed. Usedestroyed
instead.- text-field: The
_ngZone
parameter in theCdkTextareaAutosize
constructor is now required. - sidenav: The
MatDrawerToggleResult
class has been turned into an type. - The promise returned from
open
,close
andtoggle
now resolves with theMatDrawerToggleResult
type rather than the class. align
which was deprecated in 5.0.0 has been removed. Useposition
instead.open
which was deprecated in 5.0.0 has been removed. Useopened
instead.close
which was deprecated in 5.0.0 has been removed. Useclosed
instead.align-changed
which was deprecated in 5.0.0 has been removed. UsepositionChanged
.- form-field: - dividerColor which was deprecated in 5.0.0 has been removed. Use color instead.
- floatPlaceholder which was deprecated in 5.0.0 has been removed. Use floatLabel instead.
- overlay:
ConnectedOverlayDirective
which was deprecated in 5.0.0 has been removed. UseCdkConnectedOverlay
instead. OverlayOrigin
which was deprecated in 5.0.0 has been removed. UseCdkOverlayOrigin
instead.hasBackdrop
which was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayHasBackdrop
instead.open
which was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayOpen
instead.scrollStrategy
which was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayScrollStrategy
instead.backdropClass
which was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayBackdropClass
instead.minHeight
which was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayMinHeight
instead.minWidth
which was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayMinWidth
instead.height
which was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayHeight
instead.width
which was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayWidth
instead.offsetX
which was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayOffsetX
instead.offsetY
which was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayOffsetY
instead.positions
which was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayPositions
instead.origin
which was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayOrigin
instead.- tabs:
mat-dynamic-height
which was deprecated in 5.0.0 has been removed. UsedynamicHeight
instead. selectChange
which was deprecated in 5.0.0 has been removed. UseselectedTabChange
.- checkbox:
align
which was deprecated in 5.0.0 has been removed. UselabelPosition
instead. Note that the values are different. - form-field: - The following deprecated CSS classes have been removed:
- mat-input-container instead use mat-form-field
- mat-input-invalid instead use mat-form-field-invalid
- mat-input-wrapper instead use mat-form-field-wrapper
- mat-input-flex instead use mat-form-field-flex
- mat-input-prefix instead use mat-form-field-prefix
- mat-input-infix instead use mat-form-field-infix
- mat-input-placeholder-wrapper instead use mat-form-field-label-wrapper
- mat-input-placeholder instead use mat-form-field-label
- mat-input-suffix instead use mat-form-field-suffix
- mat-input-underline instead use mat-form-field-underline
- mat-input-ripple instead use mat-form-field-ripple
- mat-input-subscript-wrapper instead use mat-form-field-subscript-wrapper
- mat-input-hint-wrapper instead use mat-form-field-hint-wrapper
- mat-input-hint-spacer instead use mat-form-field-hint-spacer
- mat-form-field-placeholder-wrapper instead use mat-form-field-label-wrapper
- mat-form-field-placeholder instead use mat-form-field-label
- a11y: The
renderer
parameter inFocusMonitor.monitor
has been removed. cdk-focus-trap
which was deprecated in 5.0.0 has been removed. UsecdkTrapFocus
instead.- autocomplete: The
defaults
parameter in theMatAutocomplete
constructor is now required. - form-field: MatFormFieldControl.shouldPlaceholderFloat which was deprecated in 5.0.0 has been removed. * MatFormFieldControl.shouldLabelFloat is no longer optional and should be used instead.
FloatPlaceholderType
which was deprecated in 5.0.0 has been removed. UseFloatLabelType
instead.PlaceholderOptions
which was deprecated in 5.0.0 has been removed. UseLabelOptions
instead.MAT_PLACEHOLDER_GLOBAL_OPTIONS
which was deprecated in 5.0.0 has been removed. UseMAT_LABEL_GLOBAL_OPTIONS
instead.- snack-bar:
extraClasses
which was deprecated in 5.0.0 has been removed. UsepanelClass
instead. - portal: The
portalHost
andcdkPortalHost
inputs which were deprecated in 5.0.0 have been removed. UsecdkPortalOutlet
instead.
Features
- button-toggle: general component cleanup and support value input in multiple mode (#9191) (a403bac), closes #2773 #2773 #9058
- cdk: switch injectables to new scope API (#10301) (6405da9)
- cdk-input: move input autofill and autosize utils into cdk (#9831) (ced9c90)
- chips: allow for separatorKeyCodes to be configured globally (#10264) (3c8a498), closes #10256
- datepicker: add animation to calendar popup (#8999) (c42549e)
- datepicker: Add Custom Header to DatePicker (#9639) (4e1bb26)
- form-field: allow setting default appearance via provider (#9815) (158b1db)
- icon: add input for inline styling of icons (#9984) (be1fc08)
- icon: add utility to mirror icons in RTL (#10327) (11a3fe1), closes #10045
- material: use scoped injectables (#10507) (f7b5d34)
- overlay: add support for flexible connected positioning (#9153) (27e5f6e), closes #6534 #2725 #5267
- schematics: dashboard schematic (#10011) (6273d6a)
- schematics: navigation schematic (#10009) (279c112)
- schematics: table schematic (#10012) (e7533a5)
- tabs: support stretched tabs in mat-tab-nav-bar (#10368) (89ea485), closes [#8871](...
6.0.0-beta-4
Highlights
- New tree component! The base behavior lives in
@angular/cdk
with Material Design flavors in
@angular/material
.
Bug Fixes
- button: hide overflow of buttons to prevent overflow of hover/ripple (#9424) (915a2b7)
- avoid layout jumping on elements with ripples in RTL (#10026) (900716a)
- chips: Update chips in chip list, and add margin to chip input (#8579) (67e710c)
- datepicker: improve native adapter DST handling (#10068) (2fad732)
- dialog: actions not being pulled down when trapping focus (#10007) (8a402d0), closes #9722
- dialog: don't provide directionality if user injector has one already (#10004) (e3d7aec)
- expansion-panel: entire body content being shown on animation start (#10138) (b4b76bd), closes #10134
- grid-list: default to LTR when Directionality value is empty (#10111) (64ef3a8)
- grid-list: invalid style declaration during server-side rendering (#10131) (a27d9df)
- list: align avatar size in dense list with spec (#10028) (d4a4f61), closes #10019
- list-key-manager: not ignoring vertical key events in horizontal-only mode (#10075) (ffbb425)
- menu: detach lazily-rendered content when the menu is closed (#10005) (bb1803d), closes #9915
- overlay: hide overlay container when there are no attached overlays (#10139) (4b528f6), closes #6882 #10033
- paginator: first/last icons being thrown off on IE and Edge; simplify icon setup (#9776) (dd082cb)
- select: animation jumping on IE11 (#10050) (a5909db)
- selection-list: improve accessibility of selection list (#10137) (51fce51), closes #9995
- selection-list: repeated preselected items not appearing as selected with OnPush parent (#10100) (cdd224a), closes #10090
- tree: fix type error in tree (#10095) (6d94aec)
Features
- list-key-manager: accept item references in setActiveItem (#10029) (92ed9c8)
- menu: allow for backdrop class to be customized (#10097) (2ece035), closes #10062
- menu: allow for backdrop to be disabled (#10070) (e42f0bc), closes #9938
- snack-bar: add injection token for overriding the default options (#9849) (a943b36), closes #9821
- stepper: require users to visit non-optional steps (#10048) (77c8d8f)
- tree: merge tree branch to master (#9796) (c975ca8)
ash-submarine
Bug Fixes
- chips: Update chips in chip list, and add margin to chip input (#8579) (3074b45)
- expansion-panel: entire body content being shown on animation start (#10138) (35b66f9), closes #10134
- menu: detach lazily-rendered content when the menu is closed (#10005) (37b1a09), closes #9915
- menu: Fix #10005 lint error (c8ca770)
- overlay: hide overlay container when there are no attached overlays (#10139) (d0bc91d), closes #6882 #10033
- paginator: first/last icons being thrown off on IE and Edge; simplify icon setup (#9776) (85f9491)
- selection-list: improve accessibility of selection list (#10137) (cbe11d4), closes #9995
diamond-silhouette
Bug Fixes
- cdk-dialog: decorate dialog as an injectable (#10052) (07b4250)
- datepicker: improve native adapter DST handling (#10068) (2837196)
- avoid layout jumping on elements with ripples in RTL (#10026) (c93103b)
- dialog: actions not being pulled down when trapping focus (#10007) (9a39e24), closes #9722
- dialog: don't provide directionality if user injector has one already (#10004) (6ec0af1)
- grid-list: default to LTR when Directionality value is empty (#10111) (65810bc)
- grid-list: invalid style declaration during server-side rendering (#10131) (1576a99)
- list: align avatar size in dense list with spec (#10028) (7d81b6f), closes #10019
- list-key-manager: not ignoring vertical key events in horizontal-only mode (#10075) (f31a2f1)
- selection-list: repeated preselected items not appearing as selected with OnPush parent (#10100) (f93d0f4), closes #10090
- stepper: require users to visit non-optional steps (#10048) (d26aa6e)
6.0.0-beta.2
Bug Fixes
- badge: AoT and server-side rendering errors (#9935) (06b4017)
- badge: hard to see in high contrast mode (#9973) (1b2f90c)
- badge: incorrectly setting aria-describedby (#9957) (aed7e8a)
- badge: move styles into the theme mixin (#9999) (00a6c90)
- badge: remove top-level ampersand selectors from theme mixin (#9991) (bd7a408), closes #9990
- bottom-sheet: inject correct directionality in child components (#9996) (9d784a0)
- button: inconsistent overflow value between browsers (#9933) (9d19291)
- chips: Fix chip and chip list selectable (#9955) (949a69b)
- expansion-panel,menu,select: nested animations not working (#9134) (1e2b79a), closes #8814 #8953
- input: AutofillMonitor stream not being completed when stopping monitoring (#9886) (87bbfc5)
- overlay: default to global directionality (#9994) (47674f1), closes #9817
- tooltip: memory leak in _setTooltipMessage (#6782) (66a01fb)
Features
- button-toggle add ripples to button-toggle (#9891) (53417d4), closes #9442
- autocomplete: add opened/closed events to panel (#9904) (82c5ff0), closes #9894
- badge: add badge component (#7483) (c98d217)
- bottom-sheet: add result param when dismissing bottom sheet (#9810) (98a6910)
- datepicker: add theming support (#9407) (0383704)
- drawer: allow for backdrop to be disabled (#9381) (6d4e052), closes #5300
- schematics: add material scaffolding schematic (#9883) (45399c6)
- typography: add letter-spacing configuration to typography configs. (#9932) (f30609c)
5.2.2 cork-yacht
Bug Fixes
- aria-describer: better handling of non-string values (#9959) (d351e33)
- list: list-options require a parent selection list (#9899) (8cca2c2)
- list-key-manager: infinite loop if all items are disabled (#9981) (775f560)
- menu: not picking up indirect descendant items (#9971) (14b21e9), closes #9969
- overlay: expose backdropClick mouse event in ConnectedOverlayDirective (#9845) (5a1e7fe)
- platform: potential error if CSS object is undefined (#9968) (3212111), closes #9801
- select: icons inside option not centered (#9982) (ecc7f53), closes #9978
- select: lock dropdown position when scrolling (#9789) (30b90a2)
- selection-list: incorrect cursor if disabled (#9963) (13e809a), closes #9952
- tabs: ink bar not visible in high contrast mode (#9997) (1ba04eb)
- theming: add aliases for alternate spelling of "grey" (#9903) (36e1bc0)
- viewport-ruler: fix server-side rendering errors when attempting to measure the viewport (#9870) (ac4cd91)