Roll Polymer elements

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 47 matching lines @@
           readOnly: true,
           notify: true
         },
 
         /**
          * The maximum number of markers
          */
         maxMarkers: {
           type: Number,
           value: 0,
-          notify: true,
-          observer: '_maxMarkersChanged'
+          notify: true
         },
 
         /**
          * If true, the knob is expanded
          */
         expand: {
           type: Boolean,
           value: false,
           readOnly: true
         },
@@ skipping 16 matching lines @@
         markers: {
           type: Array,
           readOnly: true,
           value: []
         },
       },
 
       observers: [
         '_updateKnob(value, min, max, snaps, step)',
         '_valueChanged(value)',
-        '_immediateValueChanged(immediateValue)'
+        '_immediateValueChanged(immediateValue)',
+        '_updateMarkers(maxMarkers, min, max, snaps)'
       ],
 
       hostAttributes: {
         role: 'slider',
         tabindex: 0
       },
 
       keyBindings: {
         'left down pagedown home': '_decrementKey',
         'right up pageup end': '_incrementKey'
       },
 
-      ready: function() {
-        // issue polymer/polymer#1305
-        this.async(function() {
-          this._updateKnob(this.value);
-        }, 1);
-      },
-
       /**
        * Increases value by `step` but not above `max`.
        * @method increment
        */
       increment: function() {
         this.value = this._clampValue(this.value + this.step);
       },
 
       /**
        * Decreases value by `step` but not below `min`.
@@ skipping 146 matching lines @@
         // set the focus manually because we will called prevent default
         this.focus();
       },
 
       _knobTransitionEnd: function(event) {
         if (event.target === this.$.sliderKnob) {
           this._setTransiting(false);
         }
       },
 
-      _maxMarkersChanged: function(maxMarkers) {
-        if (!this.snaps) {
+      _updateMarkers: function(maxMarkers, min, max, snaps) {
+        if (!snaps) {
           this._setMarkers([]);
         }
-        var steps = Math.round((this.max - this.min) / this.step);
+        var steps = Math.round((max - min) / this.step);
         if (steps > maxMarkers) {
           steps = maxMarkers;
         }
         this._setMarkers(new Array(steps));
       },
 
       _mergeClasses: function(classes) {
         return Object.keys(classes).filter(
           function(className) {
             return classes[className];
@@ skipping 69 matching lines @@
       }
     });
 
     /**
      * Fired when the slider's value changes.
      *
      * @event value-change
      */
 
     /**
-     * Fired when the slider's immediateValue changes.
+     * Fired when the slider's immediateValue changes. Only occurs while the
+     * user is dragging.
+     *
+     * To detect changes to immediateValue that happen for any input (i.e.                                                          
+     * dragging, tapping, clicking, etc.) listen for immediate-value-changed
+     * instead.
      *
      * @event immediate-value-change
      */
 
     /**
      * 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
      */