cloudinary-video-player 1.8.0 → 1.8.1-edge.0

package/CHANGELOG.md

@@ -1,58 +1,133 @@
-1.8.0 / 2022-01-31
+1.8.1-edge.0 / 2022-02-08
 ==================
 
-Changes:
-----------
-Update Dash.js to version 4.2.1
-Update Videojs to 7.17.0
+-
+
+1.7.1-edge.3 / 2022-01-19
+==================
 
 Fixes
--------
+---------
 Fix: Ad is frozen when using floatingWhenNotVisible
+
+1.7.1-edge.2 / 2022-01-17
+==================
+
+Fixes
+---------
 Fix: Replace context-menu plugin
-Fix: Set playsinline as default for ios devices
+Fix: Set playsinline as default for ios devices 
+
+1.7.1-edge.1 / 2022-01-11
+==================
+
+Changes
+------------
+Update Dash.js to version 4.2.1
+
+1.7.1-edge.0 / 2022-01-11
+==================
+
+Changes:
+-----------
+Update Videojs to 7.17.0
+
+Fixes:
+--------
 Fix: Icons in playlist mode were missing
-Fix: The hotspot is out of the frame in shoppable video
+Fix: The hotspot is out of the frame  in shoppable video
 Fix: change hls to vhs in documentation code
 
+1.7.0-edge.5 / 2021-12-21
+==================
+
+Fixes
+-------
+Fix: Dash seek may pass invalid currentTime value - take 2
 
-1.7.0 / 2022-01-03
+1.7.0-edge.4 / 2021-12-21
 ==================
 
 Fixes
------------
-Fix: Fire error event if has any HLS mediaRequestsErrored
-Fix: Escape video tag id
-Fix: support error code 3 on Safari
+----------
 Fix: Dash seek may pass invalid currentTime value.
 
-1.5.9 / 2021-11-02
+1.7.0-edge.3 / 2021-12-20
 ==================
 
-Fixes:
+Fixes
+-------------
+ Fix:  support error code 3 on Safari 
+
+1.7.0-edge.1 / 2021-11-24
+==================
+
+Fixes
 --------
+Fix: Fire error event if has any HLS mediaRequestsErrored
+
+1.7.0-edge.0 / 2021-11-15
+==================
+
+Fixes:
+-----
+Fix some documentation mistakes
+
+1.6.4-edge.2 / 2021-10-27
+==================
+
+Fixes
+---------
 Fix: Be able to go back if zoom into a video with an error.
-Fix: ie11 support fix
 
-Changes:
-----------
+1.6.4-edge.1 / 2021-10-21
+==================
+
+Changes
+-----------
 Rename player interactionAreas config property to interactionDisplay
 
-1.5.8 / 2021-10-20
+1.6.4-edge.0 / 2021-10-21
+==================
+
+Changes
+----------
+- Rename player interactionAreas config property to interactionDesign 
+
+1.6.3-edge.4 / 2021-10-20
+==================
+
+Fixes
+-------
+change webpack build for ie11 support
+
+1.6.3-edge.3 / 2021-10-20
+==================
+
+Fixes
+--------
+- Hide bigPlayButton and when using interaction-areas
+
+1.6.3-edge.2 / 2021-10-14
 ==================
 
 Fixes
-------- 
-- fix : Webpack build support  ie11
-- fix : Mark VideoJs font-family as !important
-- fix : Hide bigPlayButton when using interaction-areas
+-----
+Mark VideoJs font-family as !important
 
-1.5.7 / 2021-09-30
+1.6.3-edge.1 / 2021-10-06
 ==================
 
 Fixes
-------- 
-Validators only display console warring, do not mark player as invalid
+--------
+Undo 1.6.3-edge.0 changes
+
+1.6.3-edge.0 / 2021-10-06
+==================
+
+Fixes:
+-------
+Should not autoplay after interactions area layout removed if config as autoplay false
 
 1.6.2-edge.13 / 2021-09-26
 ==================

package/dist/cld-video-player.js

@@ -1604,7 +1604,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.CONSTRUCTOR_PARAMS = void 0;\nexports.default = _default;\n\nvar _cloudinaryCore = _interopRequireDefault(__webpack_require__(/*! cloudinary-core */ \"cloudinary-core\"));\n\nvar _video = _interopRequireDefault(__webpack_require__(/*! video.js */ \"../node_modules/video.js/dist/video.es.js-exposed\"));\n\nvar _mixin2 = __webpack_require__(/*! utils/mixin */ \"./utils/mixin.js\");\n\nvar _applyWithProps = __webpack_require__(/*! utils/apply-with-props */ \"./utils/apply-with-props.js\");\n\nvar _slicing = __webpack_require__(/*! utils/slicing */ \"./utils/slicing.js\");\n\nvar _cloudinary = __webpack_require__(/*! utils/cloudinary */ \"./utils/cloudinary.js\");\n\nvar _assign = __webpack_require__(/*! utils/assign */ \"./utils/assign.js\");\n\nvar _common = __webpack_require__(/*! ./common */ \"./plugins/cloudinary/common.js\");\n\nvar _playlistable = _interopRequireDefault(__webpack_require__(/*! mixins/playlistable */ \"./mixins/playlistable.js\"));\n\nvar _videoSource = _interopRequireDefault(__webpack_require__(/*! ./models/video-source/video-source */ \"./plugins/cloudinary/models/video-source/video-source.js\"));\n\nvar _eventHandlerRegistry = _interopRequireDefault(__webpack_require__(/*! ./event-handler-registry */ \"./plugins/cloudinary/event-handler-registry.js\"));\n\nvar _audioSource = _interopRequireDefault(__webpack_require__(/*! ./models/audio-source/audio-source */ \"./plugins/cloudinary/models/audio-source/audio-source.js\"));\n\nvar _typeInference = __webpack_require__(/*! ../../utils/type-inference */ \"./utils/type-inference.js\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\n\nfunction _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); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _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); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nvar DEFAULT_PARAMS = {\n  transformation: {},\n  sourceTypes: [],\n  sourceTransformation: [],\n  posterOptions: {}\n};\nvar CONSTRUCTOR_PARAMS = ['cloudinaryConfig', 'transformation', 'sourceTypes', 'sourceTransformation', 'posterOptions', 'autoShowRecommendations'];\nexports.CONSTRUCTOR_PARAMS = CONSTRUCTOR_PARAMS;\n\nvar CloudinaryContext = /*#__PURE__*/function (_mixin) {\n  _inherits(CloudinaryContext, _mixin);\n\n  var _super = _createSuper(CloudinaryContext);\n\n  function CloudinaryContext(player) {\n    var _this;\n\n    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n    _classCallCheck(this, CloudinaryContext);\n\n    _this = _super.call(this, player, options);\n    _this.player = player;\n    options = (0, _assign.assign)({}, DEFAULT_PARAMS, options);\n    var _source = null;\n    var _sources = null;\n    var _lastSource = null;\n    var _lastPlaylist = null;\n    var _posterOptions = null;\n    var _cloudinaryConfig = null;\n    var _transformation = null;\n    var _sourceTypes = null;\n    var _sourceTransformation = null;\n    var _chainTarget = options.chainTarget;\n    var _playerEvents = null;\n    var _recommendations = null;\n    var _autoShowRecommendations = false;\n\n    _this.source = function (source) {\n      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n      options = (0, _assign.assign)({}, options);\n\n      if (!source) {\n        return _source;\n      }\n\n      var src = null;\n\n      if (source instanceof _videoSource.default) {\n        src = source;\n      } else {\n        var _normalizeOptions = (0, _common.normalizeOptions)(source, options),\n            publicId = _normalizeOptions.publicId,\n            _options = _normalizeOptions.options;\n\n        src = _this.buildSource(publicId, _options);\n      }\n\n      if (src.recommendations()) {\n        var recommendations = src.recommendations();\n        var itemBuilder = null;\n        var disableAutoShow = false;\n\n        if (options.recommendationOptions) {\n          var _sliceAndUnsetPropert = (0, _slicing.sliceAndUnsetProperties)(options.recommendationOptions, 'disableAutoShow', 'itemBuilder');\n\n          disableAutoShow = _sliceAndUnsetPropert.disableAutoShow;\n          itemBuilder = _sliceAndUnsetPropert.itemBuilder;\n        }\n\n        setRecommendations(recommendations, {\n          disableAutoShow: disableAutoShow,\n          itemBuilder: itemBuilder\n        });\n      } else {\n        unsetRecommendations();\n      }\n\n      _source = src;\n\n      if (!options.skipRefresh) {\n        refresh();\n      }\n\n      _this.player.trigger('cldsourcechanged', {\n        source: src\n      });\n\n      return _chainTarget;\n    };\n\n    _this.buildSource = function (publicId) {\n      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n      var builtSrc = null;\n\n      var _normalizeOptions2 = (0, _common.normalizeOptions)(publicId, options);\n\n      publicId = _normalizeOptions2.publicId;\n      options = _normalizeOptions2.options;\n      options.cloudinaryConfig = (0, _common.mergeCloudinaryConfig)(_this.cloudinaryConfig(), options.cloudinaryConfig || {});\n      options.transformation = (0, _common.mergeTransformation)(_this.transformation(), options.transformation || {});\n      options.sourceTransformation = options.sourceTransformation || _this.sourceTransformation();\n      options.sourceTypes = options.sourceTypes || _this.sourceTypes();\n      options.poster = options.poster || posterOptionsForCurrent();\n      options.queryParams = options.usageReport ? {\n        _s: \"vp-\".concat(\"1.8.0\")\n      } : {};\n\n      if (options.sourceTypes.indexOf('audio') > -1) {\n        builtSrc = new _audioSource.default(publicId, options);\n      } else {\n        builtSrc = new _videoSource.default(publicId, options);\n      }\n\n      return builtSrc;\n    };\n\n    _this.posterOptions = function (options) {\n      if (!options) {\n        return _posterOptions;\n      }\n\n      _posterOptions = options;\n      return _chainTarget;\n    };\n\n    _this.cloudinaryConfig = function (config) {\n      if (!config) {\n        return _cloudinaryConfig;\n      }\n\n      _cloudinaryConfig = (0, _cloudinary.getCloudinaryInstanceOf)(_cloudinaryCore.default.Cloudinary, config);\n      return _chainTarget;\n    };\n\n    _this.transformation = function (trans) {\n      if (!trans) {\n        return _transformation;\n      }\n\n      _transformation = (0, _cloudinary.getCloudinaryInstanceOf)(_cloudinaryCore.default.Transformation, trans);\n      return _chainTarget;\n    };\n\n    _this.sourceTypes = function (types) {\n      if (!types) {\n        return _sourceTypes;\n      }\n\n      _sourceTypes = types;\n      return _chainTarget;\n    };\n\n    _this.getCurrentSources = function () {\n      return _sources;\n    };\n\n    _this.sourceTransformation = function (trans) {\n      if (!trans) {\n        return _sourceTransformation;\n      }\n\n      _sourceTransformation = trans;\n      return _chainTarget;\n    };\n\n    _this.on = function () {\n      var _playerEvents2;\n\n      return (_playerEvents2 = _playerEvents).on.apply(_playerEvents2, arguments);\n    };\n\n    _this.one = function () {\n      var _playerEvents3;\n\n      return (_playerEvents3 = _playerEvents).one.apply(_playerEvents3, arguments);\n    };\n\n    _this.off = function () {\n      var _playerEvents4;\n\n      return (_playerEvents4 = _playerEvents).off.apply(_playerEvents4, arguments);\n    };\n\n    _this.autoShowRecommendations = function (autoShow) {\n      if (autoShow === undefined) {\n        return _autoShowRecommendations;\n      }\n\n      _autoShowRecommendations = autoShow;\n      return _chainTarget;\n    };\n\n    _this.dispose = function () {\n      if (_this.playlist()) {\n        _this.disposePlaylist();\n      }\n\n      unsetRecommendations();\n      _source = undefined;\n\n      _playerEvents.removeAllListeners();\n    };\n\n    var setRecommendations = function setRecommendations(recommendations, _ref) {\n      var _ref$disableAutoShow = _ref.disableAutoShow,\n          disableAutoShow = _ref$disableAutoShow === void 0 ? false : _ref$disableAutoShow,\n          _ref$itemBuilder = _ref.itemBuilder,\n          itemBuilder = _ref$itemBuilder === void 0 ? null : _ref$itemBuilder;\n      unsetRecommendations();\n\n      if (!Array.isArray(recommendations) && typeof recommendations !== 'function' && !recommendations.then) {\n        throw new Error('\"recommendations\" must be either an array or a function');\n      }\n\n      _recommendations = {};\n\n      itemBuilder = itemBuilder || function (source) {\n        return {\n          source: source instanceof _videoSource.default ? source : _this.buildSource(source),\n          action: function action() {\n            return _this.source(source);\n          }\n        };\n      };\n\n      _recommendations.sourceChangedHandler = function () {\n        var trigger = function trigger(sources) {\n          if (typeof sources !== 'undefined' && sources.length > 0) {\n            var items = sources.map(function (_source) {\n              return itemBuilder(_source);\n            });\n\n            _this.player.trigger('recommendationschanged', {\n              items: items\n            });\n          } else {\n            _this.player.trigger('recommendationsnoshow');\n          }\n\n          _recommendations.sources = sources;\n        };\n\n        if ((0, _typeInference.isFunction)(recommendations)) {\n          trigger(recommendations());\n        } else if (recommendations.then) {\n          recommendations.then(trigger);\n        } else {\n          trigger(recommendations);\n        }\n      };\n\n      _this.one('cldsourcechanged', _recommendations.sourceChangedHandler);\n\n      _recommendations.endedHandler = function () {\n        if (!disableAutoShow && _this.autoShowRecommendations()) {\n          _this.player.trigger('recommendationsshow');\n        }\n      };\n\n      _this.on('ended', _recommendations.endedHandler);\n    };\n\n    var unsetRecommendations = function unsetRecommendations() {\n      if (_recommendations) {\n        _this.off('cldsourcechanged', _recommendations.sourceChangedHandler);\n\n        _this.off('ended', _recommendations.endedHandler);\n\n        delete _recommendations.endedHandler;\n        delete _recommendations.sourceChangedHandler;\n      }\n\n      _recommendations = null;\n    };\n\n    var refresh = function refresh() {\n      var src = _this.source();\n\n      if (src.poster()) {\n        _this.player.poster(src.poster().url());\n      }\n\n      _sources = src.generateSources().reduce(function (srcs, src) {\n        if (src.isAdaptive) {\n          var codec = src.type.split('; ')[1] || null;\n\n          if (codec && 'MediaSource' in window) {\n            var parts = src.type.split('; ');\n            var typeStr = \"video/mp4; \".concat(parts[1] || '');\n            var canPlay = testCanPlayTypeAndTypeSupported(typeStr);\n\n            if (_video.default.browser.IS_ANY_SAFARI) {\n              // work around safari saying it cant play h265\n              src.type = \"\".concat(parts[0], \"; \").concat((0, _common.codecShorthandTrans)('h264'));\n            }\n\n            if (canPlay) {\n              srcs.push(src);\n            }\n          } else {\n            srcs.push(src);\n          }\n        } else {\n          srcs.push(src);\n        }\n\n        return srcs;\n      }, []);\n\n      _this.player.src(_sources);\n\n      _lastSource = src;\n      _lastPlaylist = _this.playlist();\n    };\n\n    var testCanPlayTypeAndTypeSupported = function testCanPlayTypeAndTypeSupported(codec) {\n      var v = document.createElement('video');\n      return v.canPlayType(codec) || 'MediaSource' in window && MediaSource.isTypeSupported(codec);\n    };\n\n    var posterOptionsForCurrent = function posterOptionsForCurrent() {\n      var opts = (0, _assign.assign)({}, _this.posterOptions());\n\n      if (opts.transformation) {\n        if ((opts.transformation.width || opts.transformation.height) && !opts.transformation.crop) {\n          opts.transformation.crop = 'scale';\n        }\n      }\n\n      opts.transformation = (0, _cloudinary.getCloudinaryInstanceOf)(_cloudinaryCore.default.Transformation, opts.transformation || {}); // Set poster dimensions to player actual size.\n      // (unless they were explicitly set via `posterOptions`)\n\n      var playerEl = _this.player.el();\n\n      if (playerEl && playerEl.clientWidth && playerEl.clientHeight && !(0, _cloudinary.isKeyInTransformation)(opts.transformation, 'width') && !(0, _cloudinary.isKeyInTransformation)(opts.transformation, 'height')) {\n        var roundUp100 = function roundUp100(val) {\n          return 100 * Math.ceil(val / 100);\n        };\n\n        opts.transformation.width(roundUp100(playerEl.clientWidth)).height(roundUp100(playerEl.clientHeight)).crop('limit');\n      }\n\n      return opts;\n    }; // Handle external (non-cloudinary plugin) source changes (e.g. by ad plugins)\n\n\n    var syncState = function syncState(_, data) {\n      var src = data.to; // When source is cloudinary's\n\n      if (_lastSource && _lastSource.contains(src)) {\n        // If plugin state doesn't have an active VideoSource\n        if (!_this.source()) {\n          // We might have been running a playlist, reset playlist's state.\n          if (_lastPlaylist) {\n            _this.playlist(_lastPlaylist);\n          } // Rebuild last source state without calling vjs's 'src' and 'poster'\n\n\n          _this.source(_lastSource, {\n            skipRefresh: true\n          });\n        }\n      } else {\n        // Used by cloudinary-only components\n        _this.player.trigger('cldsourcechanged', {}); // When source isn't cloudinary's - reset the plugin's state.\n\n\n        _this.dispose();\n      }\n    };\n\n    _playerEvents = new _eventHandlerRegistry.default(_this.player);\n\n    var constructorParams = _slicing.sliceAndUnsetProperties.apply(void 0, [options].concat(CONSTRUCTOR_PARAMS));\n\n    (0, _applyWithProps.applyWithProps)(_assertThisInitialized(_this), constructorParams);\n\n    _this.on('sourcechanged', syncState);\n\n    return _this;\n  }\n\n  _createClass(CloudinaryContext, [{\n    key: \"currentSourceType\",\n    value: function currentSourceType() {\n      return this.source().getType();\n    }\n  }, {\n    key: \"currentPublicId\",\n    value: function currentPublicId() {\n      return this.source() && this.source().publicId();\n    }\n  }, {\n    key: \"currentPoster\",\n    value: function currentPoster() {\n      return this.source() && this.source().poster();\n    }\n  }]);\n\n  return CloudinaryContext;\n}((0, _mixin2.mixin)(_playlistable.default));\n\nfunction _default() {\n  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  options.chainTarget = options.chainTarget || this;\n  this.cloudinary = new CloudinaryContext(this, options);\n}\n\n//# sourceURL=webpack://cloudinaryVideoPlayer/./plugins/cloudinary/index.js?");
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.CONSTRUCTOR_PARAMS = void 0;\nexports.default = _default;\n\nvar _cloudinaryCore = _interopRequireDefault(__webpack_require__(/*! cloudinary-core */ \"cloudinary-core\"));\n\nvar _video = _interopRequireDefault(__webpack_require__(/*! video.js */ \"../node_modules/video.js/dist/video.es.js-exposed\"));\n\nvar _mixin2 = __webpack_require__(/*! utils/mixin */ \"./utils/mixin.js\");\n\nvar _applyWithProps = __webpack_require__(/*! utils/apply-with-props */ \"./utils/apply-with-props.js\");\n\nvar _slicing = __webpack_require__(/*! utils/slicing */ \"./utils/slicing.js\");\n\nvar _cloudinary = __webpack_require__(/*! utils/cloudinary */ \"./utils/cloudinary.js\");\n\nvar _assign = __webpack_require__(/*! utils/assign */ \"./utils/assign.js\");\n\nvar _common = __webpack_require__(/*! ./common */ \"./plugins/cloudinary/common.js\");\n\nvar _playlistable = _interopRequireDefault(__webpack_require__(/*! mixins/playlistable */ \"./mixins/playlistable.js\"));\n\nvar _videoSource = _interopRequireDefault(__webpack_require__(/*! ./models/video-source/video-source */ \"./plugins/cloudinary/models/video-source/video-source.js\"));\n\nvar _eventHandlerRegistry = _interopRequireDefault(__webpack_require__(/*! ./event-handler-registry */ \"./plugins/cloudinary/event-handler-registry.js\"));\n\nvar _audioSource = _interopRequireDefault(__webpack_require__(/*! ./models/audio-source/audio-source */ \"./plugins/cloudinary/models/audio-source/audio-source.js\"));\n\nvar _typeInference = __webpack_require__(/*! ../../utils/type-inference */ \"./utils/type-inference.js\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\n\nfunction _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); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _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); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nvar DEFAULT_PARAMS = {\n  transformation: {},\n  sourceTypes: [],\n  sourceTransformation: [],\n  posterOptions: {}\n};\nvar CONSTRUCTOR_PARAMS = ['cloudinaryConfig', 'transformation', 'sourceTypes', 'sourceTransformation', 'posterOptions', 'autoShowRecommendations'];\nexports.CONSTRUCTOR_PARAMS = CONSTRUCTOR_PARAMS;\n\nvar CloudinaryContext = /*#__PURE__*/function (_mixin) {\n  _inherits(CloudinaryContext, _mixin);\n\n  var _super = _createSuper(CloudinaryContext);\n\n  function CloudinaryContext(player) {\n    var _this;\n\n    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n    _classCallCheck(this, CloudinaryContext);\n\n    _this = _super.call(this, player, options);\n    _this.player = player;\n    options = (0, _assign.assign)({}, DEFAULT_PARAMS, options);\n    var _source = null;\n    var _sources = null;\n    var _lastSource = null;\n    var _lastPlaylist = null;\n    var _posterOptions = null;\n    var _cloudinaryConfig = null;\n    var _transformation = null;\n    var _sourceTypes = null;\n    var _sourceTransformation = null;\n    var _chainTarget = options.chainTarget;\n    var _playerEvents = null;\n    var _recommendations = null;\n    var _autoShowRecommendations = false;\n\n    _this.source = function (source) {\n      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n      options = (0, _assign.assign)({}, options);\n\n      if (!source) {\n        return _source;\n      }\n\n      var src = null;\n\n      if (source instanceof _videoSource.default) {\n        src = source;\n      } else {\n        var _normalizeOptions = (0, _common.normalizeOptions)(source, options),\n            publicId = _normalizeOptions.publicId,\n            _options = _normalizeOptions.options;\n\n        src = _this.buildSource(publicId, _options);\n      }\n\n      if (src.recommendations()) {\n        var recommendations = src.recommendations();\n        var itemBuilder = null;\n        var disableAutoShow = false;\n\n        if (options.recommendationOptions) {\n          var _sliceAndUnsetPropert = (0, _slicing.sliceAndUnsetProperties)(options.recommendationOptions, 'disableAutoShow', 'itemBuilder');\n\n          disableAutoShow = _sliceAndUnsetPropert.disableAutoShow;\n          itemBuilder = _sliceAndUnsetPropert.itemBuilder;\n        }\n\n        setRecommendations(recommendations, {\n          disableAutoShow: disableAutoShow,\n          itemBuilder: itemBuilder\n        });\n      } else {\n        unsetRecommendations();\n      }\n\n      _source = src;\n\n      if (!options.skipRefresh) {\n        refresh();\n      }\n\n      _this.player.trigger('cldsourcechanged', {\n        source: src\n      });\n\n      return _chainTarget;\n    };\n\n    _this.buildSource = function (publicId) {\n      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n      var builtSrc = null;\n\n      var _normalizeOptions2 = (0, _common.normalizeOptions)(publicId, options);\n\n      publicId = _normalizeOptions2.publicId;\n      options = _normalizeOptions2.options;\n      options.cloudinaryConfig = (0, _common.mergeCloudinaryConfig)(_this.cloudinaryConfig(), options.cloudinaryConfig || {});\n      options.transformation = (0, _common.mergeTransformation)(_this.transformation(), options.transformation || {});\n      options.sourceTransformation = options.sourceTransformation || _this.sourceTransformation();\n      options.sourceTypes = options.sourceTypes || _this.sourceTypes();\n      options.poster = options.poster || posterOptionsForCurrent();\n      options.queryParams = Object.assign(options.queryParams || {}, options.usageReport ? {\n        _s: \"vp-\".concat(\"1.8.1-edge.0\")\n      } : {});\n\n      if (options.sourceTypes.indexOf('audio') > -1) {\n        builtSrc = new _audioSource.default(publicId, options);\n      } else {\n        builtSrc = new _videoSource.default(publicId, options);\n      }\n\n      return builtSrc;\n    };\n\n    _this.posterOptions = function (options) {\n      if (!options) {\n        return _posterOptions;\n      }\n\n      _posterOptions = options;\n      return _chainTarget;\n    };\n\n    _this.cloudinaryConfig = function (config) {\n      if (!config) {\n        return _cloudinaryConfig;\n      }\n\n      _cloudinaryConfig = (0, _cloudinary.getCloudinaryInstanceOf)(_cloudinaryCore.default.Cloudinary, config);\n      return _chainTarget;\n    };\n\n    _this.transformation = function (trans) {\n      if (!trans) {\n        return _transformation;\n      }\n\n      _transformation = (0, _cloudinary.getCloudinaryInstanceOf)(_cloudinaryCore.default.Transformation, trans);\n      return _chainTarget;\n    };\n\n    _this.sourceTypes = function (types) {\n      if (!types) {\n        return _sourceTypes;\n      }\n\n      _sourceTypes = types;\n      return _chainTarget;\n    };\n\n    _this.getCurrentSources = function () {\n      return _sources;\n    };\n\n    _this.sourceTransformation = function (trans) {\n      if (!trans) {\n        return _sourceTransformation;\n      }\n\n      _sourceTransformation = trans;\n      return _chainTarget;\n    };\n\n    _this.on = function () {\n      var _playerEvents2;\n\n      return (_playerEvents2 = _playerEvents).on.apply(_playerEvents2, arguments);\n    };\n\n    _this.one = function () {\n      var _playerEvents3;\n\n      return (_playerEvents3 = _playerEvents).one.apply(_playerEvents3, arguments);\n    };\n\n    _this.off = function () {\n      var _playerEvents4;\n\n      return (_playerEvents4 = _playerEvents).off.apply(_playerEvents4, arguments);\n    };\n\n    _this.autoShowRecommendations = function (autoShow) {\n      if (autoShow === undefined) {\n        return _autoShowRecommendations;\n      }\n\n      _autoShowRecommendations = autoShow;\n      return _chainTarget;\n    };\n\n    _this.dispose = function () {\n      if (_this.playlist()) {\n        _this.disposePlaylist();\n      }\n\n      unsetRecommendations();\n      _source = undefined;\n\n      _playerEvents.removeAllListeners();\n    };\n\n    var setRecommendations = function setRecommendations(recommendations, _ref) {\n      var _ref$disableAutoShow = _ref.disableAutoShow,\n          disableAutoShow = _ref$disableAutoShow === void 0 ? false : _ref$disableAutoShow,\n          _ref$itemBuilder = _ref.itemBuilder,\n          itemBuilder = _ref$itemBuilder === void 0 ? null : _ref$itemBuilder;\n      unsetRecommendations();\n\n      if (!Array.isArray(recommendations) && typeof recommendations !== 'function' && !recommendations.then) {\n        throw new Error('\"recommendations\" must be either an array or a function');\n      }\n\n      _recommendations = {};\n\n      itemBuilder = itemBuilder || function (source) {\n        return {\n          source: source instanceof _videoSource.default ? source : _this.buildSource(source),\n          action: function action() {\n            return _this.source(source);\n          }\n        };\n      };\n\n      _recommendations.sourceChangedHandler = function () {\n        var trigger = function trigger(sources) {\n          if (typeof sources !== 'undefined' && sources.length > 0) {\n            var items = sources.map(function (_source) {\n              return itemBuilder(_source);\n            });\n\n            _this.player.trigger('recommendationschanged', {\n              items: items\n            });\n          } else {\n            _this.player.trigger('recommendationsnoshow');\n          }\n\n          _recommendations.sources = sources;\n        };\n\n        if ((0, _typeInference.isFunction)(recommendations)) {\n          trigger(recommendations());\n        } else if (recommendations.then) {\n          recommendations.then(trigger);\n        } else {\n          trigger(recommendations);\n        }\n      };\n\n      _this.one('cldsourcechanged', _recommendations.sourceChangedHandler);\n\n      _recommendations.endedHandler = function () {\n        if (!disableAutoShow && _this.autoShowRecommendations()) {\n          _this.player.trigger('recommendationsshow');\n        }\n      };\n\n      _this.on('ended', _recommendations.endedHandler);\n    };\n\n    var unsetRecommendations = function unsetRecommendations() {\n      if (_recommendations) {\n        _this.off('cldsourcechanged', _recommendations.sourceChangedHandler);\n\n        _this.off('ended', _recommendations.endedHandler);\n\n        delete _recommendations.endedHandler;\n        delete _recommendations.sourceChangedHandler;\n      }\n\n      _recommendations = null;\n    };\n\n    var refresh = function refresh() {\n      var src = _this.source();\n\n      if (src.poster()) {\n        _this.player.poster(src.poster().url());\n      }\n\n      _sources = src.generateSources().reduce(function (srcs, src) {\n        if (src.isAdaptive) {\n          var codec = src.type.split('; ')[1] || null;\n\n          if (codec && 'MediaSource' in window) {\n            var parts = src.type.split('; ');\n            var typeStr = \"video/mp4; \".concat(parts[1] || '');\n            var canPlay = testCanPlayTypeAndTypeSupported(typeStr);\n\n            if (_video.default.browser.IS_ANY_SAFARI) {\n              // work around safari saying it cant play h265\n              src.type = \"\".concat(parts[0], \"; \").concat((0, _common.codecShorthandTrans)('h264'));\n            }\n\n            if (canPlay) {\n              srcs.push(src);\n            }\n          } else {\n            srcs.push(src);\n          }\n        } else {\n          srcs.push(src);\n        }\n\n        return srcs;\n      }, []);\n\n      _this.player.src(_sources);\n\n      _lastSource = src;\n      _lastPlaylist = _this.playlist();\n    };\n\n    var testCanPlayTypeAndTypeSupported = function testCanPlayTypeAndTypeSupported(codec) {\n      var v = document.createElement('video');\n      return v.canPlayType(codec) || 'MediaSource' in window && MediaSource.isTypeSupported(codec);\n    };\n\n    var posterOptionsForCurrent = function posterOptionsForCurrent() {\n      var opts = (0, _assign.assign)({}, _this.posterOptions());\n\n      if (opts.transformation) {\n        if ((opts.transformation.width || opts.transformation.height) && !opts.transformation.crop) {\n          opts.transformation.crop = 'scale';\n        }\n      }\n\n      opts.transformation = (0, _cloudinary.getCloudinaryInstanceOf)(_cloudinaryCore.default.Transformation, opts.transformation || {}); // Set poster dimensions to player actual size.\n      // (unless they were explicitly set via `posterOptions`)\n\n      var playerEl = _this.player.el();\n\n      if (playerEl && playerEl.clientWidth && playerEl.clientHeight && !(0, _cloudinary.isKeyInTransformation)(opts.transformation, 'width') && !(0, _cloudinary.isKeyInTransformation)(opts.transformation, 'height')) {\n        var roundUp100 = function roundUp100(val) {\n          return 100 * Math.ceil(val / 100);\n        };\n\n        opts.transformation.width(roundUp100(playerEl.clientWidth)).height(roundUp100(playerEl.clientHeight)).crop('limit');\n      }\n\n      return opts;\n    }; // Handle external (non-cloudinary plugin) source changes (e.g. by ad plugins)\n\n\n    var syncState = function syncState(_, data) {\n      var src = data.to; // When source is cloudinary's\n\n      if (_lastSource && _lastSource.contains(src)) {\n        // If plugin state doesn't have an active VideoSource\n        if (!_this.source()) {\n          // We might have been running a playlist, reset playlist's state.\n          if (_lastPlaylist) {\n            _this.playlist(_lastPlaylist);\n          } // Rebuild last source state without calling vjs's 'src' and 'poster'\n\n\n          _this.source(_lastSource, {\n            skipRefresh: true\n          });\n        }\n      } else {\n        // Used by cloudinary-only components\n        _this.player.trigger('cldsourcechanged', {}); // When source isn't cloudinary's - reset the plugin's state.\n\n\n        _this.dispose();\n      }\n    };\n\n    _playerEvents = new _eventHandlerRegistry.default(_this.player);\n\n    var constructorParams = _slicing.sliceAndUnsetProperties.apply(void 0, [options].concat(CONSTRUCTOR_PARAMS));\n\n    (0, _applyWithProps.applyWithProps)(_assertThisInitialized(_this), constructorParams);\n\n    _this.on('sourcechanged', syncState);\n\n    return _this;\n  }\n\n  _createClass(CloudinaryContext, [{\n    key: \"currentSourceType\",\n    value: function currentSourceType() {\n      return this.source().getType();\n    }\n  }, {\n    key: \"currentPublicId\",\n    value: function currentPublicId() {\n      return this.source() && this.source().publicId();\n    }\n  }, {\n    key: \"currentPoster\",\n    value: function currentPoster() {\n      return this.source() && this.source().poster();\n    }\n  }]);\n\n  return CloudinaryContext;\n}((0, _mixin2.mixin)(_playlistable.default));\n\nfunction _default() {\n  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  options.chainTarget = options.chainTarget || this;\n  this.cloudinary = new CloudinaryContext(this, options);\n}\n\n//# sourceURL=webpack://cloudinaryVideoPlayer/./plugins/cloudinary/index.js?");
 
 /***/ }),
 
@@ -1748,7 +1748,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extr
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n\nvar contextMenuContent = function contextMenuContent(player) {\n  var isLooping = player.loop();\n  var isPaused = player.paused();\n  var isMuted = player.muted();\n  var isFullscreen = player.isFullscreen();\n  var aboutMenuItem = {\n    class: 'player-version',\n    label: 'Cloudinary Player v' + \"1.8.0\"\n  };\n\n  if (!player.controls()) {\n    return [aboutMenuItem];\n  }\n\n  return [{\n    label: isLooping ? 'Unloop' : 'Loop',\n    listener: function listener() {\n      player.loop(!isLooping);\n    }\n  }, {\n    label: isPaused ? 'Play' : 'Pause',\n    listener: function listener() {\n      if (isPaused) {\n        player.play();\n      } else {\n        player.pause();\n      }\n    }\n  }, {\n    label: isMuted ? 'Unmute' : 'Mute',\n    listener: function listener() {\n      player.muted(!isMuted);\n    }\n  }, {\n    label: isFullscreen ? 'Exit Fullscreen' : 'Fullscreen',\n    listener: function listener() {\n      if (isFullscreen) {\n        player.exitFullscreen();\n      } else {\n        player.requestFullscreen();\n      }\n    }\n  }, aboutMenuItem];\n};\n\nvar _default = contextMenuContent;\nexports.default = _default;\n\n//# sourceURL=webpack://cloudinaryVideoPlayer/./plugins/context-menu/contextMenuContent.js?");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n\nvar contextMenuContent = function contextMenuContent(player) {\n  var isLooping = player.loop();\n  var isPaused = player.paused();\n  var isMuted = player.muted();\n  var isFullscreen = player.isFullscreen();\n  var aboutMenuItem = {\n    class: 'player-version',\n    label: 'Cloudinary Player v' + \"1.8.1-edge.0\"\n  };\n\n  if (!player.controls()) {\n    return [aboutMenuItem];\n  }\n\n  return [{\n    label: isLooping ? 'Unloop' : 'Loop',\n    listener: function listener() {\n      player.loop(!isLooping);\n    }\n  }, {\n    label: isPaused ? 'Play' : 'Pause',\n    listener: function listener() {\n      if (isPaused) {\n        player.play();\n      } else {\n        player.pause();\n      }\n    }\n  }, {\n    label: isMuted ? 'Unmute' : 'Mute',\n    listener: function listener() {\n      player.muted(!isMuted);\n    }\n  }, {\n    label: isFullscreen ? 'Exit Fullscreen' : 'Fullscreen',\n    listener: function listener() {\n      if (isFullscreen) {\n        player.exitFullscreen();\n      } else {\n        player.requestFullscreen();\n      }\n    }\n  }, aboutMenuItem];\n};\n\nvar _default = contextMenuContent;\nexports.default = _default;\n\n//# sourceURL=webpack://cloudinaryVideoPlayer/./plugins/context-menu/contextMenuContent.js?");
 
 /***/ }),
 
@@ -2264,7 +2264,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.sourceValidators = exports.playerValidators = void 0;\n\nvar _videoPlayer = __webpack_require__(/*! ../video-player.const */ \"./video-player.const.js\");\n\nvar _interactionArea = __webpack_require__(/*! ../components/interaction-area/interaction-area.const */ \"./components/interaction-area/interaction-area.const.js\");\n\nvar _validatorsTypes = __webpack_require__(/*! ./validators-types */ \"./validators/validators-types.js\");\n\nvar playerValidators = {\n  videojsOptions: {\n    loop: _validatorsTypes.validator.isBoolean,\n    controls: _validatorsTypes.validator.isBoolean,\n    autoplay: _validatorsTypes.validator.isBoolean,\n    autoplayMode: _validatorsTypes.validator.isString(_videoPlayer.AUTO_PLAY_MODE),\n    bigPlayButton: _validatorsTypes.validator.isBoolean,\n    playbackRates: _validatorsTypes.validator.isArray,\n    showLogo: _validatorsTypes.validator.isBoolean,\n    logoImageUrl: _validatorsTypes.validator.isString,\n    logoOnclickUrl: _validatorsTypes.validator.isString,\n    videoJS: _validatorsTypes.validator.isPlainObject,\n    maxTries: _validatorsTypes.validator.isNumber,\n    muted: _validatorsTypes.validator.isBoolean,\n    playsinline: _validatorsTypes.validator.isBoolean,\n    videoTimeout: _validatorsTypes.validator.isNumber,\n    preload: _validatorsTypes.validator.isString,\n    sourceTransformation: _validatorsTypes.validator.isPlainObject,\n    allowUsageReport: _validatorsTypes.validator.isBoolean,\n    interactionAreas: {\n      theme: {\n        template: _validatorsTypes.validator.isString(_interactionArea.INTERACTION_AREAS_THEME)\n      },\n      layout: {\n        enable: _validatorsTypes.validator.isBoolean,\n        showAgain: _validatorsTypes.validator.isBoolean\n      }\n    }\n  },\n  playerOptions: {\n    publicId: _validatorsTypes.validator.isString,\n    fluid: _validatorsTypes.validator.isBoolean,\n    analytics: _validatorsTypes.validator.isBoolean,\n    hideContextMenu: _validatorsTypes.validator.isBoolean,\n    playedEventPercents: _validatorsTypes.validator.isArrayOfNumbers,\n    showJumpControls: _validatorsTypes.validator.isBoolean,\n    seekThumbnails: _validatorsTypes.validator.isBoolean,\n    floatingWhenNotVisible: _validatorsTypes.validator.isString(_videoPlayer.FLOATING_TO),\n    playedEventTimes: _validatorsTypes.validator.isArray,\n    playlistWidget: {\n      direction: _validatorsTypes.validator.isString,\n      total: _validatorsTypes.validator.isNumber\n    },\n    colors: {\n      base: _validatorsTypes.validator.isString,\n      accent: _validatorsTypes.validator.isString,\n      text: _validatorsTypes.validator.isString\n    },\n    ads: {\n      adTagUrl: _validatorsTypes.validator.isString,\n      showCountdown: _validatorsTypes.validator.isBoolean,\n      adLabel: _validatorsTypes.validator.isString,\n      locale: _validatorsTypes.validator.isString,\n      prerollTimeout: _validatorsTypes.validator.isNumber,\n      postrollTimeout: _validatorsTypes.validator.isNumber,\n      adsInPlaylist: _validatorsTypes.validator.isString(_videoPlayer.ADS_IN_PLAYLIST)\n    },\n    cloudinary: {\n      autoShowRecommendations: _validatorsTypes.validator.isBoolean,\n      sourceTypes: _validatorsTypes.validator.isArrayOfStrings,\n      transformation: _validatorsTypes.validator.isObject,\n      fontFace: _validatorsTypes.validator.isString,\n      posterOptions: {\n        publicId: _validatorsTypes.validator.isString,\n        transformation: _validatorsTypes.validator.isObject\n      }\n    }\n  }\n};\nexports.playerValidators = playerValidators;\nvar sourceValidators = {\n  raw_transformation: _validatorsTypes.validator.isString,\n  shoppable: _validatorsTypes.validator.isPlainObject,\n  withCredentials: _validatorsTypes.validator.isBoolean,\n  interactionAreas: {\n    enable: _validatorsTypes.validator.isBoolean,\n    template: _validatorsTypes.validator.or(_validatorsTypes.validator.isString(_interactionArea.INTERACTION_AREAS_TEMPLATE), _validatorsTypes.validator.isArray),\n    vttUrl: _validatorsTypes.validator.isString,\n    onClick: _validatorsTypes.validator.isFunction\n  },\n  textTracks: {\n    captions: {\n      label: _validatorsTypes.validator.isString,\n      language: _validatorsTypes.validator.isString,\n      default: _validatorsTypes.validator.isBoolean,\n      url: _validatorsTypes.validator.isString\n    },\n    subtitles: _validatorsTypes.validator.isArrayOfObjects({\n      label: _validatorsTypes.validator.isString,\n      language: _validatorsTypes.validator.isString,\n      url: _validatorsTypes.validator.isString\n    })\n  },\n  info: {\n    title: _validatorsTypes.validator.isString,\n    subtitle: _validatorsTypes.validator.isString,\n    description: _validatorsTypes.validator.isString\n  },\n  cloudinary: {\n    sourceTypes: _validatorsTypes.validator.isArrayOfStrings,\n    transformation: _validatorsTypes.validator.isObject\n  }\n};\nexports.sourceValidators = sourceValidators;\n\n//# sourceURL=webpack://cloudinaryVideoPlayer/./validators/validators.js?");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.sourceValidators = exports.playerValidators = void 0;\n\nvar _videoPlayer = __webpack_require__(/*! ../video-player.const */ \"./video-player.const.js\");\n\nvar _interactionArea = __webpack_require__(/*! ../components/interaction-area/interaction-area.const */ \"./components/interaction-area/interaction-area.const.js\");\n\nvar _validatorsTypes = __webpack_require__(/*! ./validators-types */ \"./validators/validators-types.js\");\n\nvar playerValidators = {\n  videojsOptions: {\n    loop: _validatorsTypes.validator.isBoolean,\n    controls: _validatorsTypes.validator.isBoolean,\n    autoplay: _validatorsTypes.validator.isBoolean,\n    autoplayMode: _validatorsTypes.validator.isString(_videoPlayer.AUTO_PLAY_MODE),\n    bigPlayButton: _validatorsTypes.validator.isBoolean,\n    playbackRates: _validatorsTypes.validator.isArray,\n    showLogo: _validatorsTypes.validator.isBoolean,\n    logoImageUrl: _validatorsTypes.validator.isString,\n    logoOnclickUrl: _validatorsTypes.validator.isString,\n    videoJS: _validatorsTypes.validator.isPlainObject,\n    maxTries: _validatorsTypes.validator.isNumber,\n    muted: _validatorsTypes.validator.isBoolean,\n    playsinline: _validatorsTypes.validator.isBoolean,\n    videoTimeout: _validatorsTypes.validator.isNumber,\n    preload: _validatorsTypes.validator.isString,\n    sourceTransformation: _validatorsTypes.validator.isPlainObject,\n    allowUsageReport: _validatorsTypes.validator.isBoolean,\n    interactionAreas: {\n      theme: {\n        template: _validatorsTypes.validator.isString(_interactionArea.INTERACTION_AREAS_THEME)\n      },\n      layout: {\n        enable: _validatorsTypes.validator.isBoolean,\n        showAgain: _validatorsTypes.validator.isBoolean\n      }\n    }\n  },\n  playerOptions: {\n    queryParams: _validatorsTypes.validator.isPlainObject,\n    publicId: _validatorsTypes.validator.isString,\n    fluid: _validatorsTypes.validator.isBoolean,\n    analytics: _validatorsTypes.validator.isBoolean,\n    hideContextMenu: _validatorsTypes.validator.isBoolean,\n    playedEventPercents: _validatorsTypes.validator.isArrayOfNumbers,\n    showJumpControls: _validatorsTypes.validator.isBoolean,\n    seekThumbnails: _validatorsTypes.validator.isBoolean,\n    floatingWhenNotVisible: _validatorsTypes.validator.isString(_videoPlayer.FLOATING_TO),\n    playedEventTimes: _validatorsTypes.validator.isArray,\n    playlistWidget: {\n      direction: _validatorsTypes.validator.isString,\n      total: _validatorsTypes.validator.isNumber\n    },\n    colors: {\n      base: _validatorsTypes.validator.isString,\n      accent: _validatorsTypes.validator.isString,\n      text: _validatorsTypes.validator.isString\n    },\n    ads: {\n      adTagUrl: _validatorsTypes.validator.isString,\n      showCountdown: _validatorsTypes.validator.isBoolean,\n      adLabel: _validatorsTypes.validator.isString,\n      locale: _validatorsTypes.validator.isString,\n      prerollTimeout: _validatorsTypes.validator.isNumber,\n      postrollTimeout: _validatorsTypes.validator.isNumber,\n      adsInPlaylist: _validatorsTypes.validator.isString(_videoPlayer.ADS_IN_PLAYLIST)\n    },\n    cloudinary: {\n      autoShowRecommendations: _validatorsTypes.validator.isBoolean,\n      sourceTypes: _validatorsTypes.validator.isArrayOfStrings,\n      transformation: _validatorsTypes.validator.isObject,\n      fontFace: _validatorsTypes.validator.isString,\n      posterOptions: {\n        publicId: _validatorsTypes.validator.isString,\n        transformation: _validatorsTypes.validator.isObject\n      }\n    }\n  }\n};\nexports.playerValidators = playerValidators;\nvar sourceValidators = {\n  raw_transformation: _validatorsTypes.validator.isString,\n  shoppable: _validatorsTypes.validator.isPlainObject,\n  withCredentials: _validatorsTypes.validator.isBoolean,\n  interactionAreas: {\n    enable: _validatorsTypes.validator.isBoolean,\n    template: _validatorsTypes.validator.or(_validatorsTypes.validator.isString(_interactionArea.INTERACTION_AREAS_TEMPLATE), _validatorsTypes.validator.isArray),\n    vttUrl: _validatorsTypes.validator.isString,\n    onClick: _validatorsTypes.validator.isFunction\n  },\n  textTracks: {\n    captions: {\n      label: _validatorsTypes.validator.isString,\n      language: _validatorsTypes.validator.isString,\n      default: _validatorsTypes.validator.isBoolean,\n      url: _validatorsTypes.validator.isString\n    },\n    subtitles: _validatorsTypes.validator.isArrayOfObjects({\n      label: _validatorsTypes.validator.isString,\n      language: _validatorsTypes.validator.isString,\n      url: _validatorsTypes.validator.isString\n    })\n  },\n  info: {\n    title: _validatorsTypes.validator.isString,\n    subtitle: _validatorsTypes.validator.isString,\n    description: _validatorsTypes.validator.isString\n  },\n  cloudinary: {\n    sourceTypes: _validatorsTypes.validator.isArrayOfStrings,\n    transformation: _validatorsTypes.validator.isObject\n  }\n};\nexports.sourceValidators = sourceValidators;\n\n//# sourceURL=webpack://cloudinaryVideoPlayer/./validators/validators.js?");
 
 /***/ }),
 
@@ -2276,7 +2276,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.PRELOAD = exports.PLAYER_PARAMS = exports.FLUID_CLASS_NAME = exports.FLOATING_TO = exports.DEFAULT_HLS_OPTIONS = exports.CLOUDINARY_PARAMS = exports.AUTO_PLAY_MODE = exports.ADS_IN_PLAYLIST = void 0;\n\nvar _video = _interopRequireDefault(__webpack_require__(/*! video.js */ \"../node_modules/video.js/dist/video.es.js-exposed\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar CLOUDINARY_PARAMS = ['cloudinaryConfig', 'transformation', 'sourceTypes', 'sourceTransformation', 'posterOptions', 'autoShowRecommendations', 'fontFace', 'secure'];\nexports.CLOUDINARY_PARAMS = CLOUDINARY_PARAMS;\nvar PLAYER_PARAMS = CLOUDINARY_PARAMS.concat(['publicId', 'source', 'autoplayMode', 'playedEventPercents', 'playedEventTimes', 'analytics', 'fluid', 'ima', 'playlistWidget', 'hideContextMenu', 'colors', 'floatingWhenNotVisible', 'ads', 'showJumpControls', 'textTracks', 'qualitySelector', 'fetchErrorUsingGet', 'withCredentials', 'seekThumbnails']);\nexports.PLAYER_PARAMS = PLAYER_PARAMS;\nvar DEFAULT_HLS_OPTIONS = {\n  html5: {\n    handlePartialData: false,\n    vhs: {\n      overrideNative: _video.default && _video.default.browser ? !_video.default.browser.IS_IOS && !_video.default.browser.IS_SAFARI : true\n    }\n  }\n};\nexports.DEFAULT_HLS_OPTIONS = DEFAULT_HLS_OPTIONS;\nvar FLUID_CLASS_NAME = 'cld-fluid';\nexports.FLUID_CLASS_NAME = FLUID_CLASS_NAME;\nvar AUTO_PLAY_MODE = {\n  ALWAYS: 'always',\n  ON_SCROLL: 'on-scroll',\n  NEVER: 'never'\n};\nexports.AUTO_PLAY_MODE = AUTO_PLAY_MODE;\nvar FLOATING_TO = {\n  LEFT: 'left',\n  RIGHT: 'right',\n  NONE: 'none'\n};\nexports.FLOATING_TO = FLOATING_TO;\nvar ADS_IN_PLAYLIST = {\n  FIRST_VIDEO: 'first-video',\n  EVERY_VIDEO: 'every-video'\n};\nexports.ADS_IN_PLAYLIST = ADS_IN_PLAYLIST;\nvar PRELOAD = {\n  AUTO: 'auto',\n  METADATA: 'metadata',\n  NONE: 'none'\n};\nexports.PRELOAD = PRELOAD;\n\n//# sourceURL=webpack://cloudinaryVideoPlayer/./video-player.const.js?");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.PRELOAD = exports.PLAYER_PARAMS = exports.FLUID_CLASS_NAME = exports.FLOATING_TO = exports.DEFAULT_HLS_OPTIONS = exports.CLOUDINARY_PARAMS = exports.AUTO_PLAY_MODE = exports.ADS_IN_PLAYLIST = void 0;\n\nvar _video = _interopRequireDefault(__webpack_require__(/*! video.js */ \"../node_modules/video.js/dist/video.es.js-exposed\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar CLOUDINARY_PARAMS = ['cloudinaryConfig', 'transformation', 'sourceTypes', 'sourceTransformation', 'posterOptions', 'autoShowRecommendations', 'fontFace', 'secure'];\nexports.CLOUDINARY_PARAMS = CLOUDINARY_PARAMS;\nvar PLAYER_PARAMS = CLOUDINARY_PARAMS.concat(['publicId', 'source', 'autoplayMode', 'playedEventPercents', 'playedEventTimes', 'analytics', 'fluid', 'ima', 'playlistWidget', 'hideContextMenu', 'colors', 'floatingWhenNotVisible', 'ads', 'showJumpControls', 'textTracks', 'qualitySelector', 'fetchErrorUsingGet', 'withCredentials', 'seekThumbnails', 'queryParams']);\nexports.PLAYER_PARAMS = PLAYER_PARAMS;\nvar DEFAULT_HLS_OPTIONS = {\n  html5: {\n    handlePartialData: false,\n    vhs: {\n      overrideNative: _video.default && _video.default.browser ? !_video.default.browser.IS_IOS && !_video.default.browser.IS_SAFARI : true\n    }\n  }\n};\nexports.DEFAULT_HLS_OPTIONS = DEFAULT_HLS_OPTIONS;\nvar FLUID_CLASS_NAME = 'cld-fluid';\nexports.FLUID_CLASS_NAME = FLUID_CLASS_NAME;\nvar AUTO_PLAY_MODE = {\n  ALWAYS: 'always',\n  ON_SCROLL: 'on-scroll',\n  NEVER: 'never'\n};\nexports.AUTO_PLAY_MODE = AUTO_PLAY_MODE;\nvar FLOATING_TO = {\n  LEFT: 'left',\n  RIGHT: 'right',\n  NONE: 'none'\n};\nexports.FLOATING_TO = FLOATING_TO;\nvar ADS_IN_PLAYLIST = {\n  FIRST_VIDEO: 'first-video',\n  EVERY_VIDEO: 'every-video'\n};\nexports.ADS_IN_PLAYLIST = ADS_IN_PLAYLIST;\nvar PRELOAD = {\n  AUTO: 'auto',\n  METADATA: 'metadata',\n  NONE: 'none'\n};\nexports.PRELOAD = PRELOAD;\n\n//# sourceURL=webpack://cloudinaryVideoPlayer/./video-player.const.js?");
 
 /***/ }),
 

package/dist/cld-video-player.light.js

@@ -887,7 +887,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.CONSTRUCTOR_PARAMS = void 0;\nexports.default = _default;\n\nvar _cloudinaryCore = _interopRequireDefault(__webpack_require__(/*! cloudinary-core */ \"cloudinary-core\"));\n\nvar _video = _interopRequireDefault(__webpack_require__(/*! video.js */ \"../node_modules/video.js/dist/alt/video.core.js-exposed\"));\n\nvar _mixin2 = __webpack_require__(/*! utils/mixin */ \"./utils/mixin.js\");\n\nvar _applyWithProps = __webpack_require__(/*! utils/apply-with-props */ \"./utils/apply-with-props.js\");\n\nvar _slicing = __webpack_require__(/*! utils/slicing */ \"./utils/slicing.js\");\n\nvar _cloudinary = __webpack_require__(/*! utils/cloudinary */ \"./utils/cloudinary.js\");\n\nvar _assign = __webpack_require__(/*! utils/assign */ \"./utils/assign.js\");\n\nvar _common = __webpack_require__(/*! ./common */ \"./plugins/cloudinary/common.js\");\n\nvar _playlistable = _interopRequireDefault(__webpack_require__(/*! mixins/playlistable */ \"./mixins/playlistable.js\"));\n\nvar _videoSource = _interopRequireDefault(__webpack_require__(/*! ./models/video-source/video-source */ \"./plugins/cloudinary/models/video-source/video-source.js\"));\n\nvar _eventHandlerRegistry = _interopRequireDefault(__webpack_require__(/*! ./event-handler-registry */ \"./plugins/cloudinary/event-handler-registry.js\"));\n\nvar _audioSource = _interopRequireDefault(__webpack_require__(/*! ./models/audio-source/audio-source */ \"./plugins/cloudinary/models/audio-source/audio-source.js\"));\n\nvar _typeInference = __webpack_require__(/*! ../../utils/type-inference */ \"./utils/type-inference.js\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\n\nfunction _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); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _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); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nvar DEFAULT_PARAMS = {\n  transformation: {},\n  sourceTypes: [],\n  sourceTransformation: [],\n  posterOptions: {}\n};\nvar CONSTRUCTOR_PARAMS = ['cloudinaryConfig', 'transformation', 'sourceTypes', 'sourceTransformation', 'posterOptions', 'autoShowRecommendations'];\nexports.CONSTRUCTOR_PARAMS = CONSTRUCTOR_PARAMS;\n\nvar CloudinaryContext = /*#__PURE__*/function (_mixin) {\n  _inherits(CloudinaryContext, _mixin);\n\n  var _super = _createSuper(CloudinaryContext);\n\n  function CloudinaryContext(player) {\n    var _this;\n\n    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n    _classCallCheck(this, CloudinaryContext);\n\n    _this = _super.call(this, player, options);\n    _this.player = player;\n    options = (0, _assign.assign)({}, DEFAULT_PARAMS, options);\n    var _source = null;\n    var _sources = null;\n    var _lastSource = null;\n    var _lastPlaylist = null;\n    var _posterOptions = null;\n    var _cloudinaryConfig = null;\n    var _transformation = null;\n    var _sourceTypes = null;\n    var _sourceTransformation = null;\n    var _chainTarget = options.chainTarget;\n    var _playerEvents = null;\n    var _recommendations = null;\n    var _autoShowRecommendations = false;\n\n    _this.source = function (source) {\n      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n      options = (0, _assign.assign)({}, options);\n\n      if (!source) {\n        return _source;\n      }\n\n      var src = null;\n\n      if (source instanceof _videoSource.default) {\n        src = source;\n      } else {\n        var _normalizeOptions = (0, _common.normalizeOptions)(source, options),\n            publicId = _normalizeOptions.publicId,\n            _options = _normalizeOptions.options;\n\n        src = _this.buildSource(publicId, _options);\n      }\n\n      if (src.recommendations()) {\n        var recommendations = src.recommendations();\n        var itemBuilder = null;\n        var disableAutoShow = false;\n\n        if (options.recommendationOptions) {\n          var _sliceAndUnsetPropert = (0, _slicing.sliceAndUnsetProperties)(options.recommendationOptions, 'disableAutoShow', 'itemBuilder');\n\n          disableAutoShow = _sliceAndUnsetPropert.disableAutoShow;\n          itemBuilder = _sliceAndUnsetPropert.itemBuilder;\n        }\n\n        setRecommendations(recommendations, {\n          disableAutoShow: disableAutoShow,\n          itemBuilder: itemBuilder\n        });\n      } else {\n        unsetRecommendations();\n      }\n\n      _source = src;\n\n      if (!options.skipRefresh) {\n        refresh();\n      }\n\n      _this.player.trigger('cldsourcechanged', {\n        source: src\n      });\n\n      return _chainTarget;\n    };\n\n    _this.buildSource = function (publicId) {\n      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n      var builtSrc = null;\n\n      var _normalizeOptions2 = (0, _common.normalizeOptions)(publicId, options);\n\n      publicId = _normalizeOptions2.publicId;\n      options = _normalizeOptions2.options;\n      options.cloudinaryConfig = (0, _common.mergeCloudinaryConfig)(_this.cloudinaryConfig(), options.cloudinaryConfig || {});\n      options.transformation = (0, _common.mergeTransformation)(_this.transformation(), options.transformation || {});\n      options.sourceTransformation = options.sourceTransformation || _this.sourceTransformation();\n      options.sourceTypes = options.sourceTypes || _this.sourceTypes();\n      options.poster = options.poster || posterOptionsForCurrent();\n      options.queryParams = options.usageReport ? {\n        _s: \"vp-\".concat(\"1.8.0\")\n      } : {};\n\n      if (options.sourceTypes.indexOf('audio') > -1) {\n        builtSrc = new _audioSource.default(publicId, options);\n      } else {\n        builtSrc = new _videoSource.default(publicId, options);\n      }\n\n      return builtSrc;\n    };\n\n    _this.posterOptions = function (options) {\n      if (!options) {\n        return _posterOptions;\n      }\n\n      _posterOptions = options;\n      return _chainTarget;\n    };\n\n    _this.cloudinaryConfig = function (config) {\n      if (!config) {\n        return _cloudinaryConfig;\n      }\n\n      _cloudinaryConfig = (0, _cloudinary.getCloudinaryInstanceOf)(_cloudinaryCore.default.Cloudinary, config);\n      return _chainTarget;\n    };\n\n    _this.transformation = function (trans) {\n      if (!trans) {\n        return _transformation;\n      }\n\n      _transformation = (0, _cloudinary.getCloudinaryInstanceOf)(_cloudinaryCore.default.Transformation, trans);\n      return _chainTarget;\n    };\n\n    _this.sourceTypes = function (types) {\n      if (!types) {\n        return _sourceTypes;\n      }\n\n      _sourceTypes = types;\n      return _chainTarget;\n    };\n\n    _this.getCurrentSources = function () {\n      return _sources;\n    };\n\n    _this.sourceTransformation = function (trans) {\n      if (!trans) {\n        return _sourceTransformation;\n      }\n\n      _sourceTransformation = trans;\n      return _chainTarget;\n    };\n\n    _this.on = function () {\n      var _playerEvents2;\n\n      return (_playerEvents2 = _playerEvents).on.apply(_playerEvents2, arguments);\n    };\n\n    _this.one = function () {\n      var _playerEvents3;\n\n      return (_playerEvents3 = _playerEvents).one.apply(_playerEvents3, arguments);\n    };\n\n    _this.off = function () {\n      var _playerEvents4;\n\n      return (_playerEvents4 = _playerEvents).off.apply(_playerEvents4, arguments);\n    };\n\n    _this.autoShowRecommendations = function (autoShow) {\n      if (autoShow === undefined) {\n        return _autoShowRecommendations;\n      }\n\n      _autoShowRecommendations = autoShow;\n      return _chainTarget;\n    };\n\n    _this.dispose = function () {\n      if (_this.playlist()) {\n        _this.disposePlaylist();\n      }\n\n      unsetRecommendations();\n      _source = undefined;\n\n      _playerEvents.removeAllListeners();\n    };\n\n    var setRecommendations = function setRecommendations(recommendations, _ref) {\n      var _ref$disableAutoShow = _ref.disableAutoShow,\n          disableAutoShow = _ref$disableAutoShow === void 0 ? false : _ref$disableAutoShow,\n          _ref$itemBuilder = _ref.itemBuilder,\n          itemBuilder = _ref$itemBuilder === void 0 ? null : _ref$itemBuilder;\n      unsetRecommendations();\n\n      if (!Array.isArray(recommendations) && typeof recommendations !== 'function' && !recommendations.then) {\n        throw new Error('\"recommendations\" must be either an array or a function');\n      }\n\n      _recommendations = {};\n\n      itemBuilder = itemBuilder || function (source) {\n        return {\n          source: source instanceof _videoSource.default ? source : _this.buildSource(source),\n          action: function action() {\n            return _this.source(source);\n          }\n        };\n      };\n\n      _recommendations.sourceChangedHandler = function () {\n        var trigger = function trigger(sources) {\n          if (typeof sources !== 'undefined' && sources.length > 0) {\n            var items = sources.map(function (_source) {\n              return itemBuilder(_source);\n            });\n\n            _this.player.trigger('recommendationschanged', {\n              items: items\n            });\n          } else {\n            _this.player.trigger('recommendationsnoshow');\n          }\n\n          _recommendations.sources = sources;\n        };\n\n        if ((0, _typeInference.isFunction)(recommendations)) {\n          trigger(recommendations());\n        } else if (recommendations.then) {\n          recommendations.then(trigger);\n        } else {\n          trigger(recommendations);\n        }\n      };\n\n      _this.one('cldsourcechanged', _recommendations.sourceChangedHandler);\n\n      _recommendations.endedHandler = function () {\n        if (!disableAutoShow && _this.autoShowRecommendations()) {\n          _this.player.trigger('recommendationsshow');\n        }\n      };\n\n      _this.on('ended', _recommendations.endedHandler);\n    };\n\n    var unsetRecommendations = function unsetRecommendations() {\n      if (_recommendations) {\n        _this.off('cldsourcechanged', _recommendations.sourceChangedHandler);\n\n        _this.off('ended', _recommendations.endedHandler);\n\n        delete _recommendations.endedHandler;\n        delete _recommendations.sourceChangedHandler;\n      }\n\n      _recommendations = null;\n    };\n\n    var refresh = function refresh() {\n      var src = _this.source();\n\n      if (src.poster()) {\n        _this.player.poster(src.poster().url());\n      }\n\n      _sources = src.generateSources().reduce(function (srcs, src) {\n        if (src.isAdaptive) {\n          var codec = src.type.split('; ')[1] || null;\n\n          if (codec && 'MediaSource' in window) {\n            var parts = src.type.split('; ');\n            var typeStr = \"video/mp4; \".concat(parts[1] || '');\n            var canPlay = testCanPlayTypeAndTypeSupported(typeStr);\n\n            if (_video.default.browser.IS_ANY_SAFARI) {\n              // work around safari saying it cant play h265\n              src.type = \"\".concat(parts[0], \"; \").concat((0, _common.codecShorthandTrans)('h264'));\n            }\n\n            if (canPlay) {\n              srcs.push(src);\n            }\n          } else {\n            srcs.push(src);\n          }\n        } else {\n          srcs.push(src);\n        }\n\n        return srcs;\n      }, []);\n\n      _this.player.src(_sources);\n\n      _lastSource = src;\n      _lastPlaylist = _this.playlist();\n    };\n\n    var testCanPlayTypeAndTypeSupported = function testCanPlayTypeAndTypeSupported(codec) {\n      var v = document.createElement('video');\n      return v.canPlayType(codec) || 'MediaSource' in window && MediaSource.isTypeSupported(codec);\n    };\n\n    var posterOptionsForCurrent = function posterOptionsForCurrent() {\n      var opts = (0, _assign.assign)({}, _this.posterOptions());\n\n      if (opts.transformation) {\n        if ((opts.transformation.width || opts.transformation.height) && !opts.transformation.crop) {\n          opts.transformation.crop = 'scale';\n        }\n      }\n\n      opts.transformation = (0, _cloudinary.getCloudinaryInstanceOf)(_cloudinaryCore.default.Transformation, opts.transformation || {}); // Set poster dimensions to player actual size.\n      // (unless they were explicitly set via `posterOptions`)\n\n      var playerEl = _this.player.el();\n\n      if (playerEl && playerEl.clientWidth && playerEl.clientHeight && !(0, _cloudinary.isKeyInTransformation)(opts.transformation, 'width') && !(0, _cloudinary.isKeyInTransformation)(opts.transformation, 'height')) {\n        var roundUp100 = function roundUp100(val) {\n          return 100 * Math.ceil(val / 100);\n        };\n\n        opts.transformation.width(roundUp100(playerEl.clientWidth)).height(roundUp100(playerEl.clientHeight)).crop('limit');\n      }\n\n      return opts;\n    }; // Handle external (non-cloudinary plugin) source changes (e.g. by ad plugins)\n\n\n    var syncState = function syncState(_, data) {\n      var src = data.to; // When source is cloudinary's\n\n      if (_lastSource && _lastSource.contains(src)) {\n        // If plugin state doesn't have an active VideoSource\n        if (!_this.source()) {\n          // We might have been running a playlist, reset playlist's state.\n          if (_lastPlaylist) {\n            _this.playlist(_lastPlaylist);\n          } // Rebuild last source state without calling vjs's 'src' and 'poster'\n\n\n          _this.source(_lastSource, {\n            skipRefresh: true\n          });\n        }\n      } else {\n        // Used by cloudinary-only components\n        _this.player.trigger('cldsourcechanged', {}); // When source isn't cloudinary's - reset the plugin's state.\n\n\n        _this.dispose();\n      }\n    };\n\n    _playerEvents = new _eventHandlerRegistry.default(_this.player);\n\n    var constructorParams = _slicing.sliceAndUnsetProperties.apply(void 0, [options].concat(CONSTRUCTOR_PARAMS));\n\n    (0, _applyWithProps.applyWithProps)(_assertThisInitialized(_this), constructorParams);\n\n    _this.on('sourcechanged', syncState);\n\n    return _this;\n  }\n\n  _createClass(CloudinaryContext, [{\n    key: \"currentSourceType\",\n    value: function currentSourceType() {\n      return this.source().getType();\n    }\n  }, {\n    key: \"currentPublicId\",\n    value: function currentPublicId() {\n      return this.source() && this.source().publicId();\n    }\n  }, {\n    key: \"currentPoster\",\n    value: function currentPoster() {\n      return this.source() && this.source().poster();\n    }\n  }]);\n\n  return CloudinaryContext;\n}((0, _mixin2.mixin)(_playlistable.default));\n\nfunction _default() {\n  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  options.chainTarget = options.chainTarget || this;\n  this.cloudinary = new CloudinaryContext(this, options);\n}\n\n//# sourceURL=webpack://cloudinaryVideoPlayer/./plugins/cloudinary/index.js?");
+eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.CONSTRUCTOR_PARAMS = void 0;\nexports.default = _default;\n\nvar _cloudinaryCore = _interopRequireDefault(__webpack_require__(/*! cloudinary-core */ \"cloudinary-core\"));\n\nvar _video = _interopRequireDefault(__webpack_require__(/*! video.js */ \"../node_modules/video.js/dist/alt/video.core.js-exposed\"));\n\nvar _mixin2 = __webpack_require__(/*! utils/mixin */ \"./utils/mixin.js\");\n\nvar _applyWithProps = __webpack_require__(/*! utils/apply-with-props */ \"./utils/apply-with-props.js\");\n\nvar _slicing = __webpack_require__(/*! utils/slicing */ \"./utils/slicing.js\");\n\nvar _cloudinary = __webpack_require__(/*! utils/cloudinary */ \"./utils/cloudinary.js\");\n\nvar _assign = __webpack_require__(/*! utils/assign */ \"./utils/assign.js\");\n\nvar _common = __webpack_require__(/*! ./common */ \"./plugins/cloudinary/common.js\");\n\nvar _playlistable = _interopRequireDefault(__webpack_require__(/*! mixins/playlistable */ \"./mixins/playlistable.js\"));\n\nvar _videoSource = _interopRequireDefault(__webpack_require__(/*! ./models/video-source/video-source */ \"./plugins/cloudinary/models/video-source/video-source.js\"));\n\nvar _eventHandlerRegistry = _interopRequireDefault(__webpack_require__(/*! ./event-handler-registry */ \"./plugins/cloudinary/event-handler-registry.js\"));\n\nvar _audioSource = _interopRequireDefault(__webpack_require__(/*! ./models/audio-source/audio-source */ \"./plugins/cloudinary/models/audio-source/audio-source.js\"));\n\nvar _typeInference = __webpack_require__(/*! ../../utils/type-inference */ \"./utils/type-inference.js\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\n\nfunction _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); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _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); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nvar DEFAULT_PARAMS = {\n  transformation: {},\n  sourceTypes: [],\n  sourceTransformation: [],\n  posterOptions: {}\n};\nvar CONSTRUCTOR_PARAMS = ['cloudinaryConfig', 'transformation', 'sourceTypes', 'sourceTransformation', 'posterOptions', 'autoShowRecommendations'];\nexports.CONSTRUCTOR_PARAMS = CONSTRUCTOR_PARAMS;\n\nvar CloudinaryContext = /*#__PURE__*/function (_mixin) {\n  _inherits(CloudinaryContext, _mixin);\n\n  var _super = _createSuper(CloudinaryContext);\n\n  function CloudinaryContext(player) {\n    var _this;\n\n    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n    _classCallCheck(this, CloudinaryContext);\n\n    _this = _super.call(this, player, options);\n    _this.player = player;\n    options = (0, _assign.assign)({}, DEFAULT_PARAMS, options);\n    var _source = null;\n    var _sources = null;\n    var _lastSource = null;\n    var _lastPlaylist = null;\n    var _posterOptions = null;\n    var _cloudinaryConfig = null;\n    var _transformation = null;\n    var _sourceTypes = null;\n    var _sourceTransformation = null;\n    var _chainTarget = options.chainTarget;\n    var _playerEvents = null;\n    var _recommendations = null;\n    var _autoShowRecommendations = false;\n\n    _this.source = function (source) {\n      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n      options = (0, _assign.assign)({}, options);\n\n      if (!source) {\n        return _source;\n      }\n\n      var src = null;\n\n      if (source instanceof _videoSource.default) {\n        src = source;\n      } else {\n        var _normalizeOptions = (0, _common.normalizeOptions)(source, options),\n            publicId = _normalizeOptions.publicId,\n            _options = _normalizeOptions.options;\n\n        src = _this.buildSource(publicId, _options);\n      }\n\n      if (src.recommendations()) {\n        var recommendations = src.recommendations();\n        var itemBuilder = null;\n        var disableAutoShow = false;\n\n        if (options.recommendationOptions) {\n          var _sliceAndUnsetPropert = (0, _slicing.sliceAndUnsetProperties)(options.recommendationOptions, 'disableAutoShow', 'itemBuilder');\n\n          disableAutoShow = _sliceAndUnsetPropert.disableAutoShow;\n          itemBuilder = _sliceAndUnsetPropert.itemBuilder;\n        }\n\n        setRecommendations(recommendations, {\n          disableAutoShow: disableAutoShow,\n          itemBuilder: itemBuilder\n        });\n      } else {\n        unsetRecommendations();\n      }\n\n      _source = src;\n\n      if (!options.skipRefresh) {\n        refresh();\n      }\n\n      _this.player.trigger('cldsourcechanged', {\n        source: src\n      });\n\n      return _chainTarget;\n    };\n\n    _this.buildSource = function (publicId) {\n      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n      var builtSrc = null;\n\n      var _normalizeOptions2 = (0, _common.normalizeOptions)(publicId, options);\n\n      publicId = _normalizeOptions2.publicId;\n      options = _normalizeOptions2.options;\n      options.cloudinaryConfig = (0, _common.mergeCloudinaryConfig)(_this.cloudinaryConfig(), options.cloudinaryConfig || {});\n      options.transformation = (0, _common.mergeTransformation)(_this.transformation(), options.transformation || {});\n      options.sourceTransformation = options.sourceTransformation || _this.sourceTransformation();\n      options.sourceTypes = options.sourceTypes || _this.sourceTypes();\n      options.poster = options.poster || posterOptionsForCurrent();\n      options.queryParams = Object.assign(options.queryParams || {}, options.usageReport ? {\n        _s: \"vp-\".concat(\"1.8.1-edge.0\")\n      } : {});\n\n      if (options.sourceTypes.indexOf('audio') > -1) {\n        builtSrc = new _audioSource.default(publicId, options);\n      } else {\n        builtSrc = new _videoSource.default(publicId, options);\n      }\n\n      return builtSrc;\n    };\n\n    _this.posterOptions = function (options) {\n      if (!options) {\n        return _posterOptions;\n      }\n\n      _posterOptions = options;\n      return _chainTarget;\n    };\n\n    _this.cloudinaryConfig = function (config) {\n      if (!config) {\n        return _cloudinaryConfig;\n      }\n\n      _cloudinaryConfig = (0, _cloudinary.getCloudinaryInstanceOf)(_cloudinaryCore.default.Cloudinary, config);\n      return _chainTarget;\n    };\n\n    _this.transformation = function (trans) {\n      if (!trans) {\n        return _transformation;\n      }\n\n      _transformation = (0, _cloudinary.getCloudinaryInstanceOf)(_cloudinaryCore.default.Transformation, trans);\n      return _chainTarget;\n    };\n\n    _this.sourceTypes = function (types) {\n      if (!types) {\n        return _sourceTypes;\n      }\n\n      _sourceTypes = types;\n      return _chainTarget;\n    };\n\n    _this.getCurrentSources = function () {\n      return _sources;\n    };\n\n    _this.sourceTransformation = function (trans) {\n      if (!trans) {\n        return _sourceTransformation;\n      }\n\n      _sourceTransformation = trans;\n      return _chainTarget;\n    };\n\n    _this.on = function () {\n      var _playerEvents2;\n\n      return (_playerEvents2 = _playerEvents).on.apply(_playerEvents2, arguments);\n    };\n\n    _this.one = function () {\n      var _playerEvents3;\n\n      return (_playerEvents3 = _playerEvents).one.apply(_playerEvents3, arguments);\n    };\n\n    _this.off = function () {\n      var _playerEvents4;\n\n      return (_playerEvents4 = _playerEvents).off.apply(_playerEvents4, arguments);\n    };\n\n    _this.autoShowRecommendations = function (autoShow) {\n      if (autoShow === undefined) {\n        return _autoShowRecommendations;\n      }\n\n      _autoShowRecommendations = autoShow;\n      return _chainTarget;\n    };\n\n    _this.dispose = function () {\n      if (_this.playlist()) {\n        _this.disposePlaylist();\n      }\n\n      unsetRecommendations();\n      _source = undefined;\n\n      _playerEvents.removeAllListeners();\n    };\n\n    var setRecommendations = function setRecommendations(recommendations, _ref) {\n      var _ref$disableAutoShow = _ref.disableAutoShow,\n          disableAutoShow = _ref$disableAutoShow === void 0 ? false : _ref$disableAutoShow,\n          _ref$itemBuilder = _ref.itemBuilder,\n          itemBuilder = _ref$itemBuilder === void 0 ? null : _ref$itemBuilder;\n      unsetRecommendations();\n\n      if (!Array.isArray(recommendations) && typeof recommendations !== 'function' && !recommendations.then) {\n        throw new Error('\"recommendations\" must be either an array or a function');\n      }\n\n      _recommendations = {};\n\n      itemBuilder = itemBuilder || function (source) {\n        return {\n          source: source instanceof _videoSource.default ? source : _this.buildSource(source),\n          action: function action() {\n            return _this.source(source);\n          }\n        };\n      };\n\n      _recommendations.sourceChangedHandler = function () {\n        var trigger = function trigger(sources) {\n          if (typeof sources !== 'undefined' && sources.length > 0) {\n            var items = sources.map(function (_source) {\n              return itemBuilder(_source);\n            });\n\n            _this.player.trigger('recommendationschanged', {\n              items: items\n            });\n          } else {\n            _this.player.trigger('recommendationsnoshow');\n          }\n\n          _recommendations.sources = sources;\n        };\n\n        if ((0, _typeInference.isFunction)(recommendations)) {\n          trigger(recommendations());\n        } else if (recommendations.then) {\n          recommendations.then(trigger);\n        } else {\n          trigger(recommendations);\n        }\n      };\n\n      _this.one('cldsourcechanged', _recommendations.sourceChangedHandler);\n\n      _recommendations.endedHandler = function () {\n        if (!disableAutoShow && _this.autoShowRecommendations()) {\n          _this.player.trigger('recommendationsshow');\n        }\n      };\n\n      _this.on('ended', _recommendations.endedHandler);\n    };\n\n    var unsetRecommendations = function unsetRecommendations() {\n      if (_recommendations) {\n        _this.off('cldsourcechanged', _recommendations.sourceChangedHandler);\n\n        _this.off('ended', _recommendations.endedHandler);\n\n        delete _recommendations.endedHandler;\n        delete _recommendations.sourceChangedHandler;\n      }\n\n      _recommendations = null;\n    };\n\n    var refresh = function refresh() {\n      var src = _this.source();\n\n      if (src.poster()) {\n        _this.player.poster(src.poster().url());\n      }\n\n      _sources = src.generateSources().reduce(function (srcs, src) {\n        if (src.isAdaptive) {\n          var codec = src.type.split('; ')[1] || null;\n\n          if (codec && 'MediaSource' in window) {\n            var parts = src.type.split('; ');\n            var typeStr = \"video/mp4; \".concat(parts[1] || '');\n            var canPlay = testCanPlayTypeAndTypeSupported(typeStr);\n\n            if (_video.default.browser.IS_ANY_SAFARI) {\n              // work around safari saying it cant play h265\n              src.type = \"\".concat(parts[0], \"; \").concat((0, _common.codecShorthandTrans)('h264'));\n            }\n\n            if (canPlay) {\n              srcs.push(src);\n            }\n          } else {\n            srcs.push(src);\n          }\n        } else {\n          srcs.push(src);\n        }\n\n        return srcs;\n      }, []);\n\n      _this.player.src(_sources);\n\n      _lastSource = src;\n      _lastPlaylist = _this.playlist();\n    };\n\n    var testCanPlayTypeAndTypeSupported = function testCanPlayTypeAndTypeSupported(codec) {\n      var v = document.createElement('video');\n      return v.canPlayType(codec) || 'MediaSource' in window && MediaSource.isTypeSupported(codec);\n    };\n\n    var posterOptionsForCurrent = function posterOptionsForCurrent() {\n      var opts = (0, _assign.assign)({}, _this.posterOptions());\n\n      if (opts.transformation) {\n        if ((opts.transformation.width || opts.transformation.height) && !opts.transformation.crop) {\n          opts.transformation.crop = 'scale';\n        }\n      }\n\n      opts.transformation = (0, _cloudinary.getCloudinaryInstanceOf)(_cloudinaryCore.default.Transformation, opts.transformation || {}); // Set poster dimensions to player actual size.\n      // (unless they were explicitly set via `posterOptions`)\n\n      var playerEl = _this.player.el();\n\n      if (playerEl && playerEl.clientWidth && playerEl.clientHeight && !(0, _cloudinary.isKeyInTransformation)(opts.transformation, 'width') && !(0, _cloudinary.isKeyInTransformation)(opts.transformation, 'height')) {\n        var roundUp100 = function roundUp100(val) {\n          return 100 * Math.ceil(val / 100);\n        };\n\n        opts.transformation.width(roundUp100(playerEl.clientWidth)).height(roundUp100(playerEl.clientHeight)).crop('limit');\n      }\n\n      return opts;\n    }; // Handle external (non-cloudinary plugin) source changes (e.g. by ad plugins)\n\n\n    var syncState = function syncState(_, data) {\n      var src = data.to; // When source is cloudinary's\n\n      if (_lastSource && _lastSource.contains(src)) {\n        // If plugin state doesn't have an active VideoSource\n        if (!_this.source()) {\n          // We might have been running a playlist, reset playlist's state.\n          if (_lastPlaylist) {\n            _this.playlist(_lastPlaylist);\n          } // Rebuild last source state without calling vjs's 'src' and 'poster'\n\n\n          _this.source(_lastSource, {\n            skipRefresh: true\n          });\n        }\n      } else {\n        // Used by cloudinary-only components\n        _this.player.trigger('cldsourcechanged', {}); // When source isn't cloudinary's - reset the plugin's state.\n\n\n        _this.dispose();\n      }\n    };\n\n    _playerEvents = new _eventHandlerRegistry.default(_this.player);\n\n    var constructorParams = _slicing.sliceAndUnsetProperties.apply(void 0, [options].concat(CONSTRUCTOR_PARAMS));\n\n    (0, _applyWithProps.applyWithProps)(_assertThisInitialized(_this), constructorParams);\n\n    _this.on('sourcechanged', syncState);\n\n    return _this;\n  }\n\n  _createClass(CloudinaryContext, [{\n    key: \"currentSourceType\",\n    value: function currentSourceType() {\n      return this.source().getType();\n    }\n  }, {\n    key: \"currentPublicId\",\n    value: function currentPublicId() {\n      return this.source() && this.source().publicId();\n    }\n  }, {\n    key: \"currentPoster\",\n    value: function currentPoster() {\n      return this.source() && this.source().poster();\n    }\n  }]);\n\n  return CloudinaryContext;\n}((0, _mixin2.mixin)(_playlistable.default));\n\nfunction _default() {\n  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  options.chainTarget = options.chainTarget || this;\n  this.cloudinary = new CloudinaryContext(this, options);\n}\n\n//# sourceURL=webpack://cloudinaryVideoPlayer/./plugins/cloudinary/index.js?");
 
 /***/ }),
 
@@ -1031,7 +1031,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extr
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n\nvar contextMenuContent = function contextMenuContent(player) {\n  var isLooping = player.loop();\n  var isPaused = player.paused();\n  var isMuted = player.muted();\n  var isFullscreen = player.isFullscreen();\n  var aboutMenuItem = {\n    class: 'player-version',\n    label: 'Cloudinary Player v' + \"1.8.0\"\n  };\n\n  if (!player.controls()) {\n    return [aboutMenuItem];\n  }\n\n  return [{\n    label: isLooping ? 'Unloop' : 'Loop',\n    listener: function listener() {\n      player.loop(!isLooping);\n    }\n  }, {\n    label: isPaused ? 'Play' : 'Pause',\n    listener: function listener() {\n      if (isPaused) {\n        player.play();\n      } else {\n        player.pause();\n      }\n    }\n  }, {\n    label: isMuted ? 'Unmute' : 'Mute',\n    listener: function listener() {\n      player.muted(!isMuted);\n    }\n  }, {\n    label: isFullscreen ? 'Exit Fullscreen' : 'Fullscreen',\n    listener: function listener() {\n      if (isFullscreen) {\n        player.exitFullscreen();\n      } else {\n        player.requestFullscreen();\n      }\n    }\n  }, aboutMenuItem];\n};\n\nvar _default = contextMenuContent;\nexports.default = _default;\n\n//# sourceURL=webpack://cloudinaryVideoPlayer/./plugins/context-menu/contextMenuContent.js?");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n\nvar contextMenuContent = function contextMenuContent(player) {\n  var isLooping = player.loop();\n  var isPaused = player.paused();\n  var isMuted = player.muted();\n  var isFullscreen = player.isFullscreen();\n  var aboutMenuItem = {\n    class: 'player-version',\n    label: 'Cloudinary Player v' + \"1.8.1-edge.0\"\n  };\n\n  if (!player.controls()) {\n    return [aboutMenuItem];\n  }\n\n  return [{\n    label: isLooping ? 'Unloop' : 'Loop',\n    listener: function listener() {\n      player.loop(!isLooping);\n    }\n  }, {\n    label: isPaused ? 'Play' : 'Pause',\n    listener: function listener() {\n      if (isPaused) {\n        player.play();\n      } else {\n        player.pause();\n      }\n    }\n  }, {\n    label: isMuted ? 'Unmute' : 'Mute',\n    listener: function listener() {\n      player.muted(!isMuted);\n    }\n  }, {\n    label: isFullscreen ? 'Exit Fullscreen' : 'Fullscreen',\n    listener: function listener() {\n      if (isFullscreen) {\n        player.exitFullscreen();\n      } else {\n        player.requestFullscreen();\n      }\n    }\n  }, aboutMenuItem];\n};\n\nvar _default = contextMenuContent;\nexports.default = _default;\n\n//# sourceURL=webpack://cloudinaryVideoPlayer/./plugins/context-menu/contextMenuContent.js?");
 
 /***/ }),
 
@@ -1439,7 +1439,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.sourceValidators = exports.playerValidators = void 0;\n\nvar _videoPlayer = __webpack_require__(/*! ../video-player.const */ \"./video-player.const.js\");\n\nvar _interactionArea = __webpack_require__(/*! ../components/interaction-area/interaction-area.const */ \"./components/interaction-area/interaction-area.const.js\");\n\nvar _validatorsTypes = __webpack_require__(/*! ./validators-types */ \"./validators/validators-types.js\");\n\nvar playerValidators = {\n  videojsOptions: {\n    loop: _validatorsTypes.validator.isBoolean,\n    controls: _validatorsTypes.validator.isBoolean,\n    autoplay: _validatorsTypes.validator.isBoolean,\n    autoplayMode: _validatorsTypes.validator.isString(_videoPlayer.AUTO_PLAY_MODE),\n    bigPlayButton: _validatorsTypes.validator.isBoolean,\n    playbackRates: _validatorsTypes.validator.isArray,\n    showLogo: _validatorsTypes.validator.isBoolean,\n    logoImageUrl: _validatorsTypes.validator.isString,\n    logoOnclickUrl: _validatorsTypes.validator.isString,\n    videoJS: _validatorsTypes.validator.isPlainObject,\n    maxTries: _validatorsTypes.validator.isNumber,\n    muted: _validatorsTypes.validator.isBoolean,\n    playsinline: _validatorsTypes.validator.isBoolean,\n    videoTimeout: _validatorsTypes.validator.isNumber,\n    preload: _validatorsTypes.validator.isString,\n    sourceTransformation: _validatorsTypes.validator.isPlainObject,\n    allowUsageReport: _validatorsTypes.validator.isBoolean,\n    interactionAreas: {\n      theme: {\n        template: _validatorsTypes.validator.isString(_interactionArea.INTERACTION_AREAS_THEME)\n      },\n      layout: {\n        enable: _validatorsTypes.validator.isBoolean,\n        showAgain: _validatorsTypes.validator.isBoolean\n      }\n    }\n  },\n  playerOptions: {\n    publicId: _validatorsTypes.validator.isString,\n    fluid: _validatorsTypes.validator.isBoolean,\n    analytics: _validatorsTypes.validator.isBoolean,\n    hideContextMenu: _validatorsTypes.validator.isBoolean,\n    playedEventPercents: _validatorsTypes.validator.isArrayOfNumbers,\n    showJumpControls: _validatorsTypes.validator.isBoolean,\n    seekThumbnails: _validatorsTypes.validator.isBoolean,\n    floatingWhenNotVisible: _validatorsTypes.validator.isString(_videoPlayer.FLOATING_TO),\n    playedEventTimes: _validatorsTypes.validator.isArray,\n    playlistWidget: {\n      direction: _validatorsTypes.validator.isString,\n      total: _validatorsTypes.validator.isNumber\n    },\n    colors: {\n      base: _validatorsTypes.validator.isString,\n      accent: _validatorsTypes.validator.isString,\n      text: _validatorsTypes.validator.isString\n    },\n    ads: {\n      adTagUrl: _validatorsTypes.validator.isString,\n      showCountdown: _validatorsTypes.validator.isBoolean,\n      adLabel: _validatorsTypes.validator.isString,\n      locale: _validatorsTypes.validator.isString,\n      prerollTimeout: _validatorsTypes.validator.isNumber,\n      postrollTimeout: _validatorsTypes.validator.isNumber,\n      adsInPlaylist: _validatorsTypes.validator.isString(_videoPlayer.ADS_IN_PLAYLIST)\n    },\n    cloudinary: {\n      autoShowRecommendations: _validatorsTypes.validator.isBoolean,\n      sourceTypes: _validatorsTypes.validator.isArrayOfStrings,\n      transformation: _validatorsTypes.validator.isObject,\n      fontFace: _validatorsTypes.validator.isString,\n      posterOptions: {\n        publicId: _validatorsTypes.validator.isString,\n        transformation: _validatorsTypes.validator.isObject\n      }\n    }\n  }\n};\nexports.playerValidators = playerValidators;\nvar sourceValidators = {\n  raw_transformation: _validatorsTypes.validator.isString,\n  shoppable: _validatorsTypes.validator.isPlainObject,\n  withCredentials: _validatorsTypes.validator.isBoolean,\n  interactionAreas: {\n    enable: _validatorsTypes.validator.isBoolean,\n    template: _validatorsTypes.validator.or(_validatorsTypes.validator.isString(_interactionArea.INTERACTION_AREAS_TEMPLATE), _validatorsTypes.validator.isArray),\n    vttUrl: _validatorsTypes.validator.isString,\n    onClick: _validatorsTypes.validator.isFunction\n  },\n  textTracks: {\n    captions: {\n      label: _validatorsTypes.validator.isString,\n      language: _validatorsTypes.validator.isString,\n      default: _validatorsTypes.validator.isBoolean,\n      url: _validatorsTypes.validator.isString\n    },\n    subtitles: _validatorsTypes.validator.isArrayOfObjects({\n      label: _validatorsTypes.validator.isString,\n      language: _validatorsTypes.validator.isString,\n      url: _validatorsTypes.validator.isString\n    })\n  },\n  info: {\n    title: _validatorsTypes.validator.isString,\n    subtitle: _validatorsTypes.validator.isString,\n    description: _validatorsTypes.validator.isString\n  },\n  cloudinary: {\n    sourceTypes: _validatorsTypes.validator.isArrayOfStrings,\n    transformation: _validatorsTypes.validator.isObject\n  }\n};\nexports.sourceValidators = sourceValidators;\n\n//# sourceURL=webpack://cloudinaryVideoPlayer/./validators/validators.js?");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.sourceValidators = exports.playerValidators = void 0;\n\nvar _videoPlayer = __webpack_require__(/*! ../video-player.const */ \"./video-player.const.js\");\n\nvar _interactionArea = __webpack_require__(/*! ../components/interaction-area/interaction-area.const */ \"./components/interaction-area/interaction-area.const.js\");\n\nvar _validatorsTypes = __webpack_require__(/*! ./validators-types */ \"./validators/validators-types.js\");\n\nvar playerValidators = {\n  videojsOptions: {\n    loop: _validatorsTypes.validator.isBoolean,\n    controls: _validatorsTypes.validator.isBoolean,\n    autoplay: _validatorsTypes.validator.isBoolean,\n    autoplayMode: _validatorsTypes.validator.isString(_videoPlayer.AUTO_PLAY_MODE),\n    bigPlayButton: _validatorsTypes.validator.isBoolean,\n    playbackRates: _validatorsTypes.validator.isArray,\n    showLogo: _validatorsTypes.validator.isBoolean,\n    logoImageUrl: _validatorsTypes.validator.isString,\n    logoOnclickUrl: _validatorsTypes.validator.isString,\n    videoJS: _validatorsTypes.validator.isPlainObject,\n    maxTries: _validatorsTypes.validator.isNumber,\n    muted: _validatorsTypes.validator.isBoolean,\n    playsinline: _validatorsTypes.validator.isBoolean,\n    videoTimeout: _validatorsTypes.validator.isNumber,\n    preload: _validatorsTypes.validator.isString,\n    sourceTransformation: _validatorsTypes.validator.isPlainObject,\n    allowUsageReport: _validatorsTypes.validator.isBoolean,\n    interactionAreas: {\n      theme: {\n        template: _validatorsTypes.validator.isString(_interactionArea.INTERACTION_AREAS_THEME)\n      },\n      layout: {\n        enable: _validatorsTypes.validator.isBoolean,\n        showAgain: _validatorsTypes.validator.isBoolean\n      }\n    }\n  },\n  playerOptions: {\n    queryParams: _validatorsTypes.validator.isPlainObject,\n    publicId: _validatorsTypes.validator.isString,\n    fluid: _validatorsTypes.validator.isBoolean,\n    analytics: _validatorsTypes.validator.isBoolean,\n    hideContextMenu: _validatorsTypes.validator.isBoolean,\n    playedEventPercents: _validatorsTypes.validator.isArrayOfNumbers,\n    showJumpControls: _validatorsTypes.validator.isBoolean,\n    seekThumbnails: _validatorsTypes.validator.isBoolean,\n    floatingWhenNotVisible: _validatorsTypes.validator.isString(_videoPlayer.FLOATING_TO),\n    playedEventTimes: _validatorsTypes.validator.isArray,\n    playlistWidget: {\n      direction: _validatorsTypes.validator.isString,\n      total: _validatorsTypes.validator.isNumber\n    },\n    colors: {\n      base: _validatorsTypes.validator.isString,\n      accent: _validatorsTypes.validator.isString,\n      text: _validatorsTypes.validator.isString\n    },\n    ads: {\n      adTagUrl: _validatorsTypes.validator.isString,\n      showCountdown: _validatorsTypes.validator.isBoolean,\n      adLabel: _validatorsTypes.validator.isString,\n      locale: _validatorsTypes.validator.isString,\n      prerollTimeout: _validatorsTypes.validator.isNumber,\n      postrollTimeout: _validatorsTypes.validator.isNumber,\n      adsInPlaylist: _validatorsTypes.validator.isString(_videoPlayer.ADS_IN_PLAYLIST)\n    },\n    cloudinary: {\n      autoShowRecommendations: _validatorsTypes.validator.isBoolean,\n      sourceTypes: _validatorsTypes.validator.isArrayOfStrings,\n      transformation: _validatorsTypes.validator.isObject,\n      fontFace: _validatorsTypes.validator.isString,\n      posterOptions: {\n        publicId: _validatorsTypes.validator.isString,\n        transformation: _validatorsTypes.validator.isObject\n      }\n    }\n  }\n};\nexports.playerValidators = playerValidators;\nvar sourceValidators = {\n  raw_transformation: _validatorsTypes.validator.isString,\n  shoppable: _validatorsTypes.validator.isPlainObject,\n  withCredentials: _validatorsTypes.validator.isBoolean,\n  interactionAreas: {\n    enable: _validatorsTypes.validator.isBoolean,\n    template: _validatorsTypes.validator.or(_validatorsTypes.validator.isString(_interactionArea.INTERACTION_AREAS_TEMPLATE), _validatorsTypes.validator.isArray),\n    vttUrl: _validatorsTypes.validator.isString,\n    onClick: _validatorsTypes.validator.isFunction\n  },\n  textTracks: {\n    captions: {\n      label: _validatorsTypes.validator.isString,\n      language: _validatorsTypes.validator.isString,\n      default: _validatorsTypes.validator.isBoolean,\n      url: _validatorsTypes.validator.isString\n    },\n    subtitles: _validatorsTypes.validator.isArrayOfObjects({\n      label: _validatorsTypes.validator.isString,\n      language: _validatorsTypes.validator.isString,\n      url: _validatorsTypes.validator.isString\n    })\n  },\n  info: {\n    title: _validatorsTypes.validator.isString,\n    subtitle: _validatorsTypes.validator.isString,\n    description: _validatorsTypes.validator.isString\n  },\n  cloudinary: {\n    sourceTypes: _validatorsTypes.validator.isArrayOfStrings,\n    transformation: _validatorsTypes.validator.isObject\n  }\n};\nexports.sourceValidators = sourceValidators;\n\n//# sourceURL=webpack://cloudinaryVideoPlayer/./validators/validators.js?");
 
 /***/ }),
 
@@ -1451,7 +1451,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.PRELOAD = exports.PLAYER_PARAMS = exports.FLUID_CLASS_NAME = exports.FLOATING_TO = exports.DEFAULT_HLS_OPTIONS = exports.CLOUDINARY_PARAMS = exports.AUTO_PLAY_MODE = exports.ADS_IN_PLAYLIST = void 0;\n\nvar _video = _interopRequireDefault(__webpack_require__(/*! video.js */ \"../node_modules/video.js/dist/alt/video.core.js-exposed\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar CLOUDINARY_PARAMS = ['cloudinaryConfig', 'transformation', 'sourceTypes', 'sourceTransformation', 'posterOptions', 'autoShowRecommendations', 'fontFace', 'secure'];\nexports.CLOUDINARY_PARAMS = CLOUDINARY_PARAMS;\nvar PLAYER_PARAMS = CLOUDINARY_PARAMS.concat(['publicId', 'source', 'autoplayMode', 'playedEventPercents', 'playedEventTimes', 'analytics', 'fluid', 'ima', 'playlistWidget', 'hideContextMenu', 'colors', 'floatingWhenNotVisible', 'ads', 'showJumpControls', 'textTracks', 'qualitySelector', 'fetchErrorUsingGet', 'withCredentials', 'seekThumbnails']);\nexports.PLAYER_PARAMS = PLAYER_PARAMS;\nvar DEFAULT_HLS_OPTIONS = {\n  html5: {\n    handlePartialData: false,\n    vhs: {\n      overrideNative: _video.default && _video.default.browser ? !_video.default.browser.IS_IOS && !_video.default.browser.IS_SAFARI : true\n    }\n  }\n};\nexports.DEFAULT_HLS_OPTIONS = DEFAULT_HLS_OPTIONS;\nvar FLUID_CLASS_NAME = 'cld-fluid';\nexports.FLUID_CLASS_NAME = FLUID_CLASS_NAME;\nvar AUTO_PLAY_MODE = {\n  ALWAYS: 'always',\n  ON_SCROLL: 'on-scroll',\n  NEVER: 'never'\n};\nexports.AUTO_PLAY_MODE = AUTO_PLAY_MODE;\nvar FLOATING_TO = {\n  LEFT: 'left',\n  RIGHT: 'right',\n  NONE: 'none'\n};\nexports.FLOATING_TO = FLOATING_TO;\nvar ADS_IN_PLAYLIST = {\n  FIRST_VIDEO: 'first-video',\n  EVERY_VIDEO: 'every-video'\n};\nexports.ADS_IN_PLAYLIST = ADS_IN_PLAYLIST;\nvar PRELOAD = {\n  AUTO: 'auto',\n  METADATA: 'metadata',\n  NONE: 'none'\n};\nexports.PRELOAD = PRELOAD;\n\n//# sourceURL=webpack://cloudinaryVideoPlayer/./video-player.const.js?");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.PRELOAD = exports.PLAYER_PARAMS = exports.FLUID_CLASS_NAME = exports.FLOATING_TO = exports.DEFAULT_HLS_OPTIONS = exports.CLOUDINARY_PARAMS = exports.AUTO_PLAY_MODE = exports.ADS_IN_PLAYLIST = void 0;\n\nvar _video = _interopRequireDefault(__webpack_require__(/*! video.js */ \"../node_modules/video.js/dist/alt/video.core.js-exposed\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar CLOUDINARY_PARAMS = ['cloudinaryConfig', 'transformation', 'sourceTypes', 'sourceTransformation', 'posterOptions', 'autoShowRecommendations', 'fontFace', 'secure'];\nexports.CLOUDINARY_PARAMS = CLOUDINARY_PARAMS;\nvar PLAYER_PARAMS = CLOUDINARY_PARAMS.concat(['publicId', 'source', 'autoplayMode', 'playedEventPercents', 'playedEventTimes', 'analytics', 'fluid', 'ima', 'playlistWidget', 'hideContextMenu', 'colors', 'floatingWhenNotVisible', 'ads', 'showJumpControls', 'textTracks', 'qualitySelector', 'fetchErrorUsingGet', 'withCredentials', 'seekThumbnails', 'queryParams']);\nexports.PLAYER_PARAMS = PLAYER_PARAMS;\nvar DEFAULT_HLS_OPTIONS = {\n  html5: {\n    handlePartialData: false,\n    vhs: {\n      overrideNative: _video.default && _video.default.browser ? !_video.default.browser.IS_IOS && !_video.default.browser.IS_SAFARI : true\n    }\n  }\n};\nexports.DEFAULT_HLS_OPTIONS = DEFAULT_HLS_OPTIONS;\nvar FLUID_CLASS_NAME = 'cld-fluid';\nexports.FLUID_CLASS_NAME = FLUID_CLASS_NAME;\nvar AUTO_PLAY_MODE = {\n  ALWAYS: 'always',\n  ON_SCROLL: 'on-scroll',\n  NEVER: 'never'\n};\nexports.AUTO_PLAY_MODE = AUTO_PLAY_MODE;\nvar FLOATING_TO = {\n  LEFT: 'left',\n  RIGHT: 'right',\n  NONE: 'none'\n};\nexports.FLOATING_TO = FLOATING_TO;\nvar ADS_IN_PLAYLIST = {\n  FIRST_VIDEO: 'first-video',\n  EVERY_VIDEO: 'every-video'\n};\nexports.ADS_IN_PLAYLIST = ADS_IN_PLAYLIST;\nvar PRELOAD = {\n  AUTO: 'auto',\n  METADATA: 'metadata',\n  NONE: 'none'\n};\nexports.PRELOAD = PRELOAD;\n\n//# sourceURL=webpack://cloudinaryVideoPlayer/./video-player.const.js?");
 
 /***/ }),