[MD settings] merge polymer 1.0.11; hack for settings checkbox

third_party/polymer/v1_0/components-chromium/iron-behaviors/iron-button-state-extracted.js

-
-
-  /**
+/**
    * @demo demo/index.html
    * @polymerBehavior Polymer.IronButtonState
    */
   Polymer.IronButtonStateImpl = {
 
     properties: {
 
       /**
        * If true, the user is currently holding down the button.
        */
@@ skipping 15 matching lines @@
         reflectToAttribute: true
       },
 
       /**
        * If true, the button is a toggle and is currently in the active state.
        */
       active: {
         type: Boolean,
         value: false,
         notify: true,
-        reflectToAttribute: true,
-        observer: '_activeChanged'
+        reflectToAttribute: true
       },
 
       /**
        * True if the element is currently being pressed by a "pointer," which
        * is loosely defined as mouse or touch input (but specifically excluding
        * keyboard input).
        */
       pointerDown: {
         type: Boolean,
         readOnly: true,
         value: false
       },
 
       /**
        * True if the input device that caused the element to receive focus
        * was a keyboard.
        */
       receivedFocusFromKeyboard: {
         type: Boolean,
         readOnly: true
+      },
+
+      /**
+       * The aria attribute to be set if the button is a toggle and in the
+       * active state.
+       */
+      ariaActiveAttribute: {
+        type: String,
+        value: 'aria-pressed',
+        observer: '_ariaActiveAttributeChanged'
       }
     },
 
     listeners: {
       down: '_downHandler',
       up: '_upHandler',
       tap: '_tapHandler'
     },
 
     observers: [
-      '_detectKeyboardFocus(focused)'
+      '_detectKeyboardFocus(focused)',
+      '_activeChanged(active, ariaActiveAttribute)'
     ],
 
     keyBindings: {
       'enter:keydown': '_asyncClick',
       'space:keydown': '_spaceKeyDownHandler',
       'space:keyup': '_spaceKeyUpHandler',
     },
 
     _mouseEventRe: /^mouse/,
 
     _tapHandler: function() {
       if (this.toggles) {
        // a tap is needed to toggle the active state
         this._userActivate(!this.active);
       } else {
         this.active = false;
       }
     },
 
     _detectKeyboardFocus: function(focused) {
       this._setReceivedFocusFromKeyboard(!this.pointerDown && focused);
     },
 
     // to emulate native checkbox, (de-)activations from a user interaction fire
     // 'change' events
     _userActivate: function(active) {
-      this.active = active;
-      this.fire('change');
+      if (this.active !== active) {
+        this.active = active;
+        this.fire('change');
+      }
     },
 
     _eventSourceIsPrimaryInput: function(event) {
       event = event.detail.sourceEvent || event;
 
       // Always true for non-mouse events....
       if (!this._mouseEventRe.test(event.type)) {
         return true;
       }
 
@@ skipping 47 matching lines @@
         this.click();
       }, 1);
     },
 
     // any of these changes are considered a change to button state
 
     _pressedChanged: function(pressed) {
       this._changedButtonState();
     },
 
-    _activeChanged: function(active) {
+    _ariaActiveAttributeChanged: function(value, oldValue) {
+      if (oldValue && oldValue != value && this.hasAttribute(oldValue)) {
+        this.removeAttribute(oldValue);
+      }
+    },
+
+    _activeChanged: function(active, ariaActiveAttribute) {
       if (this.toggles) {
-        this.setAttribute('aria-pressed', active ? 'true' : 'false');
+        this.setAttribute(this.ariaActiveAttribute,
+                          active ? 'true' : 'false');
       } else {
-        this.removeAttribute('aria-pressed');
+        this.removeAttribute(this.ariaActiveAttribute);
       }
       this._changedButtonState();
     },
 
     _controlStateChanged: function() {
       if (this.disabled) {
         this._setPressed(false);
       } else {
         this._changedButtonState();
       }
     },
 
     // provide hook for follow-on behaviors to react to button-state
 
     _changedButtonState: function() {
       if (this._buttonStateChanged) {
         this._buttonStateChanged(); // abstract
       }
     }
 
   };
 
   /** @polymerBehavior */
   Polymer.IronButtonState = [
     Polymer.IronA11yKeysBehavior,
     Polymer.IronButtonStateImpl
-  ];
-
+  ];