@desynova-digital/player 4.0.19 → 4.0.20
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/Manager.js +15 -17
- package/actions/player.js +18 -35
- package/actions/video.js +25 -50
- package/colors.js +1 -2
- package/components/AudioMeter.js +31 -34
- package/components/BigPlayButton.js +23 -26
- package/components/ImageViewer.js +25 -28
- package/components/MarkerBar.js +23 -26
- package/components/Menu.js +2 -2
- package/components/Player.js +36 -39
- package/components/PlayerHeader.js +23 -26
- package/components/Playlist.js +25 -25
- package/components/PointersBar.js +31 -30
- package/components/PosterImage.js +2 -3
- package/components/SDOutline.js +2 -2
- package/components/Shortcut.js +45 -49
- package/components/Slider.js +34 -36
- package/components/TagsBar.js +22 -25
- package/components/Video.js +61 -65
- package/components/control-bar/AudioTracksMenuButton.js +21 -24
- package/components/control-bar/CameraButton.js +22 -25
- package/components/control-bar/CaptionControlMenuButton.js +22 -25
- package/components/control-bar/CommentsButton.js +23 -26
- package/components/control-bar/ControlBar.js +24 -27
- package/components/control-bar/EditorControlMenuButton.js +23 -26
- package/components/control-bar/ForwardControl.js +2 -3
- package/components/control-bar/ForwardReplayControl.js +23 -26
- package/components/control-bar/FullscreenToggle.js +22 -25
- package/components/control-bar/PlayToggle.js +22 -25
- package/components/control-bar/ReplayControl.js +2 -3
- package/components/control-bar/SettingsMenuButton.js +4 -4
- package/components/control-bar/SubtitleLanguagesMenuButton.js +21 -24
- package/components/control-bar/SubtitleMovementMenu.js +23 -26
- package/components/control-bar/VolumeMenuButton.js +23 -26
- package/components/control-bar/ZoomMenuButton.js +23 -26
- package/components/marking-controls/MarkInControl.js +22 -25
- package/components/marking-controls/MarkOutControl.js +22 -25
- package/components/marking-controls/MarkingAddButton.js +22 -25
- package/components/marking-controls/MarkingControl.js +2 -2
- package/components/marking-controls/MarkingDeleteButton.js +22 -25
- package/components/marking-controls/MarkingDuration.js +2 -2
- package/components/marking-controls/MarkingPreview.js +22 -25
- package/components/progress-bar/AudioWaveform.js +22 -25
- package/components/progress-bar/LoadProgressBar.js +1 -1
- package/components/progress-bar/MouseTimeDisplay.js +2 -3
- package/components/progress-bar/PlayProgressBar.js +2 -2
- package/components/progress-bar/ProgressControl.js +45 -40
- package/components/progress-bar/SeekBar.js +29 -32
- package/components/progress-bar/Timeline.js +22 -25
- package/components/settings-menu-control/CameraControl.js +6 -7
- package/components/settings-menu-control/ChildMenuComponent.js +25 -29
- package/components/settings-menu-control/ParentMenuComponent.js +22 -25
- package/components/settings-menu-control/PlaybackRateControl.js +22 -25
- package/components/settings-menu-control/SafeAreaControl.js +22 -25
- package/components/settings-menu-control/SettingsMenu.js +13 -13
- package/components/time-controls/CurrentTimeDisplay.js +11 -12
- package/components/time-controls/DurationDisplay.js +3 -4
- package/components/time-controls/TimeDivider.js +2 -2
- package/components/volume-control/VolumeBar.js +31 -34
- package/components/volume-control/VolumeControl.js +1 -1
- package/components/volume-control/VolumeLevel.js +3 -4
- package/components/zoom-control/ZoomBar.js +30 -33
- package/components/zoom-control/ZoomLevel.js +3 -4
- package/index.js +4 -4
- package/package.json +1 -1
- package/reducers/index.js +2 -4
- package/reducers/operation.js +7 -8
- package/reducers/player.js +7 -9
- package/utils/browser.js +4 -8
- package/utils/fullscreen.js +8 -10
- package/utils/index.js +13 -14
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -10,38 +10,37 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
10
10
|
var _propTypes = require("prop-types");
|
|
11
11
|
var _components = require("@desynova-digital/components");
|
|
12
12
|
var _templateObject;
|
|
13
|
-
function _interopRequireDefault(
|
|
14
|
-
function _getRequireWildcardCache(
|
|
15
|
-
function _interopRequireWildcard(
|
|
16
|
-
function _classCallCheck(
|
|
17
|
-
function _defineProperties(
|
|
18
|
-
function _createClass(
|
|
19
|
-
function _toPropertyKey(
|
|
20
|
-
function _toPrimitive(
|
|
21
|
-
function
|
|
22
|
-
function
|
|
23
|
-
function
|
|
24
|
-
function
|
|
25
|
-
function
|
|
26
|
-
function
|
|
27
|
-
function
|
|
28
|
-
function _taggedTemplateLiteral(
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
14
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
15
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
16
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
17
|
+
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
|
|
18
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
19
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
20
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
21
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
22
|
+
function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
|
|
23
|
+
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
24
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
25
|
+
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
|
26
|
+
function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
|
|
27
|
+
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
28
|
+
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
29
29
|
var propTypes = {
|
|
30
30
|
actions: _propTypes.PropTypes.instanceOf(Object),
|
|
31
31
|
leftMarker: _propTypes.PropTypes.number
|
|
32
32
|
};
|
|
33
33
|
var PreviewButton = (0, _styledComponents["default"])(_components.Button)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n background: transparent;\n border-color: #afb2ba;\n border-width: 1px;\n margin: 0 5px 0 5px;\n &:hover,\n &:focus {\n background: transparent;\n border-color: #afb2ba;\n }\n\n ", " {\n svg path {\n fill: #afb2ba;\n }\n }\n"])), _components.Icon.Element);
|
|
34
|
-
var MarkingPreview = /*#__PURE__*/function (_Component) {
|
|
35
|
-
_inherits(MarkingPreview, _Component);
|
|
36
|
-
var _super = _createSuper(MarkingPreview);
|
|
34
|
+
var MarkingPreview = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
37
35
|
function MarkingPreview(props) {
|
|
38
36
|
var _this;
|
|
39
37
|
_classCallCheck(this, MarkingPreview);
|
|
40
|
-
_this =
|
|
41
|
-
_this.handleClick = _this.handleClick.bind(
|
|
38
|
+
_this = _callSuper(this, MarkingPreview, [props]);
|
|
39
|
+
_this.handleClick = _this.handleClick.bind(_this);
|
|
42
40
|
return _this;
|
|
43
41
|
}
|
|
44
|
-
|
|
42
|
+
_inherits(MarkingPreview, _Component);
|
|
43
|
+
return _createClass(MarkingPreview, [{
|
|
45
44
|
key: "handleClick",
|
|
46
45
|
value: function handleClick() {
|
|
47
46
|
var _this$props = this.props,
|
|
@@ -67,8 +66,6 @@ var MarkingPreview = /*#__PURE__*/function (_Component) {
|
|
|
67
66
|
});
|
|
68
67
|
}
|
|
69
68
|
}]);
|
|
70
|
-
return MarkingPreview;
|
|
71
69
|
}(_react.Component);
|
|
72
|
-
exports["default"] = MarkingPreview;
|
|
73
70
|
MarkingPreview.propTypes = propTypes;
|
|
74
71
|
MarkingPreview.displayName = 'MarkingPreview';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -11,22 +11,22 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
11
11
|
var _templateObject;
|
|
12
12
|
/*global webkitAudioContext*/
|
|
13
13
|
/*eslint no-undef: ["error", { "typeof": true }] */
|
|
14
|
-
function _interopRequireDefault(
|
|
15
|
-
function _getRequireWildcardCache(
|
|
16
|
-
function _interopRequireWildcard(
|
|
17
|
-
function _classCallCheck(
|
|
18
|
-
function _defineProperties(
|
|
19
|
-
function _createClass(
|
|
20
|
-
function _toPropertyKey(
|
|
21
|
-
function _toPrimitive(
|
|
22
|
-
function
|
|
23
|
-
function
|
|
24
|
-
function
|
|
25
|
-
function
|
|
26
|
-
function
|
|
27
|
-
function
|
|
28
|
-
function
|
|
29
|
-
function _taggedTemplateLiteral(
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
15
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
16
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
17
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
18
|
+
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
|
|
19
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
20
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
21
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
22
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
23
|
+
function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
|
|
24
|
+
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
25
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
26
|
+
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
|
27
|
+
function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
|
|
28
|
+
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
29
|
+
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
30
30
|
var propTypes = {
|
|
31
31
|
audioSrc: _propTypes.PropTypes.string,
|
|
32
32
|
currentZoom: _propTypes.PropTypes.number
|
|
@@ -36,20 +36,19 @@ var defaultProps = {
|
|
|
36
36
|
currentZoom: 1
|
|
37
37
|
};
|
|
38
38
|
var AudioWaveformBlock = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n right: 0;\n canvas {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background: #000;\n }\n"])));
|
|
39
|
-
var AudioWaveform = /*#__PURE__*/function (_Component) {
|
|
40
|
-
_inherits(AudioWaveform, _Component);
|
|
41
|
-
var _super = _createSuper(AudioWaveform);
|
|
39
|
+
var AudioWaveform = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
42
40
|
function AudioWaveform(props, context) {
|
|
43
41
|
var _this;
|
|
44
42
|
_classCallCheck(this, AudioWaveform);
|
|
45
|
-
_this =
|
|
43
|
+
_this = _callSuper(this, AudioWaveform, [props, context]);
|
|
46
44
|
_this.state = {
|
|
47
45
|
buffer: null
|
|
48
46
|
};
|
|
49
|
-
_this.getWaveform = _this.getWaveform.bind(
|
|
47
|
+
_this.getWaveform = _this.getWaveform.bind(_this);
|
|
50
48
|
return _this;
|
|
51
49
|
}
|
|
52
|
-
|
|
50
|
+
_inherits(AudioWaveform, _Component);
|
|
51
|
+
return _createClass(AudioWaveform, [{
|
|
53
52
|
key: "getWaveform",
|
|
54
53
|
value: function getWaveform() {
|
|
55
54
|
var _this2 = this;
|
|
@@ -120,9 +119,7 @@ var AudioWaveform = /*#__PURE__*/function (_Component) {
|
|
|
120
119
|
}));
|
|
121
120
|
}
|
|
122
121
|
}]);
|
|
123
|
-
return AudioWaveform;
|
|
124
122
|
}(_react.Component);
|
|
125
|
-
exports["default"] = AudioWaveform;
|
|
126
123
|
AudioWaveform.propTypes = propTypes;
|
|
127
124
|
AudioWaveform.defaultProps = defaultProps;
|
|
128
125
|
AudioWaveform.displayName = 'AudioWaveform';
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports["default"] = LoadProgressBar;
|
|
7
7
|
var _propTypes = require("prop-types");
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
function _interopRequireDefault(
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
10
10
|
var propTypes = {
|
|
11
11
|
duration: _propTypes.PropTypes.number,
|
|
12
12
|
buffered: _propTypes.PropTypes.instanceOf(Object)
|
|
@@ -7,7 +7,7 @@ exports["default"] = void 0;
|
|
|
7
7
|
var _propTypes = require("prop-types");
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _utils = require("../../utils");
|
|
10
|
-
function _interopRequireDefault(
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
11
11
|
var propTypes = {
|
|
12
12
|
duration: _propTypes.PropTypes.number,
|
|
13
13
|
mouseTime: _propTypes.PropTypes.instanceOf(Object)
|
|
@@ -33,5 +33,4 @@ function MouseTimeDisplay(_ref) {
|
|
|
33
33
|
MouseTimeDisplay.propTypes = propTypes;
|
|
34
34
|
MouseTimeDisplay.defaultProps = defaultProps;
|
|
35
35
|
MouseTimeDisplay.displayName = 'MouseTimeDisplay';
|
|
36
|
-
var _default = MouseTimeDisplay;
|
|
37
|
-
exports["default"] = _default;
|
|
36
|
+
var _default = exports["default"] = MouseTimeDisplay;
|
|
@@ -10,8 +10,8 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
10
10
|
var _utils = require("../../utils");
|
|
11
11
|
var _colors = _interopRequireDefault(require("../../colors"));
|
|
12
12
|
var _templateObject;
|
|
13
|
-
function _interopRequireDefault(
|
|
14
|
-
function _taggedTemplateLiteral(
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
14
|
+
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
15
15
|
var propTypes = {
|
|
16
16
|
currentTime: _propTypes.PropTypes.number,
|
|
17
17
|
duration: _propTypes.PropTypes.number,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -15,24 +15,24 @@ var _PointersBar = _interopRequireDefault(require("../PointersBar"));
|
|
|
15
15
|
var _colors = _interopRequireDefault(require("../../colors"));
|
|
16
16
|
var _player = _interopRequireDefault(require("../../reducers/player"));
|
|
17
17
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
18
|
-
function _interopRequireDefault(
|
|
19
|
-
function _getRequireWildcardCache(
|
|
20
|
-
function _interopRequireWildcard(
|
|
21
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
22
|
-
function _classCallCheck(
|
|
23
|
-
function _defineProperties(
|
|
24
|
-
function _createClass(
|
|
25
|
-
function
|
|
26
|
-
function
|
|
27
|
-
function
|
|
28
|
-
function
|
|
29
|
-
function
|
|
30
|
-
function
|
|
31
|
-
function
|
|
32
|
-
function _defineProperty(
|
|
33
|
-
function _toPropertyKey(
|
|
34
|
-
function _toPrimitive(
|
|
35
|
-
function _taggedTemplateLiteral(
|
|
18
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
19
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
20
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
21
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
22
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
23
|
+
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
|
|
24
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
25
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
26
|
+
function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
|
|
27
|
+
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
28
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
29
|
+
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
|
30
|
+
function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
|
|
31
|
+
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
32
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
33
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
34
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
35
|
+
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
36
36
|
var propTypes = {
|
|
37
37
|
player: _propTypes.PropTypes.instanceOf(Object),
|
|
38
38
|
controlType: _propTypes.PropTypes.string,
|
|
@@ -40,39 +40,37 @@ var propTypes = {
|
|
|
40
40
|
theme: _propTypes.PropTypes.string
|
|
41
41
|
};
|
|
42
42
|
var defaultProps = {};
|
|
43
|
-
var ProgressControlBlock = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n height: ", ";\n position: relative;\n overflow: ", ";\n padding-top: 0px;\n background: #000000;\n background: ", ";\n display: flex;\n justify-content: center;\n align-items: center;\n transition: all 250ms ease-in-out;\n bottom: ", ";\n\n .hide-scrollbar {\n /* Hide scrollbar for Webkit-based browsers (Chrome, Safari, Edge) */\n scrollbar-width: none; /* Hides scrollbar in Firefox */\n -ms-overflow-style: none; /* Hides scrollbar in IE 10+ */\n }\n\n .hide-scrollbar::-webkit-scrollbar {\n width: 0; /* Removes the scrollbar for Webkit browsers */\n }\n\n .tags-block {\n position: relative;\n height: 20px;\n width: 100px;\n font-family: SFUIText-Medium;\n font-size: 10px;\n color: #ffffff;\n text-transform: uppercase;\n border-top: 1px solid #333333;\n border-bottom: 1px solid #333333;\n top:
|
|
43
|
+
var ProgressControlBlock = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n height: ", ";\n position: relative;\n overflow: ", ";\n padding-top: 0px;\n background: #000000;\n background: ", ";\n display: flex;\n justify-content: center;\n align-items: center;\n transition: all 250ms ease-in-out;\n bottom: ", ";\n\n .hide-scrollbar {\n /* Hide scrollbar for Webkit-based browsers (Chrome, Safari, Edge) */\n scrollbar-width: none; /* Hides scrollbar in Firefox */\n -ms-overflow-style: none; /* Hides scrollbar in IE 10+ */\n }\n\n .hide-scrollbar::-webkit-scrollbar {\n width: 0; /* Removes the scrollbar for Webkit browsers */\n }\n\n .tags-block {\n position: relative;\n height: 20px;\n width: 100px;\n font-family: SFUIText-Medium;\n font-size: 10px;\n color: #ffffff;\n text-transform: uppercase;\n border-top: 1px solid #333333;\n border-bottom: 1px solid #333333;\n top: ", ";\n p {\n line-height: 18px;\n padding: 0 10px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n .tags-block:last-child {\n // border-bottom: none;\n }\n"])), function (props) {
|
|
44
44
|
return props.controlType === 'advanced' && !props.isFullscreen ? '' : '4px';
|
|
45
45
|
}, function (props) {
|
|
46
46
|
return props.controlType === 'advanced' && !props.isFullscreen ? 'none' : 'visible';
|
|
47
47
|
}, _colors["default"].common.base.black, function (props) {
|
|
48
48
|
return props.player === 'panel' && props.active ? '50px' : 'initial';
|
|
49
|
+
}, function (_ref) {
|
|
50
|
+
var markers = _ref.markers;
|
|
51
|
+
return markers.length > 3 ? '40px' : '23px';
|
|
49
52
|
});
|
|
50
|
-
var SeekControlBar = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n width: 100%;\n height: 100%;\n position: relative;\n cursor: pointer;\n overflow: hidden;\n z-index: ", ";\n .timeline-content {\n overflow-x:
|
|
53
|
+
var SeekControlBar = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n width: 100%;\n height: 100%;\n position: relative;\n cursor: pointer;\n overflow: hidden;\n z-index: ", ";\n .timeline-content {\n overflow-x: auto;\n white-space: nowrap;\n }\n .hide-scrollbar {\n /* Hide scrollbar for Webkit-based browsers (Chrome, Safari, Edge) */\n scrollbar-width: none; /* Hides scrollbar in Firefox */\n -ms-overflow-style: none; /* Hides scrollbar in IE 10+ */\n }\n\n .hide-scrollbar::-webkit-scrollbar {\n width: 0; /* Removes the scrollbar for Webkit browsers */\n }\n"])), function (props) {
|
|
51
54
|
return props.controlType === 'advanced' && !props.isFullscreen ? '2' : '1';
|
|
52
|
-
}, function (_ref) {
|
|
53
|
-
var zoom = _ref.zoom;
|
|
54
|
-
return zoom > 0 ? 'auto' : 'hidden';
|
|
55
55
|
});
|
|
56
56
|
var MarkerTagsBlock = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n min-width: 100px;\n max-width: 100px;\n position: relative;\n height: 60px;\n .empty-block {\n height: calc(100% - 20px);\n }\n .tags-block {\n height: 20px;\n font-family: SFUIText-Medium;\n font-size: 12px;\n color: #ffffff;\n text-transform: uppercase;\n border-top: 1px solid #333333;\n border-bottom: 1px solid #333333;\n p {\n line-height: 18px;\n padding-left: 10px;\n }\n }\n"])));
|
|
57
|
-
var ScrollStyledDiv = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n max-height: 101px;\n
|
|
57
|
+
var ScrollStyledDiv = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n max-height: 101px;\n position: relative;\n top: ", ";\n overflow-y: ", ";\n overflow-x: ", ";\n"])), function (_ref2) {
|
|
58
58
|
var markers = _ref2.markers;
|
|
59
|
-
return markers.length > 3 ? '
|
|
59
|
+
return markers.length > 3 ? '18px' : '17px';
|
|
60
60
|
}, function (_ref3) {
|
|
61
61
|
var markers = _ref3.markers;
|
|
62
62
|
return markers.length > 3 ? 'hidden' : 'visible';
|
|
63
63
|
}, function (_ref4) {
|
|
64
64
|
var markers = _ref4.markers;
|
|
65
|
-
return markers.length > 3 ? '
|
|
65
|
+
return markers.length > 3 ? 'hidden' : 'visible';
|
|
66
66
|
});
|
|
67
67
|
var CoverDiv = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n background-color: black;\n z-index: 2;\n position: absolute;\n height: 60px;\n width: 89px;\n left: 0px;\n top: 20px;\n"])));
|
|
68
|
-
var ProgressControl = /*#__PURE__*/function (_Component) {
|
|
69
|
-
_inherits(ProgressControl, _Component);
|
|
70
|
-
var _super = _createSuper(ProgressControl);
|
|
68
|
+
var ProgressControl = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
71
69
|
function ProgressControl(props, context) {
|
|
72
70
|
var _this;
|
|
73
71
|
_classCallCheck(this, ProgressControl);
|
|
74
|
-
_this =
|
|
75
|
-
_defineProperty(
|
|
72
|
+
_this = _callSuper(this, ProgressControl, [props, context]);
|
|
73
|
+
_defineProperty(_this, "handleChildScroll", function (scrollTop) {
|
|
76
74
|
if (_this.parentScrollDivRef.current) {
|
|
77
75
|
_this.parentScrollDivRef.current.scrollTop = scrollTop;
|
|
78
76
|
}
|
|
@@ -85,11 +83,12 @@ var ProgressControl = /*#__PURE__*/function (_Component) {
|
|
|
85
83
|
}
|
|
86
84
|
};
|
|
87
85
|
_this.parentScrollDivRef = /*#__PURE__*/(0, _react.createRef)();
|
|
88
|
-
_this.handleMouseMoveThrottle = _this.handleMouseMove.bind(
|
|
89
|
-
_this.handleSeekbarZoom = _this.handleSeekbarZoom.bind(
|
|
86
|
+
_this.handleMouseMoveThrottle = _this.handleMouseMove.bind(_this);
|
|
87
|
+
_this.handleSeekbarZoom = _this.handleSeekbarZoom.bind(_this);
|
|
90
88
|
return _this;
|
|
91
89
|
}
|
|
92
|
-
|
|
90
|
+
_inherits(ProgressControl, _Component);
|
|
91
|
+
return _createClass(ProgressControl, [{
|
|
93
92
|
key: "componentDidUpdate",
|
|
94
93
|
value: function componentDidUpdate() {
|
|
95
94
|
var _this$props = this.props,
|
|
@@ -160,6 +159,7 @@ var ProgressControl = /*#__PURE__*/function (_Component) {
|
|
|
160
159
|
player: playerType,
|
|
161
160
|
active: userActivity,
|
|
162
161
|
isFullscreen: isFullscreen,
|
|
162
|
+
markers: markers,
|
|
163
163
|
ref: function ref(c) {
|
|
164
164
|
_this2.progressControlBlock = c;
|
|
165
165
|
}
|
|
@@ -183,28 +183,33 @@ var ProgressControl = /*#__PURE__*/function (_Component) {
|
|
|
183
183
|
zoom: stateZoom && parseFloat(stateZoom.toFixed(1)),
|
|
184
184
|
onMouseMove: this.handleMouseMoveThrottle
|
|
185
185
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
186
|
-
className: "timeline-content"
|
|
186
|
+
className: "timeline-content hide-scrollbar"
|
|
187
187
|
}, /*#__PURE__*/_react["default"].createElement(_SeekBar["default"], _extends({
|
|
188
188
|
mouseTime: mouseTime,
|
|
189
189
|
ref: function ref(c) {
|
|
190
190
|
_this2.seekBar = c;
|
|
191
191
|
},
|
|
192
192
|
zoom: stateZoom && parseFloat(stateZoom.toFixed(1))
|
|
193
|
-
}, this.props)), /*#__PURE__*/_react["default"].createElement(
|
|
193
|
+
}, this.props)), /*#__PURE__*/_react["default"].createElement("div", {
|
|
194
|
+
style: {
|
|
195
|
+
maxHeight: '65px',
|
|
196
|
+
scrollbarWidth: 'none',
|
|
197
|
+
msOverflowStyle: 'none',
|
|
198
|
+
overflowY: markers.length > 3 ? 'scroll' : 'visible'
|
|
199
|
+
}
|
|
200
|
+
}, /*#__PURE__*/_react["default"].createElement(_PointersBar["default"], _extends({
|
|
194
201
|
onScroll: this.handleChildScroll,
|
|
195
202
|
theme: theme,
|
|
196
203
|
ref: function ref(c) {
|
|
197
204
|
_this2.pointersBar = c;
|
|
198
205
|
},
|
|
199
206
|
zoom: stateZoom && parseFloat(stateZoom.toFixed(1))
|
|
200
|
-
}, this.props)))), controlType === 'advanced' && !isFullscreen ? /*#__PURE__*/_react["default"].createElement(MarkerTagsBlock, null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
207
|
+
}, this.props))))), controlType === 'advanced' && !isFullscreen ? /*#__PURE__*/_react["default"].createElement(MarkerTagsBlock, null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
201
208
|
className: "empty-block"
|
|
202
209
|
})) : null));
|
|
203
210
|
}
|
|
204
211
|
}]);
|
|
205
|
-
return ProgressControl;
|
|
206
212
|
}(_react.Component);
|
|
207
|
-
exports["default"] = ProgressControl;
|
|
208
213
|
ProgressControl.propTypes = propTypes;
|
|
209
214
|
ProgressControl.defaultProps = defaultProps;
|
|
210
215
|
ProgressControl.displayName = 'ProgressControl';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -15,23 +15,23 @@ var _Timeline = _interopRequireDefault(require("./Timeline"));
|
|
|
15
15
|
var _MarkerBar = _interopRequireDefault(require("../MarkerBar"));
|
|
16
16
|
var _TagsBar = _interopRequireDefault(require("../TagsBar"));
|
|
17
17
|
var _templateObject, _templateObject2; // import AudioWaveform from './AudioWaveform';
|
|
18
|
-
function _interopRequireDefault(
|
|
19
|
-
function _getRequireWildcardCache(
|
|
20
|
-
function _interopRequireWildcard(
|
|
21
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
22
|
-
function _classCallCheck(
|
|
23
|
-
function _defineProperties(
|
|
24
|
-
function _createClass(
|
|
25
|
-
function _toPropertyKey(
|
|
26
|
-
function _toPrimitive(
|
|
27
|
-
function
|
|
28
|
-
function
|
|
29
|
-
function
|
|
30
|
-
function
|
|
31
|
-
function
|
|
32
|
-
function
|
|
33
|
-
function
|
|
34
|
-
function _taggedTemplateLiteral(
|
|
18
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
19
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
20
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
21
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
22
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
23
|
+
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
|
|
24
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
25
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
26
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
27
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
28
|
+
function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
|
|
29
|
+
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
30
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
31
|
+
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
|
32
|
+
function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
|
|
33
|
+
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
34
|
+
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
35
35
|
// import MouseTimeDisplay from './MouseTimeDisplay';
|
|
36
36
|
|
|
37
37
|
var AdvancedControlBlock = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n height: 46px;\n position: relative;\n cursor: pointer;\n z-index: 1;\n"])));
|
|
@@ -46,26 +46,25 @@ var propTypes = {
|
|
|
46
46
|
playerType: _propTypes.PropTypes.oneOf(['dubbing_review', 'clipping_default', 'default', 'tagging', 'qc', 'subtitle', 'snp_edit', 'archive', 'restore', 'clipping', 'storyboard', 'panel']),
|
|
47
47
|
theme: _propTypes.PropTypes.string
|
|
48
48
|
};
|
|
49
|
-
var SeekBar = /*#__PURE__*/function (_Component) {
|
|
50
|
-
_inherits(SeekBar, _Component);
|
|
51
|
-
var _super = _createSuper(SeekBar);
|
|
49
|
+
var SeekBar = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
52
50
|
function SeekBar(props, context) {
|
|
53
51
|
var _this;
|
|
54
52
|
_classCallCheck(this, SeekBar);
|
|
55
|
-
_this =
|
|
56
|
-
_this.getPercent = _this.getPercent.bind(
|
|
57
|
-
_this.getNewTime = _this.getNewTime.bind(
|
|
58
|
-
_this.stepForward = _this.stepForward.bind(
|
|
59
|
-
_this.stepBack = _this.stepBack.bind(
|
|
60
|
-
_this.handleMouseDown = _this.handleMouseDown.bind(
|
|
61
|
-
_this.handleMouseMove = _this.handleMouseMove.bind(
|
|
62
|
-
_this.handleMouseUp = _this.handleMouseUp.bind(
|
|
53
|
+
_this = _callSuper(this, SeekBar, [props, context]);
|
|
54
|
+
_this.getPercent = _this.getPercent.bind(_this);
|
|
55
|
+
_this.getNewTime = _this.getNewTime.bind(_this);
|
|
56
|
+
_this.stepForward = _this.stepForward.bind(_this);
|
|
57
|
+
_this.stepBack = _this.stepBack.bind(_this);
|
|
58
|
+
_this.handleMouseDown = _this.handleMouseDown.bind(_this);
|
|
59
|
+
_this.handleMouseMove = _this.handleMouseMove.bind(_this);
|
|
60
|
+
_this.handleMouseUp = _this.handleMouseUp.bind(_this);
|
|
63
61
|
_this.state = {
|
|
64
62
|
sliderActive: false
|
|
65
63
|
};
|
|
66
64
|
return _this;
|
|
67
65
|
}
|
|
68
|
-
|
|
66
|
+
_inherits(SeekBar, _Component);
|
|
67
|
+
return _createClass(SeekBar, [{
|
|
69
68
|
key: "componentDidMount",
|
|
70
69
|
value: function componentDidMount() {}
|
|
71
70
|
}, {
|
|
@@ -240,8 +239,6 @@ var SeekBar = /*#__PURE__*/function (_Component) {
|
|
|
240
239
|
})))) : null));
|
|
241
240
|
}
|
|
242
241
|
}]);
|
|
243
|
-
return SeekBar;
|
|
244
242
|
}(_react.Component);
|
|
245
|
-
exports["default"] = SeekBar;
|
|
246
243
|
SeekBar.displayName = 'SeekBar';
|
|
247
244
|
SeekBar.propTypes = propTypes;
|