6.0.0-beta.5
Pre-release
Pre-release
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-familyvariable has been removed. Use the Material typography or redeclare in your project$mat-font-family: Roboto, 'Helvetica Neue', sans-serif;. - datepicker:
MatDatePickernow requires an animations module to be loaded - datepicker:
selectedChangedhas been removed. UsedateChangeordateInputfromMatDatepickerInput. - button-toggle:
selectedis no longer an input and is now readonly. - snack-bar:
SHOW_ANIMATIONhas been removed. HIDE_ANIMATIONhas been removed.- icon: The
_documentparameter in theMatIconRegistryconstructor is now required. - list:
selectionChangeon theMatListOption, which was deprecated in 5.0.0 has been removed. UseselectionChangeon theMatSelectionListinstead. MatListOptionChangewhich was deprecated in 5.0.0 has been removed.- slider:
thumb-labelwhich was deprecated in 5.0.0 has been removed. UsethumbLabelinstead. tick-intervalwhich was deprecated in 5.0.0 has been removed. UsetickIntervalinstead.- tooltip:
tooltip-positionwhich was deprecated in 5.0.0 has been removed. UsematTooltipPositioninstead. - The
_defaultOptionsparameter in theMatTooltipconstructor 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:
removewhich was deprecated in 5.0.0 has been removed. Useremovedinstead. destroywhich was deprecated in 5.0.0 has been removed. Usedestroyedinstead.- text-field: The
_ngZoneparameter in theCdkTextareaAutosizeconstructor is now required. - sidenav: The
MatDrawerToggleResultclass has been turned into an type. - The promise returned from
open,closeandtogglenow resolves with theMatDrawerToggleResulttype rather than the class. alignwhich was deprecated in 5.0.0 has been removed. Usepositioninstead.openwhich was deprecated in 5.0.0 has been removed. Useopenedinstead.closewhich was deprecated in 5.0.0 has been removed. Useclosedinstead.align-changedwhich 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:
ConnectedOverlayDirectivewhich was deprecated in 5.0.0 has been removed. UseCdkConnectedOverlayinstead. OverlayOriginwhich was deprecated in 5.0.0 has been removed. UseCdkOverlayOrigininstead.hasBackdropwhich was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayHasBackdropinstead.openwhich was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayOpeninstead.scrollStrategywhich was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayScrollStrategyinstead.backdropClasswhich was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayBackdropClassinstead.minHeightwhich was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayMinHeightinstead.minWidthwhich was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayMinWidthinstead.heightwhich was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayHeightinstead.widthwhich was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayWidthinstead.offsetXwhich was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayOffsetXinstead.offsetYwhich was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayOffsetYinstead.positionswhich was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayPositionsinstead.originwhich was deprecated in 5.0.0 has been removed. UsecdkConnectedOverlayOrigininstead.- tabs:
mat-dynamic-heightwhich was deprecated in 5.0.0 has been removed. UsedynamicHeightinstead. selectChangewhich was deprecated in 5.0.0 has been removed. UseselectedTabChange.- checkbox:
alignwhich was deprecated in 5.0.0 has been removed. UselabelPositioninstead. 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
rendererparameter inFocusMonitor.monitorhas been removed. cdk-focus-trapwhich was deprecated in 5.0.0 has been removed. UsecdkTrapFocusinstead.- autocomplete: The
defaultsparameter in theMatAutocompleteconstructor 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.
FloatPlaceholderTypewhich was deprecated in 5.0.0 has been removed. UseFloatLabelTypeinstead.PlaceholderOptionswhich was deprecated in 5.0.0 has been removed. UseLabelOptionsinstead.MAT_PLACEHOLDER_GLOBAL_OPTIONSwhich was deprecated in 5.0.0 has been removed. UseMAT_LABEL_GLOBAL_OPTIONSinstead.- snack-bar:
extraClasseswhich was deprecated in 5.0.0 has been removed. UsepanelClassinstead. - portal: The
portalHostandcdkPortalHostinputs which were deprecated in 5.0.0 have been removed. UsecdkPortalOutletinstead.
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
Bug Fixes
- badge: invalid style declaration and too broad transition (#10433) (c14cf7c)
- bottom-sheet: error when attempting to open multiple instances quickly (#10147) (34e96f5)
- button: theme font color being overwritten (#9771) (c3a8d0c), closes #4614 #9231 #9634
- checkbox: setting blank aria-label by default (#10281) (c12d7c4)
- chip-list: set key manager active index to -1 when blurred (#10335) (b10fff4)
- chips: form field label pointing to non-existing elements (#9908) (9337ae1)
- datepicker: server-side rendering error for disabled input (#10249) (af4fc9b), closes #10248
- icon: namespace error when registering an icon on the server (#10175) (498534b), closes #10170
- input: setting blank placeholder by default (#10277) (889a9f2)
- overlay: clear last calculated position when new set of positions is provided (#10462) (cdb6e40), closes #10457
- overlay: incorrect bounding box bottom position when page is scrolled and content is flowing upwards (#10463) (1dd8a27)
- overlay: incorrect bounding box styles if position is exactly zero (#10470) (eefa9c4)
- overlay: opaque backdrop appearing solid in high contrast mode (#10252) (8366ec6)
- select: scroll strategy token cannot inject overlay (#10535) (3eb71c2)
- table: move padding from rows to cells (#10499) (e0321db)
- tree: fix mat-tree paddings (#10349) (d065aea)
- tree: invalid style declaration during server-side rendering (#10326) (c205749), closes #10131
Code Refactoring
- a11y: remove 6.0.0 deletion targets (#10325) (7a42c35)
- autocomplete: remove 6.0.0 deletion targets (#10319) (0af5bca)
- button-toggle: remove 6.0.0 deletion targets (#10416) (f0bf6e7)
- checkbox: remove 6.0.0 deletion targets (#10342) (9f8eec1)
- chips: remove 6.0.0 deletion targets (#10311) (1a8106d)
- datepicker: remove 6.0.0 deletion targets (#10413) (8bc7ee9)
- form-field: remove deprecated @inputs (#10294) (f133da9), closes #10164
- form-field: remove deprecated CSS classes (#10296) (aa2356d)
- form-field: remove deprecated placeholder options. (#10291) (26ee3e7)
- icon: remove 6.0.0 deletion targets (#10389) (e8af5ae)
- list: remove 6.0.0 deletion targets (#10398) (d8a365e)
- overlay: remove 6.0.0 deletion targets (#10161) (54252d5)
- portal: remove 6.0.0 deletion targets (#10257) (88abd9e)
- select: remove 6.0.0 deletion targets (#10163) (2b745c4)
- sidenav: remove 6.0.0 deletion targets (#10279) (c1d4666)
- slider: remove 6.0.0 deletion targets (#10373) (c8cc414)
- snack-bar: remove 6.0.0 deletion targets (#10253) (88bb6f3)
- snack-bar: remove overly broad animation variables (#10405) (9f3bf27)
- tabs: remove 6.0.0 deletion targets (#10309) (4d05cda)
- text-field: make constructor parameters required (#10431) (5e5aae3)
- tooltip: remove 6.0.0 deletion targets (#10344) (999cb57)
- typography: remove deprecated variable (#10430) (9a1ae9c)