third_party/polymer/v1_0/components-chromium/paper-radio-group/paper-radio-group-extracted.js

   1 Polymer({
   2     is: 'paper-radio-group',
   3
   4     behaviors: [
   5       Polymer.IronA11yKeysBehavior,
   6       Polymer.IronSelectableBehavior
   7     ],
   8
   9     hostAttributes: {
  10       role: 'radiogroup',
  11       tabindex: 0
  12     },
  13
  14     properties: {
  15       /**
  16        * Overriden from Polymer.IronSelectableBehavior
  17        */
  18       attrForSelected: {
  19         type: String,
  20         value: 'name'
  21       },
  22
  23       /**
  24        * Overriden from Polymer.IronSelectableBehavior
  25        */
  26       selectedAttribute: {
  27         type: String,
  28         value: 'checked'
  29       },
  30
  31       /**
  32        * Overriden from Polymer.IronSelectableBehavior
  33        */
  34       selectable: {
  35         type: String,
  36         value: 'paper-radio-button'
  37       }
  38     },
  39
  40     keyBindings: {
  41       'left up': 'selectPrevious',
  42       'right down': 'selectNext',
  43     },
  44
  45     /**
  46      * Selects the given value.
  47      */
  48      select: function(value) {
  49       if (this.selected) {
  50         var oldItem = this._valueToItem(this.selected);
  51
  52         // Do not allow unchecking the selected item.
  53         if (this.selected == value) {
  54           oldItem.checked = true;
  55           return;
  56         }
  57
  58         if (oldItem)
  59           oldItem.checked = false;
  60       }
  61
  62       Polymer.IronSelectableBehavior.select.apply(this, [value]);
  63       this.fire('paper-radio-group-changed');
  64     },
  65
  66     /**
  67      * Selects the previous item. If the previous item is disabled, then it is
  68      * skipped, and its previous item is selected
  69      */
  70     selectPrevious: function() {
  71       var length = this.items.length;
  72       var newIndex = Number(this._valueToIndex(this.selected));
  73
  74       do {
  75         newIndex = (newIndex - 1 + length) % length;
  76       } while (this.items[newIndex].disabled)
  77
  78       this.select(this._indexToValue(newIndex));
  79     },
  80
  81     /**
  82      * Selects the next item. If the next item is disabled, then it is
  83      * skipped, and the next item after it is selected.
  84      */
  85     selectNext: function() {
  86       var length = this.items.length;
  87       var newIndex = Number(this._valueToIndex(this.selected));
  88
  89       do {
  90         newIndex = (newIndex + 1 + length) % length;
  91       } while (this.items[newIndex].disabled)
  92
  93       this.select(this._indexToValue(newIndex));
  94     },
  95   });