Skip to content

Releases: angular/components

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
Loading

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
Loading

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
Loading

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
Loading

ectoplasm-helicopter

02 Sep 19:33
@kara kara
2.0.0-alpha.8
9a991cc
Compare
Choose a tag to compare
ectoplasm-helicopter Pre-release
Pre-release

Breaking Changes

  • all: we've updated our packaging to match angular/angular's packaging. If you're using SystemJS in your project, you will probably want to
    switch to using our UMD bundles. Example config:
'@angular2-material/core': {
    format: 'cjs',
    main: 'core.umd.js'
  }

You can see a more detailed example in our demo app's system config here.

  • all: material modules must be included with forRoot() when bootstrapping. See the ngModules guide for
    more information.
@NgModule({
    imports: [
        MdCoreModule.forRoot()
        MdRadioModule.forRoot(),
        MdIconModule.forRoot()
    ]
...
});
  • input: md-input attributes now match the casing of native attributes. Previously they were camel-cased; now they are all lowercase.
    Example: autoComplete is now autocomplete. See #1066 for a full list.
  • overlay: overlays are now synchronous. This means actions like creating an overlay no longer return a promise.

Bug Fixes

  • button: hover styles no longer applied to disabled buttons (#909) (21e419d), closes #866
  • button: stop using Type from @angular (#991) (97d3ed3)
  • button-toggle: toggle group should not emit an initial change event. (#1144) (e5830d1)
  • card: remove unnecessary intermediate div (#1068) (b5e1e33)
  • checkbox: export TransitionCheckState enum (#1147) (cda90f3)
  • input: make attributes match native ones (#1066) (f3a7b91), closes #1065
  • ngc: _onDragStart/End are called with one param (#1113) (6e5d260), closes #1112
  • ngc: don't emit HTMLElement in JS files (#1061) (32eacd2)
  • rc6: add directives for custom elements that are part of the APIs. (#1121) (2c0dfcb)
  • sidenav: turn off view encapsulation and refactor css (#1114) (97fe211)
  • tabs: change missed md-active to md-tab-active (#1044) (87b6193)

Features

Assets 2
Loading

wax-umpire

09 Aug 20:31
@jelbourn jelbourn
2.0.0-alpha.7
6e99d90
Compare
Choose a tag to compare
wax-umpire Pre-release
Pre-release

Bug Fixes

  • checkbox: wrong cursor when disabled (#908) (5251c27), closes #907
  • checkbox, slide-toggle: only emit change event if native input emitted one. (#820) (d52e6e0), closes #575
  • gestures: custom recognizers should not inherit twice. (#902) (c68efbd)
  • gestures: ensure drag and pan are recognized with slide (#901) (3179fec)
  • input: ensure all of label displays on safari (#871) (c8303b4), closes #795
  • overlay: lazily create container (#894) (1efbbb9)
  • progress-circle: correct elapsed time calculation (#927) (0b17cd3), closes #926
  • progress-circle: remove performance.now to support non browser envs (#857) (14c1765)
  • progress-circle: remove references to window (#838) (66ddd3a), closes #837
  • radio: only emit change event if native input does. (#911) (23a61ab), closes #791
  • slide-toggle: fix runtime exception for incorrect mousedown binding. (#828) (bbbc87f), closes #828
  • fix type mismatches when offline compiling. (#835) (4bb7790)

Features

Note that NgModules are now the supported way of including the Material components in your app.
The MD_XXX_DIRECTIVES constants are now deprecated and will be removed in alpha.8.

  • tooltip: initial tooltip implementation (#799) (f5e2a81)
  • md-slider: initial version for md-slider (#779) (8354750)
  • md-menu initial version for md-menu (more features coming in alpha.8) (#893) (16eb6be) (#855) (e324e47) (#867) (9a32489)
  • ripple: initial mdInkRipple implementation (#681) (47448cb)
  • button: add ripple to md-button (32aa461)
  • input: support autocapitalize and autocorrect attributes (#858) (b2471f2)
  • slide-toggle: add drag functionality to thumb (#750) (25b4f21)

In-progress, not yet released

  • dialog: add styles and ability to close. (#862) (758b851)
  • dialog: initial framework for md-dialog (#761) (9552ed5)

Code health

BREAKING CHANGES

  • radio: radio-button will no longer emit change event on de-select.
Assets 2
Loading

carbonfiber-discotheque

30 Jun 15:40
@jelbourn jelbourn
2.0.0-alpha.6
7635e72
Compare
Choose a tag to compare
carbonfiber-discotheque Pre-release
Pre-release

Breaking changes

  • MdRadioDispatcher is now MdUniqueSelectionDispatcher and is imported from core
  • Form controls use the new @angular/forms package. To make migration easier, you can
    alternatively install alpha.5-3, which is the same as alpha.6 without the new forms package.
    Please see the docs for the new forms module.

Bug Fixes

  • button: add the focus() method to buttons. (#643) (a6e74ce), closes #510
  • button: focus state matches spec (#467) (b24d321)
  • checkbox: checkbox animation works in Safari (#594) (0a9fb83)
  • checkbox: prevent double click events (#672) (afed818), closes #671
  • core: resolve compilation errors for latest Typescript 1.9 (#624) (e366fa0), closes #624
  • demo-app: resolve mapping paths in relative. (#566) (421828a), closes #566
  • forms: update components to new forms module (#745) (653fcee)
  • grid-list: account for gutter in total list height (#545) (b47097d)
  • input: Fix floating label width (#689) (cf2703c), closes #689 #688
  • input: placeholder text is hidden by parent visibility (#680) (b407278), closes #670
  • overlay: add a z-index. (#615) (89ab2f5)
  • progress-bar: determinate state reflects value (#542) (6b86df0), closes #519
  • radio: fix the baseline of radio buttons (#642) (31f0c7f), closes #642
  • radio: model should update before change event is fired (#456) (c923f56), closes #448
  • radio: support aria-label(ledby) on md-radio (#586) (#596) (8ccc49b)
  • release: make resource-inlining regex non-greedy (#653) (e808452)
  • sidenav: md-content now fills height (#703) (e10172c), closes #606
  • sidenav: resolve compilation errors for latest Typescript 1.9 (#627) (f7f0b4a), closes #627
  • slide-toggle: apply typography styles to slide-toggle (#634) (bbd96e8), closes #633
  • slide-toggle: stop change event firing upon init (#713) (f21b2f4), closes #709
  • spinner: omit min/max/value for indeterminate and correctly set mode (#640) (a5944da)
  • tabs: adds support for async tabs (#639) (231467d), closes #574
  • tabs: removes minimum height (#641) (750a8e3), closes #570
  • theme: fix card and list colors for dark themes (#667) (ce27341), closes #667 #350
  • toolbar: disable view encapsulation. (#678) (5c4dc04), closes #676
  • add event object for slide-toggle and checkbox. (#554) (55cc197), closes #552
  • include scss sources in packages (#536) (fd02b10)
  • remove @internal where it would make tsc fail (#538) (efd1be2)
  • remove circular deps and ci check (#608) (fda5617)
  • remove duplicated typing. TS stdlib provides enough for e2e tests (#637) (a68597e)
  • resolve errors w/ Closure Compiler. (#659) (fbdb35b), closes #659
  • visually hidden inputs should not bubble change event (#551) (d037ed3), closes #544

Features

  • grid-list: add header and footer support (43806f6)
  • overlay: add connected overlay directive (#496) (3b527e8)
  • tabs: adds focus/select events (#649) (497a3c1), closes #569
  • tabs: adds support for two-way bindings on selectedIndex (#702) (8df3246), closes #687

Performance Improvements

  • progress-circle: clean up animation on destroy (#617) (63f43bd)
Assets 2
Loading

2.0.0-alpha.5 granite-gouda

26 May 00:49
@jelbourn jelbourn
2.0.0-alpha.5
5367a69
Compare
Choose a tag to compare
2.0.0-alpha.5 granite-gouda Pre-release
Pre-release

Bug Fixes

  • checkbox: change event should now fire on first change(7a9df1e), closes #481
  • gestures: ensure default gestures are not overwritten by custom gestures(523929c)
  • gestures: export gesture config as part of core (#488)(0d04e01)
  • input: adds blur and focus event support (#449)(f6f5af3), closes #337
  • input: adds support for name property for input element (#452)(f53ffdb), closes #446
  • input: input element should have a different id from outer element (#450)(be5e93a), closes #320
  • input: inputs now work in IE11 (#469)(de2a9f2), closes #336
  • input: make native input background transparent (#468)(d2c6cb8), closes #277
  • input: undo firefox invalid style, fix maxlength in IE (#393)(dfe683b), closes #393 #342 #388
  • input: use the right ID for the label. (#515)(06aa3f1), closes #512
  • list: adds focus state for nav-list items (#502)(34b210c), closes #323
  • list: removes outline from focus state (#511)(91ad1c8)
  • progress-circle: support IE11 (#375)(f22fa86), closes #295
  • radio: refactor tests and fix ngModel (#443)(a25a8da), closes #443
  • radio: remove event global so radio works in node(c32b06d), closes #425
  • radio: unsetting the model will deselect all radio buttons (#441)(8af16e8), closes #327
  • sidenav: add scrolling style to enable momentum scroll(c566242)
  • sidenav: fixes sidenav RTL listening for side mode (#465)(4e1d85e), closes #465 #411
  • sidenav: removes margin transitions (#460)(4b488e1), closes #404
  • sidenav: switches to translate3d() for content positioning (#484)(357ee4c)
  • sidenav: treat opened as boolean attribute. (#444)(e977984), closes #300
  • misc: adds directive constants to all components (#514)(fb89d4f), closes #513
  • misc: correct access-level on many APIs (#437)(358af3b)
  • misc: ensure custom error messages are set(4a25b7f)

Features

  • tabs: adds the md-tab-group component (#376)(ada285c)
  • grid-list: add grid-list component(0f89b8d)
  • slide-toggle add slide-toggle component. (#362)(e09a5bf)
  • checkbox: drive component with native checkbox (#415)(10ac2be), closes #250
  • input: add focus function on host element (#407)(0323844)
  • input: add support for more input attributes (#447)(911bfae)
  • overlay: add connected position strategy (#335)(7f3b1bd)
Assets 2
Loading

2.0.0-alpha.4 mahogany-tambourine

04 May 06:51
@jelbourn jelbourn
2.0.0-alpha.4
4f9051f
Compare
Choose a tag to compare
2.0.0-alpha.4 mahogany-tambourine Pre-release
Pre-release

Bug Fixes

  • button: cleaned up button theming(0672356)
  • checkbox: fix horizontal spacing between checkboxes and radio buttons(f4a7266)
  • sidenav: add min width for empty navs(dbe3cc5)
  • sidenav: prevent content from scrolling when sidenav is open(fea5923)
  • theme: new, more delightful default theme(2f3e9db)
  • update to @angular 2.0.0-rc.0 (#384)(04c8a1f)

Features

  • icon: initial md-icon implementation (#281)(a094a33)
  • card: add alignment shortcuts for md-card-actions(77be2df)
  • grid-list: basic scaffold for grid list (unreleased)(a9e1fa5)
  • list: add icon support(7b3698c)
  • sidenav: add fullscreen mode(aa6c740)
Assets 2
Loading

2.0.0-alpha.3 cotton-candelabrum (2016-04-21)

21 Apr 18:45
@jelbourn jelbourn
2.0.0-alpha.3
0354770
Compare
Choose a tag to compare
2.0.0-alpha.3 cotton-candelabrum (2016-04-21) Pre-release
Pre-release

Bug Fixes

  • button: remove ref to Event global (for node) (76e4f56)
  • input: convert values entered based on the type input (e7611ce)
  • progress-circle: actually render on Firefox & Edge (#283) (d24a5b3)
  • sidenav: do not throw when there's no sidenav. (#270) (cc2b223), closes #269

Features

  • progress-bar: initial progress-bar impl. (#130) (c640f0c), closes #40
  • gestures: add basic gesture demos (d4a3cde)
  • input: add support for spellcheck attribute (#316) (dfee018)
  • list: add nav list styles (22c1ea3)
  • list: syntactic sugar for simple nav lists (c21c336)
  • a11y: live-announcer supports using a provided live element (#273) (1a33a5b), closes #267
Assets 2
Loading