@checksub_team/peaks_timeline 1.6.3 → 1.6.4

package/package.json

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

package/peaks.js

@@ -14464,7 +14464,9 @@ module.exports = function (Konva, Utils, SVGs) {
     LineIndicator.prototype.updateIndicator = function (lineId) {
         if (this._indicators[lineId]) {
             var y = this._indicators[lineId].line.getY();
-            if (y + this._indicators[lineId].line.lineHeight() + this._yPadding > 0 && y - this._yPadding < this._height) {
+            var isVisible = y + this._indicators[lineId].line.lineHeight() + this._yPadding > 0 && y - this._yPadding < this._height;
+            var isLineNotEmpty = !this._indicators[lineId].line.isEmpty();
+            if (isLineNotEmpty && isVisible) {
                 if (!this._indicators[lineId].indicator) {
                     this._indicators[lineId].indicator = this._createIndicator(this._indicators[lineId].line, this._indicators[lineId].type, this._indicators[lineId].text);
                     this._layer.add(this._indicators[lineId].indicator);
@@ -14635,7 +14637,7 @@ module.exports = function (Konva, Utils) {
         return this._id;
     };
     Line.prototype.isEmpty = function () {
-        return Object.keys(this._sources).length === 0;
+        return this.isSegmentsLine() ? this._segmentsGroup.isEmpty() : Object.keys(this._sources).length === 0;
     };
     Line.prototype.isSegmentsLine = function () {
         return Boolean(this._segmentsGroup);
@@ -17023,6 +17025,9 @@ module.exports = function (SegmentShape, Utils, Konva) {
             }
         }
     };
+    SegmentsGroup.prototype.isEmpty = function () {
+        return Object.keys(this._segments).length === 0;
+    };
     SegmentsGroup.prototype.addToGroup = function (group) {
         group.add(this._group);
     };
@@ -17237,10 +17242,10 @@ module.exports = function (SegmentShape, Utils, Konva) {
             }
         }
         if (!currentHeight) {
-            if (Object.keys(this._segments).length > 0) {
-                currentHeight = this._peaks.options.segmentHeight;
-            } else {
+            if (this.isEmpty()) {
                 currentHeight = this._peaks.options.emptyLineHeight;
+            } else {
+                currentHeight = this._peaks.options.segmentHeight;
             }
         }
         return currentHeight;

package/src/line-indicator.js

@@ -251,10 +251,11 @@ define([
   LineIndicator.prototype.updateIndicator = function(lineId) {
     if (this._indicators[lineId]) {
       var y = this._indicators[lineId].line.getY();
+      var isVisible = y + this._indicators[lineId].line.lineHeight() + this._yPadding > 0
+        && y - this._yPadding < this._height;
+      var isLineNotEmpty = !this._indicators[lineId].line.isEmpty();
 
-      if (y + this._indicators[lineId].line.lineHeight() + this._yPadding > 0
-        && y - this._yPadding < this._height) {
-        // The indicator is visible
+      if (isLineNotEmpty && isVisible) {
         if (!this._indicators[lineId].indicator) {
           this._indicators[lineId].indicator = this._createIndicator(
             this._indicators[lineId].line,
@@ -271,7 +272,6 @@ define([
         }
       }
       else {
-        // The indicator is out of the view, we remove it
         this.removeIndicator(lineId, true);
       }
     }

package/src/line.js

@@ -52,7 +52,9 @@ define([
   };
 
   Line.prototype.isEmpty = function() {
-    return Object.keys(this._sources).length === 0;
+    return this.isSegmentsLine() ?
+      this._segmentsGroup.isEmpty() :
+      Object.keys(this._sources).length === 0;
   };
 
   Line.prototype.isSegmentsLine = function() {

package/src/segments-group.js

@@ -68,6 +68,10 @@ define([
     }
   };
 
+  SegmentsGroup.prototype.isEmpty = function() {
+    return Object.keys(this._segments).length === 0;
+  };
+
   /**
    * Adds the group to the given {Konva.Group}.
    *
@@ -394,11 +398,11 @@ define([
     }
 
     if (!currentHeight) {
-      if (Object.keys(this._segments).length > 0) {
-        currentHeight = this._peaks.options.segmentHeight;
+      if (this.isEmpty()) {
+        currentHeight = this._peaks.options.emptyLineHeight;
       }
       else {
-        currentHeight = this._peaks.options.emptyLineHeight;
+        currentHeight = this._peaks.options.segmentHeight;
       }
     }