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_item`. | 3 /// Dart API for the polymer element `paper_item`. |
4 @HtmlImport('paper_item_nodart.html') | 4 @HtmlImport('paper_item_nodart.html') |
5 library polymer_elements.lib.src.paper_item.paper_item; | 5 library polymer_elements.lib.src.paper_item.paper_item; |
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 'iron_control_state.dart'; | 11 import 'iron_control_state.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 'paper_styles.dart'; | 14 import 'paper_styles.dart'; |
15 import 'paper_item_shared_styles.dart'; | 15 import 'paper_item_shared_styles.dart'; |
16 | 16 |
| 17 /// Material design: [Lists](https://www.google.com/design/spec/components/lists
.html) |
| 18 /// |
17 /// `<paper-item>` is a non-interactive list item. By default, it is a horizonta
l flexbox. | 19 /// `<paper-item>` is a non-interactive list item. By default, it is a horizonta
l flexbox. |
18 /// | 20 /// |
19 /// <paper-item>Item</paper-item> | 21 /// <paper-item>Item</paper-item> |
20 /// | 22 /// |
21 /// Use this element with `<paper-item-body>` to make Material Design styled two
-line and three-line | 23 /// Use this element with `<paper-item-body>` to make Material Design styled two
-line and three-line |
22 /// items. | 24 /// items. |
23 /// | 25 /// |
24 /// <paper-item> | 26 /// <paper-item> |
25 /// <paper-item-body two-line> | 27 /// <paper-item-body two-line> |
26 /// <div>Show your status</div> | 28 /// <div>Show your status</div> |
27 /// <div secondary>Your status is visible to everyone</div> | 29 /// <div secondary>Your status is visible to everyone</div> |
28 /// </paper-item-body> | 30 /// </paper-item-body> |
29 /// <iron-icon icon="warning"></iron-icon> | 31 /// <iron-icon icon="warning"></iron-icon> |
30 /// </paper-item> | 32 /// </paper-item> |
31 /// | 33 /// |
32 /// ### Styling | 34 /// ### Styling |
33 /// | 35 /// |
34 /// The following custom properties and mixins are available for styling: | 36 /// The following custom properties and mixins are available for styling: |
35 /// | 37 /// |
36 /// Custom property | Description | Default | 38 /// Custom property | Description
| Default |
37 /// ----------------|-------------|---------- | 39 /// ------------------------------|---------------------------------------------
---|---------- |
38 /// `--paper-item-min-height` | Minimum height of the item | `48px` | 40 /// `--paper-item-min-height` | Minimum height of the item
| `48px` |
39 /// `--paper-item` | Mixin applied to the item | `{}` | 41 /// `--paper-item` | Mixin applied to the item
| `{}` |
| 42 /// `--paper-item-selected-weight`| The font weight of a selected item
| `bold` |
| 43 /// `--paper-item-selected` | Mixin applied to selected paper-items
| `{}` |
| 44 /// `--paper-item-disabled-color` | The color for disabled paper-items
| `--disabled-text-color` |
| 45 /// `--paper-item-disabled` | Mixin applied to disabled paper-items
| `{}` |
| 46 /// `--paper-item-focused` | Mixin applied to focused paper-items
| `{}` |
| 47 /// `--paper-item-focused-before` | Mixin applied to :before focused paper-items
| `{}` |
| 48 /// |
40 /// | 49 /// |
41 /// ### Accessibility | 50 /// ### Accessibility |
42 /// | 51 /// |
43 /// This element has `role="listitem"` by default. Depending on usage, it may be
more appropriate to set | 52 /// This element has `role="listitem"` by default. Depending on usage, it may be
more appropriate to set |
44 /// `role="menuitem"`, `role="menuitemcheckbox"` or `role="menuitemradio"`. | 53 /// `role="menuitem"`, `role="menuitemcheckbox"` or `role="menuitemradio"`. |
45 /// | 54 /// |
46 /// <paper-item role="menuitemcheckbox"> | 55 /// <paper-item role="menuitemcheckbox"> |
47 /// <paper-item-body> | 56 /// <paper-item-body> |
48 /// Show your status | 57 /// Show your status |
49 /// </paper-item-body> | 58 /// </paper-item-body> |
50 /// <paper-checkbox></paper-checkbox> | 59 /// <paper-checkbox></paper-checkbox> |
51 /// </paper-item> | 60 /// </paper-item> |
52 @CustomElementProxy('paper-item') | 61 @CustomElementProxy('paper-item') |
53 class PaperItem extends HtmlElement with CustomElementProxyMixin, PolymerBase, I
ronControlState, IronA11yKeysBehavior, IronButtonState { | 62 class PaperItem extends HtmlElement with CustomElementProxyMixin, PolymerBase, I
ronControlState, IronA11yKeysBehavior, IronButtonState { |
54 PaperItem.created() : super.created(); | 63 PaperItem.created() : super.created(); |
55 factory PaperItem() => new Element.tag('paper-item'); | 64 factory PaperItem() => new Element.tag('paper-item'); |
56 } | 65 } |
OLD | NEW |