Add block:drag events to blocks view

index.html

@@ -1172,7 +1172,7 @@
       }
     },
   });
-
+  
     editor.render();
     </script>
   </body>

package.json

@@ -1,7 +1,7 @@
 {
   "name": "grapesjs",
   "description": "Free and Open Source Web Builder Framework",
-  "version": "0.8.6",
+  "version": "0.8.7",
   "author": "Artur Arseniev",
   "license": "BSD-3-Clause",
   "homepage": "http://grapesjs.com",

src/block_manager/view/BlockView.js

@@ -24,8 +24,10 @@ module.exports = Backbone.View.extend({
       return;
     }
 
-    if(!this.config.getSorter)
+    if(!this.config.getSorter) {
       return;
+    }
+
     this.config.em.refreshCanvas();
     var sorter = this.config.getSorter();
     sorter.setDragHelper(this.el, e);

src/block_manager/view/BlocksView.js

@@ -43,6 +43,7 @@ module.exports = Backbone.View.extend({
         pfx: this.ppfx,
         onStart: this.onDrag,
         onEndMove: this.onDrop,
+        onMove: this.onMove,
         document: canvas.getFrameEl().contentDocument,
         direction: 'a',
         wmargin: 1,
@@ -58,8 +59,13 @@ module.exports = Backbone.View.extend({
    * Callback when block is on drag
    * @private
    */
-  onDrag() {
+  onDrag(e) {
     this.em.stopDefault();
+    this.em.trigger('block:drag:start', e);
+  },
+
+  onMove(e) {
+    this.em.trigger('block:drag:move', e);
   },
 
   /**
@@ -78,6 +84,7 @@ module.exports = Backbone.View.extend({
       // Register all its components (eg. for the Undo Manager)
       this.em.initChildrenComp(model);
     }
+    this.em.trigger('block:drag:stop', model);
   },
 
   /**