@checksub_team/peaks_timeline 2.0.0-alpha.2 → 2.0.0-alpha.4

package/package.json

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

package/peaks.js

@@ -18800,6 +18800,7 @@ module.exports = function (WaveformBuilder, WaveformShape, Loader, Utils, Konva)
         volumeSliderGroup.add(volumeSliderLine);
         volumeSliderGroup.on('dragstart', function () {
             volumeText.visible(true);
+            self._peaks.emit('source.startVolumeChange', self._source);
         });
         volumeSliderGroup.on('dragmove', function () {
             var volume = self._getVolumeFromY(volumeSliderGroup.y());
@@ -18810,6 +18811,7 @@ module.exports = function (WaveformBuilder, WaveformShape, Loader, Utils, Konva)
         });
         volumeSliderGroup.on('dragend', function () {
             volumeText.visible(false);
+            self._peaks.emit('source.endVolumeChange', self._source);
         });
         volumeSliderGroup.on('mouseover', function () {
             self._cursor = 'ns-resize';
@@ -19950,14 +19952,6 @@ module.exports = function (Colors, EventEmitter, SegmentHandler, SourceHandler,
     Peaks.prototype.setCutMode = function () {
         this.emit('handler.view.cutmode');
     };
-    Peaks.prototype.setIndicatorType = function (linePosition, type) {
-        var lineId = this.view.getLineByPosition(linePosition).getId();
-        this.emit('lineIndicator.setType', lineId, type);
-    };
-    Peaks.prototype.setIndicatorText = function (linePosition, text) {
-        var lineId = this.view.getLineByPosition(linePosition).getId();
-        this.emit('lineIndicator.setText', lineId, text);
-    };
     Peaks.prototype.getVisibleSegments = function () {
         return this.view.getSegmentsGroup().getVisibleSegments();
     };
@@ -20065,9 +20059,6 @@ module.exports = function (Utils) {
                 return this._position;
             },
             set: function (pos) {
-                if (!Utils.isInteger(pos) || pos < 0) {
-                    throw new TypeError('peaks.lines.setPosition(): position must be a non-negative integer');
-                }
                 this._position = pos;
             }
         },
@@ -20091,24 +20082,10 @@ module.exports = function (Utils) {
             indicatorText: this.indicatorText
         };
         Utils.extend(opts, options);
-        validateLine(this._peaks, opts, 'update()');
-        this._startTime = opts.startTime;
-        this._endTime = opts.endTime;
-        this._duration = opts.duration;
-        this._labelText = opts.labelText;
-        this._color = opts.color;
-        this._textColor = opts.textColor;
-        this._handleTextColor = opts.handleTextColor;
-        this._hoverColor = opts.hoverColor;
-        this._warningColor = opts.warningColor;
-        this._opacity = opts.opacity;
-        this._borderColor = opts.borderColor;
-        this._borderWidth = opts.borderWidth;
-        this._borderRadius = opts.borderRadius;
-        this._editable = opts.editable;
-        this._allowDeletion = opts.allowDeletion;
-        this._line = opts.line;
-        this._indicators = opts.indicators;
+        validateLine(opts, 'update()');
+        this._position = opts.position;
+        this._indicatorType = opts.indicatorType;
+        this._indicatorText = opts.indicatorText;
         this._peaks.emit('model.line.update', this);
     };
     Line.prototype.toSerializable = function () {
@@ -22086,7 +22063,6 @@ module.exports = function (MouseDragHandler, PlayheadLayer, SourcesLayer, ModeLa
         self._timelineLength = 0;
         self._timeToPixelsScale = self._options.initialZoomLevel;
         self._timeToPixelsMinScale = self._options.minScale;
-        self._resizeTimeoutId = null;
         self._isFocused = false;
         self._isClickable = true;
         self._width = container.clientWidth;
@@ -22603,10 +22579,6 @@ module.exports = function (MouseDragHandler, PlayheadLayer, SourcesLayer, ModeLa
         return this._sourcesLayer.getFullHeight();
     };
     View.prototype.destroy = function () {
-        if (this._resizeTimeoutId) {
-            clearTimeout(this._resizeTimeoutId);
-            this._resizeTimeoutId = null;
-        }
         this._peaks.off('player_time_update', this._onTimeUpdate);
         this._peaks.off('user_seek', this._onSeek);
         this._peaks.off('player_play', this._onPlay);

package/src/components/source-group.js

@@ -1592,6 +1592,7 @@ define([
 
     volumeSliderGroup.on('dragstart', function() {
       volumeText.visible(true);
+      self._peaks.emit('source.startVolumeChange', self._source);
     });
 
     volumeSliderGroup.on('dragmove', function() {
@@ -1607,6 +1608,7 @@ define([
 
     volumeSliderGroup.on('dragend', function() {
       volumeText.visible(false);
+      self._peaks.emit('source.endVolumeChange', self._source);
     });
 
     volumeSliderGroup.on('mouseover', function() {

package/src/main.js

@@ -749,18 +749,6 @@ define([
     this.emit('handler.view.cutmode');
   };
 
-  Peaks.prototype.setIndicatorType = function(linePosition, type) {
-    var lineId = this.view.getLineByPosition(linePosition).getId();
-
-    this.emit('lineIndicator.setType', lineId, type);
-  };
-
-  Peaks.prototype.setIndicatorText = function(linePosition, text) {
-    var lineId = this.view.getLineByPosition(linePosition).getId();
-
-    this.emit('lineIndicator.setText', lineId, text);
-  };
-
   Peaks.prototype.getVisibleSegments = function() {
     return this.view
             .getSegmentsGroup()

package/src/models/line.js

@@ -74,9 +74,6 @@ define([
       },
 
       set: function(pos) {
-        if (!Utils.isInteger(pos) || pos < 0) {
-          throw new TypeError('peaks.lines.setPosition(): position must be a non-negative integer');
-        }
         this._position = pos;
       }
     },
@@ -103,25 +100,11 @@ define([
 
     Utils.extend(opts, options);
 
-    validateLine(this._peaks, opts, 'update()');
-
-    this._startTime       = opts.startTime;
-    this._endTime         = opts.endTime;
-    this._duration        = opts.duration;
-    this._labelText       = opts.labelText;
-    this._color           = opts.color;
-    this._textColor       = opts.textColor;
-    this._handleTextColor = opts.handleTextColor;
-    this._hoverColor      = opts.hoverColor;
-    this._warningColor    = opts.warningColor;
-    this._opacity         = opts.opacity;
-    this._borderColor     = opts.borderColor;
-    this._borderWidth     = opts.borderWidth;
-    this._borderRadius    = opts.borderRadius;
-    this._editable        = opts.editable;
-    this._allowDeletion   = opts.allowDeletion;
-    this._line            = opts.line;
-    this._indicators      = opts.indicators;
+    validateLine(opts, 'update()');
+
+    this._position        = opts.position;
+    this._indicatorType   = opts.indicatorType;
+    this._indicatorText   = opts.indicatorText;
 
     this._peaks.emit('model.line.update', this);
   };

package/src/view.js

@@ -79,7 +79,6 @@ define([
     self._timeToPixelsScale = self._options.initialZoomLevel;
     self._timeToPixelsMinScale = self._options.minScale;
 
-    self._resizeTimeoutId = null;
     self._isFocused = false;
     self._isClickable = true;
 
@@ -887,11 +886,6 @@ define([
   };
 
   View.prototype.destroy = function() {
-    if (this._resizeTimeoutId) {
-      clearTimeout(this._resizeTimeoutId);
-      this._resizeTimeoutId = null;
-    }
-
     // Unregister event handlers
     this._peaks.off('player_time_update', this._onTimeUpdate);
     this._peaks.off('user_seek', this._onSeek);