third_party/polymer/v1_0/components-chromium/iron-selector/iron-selector-extracted.js

   1 /**
   2   `iron-selector` is an element which can be used to manage a list of elements
   3   that can be selected.  Tapping on the item will make the item selected.  The `selected` indicates
   4   which item is being selected.  The default is to use the index of the item.
   5
   6   Example:
   7
   8       <iron-selector selected="0">
   9         <div>Item 1</div>
  10         <div>Item 2</div>
  11         <div>Item 3</div>
  12       </iron-selector>
  13
  14   If you want to use the attribute value of an element for `selected` instead of the index,
  15   set `attrForSelected` to the name of the attribute.  For example, if you want to select item by
  16   `name`, set `attrForSelected` to `name`.
  17
  18   Example:
  19
  20       <iron-selector attr-for-selected="name" selected="foo">
  21         <div name="foo">Foo</div>
  22         <div name="bar">Bar</div>
  23         <div name="zot">Zot</div>
  24       </iron-selector>
  25
  26   `iron-selector` is not styled. Use the `iron-selected` CSS class to style the selected element.
  27
  28   Example:
  29
  30       <style>
  31         .iron-selected {
  32           background: #eee;
  33         }
  34       </style>
  35
  36       ...
  37
  38       <iron-selector selected="0">
  39         <div>Item 1</div>
  40         <div>Item 2</div>
  41         <div>Item 3</div>
  42       </iron-selector>
  43
  44   @demo demo/index.html
  45   */
  46
  47   Polymer({
  48
  49     is: 'iron-selector',
  50
  51     behaviors: [
  52       Polymer.IronMultiSelectableBehavior
  53     ]
  54
  55   });