playron 1.0.36 → 1.0.37

package/dist/playron.es.js

@@ -1,5 +1,5 @@
 import { jsx as s, jsxs as u, Fragment as oe } from "react/jsx-runtime";
-import { createContext as ce, useState as b, useEffect as x, useMemo as Ue, useContext as re, memo as kt, useRef as O, useCallback as B } from "react";
+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 {
   listeners = /* @__PURE__ */ new Map();
   /**
@@ -47,7 +47,7 @@ class St {
     return this.listeners.get(e)?.size || 0;
   }
 }
-const ge = new St(), C = {
+const ge = new St(), x = {
   // Playback events
   PLAY: "play",
   PAUSE: "pause",
@@ -88,8 +88,8 @@ const ge = new St(), C = {
   MEDIA_ERR_SRC_NOT_SUPPORTED: 4
   // Source format not supported
 };
-function wi(a) {
-  return Object.values(C).includes(a);
+function Ei(a) {
+  return Object.values(x).includes(a);
 }
 class At {
   videoElement = null;
@@ -106,19 +106,19 @@ class At {
    * Video element'inin native event'lerini dinle
    */
   setupEventListeners() {
-    this.videoElement && (this.videoElement.addEventListener(C.PLAY, () => {
+    this.videoElement && (this.videoElement.addEventListener(x.PLAY, () => {
       this.isPlaying = !0, this.emitPlayEvent();
-    }), this.videoElement.addEventListener(C.PAUSE, () => {
+    }), this.videoElement.addEventListener(x.PAUSE, () => {
       this.isPlaying = !1, this.emitPauseEvent();
-    }), this.videoElement.addEventListener(C.VOLUME_CHANGE, () => {
+    }), this.videoElement.addEventListener(x.VOLUME_CHANGE, () => {
       this.videoElement && (this.volume = this.videoElement.volume, this.isMuted = this.videoElement.muted, this.emitVolumeChangeEvent());
-    }), this.videoElement.addEventListener(C.TIME_UPDATE, () => {
+    }), this.videoElement.addEventListener(x.TIME_UPDATE, () => {
       this.videoElement && (this.currentTime = this.videoElement.currentTime);
-    }), this.videoElement.addEventListener(C.LOADED_METADATA, () => {
+    }), this.videoElement.addEventListener(x.LOADED_METADATA, () => {
       this.videoElement && (this.duration = this.videoElement.duration);
-    }), this.videoElement.addEventListener(C.RATE_CHANGE, () => {
+    }), this.videoElement.addEventListener(x.RATE_CHANGE, () => {
       this.videoElement && (this.playbackRate = this.videoElement.playbackRate);
-    }), this.videoElement.addEventListener(C.ERROR, (e) => {
+    }), this.videoElement.addEventListener(x.ERROR, (e) => {
       console.error("Video error:", e), this.videoElement?.error && console.error("Video error details:", {
         code: this.videoElement.error.code,
         message: this.videoElement.error.message,
@@ -451,8 +451,9 @@ class Tt {
       volume: 1,
       currentTime: 0,
       duration: 0,
-      playbackRate: 1
-      // Default speed: 1x
+      playbackRate: 1,
+      isBuffering: !1,
+      isSeeking: !1
     }, ...e };
   }
   /**
@@ -559,8 +560,8 @@ class Tt {
     const i = (n) => {
       const o = {};
       let l = !1;
-      e.forEach((c) => {
-        r[c] !== n[c] && (o[c] = n[c], l = !0);
+      e.forEach((d) => {
+        r[d] !== n[d] && (o[d] = n[d], l = !0);
       }), l && t(o), r = { ...n };
     };
     this.subscribe(i);
@@ -709,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), c = 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), d = this.extractMediaSequence(t);
     return i && !n ? {
       type: "live",
       protocol: "hls",
@@ -717,7 +718,7 @@ class Pt {
       hasDVR: o,
       // EVENT type supports DVR
       targetDuration: l,
-      mediaSequence: c,
+      mediaSequence: d,
       isEngineSupported: this.preCheckCapability("hls")
     } : {
       type: "vod",
@@ -913,22 +914,22 @@ 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 d = i * Math.pow(2, o - 1);
-      await new Promise((h) => setTimeout(h, d));
+      const c = i * Math.pow(2, o - 1);
+      await new Promise((h) => setTimeout(h, c));
     }
-    const l = new AbortController(), c = setTimeout(() => l.abort(), t);
+    const l = new AbortController(), d = setTimeout(() => l.abort(), t);
     try {
-      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));
+      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));
     }
   }
   throw n;
 }
-async function $t(a, e = {}) {
+async function Bt(a, e = {}) {
   const t = Oe.get(a);
   if (t)
     return console.debug("[LicenseManager] Using cached FairPlay certificate:", a), t;
@@ -943,16 +944,16 @@ async function $t(a, e = {}) {
   );
   return Oe.set(a, r), r;
 }
-function Bt() {
+function $t() {
   Oe.clear();
 }
 async function Ft(a, e, t = {}, r = !1, i = {}) {
   const n = i.timeout ?? _t, o = i.maxRetries ?? Vt, l = i.retryDelay ?? Nt;
-  let c = e;
-  i.prepareLicenseRequest && (c = await i.prepareLicenseRequest(e));
-  const d = {
+  let d = e;
+  i.prepareLicenseRequest && (d = await i.prepareLicenseRequest(e));
+  const c = {
     method: "POST",
-    body: c,
+    body: d,
     headers: {
       "Content-Type": "application/octet-stream",
       ...t
@@ -962,7 +963,7 @@ async function Ft(a, e, t = {}, r = !1, i = {}) {
   console.debug("[LicenseManager] Acquiring license from:", a);
   let h = await nt(
     a,
-    d,
+    c,
     n,
     o,
     l
@@ -1016,7 +1017,7 @@ class Ot {
     this.mediaKeys = await t.createMediaKeys();
     let r;
     try {
-      r = await $t(this.config.certificateUrl, this.config.headers);
+      r = await Bt(this.config.certificateUrl, this.config.headers);
     } catch (i) {
       throw new Error(
         `FairPlay: Failed to fetch server certificate from ${this.config.certificateUrl}: ` + (i instanceof Error ? i.message : String(i))
@@ -1153,7 +1154,7 @@ class Ht {
     this.destroyed = !0, console.debug("[WidevineAdapter] Destroyed");
   }
 }
-const $e = "com.microsoft.playready", Ke = "com.microsoft.playready.hardware", zt = [
+const Be = "com.microsoft.playready", Ke = "com.microsoft.playready.hardware", zt = [
   {
     initDataTypes: ["cenc"],
     videoCapabilities: [
@@ -1170,7 +1171,7 @@ class qt {
   config;
   destroyed = !1;
   constructor(e) {
-    this.config = e, this.keySystem = e.preferHardware ? Ke : $e;
+    this.config = e, this.keySystem = e.preferHardware ? Ke : Be;
   }
   /**
    * Probe PlayReady support and signal readiness.
@@ -1178,7 +1179,7 @@ class qt {
    */
   async initialize(e) {
     if (this.destroyed) return;
-    const t = this.config.preferHardware ? [Ke, $e] : [$e];
+    const t = this.config.preferHardware ? [Ke, Be] : [Be];
     let r = !1;
     for (const i of t)
       try {
@@ -1256,7 +1257,7 @@ class Kt {
   }
   /** Destroy the adapter and release all resources. */
   destroy() {
-    this.destroyed || (this.destroyed = !0, this.adapter?.destroy(), this.adapter = null, this.selectedKeySystem = null, Bt(), console.debug("[DrmManager] Destroyed"));
+    this.destroyed || (this.destroyed = !0, this.adapter?.destroy(), this.adapter = null, this.selectedKeySystem = null, $t(), console.debug("[DrmManager] Destroyed"));
   }
   // ── Private ────────────────────────────────────────────────────────────────
   createAdapter(e) {
@@ -1371,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 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)`);
+        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)`);
       } catch (l) {
         console.error("[ChromecastManager] loadMedia error:", l);
       }
@@ -1514,27 +1515,37 @@ class fe {
    * State değişikliklerini dinle
    */
   setupStateListeners() {
-    !this.stateManager || !this.videoElement || (this.videoElement.addEventListener(C.PLAY, () => {
+    !this.stateManager || !this.videoElement || (this.videoElement.addEventListener(x.PLAY, () => {
       this.events.emit("play", { timestamp: Date.now() });
-    }), this.videoElement.addEventListener(C.PAUSE, () => {
+    }), this.videoElement.addEventListener(x.PAUSE, () => {
       this.events.emit("pause", { timestamp: Date.now() });
-    }), this.videoElement.addEventListener(C.TIME_UPDATE, () => {
+    }), this.videoElement.addEventListener(x.TIME_UPDATE, () => {
       this.events.emit("timeupdate", {
         currentTime: this.videoElement?.currentTime || 0,
         duration: this.videoElement?.duration || 0
       });
-    }), this.videoElement.addEventListener(C.ENDED, () => {
+    }), this.videoElement.addEventListener(x.ENDED, () => {
       this.events.emit("ended", { timestamp: Date.now() });
-    }), this.videoElement.addEventListener(C.LOADED_METADATA, () => {
+    }), this.videoElement.addEventListener(x.LOADED_METADATA, () => {
       this.events.emit("loadedmetadata", {
         duration: this.videoElement?.duration || 0,
         videoWidth: this.videoElement?.videoWidth || 0,
         videoHeight: this.videoElement?.videoHeight || 0
       });
-    }), this.videoElement.addEventListener(C.RATE_CHANGE, () => {
+    }), this.videoElement.addEventListener(x.RATE_CHANGE, () => {
       const e = this.videoElement?.playbackRate || 1;
       this.stateManager?.set("playbackRate", e), this.events.emit("ratechange", { playbackRate: e });
-    }), this.videoElement.addEventListener(C.ERROR, () => {
+    }), this.videoElement.addEventListener(x.SEEKING, () => {
+      this.stateManager?.set("isSeeking", !0), this.stateManager?.set("isBuffering", !0), this.events.emit("seeking", { targetTime: this.videoElement?.currentTime ?? 0 }), this.events.emit("buffering", { isBuffering: !0 });
+    }), this.videoElement.addEventListener(x.SEEKED, () => {
+      this.stateManager?.set("isSeeking", !1), this.events.emit("seeked", { currentTime: this.videoElement?.currentTime ?? 0 });
+    }), this.videoElement.addEventListener(x.WAITING, () => {
+      this.stateManager?.set("isBuffering", !0), this.events.emit("buffering", { isBuffering: !0 });
+    }), this.videoElement.addEventListener(x.PLAYING, () => {
+      this.stateManager?.set("isBuffering", !1), this.stateManager?.set("isSeeking", !1), this.events.emit("buffering", { isBuffering: !1 });
+    }), this.videoElement.addEventListener(x.CAN_PLAY, () => {
+      this.stateManager?.set("isBuffering", !1), this.events.emit("buffering", { isBuffering: !1 });
+    }), this.videoElement.addEventListener(x.ERROR, () => {
       const e = this.videoElement?.error;
       if (e) {
         const t = `MEDIA_ERR_${e.code === 1 ? "ABORTED" : e.code === 2 ? "NETWORK" : e.code === 3 ? "DECODE" : e.code === 4 ? "SRC_NOT_SUPPORTED" : "UNKNOWN"}`;
@@ -2057,7 +2068,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 = ce(null), ot = {
+const st = de(null), ot = {
   isPlaying: !1,
   isMuted: !1,
   volume: 1,
@@ -2066,28 +2077,28 @@ const st = ce(null), ot = {
   isLive: !1,
   isAtLiveEdge: !1,
   liveLatency: 0
-}, at = ce(ot), lt = ce(null);
+}, at = de(ot), lt = de(null);
 function Gt({ children: a, playerInstance: e }) {
   const [t, r] = b(ot);
-  x(() => {
+  k(() => {
     if (!e) return;
     const n = e.getStateManager();
     if (!n) return;
     r(n.getState());
-    const o = (c) => {
-      r(c);
+    const o = (d) => {
+      r(d);
     };
     n.subscribe(o);
     const l = e.getVideoElement();
     if (l) {
-      const c = () => {
+      const d = () => {
         const g = e.isLive();
         n.updateState({
           currentTime: l.currentTime,
           duration: l.duration || 0,
           isLive: g
         });
-      }, d = () => {
+      }, c = () => {
         n.set("isPlaying", !l.paused);
       }, h = () => {
         n.updateState({
@@ -2101,8 +2112,8 @@ function Gt({ children: a, playerInstance: e }) {
           isLive: !0
         });
       };
-      return e.events.on("livelatencyupdate", p), l.addEventListener(C.TIME_UPDATE, c), l.addEventListener(C.PLAY, d), l.addEventListener(C.PAUSE, d), l.addEventListener(C.VOLUME_CHANGE, h), l.addEventListener(C.LOADED_METADATA, c), () => {
-        e.events.off("livelatencyupdate", p), l.removeEventListener(C.TIME_UPDATE, c), l.removeEventListener(C.PLAY, d), l.removeEventListener(C.PAUSE, d), l.removeEventListener(C.VOLUME_CHANGE, h), l.removeEventListener(C.LOADED_METADATA, c), n.unsubscribe(o);
+      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 () => {
@@ -2262,24 +2273,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), [c, d] = b("play"), [h, p] = b(!1), g = O(null);
-  x(() => {
-    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));
+  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);
+  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));
   }, [e]);
-  const m = a?.ui?.showOverlayIcons !== !1, k = a?.ui?.showPlayPauseIcons !== !1, I = a?.ui?.overlayIcons?.playIcon, A = a?.ui?.overlayIcons?.pauseIcon, T = a?.ui?.overlayIcons?.iconSize || 40, E = a?.ui?.overlayIcons?.containerSize || 80;
-  x(() => {
+  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;
+  k(() => {
     const D = n();
     if (!D) return;
-    const S = D.video || D.videoElement;
-    if (!S) return;
+    const A = D.video || D.videoElement;
+    if (!A) return;
     const _ = () => {
-      p(!0), d("loading"), l(!0), g.current && clearTimeout(g.current);
+      p(!0), c("loading"), l(!0), g.current && clearTimeout(g.current);
     }, W = () => {
       g.current = window.setTimeout(() => {
         p(!1), l(!1);
       }, 300);
-    }, w = () => {
-      p(!0), d("loading"), l(!0);
+    }, E = () => {
+      p(!0), c("loading"), l(!0);
     }, M = () => {
       h && (g.current = window.setTimeout(() => {
         p(!1), l(!1);
@@ -2289,30 +2300,30 @@ function ir({ config: a, isAdLoading: e }) {
         p(!1), l(!1);
       }, 300));
     }, H = () => {
-      p(!0), d("loading"), l(!0);
+      p(!0), c("loading"), l(!0);
     };
-    return S.addEventListener(C.SEEKING, _), S.addEventListener(C.SEEKED, W), S.addEventListener(C.WAITING, w), S.addEventListener(C.PLAYING, M), S.addEventListener(C.CAN_PLAY, N), S.addEventListener(C.LOAD_START, H), () => {
-      S.removeEventListener(C.SEEKING, _), S.removeEventListener(C.SEEKED, W), S.removeEventListener(C.WAITING, w), S.removeEventListener(C.PLAYING, M), S.removeEventListener(C.CAN_PLAY, N), S.removeEventListener(C.LOAD_START, H), g.current && clearTimeout(g.current);
+    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);
     };
-  }, [n, h]), x(() => {
+  }, [n, h]), k(() => {
     if (!h) {
-      d(t ? "pause" : "play"), l(!0);
+      c(t ? "pause" : "play"), l(!0);
       const D = setTimeout(() => {
         l(!1);
       }, 600);
       return () => clearTimeout(D);
     }
   }, [t, h]);
-  const y = B(async () => {
+  const y = $(async () => {
     await r();
-  }, [r]), G = B(() => {
+  }, [r]), G = $(() => {
     i();
   }, [i]), X = (D) => {
-    const S = D === "play" ? I : A;
-    return S ? /^https?:\/\//.test(S) || /\.(jpg|jpeg|png|svg|gif|webp)$/i.test(S) ? /* @__PURE__ */ s(
+    const A = D === "play" ? I : C;
+    return A ? /^https?:\/\//.test(A) || /\.(jpg|jpeg|png|svg|gif|webp)$/i.test(A) ? /* @__PURE__ */ s(
       "img",
       {
-        src: S,
+        src: A,
         alt: D === "play" ? "Play" : "Pause",
         className: ne.customIcon,
         style: { "--icon-size": `${T}px` }
@@ -2320,7 +2331,7 @@ function ir({ config: a, isAdLoading: e }) {
     ) : /* @__PURE__ */ s(
       "div",
       {
-        dangerouslySetInnerHTML: { __html: S },
+        dangerouslySetInnerHTML: { __html: A },
         className: ne.customIcon,
         style: { "--icon-size": `${T}px` }
       }
@@ -2364,7 +2375,7 @@ function ir({ config: a, isAdLoading: e }) {
       {
         className: `${ne.iconContainer} ${ne.loading}`,
         style: {
-          "--icon-container-size": `${E}px`,
+          "--icon-container-size": `${w}px`,
           "--icon-size": `${T}px`
         },
         children: /* @__PURE__ */ s(Xe, { size: T })
@@ -2376,15 +2387,15 @@ function ir({ config: a, isAdLoading: e }) {
         className: `virtus-video-overlay ${ne.overlay}`,
         onClick: y,
         onDoubleClick: G,
-        children: m && o && !e && (c === "loading" || k) && /* @__PURE__ */ s(
+        children: m && o && !e && (d === "loading" || S) && /* @__PURE__ */ s(
           "div",
           {
             className: `${ne.iconContainer} ${h ? ne.loading : ""}`,
             style: {
-              "--icon-container-size": `${E}px`,
+              "--icon-container-size": `${w}px`,
               "--icon-size": `${T}px`
             },
-            children: c === "loading" ? /* @__PURE__ */ s(Xe, { size: T }) : X(c)
+            children: d === "loading" ? /* @__PURE__ */ s(Xe, { size: T }) : X(d)
           }
         )
       }
@@ -2398,13 +2409,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", 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", wr = "_errorCode_4djr8_142", Er = "_retryButton_4djr8_152", te = {
+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 = {
   errorOverlay: sr,
   variant_drm: or,
   variant_network: ar,
   variant_decode: lr,
-  variant_generic: cr,
-  errorContent: dr,
+  variant_generic: dr,
+  errorContent: cr,
   errorIcon: ur,
   iconPulse: hr,
   drmGlow: pr,
@@ -2414,8 +2425,8 @@ const sr = "_errorOverlay_4djr8_5", or = "_variant_drm_4djr8_19", ar = "_variant
   errorHint: yr,
   browserList: vr,
   browserItem: br,
-  errorCode: wr,
-  retryButton: Er
+  errorCode: Er,
+  retryButton: wr
 };
 function xr(a, e) {
   const t = a.code.toUpperCase(), r = (a.message ?? "").toUpperCase();
@@ -2499,8 +2510,8 @@ 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), c = O(null);
-  c.current = r, x(() => {
+  const t = Ce(), [r, i] = b(null), [n, o] = b(null), l = O(null), d = O(null);
+  d.current = r, k(() => {
     it().then((g) => {
       o(g);
       const m = Ge(e, g);
@@ -2512,50 +2523,50 @@ function Ar({ onRetry: a, drmConfig: e }) {
         // must NOT be dismissed by play/loadedmetadata
       });
     }).catch(() => o(null));
-  }, []), x(() => {
+  }, []), k(() => {
     if (!n || !e?.enabled) return;
     const g = Ge(e, n);
-    g && !c.current && i({ type: g, code: "DRM_NOT_SUPPORTED", rawMessage: "Browser does not support the required DRM key system.", persistent: !0 });
-  }, [e, n]), x(() => {
+    g && !d.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 (c.current) return;
-        const I = n, A = I ? I.fairplay && !I.widevine && !I.playready ? "drm_fairplay_needed" : !I.widevine && !I.fairplay && !I.playready ? "drm_browser_unsupported" : "drm_generic" : "drm_generic";
+        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";
         i({
-          type: A,
+          type: C,
           code: "DRM_TIMEOUT",
           rawMessage: "Playback stalled — possible DRM or network issue.",
           persistent: !0
           // don't let a late loadedmetadata dismiss this
         });
       }, Sr));
-    }, k = () => {
+    }, S = () => {
       l.current && (clearTimeout(l.current), l.current = null);
     };
-    return g.addEventListener("waiting", m), g.addEventListener("playing", k), g.addEventListener("timeupdate", k), () => {
-      g.removeEventListener("waiting", m), g.removeEventListener("playing", k), g.removeEventListener("timeupdate", k), k();
+    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();
     };
-  }, [t, e, n]), x(() => {
+  }, [t, e, n]), k(() => {
     if (!t) return;
     const g = (m) => {
       console.error("[ErrorOverlay] Player error:", m);
-      const k = xr(m, n);
-      i({ type: k, code: m.code, rawMessage: m.message ?? "Unknown error" });
+      const S = xr(m, n);
+      i({ type: S, code: m.code, rawMessage: m.message ?? "Unknown error" });
     };
     return t.events.on("error", g), () => {
       t.events.off("error", g);
     };
-  }, [t, n]), x(() => {
+  }, [t, n]), k(() => {
     if (!t) return;
     const g = () => i((m) => m?.persistent ? m : null);
     return t.events.on("play", g), t.events.on("loadedmetadata", g), () => {
       t.events.off("play", g), t.events.off("loadedmetadata", g);
     };
   }, [t]);
-  const d = B(() => {
+  const c = $(() => {
     if (i(null), a) {
       a();
       return;
@@ -2579,7 +2590,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: d, className: te.retryButton, children: "↻ Try Again" })
+    h.showRetry && /* @__PURE__ */ s("button", { onClick: c, className: te.retryButton, children: "↻ Try Again" })
   ] }) });
 }
 const se = {
@@ -2633,10 +2644,10 @@ const se = {
   { key: "Esc", description: "Close overlays", icon: se.close }
 ];
 function Tr({ isOpen: a, onClose: e }) {
-  const t = B((r) => {
+  const t = $((r) => {
     r.key === "Escape" && e();
   }, [e]);
-  return x(() => {
+  return k(() => {
     if (a)
       return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
   }, [a, t]), a ? /* @__PURE__ */ u(
@@ -2796,18 +2807,18 @@ function Mr({
   nextTitle: i,
   thumbnail: n
 }) {
-  const [o, l] = b(r), c = O(null), d = B(() => {
-    c.current && (clearInterval(c.current), c.current = null);
+  const [o, l] = b(r), d = O(null), c = $(() => {
+    d.current && (clearInterval(d.current), d.current = null);
   }, []);
-  if (x(() => {
+  if (k(() => {
     if (!a) {
-      d(), l(r);
+      c(), l(r);
       return;
     }
-    return l(r), c.current = setInterval(() => {
-      l((m) => m <= 1 ? (d(), e(), 0) : m - 1);
-    }, 1e3), d;
-  }, [a, r, e, d]), !a) return null;
+    return l(r), d.current = setInterval(() => {
+      l((m) => m <= 1 ? (c(), e(), 0) : m - 1);
+    }, 1e3), c;
+  }, [a, r, e, c]), !a) return null;
   const h = 16, p = 2 * Math.PI * h, g = (r - o) / r * p;
   return /* @__PURE__ */ u(
     "div",
@@ -3034,28 +3045,28 @@ function Pr({ type: a, value: e }) {
   );
 }
 function Lr({ player: a, skipSec: e = 10 }) {
-  const [t, r] = b(null), i = O(null), n = B((p) => {
+  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, c = B((p) => {
+  }, []), o = O(null), l = 300, d = $((p) => {
     if (!a) return;
-    const g = p.touches[0], m = Date.now(), k = o.current;
-    if (k && m - k.time < l) {
-      const A = p.currentTarget.getBoundingClientRect();
-      if (g.clientX - A.left > A.width / 2) {
-        const E = a.getVideoElement();
-        E && a.seekTo(Math.min(E.duration || 0, E.currentTime + e)), n({ type: "seek-forward", value: `+${e}s` });
+    const g = p.touches[0], m = Date.now(), S = o.current;
+    if (S && m - S.time < l) {
+      const C = p.currentTarget.getBoundingClientRect();
+      if (g.clientX - C.left > C.width / 2) {
+        const w = a.getVideoElement();
+        w && a.seekTo(Math.min(w.duration || 0, w.currentTime + e)), n({ type: "seek-forward", value: `+${e}s` });
       } else {
-        const E = a.getVideoElement();
-        E && a.seekTo(Math.max(0, E.currentTime - e)), n({ type: "seek-backward", value: `-${e}s` });
+        const w = a.getVideoElement();
+        w && a.seekTo(Math.max(0, w.currentTime - e)), n({ type: "seek-backward", value: `-${e}s` });
       }
       o.current = null;
       return;
     }
     o.current = { time: m, x: g.clientX };
-  }, [a, e, n]), d = B((p) => {
-  }, []), h = B(() => {
+  }, [a, e, n]), c = $((p) => {
+  }, []), h = $(() => {
   }, []);
-  return { onTouchStart: c, onTouchMove: d, onTouchEnd: h, gestureHint: t };
+  return { onTouchStart: d, onTouchMove: c, onTouchEnd: h, gestureHint: t };
 }
 function Rr(a, e) {
   let t;
@@ -3067,12 +3078,12 @@ function Dr({
   timeout: a = 3e3,
   initialVisible: e = !0
 } = {}) {
-  const [t, r] = b(e), i = O(null), n = B(() => {
+  const [t, r] = b(e), i = O(null), n = $(() => {
     i.current && clearTimeout(i.current), r(!0), i.current = window.setTimeout(() => {
       r(!1);
     }, a);
   }, [a]);
-  return x(() => {
+  return k(() => {
     const o = Rr(() => {
       n();
     }, 100), l = () => {
@@ -3089,7 +3100,7 @@ function Ir({
   enabled: t = !0,
   onShowShortcuts: r
 }) {
-  x(() => {
+  k(() => {
     if (!a || !t) return;
     const i = (n) => {
       const o = n.target;
@@ -3103,16 +3114,16 @@ function Ir({
             break;
           case "ArrowLeft":
             n.preventDefault();
-            const c = Math.max(0, l.currentTime - e);
-            a.seekTo(c);
+            const d = Math.max(0, l.currentTime - e);
+            a.seekTo(d);
             break;
           case "ArrowRight":
             n.preventDefault();
-            const d = Math.min(
+            const c = Math.min(
               l.duration,
               l.currentTime + e
             );
-            a.seekTo(d);
+            a.seekTo(c);
             break;
           case "ArrowUp":
             n.preventDefault();
@@ -3155,10 +3166,10 @@ class _r {
     try {
       const n = await this.fetchVAST(e), o = this.parseXML(n), l = o.querySelector("Wrapper");
       if (l) {
-        const c = l.querySelector("VASTAdTagURI")?.textContent?.trim();
-        if (!c)
+        const d = l.querySelector("VASTAdTagURI")?.textContent?.trim();
+        if (!d)
           throw new Error("Wrapper missing VASTAdTagURI");
-        return this.parse(c, t + 1, r);
+        return this.parse(d, t + 1, r);
       }
       return this.parseInline(o);
     } catch (n) {
@@ -3218,14 +3229,14 @@ class _r {
       try {
         const l = o.querySelector("Wrapper");
         if (l) {
-          const c = l.querySelector("VASTAdTagURI")?.textContent?.trim();
-          if (c) {
-            const d = await this.parse(c, 1);
-            n.push(d);
+          const d = l.querySelector("VASTAdTagURI")?.textContent?.trim();
+          if (d) {
+            const c = await this.parse(d, 1);
+            n.push(c);
           }
         } else {
-          const c = this.parseAdElement(o, r);
-          c && n.push(c);
+          const d = this.parseAdElement(o, r);
+          d && n.push(d);
         }
       } catch (l) {
         console.warn("[VASTParser] Failed to parse Ad in pod, skipping:", l);
@@ -3251,21 +3262,21 @@ class _r {
   parseAdElement(e, t) {
     const r = e.getAttribute("sequence"), i = r !== null ? parseInt(r, 10) : void 0, n = e.querySelector("InLine") ?? e.querySelector("Inline") ?? e.querySelector("inline") ?? t.querySelector("InLine") ?? t.querySelector("Inline");
     if (!n) {
-      const T = Array.from(e.children).map((E) => E.tagName);
+      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(), c = n.querySelector("Duration")?.textContent?.trim(), d = this.parseDuration(c || "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(), d = n.querySelector("Duration")?.textContent?.trim(), c = this.parseDuration(d || "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(), k = this.parseTrackingEvents(n, t), I = this.getErrorUrls(t), A = this.parseCompanions(n);
+    const m = n.querySelector("ClickThrough")?.textContent?.trim(), S = this.parseTrackingEvents(n, t), I = this.getErrorUrls(t), C = this.parseCompanions(n);
     return {
       id: o,
       title: l,
-      duration: d,
+      duration: c,
       mediaFile: h,
       clickThrough: m,
-      trackingEvents: k,
+      trackingEvents: S,
       errorUrls: I,
-      companions: A.length > 0 ? A : void 0,
+      companions: C.length > 0 ? C : void 0,
       isVpaid: p,
       vpaidUrl: g,
       podSequence: i
@@ -3275,9 +3286,9 @@ 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, 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, k = c?.getAttribute("creativeType") ?? void 0, I = i.querySelector("CompanionClickThrough")?.textContent?.trim() ?? void 0, A = i.querySelector("AltText")?.textContent?.trim() ?? void 0, T = [];
-      i.querySelectorAll('TrackingEvents > Tracking[event="creativeView"]').forEach((E) => {
-        const y = E.textContent?.trim();
+      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 = [];
+      i.querySelectorAll('TrackingEvents > Tracking[event="creativeView"]').forEach((w) => {
+        const y = w.textContent?.trim();
         y && T.push(y);
       }), (p || g || m) && t.push({
         id: l,
@@ -3286,9 +3297,9 @@ class _r {
         staticResource: p,
         htmlResource: g,
         iFrameResource: m,
-        type: k,
+        type: S,
         clickThrough: I,
-        altText: A,
+        altText: C,
         viewTrackingUrls: T.length > 0 ? T : void 0
       });
     }), t;
@@ -3331,8 +3342,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"), c = o.textContent?.trim();
-      !l || !c || !n.includes(l) || (r[l] || (r[l] = []), r[l].push(c));
+      const l = o.getAttribute("event"), d = o.textContent?.trim();
+      !l || !d || !n.includes(l) || (r[l] || (r[l] = []), r[l].push(d));
     }), r;
   }
   /**
@@ -3358,12 +3369,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 c = r.getElementsByTagNameNS(i, "VMAP");
-      if (c.length > 0)
-        n = c[0];
+      const d = r.getElementsByTagNameNS(i, "VMAP");
+      if (d.length > 0)
+        n = d[0];
       else {
-        const d = r.getElementsByTagName("VMAP");
-        d.length > 0 && (n = d[0]);
+        const c = r.getElementsByTagName("VMAP");
+        c.length > 0 && (n = c[0]);
       }
     }
     if (!n)
@@ -3442,9 +3453,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 d = e.getElementsByTagNameNS(i, "AdSource");
-      if (d.length > 0)
-        n = d[0];
+      const c = e.getElementsByTagNameNS(i, "AdSource");
+      if (c.length > 0)
+        n = c[0];
       else {
         const h = e.getElementsByTagName("AdSource");
         h.length > 0 && (n = h[0]);
@@ -3454,22 +3465,22 @@ class Vr {
       return console.warn("[VMAPParser] AdBreak missing AdSource, skipping"), null;
     let o = n.querySelector("vmap\\:AdTagURI, AdTagURI");
     if (!o) {
-      const d = n.getElementsByTagNameNS(i, "AdTagURI");
-      if (d.length > 0)
-        o = d[0];
+      const c = n.getElementsByTagNameNS(i, "AdTagURI");
+      if (c.length > 0)
+        o = c[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((d) => d.tagName)), null;
+      return console.warn("[VMAPParser] AdSource missing AdTagURI, skipping"), console.warn("[VMAPParser] AdSource children:", Array.from(n.children).map((c) => c.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 c = document.createElement("textarea");
-    return c.innerHTML = l, l = c.value, console.log("[VMAPParser] AdBreak parsed:", {
+    const d = document.createElement("textarea");
+    return d.innerHTML = l, l = d.value, console.log("[VMAPParser] AdBreak parsed:", {
       timeOffset: r,
       timeOffsetStr: t,
       vastUrl: l.substring(0, 100) + (l.length > 100 ? "..." : "")
@@ -3565,7 +3576,7 @@ class Nr {
   reset() {
   }
 }
-class $r {
+class Br {
   player;
   config;
   tracker;
@@ -3694,20 +3705,20 @@ class $r {
           window.getVPAIDAd = function() { return typeof window.VPAIDCreative !== 'undefined' ? new window.VPAIDCreative() : null; };
         <\/script>
       </body></html>`), l.close(), this.vpaidIframe.onload = () => {
-        const d = this.vpaidIframe?.contentWindow?.getVPAIDAd?.() ?? null;
-        if (!d) {
+        const c = this.vpaidIframe?.contentWindow?.getVPAIDAd?.() ?? null;
+        if (!c) {
           console.warn("[AdPlayer] VPAID creative not found in iframe, skipping"), this.hideLoadingCallback && this.hideLoadingCallback(), t();
           return;
         }
-        this.vpaidCreative = d, d.handshakeVersion("2.0"), d.subscribe(t, "AdStopped"), d.subscribe(t, "AdVideoComplete"), d.subscribe(t, "AdSkipped"), d.subscribe(() => {
+        this.vpaidCreative = c, c.handshakeVersion("2.0"), c.subscribe(t, "AdStopped"), c.subscribe(t, "AdVideoComplete"), c.subscribe(t, "AdSkipped"), c.subscribe(() => {
           this.hideLoadingCallback && this.hideLoadingCallback(), this.tracker.trackStart(e);
-        }, "AdStarted"), d.subscribe(() => {
+        }, "AdStarted"), c.subscribe(() => {
           r(new Error("VPAID AdError"));
-        }, "AdError"), d.initAd(n, o, "normal", -1, { AdParameters: "" }, {
+        }, "AdError"), c.initAd(n, o, "normal", -1, { AdParameters: "" }, {
           slot: i,
           videoSlot: this.adVideo,
           videoSlotCanAutoPlay: !0
-        }), d.startAd();
+        }), c.startAd();
       };
     });
   }
@@ -3796,12 +3807,12 @@ class $r {
       const i = this.adVideo;
       let n = !1;
       const o = () => {
-        i.play().catch((k) => {
-          n || (m(), r(k));
+        i.play().catch((S) => {
+          n || (m(), r(S));
         });
-      }, l = () => this.tracker.trackStart(e), c = () => {
+      }, l = () => this.tracker.trackStart(e), d = () => {
         console.log("[AdPlayer] Ad video playing, hiding loading..."), this.hideLoadingCallback && this.hideLoadingCallback();
-      }, d = () => this.updateUI(e), h = () => {
+      }, c = () => this.updateUI(e), h = () => {
         n || (m(), t());
       };
       let p = !1;
@@ -3811,22 +3822,22 @@ class $r {
           t();
           return;
         }
-        const k = i.error?.code;
-        if (k === 4) {
+        const S = i.error?.code;
+        if (S === 4) {
           m(), t();
           return;
         }
-        m(), r(new Error(`Ad video playback error: ${i.error?.message ?? "Unknown"} (code: ${k})`));
+        m(), r(new Error(`Ad video playback error: ${i.error?.message ?? "Unknown"} (code: ${S})`));
       }, m = () => {
         if (!n) {
           n = !0;
           try {
-            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);
+            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);
           } catch {
           }
         }
       };
-      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(() => {
+      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(() => {
         this.state.isPlaying && this.state.currentTime === 0 && !n && (m(), r(new Error("Ad video timeout")));
       }, this.config.timeout || 1e4);
     });
@@ -3900,7 +3911,7 @@ class $r {
     };
   }
 }
-class Br {
+class $r {
   player;
   config;
   vastParser;
@@ -3917,7 +3928,7 @@ class Br {
     this.player = e, this.config = t, this.onLoadingChange = r, this.vastParser = new _r(
       t.timeout || 5e3,
       t.maxWrapperDepth || 5
-    ), this.vmapParser = new Vr(t.timeout || 5e3), this.adPlayer = new $r(e, t, () => this.hideAdLoading()), console.log("[AdManager] Initialized with config:", t);
+    ), this.vmapParser = new Vr(t.timeout || 5e3), this.adPlayer = new Br(e, t, () => this.hideAdLoading()), console.log("[AdManager] Initialized with config:", t);
   }
   /**
    * Wait for video element to be ready (with retry logic)
@@ -4194,29 +4205,29 @@ class Br {
     this.hideAdLoading(), this.adPlayer.destroy(), this.preRollPlayed = !1, this.midRollsPlayed.clear(), this.postRollPlayed = !1, this.vmapData = null, console.log("[AdManager] Destroyed");
   }
 }
-const ct = {
+const dt = {
   bottomOffset: 110,
   fontSize: 18,
   color: "#ffffff",
   background: "rgba(0,0,0,0.75)"
-}, dt = ce({
-  style: ct,
+}, ct = de({
+  style: dt,
   setStyle: () => {
   }
 });
 function Fr({ 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 });
+  const [e, t] = b(dt), r = (i) => t((n) => ({ ...n, ...i }));
+  return /* @__PURE__ */ s(ct.Provider, { value: { style: e, setStyle: r }, children: a });
 }
 function ut() {
-  return re(dt);
+  return re(ct);
 }
 function Ur({ videoElement: a }) {
   const { style: e } = ut(), [t, r] = b([]), i = O(""), n = O(0);
-  return x(() => {
+  return k(() => {
     if (!a) return;
     const o = () => {
-      const l = a.textTracks, c = [];
+      const l = a.textTracks, d = [];
       for (let h = 0; h < l.length; h++) {
         const p = l[h];
         if (p.kind !== "subtitles" && p.kind !== "captions" || p.mode === "disabled") continue;
@@ -4224,12 +4235,12 @@ function Ur({ videoElement: a }) {
         const g = p.activeCues;
         if (g)
           for (let m = 0; m < g.length; m++) {
-            const k = g[m];
-            k.text && c.push(k.text);
+            const S = g[m];
+            S.text && d.push(S.text);
           }
       }
-      const d = c.join("\0");
-      d !== i.current && (i.current = d, r(c)), n.current = requestAnimationFrame(o);
+      const c = d.join("\0");
+      c !== i.current && (i.current = c, r(d)), n.current = requestAnimationFrame(o);
     };
     return n.current = requestAnimationFrame(o), () => {
       cancelAnimationFrame(n.current);
@@ -4274,8 +4285,8 @@ function Ur({ videoElement: a }) {
     }
   );
 }
-const He = ce(!0);
-function Ei({
+const He = de(!0);
+function wi({
   src: a = "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4",
   defaultControls: e = !1,
   autoplay: t = !1,
@@ -4284,27 +4295,27 @@ function Ei({
   className: n,
   children: o,
   config: l,
-  onAdLoading: c,
-  onNextEpisode: d,
+  onAdLoading: d,
+  onNextEpisode: c,
   nextEpisodeTitle: h,
   nextEpisodeThumbnail: p,
   endCardCountdown: g = 5,
   crossOrigin: m
 }) {
-  const k = O(null), I = O(null), [A, T] = b(null), E = O(null), [y, G] = b(!1), [X, D] = b(!1), S = B(() => D(!0), []), _ = B(() => D(!1), []), [W, w] = b(!1), { onTouchStart: M, onTouchMove: N, onTouchEnd: H, gestureHint: Q } = Lr({
-    player: A,
+  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({
+    player: C,
     skipSec: 10
   }), { isActive: L } = Dr({
     timeout: 3e3,
     initialVisible: !0
   });
   Ir({
-    player: A,
+    player: C,
     seekStep: 10,
     enabled: !0,
-    onShowShortcuts: S
+    onShowShortcuts: A
   });
-  const $ = Ue(() => !l?.ads?.enabled || !l.ads.vastUrl && !l.ads.vmapUrl ? null : {
+  const B = Ue(() => !l?.ads?.enabled || !l.ads.vastUrl && !l.ads.vmapUrl ? null : {
     enabled: !0,
     vastUrl: l.ads.vastUrl,
     vmapUrl: l.ads.vmapUrl,
@@ -4319,45 +4330,45 @@ function Ei({
     l?.ads?.timeout,
     l?.ads?.maxWrapperDepth
   ]);
-  x(() => {
-    if (!I.current || !k.current) return;
+  k(() => {
+    if (!I.current || !S.current) return;
     console.log("[Player] Initializing PlayerCore");
     const F = new fe(I.current);
-    return fe.preloadEngines(), F.container = k.current, T(F), () => {
-      console.log("[Player] Cleanup called - destroying PlayerCore"), E.current && (console.log("[Player] Destroying AdManager"), E.current.destroy(), E.current = null), F.destroy(), T(null);
+    return fe.preloadEngines(), F.container = S.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);
     };
-  }, []), x(() => {
-    if (!A || !$) return;
+  }, []), k(() => {
+    if (!C || !B) return;
     console.log("[Player] Setting up ads");
     const F = (J) => {
-      G(J), c?.(J);
-    }, Z = new Br(A, $, F);
-    return E.current = Z, Z.setup().catch((J) => {
+      G(J), d?.(J);
+    }, Z = new $r(C, B, F);
+    return w.current = Z, Z.setup().catch((J) => {
       console.error("[Player] Failed to setup ads:", J);
     }), () => {
-      E.current && (console.log("[Player] Cleaning up ads"), E.current.destroy(), E.current = null);
+      w.current && (console.log("[Player] Cleaning up ads"), w.current.destroy(), w.current = null);
     };
-  }, [A, $]), x(() => {
-    !A || !l || A.setConfig(l);
-  }, [A, l]);
+  }, [C, B]), k(() => {
+    !C || !l || C.setConfig(l);
+  }, [C, l]);
   const P = Ue(() => l?.drm ?? null, [l?.drm]);
-  return x(() => {
-    !A || !P?.enabled || A.setupDrm(P);
-  }, [A, P]), x(() => {
-    A && a && (console.log("[Player] Setting source:", a), A.setSource(a).catch((F) => {
+  return k(() => {
+    !C || !P?.enabled || C.setupDrm(P);
+  }, [C, P]), k(() => {
+    C && a && (console.log("[Player] Setting source:", a), C.setSource(a).catch((F) => {
       console.error("[Player] setSource failed:", F);
     }));
-  }, [A, a]), x(() => {
-    if (!A || !d) return;
-    const F = A.getVideoElement();
+  }, [C, a]), k(() => {
+    if (!C || !c) return;
+    const F = C.getVideoElement();
     if (!F) return;
-    const Z = () => w(!0);
+    const Z = () => E(!0);
     return F.addEventListener("ended", Z), () => F.removeEventListener("ended", Z);
-  }, [A, d]), /* @__PURE__ */ u(Fr, { children: [
+  }, [C, c]), /* @__PURE__ */ u(Fr, { children: [
     /* @__PURE__ */ u(
       "div",
       {
-        ref: k,
+        ref: S,
         role: "region",
         "aria-label": "Video Player",
         className: `playron-wrapper ${n || ""}`,
@@ -4411,20 +4422,20 @@ function Ei({
               tabIndex: e ? 0 : -1
             }
           ),
-          A ? /* @__PURE__ */ s(Gt, { playerInstance: A, children: /* @__PURE__ */ u(He.Provider, { value: L, children: [
+          C ? /* @__PURE__ */ s(Gt, { playerInstance: C, children: /* @__PURE__ */ u(He.Provider, { value: L, children: [
             /* @__PURE__ */ s(Ur, { videoElement: I.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(Tr, { isOpen: X, onClose: _ }),
-            d && /* @__PURE__ */ s(
+            c && /* @__PURE__ */ s(
               Mr,
               {
                 isVisible: W,
                 onNextEpisode: () => {
-                  w(!1), d();
+                  E(!1), c();
                 },
-                onDismiss: () => w(!1),
+                onDismiss: () => E(!1),
                 countdownSec: g,
                 nextTitle: h,
                 thumbnail: p
@@ -4483,9 +4494,9 @@ function zr({
   style: o,
   ...l
 }) {
-  const c = Y((g) => g.isPlaying), { togglePlay: d } = q(), h = async (g) => {
+  const d = Y((g) => g.isPlaying), { togglePlay: c } = q(), h = async (g) => {
     try {
-      await d();
+      await c();
     } catch (m) {
       console.error("Play/Pause error:", m);
     }
@@ -4495,14 +4506,14 @@ function zr({
     "button",
     {
       className: `virtus-btn virtus-play-button ${Hr.playButton} ${a || ""}`,
-      "aria-label": c ? "Pause" : "Play",
+      "aria-label": d ? "Pause" : "Play",
       onClick: h,
       style: {
         ...p !== void 0 ? { "--btn-hover-bg": p } : {},
         ...o
       },
       ...l,
-      children: c ? i ?? /* @__PURE__ */ s(
+      children: d ? i ?? /* @__PURE__ */ s(
         "svg",
         {
           "aria-hidden": "true",
@@ -4601,8 +4612,8 @@ function jr({
   style: o,
   ...l
 }) {
-  const { toggleFullscreen: c } = q(), [d, h] = b(!1);
-  x(() => {
+  const { toggleFullscreen: d } = q(), [c, h] = b(!1);
+  k(() => {
     const m = () => {
       h(!!document.fullscreenElement);
     };
@@ -4611,20 +4622,20 @@ function jr({
     };
   }, []);
   const p = (m) => {
-    c(), e?.(m);
+    d(), 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": d ? "Exit Fullscreen" : "Fullscreen",
+      "aria-label": c ? "Exit Fullscreen" : "Fullscreen",
       onClick: p,
       style: {
         ...g !== void 0 ? { "--btn-hover-bg": g } : {},
         ...o
       },
       ...l,
-      children: d ? n ?? /* @__PURE__ */ s(
+      children: c ? n ?? /* @__PURE__ */ s(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -4654,7 +4665,7 @@ function jr({
 }
 function Kr({ className: a, onClick: e, ...t }) {
   const { togglePip: r } = q(), [i, n] = b(!1);
-  x(() => {
+  k(() => {
     const l = () => {
       n(!!document.pictureInPictureElement);
     };
@@ -4665,8 +4676,8 @@ function Kr({ className: a, onClick: e, ...t }) {
   const o = async (l) => {
     try {
       await r();
-    } catch (c) {
-      console.error("PiP toggle error:", c);
+    } catch (d) {
+      console.error("PiP toggle error:", d);
     }
     e?.(l);
   };
@@ -4700,7 +4711,7 @@ function ki() {
   const { toggleTheaterMode: a, isTheaterMode: e } = q(), [t, r] = b(e()), i = () => {
     a(), r(!t);
   };
-  return x(() => {
+  return k(() => {
     const n = (o) => {
       r(o.detail.isTheaterMode);
     };
@@ -4771,7 +4782,7 @@ function ki() {
   );
 }
 function Yr(a, e, t = !0) {
-  x(() => {
+  k(() => {
     if (!t) return;
     const r = (n) => {
       a.current && !a.current.contains(n.target) && e();
@@ -4783,7 +4794,7 @@ function Yr(a, e, t = !0) {
     };
   }, [a, e, t]);
 }
-const Te = ce({
+const Te = de({
   isOpen: !1,
   toggle: () => {
   },
@@ -4793,7 +4804,7 @@ const Te = ce({
   }
 });
 function ht({ children: a }) {
-  const [e, t] = b(!1), r = O(null), i = () => t((c) => !c), n = () => t(!1), o = () => t(!0);
+  const [e, t] = b(!1), r = O(null), i = () => t((d) => !d), n = () => t(!1), o = () => t(!0);
   Yr(r, n, e);
   const l = {
     isOpen: e,
@@ -4999,14 +5010,14 @@ function We({
 }
 function Si() {
   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];
-  x(() => {
+  k(() => {
     e?.playbackRate !== void 0 && r(e.playbackRate);
   }, [e?.playbackRate]);
-  const l = (d) => {
-    a.setPlaybackRate(d), r(d);
-  }, c = () => {
-    const d = !i;
-    n(d), a.setLoop(d);
+  const l = (c) => {
+    a.setPlaybackRate(c), r(c);
+  }, d = () => {
+    const c = !i;
+    n(c), a.setLoop(c);
   };
   return /* @__PURE__ */ u(ht, { children: [
     /* @__PURE__ */ s(pt, { children: /* @__PURE__ */ s(
@@ -5026,11 +5037,11 @@ function Si() {
           cursor: "pointer",
           transition: "all 0.2s ease"
         },
-        onMouseEnter: (d) => {
-          d.currentTarget.style.background = "rgba(255, 255, 255, 0.2)", d.currentTarget.style.transform = "scale(1.05)";
+        onMouseEnter: (c) => {
+          c.currentTarget.style.background = "rgba(255, 255, 255, 0.2)", c.currentTarget.style.transform = "scale(1.05)";
         },
-        onMouseLeave: (d) => {
-          d.currentTarget.style.background = "rgba(255, 255, 255, 0.1)", d.currentTarget.style.transform = "scale(1)";
+        onMouseLeave: (c) => {
+          c.currentTarget.style.background = "rgba(255, 255, 255, 0.1)", c.currentTarget.style.transform = "scale(1)";
         },
         children: /* @__PURE__ */ u(
           "svg",
@@ -5052,20 +5063,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((d) => /* @__PURE__ */ u(
+      o.map((c) => /* @__PURE__ */ u(
         We,
         {
-          selected: t === d,
-          onClick: () => l(d),
+          selected: t === c,
+          onClick: () => l(c),
           children: [
-            d,
+            c,
             "x"
           ]
         },
-        d
+        c
       )),
       /* @__PURE__ */ s("div", { style: { height: "1px", background: "rgba(255, 255, 255, 0.1)", margin: "8px 0" } }),
-      /* @__PURE__ */ u(We, { selected: i, onClick: c, children: [
+      /* @__PURE__ */ u(We, { selected: i, onClick: d, children: [
         "Loop ",
         i ? "On" : "Off"
       ] })
@@ -5077,7 +5088,7 @@ const Xr = "_timeDisplay_1wupc_3", Gr = "_currentTime_1wupc_16", Qr = "_separato
   currentTime: Gr,
   separator: Qr,
   duration: Zr
-}, Be = (a) => {
+}, $e = (a) => {
   if (!isFinite(a) || isNaN(a)) return "0:00";
   const e = Math.floor(a / 3600), t = Math.floor(a % 3600 / 60), r = Math.floor(a % 60);
   return e > 0 ? `${e}:${t.toString().padStart(2, "0")}:${r.toString().padStart(2, "0")}` : `${t}:${r.toString().padStart(2, "0")}`;
@@ -5089,12 +5100,12 @@ function Jr({ className: a, ...e }) {
     {
       className: pe.currentTime,
       style: { color: "rgba(255, 255, 255, 0.7)", fontSize: "12px" },
-      children: Be(t)
+      children: $e(t)
     }
   ) }) : /* @__PURE__ */ u("div", { className: `virtus-time-display ${pe.timeDisplay} ${a || ""}`, ...e, children: [
-    /* @__PURE__ */ s("span", { className: pe.currentTime, children: Be(t) }),
+    /* @__PURE__ */ s("span", { className: pe.currentTime, children: $e(t) }),
     /* @__PURE__ */ s("span", { className: pe.separator, children: "/" }),
-    /* @__PURE__ */ s("span", { className: pe.duration, children: Be(r) })
+    /* @__PURE__ */ s("span", { className: pe.duration, children: $e(r) })
   ] });
 }
 function ei() {
@@ -5175,21 +5186,21 @@ const ri = "_container_6dw0q_3", ii = "_skipButton_6dw0q_11", Fe = {
 };
 function Ai({ introOutro: a }) {
   const { currentTime: e } = Y(), { seekTo: t } = q(), [r, i] = b(!1), [n, o] = b(!1);
-  x(() => {
+  k(() => {
     if (a) {
       if (a.intro) {
-        const d = e >= a.intro.start && e < a.intro.end;
-        i(d);
+        const c = e >= a.intro.start && e < a.intro.end;
+        i(c);
       }
       if (a.outro) {
-        const d = e >= a.outro.start && e < a.outro.end;
-        o(d);
+        const c = e >= a.outro.start && e < a.outro.end;
+        o(c);
       }
     }
   }, [e, a]);
-  const l = B(() => {
+  const l = $(() => {
     a?.intro && (t(a.intro.end), i(!1));
-  }, [a, t]), c = B(() => {
+  }, [a, t]), d = $(() => {
     a?.outro && (t(a.outro.end), o(!1));
   }, [a, t]);
   return !r && !n ? null : /* @__PURE__ */ u("div", { className: Fe.container, children: [
@@ -5206,7 +5217,7 @@ function Ai({ introOutro: a }) {
         }
       )
     ] }),
-    n && /* @__PURE__ */ u("button", { onClick: c, className: Fe.skipButton, children: [
+    n && /* @__PURE__ */ u("button", { onClick: d, className: Fe.skipButton, children: [
       /* @__PURE__ */ s("span", { children: "Skip Outro" }),
       /* @__PURE__ */ s(
         "svg",
@@ -5253,7 +5264,7 @@ function ni({
   showTooltip: r = !0,
   onClick: i
 }) {
-  const [n, o] = b(!1), l = Qe[a.type] || Qe.event, c = a.icon || l.icon, d = a.color || l.color, h = (p) => {
+  const [n, o] = b(!1), l = Qe[a.type] || Qe.event, d = a.icon || l.icon, c = a.color || l.color, h = (p) => {
     p.stopPropagation(), i && i(a.time);
   };
   return /* @__PURE__ */ u(
@@ -5283,7 +5294,7 @@ function ni({
               display: "flex",
               alignItems: "center",
               justifyContent: "center",
-              backgroundColor: d,
+              backgroundColor: c,
               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)",
@@ -5299,7 +5310,7 @@ function ni({
                   display: "inline-block",
                   transform: "translateY(-1px)"
                 },
-                children: c
+                children: d
               }
             )
           }
@@ -5375,16 +5386,16 @@ class si {
     for (; n < i.length; ) {
       const o = i[n].trim();
       if (o.includes("-->")) {
-        const [l, c] = o.split("-->").map((m) => m.trim()), d = this.parseTime(l), h = this.parseTime(c);
+        const [l, d] = o.split("-->").map((m) => m.trim()), c = this.parseTime(l), h = this.parseTime(d);
         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 && d >= 0 && h > d) {
+        if (g && c >= 0 && h > c) {
           const m = this.parseCueLine(g, t);
-          m && r.push({ startTime: d, endTime: h, ...m });
+          m && r.push({ startTime: c, endTime: h, ...m });
         }
       } else
         n++;
@@ -5393,15 +5404,15 @@ class si {
   }
   parseCueLine(e, t) {
     const r = e.lastIndexOf("#xywh=");
-    let i, n = 0, o = 0, l = 0, c = 0;
+    let i, n = 0, o = 0, l = 0, d = 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, c] = h);
+      h.length === 4 && h.every((p) => !isNaN(p)) && ([n, o, l, d] = h);
     } else
       i = e;
-    const d = this.resolveUrl(i.trim(), t);
-    return d ? { url: d, x: n, y: o, w: l, h: c } : null;
+    const c = this.resolveUrl(i.trim(), t);
+    return c ? { url: c, x: n, y: o, w: l, h: d } : null;
   }
   resolveUrl(e, t) {
     if (e.startsWith("http://") || e.startsWith("https://") || e.startsWith("//"))
@@ -5427,75 +5438,75 @@ function ai({
   thumbnailsVttUrl: n,
   seekBarStyle: o
 }) {
-  const l = re(He), c = O(null), [d, h] = b(!1), [p, g] = b(null), [m, k] = b(null), [I, A] = b([]), T = O(null), { currentTime: E, duration: y, isLive: G, isPlaying: X, playbackRate: D } = Y(), { seekTo: S, getDVRRange: _, getBufferedRanges: W } = q(), [w, M] = b(E), N = O(null), H = O({ time: E, ts: performance.now() });
-  x(() => {
-    H.current = { time: E, ts: performance.now() }, M(E);
-  }, [E]);
-  const Q = B(() => {
+  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() });
+  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);
       M(ee);
     }
     N.current = requestAnimationFrame(Q);
   }, [X, D, y]);
-  x(() => (N.current = requestAnimationFrame(Q), () => {
+  k(() => (N.current = requestAnimationFrame(Q), () => {
     N.current !== null && cancelAnimationFrame(N.current);
-  }), [Q]), x(() => {
+  }), [Q]), k(() => {
     if (!n) return;
     const v = new si();
     return T.current = v, v.load(n), () => {
       v.destroy(), T.current = null;
     };
-  }, [n]), x(() => {
+  }, [n]), k(() => {
     const v = setInterval(() => {
-      A(W());
+      C(W());
     }, 500);
     return () => clearInterval(v);
   }, [W]);
-  const L = a === "live" || !!G, $ = L ? _() : null, P = $ !== null && $.end - $.start > 5, F = P ? $.end - $.start : 0, Z = P && F > 0 ? (w - $.start) / F * 100 : 0, J = L ? Math.min(100, Math.max(0, Z)) : y > 0 ? w / y * 100 : 0, we = 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) => {
+  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) => {
     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")}`;
   }, ve = (v) => {
-    if (!c.current) return 0;
-    const R = c.current.getBoundingClientRect(), V = (v.clientX - R.left) / R.width;
+    if (!d.current) return 0;
+    const R = d.current.getBoundingClientRect(), V = (v.clientX - R.left) / R.width;
     return Math.max(0, Math.min(1, V));
-  }, Ee = (v) => {
+  }, we = (v) => {
     if (!(L && !P)) {
       if (L && P) {
-        S($.start + v * F);
+        A(B.start + v * F);
         return;
       }
-      y !== 0 && S(v * y);
+      y !== 0 && A(v * y);
     }
   }, De = (v) => {
     if (L && !P) return;
     v.preventDefault(), h(!0);
     const R = ve(v);
-    Ee(R);
+    we(R);
   }, Ie = (v) => {
-    if (!c.current) return;
+    if (!d.current) return;
     const R = ve(v);
     if (g(R), T.current) {
-      const V = P ? $.start + R * F : R * y;
-      k(T.current.getThumbnailAt(V));
+      const V = P ? B.start + R * F : R * y;
+      S(T.current.getThumbnailAt(V));
     }
   }, _e = () => {
-    g(null), k(null);
+    g(null), S(null);
   };
-  return x(() => {
-    if (!d) return;
+  return k(() => {
+    if (!c) return;
     const v = (V) => {
-      if (!c.current) return;
+      if (!d.current) return;
       const U = ve(V);
-      g(U), Ee(U);
+      g(U), we(U);
     }, R = () => {
       h(!1);
     };
     return window.addEventListener("mousemove", v), window.addEventListener("mouseup", R), () => {
       window.removeEventListener("mousemove", v), window.removeEventListener("mouseup", R);
     };
-  }, [d, y]), /* @__PURE__ */ u(
+  }, [c, y]), /* @__PURE__ */ u(
     "div",
     {
       style: {
@@ -5596,42 +5607,42 @@ function ai({
         /* @__PURE__ */ u(
           "div",
           {
-            ref: c,
+            ref: d,
             role: L && !P ? void 0 : "slider",
             tabIndex: L && !P ? void 0 : 0,
             "aria-label": L ? "DVR seek" : "Seek",
-            "aria-valuemin": L && !P ? void 0 : P ? Math.floor($.start) : 0,
-            "aria-valuemax": L && !P ? void 0 : P ? Math.floor($.end) : Math.floor(y) || 0,
-            "aria-valuenow": L && !P ? void 0 : Math.floor(E),
-            "aria-valuetext": L && !P ? "LIVE" : P ? `${le(E)} (DVR)` : `${le(E)} of ${le(y)}`,
+            "aria-valuemin": L && !P ? void 0 : P ? Math.floor(B.start) : 0,
+            "aria-valuemax": L && !P ? void 0 : P ? Math.floor(B.end) : Math.floor(y) || 0,
+            "aria-valuenow": L && !P ? void 0 : Math.floor(w),
+            "aria-valuetext": L && !P ? "LIVE" : P ? `${le(w)} (DVR)` : `${le(w)} of ${le(y)}`,
             "aria-disabled": L && !P ? !0 : void 0,
             onMouseDown: De,
             onMouseMove: Ie,
             onMouseLeave: _e,
             onKeyDown: (v) => {
               if (L && !P) return;
-              const R = 5, V = 30, U = P ? $.start : 0, ee = P ? $.end : y;
+              const R = 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(), S(Math.max(U, E - R));
+                    v.preventDefault(), A(Math.max(U, w - R));
                     break;
                   case "ArrowRight":
                   case "ArrowUp":
-                    v.preventDefault(), S(Math.min(ee, E + R));
+                    v.preventDefault(), A(Math.min(ee, w + R));
                     break;
                   case "PageDown":
-                    v.preventDefault(), S(Math.max(U, E - V));
+                    v.preventDefault(), A(Math.max(U, w - V));
                     break;
                   case "PageUp":
-                    v.preventDefault(), S(Math.min(ee, E + V));
+                    v.preventDefault(), A(Math.min(ee, w + V));
                     break;
                   case "Home":
-                    v.preventDefault(), S(U);
+                    v.preventDefault(), A(U);
                     break;
                   case "End":
-                    v.preventDefault(), S(ee);
+                    v.preventDefault(), A(ee);
                     break;
                 }
             },
@@ -5653,7 +5664,7 @@ function ai({
                     left: 0,
                     right: 0,
                     height: `${Me}px`,
-                    backgroundColor: we,
+                    backgroundColor: Ee,
                     borderRadius: `${ue}px`
                   },
                   children: [
@@ -5669,7 +5680,7 @@ function ai({
                             top: 0,
                             height: "100%",
                             width: `${U}%`,
-                            backgroundColor: de,
+                            backgroundColor: ce,
                             borderRadius: `${ue}px`,
                             pointerEvents: "none"
                           }
@@ -5721,7 +5732,7 @@ function ai({
                           position: V,
                           size: i,
                           showTooltip: !0,
-                          onClick: (U) => S(U)
+                          onClick: (U) => A(U)
                         },
                         `timeline-${R}-${v.time}`
                       );
@@ -5771,15 +5782,15 @@ function ai({
                           left: `${J}%`,
                           top: "50%",
                           transform: "translate(-50%, -50%)",
-                          width: d ? "16px" : "14px",
-                          height: d ? "16px" : "14px",
+                          width: c ? "16px" : "14px",
+                          height: c ? "16px" : "14px",
                           backgroundColor: j,
                           borderRadius: "50%",
                           boxShadow: "0 2px 8px rgba(0, 0, 0, 0.3)",
                           pointerEvents: "none",
                           zIndex: 1e3,
-                          opacity: d || p !== null ? 1 : 0,
-                          transition: d ? "none" : "all 0.15s ease"
+                          opacity: c || p !== null ? 1 : 0,
+                          transition: c ? "none" : "all 0.15s ease"
                         }
                       }
                     )
@@ -5787,7 +5798,7 @@ function ai({
                 }
               ),
               Pe && (!L || P) && p !== null && (() => {
-                const v = P ? $.start + p * F : p * y, R = c.current?.offsetWidth ?? 0, V = p * 100, U = p * R, ee = Ze / 2;
+                const v = P ? B.start + p * F : p * y, R = d.current?.offsetWidth ?? 0, V = p * 100, U = p * R, ee = Ze / 2;
                 let he = "-50%";
                 return U < ee ? he = "0%" : R - U < ee && (he = "-100%"), m ? (
                   /* Thumbnail card */
@@ -5949,7 +5960,7 @@ function li({
     }
   );
 }
-function ci({
+function di({
   seconds: a = 15,
   iconSize: e = 24,
   hoverBackground: t,
@@ -6013,7 +6024,7 @@ function ci({
     }
   );
 }
-function di({ sliderDirection: a = "right", theme: e, iconSize: t = 20, hoverBackground: r }) {
+function ci({ 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)",
@@ -6023,43 +6034,43 @@ function di({ 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: c } = q(), [d, h] = b(!1), [p, g] = b(!1), m = O(null), k = a === "top" || a === "bottom", I = B((w, M) => {
+  }, { 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) => {
     if (!m.current) return;
-    const N = m.current.getBoundingClientRect(), H = k ? Math.max(0, Math.min(1, 1 - (M - N.top) / N.height)) : Math.max(0, Math.min(1, (w - N.left) / N.width));
-    c(H);
-  }, [c, k]), A = B((w) => {
-    g(!0), n && l(), I(w.clientX, w.clientY);
+    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]);
-  x(() => {
+  k(() => {
     if (!p) return;
-    const w = (N) => I(N.clientX, N.clientY), M = () => g(!1);
-    return window.addEventListener("mousemove", w), window.addEventListener("mouseup", M), () => {
-      window.removeEventListener("mousemove", w), window.removeEventListener("mouseup", M);
+    const E = (N) => I(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, E = d || p, y = {
+  const T = p ? o : n ? 0 : o, w = c || p, y = {
     position: "absolute",
-    opacity: E ? 1 : 0,
+    opacity: w ? 1 : 0,
     transition: "all 0.25s ease",
-    pointerEvents: E ? "auto" : "none",
+    pointerEvents: w ? "auto" : "none",
     zIndex: 10,
     background: i.sliderBackground,
     backdropFilter: "blur(12px)",
     boxShadow: "4px 0 16px rgba(0,0,0,0.5)",
     overflow: "hidden"
   }, G = (() => {
-    const w = `1px solid ${i.borderColor}`;
+    const E = `1px solid ${i.borderColor}`;
     switch (a) {
       case "left":
         return {
           ...y,
           right: "40px",
           top: "0",
-          width: E ? "118px" : "0px",
+          width: w ? "118px" : "0px",
           height: "40px",
           paddingRight: "8px",
           borderRadius: "8px 0 0 8px",
-          border: w,
+          border: E,
           borderRight: "none"
         };
       case "top":
@@ -6068,10 +6079,10 @@ function di({ sliderDirection: a = "right", theme: e, iconSize: t = 20, hoverBac
           bottom: "40px",
           left: "0",
           width: "40px",
-          height: E ? "118px" : "0px",
+          height: w ? "118px" : "0px",
           paddingBottom: "8px",
           borderRadius: "8px 8px 0 0",
-          border: w,
+          border: E,
           borderBottom: "none"
         };
       case "bottom":
@@ -6080,10 +6091,10 @@ function di({ sliderDirection: a = "right", theme: e, iconSize: t = 20, hoverBac
           top: "40px",
           left: "0",
           width: "40px",
-          height: E ? "118px" : "0px",
+          height: w ? "118px" : "0px",
           paddingTop: "8px",
           borderRadius: "0 0 8px 8px",
-          border: w,
+          border: E,
           borderTop: "none"
         };
       default:
@@ -6091,15 +6102,15 @@ function di({ sliderDirection: a = "right", theme: e, iconSize: t = 20, hoverBac
           ...y,
           left: "40px",
           top: "0",
-          width: E ? "118px" : "0px",
+          width: w ? "118px" : "0px",
           height: "40px",
           paddingLeft: "8px",
           borderRadius: "0 8px 8px 0",
-          border: w,
+          border: E,
           borderLeft: "none"
         };
     }
-  })(), X = k ? { 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 = k ? { width: "4px", height: "100%", backgroundColor: i.trackColor, borderRadius: "2px", position: "relative" } : { width: "100%", height: "4px", backgroundColor: i.trackColor, borderRadius: "2px", position: "relative" }, S = k ? {
+  })(), 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 ? {
     position: "absolute",
     bottom: 0,
     left: 0,
@@ -6117,7 +6128,7 @@ function di({ 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 = k ? {
+  }, _ = p ? 14 : 12, W = S ? {
     position: "absolute",
     bottom: `calc(${T * 100}% - ${T * _}px)`,
     left: "50%",
@@ -6170,11 +6181,11 @@ function di({ sliderDirection: a = "right", theme: e, iconSize: t = 20, hoverBac
               position: "relative",
               zIndex: 1
             },
-            onMouseEnter: (w) => {
-              h(!0), w.currentTarget.style.background = typeof r == "string" ? r : r === !1 ? "transparent" : i.buttonHoverBackground, w.currentTarget.style.transform = "scale(1.05)";
+            onMouseEnter: (E) => {
+              h(!0), E.currentTarget.style.background = typeof r == "string" ? r : r === !1 ? "transparent" : i.buttonHoverBackground, E.currentTarget.style.transform = "scale(1.05)";
             },
-            onMouseLeave: (w) => {
-              w.currentTarget.style.background = r === !1 ? "transparent" : i.buttonBackground, w.currentTarget.style.transform = "scale(1)";
+            onMouseLeave: (E) => {
+              E.currentTarget.style.background = r === !1 ? "transparent" : i.buttonBackground, E.currentTarget.style.transform = "scale(1)";
             },
             children: n || o === 0 ? (
               // Heroicons SpeakerXMarkIcon (solid)
@@ -6202,39 +6213,39 @@ function di({ sliderDirection: a = "right", theme: e, iconSize: t = 20, hoverBac
                 "aria-valuemax": 100,
                 "aria-valuenow": Math.round(T * 100),
                 "aria-valuetext": n ? "Muted" : `${Math.round(T * 100)}%`,
-                onMouseDown: A,
-                onKeyDown: (w) => {
+                onMouseDown: C,
+                onKeyDown: (E) => {
                   const H = n ? 0 : o;
-                  switch (w.key) {
+                  switch (E.key) {
                     case "ArrowRight":
                     case "ArrowUp":
-                      w.preventDefault(), c(Math.min(1, H + 0.05));
+                      E.preventDefault(), d(Math.min(1, H + 0.05));
                       break;
                     case "ArrowLeft":
                     case "ArrowDown":
-                      w.preventDefault(), c(Math.max(0, H - 0.05));
+                      E.preventDefault(), d(Math.max(0, H - 0.05));
                       break;
                     case "PageUp":
-                      w.preventDefault(), c(Math.min(1, H + 0.2));
+                      E.preventDefault(), d(Math.min(1, H + 0.2));
                       break;
                     case "PageDown":
-                      w.preventDefault(), c(Math.max(0, H - 0.2));
+                      E.preventDefault(), d(Math.max(0, H - 0.2));
                       break;
                     case "Home":
-                      w.preventDefault(), c(0);
+                      E.preventDefault(), d(0);
                       break;
                     case "End":
-                      w.preventDefault(), c(1);
+                      E.preventDefault(), d(1);
                       break;
                     case "m":
                     case "M":
-                      w.preventDefault(), l();
+                      E.preventDefault(), l();
                       break;
                   }
                 },
                 style: X,
                 children: /* @__PURE__ */ u("div", { style: D, children: [
-                  /* @__PURE__ */ s("div", { style: S }),
+                  /* @__PURE__ */ s("div", { style: A }),
                   /* @__PURE__ */ s("div", { style: W })
                 ] })
               }
@@ -6247,7 +6258,7 @@ function di({ sliderDirection: a = "right", theme: e, iconSize: t = 20, hoverBac
 }
 const ui = [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2];
 function Ci() {
-  const { setPlaybackRate: a } = q(), [e, t] = b(1), r = B(
+  const { setPlaybackRate: a } = q(), [e, t] = b(1), r = $(
     (n) => {
       a(n), t(n);
     },
@@ -6327,7 +6338,7 @@ function Ci() {
     ] }) })
   ] });
 }
-const ze = ce({
+const ze = de({
   textColor: "#fff",
   accentColor: "#6366f1",
   accentAlpha15: "rgba(99,102,241,0.15)",
@@ -6376,16 +6387,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(" "), c = l + ` L${292 .toFixed(1)},52 L0,52 Z`, d = o[o.length - 1];
+  ]), 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];
   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: c, fill: `url(#${t})` }),
+    /* @__PURE__ */ s("path", { d, fill: `url(#${t})` }),
     /* @__PURE__ */ s("path", { d: l, fill: "none", stroke: e, strokeWidth: 1.8, strokeLinejoin: "round", strokeLinecap: "round" }),
-    /* @__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 })
+    /* @__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 })
   ] });
 }
 function z({
@@ -6396,7 +6407,7 @@ function z({
   selected: i = !1,
   isBack: n = !1
 }) {
-  const [o, l] = b(!1), { textColor: c, accentColor: d, accentAlpha15: h, accentAlpha30: p, fontSize: g } = re(ze);
+  const [o, l] = b(!1), { textColor: d, accentColor: c, accentAlpha15: h, accentAlpha30: p, fontSize: g } = re(ze);
   return /* @__PURE__ */ u(
     "button",
     {
@@ -6407,7 +6418,7 @@ function z({
       onMouseLeave: () => l(!1),
       style: {
         ...mi,
-        color: c,
+        color: d,
         fontSize: g,
         background: o ? "rgba(255,255,255,0.07)" : i ? h : "transparent",
         fontWeight: i ? 600 : 400,
@@ -6424,9 +6435,9 @@ function z({
             alignItems: "center",
             justifyContent: "center",
             flexShrink: 0,
-            color: i ? d : "rgba(255,255,255,0.65)",
+            color: i ? c : "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: 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 } }),
+          }, 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 } }),
           /* @__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: [
@@ -6448,46 +6459,46 @@ function yi({
   hoverBackground: r,
   gearIcon: i
 } = {}) {
-  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 = {
+  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 = {
     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: c.replace("0.1)", "0.07)"),
-    fontSize: d
+    borderColor: d.replace("0.1)", "0.07)"),
+    fontSize: c
   }, p = {
     ...fi,
     color: o,
-    fontSize: d,
-    borderBottom: `1px solid ${c.replace("0.1)", "0.08)")}`
+    fontSize: c,
+    borderBottom: `1px solid ${d.replace("0.1)", "0.08)")}`
   }, g = e?.vertical ?? "top", m = e?.horizontal ?? "right", {
-    setQuality: k,
+    setQuality: S,
     setAudioTrack: I,
-    setPlaybackRate: A,
+    setPlaybackRate: C,
     setSubtitleTrack: T,
-    getPlayerStats: E
-  } = q(), y = Ce(), { playbackRate: G = 1, isLive: X } = Y(), { style: D, setStyle: S } = ut(), [_, W] = b(!1), [w, M] = b("root");
-  x(() => {
-    X && w === "speed" && M("root");
-  }, [X, w]);
-  const [N, H] = b([]), [Q, L] = b(null), [$, P] = b([]), [F, Z] = b(""), [J, we] = b([]), [ae, de] = b(null), [j, Me] = b(null), [ue, me] = b([]);
-  x(() => {
+    getPlayerStats: w
+  } = q(), y = Ce(), { playbackRate: G = 1, isLive: X } = Y(), { style: D, setStyle: A } = 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([]);
+  k(() => {
     const f = () => {
-      H(y.getAvailableQualities()), L(y.getQuality()), P(y.getAvailableAudioTracks()), Z(y.getAudioTrack()), we(y.getSubtitleTracks()), de(y.getActiveSubtitleLanguage());
+      H(y.getAvailableQualities()), L(y.getQuality()), P(y.getAvailableAudioTracks()), Z(y.getAudioTrack()), Ee(y.getSubtitleTracks()), ce(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);
     return () => {
       y.events.off("tracksready", f), y.events.off("streamTypeDetected", f), y.events.off("qualitychange", f), y.events.off("loadedmetadata", f), clearTimeout(K);
     };
-  }, [y]), x(() => {
-    _ && (H(y.getAvailableQualities()), L(y.getQuality()), P(y.getAvailableAudioTracks()), Z(y.getAudioTrack()), we(y.getSubtitleTracks()), de(y.getActiveSubtitleLanguage()));
+  }, [y]), k(() => {
+    _ && (H(y.getAvailableQualities()), L(y.getQuality()), P(y.getAvailableAudioTracks()), Z(y.getAudioTrack()), Ee(y.getSubtitleTracks()), ce(y.getActiveSubtitleLanguage()));
   }, [_, y]);
-  const Pe = $.length > 1;
-  x(() => {
-    if (w !== "statistics") return;
+  const Pe = B.length > 1;
+  k(() => {
+    if (E !== "statistics") return;
     const f = () => {
-      const xe = E();
+      const xe = w();
       Me(xe), me((Ve) => [...Ve.slice(-59), xe]);
     };
     f();
@@ -6495,24 +6506,24 @@ function yi({
     return () => {
       clearInterval(K), me([]);
     };
-  }, [w, E]);
+  }, [E, w]);
   const ye = O(null);
-  x(() => {
+  k(() => {
     if (!_) return;
     const f = (K) => {
       ye.current && !ye.current.contains(K.target) && (W(!1), M("root"));
     };
     return document.addEventListener("pointerdown", f), () => document.removeEventListener("pointerdown", f);
-  }, [_]), x(() => {
+  }, [_]), k(() => {
     if (!_) return;
     const f = (K) => {
-      K.key === "Escape" && (W(!1), M("root")), K.key === "Backspace" && w !== "root" && M("root");
+      K.key === "Escape" && (W(!1), M("root")), K.key === "Backspace" && E !== "root" && M("root");
     };
     return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
-  }, [_, w]);
-  const Le = B(() => {
+  }, [_, E]);
+  const Le = $(() => {
     W((f) => (f && M("root"), !f));
-  }, []), Re = Q ? Q.id === "auto" ? "Auto" : Q.label : "Auto", le = G === 1 ? "1×" : `${G}×`, ve = $.find((f) => f.id === F)?.label ?? "Auto", Ee = ae === null ? "Off" : J.find((f) => f.language === ae)?.label ?? ae, De = /* @__PURE__ */ u("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  }, []), Re = Q ? Q.id === "auto" ? "Auto" : Q.label : "Auto", le = G === 1 ? "1×" : `${G}×`, ve = B.find((f) => f.id === F)?.label ?? "Auto", we = ae === null ? "Off" : J.find((f) => f.language === ae)?.label ?? ae, De = /* @__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("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2" }),
     /* @__PURE__ */ s("path", { d: "M8 21h8M12 17v4" }),
     /* @__PURE__ */ s("path", { d: "m7 8 2 2 4-4 2 2" })
@@ -6548,7 +6559,7 @@ function yi({
       !X && /* @__PURE__ */ s(z, { icon: Ie, label: "Speed", value: le, onClick: () => M("speed") }),
       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: Ee, onClick: () => M("subtitles") }),
+      /* @__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(tt, {}),
       /* @__PURE__ */ s(z, { icon: V, label: "Statistics", onClick: () => M("statistics") })
@@ -6562,7 +6573,7 @@ function yi({
           label: f.id === "auto" ? "Auto" : f.label,
           selected: Q?.id === f.id,
           onClick: () => {
-            k(f.id), L(f), W(!1), M("root");
+            S(f.id), L(f), W(!1), M("root");
           }
         },
         f.id
@@ -6577,14 +6588,14 @@ function yi({
         label: f === 1 ? "1× (Normal)" : `${f}×`,
         selected: G === f,
         onClick: () => {
-          A(f), W(!1), M("root");
+          C(f), W(!1), M("root");
         }
       },
       f
     )) })
   ] }), ft = () => /* @__PURE__ */ u(oe, { children: [
     /* @__PURE__ */ s("div", { style: p, children: /* @__PURE__ */ s(z, { label: "Audio Track", isBack: !0, onClick: () => M("root") }) }),
-    /* @__PURE__ */ s("div", { style: { padding: "4px 0" }, children: $.map((f) => /* @__PURE__ */ s(
+    /* @__PURE__ */ s("div", { style: { padding: "4px 0" }, children: B.map((f) => /* @__PURE__ */ s(
       z,
       {
         label: f.label || f.language || f.id,
@@ -6604,7 +6615,7 @@ function yi({
           label: "Off",
           selected: ae === null,
           onClick: () => {
-            T(null), de(null), W(!1), M("root");
+            T(null), ce(null), W(!1), M("root");
           }
         },
         "off"
@@ -6615,7 +6626,7 @@ function yi({
           label: f.label || f.language,
           selected: ae === f.language,
           onClick: () => {
-            T(f.language), de(f.language), W(!1), M("root");
+            T(f.language), ce(f.language), W(!1), M("root");
           }
         },
         f.url || `${f.language}-${K}`
@@ -6641,7 +6652,7 @@ function yi({
             max: 200,
             step: 5,
             value: D.bottomOffset,
-            onChange: (f) => S({ bottomOffset: Number(f.target.value) }),
+            onChange: (f) => A({ bottomOffset: Number(f.target.value) }),
             style: { width: "100%", accentColor: "#3b82f6", cursor: "pointer" }
           }
         )
@@ -6662,7 +6673,7 @@ function yi({
             max: 40,
             step: 1,
             value: D.fontSize,
-            onChange: (f) => S({ fontSize: Number(f.target.value) }),
+            onChange: (f) => A({ fontSize: Number(f.target.value) }),
             style: { width: "100%", accentColor: "#3b82f6", cursor: "pointer" }
           }
         )
@@ -6672,7 +6683,7 @@ function yi({
         /* @__PURE__ */ s(
           "button",
           {
-            onClick: () => S({ background: D.background ? "" : "rgba(0,0,0,0.75)" }),
+            onClick: () => A({ background: D.background ? "" : "rgba(0,0,0,0.75)" }),
             style: {
               padding: "4px 12px",
               borderRadius: "6px",
@@ -6691,7 +6702,7 @@ function yi({
         /* @__PURE__ */ s("div", { style: { display: "flex", gap: "6px" }, children: ["#ffffff", "#ffff00", "#00ff00", "#00cfff"].map((f) => /* @__PURE__ */ s(
           "button",
           {
-            onClick: () => S({ color: f }),
+            onClick: () => A({ color: f }),
             title: f,
             style: {
               width: "22px",
@@ -6710,7 +6721,7 @@ function yi({
       ] })
     ] })
   ] }), vt = () => {
-    const f = ue.map((ie) => ie.bandwidth), K = ue.map((ie) => ie.bufferHealth), xe = j?.bandwidth ?? 0, Ve = j?.bufferHealth ?? 0, wt = (ie) => ie >= 1e3 ? `${(ie / 1e3).toFixed(2)} Mbps` : `${ie.toFixed(0)} kbps`, ke = (ie, xt) => /* @__PURE__ */ u("div", { style: {
+    const f = ue.map((ie) => ie.bandwidth), K = ue.map((ie) => ie.bufferHealth), xe = j?.bandwidth ?? 0, Ve = j?.bufferHealth ?? 0, Et = (ie) => ie >= 1e3 ? `${(ie / 1e3).toFixed(2)} Mbps` : `${ie.toFixed(0)} kbps`, ke = (ie, xt) => /* @__PURE__ */ u("div", { style: {
       background: "rgba(255,255,255,0.04)",
       borderRadius: "8px",
       padding: "7px 10px",
@@ -6719,7 +6730,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 ?? "", Et = Se.length > 36 ? "…" + Se.slice(-36) : Se || "—";
+    ] }), Se = j?.segmentUrl ?? "", wt = Se.length > 36 ? "…" + Se.slice(-36) : Se || "—";
     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") }) }),
@@ -6740,7 +6751,7 @@ function yi({
         /* @__PURE__ */ u("div", { style: { marginTop: "12px" }, children: [
           /* @__PURE__ */ u("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "baseline", marginBottom: "6px" }, children: [
             /* @__PURE__ */ s("span", { style: { fontSize: "11px", color: "rgba(255,255,255,0.45)", textTransform: "uppercase", letterSpacing: "0.07em" }, children: "Connection Speed" }),
-            /* @__PURE__ */ s("span", { style: { fontSize: "16px", fontWeight: 600, color: "#4ade80", fontFamily: "monospace" }, children: j ? wt(xe) : "—" })
+            /* @__PURE__ */ s("span", { style: { fontSize: "16px", fontWeight: 600, color: "#4ade80", fontFamily: "monospace" }, children: j ? Et(xe) : "—" })
           ] }),
           /* @__PURE__ */ s("div", { style: { background: "rgba(0,0,0,0.3)", borderRadius: "8px", padding: "6px 8px" }, children: /* @__PURE__ */ s(et, { values: f, color: "#4ade80", gradId: "bw-grad" }) })
         ] }),
@@ -6767,7 +6778,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: Et })
+            /* @__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 })
           ] })
         ] })
       ] }),
@@ -6779,7 +6790,7 @@ function yi({
         ` })
     ] });
   }, bt = () => {
-    switch (w) {
+    switch (E) {
       case "quality":
         return ee();
       case "speed":
@@ -6858,9 +6869,9 @@ function yi({
         style: {
           ...gi,
           background: l,
-          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: w === "statistics" ? "360px" : "320px",
+          border: `1px solid ${d}`,
+          boxShadow: `0 12px 48px rgba(0,0,0,0.7), 0 0 0 1px ${d.replace("0.1)", "0.08)")}`,
+          width: E === "statistics" ? "360px" : "320px",
           ...g === "bottom" ? { top: "52px" } : { bottom: "52px" },
           ...m === "left" ? { left: 0 } : { right: 0 }
         },
@@ -6877,17 +6888,17 @@ function yi({
 }
 function Ti({ label: a = "AirPlay", className: e = "" }) {
   const t = Ce(), [r, i] = b(!1), [n, o] = b(!1);
-  x(() => {
+  k(() => {
     if (!t) return;
     i(t.isAirPlayAvailable()), o(t.isAirPlayActive());
-    const c = ({ isAvailable: d, isActive: h }) => {
-      i(d), o(h);
+    const d = ({ isAvailable: c, isActive: h }) => {
+      i(c), o(h);
     };
-    return t.events.on("airplaychange", c), () => {
-      t.events.off("airplaychange", c);
+    return t.events.on("airplaychange", d), () => {
+      t.events.off("airplaychange", d);
     };
   }, [t]);
-  const l = B(() => {
+  const l = $(() => {
     t?.showAirPlayPicker();
   }, [t]);
   return r ? /* @__PURE__ */ s(
@@ -6934,20 +6945,20 @@ function Mi({
   className: e = ""
 }) {
   const t = Ce(), [r, i] = b(!1), [n, o] = b(!1);
-  x(() => {
+  k(() => {
     if (!t) return;
     i(t.isCastAvailable()), o(t.isCastActive());
-    const c = ({
-      isAvailable: d,
+    const d = ({
+      isAvailable: c,
       isActive: h
     }) => {
-      i(d), o(h);
+      i(c), o(h);
     };
-    return t.events.on("castchange", c), () => {
-      t.events.off("castchange", c);
+    return t.events.on("castchange", d), () => {
+      t.events.off("castchange", d);
     };
   }, [t]);
-  const l = B(() => {
+  const l = $(() => {
     n ? t?.stopCasting() : t?.showCastPicker();
   }, [t, n]);
   return r ? /* @__PURE__ */ s(
@@ -7002,17 +7013,17 @@ function Pi({ x: a, y: e, isOpen: t, onClose: r, actions: i, theme: n }) {
     iconBackground: n?.iconBackground ?? "rgba(255,255,255,0.08)",
     dividerColor: n?.dividerColor ?? "rgba(255,255,255,0.07)"
   }, l = O(null);
-  return x(() => {
+  return k(() => {
     if (!t) return;
-    const c = (d) => {
-      if ("key" in d) {
-        d.key === "Escape" && r();
+    const d = (c) => {
+      if ("key" in c) {
+        c.key === "Escape" && r();
         return;
       }
-      l.current && !l.current.contains(d.target) && r();
+      l.current && !l.current.contains(c.target) && r();
     };
-    return document.addEventListener("mousedown", c), document.addEventListener("keydown", c), () => {
-      document.removeEventListener("mousedown", c), document.removeEventListener("keydown", c);
+    return document.addEventListener("mousedown", d), document.addEventListener("keydown", d), () => {
+      document.removeEventListener("mousedown", d), document.removeEventListener("keydown", d);
     };
   }, [t, r]), t ? /* @__PURE__ */ u(oe, { children: [
     /* @__PURE__ */ s(
@@ -7037,13 +7048,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((c, d) => /* @__PURE__ */ u("div", { children: [
+        children: i.map((d, c) => /* @__PURE__ */ u("div", { children: [
           /* @__PURE__ */ u(
             "button",
             {
               role: "menuitem",
               onClick: () => {
-                c.onClick(), r();
+                d.onClick(), r();
               },
               style: {
                 display: "flex",
@@ -7053,38 +7064,38 @@ function Pi({ x: a, y: e, isOpen: t, onClose: r, actions: i, theme: n }) {
                 padding: "9px 14px",
                 background: "transparent",
                 border: "none",
-                color: c.danger ? o.dangerColor : o.textColor,
+                color: d.danger ? o.dangerColor : o.textColor,
                 fontSize: "13.5px",
                 textAlign: "left",
                 cursor: "pointer",
                 transition: "background 0.1s"
               },
               onMouseEnter: (h) => {
-                h.currentTarget.style.background = c.danger ? "rgba(239,68,68,0.12)" : o.hoverBackground;
+                h.currentTarget.style.background = d.danger ? "rgba(239,68,68,0.12)" : o.hoverBackground;
               },
               onMouseLeave: (h) => {
                 h.currentTarget.style.background = "transparent";
               },
               children: [
-                c.icon !== void 0 && /* @__PURE__ */ s("span", { style: {
+                d.icon !== void 0 && /* @__PURE__ */ s("span", { style: {
                   width: "28px",
                   height: "28px",
                   borderRadius: "7px",
-                  background: c.danger ? "rgba(239,68,68,0.15)" : o.iconBackground,
+                  background: d.danger ? "rgba(239,68,68,0.15)" : o.iconBackground,
                   display: "flex",
                   alignItems: "center",
                   justifyContent: "center",
                   flexShrink: 0,
-                  color: c.danger ? o.dangerColor : o.textColor,
+                  color: d.danger ? o.dangerColor : o.textColor,
                   fontSize: "13px",
                   lineHeight: 1
-                }, children: c.icon }),
-                /* @__PURE__ */ s("span", { style: { flex: 1 }, children: c.label })
+                }, children: d.icon }),
+                /* @__PURE__ */ s("span", { style: { flex: 1 }, children: d.label })
               ]
             }
           ),
-          c.dividerAfter && /* @__PURE__ */ s("div", { style: { height: "1px", background: o.dividerColor, margin: "3px 0" } })
-        ] }, d))
+          d.dividerAfter && /* @__PURE__ */ s("div", { style: { height: "1px", background: o.dividerColor, margin: "3px 0" } })
+        ] }, c))
       }
     ),
     /* @__PURE__ */ s("style", { children: `
@@ -7100,8 +7111,8 @@ const Li = ({ mode: a }) => {
   return /* @__PURE__ */ u(Or, { children: [
     /* @__PURE__ */ s(zr, {}),
     !t && /* @__PURE__ */ s(li, { seconds: 15 }),
-    !t && /* @__PURE__ */ s(ci, { seconds: 15 }),
-    /* @__PURE__ */ s(di, { sliderDirection: "top" }),
+    !t && /* @__PURE__ */ s(di, { seconds: 15 }),
+    /* @__PURE__ */ s(ci, { sliderDirection: "top" }),
     !t && /* @__PURE__ */ s(Jr, {}),
     /* @__PURE__ */ s("div", { style: { flex: 1 } }),
     /* @__PURE__ */ s(yi, { theme: { background: "#fb0000" } }),
@@ -7229,7 +7240,7 @@ export {
   Kr as PipButton,
   zr as PlayButton,
   Ci as PlaybackSpeedSelector,
-  Ei as Player,
+  wi as Player,
   fe as PlayerCore,
   Gt as PlayerProvider,
   Di as Playron,
@@ -7239,18 +7250,18 @@ export {
   Si as SettingsButton,
   yi as SettingsPanel,
   li as SkipBackwardButton,
-  ci as SkipForwardButton,
+  di as SkipForwardButton,
   Ai as SkipIntroButton,
   Rt as StallDetector,
   Pt as StreamDetector,
   ki as TheaterModeButton,
   si as ThumbnailManager,
   Jr as TimeDisplay,
-  C as VideoEventType,
-  di as VolumeControl,
-  Ei as default,
+  x as VideoEventType,
+  ci as VolumeControl,
+  wi as default,
   ge as eventBus,
-  wi as isVideoEventType,
+  Ei as isVideoEventType,
   Lt as streamDetector,
   Lr as useMobileGestures,
   Ce as usePlayer,