@checksub_team/peaks_timeline 2.0.0-alpha.0 → 2.0.0-alpha.10
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 +1 -1
- package/peaks.js +159 -92
- package/src/components/line-group.js +4 -0
- package/src/components/line-groups.js +21 -14
- package/src/components/line-indicator.js +5 -0
- package/src/components/source-group.js +29 -7
- package/src/components/sources-layer.js +15 -9
- package/src/line-handler.js +2 -1
- package/src/main.js +7 -14
- package/src/models/line.js +25 -25
- package/src/models/source.js +66 -17
- package/src/segment-handler.js +10 -2
- package/src/source-handler.js +15 -4
- package/src/view.js +5 -11
package/src/view.js
CHANGED
|
@@ -79,7 +79,6 @@ define([
|
|
|
79
79
|
self._timeToPixelsScale = self._options.initialZoomLevel;
|
|
80
80
|
self._timeToPixelsMinScale = self._options.minScale;
|
|
81
81
|
|
|
82
|
-
self._resizeTimeoutId = null;
|
|
83
82
|
self._isFocused = false;
|
|
84
83
|
self._isClickable = true;
|
|
85
84
|
|
|
@@ -120,9 +119,7 @@ define([
|
|
|
120
119
|
height: self._height
|
|
121
120
|
});
|
|
122
121
|
|
|
123
|
-
self.
|
|
124
|
-
// self._tempLayer.listening(false);
|
|
125
|
-
self._stage.add(self._tempLayer);
|
|
122
|
+
self._tempGroup = new Konva.Group({ listening: false });
|
|
126
123
|
|
|
127
124
|
self._width -= self._peaks.options.lineIndicatorWidth;
|
|
128
125
|
|
|
@@ -136,6 +133,8 @@ define([
|
|
|
136
133
|
self._sourcesLayer = new SourcesLayer(peaks, self, true);
|
|
137
134
|
self._sourcesLayer.addToStage(self._stage);
|
|
138
135
|
|
|
136
|
+
self._sourcesLayer.add(self._tempGroup);
|
|
137
|
+
|
|
139
138
|
self._axis.addFrontToStage(self._stage);
|
|
140
139
|
|
|
141
140
|
self._playheadLayer = new PlayheadLayer(
|
|
@@ -318,8 +317,8 @@ define([
|
|
|
318
317
|
this._isClickable = clickable;
|
|
319
318
|
};
|
|
320
319
|
|
|
321
|
-
View.prototype.
|
|
322
|
-
return this.
|
|
320
|
+
View.prototype.getTempGroup = function() {
|
|
321
|
+
return this._tempGroup;
|
|
323
322
|
};
|
|
324
323
|
|
|
325
324
|
View.prototype.getSelectedElements = function() {
|
|
@@ -887,11 +886,6 @@ define([
|
|
|
887
886
|
};
|
|
888
887
|
|
|
889
888
|
View.prototype.destroy = function() {
|
|
890
|
-
if (this._resizeTimeoutId) {
|
|
891
|
-
clearTimeout(this._resizeTimeoutId);
|
|
892
|
-
this._resizeTimeoutId = null;
|
|
893
|
-
}
|
|
894
|
-
|
|
895
889
|
// Unregister event handlers
|
|
896
890
|
this._peaks.off('player_time_update', this._onTimeUpdate);
|
|
897
891
|
this._peaks.off('user_seek', this._onSeek);
|