@checksub_team/peaks_timeline 2.0.0-alpha.5 → 2.0.0-alpha.6

package/package.json

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

package/peaks.js

@@ -18108,7 +18108,7 @@ module.exports = function (WaveformBuilder, WaveformShape, Loader, Utils, Konva)
         return group.isAncestorOf(this._group);
     };
     SourceGroup.prototype.hideButKeepFocus = function () {
-        this._group.moveTo(this._view.getTempLayer());
+        this._group.moveTo(this._view.getTempGroup());
     };
     SourceGroup.prototype.getParent = function () {
         return this._group.getParent();
@@ -22089,8 +22089,7 @@ module.exports = function (MouseDragHandler, PlayheadLayer, SourcesLayer, ModeLa
             width: self._width - self._peaks.options.lineIndicatorWidth,
             height: self._height
         });
-        self._tempLayer = new Konva.Layer();
-        self._stage.add(self._tempLayer);
+        self._tempGroup = new Konva.Group({ listening: false });
         self._width -= self._peaks.options.lineIndicatorWidth;
         self._axis = new Axis(self._peaks, self, {
             axisGridlineColor: this._options.axisGridlineColor,
@@ -22099,6 +22098,7 @@ module.exports = function (MouseDragHandler, PlayheadLayer, SourcesLayer, ModeLa
         self._axis.addBackToStage(self._stage);
         self._sourcesLayer = new SourcesLayer(peaks, self, true);
         self._sourcesLayer.addToStage(self._stage);
+        self._sourcesLayer.add(self._tempGroup);
         self._axis.addFrontToStage(self._stage);
         self._playheadLayer = new PlayheadLayer(peaks, self, self._sourcesLayer, self._options.showPlayheadTime);
         self._playheadLayer.addToStage(self._stage);
@@ -22207,8 +22207,8 @@ module.exports = function (MouseDragHandler, PlayheadLayer, SourcesLayer, ModeLa
     View.prototype.setClickable = function (clickable) {
         this._isClickable = clickable;
     };
-    View.prototype.getTempLayer = function () {
-        return this._tempLayer;
+    View.prototype.getTempGroup = function () {
+        return this._tempGroup;
     };
     View.prototype.getSelectedElements = function () {
         return Object.values(this._modeLayer.getSelectedElements());

package/src/components/source-group.js

@@ -691,7 +691,7 @@ define([
   };
 
   SourceGroup.prototype.hideButKeepFocus = function() {
-    this._group.moveTo(this._view.getTempLayer());
+    this._group.moveTo(this._view.getTempGroup());
   };
 
   SourceGroup.prototype.getParent = function() {

package/src/view.js

@@ -119,9 +119,7 @@ define([
       height: self._height
     });
 
-    self._tempLayer = new Konva.Layer();
-    // self._tempLayer.listening(false);
-    self._stage.add(self._tempLayer);
+    self._tempGroup = new Konva.Group({ listening: false });
 
     self._width -= self._peaks.options.lineIndicatorWidth;
 
@@ -135,6 +133,8 @@ define([
     self._sourcesLayer = new SourcesLayer(peaks, self, true);
     self._sourcesLayer.addToStage(self._stage);
 
+    self._sourcesLayer.add(self._tempGroup);
+
     self._axis.addFrontToStage(self._stage);
 
     self._playheadLayer = new PlayheadLayer(
@@ -317,8 +317,8 @@ define([
     this._isClickable = clickable;
   };
 
-  View.prototype.getTempLayer = function() {
-    return this._tempLayer;
+  View.prototype.getTempGroup = function() {
+    return this._tempGroup;
   };
 
   View.prototype.getSelectedElements = function() {