| 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 |