@wistia/wistia-player-react 0.0.47 → 0.0.48

package/dist/cjs/WistiaPlayer.cjs

@@ -625,7 +625,8 @@ function _initPublicApi(_x17, _x18) {
 }
 function _initPublicApi2() {
   _initPublicApi2 = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee21(mediaId, options) {
-    var _this$api60, _this14 = this, _this$api61;
+    var _this14 = this, _this$api60;
+    var embeddedCallback;
     return _regeneratorRuntime().wrap(function _callee21$(_context21) {
       while (1) switch (_context21.prev = _context21.next) {
         case 0:
@@ -639,8 +640,7 @@ function _initPublicApi2() {
           (0, _utilities_simpleMetrics_js__WEBPACK_IMPORTED_MODULE_14__.WO)("player/failure/init-failed");
           throw new Error("Wistia.PublicApi is not defined");
         case 5:
-          _classPrivateFieldSet(_api, this, new _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_1__.s.PublicApi(mediaId, options));
-          (_this$api60 = this.api) === null || _this$api60 === void 0 ? void 0 : _this$api60.embedded(function() {
+          embeddedCallback = function embeddedCallback2() {
             var _classPrivateFieldGet13, _classPrivateFieldGet14;
             void _assertClassBrand(_WistiaPlayer_brand, _this14, _maybeInitializeMux).call(_this14);
             _classPrivateFieldSet(_preloadAspectRatio, _this14, void 0);
@@ -651,8 +651,13 @@ function _initPublicApi2() {
             if (_classPrivateFieldGet(_playPending, _this14)) {
               void _this14.play();
             }
+          };
+          this.addEventListener("embedded", embeddedCallback);
+          _classPrivateFieldGet(_removeEventListeners, this).push(function() {
+            _this14.removeEventListener("embedded", embeddedCallback);
           });
-          (_this$api61 = this.api) === null || _this$api61 === void 0 ? void 0 : _this$api61.ready(function() {
+          _classPrivateFieldSet(_api, this, new _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_1__.s.PublicApi(mediaId, options));
+          (_this$api60 = this.api) === null || _this$api60 === void 0 ? void 0 : _this$api60.ready(function() {
             var _this14$api;
             _this14.dispatchEvent(new CustomEvent(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_27__.c5, {
               detail: {
@@ -673,7 +678,7 @@ function _initPublicApi2() {
             }
             _assertClassBrand(_WistiaPlayer_brand, _this14, _renderPreloadThumbnail).call(_this14);
           });
-        case 8:
+        case 10:
         case "end":
           return _context21.stop();
       }
@@ -959,8 +964,8 @@ var init_wistia_player = __esm({
           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 isNonEmptyRecord2 = (x) => (0, exports.u4)(x) && Object.keys(x).length > 0;
+          exports.uu = isNonEmptyRecord2;
           const isArray2 = (x) => (0, exports.n9)(x) && typeof x === "object" && x instanceof Array;
           exports.cy = isArray2;
           const isNotArray = (x) => !(0, exports.cy)(x);
@@ -1004,10 +1009,10 @@ var init_wistia_player = __esm({
           var _svgs_OldBigPlayButtonSVG_tsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__3(1549);
           var _svgs_BigPlayButtonSVG_tsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__3(7880);
           var _shared_translations_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__3(4730);
-          var _utilities_color_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__3(5417);
-          var _utilities_core_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__3(1627);
-          var _utilities_detect_js__WEBPACK_IMPORTED_MODULE_6__2 = __webpack_require__3(7231);
-          var _utilities_duration_ts__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__3(1341);
+          var _utilities_color_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__3(5417);
+          var _utilities_core_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__3(1627);
+          var _utilities_detect_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__3(7231);
+          var _utilities_duration_ts__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__3(1341);
           var _utilities_interFontFamily_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__3(8213);
           function _slicedToArray2(r, e) {
             return _arrayWithHoles2(r) || _iterableToArrayLimit2(r, e) || _unsupportedIterableToArray2(r, e) || _nonIterableRest2();
@@ -1051,7 +1056,7 @@ var init_wistia_player = __esm({
           function _arrayWithHoles2(r) {
             if (Array.isArray(r)) return r;
           }
-          var detect = (0, _utilities_detect_js__WEBPACK_IMPORTED_MODULE_6__2.o1)();
+          var detect = (0, _utilities_detect_js__WEBPACK_IMPORTED_MODULE_7__.o1)();
           var BASE_BUTTON_WIDTH = 125;
           var BASE_BUTTON_HEIGHT = 80;
           var BASE_FONT_SIZE = 18;
@@ -1066,7 +1071,7 @@ var init_wistia_player = __esm({
             var translate = function translate2(key) {
               return (0, _shared_translations_js__WEBPACK_IMPORTED_MODULE_4__.sC)(playerLanguage.code, "PLAY_BUTTON_".concat(key));
             };
-            var unescapedVideoName = (0, _utilities_core_js__WEBPACK_IMPORTED_MODULE_5__.Uh)(videoName);
+            var unescapedVideoName = (0, _utilities_core_js__WEBPACK_IMPORTED_MODULE_6__.Uh)(videoName);
             var ariaLabel = "".concat(translate("TITLE_WHEN_NOT_PLAYING"), ": ").concat(unescapedVideoName);
             var wrapperStyle = {
               borderRadius: "".concat(borderRadius, "px"),
@@ -1087,7 +1092,7 @@ var init_wistia_player = __esm({
               width: "".concat(scaledWidth, "px")
             };
             var shouldMixBlendMode = !detect.edge && !noMixBlendMode;
-            var blendColor = new _utilities_color_js__WEBPACK_IMPORTED_MODULE_8__.Q(color !== null && color !== void 0 ? color : "#000").alpha(1);
+            var blendColor = new _utilities_color_js__WEBPACK_IMPORTED_MODULE_5__.Q(color !== null && color !== void 0 ? color : "#000").alpha(1);
             var blendStyle = {
               background: blendColor.toRgba(),
               display: shouldMixBlendMode ? "block" : "none",
@@ -1098,7 +1103,7 @@ var init_wistia_player = __esm({
               top: 0,
               width: "".concat(scaledWidth, "px")
             };
-            var overlayColor = new _utilities_color_js__WEBPACK_IMPORTED_MODULE_8__.Q(color !== null && color !== void 0 ? color : "#000");
+            var overlayColor = new _utilities_color_js__WEBPACK_IMPORTED_MODULE_5__.Q(color !== null && color !== void 0 ? color : "#000");
             var overlayAlphaValue = shouldMixBlendMode ? ALPHA_MIX_BLEND_MODE : ALPHA_NO_MIX_BLEND_MODE;
             overlayColor.alpha(overlayAlphaValue);
             if (isFocused) {
@@ -1161,7 +1166,7 @@ var init_wistia_player = __esm({
             })), shouldDisplayDuration ? (0, preact__WEBPACK_IMPORTED_MODULE_0__2.h)("div", {
               class: "w-bpb-time",
               style: timeStyle
-            }, (0, _utilities_duration_ts__WEBPACK_IMPORTED_MODULE_7__.G5)(duration)) : null);
+            }, (0, _utilities_duration_ts__WEBPACK_IMPORTED_MODULE_8__.G5)(duration)) : null);
           };
         }
       ),
@@ -2753,6 +2758,147 @@ var init_wistia_player = __esm({
         }
       ),
       /***/
+      998: (
+        /***/
+        (__unused_webpack_module, __webpack_exports__3, __webpack_require__3) => {
+          __webpack_require__3.d(__webpack_exports__3, {
+            /* harmony export */
+            K6: () => (
+              /* binding */
+              rgbToHsl
+            ),
+            /* harmony export */
+            bJ: () => (
+              /* binding */
+              getContrast
+            ),
+            /* harmony export */
+            s1: () => (
+              /* binding */
+              colorContrastRatiosByShape
+            )
+            /* harmony export */
+          });
+          var _wistia_type_guards__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__3(4586);
+          var _color_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__3(5417);
+          var _sentryUtils_ts__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__3(2621);
+          var colorContrastRatiosByShape = {
+            nonText: 3,
+            // 3:1 - https://www.w3.org/TR/WCAG21/#non-text-contrast
+            largeText: 3,
+            // 3:1 - https://www.w3.org/TR/WCAG21/#contrast-minimum
+            paragraphText: 4.5,
+            // 4.5:1 -  https://www.w3.org/TR/WCAG21/#contrast-minimum
+            smallText: 5.5
+            // We're making this up, but it should be more than the paragraph text
+          };
+          var rgbToHsl = function rgbToHsl2(color) {
+            var colorArray = color;
+            if (color instanceof _color_js__WEBPACK_IMPORTED_MODULE_0__.Q) {
+              if ((0, _wistia_type_guards__WEBPACK_IMPORTED_MODULE_2__.gD)(color.r) || (0, _wistia_type_guards__WEBPACK_IMPORTED_MODULE_2__.gD)(color.g) || (0, _wistia_type_guards__WEBPACK_IMPORTED_MODULE_2__.gD)(color.b)) {
+                throw new Error("Color does not contain required RGB values");
+              }
+              colorArray = [color.r, color.g, color.b];
+            } else if (typeof color === "string") {
+              var colorInstance = new _color_js__WEBPACK_IMPORTED_MODULE_0__.Q(color);
+              if ((0, _wistia_type_guards__WEBPACK_IMPORTED_MODULE_2__.gD)(colorInstance.r) || (0, _wistia_type_guards__WEBPACK_IMPORTED_MODULE_2__.gD)(colorInstance.g) || (0, _wistia_type_guards__WEBPACK_IMPORTED_MODULE_2__.gD)(colorInstance.b)) {
+                throw new Error("Color does not contain required RGB values");
+              }
+              colorArray = [colorInstance.r, colorInstance.g, colorInstance.b];
+            }
+            var red = colorArray[0] / 255;
+            var green = colorArray[1] / 255;
+            var blue = colorArray[2] / 255;
+            var max = Math.max(red, green, blue);
+            var min = Math.min(red, green, blue);
+            var hue = 0;
+            var saturation = 0;
+            var lightness = (max + min) / 2;
+            if (max === min) {
+              hue = 0;
+              saturation = 0;
+            }
+            var delta = max - min;
+            if (delta === 0) {
+              return {
+                hue,
+                saturation,
+                lightness: red * 100
+              };
+            }
+            if (lightness > 0.5) {
+              saturation = delta / (2 - max - min);
+            } else {
+              saturation = delta / (max + min);
+            }
+            if (max === red) {
+              hue = (green - blue) / delta + (green < blue ? 6 : 0);
+            } else if (max === green) {
+              hue = (blue - red) / delta + 2;
+            } else {
+              hue = (red - green) / delta + 4;
+            }
+            hue /= 6;
+            return {
+              hue: hue * 360,
+              saturation: saturation * 100,
+              lightness: lightness * 100
+            };
+          };
+          var getContrast = function getContrast2(foreground, background) {
+            var foregroundColor = new _color_js__WEBPACK_IMPORTED_MODULE_0__.Q(foreground);
+            var backgroundColor = new _color_js__WEBPACK_IMPORTED_MODULE_0__.Q(background);
+            var l1 = foregroundColor.getRelativeLuminance();
+            var l2 = backgroundColor.getRelativeLuminance();
+            return l1 > l2 ? (l1 + 0.05) / (l2 + 0.05) : (l2 + 0.05) / (l1 + 0.05);
+          };
+          var adjustColorForProperContrast = function adjustColorForProperContrast2(foreground, background) {
+            var shape = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "paragraphText";
+            var foregroundColor = new Color(foreground);
+            var backgroundColor = new Color(background);
+            if (isNil(foregroundColor.r) || isNil(foregroundColor.g) || isNil(foregroundColor.b)) {
+              throw new Error("Color does not contain required RGB values");
+            }
+            var initialContrastRatio = getContrast(foregroundColor.toHexWithHash(), backgroundColor.toHexWithHash());
+            if (foregroundColor.hasAccessibleContrast(backgroundColor, shape)) {
+              return foregroundColor.toHexWithHash();
+            }
+            var _rgbToHsl = rgbToHsl([foregroundColor.r, foregroundColor.g, foregroundColor.b]), foregroundColorLightness = _rgbToHsl.lightness;
+            var shouldForegroundColorBeLighter = foregroundColorLightness < 0.1 || foregroundColor.getContrastRatio(backgroundColor) > initialContrastRatio;
+            if (foregroundColorLightness > 0.8 && initialContrastRatio === 1) {
+              shouldForegroundColorBeLighter = false;
+            }
+            var adjustedForegroundColor = new Color(foregroundColor);
+            var i2 = 0;
+            while (!adjustedForegroundColor.hasAccessibleContrast(backgroundColor, shape)) {
+              i2 += 1;
+              if (i2 > 1e3) {
+                reportError("other", new Error("Exceeded ".concat(i2, " attempts to find contrasting color")), {
+                  key: "adjust-color-for-proper-contrast",
+                  foregroundColor: foregroundColor.toHexWithHash(),
+                  backgroundColor: backgroundColor.toHexWithHash()
+                });
+                return "#".concat(adjustedForegroundColor.toHex());
+              }
+              var adjustedForegroundColorLuminance = adjustedForegroundColor.getRelativeLuminance();
+              if (i2 > 1 && (adjustedForegroundColorLuminance === 1 || adjustedForegroundColorLuminance === 0)) {
+                if (colorContrastRatiosByShape[shape] > 3) {
+                  return getContrast("#fff", backgroundColor.toHexWithHash()) > getContrast("#000", backgroundColor.toHexWithHash()) ? "#fff" : "#000";
+                }
+                shouldForegroundColorBeLighter = !shouldForegroundColorBeLighter;
+                adjustedForegroundColor = foregroundColor;
+              }
+              if (shouldForegroundColorBeLighter) {
+                adjustedForegroundColor.lighten(1);
+              } else {
+                adjustedForegroundColor.darken(1);
+              }
+            }
+            return adjustedForegroundColor.toHexWithHash();
+          };
+        }
+      ),
+      /***/
       1341: (
         /***/
         (__unused_webpack_module, __webpack_exports__3, __webpack_require__3) => {
@@ -4165,6 +4311,78 @@ var init_wistia_player = __esm({
         }
       ),
       /***/
+      2621: (
+        /***/
+        (__unused_webpack_module, __webpack_exports__3, __webpack_require__3) => {
+          var utilities_trackingConsentApi_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__3(4755);
+          var PLAYER_SAMPLE_RATE = 1e-4;
+          var NON_PLAYER_EMBED_SAMPLE_RATE = 0.25;
+          var IS_DEV_OR_TEST_ENV = (
+            /* unused pure expression or super */
+            null
+          );
+          var configureSentry = function configureSentry2() {
+            if (window.Sentry && typeof window.Sentry.init === "function") {
+              window.Sentry.init({
+                allowUrls: [/^https:\/\/fast.wistia.(?:com|net|io|st)\/.*$/],
+                // Only allow exceptions that are captured from scripts that are served by Wistia
+                dsn: "https://a3591ba5e949a37083cc6f5a4191e903@o4505518331658240.ingest.us.sentry.io/4505794284290048",
+                initialScope: {
+                  tags: {
+                    pillar: "publish"
+                  }
+                },
+                defaultIntegrations: false
+                // We want different sample rates for errors from the player versus errors from forms, channels, and transcripts.
+                // So we don't configure sampleRate here and instead have custom sampling logic in the reportError function.
+              });
+            }
+          };
+          var initializeSentry = function initializeSentry2() {
+            if (!window.Sentry) {
+              var sentryLoader = document.createElement("script");
+              sentryLoader.onload = function() {
+                return configureSentry();
+              };
+              sentryLoader.src = "https://js.sentry-cdn.com/a3591ba5e949a37083cc6f5a4191e903.min.js";
+              sentryLoader.crossOrigin = "anonymous";
+              document.head.appendChild(sentryLoader);
+            }
+          };
+          var reportError2 = function reportError3(product, error, details) {
+            try {
+              var _window$Sentry;
+              if (typeof ((_window$Sentry = window.Sentry) === null || _window$Sentry === void 0 ? void 0 : _window$Sentry.withScope) === "function") {
+                var sampleRate = product === "player" ? PLAYER_SAMPLE_RATE : NON_PLAYER_EMBED_SAMPLE_RATE;
+                var shouldSendToSentry = IS_DEV_OR_TEST_ENV;
+                var cryptoObj = isNil(window.crypto) ? window.msCrypto : window.crypto;
+                if (cryptoObj !== void 0) {
+                  var cryptoRandom = cryptoObj.getRandomValues(new Uint32Array(1));
+                  shouldSendToSentry = cryptoRandom[0] / (4294967295 + 1) < sampleRate;
+                } else {
+                  var mathRandom = Math.random();
+                  shouldSendToSentry = mathRandom < sampleRate;
+                }
+                if (!shouldSendToSentry) {
+                  console.error(error);
+                } else if (isVisitorTrackingEnabled()) {
+                  window.Sentry.withScope(function(scope) {
+                    var _window$Sentry2;
+                    scope.setTag("product", product);
+                    if (isNonEmptyRecord(details)) {
+                      scope.setTags(details);
+                    }
+                    (_window$Sentry2 = window.Sentry) === null || _window$Sentry2 === void 0 ? void 0 : _window$Sentry2.captureException(error);
+                  });
+                }
+              }
+            } catch (err) {
+              console.error(err);
+            }
+          };
+        }
+      ),
+      /***/
       7211: (
         /***/
         (__unused_webpack_module, __webpack_exports__3, __webpack_require__3) => {
@@ -7291,10 +7509,11 @@ var init_wistia_player = __esm({
             /* harmony export */
             Q: () => (
               /* binding */
-              Color
+              Color2
             )
             /* harmony export */
           });
+          var _color_utils_ts__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__3(998);
           function _classCallCheck2(a, n) {
             if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
           }
@@ -7349,10 +7568,10 @@ var init_wistia_player = __esm({
             }
             return a;
           };
-          var Color = /* @__PURE__ */ function() {
-            function Color2(input) {
-              _classCallCheck2(this, Color2);
-              if (input instanceof Color2) {
+          var Color2 = /* @__PURE__ */ function() {
+            function Color3(input) {
+              _classCallCheck2(this, Color3);
+              if (input instanceof Color3) {
                 this.r = input.r;
                 this.g = input.g;
                 this.b = input.b;
@@ -7364,11 +7583,17 @@ var init_wistia_player = __esm({
                 this.a = 1;
               }
             }
-            return _createClass2(Color2, [{
+            return _createClass2(Color3, [{
               key: "parse",
               value: function parse2(input) {
-                input = String(input);
-                if (rHex.test(input)) {
+                if (Array.isArray(input)) {
+                  var _input$;
+                  this.r = input[0];
+                  this.g = input[1];
+                  this.b = input[2];
+                  this.a = (_input$ = input[3]) !== null && _input$ !== void 0 ? _input$ : 1;
+                } else if (rHex.test(input)) {
+                  input = String(input);
                   var stripped = input.replace(/^#/, "");
                   if (stripped.length === 3 || stripped.length === 4) {
                     stripped = stripped.replace(hexBit, "$1$1");
@@ -7382,6 +7607,7 @@ var init_wistia_player = __esm({
                     this.a = 1;
                   }
                 } else if (rRgb.test(input)) {
+                  input = String(input);
                   var parts = input.match(rRgb);
                   this.r = parseFloat(p2v(parts[1]));
                   this.g = parseFloat(p2v(parts[2]));
@@ -7397,46 +7623,16 @@ var init_wistia_player = __esm({
             }, {
               key: "clone",
               value: function clone2() {
-                return new Color2(this);
+                return new Color3(this);
               }
               // Compute internal HSL values based on internal RGB values.
             }, {
               key: "_hslFromRgb",
               value: function _hslFromRgb() {
-                var r = this.r / 255;
-                var g = this.g / 255;
-                var b = this.b / 255;
-                var max = Math.max(r, g, b);
-                var min = Math.min(r, g, b);
-                var l = (max + min) / 2;
-                if (max === min) {
-                  this._h = this._s = 0;
-                }
-                var d = max - min;
-                var s;
-                if (d === 0) {
-                  this._h = 0;
-                  this._s = 0;
-                  this._l = r * 100;
-                  return this;
-                }
-                if (l > 0.5) {
-                  s = d / (2 - max - min);
-                } else {
-                  s = d / (max + min);
-                }
-                var h;
-                if (max === r) {
-                  h = (g - b) / d + (g < b ? 6 : 0);
-                } else if (max === g) {
-                  h = (b - r) / d + 2;
-                } else {
-                  h = (r - g) / d + 4;
-                }
-                h /= 6;
-                this._h = h * 360;
-                this._s = s * 100;
-                this._l = l * 100;
+                var _rgbToHsl = (0, _color_utils_ts__WEBPACK_IMPORTED_MODULE_0__.K6)([this.r, this.g, this.b]), hue = _rgbToHsl.hue, saturation = _rgbToHsl.saturation, lightness = _rgbToHsl.lightness;
+                this._h = hue;
+                this._s = saturation;
+                this._l = lightness;
                 return this;
               }
               // Compute internal RGB values based on internal HSL values.
@@ -7457,7 +7653,11 @@ var init_wistia_player = __esm({
               // the strength of the blend.
             }, {
               key: "blendChannel",
-              value: function blendChannel(channel, value, alpha) {
+              value: function blendChannel(channel, value, alpha, shouldUseLrgb) {
+                if (shouldUseLrgb) {
+                  this[channel] = Math.sqrt(Math.pow(this[channel], 2) * (1 - alpha) + Math.pow(value, 2) * alpha);
+                  return this;
+                }
                 this[channel] = alpha * value + (1 - alpha) * this[channel];
                 return this;
               }
@@ -7465,13 +7665,32 @@ var init_wistia_player = __esm({
               // channel individually.
             }, {
               key: "blend",
-              value: function blend(color, alpha) {
-                color = new Color2(color);
-                this.blendChannel("r", color.r, alpha);
-                this.blendChannel("g", color.g, alpha);
-                this.blendChannel("b", color.b, alpha);
+              value: function blend(color, alpha, shouldUseLrgb) {
+                color = new Color3(color);
+                this.blendChannel("r", color.r, alpha, shouldUseLrgb);
+                this.blendChannel("g", color.g, alpha, shouldUseLrgb);
+                this.blendChannel("b", color.b, alpha, shouldUseLrgb);
                 return this;
               }
+              // background color can be a string or a Color
+            }, {
+              key: "getContrastRatio",
+              value: function getContrastRatio(backgroundColor) {
+                return (0, _color_utils_ts__WEBPACK_IMPORTED_MODULE_0__.bJ)(this.toHexWithHash(), new Color3(backgroundColor).toHexWithHash());
+              }
+              // background color can be a string or a Color
+              // shape will be a key of colorContrastRatiosByShape
+            }, {
+              key: "hasAccessibleContrast",
+              value: function hasAccessibleContrast(backgroundColor, shape) {
+                return this.getContrastRatio(backgroundColor) >= _color_utils_ts__WEBPACK_IMPORTED_MODULE_0__.s1[shape];
+              }
+            }, {
+              key: "hue",
+              value: function hue() {
+                this._hslFromRgb();
+                return this._h;
+              }
               // Increase a channel by a fixed value, but within the [0,255] range.
             }, {
               key: "lightenChannel",
@@ -7517,7 +7736,6 @@ var init_wistia_player = __esm({
             }, {
               key: "lightness",
               value: function lightness(l) {
-                this._hslFromRgb();
                 if (l != null) {
                   this._l = Math.max(0, Math.min(100, l));
                   this._rgbFromHsl();
@@ -7540,6 +7758,21 @@ var init_wistia_player = __esm({
                 }
                 return this._s;
               }
+            }, {
+              key: "setHue",
+              value: function setHue(hueValue) {
+                this._hslFromRgb();
+                if (hueValue != null) {
+                  this._h = Math.max(0, Math.min(360, hueValue));
+                  this._rgbFromHsl();
+                  return this;
+                }
+              }
+            }, {
+              key: "shade",
+              value: function shade(percentage, shouldUseLrgb) {
+                return this.blend("#000000", percentage, shouldUseLrgb);
+              }
               // Gray level accounts for the strength of each individual channel.
               // This is more visually accurate than just averaging all the channels.
             }, {
@@ -7547,6 +7780,11 @@ var init_wistia_player = __esm({
               value: function grayLevel() {
                 return (0.299 * this.r + 0.587 * this.g + 0.114 * this.b) / 255;
               }
+            }, {
+              key: "tint",
+              value: function tint(percentage, shouldUseLrgb) {
+                return this.blend("#ffffff", percentage, shouldUseLrgb);
+              }
               // The white level is basically paleness, and is determined by the
               // minimum of all the RGB channels.
             }, {
@@ -7554,9 +7792,35 @@ var init_wistia_player = __esm({
               value: function whiteLevel() {
                 return Math.min(Math.min(this.r, this.g), this.b);
               }
+            }, {
+              key: "getRelativeLuminance",
+              value: function getRelativeLuminance() {
+                var adjustChannel = function adjustChannel2(givenVal) {
+                  var val = givenVal * 3921569e-9;
+                  if (val <= 0.03928) {
+                    return val / 12.92;
+                  }
+                  return Math.pow((val + 0.055) / 1.055, 2.4);
+                };
+                var rAdjusted = adjustChannel(this.r);
+                var gAdjusted = adjustChannel(this.g);
+                var bAdjusted = adjustChannel(this.b);
+                return 0.2126 * rAdjusted + 0.7152 * gAdjusted + 0.0722 * bAdjusted;
+              }
+            }, {
+              key: "isDark",
+              value: function isDark(shouldUseRL) {
+                if (shouldUseRL) {
+                  return this.getRelativeLuminance() < 0.15;
+                }
+                return this.grayLevel() <= 0.4;
+              }
             }, {
               key: "isLight",
-              value: function isLight() {
+              value: function isLight(shouldUseRL) {
+                if (shouldUseRL) {
+                  return this.getRelativeLuminance() >= 0.8;
+                }
                 return this.grayLevel() > 0.4;
               }
             }, {
@@ -7639,6 +7903,11 @@ var init_wistia_player = __esm({
                 }
                 return "".concat(a).concat(this.toHex());
               }
+            }, {
+              key: "toHexWithHash",
+              value: function toHexWithHash() {
+                return "#".concat(this.toHex());
+              }
             }, {
               key: "toRgb",
               value: function toRgb() {
@@ -9351,7 +9620,7 @@ var init_wistia_player = __esm({
           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.47";
+          var TAGGED_VERSION = "0.0.48";
           var DEFAULT_PROTOCOL = function() {
             if (typeof window !== "undefined" && utilities_root_js__WEBPACK_IMPORTED_MODULE_0__.z === window && utilities_root_js__WEBPACK_IMPORTED_MODULE_0__.z.location) {
               return utilities_root_js__WEBPACK_IMPORTED_MODULE_0__.z.location.protocol;
@@ -11930,7 +12199,7 @@ var init_wistia_player = __esm({
             /* harmony export */
             D5: () => (
               /* binding */
-              isVisitorTrackingEnabled
+              isVisitorTrackingEnabled2
             )
             /* harmony export */
           });
@@ -11987,7 +12256,7 @@ var init_wistia_player = __esm({
           }
           var consent = function consent2(val) {
             if (val == null) {
-              return isVisitorTrackingEnabled();
+              return isVisitorTrackingEnabled2();
             }
             return setVisitorTrackingEnabled(val);
           };
@@ -12028,7 +12297,7 @@ var init_wistia_player = __esm({
               }
             }
           };
-          var isVisitorTrackingEnabled = function isVisitorTrackingEnabled2() {
+          var isVisitorTrackingEnabled2 = function isVisitorTrackingEnabled3() {
             if (typeof _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_3__.s._visitorTracking === "boolean") {
               return _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_3__.s._visitorTracking;
             }

package/dist/mjs/WistiaPlayer.mjs

@@ -7,7 +7,7 @@ import {
 import { forwardRef, Suspense, lazy } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var WistiaPlayerWrapper = lazy(
-  async () => import("./WistiaPlayerWrapper-YKWOW7BD.mjs").then((module) => ({
+  async () => import("./WistiaPlayerWrapper-FEQ3PAYL.mjs").then((module) => ({
     default: module.WistiaPlayerWrapper
   }))
 );

package/dist/mjs/{WistiaPlayerWrapper-YKWOW7BD.mjs → WistiaPlayerWrapper-FEQ3PAYL.mjs}

@@ -22,7 +22,7 @@ var WistiaPlayerWrapper = forwardRef(
           setSwatchAspectRatio(ratio);
         });
       }
-      void import("./wistia-player-I3TIECGL.mjs");
+      void import("./wistia-player-PYTKSONQ.mjs");
       void customElements.whenDefined("wistia-player").then(() => {
         setIsWistiaPlayerDefined(true);
       });

package/dist/mjs/{wistia-player-I3TIECGL.mjs → wistia-player-PYTKSONQ.mjs}

@@ -39,8 +39,8 @@ var __webpack_modules__ = {
       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 isNonEmptyRecord2 = (x) => (0, exports.u4)(x) && Object.keys(x).length > 0;
+      exports.uu = isNonEmptyRecord2;
       const isArray2 = (x) => (0, exports.n9)(x) && typeof x === "object" && x instanceof Array;
       exports.cy = isArray2;
       const isNotArray = (x) => !(0, exports.cy)(x);
@@ -84,10 +84,10 @@ var __webpack_modules__ = {
       var _svgs_OldBigPlayButtonSVG_tsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__3(1549);
       var _svgs_BigPlayButtonSVG_tsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__3(7880);
       var _shared_translations_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__3(4730);
-      var _utilities_color_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__3(5417);
-      var _utilities_core_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__3(1627);
-      var _utilities_detect_js__WEBPACK_IMPORTED_MODULE_6__2 = __webpack_require__3(7231);
-      var _utilities_duration_ts__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__3(1341);
+      var _utilities_color_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__3(5417);
+      var _utilities_core_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__3(1627);
+      var _utilities_detect_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__3(7231);
+      var _utilities_duration_ts__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__3(1341);
       var _utilities_interFontFamily_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__3(8213);
       function _slicedToArray2(r, e) {
         return _arrayWithHoles2(r) || _iterableToArrayLimit2(r, e) || _unsupportedIterableToArray2(r, e) || _nonIterableRest2();
@@ -131,7 +131,7 @@ var __webpack_modules__ = {
       function _arrayWithHoles2(r) {
         if (Array.isArray(r)) return r;
       }
-      var detect = (0, _utilities_detect_js__WEBPACK_IMPORTED_MODULE_6__2.o1)();
+      var detect = (0, _utilities_detect_js__WEBPACK_IMPORTED_MODULE_7__.o1)();
       var BASE_BUTTON_WIDTH = 125;
       var BASE_BUTTON_HEIGHT = 80;
       var BASE_FONT_SIZE = 18;
@@ -146,7 +146,7 @@ var __webpack_modules__ = {
         var translate = function translate2(key) {
           return (0, _shared_translations_js__WEBPACK_IMPORTED_MODULE_4__.sC)(playerLanguage.code, "PLAY_BUTTON_".concat(key));
         };
-        var unescapedVideoName = (0, _utilities_core_js__WEBPACK_IMPORTED_MODULE_5__.Uh)(videoName);
+        var unescapedVideoName = (0, _utilities_core_js__WEBPACK_IMPORTED_MODULE_6__.Uh)(videoName);
         var ariaLabel = "".concat(translate("TITLE_WHEN_NOT_PLAYING"), ": ").concat(unescapedVideoName);
         var wrapperStyle = {
           borderRadius: "".concat(borderRadius, "px"),
@@ -167,7 +167,7 @@ var __webpack_modules__ = {
           width: "".concat(scaledWidth, "px")
         };
         var shouldMixBlendMode = !detect.edge && !noMixBlendMode;
-        var blendColor = new _utilities_color_js__WEBPACK_IMPORTED_MODULE_8__.Q(color !== null && color !== void 0 ? color : "#000").alpha(1);
+        var blendColor = new _utilities_color_js__WEBPACK_IMPORTED_MODULE_5__.Q(color !== null && color !== void 0 ? color : "#000").alpha(1);
         var blendStyle = {
           background: blendColor.toRgba(),
           display: shouldMixBlendMode ? "block" : "none",
@@ -178,7 +178,7 @@ var __webpack_modules__ = {
           top: 0,
           width: "".concat(scaledWidth, "px")
         };
-        var overlayColor = new _utilities_color_js__WEBPACK_IMPORTED_MODULE_8__.Q(color !== null && color !== void 0 ? color : "#000");
+        var overlayColor = new _utilities_color_js__WEBPACK_IMPORTED_MODULE_5__.Q(color !== null && color !== void 0 ? color : "#000");
         var overlayAlphaValue = shouldMixBlendMode ? ALPHA_MIX_BLEND_MODE : ALPHA_NO_MIX_BLEND_MODE;
         overlayColor.alpha(overlayAlphaValue);
         if (isFocused) {
@@ -241,7 +241,7 @@ var __webpack_modules__ = {
         })), shouldDisplayDuration ? (0, preact__WEBPACK_IMPORTED_MODULE_0__2.h)("div", {
           class: "w-bpb-time",
           style: timeStyle
-        }, (0, _utilities_duration_ts__WEBPACK_IMPORTED_MODULE_7__.G5)(duration)) : null);
+        }, (0, _utilities_duration_ts__WEBPACK_IMPORTED_MODULE_8__.G5)(duration)) : null);
       };
     }
   ),
@@ -1833,6 +1833,147 @@ var __webpack_modules__ = {
     }
   ),
   /***/
+  998: (
+    /***/
+    (__unused_webpack_module, __webpack_exports__3, __webpack_require__3) => {
+      __webpack_require__3.d(__webpack_exports__3, {
+        /* harmony export */
+        K6: () => (
+          /* binding */
+          rgbToHsl
+        ),
+        /* harmony export */
+        bJ: () => (
+          /* binding */
+          getContrast
+        ),
+        /* harmony export */
+        s1: () => (
+          /* binding */
+          colorContrastRatiosByShape
+        )
+        /* harmony export */
+      });
+      var _wistia_type_guards__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__3(4586);
+      var _color_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__3(5417);
+      var _sentryUtils_ts__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__3(2621);
+      var colorContrastRatiosByShape = {
+        nonText: 3,
+        // 3:1 - https://www.w3.org/TR/WCAG21/#non-text-contrast
+        largeText: 3,
+        // 3:1 - https://www.w3.org/TR/WCAG21/#contrast-minimum
+        paragraphText: 4.5,
+        // 4.5:1 -  https://www.w3.org/TR/WCAG21/#contrast-minimum
+        smallText: 5.5
+        // We're making this up, but it should be more than the paragraph text
+      };
+      var rgbToHsl = function rgbToHsl2(color) {
+        var colorArray = color;
+        if (color instanceof _color_js__WEBPACK_IMPORTED_MODULE_0__.Q) {
+          if ((0, _wistia_type_guards__WEBPACK_IMPORTED_MODULE_2__.gD)(color.r) || (0, _wistia_type_guards__WEBPACK_IMPORTED_MODULE_2__.gD)(color.g) || (0, _wistia_type_guards__WEBPACK_IMPORTED_MODULE_2__.gD)(color.b)) {
+            throw new Error("Color does not contain required RGB values");
+          }
+          colorArray = [color.r, color.g, color.b];
+        } else if (typeof color === "string") {
+          var colorInstance = new _color_js__WEBPACK_IMPORTED_MODULE_0__.Q(color);
+          if ((0, _wistia_type_guards__WEBPACK_IMPORTED_MODULE_2__.gD)(colorInstance.r) || (0, _wistia_type_guards__WEBPACK_IMPORTED_MODULE_2__.gD)(colorInstance.g) || (0, _wistia_type_guards__WEBPACK_IMPORTED_MODULE_2__.gD)(colorInstance.b)) {
+            throw new Error("Color does not contain required RGB values");
+          }
+          colorArray = [colorInstance.r, colorInstance.g, colorInstance.b];
+        }
+        var red = colorArray[0] / 255;
+        var green = colorArray[1] / 255;
+        var blue = colorArray[2] / 255;
+        var max = Math.max(red, green, blue);
+        var min = Math.min(red, green, blue);
+        var hue = 0;
+        var saturation = 0;
+        var lightness = (max + min) / 2;
+        if (max === min) {
+          hue = 0;
+          saturation = 0;
+        }
+        var delta = max - min;
+        if (delta === 0) {
+          return {
+            hue,
+            saturation,
+            lightness: red * 100
+          };
+        }
+        if (lightness > 0.5) {
+          saturation = delta / (2 - max - min);
+        } else {
+          saturation = delta / (max + min);
+        }
+        if (max === red) {
+          hue = (green - blue) / delta + (green < blue ? 6 : 0);
+        } else if (max === green) {
+          hue = (blue - red) / delta + 2;
+        } else {
+          hue = (red - green) / delta + 4;
+        }
+        hue /= 6;
+        return {
+          hue: hue * 360,
+          saturation: saturation * 100,
+          lightness: lightness * 100
+        };
+      };
+      var getContrast = function getContrast2(foreground, background) {
+        var foregroundColor = new _color_js__WEBPACK_IMPORTED_MODULE_0__.Q(foreground);
+        var backgroundColor = new _color_js__WEBPACK_IMPORTED_MODULE_0__.Q(background);
+        var l1 = foregroundColor.getRelativeLuminance();
+        var l2 = backgroundColor.getRelativeLuminance();
+        return l1 > l2 ? (l1 + 0.05) / (l2 + 0.05) : (l2 + 0.05) / (l1 + 0.05);
+      };
+      var adjustColorForProperContrast = function adjustColorForProperContrast2(foreground, background) {
+        var shape = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "paragraphText";
+        var foregroundColor = new Color(foreground);
+        var backgroundColor = new Color(background);
+        if (isNil(foregroundColor.r) || isNil(foregroundColor.g) || isNil(foregroundColor.b)) {
+          throw new Error("Color does not contain required RGB values");
+        }
+        var initialContrastRatio = getContrast(foregroundColor.toHexWithHash(), backgroundColor.toHexWithHash());
+        if (foregroundColor.hasAccessibleContrast(backgroundColor, shape)) {
+          return foregroundColor.toHexWithHash();
+        }
+        var _rgbToHsl = rgbToHsl([foregroundColor.r, foregroundColor.g, foregroundColor.b]), foregroundColorLightness = _rgbToHsl.lightness;
+        var shouldForegroundColorBeLighter = foregroundColorLightness < 0.1 || foregroundColor.getContrastRatio(backgroundColor) > initialContrastRatio;
+        if (foregroundColorLightness > 0.8 && initialContrastRatio === 1) {
+          shouldForegroundColorBeLighter = false;
+        }
+        var adjustedForegroundColor = new Color(foregroundColor);
+        var i2 = 0;
+        while (!adjustedForegroundColor.hasAccessibleContrast(backgroundColor, shape)) {
+          i2 += 1;
+          if (i2 > 1e3) {
+            reportError("other", new Error("Exceeded ".concat(i2, " attempts to find contrasting color")), {
+              key: "adjust-color-for-proper-contrast",
+              foregroundColor: foregroundColor.toHexWithHash(),
+              backgroundColor: backgroundColor.toHexWithHash()
+            });
+            return "#".concat(adjustedForegroundColor.toHex());
+          }
+          var adjustedForegroundColorLuminance = adjustedForegroundColor.getRelativeLuminance();
+          if (i2 > 1 && (adjustedForegroundColorLuminance === 1 || adjustedForegroundColorLuminance === 0)) {
+            if (colorContrastRatiosByShape[shape] > 3) {
+              return getContrast("#fff", backgroundColor.toHexWithHash()) > getContrast("#000", backgroundColor.toHexWithHash()) ? "#fff" : "#000";
+            }
+            shouldForegroundColorBeLighter = !shouldForegroundColorBeLighter;
+            adjustedForegroundColor = foregroundColor;
+          }
+          if (shouldForegroundColorBeLighter) {
+            adjustedForegroundColor.lighten(1);
+          } else {
+            adjustedForegroundColor.darken(1);
+          }
+        }
+        return adjustedForegroundColor.toHexWithHash();
+      };
+    }
+  ),
+  /***/
   1341: (
     /***/
     (__unused_webpack_module, __webpack_exports__3, __webpack_require__3) => {
@@ -3245,6 +3386,78 @@ var __webpack_modules__ = {
     }
   ),
   /***/
+  2621: (
+    /***/
+    (__unused_webpack_module, __webpack_exports__3, __webpack_require__3) => {
+      var utilities_trackingConsentApi_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__3(4755);
+      var PLAYER_SAMPLE_RATE = 1e-4;
+      var NON_PLAYER_EMBED_SAMPLE_RATE = 0.25;
+      var IS_DEV_OR_TEST_ENV = (
+        /* unused pure expression or super */
+        null
+      );
+      var configureSentry = function configureSentry2() {
+        if (window.Sentry && typeof window.Sentry.init === "function") {
+          window.Sentry.init({
+            allowUrls: [/^https:\/\/fast.wistia.(?:com|net|io|st)\/.*$/],
+            // Only allow exceptions that are captured from scripts that are served by Wistia
+            dsn: "https://a3591ba5e949a37083cc6f5a4191e903@o4505518331658240.ingest.us.sentry.io/4505794284290048",
+            initialScope: {
+              tags: {
+                pillar: "publish"
+              }
+            },
+            defaultIntegrations: false
+            // We want different sample rates for errors from the player versus errors from forms, channels, and transcripts.
+            // So we don't configure sampleRate here and instead have custom sampling logic in the reportError function.
+          });
+        }
+      };
+      var initializeSentry = function initializeSentry2() {
+        if (!window.Sentry) {
+          var sentryLoader = document.createElement("script");
+          sentryLoader.onload = function() {
+            return configureSentry();
+          };
+          sentryLoader.src = "https://js.sentry-cdn.com/a3591ba5e949a37083cc6f5a4191e903.min.js";
+          sentryLoader.crossOrigin = "anonymous";
+          document.head.appendChild(sentryLoader);
+        }
+      };
+      var reportError2 = function reportError3(product, error, details) {
+        try {
+          var _window$Sentry;
+          if (typeof ((_window$Sentry = window.Sentry) === null || _window$Sentry === void 0 ? void 0 : _window$Sentry.withScope) === "function") {
+            var sampleRate = product === "player" ? PLAYER_SAMPLE_RATE : NON_PLAYER_EMBED_SAMPLE_RATE;
+            var shouldSendToSentry = IS_DEV_OR_TEST_ENV;
+            var cryptoObj = isNil(window.crypto) ? window.msCrypto : window.crypto;
+            if (cryptoObj !== void 0) {
+              var cryptoRandom = cryptoObj.getRandomValues(new Uint32Array(1));
+              shouldSendToSentry = cryptoRandom[0] / (4294967295 + 1) < sampleRate;
+            } else {
+              var mathRandom = Math.random();
+              shouldSendToSentry = mathRandom < sampleRate;
+            }
+            if (!shouldSendToSentry) {
+              console.error(error);
+            } else if (isVisitorTrackingEnabled()) {
+              window.Sentry.withScope(function(scope) {
+                var _window$Sentry2;
+                scope.setTag("product", product);
+                if (isNonEmptyRecord(details)) {
+                  scope.setTags(details);
+                }
+                (_window$Sentry2 = window.Sentry) === null || _window$Sentry2 === void 0 ? void 0 : _window$Sentry2.captureException(error);
+              });
+            }
+          }
+        } catch (err) {
+          console.error(err);
+        }
+      };
+    }
+  ),
+  /***/
   7211: (
     /***/
     (__unused_webpack_module, __webpack_exports__3, __webpack_require__3) => {
@@ -6371,10 +6584,11 @@ var __webpack_modules__ = {
         /* harmony export */
         Q: () => (
           /* binding */
-          Color
+          Color2
         )
         /* harmony export */
       });
+      var _color_utils_ts__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__3(998);
       function _classCallCheck2(a, n) {
         if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
       }
@@ -6429,10 +6643,10 @@ var __webpack_modules__ = {
         }
         return a;
       };
-      var Color = /* @__PURE__ */ function() {
-        function Color2(input) {
-          _classCallCheck2(this, Color2);
-          if (input instanceof Color2) {
+      var Color2 = /* @__PURE__ */ function() {
+        function Color3(input) {
+          _classCallCheck2(this, Color3);
+          if (input instanceof Color3) {
             this.r = input.r;
             this.g = input.g;
             this.b = input.b;
@@ -6444,11 +6658,17 @@ var __webpack_modules__ = {
             this.a = 1;
           }
         }
-        return _createClass2(Color2, [{
+        return _createClass2(Color3, [{
           key: "parse",
           value: function parse2(input) {
-            input = String(input);
-            if (rHex.test(input)) {
+            if (Array.isArray(input)) {
+              var _input$;
+              this.r = input[0];
+              this.g = input[1];
+              this.b = input[2];
+              this.a = (_input$ = input[3]) !== null && _input$ !== void 0 ? _input$ : 1;
+            } else if (rHex.test(input)) {
+              input = String(input);
               var stripped = input.replace(/^#/, "");
               if (stripped.length === 3 || stripped.length === 4) {
                 stripped = stripped.replace(hexBit, "$1$1");
@@ -6462,6 +6682,7 @@ var __webpack_modules__ = {
                 this.a = 1;
               }
             } else if (rRgb.test(input)) {
+              input = String(input);
               var parts = input.match(rRgb);
               this.r = parseFloat(p2v(parts[1]));
               this.g = parseFloat(p2v(parts[2]));
@@ -6477,46 +6698,16 @@ var __webpack_modules__ = {
         }, {
           key: "clone",
           value: function clone2() {
-            return new Color2(this);
+            return new Color3(this);
           }
           // Compute internal HSL values based on internal RGB values.
         }, {
           key: "_hslFromRgb",
           value: function _hslFromRgb() {
-            var r = this.r / 255;
-            var g = this.g / 255;
-            var b = this.b / 255;
-            var max = Math.max(r, g, b);
-            var min = Math.min(r, g, b);
-            var l = (max + min) / 2;
-            if (max === min) {
-              this._h = this._s = 0;
-            }
-            var d = max - min;
-            var s;
-            if (d === 0) {
-              this._h = 0;
-              this._s = 0;
-              this._l = r * 100;
-              return this;
-            }
-            if (l > 0.5) {
-              s = d / (2 - max - min);
-            } else {
-              s = d / (max + min);
-            }
-            var h;
-            if (max === r) {
-              h = (g - b) / d + (g < b ? 6 : 0);
-            } else if (max === g) {
-              h = (b - r) / d + 2;
-            } else {
-              h = (r - g) / d + 4;
-            }
-            h /= 6;
-            this._h = h * 360;
-            this._s = s * 100;
-            this._l = l * 100;
+            var _rgbToHsl = (0, _color_utils_ts__WEBPACK_IMPORTED_MODULE_0__.K6)([this.r, this.g, this.b]), hue = _rgbToHsl.hue, saturation = _rgbToHsl.saturation, lightness = _rgbToHsl.lightness;
+            this._h = hue;
+            this._s = saturation;
+            this._l = lightness;
             return this;
           }
           // Compute internal RGB values based on internal HSL values.
@@ -6537,7 +6728,11 @@ var __webpack_modules__ = {
           // the strength of the blend.
         }, {
           key: "blendChannel",
-          value: function blendChannel(channel, value, alpha) {
+          value: function blendChannel(channel, value, alpha, shouldUseLrgb) {
+            if (shouldUseLrgb) {
+              this[channel] = Math.sqrt(Math.pow(this[channel], 2) * (1 - alpha) + Math.pow(value, 2) * alpha);
+              return this;
+            }
             this[channel] = alpha * value + (1 - alpha) * this[channel];
             return this;
           }
@@ -6545,13 +6740,32 @@ var __webpack_modules__ = {
           // channel individually.
         }, {
           key: "blend",
-          value: function blend(color, alpha) {
-            color = new Color2(color);
-            this.blendChannel("r", color.r, alpha);
-            this.blendChannel("g", color.g, alpha);
-            this.blendChannel("b", color.b, alpha);
+          value: function blend(color, alpha, shouldUseLrgb) {
+            color = new Color3(color);
+            this.blendChannel("r", color.r, alpha, shouldUseLrgb);
+            this.blendChannel("g", color.g, alpha, shouldUseLrgb);
+            this.blendChannel("b", color.b, alpha, shouldUseLrgb);
             return this;
           }
+          // background color can be a string or a Color
+        }, {
+          key: "getContrastRatio",
+          value: function getContrastRatio(backgroundColor) {
+            return (0, _color_utils_ts__WEBPACK_IMPORTED_MODULE_0__.bJ)(this.toHexWithHash(), new Color3(backgroundColor).toHexWithHash());
+          }
+          // background color can be a string or a Color
+          // shape will be a key of colorContrastRatiosByShape
+        }, {
+          key: "hasAccessibleContrast",
+          value: function hasAccessibleContrast(backgroundColor, shape) {
+            return this.getContrastRatio(backgroundColor) >= _color_utils_ts__WEBPACK_IMPORTED_MODULE_0__.s1[shape];
+          }
+        }, {
+          key: "hue",
+          value: function hue() {
+            this._hslFromRgb();
+            return this._h;
+          }
           // Increase a channel by a fixed value, but within the [0,255] range.
         }, {
           key: "lightenChannel",
@@ -6597,7 +6811,6 @@ var __webpack_modules__ = {
         }, {
           key: "lightness",
           value: function lightness(l) {
-            this._hslFromRgb();
             if (l != null) {
               this._l = Math.max(0, Math.min(100, l));
               this._rgbFromHsl();
@@ -6620,6 +6833,21 @@ var __webpack_modules__ = {
             }
             return this._s;
           }
+        }, {
+          key: "setHue",
+          value: function setHue(hueValue) {
+            this._hslFromRgb();
+            if (hueValue != null) {
+              this._h = Math.max(0, Math.min(360, hueValue));
+              this._rgbFromHsl();
+              return this;
+            }
+          }
+        }, {
+          key: "shade",
+          value: function shade(percentage, shouldUseLrgb) {
+            return this.blend("#000000", percentage, shouldUseLrgb);
+          }
           // Gray level accounts for the strength of each individual channel.
           // This is more visually accurate than just averaging all the channels.
         }, {
@@ -6627,6 +6855,11 @@ var __webpack_modules__ = {
           value: function grayLevel() {
             return (0.299 * this.r + 0.587 * this.g + 0.114 * this.b) / 255;
           }
+        }, {
+          key: "tint",
+          value: function tint(percentage, shouldUseLrgb) {
+            return this.blend("#ffffff", percentage, shouldUseLrgb);
+          }
           // The white level is basically paleness, and is determined by the
           // minimum of all the RGB channels.
         }, {
@@ -6634,9 +6867,35 @@ var __webpack_modules__ = {
           value: function whiteLevel() {
             return Math.min(Math.min(this.r, this.g), this.b);
           }
+        }, {
+          key: "getRelativeLuminance",
+          value: function getRelativeLuminance() {
+            var adjustChannel = function adjustChannel2(givenVal) {
+              var val = givenVal * 3921569e-9;
+              if (val <= 0.03928) {
+                return val / 12.92;
+              }
+              return Math.pow((val + 0.055) / 1.055, 2.4);
+            };
+            var rAdjusted = adjustChannel(this.r);
+            var gAdjusted = adjustChannel(this.g);
+            var bAdjusted = adjustChannel(this.b);
+            return 0.2126 * rAdjusted + 0.7152 * gAdjusted + 0.0722 * bAdjusted;
+          }
+        }, {
+          key: "isDark",
+          value: function isDark(shouldUseRL) {
+            if (shouldUseRL) {
+              return this.getRelativeLuminance() < 0.15;
+            }
+            return this.grayLevel() <= 0.4;
+          }
         }, {
           key: "isLight",
-          value: function isLight() {
+          value: function isLight(shouldUseRL) {
+            if (shouldUseRL) {
+              return this.getRelativeLuminance() >= 0.8;
+            }
             return this.grayLevel() > 0.4;
           }
         }, {
@@ -6719,6 +6978,11 @@ var __webpack_modules__ = {
             }
             return "".concat(a).concat(this.toHex());
           }
+        }, {
+          key: "toHexWithHash",
+          value: function toHexWithHash() {
+            return "#".concat(this.toHex());
+          }
         }, {
           key: "toRgb",
           value: function toRgb() {
@@ -8431,7 +8695,7 @@ var __webpack_modules__ = {
       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.47";
+      var TAGGED_VERSION = "0.0.48";
       var DEFAULT_PROTOCOL = function() {
         if (typeof window !== "undefined" && utilities_root_js__WEBPACK_IMPORTED_MODULE_0__.z === window && utilities_root_js__WEBPACK_IMPORTED_MODULE_0__.z.location) {
           return utilities_root_js__WEBPACK_IMPORTED_MODULE_0__.z.location.protocol;
@@ -11010,7 +11274,7 @@ var __webpack_modules__ = {
         /* harmony export */
         D5: () => (
           /* binding */
-          isVisitorTrackingEnabled
+          isVisitorTrackingEnabled2
         )
         /* harmony export */
       });
@@ -11067,7 +11331,7 @@ var __webpack_modules__ = {
       }
       var consent = function consent2(val) {
         if (val == null) {
-          return isVisitorTrackingEnabled();
+          return isVisitorTrackingEnabled2();
         }
         return setVisitorTrackingEnabled(val);
       };
@@ -11108,7 +11372,7 @@ var __webpack_modules__ = {
           }
         }
       };
-      var isVisitorTrackingEnabled = function isVisitorTrackingEnabled2() {
+      var isVisitorTrackingEnabled2 = function isVisitorTrackingEnabled3() {
         if (typeof _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_3__.s._visitorTracking === "boolean") {
           return _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_3__.s._visitorTracking;
         }
@@ -14366,7 +14630,8 @@ function _initPublicApi(_x17, _x18) {
 }
 function _initPublicApi2() {
   _initPublicApi2 = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee21(mediaId, options) {
-    var _this$api60, _this14 = this, _this$api61;
+    var _this14 = this, _this$api60;
+    var embeddedCallback;
     return _regeneratorRuntime().wrap(function _callee21$(_context21) {
       while (1) switch (_context21.prev = _context21.next) {
         case 0:
@@ -14380,8 +14645,7 @@ function _initPublicApi2() {
           (0, _utilities_simpleMetrics_js__WEBPACK_IMPORTED_MODULE_14__.WO)("player/failure/init-failed");
           throw new Error("Wistia.PublicApi is not defined");
         case 5:
-          _classPrivateFieldSet(_api, this, new _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_1__.s.PublicApi(mediaId, options));
-          (_this$api60 = this.api) === null || _this$api60 === void 0 ? void 0 : _this$api60.embedded(function() {
+          embeddedCallback = function embeddedCallback2() {
             var _classPrivateFieldGet13, _classPrivateFieldGet14;
             void _assertClassBrand(_WistiaPlayer_brand, _this14, _maybeInitializeMux).call(_this14);
             _classPrivateFieldSet(_preloadAspectRatio, _this14, void 0);
@@ -14392,8 +14656,13 @@ function _initPublicApi2() {
             if (_classPrivateFieldGet(_playPending, _this14)) {
               void _this14.play();
             }
+          };
+          this.addEventListener("embedded", embeddedCallback);
+          _classPrivateFieldGet(_removeEventListeners, this).push(function() {
+            _this14.removeEventListener("embedded", embeddedCallback);
           });
-          (_this$api61 = this.api) === null || _this$api61 === void 0 ? void 0 : _this$api61.ready(function() {
+          _classPrivateFieldSet(_api, this, new _wistia_namespace_ts__WEBPACK_IMPORTED_MODULE_1__.s.PublicApi(mediaId, options));
+          (_this$api60 = this.api) === null || _this$api60 === void 0 ? void 0 : _this$api60.ready(function() {
             var _this14$api;
             _this14.dispatchEvent(new CustomEvent(_utilities_eventConstants_ts__WEBPACK_IMPORTED_MODULE_27__.c5, {
               detail: {
@@ -14414,7 +14683,7 @@ function _initPublicApi2() {
             }
             _assertClassBrand(_WistiaPlayer_brand, _this14, _renderPreloadThumbnail).call(_this14);
           });
-        case 8:
+        case 10:
         case "end":
           return _context21.stop();
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wistia/wistia-player-react",
-  "version": "0.0.47",
+  "version": "0.0.48",
   "packageManager": "yarn@4.2.2",
   "description": "An embeddable wistia-player web component and React wrapper to add responsive, lightweight, and SEO-friendly videos to your site.",
   "keywords": [
@@ -45,7 +45,7 @@
     "start:dev:yalc": "run build:react:dev --watch --yalc"
   },
   "dependencies": {
-    "@wistia/wistia-player": "0.0.47"
+    "@wistia/wistia-player": "0.0.48"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",