@checksub_team/peaks_timeline 1.9.4 → 1.9.5-beta.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@checksub_team/peaks_timeline",
-  "version": "1.9.4",
+  "version": "1.9.5-beta.10",
   "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) {
-        this.sources.destroyById(sourceId);
+    Peaks.prototype.destroySource = function (sourceId, notify) {
+        this.sources.destroyById(sourceId, !notify);
     };
     Peaks.prototype.showSource = function (sourceId) {
         this.sources.showById(sourceId);
@@ -15639,8 +15639,8 @@ module.exports = function (Colors, EventEmitter, TimelineSegments, TimelineSourc
     Peaks.prototype.selectSourcesOnLineAfter = function (lineId, time) {
         return this.view.selectSourcesOnLineAfter(lineId, time);
     };
-    Peaks.prototype.deselectAll = function () {
-        return this.view.deselectAll();
+    Peaks.prototype.deselectAll = function (notify) {
+        return this.view.deselectAll(notify);
     };
     Peaks.prototype._addWindowResizeHandler = function () {
         this._onResize = this._onResize.bind(this);
@@ -15735,7 +15735,17 @@ module.exports = function (Utils, Source, SourceGroup, Konva) {
         this._onMouseLeaveInCutMode = this._onMouseLeaveInCutMode.bind(this);
         this._onMouseClickInCutMode = this._onMouseClickInCutMode.bind(this);
         this.setMode(initialMode);
+        this._peaks.on('sources.destroy', this._onSourcesDestroy.bind(this));
     }
+    ModeLayer.prototype._onSourcesDestroy = function (sources) {
+        const selectedElementsToDeselect = {};
+        sources.forEach(function (source) {
+            if (this._selectedElements[source.id]) {
+                selectedElementsToDeselect[source.id] = source;
+            }
+        }.bind(this));
+        this._deselectElements(selectedElementsToDeselect, false);
+    };
     ModeLayer.prototype.addToStage = function (stage) {
         stage.add(this._layer);
     };
@@ -15743,11 +15753,11 @@ module.exports = function (Utils, Source, SourceGroup, Konva) {
         const sources = [];
         const segments = [];
         const self = this;
-        this.deselectDifference(elements, true);
+        this.deselectDifference(elements, false);
         elements.forEach(function (element) {
             if (!self._selectedElements[element.id]) {
                 self._selectedElements[element.id] = element;
-                element.setSelected(true);
+                element.selected = true;
                 if (notify) {
                     if (element instanceof Source) {
                         sources.push(element);
@@ -15767,16 +15777,19 @@ module.exports = function (Utils, Source, SourceGroup, Konva) {
         }
     };
     ModeLayer.prototype.deselectDifference = function (newElements, notify) {
-        const sources = [];
-        const segments = [];
         const selectedElementsToDeselect = Object.assign({}, this._selectedElements);
         newElements.forEach(function (element) {
             delete selectedElementsToDeselect[element.id];
         });
-        for (var id in selectedElementsToDeselect) {
+        this._deselectElements(selectedElementsToDeselect, notify);
+    };
+    ModeLayer.prototype._deselectElements = function (elements, notify) {
+        const sources = [];
+        const segments = [];
+        for (var id in elements) {
             if (Utils.objectHasProperty(this._selectedElements, id)) {
                 const element = this._selectedElements[id];
-                element.setSelected(false);
+                element.selected = false;
                 if (notify) {
                     if (element instanceof Source) {
                         sources.push(element);
@@ -17047,6 +17060,15 @@ 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) {
@@ -17090,9 +17112,6 @@ module.exports = function (Utils) {
         this._indicators = opts.indicators;
         this._peaks.emit('segment.updated', this);
     };
-    Segment.prototype.setSelected = function (selected) {
-        this._selected = selected;
-    };
     Segment.prototype.isVisible = function (startTime, endTime) {
         return this.startTime < endTime && startTime < this.endTime;
     };
@@ -18151,7 +18170,7 @@ module.exports = function (WaveformBuilder, WaveformShape, Utils, Konva) {
     };
     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 {
@@ -18164,7 +18183,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 {
@@ -18177,7 +18196,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 {
@@ -18885,6 +18904,15 @@ 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) {
@@ -19044,10 +19072,6 @@ 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;
     };
@@ -20235,8 +20259,8 @@ module.exports = function (MouseDragHandler, PlayheadLayer, SourcesLayer, ModeLa
             this._modeLayer.selectElements(sources, false);
         }
     };
-    TimelineZoomView.prototype.deselectAll = function () {
-        this._modeLayer.deselectDifference([], false);
+    TimelineZoomView.prototype.deselectAll = function (notify) {
+        this._modeLayer.deselectDifference([], notify);
     };
     TimelineZoomView.prototype.isListening = function () {
         return this._stage.listening();

package/src/main.js

@@ -637,8 +637,8 @@ define([
    * @param {String} sourceId
    */
 
-  Peaks.prototype.destroySource = function(sourceId) {
-    this.sources.destroyById(sourceId);
+  Peaks.prototype.destroySource = function(sourceId, notify) {
+    this.sources.destroyById(sourceId, !notify);
   };
 
   /**
@@ -730,9 +730,9 @@ define([
             .selectSourcesOnLineAfter(lineId, time);
   };
 
-  Peaks.prototype.deselectAll = function() {
+  Peaks.prototype.deselectAll = function(notify) {
     return this.view
-            .deselectAll();
+            .deselectAll(notify);
   };
 
   Peaks.prototype._addWindowResizeHandler = function() {

package/src/mode-layer.js

@@ -55,8 +55,22 @@ define([
     this._onMouseClickInCutMode = this._onMouseClickInCutMode.bind(this);
 
     this.setMode(initialMode);
+
+    this._peaks.on('sources.destroy', this._onSourcesDestroy.bind(this));
   }
 
+  ModeLayer.prototype._onSourcesDestroy = function(sources) {
+    const selectedElementsToDeselect = {};
+
+    sources.forEach(function(source) {
+      if (this._selectedElements[source.id]) {
+        selectedElementsToDeselect[source.id] = source;
+      }
+    }.bind(this));
+
+    this._deselectElements(selectedElementsToDeselect, false);
+  };
+
   /**
    * Adds the layer to the given {Konva.Stage}.
    *
@@ -72,12 +86,12 @@ define([
     const segments = [];
     const self = this;
 
-    this.deselectDifference(elements, true);
+    this.deselectDifference(elements, false);
 
     elements.forEach(function(element) {
       if (!self._selectedElements[element.id]) {
         self._selectedElements[element.id] = element;
-        element.setSelected(true);
+        element.selected = true;
         if (notify) {
           if (element instanceof Source) {
             sources.push(element);
@@ -100,19 +114,24 @@ define([
   };
 
   ModeLayer.prototype.deselectDifference = function(newElements, notify) {
-    const sources = [];
-    const segments = [];
     const selectedElementsToDeselect = Object.assign({}, this._selectedElements);
 
     newElements.forEach(function(element) {
       delete selectedElementsToDeselect[element.id];
     });
 
-    for (var id in selectedElementsToDeselect) {
+    this._deselectElements(selectedElementsToDeselect, notify);
+  };
+
+  ModeLayer.prototype._deselectElements = function(elements, notify) {
+    const sources = [];
+    const segments = [];
+
+    for (var id in elements) {
       if (Utils.objectHasProperty(this._selectedElements, id)) {
         const element = this._selectedElements[id];
 
-        element.setSelected(false);
+        element.selected = false;
         if (notify) {
           if (element instanceof Source) {
             sources.push(element);

package/src/segment.js

@@ -292,6 +292,16 @@ define([
       set: function(newId) {
         this._relativeId = newId;
       }
+    },
+    selected: {
+      enumerable: true,
+      get: function() {
+        return this._selected;
+      },
+
+      set: function(selected) {
+        this._selected = selected;
+      }
     }
   });
 
@@ -341,11 +351,6 @@ define([
     this._peaks.emit('segment.updated', this);
   };
 
-  Segment.prototype.setSelected = function(selected) {
-    this._selected = selected;
-    // this._peaks.emit('segment.update', this); // It's currently useless
-  };
-
   /**
    * Returns <code>true</code> if the segment overlaps a given time region.
    *

package/src/source-group.js

@@ -743,7 +743,7 @@ define([
 
   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);
           }
@@ -787,7 +787,6 @@ define([
         }
       }
     }
-    // this.setDraggingBehavior();
   };
 
   SourceGroup.prototype.updatePreviews = function() {

package/src/source.js

@@ -669,6 +669,16 @@ define([
       get: function() {
         return this._minSize;
       }
+    },
+    selected: {
+      enumerable: true,
+      get: function() {
+        return this._selected;
+      },
+
+      set: function(selected) {
+        this._selected = selected;
+      }
     }
   });
 
@@ -865,11 +875,6 @@ 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/timeline-zoomview.js

@@ -400,8 +400,8 @@ define([
     }
   };
 
-  TimelineZoomView.prototype.deselectAll = function() {
-    this._modeLayer.deselectDifference([], false);
+  TimelineZoomView.prototype.deselectAll = function(notify) {
+    this._modeLayer.deselectDifference([], notify);
   };
 
   TimelineZoomView.prototype.isListening = function() {