Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(65)

Side by Side Diff: lib/paper_item.dart

Issue 1418513006: update elements and fix some bugs (Closed) Base URL: git@github.com:dart-lang/polymer_elements.git@master
Patch Set: code review updates Created 5 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « lib/paper_input_container.dart ('k') | lib/paper_material.dart » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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 }
OLDNEW
« no previous file with comments | « lib/paper_input_container.dart ('k') | lib/paper_material.dart » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698