| OLD | NEW |
| 1 // DO NOT EDIT: auto-generated with `pub run custom_element_apigen:update` | 1 // DO NOT EDIT: auto-generated with `pub run custom_element_apigen:update` |
| 2 | 2 |
| 3 /// Dart API for the polymer element `paper_toggle_button`. | 3 /// Dart API for the polymer element `paper_toggle_button`. |
| 4 @HtmlImport('paper_toggle_button_nodart.html') | 4 @HtmlImport('paper_toggle_button_nodart.html') |
| 5 library polymer_elements.lib.src.paper_toggle_button.paper_toggle_button; | 5 library polymer_elements.lib.src.paper_toggle_button.paper_toggle_button; |
| 6 | 6 |
| 7 import 'dart:html'; | 7 import 'dart:html'; |
| 8 import 'dart:js' show JsArray, JsObject; | 8 import 'dart:js' show JsArray, JsObject; |
| 9 import 'package:web_components/web_components.dart'; | 9 import 'package:web_components/web_components.dart'; |
| 10 import 'package:polymer_interop/polymer_interop.dart'; | 10 import 'package:polymer_interop/polymer_interop.dart'; |
| 11 import 'paper_checked_element_behavior.dart'; |
| 11 import 'paper_inky_focus_behavior.dart'; | 12 import 'paper_inky_focus_behavior.dart'; |
| 12 import 'iron_button_state.dart'; | 13 import 'iron_button_state.dart'; |
| 13 import 'iron_a11y_keys_behavior.dart'; | 14 import 'iron_a11y_keys_behavior.dart'; |
| 14 import 'iron_control_state.dart'; | 15 import 'iron_control_state.dart'; |
| 16 import 'paper_ripple_behavior.dart'; |
| 15 import 'iron_checked_element_behavior.dart'; | 17 import 'iron_checked_element_behavior.dart'; |
| 16 import 'iron_form_element_behavior.dart'; | 18 import 'iron_form_element_behavior.dart'; |
| 17 import 'iron_validatable_behavior.dart'; | 19 import 'iron_validatable_behavior.dart'; |
| 18 import 'color.dart'; | 20 import 'color.dart'; |
| 19 import 'default_theme.dart'; | 21 import 'default_theme.dart'; |
| 20 import 'paper_ripple.dart'; | 22 import 'paper_ripple.dart'; |
| 21 | 23 |
| 24 /// Material design: [Switch](https://www.google.com/design/spec/components/sele
ction-controls.html#selection-controls-switch) |
| 25 /// |
| 22 /// `paper-toggle-button` provides a ON/OFF switch that user can toggle the stat
e | 26 /// `paper-toggle-button` provides a ON/OFF switch that user can toggle the stat
e |
| 23 /// by tapping or by dragging the switch. | 27 /// by tapping or by dragging the switch. |
| 24 /// | 28 /// |
| 25 /// Example: | 29 /// Example: |
| 26 /// | 30 /// |
| 27 /// <paper-toggle-button></paper-toggle-button> | 31 /// <paper-toggle-button></paper-toggle-button> |
| 28 /// | 32 /// |
| 29 /// ### Styling | 33 /// ### Styling |
| 30 /// | 34 /// |
| 31 /// The following custom properties and mixins are available for styling: | 35 /// The following custom properties and mixins are available for styling: |
| 32 /// | 36 /// |
| 33 /// Custom property | Description | Default | 37 /// Custom property | Description | Default |
| 34 /// ----------------|-------------|---------- | 38 /// ----------------|-------------|---------- |
| 35 /// `--paper-toggle-button-unchecked-bar-color` | Slider color when the input is
not checked | `#000000` | 39 /// `--paper-toggle-button-unchecked-bar-color` | Slider color when the input is
not checked | `#000000` |
| 36 /// `--paper-toggle-button-unchecked-button-color` | Button color when the input
is not checked | `--paper-grey-50` | 40 /// `--paper-toggle-button-unchecked-button-color` | Button color when the input
is not checked | `--paper-grey-50` |
| 37 /// `--paper-toggle-button-unchecked-ink-color` | Selected/focus ripple color wh
en the input is not checked | `--dark-primary-color` | 41 /// `--paper-toggle-button-unchecked-ink-color` | Selected/focus ripple color wh
en the input is not checked | `--dark-primary-color` |
| 38 /// `--paper-toggle-button-checked-bar-color` | Slider button color when the inp
ut is checked | `--default-primary-color` | 42 /// `--paper-toggle-button-checked-bar-color` | Slider button color when the inp
ut is checked | `--default-primary-color` |
| 39 /// `--paper-toggle-button-checked-button-color` | Button color when the input i
s checked | `--default-primary-color` | 43 /// `--paper-toggle-button-checked-button-color` | Button color when the input i
s checked | `--default-primary-color` |
| 40 /// `--paper-toggle-button-checked-ink-color` | Selected/focus ripple color when
the input is checked | `--default-primary-color` | 44 /// `--paper-toggle-button-checked-ink-color` | Selected/focus ripple color when
the input is checked | `--default-primary-color` |
| 41 /// `--paper-toggle-button-unchecked-bar` | Mixin applied to the slider when the
input is not checked | `{}` | 45 /// `--paper-toggle-button-unchecked-bar` | Mixin applied to the slider when the
input is not checked | `{}` |
| 42 /// `--paper-toggle-button-unchecked-button` | Mixin applied to the slider butto
n when the input is not checked | `{}` | 46 /// `--paper-toggle-button-unchecked-button` | Mixin applied to the slider butto
n when the input is not checked | `{}` |
| 43 /// `--paper-toggle-button-checked-bar` | Mixin applied to the slider when the i
nput is checked | `{}` | 47 /// `--paper-toggle-button-checked-bar` | Mixin applied to the slider when the i
nput is checked | `{}` |
| 44 /// `--paper-toggle-button-checked-button` | Mixin applied to the slider button
when the input is checked | `{}` | 48 /// `--paper-toggle-button-checked-button` | Mixin applied to the slider button
when the input is checked | `{}` |
| 49 /// `--paper-toggle-button-label-color` | Label color | `--primary-text-color` |
| 45 @CustomElementProxy('paper-toggle-button') | 50 @CustomElementProxy('paper-toggle-button') |
| 46 class PaperToggleButton extends HtmlElement with CustomElementProxyMixin, Polyme
rBase, IronA11yKeysBehavior, IronButtonState, IronControlState, PaperInkyFocusBe
havior, IronFormElementBehavior, IronValidatableBehavior, IronCheckedElementBeha
vior { | 51 class PaperToggleButton extends HtmlElement with CustomElementProxyMixin, Polyme
rBase, IronA11yKeysBehavior, IronButtonState, IronControlState, PaperRippleBehav
ior, PaperInkyFocusBehavior, IronFormElementBehavior, IronValidatableBehavior, I
ronCheckedElementBehavior, PaperCheckedElementBehavior { |
| 47 PaperToggleButton.created() : super.created(); | 52 PaperToggleButton.created() : super.created(); |
| 48 factory PaperToggleButton() => new Element.tag('paper-toggle-button'); | 53 factory PaperToggleButton() => new Element.tag('paper-toggle-button'); |
| 49 } | 54 } |
| OLD | NEW |