Merge pull request #8 from jeffposnick/master

manual-change event

paper-slider.html

@@ -111,6 +111,15 @@
      *
      * @event change
      */
+
+    /**
+     * Fired when the slider's value changes due to manual interaction.
+     *
+     * Changes to the slider's value due to changes in an underlying
+     * bound variable will not trigger this event.
+     *
+     * @event manual-change
+     */
 
     /**
      * If true, the slider thumb snaps to tick marks evenly spaced based
@@ -212,6 +221,7 @@
 
     inputChange: function() {
       this.value = this.$.input.value;
+      this.fire('manual-change');
     },
 
     calcKnobPosition: function() {
@@ -248,6 +258,7 @@
       this.$.sliderKnob.classList.remove('dragging');
       this.resetKnob();
       this.value = this.immediateValue;
+      this.fire('manual-change');
     },
 
     bardown: function(e) {
@@ -257,6 +268,7 @@
       this.positionKnob((e.x - rect.left) / this._w);
       this.value = this.calcStep(this.calcKnobPosition());
       this.expandJob = this.job(this.expandJob, this.expandKnob, 60);
+      this.fire('manual-change');
     },
 
     knobTransitionEnd: function() {
@@ -285,8 +297,10 @@
       var c = e.keyCode;
       if (c === 37) {
         this.decrement();
+        this.fire('manual-change');
       } else if (c === 39) {
         this.increment();
+        this.fire('manual-change');
       }
     }