playron 1.0.37 → 1.0.39

package/dist/playron.es.js

@@ -1,6 +1,6 @@
 import { jsx as s, jsxs as u, Fragment as oe } from "react/jsx-runtime";
-import { createContext as de, useState as b, useEffect as k, useMemo as Ue, useContext as re, memo as kt, useRef as O, useCallback as $ } from "react";
-class St {
+import { createContext as ce, useState as b, useEffect as k, useMemo as Ue, useContext as re, memo as kt, useRef as O, useCallback as $ } from "react";
+class At {
   listeners = /* @__PURE__ */ new Map();
   /**
    * Event dinleyicisi ekle
@@ -47,7 +47,7 @@ class St {
     return this.listeners.get(e)?.size || 0;
   }
 }
-const ge = new St(), x = {
+const ge = new At(), x = {
   // Playback events
   PLAY: "play",
   PAUSE: "pause",
@@ -78,7 +78,7 @@ const ge = new St(), x = {
   EMPTIED: "emptied",
   // Other events
   RESIZE: "resize"
-}, Ae = {
+}, Se = {
   MEDIA_ERR_ABORTED: 1,
   // Fetching process aborted by user
   MEDIA_ERR_NETWORK: 2,
@@ -91,7 +91,7 @@ const ge = new St(), x = {
 function Ei(a) {
   return Object.values(x).includes(a);
 }
-class At {
+class St {
   videoElement = null;
   isPlaying = !1;
   isMuted = !1;
@@ -122,10 +122,10 @@ class At {
       console.error("Video error:", e), this.videoElement?.error && console.error("Video error details:", {
         code: this.videoElement.error.code,
         message: this.videoElement.error.message,
-        MEDIA_ERR_ABORTED: this.videoElement.error.code === Ae.MEDIA_ERR_ABORTED,
-        MEDIA_ERR_NETWORK: this.videoElement.error.code === Ae.MEDIA_ERR_NETWORK,
-        MEDIA_ERR_DECODE: this.videoElement.error.code === Ae.MEDIA_ERR_DECODE,
-        MEDIA_ERR_SRC_NOT_SUPPORTED: this.videoElement.error.code === Ae.MEDIA_ERR_SRC_NOT_SUPPORTED
+        MEDIA_ERR_ABORTED: this.videoElement.error.code === Se.MEDIA_ERR_ABORTED,
+        MEDIA_ERR_NETWORK: this.videoElement.error.code === Se.MEDIA_ERR_NETWORK,
+        MEDIA_ERR_DECODE: this.videoElement.error.code === Se.MEDIA_ERR_DECODE,
+        MEDIA_ERR_SRC_NOT_SUPPORTED: this.videoElement.error.code === Se.MEDIA_ERR_SRC_NOT_SUPPORTED
       });
     }));
   }
@@ -560,8 +560,8 @@ class Tt {
     const i = (n) => {
       const o = {};
       let l = !1;
-      e.forEach((d) => {
-        r[d] !== n[d] && (o[d] = n[d], l = !0);
+      e.forEach((c) => {
+        r[c] !== n[c] && (o[c] = n[c], l = !0);
       }), l && t(o), r = { ...n };
     };
     this.subscribe(i);
@@ -710,7 +710,7 @@ class Pt {
         hasDVR: !1,
         isEngineSupported: this.preCheckCapability("hls")
       };
-    const i = t.includes("#EXT-X-MEDIA-SEQUENCE"), n = t.includes("#EXT-X-ENDLIST"), o = t.includes("#EXT-X-PLAYLIST-TYPE:EVENT"), l = this.extractTargetDuration(t), d = this.extractMediaSequence(t);
+    const i = t.includes("#EXT-X-MEDIA-SEQUENCE"), n = t.includes("#EXT-X-ENDLIST"), o = t.includes("#EXT-X-PLAYLIST-TYPE:EVENT"), l = this.extractTargetDuration(t), c = this.extractMediaSequence(t);
     return i && !n ? {
       type: "live",
       protocol: "hls",
@@ -718,7 +718,7 @@ class Pt {
       hasDVR: o,
       // EVENT type supports DVR
       targetDuration: l,
-      mediaSequence: d,
+      mediaSequence: c,
       isEngineSupported: this.preCheckCapability("hls")
     } : {
       type: "vod",
@@ -914,17 +914,17 @@ async function nt(a, e, t, r, i) {
   let n = new Error("License request failed");
   for (let o = 0; o <= r; o++) {
     if (o > 0) {
-      const c = i * Math.pow(2, o - 1);
-      await new Promise((h) => setTimeout(h, c));
+      const d = i * Math.pow(2, o - 1);
+      await new Promise((h) => setTimeout(h, d));
     }
-    const l = new AbortController(), d = setTimeout(() => l.abort(), t);
+    const l = new AbortController(), c = setTimeout(() => l.abort(), t);
     try {
-      const c = await fetch(a, { ...e, signal: l.signal });
-      if (clearTimeout(d), !c.ok)
-        throw new Error(`HTTP ${c.status}: ${c.statusText}`);
-      return await c.arrayBuffer();
-    } catch (c) {
-      clearTimeout(d), c instanceof Error && c.name === "AbortError" ? n = new Error(`Request timed out after ${t}ms (attempt ${o + 1}/${r + 1})`) : n = c instanceof Error ? c : new Error(String(c));
+      const d = await fetch(a, { ...e, signal: l.signal });
+      if (clearTimeout(c), !d.ok)
+        throw new Error(`HTTP ${d.status}: ${d.statusText}`);
+      return await d.arrayBuffer();
+    } catch (d) {
+      clearTimeout(c), d instanceof Error && d.name === "AbortError" ? n = new Error(`Request timed out after ${t}ms (attempt ${o + 1}/${r + 1})`) : n = d instanceof Error ? d : new Error(String(d));
     }
   }
   throw n;
@@ -949,11 +949,11 @@ function $t() {
 }
 async function Ft(a, e, t = {}, r = !1, i = {}) {
   const n = i.timeout ?? _t, o = i.maxRetries ?? Vt, l = i.retryDelay ?? Nt;
-  let d = e;
-  i.prepareLicenseRequest && (d = await i.prepareLicenseRequest(e));
-  const c = {
+  let c = e;
+  i.prepareLicenseRequest && (c = await i.prepareLicenseRequest(e));
+  const d = {
     method: "POST",
-    body: d,
+    body: c,
     headers: {
       "Content-Type": "application/octet-stream",
       ...t
@@ -963,7 +963,7 @@ async function Ft(a, e, t = {}, r = !1, i = {}) {
   console.debug("[LicenseManager] Acquiring license from:", a);
   let h = await nt(
     a,
-    c,
+    d,
     n,
     o,
     l
@@ -1372,8 +1372,8 @@ class Xt {
       try {
         const l = new o.media.MediaInfo(e, t);
         l.streamType = i ? o.media.StreamType.LIVE : o.media.StreamType.BUFFERED, l.metadata = null;
-        const d = new o.media.LoadRequest(l);
-        d.currentTime = r, d.autoplay = !0, await n.loadMedia(d), console.log(`[ChromecastManager] Media loaded on receiver: ${e} (t=${r}s)`);
+        const c = new o.media.LoadRequest(l);
+        c.currentTime = r, c.autoplay = !0, await n.loadMedia(c), console.log(`[ChromecastManager] Media loaded on receiver: ${e} (t=${r}s)`);
       } catch (l) {
         console.error("[ChromecastManager] loadMedia error:", l);
       }
@@ -1500,7 +1500,7 @@ class fe {
    */
   initialize() {
     if (!this.videoElement) return;
-    this.videoEngine = new At(this.videoElement);
+    this.videoEngine = new St(this.videoElement);
     const e = this.loadPersistedVolume();
     e !== null && (this.videoElement.volume = e), this.stateManager = new Tt({
       isPlaying: !1,
@@ -1791,7 +1791,9 @@ class fe {
       const r = this.streamInfo?.isDynamic ?? !1, i = t.protocol === "hls" ? "application/x-mpegURL" : t.protocol === "dash" ? "application/dash+xml" : "video/mp4";
       this.castManager.loadMedia(e, i, 0, r);
     }
-    this.startStallDetector();
+    this.startStallDetector(), this.videoElement?.autoplay && this.videoElement.play().catch((r) => {
+      r instanceof DOMException && (r.name === "AbortError" || r.name === "NotAllowedError") || console.warn("[PlayerCore] Autoplay failed:", r);
+    });
   }
   /**
    * Aktif streaming engine'i temizle
@@ -1805,7 +1807,9 @@ class fe {
   async fallbackToNative(e, t) {
     if (!(!this.videoElement || !this.videoEngine))
       try {
-        console.log(`[PlayerCore] Attempting native fallback for ${t} stream`), this.videoEngine.setSource(e), this.streamType = "vod", this.streamInfo = {
+        console.log(`[PlayerCore] Attempting native fallback for ${t} stream`), this.videoEngine.setSource(e), this.videoElement?.autoplay && this.videoElement.play().catch((r) => {
+          r instanceof DOMException && (r.name === "AbortError" || r.name);
+        }), this.streamType = "vod", this.streamInfo = {
           type: "vod",
           protocol: "progressive",
           isDynamic: !1,
@@ -2068,7 +2072,7 @@ class fe {
     this.stallDetector?.destroy(), this.stallDetector = null, this.destroyAirPlay(), this.destroyChromecast(), this.destroyStreamingEngines(), this.videoEngine && (this.videoEngine.destroy(), this.videoEngine = null), this.stateManager && (this.stateManager.reset(), this.stateManager = null), this.configManager && (this.configManager.reset(), this.configManager = null), this.videoElement = null, this.container = null;
   }
 }
-const st = de(null), ot = {
+const st = ce(null), ot = {
   isPlaying: !1,
   isMuted: !1,
   volume: 1,
@@ -2077,7 +2081,7 @@ const st = de(null), ot = {
   isLive: !1,
   isAtLiveEdge: !1,
   liveLatency: 0
-}, at = de(ot), lt = de(null);
+}, at = ce(ot), lt = ce(null);
 function Gt({ children: a, playerInstance: e }) {
   const [t, r] = b(ot);
   k(() => {
@@ -2085,20 +2089,20 @@ function Gt({ children: a, playerInstance: e }) {
     const n = e.getStateManager();
     if (!n) return;
     r(n.getState());
-    const o = (d) => {
-      r(d);
+    const o = (c) => {
+      r(c);
     };
     n.subscribe(o);
     const l = e.getVideoElement();
     if (l) {
-      const d = () => {
+      const c = () => {
         const g = e.isLive();
         n.updateState({
           currentTime: l.currentTime,
           duration: l.duration || 0,
           isLive: g
         });
-      }, c = () => {
+      }, d = () => {
         n.set("isPlaying", !l.paused);
       }, h = () => {
         n.updateState({
@@ -2112,8 +2116,8 @@ function Gt({ children: a, playerInstance: e }) {
           isLive: !0
         });
       };
-      return e.events.on("livelatencyupdate", p), l.addEventListener(x.TIME_UPDATE, d), l.addEventListener(x.PLAY, c), l.addEventListener(x.PAUSE, c), l.addEventListener(x.VOLUME_CHANGE, h), l.addEventListener(x.LOADED_METADATA, d), () => {
-        e.events.off("livelatencyupdate", p), l.removeEventListener(x.TIME_UPDATE, d), l.removeEventListener(x.PLAY, c), l.removeEventListener(x.PAUSE, c), l.removeEventListener(x.VOLUME_CHANGE, h), l.removeEventListener(x.LOADED_METADATA, d), n.unsubscribe(o);
+      return e.events.on("livelatencyupdate", p), l.addEventListener(x.TIME_UPDATE, c), l.addEventListener(x.PLAY, d), l.addEventListener(x.PAUSE, d), l.addEventListener(x.VOLUME_CHANGE, h), l.addEventListener(x.LOADED_METADATA, c), () => {
+        e.events.off("livelatencyupdate", p), l.removeEventListener(x.TIME_UPDATE, c), l.removeEventListener(x.PLAY, d), l.removeEventListener(x.PAUSE, d), l.removeEventListener(x.VOLUME_CHANGE, h), l.removeEventListener(x.LOADED_METADATA, c), n.unsubscribe(o);
       };
     }
     return () => {
@@ -2273,24 +2277,24 @@ const Zt = "_overlay_3mfq6_3", Jt = "_iconContainer_3mfq6_17", er = "_loading_3m
   customIcon: rr
 };
 function ir({ config: a, isAdLoading: e }) {
-  const t = Y((D) => D.isPlaying), { togglePlay: r, toggleFullscreen: i, getPlayer: n } = q(), [o, l] = b(!1), [d, c] = b("play"), [h, p] = b(!1), g = O(null);
+  const t = Y((I) => I.isPlaying), { togglePlay: r, toggleFullscreen: i, getPlayer: n } = q(), [o, l] = b(!1), [c, d] = b("play"), [h, p] = b(!1), g = O(null);
   k(() => {
-    console.log("[VideoOverlay] isAdLoading changed:", e), e ? (console.log("[VideoOverlay] ✅ Showing ad loading icon"), p(!0), c("loading"), l(!0)) : (console.log("[VideoOverlay] ❌ Hiding ad loading icon"), p(!1), l(!1));
+    console.log("[VideoOverlay] isAdLoading changed:", e), e ? (console.log("[VideoOverlay] ✅ Showing ad loading icon"), p(!0), d("loading"), l(!0)) : (console.log("[VideoOverlay] ❌ Hiding ad loading icon"), p(!1), l(!1));
   }, [e]);
-  const m = a?.ui?.showOverlayIcons !== !1, S = a?.ui?.showPlayPauseIcons !== !1, I = a?.ui?.overlayIcons?.playIcon, C = a?.ui?.overlayIcons?.pauseIcon, T = a?.ui?.overlayIcons?.iconSize || 40, w = a?.ui?.overlayIcons?.containerSize || 80;
+  const m = a?.ui?.showOverlayIcons !== !1, A = a?.ui?.showPlayPauseIcons !== !1, R = a?.ui?.overlayIcons?.playIcon, C = a?.ui?.overlayIcons?.pauseIcon, T = a?.ui?.overlayIcons?.iconSize || 40, w = a?.ui?.overlayIcons?.containerSize || 80;
   k(() => {
-    const D = n();
-    if (!D) return;
-    const A = D.video || D.videoElement;
-    if (!A) return;
+    const I = n();
+    if (!I) return;
+    const S = I.video || I.videoElement;
+    if (!S) return;
     const _ = () => {
-      p(!0), c("loading"), l(!0), g.current && clearTimeout(g.current);
+      p(!0), d("loading"), l(!0), g.current && clearTimeout(g.current);
     }, W = () => {
       g.current = window.setTimeout(() => {
         p(!1), l(!1);
       }, 300);
     }, E = () => {
-      p(!0), c("loading"), l(!0);
+      p(!0), d("loading"), l(!0);
     }, M = () => {
       h && (g.current = window.setTimeout(() => {
         p(!1), l(!1);
@@ -2300,42 +2304,42 @@ function ir({ config: a, isAdLoading: e }) {
         p(!1), l(!1);
       }, 300));
     }, H = () => {
-      p(!0), c("loading"), l(!0);
+      p(!0), d("loading"), l(!0);
     };
-    return A.addEventListener(x.SEEKING, _), A.addEventListener(x.SEEKED, W), A.addEventListener(x.WAITING, E), A.addEventListener(x.PLAYING, M), A.addEventListener(x.CAN_PLAY, N), A.addEventListener(x.LOAD_START, H), () => {
-      A.removeEventListener(x.SEEKING, _), A.removeEventListener(x.SEEKED, W), A.removeEventListener(x.WAITING, E), A.removeEventListener(x.PLAYING, M), A.removeEventListener(x.CAN_PLAY, N), A.removeEventListener(x.LOAD_START, H), g.current && clearTimeout(g.current);
+    return S.addEventListener(x.SEEKING, _), S.addEventListener(x.SEEKED, W), S.addEventListener(x.WAITING, E), S.addEventListener(x.PLAYING, M), S.addEventListener(x.CAN_PLAY, N), S.addEventListener(x.LOAD_START, H), () => {
+      S.removeEventListener(x.SEEKING, _), S.removeEventListener(x.SEEKED, W), S.removeEventListener(x.WAITING, E), S.removeEventListener(x.PLAYING, M), S.removeEventListener(x.CAN_PLAY, N), S.removeEventListener(x.LOAD_START, H), g.current && clearTimeout(g.current);
     };
   }, [n, h]), k(() => {
     if (!h) {
-      c(t ? "pause" : "play"), l(!0);
-      const D = setTimeout(() => {
+      d(t ? "pause" : "play"), l(!0);
+      const I = setTimeout(() => {
         l(!1);
       }, 600);
-      return () => clearTimeout(D);
+      return () => clearTimeout(I);
     }
   }, [t, h]);
   const y = $(async () => {
     await r();
   }, [r]), G = $(() => {
     i();
-  }, [i]), X = (D) => {
-    const A = D === "play" ? I : C;
-    return A ? /^https?:\/\//.test(A) || /\.(jpg|jpeg|png|svg|gif|webp)$/i.test(A) ? /* @__PURE__ */ s(
+  }, [i]), X = (I) => {
+    const S = I === "play" ? R : C;
+    return S ? /^https?:\/\//.test(S) || /\.(jpg|jpeg|png|svg|gif|webp)$/i.test(S) ? /* @__PURE__ */ s(
       "img",
       {
-        src: A,
-        alt: D === "play" ? "Play" : "Pause",
+        src: S,
+        alt: I === "play" ? "Play" : "Pause",
         className: ne.customIcon,
         style: { "--icon-size": `${T}px` }
       }
     ) : /* @__PURE__ */ s(
       "div",
       {
-        dangerouslySetInnerHTML: { __html: A },
+        dangerouslySetInnerHTML: { __html: S },
         className: ne.customIcon,
         style: { "--icon-size": `${T}px` }
       }
-    ) : D === "play" ? /* @__PURE__ */ s(
+    ) : I === "play" ? /* @__PURE__ */ s(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -2387,7 +2391,7 @@ function ir({ config: a, isAdLoading: e }) {
         className: `virtus-video-overlay ${ne.overlay}`,
         onClick: y,
         onDoubleClick: G,
-        children: m && o && !e && (d === "loading" || S) && /* @__PURE__ */ s(
+        children: m && o && !e && (c === "loading" || A) && /* @__PURE__ */ s(
           "div",
           {
             className: `${ne.iconContainer} ${h ? ne.loading : ""}`,
@@ -2395,7 +2399,7 @@ function ir({ config: a, isAdLoading: e }) {
               "--icon-container-size": `${w}px`,
               "--icon-size": `${T}px`
             },
-            children: d === "loading" ? /* @__PURE__ */ s(Xe, { size: T }) : X(d)
+            children: c === "loading" ? /* @__PURE__ */ s(Xe, { size: T }) : X(c)
           }
         )
       }
@@ -2409,13 +2413,13 @@ function Ce() {
     throw new Error("usePlayer must be used within PlayerProvider");
   return a;
 }
-const sr = "_errorOverlay_4djr8_5", or = "_variant_drm_4djr8_19", ar = "_variant_network_4djr8_23", lr = "_variant_decode_4djr8_27", dr = "_variant_generic_4djr8_31", cr = "_errorContent_4djr8_37", ur = "_errorIcon_4djr8_51", hr = "_iconPulse_4djr8_1", pr = "_drmGlow_4djr8_1", gr = "_netGlow_4djr8_1", fr = "_errorTitle_4djr8_86", mr = "_errorMessage_4djr8_100", yr = "_errorHint_4djr8_109", vr = "_browserList_4djr8_117", br = "_browserItem_4djr8_126", Er = "_errorCode_4djr8_142", wr = "_retryButton_4djr8_152", te = {
+const sr = "_errorOverlay_4djr8_5", or = "_variant_drm_4djr8_19", ar = "_variant_network_4djr8_23", lr = "_variant_decode_4djr8_27", cr = "_variant_generic_4djr8_31", dr = "_errorContent_4djr8_37", ur = "_errorIcon_4djr8_51", hr = "_iconPulse_4djr8_1", pr = "_drmGlow_4djr8_1", gr = "_netGlow_4djr8_1", fr = "_errorTitle_4djr8_86", mr = "_errorMessage_4djr8_100", yr = "_errorHint_4djr8_109", vr = "_browserList_4djr8_117", br = "_browserItem_4djr8_126", Er = "_errorCode_4djr8_142", wr = "_retryButton_4djr8_152", te = {
   errorOverlay: sr,
   variant_drm: or,
   variant_network: ar,
   variant_decode: lr,
-  variant_generic: dr,
-  errorContent: cr,
+  variant_generic: cr,
+  errorContent: dr,
   errorIcon: ur,
   iconPulse: hr,
   drmGlow: pr,
@@ -2508,10 +2512,10 @@ function kr(a) {
       };
   }
 }
-const Sr = 12e3;
-function Ar({ onRetry: a, drmConfig: e }) {
-  const t = Ce(), [r, i] = b(null), [n, o] = b(null), l = O(null), d = O(null);
-  d.current = r, k(() => {
+const Ar = 12e3;
+function Sr({ onRetry: a, drmConfig: e }) {
+  const t = Ce(), [r, i] = b(null), [n, o] = b(null), l = O(null), c = O(null);
+  c.current = r, k(() => {
     it().then((g) => {
       o(g);
       const m = Ge(e, g);
@@ -2526,15 +2530,15 @@ function Ar({ onRetry: a, drmConfig: e }) {
   }, []), k(() => {
     if (!n || !e?.enabled) return;
     const g = Ge(e, n);
-    g && !d.current && i({ type: g, code: "DRM_NOT_SUPPORTED", rawMessage: "Browser does not support the required DRM key system.", persistent: !0 });
+    g && !c.current && i({ type: g, code: "DRM_NOT_SUPPORTED", rawMessage: "Browser does not support the required DRM key system.", persistent: !0 });
   }, [e, n]), k(() => {
     if (!t || !e?.enabled) return;
     const g = t.getVideoElement();
     if (!g) return;
     const m = () => {
       g.currentTime > 0.5 || (l.current = setTimeout(() => {
-        if (d.current) return;
-        const I = n, C = I ? I.fairplay && !I.widevine && !I.playready ? "drm_fairplay_needed" : !I.widevine && !I.fairplay && !I.playready ? "drm_browser_unsupported" : "drm_generic" : "drm_generic";
+        if (c.current) return;
+        const R = n, C = R ? R.fairplay && !R.widevine && !R.playready ? "drm_fairplay_needed" : !R.widevine && !R.fairplay && !R.playready ? "drm_browser_unsupported" : "drm_generic" : "drm_generic";
         i({
           type: C,
           code: "DRM_TIMEOUT",
@@ -2542,19 +2546,19 @@ function Ar({ onRetry: a, drmConfig: e }) {
           persistent: !0
           // don't let a late loadedmetadata dismiss this
         });
-      }, Sr));
-    }, S = () => {
+      }, Ar));
+    }, A = () => {
       l.current && (clearTimeout(l.current), l.current = null);
     };
-    return g.addEventListener("waiting", m), g.addEventListener("playing", S), g.addEventListener("timeupdate", S), () => {
-      g.removeEventListener("waiting", m), g.removeEventListener("playing", S), g.removeEventListener("timeupdate", S), S();
+    return g.addEventListener("waiting", m), g.addEventListener("playing", A), g.addEventListener("timeupdate", A), () => {
+      g.removeEventListener("waiting", m), g.removeEventListener("playing", A), g.removeEventListener("timeupdate", A), A();
     };
   }, [t, e, n]), k(() => {
     if (!t) return;
     const g = (m) => {
       console.error("[ErrorOverlay] Player error:", m);
-      const S = xr(m, n);
-      i({ type: S, code: m.code, rawMessage: m.message ?? "Unknown error" });
+      const A = xr(m, n);
+      i({ type: A, code: m.code, rawMessage: m.message ?? "Unknown error" });
     };
     return t.events.on("error", g), () => {
       t.events.off("error", g);
@@ -2566,7 +2570,7 @@ function Ar({ onRetry: a, drmConfig: e }) {
       t.events.off("play", g), t.events.off("loadedmetadata", g);
     };
   }, [t]);
-  const c = $(() => {
+  const d = $(() => {
     if (i(null), a) {
       a();
       return;
@@ -2590,7 +2594,7 @@ function Ar({ onRetry: a, drmConfig: e }) {
     h.hint && /* @__PURE__ */ s("p", { className: te.errorHint, children: h.hint }),
     h.browsers && /* @__PURE__ */ s("ul", { className: te.browserList, children: h.browsers.map((g) => /* @__PURE__ */ s("li", { className: te.browserItem, children: g }, g)) }),
     r.code && h.variant !== "drm" && /* @__PURE__ */ s("p", { className: te.errorCode, children: r.code }),
-    h.showRetry && /* @__PURE__ */ s("button", { onClick: c, className: te.retryButton, children: "↻ Try Again" })
+    h.showRetry && /* @__PURE__ */ s("button", { onClick: d, className: te.retryButton, children: "↻ Try Again" })
   ] }) });
 }
 const se = {
@@ -2807,18 +2811,18 @@ function Mr({
   nextTitle: i,
   thumbnail: n
 }) {
-  const [o, l] = b(r), d = O(null), c = $(() => {
-    d.current && (clearInterval(d.current), d.current = null);
+  const [o, l] = b(r), c = O(null), d = $(() => {
+    c.current && (clearInterval(c.current), c.current = null);
   }, []);
   if (k(() => {
     if (!a) {
-      c(), l(r);
+      d(), l(r);
       return;
     }
-    return l(r), d.current = setInterval(() => {
-      l((m) => m <= 1 ? (c(), e(), 0) : m - 1);
-    }, 1e3), c;
-  }, [a, r, e, c]), !a) return null;
+    return l(r), c.current = setInterval(() => {
+      l((m) => m <= 1 ? (d(), e(), 0) : m - 1);
+    }, 1e3), d;
+  }, [a, r, e, d]), !a) return null;
   const h = 16, p = 2 * Math.PI * h, g = (r - o) / r * p;
   return /* @__PURE__ */ u(
     "div",
@@ -3047,10 +3051,10 @@ function Pr({ type: a, value: e }) {
 function Lr({ player: a, skipSec: e = 10 }) {
   const [t, r] = b(null), i = O(null), n = $((p) => {
     r(p), i.current && clearTimeout(i.current), i.current = setTimeout(() => r(null), 900);
-  }, []), o = O(null), l = 300, d = $((p) => {
+  }, []), o = O(null), l = 300, c = $((p) => {
     if (!a) return;
-    const g = p.touches[0], m = Date.now(), S = o.current;
-    if (S && m - S.time < l) {
+    const g = p.touches[0], m = Date.now(), A = o.current;
+    if (A && m - A.time < l) {
       const C = p.currentTarget.getBoundingClientRect();
       if (g.clientX - C.left > C.width / 2) {
         const w = a.getVideoElement();
@@ -3063,10 +3067,10 @@ function Lr({ player: a, skipSec: e = 10 }) {
       return;
     }
     o.current = { time: m, x: g.clientX };
-  }, [a, e, n]), c = $((p) => {
+  }, [a, e, n]), d = $((p) => {
   }, []), h = $(() => {
   }, []);
-  return { onTouchStart: d, onTouchMove: c, onTouchEnd: h, gestureHint: t };
+  return { onTouchStart: c, onTouchMove: d, onTouchEnd: h, gestureHint: t };
 }
 function Rr(a, e) {
   let t;
@@ -3114,16 +3118,16 @@ function Ir({
             break;
           case "ArrowLeft":
             n.preventDefault();
-            const d = Math.max(0, l.currentTime - e);
-            a.seekTo(d);
+            const c = Math.max(0, l.currentTime - e);
+            a.seekTo(c);
             break;
           case "ArrowRight":
             n.preventDefault();
-            const c = Math.min(
+            const d = Math.min(
               l.duration,
               l.currentTime + e
             );
-            a.seekTo(c);
+            a.seekTo(d);
             break;
           case "ArrowUp":
             n.preventDefault();
@@ -3166,10 +3170,10 @@ class _r {
     try {
       const n = await this.fetchVAST(e), o = this.parseXML(n), l = o.querySelector("Wrapper");
       if (l) {
-        const d = l.querySelector("VASTAdTagURI")?.textContent?.trim();
-        if (!d)
+        const c = l.querySelector("VASTAdTagURI")?.textContent?.trim();
+        if (!c)
           throw new Error("Wrapper missing VASTAdTagURI");
-        return this.parse(d, t + 1, r);
+        return this.parse(c, t + 1, r);
       }
       return this.parseInline(o);
     } catch (n) {
@@ -3229,14 +3233,14 @@ class _r {
       try {
         const l = o.querySelector("Wrapper");
         if (l) {
-          const d = l.querySelector("VASTAdTagURI")?.textContent?.trim();
-          if (d) {
-            const c = await this.parse(d, 1);
-            n.push(c);
+          const c = l.querySelector("VASTAdTagURI")?.textContent?.trim();
+          if (c) {
+            const d = await this.parse(c, 1);
+            n.push(d);
           }
         } else {
-          const d = this.parseAdElement(o, r);
-          d && n.push(d);
+          const c = this.parseAdElement(o, r);
+          c && n.push(c);
         }
       } catch (l) {
         console.warn("[VASTParser] Failed to parse Ad in pod, skipping:", l);
@@ -3265,17 +3269,17 @@ class _r {
       const T = Array.from(e.children).map((w) => w.tagName);
       throw T.length === 0 ? new Error("VAST Ad element is empty (no ads available)") : new Error(`VAST InLine not found. Found: ${T.join(", ")}`);
     }
-    const o = e.getAttribute("id") || `ad-${Date.now()}`, l = n.querySelector("AdTitle")?.textContent?.trim(), d = n.querySelector("Duration")?.textContent?.trim(), c = this.parseDuration(d || "00:00:00"), { mediaFile: h, isVpaid: p, vpaidUrl: g } = this.getMediaFileInfo(n);
+    const o = e.getAttribute("id") || `ad-${Date.now()}`, l = n.querySelector("AdTitle")?.textContent?.trim(), c = n.querySelector("Duration")?.textContent?.trim(), d = this.parseDuration(c || "00:00:00"), { mediaFile: h, isVpaid: p, vpaidUrl: g } = this.getMediaFileInfo(n);
     if (!h) throw new Error("VAST MediaFile not found");
-    const m = n.querySelector("ClickThrough")?.textContent?.trim(), S = this.parseTrackingEvents(n, t), I = this.getErrorUrls(t), C = this.parseCompanions(n);
+    const m = n.querySelector("ClickThrough")?.textContent?.trim(), A = this.parseTrackingEvents(n, t), R = this.getErrorUrls(t), C = this.parseCompanions(n);
     return {
       id: o,
       title: l,
-      duration: c,
+      duration: d,
       mediaFile: h,
       clickThrough: m,
-      trackingEvents: S,
-      errorUrls: I,
+      trackingEvents: A,
+      errorUrls: R,
       companions: C.length > 0 ? C : void 0,
       isVpaid: p,
       vpaidUrl: g,
@@ -3286,7 +3290,7 @@ class _r {
   parseCompanions(e) {
     const t = [];
     return e.querySelectorAll("CompanionAds > Companion").forEach((i) => {
-      const n = parseInt(i.getAttribute("width") || "0", 10), o = parseInt(i.getAttribute("height") || "0", 10), l = i.getAttribute("id") ?? void 0, d = i.querySelector("StaticResource"), c = i.querySelector("HTMLResource"), h = i.querySelector("IFrameResource"), p = d?.textContent?.trim() ?? void 0, g = c?.textContent?.trim() ?? void 0, m = h?.textContent?.trim() ?? void 0, S = d?.getAttribute("creativeType") ?? void 0, I = i.querySelector("CompanionClickThrough")?.textContent?.trim() ?? void 0, C = i.querySelector("AltText")?.textContent?.trim() ?? void 0, T = [];
+      const n = parseInt(i.getAttribute("width") || "0", 10), o = parseInt(i.getAttribute("height") || "0", 10), l = i.getAttribute("id") ?? void 0, c = i.querySelector("StaticResource"), d = i.querySelector("HTMLResource"), h = i.querySelector("IFrameResource"), p = c?.textContent?.trim() ?? void 0, g = d?.textContent?.trim() ?? void 0, m = h?.textContent?.trim() ?? void 0, A = c?.getAttribute("creativeType") ?? void 0, R = i.querySelector("CompanionClickThrough")?.textContent?.trim() ?? void 0, C = i.querySelector("AltText")?.textContent?.trim() ?? void 0, T = [];
       i.querySelectorAll('TrackingEvents > Tracking[event="creativeView"]').forEach((w) => {
         const y = w.textContent?.trim();
         y && T.push(y);
@@ -3297,8 +3301,8 @@ class _r {
         staticResource: p,
         htmlResource: g,
         iFrameResource: m,
-        type: S,
-        clickThrough: I,
+        type: A,
+        clickThrough: R,
         altText: C,
         viewTrackingUrls: T.length > 0 ? T : void 0
       });
@@ -3342,8 +3346,8 @@ class _r {
     i.length > 0 && (r.impression = Array.from(i).map((o) => o.textContent?.trim()).filter(Boolean));
     const n = ["start", "firstQuartile", "midpoint", "thirdQuartile", "complete", "skip", "pause", "resume"];
     return e.querySelectorAll("Tracking").forEach((o) => {
-      const l = o.getAttribute("event"), d = o.textContent?.trim();
-      !l || !d || !n.includes(l) || (r[l] || (r[l] = []), r[l].push(d));
+      const l = o.getAttribute("event"), c = o.textContent?.trim();
+      !l || !c || !n.includes(l) || (r[l] || (r[l] = []), r[l].push(c));
     }), r;
   }
   /**
@@ -3369,12 +3373,12 @@ class Vr {
     const t = await this.fetchVMAP(e), r = this.parseXML(t), i = "http://www.iab.net/videosuite/vmap";
     let n = r.querySelector("vmap\\:VMAP, VMAP");
     if (!n) {
-      const d = r.getElementsByTagNameNS(i, "VMAP");
-      if (d.length > 0)
-        n = d[0];
+      const c = r.getElementsByTagNameNS(i, "VMAP");
+      if (c.length > 0)
+        n = c[0];
       else {
-        const c = r.getElementsByTagName("VMAP");
-        c.length > 0 && (n = c[0]);
+        const d = r.getElementsByTagName("VMAP");
+        d.length > 0 && (n = d[0]);
       }
     }
     if (!n)
@@ -3453,9 +3457,9 @@ class Vr {
     const r = this.parseTimeOffset(t), i = "http://www.iab.net/videosuite/vmap";
     let n = e.querySelector("vmap\\:AdSource, AdSource");
     if (!n) {
-      const c = e.getElementsByTagNameNS(i, "AdSource");
-      if (c.length > 0)
-        n = c[0];
+      const d = e.getElementsByTagNameNS(i, "AdSource");
+      if (d.length > 0)
+        n = d[0];
       else {
         const h = e.getElementsByTagName("AdSource");
         h.length > 0 && (n = h[0]);
@@ -3465,22 +3469,22 @@ class Vr {
       return console.warn("[VMAPParser] AdBreak missing AdSource, skipping"), null;
     let o = n.querySelector("vmap\\:AdTagURI, AdTagURI");
     if (!o) {
-      const c = n.getElementsByTagNameNS(i, "AdTagURI");
-      if (c.length > 0)
-        o = c[0];
+      const d = n.getElementsByTagNameNS(i, "AdTagURI");
+      if (d.length > 0)
+        o = d[0];
       else {
         const h = n.getElementsByTagName("AdTagURI");
         h.length > 0 && (o = h[0]);
       }
     }
     if (!o)
-      return console.warn("[VMAPParser] AdSource missing AdTagURI, skipping"), console.warn("[VMAPParser] AdSource children:", Array.from(n.children).map((c) => c.tagName)), null;
+      return console.warn("[VMAPParser] AdSource missing AdTagURI, skipping"), console.warn("[VMAPParser] AdSource children:", Array.from(n.children).map((d) => d.tagName)), null;
     let l = o.textContent?.trim() || o.innerHTML?.trim();
     if (!l)
       return console.warn("[VMAPParser] AdTagURI is empty, skipping"), null;
     l = l.replace(/<!\\[CDATA\\[(.*?)\\]\\]>/g, "$1").trim();
-    const d = document.createElement("textarea");
-    return d.innerHTML = l, l = d.value, console.log("[VMAPParser] AdBreak parsed:", {
+    const c = document.createElement("textarea");
+    return c.innerHTML = l, l = c.value, console.log("[VMAPParser] AdBreak parsed:", {
       timeOffset: r,
       timeOffsetStr: t,
       vastUrl: l.substring(0, 100) + (l.length > 100 ? "..." : "")
@@ -3705,20 +3709,20 @@ class Br {
           window.getVPAIDAd = function() { return typeof window.VPAIDCreative !== 'undefined' ? new window.VPAIDCreative() : null; };
         <\/script>
       </body></html>`), l.close(), this.vpaidIframe.onload = () => {
-        const c = this.vpaidIframe?.contentWindow?.getVPAIDAd?.() ?? null;
-        if (!c) {
+        const d = this.vpaidIframe?.contentWindow?.getVPAIDAd?.() ?? null;
+        if (!d) {
           console.warn("[AdPlayer] VPAID creative not found in iframe, skipping"), this.hideLoadingCallback && this.hideLoadingCallback(), t();
           return;
         }
-        this.vpaidCreative = c, c.handshakeVersion("2.0"), c.subscribe(t, "AdStopped"), c.subscribe(t, "AdVideoComplete"), c.subscribe(t, "AdSkipped"), c.subscribe(() => {
+        this.vpaidCreative = d, d.handshakeVersion("2.0"), d.subscribe(t, "AdStopped"), d.subscribe(t, "AdVideoComplete"), d.subscribe(t, "AdSkipped"), d.subscribe(() => {
           this.hideLoadingCallback && this.hideLoadingCallback(), this.tracker.trackStart(e);
-        }, "AdStarted"), c.subscribe(() => {
+        }, "AdStarted"), d.subscribe(() => {
           r(new Error("VPAID AdError"));
-        }, "AdError"), c.initAd(n, o, "normal", -1, { AdParameters: "" }, {
+        }, "AdError"), d.initAd(n, o, "normal", -1, { AdParameters: "" }, {
           slot: i,
           videoSlot: this.adVideo,
           videoSlotCanAutoPlay: !0
-        }), c.startAd();
+        }), d.startAd();
       };
     });
   }
@@ -3807,12 +3811,12 @@ class Br {
       const i = this.adVideo;
       let n = !1;
       const o = () => {
-        i.play().catch((S) => {
-          n || (m(), r(S));
+        i.play().catch((A) => {
+          n || (m(), r(A));
         });
-      }, l = () => this.tracker.trackStart(e), d = () => {
+      }, l = () => this.tracker.trackStart(e), c = () => {
         console.log("[AdPlayer] Ad video playing, hiding loading..."), this.hideLoadingCallback && this.hideLoadingCallback();
-      }, c = () => this.updateUI(e), h = () => {
+      }, d = () => this.updateUI(e), h = () => {
         n || (m(), t());
       };
       let p = !1;
@@ -3822,22 +3826,22 @@ class Br {
           t();
           return;
         }
-        const S = i.error?.code;
-        if (S === 4) {
+        const A = i.error?.code;
+        if (A === 4) {
           m(), t();
           return;
         }
-        m(), r(new Error(`Ad video playback error: ${i.error?.message ?? "Unknown"} (code: ${S})`));
+        m(), r(new Error(`Ad video playback error: ${i.error?.message ?? "Unknown"} (code: ${A})`));
       }, m = () => {
         if (!n) {
           n = !0;
           try {
-            i.removeEventListener("canplay", o), i.removeEventListener("play", l), i.removeEventListener("playing", d), i.removeEventListener("timeupdate", c), i.removeEventListener("ended", h), i.removeEventListener("error", g), i.pause(), i.parentNode && i.parentNode.removeChild(i);
+            i.removeEventListener("canplay", o), i.removeEventListener("play", l), i.removeEventListener("playing", c), i.removeEventListener("timeupdate", d), i.removeEventListener("ended", h), i.removeEventListener("error", g), i.pause(), i.parentNode && i.parentNode.removeChild(i);
           } catch {
           }
         }
       };
-      i.addEventListener("canplay", o), i.addEventListener("play", l), i.addEventListener("playing", d), i.addEventListener("timeupdate", c), i.addEventListener("ended", h), i.addEventListener("error", g), i.src = e.mediaFile, i.load(), setTimeout(() => {
+      i.addEventListener("canplay", o), i.addEventListener("play", l), i.addEventListener("playing", c), i.addEventListener("timeupdate", d), i.addEventListener("ended", h), i.addEventListener("error", g), i.src = e.mediaFile, i.load(), setTimeout(() => {
         this.state.isPlaying && this.state.currentTime === 0 && !n && (m(), r(new Error("Ad video timeout")));
       }, this.config.timeout || 1e4);
     });
@@ -4205,29 +4209,29 @@ class $r {
     this.hideAdLoading(), this.adPlayer.destroy(), this.preRollPlayed = !1, this.midRollsPlayed.clear(), this.postRollPlayed = !1, this.vmapData = null, console.log("[AdManager] Destroyed");
   }
 }
-const dt = {
+const ct = {
   bottomOffset: 110,
   fontSize: 18,
   color: "#ffffff",
   background: "rgba(0,0,0,0.75)"
-}, ct = de({
-  style: dt,
+}, dt = ce({
+  style: ct,
   setStyle: () => {
   }
 });
 function Fr({ children: a }) {
-  const [e, t] = b(dt), r = (i) => t((n) => ({ ...n, ...i }));
-  return /* @__PURE__ */ s(ct.Provider, { value: { style: e, setStyle: r }, children: a });
+  const [e, t] = b(ct), r = (i) => t((n) => ({ ...n, ...i }));
+  return /* @__PURE__ */ s(dt.Provider, { value: { style: e, setStyle: r }, children: a });
 }
 function ut() {
-  return re(ct);
+  return re(dt);
 }
 function Ur({ videoElement: a }) {
   const { style: e } = ut(), [t, r] = b([]), i = O(""), n = O(0);
   return k(() => {
     if (!a) return;
     const o = () => {
-      const l = a.textTracks, d = [];
+      const l = a.textTracks, c = [];
       for (let h = 0; h < l.length; h++) {
         const p = l[h];
         if (p.kind !== "subtitles" && p.kind !== "captions" || p.mode === "disabled") continue;
@@ -4235,12 +4239,12 @@ function Ur({ videoElement: a }) {
         const g = p.activeCues;
         if (g)
           for (let m = 0; m < g.length; m++) {
-            const S = g[m];
-            S.text && d.push(S.text);
+            const A = g[m];
+            A.text && c.push(A.text);
           }
       }
-      const c = d.join("\0");
-      c !== i.current && (i.current = c, r(d)), n.current = requestAnimationFrame(o);
+      const d = c.join("\0");
+      d !== i.current && (i.current = d, r(c)), n.current = requestAnimationFrame(o);
     };
     return n.current = requestAnimationFrame(o), () => {
       cancelAnimationFrame(n.current);
@@ -4285,7 +4289,7 @@ function Ur({ videoElement: a }) {
     }
   );
 }
-const He = de(!0);
+const He = ce(!0);
 function wi({
   src: a = "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4",
   defaultControls: e = !1,
@@ -4295,14 +4299,14 @@ function wi({
   className: n,
   children: o,
   config: l,
-  onAdLoading: d,
-  onNextEpisode: c,
+  onAdLoading: c,
+  onNextEpisode: d,
   nextEpisodeTitle: h,
   nextEpisodeThumbnail: p,
   endCardCountdown: g = 5,
   crossOrigin: m
 }) {
-  const S = O(null), I = O(null), [C, T] = b(null), w = O(null), [y, G] = b(!1), [X, D] = b(!1), A = $(() => D(!0), []), _ = $(() => D(!1), []), [W, E] = b(!1), { onTouchStart: M, onTouchMove: N, onTouchEnd: H, gestureHint: Q } = Lr({
+  const A = O(null), R = O(null), [C, T] = b(null), w = O(null), [y, G] = b(!1), [X, I] = b(!1), S = $(() => I(!0), []), _ = $(() => I(!1), []), [W, E] = b(!1), { onTouchStart: M, onTouchMove: N, onTouchEnd: H, gestureHint: Q } = Lr({
     player: C,
     skipSec: 10
   }), { isActive: L } = Dr({
@@ -4313,7 +4317,7 @@ function wi({
     player: C,
     seekStep: 10,
     enabled: !0,
-    onShowShortcuts: A
+    onShowShortcuts: S
   });
   const B = Ue(() => !l?.ads?.enabled || !l.ads.vastUrl && !l.ads.vmapUrl ? null : {
     enabled: !0,
@@ -4331,17 +4335,19 @@ function wi({
     l?.ads?.maxWrapperDepth
   ]);
   k(() => {
-    if (!I.current || !S.current) return;
+    R.current && (R.current.muted = r);
+  }, [r]), k(() => {
+    if (!R.current || !A.current) return;
     console.log("[Player] Initializing PlayerCore");
-    const F = new fe(I.current);
-    return fe.preloadEngines(), F.container = S.current, T(F), () => {
+    const F = new fe(R.current);
+    return fe.preloadEngines(), F.container = A.current, T(F), () => {
       console.log("[Player] Cleanup called - destroying PlayerCore"), w.current && (console.log("[Player] Destroying AdManager"), w.current.destroy(), w.current = null), F.destroy(), T(null);
     };
   }, []), k(() => {
     if (!C || !B) return;
     console.log("[Player] Setting up ads");
     const F = (J) => {
-      G(J), d?.(J);
+      G(J), c?.(J);
     }, Z = new $r(C, B, F);
     return w.current = Z, Z.setup().catch((J) => {
       console.error("[Player] Failed to setup ads:", J);
@@ -4359,16 +4365,16 @@ function wi({
       console.error("[Player] setSource failed:", F);
     }));
   }, [C, a]), k(() => {
-    if (!C || !c) return;
+    if (!C || !d) return;
     const F = C.getVideoElement();
     if (!F) return;
     const Z = () => E(!0);
     return F.addEventListener("ended", Z), () => F.removeEventListener("ended", Z);
-  }, [C, c]), /* @__PURE__ */ u(Fr, { children: [
+  }, [C, d]), /* @__PURE__ */ u(Fr, { children: [
     /* @__PURE__ */ u(
       "div",
       {
-        ref: S,
+        ref: A,
         role: "region",
         "aria-label": "Video Player",
         className: `playron-wrapper ${n || ""}`,
@@ -4403,7 +4409,7 @@ function wi({
           /* @__PURE__ */ s(
             "video",
             {
-              ref: I,
+              ref: R,
               className: `virtus-video-element ${n || ""}`,
               style: {
                 width: "100%",
@@ -4423,17 +4429,17 @@ function wi({
             }
           ),
           C ? /* @__PURE__ */ s(Gt, { playerInstance: C, children: /* @__PURE__ */ u(He.Provider, { value: L, children: [
-            /* @__PURE__ */ s(Ur, { videoElement: I.current }),
+            /* @__PURE__ */ s(Ur, { videoElement: R.current }),
             /* @__PURE__ */ s(nr, { config: l, isAdLoading: y }),
             /* @__PURE__ */ s(Pr, { type: Q?.type ?? null, value: Q?.value ?? "" }),
-            /* @__PURE__ */ s(Ar, { drmConfig: l?.drm }),
+            /* @__PURE__ */ s(Sr, { drmConfig: l?.drm }),
             /* @__PURE__ */ s(Tr, { isOpen: X, onClose: _ }),
-            c && /* @__PURE__ */ s(
+            d && /* @__PURE__ */ s(
               Mr,
               {
                 isVisible: W,
                 onNextEpisode: () => {
-                  E(!1), c();
+                  E(!1), d();
                 },
                 onDismiss: () => E(!1),
                 countdownSec: g,
@@ -4494,9 +4500,9 @@ function zr({
   style: o,
   ...l
 }) {
-  const d = Y((g) => g.isPlaying), { togglePlay: c } = q(), h = async (g) => {
+  const c = Y((g) => g.isPlaying), { togglePlay: d } = q(), h = async (g) => {
     try {
-      await c();
+      await d();
     } catch (m) {
       console.error("Play/Pause error:", m);
     }
@@ -4506,14 +4512,14 @@ function zr({
     "button",
     {
       className: `virtus-btn virtus-play-button ${Hr.playButton} ${a || ""}`,
-      "aria-label": d ? "Pause" : "Play",
+      "aria-label": c ? "Pause" : "Play",
       onClick: h,
       style: {
         ...p !== void 0 ? { "--btn-hover-bg": p } : {},
         ...o
       },
       ...l,
-      children: d ? i ?? /* @__PURE__ */ s(
+      children: c ? i ?? /* @__PURE__ */ s(
         "svg",
         {
           "aria-hidden": "true",
@@ -4612,7 +4618,7 @@ function jr({
   style: o,
   ...l
 }) {
-  const { toggleFullscreen: d } = q(), [c, h] = b(!1);
+  const { toggleFullscreen: c } = q(), [d, h] = b(!1);
   k(() => {
     const m = () => {
       h(!!document.fullscreenElement);
@@ -4622,20 +4628,20 @@ function jr({
     };
   }, []);
   const p = (m) => {
-    d(), e?.(m);
+    c(), e?.(m);
   }, g = typeof r == "string" ? r : r === !1 ? "transparent" : void 0;
   return /* @__PURE__ */ s(
     "button",
     {
       className: `virtus-btn virtus-fullscreen-button ${be.controlButton} ${a || ""}`,
-      "aria-label": c ? "Exit Fullscreen" : "Fullscreen",
+      "aria-label": d ? "Exit Fullscreen" : "Fullscreen",
       onClick: p,
       style: {
         ...g !== void 0 ? { "--btn-hover-bg": g } : {},
         ...o
       },
       ...l,
-      children: c ? n ?? /* @__PURE__ */ s(
+      children: d ? n ?? /* @__PURE__ */ s(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -4676,8 +4682,8 @@ function Kr({ className: a, onClick: e, ...t }) {
   const o = async (l) => {
     try {
       await r();
-    } catch (d) {
-      console.error("PiP toggle error:", d);
+    } catch (c) {
+      console.error("PiP toggle error:", c);
     }
     e?.(l);
   };
@@ -4794,7 +4800,7 @@ function Yr(a, e, t = !0) {
     };
   }, [a, e, t]);
 }
-const Te = de({
+const Te = ce({
   isOpen: !1,
   toggle: () => {
   },
@@ -4804,7 +4810,7 @@ const Te = de({
   }
 });
 function ht({ children: a }) {
-  const [e, t] = b(!1), r = O(null), i = () => t((d) => !d), n = () => t(!1), o = () => t(!0);
+  const [e, t] = b(!1), r = O(null), i = () => t((c) => !c), n = () => t(!1), o = () => t(!0);
   Yr(r, n, e);
   const l = {
     isOpen: e,
@@ -5008,16 +5014,16 @@ function We({
     }
   );
 }
-function Si() {
+function Ai() {
   const a = q(), e = Y(), [t, r] = b(1), [i, n] = b(!1), o = [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2];
   k(() => {
     e?.playbackRate !== void 0 && r(e.playbackRate);
   }, [e?.playbackRate]);
-  const l = (c) => {
-    a.setPlaybackRate(c), r(c);
-  }, d = () => {
-    const c = !i;
-    n(c), a.setLoop(c);
+  const l = (d) => {
+    a.setPlaybackRate(d), r(d);
+  }, c = () => {
+    const d = !i;
+    n(d), a.setLoop(d);
   };
   return /* @__PURE__ */ u(ht, { children: [
     /* @__PURE__ */ s(pt, { children: /* @__PURE__ */ s(
@@ -5037,11 +5043,11 @@ function Si() {
           cursor: "pointer",
           transition: "all 0.2s ease"
         },
-        onMouseEnter: (c) => {
-          c.currentTarget.style.background = "rgba(255, 255, 255, 0.2)", c.currentTarget.style.transform = "scale(1.05)";
+        onMouseEnter: (d) => {
+          d.currentTarget.style.background = "rgba(255, 255, 255, 0.2)", d.currentTarget.style.transform = "scale(1.05)";
         },
-        onMouseLeave: (c) => {
-          c.currentTarget.style.background = "rgba(255, 255, 255, 0.1)", c.currentTarget.style.transform = "scale(1)";
+        onMouseLeave: (d) => {
+          d.currentTarget.style.background = "rgba(255, 255, 255, 0.1)", d.currentTarget.style.transform = "scale(1)";
         },
         children: /* @__PURE__ */ u(
           "svg",
@@ -5063,20 +5069,20 @@ function Si() {
     ) }),
     /* @__PURE__ */ u(gt, { title: "Settings", placement: "top-right", children: [
       /* @__PURE__ */ s("div", { style: { padding: "8px 16px 4px", color: "rgba(255, 255, 255, 0.6)", fontSize: "12px", fontWeight: 600 }, children: "Playback Speed" }),
-      o.map((c) => /* @__PURE__ */ u(
+      o.map((d) => /* @__PURE__ */ u(
         We,
         {
-          selected: t === c,
-          onClick: () => l(c),
+          selected: t === d,
+          onClick: () => l(d),
           children: [
-            c,
+            d,
             "x"
           ]
         },
-        c
+        d
       )),
       /* @__PURE__ */ s("div", { style: { height: "1px", background: "rgba(255, 255, 255, 0.1)", margin: "8px 0" } }),
-      /* @__PURE__ */ u(We, { selected: i, onClick: d, children: [
+      /* @__PURE__ */ u(We, { selected: i, onClick: c, children: [
         "Loop ",
         i ? "On" : "Off"
       ] })
@@ -5184,23 +5190,23 @@ const ri = "_container_6dw0q_3", ii = "_skipButton_6dw0q_11", Fe = {
   container: ri,
   skipButton: ii
 };
-function Ai({ introOutro: a }) {
+function Si({ introOutro: a }) {
   const { currentTime: e } = Y(), { seekTo: t } = q(), [r, i] = b(!1), [n, o] = b(!1);
   k(() => {
     if (a) {
       if (a.intro) {
-        const c = e >= a.intro.start && e < a.intro.end;
-        i(c);
+        const d = e >= a.intro.start && e < a.intro.end;
+        i(d);
       }
       if (a.outro) {
-        const c = e >= a.outro.start && e < a.outro.end;
-        o(c);
+        const d = e >= a.outro.start && e < a.outro.end;
+        o(d);
       }
     }
   }, [e, a]);
   const l = $(() => {
     a?.intro && (t(a.intro.end), i(!1));
-  }, [a, t]), d = $(() => {
+  }, [a, t]), c = $(() => {
     a?.outro && (t(a.outro.end), o(!1));
   }, [a, t]);
   return !r && !n ? null : /* @__PURE__ */ u("div", { className: Fe.container, children: [
@@ -5217,7 +5223,7 @@ function Ai({ introOutro: a }) {
         }
       )
     ] }),
-    n && /* @__PURE__ */ u("button", { onClick: d, className: Fe.skipButton, children: [
+    n && /* @__PURE__ */ u("button", { onClick: c, className: Fe.skipButton, children: [
       /* @__PURE__ */ s("span", { children: "Skip Outro" }),
       /* @__PURE__ */ s(
         "svg",
@@ -5264,7 +5270,7 @@ function ni({
   showTooltip: r = !0,
   onClick: i
 }) {
-  const [n, o] = b(!1), l = Qe[a.type] || Qe.event, d = a.icon || l.icon, c = a.color || l.color, h = (p) => {
+  const [n, o] = b(!1), l = Qe[a.type] || Qe.event, c = a.icon || l.icon, d = a.color || l.color, h = (p) => {
     p.stopPropagation(), i && i(a.time);
   };
   return /* @__PURE__ */ u(
@@ -5294,7 +5300,7 @@ function ni({
               display: "flex",
               alignItems: "center",
               justifyContent: "center",
-              backgroundColor: c,
+              backgroundColor: d,
               border: "2px solid rgba(255, 255, 255, 0.9)",
               boxShadow: n ? "0 4px 16px rgba(0, 0, 0, 0.4)" : "0 2px 8px rgba(0, 0, 0, 0.4)",
               transition: "transform 0.2s cubic-bezier(0.4, 0, 0.2, 1)",
@@ -5310,7 +5316,7 @@ function ni({
                   display: "inline-block",
                   transform: "translateY(-1px)"
                 },
-                children: d
+                children: c
               }
             )
           }
@@ -5386,16 +5392,16 @@ class si {
     for (; n < i.length; ) {
       const o = i[n].trim();
       if (o.includes("-->")) {
-        const [l, d] = o.split("-->").map((m) => m.trim()), c = this.parseTime(l), h = this.parseTime(d);
+        const [l, c] = o.split("-->").map((m) => m.trim()), d = this.parseTime(l), h = this.parseTime(c);
         n++;
         const p = [];
         for (; n < i.length && i[n].trim() !== "" && !i[n].includes("-->"); )
           p.push(i[n].trim()), n++;
         const g = p.join(`
 `).trim();
-        if (g && c >= 0 && h > c) {
+        if (g && d >= 0 && h > d) {
           const m = this.parseCueLine(g, t);
-          m && r.push({ startTime: c, endTime: h, ...m });
+          m && r.push({ startTime: d, endTime: h, ...m });
         }
       } else
         n++;
@@ -5404,15 +5410,15 @@ class si {
   }
   parseCueLine(e, t) {
     const r = e.lastIndexOf("#xywh=");
-    let i, n = 0, o = 0, l = 0, d = 0;
+    let i, n = 0, o = 0, l = 0, c = 0;
     if (r !== -1) {
       i = e.slice(0, r);
       const h = e.slice(r + 6).split(",").map(Number);
-      h.length === 4 && h.every((p) => !isNaN(p)) && ([n, o, l, d] = h);
+      h.length === 4 && h.every((p) => !isNaN(p)) && ([n, o, l, c] = h);
     } else
       i = e;
-    const c = this.resolveUrl(i.trim(), t);
-    return c ? { url: c, x: n, y: o, w: l, h: d } : null;
+    const d = this.resolveUrl(i.trim(), t);
+    return d ? { url: d, x: n, y: o, w: l, h: c } : null;
   }
   resolveUrl(e, t) {
     if (e.startsWith("http://") || e.startsWith("https://") || e.startsWith("//"))
@@ -5438,17 +5444,17 @@ function ai({
   thumbnailsVttUrl: n,
   seekBarStyle: o
 }) {
-  const l = re(He), d = O(null), [c, h] = b(!1), [p, g] = b(null), [m, S] = b(null), [I, C] = b([]), T = O(null), { currentTime: w, duration: y, isLive: G, isPlaying: X, playbackRate: D } = Y(), { seekTo: A, getDVRRange: _, getBufferedRanges: W } = q(), [E, M] = b(w), N = O(null), H = O({ time: w, ts: performance.now() });
+  const l = re(He), c = O(null), [d, h] = b(!1), [p, g] = b(null), [m, A] = b(null), [R, C] = b([]), T = O(null), { currentTime: w, duration: y, isLive: G, isPlaying: X, playbackRate: I } = Y(), { seekTo: S, getDVRRange: _, getBufferedRanges: W } = q(), [E, M] = b(w), N = O(null), H = O({ time: w, ts: performance.now() });
   k(() => {
     H.current = { time: w, ts: performance.now() }, M(w);
   }, [w]);
   const Q = $(() => {
     if (X) {
-      const { time: v, ts: R } = H.current, V = D ?? 1, U = (performance.now() - R) / 1e3, ee = Math.min(y || 1 / 0, v + U * V);
+      const { time: v, ts: D } = H.current, V = I ?? 1, U = (performance.now() - D) / 1e3, ee = Math.min(y || 1 / 0, v + U * V);
       M(ee);
     }
     N.current = requestAnimationFrame(Q);
-  }, [X, D, y]);
+  }, [X, I, y]);
   k(() => (N.current = requestAnimationFrame(Q), () => {
     N.current !== null && cancelAnimationFrame(N.current);
   }), [Q]), k(() => {
@@ -5463,50 +5469,50 @@ function ai({
     }, 500);
     return () => clearInterval(v);
   }, [W]);
-  const L = a === "live" || !!G, B = L ? _() : null, P = B !== null && B.end - B.start > 5, F = P ? B.end - B.start : 0, Z = P && F > 0 ? (E - B.start) / F * 100 : 0, J = L ? Math.min(100, Math.max(0, Z)) : y > 0 ? E / y * 100 : 0, Ee = o?.trackColor ?? "rgba(255, 255, 255, 0.3)", ae = o?.progressColor ?? (L ? "#ff2020" : "#6366f1"), ce = o?.bufferedColor ?? "rgba(255, 255, 255, 0.25)", j = o?.handleColor ?? "#ffffff", Me = o?.height ?? 4, ue = o?.borderRadius ?? 2, me = o?.showHandle !== !1, Pe = o?.showTooltip !== !1, ye = o?.paddingX ?? 20, Le = o?.paddingY ?? 0, Re = o?.bottom ?? 64, le = (v) => {
+  const L = a === "live" || !!G, B = L ? _() : null, P = B !== null && B.end - B.start > 5, F = P ? B.end - B.start : 0, Z = P && F > 0 ? (E - B.start) / F * 100 : 0, J = L ? Math.min(100, Math.max(0, Z)) : y > 0 ? E / y * 100 : 0, Ee = o?.trackColor ?? "rgba(255, 255, 255, 0.3)", ae = o?.progressColor ?? (L ? "#ff2020" : "#6366f1"), de = o?.bufferedColor ?? "rgba(255, 255, 255, 0.25)", j = o?.handleColor ?? "#ffffff", Me = o?.height ?? 4, ue = o?.borderRadius ?? 2, me = o?.showHandle !== !1, Pe = o?.showTooltip !== !1, ye = o?.paddingX ?? 20, Le = o?.paddingY ?? 0, Re = o?.bottom ?? 64, le = (v) => {
     if (!isFinite(v) || isNaN(v)) return "0:00";
-    const R = Math.floor(v / 3600), V = Math.floor(v % 3600 / 60), U = Math.floor(v % 60);
-    return R > 0 ? `${R}:${V.toString().padStart(2, "0")}:${U.toString().padStart(2, "0")}` : `${V}:${U.toString().padStart(2, "0")}`;
+    const D = Math.floor(v / 3600), V = Math.floor(v % 3600 / 60), U = Math.floor(v % 60);
+    return D > 0 ? `${D}:${V.toString().padStart(2, "0")}:${U.toString().padStart(2, "0")}` : `${V}:${U.toString().padStart(2, "0")}`;
   }, ve = (v) => {
-    if (!d.current) return 0;
-    const R = d.current.getBoundingClientRect(), V = (v.clientX - R.left) / R.width;
+    if (!c.current) return 0;
+    const D = c.current.getBoundingClientRect(), V = (v.clientX - D.left) / D.width;
     return Math.max(0, Math.min(1, V));
   }, we = (v) => {
     if (!(L && !P)) {
       if (L && P) {
-        A(B.start + v * F);
+        S(B.start + v * F);
         return;
       }
-      y !== 0 && A(v * y);
+      y !== 0 && S(v * y);
     }
   }, De = (v) => {
     if (L && !P) return;
     v.preventDefault(), h(!0);
-    const R = ve(v);
-    we(R);
+    const D = ve(v);
+    we(D);
   }, Ie = (v) => {
-    if (!d.current) return;
-    const R = ve(v);
-    if (g(R), T.current) {
-      const V = P ? B.start + R * F : R * y;
-      S(T.current.getThumbnailAt(V));
+    if (!c.current) return;
+    const D = ve(v);
+    if (g(D), T.current) {
+      const V = P ? B.start + D * F : D * y;
+      A(T.current.getThumbnailAt(V));
     }
   }, _e = () => {
-    g(null), S(null);
+    g(null), A(null);
   };
   return k(() => {
-    if (!c) return;
+    if (!d) return;
     const v = (V) => {
-      if (!d.current) return;
+      if (!c.current) return;
       const U = ve(V);
       g(U), we(U);
-    }, R = () => {
+    }, D = () => {
       h(!1);
     };
-    return window.addEventListener("mousemove", v), window.addEventListener("mouseup", R), () => {
-      window.removeEventListener("mousemove", v), window.removeEventListener("mouseup", R);
+    return window.addEventListener("mousemove", v), window.addEventListener("mouseup", D), () => {
+      window.removeEventListener("mousemove", v), window.removeEventListener("mouseup", D);
     };
-  }, [c, y]), /* @__PURE__ */ u(
+  }, [d, y]), /* @__PURE__ */ u(
     "div",
     {
       style: {
@@ -5607,7 +5613,7 @@ function ai({
         /* @__PURE__ */ u(
           "div",
           {
-            ref: d,
+            ref: c,
             role: L && !P ? void 0 : "slider",
             tabIndex: L && !P ? void 0 : 0,
             "aria-label": L ? "DVR seek" : "Seek",
@@ -5621,28 +5627,28 @@ function ai({
             onMouseLeave: _e,
             onKeyDown: (v) => {
               if (L && !P) return;
-              const R = 5, V = 30, U = P ? B.start : 0, ee = P ? B.end : y;
+              const D = 5, V = 30, U = P ? B.start : 0, ee = P ? B.end : y;
               if (ee !== 0)
                 switch (v.key) {
                   case "ArrowLeft":
                   case "ArrowDown":
-                    v.preventDefault(), A(Math.max(U, w - R));
+                    v.preventDefault(), S(Math.max(U, w - D));
                     break;
                   case "ArrowRight":
                   case "ArrowUp":
-                    v.preventDefault(), A(Math.min(ee, w + R));
+                    v.preventDefault(), S(Math.min(ee, w + D));
                     break;
                   case "PageDown":
-                    v.preventDefault(), A(Math.max(U, w - V));
+                    v.preventDefault(), S(Math.max(U, w - V));
                     break;
                   case "PageUp":
-                    v.preventDefault(), A(Math.min(ee, w + V));
+                    v.preventDefault(), S(Math.min(ee, w + V));
                     break;
                   case "Home":
-                    v.preventDefault(), A(U);
+                    v.preventDefault(), S(U);
                     break;
                   case "End":
-                    v.preventDefault(), A(ee);
+                    v.preventDefault(), S(ee);
                     break;
                 }
             },
@@ -5668,7 +5674,7 @@ function ai({
                     borderRadius: `${ue}px`
                   },
                   children: [
-                    !L && I.map((v, R) => {
+                    !L && R.map((v, D) => {
                       if (y <= 0) return null;
                       const V = v.start / y * 100, U = (v.end - v.start) / y * 100;
                       return /* @__PURE__ */ s(
@@ -5680,12 +5686,12 @@ function ai({
                             top: 0,
                             height: "100%",
                             width: `${U}%`,
-                            backgroundColor: ce,
+                            backgroundColor: de,
                             borderRadius: `${ue}px`,
                             pointerEvents: "none"
                           }
                         },
-                        R
+                        D
                       );
                     }),
                     /* @__PURE__ */ s(
@@ -5704,13 +5710,13 @@ function ai({
                       }
                     ),
                     !L && e.map((v) => {
-                      const R = y > 0 ? v.startTime / y * 100 : 0;
+                      const D = y > 0 ? v.startTime / y * 100 : 0;
                       return /* @__PURE__ */ s(
                         "div",
                         {
                           style: {
                             position: "absolute",
-                            left: `${R}%`,
+                            left: `${D}%`,
                             top: "50%",
                             transform: "translate(-50%, -50%)",
                             width: "3px",
@@ -5723,7 +5729,7 @@ function ai({
                         v.id
                       );
                     }),
-                    r && !L && y > 0 && t.map((v, R) => {
+                    r && !L && y > 0 && t.map((v, D) => {
                       const V = v.time / y * 100;
                       return V < 0 || V > 100 ? null : /* @__PURE__ */ s(
                         ni,
@@ -5732,9 +5738,9 @@ function ai({
                           position: V,
                           size: i,
                           showTooltip: !0,
-                          onClick: (U) => A(U)
+                          onClick: (U) => S(U)
                         },
-                        `timeline-${R}-${v.time}`
+                        `timeline-${D}-${v.time}`
                       );
                     }),
                     P && /* @__PURE__ */ s(
@@ -5782,15 +5788,15 @@ function ai({
                           left: `${J}%`,
                           top: "50%",
                           transform: "translate(-50%, -50%)",
-                          width: c ? "16px" : "14px",
-                          height: c ? "16px" : "14px",
+                          width: d ? "16px" : "14px",
+                          height: d ? "16px" : "14px",
                           backgroundColor: j,
                           borderRadius: "50%",
                           boxShadow: "0 2px 8px rgba(0, 0, 0, 0.3)",
                           pointerEvents: "none",
                           zIndex: 1e3,
-                          opacity: c || p !== null ? 1 : 0,
-                          transition: c ? "none" : "all 0.15s ease"
+                          opacity: d || p !== null ? 1 : 0,
+                          transition: d ? "none" : "all 0.15s ease"
                         }
                       }
                     )
@@ -5798,9 +5804,9 @@ function ai({
                 }
               ),
               Pe && (!L || P) && p !== null && (() => {
-                const v = P ? B.start + p * F : p * y, R = d.current?.offsetWidth ?? 0, V = p * 100, U = p * R, ee = Ze / 2;
+                const v = P ? B.start + p * F : p * y, D = c.current?.offsetWidth ?? 0, V = p * 100, U = p * D, ee = Ze / 2;
                 let he = "-50%";
-                return U < ee ? he = "0%" : R - U < ee && (he = "-100%"), m ? (
+                return U < ee ? he = "0%" : D - U < ee && (he = "-100%"), m ? (
                   /* Thumbnail card */
                   /* @__PURE__ */ u(
                     "div",
@@ -5960,7 +5966,7 @@ function li({
     }
   );
 }
-function di({
+function ci({
   seconds: a = 15,
   iconSize: e = 24,
   hoverBackground: t,
@@ -6024,7 +6030,7 @@ function di({
     }
   );
 }
-function ci({ sliderDirection: a = "right", theme: e, iconSize: t = 20, hoverBackground: r }) {
+function di({ sliderDirection: a = "right", theme: e, iconSize: t = 20, hoverBackground: r }) {
   const i = {
     sliderBackground: e?.sliderBackground ?? "rgba(10, 10, 20, 0.88)",
     borderColor: e?.borderColor ?? "rgba(255,255,255,0.1)",
@@ -6034,21 +6040,21 @@ function ci({ sliderDirection: a = "right", theme: e, iconSize: t = 20, hoverBac
     trackColor: e?.trackColor ?? "rgba(255,255,255,0.3)",
     fillColor: e?.fillColor ?? "#3b82f6",
     handleColor: e?.handleColor ?? "#fff"
-  }, { isMuted: n, volume: o } = Y(), { toggleMute: l, setVolume: d } = q(), [c, h] = b(!1), [p, g] = b(!1), m = O(null), S = a === "top" || a === "bottom", I = $((E, M) => {
+  }, { isMuted: n, volume: o } = Y(), { toggleMute: l, setVolume: c } = q(), [d, h] = b(!1), [p, g] = b(!1), m = O(null), A = a === "top" || a === "bottom", R = $((E, M) => {
     if (!m.current) return;
-    const N = m.current.getBoundingClientRect(), H = S ? Math.max(0, Math.min(1, 1 - (M - N.top) / N.height)) : Math.max(0, Math.min(1, (E - N.left) / N.width));
-    d(H);
-  }, [d, S]), C = $((E) => {
-    g(!0), n && l(), I(E.clientX, E.clientY);
-  }, [I, n, l]);
+    const N = m.current.getBoundingClientRect(), H = A ? Math.max(0, Math.min(1, 1 - (M - N.top) / N.height)) : Math.max(0, Math.min(1, (E - N.left) / N.width));
+    c(H);
+  }, [c, A]), C = $((E) => {
+    g(!0), n && l(), R(E.clientX, E.clientY);
+  }, [R, n, l]);
   k(() => {
     if (!p) return;
-    const E = (N) => I(N.clientX, N.clientY), M = () => g(!1);
+    const E = (N) => R(N.clientX, N.clientY), M = () => g(!1);
     return window.addEventListener("mousemove", E), window.addEventListener("mouseup", M), () => {
       window.removeEventListener("mousemove", E), window.removeEventListener("mouseup", M);
     };
-  }, [p, I]);
-  const T = p ? o : n ? 0 : o, w = c || p, y = {
+  }, [p, R]);
+  const T = p ? o : n ? 0 : o, w = d || p, y = {
     position: "absolute",
     opacity: w ? 1 : 0,
     transition: "all 0.25s ease",
@@ -6110,7 +6116,7 @@ function ci({ sliderDirection: a = "right", theme: e, iconSize: t = 20, hoverBac
           borderLeft: "none"
         };
     }
-  })(), X = S ? { width: "40px", height: "110px", display: "flex", justifyContent: "center", alignItems: "center", cursor: "pointer", position: "relative", outline: "none" } : { width: "110px", height: "40px", display: "flex", alignItems: "center", cursor: "pointer", position: "relative", paddingRight: "8px", outline: "none" }, D = S ? { width: "4px", height: "100%", backgroundColor: i.trackColor, borderRadius: "2px", position: "relative" } : { width: "100%", height: "4px", backgroundColor: i.trackColor, borderRadius: "2px", position: "relative" }, A = S ? {
+  })(), X = A ? { width: "40px", height: "110px", display: "flex", justifyContent: "center", alignItems: "center", cursor: "pointer", position: "relative", outline: "none" } : { width: "110px", height: "40px", display: "flex", alignItems: "center", cursor: "pointer", position: "relative", paddingRight: "8px", outline: "none" }, I = A ? { width: "4px", height: "100%", backgroundColor: i.trackColor, borderRadius: "2px", position: "relative" } : { width: "100%", height: "4px", backgroundColor: i.trackColor, borderRadius: "2px", position: "relative" }, S = A ? {
     position: "absolute",
     bottom: 0,
     left: 0,
@@ -6128,7 +6134,7 @@ function ci({ sliderDirection: a = "right", theme: e, iconSize: t = 20, hoverBac
     backgroundColor: i.fillColor,
     borderRadius: "2px",
     transition: p ? "none" : "width 0.1s ease"
-  }, _ = p ? 14 : 12, W = S ? {
+  }, _ = p ? 14 : 12, W = A ? {
     position: "absolute",
     bottom: `calc(${T * 100}% - ${T * _}px)`,
     left: "50%",
@@ -6219,23 +6225,23 @@ function ci({ sliderDirection: a = "right", theme: e, iconSize: t = 20, hoverBac
                   switch (E.key) {
                     case "ArrowRight":
                     case "ArrowUp":
-                      E.preventDefault(), d(Math.min(1, H + 0.05));
+                      E.preventDefault(), c(Math.min(1, H + 0.05));
                       break;
                     case "ArrowLeft":
                     case "ArrowDown":
-                      E.preventDefault(), d(Math.max(0, H - 0.05));
+                      E.preventDefault(), c(Math.max(0, H - 0.05));
                       break;
                     case "PageUp":
-                      E.preventDefault(), d(Math.min(1, H + 0.2));
+                      E.preventDefault(), c(Math.min(1, H + 0.2));
                       break;
                     case "PageDown":
-                      E.preventDefault(), d(Math.max(0, H - 0.2));
+                      E.preventDefault(), c(Math.max(0, H - 0.2));
                       break;
                     case "Home":
-                      E.preventDefault(), d(0);
+                      E.preventDefault(), c(0);
                       break;
                     case "End":
-                      E.preventDefault(), d(1);
+                      E.preventDefault(), c(1);
                       break;
                     case "m":
                     case "M":
@@ -6244,8 +6250,8 @@ function ci({ sliderDirection: a = "right", theme: e, iconSize: t = 20, hoverBac
                   }
                 },
                 style: X,
-                children: /* @__PURE__ */ u("div", { style: D, children: [
-                  /* @__PURE__ */ s("div", { style: A }),
+                children: /* @__PURE__ */ u("div", { style: I, children: [
+                  /* @__PURE__ */ s("div", { style: S }),
                   /* @__PURE__ */ s("div", { style: W })
                 ] })
               }
@@ -6338,7 +6344,7 @@ function Ci() {
     ] }) })
   ] });
 }
-const ze = de({
+const ze = ce({
   textColor: "#fff",
   accentColor: "#6366f1",
   accentAlpha15: "rgba(99,102,241,0.15)",
@@ -6387,16 +6393,16 @@ function et({ values: a, color: e, gradId: t }) {
   const n = Math.max(...a, 1e-3), o = a.map((h, p) => [
     p / (hi - 1) * 292,
     48 - h / n * 42
-  ]), l = o.map(([h, p], g) => `${g === 0 ? "M" : "L"}${h.toFixed(1)},${p.toFixed(1)}`).join(" "), d = l + ` L${292 .toFixed(1)},52 L0,52 Z`, c = o[o.length - 1];
+  ]), l = o.map(([h, p], g) => `${g === 0 ? "M" : "L"}${h.toFixed(1)},${p.toFixed(1)}`).join(" "), c = l + ` L${292 .toFixed(1)},52 L0,52 Z`, d = o[o.length - 1];
   return /* @__PURE__ */ u("svg", { width: 292, height: 52, style: { display: "block", overflow: "visible" }, children: [
     /* @__PURE__ */ s("defs", { children: /* @__PURE__ */ u("linearGradient", { id: t, x1: "0", y1: "0", x2: "0", y2: "1", children: [
       /* @__PURE__ */ s("stop", { offset: "0%", stopColor: e, stopOpacity: 0.4 }),
       /* @__PURE__ */ s("stop", { offset: "100%", stopColor: e, stopOpacity: 0.02 })
     ] }) }),
-    /* @__PURE__ */ s("path", { d, fill: `url(#${t})` }),
+    /* @__PURE__ */ s("path", { d: c, fill: `url(#${t})` }),
     /* @__PURE__ */ s("path", { d: l, fill: "none", stroke: e, strokeWidth: 1.8, strokeLinejoin: "round", strokeLinecap: "round" }),
-    /* @__PURE__ */ s("circle", { cx: c[0], cy: c[1], r: 3.5, fill: e }),
-    /* @__PURE__ */ s("circle", { cx: c[0], cy: c[1], r: 6, fill: e, fillOpacity: 0.25 })
+    /* @__PURE__ */ s("circle", { cx: d[0], cy: d[1], r: 3.5, fill: e }),
+    /* @__PURE__ */ s("circle", { cx: d[0], cy: d[1], r: 6, fill: e, fillOpacity: 0.25 })
   ] });
 }
 function z({
@@ -6407,7 +6413,7 @@ function z({
   selected: i = !1,
   isBack: n = !1
 }) {
-  const [o, l] = b(!1), { textColor: d, accentColor: c, accentAlpha15: h, accentAlpha30: p, fontSize: g } = re(ze);
+  const [o, l] = b(!1), { textColor: c, accentColor: d, accentAlpha15: h, accentAlpha30: p, fontSize: g } = re(ze);
   return /* @__PURE__ */ u(
     "button",
     {
@@ -6418,7 +6424,7 @@ function z({
       onMouseLeave: () => l(!1),
       style: {
         ...mi,
-        color: d,
+        color: c,
         fontSize: g,
         background: o ? "rgba(255,255,255,0.07)" : i ? h : "transparent",
         fontWeight: i ? 600 : 400,
@@ -6435,9 +6441,9 @@ function z({
             alignItems: "center",
             justifyContent: "center",
             flexShrink: 0,
-            color: i ? c : "rgba(255,255,255,0.65)",
+            color: i ? d : "rgba(255,255,255,0.65)",
             transition: "background 0.15s, color 0.15s"
-          }, children: t }) : i ? /* @__PURE__ */ s("svg", { "aria-hidden": "true", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: c, strokeWidth: "3", style: { flexShrink: 0 }, children: /* @__PURE__ */ s("polyline", { points: "20 6 9 17 4 12" }) }) : /* @__PURE__ */ s("span", { style: { display: "inline-block", width: "14px", flexShrink: 0 } }),
+          }, children: t }) : i ? /* @__PURE__ */ s("svg", { "aria-hidden": "true", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: d, strokeWidth: "3", style: { flexShrink: 0 }, children: /* @__PURE__ */ s("polyline", { points: "20 6 9 17 4 12" }) }) : /* @__PURE__ */ s("span", { style: { display: "inline-block", width: "14px", flexShrink: 0 } }),
           /* @__PURE__ */ s("span", { style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: a })
         ] }),
         e !== void 0 && /* @__PURE__ */ u("span", { style: { display: "flex", alignItems: "center", gap: "4px", flexShrink: 0 }, children: [
@@ -6459,32 +6465,32 @@ function yi({
   hoverBackground: r,
   gearIcon: i
 } = {}) {
-  const n = a?.accentColor ?? "#6366f1", o = a?.textColor ?? "#fff", l = a?.background ?? "rgba(12, 12, 20, 0.97)", d = a?.borderColor ?? "rgba(255,255,255,0.1)", c = a?.fontSize ?? "13.5px", h = {
+  const n = a?.accentColor ?? "#6366f1", o = a?.textColor ?? "#fff", l = a?.background ?? "rgba(12, 12, 20, 0.97)", c = a?.borderColor ?? "rgba(255,255,255,0.1)", d = a?.fontSize ?? "13.5px", h = {
     textColor: o,
     accentColor: n,
     accentAlpha15: n.startsWith("#") ? Je(n, 0.15) : "rgba(99,102,241,0.15)",
     accentAlpha30: n.startsWith("#") ? Je(n, 0.3) : "rgba(99,102,241,0.3)",
-    borderColor: d.replace("0.1)", "0.07)"),
-    fontSize: c
+    borderColor: c.replace("0.1)", "0.07)"),
+    fontSize: d
   }, p = {
     ...fi,
     color: o,
-    fontSize: c,
-    borderBottom: `1px solid ${d.replace("0.1)", "0.08)")}`
+    fontSize: d,
+    borderBottom: `1px solid ${c.replace("0.1)", "0.08)")}`
   }, g = e?.vertical ?? "top", m = e?.horizontal ?? "right", {
-    setQuality: S,
-    setAudioTrack: I,
+    setQuality: A,
+    setAudioTrack: R,
     setPlaybackRate: C,
     setSubtitleTrack: T,
     getPlayerStats: w
-  } = q(), y = Ce(), { playbackRate: G = 1, isLive: X } = Y(), { style: D, setStyle: A } = ut(), [_, W] = b(!1), [E, M] = b("root");
+  } = q(), y = Ce(), { playbackRate: G = 1, isLive: X } = Y(), { style: I, setStyle: S } = ut(), [_, W] = b(!1), [E, M] = b("root");
   k(() => {
     X && E === "speed" && M("root");
   }, [X, E]);
-  const [N, H] = b([]), [Q, L] = b(null), [B, P] = b([]), [F, Z] = b(""), [J, Ee] = b([]), [ae, ce] = b(null), [j, Me] = b(null), [ue, me] = b([]);
+  const [N, H] = b([]), [Q, L] = b(null), [B, P] = b([]), [F, Z] = b(""), [J, Ee] = b([]), [ae, de] = b(null), [j, Me] = b(null), [ue, me] = b([]);
   k(() => {
     const f = () => {
-      H(y.getAvailableQualities()), L(y.getQuality()), P(y.getAvailableAudioTracks()), Z(y.getAudioTrack()), Ee(y.getSubtitleTracks()), ce(y.getActiveSubtitleLanguage());
+      H(y.getAvailableQualities()), L(y.getQuality()), P(y.getAvailableAudioTracks()), Z(y.getAudioTrack()), Ee(y.getSubtitleTracks()), de(y.getActiveSubtitleLanguage());
     };
     y.events.on("tracksready", f), y.events.on("streamTypeDetected", f), y.events.on("qualitychange", f), y.events.on("loadedmetadata", f), f();
     const K = setTimeout(f, 100);
@@ -6492,7 +6498,7 @@ function yi({
       y.events.off("tracksready", f), y.events.off("streamTypeDetected", f), y.events.off("qualitychange", f), y.events.off("loadedmetadata", f), clearTimeout(K);
     };
   }, [y]), k(() => {
-    _ && (H(y.getAvailableQualities()), L(y.getQuality()), P(y.getAvailableAudioTracks()), Z(y.getAudioTrack()), Ee(y.getSubtitleTracks()), ce(y.getActiveSubtitleLanguage()));
+    _ && (H(y.getAvailableQualities()), L(y.getQuality()), P(y.getAvailableAudioTracks()), Z(y.getAudioTrack()), Ee(y.getSubtitleTracks()), de(y.getActiveSubtitleLanguage()));
   }, [_, y]);
   const Pe = B.length > 1;
   k(() => {
@@ -6538,7 +6544,7 @@ function yi({
     /* @__PURE__ */ s("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }),
     /* @__PURE__ */ s("line", { x1: "9", y1: "10", x2: "15", y2: "10" }),
     /* @__PURE__ */ s("line", { x1: "9", y1: "14", x2: "12", y2: "14" })
-  ] }), R = /* @__PURE__ */ u("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  ] }), D = /* @__PURE__ */ u("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "3" }),
     /* @__PURE__ */ s("path", { d: "M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3" }),
     /* @__PURE__ */ s("polyline", { points: "16 16 12 20 8 16" })
@@ -6560,7 +6566,7 @@ function yi({
       Pe && /* @__PURE__ */ s(z, { icon: _e, label: "Audio Track", value: ve, onClick: () => M("audio") }),
       /* @__PURE__ */ s(tt, {}),
       /* @__PURE__ */ s(z, { icon: v, label: "Subtitles", value: we, onClick: () => M("subtitles") }),
-      /* @__PURE__ */ s(z, { icon: R, label: "Subtitle Style", value: `${D.fontSize}px`, onClick: () => M("subtitleStyle") }),
+      /* @__PURE__ */ s(z, { icon: D, label: "Subtitle Style", value: `${I.fontSize}px`, onClick: () => M("subtitleStyle") }),
       /* @__PURE__ */ s(tt, {}),
       /* @__PURE__ */ s(z, { icon: V, label: "Statistics", onClick: () => M("statistics") })
     ] })
@@ -6573,7 +6579,7 @@ function yi({
           label: f.id === "auto" ? "Auto" : f.label,
           selected: Q?.id === f.id,
           onClick: () => {
-            S(f.id), L(f), W(!1), M("root");
+            A(f.id), L(f), W(!1), M("root");
           }
         },
         f.id
@@ -6601,7 +6607,7 @@ function yi({
         label: f.label || f.language || f.id,
         selected: F === f.id,
         onClick: () => {
-          I(f.id), Z(f.id), W(!1), M("root");
+          R(f.id), Z(f.id), W(!1), M("root");
         }
       },
       f.id
@@ -6615,7 +6621,7 @@ function yi({
           label: "Off",
           selected: ae === null,
           onClick: () => {
-            T(null), ce(null), W(!1), M("root");
+            T(null), de(null), W(!1), M("root");
           }
         },
         "off"
@@ -6626,7 +6632,7 @@ function yi({
           label: f.label || f.language,
           selected: ae === f.language,
           onClick: () => {
-            T(f.language), ce(f.language), W(!1), M("root");
+            T(f.language), de(f.language), W(!1), M("root");
           }
         },
         f.url || `${f.language}-${K}`
@@ -6640,7 +6646,7 @@ function yi({
         /* @__PURE__ */ u("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: "6px" }, children: [
           /* @__PURE__ */ s("span", { style: { fontSize: "13px", color: "rgba(255,255,255,0.8)" }, children: "Position" }),
           /* @__PURE__ */ u("span", { style: { fontSize: "12px", color: "rgba(255,255,255,0.5)" }, children: [
-            D.bottomOffset,
+            I.bottomOffset,
             "px from bottom"
           ] })
         ] }),
@@ -6651,8 +6657,8 @@ function yi({
             min: 10,
             max: 200,
             step: 5,
-            value: D.bottomOffset,
-            onChange: (f) => A({ bottomOffset: Number(f.target.value) }),
+            value: I.bottomOffset,
+            onChange: (f) => S({ bottomOffset: Number(f.target.value) }),
             style: { width: "100%", accentColor: "#3b82f6", cursor: "pointer" }
           }
         )
@@ -6661,7 +6667,7 @@ function yi({
         /* @__PURE__ */ u("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: "6px" }, children: [
           /* @__PURE__ */ s("span", { style: { fontSize: "13px", color: "rgba(255,255,255,0.8)" }, children: "Font Size" }),
           /* @__PURE__ */ u("span", { style: { fontSize: "12px", color: "rgba(255,255,255,0.5)" }, children: [
-            D.fontSize,
+            I.fontSize,
             "px"
           ] })
         ] }),
@@ -6672,8 +6678,8 @@ function yi({
             min: 12,
             max: 40,
             step: 1,
-            value: D.fontSize,
-            onChange: (f) => A({ fontSize: Number(f.target.value) }),
+            value: I.fontSize,
+            onChange: (f) => S({ fontSize: Number(f.target.value) }),
             style: { width: "100%", accentColor: "#3b82f6", cursor: "pointer" }
           }
         )
@@ -6683,17 +6689,17 @@ function yi({
         /* @__PURE__ */ s(
           "button",
           {
-            onClick: () => A({ background: D.background ? "" : "rgba(0,0,0,0.75)" }),
+            onClick: () => S({ background: I.background ? "" : "rgba(0,0,0,0.75)" }),
             style: {
               padding: "4px 12px",
               borderRadius: "6px",
               border: "1px solid rgba(255,255,255,0.2)",
-              background: D.background ? "#3b82f6" : "transparent",
+              background: I.background ? "#3b82f6" : "transparent",
               color: "#fff",
               fontSize: "12px",
               cursor: "pointer"
             },
-            children: D.background ? "On" : "Off"
+            children: I.background ? "On" : "Off"
           }
         )
       ] }),
@@ -6702,14 +6708,14 @@ function yi({
         /* @__PURE__ */ s("div", { style: { display: "flex", gap: "6px" }, children: ["#ffffff", "#ffff00", "#00ff00", "#00cfff"].map((f) => /* @__PURE__ */ s(
           "button",
           {
-            onClick: () => A({ color: f }),
+            onClick: () => S({ color: f }),
             title: f,
             style: {
               width: "22px",
               height: "22px",
               borderRadius: "50%",
               background: f,
-              border: D.color === f ? "2px solid #3b82f6" : "2px solid transparent",
+              border: I.color === f ? "2px solid #3b82f6" : "2px solid transparent",
               cursor: "pointer",
               outline: "none",
               padding: 0,
@@ -6730,7 +6736,7 @@ function yi({
     }, children: [
       /* @__PURE__ */ s("div", { style: { fontSize: "10px", color: "rgba(255,255,255,0.4)", textTransform: "uppercase", letterSpacing: "0.06em", marginBottom: "3px" }, children: ie }),
       /* @__PURE__ */ s("div", { style: { fontSize: "12px", color: "#fff", fontFamily: "monospace", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: xt })
-    ] }), Se = j?.segmentUrl ?? "", wt = Se.length > 36 ? "…" + Se.slice(-36) : Se || "—";
+    ] }), Ae = j?.segmentUrl ?? "", wt = Ae.length > 36 ? "…" + Ae.slice(-36) : Ae || "—";
     return /* @__PURE__ */ u(oe, { children: [
       /* @__PURE__ */ u("div", { style: { ...p, justifyContent: "space-between" }, children: [
         /* @__PURE__ */ s("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: /* @__PURE__ */ s(z, { label: "Statistics", isBack: !0, onClick: () => M("root") }) }),
@@ -6778,7 +6784,7 @@ function yi({
             minWidth: 0
           }, children: [
             /* @__PURE__ */ s("div", { style: { fontSize: "10px", color: "rgba(255,255,255,0.4)", textTransform: "uppercase", letterSpacing: "0.06em", marginBottom: "3px" }, children: "Segment" }),
-            /* @__PURE__ */ s("div", { style: { fontSize: "11px", color: "rgba(255,255,255,0.7)", fontFamily: "monospace", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, title: Se, children: wt })
+            /* @__PURE__ */ s("div", { style: { fontSize: "11px", color: "rgba(255,255,255,0.7)", fontFamily: "monospace", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, title: Ae, children: wt })
           ] })
         ] })
       ] }),
@@ -6869,8 +6875,8 @@ function yi({
         style: {
           ...gi,
           background: l,
-          border: `1px solid ${d}`,
-          boxShadow: `0 12px 48px rgba(0,0,0,0.7), 0 0 0 1px ${d.replace("0.1)", "0.08)")}`,
+          border: `1px solid ${c}`,
+          boxShadow: `0 12px 48px rgba(0,0,0,0.7), 0 0 0 1px ${c.replace("0.1)", "0.08)")}`,
           width: E === "statistics" ? "360px" : "320px",
           ...g === "bottom" ? { top: "52px" } : { bottom: "52px" },
           ...m === "left" ? { left: 0 } : { right: 0 }
@@ -6891,11 +6897,11 @@ function Ti({ label: a = "AirPlay", className: e = "" }) {
   k(() => {
     if (!t) return;
     i(t.isAirPlayAvailable()), o(t.isAirPlayActive());
-    const d = ({ isAvailable: c, isActive: h }) => {
-      i(c), o(h);
+    const c = ({ isAvailable: d, isActive: h }) => {
+      i(d), o(h);
     };
-    return t.events.on("airplaychange", d), () => {
-      t.events.off("airplaychange", d);
+    return t.events.on("airplaychange", c), () => {
+      t.events.off("airplaychange", c);
     };
   }, [t]);
   const l = $(() => {
@@ -6948,14 +6954,14 @@ function Mi({
   k(() => {
     if (!t) return;
     i(t.isCastAvailable()), o(t.isCastActive());
-    const d = ({
-      isAvailable: c,
+    const c = ({
+      isAvailable: d,
       isActive: h
     }) => {
-      i(c), o(h);
+      i(d), o(h);
     };
-    return t.events.on("castchange", d), () => {
-      t.events.off("castchange", d);
+    return t.events.on("castchange", c), () => {
+      t.events.off("castchange", c);
     };
   }, [t]);
   const l = $(() => {
@@ -7015,15 +7021,15 @@ function Pi({ x: a, y: e, isOpen: t, onClose: r, actions: i, theme: n }) {
   }, l = O(null);
   return k(() => {
     if (!t) return;
-    const d = (c) => {
-      if ("key" in c) {
-        c.key === "Escape" && r();
+    const c = (d) => {
+      if ("key" in d) {
+        d.key === "Escape" && r();
         return;
       }
-      l.current && !l.current.contains(c.target) && r();
+      l.current && !l.current.contains(d.target) && r();
     };
-    return document.addEventListener("mousedown", d), document.addEventListener("keydown", d), () => {
-      document.removeEventListener("mousedown", d), document.removeEventListener("keydown", d);
+    return document.addEventListener("mousedown", c), document.addEventListener("keydown", c), () => {
+      document.removeEventListener("mousedown", c), document.removeEventListener("keydown", c);
     };
   }, [t, r]), t ? /* @__PURE__ */ u(oe, { children: [
     /* @__PURE__ */ s(
@@ -7048,13 +7054,13 @@ function Pi({ x: a, y: e, isOpen: t, onClose: r, actions: i, theme: n }) {
           animation: "ctxFadeIn 0.14s ease-out",
           overflow: "hidden"
         },
-        children: i.map((d, c) => /* @__PURE__ */ u("div", { children: [
+        children: i.map((c, d) => /* @__PURE__ */ u("div", { children: [
           /* @__PURE__ */ u(
             "button",
             {
               role: "menuitem",
               onClick: () => {
-                d.onClick(), r();
+                c.onClick(), r();
               },
               style: {
                 display: "flex",
@@ -7064,38 +7070,38 @@ function Pi({ x: a, y: e, isOpen: t, onClose: r, actions: i, theme: n }) {
                 padding: "9px 14px",
                 background: "transparent",
                 border: "none",
-                color: d.danger ? o.dangerColor : o.textColor,
+                color: c.danger ? o.dangerColor : o.textColor,
                 fontSize: "13.5px",
                 textAlign: "left",
                 cursor: "pointer",
                 transition: "background 0.1s"
               },
               onMouseEnter: (h) => {
-                h.currentTarget.style.background = d.danger ? "rgba(239,68,68,0.12)" : o.hoverBackground;
+                h.currentTarget.style.background = c.danger ? "rgba(239,68,68,0.12)" : o.hoverBackground;
               },
               onMouseLeave: (h) => {
                 h.currentTarget.style.background = "transparent";
               },
               children: [
-                d.icon !== void 0 && /* @__PURE__ */ s("span", { style: {
+                c.icon !== void 0 && /* @__PURE__ */ s("span", { style: {
                   width: "28px",
                   height: "28px",
                   borderRadius: "7px",
-                  background: d.danger ? "rgba(239,68,68,0.15)" : o.iconBackground,
+                  background: c.danger ? "rgba(239,68,68,0.15)" : o.iconBackground,
                   display: "flex",
                   alignItems: "center",
                   justifyContent: "center",
                   flexShrink: 0,
-                  color: d.danger ? o.dangerColor : o.textColor,
+                  color: c.danger ? o.dangerColor : o.textColor,
                   fontSize: "13px",
                   lineHeight: 1
-                }, children: d.icon }),
-                /* @__PURE__ */ s("span", { style: { flex: 1 }, children: d.label })
+                }, children: c.icon }),
+                /* @__PURE__ */ s("span", { style: { flex: 1 }, children: c.label })
               ]
             }
           ),
-          d.dividerAfter && /* @__PURE__ */ s("div", { style: { height: "1px", background: o.dividerColor, margin: "3px 0" } })
-        ] }, c))
+          c.dividerAfter && /* @__PURE__ */ s("div", { style: { height: "1px", background: o.dividerColor, margin: "3px 0" } })
+        ] }, d))
       }
     ),
     /* @__PURE__ */ s("style", { children: `
@@ -7111,8 +7117,8 @@ const Li = ({ mode: a }) => {
   return /* @__PURE__ */ u(Or, { children: [
     /* @__PURE__ */ s(zr, {}),
     !t && /* @__PURE__ */ s(li, { seconds: 15 }),
-    !t && /* @__PURE__ */ s(di, { seconds: 15 }),
-    /* @__PURE__ */ s(ci, { sliderDirection: "top" }),
+    !t && /* @__PURE__ */ s(ci, { seconds: 15 }),
+    /* @__PURE__ */ s(di, { sliderDirection: "top" }),
     !t && /* @__PURE__ */ s(Jr, {}),
     /* @__PURE__ */ s("div", { style: { flex: 1 } }),
     /* @__PURE__ */ s(yi, { theme: { background: "#fb0000" } }),
@@ -7229,13 +7235,13 @@ export {
   Li as ControlsContainer,
   He as ControlsVisibilityContext,
   Mr as EndCard,
-  St as EventBus,
+  At as EventBus,
   jr as FullscreenButton,
   Pr as GestureHintOverlay,
   ei as JumpToLiveButton,
   Tr as KeyboardShortcutsOverlay,
   ti as LiveLatencyDisplay,
-  Ae as MediaErrorCode,
+  Se as MediaErrorCode,
   xi as MuteButton,
   Kr as PipButton,
   zr as PlayButton,
@@ -7247,18 +7253,18 @@ export {
   Mt as PlayronEventEmitter,
   ai as SeekBar,
   Ri as SeekBarContainer,
-  Si as SettingsButton,
+  Ai as SettingsButton,
   yi as SettingsPanel,
   li as SkipBackwardButton,
-  di as SkipForwardButton,
-  Ai as SkipIntroButton,
+  ci as SkipForwardButton,
+  Si as SkipIntroButton,
   Rt as StallDetector,
   Pt as StreamDetector,
   ki as TheaterModeButton,
   si as ThumbnailManager,
   Jr as TimeDisplay,
   x as VideoEventType,
-  ci as VolumeControl,
+  di as VolumeControl,
   wi as default,
   ge as eventBus,
   Ei as isVideoEventType,