@mux/mux-player 3.3.2-canary.3 → 3.3.2

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

@@ -905,7 +905,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",
@@ -992,7 +992,7 @@ var MediaUIAttributes = MediaUIPropsEntries.reduce(
   {}
 );
 var AdditionalStateChangeEvents = {
-  USER_INACTIVE: "userinactivechange",
+  USER_INACTIVE_CHANGE: "userinactivechange",
   BREAKPOINTS_CHANGE: "breakpointchange",
   BREAKPOINTS_COMPUTED: "breakpointscomputed"
 };
@@ -1035,7 +1035,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() {
   }
@@ -1131,7 +1131,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);
@@ -1184,14 +1184,14 @@ var defaultProcessor = {
 };
 var TemplateInstance = class extends GlobalThis.DocumentFragment {
   constructor(template8, state, processor2 = defaultProcessor) {
-    var _a3;
+    var _a4;
     super();
     __privateAdd2(this, _parts, void 0);
     __privateAdd2(this, _processor, void 0);
     this.append(template8.content.cloneNode(true));
     __privateSet2(this, _parts, parse(this));
     __privateSet2(this, _processor, processor2);
-    (_a3 = processor2.createCallback) == null ? void 0 : _a3.call(processor2, this, __privateGet2(this, _parts), state);
+    (_a4 = processor2.createCallback) == null ? void 0 : _a4.call(processor2, this, __privateGet2(this, _parts), state);
     processor2.processCallback(this, __privateGet2(this, _parts), state);
   }
   update(state) {
@@ -1462,7 +1462,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);
 }
@@ -1495,7 +1495,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)
 };
@@ -1512,7 +1512,7 @@ var Directives = {
     state[part.expression] = new PartialTemplate(part.template);
   },
   if: (part, state) => {
-    var _a3;
+    var _a4;
     if (evaluateExpression(part.expression, state)) {
       if (templates.get(part) !== part.template) {
         templates.set(part, part.template);
@@ -1520,7 +1520,7 @@ var Directives = {
         part.replace(tpl);
         templateInstances.set(part, tpl);
       } else {
-        (_a3 = templateInstances.get(part)) == null ? void 0 : _a3.update(state);
+        (_a4 = templateInstances.get(part)) == null ? void 0 : _a4.update(state);
       }
     } else {
       part.replace("");
@@ -1532,7 +1532,7 @@ var Directives = {
 var DirectiveNames = Object.keys(Directives);
 var processor = {
   processCallback(instance, parts, state) {
-    var _a3, _b2;
+    var _a4, _b2;
     if (!state)
       return;
     for (const [expression, part] of parts) {
@@ -1546,7 +1546,7 @@ var processor = {
             part.expression = part.template.getAttribute(directive);
           }
         }
-        (_a3 = Directives[part.directive]) == null ? void 0 : _a3.call(Directives, part, state);
+        (_a4 = Directives[part.directive]) == null ? void 0 : _a4.call(Directives, part, state);
         continue;
       }
       let value = evaluateExpression(expression, state);
@@ -1603,8 +1603,8 @@ var operators = {
   "<=": (a, b) => a <= b,
   "??": (a, b) => a != null ? a : b,
   "|": (a, b) => {
-    var _a3;
-    return (_a3 = pipeModifiers[b]) == null ? void 0 : _a3.call(pipeModifiers, a);
+    var _a4;
+    return (_a4 = pipeModifiers[b]) == null ? void 0 : _a4.call(pipeModifiers, a);
   }
 };
 function tokenizeExpression(expr) {
@@ -1618,12 +1618,12 @@ function tokenizeExpression(expr) {
   }).filter(({ type }) => type !== "ws");
 }
 function evaluateExpression(expr, state = {}) {
-  var _a3, _b2, _c, _d, _e, _f, _g;
+  var _a4, _b2, _c, _d, _e, _f, _g;
   const tokens = tokenizeExpression(expr);
   if (tokens.length === 0 || tokens.some(({ type }) => !type)) {
     return invalidExpression(expr);
   }
-  if (((_a3 = tokens[0]) == null ? void 0 : _a3.token) === ">") {
+  if (((_a4 = tokens[0]) == null ? void 0 : _a4.token) === ">") {
     const partial = state[(_b2 = tokens[1]) == null ? void 0 : _b2.token];
     if (!partial) {
       return invalidExpression(expr);
@@ -1722,7 +1722,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);
@@ -1801,8 +1801,8 @@ var MediaThemeElement = class extends GlobalThis.HTMLElement {
       this.createRenderer();
     }
     const observer2 = new MutationObserver((mutationList) => {
-      var _a3;
-      if (this.mediaController && !((_a3 = this.mediaController) == null ? void 0 : _a3.breakpointsComputed))
+      var _a4;
+      if (this.mediaController && !((_a4 = this.mediaController) == null ? void 0 : _a4.breakpointsComputed))
         return;
       if (mutationList.some((mutation) => {
         const target = mutation.target;
@@ -1835,8 +1835,8 @@ var MediaThemeElement = class extends GlobalThis.HTMLElement {
     return this.renderRoot.querySelector("media-controller");
   }
   get template() {
-    var _a3;
-    return (_a3 = __privateGet3(this, _template)) != null ? _a3 : this.constructor.template;
+    var _a4;
+    return (_a4 = __privateGet3(this, _template)) != null ? _a4 : this.constructor.template;
   }
   set template(element) {
     __privateSet3(this, _prevTemplateId, null);
@@ -1844,9 +1844,9 @@ var MediaThemeElement = class extends GlobalThis.HTMLElement {
     this.createRenderer();
   }
   get props() {
-    var _a3, _b2, _c;
+    var _a4, _b2, _c;
     const observedAttributes = [
-      ...Array.from((_b2 = (_a3 = this.mediaController) == null ? void 0 : _a3.attributes) != null ? _b2 : []).filter(
+      ...Array.from((_b2 = (_a4 = this.mediaController) == null ? void 0 : _a4.attributes) != null ? _b2 : []).filter(
         ({ name }) => {
           return observedMediaAttributes[name] || name.startsWith("breakpoint");
         }
@@ -1893,8 +1893,8 @@ var MediaThemeElement = class extends GlobalThis.HTMLElement {
     }
   }
   render() {
-    var _a3;
-    (_a3 = this.renderer) == null ? void 0 : _a3.update(this.props);
+    var _a4;
+    (_a4 = this.renderer) == null ? void 0 : _a4.update(this.props);
   }
 };
 _template = /* @__PURE__ */ new WeakMap();
@@ -1910,12 +1910,12 @@ upgradeProperty_fn = function(prop) {
 };
 _updateTemplate = /* @__PURE__ */ new WeakSet();
 updateTemplate_fn = function() {
-  var _a3;
+  var _a4;
   const templateId = this.getAttribute("template");
   if (!templateId || templateId === __privateGet3(this, _prevTemplateId))
     return;
   const rootNode = this.getRootNode();
-  const template8 = (_a3 = rootNode == null ? void 0 : rootNode.getElementById) == null ? void 0 : _a3.call(rootNode, templateId);
+  const template8 = (_a4 = rootNode == null ? void 0 : rootNode.getElementById) == null ? void 0 : _a4.call(rootNode, templateId);
   if (template8) {
     __privateSet3(this, _prevTemplateId, templateId);
     __privateSet3(this, _template, template8);
@@ -1958,7 +1958,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,
@@ -1983,9 +1983,9 @@ function getElementRects({
   };
 }
 function getRectRelativeToOffsetParent(element, offsetParent) {
-  var _a3;
+  var _a4;
   const rect = element.getBoundingClientRect();
-  const offsetRect = (_a3 = offsetParent == null ? void 0 : offsetParent.getBoundingClientRect()) != null ? _a3 : { x: 0, y: 0 };
+  const offsetRect = (_a4 = offsetParent == null ? void 0 : offsetParent.getBoundingClientRect()) != null ? _a4 : { x: 0, y: 0 };
   return {
     x: rect.x - offsetRect.x,
     y: rect.y - offsetRect.y,
@@ -2034,7 +2034,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);
@@ -2063,7 +2063,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.
@@ -2085,17 +2085,17 @@ var ToggleEvent = class extends Event {
   }
 };
 
-// ../../node_modules/media-chrome/dist/utils/element-utils.js
+// node_modules/media-chrome/dist/utils/element-utils.js
 function getMediaController(host) {
-  var _a3;
-  return (_a3 = getAttributeMediaController(host)) != null ? _a3 : closestComposedNode(host, "media-controller");
+  var _a4;
+  return (_a4 = getAttributeMediaController(host)) != null ? _a4 : closestComposedNode(host, "media-controller");
 }
 function getAttributeMediaController(host) {
-  var _a3;
+  var _a4;
   const { MEDIA_CONTROLLER } = MediaStateReceiverAttributes;
   const mediaControllerId = host.getAttribute(MEDIA_CONTROLLER);
   if (mediaControllerId) {
-    return (_a3 = getDocumentOrShadowRoot(host)) == null ? void 0 : _a3.getElementById(
+    return (_a4 = getDocumentOrShadowRoot(host)) == null ? void 0 : _a4.getElementById(
       mediaControllerId
     );
   }
@@ -2122,15 +2122,15 @@ var closestComposedNode = (childNode, selector) => {
   );
 };
 function getActiveElement(root = document) {
-  var _a3;
+  var _a4;
   const activeEl = root == null ? void 0 : root.activeElement;
   if (!activeEl)
     return null;
-  return (_a3 = getActiveElement(activeEl.shadowRoot)) != null ? _a3 : activeEl;
+  return (_a4 = getActiveElement(activeEl.shadowRoot)) != null ? _a4 : activeEl;
 }
 function getDocumentOrShadowRoot(node) {
-  var _a3;
-  const rootNode = (_a3 = node == null ? void 0 : node.getRootNode) == null ? void 0 : _a3.call(node);
+  var _a4;
+  const rootNode = (_a4 = node == null ? void 0 : node.getRootNode) == null ? void 0 : _a4.call(node);
   if (rootNode instanceof ShadowRoot || rootNode instanceof Document) {
     return rootNode;
   }
@@ -2143,9 +2143,9 @@ function getOrInsertCSSRule(styleParent, selectorText) {
   return insertCSSRule(styleParent, selectorText);
 }
 function getCSSRule(styleParent, predicate) {
-  var _a3, _b2;
+  var _a4, _b2;
   let style;
-  for (style of (_a3 = styleParent.querySelectorAll("style:not([media])")) != null ? _a3 : []) {
+  for (style of (_a4 = styleParent.querySelectorAll("style:not([media])")) != null ? _a4 : []) {
     let cssRules;
     try {
       cssRules = (_b2 = style.sheet) == null ? void 0 : _b2.cssRules;
@@ -2159,8 +2159,8 @@ function getCSSRule(styleParent, predicate) {
   }
 }
 function insertCSSRule(styleParent, selectorText) {
-  var _a3, _b2;
-  const styles = (_a3 = styleParent.querySelectorAll("style:not([media])")) != null ? _a3 : [];
+  var _a4, _b2;
+  const styles = (_a4 = styleParent.querySelectorAll("style:not([media])")) != null ? _a4 : [];
   const style = styles == null ? void 0 : styles[styles.length - 1];
   if (!(style == null ? void 0 : style.sheet)) {
     console.warn(
@@ -2214,8 +2214,8 @@ function setBooleanAttr(el, attrName, value) {
   el.toggleAttribute(attrName, value);
 }
 function getStringAttr(el, attrName, defaultValue = null) {
-  var _a3;
-  return (_a3 = el.getAttribute(attrName)) != null ? _a3 : defaultValue;
+  var _a4;
+  return (_a4 = el.getAttribute(attrName)) != null ? _a4 : defaultValue;
 }
 function setStringAttr(el, attrName, value) {
   if (value == null) {
@@ -2230,7 +2230,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);
@@ -2433,12 +2433,12 @@ template.innerHTML = /*html*/
     slot[name="header"]::slotted(*) {
       padding: .4em .7em;
       border-bottom: 1px solid rgb(255 255 255 / .25);
-      cursor: default;
+      cursor: var(--media-cursor, default);
     }
 
     slot[name="header"] > button[part~="back"],
     slot[name="header"]::slotted(button[part~="back"]) {
-      cursor: pointer;
+      cursor: var(--media-cursor, pointer);
     }
 
     svg[part~="back"] {
@@ -2630,7 +2630,7 @@ var MediaChromeMenu = class extends GlobalThis.HTMLElement {
     }
   }
   connectedCallback() {
-    var _a3, _b2;
+    var _a4, _b2;
     __privateSet4(this, _cssRule, insertCSSRule(this.shadowRoot, ":host"));
     __privateMethod2(this, _updateLayoutStyle, updateLayoutStyle_fn).call(this);
     if (!this.hasAttribute("disabled")) {
@@ -2640,22 +2640,22 @@ var MediaChromeMenu = class extends GlobalThis.HTMLElement {
       this.role = "menu";
     }
     __privateSet4(this, _mediaController, getAttributeMediaController(this));
-    (_b2 = (_a3 = __privateGet4(this, _mediaController)) == null ? void 0 : _a3.associateElement) == null ? void 0 : _b2.call(_a3, this);
+    (_b2 = (_a4 = __privateGet4(this, _mediaController)) == null ? void 0 : _a4.associateElement) == null ? void 0 : _b2.call(_a4, this);
     if (!this.hidden) {
       observeResize(getBoundsElement(this), __privateGet4(this, _handleBoundsResize));
       observeResize(this, __privateGet4(this, _handleMenuResize));
     }
   }
   disconnectedCallback() {
-    var _a3, _b2;
+    var _a4, _b2;
     unobserveResize(getBoundsElement(this), __privateGet4(this, _handleBoundsResize));
     unobserveResize(this, __privateGet4(this, _handleMenuResize));
     this.disable();
-    (_b2 = (_a3 = __privateGet4(this, _mediaController)) == null ? void 0 : _a3.unassociateElement) == null ? void 0 : _b2.call(_a3, this);
+    (_b2 = (_a4 = __privateGet4(this, _mediaController)) == null ? void 0 : _a4.unassociateElement) == null ? void 0 : _b2.call(_a4, this);
     __privateSet4(this, _mediaController, null);
   }
   attributeChangedCallback(attrName, oldValue, newValue) {
-    var _a3, _b2, _c, _d;
+    var _a4, _b2, _c, _d;
     if (attrName === Attributes.HIDDEN && newValue !== oldValue) {
       if (!__privateGet4(this, _isPopover))
         __privateSet4(this, _isPopover, true);
@@ -2673,7 +2673,7 @@ var MediaChromeMenu = class extends GlobalThis.HTMLElement {
       );
     } else if (attrName === MediaStateReceiverAttributes.MEDIA_CONTROLLER) {
       if (oldValue) {
-        (_b2 = (_a3 = __privateGet4(this, _mediaController)) == null ? void 0 : _a3.unassociateElement) == null ? void 0 : _b2.call(_a3, this);
+        (_b2 = (_a4 = __privateGet4(this, _mediaController)) == null ? void 0 : _a4.unassociateElement) == null ? void 0 : _b2.call(_a4, this);
         __privateSet4(this, _mediaController, null);
       }
       if (newValue && this.isConnected) {
@@ -2706,9 +2706,9 @@ var MediaChromeMenu = class extends GlobalThis.HTMLElement {
    * Returns the anchor element when it is a floating menu.
    */
   get anchorElement() {
-    var _a3;
+    var _a4;
     if (this.anchor) {
-      return (_a3 = getDocumentOrShadowRoot(this)) == null ? void 0 : _a3.querySelector(
+      return (_a4 = getDocumentOrShadowRoot(this)) == null ? void 0 : _a4.querySelector(
         `#${this.anchor}`
       );
     }
@@ -2727,8 +2727,8 @@ var MediaChromeMenu = class extends GlobalThis.HTMLElement {
     return this.items.filter((item) => item.checked);
   }
   get value() {
-    var _a3, _b2;
-    return (_b2 = (_a3 = this.checkedItems[0]) == null ? void 0 : _a3.value) != null ? _b2 : "";
+    var _a4, _b2;
+    return (_b2 = (_a4 = this.checkedItems[0]) == null ? void 0 : _a4.value) != null ? _b2 : "";
   }
   set value(newValue) {
     const item = this.items.find((item2) => item2.value === newValue);
@@ -2749,13 +2749,13 @@ var MediaChromeMenu = class extends GlobalThis.HTMLElement {
     focusable == null ? void 0 : focusable.focus();
   }
   handleSelect(event) {
-    var _a3;
+    var _a4;
     const item = __privateMethod2(this, _getItem, getItem_fn).call(this, event);
     if (!item)
       return;
     __privateMethod2(this, _selectItem, selectItem_fn).call(this, item, item.type === "checkbox");
     if (__privateGet4(this, _invokerElement) && !this.hidden) {
-      (_a3 = __privateGet4(this, _previouslyFocused)) == null ? void 0 : _a3.focus();
+      (_a4 = __privateGet4(this, _previouslyFocused)) == null ? void 0 : _a4.focus();
       this.hidden = true;
     }
   }
@@ -2772,10 +2772,10 @@ var MediaChromeMenu = class extends GlobalThis.HTMLElement {
     ];
   }
   handleMove(event) {
-    var _a3, _b2;
+    var _a4, _b2;
     const { key } = event;
     const items = this.items;
-    const currentItem = (_b2 = (_a3 = __privateMethod2(this, _getItem, getItem_fn).call(this, event)) != null ? _a3 : __privateMethod2(this, _getTabItem, getTabItem_fn).call(this)) != null ? _b2 : items[0];
+    const currentItem = (_b2 = (_a4 = __privateMethod2(this, _getItem, getItem_fn).call(this, event)) != null ? _a4 : __privateMethod2(this, _getTabItem, getTabItem_fn).call(this)) != null ? _b2 : items[0];
     const currentIndex = items.indexOf(currentItem);
     let index = Math.max(0, currentIndex);
     if (key === "ArrowDown") {
@@ -2825,9 +2825,9 @@ handleSlotChange_fn = function(event) {
 _handleMenuItems = /* @__PURE__ */ new WeakMap();
 _updateLayoutStyle = /* @__PURE__ */ new WeakSet();
 updateLayoutStyle_fn = function() {
-  var _a3;
+  var _a4;
   const layoutRowStyle = this.shadowRoot.querySelector("#layout-row");
-  const menuLayout = (_a3 = getComputedStyle(this).getPropertyValue("--media-menu-layout")) == null ? void 0 : _a3.trim();
+  const menuLayout = (_a4 = getComputedStyle(this).getPropertyValue("--media-menu-layout")) == null ? void 0 : _a4.trim();
   layoutRowStyle.setAttribute("media", menuLayout === "row" ? "" : "width:0");
 };
 _handleInvoke = /* @__PURE__ */ new WeakSet();
@@ -2839,16 +2839,16 @@ handleInvoke_fn = function(event) {
 };
 _handleOpen = /* @__PURE__ */ new WeakSet();
 handleOpen_fn = function() {
-  var _a3;
-  (_a3 = __privateGet4(this, _invokerElement)) == null ? void 0 : _a3.setAttribute("aria-expanded", "true");
+  var _a4;
+  (_a4 = __privateGet4(this, _invokerElement)) == null ? void 0 : _a4.setAttribute("aria-expanded", "true");
   this.addEventListener("transitionend", () => this.focus(), { once: true });
   observeResize(getBoundsElement(this), __privateGet4(this, _handleBoundsResize));
   observeResize(this, __privateGet4(this, _handleMenuResize));
 };
 _handleClosed = /* @__PURE__ */ new WeakSet();
 handleClosed_fn = function() {
-  var _a3;
-  (_a3 = __privateGet4(this, _invokerElement)) == null ? void 0 : _a3.setAttribute("aria-expanded", "false");
+  var _a4;
+  (_a4 = __privateGet4(this, _invokerElement)) == null ? void 0 : _a4.setAttribute("aria-expanded", "false");
   unobserveResize(getBoundsElement(this), __privateGet4(this, _handleBoundsResize));
   unobserveResize(this, __privateGet4(this, _handleMenuResize));
 };
@@ -2910,10 +2910,10 @@ resizeMenu_fn = function(animate) {
 };
 _handleClick = /* @__PURE__ */ new WeakSet();
 handleClick_fn = function(event) {
-  var _a3;
+  var _a4;
   event.stopPropagation();
   if (event.composedPath().includes(__privateGet4(this, _backButtonElement, backButtonElement_get))) {
-    (_a3 = __privateGet4(this, _previouslyFocused)) == null ? void 0 : _a3.focus();
+    (_a4 = __privateGet4(this, _previouslyFocused)) == null ? void 0 : _a4.focus();
     this.hidden = true;
     return;
   }
@@ -2925,11 +2925,11 @@ handleClick_fn = function(event) {
 };
 _backButtonElement = /* @__PURE__ */ new WeakSet();
 backButtonElement_get = function() {
-  var _a3;
+  var _a4;
   const headerSlot = this.shadowRoot.querySelector(
     'slot[name="header"]'
   );
-  return (_a3 = headerSlot.assignedElements({ flatten: true })) == null ? void 0 : _a3.find((el) => el.matches('button[part~="back"]'));
+  return (_a4 = headerSlot.assignedElements({ flatten: true })) == null ? void 0 : _a4.find((el) => el.matches('button[part~="back"]'));
 };
 _handleToggle = /* @__PURE__ */ new WeakSet();
 handleToggle_fn = function(event) {
@@ -2961,10 +2961,10 @@ checkSubmenuHasExpanded_fn = function() {
 };
 _handleFocusOut = /* @__PURE__ */ new WeakSet();
 handleFocusOut_fn = function(event) {
-  var _a3;
+  var _a4;
   if (!containsComposedNode(this, event.relatedTarget)) {
     if (__privateGet4(this, _isPopover)) {
-      (_a3 = __privateGet4(this, _previouslyFocused)) == null ? void 0 : _a3.focus();
+      (_a4 = __privateGet4(this, _previouslyFocused)) == null ? void 0 : _a4.focus();
     }
     if (__privateGet4(this, _invokerElement) && __privateGet4(this, _invokerElement) !== event.relatedTarget && !this.hidden) {
       this.hidden = true;
@@ -2973,7 +2973,7 @@ handleFocusOut_fn = function(event) {
 };
 _handleKeyDown = /* @__PURE__ */ new WeakSet();
 handleKeyDown_fn = function(event) {
-  var _a3, _b2, _c, _d, _e;
+  var _a4, _b2, _c, _d, _e;
   const { key, ctrlKey, altKey, metaKey } = event;
   if (ctrlKey || altKey || metaKey) {
     return;
@@ -2989,7 +2989,7 @@ handleKeyDown_fn = function(event) {
       return;
     }
     if (event.shiftKey) {
-      (_b2 = (_a3 = this.previousElementSibling) == null ? void 0 : _a3.focus) == null ? void 0 : _b2.call(_a3);
+      (_b2 = (_a4 = this.previousElementSibling) == null ? void 0 : _a4.focus) == null ? void 0 : _b2.call(_a4);
     } else {
       (_d = (_c = this.nextElementSibling) == null ? void 0 : _c.focus) == null ? void 0 : _d.call(_c);
     }
@@ -3047,14 +3047,14 @@ function isMenuItem(element) {
   );
 }
 function getBoundsElement(host) {
-  var _a3;
-  return (_a3 = host.getAttribute("bounds") ? closestComposedNode(host, `#${host.getAttribute("bounds")}`) : getMediaController(host) || host.parentElement) != null ? _a3 : host;
+  var _a4;
+  return (_a4 = host.getAttribute("bounds") ? closestComposedNode(host, `#${host.getAttribute("bounds")}`) : getMediaController(host) || host.parentElement) != null ? _a4 : host;
 }
 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);
@@ -3103,7 +3103,7 @@ template2.innerHTML = /*html*/
       );
       outline: var(--media-menu-item-outline, 0);
       outline-offset: var(--media-menu-item-outline-offset, -1px);
-      cursor: pointer;
+      cursor: var(--media-cursor, pointer);
       display: flex;
       align-items: center;
       align-self: stretch;
@@ -3121,7 +3121,7 @@ template2.innerHTML = /*html*/
     }
 
     :host(:hover) {
-      cursor: pointer;
+      cursor: var(--media-cursor, pointer);
       background: var(--media-menu-item-hover-background, rgb(92 92 102 / .5));
       outline: var(--media-menu-item-hover-outline);
       outline-offset: var(--media-menu-item-hover-outline-offset,  var(--media-menu-item-outline-offset, -1px));
@@ -3231,12 +3231,12 @@ var MediaChromeMenuItem = class extends GlobalThis.HTMLElement {
     __privateAdd5(this, _dirty, false);
     __privateAdd5(this, _ownerElement, void 0);
     __privateAdd5(this, _handleMenuItem, () => {
-      var _a3, _b2;
+      var _a4, _b2;
       this.setAttribute("submenusize", `${this.submenuElement.items.length}`);
       const descriptionSlot = this.shadowRoot.querySelector(
         'slot[name="description"]'
       );
-      const checkedItem = (_a3 = this.submenuElement.checkedItems) == null ? void 0 : _a3[0];
+      const checkedItem = (_a4 = this.submenuElement.checkedItems) == null ? void 0 : _a4[0];
       const description = (_b2 = checkedItem == null ? void 0 : checkedItem.dataset.description) != null ? _b2 : checkedItem == null ? void 0 : checkedItem.text;
       const span = Document2.createElement("span");
       span.textContent = description != null ? description : "";
@@ -3325,9 +3325,9 @@ var MediaChromeMenuItem = class extends GlobalThis.HTMLElement {
    * or the slotted submenu element.
    */
   get invokeTargetElement() {
-    var _a3;
+    var _a4;
     if (this.invokeTarget) {
-      return (_a3 = getDocumentOrShadowRoot(this)) == null ? void 0 : _a3.querySelector(
+      return (_a4 = getDocumentOrShadowRoot(this)) == null ? void 0 : _a4.querySelector(
         `#${this.invokeTarget}`
       );
     }
@@ -3345,22 +3345,22 @@ var MediaChromeMenuItem = class extends GlobalThis.HTMLElement {
     })[0];
   }
   get type() {
-    var _a3;
-    return (_a3 = this.getAttribute(Attributes2.TYPE)) != null ? _a3 : "";
+    var _a4;
+    return (_a4 = this.getAttribute(Attributes2.TYPE)) != null ? _a4 : "";
   }
   set type(val) {
     this.setAttribute(Attributes2.TYPE, `${val}`);
   }
   get value() {
-    var _a3;
-    return (_a3 = this.getAttribute(Attributes2.VALUE)) != null ? _a3 : this.text;
+    var _a4;
+    return (_a4 = this.getAttribute(Attributes2.VALUE)) != null ? _a4 : this.text;
   }
   set value(val) {
     this.setAttribute(Attributes2.VALUE, val);
   }
   get text() {
-    var _a3;
-    return ((_a3 = this.textContent) != null ? _a3 : "").trim();
+    var _a4;
+    return ((_a4 = this.textContent) != null ? _a4 : "").trim();
   }
   get checked() {
     if (!isCheckable(this))
@@ -3460,8 +3460,8 @@ handleKeyDown_fn2 = function(event) {
 };
 _reset = /* @__PURE__ */ new WeakSet();
 reset_fn = function() {
-  var _a3;
-  const items = (_a3 = __privateGet5(this, _ownerElement)) == null ? void 0 : _a3.radioGroupItems;
+  var _a4;
+  const items = (_a4 = __privateGet5(this, _ownerElement)) == null ? void 0 : _a4.radioGroupItems;
   if (!items)
     return;
   let checkedItem = items.filter((item) => item.getAttribute("aria-checked") === "true").pop();
@@ -3493,7 +3493,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
 var template3 = Document2.createElement("template");
 template3.innerHTML = MediaChromeMenu.template.innerHTML + /*html*/
 `
@@ -3549,7 +3549,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
 var _a;
 var template4 = Document2.createElement("template");
 template4.innerHTML = MediaChromeMenuItem.template.innerHTML + /*html*/
@@ -3582,7 +3582,7 @@ if (!GlobalThis.customElements.get("media-settings-menu-item")) {
   );
 }
 
-// ../../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);
@@ -3638,7 +3638,7 @@ template5.innerHTML = /*html*/
     box-sizing: border-box;
     transition: background .15s linear;
     pointer-events: auto;
-    cursor: pointer;
+    cursor: var(--media-cursor, pointer);
     -webkit-tap-highlight-color: transparent;
   }
 
@@ -3705,7 +3705,7 @@ template5.innerHTML = /*html*/
 `;
 var MediaChromeButton = class extends GlobalThis.HTMLElement {
   constructor(options = {}) {
-    var _a3;
+    var _a4;
     super();
     __privateAdd6(this, _setupTooltip);
     __privateAdd6(this, _mediaController2, void 0);
@@ -3719,8 +3719,8 @@ var MediaChromeButton = class extends GlobalThis.HTMLElement {
       setTimeout(__privateGet6(this, _positionTooltip), 0);
     });
     __privateAdd6(this, _positionTooltip, () => {
-      var _a4, _b2;
-      (_b2 = (_a4 = this.tooltipEl) == null ? void 0 : _a4.updateXOffset) == null ? void 0 : _b2.call(_a4);
+      var _a5, _b2;
+      (_b2 = (_a5 = this.tooltipEl) == null ? void 0 : _a5.updateXOffset) == null ? void 0 : _b2.call(_a5);
     });
     __privateAdd6(this, _keyupListener, (e) => {
       const { key } = e;
@@ -3750,7 +3750,7 @@ var MediaChromeButton = class extends GlobalThis.HTMLElement {
         slotTemplate7.innerHTML = `<slot>${options.defaultContent || ""}</slot>`;
       }
       if (options.tooltipContent) {
-        buttonHTML.querySelector('slot[name="tooltip-content"]').innerHTML = (_a3 = options.tooltipContent) != null ? _a3 : "";
+        buttonHTML.querySelector('slot[name="tooltip-content"]').innerHTML = (_a4 = options.tooltipContent) != null ? _a4 : "";
         this.tooltipContent = options.tooltipContent;
       }
       this.nativeEl.appendChild(slotTemplate7.content.cloneNode(true));
@@ -3777,10 +3777,10 @@ var MediaChromeButton = class extends GlobalThis.HTMLElement {
     this.tabIndex = -1;
   }
   attributeChangedCallback(attrName, oldValue, newValue) {
-    var _a3, _b2, _c, _d, _e;
+    var _a4, _b2, _c, _d, _e;
     if (attrName === MediaStateReceiverAttributes.MEDIA_CONTROLLER) {
       if (oldValue) {
-        (_b2 = (_a3 = __privateGet6(this, _mediaController2)) == null ? void 0 : _a3.unassociateElement) == null ? void 0 : _b2.call(_a3, this);
+        (_b2 = (_a4 = __privateGet6(this, _mediaController2)) == null ? void 0 : _a4.unassociateElement) == null ? void 0 : _b2.call(_a4, this);
         __privateSet6(this, _mediaController2, null);
       }
       if (newValue && this.isConnected) {
@@ -3799,7 +3799,7 @@ var MediaChromeButton = class extends GlobalThis.HTMLElement {
     __privateGet6(this, _positionTooltip).call(this);
   }
   connectedCallback() {
-    var _a3, _b2, _c;
+    var _a4, _b2, _c;
     const { style } = getOrInsertCSSRule(this.shadowRoot, ":host");
     style.setProperty(
       "display",
@@ -3819,16 +3819,16 @@ var MediaChromeButton = class extends GlobalThis.HTMLElement {
         this,
         _mediaController2,
         // @ts-ignore
-        (_a3 = this.getRootNode()) == null ? void 0 : _a3.getElementById(mediaControllerId)
+        (_a4 = this.getRootNode()) == null ? void 0 : _a4.getElementById(mediaControllerId)
       );
       (_c = (_b2 = __privateGet6(this, _mediaController2)) == null ? void 0 : _b2.associateElement) == null ? void 0 : _c.call(_b2, this);
     }
     GlobalThis.customElements.whenDefined("media-tooltip").then(() => __privateMethod4(this, _setupTooltip, setupTooltip_fn).call(this));
   }
   disconnectedCallback() {
-    var _a3, _b2;
+    var _a4, _b2;
     this.disable();
-    (_b2 = (_a3 = __privateGet6(this, _mediaController2)) == null ? void 0 : _a3.unassociateElement) == null ? void 0 : _b2.call(_a3, this);
+    (_b2 = (_a4 = __privateGet6(this, _mediaController2)) == null ? void 0 : _a4.unassociateElement) == null ? void 0 : _b2.call(_a4, this);
     __privateSet6(this, _mediaController2, null);
     this.removeEventListener("mouseenter", __privateGet6(this, _positionTooltip));
     this.removeEventListener("focus", __privateGet6(this, _positionTooltip));
@@ -3891,7 +3891,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();
@@ -3910,17 +3910,17 @@ var MediaChromeMenuButton = class extends MediaChromeButton {
    * @return {HTMLElement | null}
    */
   get invokeTargetElement() {
-    var _a3;
+    var _a4;
     if (this.invokeTarget) {
-      return (_a3 = getDocumentOrShadowRoot(this)) == null ? void 0 : _a3.querySelector(
+      return (_a4 = getDocumentOrShadowRoot(this)) == null ? void 0 : _a4.querySelector(
         `#${this.invokeTarget}`
       );
     }
     return null;
   }
   handleClick() {
-    var _a3;
-    (_a3 = this.invokeTargetElement) == null ? void 0 : _a3.dispatchEvent(
+    var _a4;
+    (_a4 = this.invokeTargetElement) == null ? void 0 : _a4.dispatchEvent(
       new InvokeEvent({ relatedTarget: this })
     );
   }
@@ -3932,7 +3932,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",
@@ -3994,24 +3994,22 @@ var En = {
   "The media is encrypted and there are no keys to decrypt it.": "The media is encrypted and there are no keys to decrypt it."
 };
 
-// ../../node_modules/media-chrome/dist/utils/i18n.js
+// node_modules/media-chrome/dist/utils/i18n.js
+var _a2;
 var translationsLanguages = {
   en: En
 };
-var getBrowserLanguage = () => {
-  var _a3;
-  return ((_a3 = globalThis.navigator) == null ? void 0 : _a3.language.split("-")[0]) || "en";
-};
+var currentLanguage = ((_a2 = globalThis.navigator) == null ? void 0 : _a2.language.split("-")[0]) || "en";
 var t = (key, variables = {}) => {
-  var _a3;
-  const result = ((_a3 = translationsLanguages[getBrowserLanguage()]) == null ? void 0 : _a3[key]) || En[key];
+  var _a22;
+  const result = ((_a22 = translationsLanguages[currentLanguage]) == null ? void 0 : _a22[key]) || En[key];
   return result.replace(
     /\{(\w+)\}/g,
     (_, varName) => variables[varName] !== void 0 ? String(variables[varName]) : `{${varName}}`
   );
 };
 
-// ../../node_modules/media-chrome/dist/menu/media-settings-menu-button.js
+// node_modules/media-chrome/dist/menu/media-settings-menu-button.js
 var slotTemplate = Document2.createElement("template");
 slotTemplate.innerHTML = /*html*/
 `
@@ -4054,7 +4052,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);
@@ -4120,10 +4118,10 @@ var MediaAudioTrackMenu = class extends MediaChromeMenu {
    * Returns the anchor element when it is a floating menu.
    */
   get anchorElement() {
-    var _a3;
+    var _a4;
     if (this.anchor !== "auto")
       return super.anchorElement;
-    return (_a3 = getMediaController(this)) == null ? void 0 : _a3.querySelector(
+    return (_a4 = getMediaController(this)) == null ? void 0 : _a4.querySelector(
       "media-audio-track-menu-button"
     );
   }
@@ -4138,8 +4136,8 @@ var MediaAudioTrackMenu = class extends MediaChromeMenu {
    * Get enabled audio track id.
    */
   get mediaAudioTrackEnabled() {
-    var _a3;
-    return (_a3 = getStringAttr(this, MediaUIAttributes.MEDIA_AUDIO_TRACK_ENABLED)) != null ? _a3 : "";
+    var _a4;
+    return (_a4 = getStringAttr(this, MediaUIAttributes.MEDIA_AUDIO_TRACK_ENABLED)) != null ? _a4 : "";
   }
   set mediaAudioTrackEnabled(id) {
     setStringAttr(this, MediaUIAttributes.MEDIA_AUDIO_TRACK_ENABLED, id);
@@ -4187,7 +4185,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">
@@ -4228,18 +4226,18 @@ var MediaAudioTrackMenuButton = class extends MediaChromeMenuButton {
    * @return {HTMLElement | null}
    */
   get invokeTargetElement() {
-    var _a3;
+    var _a4;
     if (this.invokeTarget != void 0)
       return super.invokeTargetElement;
-    return (_a3 = getMediaController(this)) == null ? void 0 : _a3.querySelector("media-audio-track-menu");
+    return (_a4 = getMediaController(this)) == null ? void 0 : _a4.querySelector("media-audio-track-menu");
   }
   /**
    * Get enabled audio track id.
    * @return {string}
    */
   get mediaAudioTrackEnabled() {
-    var _a3;
-    return (_a3 = getStringAttr(this, MediaUIAttributes.MEDIA_AUDIO_TRACK_ENABLED)) != null ? _a3 : "";
+    var _a4;
+    return (_a4 = getStringAttr(this, MediaUIAttributes.MEDIA_AUDIO_TRACK_ENABLED)) != null ? _a4 : "";
   }
   set mediaAudioTrackEnabled(id) {
     setStringAttr(this, MediaUIAttributes.MEDIA_AUDIO_TRACK_ENABLED, id);
@@ -4252,7 +4250,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(":");
@@ -4283,12 +4281,12 @@ var stringifyTextTrackList = (textTracks = []) => {
   return Array.prototype.map.call(textTracks, formatTextTrackObj).join(" ");
 };
 var areSubsOn = (el) => {
-  var _a3;
-  const showingSubtitles = !!((_a3 = el.mediaSubtitlesShowing) == null ? void 0 : _a3.length) || el.hasAttribute(MediaUIAttributes.MEDIA_SUBTITLES_SHOWING);
+  var _a4;
+  const showingSubtitles = !!((_a4 = el.mediaSubtitlesShowing) == null ? void 0 : _a4.length) || el.hasAttribute(MediaUIAttributes.MEDIA_SUBTITLES_SHOWING);
   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);
@@ -4392,7 +4390,7 @@ var MediaCaptionsMenu = class extends MediaChromeMenu {
 _prevState2 = /* @__PURE__ */ new WeakMap();
 _render2 = /* @__PURE__ */ new WeakSet();
 render_fn2 = function() {
-  var _a3;
+  var _a4;
   if (__privateGet8(this, _prevState2) === JSON.stringify(this.mediaSubtitlesList))
     return;
   __privateSet8(this, _prevState2, JSON.stringify(this.mediaSubtitlesList));
@@ -4415,7 +4413,7 @@ render_fn2 = function() {
       checked: this.value == formatTextTrackObj(subs)
     });
     item2.prepend(createIndicator(this, "checked-indicator"));
-    const type = (_a3 = subs.kind) != null ? _a3 : "subs";
+    const type = (_a4 = subs.kind) != null ? _a4 : "subs";
     if (type === "captions") {
       item2.append(createIndicator(this, "captions-indicator"));
     }
@@ -4473,7 +4471,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 __accessCheck9 = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
@@ -4551,10 +4549,10 @@ var MediaCaptionsMenuButton = class extends MediaChromeMenuButton {
    * @return {HTMLElement | null}
    */
   get invokeTargetElement() {
-    var _a3;
+    var _a4;
     if (this.invokeTarget != void 0)
       return super.invokeTargetElement;
-    return (_a3 = getMediaController(this)) == null ? void 0 : _a3.querySelector("media-captions-menu");
+    return (_a4 = getMediaController(this)) == null ? void 0 : _a4.querySelector("media-captions-menu");
   }
   /**
    * An array of TextTrack-like objects.
@@ -4603,7 +4601,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 __accessCheck10 = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
@@ -4646,15 +4644,15 @@ var AttributeTokenList = class {
     return __privateGet9(this, _tokens, tokens_get).size;
   }
   get value() {
-    var _a3;
-    return (_a3 = [...__privateGet9(this, _tokens, tokens_get)].join(" ")) != null ? _a3 : "";
+    var _a4;
+    return (_a4 = [...__privateGet9(this, _tokens, tokens_get)].join(" ")) != null ? _a4 : "";
   }
   set value(val) {
-    var _a3;
+    var _a4;
     if (val === this.value)
       return;
     __privateSet10(this, _tokenSet, /* @__PURE__ */ new Set());
-    this.add(...(_a3 = val == null ? void 0 : val.split(" ")) != null ? _a3 : []);
+    this.add(...(_a4 = val == null ? void 0 : val.split(" ")) != null ? _a4 : []);
   }
   toString() {
     return this.value;
@@ -4669,17 +4667,17 @@ var AttributeTokenList = class {
     __privateGet9(this, _tokens, tokens_get).forEach(callback, thisArg);
   }
   add(...tokens) {
-    var _a3, _b2;
+    var _a4, _b2;
     tokens.forEach((t2) => __privateGet9(this, _tokenSet).add(t2));
-    if (this.value === "" && !((_a3 = __privateGet9(this, _el)) == null ? void 0 : _a3.hasAttribute(`${__privateGet9(this, _attr)}`))) {
+    if (this.value === "" && !((_a4 = __privateGet9(this, _el)) == null ? void 0 : _a4.hasAttribute(`${__privateGet9(this, _attr)}`))) {
       return;
     }
     (_b2 = __privateGet9(this, _el)) == null ? void 0 : _b2.setAttribute(`${__privateGet9(this, _attr)}`, `${this.value}`);
   }
   remove(...tokens) {
-    var _a3;
+    var _a4;
     tokens.forEach((t2) => __privateGet9(this, _tokenSet).delete(t2));
-    (_a3 = __privateGet9(this, _el)) == null ? void 0 : _a3.setAttribute(`${__privateGet9(this, _attr)}`, `${this.value}`);
+    (_a4 = __privateGet9(this, _el)) == null ? void 0 : _a4.setAttribute(`${__privateGet9(this, _attr)}`, `${this.value}`);
   }
   contains(token) {
     return __privateGet9(this, _tokens, tokens_get).has(token);
@@ -4716,7 +4714,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 __accessCheck11 = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
@@ -4810,11 +4808,11 @@ var MediaPlaybackRateButton = class extends MediaChromeButton {
     setNumericAttr(this, MediaUIAttributes.MEDIA_PLAYBACK_RATE, value);
   }
   handleClick() {
-    var _a3, _b2;
+    var _a4, _b2;
     const availableRates = Array.from(this.rates.values(), (str) => +str).sort(
       (a, b) => a - b
     );
-    const detail = (_b2 = (_a3 = availableRates.find((r) => r > this.mediaPlaybackRate)) != null ? _a3 : availableRates[0]) != null ? _b2 : DEFAULT_RATE;
+    const detail = (_b2 = (_a4 = availableRates.find((r) => r > this.mediaPlaybackRate)) != null ? _a4 : availableRates[0]) != null ? _b2 : DEFAULT_RATE;
     const evt = new GlobalThis.CustomEvent(
       MediaUIEvents.MEDIA_PLAYBACK_RATE_REQUEST,
       { composed: true, bubbles: true, detail }
@@ -4830,7 +4828,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 __accessCheck12 = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
@@ -4965,7 +4963,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 __accessCheck13 = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
@@ -5079,7 +5077,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 __accessCheck14 = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
@@ -5238,7 +5236,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">
@@ -5305,10 +5303,10 @@ if (!GlobalThis.customElements.get("media-rendition-menu-button")) {
 // src/themes/classic/index.ts
 var template7 = internalDocument.createElement("template");
 if ("innerHTML" in template7) template7.innerHTML = classic_default;
-var _a2, _b;
+var _a3, _b;
 var MediaThemeClassic = class extends MediaThemeElement {
 };
-MediaThemeClassic.template = (_b = (_a2 = template7.content) == null ? void 0 : _a2.children) == null ? void 0 : _b[0];
+MediaThemeClassic.template = (_b = (_a3 = template7.content) == null ? void 0 : _a3.children) == null ? void 0 : _b[0];
 if (!internalGlobalThis.customElements.get("media-theme-classic")) {
   internalGlobalThis.customElements.define("media-theme-classic", MediaThemeClassic);
 }