@checksub_team/peaks_timeline 1.4.26 → 1.4.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@checksub_team/peaks_timeline",
-  "version": "1.4.26",
+  "version": "1.4.27",
   "description": "JavaScript UI component for displaying audio waveforms",
   "main": "./peaks.js",
   "types": "./peaks.js.d.ts",

package/peaks.js

@@ -15600,6 +15600,12 @@ module.exports = function (Colors, EventEmitter, TimelineSegments, TimelineSourc
     Peaks.prototype.allowInteractions = function (forSources, forSegments) {
         return this.view.allowInteractions(forSources, forSegments);
     };
+    Peaks.prototype.selectSourceById = function (sourceId) {
+        return this.view.selectSourceById(sourceId);
+    };
+    Peaks.prototype.deselectSource = function () {
+        return this.view.deselectSource();
+    };
     Peaks.prototype._addWindowResizeHandler = function () {
         this._onResize = this._onResize.bind(this);
         window.addEventListener('resize', this._onResize);
@@ -15687,6 +15693,25 @@ module.exports = function (Utils, SourceGroup, Konva) {
     ModeLayer.prototype.addToStage = function (stage) {
         stage.add(this._layer);
     };
+    ModeLayer.prototype.selectSourceGroup = function (sourceGroup, notify) {
+        this.deselectSourceGroup();
+        if (sourceGroup) {
+            this._selectedElement = sourceGroup;
+            this._selectedElement.setSelected(true);
+            if (notify) {
+                this._peaks.emit('source.selected', this._selectedElement.getSource());
+            }
+        }
+    };
+    ModeLayer.prototype.deselectSourceGroup = function (notify) {
+        if (this._selectedElement) {
+            this._selectedElement.setSelected(false);
+            if (notify) {
+                this._peaks.emit('source.deselected', this._selectedElement.getSource());
+            }
+            this._selectedElement = null;
+        }
+    };
     ModeLayer.prototype._prepareDefaultMode = function () {
         this._selectedElement = null;
     };
@@ -15738,23 +15763,13 @@ module.exports = function (Utils, SourceGroup, Konva) {
     ModeLayer.prototype._onMouseClickInDefaultMode = function () {
         var hoveredElement = this._view.getHoveredElement();
         if (hoveredElement) {
-            if (this._selectedElement) {
-                this._selectedElement.setSelected(false);
-                this._peaks.emit('source.deselected', this._selectedElement.getSource());
-            }
-            this._selectedElement = hoveredElement;
-            this._selectedElement.setSelected(true);
-            this._peaks.emit('source.selected', this._selectedElement.getSource());
+            this.selectSourceGroup(hoveredElement, true);
         } else {
-            if (this._selectedElement) {
-                this._selectedElement.setSelected(false);
-                this._peaks.emit('source.deselected', this._selectedElement.getSource());
-                this._selectedElement = null;
-            }
+            this.deselectSourceGroup(true);
         }
     };
     ModeLayer.prototype._onKeyboardDelete = function () {
-        if (this._selectedElement && this._view.isFocused()) {
+        if (this._selectedElement) {
             this._peaks.destroySource(this._selectedElement.getSource().id);
         }
     };
@@ -15871,12 +15886,9 @@ module.exports = function (Utils, SourceGroup, Konva) {
         case 'default':
             this._stage.off('click', this._onMouseClickInDefaultMode);
             this._peaks.off('keyboard.delete', this._onKeyboardDelete);
-            if (this._selectedElement) {
-                this._selectedElement.setSelected(false);
-            }
             break;
         }
-        this._selectedElement = null;
+        this.deselectSourceGroup(true);
         switch (mode) {
         case 'cut':
             this._stage.on('mouseover', this._onMouseEnterInCutMode);
@@ -18505,7 +18517,7 @@ module.exports = function (Utils) {
             wrapping: this.wrapping,
             previewHeight: this.previewHeight,
             binaryHeight: this.binaryHeight,
-            tts: this._tts
+            tts: this.tts
         };
         Utils.extend(opts, options);
         validateSource(this._peaks, opts, 'update()');
@@ -18830,6 +18842,9 @@ module.exports = function (SourceGroup, SegmentsGroup, Lines, DataRetriever, Uti
     SourcesLayer.prototype.stopDrag = function () {
         this._layer.stopDrag();
     };
+    SourcesLayer.prototype.getSourceGroupById = function (sourceId) {
+        return this._sourcesGroup[sourceId];
+    };
     SourcesLayer.prototype._sourcesOverlapped = function (source1, source2) {
         var endsLater = source1.startTime < source2.startTime && source1.endTime > source2.startTime;
         var startsEarlier = source1.startTime > source2.startTime && source1.startTime < source2.endTime;
@@ -19558,6 +19573,15 @@ module.exports = function (MouseDragHandler, PlayheadLayer, SourcesLayer, ModeLa
         this._sourcesLayer.stopDrag();
         this._sourcesLayer.draw();
     };
+    TimelineZoomView.prototype.selectSourceById = function (sourceId) {
+        var sourceGroup = this._sourcesLayer.getSourceGroupById(sourceId);
+        if (sourceGroup) {
+            this._modeLayer.selectSourceGroup(sourceGroup, false);
+        }
+    };
+    TimelineZoomView.prototype.deselectSource = function () {
+        this._modeLayer.deselectSourceGroup(false);
+    };
     TimelineZoomView.prototype.isListening = function () {
         return this._stage.listening();
     };

package/src/main.js

@@ -628,6 +628,16 @@ define([
             .allowInteractions(forSources, forSegments);
   };
 
+  Peaks.prototype.selectSourceById = function(sourceId) {
+    return this.view
+            .selectSourceById(sourceId);
+  };
+
+  Peaks.prototype.deselectSource = function() {
+    return this.view
+            .deselectSource();
+  };
+
   Peaks.prototype._addWindowResizeHandler = function() {
     this._onResize = this._onResize.bind(this);
     window.addEventListener('resize', this._onResize);

package/src/mode-layer.js

@@ -61,6 +61,27 @@ define([
     stage.add(this._layer);
   };
 
+  ModeLayer.prototype.selectSourceGroup = function(sourceGroup, notify) {
+    this.deselectSourceGroup();
+    if (sourceGroup) {
+      this._selectedElement = sourceGroup;
+      this._selectedElement.setSelected(true);
+      if (notify) {
+        this._peaks.emit('source.selected', this._selectedElement.getSource());
+      }
+    }
+  };
+
+  ModeLayer.prototype.deselectSourceGroup = function(notify) {
+    if (this._selectedElement) {
+      this._selectedElement.setSelected(false);
+      if (notify) {
+        this._peaks.emit('source.deselected', this._selectedElement.getSource());
+      }
+      this._selectedElement = null;
+    }
+  };
+
   ModeLayer.prototype._prepareDefaultMode = function() {
     this._selectedElement = null;
   };
@@ -119,28 +140,15 @@ define([
     var hoveredElement = this._view.getHoveredElement();
 
     if (hoveredElement) {
-      if (this._selectedElement) {
-        this._selectedElement.setSelected(false);
-        this._peaks.emit('source.deselected', this._selectedElement.getSource());
-      }
-
-      this._selectedElement = hoveredElement;
-
-      this._selectedElement.setSelected(true);
-
-      this._peaks.emit('source.selected', this._selectedElement.getSource());
+      this.selectSourceGroup(hoveredElement, true);
     }
     else {
-      if (this._selectedElement) {
-        this._selectedElement.setSelected(false);
-        this._peaks.emit('source.deselected', this._selectedElement.getSource());
-        this._selectedElement = null;
-      }
+      this.deselectSourceGroup(true);
     }
   };
 
   ModeLayer.prototype._onKeyboardDelete = function() {
-    if (this._selectedElement && this._view.isFocused()) {
+    if (this._selectedElement) {
       this._peaks.destroySource(this._selectedElement.getSource().id);
     }
   };
@@ -307,13 +315,10 @@ define([
       case 'default':
         this._stage.off('click', this._onMouseClickInDefaultMode);
         this._peaks.off('keyboard.delete', this._onKeyboardDelete);
-        if (this._selectedElement) {
-          this._selectedElement.setSelected(false);
-        }
         break;
     }
 
-    this._selectedElement = null;
+    this.deselectSourceGroup(true);
 
     // Set new mode
     switch (mode) {

package/src/source.js

@@ -654,7 +654,7 @@ define([
       wrapping: this.wrapping,
       previewHeight: this.previewHeight,
       binaryHeight: this.binaryHeight,
-      tts: this._tts
+      tts: this.tts
     };
 
     Utils.extend(opts, options);

package/src/sources-layer.js

@@ -502,6 +502,10 @@ define([
     this._layer.stopDrag();
   };
 
+  SourcesLayer.prototype.getSourceGroupById = function(sourceId) {
+    return this._sourcesGroup[sourceId];
+  };
+
   SourcesLayer.prototype._sourcesOverlapped = function(source1, source2) {
     var endsLater = (source1.startTime < source2.startTime)
                     && (source1.endTime > source2.startTime);

package/src/timeline-zoomview.js

@@ -361,6 +361,18 @@ define([
     this._sourcesLayer.draw();
   };
 
+  TimelineZoomView.prototype.selectSourceById = function(sourceId) {
+    var sourceGroup = this._sourcesLayer.getSourceGroupById(sourceId);
+
+    if (sourceGroup) {
+      this._modeLayer.selectSourceGroup(sourceGroup, false);
+    }
+  };
+
+  TimelineZoomView.prototype.deselectSource = function() {
+    this._modeLayer.deselectSourceGroup(false);
+  };
+
   TimelineZoomView.prototype.isListening = function() {
     return this._stage.listening();
   };