flannel-papaya

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 #2363
• input: remove md-input and md-textarea in favor of md-input-container (#2788) (7b30fdc)
• input: vendor-prefix ::placeholder (#2547) (3b16648)
• input-container: prefix and suffix stretching together with parent (#2496) (64f6d1b), closes #2493 #1881 #1421
• input-container: reduce redundancy when forwarding the NgControl classes (#2442) (8c0eef2)
• option: revert duplicate prop (#3051) (516720f)
• overlay: disable pointer events if overlay is detached (#2747) (453fa7f), closes #2739
• overlay: fix pointer events for ie11 (#3023) (597e3de), closes #3022
• progress-bar: buffer animation not working in IE (#2941) (ab8f98f), closes #2881
• progress-bar: unable to apply visibility in indeterminate mode and reduce CSS (#2417) (eb96b0c), closes #2413
• progress-spinner: fix color input on md-spinner (#2396) (6cb6576), closes #2393
• radio: change radio button trigger element to input element (#2838) (2f10a95)
• ripple: camel-cased CSS classes (#2340) (c67f4e5)
• ripple: make ripples conform with specs (#2859) (6381948)
• select: avoid going into infinite loop under certain conditions (#2955) (998a583), closes #2950
• select: don't open menu if there are no options (#2924) (cc77ef4)
• select: fix select panel animation (#2699) (15eb33a), closes #2695
• select: fix selection color (#2697) (4e94da4), closes #2696
• select: selected option not being highlighted when options are added asynchronously (#2499) (7fc38b9), closes #2497
• select: set default font size (#2976) (40bc486)
• select: set select value to trigger height and center text (#3021) (ac9c090)
• select: support use inside a custom value accessor (#2704) (651440f), closes #2609
• select: transparent background when overscrolling (#2117) (d9b2d85)
• select: trim long labels inside md-option (#2444) (416f56f), closes #2440
• select: view not updating when using OnPush detection strategy (#2894) (3bcb7c3), closes #2663 #2269
• select: parent align affects placeholder (#2572) (a1c90b3)
• sidenav: animate content resizing for side mode. (#2486) (4d33449)
• sidenav: fix animation issue for initially open sidenav (#3045) (37e4bad)
• slide-toggle: consistent naming of aria attributes (#2688) (10bd6da)
• slider: fire change event on value change via keyboard. (#2807) (7f50d11)
• slider: hide ticks when slider is disabled (#2687) (e9ec8ab)
• apply font-family to text components (#2821) (d11673a)
• slider: make disabled state look like mocks (#2604) (8263ffb)
• slider: make min value style match mocks (#2641) (737b608)
• slider: round decimals in the thumb label (#2527) (987897c), closes #2511
• snack-bar: improper button styling and improved handling of long text (#2991) (93937e6), closes #2979
• snack-bar: prevent error when opening multiple snack bars in fast succession (#2392) (161f319), closes #2390
• snack-bar: SimpleSnackBar not being exported (#3016) (a7a3967), closes #3010
• tabs: crashing on chrome under certain conditions (#2411) (727ce53), closes #2151
• tabs: fix ink not showing on chrome 57 (#3041) (f24832c)
• tabs: infinite loop when selectedIndex is set to NaN (#2389) (f4cfc2d)
• toolbar: add toolbar role to host element (#2914) (67032ca), closes #2909
• toolbar: correct font-weight (#2485) (1b44880)
• toolbar: prevent content overflow and line-wrapping (#2454) (e728771), closes #2451
• tooltip: better handling of multi-line text (#2472) (7863e38), closes #2205
• tooltip: not working properly with ChangeDetectionStrategy.OnPush (#2721) (632b964), closes #2713
• tooltip: provide a maximum width (#2678) (fb5e1d4), closes #2671

Features

• autocomplete: add autocomplete panel toggling (#2452) (d4ab3d3)
• autocomplete: add fallback positions (#2726) (8fc7706)
• autocomplete: add keyboard events to autocomplete (#2723) (fcea9d4)
• autocomplete: add screenreader support (#2729) (bd7f240)
• autocomplete: add value support (#2516) (5def001)
• autocomplete: allow use of obj values (#2792) (55e1847)
• button-toggle: Show selected option when md-button-toggle is disabled (#3012) (1547440), closes #3007
• compatibility: remove conflicts with material1 css styling (#2790) (210ff02)
• dialog: add a config option for passing in data (#2266) (29cbe61), closes #2181
• dialog: add events (observables) for open & closeAll (#2522) (23ab152)
• dialog: add the ability to align the content of md-dialog-actions (#2557) (e18ab5d), closes #2483
• dialog: support open with TemplateRef (#2910) (bf0f625)
• focus-classes: expose focus origin changes through observable (#2974) (d4ba648)
• FocusOriginMonitor: add support for touch events (#3020) (ec7e2e4)
• input: option to imperatively float placeholder (#2585) (fb0cf8a), closes #2466
• list-key-manager: active descendant support (#2606) (e2ad3a0)
• menu: Added ability to show the menu overlay around the menu trigger (#1771) (592f33f)
• overlay: add fullscreen-enabled overlay class (#1949) (0640302)
• screenshot: Add screenshot function to e2e test (button and checkbox) (#2532) (8ba8deb)
• scripts: push generated docs to material assets repo (#2720) (ba12f44)
• select: emit change event (#2458) (e5bd15c), closes #2248
• sidenav: add disableClose option (#2501) (52ade97), closes #2462
• slide-toggle: add support for labelPosition (#2836) (68a0c90), closes #2820
• slider: emit input event when slider thumb moves (#2325) (99963c4), closes #2296
• snack-bar: allow addition of extra css classes (#2804) (e783494), closes #2664
• style: add directive to determine how elements were focused. (#2646) (8a6d902)
• tabs: add the ability to invert the header (#2391) (a494c92), closes #2387
• theming: provide a content wrapper attribute (#2170) (4bf4b87), closes #1938 #2106
• tooltip: reposition on scroll (#2703) (bc52298)
• viewport-ruler: cache document client rect (#2538) (d0c8f18)
• add a common class to be used when dealing with selection logic (#2562) (c295fa9)
• add simplified checkbox component for usage in other components (#2619) (3b6cab0)
• remove the need for forRoot on material NgModules (#2556) (b49bfce)

Performance Improvements

• tabs: reduce amount of reflows when aligning the ink bar (#2372) (dab742f)