@instructure/studio-player 0.2.3 → 0.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/StudioPlayer/StudioPlayer.d.ts +1 -1
  2. package/dist/StudioPlayer/test/annotations.d.ts +1 -1
  3. package/dist/StudioPlayer/test/captions.d.ts +1 -1
  4. package/dist/StudioPlayer/test/comments.d.ts +1 -1
  5. package/dist/StudioPlayer/test/quizmarkers.d.ts +1 -1
  6. package/dist/en-DRnzP2ly.js +91 -0
  7. package/dist/kl-DAr1HilW.js +91 -0
  8. package/dist/studio-player.es.js +324 -318
  9. package/dist/types.d.ts +1 -1
  10. package/package.json +36 -36
  11. package/dist/en-DFSgRHa0.js +0 -91
  12. package/dist/kl-dmbsz-te.js +0 -91
  13. /package/dist/{index-CMD6Esae.css → index-aLp7_0kW.css} +0 -0
package/dist/studio-player.es.js CHANGED
@@ -1,14 +1,14 @@
1
- import './index-CMD6Esae.css';var Re = Object.defineProperty;
2
- var Ae = (e, n, o) => n in e ? Re(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o;
3
- var N = (e, n, o) => Ae(e, typeof n != "symbol" ? n + "" : n, o);
1
+ import './index-aLp7_0kW.css';var Be = Object.defineProperty;
2
+ var Re = (e, n, o) => n in e ? Be(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o;
3
+ var N = (e, n, o) => Re(e, typeof n != "symbol" ? n + "" : n, o);
4
4
  import { jsx as t, jsxs as s, Fragment as J } from "react/jsx-runtime";
5
- import { createContext as X, useContext as w, useState as P, useCallback as p, useEffect as B, useMemo as Z, useRef as me } from "react";
6
- import { useMediaPlayer as U, Spinner as G, useMediaRemote as q, useMediaState as _, isTrackCaptionKind as Ee, Track as Oe, Captions as Fe, usePlaybackRateOptions as Ze, useCaptionOptions as $e, useVideoQualityOptions as ze, useMediaStore as he, FullscreenButton as pe, PlayButton as Ke, Poster as De, Time as ie, TimeSlider as E, MuteButton as je, VolumeSlider as K, MediaPlayer as Ue, MediaProvider as qe } from "@vidstack/react";
7
- import { initReactI18next as We, useTranslation as b } from "react-i18next";
8
- import Ge from "i18next";
9
- import Qe from "i18next-resources-to-backend";
10
- import { useFloating as _e, autoUpdate as fe, flip as ve, arrow as be, useDismiss as Ce, useInteractions as ge, FloatingFocusManager as Ye, FloatingArrow as ke, shift as Je, offset as Xe } from "@floating-ui/react";
11
- const et = (e, n, o) => {
5
+ import { createContext as X, useContext as w, useState as P, useCallback as f, useEffect as R, useMemo as Z, useRef as de } from "react";
6
+ import { useMediaPlayer as U, Spinner as G, useMediaRemote as q, useMediaState as v, isTrackCaptionKind as Ae, Track as Ee, Captions as Oe, usePlaybackRateOptions as Fe, useCaptionOptions as Ze, useVideoQualityOptions as $e, useMediaStore as me, FullscreenButton as he, PlayButton as ze, Poster as Ke, Time as ie, TimeSlider as E, MuteButton as De, VolumeSlider as K, MediaPlayer as je, MediaProvider as Ue } from "@vidstack/react";
7
+ import { initReactI18next as qe, useTranslation as C } from "react-i18next";
8
+ import We from "i18next";
9
+ import Ge from "i18next-resources-to-backend";
10
+ import { useFloating as pe, autoUpdate as _e, flip as fe, arrow as ve, useDismiss as be, useInteractions as Ce, FloatingFocusManager as Qe, FloatingArrow as ge, shift as Ye, offset as Je } from "@floating-ui/react";
11
+ const Xe = (e, n, o) => {
12
12
  const i = e[n];
13
13
  return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((a, c) => {
14
14
  (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
@@ -21,9 +21,9 @@ const et = (e, n, o) => {
21
21
  );
22
22
  });
23
23
  };
24
- Ge.use(We).use(
25
- Qe(
26
- (e) => et(/* @__PURE__ */ Object.assign({ "./locales/en.json": () => import("./en-DFSgRHa0.js"), "./locales/kl.json": () => import("./kl-dmbsz-te.js") }), `./locales/${e}.json`, 3)
24
+ We.use(qe).use(
25
+ Ge(
26
+ (e) => Xe(/* @__PURE__ */ Object.assign({ "./locales/en.json": () => import("./en-DRnzP2ly.js"), "./locales/kl.json": () => import("./kl-DAr1HilW.js") }), `./locales/${e}.json`, 3)
27
27
  )
28
28
  ).init({
29
29
  fallbackLng: "en",
@@ -34,23 +34,23 @@ Ge.use(We).use(
34
34
  escapeValue: !1
35
35
  }
36
36
  });
37
- const ye = X(null);
38
- function tt({
37
+ const ke = X(null);
38
+ function et({
39
39
  children: e,
40
40
  contextValue: n
41
41
  }) {
42
- return /* @__PURE__ */ t(ye.Provider, { value: n, children: e });
42
+ return /* @__PURE__ */ t(ke.Provider, { value: n, children: e });
43
43
  }
44
- function C() {
45
- const e = w(ye);
44
+ function g() {
45
+ const e = w(ke);
46
46
  if (!e)
47
47
  throw new Error(
48
48
  "useStudioPlayerContext must be used within a StudioPlayerContextProvider"
49
49
  );
50
50
  return e;
51
51
  }
52
- const we = X(null);
53
- function nt({
52
+ const ye = X(null);
53
+ function tt({
54
54
  hideFullScreen: e,
55
55
  comments: n,
56
56
  annotations: o,
@@ -58,10 +58,10 @@ function nt({
58
58
  interactive: a,
59
59
  onAnnotationClick: c,
60
60
  onQuizMarkerClick: l,
61
- onInteractivePinClick: r,
62
- interactiveMenuElements: f,
63
- darkMode: v,
64
- children: k
61
+ onInteractivePinClick: u,
62
+ interactiveMenuElements: h,
63
+ darkMode: p,
64
+ children: b
65
65
  }) {
66
66
  const d = {
67
67
  hideFullScreen: e,
@@ -71,71 +71,77 @@ function nt({
71
71
  interactive: a,
72
72
  onAnnotationClick: c,
73
73
  onQuizMarkerClick: l,
74
- onInteractivePinClick: r,
75
- interactiveMenuElements: f,
76
- darkMode: v,
74
+ onInteractivePinClick: u,
75
+ interactiveMenuElements: h,
76
+ darkMode: p,
77
77
  hasComments: n.length > 0,
78
78
  hasAnnotations: o.length > 0,
79
79
  hasQuizmarkers: i.length > 0
80
80
  };
81
- return /* @__PURE__ */ t(we.Provider, { value: d, children: k });
81
+ return /* @__PURE__ */ t(ye.Provider, { value: d, children: b });
82
82
  }
83
- function R() {
84
- const e = w(we);
83
+ function I() {
84
+ const e = w(ye);
85
85
  if (!e)
86
86
  throw new Error(
87
87
  "useStudioPlayerPropsContext must be used within a StudioPlayerPropsContextProvider"
88
88
  );
89
89
  return e;
90
90
  }
91
- const ot = "_annotation-overlay_1kxzn_1", it = {
91
+ const nt = "_annotation-overlay_1kxzn_1", ot = {
92
92
  "annotation-overlay": "_annotation-overlay_1kxzn_1",
93
- annotationOverlay: ot
94
- }, ae = 0.25, at = (e, n) => {
93
+ annotationOverlay: nt
94
+ }, ae = 0.25, it = (e, n) => {
95
95
  let o = !1;
96
96
  return (i) => {
97
97
  const a = i.detail.currentTime;
98
98
  a >= e.time && a < e.time + ae && !o && (o = !0, n(e)), (a < e.time || a >= e.time + ae) && o && (o = !1);
99
99
  };
100
100
  };
101
- function st({ annotations: e }) {
102
- const n = U(), o = C(), [i, a] = P(
101
+ function at({ annotations: e }) {
102
+ const n = U(), o = g(), i = I(), [a, c] = P(
103
103
  null
104
- ), c = p(
105
- (r) => {
106
- n == null || n.pause(), o.disableInteractions(), a(r);
104
+ ), l = f(
105
+ (h) => {
106
+ n == null || n.pause(), i.interactive || o.disableInteractions(), c(h);
107
107
  },
108
108
  [n, o]
109
- ), l = () => {
110
- n == null || n.play(), a(null), o.enableInteractions();
109
+ ), u = () => {
110
+ i.interactive || (n == null || n.play(), o.enableInteractions()), c(null);
111
111
  };
112
- return B(() => {
112
+ return R(() => {
113
113
  if (!n)
114
114
  return;
115
- const r = [];
116
- for (const f of e) {
117
- const v = at(f, c);
118
- n.addEventListener("time-update", v), r.push(v);
115
+ const h = [];
116
+ for (const p of e) {
117
+ const b = it(p, l);
118
+ n.addEventListener("time-update", b), h.push(b);
119
+ }
120
+ if (a) {
121
+ const p = e.find(
122
+ (b) => b.id === a.id
123
+ );
124
+ p ? c(p) : (c(null), o.enableInteractions());
119
125
  }
120
126
  return () => {
121
- for (const f of r)
122
- n.removeEventListener("time-update", f);
127
+ for (const p of h)
128
+ n.removeEventListener("time-update", p);
123
129
  };
124
- }, [n, e]), i ? /* @__PURE__ */ t("div", { className: it.annotationOverlay, children: i.render(l) }) : null;
130
+ }, [n, e]), a ? /* @__PURE__ */ t("div", { className: ot.annotationOverlay, children: a.render(u) }) : null;
125
131
  }
126
- const ct = "_media-buffering-indicator_1fwjr_1", lt = "_media-buffering-spinner_1fwjr_17", rt = "_media-buffering-spin_1fwjr_17", ut = "_media-buffering-track_1fwjr_22", dt = "_media-buffering-track-fill_1fwjr_27", D = {
132
+ const st = "_media-buffering-indicator_1fwjr_1", ct = "_media-buffering-spinner_1fwjr_17", lt = "_media-buffering-spin_1fwjr_17", rt = "_media-buffering-track_1fwjr_22", ut = "_media-buffering-track-fill_1fwjr_27", D = {
127
133
  "media-buffering-indicator": "_media-buffering-indicator_1fwjr_1",
128
- mediaBufferingIndicator: ct,
134
+ mediaBufferingIndicator: st,
129
135
  "media-buffering-spinner": "_media-buffering-spinner_1fwjr_17",
130
- mediaBufferingSpinner: lt,
136
+ mediaBufferingSpinner: ct,
131
137
  "media-buffering-spin": "_media-buffering-spin_1fwjr_17",
132
- mediaBufferingSpin: rt,
138
+ mediaBufferingSpin: lt,
133
139
  "media-buffering-track": "_media-buffering-track_1fwjr_22",
134
- mediaBufferingTrack: ut,
140
+ mediaBufferingTrack: rt,
135
141
  "media-buffering-track-fill": "_media-buffering-track-fill_1fwjr_27",
136
- mediaBufferingTrackFill: dt
142
+ mediaBufferingTrackFill: ut
137
143
  };
138
- function mt() {
144
+ function dt() {
139
145
  return /* @__PURE__ */ t("div", { className: D.mediaBufferingIndicator, children: /* @__PURE__ */ s(G.Root, { className: D.mediaBufferingSpinner, size: 96, children: [
140
146
  /* @__PURE__ */ t(G.Track, { className: D.mediaBufferingTrack, width: 8 }),
141
147
  /* @__PURE__ */ t(
@@ -147,15 +153,15 @@ function mt() {
147
153
  )
148
154
  ] }) });
149
155
  }
150
- const Le = (e) => /* @__PURE__ */ s("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
156
+ const we = (e) => /* @__PURE__ */ s("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
151
157
  /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_149_104418", children: /* @__PURE__ */ t("rect", { width: 24, height: 24, fill: "white" }) }) }),
152
158
  /* @__PURE__ */ t("g", { clipPath: "url(#clip0_149_104418)", children: /* @__PURE__ */ t("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" }) })
153
- ] }), Pe = (e) => /* @__PURE__ */ s("svg", { width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
159
+ ] }), Le = (e) => /* @__PURE__ */ s("svg", { width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
154
160
  /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_149_104406", children: /* @__PURE__ */ t("rect", { width: 24, height: 24, fill: "white" }) }) }),
155
161
  /* @__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" }) })
156
162
  ] });
157
- function ht() {
158
- const e = q(), n = _("textTrack"), o = _("hasCaptions"), i = n && Ee(n), a = C(), c = p(
163
+ function mt() {
164
+ const e = q(), n = v("textTrack"), o = v("hasCaptions"), i = n && Ae(n), a = g(), c = f(
159
165
  (l) => {
160
166
  e.toggleCaptions(l.nativeEvent);
161
167
  },
@@ -169,18 +175,18 @@ function ht() {
169
175
  onClick: c,
170
176
  "aria-label": "Captions",
171
177
  tabIndex: a.state.interactionsDisabled ? -1 : 0,
172
- children: i ? /* @__PURE__ */ t(Pe, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Le, { className: "controls-button-icon" })
178
+ children: i ? /* @__PURE__ */ t(Le, { className: "controls-button-icon" }) : /* @__PURE__ */ t(we, { className: "controls-button-icon" })
173
179
  }
174
180
  ) : null;
175
181
  }
176
- const pt = "_captions_13epz_1", _t = {
177
- captions: pt
182
+ const ht = "_captions_13epz_1", pt = {
183
+ captions: ht
178
184
  };
179
- function ft({ captions: e }) {
180
- const n = _("hasCaptions"), o = C();
185
+ function _t({ captions: e }) {
186
+ const n = v("hasCaptions"), o = g();
181
187
  return /* @__PURE__ */ s(J, { children: [
182
188
  e.map((i) => /* @__PURE__ */ t(
183
- Oe,
189
+ Ee,
184
190
  {
185
191
  kind: "subtitles",
186
192
  type: i.type,
@@ -200,12 +206,12 @@ function ft({ captions: e }) {
200
206
  "--captions-color": o.state.captionsInvertColors ? "rgba(22, 22, 22)" : "white",
201
207
  "--captions-background-color": o.state.captionsInvertColors ? "rgba(255, 255, 255, 0.75)" : "rgba(22, 22, 22, 0.75)"
202
208
  },
203
- children: /* @__PURE__ */ t(Fe, { className: _t.captions })
209
+ children: /* @__PURE__ */ t(Oe, { className: pt.captions })
204
210
  }
205
211
  ) : null
206
212
  ] });
207
213
  }
208
- const H = [0.5, 0.75, 1, 1.25, 1.5, 2], vt = [0.5, 1, 2, 3, 4], Ne = 5, bt = (e) => {
214
+ const V = [0.5, 0.75, 1, 1.25, 1.5, 2], ft = [0.5, 1, 2, 3, 4], Pe = 5, vt = (e) => {
209
215
  const [, n] = P({});
210
216
  return Z(() => {
211
217
  let o = [];
@@ -221,20 +227,20 @@ const H = [0.5, 0.75, 1, 1.25, 1.5, 2], vt = [0.5, 1, 2, 3, 4], Ne = 5, bt = (e)
221
227
  }
222
228
  };
223
229
  }, []);
224
- }, Ct = (e, n, o) => {
230
+ }, bt = (e, n, o) => {
225
231
  let i = !1;
226
232
  return (a) => {
227
233
  const c = a.detail.currentTime;
228
234
  c >= e.timestamp && c < e.timestamp + n && !i && (o.add(e), i = !0), (c < e.timestamp || c >= e.timestamp + n) && i && (o.remove(e), i = !1);
229
235
  };
230
- }, gt = (e, n = 5) => {
231
- const o = U(), i = bt(n);
232
- return B(() => {
236
+ }, Ct = (e, n = 5) => {
237
+ const o = U(), i = vt(n);
238
+ return R(() => {
233
239
  if (!o)
234
240
  return;
235
241
  const a = [];
236
242
  for (const c of e) {
237
- const l = Ct(c, Ne, i);
243
+ const l = bt(c, Pe, i);
238
244
  a.push(l), o.addEventListener("time-update", l);
239
245
  }
240
246
  return () => {
@@ -242,51 +248,51 @@ const H = [0.5, 0.75, 1, 1.25, 1.5, 2], vt = [0.5, 1, 2, 3, 4], Ne = 5, bt = (e)
242
248
  o.removeEventListener("time-update", c);
243
249
  };
244
250
  }, [o, i, e]), i;
245
- }, kt = "_comments-overlay_agbjl_1", yt = "_comments-container_agbjl_9", wt = "_comment_agbjl_1", Lt = "_comment-text_agbjl_44", Pt = "_comment-author-avatar_agbjl_67", Nt = "_comment-author-name_agbjl_86", V = {
251
+ }, gt = "_comments-overlay_agbjl_1", kt = "_comments-container_agbjl_9", yt = "_comment_agbjl_1", wt = "_comment-text_agbjl_44", Lt = "_comment-author-avatar_agbjl_67", Pt = "_comment-author-name_agbjl_86", B = {
246
252
  "comments-overlay": "_comments-overlay_agbjl_1",
247
- commentsOverlay: kt,
253
+ commentsOverlay: gt,
248
254
  "comments-container": "_comments-container_agbjl_9",
249
- commentsContainer: yt,
250
- comment: wt,
255
+ commentsContainer: kt,
256
+ comment: yt,
251
257
  "comment-text": "_comment-text_agbjl_44",
252
- commentText: Lt,
258
+ commentText: wt,
253
259
  "comment-author-avatar": "_comment-author-avatar_agbjl_67",
254
- commentAuthorAvatar: Pt,
260
+ commentAuthorAvatar: Lt,
255
261
  "comment-author-name": "_comment-author-name_agbjl_86",
256
- commentAuthorName: Nt
262
+ commentAuthorName: Pt
257
263
  };
258
- function xt({ comment: e }) {
259
- return /* @__PURE__ */ s("div", { className: V.comment, onClick: e.onClick, children: [
264
+ function Nt({ comment: e }) {
265
+ return /* @__PURE__ */ s("div", { className: B.comment, onClick: e.onClick, children: [
260
266
  /* @__PURE__ */ t(
261
267
  "img",
262
268
  {
263
- className: V.commentAuthorAvatar,
269
+ className: B.commentAuthorAvatar,
264
270
  src: e.user.avatar,
265
271
  alt: e.user.name
266
272
  }
267
273
  ),
268
- /* @__PURE__ */ t("span", { className: V.commentText, children: e.text }),
269
- /* @__PURE__ */ t("span", { className: V.commentAuthorName, children: e.user.name })
274
+ /* @__PURE__ */ t("span", { className: B.commentText, children: e.text }),
275
+ /* @__PURE__ */ t("span", { className: B.commentAuthorName, children: e.user.name })
270
276
  ] });
271
277
  }
272
- const se = 5;
278
+ const xt = 5;
273
279
  function Mt({ comments: e }) {
274
- const n = C(), o = gt(e, se), i = !!_("textTrack"), a = o.map((c) => /* @__PURE__ */ t(xt, { comment: c }, c.id));
280
+ const n = g(), o = Ct(e, xt), i = !!v("textTrack"), a = o.map((c) => /* @__PURE__ */ t(Nt, { comment: c }, c.id));
275
281
  return e.length > 0 && n.state.commentsEnabled ? /* @__PURE__ */ t(
276
282
  "div",
277
283
  {
278
- className: V.commentsOverlay,
284
+ className: B.commentsOverlay,
279
285
  style: {
280
286
  flexDirection: n.state.captionPositionOnTop && i ? "column-reverse" : "column"
281
287
  },
282
- children: /* @__PURE__ */ t("div", { className: V.commentsContainer, children: i ? a.slice(-(se - 1)) : a })
288
+ children: /* @__PURE__ */ t("div", { className: B.commentsContainer, children: i ? a.slice(-4) : a })
283
289
  }
284
290
  ) : null;
285
291
  }
286
- const Tt = "_root_fph0z_1", It = "_left-controls_fph0z_28", St = "_right-controls_fph0z_34", Ht = "_indicators_fph0z_40", Vt = "_normal-timeline_fph0z_49", Bt = "_compact-timeline_fph0z_55", S = {
287
- root: Tt,
292
+ const It = "_root_fph0z_1", Tt = "_left-controls_fph0z_28", St = "_right-controls_fph0z_34", Ht = "_indicators_fph0z_40", Vt = "_normal-timeline_fph0z_49", Bt = "_compact-timeline_fph0z_55", H = {
293
+ root: It,
288
294
  "left-controls": "_left-controls_fph0z_28",
289
- leftControls: It,
295
+ leftControls: Tt,
290
296
  "right-controls": "_right-controls_fph0z_34",
291
297
  rightControls: St,
292
298
  indicators: Ht,
@@ -297,18 +303,18 @@ const Tt = "_root_fph0z_1", It = "_left-controls_fph0z_28", St = "_right-control
297
303
  };
298
304
  function Rt({ darkMode: e, playerRef: n }) {
299
305
  const o = U();
300
- return B(() => {
306
+ return R(() => {
301
307
  o && (o.remoteControl.pauseControls(), n && (n.current = o));
302
- }, [o, n]), /* @__PURE__ */ s("div", { "data-darkmode": e, className: S.root, children: [
303
- /* @__PURE__ */ t(re, { className: S.normalTimeline }),
304
- /* @__PURE__ */ s("div", { className: S.leftControls, children: [
308
+ }, [o, n]), /* @__PURE__ */ s("div", { "data-darkmode": e, className: H.root, children: [
309
+ /* @__PURE__ */ t(le, { className: H.normalTimeline }),
310
+ /* @__PURE__ */ s("div", { className: H.leftControls, children: [
305
311
  /* @__PURE__ */ t(to, {}),
306
312
  /* @__PURE__ */ t(ai, {})
307
313
  ] }),
308
- /* @__PURE__ */ t("div", { className: S.indicators, children: /* @__PURE__ */ t(_o, {}) }),
309
- /* @__PURE__ */ t(re, { className: S.compactTimeline }),
310
- /* @__PURE__ */ s("div", { className: S.rightControls, children: [
311
- /* @__PURE__ */ t(ht, {}),
314
+ /* @__PURE__ */ t("div", { className: H.indicators, children: /* @__PURE__ */ t(_o, {}) }),
315
+ /* @__PURE__ */ t(le, { className: H.compactTimeline }),
316
+ /* @__PURE__ */ s("div", { className: H.rightControls, children: [
317
+ /* @__PURE__ */ t(mt, {}),
312
318
  /* @__PURE__ */ t(xn, {}),
313
319
  /* @__PURE__ */ t(Kn, {})
314
320
  ] })
@@ -334,7 +340,7 @@ function $({ label: e, hint: n, onClick: o, Icon: i }) {
334
340
  }
335
341
  const $t = (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" }) });
336
342
  function zt() {
337
- const e = w(L), n = _("playbackRate"), { t: o } = b(), i = p(() => {
343
+ const e = w(L), n = v("playbackRate"), { t: o } = C(), i = f(() => {
338
344
  e && e.setPage("speed");
339
345
  }, [e]);
340
346
  return e ? /* @__PURE__ */ t(
@@ -348,7 +354,7 @@ function zt() {
348
354
  ) : null;
349
355
  }
350
356
  function Kt() {
351
- const e = w(L), n = _("hasCaptions"), o = _("textTrack"), { t: i } = b(), a = p(() => {
357
+ const e = w(L), n = v("hasCaptions"), o = v("textTrack"), { t: i } = C(), a = f(() => {
352
358
  e && e.setPage("captions");
353
359
  }, [e]);
354
360
  return e && n ? /* @__PURE__ */ t(
@@ -357,7 +363,7 @@ function Kt() {
357
363
  label: i("CAPTIONS"),
358
364
  hint: (o == null ? void 0 : o.label) ?? i("OFF"),
359
365
  onClick: a,
360
- Icon: Le
366
+ Icon: we
361
367
  }
362
368
  ) : null;
363
369
  }
@@ -370,7 +376,7 @@ const Dt = (e) => /* @__PURE__ */ s("svg", { width: 18, height: 18, viewBox: "0
370
376
  ] })
371
377
  ] });
372
378
  function jt() {
373
- const e = w(L), n = _("autoQuality"), o = _("quality"), { t: i } = b(), a = p(() => {
379
+ const e = w(L), n = v("autoQuality"), o = v("quality"), { t: i } = C(), a = f(() => {
374
380
  e && e.setPage("quality");
375
381
  }, [e]);
376
382
  return e && o ? /* @__PURE__ */ t(
@@ -403,7 +409,7 @@ function ee({
403
409
  onClick: o,
404
410
  Icon: i
405
411
  }) {
406
- const a = p(
412
+ const a = f(
407
413
  (c) => {
408
414
  (c.key === "Enter" || c.key === " ") && (o == null || o());
409
415
  },
@@ -428,7 +434,7 @@ function ee({
428
434
  }
429
435
  const en = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 0V12.7489H5.44V18L10.5007 12.7489H16.582V0H1ZM2 1H15.58V11.7339H9.98655L6.52667 15.25V11.7339H2V1ZM5.24963 5.35011H12.3323V4.24835H5.24963V5.35011ZM5.24963 8.18462H9.50067V7.08285H5.24963V8.18462Z", fill: "currentColor" }) });
430
436
  function tn() {
431
- const { t: e } = b(), n = R(), o = C();
437
+ const { t: e } = C(), n = I(), o = g();
432
438
  return n.hasComments ? /* @__PURE__ */ t(
433
439
  ee,
434
440
  {
@@ -440,7 +446,7 @@ function tn() {
440
446
  ) : null;
441
447
  }
442
448
  function T(e) {
443
- B(() => {
449
+ R(() => {
444
450
  const n = (o) => {
445
451
  o.key === "Escape" && (e == null || e());
446
452
  };
@@ -462,7 +468,7 @@ function an() {
462
468
  /* @__PURE__ */ t(jt, {})
463
469
  ] });
464
470
  }
465
- const 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: "M17.1347 3.00061L6.55157 13.5825L0.865302 7.89624L0 8.76154L6.55157 15.3131L17.9988 3.86469L17.1347 3.00061Z", fill: "currentColor" }) }), z = (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" }) }), sn = "_menu-container_1bjr3_1", cn = "_menu-options_1bjr3_6", ln = "_menu-heading_1bjr3_11", rn = "_check-icon_1bjr3_27", un = "_menu-item-label_1bjr3_33", dn = "_menu-item_1bjr3_33", mn = "_menu-back-button_1bjr3_66", u = {
471
+ const 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: "M17.1347 3.00061L6.55157 13.5825L0.865302 7.89624L0 8.76154L6.55157 15.3131L17.9988 3.86469L17.1347 3.00061Z", fill: "currentColor" }) }), z = (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" }) }), sn = "_menu-container_1bjr3_1", cn = "_menu-options_1bjr3_6", ln = "_menu-heading_1bjr3_11", rn = "_check-icon_1bjr3_27", un = "_menu-item-label_1bjr3_33", dn = "_menu-item_1bjr3_33", mn = "_menu-back-button_1bjr3_66", r = {
466
472
  "menu-container": "_menu-container_1bjr3_1",
467
473
  menuContainer: sn,
468
474
  "menu-options": "_menu-options_1bjr3_6",
@@ -479,16 +485,16 @@ const W = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0
479
485
  menuBackButton: mn
480
486
  };
481
487
  function hn() {
482
- const e = w(L), n = Ze({
483
- rates: H,
488
+ const e = w(L), n = Fe({
489
+ rates: V,
484
490
  normalLabel: "1x"
485
- }), { t: o } = b();
486
- return T(e == null ? void 0 : e.backToMain), e ? /* @__PURE__ */ s("div", { className: u.menuContainer, children: [
491
+ }), { t: o } = C();
492
+ return T(e == null ? void 0 : e.backToMain), e ? /* @__PURE__ */ s("div", { className: r.menuContainer, children: [
487
493
  /* @__PURE__ */ s(
488
494
  "button",
489
495
  {
490
496
  type: "button",
491
- className: u.menuBackButton,
497
+ className: r.menuBackButton,
492
498
  onClick: e.backToMain,
493
499
  children: [
494
500
  /* @__PURE__ */ t(z, {}),
@@ -496,8 +502,8 @@ function hn() {
496
502
  ]
497
503
  }
498
504
  ),
499
- /* @__PURE__ */ t("strong", { className: u.menuHeading, children: o("PLAYBACK_SPEED") }),
500
- /* @__PURE__ */ t("div", { role: "menu", className: u.menuOptions, children: n.map(({ value: i, label: a, select: c, selected: l }) => /* @__PURE__ */ s(
505
+ /* @__PURE__ */ t("strong", { className: r.menuHeading, children: o("PLAYBACK_SPEED") }),
506
+ /* @__PURE__ */ t("div", { role: "menu", className: r.menuOptions, children: n.map(({ value: i, label: a, select: c, selected: l }) => /* @__PURE__ */ s(
501
507
  "button",
502
508
  {
503
509
  type: "button",
@@ -506,10 +512,10 @@ function hn() {
506
512
  onClick: () => {
507
513
  c(), e.backToMain(), e.toggle();
508
514
  },
509
- className: u.menuItem,
515
+ className: r.menuItem,
510
516
  children: [
511
- /* @__PURE__ */ t(W, { className: u.checkIcon }),
512
- /* @__PURE__ */ t("span", { className: u.menuItemLabel, children: a })
517
+ /* @__PURE__ */ t(W, { className: r.checkIcon }),
518
+ /* @__PURE__ */ t("span", { className: r.menuItemLabel, children: a })
513
519
  ]
514
520
  },
515
521
  i
@@ -517,7 +523,7 @@ function hn() {
517
523
  ] }) : null;
518
524
  }
519
525
  function pn() {
520
- const e = w(L), n = _("textTrack"), { t: o } = b(), i = p(() => {
526
+ const e = w(L), n = v("textTrack"), { t: o } = C(), i = f(() => {
521
527
  e && e.setPage("captionLanguage");
522
528
  }, [e]);
523
529
  return e ? /* @__PURE__ */ t(
@@ -530,7 +536,7 @@ function pn() {
530
536
  ) : null;
531
537
  }
532
538
  function _n() {
533
- const { t: e } = b(), n = C(), o = w(L), i = p(() => {
539
+ const { t: e } = C(), n = g(), o = w(L), i = f(() => {
534
540
  o && o.setPage("captionFontSize");
535
541
  }, [o]);
536
542
  return o ? /* @__PURE__ */ t(
@@ -543,7 +549,7 @@ function _n() {
543
549
  ) : null;
544
550
  }
545
551
  function fn() {
546
- const { t: e } = b(), n = C();
552
+ const { t: e } = C(), n = g();
547
553
  return /* @__PURE__ */ t(
548
554
  ee,
549
555
  {
@@ -554,7 +560,7 @@ function fn() {
554
560
  );
555
561
  }
556
562
  function vn() {
557
- const { t: e } = b(), n = C();
563
+ const { t: e } = C(), n = g();
558
564
  return /* @__PURE__ */ t(
559
565
  ee,
560
566
  {
@@ -565,13 +571,13 @@ function vn() {
565
571
  );
566
572
  }
567
573
  function bn() {
568
- const e = w(L), { t: n } = b();
569
- return T(e == null ? void 0 : e.backToMain), e ? /* @__PURE__ */ s("div", { className: u.menuContainer, children: [
574
+ const e = w(L), { t: n } = C();
575
+ return T(e == null ? void 0 : e.backToMain), e ? /* @__PURE__ */ s("div", { className: r.menuContainer, children: [
570
576
  /* @__PURE__ */ s(
571
577
  "button",
572
578
  {
573
579
  type: "button",
574
- className: u.menuBackButton,
580
+ className: r.menuBackButton,
575
581
  onClick: e.backToMain,
576
582
  children: [
577
583
  /* @__PURE__ */ t(z, {}),
@@ -579,7 +585,7 @@ function bn() {
579
585
  ]
580
586
  }
581
587
  ),
582
- /* @__PURE__ */ t("strong", { className: u.menuHeading, children: n("CAPTIONS") }),
588
+ /* @__PURE__ */ t("strong", { className: r.menuHeading, children: n("CAPTIONS") }),
583
589
  /* @__PURE__ */ t(pn, {}),
584
590
  /* @__PURE__ */ t(_n, {}),
585
591
  /* @__PURE__ */ t(fn, {}),
@@ -587,13 +593,13 @@ function bn() {
587
593
  ] }) : null;
588
594
  }
589
595
  function Cn() {
590
- const e = w(L), n = $e(), { t: o } = b();
591
- return T(e == null ? void 0 : e.backToCaptions), e ? /* @__PURE__ */ s("div", { className: u.menuContainer, children: [
596
+ const e = w(L), n = Ze(), { t: o } = C();
597
+ return T(e == null ? void 0 : e.backToCaptions), e ? /* @__PURE__ */ s("div", { className: r.menuContainer, children: [
592
598
  /* @__PURE__ */ s(
593
599
  "button",
594
600
  {
595
601
  type: "button",
596
- className: u.menuBackButton,
602
+ className: r.menuBackButton,
597
603
  onClick: e.backToCaptions,
598
604
  children: [
599
605
  /* @__PURE__ */ t(z, {}),
@@ -601,8 +607,8 @@ function Cn() {
601
607
  ]
602
608
  }
603
609
  ),
604
- /* @__PURE__ */ t("strong", { className: u.menuHeading, children: o("CAPTIONS") }),
605
- /* @__PURE__ */ t("div", { role: "menu", className: u.menuOptions, children: n.map(({ value: i, label: a, select: c, selected: l }) => /* @__PURE__ */ s(
610
+ /* @__PURE__ */ t("strong", { className: r.menuHeading, children: o("CAPTIONS") }),
611
+ /* @__PURE__ */ t("div", { role: "menu", className: r.menuOptions, children: n.map(({ value: i, label: a, select: c, selected: l }) => /* @__PURE__ */ s(
606
612
  "button",
607
613
  {
608
614
  type: "button",
@@ -611,10 +617,10 @@ function Cn() {
611
617
  onClick: () => {
612
618
  c(), e.backToMain(), e.toggle();
613
619
  },
614
- className: u.menuItem,
620
+ className: r.menuItem,
615
621
  children: [
616
- /* @__PURE__ */ t(W, { className: u.checkIcon }),
617
- /* @__PURE__ */ t("span", { className: u.menuItemLabel, children: a })
622
+ /* @__PURE__ */ t(W, { className: r.checkIcon }),
623
+ /* @__PURE__ */ t("span", { className: r.menuItemLabel, children: a })
618
624
  ]
619
625
  },
620
626
  i
@@ -622,13 +628,13 @@ function Cn() {
622
628
  ] }) : null;
623
629
  }
624
630
  function gn() {
625
- const e = C(), n = w(L), { t: o } = b();
626
- return T(n == null ? void 0 : n.backToCaptions), n ? /* @__PURE__ */ s("div", { className: u.menuContainer, children: [
631
+ const e = g(), n = w(L), { t: o } = C();
632
+ return T(n == null ? void 0 : n.backToCaptions), n ? /* @__PURE__ */ s("div", { className: r.menuContainer, children: [
627
633
  /* @__PURE__ */ s(
628
634
  "button",
629
635
  {
630
636
  type: "button",
631
- className: u.menuBackButton,
637
+ className: r.menuBackButton,
632
638
  onClick: n.backToCaptions,
633
639
  children: [
634
640
  /* @__PURE__ */ t(z, {}),
@@ -636,8 +642,8 @@ function gn() {
636
642
  ]
637
643
  }
638
644
  ),
639
- /* @__PURE__ */ t("strong", { className: u.menuHeading, children: o("CAPTIONS") }),
640
- /* @__PURE__ */ t("div", { role: "menu", className: u.menuOptions, children: vt.map((i) => /* @__PURE__ */ s(
645
+ /* @__PURE__ */ t("strong", { className: r.menuHeading, children: o("CAPTIONS") }),
646
+ /* @__PURE__ */ t("div", { role: "menu", className: r.menuOptions, children: ft.map((i) => /* @__PURE__ */ s(
641
647
  "button",
642
648
  {
643
649
  type: "button",
@@ -646,10 +652,10 @@ function gn() {
646
652
  onClick: () => {
647
653
  e.setCaptionsFontSizeMultiplier(i), n.backToMain(), n.toggle();
648
654
  },
649
- className: u.menuItem,
655
+ className: r.menuItem,
650
656
  children: [
651
- /* @__PURE__ */ t(W, { className: u.checkIcon }),
652
- /* @__PURE__ */ s("span", { className: u.menuItemLabel, children: [
657
+ /* @__PURE__ */ t(W, { className: r.checkIcon }),
658
+ /* @__PURE__ */ s("span", { className: r.menuItemLabel, children: [
653
659
  i * 100,
654
660
  "%"
655
661
  ] })
@@ -660,13 +666,13 @@ function gn() {
660
666
  ] }) : null;
661
667
  }
662
668
  function kn() {
663
- const e = w(L), n = ze({ sort: "descending" }), o = _("autoQuality"), { t: i } = b();
664
- return T(e == null ? void 0 : e.backToMain), e ? /* @__PURE__ */ s("div", { className: u.menuContainer, children: [
669
+ const e = w(L), n = $e({ sort: "descending" }), o = v("autoQuality"), { t: i } = C();
670
+ return T(e == null ? void 0 : e.backToMain), e ? /* @__PURE__ */ s("div", { className: r.menuContainer, children: [
665
671
  /* @__PURE__ */ s(
666
672
  "button",
667
673
  {
668
674
  type: "button",
669
- className: u.menuBackButton,
675
+ className: r.menuBackButton,
670
676
  onClick: e.backToMain,
671
677
  children: [
672
678
  /* @__PURE__ */ t(z, {}),
@@ -674,20 +680,20 @@ function kn() {
674
680
  ]
675
681
  }
676
682
  ),
677
- /* @__PURE__ */ t("strong", { className: u.menuHeading, children: i("QUALITY") }),
678
- /* @__PURE__ */ t("div", { role: "menu", className: u.menuOptions, children: n.map(({ value: a, label: c, select: l, selected: r }) => /* @__PURE__ */ s(
683
+ /* @__PURE__ */ t("strong", { className: r.menuHeading, children: i("QUALITY") }),
684
+ /* @__PURE__ */ t("div", { role: "menu", className: r.menuOptions, children: n.map(({ value: a, label: c, select: l, selected: u }) => /* @__PURE__ */ s(
679
685
  "button",
680
686
  {
681
687
  type: "button",
682
688
  role: "menuitemradio",
683
- "aria-checked": a === "auto" && o || r && !o,
689
+ "aria-checked": a === "auto" && o || u && !o,
684
690
  onClick: () => {
685
691
  l(), e.backToMain(), e.toggle();
686
692
  },
687
- className: u.menuItem,
693
+ className: r.menuItem,
688
694
  children: [
689
- /* @__PURE__ */ t(W, { className: u.checkIcon }),
690
- /* @__PURE__ */ t("span", { className: u.menuItemLabel, children: c })
695
+ /* @__PURE__ */ t(W, { className: r.checkIcon }),
696
+ /* @__PURE__ */ t("span", { className: r.menuItemLabel, children: c })
691
697
  ]
692
698
  },
693
699
  a
@@ -703,44 +709,44 @@ const yn = {
703
709
  quality: kn
704
710
  };
705
711
  function wn() {
706
- const [e, n] = P("main"), [o, i] = P(!1), a = p(() => {
712
+ const [e, n] = P("main"), [o, i] = P(!1), a = f(() => {
707
713
  i((x) => !x);
708
- }, []), c = p((x) => {
714
+ }, []), c = f((x) => {
709
715
  n(x);
710
- }, []), l = p(() => {
716
+ }, []), l = f(() => {
711
717
  n("captions");
712
- }, []), r = p(() => {
718
+ }, []), u = f(() => {
713
719
  n("main");
714
- }, []), f = Z(() => yn[e], [e]), v = me(null), { refs: k, floatingStyles: d, context: h } = _e({
720
+ }, []), h = Z(() => yn[e], [e]), p = de(null), { refs: b, floatingStyles: d, context: _ } = pe({
715
721
  open: o,
716
722
  onOpenChange: (x) => {
717
- i(x), r();
723
+ i(x), u();
718
724
  },
719
725
  placement: "top-end",
720
- whileElementsMounted: fe,
726
+ whileElementsMounted: _e,
721
727
  middleware: [
722
- ve(),
723
- be({
724
- element: v
728
+ fe(),
729
+ ve({
730
+ element: p
725
731
  })
726
732
  ]
727
- }), g = Ce(h, { escapeKey: !1 }), { getReferenceProps: A, getFloatingProps: I } = ge([g]);
733
+ }), k = be(_, { escapeKey: !1 }), { getReferenceProps: A, getFloatingProps: S } = Ce([k]);
728
734
  return {
729
- Page: f,
735
+ Page: h,
730
736
  open: o,
731
737
  toggle: a,
732
738
  setPage: c,
733
739
  backToCaptions: l,
734
- backToMain: r,
735
- arrowRef: v,
736
- refs: k,
740
+ backToMain: u,
741
+ arrowRef: p,
742
+ refs: b,
737
743
  floatingStyles: d,
738
- context: h,
744
+ context: _,
739
745
  getReferenceProps: A,
740
- getFloatingProps: I
746
+ getFloatingProps: S
741
747
  };
742
748
  }
743
- const Ln = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.0692 12C21.0692 11.4776 21.0212 10.944 20.9238 10.4104L23.5511 8.13318L21.0579 3.87247L17.7431 4.97788C16.9059 4.28329 15.9515 3.73553 14.9449 3.37271L14.2616 0H9.28941L8.60612 3.37129C7.58823 3.73553 6.65082 4.27482 5.80659 4.97647L2.49318 3.87247L0 8.13318L2.62729 10.4104C2.52988 10.944 2.48188 11.4776 2.48188 12C2.48188 12.5224 2.52988 13.056 2.62729 13.5896L0 15.8668L2.49318 20.1275L5.808 19.0221C6.64518 19.7167 7.59953 20.2645 8.60612 20.6273L9.28941 24H14.2616L14.9449 20.6287C15.9614 20.2645 16.9002 19.7252 17.7445 19.0235L21.0579 20.1289L23.5511 15.8682L20.9238 13.5911C21.0212 13.056 21.0692 12.5224 21.0692 12ZM11.7755 16.9412C9.05082 16.9412 6.83435 14.7247 6.83435 12C6.83435 9.2753 9.05082 7.05883 11.7755 7.05883C14.5002 7.05883 16.7167 9.2753 16.7167 12C16.7167 14.7247 14.5002 16.9412 11.7755 16.9412Z", fill: "currentColor" }) }), Pn = "_settings-menu_hxlsv_1", Nn = "_arrow_hxlsv_15", ce = {
749
+ const Ln = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.0692 12C21.0692 11.4776 21.0212 10.944 20.9238 10.4104L23.5511 8.13318L21.0579 3.87247L17.7431 4.97788C16.9059 4.28329 15.9515 3.73553 14.9449 3.37271L14.2616 0H9.28941L8.60612 3.37129C7.58823 3.73553 6.65082 4.27482 5.80659 4.97647L2.49318 3.87247L0 8.13318L2.62729 10.4104C2.52988 10.944 2.48188 11.4776 2.48188 12C2.48188 12.5224 2.52988 13.056 2.62729 13.5896L0 15.8668L2.49318 20.1275L5.808 19.0221C6.64518 19.7167 7.59953 20.2645 8.60612 20.6273L9.28941 24H14.2616L14.9449 20.6287C15.9614 20.2645 16.9002 19.7252 17.7445 19.0235L21.0579 20.1289L23.5511 15.8682L20.9238 13.5911C21.0212 13.056 21.0692 12.5224 21.0692 12ZM11.7755 16.9412C9.05082 16.9412 6.83435 14.7247 6.83435 12C6.83435 9.2753 9.05082 7.05883 11.7755 7.05883C14.5002 7.05883 16.7167 9.2753 16.7167 12C16.7167 14.7247 14.5002 16.9412 11.7755 16.9412Z", fill: "currentColor" }) }), Pn = "_settings-menu_hxlsv_1", Nn = "_arrow_hxlsv_15", se = {
744
750
  "settings-menu": "_settings-menu_hxlsv_1",
745
751
  settingsMenu: Pn,
746
752
  arrow: Nn
@@ -754,48 +760,48 @@ function xn() {
754
760
  context: a,
755
761
  floatingStyles: c,
756
762
  getFloatingProps: l,
757
- getReferenceProps: r,
758
- open: f,
759
- refs: v,
760
- setPage: k,
763
+ getReferenceProps: u,
764
+ open: h,
765
+ refs: p,
766
+ setPage: b,
761
767
  toggle: d
762
- } = wn(), h = C(), { t: g } = b();
768
+ } = wn(), _ = g(), { t: k } = C();
763
769
  return /* @__PURE__ */ s(J, { children: [
764
770
  /* @__PURE__ */ t(
765
771
  "button",
766
772
  {
767
- ref: v.setReference,
773
+ ref: p.setReference,
768
774
  type: "button",
769
775
  className: "controls-button",
770
- "aria-label": g("SETTINGS"),
776
+ "aria-label": k("SETTINGS"),
771
777
  onClick: d,
772
- "aria-expanded": f,
773
- tabIndex: h != null && h.state.interactionsDisabled ? -1 : 0,
774
- ...r(),
778
+ "aria-expanded": h,
779
+ tabIndex: _ != null && _.state.interactionsDisabled ? -1 : 0,
780
+ ...u(),
775
781
  children: /* @__PURE__ */ t(Ln, { className: "controls-button-icon icon-rotate" })
776
782
  }
777
783
  ),
778
- f && /* @__PURE__ */ t(Ye, { context: a, initialFocus: -1, modal: !1, children: /* @__PURE__ */ s(
784
+ h && /* @__PURE__ */ t(Qe, { context: a, initialFocus: -1, modal: !1, children: /* @__PURE__ */ s(
779
785
  "div",
780
786
  {
781
- className: ce.settingsMenu,
782
- ref: v.setFloating,
787
+ className: se.settingsMenu,
788
+ ref: p.setFloating,
783
789
  style: c,
784
790
  ...l(),
785
791
  children: [
786
792
  /* @__PURE__ */ t(
787
793
  L.Provider,
788
794
  {
789
- value: { setPage: k, backToMain: i, backToCaptions: o, toggle: d },
795
+ value: { setPage: b, backToMain: i, backToCaptions: o, toggle: d },
790
796
  children: /* @__PURE__ */ t(e, {})
791
797
  }
792
798
  ),
793
799
  /* @__PURE__ */ t(
794
- ke,
800
+ ge,
795
801
  {
796
802
  ref: n,
797
803
  context: a,
798
- className: ce.arrow
804
+ className: se.arrow
799
805
  }
800
806
  )
801
807
  ]
@@ -803,19 +809,19 @@ function xn() {
803
809
  ) })
804
810
  ] });
805
811
  }
806
- function xe(e, n = 1e3) {
812
+ function Ne(e, n = 1e3) {
807
813
  return function() {
808
- const i = _("lastKeyboardAction"), [a, c] = P(!1), l = p(() => c(!1), []);
809
- return B(() => {
814
+ const i = v("lastKeyboardAction"), [a, c] = P(!1), l = f(() => c(!1), []);
815
+ return R(() => {
810
816
  c(!!i);
811
- const r = setTimeout(l, n);
812
- return () => clearTimeout(r);
817
+ const u = setTimeout(l, n);
818
+ return () => clearTimeout(u);
813
819
  }, [i, n]), a ? /* @__PURE__ */ t(e, {}) : null;
814
820
  };
815
821
  }
816
- const te = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 11,21 H 5 V 3 h 6 z m 8,0 H 13 V 3 h 6 z", fill: "currentColor" }) }), ne = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 5,2 V 22 L 21,12.000665 Z", fill: "currentColor" }) }), Me = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.1179 1.41211V22.589H11.2943L5.64717 16.9418V7.05928L11.2943 1.41211H14.1179ZM4.23537 7.05928V16.9418H2.11769C0.957618 16.9418 0.0189406 16.0147 0.00028305 14.8592L0 14.8241V9.17696C0 8.01689 0.927077 7.07822 2.0826 7.05956L2.11769 7.05928H4.23537ZM22.3744 7.93711L24 9.56119L21.5623 11.9988L24 14.4365L22.3744 16.0621L19.9383 13.6245L17.5006 16.0621L15.875 14.4365L18.3127 11.9988L15.875 9.56119L17.5006 7.93711L19.9383 10.3748L22.3744 7.93711Z", fill: "currentColor" }) }), Te = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 6.98017V16.8627L11.2943 22.5099H14.1179V1.33301H11.2943L5.64714 6.98017ZM0 9.09785V14.745C0 15.9168 0.945899 16.8627 2.11768 16.8627H4.23537V6.98017H2.11768C0.945899 6.98017 0 7.92607 0 9.09785ZM18.3527 11.9207C18.3527 10.6134 17.8388 9.36962 16.9056 8.4209L17.9094 7.43123C19.1066 8.64396 19.7645 10.2393 19.7645 11.9207C19.7645 13.6036 19.1066 15.1989 17.9094 16.4116L16.9056 15.422C17.8388 14.4732 18.3527 13.2295 18.3527 11.9207Z", fill: "currentColor" }) }), Ie = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 16.8627V6.98017L11.2943 1.33301H14.1179V22.5099H11.2943L5.64714 16.8627ZM0 14.745V9.09785C0 7.92607 0.945899 6.98017 2.11768 6.98017H4.23537V16.8627H2.11768C0.945899 16.8627 0 15.9168 0 14.745ZM16.9056 8.4209C17.8388 9.36962 18.3527 10.6134 18.3527 11.9207C18.3527 13.2295 17.8388 14.4732 16.9056 15.422L17.9094 16.4116C19.1066 15.1989 19.7645 13.6036 19.7645 11.9207C19.7645 10.2393 19.1066 8.64396 17.9094 7.43123L16.9056 8.4209ZM19.9016 5.43185L20.8997 4.43372C22.9002 6.43422 24 9.09403 24 11.9219C24 14.7497 22.9002 17.4081 20.8997 19.4086L19.9016 18.4104C21.6353 16.6782 22.5882 14.3727 22.5882 11.9219C22.5882 9.46957 21.6353 7.16553 19.9016 5.43185Z", fill: "currentColor" }) }), Mn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.691 3.99987V10.5281L0 4.00655V20.2596L10.691 13.7367V20.2663L23.9987 12.1331L10.691 3.99987Z", fill: "currentColor" }) }), Tn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.309 3.99987L0 12.1331L13.309 20.2663V13.7367L23.9987 20.2596V4.00655L13.309 10.5281V3.99987Z", fill: "currentColor" }) }), In = "_feedback-overlay_v4lbu_1", Sn = "_feedback-message_v4lbu_14", Hn = "_feedback-icon_v4lbu_30", Vn = "_feedback-icon-animation_v4lbu_1", y = {
822
+ const te = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 11,21 H 5 V 3 h 6 z m 8,0 H 13 V 3 h 6 z", fill: "currentColor" }) }), ne = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 5,2 V 22 L 21,12.000665 Z", fill: "currentColor" }) }), xe = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.1179 1.41211V22.589H11.2943L5.64717 16.9418V7.05928L11.2943 1.41211H14.1179ZM4.23537 7.05928V16.9418H2.11769C0.957618 16.9418 0.0189406 16.0147 0.00028305 14.8592L0 14.8241V9.17696C0 8.01689 0.927077 7.07822 2.0826 7.05956L2.11769 7.05928H4.23537ZM22.3744 7.93711L24 9.56119L21.5623 11.9988L24 14.4365L22.3744 16.0621L19.9383 13.6245L17.5006 16.0621L15.875 14.4365L18.3127 11.9988L15.875 9.56119L17.5006 7.93711L19.9383 10.3748L22.3744 7.93711Z", fill: "currentColor" }) }), Me = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 6.98017V16.8627L11.2943 22.5099H14.1179V1.33301H11.2943L5.64714 6.98017ZM0 9.09785V14.745C0 15.9168 0.945899 16.8627 2.11768 16.8627H4.23537V6.98017H2.11768C0.945899 6.98017 0 7.92607 0 9.09785ZM18.3527 11.9207C18.3527 10.6134 17.8388 9.36962 16.9056 8.4209L17.9094 7.43123C19.1066 8.64396 19.7645 10.2393 19.7645 11.9207C19.7645 13.6036 19.1066 15.1989 17.9094 16.4116L16.9056 15.422C17.8388 14.4732 18.3527 13.2295 18.3527 11.9207Z", fill: "currentColor" }) }), Ie = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 16.8627V6.98017L11.2943 1.33301H14.1179V22.5099H11.2943L5.64714 16.8627ZM0 14.745V9.09785C0 7.92607 0.945899 6.98017 2.11768 6.98017H4.23537V16.8627H2.11768C0.945899 16.8627 0 15.9168 0 14.745ZM16.9056 8.4209C17.8388 9.36962 18.3527 10.6134 18.3527 11.9207C18.3527 13.2295 17.8388 14.4732 16.9056 15.422L17.9094 16.4116C19.1066 15.1989 19.7645 13.6036 19.7645 11.9207C19.7645 10.2393 19.1066 8.64396 17.9094 7.43123L16.9056 8.4209ZM19.9016 5.43185L20.8997 4.43372C22.9002 6.43422 24 9.09403 24 11.9219C24 14.7497 22.9002 17.4081 20.8997 19.4086L19.9016 18.4104C21.6353 16.6782 22.5882 14.3727 22.5882 11.9219C22.5882 9.46957 21.6353 7.16553 19.9016 5.43185Z", fill: "currentColor" }) }), Mn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.691 3.99987V10.5281L0 4.00655V20.2596L10.691 13.7367V20.2663L23.9987 12.1331L10.691 3.99987Z", fill: "currentColor" }) }), In = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.309 3.99987L0 12.1331L13.309 20.2663V13.7367L23.9987 20.2596V4.00655L13.309 10.5281V3.99987Z", fill: "currentColor" }) }), Tn = "_feedback-overlay_v4lbu_1", Sn = "_feedback-message_v4lbu_14", Hn = "_feedback-icon_v4lbu_30", Vn = "_feedback-icon-animation_v4lbu_1", y = {
817
823
  "feedback-overlay": "_feedback-overlay_v4lbu_1",
818
- feedbackOverlay: In,
824
+ feedbackOverlay: Tn,
819
825
  "feedback-message": "_feedback-message_v4lbu_14",
820
826
  feedbackMessage: Sn,
821
827
  "feedback-icon": "_feedback-icon_v4lbu_30",
@@ -825,31 +831,31 @@ const te = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0
825
831
  };
826
832
  function Bn() {
827
833
  var o;
828
- const e = he();
834
+ const e = me();
829
835
  switch ((o = e.lastKeyboardAction) == null ? void 0 : o.action) {
830
836
  case "togglePaused":
831
837
  return /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: e.paused ? /* @__PURE__ */ t(te, {}) : /* @__PURE__ */ t(ne, {}) });
832
838
  case "toggleCaptions":
833
839
  case "nextCaptionLanguage":
834
840
  case "previousCaptionLanguage":
835
- return e.hasCaptions ? /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: /* @__PURE__ */ t(Pe, {}) }) : null;
841
+ return e.hasCaptions ? /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: /* @__PURE__ */ t(Le, {}) }) : null;
836
842
  case "volumeUp":
837
843
  case "volumeDown":
838
844
  case "toggleMuted":
839
- return /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: e.muted || e.volume === 0 ? /* @__PURE__ */ t(Me, {}) : e.volume >= 0.5 ? /* @__PURE__ */ t(Ie, {}) : /* @__PURE__ */ t(Te, {}) });
845
+ return /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: e.muted || e.volume === 0 ? /* @__PURE__ */ t(xe, {}) : e.volume >= 0.5 ? /* @__PURE__ */ t(Ie, {}) : /* @__PURE__ */ t(Me, {}) });
840
846
  case "seekForward":
841
847
  case "seekForward10":
842
848
  return /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: /* @__PURE__ */ t(Mn, { className: "right" }) });
843
849
  case "seekBackward":
844
850
  case "seekBackward10":
845
- return /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: /* @__PURE__ */ t(Tn, { className: "left" }) });
851
+ return /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: /* @__PURE__ */ t(In, { className: "left" }) });
846
852
  default:
847
853
  return null;
848
854
  }
849
855
  }
850
856
  function Rn() {
851
857
  var i;
852
- const { t: e } = b(), n = he();
858
+ const { t: e } = C(), n = me();
853
859
  switch ((i = n.lastKeyboardAction) == null ? void 0 : i.action) {
854
860
  case "toggleCaptions":
855
861
  case "nextCaptionLanguage":
@@ -875,7 +881,7 @@ function Rn() {
875
881
  return null;
876
882
  }
877
883
  }
878
- const An = xe(Bn, 500), En = xe(Rn, 1e3);
884
+ const An = Ne(Bn, 500), En = Ne(Rn, 1e3);
879
885
  function On() {
880
886
  return /* @__PURE__ */ s("div", { className: y.feedbackOverlay, children: [
881
887
  /* @__PURE__ */ t(An, {}),
@@ -887,9 +893,9 @@ const Fn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0
887
893
  fullScreenButton: $n
888
894
  };
889
895
  function Kn() {
890
- const e = _("fullscreen"), n = C();
891
- return R().hideFullScreen ? null : /* @__PURE__ */ t(
892
- pe,
896
+ const e = v("fullscreen"), n = g();
897
+ return I().hideFullScreen ? null : /* @__PURE__ */ t(
898
+ he,
893
899
  {
894
900
  tabIndex: n.state.interactionsDisabled ? -1 : 0,
895
901
  className: `controls-button ${zn.fullScreenButton}`,
@@ -897,7 +903,7 @@ function Kn() {
897
903
  }
898
904
  );
899
905
  }
900
- const Dn = "_gestures-container_1fn3b_1", jn = "_gesture_1fn3b_1", le = {
906
+ const Dn = "_gestures-container_1fn3b_1", jn = "_gesture_1fn3b_1", ce = {
901
907
  "gestures-container": "_gestures-container_1fn3b_1",
902
908
  gesturesContainer: Dn,
903
909
  gesture: jn
@@ -906,9 +912,9 @@ function Un() {
906
912
  const e = q(), n = () => {
907
913
  e.togglePaused();
908
914
  };
909
- return /* @__PURE__ */ t("div", { className: le.gesturesContainer, children: /* @__PURE__ */ t("div", { "aria-hidden": !0, className: le.gesture, onClick: n }) });
915
+ return /* @__PURE__ */ t("div", { className: ce.gesturesContainer, children: /* @__PURE__ */ t("div", { "aria-hidden": !0, className: ce.gesture, onClick: n }) });
910
916
  }
911
- const qn = (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" }) }), Se = (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" }) }), Wn = "_keyboard-shortcuts-overlay_y5kv6_1", Gn = "_keyboard-shortcuts-button_y5kv6_67", Qn = "_close-button_y5kv6_93", Y = {
917
+ const qn = (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" }) }), Te = (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" }) }), Wn = "_keyboard-shortcuts-overlay_y5kv6_1", Gn = "_keyboard-shortcuts-button_y5kv6_67", Qn = "_close-button_y5kv6_93", Y = {
912
918
  "keyboard-shortcuts-overlay": "_keyboard-shortcuts-overlay_y5kv6_1",
913
919
  keyboardShortcutsOverlay: Wn,
914
920
  "keyboard-shortcuts-button": "_keyboard-shortcuts-button_y5kv6_67",
@@ -917,7 +923,7 @@ const qn = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0
917
923
  closeButton: Qn
918
924
  };
919
925
  function Yn({ onClose: e }) {
920
- const { t: n } = b();
926
+ const { t: n } = C();
921
927
  T(e);
922
928
  const o = (i) => {
923
929
  i && i.focus();
@@ -938,7 +944,7 @@ function Yn({ onClose: e }) {
938
944
  className: Y.closeButton,
939
945
  onClick: e,
940
946
  "aria-label": n("CLOSE"),
941
- children: /* @__PURE__ */ t(Se, {})
947
+ children: /* @__PURE__ */ t(Te, {})
942
948
  }
943
949
  )
944
950
  ] }),
@@ -1030,22 +1036,22 @@ function Yn({ onClose: e }) {
1030
1036
  );
1031
1037
  }
1032
1038
  function Jn() {
1033
- const [e, n] = P(!1), [o, i] = P(!1), [a, c] = P(!1), l = C(), r = _("playing"), f = q(), { t: v } = b(), k = p(() => {
1034
- n(!0), l.disableInteractions(), r && (c(!0), f.pause());
1035
- }, [r, f, l]), d = p(() => {
1036
- n(!1), i(!0), l.enableInteractions(), a && (c(!1), f.play());
1037
- }, [a, f, l]), h = p(
1038
- (g) => o && (g == null ? void 0 : g.focus()),
1039
+ const [e, n] = P(!1), [o, i] = P(!1), [a, c] = P(!1), l = g(), u = v("playing"), h = q(), { t: p } = C(), b = f(() => {
1040
+ n(!0), l.disableInteractions(), u && (c(!0), h.pause());
1041
+ }, [u, h, l]), d = f(() => {
1042
+ n(!1), i(!0), l.enableInteractions(), a && (c(!1), h.play());
1043
+ }, [a, h, l]), _ = f(
1044
+ (k) => o && (k == null ? void 0 : k.focus()),
1039
1045
  [o]
1040
1046
  );
1041
1047
  return e ? /* @__PURE__ */ t(Yn, { onClose: d }) : /* @__PURE__ */ t(
1042
1048
  "button",
1043
1049
  {
1044
- ref: h,
1045
- "aria-label": v("KEYBOARD_SHORTCUTS"),
1050
+ ref: _,
1051
+ "aria-label": p("KEYBOARD_SHORTCUTS"),
1046
1052
  type: "button",
1047
1053
  className: Y.keyboardShortcutsButton,
1048
- onClick: k,
1054
+ onClick: b,
1049
1055
  tabIndex: l.state.interactionsDisabled ? -1 : 0,
1050
1056
  children: /* @__PURE__ */ t(qn, {})
1051
1057
  }
@@ -1056,9 +1062,9 @@ const Xn = "_play-pause-button_kyuc5_1", eo = {
1056
1062
  playPauseButton: Xn
1057
1063
  };
1058
1064
  function to() {
1059
- const e = U(), n = C(), o = _("paused");
1065
+ const e = U(), n = g(), o = v("paused");
1060
1066
  return e ? /* @__PURE__ */ t(
1061
- Ke,
1067
+ ze,
1062
1068
  {
1063
1069
  tabIndex: n.state.interactionsDisabled ? -1 : 0,
1064
1070
  className: `${eo.playPauseButton} controls-button`,
@@ -1076,8 +1082,8 @@ const no = "_poster_195hi_1", oo = {
1076
1082
  poster: no
1077
1083
  };
1078
1084
  function io({ src: e }) {
1079
- const n = _("source");
1080
- return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(De, { src: e, className: oo.poster });
1085
+ const n = v("source");
1086
+ return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(Ke, { src: e, className: oo.poster });
1081
1087
  }
1082
1088
  const ao = "_small-layout-overlay_1vli4_1", so = "_small-layout-button_1vli4_14", co = "_small-layout-icon-play_1vli4_24", lo = "_small-layout-icon-pause_1vli4_30", ro = "_full-screen-close-icon_1vli4_36", uo = "_fade-out_1vli4_1", O = {
1083
1089
  "small-layout-overlay": "_small-layout-overlay_1vli4_1",
@@ -1095,7 +1101,7 @@ const ao = "_small-layout-overlay_1vli4_1", so = "_small-layout-button_1vli4_14"
1095
1101
  };
1096
1102
  function mo() {
1097
1103
  return /* @__PURE__ */ s("div", { className: O.smallLayoutOverlay, children: [
1098
- /* @__PURE__ */ t(pe, { className: O.fullScreenCloseIcon, children: /* @__PURE__ */ t(Se, {}) }),
1104
+ /* @__PURE__ */ t(he, { className: O.fullScreenCloseIcon, children: /* @__PURE__ */ t(Te, {}) }),
1099
1105
  /* @__PURE__ */ s("i", { className: O.smallLayoutButton, children: [
1100
1106
  /* @__PURE__ */ t(ne, { className: O.smallLayoutIconPlay }),
1101
1107
  /* @__PURE__ */ t(te, { className: O.smallLayoutIconPause })
@@ -1113,7 +1119,7 @@ function _o() {
1113
1119
  /* @__PURE__ */ t(ie, { type: "duration" })
1114
1120
  ] });
1115
1121
  }
1116
- const fo = "_comment-markers_19b45_1", vo = "_comment-marker_19b45_1", bo = "_timeline-wrapper_19b45_21", Co = "_track_19b45_35", go = "_thumb_19b45_48", ko = "_root_19b45_62", yo = "_track-inner_19b45_92", wo = "_progress_19b45_98", Lo = "_track-fill_19b45_104", Po = "_pins_19b45_121", No = "_pin-button_19b45_134", xo = "_annotation-pin_19b45_154", Mo = "_quiz-pin_19b45_159", To = "_annotation-pin-child_19b45_164", Io = "_quiz-pin-child_19b45_168", So = "_interactive-pin-container_19b45_173", Ho = "_interactive-pin-wrapper_19b45_183", Vo = "_interactive-pin-icon_19b45_189", Bo = "_interactive-pin_19b45_173", Ro = "_bg_19b45_203", Ao = "_symbol_19b45_207", Eo = "_interactive-pin-button_19b45_212", Oo = "_interactive-pin-menu_19b45_232", Fo = "_interactive-pin-menu-item_19b45_246", Zo = "_arrow_19b45_267", m = {
1122
+ const fo = "_comment-markers_19b45_1", vo = "_comment-marker_19b45_1", bo = "_timeline-wrapper_19b45_21", Co = "_track_19b45_35", go = "_thumb_19b45_48", ko = "_root_19b45_62", yo = "_track-inner_19b45_92", wo = "_progress_19b45_98", Lo = "_track-fill_19b45_104", Po = "_pins_19b45_121", No = "_pin-button_19b45_134", xo = "_annotation-pin_19b45_154", Mo = "_quiz-pin_19b45_159", Io = "_annotation-pin-child_19b45_164", To = "_quiz-pin-child_19b45_168", So = "_interactive-pin-container_19b45_173", Ho = "_interactive-pin-wrapper_19b45_183", Vo = "_interactive-pin-icon_19b45_189", Bo = "_interactive-pin_19b45_173", Ro = "_bg_19b45_203", Ao = "_symbol_19b45_207", Eo = "_interactive-pin-button_19b45_212", Oo = "_interactive-pin-menu_19b45_232", Fo = "_interactive-pin-menu-item_19b45_246", Zo = "_arrow_19b45_267", m = {
1117
1123
  "comment-markers": "_comment-markers_19b45_1",
1118
1124
  commentMarkers: fo,
1119
1125
  "comment-marker": "_comment-marker_19b45_1",
@@ -1136,9 +1142,9 @@ const fo = "_comment-markers_19b45_1", vo = "_comment-marker_19b45_1", bo = "_ti
1136
1142
  "quiz-pin": "_quiz-pin_19b45_159",
1137
1143
  quizPin: Mo,
1138
1144
  "annotation-pin-child": "_annotation-pin-child_19b45_164",
1139
- annotationPinChild: To,
1145
+ annotationPinChild: Io,
1140
1146
  "quiz-pin-child": "_quiz-pin-child_19b45_168",
1141
- quizPinChild: Io,
1147
+ quizPinChild: To,
1142
1148
  "interactive-pin-container": "_interactive-pin-container_19b45_173",
1143
1149
  interactivePinContainer: So,
1144
1150
  "interactive-pin-wrapper": "_interactive-pin-wrapper_19b45_183",
@@ -1160,13 +1166,13 @@ const fo = "_comment-markers_19b45_1", vo = "_comment-marker_19b45_1", bo = "_ti
1160
1166
  annotation: m.annotationPin,
1161
1167
  quiz: m.quizPin
1162
1168
  };
1163
- function He({
1169
+ function Se({
1164
1170
  type: e,
1165
1171
  position: n,
1166
1172
  children: o,
1167
1173
  onClick: i
1168
1174
  }) {
1169
- const a = C();
1175
+ const a = g();
1170
1176
  return /* @__PURE__ */ t(
1171
1177
  "button",
1172
1178
  {
@@ -1193,7 +1199,7 @@ function He({
1193
1199
  );
1194
1200
  }
1195
1201
  function zo(e) {
1196
- return /* @__PURE__ */ t(He, { type: "annotation", ...e, children: /* @__PURE__ */ t(
1202
+ return /* @__PURE__ */ t(Se, { type: "annotation", ...e, children: /* @__PURE__ */ t(
1197
1203
  "path",
1198
1204
  {
1199
1205
  className: m.annotationPinChild,
@@ -1206,7 +1212,7 @@ function zo(e) {
1206
1212
  ) });
1207
1213
  }
1208
1214
  function Ko(e) {
1209
- return /* @__PURE__ */ t(He, { type: "quiz", ...e, children: e.multiple ? /* @__PURE__ */ t("circle", { className: m.quizPinChild, cx: "13", cy: "13", r: "6" }) : /* @__PURE__ */ t(
1215
+ return /* @__PURE__ */ t(Se, { type: "quiz", ...e, children: e.multiple ? /* @__PURE__ */ t("circle", { className: m.quizPinChild, cx: "13", cy: "13", r: "6" }) : /* @__PURE__ */ t(
1210
1216
  "text",
1211
1217
  {
1212
1218
  className: m.quizPinChild,
@@ -1231,15 +1237,15 @@ function Do(e, n) {
1231
1237
  function jo(e, n) {
1232
1238
  const o = /* @__PURE__ */ new Map();
1233
1239
  e.forEach((c) => {
1234
- var r;
1240
+ var u;
1235
1241
  const l = c.time;
1236
- o.has(l) || o.set(l, []), (r = o.get(l)) == null || r.push(c);
1242
+ o.has(l) || o.set(l, []), (u = o.get(l)) == null || u.push(c);
1237
1243
  });
1238
1244
  const i = [];
1239
1245
  let a = 1;
1240
1246
  return o.forEach((c, l) => {
1241
1247
  i.push({
1242
- id: c.map((r) => r.id).join("-"),
1248
+ id: c.map((u) => u.id).join("-"),
1243
1249
  time: l,
1244
1250
  type: "quiz",
1245
1251
  ordinal: a + 1,
@@ -1277,7 +1283,7 @@ function Uo(e, n, o, i) {
1277
1283
  }
1278
1284
  }
1279
1285
  function qo() {
1280
- const e = q(), n = _("duration"), o = R(), i = Z(() => [
1286
+ const e = q(), n = v("duration"), o = I(), i = Z(() => [
1281
1287
  ...Do(
1282
1288
  o.annotations,
1283
1289
  o.onAnnotationClick
@@ -1287,38 +1293,38 @@ function qo() {
1287
1293
  return /* @__PURE__ */ t("div", { className: m.pins, children: i });
1288
1294
  }
1289
1295
  function Wo() {
1290
- const e = _("duration"), n = R(), o = C();
1296
+ const e = v("duration"), n = I(), o = g();
1291
1297
  return n.hasComments && o.state.commentsEnabled ? /* @__PURE__ */ t("div", { className: m.commentMarkers, children: n.comments.map((i) => /* @__PURE__ */ t(
1292
1298
  "span",
1293
1299
  {
1294
1300
  className: m.commentMarker,
1295
1301
  style: {
1296
1302
  left: `${i.timestamp / e * 100}%`,
1297
- width: `${Ne / e * 100}%`
1303
+ width: `${Pe / e * 100}%`
1298
1304
  }
1299
1305
  },
1300
1306
  i.id
1301
1307
  )) }) : null;
1302
1308
  }
1303
1309
  function Go({ currentTime: e, position: n }) {
1304
- const [o, i] = P(!1), a = R(), c = p(() => a.interactiveMenuElements.length > 0 ? i((g) => !g) : a.onInteractivePinClick(e), [
1310
+ const [o, i] = P(!1), a = I(), c = f(() => a.interactiveMenuElements.length > 0 ? i((k) => !k) : a.onInteractivePinClick(e), [
1305
1311
  a.interactiveMenuElements,
1306
1312
  a.onInteractivePinClick,
1307
1313
  e
1308
- ]), l = me(null), { refs: r, floatingStyles: f, context: v } = _e({
1314
+ ]), l = de(null), { refs: u, floatingStyles: h, context: p } = pe({
1309
1315
  open: o,
1310
1316
  onOpenChange: i,
1311
- whileElementsMounted: fe,
1317
+ whileElementsMounted: _e,
1312
1318
  placement: "top",
1313
1319
  middleware: [
1314
- Je(),
1315
- Xe(6),
1316
- ve(),
1317
- be({
1320
+ Ye(),
1321
+ Je(6),
1322
+ fe(),
1323
+ ve({
1318
1324
  element: l
1319
1325
  })
1320
1326
  ]
1321
- }), k = Ce(v), { getReferenceProps: d, getFloatingProps: h } = ge([k]);
1327
+ }), b = be(p), { getReferenceProps: d, getFloatingProps: _ } = Ce([b]);
1322
1328
  return /* @__PURE__ */ s(J, { children: [
1323
1329
  /* @__PURE__ */ t(
1324
1330
  "button",
@@ -1326,7 +1332,7 @@ function Go({ currentTime: e, position: n }) {
1326
1332
  type: "button",
1327
1333
  onClick: c,
1328
1334
  className: m.interactivePinButton,
1329
- ref: r.setReference,
1335
+ ref: u.setReference,
1330
1336
  style: { left: `${n}%` },
1331
1337
  ...d(),
1332
1338
  children: /* @__PURE__ */ s(
@@ -1372,18 +1378,18 @@ function Go({ currentTime: e, position: n }) {
1372
1378
  o && /* @__PURE__ */ s(
1373
1379
  "div",
1374
1380
  {
1375
- ref: r.setFloating,
1376
- style: f,
1381
+ ref: u.setFloating,
1382
+ style: h,
1377
1383
  className: m.interactivePinMenu,
1378
- ...h(),
1384
+ ..._(),
1379
1385
  children: [
1380
- a.interactiveMenuElements.map(({ id: g, text: A, onClick: I }) => /* @__PURE__ */ s(
1386
+ a.interactiveMenuElements.map(({ id: k, text: A, onClick: S }) => /* @__PURE__ */ s(
1381
1387
  "button",
1382
1388
  {
1383
1389
  type: "button",
1384
1390
  className: m.interactivePinMenuItem,
1385
1391
  onClick: () => {
1386
- I(g, e), i(!1);
1392
+ S(k, e), i(!1);
1387
1393
  },
1388
1394
  children: [
1389
1395
  /* @__PURE__ */ t(
@@ -1408,13 +1414,13 @@ function Go({ currentTime: e, position: n }) {
1408
1414
  A
1409
1415
  ]
1410
1416
  },
1411
- g
1417
+ k
1412
1418
  )),
1413
1419
  /* @__PURE__ */ t(
1414
- ke,
1420
+ ge,
1415
1421
  {
1416
1422
  ref: l,
1417
- context: v,
1423
+ context: p,
1418
1424
  className: m.arrow
1419
1425
  }
1420
1426
  )
@@ -1424,16 +1430,16 @@ function Go({ currentTime: e, position: n }) {
1424
1430
  ] });
1425
1431
  }
1426
1432
  function Qo() {
1427
- const e = _("duration"), n = _("currentTime"), o = n / e * 100;
1433
+ const e = v("duration"), n = v("currentTime"), o = n / e * 100;
1428
1434
  return /* @__PURE__ */ t("div", { className: m.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: m.interactivePinWrapper, children: /* @__PURE__ */ t(Go, { currentTime: n, position: o }) }) });
1429
1435
  }
1430
1436
  function Yo() {
1431
- const e = _("paused"), n = C();
1437
+ const e = v("paused"), n = g();
1432
1438
  return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(Qo, {}) : null;
1433
1439
  }
1434
1440
  const Jo = `${m.progress} ${m.trackInner}`, Xo = `${m.trackFill} ${m.trackInner}`;
1435
- function re({ className: e }) {
1436
- const n = C(), { hasAnnotations: o, hasQuizmarkers: i, interactive: a } = R(), c = e ? `${m.timelineWrapper} ${e}` : m.timelineWrapper;
1441
+ function le({ className: e }) {
1442
+ const n = g(), { hasAnnotations: o, hasQuizmarkers: i, interactive: a } = I(), c = e ? `${m.timelineWrapper} ${e}` : m.timelineWrapper;
1437
1443
  return /* @__PURE__ */ s("div", { className: c, children: [
1438
1444
  a ? /* @__PURE__ */ t(Yo, {}) : null,
1439
1445
  a || o || i ? /* @__PURE__ */ t(qo, {}) : null,
@@ -1463,14 +1469,14 @@ const ei = "_wrapper_12cb0_1", ti = "_track_12cb0_6", ni = "_thumb_12cb0_18", oi
1463
1469
  root: ii
1464
1470
  };
1465
1471
  function ai() {
1466
- const e = _("volume"), n = _("muted"), o = C();
1472
+ const e = v("volume"), n = v("muted"), o = g();
1467
1473
  return /* @__PURE__ */ s("div", { className: F.wrapper, children: [
1468
1474
  /* @__PURE__ */ t(
1469
- je,
1475
+ De,
1470
1476
  {
1471
1477
  tabIndex: o.state.interactionsDisabled ? -1 : 0,
1472
1478
  className: "controls-button",
1473
- children: n || e == 0 ? /* @__PURE__ */ t(Me, { className: "controls-button-icon" }) : e < 0.5 ? /* @__PURE__ */ t(Te, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Ie, { className: "controls-button-icon" })
1479
+ children: n || e == 0 ? /* @__PURE__ */ t(xe, { className: "controls-button-icon" }) : e < 0.5 ? /* @__PURE__ */ t(Me, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Ie, { className: "controls-button-icon" })
1474
1480
  }
1475
1481
  ),
1476
1482
  /* @__PURE__ */ s(
@@ -1486,7 +1492,7 @@ function ai() {
1486
1492
  )
1487
1493
  ] });
1488
1494
  }
1489
- const ue = {
1495
+ const re = {
1490
1496
  togglePaused: ["Space", "Enter", "k"],
1491
1497
  seekForward: ["ArrowRight"],
1492
1498
  seekBackward: ["ArrowLeft"],
@@ -1524,8 +1530,8 @@ const ue = {
1524
1530
  decreasePlaybackRate: {
1525
1531
  keys: ["a"],
1526
1532
  onKeyUp({ event: e, player: n, remote: o }) {
1527
- const a = H.indexOf(n.playbackRate) - 1;
1528
- a >= 0 && (o.changePlaybackRate(H[a]), n.$state.lastKeyboardAction.set({
1533
+ const a = V.indexOf(n.playbackRate) - 1;
1534
+ a >= 0 && (o.changePlaybackRate(V[a]), n.$state.lastKeyboardAction.set({
1529
1535
  action: "decreasePlaybackRate",
1530
1536
  event: e
1531
1537
  }));
@@ -1534,8 +1540,8 @@ const ue = {
1534
1540
  increasePlaybackRate: {
1535
1541
  keys: ["d"],
1536
1542
  onKeyUp({ event: e, player: n, remote: o }) {
1537
- const a = H.indexOf(n.playbackRate) + 1;
1538
- a < H.length && (o.changePlaybackRate(H[a]), n.$state.lastKeyboardAction.set({
1543
+ const a = V.indexOf(n.playbackRate) + 1;
1544
+ a < V.length && (o.changePlaybackRate(V[a]), n.$state.lastKeyboardAction.set({
1539
1545
  action: "increasePlaybackRate",
1540
1546
  event: e
1541
1547
  }));
@@ -1577,7 +1583,7 @@ function si(e, n = 1e3) {
1577
1583
  }, n));
1578
1584
  };
1579
1585
  }
1580
- const de = {
1586
+ const ue = {
1581
1587
  volume: 1,
1582
1588
  muted: !1,
1583
1589
  lang: null,
@@ -1592,7 +1598,7 @@ class ci {
1592
1598
  constructor() {
1593
1599
  N(this, "playerId", "studio-player");
1594
1600
  N(this, "mediaId", null);
1595
- N(this, "data", de);
1601
+ N(this, "data", ue);
1596
1602
  N(this, "time", null);
1597
1603
  N(this, "saveTime", () => {
1598
1604
  if (!this.mediaId) return;
@@ -1676,7 +1682,7 @@ class ci {
1676
1682
  } catch {
1677
1683
  }
1678
1684
  this.data = {
1679
- ...de,
1685
+ ...ue,
1680
1686
  ...l
1681
1687
  }, this.time = c ? +c : null;
1682
1688
  }
@@ -1689,63 +1695,63 @@ class ci {
1689
1695
  function li(e) {
1690
1696
  const n = Z(() => new ci(), []), [o, i] = P(
1691
1697
  n.initializeState
1692
- ), a = p(
1698
+ ), a = f(
1693
1699
  (d) => {
1694
- i((h) => (n.saveData("multiplier", d), {
1695
- ...h,
1700
+ i((_) => (n.saveData("multiplier", d), {
1701
+ ..._,
1696
1702
  captionsFontSizeMultiplier: d
1697
1703
  }));
1698
1704
  },
1699
1705
  [n]
1700
- ), c = p(() => {
1706
+ ), c = f(() => {
1701
1707
  i((d) => {
1702
- const h = !d.captionPositionOnTop;
1703
- return n.saveData("ontop", h), {
1708
+ const _ = !d.captionPositionOnTop;
1709
+ return n.saveData("ontop", _), {
1704
1710
  ...d,
1705
- captionPositionOnTop: h
1711
+ captionPositionOnTop: _
1706
1712
  };
1707
1713
  });
1708
- }, [n]), l = p(() => {
1714
+ }, [n]), l = f(() => {
1709
1715
  i((d) => {
1710
- const h = !d.captionsInvertColors;
1711
- return n.saveData("invert", h), {
1716
+ const _ = !d.captionsInvertColors;
1717
+ return n.saveData("invert", _), {
1712
1718
  ...d,
1713
- captionsInvertColors: h
1719
+ captionsInvertColors: _
1714
1720
  };
1715
1721
  });
1716
- }, [n]), r = p(() => {
1722
+ }, [n]), u = f(() => {
1717
1723
  i((d) => {
1718
- const h = !d.commentsEnabled;
1719
- return n.saveData("comments", h), {
1724
+ const _ = !d.commentsEnabled;
1725
+ return n.saveData("comments", _), {
1720
1726
  ...d,
1721
- commentsEnabled: h
1727
+ commentsEnabled: _
1722
1728
  };
1723
1729
  });
1724
- }, [n]), f = p(() => {
1730
+ }, [n]), h = f(() => {
1725
1731
  i((d) => ({
1726
1732
  ...d,
1727
1733
  interactionsDisabled: !1
1728
1734
  }));
1729
- }, []), v = p(() => {
1735
+ }, []), p = f(() => {
1730
1736
  i((d) => ({
1731
1737
  ...d,
1732
1738
  interactionsDisabled: !0
1733
1739
  }));
1734
- }, []), k = Z(() => e ? {
1735
- ...ue,
1740
+ }, []), b = Z(() => e ? {
1741
+ ...re,
1736
1742
  toggleFullscreen: []
1737
- } : ue, [e]);
1743
+ } : re, [e]);
1738
1744
  return {
1739
1745
  contextValue: {
1740
1746
  state: o,
1741
1747
  setCaptionsFontSizeMultiplier: a,
1742
1748
  toggleCaptionPositionOnTop: c,
1743
1749
  toggleCaptionsInvertColors: l,
1744
- enableInteractions: f,
1745
- disableInteractions: v,
1746
- toggleComments: r
1750
+ enableInteractions: h,
1751
+ disableInteractions: p,
1752
+ toggleComments: u
1747
1753
  },
1748
- shortcuts: k,
1754
+ shortcuts: b,
1749
1755
  storage: n
1750
1756
  };
1751
1757
  }
@@ -1759,54 +1765,54 @@ function bi({
1759
1765
  thumbnail: a,
1760
1766
  hideFullScreen: c = !1,
1761
1767
  comments: l = [],
1762
- locale: r = "en",
1763
- annotations: f = [],
1764
- quizMarkers: v = [],
1765
- interactive: k = !1,
1768
+ locale: u = "en",
1769
+ annotations: h = [],
1770
+ quizMarkers: p = [],
1771
+ interactive: b = !1,
1766
1772
  onAnnotationClick: d = Q,
1767
- onQuizMarkerClick: h = Q,
1768
- onInteractivePinClick: g = Q,
1773
+ onQuizMarkerClick: _ = Q,
1774
+ onInteractivePinClick: k = Q,
1769
1775
  interactiveMenuElements: A = [],
1770
- darkMode: I = !1
1776
+ darkMode: S = !1
1771
1777
  }) {
1772
- const { contextValue: x, shortcuts: Ve, storage: Be } = li(c), { i18n: oe } = b();
1773
- return B(() => {
1774
- oe.changeLanguage(r);
1775
- }, [oe, r]), /* @__PURE__ */ t(
1776
- nt,
1778
+ const { contextValue: x, shortcuts: He, storage: Ve } = li(c), { i18n: oe } = C();
1779
+ return R(() => {
1780
+ oe.changeLanguage(u);
1781
+ }, [oe, u]), /* @__PURE__ */ t(
1782
+ tt,
1777
1783
  {
1778
1784
  hideFullScreen: c,
1779
1785
  comments: l,
1780
- annotations: f,
1781
- quizMarkers: v,
1782
- interactive: k,
1786
+ annotations: h,
1787
+ quizMarkers: p,
1788
+ interactive: b,
1783
1789
  onAnnotationClick: d,
1784
- onQuizMarkerClick: h,
1785
- onInteractivePinClick: g,
1790
+ onQuizMarkerClick: _,
1791
+ onInteractivePinClick: k,
1786
1792
  interactiveMenuElements: A,
1787
- darkMode: I,
1788
- children: /* @__PURE__ */ t(tt, { contextValue: x, children: /* @__PURE__ */ s(
1789
- Ue,
1793
+ darkMode: S,
1794
+ children: /* @__PURE__ */ t(et, { contextValue: x, children: /* @__PURE__ */ s(
1795
+ je,
1790
1796
  {
1791
- storage: Be,
1797
+ storage: Ve,
1792
1798
  title: e,
1793
1799
  src: o,
1794
- keyShortcuts: Ve,
1800
+ keyShortcuts: He,
1795
1801
  playsInline: !0,
1796
1802
  keyDisabled: x.state.interactionsDisabled,
1797
1803
  children: [
1798
1804
  /* @__PURE__ */ t(Jn, {}),
1799
- /* @__PURE__ */ s(qe, { className: ri.mediaProvider, children: [
1805
+ /* @__PURE__ */ s(Ue, { className: ri.mediaProvider, children: [
1800
1806
  /* @__PURE__ */ t(io, { src: a }),
1801
1807
  /* @__PURE__ */ t(On, {}),
1802
- /* @__PURE__ */ t(mt, {}),
1803
- /* @__PURE__ */ t(ft, { captions: i }),
1808
+ /* @__PURE__ */ t(dt, {}),
1809
+ /* @__PURE__ */ t(_t, { captions: i }),
1804
1810
  /* @__PURE__ */ t(Mt, { comments: l }),
1805
1811
  /* @__PURE__ */ t(mo, {}),
1806
1812
  /* @__PURE__ */ t(Un, {})
1807
1813
  ] }),
1808
- /* @__PURE__ */ t(Rt, { darkMode: I, playerRef: n }),
1809
- /* @__PURE__ */ t(st, { annotations: f })
1814
+ /* @__PURE__ */ t(Rt, { darkMode: S, playerRef: n }),
1815
+ /* @__PURE__ */ t(at, { annotations: h })
1810
1816
  ]
1811
1817
  }
1812
1818
  ) })
@@ -1814,8 +1820,8 @@ function bi({
1814
1820
  );
1815
1821
  }
1816
1822
  export {
1817
- vt as CAPTION_FONT_SIZE_MULTIPLIERS,
1818
- Ne as COMMENT_DURATION,
1819
- H as PLAYBACK_RATES,
1823
+ ft as CAPTION_FONT_SIZE_MULTIPLIERS,
1824
+ Pe as COMMENT_DURATION,
1825
+ V as PLAYBACK_RATES,
1820
1826
  bi as StudioPlayer
1821
1827
  };