Releases: angular/components
mithril-hoverboard
Breaking Changes
-
MdSnackbarConfig
no longer takes aViewContainerRef
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
- tab-nav-bar: new component! Provides a tab-bar for use with a router-outlet (#1589) (572b36e)
- a11y: manager for list keyboard events (#1599) (95b2a34)
- checkbox: add color attribute. (#1463) (333b11e)
- checkbox: add ripple (#1611) (ef4c3c9)
- dialog: add disableClose option (#1678) (93f8e04), closes #1419
- dialog: allow for an object literal to be passed on init (#1679) (f525db1)
- dialog: don't require a ViewContainerRef (#1704) (f59030e)
- menu: add animations (#1685) (7fcf511)
- menu: allow menu-trigger to take a menu interface. (#1564) (96d196a), closes #1560
- menu: support icons (#1702) (982cdaa)
- overlay: add custom classes for backdrop (#1532) (0b54668)
- overlay: set overlay size (#1583) (ffbc295)
- overlay: support all overlay config properties (#1591) (6f322cf)
- overlay: support custom offsets (#1660) (1738d24)
- overlay: support rtl in overlays (#1593) (b56f520)
- radio: add ripple (#1553) (d83b3e0)
- slider: fire change event (#1618) (780a654)
- slider: implement ControlValueAccessor setDisabledState (#1603) (437ec8e)
- snack bar: add enter and exit animations. (#1320) (6df29dc)
- snackbar: don't require a ViewContainerRef (#1783) (9115538)
- tabs: simplify api (#1645) (ea6c817)
- textarea: initial md-textarea. Does not yet support auto-size. (#1562) (aff22e5)
- tooltip: add tooltip animations (#1644) (52582f4)
Bug Fixes
- aot: export dialog/snackbar containers through index (#1378) (bb61928)
- aot: fix aot error w/ live announcer (#1355) (276d07d)
- button: Changed button corner radius from 3px to 2px (#1441) (ec48b34)
- button: set vertical alignment for md-button and md-raised-button (#1565) (f10ac7c)
- button-toggle: add exportAs (#1528) (d2c288d)
- button-toggle: disable user-select in button-toggle (#1720) (83f6efc)
- checkbox: disable for all non-false values (#1631) (80491a9)
- checkbox: prevent checkbox being squished (#1713) (6601949)
- checkbox: vertically align for when there's no text (#1721) (7fd0fcd)
- gestures: don't clobber native drag events (#1458) (b09465c) (#1744) (4af3cd3), closes #1025
- input: correctly position md-hint in IE11 when position start (#1674) (ecefb89)
- input: remove invalid aria-target attribute (#1513) (601c036), closes #929
- input: set line-height to normal (#1734) (f1f660e)
- list: ensure multi-line lists expand to fill space (#1466) (e7b872a)
- list: prevent default black border from applying (#1548) (4086b32), closes #1336
- list: set flex-shrink for avatar (#1464) (5a528aa), closes #1403
- menu: improve a11y for screenreaders (#1715) (267e323)
- menu: make menu open idempotent (#1478) (a5b3296)
- menu: properly handle spacebar events (#1533) (cfe3e98), closes #1175
- menu: update menu to use overlay rtl (#1687) (2b913de)
- menu: update to use overlay backdrop (#1534) (add0d23)
- overlay: ensure container covers entire screen (#1634) (af39236)
- overlay: fix connected position calculation while scrolled (#1732) (2de461e)
- overlay: not taking up entire viewport if body is scrollable (#1661) (16cbbab), closes #1633
- overlay: raise z-index for overlay-container (#1614) (8f50c35)
- portal: cleanup PortalHost on directive destroy (#1703) (7e08468)
- progress-bar: bar being thrown off by parent's text-align (#1717) (309d54c), closes [#1165](https://github.com/angul...
cobalt-kraken
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
- theming: add initial version for theming (#1239) (e0726e1)
- dialog: initial version of dialog (#1041) (7ecda22, #1321) (74dc5b2, #1330) (23143b9)
- snack-bar: initial version of MdSnackBar. (#1296) (a732e88)
- packaging: move packaging to a single "@angular/material" (#1286) (b5c8c63)
- a11y: add basic focus-trap directive (#1311) (3e8b9d9)
- a11y: initial interactivity checker (#1288) (8a4b69d)
- card: add md-card-footer (#1178) (1c2a3f1)
Bug Fixes
- aot: change @Inputs to not be private (#1289) (b284dd4)
- checkbox, slide-toggle: forward required attribute to input. (#1137) (0e9383a), closes #1133
- gestures: add hammer types by default (#1309) (1a824d2)
- grid-list: darken grid footer (#1310) (f9116f3)
- grid-list: hide overflow on tiles (#1299) (06a6076)
- input: input should not be treated as empty if it is a date field. (#846) (fe2b493), closes #845 #845 #845
- sidenav: align text at start (#1297) (0e0ff0e)
- sidenav: fix dark theme (#1319) (332a4a2)
- sidenav: fix Promise type to match (#1188) (3d5ceab)
- theming: set input default color to currentColor in input theme (#1260) (#1262) (fa78f72)
ectoplasm-helicopter
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 nowautocomplete
. 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
- menu: add keyboard events and improve accessibility (#1132) (3669f06)
- modules: add
forRoot()
to material modules with providers (#1122) (9ff6196) - modules: add
forRoot()
to all modules (#1166) (21dc44a) - overlay: make overlays synchronous (#1079) (cdad90b)
- slider: add thumb-label (#976) (22d70ae)
- slider: support ngModel (#1029) (8828358)
- tabs: support for
disabled
tabs (#934) (9d51deb), closes #880
wax-umpire
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.
carbonfiber-discotheque
Breaking changes
MdRadioDispatcher
is nowMdUniqueSelectionDispatcher
and is imported fromcore
- 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
2.0.0-alpha.5 granite-gouda
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)
2.0.0-alpha.4 mahogany-tambourine
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
2.0.0-alpha.3 cotton-candelabrum (2016-04-21)
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
2.0.0-alpha.2 diamond-haircut (2016-04-06)
Bug Fixes
- button: apply color classes correctly. (62265cc), closes #75 #89 #195
- checkbox: Cancel spacebar keydown events when component focused (6db3511), closes #162 #181
- checkbox: Ensure consistent mixedmark rendering across browsers (666cdba), closes #174 #190
- checkbox: Handle transition when unset checkbox is interacted with (dde9359), closes #183 #227
- checkbox: Reduce $md-checkbox-transition-duration to 90ms (87e3a32), closes #226 #230
- checkbox: Remove GPU layer promotion for mark elements (82a22a7)
- sidenav: Remove deprecated @view (a61e2e9), closes #213
- radio: export the dispatcher in radio.ts (64cc406)
Features
- input: add new input component (74d9bc0)
- input: README.md improvements and autofill support. (b711c2b)
- list: add list component (fb71eb1)
- list: add dividers to lists (915dd9b)
- list: support subheaders in lists (0a9c169)
- elevation: Add elevation core styles (3e34f7a), closes #222
- button: add md-icon-button styling. (208cd65), closes #188 #206
- overlay: add basic core of overlay (f0e1273)
- overlay: add global position strategy (c8f87a4)
- overlay: add overlay container & styles (74e3edf)
- portal: add DomPortalHost (358d923)
- radio: support ngModel on md-radio-group (6aff4cc), closes #209
- a11y: add aria live announcer (e99da66), closes #106