update elements and fix some bugs

lib/paper_slider.dart

 // DO NOT EDIT: auto-generated with `pub run custom_element_apigen:update`
 
 /// Dart API for the polymer element `paper_slider`.
 @HtmlImport('paper_slider_nodart.html')
 library polymer_elements.lib.src.paper_slider.paper_slider;
 
 import 'dart:html';
 import 'dart:js' show JsArray, JsObject;
 import 'package:web_components/web_components.dart';
 import 'package:polymer_interop/polymer_interop.dart';
 import 'iron_form_element_behavior.dart';
 import 'paper_inky_focus_behavior.dart';
 import 'iron_button_state.dart';
 import 'iron_a11y_keys_behavior.dart';
 import 'iron_control_state.dart';
+import 'paper_ripple_behavior.dart';
 import 'iron_range_behavior.dart';
-import 'paper_styles.dart';
+import 'iron_flex_layout.dart';
+import 'color.dart';
 import 'paper_progress.dart';
 import 'paper_input.dart';
 import 'paper_ripple.dart';
 
+/// Material design: [Sliders](https://www.google.com/design/spec/components/sliders.html)
+///
 /// `paper-slider` allows user to select a value from a range of values by
 /// moving the slider thumb.  The interactive nature of the slider makes it a
 /// great choice for settings that reflect intensity levels, such as volume,
 /// brightness, or color saturation.
 ///
 /// Example:
 ///
 ///     <paper-slider></paper-slider>
 ///
 /// Use `min` and `max` to specify the slider range.  Default is 0 to 100.
@@ skipping 15 matching lines @@
 /// `--paper-slider-disabled-knob-color` | The disabled knob color | `--google-grey-500`
 /// `--paper-slider-pin-color` | The pin color | `--google-blue-700`
 /// `--paper-slider-font-color` | The pin's text color | `#fff`
 /// `--paper-slider-disabled-active-color` | The disabled progress bar color | `--google-grey-500`
 /// `--paper-slider-disabled-secondary-color` | The disabled secondary progress bar color | `--google-grey-300`
 /// `--paper-slider-knob-start-color` | The fill color of the knob at the far left | `transparent`
 /// `--paper-slider-knob-start-border-color` | The border color of the knob at the far left | `#c8c8c8`
 /// `--paper-slider-pin-start-color` | The color of the pin at the far left | `#c8c8c8`
 /// `--paper-slider-height` | Height of the progress bar | `2px`
 @CustomElementProxy('paper-slider')
-class PaperSlider extends HtmlElement with CustomElementProxyMixin, PolymerBase, IronFormElementBehavior, IronA11yKeysBehavior, IronButtonState, IronControlState, PaperInkyFocusBehavior, IronRangeBehavior {
+class PaperSlider extends HtmlElement with CustomElementProxyMixin, PolymerBase, IronFormElementBehavior, IronA11yKeysBehavior, IronButtonState, IronControlState, PaperRippleBehavior, PaperInkyFocusBehavior, IronRangeBehavior {
   PaperSlider.created() : super.created();
   factory PaperSlider() => new Element.tag('paper-slider');
 
   /// True when the user is dragging the slider.
   bool get dragging => jsElement[r'dragging'];
   set dragging(bool value) { jsElement[r'dragging'] = value; }
 
   /// If true, an input is shown and user can use it to set the slider value.
   bool get editable => jsElement[r'editable'];
   set editable(bool value) { jsElement[r'editable'] = value; }
@@ skipping 36 matching lines @@
   set transiting(bool value) { jsElement[r'transiting'] = value; }
 
   /// Decreases value by `step` but not below `min`.
   decrement() =>
       jsElement.callMethod('decrement', []);
 
   /// Increases value by `step` but not above `max`.
   increment() =>
       jsElement.callMethod('increment', []);
 }