@desynova-digital/player 4.0.104 → 4.0.105
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 +9 -8
- package/actions/player.js +1 -1
- package/components/AudioMeter.js +30 -29
- package/components/BigPlayButton.js +17 -16
- package/components/ImageViewer.js +17 -16
- package/components/MarkerBar.js +17 -16
- package/components/Menu.js +2 -2
- package/components/Player.js +52 -51
- package/components/PlayerHeader.js +26 -25
- package/components/Playlist.js +16 -15
- package/components/PointersBar.js +20 -19
- package/components/PosterImage.js +1 -1
- package/components/SDOutline.js +7 -7
- package/components/Shortcut.js +70 -69
- package/components/Slider.js +33 -33
- package/components/TagsBar.js +16 -15
- package/components/Video.js +124 -123
- package/components/control-bar/AudioTracksMenuButton.js +15 -14
- package/components/control-bar/CameraButton.js +16 -15
- package/components/control-bar/CaptionControlMenuButton.js +20 -19
- package/components/control-bar/CommentsButton.js +17 -16
- package/components/control-bar/ControlBar.js +19 -18
- package/components/control-bar/EditorControlMenuButton.js +17 -16
- package/components/control-bar/ForwardControl.js +1 -1
- package/components/control-bar/ForwardReplayControl.js +16 -15
- package/components/control-bar/FullscreenToggle.js +16 -15
- package/components/control-bar/PlayToggle.js +16 -15
- package/components/control-bar/ReplayControl.js +1 -1
- package/components/control-bar/SettingsMenuButton.js +4 -4
- package/components/control-bar/SubtitleLanguagesMenuButton.js +15 -14
- package/components/control-bar/SubtitleMovementMenu.js +17 -16
- package/components/control-bar/VolumeMenuButton.js +17 -16
- package/components/control-bar/ZoomMenuButton.js +17 -16
- package/components/marking-controls/MarkInControl.js +16 -15
- package/components/marking-controls/MarkOutControl.js +16 -15
- package/components/marking-controls/MarkingAddButton.js +16 -15
- package/components/marking-controls/MarkingControl.js +2 -2
- package/components/marking-controls/MarkingDeleteButton.js +16 -15
- package/components/marking-controls/MarkingDuration.js +2 -2
- package/components/marking-controls/MarkingPreview.js +16 -15
- package/components/marking-controls/TimecodeFormatSelector.js +7 -7
- package/components/progress-bar/AudioWaveform.js +16 -15
- package/components/progress-bar/LoadProgressBar.js +1 -1
- package/components/progress-bar/MouseTimeDisplay.js +1 -1
- package/components/progress-bar/PlayProgressBar.js +2 -2
- package/components/progress-bar/ProgressControl.js +22 -21
- package/components/progress-bar/RenderCommentMarkers.js +23 -23
- package/components/progress-bar/SeekBar.js +35 -34
- package/components/progress-bar/Timeline.js +15 -14
- package/components/settings-menu-control/CameraControl.js +3 -3
- package/components/settings-menu-control/ChildMenuComponent.js +29 -28
- package/components/settings-menu-control/ParentMenuComponent.js +18 -17
- package/components/settings-menu-control/PlaybackRateControl.js +16 -15
- package/components/settings-menu-control/SafeAreaControl.js +16 -15
- package/components/settings-menu-control/SettingsMenu.js +12 -12
- package/components/time-controls/CurrentTimeDisplay.js +7 -7
- package/components/time-controls/DurationDisplay.js +2 -2
- package/components/time-controls/TimeDivider.js +2 -2
- package/components/volume-control/VolumeBar.js +25 -24
- package/components/volume-control/VolumeControl.js +1 -1
- package/components/volume-control/VolumeLevel.js +2 -2
- package/components/zoom-control/ZoomBar.js +24 -23
- package/components/zoom-control/ZoomLevel.js +2 -2
- package/index.js +2 -2
- package/package.json +1 -1
- package/reducers/operation.js +2 -2
- package/reducers/player.js +2 -2
- package/utils/browser.js +14 -14
- package/utils/dom.js +18 -18
- package/utils/fullscreen.js +6 -5
- package/utils/index.js +54 -54
|
@@ -10,37 +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(
|
|
13
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
14
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 &&
|
|
16
|
-
function _classCallCheck(
|
|
17
|
-
function _defineProperties(
|
|
18
|
-
function _createClass(
|
|
19
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i
|
|
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 && Object.prototype.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(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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
20
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
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(
|
|
23
|
-
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
22
|
+
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); }
|
|
24
23
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
25
|
-
function _getPrototypeOf(
|
|
26
|
-
function
|
|
27
|
-
function
|
|
28
|
-
function
|
|
24
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
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 _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); }
|
|
27
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
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
|
onDeleteMarker: _propTypes.PropTypes.func
|
|
32
32
|
};
|
|
33
33
|
var DeleteButton = (0, _styledComponents["default"])(_components.Button)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n margin: 0 10px 0 5px;\n background: transparent;\n border: none;\n &:hover {\n margin: 0 10px 0 5px;\n background: transparent;\n border: none;\n }\n ", " {\n svg path {\n fill: #303f51;\n }\n }\n"])), _components.Icon.Element);
|
|
34
34
|
var MarkingDeleteButton = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
35
|
+
_inherits(MarkingDeleteButton, _Component);
|
|
35
36
|
function MarkingDeleteButton(props) {
|
|
36
37
|
var _this;
|
|
37
38
|
_classCallCheck(this, MarkingDeleteButton);
|
|
38
39
|
_this = _callSuper(this, MarkingDeleteButton, [props]);
|
|
39
|
-
_this.handleClick = _this.handleClick.bind(_this);
|
|
40
|
+
_this.handleClick = _this.handleClick.bind(_assertThisInitialized(_this));
|
|
40
41
|
return _this;
|
|
41
42
|
}
|
|
42
|
-
|
|
43
|
-
return _createClass(MarkingDeleteButton, [{
|
|
43
|
+
_createClass(MarkingDeleteButton, [{
|
|
44
44
|
key: "handleClick",
|
|
45
45
|
value: function handleClick() {
|
|
46
46
|
var _this$props = this.props,
|
|
@@ -64,6 +64,7 @@ var MarkingDeleteButton = exports["default"] = /*#__PURE__*/function (_Component
|
|
|
64
64
|
});
|
|
65
65
|
}
|
|
66
66
|
}]);
|
|
67
|
+
return MarkingDeleteButton;
|
|
67
68
|
}(_react.Component);
|
|
68
69
|
MarkingDeleteButton.propTypes = propTypes;
|
|
69
70
|
MarkingDeleteButton.displayName = 'MarkingDeleteButton';
|
|
@@ -11,8 +11,8 @@ var _components = require("@desynova-digital/components");
|
|
|
11
11
|
var _tokens = require("@desynova-digital/tokens");
|
|
12
12
|
var _utils = require("../../utils");
|
|
13
13
|
var _templateObject;
|
|
14
|
-
function _interopRequireDefault(
|
|
15
|
-
function _taggedTemplateLiteral(
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
16
16
|
var propTypes = {
|
|
17
17
|
leftMarker: _propTypes.PropTypes.number,
|
|
18
18
|
rightMarker: _propTypes.PropTypes.number,
|
|
@@ -10,37 +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(
|
|
13
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
14
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 &&
|
|
16
|
-
function _classCallCheck(
|
|
17
|
-
function _defineProperties(
|
|
18
|
-
function _createClass(
|
|
19
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i
|
|
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 && Object.prototype.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(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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
20
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
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(
|
|
23
|
-
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
22
|
+
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); }
|
|
24
23
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
25
|
-
function _getPrototypeOf(
|
|
26
|
-
function
|
|
27
|
-
function
|
|
28
|
-
function
|
|
24
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
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 _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); }
|
|
27
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
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
34
|
var MarkingPreview = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
35
|
+
_inherits(MarkingPreview, _Component);
|
|
35
36
|
function MarkingPreview(props) {
|
|
36
37
|
var _this;
|
|
37
38
|
_classCallCheck(this, MarkingPreview);
|
|
38
39
|
_this = _callSuper(this, MarkingPreview, [props]);
|
|
39
|
-
_this.handleClick = _this.handleClick.bind(_this);
|
|
40
|
+
_this.handleClick = _this.handleClick.bind(_assertThisInitialized(_this));
|
|
40
41
|
return _this;
|
|
41
42
|
}
|
|
42
|
-
|
|
43
|
-
return _createClass(MarkingPreview, [{
|
|
43
|
+
_createClass(MarkingPreview, [{
|
|
44
44
|
key: "handleClick",
|
|
45
45
|
value: function handleClick() {
|
|
46
46
|
var _this$props = this.props,
|
|
@@ -66,6 +66,7 @@ var MarkingPreview = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
66
66
|
});
|
|
67
67
|
}
|
|
68
68
|
}]);
|
|
69
|
+
return MarkingPreview;
|
|
69
70
|
}(_react.Component);
|
|
70
71
|
MarkingPreview.propTypes = propTypes;
|
|
71
72
|
MarkingPreview.displayName = 'MarkingPreview';
|
|
@@ -12,16 +12,16 @@ var _components = require("@desynova-digital/components");
|
|
|
12
12
|
var _tokens = require("@desynova-digital/tokens");
|
|
13
13
|
var _Menu = _interopRequireDefault(require("../Menu"));
|
|
14
14
|
var _templateObject, _templateObject2, _templateObject3;
|
|
15
|
-
function _interopRequireDefault(
|
|
15
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
16
16
|
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); }
|
|
17
|
-
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 &&
|
|
18
|
-
function _slicedToArray(
|
|
17
|
+
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 && Object.prototype.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; }
|
|
18
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
19
19
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
20
|
-
function _unsupportedIterableToArray(
|
|
21
|
-
function _arrayLikeToArray(
|
|
20
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
21
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
22
22
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
23
|
-
function _arrayWithHoles(
|
|
24
|
-
function _taggedTemplateLiteral(
|
|
23
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
24
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
25
25
|
var TimeCodeSelector = (0, _styledComponents["default"])('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n background: #0c141d;\n display: flex;\n padding: 0px 4px;\n justify-content: center;\n border-radius: 5px;\n align-items: center;\n flex-shrink: 0;\n margin: 0px 0px 0px 10px;\n"])));
|
|
26
26
|
var OptionContainer = (0, _styledComponents["default"])('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n color: ", ";\n font-family: SFUIText-Regular;\n display: flex;\n width: 260px;\n padding: 12px 20px;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n /* font-weight: ", "; */\n\n &:hover {\n background-color: #f2f2f2;\n }\n"])), function (_ref) {
|
|
27
27
|
var selected = _ref.selected;
|
|
@@ -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(
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
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 &&
|
|
17
|
-
function _classCallCheck(
|
|
18
|
-
function _defineProperties(
|
|
19
|
-
function _createClass(
|
|
20
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i
|
|
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 && Object.prototype.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(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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
21
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
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(
|
|
24
|
-
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
23
|
+
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
24
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
26
|
-
function _getPrototypeOf(
|
|
27
|
-
function
|
|
28
|
-
function
|
|
29
|
-
function
|
|
25
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
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 _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 _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
|
|
@@ -37,6 +37,7 @@ var defaultProps = {
|
|
|
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
39
|
var AudioWaveform = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
40
|
+
_inherits(AudioWaveform, _Component);
|
|
40
41
|
function AudioWaveform(props, context) {
|
|
41
42
|
var _this;
|
|
42
43
|
_classCallCheck(this, AudioWaveform);
|
|
@@ -44,11 +45,10 @@ var AudioWaveform = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
44
45
|
_this.state = {
|
|
45
46
|
buffer: null
|
|
46
47
|
};
|
|
47
|
-
_this.getWaveform = _this.getWaveform.bind(_this);
|
|
48
|
+
_this.getWaveform = _this.getWaveform.bind(_assertThisInitialized(_this));
|
|
48
49
|
return _this;
|
|
49
50
|
}
|
|
50
|
-
|
|
51
|
-
return _createClass(AudioWaveform, [{
|
|
51
|
+
_createClass(AudioWaveform, [{
|
|
52
52
|
key: "getWaveform",
|
|
53
53
|
value: function getWaveform() {
|
|
54
54
|
var _this2 = this;
|
|
@@ -119,6 +119,7 @@ var AudioWaveform = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
119
119
|
}));
|
|
120
120
|
}
|
|
121
121
|
}]);
|
|
122
|
+
return AudioWaveform;
|
|
122
123
|
}(_react.Component);
|
|
123
124
|
AudioWaveform.propTypes = propTypes;
|
|
124
125
|
AudioWaveform.defaultProps = defaultProps;
|
|
@@ -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)
|
|
@@ -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,
|
|
@@ -16,24 +16,24 @@ var _colors = _interopRequireDefault(require("../../colors"));
|
|
|
16
16
|
var _player = _interopRequireDefault(require("../../reducers/player"));
|
|
17
17
|
var _MarkerBar = _interopRequireDefault(require("../MarkerBar"));
|
|
18
18
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
19
|
-
function _interopRequireDefault(
|
|
19
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
20
20
|
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); }
|
|
21
|
-
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 &&
|
|
22
|
-
function _extends() {
|
|
23
|
-
function _classCallCheck(
|
|
24
|
-
function _defineProperties(
|
|
25
|
-
function _createClass(
|
|
21
|
+
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 && Object.prototype.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; }
|
|
22
|
+
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); }
|
|
23
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
24
|
+
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); } }
|
|
25
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
26
26
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
27
|
-
function _possibleConstructorReturn(
|
|
28
|
-
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
27
|
+
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
28
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
30
|
-
function _getPrototypeOf(
|
|
31
|
-
function
|
|
32
|
-
function
|
|
33
|
-
function
|
|
34
|
-
function
|
|
29
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
30
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
31
|
+
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); }
|
|
32
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
33
|
+
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; }
|
|
34
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
35
35
|
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); }
|
|
36
|
-
function _taggedTemplateLiteral(
|
|
36
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
37
37
|
var propTypes = {
|
|
38
38
|
player: _propTypes.PropTypes.instanceOf(Object),
|
|
39
39
|
controlType: _propTypes.PropTypes.string,
|
|
@@ -72,12 +72,13 @@ var ScrollStyledDiv = _styledComponents["default"].div(_templateObject4 || (_tem
|
|
|
72
72
|
});
|
|
73
73
|
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"])));
|
|
74
74
|
var ProgressControl = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
75
|
+
_inherits(ProgressControl, _Component);
|
|
75
76
|
function ProgressControl(props, context) {
|
|
76
77
|
var _props$player$zoom, _props$player;
|
|
77
78
|
var _this;
|
|
78
79
|
_classCallCheck(this, ProgressControl);
|
|
79
80
|
_this = _callSuper(this, ProgressControl, [props, context]);
|
|
80
|
-
_defineProperty(_this, "handleChildScroll", function (scrollTop) {
|
|
81
|
+
_defineProperty(_assertThisInitialized(_this), "handleChildScroll", function (scrollTop) {
|
|
81
82
|
if (_this.parentScrollDivRef.current) {
|
|
82
83
|
_this.parentScrollDivRef.current.scrollTop = scrollTop;
|
|
83
84
|
}
|
|
@@ -90,14 +91,13 @@ var ProgressControl = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
90
91
|
}
|
|
91
92
|
};
|
|
92
93
|
_this.parentScrollDivRef = /*#__PURE__*/(0, _react.createRef)();
|
|
93
|
-
_this.handleMouseMoveThrottle = _this.handleMouseMove.bind(_this);
|
|
94
|
-
_this.handleSeekbarZoom = _this.handleSeekbarZoom.bind(_this);
|
|
95
|
-
_this.ensureInitialSizing = _this.ensureInitialSizing.bind(_this);
|
|
96
|
-
_this.forceLayoutAdjust = _this.forceLayoutAdjust.bind(_this);
|
|
94
|
+
_this.handleMouseMoveThrottle = _this.handleMouseMove.bind(_assertThisInitialized(_this));
|
|
95
|
+
_this.handleSeekbarZoom = _this.handleSeekbarZoom.bind(_assertThisInitialized(_this));
|
|
96
|
+
_this.ensureInitialSizing = _this.ensureInitialSizing.bind(_assertThisInitialized(_this));
|
|
97
|
+
_this.forceLayoutAdjust = _this.forceLayoutAdjust.bind(_assertThisInitialized(_this));
|
|
97
98
|
return _this;
|
|
98
99
|
}
|
|
99
|
-
|
|
100
|
-
return _createClass(ProgressControl, [{
|
|
100
|
+
_createClass(ProgressControl, [{
|
|
101
101
|
key: "componentDidMount",
|
|
102
102
|
value: function componentDidMount() {
|
|
103
103
|
this.ensureInitialSizing();
|
|
@@ -289,6 +289,7 @@ var ProgressControl = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
289
289
|
})) : null));
|
|
290
290
|
}
|
|
291
291
|
}]);
|
|
292
|
+
return ProgressControl;
|
|
292
293
|
}(_react.Component);
|
|
293
294
|
ProgressControl.propTypes = propTypes;
|
|
294
295
|
ProgressControl.defaultProps = defaultProps;
|
|
@@ -9,22 +9,22 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
9
9
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
10
10
|
var _components = require("@desynova-digital/components");
|
|
11
11
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
|
|
12
|
-
function _interopRequireDefault(
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
13
|
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); }
|
|
14
|
-
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 &&
|
|
15
|
-
function _slicedToArray(
|
|
14
|
+
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 && Object.prototype.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; }
|
|
15
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
16
16
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
17
|
-
function _unsupportedIterableToArray(
|
|
18
|
-
function _arrayLikeToArray(
|
|
17
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
18
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
19
19
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
20
|
-
function _arrayWithHoles(
|
|
21
|
-
function _taggedTemplateLiteral(
|
|
22
|
-
/* ----------------------------------------------------------
|
|
23
|
-
TIMELINE MAIN WRAPPER
|
|
20
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
21
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
22
|
+
/* ----------------------------------------------------------
|
|
23
|
+
TIMELINE MAIN WRAPPER
|
|
24
24
|
---------------------------------------------------------- */
|
|
25
25
|
var MarkerTimeline = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n width: 100%;\n height: 18px;\n"])));
|
|
26
|
-
/* ----------------------------------------------------------
|
|
27
|
-
Marker Dot
|
|
26
|
+
/* ----------------------------------------------------------
|
|
27
|
+
Marker Dot
|
|
28
28
|
---------------------------------------------------------- */
|
|
29
29
|
var MarkerDot = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: absolute;\n bottom: -6px;\n transform: translateX(-50%);\n width: 22px;\n height: 22px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n color: #0c141d;\n z-index: ", ";\n pointer-events: auto;\n\n font-family: SFUIText-Medium;\n font-size: 10px;\n font-weight: 500;\n line-height: 12px;\n\n &::before {\n content: '';\n position: absolute;\n width: 32px;\n height: 32px;\n top: -6px;\n left: -6px;\n }\n\n /* --- NEW top vertical line --- */\n &::after {\n content: '';\n position: absolute;\n top: -5px;\n left: 50%;\n transform: translateX(-50%);\n width: 1.5px;\n height: 5px;\n background: #bfbfbf;\n opacity: ", ";\n transition: opacity 0.15s ease-out;\n }\n\n ", "\n"])), function (p) {
|
|
30
30
|
return p.isHovered ? 2 : 1;
|
|
@@ -34,18 +34,18 @@ var MarkerDot = _styledComponents["default"].div(_templateObject2 || (_templateO
|
|
|
34
34
|
return p.multi ? "\n background: linear-gradient(90deg, #A56EFC 0%, #2EBF91 100%);\n padding: 1px;\n\n & > div.inner {\n background: #061014;\n color: #fff;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n display:flex;\n align-items:center;\n justify-content:center;\n }\n " : "\n background: #00CEC6;\n\n &:hover {\n background: #3bbfb6;\n }\n ";
|
|
35
35
|
});
|
|
36
36
|
|
|
37
|
-
/* ----------------------------------------------------------
|
|
38
|
-
END MARKER DOT
|
|
37
|
+
/* ----------------------------------------------------------
|
|
38
|
+
END MARKER DOT
|
|
39
39
|
---------------------------------------------------------- */
|
|
40
40
|
var EndMarkerDot = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n position: absolute;\n bottom: -6px;\n transform: translateX(-50%);\n width: 24px; /* bigger like your screenshot */\n height: 24px;\n border-radius: 50%;\n background: #47d2c7; /* teal outer circle */\n border: 2px solid #00b9b0; /* ring / boundary */\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 2;\n opacity: 0;\n transition: opacity 0.15s ease-out;\n\n &::after {\n content: '';\n width: 6px; /* inner white dot */\n height: 6px;\n background: #ffffff;\n border-radius: 50%;\n }\n\n &::before {\n content: '';\n position: absolute;\n top: -5px;\n left: 50%;\n transform: translateX(-50%);\n width: 1.5px;\n height: 5px;\n background: #bfbfbf;\n opacity: 1;\n\n transition: opacity 0.15s ease-out;\n }\n"])));
|
|
41
41
|
|
|
42
|
-
/* ----------------------------------------------------------
|
|
43
|
-
SEGMENT LINE
|
|
42
|
+
/* ----------------------------------------------------------
|
|
43
|
+
SEGMENT LINE
|
|
44
44
|
---------------------------------------------------------- */
|
|
45
45
|
var MarkerLine = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n position: absolute;\n bottom: 4px;\n height: 1px;\n background: #47d2c7;\n border-radius: 1px;\n opacity: 0;\n transition: opacity 0.15s ease-out;\n"])));
|
|
46
46
|
|
|
47
|
-
/* ----------------------------------------------------------
|
|
48
|
-
HOVER BOX
|
|
47
|
+
/* ----------------------------------------------------------
|
|
48
|
+
HOVER BOX
|
|
49
49
|
---------------------------------------------------------- */
|
|
50
50
|
|
|
51
51
|
var HoverScroll = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n overflow-y: auto;\n max-height: 360px; /* 400 total - header height */\n\n /* Hide scrollbar everywhere */\n scrollbar-width: none;\n -ms-overflow-style: none;\n &::-webkit-scrollbar {\n display: none;\n }\n"])));
|
|
@@ -56,8 +56,8 @@ var HoverName = _styledComponents["default"].div(_templateObject9 || (_templateO
|
|
|
56
56
|
var HoverTime = _styledComponents["default"].div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n font-family: SFUIText-Regular;\n font-size: 11px;\n color: #9fa4ad;\n margin-bottom: 6px;\n"])));
|
|
57
57
|
var HoverText = _styledComponents["default"].div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n font-family: SFUIText-Light;\n font-size: 14px;\n font-weight: 300;\n color: #ffffff;\n line-height: 18px;\n display: block;\n white-space: normal;\n overflow: visible;\n text-overflow: unset;\n\n /* FIX */\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n"])));
|
|
58
58
|
|
|
59
|
-
/* ----------------------------------------------------------
|
|
60
|
-
UTILITIES (FIXED)
|
|
59
|
+
/* ----------------------------------------------------------
|
|
60
|
+
UTILITIES (FIXED)
|
|
61
61
|
---------------------------------------------------------- */
|
|
62
62
|
var clampPx = function clampPx(px, containerWidth) {
|
|
63
63
|
var SAFE = 10;
|
|
@@ -76,8 +76,8 @@ var getSafeLeftPx = function getSafeLeftPx(percent, containerWidth) {
|
|
|
76
76
|
return "".concat(clampPx(px, containerWidth), "px");
|
|
77
77
|
};
|
|
78
78
|
|
|
79
|
-
/* ----------------------------------------------------------
|
|
80
|
-
HOVER BOX CLAMP
|
|
79
|
+
/* ----------------------------------------------------------
|
|
80
|
+
HOVER BOX CLAMP
|
|
81
81
|
---------------------------------------------------------- */
|
|
82
82
|
var clampHoverBoxLeft = function clampHoverBoxLeft(rawLeftPx, boxWidth, containerWidth) {
|
|
83
83
|
var SAFE = 10;
|
|
@@ -85,8 +85,8 @@ var clampHoverBoxLeft = function clampHoverBoxLeft(rawLeftPx, boxWidth, containe
|
|
|
85
85
|
return Math.max(SAFE, Math.min(rawLeftPx, max));
|
|
86
86
|
};
|
|
87
87
|
|
|
88
|
-
/* ----------------------------------------------------------
|
|
89
|
-
MAIN COMPONENT
|
|
88
|
+
/* ----------------------------------------------------------
|
|
89
|
+
MAIN COMPONENT
|
|
90
90
|
---------------------------------------------------------- */
|
|
91
91
|
var RenderCommentMarkers = function RenderCommentMarkers(_ref) {
|
|
92
92
|
var _ref$data = _ref.data,
|