@checksub_team/peaks_timeline 1.13.0 → 1.13.2

package/package.json

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

package/peaks.js

@@ -19920,7 +19920,7 @@ module.exports = function (SourceGroup, Lines, DataRetriever, Utils, Invoker, Ko
         var frameStartTime = self._view.pixelsToTime(frameOffset);
         var frameEndTime = self._view.pixelsToTime(frameOffset + width);
         sources.forEach(function (source) {
-            self._addSourceGroup(source);
+            self._addSourceGroup(source, source.isVisible(frameStartTime, frameEndTime));
         });
         this._view.updateTimelineLength();
         this.updateSources(frameStartTime, frameEndTime);
@@ -19982,11 +19982,13 @@ module.exports = function (SourceGroup, Lines, DataRetriever, Utils, Invoker, Ko
     SourcesLayer.prototype._createSourceGroup = function (source) {
         return new SourceGroup(source, this._peaks, this, this._view);
     };
-    SourcesLayer.prototype._addSourceGroup = function (source) {
+    SourcesLayer.prototype._addSourceGroup = function (source, startDataRetrieval = true) {
         var sourceGroup = this._createSourceGroup(source);
         this._sourcesGroup[source.id] = sourceGroup;
         this._lines.addSourceGroup(sourceGroup, source.position);
-        this._dataRetriever.retrieveData(source);
+        if (startDataRetrieval) {
+            this._dataRetriever.retrieveData(source);
+        }
         return sourceGroup;
     };
     SourcesLayer.prototype.setIndicators = function (source) {

package/src/sources-layer.js

@@ -185,7 +185,7 @@ define([
     var frameEndTime   = self._view.pixelsToTime(frameOffset + width);
 
     sources.forEach(function(source) {
-      self._addSourceGroup(source);
+      self._addSourceGroup(source, source.isVisible(frameStartTime, frameEndTime));
     });
 
     this._view.updateTimelineLength();
@@ -282,14 +282,16 @@ define([
    * @returns {Konva.Group}
    */
 
-  SourcesLayer.prototype._addSourceGroup = function(source) {
+  SourcesLayer.prototype._addSourceGroup = function(source, startDataRetrieval = true) {
     var sourceGroup = this._createSourceGroup(source);
 
     this._sourcesGroup[source.id] = sourceGroup;
     this._lines.addSourceGroup(sourceGroup, source.position);
 
     // After creating and referencing the new group, we can start data retrieval
-    this._dataRetriever.retrieveData(source);
+    if (startDataRetrieval) {
+      this._dataRetriever.retrieveData(source);
+    }
 
     return sourceGroup;
   };