@desynova-digital/player 4.0.17 → 4.0.19
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 +17 -15
- package/actions/player.js +35 -18
- package/actions/video.js +50 -25
- package/colors.js +2 -1
- package/components/AudioMeter.js +34 -31
- package/components/BigPlayButton.js +26 -23
- package/components/ImageViewer.js +28 -25
- package/components/MarkerBar.js +26 -23
- package/components/Menu.js +2 -2
- package/components/Player.js +39 -36
- package/components/PlayerHeader.js +26 -23
- package/components/Playlist.js +25 -25
- package/components/PointersBar.js +28 -25
- package/components/PosterImage.js +3 -2
- package/components/SDOutline.js +2 -2
- package/components/Shortcut.js +49 -45
- package/components/Slider.js +36 -34
- package/components/TagsBar.js +25 -22
- package/components/Video.js +65 -61
- package/components/control-bar/AudioTracksMenuButton.js +24 -21
- package/components/control-bar/CameraButton.js +25 -22
- package/components/control-bar/CaptionControlMenuButton.js +25 -22
- package/components/control-bar/CommentsButton.js +26 -23
- package/components/control-bar/ControlBar.js +27 -24
- package/components/control-bar/EditorControlMenuButton.js +26 -23
- package/components/control-bar/ForwardControl.js +3 -2
- package/components/control-bar/ForwardReplayControl.js +26 -23
- package/components/control-bar/FullscreenToggle.js +25 -22
- package/components/control-bar/PlayToggle.js +25 -22
- package/components/control-bar/ReplayControl.js +3 -2
- package/components/control-bar/SettingsMenuButton.js +4 -4
- package/components/control-bar/SubtitleLanguagesMenuButton.js +24 -21
- package/components/control-bar/SubtitleMovementMenu.js +26 -23
- package/components/control-bar/VolumeMenuButton.js +26 -23
- package/components/control-bar/ZoomMenuButton.js +26 -23
- package/components/marking-controls/MarkInControl.js +25 -22
- package/components/marking-controls/MarkOutControl.js +25 -22
- package/components/marking-controls/MarkingAddButton.js +25 -22
- package/components/marking-controls/MarkingControl.js +2 -2
- package/components/marking-controls/MarkingDeleteButton.js +25 -22
- package/components/marking-controls/MarkingDuration.js +2 -2
- package/components/marking-controls/MarkingPreview.js +25 -22
- package/components/progress-bar/AudioWaveform.js +25 -22
- package/components/progress-bar/LoadProgressBar.js +1 -1
- package/components/progress-bar/MouseTimeDisplay.js +3 -2
- package/components/progress-bar/PlayProgressBar.js +2 -2
- package/components/progress-bar/ProgressControl.js +42 -32
- package/components/progress-bar/SeekBar.js +32 -29
- package/components/progress-bar/Timeline.js +25 -22
- package/components/settings-menu-control/CameraControl.js +7 -6
- package/components/settings-menu-control/ChildMenuComponent.js +29 -25
- package/components/settings-menu-control/ParentMenuComponent.js +25 -22
- package/components/settings-menu-control/PlaybackRateControl.js +25 -22
- package/components/settings-menu-control/SafeAreaControl.js +25 -22
- package/components/settings-menu-control/SettingsMenu.js +13 -13
- package/components/time-controls/CurrentTimeDisplay.js +12 -11
- package/components/time-controls/DurationDisplay.js +4 -3
- package/components/time-controls/TimeDivider.js +2 -2
- package/components/volume-control/VolumeBar.js +34 -31
- package/components/volume-control/VolumeControl.js +1 -1
- package/components/volume-control/VolumeLevel.js +4 -3
- package/components/zoom-control/ZoomBar.js +33 -30
- package/components/zoom-control/ZoomLevel.js +4 -3
- package/index.js +4 -4
- package/package.json +3 -3
- package/reducers/index.js +4 -2
- package/reducers/operation.js +8 -7
- package/reducers/player.js +9 -7
- package/utils/browser.js +8 -4
- package/utils/fullscreen.js +10 -8
- package/utils/index.js +14 -13
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -10,37 +10,38 @@ 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(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
14
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
16
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
17
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
18
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
19
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
20
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
21
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
22
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
23
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
24
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
25
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
26
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
27
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
28
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
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 =
|
|
34
|
+
var MarkingPreview = /*#__PURE__*/function (_Component) {
|
|
35
|
+
_inherits(MarkingPreview, _Component);
|
|
36
|
+
var _super = _createSuper(MarkingPreview);
|
|
35
37
|
function MarkingPreview(props) {
|
|
36
38
|
var _this;
|
|
37
39
|
_classCallCheck(this, MarkingPreview);
|
|
38
|
-
_this =
|
|
39
|
-
_this.handleClick = _this.handleClick.bind(_this);
|
|
40
|
+
_this = _super.call(this, props);
|
|
41
|
+
_this.handleClick = _this.handleClick.bind(_assertThisInitialized(_this));
|
|
40
42
|
return _this;
|
|
41
43
|
}
|
|
42
|
-
|
|
43
|
-
return _createClass(MarkingPreview, [{
|
|
44
|
+
_createClass(MarkingPreview, [{
|
|
44
45
|
key: "handleClick",
|
|
45
46
|
value: function handleClick() {
|
|
46
47
|
var _this$props = this.props,
|
|
@@ -66,6 +67,8 @@ var MarkingPreview = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
66
67
|
});
|
|
67
68
|
}
|
|
68
69
|
}]);
|
|
70
|
+
return MarkingPreview;
|
|
69
71
|
}(_react.Component);
|
|
72
|
+
exports["default"] = MarkingPreview;
|
|
70
73
|
MarkingPreview.propTypes = propTypes;
|
|
71
74
|
MarkingPreview.displayName = 'MarkingPreview';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
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(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
16
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
17
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
18
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
19
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
20
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
21
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
22
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
23
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
24
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
25
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
26
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
27
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
28
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
29
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
30
30
|
var propTypes = {
|
|
31
31
|
audioSrc: _propTypes.PropTypes.string,
|
|
32
32
|
currentZoom: _propTypes.PropTypes.number
|
|
@@ -36,19 +36,20 @@ 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 =
|
|
39
|
+
var AudioWaveform = /*#__PURE__*/function (_Component) {
|
|
40
|
+
_inherits(AudioWaveform, _Component);
|
|
41
|
+
var _super = _createSuper(AudioWaveform);
|
|
40
42
|
function AudioWaveform(props, context) {
|
|
41
43
|
var _this;
|
|
42
44
|
_classCallCheck(this, AudioWaveform);
|
|
43
|
-
_this =
|
|
45
|
+
_this = _super.call(this, props, context);
|
|
44
46
|
_this.state = {
|
|
45
47
|
buffer: null
|
|
46
48
|
};
|
|
47
|
-
_this.getWaveform = _this.getWaveform.bind(_this);
|
|
49
|
+
_this.getWaveform = _this.getWaveform.bind(_assertThisInitialized(_this));
|
|
48
50
|
return _this;
|
|
49
51
|
}
|
|
50
|
-
|
|
51
|
-
return _createClass(AudioWaveform, [{
|
|
52
|
+
_createClass(AudioWaveform, [{
|
|
52
53
|
key: "getWaveform",
|
|
53
54
|
value: function getWaveform() {
|
|
54
55
|
var _this2 = this;
|
|
@@ -119,7 +120,9 @@ var AudioWaveform = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
119
120
|
}));
|
|
120
121
|
}
|
|
121
122
|
}]);
|
|
123
|
+
return AudioWaveform;
|
|
122
124
|
}(_react.Component);
|
|
125
|
+
exports["default"] = AudioWaveform;
|
|
123
126
|
AudioWaveform.propTypes = propTypes;
|
|
124
127
|
AudioWaveform.defaultProps = defaultProps;
|
|
125
128
|
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(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
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(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
11
|
var propTypes = {
|
|
12
12
|
duration: _propTypes.PropTypes.number,
|
|
13
13
|
mouseTime: _propTypes.PropTypes.instanceOf(Object)
|
|
@@ -33,4 +33,5 @@ function MouseTimeDisplay(_ref) {
|
|
|
33
33
|
MouseTimeDisplay.propTypes = propTypes;
|
|
34
34
|
MouseTimeDisplay.defaultProps = defaultProps;
|
|
35
35
|
MouseTimeDisplay.displayName = 'MouseTimeDisplay';
|
|
36
|
-
var _default =
|
|
36
|
+
var _default = MouseTimeDisplay;
|
|
37
|
+
exports["default"] = _default;
|
|
@@ -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(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
14
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
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(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
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() {
|
|
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(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
20
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
22
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
23
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
24
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
25
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
26
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
27
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
28
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
29
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
30
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
31
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
32
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
33
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
34
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
35
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
36
36
|
var propTypes = {
|
|
37
37
|
player: _propTypes.PropTypes.instanceOf(Object),
|
|
38
38
|
controlType: _propTypes.PropTypes.string,
|
|
@@ -40,31 +40,39 @@ 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
|
|
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: 40px;\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
49
|
});
|
|
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:
|
|
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) {
|
|
51
51
|
return props.controlType === 'advanced' && !props.isFullscreen ? '2' : '1';
|
|
52
|
+
}, function (_ref) {
|
|
53
|
+
var zoom = _ref.zoom;
|
|
54
|
+
return zoom > 0 ? 'auto' : 'hidden';
|
|
52
55
|
});
|
|
53
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"])));
|
|
54
|
-
var ScrollStyledDiv = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n max-height: 101px;\n overflow-y: ", ";\n margin-top: ", ";\n"])), function (
|
|
55
|
-
var markers = _ref.markers;
|
|
56
|
-
return markers.length > 3 ? 'hidden' : 'visible';
|
|
57
|
-
}, function (_ref2) {
|
|
57
|
+
var ScrollStyledDiv = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n max-height: 101px;\n overflow-y: ", ";\n overflow-x: ", ";\n margin-top: ", ";\n"])), function (_ref2) {
|
|
58
58
|
var markers = _ref2.markers;
|
|
59
|
+
return markers.length > 3 ? 'hidden' : 'visible';
|
|
60
|
+
}, function (_ref3) {
|
|
61
|
+
var markers = _ref3.markers;
|
|
62
|
+
return markers.length > 3 ? 'hidden' : 'visible';
|
|
63
|
+
}, function (_ref4) {
|
|
64
|
+
var markers = _ref4.markers;
|
|
59
65
|
return markers.length > 3 ? '37px' : '1px';
|
|
60
66
|
});
|
|
61
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"])));
|
|
62
|
-
var ProgressControl =
|
|
68
|
+
var ProgressControl = /*#__PURE__*/function (_Component) {
|
|
69
|
+
_inherits(ProgressControl, _Component);
|
|
70
|
+
var _super = _createSuper(ProgressControl);
|
|
63
71
|
function ProgressControl(props, context) {
|
|
64
72
|
var _this;
|
|
65
73
|
_classCallCheck(this, ProgressControl);
|
|
66
|
-
_this =
|
|
67
|
-
_defineProperty(_this, "handleChildScroll", function (scrollTop) {
|
|
74
|
+
_this = _super.call(this, props, context);
|
|
75
|
+
_defineProperty(_assertThisInitialized(_this), "handleChildScroll", function (scrollTop) {
|
|
68
76
|
if (_this.parentScrollDivRef.current) {
|
|
69
77
|
_this.parentScrollDivRef.current.scrollTop = scrollTop;
|
|
70
78
|
}
|
|
@@ -77,12 +85,11 @@ var ProgressControl = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
77
85
|
}
|
|
78
86
|
};
|
|
79
87
|
_this.parentScrollDivRef = /*#__PURE__*/(0, _react.createRef)();
|
|
80
|
-
_this.handleMouseMoveThrottle = _this.handleMouseMove.bind(_this);
|
|
81
|
-
_this.handleSeekbarZoom = _this.handleSeekbarZoom.bind(_this);
|
|
88
|
+
_this.handleMouseMoveThrottle = _this.handleMouseMove.bind(_assertThisInitialized(_this));
|
|
89
|
+
_this.handleSeekbarZoom = _this.handleSeekbarZoom.bind(_assertThisInitialized(_this));
|
|
82
90
|
return _this;
|
|
83
91
|
}
|
|
84
|
-
|
|
85
|
-
return _createClass(ProgressControl, [{
|
|
92
|
+
_createClass(ProgressControl, [{
|
|
86
93
|
key: "componentDidUpdate",
|
|
87
94
|
value: function componentDidUpdate() {
|
|
88
95
|
var _this$props = this.props,
|
|
@@ -173,6 +180,7 @@ var ProgressControl = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
173
180
|
_this2.seekControlBar = c;
|
|
174
181
|
},
|
|
175
182
|
id: "seekbar-control-block",
|
|
183
|
+
zoom: stateZoom && parseFloat(stateZoom.toFixed(1)),
|
|
176
184
|
onMouseMove: this.handleMouseMoveThrottle
|
|
177
185
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
178
186
|
className: "timeline-content"
|
|
@@ -194,7 +202,9 @@ var ProgressControl = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
194
202
|
})) : null));
|
|
195
203
|
}
|
|
196
204
|
}]);
|
|
205
|
+
return ProgressControl;
|
|
197
206
|
}(_react.Component);
|
|
207
|
+
exports["default"] = ProgressControl;
|
|
198
208
|
ProgressControl.propTypes = propTypes;
|
|
199
209
|
ProgressControl.defaultProps = defaultProps;
|
|
200
210
|
ProgressControl.displayName = 'ProgressControl';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
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() {
|
|
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(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
20
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
22
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
23
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
24
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
25
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
26
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
27
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
28
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
29
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
30
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
31
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
32
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
33
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
34
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
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,25 +46,26 @@ 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 =
|
|
49
|
+
var SeekBar = /*#__PURE__*/function (_Component) {
|
|
50
|
+
_inherits(SeekBar, _Component);
|
|
51
|
+
var _super = _createSuper(SeekBar);
|
|
50
52
|
function SeekBar(props, context) {
|
|
51
53
|
var _this;
|
|
52
54
|
_classCallCheck(this, SeekBar);
|
|
53
|
-
_this =
|
|
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);
|
|
55
|
+
_this = _super.call(this, props, context);
|
|
56
|
+
_this.getPercent = _this.getPercent.bind(_assertThisInitialized(_this));
|
|
57
|
+
_this.getNewTime = _this.getNewTime.bind(_assertThisInitialized(_this));
|
|
58
|
+
_this.stepForward = _this.stepForward.bind(_assertThisInitialized(_this));
|
|
59
|
+
_this.stepBack = _this.stepBack.bind(_assertThisInitialized(_this));
|
|
60
|
+
_this.handleMouseDown = _this.handleMouseDown.bind(_assertThisInitialized(_this));
|
|
61
|
+
_this.handleMouseMove = _this.handleMouseMove.bind(_assertThisInitialized(_this));
|
|
62
|
+
_this.handleMouseUp = _this.handleMouseUp.bind(_assertThisInitialized(_this));
|
|
61
63
|
_this.state = {
|
|
62
64
|
sliderActive: false
|
|
63
65
|
};
|
|
64
66
|
return _this;
|
|
65
67
|
}
|
|
66
|
-
|
|
67
|
-
return _createClass(SeekBar, [{
|
|
68
|
+
_createClass(SeekBar, [{
|
|
68
69
|
key: "componentDidMount",
|
|
69
70
|
value: function componentDidMount() {}
|
|
70
71
|
}, {
|
|
@@ -239,6 +240,8 @@ var SeekBar = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
239
240
|
})))) : null));
|
|
240
241
|
}
|
|
241
242
|
}]);
|
|
243
|
+
return SeekBar;
|
|
242
244
|
}(_react.Component);
|
|
245
|
+
exports["default"] = SeekBar;
|
|
243
246
|
SeekBar.displayName = 'SeekBar';
|
|
244
247
|
SeekBar.propTypes = propTypes;
|