Prep for 0.9.0-beta+1 open source release

- Add Material Card styles.
- Update dependencies and SDK constraints.
- Deprecate of directives.

PiperOrigin-RevId: 204833536

Author: nshahan

CHANGELOG.md

@@ -1,3 +1,70 @@
+## 0.9.0-beta+1
+
+> NOTE: This code is considered production quality, but depends on angular:
+> 5.0.0-beta+1 (5.0.0-beta+1 is used in production Google apps).
+
+### Updated Dependencies
+* Bumped the lower bound of the SDK dependency and widened the upper bound to
+  include the 2.0.0 stable release.
+* angular: 5.0.0-beta+1
+* angular_forms: 2.0.0-beta+1
+
+### Add Material Card Styling
+Material Card is card styling provided by the Google material team also known as
+mdc-web. The styles included in this package are provided as a convenience to
+users in the Dart package ecosystem.
+
+### Breaking Changes
+* `ActiveItemMixin` has been removed in favor of the new `ActiveItemDirective`.
+
+### Component Updates
+
+#### Material Date Range Picker
+* Add the 'popupClass' attribute to allow styling the popup.
+
+#### Material Dropdown Select
+* Add back `keyboardOnlyFocusIndicator` to dropdown items.
+
+#### Material Input
+* Return `null` when input is `"NaN"` or `null`.
+
+#### Material Slider
+* Add touch controls.
+* Enable doubles for slider values.
+
+#### Material Tree
+* Add `visibleChange` output stream to `MaterialTreeDropdownComponent`.
+
+#### Material Toggle
+* Implement `ControlValueAccessor`.
+
+#### Material Yes/No Buttons
+* Fix bug where text color was not applying to highlighted/raised yes button.
+* Fix no button to not override disabled text label color.
+
+#### Reorder List
+* Add ability to specify a handle element in a complex component.
+
+#### Scorecard
+* Add mixin for changing the display to flex.
+
+### Other Updates
+#### Miscellaneous
+* Modify `TextHighlighter` to return separate results for adjacent matches,
+  rather than concatenating them into a single result.
+* Migrate to using event tearoffs.
+* Deprecate convenience list for materialDirectives. It has been demonstrated
+  that it's use increases code size when only some of the components are being
+  used. It is preferable to use only the directives needed for your application
+  for improved dart2js tree shaking.
+
+#### Dart 2 Updates
+* Migrate from `Stream<Null>` to `Stream<void>`.
+
+#### Documentation
+* General documentation cleanup for `@Input`s and `@Output`s. Improves
+  documentation generated by the component gallery.
+
 ## 0.9.0-beta
 
 > NOTE: This code is considered production quality, but depends on angular:

lib/angular_components.dart

@@ -219,6 +219,7 @@ export 'theme/module.dart';
 export 'utils/async/async.dart';
 
 /// A convenience list of all Directives exposed by this package.
+@Deprecated('Use the specific directives in your app for smaller code size.')
 const List<dynamic> materialDirectives = const [
   AutoDismissDirective,
   AutoFocusDirective,

lib/css/mdc_web/README.md

@@ -0,0 +1,5 @@
+The files located here are provided and maintained by the Google material team
+also known as mdc-web. They are included here to make their use easier in
+AngularDart applications. They sourced from a larger larger set of styles
+available on
+[GitHub](https://github.com/material-components/material-components-web).

lib/css/mdc_web/animation/_functions.scss

@@ -0,0 +1,33 @@
+//
+// Copyright 2017 Google Inc. All Rights Reserved.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+
+@import "./variables";
+
+@function mdc-animation-enter($name, $duration, $delay: 0ms) {
+  @return $name $duration $delay $mdc-animation-deceleration-curve-timing-function;
+}
+
+@function mdc-animation-exit-permanent($name, $duration, $delay: 0ms) {
+  @return $name $duration $delay $mdc-animation-acceleration-curve-timing-function;
+}
+
+@function mdc-animation-exit-temporary($name, $duration, $delay: 0ms) {
+  @return $name $duration $delay $mdc-animation-sharp-curve-timing-function;
+}
+
+@function mdc-animation-standard($name, $duration, $delay: 0ms) {
+  @return $name $duration $delay $mdc-animation-standard-curve-timing-function;
+}

lib/css/mdc_web/animation/_variables.scss

@@ -0,0 +1,20 @@
+//
+// Copyright 2017 Google Inc. All Rights Reserved.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+
+$mdc-animation-deceleration-curve-timing-function: cubic-bezier(0, 0, .2, 1) !default;
+$mdc-animation-standard-curve-timing-function: cubic-bezier(.4, 0, .2, 1) !default;
+$mdc-animation-acceleration-curve-timing-function: cubic-bezier(.4, 0, 1, 1) !default;
+$mdc-animation-sharp-curve-timing-function: cubic-bezier(.4, 0, .6, 1) !default;

lib/css/mdc_web/card/_mixins.scss

@@ -0,0 +1,65 @@
+//
+// Copyright 2017 Google Inc. All Rights Reserved.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+
+@import "../theme/mixins";
+@import "./variables";
+
+//
+// Public
+//
+
+@mixin mdc-card-fill-color($color) {
+  @include mdc-theme-prop(background-color, $color);
+}
+
+@mixin mdc-card-outline($color, $thickness: $mdc-card-outline-width) {
+  border: $thickness solid mdc-theme-prop-value($color);
+}
+
+@mixin mdc-card-corner-radius($radius) {
+  border-radius: $radius;
+}
+
+@mixin mdc-card-media-aspect-ratio($x, $y) {
+  &::before {
+    // This clever trick brought to you by: http://www.mademyday.de/css-height-equals-width-with-pure-css.html
+    margin-top: percentage($y / $x);
+  }
+}
+
+//
+// Private
+//
+
+@mixin mdc-card-container-layout_ {
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+}
+
+@mixin mdc-card-actions-layout_($display: flex) {
+  display: $display;
+  flex-direction: row;
+  align-items: center;
+  box-sizing: border-box;
+}
+
+@mixin mdc-card-media-aspect-ratio-base_ {
+  &::before {
+    display: block;
+    content: "";
+  }
+}

lib/css/mdc_web/card/_variables.scss

@@ -0,0 +1,20 @@
+//
+// Copyright 2018 Google Inc. All Rights Reserved.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+
+@import "../theme/mixins";
+
+$mdc-card-outline-color: mix(mdc-theme-prop-value(on-surface), mdc-theme-prop-value(surface), 12%);
+$mdc-card-outline-width: 1px;