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 |