feat(context-pad): support mouseover and mouseout

lib/features/context-pad/ContextPad.js

@@ -229,11 +229,19 @@ ContextPad.prototype.trigger = function(action, event, autoActivate) {
   entry = domAttr(button, 'data-action');
   originalEvent = event.originalEvent || event;
 
+  if (action === 'mouseover') {
+    this._mouseout = this.triggerEntry(entry, 'hover', originalEvent, autoActivate);
+  } else if (action === 'mouseout' && this._mouseout) {
+    this._mouseout();
+
+    this._mouseout = null;
+  }
+
   return this.triggerEntry(entry, action, originalEvent, autoActivate);
 };
 
 /**
- * Trigger context pad entry entry.
+ * Trigger action on context pad entry entry, e.g. click, mouseover or mouseout.
  *
  * @param {string} entryId
  * @param {string} action
@@ -391,6 +399,14 @@ ContextPad.prototype.getPad = function(target) {
     self.trigger('dragstart', event);
   });
 
+  domDelegate.bind(html, entrySelector, 'mouseover', function(event) {
+    self.trigger('mouseover', event);
+  });
+
+  domDelegate.bind(html, entrySelector, 'mouseout', function(event) {
+    self.trigger('mouseout', event);
+  });
+
   // stop propagation of mouse events
   domEvent.bind(html, 'mousedown', function(event) {
     event.stopPropagation();