@checksub_team/peaks_timeline 2.0.0-alpha.13 → 2.0.0-alpha.14

package/package.json

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

package/peaks.js

@@ -15502,11 +15502,18 @@ module.exports = function (SegmentsGroup, LineGroup, LineIndicator, Utils) {
         this._automaticLineCreationPosition = newLinePosition;
         this._automaticLineCreationTimeout = setTimeout(function () {
             this._automaticLineCreationTimeout = null;
-            var currentLine = this._lineGroupsByPosition[initialPosition];
+            const currentLine = this._lineGroupsByPosition[initialPosition];
             sources = sources.filter(function (source) {
                 return currentLine.hasSource(source.id);
             });
-            if (sources.length === 0 || sources.length === currentLine.countRemainingElements()) {
+            if (sources.length === 0) {
+                this.stopAutomaticLineCreation();
+                return;
+            }
+            const posAround = this.getLinesAroundPos(currentLine.getPosition());
+            const targetPosIsJustBefore = newLinePosition <= currentLine.getPosition() && newLinePosition > posAround[0];
+            const targetPosIsJustAfter = newLinePosition >= currentLine.getPosition() && newLinePosition <= posAround[1];
+            if (sources.length === currentLine.countRemainingElements() && (targetPosIsJustBefore || targetPosIsJustAfter)) {
                 this.stopAutomaticLineCreation();
                 return;
             }
@@ -15583,6 +15590,24 @@ module.exports = function (SegmentsGroup, LineGroup, LineIndicator, Utils) {
         }
         return pos;
     };
+    LineGroups.prototype.getLinesAroundPos = function (pos) {
+        var returnPos = [
+            -1,
+            this.getLastPosition() + 1
+        ];
+        for (var position in this._lineGroupsByPosition) {
+            if (Utils.objectHasProperty(this._lineGroupsByPosition, position)) {
+                var p = parseInt(position, 10);
+                if (p < pos) {
+                    returnPos[0] = p;
+                } else if (p > pos) {
+                    returnPos[1] = p;
+                    break;
+                }
+            }
+        }
+        return returnPos;
+    };
     LineGroups.prototype._moveSourcesToPositionIfPossible = function (sources, targetPosition, targetTime, sourcesDuration) {
         const lineGroup = this._lineGroupsByPosition[targetPosition];
         if (!lineGroup || lineGroup.isSegmentsLine()) {

package/src/components/line-groups.js

@@ -298,13 +298,25 @@ define([
     this._automaticLineCreationTimeout = setTimeout(function() {
       this._automaticLineCreationTimeout = null;
 
-      var currentLine = this._lineGroupsByPosition[initialPosition];
+      const currentLine = this._lineGroupsByPosition[initialPosition];
 
       sources = sources.filter(function(source) {
         return currentLine.hasSource(source.id);
       });
 
-      if (sources.length === 0 || sources.length === currentLine.countRemainingElements()) {
+      if (sources.length === 0) {
+        this.stopAutomaticLineCreation();
+        return;
+      }
+
+      const posAround = this.getLinesAroundPos(currentLine.getPosition());
+      const targetPosIsJustBefore = newLinePosition <= currentLine.getPosition() && newLinePosition > posAround[0];
+      const targetPosIsJustAfter = newLinePosition >= currentLine.getPosition() && newLinePosition <= posAround[1];
+
+      if (
+        sources.length === currentLine.countRemainingElements() &&
+        (targetPosIsJustBefore || targetPosIsJustAfter)
+      ) {
         this.stopAutomaticLineCreation();
         return;
       }
@@ -409,6 +421,26 @@ define([
     return pos;
   };
 
+  LineGroups.prototype.getLinesAroundPos = function(pos) {
+    var returnPos = [-1, this.getLastPosition() + 1];
+
+    for (var position in this._lineGroupsByPosition) {
+      if (Utils.objectHasProperty(this._lineGroupsByPosition, position)) {
+        var p = parseInt(position, 10);
+
+        if (p < pos) {
+          returnPos[0] = p;
+        }
+        else if (p > pos) {
+          returnPos[1] = p;
+          break;
+        }
+      }
+    }
+
+    return returnPos;
+  };
+
   LineGroups.prototype._moveSourcesToPositionIfPossible = function(sources, targetPosition, targetTime,
     sourcesDuration
   ) {