@instructure/studio-player 0.3.9 → 0.3.10

package/dist/StudioPlayer/hooks/useQuizMarkerListeners.d.ts

@@ -1,4 +1,4 @@
-import { MediaPlayerInstance } from '@vidstack/react';
 import { QuizMarker } from '../../types';
+import { MediaPlayerInstance } from '@vidstack/react';
 export declare function createQuizListener(marker: QuizMarker, showCb: (marker: QuizMarker, playerIsPlaying: boolean) => void, player: MediaPlayerInstance, markersShown: Record<string, boolean>, setMarkersShown: (markersShown: Record<string, boolean>) => void): (e: Event) => void;
 export declare function useQuizMarkerListeners(): void;

package/dist/StudioPlayer/hooks/utils/syncMarkersShown.d.ts

@@ -0,0 +1,2 @@
+import { QuizMarker } from '../../../types';
+export declare function syncMarkersShown(quizMarkers: QuizMarker[], markersShown: Record<string, boolean>): Record<string, boolean>;

package/dist/StudioPlayer/hooks/utils/syncMarkersShown.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/studio-player.es.js

@@ -1,14 +1,14 @@
 import './index-B3keTGCo.css';var nt = Object.defineProperty;
 var ot = (e, n, o) => n in e ? nt(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o;
 var S = (e, n, o) => ot(e, typeof n != "symbol" ? n + "" : n, o);
-import { jsx as t, jsxs as c, Fragment as Q } from "react/jsx-runtime";
-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 it, Track as st, Captions as at, usePlaybackRateOptions as ct, useCaptionOptions as rt, useVideoQualityOptions as lt, useMediaStore as Ve, Poster as ut, FullscreenButton as dt, Time as Le, TimeSlider as $, VolumeSlider as J, isAudioProvider as mt, isVideoProvider as ht, MediaPlayer as pt, MediaProvider as _t } from "@vidstack/react";
-import { useMediaState as pi, useMediaStore as _i } from "@vidstack/react";
-import { initReactI18next as ft, useTranslation as C } from "react-i18next";
+import { jsx as t, jsxs as c, Fragment as j } from "react/jsx-runtime";
+import { createContext as re, useContext as le, useState as L, useCallback as f, useEffect as O, useMemo as E, useRef as G } from "react";
+import { useMediaPlayer as F, Spinner as ce, useMediaRemote as oe, useMediaState as _, isTrackCaptionKind as it, Track as st, Captions as at, usePlaybackRateOptions as ct, useCaptionOptions as rt, useVideoQualityOptions as lt, useMediaStore as Ve, Poster as ut, FullscreenButton as dt, Time as Le, TimeSlider as $, VolumeSlider as J, isAudioProvider as mt, isVideoProvider as ht, MediaPlayer as pt, MediaProvider as ft } from "@vidstack/react";
+import { useMediaState as fi, useMediaStore as _i } from "@vidstack/react";
+import { initReactI18next as _t, useTranslation as C } from "react-i18next";
 import Ct from "i18next";
 import bt from "i18next-resources-to-backend";
-import { useFloating as ue, autoUpdate as de, arrow as me, useDismiss as he, useInteractions as pe, FloatingFocusManager as _e, FloatingArrow as fe, shift as Te, offset as Ee, useListNavigation as gt } from "@floating-ui/react";
+import { useFloating as ue, autoUpdate as de, arrow as me, useDismiss as he, useInteractions as pe, FloatingFocusManager as fe, FloatingArrow as _e, shift as Te, offset as Ee, useListNavigation as gt } from "@floating-ui/react";
 const vt = (e, n, o) => {
   const i = e[n];
   return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((s, a) => {
@@ -22,7 +22,7 @@ const vt = (e, n, o) => {
     );
   });
 };
-Ct.use(ft).use(
+Ct.use(_t).use(
   bt(
     (e) => vt(/* @__PURE__ */ Object.assign({ "./locales/en.json": () => import("./en-p8Xpb7Qg.js"), "./locales/kl.json": () => import("./kl-Drx4juMa.js") }), `./locales/${e}.json`, 3)
   )
@@ -120,7 +120,7 @@ const kt = "_annotation-overlay_1kxzn_1", Lt = {
 function Mt({ annotations: e }) {
   const n = F(), o = v(), i = M(), [s, a] = L(
     null
-  ), r = _(
+  ), r = f(
     (u) => {
       n == null || n.pause(), i.interactive || o.disableInteractions(), a(u);
     },
@@ -180,7 +180,7 @@ const Oe = (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 Vt() {
-  const e = oe(), n = f("textTrack"), o = f("hasCaptions"), i = n && it(n), s = v(), a = _(
+  const e = oe(), n = _("textTrack"), o = _("hasCaptions"), i = n && it(n), s = v(), a = f(
     (r) => {
       e.toggleCaptions(r.nativeEvent);
     },
@@ -207,7 +207,7 @@ function Ze({ captions: e }) {
     s,
     i ?? {}
   );
-  return /* @__PURE__ */ c(Q, { children: [
+  return /* @__PURE__ */ c(j, { children: [
     e.map((r) => /* @__PURE__ */ t(
       st,
       {
@@ -310,9 +310,9 @@ function Gt({ comment: e }) {
     /* @__PURE__ */ t("span", { className: B.commentAuthorName, children: e.user.name })
   ] });
 }
-const Qt = 5;
-function Wt({ comments: e }) {
-  const n = v(), o = Zt(e, Qt), i = !!f("textTrack"), s = o.map((a) => /* @__PURE__ */ t(Gt, { comment: a }, a.id));
+const jt = 5;
+function Qt({ comments: e }) {
+  const n = v(), o = Zt(e, jt), i = !!_("textTrack"), s = o.map((a) => /* @__PURE__ */ t(Gt, { comment: a }, a.id));
   return e.length > 0 && n.state.commentsEnabled ? /* @__PURE__ */ t(
     "div",
     {
@@ -324,8 +324,8 @@ function Wt({ comments: e }) {
     }
   ) : null;
 }
-const jt = "_root_1x28e_1", Yt = "_left-controls_1x28e_28", Xt = "_right-controls_1x28e_34", Jt = "_indicators_1x28e_40", en = "_normal-timeline_1x28e_49", tn = "_compact-timeline_1x28e_55", z = {
-  root: jt,
+const Wt = "_root_1x28e_1", Yt = "_left-controls_1x28e_28", Xt = "_right-controls_1x28e_34", Jt = "_indicators_1x28e_40", en = "_normal-timeline_1x28e_49", tn = "_compact-timeline_1x28e_55", z = {
+  root: Wt,
   "left-controls": "_left-controls_1x28e_28",
   leftControls: Yt,
   "right-controls": "_right-controls_1x28e_34",
@@ -369,7 +369,7 @@ const on = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0
   "menu-icon": "_menu-icon_k49ve_42",
   menuIcon: ln
 };
-function W({ label: e, hint: n, onClick: o, Icon: i }) {
+function Q({ label: e, hint: n, onClick: o, Icon: i }) {
   return /* @__PURE__ */ c(
     "button",
     {
@@ -390,11 +390,11 @@ function W({ label: e, hint: n, onClick: o, Icon: i }) {
 }
 const un = (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: "M3.42229 2.82911C4.71149 1.83006 6.23876 1.19768 7.8383 1L7.96797 2.05432C6.55867 2.22862 5.21101 2.7866 4.07273 3.66874L3.42229 2.82911ZM5.44493 6.71393L9.49745 10.7665L17.0924 3.1705L17.8438 3.92297L9.49745 12.2693L4.69352 7.46534L5.44493 6.71393ZM17.932 8.83829C17.8618 8.27074 17.7364 7.70745 17.5589 7.16222L16.5482 7.49276C16.7055 7.97209 16.816 8.46843 16.8766 8.96689C16.917 9.29742 16.9372 9.6269 16.9372 9.96594C16.9372 10.305 16.917 10.6344 16.8777 10.9639C16.7033 12.3732 16.1454 13.7209 15.2632 14.8592L16.1029 15.5096C17.1019 14.2204 17.7343 12.6931 17.932 11.0925C17.9766 10.7205 18 10.3486 18 9.96594C18 9.58332 17.9766 9.21134 17.932 8.83829ZM1.05432 8.96795L0 8.83829C0.197684 7.23874 0.830061 5.71147 1.82911 4.42228L2.66874 5.07272C1.7866 6.211 1.22862 7.55865 1.05432 8.96795ZM0 11.0936C0.197684 12.6931 0.830061 14.2204 1.82911 15.5096L2.66874 14.8591C1.7866 13.7209 1.22862 12.3732 1.05432 10.9639L0 11.0936ZM10.0939 1.00011C11.6935 1.19673 13.2207 1.83017 14.5099 2.82922L13.8595 3.66884C12.7202 2.7867 11.3736 2.22872 9.96426 2.05442L10.0939 1.00011Z", fill: "currentColor" }) });
 function dn() {
-  const e = H(), n = f("playbackRate"), { t: o } = C(), i = _(() => {
+  const e = H(), n = _("playbackRate"), { t: o } = C(), i = f(() => {
     e.setPage("speed");
   }, [e]);
   return /* @__PURE__ */ t(
-    W,
+    Q,
     {
       label: o("PLAYBACK_SPEED"),
       hint: `${n}x`,
@@ -404,11 +404,11 @@ function dn() {
   );
 }
 function mn() {
-  const e = H(), n = f("hasCaptions"), o = f("textTrack"), { t: i } = C(), s = _(() => {
+  const e = H(), n = _("hasCaptions"), o = _("textTrack"), { t: i } = C(), s = f(() => {
     e.setPage("captions");
   }, [e]);
   return n ? /* @__PURE__ */ t(
-    W,
+    Q,
     {
       label: i("CAPTIONS"),
       hint: (o == null ? void 0 : o.label) ?? i("OFF"),
@@ -426,11 +426,11 @@ const hn = (e) => /* @__PURE__ */ c("svg", { width: 18, height: 18, viewBox: "0
   ] })
 ] });
 function pn() {
-  const e = H(), n = f("autoQuality"), o = f("quality"), { t: i } = C(), s = _(() => {
+  const e = H(), n = _("autoQuality"), o = _("quality"), { t: i } = C(), s = f(() => {
     e.setPage("quality");
   }, [e]);
   return o ? /* @__PURE__ */ t(
-    W,
+    Q,
     {
       label: i("QUALITY"),
       hint: n ? i("AUTO", { quality: o.height }) : `${o.height}p`,
@@ -439,7 +439,7 @@ function pn() {
     }
   ) : null;
 }
-const _n = (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 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" }) }), fn = (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 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" }) }), Cn = "_switch-track_1d65g_1", bn = "_switch-thumb_1d65g_12", gn = "_switch-icon_1d65g_26", vn = "_switch-body_1d65g_32", wn = "_switch-label_1d65g_73", yn = "_menu-icon_1d65g_77", A = {
+const fn = (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 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" }) }), _n = (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 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" }) }), Cn = "_switch-track_1d65g_1", bn = "_switch-thumb_1d65g_12", gn = "_switch-icon_1d65g_26", vn = "_switch-body_1d65g_32", wn = "_switch-label_1d65g_73", yn = "_menu-icon_1d65g_77", A = {
   "switch-track": "_switch-track_1d65g_1",
   switchTrack: Cn,
   "switch-thumb": "_switch-thumb_1d65g_12",
@@ -471,7 +471,7 @@ function Ce({
       children: [
         i && /* @__PURE__ */ t(i, { className: A.menuIcon }),
         /* @__PURE__ */ t("span", { className: A.switchLabel, children: e }),
-        /* @__PURE__ */ t("div", { className: A.switchTrack, children: /* @__PURE__ */ t("div", { className: A.switchThumb, children: n ? /* @__PURE__ */ t(_n, { className: A.switchIcon }) : /* @__PURE__ */ t(fn, { className: A.switchIcon }) }) })
+        /* @__PURE__ */ t("div", { className: A.switchTrack, children: /* @__PURE__ */ t("div", { className: A.switchThumb, children: n ? /* @__PURE__ */ t(fn, { className: A.switchIcon }) : /* @__PURE__ */ t(_n, { className: A.switchIcon }) }) })
       ]
     }
   );
@@ -590,7 +590,7 @@ function Vn() {
     }
   );
 }
-const ie = (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: "M17.1347 3.00061L6.55157 13.5825L0.865302 7.89624L0 8.76154L6.55157 15.3131L17.9988 3.86469L17.1347 3.00061Z", fill: "currentColor" }) }), j = (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: "M12.037 3.03704L6.07407 9L12.037 14.963L11 16L4 9L11 2L12.037 3.03704Z", fill: "currentColor" }) }), Tn = "_menu-container_1lrzf_1", En = "_menu-heading_1lrzf_6", Rn = "_check-icon_1lrzf_22", An = "_menu-item-label_1lrzf_28", Bn = "_menu-item_1lrzf_28", On = "_menu-back-button_1lrzf_61", p = {
+const ie = (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: "M17.1347 3.00061L6.55157 13.5825L0.865302 7.89624L0 8.76154L6.55157 15.3131L17.9988 3.86469L17.1347 3.00061Z", fill: "currentColor" }) }), W = (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: "M12.037 3.03704L6.07407 9L12.037 14.963L11 16L4 9L11 2L12.037 3.03704Z", fill: "currentColor" }) }), Tn = "_menu-container_1lrzf_1", En = "_menu-heading_1lrzf_6", Rn = "_check-icon_1lrzf_22", An = "_menu-item-label_1lrzf_28", Bn = "_menu-item_1lrzf_28", On = "_menu-back-button_1lrzf_61", p = {
   "menu-container": "_menu-container_1lrzf_1",
   menuContainer: Tn,
   "menu-heading": "_menu-heading_1lrzf_6",
@@ -627,7 +627,7 @@ function Fn() {
             className: p.menuBackButton,
             onClick: e.back,
             children: [
-              /* @__PURE__ */ t(j, {}),
+              /* @__PURE__ */ t(W, {}),
               /* @__PURE__ */ t("span", { children: o("BACK") })
             ]
           }
@@ -655,11 +655,11 @@ function Fn() {
   );
 }
 function Zn() {
-  const e = H(), n = f("textTrack"), { t: o } = C(), { disableCaptionSettings: i } = v(), s = _(() => {
+  const e = H(), n = _("textTrack"), { t: o } = C(), { disableCaptionSettings: i } = v(), s = f(() => {
     e.setPage("captionLanguage");
   }, [e]);
   return i ? null : /* @__PURE__ */ t(
-    W,
+    Q,
     {
       label: o("LANGUAGE"),
       hint: (n == null ? void 0 : n.label) ?? o("OFF"),
@@ -668,11 +668,11 @@ function Zn() {
   );
 }
 function zn() {
-  const { t: e } = C(), n = v(), o = H(), i = _(() => {
+  const { t: e } = C(), n = v(), o = H(), i = f(() => {
     o.setPage("captionFontSize");
   }, [o]);
   return /* @__PURE__ */ t(
-    W,
+    Q,
     {
       label: e("CAPTION_FONT_SIZE"),
       hint: `${n.state.captionsFontSizeMultiplier * 100}%`,
@@ -722,7 +722,7 @@ function $n() {
             className: p.menuBackButton,
             onClick: e.back,
             children: [
-              /* @__PURE__ */ t(j, {}),
+              /* @__PURE__ */ t(W, {}),
               /* @__PURE__ */ t("span", { children: n("BACK") })
             ]
           }
@@ -756,7 +756,7 @@ function Un() {
             className: p.menuBackButton,
             onClick: e.back,
             children: [
-              /* @__PURE__ */ t(j, {}),
+              /* @__PURE__ */ t(W, {}),
               /* @__PURE__ */ t("span", { children: o("BACK") })
             ]
           }
@@ -802,7 +802,7 @@ function qn() {
             className: p.menuBackButton,
             onClick: n.back,
             children: [
-              /* @__PURE__ */ t(j, {}),
+              /* @__PURE__ */ t(W, {}),
               /* @__PURE__ */ t("span", { children: o("BACK") })
             ]
           }
@@ -834,7 +834,7 @@ function qn() {
   );
 }
 function Gn() {
-  const e = H(), n = lt({ sort: "descending" }), o = f("autoQuality"), { t: i } = C(), s = D();
+  const e = H(), n = lt({ sort: "descending" }), o = _("autoQuality"), { t: i } = C(), s = D();
   return /* @__PURE__ */ c(
     "div",
     {
@@ -853,7 +853,7 @@ function Gn() {
             className: p.menuBackButton,
             onClick: e.back,
             children: [
-              /* @__PURE__ */ t(j, {}),
+              /* @__PURE__ */ t(W, {}),
               /* @__PURE__ */ t("span", { children: i("BACK") })
             ]
           }
@@ -879,7 +879,7 @@ function Gn() {
     }
   );
 }
-const Ke = re(null), Qn = {
+const Ke = re(null), jn = {
   main: Vn,
   speed: Fn,
   captions: $n,
@@ -887,14 +887,14 @@ const Ke = re(null), Qn = {
   captionFontSize: qn,
   quality: Gn
 };
-function Wn() {
-  const e = v(), [n, o] = L(["main"]), [i, s] = L(!1), a = _(() => {
+function Qn() {
+  const e = v(), [n, o] = L(["main"]), [i, s] = L(!1), a = f(() => {
     s(!i), o(["main"]), e.setGlobalKeysDisabled(!i);
-  }, [i]), r = _((P) => {
+  }, [i]), r = f((P) => {
     o((T) => T.concat(P));
-  }, []), l = _(() => {
+  }, []), l = f(() => {
     o((P) => P.length > 1 ? P.slice(0, -1) : P);
-  }, []), u = E(() => Qn[n[n.length - 1]], [n]), d = G(null), { refs: b, floatingStyles: w, context: k } = ue({
+  }, []), u = E(() => jn[n[n.length - 1]], [n]), d = G(null), { refs: b, floatingStyles: w, context: k } = ue({
     open: i,
     onOpenChange: a,
     placement: "top-end",
@@ -925,9 +925,9 @@ function Wn() {
     contextValue: g
   };
 }
-const jn = "_settings-menu_7d0td_1", Yn = "_arrow_7d0td_19", Me = {
+const Wn = "_settings-menu_7d0td_1", Yn = "_arrow_7d0td_19", Me = {
   "settings-menu": "_settings-menu_7d0td_1",
-  settingsMenu: jn,
+  settingsMenu: Wn,
   arrow: Yn
 };
 function Xn() {
@@ -941,8 +941,8 @@ function Xn() {
     open: r,
     refs: l,
     contextValue: u
-  } = Wn(), { t: d } = C();
-  return /* @__PURE__ */ c(Q, { children: [
+  } = Qn(), { t: d } = C();
+  return /* @__PURE__ */ c(j, { children: [
     /* @__PURE__ */ t(
       "button",
       {
@@ -956,7 +956,7 @@ function Xn() {
         children: /* @__PURE__ */ t(on, { className: "controls-button-icon icon-rotate" })
       }
     ),
-    r && /* @__PURE__ */ t(_e, { 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",
@@ -967,7 +967,7 @@ function Xn() {
         children: [
           /* @__PURE__ */ t(Ke.Provider, { value: u, children: /* @__PURE__ */ t(e, {}) }),
           /* @__PURE__ */ t(
-            fe,
+            _e,
             {
               ref: n,
               context: o,
@@ -981,7 +981,7 @@ function Xn() {
 }
 function De(e, n = 1e3) {
   return function() {
-    const i = f("lastKeyboardAction"), [s, a] = L(!1), r = _(() => a(!1), []);
+    const i = _("lastKeyboardAction"), [s, a] = L(!1), r = f(() => a(!1), []);
     return O(() => {
       a(!!i);
       const l = setTimeout(r, n);
@@ -1063,7 +1063,7 @@ const l1 = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0
   fullScreenButton: d1
 };
 function h1() {
-  const e = f("fullscreen"), n = F(), o = v(), i = M(), { t: s } = C();
+  const e = _("fullscreen"), n = F(), o = v(), i = M(), { t: s } = C();
   return i.hideFullScreen ? null : /* @__PURE__ */ t(
     "button",
     {
@@ -1079,18 +1079,18 @@ function h1() {
     }
   );
 }
-const p1 = "_gestures-container_1fn3b_1", _1 = "_gesture_1fn3b_1", Pe = {
+const p1 = "_gestures-container_1fn3b_1", f1 = "_gesture_1fn3b_1", Pe = {
   "gestures-container": "_gestures-container_1fn3b_1",
   gesturesContainer: p1,
-  gesture: _1
+  gesture: f1
 };
-function f1() {
+function _1() {
   const e = oe(), n = () => {
     e.togglePaused();
   };
   return /* @__PURE__ */ t("div", { className: Pe.gesturesContainer, children: /* @__PURE__ */ t("div", { "aria-hidden": !0, className: Pe.gesture, onClick: n }) });
 }
-const Qe = (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.94968 7.74766L3.99993 2.79791L2.79785 3.99999L7.7476 8.94974L2.79785 13.8995L3.99993 15.1016L8.94968 10.1518L13.8994 15.1016L15.1015 13.8995L10.1518 8.94974L15.1015 3.99999L13.8994 2.79791L8.94968 7.74766Z", fill: "currentColor" }) }), C1 = "_controls-overlay_poi8b_1", b1 = "_keyboard-shortcuts-overlay_poi8b_11", g1 = "_screen-reader-content_poi8b_75", v1 = "_controls-button_poi8b_89", w1 = "_keyboard-shortcuts-button_poi8b_101", y1 = "_kebab-menu-button_poi8b_110", k1 = "_kebab-menu_poi8b_110", L1 = "_kebab-menu-item_poi8b_139", x1 = "_close-button_poi8b_178", M1 = "_arrow_poi8b_192", I = {
+const je = (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.94968 7.74766L3.99993 2.79791L2.79785 3.99999L7.7476 8.94974L2.79785 13.8995L3.99993 15.1016L8.94968 10.1518L13.8994 15.1016L15.1015 13.8995L10.1518 8.94974L15.1015 3.99999L13.8994 2.79791L8.94968 7.74766Z", fill: "currentColor" }) }), C1 = "_controls-overlay_poi8b_1", b1 = "_keyboard-shortcuts-overlay_poi8b_11", g1 = "_screen-reader-content_poi8b_75", v1 = "_controls-button_poi8b_89", w1 = "_keyboard-shortcuts-button_poi8b_101", y1 = "_kebab-menu-button_poi8b_110", k1 = "_kebab-menu_poi8b_110", L1 = "_kebab-menu-item_poi8b_139", x1 = "_close-button_poi8b_178", M1 = "_arrow_poi8b_192", I = {
   "controls-overlay": "_controls-overlay_poi8b_1",
   controlsOverlay: C1,
   "keyboard-shortcuts-overlay": "_keyboard-shortcuts-overlay_poi8b_11",
@@ -1135,7 +1135,7 @@ function P1({ onClose: e }) {
               className: I.closeButton,
               onClick: e,
               "aria-label": n("CLOSE"),
-              children: /* @__PURE__ */ t(Qe, {})
+              children: /* @__PURE__ */ t(je, {})
             }
           )
         ] }),
@@ -1255,7 +1255,7 @@ function R1() {
   }), y = he(w), { getReferenceProps: N, getFloatingProps: h, getItemProps: g } = pe(
     [y, k]
   ), { t: P } = C();
-  return a.kebabMenuElements.length > 0 ? /* @__PURE__ */ c(Q, { children: [
+  return a.kebabMenuElements.length > 0 ? /* @__PURE__ */ c(j, { children: [
     /* @__PURE__ */ t(
       "button",
       {
@@ -1270,7 +1270,7 @@ function R1() {
         children: /* @__PURE__ */ t(N1, {})
       }
     ),
-    e && /* @__PURE__ */ t(_e, { context: w, modal: !1, children: /* @__PURE__ */ c(
+    e && /* @__PURE__ */ t(fe, { context: w, modal: !1, children: /* @__PURE__ */ c(
       "div",
       {
         ref: d.setFloating,
@@ -1302,7 +1302,7 @@ function R1() {
             )
           ),
           /* @__PURE__ */ t(
-            fe,
+            _e,
             {
               ref: l,
               context: w,
@@ -1316,11 +1316,11 @@ function R1() {
 }
 const A1 = (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 B1() {
-  const [e, n] = L(!1), [o, i] = L(!1), [s, a] = L(!1), r = v(), l = f("playing"), u = oe(), { t: d } = C(), b = _(() => {
+  const [e, n] = L(!1), [o, i] = L(!1), [s, a] = L(!1), r = v(), l = _("playing"), u = oe(), { t: d } = C(), b = f(() => {
     n(!0), r.disableInteractions(), l && (a(!0), u.pause());
-  }, [l, u, r]), w = _(() => {
+  }, [l, u, r]), w = f(() => {
     n(!1), i(!0), r.enableInteractions(), s && (a(!1), u.play());
-  }, [s, u, r]), k = _(
+  }, [s, u, r]), k = f(
     (y) => o && (y == null ? void 0 : y.focus()),
     [o]
   );
@@ -1345,7 +1345,7 @@ const O1 = "_play-pause-button_1834v_1", F1 = {
   playPauseButton: O1
 };
 function Z1() {
-  const e = F(), n = v(), o = f("paused"), { t: i } = C();
+  const e = F(), n = v(), o = _("paused"), { t: i } = C();
   return e ? /* @__PURE__ */ t(
     "button",
     {
@@ -1365,10 +1365,10 @@ const z1 = "_poster_195hi_1", K1 = {
   poster: z1
 };
 function D1({ src: e }) {
-  const n = f("source");
+  const n = _("source");
   return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(ut, { src: e, className: K1.poster });
 }
-const $1 = "_small-layout-overlay_1pd49_1", U1 = "_small-layout-button_1pd49_14", q1 = "_small-layout-icon-play_1pd49_24", G1 = "_small-layout-icon-pause_1pd49_30", Q1 = "_full-screen-close-icon_1pd49_36", W1 = "_fade-out_1pd49_1", U = {
+const $1 = "_small-layout-overlay_1pd49_1", U1 = "_small-layout-button_1pd49_14", q1 = "_small-layout-icon-play_1pd49_24", G1 = "_small-layout-icon-pause_1pd49_30", j1 = "_full-screen-close-icon_1pd49_36", Q1 = "_fade-out_1pd49_1", U = {
   "small-layout-overlay": "_small-layout-overlay_1pd49_1",
   smallLayoutOverlay: $1,
   "small-layout-button": "_small-layout-button_1pd49_14",
@@ -1378,14 +1378,14 @@ const $1 = "_small-layout-overlay_1pd49_1", U1 = "_small-layout-button_1pd49_14"
   "small-layout-icon-pause": "_small-layout-icon-pause_1pd49_30",
   smallLayoutIconPause: G1,
   "full-screen-close-icon": "_full-screen-close-icon_1pd49_36",
-  fullScreenCloseIcon: Q1,
+  fullScreenCloseIcon: j1,
   "fade-out": "_fade-out_1pd49_1",
-  fadeOut: W1
+  fadeOut: Q1
 };
-function j1() {
-  const e = f("paused");
+function W1() {
+  const e = _("paused");
   return /* @__PURE__ */ c("div", { className: U.smallLayoutOverlay, children: [
-    /* @__PURE__ */ t(dt, { className: U.fullScreenCloseIcon, children: /* @__PURE__ */ t(Qe, {}) }),
+    /* @__PURE__ */ t(dt, { className: U.fullScreenCloseIcon, children: /* @__PURE__ */ t(je, {}) }),
     /* @__PURE__ */ t("i", { className: U.smallLayoutButton, children: e ? /* @__PURE__ */ t(ge, { className: U.smallLayoutIconPlay }) : /* @__PURE__ */ t(be, { className: U.smallLayoutIconPause }) })
   ] });
 }
@@ -1400,7 +1400,7 @@ function J1() {
     /* @__PURE__ */ t(Le, { type: "duration" })
   ] });
 }
-const eo = "_comment-markers_fno42_1", to = "_comment-marker_fno42_1", no = "_timeline-wrapper_fno42_27", oo = "_track_fno42_41", io = "_thumb_fno42_52", so = "_root_fno42_66", ao = "_track-inner_fno42_96", co = "_progress_fno42_102", ro = "_track-fill_fno42_108", lo = "_pins_fno42_125", uo = "_pin-button_fno42_138", mo = "_annotation-pin_fno42_158", ho = "_quiz-pin_fno42_163", po = "_annotation-pin-child_fno42_168", _o = "_quiz-pin-child_fno42_172", fo = "_interactive-pin-container_fno42_177", Co = "_interactive-pin-wrapper_fno42_187", bo = "_interactive-pin-icon_fno42_193", go = "_interactive-pin_fno42_177", vo = "_bg_fno42_207", wo = "_symbol_fno42_211", yo = "_interactive-pin-button_fno42_216", ko = "_interactive-pin-menu_fno42_236", Lo = "_interactive-pin-menu-item_fno42_250", xo = "_arrow_fno42_271", m = {
+const eo = "_comment-markers_fno42_1", to = "_comment-marker_fno42_1", no = "_timeline-wrapper_fno42_27", oo = "_track_fno42_41", io = "_thumb_fno42_52", so = "_root_fno42_66", ao = "_track-inner_fno42_96", co = "_progress_fno42_102", ro = "_track-fill_fno42_108", lo = "_pins_fno42_125", uo = "_pin-button_fno42_138", mo = "_annotation-pin_fno42_158", ho = "_quiz-pin_fno42_163", po = "_annotation-pin-child_fno42_168", fo = "_quiz-pin-child_fno42_172", _o = "_interactive-pin-container_fno42_177", Co = "_interactive-pin-wrapper_fno42_187", bo = "_interactive-pin-icon_fno42_193", go = "_interactive-pin_fno42_177", vo = "_bg_fno42_207", wo = "_symbol_fno42_211", yo = "_interactive-pin-button_fno42_216", ko = "_interactive-pin-menu_fno42_236", Lo = "_interactive-pin-menu-item_fno42_250", xo = "_arrow_fno42_271", m = {
   "comment-markers": "_comment-markers_fno42_1",
   commentMarkers: eo,
   "comment-marker": "_comment-marker_fno42_1",
@@ -1425,9 +1425,9 @@ const eo = "_comment-markers_fno42_1", to = "_comment-marker_fno42_1", no = "_ti
   "annotation-pin-child": "_annotation-pin-child_fno42_168",
   annotationPinChild: po,
   "quiz-pin-child": "_quiz-pin-child_fno42_172",
-  quizPinChild: _o,
+  quizPinChild: fo,
   "interactive-pin-container": "_interactive-pin-container_fno42_177",
-  interactivePinContainer: fo,
+  interactivePinContainer: _o,
   "interactive-pin-wrapper": "_interactive-pin-wrapper_fno42_187",
   interactivePinWrapper: Co,
   "interactive-pin-icon": "_interactive-pin-icon_fno42_193",
@@ -1447,7 +1447,7 @@ const eo = "_comment-markers_fno42_1", to = "_comment-marker_fno42_1", no = "_ti
   annotation: m.annotationPin,
   quiz: m.quizPin
 };
-function We({
+function Qe({
   type: e,
   position: n,
   children: o,
@@ -1480,7 +1480,7 @@ function We({
   );
 }
 function Po(e) {
-  return /* @__PURE__ */ t(We, { type: "annotation", ...e, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(Qe, { type: "annotation", ...e, children: /* @__PURE__ */ t(
     "path",
     {
       className: m.annotationPinChild,
@@ -1493,7 +1493,7 @@ function Po(e) {
   ) });
 }
 function No(e) {
-  return /* @__PURE__ */ t(We, { type: "quiz", ...e, children: e.multiple ? /* @__PURE__ */ t("circle", { className: m.quizPinChild, cx: "13", cy: "13", r: "6" }) : /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(Qe, { type: "quiz", ...e, children: e.multiple ? /* @__PURE__ */ t("circle", { className: m.quizPinChild, cx: "13", cy: "13", r: "6" }) : /* @__PURE__ */ t(
     "text",
     {
       className: m.quizPinChild,
@@ -1564,7 +1564,7 @@ function So(e, n, o, i) {
   }
 }
 function Vo() {
-  const e = oe(), n = f("duration"), o = M(), i = E(() => [
+  const e = oe(), n = _("duration"), o = M(), i = E(() => [
     ...Io(
       o.annotations,
       o.onAnnotationClick
@@ -1574,7 +1574,7 @@ function Vo() {
   return /* @__PURE__ */ t("div", { className: m.pins, children: i });
 }
 function To() {
-  const e = f("duration"), n = M(), o = v();
+  const e = _("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",
     {
@@ -1587,7 +1587,7 @@ function To() {
   )) }) : null;
 }
 function Eo({ currentTime: e, position: n }) {
-  const [o, i] = L(!1), s = M(), a = _(() => s.interactiveMenuElements.length > 0 ? i((y) => !y) : s.onInteractivePinClick(e), [
+  const [o, i] = L(!1), s = M(), a = f(() => s.interactiveMenuElements.length > 0 ? i((y) => !y) : s.onInteractivePinClick(e), [
     s.interactiveMenuElements,
     s.onInteractivePinClick,
     e
@@ -1604,7 +1604,7 @@ function Eo({ currentTime: e, position: n }) {
       })
     ]
   }), b = he(d), { getReferenceProps: w, getFloatingProps: k } = pe([b]);
-  return /* @__PURE__ */ c(Q, { children: [
+  return /* @__PURE__ */ c(j, { children: [
     /* @__PURE__ */ t(
       "button",
       {
@@ -1655,7 +1655,7 @@ function Eo({ currentTime: e, position: n }) {
       }
     ),
     o && /* @__PURE__ */ t(
-      _e,
+      fe,
       {
         order: ["floating", "content"],
         context: d,
@@ -1704,7 +1704,7 @@ function Eo({ currentTime: e, position: n }) {
                 )
               ),
               /* @__PURE__ */ t(
-                fe,
+                _e,
                 {
                   ref: r,
                   context: d,
@@ -1719,13 +1719,13 @@ function Eo({ currentTime: e, position: n }) {
   ] });
 }
 function Ro() {
-  const e = f("duration"), n = f("currentTime"), o = n / e * 100, { disableInteractivePinRanges: i } = M();
+  const e = _("duration"), n = _("currentTime"), o = n / e * 100, { disableInteractivePinRanges: i } = M();
   return i.some(
     ([a, r]) => n >= a && n <= r
   ) ? null : /* @__PURE__ */ t("div", { className: m.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: m.interactivePinWrapper, children: /* @__PURE__ */ t(Eo, { currentTime: n, position: o }) }) });
 }
 function Ao() {
-  const e = f("paused"), n = v();
+  const e = _("paused"), n = v();
   return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(Ro, {}) : null;
 }
 const Bo = `${m.progress} ${m.trackInner}`, Oo = `${m.trackFill} ${m.trackInner}`;
@@ -1760,7 +1760,7 @@ const Fo = "_wrapper_12cb0_1", Zo = "_track_12cb0_6", zo = "_thumb_12cb0_18", Ko
   root: Do
 };
 function $o() {
-  const e = F(), n = f("volume"), o = f("muted"), i = v(), s = o || n === 0, { t: a } = C();
+  const e = F(), n = _("volume"), o = _("muted"), i = v(), s = o || n === 0, { t: a } = C();
   return /* @__PURE__ */ c("div", { className: q.wrapper, children: [
     /* @__PURE__ */ t(
       "button",
@@ -2007,7 +2007,7 @@ class qo {
 function Go(e, n, o, i) {
   const s = E(() => new qo(), []), [a, r] = L(
     s.initializeState(i)
-  ), l = _(
+  ), l = f(
     (h) => {
       r((g) => (s.saveData("multiplier", h), {
         ...g,
@@ -2015,7 +2015,7 @@ function Go(e, n, o, i) {
       }));
     },
     [s]
-  ), u = _(() => {
+  ), u = f(() => {
     r((h) => {
       const g = !h.captionPositionOnTop;
       return s.saveData("ontop", g), {
@@ -2023,7 +2023,7 @@ function Go(e, n, o, i) {
         captionPositionOnTop: g
       };
     });
-  }, [s]), d = _(() => {
+  }, [s]), d = f(() => {
     r((h) => {
       const g = !h.captionsInvertColors;
       return s.saveData("invert", g), {
@@ -2031,7 +2031,7 @@ function Go(e, n, o, i) {
         captionsInvertColors: g
       };
     });
-  }, [s]), b = _(() => {
+  }, [s]), b = f(() => {
     r((h) => {
       const g = !h.commentsEnabled;
       return s.saveData("comments", g), {
@@ -2039,17 +2039,17 @@ function Go(e, n, o, i) {
         commentsEnabled: g
       };
     });
-  }, [s]), w = _(() => {
+  }, [s]), w = f(() => {
     r((h) => ({
       ...h,
       interactionsDisabled: !1
     }));
-  }, []), k = _(() => {
+  }, []), k = f(() => {
     r((h) => ({
       ...h,
       interactionsDisabled: !0
     }));
-  }, []), y = _((h) => {
+  }, []), y = f((h) => {
     r((g) => ({
       ...g,
       globalKeysDisabled: h
@@ -2077,20 +2077,20 @@ function Go(e, n, o, i) {
     storage: s
   };
 }
-const Qo = {};
-function Wo() {
+const jo = {};
+function Qo() {
   const e = M();
-  return /* @__PURE__ */ c(Q, { children: [
+  return /* @__PURE__ */ c(j, { children: [
     /* @__PURE__ */ t(D1, { src: e.thumbnail }),
     /* @__PURE__ */ t(Ge, {}),
     /* @__PURE__ */ t(Be, {}),
     /* @__PURE__ */ t(Ze, { captions: e.captions }),
-    /* @__PURE__ */ t(j1, {}),
-    /* @__PURE__ */ t(f1, {}),
-    /* @__PURE__ */ t(Wt, { comments: e.comments })
+    /* @__PURE__ */ t(W1, {}),
+    /* @__PURE__ */ t(_1, {}),
+    /* @__PURE__ */ t(Qt, { comments: e.comments })
   ] });
 }
-const jo = (e) => /* @__PURE__ */ t("svg", { width: 56, height: 72, viewBox: "0 0 28 36", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("g", { id: "Icons", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ c("g", { id: "audio", children: [
+const Wo = (e) => /* @__PURE__ */ t("svg", { width: 56, height: 72, viewBox: "0 0 28 36", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("g", { id: "Icons", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ c("g", { id: "audio", children: [
   /* @__PURE__ */ c("g", { id: "icon-file-base-2", children: [
     /* @__PURE__ */ t("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__ */ t("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" }),
@@ -2101,25 +2101,29 @@ const jo = (e) => /* @__PURE__ */ t("svg", { width: 56, height: 72, viewBox: "0
 function Yo() {
   const e = M();
   return /* @__PURE__ */ c("div", { className: "audio-layout-wrapper", children: [
-    /* @__PURE__ */ t(jo, {}),
+    /* @__PURE__ */ t(Wo, {}),
     /* @__PURE__ */ t(Ge, {}),
     /* @__PURE__ */ t(Be, {}),
     /* @__PURE__ */ t(Ze, { captions: e.captions })
   ] });
 }
-function Xo(e, n, o, i, s) {
+function Xo(e, n) {
+  return e.reduce((o, i) => (Object.keys(n).includes(i.id) || (o[i.id] = !0), o), n);
+}
+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));
+    const r = a.detail.currentTime, l = !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 }), n(e, l));
   };
 }
-function Jo() {
+function ei() {
   const e = F(), { quizMarkers: n, onQuizMarkerShow: o } = M(), [i, s] = L(
     n.reduce((a, r) => (a[r.id] = !1, a), {})
   );
   O(() => {
     if (!e)
       return;
+    n.length > Object.keys(i).length && s(Xo(n, i));
     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), {});
@@ -2127,7 +2131,7 @@ function Jo() {
     };
     e.addEventListener("seeked", r);
     for (const l of n) {
-      const u = Xo(
+      const u = Jo(
         l,
         o,
         e,
@@ -2143,18 +2147,18 @@ function Jo() {
     };
   }, [n, e, i]);
 }
-function ei() {
-  return Jo(), null;
+function ti() {
+  return ei(), null;
 }
-function ti(e) {
+function ni(e) {
   return Array.isArray(e) && typeof e[0] == "object";
 }
-function ni(e) {
-  return ti(e) && e.length === 1 ? e[0].src : e;
+function oi(e) {
+  return ni(e) && e.length === 1 ? e[0].src : e;
 }
 const ne = () => {
 };
-function di({
+function mi({
   title: e,
   playerRef: n,
   src: o,
@@ -2179,7 +2183,7 @@ function di({
   disableStorage: Y = !1,
   startAt: X,
   crossOrigin: se,
-  captionOffsetOverride: je,
+  captionOffsetOverride: We,
   disableInteractivePinRanges: Ye = []
 }) {
   const { contextValue: ae, shortcuts: Xe, storage: Je } = Go(
@@ -2191,7 +2195,7 @@ function di({
   O(() => {
     ve.changeLanguage(l);
   }, [ve, l]);
-  const [we, ye] = L("none"), et = _((R) => {
+  const [we, ye] = L("none"), et = f((R) => {
     mt(R) ? ye("audio") : ht(R) && ye("video");
   }, []);
   return /* @__PURE__ */ t(
@@ -2213,17 +2217,17 @@ function di({
       forceComments: Z,
       disableCaptionSettings: V,
       disableStorage: Y,
-      captionOffsetOverride: je,
+      captionOffsetOverride: We,
       disableInteractivePinRanges: Ye,
       onQuizMarkerShow: y,
       children: /* @__PURE__ */ t(wt, { contextValue: ae, children: /* @__PURE__ */ c(
         pt,
         {
-          "data-version": "0.3.9",
+          "data-version": "0.3.10",
           crossOrigin: se,
           storage: Y ? null : Je,
           title: e,
-          src: ni(o),
+          src: oi(o),
           keyShortcuts: Xe,
           playsInline: !0,
           keyDisabled: ae.state.interactionsDisabled || ae.state.globalKeysDisabled,
@@ -2235,9 +2239,9 @@ function di({
           },
           onProviderSetup: et,
           children: [
-            /* @__PURE__ */ c(_t, { className: Qo.mediaProvider, children: [
+            /* @__PURE__ */ c(ft, { className: jo.mediaProvider, children: [
               we === "audio" && /* @__PURE__ */ t(Yo, {}),
-              we === "video" && /* @__PURE__ */ t(Wo, {})
+              we === "video" && /* @__PURE__ */ t(Qo, {})
             ] }),
             /* @__PURE__ */ t(B1, {}),
             /* @__PURE__ */ t(
@@ -2249,7 +2253,7 @@ function di({
               }
             ),
             /* @__PURE__ */ t(Mt, { annotations: u }),
-            !!d.length && /* @__PURE__ */ t(ei, {})
+            !!d.length && /* @__PURE__ */ t(ti, {})
           ]
         }
       ) })
@@ -2260,7 +2264,7 @@ export {
   At as CAPTION_FONT_SIZE_MULTIPLIERS,
   Bt as COMMENT_DURATION,
   K as PLAYBACK_RATES,
-  di as StudioPlayer,
-  pi as useMediaState,
+  mi as StudioPlayer,
+  fi as useMediaState,
   _i as useMediaStore
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/studio-player",
-  "version": "0.3.9",
+  "version": "0.3.10",
   "private": false,
   "description": "Next generation media player for Instructure",
   "module": "./dist/studio-player.es.js",