Roll Polymer from 1.5.0 -> 1.6.0 to pick up native CSS custom props

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

 (function() {
       'use strict';
 
+      var config = {
+        ANIMATION_CUBIC_BEZIER: 'cubic-bezier(.3,.95,.5,1)',
+        MAX_ANIMATION_TIME_MS: 400
+      };
+
       var PaperMenuButton = Polymer({
         is: 'paper-menu-button',
 
         /**
          * Fired when the dropdown opens.
          *
          * @event paper-dropdown-open
          */
 
         /**
@@ skipping 32 matching lines @@
            * The orientation against which to align the menu dropdown
            * vertically relative to the dropdown trigger.
            */
           verticalAlign: {
             type: String,
             value: 'top',
             reflectToAttribute: true
           },
 
           /**
+           * If true, the `horizontalAlign` and `verticalAlign` properties will
+           * be considered preferences instead of strict requirements when
+           * positioning the dropdown and may be changed if doing so reduces
+           * the area of the dropdown falling outside of `fitInto`.
+           */
+          dynamicAlign: {
+            type: Boolean
+          },
+
+          /**
            * A pixel value that will be added to the position calculated for the
            * given `horizontalAlign`. Use a negative value to offset to the
            * left, or a positive value to offset to the right.
            */
           horizontalOffset: {
             type: Number,
             value: 0,
             notify: true
           },
 
           /**
            * A pixel value that will be added to the position calculated for the
            * given `verticalAlign`. Use a negative value to offset towards the
            * top, or a positive value to offset towards the bottom.
            */
           verticalOffset: {
             type: Number,
             value: 0,
             notify: true
           },
 
           /**
+           * If true, the dropdown will be positioned so that it doesn't overlap
+           * the button.
+           */
+          noOverlap: {
+            type: Boolean
+          },
+
+          /**
            * Set to true to disable animations when opening and closing the
            * dropdown.
            */
           noAnimations: {
             type: Boolean,
             value: false
           },
 
           /**
            * Set to true to disable automatically closing the dropdown after
            * a selection has been made.
            */
           ignoreSelect: {
             type: Boolean,
             value: false
           },
 
           /**
+           * Set to true to enable automatically closing the dropdown after an
+           * item has been activated, even if the selection did not change.
+           */
+          closeOnActivate: {
+            type: Boolean,
+            value: false
+          },
+
+          /**
            * An animation config. If provided, this will be used to animate the
            * opening of the dropdown.
            */
           openAnimationConfig: {
             type: Object,
             value: function() {
               return [{
                 name: 'fade-in-animation',
                 timing: {
                   delay: 100,
                   duration: 200
                 }
               }, {
                 name: 'paper-menu-grow-width-animation',
                 timing: {
                   delay: 100,
                   duration: 150,
-                  easing: PaperMenuButton.ANIMATION_CUBIC_BEZIER
+                  easing: config.ANIMATION_CUBIC_BEZIER
                 }
               }, {
                 name: 'paper-menu-grow-height-animation',
                 timing: {
                   delay: 100,
                   duration: 275,
-                  easing: PaperMenuButton.ANIMATION_CUBIC_BEZIER
+                  easing: config.ANIMATION_CUBIC_BEZIER
                 }
               }];
             }
           },
 
           /**
            * An animation config. If provided, this will be used to animate the
            * closing of the dropdown.
            */
           closeAnimationConfig: {
             type: Object,
             value: function() {
               return [{
                 name: 'fade-out-animation',
                 timing: {
                   duration: 150
                 }
               }, {
                 name: 'paper-menu-shrink-width-animation',
                 timing: {
                   delay: 100,
                   duration: 50,
-                  easing: PaperMenuButton.ANIMATION_CUBIC_BEZIER
+                  easing: config.ANIMATION_CUBIC_BEZIER
                 }
               }, {
                 name: 'paper-menu-shrink-height-animation',
                 timing: {
                   duration: 200,
                   easing: 'ease-in'
                 }
               }];
             }
           },
+          
+          /**
+           * By default, the dropdown will constrain scrolling on the page
+           * to itself when opened.
+           * Set to true in order to prevent scroll from being constrained
+           * to the dropdown when it opens.
+           */
+          allowOutsideScroll: {
+            type: Boolean,
+            value: false
+          },
 
           /**
            * This is the element intended to be bound as the focus target
            * for the `iron-dropdown` contained by `paper-menu-button`.
            */
           _dropdownContent: {
             type: Object
           }
         },
 
         hostAttributes: {
           role: 'group',
           'aria-haspopup': 'true'
         },
 
         listeners: {
+          'iron-activate': '_onIronActivate',
           'iron-select': '_onIronSelect'
         },
 
         /**
          * The content element that is contained by the menu button, if any.
          */
         get contentElement() {
           return Polymer.dom(this.$.content).getDistributedNodes()[0];
         },
 
@@ skipping 34 matching lines @@
          * @param {CustomEvent} event A CustomEvent instance with type
          * set to `"iron-select"`.
          */
         _onIronSelect: function(event) {
           if (!this.ignoreSelect) {
             this.close();
           }
         },
 
         /**
+         * Closes the dropdown when an `iron-activate` event is received if
+         * `closeOnActivate` is true.
+         *
+         * @param {CustomEvent} event A CustomEvent of type 'iron-activate'.
+         */
+        _onIronActivate: function(event) {
+          if (this.closeOnActivate) {
+            this.close();
+          }
+        },
+
+        /**
          * When the dropdown opens, the `paper-menu-button` fires `paper-open`.
          * When the dropdown closes, the `paper-menu-button` fires `paper-close`.
          *
          * @param {boolean} opened True if the dropdown is opened, otherwise false.
          * @param {boolean} oldOpened The previous value of `opened`.
          */
         _openedChanged: function(opened, oldOpened) {
           if (opened) {
             // TODO(cdata): Update this when we can measure changes in distributed
             // children in an idiomatic way.
@@ skipping 25 matching lines @@
           var target = Polymer.dom(uiEvent).rootTarget;
           var trigger = this.$.trigger;
           var path = Polymer.dom(uiEvent).path;
 
           if (path.indexOf(trigger) > -1) {
             event.preventDefault();
           }
         }
       });
 
-      PaperMenuButton.ANIMATION_CUBIC_BEZIER = 'cubic-bezier(.3,.95,.5,1)';
-      PaperMenuButton.MAX_ANIMATION_TIME_MS = 400;
+      Object.keys(config).forEach(function (key) {
+        PaperMenuButton[key] = config[key];
+      });
 
       Polymer.PaperMenuButton = PaperMenuButton;
     })();