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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@checksub_team/peaks_timeline",
-  "version": "1.9.5-beta.15",
+  "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);
@@ -15757,23 +15757,21 @@ module.exports = function (Utils, Source, SourceGroup, Konva) {
         elements.forEach(function (element) {
             if (!self._selectedElements[element.id]) {
                 self._selectedElements[element.id] = element;
-                element.selected = true;
-                if (element instanceof Source) {
-                    sources.push(element);
-                } else {
-                    segments.push(element);
+                element.setSelected(true);
+                if (notify) {
+                    if (element instanceof Source) {
+                        sources.push(element);
+                    } else {
+                        segments.push(element);
+                    }
                 }
             }
         });
-        if (sources.length) {
-            this._peaks.emit('sources.setSelected', sources);
-            if (notify) {
+        if (notify) {
+            if (sources.length) {
                 this._peaks.emit('sources.selected', sources);
             }
-        }
-        if (segments.length) {
-            this._peaks.emit('segments.setSelected', segments);
-            if (notify) {
+            if (segments.length) {
                 this._peaks.emit('segments.selected', segments);
             }
         }
@@ -15791,24 +15789,22 @@ module.exports = function (Utils, Source, SourceGroup, Konva) {
         for (var id in elements) {
             if (Utils.objectHasProperty(this._selectedElements, id)) {
                 const element = this._selectedElements[id];
-                element.selected = false;
-                if (element instanceof Source) {
-                    sources.push(element);
-                } else {
-                    segments.push(element);
+                element.setSelected(false);
+                if (notify) {
+                    if (element instanceof Source) {
+                        sources.push(element);
+                    } else {
+                        segments.push(element);
+                    }
                 }
                 delete this._selectedElements[id];
             }
         }
-        if (sources.length) {
-            this._peaks.emit('sources.setSelected', sources);
-            if (notify) {
+        if (notify) {
+            if (sources.length) {
                 this._peaks.emit('sources.deselected', sources);
             }
-        }
-        if (segments.length) {
-            this._peaks.emit('segments.setSelected', segments);
-            if (notify) {
+            if (segments.length) {
                 this._peaks.emit('segments.deselected', segments);
             }
         }
@@ -17064,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) {
@@ -17118,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;
@@ -17713,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();
@@ -18176,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 {
@@ -18191,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 {
@@ -18204,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 {
@@ -18912,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) {
@@ -19080,6 +19057,10 @@ module.exports = function (Utils) {
         this._indicators = opts.indicators;
         this._peaks.emit('source.update', this);
     };
+    Source.prototype.setSelected = function (selected) {
+        this._selected = selected;
+        this._peaks.emit('source.update', this);
+    };
     Source.prototype.isVisible = function (startTime, endTime) {
         return this._startTime < endTime && startTime < this._endTime;
     };
@@ -19107,7 +19088,6 @@ module.exports = function (SourceGroup, Lines, DataRetriever, Utils, Invoker, Ko
         this._peaks.on('sources.destroy', this._onSourcesDestroy.bind(this));
         this._peaks.on('sources.show', this._onSourcesShow.bind(this));
         this._peaks.on('sources.hide', this._onSourcesHide.bind(this));
-        this._peaks.on('sources.setSelected', this._onSourcesSetSelected.bind(this));
         this._peaks.on('source.update', this._onSourceUpdate.bind(this));
         this._peaks.on('data.retrieved', this._onDataRetrieved.bind(this));
         this._peaks.on('sources.refresh', this._onSourcesRefresh.bind(this));
@@ -19177,15 +19157,6 @@ module.exports = function (SourceGroup, Lines, DataRetriever, Utils, Invoker, Ko
             this.updateSources(frameStartTime, frameEndTime);
         }
     };
-    SourcesLayer.prototype._onSourcesSetSelected = function (sources) {
-        sources.forEach(function (source) {
-            const sourceGroup = this._sourcesGroup[source.id];
-            if (sourceGroup) {
-                sourceGroup.setSelected();
-            }
-        }.bind(this));
-        this.draw();
-    };
     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/mode-layer.js

@@ -91,25 +91,23 @@ define([
     elements.forEach(function(element) {
       if (!self._selectedElements[element.id]) {
         self._selectedElements[element.id] = element;
-        element.selected = true;
-        if (element instanceof Source) {
-          sources.push(element);
-        }
-        else {
-          segments.push(element);
+        element.setSelected(true);
+        if (notify) {
+          if (element instanceof Source) {
+            sources.push(element);
+          }
+          else {
+            segments.push(element);
+          }
         }
       }
     });
 
-    if (sources.length) {
-      this._peaks.emit('sources.setSelected', sources);
-      if (notify) {
+    if (notify) {
+      if (sources.length) {
         this._peaks.emit('sources.selected', sources);
       }
-    }
-    if (segments.length) {
-      this._peaks.emit('segments.setSelected', segments);
-      if (notify) {
+      if (segments.length) {
         this._peaks.emit('segments.selected', segments);
       }
     }
@@ -133,26 +131,24 @@ define([
       if (Utils.objectHasProperty(this._selectedElements, id)) {
         const element = this._selectedElements[id];
 
-        element.selected = false;
-        if (element instanceof Source) {
-          sources.push(element);
-        }
-        else {
-          segments.push(element);
+        element.setSelected(false);
+        if (notify) {
+          if (element instanceof Source) {
+            sources.push(element);
+          }
+          else {
+            segments.push(element);
+          }
         }
         delete this._selectedElements[id];
       }
     }
 
-    if (sources.length) {
-      this._peaks.emit('sources.setSelected', sources);
-      if (notify) {
+    if (notify) {
+      if (sources.length) {
         this._peaks.emit('sources.deselected', sources);
       }
-    }
-    if (segments.length) {
-      this._peaks.emit('segments.setSelected', segments);
-      if (notify) {
+      if (segments.length) {
         this._peaks.emit('segments.deselected', segments);
       }
     }

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;
-      }
     }
   });
 
@@ -875,6 +865,11 @@ define([
     this._peaks.emit('source.update', this);
   };
 
+  Source.prototype.setSelected = function(selected) {
+    this._selected = selected;
+    this._peaks.emit('source.update', this);
+  };
+
   /**
    * Returns <code>true</code> if the source overlaps a given time region.
    *

package/src/sources-layer.js

@@ -53,7 +53,6 @@ define([
     this._peaks.on('sources.destroy', this._onSourcesDestroy.bind(this));
     this._peaks.on('sources.show', this._onSourcesShow.bind(this));
     this._peaks.on('sources.hide', this._onSourcesHide.bind(this));
-    this._peaks.on('sources.setSelected', this._onSourcesSetSelected.bind(this));
     this._peaks.on('source.update', this._onSourceUpdate.bind(this));
     this._peaks.on('data.retrieved', this._onDataRetrieved.bind(this));
     this._peaks.on('sources.refresh', this._onSourcesRefresh.bind(this));
@@ -153,18 +152,6 @@ define([
     }
   };
 
-  SourcesLayer.prototype._onSourcesSetSelected = function(sources) {
-    sources.forEach(function(source) {
-      const sourceGroup = this._sourcesGroup[source.id];
-
-      if (sourceGroup) {
-        sourceGroup.setSelected();
-      }
-    }.bind(this));
-
-    this.draw();
-  };
-
   SourcesLayer.prototype._onSourcesShow = function(sources) {
     var self = this;