@checksub_team/peaks_timeline 2.0.0-alpha.3 → 2.0.0-alpha.5

package/package.json

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

package/peaks.js

@@ -15601,19 +15601,15 @@ module.exports = function (SegmentsGroup, LineGroup, LineIndicator, Utils) {
     };
     LineGroups.prototype.refreshLineYs = function () {
         var y = this._peaks.options.padding - this._view.getFrameOffsetY();
-        var anyChange = false;
         for (var position in this._lineGroupsByPosition) {
             if (Utils.objectHasProperty(this._lineGroupsByPosition, position)) {
                 if (this._lineGroupsByPosition[position].y() !== y) {
-                    anyChange = true;
                     this._lineGroupsByPosition[position].y(y);
                 }
                 y += this._lineGroupsByPosition[position].lineHeight() + this._peaks.options.interline;
             }
         }
-        if (anyChange && this._lineIndicator.refreshIndicators()) {
-            this._lineIndicator.draw();
-        }
+        this._lineIndicator.refreshIndicators();
     };
     LineGroups.prototype._setLinePosition = function (lineId, position) {
         const lineGroup = this._lineGroupsById[lineId];
@@ -15911,6 +15907,9 @@ module.exports = function (Konva, SVGs, Utils) {
                 anyChange = this.refreshIndicator(lineId) || anyChange;
             }
         }
+        if (anyChange) {
+            this.draw();
+        }
         return anyChange;
     };
     LineIndicator.prototype.draw = function () {
@@ -18800,6 +18799,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 +18810,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';

package/src/components/line-groups.js

@@ -441,23 +441,19 @@ define([
 
   LineGroups.prototype.refreshLineYs = function() {
     var y = this._peaks.options.padding - this._view.getFrameOffsetY();
-    var anyChange = false;
 
     // This code assumes that lines are ordered in ascending order of position
     // This is the case as the keys are integers
     for (var position in this._lineGroupsByPosition) {
       if (Utils.objectHasProperty(this._lineGroupsByPosition, position)) {
         if (this._lineGroupsByPosition[position].y() !== y) {
-          anyChange = true;
           this._lineGroupsByPosition[position].y(y);
         }
         y += this._lineGroupsByPosition[position].lineHeight() + this._peaks.options.interline;
       }
     }
 
-    if (anyChange && this._lineIndicator.refreshIndicators()) {
-      this._lineIndicator.draw();
-    }
+    this._lineIndicator.refreshIndicators();
   };
 
   LineGroups.prototype._setLinePosition = function(lineId, position) {

package/src/components/line-indicator.js

@@ -297,6 +297,9 @@ define([
       }
     }
 
+    if (anyChange) {
+      this.draw();
+    }
     return anyChange;
   };
 

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() {