@wistia/wistia-player 0.0.54 → 0.0.56

package/dist/wistia-player.js

@@ -8020,6 +8020,7 @@ var Color = /*#__PURE__*/function () {
   }, {
     key: "lightness",
     value: function lightness(l) {
+      this._hslFromRgb();
       if (l != null) {
         this._l = Math.max(0, Math.min(100, l));
         this._rgbFromHsl();
@@ -9950,7 +9951,7 @@ 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.0.54" || 0;
+var TAGGED_VERSION = "0.0.56" || 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;
@@ -14016,6 +14017,7 @@ var _preloadThumbnailRoot = /*#__PURE__*/new WeakMap();
 var _publicApiScript = /*#__PURE__*/new WeakMap();
 var _resizeObserver = /*#__PURE__*/new WeakMap();
 var _WistiaPlayer_brand = /*#__PURE__*/new WeakSet();
+var _handlePreloadThumbnailClick = /*#__PURE__*/new WeakMap();
 var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
   /**
    * Represents one embedded Wistia media player.
@@ -14054,6 +14056,10 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
     _classPrivateFieldInitSpec(_this2, _preloadThumbnailRoot, null);
     _classPrivateFieldInitSpec(_this2, _publicApiScript, (0,_utilities_runScript_js__WEBPACK_IMPORTED_MODULE_13__/* .runScript */ .j)("".concat((0,_utilities_url_js__WEBPACK_IMPORTED_MODULE_16__/* .proto */ .ff)(), "//").concat((0,_appHostname_js__WEBPACK_IMPORTED_MODULE_24__/* .appHostname */ .N)('fast'), "/assets/external/publicApi.js")));
     _classPrivateFieldInitSpec(_this2, _resizeObserver, null);
+    _classPrivateFieldInitSpec(_this2, _handlePreloadThumbnailClick, function () {
+      _classPrivateFieldSet(_playPending, _this2, true);
+      _assertClassBrand(_WistiaPlayer_brand, _this2, _renderPreloadThumbnail).call(_this2);
+    });
     if ('attachInternals' in HTMLElement.prototype && 'states' in ElementInternals.prototype) {
       _classPrivateFieldSet(_internals, _this2, _this2.attachInternals());
       _classPrivateFieldGet(_internals, _this2).states.add('--initializing');
@@ -15782,8 +15788,7 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
               return _context4.abrupt("return", addPlugin());
             case 3:
               return _context4.abrupt("return", new Promise(function (resolve, reject) {
-                var _handler = function handler() {
-                  _this4.removeEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_26__/* .API_READY_EVENT */ .c5, _handler);
+                _this4.whenApiReady().then(function () {
                   addPlugin().then(function (plugin) {
                     return resolve(plugin);
                   }).catch(function (err) {
@@ -15793,8 +15798,9 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
                       reject(new Error('Promise rejected with non-Error value'));
                     }
                   });
-                };
-                _this4.addEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_26__/* .API_READY_EVENT */ .c5, _handler);
+                })
+                // eslint-disable-next-line @typescript-eslint/no-empty-function
+                .catch(function (_error) {});
               }));
             case 4:
             case "end":
@@ -16099,15 +16105,15 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
                 if (!_classPrivateFieldGet(_api, _this6)) {
                   reject(new Error('api not ready to replace'));
                 }
-                var _handler2 = function handler() {
-                  _this6.removeEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_26__/* .AFTER_REPLACE_EVENT */ .$1, _handler2);
+                var _handler = function handler() {
+                  _this6.removeEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_26__/* .AFTER_REPLACE_EVENT */ .$1, _handler);
                   _this6.mediaId = mediaId;
                   _this6.uniqueId = _assertClassBrand(_WistiaPlayer_brand, _this6, _generateUniqueId).call(_this6, mediaId);
                   _assertClassBrand(_WistiaPlayer_brand, _this6, _maybeInjectJsonLd).call(_this6);
                   (0,_utilities_embedOptionStore_ts__WEBPACK_IMPORTED_MODULE_8__/* .setEmbedOptionStore */ .gY)("__".concat(_this6.uniqueId, "_dom_options__"), _classPrivateFieldGet(_playerData, _this6).embedOptions);
                   resolve();
                 };
-                _this6.addEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_26__/* .AFTER_REPLACE_EVENT */ .$1, _handler2);
+                _this6.addEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_26__/* .AFTER_REPLACE_EVENT */ .$1, _handler);
                 (0,_utilities_injectJsonLd_js__WEBPACK_IMPORTED_MODULE_21__/* .removeInjectedJsonLd */ .Z)(_classPrivateFieldGet(_jsonLdId, _this6));
                 (_classPrivateFieldGet128 = _classPrivateFieldGet(_api, _this6)) === null || _classPrivateFieldGet128 === void 0 ? void 0 : _classPrivateFieldGet128.replaceWith(mediaId, options);
               }));
@@ -16242,6 +16248,37 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
         return _showPopover.apply(this, arguments);
       }
       return showPopover;
+    }())
+  }, {
+    key: "whenApiReady",
+    value: function () {
+      var _whenApiReady = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee19() {
+        var _this8 = this;
+        return _regeneratorRuntime().wrap(function _callee19$(_context19) {
+          while (1) switch (_context19.prev = _context19.next) {
+            case 0:
+              return _context19.abrupt("return", new Promise(function (resolve) {
+                if (_classPrivateFieldGet(_api, _this8)) {
+                  _classPrivateFieldGet(_api, _this8).ready(function () {
+                    resolve();
+                  });
+                }
+                var _handler2 = function handler() {
+                  _this8.removeEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_26__/* .API_READY_EVENT */ .c5, _handler2);
+                  resolve();
+                };
+                _this8.addEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_26__/* .API_READY_EVENT */ .c5, _handler2);
+              }));
+            case 1:
+            case "end":
+              return _context19.stop();
+          }
+        }, _callee19);
+      }));
+      function whenApiReady() {
+        return _whenApiReady.apply(this, arguments);
+      }
+      return whenApiReady;
     }() // --------------------------------------------------
     // Custom element lifecycle methods
     // --------------------------------------------------
@@ -16254,7 +16291,6 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
      * @param {string} newValue - The new value of the attribute, or null if it was removed.
      * @returns {void}
      */
-    )
   }, {
     key: "attributeChangedCallback",
     value: function attributeChangedCallback(name, oldValue, newValue) {
@@ -16293,7 +16329,7 @@ var WistiaPlayer = /*#__PURE__*/function (_HTMLElement) {
     key: "connectedCallback",
     value: function connectedCallback() {
       var _window$wistiaOptions,
-        _this8 = this,
+        _this9 = this,
         _this$embedHost;
       if (_classPrivateFieldGet(_hasElementConnectedToDOM, this)) {
         return;
@@ -16332,17 +16368,17 @@ 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);
       var resizeCallback = function resizeCallback() {
-        _assertClassBrand(_WistiaPlayer_brand, _this8, _renderPreloadThumbnail).call(_this8);
+        _assertClassBrand(_WistiaPlayer_brand, _this9, _renderPreloadThumbnail).call(_this9);
       };
       _classPrivateFieldSet(_resizeObserver, this, new ResizeObserver(resizeCallback));
       _classPrivateFieldGet(_resizeObserver, this).observe(this);
       (0,_utilities_getInitialMediaData_ts__WEBPACK_IMPORTED_MODULE_22__/* .getInitialMediaData */ .n)(mediaId, {
         embedHost: (_this$embedHost = this.embedHost) !== null && _this$embedHost !== void 0 ? _this$embedHost : ''
       }).then(function (mediaData) {
-        _classPrivateFieldGet(_playerData, _this8).setMediaDataSource(mediaData);
-        _assertClassBrand(_WistiaPlayer_brand, _this8, _initPlayerEmbed).call(_this8, {
-          container: _this8.uniqueId,
-          mediaData: _classPrivateFieldGet(_playerData, _this8).mediaData
+        _classPrivateFieldGet(_playerData, _this9).setMediaDataSource(mediaData);
+        _assertClassBrand(_WistiaPlayer_brand, _this9, _initPlayerEmbed).call(_this9, {
+          container: _this9.uniqueId,
+          mediaData: _classPrivateFieldGet(_playerData, _this9).mediaData
         });
       }).catch(function (error) {
         (0,_utilities_simpleMetrics_js__WEBPACK_IMPORTED_MODULE_14__/* .countMetric */ .WO)('player/failure/init-failed');
@@ -16495,17 +16531,17 @@ function _initPublicApi(_x17, _x18) {
   return _initPublicApi2.apply(this, arguments);
 }
 function _initPublicApi2() {
-  _initPublicApi2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee21(mediaId, options) {
-    var _this14 = this;
+  _initPublicApi2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee22(mediaId, options) {
+    var _this15 = this;
     var embeddedCallback;
-    return _regeneratorRuntime().wrap(function _callee21$(_context21) {
-      while (1) switch (_context21.prev = _context21.next) {
+    return _regeneratorRuntime().wrap(function _callee22$(_context22) {
+      while (1) switch (_context22.prev = _context22.next) {
         case 0:
-          _context21.next = 2;
+          _context22.next = 2;
           return _classPrivateFieldGet(_publicApiScript, this);
         case 2:
           if (_wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_1__/* .Wistia */ .s.PublicApi) {
-            _context21.next = 5;
+            _context22.next = 5;
             break;
           }
           (0,_utilities_simpleMetrics_js__WEBPACK_IMPORTED_MODULE_14__/* .countMetric */ .WO)('player/failure/init-failed');
@@ -16513,19 +16549,20 @@ function _initPublicApi2() {
         case 5:
           embeddedCallback = function embeddedCallback() {
             var _classPrivateFieldGet148, _classPrivateFieldGet149;
-            void _assertClassBrand(_WistiaPlayer_brand, _this14, _maybeInitializeMux).call(_this14);
-            _classPrivateFieldSet(_preloadAspectRatio, _this14, undefined);
-            _assertClassBrand(_WistiaPlayer_brand, _this14, _renderEmbedTemplate).call(_this14);
-            (_classPrivateFieldGet148 = _classPrivateFieldGet(_preloadThumbnailRoot, _this14)) === null || _classPrivateFieldGet148 === void 0 ? void 0 : _classPrivateFieldGet148.remove();
-            (_classPrivateFieldGet149 = _classPrivateFieldGet(_resizeObserver, _this14)) === null || _classPrivateFieldGet149 === void 0 ? void 0 : _classPrivateFieldGet149.disconnect();
-            _classPrivateFieldSet(_resizeObserver, _this14, null);
-            if (_classPrivateFieldGet(_playPending, _this14)) {
-              void _this14.play();
+            void _assertClassBrand(_WistiaPlayer_brand, _this15, _maybeInitializeMux).call(_this15);
+            _classPrivateFieldSet(_preloadAspectRatio, _this15, undefined);
+            _assertClassBrand(_WistiaPlayer_brand, _this15, _renderEmbedTemplate).call(_this15);
+            (_classPrivateFieldGet148 = _classPrivateFieldGet(_preloadThumbnailRoot, _this15)) === null || _classPrivateFieldGet148 === void 0 ? void 0 : _classPrivateFieldGet148.remove();
+            _this15.removeEventListener('click', _classPrivateFieldGet(_handlePreloadThumbnailClick, _this15));
+            (_classPrivateFieldGet149 = _classPrivateFieldGet(_resizeObserver, _this15)) === null || _classPrivateFieldGet149 === void 0 ? void 0 : _classPrivateFieldGet149.disconnect();
+            _classPrivateFieldSet(_resizeObserver, _this15, null);
+            if (_classPrivateFieldGet(_playPending, _this15)) {
+              void _this15.play();
             }
           };
           this.addEventListener('embedded', embeddedCallback);
           _classPrivateFieldGet(_removeEventListeners, this).push(function () {
-            _this14.removeEventListener('embedded', embeddedCallback);
+            _this15.removeEventListener('embedded', embeddedCallback);
           });
 
           // Initialize!
@@ -16533,38 +16570,38 @@ function _initPublicApi2() {
           _classPrivateFieldGet(_api, this).ready(function () {
             var _classPrivateFieldGet150;
             // event for public consumption, exposed on our event types
-            _this14.dispatchEvent(new CustomEvent(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_26__/* .API_READY_EVENT */ .c5, {
+            _this15.dispatchEvent(new CustomEvent(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_26__/* .API_READY_EVENT */ .c5, {
               detail: {
                 mediaId: mediaId
               }
             }));
 
             // event for internal consumption, not exposed on our event types
-            _this14.dispatchEvent(new CustomEvent(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_26__/* .INTERNAL_API_ON_FIND_EVENT */ .iP, {
+            _this15.dispatchEvent(new CustomEvent(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_26__/* .INTERNAL_API_ON_FIND_EVENT */ .iP, {
               detail: {
                 mediaId: mediaId,
-                api: _classPrivateFieldGet(_api, _this14)
+                api: _classPrivateFieldGet(_api, _this15)
               }
             }));
 
             // Sync embed options from the public api back to the embed config
-            if ((_classPrivateFieldGet150 = _classPrivateFieldGet(_api, _this14)) !== null && _classPrivateFieldGet150 !== void 0 && _classPrivateFieldGet150._impl) {
-              Object.entries(_classPrivateFieldGet(_api, _this14)._impl._attrs).forEach(function (_ref25) {
+            if ((_classPrivateFieldGet150 = _classPrivateFieldGet(_api, _this15)) !== null && _classPrivateFieldGet150 !== void 0 && _classPrivateFieldGet150._impl) {
+              Object.entries(_classPrivateFieldGet(_api, _this15)._impl._attrs).forEach(function (_ref25) {
                 var _ref26 = _slicedToArray(_ref25, 2),
                   key = _ref26[0],
                   value = _ref26[1];
-                _classPrivateFieldGet(_playerData, _this14).updateEmbedOptionOverrides(_defineProperty({}, key, value));
+                _classPrivateFieldGet(_playerData, _this15).updateEmbedOptionOverrides(_defineProperty({}, key, value));
               });
             }
 
             // Updates our PlayerDataProvider and re-renders the thumbnail with the new embed options
-            _assertClassBrand(_WistiaPlayer_brand, _this14, _renderPreloadThumbnail).call(_this14);
+            _assertClassBrand(_WistiaPlayer_brand, _this15, _renderPreloadThumbnail).call(_this15);
           });
         case 10:
         case "end":
-          return _context21.stop();
+          return _context22.stop();
       }
-    }, _callee21, this);
+    }, _callee22, this);
   }));
   return _initPublicApi2.apply(this, arguments);
 }
@@ -16584,29 +16621,29 @@ function _maybeInitializeMux() {
   return _maybeInitializeMux2.apply(this, arguments);
 }
 function _maybeInitializeMux2() {
-  _maybeInitializeMux2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee22() {
-    var _this15 = this;
+  _maybeInitializeMux2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee23() {
+    var _this16 = this;
     var shouldRandomEnableMux, shouldEnableMuxForPlayer, embedType, mux;
-    return _regeneratorRuntime().wrap(function _callee22$(_context22) {
-      while (1) switch (_context22.prev = _context22.next) {
+    return _regeneratorRuntime().wrap(function _callee23$(_context23) {
+      while (1) switch (_context23.prev = _context23.next) {
         case 0:
           if (_classPrivateFieldGet(_api, this)) {
-            _context22.next = 2;
+            _context23.next = 2;
             break;
           }
-          return _context22.abrupt("return");
+          return _context23.abrupt("return");
         case 2:
           shouldRandomEnableMux = (0,_utilities_coinFlip_ts__WEBPACK_IMPORTED_MODULE_30__/* .didWinCoinFlip */ .k)(_utilities_shouldEnableMux_ts__WEBPACK_IMPORTED_MODULE_31__/* .MUX_PERCENTAGE_TO_ENABLE */ ._);
           shouldEnableMuxForPlayer = (0,_utilities_shouldEnableMux_ts__WEBPACK_IMPORTED_MODULE_31__/* .shouldEnableMux */ .J)(_classPrivateFieldGet(_api, this), shouldRandomEnableMux) && (0,_utilities_trackingConsentApi_js__WEBPACK_IMPORTED_MODULE_15__/* .isVisitorTrackingEnabled */ .D5)();
           embedType = this.useWebComponent ? 'translated-web-component' : 'web-component';
           if (!shouldEnableMuxForPlayer) {
-            _context22.next = 11;
+            _context23.next = 11;
             break;
           }
-          _context22.next = 8;
+          _context23.next = 8;
           return (0,_utilities_dynamicImport_ts__WEBPACK_IMPORTED_MODULE_7__/* .dynamicImport */ .$)('assets/external/wistia-mux.js');
         case 8:
-          mux = _context22.sent;
+          mux = _context23.sent;
           mux.init(_classPrivateFieldGet(_api, this), {
             embedType: embedType
           });
@@ -16614,14 +16651,14 @@ function _maybeInitializeMux2() {
             var isTrackingEnabled = event.detail.isTrackingEnabled;
             if (!isTrackingEnabled) {
               var _classPrivateFieldGet152, _classPrivateFieldGet153;
-              (_classPrivateFieldGet152 = _classPrivateFieldGet(_api, _this15)) === null || _classPrivateFieldGet152 === void 0 ? void 0 : (_classPrivateFieldGet153 = _classPrivateFieldGet152.mux) === null || _classPrivateFieldGet153 === void 0 ? void 0 : _classPrivateFieldGet153.destroy();
+              (_classPrivateFieldGet152 = _classPrivateFieldGet(_api, _this16)) === null || _classPrivateFieldGet152 === void 0 ? void 0 : (_classPrivateFieldGet153 = _classPrivateFieldGet152.mux) === null || _classPrivateFieldGet153 === void 0 ? void 0 : _classPrivateFieldGet153.destroy();
             }
           });
         case 11:
         case "end":
-          return _context22.stop();
+          return _context23.stop();
       }
-    }, _callee22, this);
+    }, _callee23, this);
   }));
   return _maybeInitializeMux2.apply(this, arguments);
 }
@@ -16655,7 +16692,7 @@ function _maybeSetupEmbedOptionsFromIframe() {
  */
 function _renderEmbedTemplate() {
   var _this$embedHost2,
-    _this9 = this;
+    _this10 = this;
   if (!_classPrivateFieldGet(_preactRoot, this)) {
     return;
   }
@@ -16705,7 +16742,7 @@ function _renderEmbedTemplate() {
     "aria-hidden": "true"
   })))), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
     ref: function ref(_ref20) {
-      _classPrivateFieldSet(_preloadThumbnailRoot, _this9, _ref20);
+      _classPrivateFieldSet(_preloadThumbnailRoot, _this10, _ref20);
     }
   })), _classPrivateFieldGet(_preactRoot, this));
 }
@@ -16748,35 +16785,35 @@ function _renderPreloadThumbnail() {
  * @private
  */
 function _runMethodsFromAttributes() {
-  var _this10 = this;
+  var _this11 = 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() {
+    this.whenApiReady().then(function () {
       var _ref21, _classPrivateFieldGet141, _classPrivateFieldGet142, _classPrivateFieldGet143;
-      var newTime = Number(_assertClassBrand(_WistiaPlayer_brand, _this10, _getValueFromAttribute).call(_this10, 'current-time'));
-      var isClosedPopover = (_ref21 = ((_classPrivateFieldGet141 = _classPrivateFieldGet(_api, _this10)) === null || _classPrivateFieldGet141 === void 0 ? void 0 : _classPrivateFieldGet141.popover) && !_classPrivateFieldGet(_api, _this10).popover.isVisible()) !== null && _ref21 !== void 0 ? _ref21 : false;
+      var newTime = Number(_assertClassBrand(_WistiaPlayer_brand, _this11, _getValueFromAttribute).call(_this11, 'current-time'));
+      var isClosedPopover = (_ref21 = ((_classPrivateFieldGet141 = _classPrivateFieldGet(_api, _this11)) === null || _classPrivateFieldGet141 === void 0 ? void 0 : _classPrivateFieldGet141.popover) && !_classPrivateFieldGet(_api, _this11).popover.isVisible()) !== null && _ref21 !== void 0 ? _ref21 : false;
       var isMobile = (0,_utilities_detect_js__WEBPACK_IMPORTED_MODULE_6__/* .detectIsMobile */ .GS)();
-      var shouldDelayUntilPlay = _this10.state !== 'playing' && (isMobile || isClosedPopover);
-      void ((_classPrivateFieldGet142 = _classPrivateFieldGet(_api, _this10)) === null || _classPrivateFieldGet142 === void 0 ? void 0 : (_classPrivateFieldGet143 = _classPrivateFieldGet142._impl) === null || _classPrivateFieldGet143 === void 0 ? void 0 : _classPrivateFieldGet143.time(newTime, {
+      var shouldDelayUntilPlay = _this11.state !== 'playing' && (isMobile || isClosedPopover);
+      void ((_classPrivateFieldGet142 = _classPrivateFieldGet(_api, _this11)) === null || _classPrivateFieldGet142 === void 0 ? void 0 : (_classPrivateFieldGet143 = _classPrivateFieldGet142._impl) === null || _classPrivateFieldGet143 === void 0 ? void 0 : _classPrivateFieldGet143.time(newTime, {
         lazy: shouldDelayUntilPlay
       }));
-      _assertClassBrand(_WistiaPlayer_brand, _this10, _setSyncedEmbedOption).call(_this10, 'currentTime', newTime);
-      _this10.removeEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_26__/* .API_READY_EVENT */ .c5, _setInitialCurrentTime);
-    };
-    this.addEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_26__/* .API_READY_EVENT */ .c5, _setInitialCurrentTime);
+      _assertClassBrand(_WistiaPlayer_brand, _this11, _setSyncedEmbedOption).call(_this11, 'currentTime', newTime);
+    })
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    .catch(function (_error) {});
   }
   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() {
+    this.whenApiReady().then(function () {
       var _classPrivateFieldGet144, _classPrivateFieldGet145;
-      var newQuality = _assertClassBrand(_WistiaPlayer_brand, _this10, _getValueFromAttribute).call(_this10, 'video-quality');
-      (_classPrivateFieldGet144 = _classPrivateFieldGet(_api, _this10)) === null || _classPrivateFieldGet144 === void 0 ? void 0 : (_classPrivateFieldGet145 = _classPrivateFieldGet144._impl) === null || _classPrivateFieldGet145 === void 0 ? void 0 : _classPrivateFieldGet145.setVideoQuality(newQuality);
-      _assertClassBrand(_WistiaPlayer_brand, _this10, _setSyncedEmbedOption).call(_this10, 'videoQuality', newQuality);
-      _this10.removeEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_26__/* .API_READY_EVENT */ .c5, _setVideoQualityFromAttribute);
-    };
-    this.addEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_26__/* .API_READY_EVENT */ .c5, _setVideoQualityFromAttribute);
+      var newQuality = _assertClassBrand(_WistiaPlayer_brand, _this11, _getValueFromAttribute).call(_this11, 'video-quality');
+      (_classPrivateFieldGet144 = _classPrivateFieldGet(_api, _this11)) === null || _classPrivateFieldGet144 === void 0 ? void 0 : (_classPrivateFieldGet145 = _classPrivateFieldGet144._impl) === null || _classPrivateFieldGet145 === void 0 ? void 0 : _classPrivateFieldGet145.setVideoQuality(newQuality);
+      _assertClassBrand(_WistiaPlayer_brand, _this11, _setSyncedEmbedOption).call(_this11, 'videoQuality', newQuality);
+    })
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    .catch(function (_error) {});
   }
 }
 /**
@@ -16785,11 +16822,11 @@ function _runMethodsFromAttributes() {
  * @private
  */
 function _saveInitialAttributesFromDomOptions() {
-  var _this11 = this;
+  var _this12 = this;
   var domOptions = Object.fromEntries(Object.entries(this.attributes).map(function (_ref22) {
     var _ref23 = _slicedToArray(_ref22, 2),
       value = _ref23[1];
-    return [(0,_utilities_camelCaseToKebabCase_ts__WEBPACK_IMPORTED_MODULE_27__/* .kebabCaseToCamelCase */ .b)(value.name), _assertClassBrand(_WistiaPlayer_brand, _this11, _getValueFromAttribute).call(_this11, value.name)];
+    return [(0,_utilities_camelCaseToKebabCase_ts__WEBPACK_IMPORTED_MODULE_27__/* .kebabCaseToCamelCase */ .b)(value.name), _assertClassBrand(_WistiaPlayer_brand, _this12, _getValueFromAttribute).call(_this12, value.name)];
   }));
   _classPrivateFieldGet(_playerData, this).setDomEmbedOptionSource(domOptions);
 
@@ -16821,20 +16858,17 @@ function _setSyncedEmbedOption(key, value) {
   _assertClassBrand(_WistiaPlayer_brand, this, _renderPreloadThumbnail).call(this);
 }
 function _setupEventListeners() {
-  var _this12 = this;
+  var _this13 = this;
   var loadedMediaDataCallback = function loadedMediaDataCallback(event) {
     var _ref24 = event.detail,
       mediaData = _ref24.mediaData;
-    _assertClassBrand(_WistiaPlayer_brand, _this12, _updateMediaData).call(_this12, mediaData);
+    _assertClassBrand(_WistiaPlayer_brand, _this13, _updateMediaData).call(_this13, mediaData);
   };
   this.addEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_26__/* .LOADED_MEDIADATA_EVENT */ .Wg, loadedMediaDataCallback);
   _classPrivateFieldGet(_removeEventListeners, this).push(function () {
-    _this12.removeEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_26__/* .LOADED_MEDIADATA_EVENT */ .Wg, loadedMediaDataCallback);
+    _this13.removeEventListener(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_26__/* .LOADED_MEDIADATA_EVENT */ .Wg, loadedMediaDataCallback);
   });
-  this.addEventListener('click', function () {
-    _classPrivateFieldSet(_playPending, _this12, true);
-    _assertClassBrand(_WistiaPlayer_brand, _this12, _renderPreloadThumbnail).call(_this12);
-  }, {
+  this.addEventListener('click', _classPrivateFieldGet(_handlePreloadThumbnailClick, this), {
     once: true
   });
 }
@@ -16854,10 +16888,10 @@ function _shouldDisplaySwatch() {
  * @private
  */
 function _updateEmail(email) {
-  var _this13 = this;
+  var _this14 = this;
   (0,_utilities_wistiaLocalStorage_js__WEBPACK_IMPORTED_MODULE_17__/* .updateWistiaLocalStorage */ .$B)(function (localStorage) {
     // eslint-disable-next-line no-param-reassign
-    localStorage[_classPrivateGetter(_WistiaPlayer_brand, _this13, _get_pageUrl)] = _objectSpread(_objectSpread({}, localStorage[_classPrivateGetter(_WistiaPlayer_brand, _this13, _get_pageUrl)]), {}, {
+    localStorage[_classPrivateGetter(_WistiaPlayer_brand, _this14, _get_pageUrl)] = _objectSpread(_objectSpread({}, localStorage[_classPrivateGetter(_WistiaPlayer_brand, _this14, _get_pageUrl)]), {}, {
       trackEmail: email
     });
   });
@@ -16879,22 +16913,22 @@ function _updateMediaData(mediaData) {
   _assertClassBrand(_WistiaPlayer_brand, this, _renderPreloadThumbnail).call(this);
 }
 var getSwatchMetaData = /*#__PURE__*/function () {
-  var _ref15 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee19(url) {
+  var _ref15 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee20(url) {
     var swatch;
-    return _regeneratorRuntime().wrap(function _callee19$(_context19) {
-      while (1) switch (_context19.prev = _context19.next) {
+    return _regeneratorRuntime().wrap(function _callee20$(_context20) {
+      while (1) switch (_context20.prev = _context20.next) {
         case 0:
           swatch = new Image();
           swatch.src = url;
-          _context19.next = 4;
+          _context20.next = 4;
           return swatch.decode();
         case 4:
-          return _context19.abrupt("return", swatch);
+          return _context20.abrupt("return", swatch);
         case 5:
         case "end":
-          return _context19.stop();
+          return _context20.stop();
       }
-    }, _callee19);
+    }, _callee20);
   }));
   return function getSwatchMetaData(_x14) {
     return _ref15.apply(this, arguments);
@@ -16908,26 +16942,26 @@ var getSwatchMetaData = /*#__PURE__*/function () {
  * @returns {Promise<HTMLStyleElement>}
  */
 var wistiaSwatchElement = /*#__PURE__*/function () {
-  var _ref16 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee20(mediaId, embedHost) {
+  var _ref16 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee21(mediaId, embedHost) {
     var swatchUrl, swatchImg, naturalHeight, naturalWidth, ratio, style;
-    return _regeneratorRuntime().wrap(function _callee20$(_context20) {
-      while (1) switch (_context20.prev = _context20.next) {
+    return _regeneratorRuntime().wrap(function _callee21$(_context21) {
+      while (1) switch (_context21.prev = _context21.next) {
         case 0:
           swatchUrl = getSwatchUrl(mediaId, embedHost);
-          _context20.next = 3;
+          _context21.next = 3;
           return getSwatchMetaData(swatchUrl);
         case 3:
-          swatchImg = _context20.sent;
+          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 _context20.abrupt("return", style);
+          return _context21.abrupt("return", style);
         case 9:
         case "end":
-          return _context20.stop();
+          return _context21.stop();
       }
-    }, _callee20);
+    }, _callee21);
   }));
   return function wistiaSwatchElement(_x15, _x16) {
     return _ref16.apply(this, arguments);