@checksub_team/peaks_timeline 1.13.4 → 1.13.6

package/package.json

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

package/peaks.js

@@ -15914,6 +15914,8 @@ module.exports = function (Colors, EventEmitter, TimelineSegments, TimelineSourc
             sourceHandleWidth: 12,
             sourceTextXOffset: 10,
             sourceTextYOffset: 10,
+            sourceIndicatorsXOffset: 8,
+            sourceIndicatorsYOffset: 12,
             autoScrollThreshold: 0.05,
             enableLineIndicatorContextMenu: true,
             minSourceSize: 0.05,
@@ -18106,8 +18108,6 @@ module.exports = function (WaveformBuilder, WaveformShape, Utils, Konva) {
     var SPACING_BETWEEN_PREVIEWS = 1.5;
     var CORNER_RADIUS = 8;
     var INDICATOR_RADIUS = 4;
-    var INDICATORS_MARGIN_LEFT = 8;
-    var INDICATORS_MARGIN_TOP = 12;
     function SourceGroup(source, peaks, layer, view) {
         this._source = source;
         this._peaks = peaks;
@@ -18842,8 +18842,8 @@ module.exports = function (WaveformBuilder, WaveformShape, Utils, Konva) {
                 zIndex += 1;
             }
         }
-        this._indicatorsGroup.offsetX(currentX - INDICATORS_MARGIN_LEFT);
-        this._indicatorsGroup.offsetY(-INDICATORS_MARGIN_TOP);
+        this._indicatorsGroup.offsetX(currentX - this._peaks.options.sourceIndicatorsXOffset);
+        this._indicatorsGroup.offsetY(-this._peaks.options.sourceIndicatorsYOffset);
     };
     SourceGroup.prototype._createMarkers = function () {
         const markersGroup = new Konva.Group({ listening: false });
@@ -19256,7 +19256,7 @@ module.exports = function (Utils) {
         validateSource(peaks, opts, 'add()');
         this._peaks = peaks;
         this._id = id;
-        this._originId = originId;
+        this._originId = originId || id;
         this._elementId = elementId;
         this._title = opts.title;
         this._url = opts.url;
@@ -20649,7 +20649,7 @@ module.exports = function (Source, Utils) {
         });
         var newSource = this._add([{
                 id: Utils.createUuidv4(),
-                originId: sourceToCut.id,
+                originId: sourceToCut.originId,
                 elementId: sourceToCut.elementId,
                 title: sourceToCut.title,
                 url: sourceToCut.url,

package/src/main.js

@@ -355,6 +355,20 @@ define([
        */
       sourceTextYOffset: 10,
 
+      /**
+       * X Offset of the source indicators, in pixels
+       * This is the offset of the source indicators
+       * from the left side of the source
+       */
+      sourceIndicatorsXOffset: 8,
+
+      /**
+       * Y Offset of the source indicators, in pixels
+       * This is the offset of the source indicators
+       * from the top of the source
+       */
+      sourceIndicatorsYOffset: 12,
+
       /**
        * Threshold size on the left and right border of the view,
        * where auto scrolling is activated, between 0 and 1.

package/src/source-group.js

@@ -22,8 +22,6 @@ define([
   var SPACING_BETWEEN_PREVIEWS = 1.5;
   var CORNER_RADIUS = 8;
   var INDICATOR_RADIUS = 4; // px
-  var INDICATORS_MARGIN_LEFT = 8; // px
-  var INDICATORS_MARGIN_TOP = 12; // px
 
   /**
    * Creates a source group for the given source.
@@ -1039,8 +1037,8 @@ define([
       }
     }
 
-    this._indicatorsGroup.offsetX(currentX - INDICATORS_MARGIN_LEFT);
-    this._indicatorsGroup.offsetY(-INDICATORS_MARGIN_TOP);
+    this._indicatorsGroup.offsetX(currentX - this._peaks.options.sourceIndicatorsXOffset);
+    this._indicatorsGroup.offsetY(-this._peaks.options.sourceIndicatorsYOffset);
   };
 
   SourceGroup.prototype._createMarkers = function() {

package/src/source.js

@@ -400,7 +400,7 @@ define([
 
     this._peaks = peaks;
     this._id = id;
-    this._originId = originId;
+    this._originId = originId || id;
     this._elementId = elementId;
     this._title = opts.title;
     this._url = opts.url;

package/src/timeline-sources.js

@@ -64,7 +64,7 @@ define([
     // Create the copy (cut)
     var newSource = this._add([{
       id: Utils.createUuidv4(),
-      originId: sourceToCut.id,
+      originId: sourceToCut.originId,
       elementId: sourceToCut.elementId,
       title: sourceToCut.title,
       url: sourceToCut.url,