[Polymer] Roll polymer to latest version

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

 (function() {
       'use strict';
 
       Polymer({
         is: 'iron-dropdown',
 
         behaviors: [
           Polymer.IronControlState,
           Polymer.IronA11yKeysBehavior,
           Polymer.IronOverlayBehavior,
@@ skipping 16 matching lines @@
            * vertically relative to the dropdown trigger.
            */
           verticalAlign: {
             type: String,
             value: 'top',
             reflectToAttribute: true
           },
 
           /**
            * 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.
+           * given `horizontalAlign`, in the direction of alignment. You can think
+           * of it as increasing or decreasing the distance to the side of the
+           * screen given by `horizontalAlign`.
+           *
+           * If `horizontalAlign` is "left", this offset will increase or decrease
+           * the distance to the left side of the screen: a negative offset will
+           * move the dropdown to the left; a positive one, to the right.
+           *
+           * Conversely if `horizontalAlign` is "right", this offset will increase
+           * or decrease the distance to the right side of the screen: a negative
+           * offset will move the dropdown to the right; a positive one, to the left.
            */
           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.
+           * given `verticalAlign`, in the direction of alignment. You can think
+           * of it as increasing or decreasing the distance to the side of the
+           * screen given by `verticalAlign`.
+           *
+           * If `verticalAlign` is "top", this offset will increase or decrease
+           * the distance to the top side of the screen: a negative offset will
+           * move the dropdown upwards; a positive one, downwards.
+           *
+           * Conversely if `verticalAlign` is "bottom", this offset will increase
+           * or decrease the distance to the bottom side of the screen: a negative
+           * offset will move the dropdown downwards; a positive one, upwards.
            */
           verticalOffset: {
             type: Number,
             value: 0,
             notify: true
           },
 
           /**
            * The element that should be used to position the dropdown when
            * it is opened.
@@ skipping 79 matching lines @@
         },
 
         /**
          * The element that should be focused when the dropdown opens.
          */
         get _focusTarget() {
           return this.focusTarget || this.containedElement;
         },
 
         /**
+         * Whether the text direction is RTL
+         */
+        _isRTL: function() {
+          return window.getComputedStyle(this).direction == 'rtl';
+        },
+
+        /**
          * The element that should be used to position the dropdown when
          * it opens, if no position target is configured.
          */
         get _defaultPositionTarget() {
           var parent = Polymer.dom(this).parentNode;
 
           if (parent.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
             parent = parent.host;
           }
 
@@ skipping 10 matching lines @@
 
           return this._positionRectMemo;
         },
 
         /**
          * The horizontal offset value used to position the dropdown.
          */
         get _horizontalAlignTargetValue() {
           var target;
 
-          if (this.horizontalAlign === 'right') {
+          // In RTL, the direction flips, so what is "right" in LTR becomes "left".
+          var isRTL = this._isRTL();
+          if ((!isRTL && this.horizontalAlign === 'right') ||
+              (isRTL && this.horizontalAlign === 'left')) {
             target = document.documentElement.clientWidth - this._positionRect.right;
           } else {
             target = this._positionRect.left;
           }
 
           target += this.horizontalOffset;
 
           return Math.max(target, 0);
         },
 
         /**
          * The vertical offset value used to position the dropdown.
          */
         get _verticalAlignTargetValue() {
           var target;
 
           if (this.verticalAlign === 'bottom') {
             target = document.documentElement.clientHeight - this._positionRect.bottom;
           } else {
             target = this._positionRect.top;
           }
 
           target += this.verticalOffset;
 
           return Math.max(target, 0);
         },
 
         /**
+         * The horizontal align value, accounting for the RTL/LTR text direction.
+         */
+        get _localeHorizontalAlign() {
+          // In RTL, "left" becomes "right".
+          if (this._isRTL()) {
+            return this.horizontalAlign === 'right' ? 'left' : 'right';
+          } else {
+            return this.horizontalAlign;
+          }
+        },
+
+        /**
          * Called when the value of `opened` changes.
          *
          * @param {boolean} opened True if the dropdown is opened.
          */
         _openedChanged: function(opened) {
           if (opened && this.disabled) {
             this.cancel();
           } else {
             this.cancelAnimation();
             this._prepareDropdown();
@@ skipping 127 matching lines @@
          * and vertical alignment, and re-memoizes these values for the sake
          * of behavior in `IronFitBehavior`.
          */
         _updateOverlayPosition: function() {
           this._positionRectMemo = null;
 
           if (!this.positionTarget) {
             return;
           }
 
-          this.style[this.horizontalAlign] =
+          this.style[this._localeHorizontalAlign] =
             this._horizontalAlignTargetValue + 'px';
 
           this.style[this.verticalAlign] =
             this._verticalAlignTargetValue + 'px';
 
           // NOTE(cdata): We re-memoize inline styles here, otherwise
           // calling `refit` from `IronFitBehavior` will reset inline styles
           // to whatever they were when the dropdown first opened.
           if (this._fitInfo) {
             this._fitInfo.inlineStyle[this.horizontalAlign] =
@@ skipping 11 matching lines @@
           // NOTE(cdata): This is async so that it can attempt the focus after
           // `display: none` is removed from the element.
           this.async(function() {
             if (this._focusTarget) {
               this._focusTarget.focus();
             }
           });
         }
       });
     })();