Skip to content

Releases: angular/components

amber-ansible

25 May 21:37
@tinayuangao tinayuangao
2.0.0-beta.6
57c45a1
Compare
Choose a tag to compare
amber-ansible Pre-release
Pre-release

2.0.0-beta.6 amber-ansible (2017-05-25)

Bug Fixes

  • autocomplete: error when clicking outside instance without mdInput (#4573) (e6f7ace), closes #4555
  • autocomplete: restore focus to input when click on option (#4702) (eecf897), closes #4645
  • block-scroll-strategy: collapsing root node when enabled (#4638) (f11d46e)
  • button: complete ripple when button becomes disabled (#4372) (fce2868)
  • button: ripples blocking mouse events on user content (#4526) (9c4d601)
  • checkbox, radio: make disabled label disabled match spec color (#4507) (8159fcc)
  • chips: unable to tab out of chip list (#4605) (07a82ed), closes #4593
  • datepicker: calendar toggle submitting parent form (#4531) (84ea8b2), closes #4530
  • datepicker: export MD_DATE_FORMATS and MD_NATIVE_DATE_FORMATS (#4541) (58c252f), closes #4534
  • datepicker: make datepicker work in compatibility mode (#4686) (b5b762a)
  • datepicker: set cursor on clickable elements (#4542) (d2d67f5), closes #4533
  • datepicker: use default cursor on toggle when disabled (#4604) (1319355)
  • dialog: enable smooth scrolling on md-dialog-content (#4608) (3ae0dc6)
  • focus-origin: missing rxjs of operator (#4497) (05dbb90)
  • icon: handle icons as nodes (#4699) (3212411), closes #4680
  • input: continue checking for input child after initialization (#4569) (73d6814), closes #4551
  • input: thicken underline in error state, add underline animation (#4506) (0666207)
  • list-key-manager: remove handling for home and end keys (#4544) (2d16345), closes #3496
  • menu: close menu panel on escape (#4666) (210e57c), closes #3601
  • overlay: overlays potentially being rendered behind browser UI (#4664) (96549e8), closes #4650
  • platform: don't shadow window (#4622) (e8ab0da)
  • progress-bar: buffer animation not working on user-generated themes (#4525) (61f3987)
  • select: allow option with undefined or null value to clear selection (#3141) (13524c1), closes #3110 #2634
  • select: deselect old options when programmatically setting value (#4658) (db72b06)
  • select: option text color blending in with background on dark theme (#4568) (43e207c), closes #4560
  • slider: add aria-orientation (#4602) (0b5b624)
  • slider: make slider work with dark themes (#4489) (af48bb0)
  • snack-bar: remove text-transform uppercase (#4567) (82e53c5)
  • tabs: dynamic tab scrollbar showing while animating (#4524) (2a15cd7)
  • tooltip: not using trigger's text direction (#4413) (d8aeeaa), closes #4411
  • universal: gate platform checks on being on browser (#4635) (e4c7601)

Features

Assets 2

taffeta-admiral

13 May 00:22
@jelbourn jelbourn
2.0.0-beta.5
6121fa1
Compare
Choose a tag to compare
taffeta-admiral

Bug Fixes

  • list, option: fix ripples blocking mouse events on user content (#4503) (c4b3625), closes #4480
Assets 2

unobtainium-sunglasses

12 May 20:27
@kara kara
2.0.0-beta.4
aaa09b5
Compare
Choose a tag to compare
unobtainium-sunglasses Pre-release
Pre-release

Breaking Changes

  • MdIconModule no longer imports HttpModule. If your application depended on Http being provided through MdIconModule, you should now directly import HttpModule into your application.
  • The forRoot method on all Angular Material modules has been removed. It was previously deprecated and a no-op. Importing the modules directly will have the same effect.
  • Angular Material now requires TypeScript 2.2, which adds support for mixins.

Highlights

  • New datepicker component! This is still very new, so please try it out and file any issues you encounter on Github.
  • You can now disable Material's global sanity checks (at your own risk). These checks include whether your theme file is included, that you have a doctype, and more. See the PR here.
  • Our support for Angular Universal should be much improved! Expect further improvements in subsequent releases.

Bug Fixes

  • autocomplete: not scrolling to active option when pressing home/end (#3709) (8d0cd04)
  • autocomplete: not updating the size while the panel is open (#4346) (bfeb515)
  • autocomplete: panel not being shown with delay and OnPush change detection (#3977) (efd3485), closes #3955
  • autocomplete: reposition panel on scroll (#3745) (81a6f8d)
  • autocomplete: unable to click to select items in IE (#3188) (78985b7), closes #3351
  • button: ripple color for raised buttons (#3829) (7f65f31), closes #2901
  • card: update color property to use theme's text color. (#3952) (5e7af26)
  • cdk: add camelCase selectors for cdk directives (#4054) (cb98270)
  • checkbox: do not set indeterminate when set checked programmatically (#4024) (de8b97f)
  • checkbox: no side margin if label has no content (#2121) (4e8d806), closes #2011
  • checkbox: set pointer cursor for checkbox (#4473) (b2f93b5), closes #4185
  • checkbox: support OnPush for disabled with forms module (#4087) (efb39da)
  • checkbox, radio: ripple error on focus event (#3869) (e22b55e), closes #3856
  • chips: wrong margin on single chip (#4366) (5d03c1a), closes #4359
  • compatibility: error in theme check with angular universal (#3872) (a65d2f4), closes #3870
  • compatibility: throw better error when wrong prefix is used (#3871) (2d50044)
  • connected-overlay: better handling of dynamic content (#4250) (525ce1e), closes #4155
  • core: remove deprecated forRoot functions (#3539) (c94f471)
  • core: export MdOptionSelectionChange (#4285) (af978cd)
  • dialog: capture previously focused element immediately (#3875) (29968b8)
  • dialog: close all dialogs on popstate/hashchange (#2742) (85bc3a6), closes #2601
  • dialog: fire afterClosed callback after all dialog actions are done (#3892) (ee1a5a7)
  • dialog: provide default value for MD_DIALOG_DATA token (#4120) (d1128fe), closes #4086
  • dialog: restoring focus too early (#4329) (afaa2dc), closes #4287
  • dialog: unable to press escape to close in lazy-loaded module (#3788) (3796f69), closes #3737
  • focus-trap: import rxjs first operator (#4400) (2c8faf6)
  • grid-list: export MdGridTile. Fixes #2408 (#4000) (9d719c5)
  • input: add back pointer-events none removed in #3878 (#4206) (fb1fabc)
  • input: allow pointer events on placeholder (#3878) (32b7426)
  • input: incorrect height with autosize (#4084) (21f8899), closes #4070
  • input: input placeholder not being hidden in IE under certain conditions (#4478) (fc73a4b), closes #4464
  • input: make start and end hints interact well when their text needs to wrap (#3979) (21cbf34)
  • input: placeholder not rendering in Chrome under certain conditions (#4405) (5e349d9)
  • input: single-line hints overflowing the parent (#4107) (0b9b582), closes #4051
  • input-container: new attribute hideRequiredMarker (#4237) (6c31adb), closes #3681
  • list: fix padding for list items (#4486) (d1d2e18)
  • list: icon size in dense mode (#3913) (f412499), closes #3886
  • list: remove overflow hidden from content (#4426) (078aa19)
  • list: set explicit box-sizing on icon (#3876) (e263fb7), closes #3863
  • menu: incorrect panel max height (#4214) (d3210e7)
  • menu: unable to bind to xPosition and yPosition (#4213) (1fd50aa), closes #4169
  • menu: wrong icon margin in rtl (#4225) ([ba6b9bb](htt...
Read more
Assets 2

cesium-cephalopod

07 Apr 21:13
@jelbourn jelbourn
2.0.0-beta.3
f396657
Compare
Choose a tag to compare
cesium-cephalopod Pre-release
Pre-release

Breaking changes

Package structure

The package structure for Angular Material has changed to match that of Angular itself. This has
a few ramifications on applications consuming Angular Material:

  • Deep imports will no longer work, e.g., @angular/material/core/a11y. All public symbols
    should be imported directly from @angular/material. Deep imports have always been an anti-pattern,
    but our previous package structure inadvertently allowed them.
  • The imports for theming have changed.
    ** For prebuilt themes, you can now find the CSS files in the prebuilt-themes/ directory in the
    package root. For angular-cli projects, this will look something like
@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';

** For custom themes, you can now import theming.scss directly from the package root. Again, with
angular-cli, this will look something like:

@import '~@angular/material/theming';

Removal of deprecated symbols

  • The deprecated, Md-prefixed aliases for LiveAnnouncer, Platform, and
    UniqueSelectionDispacther have been removed.

MaterialModule

  • MaterialModule (and MaterialRootModule) have been marked as deprecated.

We've found that, with the current state of tree-shaking in the world,
that using an aggregate NgModule like MaterialModule leads to tools
not being able to eliminate code for components that aren't used.

In order to ensure that users end up with the smallest code size
possible, we're deprecating MaterialModule, to be removed in the a
subsequent release.

To replace MaterialModule, users can create their own "Material"
modul within their application (e.g., GmailMaterialModule) that
imports only the set of components actually used in the application.

Angular 4

  • Angular Material now depends on Angular 4.
  • Now that animations have been refactored into a separate package, users of @angular/material
    need to explicitly import BrowserAnimationsModule (or NoopAnimationsModule) from
    @angular/package-browser/animations as well as installing @angular/animations.

Bug Fixes

Read more
Assets 2

flannel-papaya

16 Feb 00:31
@andrewseguin andrewseguin
2.0.0-beta.2
c992e5f
Compare
Choose a tag to compare
flannel-papaya Pre-release
Pre-release

Breaking changes from beta.1

  • Styling is no longer prefixed by md-. All styling is now prefixed by mat- so that apps can upgrade from AngularJS Material to Angular Material without styling conflicts between the two library components.
    See (#2790) for the details on the code change and some useful regular expressions that can help migrate styles.

  • Checkbox tab index @input has been changed from tabindex to tabIndex. (#2953)

  • Ripple no longer has the mdRippleBackgroundColor input to change the background color. (#2859)

  • The deprecated use of <md-input> and <md-textarea> has been removed. Use mdInput on an input or textarea within a md-input-container. md-prefix and md-suffix are now mdPrefix and mdSuffix. (#2788)

    <md-input-container>
  <input mdInput name="value" ngModel>
</md-input-container>

  • The deprecated use of <md-sidenav-layout> has been removed. Use <md-sidenav-container> instead. (#2283)

  • Input floating placeholder @input has changed from a boolean (true and false) to a state (always, never, and auto) and was renamed from floatingPlaceholder to floatPlaceholder. For details on when to use which state, see (#2585)

  • The use of Module forRoot has been deprecated and will be removed in the next release. Instead, just simply import MaterialModule directly:

    @NgModule({
   imports: [
       ...
       MaterialModule,
       ...
   ]
...
});

Bug Fixes

  • autocomplete: add mat version of autocomplete @Input (#2928) (e5521a8)
  • autocomplete: allow basic use without forms directives (#2958) (4ee2980)
  • autocomplete: close panel when options list is empty (#2834) (8a3b6fd)
  • autocomplete: double-clicking input shouldnt close the panel (#2835) (18969f4)
  • autocomplete: hide instead of close when options empty (#2997) (a022035)
  • autocomplete: placeholder should float while panel is open (#2730) (eec4dc6)
  • autocomplete: scroll options below fold into view (#2728) (6c84603)
  • autocomplete: support rtl (#2648) (4f59ad0)
  • autocomplete: up arrow should set last item active (#2776) (fd5e4d9)
  • autosize: export md-autosize directive (#2432) (f2d73da), closes #2419
  • button: add default color for mat-raised-button (#3052) (6fe1d9a)
  • button: only flat button and icon buttons should inherit the color (#2561) (ac363df), closes #2539
  • button: raised buttons in dark theme (#3070) (87ab712)
  • button: reuse _getHostElement() to avoid redundant elementRef.nativeElement calls (#2625) (c7d1c17)
  • button-toggle: add the setDisabledState from ControlValueAccessor (#2430) (fb750b4)
  • button-toggle: conflict with radio component (#2343) (9e99374), closes #2274
  • button-toggle: make conform with design specs (#2570) (fed5d7b)
  • card: fix padding for md-card-actions in xs screens (#2567) (ad0df31)
  • checkbox: Emit event when checkbox's indeterminate value changes (#2130) (f11c5eb)
  • checkbox: rename tabindex to tabIndex (#2953) (b91964a)
  • checkbox: ripple color does not change (#2857) (7ac29f8)
  • checkbox, radio: not using theme border color (#2744) (07ec765)
  • compatibility: add missing mat- selectors (#2923) (f29f7ab)
  • connected-position-strategy: wrong logic when determining whether element is on screen (#2677) (e055d05), closes #2102 #2658
  • dialog: escape key not working once element loses focus (#3082) (a08dc55), closes #3009
  • dialog: prevent error when restoring focus on IE (#2771) (153fcd3), closes #2760
  • dialog: prevent the close button from submitting forms (#2659) (29f939a), closes #2599
  • dialog: use injector from viewContainerRef if provided (#2655) (be0da09)
  • docs: properly create links in guide files (#2770) (60f03ed)
  • icon: add caching of md-icon aria-label (#2649) (08e9d70), closes #2642
  • input: add more padding so that the hint doesn't overflow the container (#2246) (d7831d9)
  • input: camel-case md-prefix and md-suffix (#2639) (7562322), closes #2636
  • input: disable underline with reactive forms (#2565) (f9dd34f), closes #2558
  • input: disabled inputs should be grayed out (#2513) (ed3ffe0)
  • input: ensure that property bindings work (#2431) (b4b4224), closes #2428
  • input: fix chrome 56 warning (#2906) (62189a3)
  • input: fix placeholder for number input with bad input. (#2362) (52aa715)
  • input: hints not being read out by screen readers (#2856) (f899b5f), closes #2798
  • input: horizontal overflow in IE and Edge (#2784) (e0fe635)
  • input: properly determine input value (#2455) (3a11927), closes [#2441](https://github.com/angular/materi...
Read more
Assets 2

rebar-teacup

23 Dec 20:13
@jelbourn jelbourn
2.0.0-beta.1
026c70a
Compare
Choose a tag to compare
rebar-teacup Pre-release
Pre-release

Bug Fixes

  • Remove MdAutocompleteModule that was accidentally included in beta.0
  • Correct path to umd bundle in package.json (#2368) (d286e6d), closes #2366
Assets 2

velvet-pizza

22 Dec 23:55
@jelbourn jelbourn
2.0.0-beta.0
98be993
Compare
Choose a tag to compare
velvet-pizza Pre-release
Pre-release

Breaking changes from alpha.11

  • The svgSrc propert of <md-icon> has been removed. All SVG URLs must now be explicitly marked
    as trusted using Angular's DomSanitizer service.
  • The <md-input> element is deprecated in favor of <md-input-container>. This new component
    allows for direct access to the native input element.
  • All @Input properties have been changed to use their camelCase names for binding. The old names
    are still available as deprecated but will be removed in the next release.
  • All @Directive selectors are now camelCase to be consistent with Angular core. For example,
    [md-tooltip] is now [mdTooltip] The old selectors are still available as deprecated but will
    be removed in the next release.
  • <md-progress-circle> has been renamed to <md-progress-spinner>. The old selector and symbols
    are still available as deprecated but will be removed in the next release.
  • <md-sidenav-layout> has been renamed to <md-sidenav-container>. The old selector is still
    available as deprecated but will be removed in the next release.
  • Several components in core/, such as Overlay, have had their prefix changed to cdk- (short
    for "component dev kit"). This signifies that these are general-purpose tools for building
    components that are not coupled to Material Design.The old selectors are still
    available as deprecated but will be removed in the next release. The CSS classes have been changed.
  • The align property for md-checkbox and md-radio-button has been changed to labelPosition
    with values before and after.
  • MdTooltip properties are now prefixed, e.g., mdTooltipPosition, mdTooltipHideDelay, etc.

Note on HammerJS

HammerJS is now optional. It is still necessary for gestures to work within certain components, but
should no longer throw an error if it is missing.

Bug Fixes

  • a11y: add all providers to forRoot (#2222) (9272b4b), closes #2189
  • add re-exports for symbols needed by Aot (#2149) (c324142)
  • icon: remove svgSrc, only allow trusted urls (#1933) (4571561)
  • input: copy input state classes to md-input-container (#2191) (f0c4148)
  • input: fix underline color to match spec (#2167) (b850fed), closes #2126
  • input: label alignment in rtl (#2047) (7b3a059), closes #2034
  • input: treat number 0 as non-empty (#2245) (a818579)
  • input: unable to focus input in IE 11 (#2233) (8ec3a19)
  • overlay: proper backdrop stacking with multiple overlays (#2276) (b16031a), closes #2272
  • platform: Remove assumption of `window' in MdPlatform (#2221) (e436775)
  • positioning: fallback positions should work while scrolled (#2193) (8df30db)
  • progress-circle, progress-bar: bind color via [color] rather than attr.color (e4d2bef)
  • progress-spinner: Rename ProgressCircle to ProgressSpinner (#2300) (221c234)
  • select: clear select if no option matches value (#2110) (2855cc3), closes #2109
  • select: make invalid selector more specific (#2166) (a7c88c5)
  • sidenav: make focus-trap occupy full height of sidenav (#2145) (13223df)
  • sidenav: Rename md-sidenav-layout to md-sidenav-container. (#2183) (8f1c5a9)
  • slider: prevent thumb from getting stuck on Mobile Safari (#2142) (4adee46)
  • snack-bar: clean up element when associated viewContainer is destroyed (#2219) (db9608f), closes #2190
  • tabs: observing tab header label changes to recalculate width (#2186) (7ab4430), closes #2155
  • TSError: ? Unable to compile TypeScript when running 'gulp:build' (#2132) (714c2a4)
  • tests: snackbar ref has unnecessary observable.of (#2298) (d076bd3)
  • tooltip: add missing rxjs import (#2288) (ba7053f)

Features

  • make hammerjs optional (#2280) (28691ca)
  • chips: initial version of md-chip-list. (#2242) (f45c315) (#2046) (ba85883) (#2332) (3f2db27)
  • dialog: add dialog content elements (#2090) (cac72aa), closes #1624 #2042
  • checkbox, radio: change align to labelPosition (inverted) (#2289) (a1f9028)
  • connected-position: apply the fallback position that shows the largest area of the element (#2102) (4f5b9c5), closes #2049
  • core: add scrollable view properties to connected pos strategy (#2259) (b60d33f)
  • input: create md-input-container to eventually replace md-input (#2052) (ca2046b)
  • scroll: provide directive and service to listen to scrolling (#2188) (9b68e68)
  • sidenav: close via escape key and restore focus to trigger element (#1990) (a1331ec)
  • tooltip: add input for delaying show and hide (#2101) (e85d108)

Performance Improvements

  • sidenav: avoid extra repaints while scrolling (#2156) (b967712)
Assets 2

polyester-golem

08 Dec 21:29
@jelbourn jelbourn
2.0.0-alpha.11
0a9ba8b
Compare
Choose a tag to compare
polyester-golem Pre-release
Pre-release

NOTE: Be sure to delete your previous install of @angular/material and install it fresh, as
npm sometimes doesn't see that there is a more recent alpha release.

Bug Fixes

  • a11y: improved accessibility in high contrast mode (#1941) (5cf7d17), closes #421 #1769
  • button: ensure icons are aligned vertically. (#1736) (d3a50b3), closes #1093
  • button: improved tap responsiveness on mobile (#1792) (4183fbc), closes #1316
  • button: remove disabled attribute when disabled value is false for MdAnchor (#1789) (716372b)
  • checkbox: fix native checked not being checked when MdCheckbox initial checked value is true (#2055) (3fd3117)
  • checkbox, input, radio, slide-toggle: implement setDisabledState from ControlValueAccessor (#1750) (77a960c), closes #1171
  • dialog: add border radius (#1872) (6aa7e22), closes #1868
  • dialog: avoid subpixel rendering issues and refactor GlobalPositionStrategy (#1962) (1ea6d34), closes #932
  • dialog: backdrop not being removed if it doesn't have transitions (#1716) (accab20), closes #1607
  • elevation: change elevations to match spec (#1857) (c2597b6)
  • interactivity-checker: improve robustness of isTabbable (#1950) (4b7e52d)
  • list: prevent list item wrapper elements from collapsing (#2075) (27f9c99), closes #2012
  • list-key-manager: prevent the default keyboard actions (#2009) (a8355e4)
  • menu: reposition menu if it would open off screen (#1761) (7572e34)
  • overlay: prevent blurry connected overlays (#1784) (303dd69)
  • overlay-directives: update offsets if they change after overlay creation (#1981) (b36db15)
  • radio: fix radio group behavior on change (#1735) (bbc5f6a)
  • ripple: Always remove ripple after a certain period (#1915) (62cc830)
  • ripple: don't create background div until ripple becomes enabled (#1849) (d7a54ef)
  • ripple: Fix the ripple position when page is scrolled (#1907) (dd508ea)
  • sidenav: resolve promise as false rather than (#1930) (7816752)
  • slider: emit change event after updating value accessor (#1901) (8caf9a6)
  • slider: support for RTL and invert (#1794) (5ac29dd)
  • spinner: animation not being cleaned up when used with AoT (#1838) (83de14f), closes #1283
  • tab-link: avoid potential memory leak (#1877) (e332f15)
  • tabs: tabs should update when tabs are added or removed (#2014) (dfc580d)
  • tooltip: check tooltip disposed on animation hidden (#1816) (9c0d82a)
  • tooltip: don't show tooltip if message is empty or not present (#2081) (2701aae), closes #2078
  • tooltip: throw a better error when an invalid position is passed (#1986) (539e44e)

Features

  • select initial version of md-select (too many commits to list)
  • textarea: add md-autosize directive (this will be more useful once the md-input refactoring is complete) (#1846) (9ec17c0)
  • tabs: paginate tab header when exceeds width (#2084) (92e26d7)
  • tabs: add ripples to the tab group and nav bar links (#1700) (b9fe75a)
  • tabs: animate tab change, include optional dynamic height (#1788) (f6944e4)
  • tabs: md-stretch-tabs (#1909) (78464a2), closes #1353
  • button-toggle: add option for vertical toggle groups (#1936) (cb0d6fc), closes #1892
  • dialog: add configurable width, height and position (#1848) (bc6cf6e), closes #1698
  • dialog: add the ability to close all dialogs (#1965) (b2999c9)
  • focus-trap: add the ability to specify a focus target (#1752) (72ac7a0), closes #1468
  • icon: added color attribute to md-icon for icon theming (#1896) (da5febc)
  • overlay: emit position change event (#1832) (b79c953)
  • overlay: support min width and min height (#2063) (a695574)
  • overlay-directives: attach and detach events (#1972) (a5eab75)
  • overlay-directives: support fallback positions (#1865) (aa472a0)
  • sidenav: emit event when backdrop is clicked (#1638) (93807ed), closes #1427
  • sidenav: focus capturing (#1695) (b9c3304)
  • slider: keyboard support (#1759) (13b7dd0)
  • slider: vertical mode (#1878) (deb940f)
  • snackbar: add onAction to snackbar ref ([#1826](https://githu...
Read more
Assets 2

mithril-hoverboard

10 Nov 02:25
@jelbourn jelbourn
2.0.0-alpha.10
547a75d
Compare
Choose a tag to compare
mithril-hoverboard Pre-release
Pre-release

Breaking Changes

  • MdSnackbarConfig no longer takes a ViewContainerRef as a contructor argument because the
    ViewContainerRef is now optional.

  • Tabs no longer use an md-tab-content directive. Instead, the non-label content of the tab is
    used as its content. Labels can also be specified via attribute, so the tabs can now be given as:

    <md-tab-group>
  <md-tab label="Overview">
    This is the overview tab
  </md-tab>
  <md-tab label="Details">
    This is the details tab
  </md-tab>
</md-tab-group>

    You can still use md-tab-label to provide a label template.

Features

Bug Fixes

Read more
Assets 2

cobalt-kraken

27 Sep 14:15
@jelbourn jelbourn
2.0.0-alpha.9
fc9e55e
Compare
Choose a tag to compare
cobalt-kraken Pre-release
Pre-release

Breaking Changes

Angular Material has changed from @angular2-material/... packages to a single package under
@angular/material. Along with this change, there is a new NgModule, MaterialModule, that
contains all of the components. Build tools such as rollup.js can perform
tree-shaking to eliminate the code for components that you aren't using.

Features

Bug Fixes

Assets 2