@checksub_team/peaks_timeline 1.8.2 → 1.9.1

package/src/timeline-zoomview.js

@@ -241,6 +241,10 @@ define([
       // prevent parent scrolling
       e.evt.preventDefault();
 
+      if (self._mouseDragHandler.isDragging()) {
+        return;
+      }
+
       if (self._peaks.keyboardHandler.isCtrlCmdPressed()) {
         if (e.evt.deltaY > 0) {
           self.setZoom(
@@ -288,38 +292,50 @@ define([
         }
       }
     });
+
+    window.addEventListener('mouseup', this._mouseUp.bind(this), false);
+    window.addEventListener('touchend', this._mouseUp.bind(this), false);
+    window.addEventListener('blur', this._mouseUp.bind(this), false);
   }
 
-  TimelineZoomView.prototype.updateWithAutoScroll = function(obj, updateInInterval,
+  TimelineZoomView.prototype._mouseUp = function() {
+    this.clearScrollingInterval();
+  };
+
+  TimelineZoomView.prototype.getSelectedElements = function() {
+    return this._modeLayer.getSelectedElements();
+  };
+
+  TimelineZoomView.prototype.updateWithAutoScroll = function(updateInInterval,
     updateOutInterval) {
     var self = this;
     var posX = this.getPointerPosition().x;
     var threshold = Math.round(this._peaks.options.autoScrollThreshold * this.getWidth());
 
-    obj._limited = 0;
+    this._limited = 0;
 
     if (posX < threshold) {
-      obj._limited = Math.round(-30 * Math.min(1, (threshold - posX) / threshold));
+      this._limited = Math.round(-30 * Math.min(1, (threshold - posX) / threshold));
     }
     else if (posX > this.getWidth() - threshold) {
-      obj._limited = Math.round(
+      this._limited = Math.round(
         30 * Math.min(1, (posX - (this.getWidth() - threshold)) / threshold)
       );
     }
 
-    if (obj._limited && self.getFrameOffset() > 0 || obj._limited > 0) {
-      if (!obj._scrollingInterval) {
-        obj._scrollingInterval = setInterval(
+    if (this._limited && self.getFrameOffset() > 0 || this._limited > 0) {
+      if (!this._scrollingInterval) {
+        this._scrollingInterval = setInterval(
           function() {
-            var newOffset = self.getFrameOffset() + obj._limited;
+            var newOffset = self.getFrameOffset() + self._limited;
 
             if (newOffset < 0) {
               self.updateTimeline(0, null, false);
-              clearInterval(obj._scrollingInterval);
-              obj._scrollingInterval = null;
+              clearInterval(self._scrollingInterval);
+              self._scrollingInterval = null;
             }
             else {
-              self.updateTimeline(self.getFrameOffset() + obj._limited, null, false);
+              self.updateTimeline(self.getFrameOffset() + self._limited, null, false);
             }
 
             updateInInterval();
@@ -329,10 +345,7 @@ define([
       }
     }
     else {
-      if (obj._scrollingInterval) {
-        clearInterval(obj._scrollingInterval);
-        obj._scrollingInterval = null;
-      }
+      this.clearScrollingInterval();
 
       if (updateOutInterval) {
         updateOutInterval();
@@ -341,11 +354,13 @@ define([
         updateInInterval();
       }
     }
+  };
 
-    return {
-      x: obj.absolutePosition().x,
-      y: obj.absolutePosition().y
-    };
+  TimelineZoomView.prototype.clearScrollingInterval = function() {
+    if (this._scrollingInterval) {
+      clearInterval(this._scrollingInterval);
+      this._scrollingInterval = null;
+    }
   };
 
   TimelineZoomView.prototype.getCurrentMode = function() {
@@ -365,16 +380,28 @@ define([
     this._sourcesLayer.draw();
   };
 
+  TimelineZoomView.prototype.getSelectedElements = function() {
+    return this._modeLayer.getSelectedElements();
+  };
+
   TimelineZoomView.prototype.selectSourceById = function(sourceId) {
-    var sourceGroup = this._sourcesLayer.getSourceGroupById(sourceId);
+    const sourceGroup = this._sourcesLayer.getSourceGroupById(sourceId);
 
     if (sourceGroup) {
-      this._modeLayer.selectElement(sourceGroup, false);
+      this._modeLayer.selectElements([sourceGroup.getSource()], false);
+    }
+  };
+
+  TimelineZoomView.prototype.selectSourcesOnLineAfter = function(lineId, time) {
+    const sources = this._sourcesLayer.getSourcesOnLineAfter(lineId, time);
+
+    if (sources) {
+      this._modeLayer.selectElements(sources, false);
     }
   };
 
-  TimelineZoomView.prototype.deselectElement = function() {
-    this._modeLayer.deselectElement(false);
+  TimelineZoomView.prototype.deselectAll = function() {
+    this._modeLayer.deselectAll(false);
   };
 
   TimelineZoomView.prototype.isListening = function() {