@desynova-digital/player 4.0.19 → 4.0.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Manager.js +15 -17
- package/actions/player.js +18 -35
- package/actions/video.js +25 -50
- package/colors.js +1 -2
- package/components/AudioMeter.js +31 -34
- package/components/BigPlayButton.js +23 -26
- package/components/ImageViewer.js +25 -28
- package/components/MarkerBar.js +23 -26
- package/components/Menu.js +2 -2
- package/components/Player.js +36 -39
- package/components/PlayerHeader.js +23 -26
- package/components/Playlist.js +25 -25
- package/components/PointersBar.js +31 -30
- package/components/PosterImage.js +2 -3
- package/components/SDOutline.js +2 -2
- package/components/Shortcut.js +45 -49
- package/components/Slider.js +34 -36
- package/components/TagsBar.js +22 -25
- package/components/Video.js +61 -65
- package/components/control-bar/AudioTracksMenuButton.js +21 -24
- package/components/control-bar/CameraButton.js +22 -25
- package/components/control-bar/CaptionControlMenuButton.js +22 -25
- package/components/control-bar/CommentsButton.js +23 -26
- package/components/control-bar/ControlBar.js +24 -27
- package/components/control-bar/EditorControlMenuButton.js +23 -26
- package/components/control-bar/ForwardControl.js +2 -3
- package/components/control-bar/ForwardReplayControl.js +23 -26
- package/components/control-bar/FullscreenToggle.js +22 -25
- package/components/control-bar/PlayToggle.js +22 -25
- package/components/control-bar/ReplayControl.js +2 -3
- package/components/control-bar/SettingsMenuButton.js +4 -4
- package/components/control-bar/SubtitleLanguagesMenuButton.js +21 -24
- package/components/control-bar/SubtitleMovementMenu.js +23 -26
- package/components/control-bar/VolumeMenuButton.js +23 -26
- package/components/control-bar/ZoomMenuButton.js +23 -26
- package/components/marking-controls/MarkInControl.js +22 -25
- package/components/marking-controls/MarkOutControl.js +22 -25
- package/components/marking-controls/MarkingAddButton.js +22 -25
- package/components/marking-controls/MarkingControl.js +2 -2
- package/components/marking-controls/MarkingDeleteButton.js +22 -25
- package/components/marking-controls/MarkingDuration.js +2 -2
- package/components/marking-controls/MarkingPreview.js +22 -25
- package/components/progress-bar/AudioWaveform.js +22 -25
- package/components/progress-bar/LoadProgressBar.js +1 -1
- package/components/progress-bar/MouseTimeDisplay.js +2 -3
- package/components/progress-bar/PlayProgressBar.js +2 -2
- package/components/progress-bar/ProgressControl.js +45 -40
- package/components/progress-bar/SeekBar.js +29 -32
- package/components/progress-bar/Timeline.js +22 -25
- package/components/settings-menu-control/CameraControl.js +6 -7
- package/components/settings-menu-control/ChildMenuComponent.js +25 -29
- package/components/settings-menu-control/ParentMenuComponent.js +22 -25
- package/components/settings-menu-control/PlaybackRateControl.js +22 -25
- package/components/settings-menu-control/SafeAreaControl.js +22 -25
- package/components/settings-menu-control/SettingsMenu.js +13 -13
- package/components/time-controls/CurrentTimeDisplay.js +11 -12
- package/components/time-controls/DurationDisplay.js +3 -4
- package/components/time-controls/TimeDivider.js +2 -2
- package/components/volume-control/VolumeBar.js +31 -34
- package/components/volume-control/VolumeControl.js +1 -1
- package/components/volume-control/VolumeLevel.js +3 -4
- package/components/zoom-control/ZoomBar.js +30 -33
- package/components/zoom-control/ZoomLevel.js +3 -4
- package/index.js +4 -4
- package/package.json +1 -1
- package/reducers/index.js +2 -4
- package/reducers/operation.js +7 -8
- package/reducers/player.js +7 -9
- package/utils/browser.js +4 -8
- package/utils/fullscreen.js +8 -10
- package/utils/index.js +13 -14
package/Manager.js
CHANGED
|
@@ -8,26 +8,26 @@ var _redux = require("redux");
|
|
|
8
8
|
var _reducers = _interopRequireDefault(require("./reducers"));
|
|
9
9
|
var playerActions = _interopRequireWildcard(require("./actions/player"));
|
|
10
10
|
var videoActions = _interopRequireWildcard(require("./actions/video"));
|
|
11
|
-
function _getRequireWildcardCache(
|
|
12
|
-
function _interopRequireWildcard(
|
|
13
|
-
function _interopRequireDefault(
|
|
14
|
-
function _typeof(
|
|
15
|
-
function ownKeys(
|
|
16
|
-
function _objectSpread(
|
|
17
|
-
function _defineProperty(
|
|
18
|
-
function _classCallCheck(
|
|
19
|
-
function _defineProperties(
|
|
20
|
-
function _createClass(
|
|
21
|
-
function _toPropertyKey(
|
|
22
|
-
function _toPrimitive(
|
|
23
|
-
var Manager = /*#__PURE__*/function () {
|
|
11
|
+
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); }
|
|
12
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
14
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
15
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
16
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
18
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
19
|
+
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
|
|
20
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
21
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
22
|
+
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); }
|
|
23
|
+
var Manager = exports["default"] = /*#__PURE__*/function () {
|
|
24
24
|
function Manager(store) {
|
|
25
25
|
_classCallCheck(this, Manager);
|
|
26
26
|
this.store = store || (0, _redux.createStore)(_reducers["default"]);
|
|
27
27
|
this.video = null;
|
|
28
28
|
this.rootElement = null;
|
|
29
29
|
}
|
|
30
|
-
_createClass(Manager, [{
|
|
30
|
+
return _createClass(Manager, [{
|
|
31
31
|
key: "getActions",
|
|
32
32
|
value: function getActions() {
|
|
33
33
|
var manager = this;
|
|
@@ -95,6 +95,4 @@ var Manager = /*#__PURE__*/function () {
|
|
|
95
95
|
});
|
|
96
96
|
}
|
|
97
97
|
}]);
|
|
98
|
-
|
|
99
|
-
}();
|
|
100
|
-
exports["default"] = Manager;
|
|
98
|
+
}();
|
package/actions/player.js
CHANGED
|
@@ -30,41 +30,24 @@ exports.toggleFullscreen = toggleFullscreen;
|
|
|
30
30
|
exports.togglePlay = togglePlay;
|
|
31
31
|
exports.userActivate = userActivate;
|
|
32
32
|
var _fullscreen = _interopRequireDefault(require("../utils/fullscreen"));
|
|
33
|
-
function _interopRequireDefault(
|
|
34
|
-
var OPERATE = 'video-react/OPERATE';
|
|
35
|
-
exports.
|
|
36
|
-
var
|
|
37
|
-
exports.
|
|
38
|
-
var
|
|
39
|
-
exports.
|
|
40
|
-
var
|
|
41
|
-
exports.
|
|
42
|
-
var
|
|
43
|
-
exports.
|
|
44
|
-
var
|
|
45
|
-
exports.
|
|
46
|
-
var
|
|
47
|
-
exports.
|
|
48
|
-
var
|
|
49
|
-
exports.
|
|
50
|
-
var
|
|
51
|
-
exports.MARKER_POINT_CHANGE = MARKER_POINT_CHANGE;
|
|
52
|
-
var MARKER_CREATE = 'video-react/MARKER_CREATE';
|
|
53
|
-
exports.MARKER_CREATE = MARKER_CREATE;
|
|
54
|
-
var MARKER_UPDATE = 'video-react/MARKER_UPDATE';
|
|
55
|
-
exports.MARKER_UPDATE = MARKER_UPDATE;
|
|
56
|
-
var PREVIEW_VIDEO = 'video-react/PREVIEW_VIDEO';
|
|
57
|
-
exports.PREVIEW_VIDEO = PREVIEW_VIDEO;
|
|
58
|
-
var REWIND_VIDEO = 'video-react/REWIND_VIDEO';
|
|
59
|
-
exports.REWIND_VIDEO = REWIND_VIDEO;
|
|
60
|
-
var AUDIO_TRACKS = 'video-react/AUDIO_TRACKS';
|
|
61
|
-
exports.AUDIO_TRACKS = AUDIO_TRACKS;
|
|
62
|
-
var ACTIVE_AUDIO_TRACK = 'video-react/ACTIVE_AUDIO_TRACK';
|
|
63
|
-
exports.ACTIVE_AUDIO_TRACK = ACTIVE_AUDIO_TRACK;
|
|
64
|
-
var ACTIVE_CAPTION_TRACK = 'video-react/ACTIVE_CAPTION_TRACK';
|
|
65
|
-
exports.ACTIVE_CAPTION_TRACK = ACTIVE_CAPTION_TRACK;
|
|
66
|
-
var SUBTITLE_STATUS = 'video-react/SUBTITLE_STATUS';
|
|
67
|
-
exports.SUBTITLE_STATUS = SUBTITLE_STATUS;
|
|
33
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
34
|
+
var OPERATE = exports.OPERATE = 'video-react/OPERATE';
|
|
35
|
+
var FULLSCREEN_CHANGE = exports.FULLSCREEN_CHANGE = 'video-react/FULLSCREEN_CHANGE';
|
|
36
|
+
var SD_BORDER_SWITCH = exports.SD_BORDER_SWITCH = 'video-react/SD_BORDER_SWITCH';
|
|
37
|
+
var PLAYER_ACTIVATE = exports.PLAYER_ACTIVATE = 'video-react/PLAYER_ACTIVATE';
|
|
38
|
+
var USER_ACTIVATE = exports.USER_ACTIVATE = 'video-react/USER_ACTIVATE';
|
|
39
|
+
var PLAYER_TYPE = exports.PLAYER_TYPE = 'video-react/PLAYER_TYPE';
|
|
40
|
+
var CONTROL_TYPE = exports.CONTROL_TYPE = 'video-react/CONTROL_TYPE';
|
|
41
|
+
var ZOOM_CHANGE = exports.ZOOM_CHANGE = 'video-react/ZOOM_CHANGE';
|
|
42
|
+
var MARKER_POINT_CHANGE = exports.MARKER_POINT_CHANGE = 'video-react/MARKER_POINT_CHANGE';
|
|
43
|
+
var MARKER_CREATE = exports.MARKER_CREATE = 'video-react/MARKER_CREATE';
|
|
44
|
+
var MARKER_UPDATE = exports.MARKER_UPDATE = 'video-react/MARKER_UPDATE';
|
|
45
|
+
var PREVIEW_VIDEO = exports.PREVIEW_VIDEO = 'video-react/PREVIEW_VIDEO';
|
|
46
|
+
var REWIND_VIDEO = exports.REWIND_VIDEO = 'video-react/REWIND_VIDEO';
|
|
47
|
+
var AUDIO_TRACKS = exports.AUDIO_TRACKS = 'video-react/AUDIO_TRACKS';
|
|
48
|
+
var ACTIVE_AUDIO_TRACK = exports.ACTIVE_AUDIO_TRACK = 'video-react/ACTIVE_AUDIO_TRACK';
|
|
49
|
+
var ACTIVE_CAPTION_TRACK = exports.ACTIVE_CAPTION_TRACK = 'video-react/ACTIVE_CAPTION_TRACK';
|
|
50
|
+
var SUBTITLE_STATUS = exports.SUBTITLE_STATUS = 'video-react/SUBTITLE_STATUS';
|
|
68
51
|
function handleFullscreenChange(isFullscreen) {
|
|
69
52
|
return {
|
|
70
53
|
type: FULLSCREEN_CHANGE,
|
package/actions/video.js
CHANGED
|
@@ -29,56 +29,31 @@ exports.handleSuspend = handleSuspend;
|
|
|
29
29
|
exports.handleTimeUpdate = handleTimeUpdate;
|
|
30
30
|
exports.handleVolumeChange = handleVolumeChange;
|
|
31
31
|
exports.handleWaiting = handleWaiting;
|
|
32
|
-
var LOAD_START = 'video-react/LOAD_START';
|
|
33
|
-
exports.
|
|
34
|
-
var
|
|
35
|
-
exports.
|
|
36
|
-
var
|
|
37
|
-
exports.
|
|
38
|
-
var
|
|
39
|
-
exports.
|
|
40
|
-
var
|
|
41
|
-
exports.
|
|
42
|
-
var
|
|
43
|
-
exports.
|
|
44
|
-
var
|
|
45
|
-
exports.
|
|
46
|
-
var
|
|
47
|
-
exports.
|
|
48
|
-
var
|
|
49
|
-
exports.
|
|
50
|
-
var
|
|
51
|
-
exports.
|
|
52
|
-
var
|
|
53
|
-
exports.
|
|
54
|
-
var
|
|
55
|
-
exports.
|
|
56
|
-
var
|
|
57
|
-
exports.DURATION_CHANGE = DURATION_CHANGE;
|
|
58
|
-
var TIME_UPDATE = 'video-react/TIME_UPDATE';
|
|
59
|
-
exports.TIME_UPDATE = TIME_UPDATE;
|
|
60
|
-
var VOLUME_CHANGE = 'video-react/VOLUME_CHANGE';
|
|
61
|
-
exports.VOLUME_CHANGE = VOLUME_CHANGE;
|
|
62
|
-
var PROGRESS_CHANGE = 'video-react/PROGRESS_CHANGE';
|
|
63
|
-
exports.PROGRESS_CHANGE = PROGRESS_CHANGE;
|
|
64
|
-
var RATE_CHANGE = 'video-react/RATE_CHANGE';
|
|
65
|
-
exports.RATE_CHANGE = RATE_CHANGE;
|
|
66
|
-
var SUSPEND = 'video-react/SUSPEND';
|
|
67
|
-
exports.SUSPEND = SUSPEND;
|
|
68
|
-
var ABORT = 'video-react/ABORT';
|
|
69
|
-
exports.ABORT = ABORT;
|
|
70
|
-
var EMPTIED = 'video-react/EMPTIED';
|
|
71
|
-
exports.EMPTIED = EMPTIED;
|
|
72
|
-
var STALLED = 'video-react/STALLED';
|
|
73
|
-
exports.STALLED = STALLED;
|
|
74
|
-
var LOADED_META_DATA = 'video-react/LOADED_META_DATA';
|
|
75
|
-
exports.LOADED_META_DATA = LOADED_META_DATA;
|
|
76
|
-
var LOADED_DATA = 'video-react/LOADED_DATA';
|
|
77
|
-
exports.LOADED_DATA = LOADED_DATA;
|
|
78
|
-
var RESIZE = 'video-react/RESIZE';
|
|
79
|
-
exports.RESIZE = RESIZE;
|
|
80
|
-
var ERROR = 'video-react/ERROR';
|
|
81
|
-
exports.ERROR = ERROR;
|
|
32
|
+
var LOAD_START = exports.LOAD_START = 'video-react/LOAD_START';
|
|
33
|
+
var CAN_PLAY = exports.CAN_PLAY = 'video-react/CAN_PLAY';
|
|
34
|
+
var WAITING = exports.WAITING = 'video-react/WAITING';
|
|
35
|
+
var CAN_PLAY_THROUGH = exports.CAN_PLAY_THROUGH = 'video-react/CAN_PLAY_THROUGH';
|
|
36
|
+
var PLAYING = exports.PLAYING = 'video-react/PLAYING';
|
|
37
|
+
var PLAY = exports.PLAY = 'video-react/PLAY';
|
|
38
|
+
var PAUSE = exports.PAUSE = 'video-react/PAUSE';
|
|
39
|
+
var END = exports.END = 'video-react/END';
|
|
40
|
+
var SEEKING = exports.SEEKING = 'video-react/SEEKING';
|
|
41
|
+
var SEEKED = exports.SEEKED = 'video-react/SEEKED';
|
|
42
|
+
var SEEKING_TIME = exports.SEEKING_TIME = 'video-react/SEEKING_TIME';
|
|
43
|
+
var END_SEEKING = exports.END_SEEKING = 'video-react/END_SEEKING';
|
|
44
|
+
var DURATION_CHANGE = exports.DURATION_CHANGE = 'video-react/DURATION_CHANGE';
|
|
45
|
+
var TIME_UPDATE = exports.TIME_UPDATE = 'video-react/TIME_UPDATE';
|
|
46
|
+
var VOLUME_CHANGE = exports.VOLUME_CHANGE = 'video-react/VOLUME_CHANGE';
|
|
47
|
+
var PROGRESS_CHANGE = exports.PROGRESS_CHANGE = 'video-react/PROGRESS_CHANGE';
|
|
48
|
+
var RATE_CHANGE = exports.RATE_CHANGE = 'video-react/RATE_CHANGE';
|
|
49
|
+
var SUSPEND = exports.SUSPEND = 'video-react/SUSPEND';
|
|
50
|
+
var ABORT = exports.ABORT = 'video-react/ABORT';
|
|
51
|
+
var EMPTIED = exports.EMPTIED = 'video-react/EMPTIED';
|
|
52
|
+
var STALLED = exports.STALLED = 'video-react/STALLED';
|
|
53
|
+
var LOADED_META_DATA = exports.LOADED_META_DATA = 'video-react/LOADED_META_DATA';
|
|
54
|
+
var LOADED_DATA = exports.LOADED_DATA = 'video-react/LOADED_DATA';
|
|
55
|
+
var RESIZE = exports.RESIZE = 'video-react/RESIZE';
|
|
56
|
+
var ERROR = exports.ERROR = 'video-react/ERROR';
|
|
82
57
|
function handleLoadStart(videoProps) {
|
|
83
58
|
return {
|
|
84
59
|
type: LOAD_START,
|
package/colors.js
CHANGED
package/components/AudioMeter.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -10,28 +10,28 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
10
10
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
11
|
var _components = require("@desynova-digital/components");
|
|
12
12
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
13
|
-
function _interopRequireDefault(
|
|
14
|
-
function _getRequireWildcardCache(
|
|
15
|
-
function _interopRequireWildcard(
|
|
16
|
-
function _toConsumableArray(
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
14
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
15
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
16
|
+
function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
|
|
17
17
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
18
|
-
function _unsupportedIterableToArray(
|
|
19
|
-
function _iterableToArray(
|
|
20
|
-
function _arrayWithoutHoles(
|
|
21
|
-
function _arrayLikeToArray(
|
|
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 _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
19
|
+
function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
|
|
20
|
+
function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
|
|
21
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
22
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
23
|
+
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
|
|
24
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
25
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
26
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
27
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
28
|
+
function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
|
|
29
|
+
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
30
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
31
|
+
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
|
32
|
+
function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
|
|
33
|
+
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
34
|
+
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
35
35
|
var propTypes = {
|
|
36
36
|
height: _propTypes.PropTypes.number,
|
|
37
37
|
player: _propTypes.PropTypes.instanceOf(Object)
|
|
@@ -44,13 +44,11 @@ var MeterBlock = (0, _styledComponents["default"])('div')(_templateObject2 || (_
|
|
|
44
44
|
var ColorMeter = (0, _styledComponents["default"])('div')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n width: 100%;\n height: 100%;\n background: linear-gradient(\n to top,\n #00c8e7,\n #00e6b9 57%,\n #ff8d29 83%,\n #f6462c\n );\n position: absolute;\n left: 0;\n top: 0;\n z-index: 1;\n .stack-block {\n height: 2px;\n margin-bottom: 3px;\n background: #000000;\n }\n"])));
|
|
45
45
|
var BlackMeter = (0, _styledComponents["default"])('div')(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n width: 100%;\n background: #000000;\n position: absolute;\n left: 0;\n top: 0;\n z-index: 1;\n height: 100%;\n transition: all 0.25s ease-in-out;\n -moz-transition: all 0.25s ease-in-out;\n -webkit-transition: all 0.25s ease-in-out;\n -ms-transition: all 0.25s ease-in-out;\n -o-transition: all 0.25s ease-in-out;\n .stack-block {\n height: 2px;\n margin-bottom: 3px;\n background: #304153;\n }\n"])));
|
|
46
46
|
var AudioMute = (0, _styledComponents["default"])('div')(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n position: absolute;\n top: -20px;\n left: 50%;\n transform: translateX(-50%);\n color: #aaaaaa;\n cursor: pointer;\n"])));
|
|
47
|
-
var AudioMeter = /*#__PURE__*/function (_Component) {
|
|
48
|
-
_inherits(AudioMeter, _Component);
|
|
49
|
-
var _super = _createSuper(AudioMeter);
|
|
47
|
+
var AudioMeter = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
50
48
|
function AudioMeter(props, context) {
|
|
51
49
|
var _this;
|
|
52
50
|
_classCallCheck(this, AudioMeter);
|
|
53
|
-
_this =
|
|
51
|
+
_this = _callSuper(this, AudioMeter, [props, context]);
|
|
54
52
|
_this.state = {
|
|
55
53
|
stacksArr: [],
|
|
56
54
|
rangeArray: [],
|
|
@@ -63,14 +61,15 @@ var AudioMeter = /*#__PURE__*/function (_Component) {
|
|
|
63
61
|
_this.dbRange = -48;
|
|
64
62
|
_this.channelCount = 2;
|
|
65
63
|
_this.maskSizes = ['100%', '100%'];
|
|
66
|
-
_this.handleClick = _this.handleClick.bind(
|
|
67
|
-
_this.getNoOfStacks = _this.getNoOfStacks.bind(
|
|
68
|
-
_this.maskSize = _this.maskSize.bind(
|
|
69
|
-
_this.updateMeter = _this.updateMeter.bind(
|
|
70
|
-
_this.paintMeter = _this.paintMeter.bind(
|
|
64
|
+
_this.handleClick = _this.handleClick.bind(_this);
|
|
65
|
+
_this.getNoOfStacks = _this.getNoOfStacks.bind(_this);
|
|
66
|
+
_this.maskSize = _this.maskSize.bind(_this);
|
|
67
|
+
_this.updateMeter = _this.updateMeter.bind(_this);
|
|
68
|
+
_this.paintMeter = _this.paintMeter.bind(_this);
|
|
71
69
|
return _this;
|
|
72
70
|
}
|
|
73
|
-
|
|
71
|
+
_inherits(AudioMeter, _Component);
|
|
72
|
+
return _createClass(AudioMeter, [{
|
|
74
73
|
key: "componentDidMount",
|
|
75
74
|
value: function componentDidMount() {
|
|
76
75
|
var player = this.props.player;
|
|
@@ -362,9 +361,7 @@ var AudioMeter = /*#__PURE__*/function (_Component) {
|
|
|
362
361
|
})))));
|
|
363
362
|
}
|
|
364
363
|
}]);
|
|
365
|
-
return AudioMeter;
|
|
366
364
|
}(_react.Component);
|
|
367
|
-
exports["default"] = AudioMeter;
|
|
368
365
|
AudioMeter.propTypes = propTypes;
|
|
369
366
|
AudioMeter.defaultProps = defaultProps;
|
|
370
367
|
AudioMeter.displayName = 'AudioMeter';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -11,23 +11,23 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
11
11
|
var _components = require("@desynova-digital/components");
|
|
12
12
|
var _colors = _interopRequireDefault(require("../colors"));
|
|
13
13
|
var _templateObject;
|
|
14
|
-
function _interopRequireDefault(
|
|
15
|
-
function _getRequireWildcardCache(
|
|
16
|
-
function _interopRequireWildcard(
|
|
17
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
18
|
-
function _classCallCheck(
|
|
19
|
-
function _defineProperties(
|
|
20
|
-
function _createClass(
|
|
21
|
-
function _toPropertyKey(
|
|
22
|
-
function _toPrimitive(
|
|
23
|
-
function
|
|
24
|
-
function
|
|
25
|
-
function
|
|
26
|
-
function
|
|
27
|
-
function
|
|
28
|
-
function
|
|
29
|
-
function
|
|
30
|
-
function _taggedTemplateLiteral(
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
15
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
16
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
17
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
18
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
19
|
+
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
|
|
20
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
21
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
22
|
+
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); }
|
|
23
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
24
|
+
function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
|
|
25
|
+
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
26
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
27
|
+
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
|
28
|
+
function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
|
|
29
|
+
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
30
|
+
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
31
31
|
var propTypes = {
|
|
32
32
|
actions: _propTypes.PropTypes.instanceOf(Object),
|
|
33
33
|
player: _propTypes.PropTypes.instanceOf(Object)
|
|
@@ -41,17 +41,16 @@ var PlayButton = (0, _styledComponents["default"])(_components.Button)(_template
|
|
|
41
41
|
}, function (props) {
|
|
42
42
|
return _colors["default"].common.video[props.assetType].buttonGradient;
|
|
43
43
|
});
|
|
44
|
-
var BigPlayButton = /*#__PURE__*/function (_Component) {
|
|
45
|
-
_inherits(BigPlayButton, _Component);
|
|
46
|
-
var _super = _createSuper(BigPlayButton);
|
|
44
|
+
var BigPlayButton = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
47
45
|
function BigPlayButton(props, context) {
|
|
48
46
|
var _this;
|
|
49
47
|
_classCallCheck(this, BigPlayButton);
|
|
50
|
-
_this =
|
|
51
|
-
_this.handleClick = _this.handleClick.bind(
|
|
48
|
+
_this = _callSuper(this, BigPlayButton, [props, context]);
|
|
49
|
+
_this.handleClick = _this.handleClick.bind(_this);
|
|
52
50
|
return _this;
|
|
53
51
|
}
|
|
54
|
-
|
|
52
|
+
_inherits(BigPlayButton, _Component);
|
|
53
|
+
return _createClass(BigPlayButton, [{
|
|
55
54
|
key: "componentDidMount",
|
|
56
55
|
value: function componentDidMount() {}
|
|
57
56
|
}, {
|
|
@@ -78,9 +77,7 @@ var BigPlayButton = /*#__PURE__*/function (_Component) {
|
|
|
78
77
|
}, this.props)) : null);
|
|
79
78
|
}
|
|
80
79
|
}]);
|
|
81
|
-
return BigPlayButton;
|
|
82
80
|
}(_react.Component);
|
|
83
|
-
exports["default"] = BigPlayButton;
|
|
84
81
|
BigPlayButton.propTypes = propTypes;
|
|
85
82
|
BigPlayButton.defaultProps = defaultProps;
|
|
86
83
|
BigPlayButton.displayName = 'BigPlayButton';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -11,26 +11,26 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
11
11
|
var _CommentsButton = _interopRequireDefault(require("./control-bar/CommentsButton"));
|
|
12
12
|
var _templateObject, _templateObject2, _templateObject3;
|
|
13
13
|
/* eslint-disable linebreak-style */
|
|
14
|
-
function _interopRequireDefault(
|
|
15
|
-
function _getRequireWildcardCache(
|
|
16
|
-
function _interopRequireWildcard(
|
|
17
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
18
|
-
function ownKeys(
|
|
19
|
-
function _objectSpread(
|
|
20
|
-
function _defineProperty(
|
|
21
|
-
function _classCallCheck(
|
|
22
|
-
function _defineProperties(
|
|
23
|
-
function _createClass(
|
|
24
|
-
function _toPropertyKey(
|
|
25
|
-
function _toPrimitive(
|
|
26
|
-
function
|
|
27
|
-
function
|
|
28
|
-
function
|
|
29
|
-
function
|
|
30
|
-
function
|
|
31
|
-
function
|
|
32
|
-
function
|
|
33
|
-
function _taggedTemplateLiteral(
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
15
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
16
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
17
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
18
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
19
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
20
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
21
|
+
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
|
|
22
|
+
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
|
|
23
|
+
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
24
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
25
|
+
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); }
|
|
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(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
|
|
28
|
+
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
|
|
29
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
30
|
+
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
|
|
31
|
+
function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
|
|
32
|
+
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
33
|
+
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
34
34
|
/*
|
|
35
35
|
* import { colors } from '@desynova-digital/tokens';
|
|
36
36
|
* import colors from '../colors';
|
|
@@ -43,13 +43,11 @@ var propTypes = {
|
|
|
43
43
|
var ImageContainer = (0, _styledComponents["default"])('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n overflow: hidden;\n"])));
|
|
44
44
|
var ImageBlock = (0, _styledComponents["default"])('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n width: 100%;\n height: calc(100% - 50px);\n img {\n position: relative;\n transition: all 350ms ease-in-out;\n &.moving {\n transition: none;\n }\n }\n"])));
|
|
45
45
|
var ImageControls = (0, _styledComponents["default"])('div')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n position: relative;\n height: 50px;\n background: #000;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n padding: 0 20px;\n .zoom-in, .zoom-out {\n width: 20px;\n height: 20px;\n position: relative;\n cursor: pointer;\n &:after {\n content: '';\n position: absolute;\n width: 14px;\n height: 2px;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background: #afb2ba;\n }\n }\n .zoom-in {\n &:before {\n content: '';\n position: absolute;\n width: 2px;\n height: 14px;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background: #afb2ba;\n }\n }\n .percent {\n font-size: 14px;\n font-family: SFUIText-Regular;\n color: #fff;\n margin: 0 15px;\n }\n"])));
|
|
46
|
-
var ImageViewer = /*#__PURE__*/function (_Component) {
|
|
47
|
-
_inherits(ImageViewer, _Component);
|
|
48
|
-
var _super = _createSuper(ImageViewer);
|
|
46
|
+
var ImageViewer = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
49
47
|
function ImageViewer(props) {
|
|
50
48
|
var _this;
|
|
51
49
|
_classCallCheck(this, ImageViewer);
|
|
52
|
-
_this =
|
|
50
|
+
_this = _callSuper(this, ImageViewer, [props]);
|
|
53
51
|
_this.state = {
|
|
54
52
|
minWidth: 0,
|
|
55
53
|
minHeight: 0,
|
|
@@ -67,7 +65,8 @@ var ImageViewer = /*#__PURE__*/function (_Component) {
|
|
|
67
65
|
_this.yOffset = 0;
|
|
68
66
|
return _this;
|
|
69
67
|
}
|
|
70
|
-
|
|
68
|
+
_inherits(ImageViewer, _Component);
|
|
69
|
+
return _createClass(ImageViewer, [{
|
|
71
70
|
key: "componentDidMount",
|
|
72
71
|
value: function componentDidMount() {}
|
|
73
72
|
}, {
|
|
@@ -267,8 +266,6 @@ var ImageViewer = /*#__PURE__*/function (_Component) {
|
|
|
267
266
|
}))));
|
|
268
267
|
}
|
|
269
268
|
}]);
|
|
270
|
-
return ImageViewer;
|
|
271
269
|
}(_react.Component);
|
|
272
|
-
exports["default"] = ImageViewer;
|
|
273
270
|
ImageViewer.propTypes = propTypes;
|
|
274
271
|
ImageViewer.displayName = 'ImageViewer';
|