Index: polymer_1.2.3/bower_components/paper-item/paper-item.html |
diff --git a/polymer_1.0.4/bower_components/paper-item/paper-item.html b/polymer_1.2.3/bower_components/paper-item/paper-item.html |
similarity index 51% |
copy from polymer_1.0.4/bower_components/paper-item/paper-item.html |
copy to polymer_1.2.3/bower_components/paper-item/paper-item.html |
index 50b89fee4364d1899048425e61e2258876d954f8..6c7cd5be5fb0747fa70e173555a0867f71fe0b32 100644 |
--- a/polymer_1.0.4/bower_components/paper-item/paper-item.html |
+++ b/polymer_1.2.3/bower_components/paper-item/paper-item.html |
@@ -10,10 +10,13 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN |
<link rel="import" href="../polymer/polymer.html"> |
<link rel="import" href="../iron-flex-layout/iron-flex-layout.html"> |
-<link rel="import" href="../paper-styles/paper-styles.html"> |
+<link rel="import" href="paper-item-behavior.html"> |
+<link rel="import" href="paper-item-shared-styles.html"> |
<!-- |
-`<paper-item>` is a non-interactive list item. By default, it is a horizontal flexbox. |
+Material design: [Lists](https://www.google.com/design/spec/components/lists.html) |
+ |
+`<paper-item>` is an interactive list item. By default, it is a horizontal flexbox. |
<paper-item>Item</paper-item> |
@@ -32,10 +35,16 @@ items. |
The following custom properties and mixins are available for styling: |
-Custom property | Description | Default |
-----------------|-------------|---------- |
-`--paper-item-min-height` | Minimum height of the item | `48px` |
-`--paper-item` | Mixin applied to the item | `{}` |
+Custom property | Description | Default |
+------------------------------|----------------------------------------------|---------- |
+`--paper-item-min-height` | Minimum height of the item | `48px` |
+`--paper-item` | Mixin applied to the item | `{}` |
+`--paper-item-selected-weight`| The font weight of a selected item | `bold` |
+`--paper-item-selected` | Mixin applied to selected paper-items | `{}` |
+`--paper-item-disabled-color` | The color for disabled paper-items | `--disabled-text-color` |
+`--paper-item-disabled` | Mixin applied to disabled paper-items | `{}` |
+`--paper-item-focused` | Mixin applied to focused paper-items | `{}` |
+`--paper-item-focused-before` | Mixin applied to :before focused paper-items | `{}` |
### Accessibility |
@@ -55,41 +64,28 @@ This element has `role="listitem"` by default. Depending on usage, it may be mor |
--> |
<dom-module id="paper-item"> |
+ <template> |
+ <style include="paper-item-shared-styles"></style> |
+ <style> |
+ :host { |
+ @apply(--layout-horizontal); |
+ @apply(--layout-center); |
+ @apply(--paper-font-subhead); |
- <link rel="import" type="css" href="paper-item-shared.css"> |
- |
- <style> |
- |
- :host { |
- @apply(--layout-horizontal); |
- @apply(--layout-center); |
- @apply(--paper-font-subhead); |
- |
- @apply(--paper-item); |
- } |
- |
- </style> |
+ @apply(--paper-item); |
+ } |
+ </style> |
- <template> |
<content></content> |
</template> |
-</dom-module> |
- |
-<script> |
- |
-(function() { |
- |
- Polymer({ |
- |
- is: 'paper-item', |
+ <script> |
+ Polymer({ |
+ is: 'paper-item', |
- hostAttributes: { |
- role: 'listitem' |
- } |
- |
- }); |
- |
-})(); |
- |
-</script> |
+ behaviors: [ |
+ Polymer.PaperItemBehavior |
+ ] |
+ }); |
+ </script> |
+</dom-module> |