[MD settings] support RTL in paper-slider

third_party/polymer/v1_0/components-chromium/paper-slider/paper-slider-extracted.js

 Polymer({
       is: 'paper-slider',
 
       behaviors: [
         Polymer.IronA11yKeysBehavior,
         Polymer.IronFormElementBehavior,
         Polymer.PaperInkyFocusBehavior,
         Polymer.IronRangeBehavior
       ],
 
@@ skipping 96 matching lines @@
         '_immediateValueChanged(immediateValue)',
         '_updateMarkers(maxMarkers, min, max, snaps)'
       ],
 
       hostAttributes: {
         role: 'slider',
         tabindex: 0
       },
 
       keyBindings: {
-        'left down pagedown home': '_decrementKey',
-        'right up pageup end': '_incrementKey'
+        'left down pagedown home': '_leftKey',
+        'right up pageup end': '_rightKey'
       },
 
       /**
        * Increases value by `step` but not above `max`.
        * @method increment
        */
       increment: function() {
         this.value = this._clampValue(this.value + this.step);
       },
 
@@ skipping 77 matching lines @@
         this._maxx = this._w - this._startx;
         this.$.sliderKnob.classList.add('dragging');
         this._setDragging(true);
       },
 
       _trackX: function(event) {
         if (!this.dragging) {
           this._trackStart(event);
         }
 
-        var dx = Math.min(this._maxx, Math.max(this._minx, event.detail.dx));
+        var direction = this._isRTL ? -1 : 1;
+        var dx = Math.min(
+            this._maxx, Math.max(this._minx, event.detail.dx * direction));
         this._x = this._startx + dx;
 
         var immediateValue = this._calcStep(this._calcKnobPosition(this._x / this._w));
         this._setImmediateValue(immediateValue);
 
         // update knob's position
         var translateX = ((this._calcRatio(this.immediateValue) * this._w) - this._knobstartx);
         this.translate3d(translateX + 'px', 0, 0, this.$.sliderKnob);
       },
 
@@ skipping 81 matching lines @@
           pin: this.pin,
           snaps: this.snaps,
           ring: this.immediateValue <= this.min,
           expand: this.expand,
           dragging: this.dragging,
           transiting: this.transiting,
           editable: this.editable
         });
       },
 
-      _incrementKey: function(event) {
+      get _isRTL() {
+        if (this.__isRTL === undefined) {
+          this.__isRTL = window.getComputedStyle(this)['direction'] === 'rtl';
+        }
+        return this.__isRTL;
+      },
+
+      _leftKey: function(event) {
+        if (this._isRTL)
+          this._incrementKey(event, 'home');
+        else
+          this._decrementKey(event, 'home');
+      },
+
+      _rightKey: function(event) {
+        if (this._isRTL)
+          this._decrementKey(event, 'end');
+        else
+          this._incrementKey(event, 'end');
+      },
+
+      _incrementKey: function(event, allTheWayKey) {
         if (!this.disabled) {
-          if (event.detail.key === 'end') {
+          if (event.detail.key === allTheWayKey) {
             this.value = this.max;
           } else {
             this.increment();
           }
           this.fire('change');
           event.preventDefault();
         }
       },
 
-      _decrementKey: function(event) {
+      _decrementKey: function(event, allTheWayKey) {
         if (!this.disabled) {
-          if (event.detail.key === 'home') {
+          if (event.detail.key === allTheWayKey) {
             this.value = this.min;
           } else {
             this.decrement();
           }
           this.fire('change');
           event.preventDefault();
         }
       },
 
       _changeValue: function(event) {
@@ skipping 48 matching lines @@
      */
 
     /**
      * Fired when the slider's value changes due to user interaction.
      *
      * Changes to the slider's value due to changes in an underlying
      * bound variable will not trigger this event.
      *
      * @event change
      */