| 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_fab`. | 3 /// Dart API for the polymer element `paper_fab`. |
| 4 @HtmlImport('paper_fab_nodart.html') | 4 @HtmlImport('paper_fab_nodart.html') |
| 5 library polymer_elements.lib.src.paper_fab.paper_fab; | 5 library polymer_elements.lib.src.paper_fab.paper_fab; |
| 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_button_behavior.dart'; | 11 import 'paper_button_behavior.dart'; |
| 12 import 'iron_button_state.dart'; | 12 import 'iron_button_state.dart'; |
| 13 import 'iron_a11y_keys_behavior.dart'; | 13 import 'iron_a11y_keys_behavior.dart'; |
| 14 import 'iron_control_state.dart'; | 14 import 'iron_control_state.dart'; |
| 15 import 'paper_ripple_behavior.dart'; |
| 16 import 'iron_flex_layout/classes/iron_flex_layout.dart'; |
| 15 import 'iron_icon.dart'; | 17 import 'iron_icon.dart'; |
| 16 import 'iron_flex_layout/classes/iron_flex_layout.dart'; | |
| 17 import 'default_theme.dart'; | |
| 18 import 'color.dart'; | |
| 19 import 'paper_material.dart'; | 18 import 'paper_material.dart'; |
| 20 import 'paper_ripple.dart'; | 19 import 'paper_ripple.dart'; |
| 20 import 'color.dart'; |
| 21 import 'default_theme.dart'; |
| 21 | 22 |
| 22 /// Material Design: <a href="http://www.google.com/design/spec/components/butto
ns.html">Button</a> | 23 /// Material design: [Floating Action Button](https://www.google.com/design/spec
/components/buttons-floating-action-button.html) |
| 23 /// | 24 /// |
| 24 /// `paper-fab` is a floating action button. It contains an image placed in the
center and | 25 /// `paper-fab` is a floating action button. It contains an image placed in the
center and |
| 25 /// comes in two sizes: regular size and a smaller size by applying the attribut
e `mini`. When | 26 /// comes in two sizes: regular size and a smaller size by applying the attribut
e `mini`. When |
| 26 /// the user touches the button, a ripple effect emanates from the center of the
button. | 27 /// the user touches the button, a ripple effect emanates from the center of the
button. |
| 27 /// | 28 /// |
| 28 /// You may import `iron-icons` to use with this element, or provide a URL to a
custom icon. | 29 /// You may import `iron-icons` to use with this element, or provide a URL to a
custom icon. |
| 29 /// See `iron-iconset` for more information about how to use a custom icon set. | 30 /// See `iron-iconset` for more information about how to use a custom icon set. |
| 30 /// | 31 /// |
| 31 /// Example: | 32 /// Example: |
| 32 /// | 33 /// |
| (...skipping 10 matching lines...) Expand all Loading... |
| 43 /// | 44 /// |
| 44 /// Custom property | Description | Default | 45 /// Custom property | Description | Default |
| 45 /// ----------------|-------------|---------- | 46 /// ----------------|-------------|---------- |
| 46 /// `--paper-fab-background` | The background color of the button | `--accent-co
lor` | 47 /// `--paper-fab-background` | The background color of the button | `--accent-co
lor` |
| 47 /// `--paper-fab-keyboard-focus-background` | The background color of the button
when focused | `--paper-pink-900` | 48 /// `--paper-fab-keyboard-focus-background` | The background color of the button
when focused | `--paper-pink-900` |
| 48 /// `--paper-fab-disabled-background` | The background color of the button when
it's disabled | `--paper-grey-300` | 49 /// `--paper-fab-disabled-background` | The background color of the button when
it's disabled | `--paper-grey-300` |
| 49 /// `--paper-fab-disabled-text` | The text color of the button when it's disable
d | `--paper-grey-500` | 50 /// `--paper-fab-disabled-text` | The text color of the button when it's disable
d | `--paper-grey-500` |
| 50 /// `--paper-fab` | Mixin applied to the button | `{}` | 51 /// `--paper-fab` | Mixin applied to the button | `{}` |
| 51 /// `--paper-fab-mini` | Mixin applied to a mini button | `{}` | 52 /// `--paper-fab-mini` | Mixin applied to a mini button | `{}` |
| 52 /// `--paper-fab-disabled` | Mixin applied to a disabled button | `{}` | 53 /// `--paper-fab-disabled` | Mixin applied to a disabled button | `{}` |
| 54 /// `--paper-fab-iron-icon` | Mixin applied to the iron-icon within the button |
`{}` |
| 53 @CustomElementProxy('paper-fab') | 55 @CustomElementProxy('paper-fab') |
| 54 class PaperFab extends HtmlElement with CustomElementProxyMixin, PolymerBase, Ir
onA11yKeysBehavior, IronButtonState, IronControlState, PaperButtonBehavior { | 56 class PaperFab extends HtmlElement with CustomElementProxyMixin, PolymerBase, Ir
onA11yKeysBehavior, IronButtonState, IronControlState, PaperRippleBehavior, Pape
rButtonBehavior { |
| 55 PaperFab.created() : super.created(); | 57 PaperFab.created() : super.created(); |
| 56 factory PaperFab() => new Element.tag('paper-fab'); | 58 factory PaperFab() => new Element.tag('paper-fab'); |
| 57 | 59 |
| 58 /// Specifies the icon name or index in the set of icons available in | 60 /// Specifies the icon name or index in the set of icons available in |
| 59 /// the icon's icon set. If the icon property is specified, | 61 /// the icon's icon set. If the icon property is specified, |
| 60 /// the src property should not be. | 62 /// the src property should not be. |
| 61 String get icon => jsElement[r'icon']; | 63 String get icon => jsElement[r'icon']; |
| 62 set icon(String value) { jsElement[r'icon'] = value; } | 64 set icon(String value) { jsElement[r'icon'] = value; } |
| 63 | 65 |
| 64 /// Set this to true to style this is a "mini" FAB. | 66 /// Set this to true to style this is a "mini" FAB. |
| 65 bool get mini => jsElement[r'mini']; | 67 bool get mini => jsElement[r'mini']; |
| 66 set mini(bool value) { jsElement[r'mini'] = value; } | 68 set mini(bool value) { jsElement[r'mini'] = value; } |
| 67 | 69 |
| 68 /// The URL of an image for the icon. If the src property is specified, | 70 /// The URL of an image for the icon. If the src property is specified, |
| 69 /// the icon property should not be. | 71 /// the icon property should not be. |
| 70 String get src => jsElement[r'src']; | 72 String get src => jsElement[r'src']; |
| 71 set src(String value) { jsElement[r'src'] = value; } | 73 set src(String value) { jsElement[r'src'] = value; } |
| 72 } | 74 } |
| OLD | NEW |