|
| 1 | +<a name="2.0.0-beta.11"></a> |
| 2 | +# [2.0.0-beta.11 carapace-parapet](https://github.com/angular/material2/compare/2.0.0-beta.10...2.0.0-beta.11) (2017-09-21) |
| 3 | + |
| 4 | + |
| 5 | +### Highlights |
| 6 | +* Each `@angular/material` component is now bundled into its own javascript file. This will allow |
| 7 | +tools like webpack to more easily load _only_ the components being used in an application. |
| 8 | +* New stepper component! The base behavior lives in `@angular/cdk` with Material Design flavors in |
| 9 | +`@angular/material`. |
| 10 | + |
| 11 | + |
| 12 | +### Breaking changes |
| 13 | + |
| 14 | +* Angular Material now requires **Angular 4.4.3 or greater** |
| 15 | +* `MaterialModule` has been removed. ([cf1ece0](https://github.com/angular/material2/commit/cf1ece0)) (#6803) |
| 16 | +[See the deprecation notice from beta.3 for more information](https://github.com/angular/material2/blob/master/CHANGELOG.md#materialmodule). |
| 17 | +* `MdCoreModule` has been removed. Most of its functionality has been moved to `@angular/cdk` over |
| 18 | +the last few releases. |
| 19 | +* `FocusOriginMonitor` has been renamed to `FocusMonitor` and moved to `@angular/cdk`. |
| 20 | +* **chip-list:** The outputs `select` and `deselect` have been removed in favor of a single |
| 21 | + `onSelectionChange` output. |
| 22 | +* **overlay:** OverlayState has been renamed to OverlayConfig |
| 23 | +* **overlay:** Now that the Overlay is part of the cdk rather than Angular Material directly, |
| 24 | +the `themeClass` property has been removed. To add a class to the |
| 25 | +overlay for theming, you can do |
| 26 | +```ts |
| 27 | +overlayContainer.getContainerElement().classList.add('my-theme-class'); |
| 28 | +``` |
| 29 | +* DateAdapter method `getISODateString` has been renamed to `toIso8601` and a new method |
| 30 | +`fromIso8601` has been added. |
| 31 | + |
| 32 | + |
| 33 | +### Deprecation of "md" prefix. |
| 34 | + |
| 35 | +In earlier betas, we've had a compatibility mode that allowed people to use either "md" or "mat" |
| 36 | +as the selector for Angular Material components. This was created so that these components could |
| 37 | +live side-by-side with [AngularJS Material](https://material.angularjs.org) without CSS from |
| 38 | +the two libraries colliding. |
| 39 | + |
| 40 | +For beta.11, we've made the decision to deprecate the "md" prefix completely and use "mat" moving |
| 41 | +forward. This affects all class names, properties, inputs, outputs, and selectors (CSS classes were |
| 42 | +changed back in February). The "md" prefixes will be removed in the next beta release. |
| 43 | + |
| 44 | +[You can automatically update your projects with the angular-material-prefix-updater tool.](https://www.npmjs.com/package/angular-material-prefix-updater) |
| 45 | +Check out the tool's page for instructions on how to run. |
| 46 | + |
| 47 | +#### Why are we doing this? |
| 48 | +We like the "md" prefix too! We added compatibility mode in order to keep "md" around, but over |
| 49 | +time we found that there were too many downsides to continue supporting both prefixes at the same |
| 50 | +time: |
| 51 | +* Many users found the fact that the CSS used "mat" while templates used "md" confusing. |
| 52 | +* Users in compatibility mode found that having "mat" in their templates while TypeScript class |
| 53 | +names remained "Md" to be unfriendly. |
| 54 | +* Making both prefixes available consistently through templates required [adding many |
| 55 | +getters/setters that aliased the "true" property](https://github.com/angular/material2/blob/1cfce8d9ab047d447465bd4e233fd26893830328/src/lib/tooltip/tooltip.ts#L171-L198). |
| 56 | +This ends up increasing payload size and complexity of the source code. |
| 57 | +* Compatiblity mode itself used [broad directive selectors](https://github.com/angular/material2/blob/87318bc7c83d249036837376609ea099e5aea2d9/src/lib/core/compatibility/compatibility.ts#L107-L187) |
| 58 | +to enforce that only one prefix was used at a time. This causes a problem where this broad selector |
| 59 | +prevents Angular from throwing an error if an application uses a component without importing its |
| 60 | +`NgModule`. |
| 61 | + |
| 62 | +#### Why not change the styles in AngularJS Material? |
| 63 | +We explored this option early on (before creating compatibility mode). We found that changing the |
| 64 | +library's styles such that they wouldn't affect the Angular Material components would increase |
| 65 | +the specificity. This would have been a significant breaking change, as it would have potentially |
| 66 | +broken countless custom styles that relied on a particular specificity working. |
| 67 | + |
| 68 | + |
| 69 | +### Bug Fixes |
| 70 | + |
| 71 | +* **autocomplete,select:** inconsistent disabled option coloring ([#6640](https://github.com/angular/material2/issues/6640)) ([454781d](https://github.com/angular/material2/commit/454781d)), closes [#6638](https://github.com/angular/material2/issues/6638) |
| 72 | +* **autosize:** not resizing on programmatic changes ([#6654](https://github.com/angular/material2/issues/6654)) ([89fea50](https://github.com/angular/material2/commit/89fea50)), closes [#5247](https://github.com/angular/material2/issues/5247) |
| 73 | +* **button-toggle:** border radius ignored if option is selected ([#6699](https://github.com/angular/material2/issues/6699)) ([82e14f8](https://github.com/angular/material2/commit/82e14f8)), closes [#6689](https://github.com/angular/material2/issues/6689) |
| 74 | +* **checkbox:** label content should not wrap ([#6674](https://github.com/angular/material2/issues/6674)) ([9acab86](https://github.com/angular/material2/commit/9acab86)), closes [#6671](https://github.com/angular/material2/issues/6671) |
| 75 | +* **chips:** set appropriate aria-orientation ([#6464](https://github.com/angular/material2/issues/6464)) ([a37aa6a](https://github.com/angular/material2/commit/a37aa6a)) |
| 76 | +* **datepicker:** allow date or datetime strings in fromIso8601 ([#7220](https://github.com/angular/material2/issues/7220)) ([8436f8c](https://github.com/angular/material2/commit/8436f8c)) |
| 77 | +* **datepicker:** allow ISO 8601 strings as inputs ([#7091](https://github.com/angular/material2/issues/7091)) ([d2ceb2c](https://github.com/angular/material2/commit/d2ceb2c)) |
| 78 | +* **datepicker:** backdrop class should be mat- ([#7056](https://github.com/angular/material2/issues/7056)) ([2b61eb6](https://github.com/angular/material2/commit/2b61eb6)) |
| 79 | +* **datepicker:** Create a new injection token to avoid overriding LOCALE_ID ([#6708](https://github.com/angular/material2/issues/6708)) ([2635cad](https://github.com/angular/material2/commit/2635cad)) |
| 80 | +* **datepicker:** fix wrong datepicker-input value for non MM/DD/YYYY locales ([#6798](https://github.com/angular/material2/issues/6798)) ([29399b8](https://github.com/angular/material2/commit/29399b8)) |
| 81 | +* **datepicker:** makes sure the datepickerInput is registered ([#7049](https://github.com/angular/material2/issues/7049)) ([e4d48d7](https://github.com/angular/material2/commit/e4d48d7)) |
| 82 | +* **datepicker:** toggle not reacting to disabled state changes in datepicker or input ([#6964](https://github.com/angular/material2/issues/6964)) ([85993d3](https://github.com/angular/material2/commit/85993d3)) |
| 83 | +* **expansion-panel:** dark theme header hover color ([#6616](https://github.com/angular/material2/issues/6616)) ([21c68ad](https://github.com/angular/material2/commit/21c68ad)) |
| 84 | +* **form-field:** add aria-owns to label element ([#6683](https://github.com/angular/material2/issues/6683)) ([4191b4d](https://github.com/angular/material2/commit/4191b4d)) |
| 85 | +* **form-field:** placeholder not floating if autofilled ([#6839](https://github.com/angular/material2/issues/6839)) ([602a861](https://github.com/angular/material2/commit/602a861)), closes [#6837](https://github.com/angular/material2/issues/6837) |
| 86 | +* **grid-list:** avoid unnecessary calc declarations ([#6745](https://github.com/angular/material2/issues/6745)) ([255611b](https://github.com/angular/material2/commit/255611b)) |
| 87 | +* **grid-list:** styles not cleared when switching to a different styling mode ([#6660](https://github.com/angular/material2/issues/6660)) ([87d607e](https://github.com/angular/material2/commit/87d607e)), closes [#4047](https://github.com/angular/material2/issues/4047) |
| 88 | +* **input:** remove resize handle from non-textarea inputs ([#6768](https://github.com/angular/material2/issues/6768)) ([1272f03](https://github.com/angular/material2/commit/1272f03)), closes [#6757](https://github.com/angular/material2/issues/6757) |
| 89 | +* **list:** subheader margin being overwritten by typography ([#6735](https://github.com/angular/material2/issues/6735)) ([efe483a](https://github.com/angular/material2/commit/efe483a)) |
| 90 | +* **menu:** multiple close events for a single close ([#6961](https://github.com/angular/material2/issues/6961)) ([1cccd4b](https://github.com/angular/material2/commit/1cccd4b)) |
| 91 | +* **menu:** nested menu hover not working when trigger is added lazily ([#6807](https://github.com/angular/material2/issues/6807)) ([6b5100b](https://github.com/angular/material2/commit/6b5100b)), closes [#6731](https://github.com/angular/material2/issues/6731) |
| 92 | +* **menu:** nested trigger staying highlighted after click ([#6853](https://github.com/angular/material2/issues/6853)) ([04bf3d1](https://github.com/angular/material2/commit/04bf3d1)), closes [#6838](https://github.com/angular/material2/issues/6838) |
| 93 | +* **overlay:** rename OverlayState to OverlayConfig ([#6972](https://github.com/angular/material2/issues/6972)) ([1cfce8d](https://github.com/angular/material2/commit/1cfce8d)) |
| 94 | +* **progress-bar:** query mode not reversing direction in rtl ([#6922](https://github.com/angular/material2/issues/6922)) ([8a21881](https://github.com/angular/material2/commit/8a21881)) |
| 95 | +* **select:** extra whitespace around placeholder ([#6955](https://github.com/angular/material2/issues/6955)) ([9fe6386](https://github.com/angular/material2/commit/9fe6386)), closes [#6923](https://github.com/angular/material2/issues/6923) |
| 96 | +* **selection-list:** do not coerece option value to boolean ([#6983](https://github.com/angular/material2/issues/6983)) ([dfe01f2](https://github.com/angular/material2/commit/dfe01f2)) |
| 97 | +* **selection-list:** proper style for disabled options ([#6829](https://github.com/angular/material2/issues/6829)) ([547d11f](https://github.com/angular/material2/commit/547d11f)) |
| 98 | +* **slide-toggle:** remove side-margin if slide-toggle label is empty ([#6881](https://github.com/angular/material2/issues/6881)) ([a1ec81a](https://github.com/angular/material2/commit/a1ec81a)), closes [#6868](https://github.com/angular/material2/issues/6868) |
| 99 | +* **slide-toggle:** support native tabindex attribute ([#6613](https://github.com/angular/material2/issues/6613)) ([8f9f3c8](https://github.com/angular/material2/commit/8f9f3c8)) |
| 100 | +* **slider:** thumb disappearing on disabled element with thumb label ([#6641](https://github.com/angular/material2/issues/6641)) ([8243b16](https://github.com/angular/material2/commit/8243b16)), closes [#6631](https://github.com/angular/material2/issues/6631) |
| 101 | +* **slider:** update styles when focus and dir change ([#6700](https://github.com/angular/material2/issues/6700)) ([8c49422](https://github.com/angular/material2/commit/8c49422)) |
| 102 | +* **slider, drawer:** unsubscribe from directionaly change subject ([#6907](https://github.com/angular/material2/issues/6907)) ([a7ce31e](https://github.com/angular/material2/commit/a7ce31e)), closes [#6892](https://github.com/angular/material2/issues/6892) [#6903](https://github.com/angular/material2/issues/6903) |
| 103 | +* **snack-bar:** animation not starting for subsequent snack bars ([#6649](https://github.com/angular/material2/issues/6649)) ([730e7ae](https://github.com/angular/material2/commit/730e7ae)), closes [#6222](https://github.com/angular/material2/issues/6222) |
| 104 | +* **sort:** reverse directions and better animation ([#6802](https://github.com/angular/material2/issues/6802)) ([6fa9e6f](https://github.com/angular/material2/commit/6fa9e6f)) |
| 105 | +* **table:** gracefully handle undefined/null columns ([#6862](https://github.com/angular/material2/issues/6862)) ([3ddf65b](https://github.com/angular/material2/commit/3ddf65b)) |
| 106 | +* **tabs:** fix infinite tab loop ([#6663](https://github.com/angular/material2/issues/6663)) ([67e02b0](https://github.com/angular/material2/commit/67e02b0)), closes [#4639](https://github.com/angular/material2/issues/4639) |
| 107 | +* **tabs:** tab spacing on desktop incorrect ([#6681](https://github.com/angular/material2/issues/6681)) ([b678119](https://github.com/angular/material2/commit/b678119)), closes [#3347](https://github.com/angular/material2/issues/3347) |
| 108 | +* **tooltip:** closing immediately when triggered on click ([#6590](https://github.com/angular/material2/issues/6590)) ([bcd026f](https://github.com/angular/material2/commit/bcd026f)) |
| 109 | +* **tooltip:** ensure tooltip never passes undefined message to ([#7018](https://github.com/angular/material2/issues/7018)) ([f6d1078](https://github.com/angular/material2/commit/f6d1078)) |
| 110 | +* add `mat` exportAs and class aliases ([#7106](https://github.com/angular/material2/issues/7106)) ([a96b545](https://github.com/angular/material2/commit/a96b545)) |
| 111 | +* **tooltip:** error on trigger escape presses while closed ([#7028](https://github.com/angular/material2/issues/7028)) ([dcf3b27](https://github.com/angular/material2/commit/dcf3b27)), closes [#7009](https://github.com/angular/material2/issues/7009) |
| 112 | + |
| 113 | +### Features |
| 114 | + |
| 115 | +* **chip-list:** implement FormFieldControl and ControlValueAccessor ([#6686](https://github.com/angular/material2/issues/6686)) ([7a42706](https://github.com/angular/material2/commit/7a42706)) |
| 116 | +* **datepicker:** Add Moment.js adapter ([#6860](https://github.com/angular/material2/issues/6860)) ([9545427](https://github.com/angular/material2/commit/9545427)) |
| 117 | +* **dialog:** add afterOpen to MdDialogRef ([#6887](https://github.com/angular/material2/issues/6887)) ([27cbe47](https://github.com/angular/material2/commit/27cbe47)) |
| 118 | +* **expansion-panel:** allow for the panel header height to be customized ([#6643](https://github.com/angular/material2/issues/6643)) ([11e2239](https://github.com/angular/material2/commit/11e2239)), closes [#5641](https://github.com/angular/material2/issues/5641) |
| 119 | +* **overlay:** replace OverlayContainer themeClass w/ addClass/removeClass methods ([#6975](https://github.com/angular/material2/issues/6975)) ([a944f6e](https://github.com/angular/material2/commit/a944f6e)) |
| 120 | +* **selection-list:** add selectAll and deselectAll functions ([#6971](https://github.com/angular/material2/issues/6971)) ([dc9679d](https://github.com/angular/material2/commit/dc9679d)), closes [#6969](https://github.com/angular/material2/issues/6969) |
| 121 | +* **sort:** add sorting indicator animation ([#5831](https://github.com/angular/material2/issues/5831)) ([70bd5fc](https://github.com/angular/material2/commit/70bd5fc)) |
| 122 | +* **stepper:** Add e2e test ([#6776](https://github.com/angular/material2/issues/6776)) ([bef6271](https://github.com/angular/material2/commit/bef6271)) |
| 123 | +* **stepper:** add moduleId to components ([#6780](https://github.com/angular/material2/issues/6780)) ([f375f92](https://github.com/angular/material2/commit/f375f92)) |
| 124 | +* **stepper:** Address previous comments + add directionality support ([#6775](https://github.com/angular/material2/issues/6775)) ([c396596](https://github.com/angular/material2/commit/c396596)) |
| 125 | +* **stepper:** initial version of stepper ([#6594](https://github.com/angular/material2/issues/6594)) ([87318bc](https://github.com/angular/material2/commit/87318bc)) |
| 126 | +* **viewport-ruler:** add common window resize handler ([#6680](https://github.com/angular/material2/issues/6680)) ([881630f](https://github.com/angular/material2/commit/881630f)) |
| 127 | +* add `preserveWhitespaces: false` to all components ([#7115](https://github.com/angular/material2/issues/7115)) ([2b0315d](https://github.com/angular/material2/commit/2b0315d)) |
| 128 | +* move FocusMonitor into cdk ([#6921](https://github.com/angular/material2/issues/6921)) ([6cfe5c4](https://github.com/angular/material2/commit/6cfe5c4)) |
| 129 | + |
| 130 | + |
| 131 | +### Performance Improvements |
| 132 | + |
| 133 | +* **dialog:** avoid repaintin dialog content element on scroll ([#6890](https://github.com/angular/material2/issues/6890)) ([51396d0](https://github.com/angular/material2/commit/51396d0)), closes [#6878](https://github.com/angular/material2/issues/6878) |
| 134 | +* memory leak when subscribing to zone events ([#6918](https://github.com/angular/material2/issues/6918)) ([f6c9172](https://github.com/angular/material2/commit/f6c9172)), closes [#6905](https://github.com/angular/material2/issues/6905) |
| 135 | + |
| 136 | + |
1 | 137 | <a name="2.0.0-beta.10"></a>
|
2 | 138 | # [2.0.0-beta.10 découpage-panjandrum](https://github.com/angular/material2/compare/2.0.0-beta.8...2.0.0-beta.10) (2017-08-29)
|
3 | 139 |
|
|
0 commit comments