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_button`. | 3 /// Dart API for the polymer element `paper_button`. |
4 @HtmlImport('paper_button_nodart.html') | 4 @HtmlImport('paper_button_nodart.html') |
5 library polymer_elements.lib.src.paper_button.paper_button; | 5 library polymer_elements.lib.src.paper_button.paper_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_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'; |
15 import 'paper_material.dart'; | 16 import 'paper_material.dart'; |
16 import 'paper_ripple.dart'; | 17 import 'paper_ripple.dart'; |
17 import 'iron_flex_layout.dart'; | 18 import 'iron_flex_layout.dart'; |
18 | 19 |
19 /// Material Design: <a href="http://www.google.com/design/spec/components/butto
ns.html">Buttons</a> | 20 /// Material design: [Buttons](https://www.google.com/design/spec/components/but
tons.html) |
20 /// | 21 /// |
21 /// `paper-button` is a button. When the user touches the button, a ripple effec
t emanates | 22 /// `paper-button` is a button. When the user touches the button, a ripple effec
t emanates |
22 /// from the point of contact. It may be flat or raised. A raised button is styl
ed with a | 23 /// from the point of contact. It may be flat or raised. A raised button is styl
ed with a |
23 /// shadow. | 24 /// shadow. |
24 /// | 25 /// |
25 /// Example: | 26 /// Example: |
26 /// | 27 /// |
27 /// <paper-button>Flat button</paper-button> | 28 /// <paper-button>Flat button</paper-button> |
28 /// <paper-button raised>Raised button</paper-button> | 29 /// <paper-button raised>Raised button</paper-button> |
29 /// <paper-button noink>No ripple effect</paper-button> | 30 /// <paper-button noink>No ripple effect</paper-button> |
(...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
65 /// The following custom properties and mixins are also available for styling: | 66 /// The following custom properties and mixins are also available for styling: |
66 /// | 67 /// |
67 /// Custom property | Description | Default | 68 /// Custom property | Description | Default |
68 /// ----------------|-------------|---------- | 69 /// ----------------|-------------|---------- |
69 /// `--paper-button-ink-color` | Background color of the ripple | `Based on the
button's color` | 70 /// `--paper-button-ink-color` | Background color of the ripple | `Based on the
button's color` |
70 /// `--paper-button` | Mixin applied to the button | `{}` | 71 /// `--paper-button` | Mixin applied to the button | `{}` |
71 /// `--paper-button-disabled` | Mixin applied to the disabled button. Note that
you can also use the `paper-button[disabled]` selector | `{}` | 72 /// `--paper-button-disabled` | Mixin applied to the disabled button. Note that
you can also use the `paper-button[disabled]` selector | `{}` |
72 /// `--paper-button-flat-keyboard-focus` | Mixin applied to a flat button after
it's been focused using the keyboard | `{}` | 73 /// `--paper-button-flat-keyboard-focus` | Mixin applied to a flat button after
it's been focused using the keyboard | `{}` |
73 /// `--paper-button-raised-keyboard-focus` | Mixin applied to a raised button af
ter it's been focused using the keyboard | `{}` | 74 /// `--paper-button-raised-keyboard-focus` | Mixin applied to a raised button af
ter it's been focused using the keyboard | `{}` |
74 @CustomElementProxy('paper-button') | 75 @CustomElementProxy('paper-button') |
75 class PaperButton extends HtmlElement with CustomElementProxyMixin, PolymerBase,
IronA11yKeysBehavior, IronButtonState, IronControlState, PaperButtonBehavior { | 76 class PaperButton extends HtmlElement with CustomElementProxyMixin, PolymerBase,
IronA11yKeysBehavior, IronButtonState, IronControlState, PaperRippleBehavior, P
aperButtonBehavior { |
76 PaperButton.created() : super.created(); | 77 PaperButton.created() : super.created(); |
77 factory PaperButton() => new Element.tag('paper-button'); | 78 factory PaperButton() => new Element.tag('paper-button'); |
78 | 79 |
79 /// If true, the button should be styled with a shadow. | 80 /// If true, the button should be styled with a shadow. |
80 bool get raised => jsElement[r'raised']; | 81 bool get raised => jsElement[r'raised']; |
81 set raised(bool value) { jsElement[r'raised'] = value; } | 82 set raised(bool value) { jsElement[r'raised'] = value; } |
82 } | 83 } |
OLD | NEW |