npm - @checksub_team/peaks_timeline - Versions diffs - 1.8.0 → 1.8.1 - Mend

@checksub_team/peaks_timeline 1.8.0 → 1.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/package.json CHANGED Viewed

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

package/peaks.js CHANGED Viewed

@@ -15691,6 +15691,7 @@ module.exports = function (Utils, SourceGroup, Konva) {
     'use strict';
     var TIME_X_OFFSET = 20;
     var TIME_Y_OFFSET = 10;
+    var SNAP_DISTANCE_FOR_CUTTING = 10;
     function ModeLayer(peaks, view, playheadLayer, stage, initialMode) {
         this._peaks = peaks;
         this._view = view;
@@ -15874,9 +15875,9 @@ module.exports = function (Utils, SourceGroup, Konva) {
         var cuttingPosition = mousePosition;
         var hoveredElement = this._view.getHoveredElement();
         if (hoveredElement && hoveredElement instanceof SourceGroup && hoveredElement.isCuttable()) {
-            var playheadPositionX = this._view.timeToPixels(this._playheadLayer._time);
+            var playheadPositionX = Math.round(this._view.timeToPixels(this._playheadLayer._time) - this._view.getFrameOffset());
             var playheadIsOnHoveredElement = playheadPositionX >= hoveredElement.x() && playheadPositionX <= hoveredElement.x() + hoveredElement.getWidth();
-            if (Math.abs(mousePosition.x - playheadPositionX) < 10 && playheadIsOnHoveredElement) {
+            if (Math.abs(mousePosition.x - playheadPositionX) < SNAP_DISTANCE_FOR_CUTTING && playheadIsOnHoveredElement) {
                 cuttingPosition.x = playheadPositionX;
             }
         }
@@ -15894,9 +15895,9 @@ module.exports = function (Utils, SourceGroup, Konva) {
         var hoveredElement = this._view.getHoveredElement();
         if (hoveredElement && hoveredElement instanceof SourceGroup && hoveredElement.isCuttable()) {
             var cuttingPosition = mousePosition;
-            var playheadPositionX = this._view.timeToPixels(this._playheadLayer._time);
+            var playheadPositionX = Math.round(this._view.timeToPixels(this._playheadLayer._time) - this._view.getFrameOffset());
             var playheadIsOnHoveredElement = playheadPositionX >= hoveredElement.x() && playheadPositionX <= hoveredElement.x() + hoveredElement.getWidth();
-            if (Math.abs(mousePosition.x - playheadPositionX) < 10 && playheadIsOnHoveredElement) {
+            if (Math.abs(mousePosition.x - playheadPositionX) < SNAP_DISTANCE_FOR_CUTTING && playheadIsOnHoveredElement) {
                 cuttingPosition.x = playheadPositionX;
             }
             var minSize = this._view.timeToPixels(hoveredElement.getSource().minSize);

package/src/mode-layer.js CHANGED Viewed

@@ -15,6 +15,7 @@ define([
   var TIME_X_OFFSET = 20;
   var TIME_Y_OFFSET = 10;
+  var SNAP_DISTANCE_FOR_CUTTING = 10;
   /**
    * Creates a Konva.Layer that displays additionnal information for alternative modes.
@@ -267,12 +268,13 @@ define([
     var hoveredElement = this._view.getHoveredElement();
     if (hoveredElement && hoveredElement instanceof SourceGroup && hoveredElement.isCuttable()) {
-      var playheadPositionX = this._view.timeToPixels(this._playheadLayer._time);
+      var playheadPositionX =
+        Math.round(this._view.timeToPixels(this._playheadLayer._time) - this._view.getFrameOffset());
       var playheadIsOnHoveredElement =
         playheadPositionX >= hoveredElement.x() &&
         playheadPositionX <= (hoveredElement.x() + hoveredElement.getWidth());
-      if (Math.abs(mousePosition.x - playheadPositionX) < 10 && playheadIsOnHoveredElement) {
+      if (Math.abs(mousePosition.x - playheadPositionX) < SNAP_DISTANCE_FOR_CUTTING && playheadIsOnHoveredElement) {
         cuttingPosition.x = playheadPositionX;
       }
     }
@@ -298,13 +300,14 @@ define([
     if (hoveredElement && hoveredElement instanceof SourceGroup && hoveredElement.isCuttable()) {
       var cuttingPosition = mousePosition;
-      var playheadPositionX = this._view.timeToPixels(this._playheadLayer._time);
+      var playheadPositionX =
+        Math.round(this._view.timeToPixels(this._playheadLayer._time) - this._view.getFrameOffset());
       var playheadIsOnHoveredElement =
         playheadPositionX >= hoveredElement.x() &&
         playheadPositionX <= (hoveredElement.x() + hoveredElement.getWidth());
-      if (Math.abs(mousePosition.x - playheadPositionX) < 10 && playheadIsOnHoveredElement) {
+      if (Math.abs(mousePosition.x - playheadPositionX) < SNAP_DISTANCE_FOR_CUTTING && playheadIsOnHoveredElement) {
         cuttingPosition.x = playheadPositionX;
       }