Added dragImage config to drag facet

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "milo",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "homepage": "https://github.com/milojs/milo",
   "authors": [
     "MOL Technical <[email protected]>"

lib/components/c_facets/Drag.js

@@ -68,6 +68,7 @@ function Drag$setHandle(handleEl) {
 function Drag$start() {
     ComponentFacet.prototype.start.apply(this, arguments);
     _addDragAttribute.call(this);
+    _createDragImage.call(this);
 
     this.onMessages({
         'mousedown': onMouseDown,
@@ -103,6 +104,15 @@ function _removeDragAttribute() {
 }
 
 
+function _createDragImage() {
+    var dragImage = this.config.dragImage;
+    if (dragImage) {
+        this._dragElement = new Image();
+        this._dragElement.src = dragImage.url;
+    }
+}
+
+
 function onMouseDown(eventType, event) {
     this.__mouseDownTarget = event.target;
     if (targetInDragHandle.call(this)) {
@@ -127,6 +137,10 @@ function onDragStart(eventType, event) {
         return;
     }
 
+    var dragImage = this.config.dragImage;
+    if (dragImage)
+        event.dataTransfer.setDragImage(this._dragElement, dragImage.x || 0, dragImage.y || 0);
+
     var owner = this.owner;
     var dt = new DragDrop(event);
 

lib/milo.js

@@ -63,7 +63,7 @@ _.extend(milo, {
     Component: require('./components/c_class'),
     Command: require('./command'),
     registry: require('./registry'),
-    milo_version: '0.2.1',
+    milo_version: '0.2.2',
     createComponentClass: require('./util/create_component_class'),
     destroy: destroy
 });

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mol-milo",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "Browser/nodejs reactive programming and data driven DOM manipulation with modular components.",
   "keywords": [
     "framework",