@desynova-digital/player 4.0.1 → 4.0.3

package/index.js

@@ -1,13 +1,210 @@
 "use strict";
 
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "BigPlayButton", {
+  enumerable: true,
+  get: function get() {
+    return _BigPlayButton["default"];
+  }
+});
+Object.defineProperty(exports, "ControlBar", {
+  enumerable: true,
+  get: function get() {
+    return _ControlBar["default"];
+  }
+});
+Object.defineProperty(exports, "CurrentTimeDisplay", {
+  enumerable: true,
+  get: function get() {
+    return _CurrentTimeDisplay["default"];
+  }
+});
+Object.defineProperty(exports, "DurationDisplay", {
+  enumerable: true,
+  get: function get() {
+    return _DurationDisplay["default"];
+  }
+});
+Object.defineProperty(exports, "ForwardControl", {
+  enumerable: true,
+  get: function get() {
+    return _ForwardControl["default"];
+  }
+});
+Object.defineProperty(exports, "FullscreenToggle", {
+  enumerable: true,
+  get: function get() {
+    return _FullscreenToggle["default"];
+  }
+});
+Object.defineProperty(exports, "ImageViewer", {
+  enumerable: true,
+  get: function get() {
+    return _ImageViewer["default"];
+  }
+});
+Object.defineProperty(exports, "LoadProgressBar", {
+  enumerable: true,
+  get: function get() {
+    return _LoadProgressBar["default"];
+  }
+});
+Object.defineProperty(exports, "MarkerBar", {
+  enumerable: true,
+  get: function get() {
+    return _MarkerBar["default"];
+  }
+});
+Object.defineProperty(exports, "MouseTimeDisplay", {
+  enumerable: true,
+  get: function get() {
+    return _MouseTimeDisplay["default"];
+  }
+});
+Object.defineProperty(exports, "PlayProgressBar", {
+  enumerable: true,
+  get: function get() {
+    return _PlayProgressBar["default"];
+  }
+});
+Object.defineProperty(exports, "PlayToggle", {
+  enumerable: true,
+  get: function get() {
+    return _PlayToggle["default"];
+  }
+});
 Object.defineProperty(exports, "Player", {
   enumerable: true,
   get: function get() {
     return _Player["default"];
   }
 });
-var _Player = _interopRequireDefault(require("./Player"));
+Object.defineProperty(exports, "PointersBar", {
+  enumerable: true,
+  get: function get() {
+    return _PointersBar["default"];
+  }
+});
+Object.defineProperty(exports, "PosterImage", {
+  enumerable: true,
+  get: function get() {
+    return _PosterImage["default"];
+  }
+});
+Object.defineProperty(exports, "ProgressControl", {
+  enumerable: true,
+  get: function get() {
+    return _ProgressControl["default"];
+  }
+});
+Object.defineProperty(exports, "ReplayControl", {
+  enumerable: true,
+  get: function get() {
+    return _ReplayControl["default"];
+  }
+});
+Object.defineProperty(exports, "SeekBar", {
+  enumerable: true,
+  get: function get() {
+    return _SeekBar["default"];
+  }
+});
+Object.defineProperty(exports, "SettingsMenuButton", {
+  enumerable: true,
+  get: function get() {
+    return _SettingsMenuButton["default"];
+  }
+});
+Object.defineProperty(exports, "Shortcut", {
+  enumerable: true,
+  get: function get() {
+    return _Shortcut["default"];
+  }
+});
+Object.defineProperty(exports, "Slider", {
+  enumerable: true,
+  get: function get() {
+    return _Slider["default"];
+  }
+});
+Object.defineProperty(exports, "TagsBar", {
+  enumerable: true,
+  get: function get() {
+    return _TagsBar["default"];
+  }
+});
+Object.defineProperty(exports, "TimeDivider", {
+  enumerable: true,
+  get: function get() {
+    return _TimeDivider["default"];
+  }
+});
+Object.defineProperty(exports, "Video", {
+  enumerable: true,
+  get: function get() {
+    return _Video["default"];
+  }
+});
+Object.defineProperty(exports, "VolumeMenuButton", {
+  enumerable: true,
+  get: function get() {
+    return _VolumeMenuButton["default"];
+  }
+});
+Object.defineProperty(exports, "ZoomMenuButton", {
+  enumerable: true,
+  get: function get() {
+    return _ZoomMenuButton["default"];
+  }
+});
+Object.defineProperty(exports, "operationReducer", {
+  enumerable: true,
+  get: function get() {
+    return _reducers.operationReducer;
+  }
+});
+exports.playerActions = void 0;
+Object.defineProperty(exports, "playerReducer", {
+  enumerable: true,
+  get: function get() {
+    return _reducers.playerReducer;
+  }
+});
+exports.videoActions = void 0;
+var _Player = _interopRequireDefault(require("./components/Player"));
+var _Video = _interopRequireDefault(require("./components/Video"));
+var _ImageViewer = _interopRequireDefault(require("./components/ImageViewer"));
+var _BigPlayButton = _interopRequireDefault(require("./components/BigPlayButton"));
+var _MarkerBar = _interopRequireDefault(require("./components/MarkerBar"));
+var _TagsBar = _interopRequireDefault(require("./components/TagsBar"));
+var _PointersBar = _interopRequireDefault(require("./components/PointersBar"));
+var _PosterImage = _interopRequireDefault(require("./components/PosterImage"));
+var _Slider = _interopRequireDefault(require("./components/Slider"));
+var _Shortcut = _interopRequireDefault(require("./components/Shortcut"));
+var _ControlBar = _interopRequireDefault(require("./components/control-bar/ControlBar"));
+var _PlayToggle = _interopRequireDefault(require("./components/control-bar/PlayToggle"));
+var _ForwardControl = _interopRequireDefault(require("./components/control-bar/ForwardControl"));
+var _ReplayControl = _interopRequireDefault(require("./components/control-bar/ReplayControl"));
+var _FullscreenToggle = _interopRequireDefault(require("./components/control-bar/FullscreenToggle"));
+var _ProgressControl = _interopRequireDefault(require("./components/progress-bar/ProgressControl"));
+var _SeekBar = _interopRequireDefault(require("./components/progress-bar/SeekBar"));
+var _PlayProgressBar = _interopRequireDefault(require("./components/progress-bar/PlayProgressBar"));
+var _LoadProgressBar = _interopRequireDefault(require("./components/progress-bar/LoadProgressBar"));
+var _MouseTimeDisplay = _interopRequireDefault(require("./components/progress-bar/MouseTimeDisplay"));
+var _SettingsMenuButton = _interopRequireDefault(require("./components/control-bar/SettingsMenuButton"));
+var _VolumeMenuButton = _interopRequireDefault(require("./components/control-bar/VolumeMenuButton"));
+var _ZoomMenuButton = _interopRequireDefault(require("./components/control-bar/ZoomMenuButton"));
+var _CurrentTimeDisplay = _interopRequireDefault(require("./components/time-controls/CurrentTimeDisplay"));
+var _DurationDisplay = _interopRequireDefault(require("./components/time-controls/DurationDisplay"));
+var _TimeDivider = _interopRequireDefault(require("./components/time-controls/TimeDivider"));
+var playerActions = _interopRequireWildcard(require("./actions/player"));
+exports.playerActions = playerActions;
+var videoActions = _interopRequireWildcard(require("./actions/video"));
+exports.videoActions = videoActions;
+var _reducers = require("./reducers");
+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); }
+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; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@desynova-digital/player",
-  "version": "4.0.1",
+  "version": "4.0.3",
   "description": "Video Player Package for Contido Application",
   "main": "index.js",
   "scripts": {
@@ -27,14 +27,10 @@
     "@babel/core": "^7.21.3",
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-react": "^7.18.6",
-    "babel-cli": "^6.26.0",
-    "babel-core": "^6.26.3",
     "babel-eslint": "^10.1.0",
     "babel-loader": "7.1.5",
     "babel-plugin-transform-object-rest-spread": "^6.26.0",
-    "babel-preset-env": "^1.7.0",
     "babel-preset-es2015": "^6.24.1",
-    "babel-preset-react": "^6.24.1",
     "babel-runtime": "^6.26.0",
     "eslint": "^5.16.0",
     "eslint-config-airbnb": "^17.1.1",
@@ -57,9 +53,10 @@
     "webpack-dev-server": "^3.11.0"
   },
   "dependencies": {
-    "@desynova-digital/components": "^8.16.0",
-    "@desynova-digital/tokens": "^8.16.0",
-    "hls.js": "^0.11.0",
+    "@desynova-digital/components": "^9.0.2",
+    "@desynova-digital/tokens": "^9.0.2",
+    "hls.js": "1.4.12",
+    "babel-core": "7.0.0-bridge.0",
     "latest-version": "^4.0.0",
     "prettycli": "^1.4.3",
     "prop-types": "^15.7.2",

package/reducers/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = _default;
+exports.playerReducer = exports.operationReducer = void 0;
+var _player = require("./player");
+var _operation = require("./operation");
+function _default() {
+  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var action = arguments.length > 1 ? arguments[1] : undefined;
+  return {
+    player: (0, _player.player)(state.player, action),
+    operation: (0, _operation.operation)(state.operation, action)
+  };
+}
+var playerReducer = exports.playerReducer = _player.player;
+var operationReducer = exports.operationReducer = _operation.operation;

package/reducers/operation.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+exports.operation = operation;
+var _player = require("../actions/player");
+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); }
+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; }
+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; }
+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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+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); }
+var initialState = {
+  count: 0,
+  operation: {
+    action: '',
+    source: ''
+  }
+};
+function operation() {
+  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
+  var action = arguments.length > 1 ? arguments[1] : undefined;
+  switch (action.type) {
+    case _player.OPERATE:
+      return _objectSpread(_objectSpread({}, state), {}, {
+        count: state.count + 1,
+        operation: _objectSpread(_objectSpread({}, state.operation), action.operation)
+      });
+    default:
+      return state;
+  }
+}
+var _default = exports["default"] = operation;

package/reducers/player.js

@@ -0,0 +1,222 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+exports.player = player;
+var _video = require("../actions/video");
+var _player = require("../actions/player");
+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); }
+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; }
+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; }
+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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+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); }
+var initialState = {
+  currentSrc: null,
+  duration: 0,
+  currentTime: 0,
+  seekingTime: 0,
+  leftMarker: -1,
+  rightMarker: -1,
+  selectedMarker: {},
+  markerType: 'create',
+  SDBorderActive: true,
+  buffered: null,
+  waiting: false,
+  seeking: false,
+  paused: true,
+  autoPaused: false,
+  ended: false,
+  playbackRate: 1,
+  muted: false,
+  volume: 1,
+  zoom: 0,
+  readyState: 0,
+  networkState: 0,
+  videoWidth: 0,
+  videoHeight: 0,
+  hasStarted: false,
+  userActivity: true,
+  isActive: false,
+  isFullscreen: false,
+  playerType: 'default',
+  controlType: 'default',
+  previewActive: false,
+  audioTracksArr: [],
+  activeAudio: {},
+  markerCreate: false,
+  rewindActive: false,
+  HLSConfig: {
+    debug: true,
+    capLevelToPlayerSize: false,
+    maxBufferLength: 30,
+    maxMaxBufferLength: 600,
+    maxBufferSize: 60,
+    enableWebVTT: false,
+    enableCEA708Captions: false,
+    enableWorker: true,
+    // Enable the worker for better performance
+    enableStashBuffer: true // Enable stash buffer for adaptive bitrate streaming
+  }
+};
+function player() {
+  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
+  var action = arguments.length > 1 ? arguments[1] : undefined;
+  switch (action.type) {
+    case _player.USER_ACTIVATE:
+      return _objectSpread(_objectSpread({}, state), {}, {
+        userActivity: action.activity
+      });
+    case _player.PLAYER_ACTIVATE:
+      return _objectSpread(_objectSpread({}, state), {}, {
+        isActive: action.activity
+      });
+    case _player.FULLSCREEN_CHANGE:
+      return _objectSpread(_objectSpread({}, state), {}, {
+        isFullscreen: !!action.isFullscreen
+      });
+    case _player.PREVIEW_VIDEO:
+      return _objectSpread(_objectSpread({}, state), {}, {
+        previewActive: action.active
+      });
+    case _player.REWIND_VIDEO:
+      return _objectSpread(_objectSpread({}, state), {}, {
+        rewindActive: action.active
+      });
+    case _video.SEEKING_TIME:
+      return _objectSpread(_objectSpread({}, state), {}, {
+        seekingTime: action.time
+      });
+    case _video.END_SEEKING:
+      return _objectSpread(_objectSpread({}, state), {}, {
+        seekingTime: 0
+      });
+    case _video.LOAD_START:
+      return _objectSpread(_objectSpread(_objectSpread({}, state), action.videoProps), {}, {
+        hasStarted: false,
+        ended: false
+      });
+    case _video.CAN_PLAY:
+      return _objectSpread(_objectSpread(_objectSpread({}, state), action.videoProps), {}, {
+        waiting: false
+      });
+    case _video.WAITING:
+      return _objectSpread(_objectSpread(_objectSpread({}, state), action.videoProps), {}, {
+        waiting: true
+      });
+    case _video.CAN_PLAY_THROUGH:
+    case _video.PLAYING:
+      return _objectSpread(_objectSpread(_objectSpread({}, state), action.videoProps), {}, {
+        waiting: false
+      });
+    case _video.PLAY:
+      return _objectSpread(_objectSpread(_objectSpread({}, state), action.videoProps), {}, {
+        ended: false,
+        paused: false,
+        autoPaused: false,
+        waiting: false,
+        hasStarted: true
+      });
+    case _video.PAUSE:
+      return _objectSpread(_objectSpread(_objectSpread({}, state), action.videoProps), {}, {
+        paused: true
+      });
+    case _video.END:
+      return _objectSpread(_objectSpread(_objectSpread({}, state), action.videoProps), {}, {
+        ended: true
+      });
+    case _video.SEEKING:
+      return _objectSpread(_objectSpread(_objectSpread({}, state), action.videoProps), {}, {
+        seeking: true
+      });
+    case _video.SEEKED:
+      return _objectSpread(_objectSpread(_objectSpread({}, state), action.videoProps), {}, {
+        seeking: false
+      });
+    case _video.ERROR:
+      return _objectSpread(_objectSpread(_objectSpread({}, state), action.videoProps), {}, {
+        error: 'UNKNOWN ERROR',
+        ended: true
+      });
+    case _player.PLAYER_TYPE:
+      return _objectSpread(_objectSpread({}, state), {}, {
+        playerType: action.playerType
+      });
+    case _player.AUDIO_TRACKS:
+      return _objectSpread(_objectSpread({}, state), {}, {
+        audioTracksArr: action.tracks
+      });
+    case _player.ACTIVE_AUDIO_TRACK:
+      return _objectSpread(_objectSpread({}, state), {}, {
+        activeAudio: action.track
+      });
+    case _player.ZOOM_CHANGE:
+      return _objectSpread(_objectSpread({}, state), {}, {
+        zoom: action.z
+      });
+    case _player.MARKER_CREATE:
+      {
+        var markerState = _objectSpread({}, state);
+        markerState.markerCreate = action.markerCreate;
+        return markerState;
+      }
+    case _player.MARKER_POINT_CHANGE:
+      {
+        var _markerState = _objectSpread({}, state);
+        if (action.leftMarker && action.rightMarker) {
+          _markerState.leftMarker = action.leftMarker;
+          _markerState.rightMarker = action.rightMarker;
+        } else if (action.leftMarker > -1 && !action.rightMarker) {
+          _markerState.leftMarker = action.leftMarker;
+        } else if (!action.leftMarker && action.rightMarker > -1) {
+          _markerState.rightMarker = action.rightMarker;
+        }
+        _markerState.markerType = action.markerType || 'create';
+        _markerState.markerCreate = state.leftMarker > -1 && state.rightMarker > -1 && !state.markerCreate ? false : action.markerCreate;
+        _markerState.selectedMarker = _markerState.markerType === 'update' ? action.selectedMarker || state.selectedMarker : action.selectedMarker || {};
+        return _markerState;
+      }
+    case _player.MARKER_UPDATE:
+      {
+        var _markerState2 = _objectSpread({}, state);
+        _markerState2.leftMarker = action.leftMarker;
+        _markerState2.rightMarker = action.rightMarker;
+        _markerState2.markerType = 'update';
+        _markerState2.selectedMarker = action.selectedMarker;
+        return _markerState2;
+      }
+    case _player.CONTROL_TYPE:
+      return _objectSpread(_objectSpread({}, state), {}, {
+        controlType: action.controlType
+      });
+    case _player.SD_BORDER_SWITCH:
+      return _objectSpread(_objectSpread({}, state), {}, {
+        SDBorderActive: action.SDBorderActive
+      });
+    case _video.DURATION_CHANGE:
+    case _video.TIME_UPDATE:
+    case _video.VOLUME_CHANGE:
+    case _video.PROGRESS_CHANGE:
+    case _video.RATE_CHANGE:
+    case _video.SUSPEND:
+    case _video.ABORT:
+    case _video.EMPTIED:
+    case _video.STALLED:
+    case _video.LOADED_META_DATA:
+    case _video.LOADED_DATA:
+    case _video.RESIZE:
+      {
+        var newState = _objectSpread(_objectSpread({}, state), action.videoProps);
+        if (action.videoProps.paused === false) {
+          newState.hasStarted = true;
+          newState.waiting = false;
+        }
+        return newState;
+      }
+    default:
+      return state;
+  }
+}
+var _default = exports["default"] = player;

package/utils/browser.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IS_IPOD = exports.IS_IPHONE = exports.IS_IPAD = exports.IS_IOS = void 0;
+var USER_AGENT = typeof window !== 'undefined' && window.navigator ? window.navigator.userAgent : '';
+/*
+ * const webkitVersionMap = (/AppleWebKit\/([\d.]+)/i).exec(USER_AGENT);
+ * const appleWebkitVersion = webkitVersionMap ?
+ * parseFloat(webkitVersionMap.pop()) : null;
+ */
+
+/*
+ * Device is an iPhone
+ *
+ * @type {Boolean}
+ * @constant
+ * @private
+ */
+var IS_IPAD = exports.IS_IPAD = /iPad/i.test(USER_AGENT);
+
+/*
+ * The Facebook app's UIWebView identifies as both an iPhone and iPad, so
+ * to identify iPhones, we need to exclude iPads.
+ * http://artsy.github.io/blog/2012/10/18/the-perils-of-ios-user-agent-sniffing/
+ */
+var IS_IPHONE = exports.IS_IPHONE = /iPhone/i.test(USER_AGENT) && !IS_IPAD;
+var IS_IPOD = exports.IS_IPOD = /iPod/i.test(USER_AGENT);
+var IS_IOS = exports.IS_IOS = IS_IPHONE || IS_IPAD || IS_IPOD;

package/utils/dom.js

@@ -29,8 +29,7 @@ function findElPosition(el) {
     };
   }
   var docEl = document.documentElement;
-  var _document = document,
-    body = _document.body;
+  var body = document.body;
   var clientLeft = docEl.clientLeft || body.clientLeft || 0;
   var scrollLeft = window.pageXOffset || body.scrollLeft;
   var left = box.left + scrollLeft - clientLeft;

package/utils/fullscreen.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+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); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+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); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+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); }
+var Fullscreen = /*#__PURE__*/function () {
+  function Fullscreen() {
+    _classCallCheck(this, Fullscreen);
+  }
+  _createClass(Fullscreen, [{
+    key: "request",
+    value: function request(elm) {
+      if (elm.requestFullscreen) {
+        elm.requestFullscreen();
+      } else if (elm.webkitRequestFullscreen) {
+        elm.webkitRequestFullscreen();
+      } else if (elm.mozRequestFullScreen) {
+        elm.mozRequestFullScreen();
+      } else if (elm.msRequestFullscreen) {
+        elm.msRequestFullscreen();
+      }
+    }
+  }, {
+    key: "exit",
+    value: function exit() {
+      if (document.exitFullscreen) {
+        document.exitFullscreen();
+      } else if (document.webkitExitFullscreen) {
+        document.webkitExitFullscreen();
+      } else if (document.mozCancelFullScreen) {
+        document.mozCancelFullScreen();
+      } else if (document.msExitFullscreen) {
+        document.msExitFullscreen();
+      }
+    }
+  }, {
+    key: "isFullscreen",
+    get: function get() {
+      return document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement;
+    }
+  }, {
+    key: "enabled",
+    get: function get() {
+      return document.fullscreenEnabled || document.webkitFullscreenEnabled || document.mozFullScreenEnabled || document.msFullscreenEnabled;
+    }
+  }, {
+    key: "addEventListener",
+    value: function addEventListener(handler) {
+      document.addEventListener('fullscreenchange', handler);
+      document.addEventListener('webkitfullscreenchange', handler);
+      document.addEventListener('mozfullscreenchange', handler);
+      document.addEventListener('MSFullscreenChange', handler);
+    }
+  }, {
+    key: "removeEventListener",
+    value: function removeEventListener(handler) {
+      document.removeEventListener('fullscreenchange', handler);
+      document.removeEventListener('webkitfullscreenchange', handler);
+      document.removeEventListener('mozfullscreenchange', handler);
+      document.removeEventListener('MSFullscreenChange', handler);
+    }
+  }]);
+  return Fullscreen;
+}();
+var _default = exports["default"] = new Fullscreen();