mouseup and mousedown events fixes #3032 (#3059)

* mouseup and mousedown events

* Fix error

docs/timeline/index.html

@@ -1584,6 +1584,33 @@ timeline.off('select', onSelect);
       </td>
     </tr>
 
+    <tr>
+      <td>mouseDown</td>
+      <td>
+        Passes a properties object as returned by the method <a href="#getEventProperties"><code>Timeline.getEventProperties(event)</code></a>.
+      </td>
+      <td>Fired when the mouse down event is triggered over a timeline element.
+      </td>
+    </tr>
+
+    <tr>
+      <td>mouseUp</td>
+      <td>
+        Passes a properties object as returned by the method <a href="#getEventProperties"><code>Timeline.getEventProperties(event)</code></a>.
+      </td>
+      <td>Fired when the mouse up event is triggered over a timeline element.
+      </td>
+    </tr>
+
+    <tr>
+      <td>mouseMove</td>
+      <td>
+        Passes a properties object as returned by the method <a href="#getEventProperties"><code>Timeline.getEventProperties(event)</code></a>.
+      </td>
+      <td>Fired when the mouse is moved over a timeline element.
+      </td>
+    </tr>
+
     <tr>
       <td>groupDragged</td>
       <td>

examples/timeline/interaction/eventListeners.html

@@ -72,6 +72,14 @@
       logEvent('contextmenu', properties);
     });
 
+    timeline.on('mouseDown', function (properties) {
+        logEvent('mouseDown', properties);
+    });
+
+    timeline.on('mouseUp', function (properties) {
+        logEvent('mouseUp', properties);
+    });
+
     // other possible events:
 
     // timeline.on('mouseOver', function (properties) {

lib/timeline/Timeline.js

@@ -139,9 +139,27 @@ function Timeline (container, items, groups, options) {
   this.dom.root.onmouseover = function (event) {
     me.emit('mouseOver', me.getEventProperties(event))
   };
-  this.dom.root.onmousemove = function (event) {
-    me.emit('mouseMove', me.getEventProperties(event))
-  };
+  if(window.PointerEvent) {
+    this.dom.root.onpointerdown = function (event) {
+      me.emit('mouseDown', me.getEventProperties(event))
+    };
+    this.dom.root.onpointermove = function (event) {
+      me.emit('mouseMove', me.getEventProperties(event))
+    };
+    this.dom.root.onpointerup = function (event) {
+      me.emit('mouseUp', me.getEventProperties(event))
+    };
+  } else {
+    this.dom.root.onmousemove = function (event) {
+      me.emit('mouseMove', me.getEventProperties(event))
+    };
+    this.dom.root.onmousedown = function (event) {
+      me.emit('mouseDown', me.getEventProperties(event))
+    };
+    this.dom.root.onmouseup = function (event) {
+      me.emit('mouseUp', me.getEventProperties(event))
+    };
+  }
 
   //Single time autoscale/fit
   this.fitDone = false;

lib/timeline/component/ItemSet.js

@@ -2220,7 +2220,7 @@ ItemSet.prototype.groupFromTarget = function(event) {
   var clientY = event.center ? event.center.y : event.clientY;
   var groupIds = this.groupIds;
   
-  if (groupIds.length <= 0) {
+  if (groupIds.length <= 0 && this.groupsData) {
     groupIds = this.groupsData.getIds({
       order: this.options.groupOrder
     });