@instructure/studio-player 0.3.7 → 0.3.8

package/dist/studio-player.es.js

@@ -1,9 +1,9 @@
 import './index-B3keTGCo.css';var ot = Object.defineProperty;
 var it = (e, n, o) => n in e ? ot(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o;
-var V = (e, n, o) => it(e, typeof n != "symbol" ? n + "" : n, o);
+var S = (e, n, o) => it(e, typeof n != "symbol" ? n + "" : n, o);
 import { jsx as t, jsxs as c, Fragment as Q } from "react/jsx-runtime";
-import { createContext as le, useContext as re, useState as x, useCallback as _, useEffect as O, useMemo as E, useRef as G } from "react";
-import { useMediaPlayer as F, Spinner as ce, useMediaRemote as oe, useMediaState as f, isTrackCaptionKind as st, Track as at, Captions as ct, usePlaybackRateOptions as lt, useCaptionOptions as rt, useVideoQualityOptions as ut, useMediaStore as Te, Poster as dt, FullscreenButton as mt, Time as xe, TimeSlider as $, VolumeSlider as J, isAudioProvider as ht, isVideoProvider as pt, MediaPlayer as _t, MediaProvider as ft } from "@vidstack/react";
+import { createContext as re, useContext as le, useState as L, useCallback as _, useEffect as O, useMemo as E, useRef as G } from "react";
+import { useMediaPlayer as F, Spinner as ce, useMediaRemote as oe, useMediaState as f, isTrackCaptionKind as st, Track as at, Captions as ct, usePlaybackRateOptions as rt, useCaptionOptions as lt, useVideoQualityOptions as ut, useMediaStore as Te, Poster as dt, FullscreenButton as mt, Time as xe, TimeSlider as $, VolumeSlider as J, isAudioProvider as ht, isVideoProvider as pt, MediaPlayer as _t, MediaProvider as ft } from "@vidstack/react";
 import { useMediaState as hi, useMediaStore as pi } from "@vidstack/react";
 import { initReactI18next as Ct, useTranslation as C } from "react-i18next";
 import bt from "i18next";
@@ -35,22 +35,22 @@ bt.use(Ct).use(
     escapeValue: !1
   }
 });
-const Ae = le(null);
+const Ae = re(null);
 function yt({
   children: e,
   contextValue: n
 }) {
   return /* @__PURE__ */ t(Ae.Provider, { value: n, children: e });
 }
-function g() {
-  const e = re(Ae);
+function v() {
+  const e = le(Ae);
   if (!e)
     throw new Error(
       "useStudioPlayerContext must be used within a StudioPlayerContextProvider"
     );
   return e;
 }
-const Be = le(null);
+const Be = re(null);
 function kt({
   hideFullScreen: e,
   comments: n,
@@ -58,49 +58,49 @@ function kt({
   thumbnail: i,
   annotations: s,
   quizMarkers: a,
-  interactive: l,
-  onAnnotationClick: r,
+  interactive: r,
+  onAnnotationClick: l,
   onQuizMarkerClick: u,
-  onInteractivePinClick: m,
-  interactiveMenuElements: v,
-  kebabMenuElements: y,
+  onInteractivePinClick: d,
+  interactiveMenuElements: b,
+  kebabMenuElements: w,
   darkMode: k,
-  children: w,
+  children: y,
   forceComments: N,
   disableCaptionSettings: h,
-  disableStorage: b,
+  disableStorage: g,
   captionOffsetOverride: P,
   disableInteractivePinRanges: T,
   onQuizMarkerShow: Z
 }) {
-  const S = {
+  const V = {
     hideFullScreen: e,
     comments: n,
     captions: o,
     thumbnail: i,
     annotations: s,
     quizMarkers: a,
-    interactive: l,
-    onAnnotationClick: r,
+    interactive: r,
+    onAnnotationClick: l,
     onQuizMarkerClick: u,
-    onInteractivePinClick: m,
-    interactiveMenuElements: v,
-    kebabMenuElements: y,
+    onInteractivePinClick: d,
+    interactiveMenuElements: b,
+    kebabMenuElements: w,
     darkMode: k,
     hasComments: n.length > 0,
     hasAnnotations: s.length > 0,
     hasQuizmarkers: a.length > 0,
     forceComments: N,
     disableCaptionSettings: h,
-    disableStorage: b,
+    disableStorage: g,
     captionOffsetOverride: P,
     disableInteractivePinRanges: T,
     onQuizMarkerShow: Z
   };
-  return /* @__PURE__ */ t(Be.Provider, { value: S, children: w });
+  return /* @__PURE__ */ t(Be.Provider, { value: V, children: y });
 }
 function M() {
-  const e = re(Be);
+  const e = le(Be);
   if (!e)
     throw new Error(
       "useStudioPlayerPropsContext must be used within a StudioPlayerPropsContextProvider"
@@ -118,37 +118,37 @@ const Lt = "_annotation-overlay_1kxzn_1", xt = {
   };
 };
 function Pt({ annotations: e }) {
-  const n = F(), o = g(), i = M(), [s, a] = x(
+  const n = F(), o = v(), i = M(), [s, a] = L(
     null
-  ), l = _(
+  ), r = _(
     (u) => {
       n == null || n.pause(), i.interactive || o.disableInteractions(), a(u);
     },
     [n, o]
-  ), r = () => {
+  ), l = () => {
     i.interactive || (n == null || n.play(), o.enableInteractions()), a(null);
   };
   return O(() => {
     if (!n)
       return;
     const u = [];
-    for (const m of e) {
-      const v = Mt(m, l);
-      n.addEventListener("time-update", v), u.push(v);
+    for (const d of e) {
+      const b = Mt(d, r);
+      n.addEventListener("time-update", b), u.push(b);
     }
     if (s) {
-      const m = e.find(
-        (v) => v.id === s.id
+      const d = e.find(
+        (b) => b.id === s.id
       );
-      m ? a(m) : (a(null), o.enableInteractions());
+      d ? a(d) : (a(null), o.enableInteractions());
     }
     return () => {
-      for (const m of u)
-        n.removeEventListener("time-update", m);
+      for (const d of u)
+        n.removeEventListener("time-update", d);
     };
-  }, [n, e]), s ? /* @__PURE__ */ t("div", { className: xt.annotationOverlay, children: s.render(r) }) : null;
+  }, [n, e]), s ? /* @__PURE__ */ t("div", { className: xt.annotationOverlay, children: s.render(l) }) : null;
 }
-const Nt = "_media-buffering-indicator_1fwjr_1", It = "_media-buffering-spinner_1fwjr_17", Ht = "_media-buffering-spin_1fwjr_17", Vt = "_media-buffering-track_1fwjr_22", St = "_media-buffering-track-fill_1fwjr_27", ee = {
+const Nt = "_media-buffering-indicator_1fwjr_1", It = "_media-buffering-spinner_1fwjr_17", Ht = "_media-buffering-spin_1fwjr_17", St = "_media-buffering-track_1fwjr_22", Vt = "_media-buffering-track-fill_1fwjr_27", ee = {
   "media-buffering-indicator": "_media-buffering-indicator_1fwjr_1",
   mediaBufferingIndicator: Nt,
   "media-buffering-spinner": "_media-buffering-spinner_1fwjr_17",
@@ -156,9 +156,9 @@ const Nt = "_media-buffering-indicator_1fwjr_1", It = "_media-buffering-spinner_
   "media-buffering-spin": "_media-buffering-spin_1fwjr_17",
   mediaBufferingSpin: Ht,
   "media-buffering-track": "_media-buffering-track_1fwjr_22",
-  mediaBufferingTrack: Vt,
+  mediaBufferingTrack: St,
   "media-buffering-track-fill": "_media-buffering-track-fill_1fwjr_27",
-  mediaBufferingTrackFill: St
+  mediaBufferingTrackFill: Vt
 };
 function Oe() {
   return /* @__PURE__ */ t("div", { className: ee.mediaBufferingIndicator, children: /* @__PURE__ */ c(ce.Root, { className: ee.mediaBufferingSpinner, size: 96, children: [
@@ -180,9 +180,9 @@ const Fe = (e) => /* @__PURE__ */ c("svg", { width: 24, height: 24, viewBox: "0
   /* @__PURE__ */ t("g", { clipPath: "url(#clip0_149_104406)", children: /* @__PURE__ */ t("path", { d: "M21.3333 0H2.66666C1.18666 0 0 1.35 0 3V21C0 22.65 1.18666 24 2.66666 24H21.3333C22.8 24 24 22.65 24 21V3C24 1.35 22.8 0 21.3333 0ZM10.6667 10.6667H8.66666V10H6V14H8.66666V13.3333H10.6667V14.6667C10.6667 15.4 10.0667 16 9.33334 16H5.33334C4.6 16 4 15.4 4 14.6667V9.33334C4 8.6 4.6 8 5.33334 8H9.33334C10.0667 8 10.6667 8.6 10.6667 9.33334V10.6667ZM20.0042 10.6667H18.0042V10H15.3375V14H18.0042V13.3333H20.0042V14.6667C20.0042 15.4 19.4042 16 18.6708 16H14.6708C13.9375 16 13.3375 15.4 13.3375 14.6667V9.33334C13.3375 8.6 13.9375 8 14.6708 8H18.6708C19.4042 8 20.0042 8.6 20.0042 9.33334V10.6667Z", fill: "currentColor" }) })
 ] });
 function Tt() {
-  const e = oe(), n = f("textTrack"), o = f("hasCaptions"), i = n && st(n), s = g(), a = _(
-    (l) => {
-      e.toggleCaptions(l.nativeEvent);
+  const e = oe(), n = f("textTrack"), o = f("hasCaptions"), i = n && st(n), s = v(), a = _(
+    (r) => {
+      e.toggleCaptions(r.nativeEvent);
     },
     [e]
   );
@@ -203,21 +203,21 @@ const Et = "_captions_1cu0g_1", Rt = {
   captions: Et
 }, At = (e, n) => e ? n.top : n.bottom;
 function ze({ captions: e }) {
-  const n = e.length > 0, o = g(), { captionOffsetOverride: i } = M(), s = o.state.captionPositionOnTop, a = At(
+  const n = e.length > 0, o = v(), { captionOffsetOverride: i } = M(), s = o.state.captionPositionOnTop, a = At(
     s,
     i ?? {}
   );
   return /* @__PURE__ */ c(Q, { children: [
-    e.map((l) => /* @__PURE__ */ t(
+    e.map((r) => /* @__PURE__ */ t(
       at,
       {
         kind: "subtitles",
-        type: l.type,
-        language: l.language,
-        label: l.label,
-        src: l.src
+        type: r.type,
+        language: r.language,
+        label: r.label,
+        src: r.src
       },
-      l.label
+      r.label
     )),
     n ? /* @__PURE__ */ t(
       "div",
@@ -236,7 +236,7 @@ function ze({ captions: e }) {
   ] });
 }
 const K = [0.5, 0.75, 1, 1.25, 1.5, 2], Bt = [0.5, 1, 2, 3, 4], Ot = 5, Ft = (e) => {
-  const [, n] = x({});
+  const [, n] = L({});
   return E(() => {
     let o = [];
     return {
@@ -267,8 +267,8 @@ const K = [0.5, 0.75, 1, 1.25, 1.5, 2], Bt = [0.5, 1, 2, 3, 4], Ot = 5, Ft = (e)
       return;
     const s = [];
     for (const a of e) {
-      const l = Zt(a, Ot, i);
-      s.push(l), o.addEventListener("time-update", l);
+      const r = Zt(a, Ot, i);
+      s.push(r), o.addEventListener("time-update", r);
     }
     return o.dispatchEvent(
       new CustomEvent("time-update", {
@@ -312,7 +312,7 @@ function Qt({ comment: e }) {
 }
 const Wt = 5;
 function jt({ comments: e }) {
-  const n = g(), o = zt(e, Wt), i = !!f("textTrack"), s = o.map((a) => /* @__PURE__ */ t(Qt, { comment: a }, a.id));
+  const n = v(), o = zt(e, Wt), i = !!f("textTrack"), s = o.map((a) => /* @__PURE__ */ t(Qt, { comment: a }, a.id));
   return e.length > 0 && n.state.commentsEnabled ? /* @__PURE__ */ t(
     "div",
     {
@@ -359,13 +359,13 @@ function on({
     ] })
   ] });
 }
-const sn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.0692 12C21.0692 11.4776 21.0212 10.944 20.9238 10.4104L23.5511 8.13318L21.0579 3.87247L17.7431 4.97788C16.9059 4.28329 15.9515 3.73553 14.9449 3.37271L14.2616 0H9.28941L8.60612 3.37129C7.58823 3.73553 6.65082 4.27482 5.80659 4.97647L2.49318 3.87247L0 8.13318L2.62729 10.4104C2.52988 10.944 2.48188 11.4776 2.48188 12C2.48188 12.5224 2.52988 13.056 2.62729 13.5896L0 15.8668L2.49318 20.1275L5.808 19.0221C6.64518 19.7167 7.59953 20.2645 8.60612 20.6273L9.28941 24H14.2616L14.9449 20.6287C15.9614 20.2645 16.9002 19.7252 17.7445 19.0235L21.0579 20.1289L23.5511 15.8682L20.9238 13.5911C21.0212 13.056 21.0692 12.5224 21.0692 12ZM11.7755 16.9412C9.05082 16.9412 6.83435 14.7247 6.83435 12C6.83435 9.2753 9.05082 7.05883 11.7755 7.05883C14.5002 7.05883 16.7167 9.2753 16.7167 12C16.7167 14.7247 14.5002 16.9412 11.7755 16.9412Z", fill: "currentColor" }) }), an = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 3.03704L7.03704 2L14.037 9L7.03704 16L6 14.963L11.963 9L6 3.03704Z", fill: "currentColor" }) }), cn = "_menu-hint_k49ve_1", ln = "_menu-button_k49ve_5", rn = "_menu-label_k49ve_37", un = "_menu-icon_k49ve_42", te = {
+const sn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.0692 12C21.0692 11.4776 21.0212 10.944 20.9238 10.4104L23.5511 8.13318L21.0579 3.87247L17.7431 4.97788C16.9059 4.28329 15.9515 3.73553 14.9449 3.37271L14.2616 0H9.28941L8.60612 3.37129C7.58823 3.73553 6.65082 4.27482 5.80659 4.97647L2.49318 3.87247L0 8.13318L2.62729 10.4104C2.52988 10.944 2.48188 11.4776 2.48188 12C2.48188 12.5224 2.52988 13.056 2.62729 13.5896L0 15.8668L2.49318 20.1275L5.808 19.0221C6.64518 19.7167 7.59953 20.2645 8.60612 20.6273L9.28941 24H14.2616L14.9449 20.6287C15.9614 20.2645 16.9002 19.7252 17.7445 19.0235L21.0579 20.1289L23.5511 15.8682L20.9238 13.5911C21.0212 13.056 21.0692 12.5224 21.0692 12ZM11.7755 16.9412C9.05082 16.9412 6.83435 14.7247 6.83435 12C6.83435 9.2753 9.05082 7.05883 11.7755 7.05883C14.5002 7.05883 16.7167 9.2753 16.7167 12C16.7167 14.7247 14.5002 16.9412 11.7755 16.9412Z", fill: "currentColor" }) }), an = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 3.03704L7.03704 2L14.037 9L7.03704 16L6 14.963L11.963 9L6 3.03704Z", fill: "currentColor" }) }), cn = "_menu-hint_k49ve_1", rn = "_menu-button_k49ve_5", ln = "_menu-label_k49ve_37", un = "_menu-icon_k49ve_42", te = {
   "menu-hint": "_menu-hint_k49ve_1",
   menuHint: cn,
   "menu-button": "_menu-button_k49ve_5",
-  menuButton: ln,
+  menuButton: rn,
   "menu-label": "_menu-label_k49ve_37",
-  menuLabel: rn,
+  menuLabel: ln,
   "menu-icon": "_menu-icon_k49ve_42",
   menuIcon: un
 };
@@ -478,7 +478,7 @@ function be({
 }
 const Ln = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 0V12.7489H5.44V18L10.5007 12.7489H16.582V0H1ZM2 1H15.58V11.7339H9.98655L6.52667 15.25V11.7339H2V1ZM5.24963 5.35011H12.3323V4.24835H5.24963V5.35011ZM5.24963 8.18462H9.50067V7.08285H5.24963V8.18462Z", fill: "currentColor" }) });
 function xn() {
-  const { t: e } = C(), n = M(), o = g();
+  const { t: e } = C(), n = M(), o = v();
   return !n.forceComments && n.hasComments ? /* @__PURE__ */ t(
     be,
     {
@@ -509,7 +509,7 @@ function Nn(e) {
   return Ke(n);
 }
 const H = () => {
-  const e = re(De);
+  const e = le(De);
   if (!e)
     throw new Error(
       "useCustomSettingsMenuContext must be used within a CustomSettingsMenuContext.Provider"
@@ -524,10 +524,10 @@ function Hn(e, n) {
   const o = Array.from(e.querySelectorAll("button")), i = o.indexOf(n);
   return o[i + 1] ?? null;
 }
-function Vn(e) {
+function Sn(e) {
   return e.querySelector("button");
 }
-function Sn(e) {
+function Vn(e) {
   const n = Array.from(e.querySelectorAll("button"));
   return n[n.length - 1] ?? null;
 }
@@ -544,7 +544,7 @@ function D() {
           );
           s == null || s.focus();
         } else if (n.current) {
-          const s = Sn(n.current);
+          const s = Vn(n.current);
           s == null || s.focus();
         }
       },
@@ -557,7 +557,7 @@ function D() {
           );
           s == null || s.focus();
         } else if (n.current) {
-          const s = Vn(n.current);
+          const s = Sn(n.current);
           s == null || s.focus();
         }
       },
@@ -605,7 +605,7 @@ const ie = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0
   menuBackButton: Fn
 };
 function Zn() {
-  const e = H(), n = lt({
+  const e = H(), n = rt({
     rates: K,
     normalLabel: "1x"
   }), { t: o } = C(), i = D();
@@ -633,14 +633,14 @@ function Zn() {
           }
         ),
         /* @__PURE__ */ t("strong", { className: p.menuHeading, children: o("PLAYBACK_SPEED") }),
-        n.map(({ value: s, label: a, select: l, selected: r }) => /* @__PURE__ */ c(
+        n.map(({ value: s, label: a, select: r, selected: l }) => /* @__PURE__ */ c(
           "button",
           {
             type: "button",
             role: "menuitemradio",
             "aria-label": a,
-            "aria-checked": r,
-            onClick: () => l(),
+            "aria-checked": l,
+            onClick: () => r(),
             tabIndex: -1,
             className: p.menuItem,
             children: [
@@ -655,7 +655,7 @@ function Zn() {
   );
 }
 function zn() {
-  const e = H(), n = f("textTrack"), { t: o } = C(), { disableCaptionSettings: i } = g(), s = _(() => {
+  const e = H(), n = f("textTrack"), { t: o } = C(), { disableCaptionSettings: i } = v(), s = _(() => {
     e.setPage("captionLanguage");
   }, [e]);
   return i ? null : /* @__PURE__ */ t(
@@ -668,7 +668,7 @@ function zn() {
   );
 }
 function Kn() {
-  const { t: e } = C(), n = g(), o = H(), i = _(() => {
+  const { t: e } = C(), n = v(), o = H(), i = _(() => {
     o.setPage("captionFontSize");
   }, [o]);
   return /* @__PURE__ */ t(
@@ -681,7 +681,7 @@ function Kn() {
   );
 }
 function Dn() {
-  const { t: e } = C(), n = g();
+  const { t: e } = C(), n = v();
   return /* @__PURE__ */ t(
     be,
     {
@@ -692,7 +692,7 @@ function Dn() {
   );
 }
 function $n() {
-  const { t: e } = C(), n = g();
+  const { t: e } = C(), n = v();
   return /* @__PURE__ */ t(
     be,
     {
@@ -737,7 +737,7 @@ function Un() {
   );
 }
 function qn() {
-  const e = H(), n = rt(), { t: o } = C(), i = D();
+  const e = H(), n = lt(), { t: o } = C(), i = D();
   return /* @__PURE__ */ c(
     "div",
     {
@@ -762,13 +762,13 @@ function qn() {
           }
         ),
         /* @__PURE__ */ t("strong", { className: p.menuHeading, children: o("CAPTIONS") }),
-        n.map(({ value: s, label: a, select: l, selected: r }) => /* @__PURE__ */ c(
+        n.map(({ value: s, label: a, select: r, selected: l }) => /* @__PURE__ */ c(
           "button",
           {
             type: "button",
             role: "menuitemradio",
-            "aria-checked": r,
-            onClick: () => l(),
+            "aria-checked": l,
+            onClick: () => r(),
             tabIndex: -1,
             className: p.menuItem,
             children: [
@@ -783,7 +783,7 @@ function qn() {
   );
 }
 function Gn() {
-  const e = g(), n = H(), { t: o } = C(), i = D();
+  const e = v(), n = H(), { t: o } = C(), i = D();
   return /* @__PURE__ */ c(
     "div",
     {
@@ -859,18 +859,18 @@ function Qn() {
           }
         ),
         /* @__PURE__ */ t("strong", { className: p.menuHeading, children: i("QUALITY") }),
-        n.map(({ value: a, label: l, select: r, selected: u }) => /* @__PURE__ */ c(
+        n.map(({ value: a, label: r, select: l, selected: u }) => /* @__PURE__ */ c(
           "button",
           {
             type: "button",
             role: "menuitemradio",
             "aria-checked": a === "auto" && o || u && !o,
-            onClick: () => r(),
+            onClick: () => l(),
             tabIndex: -1,
             className: p.menuItem,
             children: [
               /* @__PURE__ */ t(ie, { className: p.checkIcon }),
-              /* @__PURE__ */ t("span", { className: p.menuItemLabel, children: l })
+              /* @__PURE__ */ t("span", { className: p.menuItemLabel, children: r })
             ]
           },
           a
@@ -879,7 +879,7 @@ function Qn() {
     }
   );
 }
-const De = le(null), Wn = {
+const De = re(null), Wn = {
   main: Tn,
   speed: Zn,
   captions: Un,
@@ -888,13 +888,13 @@ const De = le(null), Wn = {
   quality: Qn
 };
 function jn() {
-  const e = g(), [n, o] = x(["main"]), [i, s] = x(!1), a = _(() => {
+  const e = v(), [n, o] = L(["main"]), [i, s] = L(!1), a = _(() => {
     s(!i), o(["main"]), e.setGlobalKeysDisabled(!i);
-  }, [i]), l = _((P) => {
+  }, [i]), r = _((P) => {
     o((T) => T.concat(P));
-  }, []), r = _(() => {
+  }, []), l = _(() => {
     o((P) => P.length > 1 ? P.slice(0, -1) : P);
-  }, []), u = E(() => Wn[n[n.length - 1]], [n]), m = G(null), { refs: v, floatingStyles: y, context: k } = ue({
+  }, []), u = E(() => Wn[n[n.length - 1]], [n]), d = G(null), { refs: b, floatingStyles: w, context: k } = ue({
     open: i,
     onOpenChange: a,
     placement: "top-end",
@@ -902,19 +902,19 @@ function jn() {
     middleware: [
       me(),
       he({
-        element: m
+        element: d
       })
     ]
-  }), w = pe(k, { escapeKey: !1 }), { getReferenceProps: N, getFloatingProps: h } = _e([w]), b = E(
-    () => ({ setPage: l, back: r, toggle: a }),
-    [r, l, a]
+  }), y = pe(k, { escapeKey: !1 }), { getReferenceProps: N, getFloatingProps: h } = _e([y]), g = E(
+    () => ({ setPage: r, back: l, toggle: a }),
+    [l, r, a]
   );
   return {
     Page: u,
     open: i,
-    arrowRef: m,
-    refs: v,
-    floatingStyles: y,
+    arrowRef: d,
+    refs: b,
+    floatingStyles: w,
     context: k,
     getReferenceProps() {
       return {
@@ -923,7 +923,7 @@ function jn() {
       };
     },
     getFloatingProps: h,
-    contextValue: b
+    contextValue: g
   };
 }
 const Yn = "_settings-menu_7d0td_1", Xn = "_arrow_7d0td_19", Pe = {
@@ -939,30 +939,30 @@ function Jn() {
     floatingStyles: i,
     getFloatingProps: s,
     getReferenceProps: a,
-    open: l,
-    refs: r,
+    open: r,
+    refs: l,
     contextValue: u
-  } = jn(), { t: m } = C();
+  } = jn(), { t: d } = C();
   return /* @__PURE__ */ c(Q, { children: [
     /* @__PURE__ */ t(
       "button",
       {
-        ref: r.setReference,
+        ref: l.setReference,
         type: "button",
         className: "controls-button",
-        "aria-label": m("SETTINGS"),
+        "aria-label": d("SETTINGS"),
         onClick: u.toggle,
-        "aria-expanded": l,
+        "aria-expanded": r,
         ...a(),
         children: /* @__PURE__ */ t(sn, { className: "controls-button-icon icon-rotate" })
       }
     ),
-    l && /* @__PURE__ */ t(fe, { context: o, restoreFocus: !0, modal: !1, children: /* @__PURE__ */ c(
+    r && /* @__PURE__ */ t(fe, { context: o, restoreFocus: !0, modal: !1, children: /* @__PURE__ */ c(
       "div",
       {
         "aria-labelledby": "submenu",
         className: Pe.settingsMenu,
-        ref: r.setFloating,
+        ref: l.setFloating,
         style: i,
         ...s(),
         children: [
@@ -982,15 +982,15 @@ function Jn() {
 }
 function $e(e, n = 1e3) {
   return function() {
-    const i = f("lastKeyboardAction"), [s, a] = x(!1), l = _(() => a(!1), []);
+    const i = f("lastKeyboardAction"), [s, a] = L(!1), r = _(() => a(!1), []);
     return O(() => {
       a(!!i);
-      const r = setTimeout(l, n);
-      return () => clearTimeout(r);
+      const l = setTimeout(r, n);
+      return () => clearTimeout(l);
     }, [i, n]), s ? /* @__PURE__ */ t(e, {}) : null;
   };
 }
-const ge = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 11,21 H 5 V 3 h 6 z m 8,0 H 13 V 3 h 6 z", fill: "currentColor" }) }), ve = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 5,2 V 22 L 21,12.000665 Z", fill: "currentColor" }) }), Ue = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.1179 1.41211V22.589H11.2943L5.64717 16.9418V7.05928L11.2943 1.41211H14.1179ZM4.23537 7.05928V16.9418H2.11769C0.957618 16.9418 0.0189406 16.0147 0.00028305 14.8592L0 14.8241V9.17696C0 8.01689 0.927077 7.07822 2.0826 7.05956L2.11769 7.05928H4.23537ZM22.3744 7.93711L24 9.56119L21.5623 11.9988L24 14.4365L22.3744 16.0621L19.9383 13.6245L17.5006 16.0621L15.875 14.4365L18.3127 11.9988L15.875 9.56119L17.5006 7.93711L19.9383 10.3748L22.3744 7.93711Z", fill: "currentColor" }) }), qe = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 6.98017V16.8627L11.2943 22.5099H14.1179V1.33301H11.2943L5.64714 6.98017ZM0 9.09785V14.745C0 15.9168 0.945899 16.8627 2.11768 16.8627H4.23537V6.98017H2.11768C0.945899 6.98017 0 7.92607 0 9.09785ZM18.3527 11.9207C18.3527 10.6134 17.8388 9.36962 16.9056 8.4209L17.9094 7.43123C19.1066 8.64396 19.7645 10.2393 19.7645 11.9207C19.7645 13.6036 19.1066 15.1989 17.9094 16.4116L16.9056 15.422C17.8388 14.4732 18.3527 13.2295 18.3527 11.9207Z", fill: "currentColor" }) }), Ge = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 16.8627V6.98017L11.2943 1.33301H14.1179V22.5099H11.2943L5.64714 16.8627ZM0 14.745V9.09785C0 7.92607 0.945899 6.98017 2.11768 6.98017H4.23537V16.8627H2.11768C0.945899 16.8627 0 15.9168 0 14.745ZM16.9056 8.4209C17.8388 9.36962 18.3527 10.6134 18.3527 11.9207C18.3527 13.2295 17.8388 14.4732 16.9056 15.422L17.9094 16.4116C19.1066 15.1989 19.7645 13.6036 19.7645 11.9207C19.7645 10.2393 19.1066 8.64396 17.9094 7.43123L16.9056 8.4209ZM19.9016 5.43185L20.8997 4.43372C22.9002 6.43422 24 9.09403 24 11.9219C24 14.7497 22.9002 17.4081 20.8997 19.4086L19.9016 18.4104C21.6353 16.6782 22.5882 14.3727 22.5882 11.9219C22.5882 9.46957 21.6353 7.16553 19.9016 5.43185Z", fill: "currentColor" }) }), e1 = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.691 3.99987V10.5281L0 4.00655V20.2596L10.691 13.7367V20.2663L23.9987 12.1331L10.691 3.99987Z", fill: "currentColor" }) }), t1 = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.309 3.99987L0 12.1331L13.309 20.2663V13.7367L23.9987 20.2596V4.00655L13.309 10.5281V3.99987Z", fill: "currentColor" }) }), n1 = "_feedback-overlay_v4lbu_1", o1 = "_feedback-message_v4lbu_14", i1 = "_feedback-icon_v4lbu_30", s1 = "_feedback-icon-animation_v4lbu_1", L = {
+const ge = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 11,21 H 5 V 3 h 6 z m 8,0 H 13 V 3 h 6 z", fill: "currentColor" }) }), ve = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 5,2 V 22 L 21,12.000665 Z", fill: "currentColor" }) }), Ue = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.1179 1.41211V22.589H11.2943L5.64717 16.9418V7.05928L11.2943 1.41211H14.1179ZM4.23537 7.05928V16.9418H2.11769C0.957618 16.9418 0.0189406 16.0147 0.00028305 14.8592L0 14.8241V9.17696C0 8.01689 0.927077 7.07822 2.0826 7.05956L2.11769 7.05928H4.23537ZM22.3744 7.93711L24 9.56119L21.5623 11.9988L24 14.4365L22.3744 16.0621L19.9383 13.6245L17.5006 16.0621L15.875 14.4365L18.3127 11.9988L15.875 9.56119L17.5006 7.93711L19.9383 10.3748L22.3744 7.93711Z", fill: "currentColor" }) }), qe = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 6.98017V16.8627L11.2943 22.5099H14.1179V1.33301H11.2943L5.64714 6.98017ZM0 9.09785V14.745C0 15.9168 0.945899 16.8627 2.11768 16.8627H4.23537V6.98017H2.11768C0.945899 6.98017 0 7.92607 0 9.09785ZM18.3527 11.9207C18.3527 10.6134 17.8388 9.36962 16.9056 8.4209L17.9094 7.43123C19.1066 8.64396 19.7645 10.2393 19.7645 11.9207C19.7645 13.6036 19.1066 15.1989 17.9094 16.4116L16.9056 15.422C17.8388 14.4732 18.3527 13.2295 18.3527 11.9207Z", fill: "currentColor" }) }), Ge = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 16.8627V6.98017L11.2943 1.33301H14.1179V22.5099H11.2943L5.64714 16.8627ZM0 14.745V9.09785C0 7.92607 0.945899 6.98017 2.11768 6.98017H4.23537V16.8627H2.11768C0.945899 16.8627 0 15.9168 0 14.745ZM16.9056 8.4209C17.8388 9.36962 18.3527 10.6134 18.3527 11.9207C18.3527 13.2295 17.8388 14.4732 16.9056 15.422L17.9094 16.4116C19.1066 15.1989 19.7645 13.6036 19.7645 11.9207C19.7645 10.2393 19.1066 8.64396 17.9094 7.43123L16.9056 8.4209ZM19.9016 5.43185L20.8997 4.43372C22.9002 6.43422 24 9.09403 24 11.9219C24 14.7497 22.9002 17.4081 20.8997 19.4086L19.9016 18.4104C21.6353 16.6782 22.5882 14.3727 22.5882 11.9219C22.5882 9.46957 21.6353 7.16553 19.9016 5.43185Z", fill: "currentColor" }) }), e1 = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.691 3.99987V10.5281L0 4.00655V20.2596L10.691 13.7367V20.2663L23.9987 12.1331L10.691 3.99987Z", fill: "currentColor" }) }), t1 = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.309 3.99987L0 12.1331L13.309 20.2663V13.7367L23.9987 20.2596V4.00655L13.309 10.5281V3.99987Z", fill: "currentColor" }) }), n1 = "_feedback-overlay_v4lbu_1", o1 = "_feedback-message_v4lbu_14", i1 = "_feedback-icon_v4lbu_30", s1 = "_feedback-icon-animation_v4lbu_1", x = {
   "feedback-overlay": "_feedback-overlay_v4lbu_1",
   feedbackOverlay: n1,
   "feedback-message": "_feedback-message_v4lbu_14",
@@ -1005,21 +1005,21 @@ function a1() {
   const e = Te();
   switch ((o = e.lastKeyboardAction) == null ? void 0 : o.action) {
     case "togglePaused":
-      return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: e.paused ? /* @__PURE__ */ t(ge, {}) : /* @__PURE__ */ t(ve, {}) });
+      return /* @__PURE__ */ t("i", { className: x.feedbackIcon, children: e.paused ? /* @__PURE__ */ t(ge, {}) : /* @__PURE__ */ t(ve, {}) });
     case "toggleCaptions":
     case "nextCaptionLanguage":
     case "previousCaptionLanguage":
-      return e.hasCaptions ? /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: /* @__PURE__ */ t(Ze, {}) }) : null;
+      return e.hasCaptions ? /* @__PURE__ */ t("i", { className: x.feedbackIcon, children: /* @__PURE__ */ t(Ze, {}) }) : null;
     case "volumeUp":
     case "volumeDown":
     case "toggleMuted":
-      return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: e.muted || e.volume === 0 ? /* @__PURE__ */ t(Ue, {}) : e.volume >= 0.5 ? /* @__PURE__ */ t(Ge, {}) : /* @__PURE__ */ t(qe, {}) });
+      return /* @__PURE__ */ t("i", { className: x.feedbackIcon, children: e.muted || e.volume === 0 ? /* @__PURE__ */ t(Ue, {}) : e.volume >= 0.5 ? /* @__PURE__ */ t(Ge, {}) : /* @__PURE__ */ t(qe, {}) });
     case "seekForward":
     case "seekForward10":
-      return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: /* @__PURE__ */ t(e1, { className: "right" }) });
+      return /* @__PURE__ */ t("i", { className: x.feedbackIcon, children: /* @__PURE__ */ t(e1, { className: "right" }) });
     case "seekBackward":
     case "seekBackward10":
-      return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: /* @__PURE__ */ t(t1, { className: "left" }) });
+      return /* @__PURE__ */ t("i", { className: x.feedbackIcon, children: /* @__PURE__ */ t(t1, { className: "left" }) });
     default:
       return null;
   }
@@ -1031,32 +1031,32 @@ function c1() {
     case "toggleCaptions":
     case "nextCaptionLanguage":
     case "previousCaptionLanguage":
-      return /* @__PURE__ */ t("div", { className: L.feedbackMessage, children: n.textTrack ? e("CAPTION_LANGUAGE", { language: n.textTrack.label }) : `${e("CAPTIONS")}: ${e("OFF")}` });
+      return /* @__PURE__ */ t("div", { className: x.feedbackMessage, children: n.textTrack ? e("CAPTION_LANGUAGE", { language: n.textTrack.label }) : `${e("CAPTIONS")}: ${e("OFF")}` });
     case "volumeUp":
     case "volumeDown":
     case "toggleMuted":
-      return /* @__PURE__ */ t("div", { className: L.feedbackMessage, children: n.muted || n.volume === 0 ? e("MUTED") : e("VOLUME_VALUE", { volume: (n.volume * 100).toFixed(0) }) });
+      return /* @__PURE__ */ t("div", { className: x.feedbackMessage, children: n.muted || n.volume === 0 ? e("MUTED") : e("VOLUME_VALUE", { volume: (n.volume * 100).toFixed(0) }) });
     case "increasePlaybackRate":
     case "decreasePlaybackRate":
     case "resetPlaybackRate":
-      return /* @__PURE__ */ t("div", { className: L.feedbackMessage, children: e("PLAYBACK_SPEED_MESSAGE", { speed: n.playbackRate }) });
+      return /* @__PURE__ */ t("div", { className: x.feedbackMessage, children: e("PLAYBACK_SPEED_MESSAGE", { speed: n.playbackRate }) });
     case "seekForward":
-      return /* @__PURE__ */ t("div", { className: L.feedbackMessage, children: e("SEEK_FORWARD", { seconds: 5 }) });
+      return /* @__PURE__ */ t("div", { className: x.feedbackMessage, children: e("SEEK_FORWARD", { seconds: 5 }) });
     case "seekForward10":
-      return /* @__PURE__ */ t("div", { className: L.feedbackMessage, children: e("SEEK_FORWARD", { seconds: 10 }) });
+      return /* @__PURE__ */ t("div", { className: x.feedbackMessage, children: e("SEEK_FORWARD", { seconds: 10 }) });
     case "seekBackward":
-      return /* @__PURE__ */ t("div", { className: L.feedbackMessage, children: e("SEEK_BACKWARD", { seconds: 5 }) });
+      return /* @__PURE__ */ t("div", { className: x.feedbackMessage, children: e("SEEK_BACKWARD", { seconds: 5 }) });
     case "seekBackward10":
-      return /* @__PURE__ */ t("div", { className: L.feedbackMessage, children: e("SEEK_BACKWARD", { seconds: 10 }) });
+      return /* @__PURE__ */ t("div", { className: x.feedbackMessage, children: e("SEEK_BACKWARD", { seconds: 10 }) });
     default:
       return null;
   }
 }
-const l1 = $e(a1, 500), r1 = $e(c1, 1e3);
+const r1 = $e(a1, 500), l1 = $e(c1, 1e3);
 function Qe() {
-  return /* @__PURE__ */ c("div", { className: L.feedbackOverlay, children: [
-    /* @__PURE__ */ t(l1, {}),
-    /* @__PURE__ */ t(r1, {})
+  return /* @__PURE__ */ c("div", { className: x.feedbackOverlay, children: [
+    /* @__PURE__ */ t(r1, {}),
+    /* @__PURE__ */ t(l1, {})
   ] });
 }
 const u1 = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.1383 0.999867V3.66268H18.4561L3.66281 18.4546V14.1382H1V23H9.86449V20.3372H5.54542L20.3387 5.54528V9.86303H23.0001V0.999867H14.1383Z", fill: "currentColor" }) }), d1 = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.562 6.58944L22.1514 0L24.0005 1.84907L17.4111 8.43851H21.6506V11.0552H12.9453V2.34861H15.562V6.58944ZM2.34861 15.5615V12.9461H11.0539V21.6501H8.43982V17.4106L1.84907 24L0 22.1509L6.59075 15.5615H2.34861Z", fill: "currentColor" }) }), m1 = "_full-screen-button_1xm32_2", h1 = {
@@ -1064,7 +1064,7 @@ const u1 = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0
   fullScreenButton: m1
 };
 function p1() {
-  const e = f("fullscreen"), n = F(), o = g(), i = M(), { t: s } = C();
+  const e = f("fullscreen"), n = F(), o = v(), i = M(), { t: s } = C();
   return i.hideFullScreen ? null : /* @__PURE__ */ t(
     "button",
     {
@@ -1228,18 +1228,18 @@ function N1({ onClose: e }) {
     }
   );
 }
-const I1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.8 3.6C9.79288 3.6 10.6 2.79288 10.6 1.8C10.6 0.80712 9.79288 0 8.8 0C7.80712 0 7 0.80712 7 1.8C7 2.79288 7.80712 3.6 8.8 3.6ZM10.6 8.99999C10.6 9.99287 9.79288 10.8 8.8 10.8C7.80712 10.8 7 9.99287 7 8.99999C7 8.00711 7.80712 7.19999 8.8 7.19999C9.79288 7.19999 10.6 8.00711 10.6 8.99999ZM10.6 16.2C10.6 17.1929 9.79288 18 8.8 18C7.80712 18 7 17.1929 7 16.2C7 15.2071 7.80712 14.4 8.8 14.4C9.79288 14.4 10.6 15.2071 10.6 16.2Z", fill: "currentColor" }) }), H1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.1074 16.8677C12.8638 16.8677 11.8524 15.8563 11.8524 14.6127C11.8524 14.4154 11.8862 14.2271 11.9336 14.0444C12.0317 13.6701 12.22 13.3318 12.4804 13.059C12.8908 12.6294 13.467 12.3576 14.1074 12.3576C15.3511 12.3576 16.3625 13.369 16.3625 14.6127C16.3625 15.8563 15.3511 16.8677 14.1074 16.8677ZM4.38257 11.2301C3.13891 11.2301 2.12752 10.2187 2.12752 8.97507C2.12752 7.73141 3.13891 6.72002 4.38257 6.72002C5.01623 6.72002 5.58676 6.98386 5.99718 7.40556C6.25989 7.67616 6.44819 8.01329 6.54966 8.38763C6.60153 8.57592 6.63761 8.76986 6.63761 8.97507C6.63761 9.2017 6.59364 9.41818 6.53049 9.62452C6.41887 9.99435 6.22155 10.327 5.94982 10.5908C5.54391 10.9843 4.99256 11.2301 4.38257 11.2301ZM11.8524 3.38257C11.8524 2.13891 12.8638 1.12753 14.1074 1.12753C15.3511 1.12753 16.3625 2.13891 16.3625 3.38257C16.3625 4.62622 15.3511 5.63761 14.1074 5.63761C13.4749 5.63761 12.9055 5.3749 12.4962 4.95546C12.2324 4.68485 12.0429 4.34773 11.9415 3.97339C11.8896 3.78397 11.8524 3.5889 11.8524 3.38257ZM14.1074 11.2301C13.0498 11.2301 12.1151 11.7273 11.495 12.4907L7.52722 10.1996C7.67605 9.81846 7.76513 9.40804 7.76513 8.97507C7.76513 8.56465 7.68056 8.17678 7.54639 7.8126L11.5108 5.5226C12.132 6.27466 13.0588 6.76513 14.1074 6.76513C15.9724 6.76513 17.49 5.24748 17.49 3.38256C17.49 1.51764 15.9724 0 14.1074 0C12.2425 0 10.7249 1.51764 10.7249 3.38256C10.7249 3.79411 10.8094 4.18423 10.9447 4.54842L6.9815 6.83729C6.36136 6.08411 5.43341 5.59251 4.38256 5.59251C2.51764 5.59251 1 7.11015 1 8.97507C1 10.84 2.51764 12.3576 4.38256 12.3576C5.40974 12.3576 6.32077 11.8875 6.94091 11.1625L10.9368 13.4694C10.8072 13.829 10.7249 14.2102 10.7249 14.6127C10.7249 16.4776 12.2425 17.9952 14.1074 17.9952C15.9724 17.9952 17.49 16.4776 17.49 14.6127C17.49 12.7478 15.9724 11.2301 14.1074 11.2301Z", fill: "currentColor" }) }), V1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.7647 16.9412H2.05882V1.05883H10.5294V5.29412H14.7647V16.9412ZM11.5882 1.278L14.5455 4.2353H11.5882V1.278ZM15.3587 3.55129L12.2722 0.464824C11.9715 0.165176 11.5724 0 11.1488 0H1V18H15.8235V4.67471C15.8235 4.25118 15.6584 3.852 15.3587 3.55129ZM1 0H15.8235V18H1V0ZM1 18H15.8235V0H1V18ZM4.17649 5.29412H8.41178V4.23529H4.17649V5.29412ZM4.17649 9.52941H10.5294V8.47059H4.17649V9.52941ZM4.17649 13.7647H8.41178V12.7059H4.17649V13.7647ZM4.17649 7.41177H12.6471V6.35294H4.17649V7.41177ZM4.17649 11.6471H11.5883V10.5882H4.17649V11.6471Z", fill: "currentColor" }) }), S1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.30365 10.9535V0H9.3637V10.9535L12.6986 7.61855L13.4491 8.368L8.83261 12.9824L4.21823 8.368L4.96875 7.61855L8.30365 10.9535ZM3.77376 16.94H13.9354L16.9607 13.9146L17.7091 14.6651L14.3742 18H3.3349L0 14.6651L0.749452 13.9146L3.77376 16.94Z", fill: "currentColor" }) }), T1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.8234 16.4118C14.8234 16.7029 14.5852 16.9412 14.294 16.9412H3.70577C3.41459 16.9412 3.17636 16.7029 3.17636 16.4118V5.29412H2.11753V16.4118C2.11753 17.2874 2.83012 18 3.70577 18H14.294C15.1697 18 15.8822 17.2874 15.8822 16.4118V5.29412H14.8234V16.4118ZM6.35284 14.8235H7.41166V6.35294H6.35284V14.8235ZM10.5881 14.8235H11.6469V6.35294H10.5881V14.8235ZM12.5682 3.17647L11.4099 0H6.51176L5.35553 3.17647H0V4.23529H18V3.17647H12.5682ZM6.48105 3.17647L7.25293 1.05882H10.6698L11.4416 3.17647H6.48105Z", fill: "currentColor" }) }), E1 = {
+const I1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.8 3.6C9.79288 3.6 10.6 2.79288 10.6 1.8C10.6 0.80712 9.79288 0 8.8 0C7.80712 0 7 0.80712 7 1.8C7 2.79288 7.80712 3.6 8.8 3.6ZM10.6 8.99999C10.6 9.99287 9.79288 10.8 8.8 10.8C7.80712 10.8 7 9.99287 7 8.99999C7 8.00711 7.80712 7.19999 8.8 7.19999C9.79288 7.19999 10.6 8.00711 10.6 8.99999ZM10.6 16.2C10.6 17.1929 9.79288 18 8.8 18C7.80712 18 7 17.1929 7 16.2C7 15.2071 7.80712 14.4 8.8 14.4C9.79288 14.4 10.6 15.2071 10.6 16.2Z", fill: "currentColor" }) }), H1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.1074 16.8677C12.8638 16.8677 11.8524 15.8563 11.8524 14.6127C11.8524 14.4154 11.8862 14.2271 11.9336 14.0444C12.0317 13.6701 12.22 13.3318 12.4804 13.059C12.8908 12.6294 13.467 12.3576 14.1074 12.3576C15.3511 12.3576 16.3625 13.369 16.3625 14.6127C16.3625 15.8563 15.3511 16.8677 14.1074 16.8677ZM4.38257 11.2301C3.13891 11.2301 2.12752 10.2187 2.12752 8.97507C2.12752 7.73141 3.13891 6.72002 4.38257 6.72002C5.01623 6.72002 5.58676 6.98386 5.99718 7.40556C6.25989 7.67616 6.44819 8.01329 6.54966 8.38763C6.60153 8.57592 6.63761 8.76986 6.63761 8.97507C6.63761 9.2017 6.59364 9.41818 6.53049 9.62452C6.41887 9.99435 6.22155 10.327 5.94982 10.5908C5.54391 10.9843 4.99256 11.2301 4.38257 11.2301ZM11.8524 3.38257C11.8524 2.13891 12.8638 1.12753 14.1074 1.12753C15.3511 1.12753 16.3625 2.13891 16.3625 3.38257C16.3625 4.62622 15.3511 5.63761 14.1074 5.63761C13.4749 5.63761 12.9055 5.3749 12.4962 4.95546C12.2324 4.68485 12.0429 4.34773 11.9415 3.97339C11.8896 3.78397 11.8524 3.5889 11.8524 3.38257ZM14.1074 11.2301C13.0498 11.2301 12.1151 11.7273 11.495 12.4907L7.52722 10.1996C7.67605 9.81846 7.76513 9.40804 7.76513 8.97507C7.76513 8.56465 7.68056 8.17678 7.54639 7.8126L11.5108 5.5226C12.132 6.27466 13.0588 6.76513 14.1074 6.76513C15.9724 6.76513 17.49 5.24748 17.49 3.38256C17.49 1.51764 15.9724 0 14.1074 0C12.2425 0 10.7249 1.51764 10.7249 3.38256C10.7249 3.79411 10.8094 4.18423 10.9447 4.54842L6.9815 6.83729C6.36136 6.08411 5.43341 5.59251 4.38256 5.59251C2.51764 5.59251 1 7.11015 1 8.97507C1 10.84 2.51764 12.3576 4.38256 12.3576C5.40974 12.3576 6.32077 11.8875 6.94091 11.1625L10.9368 13.4694C10.8072 13.829 10.7249 14.2102 10.7249 14.6127C10.7249 16.4776 12.2425 17.9952 14.1074 17.9952C15.9724 17.9952 17.49 16.4776 17.49 14.6127C17.49 12.7478 15.9724 11.2301 14.1074 11.2301Z", fill: "currentColor" }) }), S1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.7647 16.9412H2.05882V1.05883H10.5294V5.29412H14.7647V16.9412ZM11.5882 1.278L14.5455 4.2353H11.5882V1.278ZM15.3587 3.55129L12.2722 0.464824C11.9715 0.165176 11.5724 0 11.1488 0H1V18H15.8235V4.67471C15.8235 4.25118 15.6584 3.852 15.3587 3.55129ZM1 0H15.8235V18H1V0ZM1 18H15.8235V0H1V18ZM4.17649 5.29412H8.41178V4.23529H4.17649V5.29412ZM4.17649 9.52941H10.5294V8.47059H4.17649V9.52941ZM4.17649 13.7647H8.41178V12.7059H4.17649V13.7647ZM4.17649 7.41177H12.6471V6.35294H4.17649V7.41177ZM4.17649 11.6471H11.5883V10.5882H4.17649V11.6471Z", fill: "currentColor" }) }), V1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.30365 10.9535V0H9.3637V10.9535L12.6986 7.61855L13.4491 8.368L8.83261 12.9824L4.21823 8.368L4.96875 7.61855L8.30365 10.9535ZM3.77376 16.94H13.9354L16.9607 13.9146L17.7091 14.6651L14.3742 18H3.3349L0 14.6651L0.749452 13.9146L3.77376 16.94Z", fill: "currentColor" }) }), T1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.8234 16.4118C14.8234 16.7029 14.5852 16.9412 14.294 16.9412H3.70577C3.41459 16.9412 3.17636 16.7029 3.17636 16.4118V5.29412H2.11753V16.4118C2.11753 17.2874 2.83012 18 3.70577 18H14.294C15.1697 18 15.8822 17.2874 15.8822 16.4118V5.29412H14.8234V16.4118ZM6.35284 14.8235H7.41166V6.35294H6.35284V14.8235ZM10.5881 14.8235H11.6469V6.35294H10.5881V14.8235ZM12.5682 3.17647L11.4099 0H6.51176L5.35553 3.17647H0V4.23529H18V3.17647H12.5682ZM6.48105 3.17647L7.25293 1.05882H10.6698L11.4416 3.17647H6.48105Z", fill: "currentColor" }) }), E1 = {
   share: /* @__PURE__ */ t(H1, {}),
-  transcript: /* @__PURE__ */ t(V1, {}),
-  media: /* @__PURE__ */ t(S1, {}),
+  transcript: /* @__PURE__ */ t(S1, {}),
+  media: /* @__PURE__ */ t(V1, {}),
   delete: /* @__PURE__ */ t(T1, {})
 }, R1 = (e) => typeof e != "string";
 function A1() {
-  const [e, n] = x(!1), [o, i] = x(null), s = g(), a = M(), l = () => {
+  const [e, n] = L(!1), [o, i] = L(null), s = v(), a = M(), r = () => {
     n(!e), s.setGlobalKeysDisabled(!e);
-  }, r = G(null), u = G([]), { refs: m, floatingStyles: v, context: y } = ue({
+  }, l = G(null), u = G([]), { refs: d, floatingStyles: b, context: w } = ue({
     open: e,
-    onOpenChange: l,
+    onOpenChange: r,
     whileElementsMounted: de,
     placement: "top-end",
     middleware: [
@@ -1247,15 +1247,15 @@ function A1() {
       Re(10),
       me(),
       he({
-        element: r
+        element: l
       })
     ]
-  }), k = vt(y, {
+  }), k = vt(w, {
     listRef: u,
     activeIndex: o,
     onNavigate: i
-  }), w = pe(y), { getReferenceProps: N, getFloatingProps: h, getItemProps: b } = _e(
-    [w, k]
+  }), y = pe(w), { getReferenceProps: N, getFloatingProps: h, getItemProps: g } = _e(
+    [y, k]
   ), { t: P } = C();
   return a.kebabMenuElements.length > 0 ? /* @__PURE__ */ c(Q, { children: [
     /* @__PURE__ */ t(
@@ -1265,23 +1265,23 @@ function A1() {
         type: "button",
         className: `${I.controlsButton} ${I.kebabMenuButton}`,
         tabIndex: s.state.interactionsDisabled ? -1 : 0,
-        ref: m.setReference,
+        ref: d.setReference,
         ...N({
-          onClick: () => l()
+          onClick: () => r()
         }),
         children: /* @__PURE__ */ t(I1, {})
       }
     ),
-    e && /* @__PURE__ */ t(fe, { context: y, modal: !1, children: /* @__PURE__ */ c(
+    e && /* @__PURE__ */ t(fe, { context: w, modal: !1, children: /* @__PURE__ */ c(
       "div",
       {
-        ref: m.setFloating,
-        style: v,
+        ref: d.setFloating,
+        style: b,
         className: I.kebabMenu,
         ...h(),
         children: [
           a.kebabMenuElements.map(
-            ({ id: T, text: Z, icon: S, onClick: Y }, X) => /* @__PURE__ */ c(
+            ({ id: T, text: Z, icon: V, onClick: Y }, X) => /* @__PURE__ */ c(
               "button",
               {
                 tabIndex: o === X ? 0 : -1,
@@ -1290,13 +1290,13 @@ function A1() {
                 ref: (se) => {
                   u.current[X] = se;
                 },
-                ...b({
+                ...g({
                   onClick: () => {
                     Y(T), n(!1);
                   }
                 }),
                 children: [
-                  R1(S) ? S : E1[S],
+                  R1(V) ? V : E1[V],
                   Z
                 ]
               },
@@ -1306,8 +1306,8 @@ function A1() {
           /* @__PURE__ */ t(
             Ce,
             {
-              ref: r,
-              context: y,
+              ref: l,
+              context: w,
               className: I.arrow
             }
           )
@@ -1318,24 +1318,24 @@ function A1() {
 }
 const B1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.76472 10.5294C5.05696 10.5294 5.29413 10.2922 5.29413 9.99999V8.94117C5.29413 8.64893 5.05696 8.41175 4.76472 8.41175H3.7059C3.41366 8.41175 3.17649 8.64893 3.17649 8.94117V9.99999C3.17649 10.2922 3.41366 10.5294 3.7059 10.5294H4.76472ZM11.1177 10.5294C11.4099 10.5294 11.6471 10.2922 11.6471 9.99999V8.94117C11.6471 8.64893 11.4099 8.41175 11.1177 8.41175H10.0588C9.76661 8.41175 9.52944 8.64893 9.52944 8.94117V9.99999C9.52944 10.2922 9.76661 10.5294 10.0588 10.5294H11.1177ZM14.8235 9.99999C14.8235 10.2922 14.5864 10.5294 14.2941 10.5294H13.2353C12.9431 10.5294 12.7059 10.2922 12.7059 9.99999V8.94117C12.7059 8.64893 12.9431 8.41175 13.2353 8.41175H14.2941C14.5864 8.41175 14.8235 8.64893 14.8235 8.94117V9.99999ZM14.8235 13.1765C14.8235 13.4687 14.5864 13.7059 14.2941 13.7059H13.2353C12.9431 13.7059 12.7059 13.4687 12.7059 13.1765V12.1176C12.7059 11.8254 12.9431 11.5882 13.2353 11.5882H14.2941C14.5864 11.5882 14.8235 11.8254 14.8235 12.1176V13.1765ZM11.6471 13.1765C11.6471 13.4687 11.4099 13.7059 11.1177 13.7059H6.88239C6.59015 13.7059 6.35297 13.4687 6.35297 13.1765V12.1176C6.35297 11.8254 6.59015 11.5882 6.88239 11.5882H11.1177C11.4099 11.5882 11.6471 11.8254 11.6471 12.1176V13.1765ZM5.29413 13.1765C5.29413 13.4687 5.05696 13.7059 4.76472 13.7059H3.7059C3.41366 13.7059 3.17649 13.4687 3.17649 13.1765V12.1176C3.17649 11.8254 3.41366 11.5882 3.7059 11.5882H4.76472C5.05696 11.5882 5.29413 11.8254 5.29413 12.1176V13.1765ZM6.88238 8.41175C6.59015 8.41175 6.35297 8.64893 6.35297 8.94117V9.99999C6.35297 10.2922 6.59015 10.5294 6.88238 10.5294H7.94121C8.23344 10.5294 8.47062 10.2922 8.47062 9.99999V8.94117C8.47062 8.64893 8.23344 8.41175 7.94121 8.41175H6.88238ZM16.4118 5.23529H9.57494C9.71471 4.42 10.1933 4.17118 10.8254 3.85565C11.6629 3.43741 12.7059 2.91541 12.7059 1H11.6471C11.6471 2.26106 11.1039 2.53212 10.3511 2.90906C9.59824 3.28494 8.68659 3.75506 8.50871 5.23529H1.58824C0.712588 5.23529 0 5.94788 0 6.82353V15.2941C0 16.1698 0.712588 16.8824 1.58824 16.8824H16.4118C17.2874 16.8824 18 16.1698 18 15.2941V6.82353C18 5.94788 17.2874 5.23529 16.4118 5.23529Z", fill: "currentColor" }) });
 function O1() {
-  const [e, n] = x(!1), [o, i] = x(!1), [s, a] = x(!1), l = g(), r = f("playing"), u = oe(), { t: m } = C(), v = _(() => {
-    n(!0), l.disableInteractions(), r && (a(!0), u.pause());
-  }, [r, u, l]), y = _(() => {
-    n(!1), i(!0), l.enableInteractions(), s && (a(!1), u.play());
-  }, [s, u, l]), k = _(
-    (w) => o && (w == null ? void 0 : w.focus()),
+  const [e, n] = L(!1), [o, i] = L(!1), [s, a] = L(!1), r = v(), l = f("playing"), u = oe(), { t: d } = C(), b = _(() => {
+    n(!0), r.disableInteractions(), l && (a(!0), u.pause());
+  }, [l, u, r]), w = _(() => {
+    n(!1), i(!0), r.enableInteractions(), s && (a(!1), u.play());
+  }, [s, u, r]), k = _(
+    (y) => o && (y == null ? void 0 : y.focus()),
     [o]
   );
-  return e ? /* @__PURE__ */ t(N1, { onClose: y }) : /* @__PURE__ */ c("div", { className: I.controlsOverlay, children: [
+  return e ? /* @__PURE__ */ t(N1, { onClose: w }) : /* @__PURE__ */ c("div", { className: I.controlsOverlay, children: [
     /* @__PURE__ */ t(
       "button",
       {
         ref: k,
-        "aria-label": m("KEYBOARD_SHORTCUTS"),
+        "aria-label": d("KEYBOARD_SHORTCUTS"),
         type: "button",
         className: `${I.controlsButton} ${I.keyboardShortcutsButton}`,
-        onClick: v,
-        tabIndex: l.state.interactionsDisabled ? -1 : 0,
+        onClick: b,
+        tabIndex: r.state.interactionsDisabled ? -1 : 0,
         children: /* @__PURE__ */ t(B1, {})
       }
     ),
@@ -1347,7 +1347,7 @@ const F1 = "_play-pause-button_1834v_1", Z1 = {
   playPauseButton: F1
 };
 function z1() {
-  const e = F(), n = g(), o = f("paused"), { t: i } = C();
+  const e = F(), n = v(), o = f("paused"), { t: i } = C();
   return e ? /* @__PURE__ */ t(
     "button",
     {
@@ -1402,7 +1402,7 @@ function eo() {
     /* @__PURE__ */ t(xe, { type: "duration" })
   ] });
 }
-const to = "_comment-markers_fno42_1", no = "_comment-marker_fno42_1", oo = "_timeline-wrapper_fno42_27", io = "_track_fno42_41", so = "_thumb_fno42_52", ao = "_root_fno42_66", co = "_track-inner_fno42_96", lo = "_progress_fno42_102", ro = "_track-fill_fno42_108", uo = "_pins_fno42_125", mo = "_pin-button_fno42_138", ho = "_annotation-pin_fno42_158", po = "_quiz-pin_fno42_163", _o = "_annotation-pin-child_fno42_168", fo = "_quiz-pin-child_fno42_172", Co = "_interactive-pin-container_fno42_177", bo = "_interactive-pin-wrapper_fno42_187", go = "_interactive-pin-icon_fno42_193", vo = "_interactive-pin_fno42_177", wo = "_bg_fno42_207", yo = "_symbol_fno42_211", ko = "_interactive-pin-button_fno42_216", Lo = "_interactive-pin-menu_fno42_236", xo = "_interactive-pin-menu-item_fno42_250", Mo = "_arrow_fno42_271", d = {
+const to = "_comment-markers_fno42_1", no = "_comment-marker_fno42_1", oo = "_timeline-wrapper_fno42_27", io = "_track_fno42_41", so = "_thumb_fno42_52", ao = "_root_fno42_66", co = "_track-inner_fno42_96", ro = "_progress_fno42_102", lo = "_track-fill_fno42_108", uo = "_pins_fno42_125", mo = "_pin-button_fno42_138", ho = "_annotation-pin_fno42_158", po = "_quiz-pin_fno42_163", _o = "_annotation-pin-child_fno42_168", fo = "_quiz-pin-child_fno42_172", Co = "_interactive-pin-container_fno42_177", bo = "_interactive-pin-wrapper_fno42_187", go = "_interactive-pin-icon_fno42_193", vo = "_interactive-pin_fno42_177", wo = "_bg_fno42_207", yo = "_symbol_fno42_211", ko = "_interactive-pin-button_fno42_216", Lo = "_interactive-pin-menu_fno42_236", xo = "_interactive-pin-menu-item_fno42_250", Mo = "_arrow_fno42_271", m = {
   "comment-markers": "_comment-markers_fno42_1",
   commentMarkers: to,
   "comment-marker": "_comment-marker_fno42_1",
@@ -1414,9 +1414,9 @@ const to = "_comment-markers_fno42_1", no = "_comment-marker_fno42_1", oo = "_ti
   root: ao,
   "track-inner": "_track-inner_fno42_96",
   trackInner: co,
-  progress: lo,
+  progress: ro,
   "track-fill": "_track-fill_fno42_108",
-  trackFill: ro,
+  trackFill: lo,
   pins: uo,
   "pin-button": "_pin-button_fno42_138",
   pinButton: mo,
@@ -1446,8 +1446,8 @@ const to = "_comment-markers_fno42_1", no = "_comment-marker_fno42_1", oo = "_ti
   interactivePinMenuItem: xo,
   arrow: Mo
 }, Po = {
-  annotation: d.annotationPin,
-  quiz: d.quizPin
+  annotation: m.annotationPin,
+  quiz: m.quizPin
 };
 function je({
   type: e,
@@ -1455,13 +1455,13 @@ function je({
   children: o,
   onClick: i
 }) {
-  const s = g();
+  const s = v();
   return /* @__PURE__ */ t(
     "button",
     {
       type: "button",
       tabIndex: s.state.interactionsDisabled ? -1 : 0,
-      className: d.pinButton,
+      className: m.pinButton,
       style: { left: `${n}%` },
       onClick: i,
       children: /* @__PURE__ */ c(
@@ -1485,7 +1485,7 @@ function No(e) {
   return /* @__PURE__ */ t(je, { type: "annotation", ...e, children: /* @__PURE__ */ t(
     "path",
     {
-      className: d.annotationPinChild,
+      className: m.annotationPinChild,
       fillRule: "evenodd",
       clipRule: "evenodd",
       d: "M7 8V19.25H8.875V18.875C8.875 17.8415 9.7165 17 10.75 17H19V8H7ZM10 11.75H16V11H10V11.75ZM14.5 14H10V13.25H14.5V14Z",
@@ -1495,10 +1495,10 @@ function No(e) {
   ) });
 }
 function Io(e) {
-  return /* @__PURE__ */ t(je, { type: "quiz", ...e, children: e.multiple ? /* @__PURE__ */ t("circle", { className: d.quizPinChild, cx: "13", cy: "13", r: "6" }) : /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(je, { type: "quiz", ...e, children: e.multiple ? /* @__PURE__ */ t("circle", { className: m.quizPinChild, cx: "13", cy: "13", r: "6" }) : /* @__PURE__ */ t(
     "text",
     {
-      className: d.quizPinChild,
+      className: m.quizPinChild,
       x: "50%",
       y: "56%",
       textAnchor: "middle",
@@ -1517,19 +1517,19 @@ function Ho(e, n) {
     onClick: () => n(o)
   }));
 }
-function Vo(e, n) {
+function So(e, n) {
   const o = /* @__PURE__ */ new Map();
   e.forEach((a) => {
-    var r;
-    const l = a.time;
-    o.has(l) || o.set(l, []), (r = o.get(l)) == null || r.push(a);
+    var l;
+    const r = a.time;
+    o.has(r) || o.set(r, []), (l = o.get(r)) == null || l.push(a);
   });
   const i = [];
   let s = 0;
-  return o.forEach((a, l) => {
+  return o.forEach((a, r) => {
     i.push({
-      id: a.map((r) => r.id).join("-"),
-      time: l,
+      id: a.map((l) => l.id).join("-"),
+      time: r,
       type: "quiz",
       ordinal: s + 1,
       onClick: () => n(a),
@@ -1537,7 +1537,7 @@ function Vo(e, n) {
     }), s++;
   }), i;
 }
-function So(e, n, o, i) {
+function Vo(e, n, o, i) {
   switch (e.type) {
     case "annotation": {
       const s = () => i ? e.onClick() : o.seek(e.time);
@@ -1571,16 +1571,16 @@ function To() {
       o.annotations,
       o.onAnnotationClick
     ),
-    ...Vo(o.quizMarkers, o.onQuizMarkerClick)
-  ].sort((a, l) => a.time - l.time).map((a) => So(a, n, e, o.interactive)), [o.annotations, o.quizMarkers, n, e]);
-  return /* @__PURE__ */ t("div", { className: d.pins, children: i });
+    ...So(o.quizMarkers, o.onQuizMarkerClick)
+  ].sort((a, r) => a.time - r.time).map((a) => Vo(a, n, e, o.interactive)), [o.annotations, o.quizMarkers, n, e]);
+  return /* @__PURE__ */ t("div", { className: m.pins, children: i });
 }
 function Eo() {
-  const e = f("duration"), n = M(), o = g();
-  return n.hasComments && o.state.commentsEnabled ? /* @__PURE__ */ t("div", { className: d.commentMarkers, children: n.comments.map((i) => /* @__PURE__ */ t(
+  const e = f("duration"), n = M(), o = v();
+  return n.hasComments && o.state.commentsEnabled ? /* @__PURE__ */ t("div", { className: m.commentMarkers, children: n.comments.map((i) => /* @__PURE__ */ t(
     "span",
     {
-      className: d.commentMarker,
+      className: m.commentMarker,
       style: {
         left: `${i.timestamp / e * 100}%`
       }
@@ -1589,11 +1589,11 @@ function Eo() {
   )) }) : null;
 }
 function Ro({ currentTime: e, position: n }) {
-  const [o, i] = x(!1), s = M(), a = _(() => s.interactiveMenuElements.length > 0 ? i((w) => !w) : s.onInteractivePinClick(e), [
+  const [o, i] = L(!1), s = M(), a = _(() => s.interactiveMenuElements.length > 0 ? i((y) => !y) : s.onInteractivePinClick(e), [
     s.interactiveMenuElements,
     s.onInteractivePinClick,
     e
-  ]), l = G(null), { refs: r, floatingStyles: u, context: m } = ue({
+  ]), r = G(null), { refs: l, floatingStyles: u, context: d } = ue({
     open: o,
     onOpenChange: i,
     whileElementsMounted: de,
@@ -1603,24 +1603,24 @@ function Ro({ currentTime: e, position: n }) {
       Re(6),
       me(),
       he({
-        element: l
+        element: r
       })
     ]
-  }), v = pe(m), { getReferenceProps: y, getFloatingProps: k } = _e([v]);
+  }), b = pe(d), { getReferenceProps: w, getFloatingProps: k } = _e([b]);
   return /* @__PURE__ */ c(Q, { children: [
     /* @__PURE__ */ t(
       "button",
       {
         type: "button",
         onClick: a,
-        className: d.interactivePinButton,
-        ref: r.setReference,
+        className: m.interactivePinButton,
+        ref: l.setReference,
         style: { left: `${n}%` },
-        ...y(),
+        ...w(),
         children: /* @__PURE__ */ c(
           "svg",
           {
-            className: d.interactivePin,
+            className: m.interactivePin,
             width: "36",
             height: "44",
             fill: "none",
@@ -1630,21 +1630,21 @@ function Ro({ currentTime: e, position: n }) {
               /* @__PURE__ */ t(
                 "path",
                 {
-                  className: d.bg,
+                  className: m.bg,
                   d: "M 33.1703,27.499961 C 34.9615,24.721661 36,21.418761 36,17.874961 36,8.0028612 27.9411,-3.8819277e-5 18,-3.8819277e-5 8.0588999,-3.8819277e-5 -1.5e-7,8.0028612 -1.5e-7,17.874961 c 0,3.5438 1.03844995,6.8467 2.82964995,9.625 4.5447501,6.8094 10.1600502,10.1014 15.2487502,16.5 5.0364,-6.3985 10.5573,-9.7259 15.0919,-16.5 z"
                 }
               ),
               /* @__PURE__ */ t(
                 "path",
                 {
-                  className: d.symbol,
+                  className: m.symbol,
                   d: "m 35.499961,17.877772 c 0,3.443549 -1.008198,6.652061 -2.747494,9.351891 -2.235095,3.338633 -4.71529,5.832631 -7.286584,8.306425 -0.277599,0.267143 -0.556499,0.534085 -0.836198,0.801928 -2.174595,2.082232 -4.40389,4.216673 -6.553385,6.870196 -2.158995,-2.636621 -4.40379,-4.754859 -6.591985,-6.819788 -0.2979,-0.281145 -0.594699,-0.561289 -0.890198,-0.841534 C 7.9918219,33.077896 5.4869279,30.584698 3.2477829,27.230063 1.5082968,24.530133 0.50003905,21.321521 0.50003905,17.877772 0.50003905,8.2835422 8.3317219,0.50000048 18,0.50000048 c 9.668278,0 17.499961,7.78354172 17.499961,17.37777152 z"
                 }
               ),
               /* @__PURE__ */ t(
                 "path",
                 {
-                  className: d.interactivePinIcon,
+                  className: m.interactivePinIcon,
                   "data-open": o,
                   fillRule: "evenodd",
                   clipRule: "evenodd",
@@ -1661,24 +1661,24 @@ function Ro({ currentTime: e, position: n }) {
       fe,
       {
         order: ["floating", "content"],
-        context: m,
+        context: d,
         modal: !0,
         children: /* @__PURE__ */ c(
           "div",
           {
-            ref: r.setFloating,
+            ref: l.setFloating,
             style: u,
-            className: d.interactivePinMenu,
+            className: m.interactivePinMenu,
             ...k(),
             children: [
               s.interactiveMenuElements.map(
-                ({ id: w, text: N, onClick: h }) => /* @__PURE__ */ c(
+                ({ id: y, text: N, onClick: h }) => /* @__PURE__ */ c(
                   "button",
                   {
                     type: "button",
-                    className: d.interactivePinMenuItem,
+                    className: m.interactivePinMenuItem,
                     onClick: () => {
-                      h(w, e), i(!1);
+                      h(y, e), i(!1);
                     },
                     children: [
                       /* @__PURE__ */ t(
@@ -1703,15 +1703,15 @@ function Ro({ currentTime: e, position: n }) {
                       N
                     ]
                   },
-                  w
+                  y
                 )
               ),
               /* @__PURE__ */ t(
                 Ce,
                 {
-                  ref: l,
-                  context: m,
-                  className: d.arrow
+                  ref: r,
+                  context: d,
+                  className: m.arrow
                 }
               )
             ]
@@ -1724,16 +1724,16 @@ function Ro({ currentTime: e, position: n }) {
 function Ao() {
   const e = f("duration"), n = f("currentTime"), o = n / e * 100, { disableInteractivePinRanges: i } = M();
   return i.some(
-    ([a, l]) => n >= a && n <= l
-  ) ? null : /* @__PURE__ */ t("div", { className: d.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: d.interactivePinWrapper, children: /* @__PURE__ */ t(Ro, { currentTime: n, position: o }) }) });
+    ([a, r]) => n >= a && n <= r
+  ) ? null : /* @__PURE__ */ t("div", { className: m.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: m.interactivePinWrapper, children: /* @__PURE__ */ t(Ro, { currentTime: n, position: o }) }) });
 }
 function Bo() {
-  const e = f("paused"), n = g();
+  const e = f("paused"), n = v();
   return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(Ao, {}) : null;
 }
-const Oo = `${d.progress} ${d.trackInner}`, Fo = `${d.trackFill} ${d.trackInner}`;
+const Oo = `${m.progress} ${m.trackInner}`, Fo = `${m.trackFill} ${m.trackInner}`;
 function Ie({ className: e }) {
-  const n = g(), { hasAnnotations: o, hasQuizmarkers: i, interactive: s } = M(), a = e ? `${d.timelineWrapper} ${e}` : d.timelineWrapper;
+  const n = v(), { hasAnnotations: o, hasQuizmarkers: i, interactive: s } = M(), a = e ? `${m.timelineWrapper} ${e}` : m.timelineWrapper;
   return /* @__PURE__ */ c("div", { className: a, children: [
     s ? /* @__PURE__ */ t(Bo, {}) : null,
     s || o || i ? /* @__PURE__ */ t(To, {}) : null,
@@ -1741,14 +1741,14 @@ function Ie({ className: e }) {
     /* @__PURE__ */ c(
       $.Root,
       {
-        className: d.root,
+        className: m.root,
         tabIndex: n.state.interactionsDisabled ? -1 : 0,
         children: [
-          /* @__PURE__ */ c($.Track, { className: d.track, children: [
+          /* @__PURE__ */ c($.Track, { className: m.track, children: [
             /* @__PURE__ */ t($.Progress, { className: Oo }),
             /* @__PURE__ */ t($.TrackFill, { className: Fo })
           ] }),
-          /* @__PURE__ */ t($.Thumb, { className: d.thumb })
+          /* @__PURE__ */ t($.Thumb, { className: m.thumb })
         ]
       }
     )
@@ -1763,7 +1763,7 @@ const Zo = "_wrapper_12cb0_1", zo = "_track_12cb0_6", Ko = "_thumb_12cb0_18", Do
   root: $o
 };
 function Uo() {
-  const e = F(), n = f("volume"), o = f("muted"), i = g(), s = o || n === 0, { t: a } = C();
+  const e = F(), n = f("volume"), o = f("muted"), i = v(), s = o || n === 0, { t: a } = C();
   return /* @__PURE__ */ c("div", { className: q.wrapper, children: [
     /* @__PURE__ */ t(
       "button",
@@ -1884,7 +1884,7 @@ const He = {
     }
   }
 };
-function Ve(e) {
+function Se(e) {
   return typeof e == "number" && !isNaN(e);
 }
 function qo(e, n = 1e3) {
@@ -1895,7 +1895,7 @@ function qo(e, n = 1e3) {
     }, n));
   };
 }
-const Se = {
+const Ve = {
   volume: 1,
   muted: !1,
   lang: null,
@@ -1908,21 +1908,21 @@ const Se = {
 };
 class Go {
   constructor() {
-    V(this, "playerId", "studio-player");
-    V(this, "mediaId", null);
-    V(this, "data", Se);
-    V(this, "time", null);
-    V(this, "overrideTime", null);
-    V(this, "saveTime", () => {
+    S(this, "playerId", "studio-player");
+    S(this, "mediaId", null);
+    S(this, "data", Ve);
+    S(this, "time", null);
+    S(this, "overrideTime", null);
+    S(this, "saveTime", () => {
       if (!this.mediaId) return;
       const n = (this.time ?? 0).toString();
       localStorage.setItem(this.mediaId, n);
     });
-    V(this, "saveTimeThrottled", qo(this.saveTime, 1e3));
+    S(this, "saveTimeThrottled", qo(this.saveTime, 1e3));
     // only used for useStudioPlayer hook's state initialization
-    V(this, "initializeState", (n) => {
+    S(this, "initializeState", (n) => {
       const o = localStorage.getItem(this.playerId);
-      if (Ve(n) && n >= 0 && (this.overrideTime = n), o)
+      if (Se(n) && n >= 0 && (this.overrideTime = n), o)
         try {
           this.data = JSON.parse(o);
         } catch {
@@ -1937,7 +1937,7 @@ class Go {
         disableCaptionSettings: !1
       };
     });
-    V(this, "saveData", (n, o) => {
+    S(this, "saveData", (n, o) => {
       this.data = {
         ...this.data,
         [n]: o
@@ -1990,16 +1990,16 @@ class Go {
   onChange(n, o, i = "studio-player") {
     const s = i ? localStorage.getItem(i) : null, a = o ? localStorage.getItem(o) : null;
     this.playerId = i, this.mediaId = o;
-    let l = {};
+    let r = {};
     if (s)
       try {
-        l = JSON.parse(s);
+        r = JSON.parse(s);
       } catch {
       }
     this.data = {
-      ...Se,
-      ...l
-    }, Ve(this.overrideTime) && this.overrideTime >= 0 ? this.time = this.overrideTime : this.time = a ? +a : null;
+      ...Ve,
+      ...r
+    }, Se(this.overrideTime) && this.overrideTime >= 0 ? this.time = this.overrideTime : this.time = a ? +a : null;
   }
   save() {
     if (!this.playerId) return;
@@ -2008,53 +2008,53 @@ class Go {
   }
 }
 function Qo(e, n, o, i) {
-  const s = E(() => new Go(), []), [a, l] = x(
+  const s = E(() => new Go(), []), [a, r] = L(
     s.initializeState(i)
-  ), r = _(
+  ), l = _(
     (h) => {
-      l((b) => (s.saveData("multiplier", h), {
-        ...b,
+      r((g) => (s.saveData("multiplier", h), {
+        ...g,
         captionsFontSizeMultiplier: h
       }));
     },
     [s]
   ), u = _(() => {
-    l((h) => {
-      const b = !h.captionPositionOnTop;
-      return s.saveData("ontop", b), {
+    r((h) => {
+      const g = !h.captionPositionOnTop;
+      return s.saveData("ontop", g), {
         ...h,
-        captionPositionOnTop: b
+        captionPositionOnTop: g
       };
     });
-  }, [s]), m = _(() => {
-    l((h) => {
-      const b = !h.captionsInvertColors;
-      return s.saveData("invert", b), {
+  }, [s]), d = _(() => {
+    r((h) => {
+      const g = !h.captionsInvertColors;
+      return s.saveData("invert", g), {
         ...h,
-        captionsInvertColors: b
+        captionsInvertColors: g
       };
     });
-  }, [s]), v = _(() => {
-    l((h) => {
-      const b = !h.commentsEnabled;
-      return s.saveData("comments", b), {
+  }, [s]), b = _(() => {
+    r((h) => {
+      const g = !h.commentsEnabled;
+      return s.saveData("comments", g), {
         ...h,
-        commentsEnabled: b
+        commentsEnabled: g
       };
     });
-  }, [s]), y = _(() => {
-    l((h) => ({
+  }, [s]), w = _(() => {
+    r((h) => ({
       ...h,
       interactionsDisabled: !1
     }));
   }, []), k = _(() => {
-    l((h) => ({
+    r((h) => ({
       ...h,
       interactionsDisabled: !0
     }));
-  }, []), w = _((h) => {
-    l((b) => ({
-      ...b,
+  }, []), y = _((h) => {
+    r((g) => ({
+      ...g,
       globalKeysDisabled: h
     }));
   }, []), N = E(() => e ? {
@@ -2067,13 +2067,13 @@ function Qo(e, n, o, i) {
         ...a,
         commentsEnabled: n || a.commentsEnabled
       },
-      setCaptionsFontSizeMultiplier: r,
+      setCaptionsFontSizeMultiplier: l,
       toggleCaptionPositionOnTop: u,
-      toggleCaptionsInvertColors: m,
-      enableInteractions: y,
+      toggleCaptionsInvertColors: d,
+      enableInteractions: w,
       disableInteractions: k,
-      setGlobalKeysDisabled: w,
-      toggleComments: v,
+      setGlobalKeysDisabled: y,
+      toggleComments: b,
       disableCaptionSettings: o
     },
     shortcuts: N,
@@ -2110,28 +2110,41 @@ function Xo() {
     /* @__PURE__ */ t(ze, { captions: e.captions })
   ] });
 }
-function Jo(e, n, o) {
-  let i = !1;
-  return (s) => {
-    const a = s.detail.currentTime, l = !o.paused;
-    a >= e.time && !i && (i = !0, n(e, l)), a < e.time && i && (i = !1);
+function Jo(e, n, o, i, s) {
+  return (a) => {
+    const r = a.detail.currentTime, l = !o.paused;
+    r >= e.time && !i[e.id] && (s({ ...i, [e.id]: !0 }), n(e, l));
   };
 }
 function ei() {
-  const e = F(), { quizMarkers: n, onQuizMarkerShow: o } = M();
+  const e = F(), { quizMarkers: n, onQuizMarkerShow: o } = M(), [i, s] = L(
+    n.reduce((a, r) => (a[r.id] = !1, a), {})
+  );
   O(() => {
     if (!e)
       return;
-    const i = [];
-    for (const s of n) {
-      const a = Jo(s, o, e);
-      e.addEventListener("time-update", a), i.push(a);
+    const a = [], r = (l) => {
+      var b;
+      const u = (b = l == null ? void 0 : l.request) == null ? void 0 : b.detail, d = n.reduce((w, k) => (w[k.id] = k.time <= u, w), {});
+      s({ ...i, ...d });
+    };
+    e.addEventListener("seeked", r);
+    for (const l of n) {
+      const u = Jo(
+        l,
+        o,
+        e,
+        i,
+        s
+      );
+      e.addEventListener("time-update", u), a.push(u);
     }
     return () => {
-      for (const s of i)
-        e.removeEventListener("time-update", s);
+      for (const l of a)
+        e.removeEventListener("time-update", l);
+      e.removeEventListener("seeked", r);
     };
-  }, [n, e]);
+  }, [n, e, i]);
 }
 function ti() {
   return ei(), null;
@@ -2145,21 +2158,21 @@ function ui({
   captions: i = [],
   thumbnail: s,
   hideFullScreen: a = !1,
-  comments: l = [],
-  locale: r = "en",
+  comments: r = [],
+  locale: l = "en",
   annotations: u = [],
-  quizMarkers: m = [],
-  interactive: v = !1,
-  onAnnotationClick: y = ne,
+  quizMarkers: d = [],
+  interactive: b = !1,
+  onAnnotationClick: w = ne,
   onQuizMarkerClick: k = ne,
-  onQuizMarkerShow: w = ne,
+  onQuizMarkerShow: y = ne,
   onInteractivePinClick: N = ne,
   interactiveMenuElements: h = [],
-  kebabMenuElements: b = [],
+  kebabMenuElements: g = [],
   darkMode: P = !1,
   autoLoadCaptionSrc: T = "",
   forceComments: Z = !1,
-  disableCaptionSettings: S = !1,
+  disableCaptionSettings: V = !1,
   disableStorage: Y = !1,
   startAt: X,
   crossOrigin: se,
@@ -2169,37 +2182,37 @@ function ui({
   const { contextValue: ae, shortcuts: Je, storage: et } = Qo(
     a,
     Z,
-    S,
+    V,
     X
   ), { i18n: we } = C();
   O(() => {
-    we.changeLanguage(r);
-  }, [we, r]);
-  const [ye, ke] = x("none"), tt = _((R) => {
+    we.changeLanguage(l);
+  }, [we, l]);
+  const [ye, ke] = L("none"), tt = _((R) => {
     ht(R) ? ke("audio") : pt(R) && ke("video");
   }, []);
   return /* @__PURE__ */ t(
     kt,
     {
       hideFullScreen: a,
-      comments: l,
+      comments: r,
       captions: i,
       thumbnail: s,
       annotations: u,
-      quizMarkers: m,
-      interactive: v,
-      onAnnotationClick: y,
+      quizMarkers: d,
+      interactive: b,
+      onAnnotationClick: w,
       onQuizMarkerClick: k,
       onInteractivePinClick: N,
       interactiveMenuElements: h,
-      kebabMenuElements: b,
+      kebabMenuElements: g,
       darkMode: P,
       forceComments: Z,
-      disableCaptionSettings: S,
+      disableCaptionSettings: V,
       disableStorage: Y,
       captionOffsetOverride: Ye,
       disableInteractivePinRanges: Xe,
-      onQuizMarkerShow: w,
+      onQuizMarkerShow: y,
       children: /* @__PURE__ */ t(yt, { contextValue: ae, children: /* @__PURE__ */ c(
         _t,
         {
@@ -2228,11 +2241,11 @@ function ui({
               {
                 darkMode: P,
                 playerRef: n,
-                showCaptionsButton: !S
+                showCaptionsButton: !V
               }
             ),
             /* @__PURE__ */ t(Pt, { annotations: u }),
-            !!m.length && /* @__PURE__ */ t(ti, {})
+            !!d.length && /* @__PURE__ */ t(ti, {})
           ]
         }
       ) })