@wistia/wistia-player 0.7.4 → 0.7.6

package/dist/wistia-player.js

@@ -2145,13 +2145,14 @@ var runScript = function runScript(src, timeout) {
 /* harmony export */   G5: () => (/* binding */ flexibleDuration),
 /* harmony export */   ab: () => (/* binding */ secondsConverter)
 /* harmony export */ });
-/* unused harmony exports formattedDurationToSeconds, accessibilityDuration, humanReadableDuration, getSecondsRemaining, secondsToMilliseconds */
+/* unused harmony exports formattedDurationToSeconds, accessibilityDuration, humanReadableDuration, getSecondsRemaining, secondsToMilliseconds, formatDuration */
 /* harmony import */ var iso8601_duration__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6633);
 
 
 var SECONDS_IN_HOUR = 3600;
 var MINUTES_IN_HOUR = 60;
 var SECONDS_IN_MINUTE = 60;
+var SECONDS_CUTTOFF = 45;
 var padNumber = function padNumber(num) {
   var length = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   var result = "".concat(num);
@@ -2257,6 +2258,18 @@ var getSecondsRemaining = function getSecondsRemaining(start, end) {
 var secondsToMilliseconds = function secondsToMilliseconds(seconds) {
   return seconds * 1000;
 };
+var formatDuration = function formatDuration(totalSeconds) {
+  var _secondsConverter4 = secondsConverter(totalSeconds, 'hms'),
+    hours = _secondsConverter4.hours,
+    minutes = _secondsConverter4.minutes;
+  if (totalSeconds < SECONDS_CUTTOFF) {
+    return "".concat(Math.round(totalSeconds), " SEC");
+  }
+  if (hours) {
+    return "".concat(hours, " HR ").concat(minutes, " MIN");
+  }
+  return "".concat(Math.round(totalSeconds / SECONDS_IN_MINUTE), " MIN");
+};
 
 /***/ },
 
@@ -2264,11 +2277,22 @@ var secondsToMilliseconds = function secondsToMilliseconds(seconds) {
 (__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 */   EA: () => (/* binding */ CONTROL_BAR_HEIGHT),
+/* harmony export */   Lc: () => (/* binding */ AUDIO_DEFAULT_HEIGHT),
+/* harmony export */   R7: () => (/* binding */ DEFAULT_ASPECT)
 /* harmony export */ });
 var CONTROL_BAR_HEIGHT = 34;
 
+// Default height for an audio <wistia-player> when the author hasn't set an
+// explicit height. Audio has no intrinsic media height (the <audio> element is
+// 0px and the UI is absolutely positioned), so without this the host collapses
+// to a bare control bar — most visibly after a video→audio replaceWith. Matches
+// FULL_SIZED_PLAYER_MIN_HEIGHT in players/vulcanV2Player/audio/constants.js so
+// the audio UI renders its full-sized layout. Author CSS (e.g. the inline
+// `height` the standard embed codes set) still overrides this.
+// eslint-disable-next-line @typescript-eslint/no-magic-numbers
+var AUDIO_DEFAULT_HEIGHT = 218;
+
 // eslint-disable-next-line @typescript-eslint/no-magic-numbers
 var DEFAULT_ASPECT = 16 / 9;
 
@@ -2960,10 +2984,10 @@ var reportError = function reportError(product, error, details) {
       _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_2__/* .Wistia */ .s._sentryScope.clear();
       _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_2__/* .Wistia */ .s._sentryScope.setTag('pillar', 'publish');
       _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_2__/* .Wistia */ .s._sentryScope.setTag('product', product);
-      _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_2__/* .Wistia */ .s._sentryScope.setTag('url', window.location.href);
       if ((0,_wistia_type_guards__WEBPACK_IMPORTED_MODULE_0__/* .isNonEmptyRecord */ .uu)(details)) {
         _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_2__/* .Wistia */ .s._sentryScope.setTags(details);
       }
+      _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_2__/* .Wistia */ .s._sentryScope.setTag('url', window.location.href);
       _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_2__/* .Wistia */ .s._sentryScope.captureException(error);
     }
   } catch (err) {
@@ -3549,18 +3573,26 @@ var throwAsync = function throwAsync(e) {
 var OBJ_PROP = '_namespacedLocalStorage';
 var localStorageWorks = function localStorageWorks() {
   var ns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'wistia-test-localstorage';
-  // Check the global on every call — don't rely solely on the cached result.
-  // In test environments (Vitest with jsdom), a previous test can warm the
-  // cache to `true` and then have the global torn down between files, leaving
-  // pending timers/intervals to dereference a missing `localStorage` and
-  // crash with a ReferenceError.
-  if (typeof localStorage === 'undefined') {
-    return false;
-  }
-  if (_wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_0__/* .Wistia */ .s._localStorageWorks != null) {
-    return _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_0__/* .Wistia */ .s._localStorageWorks;
-  }
   try {
+    // Check the global on every call — don't rely solely on the cached result.
+    // In test environments (Vitest with jsdom), a previous test can warm the
+    // cache to `true` and then have the global torn down between files, leaving
+    // pending timers/intervals to dereference a missing `localStorage` and
+    // crash with a ReferenceError.
+    //
+    // This access must live inside the try/catch: simply *reading* the global
+    // can throw, not just be undefined. In a sandboxed iframe without
+    // `allow-same-origin`, the `localStorage` getter throws a SecurityError —
+    // and `typeof` does NOT suppress it (it only suppresses ReferenceError for
+    // truly undeclared identifiers, and `localStorage` is a declared property
+    // on `window`). We must never recommend adding `allow-same-origin` to fix
+    // this, so the code has to tolerate the throw.
+    if (typeof localStorage === 'undefined') {
+      return false;
+    }
+    if (_wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_0__/* .Wistia */ .s._localStorageWorks != null) {
+      return _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_0__/* .Wistia */ .s._localStorageWorks;
+    }
     // no-ops that test get, set, and remove. These may throw an exception
     // in Private Browsing mode on iOS and Safari.
     var currentVal = localStorage.getItem(ns);
@@ -5163,6 +5195,7 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 
 
 
+
 var DEFAULT_ALPHA = 0.9;
 var GRADIENT_COLOR_INDEX = 0;
 var GRADIENT_PERCENTAGE_INDEX = 1;
@@ -5219,12 +5252,21 @@ var cleanGradient = function cleanGradient(gradient) {
   return result;
 };
 var getPlayerColorOrFirstGradientStop = function getPlayerColorOrFirstGradientStop(playerColor, gradient) {
+  var _addHashToHex;
   if (!isGradient(gradient) || !gradient.on) {
     return playerColor !== null && playerColor !== void 0 ? playerColor : DEFAULT_PLAYER_COLOR;
   }
+  var firstGradientColorStop = getGradientColor(gradient);
+
+  // This should not be possible because we verified that the gradient passes isGradient above.
+  // However, since getGradietnColor's return type is string | null,
+  // we need to add this logic to appease TS.
+  if (isNil(firstGradientColorStop)) {
+    return playerColor !== null && playerColor !== void 0 ? playerColor : DEFAULT_PLAYER_COLOR;
+  }
 
   // eslint-disable-next-line @typescript-eslint/no-unsafe-return
-  return addHashToHex(getGradientColor(gradient));
+  return (_addHashToHex = addHashToHex(firstGradientColorStop)) !== null && _addHashToHex !== void 0 ? _addHashToHex : DEFAULT_PLAYER_COLOR;
 };
 
 /***/ },
@@ -6396,11 +6438,16 @@ var addHashToHex = function addHashToHex(hex) {
     return;
   }
 
+  // A valid hex color might be composed of all numbers
+  // so we need to ensure that the hex is actually a string
+  // before we try to examine its contents.
+  var hexGuaranteedToBeString = String(hex);
+
   // return if already has hash
-  if (hex.charAt(0) === '#') {
-    return hex;
+  if (hexGuaranteedToBeString.charAt(0) === '#') {
+    return hexGuaranteedToBeString;
   }
-  return "#".concat(hex);
+  return "#".concat(hexGuaranteedToBeString);
 };
 var colorWithAlpha = function colorWithAlpha(color, alpha) {
   return new Color(color).alpha(alpha).toRgba();
@@ -7062,7 +7109,16 @@ var pollForJsonp = /*#__PURE__*/function () {
       while (1) switch (_context.n) {
         case 0:
           return _context.a(2, new Promise(function (resolve, reject) {
-            var poll = -1;
+            var pollState = {
+              isSettled: false,
+              intervalId: -1,
+              timeoutId: -1
+            };
+            var cleanup = function cleanup() {
+              pollState.isSettled = true;
+              clearInterval(pollState.intervalId);
+              clearTimeout(pollState.timeoutId);
+            };
 
             // try looking once before the interval. This is especially useful for tests
             // since using vi.useFakeTimers() doesn't work with this function
@@ -7070,7 +7126,7 @@ var pollForJsonp = /*#__PURE__*/function () {
               var jsonp = window["wistiajsonp-/embed/medias/".concat(mediaId, ".jsonp")];
               if (jsonp) {
                 if (jsonp.media) {
-                  clearInterval(poll);
+                  cleanup();
 
                   // Any data from speed demon scripts we know won't be localized, so we can
                   // cache it.
@@ -7083,15 +7139,16 @@ var pollForJsonp = /*#__PURE__*/function () {
                   return;
                 }
                 if ((0,_utilities_mediaDataError_ts__WEBPACK_IMPORTED_MODULE_6__/* .isMediaDataError */ .V)(jsonp)) {
-                  clearInterval(poll);
+                  cleanup();
                   resolve(jsonp);
                 }
               }
             };
             checkForJsonp();
-            poll = window.setInterval(checkForJsonp, INTERVAL_TIME);
-            setTimeout(function () {
-              clearInterval(poll);
+            if (pollState.isSettled) return;
+            pollState.intervalId = window.setInterval(checkForJsonp, INTERVAL_TIME);
+            pollState.timeoutId = window.setTimeout(function () {
+              cleanup();
               reject(new Error('Timeout loading jsonp media data'));
             }, JS_LOAD_TIMEOUT);
           }));
@@ -7272,8 +7329,8 @@ var PROD_EMBED_HOST = 'embed.wistia.com';
 var PROD_SSL_EMBED_HOST = 'embed-ssl.wistia.com';
 var PROD_FASTLY_SSL_HOST = 'embed-fastly.wistia.com';
 var SSL_EMBED_HOST = "embed-ssl.wistia.com";
-var TAGGED_VERSION = "0.7.4" || 0;
-var CURRENT_SHA = "cd6d5f204d2705b44830dc62fffa01754c68f1d5" || 0;
+var TAGGED_VERSION = "0.7.6" || 0;
+var CURRENT_SHA = "d17a7f2fb96b0add1ebf115f18abea8875108342" || 0;
 var DEFAULT_PROTOCOL = function () {
   if (typeof window !== 'undefined' && utilities_root_js__WEBPACK_IMPORTED_MODULE_0__/* .root */ .z === window && utilities_root_js__WEBPACK_IMPORTED_MODULE_0__/* .root */ .z.location) {
     return utilities_root_js__WEBPACK_IMPORTED_MODULE_0__/* .root */ .z.location.protocol;
@@ -8490,7 +8547,7 @@ var dynamicImport = /*#__PURE__*/function () {
           _t2 = _context2.v;
           reportedError = _t2 instanceof Error ? _t2 : new Error(String(_t2));
           (0,_sentryUtils_ts__WEBPACK_IMPORTED_MODULE_1__/* .reportError */ .N7)('dynamicImport', reportedError, {
-            url: url
+            importUrl: url
           });
           (0,_simpleMetrics_js__WEBPACK_IMPORTED_MODULE_2__/* .countMetric */ .WO)('dynamic-import/failure-after-retry', 1, {
             attempt: String(MAX_RETRIES),
@@ -9099,6 +9156,26 @@ var moveToFront = function moveToFront(assets, toFront) {
 /* harmony export */ });
 var MUX_PERCENTAGE_TO_ENABLE = 0.1;
 
+/**
+ * Whether the current environment provides the `console` methods that mux-embed
+ * relies on at module-evaluation time.
+ *
+ * mux-embed sets up its logger via `console.trace`/`console.info`/`console.debug`
+ * as soon as the module is imported (`var q = kt("[mux]")`). In restricted
+ * WebKit environments such as Apple Mail's email preview, those methods are
+ * undefined, so simply importing wistia-mux.js throws an error
+ * @returns {boolean} True if the console methods mux-embed needs are available.
+ */
+var isMuxEnvironmentSupported = function isMuxEnvironmentSupported() {
+  return typeof console !== 'undefined' &&
+  // eslint-disable-next-line no-console
+  typeof console.trace === 'function' &&
+  // eslint-disable-next-line no-console
+  typeof console.info === 'function' &&
+  // eslint-disable-next-line no-console
+  typeof console.debug === 'function';
+};
+
 /**
  * Determines if Mux should be enabled for an embed based on various conditions.
  * @param {PublicApi} video The embed mux should be enabled for.
@@ -9107,6 +9184,7 @@ var MUX_PERCENTAGE_TO_ENABLE = 0.1;
  */
 var shouldEnableMux = function shouldEnableMux(video, didWinCoinFlip) {
   var _video$_opts, _video$_mediaData;
+  var isMuxEnabledInEnvironment = isMuxEnvironmentSupported();
   var isMuxEnabledOnWindow = window.wistiaDisableMux !== true;
   var isMuxEnabledFromOpts = ((_video$_opts = video._opts) === null || _video$_opts === void 0 ? void 0 : _video$_opts.mux) !== false;
   var isMuxEnabledFromStandardEmbed = video.iframe == null;
@@ -9114,12 +9192,12 @@ var shouldEnableMux = function shouldEnableMux(video, didWinCoinFlip) {
   var isMuxEnabledFromLiveStream = ((_video$_mediaData = video._mediaData) === null || _video$_mediaData === void 0 ? void 0 : _video$_mediaData.type) === 'LiveStream';
 
   // Mux should be enabled if all of the following are true:
-  // 1. Mux is not disabled on the window
-  // 2. Mux is not disabled from the embed options
-  // 3. Mux is not disabled from the video being an iframe embed
-  // 4. Mux is not disabled from the coin flip OR the video is a live stream
+  // 1. The environment provides the console methods mux-embed needs
+  // 3. Mux is not disabled from the embed options
+  // 4. Mux is not disabled from the video being an iframe embed
+  // 5. Mux is not disabled from the coin flip OR the video is a live stream
   // (Live streams should always have Mux enabled, regardless of the coin flip result)
-  return isMuxEnabledOnWindow && isMuxEnabledFromOpts && isMuxEnabledFromStandardEmbed && (isMuxEnabledFromCoinFlip || isMuxEnabledFromLiveStream);
+  return isMuxEnabledInEnvironment && isMuxEnabledOnWindow && isMuxEnabledFromOpts && isMuxEnabledFromStandardEmbed && (isMuxEnabledFromCoinFlip || isMuxEnabledFromLiveStream);
 };
 
 /***/ },
@@ -10162,7 +10240,15 @@ var elemInDom = function elemInDom(elem) {
     if (elem === document) {
       return true;
     }
-    elem = elem.parentNode || elem.getRootNode().host;
+    var parent = elem.parentNode;
+    if (parent != null) {
+      elem = parent;
+    } else if (typeof elem.getRootNode === 'function') {
+      var _elem$getRootNode;
+      elem = (_elem$getRootNode = elem.getRootNode()) === null || _elem$getRootNode === void 0 ? void 0 : _elem$getRootNode.host;
+    } else {
+      return false;
+    }
   }
   return false;
 };
@@ -10401,6 +10487,11 @@ var elemRequestFullscreen = function elemRequestFullscreen(elem) {
       });
     }
     if (elem.webkitEnterFullscreen) {
+      if (elem.readyState !== undefined && elem.readyState < HTMLMediaElement.HAVE_METADATA) {
+        var errorMessage = 'webkitEnterFullscreen requires at least HAVE_METADATA readyState';
+        wlog.notice(errorMessage);
+        return Promise.reject(new Error(errorMessage));
+      }
       elem.webkitEnterFullscreen();
       return Promise.resolve();
     }
@@ -14968,7 +15059,7 @@ var PreloadThumbnail = function PreloadThumbnail(_ref) {
     duration = mediaData.duration,
     mediaType = mediaData.mediaType,
     name = mediaData.name;
-  var height = playerWidth / ((_ref2 = aspect !== null && aspect !== void 0 ? aspect : aspectRatio) !== null && _ref2 !== void 0 ? _ref2 : _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_3__/* .DEFAULT_ASPECT */ .R);
+  var height = playerWidth / ((_ref2 = aspect !== null && aspect !== void 0 ? aspect : aspectRatio) !== null && _ref2 !== void 0 ? _ref2 : _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_3__/* .DEFAULT_ASPECT */ .R7);
   var scale = Math.min(MAX_SCALE, Math.max(MIN_SCALE, (0,_utilities_fit_control_js__WEBPACK_IMPORTED_MODULE_8__/* .controlMultiplierEstimatedByWidth */ .wt)(playerWidth, [DEFAULT_LOWER_CUTOFF_WIDTH, DEFAULT_UPPER_CUTOFF_WIDTH])));
   var calculatedControlsVisibleOnLoad = controlsVisibleOnLoad && playerType === 'vulcan-v2';
   var defaultControlBarDistance = (0,_utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_9__/* .getDefaultControlBarDistance */ .Ru)({
@@ -14976,7 +15067,7 @@ var PreloadThumbnail = function PreloadThumbnail(_ref) {
     floatingControlBar: floatingControlBar,
     roundedPlayer: roundedPlayer
   });
-  var calculatedControlBarDistance = calculatedControlsVisibleOnLoad ? (_utilities_constants_ts__WEBPACK_IMPORTED_MODULE_3__/* .CONTROL_BAR_HEIGHT */ .E / 2 + defaultControlBarDistance) * scale : defaultControlBarDistance * scale;
+  var calculatedControlBarDistance = calculatedControlsVisibleOnLoad ? (_utilities_constants_ts__WEBPACK_IMPORTED_MODULE_3__/* .CONTROL_BAR_HEIGHT */ .EA / 2 + defaultControlBarDistance) * scale : defaultControlBarDistance * scale;
   var calculatedBigPlayButtonBorderRadius = (0,_utilities_roundedPlayerDefaults_ts__WEBPACK_IMPORTED_MODULE_9__/* .getDefaultBigPlayButtonBorderRadius */ .gl)({
     bigPlayButtonBorderRadius: bigPlayButtonBorderRadius,
     roundedPlayer: roundedPlayer
@@ -15331,7 +15422,7 @@ function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.h
 var requiredAttributes = ['media-id'];
 
 // Optional attributes surfaced in documentation to our customers.
-var optionalPublicAttributes = ['aspect', 'audio-description-control', 'autoplay', 'big-play-button', 'branding', 'contrast-icons', 'controls-visible-on-load', 'copy-link-and-thumbnail', 'current-time', 'do-not-track', 'email', 'end-video-behavior', 'fit-strategy', 'fullscreen-control', 'language', 'muted', 'opaque-controls', 'playback-rate-control', 'play-bar-control', 'player-color', 'playlist-links', 'playlist-loop', 'play-pause-control', 'play-pause-notifier', 'popover-animate-thumbnail', 'popover-animation', 'popover-border-color', 'popover-border-radius', 'popover-border-width', 'popover-box-shadow', 'popover-caption', 'popover-caption-container', 'popover-content', 'popover-disable-autoplay', 'popover-overlay-color', 'popover-overlay-opacity', 'popover-prevent-scroll', 'popover-show-on-load', 'poster', 'preload', 'quality-control', 'quality-max', 'quality-min', 'resumable', 'rounded-player', 'seo', 'settings-control', 'silent-autoplay', 'transparent-letterbox', 'video-quality', 'volume', 'volume-control', 'wistia-popover'];
+var optionalPublicAttributes = ['aspect', 'audio-description-control', 'autoplay', 'big-play-button', 'branding', 'contrast-icons', 'controls-visible-on-load', 'copy-link-and-thumbnail', 'current-time', 'do-not-track', 'email', 'end-video-behavior', 'fit-strategy', 'fullscreen-control', 'language', 'muted', 'opaque-controls', 'playback-rate-control', 'play-bar-control', 'player-color', 'playlist-links', 'playlist-loop', 'play-pause-control', 'play-pause-notifier', 'popover-animate-thumbnail', 'popover-animation', 'popover-border-color', 'popover-border-radius', 'popover-border-width', 'popover-box-shadow', 'popover-caption', 'popover-caption-container', 'popover-content', 'popover-disable-autoplay', 'popover-overlay-color', 'popover-overlay-opacity', 'popover-prevent-scroll', 'popover-show-on-load', 'poster', 'preload', 'quality-control', 'quality-max', 'quality-min', 'resumable', 'rounded-player', 'rounded-playlist', 'seo', 'settings-control', 'silent-autoplay', 'transparent-letterbox', 'video-quality', 'volume', 'volume-control', 'wistia-popover'];
 
 // Optional attributes used by Wistia developers.
 var optionalPrivateAttributes = ['big-play-button-border-radius', 'control-bar-border-radius', 'embed-host', 'hls', 'page-url', 'player-border-radius', 'player-force', 'stats-url', 'swatch', 'unique-id', 'use-web-component'];
@@ -15561,7 +15652,7 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
     key: "aspect",
     get: function get() {
       var _ref, _ref2, _classPrivateFieldGet2, _classPrivateFieldGet3;
-      var fallbackAspect = !Number.isNaN(this.offsetWidth / this.offsetHeight) && Number.isFinite(this.offsetWidth / this.offsetHeight) ? this.offsetWidth / this.offsetHeight : _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_6__/* .DEFAULT_ASPECT */ .R;
+      var fallbackAspect = !Number.isNaN(this.offsetWidth / this.offsetHeight) && Number.isFinite(this.offsetWidth / this.offsetHeight) ? this.offsetWidth / this.offsetHeight : _utilities_constants_ts__WEBPACK_IMPORTED_MODULE_6__/* .DEFAULT_ASPECT */ .R7;
       return (_ref = (_ref2 = (_classPrivateFieldGet2 = (_classPrivateFieldGet3 = _classPrivateFieldGet(_impl, this)) === null || _classPrivateFieldGet3 === void 0 ? void 0 : _classPrivateFieldGet3.aspect()) !== null && _classPrivateFieldGet2 !== void 0 ? _classPrivateFieldGet2 : this.embedOptions.aspect) !== null && _ref2 !== void 0 ? _ref2 : _assertClassBrand(_WistiaPlayer_brand, this, _getValueFromAttribute).call(this, 'aspect')) !== null && _ref !== void 0 ? _ref : fallbackAspect;
     }
 
@@ -18784,7 +18875,7 @@ function _renderEmbedTemplate() {
     playerBorderRadius: this.playerBorderRadius,
     roundedPlayer: this.roundedPlayer
   });
-  (0,preact__WEBPACK_IMPORTED_MODULE_0__.render)((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(preact__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("style", null, ":host {\n              display: flex;\n              position: relative;\n              width: 100%;\n              ".concat(mediaType === 'Audio' ? "min-height: 45px;" : '', "\n            }")), _assertClassBrand(_WistiaPlayer_brand, this, _shouldDisplaySwatch).call(this) && (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+  (0,preact__WEBPACK_IMPORTED_MODULE_0__.render)((0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(preact__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("style", null, ":host {\n              display: flex;\n              position: relative;\n              width: 100%;\n              ".concat(mediaType === 'Audio' ? "height: ".concat(_utilities_constants_ts__WEBPACK_IMPORTED_MODULE_6__/* .AUDIO_DEFAULT_HEIGHT */ .Lc, "px; min-height: 45px;") : '', "\n            }")), _assertClassBrand(_WistiaPlayer_brand, this, _shouldDisplaySwatch).call(this) && (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
     style: {
       height: swatchHeight,
       left: 0,