@instructure/studio-player 0.5.7 → 1.0.1

package/dist/studio-player.es.js

@@ -1,7 +1,7 @@
-import './index-Bp7bsIbA.css';var ht = Object.defineProperty;
+import './index-DpG3-qD1.css';var ht = Object.defineProperty;
 var pt = (e, t, o) => t in e ? ht(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
 var H = (e, t, o) => pt(e, typeof t != "symbol" ? t + "" : t, o);
-import { jsx as n, jsxs as r, Fragment as X } from "react/jsx-runtime";
+import { jsx as n, jsxs as l, Fragment as X } from "react/jsx-runtime";
 import { createContext as we, useContext as ye, useState as k, useCallback as p, useEffect as Z, useMemo as D, useRef as z, forwardRef as ft } from "react";
 import { u as V, s as ge, a as b, b as de, i as _t, T as Ct, C as gt, c as bt, d as vt, e as wt, P as yt, F as kt, f as ce, g as be, t as G, v as se, h as Lt, j as xt, k as Mt, l as Pt, M as Nt, m as It } from "./vidstack-CRo1u9eU.js";
 import { n as Zi } from "./vidstack-CRo1u9eU.js";
@@ -58,7 +58,7 @@ function Ht({
   captions: i,
   thumbnail: s,
   annotations: a,
-  quizMarkers: l,
+  quizMarkers: r,
   interactive: c,
   onAnnotationClick: u,
   onQuizMarkerClick: d,
@@ -84,7 +84,7 @@ function Ht({
     captions: i,
     thumbnail: s,
     annotations: a,
-    quizMarkers: l,
+    quizMarkers: r,
     interactive: c,
     onAnnotationClick: u,
     onQuizMarkerClick: d,
@@ -94,7 +94,7 @@ function Ht({
     darkMode: M,
     hasComments: o.length > 0,
     hasAnnotations: a.length > 0,
-    hasQuizmarkers: l.length > 0,
+    hasQuizmarkers: r.length > 0,
     forceComments: I,
     disableCaptionSettings: h,
     disableStorage: g,
@@ -128,7 +128,7 @@ const Ot = "_annotation-overlay_1kxzn_1", Bt = {
 function Dt({ annotations: e }) {
   const t = V(), o = v(), i = y(), [s, a] = k(
     null
-  ), l = p(
+  ), r = p(
     (u) => {
       t == null || t.pause(), i.interactive || o.disableInteractions(), a(u);
     },
@@ -141,7 +141,7 @@ function Dt({ annotations: e }) {
       return;
     const u = [];
     for (const d of e) {
-      const _ = Ft(d, l);
+      const _ = Ft(d, r);
       t.addEventListener("time-update", _), u.push(_);
     }
     if (s) {
@@ -169,7 +169,7 @@ const Zt = "_media-buffering-indicator_1fwjr_1", jt = "_media-buffering-spinner_
   mediaBufferingTrackFill: $t
 };
 function Ge() {
-  return /* @__PURE__ */ n("div", { className: ae.mediaBufferingIndicator, children: /* @__PURE__ */ r(ge.Root, { className: ae.mediaBufferingSpinner, size: 96, children: [
+  return /* @__PURE__ */ n("div", { className: ae.mediaBufferingIndicator, children: /* @__PURE__ */ l(ge.Root, { className: ae.mediaBufferingSpinner, size: 96, children: [
     /* @__PURE__ */ n(ge.Track, { className: ae.mediaBufferingTrack, width: 8 }),
     /* @__PURE__ */ n(
       ge.TrackFill,
@@ -187,29 +187,31 @@ const Ut = [
   "ArrowRight",
   "Escape"
 ];
-function Se(e, t = !1) {
+function Se(e, t = !1, o = !0) {
   Z(() => {
-    const o = new AbortController();
+    if (!o)
+      return;
+    const i = new AbortController();
     return document.addEventListener(
       "keydown",
-      (i) => {
-        var s;
-        return (s = e[i.key]) == null ? void 0 : s.call(e, i);
+      (s) => {
+        var a;
+        return (a = e[s.key]) == null ? void 0 : a.call(e, s);
       },
       {
         passive: !0,
-        signal: o.signal
+        signal: i.signal
       }
     ), t && window.addEventListener(
       "keydown",
-      (i) => {
-        Ut.includes(i.code) && i.preventDefault();
+      (s) => {
+        Ut.includes(s.code) && s.preventDefault();
       },
-      { signal: o.signal }
+      { signal: i.signal }
     ), () => {
-      o.abort();
+      i.abort();
     };
-  }, [e]);
+  }, [e, t, o]);
 }
 function qt(e) {
   const t = D(() => ({ Escape: e }), [e]);
@@ -242,7 +244,7 @@ function sn({ onClose: e }) {
   const o = (i) => {
     i && i.focus();
   };
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ l(
     "div",
     {
       className: A.keyboardShortcutsOverlay,
@@ -251,7 +253,7 @@ function sn({ onClose: e }) {
       role: "dialog",
       "aria-label": t("KEYBOARD_SHORTCUTS"),
       children: [
-        /* @__PURE__ */ r("header", { children: [
+        /* @__PURE__ */ l("header", { children: [
           /* @__PURE__ */ n("h2", { children: t("KEYBOARD_SHORTCUTS") }),
           /* @__PURE__ */ n(
             "button",
@@ -264,85 +266,85 @@ function sn({ onClose: e }) {
             }
           )
         ] }),
-        /* @__PURE__ */ r("table", { children: [
+        /* @__PURE__ */ l("table", { children: [
           /* @__PURE__ */ n("caption", { className: A.screenReaderContent, children: t("KEYBOARD_SHORTCUTS") }),
-          /* @__PURE__ */ n("thead", { children: /* @__PURE__ */ r("tr", { children: [
+          /* @__PURE__ */ n("thead", { children: /* @__PURE__ */ l("tr", { children: [
             /* @__PURE__ */ n("th", { children: t("ACTION") }),
             /* @__PURE__ */ n("th", { children: t("SHORTCUT") })
           ] }) }),
-          /* @__PURE__ */ r("tbody", { children: [
-            /* @__PURE__ */ r("tr", { children: [
+          /* @__PURE__ */ l("tbody", { children: [
+            /* @__PURE__ */ l("tr", { children: [
               /* @__PURE__ */ n("td", { children: t("SEEK_BACKWARD", { seconds: 5 }) }),
               /* @__PURE__ */ n("td", { children: t("LEFT_ARROW") })
             ] }),
-            /* @__PURE__ */ r("tr", { children: [
+            /* @__PURE__ */ l("tr", { children: [
               /* @__PURE__ */ n("td", { children: t("SEEK_FORWARD", { seconds: 5 }) }),
               /* @__PURE__ */ n("td", { children: t("RIGHT_ARROW") })
             ] }),
-            /* @__PURE__ */ r("tr", { children: [
+            /* @__PURE__ */ l("tr", { children: [
               /* @__PURE__ */ n("td", { children: t("SEEK_BACKWARD", { seconds: 10 }) }),
               /* @__PURE__ */ n("td", { children: "J" })
             ] }),
-            /* @__PURE__ */ r("tr", { children: [
+            /* @__PURE__ */ l("tr", { children: [
               /* @__PURE__ */ n("td", { children: t("SEEK_FORWARD", { seconds: 10 }) }),
               /* @__PURE__ */ n("td", { children: "L" })
             ] }),
-            /* @__PURE__ */ r("tr", { children: [
+            /* @__PURE__ */ l("tr", { children: [
               /* @__PURE__ */ n("td", { children: t("INCREASE_VOLUME", { percent: 5 }) }),
               /* @__PURE__ */ n("td", { children: t("UP_ARROW") })
             ] }),
-            /* @__PURE__ */ r("tr", { children: [
+            /* @__PURE__ */ l("tr", { children: [
               /* @__PURE__ */ n("td", { children: t("DECREASE_VOLUME", { percent: 5 }) }),
               /* @__PURE__ */ n("td", { children: t("DOWN_ARROW") })
             ] }),
-            /* @__PURE__ */ r("tr", { children: [
+            /* @__PURE__ */ l("tr", { children: [
               /* @__PURE__ */ n("td", { children: t("TOGGLE_MUTED") }),
               /* @__PURE__ */ n("td", { children: "M" })
             ] }),
-            /* @__PURE__ */ r("tr", { children: [
+            /* @__PURE__ */ l("tr", { children: [
               /* @__PURE__ */ n("td", { children: t("TOGGLE_PLAY_PAUSE") }),
-              /* @__PURE__ */ r("td", { children: [
+              /* @__PURE__ */ l("td", { children: [
                 t("SPACE"),
                 ", K"
               ] })
             ] }),
-            /* @__PURE__ */ r("tr", { children: [
+            /* @__PURE__ */ l("tr", { children: [
               /* @__PURE__ */ n("td", { children: t("ENTER_FULLSCREEN") }),
               /* @__PURE__ */ n("td", { children: "F" })
             ] }),
-            /* @__PURE__ */ r("tr", { children: [
+            /* @__PURE__ */ l("tr", { children: [
               /* @__PURE__ */ n("td", { children: t("EXIT_FULLSCREEN") }),
               /* @__PURE__ */ n("td", { children: "Esc, F" })
             ] }),
-            /* @__PURE__ */ r("tr", { children: [
+            /* @__PURE__ */ l("tr", { children: [
               /* @__PURE__ */ n("td", { children: t("TOGGLE_CAPTIONS") }),
               /* @__PURE__ */ n("td", { children: "C" })
             ] }),
-            /* @__PURE__ */ r("tr", { children: [
+            /* @__PURE__ */ l("tr", { children: [
               /* @__PURE__ */ n("td", { children: t("NEXT_CAPTION_LANGUAGE") }),
               /* @__PURE__ */ n("td", { children: "V" })
             ] }),
-            /* @__PURE__ */ r("tr", { children: [
+            /* @__PURE__ */ l("tr", { children: [
               /* @__PURE__ */ n("td", { children: t("PREVIOUS_CAPTION_LANGUAGE") }),
               /* @__PURE__ */ n("td", { children: "X" })
             ] }),
-            /* @__PURE__ */ r("tr", { children: [
+            /* @__PURE__ */ l("tr", { children: [
               /* @__PURE__ */ n("td", { children: t("DECREASE_PLAYBACK_SPEED") }),
               /* @__PURE__ */ n("td", { children: "A" })
             ] }),
-            /* @__PURE__ */ r("tr", { children: [
+            /* @__PURE__ */ l("tr", { children: [
               /* @__PURE__ */ n("td", { children: t("RESET_PLAYBACK_SPEED") }),
               /* @__PURE__ */ n("td", { children: "S" })
             ] }),
-            /* @__PURE__ */ r("tr", { children: [
+            /* @__PURE__ */ l("tr", { children: [
               /* @__PURE__ */ n("td", { children: t("INCREASE_PLAYBACK_SPEED") }),
               /* @__PURE__ */ n("td", { children: "D" })
             ] }),
-            /* @__PURE__ */ r("tr", { children: [
+            /* @__PURE__ */ l("tr", { children: [
               /* @__PURE__ */ n("td", { children: t("JUMP_TO_START") }),
               /* @__PURE__ */ n("td", { children: "0" })
             ] }),
-            /* @__PURE__ */ r("tr", { children: [
+            /* @__PURE__ */ l("tr", { children: [
               /* @__PURE__ */ n("td", { children: t("JUMP_TO_PERCENTAGE") }),
               /* @__PURE__ */ n("td", { children: "1-9" })
             ] })
@@ -352,18 +354,18 @@ function sn({ onClose: e }) {
     }
   );
 }
-const an = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }), ln = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }), rn = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }), cn = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }), We = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }), un = {
-  share: /* @__PURE__ */ n(ln, {}),
-  transcript: /* @__PURE__ */ n(rn, {}),
+const an = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }), rn = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }), ln = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }), cn = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }), We = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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" }) }), un = {
+  share: /* @__PURE__ */ n(rn, {}),
+  transcript: /* @__PURE__ */ n(ln, {}),
   media: /* @__PURE__ */ n(cn, {}),
   delete: /* @__PURE__ */ n(We, {})
 }, dn = (e) => typeof e != "string";
 function mn() {
-  const [e, t] = k(!1), [o, i] = k(null), s = v(), a = y(), l = () => {
+  const [e, t] = k(!1), [o, i] = k(null), s = v(), a = y(), r = () => {
     t(!e), s.setGlobalKeysDisabled(!e);
   }, c = z(null), u = z([]), { refs: d, floatingStyles: _, context: C } = me({
     open: e,
-    onOpenChange: l,
+    onOpenChange: r,
     whileElementsMounted: he,
     placement: "bottom-end",
     middleware: [
@@ -381,7 +383,7 @@ function mn() {
   }), M = Me(C), { getReferenceProps: L, getFloatingProps: I, getItemProps: h } = Pe(
     [M, w]
   ), { t: g } = f();
-  return a.kebabMenuElements.length > 0 ? /* @__PURE__ */ r(X, { children: [
+  return a.kebabMenuElements.length > 0 ? /* @__PURE__ */ l(X, { children: [
     /* @__PURE__ */ n(
       "button",
       {
@@ -394,12 +396,12 @@ function mn() {
         tabIndex: s.state.interactionsDisabled || e ? -1 : 0,
         ref: d.setReference,
         ...L({
-          onClick: () => l()
+          onClick: () => r()
         }),
         children: /* @__PURE__ */ n(an, {})
       }
     ),
-    e && /* @__PURE__ */ n(Ne, { context: C, guards: !1, children: /* @__PURE__ */ r(
+    e && /* @__PURE__ */ n(Ne, { context: C, guards: !1, children: /* @__PURE__ */ l(
       "div",
       {
         id: "kebab-menu",
@@ -411,7 +413,7 @@ function mn() {
         ...I(),
         children: [
           a.kebabMenuElements.map(
-            ({ id: E, text: P, icon: S, onClick: O }, R) => /* @__PURE__ */ r(
+            ({ id: E, text: P, icon: S, onClick: O }, R) => /* @__PURE__ */ l(
               "button",
               {
                 tabIndex: o === R ? 0 : -1,
@@ -449,15 +451,15 @@ function mn() {
 }
 const hn = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("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 pn() {
-  const [e, t] = k(!1), [o, i] = k(!1), s = v(), a = b("playing"), l = de(), { t: c } = f(), u = p(() => {
-    s.setKeyboardShortcutsOpen(!0), s.disableInteractions(), a && (i(!0), l.pause());
-  }, [a, l, s]), d = p(() => {
-    s.setKeyboardShortcutsOpen(!1), t(!0), s.enableInteractions(), o && (i(!1), l.play());
-  }, [o, l, s]), _ = p(
+  const [e, t] = k(!1), [o, i] = k(!1), s = v(), a = b("playing"), r = de(), { t: c } = f(), u = p(() => {
+    s.setKeyboardShortcutsOpen(!0), s.disableInteractions(), a && (i(!0), r.pause());
+  }, [a, r, s]), d = p(() => {
+    s.setKeyboardShortcutsOpen(!1), t(!0), s.enableInteractions(), o && (i(!1), r.play());
+  }, [o, r, s]), _ = p(
     (C) => e && (C == null ? void 0 : C.focus()),
     [e]
   );
-  return s.state.isKeyboardShortcutsOpen ? /* @__PURE__ */ n(sn, { onClose: d }) : /* @__PURE__ */ r("div", { className: A.controlsOverlay, children: [
+  return s.state.isKeyboardShortcutsOpen ? /* @__PURE__ */ n(sn, { onClose: d }) : /* @__PURE__ */ l("div", { className: A.controlsOverlay, children: [
     /* @__PURE__ */ n(
       "button",
       {
@@ -466,22 +468,22 @@ function pn() {
         type: "button",
         className: `${A.controlsButton} ${A.keyboardShortcutsButton}`,
         onClick: u,
-        tabIndex: s.state.interactionsDisabled ? -1 : 0,
+        inert: s.state.interactionsDisabled ? "true" : void 0,
         children: /* @__PURE__ */ n(hn, {})
       }
     ),
     /* @__PURE__ */ n(mn, {})
   ] });
 }
-const Ye = (e) => /* @__PURE__ */ r("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
+const Ye = (e) => /* @__PURE__ */ l("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
   /* @__PURE__ */ n("defs", { children: /* @__PURE__ */ n("clipPath", { id: "clip0_149_104418", children: /* @__PURE__ */ n("rect", { width: 24, height: 24, fill: "white" }) }) }),
   /* @__PURE__ */ n("g", { clipPath: "url(#clip0_149_104418)", children: /* @__PURE__ */ n("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22.5 21.8125V2.3125C22.5 1.9 22.1625 1.5625 21.75 1.5625H2.25C1.8375 1.5625 1.5 1.9 1.5 2.3125V21.8125C1.5 22.225 1.8375 22.5625 2.25 22.5625H21.75C22.1625 22.5625 22.5 22.225 22.5 21.8125ZM21.75 0.0625C22.9905 0.0625 24 1.072 24 2.3125V21.8125C24 23.053 22.9905 24.0625 21.75 24.0625H2.25C1.0095 24.0625 0 23.053 0 21.8125V2.3125C0 1.072 1.0095 0.0625 2.25 0.0625H21.75ZM10.744 10.6709H8.74403V10.0042H6.07736V14.0042H8.74403V13.3375H10.744V14.6709C10.744 15.4042 10.144 16.0042 9.41069 16.0042H5.41069C4.67736 16.0042 4.07736 15.4042 4.07736 14.6709V9.33753C4.07736 8.6042 4.67736 8.0042 5.41069 8.0042H9.41069C10.144 8.0042 10.744 8.6042 10.744 9.33753V10.6709ZM19.8065 10.6709H17.8065V10.0042H15.1399V14.0042H17.8065V13.3375H19.8065V14.6709C19.8065 15.4042 19.2065 16.0042 18.4732 16.0042H14.4732C13.7399 16.0042 13.1399 15.4042 13.1399 14.6709V9.33753C13.1399 8.6042 13.7399 8.0042 14.4732 8.0042H18.4732C19.2065 8.0042 19.8065 8.6042 19.8065 9.33753V10.6709Z", fill: "currentColor" }) })
-] }), Xe = (e) => /* @__PURE__ */ r("svg", { width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
+] }), Xe = (e) => /* @__PURE__ */ l("svg", { width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
   /* @__PURE__ */ n("defs", { children: /* @__PURE__ */ n("clipPath", { id: "clip0_149_104406", children: /* @__PURE__ */ n("rect", { width: 24, height: 24, fill: "white" }) }) }),
   /* @__PURE__ */ n("g", { clipPath: "url(#clip0_149_104406)", children: /* @__PURE__ */ n("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 fn() {
-  const e = de(), t = b("textTrack"), o = b("hasCaptions"), i = t && _t(t), s = v(), { t: a } = f(), l = p(
+  const e = de(), t = b("textTrack"), o = b("hasCaptions"), i = t && _t(t), s = v(), { t: a } = f(), r = p(
     (c) => {
       e.toggleCaptions(c.nativeEvent);
     },
@@ -492,7 +494,7 @@ function fn() {
     {
       type: "button",
       className: "controls-button",
-      onClick: l,
+      onClick: r,
       "aria-label": a(i ? "CAPTIONS_DISABLE" : "CAPTIONS_ENABLE"),
       "aria-pressed": i ? "true" : "false",
       tabIndex: s.state.interactionsDisabled ? -1 : 0,
@@ -508,17 +510,17 @@ function Je({ captions: e }) {
     s,
     i ?? {}
   );
-  return /* @__PURE__ */ r(X, { children: [
-    e.map((l) => /* @__PURE__ */ n(
+  return /* @__PURE__ */ l(X, { children: [
+    e.map((r) => /* @__PURE__ */ n(
       Ct,
       {
         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
     )),
     t ? /* @__PURE__ */ n(
       "div",
@@ -581,8 +583,8 @@ const Y = [0.5, 0.75, 1, 1.25, 1.5, 2], bn = [0.5, 1, 2, 3, 4], vn = 5, wn = (e)
       return;
     const s = [];
     for (const a of e) {
-      const l = yn(a, vn, i);
-      s.push(l), o.addEventListener("time-update", l);
+      const r = yn(a, vn, i);
+      s.push(r), o.addEventListener("time-update", r);
     }
     return o.dispatchEvent(
       new CustomEvent("time-update", {
@@ -609,7 +611,7 @@ const Y = [0.5, 0.75, 1, 1.25, 1.5, 2], bn = [0.5, 1, 2, 3, 4], vn = 5, wn = (e)
   commentAuthorName: Sn
 };
 function En({ comment: e }) {
-  return e.render ? e.render(e, K) : /* @__PURE__ */ r("div", { className: K.comment, onClick: () => {
+  return e.render ? e.render(e, K) : /* @__PURE__ */ l("div", { className: K.comment, onClick: () => {
     var t;
     return (t = e.onClick) == null ? void 0 : t.call(e, e);
   }, children: [
@@ -630,7 +632,7 @@ function An({
   comments: e,
   isKebabMenuVisible: t
 }) {
-  const o = v(), i = kn(e, Tn), s = !!b("textTrack"), a = i.map((l) => /* @__PURE__ */ n(En, { comment: l }, l.id));
+  const o = v(), i = kn(e, Tn), s = !!b("textTrack"), a = i.map((r) => /* @__PURE__ */ n(En, { comment: r }, r.id));
   return e.length > 0 && o.state.commentsEnabled ? /* @__PURE__ */ n(
     "div",
     {
@@ -677,8 +679,8 @@ function q({
   children: o
 }) {
   const i = $(), { t: s } = f();
-  return /* @__PURE__ */ r(X, { children: [
-    !e && /* @__PURE__ */ r(
+  return /* @__PURE__ */ l(X, { children: [
+    !e && /* @__PURE__ */ l(
       "button",
       {
         type: "button",
@@ -704,7 +706,7 @@ function q({
     o
   ] });
 }
-const $n = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 3.03704L7.03704 2L14.037 9L7.03704 16L6 14.963L11.963 9L6 3.03704Z", fill: "currentColor" }) }), Un = "_menu-hint_1wiu5_1", qn = "_menu-button_1wiu5_5", Gn = "_menu-label_1wiu5_37", Qn = "_menu-icon_1wiu5_42", le = {
+const $n = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 3.03704L7.03704 2L14.037 9L7.03704 16L6 14.963L11.963 9L6 3.03704Z", fill: "currentColor" }) }), Un = "_menu-hint_1wiu5_1", qn = "_menu-button_1wiu5_5", Gn = "_menu-label_1wiu5_37", Qn = "_menu-icon_1wiu5_42", re = {
   "menu-hint": "_menu-hint_1wiu5_1",
   menuHint: Un,
   "menu-button": "_menu-button_1wiu5_5",
@@ -715,7 +717,7 @@ const $n = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0
   menuIcon: Qn
 };
 function J({ label: e, hint: t, onClick: o, Icon: i }) {
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ l(
     "button",
     {
       type: "button",
@@ -723,11 +725,11 @@ function J({ label: e, hint: t, onClick: o, Icon: i }) {
       "aria-haspopup": "true",
       tabIndex: -1,
       onClick: o,
-      className: le.menuButton,
+      className: re.menuButton,
       children: [
-        i && /* @__PURE__ */ n(i, { className: le.menuIcon }),
-        /* @__PURE__ */ n("span", { className: le.menuLabel, children: e }),
-        t && /* @__PURE__ */ n("span", { className: le.menuHint, children: t }),
+        i && /* @__PURE__ */ n(i, { className: re.menuIcon }),
+        /* @__PURE__ */ n("span", { className: re.menuLabel, children: e }),
+        t && /* @__PURE__ */ n("span", { className: re.menuHint, children: t }),
         /* @__PURE__ */ n($n, {})
       ]
     }
@@ -748,9 +750,9 @@ function Yn() {
     }
   );
 }
-const Xn = (e) => /* @__PURE__ */ r("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
+const Xn = (e) => /* @__PURE__ */ l("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
   /* @__PURE__ */ n("defs", { children: /* @__PURE__ */ n("clipPath", { id: "clip0_412_23039", children: /* @__PURE__ */ n("rect", { width: 18, height: 18, fill: "white" }) }) }),
-  /* @__PURE__ */ r("g", { clipPath: "url(#clip0_412_23039)", children: [
+  /* @__PURE__ */ l("g", { clipPath: "url(#clip0_412_23039)", children: [
     /* @__PURE__ */ n("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.46326 3.85039H0V2.65039H2.46326C2.7388 1.36449 3.88181 0.400391 5.24999 0.400391C6.61818 0.400391 7.76119 1.36449 8.03673 2.65039H18V3.85039H8.03673C7.76119 5.13629 6.61818 6.10039 5.24999 6.10039C3.88181 6.10039 2.7388 5.13629 2.46326 3.85039ZM3.59999 3.25039C3.59999 2.33912 4.33872 1.60039 5.24999 1.60039C6.16126 1.60039 6.89999 2.33912 6.89999 3.25039C6.89999 4.16166 6.16126 4.90039 5.24999 4.90039C4.33872 4.90039 3.59999 4.16166 3.59999 3.25039Z", fill: "currentColor" }),
     /* @__PURE__ */ n("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 8.40039H9.46326C9.7388 7.11449 10.8818 6.15039 12.25 6.15039C13.6182 6.15039 14.7612 7.11449 15.0367 8.40039H18V9.60039H15.0367C14.7612 10.8863 13.6182 11.8504 12.25 11.8504C10.8818 11.8504 9.7388 10.8863 9.46326 9.60039H0V8.40039ZM12.25 7.35039C11.3387 7.35039 10.6 8.08912 10.6 9.00039C10.6 9.91166 11.3387 10.6504 12.25 10.6504C13.1613 10.6504 13.9 9.91166 13.9 9.00039C13.9 8.08912 13.1613 7.35039 12.25 7.35039Z", fill: "currentColor" }),
     /* @__PURE__ */ n("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.24999 17.6004C6.61818 17.6004 7.76119 16.6363 8.03673 15.3504H18V14.1504H8.03673C7.76119 12.8645 6.61818 11.9004 5.24999 11.9004C3.88181 11.9004 2.7388 12.8645 2.46326 14.1504H0V15.3504H2.46326C2.7388 16.6363 3.88181 17.6004 5.24999 17.6004ZM5.24999 13.1004C4.33872 13.1004 3.59999 13.8391 3.59999 14.7504C3.59999 15.6617 4.33872 16.4004 5.24999 16.4004C6.16126 16.4004 6.89999 15.6617 6.89999 14.7504C6.89999 13.8391 6.16126 13.1004 5.24999 13.1004Z", fill: "currentColor" })
@@ -794,7 +796,7 @@ function eo() {
     }
   ) : null;
 }
-const to = (e) => /* @__PURE__ */ n("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("path", { d: "M 21.798373,3.342155 8.8843977,16.256145 2.2000774,9.571825 0,11.771895 8.8843977,20.657845 24,5.543795 Z", fill: "currentColor" }) }), no = (e) => /* @__PURE__ */ n("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("path", { d: "M 9.64706,12 4,17.64706 6.35293,20 12,14.35293 17.64706,20 20,17.64706 14.35293,12 20,6.35293 17.64706,4 12,9.64706 6.35293,4 4,6.35293 Z", fill: "currentColor" }) }), oo = "_switch-track_7nhpo_1", io = "_switch-thumb_7nhpo_17", so = "_switch-icon_7nhpo_31", ao = "_switch-body_7nhpo_37", lo = "_switch-label_7nhpo_78", ro = "_menu-icon_7nhpo_82", U = {
+const to = (e) => /* @__PURE__ */ n("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("path", { d: "M 21.798373,3.342155 8.8843977,16.256145 2.2000774,9.571825 0,11.771895 8.8843977,20.657845 24,5.543795 Z", fill: "currentColor" }) }), no = (e) => /* @__PURE__ */ n("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("path", { d: "M 9.64706,12 4,17.64706 6.35293,20 12,14.35293 17.64706,20 20,17.64706 14.35293,12 20,6.35293 17.64706,4 12,9.64706 6.35293,4 4,6.35293 Z", fill: "currentColor" }) }), oo = "_switch-track_7nhpo_1", io = "_switch-thumb_7nhpo_17", so = "_switch-icon_7nhpo_31", ao = "_switch-body_7nhpo_37", ro = "_switch-label_7nhpo_78", lo = "_menu-icon_7nhpo_82", U = {
   "switch-track": "_switch-track_7nhpo_1",
   switchTrack: oo,
   "switch-thumb": "_switch-thumb_7nhpo_17",
@@ -804,9 +806,9 @@ const to = (e) => /* @__PURE__ */ n("svg", { width: 24, height: 24, viewBox: "0
   "switch-body": "_switch-body_7nhpo_37",
   switchBody: ao,
   "switch-label": "_switch-label_7nhpo_78",
-  switchLabel: lo,
+  switchLabel: ro,
   "menu-icon": "_menu-icon_7nhpo_82",
-  menuIcon: ro
+  menuIcon: lo
 };
 function Ee({
   label: e,
@@ -814,7 +816,7 @@ function Ee({
   onClick: o,
   Icon: i
 }) {
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ l(
     "button",
     {
       className: U.switchBody,
@@ -845,7 +847,7 @@ function uo() {
   ) : null;
 }
 function mo() {
-  return /* @__PURE__ */ r(q, { noBackButton: !0, children: [
+  return /* @__PURE__ */ l(q, { noBackButton: !0, children: [
     /* @__PURE__ */ n(Yn, {}),
     /* @__PURE__ */ n(eo, {}),
     /* @__PURE__ */ n(uo, {}),
@@ -854,7 +856,7 @@ function mo() {
 }
 const ho = (e) => /* @__PURE__ */ n("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.1347 3.00061L6.55157 13.5825L0.865302 7.89624L0 8.76154L6.55157 15.3131L17.9988 3.86469L17.1347 3.00061Z", fill: "currentColor" }) });
 function pe({ selected: e, label: t, onClick: o }) {
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ l(
     "button",
     {
       type: "button",
@@ -941,7 +943,7 @@ function bo() {
 }
 function vo() {
   const e = y(), { t } = f();
-  return /* @__PURE__ */ r(q, { heading: t("CAPTIONS"), children: [
+  return /* @__PURE__ */ l(q, { heading: t("CAPTIONS"), children: [
     /* @__PURE__ */ n(Co, {}),
     /* @__PURE__ */ n(_o, {}),
     /* @__PURE__ */ n(go, {}),
@@ -987,7 +989,7 @@ function ko() {
   const e = $(), t = y(), { t: o } = f();
   return Z(() => {
     t.captions.length === 0 && e.backToMain();
-  }, [t.captions]), /* @__PURE__ */ n(q, { heading: o("CAPTIONS_MANAGE"), children: t.captions.map((i) => /* @__PURE__ */ r(
+  }, [t.captions]), /* @__PURE__ */ n(q, { heading: o("CAPTIONS_MANAGE"), children: t.captions.map((i) => /* @__PURE__ */ l(
     "button",
     {
       type: "button",
@@ -1008,12 +1010,12 @@ function ko() {
 }
 function Lo() {
   const e = b("autoQuality"), t = wt({ sort: "descending" }), { t: o } = f();
-  return /* @__PURE__ */ n(q, { heading: o("QUALITY"), children: t.map(({ value: i, select: s, selected: a, label: l, quality: c }) => /* @__PURE__ */ n(
+  return /* @__PURE__ */ n(q, { heading: o("QUALITY"), children: t.map(({ value: i, select: s, selected: a, label: r, quality: c }) => /* @__PURE__ */ n(
     pe,
     {
       selected: i === "auto" && e || a && !e,
       onClick: () => s(),
-      label: c ? tt(c) : l
+      label: c ? tt(c) : r
     },
     i
   )) });
@@ -1033,55 +1035,55 @@ function Be(e) {
   const t = Array.from(e.querySelectorAll("button"));
   return t[t.length - 1] ?? null;
 }
-function Po(e) {
-  const t = z(null), o = D(
+function Po(e, t) {
+  const o = z(null), i = D(
     () => ({
       Escape: e.toggle,
       ArrowUp: () => {
-        const i = document.activeElement;
-        if (i && t.current && t.current.contains(i)) {
-          const s = xo(
-            t.current,
-            i
+        const s = document.activeElement;
+        if (s && o.current && o.current.contains(s)) {
+          const a = xo(
+            o.current,
+            s
           );
-          if (s)
-            s.focus();
+          if (a)
+            a.focus();
           else {
-            const a = Be(t.current);
-            a == null || a.focus();
+            const r = Be(o.current);
+            r == null || r.focus();
           }
-        } else if (t.current) {
-          const s = Be(t.current);
-          s == null || s.focus();
+        } else if (o.current) {
+          const a = Be(o.current);
+          a == null || a.focus();
         }
       },
       ArrowDown: () => {
-        const i = document.activeElement;
-        if (i && t.current && t.current.contains(i)) {
-          const s = Mo(
-            t.current,
-            i
+        const s = document.activeElement;
+        if (s && o.current && o.current.contains(s)) {
+          const a = Mo(
+            o.current,
+            s
           );
-          if (s)
-            s.focus();
+          if (a)
+            a.focus();
           else {
-            const a = Oe(t.current);
-            a == null || a.focus();
+            const r = Oe(o.current);
+            r == null || r.focus();
           }
-        } else if (t.current) {
-          const s = Oe(t.current);
-          s == null || s.focus();
+        } else if (o.current) {
+          const a = Oe(o.current);
+          a == null || a.focus();
         }
       },
       ArrowRight: () => {
-        const i = document.activeElement;
-        i && i.getAttribute("aria-haspopup") === "true" && t.current && t.current.contains(i) && i.click();
+        const s = document.activeElement;
+        s && s.getAttribute("aria-haspopup") === "true" && o.current && o.current.contains(s) && s.click();
       },
       ArrowLeft: e.back
     }),
     [e]
   );
-  return Se(o, !0), t;
+  return Se(i, !0, t), o;
 }
 const nt = we(null), No = {
   main: mo,
@@ -1104,7 +1106,7 @@ const nt = we(null), No = {
 function So() {
   const e = v(), [t, o] = k(["main"]), [i, s] = k(!1), a = p(() => {
     s(!i), o(["main"]), e.setGlobalKeysDisabled(!i);
-  }, [i]), l = p((P) => {
+  }, [i]), r = p((P) => {
     o((S) => S.concat(P));
   }, []), c = p(() => {
     o((P) => P.length > 1 ? P.slice(0, -1) : P);
@@ -1117,9 +1119,9 @@ function So() {
     whileElementsMounted: he,
     middleware: [Io]
   }), M = Me(w, { escapeKey: !1 }), { getReferenceProps: L, getFloatingProps: I } = Pe([M]), h = D(
-    () => ({ setPage: l, back: c, backToMain: u, toggle: a }),
-    [l, c, u, a]
-  ), g = Po(h), E = $e([_.setFloating, g]);
+    () => ({ setPage: r, back: c, backToMain: u, toggle: a }),
+    [r, c, u, a]
+  ), g = Po(h, i), E = $e([_.setFloating, g]);
   return {
     Page: d,
     open: i,
@@ -1145,11 +1147,11 @@ function Eo() {
     getFloatingProps: i,
     getReferenceProps: s,
     open: a,
-    floatingRef: l,
+    floatingRef: r,
     referenceRef: c,
     contextValue: u
   } = So(), { t: d } = f();
-  return /* @__PURE__ */ r(X, { children: [
+  return /* @__PURE__ */ l(X, { children: [
     /* @__PURE__ */ n(
       "button",
       {
@@ -1178,7 +1180,7 @@ function Eo() {
             "aria-label": d("VIDEO_SETTINGS"),
             "aria-labelledby": "menu-heading",
             className: F.settingsMenu,
-            ref: l,
+            ref: r,
             style: o,
             ...i(),
             children: /* @__PURE__ */ n(nt.Provider, { value: u, children: /* @__PURE__ */ n(e, {}) })
@@ -1190,7 +1192,7 @@ function Eo() {
 }
 function ot(e, t = 1e3) {
   return function() {
-    const i = V(), [s, a] = k(null), l = p(() => a(null), []);
+    const i = V(), [s, a] = k(null), r = p(() => a(null), []);
     return Z(() => {
       if (!i)
         return () => {
@@ -1202,7 +1204,7 @@ function ot(e, t = 1e3) {
         (d) => {
           clearTimeout(u);
           const _ = d.detail;
-          a(/* @__PURE__ */ n(e, { action: _ })), u = setTimeout(l, t);
+          a(/* @__PURE__ */ n(e, { action: _ })), u = setTimeout(r, t);
         },
         { signal: c.signal }
       ), () => {
@@ -1268,8 +1270,8 @@ function Fo({ action: e }) {
   }
 }
 const Do = ot(Bo, 300), Zo = ot(Fo, 1e3);
-function lt() {
-  return /* @__PURE__ */ r("div", { className: N.feedbackOverlay, children: [
+function rt() {
+  return /* @__PURE__ */ l("div", { className: N.feedbackOverlay, children: [
     /* @__PURE__ */ n(Do, {}),
     /* @__PURE__ */ n(Zo, {})
   ] });
@@ -1347,15 +1349,15 @@ function i1({ src: e, title: t }) {
     }
   );
 }
-const s1 = "_small-layout-overlay_4hkng_1", a1 = "_small-layout-button_4hkng_14", l1 = "_small-layout-icon-play_4hkng_24", r1 = "_small-layout-icon-pause_4hkng_30", c1 = "_small-layout-timestamp_4hkng_36", u1 = "_full-screen-close-icon_4hkng_49", d1 = "_fade-out_4hkng_1", Q = {
+const s1 = "_small-layout-overlay_4hkng_1", a1 = "_small-layout-button_4hkng_14", r1 = "_small-layout-icon-play_4hkng_24", l1 = "_small-layout-icon-pause_4hkng_30", c1 = "_small-layout-timestamp_4hkng_36", u1 = "_full-screen-close-icon_4hkng_49", d1 = "_fade-out_4hkng_1", Q = {
   "small-layout-overlay": "_small-layout-overlay_4hkng_1",
   smallLayoutOverlay: s1,
   "small-layout-button": "_small-layout-button_4hkng_14",
   smallLayoutButton: a1,
   "small-layout-icon-play": "_small-layout-icon-play_4hkng_24",
-  smallLayoutIconPlay: l1,
+  smallLayoutIconPlay: r1,
   "small-layout-icon-pause": "_small-layout-icon-pause_4hkng_30",
-  smallLayoutIconPause: r1,
+  smallLayoutIconPause: l1,
   "small-layout-timestamp": "_small-layout-timestamp_4hkng_36",
   smallLayoutTimestamp: c1,
   "full-screen-close-icon": "_full-screen-close-icon_4hkng_49",
@@ -1365,10 +1367,10 @@ const s1 = "_small-layout-overlay_4hkng_1", a1 = "_small-layout-button_4hkng_14"
 };
 function m1() {
   const e = b("paused");
-  return /* @__PURE__ */ r("div", { className: Q.smallLayoutOverlay, children: [
+  return /* @__PURE__ */ l("div", { className: Q.smallLayoutOverlay, children: [
     /* @__PURE__ */ n(kt, { className: Q.fullScreenCloseIcon, children: /* @__PURE__ */ n(Qe, {}) }),
     /* @__PURE__ */ n("i", { className: Q.smallLayoutButton, children: e ? /* @__PURE__ */ n(Ae, { className: Q.smallLayoutIconPlay }) : /* @__PURE__ */ n(Te, { className: Q.smallLayoutIconPause }) }),
-    /* @__PURE__ */ r("div", { className: Q.smallLayoutTimestamp, children: [
+    /* @__PURE__ */ l("div", { className: Q.smallLayoutTimestamp, children: [
       /* @__PURE__ */ n(ce, { type: "current" }),
       "/",
       /* @__PURE__ */ n(ce, { type: "duration" })
@@ -1380,59 +1382,59 @@ const h1 = "_time-indicator_1uygf_1", p1 = {
   timeIndicator: h1
 };
 function f1() {
-  return /* @__PURE__ */ r("div", { className: p1.timeIndicator, children: [
+  return /* @__PURE__ */ l("div", { className: p1.timeIndicator, children: [
     /* @__PURE__ */ n(ce, { type: "current" }),
     "/",
     /* @__PURE__ */ n(ce, { type: "duration" })
   ] });
 }
-const _1 = "_comment-markers_u7l2l_1", C1 = "_comment-marker_u7l2l_1", g1 = "_timeline-wrapper_u7l2l_23", b1 = "_timeline-wrapper-compact_u7l2l_24", v1 = "_track_u7l2l_33", w1 = "_thumb_u7l2l_44", y1 = "_root_u7l2l_58", k1 = "_track-inner_u7l2l_88", L1 = "_progress_u7l2l_94", x1 = "_track-fill_u7l2l_100", M1 = "_pins_u7l2l_117", P1 = "_pin-button_u7l2l_126", N1 = "_annotation-pin_u7l2l_146", I1 = "_quiz-pin_u7l2l_155", S1 = "_annotation-pin-child_u7l2l_164", E1 = "_quiz-pin-child_u7l2l_168", T1 = "_interactive-pin-container_u7l2l_173", A1 = "_interactive-pin-wrapper_u7l2l_180", V1 = "_interactive-pin-icon_u7l2l_186", R1 = "_interactive-pin_u7l2l_173", H1 = "_bg_u7l2l_200", O1 = "_symbol_u7l2l_204", B1 = "_interactive-pin-button_u7l2l_209", F1 = "_interactive-pin-menu_u7l2l_230", D1 = "_interactive-pin-menu-item_u7l2l_248", Z1 = "_arrow_u7l2l_269", j1 = "_tooltip_u7l2l_273", K1 = "_tooltip-arrow_u7l2l_282", m = {
-  "comment-markers": "_comment-markers_u7l2l_1",
+const _1 = "_comment-markers_1i9t2_1", C1 = "_comment-marker_1i9t2_1", g1 = "_timeline-wrapper_1i9t2_23", b1 = "_timeline-wrapper-compact_1i9t2_24", v1 = "_track_1i9t2_33", w1 = "_thumb_1i9t2_46", y1 = "_root_1i9t2_60", k1 = "_track-inner_1i9t2_90", L1 = "_progress_1i9t2_96", x1 = "_track-fill_1i9t2_102", M1 = "_pins_1i9t2_119", P1 = "_pin-button_1i9t2_128", N1 = "_annotation-pin_1i9t2_153", I1 = "_quiz-pin_1i9t2_162", S1 = "_annotation-pin-child_1i9t2_171", E1 = "_quiz-pin-child_1i9t2_175", T1 = "_interactive-pin-container_1i9t2_180", A1 = "_interactive-pin-wrapper_1i9t2_187", V1 = "_interactive-pin-icon_1i9t2_193", R1 = "_interactive-pin_1i9t2_180", H1 = "_bg_1i9t2_207", O1 = "_symbol_1i9t2_211", B1 = "_interactive-pin-button_1i9t2_216", F1 = "_interactive-pin-menu_1i9t2_242", D1 = "_interactive-pin-menu-item_1i9t2_262", Z1 = "_arrow_1i9t2_283", j1 = "_tooltip_1i9t2_287", K1 = "_tooltip-arrow_1i9t2_296", m = {
+  "comment-markers": "_comment-markers_1i9t2_1",
   commentMarkers: _1,
-  "comment-marker": "_comment-marker_u7l2l_1",
+  "comment-marker": "_comment-marker_1i9t2_1",
   commentMarker: C1,
-  "timeline-wrapper": "_timeline-wrapper_u7l2l_23",
+  "timeline-wrapper": "_timeline-wrapper_1i9t2_23",
   timelineWrapper: g1,
-  "timeline-wrapper-compact": "_timeline-wrapper-compact_u7l2l_24",
+  "timeline-wrapper-compact": "_timeline-wrapper-compact_1i9t2_24",
   timelineWrapperCompact: b1,
   track: v1,
   thumb: w1,
   root: y1,
-  "track-inner": "_track-inner_u7l2l_88",
+  "track-inner": "_track-inner_1i9t2_90",
   trackInner: k1,
   progress: L1,
-  "track-fill": "_track-fill_u7l2l_100",
+  "track-fill": "_track-fill_1i9t2_102",
   trackFill: x1,
   pins: M1,
-  "pin-button": "_pin-button_u7l2l_126",
+  "pin-button": "_pin-button_1i9t2_128",
   pinButton: P1,
-  "annotation-pin": "_annotation-pin_u7l2l_146",
+  "annotation-pin": "_annotation-pin_1i9t2_153",
   annotationPin: N1,
-  "quiz-pin": "_quiz-pin_u7l2l_155",
+  "quiz-pin": "_quiz-pin_1i9t2_162",
   quizPin: I1,
-  "annotation-pin-child": "_annotation-pin-child_u7l2l_164",
+  "annotation-pin-child": "_annotation-pin-child_1i9t2_171",
   annotationPinChild: S1,
-  "quiz-pin-child": "_quiz-pin-child_u7l2l_168",
+  "quiz-pin-child": "_quiz-pin-child_1i9t2_175",
   quizPinChild: E1,
-  "interactive-pin-container": "_interactive-pin-container_u7l2l_173",
+  "interactive-pin-container": "_interactive-pin-container_1i9t2_180",
   interactivePinContainer: T1,
-  "interactive-pin-wrapper": "_interactive-pin-wrapper_u7l2l_180",
+  "interactive-pin-wrapper": "_interactive-pin-wrapper_1i9t2_187",
   interactivePinWrapper: A1,
-  "interactive-pin-icon": "_interactive-pin-icon_u7l2l_186",
+  "interactive-pin-icon": "_interactive-pin-icon_1i9t2_193",
   interactivePinIcon: V1,
-  "interactive-pin": "_interactive-pin_u7l2l_173",
+  "interactive-pin": "_interactive-pin_1i9t2_180",
   interactivePin: R1,
   bg: H1,
   symbol: O1,
-  "interactive-pin-button": "_interactive-pin-button_u7l2l_209",
+  "interactive-pin-button": "_interactive-pin-button_1i9t2_216",
   interactivePinButton: B1,
-  "interactive-pin-menu": "_interactive-pin-menu_u7l2l_230",
+  "interactive-pin-menu": "_interactive-pin-menu_1i9t2_242",
   interactivePinMenu: F1,
-  "interactive-pin-menu-item": "_interactive-pin-menu-item_u7l2l_248",
+  "interactive-pin-menu-item": "_interactive-pin-menu-item_1i9t2_262",
   interactivePinMenuItem: D1,
   arrow: Z1,
   tooltip: j1,
-  "tooltip-arrow": "_tooltip-arrow_u7l2l_282",
+  "tooltip-arrow": "_tooltip-arrow_1i9t2_296",
   tooltipArrow: K1
 };
 function De() {
@@ -1449,7 +1451,7 @@ function De() {
   )) }) : null;
 }
 const z1 = ft(function({ currentTime: t, position: o }, i) {
-  const [s, a] = k(!1), [l, c] = k(null), u = y(), d = v(), _ = p(() => {
+  const [s, a] = k(!1), [r, c] = k(null), u = y(), d = v(), _ = p(() => {
     u.interactiveMenuElements.length > 0 ? (a((j) => !j), d.setGlobalKeysDisabled(!0)) : u.onInteractivePinClick(t);
   }, [
     u.interactiveMenuElements,
@@ -1469,18 +1471,19 @@ const z1 = ft(function({ currentTime: t, position: o }, i) {
     ]
   }), I = z([]), h = Me(L), g = ze(L, {
     listRef: I,
-    activeIndex: l,
+    activeIndex: r,
     onNavigate: c,
     loop: !0,
     openOnArrowKeyDown: !1
   }), { getReferenceProps: E, getFloatingProps: P, getItemProps: S } = Pe(
     [h, g]
   ), O = $e([w.setReference, i]), { t: R } = f(), B = be(t);
-  return /* @__PURE__ */ r(X, { children: [
+  return /* @__PURE__ */ l(X, { children: [
     /* @__PURE__ */ n(
       "button",
       {
         id: "interactive-pin",
+        tabIndex: d.state.interactionsDisabled ? -1 : 0,
         type: "button",
         "aria-label": u.interactiveMenuElements.length > 0 ? R("ADD_QUIZ_AT", { time: B }) : R("ADD_ANNOTATION_AT", { time: B }),
         "aria-haspopup": u.interactiveMenuElements.length > 0 ? "true" : void 0,
@@ -1490,7 +1493,7 @@ const z1 = ft(function({ currentTime: t, position: o }, i) {
         ...E({
           onClick: _
         }),
-        children: /* @__PURE__ */ r(
+        children: /* @__PURE__ */ l(
           "svg",
           {
             className: m.interactivePin,
@@ -1530,7 +1533,7 @@ const z1 = ft(function({ currentTime: t, position: o }, i) {
         )
       }
     ),
-    s && /* @__PURE__ */ n(Ne, { context: L, initialFocus: -1, modal: !0, children: /* @__PURE__ */ r(
+    s && /* @__PURE__ */ n(Ne, { context: L, initialFocus: -1, modal: !0, children: /* @__PURE__ */ l(
       "div",
       {
         ref: w.setFloating,
@@ -1540,7 +1543,7 @@ const z1 = ft(function({ currentTime: t, position: o }, i) {
         ...P(),
         children: [
           u.interactiveMenuElements.map(
-            ({ id: j, text: fe, onClick: _e }, ee) => /* @__PURE__ */ r(
+            ({ id: j, text: fe, onClick: _e }, ee) => /* @__PURE__ */ l(
               "button",
               {
                 type: "button",
@@ -1548,7 +1551,7 @@ const z1 = ft(function({ currentTime: t, position: o }, i) {
                 ref: (ne) => {
                   I.current[ee] = ne;
                 },
-                tabIndex: l === ee ? 0 : -1,
+                tabIndex: r === ee ? 0 : -1,
                 ...S({
                   onClick: () => {
                     _e(j, t), a(!1), d.setGlobalKeysDisabled(!1);
@@ -1616,11 +1619,11 @@ function U1() {
   var c;
   const e = b("duration"), t = b("currentTime"), o = t / e * 100, { disableInteractivePinRanges: i } = y(), s = !i.some(
     ([u, d]) => t >= u && t <= d
-  ), { wasPinFocused: a, focusCallback: l } = $1();
+  ), { wasPinFocused: a, focusCallback: r } = $1();
   return s ? /* @__PURE__ */ n("div", { className: m.interactivePinContainer, children: /* @__PURE__ */ n("div", { className: m.interactivePinWrapper, children: /* @__PURE__ */ n(
     z1,
     {
-      ref: l,
+      ref: r,
       currentTime: t,
       position: o
     }
@@ -1636,14 +1639,14 @@ const G1 = {
 }, Q1 = (e, t, o, i = !1) => t === "annotation" ? e("OPEN_ANNOTATION_AT", { time: be(o) }) : t === "quiz" ? e(i ? "OPEN_COMPLETED_QUIZ_AT" : "OPEN_QUIZ_AT", {
   time: be(o)
 }) : "";
-function rt({
+function lt({
   type: e,
   position: t,
   children: o,
   onClick: i,
   id: s,
   time: a,
-  completed: l
+  completed: r
 }) {
   const c = v(), { t: u } = f();
   return /* @__PURE__ */ n(
@@ -1655,8 +1658,8 @@ function rt({
       style: { left: `${t}%` },
       onClick: i,
       "data-marker-id": s,
-      "aria-label": Q1(u, e, a, l),
-      children: /* @__PURE__ */ r(
+      "aria-label": Q1(u, e, a, r),
+      children: /* @__PURE__ */ l(
         "svg",
         {
           className: G1[e],
@@ -1674,7 +1677,7 @@ function rt({
   );
 }
 function W1(e) {
-  return /* @__PURE__ */ n(rt, { type: "annotation", ...e, children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ n(lt, { type: "annotation", ...e, children: /* @__PURE__ */ n(
     "path",
     {
       className: m.annotationPinChild,
@@ -1710,7 +1713,7 @@ function Y1(e) {
       children: e.ordinal
     }
   );
-  return /* @__PURE__ */ n(rt, { type: "quiz", ...e, children: e.multiple ? /* @__PURE__ */ n("circle", { className: m.quizPinChild, cx: "13", cy: "13", r: "6" }) : t });
+  return /* @__PURE__ */ n(lt, { type: "quiz", ...e, children: e.multiple ? /* @__PURE__ */ n("circle", { className: m.quizPinChild, cx: "13", cy: "13", r: "6" }) : t });
 }
 function X1(e, t) {
   return e.map((o, i) => ({
@@ -1725,15 +1728,15 @@ function J1(e, t) {
   const o = /* @__PURE__ */ new Map();
   e.forEach((a) => {
     var c;
-    const l = a.time;
-    o.has(l) || o.set(l, []), (c = o.get(l)) == null || c.push(a);
+    const r = a.time;
+    o.has(r) || o.set(r, []), (c = o.get(r)) == null || c.push(a);
   });
   const i = [];
   let s = 0;
-  return o.forEach((a, l) => {
+  return o.forEach((a, r) => {
     i.push({
       id: a.map((c) => c.id).join("-"),
-      time: l,
+      time: r,
       type: "quiz",
       ordinal: s + 1,
       onClick: () => t(a),
@@ -1782,7 +1785,7 @@ function ti() {
       o.onAnnotationClick
     ),
     ...J1(o.quizMarkers, o.onQuizMarkerClick)
-  ].sort((a, l) => a.time - l.time).map((a) => ei(a, t, e, o.interactive)), [o.annotations, o.quizMarkers, t, e]);
+  ].sort((a, r) => a.time - r.time).map((a) => ei(a, t, e, o.interactive)), [o.annotations, o.quizMarkers, t, e]);
   return /* @__PURE__ */ n("div", { className: m.pins, children: i });
 }
 const ni = {
@@ -1794,7 +1797,7 @@ function Ze({
   interactionsDisabled: t,
   children: o
 }) {
-  const [i, s] = k(!1), a = p(() => s(!0), []), l = p(() => s(!1), []), c = z(null), { refs: u, floatingStyles: d, context: _ } = me({
+  const [i, s] = k(!1), a = p(() => s(!0), []), r = p(() => s(!1), []), c = z(null), { refs: u, floatingStyles: d, context: _ } = me({
     open: i,
     onOpenChange: s,
     whileElementsMounted: (C, w, M) => he(C, w, M, {
@@ -1809,17 +1812,17 @@ function Ze({
       })
     ]
   });
-  return /* @__PURE__ */ r("div", { className: ni[e], children: [
+  return /* @__PURE__ */ l("div", { className: ni[e], children: [
     o,
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ l(
       G.Root,
       {
         tabIndex: t ? -1 : 0,
         className: m.root,
         onDragStart: a,
-        onDragEnd: l,
+        onDragEnd: r,
         children: [
-          /* @__PURE__ */ r(G.Track, { className: m.track, children: [
+          /* @__PURE__ */ l(G.Track, { className: m.track, children: [
             /* @__PURE__ */ n(
               G.Progress,
               {
@@ -1834,7 +1837,7 @@ function Ze({
             )
           ] }),
           /* @__PURE__ */ n(G.Thumb, { className: m.thumb, ref: u.setReference }),
-          i ? /* @__PURE__ */ r(
+          i ? /* @__PURE__ */ l(
             "div",
             {
               role: "tooltip",
@@ -1861,17 +1864,17 @@ function Ze({
     )
   ] });
 }
-const oi = "_wrapper_1ijfr_1", ii = "_track_1ijfr_6", si = "_thumb_1ijfr_16", ai = "_track-fill_1ijfr_30", li = "_root_1ijfr_49", te = {
+const oi = "_wrapper_1ijfr_1", ii = "_track_1ijfr_6", si = "_thumb_1ijfr_16", ai = "_track-fill_1ijfr_30", ri = "_root_1ijfr_49", te = {
   wrapper: oi,
   track: ii,
   thumb: si,
   "track-fill": "_track-fill_1ijfr_30",
   trackFill: ai,
-  root: li
+  root: ri
 };
-function ri() {
+function li() {
   const e = V(), t = b("volume"), o = b("muted"), i = v(), s = o || t === 0, { t: a } = f();
-  return /* @__PURE__ */ r("div", { className: te.wrapper, children: [
+  return /* @__PURE__ */ l("div", { className: te.wrapper, children: [
     /* @__PURE__ */ n(
       "button",
       {
@@ -1886,7 +1889,7 @@ function ri() {
         children: s ? /* @__PURE__ */ n(it, { className: "controls-button-icon" }) : t < 0.5 ? /* @__PURE__ */ n(st, { className: "controls-button-icon" }) : /* @__PURE__ */ n(at, { className: "controls-button-icon" })
       }
     ),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ l(
       se.Root,
       {
         className: te.root,
@@ -1911,7 +1914,7 @@ const je = {
     keys: ["Space", "Enter", "k"],
     onKeyDown({ player: e, remote: t, event: o }) {
       var i;
-      (i = document.activeElement) != null && i.hasAttribute("data-media-player") && (t.togglePaused(o), x(e, "togglePaused"));
+      (i = document.activeElement) != null && i.hasAttribute("data-media-player") && (o.preventDefault(), t.togglePaused(o), x(e, "togglePaused"));
     }
   },
   seekForward: {
@@ -2119,15 +2122,15 @@ class mi {
   onChange(t, 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 = {
       ...Ke,
-      ...l
+      ...r
     }, ve(this.overrideTime) && this.overrideTime >= 0 ? this.time = this.overrideTime : this.time = a ? +a : null;
   }
   save() {
@@ -2137,18 +2140,18 @@ class mi {
   }
 }
 function hi(e, t, o, i) {
-  const s = D(() => new mi(), []), [a, l] = k(
+  const s = D(() => new mi(), []), [a, r] = k(
     s.initializeState(i)
   ), c = p(
     (h) => {
-      l((g) => (s.saveData("multiplier", h), {
+      r((g) => (s.saveData("multiplier", h), {
         ...g,
         captionsFontSizeMultiplier: h
       }));
     },
     [s]
   ), u = p(() => {
-    l((h) => {
+    r((h) => {
       const g = !h.captionPositionOnTop;
       return s.saveData("ontop", g), {
         ...h,
@@ -2156,7 +2159,7 @@ function hi(e, t, o, i) {
       };
     });
   }, [s]), d = p(() => {
-    l((h) => {
+    r((h) => {
       const g = !h.captionsInvertColors;
       return s.saveData("invert", g), {
         ...h,
@@ -2164,7 +2167,7 @@ function hi(e, t, o, i) {
       };
     });
   }, [s]), _ = p(() => {
-    l((h) => {
+    r((h) => {
       const g = !h.commentsEnabled;
       return s.saveData("comments", g), {
         ...h,
@@ -2172,22 +2175,22 @@ function hi(e, t, o, i) {
       };
     });
   }, [s]), C = p(() => {
-    l((h) => ({
+    r((h) => ({
       ...h,
       interactionsDisabled: !1
     }));
   }, []), w = p(() => {
-    l((h) => ({
+    r((h) => ({
       ...h,
       interactionsDisabled: !0
     }));
   }, []), M = p((h) => {
-    l((g) => ({
+    r((g) => ({
       ...g,
       globalKeysDisabled: h
     }));
   }, []), L = p((h) => {
-    l((g) => ({
+    r((g) => ({
       ...g,
       isKeyboardShortcutsOpen: h
     }));
@@ -2215,8 +2218,8 @@ function hi(e, t, o, i) {
     storage: s
   };
 }
-const pi = (e) => /* @__PURE__ */ n("svg", { width: 56, height: 72, viewBox: "0 0 28 36", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("g", { id: "Icons", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ r("g", { id: "audio", children: [
-  /* @__PURE__ */ r("g", { id: "icon-file-base-2", children: [
+const pi = (e) => /* @__PURE__ */ n("svg", { width: 56, height: 72, viewBox: "0 0 28 36", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ n("g", { id: "Icons", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ l("g", { id: "audio", children: [
+  /* @__PURE__ */ l("g", { id: "icon-file-base-2", children: [
     /* @__PURE__ */ n("path", { d: "M0,2 L0,34 C0,35.105 0.899,36 1.993,36 L26.006,36 C27.107,36 28,35.11 28,34 L28,10 L18,0 L1.993,0 C0.892,0 0,0.89 0,2 Z", fill: "#FFFFFF" }),
     /* @__PURE__ */ n("path", { d: "M0,2 L0,34 C0,35.105 0.899,36 1.993,36 L26.006,36 C27.107,36 28,35.11 28,34 L28,10 L18,0 L1.993,0 C0.892,0 0,0.89 0,2 Z M1.993,35 C1.445,35 1,34.552 1,34 L1,2 C1,1.448 1.445,1 1.993,1 L16.5,1 L16.5,9 C16.5,10.379 17.621,11.5 18.999,11.5 L27,11.5 L27,34 C27,34.552 26.554,35 26.006,35 L1.993,35 Z M27,10.5 L18.999,10.5 C18.173,10.5 17.5,9.827 17.5,9 L17.5,1 L17.585,1 L27,10.414 L27,10.5 L27,10.5 Z", id: "icon-file-base", fill: "#FFFFFF" }),
     /* @__PURE__ */ n("path", { d: "M0,2 L0,34 C0,35.105 0.899,36 1.993,36 L26.006,36 C27.107,36 28,35.11 28,34 L28,10 L18,0 L1.993,0 C0.892,0 0,0.89 0,2 Z M1.993,35 C1.445,35 1,34.552 1,34 L1,2 C1,1.448 1.445,1 1.993,1 L16.5,1 L16.5,9 C16.5,10.379 17.621,11.5 18.999,11.5 L27,11.5 L27,34 C27,34.552 26.554,35 26.006,35 L1.993,35 Z M27,10.5 L18.999,10.5 C18.173,10.5 17.5,9.827 17.5,9 L17.5,1 L17.585,1 L27,10.414 L27,10.5 L27,10.5 Z", fill: "#384A58" })
@@ -2225,16 +2228,16 @@ const pi = (e) => /* @__PURE__ */ n("svg", { width: 56, height: 72, viewBox: "0
 ] }) }) });
 function fi() {
   const e = y();
-  return /* @__PURE__ */ r("div", { className: "audio-layout-wrapper", children: [
+  return /* @__PURE__ */ l("div", { className: "audio-layout-wrapper", children: [
     /* @__PURE__ */ n(pi, {}),
-    /* @__PURE__ */ n(lt, {}),
+    /* @__PURE__ */ n(rt, {}),
     /* @__PURE__ */ n(Ge, {}),
     /* @__PURE__ */ n(Je, { captions: e.captions })
   ] });
 }
 function _i() {
   const e = y(), t = e.kebabMenuElements.length > 0;
-  return /* @__PURE__ */ r(X, { children: [
+  return /* @__PURE__ */ l(X, { children: [
     /* @__PURE__ */ n(
       i1,
       {
@@ -2242,7 +2245,7 @@ function _i() {
         title: e.title
       }
     ),
-    /* @__PURE__ */ n(lt, {}),
+    /* @__PURE__ */ n(rt, {}),
     /* @__PURE__ */ n(Ge, {}),
     /* @__PURE__ */ n(Je, { captions: e.captions }),
     /* @__PURE__ */ n(m1, {}),
@@ -2284,10 +2287,10 @@ function Li({
   controlsLayout: o,
   showCaptionsButton: i
 }) {
-  const s = V(), a = v(), { hasAnnotations: l, hasQuizmarkers: c, interactive: u } = y();
+  const s = V(), a = v(), { hasAnnotations: r, hasQuizmarkers: c, interactive: u } = y(), d = a.state.interactionsDisabled || a.state.isKeyboardShortcutsOpen;
   return ki(), Z(() => {
     s && (s.remoteControl.pauseControls(), t && (typeof t == "function" ? t(s) : t.current = s));
-  }, [s, t]), /* @__PURE__ */ r(
+  }, [s, t]), /* @__PURE__ */ l(
     "div",
     {
       "data-darkmode": e,
@@ -2295,22 +2298,23 @@ function Li({
         [W.normal]: o === "normal",
         [W.compact]: o === "compact"
       }),
+      inert: d ? "true" : void 0,
       children: [
-        o === "normal" ? /* @__PURE__ */ r(
+        o === "normal" ? /* @__PURE__ */ l(
           Ze,
           {
             layout: "normal",
             interactionsDisabled: a.state.interactionsDisabled,
             children: [
-              u || l || c ? /* @__PURE__ */ n(ti, {}) : null,
+              u || r || c ? /* @__PURE__ */ n(ti, {}) : null,
               u ? /* @__PURE__ */ n(q1, {}) : null,
               /* @__PURE__ */ n(De, {})
             ]
           }
         ) : null,
-        /* @__PURE__ */ r("div", { className: W.leftControls, children: [
+        /* @__PURE__ */ l("div", { className: W.leftControls, children: [
           /* @__PURE__ */ n(t1, {}),
-          /* @__PURE__ */ n(ri, {})
+          /* @__PURE__ */ n(li, {})
         ] }),
         /* @__PURE__ */ n("div", { className: W.indicators, children: /* @__PURE__ */ n(f1, {}) }),
         o === "compact" ? /* @__PURE__ */ n(
@@ -2321,7 +2325,7 @@ function Li({
             children: /* @__PURE__ */ n(De, {})
           }
         ) : null,
-        /* @__PURE__ */ r("div", { className: W.rightControls, children: [
+        /* @__PURE__ */ l("div", { className: W.rightControls, children: [
           i && /* @__PURE__ */ n(fn, {}),
           /* @__PURE__ */ n(Eo, {}),
           /* @__PURE__ */ n(Uo, {})
@@ -2335,24 +2339,24 @@ function xi(e, t) {
 }
 function Mi(e, t, o, i, s) {
   return (a) => {
-    const l = a.detail.currentTime, c = !o.paused, u = Math.min(o.duration * 0.05, 2);
-    l >= e.time && l < e.time + u && !i[e.id] && (s({ ...i, [e.id]: !0 }), t(e, c));
+    const r = a.detail.currentTime, c = !o.paused, u = Math.min(o.duration * 0.05, 2);
+    r >= e.time && r < e.time + u && !i[e.id] && (s({ ...i, [e.id]: !0 }), t(e, c));
   };
 }
 function Pi() {
   const e = V(), { quizMarkers: t, onQuizMarkerShow: o } = y(), [i, s] = k(
-    t.reduce((a, l) => (a[l.id] = !1, a), {})
+    t.reduce((a, r) => (a[r.id] = !1, a), {})
   );
   Z(() => {
     if (!e)
       return;
     t.length > Object.keys(i).length && s(xi(t, i));
-    const a = [], l = (c) => {
+    const a = [], r = (c) => {
       var _;
       const u = (_ = c == null ? void 0 : c.request) == null ? void 0 : _.detail, d = t.reduce((C, w) => (C[w.id] = w.time <= u, C), {});
       s({ ...i, ...d });
     };
-    e.addEventListener("seeked", l);
+    e.addEventListener("seeked", r);
     for (const c of t) {
       const u = Mi(
         c,
@@ -2366,14 +2370,14 @@ function Pi() {
     return () => {
       for (const c of a)
         e.removeEventListener("time-update", c);
-      e.removeEventListener("seeked", l);
+      e.removeEventListener("seeked", r);
     };
   }, [t, e, i]);
 }
 function Ni() {
   return Pi(), null;
 }
-const Ii = {}, re = () => {
+const Ii = {}, le = () => {
 };
 function Bi({
   title: e,
@@ -2382,15 +2386,15 @@ function Bi({
   captions: i = [],
   thumbnail: s,
   hideFullScreen: a = !1,
-  comments: l = [],
+  comments: r = [],
   locale: c = "en",
   annotations: u = [],
   quizMarkers: d = [],
   interactive: _ = !1,
-  onAnnotationClick: C = re,
-  onQuizMarkerClick: w = re,
-  onQuizMarkerShow: M = re,
-  onInteractivePinClick: L = re,
+  onAnnotationClick: C = le,
+  onQuizMarkerClick: w = le,
+  onQuizMarkerShow: M = le,
+  onInteractivePinClick: L = le,
   onCaptionsDelete: I,
   interactiveMenuElements: h = [],
   kebabMenuElements: g = [],
@@ -2423,7 +2427,7 @@ function Bi({
     {
       title: e,
       hideFullScreen: a,
-      comments: l,
+      comments: r,
       captions: i,
       thumbnail: s,
       annotations: u,
@@ -2444,10 +2448,10 @@ function Bi({
       onCaptionsDelete: I,
       controlsLayout: ne,
       startAt: B,
-      children: /* @__PURE__ */ n(Rt, { contextValue: Ce, children: /* @__PURE__ */ r(
+      children: /* @__PURE__ */ n(Rt, { contextValue: Ce, children: /* @__PURE__ */ l(
         Nt,
         {
-          "data-version": "0.5.7",
+          "data-version": "1.0.1",
           crossOrigin: j,
           storage: R ? null : ut,
           title: e,
@@ -2469,7 +2473,7 @@ function Bi({
             oe === "none" && ie("audio");
           },
           children: [
-            /* @__PURE__ */ r(It, { className: Ii.mediaProvider, children: [
+            /* @__PURE__ */ l(It, { className: Ii.mediaProvider, children: [
               oe === "audio" && /* @__PURE__ */ n(fi, {}),
               oe === "video" && /* @__PURE__ */ n(_i, {})
             ] }),