From 1567c81224ac1f7c0b092bdb253bd7ebad731c21 Mon Sep 17 00:00:00 2001
From: hoangv <vincent.hoang@bluestone.fr>
Date: Mon, 14 Mar 2016 15:49:22 +0100
Subject: [PATCH 1/2] [fix drag range value and add exemple]

---
 src/examples.html | 12 ++++++++++++
 src/slider.js     |  6 +++++-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/examples.html b/src/examples.html
index 02f5037..b1b8c3c 100644
--- a/src/examples.html
+++ b/src/examples.html
@@ -73,6 +73,12 @@ <h2>Vertical slider</h2>
     <code>d3.slider().value(50).orientation("vertical")</code>
     <div id="slider7"></div>
 
+    <h2>Slider range with slide event: <span id="slider8text">0</span></h2>
+    <code>d3.slider().domain([10,90]).on("drag", function(evt, value) {<br>
+    &nbsp;&nbsp;d3.select('#slider8text').text(value);<br>
+    })</code>
+    <div id="slider8"></div>
+
   </div>
 
   <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
@@ -95,6 +101,12 @@ <h2>Vertical slider</h2>
 
     d3.select('#slider7').call(d3.slider().orientation("vertical"));
 
+    d3.select('#slider8').call(
+            d3.slider().value([10,90])
+                    .on("drag", function(evt, value) {
+                      d3.select('#slider8text').text(value);
+    }));
+
   </script>
  
 </body>
diff --git a/src/slider.js b/src/slider.js
index d83c2a5..3c87bf9 100644
--- a/src/slider.js
+++ b/src/slider.js
@@ -117,8 +117,10 @@ d3.slider = function module() {
     if (value.length === 2) { // Two handles
       if (Math.abs(value[0] - newValue) > Math.abs(value[1] - newValue)) {
         moveHandle([value[0], newValue]);
+        dispatch.drag(d3.event.sourceEvent, [newValue, value[1]]);
       } else {
         moveHandle([newValue, value[1]]);
+        dispatch.drag(d3.event.sourceEvent, [value[0], newValue]);
       }
     } else { // Single handle
       moveHandle(newValue);
@@ -135,8 +137,10 @@ d3.slider = function module() {
       //console.log(lowerHandle, newValue, value);
       if (lowerHandle && newValue <= value[1]) {
         moveHandle([newValue, value[1]]);
+        dispatch.drag(d3.event.sourceEvent, [newValue, value[1]]);
       } else if (!lowerHandle && newValue >= value[0]) {
         moveHandle([value[0], newValue]); 
+        dispatch.drag(d3.event.sourceEvent, [value[0], newValue]);
       }
     } else if (newValue !== value) {
       moveHandle(newValue);
@@ -274,4 +278,4 @@ Other sliders:
 http://api.jqueryui.com/slider/
 http://refreshless.com/nouislider/
 
-*/
\ No newline at end of file
+*/

From 7b3b81420c5bfe134fd1a241c92925d8cb680412 Mon Sep 17 00:00:00 2001
From: hoangv <vincent.hoang@bluestone.fr>
Date: Mon, 14 Mar 2016 15:53:16 +0100
Subject: [PATCH 2/2] [fix onclick range value]

---
 src/slider.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/slider.js b/src/slider.js
index 3c87bf9..de49d73 100644
--- a/src/slider.js
+++ b/src/slider.js
@@ -117,10 +117,10 @@ d3.slider = function module() {
     if (value.length === 2) { // Two handles
       if (Math.abs(value[0] - newValue) > Math.abs(value[1] - newValue)) {
         moveHandle([value[0], newValue]);
-        dispatch.drag(d3.event.sourceEvent, [newValue, value[1]]);
+        dispatch.drag(d3.event.sourceEvent, [value[0], newValue]);
       } else {
         moveHandle([newValue, value[1]]);
-        dispatch.drag(d3.event.sourceEvent, [value[0], newValue]);
+        dispatch.drag(d3.event.sourceEvent, [newValue, value[1]]);
       }
     } else { // Single handle
       moveHandle(newValue);