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

package/dist/themes/gerwig/index.js

@@ -1216,7 +1216,7 @@ var mediaThemeGerwig = (() => {
   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",
@@ -1303,7 +1303,7 @@ var mediaThemeGerwig = (() => {
     {}
   );
   var AdditionalStateChangeEvents = {
-    USER_INACTIVE: "userinactivechange",
+    USER_INACTIVE_CHANGE: "userinactivechange",
     BREAKPOINTS_CHANGE: "breakpointchange",
     BREAKPOINTS_COMPUTED: "breakpointscomputed"
   };
@@ -1346,7 +1346,7 @@ var mediaThemeGerwig = (() => {
     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() {
     }
@@ -1442,7 +1442,7 @@ var mediaThemeGerwig = (() => {
   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);
@@ -1495,14 +1495,14 @@ var mediaThemeGerwig = (() => {
   };
   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) {
@@ -1773,7 +1773,7 @@ var mediaThemeGerwig = (() => {
     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);
   }
@@ -1806,7 +1806,7 @@ var mediaThemeGerwig = (() => {
     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)
   };
@@ -1823,7 +1823,7 @@ var mediaThemeGerwig = (() => {
       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);
@@ -1831,7 +1831,7 @@ var mediaThemeGerwig = (() => {
           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("");
@@ -1843,7 +1843,7 @@ var mediaThemeGerwig = (() => {
   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) {
@@ -1857,7 +1857,7 @@ var mediaThemeGerwig = (() => {
               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);
@@ -1914,8 +1914,8 @@ var mediaThemeGerwig = (() => {
     "<=": (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) {
@@ -1929,12 +1929,12 @@ var mediaThemeGerwig = (() => {
     }).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);
@@ -2033,7 +2033,7 @@ var mediaThemeGerwig = (() => {
     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);
@@ -2112,8 +2112,8 @@ var mediaThemeGerwig = (() => {
         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;
@@ -2146,8 +2146,8 @@ var mediaThemeGerwig = (() => {
       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);
@@ -2155,9 +2155,9 @@ var mediaThemeGerwig = (() => {
       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");
           }
@@ -2204,8 +2204,8 @@ var mediaThemeGerwig = (() => {
       }
     }
     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();
@@ -2221,12 +2221,12 @@ var mediaThemeGerwig = (() => {
   };
   _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);
@@ -2269,7 +2269,7 @@ var mediaThemeGerwig = (() => {
     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,
@@ -2294,9 +2294,9 @@ var mediaThemeGerwig = (() => {
     };
   }
   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,
@@ -2345,7 +2345,7 @@ var mediaThemeGerwig = (() => {
     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);
@@ -2374,7 +2374,7 @@ var mediaThemeGerwig = (() => {
     }
   }
 
-  // ../../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.
@@ -2396,17 +2396,17 @@ var mediaThemeGerwig = (() => {
     }
   };
 
-  // ../../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
       );
     }
@@ -2433,15 +2433,15 @@ var mediaThemeGerwig = (() => {
     );
   };
   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;
     }
@@ -2454,9 +2454,9 @@ var mediaThemeGerwig = (() => {
     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;
@@ -2470,8 +2470,8 @@ var mediaThemeGerwig = (() => {
     }
   }
   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(
@@ -2525,8 +2525,8 @@ var mediaThemeGerwig = (() => {
     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) {
@@ -2541,7 +2541,7 @@ var mediaThemeGerwig = (() => {
     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);
@@ -2744,12 +2744,12 @@ var mediaThemeGerwig = (() => {
     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"] {
@@ -2941,7 +2941,7 @@ var mediaThemeGerwig = (() => {
       }
     }
     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")) {
@@ -2951,22 +2951,22 @@ var mediaThemeGerwig = (() => {
         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);
@@ -2984,7 +2984,7 @@ var mediaThemeGerwig = (() => {
         );
       } 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) {
@@ -3017,9 +3017,9 @@ var mediaThemeGerwig = (() => {
      * 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}`
         );
       }
@@ -3038,8 +3038,8 @@ var mediaThemeGerwig = (() => {
       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);
@@ -3060,13 +3060,13 @@ var mediaThemeGerwig = (() => {
       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;
       }
     }
@@ -3083,10 +3083,10 @@ var mediaThemeGerwig = (() => {
       ];
     }
     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") {
@@ -3136,9 +3136,9 @@ var mediaThemeGerwig = (() => {
   _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();
@@ -3150,16 +3150,16 @@ var mediaThemeGerwig = (() => {
   };
   _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));
   };
@@ -3221,10 +3221,10 @@ var mediaThemeGerwig = (() => {
   };
   _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;
     }
@@ -3236,11 +3236,11 @@ var mediaThemeGerwig = (() => {
   };
   _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) {
@@ -3272,10 +3272,10 @@ var mediaThemeGerwig = (() => {
   };
   _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;
@@ -3284,7 +3284,7 @@ var mediaThemeGerwig = (() => {
   };
   _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;
@@ -3300,7 +3300,7 @@ var mediaThemeGerwig = (() => {
         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);
       }
@@ -3358,14 +3358,14 @@ var mediaThemeGerwig = (() => {
     );
   }
   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);
@@ -3414,7 +3414,7 @@ var mediaThemeGerwig = (() => {
       );
       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;
@@ -3432,7 +3432,7 @@ var mediaThemeGerwig = (() => {
     }
 
     :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));
@@ -3542,12 +3542,12 @@ var mediaThemeGerwig = (() => {
       __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 : "";
@@ -3636,9 +3636,9 @@ var mediaThemeGerwig = (() => {
      * 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}`
         );
       }
@@ -3656,22 +3656,22 @@ var mediaThemeGerwig = (() => {
       })[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))
@@ -3771,8 +3771,8 @@ var mediaThemeGerwig = (() => {
   };
   _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();
@@ -3804,7 +3804,7 @@ var mediaThemeGerwig = (() => {
     );
   }
 
-  // ../../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*/
   `
@@ -3860,7 +3860,7 @@ var mediaThemeGerwig = (() => {
     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*/
@@ -3893,7 +3893,7 @@ var mediaThemeGerwig = (() => {
     );
   }
 
-  // ../../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);
@@ -3949,7 +3949,7 @@ var mediaThemeGerwig = (() => {
     box-sizing: border-box;
     transition: background .15s linear;
     pointer-events: auto;
-    cursor: pointer;
+    cursor: var(--media-cursor, pointer);
     -webkit-tap-highlight-color: transparent;
   }
 
@@ -4016,7 +4016,7 @@ var mediaThemeGerwig = (() => {
 `;
   var MediaChromeButton = class extends GlobalThis.HTMLElement {
     constructor(options = {}) {
-      var _a3;
+      var _a4;
       super();
       __privateAdd6(this, _setupTooltip);
       __privateAdd6(this, _mediaController2, void 0);
@@ -4030,8 +4030,8 @@ var mediaThemeGerwig = (() => {
         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;
@@ -4061,7 +4061,7 @@ var mediaThemeGerwig = (() => {
           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));
@@ -4088,10 +4088,10 @@ var mediaThemeGerwig = (() => {
       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) {
@@ -4110,7 +4110,7 @@ var mediaThemeGerwig = (() => {
       __privateGet6(this, _positionTooltip).call(this);
     }
     connectedCallback() {
-      var _a3, _b2, _c;
+      var _a4, _b2, _c;
       const { style } = getOrInsertCSSRule(this.shadowRoot, ":host");
       style.setProperty(
         "display",
@@ -4130,16 +4130,16 @@ var mediaThemeGerwig = (() => {
           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));
@@ -4202,7 +4202,7 @@ var mediaThemeGerwig = (() => {
     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();
@@ -4221,17 +4221,17 @@ var mediaThemeGerwig = (() => {
      * @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 })
       );
     }
@@ -4243,7 +4243,7 @@ var mediaThemeGerwig = (() => {
     );
   }
 
-  // ../../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",
@@ -4305,24 +4305,22 @@ var mediaThemeGerwig = (() => {
     "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*/
   `
@@ -4365,7 +4363,7 @@ var mediaThemeGerwig = (() => {
     );
   }
 
-  // ../../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);
@@ -4431,10 +4429,10 @@ var mediaThemeGerwig = (() => {
      * 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"
       );
     }
@@ -4449,8 +4447,8 @@ var mediaThemeGerwig = (() => {
      * 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);
@@ -4498,7 +4496,7 @@ var mediaThemeGerwig = (() => {
     );
   }
 
-  // ../../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">
@@ -4539,18 +4537,18 @@ var mediaThemeGerwig = (() => {
      * @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);
@@ -4563,7 +4561,7 @@ var mediaThemeGerwig = (() => {
     );
   }
 
-  // ../../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(":");
@@ -4594,12 +4592,12 @@ var mediaThemeGerwig = (() => {
     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);
@@ -4703,7 +4701,7 @@ var mediaThemeGerwig = (() => {
   _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));
@@ -4726,7 +4724,7 @@ var mediaThemeGerwig = (() => {
         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"));
       }
@@ -4784,7 +4782,7 @@ var mediaThemeGerwig = (() => {
     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);
@@ -4862,10 +4860,10 @@ var mediaThemeGerwig = (() => {
      * @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.
@@ -4914,7 +4912,7 @@ var mediaThemeGerwig = (() => {
     );
   }
 
-  // ../../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);
@@ -4957,15 +4955,15 @@ var mediaThemeGerwig = (() => {
       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;
@@ -4980,17 +4978,17 @@ var mediaThemeGerwig = (() => {
       __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);
@@ -5027,7 +5025,7 @@ var mediaThemeGerwig = (() => {
     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);
@@ -5121,11 +5119,11 @@ var mediaThemeGerwig = (() => {
       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 }
@@ -5141,7 +5139,7 @@ var mediaThemeGerwig = (() => {
     );
   }
 
-  // ../../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);
@@ -5276,7 +5274,7 @@ var mediaThemeGerwig = (() => {
     );
   }
 
-  // ../../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);
@@ -5390,7 +5388,7 @@ var mediaThemeGerwig = (() => {
     );
   }
 
-  // ../../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);
@@ -5549,7 +5547,7 @@ var mediaThemeGerwig = (() => {
     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">
@@ -5616,10 +5614,10 @@ var mediaThemeGerwig = (() => {
   // src/themes/gerwig/index.ts
   var template7 = internalDocument.createElement("template");
   if ("innerHTML" in template7) template7.innerHTML = gerwig_default;
-  var _a2, _b;
+  var _a3, _b;
   var MediaThemeGerwig = class extends MediaThemeElement {
   };
-  MediaThemeGerwig.template = (_b = (_a2 = template7.content) == null ? void 0 : _a2.children) == null ? void 0 : _b[0];
+  MediaThemeGerwig.template = (_b = (_a3 = template7.content) == null ? void 0 : _a3.children) == null ? void 0 : _b[0];
   if (!internalGlobalThis.customElements.get("media-theme-gerwig")) {
     internalGlobalThis.customElements.define("media-theme-gerwig", MediaThemeGerwig);
   }