Drag threshold directions (almende#3003)

lib/timeline/Core.js

@@ -138,7 +138,7 @@ Core.prototype._create = function (container) {
   this.hammer = new Hammer(this.dom.root);
   var pinchRecognizer = this.hammer.get('pinch').set({enable: true});
   pinchRecognizer && hammerUtil.disablePreventDefaultVertically(pinchRecognizer);
-  this.hammer.get('pan').set({threshold:5, direction: Hammer.DIRECTION_HORIZONTAL});
+  this.hammer.get('pan').set({threshold:5, direction: Hammer.DIRECTION_ALL});
   this.listeners = {};
 
   var events = [

lib/timeline/component/CustomTime.js

@@ -105,7 +105,7 @@ CustomTime.prototype._create = function() {
     this.hammer.on('panstart', this._onDragStart.bind(this));
     this.hammer.on('panmove', this._onDrag.bind(this));
     this.hammer.on('panend', this._onDragEnd.bind(this));
-    this.hammer.get('pan').set({ threshold: 5, direction: Hammer.DIRECTION_HORIZONTAL });
+    this.hammer.get('pan').set({ threshold: 5, direction: Hammer.DIRECTION_ALL });
   }
 };
 

lib/timeline/component/ItemSet.js

@@ -267,7 +267,7 @@ ItemSet.prototype._create = function(){
   this.hammer.on('panstart', this._onDragStart.bind(this));
   this.hammer.on('panmove',  this._onDrag.bind(this));
   this.hammer.on('panend',   this._onDragEnd.bind(this));
-  this.hammer.get('pan').set({threshold:5, direction: Hammer.DIRECTION_HORIZONTAL});
+  this.hammer.get('pan').set({threshold:5, direction: Hammer.DIRECTION_ALL});
 
   // single select (or unselect) when tapping an item
   this.hammer.on('tap',  this._onSelectItem.bind(this));