MD Settings: roll paper-radio-button, 1.2.1 -> 1.3.1

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

 Polymer({
       is: 'paper-radio-button',
 
       behaviors: [
         Polymer.PaperCheckedElementBehavior
       ],
 
       hostAttributes: {
         role: 'radio',
         'aria-checked': false,
@@ skipping 14 matching lines @@
          */
 
         ariaActiveAttribute: {
           type: String,
           value: 'aria-checked'
         }
       },
 
       ready: function() {
         this._rippleContainer = this.$.radioContainer;
-      }
+      },
+
+      attached: function() {
+        var inkSize = this.getComputedStyleValue('--calculated-paper-radio-button-ink-size');
+        // If unset, compute and set the default `--paper-radio-button-ink-size`.
+        if (inkSize === '-1px') {

[dpapad, 2016/11/24 00:02:45]

I did a sanity check, and there is a problem in this line, because inkSize is "
-1px" so the comparison fails, which results in no ripple showing. @scottchen
will follow up with the PR's author to fix this. Holding off this roll until
then.

+          var size = parseFloat(this.getComputedStyleValue('--calculated-paper-radio-button-size'));
+          var defaultInkSize = Math.floor(3 * size);
+
+          // The button and ripple need to have the same parity so that their
+          // centers align.
+          if (defaultInkSize % 2 !== size % 2) {
+            defaultInkSize++;
+          }
+
+          this.customStyle['--paper-radio-button-ink-size'] = defaultInkSize + 'px';
+          this.updateStyles();
+        }
+      },
     });