@desynova-digital/player 4.0.19 → 4.0.21
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 +46 -43
- 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,40 @@ 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: ", ";\n white-space: nowrap;\n }\n"])), function (props) {
|
|
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: ", ";\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\n .scrollBarVisibility\n max-height: 65px;\n overflow-y: visible;\n scrollbar-width: none; /* Hides scrollbar in Firefox */\n -ms-overflow-style: none; /* Hides scrollbar in Internet Explorer 10+ */\n\n /* Hides scrollbar for Webkit-based browsers (Chrome, Safari, Edge) */\n &::-webkit-scrollbar {\n width: 0;\n }\n"])), function (props) {
|
|
51
54
|
return props.controlType === 'advanced' && !props.isFullscreen ? '2' : '1';
|
|
52
|
-
}, function (
|
|
53
|
-
var zoom =
|
|
54
|
-
return zoom > 0 ? 'auto' : '
|
|
55
|
+
}, function (_ref2) {
|
|
56
|
+
var zoom = _ref2.zoom;
|
|
57
|
+
return zoom > 0 ? 'auto' : 'visible';
|
|
55
58
|
});
|
|
56
59
|
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
|
|
58
|
-
var markers = _ref2.markers;
|
|
59
|
-
return markers.length > 3 ? 'hidden' : 'visible';
|
|
60
|
-
}, function (_ref3) {
|
|
60
|
+
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 (_ref3) {
|
|
61
61
|
var markers = _ref3.markers;
|
|
62
|
-
return markers.length > 3 ? '
|
|
62
|
+
return markers.length > 3 ? '18px' : '17px';
|
|
63
63
|
}, function (_ref4) {
|
|
64
64
|
var markers = _ref4.markers;
|
|
65
|
-
return markers.length > 3 ? '
|
|
65
|
+
return markers.length > 3 ? 'hidden' : 'visible';
|
|
66
|
+
}, function (_ref5) {
|
|
67
|
+
var markers = _ref5.markers;
|
|
68
|
+
return markers.length > 3 ? 'hidden' : 'visible';
|
|
66
69
|
});
|
|
67
70
|
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);
|
|
71
|
+
var ProgressControl = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
71
72
|
function ProgressControl(props, context) {
|
|
72
73
|
var _this;
|
|
73
74
|
_classCallCheck(this, ProgressControl);
|
|
74
|
-
_this =
|
|
75
|
-
_defineProperty(
|
|
75
|
+
_this = _callSuper(this, ProgressControl, [props, context]);
|
|
76
|
+
_defineProperty(_this, "handleChildScroll", function (scrollTop) {
|
|
76
77
|
if (_this.parentScrollDivRef.current) {
|
|
77
78
|
_this.parentScrollDivRef.current.scrollTop = scrollTop;
|
|
78
79
|
}
|
|
@@ -85,11 +86,12 @@ var ProgressControl = /*#__PURE__*/function (_Component) {
|
|
|
85
86
|
}
|
|
86
87
|
};
|
|
87
88
|
_this.parentScrollDivRef = /*#__PURE__*/(0, _react.createRef)();
|
|
88
|
-
_this.handleMouseMoveThrottle = _this.handleMouseMove.bind(
|
|
89
|
-
_this.handleSeekbarZoom = _this.handleSeekbarZoom.bind(
|
|
89
|
+
_this.handleMouseMoveThrottle = _this.handleMouseMove.bind(_this);
|
|
90
|
+
_this.handleSeekbarZoom = _this.handleSeekbarZoom.bind(_this);
|
|
90
91
|
return _this;
|
|
91
92
|
}
|
|
92
|
-
|
|
93
|
+
_inherits(ProgressControl, _Component);
|
|
94
|
+
return _createClass(ProgressControl, [{
|
|
93
95
|
key: "componentDidUpdate",
|
|
94
96
|
value: function componentDidUpdate() {
|
|
95
97
|
var _this$props = this.props,
|
|
@@ -160,6 +162,7 @@ var ProgressControl = /*#__PURE__*/function (_Component) {
|
|
|
160
162
|
player: playerType,
|
|
161
163
|
active: userActivity,
|
|
162
164
|
isFullscreen: isFullscreen,
|
|
165
|
+
markers: markers,
|
|
163
166
|
ref: function ref(c) {
|
|
164
167
|
_this2.progressControlBlock = c;
|
|
165
168
|
}
|
|
@@ -183,28 +186,28 @@ var ProgressControl = /*#__PURE__*/function (_Component) {
|
|
|
183
186
|
zoom: stateZoom && parseFloat(stateZoom.toFixed(1)),
|
|
184
187
|
onMouseMove: this.handleMouseMoveThrottle
|
|
185
188
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
186
|
-
className: "timeline-content"
|
|
189
|
+
className: "timeline-content hide-scrollbar"
|
|
187
190
|
}, /*#__PURE__*/_react["default"].createElement(_SeekBar["default"], _extends({
|
|
188
191
|
mouseTime: mouseTime,
|
|
189
192
|
ref: function ref(c) {
|
|
190
193
|
_this2.seekBar = c;
|
|
191
194
|
},
|
|
192
195
|
zoom: stateZoom && parseFloat(stateZoom.toFixed(1))
|
|
193
|
-
}, this.props)), /*#__PURE__*/_react["default"].createElement(
|
|
196
|
+
}, this.props)), /*#__PURE__*/_react["default"].createElement("div", {
|
|
197
|
+
className: "scrollBarVisibility"
|
|
198
|
+
}, /*#__PURE__*/_react["default"].createElement(_PointersBar["default"], _extends({
|
|
194
199
|
onScroll: this.handleChildScroll,
|
|
195
200
|
theme: theme,
|
|
196
201
|
ref: function ref(c) {
|
|
197
202
|
_this2.pointersBar = c;
|
|
198
203
|
},
|
|
199
204
|
zoom: stateZoom && parseFloat(stateZoom.toFixed(1))
|
|
200
|
-
}, this.props)))), controlType === 'advanced' && !isFullscreen ? /*#__PURE__*/_react["default"].createElement(MarkerTagsBlock, null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
205
|
+
}, this.props))))), controlType === 'advanced' && !isFullscreen ? /*#__PURE__*/_react["default"].createElement(MarkerTagsBlock, null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
201
206
|
className: "empty-block"
|
|
202
207
|
})) : null));
|
|
203
208
|
}
|
|
204
209
|
}]);
|
|
205
|
-
return ProgressControl;
|
|
206
210
|
}(_react.Component);
|
|
207
|
-
exports["default"] = ProgressControl;
|
|
208
211
|
ProgressControl.propTypes = propTypes;
|
|
209
212
|
ProgressControl.defaultProps = defaultProps;
|
|
210
213
|
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;
|