@glitchlab/react-video-player 1.4.1 → 1.5.0

package/dist/index.mjs

@@ -1,24 +1,24 @@
 "use client";
-import { jsxs as g, jsx as t } from "react/jsx-runtime";
-import we, { useState as k, useRef as H, useCallback as P, useEffect as M, useImperativeHandle as Le, useMemo as K } from "react";
-import $ from "hls.js";
-function ae(e) {
-  var n, s, r = "";
-  if (typeof e == "string" || typeof e == "number") r += e;
+import { jsxs as b, jsx as r } from "react/jsx-runtime";
+import ct, { useState as v, useRef as $, useCallback as H, useEffect as T, useImperativeHandle as ut, useMemo as ce } from "react";
+import Q from "hls.js";
+function Be(e) {
+  var s, t, n = "";
+  if (typeof e == "string" || typeof e == "number") n += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
-    var l = e.length;
-    for (n = 0; n < l; n++) e[n] && (s = ae(e[n])) && (r && (r += " "), r += s);
-  } else for (s in e) e[s] && (r && (r += " "), r += s);
-  return r;
+    var o = e.length;
+    for (s = 0; s < o; s++) e[s] && (t = Be(e[s])) && (n && (n += " "), n += t);
+  } else for (t in e) e[t] && (n && (n += " "), n += t);
+  return n;
 }
-function I() {
-  for (var e, n, s = 0, r = "", l = arguments.length; s < l; s++) (e = arguments[s]) && (n = ae(e)) && (r && (r += " "), r += n);
-  return r;
+function D() {
+  for (var e, s, t = 0, n = "", o = arguments.length; t < o; t++) (e = arguments[t]) && (s = Be(e)) && (n && (n += " "), n += s);
+  return n;
 }
-const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e }) => /* @__PURE__ */ g(
+const Se = "gvp-icon", S = (e) => e ? `${Se} ${e}` : Se, dt = ({ className: e }) => /* @__PURE__ */ b(
   "svg",
   {
-    className: x(e),
+    className: S(e),
     width: "20",
     height: "20",
     viewBox: "0 0 24 24",
@@ -26,7 +26,7 @@ const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e })
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": "true",
     children: [
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ r(
         "path",
         {
           d: "M14 2H10C6.72077 2 5.08116 2 3.91891 2.81382C3.48891 3.1149 3.1149 3.48891 2.81382 3.91891C2 5.08116 2 6.72077 2 10C2 13.2792 2 14.9188 2.81382 16.0811C3.1149 16.5111 3.48891 16.8851 3.91891 17.1862C5.08116 18 6.72077 18 10 18H14C17.2792 18 18.9188 18 20.0811 17.1862C20.5111 16.8851 20.8851 16.5111 21.1862 16.0811C22 14.9188 22 13.2792 22 10C22 6.72077 22 5.08116 21.1862 3.91891C20.8851 3.48891 20.5111 3.1149 20.0811 2.81382C18.9188 2 17.2792 2 14 2Z",
@@ -35,7 +35,7 @@ const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e })
           strokeLinecap: "round"
         }
       ),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ r(
         "path",
         {
           d: "M11 15H13",
@@ -45,7 +45,7 @@ const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e })
           strokeLinejoin: "round"
         }
       ),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ r(
         "path",
         {
           d: "M14.5 22L14.1845 21.5811C13.4733 20.6369 13.2969 19.1944 13.7468 18M9.5 22L9.8155 21.5811C10.5267 20.6369 10.7031 19.1944 10.2532 18",
@@ -54,13 +54,13 @@ const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e })
           strokeLinecap: "round"
         }
       ),
-      /* @__PURE__ */ t("path", { d: "M7 22H17", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+      /* @__PURE__ */ r("path", { d: "M7 22H17", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
     ]
   }
-), Ee = ({ className: e }) => /* @__PURE__ */ g(
+), ht = ({ className: e }) => /* @__PURE__ */ b(
   "svg",
   {
-    className: x(e),
+    className: S(e),
     width: "20",
     height: "20",
     viewBox: "0 0 24 24",
@@ -68,7 +68,7 @@ const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e })
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": "true",
     children: [
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ r(
         "path",
         {
           d: "M5 9C5 5.70017 5 4.05025 6.02513 3.02513C7.05025 2 8.70017 2 12 2C15.2998 2 16.9497 2 17.9749 3.02513C19 4.05025 19 5.70017 19 9V15C19 18.2998 19 19.9497 17.9749 20.9749C16.9497 22 15.2998 22 12 22C8.70017 22 7.05025 22 6.02513 20.9749C5 19.9497 5 18.2998 5 15V9Z",
@@ -77,7 +77,7 @@ const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e })
           strokeLinecap: "round"
         }
       ),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ r(
         "path",
         {
           d: "M11 19H13",
@@ -87,7 +87,7 @@ const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e })
           strokeLinejoin: "round"
         }
       ),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ r(
         "path",
         {
           d: "M9 2L9.089 2.53402C9.28188 3.69129 9.37832 4.26993 9.77519 4.62204C10.1892 4.98934 10.7761 5 12 5C13.2239 5 13.8108 4.98934 14.2248 4.62204C14.6217 4.26993 14.7181 3.69129 14.911 2.53402L15 2",
@@ -98,17 +98,17 @@ const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e })
       )
     ]
   }
-), xe = ({ className: e }) => /* @__PURE__ */ t(
+), mt = ({ className: e }) => /* @__PURE__ */ r(
   "svg",
   {
-    className: x(e),
+    className: S(e),
     width: "14",
     height: "14",
     viewBox: "0 0 14 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": "true",
-    children: /* @__PURE__ */ t(
+    children: /* @__PURE__ */ r(
       "path",
       {
         d: "M6.94994 5.53594L12.1929 0.292938C12.5834 -0.0975275 13.2165 -0.0975279 13.6069 0.292938C13.9974 0.683403 13.9974 1.31647 13.6069 1.70694L8.36394 6.94994L13.6069 12.1929C13.9974 12.5834 13.9974 13.2165 13.6069 13.6069C13.2165 13.9974 12.5834 13.9974 12.1929 13.6069L6.94994 8.36394L1.70694 13.6069C1.31647 13.9974 0.683403 13.9974 0.292938 13.6069C-0.0975279 13.2165 -0.0975277 12.5834 0.292938 12.1929L5.53594 6.94994L0.292938 1.70694C-0.0975279 1.31647 -0.0975279 0.683403 0.292938 0.292938C0.683403 -0.0975279 1.31647 -0.0975277 1.70694 0.292938L6.94994 5.53594Z",
@@ -116,17 +116,17 @@ const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e })
       }
     )
   }
-), Ne = ({ className: e }) => /* @__PURE__ */ t(
+), pt = ({ className: e }) => /* @__PURE__ */ r(
   "svg",
   {
-    className: x(e),
+    className: S(e),
     width: "22",
     height: "22",
     viewBox: "0 0 16 16",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": "true",
-    children: /* @__PURE__ */ t(
+    children: /* @__PURE__ */ r(
       "path",
       {
         d: "M5.3335 11.45V4.54997C5.3335 4.36108 5.40016 4.20275 5.5335 4.07497C5.66683 3.94719 5.82238 3.8833 6.00016 3.8833C6.05572 3.8833 6.11405 3.89163 6.17516 3.9083C6.23627 3.92497 6.29461 3.94997 6.35016 3.9833L11.7835 7.4333C11.8835 7.49997 11.9585 7.5833 12.0085 7.6833C12.0585 7.7833 12.0835 7.88886 12.0835 7.99997C12.0835 8.11108 12.0585 8.21663 12.0085 8.31663C11.9585 8.41663 11.8835 8.49997 11.7835 8.56663L6.35016 12.0166C6.29461 12.05 6.23627 12.075 6.17516 12.0916C6.11405 12.1083 6.05572 12.1166 6.00016 12.1166C5.82238 12.1166 5.66683 12.0527 5.5335 11.925C5.40016 11.7972 5.3335 11.6389 5.3335 11.45Z",
@@ -134,10 +134,10 @@ const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e })
       }
     )
   }
-), Me = ({ className: e }) => /* @__PURE__ */ g(
+), ft = ({ className: e }) => /* @__PURE__ */ b(
   "svg",
   {
-    className: x(e),
+    className: S(e),
     width: "16",
     height: "16",
     viewBox: "0 0 24 24",
@@ -145,7 +145,7 @@ const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e })
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": "true",
     children: [
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ r(
         "path",
         {
           d: "M3 14V10C3 9.44772 3.44772 9 4 9H6.58579C6.851 9 7.10536 8.89464 7.29289 8.70711L11.2929 4.70711C11.9229 4.07714 13 4.52331 13 5.41421V18.5858C13 19.4767 11.9229 19.9229 11.2929 19.2929L7.29289 15.2929C7.10536 15.1054 6.851 15 6.58579 15H4C3.44772 15 3 14.5523 3 14Z",
@@ -154,7 +154,7 @@ const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e })
           strokeLinejoin: "round"
         }
       ),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ r(
         "path",
         {
           d: "M16.5 8C17.5 9 18 10.5 18 12C18 13.5 17.5 15 16.5 16M19 5.5C20.5 7 21.5 9.5 21.5 12C21.5 14.5 20.5 17 19 18.5",
@@ -165,17 +165,17 @@ const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e })
       )
     ]
   }
-), Pe = ({ className: e }) => /* @__PURE__ */ t(
+), gt = ({ className: e }) => /* @__PURE__ */ r(
   "svg",
   {
-    className: x(e),
+    className: S(e),
     width: "16",
     height: "16",
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": "true",
-    children: /* @__PURE__ */ t(
+    children: /* @__PURE__ */ r(
       "path",
       {
         d: "M7 5.5V18.5C7 19.2659 7.84856 19.7261 8.4899 19.3071L19.0801 12.4014C19.6644 12.0204 19.6644 11.9796 19.0801 11.5986L8.4899 4.69288C7.84856 4.27388 7 4.73408 7 5.5Z",
@@ -183,10 +183,10 @@ const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e })
       }
     )
   }
-), Te = ({ className: e }) => /* @__PURE__ */ g(
+), vt = ({ className: e }) => /* @__PURE__ */ b(
   "svg",
   {
-    className: x(e),
+    className: S(e),
     width: "16",
     height: "16",
     viewBox: "0 0 24 24",
@@ -194,14 +194,14 @@ const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e })
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": "true",
     children: [
-      /* @__PURE__ */ t("rect", { x: "6", y: "5", width: "4", height: "14", rx: "1", fill: "currentColor" }),
-      /* @__PURE__ */ t("rect", { x: "14", y: "5", width: "4", height: "14", rx: "1", fill: "currentColor" })
+      /* @__PURE__ */ r("rect", { x: "6", y: "5", width: "4", height: "14", rx: "1", fill: "currentColor" }),
+      /* @__PURE__ */ r("rect", { x: "14", y: "5", width: "4", height: "14", rx: "1", fill: "currentColor" })
     ]
   }
-), Ie = ({ className: e }) => /* @__PURE__ */ g(
+), bt = ({ className: e }) => /* @__PURE__ */ b(
   "svg",
   {
-    className: x(e),
+    className: S(e),
     width: "18",
     height: "18",
     viewBox: "0 0 24 24",
@@ -209,7 +209,7 @@ const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e })
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": "true",
     children: [
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ r(
         "path",
         {
           d: "M3 14V10C3 9.44772 3.44772 9 4 9H6.58579C6.851 9 7.10536 8.89464 7.29289 8.70711L11.2929 4.70711C11.9229 4.07714 13 4.52331 13 5.41421V18.5858C13 19.4767 11.9229 19.9229 11.2929 19.2929L7.29289 15.2929C7.10536 15.1054 6.851 15 6.58579 15H4C3.44772 15 3 14.5523 3 14Z",
@@ -218,7 +218,7 @@ const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e })
           strokeLinejoin: "round"
         }
       ),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ r(
         "path",
         {
           d: "M16.5 8C17.5 9 18 10.5 18 12C18 13.5 17.5 15 16.5 16M19 5.5C20.5 7 21.5 9.5 21.5 12C21.5 14.5 20.5 17 19 18.5",
@@ -229,10 +229,10 @@ const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e })
       )
     ]
   }
-), Se = ({ className: e }) => /* @__PURE__ */ g(
+), kt = ({ className: e }) => /* @__PURE__ */ b(
   "svg",
   {
-    className: x(e),
+    className: S(e),
     width: "18",
     height: "18",
     viewBox: "0 0 24 24",
@@ -240,7 +240,7 @@ const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e })
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": "true",
     children: [
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ r(
         "path",
         {
           d: "M3 14V10C3 9.44772 3.44772 9 4 9H6.58579C6.851 9 7.10536 8.89464 7.29289 8.70711L11.2929 4.70711C11.9229 4.07714 13 4.52331 13 5.41421V18.5858C13 19.4767 11.9229 19.9229 11.2929 19.2929L7.29289 15.2929C7.10536 15.1054 6.851 15 6.58579 15H4C3.44772 15 3 14.5523 3 14Z",
@@ -249,7 +249,7 @@ const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e })
           strokeLinejoin: "round"
         }
       ),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ r(
         "path",
         {
           d: "M16.5 8C17.5 9 18 10.5 18 12C18 13.5 17.5 15 16.5 16",
@@ -260,10 +260,10 @@ const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e })
       )
     ]
   }
-), He = ({ className: e }) => /* @__PURE__ */ g(
+), wt = ({ className: e }) => /* @__PURE__ */ b(
   "svg",
   {
-    className: x(e),
+    className: S(e),
     width: "18",
     height: "18",
     viewBox: "0 0 24 24",
@@ -271,7 +271,7 @@ const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e })
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": "true",
     children: [
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ r(
         "path",
         {
           d: "M3 14V10C3 9.44772 3.44772 9 4 9H6.58579C6.851 9 7.10536 8.89464 7.29289 8.70711L11.2929 4.70711C11.9229 4.07714 13 4.52331 13 5.41421V18.5858C13 19.4767 11.9229 19.9229 11.2929 19.2929L7.29289 15.2929C7.10536 15.1054 6.851 15 6.58579 15H4C3.44772 15 3 14.5523 3 14Z",
@@ -280,7 +280,7 @@ const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e })
           strokeLinejoin: "round"
         }
       ),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ r(
         "path",
         {
           d: "M16 9L22 15M22 9L16 15",
@@ -291,17 +291,17 @@ const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e })
       )
     ]
   }
-), Ve = ({ className: e }) => /* @__PURE__ */ t(
+), Ct = ({ className: e }) => /* @__PURE__ */ r(
   "svg",
   {
-    className: x(e),
+    className: S(e),
     width: "18",
     height: "18",
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": "true",
-    children: /* @__PURE__ */ t(
+    children: /* @__PURE__ */ r(
       "path",
       {
         d: "M4 9V4H9M15 4H20V9M20 15V20H15M9 20H4V15",
@@ -312,17 +312,17 @@ const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e })
       }
     )
   }
-), Ae = ({ className: e }) => /* @__PURE__ */ t(
+), Lt = ({ className: e }) => /* @__PURE__ */ r(
   "svg",
   {
-    className: x(e),
+    className: S(e),
     width: "18",
     height: "18",
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": "true",
-    children: /* @__PURE__ */ t(
+    children: /* @__PURE__ */ r(
       "path",
       {
         d: "M9 4V9H4M15 9V4H20M15 20V15H20M9 15H4V20",
@@ -333,10 +333,10 @@ const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e })
       }
     )
   }
-), De = ({ className: e }) => /* @__PURE__ */ g(
+), Et = ({ className: e }) => /* @__PURE__ */ b(
   "svg",
   {
-    className: x(e),
+    className: S(e),
     width: "18",
     height: "18",
     viewBox: "0 0 24 24",
@@ -344,14 +344,14 @@ const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e })
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": "true",
     children: [
-      /* @__PURE__ */ t("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", stroke: "currentColor", strokeWidth: "1.5" }),
-      /* @__PURE__ */ t("rect", { x: "12", y: "12", width: "8", height: "5", rx: "1", fill: "currentColor" })
+      /* @__PURE__ */ r("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", stroke: "currentColor", strokeWidth: "1.5" }),
+      /* @__PURE__ */ r("rect", { x: "12", y: "12", width: "8", height: "5", rx: "1", fill: "currentColor" })
     ]
   }
-), Be = ({ className: e }) => /* @__PURE__ */ g(
+), xt = ({ className: e }) => /* @__PURE__ */ b(
   "svg",
   {
-    className: x(e),
+    className: S(e),
     width: "18",
     height: "18",
     viewBox: "0 0 24 24",
@@ -359,14 +359,14 @@ const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e })
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": "true",
     children: [
-      /* @__PURE__ */ t("rect", { x: "2", y: "5", width: "20", height: "14", rx: "3", stroke: "currentColor", strokeWidth: "1.5" }),
-      /* @__PURE__ */ t("path", { d: "M7 12H11M13 12H17M7 15H9M11 15H13M15 15H17", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+      /* @__PURE__ */ r("rect", { x: "2", y: "5", width: "20", height: "14", rx: "3", stroke: "currentColor", strokeWidth: "1.5" }),
+      /* @__PURE__ */ r("path", { d: "M7 12H11M13 12H17M7 15H9M11 15H13M15 15H17", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
     ]
   }
-), $e = ({ className: e }) => /* @__PURE__ */ g(
+), Nt = ({ className: e }) => /* @__PURE__ */ b(
   "svg",
   {
-    className: x(e),
+    className: S(e),
     width: "16",
     height: "16",
     viewBox: "0 0 24 24",
@@ -374,7 +374,7 @@ const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e })
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": "true",
     children: [
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ r(
         "path",
         {
           d: "M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2Z",
@@ -382,7 +382,7 @@ const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e })
           strokeWidth: "1.5"
         }
       ),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ r(
         "path",
         {
           d: "M12 8V12L14.5 14.5",
@@ -394,10 +394,10 @@ const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e })
       )
     ]
   }
-), We = ({ className: e }) => /* @__PURE__ */ g(
+), yt = ({ className: e }) => /* @__PURE__ */ b(
   "svg",
   {
-    className: x(e),
+    className: S(e),
     width: "16",
     height: "16",
     viewBox: "0 0 24 24",
@@ -405,7 +405,7 @@ const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e })
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": "true",
     children: [
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ r(
         "path",
         {
           d: "M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z",
@@ -413,7 +413,7 @@ const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e })
           strokeWidth: "1.5"
         }
       ),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ r(
         "path",
         {
           d: "M3 12C3 12.6 3.08 13.18 3.23 13.73L4.6 14.5C4.86 14.65 5.02 14.94 5 15.24C4.98 15.58 4.96 15.92 5.07 16.24C5.18 16.56 5.39 16.83 5.62 17.08C5.83 17.3 6.13 17.4 6.42 17.36L7.99 17.13C8.28 17.09 8.57 17.21 8.74 17.45C9.07 17.93 9.49 18.34 9.97 18.66C10.21 18.83 10.34 19.11 10.31 19.4L10.13 20.97C10.1 21.26 10.21 21.55 10.43 21.74C10.91 22.16 11.45 22 12 22C12.55 22 13.09 22.16 13.57 21.74C13.79 21.55 13.9 21.26 13.87 20.97L13.69 19.4C13.66 19.11 13.79 18.83 14.03 18.66",
@@ -424,17 +424,17 @@ const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e })
       )
     ]
   }
-), Re = ({ className: e }) => /* @__PURE__ */ t(
+), Mt = ({ className: e }) => /* @__PURE__ */ r(
   "svg",
   {
-    className: x(e),
+    className: S(e),
     width: "12",
     height: "12",
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": "true",
-    children: /* @__PURE__ */ t(
+    children: /* @__PURE__ */ r(
       "path",
       {
         d: "M6 9L12 15L18 9",
@@ -445,27 +445,157 @@ const ne = "gvp-icon", x = (e) => e ? `${ne} ${e}` : ne, ye = ({ className: e })
       }
     )
   }
+), Tt = ({ className: e }) => /* @__PURE__ */ b(
+  "svg",
+  {
+    className: S(e),
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ r(
+        "path",
+        {
+          d: "M16.5 18.5V5.5C16.5 4.73408 15.6514 4.27388 15.0101 4.69288L6.91993 9.98432C6.33563 10.3653 6.33563 11.0347 6.91993 11.4157L15.0101 16.7071C15.6514 17.1261 16.5 16.6659 16.5 15.9V18.5Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ r("path", { d: "M6 5V19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
+    ]
+  }
+), Pt = ({ className: e }) => /* @__PURE__ */ b(
+  "svg",
+  {
+    className: S(e),
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ r(
+        "path",
+        {
+          d: "M7.5 5.5V18.5C7.5 19.2659 8.34856 19.7261 8.98990 19.3071L17.0801 14.0157C17.6644 13.6347 17.6644 12.9653 17.0801 12.5843L8.98990 7.29288C8.34856 6.87388 7.5 7.33408 7.5 8.1V5.5Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ r("path", { d: "M18 5V19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
+    ]
+  }
 );
-function re(e) {
+function ke(e) {
   if (!Number.isFinite(e) || e < 0) return "--:--";
-  const n = Math.floor(e), s = Math.floor(n / 3600), r = Math.floor(n % 3600 / 60), c = (n % 60).toString().padStart(2, "0");
-  if (s > 0) {
-    const u = r.toString().padStart(2, "0");
-    return `${s}:${u}:${c}`;
+  const s = Math.floor(e), t = Math.floor(s / 3600), n = Math.floor(s % 3600 / 60), i = (s % 60).toString().padStart(2, "0");
+  if (t > 0) {
+    const a = n.toString().padStart(2, "0");
+    return `${t}:${a}:${i}`;
   }
-  return `${r}:${c}`;
+  return `${n}:${i}`;
 }
-const _e = {
+const It = {
   index: -1
 };
-function je(e, n) {
-  return e > 0 ? `${e}p` : `Level ${n + 1}`;
+function St(e, s) {
+  return e > 0 ? `${e}p` : `Level ${s + 1}`;
+}
+function Ve(e) {
+  const s = e.trim().split(":");
+  if (s.length < 2 || s.length > 3) return NaN;
+  const t = s.map(Number);
+  return t.some((n) => !Number.isFinite(n)) ? NaN : t.length === 3 ? t[0] * 3600 + t[1] * 60 + t[2] : t[0] * 60 + t[1];
+}
+function Vt(e, s) {
+  try {
+    return new URL(e, s).href;
+  } catch {
+    return e;
+  }
+}
+function Ht(e, s) {
+  const t = [], n = e.replace(/\r/g, "").split(`
+`);
+  for (let o = 0; o < n.length; o++) {
+    const i = n[o].indexOf("-->");
+    if (i === -1) continue;
+    const a = Ve(n[o].slice(0, i)), c = Ve(n[o].slice(i + 3));
+    if (!Number.isFinite(a) || !Number.isFinite(c)) continue;
+    const p = (n[o + 1] ?? "").trim();
+    if (!p) continue;
+    const u = p.indexOf("#xywh=");
+    let E = p, x = 0, l = 0, d = 0, C = 0;
+    if (u !== -1) {
+      E = p.slice(0, u);
+      const w = p.slice(u + 6).split(",").map(Number);
+      w.length === 4 && w.every(Number.isFinite) && ([x, l, d, C] = w);
+    }
+    t.push({ start: a, end: c, url: Vt(E, s), x, y: l, w: d, h: C });
+  }
+  return t.sort((o, i) => o.start - i.start), t;
+}
+function At(e) {
+  return {
+    cues: e,
+    cueAt(s) {
+      if (e.length === 0) return null;
+      let t = 0, n = e.length - 1, o = e[0];
+      for (; t <= n; ) {
+        const i = t + n >> 1, a = e[i];
+        if (s < a.start)
+          n = i - 1;
+        else if (s > a.end)
+          o = a, t = i + 1;
+        else
+          return a;
+      }
+      return o;
+    }
+  };
 }
-const se = (() => {
+function He(e) {
+  const s = e.trim().split(":");
+  if (s.length < 2 || s.length > 3) return NaN;
+  const t = s.map(Number);
+  return t.some((n) => !Number.isFinite(n)) ? NaN : t.length === 3 ? t[0] * 3600 + t[1] * 60 + t[2] : t[0] * 60 + t[1];
+}
+function $t(e) {
+  const s = [], t = e.replace(/\r/g, "").split(`
+`);
+  for (let n = 0; n < t.length; n++) {
+    const o = t[n].indexOf("-->");
+    if (o === -1) continue;
+    const i = He(t[n].slice(0, o)), a = He(t[n].slice(o + 3));
+    if (!Number.isFinite(i) || !Number.isFinite(a)) continue;
+    const c = (t[n + 1] ?? "").trim();
+    c && s.push({ start: i, end: a, title: c });
+  }
+  return s.sort((n, o) => n.start - o.start), s;
+}
+function Bt(e, s) {
+  const t = e.filter((n) => Number.isFinite(n.start) && n.start >= 0 && n.title).sort((n, o) => n.start - o.start);
+  return t.map((n, o) => {
+    var i;
+    return {
+      start: n.start,
+      end: Number.isFinite(n.end) ? n.end : ((i = t[o + 1]) == null ? void 0 : i.start) ?? s,
+      title: n.title
+    };
+  });
+}
+function Dt(e, s) {
+  for (const t of e)
+    if (s >= t.start && s < t.end) return t;
+  return null;
+}
+const Ae = (() => {
   if (typeof navigator > "u") return !1;
   const e = navigator.userAgent;
   return /iPad|iPhone|iPod/.test(e) || e.includes("Mac") && navigator.maxTouchPoints > 1;
-})(), G = typeof navigator > "u" ? !1 : /iPhone|iPod/.test(navigator.userAgent), Ue = 3e3, j = {
+})(), be = typeof navigator > "u" ? !1 : /iPhone|iPod/.test(navigator.userAgent), Wt = 3e3, K = {
   isSupported() {
     return typeof document > "u" ? !1 : !!(document.fullscreenEnabled || document.webkitFullscreenEnabled);
   },
@@ -473,8 +603,8 @@ const se = (() => {
     return typeof document > "u" ? null : document.fullscreenElement ?? document.webkitFullscreenElement ?? null;
   },
   request(e) {
-    const n = e.requestFullscreen ?? e.webkitRequestFullscreen;
-    return n ? n.call(e) : Promise.reject(new Error("Fullscreen not supported"));
+    const s = e.requestFullscreen ?? e.webkitRequestFullscreen;
+    return s ? s.call(e) : Promise.reject(new Error("Fullscreen not supported"));
   },
   exit() {
     const e = document.exitFullscreen ?? document.webkitExitFullscreen;
@@ -485,243 +615,378 @@ const se = (() => {
       document.removeEventListener("fullscreenchange", e), document.removeEventListener("webkitfullscreenchange", e);
     };
   }
-}, Ze = ({
+}, Rt = ({
   video: e,
-  isPlaying: n,
-  container: s,
-  onTogglePlay: r,
-  qualityLevels: l = [],
-  currentLevel: c = -1,
-  selectedLevel: u = -1,
-  onSelectLevel: i
+  isPlaying: s,
+  container: t,
+  onTogglePlay: n,
+  qualityLevels: o = [],
+  currentLevel: i = -1,
+  selectedLevel: a = -1,
+  onSelectLevel: c,
+  thumbnails: p,
+  chapters: u,
+  hasPrev: E = !1,
+  hasNext: x = !1,
+  onPrev: l,
+  onNext: d
 }) => {
-  const [p, d] = k(!0), C = H(null), b = P(() => {
-    C.current !== null && (clearTimeout(C.current), C.current = null);
-  }, []), o = P(() => {
-    b(), n && (C.current = setTimeout(() => d(!1), Ue));
-  }, [b, n]), a = P(() => {
-    d(!0), o();
-  }, [o]);
-  return M(() => {
-    if (!n) {
-      b(), d(!0);
+  const [C, w] = v(!0), P = $(null), N = H(() => {
+    P.current !== null && (clearTimeout(P.current), P.current = null);
+  }, []), R = H(() => {
+    N(), s && (P.current = setTimeout(() => w(!1), Wt));
+  }, [N, s]), f = H(() => {
+    w(!0), R();
+  }, [R]);
+  return T(() => {
+    if (!s) {
+      N(), w(!0);
       return;
     }
-    return o(), b;
-  }, [n, o, b]), M(() => {
-    if (!s) return;
-    const m = () => a();
-    return s.addEventListener("mousemove", m), s.addEventListener("touchstart", m), s.addEventListener("focusin", m), () => {
-      s.removeEventListener("mousemove", m), s.removeEventListener("touchstart", m), s.removeEventListener("focusin", m);
+    return R(), N;
+  }, [s, R, N]), T(() => {
+    if (!t) return;
+    const g = () => f();
+    return t.addEventListener("mousemove", g), t.addEventListener("touchstart", g), t.addEventListener("focusin", g), () => {
+      t.removeEventListener("mousemove", g), t.removeEventListener("touchstart", g), t.removeEventListener("focusin", g);
     };
-  }, [s, a]), M(() => {
-    if (!s || !e) return;
-    const m = (f) => {
-      if (!(!s.contains(document.activeElement) || f.target.tagName === "INPUT" && f.key !== " "))
-        switch (f.key) {
+  }, [t, f]), T(() => {
+    if (!t || !e) return;
+    const g = (k) => {
+      if (!(!t.contains(document.activeElement) || k.target.tagName === "INPUT" && k.key !== " "))
+        switch (k.key) {
           case " ":
           case "k":
-            f.preventDefault(), r(), a();
+            k.preventDefault(), n(), f();
             break;
           case "ArrowLeft":
-            f.preventDefault(), e.currentTime = Math.max(0, e.currentTime - 5), a();
+            k.preventDefault(), e.currentTime = Math.max(0, e.currentTime - 5), f();
             break;
           case "ArrowRight":
-            f.preventDefault(), e.currentTime = Math.min(e.duration || 0, e.currentTime + 5), a();
+            k.preventDefault(), e.currentTime = Math.min(e.duration || 0, e.currentTime + 5), f();
             break;
           case "ArrowUp":
-            f.preventDefault(), e.volume = Math.min(1, e.volume + 0.1), e.muted && (e.muted = !1), a();
+            k.preventDefault(), e.volume = Math.min(1, e.volume + 0.1), e.muted && (e.muted = !1), f();
             break;
           case "ArrowDown":
-            f.preventDefault(), e.volume = Math.max(0, e.volume - 0.1), a();
+            k.preventDefault(), e.volume = Math.max(0, e.volume - 0.1), f();
             break;
           case "m":
-            e.muted = !e.muted, a();
+            e.muted = !e.muted, f();
             break;
           case "f":
-            j.element() === s ? j.exit().catch(() => {
-            }) : j.request(s).catch(() => {
-            }), a();
+            K.element() === t ? K.exit().catch(() => {
+            }) : K.request(t).catch(() => {
+            }), f();
             break;
           case "p":
             document.pictureInPictureElement ? document.exitPictureInPicture().catch(() => {
             }) : document.pictureInPictureEnabled && e.requestPictureInPicture().catch(() => {
-            }), a();
+            }), f();
             break;
         }
     };
-    return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
-  }, [s, e, r, a]), /* @__PURE__ */ t(
+    return document.addEventListener("keydown", g), () => document.removeEventListener("keydown", g);
+  }, [t, e, n, f]), /* @__PURE__ */ r(
     "div",
     {
       role: "toolbar",
       "aria-label": "Video controls",
-      className: I("gvp-controls", !p && "is-hidden"),
-      onMouseEnter: b,
-      onMouseLeave: o,
-      children: /* @__PURE__ */ g("div", { className: "gvp-controls-row", children: [
-        /* @__PURE__ */ t(Oe, { isPlaying: n, onToggle: r }),
-        /* @__PURE__ */ t(qe, { video: e }),
-        /* @__PURE__ */ t(Fe, { video: e }),
-        /* @__PURE__ */ t(ze, { video: e }),
-        /* @__PURE__ */ t(
-          Ke,
+      className: D("gvp-controls", !C && "is-hidden"),
+      onMouseEnter: N,
+      onMouseLeave: R,
+      children: /* @__PURE__ */ b("div", { className: "gvp-controls-row", children: [
+        (E || x) && /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            className: "gvp-ctrl-btn",
+            "aria-label": "Previous video",
+            disabled: !E,
+            onClick: l,
+            children: /* @__PURE__ */ r(Tt, {})
+          }
+        ),
+        /* @__PURE__ */ r(Ft, { isPlaying: s, onToggle: n }),
+        (E || x) && /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            className: "gvp-ctrl-btn",
+            "aria-label": "Next video",
+            disabled: !x,
+            onClick: d,
+            children: /* @__PURE__ */ r(Pt, {})
+          }
+        ),
+        /* @__PURE__ */ r(
+          Ot,
           {
-            levels: l,
-            currentLevel: c,
-            selectedLevel: u,
-            onSelect: i
+            video: e,
+            thumbnails: p,
+            chapters: u
           }
         ),
-        /* @__PURE__ */ t(Je, { video: e }),
-        /* @__PURE__ */ t(Qe, { video: e }),
-        /* @__PURE__ */ t(Xe, { video: e }),
-        /* @__PURE__ */ t(Ge, { container: s, video: e })
+        /* @__PURE__ */ r(Zt, { video: e }),
+        /* @__PURE__ */ r(zt, { video: e }),
+        /* @__PURE__ */ r(
+          Yt,
+          {
+            levels: o,
+            currentLevel: i,
+            selectedLevel: a,
+            onSelect: c
+          }
+        ),
+        /* @__PURE__ */ r(Kt, { video: e }),
+        /* @__PURE__ */ r(qt, { video: e }),
+        /* @__PURE__ */ r(Jt, { video: e }),
+        /* @__PURE__ */ r(Xt, { container: t, video: e })
       ] })
     }
   );
 };
-function ee(e, n, s) {
-  M(() => {
+function we(e, s, t) {
+  T(() => {
     if (!e) return;
-    const r = (c) => {
-      n.current && !n.current.contains(c.target) && s();
-    }, l = (c) => {
-      c.key === "Escape" && s();
+    const n = (i) => {
+      s.current && !s.current.contains(i.target) && t();
+    }, o = (i) => {
+      i.key === "Escape" && t();
     };
-    return document.addEventListener("mousedown", r), document.addEventListener("keydown", l), () => {
-      document.removeEventListener("mousedown", r), document.removeEventListener("keydown", l);
+    return document.addEventListener("mousedown", n), document.addEventListener("keydown", o), () => {
+      document.removeEventListener("mousedown", n), document.removeEventListener("keydown", o);
     };
-  }, [e, n, s]);
+  }, [e, s, t]);
 }
-const Oe = ({
+const Ft = ({
   isPlaying: e,
-  onToggle: n
-}) => /* @__PURE__ */ t(
+  onToggle: s
+}) => /* @__PURE__ */ r(
   "button",
   {
     type: "button",
     className: "gvp-ctrl-btn",
     "aria-label": e ? "Pause" : "Play",
     "aria-pressed": e,
-    onClick: n,
-    children: e ? /* @__PURE__ */ t(Te, {}) : /* @__PURE__ */ t(Pe, {})
+    onClick: s,
+    children: e ? /* @__PURE__ */ r(vt, {}) : /* @__PURE__ */ r(gt, {})
   }
-), qe = ({ video: e }) => {
-  const [n, s] = k(0), [r, l] = k(0), [c, u] = k(0);
-  M(() => {
+);
+function Ut(e) {
+  const [s, t] = v(null);
+  return T(() => {
+    if (!e) {
+      t(null);
+      return;
+    }
+    let n = !1;
+    return fetch(e).then((o) => o.ok ? o.text() : Promise.reject(new Error("fetch failed"))).then((o) => {
+      if (n) return;
+      const i = Ht(o, new URL(e, location.href).href);
+      t(i.length > 0 ? At(i) : null);
+    }).catch(() => {
+      n || t(null);
+    }), () => {
+      n = !0;
+    };
+  }, [e]), s;
+}
+function jt(e, s) {
+  const [t, n] = v([]), o = typeof e == "string";
+  return T(() => {
+    if (!o || !e) {
+      n([]);
+      return;
+    }
+    let i = !1;
+    return fetch(e).then((a) => a.ok ? a.text() : Promise.reject(new Error("fetch failed"))).then((a) => {
+      i || n($t(a));
+    }).catch(() => {
+      i || n([]);
+    }), () => {
+      i = !0;
+    };
+  }, [o, e]), o ? t : Array.isArray(e) ? Bt(e, s) : [];
+}
+const Ot = ({ video: e, thumbnails: s, chapters: t }) => {
+  var f;
+  const [n, o] = v(0), [i, a] = v(0), [c, p] = v(0), [u, E] = v(null), x = $(null), l = Ut(s), d = jt(t, i);
+  T(() => {
     if (!e) return;
-    const b = () => s(e.currentTime), o = () => l(Number.isFinite(e.duration) ? e.duration : 0), a = () => {
-      const m = e.buffered;
-      if (!m || m.length === 0) {
-        u(0);
+    const g = () => o(e.currentTime), k = () => a(Number.isFinite(e.duration) ? e.duration : 0), y = () => {
+      const V = e.buffered;
+      if (!V || V.length === 0) {
+        p(0);
         return;
       }
-      let f = m.end(m.length - 1);
-      for (let w = 0; w < m.length; w++)
-        if (m.start(w) <= e.currentTime && e.currentTime <= m.end(w)) {
-          f = m.end(w);
+      let O = V.end(V.length - 1);
+      for (let U = 0; U < V.length; U++)
+        if (V.start(U) <= e.currentTime && e.currentTime <= V.end(U)) {
+          O = V.end(U);
           break;
         }
-      u(f);
+      p(O);
     };
-    return b(), o(), a(), e.addEventListener("timeupdate", b), e.addEventListener("durationchange", o), e.addEventListener("loadedmetadata", o), e.addEventListener("progress", a), e.addEventListener("timeupdate", a), () => {
-      e.removeEventListener("timeupdate", b), e.removeEventListener("durationchange", o), e.removeEventListener("loadedmetadata", o), e.removeEventListener("progress", a), e.removeEventListener("timeupdate", a);
+    return g(), k(), y(), e.addEventListener("timeupdate", g), e.addEventListener("durationchange", k), e.addEventListener("loadedmetadata", k), e.addEventListener("progress", y), e.addEventListener("timeupdate", y), () => {
+      e.removeEventListener("timeupdate", g), e.removeEventListener("durationchange", k), e.removeEventListener("loadedmetadata", k), e.removeEventListener("progress", y), e.removeEventListener("timeupdate", y);
     };
   }, [e]);
-  const i = r > 0, p = i ? n / r * 100 : 0, d = i ? c / r * 100 : 0, C = (b) => {
-    if (!e || !i) return;
-    const o = Number(b.target.value) / 100 * r;
-    e.currentTime = o, s(o);
+  const C = i > 0, w = C ? n / i * 100 : 0, P = C ? c / i * 100 : 0, N = (g) => {
+    if (!e || !C) return;
+    const k = Number(g.target.value) / 100 * i;
+    e.currentTime = k, o(k);
+  }, R = (g) => {
+    const k = x.current;
+    if (!k || !C) return;
+    const y = k.getBoundingClientRect(), V = Math.min(Math.max(g - y.left, 0), y.width);
+    E({ time: V / y.width * i, x: V });
   };
-  return /* @__PURE__ */ g("div", { className: "gvp-seek", children: [
-    /* @__PURE__ */ g("div", { className: "gvp-seek-track", children: [
-      /* @__PURE__ */ t(
-        "div",
-        {
-          className: "gvp-seek-buffered",
-          style: { width: `${d}%` }
-        }
-      ),
-      /* @__PURE__ */ t(
-        "div",
-        {
-          className: "gvp-seek-progress",
-          style: { width: `${p}%` }
-        }
-      )
-    ] }),
-    /* @__PURE__ */ t(
-      "input",
+  return (
+    // Pointer handlers live on the wrapper, not `.gvp-seek-track`: the
+    // transparent range <input> is layered on top of the track and would
+    // otherwise swallow every pointer event before it reached the track.
+    /* @__PURE__ */ b(
+      "div",
       {
-        type: "range",
-        className: "gvp-seek-input",
-        min: 0,
-        max: 100,
-        step: 0.1,
-        value: p,
-        onChange: C,
-        disabled: !i,
-        "aria-label": "Seek",
-        "aria-valuemin": 0,
-        "aria-valuemax": Math.floor(r),
-        "aria-valuenow": Math.floor(n)
+        className: "gvp-seek",
+        onPointerMove: (g) => R(g.clientX),
+        onPointerLeave: () => E(null),
+        children: [
+          /* @__PURE__ */ b("div", { className: "gvp-seek-track", ref: x, children: [
+            /* @__PURE__ */ r(
+              "div",
+              {
+                className: "gvp-seek-buffered",
+                style: { width: `${P}%` }
+              }
+            ),
+            /* @__PURE__ */ r(
+              "div",
+              {
+                className: "gvp-seek-progress",
+                style: { width: `${w}%` }
+              }
+            ),
+            C && d.map(
+              (g) => g.start > 0 && g.start < i && /* @__PURE__ */ r(
+                "div",
+                {
+                  className: "gvp-seek-chapter-tick",
+                  style: { left: `${g.start / i * 100}%` }
+                },
+                `${g.start}-${g.title}`
+              )
+            )
+          ] }),
+          u && /* @__PURE__ */ r(
+            _t,
+            {
+              hover: u,
+              track: l,
+              chapters: d,
+              trackWidth: ((f = x.current) == null ? void 0 : f.clientWidth) ?? 0
+            }
+          ),
+          /* @__PURE__ */ r(
+            "input",
+            {
+              type: "range",
+              className: "gvp-seek-input",
+              min: 0,
+              max: 100,
+              step: 0.1,
+              value: w,
+              onChange: N,
+              disabled: !C,
+              "aria-label": "Seek",
+              "aria-valuemin": 0,
+              "aria-valuemax": Math.floor(i),
+              "aria-valuenow": Math.floor(n)
+            }
+          )
+        ]
       }
     )
-  ] });
-}, Fe = ({ video: e }) => {
-  const [n, s] = k(0), [r, l] = k(0);
-  return M(() => {
+  );
+}, _t = ({ hover: e, track: s, chapters: t, trackWidth: n }) => {
+  const o = (s == null ? void 0 : s.cueAt(e.time)) ?? null, i = o !== null && o.w > 0 && o.h > 0, a = Dt(t, e.time), p = (i ? o.w : 0) / 2, u = n > 0 ? Math.min(Math.max(e.x, p), n - p) : e.x;
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      className: D("gvp-seek-preview", i && "has-thumb"),
+      style: { left: `${u}px` },
+      children: [
+        i && /* @__PURE__ */ r(
+          "div",
+          {
+            className: "gvp-seek-preview-thumb",
+            style: {
+              width: `${o.w}px`,
+              height: `${o.h}px`,
+              backgroundImage: `url(${JSON.stringify(o.url)})`,
+              backgroundPosition: `-${o.x}px -${o.y}px`
+            }
+          }
+        ),
+        a && /* @__PURE__ */ r("span", { className: "gvp-seek-preview-chapter", children: a.title }),
+        /* @__PURE__ */ r("span", { className: "gvp-seek-preview-time", children: ke(e.time) })
+      ]
+    }
+  );
+}, Zt = ({ video: e }) => {
+  const [s, t] = v(0), [n, o] = v(0);
+  return T(() => {
     if (!e) return;
-    const c = () => s(e.currentTime), u = () => l(Number.isFinite(e.duration) ? e.duration : 0);
-    return c(), u(), e.addEventListener("timeupdate", c), e.addEventListener("durationchange", u), e.addEventListener("loadedmetadata", u), () => {
-      e.removeEventListener("timeupdate", c), e.removeEventListener("durationchange", u), e.removeEventListener("loadedmetadata", u);
+    const i = () => t(e.currentTime), a = () => o(Number.isFinite(e.duration) ? e.duration : 0);
+    return i(), a(), e.addEventListener("timeupdate", i), e.addEventListener("durationchange", a), e.addEventListener("loadedmetadata", a), () => {
+      e.removeEventListener("timeupdate", i), e.removeEventListener("durationchange", a), e.removeEventListener("loadedmetadata", a);
     };
-  }, [e]), /* @__PURE__ */ g("span", { className: "gvp-time", "aria-live": "off", children: [
-    re(n),
+  }, [e]), /* @__PURE__ */ b("span", { className: "gvp-time", "aria-live": "off", children: [
+    ke(s),
     " / ",
-    re(r)
+    ke(n)
   ] });
-}, Qe = ({ video: e }) => {
-  const [n, s] = k(1), [r, l] = k(!1);
-  M(() => {
+}, qt = ({ video: e }) => {
+  const [s, t] = v(1), [n, o] = v(!1);
+  T(() => {
     if (!e) return;
-    const d = () => {
-      s(e.volume), l(e.muted);
+    const u = () => {
+      t(e.volume), o(e.muted);
     };
-    return d(), e.addEventListener("volumechange", d), () => e.removeEventListener("volumechange", d);
+    return u(), e.addEventListener("volumechange", u), () => e.removeEventListener("volumechange", u);
   }, [e]);
-  const c = () => {
+  const i = () => {
     e && (e.muted = !e.muted);
-  }, u = (d) => {
+  }, a = (u) => {
     if (!e) return;
-    const C = Number(d.target.value) / 100;
-    e.volume = C, C > 0 && e.muted && (e.muted = !1);
+    const E = Number(u.target.value) / 100;
+    e.volume = E, E > 0 && e.muted && (e.muted = !1);
   };
-  let i = Ie;
-  r || n === 0 ? i = He : n < 0.5 && (i = Se);
-  const p = r ? 0 : Math.round(n * 100);
-  return /* @__PURE__ */ g("div", { className: I("gvp-volume", !se && "is-expandable"), children: [
-    /* @__PURE__ */ t(
+  let c = bt;
+  n || s === 0 ? c = wt : s < 0.5 && (c = kt);
+  const p = n ? 0 : Math.round(s * 100);
+  return /* @__PURE__ */ b("div", { className: D("gvp-volume", !Ae && "is-expandable"), children: [
+    /* @__PURE__ */ r(
       "button",
       {
         type: "button",
         className: "gvp-ctrl-btn",
-        "aria-label": r ? "Unmute" : "Mute",
-        "aria-pressed": r,
-        onClick: c,
-        children: /* @__PURE__ */ t(i, {})
+        "aria-label": n ? "Unmute" : "Mute",
+        "aria-pressed": n,
+        onClick: i,
+        children: /* @__PURE__ */ r(c, {})
       }
     ),
-    !se && /* @__PURE__ */ g("div", { className: "gvp-volume-slider-wrap", children: [
-      /* @__PURE__ */ t("div", { className: "gvp-volume-track", children: /* @__PURE__ */ t(
+    !Ae && /* @__PURE__ */ b("div", { className: "gvp-volume-slider-wrap", children: [
+      /* @__PURE__ */ r("div", { className: "gvp-volume-track", children: /* @__PURE__ */ r(
         "div",
         {
           className: "gvp-volume-fill",
           style: { width: `${p}%` }
         }
       ) }),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ r(
         "input",
         {
           type: "range",
@@ -730,7 +995,7 @@ const Oe = ({
           max: 100,
           step: 1,
           value: p,
-          onChange: u,
+          onChange: a,
           "aria-label": "Volume",
           "aria-valuemin": 0,
           "aria-valuemax": 100,
@@ -739,688 +1004,773 @@ const Oe = ({
       )
     ] })
   ] });
-}, Ye = [0.5, 0.75, 1, 1.25, 1.5, 2], ze = ({ video: e }) => {
-  const [n, s] = k(1), [r, l] = k(!1), c = H(null);
-  M(() => {
+}, Qt = [0.5, 0.75, 1, 1.25, 1.5, 2], zt = ({ video: e }) => {
+  const [s, t] = v(1), [n, o] = v(!1), i = $(null);
+  T(() => {
     if (!e) return;
-    const d = () => s(e.playbackRate);
-    return d(), e.addEventListener("ratechange", d), () => e.removeEventListener("ratechange", d);
+    const u = () => t(e.playbackRate);
+    return u(), e.addEventListener("ratechange", u), () => e.removeEventListener("ratechange", u);
   }, [e]);
-  const u = P(() => l(!1), []);
-  ee(r, c, u);
-  const i = (d) => {
-    e && (e.playbackRate = d), s(d), l(!1);
-  }, p = n === 1 ? "1×" : `${n}×`;
-  return /* @__PURE__ */ g("div", { className: "gvp-speed", ref: c, children: [
-    /* @__PURE__ */ g(
+  const a = H(() => o(!1), []);
+  we(n, i, a);
+  const c = (u) => {
+    e && (e.playbackRate = u), t(u), o(!1);
+  }, p = s === 1 ? "1×" : `${s}×`;
+  return /* @__PURE__ */ b("div", { className: "gvp-speed", ref: i, children: [
+    /* @__PURE__ */ b(
       "button",
       {
         type: "button",
         className: "gvp-ctrl-btn gvp-speed-btn",
         "aria-haspopup": "listbox",
-        "aria-expanded": r,
+        "aria-expanded": n,
         "aria-label": `Playback speed: ${p}`,
-        onClick: () => l((d) => !d),
+        onClick: () => o((u) => !u),
         children: [
-          /* @__PURE__ */ t($e, {}),
-          /* @__PURE__ */ t("span", { className: "gvp-speed-label", children: p })
+          /* @__PURE__ */ r(Nt, {}),
+          /* @__PURE__ */ r("span", { className: "gvp-speed-label", children: p })
         ]
       }
     ),
-    r && // NOSONAR: typescript:S6819
-    /* @__PURE__ */ t("ul", { className: "gvp-speed-menu", role: "listbox", "aria-label": "Playback speed", children: Ye.map((d) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
+    n && // NOSONAR: typescript:S6819
+    /* @__PURE__ */ r("ul", { className: "gvp-speed-menu", role: "listbox", "aria-label": "Playback speed", children: Qt.map((u) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
       "button",
       {
         type: "button",
         role: "option",
-        "aria-selected": d === n,
-        className: I("gvp-speed-menu-item", d === n && "is-active"),
-        onClick: () => i(d),
-        children: d === 1 ? "Normal" : `${d}×`
+        "aria-selected": u === s,
+        className: D("gvp-speed-menu-item", u === s && "is-active"),
+        onClick: () => c(u),
+        children: u === 1 ? "Normal" : `${u}×`
       }
-    ) }, d)) })
+    ) }, u)) })
   ] });
-}, Ke = ({ levels: e, currentLevel: n, selectedLevel: s, onSelect: r }) => {
-  const [l, c] = k(!1), u = H(null), i = P(() => c(!1), []);
-  if (ee(l, u, i), e.length < 2) return null;
-  const p = (o) => {
-    r == null || r(o), c(!1);
-  }, d = [...e].sort((o, a) => a.height - o.height), C = e.find((o) => o.index === n);
-  let b;
-  if (s < 0)
-    b = C ? `Auto (${C.label})` : "Auto";
+}, Yt = ({ levels: e, currentLevel: s, selectedLevel: t, onSelect: n }) => {
+  const [o, i] = v(!1), a = $(null), c = H(() => i(!1), []);
+  if (we(o, a, c), e.length < 2) return null;
+  const p = (l) => {
+    n == null || n(l), i(!1);
+  }, u = [...e].sort((l, d) => d.height - l.height), E = e.find((l) => l.index === s);
+  let x;
+  if (t < 0)
+    x = E ? `Auto (${E.label})` : "Auto";
   else {
-    const o = e.find((a) => a.index === s);
-    b = (o == null ? void 0 : o.label) ?? "Auto";
+    const l = e.find((d) => d.index === t);
+    x = (l == null ? void 0 : l.label) ?? "Auto";
   }
-  return /* @__PURE__ */ g("div", { className: "gvp-quality", ref: u, children: [
-    /* @__PURE__ */ g(
+  return /* @__PURE__ */ b("div", { className: "gvp-quality", ref: a, children: [
+    /* @__PURE__ */ b(
       "button",
       {
         type: "button",
         className: "gvp-ctrl-btn gvp-quality-btn",
         "aria-haspopup": "listbox",
-        "aria-expanded": l,
-        "aria-label": `Quality: ${b}`,
-        onClick: () => c((o) => !o),
+        "aria-expanded": o,
+        "aria-label": `Quality: ${x}`,
+        onClick: () => i((l) => !l),
         children: [
-          /* @__PURE__ */ t(We, {}),
-          /* @__PURE__ */ t("span", { className: "gvp-quality-label", children: b })
+          /* @__PURE__ */ r(yt, {}),
+          /* @__PURE__ */ r("span", { className: "gvp-quality-label", children: x })
         ]
       }
     ),
-    l && // NOSONAR: typescript:S6819
-    /* @__PURE__ */ g("ul", { className: "gvp-quality-menu", role: "listbox", "aria-label": "Quality", children: [
-      /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
+    o && // NOSONAR: typescript:S6819
+    /* @__PURE__ */ b("ul", { className: "gvp-quality-menu", role: "listbox", "aria-label": "Quality", children: [
+      /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
         "button",
         {
           type: "button",
           role: "option",
-          "aria-selected": s < 0,
-          className: I(
+          "aria-selected": t < 0,
+          className: D(
             "gvp-quality-menu-item",
-            s < 0 && "is-active"
+            t < 0 && "is-active"
           ),
-          onClick: () => p(_e.index),
-          children: C ? `Auto (${C.label})` : "Auto"
+          onClick: () => p(It.index),
+          children: E ? `Auto (${E.label})` : "Auto"
         }
       ) }),
-      d.map((o) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
+      u.map((l) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
         "button",
         {
           type: "button",
           role: "option",
-          "aria-selected": o.index === s,
-          className: I(
+          "aria-selected": l.index === t,
+          className: D(
             "gvp-quality-menu-item",
-            o.index === s && "is-active"
+            l.index === t && "is-active"
           ),
-          onClick: () => p(o.index),
-          children: o.label
+          onClick: () => p(l.index),
+          children: l.label
         }
-      ) }, o.index))
+      ) }, l.index))
     ] })
   ] });
-}, Je = ({ video: e }) => {
-  const [n, s] = k([]), [r, l] = k(-1), [c, u] = k(!1), i = H(null), p = P((o) => {
-    const a = [];
-    for (let f = 0; f < o.length; f++) {
-      const w = o[f];
-      (w.kind === "subtitles" || w.kind === "captions") && a.push({ index: f, label: w.label || w.language || `Track ${f + 1}`, language: w.language });
+}, Kt = ({ video: e }) => {
+  const [s, t] = v([]), [n, o] = v(-1), [i, a] = v(!1), c = $(null), p = H((l) => {
+    const d = [];
+    for (let w = 0; w < l.length; w++) {
+      const P = l[w];
+      (P.kind === "subtitles" || P.kind === "captions") && d.push({ index: w, label: P.label || P.language || `Track ${w + 1}`, language: P.language });
     }
-    s(a);
-    let m = -1;
-    for (let f = 0; f < o.length; f++)
-      if (o[f].mode === "showing") {
-        m = f;
+    t(d);
+    let C = -1;
+    for (let w = 0; w < l.length; w++)
+      if (l[w].mode === "showing") {
+        C = w;
         break;
       }
-    l(m);
+    o(C);
   }, []);
-  M(() => {
+  T(() => {
     if (!e) {
-      s([]), l(-1);
+      t([]), o(-1);
       return;
     }
-    const o = e.textTracks;
-    p(o);
-    const a = () => p(o);
-    if (typeof o.addEventListener == "function")
-      return o.addEventListener("addtrack", a), o.addEventListener("removetrack", a), o.addEventListener("change", a), () => {
-        o.removeEventListener("addtrack", a), o.removeEventListener("removetrack", a), o.removeEventListener("change", a);
+    const l = e.textTracks;
+    p(l);
+    const d = () => p(l);
+    if (typeof l.addEventListener == "function")
+      return l.addEventListener("addtrack", d), l.addEventListener("removetrack", d), l.addEventListener("change", d), () => {
+        l.removeEventListener("addtrack", d), l.removeEventListener("removetrack", d), l.removeEventListener("change", d);
       };
   }, [e, p]);
-  const d = P(() => u(!1), []);
-  ee(c, i, d);
-  const C = (o) => {
+  const u = H(() => a(!1), []);
+  we(i, c, u);
+  const E = (l) => {
     if (!e) return;
-    const a = e.textTracks;
-    for (let m = 0; m < a.length; m++)
-      a[m].mode = m === o ? "showing" : "hidden";
-    l(o), u(!1);
-  }, b = () => {
+    const d = e.textTracks;
+    for (let C = 0; C < d.length; C++)
+      d[C].mode = C === l ? "showing" : "hidden";
+    o(l), a(!1);
+  }, x = () => {
     if (!e) return;
-    const o = e.textTracks;
-    for (let a = 0; a < o.length; a++) o[a].mode = "hidden";
-    l(-1), u(!1);
+    const l = e.textTracks;
+    for (let d = 0; d < l.length; d++) l[d].mode = "hidden";
+    o(-1), a(!1);
   };
-  return n.length === 0 ? null : /* @__PURE__ */ g("div", { className: "gvp-captions", ref: i, children: [
-    /* @__PURE__ */ t(
+  return s.length === 0 ? null : /* @__PURE__ */ b("div", { className: "gvp-captions", ref: c, children: [
+    /* @__PURE__ */ r(
       "button",
       {
         type: "button",
-        className: I("gvp-ctrl-btn", r >= 0 && "is-active"),
+        className: D("gvp-ctrl-btn", n >= 0 && "is-active"),
         "aria-haspopup": "listbox",
-        "aria-expanded": c,
+        "aria-expanded": i,
         "aria-label": "Captions",
-        "aria-pressed": r >= 0,
-        onClick: () => u((o) => !o),
-        children: /* @__PURE__ */ t(Be, {})
+        "aria-pressed": n >= 0,
+        onClick: () => a((l) => !l),
+        children: /* @__PURE__ */ r(xt, {})
       }
     ),
-    c && // NOSONAR: typescript:S6819
-    /* @__PURE__ */ g("ul", { className: "gvp-captions-menu", role: "listbox", "aria-label": "Captions", children: [
-      /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
+    i && // NOSONAR: typescript:S6819
+    /* @__PURE__ */ b("ul", { className: "gvp-captions-menu", role: "listbox", "aria-label": "Captions", children: [
+      /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
         "button",
         {
           type: "button",
           role: "option",
-          "aria-selected": r === -1,
-          className: I("gvp-captions-menu-item", r === -1 && "is-active"),
-          onClick: b,
+          "aria-selected": n === -1,
+          className: D("gvp-captions-menu-item", n === -1 && "is-active"),
+          onClick: x,
           children: "Off"
         }
       ) }),
-      n.map((o) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
+      s.map((l) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
         "button",
         {
           type: "button",
           role: "option",
-          "aria-selected": o.index === r,
-          className: I("gvp-captions-menu-item", o.index === r && "is-active"),
-          onClick: () => C(o.index),
-          children: o.label
+          "aria-selected": l.index === n,
+          className: D("gvp-captions-menu-item", l.index === n && "is-active"),
+          onClick: () => E(l.index),
+          children: l.label
         }
-      ) }, o.index))
+      ) }, l.index))
     ] })
   ] });
-}, Xe = ({ video: e }) => {
-  const [n, s] = k(!1), [r, l] = k(!1);
-  if (M(() => {
-    l(!0);
-  }, []), M(() => {
+}, Jt = ({ video: e }) => {
+  const [s, t] = v(!1), [n, o] = v(!1);
+  if (T(() => {
+    o(!0);
+  }, []), T(() => {
     if (!e) return;
-    const u = () => s(!0), i = () => s(!1);
-    return e.addEventListener("enterpictureinpicture", u), e.addEventListener("leavepictureinpicture", i), () => {
-      e.removeEventListener("enterpictureinpicture", u), e.removeEventListener("leavepictureinpicture", i);
+    const a = () => t(!0), c = () => t(!1);
+    return e.addEventListener("enterpictureinpicture", a), e.addEventListener("leavepictureinpicture", c), () => {
+      e.removeEventListener("enterpictureinpicture", a), e.removeEventListener("leavepictureinpicture", c);
     };
-  }, [e]), !r || !document.pictureInPictureEnabled) return null;
-  const c = () => {
+  }, [e]), !n || !document.pictureInPictureEnabled) return null;
+  const i = () => {
     document.pictureInPictureElement ? document.exitPictureInPicture().catch(() => {
     }) : e == null || e.requestPictureInPicture().catch(() => {
     });
   };
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ r(
     "button",
     {
       type: "button",
-      className: I("gvp-ctrl-btn", n && "is-active"),
-      "aria-label": n ? "Exit picture-in-picture" : "Picture-in-picture",
-      "aria-pressed": n,
-      onClick: c,
-      children: /* @__PURE__ */ t(De, {})
+      className: D("gvp-ctrl-btn", s && "is-active"),
+      "aria-label": s ? "Exit picture-in-picture" : "Picture-in-picture",
+      "aria-pressed": s,
+      onClick: i,
+      children: /* @__PURE__ */ r(Et, {})
     }
   );
-}, Ge = ({ container: e, video: n }) => {
-  const [s, r] = k(!1);
-  return M(() => {
-    if (G) return;
-    const p = () => r(j.element() === e);
-    return p(), j.onChange(p);
-  }, [e]), j.isSupported() || G && n !== null && typeof n.webkitEnterFullscreen == "function" ? /* @__PURE__ */ t(
+}, Xt = ({ container: e, video: s }) => {
+  const [t, n] = v(!1);
+  return T(() => {
+    if (be) return;
+    const p = () => n(K.element() === e);
+    return p(), K.onChange(p);
+  }, [e]), K.isSupported() || be && s !== null && typeof s.webkitEnterFullscreen == "function" ? /* @__PURE__ */ r(
     "button",
     {
       type: "button",
       className: "gvp-ctrl-btn",
-      "aria-label": s ? "Exit fullscreen" : "Enter fullscreen",
-      "aria-pressed": s,
+      "aria-label": t ? "Exit fullscreen" : "Enter fullscreen",
+      "aria-pressed": t,
       onClick: () => {
         var p;
-        if (G) {
-          (p = n == null ? void 0 : n.webkitEnterFullscreen) == null || p.call(n);
+        if (be) {
+          (p = s == null ? void 0 : s.webkitEnterFullscreen) == null || p.call(s);
           return;
         }
-        s ? j.exit().catch(() => {
-        }) : e && j.request(e).catch(() => {
+        t ? K.exit().catch(() => {
+        }) : e && K.request(e).catch(() => {
         });
       },
-      children: /* @__PURE__ */ t(s ? Ae : Ve, {})
+      children: /* @__PURE__ */ r(t ? Lt : Ct, {})
     }
   ) : null;
 };
-function oe(e, n, s) {
-  const r = e == null ? void 0 : e.trim();
-  if (r) return r;
-  if (n) {
+function $e(e, s, t) {
+  const n = e == null ? void 0 : e.trim();
+  if (n) return n;
+  if (s) {
     try {
-      const c = new Intl.DisplayNames(void 0, { type: "language" }).of(n);
-      if (c && c !== n) return c;
+      const i = new Intl.DisplayNames(void 0, { type: "language" }).of(s);
+      if (i && i !== s) return i;
     } catch {
     }
-    return n;
+    return s;
   }
-  return `Audio ${s + 1}`;
+  return `Audio ${t + 1}`;
 }
-const le = we.forwardRef(
+const De = ct.forwardRef(
   ({
     src: e,
-    hlsConfig: n,
-    isHls: s,
-    autoPlay: r,
-    children: l,
-    onAudioTracks: c,
-    audioTrackIndex: u,
-    onQualityLevels: i,
+    hlsConfig: s,
+    isHls: t,
+    autoPlay: n,
+    children: o,
+    onAudioTracks: i,
+    audioTrackIndex: a,
+    onQualityLevels: c,
     onCurrentLevel: p,
-    qualityLevelIndex: d,
-    ...C
-  }, b) => {
-    const o = H(null), a = H(null), m = H(c);
-    m.current = c;
-    const f = H(i);
-    f.current = i;
-    const w = H(p);
-    w.current = p, Le(b, () => o.current);
-    const U = globalThis.window !== void 0 && $.isSupported(), V = !!s || U && typeof e == "string" && e.endsWith(".m3u8");
-    return M(() => {
-      var F, Z, q;
+    qualityLevelIndex: u,
+    ...E
+  }, x) => {
+    const l = $(null), d = $(null), C = $(i);
+    C.current = i;
+    const w = $(c);
+    w.current = c;
+    const P = $(p);
+    P.current = p, ut(x, () => l.current);
+    const N = globalThis.window !== void 0 && Q.isSupported(), R = !!t || N && typeof e == "string" && e.endsWith(".m3u8");
+    return T(() => {
+      var U, ne, re;
       if (!e) return;
-      const v = o.current;
-      if (!v) return;
-      const S = (h) => {
-        var L;
-        (L = m.current) == null || L.call(m, h);
-      }, T = (h) => {
-        var L;
-        (L = f.current) == null || L.call(f, h);
-      }, D = (h) => {
-        var L;
-        (L = w.current) == null || L.call(w, h);
-      }, W = () => {
-        r && v.play().catch(() => {
+      const f = l.current;
+      if (!f) return;
+      const g = (h) => {
+        var M;
+        (M = C.current) == null || M.call(C, h);
+      }, k = (h) => {
+        var M;
+        (M = w.current) == null || M.call(w, h);
+      }, y = (h) => {
+        var M;
+        (M = P.current) == null || M.call(P, h);
+      }, V = () => {
+        n && f.play().catch(() => {
         });
       };
-      for (a.current && (a.current.destroy(), a.current = null), v.pause(), v.removeAttribute("src"); v.firstChild; ) v.firstChild.remove();
-      S([]), T([]), D(-1);
-      let R;
-      if (V) {
-        const h = new $(n);
-        a.current = h;
-        const L = () => {
-          const N = h.audioTracks.map((y, _) => ({
-            index: _,
-            label: oe(y.name, y.lang, _),
-            lang: y.lang || void 0
+      for (d.current && (d.current.destroy(), d.current = null), f.pause(), f.removeAttribute("src"); f.firstChild; ) f.firstChild.remove();
+      g([]), k([]), y(-1);
+      let O;
+      if (R) {
+        const h = new Q(s);
+        d.current = h;
+        const M = () => {
+          const I = h.audioTracks.map((L, z) => ({
+            index: z,
+            label: $e(L.name, L.lang, z),
+            lang: L.lang || void 0
           }));
-          S(N);
-        }, B = () => {
-          const N = h.levels.map((y, _) => ({
-            index: _,
-            height: y.height || 0,
-            label: je(y.height || 0, _)
+          g(I);
+        }, W = () => {
+          const I = h.levels.map((L, z) => ({
+            index: z,
+            height: L.height || 0,
+            label: St(L.height || 0, z)
           }));
-          T(N);
+          k(I);
         };
-        h.on($.Events.MANIFEST_PARSED, W), h.on($.Events.MANIFEST_PARSED, B), h.on($.Events.LEVELS_UPDATED, B), h.on($.Events.LEVEL_SWITCHED, (N, y) => {
-          D(y.level);
-        }), h.on($.Events.AUDIO_TRACKS_UPDATED, L), h.on($.Events.AUDIO_TRACK_SWITCHED, L), h.on($.Events.ERROR, (N, y) => {
-          y.fatal && (h.destroy(), a.current = null);
-        }), h.attachMedia(v), h.loadSource(e);
+        h.on(Q.Events.MANIFEST_PARSED, V), h.on(Q.Events.MANIFEST_PARSED, W), h.on(Q.Events.LEVELS_UPDATED, W), h.on(Q.Events.LEVEL_SWITCHED, (I, L) => {
+          y(L.level);
+        }), h.on(Q.Events.AUDIO_TRACKS_UPDATED, M), h.on(Q.Events.AUDIO_TRACK_SWITCHED, M), h.on(Q.Events.ERROR, (I, L) => {
+          L.fatal && (h.destroy(), d.current = null);
+        }), h.attachMedia(f), h.loadSource(e);
       } else {
-        v.src = e, v.load(), v.addEventListener("loadedmetadata", W, { once: !0 });
-        const h = v.audioTracks;
+        f.src = e, f.load(), f.addEventListener("loadedmetadata", V, { once: !0 });
+        const h = f.audioTracks;
         if (h) {
-          const L = () => {
-            const B = [];
-            for (let N = 0; N < h.length; N++) {
-              const y = h[N];
-              B.push({
-                index: N,
-                label: oe(y.label, y.language, N),
-                lang: y.language || void 0
+          const M = () => {
+            const W = [];
+            for (let I = 0; I < h.length; I++) {
+              const L = h[I];
+              W.push({
+                index: I,
+                label: $e(L.label, L.language, I),
+                lang: L.language || void 0
               });
             }
-            S(B);
+            g(W);
           };
-          (F = h.addEventListener) == null || F.call(h, "addtrack", L), (Z = h.addEventListener) == null || Z.call(h, "removetrack", L), (q = h.addEventListener) == null || q.call(h, "change", L), h.length > 0 && L(), R = () => {
-            var B, N, y;
-            (B = h.removeEventListener) == null || B.call(h, "addtrack", L), (N = h.removeEventListener) == null || N.call(h, "removetrack", L), (y = h.removeEventListener) == null || y.call(h, "change", L);
+          (U = h.addEventListener) == null || U.call(h, "addtrack", M), (ne = h.addEventListener) == null || ne.call(h, "removetrack", M), (re = h.addEventListener) == null || re.call(h, "change", M), h.length > 0 && M(), O = () => {
+            var W, I, L;
+            (W = h.removeEventListener) == null || W.call(h, "addtrack", M), (I = h.removeEventListener) == null || I.call(h, "removetrack", M), (L = h.removeEventListener) == null || L.call(h, "change", M);
           };
         }
       }
       return () => {
-        for (v.removeEventListener("loadedmetadata", W), R == null || R(), a.current && (a.current.destroy(), a.current = null), v.pause(), v.removeAttribute("src"); v.firstChild; ) v.firstChild.remove();
-        v.load(), S([]), T([]), D(-1);
+        for (f.removeEventListener("loadedmetadata", V), O == null || O(), d.current && (d.current.destroy(), d.current = null), f.pause(), f.removeAttribute("src"); f.firstChild; ) f.firstChild.remove();
+        f.load(), g([]), k([]), y(-1);
       };
-    }, [e, V, n, r]), M(() => {
-      if (d == null) return;
-      const v = a.current;
-      v && v.currentLevel !== d && (v.currentLevel = d);
-    }, [d]), M(() => {
-      var T;
-      if (u == null || u < 0) return;
-      const v = a.current;
-      if (v) {
-        v.audioTrack !== u && (v.audioTrack = u);
+    }, [e, R, s, n]), T(() => {
+      if (u == null) return;
+      const f = d.current;
+      f && f.currentLevel !== u && (f.currentLevel = u);
+    }, [u]), T(() => {
+      var k;
+      if (a == null || a < 0) return;
+      const f = d.current;
+      if (f) {
+        f.audioTrack !== a && (f.audioTrack = a);
         return;
       }
-      const S = (T = o.current) == null ? void 0 : T.audioTracks;
-      if (S)
-        for (let D = 0; D < S.length; D++)
-          S[D].enabled = D === u;
-    }, [u]), // Captions are the consumer's responsibility — pass <track> elements as children.
+      const g = (k = l.current) == null ? void 0 : k.audioTracks;
+      if (g)
+        for (let y = 0; y < g.length; y++)
+          g[y].enabled = y === a;
+    }, [a]), // Captions are the consumer's responsibility — pass <track> elements as children.
     // NOSONAR: typescript:S4084
-    /* @__PURE__ */ t("video", { ref: o, ...C, children: l });
+    /* @__PURE__ */ r("video", { ref: l, ...E, children: o });
   }
 );
-le.displayName = "HLSPlayer";
-function et(e) {
+De.displayName = "HLSPlayer";
+function Gt(e) {
   if (!e) return null;
   if (/^[A-Za-z0-9_-]{11}$/.test(e)) return e;
-  let n;
+  let s;
   try {
-    n = new URL(e);
+    s = new URL(e);
   } catch {
     return null;
   }
-  const s = n.hostname.replace(/^www\./, "");
-  if (s === "youtu.be") {
-    const r = n.pathname.slice(1).split("/")[0];
-    return /^[A-Za-z0-9_-]{11}$/.test(r) ? r : null;
+  const t = s.hostname.replace(/^www\./, "");
+  if (t === "youtu.be") {
+    const n = s.pathname.slice(1).split("/")[0];
+    return /^[A-Za-z0-9_-]{11}$/.test(n) ? n : null;
   }
-  if (s === "youtube.com" || s === "m.youtube.com" || s === "music.youtube.com" || s === "youtube-nocookie.com") {
-    const r = n.searchParams.get("v");
-    if (r && /^[A-Za-z0-9_-]{11}$/.test(r)) return r;
-    const l = /^\/(?:embed|shorts|v|live)\/([A-Za-z0-9_-]{11})/.exec(
-      n.pathname
+  if (t === "youtube.com" || t === "m.youtube.com" || t === "music.youtube.com" || t === "youtube-nocookie.com") {
+    const n = s.searchParams.get("v");
+    if (n && /^[A-Za-z0-9_-]{11}$/.test(n)) return n;
+    const o = /^\/(?:embed|shorts|v|live)\/([A-Za-z0-9_-]{11})/.exec(
+      s.pathname
     );
-    if (l) return l[1];
+    if (o) return o[1];
   }
   return null;
 }
-function tt(e) {
+function en(e) {
   try {
-    const n = new URL(e), s = n.searchParams.get("t") ?? n.searchParams.get("start");
-    if (!s) return null;
-    if (/^\d+s?$/.test(s)) return Number.parseInt(s, 10);
-    const r = /^(?:(\d+)h)?(?:(\d+)m)?(?:(\d+)s)?$/.exec(s);
-    if (r) {
-      const l = Number.parseInt(r[1] ?? "0", 10), c = Number.parseInt(r[2] ?? "0", 10), u = Number.parseInt(r[3] ?? "0", 10), i = l * 3600 + c * 60 + u;
-      return i > 0 ? i : null;
+    const s = new URL(e), t = s.searchParams.get("t") ?? s.searchParams.get("start");
+    if (!t) return null;
+    if (/^\d+s?$/.test(t)) return Number.parseInt(t, 10);
+    const n = /^(?:(\d+)h)?(?:(\d+)m)?(?:(\d+)s)?$/.exec(t);
+    if (n) {
+      const o = Number.parseInt(n[1] ?? "0", 10), i = Number.parseInt(n[2] ?? "0", 10), a = Number.parseInt(n[3] ?? "0", 10), c = o * 3600 + i * 60 + a;
+      return c > 0 ? c : null;
     }
   } catch {
   }
   return null;
 }
-function nt(e, n = {}) {
-  const { autoPlay: s = !1, muted: r = !0, loop: l = !1, controls: c = !0, startSeconds: u } = n, i = new URLSearchParams({
+function tn(e, s = {}) {
+  const { autoPlay: t = !1, muted: n = !0, loop: o = !1, controls: i = !0, startSeconds: a } = s, c = new URLSearchParams({
     rel: "0",
     modestbranding: "1",
     playsinline: "1",
-    controls: c ? "1" : "0"
+    controls: i ? "1" : "0"
   });
-  return s ? (i.set("autoplay", "1"), i.set("mute", "1")) : r && i.set("mute", "1"), l && (i.set("loop", "1"), i.set("playlist", e)), u && u > 0 && i.set("start", String(u)), `https://www.youtube-nocookie.com/embed/${e}?${i.toString()}`;
+  return t ? (c.set("autoplay", "1"), c.set("mute", "1")) : n && c.set("mute", "1"), o && (c.set("loop", "1"), c.set("playlist", e)), a && a > 0 && c.set("start", String(a)), `https://www.youtube-nocookie.com/embed/${e}?${c.toString()}`;
 }
-const rt = ({
+const nn = ({
   tracks: e,
-  activeIndex: n,
-  onSelect: s
+  activeIndex: s,
+  onSelect: t
 }) => {
-  const [r, l] = k(!1), c = H(null);
-  M(() => {
-    if (!r) return;
-    const i = (d) => {
-      c.current && !c.current.contains(d.target) && l(!1);
-    }, p = (d) => {
-      d.key === "Escape" && l(!1);
+  const [n, o] = v(!1), i = $(null);
+  T(() => {
+    if (!n) return;
+    const c = (u) => {
+      i.current && !i.current.contains(u.target) && o(!1);
+    }, p = (u) => {
+      u.key === "Escape" && o(!1);
     };
-    return document.addEventListener("mousedown", i), document.addEventListener("keydown", p), () => {
-      document.removeEventListener("mousedown", i), document.removeEventListener("keydown", p);
+    return document.addEventListener("mousedown", c), document.addEventListener("keydown", p), () => {
+      document.removeEventListener("mousedown", c), document.removeEventListener("keydown", p);
     };
-  }, [r]);
-  const u = e.find((i) => i.index === n) ?? e[0];
-  return /* @__PURE__ */ g("div", { className: "gvp-audio", ref: c, children: [
-    /* @__PURE__ */ g(
+  }, [n]);
+  const a = e.find((c) => c.index === s) ?? e[0];
+  return /* @__PURE__ */ b("div", { className: "gvp-audio", ref: i, children: [
+    /* @__PURE__ */ b(
       "button",
       {
         type: "button",
         className: "gvp-audio-btn",
         "aria-haspopup": "listbox",
-        "aria-expanded": r,
+        "aria-expanded": n,
         "aria-label": "Audio track",
-        onClick: () => l((i) => !i),
+        onClick: () => o((c) => !c),
         children: [
-          /* @__PURE__ */ t(Me, {}),
-          /* @__PURE__ */ t("span", { className: "gvp-audio-label", children: u == null ? void 0 : u.label }),
-          /* @__PURE__ */ t(Re, {})
+          /* @__PURE__ */ r(ft, {}),
+          /* @__PURE__ */ r("span", { className: "gvp-audio-label", children: a == null ? void 0 : a.label }),
+          /* @__PURE__ */ r(Mt, {})
         ]
       }
     ),
-    r && // A native <select> can't be styled to sit inside the player overlay
+    n && // A native <select> can't be styled to sit inside the player overlay
     // (it renders the OS dropdown chrome), so this is a custom listbox with
     // full keyboard + ARIA support.
     // NOSONAR: typescript:S6819
-    /* @__PURE__ */ t("ul", { className: "gvp-audio-menu", role: "listbox", "aria-label": "Audio tracks", children: e.map((i) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
+    /* @__PURE__ */ r("ul", { className: "gvp-audio-menu", role: "listbox", "aria-label": "Audio tracks", children: e.map((c) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
       "button",
       {
         type: "button",
         role: "option",
-        "aria-selected": i.index === n,
-        className: I(
+        "aria-selected": c.index === s,
+        className: D(
           "gvp-audio-menu-item",
-          i.index === n && "is-active"
+          c.index === s && "is-active"
         ),
         onClick: () => {
-          s(i.index), l(!1);
+          t(c.index), o(!1);
         },
-        children: i.label
+        children: c.label
       }
-    ) }, i.index)) })
+    ) }, c.index)) })
   ] });
-}, lt = ({
+}, an = ({
   src: e,
-  poster: n,
-  showDeviceToggle: s = !0,
-  defaultDevice: r = "desktop",
-  hoverPlay: l = !1,
-  tooltipText: c,
-  onClose: u,
-  className: i = "",
+  poster: s,
+  showDeviceToggle: t = !0,
+  defaultDevice: n = "desktop",
+  hoverPlay: o = !1,
+  tooltipText: i,
+  onClose: a,
+  className: c = "",
   muted: p = !0,
-  loop: d = !1,
-  controls: C = !0,
-  autoPlay: b = !1,
-  frameMaxWidth: o,
-  aspectRatio: a,
-  hlsConfig: m,
-  children: f
+  loop: u = !1,
+  controls: E = !0,
+  autoPlay: x = !1,
+  frameMaxWidth: l,
+  aspectRatio: d,
+  hlsConfig: C,
+  thumbnails: w,
+  chapters: P,
+  playlist: N,
+  defaultIndex: R = 0,
+  autoAdvance: f = !0,
+  onPlaylistChange: g,
+  onPlay: k,
+  onPause: y,
+  onEnded: V,
+  onTimeUpdate: O,
+  onSeeked: U,
+  onVolumeChange: ne,
+  onMilestone: re,
+  onError: h,
+  children: M
 }) => {
-  const w = H(null), U = H(null), [V, v] = k(r), [S, T] = k(!1), [D, W] = k(!1), [R, F] = k([]), [Z, q] = k(-1), [h, L] = k([]), [B, N] = k(-1), [y, _] = k(-1), [ie, ce] = k(null), [ue, de] = k(null), he = P((E) => {
-    w.current = E, de(E);
-  }, []), O = C === !0 || C === "custom", J = C === "native", Q = K(() => et(e), [e]), A = Q !== null, pe = K(() => V === "mobile" ? (a == null ? void 0 : a.mobile) ?? "9/16" : (a == null ? void 0 : a.desktop) ?? "16/9", [V, a]), me = K(() => V === "mobile" ? (o == null ? void 0 : o.mobile) ?? "420px" : (o == null ? void 0 : o.desktop) ?? "960px", [V, o]), fe = K(
-    () => Q ? nt(Q, {
-      autoPlay: b,
+  const W = $(null), I = $(null), [L, z] = v(n), [ue, J] = v(!1), [We, se] = v(!1), [de, Re] = v([]), [he, Ce] = v(-1), [Fe, Ue] = v([]), [je, Oe] = v(-1), [Le, Ee] = v(-1), [_e, Ze] = v(null), [me, qe] = v(null), Qe = H((m) => {
+    W.current = m, qe(m);
+  }, []), Z = $({
+    onPlay: k,
+    onPause: y,
+    onEnded: V,
+    onTimeUpdate: O,
+    onSeeked: U,
+    onVolumeChange: ne,
+    onMilestone: re,
+    onError: h
+  });
+  Z.current = {
+    onPlay: k,
+    onPause: y,
+    onEnded: V,
+    onTimeUpdate: O,
+    onSeeked: U,
+    onVolumeChange: ne,
+    onMilestone: re,
+    onError: h
+  };
+  const ee = E === !0 || E === "custom", pe = E === "native", Y = Array.isArray(N) && N.length > 0, ze = Y ? Math.min(Math.max(R, 0), N.length - 1) : 0, [q, Ye] = v(ze), F = Y ? N[Math.min(q, N.length - 1)] : null, X = (F == null ? void 0 : F.src) ?? e ?? "", Ke = (F == null ? void 0 : F.poster) ?? s, Je = (F == null ? void 0 : F.thumbnails) ?? w, Xe = (F == null ? void 0 : F.chapters) ?? P, fe = $(!1), oe = H(
+    (m, A = !1) => {
+      if (!Y) return;
+      const G = Math.min(Math.max(m, 0), N.length - 1);
+      G !== q && (fe.current = A, Ye(G), g == null || g(G, N[G]));
+    },
+    [Y, N, q, g]
+  ), Ge = Y && q > 0, ge = Y && q < ((N == null ? void 0 : N.length) ?? 0) - 1, ie = ce(() => Gt(X), [X]), j = ie !== null, et = ce(() => L === "mobile" ? (d == null ? void 0 : d.mobile) ?? "9/16" : (d == null ? void 0 : d.desktop) ?? "16/9", [L, d]), tt = ce(() => L === "mobile" ? (l == null ? void 0 : l.mobile) ?? "420px" : (l == null ? void 0 : l.desktop) ?? "960px", [L, l]), nt = ce(
+    () => ie ? tn(ie, {
+      autoPlay: x,
       muted: p,
-      loop: d,
+      loop: u,
       // Custom controls can't drive an iframe, so YouTube falls
       // back to its own controls in that mode.
-      controls: O ? !0 : J,
-      startSeconds: tt(e)
+      controls: ee ? !0 : pe,
+      startSeconds: en(X)
     }) : null,
-    [Q, e, b, p, d, O, J]
-  ), ge = P((E) => {
-    F(E), q(-1);
-  }, []), ve = P((E) => {
-    L(E), _(-1);
-  }, []), Y = P(async () => {
-    const E = w.current;
-    if (E) {
-      if (U.current)
+    [ie, X, x, p, u, ee, pe]
+  ), rt = H((m) => {
+    Re(m), Ce(-1);
+  }, []), st = H((m) => {
+    Ue(m), Ee(-1);
+  }, []), ae = H(async () => {
+    const m = W.current;
+    if (m) {
+      if (I.current)
         try {
-          await U.current;
+          await I.current;
         } catch {
         }
-      E.pause();
+      m.pause();
     }
-  }, []), z = P(async () => {
-    const E = w.current;
-    if (E)
+  }, []), te = H(async () => {
+    const m = W.current;
+    if (m)
       try {
-        E.readyState < 2 && E.load();
-        const te = E.play();
-        U.current = te, await te, T(!0);
+        m.readyState < 2 && m.load();
+        const A = m.play();
+        I.current = A, await A, J(!0);
       } catch {
-        T(!1);
+        J(!1);
       } finally {
-        U.current = null;
+        I.current = null;
       }
-  }, []), ke = P(() => {
-    !l || A || z();
-  }, [l, A, z]), be = P(() => {
-    !l || A || Y().then(() => T(!1));
-  }, [l, A, Y]), X = P(async () => {
-    const E = w.current;
-    E && (E.paused ? await z() : (await Y(), T(!1)));
-  }, [z, Y]), Ce = !A && R.length > 1;
+  }, []), ot = H(() => {
+    !o || j || te();
+  }, [o, j, te]), it = H(() => {
+    !o || j || ae().then(() => J(!1));
+  }, [o, j, ae]), ve = H(async () => {
+    const m = W.current;
+    m && (m.paused ? await te() : (await ae(), J(!1)));
+  }, [te, ae]), at = H(() => {
+    var m, A;
+    J(!1), (A = (m = Z.current).onEnded) == null || A.call(m), Y && f && ge && oe(q + 1, !0);
+  }, [Y, f, ge, oe, q]);
+  T(() => {
+    const m = me;
+    if (!m) return;
+    const A = /* @__PURE__ */ new Set(), G = () => {
+      var Me, Te, Pe, Ie;
+      const B = m.duration;
+      if ((Te = (Me = Z.current).onTimeUpdate) == null || Te.call(Me, m.currentTime, Number.isFinite(B) ? B : 0), !Number.isFinite(B) || B <= 0) return;
+      const _ = m.currentTime / B * 100;
+      for (const le of [25, 50, 75, 100])
+        _ >= le && !A.has(le) && (A.add(le), (Ie = (Pe = Z.current).onMilestone) == null || Ie.call(Pe, le));
+    }, xe = () => {
+      var B, _;
+      return (_ = (B = Z.current).onSeeked) == null ? void 0 : _.call(B, m.currentTime);
+    }, Ne = () => {
+      var B, _;
+      return (_ = (B = Z.current).onVolumeChange) == null ? void 0 : _.call(B, m.volume, m.muted);
+    }, ye = () => {
+      var B, _;
+      return (_ = (B = Z.current).onError) == null ? void 0 : _.call(B);
+    };
+    return m.addEventListener("timeupdate", G), m.addEventListener("seeked", xe), m.addEventListener("volumechange", Ne), m.addEventListener("error", ye), () => {
+      m.removeEventListener("timeupdate", G), m.removeEventListener("seeked", xe), m.removeEventListener("volumechange", Ne), m.removeEventListener("error", ye);
+    };
+  }, [me]), T(() => {
+    fe.current && (fe.current = !1, te());
+  }, [X, te]);
+  const lt = !j && de.length > 1;
   return (
     // The mouse handlers are a progressive enhancement (hoverPlay + tooltip).
     // Keyboard/click users reach the same actions via the inner <button> elements,
     // so the outer container is intentionally non-interactive at the role level.
     // NOSONAR: typescript:S6848
-    /* @__PURE__ */ g(
+    /* @__PURE__ */ b(
       "div",
       {
-        ref: ce,
-        className: I("gvp-root", i),
-        style: { width: me, aspectRatio: pe },
+        ref: Ze,
+        className: D("gvp-root", c),
+        style: { width: tt, aspectRatio: et },
         onMouseEnter: () => {
-          W(!0), ke();
+          se(!0), ot();
         },
         onMouseLeave: () => {
-          W(!1), be();
+          se(!1), it();
         },
         children: [
-          A ? /* @__PURE__ */ t(
+          j ? /* @__PURE__ */ r(
             "iframe",
             {
               className: "gvp-video gvp-youtube",
-              src: fe ?? void 0,
+              src: nt ?? void 0,
               title: "YouTube video player",
               allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
               allowFullScreen: !0,
               referrerPolicy: "strict-origin-when-cross-origin"
             }
-          ) : /* @__PURE__ */ t(
-            le,
+          ) : /* @__PURE__ */ r(
+            De,
             {
-              ref: he,
-              src: e,
-              poster: n,
+              ref: Qe,
+              src: X,
+              poster: Ke,
               muted: p,
-              loop: d,
+              loop: u,
               playsInline: !0,
               preload: "metadata",
-              controls: J,
-              autoPlay: b,
-              hlsConfig: m,
+              controls: pe,
+              autoPlay: x,
+              hlsConfig: C,
               className: "gvp-video",
-              onPlay: () => T(!0),
-              onPause: () => T(!1),
-              onAudioTracks: ge,
-              audioTrackIndex: Z,
-              onQualityLevels: ve,
-              onCurrentLevel: N,
-              qualityLevelIndex: y,
-              children: f
-            }
+              onPlay: () => {
+                var m, A;
+                J(!0), (A = (m = Z.current).onPlay) == null || A.call(m);
+              },
+              onPause: () => {
+                var m, A;
+                J(!1), (A = (m = Z.current).onPause) == null || A.call(m);
+              },
+              onEnded: at,
+              onAudioTracks: rt,
+              audioTrackIndex: he,
+              onQualityLevels: st,
+              onCurrentLevel: Oe,
+              qualityLevelIndex: Le,
+              children: M
+            },
+            X
           ),
-          !A && /* @__PURE__ */ t("div", { className: "gvp-vignette" }),
-          s && /* @__PURE__ */ t("div", { className: "gvp-toggle", children: /* @__PURE__ */ g("div", { className: "gvp-toggle-pill", children: [
-            /* @__PURE__ */ t(
+          !j && /* @__PURE__ */ r("div", { className: "gvp-vignette" }),
+          t && /* @__PURE__ */ r("div", { className: "gvp-toggle", children: /* @__PURE__ */ b("div", { className: "gvp-toggle-pill", children: [
+            /* @__PURE__ */ r(
               "button",
               {
                 type: "button",
-                onClick: () => v("desktop"),
-                className: I(
+                onClick: () => z("desktop"),
+                className: D(
                   "gvp-toggle-btn",
-                  V === "desktop" && "is-active"
+                  L === "desktop" && "is-active"
                 ),
                 "aria-label": "Desktop view",
-                "aria-pressed": V === "desktop",
-                children: /* @__PURE__ */ t(ye, {})
+                "aria-pressed": L === "desktop",
+                children: /* @__PURE__ */ r(dt, {})
               }
             ),
-            /* @__PURE__ */ t("div", { className: "gvp-toggle-divider" }),
-            /* @__PURE__ */ t(
+            /* @__PURE__ */ r("div", { className: "gvp-toggle-divider" }),
+            /* @__PURE__ */ r(
               "button",
               {
                 type: "button",
-                onClick: () => v("mobile"),
-                className: I(
+                onClick: () => z("mobile"),
+                className: D(
                   "gvp-toggle-btn",
-                  V === "mobile" && "is-active"
+                  L === "mobile" && "is-active"
                 ),
                 "aria-label": "Mobile view",
-                "aria-pressed": V === "mobile",
-                children: /* @__PURE__ */ t(Ee, {})
+                "aria-pressed": L === "mobile",
+                children: /* @__PURE__ */ r(ht, {})
               }
             )
           ] }) }),
-          u && /* @__PURE__ */ t(
+          a && /* @__PURE__ */ r(
             "button",
             {
               type: "button",
-              onClick: u,
+              onClick: a,
               className: "gvp-close",
               "aria-label": "Close",
-              children: /* @__PURE__ */ t(xe, {})
+              children: /* @__PURE__ */ r(mt, {})
             }
           ),
-          Ce && /* @__PURE__ */ t(
-            rt,
+          lt && /* @__PURE__ */ r(
+            nn,
             {
-              tracks: R,
-              activeIndex: Z >= 0 ? Z : R[0].index,
-              onSelect: q
+              tracks: de,
+              activeIndex: he >= 0 ? he : de[0].index,
+              onSelect: Ce
             }
           ),
-          !A && O && /* @__PURE__ */ t(
+          !j && ee && /* @__PURE__ */ r(
             "button",
             {
               type: "button",
               className: "gvp-click-layer",
-              onClick: () => void X(),
-              "aria-label": S ? "Pause" : "Play"
+              onClick: () => void ve(),
+              "aria-label": ue ? "Pause" : "Play"
             }
           ),
-          !A && !O && !S && /* @__PURE__ */ t("div", { className: "gvp-play-wrap", children: /* @__PURE__ */ g(
+          !j && !ee && !ue && /* @__PURE__ */ r("div", { className: "gvp-play-wrap", children: /* @__PURE__ */ b(
             "button",
             {
               type: "button",
-              onClick: () => void X(),
-              onMouseEnter: () => W(!0),
-              onMouseLeave: () => W(!1),
+              onClick: () => void ve(),
+              onMouseEnter: () => se(!0),
+              onMouseLeave: () => se(!1),
               className: "gvp-play",
               "aria-label": "Play",
               children: [
-                /* @__PURE__ */ t(Ne, {}),
-                c && D && /* @__PURE__ */ t("span", { className: "gvp-tooltip", role: "tooltip", children: c })
+                /* @__PURE__ */ r(pt, {}),
+                i && We && /* @__PURE__ */ r("span", { className: "gvp-tooltip", role: "tooltip", children: i })
               ]
             }
           ) }),
-          !A && O && /* @__PURE__ */ t(
-            Ze,
+          !j && ee && /* @__PURE__ */ r(
+            Rt,
             {
-              video: ue,
-              isPlaying: S,
-              container: ie,
-              onTogglePlay: () => void X(),
-              qualityLevels: h,
-              currentLevel: B,
-              selectedLevel: y,
-              onSelectLevel: _
+              video: me,
+              isPlaying: ue,
+              container: _e,
+              onTogglePlay: () => void ve(),
+              qualityLevels: Fe,
+              currentLevel: je,
+              selectedLevel: Le,
+              onSelectLevel: Ee,
+              thumbnails: Je,
+              chapters: Xe,
+              hasPrev: Ge,
+              hasNext: ge,
+              onPrev: () => oe(q - 1, !0),
+              onNext: () => oe(q + 1, !0)
             }
           ),
-          !A && !O && /* @__PURE__ */ t("div", { className: "gvp-bottom-fade" })
+          !j && !ee && /* @__PURE__ */ r("div", { className: "gvp-bottom-fade" })
         ]
       }
     )
   );
 };
 export {
-  lt as ReactVideoPlayer,
-  et as parseYouTubeId,
-  tt as parseYouTubeStart,
-  nt as youTubeEmbedUrl
+  an as ReactVideoPlayer,
+  Gt as parseYouTubeId,
+  en as parseYouTubeStart,
+  tn as youTubeEmbedUrl
 };
 //# sourceMappingURL=index.mjs.map