@mux/mux-player 3.11.9-canary.2 → 3.12.0

package/dist/themes/classic/index.cjs.js

@@ -916,7 +916,7 @@ var isServer = typeof window === "undefined" || typeof globalThis.customElements
 var internalGlobalThis = isServer ? globalThisShim : globalThis;
 var internalDocument = isServer ? globalThisShim.document : globalThis.document;
 
-// node_modules/media-chrome/dist/constants.js
+// ../../node_modules/media-chrome/dist/constants.js
 var MediaUIEvents = {
   MEDIA_PLAY_REQUEST: "mediaplayrequest",
   MEDIA_PAUSE_REQUEST: "mediapauserequest",
@@ -1049,7 +1049,7 @@ var TextTrackKinds = {
   METADATA: "metadata"
 };
 
-// node_modules/media-chrome/dist/utils/server-safe-globals.js
+// ../../node_modules/media-chrome/dist/utils/server-safe-globals.js
 var EventTarget2 = class {
   addEventListener() {
   }
@@ -1155,7 +1155,7 @@ var isShimmed = Object.keys(globalThisShim2).every((key) => key in globalThis);
 var GlobalThis = isServer2 && !isShimmed ? globalThisShim2 : globalThis;
 var Document2 = isServer2 && !isShimmed ? documentShim : globalThis.document;
 
-// node_modules/media-chrome/dist/utils/template-parts.js
+// ../../node_modules/media-chrome/dist/utils/template-parts.js
 var __accessCheck2 = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
@@ -1486,7 +1486,7 @@ function swapdom(parent, a, b, end = null) {
   return b;
 }
 
-// node_modules/media-chrome/dist/utils/utils.js
+// ../../node_modules/media-chrome/dist/utils/utils.js
 function parseRenditionList(renditions) {
   return renditions == null ? void 0 : renditions.split(/\s+/).map(parseRendition);
 }
@@ -1519,7 +1519,7 @@ function isNumericString(str) {
   return !isNaN(str) && !isNaN(parseFloat(str));
 }
 
-// node_modules/media-chrome/dist/utils/template-processor.js
+// ../../node_modules/media-chrome/dist/utils/template-processor.js
 var pipeModifiers = {
   string: (value) => String(value)
 };
@@ -1746,7 +1746,7 @@ function tokenize2(str, parsers) {
   return tokens;
 }
 
-// node_modules/media-chrome/dist/media-theme-element.js
+// ../../node_modules/media-chrome/dist/media-theme-element.js
 var __accessCheck3 = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
@@ -2007,7 +2007,7 @@ if (!GlobalThis.customElements.get("media-theme")) {
   GlobalThis.customElements.define("media-theme", MediaThemeElement);
 }
 
-// node_modules/media-chrome/dist/utils/anchor-utils.js
+// ../../node_modules/media-chrome/dist/utils/anchor-utils.js
 function computePosition({
   anchor,
   floating,
@@ -2083,7 +2083,7 @@ function getSideAxis(placement) {
   return ["top", "bottom"].includes(getSide(placement)) ? "y" : "x";
 }
 
-// node_modules/media-chrome/dist/utils/resize-observer.js
+// ../../node_modules/media-chrome/dist/utils/resize-observer.js
 var callbacksMap = /* @__PURE__ */ new WeakMap();
 var getCallbacks = (element) => {
   let callbacks = callbacksMap.get(element);
@@ -2112,7 +2112,7 @@ function unobserveResize(element, callback) {
   }
 }
 
-// node_modules/media-chrome/dist/utils/events.js
+// ../../node_modules/media-chrome/dist/utils/events.js
 var InvokeEvent = class extends Event {
   /**
    * @param init - The event options.
@@ -2134,7 +2134,7 @@ var ToggleEvent = class extends Event {
   }
 };
 
-// node_modules/media-chrome/dist/utils/element-utils.js
+// ../../node_modules/media-chrome/dist/utils/element-utils.js
 function namedNodeMapToObject(namedNodeMap) {
   const obj = {};
   for (const attr of namedNodeMap) {
@@ -2301,7 +2301,7 @@ function setStringAttr(el, attrName, value) {
   el.setAttribute(attrName, nextValue);
 }
 
-// node_modules/media-chrome/dist/menu/media-chrome-menu.js
+// ../../node_modules/media-chrome/dist/menu/media-chrome-menu.js
 var __accessCheck4 = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
@@ -3146,7 +3146,7 @@ if (!GlobalThis.customElements.get("media-chrome-menu")) {
   GlobalThis.customElements.define("media-chrome-menu", MediaChromeMenu);
 }
 
-// node_modules/media-chrome/dist/menu/media-chrome-menu-item.js
+// ../../node_modules/media-chrome/dist/menu/media-chrome-menu-item.js
 var __accessCheck5 = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
@@ -3598,7 +3598,7 @@ if (!GlobalThis.customElements.get("media-chrome-menu-item")) {
   );
 }
 
-// node_modules/media-chrome/dist/menu/media-settings-menu.js
+// ../../node_modules/media-chrome/dist/menu/media-settings-menu.js
 function getTemplateHTML3(_attrs) {
   return (
     /*html*/
@@ -3658,7 +3658,7 @@ if (!GlobalThis.customElements.get("media-settings-menu")) {
   GlobalThis.customElements.define("media-settings-menu", MediaSettingsMenu);
 }
 
-// node_modules/media-chrome/dist/menu/media-settings-menu-item.js
+// ../../node_modules/media-chrome/dist/menu/media-settings-menu-item.js
 function getTemplateHTML4(_attrs) {
   return (
     /*html*/
@@ -3698,7 +3698,7 @@ if (!GlobalThis.customElements.get("media-settings-menu-item")) {
   );
 }
 
-// node_modules/media-chrome/dist/media-tooltip.js
+// ../../node_modules/media-chrome/dist/media-tooltip.js
 var Attributes3 = {
   PLACEMENT: "placement",
   BOUNDS: "bounds"
@@ -3900,7 +3900,7 @@ if (!GlobalThis.customElements.get("media-tooltip")) {
 }
 var media_tooltip_default = MediaTooltip;
 
-// node_modules/media-chrome/dist/media-chrome-button.js
+// ../../node_modules/media-chrome/dist/media-chrome-button.js
 var __accessCheck6 = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
@@ -4223,7 +4223,7 @@ if (!GlobalThis.customElements.get("media-chrome-button")) {
   GlobalThis.customElements.define("media-chrome-button", MediaChromeButton);
 }
 
-// node_modules/media-chrome/dist/menu/media-chrome-menu-button.js
+// ../../node_modules/media-chrome/dist/menu/media-chrome-menu-button.js
 var MediaChromeMenuButton = class extends MediaChromeButton {
   connectedCallback() {
     super.connectedCallback();
@@ -4264,7 +4264,7 @@ if (!GlobalThis.customElements.get("media-chrome-menu-button")) {
   );
 }
 
-// node_modules/media-chrome/dist/lang/en.js
+// ../../node_modules/media-chrome/dist/lang/en.js
 var En = {
   "Start airplay": "Start airplay",
   "Stop airplay": "Stop airplay",
@@ -4339,7 +4339,7 @@ var En = {
   "video not loaded, unknown time.": "video not loaded, unknown time."
 };
 
-// node_modules/media-chrome/dist/utils/i18n.js
+// ../../node_modules/media-chrome/dist/utils/i18n.js
 var _a;
 var translations = {
   en: En
@@ -4355,7 +4355,7 @@ var t = (key, vars = {}) => resolveTranslation(key).replace(
   (_, v) => v in vars ? String(vars[v]) : `{${v}}`
 );
 
-// node_modules/media-chrome/dist/menu/media-settings-menu-button.js
+// ../../node_modules/media-chrome/dist/menu/media-settings-menu-button.js
 function getSlotTemplateHTML2() {
   return (
     /*html*/
@@ -4403,7 +4403,7 @@ if (!GlobalThis.customElements.get("media-settings-menu-button")) {
   );
 }
 
-// node_modules/media-chrome/dist/menu/media-audio-track-menu.js
+// ../../node_modules/media-chrome/dist/menu/media-audio-track-menu.js
 var __accessCheck7 = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
@@ -4537,7 +4537,7 @@ if (!GlobalThis.customElements.get("media-audio-track-menu")) {
   );
 }
 
-// node_modules/media-chrome/dist/menu/media-audio-track-menu-button.js
+// ../../node_modules/media-chrome/dist/menu/media-audio-track-menu-button.js
 var audioTrackIcon = (
   /*html*/
   `<svg aria-hidden="true" viewBox="0 0 24 24">
@@ -4614,7 +4614,7 @@ if (!GlobalThis.customElements.get("media-audio-track-menu-button")) {
   );
 }
 
-// node_modules/media-chrome/dist/utils/captions.js
+// ../../node_modules/media-chrome/dist/utils/captions.js
 var splitTextTracksStr = (textTracksStr = "") => textTracksStr.split(/\s+/);
 var parseTextTrackStr = (textTrackStr = "") => {
   const [kind, language, encodedLabel] = textTrackStr.split(":");
@@ -4650,7 +4650,7 @@ var areSubsOn = (el) => {
   return showingSubtitles;
 };
 
-// node_modules/media-chrome/dist/menu/media-captions-menu.js
+// ../../node_modules/media-chrome/dist/menu/media-captions-menu.js
 var __accessCheck8 = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
@@ -4843,7 +4843,7 @@ if (!GlobalThis.customElements.get("media-captions-menu")) {
   GlobalThis.customElements.define("media-captions-menu", MediaCaptionsMenu);
 }
 
-// node_modules/media-chrome/dist/menu/media-captions-menu-button.js
+// ../../node_modules/media-chrome/dist/menu/media-captions-menu-button.js
 var ccIconOn = `<svg aria-hidden="true" viewBox="0 0 26 24">
   <path d="M22.83 5.68a2.58 2.58 0 0 0-2.3-2.5c-3.62-.24-11.44-.24-15.06 0a2.58 2.58 0 0 0-2.3 2.5c-.23 4.21-.23 8.43 0 12.64a2.58 2.58 0 0 0 2.3 2.5c3.62.24 11.44.24 15.06 0a2.58 2.58 0 0 0 2.3-2.5c.23-4.21.23-8.43 0-12.64Zm-11.39 9.45a3.07 3.07 0 0 1-1.91.57 3.06 3.06 0 0 1-2.34-1 3.75 3.75 0 0 1-.92-2.67 3.92 3.92 0 0 1 .92-2.77 3.18 3.18 0 0 1 2.43-1 2.94 2.94 0 0 1 2.13.78c.364.359.62.813.74 1.31l-1.43.35a1.49 1.49 0 0 0-1.51-1.17 1.61 1.61 0 0 0-1.29.58 2.79 2.79 0 0 0-.5 1.89 3 3 0 0 0 .49 1.93 1.61 1.61 0 0 0 1.27.58 1.48 1.48 0 0 0 1-.37 2.1 2.1 0 0 0 .59-1.14l1.4.44a3.23 3.23 0 0 1-1.07 1.69Zm7.22 0a3.07 3.07 0 0 1-1.91.57 3.06 3.06 0 0 1-2.34-1 3.75 3.75 0 0 1-.92-2.67 3.88 3.88 0 0 1 .93-2.77 3.14 3.14 0 0 1 2.42-1 3 3 0 0 1 2.16.82 2.8 2.8 0 0 1 .73 1.31l-1.43.35a1.49 1.49 0 0 0-1.51-1.21 1.61 1.61 0 0 0-1.29.58A2.79 2.79 0 0 0 15 12a3 3 0 0 0 .49 1.93 1.61 1.61 0 0 0 1.27.58 1.44 1.44 0 0 0 1-.37 2.1 2.1 0 0 0 .6-1.15l1.4.44a3.17 3.17 0 0 1-1.1 1.7Z"/>
 </svg>`;
@@ -4966,7 +4966,7 @@ if (!GlobalThis.customElements.get("media-captions-menu-button")) {
   );
 }
 
-// node_modules/media-chrome/dist/utils/attribute-token-list.js
+// ../../node_modules/media-chrome/dist/utils/attribute-token-list.js
 var __accessCheck9 = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
@@ -5079,7 +5079,7 @@ tokens_get = function() {
   return __privateGet9(this, _tokenSet).size ? __privateGet9(this, _tokenSet) : __privateGet9(this, _defaultSet);
 };
 
-// node_modules/media-chrome/dist/media-playback-rate-button.js
+// ../../node_modules/media-chrome/dist/media-playback-rate-button.js
 var __accessCheck10 = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
@@ -5203,7 +5203,7 @@ if (!GlobalThis.customElements.get("media-playback-rate-button")) {
   );
 }
 
-// node_modules/media-chrome/dist/menu/media-playback-rate-menu.js
+// ../../node_modules/media-chrome/dist/menu/media-playback-rate-menu.js
 var __accessCheck11 = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
@@ -5350,7 +5350,7 @@ if (!GlobalThis.customElements.get("media-playback-rate-menu")) {
   );
 }
 
-// node_modules/media-chrome/dist/menu/media-playback-rate-menu-button.js
+// ../../node_modules/media-chrome/dist/menu/media-playback-rate-menu-button.js
 var DEFAULT_RATE2 = 1;
 function getSlotTemplateHTML6(attrs) {
   return (
@@ -5433,7 +5433,7 @@ if (!GlobalThis.customElements.get("media-playback-rate-menu-button")) {
   );
 }
 
-// node_modules/media-chrome/dist/menu/media-rendition-menu.js
+// ../../node_modules/media-chrome/dist/menu/media-rendition-menu.js
 var __accessCheck12 = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
@@ -5476,7 +5476,8 @@ var MediaRenditionMenu = class extends MediaChromeMenu {
       MediaUIAttributes.MEDIA_RENDITION_LIST,
       MediaUIAttributes.MEDIA_RENDITION_SELECTED,
       MediaUIAttributes.MEDIA_RENDITION_UNAVAILABLE,
-      MediaUIAttributes.MEDIA_HEIGHT
+      MediaUIAttributes.MEDIA_HEIGHT,
+      MediaUIAttributes.MEDIA_WIDTH
     ];
   }
   static formatMenuItemText(text, rendition) {
@@ -5500,14 +5501,21 @@ var MediaRenditionMenu = class extends MediaChromeMenu {
   }
   attributeChangedCallback(attrName, oldValue, newValue) {
     super.attributeChangedCallback(attrName, oldValue, newValue);
-    if (attrName === MediaUIAttributes.MEDIA_RENDITION_SELECTED && oldValue !== newValue) {
-      this.value = newValue != null ? newValue : "auto";
-      __privateMethod8(this, _render4, render_fn4).call(this);
-    } else if (attrName === MediaUIAttributes.MEDIA_RENDITION_LIST && oldValue !== newValue) {
-      __privateSet10(this, _renditionList, parseRenditionList(newValue));
-      __privateMethod8(this, _render4, render_fn4).call(this);
-    } else if (attrName === MediaUIAttributes.MEDIA_HEIGHT && oldValue !== newValue) {
-      __privateMethod8(this, _render4, render_fn4).call(this);
+    if (oldValue !== newValue) {
+      switch (attrName) {
+        case MediaUIAttributes.MEDIA_RENDITION_SELECTED:
+          this.value = newValue != null ? newValue : "auto";
+          __privateMethod8(this, _render4, render_fn4).call(this);
+          break;
+        case MediaUIAttributes.MEDIA_RENDITION_LIST:
+          __privateSet10(this, _renditionList, parseRenditionList(newValue));
+          __privateMethod8(this, _render4, render_fn4).call(this);
+          break;
+        case MediaUIAttributes.MEDIA_HEIGHT:
+        case MediaUIAttributes.MEDIA_WIDTH:
+          __privateMethod8(this, _render4, render_fn4).call(this);
+          break;
+      }
     }
   }
   connectedCallback() {
@@ -5550,6 +5558,12 @@ var MediaRenditionMenu = class extends MediaChromeMenu {
   set mediaHeight(height) {
     setNumericAttr(this, MediaUIAttributes.MEDIA_HEIGHT, height);
   }
+  get mediaWidth() {
+    return getNumericAttr(this, MediaUIAttributes.MEDIA_WIDTH);
+  }
+  set mediaWidth(width) {
+    setNumericAttr(this, MediaUIAttributes.MEDIA_WIDTH, width);
+  }
   compareRendition(a, b) {
     const ctor = this.constructor;
     return ctor.compareRendition(a, b);
@@ -5572,12 +5586,15 @@ _renditionList = /* @__PURE__ */ new WeakMap();
 _prevState3 = /* @__PURE__ */ new WeakMap();
 _render4 = /* @__PURE__ */ new WeakSet();
 render_fn4 = function() {
-  if (__privateGet12(this, _prevState3).mediaRenditionList === JSON.stringify(this.mediaRenditionList) && __privateGet12(this, _prevState3).mediaHeight === this.mediaHeight)
+  const isAuto = !this.mediaRenditionSelected;
+  if (__privateGet12(this, _prevState3).mediaRenditionList === JSON.stringify(this.mediaRenditionList) && __privateGet12(this, _prevState3).mediaHeight === this.mediaHeight && __privateGet12(this, _prevState3).mediaWidth === this.mediaWidth && __privateGet12(this, _prevState3).isAuto === isAuto)
     return;
   __privateGet12(this, _prevState3).mediaRenditionList = JSON.stringify(
     this.mediaRenditionList
   );
   __privateGet12(this, _prevState3).mediaHeight = this.mediaHeight;
+  __privateGet12(this, _prevState3).mediaWidth = this.mediaWidth;
+  __privateGet12(this, _prevState3).isAuto = isAuto;
   const renditionList = this.mediaRenditionList.sort(
     this.compareRendition.bind(this)
   );
@@ -5588,7 +5605,6 @@ render_fn4 = function() {
     rendition.selected = rendition === selectedRendition;
   }
   this.defaultSlot.textContent = "";
-  const isAuto = !this.mediaRenditionSelected;
   for (const rendition of renditionList) {
     const text = this.formatRendition(rendition, {
       showBitrate: this.showRenditionBitrate(rendition)
@@ -5603,15 +5619,22 @@ render_fn4 = function() {
     this.defaultSlot.append(item2);
   }
   const showSelectedBitrate = selectedRendition && this.showRenditionBitrate(selectedRendition);
-  const autoText = isAuto ? (
-    // Auto • 1080p (4 Mbps)
-    selectedRendition ? this.formatMenuItemText(
-      `${t("Auto")} \u2022 ${this.formatRendition(selectedRendition, {
-        showBitrate: showSelectedBitrate
-      })}`,
-      selectedRendition
-    ) : this.formatMenuItemText(`${t("Auto")} (${this.mediaHeight}p)`)
-  ) : this.formatMenuItemText(t("Auto"));
+  let autoText = void 0;
+  if (isAuto) {
+    if (selectedRendition) {
+      autoText = this.formatMenuItemText(
+        `${t("Auto")} \u2022 ${this.formatRendition(selectedRendition, {
+          showBitrate: showSelectedBitrate
+        })}`,
+        selectedRendition
+      );
+    } else if (this.mediaHeight > 0 && this.mediaWidth > 0) {
+      autoText = this.formatMenuItemText(`${t("Auto")} (${Math.min(this.mediaWidth, this.mediaHeight)}p)`);
+    }
+  }
+  if (!autoText) {
+    autoText = this.formatMenuItemText(t("Auto"));
+  }
   const item = createMenuItem({
     type: "radio",
     text: autoText,
@@ -5640,7 +5663,7 @@ if (!GlobalThis.customElements.get("media-rendition-menu")) {
   GlobalThis.customElements.define("media-rendition-menu", MediaRenditionMenu);
 }
 
-// node_modules/media-chrome/dist/menu/media-rendition-menu-button.js
+// ../../node_modules/media-chrome/dist/menu/media-rendition-menu-button.js
 var renditionIcon = (
   /*html*/
   `<svg aria-hidden="true" viewBox="0 0 24 24">
@@ -5709,7 +5732,7 @@ if (!GlobalThis.customElements.get("media-rendition-menu-button")) {
   );
 }
 
-// node_modules/media-chrome/dist/menu/media-context-menu.js
+// ../../node_modules/media-chrome/dist/menu/media-context-menu.js
 var __accessCheck13 = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
@@ -5895,7 +5918,7 @@ if (!GlobalThis.customElements.get("media-context-menu")) {
   GlobalThis.customElements.define("media-context-menu", MediaContextMenu);
 }
 
-// node_modules/media-chrome/dist/menu/media-context-menu-item.js
+// ../../node_modules/media-chrome/dist/menu/media-context-menu-item.js
 function getTemplateHTML9(_attrs) {
   return (
     /*html*/