@checksub_team/peaks_timeline 1.4.28 → 1.4.29

package/package.json

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

package/peaks.js

@@ -14889,6 +14889,15 @@ module.exports = function (Konva, Utils) {
         this._height = this._segmentsGroup.getCurrentHeight();
         segmentsGroup.addToGroup(this._group);
     };
+    Line.prototype.refreshSegmentsHeight = function () {
+        if (this.isSegmentsLine) {
+            var oldHeight = this._height;
+            this._height = this._segmentsGroup.getCurrentHeight();
+            if (this._height !== oldHeight) {
+                this._peaks.emit('line.heightChanged', this._position);
+            }
+        }
+    };
     Line.prototype._canBePlacedBetween = function (startTime, endTime, startLimit, endLimit) {
         var timeWidth = endTime - startTime;
         var newTimes = null;
@@ -15158,6 +15167,7 @@ module.exports = function (SegmentsGroup, Line, LineIndicator, Utils) {
         this._areSourceInteractionsAllowed = true;
         this._areSegmentInteractionsAllowed = true;
         this._segmentsGroups = {};
+        this._segmentsGroupToLine = {};
         this._lineId = 0;
         this._lineIndicator = new LineIndicator(peaks, view, document.getElementById('line-indicator-container'));
         this._peaks.on('line.heightChanged', this._onLineHeightChanged.bind(this));
@@ -15192,6 +15202,9 @@ module.exports = function (SegmentsGroup, Line, LineIndicator, Utils) {
     };
     Lines.prototype._onSegmentsRemoveAll = function (lineId) {
         this._segmentsGroups[lineId].onSegmentsRemoveAll();
+        if (Utils.objectHasProperty(this._segmentsGroupToLine, lineId)) {
+            this._segmentsGroupToLine[lineId].refreshSegmentsHeight();
+        }
     };
     Lines.prototype._onLineHeightChanged = function (position) {
         this._updateLinesPosition(position);
@@ -15229,6 +15242,7 @@ module.exports = function (SegmentsGroup, Line, LineIndicator, Utils) {
         this._createLine(position);
         this._linesByPosition[position].allowInteractions(this._areSegmentInteractionsAllowed);
         this._linesByPosition[position].addSegments(this._segmentsGroups[lineId]);
+        this._segmentsGroupToLine[lineId] = this._linesByPosition[position];
         this._setInteractions(position);
         this._updateLinesPosition(position);
     };
@@ -17106,18 +17120,20 @@ module.exports = function (SegmentShape, Utils, Konva) {
     SegmentsGroup.prototype.find = function (startTime, endTime) {
         var currentSegment = null;
         var visibleSegments = [];
-        do {
-            if (!currentSegment) {
-                currentSegment = this._segments[this._firstSegmentId];
-            } else {
-                currentSegment = this._segments[currentSegment.nextSegmentId];
-            }
-            if (currentSegment.segment.isVisible(startTime, endTime)) {
-                visibleSegments.push(currentSegment.segment);
-            } else if (visibleSegments.length) {
-                break;
-            }
-        } while (currentSegment.nextSegmentId);
+        if (this._firstSegmentId) {
+            do {
+                if (!currentSegment) {
+                    currentSegment = this._segments[this._firstSegmentId];
+                } else {
+                    currentSegment = this._segments[currentSegment.nextSegmentId];
+                }
+                if (currentSegment.segment.isVisible(startTime, endTime)) {
+                    visibleSegments.push(currentSegment.segment);
+                } else if (visibleSegments.length) {
+                    break;
+                }
+            } while (currentSegment.nextSegmentId);
+        }
         return visibleSegments;
     };
     SegmentsGroup.prototype._draw = function () {
@@ -17135,8 +17151,12 @@ module.exports = function (SegmentShape, Utils, Konva) {
                 break;
             }
         }
-        if (!currentHeight && this._segments) {
-            currentHeight = this._peaks.options.segmentHeight;
+        if (!currentHeight) {
+            if (Object.keys(this._segments).length > 0) {
+                currentHeight = this._peaks.options.segmentHeight;
+            } else {
+                currentHeight = this._peaks.options.emptyLineHeight;
+            }
         }
         return currentHeight;
     };

package/src/line.js

@@ -279,6 +279,18 @@ define([
     segmentsGroup.addToGroup(this._group);
   };
 
+  Line.prototype.refreshSegmentsHeight = function() {
+    if (this.isSegmentsLine) {
+      var oldHeight = this._height;
+
+      this._height = this._segmentsGroup.getCurrentHeight();
+
+      if (this._height !== oldHeight) {
+        this._peaks.emit('line.heightChanged', this._position);
+      }
+    }
+  };
+
   Line.prototype._canBePlacedBetween = function(startTime, endTime, startLimit, endLimit) {
     var timeWidth = endTime - startTime;
     var newTimes = null;

package/src/lines.js

@@ -29,6 +29,7 @@ define([
     this._areSegmentInteractionsAllowed = true;
 
     this._segmentsGroups = {};
+    this._segmentsGroupToLine = {};
 
     this._lineId = 0;
 
@@ -79,6 +80,10 @@ define([
 
   Lines.prototype._onSegmentsRemoveAll = function(lineId) {
     this._segmentsGroups[lineId].onSegmentsRemoveAll();
+
+    if (Utils.objectHasProperty(this._segmentsGroupToLine, lineId)) {
+      this._segmentsGroupToLine[lineId].refreshSegmentsHeight();
+    }
   };
 
   Lines.prototype._onLineHeightChanged = function(position) {
@@ -126,6 +131,8 @@ define([
     this._linesByPosition[position].allowInteractions(this._areSegmentInteractionsAllowed);
     this._linesByPosition[position].addSegments(this._segmentsGroups[lineId]);
 
+    this._segmentsGroupToLine[lineId] = this._linesByPosition[position];
+
     this._setInteractions(position);
 
     this._updateLinesPosition(position);

package/src/segments-group.js

@@ -326,21 +326,23 @@ define([
     var currentSegment = null;
     var visibleSegments = [];
 
-    do {
-      if (!currentSegment) {
-        currentSegment = this._segments[this._firstSegmentId];
-      }
-      else {
-        currentSegment = this._segments[currentSegment.nextSegmentId];
-      }
+    if (this._firstSegmentId) {
+      do {
+        if (!currentSegment) {
+          currentSegment = this._segments[this._firstSegmentId];
+        }
+        else {
+          currentSegment = this._segments[currentSegment.nextSegmentId];
+        }
 
-      if (currentSegment.segment.isVisible(startTime, endTime)) {
-        visibleSegments.push(currentSegment.segment);
-      }
-      else if (visibleSegments.length) {
-        break;
-      }
-    } while (currentSegment.nextSegmentId);
+        if (currentSegment.segment.isVisible(startTime, endTime)) {
+          visibleSegments.push(currentSegment.segment);
+        }
+        else if (visibleSegments.length) {
+          break;
+        }
+      } while (currentSegment.nextSegmentId);
+    }
 
     return visibleSegments;
   };
@@ -370,8 +372,13 @@ define([
       }
     }
 
-    if (!currentHeight && this._segments) {
-      currentHeight = this._peaks.options.segmentHeight;
+    if (!currentHeight) {
+      if (Object.keys(this._segments).length > 0) {
+        currentHeight = this._peaks.options.segmentHeight;
+      }
+      else {
+        currentHeight = this._peaks.options.emptyLineHeight;
+      }
     }
 
     return currentHeight;