From ee21fddc8521eb90d932a8367c39877d531de2e2 Mon Sep 17 00:00:00 2001
From: Luis Leiva <lleiva@sciling.com>
Date: Sun, 19 Nov 2017 21:04:36 +0100
Subject: [PATCH] Added mouse*Before event hooks

---
 jquery.sketchable.js | 12 ++++++++++++
 sketchable.js        | 12 ++++++++++++
 2 files changed, 24 insertions(+)

diff --git a/jquery.sketchable.js b/jquery.sketchable.js
index 58631b6..641f8b4 100644
--- a/jquery.sketchable.js
+++ b/jquery.sketchable.js
@@ -332,8 +332,11 @@
       // init: function(elem, data) { },
       // clear: function(elem, data) { },
       // destroy: function(elem, data) { },
+      // mousedownBefore: function(elem, data, evt) { },
       // mousedown: function(elem, data, evt) { },
+      // mousemoveBefore: function(elem, data, evt) { },
       // mousemove: function(elem, data, evt) { },
+      // mouseupBefore: function(elem, data, evt) { },
       // mouseup: function(elem, data, evt) { },
     },
     // Drawing options, to be used in jSketch lib.
@@ -476,6 +479,9 @@
 
     var p = getMousePos(e);
 
+    if (typeof options.events.mousedownBefore === 'function')
+      options.events.mousedownBefore(elem, data, e);
+
     // Mark visually 1st point of stroke.
     if (options.graphics.firstPointSize > 0) {
       data.sketch.beginFill(options.graphics.fillStyle).fillCircle(p.x, p.y, options.graphics.firstPointSize).endFill();
@@ -514,6 +520,9 @@
 
     var p = getMousePos(e);
 
+    if (typeof options.events.mousemoveBefore === 'function')
+      options.events.mousemoveBefore(elem, data, e);
+
     var coords = data.coords[idx];
     var last = coords[coords.length - 1];
     if (last) {
@@ -546,6 +555,9 @@
     // Exit early if interactivity is disabled.
     if (!options.interactive) return;
 
+    if (typeof options.events.mouseupBefore === 'function')
+      options.events.mouseupBefore(elem, data, e);
+
     data.sketch.isDrawing = false;
     data.sketch.closePath();
 
diff --git a/sketchable.js b/sketchable.js
index 70d8084..e0d7a16 100644
--- a/sketchable.js
+++ b/sketchable.js
@@ -318,8 +318,11 @@
       // init: function(elem, data) { },
       // clear: function(elem, data) { },
       // destroy: function(elem, data) { },
+      // mousedownBefore: function(elem, data, evt) { },
       // mousedown: function(elem, data, evt) { },
+      // mousemoveBefore: function(elem, data, evt) { },
       // mousemove: function(elem, data, evt) { },
+      // mouseupBefore: function(elem, data, evt) { },
       // mouseup: function(elem, data, evt) { },
     },
     // Drawing options, to be used in jSketch lib.
@@ -469,6 +472,9 @@
 
     var p = getMousePos(e);
 
+    if (typeof options.events.mousedownBefore === 'function')
+      options.events.mousedownBefore(elem, data, e);
+
     // Mark visually 1st point of stroke.
     if (options.graphics.firstPointSize > 0) {
       data.sketch.beginFill(options.graphics.fillStyle).fillCircle(p.x, p.y, options.graphics.firstPointSize).endFill();
@@ -507,6 +513,9 @@
 
     var p = getMousePos(e);
 
+    if (typeof options.events.mousemoveBefore === 'function')
+      options.events.mousemoveBefore(elem, data, e);
+
     var coords = data.coords[idx];
     var last = coords[coords.length - 1];
     if (last) {
@@ -539,6 +548,9 @@
     // Exit early if interactivity is disabled.
     if (!options.interactive) return;
 
+    if (typeof options.events.mouseupBefore === 'function')
+      options.events.mouseupBefore(elem, data, e);
+
     data.sketch.isDrawing = false;
     data.sketch.closePath();