npm - @glitchlab/vue-video-player - Versions diffs - 1.6.0 → 1.6.1 - Mend

@glitchlab/vue-video-player 1.6.0 → 1.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/components/IconGear.vue.d.ts.map +1 -1
package/dist/index.cjs +2 -2
package/dist/index.cjs.map +1 -1
package/dist/index.mjs +627 -633
package/dist/index.mjs.map +1 -1
package/package.json +1 -1

package/dist/index.mjs CHANGED Viewed

@@ -1,15 +1,15 @@
-import { defineComponent as N, ref as g, onMounted as He, watch as V, onBeforeUnmount as ae, openBlock as r, createElementBlock as c, normalizeClass as L, renderSlot as Ue, createElementVNode as a, computed as I, createVNode as O, toDisplayString as Z, Fragment as oe, renderList as pe, createCommentVNode as x, createBlock as J, unref as le, normalizeStyle as ce, withDirectives as at, vShow as rt, withCtx as it } from "vue";
-import se from "hls.js";
-function De(e, s, t) {
+import { defineComponent as N, ref as g, onMounted as Be, watch as H, onBeforeUnmount as oe, openBlock as r, createElementBlock as c, normalizeClass as L, renderSlot as Ue, createElementVNode as o, computed as I, createVNode as O, toDisplayString as Z, Fragment as ae, renderList as pe, createCommentVNode as x, createBlock as J, unref as se, normalizeStyle as ce, withDirectives as ot, vShow as rt, withCtx as it } from "vue";
+import le from "hls.js";
+function De(e, l, t) {
   const n = e == null ? void 0 : e.trim();
   if (n) return n;
-  if (s) {
+  if (l) {
     try {
-      const v = new Intl.DisplayNames(void 0, { type: "language" }).of(s);
-      if (v && v !== s) return v;
+      const v = new Intl.DisplayNames(void 0, { type: "language" }).of(l);
+      if (v && v !== l) return v;
     } catch {
     }
-    return s;
+    return l;
   }
   return `Audio ${t + 1}`;
 }
@@ -18,8 +18,8 @@ const ut = {
   height: 0,
   label: "Auto"
 };
-function ct(e, s) {
-  return e > 0 ? `${e}p` : `Level ${s + 1}`;
+function ct(e, l) {
+  return e > 0 ? `${e}p` : `Level ${l + 1}`;
 }
 const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "poster"], vt = /* @__PURE__ */ N({
   __name: "HLSPlayer",
@@ -39,16 +39,16 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
     qualityLevelIndex: { default: -1 }
   },
   emits: ["play", "pause", "ended", "fatal-error", "live-change", "audio-tracks", "quality-levels", "current-level"],
-  setup(e, { expose: s, emit: t }) {
-    const n = e, o = t, v = g(null), d = g(null);
+  setup(e, { expose: l, emit: t }) {
+    const n = e, a = t, v = g(null), d = g(null);
     let h, E;
-    const A = globalThis.window !== void 0 && se.isSupported(), S = (f) => !!n.isHls || A && f.endsWith(".m3u8");
+    const S = globalThis.window !== void 0 && le.isSupported(), A = (f) => !!n.isHls || S && f.endsWith(".m3u8");
     function P() {
       E == null || E(), E = void 0, h == null || h(), h = void 0, d.value && (d.value.destroy(), d.value = null);
       const f = v.value;
       if (f) {
         for (f.pause(), f.removeAttribute("src"); f.firstChild; ) f.firstChild.remove();
-        f.load(), o("audio-tracks", []), o("quality-levels", []), o("current-level", -1), o("live-change", !1);
+        f.load(), a("audio-tracks", []), a("quality-levels", []), a("current-level", -1), a("live-change", !1);
       }
     }
     function w(f) {
@@ -60,33 +60,33 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
         n.autoPlay && M.play().catch(() => {
         });
       };
-      if (S(f)) {
-        const C = new se(n.hlsConfig);
+      if (A(f)) {
+        const C = new le(n.hlsConfig);
         d.value = C;
         const W = () => {
-          const F = C.audioTracks.map((H, R) => ({
+          const F = C.audioTracks.map((B, R) => ({
             index: R,
-            label: De(H.name, H.lang, R),
-            lang: H.lang || void 0
+            label: De(B.name, B.lang, R),
+            lang: B.lang || void 0
           }));
-          o("audio-tracks", F);
-        }, B = () => {
-          const F = C.levels.map((H, R) => ({
+          a("audio-tracks", F);
+        }, V = () => {
+          const F = C.levels.map((B, R) => ({
             index: R,
-            height: H.height || 0,
-            label: ct(H.height || 0, R)
+            height: B.height || 0,
+            label: ct(B.height || 0, R)
           }));
-          o("quality-levels", F);
+          a("quality-levels", F);
         };
-        C.on(se.Events.MANIFEST_PARSED, z), C.on(se.Events.MANIFEST_PARSED, B), C.on(se.Events.LEVELS_UPDATED, B), C.on(se.Events.LEVEL_SWITCHED, (F, H) => {
-          o("current-level", H.level);
-        }), C.on(se.Events.AUDIO_TRACKS_UPDATED, W), C.on(se.Events.AUDIO_TRACK_SWITCHED, W), C.on(se.Events.LEVEL_LOADED, (F, H) => {
+        C.on(le.Events.MANIFEST_PARSED, z), C.on(le.Events.MANIFEST_PARSED, V), C.on(le.Events.LEVELS_UPDATED, V), C.on(le.Events.LEVEL_SWITCHED, (F, B) => {
+          a("current-level", B.level);
+        }), C.on(le.Events.AUDIO_TRACKS_UPDATED, W), C.on(le.Events.AUDIO_TRACK_SWITCHED, W), C.on(le.Events.LEVEL_LOADED, (F, B) => {
           var R;
-          o("live-change", !!((R = H.details) != null && R.live));
+          a("live-change", !!((R = B.details) != null && R.live));
         });
         let D = !1;
-        C.on(se.Events.ERROR, (F, H) => {
-          H.fatal && (H.type === se.ErrorTypes.NETWORK_ERROR && !D ? (D = !0, C.startLoad()) : H.type === se.ErrorTypes.MEDIA_ERROR && !D ? (D = !0, C.recoverMediaError()) : (C.destroy(), d.value = null, o("fatal-error")));
+        C.on(le.Events.ERROR, (F, B) => {
+          B.fatal && (B.type === le.ErrorTypes.NETWORK_ERROR && !D ? (D = !0, C.startLoad()) : B.type === le.ErrorTypes.MEDIA_ERROR && !D ? (D = !0, C.recoverMediaError()) : (C.destroy(), d.value = null, a("fatal-error")));
         }), C.attachMedia(M), C.loadSource(f);
       } else {
         M.src = f, M.load(), M.addEventListener("loadedmetadata", z, { once: !0 }), E = () => {
@@ -95,20 +95,20 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
         const C = M.audioTracks;
         if (C) {
           const W = () => {
-            const B = [];
+            const V = [];
             for (let D = 0; D < C.length; D++) {
               const F = C[D];
-              B.push({
+              V.push({
                 index: D,
                 label: De(F.label, F.language, D),
                 lang: F.language || void 0
               });
             }
-            o("audio-tracks", B);
+            a("audio-tracks", V);
           };
           (j = C.addEventListener) == null || j.call(C, "addtrack", W), (K = C.addEventListener) == null || K.call(C, "removetrack", W), (re = C.addEventListener) == null || re.call(C, "change", W), C.length > 0 && W(), h = () => {
-            var B, D, F;
-            (B = C.removeEventListener) == null || B.call(C, "addtrack", W), (D = C.removeEventListener) == null || D.call(C, "removetrack", W), (F = C.removeEventListener) == null || F.call(C, "change", W);
+            var V, D, F;
+            (V = C.removeEventListener) == null || V.call(C, "addtrack", W), (D = C.removeEventListener) == null || D.call(C, "removetrack", W), (F = C.removeEventListener) == null || F.call(C, "change", W);
           };
         }
       }
@@ -131,20 +131,20 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       const M = d.value;
       M && M.currentLevel !== f && (M.currentLevel = f);
     }
-    return He(() => {
+    return Be(() => {
       n.src && w(n.src);
-    }), V(
+    }), H(
       () => n.src,
       (f) => {
         f && w(f);
       }
-    ), V(
+    ), H(
       () => n.audioTrackIndex,
       (f) => $(f)
-    ), V(
+    ), H(
       () => n.qualityLevelIndex,
       (f) => T(f)
-    ), ae(P), s({ videoEl: v }), (f, M) => (r(), c("video", {
+    ), oe(P), l({ videoEl: v }), (f, M) => (r(), c("video", {
       ref_key: "videoEl",
       ref: v,
       muted: e.muted,
@@ -155,9 +155,9 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       preload: e.preload,
       poster: e.poster,
       class: L(n.class),
-      onPlay: M[0] || (M[0] = (z) => o("play")),
-      onPause: M[1] || (M[1] = (z) => o("pause")),
-      onEnded: M[2] || (M[2] = (z) => o("ended"))
+      onPlay: M[0] || (M[0] = (z) => a("play")),
+      onPause: M[1] || (M[1] = (z) => a("pause")),
+      onEnded: M[2] || (M[2] = (z) => a("ended"))
     }, [
       Ue(f.$slots, "default")
     ], 42, dt));
@@ -168,9 +168,9 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
     class: {}
   },
   setup(e) {
-    const s = e;
+    const l = e;
     return (t, n) => (r(), c("svg", {
-      class: L(["gvp-icon", s.class]),
+      class: L(["gvp-icon", l.class]),
       width: "16",
       height: "16",
       viewBox: "0 0 24 24",
@@ -178,13 +178,13 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...n[0] || (n[0] = [
-      a("path", {
+      o("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",
         stroke: "currentColor",
         "stroke-width": "1.5",
         "stroke-linejoin": "round"
       }, null, -1),
-      a("path", {
+      o("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",
         stroke: "currentColor",
         "stroke-width": "1.5",
@@ -198,9 +198,9 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
     class: {}
   },
   setup(e) {
-    const s = e;
+    const l = e;
     return (t, n) => (r(), c("svg", {
-      class: L(["gvp-icon", s.class]),
+      class: L(["gvp-icon", l.class]),
       width: "12",
       height: "12",
       viewBox: "0 0 24 24",
@@ -208,7 +208,7 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...n[0] || (n[0] = [
-      a("path", {
+      o("path", {
         d: "M6 9L12 15L18 9",
         stroke: "currentColor",
         "stroke-width": "2",
@@ -229,53 +229,53 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
     activeIndex: {}
   },
   emits: ["select"],
-  setup(e, { emit: s }) {
-    const t = e, n = s, o = g(!1), v = g(null), d = I(
-      () => t.tracks.find((S) => S.index === t.activeIndex) ?? t.tracks[0]
+  setup(e, { emit: l }) {
+    const t = e, n = l, a = g(!1), v = g(null), d = I(
+      () => t.tracks.find((A) => A.index === t.activeIndex) ?? t.tracks[0]
     );
-    function h(S) {
-      v.value && !v.value.contains(S.target) && (o.value = !1);
+    function h(A) {
+      v.value && !v.value.contains(A.target) && (a.value = !1);
     }
-    function E(S) {
-      S.key === "Escape" && (o.value = !1);
+    function E(A) {
+      A.key === "Escape" && (a.value = !1);
     }
-    V(o, (S) => {
-      S ? (document.addEventListener("mousedown", h), document.addEventListener("keydown", E)) : (document.removeEventListener("mousedown", h), document.removeEventListener("keydown", E));
-    }), ae(() => {
+    H(a, (A) => {
+      A ? (document.addEventListener("mousedown", h), document.addEventListener("keydown", E)) : (document.removeEventListener("mousedown", h), document.removeEventListener("keydown", E));
+    }), oe(() => {
       document.removeEventListener("mousedown", h), document.removeEventListener("keydown", E);
     });
-    function A(S) {
-      n("select", S), o.value = !1;
+    function S(A) {
+      n("select", A), a.value = !1;
     }
-    return (S, P) => {
+    return (A, P) => {
       var w;
       return r(), c("div", {
         ref_key: "rootEl",
         ref: v,
         class: "gvp-audio"
       }, [
-        a("button", {
+        o("button", {
           type: "button",
           class: "gvp-audio-btn",
           "aria-haspopup": "listbox",
-          "aria-expanded": o.value,
+          "aria-expanded": a.value,
           "aria-label": "Audio track",
-          onClick: P[0] || (P[0] = ($) => o.value = !o.value)
+          onClick: P[0] || (P[0] = ($) => a.value = !a.value)
         }, [
           O(ft),
-          a("span", ht, Z((w = d.value) == null ? void 0 : w.label), 1),
+          o("span", ht, Z((w = d.value) == null ? void 0 : w.label), 1),
           O(Ze)
         ], 8, gt),
-        o.value ? (r(), c("ul", kt, [
-          (r(!0), c(oe, null, pe(e.tracks, ($) => (r(), c("li", {
+        a.value ? (r(), c("ul", kt, [
+          (r(!0), c(ae, null, pe(e.tracks, ($) => (r(), c("li", {
             key: $.index
           }, [
-            a("button", {
+            o("button", {
               type: "button",
               role: "option",
               "aria-selected": $.index === e.activeIndex,
               class: L(["gvp-audio-menu-item", { "is-active": $.index === e.activeIndex }]),
-              onClick: (T) => A($.index)
+              onClick: (T) => S($.index)
             }, Z($.label), 11, yt)
           ]))), 128))
         ])) : x("", !0)
@@ -288,9 +288,9 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
     class: {}
   },
   setup(e) {
-    const s = e;
+    const l = e;
     return (t, n) => (r(), c("svg", {
-      class: L(["gvp-icon", s.class]),
+      class: L(["gvp-icon", l.class]),
       width: "16",
       height: "16",
       viewBox: "0 0 24 24",
@@ -298,12 +298,12 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...n[0] || (n[0] = [
-      a("path", {
+      o("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",
         stroke: "currentColor",
         "stroke-width": "1.5"
       }, null, -1),
-      a("path", {
+      o("path", {
         d: "M12 8V12L14.5 14.5",
         stroke: "currentColor",
         "stroke-width": "1.5",
@@ -323,42 +323,42 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
     speed: {}
   },
   emits: ["select"],
-  setup(e, { emit: s }) {
-    const t = [0.5, 0.75, 1, 1.25, 1.5, 2], n = s, o = g(!1), v = g(null);
-    function d(A) {
-      v.value && !v.value.contains(A.target) && (o.value = !1);
+  setup(e, { emit: l }) {
+    const t = [0.5, 0.75, 1, 1.25, 1.5, 2], n = l, a = g(!1), v = g(null);
+    function d(S) {
+      v.value && !v.value.contains(S.target) && (a.value = !1);
     }
-    function h(A) {
-      A.key === "Escape" && (o.value = !1);
+    function h(S) {
+      S.key === "Escape" && (a.value = !1);
     }
-    V(o, (A) => {
-      A ? (document.addEventListener("mousedown", d), document.addEventListener("keydown", h)) : (document.removeEventListener("mousedown", d), document.removeEventListener("keydown", h));
-    }), ae(() => {
+    H(a, (S) => {
+      S ? (document.addEventListener("mousedown", d), document.addEventListener("keydown", h)) : (document.removeEventListener("mousedown", d), document.removeEventListener("keydown", h));
+    }), oe(() => {
       document.removeEventListener("mousedown", d), document.removeEventListener("keydown", h);
     });
-    function E(A) {
-      n("select", A), o.value = !1;
+    function E(S) {
+      n("select", S), a.value = !1;
     }
-    return (A, S) => (r(), c("div", {
+    return (S, A) => (r(), c("div", {
       ref_key: "rootEl",
       ref: v,
       class: "gvp-speed"
     }, [
-      a("button", {
+      o("button", {
         type: "button",
         class: "gvp-speed-btn",
         "aria-haspopup": "listbox",
-        "aria-expanded": o.value,
+        "aria-expanded": a.value,
         "aria-label": "`Playback speed: ${speed === 1 ? '1×' : speed + '×'}`",
-        onClick: S[0] || (S[0] = (P) => o.value = !o.value)
+        onClick: A[0] || (A[0] = (P) => a.value = !a.value)
       }, [
         O(xt),
-        a("span", Lt, Z(e.speed === 1 ? "1×" : `${e.speed}×`), 1),
+        o("span", Lt, Z(e.speed === 1 ? "1×" : `${e.speed}×`), 1),
         O(Ze)
       ], 8, Ct),
-      o.value ? (r(), c("ul", $t, [
-        (r(), c(oe, null, pe(t, (P) => a("li", { key: P }, [
-          a("button", {
+      a.value ? (r(), c("ul", $t, [
+        (r(), c(ae, null, pe(t, (P) => o("li", { key: P }, [
+          o("button", {
             type: "button",
             role: "option",
             "aria-selected": P === e.speed,
@@ -375,9 +375,9 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
     class: {}
   },
   setup(e) {
-    const s = e;
+    const l = e;
     return (t, n) => (r(), c("svg", {
-      class: L(["gvp-icon", s.class]),
+      class: L(["gvp-icon", l.class]),
       width: "18",
       height: "18",
       viewBox: "0 0 24 24",
@@ -385,7 +385,7 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...n[0] || (n[0] = [
-      a("rect", {
+      o("rect", {
         x: "2",
         y: "5",
         width: "20",
@@ -394,7 +394,7 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
         stroke: "currentColor",
         "stroke-width": "1.5"
       }, null, -1),
-      a("path", {
+      o("path", {
         d: "M7 12H11M13 12H17M7 15H9M11 15H13M15 15H17",
         stroke: "currentColor",
         "stroke-width": "1.5",
@@ -407,13 +407,13 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
   class: "gvp-captions-menu",
   role: "listbox",
   "aria-label": "Captions"
-}, At = ["aria-selected"], St = ["aria-selected", "onClick"], Nt = /* @__PURE__ */ N({
+}, St = ["aria-selected"], At = ["aria-selected", "onClick"], Nt = /* @__PURE__ */ N({
   __name: "CaptionsSwitcher",
   props: {
     video: {}
   },
   setup(e) {
-    const s = e, t = g([]), n = g(-1), o = g(!1), v = g(null);
+    const l = e, t = g([]), n = g(-1), a = g(!1), v = g(null);
     function d(w) {
       const $ = [];
       for (let f = 0; f < w.length; f++) {
@@ -430,7 +430,7 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       n.value = T;
     }
     let h = null;
-    V(() => s.video, (w) => {
+    H(() => l.video, (w) => {
       if (h == null || h(), h = null, !w) {
         t.value = [], n.value = -1;
         return;
@@ -441,30 +441,30 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       typeof $.addEventListener == "function" && ($.addEventListener("addtrack", T), $.addEventListener("removetrack", T), $.addEventListener("change", T), h = () => {
         $.removeEventListener("addtrack", T), $.removeEventListener("removetrack", T), $.removeEventListener("change", T);
       });
-    }, { immediate: !0 }), ae(() => {
-      h == null || h(), document.removeEventListener("mousedown", E), document.removeEventListener("keydown", A);
+    }, { immediate: !0 }), oe(() => {
+      h == null || h(), document.removeEventListener("mousedown", E), document.removeEventListener("keydown", S);
     });
     function E(w) {
-      v.value && !v.value.contains(w.target) && (o.value = !1);
+      v.value && !v.value.contains(w.target) && (a.value = !1);
     }
-    function A(w) {
-      w.key === "Escape" && (o.value = !1);
+    function S(w) {
+      w.key === "Escape" && (a.value = !1);
     }
-    V(o, (w) => {
-      w ? (document.addEventListener("mousedown", E), document.addEventListener("keydown", A)) : (document.removeEventListener("mousedown", E), document.removeEventListener("keydown", A));
+    H(a, (w) => {
+      w ? (document.addEventListener("mousedown", E), document.addEventListener("keydown", S)) : (document.removeEventListener("mousedown", E), document.removeEventListener("keydown", S));
     });
-    function S() {
-      if (!s.video) return;
-      const w = s.video.textTracks;
+    function A() {
+      if (!l.video) return;
+      const w = l.video.textTracks;
       for (let $ = 0; $ < w.length; $++) w[$].mode = "hidden";
-      n.value = -1, o.value = !1;
+      n.value = -1, a.value = !1;
     }
     function P(w) {
-      if (!s.video) return;
-      const $ = s.video.textTracks;
+      if (!l.video) return;
+      const $ = l.video.textTracks;
       for (let T = 0; T < $.length; T++)
         $[T].mode = T === w ? "showing" : "hidden";
-      n.value = w, o.value = !1;
+      n.value = w, a.value = !1;
     }
     return (w, $) => t.value.length > 0 ? (r(), c("div", {
       key: 0,
@@ -472,50 +472,50 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       ref: v,
       class: "gvp-captions"
     }, [
-      a("button", {
+      o("button", {
         type: "button",
         class: L(["gvp-captions-btn", { "is-active": n.value >= 0 }]),
         "aria-haspopup": "listbox",
-        "aria-expanded": o.value,
+        "aria-expanded": a.value,
         "aria-pressed": n.value >= 0,
         "aria-label": "Captions",
-        onClick: $[0] || ($[0] = (T) => o.value = !o.value)
+        onClick: $[0] || ($[0] = (T) => a.value = !a.value)
       }, [
         O(Tt)
       ], 10, Mt),
-      o.value ? (r(), c("ul", It, [
-        a("li", null, [
-          a("button", {
+      a.value ? (r(), c("ul", It, [
+        o("li", null, [
+          o("button", {
             type: "button",
             role: "option",
             "aria-selected": n.value === -1,
             class: L(["gvp-captions-menu-item", { "is-active": n.value === -1 }]),
-            onClick: S
-          }, " Off ", 10, At)
+            onClick: A
+          }, " Off ", 10, St)
         ]),
-        (r(!0), c(oe, null, pe(t.value, (T) => (r(), c("li", {
+        (r(!0), c(ae, null, pe(t.value, (T) => (r(), c("li", {
           key: T.index
         }, [
-          a("button", {
+          o("button", {
             type: "button",
             role: "option",
             "aria-selected": T.index === n.value,
             class: L(["gvp-captions-menu-item", { "is-active": T.index === n.value }]),
             onClick: (f) => P(T.index)
-          }, Z(T.label), 11, St)
+          }, Z(T.label), 11, At)
         ]))), 128))
       ])) : x("", !0)
     ], 512)) : x("", !0);
   }
-}), Ht = { name: "IconPause" }, Vt = /* @__PURE__ */ N({
-  ...Ht,
+}), Bt = { name: "IconPause" }, Ht = /* @__PURE__ */ N({
+  ...Bt,
   props: {
     class: {}
   },
   setup(e) {
-    const s = e;
+    const l = e;
     return (t, n) => (r(), c("svg", {
-      class: L(["gvp-icon", s.class]),
+      class: L(["gvp-icon", l.class]),
       width: "16",
       height: "16",
       viewBox: "0 0 24 24",
@@ -523,7 +523,7 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...n[0] || (n[0] = [
-      a("rect", {
+      o("rect", {
         x: "6",
         y: "5",
         width: "4",
@@ -531,7 +531,7 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
         rx: "1",
         fill: "currentColor"
       }, null, -1),
-      a("rect", {
+      o("rect", {
         x: "14",
         y: "5",
         width: "4",
@@ -541,15 +541,15 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       }, null, -1)
     ])], 2));
   }
-}), Bt = { name: "IconPlaySolid" }, Rt = /* @__PURE__ */ N({
-  ...Bt,
+}), Vt = { name: "IconPlaySolid" }, Rt = /* @__PURE__ */ N({
+  ...Vt,
   props: {
     class: {}
   },
   setup(e) {
-    const s = e;
+    const l = e;
     return (t, n) => (r(), c("svg", {
-      class: L(["gvp-icon", s.class]),
+      class: L(["gvp-icon", l.class]),
       width: "16",
       height: "16",
       viewBox: "0 0 24 24",
@@ -557,7 +557,7 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...n[0] || (n[0] = [
-      a("path", {
+      o("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",
         fill: "currentColor"
       }, null, -1)
@@ -569,9 +569,9 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
     class: {}
   },
   setup(e) {
-    const s = e;
+    const l = e;
     return (t, n) => (r(), c("svg", {
-      class: L(["gvp-icon", s.class]),
+      class: L(["gvp-icon", l.class]),
       width: "16",
       height: "16",
       viewBox: "0 0 24 24",
@@ -579,11 +579,11 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...n[0] || (n[0] = [
-      a("path", {
+      o("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"
       }, null, -1),
-      a("path", {
+      o("path", {
         d: "M6 5V19",
         stroke: "currentColor",
         "stroke-width": "2",
@@ -597,9 +597,9 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
     class: {}
   },
   setup(e) {
-    const s = e;
+    const l = e;
     return (t, n) => (r(), c("svg", {
-      class: L(["gvp-icon", s.class]),
+      class: L(["gvp-icon", l.class]),
       width: "16",
       height: "16",
       viewBox: "0 0 24 24",
@@ -607,11 +607,11 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...n[0] || (n[0] = [
-      a("path", {
+      o("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"
       }, null, -1),
-      a("path", {
+      o("path", {
         d: "M18 5V19",
         stroke: "currentColor",
         "stroke-width": "2",
@@ -625,9 +625,9 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
     class: {}
   },
   setup(e) {
-    const s = e;
+    const l = e;
     return (t, n) => (r(), c("svg", {
-      class: L(["gvp-icon", s.class]),
+      class: L(["gvp-icon", l.class]),
       width: "18",
       height: "18",
       viewBox: "0 0 24 24",
@@ -635,13 +635,13 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...n[0] || (n[0] = [
-      a("path", {
+      o("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",
         stroke: "currentColor",
         "stroke-width": "1.5",
         "stroke-linejoin": "round"
       }, null, -1),
-      a("path", {
+      o("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",
         stroke: "currentColor",
         "stroke-width": "1.5",
@@ -655,9 +655,9 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
     class: {}
   },
   setup(e) {
-    const s = e;
+    const l = e;
     return (t, n) => (r(), c("svg", {
-      class: L(["gvp-icon", s.class]),
+      class: L(["gvp-icon", l.class]),
       width: "18",
       height: "18",
       viewBox: "0 0 24 24",
@@ -665,13 +665,13 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...n[0] || (n[0] = [
-      a("path", {
+      o("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",
         stroke: "currentColor",
         "stroke-width": "1.5",
         "stroke-linejoin": "round"
       }, null, -1),
-      a("path", {
+      o("path", {
         d: "M16.5 8C17.5 9 18 10.5 18 12C18 13.5 17.5 15 16.5 16",
         stroke: "currentColor",
         "stroke-width": "1.5",
@@ -685,9 +685,9 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
     class: {}
   },
   setup(e) {
-    const s = e;
+    const l = e;
     return (t, n) => (r(), c("svg", {
-      class: L(["gvp-icon", s.class]),
+      class: L(["gvp-icon", l.class]),
       width: "18",
       height: "18",
       viewBox: "0 0 24 24",
@@ -695,13 +695,13 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...n[0] || (n[0] = [
-      a("path", {
+      o("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",
         stroke: "currentColor",
         "stroke-width": "1.5",
         "stroke-linejoin": "round"
       }, null, -1),
-      a("path", {
+      o("path", {
         d: "M16 9L22 15M22 9L16 15",
         stroke: "currentColor",
         "stroke-width": "1.5",
@@ -715,9 +715,9 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
     class: {}
   },
   setup(e) {
-    const s = e;
+    const l = e;
     return (t, n) => (r(), c("svg", {
-      class: L(["gvp-icon", s.class]),
+      class: L(["gvp-icon", l.class]),
       width: "18",
       height: "18",
       viewBox: "0 0 24 24",
@@ -725,7 +725,7 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...n[0] || (n[0] = [
-      a("rect", {
+      o("rect", {
         x: "2",
         y: "4",
         width: "20",
@@ -734,7 +734,7 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
         stroke: "currentColor",
         "stroke-width": "1.5"
       }, null, -1),
-      a("rect", {
+      o("rect", {
         x: "12",
         y: "12",
         width: "8",
@@ -750,9 +750,9 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
     class: {}
   },
   setup(e) {
-    const s = e;
+    const l = e;
     return (t, n) => (r(), c("svg", {
-      class: L(["gvp-icon", s.class]),
+      class: L(["gvp-icon", l.class]),
       width: "18",
       height: "18",
       viewBox: "0 0 24 24",
@@ -760,7 +760,7 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...n[0] || (n[0] = [
-      a("path", {
+      o("path", {
         d: "M4 9V4H9M15 4H20V9M20 15V20H15M9 20H4V15",
         stroke: "currentColor",
         "stroke-width": "1.75",
@@ -775,9 +775,9 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
     class: {}
   },
   setup(e) {
-    const s = e;
+    const l = e;
     return (t, n) => (r(), c("svg", {
-      class: L(["gvp-icon", s.class]),
+      class: L(["gvp-icon", l.class]),
       width: "18",
       height: "18",
       viewBox: "0 0 24 24",
@@ -785,10 +785,10 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...n[0] || (n[0] = [
-      a("path", {
-        d: "M9 4V9H4M15 9V4H20M15 20V15H20M9 15H4V20",
+      o("path", {
+        d: "M9 4V7A2 2 0 0 1 7 9H4M15 4V7A2 2 0 0 0 17 9H20M15 20V17A2 2 0 0 1 17 15H20M9 20V17A2 2 0 0 0 7 15H4",
         stroke: "currentColor",
-        "stroke-width": "1.75",
+        "stroke-width": "2",
         "stroke-linecap": "round",
         "stroke-linejoin": "round"
       }, null, -1)
@@ -800,27 +800,21 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
     class: {}
   },
   setup(e) {
-    const s = e;
+    const l = e;
     return (t, n) => (r(), c("svg", {
-      class: L(["gvp-icon", s.class]),
-      width: "16",
-      height: "16",
+      class: L(["gvp-icon", l.class]),
+      width: "18",
+      height: "18",
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...n[0] || (n[0] = [
-      a("path", {
-        d: "M12 15.5A3.5 3.5 0 1 0 12 8.5A3.5 3.5 0 0 0 12 15.5Z",
-        stroke: "currentColor",
-        "stroke-width": "2"
-      }, null, -1),
-      a("path", {
-        d: "M19.4 13A1.65 1.65 0 0 0 19.73 14.82L19.79 14.88A2 2 0 1 1 16.96 17.71L16.9 17.65A1.65 1.65 0 0 0 15.08 17.32A1.65 1.65 0 0 0 14 18.83V19A2 2 0 1 1 10 19V18.91A1.65 1.65 0 0 0 8.83 17.4A1.65 1.65 0 0 0 7.01 17.73L6.95 17.79A2 2 0 1 1 4.12 14.96L4.18 14.9A1.65 1.65 0 0 0 4.51 13.08A1.65 1.65 0 0 0 3 12H2.91A2 2 0 1 1 2.91 8H3A1.65 1.65 0 0 0 4.51 6.83A1.65 1.65 0 0 0 4.18 5.01L4.12 4.95A2 2 0 1 1 6.95 2.12L7.01 2.18A1.65 1.65 0 0 0 8.83 2.51H8.91A1.65 1.65 0 0 0 10 1V0.91A2 2 0 1 1 14 0.91V1A1.65 1.65 0 0 0 15.08 2.51A1.65 1.65 0 0 0 16.9 2.18L16.96 2.12A2 2 0 1 1 19.79 4.95L19.73 5.01A1.65 1.65 0 0 0 19.4 6.83V6.91A1.65 1.65 0 0 0 21 8H21.09A2 2 0 1 1 21.09 12H21A1.65 1.65 0 0 0 19.4 13Z",
-        stroke: "currentColor",
-        "stroke-width": "2",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round"
+      o("path", {
+        "fill-rule": "evenodd",
+        "clip-rule": "evenodd",
+        d: "M10.5 2.25a1 1 0 0 0-.98.804l-.39 1.93a7.5 7.5 0 0 0-1.62.94l-1.86-.64a1 1 0 0 0-1.2.46l-1.5 2.6a1 1 0 0 0 .22 1.26l1.47 1.29a7.6 7.6 0 0 0 0 1.88l-1.47 1.29a1 1 0 0 0-.22 1.26l1.5 2.6a1 1 0 0 0 1.2.46l1.86-.64c.5.38 1.04.7 1.62.94l.39 1.93a1 1 0 0 0 .98.804h3a1 1 0 0 0 .98-.804l.39-1.93c.58-.24 1.12-.56 1.62-.94l1.86.64a1 1 0 0 0 1.2-.46l1.5-2.6a1 1 0 0 0-.22-1.26l-1.47-1.29a7.6 7.6 0 0 0 0-1.88l1.47-1.29a1 1 0 0 0 .22-1.26l-1.5-2.6a1 1 0 0 0-1.2-.46l-1.86.64a7.5 7.5 0 0 0-1.62-.94l-.39-1.93a1 1 0 0 0-.98-.804h-3ZM12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z",
+        fill: "currentColor"
       }, null, -1)
     ])], 2));
   }
@@ -830,9 +824,9 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
     class: {}
   },
   setup(e) {
-    const s = e;
+    const l = e;
     return (t, n) => (r(), c("svg", {
-      class: L(["gvp-icon", s.class]),
+      class: L(["gvp-icon", l.class]),
       width: "14",
       height: "14",
       viewBox: "0 0 24 24",
@@ -840,7 +834,7 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...n[0] || (n[0] = [
-      a("path", {
+      o("path", {
         d: "M9 6L15 12L9 18",
         stroke: "currentColor",
         "stroke-width": "2",
@@ -849,15 +843,15 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       }, null, -1)
     ])], 2));
   }
-}), sn = { name: "IconCheck" }, we = /* @__PURE__ */ N({
-  ...sn,
+}), ln = { name: "IconCheck" }, we = /* @__PURE__ */ N({
+  ...ln,
   props: {
     class: {}
   },
   setup(e) {
-    const s = e;
+    const l = e;
     return (t, n) => (r(), c("svg", {
-      class: L(["gvp-icon", s.class]),
+      class: L(["gvp-icon", l.class]),
       width: "14",
       height: "14",
       viewBox: "0 0 24 24",
@@ -865,7 +859,7 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...n[0] || (n[0] = [
-      a("path", {
+      o("path", {
         d: "M5 12L10 17L19 7",
         stroke: "currentColor",
         "stroke-width": "2.5",
@@ -874,11 +868,11 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       }, null, -1)
     ])], 2));
   }
-}), ln = ["aria-expanded"], on = {
+}), sn = ["aria-expanded"], an = {
   key: 0,
   class: "gvp-settings-menu",
   role: "menu"
-}, an = { class: "gvp-settings-row-value" }, rn = { class: "gvp-settings-row-value" }, un = { class: "gvp-settings-row-value" }, cn = { class: "gvp-settings-row-value" }, dn = ["aria-checked", "onClick"], vn = { class: "gvp-settings-check" }, pn = ["aria-checked"], fn = { class: "gvp-settings-check" }, mn = ["aria-checked", "onClick"], gn = { class: "gvp-settings-check" }, hn = ["aria-checked"], kn = { class: "gvp-settings-check" }, yn = ["aria-checked", "onClick"], bn = { class: "gvp-settings-check" }, wn = ["aria-checked", "onClick"], xn = { class: "gvp-settings-check" }, Cn = { name: "SettingsMenu" }, Ln = /* @__PURE__ */ N({
+}, on = { class: "gvp-settings-row-value" }, rn = { class: "gvp-settings-row-value" }, un = { class: "gvp-settings-row-value" }, cn = { class: "gvp-settings-row-value" }, dn = ["aria-checked", "onClick"], vn = { class: "gvp-settings-check" }, pn = ["aria-checked"], fn = { class: "gvp-settings-check" }, mn = ["aria-checked", "onClick"], gn = { class: "gvp-settings-check" }, hn = ["aria-checked"], kn = { class: "gvp-settings-check" }, yn = ["aria-checked", "onClick"], bn = { class: "gvp-settings-check" }, wn = ["aria-checked", "onClick"], xn = { class: "gvp-settings-check" }, Cn = { name: "SettingsMenu" }, Ln = /* @__PURE__ */ N({
   ...Cn,
   props: {
     video: {},
@@ -889,26 +883,26 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
     audioTrackIndex: { default: -1 }
   },
   emits: ["select-level", "select-audio-track"],
-  setup(e, { emit: s }) {
-    const t = e, n = s, o = [0.5, 0.75, 1, 1.25, 1.5, 2], v = g(!1), d = g("root"), h = g(null), E = g(1);
-    V(() => t.video, (y) => {
+  setup(e, { emit: l }) {
+    const t = e, n = l, a = [0.5, 0.75, 1, 1.25, 1.5, 2], v = g(!1), d = g("root"), h = g(null), E = g(1);
+    H(() => t.video, (y) => {
       if (!y) return;
       const p = () => {
         E.value = y.playbackRate;
       };
       p(), y.addEventListener("ratechange", p);
     }, { immediate: !0 });
-    function A(y) {
+    function S(y) {
       t.video && (t.video.playbackRate = y), E.value = y, d.value = "root";
     }
-    const S = g([]), P = g(-1);
+    const A = g([]), P = g(-1);
     function w(y) {
       const p = [];
       for (let m = 0; m < y.length; m++) {
         const Q = y[m];
         (Q.kind === "subtitles" || Q.kind === "captions") && p.push({ index: m, label: Q.label || Q.language || `Track ${m + 1}` });
       }
-      S.value = p;
+      A.value = p;
       let ee = -1;
       for (let m = 0; m < y.length; m++)
         if (y[m].mode === "showing") {
@@ -917,9 +911,9 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
         }
       P.value = ee;
     }
-    V(() => t.video, (y) => {
+    H(() => t.video, (y) => {
       if (!y) {
-        S.value = [], P.value = -1;
+        A.value = [], P.value = -1;
         return;
       }
       const p = y.textTracks;
@@ -952,25 +946,25 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
     function K(y) {
       n("select-audio-track", y), d.value = "root";
     }
-    const re = I(() => t.qualityLevels.length >= 2), C = I(() => S.value.length > 0), W = I(() => t.audioTracks.length > 1), B = I(() => E.value === 1 ? "Normal" : `${E.value}×`), D = I(
+    const re = I(() => t.qualityLevels.length >= 2), C = I(() => A.value.length > 0), W = I(() => t.audioTracks.length > 1), V = I(() => E.value === 1 ? "Normal" : `${E.value}×`), D = I(
       () => {
         var y;
-        return P.value < 0 ? "Off" : ((y = S.value.find((p) => p.index === P.value)) == null ? void 0 : y.label) ?? "Off";
+        return P.value < 0 ? "Off" : ((y = A.value.find((p) => p.index === P.value)) == null ? void 0 : y.label) ?? "Off";
       }
     );
     function F() {
       v.value = !1, d.value = "root";
     }
-    function H(y) {
+    function B(y) {
       h.value && !h.value.contains(y.target) && F();
     }
     function R(y) {
       y.key === "Escape" && F();
     }
-    V(v, (y) => {
-      y ? (document.addEventListener("mousedown", H), document.addEventListener("keydown", R)) : (document.removeEventListener("mousedown", H), document.removeEventListener("keydown", R));
-    }), ae(() => {
-      document.removeEventListener("mousedown", H), document.removeEventListener("keydown", R);
+    H(v, (y) => {
+      y ? (document.addEventListener("mousedown", B), document.addEventListener("keydown", R)) : (document.removeEventListener("mousedown", B), document.removeEventListener("keydown", R));
+    }), oe(() => {
+      document.removeEventListener("mousedown", B), document.removeEventListener("keydown", R);
     });
     function fe() {
       v.value = !v.value, d.value = "root";
@@ -982,7 +976,7 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
         ref: h,
         class: "gvp-settings"
       }, [
-        a("button", {
+        o("button", {
           type: "button",
           class: L(["gvp-ctrl-btn", { "is-active": v.value }]),
           "aria-haspopup": "menu",
@@ -991,17 +985,17 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
           onClick: fe
         }, [
           O(tn)
-        ], 10, ln),
-        v.value ? (r(), c("div", on, [
-          d.value === "root" ? (r(), c(oe, { key: 0 }, [
-            a("button", {
+        ], 10, sn),
+        v.value ? (r(), c("div", an, [
+          d.value === "root" ? (r(), c(ae, { key: 0 }, [
+            o("button", {
               type: "button",
               role: "menuitem",
               class: "gvp-settings-row",
               onClick: p[0] || (p[0] = (m) => d.value = "speed")
             }, [
-              p[7] || (p[7] = a("span", { class: "gvp-settings-row-label" }, "Speed", -1)),
-              a("span", an, Z(B.value), 1),
+              p[7] || (p[7] = o("span", { class: "gvp-settings-row-label" }, "Speed", -1)),
+              o("span", on, Z(V.value), 1),
               O(Ee, { class: "gvp-settings-chevron" })
             ]),
             re.value ? (r(), c("button", {
@@ -1011,8 +1005,8 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
               class: "gvp-settings-row",
               onClick: p[1] || (p[1] = (m) => d.value = "quality")
             }, [
-              p[8] || (p[8] = a("span", { class: "gvp-settings-row-label" }, "Quality", -1)),
-              a("span", rn, Z(M.value), 1),
+              p[8] || (p[8] = o("span", { class: "gvp-settings-row-label" }, "Quality", -1)),
+              o("span", rn, Z(M.value), 1),
               O(Ee, { class: "gvp-settings-chevron" })
             ])) : x("", !0),
             C.value ? (r(), c("button", {
@@ -1022,8 +1016,8 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
               class: "gvp-settings-row",
               onClick: p[2] || (p[2] = (m) => d.value = "captions")
             }, [
-              p[9] || (p[9] = a("span", { class: "gvp-settings-row-label" }, "Subtitles", -1)),
-              a("span", un, Z(D.value), 1),
+              p[9] || (p[9] = o("span", { class: "gvp-settings-row-label" }, "Subtitles", -1)),
+              o("span", un, Z(D.value), 1),
               O(Ee, { class: "gvp-settings-chevron" })
             ])) : x("", !0),
             W.value ? (r(), c("button", {
@@ -1033,8 +1027,8 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
               class: "gvp-settings-row",
               onClick: p[3] || (p[3] = (m) => d.value = "audio")
             }, [
-              p[10] || (p[10] = a("span", { class: "gvp-settings-row-label" }, "Audio", -1)),
-              a("span", cn, Z((ee = j.value) == null ? void 0 : ee.label), 1),
+              p[10] || (p[10] = o("span", { class: "gvp-settings-row-label" }, "Audio", -1)),
+              o("span", cn, Z((ee = j.value) == null ? void 0 : ee.label), 1),
               O(Ee, { class: "gvp-settings-chevron" })
             ])) : x("", !0)
           ], 64)) : x("", !0),
@@ -1045,35 +1039,35 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
             onClick: p[4] || (p[4] = (m) => d.value = "root")
           }, [
             O(Ee, { class: "gvp-settings-back-icon" }),
-            a("span", null, Z(d.value === "speed" ? "Speed" : d.value === "quality" ? "Quality" : d.value === "captions" ? "Subtitles" : "Audio"), 1)
+            o("span", null, Z(d.value === "speed" ? "Speed" : d.value === "quality" ? "Quality" : d.value === "captions" ? "Subtitles" : "Audio"), 1)
           ])) : x("", !0),
-          d.value === "speed" ? (r(), c(oe, { key: 2 }, pe(o, (m) => a("button", {
+          d.value === "speed" ? (r(), c(ae, { key: 2 }, pe(a, (m) => o("button", {
             key: m,
             type: "button",
             role: "menuitemradio",
             "aria-checked": m === E.value,
             class: L(["gvp-settings-option", { "is-active": m === E.value }]),
-            onClick: (Q) => A(m)
+            onClick: (Q) => S(m)
           }, [
-            a("span", vn, [
+            o("span", vn, [
               m === E.value ? (r(), J(we, { key: 0 })) : x("", !0)
             ]),
-            a("span", null, Z(m === 1 ? "Normal" : `${m}×`), 1)
+            o("span", null, Z(m === 1 ? "Normal" : `${m}×`), 1)
           ], 10, dn)), 64)) : x("", !0),
-          d.value === "quality" ? (r(), c(oe, { key: 3 }, [
-            a("button", {
+          d.value === "quality" ? (r(), c(ae, { key: 3 }, [
+            o("button", {
               type: "button",
               role: "menuitemradio",
               "aria-checked": e.selectedLevel < 0,
               class: L(["gvp-settings-option", { "is-active": e.selectedLevel < 0 }]),
-              onClick: p[5] || (p[5] = (m) => z(le(ut).index))
+              onClick: p[5] || (p[5] = (m) => z(se(ut).index))
             }, [
-              a("span", fn, [
+              o("span", fn, [
                 e.selectedLevel < 0 ? (r(), J(we, { key: 0 })) : x("", !0)
               ]),
-              a("span", null, Z(f.value ? `Auto (${f.value.label})` : "Auto"), 1)
+              o("span", null, Z(f.value ? `Auto (${f.value.label})` : "Auto"), 1)
             ], 10, pn),
-            (r(!0), c(oe, null, pe(T.value, (m) => (r(), c("button", {
+            (r(!0), c(ae, null, pe(T.value, (m) => (r(), c("button", {
               key: m.index,
               type: "button",
               role: "menuitemradio",
@@ -1081,26 +1075,26 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
               class: L(["gvp-settings-option", { "is-active": m.index === e.selectedLevel }]),
               onClick: (Q) => z(m.index)
             }, [
-              a("span", gn, [
+              o("span", gn, [
                 m.index === e.selectedLevel ? (r(), J(we, { key: 0 })) : x("", !0)
               ]),
-              a("span", null, Z(m.label), 1)
+              o("span", null, Z(m.label), 1)
             ], 10, mn))), 128))
           ], 64)) : x("", !0),
-          d.value === "captions" ? (r(), c(oe, { key: 4 }, [
-            a("button", {
+          d.value === "captions" ? (r(), c(ae, { key: 4 }, [
+            o("button", {
               type: "button",
               role: "menuitemradio",
               "aria-checked": P.value === -1,
               class: L(["gvp-settings-option", { "is-active": P.value === -1 }]),
               onClick: p[6] || (p[6] = (m) => $(-1))
             }, [
-              a("span", kn, [
+              o("span", kn, [
                 P.value === -1 ? (r(), J(we, { key: 0 })) : x("", !0)
               ]),
-              p[11] || (p[11] = a("span", null, "Off", -1))
+              p[11] || (p[11] = o("span", null, "Off", -1))
             ], 10, hn),
-            (r(!0), c(oe, null, pe(S.value, (m) => (r(), c("button", {
+            (r(!0), c(ae, null, pe(A.value, (m) => (r(), c("button", {
               key: m.index,
               type: "button",
               role: "menuitemradio",
@@ -1108,13 +1102,13 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
               class: L(["gvp-settings-option", { "is-active": m.index === P.value }]),
               onClick: (Q) => $(m.index)
             }, [
-              a("span", bn, [
+              o("span", bn, [
                 m.index === P.value ? (r(), J(we, { key: 0 })) : x("", !0)
               ]),
-              a("span", null, Z(m.label), 1)
+              o("span", null, Z(m.label), 1)
             ], 10, yn))), 128))
           ], 64)) : x("", !0),
-          d.value === "audio" ? (r(!0), c(oe, { key: 5 }, pe(e.audioTracks, (m) => {
+          d.value === "audio" ? (r(!0), c(ae, { key: 5 }, pe(e.audioTracks, (m) => {
             var Q, Y, X;
             return r(), c("button", {
               key: m.index,
@@ -1127,10 +1121,10 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
               ]),
               onClick: (G) => K(m.index)
             }, [
-              a("span", xn, [
+              o("span", xn, [
                 m.index === (((X = j.value) == null ? void 0 : X.index) ?? -1) ? (r(), J(we, { key: 0 })) : x("", !0)
               ]),
-              a("span", null, Z(m.label), 1)
+              o("span", null, Z(m.label), 1)
             ], 10, wn);
           }), 128)) : x("", !0)
         ])) : x("", !0)
@@ -1140,7 +1134,7 @@ const dt = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
 });
 function _e(e) {
   if (!Number.isFinite(e) || e < 0) return "--:--";
-  const s = Math.floor(e), t = Math.floor(s / 3600), n = Math.floor(s % 3600 / 60), v = (s % 60).toString().padStart(2, "0");
+  const l = Math.floor(e), t = Math.floor(l / 3600), n = Math.floor(l % 3600 / 60), v = (l % 60).toString().padStart(2, "0");
   if (t > 0) {
     const d = n.toString().padStart(2, "0");
     return `${t}:${d}:${v}`;
@@ -1148,97 +1142,97 @@ function _e(e) {
   return `${n}:${v}`;
 }
 function Fe(e) {
-  const s = e.trim().split(":");
-  if (s.length < 2 || s.length > 3) return NaN;
-  const t = s.map(Number);
+  const l = e.trim().split(":");
+  if (l.length < 2 || l.length > 3) return NaN;
+  const t = l.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 $n(e, s) {
+function $n(e, l) {
   try {
-    return new URL(e, s).href;
+    return new URL(e, l).href;
   } catch {
     return e;
   }
 }
-function En(e, s) {
+function En(e, l) {
   const t = [], n = e.replace(/\r/g, "").split(`
 `);
-  for (let o = 0; o < n.length; o++) {
-    const v = n[o].indexOf("-->");
+  for (let a = 0; a < n.length; a++) {
+    const v = n[a].indexOf("-->");
     if (v === -1) continue;
-    const d = Fe(n[o].slice(0, v)), h = Fe(n[o].slice(v + 3));
+    const d = Fe(n[a].slice(0, v)), h = Fe(n[a].slice(v + 3));
     if (!Number.isFinite(d) || !Number.isFinite(h)) continue;
-    const E = (n[o + 1] ?? "").trim();
+    const E = (n[a + 1] ?? "").trim();
     if (!E) continue;
-    const A = E.indexOf("#xywh=");
-    let S = E, P = 0, w = 0, $ = 0, T = 0;
-    if (A !== -1) {
-      S = E.slice(0, A);
-      const f = E.slice(A + 6).split(",").map(Number);
+    const S = E.indexOf("#xywh=");
+    let A = E, P = 0, w = 0, $ = 0, T = 0;
+    if (S !== -1) {
+      A = E.slice(0, S);
+      const f = E.slice(S + 6).split(",").map(Number);
       f.length === 4 && f.every(Number.isFinite) && ([P, w, $, T] = f);
     }
-    t.push({ start: d, end: h, url: $n(S, s), x: P, y: w, w: $, h: T });
+    t.push({ start: d, end: h, url: $n(A, l), x: P, y: w, w: $, h: T });
   }
-  return t.sort((o, v) => o.start - v.start), t;
+  return t.sort((a, v) => a.start - v.start), t;
 }
 function _n(e) {
   return {
     cues: e,
-    cueAt(s) {
+    cueAt(l) {
       if (e.length === 0) return null;
-      let t = 0, n = e.length - 1, o = e[0];
+      let t = 0, n = e.length - 1, a = e[0];
       for (; t <= n; ) {
         const v = t + n >> 1, d = e[v];
-        if (s < d.start)
+        if (l < d.start)
           n = v - 1;
-        else if (s > d.end)
-          o = d, t = v + 1;
+        else if (l > d.end)
+          a = d, t = v + 1;
         else
           return d;
       }
-      return o;
+      return a;
     }
   };
 }
 function qe(e) {
-  const s = e.trim().split(":");
-  if (s.length < 2 || s.length > 3) return NaN;
-  const t = s.map(Number);
+  const l = e.trim().split(":");
+  if (l.length < 2 || l.length > 3) return NaN;
+  const t = l.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 Pn(e) {
-  const s = [], t = e.replace(/\r/g, "").split(`
+  const l = [], t = e.replace(/\r/g, "").split(`
 `);
   for (let n = 0; n < t.length; n++) {
-    const o = t[n].indexOf("-->");
-    if (o === -1) continue;
-    const v = qe(t[n].slice(0, o)), d = qe(t[n].slice(o + 3));
+    const a = t[n].indexOf("-->");
+    if (a === -1) continue;
+    const v = qe(t[n].slice(0, a)), d = qe(t[n].slice(a + 3));
     if (!Number.isFinite(v) || !Number.isFinite(d)) continue;
     const h = (t[n + 1] ?? "").trim();
-    h && s.push({ start: v, end: d, title: h });
+    h && l.push({ start: v, end: d, title: h });
   }
-  return s.sort((n, o) => n.start - o.start), s;
+  return l.sort((n, a) => n.start - a.start), l;
 }
-function Tn(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) => {
+function Tn(e, l) {
+  const t = e.filter((n) => Number.isFinite(n.start) && n.start >= 0 && n.title).sort((n, a) => n.start - a.start);
+  return t.map((n, a) => {
     var v;
     return {
       start: n.start,
-      end: Number.isFinite(n.end) ? n.end : ((v = t[o + 1]) == null ? void 0 : v.start) ?? s,
+      end: Number.isFinite(n.end) ? n.end : ((v = t[a + 1]) == null ? void 0 : v.start) ?? l,
       title: n.title
     };
   });
 }
-function Mn(e, s) {
+function Mn(e, l) {
   for (const t of e)
-    if (s >= t.start && s < t.end) return t;
+    if (l >= t.start && l < t.end) return t;
   return null;
 }
-const In = { class: "gvp-controls-seek" }, An = {
+const In = { class: "gvp-controls-seek" }, Sn = {
   key: 1,
   class: "gvp-seek-preview-chapter"
-}, Sn = { class: "gvp-seek-preview-time" }, Nn = ["value", "disabled", "aria-valuemax", "aria-valuenow", "aria-valuetext"], Hn = { class: "gvp-controls-row" }, Vn = { class: "gvp-controls-left" }, Bn = ["aria-label", "aria-pressed"], Rn = ["disabled"], Dn = ["disabled"], Fn = ["aria-label", "aria-pressed"], qn = {
+}, An = { class: "gvp-seek-preview-time" }, Nn = ["value", "disabled", "aria-valuemax", "aria-valuenow", "aria-valuetext"], Bn = { class: "gvp-controls-row" }, Hn = { class: "gvp-controls-left" }, Vn = ["aria-label", "aria-pressed"], Rn = ["disabled"], Dn = ["disabled"], Fn = ["aria-label", "aria-pressed"], qn = {
   key: 0,
   class: "gvp-volume-slider-wrap"
 }, On = { class: "gvp-volume-track" }, jn = ["value", "aria-valuenow", "aria-valuetext"], Un = {
@@ -1264,33 +1258,33 @@ const In = { class: "gvp-controls-seek" }, An = {
     audioTrackIndex: { default: -1 }
   },
   emits: ["select-level", "select-audio-track", "prev", "next"],
-  setup(e, { emit: s }) {
+  setup(e, { emit: l }) {
     const t = (() => {
       if (typeof navigator > "u") return !1;
       const u = navigator.userAgent;
       return /iPad|iPhone|iPod/.test(u) || u.includes("Mac") && navigator.maxTouchPoints > 1;
-    })(), n = typeof navigator > "u" ? !1 : /iPhone|iPod/.test(navigator.userAgent), o = e, v = s, d = g(!0);
+    })(), n = typeof navigator > "u" ? !1 : /iPhone|iPod/.test(navigator.userAgent), a = e, v = l, d = g(!0);
     let h = null;
     function E() {
       h !== null && (clearTimeout(h), h = null);
     }
-    function A() {
-      E(), o.isPlaying && (h = setTimeout(() => {
+    function S() {
+      E(), a.isPlaying && (h = setTimeout(() => {
         d.value = !1;
       }, Qn));
     }
-    function S() {
-      d.value = !0, A();
+    function A() {
+      d.value = !0, S();
     }
-    V(() => o.isPlaying, (u) => {
-      u ? A() : (E(), d.value = !0);
-    }, { immediate: !0 }), V(() => o.container, (u) => {
+    H(() => a.isPlaying, (u) => {
+      u ? S() : (E(), d.value = !0);
+    }, { immediate: !0 }), H(() => a.container, (u) => {
       if (!u) return;
-      const b = () => S();
+      const b = () => A();
       u.addEventListener("mousemove", b), u.addEventListener("touchstart", b), u.addEventListener("focusin", b);
     }, { immediate: !0 });
-    const P = g(0), w = g(0), $ = g(0), T = g(!1), f = g(!0), M = I(() => o.isLive || T.value);
-    V(() => o.video, (u) => {
+    const P = g(0), w = g(0), $ = g(0), T = g(!1), f = g(!0), M = I(() => a.isLive || T.value);
+    H(() => a.video, (u) => {
       if (!u) return;
       const b = () => {
         P.value = u.currentTime;
@@ -1318,18 +1312,18 @@ const In = { class: "gvp-controls-seek" }, An = {
       b(), _(), te(), he(), u.addEventListener("timeupdate", b), u.addEventListener("durationchange", _), u.addEventListener("loadedmetadata", _), u.addEventListener("progress", te), u.addEventListener("timeupdate", te), u.addEventListener("durationchange", he), u.addEventListener("loadedmetadata", he), u.addEventListener("timeupdate", he);
     }, { immediate: !0 });
     function z() {
-      const u = o.video;
+      const u = a.video;
       !u || u.seekable.length === 0 || (u.currentTime = u.seekable.end(u.seekable.length - 1));
     }
     const j = () => w.value > 0, K = () => j() ? P.value / w.value * 100 : 0, re = () => j() ? $.value / w.value * 100 : 0;
     function C(u) {
-      const b = o.video;
+      const b = a.video;
       if (!b || !j()) return;
       const _ = Number(u.target.value) / 100 * w.value;
       b.currentTime = _, P.value = _;
     }
-    const W = g(null), B = g(null), D = g(0), F = g(0), H = g(!1);
-    V(() => o.thumbnails, (u) => {
+    const W = g(null), V = g(null), D = g(0), F = g(0), B = g(!1);
+    H(() => a.thumbnails, (u) => {
       if (W.value = null, !u) return;
       let b = !1;
       fetch(u).then((_) => _.ok ? _.text() : Promise.reject(new Error("fetch failed"))).then((_) => {
@@ -1338,49 +1332,49 @@ const In = { class: "gvp-controls-seek" }, An = {
         W.value = te.length > 0 ? _n(te) : null;
       }).catch(() => {
         b || (W.value = null);
-      }), ae(() => {
+      }), oe(() => {
         b = !0;
       });
     }, { immediate: !0 });
     function R(u) {
-      const b = B.value;
+      const b = V.value;
       if (!b || !j()) return;
       const _ = b.getBoundingClientRect(), te = Math.min(Math.max(u.clientX - _.left, 0), _.width);
-      F.value = te, D.value = te / _.width * w.value, H.value = !0;
+      F.value = te, D.value = te / _.width * w.value, B.value = !0;
     }
     function fe() {
-      H.value = !1;
+      B.value = !1;
     }
     const y = I(
       () => {
         var u;
-        return H.value ? ((u = W.value) == null ? void 0 : u.cueAt(D.value)) ?? null : null;
+        return B.value ? ((u = W.value) == null ? void 0 : u.cueAt(D.value)) ?? null : null;
       }
     ), p = I(() => {
       const u = y.value;
       return u !== null && u.w > 0 && u.h > 0;
     }), ee = I(() => {
       var te;
-      const u = y.value, b = ((te = B.value) == null ? void 0 : te.clientWidth) ?? 0;
+      const u = y.value, b = ((te = V.value) == null ? void 0 : te.clientWidth) ?? 0;
       if (!p.value || !u || b === 0) return F.value;
       const _ = u.w / 2;
       return Math.min(Math.max(F.value, _), b - _);
     }), m = g([]);
-    V(() => o.chapters, (u) => {
+    H(() => a.chapters, (u) => {
       if (m.value = [], typeof u != "string" || !u) return;
       let b = !1;
       fetch(u).then((_) => _.ok ? _.text() : Promise.reject(new Error("fetch failed"))).then((_) => {
         b || (m.value = Pn(_));
       }).catch(() => {
         b || (m.value = []);
-      }), ae(() => {
+      }), oe(() => {
         b = !0;
       });
     }, { immediate: !0 });
-    const Q = I(() => typeof o.chapters == "string" ? m.value : Array.isArray(o.chapters) ? Tn(o.chapters, w.value) : []), Y = I(
-      () => H.value ? Mn(Q.value, D.value) : null
+    const Q = I(() => typeof a.chapters == "string" ? m.value : Array.isArray(a.chapters) ? Tn(a.chapters, w.value) : []), Y = I(
+      () => B.value ? Mn(Q.value, D.value) : null
     ), X = g(1), G = g(!1);
-    V(() => o.video, (u) => {
+    H(() => a.video, (u) => {
       if (!u) return;
       const b = () => {
         X.value = u.volume, G.value = u.muted;
@@ -1388,25 +1382,25 @@ const In = { class: "gvp-controls-seek" }, An = {
       b(), u.addEventListener("volumechange", b);
     }, { immediate: !0 });
     function ge() {
-      o.video && (o.video.muted = !o.video.muted);
+      a.video && (a.video.muted = !a.video.muted);
     }
     function ue(u) {
-      const b = o.video;
+      const b = a.video;
       if (!b) return;
       const _ = Number(u.target.value) / 100;
       b.volume = _, _ > 0 && b.muted && (b.muted = !1);
     }
     const me = g(!1), Ie = typeof document < "u" && !!document.pictureInPictureEnabled;
-    V(() => o.video, (u) => {
+    H(() => a.video, (u) => {
       u && (u.addEventListener("enterpictureinpicture", () => {
         me.value = !0;
       }), u.addEventListener("leavepictureinpicture", () => {
         me.value = !1;
       }));
     }, { immediate: !0 });
-    function Ae() {
-      o.video && (document.pictureInPictureElement ? document.exitPictureInPicture().catch(() => {
-      }) : o.video.requestPictureInPicture().catch(() => {
+    function Se() {
+      a.video && (document.pictureInPictureElement ? document.exitPictureInPicture().catch(() => {
+      }) : a.video.requestPictureInPicture().catch(() => {
       }));
     }
     const de = g(!1), Pe = typeof document > "u" ? !1 : !!(document.fullscreenEnabled || document.webkitFullscreenEnabled);
@@ -1422,51 +1416,51 @@ const In = { class: "gvp-controls-seek" }, An = {
       return u ? u.call(document) : Promise.reject(new Error("unsupported"));
     }
     function U() {
-      de.value = xe() === o.container;
+      de.value = xe() === a.container;
     }
-    He(() => {
+    Be(() => {
       document.addEventListener("fullscreenchange", U), document.addEventListener("webkitfullscreenchange", U);
-    }), ae(() => {
+    }), oe(() => {
       E(), document.removeEventListener("fullscreenchange", U), document.removeEventListener("webkitfullscreenchange", U);
     });
-    function Se() {
+    function Ae() {
       var u, b;
       if (n) {
-        (b = (u = o.video) == null ? void 0 : u.webkitEnterFullscreen) == null || b.call(u);
+        (b = (u = a.video) == null ? void 0 : u.webkitEnterFullscreen) == null || b.call(u);
         return;
       }
       de.value ? Le().catch(() => {
-      }) : o.container && Ce(o.container).catch(() => {
+      }) : a.container && Ce(a.container).catch(() => {
       });
     }
-    const Ne = Pe || n && o.video !== null && typeof o.video.webkitEnterFullscreen == "function";
+    const Ne = Pe || n && a.video !== null && typeof a.video.webkitEnterFullscreen == "function";
     return (u, b) => (r(), c("div", {
       role: "toolbar",
       "aria-label": "Video controls",
       class: L(["gvp-controls", !d.value && "is-hidden"]),
       onMouseenter: E,
-      onMouseleave: A
+      onMouseleave: S
     }, [
-      a("div", In, [
-        a("div", {
+      o("div", In, [
+        o("div", {
           class: "gvp-seek",
           onPointermove: R,
           onPointerleave: fe
         }, [
-          a("div", {
+          o("div", {
             ref_key: "seekTrackEl",
-            ref: B,
+            ref: V,
             class: "gvp-seek-track"
           }, [
-            a("div", {
+            o("div", {
               class: "gvp-seek-buffered",
               style: ce({ width: `${re()}%` })
             }, null, 4),
-            a("div", {
+            o("div", {
               class: "gvp-seek-progress",
               style: ce({ width: `${K()}%` })
             }, null, 4),
-            j() ? (r(!0), c(oe, { key: 0 }, pe(Q.value, (_) => at((r(), c("div", {
+            j() ? (r(!0), c(ae, { key: 0 }, pe(Q.value, (_) => ot((r(), c("div", {
               key: `${_.start}-${_.title}`,
               class: "gvp-seek-chapter-tick",
               style: ce({ left: `${_.start / w.value * 100}%` })
@@ -1474,7 +1468,7 @@ const In = { class: "gvp-controls-seek" }, An = {
               [rt, _.start > 0 && _.start < w.value]
             ])), 128)) : x("", !0)
           ], 512),
-          H.value && j() ? (r(), c("div", {
+          B.value && j() ? (r(), c("div", {
             key: 0,
             class: L(["gvp-seek-preview", { "has-thumb": p.value }]),
             style: ce({ left: `${ee.value}px` })
@@ -1489,10 +1483,10 @@ const In = { class: "gvp-controls-seek" }, An = {
                 backgroundPosition: `-${y.value.x}px -${y.value.y}px`
               })
             }, null, 4)) : x("", !0),
-            Y.value ? (r(), c("span", An, Z(Y.value.title), 1)) : x("", !0),
-            a("span", Sn, Z(le(_e)(D.value)), 1)
+            Y.value ? (r(), c("span", Sn, Z(Y.value.title), 1)) : x("", !0),
+            o("span", An, Z(se(_e)(D.value)), 1)
           ], 6)) : x("", !0),
-          a("input", {
+          o("input", {
             type: "range",
             class: "gvp-seek-input",
             min: 0,
@@ -1504,14 +1498,14 @@ const In = { class: "gvp-controls-seek" }, An = {
             "aria-valuemin": 0,
             "aria-valuemax": Math.floor(w.value),
             "aria-valuenow": Math.floor(P.value),
-            "aria-valuetext": `${le(_e)(P.value)} of ${le(_e)(w.value)}`,
+            "aria-valuetext": `${se(_e)(P.value)} of ${se(_e)(w.value)}`,
             onInput: C
           }, null, 40, Nn)
         ], 32)
       ]),
-      a("div", Hn, [
-        a("div", Vn, [
-          a("button", {
+      o("div", Bn, [
+        o("div", Hn, [
+          o("button", {
             type: "button",
             class: "gvp-ctrl-btn",
             "aria-label": e.isPlaying ? "Pause" : "Play",
@@ -1519,8 +1513,8 @@ const In = { class: "gvp-controls-seek" }, An = {
             onClick: b[0] || (b[0] = //@ts-ignore
             (..._) => e.onTogglePlay && e.onTogglePlay(..._))
           }, [
-            e.isPlaying ? (r(), J(Vt, { key: 0 })) : (r(), J(Rt, { key: 1 }))
-          ], 8, Bn),
+            e.isPlaying ? (r(), J(Ht, { key: 0 })) : (r(), J(Rt, { key: 1 }))
+          ], 8, Vn),
           e.hasPrev || e.hasNext ? (r(), c("button", {
             key: 0,
             type: "button",
@@ -1541,10 +1535,10 @@ const In = { class: "gvp-controls-seek" }, An = {
           }, [
             O(Ot)
           ], 8, Dn)) : x("", !0),
-          a("div", {
-            class: L(["gvp-volume", !le(t) && "is-expandable"])
+          o("div", {
+            class: L(["gvp-volume", !se(t) && "is-expandable"])
           }, [
-            a("button", {
+            o("button", {
               type: "button",
               class: "gvp-ctrl-btn",
               "aria-label": G.value ? "Unmute" : "Mute",
@@ -1553,14 +1547,14 @@ const In = { class: "gvp-controls-seek" }, An = {
             }, [
               G.value || X.value === 0 ? (r(), J(Kt, { key: 0 })) : X.value < 0.5 ? (r(), J(zt, { key: 1 })) : (r(), J(Ut, { key: 2 }))
             ], 8, Fn),
-            le(t) ? x("", !0) : (r(), c("div", qn, [
-              a("div", On, [
-                a("div", {
+            se(t) ? x("", !0) : (r(), c("div", qn, [
+              o("div", On, [
+                o("div", {
                   class: "gvp-volume-fill",
                   style: ce({ width: `${G.value ? 0 : Math.round(X.value * 100)}%` })
                 }, null, 4)
               ]),
-              a("input", {
+              o("input", {
                 type: "range",
                 class: "gvp-volume-input",
                 min: 0,
@@ -1576,7 +1570,7 @@ const In = { class: "gvp-controls-seek" }, An = {
               }, null, 40, jn)
             ]))
           ], 2),
-          M.value ? x("", !0) : (r(), c("span", Un, Z(le(_e)(P.value)) + " / " + Z(le(_e)(w.value)), 1)),
+          M.value ? x("", !0) : (r(), c("span", Un, Z(se(_e)(P.value)) + " / " + Z(se(_e)(w.value)), 1)),
           M.value ? (r(), c("button", {
             key: 3,
             type: "button",
@@ -1585,11 +1579,11 @@ const In = { class: "gvp-controls-seek" }, An = {
             "aria-label": f.value ? "Live" : "Go to live edge",
             onClick: z
           }, [...b[5] || (b[5] = [
-            a("span", { class: "gvp-live-dot" }, null, -1),
-            a("span", null, "LIVE", -1)
+            o("span", { class: "gvp-live-dot" }, null, -1),
+            o("span", null, "LIVE", -1)
           ])], 10, Zn)) : x("", !0)
         ]),
-        a("div", zn, [
+        o("div", zn, [
           O(Ln, {
             video: e.video,
             "quality-levels": e.qualityLevels,
@@ -1600,23 +1594,23 @@ const In = { class: "gvp-controls-seek" }, An = {
             onSelectLevel: b[3] || (b[3] = (_) => v("select-level", _)),
             onSelectAudioTrack: b[4] || (b[4] = (_) => v("select-audio-track", _))
           }, null, 8, ["video", "quality-levels", "current-level", "selected-level", "audio-tracks", "audio-track-index"]),
-          le(Ie) ? (r(), c("button", {
+          se(Ie) ? (r(), c("button", {
             key: 0,
             type: "button",
             class: L(["gvp-ctrl-btn", me.value && "is-active"]),
             "aria-label": me.value ? "Exit picture-in-picture" : "Picture-in-picture",
             "aria-pressed": me.value,
-            onClick: Ae
+            onClick: Se
           }, [
             O(ze)
           ], 10, Wn)) : x("", !0),
-          le(Ne) ? (r(), c("button", {
+          se(Ne) ? (r(), c("button", {
             key: 1,
             type: "button",
             class: L(["gvp-ctrl-btn", de.value && "is-active"]),
             "aria-label": de.value ? "Exit fullscreen" : "Enter fullscreen",
             "aria-pressed": de.value,
-            onClick: Se
+            onClick: Ae
           }, [
             de.value ? (r(), J(Xt, { key: 0 })) : (r(), J(Gt, { key: 1 }))
           ], 10, Kn)) : x("", !0)
@@ -1630,9 +1624,9 @@ const In = { class: "gvp-controls-seek" }, An = {
     class: {}
   },
   setup(e) {
-    const s = e;
+    const l = e;
     return (t, n) => (r(), c("svg", {
-      class: L(["gvp-icon", s.class]),
+      class: L(["gvp-icon", l.class]),
       width: "20",
       height: "20",
       viewBox: "0 0 24 24",
@@ -1640,26 +1634,26 @@ const In = { class: "gvp-controls-seek" }, An = {
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...n[0] || (n[0] = [
-      a("path", {
+      o("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",
         stroke: "currentColor",
         "stroke-width": "1.5",
         "stroke-linecap": "round"
       }, null, -1),
-      a("path", {
+      o("path", {
         d: "M11 15H13",
         stroke: "currentColor",
         "stroke-width": "1.5",
         "stroke-linecap": "round",
         "stroke-linejoin": "round"
       }, null, -1),
-      a("path", {
+      o("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",
         stroke: "currentColor",
         "stroke-width": "1.5",
         "stroke-linecap": "round"
       }, null, -1),
-      a("path", {
+      o("path", {
         d: "M7 22H17",
         stroke: "currentColor",
         "stroke-width": "1.5",
@@ -1667,15 +1661,15 @@ const In = { class: "gvp-controls-seek" }, An = {
       }, null, -1)
     ])], 2));
   }
-}), es = { name: "IconMobile" }, ts = /* @__PURE__ */ N({
-  ...es,
+}), el = { name: "IconMobile" }, tl = /* @__PURE__ */ N({
+  ...el,
   props: {
     class: {}
   },
   setup(e) {
-    const s = e;
+    const l = e;
     return (t, n) => (r(), c("svg", {
-      class: L(["gvp-icon", s.class]),
+      class: L(["gvp-icon", l.class]),
       width: "20",
       height: "20",
       viewBox: "0 0 24 24",
@@ -1683,20 +1677,20 @@ const In = { class: "gvp-controls-seek" }, An = {
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...n[0] || (n[0] = [
-      a("path", {
+      o("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",
         stroke: "currentColor",
         "stroke-width": "2",
         "stroke-linecap": "round"
       }, null, -1),
-      a("path", {
+      o("path", {
         d: "M11 19H13",
         stroke: "currentColor",
         "stroke-width": "2",
         "stroke-linecap": "round",
         "stroke-linejoin": "round"
       }, null, -1),
-      a("path", {
+      o("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",
         stroke: "currentColor",
         "stroke-width": "2",
@@ -1704,15 +1698,15 @@ const In = { class: "gvp-controls-seek" }, An = {
       }, null, -1)
     ])], 2));
   }
-}), ns = { name: "IconPlay" }, ss = /* @__PURE__ */ N({
-  ...ns,
+}), nl = { name: "IconPlay" }, ll = /* @__PURE__ */ N({
+  ...nl,
   props: {
     class: {}
   },
   setup(e) {
-    const s = e;
+    const l = e;
     return (t, n) => (r(), c("svg", {
-      class: L(["gvp-icon", s.class]),
+      class: L(["gvp-icon", l.class]),
       width: "22",
       height: "22",
       viewBox: "0 0 16 16",
@@ -1720,21 +1714,21 @@ const In = { class: "gvp-controls-seek" }, An = {
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...n[0] || (n[0] = [
-      a("path", {
+      o("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",
         fill: "currentColor"
       }, null, -1)
     ])], 2));
   }
-}), ls = { name: "IconX" }, Oe = /* @__PURE__ */ N({
-  ...ls,
+}), sl = { name: "IconX" }, Oe = /* @__PURE__ */ N({
+  ...sl,
   props: {
     class: {}
   },
   setup(e) {
-    const s = e;
+    const l = e;
     return (t, n) => (r(), c("svg", {
-      class: L(["gvp-icon", s.class]),
+      class: L(["gvp-icon", l.class]),
       width: "14",
       height: "14",
       viewBox: "0 0 14 14",
@@ -1742,21 +1736,21 @@ const In = { class: "gvp-controls-seek" }, An = {
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...n[0] || (n[0] = [
-      a("path", {
+      o("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",
         fill: "currentColor"
       }, null, -1)
     ])], 2));
   }
-}), os = { name: "IconAlert" }, as = /* @__PURE__ */ N({
-  ...os,
+}), al = { name: "IconAlert" }, ol = /* @__PURE__ */ N({
+  ...al,
   props: {
     class: {}
   },
   setup(e) {
-    const s = e;
+    const l = e;
     return (t, n) => (r(), c("svg", {
-      class: L(["gvp-icon", s.class]),
+      class: L(["gvp-icon", l.class]),
       width: "32",
       height: "32",
       viewBox: "0 0 24 24",
@@ -1764,7 +1758,7 @@ const In = { class: "gvp-controls-seek" }, An = {
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...n[0] || (n[0] = [
-      a("path", {
+      o("path", {
         d: "M12 9V13M12 17H12.01M10.29 3.86L1.82 18A2 2 0 0 0 3.53 21H20.47A2 2 0 0 0 22.18 18L13.71 3.86A2 2 0 0 0 10.29 3.86Z",
         stroke: "currentColor",
         "stroke-width": "2",
@@ -1773,15 +1767,15 @@ const In = { class: "gvp-controls-seek" }, An = {
       }, null, -1)
     ])], 2));
   }
-}), rs = { name: "IconRefresh" }, is = /* @__PURE__ */ N({
-  ...rs,
+}), rl = { name: "IconRefresh" }, il = /* @__PURE__ */ N({
+  ...rl,
   props: {
     class: {}
   },
   setup(e) {
-    const s = e;
+    const l = e;
     return (t, n) => (r(), c("svg", {
-      class: L(["gvp-icon", s.class]),
+      class: L(["gvp-icon", l.class]),
       width: "16",
       height: "16",
       viewBox: "0 0 24 24",
@@ -1789,7 +1783,7 @@ const In = { class: "gvp-controls-seek" }, An = {
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...n[0] || (n[0] = [
-      a("path", {
+      o("path", {
         d: "M21 12A9 9 0 1 1 18.36 5.64M21 3V9H15",
         stroke: "currentColor",
         "stroke-width": "2",
@@ -1799,175 +1793,175 @@ const In = { class: "gvp-controls-seek" }, An = {
     ])], 2));
   }
 });
-function us(e) {
+function ul(e) {
   if (!e) return null;
   if (/^[A-Za-z0-9_-]{11}$/.test(e)) return e;
-  let s;
+  let l;
   try {
-    s = new URL(e);
+    l = new URL(e);
   } catch {
     return null;
   }
-  const t = s.hostname.replace(/^www\./, "");
+  const t = l.hostname.replace(/^www\./, "");
   if (t === "youtu.be") {
-    const n = s.pathname.slice(1).split("/")[0];
+    const n = l.pathname.slice(1).split("/")[0];
     return /^[A-Za-z0-9_-]{11}$/.test(n) ? n : null;
   }
   if (t === "youtube.com" || t === "m.youtube.com" || t === "music.youtube.com" || t === "youtube-nocookie.com") {
-    const n = s.searchParams.get("v");
+    const n = l.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
+    const a = /^\/(?:embed|shorts|v|live)\/([A-Za-z0-9_-]{11})/.exec(
+      l.pathname
     );
-    if (o) return o[1];
+    if (a) return a[1];
   }
   return null;
 }
-function cs(e) {
+function cl(e) {
   try {
-    const s = new URL(e), t = s.searchParams.get("t") ?? s.searchParams.get("start");
+    const l = new URL(e), t = l.searchParams.get("t") ?? l.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), v = Number.parseInt(n[2] ?? "0", 10), d = Number.parseInt(n[3] ?? "0", 10), h = o * 3600 + v * 60 + d;
+      const a = Number.parseInt(n[1] ?? "0", 10), v = Number.parseInt(n[2] ?? "0", 10), d = Number.parseInt(n[3] ?? "0", 10), h = a * 3600 + v * 60 + d;
       return h > 0 ? h : null;
     }
   } catch {
   }
   return null;
 }
-function ds(e, s = {}) {
+function dl(e, l = {}) {
   const {
     autoPlay: t = !1,
     muted: n = !0,
-    loop: o = !1,
+    loop: a = !1,
     controls: v = !0,
     startSeconds: d
-  } = s, h = new URLSearchParams({
+  } = l, h = new URLSearchParams({
     rel: "0",
     modestbranding: "1",
     playsinline: "1",
     controls: v ? "1" : "0"
   });
-  return t ? (h.set("autoplay", "1"), h.set("mute", "1")) : n && h.set("mute", "1"), o && (h.set("loop", "1"), h.set("playlist", e)), d && d > 0 && h.set("start", String(d)), `https://www.youtube-nocookie.com/embed/${e}?${h.toString()}`;
+  return t ? (h.set("autoplay", "1"), h.set("mute", "1")) : n && h.set("mute", "1"), a && (h.set("loop", "1"), h.set("playlist", e)), d && d > 0 && h.set("start", String(d)), `https://www.youtube-nocookie.com/embed/${e}?${h.toString()}`;
 }
-const vs = "gvp:prefs:";
+const vl = "gvp:prefs:";
 function We(e) {
-  return vs + e;
+  return vl + e;
 }
 function Me(e) {
   if (typeof localStorage > "u") return {};
   try {
-    const s = localStorage.getItem(We(e));
-    if (!s) return {};
-    const t = JSON.parse(s);
+    const l = localStorage.getItem(We(e));
+    if (!l) return {};
+    const t = JSON.parse(l);
     return typeof t == "object" && t !== null ? t : {};
   } catch {
     return {};
   }
 }
-function Ke(e, s) {
+function Ke(e, l) {
   if (!(typeof localStorage > "u"))
     try {
-      const n = { ...Me(e), ...s };
+      const n = { ...Me(e), ...l };
       localStorage.setItem(We(e), JSON.stringify(n));
     } catch {
     }
 }
-function je(e, s, t) {
-  if (typeof localStorage > "u" || !s) return;
-  const o = { ...Me(e).positions };
-  t > 0 ? o[s] = t : delete o[s], Ke(e, { positions: o });
+function je(e, l, t) {
+  if (typeof localStorage > "u" || !l) return;
+  const a = { ...Me(e).positions };
+  t > 0 ? a[l] = t : delete a[l], Ke(e, { positions: a });
 }
-function ps(e, s) {
-  var o;
-  const n = (o = Me(e).positions) == null ? void 0 : o[s];
+function pl(e, l) {
+  var a;
+  const n = (a = Me(e).positions) == null ? void 0 : a[l];
   return typeof n == "number" && n > 0 ? n : 0;
 }
-function fs(e) {
-  const s = e.trim().replace(/^#/, "");
-  if (/^[0-9a-f]{3}$/i.test(s))
+function fl(e) {
+  const l = e.trim().replace(/^#/, "");
+  if (/^[0-9a-f]{3}$/i.test(l))
     return [
-      parseInt(s[0] + s[0], 16),
-      parseInt(s[1] + s[1], 16),
-      parseInt(s[2] + s[2], 16)
+      parseInt(l[0] + l[0], 16),
+      parseInt(l[1] + l[1], 16),
+      parseInt(l[2] + l[2], 16)
     ];
-  if (/^[0-9a-f]{6}$/i.test(s))
+  if (/^[0-9a-f]{6}$/i.test(l))
     return [
-      parseInt(s.slice(0, 2), 16),
-      parseInt(s.slice(2, 4), 16),
-      parseInt(s.slice(4, 6), 16)
+      parseInt(l.slice(0, 2), 16),
+      parseInt(l.slice(2, 4), 16),
+      parseInt(l.slice(4, 6), 16)
     ];
   const t = /rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i.exec(e);
   return t ? [Number(t[1]), Number(t[2]), Number(t[3])] : null;
 }
-function ms(e, s) {
-  const t = fs(e);
-  return t ? `rgba(${t[0]}, ${t[1]}, ${t[2]}, ${s})` : e;
+function ml(e, l) {
+  const t = fl(e);
+  return t ? `rgba(${t[0]}, ${t[1]}, ${t[2]}, ${l})` : e;
 }
-function gs(e, s) {
-  if (!s) return "";
+function gl(e, l) {
+  if (!l) return "";
   const t = [];
-  if (s.fontSize && t.push(`font-size: ${s.fontSize};`), s.textColor && t.push(`color: ${s.textColor};`), s.backgroundColor) {
-    const n = typeof s.backgroundOpacity == "number" ? ms(s.backgroundColor, s.backgroundOpacity) : s.backgroundColor;
+  if (l.fontSize && t.push(`font-size: ${l.fontSize};`), l.textColor && t.push(`color: ${l.textColor};`), l.backgroundColor) {
+    const n = typeof l.backgroundOpacity == "number" ? ml(l.backgroundColor, l.backgroundOpacity) : l.backgroundColor;
     t.push(`background-color: ${n};`);
-  } else typeof s.backgroundOpacity == "number" && t.push(`background-color: rgba(0, 0, 0, ${s.backgroundOpacity});`);
+  } else typeof l.backgroundOpacity == "number" && t.push(`background-color: rgba(0, 0, 0, ${l.backgroundOpacity});`);
   return t.length === 0 ? "" : `.${e}::cue { ${t.join(" ")} }`;
 }
-function hs(e) {
-  const s = e.trim().replace(/^#/, "");
-  if (/^[0-9a-f]{3}$/i.test(s)) {
-    const n = parseInt(s[0] + s[0], 16), o = parseInt(s[1] + s[1], 16), v = parseInt(s[2] + s[2], 16);
-    return `${n} ${o} ${v}`;
+function hl(e) {
+  const l = e.trim().replace(/^#/, "");
+  if (/^[0-9a-f]{3}$/i.test(l)) {
+    const n = parseInt(l[0] + l[0], 16), a = parseInt(l[1] + l[1], 16), v = parseInt(l[2] + l[2], 16);
+    return `${n} ${a} ${v}`;
   }
-  if (/^[0-9a-f]{6}$/i.test(s)) {
-    const n = parseInt(s.slice(0, 2), 16), o = parseInt(s.slice(2, 4), 16), v = parseInt(s.slice(4, 6), 16);
-    return `${n} ${o} ${v}`;
+  if (/^[0-9a-f]{6}$/i.test(l)) {
+    const n = parseInt(l.slice(0, 2), 16), a = parseInt(l.slice(2, 4), 16), v = parseInt(l.slice(4, 6), 16);
+    return `${n} ${a} ${v}`;
   }
   const t = /rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/i.exec(e);
   return t ? `${t[1]} ${t[2]} ${t[3]}` : null;
 }
-function ks(e) {
+function kl(e) {
   if (!e) return {};
-  const s = {};
+  const l = {};
   if (e.accent) {
-    const t = hs(e.accent);
-    t ? s["--gvp-accent-rgb"] = t : s["--gvp-accent"] = e.accent;
+    const t = hl(e.accent);
+    t ? l["--gvp-accent-rgb"] = t : l["--gvp-accent"] = e.accent;
   }
-  return e.radius && (s["--gvp-radius"] = e.radius), s;
+  return e.radius && (l["--gvp-radius"] = e.radius), l;
 }
-const ys = ["src"], bs = {
+const yl = ["src"], bl = {
   key: 3,
   class: "gvp-vignette"
-}, ws = {
+}, wl = {
   key: 4,
   class: "gvp-sr-only",
   role: "status",
   "aria-live": "polite"
-}, xs = {
+}, xl = {
   key: 5,
   class: "gvp-loading",
   role: "status",
   "aria-live": "polite"
-}, Cs = {
+}, Cl = {
   key: 6,
   class: "gvp-error",
   role: "alert"
-}, Ls = {
+}, Ll = {
   key: 7,
   class: "gvp-toggle"
-}, $s = { class: "gvp-toggle-pill" }, Es = ["aria-pressed"], _s = ["aria-pressed"], Ps = ["aria-label", "aria-pressed"], Ts = ["aria-label"], Ms = {
+}, $l = { class: "gvp-toggle-pill" }, El = ["aria-pressed"], _l = ["aria-pressed"], Pl = ["aria-label", "aria-pressed"], Tl = ["aria-label"], Ml = {
   key: 14,
   class: "gvp-play-wrap"
-}, Is = {
+}, Il = {
   key: 0,
   class: "gvp-tooltip",
   role: "tooltip"
-}, As = {
+}, Sl = {
   key: 16,
   class: "gvp-bottom-fade"
-}, Hs = /* @__PURE__ */ N({
+}, Bl = /* @__PURE__ */ N({
   __name: "VideoPlayer",
   props: {
     src: {},
@@ -1999,35 +1993,35 @@ const ys = ["src"], bs = {
     closable: { type: Boolean, default: !1 }
   },
   emits: ["close", "play", "pause", "ended", "time-update", "seeked", "volume-change", "milestone", "error", "playlist-change"],
-  setup(e, { emit: s }) {
-    const t = e, n = s, o = g(null), v = g(t.defaultDevice), d = g(!1), h = g(!1), E = g(!1), A = g(!1), S = g(!1), P = g(0), w = g(null), $ = g([]), T = g(-1), f = g([]), M = g(-1), z = g(-1), j = g(1), K = g(!1), re = g(!1), C = g(null), W = typeof document < "u" && !!document.pictureInPictureEnabled, B = I(
+  setup(e, { emit: l }) {
+    const t = e, n = l, a = g(null), v = g(t.defaultDevice), d = g(!1), h = g(!1), E = g(!1), S = g(!1), A = g(!1), P = g(0), w = g(null), $ = g([]), T = g(-1), f = g([]), M = g(-1), z = g(-1), j = g(1), K = g(!1), re = g(!1), C = g(null), W = typeof document < "u" && !!document.pictureInPictureEnabled, V = I(
       () => t.controls === !0 || t.controls === "custom"
-    ), D = I(() => t.controls === "native"), F = `gvp-video-${Math.random().toString(36).slice(2, 10)}`, H = I(() => ks(t.theme)), R = g(!1), fe = g(!1), y = g(null);
+    ), D = I(() => t.controls === "native"), F = `gvp-video-${Math.random().toString(36).slice(2, 10)}`, B = I(() => kl(t.theme)), R = g(!1), fe = g(!1), y = g(null);
     let p = null;
-    V(y, (l) => {
-      p == null || p.disconnect(), p = null, !(!t.miniPlayer || !l || typeof IntersectionObserver > "u") && (p = new IntersectionObserver(
+    H(y, (s) => {
+      p == null || p.disconnect(), p = null, !(!t.miniPlayer || !s || typeof IntersectionObserver > "u") && (p = new IntersectionObserver(
         ([i]) => {
           i.isIntersecting ? (R.value = !1, fe.value = !1) : d.value && !fe.value && (R.value = !0);
         },
         { threshold: 0 }
-      ), p.observe(l));
-    }), V(d, (l) => {
-      l || (R.value = !1);
+      ), p.observe(s));
+    }), H(d, (s) => {
+      s || (R.value = !1);
     });
     function ee() {
       R.value = !1, fe.value = !0;
     }
     const m = g(null);
     let Q = 0;
-    ae(() => {
+    oe(() => {
       p == null || p.disconnect(), p = null, cancelAnimationFrame(Q);
     });
     let Y = null;
-    V(
+    H(
       () => t.captionStyle,
-      (l) => {
+      (s) => {
         if (typeof document > "u") return;
-        const i = gs(F, l);
+        const i = gl(F, s);
         if (!i) {
           Y == null || Y.remove(), Y = null;
           return;
@@ -2035,7 +2029,7 @@ const ys = ["src"], bs = {
         Y || (Y = document.createElement("style"), document.head.appendChild(Y)), Y.textContent = i;
       },
       { immediate: !0, deep: !0 }
-    ), ae(() => {
+    ), oe(() => {
       Y == null || Y.remove(), Y = null;
     });
     const X = I(
@@ -2045,86 +2039,86 @@ const ys = ["src"], bs = {
     ), ge = I(
       () => X.value ? t.playlist[Math.min(G.value, t.playlist.length - 1)] : null
     ), ue = I(() => {
-      var l;
-      return ((l = ge.value) == null ? void 0 : l.src) ?? t.src ?? "";
+      var s;
+      return ((s = ge.value) == null ? void 0 : s.src) ?? t.src ?? "";
     }), me = I(() => {
-      var l;
-      return ((l = ge.value) == null ? void 0 : l.poster) ?? t.poster;
+      var s;
+      return ((s = ge.value) == null ? void 0 : s.poster) ?? t.poster;
     }), Ie = I(
       () => {
-        var l;
-        return ((l = ge.value) == null ? void 0 : l.thumbnails) ?? t.thumbnails;
+        var s;
+        return ((s = ge.value) == null ? void 0 : s.thumbnails) ?? t.thumbnails;
       }
-    ), Ae = I(
+    ), Se = I(
       () => {
-        var l;
-        return ((l = ge.value) == null ? void 0 : l.chapters) ?? t.chapters;
+        var s;
+        return ((s = ge.value) == null ? void 0 : s.chapters) ?? t.chapters;
       }
     ), de = I(() => X.value && G.value > 0), Pe = I(
       () => X.value && G.value < t.playlist.length - 1
     );
     let xe = !1;
-    function Ce(l, i = !1) {
+    function Ce(s, i = !1) {
       if (!X.value) return;
-      const k = Math.min(Math.max(l, 0), t.playlist.length - 1);
+      const k = Math.min(Math.max(s, 0), t.playlist.length - 1);
       k !== G.value && (xe = i, G.value = k, n("playlist-change", k, t.playlist[k]));
     }
-    const Le = I(() => us(ue.value)), U = I(() => Le.value !== null), Se = I(
-      () => Le.value ? ds(Le.value, {
+    const Le = I(() => ul(ue.value)), U = I(() => Le.value !== null), Ae = I(
+      () => Le.value ? dl(Le.value, {
         autoPlay: t.autoPlay,
         muted: t.muted,
         loop: t.loop,
-        controls: B.value ? !0 : D.value,
-        startSeconds: cs(ue.value)
+        controls: V.value ? !0 : D.value,
+        startSeconds: cl(ue.value)
       }) : null
     );
-    function Ne(l) {
-      $.value = l, T.value = -1;
+    function Ne(s) {
+      $.value = s, T.value = -1;
     }
-    function u(l) {
-      f.value = l, z.value = -1;
+    function u(s) {
+      f.value = s, z.value = -1;
     }
     const b = I(
       () => !U.value && $.value.length > 1
     ), _ = I(
       () => {
-        var l;
-        return T.value >= 0 ? T.value : ((l = $.value[0]) == null ? void 0 : l.index) ?? -1;
+        var s;
+        return T.value >= 0 ? T.value : ((s = $.value[0]) == null ? void 0 : s.index) ?? -1;
       }
     ), te = I(
       () => {
-        var l, i;
-        return v.value === "mobile" ? ((l = t.aspectRatio) == null ? void 0 : l.mobile) ?? "9/16" : ((i = t.aspectRatio) == null ? void 0 : i.desktop) ?? "16/9";
+        var s, i;
+        return v.value === "mobile" ? ((s = t.aspectRatio) == null ? void 0 : s.mobile) ?? "9/16" : ((i = t.aspectRatio) == null ? void 0 : i.desktop) ?? "16/9";
       }
     ), he = I(
       () => {
-        var l, i;
-        return v.value === "mobile" ? ((l = t.frameMaxWidth) == null ? void 0 : l.mobile) ?? "420px" : ((i = t.frameMaxWidth) == null ? void 0 : i.desktop) ?? "960px";
+        var s, i;
+        return v.value === "mobile" ? ((s = t.frameMaxWidth) == null ? void 0 : s.mobile) ?? "420px" : ((i = t.frameMaxWidth) == null ? void 0 : i.desktop) ?? "960px";
       }
     ), q = I(() => {
-      var l;
-      return ((l = o.value) == null ? void 0 : l.videoEl) ?? null;
+      var s;
+      return ((s = a.value) == null ? void 0 : s.videoEl) ?? null;
     });
-    V([m, q], ([l, i]) => {
-      if (cancelAnimationFrame(Q), !t.ambientMode || !l || !i || U.value) return;
-      const k = l.getContext("2d");
+    H([m, q], ([s, i]) => {
+      if (cancelAnimationFrame(Q), !t.ambientMode || !s || !i || U.value) return;
+      const k = s.getContext("2d");
       if (!k) return;
       let ne = 0;
       const ie = ($e) => {
         if (Q = requestAnimationFrame(ie), !($e - ne < 250) && (ne = $e, !(i.readyState < 2 || i.paused)))
           try {
-            k.drawImage(i, 0, 0, l.width, l.height);
+            k.drawImage(i, 0, 0, s.width, s.height);
           } catch {
           }
       };
       Q = requestAnimationFrame(ie);
     });
     async function ke() {
-      const l = q.value;
-      if (l)
+      const s = q.value;
+      if (s)
         try {
-          l.readyState < 2 && l.load();
-          const i = l.play();
+          s.readyState < 2 && s.load();
+          const i = s.play();
           w.value = i, await i, d.value = !0;
         } catch {
           d.value = !1;
@@ -2133,14 +2127,14 @@ const ys = ["src"], bs = {
         }
     }
     async function ve() {
-      const l = q.value;
-      if (l) {
+      const s = q.value;
+      if (s) {
         if (w.value)
           try {
             await w.value;
           } catch {
           }
-        l.pause();
+        s.pause();
       }
     }
     async function Qe() {
@@ -2150,19 +2144,19 @@ const ys = ["src"], bs = {
       !t.hoverPlay || U.value || (await ve(), d.value = !1);
     }
     async function Te() {
-      const l = q.value;
-      l && (l.paused ? await ke() : (await ve(), d.value = !1));
+      const s = q.value;
+      s && (s.paused ? await ke() : (await ve(), d.value = !1));
     }
-    function Ve() {
-      const l = C.value;
-      if (!l) return;
-      if ((document.fullscreenElement ?? document.webkitFullscreenElement ?? null) === l) {
+    function He() {
+      const s = C.value;
+      if (!s) return;
+      if ((document.fullscreenElement ?? document.webkitFullscreenElement ?? null) === s) {
         const k = document.exitFullscreen ?? document.webkitExitFullscreen;
         k == null || k.call(document).catch(() => {
         });
       } else {
-        const k = l.requestFullscreen ?? l.webkitRequestFullscreen;
-        k == null || k.call(l).catch(() => {
+        const k = s.requestFullscreen ?? s.webkitRequestFullscreen;
+        k == null || k.call(s).catch(() => {
         });
       }
     }
@@ -2173,12 +2167,12 @@ const ys = ["src"], bs = {
       }, 250));
     }
     function Je() {
-      ye !== null && (clearTimeout(ye), ye = null), Ve();
+      ye !== null && (clearTimeout(ye), ye = null), He();
     }
     function Xe() {
       d.value = !1, n("ended"), X.value && t.autoAdvance && Pe.value && Ce(G.value + 1, !0);
     }
-    V(ue, () => {
+    H(ue, () => {
       xe && (xe = !1, ke());
     });
     function et() {
@@ -2187,123 +2181,123 @@ const ys = ["src"], bs = {
     function tt() {
       h.value = !1, Ye();
     }
-    function nt(l) {
-      j.value = l;
+    function nt(s) {
+      j.value = s;
       const i = q.value;
-      i && (i.playbackRate = l);
+      i && (i.playbackRate = s);
     }
-    V(q, (l) => {
-      if (!l) return;
-      l.addEventListener("ratechange", () => {
-        j.value = l.playbackRate;
-      }), l.addEventListener("enterpictureinpicture", () => {
+    H(q, (s) => {
+      if (!s) return;
+      s.addEventListener("ratechange", () => {
+        j.value = s.playbackRate;
+      }), s.addEventListener("enterpictureinpicture", () => {
         K.value = !0;
-      }), l.addEventListener("leavepictureinpicture", () => {
+      }), s.addEventListener("leavepictureinpicture", () => {
         K.value = !1;
       });
       const i = /* @__PURE__ */ new Set();
-      l.addEventListener("timeupdate", () => {
-        const k = l.duration;
-        if (n("time-update", l.currentTime, Number.isFinite(k) ? k : 0), !Number.isFinite(k) || k <= 0) return;
-        const ne = l.currentTime / k * 100;
+      s.addEventListener("timeupdate", () => {
+        const k = s.duration;
+        if (n("time-update", s.currentTime, Number.isFinite(k) ? k : 0), !Number.isFinite(k) || k <= 0) return;
+        const ne = s.currentTime / k * 100;
         for (const ie of [25, 50, 75, 100])
           ne >= ie && !i.has(ie) && (i.add(ie), n("milestone", ie));
-      }), l.addEventListener("seeked", () => {
-        n("seeked", l.currentTime);
-      }), l.addEventListener("volumechange", () => {
-        n("volume-change", l.volume, l.muted);
-      }), l.addEventListener("error", () => {
-        A.value = !0, E.value = !1, n("error");
-      }), l.addEventListener("waiting", () => {
+      }), s.addEventListener("seeked", () => {
+        n("seeked", s.currentTime);
+      }), s.addEventListener("volumechange", () => {
+        n("volume-change", s.volume, s.muted);
+      }), s.addEventListener("error", () => {
+        S.value = !0, E.value = !1, n("error");
+      }), s.addEventListener("waiting", () => {
         E.value = !0;
-      }), l.addEventListener("stalled", () => {
+      }), s.addEventListener("stalled", () => {
         E.value = !0;
-      }), l.addEventListener("playing", () => {
+      }), s.addEventListener("playing", () => {
         E.value = !1;
-      }), l.addEventListener("canplay", () => {
+      }), s.addEventListener("canplay", () => {
         E.value = !1;
-      }), l.addEventListener("seeked", () => {
+      }), s.addEventListener("seeked", () => {
         E.value = !1;
       });
-    }), V(ue, () => {
-      A.value = !1, E.value = !1;
+    }), H(ue, () => {
+      S.value = !1, E.value = !1;
     });
-    function st() {
-      A.value = !0, E.value = !1, n("error");
+    function lt() {
+      S.value = !0, E.value = !1, n("error");
     }
-    const lt = I(() => A.value ? "Video failed to load" : E.value ? "Loading" : d.value ? "Playing" : "Paused");
-    function ot() {
-      A.value = !1, E.value = !1, P.value += 1;
+    const st = I(() => S.value ? "Video failed to load" : E.value ? "Loading" : d.value ? "Playing" : "Paused");
+    function at() {
+      S.value = !1, E.value = !1, P.value += 1;
     }
-    V(q, (l) => {
-      if (!l || !t.persistKey) return;
+    H(q, (s) => {
+      if (!s || !t.persistKey) return;
       const i = t.persistKey, k = Me(i);
-      typeof k.volume == "number" && (l.volume = k.volume), typeof k.muted == "boolean" && (l.muted = k.muted), typeof k.speed == "number" && (l.playbackRate = k.speed);
+      typeof k.volume == "number" && (s.volume = k.volume), typeof k.muted == "boolean" && (s.muted = k.muted), typeof k.speed == "number" && (s.playbackRate = k.speed);
       const ne = () => {
         Ke(i, {
-          volume: l.volume,
-          muted: l.muted,
-          speed: l.playbackRate
+          volume: s.volume,
+          muted: s.muted,
+          speed: s.playbackRate
         });
       };
-      l.addEventListener("volumechange", ne), l.addEventListener("ratechange", ne);
-    }), V([q, ue], ([l, i]) => {
-      if (!l || !t.persistKey || !i) return;
+      s.addEventListener("volumechange", ne), s.addEventListener("ratechange", ne);
+    }), H([q, ue], ([s, i]) => {
+      if (!s || !t.persistKey || !i) return;
       const k = t.persistKey, ne = () => {
-        const be = ps(k, i);
-        be > 0 && (!Number.isFinite(l.duration) || be < l.duration - 1) && (l.currentTime = be);
+        const be = pl(k, i);
+        be > 0 && (!Number.isFinite(s.duration) || be < s.duration - 1) && (s.currentTime = be);
       };
-      l.readyState >= 1 ? ne() : l.addEventListener("loadedmetadata", ne, { once: !0 });
+      s.readyState >= 1 ? ne() : s.addEventListener("loadedmetadata", ne, { once: !0 });
       let ie = 0;
       const $e = () => {
         const be = Date.now();
-        be - ie < 1e3 || (ie = be, je(k, i, l.currentTime));
+        be - ie < 1e3 || (ie = be, je(k, i, s.currentTime));
       };
-      l.addEventListener("timeupdate", $e), l.addEventListener("pause", $e), l.addEventListener("ended", () => je(k, i, 0));
+      s.addEventListener("timeupdate", $e), s.addEventListener("pause", $e), s.addEventListener("ended", () => je(k, i, 0));
     }, { immediate: !0 });
-    function Be() {
-      const l = q.value;
-      l && (document.pictureInPictureElement ? document.exitPictureInPicture().catch(() => {
-      }) : l.requestPictureInPicture().catch(() => {
+    function Ve() {
+      const s = q.value;
+      s && (document.pictureInPictureElement ? document.exitPictureInPicture().catch(() => {
+      }) : s.requestPictureInPicture().catch(() => {
       }));
     }
-    function Re(l) {
+    function Re(s) {
       var ne;
       const i = q.value;
-      if (!(!i || !re.value && !((ne = C.value) != null && ne.contains(document.activeElement)) || l.target.tagName === "INPUT" && l.key !== " "))
-        switch (l.key) {
+      if (!(!i || !re.value && !((ne = C.value) != null && ne.contains(document.activeElement)) || s.target.tagName === "INPUT" && s.key !== " "))
+        switch (s.key) {
           case " ":
           case "k":
-            l.preventDefault(), Te();
+            s.preventDefault(), Te();
             break;
           case "ArrowLeft":
-            l.preventDefault(), i.currentTime = Math.max(0, i.currentTime - 5);
+            s.preventDefault(), i.currentTime = Math.max(0, i.currentTime - 5);
             break;
           case "ArrowRight":
-            l.preventDefault(), i.currentTime = Math.min(i.duration || 0, i.currentTime + 5);
+            s.preventDefault(), i.currentTime = Math.min(i.duration || 0, i.currentTime + 5);
             break;
           case "ArrowUp":
-            l.preventDefault(), i.volume = Math.min(1, i.volume + 0.1), i.muted && (i.muted = !1);
+            s.preventDefault(), i.volume = Math.min(1, i.volume + 0.1), i.muted && (i.muted = !1);
             break;
           case "ArrowDown":
-            l.preventDefault(), i.volume = Math.max(0, i.volume - 0.1);
+            s.preventDefault(), i.volume = Math.max(0, i.volume - 0.1);
             break;
           case "m":
             i.muted = !i.muted;
             break;
           case "f":
-            Ve();
+            He();
             break;
           case "p":
-            W && Be();
+            W && Ve();
             break;
         }
     }
-    return He(() => {
+    return Be(() => {
       document.addEventListener("keydown", Re);
-    }), ae(() => {
+    }), oe(() => {
       document.removeEventListener("keydown", Re);
-    }), (l, i) => (r(), c("div", {
+    }), (s, i) => (r(), c("div", {
       class: L(["gvp-ambient-wrap", { "is-ambient": e.ambientMode }]),
       style: ce({ width: he.value })
     }, [
@@ -2328,7 +2322,7 @@ const ys = ["src"], bs = {
         style: ce({ width: "100%", aspectRatio: te.value }),
         "aria-hidden": "true"
       }, null, 4)) : x("", !0),
-      a("div", {
+      o("div", {
         ref_key: "rootEl",
         ref: C,
         class: L([
@@ -2337,7 +2331,7 @@ const ys = ["src"], bs = {
           { "gvp-mini": R.value },
           R.value ? `gvp-mini-${e.miniPlayerPosition}` : ""
         ]),
-        style: ce({ width: "100%", aspectRatio: te.value, ...H.value }),
+        style: ce({ width: "100%", aspectRatio: te.value, ...B.value }),
         onMouseenter: i[14] || (i[14] = (k) => {
           re.value = !0, et();
         }),
@@ -2357,14 +2351,14 @@ const ys = ["src"], bs = {
         U.value ? (r(), c("iframe", {
           key: 1,
           class: "gvp-video gvp-youtube",
-          src: Se.value ?? void 0,
+          src: Ae.value ?? void 0,
           title: "YouTube video player",
           allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
           allowfullscreen: "",
           referrerpolicy: "strict-origin-when-cross-origin"
-        }, null, 8, ys)) : (r(), J(vt, {
+        }, null, 8, yl)) : (r(), J(vt, {
           ref_key: "hlsPlayerRef",
-          ref: o,
+          ref: a,
           key: `${ue.value}#${P.value}`,
           controls: D.value,
           "hls-config": e.hlsConfig,
@@ -2383,8 +2377,8 @@ const ys = ["src"], bs = {
           onQualityLevels: u,
           onCurrentLevel: i[0] || (i[0] = (k) => M.value = k),
           onEnded: Xe,
-          onFatalError: st,
-          onLiveChange: i[1] || (i[1] = (k) => S.value = k),
+          onFatalError: lt,
+          onLiveChange: i[1] || (i[1] = (k) => A.value = k),
           onPause: i[2] || (i[2] = (k) => {
             d.value = !1, n("pause");
           }),
@@ -2393,31 +2387,31 @@ const ys = ["src"], bs = {
           })
         }, {
           default: it(() => [
-            Ue(l.$slots, "default")
+            Ue(s.$slots, "default")
           ]),
           _: 3
         }, 8, ["controls", "hls-config", "is-hls", "loop", "muted", "auto-play", "audio-track-index", "quality-level-index", "poster", "src", "class"])),
-        U.value ? x("", !0) : (r(), c("div", bs)),
-        U.value ? x("", !0) : (r(), c("span", ws, Z(lt.value), 1)),
-        !U.value && E.value && !A.value ? (r(), c("div", xs, [...i[16] || (i[16] = [
-          a("div", { class: "gvp-spinner" }, null, -1),
-          a("span", { class: "gvp-sr-only" }, "Loading…", -1)
+        U.value ? x("", !0) : (r(), c("div", bl)),
+        U.value ? x("", !0) : (r(), c("span", wl, Z(st.value), 1)),
+        !U.value && E.value && !S.value ? (r(), c("div", xl, [...i[16] || (i[16] = [
+          o("div", { class: "gvp-spinner" }, null, -1),
+          o("span", { class: "gvp-sr-only" }, "Loading…", -1)
         ])])) : x("", !0),
-        !U.value && A.value ? (r(), c("div", Cs, [
-          O(as, { class: "gvp-error-icon" }),
-          i[18] || (i[18] = a("p", { class: "gvp-error-text" }, "This video couldn't be played.", -1)),
-          a("button", {
+        !U.value && S.value ? (r(), c("div", Cl, [
+          O(ol, { class: "gvp-error-icon" }),
+          i[18] || (i[18] = o("p", { class: "gvp-error-text" }, "This video couldn't be played.", -1)),
+          o("button", {
             type: "button",
             class: "gvp-error-retry",
-            onClick: ot
+            onClick: at
           }, [
-            O(is),
-            i[17] || (i[17] = a("span", null, "Retry", -1))
+            O(il),
+            i[17] || (i[17] = o("span", null, "Retry", -1))
           ])
         ])) : x("", !0),
-        e.showDeviceToggle ? (r(), c("div", Ls, [
-          a("div", $s, [
-            a("button", {
+        e.showDeviceToggle ? (r(), c("div", Ll, [
+          o("div", $l, [
+            o("button", {
               "aria-pressed": v.value === "desktop",
               class: L(["gvp-toggle-btn", { "is-active": v.value === "desktop" }]),
               "aria-label": "Desktop view",
@@ -2425,17 +2419,17 @@ const ys = ["src"], bs = {
               onClick: i[4] || (i[4] = (k) => v.value = "desktop")
             }, [
               O(Xn)
-            ], 10, Es),
-            i[19] || (i[19] = a("div", { class: "gvp-toggle-divider" }, null, -1)),
-            a("button", {
+            ], 10, El),
+            i[19] || (i[19] = o("div", { class: "gvp-toggle-divider" }, null, -1)),
+            o("button", {
               "aria-pressed": v.value === "mobile",
               class: L(["gvp-toggle-btn", { "is-active": v.value === "mobile" }]),
               "aria-label": "Mobile view",
               type: "button",
               onClick: i[5] || (i[5] = (k) => v.value = "mobile")
             }, [
-              O(ts)
-            ], 10, _s)
+              O(tl)
+            ], 10, _l)
           ])
         ])) : x("", !0),
         e.closable ? (r(), c("button", {
@@ -2447,41 +2441,41 @@ const ys = ["src"], bs = {
         }, [
           O(Oe)
         ])) : x("", !0),
-        b.value && !B.value ? (r(), J(bt, {
+        b.value && !V.value ? (r(), J(bt, {
           key: 9,
           tracks: $.value,
           "active-index": _.value,
           onSelect: i[7] || (i[7] = (k) => T.value = k)
         }, null, 8, ["tracks", "active-index"])) : x("", !0),
-        !U.value && !B.value ? (r(), J(_t, {
+        !U.value && !V.value ? (r(), J(_t, {
           key: 10,
           speed: j.value,
           onSelect: nt
         }, null, 8, ["speed"])) : x("", !0),
-        !U.value && !B.value ? (r(), J(Nt, {
+        !U.value && !V.value ? (r(), J(Nt, {
           key: 11,
           video: q.value
         }, null, 8, ["video"])) : x("", !0),
-        !U.value && le(W) && !B.value ? (r(), c("button", {
+        !U.value && se(W) && !V.value ? (r(), c("button", {
           key: 12,
           type: "button",
           class: L(["gvp-pip-btn", { "is-active": K.value }]),
           "aria-label": K.value ? "Exit picture-in-picture" : "Picture-in-picture",
           "aria-pressed": K.value,
-          onClick: Be
+          onClick: Ve
         }, [
           O(ze)
-        ], 10, Ps)) : x("", !0),
-        !U.value && B.value ? (r(), c("button", {
+        ], 10, Pl)) : x("", !0),
+        !U.value && V.value ? (r(), c("button", {
           key: 13,
           type: "button",
           class: "gvp-click-layer",
           "aria-label": d.value ? "Pause" : "Play",
           onClick: Ge,
           onDblclick: Je
-        }, null, 40, Ts)) : x("", !0),
-        !U.value && !B.value && !d.value ? (r(), c("div", Ms, [
-          a("button", {
+        }, null, 40, Tl)) : x("", !0),
+        !U.value && !V.value && !d.value ? (r(), c("div", Ml, [
+          o("button", {
             "aria-label": "Play",
             class: "gvp-play",
             type: "button",
@@ -2489,11 +2483,11 @@ const ys = ["src"], bs = {
             onMouseenter: i[8] || (i[8] = (k) => h.value = !0),
             onMouseleave: i[9] || (i[9] = (k) => h.value = !1)
           }, [
-            O(ss),
-            e.tooltipText && h.value ? (r(), c("span", Is, Z(e.tooltipText), 1)) : x("", !0)
+            O(ll),
+            e.tooltipText && h.value ? (r(), c("span", Il, Z(e.tooltipText), 1)) : x("", !0)
           ], 32)
         ])) : x("", !0),
-        !U.value && B.value ? (r(), J(Gn, {
+        !U.value && V.value ? (r(), J(Gn, {
           key: 15,
           video: q.value,
           "is-playing": d.value,
@@ -2503,10 +2497,10 @@ const ys = ["src"], bs = {
           "current-level": M.value,
           "selected-level": z.value,
           thumbnails: Ie.value,
-          chapters: Ae.value,
+          chapters: Se.value,
           "has-prev": de.value,
           "has-next": Pe.value,
-          "is-live": S.value,
+          "is-live": A.value,
           "audio-tracks": $.value,
           "audio-track-index": _.value,
           onSelectLevel: i[10] || (i[10] = (k) => z.value = k),
@@ -2514,16 +2508,16 @@ const ys = ["src"], bs = {
           onPrev: i[12] || (i[12] = (k) => Ce(G.value - 1, !0)),
           onNext: i[13] || (i[13] = (k) => Ce(G.value + 1, !0))
         }, null, 8, ["video", "is-playing", "container", "quality-levels", "current-level", "selected-level", "thumbnails", "chapters", "has-prev", "has-next", "is-live", "audio-tracks", "audio-track-index"])) : x("", !0),
-        !U.value && !B.value ? (r(), c("div", As)) : x("", !0)
+        !U.value && !V.value ? (r(), c("div", Sl)) : x("", !0)
       ], 38)
     ], 6));
   }
 });
 export {
   vt as HLSPlayer,
-  Hs as VueVideoPlayer,
-  us as parseYouTubeId,
-  cs as parseYouTubeStart,
-  ds as youTubeEmbedUrl
+  Bl as VueVideoPlayer,
+  ul as parseYouTubeId,
+  cl as parseYouTubeStart,
+  dl as youTubeEmbedUrl
 };
 //# sourceMappingURL=index.mjs.map