@wistia/wistia-player 0.0.19 → 0.0.21

package/dist/wistia-player.js

@@ -1,37 +1,69 @@
 /******/ var __webpack_modules__ = ({
 
 /***/ 4586:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+/***/ ((__unused_webpack_module, exports) => {
 
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   Et: () => (/* binding */ isNumber),
-/* harmony export */   gD: () => (/* binding */ isNil),
-/* harmony export */   n9: () => (/* binding */ isNotNil)
-/* harmony export */ });
-/* unused harmony exports isNull, isNotNull, isUndefined, isNotUndefined, isString, isEmptyString, isNonEmptyString, isRecord, isEmptyRecord, isNonEmptyRecord, isArray, isEmptyArray, isNonEmptyArray, isFunction, isBoolean, isVoid, isError, hasKey */
+var __webpack_unused_export__;
+
+__webpack_unused_export__ = ({ value: true });
+__webpack_unused_export__ = __webpack_unused_export__ = __webpack_unused_export__ = __webpack_unused_export__ = exports.Lm = __webpack_unused_export__ = exports.Tn = __webpack_unused_export__ = __webpack_unused_export__ = __webpack_unused_export__ = exports.cy = exports.uu = __webpack_unused_export__ = exports.u4 = __webpack_unused_export__ = __webpack_unused_export__ = __webpack_unused_export__ = exports.Et = __webpack_unused_export__ = exports.jw = __webpack_unused_export__ = exports.Kg = exports.n9 = exports.gD = __webpack_unused_export__ = exports.b0 = __webpack_unused_export__ = exports.kZ = void 0;
 const isNull = (x) => x === null;
-const isNotNull = (x) => !isNull(x);
+exports.kZ = isNull;
+const isNotNull = (x) => !(0, exports.kZ)(x);
+__webpack_unused_export__ = isNotNull;
 const isUndefined = (x) => x === undefined;
-const isNotUndefined = (x) => !isUndefined(x);
-const isNil = (x) => isNull(x) || isUndefined(x);
-const isNotNil = (x) => !isNil(x);
+exports.b0 = isUndefined;
+const isNotUndefined = (x) => !(0, exports.b0)(x);
+__webpack_unused_export__ = isNotUndefined;
+const isNil = (x) => (0, exports.kZ)(x) || (0, exports.b0)(x);
+exports.gD = isNil;
+const isNotNil = (x) => !(0, exports.gD)(x);
+exports.n9 = isNotNil;
 const isString = (x) => typeof x === 'string';
-const isEmptyString = (x) => isString(x) && x === '';
-const isNonEmptyString = (x) => isString(x) && !isEmptyString(x);
+exports.Kg = isString;
+const isNotString = (x) => !(0, exports.Kg)(x);
+__webpack_unused_export__ = isNotString;
+const isEmptyString = (x) => (0, exports.Kg)(x) && x === '';
+exports.jw = isEmptyString;
+const isNonEmptyString = (x) => (0, exports.Kg)(x) && !(0, exports.jw)(x);
+__webpack_unused_export__ = isNonEmptyString;
 const isNumber = (x) => typeof x === 'number';
-const isRecord = (x) => isNotNil(x) && typeof x === 'object' && !(x instanceof Array);
-const isEmptyRecord = (x) => isRecord(x) && Object.keys(x).length === 0;
-const isNonEmptyRecord = (x) => isRecord(x) && Object.keys(x).length > 0;
-const isArray = (x) => isNotNil(x) && typeof x === 'object' && x instanceof Array;
-const isEmptyArray = (x) => isArray(x) && x.length === 0;
-const isNonEmptyArray = (x) => isArray(x) && x.length > 0;
-const isFunction = (x) => isNotNil(x) && typeof x === 'function';
-const isBoolean = (x) => isNotNil(x) && typeof x === 'boolean';
+exports.Et = isNumber;
+const isNotNumber = (x) => !(0, exports.Et)(x);
+__webpack_unused_export__ = isNotNumber;
+const isNaN = (x) => Number.isNaN(x);
+__webpack_unused_export__ = isNaN;
+const isInteger = (x) => Number.isInteger(x);
+__webpack_unused_export__ = isInteger;
+const isRecord = (x) => (0, exports.n9)(x) && typeof x === 'object' && !(x instanceof Array);
+exports.u4 = isRecord;
+const isEmptyRecord = (x) => (0, exports.u4)(x) && Object.keys(x).length === 0;
+__webpack_unused_export__ = isEmptyRecord;
+const isNonEmptyRecord = (x) => (0, exports.u4)(x) && Object.keys(x).length > 0;
+exports.uu = isNonEmptyRecord;
+const isArray = (x) => (0, exports.n9)(x) && typeof x === 'object' && x instanceof Array;
+exports.cy = isArray;
+const isNotArray = (x) => !(0, exports.cy)(x);
+__webpack_unused_export__ = isNotArray;
+const isEmptyArray = (x) => (0, exports.cy)(x) && x.length === 0;
+__webpack_unused_export__ = isEmptyArray;
+const isNonEmptyArray = (x) => (0, exports.cy)(x) && x.length > 0;
+__webpack_unused_export__ = isNonEmptyArray;
+const isFunction = (x) => (0, exports.n9)(x) && typeof x === 'function';
+exports.Tn = isFunction;
+const isNotFunction = (x) => !(0, exports.Tn)(x);
+__webpack_unused_export__ = isNotFunction;
+const isBoolean = (x) => (0, exports.n9)(x) && typeof x === 'boolean';
+exports.Lm = isBoolean;
+const isNotBoolean = (x) => !(0, exports.Lm)(x);
+__webpack_unused_export__ = isNotBoolean;
 // eslint-disable-next-line no-void
 const isVoid = (x) => x === void 0;
+__webpack_unused_export__ = isVoid;
 const isError = (error) => {
-    return isNotNil(error) && error instanceof Error;
+    return (0, exports.n9)(error) && error instanceof Error;
 };
+__webpack_unused_export__ = isError;
 /**
  * Curried function that tests if an input is an object
  * _and_ that a key that was passed in is a property of that object
@@ -40,7 +72,8 @@ const isError = (error) => {
  * @returns A function that takes an unknown input and then tests if the
  *  input is an object and whether the key is a property of that object or not
  */
-const hasKey = (x, key) => isNonEmptyRecord(x) && key in x;
+const hasKey = (x, key) => (0, exports.uu)(x) && key in x;
+__webpack_unused_export__ = hasKey;
 
 
 /***/ }),
@@ -1767,8 +1800,9 @@ var LoadingSVG = /*#__PURE__*/function (_Component) {
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   F: () => (/* binding */ BigPlayButton)
+/* harmony export */   Fn: () => (/* binding */ BigPlayButton)
 /* harmony export */ });
+/* unused harmony exports BASE_BUTTON_WIDTH, BASE_BUTTON_HEIGHT */
 /* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5181);
 /* harmony import */ var preact_hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3817);
 /* harmony import */ var _svgs_OldBigPlayButtonSVG_tsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1549);
@@ -1796,13 +1830,17 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
 var detect = (0,_utilities_detect_js__WEBPACK_IMPORTED_MODULE_6__/* .cachedDetect */ .o1)();
+var BASE_BUTTON_WIDTH = 125;
+var BASE_BUTTON_HEIGHT = 80;
 var BASE_FONT_SIZE = 18;
 var BASE_LINE_HEIGHT = 30;
 var ALPHA_MIX_BLEND_MODE = 0.7;
 var ALPHA_NO_MIX_BLEND_MODE = 0.85;
 var BigPlayButton = function BigPlayButton(_ref) {
-  var baseHeight = _ref.baseHeight,
-    baseWidth = _ref.baseWidth,
+  var _ref$baseHeight = _ref.baseHeight,
+    baseHeight = _ref$baseHeight === void 0 ? BASE_BUTTON_HEIGHT : _ref$baseHeight,
+    _ref$baseWidth = _ref.baseWidth,
+    baseWidth = _ref$baseWidth === void 0 ? BASE_BUTTON_WIDTH : _ref$baseWidth,
     borderRadius = _ref.borderRadius,
     buttonTabIndex = _ref.buttonTabIndex,
     color = _ref.color,
@@ -1847,6 +1885,8 @@ var BigPlayButton = function BigPlayButton(_ref) {
     top: "calc(50% + ".concat((topNudgeFraction || 0) * 100, "% - ").concat(controlBarDistance, "px)")
   };
   var buttonStyle = {
+    backgroundColor: 'transparent',
+    border: 0,
     cursor: 'pointer',
     height: "".concat(scaledHeight, "px"),
     boxShadow: 'none',
@@ -1904,8 +1944,8 @@ var BigPlayButton = function BigPlayButton(_ref) {
     style: buttonStyle,
     onMouseEnter: handleIsFocused,
     onMouseLeave: handleNotFocused,
-    onfocusin: handleIsFocused,
-    onfocusout: handleNotFocused,
+    onFocusIn: handleIsFocused,
+    onFocusOut: handleNotFocused,
     "aria-label": ariaLabel,
     tabIndex: buttonTabIndex,
     type: "button"
@@ -3062,6 +3102,103 @@ var Playbar = /*#__PURE__*/function (_Component) {
 
 /***/ }),
 
+/***/ 707:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   y: () => (/* binding */ RoundedVolumeButton)
+/* harmony export */ });
+/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5181);
+/* harmony import */ var _utilities_svg_boilerplate_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(280);
+/* eslint-disable @typescript-eslint/no-magic-numbers */
+
+
+var OPACITY_TRANSITION = 'opacity 100ms';
+var RoundedVolumeButton = function RoundedVolumeButton(_ref) {
+  var volume = _ref.volume;
+  var svgAttrs = (0,_utilities_svg_boilerplate_js__WEBPACK_IMPORTED_MODULE_1__/* .standardSvgAttrs */ .I)({
+    width: 40,
+    height: 34,
+    ariaHidden: true,
+    styleOverride: {
+      fill: 'none'
+    }
+  });
+  var sharedAttrs = {
+    stroke: '#fff',
+    'stroke-width': 2,
+    'stroke-linecap': 'round',
+    'stroke-linejoin': 'round'
+  };
+  var waveCount = function waveCount() {
+    var vol = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : volume;
+    if (vol > 0.66) {
+      return 2;
+    }
+    if (vol > 0.33) {
+      return 1;
+    }
+    if (vol > 0) {
+      return 0;
+    }
+    return -1; // muted
+  };
+  var positioningOffset = function positioningOffset() {
+    var wc = waveCount();
+    if (wc === 0) {
+      return 7;
+    }
+    if (wc < 2) {
+      return 3;
+    }
+    return 1.25;
+  };
+  var speakerGroupStyle = function speakerGroupStyle() {
+    return {
+      transform: "translateX(".concat(positioningOffset(), "px)"),
+      transition: 'transform 100ms'
+    };
+  };
+  var waveXStyle = function waveXStyle() {
+    return {
+      opacity: waveCount() < 0 ? 1 : 0,
+      transition: OPACITY_TRANSITION
+    };
+  };
+  var wave1Style = function wave1Style() {
+    return {
+      opacity: waveCount() >= 1 ? 1 : 0,
+      transition: OPACITY_TRANSITION
+    };
+  };
+  var wave2Style = function wave2Style() {
+    return {
+      opacity: waveCount() >= 2 ? 1 : 0,
+      transition: OPACITY_TRANSITION
+    };
+  };
+  return (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("svg", svgAttrs, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("g", {
+    style: speakerGroupStyle()
+  }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("path", {
+    d: "M15.8 13.9995C15.3 14.4995 14.4 14.7995 13.8 14.7995H12.2C11.5 14.7995 11 15.2995 11 15.9995V17.5995C11 18.2995 11.5 18.7995 12.2 18.7995H13.8C14.5 18.7995 15.4 19.1995 15.8 19.5995L18.2 21.3999C18.5296 21.6472 19 21.412 19 20.9999V12.154C19 11.7163 18.4774 11.4899 18.1581 11.7892L15.8 13.9995Z",
+    fill: "white"
+  }), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("g", sharedAttrs, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("path", {
+    d: "M22 11.5C22 11.5 23.1 14 23.1 16.5C23.1 19 22 21.5 22 21.5",
+    style: wave1Style()
+  }), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("path", {
+    d: "M26 9C26 9 27.7 12.8 27.7 16.5C27.7 20.2 26 24 26 24",
+    style: wave2Style()
+  }), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("g", {
+    style: waveXStyle()
+  }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("path", {
+    d: "M22 14L27 19"
+  }), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("path", {
+    d: "M27 14L22 19"
+  })))));
+};
+
+/***/ }),
+
 /***/ 9536:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -3771,6 +3908,52 @@ var fontSize = function fontSize(component) {
 
 /***/ }),
 
+/***/ 7038:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   _: () => (/* binding */ RoundedAudioDescriptionButton)
+/* harmony export */ });
+/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5181);
+/* harmony import */ var _utilities_svg_boilerplate_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(280);
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+
+var RoundedAudioDescriptionButton = function RoundedAudioDescriptionButton(_ref) {
+  var onMouseEnter = _ref.onMouseEnter;
+  var stroke = {
+    stroke: '#ffffff',
+    'stroke-width': '1.8',
+    'stroke-linecap': 'round',
+    'stroke-linejoin': 'round'
+  };
+  var svgAttrs = (0,_utilities_svg_boilerplate_js__WEBPACK_IMPORTED_MODULE_1__/* .standardSvgAttrs */ .I)({
+    width: 40,
+    height: 34,
+    ariaHidden: true,
+    styleOverride: {
+      fill: 'none'
+    }
+  });
+  return (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("svg", _extends({}, svgAttrs, {
+    onMouseEnter: onMouseEnter
+  }), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("g", stroke, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M19.7 14.6C21.9 14.6 22.7 16 22.7 17.4C22.7 18.7 22 20.2 19.7 20.2H18.2V14.6H19.7Z"
+  }), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("path", {
+    d: "M10 20.2L12.6 14.6L15 20.2"
+  }), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("path", {
+    d: "M10.5 19H14.5"
+  }), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("path", {
+    d: "M27.5 24.8C29.7 22.7 30.7 19.9 30.7 17.4C30.7 14.7 29.7 12.1 27.5 10"
+  }), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("path", {
+    d: "M24.6 12.9C26 14.1 26.6 15.7 26.6 17.4C26.6 19 26.1 20.7 24.6 21.9"
+  })));
+};
+
+/***/ }),
+
 /***/ 8822:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -3846,6 +4029,55 @@ var CaptionsButton = /*#__PURE__*/function (_Component) {
 
 /***/ }),
 
+/***/ 6955:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   b: () => (/* binding */ RoundedCaptionsButton)
+/* harmony export */ });
+/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5181);
+/* harmony import */ var _utilities_svg_boilerplate_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(280);
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+
+var RoundedCaptionsButton = function RoundedCaptionsButton(_ref) {
+  var filled = _ref.filled,
+    color = _ref.color;
+  var svgAttrs = (0,_utilities_svg_boilerplate_js__WEBPACK_IMPORTED_MODULE_1__/* .standardSvgAttrs */ .I)({
+    width: 40,
+    height: 34,
+    ariaHidden: true,
+    styleOverride: {
+      fill: 'none'
+    }
+  });
+  var background = {
+    fill: filled ? '#fff' : 'none',
+    stroke: '#ffffff'
+  };
+  var captionsCharacters = {
+    fill: 'none',
+    stroke: filled ? "#".concat(color) : '#fff'
+  };
+  return (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("svg", svgAttrs, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("path", _extends({
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M31 21.9811C31 23.5912 29.6 25 28 25H12C10.4 25 9 23.5912 9 21.9811V12.0189C9 10.4088 10.4 9 12 9H28C29.6 9 31 10.4088 31 12.0189V21.9811Z",
+    "stroke-width": "2",
+    "stroke-linecap": "round"
+  }, background)), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("path", _extends({
+    d: "M18.4 18.7C17.9 19.4 17.3 19.9 16.3 19.9C15 19.9 13.9 18.8 13.9 17.1C13.9 15.5 14.9 14.3 16.3 14.3C17.3 14.3 17.9 14.8 18.3 15.5",
+    "stroke-width": "1.8",
+    "stroke-linecap": "round"
+  }, captionsCharacters)), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("path", _extends({
+    d: "M25.8 18.7C25.3 19.4 24.7 19.9 23.7 19.9C22.4 19.9 21.3 18.8 21.3 17.1C21.3 15.5 22.3 14.3 23.7 14.3C24.7 14.3 25.3 14.8 25.7 15.5",
+    "stroke-width": "1.8",
+    "stroke-linecap": "round"
+  }, captionsCharacters)));
+};
+
+/***/ }),
+
 /***/ 6233:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -4065,6 +4297,52 @@ var FullscreenButton = /*#__PURE__*/function (_Component) {
 
 /***/ }),
 
+/***/ 1220:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   D: () => (/* binding */ RoundedFullscreenButton)
+/* harmony export */ });
+/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5181);
+/* harmony import */ var _utilities_svg_boilerplate_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(280);
+
+
+var RoundedFullscreenButton = function RoundedFullscreenButton() {
+  var svgAttrs = (0,_utilities_svg_boilerplate_js__WEBPACK_IMPORTED_MODULE_1__/* .standardSvgAttrs */ .I)({
+    width: 40,
+    height: 34,
+    ariaHidden: true,
+    styleOverride: {
+      fill: 'none'
+    }
+  });
+  var stroke = {
+    stroke: 'white',
+    'stroke-width': '2',
+    'stroke-linecap': 'round',
+    'stroke-linejoin': 'round'
+  };
+  return (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("svg", svgAttrs, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("rect", {
+    x: "14",
+    y: "13",
+    width: "12",
+    height: "8",
+    rx: "1.5",
+    stroke: "white",
+    "stroke-width": "2"
+  }), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("g", stroke, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("path", {
+    d: "M10 13V11C10 9.89543 10.8954 9 12 9H14"
+  }), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("path", {
+    d: "M30 13V11C30 9.89543 29.1046 9 28 9H26"
+  }), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("path", {
+    d: "M30 21L30 23C30 24.1046 29.1046 25 28 25L26 25"
+  }), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("path", {
+    d: "M10 21L10 23C10 24.1046 10.8954 25 12 25L14 25"
+  })));
+};
+
+/***/ }),
+
 /***/ 1339:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -4353,6 +4631,36 @@ function LiveStreamStatus(_ref5) {
 
 /***/ }),
 
+/***/ 5403:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   t: () => (/* binding */ RoundedSettingsButton)
+/* harmony export */ });
+/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5181);
+/* harmony import */ var _utilities_svg_boilerplate_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(280);
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+
+var RoundedSettingsButton = function RoundedSettingsButton(_ref) {
+  var onMouseEnter = _ref.onMouseEnter;
+  var svgAttrs = (0,_utilities_svg_boilerplate_js__WEBPACK_IMPORTED_MODULE_1__/* .standardSvgAttrs */ .I)({
+    width: 40,
+    height: 34,
+    ariaHidden: true
+  });
+  return (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("svg", _extends({}, svgAttrs, {
+    onMouseEnter: onMouseEnter
+  }), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M26.4 15.4H28.3C28.7 15.4 29 15.7 29 16.1V16.7C29 17.1 28.7 17.4 28.3 17.4H26.4C26 17.4 25.6 17.7 25.5 18.1L25.1 19.2C25 19.5 25 20 25.3 20.3L26.6 21.6C26.9 21.9 26.9 22.3 26.6 22.6L26.2 23C25.9 23.3 25.5 23.3 25.2 23L23.9 21.7C23.6 21.5 23.1 21.4 22.8 21.6L21.7 22.1C21.3 22.2 21 22.6 21 23V24.7C21 25.1 20.7 25.4 20.3 25.4H19.7C19.3 25.4 19 25.1 19 24.7V23C19 22.6 18.7 22.2 18.3 22.1L17.1 21.6C16.8 21.5 16.3 21.5 16 21.8L14.8 23C14.5 23.3 14.1 23.3 13.8 23L13.4 22.6C13.1 22.3 13.1 21.9 13.4 21.6L14.6 20.4C14.8 20.1 14.9 19.6 14.7 19.3L14.2 18.1C14.1 17.7 13.7 17.4 13.3 17.4H11.7C11.3 17.4 11 17.1 11 16.7V16.1C11 15.7 11.3 15.4 11.7 15.4H13.3C13.7 15.4 14.1 15.1 14.2 14.7L14.7 13.5C14.9 13.2 14.9 12.7 14.6 12.4L13.4 11.2C13.1 10.9 13.1 10.5 13.4 10.2L13.8 9.8C14.1 9.5 14.5 9.5 14.8 9.8L16 11C16.3 11.3 16.8 11.4 17.1 11.2L18.3 10.7C18.7 10.6 19 10.2 19 9.8V8.1C19 7.7 19.3 7.4 19.7 7.4H20.3C20.7 7.4 21 7.7 21 8.1V9.8C21 10.2 21.3 10.6 21.7 10.7L22.8 11.2C23.1 11.4 23.6 11.4 23.9 11.1L25.2 9.8C25.5 9.5 25.9 9.5 26.2 9.8L26.6 10.2C26.9 10.5 26.9 10.9 26.6 11.2L25.3 12.5C25 12.8 24.9 13.3 25.1 13.6L25.5 14.7C25.6 15.1 26 15.4 26.4 15.4ZM19.9 20.4C22 20.4 23.8 18.7 23.8 16.5C23.8 14.3 22.1 12.6 19.9 12.6C17.7 12.6 16 14.4 16 16.5C16 18.6 17.7 20.4 19.9 20.4Z",
+    fill: "white"
+  }));
+};
+
+/***/ }),
+
 /***/ 9287:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -4685,23 +4993,21 @@ var ControlBarButton = /*#__PURE__*/function (_Component) {
       var _this$props = this.props,
         controlBarBorderRadius = _this$props.controlBarBorderRadius,
         extraPaddingWhenRounded = _this$props.extraPaddingWhenRounded,
-        isActuallyLink = _this$props.isActuallyLink,
-        scale = _this$props.scale;
+        isActuallyLink = _this$props.isActuallyLink;
       var bgColor = new utilities_color_js__WEBPACK_IMPORTED_MODULE_6__/* .Color */ .Q('#000');
       var alphaVal = isHovering && !this.props.disabled ? 0.2 : 0;
       bgColor.alpha(alphaVal);
       var rightMostExtraPaddingWhenRounded = this.props.isRightMostControl ? extraPaddingWhenRounded : 0;
-      var scaledRadius = controlBarBorderRadius * scale;
       var linkOverrideStyles = isActuallyLink ? {
         display: 'block',
         outline: 'none'
       } : {};
       return _objectSpread({
         backgroundColor: bgColor.toRgba(),
-        borderBottomLeftRadius: this.props.isLeftMostControl ? "".concat(scaledRadius, "px") : 0,
-        borderBottomRightRadius: this.props.isRightMostControl ? "".concat(scaledRadius, "px") : 0,
-        borderTopLeftRadius: this.props.isLeftMostControl ? "".concat(scaledRadius, "px") : 0,
-        borderTopRightRadius: this.props.isRightMostControl ? "".concat(scaledRadius, "px") : 0,
+        borderBottomLeftRadius: this.props.isLeftMostControl ? "".concat(controlBarBorderRadius, "px") : 0,
+        borderBottomRightRadius: this.props.isRightMostControl ? "".concat(controlBarBorderRadius, "px") : 0,
+        borderTopLeftRadius: this.props.isLeftMostControl ? "".concat(controlBarBorderRadius, "px") : 0,
+        borderTopRightRadius: this.props.isRightMostControl ? "".concat(controlBarBorderRadius, "px") : 0,
         boxShadow: isKeyboardFocused ? '0 0 0 2px #fff inset' : 'none',
         cursor: this.props.disabled ? 'not-allowed' : 'pointer',
         height: '100%',
@@ -5802,6 +6108,50 @@ var RawHTMLStub = /*#__PURE__*/function (_Component) {
 
 /***/ }),
 
+/***/ 4795:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   r: () => (/* binding */ RoundedSmallPlayButton)
+/* harmony export */ });
+/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5181);
+/* harmony import */ var _utilities_svg_boilerplate_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(280);
+
+
+var RoundedSmallPlayButton = function RoundedSmallPlayButton(_ref) {
+  var isPlaying = _ref.isPlaying,
+    _ref$svgStyle = _ref.svgStyle,
+    svgStyle = _ref$svgStyle === void 0 ? {} : _ref$svgStyle,
+    _ref$marginLeft = _ref.marginLeft,
+    marginLeft = _ref$marginLeft === void 0 ? 0 : _ref$marginLeft;
+  var svgAttrs = (0,_utilities_svg_boilerplate_js__WEBPACK_IMPORTED_MODULE_1__/* .standardSvgAttrs */ .I)({
+    width: 40,
+    height: 34,
+    ariaHidden: true,
+    styleOverride: svgStyle
+  });
+  return (
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+    (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+      style: {
+        width: '100%',
+        height: '100%',
+        marginLeft: marginLeft !== null && marginLeft !== void 0 ? marginLeft : 0
+      }
+    }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("svg", svgAttrs, isPlaying ? (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("path", {
+      "fill-rule": "evenodd",
+      "clip-rule": "evenodd",
+      d: "M16.5 11C15.6716 11 15 11.6716 15 12.5V22.5C15 23.3284 15.6716 24 16.5 24H17.5C18.3284 24 19 23.3284 19 22.5V12.5C19 11.6716 18.3284 11 17.5 11H16.5ZM23.5 11C22.6716 11 22 11.6716 22 12.5V22.5C22 23.3284 22.6716 24 23.5 24H24.5C25.3284 24 26 23.3284 26 22.5V12.5C26 11.6716 25.3284 11 24.5 11H23.5Z",
+      fill: "white"
+    }) : (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("path", {
+      d: "M24.888 16.1913C25.4371 16.5906 25.4371 17.4094 24.888 17.8087L16.5882 23.845C15.9272 24.3257 15 23.8535 15 23.0362V10.9638C15 10.1465 15.9272 9.67433 16.5882 10.155L24.888 16.1913Z",
+      fill: "white"
+    })))
+  );
+};
+
+/***/ }),
+
 /***/ 1168:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -6186,6 +6536,330 @@ var Thumbnail = /*#__PURE__*/function (_Component) {
 
 /***/ }),
 
+/***/ 9804:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   u: () => (/* binding */ PreloadThumbnail)
+/* harmony export */ });
+/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5181);
+/* harmony import */ var _hooks_usePlayerData_tsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2721);
+/* harmony import */ var _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(1512);
+/* harmony import */ var _media_players_vulcanV2Player_shared_ui_components_BigPlayButton_tsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6906);
+/* harmony import */ var _shared_ProgressiveThumbnail_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3164);
+/* harmony import */ var _shared_translations_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(4730);
+/* harmony import */ var _utilities_assets_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(7209);
+/* harmony import */ var _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(3123);
+
+
+
+
+
+
+
+
+var PreloadThumbnail = function PreloadThumbnail(_ref) {
+  var _ref2;
+  var isSwatchEnabled = _ref.isSwatchEnabled,
+    mediaId = _ref.mediaId,
+    playerWidth = _ref.playerWidth;
+  var _usePlayerData = (0,_hooks_usePlayerData_tsx__WEBPACK_IMPORTED_MODULE_1__/* .usePlayerData */ .$)(),
+    embedOptions = _usePlayerData.embedOptions,
+    mediaData = _usePlayerData.mediaData;
+  var bigPlayButtonBorderRadius = embedOptions.bigPlayButtonBorderRadius,
+    controlBarBorderRadius = embedOptions.controlBarBorderRadius,
+    controlsVisibleOnLoad = embedOptions.controlsVisibleOnLoad,
+    floatingControlBar = embedOptions.floatingControlBar,
+    newRoundedIcons = embedOptions.newRoundedIcons,
+    noMixBlendMode = embedOptions.noMixBlendMode,
+    playerBorderRadius = embedOptions.playerBorderRadius,
+    playerColor = embedOptions.playerColor,
+    playerLanguage = embedOptions.playerLanguage,
+    roundedPlayer = embedOptions.roundedPlayer,
+    thumbnailAltText = embedOptions.thumbnailAltText,
+    transparentLetterbox = embedOptions.transparentLetterbox;
+  var aspectRatio = mediaData.aspectRatio,
+    assets = mediaData.assets,
+    duration = mediaData.duration,
+    mediaType = mediaData.mediaType,
+    name = mediaData.name;
+  var height = playerWidth / (aspectRatio !== null && aspectRatio !== void 0 ? aspectRatio : _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_6__/* .DEFAULT_ASPECT */ .R);
+  var defaultControlBarDistance = (0,_utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_7__.getDefaultControlBarDistance)({
+    controlBarBorderRadius: controlBarBorderRadius,
+    floatingControlBar: floatingControlBar,
+    roundedPlayer: roundedPlayer
+  });
+  var calculatedControlBarDistance = controlsVisibleOnLoad ? _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_6__/* .CONTROL_BAR_HEIGHT */ .E / 2 + defaultControlBarDistance : defaultControlBarDistance;
+  var defaultBigPlayButtonBorderRadius = (0,_utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_7__.getDefaultBigPlayButtonBorderRadius)({
+    bigPlayButtonBorderRadius: bigPlayButtonBorderRadius,
+    roundedPlayer: roundedPlayer
+  });
+  var defaultPlayerBorderRadius = (0,_utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_7__.getDefaultPlayerBorderRadius)({
+    playerBorderRadius: playerBorderRadius,
+    roundedPlayer: roundedPlayer
+  });
+  var backgroundColor = transparentLetterbox === true || defaultPlayerBorderRadius > 0 ? 'transparent' : undefined;
+  var thumbnailAssets = (0,_utilities_assets_js__WEBPACK_IMPORTED_MODULE_5__.thumbnailAssets)(assets, {});
+  var calculatedPlayerLanguage = (_ref2 = (0,_shared_translations_js__WEBPACK_IMPORTED_MODULE_4__/* .getLanguage */ .Z0)(playerLanguage)) !== null && _ref2 !== void 0 ? _ref2 : (0,_shared_translations_js__WEBPACK_IMPORTED_MODULE_4__/* .getLanguage */ .Z0)('en-US');
+  return (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(preact__WEBPACK_IMPORTED_MODULE_0__/* .Fragment */ .FK, null, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_shared_ProgressiveThumbnail_jsx__WEBPACK_IMPORTED_MODULE_3__/* .ProgressiveThumbnail */ .E, {
+    backgroundColor: backgroundColor,
+    images: thumbnailAssets,
+    isVisible: true,
+    hashedId: mediaId,
+    playerBorderRadius: defaultPlayerBorderRadius,
+    swatchEnabled: isSwatchEnabled,
+    uiHasRendered: false,
+    thumbnailAltText: thumbnailAltText !== null && thumbnailAltText !== void 0 ? thumbnailAltText : '',
+    height: "".concat(height, "px")
+  }), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_media_players_vulcanV2Player_shared_ui_components_BigPlayButton_tsx__WEBPACK_IMPORTED_MODULE_2__/* .BigPlayButton */ .Fn, {
+    borderRadius: defaultBigPlayButtonBorderRadius,
+    buttonTabIndex: 0,
+    color: playerColor,
+    controlBarDistance: calculatedControlBarDistance,
+    duration: duration !== null && duration !== void 0 ? duration : 0,
+    hasNewRoundedIcons: newRoundedIcons // TODO: Remove once rounded icons are fully released
+    ,
+    isLiveMedia: mediaType === 'LiveStream',
+    isVisible: true,
+    noMixBlendMode: noMixBlendMode,
+    playerLanguage: calculatedPlayerLanguage,
+    scale: 1,
+    showBpbTime: false,
+    videoName: name !== null && name !== void 0 ? name : ''
+  }));
+};
+
+/***/ }),
+
+/***/ 2721:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   $: () => (/* binding */ usePlayerData),
+/* harmony export */   z: () => (/* binding */ PlayerDataProvider)
+/* harmony export */ });
+/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5181);
+/* harmony import */ var preact_hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3817);
+
+
+var PlayerDataContext = (0,preact__WEBPACK_IMPORTED_MODULE_0__/* .createContext */ .q6)(null);
+var PlayerDataProvider = function PlayerDataProvider(_ref) {
+  var children = _ref.children,
+    embedOptions = _ref.embedOptions,
+    mediaData = _ref.mediaData;
+  return (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(PlayerDataContext.Provider, {
+    value: {
+      embedOptions: embedOptions,
+      mediaData: mediaData
+    }
+  }, children);
+};
+var usePlayerData = function usePlayerData() {
+  var context = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__/* .useContext */ .NT)(PlayerDataContext);
+  if (context == null) {
+    throw new Error('usePlayerData must be used within a PlayerDataProvider');
+  }
+  return context;
+};
+
+/***/ }),
+
+/***/ 6462:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   I: () => (/* binding */ PlayerDataHandler)
+/* harmony export */ });
+/* harmony import */ var lodash_merge__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8089);
+/* harmony import */ var lodash_merge__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_merge__WEBPACK_IMPORTED_MODULE_0__);
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
+function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
+function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
+function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
+function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
+function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
+
+var _embedOptionOverrides = /*#__PURE__*/new WeakMap();
+var _embedOptions = /*#__PURE__*/new WeakMap();
+var _mediaData = /*#__PURE__*/new WeakMap();
+var _sourceEmbedOptions = /*#__PURE__*/new WeakMap();
+var _sourceMediaData = /*#__PURE__*/new WeakMap();
+var _PlayerDataHandler_brand = /*#__PURE__*/new WeakSet();
+var PlayerDataHandler = /*#__PURE__*/function () {
+  function PlayerDataHandler() {
+    _classCallCheck(this, PlayerDataHandler);
+    /**
+     * Merge the source embed options together to create a single source of truth of embed options
+     * @private
+     * @returns {void}
+     */
+    _classPrivateMethodInitSpec(this, _PlayerDataHandler_brand);
+    // Embed options set after initialization which override the embed options
+    // gathered from the source data
+    _classPrivateFieldInitSpec(this, _embedOptionOverrides, {});
+    // Merged embed options gathered from source data
+    _classPrivateFieldInitSpec(this, _embedOptions, {});
+    // Merged media data gathered from source data
+    _classPrivateFieldInitSpec(this, _mediaData, {});
+    // Source data which is used to create the final embed options
+    _classPrivateFieldInitSpec(this, _sourceEmbedOptions, {
+      domOptions: {},
+      inlineMediaDataOptions: {},
+      serverMediaDataOptions: {},
+      wistiaWindowOptions: {}
+    });
+    // Source data which is used to create the final media data
+    _classPrivateFieldInitSpec(this, _sourceMediaData, {
+      serverData: {},
+      inlineData: {}
+    });
+  }
+  return _createClass(PlayerDataHandler, [{
+    key: "embedOptions",
+    get:
+    /**
+     * Returns the final embed options which are a merge of all the source data and the overrides
+     * @returns {EmbedOptions}
+     * @readonly
+     */
+    function get() {
+      return _classPrivateFieldGet(_embedOptions, this);
+    }
+
+    /**
+     * Returns the final media data which is a merge of all the source data
+     * @returns {MediaData}
+     * @readonly
+     */
+  }, {
+    key: "mediaData",
+    get: function get() {
+      // Our embed options can be overridden after our initial source data fetches
+      // Make sure the embed options within the media data are up to date
+      _classPrivateFieldGet(_mediaData, this).embedOptions = _classPrivateFieldGet(_embedOptions, this);
+      return _classPrivateFieldGet(_mediaData, this);
+    }
+
+    /**
+     * Sets the source data for the embed options set on the <wistia-player> DOM element
+     * @param {EmbedOptions} data
+     * @returns {void}
+     */
+  }, {
+    key: "setDomEmbedOptionSource",
+    value: function setDomEmbedOptionSource(data) {
+      _classPrivateFieldGet(_sourceEmbedOptions, this).domOptions = data;
+      _assertClassBrand(_PlayerDataHandler_brand, this, _updatePlayerEmbedOptions).call(this);
+    }
+
+    /**
+     * Sets the source data for the media data set inline on the window
+     * @param {MediaData} data
+     * @returns {void}
+     */
+  }, {
+    key: "setInlineMediaDataSource",
+    value: function setInlineMediaDataSource(data) {
+      var _data$embedOptions;
+      _classPrivateFieldGet(_sourceMediaData, this).inlineData = data;
+      _classPrivateFieldGet(_sourceEmbedOptions, this).inlineMediaDataOptions = (_data$embedOptions = data.embedOptions) !== null && _data$embedOptions !== void 0 ? _data$embedOptions : {};
+      _assertClassBrand(_PlayerDataHandler_brand, this, _updatePlayerMediaData).call(this);
+    }
+
+    /**
+     * Sets the source data for the media data fetched from the server
+     * @param {MediaData} data
+     * @returns {void}
+     */
+  }, {
+    key: "setServerMediaDataSource",
+    value: function setServerMediaDataSource(data) {
+      var _data$embedOptions2;
+      _classPrivateFieldGet(_sourceMediaData, this).serverData = data;
+      _classPrivateFieldGet(_sourceEmbedOptions, this).serverMediaDataOptions = (_data$embedOptions2 = data.embedOptions) !== null && _data$embedOptions2 !== void 0 ? _data$embedOptions2 : {};
+      _assertClassBrand(_PlayerDataHandler_brand, this, _updatePlayerMediaData).call(this);
+    }
+
+    /**
+     * Sets the source data for the embed options set on the window via wistiaOptions
+     * @param {EmbedOptions} data
+     * @returns {void}
+     */
+  }, {
+    key: "setWistiaWindowEmbedOptionSource",
+    value: function setWistiaWindowEmbedOptionSource(data) {
+      _classPrivateFieldGet(_sourceEmbedOptions, this).wistiaWindowOptions = data;
+      _assertClassBrand(_PlayerDataHandler_brand, this, _updatePlayerEmbedOptions).call(this);
+    }
+
+    /**
+     * Updates the embed option overrides which will be merged with the source embed option data
+     * This merge can happen more frequently than our finite source data sets, which is why it's separate.
+     * That way we don't have to re-merge the source data every time we update the overrides.
+     * @param {EmbedOptions} data
+     * @returns {void}
+     */
+  }, {
+    key: "updateEmbedOptionOverrides",
+    value: function updateEmbedOptionOverrides(data) {
+      _classPrivateFieldSet(_embedOptionOverrides, this, lodash_merge__WEBPACK_IMPORTED_MODULE_0___default()(_classPrivateFieldGet(_embedOptionOverrides, this), data));
+      _classPrivateFieldSet(_embedOptions, this, lodash_merge__WEBPACK_IMPORTED_MODULE_0___default()(_classPrivateFieldGet(_embedOptions, this), _classPrivateFieldGet(_embedOptionOverrides, this)));
+    }
+  }]);
+}();
+function _updatePlayerEmbedOptions() {
+  var _classPrivateFieldGet2 = _classPrivateFieldGet(_sourceMediaData, this),
+    inlineData = _classPrivateFieldGet2.inlineData;
+  var _classPrivateFieldGet3 = _classPrivateFieldGet(_sourceEmbedOptions, this),
+    serverMediaDataOptions = _classPrivateFieldGet3.serverMediaDataOptions,
+    wistiaWindowOptions = _classPrivateFieldGet3.wistiaWindowOptions,
+    inlineMediaDataOptions = _classPrivateFieldGet3.inlineMediaDataOptions,
+    domOptions = _classPrivateFieldGet3.domOptions;
+  var hasInlineMediaData = inlineData && Object.keys(inlineData).length > 0;
+
+  // Merge the embed options together to create a single source of truth of embed options
+  _classPrivateFieldSet(_embedOptions, this, lodash_merge__WEBPACK_IMPORTED_MODULE_0___default()(hasInlineMediaData === true ? inlineMediaDataOptions !== null && inlineMediaDataOptions !== void 0 ? inlineMediaDataOptions : {} : serverMediaDataOptions !== null && serverMediaDataOptions !== void 0 ? serverMediaDataOptions : {}, wistiaWindowOptions !== null && wistiaWindowOptions !== void 0 ? wistiaWindowOptions : {}, domOptions !== null && domOptions !== void 0 ? domOptions : {}, _classPrivateFieldGet(_embedOptionOverrides, this)));
+
+  // Make sure the embed options within the media data are up to date
+  _classPrivateFieldGet(_mediaData, this).embedOptions = _classPrivateFieldGet(_embedOptions, this);
+}
+/**
+ * Merge the source media data together to create a single source of truth of media data
+ * This will also update the embed options from the media data
+ * @private
+ * @returns {void}
+ */
+function _updatePlayerMediaData() {
+  // Choose the media data we'll use based on whether we have inline data or not
+  var _classPrivateFieldGet4 = _classPrivateFieldGet(_sourceMediaData, this),
+    inlineData = _classPrivateFieldGet4.inlineData,
+    serverData = _classPrivateFieldGet4.serverData;
+  var hasInlineMediaData = inlineData && Object.keys(inlineData).length > 0;
+  _classPrivateFieldSet(_mediaData, this, hasInlineMediaData ? inlineData : serverData !== null && serverData !== void 0 ? serverData : {});
+  _assertClassBrand(_PlayerDataHandler_brand, this, _updatePlayerEmbedOptions).call(this);
+}
+
+/***/ }),
+
+/***/ 1512:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   E: () => (/* binding */ CONTROL_BAR_HEIGHT),
+/* harmony export */   R: () => (/* binding */ DEFAULT_ASPECT)
+/* harmony export */ });
+var CONTROL_BAR_HEIGHT = 34;
+
+// eslint-disable-next-line @typescript-eslint/no-magic-numbers
+var DEFAULT_ASPECT = 16 / 9;
+
+/***/ }),
+
 /***/ 7323:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -6326,7 +7000,7 @@ var dynamicImport = /*#__PURE__*/function () {
         case 0:
           options = _args.length > 1 && _args[1] !== undefined ? _args[1] : {};
           host = (_options$host = options.host) !== null && _options$host !== void 0 ? _options$host : (0,_hosts_js__WEBPACK_IMPORTED_MODULE_0__.eV1HostWithPort)(); // @ts-expect-error webpack should resolve this for us
-          taggedVersion = "0.0.19";
+          taggedVersion = "0.0.21";
           if (!(taggedVersion !== '' && taggedVersion.length > 0 && options.mediaData !== true)) {
             _context.next = 5;
             break;
@@ -6871,6 +7545,155 @@ var inferPageUrl = function inferPageUrl() {
 
 /***/ }),
 
+/***/ 3441:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   CR: () => (/* binding */ seekToAction),
+/* harmony export */   Qy: () => (/* binding */ shouldAddClipsFromChapters),
+/* harmony export */   Vq: () => (/* binding */ shouldAddKeyMoments),
+/* harmony export */   oG: () => (/* binding */ clipsFromChapters)
+/* harmony export */ });
+/* harmony import */ var _wistia_type_guards__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4586);
+/* harmony import */ var _normalizeChapters_ts__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9128);
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+
+
+// Google got mad that the default chapter title is (of course) not very
+// descriptive, and wanted us to make sure it's never used for Key Moments.
+var DEFAULT_CHAPTER_TITLE = 'Chapter Title';
+var MINIMUM_DURATION = 30;
+var shouldAddClipsFromChapters = function shouldAddClipsFromChapters(embedOptions) {
+  var chapters = (0,_normalizeChapters_ts__WEBPACK_IMPORTED_MODULE_0__/* .normalizeChapters */ .a)(embedOptions);
+  if (!chapters) {
+    return false;
+  }
+  var chapterList = chapters.chapterList;
+
+  // the `on` property must be explicitly false to disable
+  return chapters.on !== false && chapters.on !== 'false' && Array.isArray(chapterList) && chapterList.length > 0;
+};
+
+// keyMoments should only be limited by a few factors:
+// 1. a turnstile is blocking content
+// 2. it's password protected
+// 3. the video is really short
+// 4. only available for VOD, not Live
+// Then, there are two different _types_ of key moments. If we have chapters
+// we will use the Clips format to specifically tell google the timestamps we think
+// are important. Otherwise, we will use the SeekToAction field along with the wtime
+// param to allow Google to search through the video for key moments
+var shouldAddKeyMoments = function shouldAddKeyMoments(mediaData, embedOptions) {
+  var _embedOptions$plugin;
+  if (embedOptions.keyMoments === false) {
+    return false;
+  }
+  var duration = mediaData.duration,
+    type = mediaData.type;
+  var _ref = (_embedOptions$plugin = embedOptions.plugin) !== null && _embedOptions$plugin !== void 0 ? _embedOptions$plugin : {},
+    passwordProtectedVideo = _ref.passwordProtectedVideo,
+    turnstilePlugin = _ref['requireEmail-v1'];
+  var isLiveStream = type === 'LiveStream';
+  var passwordEnabled = (passwordProtectedVideo === null || passwordProtectedVideo === void 0 ? void 0 : passwordProtectedVideo.on) === true || (passwordProtectedVideo === null || passwordProtectedVideo === void 0 ? void 0 : passwordProtectedVideo.on) === 'true';
+  var turnstileBlocksContent = turnstilePlugin && turnstilePlugin.on !== false && turnstilePlugin.time !== 'end' && !turnstilePlugin.persistentTurnstile;
+  return Boolean(!passwordEnabled && !turnstileBlocksContent && !isLiveStream && typeof duration === 'number' && duration >= MINIMUM_DURATION);
+};
+var sortedFilteredChapters = function sortedFilteredChapters(chapterList) {
+  var chapterExistsAtTime = {};
+  return _toConsumableArray(chapterList).sort(function (firstChapter, secondChapter) {
+    return firstChapter.time - secondChapter.time;
+  }).filter(function (_ref2) {
+    var time = _ref2.time,
+      title = _ref2.title,
+      deleted = _ref2.deleted;
+    if (Boolean(chapterExistsAtTime[time]) || deleted || title === DEFAULT_CHAPTER_TITLE) {
+      return false;
+    }
+    chapterExistsAtTime[time] = true;
+    return true;
+  });
+};
+var clipsFromChapters = function clipsFromChapters(chapterList, baseUrl, mediaDuration) {
+  if (!Array.isArray(chapterList) || chapterList.length === 0) {
+    return [];
+  }
+  var clips = sortedFilteredChapters(chapterList).map(function (chapter, index, chapters) {
+    var time = chapter.time,
+      title = chapter.title;
+    var url = new window.URL(baseUrl);
+    var floorTime = Math.floor(time);
+    var nextChapter = chapters[index + 1];
+    var endOffsetTime = (0,_wistia_type_guards__WEBPACK_IMPORTED_MODULE_1__/* .isNotNil */ .n9)(nextChapter) ? nextChapter.time : mediaDuration;
+
+    // wtime does not support decimals
+    url.searchParams.append('wtime', "".concat(floorTime, "s"));
+
+    // https://schema.org/Clip
+    return {
+      '@type': 'Clip',
+      endOffset: Math.floor(endOffsetTime),
+      name: title,
+      startOffset: floorTime,
+      url: url.toString()
+    };
+  });
+  return clips;
+};
+// https://developers.google.com/search/docs/advanced/structured-data/video#seek
+var seekToAction = function seekToAction() {
+  var url = new window.URL(window.location.href);
+  // if wtime is already on the url as query param, it will be overwritten here. This is only for the JSON+LD though.
+  url.searchParams.append('wtime', '{seek_to_second_number}');
+  return {
+    '@type': 'SeekToAction',
+    target: "".concat(url.toString().replace('%7Bseek_to_second_number%7D', '{seek_to_second_number}')),
+    // we need to replace the encoded uri with the direct string
+    'startOffset-input': 'required name=seek_to_second_number'
+  };
+};
+
+/***/ }),
+
+/***/ 9128:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   a: () => (/* binding */ normalizeChapters)
+/* harmony export */ });
+/* harmony import */ var _wistia_type_guards__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4586);
+// chapters has two ways of being defined in embed options.
+// The current way is as an object inside `embedOptions.plugin`
+// The old way was as root embed options like `chaptersOn` and `chapterList`.
+// This function normalizes the old root embed option format to an object
+// like the current model
+
+
+var normalizeChapters = function normalizeChapters(embedOptions) {
+  var plugin = embedOptions.plugin,
+    chaptersOn = embedOptions.chaptersOn,
+    chapterList = embedOptions.chapterList;
+  if (plugin !== null && plugin !== void 0 && plugin.chapters) {
+    return plugin.chapters;
+  }
+  var areChaptersOn = chaptersOn === true || chaptersOn === 'true';
+  if ((0,_wistia_type_guards__WEBPACK_IMPORTED_MODULE_0__/* .isNotNil */ .n9)(chapterList) || areChaptersOn) {
+    var hasChapters = (0,_wistia_type_guards__WEBPACK_IMPORTED_MODULE_0__/* .isNotNil */ .n9)(chapterList) && chapterList.length > 0;
+    var list = hasChapters ? chapterList : [];
+    return {
+      on: chaptersOn,
+      chapterList: list
+    };
+  }
+  return undefined;
+};
+
+/***/ }),
+
 /***/ 49:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -12301,7 +13124,7 @@ VideoTrackerSession = (function() {
     if (this.isValidKey(this._eventKey)) {
       return this._eventKey;
     }
-    this._eventKey = uniqId(("e56e83b19fc0d109dea83d3d5c09c1e3".substring(0, 7)) + "_");
+    this._eventKey = uniqId(("44e92c664881d490b3de0523a8a420a8".substring(0, 7)) + "_");
     this.publicApi.trigger('eventkeychange', this._eventKey);
     return this._eventKey;
   };
@@ -14414,13 +15237,15 @@ module.exports = merge;
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   FK: () => (/* binding */ k),
 /* harmony export */   XX: () => (/* binding */ B),
 /* harmony export */   fF: () => (/* binding */ l),
-/* harmony export */   h: () => (/* binding */ y),
+/* harmony export */   h: () => (/* binding */ _),
+/* harmony export */   q6: () => (/* binding */ G),
 /* harmony export */   uA: () => (/* binding */ b)
 /* harmony export */ });
-/* unused harmony exports Fragment, cloneElement, createContext, createElement, createRef, hydrate, isValidElement, toChildArray */
-var n,l,u,t,i,o,r,f,e,c={},s=[],a=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,h=Array.isArray;function v(n,l){for(var u in l)n[u]=l[u];return n}function p(n){var l=n.parentNode;l&&l.removeChild(n)}function y(l,u,t){var i,o,r,f={};for(r in u)"key"==r?i=u[r]:"ref"==r?o=u[r]:f[r]=u[r];if(arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):t),"function"==typeof l&&null!=l.defaultProps)for(r in l.defaultProps)void 0===f[r]&&(f[r]=l.defaultProps[r]);return d(l,f,i,o,null)}function d(n,t,i,o,r){var f={type:n,props:t,key:i,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:null==r?++u:r,__i:-1,__u:0};return null==r&&null!=l.vnode&&l.vnode(f),f}function _(){return{current:null}}function g(n){return n.children}function b(n,l){this.props=n,this.context=l}function m(n,l){if(null==l)return n.__?m(n.__,n.__i+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return"function"==typeof n.type?m(n):null}function w(n,u,t){var i,o=n.__v,r=o.__e,f=n.__P;if(f)return(i=v({},o)).__v=o.__v+1,l.vnode&&l.vnode(i),M(f,i,o,n.__n,void 0!==f.ownerSVGElement,32&o.__u?[r]:null,u,null==r?m(o):r,!!(32&o.__u),t),i.__v=o.__v,i.__.__k[i.__i]=i,i.__d=void 0,i.__e!=r&&k(i),i}function k(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return k(n)}}function x(n){(!n.__d&&(n.__d=!0)&&i.push(n)&&!C.__r++||o!==l.debounceRendering)&&((o=l.debounceRendering)||r)(C)}function C(){var n,u,t,o=[],r=[];for(i.sort(f);n=i.shift();)n.__d&&(t=i.length,u=w(n,o,r)||u,0===t||i.length>t?(j(o,u,r),r.length=o.length=0,u=void 0,i.sort(f)):u&&l.__c&&l.__c(u,s));u&&j(o,u,r),C.__r=0}function P(n,l,u,t,i,o,r,f,e,a,h){var v,p,y,d,_,g=t&&t.__k||s,b=l.length;for(u.__d=e,S(u,l,g),e=u.__d,v=0;v<b;v++)null!=(y=u.__k[v])&&"boolean"!=typeof y&&"function"!=typeof y&&(p=-1===y.__i?c:g[y.__i]||c,y.__i=v,M(n,y,p,i,o,r,f,e,a,h),d=y.__e,y.ref&&p.ref!=y.ref&&(p.ref&&N(p.ref,null,y),h.push(y.ref,y.__c||d,y)),null==_&&null!=d&&(_=d),65536&y.__u||p.__k===y.__k?e=$(y,e,n):"function"==typeof y.type&&void 0!==y.__d?e=y.__d:d&&(e=d.nextSibling),y.__d=void 0,y.__u&=-196609);u.__d=e,u.__e=_}function S(n,l,u){var t,i,o,r,f,e=l.length,c=u.length,s=c,a=0;for(n.__k=[],t=0;t<e;t++)r=t+a,null!=(i=n.__k[t]=null==(i=l[t])||"boolean"==typeof i||"function"==typeof i?null:"string"==typeof i||"number"==typeof i||"bigint"==typeof i||i.constructor==String?d(null,i,null,null,null):h(i)?d(g,{children:i},null,null,null):void 0===i.constructor&&i.__b>0?d(i.type,i.props,i.key,i.ref?i.ref:null,i.__v):i)?(i.__=n,i.__b=n.__b+1,f=I(i,u,r,s),i.__i=f,o=null,-1!==f&&(s--,(o=u[f])&&(o.__u|=131072)),null==o||null===o.__v?(-1==f&&a--,"function"!=typeof i.type&&(i.__u|=65536)):f!==r&&(f===r+1?a++:f>r?s>e-r?a+=f-r:a--:f<r?f==r-1&&(a=f-r):a=0,f!==t+a&&(i.__u|=65536))):(o=u[r])&&null==o.key&&o.__e&&0==(131072&o.__u)&&(o.__e==n.__d&&(n.__d=m(o)),O(o,o,!1),u[r]=null,s--);if(s)for(t=0;t<c;t++)null!=(o=u[t])&&0==(131072&o.__u)&&(o.__e==n.__d&&(n.__d=m(o)),O(o,o))}function $(n,l,u){var t,i;if("function"==typeof n.type){for(t=n.__k,i=0;t&&i<t.length;i++)t[i]&&(t[i].__=n,l=$(t[i],l,u));return l}n.__e!=l&&(u.insertBefore(n.__e,l||null),l=n.__e);do{l=l&&l.nextSibling}while(null!=l&&8===l.nodeType);return l}function H(n,l){return l=l||[],null==n||"boolean"==typeof n||(h(n)?n.some(function(n){H(n,l)}):l.push(n)),l}function I(n,l,u,t){var i=n.key,o=n.type,r=u-1,f=u+1,e=l[u];if(null===e||e&&i==e.key&&o===e.type&&0==(131072&e.__u))return u;if(t>(null!=e&&0==(131072&e.__u)?1:0))for(;r>=0||f<l.length;){if(r>=0){if((e=l[r])&&0==(131072&e.__u)&&i==e.key&&o===e.type)return r;r--}if(f<l.length){if((e=l[f])&&0==(131072&e.__u)&&i==e.key&&o===e.type)return f;f++}}return-1}function T(n,l,u){"-"===l[0]?n.setProperty(l,null==u?"":u):n[l]=null==u?"":"number"!=typeof u||a.test(l)?u:u+"px"}function A(n,l,u,t,i){var o;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else{if("string"==typeof t&&(n.style.cssText=t=""),t)for(l in t)u&&l in u||T(n.style,l,"");if(u)for(l in u)t&&u[l]===t[l]||T(n.style,l,u[l])}else if("o"===l[0]&&"n"===l[1])o=l!==(l=l.replace(/(PointerCapture)$|Capture$/i,"$1")),l=l.toLowerCase()in n?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+o]=u,u?t?u.u=t.u:(u.u=Date.now(),n.addEventListener(l,o?L:D,o)):n.removeEventListener(l,o?L:D,o);else{if(i)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!==l&&"height"!==l&&"href"!==l&&"list"!==l&&"form"!==l&&"tabIndex"!==l&&"download"!==l&&"rowSpan"!==l&&"colSpan"!==l&&"role"!==l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null==u||!1===u&&"-"!==l[4]?n.removeAttribute(l):n.setAttribute(l,u))}}function D(n){if(this.l){var u=this.l[n.type+!1];if(n.t){if(n.t<=u.u)return}else n.t=Date.now();return u(l.event?l.event(n):n)}}function L(n){if(this.l)return this.l[n.type+!0](l.event?l.event(n):n)}function M(n,u,t,i,o,r,f,e,c,s){var a,p,y,d,_,m,w,k,x,C,S,$,H,I,T,A=u.type;if(void 0!==u.constructor)return null;128&t.__u&&(c=!!(32&t.__u),r=[e=u.__e=t.__e]),(a=l.__b)&&a(u);n:if("function"==typeof A)try{if(k=u.props,x=(a=A.contextType)&&i[a.__c],C=a?x?x.props.value:a.__:i,t.__c?w=(p=u.__c=t.__c).__=p.__E:("prototype"in A&&A.prototype.render?u.__c=p=new A(k,C):(u.__c=p=new b(k,C),p.constructor=A,p.render=q),x&&x.sub(p),p.props=k,p.state||(p.state={}),p.context=C,p.__n=i,y=p.__d=!0,p.__h=[],p._sb=[]),null==p.__s&&(p.__s=p.state),null!=A.getDerivedStateFromProps&&(p.__s==p.state&&(p.__s=v({},p.__s)),v(p.__s,A.getDerivedStateFromProps(k,p.__s))),d=p.props,_=p.state,p.__v=u,y)null==A.getDerivedStateFromProps&&null!=p.componentWillMount&&p.componentWillMount(),null!=p.componentDidMount&&p.__h.push(p.componentDidMount);else{if(null==A.getDerivedStateFromProps&&k!==d&&null!=p.componentWillReceiveProps&&p.componentWillReceiveProps(k,C),!p.__e&&(null!=p.shouldComponentUpdate&&!1===p.shouldComponentUpdate(k,p.__s,C)||u.__v===t.__v)){for(u.__v!==t.__v&&(p.props=k,p.state=p.__s,p.__d=!1),u.__e=t.__e,u.__k=t.__k,u.__k.forEach(function(n){n&&(n.__=u)}),S=0;S<p._sb.length;S++)p.__h.push(p._sb[S]);p._sb=[],p.__h.length&&f.push(p);break n}null!=p.componentWillUpdate&&p.componentWillUpdate(k,p.__s,C),null!=p.componentDidUpdate&&p.__h.push(function(){p.componentDidUpdate(d,_,m)})}if(p.context=C,p.props=k,p.__P=n,p.__e=!1,$=l.__r,H=0,"prototype"in A&&A.prototype.render){for(p.state=p.__s,p.__d=!1,$&&$(u),a=p.render(p.props,p.state,p.context),I=0;I<p._sb.length;I++)p.__h.push(p._sb[I]);p._sb=[]}else do{p.__d=!1,$&&$(u),a=p.render(p.props,p.state,p.context),p.state=p.__s}while(p.__d&&++H<25);p.state=p.__s,null!=p.getChildContext&&(i=v(v({},i),p.getChildContext())),y||null==p.getSnapshotBeforeUpdate||(m=p.getSnapshotBeforeUpdate(d,_)),P(n,h(T=null!=a&&a.type===g&&null==a.key?a.props.children:a)?T:[T],u,t,i,o,r,f,e,c,s),p.base=u.__e,u.__u&=-161,p.__h.length&&f.push(p),w&&(p.__E=p.__=null)}catch(n){u.__v=null,c||null!=r?(u.__e=e,u.__u|=c?160:32,r[r.indexOf(e)]=null):(u.__e=t.__e,u.__k=t.__k),l.__e(n,u,t)}else null==r&&u.__v===t.__v?(u.__k=t.__k,u.__e=t.__e):u.__e=z(t.__e,u,t,i,o,r,f,c,s);(a=l.diffed)&&a(u)}function j(n,u,t){for(var i=0;i<t.length;i++)N(t[i],t[++i],t[++i]);l.__c&&l.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u)})}catch(n){l.__e(n,u.__v)}})}function z(l,u,t,i,o,r,f,e,s){var a,v,y,d,_,g,b,w=t.props,k=u.props,x=u.type;if("svg"===x&&(o=!0),null!=r)for(a=0;a<r.length;a++)if((_=r[a])&&"setAttribute"in _==!!x&&(x?_.localName===x:3===_.nodeType)){l=_,r[a]=null;break}if(null==l){if(null===x)return document.createTextNode(k);l=o?document.createElementNS("http://www.w3.org/2000/svg",x):document.createElement(x,k.is&&k),r=null,e=!1}if(null===x)w===k||e&&l.data===k||(l.data=k);else{if(r=r&&n.call(l.childNodes),w=t.props||c,!e&&null!=r)for(w={},a=0;a<l.attributes.length;a++)w[(_=l.attributes[a]).name]=_.value;for(a in w)_=w[a],"children"==a||("dangerouslySetInnerHTML"==a?y=_:"key"===a||a in k||A(l,a,null,_,o));for(a in k)_=k[a],"children"==a?d=_:"dangerouslySetInnerHTML"==a?v=_:"value"==a?g=_:"checked"==a?b=_:"key"===a||e&&"function"!=typeof _||w[a]===_||A(l,a,_,w[a],o);if(v)e||y&&(v.__html===y.__html||v.__html===l.innerHTML)||(l.innerHTML=v.__html),u.__k=[];else if(y&&(l.innerHTML=""),P(l,h(d)?d:[d],u,t,i,o&&"foreignObject"!==x,r,f,r?r[0]:t.__k&&m(t,0),e,s),null!=r)for(a=r.length;a--;)null!=r[a]&&p(r[a]);e||(a="value",void 0!==g&&(g!==l[a]||"progress"===x&&!g||"option"===x&&g!==w[a])&&A(l,a,g,w[a],!1),a="checked",void 0!==b&&b!==l[a]&&A(l,a,b,w[a],!1))}return l}function N(n,u,t){try{"function"==typeof n?n(u):n.current=u}catch(n){l.__e(n,t)}}function O(n,u,t){var i,o;if(l.unmount&&l.unmount(n),(i=n.ref)&&(i.current&&i.current!==n.__e||N(i,null,u)),null!=(i=n.__c)){if(i.componentWillUnmount)try{i.componentWillUnmount()}catch(n){l.__e(n,u)}i.base=i.__P=null,n.__c=void 0}if(i=n.__k)for(o=0;o<i.length;o++)i[o]&&O(i[o],u,t||"function"!=typeof n.type);t||null==n.__e||p(n.__e),n.__=n.__e=n.__d=void 0}function q(n,l,u){return this.constructor(n,u)}function B(u,t,i){var o,r,f,e;l.__&&l.__(u,t),r=(o="function"==typeof i)?null:i&&i.__k||t.__k,f=[],e=[],M(t,u=(!o&&i||t).__k=y(g,null,[u]),r||c,c,void 0!==t.ownerSVGElement,!o&&i?[i]:r?null:t.firstChild?n.call(t.childNodes):null,f,!o&&i?i:r?r.__e:t.firstChild,o,e),u.__d=void 0,j(f,u,e)}function E(n,l){B(n,l,E)}function F(l,u,t){var i,o,r,f,e=v({},l.props);for(r in l.type&&l.type.defaultProps&&(f=l.type.defaultProps),u)"key"==r?i=u[r]:"ref"==r?o=u[r]:e[r]=void 0===u[r]&&void 0!==f?f[r]:u[r];return arguments.length>2&&(e.children=arguments.length>3?n.call(arguments,2):t),d(l.type,e,i||l.key,o||l.ref,null)}function G(n,l){var u={__c:l="__cC"+e++,__:n,Consumer:function(n,l){return n.children(l)},Provider:function(n){var u,t;return this.getChildContext||(u=[],(t={})[l]=this,this.getChildContext=function(){return t},this.shouldComponentUpdate=function(n){this.props.value!==n.value&&u.some(function(n){n.__e=!0,x(n)})},this.sub=function(n){u.push(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){u.splice(u.indexOf(n),1),l&&l.call(n)}}),n.children}};return u.Provider.__=u.Consumer.contextType=u}n=s.slice,l={__e:function(n,l,u,t){for(var i,o,r;l=l.__;)if((i=l.__c)&&!i.__)try{if((o=i.constructor)&&null!=o.getDerivedStateFromError&&(i.setState(o.getDerivedStateFromError(n)),r=i.__d),null!=i.componentDidCatch&&(i.componentDidCatch(n,t||{}),r=i.__d),r)return i.__E=i}catch(l){n=l}throw n}},u=0,t=function(n){return null!=n&&null==n.constructor},b.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=v({},this.state),"function"==typeof n&&(n=n(v({},u),this.props)),n&&v(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),x(this))},b.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),x(this))},b.prototype.render=g,i=[],r="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,f=function(n,l){return n.__v.__b-l.__v.__b},C.__r=0,e=0;
+/* unused harmony exports cloneElement, createElement, createRef, hydrate, isValidElement, toChildArray */
+var n,l,u,t,i,o,r,f,e,c,s,a,h={},p=[],v=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,y=Array.isArray;function d(n,l){for(var u in l)n[u]=l[u];return n}function w(n){var l=n.parentNode;l&&l.removeChild(n)}function _(l,u,t){var i,o,r,f={};for(r in u)"key"==r?i=u[r]:"ref"==r?o=u[r]:f[r]=u[r];if(arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):t),"function"==typeof l&&null!=l.defaultProps)for(r in l.defaultProps)void 0===f[r]&&(f[r]=l.defaultProps[r]);return g(l,f,i,o,null)}function g(n,t,i,o,r){var f={type:n,props:t,key:i,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:null==r?++u:r,__i:-1,__u:0};return null==r&&null!=l.vnode&&l.vnode(f),f}function m(){return{current:null}}function k(n){return n.children}function b(n,l){this.props=n,this.context=l}function x(n,l){if(null==l)return n.__?x(n.__,n.__i+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return"function"==typeof n.type?x(n):null}function C(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return C(n)}}function M(n){(!n.__d&&(n.__d=!0)&&i.push(n)&&!P.__r++||o!==l.debounceRendering)&&((o=l.debounceRendering)||r)(P)}function P(){var n,u,t,o,r,e,c,s;for(i.sort(f);n=i.shift();)n.__d&&(u=i.length,o=void 0,e=(r=(t=n).__v).__e,c=[],s=[],t.__P&&((o=d({},r)).__v=r.__v+1,l.vnode&&l.vnode(o),O(t.__P,o,r,t.__n,t.__P.namespaceURI,32&r.__u?[e]:null,c,null==e?x(r):e,!!(32&r.__u),s),o.__v=r.__v,o.__.__k[o.__i]=o,j(c,o,s),o.__e!=e&&C(o)),i.length>u&&i.sort(f));P.__r=0}function S(n,l,u,t,i,o,r,f,e,c,s){var a,v,y,d,w,_=t&&t.__k||p,g=l.length;for(u.__d=e,$(u,l,_),e=u.__d,a=0;a<g;a++)null!=(y=u.__k[a])&&"boolean"!=typeof y&&"function"!=typeof y&&(v=-1===y.__i?h:_[y.__i]||h,y.__i=a,O(n,y,v,i,o,r,f,e,c,s),d=y.__e,y.ref&&v.ref!=y.ref&&(v.ref&&N(v.ref,null,y),s.push(y.ref,y.__c||d,y)),null==w&&null!=d&&(w=d),65536&y.__u||v.__k===y.__k?e=I(y,e,n):"function"==typeof y.type&&void 0!==y.__d?e=y.__d:d&&(e=d.nextSibling),y.__d=void 0,y.__u&=-196609);u.__d=e,u.__e=w}function $(n,l,u){var t,i,o,r,f,e=l.length,c=u.length,s=c,a=0;for(n.__k=[],t=0;t<e;t++)r=t+a,null!=(i=n.__k[t]=null==(i=l[t])||"boolean"==typeof i||"function"==typeof i?null:"string"==typeof i||"number"==typeof i||"bigint"==typeof i||i.constructor==String?g(null,i,null,null,null):y(i)?g(k,{children:i},null,null,null):void 0===i.constructor&&i.__b>0?g(i.type,i.props,i.key,i.ref?i.ref:null,i.__v):i)?(i.__=n,i.__b=n.__b+1,f=L(i,u,r,s),i.__i=f,o=null,-1!==f&&(s--,(o=u[f])&&(o.__u|=131072)),null==o||null===o.__v?(-1==f&&a--,"function"!=typeof i.type&&(i.__u|=65536)):f!==r&&(f==r-1?a=f-r:f==r+1?a++:f>r?s>e-r?a+=f-r:a--:f<r&&a++,f!==t+a&&(i.__u|=65536))):(o=u[r])&&null==o.key&&o.__e&&0==(131072&o.__u)&&(o.__e==n.__d&&(n.__d=x(o)),V(o,o,!1),u[r]=null,s--);if(s)for(t=0;t<c;t++)null!=(o=u[t])&&0==(131072&o.__u)&&(o.__e==n.__d&&(n.__d=x(o)),V(o,o))}function I(n,l,u){var t,i;if("function"==typeof n.type){for(t=n.__k,i=0;t&&i<t.length;i++)t[i]&&(t[i].__=n,l=I(t[i],l,u));return l}n.__e!=l&&(l&&n.type&&!u.contains(l)&&(l=x(n)),u.insertBefore(n.__e,l||null),l=n.__e);do{l=l&&l.nextSibling}while(null!=l&&8===l.nodeType);return l}function H(n,l){return l=l||[],null==n||"boolean"==typeof n||(y(n)?n.some(function(n){H(n,l)}):l.push(n)),l}function L(n,l,u,t){var i=n.key,o=n.type,r=u-1,f=u+1,e=l[u];if(null===e||e&&i==e.key&&o===e.type&&0==(131072&e.__u))return u;if(t>(null!=e&&0==(131072&e.__u)?1:0))for(;r>=0||f<l.length;){if(r>=0){if((e=l[r])&&0==(131072&e.__u)&&i==e.key&&o===e.type)return r;r--}if(f<l.length){if((e=l[f])&&0==(131072&e.__u)&&i==e.key&&o===e.type)return f;f++}}return-1}function T(n,l,u){"-"===l[0]?n.setProperty(l,null==u?"":u):n[l]=null==u?"":"number"!=typeof u||v.test(l)?u:u+"px"}function A(n,l,u,t,i){var o;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else{if("string"==typeof t&&(n.style.cssText=t=""),t)for(l in t)u&&l in u||T(n.style,l,"");if(u)for(l in u)t&&u[l]===t[l]||T(n.style,l,u[l])}else if("o"===l[0]&&"n"===l[1])o=l!==(l=l.replace(/(PointerCapture)$|Capture$/i,"$1")),l=l.toLowerCase()in n||"onFocusOut"===l||"onFocusIn"===l?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+o]=u,u?t?u.u=t.u:(u.u=e,n.addEventListener(l,o?s:c,o)):n.removeEventListener(l,o?s:c,o);else{if("http://www.w3.org/2000/svg"==i)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!=l&&"height"!=l&&"href"!=l&&"list"!=l&&"form"!=l&&"tabIndex"!=l&&"download"!=l&&"rowSpan"!=l&&"colSpan"!=l&&"role"!=l&&"popover"!=l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null==u||!1===u&&"-"!==l[4]?n.removeAttribute(l):n.setAttribute(l,"popover"==l&&1==u?"":u))}}function F(n){return function(u){if(this.l){var t=this.l[u.type+n];if(null==u.t)u.t=e++;else if(u.t<t.u)return;return t(l.event?l.event(u):u)}}}function O(n,u,t,i,o,r,f,e,c,s){var a,h,p,v,w,_,g,m,x,C,M,P,$,I,H,L,T=u.type;if(void 0!==u.constructor)return null;128&t.__u&&(c=!!(32&t.__u),r=[e=u.__e=t.__e]),(a=l.__b)&&a(u);n:if("function"==typeof T)try{if(m=u.props,x="prototype"in T&&T.prototype.render,C=(a=T.contextType)&&i[a.__c],M=a?C?C.props.value:a.__:i,t.__c?g=(h=u.__c=t.__c).__=h.__E:(x?u.__c=h=new T(m,M):(u.__c=h=new b(m,M),h.constructor=T,h.render=q),C&&C.sub(h),h.props=m,h.state||(h.state={}),h.context=M,h.__n=i,p=h.__d=!0,h.__h=[],h._sb=[]),x&&null==h.__s&&(h.__s=h.state),x&&null!=T.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=d({},h.__s)),d(h.__s,T.getDerivedStateFromProps(m,h.__s))),v=h.props,w=h.state,h.__v=u,p)x&&null==T.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),x&&null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else{if(x&&null==T.getDerivedStateFromProps&&m!==v&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(m,M),!h.__e&&(null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(m,h.__s,M)||u.__v===t.__v)){for(u.__v!==t.__v&&(h.props=m,h.state=h.__s,h.__d=!1),u.__e=t.__e,u.__k=t.__k,u.__k.forEach(function(n){n&&(n.__=u)}),P=0;P<h._sb.length;P++)h.__h.push(h._sb[P]);h._sb=[],h.__h.length&&f.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(m,h.__s,M),x&&null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(v,w,_)})}if(h.context=M,h.props=m,h.__P=n,h.__e=!1,$=l.__r,I=0,x){for(h.state=h.__s,h.__d=!1,$&&$(u),a=h.render(h.props,h.state,h.context),H=0;H<h._sb.length;H++)h.__h.push(h._sb[H]);h._sb=[]}else do{h.__d=!1,$&&$(u),a=h.render(h.props,h.state,h.context),h.state=h.__s}while(h.__d&&++I<25);h.state=h.__s,null!=h.getChildContext&&(i=d(d({},i),h.getChildContext())),x&&!p&&null!=h.getSnapshotBeforeUpdate&&(_=h.getSnapshotBeforeUpdate(v,w)),S(n,y(L=null!=a&&a.type===k&&null==a.key?a.props.children:a)?L:[L],u,t,i,o,r,f,e,c,s),h.base=u.__e,u.__u&=-161,h.__h.length&&f.push(h),g&&(h.__E=h.__=null)}catch(n){if(u.__v=null,c||null!=r){for(u.__u|=c?160:32;e&&8===e.nodeType&&e.nextSibling;)e=e.nextSibling;r[r.indexOf(e)]=null,u.__e=e}else u.__e=t.__e,u.__k=t.__k;l.__e(n,u,t)}else null==r&&u.__v===t.__v?(u.__k=t.__k,u.__e=t.__e):u.__e=z(t.__e,u,t,i,o,r,f,c,s);(a=l.diffed)&&a(u)}function j(n,u,t){u.__d=void 0;for(var i=0;i<t.length;i++)N(t[i],t[++i],t[++i]);l.__c&&l.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u)})}catch(n){l.__e(n,u.__v)}})}function z(l,u,t,i,o,r,f,e,c){var s,a,p,v,d,_,g,m=t.props,k=u.props,b=u.type;if("svg"===b?o="http://www.w3.org/2000/svg":"math"===b?o="http://www.w3.org/1998/Math/MathML":o||(o="http://www.w3.org/1999/xhtml"),null!=r)for(s=0;s<r.length;s++)if((d=r[s])&&"setAttribute"in d==!!b&&(b?d.localName===b:3===d.nodeType)){l=d,r[s]=null;break}if(null==l){if(null===b)return document.createTextNode(k);l=document.createElementNS(o,b,k.is&&k),r=null,e=!1}if(null===b)m===k||e&&l.data===k||(l.data=k);else{if(r=r&&n.call(l.childNodes),m=t.props||h,!e&&null!=r)for(m={},s=0;s<l.attributes.length;s++)m[(d=l.attributes[s]).name]=d.value;for(s in m)if(d=m[s],"children"==s);else if("dangerouslySetInnerHTML"==s)p=d;else if("key"!==s&&!(s in k)){if("value"==s&&"defaultValue"in k||"checked"==s&&"defaultChecked"in k)continue;A(l,s,null,d,o)}for(s in k)d=k[s],"children"==s?v=d:"dangerouslySetInnerHTML"==s?a=d:"value"==s?_=d:"checked"==s?g=d:"key"===s||e&&"function"!=typeof d||m[s]===d||A(l,s,d,m[s],o);if(a)e||p&&(a.__html===p.__html||a.__html===l.innerHTML)||(l.innerHTML=a.__html),u.__k=[];else if(p&&(l.innerHTML=""),S(l,y(v)?v:[v],u,t,i,"foreignObject"===b?"http://www.w3.org/1999/xhtml":o,r,f,r?r[0]:t.__k&&x(t,0),e,c),null!=r)for(s=r.length;s--;)null!=r[s]&&w(r[s]);e||(s="value",void 0!==_&&(_!==l[s]||"progress"===b&&!_||"option"===b&&_!==m[s])&&A(l,s,_,m[s],o),s="checked",void 0!==g&&g!==l[s]&&A(l,s,g,m[s],o))}return l}function N(n,u,t){try{if("function"==typeof n){var i="function"==typeof n.__u;i&&n.__u(),i&&null==u||(n.__u=n(u))}else n.current=u}catch(n){l.__e(n,t)}}function V(n,u,t){var i,o;if(l.unmount&&l.unmount(n),(i=n.ref)&&(i.current&&i.current!==n.__e||N(i,null,u)),null!=(i=n.__c)){if(i.componentWillUnmount)try{i.componentWillUnmount()}catch(n){l.__e(n,u)}i.base=i.__P=null}if(i=n.__k)for(o=0;o<i.length;o++)i[o]&&V(i[o],u,t||"function"!=typeof n.type);t||null==n.__e||w(n.__e),n.__c=n.__=n.__e=n.__d=void 0}function q(n,l,u){return this.constructor(n,u)}function B(u,t,i){var o,r,f,e;l.__&&l.__(u,t),r=(o="function"==typeof i)?null:i&&i.__k||t.__k,f=[],e=[],O(t,u=(!o&&i||t).__k=_(k,null,[u]),r||h,h,t.namespaceURI,!o&&i?[i]:r?null:t.firstChild?n.call(t.childNodes):null,f,!o&&i?i:r?r.__e:t.firstChild,o,e),j(f,u,e)}function D(n,l){B(n,l,D)}function E(l,u,t){var i,o,r,f,e=d({},l.props);for(r in l.type&&l.type.defaultProps&&(f=l.type.defaultProps),u)"key"==r?i=u[r]:"ref"==r?o=u[r]:e[r]=void 0===u[r]&&void 0!==f?f[r]:u[r];return arguments.length>2&&(e.children=arguments.length>3?n.call(arguments,2):t),g(l.type,e,i||l.key,o||l.ref,null)}function G(n,l){var u={__c:l="__cC"+a++,__:n,Consumer:function(n,l){return n.children(l)},Provider:function(n){var u,t;return this.getChildContext||(u=[],(t={})[l]=this,this.getChildContext=function(){return t},this.componentWillUnmount=function(){u=null},this.shouldComponentUpdate=function(n){this.props.value!==n.value&&u.some(function(n){n.__e=!0,M(n)})},this.sub=function(n){u.push(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){u&&u.splice(u.indexOf(n),1),l&&l.call(n)}}),n.children}};return u.Provider.__=u.Consumer.contextType=u}n=p.slice,l={__e:function(n,l,u,t){for(var i,o,r;l=l.__;)if((i=l.__c)&&!i.__)try{if((o=i.constructor)&&null!=o.getDerivedStateFromError&&(i.setState(o.getDerivedStateFromError(n)),r=i.__d),null!=i.componentDidCatch&&(i.componentDidCatch(n,t||{}),r=i.__d),r)return i.__E=i}catch(l){n=l}throw n}},u=0,t=function(n){return null!=n&&null==n.constructor},b.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=d({},this.state),"function"==typeof n&&(n=n(d({},u),this.props)),n&&d(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),M(this))},b.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),M(this))},b.prototype.render=k,i=[],r="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,f=function(n,l){return n.__v.__b-l.__v.__b},P.__r=0,e=0,c=F(!1),s=F(!0),a=0;
 //# sourceMappingURL=preact.module.js.map
 
 
@@ -14430,14 +15255,15 @@ var n,l,u,t,i,o,r,f,e,c={},s=[],a=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   J0: () => (/* binding */ p),
-/* harmony export */   WO: () => (/* binding */ y),
-/* harmony export */   li: () => (/* binding */ F),
-/* harmony export */   vJ: () => (/* binding */ _)
+/* harmony export */   J0: () => (/* binding */ h),
+/* harmony export */   NT: () => (/* binding */ x),
+/* harmony export */   WO: () => (/* binding */ p),
+/* harmony export */   li: () => (/* binding */ A),
+/* harmony export */   vJ: () => (/* binding */ y)
 /* harmony export */ });
-/* unused harmony exports useCallback, useContext, useDebugValue, useErrorBoundary, useId, useImperativeHandle, useLayoutEffect, useMemo */
+/* unused harmony exports useCallback, useDebugValue, useErrorBoundary, useId, useImperativeHandle, useLayoutEffect, useMemo */
 /* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5181);
-var t,r,u,i,o=0,f=[],c=[],e=preact__WEBPACK_IMPORTED_MODULE_0__/* .options */ .fF,a=e.__b,v=e.__r,l=e.diffed,m=e.__c,s=e.unmount,d=e.__;function h(n,t){e.__h&&e.__h(r,n,o||t),o=0;var u=r.__H||(r.__H={__:[],__h:[]});return n>=u.__.length&&u.__.push({__V:c}),u.__[n]}function p(n){return o=1,y(D,n)}function y(n,u,i){var o=h(t++,2);if(o.t=n,!o.__c&&(o.__=[i?i(u):D(void 0,u),function(n){var t=o.__N?o.__N[0]:o.__[0],r=o.t(t,n);t!==r&&(o.__N=[r,o.__[1]],o.__c.setState({}))}],o.__c=r,!r.u)){var f=function(n,t,r){if(!o.__c.__H)return!0;var u=o.__c.__H.__.filter(function(n){return!!n.__c});if(u.every(function(n){return!n.__N}))return!c||c.call(this,n,t,r);var i=!1;return u.forEach(function(n){if(n.__N){var t=n.__[0];n.__=n.__N,n.__N=void 0,t!==n.__[0]&&(i=!0)}}),!(!i&&o.__c.props===n)&&(!c||c.call(this,n,t,r))};r.u=!0;var c=r.shouldComponentUpdate,e=r.componentWillUpdate;r.componentWillUpdate=function(n,t,r){if(this.__e){var u=c;c=void 0,f(n,t,r),c=u}e&&e.call(this,n,t,r)},r.shouldComponentUpdate=f}return o.__N||o.__}function _(n,u){var i=h(t++,3);!e.__s&&C(i.__H,u)&&(i.__=n,i.i=u,r.__H.__h.push(i))}function A(n,u){var i=h(t++,4);!e.__s&&C(i.__H,u)&&(i.__=n,i.i=u,r.__h.push(i))}function F(n){return o=5,q(function(){return{current:n}},[])}function T(n,t,r){o=6,A(function(){return"function"==typeof n?(n(t()),function(){return n(null)}):n?(n.current=t(),function(){return n.current=null}):void 0},null==r?r:r.concat(n))}function q(n,r){var u=h(t++,7);return C(u.__H,r)?(u.__V=n(),u.i=r,u.__h=n,u.__V):u.__}function x(n,t){return o=8,q(function(){return n},t)}function P(n){var u=r.context[n.__c],i=h(t++,9);return i.c=n,u?(null==i.__&&(i.__=!0,u.sub(r)),u.props.value):n.__}function V(n,t){e.useDebugValue&&e.useDebugValue(t?t(n):n)}function b(n){var u=h(t++,10),i=p();return u.__=n,r.componentDidCatch||(r.componentDidCatch=function(n,t){u.__&&u.__(n,t),i[1](n)}),[i[0],function(){i[1](void 0)}]}function g(){var n=h(t++,11);if(!n.__){for(var u=r.__v;null!==u&&!u.__m&&null!==u.__;)u=u.__;var i=u.__m||(u.__m=[0,0]);n.__="P"+i[0]+"-"+i[1]++}return n.__}function j(){for(var n;n=f.shift();)if(n.__P&&n.__H)try{n.__H.__h.forEach(z),n.__H.__h.forEach(B),n.__H.__h=[]}catch(t){n.__H.__h=[],e.__e(t,n.__v)}}e.__b=function(n){r=null,a&&a(n)},e.__=function(n,t){n&&t.__k&&t.__k.__m&&(n.__m=t.__k.__m),d&&d(n,t)},e.__r=function(n){v&&v(n),t=0;var i=(r=n.__c).__H;i&&(u===r?(i.__h=[],r.__h=[],i.__.forEach(function(n){n.__N&&(n.__=n.__N),n.__V=c,n.__N=n.i=void 0})):(i.__h.forEach(z),i.__h.forEach(B),i.__h=[],t=0)),u=r},e.diffed=function(n){l&&l(n);var t=n.__c;t&&t.__H&&(t.__H.__h.length&&(1!==f.push(t)&&i===e.requestAnimationFrame||((i=e.requestAnimationFrame)||w)(j)),t.__H.__.forEach(function(n){n.i&&(n.__H=n.i),n.__V!==c&&(n.__=n.__V),n.i=void 0,n.__V=c})),u=r=null},e.__c=function(n,t){t.some(function(n){try{n.__h.forEach(z),n.__h=n.__h.filter(function(n){return!n.__||B(n)})}catch(r){t.some(function(n){n.__h&&(n.__h=[])}),t=[],e.__e(r,n.__v)}}),m&&m(n,t)},e.unmount=function(n){s&&s(n);var t,r=n.__c;r&&r.__H&&(r.__H.__.forEach(function(n){try{z(n)}catch(n){t=n}}),r.__H=void 0,t&&e.__e(t,r.__v))};var k="function"==typeof requestAnimationFrame;function w(n){var t,r=function(){clearTimeout(u),k&&cancelAnimationFrame(t),setTimeout(n)},u=setTimeout(r,100);k&&(t=requestAnimationFrame(r))}function z(n){var t=r,u=n.__c;"function"==typeof u&&(n.__c=void 0,u()),r=t}function B(n){var t=r;n.__c=n.__(),r=t}function C(n,t){return!n||n.length!==t.length||t.some(function(t,r){return t!==n[r]})}function D(n,t){return"function"==typeof t?t(n):t}
+var t,r,u,i,o=0,f=[],c=preact__WEBPACK_IMPORTED_MODULE_0__/* .options */ .fF,e=c.__b,a=c.__r,v=c.diffed,l=c.__c,m=c.unmount,s=c.__;function d(n,t){c.__h&&c.__h(r,n,o||t),o=0;var u=r.__H||(r.__H={__:[],__h:[]});return n>=u.__.length&&u.__.push({}),u.__[n]}function h(n){return o=1,p(D,n)}function p(n,u,i){var o=d(t++,2);if(o.t=n,!o.__c&&(o.__=[i?i(u):D(void 0,u),function(n){var t=o.__N?o.__N[0]:o.__[0],r=o.t(t,n);t!==r&&(o.__N=[r,o.__[1]],o.__c.setState({}))}],o.__c=r,!r.u)){var f=function(n,t,r){if(!o.__c.__H)return!0;var u=o.__c.__H.__.filter(function(n){return!!n.__c});if(u.every(function(n){return!n.__N}))return!c||c.call(this,n,t,r);var i=!1;return u.forEach(function(n){if(n.__N){var t=n.__[0];n.__=n.__N,n.__N=void 0,t!==n.__[0]&&(i=!0)}}),!(!i&&o.__c.props===n)&&(!c||c.call(this,n,t,r))};r.u=!0;var c=r.shouldComponentUpdate,e=r.componentWillUpdate;r.componentWillUpdate=function(n,t,r){if(this.__e){var u=c;c=void 0,f(n,t,r),c=u}e&&e.call(this,n,t,r)},r.shouldComponentUpdate=f}return o.__N||o.__}function y(n,u){var i=d(t++,3);!c.__s&&C(i.__H,u)&&(i.__=n,i.i=u,r.__H.__h.push(i))}function _(n,u){var i=d(t++,4);!c.__s&&C(i.__H,u)&&(i.__=n,i.i=u,r.__h.push(i))}function A(n){return o=5,T(function(){return{current:n}},[])}function F(n,t,r){o=6,_(function(){return"function"==typeof n?(n(t()),function(){return n(null)}):n?(n.current=t(),function(){return n.current=null}):void 0},null==r?r:r.concat(n))}function T(n,r){var u=d(t++,7);return C(u.__H,r)&&(u.__=n(),u.__H=r,u.__h=n),u.__}function q(n,t){return o=8,T(function(){return n},t)}function x(n){var u=r.context[n.__c],i=d(t++,9);return i.c=n,u?(null==i.__&&(i.__=!0,u.sub(r)),u.props.value):n.__}function P(n,t){c.useDebugValue&&c.useDebugValue(t?t(n):n)}function b(n){var u=d(t++,10),i=h();return u.__=n,r.componentDidCatch||(r.componentDidCatch=function(n,t){u.__&&u.__(n,t),i[1](n)}),[i[0],function(){i[1](void 0)}]}function g(){var n=d(t++,11);if(!n.__){for(var u=r.__v;null!==u&&!u.__m&&null!==u.__;)u=u.__;var i=u.__m||(u.__m=[0,0]);n.__="P"+i[0]+"-"+i[1]++}return n.__}function j(){for(var n;n=f.shift();)if(n.__P&&n.__H)try{n.__H.__h.forEach(z),n.__H.__h.forEach(B),n.__H.__h=[]}catch(t){n.__H.__h=[],c.__e(t,n.__v)}}c.__b=function(n){r=null,e&&e(n)},c.__=function(n,t){n&&t.__k&&t.__k.__m&&(n.__m=t.__k.__m),s&&s(n,t)},c.__r=function(n){a&&a(n),t=0;var i=(r=n.__c).__H;i&&(u===r?(i.__h=[],r.__h=[],i.__.forEach(function(n){n.__N&&(n.__=n.__N),n.i=n.__N=void 0})):(i.__h.forEach(z),i.__h.forEach(B),i.__h=[],t=0)),u=r},c.diffed=function(n){v&&v(n);var t=n.__c;t&&t.__H&&(t.__H.__h.length&&(1!==f.push(t)&&i===c.requestAnimationFrame||((i=c.requestAnimationFrame)||w)(j)),t.__H.__.forEach(function(n){n.i&&(n.__H=n.i),n.i=void 0})),u=r=null},c.__c=function(n,t){t.some(function(n){try{n.__h.forEach(z),n.__h=n.__h.filter(function(n){return!n.__||B(n)})}catch(r){t.some(function(n){n.__h&&(n.__h=[])}),t=[],c.__e(r,n.__v)}}),l&&l(n,t)},c.unmount=function(n){m&&m(n);var t,r=n.__c;r&&r.__H&&(r.__H.__.forEach(function(n){try{z(n)}catch(n){t=n}}),r.__H=void 0,t&&c.__e(t,r.__v))};var k="function"==typeof requestAnimationFrame;function w(n){var t,r=function(){clearTimeout(u),k&&cancelAnimationFrame(t),setTimeout(n)},u=setTimeout(r,100);k&&(t=requestAnimationFrame(r))}function z(n){var t=r,u=n.__c;"function"==typeof u&&(n.__c=void 0,u()),r=t}function B(n){var t=r;n.__c=n.__(),r=t}function C(n,t){return!n||n.length!==t.length||t.some(function(t,r){return t!==n[r]})}function D(n,t){return"function"==typeof t?t(n):t}
 //# sourceMappingURL=hooks.module.js.map
 
 
@@ -14516,7 +15342,7 @@ var LiveMediaTracker = /*#__PURE__*/function () {
       var first = (0,_util_getOrSetIsFirst_js__WEBPACK_IMPORTED_MODULE_3__/* .getOrSetIsFirst */ .u)(_this.hashedId, _ds_index_js__WEBPACK_IMPORTED_MODULE_2__/* .PlaySession */ .p.Scope.LIVE_EVENT, 'load');
       _classPrivateFieldSet(_playSession, _this, _ds_index_js__WEBPACK_IMPORTED_MODULE_2__/* .PlaySession */ .p.load(_classPrivateFieldGet(_clockStart, _this), {
         visitor_key: _classPrivateFieldGet(_api, _this).visitorKey(),
-        session_key: (0,utilities_uniqId_js__WEBPACK_IMPORTED_MODULE_5__/* .uniqId */ .b)("".concat("e56e83b19fc0d109dea83d3d5c09c1e3".substring(0, 7), "_")),
+        session_key: (0,utilities_uniqId_js__WEBPACK_IMPORTED_MODULE_5__/* .uniqId */ .b)("".concat("44e92c664881d490b3de0523a8a420a8".substring(0, 7), "_")),
         embed_url: _classPrivateFieldGet(_api, _this)._attrs.pageUrl,
         referrer_url: _classPrivateFieldGet(_api, _this)._attrs.referrerUrl,
         account_id: mediaData.accountId,
@@ -18732,7 +19558,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
     }, {
       key: "generate",
       value: function generate() {
-        return (0,utilities_uniqId_js__WEBPACK_IMPORTED_MODULE_4__/* .uniqId */ .b)("".concat("e56e83b19fc0d109dea83d3d5c09c1e3".substring(0, 7), "_"));
+        return (0,utilities_uniqId_js__WEBPACK_IMPORTED_MODULE_4__/* .uniqId */ .b)("".concat("44e92c664881d490b3de0523a8a420a8".substring(0, 7), "_"));
       }
     }]);
   }();
@@ -24722,7 +25548,7 @@ if (!wistia_namespace_js__WEBPACK_IMPORTED_MODULE_0__/* .Wistia */ .s.VulcanV2Pl
         });
 
         // Use the tagged version if it's available, otherwise use the fallback player version
-        var playerVersion =  true && "0.0.19".length > 0 ? "0.0.19" : _utilities_player_version_js__WEBPACK_IMPORTED_MODULE_44__/* .PLAYER_VERSION */ .H;
+        var playerVersion =  true && "0.0.21".length > 0 ? "0.0.21" : _utilities_player_version_js__WEBPACK_IMPORTED_MODULE_44__/* .PLAYER_VERSION */ .H;
         var data = {
           player_version: playerVersion,
           media_key: this._mediaData.mediaKey,
@@ -25914,6 +26740,7 @@ var PlaybarControlBase = /*#__PURE__*/function (_Control) {
 /* harmony import */ var _shared_control_lifecycle_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(9668);
 /* harmony import */ var _shared_control_definitions_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(8480);
 /* harmony import */ var _shared_translations_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(4730);
+/* harmony import */ var _shared_RoundedSmallPlayButton_tsx__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(4795);
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
@@ -25937,6 +26764,7 @@ function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.h
 
 
 
+
 var _SmallPlayButtonControl_brand = /*#__PURE__*/new WeakSet();
 var SmallPlayButtonControl = /*#__PURE__*/function (_Control) {
   function SmallPlayButtonControl(_video) {
@@ -25949,15 +26777,26 @@ var SmallPlayButtonControl = /*#__PURE__*/function (_Control) {
         return;
       }
       _this.setButtonLabel(_assertClassBrand(_SmallPlayButtonControl_brand, _this, _getTranslation).call(_this));
-      (0,preact__WEBPACK_IMPORTED_MODULE_1__/* .render */ .XX)((0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-        style: _this.wrapperStyle()
-      }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(_shared_SmallPlayButton_jsx__WEBPACK_IMPORTED_MODULE_3__/* .SmallPlayButton */ .q, {
-        isPlaying: _this.video.state() === 'playing',
-        noPadding: true,
-        svgStyle: {
-          verticalAlign: 'top'
-        }
-      })), _this.buttonRoot);
+      var marginLeft = !(_this.video.state() === 'playing') ? "".concat(_this.props.scale * 1.5, "px") : 0;
+      if (_this.video.hasNewRoundedIcons()) {
+        (0,preact__WEBPACK_IMPORTED_MODULE_1__/* .render */ .XX)((0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(_shared_RoundedSmallPlayButton_tsx__WEBPACK_IMPORTED_MODULE_7__/* .RoundedSmallPlayButton */ .r, {
+          isPlaying: _this.video.state() === 'playing',
+          svgStyle: {
+            verticalAlign: 'top'
+          },
+          marginLeft: marginLeft
+        }), _this.buttonRoot);
+      } else {
+        (0,preact__WEBPACK_IMPORTED_MODULE_1__/* .render */ .XX)((0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
+          style: _this.wrapperStyle()
+        }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(_shared_SmallPlayButton_jsx__WEBPACK_IMPORTED_MODULE_3__/* .SmallPlayButton */ .q, {
+          isPlaying: _this.video.state() === 'playing',
+          noPadding: true,
+          svgStyle: {
+            verticalAlign: 'top'
+          }
+        })), _this.buttonRoot);
+      }
       _this.reactMounts = [_this.rootElem];
     });
     _defineProperty(_this, "onClickButton", function () {
@@ -26093,6 +26932,7 @@ var shouldShowAsBeforePlay = function shouldShowAsBeforePlay(video) {
 /* harmony import */ var _shared_control_lifecycle_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(9668);
 /* harmony import */ var _shared_translations_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(4730);
 /* harmony import */ var _utilities_isMouseDown_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(3745);
+/* harmony import */ var _RoundedAudioDescriptionButton_tsx__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(7038);
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
@@ -26117,6 +26957,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 
 
 
+
 (0,_shared_translations_js__WEBPACK_IMPORTED_MODULE_8__/* .defineTranslations */ .Oj)('en-US', {
   AUDIO_DESCRIPTION_HIDE_MENU: 'Hide audio description menu',
   AUDIO_DESCRIPTION_SHOW_MENU: 'Show audio description menu'
@@ -26200,7 +27041,11 @@ var AudioDescriptionControl = /*#__PURE__*/function (_Control) {
     key: "renderButton",
     value: function renderButton() {
       this.updateButtonLabel();
-      (0,preact__WEBPACK_IMPORTED_MODULE_1__/* .render */ .XX)((0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(_AudioDescriptionButton_jsx__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A, null), this.buttonRoot);
+      if (this.video.hasNewRoundedIcons()) {
+        (0,preact__WEBPACK_IMPORTED_MODULE_1__/* .render */ .XX)((0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(_RoundedAudioDescriptionButton_tsx__WEBPACK_IMPORTED_MODULE_10__/* .RoundedAudioDescriptionButton */ ._, null), this.buttonRoot);
+      } else {
+        (0,preact__WEBPACK_IMPORTED_MODULE_1__/* .render */ .XX)((0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(_AudioDescriptionButton_jsx__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A, null), this.buttonRoot);
+      }
       this.reactMounts.button = [this.buttonRoot];
     }
   }, {
@@ -26450,8 +27295,6 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 
 
 
-var BASE_WIDTH = 125;
-var BASE_HEIGHT = 80;
 var BigPlayButtonControl = /*#__PURE__*/function (_Control) {
   function BigPlayButtonControl(video) {
     var _this;
@@ -26462,10 +27305,8 @@ var BigPlayButtonControl = /*#__PURE__*/function (_Control) {
         return;
       }
       var buttonTabIndex = !_this.video.publicApi.popover || _this.video.publicApi.popover.isVisible() ? 0 : -1;
-      var BigPlayButtonWithOnClick = (0,_higher_order_components_withOnClick_js__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .A)(_shared_ui_components_BigPlayButton_tsx__WEBPACK_IMPORTED_MODULE_3__/* .BigPlayButton */ .F);
+      var BigPlayButtonWithOnClick = (0,_higher_order_components_withOnClick_js__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .A)(_shared_ui_components_BigPlayButton_tsx__WEBPACK_IMPORTED_MODULE_3__/* .BigPlayButton */ .Fn);
       (0,preact__WEBPACK_IMPORTED_MODULE_1__/* .render */ .XX)((0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(BigPlayButtonWithOnClick, {
-        baseHeight: BASE_HEIGHT,
-        baseWidth: BASE_WIDTH,
         borderRadius: _this.props.bigPlayButtonBorderRadius,
         buttonTabIndex: buttonTabIndex,
         color: _this.video.playerColor(),
@@ -26606,9 +27447,10 @@ BigPlayButtonControl.type = 'above-control-bar';
 /* harmony import */ var utilities_dynamicImport_ts__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7157);
 /* harmony import */ var _shared_controls_Control_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(7967);
 /* harmony import */ var _CaptionsButton_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(8822);
-/* harmony import */ var _shared_control_lifecycle_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(9668);
-/* harmony import */ var _shared_control_definitions_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(8480);
-/* harmony import */ var _shared_translations_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(4730);
+/* harmony import */ var _RoundedCaptionsButton_tsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(6955);
+/* harmony import */ var _shared_control_lifecycle_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(9668);
+/* harmony import */ var _shared_control_definitions_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(8480);
+/* harmony import */ var _shared_translations_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(4730);
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
@@ -26633,6 +27475,7 @@ function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.h
 
 
 
+
 // import { CaptionsV3Menu } from './CaptionsV3Menu.jsx';
 
 
@@ -26645,7 +27488,7 @@ var TRANSLATIONS = {
   CAPTIONS_TURN_OFF: 'Turn off captions',
   CAPTIONS_TURN_ON: 'Turn on captions'
 };
-(0,_shared_translations_js__WEBPACK_IMPORTED_MODULE_7__/* .defineTranslations */ .Oj)('en-US', TRANSLATIONS);
+(0,_shared_translations_js__WEBPACK_IMPORTED_MODULE_8__/* .defineTranslations */ .Oj)('en-US', TRANSLATIONS);
 var DISABLED = 'disabled';
 var ON = 'on';
 var OFF = 'off';
@@ -26767,7 +27610,7 @@ var CaptionsV3ButtonControl = /*#__PURE__*/function (_Control) {
   return _createClass(CaptionsV3ButtonControl, [{
     key: "destroy",
     value: function destroy() {
-      (0,_shared_control_lifecycle_js__WEBPACK_IMPORTED_MODULE_5__/* .destroyControl */ .cm)(this);
+      (0,_shared_control_lifecycle_js__WEBPACK_IMPORTED_MODULE_6__/* .destroyControl */ .cm)(this);
     }
   }, {
     key: "mountButton",
@@ -26788,16 +27631,23 @@ var CaptionsV3ButtonControl = /*#__PURE__*/function (_Control) {
   }, {
     key: "renderButton",
     value: function renderButton() {
-      var _this$captionsV3Contr2;
       if (this.video._inNativeMode() || !this.buttonRoot) {
         return;
       }
       this.updateButtonLabel();
-      (0,preact__WEBPACK_IMPORTED_MODULE_1__/* .render */ .XX)((0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(_CaptionsButton_jsx__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A, {
-        onClick: this.onClickCaptionsButton,
-        color: this.video.playerColor(),
-        filled: Boolean((_this$captionsV3Contr2 = this.captionsV3Control) === null || _this$captionsV3Contr2 === void 0 ? void 0 : _this$captionsV3Contr2.selectedTrack)
-      }), this.buttonRoot);
+      if (this.video.hasNewRoundedIcons()) {
+        var _this$captionsV3Contr2;
+        (0,preact__WEBPACK_IMPORTED_MODULE_1__/* .render */ .XX)((0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(_RoundedCaptionsButton_tsx__WEBPACK_IMPORTED_MODULE_5__/* .RoundedCaptionsButton */ .b, {
+          color: this.video.playerColor(),
+          filled: Boolean((_this$captionsV3Contr2 = this.captionsV3Control) === null || _this$captionsV3Contr2 === void 0 ? void 0 : _this$captionsV3Contr2.selectedTrack)
+        }), this.buttonRoot);
+      } else {
+        var _this$captionsV3Contr3;
+        (0,preact__WEBPACK_IMPORTED_MODULE_1__/* .render */ .XX)((0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(_CaptionsButton_jsx__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A, {
+          color: this.video.playerColor(),
+          filled: Boolean((_this$captionsV3Contr3 = this.captionsV3Control) === null || _this$captionsV3Contr3 === void 0 ? void 0 : _this$captionsV3Contr3.selectedTrack)
+        }), this.buttonRoot);
+      }
       this.reactMounts.button = [this.buttonRoot];
     }
 
@@ -26817,7 +27667,7 @@ var CaptionsV3ButtonControl = /*#__PURE__*/function (_Control) {
     value: function updateButtonLabel() {
       var translationKeys = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ON, 'CAPTIONS_TURN_OFF'), OFF, 'CAPTIONS_TURN_ON'), MENU_CLOSED, 'CAPTIONS_SHOW_MENU'), MENU_OPEN, 'CAPTIONS_HIDE_MENU'), DISABLED, 'CAPTIONS_DISABLED');
       var key = translationKeys[_classPrivateFieldGet(_buttonState, this)];
-      var text = (0,_shared_translations_js__WEBPACK_IMPORTED_MODULE_7__/* .getTranslation */ .sC)(this.props.playerLanguage.code, key);
+      var text = (0,_shared_translations_js__WEBPACK_IMPORTED_MODULE_8__/* .getTranslation */ .sC)(this.props.playerLanguage.code, key);
       this.setButtonLabel(text);
     }
   }]);
@@ -26828,7 +27678,7 @@ function _loadCaptionsV() {
     return _classPrivateFieldGet(_captionsV3Promise, this);
   }
   _classPrivateFieldSet(_captionsV3Promise, this, (0,utilities_dynamicImport_ts__WEBPACK_IMPORTED_MODULE_2__/* .dynamicImport */ .$)('assets/external/captions-v3.js').then(function (moduleClass) {
-    (0,_shared_control_definitions_js__WEBPACK_IMPORTED_MODULE_6__/* .defineControl */ .X)(moduleClass.CaptionsV3Control);
+    (0,_shared_control_definitions_js__WEBPACK_IMPORTED_MODULE_7__/* .defineControl */ .X)(moduleClass.CaptionsV3Control);
     return _this2.video.whenControlMounted('captionsV3');
   }).then(function () {
     _this2.captionsV3Control = _this2.video.controls.captionsV3;
@@ -26841,7 +27691,7 @@ CaptionsV3ButtonControl.sortValue = 50;
 CaptionsV3ButtonControl.shouldMount = function (video) {
   return video.isLiveMedia();
 };
-(0,_shared_control_definitions_js__WEBPACK_IMPORTED_MODULE_6__/* .defineControl */ .X)(CaptionsV3ButtonControl);
+(0,_shared_control_definitions_js__WEBPACK_IMPORTED_MODULE_7__/* .defineControl */ .X)(CaptionsV3ButtonControl);
 
 /***/ }),
 
@@ -27242,9 +28092,10 @@ FocusOutlineControl.sortValue = 100;
 /* harmony import */ var utilities_detect_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7231);
 /* harmony import */ var _shared_controls_Control_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(7967);
 /* harmony import */ var _FullscreenButton_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(2379);
-/* harmony import */ var _shared_control_lifecycle_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(9668);
-/* harmony import */ var _shared_control_definitions_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(8480);
-/* harmony import */ var _shared_translations_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(4730);
+/* harmony import */ var _RoundedFullscreenButton_tsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(1220);
+/* harmony import */ var _shared_control_lifecycle_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(9668);
+/* harmony import */ var _shared_control_definitions_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(8480);
+/* harmony import */ var _shared_translations_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(4730);
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
@@ -27266,9 +28117,10 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 
 
 
+
 var detect = (0,utilities_detect_js__WEBPACK_IMPORTED_MODULE_2__/* .cachedDetect */ .o1)();
 var F_KEY = 70;
-(0,_shared_translations_js__WEBPACK_IMPORTED_MODULE_7__/* .defineTranslations */ .Oj)('en-US', {
+(0,_shared_translations_js__WEBPACK_IMPORTED_MODULE_8__/* .defineTranslations */ .Oj)('en-US', {
   FULLSCREEN_DOUBLE_TAP: 'Double-tap to zoom in or out',
   FULLSCREEN_TITLE_WHEN_IN_FULLSCREEN: 'Unfullscreen',
   FULLSCREEN_TITLE_WHEN_NOT_IN_FULLSCREEN: 'Fullscreen'
@@ -27306,7 +28158,7 @@ var FullscreenButtonControl = /*#__PURE__*/function (_Control) {
   return _createClass(FullscreenButtonControl, [{
     key: "destroy",
     value: function destroy() {
-      (0,_shared_control_lifecycle_js__WEBPACK_IMPORTED_MODULE_5__/* .destroyControl */ .cm)(this);
+      (0,_shared_control_lifecycle_js__WEBPACK_IMPORTED_MODULE_6__/* .destroyControl */ .cm)(this);
     }
   }, {
     key: "inFullscreen",
@@ -27351,13 +28203,17 @@ var FullscreenButtonControl = /*#__PURE__*/function (_Control) {
       }
       var label = this.inFullscreen() ? this.translate('TITLE_WHEN_IN_FULLSCREEN') : this.translate('TITLE_WHEN_NOT_IN_FULLSCREEN');
       this.setButtonLabel(label);
-      (0,preact__WEBPACK_IMPORTED_MODULE_0__/* .render */ .XX)((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_FullscreenButton_jsx__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A, null), this.buttonElem);
+      if (this.video.hasNewRoundedIcons()) {
+        (0,preact__WEBPACK_IMPORTED_MODULE_0__/* .render */ .XX)((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_RoundedFullscreenButton_tsx__WEBPACK_IMPORTED_MODULE_5__/* .RoundedFullscreenButton */ .D, null), this.buttonElem);
+      } else {
+        (0,preact__WEBPACK_IMPORTED_MODULE_0__/* .render */ .XX)((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_FullscreenButton_jsx__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A, null), this.buttonElem);
+      }
       this.reactMounts = [this.buttonElem];
     }
   }, {
     key: "translate",
     value: function translate(key) {
-      return (0,_shared_translations_js__WEBPACK_IMPORTED_MODULE_7__/* .getTranslation */ .sC)(this.props.playerLanguage.code, "FULLSCREEN_".concat(key));
+      return (0,_shared_translations_js__WEBPACK_IMPORTED_MODULE_8__/* .getTranslation */ .sC)(this.props.playerLanguage.code, "FULLSCREEN_".concat(key));
     }
   }, {
     key: "toggleFullscreen",
@@ -27376,7 +28232,7 @@ var FullscreenButtonControl = /*#__PURE__*/function (_Control) {
 FullscreenButtonControl.handle = 'fullscreenControl';
 FullscreenButtonControl.type = 'control-bar-right';
 FullscreenButtonControl.sortValue = 1000;
-(0,_shared_control_definitions_js__WEBPACK_IMPORTED_MODULE_6__/* .defineControl */ .X)(FullscreenButtonControl);
+(0,_shared_control_definitions_js__WEBPACK_IMPORTED_MODULE_7__/* .defineControl */ .X)(FullscreenButtonControl);
 var supportsRealFullscreen = function supportsRealFullscreen() {
   return detect.fullscreenEnabled;
 };
@@ -27520,6 +28376,7 @@ LiveStreamStatusControl.shouldMount = function (video) {
 /* harmony import */ var _shared_SmallPlayButton_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(1168);
 /* harmony import */ var _shared_control_lifecycle_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(9668);
 /* harmony import */ var _shared_control_definitions_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(8480);
+/* harmony import */ var _shared_RoundedSmallPlayButton_tsx__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(4795);
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
@@ -27541,6 +28398,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 
 
 
+
 var detect = (0,utilities_detect_js__WEBPACK_IMPORTED_MODULE_3__/* .cachedDetect */ .o1)();
 var PlayPauseNotifierControl = /*#__PURE__*/function (_Control) {
   function PlayPauseNotifierControl(video) {
@@ -27621,7 +28479,9 @@ var PlayPauseNotifierControl = /*#__PURE__*/function (_Control) {
       (0,preact__WEBPACK_IMPORTED_MODULE_1__/* .render */ .XX)((0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
         class: "w-play-pause-notifier",
         style: this.rootStyle()
-      }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
+      }, this.video.hasNewRoundedIcons() ? (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(_shared_RoundedSmallPlayButton_tsx__WEBPACK_IMPORTED_MODULE_8__/* .RoundedSmallPlayButton */ .r, {
+        isPlaying: !this.isPlaying
+      }) : (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
         style: this.graphicStyle()
       }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(_shared_SmallPlayButton_jsx__WEBPACK_IMPORTED_MODULE_5__/* .SmallPlayButton */ .q, {
         isPlaying: !this.isPlaying,
@@ -27896,6 +28756,7 @@ PlaybarlessProgressIndicatorControl.shouldMount = function (publicApi) {
 /* harmony import */ var _shared_control_lifecycle_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(9668);
 /* harmony import */ var _shared_control_definitions_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(8480);
 /* harmony import */ var _shared_translations_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(4730);
+/* harmony import */ var _RoundedSettingsButton_tsx__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(5403);
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -27924,6 +28785,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 
 
 
+
 (0,_shared_translations_js__WEBPACK_IMPORTED_MODULE_8__/* .defineTranslations */ .Oj)('en-US', {
   SETTINGS_PLAYBACK_RATE_TITLE: 'Speed',
   SETTINGS_QUALITY_AUTO: 'Auto',
@@ -28037,9 +28899,15 @@ var SettingsControl = /*#__PURE__*/function (_Control) {
     value: function renderButton() {
       this.setButtonLabel(this.translate('TITLE'));
       this.updateButtonLabel();
-      (0,preact__WEBPACK_IMPORTED_MODULE_2__/* .render */ .XX)((0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(_SettingsButton_jsx__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A, {
-        onMouseEnter: this.onMouseEnterButton
-      }), this.buttonRoot);
+      if (this.video.hasNewRoundedIcons()) {
+        (0,preact__WEBPACK_IMPORTED_MODULE_2__/* .render */ .XX)((0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(_RoundedSettingsButton_tsx__WEBPACK_IMPORTED_MODULE_9__/* .RoundedSettingsButton */ .t, {
+          onMouseEnter: this.onMouseEnterButton
+        }), this.buttonRoot);
+      } else {
+        (0,preact__WEBPACK_IMPORTED_MODULE_2__/* .render */ .XX)((0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(_SettingsButton_jsx__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A, {
+          onMouseEnter: this.onMouseEnterButton
+        }), this.buttonRoot);
+      }
       this.reactMounts.button = [this.buttonRoot];
     }
   }, {
@@ -28412,7 +29280,8 @@ ThumbnailControl.sortValue = 1000;
 /* harmony import */ var _shared_control_definitions_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(8480);
 /* harmony import */ var _shared_control_lifecycle_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(9668);
 /* harmony import */ var _shared_ui_components_VolumeButton_jsx__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(8064);
-/* harmony import */ var _shared_controls_Control_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(7967);
+/* harmony import */ var _shared_ui_components_RoundedVolumeButton_tsx__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(707);
+/* harmony import */ var _shared_controls_Control_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(7967);
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
@@ -28436,6 +29305,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 
 
 
+
 var detect = (0,utilities_detect_js__WEBPACK_IMPORTED_MODULE_3__/* .cachedDetect */ .o1)();
 var UP_KEY = 38;
 var DOWN_KEY = 40;
@@ -28596,9 +29466,15 @@ var VolumeButtonControl = /*#__PURE__*/function (_Control) {
         return;
       }
       this.setButtonLabel(this.video.isMuted() ? this.translate('TITLE_WHEN_MUTED') : this.translate('TITLE_WHEN_UNMUTED'));
-      (0,preact__WEBPACK_IMPORTED_MODULE_2__/* .render */ .XX)((0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(_shared_ui_components_VolumeButton_jsx__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .A, {
-        volume: this.video.isMuted() ? 0 : this.video.volume()
-      }), this.buttonRoot);
+      if (this.video.hasNewRoundedIcons()) {
+        (0,preact__WEBPACK_IMPORTED_MODULE_2__/* .render */ .XX)((0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(_shared_ui_components_RoundedVolumeButton_tsx__WEBPACK_IMPORTED_MODULE_9__/* .RoundedVolumeButton */ .y, {
+          volume: this.video.isMuted() ? 0 : this.video.volume()
+        }), this.buttonRoot);
+      } else {
+        (0,preact__WEBPACK_IMPORTED_MODULE_2__/* .render */ .XX)((0,preact__WEBPACK_IMPORTED_MODULE_2__.h)(_shared_ui_components_VolumeButton_jsx__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .A, {
+          volume: this.video.isMuted() ? 0 : this.video.volume()
+        }), this.buttonRoot);
+      }
       this.reactMounts.button = [this.buttonRoot];
     }
   }, {
@@ -28636,7 +29512,7 @@ var VolumeButtonControl = /*#__PURE__*/function (_Control) {
       }
     }
   }]);
-}(_shared_controls_Control_js__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .A);
+}(_shared_controls_Control_js__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .A);
 VolumeButtonControl.shouldMount = function (video) {
   var volumeOpt = video._attrs.volumeControl;
   return (volumeOpt === true || volumeOpt == null) && !detect.iphone && !detect.ipad && !detect.android;
@@ -33563,12 +34439,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   removeInjectedJsonLd: () => (/* binding */ removeInjectedJsonLd)
 /* harmony export */ });
 /* harmony import */ var utilities_iso8601Helper_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4162);
-/* harmony import */ var utilities_keyMoments_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7688);
-/* harmony import */ var utilities_obj_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(731);
-/* harmony import */ var utilities_hosts_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5857);
-/* harmony import */ var utilities_assets_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(7209);
-/* harmony import */ var utilities_url_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(2671);
-/* harmony import */ var _normalizeChapters_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(1487);
+/* harmony import */ var utilities_keyMoments_ts__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(3441);
+/* harmony import */ var utilities_obj_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(731);
+/* harmony import */ var utilities_hosts_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5857);
+/* harmony import */ var utilities_assets_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(7209);
+/* harmony import */ var utilities_url_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(2671);
+/* harmony import */ var _normalizeChapters_ts__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(9128);
 
 
 
@@ -33582,15 +34458,15 @@ var generateAudioJsonLd = function generateAudioJsonLd(mediaData) {
     videoHeight = options.videoHeight;
   var embedOptions = options.embedOptions;
   if (!embedOptions) {
-    embedOptions = (0,utilities_obj_js__WEBPACK_IMPORTED_MODULE_2__.cast)((0,utilities_obj_js__WEBPACK_IMPORTED_MODULE_2__.clone)(mediaData.embedOptions));
+    embedOptions = (0,utilities_obj_js__WEBPACK_IMPORTED_MODULE_1__.cast)((0,utilities_obj_js__WEBPACK_IMPORTED_MODULE_1__.clone)(mediaData.embedOptions));
   }
   var obj = {
     '@context': 'http://schema.org/',
-    '@id': "https://".concat((0,utilities_hosts_js__WEBPACK_IMPORTED_MODULE_3__.cdnFastWistiaNetHost)(), "/embed/iframe/").concat(mediaData.hashedId),
+    '@id': "https://".concat((0,utilities_hosts_js__WEBPACK_IMPORTED_MODULE_2__.cdnFastWistiaNetHost)(), "/embed/iframe/").concat(mediaData.hashedId),
     '@type': 'AudioObject',
     duration: "PT".concat((0,utilities_iso8601Helper_js__WEBPACK_IMPORTED_MODULE_0__/* .secondsToIso8601Duration */ .J)(mediaData.duration)),
     name: mediaData.name,
-    thumbnailUrl: (0,utilities_assets_js__WEBPACK_IMPORTED_MODULE_4__.stillUrl)(mediaData.assets, {
+    thumbnailUrl: (0,utilities_assets_js__WEBPACK_IMPORTED_MODULE_3__.stillUrl)(mediaData.assets, {
       ext: 'jpg',
       protocol: 'https:',
       videoWidth: videoWidth,
@@ -33611,11 +34487,11 @@ var generateAudioJsonLd = function generateAudioJsonLd(mediaData) {
 };
 var generateEmbedUrl = function generateEmbedUrl(mediaData, embedOptions) {
   var _mediaData$embedOptio;
-  var baseUrl = "https://".concat((0,utilities_hosts_js__WEBPACK_IMPORTED_MODULE_3__.cdnFastWistiaNetHost)(), "/embed/iframe/").concat(mediaData.hashedId);
+  var baseUrl = "https://".concat((0,utilities_hosts_js__WEBPACK_IMPORTED_MODULE_2__.cdnFastWistiaNetHost)(), "/embed/iframe/").concat(mediaData.hashedId);
   // if we're doing SeekToAction for Google KeyMoments AND video thumbnail
   // is enabled, we need to attach a query param so that it is disabled when
   // Google tries to crawl it
-  if ((0,utilities_keyMoments_js__WEBPACK_IMPORTED_MODULE_1__/* .shouldAddKeyMoments */ .Vq)(mediaData, embedOptions) && !(0,utilities_keyMoments_js__WEBPACK_IMPORTED_MODULE_1__/* .shouldAddClipsFromChapters */ .Qy)(embedOptions) && (_mediaData$embedOptio = mediaData.embedOptions.plugin) !== null && _mediaData$embedOptio !== void 0 && _mediaData$embedOptio.videoThumbnail) {
+  if ((0,utilities_keyMoments_ts__WEBPACK_IMPORTED_MODULE_5__/* .shouldAddKeyMoments */ .Vq)(mediaData, embedOptions) && !(0,utilities_keyMoments_ts__WEBPACK_IMPORTED_MODULE_5__/* .shouldAddClipsFromChapters */ .Qy)(embedOptions) && (_mediaData$embedOptio = mediaData.embedOptions.plugin) !== null && _mediaData$embedOptio !== void 0 && _mediaData$embedOptio.videoThumbnail) {
     return "".concat(baseUrl, "?wseektoaction=true");
   }
   return baseUrl;
@@ -33627,17 +34503,17 @@ var generateContentUrl = function generateContentUrl(mediaData) {
   var assets = mediaData.assets;
   if (mediaData.mediaType === 'Audio') {
     var _readyPublicMp3s$;
-    return (_readyPublicMp3s$ = (0,utilities_assets_js__WEBPACK_IMPORTED_MODULE_4__.readyPublicMp3s)(assets)[0]) === null || _readyPublicMp3s$ === void 0 ? void 0 : _readyPublicMp3s$.url;
+    return (_readyPublicMp3s$ = (0,utilities_assets_js__WEBPACK_IMPORTED_MODULE_3__.readyPublicMp3s)(assets)[0]) === null || _readyPublicMp3s$ === void 0 ? void 0 : _readyPublicMp3s$.url;
   }
-  var availableMp4s = (0,utilities_assets_js__WEBPACK_IMPORTED_MODULE_4__.readyPublicMp4s)(assets);
+  var availableMp4s = (0,utilities_assets_js__WEBPACK_IMPORTED_MODULE_3__.readyPublicMp4s)(assets);
   if (availableMp4s.length === 0) {
     return;
   }
-  var highestQuality = (0,utilities_assets_js__WEBPACK_IMPORTED_MODULE_4__.findClosestAssetByQuality)(availableMp4s, 1080);
+  var highestQuality = (0,utilities_assets_js__WEBPACK_IMPORTED_MODULE_3__.findClosestAssetByQuality)(availableMp4s, 1080);
   if (!highestQuality) {
     return;
   }
-  var url = new utilities_url_js__WEBPACK_IMPORTED_MODULE_5__.Url(highestQuality.url);
+  var url = new utilities_url_js__WEBPACK_IMPORTED_MODULE_4__.Url(highestQuality.url);
   url.ext('m3u8');
   return url.absolute();
 };
@@ -33647,15 +34523,15 @@ var generateVideoJsonLd = function generateVideoJsonLd(mediaData) {
     videoHeight = options.videoHeight;
   var embedOptions = options.embedOptions;
   if (!embedOptions) {
-    embedOptions = (0,utilities_obj_js__WEBPACK_IMPORTED_MODULE_2__.cast)((0,utilities_obj_js__WEBPACK_IMPORTED_MODULE_2__.clone)(mediaData.embedOptions));
+    embedOptions = (0,utilities_obj_js__WEBPACK_IMPORTED_MODULE_1__.cast)((0,utilities_obj_js__WEBPACK_IMPORTED_MODULE_1__.clone)(mediaData.embedOptions));
   }
   var obj = {
     '@context': 'http://schema.org/',
-    '@id': "https://".concat((0,utilities_hosts_js__WEBPACK_IMPORTED_MODULE_3__.cdnFastWistiaNetHost)(), "/embed/iframe/").concat(mediaData.hashedId),
+    '@id': "https://".concat((0,utilities_hosts_js__WEBPACK_IMPORTED_MODULE_2__.cdnFastWistiaNetHost)(), "/embed/iframe/").concat(mediaData.hashedId),
     '@type': 'VideoObject',
     duration: "PT".concat((0,utilities_iso8601Helper_js__WEBPACK_IMPORTED_MODULE_0__/* .secondsToIso8601Duration */ .J)(mediaData.duration)),
     name: mediaData.name,
-    thumbnailUrl: (0,utilities_assets_js__WEBPACK_IMPORTED_MODULE_4__.stillUrl)(mediaData.assets, {
+    thumbnailUrl: (0,utilities_assets_js__WEBPACK_IMPORTED_MODULE_3__.stillUrl)(mediaData.assets, {
       ext: 'jpg',
       protocol: 'https:',
       videoWidth: videoWidth,
@@ -33677,16 +34553,16 @@ var generateVideoJsonLd = function generateVideoJsonLd(mediaData) {
   if (mediaData.captions && mediaData.captions[0]) {
     obj.transcript = mediaData.captions[0].text;
   }
-  if ((0,utilities_keyMoments_js__WEBPACK_IMPORTED_MODULE_1__/* .shouldAddKeyMoments */ .Vq)(mediaData, embedOptions)) {
+  if ((0,utilities_keyMoments_ts__WEBPACK_IMPORTED_MODULE_5__/* .shouldAddKeyMoments */ .Vq)(mediaData, embedOptions)) {
     // keyMoments come in two flavors.
     // A. If we have chapters, then we will manually define the key moments via the "Clip" schema property
     // B. If we don't, we will use the "SeekToAction" property that lets google parse via `wtime`
-    if ((0,utilities_keyMoments_js__WEBPACK_IMPORTED_MODULE_1__/* .shouldAddClipsFromChapters */ .Qy)(embedOptions)) {
-      var chapters = (0,_normalizeChapters_js__WEBPACK_IMPORTED_MODULE_6__/* .normalizeChapters */ .a)(embedOptions);
+    if ((0,utilities_keyMoments_ts__WEBPACK_IMPORTED_MODULE_5__/* .shouldAddClipsFromChapters */ .Qy)(embedOptions)) {
+      var chapters = (0,_normalizeChapters_ts__WEBPACK_IMPORTED_MODULE_6__/* .normalizeChapters */ .a)(embedOptions);
       var chapterList = chapters.chapterList;
-      obj.hasPart = (0,utilities_keyMoments_js__WEBPACK_IMPORTED_MODULE_1__/* .clipsFromChapters */ .oG)(chapterList, location.href, mediaData.duration);
+      obj.hasPart = (0,utilities_keyMoments_ts__WEBPACK_IMPORTED_MODULE_5__/* .clipsFromChapters */ .oG)(chapterList, location.href, mediaData.duration);
     } else {
-      obj.potentialAction = (0,utilities_keyMoments_js__WEBPACK_IMPORTED_MODULE_1__/* .seekToAction */ .CR)();
+      obj.potentialAction = (0,utilities_keyMoments_ts__WEBPACK_IMPORTED_MODULE_5__/* .seekToAction */ .CR)();
     }
   }
   return obj;
@@ -34588,119 +35464,6 @@ var xhrHasBeenTamperedWith = function xhrHasBeenTamperedWith() {
 
 /***/ }),
 
-/***/ 7688:
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   CR: () => (/* binding */ seekToAction),
-/* harmony export */   Qy: () => (/* binding */ shouldAddClipsFromChapters),
-/* harmony export */   Vq: () => (/* binding */ shouldAddKeyMoments),
-/* harmony export */   oG: () => (/* binding */ clipsFromChapters)
-/* harmony export */ });
-/* harmony import */ var utilities_url_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2671);
-/* harmony import */ var _normalizeChapters_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1487);
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-
-
-
-// Google got mad that the default chapter title is (of course) not very
-// descriptive, and wanted us to make sure it's never used for Key Moments.
-var DEFAULT_CHAPTER_TITLE = 'Chapter Title';
-var shouldAddClipsFromChapters = function shouldAddClipsFromChapters(embedOptions) {
-  var chapters = (0,_normalizeChapters_js__WEBPACK_IMPORTED_MODULE_1__/* .normalizeChapters */ .a)(embedOptions);
-  if (!chapters) {
-    return false;
-  }
-  var chapterList = chapters.chapterList;
-
-  // the `on` property must be explicitly false to disable
-  return chapters.on !== false && chapters.on !== 'false' && (chapterList === null || chapterList === void 0 ? void 0 : chapterList.length) > 0;
-};
-
-// keyMoments should only be limited by a few factors:
-// 1. a turnstile is blocking content
-// 2. it's password protected
-// 3. the video is really short
-// 4. only available for VOD, not Live
-// Then, there are two different _types_ of key moments. If we have chapters
-// we will use the Clips format to specifically tell google the timestamps we think
-// are important. Otherwise, we will use the SeekToAction field along with the wtime
-// param to allow Google to search through the video for key moments
-var shouldAddKeyMoments = function shouldAddKeyMoments(mediaData, embedOptions) {
-  if (embedOptions.keyMoments === false) {
-    return false;
-  }
-  var duration = mediaData.duration,
-    type = mediaData.type;
-  var _ref = embedOptions.plugin || {},
-    passwordProtectedVideo = _ref.passwordProtectedVideo,
-    turnstilePlugin = _ref['requireEmail-v1'];
-  var isLiveStream = type === 'LiveStream';
-  var passwordEnabled = (passwordProtectedVideo === null || passwordProtectedVideo === void 0 ? void 0 : passwordProtectedVideo.on) === true || (passwordProtectedVideo === null || passwordProtectedVideo === void 0 ? void 0 : passwordProtectedVideo.on) === 'true';
-  var turnstileBlocksContent = turnstilePlugin && turnstilePlugin.on !== false && turnstilePlugin.time !== 'end' && !turnstilePlugin.persistentTurnstile;
-  return Boolean(!passwordEnabled && !turnstileBlocksContent && !isLiveStream && duration >= 30);
-};
-var sortedFilteredChapters = function sortedFilteredChapters(chapterList) {
-  var chapterExistsAtTime = {};
-  return _toConsumableArray(chapterList).sort(function (a, b) {
-    return a.time - b.time;
-  }).filter(function (_ref2) {
-    var time = _ref2.time,
-      title = _ref2.title,
-      deleted = _ref2.deleted;
-    if (chapterExistsAtTime[time] || deleted || title === DEFAULT_CHAPTER_TITLE) {
-      return false;
-    }
-    chapterExistsAtTime[time] = true;
-    return true;
-  });
-};
-var clipsFromChapters = function clipsFromChapters(chapterList, baseUrl, mediaDuration) {
-  if (!chapterList || chapterList.length === 0) {
-    return;
-  }
-  var clips = sortedFilteredChapters(chapterList).map(function (chapter, index, chapters) {
-    var time = chapter.time,
-      title = chapter.title;
-    var url = new utilities_url_js__WEBPACK_IMPORTED_MODULE_0__.Url(baseUrl);
-    var floorTime = Math.floor(time);
-    var endOffsetTime = chapters[index + 1] ? chapters[index + 1].time : mediaDuration;
-
-    // wtime does not support decimals
-    url.params.wtime = "".concat(floorTime, "s");
-
-    // https://schema.org/Clip
-    return {
-      '@type': 'Clip',
-      endOffset: Math.floor(endOffsetTime),
-      name: title,
-      startOffset: floorTime,
-      url: url.absolute()
-    };
-  });
-  return clips;
-};
-
-// https://developers.google.com/search/docs/advanced/structured-data/video#seek
-var seekToAction = function seekToAction() {
-  var url = new utilities_url_js__WEBPACK_IMPORTED_MODULE_0__.Url(location.href);
-  // if wtime is already on the url as query param, it will be overwritten here. This is only for the JSON+LD though.
-  url.params.wtime = '{seek_to_second_number}';
-  return {
-    '@type': 'SeekToAction',
-    target: "".concat(url.absolute().replace('%7Bseek_to_second_number%7D', '{seek_to_second_number}')),
-    // we need to replace the encoded uri with the direct string
-    'startOffset-input': 'required name=seek_to_second_number'
-  };
-};
-
-/***/ }),
-
 /***/ 3695:
 /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
 
@@ -35219,36 +35982,6 @@ var updateLocalStorage = function updateLocalStorage(ns, fn) {
 
 /***/ }),
 
-/***/ 1487:
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   a: () => (/* binding */ normalizeChapters)
-/* harmony export */ });
-// chapters has two ways of being defined in embed options.
-// The current way is as an object inside `embedOptions.plugin`
-// The old way was as root embed options like `chaptersOn` and `chapterList`.
-// This function normalizes the old root embed option format to an object
-// like the current model
-var normalizeChapters = function normalizeChapters(embedOptions) {
-  var plugin = embedOptions.plugin,
-    chaptersOn = embedOptions.chaptersOn,
-    chapterList = embedOptions.chapterList;
-  if (plugin !== null && plugin !== void 0 && plugin.chapters) {
-    return plugin.chapters;
-  }
-  if (chapterList || chaptersOn) {
-    var list = chapterList && chapterList.length > 0 ? chapterList : [];
-    return {
-      on: chaptersOn,
-      chapterList: list
-    };
-  }
-  return undefined;
-};
-
-/***/ }),
-
 /***/ 731:
 /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
 
@@ -36311,7 +37044,7 @@ var root = rootTest;
 // fire and forget.
 // run a script and immediately remove it from the DOM.
 var runScript = function runScript(src, timeout) {
-  var taggedVersion = "0.0.19";
+  var taggedVersion = "0.0.21";
   return new Promise(function (resolve, reject) {
     if (timeout == null) {
       timeout = 8000;
@@ -38863,36 +39596,38 @@ if (Wistia.mixin == null) {
 /******/ 
 /************************************************************************/
 var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
-(() => {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   $: () => (/* binding */ WistiaPlayer),
 /* harmony export */   A: () => (/* binding */ wistiaSwatchElement)
 /* harmony export */ });
-/* harmony import */ var lodash_merge__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8089);
-/* harmony import */ var lodash_merge__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_merge__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _wistia_type_guards__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(4586);
-/* harmony import */ var _utilities_hosts_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5857);
-/* harmony import */ var _utilities_fetchMediaData_ts__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(3065);
-/* harmony import */ var _utilities_coinFlip_ts__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(7323);
-/* harmony import */ var _utilities_simpleMetrics_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1161);
-/* harmony import */ var _utilities_wistiaOptions_ts__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(9392);
-/* harmony import */ var _utilities_wistiaQueue_ts__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(541);
-/* harmony import */ var _utilities_detect_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(7231);
-/* harmony import */ var _utilities_dynamicImport_ts__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(7157);
-/* harmony import */ var _utilities_elem_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(7715);
-/* harmony import */ var _utilities_embedOptionStore_ts__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(3280);
-/* harmony import */ var _utilities_extractEmailFromParams_ts__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(3832);
-/* harmony import */ var _utilities_inferPageUrl_ts__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(5393);
-/* harmony import */ var _utilities_trackingConsentApi_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(4755);
-/* harmony import */ var _utilities_shouldEnableMux_ts__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(7211);
-/* harmony import */ var _utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(2760);
-/* harmony import */ var _utilities_wistiaLocalStorage_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(4997);
-/* harmony import */ var _utilities_wlog_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(6637);
-/* harmony import */ var _media_modules_all_modules_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(1867);
-/* harmony import */ var _media_modules_init_coffee__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(651);
-/* harmony import */ var _media_modules_init_coffee__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(_media_modules_init_coffee__WEBPACK_IMPORTED_MODULE_15__);
-/* harmony import */ var _external_vulcanV2Player_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(8423);
+/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5181);
+/* harmony import */ var _wistia_type_guards__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(4586);
+/* harmony import */ var _components_PreloadThumbnail_tsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9804);
+/* harmony import */ var _hooks_usePlayerData_tsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2721);
+/* harmony import */ var _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(1512);
+/* harmony import */ var _utilities_PlayerDataHandler_ts__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6462);
+/* harmony import */ var _utilities_coinFlip_ts__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(7323);
+/* harmony import */ var _utilities_detect_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(7231);
+/* harmony import */ var _utilities_dynamicImport_ts__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(7157);
+/* harmony import */ var _utilities_embedOptionStore_ts__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(3280);
+/* harmony import */ var _utilities_elem_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(7715);
+/* harmony import */ var _utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(2760);
+/* harmony import */ var _utilities_extractEmailFromParams_ts__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(3832);
+/* harmony import */ var _utilities_fetchMediaData_ts__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(3065);
+/* harmony import */ var _utilities_hosts_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(5857);
+/* harmony import */ var _utilities_inferPageUrl_ts__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(5393);
+/* harmony import */ var _utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(3123);
+/* harmony import */ var _utilities_shouldEnableMux_ts__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(7211);
+/* harmony import */ var _utilities_simpleMetrics_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(1161);
+/* harmony import */ var _utilities_trackingConsentApi_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(4755);
+/* harmony import */ var _utilities_wistiaLocalStorage_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(4997);
+/* harmony import */ var _utilities_wistiaOptions_ts__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(9392);
+/* harmony import */ var _utilities_wistiaQueue_ts__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(541);
+/* harmony import */ var _utilities_wlog_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(6637);
+/* harmony import */ var _media_modules_all_modules_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(1867);
+/* harmony import */ var _media_modules_init_coffee__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(651);
+/* harmony import */ var _media_modules_init_coffee__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(_media_modules_init_coffee__WEBPACK_IMPORTED_MODULE_18__);
+/* harmony import */ var _external_vulcanV2Player_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(8423);
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -38943,6 +39678,11 @@ function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.h
 
 
 
+
+
+
+
+
 
 
 
@@ -38965,8 +39705,8 @@ var defaultEmbedOptions = {
   audioDescriptionControl: false,
   autoplay: false,
   bigPlayButton: true,
-  bigPlayButtonBorderRadius: 0,
-  controlBarBorderRadius: 0,
+  bigPlayButtonBorderRadius: undefined,
+  controlBarBorderRadius: undefined,
   controlsVisibleOnLoad: true,
   copyLinkAndThumbnail: true,
   currentTime: 0,
@@ -38975,7 +39715,7 @@ var defaultEmbedOptions = {
   fullscreenControl: true,
   hls: true,
   playBarControl: true,
-  playerBorderRadius: 0,
+  playerBorderRadius: undefined,
   playerColor: '636155',
   playPauseControl: true,
   playPauseNotifier: true,
@@ -39001,7 +39741,7 @@ var defaultEmbedOptions = {
   qualityMax: undefined,
   qualityMin: undefined,
   resumable: 'auto',
-  roundedPlayer: 0,
+  roundedPlayer: undefined,
   seo: true,
   settingsControl: true,
   silentAutoplay: false,
@@ -39012,13 +39752,29 @@ var defaultEmbedOptions = {
   volumeControl: true,
   wistiaPopover: false
 };
+
+/**
+ * Returns the swatch url for a given mediaId
+ * @param {string} mediaId
+ * @param {string} embedHost
+ * @returns {string}
+ */
+var getSwatchUrl = function getSwatchUrl(mediaId) {
+  var embedHost = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  var fastHost = (0,_utilities_hosts_js__WEBPACK_IMPORTED_MODULE_10__.cdnFastWistiaComHost)(embedHost);
+  return "https://".concat(fastHost, "/embed/medias/").concat(mediaId, "/swatch");
+};
 var _api = /*#__PURE__*/new WeakMap();
 var _fullscreenState = /*#__PURE__*/new WeakMap();
 var _logger = /*#__PURE__*/new WeakMap();
 var _oldEngine = /*#__PURE__*/new WeakMap();
+var _playerData = /*#__PURE__*/new WeakMap();
 var _usingFullscreenContainer = /*#__PURE__*/new WeakMap();
 var _hasElementConnectedToDOM = /*#__PURE__*/new WeakMap();
-var _mediaData = /*#__PURE__*/new WeakMap();
+var _paddingTop = /*#__PURE__*/new WeakMap();
+var _preactRoot = /*#__PURE__*/new WeakMap();
+var _preloadAspectRatio = /*#__PURE__*/new WeakMap();
+var _preloadThumbnailRoot = /*#__PURE__*/new WeakMap();
 var _WistiaPlayer_brand = /*#__PURE__*/new WeakSet();
 var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
   /**
@@ -39044,19 +39800,24 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
     _classPrivateFieldInitSpec(_this3, _logger, void 0);
     // private value used during the replace flow to pass along the old engine.
     _classPrivateFieldInitSpec(_this3, _oldEngine, void 0);
+    _classPrivateFieldInitSpec(_this3, _playerData, void 0);
     // when in fullscreen we wrap the web-component in a wrapper element so that
     // we can safely replace the web-component without destroying the video and/or leave fullscreen
     _classPrivateFieldInitSpec(_this3, _usingFullscreenContainer, false);
     _classPrivateFieldInitSpec(_this3, _hasElementConnectedToDOM, false);
-    _classPrivateFieldInitSpec(_this3, _mediaData, {});
+    _classPrivateFieldInitSpec(_this3, _paddingTop, '0px');
+    _classPrivateFieldInitSpec(_this3, _preactRoot, null);
+    _classPrivateFieldInitSpec(_this3, _preloadAspectRatio, undefined);
+    _classPrivateFieldInitSpec(_this3, _preloadThumbnailRoot, null);
     _this3.attachShadow({
       mode: 'open'
     });
     _this3.dispatchEvent(new CustomEvent('load-start'));
-    _classPrivateFieldSet(_mediaData, _this3, {});
+    _this3.paddingTop = getComputedStyle(_this3).paddingTop;
 
     // Set up a prefixed logger
-    _classPrivateFieldSet(_logger, _this3, _utilities_wlog_js__WEBPACK_IMPORTED_MODULE_13__/* .wlog */ .ct.getPrefixedFunctions('WistiaPlayer'));
+    _classPrivateFieldSet(_logger, _this3, _utilities_wlog_js__WEBPACK_IMPORTED_MODULE_16__/* .wlog */ .ct.getPrefixedFunctions('WistiaPlayer'));
+    _classPrivateFieldSet(_playerData, _this3, new _utilities_PlayerDataHandler_ts__WEBPACK_IMPORTED_MODULE_3__/* .PlayerDataHandler */ .I());
 
     // Wistia global setup if this is the first time we've seen a Wistia player
     if (window.Wistia && window.Wistia.wistia === undefined) {
@@ -39128,8 +39889,9 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
   }, {
     key: "aspect",
     get: function get() {
-      var _ref, _this$api$_impl$aspec, _this$api, _this$api$_impl;
-      return (_ref = (_this$api$_impl$aspec = (_this$api = this.api) === null || _this$api === void 0 ? void 0 : (_this$api$_impl = _this$api._impl) === null || _this$api$_impl === void 0 ? void 0 : _this$api$_impl.aspect()) !== null && _this$api$_impl$aspec !== void 0 ? _this$api$_impl$aspec : this.embedOptions.aspect) !== null && _ref !== void 0 ? _ref : this.offsetWidth / this.offsetHeight;
+      var _ref, _ref2, _this$api$_impl$aspec, _this$api, _this$api$_impl;
+      var fallbackAspect = !Number.isNaN(this.offsetWidth / this.offsetHeight) && Number.isFinite(this.offsetWidth / this.offsetHeight) ? this.offsetWidth / this.offsetHeight : _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_20__/* .DEFAULT_ASPECT */ .R;
+      return (_ref = (_ref2 = (_this$api$_impl$aspec = (_this$api = this.api) === null || _this$api === void 0 ? void 0 : (_this$api$_impl = _this$api._impl) === null || _this$api$_impl === void 0 ? void 0 : _this$api$_impl.aspect()) !== null && _this$api$_impl$aspec !== void 0 ? _this$api$_impl$aspec : this.embedOptions.aspect) !== null && _ref2 !== void 0 ? _ref2 : _assertClassBrand(_WistiaPlayer_brand, this, _getValueFromAttribute).call(this, 'aspect')) !== null && _ref !== void 0 ? _ref : fallbackAspect;
     }
 
     /**
@@ -39143,7 +39905,7 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
       _assertClassBrand(_WistiaPlayer_brand, this, _setSyncedEmbedOption).call(this, 'aspect', newAspect);
 
       // By re-setting width to the same value, we trigger the aspect ratio to be recalculated.
-      (_this$api2 = this.api) === null || _this$api2 === void 0 ? void 0 : (_this$api2$_impl = _this$api2._impl) === null || _this$api2$_impl === void 0 ? void 0 : _this$api2$_impl.width((0,_utilities_elem_js__WEBPACK_IMPORTED_MODULE_8__.elemWidth)(this), {
+      (_this$api2 = this.api) === null || _this$api2 === void 0 ? void 0 : (_this$api2$_impl = _this$api2._impl) === null || _this$api2$_impl === void 0 ? void 0 : _this$api2$_impl.width((0,_utilities_elem_js__WEBPACK_IMPORTED_MODULE_7__.elemWidth)(this), {
         constrain: true
       });
     }
@@ -39369,8 +40131,8 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
   }, {
     key: "currentTime",
     get: function get() {
-      var _ref2, _ref3, _this$api10, _this$api10$_impl;
-      return (_ref2 = (_ref3 = (_this$api10 = this.api) === null || _this$api10 === void 0 ? void 0 : (_this$api10$_impl = _this$api10._impl) === null || _this$api10$_impl === void 0 ? void 0 : _this$api10$_impl.time()) !== null && _ref3 !== void 0 ? _ref3 : this.embedOptions.currentTime) !== null && _ref2 !== void 0 ? _ref2 : 0;
+      var _ref3, _ref4, _this$api10, _this$api10$_impl;
+      return (_ref3 = (_ref4 = (_this$api10 = this.api) === null || _this$api10 === void 0 ? void 0 : (_this$api10$_impl = _this$api10._impl) === null || _this$api10$_impl === void 0 ? void 0 : _this$api10$_impl.time()) !== null && _ref4 !== void 0 ? _ref4 : this.embedOptions.currentTime) !== null && _ref3 !== void 0 ? _ref3 : 0;
     }
 
     /**
@@ -39427,8 +40189,8 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
   }, {
     key: "email",
     get: function get() {
-      var _ref4, _ref5, _extractEmailFromPara, _classPrivateGetter2;
-      return (_ref4 = (_ref5 = (_extractEmailFromPara = (0,_utilities_extractEmailFromParams_ts__WEBPACK_IMPORTED_MODULE_10__/* .extractEmailFromParams */ .i)(_classPrivateGetter(_WistiaPlayer_brand, this, _get_pageUrl))) !== null && _extractEmailFromPara !== void 0 ? _extractEmailFromPara : (_classPrivateGetter2 = (0,_utilities_wistiaLocalStorage_js__WEBPACK_IMPORTED_MODULE_12__/* .getWistiaLocalStorage */ .y1)()[_classPrivateGetter(_WistiaPlayer_brand, this, _get_pageUrl)]) === null || _classPrivateGetter2 === void 0 ? void 0 : _classPrivateGetter2.trackEmail) !== null && _ref5 !== void 0 ? _ref5 : this.embedOptions.email) !== null && _ref4 !== void 0 ? _ref4 : undefined;
+      var _ref5, _ref6, _extractEmailFromPara, _classPrivateGetter2;
+      return (_ref5 = (_ref6 = (_extractEmailFromPara = (0,_utilities_extractEmailFromParams_ts__WEBPACK_IMPORTED_MODULE_8__/* .extractEmailFromParams */ .i)(_classPrivateGetter(_WistiaPlayer_brand, this, _get_pageUrl))) !== null && _extractEmailFromPara !== void 0 ? _extractEmailFromPara : (_classPrivateGetter2 = (0,_utilities_wistiaLocalStorage_js__WEBPACK_IMPORTED_MODULE_13__/* .getWistiaLocalStorage */ .y1)()[_classPrivateGetter(_WistiaPlayer_brand, this, _get_pageUrl)]) === null || _classPrivateGetter2 === void 0 ? void 0 : _classPrivateGetter2.trackEmail) !== null && _ref6 !== void 0 ? _ref6 : this.embedOptions.email) !== null && _ref5 !== void 0 ? _ref5 : undefined;
     }
 
     /**
@@ -39476,8 +40238,7 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
   }, {
     key: "embedOptions",
     get: function get() {
-      var _classPrivateFieldGet4;
-      return (_classPrivateFieldGet4 = _classPrivateFieldGet(_mediaData, this).embedOptions) !== null && _classPrivateFieldGet4 !== void 0 ? _classPrivateFieldGet4 : {};
+      return _classPrivateFieldGet(_playerData, this).embedOptions;
     }
 
     /**
@@ -39624,8 +40385,8 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
   }, {
     key: "muted",
     get: function get() {
-      var _ref6, _classPrivateFieldGet5, _classPrivateFieldGet6, _classPrivateFieldGet7;
-      return (_ref6 = (_classPrivateFieldGet5 = (_classPrivateFieldGet6 = _classPrivateFieldGet(_api, this)) === null || _classPrivateFieldGet6 === void 0 ? void 0 : (_classPrivateFieldGet7 = _classPrivateFieldGet6._impl) === null || _classPrivateFieldGet7 === void 0 ? void 0 : _classPrivateFieldGet7.isMuted()) !== null && _classPrivateFieldGet5 !== void 0 ? _classPrivateFieldGet5 : this.embedOptions.muted) !== null && _ref6 !== void 0 ? _ref6 : false;
+      var _ref7, _classPrivateFieldGet4, _classPrivateFieldGet5, _classPrivateFieldGet6;
+      return (_ref7 = (_classPrivateFieldGet4 = (_classPrivateFieldGet5 = _classPrivateFieldGet(_api, this)) === null || _classPrivateFieldGet5 === void 0 ? void 0 : (_classPrivateFieldGet6 = _classPrivateFieldGet5._impl) === null || _classPrivateFieldGet6 === void 0 ? void 0 : _classPrivateFieldGet6.isMuted()) !== null && _classPrivateFieldGet4 !== void 0 ? _classPrivateFieldGet4 : this.embedOptions.muted) !== null && _ref7 !== void 0 ? _ref7 : false;
     }
 
     /**
@@ -39654,8 +40415,16 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
   }, {
     key: "name",
     get: function get() {
-      var _ref7, _classPrivateFieldGet8, _this$api18, _this$api18$_mediaDat;
-      return (_ref7 = (_classPrivateFieldGet8 = _classPrivateFieldGet(_mediaData, this).name) !== null && _classPrivateFieldGet8 !== void 0 ? _classPrivateFieldGet8 : (_this$api18 = this.api) === null || _this$api18 === void 0 ? void 0 : (_this$api18$_mediaDat = _this$api18._mediaData) === null || _this$api18$_mediaDat === void 0 ? void 0 : _this$api18$_mediaDat.name) !== null && _ref7 !== void 0 ? _ref7 : undefined;
+      var _ref8, _classPrivateFieldGet7, _this$api18, _this$api18$_mediaDat;
+      return (_ref8 = (_classPrivateFieldGet7 = _classPrivateFieldGet(_playerData, this).mediaData.name) !== null && _classPrivateFieldGet7 !== void 0 ? _classPrivateFieldGet7 : (_this$api18 = this.api) === null || _this$api18 === void 0 ? void 0 : (_this$api18$_mediaDat = _this$api18._mediaData) === null || _this$api18$_mediaDat === void 0 ? void 0 : _this$api18$_mediaDat.name) !== null && _ref8 !== void 0 ? _ref8 : undefined;
+    }
+  }, {
+    key: "paddingTop",
+    get: function get() {
+      return _classPrivateFieldGet(_paddingTop, this);
+    },
+    set: function set(paddingTop) {
+      _classPrivateFieldSet(_paddingTop, this, paddingTop);
     }
 
     /**
@@ -39687,8 +40456,8 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
   }, {
     key: "playbackRate",
     get: function get() {
-      var _ref8, _this$api$_impl$playb, _this$api21, _this$api21$_impl;
-      return (_ref8 = (_this$api$_impl$playb = (_this$api21 = this.api) === null || _this$api21 === void 0 ? void 0 : (_this$api21$_impl = _this$api21._impl) === null || _this$api21$_impl === void 0 ? void 0 : _this$api21$_impl.playbackRate()) !== null && _this$api$_impl$playb !== void 0 ? _this$api$_impl$playb : this.embedOptions.playbackRate) !== null && _ref8 !== void 0 ? _ref8 : 1;
+      var _ref9, _this$api$_impl$playb, _this$api21, _this$api21$_impl;
+      return (_ref9 = (_this$api$_impl$playb = (_this$api21 = this.api) === null || _this$api21 === void 0 ? void 0 : (_this$api21$_impl = _this$api21._impl) === null || _this$api21$_impl === void 0 ? void 0 : _this$api21$_impl.playbackRate()) !== null && _this$api$_impl$playb !== void 0 ? _this$api$_impl$playb : this.embedOptions.playbackRate) !== null && _ref9 !== void 0 ? _ref9 : 1;
     }
 
     /**
@@ -39800,8 +40569,8 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
   }, {
     key: "playerForce",
     get: function get() {
-      var _ref9;
-      return (_ref9 = this.getAttribute('player-force')) !== null && _ref9 !== void 0 ? _ref9 : undefined;
+      var _ref10;
+      return (_ref10 = this.getAttribute('player-force')) !== null && _ref10 !== void 0 ? _ref10 : undefined;
     }
 
     /**
@@ -40240,8 +41009,8 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
   }, {
     key: "preload",
     get: function get() {
-      var _ref10, _this$api$_impl$prelo, _this$api29, _this$api29$_impl;
-      return (_ref10 = (_this$api$_impl$prelo = (_this$api29 = this.api) === null || _this$api29 === void 0 ? void 0 : (_this$api29$_impl = _this$api29._impl) === null || _this$api29$_impl === void 0 ? void 0 : _this$api29$_impl.preloadValue()) !== null && _this$api$_impl$prelo !== void 0 ? _this$api$_impl$prelo : this.embedOptions.preload) !== null && _ref10 !== void 0 ? _ref10 : undefined;
+      var _ref11, _this$api$_impl$prelo, _this$api29, _this$api29$_impl;
+      return (_ref11 = (_this$api$_impl$prelo = (_this$api29 = this.api) === null || _this$api29 === void 0 ? void 0 : (_this$api29$_impl = _this$api29._impl) === null || _this$api29$_impl === void 0 ? void 0 : _this$api29$_impl.preloadValue()) !== null && _this$api$_impl$prelo !== void 0 ? _this$api$_impl$prelo : this.embedOptions.preload) !== null && _ref11 !== void 0 ? _ref11 : undefined;
     }
 
     /**
@@ -40266,6 +41035,18 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
       this.setAttribute('preload', preloadValue);
     }
 
+    /**
+     * Returns whether the player should show a thumbnail and play button while it is loading.
+     * TODO: This is a temporary option for development and will be removed in the future.
+     * @returns {boolean}
+     */
+  }, {
+    key: "preloadThumbnail",
+    get: function get() {
+      var _ref12;
+      return (_ref12 = _assertClassBrand(_WistiaPlayer_brand, this, _getValueFromAttribute).call(this, 'preload-thumbnail')) !== null && _ref12 !== void 0 ? _ref12 : false;
+    }
+
     /**
      * If set to true, the quality control will appear in the setting control.
      * @returns {boolean}
@@ -40617,8 +41398,8 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
   }, {
     key: "videoQuality",
     get: function get() {
-      var _ref11, _this$api$_impl$getVi, _this$api40, _this$api40$_impl;
-      return (_ref11 = (_this$api$_impl$getVi = (_this$api40 = this.api) === null || _this$api40 === void 0 ? void 0 : (_this$api40$_impl = _this$api40._impl) === null || _this$api40$_impl === void 0 ? void 0 : _this$api40$_impl.getVideoQuality()) !== null && _this$api$_impl$getVi !== void 0 ? _this$api$_impl$getVi : this.embedOptions.videoQuality) !== null && _ref11 !== void 0 ? _ref11 : 'auto';
+      var _ref13, _this$api$_impl$getVi, _this$api40, _this$api40$_impl;
+      return (_ref13 = (_this$api$_impl$getVi = (_this$api40 = this.api) === null || _this$api40 === void 0 ? void 0 : (_this$api40$_impl = _this$api40._impl) === null || _this$api40$_impl === void 0 ? void 0 : _this$api40$_impl.getVideoQuality()) !== null && _this$api$_impl$getVi !== void 0 ? _this$api$_impl$getVi : this.embedOptions.videoQuality) !== null && _ref13 !== void 0 ? _ref13 : 'auto';
     }
 
     /**
@@ -40751,13 +41532,13 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
             case 0:
               _classPrivateSetter(_WistiaPlayer_brand, _set_usingFullscreenContainer, this, false);
               parent = this.parentNode;
-              if ((0,_wistia_type_guards__WEBPACK_IMPORTED_MODULE_17__/* .isNotNil */ .n9)(this._fullscreenState.widthBeforeFullscreen)) {
+              if ((0,_wistia_type_guards__WEBPACK_IMPORTED_MODULE_21__/* .isNotNil */ .n9)(this._fullscreenState.widthBeforeFullscreen)) {
                 this.style.width = this._fullscreenState.widthBeforeFullscreen;
                 (_this$api44 = this.api) === null || _this$api44 === void 0 ? void 0 : (_this$api44$_impl = _this$api44._impl) === null || _this$api44$_impl === void 0 ? void 0 : _this$api44$_impl.width(parseFloat(this._fullscreenState.widthBeforeFullscreen), {
                   fullscreen: true
                 });
               }
-              if ((0,_wistia_type_guards__WEBPACK_IMPORTED_MODULE_17__/* .isNotNil */ .n9)(this._fullscreenState.heightBeforeFullscreen)) {
+              if ((0,_wistia_type_guards__WEBPACK_IMPORTED_MODULE_21__/* .isNotNil */ .n9)(this._fullscreenState.heightBeforeFullscreen)) {
                 this.style.height = this._fullscreenState.heightBeforeFullscreen;
                 (_this$api45 = this.api) === null || _this$api45 === void 0 ? void 0 : (_this$api45$_impl = _this$api45._impl) === null || _this$api45$_impl === void 0 ? void 0 : _this$api45$_impl.height(parseFloat(this._fullscreenState.heightBeforeFullscreen), {
                   fullscreen: true
@@ -40831,7 +41612,7 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
           while (1) switch (_context5.prev = _context5.next) {
             case 0:
               addPlugin = /*#__PURE__*/function () {
-                var _ref12 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+                var _ref14 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
                   var _this5$api$addPlugin, _this5$api;
                   return _regeneratorRuntime().wrap(function _callee4$(_context4) {
                     while (1) switch (_context4.prev = _context4.next) {
@@ -40844,7 +41625,7 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
                   }, _callee4);
                 }));
                 return function addPlugin() {
-                  return _ref12.apply(this, arguments);
+                  return _ref14.apply(this, arguments);
                 };
               }();
               if (!this.api) {
@@ -40855,14 +41636,14 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
             case 3:
               return _context5.abrupt("return", new Promise(function (resolve, reject) {
                 var handler = function handler() {
-                  _this5.removeEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_18__/* .API_READY_EVENT */ .c5, handler);
+                  _this5.removeEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_22__/* .API_READY_EVENT */ .c5, handler);
                   addPlugin().then(function (plugin) {
                     return resolve(plugin);
                   }).catch(function (err) {
                     reject(err);
                   });
                 };
-                _this5.addEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_18__/* .API_READY_EVENT */ .c5, handler);
+                _this5.addEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_22__/* .API_READY_EVENT */ .c5, handler);
               }));
             case 4:
             case "end":
@@ -41167,11 +41948,11 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
                   reject(new Error('api not ready to replace'));
                 }
                 var handler = function handler() {
-                  _this7.removeEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_18__/* .AFTER_REPLACE_EVENT */ .$1, handler);
+                  _this7.removeEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_22__/* .AFTER_REPLACE_EVENT */ .$1, handler);
                   _this7.mediaId = mediaId;
                   resolve();
                 };
-                _this7.addEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_18__/* .AFTER_REPLACE_EVENT */ .$1, handler);
+                _this7.addEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_22__/* .AFTER_REPLACE_EVENT */ .$1, handler);
                 (_this7$api = _this7.api) === null || _this7$api === void 0 ? void 0 : _this7$api.replaceWith(mediaId, options);
               }));
             case 2:
@@ -41385,24 +42166,24 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
       }
       var mediaId = this.getAttribute('media-id');
       if (mediaId == null) {
-        (0,_utilities_simpleMetrics_js__WEBPACK_IMPORTED_MODULE_3__.countMetric)('player/failure/init-failed');
+        (0,_utilities_simpleMetrics_js__WEBPACK_IMPORTED_MODULE_11__.countMetric)('player/failure/init-failed');
         throw new Error('media-id attribute is required');
       }
       if ((_window$Wistia = window.Wistia) !== null && _window$Wistia !== void 0 && _window$Wistia._inlineMediaData) {
-        _assertClassBrand(_WistiaPlayer_brand, this, _setMediaData).call(this, window.Wistia._inlineMediaData[this.mediaId]);
+        _classPrivateFieldGet(_playerData, this).setInlineMediaDataSource(window.Wistia._inlineMediaData[this.mediaId]);
       }
 
       // Allows for all bulk setting of embed options and mediaData
       window.wistiaOptions = (_window$wistiaOptions = window.wistiaOptions) !== null && _window$wistiaOptions !== void 0 ? _window$wistiaOptions : {};
-      var opts = (0,_utilities_wistiaOptions_ts__WEBPACK_IMPORTED_MODULE_4__/* .getWistiaOptions */ .C)(this.mediaId);
-      _assertClassBrand(_WistiaPlayer_brand, this, _setEmbedOptions).call(this, opts);
+      var opts = (0,_utilities_wistiaOptions_ts__WEBPACK_IMPORTED_MODULE_14__/* .getWistiaOptions */ .C)(this.mediaId);
+      _classPrivateFieldGet(_playerData, this).setWistiaWindowEmbedOptionSource(opts);
 
       // Add the media id to the logger now that we have it
-      _classPrivateFieldSet(_logger, this, _utilities_wlog_js__WEBPACK_IMPORTED_MODULE_13__/* .wlog */ .ct.getPrefixedFunctions("WistiaPlayer ".concat(mediaId)));
+      _classPrivateFieldSet(_logger, this, _utilities_wlog_js__WEBPACK_IMPORTED_MODULE_16__/* .wlog */ .ct.getPrefixedFunctions("WistiaPlayer ".concat(mediaId)));
 
       // If the player was created from our React wrapper component, send a tracking event
       if (this.getAttribute('react') === 'true') {
-        (0,_utilities_simpleMetrics_js__WEBPACK_IMPORTED_MODULE_3__.countMetric)('player/initembed.react');
+        (0,_utilities_simpleMetrics_js__WEBPACK_IMPORTED_MODULE_11__.countMetric)('player/initembed.react');
       }
 
       // if we're coming from a legacy E-v1.js embed, it is likely to already have JSONP on the page.
@@ -41417,7 +42198,7 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
       } else {
         var _window$Wistia2, _window$Wistia2$_inli;
         _classPrivateFieldGet(_logger, this).info('initialize embed');
-        (0,_utilities_wistiaQueue_ts__WEBPACK_IMPORTED_MODULE_5__/* .maybeStartWistiaQueue */ .z)();
+        (0,_utilities_wistiaQueue_ts__WEBPACK_IMPORTED_MODULE_15__/* .maybeStartWistiaQueue */ .z)();
 
         // Generate a unique id for this embed in case there are
         // multiple embeds with the same hashed id on the page
@@ -41429,31 +42210,16 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
         // Gather any attributes set on the element and save them so the public api can use them
         _assertClassBrand(_WistiaPlayer_brand, this, _saveInitialAttributesFromDomOptions).call(this);
         if ((_window$Wistia2 = window.Wistia) !== null && _window$Wistia2 !== void 0 && (_window$Wistia2$_inli = _window$Wistia2._inlineMediaData) !== null && _window$Wistia2$_inli !== void 0 && _window$Wistia2$_inli[this.mediaId]) {
-          _assertClassBrand(_WistiaPlayer_brand, this, _setEmbedOptions).call(this, {
-            videoFoam: true
-          });
-          // Create and save the public api instance
-          _assertClassBrand(_WistiaPlayer_brand, this, _initPublicApi).call(this, mediaId, {
-            mediaData: _classPrivateFieldGet(_mediaData, this),
-            container: this.uniqueId
-          });
+          _assertClassBrand(_WistiaPlayer_brand, this, _initPlayerEmbed).call(this);
         } else {
           var _this$embedHost;
-          (0,_utilities_fetchMediaData_ts__WEBPACK_IMPORTED_MODULE_2__/* .fetchMediaData */ .j)(mediaId, {
+          (0,_utilities_fetchMediaData_ts__WEBPACK_IMPORTED_MODULE_9__/* .fetchMediaData */ .j)(mediaId, {
             embedHost: (_this$embedHost = this.embedHost) !== null && _this$embedHost !== void 0 ? _this$embedHost : ''
           }).then(function (mediaData) {
-            _assertClassBrand(_WistiaPlayer_brand, _this10, _setMediaData).call(_this10, mediaData);
-            _assertClassBrand(_WistiaPlayer_brand, _this10, _setEmbedOptions).call(_this10, {
-              videoFoam: true
-            });
-
-            // Create and save the public api instance
-            _assertClassBrand(_WistiaPlayer_brand, _this10, _initPublicApi).call(_this10, mediaId, {
-              container: _this10.uniqueId,
-              mediaData: _classPrivateFieldGet(_mediaData, _this10)
-            });
+            _classPrivateFieldGet(_playerData, _this10).setServerMediaDataSource(mediaData);
+            _assertClassBrand(_WistiaPlayer_brand, _this10, _initPlayerEmbed).call(_this10);
           }).catch(function (error) {
-            (0,_utilities_simpleMetrics_js__WEBPACK_IMPORTED_MODULE_3__.countMetric)('player/failure/init-failed');
+            (0,_utilities_simpleMetrics_js__WEBPACK_IMPORTED_MODULE_11__.countMetric)('player/failure/init-failed');
             throw new Error(error.message);
           });
         }
@@ -41461,7 +42227,14 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
 
       // Add our responsive embed template to the shadow DOM
       if (this.shadowRoot) {
-        this.shadowRoot.appendChild(_assertClassBrand(_WistiaPlayer_brand, this, _createEmbedTemplate).call(this).content.cloneNode(true));
+        var _ref15;
+        // If an aspect attribute is set on the element, use that immediately to set the container of the embed
+        _classPrivateFieldSet(_preloadAspectRatio, this, (_ref15 = _assertClassBrand(_WistiaPlayer_brand, this, _getValueFromAttribute).call(this, 'aspect')) !== null && _ref15 !== void 0 ? _ref15 : _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_20__/* .DEFAULT_ASPECT */ .R);
+
+        // Render the embed template as soon as we can
+        _classPrivateFieldSet(_preactRoot, this, document.createElement('div'));
+        _assertClassBrand(_WistiaPlayer_brand, this, _renderEmbedTemplate).call(this);
+        this.shadowRoot.append(_classPrivateFieldGet(_preactRoot, this));
       }
       _classPrivateFieldSet(_hasElementConnectedToDOM, this, true);
     }
@@ -41491,7 +42264,7 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
  */
 function _get_pageUrl(_this) {
   var _this$getAttribute3;
-  return (_this$getAttribute3 = _this.getAttribute('page-url')) !== null && _this$getAttribute3 !== void 0 ? _this$getAttribute3 : (0,_utilities_inferPageUrl_ts__WEBPACK_IMPORTED_MODULE_19__/* .inferPageUrl */ .H)();
+  return (_this$getAttribute3 = _this.getAttribute('page-url')) !== null && _this$getAttribute3 !== void 0 ? _this$getAttribute3 : (0,_utilities_inferPageUrl_ts__WEBPACK_IMPORTED_MODULE_23__/* .inferPageUrl */ .H)();
 }
 function _set_usingFullscreenContainer(_this2, val) {
   _classPrivateFieldSet(_usingFullscreenContainer, _this2, val);
@@ -41501,26 +42274,6 @@ function _camelCaseToKebabCase(camelCaseString) {
     return (idx !== undefined ? '-' : '') + letter.toLowerCase();
   });
 }
-/**
- * Creates a template for the embed code
- * @returns {HTMLTemplateElement}
- */
-function _createEmbedTemplate() {
-  var _this$embedHost2;
-  var template = document.createElement('template');
-  var fastHost = (0,_utilities_hosts_js__WEBPACK_IMPORTED_MODULE_1__.cdnFastWistiaComHost)((_this$embedHost2 = this.embedHost) !== null && _this$embedHost2 !== void 0 ? _this$embedHost2 : '');
-  var swatchUrl = "https://".concat(fastHost, "/embed/medias/").concat(this.mediaId, "/swatch");
-
-  // If this is a popover and it renders a thumbnail in its container, we'll want to show a swatch
-  var popoverContent = _assertClassBrand(_WistiaPlayer_brand, this, _getSyncedEmbedOption).call(this, 'popoverContent');
-  var isPopoverWithThumbnail = this.wistiaPopover && (popoverContent === undefined || popoverContent === '' || popoverContent === 'thumbnail');
-  var shouldDisplaySwatch = this.swatch !== false && (!this.wistiaPopover || isPopoverWithThumbnail);
-  var swatch = shouldDisplaySwatch ? /* html */"\n      <div\n        style=\"height: 100%; left: 0; position: absolute; top: 0; width: 100%\"\n        class=\"wistia_swatch\"\n      >\n        <div\n          style=\"height: 100%; position: relative; width: 100%\"\n        >\n          <div\n            style=\"\n              height: 100%;\n              left: 0;\n              overflow: hidden;\n              position: absolute;\n              top: 0;\n              width: 100%;\n            \"\n          >\n            <img\n              src=\"".concat(swatchUrl, "\"\n              style=\"filter: blur(5px); height: 100%; object-fit: contain; width: 100%\"\n              alt=\"\"\n              aria-hidden=\"true\"\n              onload=\"this.parentNode.style.opacity=1;\"\n            />\n          </div>\n        </div>\n      </div>\n    ") : '';
-
-  // web components always default to display: inline, which we don't want.
-  template.innerHTML = /* html */"\n      <style>\n        :host {\n          display: flex;\n          position: relative;\n        }\n      </style>\n\n      ".concat(swatch, "\n  ");
-  return template;
-}
 /**
  * Generates a unique id for the embed
  * @param {number | string} mediaId - The media id
@@ -41548,7 +42301,7 @@ function _generateUniqueId(mediaId) {
  * @returns {boolean | number | string | null}
  */
 function _getSyncedEmbedOption(key) {
-  var _ref15, _ref16;
+  var _ref18, _ref19;
   // If the public api is ready, use it as the source of truth
   if (this.api && key in this.api._attrs) {
     return this.api._attrs[key];
@@ -41556,7 +42309,7 @@ function _getSyncedEmbedOption(key) {
 
   // Otherwise check this element's embed config for a value and fallback
   // to the default embed options as a last resort
-  return (_ref15 = (_ref16 = this.embedOptions[key]) !== null && _ref16 !== void 0 ? _ref16 : _assertClassBrand(_WistiaPlayer_brand, this, _getValueFromAttribute).call(this, _assertClassBrand(_WistiaPlayer_brand, this, _camelCaseToKebabCase).call(this, key))) !== null && _ref15 !== void 0 ? _ref15 : defaultEmbedOptions[key];
+  return (_ref18 = (_ref19 = this.embedOptions[key]) !== null && _ref19 !== void 0 ? _ref19 : _assertClassBrand(_WistiaPlayer_brand, this, _getValueFromAttribute).call(this, _assertClassBrand(_WistiaPlayer_brand, this, _camelCaseToKebabCase).call(this, key))) !== null && _ref18 !== void 0 ? _ref18 : defaultEmbedOptions[key];
 }
 /**
  * Gets the value of an attribute if it exists, returns null if not
@@ -41582,6 +42335,24 @@ function _getValueFromAttribute(name) {
       return this.getAttribute(name);
   }
 }
+/**
+ * Handles initialization of the player for fresh Aurora embeds
+ * @returns {void}
+ */
+function _initPlayerEmbed() {
+  _classPrivateFieldGet(_playerData, this).updateEmbedOptionOverrides({
+    videoFoam: true
+  });
+  if (this.preloadThumbnail) {
+    _assertClassBrand(_WistiaPlayer_brand, this, _renderPreloadThumbnail).call(this);
+  }
+
+  // Create and save the public api instance
+  _assertClassBrand(_WistiaPlayer_brand, this, _initPublicApi).call(this, this.mediaId, {
+    container: this.uniqueId,
+    mediaData: _classPrivateFieldGet(_playerData, this).mediaData
+  });
+}
 /**
  * Initializes the public api instance and sends a ready event
  * @param {number | string} mediaId - The media id
@@ -41595,23 +42366,25 @@ function _initPublicApi(mediaId, options) {
   var _window = window,
     Wistia = _window.Wistia;
   if (!(Wistia !== null && Wistia !== void 0 && Wistia.PublicApi)) {
-    (0,_utilities_simpleMetrics_js__WEBPACK_IMPORTED_MODULE_3__.countMetric)('player/failure/init-failed');
+    (0,_utilities_simpleMetrics_js__WEBPACK_IMPORTED_MODULE_11__.countMetric)('player/failure/init-failed');
     throw new Error('Wistia.PublicApi is not defined');
   }
   _classPrivateFieldSet(_api, this, new Wistia.PublicApi(mediaId, options));
   (_this$api58 = this.api) === null || _this$api58 === void 0 ? void 0 : _this$api58.embedded(function () {
     void _assertClassBrand(_WistiaPlayer_brand, _this11, _maybeInitializeMux).call(_this11);
+    _classPrivateFieldSet(_preloadAspectRatio, _this11, undefined);
+    _assertClassBrand(_WistiaPlayer_brand, _this11, _renderEmbedTemplate).call(_this11);
   });
   (_this$api59 = this.api) === null || _this$api59 === void 0 ? void 0 : _this$api59.ready(function () {
     // event for public consumption, exposed on our event types
-    _this11.dispatchEvent(new CustomEvent(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_18__/* .API_READY_EVENT */ .c5, {
+    _this11.dispatchEvent(new CustomEvent(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_22__/* .API_READY_EVENT */ .c5, {
       detail: {
         mediaId: mediaId
       }
     }));
 
     // event for internal consumption, not exposed on our event types
-    _this11.dispatchEvent(new CustomEvent(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_18__/* .INTERNAL_API_ON_FIND_EVENT */ .iP, {
+    _this11.dispatchEvent(new CustomEvent(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_22__/* .INTERNAL_API_ON_FIND_EVENT */ .iP, {
       detail: {
         mediaId: mediaId,
         api: _this11.api
@@ -41620,13 +42393,18 @@ function _initPublicApi(mediaId, options) {
 
     // Sync embed options from the public api back to the embed config
     if (_this11.api) {
-      Object.entries(_this11.api._attrs).forEach(function (_ref17) {
-        var _ref18 = _slicedToArray(_ref17, 2),
-          key = _ref18[0],
-          value = _ref18[1];
-        _assertClassBrand(_WistiaPlayer_brand, _this11, _setEmbedOptions).call(_this11, _defineProperty({}, key, value));
+      Object.entries(_this11.api._attrs).forEach(function (_ref20) {
+        var _ref21 = _slicedToArray(_ref20, 2),
+          key = _ref21[0],
+          value = _ref21[1];
+        _classPrivateFieldGet(_playerData, _this11).updateEmbedOptionOverrides(_defineProperty({}, key, value));
       });
     }
+
+    // Updates our PlayerDataProvider and re-renders the thumbnail with the new embed options
+    if (_this11.preloadThumbnail) {
+      _assertClassBrand(_WistiaPlayer_brand, _this11, _renderPreloadThumbnail).call(_this11);
+    }
   });
 }
 /**
@@ -41650,7 +42428,7 @@ function _maybeInitializeMux() {
 }
 function _maybeInitializeMux2() {
   _maybeInitializeMux2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee22() {
-    var _this15 = this;
+    var _this16 = this;
     var shouldRandomEnableMux, shouldEnableMuxForPlayer, embedType, mux;
     return _regeneratorRuntime().wrap(function _callee22$(_context22) {
       while (1) switch (_context22.prev = _context22.next) {
@@ -41661,15 +42439,15 @@ function _maybeInitializeMux2() {
           }
           return _context22.abrupt("return");
         case 2:
-          shouldRandomEnableMux = (0,_utilities_coinFlip_ts__WEBPACK_IMPORTED_MODULE_20__/* .didWinCoinFlip */ .k)(_utilities_shouldEnableMux_ts__WEBPACK_IMPORTED_MODULE_21__/* .MUX_PERCENTAGE_TO_ENABLE */ ._);
-          shouldEnableMuxForPlayer = (0,_utilities_shouldEnableMux_ts__WEBPACK_IMPORTED_MODULE_21__/* .shouldEnableMux */ .J)(this.api, shouldRandomEnableMux) && (0,_utilities_trackingConsentApi_js__WEBPACK_IMPORTED_MODULE_11__/* .isVisitorTrackingEnabled */ .D5)();
+          shouldRandomEnableMux = (0,_utilities_coinFlip_ts__WEBPACK_IMPORTED_MODULE_24__/* .didWinCoinFlip */ .k)(_utilities_shouldEnableMux_ts__WEBPACK_IMPORTED_MODULE_25__/* .MUX_PERCENTAGE_TO_ENABLE */ ._);
+          shouldEnableMuxForPlayer = (0,_utilities_shouldEnableMux_ts__WEBPACK_IMPORTED_MODULE_25__/* .shouldEnableMux */ .J)(this.api, shouldRandomEnableMux) && (0,_utilities_trackingConsentApi_js__WEBPACK_IMPORTED_MODULE_12__/* .isVisitorTrackingEnabled */ .D5)();
           embedType = this.useWebComponent ? 'translated-web-component' : 'web-component';
           if (!shouldEnableMuxForPlayer) {
             _context22.next = 11;
             break;
           }
           _context22.next = 8;
-          return (0,_utilities_dynamicImport_ts__WEBPACK_IMPORTED_MODULE_7__/* .dynamicImport */ .$)('assets/external/wistia-mux.js');
+          return (0,_utilities_dynamicImport_ts__WEBPACK_IMPORTED_MODULE_5__/* .dynamicImport */ .$)('assets/external/wistia-mux.js');
         case 8:
           mux = _context22.sent;
           mux.init(this.api, {
@@ -41678,8 +42456,8 @@ function _maybeInitializeMux2() {
           this.addEventListener('visitor-tracking-change', function (event) {
             var isTrackingEnabled = event.detail.isTrackingEnabled;
             if (!isTrackingEnabled) {
-              var _this15$api, _this15$api$mux;
-              (_this15$api = _this15.api) === null || _this15$api === void 0 ? void 0 : (_this15$api$mux = _this15$api.mux) === null || _this15$api$mux === void 0 ? void 0 : _this15$api$mux.destroy();
+              var _this16$api, _this16$api$mux;
+              (_this16$api = _this16.api) === null || _this16$api === void 0 ? void 0 : (_this16$api$mux = _this16$api.mux) === null || _this16$api$mux === void 0 ? void 0 : _this16$api$mux.destroy();
             }
           });
         case 11:
@@ -41690,41 +42468,119 @@ function _maybeInitializeMux2() {
   }));
   return _maybeInitializeMux2.apply(this, arguments);
 }
+/**
+ * Renders a template for the embed code
+ * @returns {HTMLTemplateElement}
+ */
+function _renderEmbedTemplate() {
+  var _this$embedHost2,
+    _this12 = this;
+  if (!_classPrivateFieldGet(_preactRoot, this)) {
+    return;
+  }
+  var swatchUrl = getSwatchUrl(this.mediaId, (_this$embedHost2 = this.embedHost) !== null && _this$embedHost2 !== void 0 ? _this$embedHost2 : '');
+  var swatchHeight = '100%';
+  if (parseFloat(_classPrivateFieldGet(_paddingTop, this)) !== 0 && _classPrivateFieldGet(_paddingTop, this) !== '') {
+    swatchHeight = "".concat(parseFloat(_classPrivateFieldGet(_paddingTop, this)), "px");
+  }
+  var playerBorderRadius = (0,_utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_26__.getDefaultPlayerBorderRadius)({
+    playerBorderRadius: this.playerBorderRadius,
+    roundedPlayer: this.roundedPlayer
+  });
+  (0,preact__WEBPACK_IMPORTED_MODULE_0__/* .render */ .XX)((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(preact__WEBPACK_IMPORTED_MODULE_0__/* .Fragment */ .FK, null, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("style", null, ":host {\n              display: flex;\n              position: relative;\n              ".concat(_classPrivateFieldGet(_preloadAspectRatio, this) !== undefined && "aspect-ratio: ".concat(_classPrivateFieldGet(_preloadAspectRatio, this), ";"), "\n            }")), _assertClassBrand(_WistiaPlayer_brand, this, _shouldDisplaySwatch).call(this) && (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+    style: {
+      height: swatchHeight,
+      left: 0,
+      position: 'absolute',
+      top: 0,
+      width: '100%'
+    },
+    class: "wistia_swatch"
+  }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+    style: {
+      height: '100%',
+      position: 'relative',
+      width: '100%'
+    }
+  }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+    style: {
+      height: '100%',
+      left: 0,
+      overflow: 'hidden',
+      position: 'absolute',
+      top: 0,
+      width: '100%',
+      borderRadius: "".concat(playerBorderRadius, "px")
+    }
+  }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("img", {
+    src: swatchUrl,
+    style: {
+      filter: 'blur(5px)',
+      height: '100%',
+      objectFit: 'contain',
+      width: '100%'
+    },
+    alt: "",
+    "aria-hidden": "true"
+  })))), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+    ref: function ref(_ref22) {
+      _classPrivateFieldSet(_preloadThumbnailRoot, _this12, _ref22);
+    }
+  })), _classPrivateFieldGet(_preactRoot, this));
+}
+/**
+ * Renders a progressive thumbnail and a big play button as soon as possible,
+ * while the rest of the player is loading.
+ * @returns {void}
+ */
+function _renderPreloadThumbnail() {
+  if (!_classPrivateFieldGet(_preloadThumbnailRoot, this)) {
+    return;
+  }
+  (0,preact__WEBPACK_IMPORTED_MODULE_0__/* .render */ .XX)((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_hooks_usePlayerData_tsx__WEBPACK_IMPORTED_MODULE_2__/* .PlayerDataProvider */ .z, {
+    embedOptions: _classPrivateFieldGet(_playerData, this).embedOptions,
+    mediaData: _classPrivateFieldGet(_playerData, this).mediaData
+  }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_components_PreloadThumbnail_tsx__WEBPACK_IMPORTED_MODULE_1__/* .PreloadThumbnail */ .u, {
+    isSwatchEnabled: _assertClassBrand(_WistiaPlayer_brand, this, _shouldDisplaySwatch).call(this),
+    mediaId: this.mediaId,
+    playerWidth: this.offsetWidth
+  })), _classPrivateFieldGet(_preloadThumbnailRoot, this));
+}
 /**
  * Runs any methods associated with set attributes when the element is connected to the DOM
  * @returns {void}
  * @private
  */
 function _runMethodsFromAttributes() {
-  var _this12 = this;
+  var _this13 = this;
   // We have to wait until the api is ready to set the current time
   if (_assertClassBrand(_WistiaPlayer_brand, this, _getValueFromAttribute).call(this, 'current-time') !== null) {
     var setInitialCurrentTime = function setInitialCurrentTime() {
-      var _ref19, _this12$api, _this12$api2;
-      var newTime = Number(_assertClassBrand(_WistiaPlayer_brand, _this12, _getValueFromAttribute).call(_this12, 'current-time'));
-      var isClosedPopover = (_ref19 = ((_this12$api = _this12.api) === null || _this12$api === void 0 ? void 0 : _this12$api.popover) && !_this12.api.popover.isVisible()) !== null && _ref19 !== void 0 ? _ref19 : false;
-      var isMobile = (0,_utilities_detect_js__WEBPACK_IMPORTED_MODULE_6__/* .detectIsMobile */ .GS)();
-      var shouldDelayUntilPlay = _this12.state !== 'playing' && (isMobile || isClosedPopover);
-      void ((_this12$api2 = _this12.api) === null || _this12$api2 === void 0 ? void 0 : _this12$api2.time(newTime, {
+      var _ref23, _this13$api, _this13$api2;
+      var newTime = Number(_assertClassBrand(_WistiaPlayer_brand, _this13, _getValueFromAttribute).call(_this13, 'current-time'));
+      var isClosedPopover = (_ref23 = ((_this13$api = _this13.api) === null || _this13$api === void 0 ? void 0 : _this13$api.popover) && !_this13.api.popover.isVisible()) !== null && _ref23 !== void 0 ? _ref23 : false;
+      var isMobile = (0,_utilities_detect_js__WEBPACK_IMPORTED_MODULE_4__/* .detectIsMobile */ .GS)();
+      var shouldDelayUntilPlay = _this13.state !== 'playing' && (isMobile || isClosedPopover);
+      void ((_this13$api2 = _this13.api) === null || _this13$api2 === void 0 ? void 0 : _this13$api2.time(newTime, {
         lazy: shouldDelayUntilPlay
       }));
-      _assertClassBrand(_WistiaPlayer_brand, _this12, _setSyncedEmbedOption).call(_this12, 'currentTime', newTime);
-      _this12.removeEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_18__/* .API_READY_EVENT */ .c5, setInitialCurrentTime);
+      _assertClassBrand(_WistiaPlayer_brand, _this13, _setSyncedEmbedOption).call(_this13, 'currentTime', newTime);
+      _this13.removeEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_22__/* .API_READY_EVENT */ .c5, setInitialCurrentTime);
     };
-    this.addEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_18__/* .API_READY_EVENT */ .c5, setInitialCurrentTime);
+    this.addEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_22__/* .API_READY_EVENT */ .c5, setInitialCurrentTime);
   }
   if (_assertClassBrand(_WistiaPlayer_brand, this, _getValueFromAttribute).call(this, 'email') !== null) {
     _assertClassBrand(_WistiaPlayer_brand, this, _updateEmail).call(this, _assertClassBrand(_WistiaPlayer_brand, this, _getValueFromAttribute).call(this, 'email'));
   }
   if (_assertClassBrand(_WistiaPlayer_brand, this, _getValueFromAttribute).call(this, 'video-quality') !== null) {
     var setVideoQualityFromAttribute = function setVideoQualityFromAttribute() {
-      var _this12$api3, _this12$api3$_impl;
-      var newQuality = _assertClassBrand(_WistiaPlayer_brand, _this12, _getValueFromAttribute).call(_this12, 'video-quality');
-      (_this12$api3 = _this12.api) === null || _this12$api3 === void 0 ? void 0 : (_this12$api3$_impl = _this12$api3._impl) === null || _this12$api3$_impl === void 0 ? void 0 : _this12$api3$_impl.setVideoQuality(newQuality);
-      _assertClassBrand(_WistiaPlayer_brand, _this12, _setSyncedEmbedOption).call(_this12, 'videoQuality', newQuality);
-      _this12.removeEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_18__/* .API_READY_EVENT */ .c5, setVideoQualityFromAttribute);
+      var _this13$api3, _this13$api3$_impl;
+      var newQuality = _assertClassBrand(_WistiaPlayer_brand, _this13, _getValueFromAttribute).call(_this13, 'video-quality');
+      (_this13$api3 = _this13.api) === null || _this13$api3 === void 0 ? void 0 : (_this13$api3$_impl = _this13$api3._impl) === null || _this13$api3$_impl === void 0 ? void 0 : _this13$api3$_impl.setVideoQuality(newQuality);
+      _assertClassBrand(_WistiaPlayer_brand, _this13, _setSyncedEmbedOption).call(_this13, 'videoQuality', newQuality);
+      _this13.removeEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_22__/* .API_READY_EVENT */ .c5, setVideoQualityFromAttribute);
     };
-    this.addEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_18__/* .API_READY_EVENT */ .c5, setVideoQualityFromAttribute);
+    this.addEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_22__/* .API_READY_EVENT */ .c5, setVideoQualityFromAttribute);
   }
 }
 /**
@@ -41733,37 +42589,19 @@ function _runMethodsFromAttributes() {
  * @private
  */
 function _saveInitialAttributesFromDomOptions() {
-  var _this13 = this;
-  var domOptions = Object.fromEntries(Object.entries(this.attributes).map(function (_ref20) {
-    var _ref21 = _slicedToArray(_ref20, 2),
-      value = _ref21[1];
-    return [_assertClassBrand(_WistiaPlayer_brand, _this13, _kebabCaseToCamelCase).call(_this13, value.name), _assertClassBrand(_WistiaPlayer_brand, _this13, _getValueFromAttribute).call(_this13, value.name)];
+  var _this14 = this;
+  var domOptions = Object.fromEntries(Object.entries(this.attributes).map(function (_ref24) {
+    var _ref25 = _slicedToArray(_ref24, 2),
+      value = _ref25[1];
+    return [_assertClassBrand(_WistiaPlayer_brand, _this14, _kebabCaseToCamelCase).call(_this14, value.name), _assertClassBrand(_WistiaPlayer_brand, _this14, _getValueFromAttribute).call(_this14, value.name)];
   }));
+  _classPrivateFieldGet(_playerData, this).setDomEmbedOptionSource(domOptions);
 
-  // Merge the dom options with the embed config to account for
-  // any properties that were set on the element before initialization
-  var finalOptions = _objectSpread(_objectSpread({}, domOptions), this.embedOptions);
+  // Override the embed options from other sources with the options from the DOM
+  var finalOptions = _objectSpread(_objectSpread({}, this.embedOptions), domOptions);
 
   // The public api uses this store when it gathers options from our many different sources
-  (0,_utilities_embedOptionStore_ts__WEBPACK_IMPORTED_MODULE_9__.setEmbedOptionStore)("__".concat(this.uniqueId, "_dom_options__"), finalOptions);
-}
-/**
- *
- * @param {EmbedOptions} obj embed options to merge in
- */
-function _setEmbedOptions(obj) {
-  var _classPrivateFieldGet9 = _classPrivateFieldGet(_mediaData, this),
-    embedOptions = _classPrivateFieldGet9.embedOptions;
-  var newEmbedOptions = lodash_merge__WEBPACK_IMPORTED_MODULE_0___default()(embedOptions, obj);
-  _classPrivateFieldGet(_mediaData, this).embedOptions = newEmbedOptions;
-}
-/**
- *
- * @param {MediaData} obj  mediaData to merge in
- */
-function _setMediaData(obj) {
-  var newMediaData = lodash_merge__WEBPACK_IMPORTED_MODULE_0___default()(_classPrivateFieldGet(_mediaData, this), obj);
-  _classPrivateFieldSet(_mediaData, this, newMediaData);
+  (0,_utilities_embedOptionStore_ts__WEBPACK_IMPORTED_MODULE_6__.setEmbedOptionStore)("__".concat(this.uniqueId, "_dom_options__"), finalOptions);
 }
 /**
  * Sets both the value of an embed option from the public api
@@ -41781,7 +42619,22 @@ function _setSyncedEmbedOption(key, value) {
   if (this.api) {
     this.api._attrs[key] = value;
   }
-  _assertClassBrand(_WistiaPlayer_brand, this, _setEmbedOptions).call(this, _defineProperty({}, key, value));
+  _classPrivateFieldGet(_playerData, this).updateEmbedOptionOverrides(_defineProperty({}, key, value));
+
+  // Updates our PlayerDataProvider and re-renders the thumbnail with the new embed option
+  if (this.preloadThumbnail) {
+    _assertClassBrand(_WistiaPlayer_brand, this, _renderPreloadThumbnail).call(this);
+  }
+}
+/**
+ * Determines if a swatch should be displayed based on the embed options
+ * @returns {boolean}
+ */
+function _shouldDisplaySwatch() {
+  // If this is a popover and it renders a thumbnail in its container, we'll want to show a swatch
+  var popoverContent = _assertClassBrand(_WistiaPlayer_brand, this, _getSyncedEmbedOption).call(this, 'popoverContent');
+  var isPopoverWithThumbnail = this.wistiaPopover && (popoverContent === undefined || popoverContent === '' || popoverContent === 'thumbnail');
+  return this.swatch !== false && (!this.wistiaPopover || isPopoverWithThumbnail);
 }
 /**
  * Saves new email within localstorage and dispatches an emailchange event
@@ -41791,10 +42644,10 @@ function _setSyncedEmbedOption(key, value) {
  * @private
  */
 function _updateEmail(email) {
-  var _this14 = this;
-  (0,_utilities_wistiaLocalStorage_js__WEBPACK_IMPORTED_MODULE_12__/* .updateWistiaLocalStorage */ .$B)(function (localStorage) {
+  var _this15 = this;
+  (0,_utilities_wistiaLocalStorage_js__WEBPACK_IMPORTED_MODULE_13__/* .updateWistiaLocalStorage */ .$B)(function (localStorage) {
     // eslint-disable-next-line no-param-reassign
-    localStorage[_classPrivateGetter(_WistiaPlayer_brand, _this14, _get_pageUrl)] = _objectSpread(_objectSpread({}, localStorage[_classPrivateGetter(_WistiaPlayer_brand, _this14, _get_pageUrl)]), {}, {
+    localStorage[_classPrivateGetter(_WistiaPlayer_brand, _this15, _get_pageUrl)] = _objectSpread(_objectSpread({}, localStorage[_classPrivateGetter(_WistiaPlayer_brand, _this15, _get_pageUrl)]), {}, {
       trackEmail: email
     });
   });
@@ -41805,7 +42658,7 @@ function _updateEmail(email) {
   }));
 }
 var getSwatchMetaData = /*#__PURE__*/function () {
-  var _ref13 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee20(url) {
+  var _ref16 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee20(url) {
     var swatch;
     return _regeneratorRuntime().wrap(function _callee20$(_context20) {
       while (1) switch (_context20.prev = _context20.next) {
@@ -41823,7 +42676,7 @@ var getSwatchMetaData = /*#__PURE__*/function () {
     }, _callee20);
   }));
   return function getSwatchMetaData(_x17) {
-    return _ref13.apply(this, arguments);
+    return _ref16.apply(this, arguments);
   };
 }();
 
@@ -41834,37 +42687,34 @@ var getSwatchMetaData = /*#__PURE__*/function () {
  * @returns {Promise<HTMLStyleElement>}
  */
 var wistiaSwatchElement = /*#__PURE__*/function () {
-  var _ref14 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee21(mediaId, embedHost) {
-    var fastHost, swatchUrl, swatchImg, naturalHeight, naturalWidth, ratio, style;
+  var _ref17 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee21(mediaId, embedHost) {
+    var swatchUrl, swatchImg, naturalHeight, naturalWidth, ratio, style;
     return _regeneratorRuntime().wrap(function _callee21$(_context21) {
       while (1) switch (_context21.prev = _context21.next) {
         case 0:
-          fastHost = (0,_utilities_hosts_js__WEBPACK_IMPORTED_MODULE_1__.cdnFastWistiaComHost)(embedHost !== null && embedHost !== void 0 ? embedHost : '');
-          swatchUrl = "https://".concat(fastHost, "/embed/medias/").concat(mediaId, "/swatch");
-          _context21.next = 4;
+          swatchUrl = getSwatchUrl(mediaId, embedHost);
+          _context21.next = 3;
           return getSwatchMetaData(swatchUrl);
-        case 4:
+        case 3:
           swatchImg = _context21.sent;
           naturalHeight = swatchImg.naturalHeight, naturalWidth = swatchImg.naturalWidth;
           ratio = naturalHeight / naturalWidth * 100;
           style = document.createElement('style');
           style.innerHTML = "\n    wistia-player[media-id='".concat(mediaId, "']:not(:defined) {\n      padding: ").concat(ratio, "% 0 0 0;\n      background: url(").concat(swatchUrl, ");\n      background-size: contain;\n      filter: blur(5px);\n      display: block;\n    }\n  ");
           return _context21.abrupt("return", style);
-        case 10:
+        case 9:
         case "end":
           return _context21.stop();
       }
     }, _callee21);
   }));
   return function wistiaSwatchElement(_x18, _x19) {
-    return _ref14.apply(this, arguments);
+    return _ref17.apply(this, arguments);
   };
 }();
 if (customElements.get('wistia-player') === undefined) {
   customElements.define('wistia-player', WistiaPlayer);
 }
-})();
-
 var __webpack_exports__WistiaPlayer = __webpack_exports__.$;
 var __webpack_exports__wistiaSwatchElement = __webpack_exports__.A;
 export { __webpack_exports__WistiaPlayer as WistiaPlayer, __webpack_exports__wistiaSwatchElement as wistiaSwatchElement };