@checksub_team/peaks_timeline 1.13.2 → 1.13.3

package/package.json

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

package/peaks.js

@@ -14825,7 +14825,8 @@ module.exports = function (Konva, Utils, SVGs) {
                 fontFamily: this._peaks.options.lineIndicatorFont,
                 fill: this._peaks.options.lineIndicatorTextColor,
                 align: 'center',
-                width: this._width
+                width: this._width,
+                listening: false
             });
             textNode.setAttr('defaultColor', this._peaks.options.lineIndicatorTextColor);
             textNode.setAttr('selectedColor', this._peaks.options.lineIndicatorSelectedTextColor);
@@ -14842,7 +14843,8 @@ module.exports = function (Konva, Utils, SVGs) {
                 radius: this._sizes.icon.default / 2,
                 fill: this._peaks.options.lineIndicatorIconColor,
                 strokeWidth: 0,
-                lineId: line.getId()
+                lineId: line.getId(),
+                listening: false
             });
             indicatorHeight += padding;
         } else {
@@ -14855,7 +14857,8 @@ module.exports = function (Konva, Utils, SVGs) {
                     x: this._sizes.icon[type] / SVGs[type].width,
                     y: this._sizes.icon[type] / SVGs[type].height
                 },
-                lineId: line.getId()
+                lineId: line.getId(),
+                listening: false
             });
         }
         iconNode.setAttr('defaultColor', this._peaks.options.lineIndicatorIconColor);
@@ -14863,6 +14866,16 @@ module.exports = function (Konva, Utils, SVGs) {
         indicator.add(iconNode);
         indicatorHeight += this._sizes.icon[type];
         indicator.setAttr('trueHeight', indicatorHeight);
+        var backgroundRect = new Konva.Rect({
+            x: 0,
+            y: 0,
+            width: this._width,
+            height: indicatorHeight,
+            fill: 'transparent',
+            listening: true
+        });
+        indicator.add(backgroundRect);
+        backgroundRect.moveToTop();
         indicator.y(line.getY() + (line.lineHeight() - indicatorHeight) / 2);
         var self = this;
         indicator.on('mouseenter', function () {

package/src/line-indicator.js

@@ -143,7 +143,8 @@ define([
         fontFamily: this._peaks.options.lineIndicatorFont,
         fill: this._peaks.options.lineIndicatorTextColor,
         align: 'center',
-        width: this._width
+        width: this._width,
+        listening: false
       });
 
       textNode.setAttr('defaultColor', this._peaks.options.lineIndicatorTextColor);
@@ -166,7 +167,8 @@ define([
         radius: this._sizes.icon.default / 2,
         fill: this._peaks.options.lineIndicatorIconColor,
         strokeWidth: 0,
-        lineId: line.getId()
+        lineId: line.getId(),
+        listening: false
       });
 
       indicatorHeight += padding;
@@ -181,7 +183,8 @@ define([
           x: (this._sizes.icon[type]) / SVGs[type].width,
           y: (this._sizes.icon[type]) / SVGs[type].height
         },
-        lineId: line.getId()
+        lineId: line.getId(),
+        listening: false
       });
     }
 
@@ -193,6 +196,18 @@ define([
 
     indicator.setAttr('trueHeight', indicatorHeight);
 
+    var backgroundRect = new Konva.Rect({
+      x: 0,
+      y: 0,
+      width: this._width,
+      height: indicatorHeight,
+      fill: 'transparent',
+      listening: true
+    });
+
+    indicator.add(backgroundRect);
+    backgroundRect.moveToTop();
+
     indicator.y(line.getY() + (line.lineHeight() - indicatorHeight) / 2);
 
     var self = this;