@checksub_team/peaks_timeline 1.9.5-beta.14 → 1.9.5-beta.2

package/package.json

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

package/peaks.js

@@ -15589,8 +15589,8 @@ module.exports = function (Colors, EventEmitter, TimelineSegments, TimelineSourc
     Peaks.prototype.addSource = function (source) {
         this.sources.add(source);
     };
-    Peaks.prototype.destroySource = function (sourceId, notify) {
-        this.sources.destroyById(sourceId, !notify);
+    Peaks.prototype.destroySource = function (sourceId) {
+        this.sources.destroyById(sourceId);
     };
     Peaks.prototype.showSource = function (sourceId) {
         this.sources.showById(sourceId);
@@ -17060,15 +17060,6 @@ module.exports = function (Utils) {
             set: function (newId) {
                 this._relativeId = newId;
             }
-        },
-        selected: {
-            enumerable: true,
-            get: function () {
-                return this._selected;
-            },
-            set: function (selected) {
-                this._selected = selected;
-            }
         }
     });
     Segment.prototype.update = function (options) {
@@ -17114,7 +17105,6 @@ module.exports = function (Utils) {
     };
     Segment.prototype.setSelected = function (selected) {
         this._selected = selected;
-        this._peaks.emit('segment.selected', this);
     };
     Segment.prototype.isVisible = function (startTime, endTime) {
         return this.startTime < endTime && startTime < this.endTime;
@@ -17709,7 +17699,7 @@ module.exports = function (WaveformBuilder, WaveformShape, Utils, Konva) {
         }
         this._addHandles();
         this.setWrapping(source.wrapped);
-        this.setSelected();
+        this._setSelected();
         this._indicatorsGroup = new Konva.Group();
         this._group.add(this._indicatorsGroup);
         this.createIndicators();
@@ -18172,9 +18162,9 @@ module.exports = function (WaveformBuilder, WaveformShape, Utils, Konva) {
             return preview.type === 'audio';
         });
     };
-    SourceGroup.prototype.setSelected = function () {
+    SourceGroup.prototype._setSelected = function () {
         if (this._border) {
-            if (this._source.selected) {
+            if (this._source._selected) {
                 this._border.fill(this._source.selectedColor);
                 this._borderWidth = this._peaks.options.sourceSelectedBorderWidth;
             } else {
@@ -18187,7 +18177,7 @@ module.exports = function (WaveformBuilder, WaveformShape, Utils, Konva) {
                     return node.getClassName() === 'Shape';
                 });
                 if (unwrap_background) {
-                    if (this._source.selected) {
+                    if (this._source._selected) {
                         unwrap_background.stroke(this._source.selectedColor);
                         unwrap_background.strokeWidth(this._peaks.options.sourceSelectedBorderWidth);
                     } else {
@@ -18200,7 +18190,7 @@ module.exports = function (WaveformBuilder, WaveformShape, Utils, Konva) {
                     return node.getClassName() === 'Shape';
                 });
                 if (wrap_background) {
-                    if (this._source.selected) {
+                    if (this._source._selected) {
                         wrap_background.stroke(this._source.selectedColor);
                         wrap_background.strokeWidth(this._peaks.options.sourceSelectedBorderWidth);
                     } else {
@@ -18908,15 +18898,6 @@ module.exports = function (Utils) {
             get: function () {
                 return this._minSize;
             }
-        },
-        selected: {
-            enumerable: true,
-            get: function () {
-                return this._selected;
-            },
-            set: function (selected) {
-                this._selected = selected;
-            }
         }
     });
     Source.prototype.updateTimes = function (newStartTime, newEndTime) {
@@ -19078,7 +19059,7 @@ module.exports = function (Utils) {
     };
     Source.prototype.setSelected = function (selected) {
         this._selected = selected;
-        this._peaks.emit('source.selected', this);
+        this._peaks.emit('source.update', this);
     };
     Source.prototype.isVisible = function (startTime, endTime) {
         return this._startTime < endTime && startTime < this._endTime;
@@ -19108,7 +19089,6 @@ module.exports = function (SourceGroup, Lines, DataRetriever, Utils, Invoker, Ko
         this._peaks.on('sources.show', this._onSourcesShow.bind(this));
         this._peaks.on('sources.hide', this._onSourcesHide.bind(this));
         this._peaks.on('source.update', this._onSourceUpdate.bind(this));
-        this._peaks.on('source.selected', this._onSourceSelected.bind(this));
         this._peaks.on('data.retrieved', this._onDataRetrieved.bind(this));
         this._peaks.on('sources.refresh', this._onSourcesRefresh.bind(this));
         this._peaks.on('segments.show', this._onSegmentsShow.bind(this));
@@ -19177,12 +19157,6 @@ module.exports = function (SourceGroup, Lines, DataRetriever, Utils, Invoker, Ko
             this.updateSources(frameStartTime, frameEndTime);
         }
     };
-    SourcesLayer.prototype._onSourceSelected = function (source) {
-        var sourceGroup = this._sourcesGroup[source.id];
-        if (sourceGroup) {
-            sourceGroup.setSelected();
-        }
-    };
     SourcesLayer.prototype._onSourcesShow = function (sources) {
         var self = this;
         sources.forEach(function (source) {

package/src/main.js

@@ -637,8 +637,8 @@ define([
    * @param {String} sourceId
    */
 
-  Peaks.prototype.destroySource = function(sourceId, notify) {
-    this.sources.destroyById(sourceId, !notify);
+  Peaks.prototype.destroySource = function(sourceId) {
+    this.sources.destroyById(sourceId);
   };
 
   /**

package/src/segment.js

@@ -292,16 +292,6 @@ define([
       set: function(newId) {
         this._relativeId = newId;
       }
-    },
-    selected: {
-      enumerable: true,
-      get: function() {
-        return this._selected;
-      },
-
-      set: function(selected) {
-        this._selected = selected;
-      }
     }
   });
 
@@ -353,7 +343,7 @@ define([
 
   Segment.prototype.setSelected = function(selected) {
     this._selected = selected;
-    this._peaks.emit('segment.selected', this);
+    // this._peaks.emit('segment.update', this); // It's currently useless
   };
 
   /**

package/src/source-group.js

@@ -98,7 +98,7 @@ define([
 
     this.setWrapping(source.wrapped);
 
-    this.setSelected();
+    this._setSelected();
 
     this._indicatorsGroup = new Konva.Group();
     this._group.add(this._indicatorsGroup);
@@ -741,9 +741,9 @@ define([
     });
   };
 
-  SourceGroup.prototype.setSelected = function() {
+  SourceGroup.prototype._setSelected = function() {
     if (this._border) {
-      if (this._source.selected) {
+      if (this._source._selected) {
         this._border.fill(this._source.selectedColor);
         this._borderWidth = this._peaks.options.sourceSelectedBorderWidth;
       }
@@ -760,7 +760,7 @@ define([
         });
 
         if (unwrap_background) {
-          if (this._source.selected) {
+          if (this._source._selected) {
             unwrap_background.stroke(this._source.selectedColor);
             unwrap_background.strokeWidth(this._peaks.options.sourceSelectedBorderWidth);
           }
@@ -777,7 +777,7 @@ define([
         });
 
         if (wrap_background) {
-          if (this._source.selected) {
+          if (this._source._selected) {
             wrap_background.stroke(this._source.selectedColor);
             wrap_background.strokeWidth(this._peaks.options.sourceSelectedBorderWidth);
           }

package/src/source.js

@@ -669,16 +669,6 @@ define([
       get: function() {
         return this._minSize;
       }
-    },
-    selected: {
-      enumerable: true,
-      get: function() {
-        return this._selected;
-      },
-
-      set: function(selected) {
-        this._selected = selected;
-      }
     }
   });
 
@@ -877,7 +867,7 @@ define([
 
   Source.prototype.setSelected = function(selected) {
     this._selected = selected;
-    this._peaks.emit('source.selected', this);
+    this._peaks.emit('source.update', this);
   };
 
   /**

package/src/sources-layer.js

@@ -54,7 +54,6 @@ define([
     this._peaks.on('sources.show', this._onSourcesShow.bind(this));
     this._peaks.on('sources.hide', this._onSourcesHide.bind(this));
     this._peaks.on('source.update', this._onSourceUpdate.bind(this));
-    this._peaks.on('source.selected', this._onSourceSelected.bind(this));
     this._peaks.on('data.retrieved', this._onDataRetrieved.bind(this));
     this._peaks.on('sources.refresh', this._onSourcesRefresh.bind(this));
     this._peaks.on('segments.show', this._onSegmentsShow.bind(this));
@@ -153,14 +152,6 @@ define([
     }
   };
 
-  SourcesLayer.prototype._onSourceSelected = function(source) {
-    var sourceGroup = this._sourcesGroup[source.id];
-
-    if (sourceGroup) {
-      sourceGroup.setSelected();
-    }
-  };
-
   SourcesLayer.prototype._onSourcesShow = function(sources) {
     var self = this;