@checksub_team/peaks_timeline 1.16.0 → 1.16.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@checksub_team/peaks_timeline",
3
- "version": "1.16.0",
3
+ "version": "1.16.1",
4
4
  "description": "JavaScript UI component for displaying audio waveforms",
5
5
  "main": "./peaks.js",
6
6
  "types": "./peaks.js.d.ts",
package/peaks.js CHANGED
@@ -18103,14 +18103,14 @@ module.exports = function (WaveformBuilder, WaveformShape, Utils, Loader, Konva)
18103
18103
  this._group.on('dragend', this._onDragEnd.bind(this));
18104
18104
  this._cursor = null;
18105
18105
  this._group.on('mouseenter', function () {
18106
- self._hovered = true;
18106
+ self._setHovered(true);
18107
18107
  self._view.setHoveredElement(self);
18108
18108
  if (!self._source.loading) {
18109
18109
  self._showButtons();
18110
18110
  }
18111
18111
  });
18112
18112
  this._group.on('mouseleave', function () {
18113
- self._hovered = false;
18113
+ self._setHovered(false);
18114
18114
  self._view.setHoveredElement(null);
18115
18115
  self._hideButtons();
18116
18116
  });
@@ -18148,6 +18148,10 @@ module.exports = function (WaveformBuilder, WaveformShape, Utils, Loader, Konva)
18148
18148
  this.createIndicators();
18149
18149
  this.setLoadingState(this._source.loading);
18150
18150
  }
18151
+ SourceGroup.prototype._setHovered = function (newValue) {
18152
+ this._hovered = newValue;
18153
+ this._group.draw();
18154
+ };
18151
18155
  SourceGroup.prototype._onDragStart = function (element) {
18152
18156
  this._isDragged = true;
18153
18157
  this._layer.onSourcesGroupDragStart(element);
@@ -81,7 +81,7 @@ define([
81
81
 
82
82
  this._cursor = null;
83
83
  this._group.on('mouseenter', function() {
84
- self._hovered = true;
84
+ self._setHovered(true);
85
85
  self._view.setHoveredElement(self);
86
86
  if (!self._source.loading) {
87
87
  self._showButtons();
@@ -89,7 +89,7 @@ define([
89
89
  });
90
90
 
91
91
  this._group.on('mouseleave', function() {
92
- self._hovered = false;
92
+ self._setHovered(false);
93
93
  self._view.setHoveredElement(null);
94
94
  self._hideButtons();
95
95
  });
@@ -137,6 +137,11 @@ define([
137
137
  this.setLoadingState(this._source.loading);
138
138
  }
139
139
 
140
+ SourceGroup.prototype._setHovered = function(newValue) {
141
+ this._hovered = newValue;
142
+ this._group.draw();
143
+ };
144
+
140
145
  SourceGroup.prototype._onDragStart = function(element) {
141
146
  this._isDragged = true;
142
147
  this._layer.onSourcesGroupDragStart(element);