@instructure/studio-player 0.2.14 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/StudioPlayer/hooks/useCallbackOnKey.d.ts +2 -0
  2. package/dist/en-p8Xpb7Qg.js +111 -0
  3. package/dist/index-C1To2Xmm.css +1 -0
  4. package/dist/index.d.ts +1 -0
  5. package/dist/kl-Drx4juMa.js +111 -0
  6. package/dist/studio-player.es.js +941 -799
  7. package/dist/types.d.ts +1 -0
  8. package/package.json +1 -1
  9. package/dist/StudioPlayer/hooks/useCallbackOnEsc.d.ts +0 -1
  10. package/dist/en-BlhWGmnp.js +0 -101
  11. package/dist/index-BDj52-Kq.css +0 -1
  12. package/dist/kl-BRha3TKE.js +0 -101
package/dist/studio-player.es.js CHANGED
@@ -1,14 +1,15 @@
1
- import './index-BDj52-Kq.css';var Ke = Object.defineProperty;
2
- var De = (e, n, o) => n in e ? Ke(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o;
3
- var N = (e, n, o) => De(e, typeof n != "symbol" ? n + "" : n, o);
4
- import { jsx as t, jsxs as a, Fragment as ee } from "react/jsx-runtime";
5
- import { createContext as te, useContext as x, useState as T, useCallback as p, useEffect as B, useMemo as $, useRef as Ce } from "react";
6
- import { useMediaPlayer as A, Spinner as X, useMediaRemote as G, useMediaState as _, isTrackCaptionKind as ze, Track as Ue, Captions as je, usePlaybackRateOptions as qe, useCaptionOptions as We, useVideoQualityOptions as Ge, useMediaStore as ve, Poster as Qe, FullscreenButton as Ye, Time as re, TimeSlider as O, VolumeSlider as U, MediaPlayer as Xe, MediaProvider as Je } from "@vidstack/react";
7
- import { initReactI18next as et, useTranslation as C } from "react-i18next";
8
- import tt from "i18next";
9
- import nt from "i18next-resources-to-backend";
10
- import { useFloating as ge, autoUpdate as be, flip as we, arrow as ke, useDismiss as ye, useInteractions as Le, FloatingFocusManager as ot, FloatingArrow as xe, shift as it, offset as st } from "@floating-ui/react";
11
- const at = (e, n, o) => {
1
+ import './index-C1To2Xmm.css';var $e = Object.defineProperty;
2
+ var Ue = (e, n, o) => n in e ? $e(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o;
3
+ var N = (e, n, o) => Ue(e, typeof n != "symbol" ? n + "" : n, o);
4
+ import { jsx as t, jsxs as a, Fragment as te } from "react/jsx-runtime";
5
+ import { createContext as ne, useContext as oe, useState as P, useCallback as f, useEffect as H, useMemo as I, useRef as ie } from "react";
6
+ import { useMediaPlayer as B, Spinner as J, useMediaRemote as Q, useMediaState as p, isTrackCaptionKind as qe, Track as Ge, Captions as We, usePlaybackRateOptions as je, useCaptionOptions as Qe, useVideoQualityOptions as Ye, useMediaStore as ge, Poster as Xe, FullscreenButton as Je, Time as ue, TimeSlider as z, VolumeSlider as q, MediaPlayer as et, MediaProvider as tt } from "@vidstack/react";
7
+ import { useMediaState as Vi, useMediaStore as Hi } from "@vidstack/react";
8
+ import { initReactI18next as nt, useTranslation as C } from "react-i18next";
9
+ import ot from "i18next";
10
+ import it from "i18next-resources-to-backend";
11
+ import { useFloating as ve, autoUpdate as be, flip as ye, arrow as we, useDismiss as ke, useInteractions as xe, FloatingFocusManager as st, FloatingArrow as Le, shift as at, offset as ct } from "@floating-ui/react";
12
+ const rt = (e, n, o) => {
12
13
  const i = e[n];
13
14
  return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((s, c) => {
14
15
  (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
@@ -21,9 +22,9 @@ const at = (e, n, o) => {
21
22
  );
22
23
  });
23
24
  };
24
- tt.use(et).use(
25
- nt(
26
- (e) => at(/* @__PURE__ */ Object.assign({ "./locales/en.json": () => import("./en-BlhWGmnp.js"), "./locales/kl.json": () => import("./kl-BRha3TKE.js") }), `./locales/${e}.json`, 3)
25
+ ot.use(nt).use(
26
+ it(
27
+ (e) => rt(/* @__PURE__ */ Object.assign({ "./locales/en.json": () => import("./en-p8Xpb7Qg.js"), "./locales/kl.json": () => import("./kl-Drx4juMa.js") }), `./locales/${e}.json`, 3)
27
28
  )
28
29
  ).init({
29
30
  fallbackLng: "en",
@@ -34,35 +35,35 @@ tt.use(et).use(
34
35
  escapeValue: !1
35
36
  }
36
37
  });
37
- const Pe = te(null);
38
- function ct({
38
+ const Ne = ne(null);
39
+ function lt({
39
40
  children: e,
40
41
  contextValue: n
41
42
  }) {
42
- return /* @__PURE__ */ t(Pe.Provider, { value: n, children: e });
43
+ return /* @__PURE__ */ t(Ne.Provider, { value: n, children: e });
43
44
  }
44
- function v() {
45
- const e = x(Pe);
45
+ function g() {
46
+ const e = oe(Ne);
46
47
  if (!e)
47
48
  throw new Error(
48
49
  "useStudioPlayerContext must be used within a StudioPlayerContextProvider"
49
50
  );
50
51
  return e;
51
52
  }
52
- const Ne = te(null);
53
- function lt({
53
+ const Pe = ne(null);
54
+ function ut({
54
55
  hideFullScreen: e,
55
56
  comments: n,
56
57
  annotations: o,
57
58
  quizMarkers: i,
58
59
  interactive: s,
59
60
  onAnnotationClick: c,
60
- onQuizMarkerClick: l,
61
- onInteractivePinClick: u,
61
+ onQuizMarkerClick: r,
62
+ onInteractivePinClick: l,
62
63
  interactiveMenuElements: m,
63
- darkMode: h,
64
- children: g,
65
- forceComments: y,
64
+ darkMode: _,
65
+ children: v,
66
+ forceComments: x,
66
67
  disableCaptionSettings: k
67
68
  }) {
68
69
  const b = {
@@ -72,102 +73,102 @@ function lt({
72
73
  quizMarkers: i,
73
74
  interactive: s,
74
75
  onAnnotationClick: c,
75
- onQuizMarkerClick: l,
76
- onInteractivePinClick: u,
76
+ onQuizMarkerClick: r,
77
+ onInteractivePinClick: l,
77
78
  interactiveMenuElements: m,
78
- darkMode: h,
79
+ darkMode: _,
79
80
  hasComments: n.length > 0,
80
81
  hasAnnotations: o.length > 0,
81
82
  hasQuizmarkers: i.length > 0,
82
- forceComments: y,
83
+ forceComments: x,
83
84
  disableCaptionSettings: k
84
85
  };
85
- return /* @__PURE__ */ t(Ne.Provider, { value: b, children: g });
86
+ return /* @__PURE__ */ t(Pe.Provider, { value: b, children: v });
86
87
  }
87
- function S() {
88
- const e = x(Ne);
88
+ function A() {
89
+ const e = oe(Pe);
89
90
  if (!e)
90
91
  throw new Error(
91
92
  "useStudioPlayerPropsContext must be used within a StudioPlayerPropsContextProvider"
92
93
  );
93
94
  return e;
94
95
  }
95
- const rt = "_annotation-overlay_1kxzn_1", ut = {
96
+ const dt = "_annotation-overlay_1kxzn_1", mt = {
96
97
  "annotation-overlay": "_annotation-overlay_1kxzn_1",
97
- annotationOverlay: rt
98
- }, ue = 0.25, dt = (e, n) => {
98
+ annotationOverlay: dt
99
+ }, de = 0.25, ht = (e, n) => {
99
100
  let o = !1;
100
101
  return (i) => {
101
102
  const s = i.detail.currentTime;
102
- s >= e.time && s < e.time + ue && !o && (o = !0, n(e)), (s < e.time || s >= e.time + ue) && o && (o = !1);
103
+ s >= e.time && s < e.time + de && !o && (o = !0, n(e)), (s < e.time || s >= e.time + de) && o && (o = !1);
103
104
  };
104
105
  };
105
- function mt({ annotations: e }) {
106
- const n = A(), o = v(), i = S(), [s, c] = T(
106
+ function pt({ annotations: e }) {
107
+ const n = B(), o = g(), i = A(), [s, c] = P(
107
108
  null
108
- ), l = p(
109
+ ), r = f(
109
110
  (m) => {
110
111
  n == null || n.pause(), i.interactive || o.disableInteractions(), c(m);
111
112
  },
112
113
  [n, o]
113
- ), u = () => {
114
+ ), l = () => {
114
115
  i.interactive || (n == null || n.play(), o.enableInteractions()), c(null);
115
116
  };
116
- return B(() => {
117
+ return H(() => {
117
118
  if (!n)
118
119
  return;
119
120
  const m = [];
120
- for (const h of e) {
121
- const g = dt(h, l);
122
- n.addEventListener("time-update", g), m.push(g);
121
+ for (const _ of e) {
122
+ const v = ht(_, r);
123
+ n.addEventListener("time-update", v), m.push(v);
123
124
  }
124
125
  if (s) {
125
- const h = e.find(
126
- (g) => g.id === s.id
126
+ const _ = e.find(
127
+ (v) => v.id === s.id
127
128
  );
128
- h ? c(h) : (c(null), o.enableInteractions());
129
+ _ ? c(_) : (c(null), o.enableInteractions());
129
130
  }
130
131
  return () => {
131
- for (const h of m)
132
- n.removeEventListener("time-update", h);
132
+ for (const _ of m)
133
+ n.removeEventListener("time-update", _);
133
134
  };
134
- }, [n, e]), s ? /* @__PURE__ */ t("div", { className: ut.annotationOverlay, children: s.render(u) }) : null;
135
+ }, [n, e]), s ? /* @__PURE__ */ t("div", { className: mt.annotationOverlay, children: s.render(l) }) : null;
135
136
  }
136
- const ht = "_media-buffering-indicator_1fwjr_1", pt = "_media-buffering-spinner_1fwjr_17", _t = "_media-buffering-spin_1fwjr_17", ft = "_media-buffering-track_1fwjr_22", Ct = "_media-buffering-track-fill_1fwjr_27", j = {
137
+ const _t = "_media-buffering-indicator_1fwjr_1", ft = "_media-buffering-spinner_1fwjr_17", Ct = "_media-buffering-spin_1fwjr_17", gt = "_media-buffering-track_1fwjr_22", vt = "_media-buffering-track-fill_1fwjr_27", G = {
137
138
  "media-buffering-indicator": "_media-buffering-indicator_1fwjr_1",
138
- mediaBufferingIndicator: ht,
139
+ mediaBufferingIndicator: _t,
139
140
  "media-buffering-spinner": "_media-buffering-spinner_1fwjr_17",
140
- mediaBufferingSpinner: pt,
141
+ mediaBufferingSpinner: ft,
141
142
  "media-buffering-spin": "_media-buffering-spin_1fwjr_17",
142
- mediaBufferingSpin: _t,
143
+ mediaBufferingSpin: Ct,
143
144
  "media-buffering-track": "_media-buffering-track_1fwjr_22",
144
- mediaBufferingTrack: ft,
145
+ mediaBufferingTrack: gt,
145
146
  "media-buffering-track-fill": "_media-buffering-track-fill_1fwjr_27",
146
- mediaBufferingTrackFill: Ct
147
+ mediaBufferingTrackFill: vt
147
148
  };
148
- function vt() {
149
- return /* @__PURE__ */ t("div", { className: j.mediaBufferingIndicator, children: /* @__PURE__ */ a(X.Root, { className: j.mediaBufferingSpinner, size: 96, children: [
150
- /* @__PURE__ */ t(X.Track, { className: j.mediaBufferingTrack, width: 8 }),
149
+ function bt() {
150
+ return /* @__PURE__ */ t("div", { className: G.mediaBufferingIndicator, children: /* @__PURE__ */ a(J.Root, { className: G.mediaBufferingSpinner, size: 96, children: [
151
+ /* @__PURE__ */ t(J.Track, { className: G.mediaBufferingTrack, width: 8 }),
151
152
  /* @__PURE__ */ t(
152
- X.TrackFill,
153
+ J.TrackFill,
153
154
  {
154
- className: j.mediaBufferingTrackFill,
155
+ className: G.mediaBufferingTrackFill,
155
156
  width: 8
156
157
  }
157
158
  )
158
159
  ] }) });
159
160
  }
160
- const Te = (e) => /* @__PURE__ */ a("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
161
+ const Me = (e) => /* @__PURE__ */ a("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
161
162
  /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_149_104418", children: /* @__PURE__ */ t("rect", { width: 24, height: 24, fill: "white" }) }) }),
162
163
  /* @__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" }) })
163
- ] }), Me = (e) => /* @__PURE__ */ a("svg", { width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
164
+ ] }), Ie = (e) => /* @__PURE__ */ a("svg", { width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
164
165
  /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_149_104406", children: /* @__PURE__ */ t("rect", { width: 24, height: 24, fill: "white" }) }) }),
165
166
  /* @__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" }) })
166
167
  ] });
167
- function gt() {
168
- const e = G(), n = _("textTrack"), o = _("hasCaptions"), i = n && ze(n), s = v(), c = p(
169
- (l) => {
170
- e.toggleCaptions(l.nativeEvent);
168
+ function yt() {
169
+ const e = Q(), n = p("textTrack"), o = p("hasCaptions"), i = n && qe(n), s = g(), c = f(
170
+ (r) => {
171
+ e.toggleCaptions(r.nativeEvent);
171
172
  },
172
173
  [e]
173
174
  );
@@ -180,18 +181,18 @@ function gt() {
180
181
  "aria-label": "Captions",
181
182
  "aria-pressed": i ? "true" : "false",
182
183
  tabIndex: s.state.interactionsDisabled ? -1 : 0,
183
- children: i ? /* @__PURE__ */ t(Me, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Te, { className: "controls-button-icon" })
184
+ children: i ? /* @__PURE__ */ t(Ie, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Me, { className: "controls-button-icon" })
184
185
  }
185
186
  ) : null;
186
187
  }
187
- const bt = "_captions_13epz_1", wt = {
188
- captions: bt
188
+ const wt = "_captions_13epz_1", kt = {
189
+ captions: wt
189
190
  };
190
- function kt({ captions: e }) {
191
- const n = _("hasCaptions"), o = v();
192
- return /* @__PURE__ */ a(ee, { children: [
191
+ function xt({ captions: e }) {
192
+ const n = p("hasCaptions"), o = g();
193
+ return /* @__PURE__ */ a(te, { children: [
193
194
  e.map((i) => /* @__PURE__ */ t(
194
- Ue,
195
+ Ge,
195
196
  {
196
197
  kind: "subtitles",
197
198
  type: i.type,
@@ -211,14 +212,14 @@ function kt({ captions: e }) {
211
212
  "--captions-color": o.state.captionsInvertColors ? "rgba(22, 22, 22)" : "white",
212
213
  "--captions-background-color": o.state.captionsInvertColors ? "rgba(255, 255, 255, 0.75)" : "rgba(22, 22, 22, 0.75)"
213
214
  },
214
- children: /* @__PURE__ */ t(je, { className: wt.captions })
215
+ children: /* @__PURE__ */ t(We, { className: kt.captions })
215
216
  }
216
217
  ) : null
217
218
  ] });
218
219
  }
219
- const V = [0.5, 0.75, 1, 1.25, 1.5, 2], yt = [0.5, 1, 2, 3, 4], Ie = 5, Lt = (e) => {
220
- const [, n] = T({});
221
- return $(() => {
220
+ const V = [0.5, 0.75, 1, 1.25, 1.5, 2], Lt = [0.5, 1, 2, 3, 4], Se = 5, Nt = (e) => {
221
+ const [, n] = P({});
222
+ return I(() => {
222
223
  let o = [];
223
224
  return {
224
225
  add(i) {
@@ -235,21 +236,21 @@ const V = [0.5, 0.75, 1, 1.25, 1.5, 2], yt = [0.5, 1, 2, 3, 4], Ie = 5, Lt = (e)
235
236
  }
236
237
  };
237
238
  }, []);
238
- }, xt = (e, n, o) => {
239
+ }, Pt = (e, n, o) => {
239
240
  let i = !1;
240
241
  return (s) => {
241
242
  const c = s.detail.currentTime;
242
243
  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);
243
244
  };
244
- }, Pt = (e, n = 5) => {
245
- const o = A(), i = Lt(n);
246
- return B(() => {
245
+ }, Mt = (e, n = 5) => {
246
+ const o = B(), i = Nt(n);
247
+ return H(() => {
247
248
  if (!o)
248
249
  return;
249
250
  const s = [];
250
251
  for (const c of e) {
251
- const l = xt(c, Ie, i);
252
- s.push(l), o.addEventListener("time-update", l);
252
+ const r = Pt(c, Se, i);
253
+ s.push(r), o.addEventListener("time-update", r);
253
254
  }
254
255
  return o.dispatchEvent(
255
256
  new CustomEvent("time-update", {
@@ -261,21 +262,21 @@ const V = [0.5, 0.75, 1, 1.25, 1.5, 2], yt = [0.5, 1, 2, 3, 4], Ie = 5, Lt = (e)
261
262
  i.clear();
262
263
  };
263
264
  }, [o, i, e]), i;
264
- }, Nt = "_comments-overlay_2woxe_1", Tt = "_comments-container_2woxe_9", Mt = "_comment_2woxe_1", It = "_comment-text_2woxe_45", St = "_comment-author-avatar_2woxe_68", Ht = "_comment-author-name_2woxe_87", E = {
265
- "comments-overlay": "_comments-overlay_2woxe_1",
266
- commentsOverlay: Nt,
267
- "comments-container": "_comments-container_2woxe_9",
268
- commentsContainer: Tt,
269
- comment: Mt,
270
- "comment-text": "_comment-text_2woxe_45",
271
- commentText: It,
272
- "comment-author-avatar": "_comment-author-avatar_2woxe_68",
273
- commentAuthorAvatar: St,
274
- "comment-author-name": "_comment-author-name_2woxe_87",
275
- commentAuthorName: Ht
265
+ }, It = "_comments-overlay_1puzm_1", St = "_comments-container_1puzm_10", Tt = "_comment_1puzm_1", Et = "_comment-text_1puzm_47", At = "_comment-author-avatar_1puzm_70", Rt = "_comment-author-name_1puzm_89", E = {
266
+ "comments-overlay": "_comments-overlay_1puzm_1",
267
+ commentsOverlay: It,
268
+ "comments-container": "_comments-container_1puzm_10",
269
+ commentsContainer: St,
270
+ comment: Tt,
271
+ "comment-text": "_comment-text_1puzm_47",
272
+ commentText: Et,
273
+ "comment-author-avatar": "_comment-author-avatar_1puzm_70",
274
+ commentAuthorAvatar: At,
275
+ "comment-author-name": "_comment-author-name_1puzm_89",
276
+ commentAuthorName: Rt
276
277
  };
277
- function Rt({ comment: e }) {
278
- return /* @__PURE__ */ a("div", { className: E.comment, onClick: () => {
278
+ function Vt({ comment: e }) {
279
+ return e.render ? e.render(e, E) : /* @__PURE__ */ a("div", { className: E.comment, onClick: () => {
279
280
  var n;
280
281
  return (n = e.onClick) == null ? void 0 : n.call(e, e);
281
282
  }, children: [
@@ -291,9 +292,9 @@ function Rt({ comment: e }) {
291
292
  /* @__PURE__ */ t("span", { className: E.commentAuthorName, children: e.user.name })
292
293
  ] });
293
294
  }
294
- const Vt = 5;
295
- function Et({ comments: e }) {
296
- const n = v(), o = Pt(e, Vt), i = !!_("textTrack"), s = o.map((c) => /* @__PURE__ */ t(Rt, { comment: c }, c.id));
295
+ const Ht = 5;
296
+ function Bt({ comments: e }) {
297
+ const n = g(), o = Mt(e, Ht), i = !!p("textTrack"), s = o.map((c) => /* @__PURE__ */ t(Vt, { comment: c }, c.id));
297
298
  return e.length > 0 && n.state.commentsEnabled ? /* @__PURE__ */ t(
298
299
  "div",
299
300
  {
@@ -305,89 +306,100 @@ function Et({ comments: e }) {
305
306
  }
306
307
  ) : null;
307
308
  }
308
- const Bt = "_root_1x28e_1", At = "_left-controls_1x28e_28", Ot = "_right-controls_1x28e_34", Ft = "_indicators_1x28e_40", Zt = "_normal-timeline_1x28e_49", $t = "_compact-timeline_1x28e_55", R = {
309
- root: Bt,
309
+ const Ot = "_root_1x28e_1", Ft = "_left-controls_1x28e_28", zt = "_right-controls_1x28e_34", Zt = "_indicators_1x28e_40", Kt = "_normal-timeline_1x28e_49", Dt = "_compact-timeline_1x28e_55", R = {
310
+ root: Ot,
310
311
  "left-controls": "_left-controls_1x28e_28",
311
- leftControls: At,
312
+ leftControls: Ft,
312
313
  "right-controls": "_right-controls_1x28e_34",
313
- rightControls: Ot,
314
- indicators: Ft,
314
+ rightControls: zt,
315
+ indicators: Zt,
315
316
  "normal-timeline": "_normal-timeline_1x28e_49",
316
- normalTimeline: Zt,
317
+ normalTimeline: Kt,
317
318
  "compact-timeline": "_compact-timeline_1x28e_55",
318
- compactTimeline: $t
319
+ compactTimeline: Dt
319
320
  };
320
- function Kt({
321
+ function $t({
321
322
  darkMode: e,
322
323
  playerRef: n,
323
324
  showCaptionsButton: o = !0
324
325
  }) {
325
- const i = A();
326
- return B(() => {
326
+ const i = B();
327
+ return H(() => {
327
328
  i && (i.remoteControl.pauseControls(), n && (n.current = i));
328
329
  }, [i, n]), /* @__PURE__ */ a("div", { "data-darkmode": e, className: R.root, children: [
329
- /* @__PURE__ */ t(he, { className: R.normalTimeline }),
330
+ /* @__PURE__ */ t(pe, { className: R.normalTimeline }),
330
331
  /* @__PURE__ */ a("div", { className: R.leftControls, children: [
331
- /* @__PURE__ */ t(ro, {}),
332
- /* @__PURE__ */ t(hi, {})
332
+ /* @__PURE__ */ t(fo, {}),
333
+ /* @__PURE__ */ t(vi, {})
333
334
  ] }),
334
- /* @__PURE__ */ t("div", { className: R.indicators, children: /* @__PURE__ */ t(yo, {}) }),
335
- /* @__PURE__ */ t(he, { className: R.compactTimeline }),
335
+ /* @__PURE__ */ t("div", { className: R.indicators, children: /* @__PURE__ */ t(Io, {}) }),
336
+ /* @__PURE__ */ t(pe, { className: R.compactTimeline }),
336
337
  /* @__PURE__ */ a("div", { className: R.rightControls, children: [
337
- o && /* @__PURE__ */ t(gt, {}),
338
- /* @__PURE__ */ t(Vn, {}),
339
- /* @__PURE__ */ t(Qn, {})
338
+ o && /* @__PURE__ */ t(yt, {}),
339
+ /* @__PURE__ */ t(zn, {}),
340
+ /* @__PURE__ */ t(no, {})
340
341
  ] })
341
342
  ] });
342
343
  }
343
- const P = te(null), Dt = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 3.03704L7.03704 2L14.037 9L7.03704 16L6 14.963L11.963 9L6 3.03704Z", fill: "currentColor" }) }), zt = "_menu-hint_k49ve_1", Ut = "_menu-button_k49ve_5", jt = "_menu-label_k49ve_37", qt = "_menu-icon_k49ve_42", q = {
344
+ const Ut = (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" }) }), qt = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 3.03704L7.03704 2L14.037 9L7.03704 16L6 14.963L11.963 9L6 3.03704Z", fill: "currentColor" }) }), Gt = "_menu-hint_k49ve_1", Wt = "_menu-button_k49ve_5", jt = "_menu-label_k49ve_37", Qt = "_menu-icon_k49ve_42", W = {
344
345
  "menu-hint": "_menu-hint_k49ve_1",
345
- menuHint: zt,
346
+ menuHint: Gt,
346
347
  "menu-button": "_menu-button_k49ve_5",
347
- menuButton: Ut,
348
+ menuButton: Wt,
348
349
  "menu-label": "_menu-label_k49ve_37",
349
350
  menuLabel: jt,
350
351
  "menu-icon": "_menu-icon_k49ve_42",
351
- menuIcon: qt
352
+ menuIcon: Qt
352
353
  };
353
- function K({ label: e, hint: n, onClick: o, Icon: i }) {
354
- return /* @__PURE__ */ a("button", { type: "button", className: q.menuButton, onClick: o, children: [
355
- i && /* @__PURE__ */ t(i, { className: q.menuIcon }),
356
- /* @__PURE__ */ t("span", { className: q.menuLabel, children: e }),
357
- /* @__PURE__ */ t("span", { className: q.menuHint, children: n }),
358
- /* @__PURE__ */ t(Dt, {})
359
- ] });
354
+ function D({ label: e, hint: n, onClick: o, Icon: i }) {
355
+ return /* @__PURE__ */ a(
356
+ "button",
357
+ {
358
+ type: "button",
359
+ role: "menuitem",
360
+ "aria-label": e,
361
+ tabIndex: -1,
362
+ onClick: o,
363
+ className: W.menuButton,
364
+ children: [
365
+ i && /* @__PURE__ */ t(i, { className: W.menuIcon }),
366
+ /* @__PURE__ */ t("span", { className: W.menuLabel, children: e }),
367
+ /* @__PURE__ */ t("span", { className: W.menuHint, children: n }),
368
+ /* @__PURE__ */ t(qt, {})
369
+ ]
370
+ }
371
+ );
360
372
  }
361
- const Wt = (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" }) });
362
- function Gt() {
363
- const e = x(P), n = _("playbackRate"), { t: o } = C(), i = p(() => {
364
- e && e.setPage("speed");
373
+ const Yt = (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" }) });
374
+ function Xt() {
375
+ const e = L(), n = p("playbackRate"), { t: o } = C(), i = f(() => {
376
+ e.setPage("speed");
365
377
  }, [e]);
366
- return e ? /* @__PURE__ */ t(
367
- K,
378
+ return /* @__PURE__ */ t(
379
+ D,
368
380
  {
369
381
  label: o("PLAYBACK_SPEED"),
370
382
  hint: `${n}x`,
371
383
  onClick: i,
372
- Icon: Wt
384
+ Icon: Yt
373
385
  }
374
- ) : null;
386
+ );
375
387
  }
376
- function Qt() {
377
- const e = x(P), n = _("hasCaptions"), o = _("textTrack"), { t: i } = C(), s = p(() => {
378
- e && e.setPage("captions");
388
+ function Jt() {
389
+ const e = L(), n = p("hasCaptions"), o = p("textTrack"), { t: i } = C(), s = f(() => {
390
+ e.setPage("captions");
379
391
  }, [e]);
380
- return e && n ? /* @__PURE__ */ t(
381
- K,
392
+ return n ? /* @__PURE__ */ t(
393
+ D,
382
394
  {
383
395
  label: i("CAPTIONS"),
384
396
  hint: (o == null ? void 0 : o.label) ?? i("OFF"),
385
397
  onClick: s,
386
- Icon: Te
398
+ Icon: Me
387
399
  }
388
400
  ) : null;
389
401
  }
390
- const Yt = (e) => /* @__PURE__ */ a("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
402
+ const en = (e) => /* @__PURE__ */ a("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
391
403
  /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_412_23039", children: /* @__PURE__ */ t("rect", { width: 18, height: 18, fill: "white" }) }) }),
392
404
  /* @__PURE__ */ a("g", { clipPath: "url(#clip0_412_23039)", children: [
393
405
  /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.46326 3.85039H0V2.65039H2.46326C2.7388 1.36449 3.88181 0.400391 5.24999 0.400391C6.61818 0.400391 7.76119 1.36449 8.03673 2.65039H18V3.85039H8.03673C7.76119 5.13629 6.61818 6.10039 5.24999 6.10039C3.88181 6.10039 2.7388 5.13629 2.46326 3.85039ZM3.59999 3.25039C3.59999 2.33912 4.33872 1.60039 5.24999 1.60039C6.16126 1.60039 6.89999 2.33912 6.89999 3.25039C6.89999 4.16166 6.16126 4.90039 5.24999 4.90039C4.33872 4.90039 3.59999 4.16166 3.59999 3.25039Z", fill: "currentColor" }),
@@ -395,183 +407,265 @@ const Yt = (e) => /* @__PURE__ */ a("svg", { width: 18, height: 18, viewBox: "0
395
407
  /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.24999 17.6004C6.61818 17.6004 7.76119 16.6363 8.03673 15.3504H18V14.1504H8.03673C7.76119 12.8645 6.61818 11.9004 5.24999 11.9004C3.88181 11.9004 2.7388 12.8645 2.46326 14.1504H0V15.3504H2.46326C2.7388 16.6363 3.88181 17.6004 5.24999 17.6004ZM5.24999 13.1004C4.33872 13.1004 3.59999 13.8391 3.59999 14.7504C3.59999 15.6617 4.33872 16.4004 5.24999 16.4004C6.16126 16.4004 6.89999 15.6617 6.89999 14.7504C6.89999 13.8391 6.16126 13.1004 5.24999 13.1004Z", fill: "currentColor" })
396
408
  ] })
397
409
  ] });
398
- function Xt() {
399
- const e = x(P), n = _("autoQuality"), o = _("quality"), { t: i } = C(), s = p(() => {
400
- e && e.setPage("quality");
410
+ function tn() {
411
+ const e = L(), n = p("autoQuality"), o = p("quality"), { t: i } = C(), s = f(() => {
412
+ e.setPage("quality");
401
413
  }, [e]);
402
- return e && o ? /* @__PURE__ */ t(
403
- K,
414
+ return o ? /* @__PURE__ */ t(
415
+ D,
404
416
  {
405
417
  label: i("QUALITY"),
406
418
  hint: n ? i("AUTO", { quality: o.height }) : `${o.height}p`,
407
419
  onClick: s,
408
- Icon: Yt
420
+ Icon: en
409
421
  }
410
422
  ) : null;
411
423
  }
412
- const Jt = (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" }) }), en = (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" }) }), tn = "_switch-track_vptv3_1", nn = "_switch-thumb_vptv3_11", on = "_switch-icon_vptv3_25", sn = "_switch-body_vptv3_31", an = "_switch-label_vptv3_68", cn = "_menu-icon_vptv3_72", I = {
413
- "switch-track": "_switch-track_vptv3_1",
414
- switchTrack: tn,
415
- "switch-thumb": "_switch-thumb_vptv3_11",
416
- switchThumb: nn,
417
- "switch-icon": "_switch-icon_vptv3_25",
418
- switchIcon: on,
419
- "switch-body": "_switch-body_vptv3_31",
420
- switchBody: sn,
421
- "switch-label": "_switch-label_vptv3_68",
422
- switchLabel: an,
423
- "menu-icon": "_menu-icon_vptv3_72",
424
- menuIcon: cn
424
+ const nn = (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" }) }), on = (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" }) }), sn = "_switch-track_1d65g_1", an = "_switch-thumb_1d65g_12", cn = "_switch-icon_1d65g_26", rn = "_switch-body_1d65g_32", ln = "_switch-label_1d65g_73", un = "_menu-icon_1d65g_77", T = {
425
+ "switch-track": "_switch-track_1d65g_1",
426
+ switchTrack: sn,
427
+ "switch-thumb": "_switch-thumb_1d65g_12",
428
+ switchThumb: an,
429
+ "switch-icon": "_switch-icon_1d65g_26",
430
+ switchIcon: cn,
431
+ "switch-body": "_switch-body_1d65g_32",
432
+ switchBody: rn,
433
+ "switch-label": "_switch-label_1d65g_73",
434
+ switchLabel: ln,
435
+ "menu-icon": "_menu-icon_1d65g_77",
436
+ menuIcon: un
425
437
  };
426
- function ne({
438
+ function se({
427
439
  label: e,
428
440
  checked: n = !1,
429
441
  onClick: o,
430
442
  Icon: i
431
443
  }) {
432
- const s = p(
433
- (c) => {
434
- (c.key === "Enter" || c.key === " ") && (o == null || o());
435
- },
436
- [o]
437
- );
438
444
  return /* @__PURE__ */ a(
439
- "div",
445
+ "button",
440
446
  {
441
- className: I.switchBody,
442
- role: "menuitemcheckbox",
447
+ className: T.switchBody,
448
+ role: "checkbox",
449
+ "aria-label": e,
443
450
  "aria-checked": n,
444
451
  onClick: o,
445
- onKeyDown: s,
446
- tabIndex: 0,
452
+ tabIndex: -1,
447
453
  children: [
448
- i && /* @__PURE__ */ t(i, { className: I.menuIcon }),
449
- /* @__PURE__ */ t("span", { className: I.switchLabel, children: e }),
450
- /* @__PURE__ */ t("div", { className: I.switchTrack, children: /* @__PURE__ */ t("div", { className: I.switchThumb, children: n ? /* @__PURE__ */ t(Jt, { className: I.switchIcon }) : /* @__PURE__ */ t(en, { className: I.switchIcon }) }) })
454
+ i && /* @__PURE__ */ t(i, { className: T.menuIcon }),
455
+ /* @__PURE__ */ t("span", { className: T.switchLabel, children: e }),
456
+ /* @__PURE__ */ t("div", { className: T.switchTrack, children: /* @__PURE__ */ t("div", { className: T.switchThumb, children: n ? /* @__PURE__ */ t(nn, { className: T.switchIcon }) : /* @__PURE__ */ t(on, { className: T.switchIcon }) }) })
451
457
  ]
452
458
  }
453
459
  );
454
460
  }
455
- const ln = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 0V12.7489H5.44V18L10.5007 12.7489H16.582V0H1ZM2 1H15.58V11.7339H9.98655L6.52667 15.25V11.7339H2V1ZM5.24963 5.35011H12.3323V4.24835H5.24963V5.35011ZM5.24963 8.18462H9.50067V7.08285H5.24963V8.18462Z", fill: "currentColor" }) });
456
- function rn() {
457
- const { t: e } = C(), n = S(), o = v();
461
+ const dn = (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" }) });
462
+ function mn() {
463
+ const { t: e } = C(), n = A(), o = g();
458
464
  return !n.forceComments && n.hasComments ? /* @__PURE__ */ t(
459
- ne,
465
+ se,
460
466
  {
461
- Icon: ln,
467
+ Icon: dn,
462
468
  label: e("COMMENTS"),
463
469
  onClick: o.toggleComments,
464
470
  checked: o.state.commentsEnabled
465
471
  }
466
472
  ) : null;
467
473
  }
468
- function H(e) {
469
- B(() => {
474
+ const hn = "_main-menu_7h96l_1", pn = {
475
+ "main-menu": "_main-menu_7h96l_1",
476
+ mainMenu: hn
477
+ };
478
+ function Te(e) {
479
+ H(() => {
470
480
  const n = (o) => {
471
- o.key === "Escape" && (e == null || e());
481
+ var i;
482
+ (i = e[o.key]) == null || i.call(e, o);
472
483
  };
473
- return document.addEventListener("keydown", n), () => {
484
+ return document.addEventListener("keydown", n, { passive: !0 }), () => {
474
485
  document.removeEventListener("keydown", n);
475
486
  };
476
- }, []);
487
+ }, [e]);
477
488
  }
478
- const un = "_main-menu_7h96l_1", dn = {
479
- "main-menu": "_main-menu_7h96l_1",
480
- mainMenu: un
481
- };
482
- function mn() {
483
- const e = x(P);
484
- return H(e == null ? void 0 : e.toggle), /* @__PURE__ */ a("div", { className: dn.mainMenu, children: [
485
- /* @__PURE__ */ t(Gt, {}),
486
- /* @__PURE__ */ t(Qt, {}),
487
- /* @__PURE__ */ t(rn, {}),
488
- /* @__PURE__ */ t(Xt, {})
489
- ] });
489
+ function _n(e) {
490
+ const n = I(() => ({ Escape: e }), [e]);
491
+ return Te(n);
490
492
  }
491
- const Q = (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" }) }), D = (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" }) }), hn = "_menu-container_1bjr3_1", pn = "_menu-options_1bjr3_6", _n = "_menu-heading_1bjr3_11", fn = "_check-icon_1bjr3_27", Cn = "_menu-item-label_1bjr3_33", vn = "_menu-item_1bjr3_33", gn = "_menu-back-button_1bjr3_66", r = {
492
- "menu-container": "_menu-container_1bjr3_1",
493
- menuContainer: hn,
494
- "menu-options": "_menu-options_1bjr3_6",
495
- menuOptions: pn,
496
- "menu-heading": "_menu-heading_1bjr3_11",
497
- menuHeading: _n,
498
- "check-icon": "_check-icon_1bjr3_27",
499
- checkIcon: fn,
500
- "menu-item-label": "_menu-item-label_1bjr3_33",
501
- menuItemLabel: Cn,
502
- "menu-item": "_menu-item_1bjr3_33",
503
- menuItem: vn,
504
- "menu-back-button": "_menu-back-button_1bjr3_66",
505
- menuBackButton: gn
493
+ const L = () => {
494
+ const e = oe(Ee);
495
+ if (!e)
496
+ throw new Error(
497
+ "useCustomSettingsMenuContext must be used within a CustomSettingsMenuContext.Provider"
498
+ );
499
+ return e;
506
500
  };
501
+ function fn(e, n) {
502
+ const o = Array.from(e.querySelectorAll("button")), i = o.indexOf(n);
503
+ return o[i - 1] ?? null;
504
+ }
505
+ function Cn(e, n) {
506
+ const o = Array.from(e.querySelectorAll("button")), i = o.indexOf(n);
507
+ return o[i + 1] ?? null;
508
+ }
509
+ function gn(e) {
510
+ return e.querySelector("button");
511
+ }
512
+ function vn(e) {
513
+ const n = Array.from(e.querySelectorAll("button"));
514
+ return n[n.length - 1] ?? null;
515
+ }
516
+ function O() {
517
+ const e = L(), n = ie(null), o = I(
518
+ () => ({
519
+ Escape: e.toggle,
520
+ ArrowUp: () => {
521
+ const i = document.activeElement;
522
+ if (i && n.current && n.current.contains(i)) {
523
+ const s = fn(
524
+ n.current,
525
+ i
526
+ );
527
+ s == null || s.focus();
528
+ } else if (n.current) {
529
+ const s = vn(n.current);
530
+ s == null || s.focus();
531
+ }
532
+ },
533
+ ArrowDown: () => {
534
+ const i = document.activeElement;
535
+ if (i && n.current && n.current.contains(i)) {
536
+ const s = Cn(
537
+ n.current,
538
+ i
539
+ );
540
+ s == null || s.focus();
541
+ } else if (n.current) {
542
+ const s = gn(n.current);
543
+ s == null || s.focus();
544
+ }
545
+ },
546
+ ArrowRight: () => {
547
+ const i = document.activeElement;
548
+ i && n.current && n.current.contains(i) && i.click();
549
+ },
550
+ ArrowLeft: e.back
551
+ }),
552
+ [e]
553
+ );
554
+ return Te(o), n;
555
+ }
507
556
  function bn() {
508
- const e = x(P), n = qe({
557
+ const e = O(), { t: n } = C();
558
+ return /* @__PURE__ */ a(
559
+ "div",
560
+ {
561
+ ref: e,
562
+ id: "submenu",
563
+ "aria-label": n("MAIN_MENU"),
564
+ role: "menu",
565
+ className: pn.mainMenu,
566
+ children: [
567
+ /* @__PURE__ */ t(Xt, {}),
568
+ /* @__PURE__ */ t(Jt, {}),
569
+ /* @__PURE__ */ t(mn, {}),
570
+ /* @__PURE__ */ t(tn, {})
571
+ ]
572
+ }
573
+ );
574
+ }
575
+ const Y = (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" }) }), $ = (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" }) }), yn = "_menu-container_1lrzf_1", wn = "_menu-heading_1lrzf_6", kn = "_check-icon_1lrzf_22", xn = "_menu-item-label_1lrzf_28", Ln = "_menu-item_1lrzf_28", Nn = "_menu-back-button_1lrzf_61", d = {
576
+ "menu-container": "_menu-container_1lrzf_1",
577
+ menuContainer: yn,
578
+ "menu-heading": "_menu-heading_1lrzf_6",
579
+ menuHeading: wn,
580
+ "check-icon": "_check-icon_1lrzf_22",
581
+ checkIcon: kn,
582
+ "menu-item-label": "_menu-item-label_1lrzf_28",
583
+ menuItemLabel: xn,
584
+ "menu-item": "_menu-item_1lrzf_28",
585
+ menuItem: Ln,
586
+ "menu-back-button": "_menu-back-button_1lrzf_61",
587
+ menuBackButton: Nn
588
+ };
589
+ function Pn() {
590
+ const e = L(), n = je({
509
591
  rates: V,
510
592
  normalLabel: "1x"
511
- }), { t: o } = C();
512
- return H(e == null ? void 0 : e.backToMain), e ? /* @__PURE__ */ a("div", { className: r.menuContainer, children: [
513
- /* @__PURE__ */ a(
514
- "button",
515
- {
516
- type: "button",
517
- className: r.menuBackButton,
518
- onClick: e.backToMain,
519
- children: [
520
- /* @__PURE__ */ t(D, {}),
521
- /* @__PURE__ */ t("span", { children: o("BACK") })
522
- ]
523
- }
524
- ),
525
- /* @__PURE__ */ t("strong", { className: r.menuHeading, children: o("PLAYBACK_SPEED") }),
526
- /* @__PURE__ */ t("div", { role: "menu", className: r.menuOptions, children: n.map(({ value: i, label: s, select: c, selected: l }) => /* @__PURE__ */ a(
527
- "button",
528
- {
529
- type: "button",
530
- role: "menuitemradio",
531
- "aria-checked": l,
532
- onClick: () => {
533
- c(), e.backToMain(), e.toggle();
534
- },
535
- className: r.menuItem,
536
- children: [
537
- /* @__PURE__ */ t(Q, { className: r.checkIcon }),
538
- /* @__PURE__ */ t("span", { className: r.menuItemLabel, children: s })
539
- ]
540
- },
541
- i
542
- )) })
543
- ] }) : null;
593
+ }), { t: o } = C(), i = O();
594
+ return /* @__PURE__ */ a(
595
+ "div",
596
+ {
597
+ ref: i,
598
+ id: "submenu",
599
+ "aria-label": o("SPEED_MENU"),
600
+ role: "menu",
601
+ className: d.menuContainer,
602
+ children: [
603
+ /* @__PURE__ */ a(
604
+ "button",
605
+ {
606
+ type: "button",
607
+ role: "menuitem",
608
+ tabIndex: -1,
609
+ className: d.menuBackButton,
610
+ onClick: e.back,
611
+ children: [
612
+ /* @__PURE__ */ t($, {}),
613
+ /* @__PURE__ */ t("span", { children: o("BACK") })
614
+ ]
615
+ }
616
+ ),
617
+ /* @__PURE__ */ t("strong", { className: d.menuHeading, children: o("PLAYBACK_SPEED") }),
618
+ n.map(({ value: s, label: c, select: r, selected: l }) => /* @__PURE__ */ a(
619
+ "button",
620
+ {
621
+ type: "button",
622
+ role: "menuitemradio",
623
+ "aria-label": c,
624
+ "aria-checked": l,
625
+ onClick: () => r(),
626
+ tabIndex: -1,
627
+ className: d.menuItem,
628
+ children: [
629
+ /* @__PURE__ */ t(Y, { className: d.checkIcon }),
630
+ /* @__PURE__ */ t("span", { className: d.menuItemLabel, children: c })
631
+ ]
632
+ },
633
+ s
634
+ ))
635
+ ]
636
+ }
637
+ );
544
638
  }
545
- function wn() {
546
- const e = x(P), n = _("textTrack"), { t: o } = C(), i = p(() => {
547
- e && e.setPage("captionLanguage");
639
+ function Mn() {
640
+ const e = L(), n = p("textTrack"), { t: o } = C(), { disableCaptionSettings: i } = g(), s = f(() => {
641
+ e.setPage("captionLanguage");
548
642
  }, [e]);
549
- return e ? /* @__PURE__ */ t(
550
- K,
643
+ return i ? null : /* @__PURE__ */ t(
644
+ D,
551
645
  {
552
646
  label: o("LANGUAGE"),
553
647
  hint: (n == null ? void 0 : n.label) ?? o("OFF"),
554
- onClick: i
648
+ onClick: s
555
649
  }
556
- ) : null;
650
+ );
557
651
  }
558
- function kn() {
559
- const { t: e } = C(), n = v(), o = x(P), i = p(() => {
560
- o && o.setPage("captionFontSize");
652
+ function In() {
653
+ const { t: e } = C(), n = g(), o = L(), i = f(() => {
654
+ o.setPage("captionFontSize");
561
655
  }, [o]);
562
- return o ? /* @__PURE__ */ t(
563
- K,
656
+ return /* @__PURE__ */ t(
657
+ D,
564
658
  {
565
659
  label: e("CAPTION_FONT_SIZE"),
566
660
  hint: `${n.state.captionsFontSizeMultiplier * 100}%`,
567
661
  onClick: i
568
662
  }
569
- ) : null;
663
+ );
570
664
  }
571
- function yn() {
572
- const { t: e } = C(), n = v();
665
+ function Sn() {
666
+ const { t: e } = C(), n = g();
573
667
  return /* @__PURE__ */ t(
574
- ne,
668
+ se,
575
669
  {
576
670
  label: e("ON_TOP"),
577
671
  onClick: n.toggleCaptionPositionOnTop,
@@ -579,10 +673,10 @@ function yn() {
579
673
  }
580
674
  );
581
675
  }
582
- function Ln() {
583
- const { t: e } = C(), n = v();
676
+ function Tn() {
677
+ const { t: e } = C(), n = g();
584
678
  return /* @__PURE__ */ t(
585
- ne,
679
+ se,
586
680
  {
587
681
  label: e("INVERT_COLORS"),
588
682
  onClick: n.toggleCaptionsInvertColors,
@@ -590,238 +684,277 @@ function Ln() {
590
684
  }
591
685
  );
592
686
  }
593
- function xn() {
594
- const e = x(P), { t: n } = C(), { disableCaptionSettings: o } = v();
595
- return H(e == null ? void 0 : e.backToMain), e ? /* @__PURE__ */ a("div", { className: r.menuContainer, children: [
596
- /* @__PURE__ */ a(
597
- "button",
598
- {
599
- type: "button",
600
- className: r.menuBackButton,
601
- onClick: e.backToMain,
602
- children: [
603
- /* @__PURE__ */ t(D, {}),
604
- /* @__PURE__ */ t("span", { children: n("BACK") })
605
- ]
606
- }
607
- ),
608
- /* @__PURE__ */ t("strong", { className: r.menuHeading, children: n("CAPTIONS") }),
609
- !o && /* @__PURE__ */ t(wn, {}),
610
- /* @__PURE__ */ t(kn, {}),
611
- /* @__PURE__ */ t(yn, {}),
612
- /* @__PURE__ */ t(Ln, {})
613
- ] }) : null;
687
+ function En() {
688
+ const e = L(), { t: n } = C(), o = O();
689
+ return /* @__PURE__ */ a(
690
+ "div",
691
+ {
692
+ ref: o,
693
+ id: "submenu",
694
+ "aria-label": n("CAPTIONS_MENU"),
695
+ role: "menu",
696
+ className: d.menuContainer,
697
+ children: [
698
+ /* @__PURE__ */ a(
699
+ "button",
700
+ {
701
+ type: "button",
702
+ role: "menuitem",
703
+ tabIndex: -1,
704
+ className: d.menuBackButton,
705
+ onClick: e.back,
706
+ children: [
707
+ /* @__PURE__ */ t($, {}),
708
+ /* @__PURE__ */ t("span", { children: n("BACK") })
709
+ ]
710
+ }
711
+ ),
712
+ /* @__PURE__ */ t("strong", { className: d.menuHeading, children: n("CAPTIONS") }),
713
+ /* @__PURE__ */ t(Mn, {}),
714
+ /* @__PURE__ */ t(In, {}),
715
+ /* @__PURE__ */ t(Sn, {}),
716
+ /* @__PURE__ */ t(Tn, {})
717
+ ]
718
+ }
719
+ );
614
720
  }
615
- function Pn() {
616
- const e = x(P), n = We(), { t: o } = C();
617
- return H(e == null ? void 0 : e.backToCaptions), e ? /* @__PURE__ */ a("div", { className: r.menuContainer, children: [
618
- /* @__PURE__ */ a(
619
- "button",
620
- {
621
- type: "button",
622
- className: r.menuBackButton,
623
- onClick: e.backToCaptions,
624
- children: [
625
- /* @__PURE__ */ t(D, {}),
626
- /* @__PURE__ */ t("span", { children: o("BACK") })
627
- ]
628
- }
629
- ),
630
- /* @__PURE__ */ t("strong", { className: r.menuHeading, children: o("CAPTIONS") }),
631
- /* @__PURE__ */ t("div", { role: "menu", className: r.menuOptions, children: n.map(({ value: i, label: s, select: c, selected: l }) => /* @__PURE__ */ a(
632
- "button",
633
- {
634
- type: "button",
635
- role: "menuitemradio",
636
- "aria-checked": l,
637
- onClick: () => {
638
- c(), e.backToMain(), e.toggle();
639
- },
640
- className: r.menuItem,
641
- children: [
642
- /* @__PURE__ */ t(Q, { className: r.checkIcon }),
643
- /* @__PURE__ */ t("span", { className: r.menuItemLabel, children: s })
644
- ]
645
- },
646
- i
647
- )) })
648
- ] }) : null;
721
+ function An() {
722
+ const e = L(), n = Qe(), { t: o } = C(), i = O();
723
+ return /* @__PURE__ */ a(
724
+ "div",
725
+ {
726
+ ref: i,
727
+ id: "submenu",
728
+ "aria-label": o("CAPTIONS_LANGUAGE_MENU"),
729
+ role: "menu",
730
+ className: d.menuContainer,
731
+ children: [
732
+ /* @__PURE__ */ a(
733
+ "button",
734
+ {
735
+ type: "button",
736
+ role: "menuitem",
737
+ tabIndex: -1,
738
+ className: d.menuBackButton,
739
+ onClick: e.back,
740
+ children: [
741
+ /* @__PURE__ */ t($, {}),
742
+ /* @__PURE__ */ t("span", { children: o("BACK") })
743
+ ]
744
+ }
745
+ ),
746
+ /* @__PURE__ */ t("strong", { className: d.menuHeading, children: o("CAPTIONS") }),
747
+ n.map(({ value: s, label: c, select: r, selected: l }) => /* @__PURE__ */ a(
748
+ "button",
749
+ {
750
+ type: "button",
751
+ role: "menuitemradio",
752
+ "aria-checked": l,
753
+ onClick: () => r(),
754
+ tabIndex: -1,
755
+ className: d.menuItem,
756
+ children: [
757
+ /* @__PURE__ */ t(Y, { className: d.checkIcon }),
758
+ /* @__PURE__ */ t("span", { className: d.menuItemLabel, children: c })
759
+ ]
760
+ },
761
+ s
762
+ ))
763
+ ]
764
+ }
765
+ );
649
766
  }
650
- function Nn() {
651
- const e = v(), n = x(P), { t: o } = C();
652
- return H(n == null ? void 0 : n.backToCaptions), n ? /* @__PURE__ */ a("div", { className: r.menuContainer, children: [
653
- /* @__PURE__ */ a(
654
- "button",
655
- {
656
- type: "button",
657
- className: r.menuBackButton,
658
- onClick: n.backToCaptions,
659
- children: [
660
- /* @__PURE__ */ t(D, {}),
661
- /* @__PURE__ */ t("span", { children: o("BACK") })
662
- ]
663
- }
664
- ),
665
- /* @__PURE__ */ t("strong", { className: r.menuHeading, children: o("CAPTIONS") }),
666
- /* @__PURE__ */ t("div", { role: "menu", className: r.menuOptions, children: yt.map((i) => /* @__PURE__ */ a(
667
- "button",
668
- {
669
- type: "button",
670
- role: "menuitemradio",
671
- "aria-checked": i === e.state.captionsFontSizeMultiplier,
672
- onClick: () => {
673
- e.setCaptionsFontSizeMultiplier(i), n.backToMain(), n.toggle();
674
- },
675
- className: r.menuItem,
676
- children: [
677
- /* @__PURE__ */ t(Q, { className: r.checkIcon }),
678
- /* @__PURE__ */ a("span", { className: r.menuItemLabel, children: [
679
- i * 100,
680
- "%"
681
- ] })
682
- ]
683
- },
684
- i
685
- )) })
686
- ] }) : null;
767
+ function Rn() {
768
+ const e = g(), n = L(), { t: o } = C(), i = O();
769
+ return /* @__PURE__ */ a(
770
+ "div",
771
+ {
772
+ ref: i,
773
+ id: "submenu",
774
+ "aria-label": o("CAPTIONS_FONT_SIZE_MENU"),
775
+ role: "menu",
776
+ className: d.menuContainer,
777
+ children: [
778
+ /* @__PURE__ */ a(
779
+ "button",
780
+ {
781
+ type: "button",
782
+ role: "menuitem",
783
+ tabIndex: -1,
784
+ className: d.menuBackButton,
785
+ onClick: n.back,
786
+ children: [
787
+ /* @__PURE__ */ t($, {}),
788
+ /* @__PURE__ */ t("span", { children: o("BACK") })
789
+ ]
790
+ }
791
+ ),
792
+ /* @__PURE__ */ t("strong", { className: d.menuHeading, children: o("CAPTIONS") }),
793
+ Lt.map((s) => /* @__PURE__ */ a(
794
+ "button",
795
+ {
796
+ type: "button",
797
+ role: "menuitemradio",
798
+ "aria-checked": s === e.state.captionsFontSizeMultiplier,
799
+ onClick: () => {
800
+ e.setCaptionsFontSizeMultiplier(s);
801
+ },
802
+ tabIndex: -1,
803
+ className: d.menuItem,
804
+ children: [
805
+ /* @__PURE__ */ t(Y, { className: d.checkIcon }),
806
+ /* @__PURE__ */ a("span", { className: d.menuItemLabel, children: [
807
+ s * 100,
808
+ "%"
809
+ ] })
810
+ ]
811
+ },
812
+ s
813
+ ))
814
+ ]
815
+ }
816
+ );
687
817
  }
688
- function Tn() {
689
- const e = x(P), n = Ge({ sort: "descending" }), o = _("autoQuality"), { t: i } = C();
690
- return H(e == null ? void 0 : e.backToMain), e ? /* @__PURE__ */ a("div", { className: r.menuContainer, children: [
691
- /* @__PURE__ */ a(
692
- "button",
693
- {
694
- type: "button",
695
- className: r.menuBackButton,
696
- onClick: e.backToMain,
697
- children: [
698
- /* @__PURE__ */ t(D, {}),
699
- /* @__PURE__ */ t("span", { children: i("BACK") })
700
- ]
701
- }
702
- ),
703
- /* @__PURE__ */ t("strong", { className: r.menuHeading, children: i("QUALITY") }),
704
- /* @__PURE__ */ t("div", { role: "menu", className: r.menuOptions, children: n.map(({ value: s, label: c, select: l, selected: u }) => /* @__PURE__ */ a(
705
- "button",
706
- {
707
- type: "button",
708
- role: "menuitemradio",
709
- "aria-checked": s === "auto" && o || u && !o,
710
- onClick: () => {
711
- l(), e.backToMain(), e.toggle();
712
- },
713
- className: r.menuItem,
714
- children: [
715
- /* @__PURE__ */ t(Q, { className: r.checkIcon }),
716
- /* @__PURE__ */ t("span", { className: r.menuItemLabel, children: c })
717
- ]
718
- },
719
- s
720
- )) })
721
- ] }) : null;
722
- }
723
- const Mn = {
724
- main: mn,
725
- speed: bn,
726
- captions: xn,
727
- captionLanguage: Pn,
728
- captionFontSize: Nn,
729
- quality: Tn
818
+ function Vn() {
819
+ const e = L(), n = Ye({ sort: "descending" }), o = p("autoQuality"), { t: i } = C(), s = O();
820
+ return /* @__PURE__ */ a(
821
+ "div",
822
+ {
823
+ ref: s,
824
+ id: "submenu",
825
+ "aria-label": i("QUALITY_MENU"),
826
+ role: "menu",
827
+ className: d.menuContainer,
828
+ children: [
829
+ /* @__PURE__ */ a(
830
+ "button",
831
+ {
832
+ type: "button",
833
+ role: "menuitem",
834
+ tabIndex: -1,
835
+ className: d.menuBackButton,
836
+ onClick: e.back,
837
+ children: [
838
+ /* @__PURE__ */ t($, {}),
839
+ /* @__PURE__ */ t("span", { children: i("BACK") })
840
+ ]
841
+ }
842
+ ),
843
+ /* @__PURE__ */ t("strong", { className: d.menuHeading, children: i("QUALITY") }),
844
+ n.map(({ value: c, label: r, select: l, selected: m }) => /* @__PURE__ */ a(
845
+ "button",
846
+ {
847
+ type: "button",
848
+ role: "menuitemradio",
849
+ "aria-checked": c === "auto" && o || m && !o,
850
+ onClick: () => l(),
851
+ tabIndex: -1,
852
+ className: d.menuItem,
853
+ children: [
854
+ /* @__PURE__ */ t(Y, { className: d.checkIcon }),
855
+ /* @__PURE__ */ t("span", { className: d.menuItemLabel, children: r })
856
+ ]
857
+ },
858
+ c
859
+ ))
860
+ ]
861
+ }
862
+ );
863
+ }
864
+ const Ee = ne(null), Hn = {
865
+ main: bn,
866
+ speed: Pn,
867
+ captions: En,
868
+ captionLanguage: An,
869
+ captionFontSize: Rn,
870
+ quality: Vn
730
871
  };
731
- function In() {
732
- const [e, n] = T("main"), [o, i] = T(!1), s = p(() => {
733
- i((M) => !M);
734
- }, []), c = p((M) => {
735
- n(M);
736
- }, []), l = p(() => {
737
- n("captions");
738
- }, []), u = p(() => {
739
- n("main");
740
- }, []), m = $(() => Mn[e], [e]), h = Ce(null), { refs: g, floatingStyles: y, context: k } = ge({
741
- open: o,
742
- onOpenChange: (M) => {
743
- i(M), u();
744
- },
872
+ function Bn() {
873
+ const e = g(), [n, o] = P(["main"]), [i, s] = P(!1), c = f(() => {
874
+ s(!i), o(["main"]), e.setGlobalKeysDisabled(!i);
875
+ }, [i]), r = f((M) => {
876
+ o((F) => F.concat(M));
877
+ }, []), l = f(() => {
878
+ o((M) => M.length > 1 ? M.slice(0, -1) : M);
879
+ }, []), m = I(() => Hn[n[n.length - 1]], [n]), _ = ie(null), { refs: v, floatingStyles: x, context: k } = ve({
880
+ open: i,
881
+ onOpenChange: c,
745
882
  placement: "top-end",
746
883
  whileElementsMounted: be,
747
884
  middleware: [
748
- we(),
749
- ke({
750
- element: h
885
+ ye(),
886
+ we({
887
+ element: _
751
888
  })
752
889
  ]
753
- }), b = ye(k, { escapeKey: !1 }), { getReferenceProps: f, getFloatingProps: w } = Le([b]);
890
+ }), b = ke(k, { escapeKey: !1 }), { getReferenceProps: S, getFloatingProps: h } = xe([b]), y = I(
891
+ () => ({ setPage: r, back: l, toggle: c }),
892
+ [l, r, c]
893
+ );
754
894
  return {
755
895
  Page: m,
756
- open: o,
757
- toggle: s,
758
- setPage: c,
759
- backToCaptions: l,
760
- backToMain: u,
761
- arrowRef: h,
762
- refs: g,
763
- floatingStyles: y,
896
+ open: i,
897
+ arrowRef: _,
898
+ refs: v,
899
+ floatingStyles: x,
764
900
  context: k,
765
- getReferenceProps: f,
766
- getFloatingProps: w
901
+ getReferenceProps() {
902
+ return {
903
+ ...S(),
904
+ tabIndex: e.state.interactionsDisabled ? -1 : 0
905
+ };
906
+ },
907
+ getFloatingProps: h,
908
+ contextValue: y
767
909
  };
768
910
  }
769
- const Sn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.0692 12C21.0692 11.4776 21.0212 10.944 20.9238 10.4104L23.5511 8.13318L21.0579 3.87247L17.7431 4.97788C16.9059 4.28329 15.9515 3.73553 14.9449 3.37271L14.2616 0H9.28941L8.60612 3.37129C7.58823 3.73553 6.65082 4.27482 5.80659 4.97647L2.49318 3.87247L0 8.13318L2.62729 10.4104C2.52988 10.944 2.48188 11.4776 2.48188 12C2.48188 12.5224 2.52988 13.056 2.62729 13.5896L0 15.8668L2.49318 20.1275L5.808 19.0221C6.64518 19.7167 7.59953 20.2645 8.60612 20.6273L9.28941 24H14.2616L14.9449 20.6287C15.9614 20.2645 16.9002 19.7252 17.7445 19.0235L21.0579 20.1289L23.5511 15.8682L20.9238 13.5911C21.0212 13.056 21.0692 12.5224 21.0692 12ZM11.7755 16.9412C9.05082 16.9412 6.83435 14.7247 6.83435 12C6.83435 9.2753 9.05082 7.05883 11.7755 7.05883C14.5002 7.05883 16.7167 9.2753 16.7167 12C16.7167 14.7247 14.5002 16.9412 11.7755 16.9412Z", fill: "currentColor" }) }), Hn = "_settings-menu_hxlsv_1", Rn = "_arrow_hxlsv_15", de = {
770
- "settings-menu": "_settings-menu_hxlsv_1",
771
- settingsMenu: Hn,
772
- arrow: Rn
911
+ const On = "_settings-menu_7d0td_1", Fn = "_arrow_7d0td_19", me = {
912
+ "settings-menu": "_settings-menu_7d0td_1",
913
+ settingsMenu: On,
914
+ arrow: Fn
773
915
  };
774
- function Vn() {
916
+ function zn() {
775
917
  const {
776
918
  Page: e,
777
919
  arrowRef: n,
778
- backToCaptions: o,
779
- backToMain: i,
780
- context: s,
781
- floatingStyles: c,
782
- getFloatingProps: l,
783
- getReferenceProps: u,
784
- open: m,
785
- refs: h,
786
- setPage: g,
787
- toggle: y
788
- } = In(), k = v(), { t: b } = C();
789
- return /* @__PURE__ */ a(ee, { children: [
920
+ context: o,
921
+ floatingStyles: i,
922
+ getFloatingProps: s,
923
+ getReferenceProps: c,
924
+ open: r,
925
+ refs: l,
926
+ contextValue: m
927
+ } = Bn(), { t: _ } = C();
928
+ return /* @__PURE__ */ a(te, { children: [
790
929
  /* @__PURE__ */ t(
791
930
  "button",
792
931
  {
793
- ref: h.setReference,
932
+ ref: l.setReference,
794
933
  type: "button",
795
934
  className: "controls-button",
796
- "aria-label": b("SETTINGS"),
797
- onClick: y,
798
- "aria-expanded": m,
799
- tabIndex: k != null && k.state.interactionsDisabled ? -1 : 0,
800
- ...u(),
801
- children: /* @__PURE__ */ t(Sn, { className: "controls-button-icon icon-rotate" })
935
+ "aria-label": _("SETTINGS"),
936
+ onClick: m.toggle,
937
+ "aria-expanded": r,
938
+ ...c(),
939
+ children: /* @__PURE__ */ t(Ut, { className: "controls-button-icon icon-rotate" })
802
940
  }
803
941
  ),
804
- m && /* @__PURE__ */ t(ot, { context: s, initialFocus: -1, modal: !1, children: /* @__PURE__ */ a(
942
+ r && /* @__PURE__ */ t(st, { context: o, restoreFocus: !0, modal: !1, children: /* @__PURE__ */ a(
805
943
  "div",
806
944
  {
807
- className: de.settingsMenu,
808
- ref: h.setFloating,
809
- style: c,
810
- ...l(),
945
+ "aria-labelledby": "submenu",
946
+ className: me.settingsMenu,
947
+ ref: l.setFloating,
948
+ style: i,
949
+ ...s(),
811
950
  children: [
951
+ /* @__PURE__ */ t(Ee.Provider, { value: m, children: /* @__PURE__ */ t(e, {}) }),
812
952
  /* @__PURE__ */ t(
813
- P.Provider,
814
- {
815
- value: { setPage: g, backToMain: i, backToCaptions: o, toggle: y },
816
- children: /* @__PURE__ */ t(e, {})
817
- }
818
- ),
819
- /* @__PURE__ */ t(
820
- xe,
953
+ Le,
821
954
  {
822
955
  ref: n,
823
- context: s,
824
- className: de.arrow
956
+ context: o,
957
+ className: me.arrow
825
958
  }
826
959
  )
827
960
  ]
@@ -829,137 +962,137 @@ function Vn() {
829
962
  ) })
830
963
  ] });
831
964
  }
832
- function Se(e, n = 1e3) {
965
+ function Ae(e, n = 1e3) {
833
966
  return function() {
834
- const i = _("lastKeyboardAction"), [s, c] = T(!1), l = p(() => c(!1), []);
835
- return B(() => {
967
+ const i = p("lastKeyboardAction"), [s, c] = P(!1), r = f(() => c(!1), []);
968
+ return H(() => {
836
969
  c(!!i);
837
- const u = setTimeout(l, n);
838
- return () => clearTimeout(u);
970
+ const l = setTimeout(r, n);
971
+ return () => clearTimeout(l);
839
972
  }, [i, n]), s ? /* @__PURE__ */ t(e, {}) : null;
840
973
  };
841
974
  }
842
- const oe = (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" }) }), 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", { d: "M 5,2 V 22 L 21,12.000665 Z", fill: "currentColor" }) }), He = (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" }) }), Re = (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" }) }), Ve = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { 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" }) }), En = (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" }) }), Bn = (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" }) }), An = "_feedback-overlay_v4lbu_1", On = "_feedback-message_v4lbu_14", Fn = "_feedback-icon_v4lbu_30", Zn = "_feedback-icon-animation_v4lbu_1", L = {
975
+ const ae = (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" }) }), ce = (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" }) }), Re = (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" }) }), Ve = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { 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" }) }), He = (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" }) }), Zn = (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" }) }), Kn = (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" }) }), Dn = "_feedback-overlay_v4lbu_1", $n = "_feedback-message_v4lbu_14", Un = "_feedback-icon_v4lbu_30", qn = "_feedback-icon-animation_v4lbu_1", w = {
843
976
  "feedback-overlay": "_feedback-overlay_v4lbu_1",
844
- feedbackOverlay: An,
977
+ feedbackOverlay: Dn,
845
978
  "feedback-message": "_feedback-message_v4lbu_14",
846
- feedbackMessage: On,
979
+ feedbackMessage: $n,
847
980
  "feedback-icon": "_feedback-icon_v4lbu_30",
848
- feedbackIcon: Fn,
981
+ feedbackIcon: Un,
849
982
  "feedback-icon-animation": "_feedback-icon-animation_v4lbu_1",
850
- feedbackIconAnimation: Zn
983
+ feedbackIconAnimation: qn
851
984
  };
852
- function $n() {
985
+ function Gn() {
853
986
  var o;
854
- const e = ve();
987
+ const e = ge();
855
988
  switch ((o = e.lastKeyboardAction) == null ? void 0 : o.action) {
856
989
  case "togglePaused":
857
- return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: e.paused ? /* @__PURE__ */ t(oe, {}) : /* @__PURE__ */ t(ie, {}) });
990
+ return /* @__PURE__ */ t("i", { className: w.feedbackIcon, children: e.paused ? /* @__PURE__ */ t(ae, {}) : /* @__PURE__ */ t(ce, {}) });
858
991
  case "toggleCaptions":
859
992
  case "nextCaptionLanguage":
860
993
  case "previousCaptionLanguage":
861
- return e.hasCaptions ? /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: /* @__PURE__ */ t(Me, {}) }) : null;
994
+ return e.hasCaptions ? /* @__PURE__ */ t("i", { className: w.feedbackIcon, children: /* @__PURE__ */ t(Ie, {}) }) : null;
862
995
  case "volumeUp":
863
996
  case "volumeDown":
864
997
  case "toggleMuted":
865
- return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: e.muted || e.volume === 0 ? /* @__PURE__ */ t(He, {}) : e.volume >= 0.5 ? /* @__PURE__ */ t(Ve, {}) : /* @__PURE__ */ t(Re, {}) });
998
+ return /* @__PURE__ */ t("i", { className: w.feedbackIcon, children: e.muted || e.volume === 0 ? /* @__PURE__ */ t(Re, {}) : e.volume >= 0.5 ? /* @__PURE__ */ t(He, {}) : /* @__PURE__ */ t(Ve, {}) });
866
999
  case "seekForward":
867
1000
  case "seekForward10":
868
- return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: /* @__PURE__ */ t(En, { className: "right" }) });
1001
+ return /* @__PURE__ */ t("i", { className: w.feedbackIcon, children: /* @__PURE__ */ t(Zn, { className: "right" }) });
869
1002
  case "seekBackward":
870
1003
  case "seekBackward10":
871
- return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: /* @__PURE__ */ t(Bn, { className: "left" }) });
1004
+ return /* @__PURE__ */ t("i", { className: w.feedbackIcon, children: /* @__PURE__ */ t(Kn, { className: "left" }) });
872
1005
  default:
873
1006
  return null;
874
1007
  }
875
1008
  }
876
- function Kn() {
1009
+ function Wn() {
877
1010
  var i;
878
- const { t: e } = C(), n = ve();
1011
+ const { t: e } = C(), n = ge();
879
1012
  switch ((i = n.lastKeyboardAction) == null ? void 0 : i.action) {
880
1013
  case "toggleCaptions":
881
1014
  case "nextCaptionLanguage":
882
1015
  case "previousCaptionLanguage":
883
- return /* @__PURE__ */ t("div", { className: L.feedbackMessage, children: n.textTrack ? e("CAPTION_LANGUAGE", { language: n.textTrack.label }) : `${e("CAPTIONS")}: ${e("OFF")}` });
1016
+ return /* @__PURE__ */ t("div", { className: w.feedbackMessage, children: n.textTrack ? e("CAPTION_LANGUAGE", { language: n.textTrack.label }) : `${e("CAPTIONS")}: ${e("OFF")}` });
884
1017
  case "volumeUp":
885
1018
  case "volumeDown":
886
1019
  case "toggleMuted":
887
- return /* @__PURE__ */ t("div", { className: L.feedbackMessage, children: n.muted || n.volume === 0 ? e("MUTED") : e("VOLUME", { volume: (n.volume * 100).toFixed(0) }) });
1020
+ return /* @__PURE__ */ t("div", { className: w.feedbackMessage, children: n.muted || n.volume === 0 ? e("MUTED") : e("VOLUME_VALUE", { volume: (n.volume * 100).toFixed(0) }) });
888
1021
  case "increasePlaybackRate":
889
1022
  case "decreasePlaybackRate":
890
1023
  case "resetPlaybackRate":
891
- return /* @__PURE__ */ t("div", { className: L.feedbackMessage, children: e("PLAYBACK_SPEED_MESSAGE", { speed: n.playbackRate }) });
1024
+ return /* @__PURE__ */ t("div", { className: w.feedbackMessage, children: e("PLAYBACK_SPEED_MESSAGE", { speed: n.playbackRate }) });
892
1025
  case "seekForward":
893
- return /* @__PURE__ */ t("div", { className: L.feedbackMessage, children: e("SEEK_FORWARD", { seconds: 5 }) });
1026
+ return /* @__PURE__ */ t("div", { className: w.feedbackMessage, children: e("SEEK_FORWARD", { seconds: 5 }) });
894
1027
  case "seekForward10":
895
- return /* @__PURE__ */ t("div", { className: L.feedbackMessage, children: e("SEEK_FORWARD", { seconds: 10 }) });
1028
+ return /* @__PURE__ */ t("div", { className: w.feedbackMessage, children: e("SEEK_FORWARD", { seconds: 10 }) });
896
1029
  case "seekBackward":
897
- return /* @__PURE__ */ t("div", { className: L.feedbackMessage, children: e("SEEK_BACKWARD", { seconds: 5 }) });
1030
+ return /* @__PURE__ */ t("div", { className: w.feedbackMessage, children: e("SEEK_BACKWARD", { seconds: 5 }) });
898
1031
  case "seekBackward10":
899
- return /* @__PURE__ */ t("div", { className: L.feedbackMessage, children: e("SEEK_BACKWARD", { seconds: 10 }) });
1032
+ return /* @__PURE__ */ t("div", { className: w.feedbackMessage, children: e("SEEK_BACKWARD", { seconds: 10 }) });
900
1033
  default:
901
1034
  return null;
902
1035
  }
903
1036
  }
904
- const Dn = Se($n, 500), zn = Se(Kn, 1e3);
905
- function Un() {
906
- return /* @__PURE__ */ a("div", { className: L.feedbackOverlay, children: [
907
- /* @__PURE__ */ t(Dn, {}),
908
- /* @__PURE__ */ t(zn, {})
1037
+ const jn = Ae(Gn, 500), Qn = Ae(Wn, 1e3);
1038
+ function Yn() {
1039
+ return /* @__PURE__ */ a("div", { className: w.feedbackOverlay, children: [
1040
+ /* @__PURE__ */ t(jn, {}),
1041
+ /* @__PURE__ */ t(Qn, {})
909
1042
  ] });
910
1043
  }
911
- const jn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.1383 0.999867V3.66268H18.4561L3.66281 18.4546V14.1382H1V23H9.86449V20.3372H5.54542L20.3387 5.54528V9.86303H23.0001V0.999867H14.1383Z", fill: "currentColor" }) }), qn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.562 6.58944L22.1514 0L24.0005 1.84907L17.4111 8.43851H21.6506V11.0552H12.9453V2.34861H15.562V6.58944ZM2.34861 15.5615V12.9461H11.0539V21.6501H8.43982V17.4106L1.84907 24L0 22.1509L6.59075 15.5615H2.34861Z", fill: "currentColor" }) }), Wn = "_full-screen-button_1xm32_2", Gn = {
1044
+ const Xn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.1383 0.999867V3.66268H18.4561L3.66281 18.4546V14.1382H1V23H9.86449V20.3372H5.54542L20.3387 5.54528V9.86303H23.0001V0.999867H14.1383Z", fill: "currentColor" }) }), Jn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.562 6.58944L22.1514 0L24.0005 1.84907L17.4111 8.43851H21.6506V11.0552H12.9453V2.34861H15.562V6.58944ZM2.34861 15.5615V12.9461H11.0539V21.6501H8.43982V17.4106L1.84907 24L0 22.1509L6.59075 15.5615H2.34861Z", fill: "currentColor" }) }), eo = "_full-screen-button_1xm32_2", to = {
912
1045
  "full-screen-button": "_full-screen-button_1xm32_2",
913
- fullScreenButton: Wn
1046
+ fullScreenButton: eo
914
1047
  };
915
- function Qn() {
916
- const e = _("fullscreen"), n = A(), o = v(), i = S(), { t: s } = C();
1048
+ function no() {
1049
+ const e = p("fullscreen"), n = B(), o = g(), i = A(), { t: s } = C();
917
1050
  return i.hideFullScreen ? null : /* @__PURE__ */ t(
918
1051
  "button",
919
1052
  {
920
1053
  role: "button",
921
1054
  type: "button",
922
- "aria-label": s(e ? "EXIT_FSCREEN" : "FSCREEN"),
1055
+ "aria-label": s(e ? "EXIT_FULLSCREEN" : "ENTER_FULLSCREEN"),
923
1056
  tabIndex: o.state.interactionsDisabled ? -1 : 0,
924
- className: `controls-button ${Gn.fullScreenButton}`,
1057
+ className: `controls-button ${to.fullScreenButton}`,
925
1058
  onClick: () => {
926
1059
  e ? n == null || n.exitFullscreen() : n == null || n.enterFullscreen();
927
1060
  },
928
- children: e ? /* @__PURE__ */ t(qn, { className: "controls-button-icon" }) : /* @__PURE__ */ t(jn, { className: "controls-button-icon" })
1061
+ children: e ? /* @__PURE__ */ t(Jn, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Xn, { className: "controls-button-icon" })
929
1062
  }
930
1063
  );
931
1064
  }
932
- const Yn = "_gestures-container_1fn3b_1", Xn = "_gesture_1fn3b_1", me = {
1065
+ const oo = "_gestures-container_1fn3b_1", io = "_gesture_1fn3b_1", he = {
933
1066
  "gestures-container": "_gestures-container_1fn3b_1",
934
- gesturesContainer: Yn,
935
- gesture: Xn
1067
+ gesturesContainer: oo,
1068
+ gesture: io
936
1069
  };
937
- function Jn() {
938
- const e = G(), n = () => {
1070
+ function so() {
1071
+ const e = Q(), n = () => {
939
1072
  e.togglePaused();
940
1073
  };
941
- return /* @__PURE__ */ t("div", { className: me.gesturesContainer, children: /* @__PURE__ */ t("div", { "aria-hidden": !0, className: me.gesture, onClick: n }) });
1074
+ return /* @__PURE__ */ t("div", { className: he.gesturesContainer, children: /* @__PURE__ */ t("div", { "aria-hidden": !0, className: he.gesture, onClick: n }) });
942
1075
  }
943
- const eo = (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" }) }), Ee = (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" }) }), to = "_keyboard-shortcuts-overlay_dr03d_1", no = "_screen-reader-content_dr03d_66", oo = "_keyboard-shortcuts-button_dr03d_80", io = "_close-button_dr03d_106", W = {
1076
+ const ao = (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" }) }), Be = (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" }) }), co = "_keyboard-shortcuts-overlay_dr03d_1", ro = "_screen-reader-content_dr03d_66", lo = "_keyboard-shortcuts-button_dr03d_80", uo = "_close-button_dr03d_106", j = {
944
1077
  "keyboard-shortcuts-overlay": "_keyboard-shortcuts-overlay_dr03d_1",
945
- keyboardShortcutsOverlay: to,
1078
+ keyboardShortcutsOverlay: co,
946
1079
  "screen-reader-content": "_screen-reader-content_dr03d_66",
947
- screenReaderContent: no,
1080
+ screenReaderContent: ro,
948
1081
  "keyboard-shortcuts-button": "_keyboard-shortcuts-button_dr03d_80",
949
- keyboardShortcutsButton: oo,
1082
+ keyboardShortcutsButton: lo,
950
1083
  "close-button": "_close-button_dr03d_106",
951
- closeButton: io
1084
+ closeButton: uo
952
1085
  };
953
- function so({ onClose: e }) {
1086
+ function mo({ onClose: e }) {
954
1087
  const { t: n } = C();
955
- H(e);
1088
+ _n(e);
956
1089
  const o = (i) => {
957
1090
  i && i.focus();
958
1091
  };
959
1092
  return /* @__PURE__ */ a(
960
1093
  "div",
961
1094
  {
962
- className: W.keyboardShortcutsOverlay,
1095
+ className: j.keyboardShortcutsOverlay,
963
1096
  tabIndex: 0,
964
1097
  ref: o,
965
1098
  role: "dialog",
@@ -971,15 +1104,15 @@ function so({ onClose: e }) {
971
1104
  "button",
972
1105
  {
973
1106
  type: "button",
974
- className: W.closeButton,
1107
+ className: j.closeButton,
975
1108
  onClick: e,
976
1109
  "aria-label": n("CLOSE"),
977
- children: /* @__PURE__ */ t(Ee, {})
1110
+ children: /* @__PURE__ */ t(Be, {})
978
1111
  }
979
1112
  )
980
1113
  ] }),
981
1114
  /* @__PURE__ */ a("table", { children: [
982
- /* @__PURE__ */ t("caption", { className: W.screenReaderContent, children: n("KEYBOARD_SHORTCUTS") }),
1115
+ /* @__PURE__ */ t("caption", { className: j.screenReaderContent, children: n("KEYBOARD_SHORTCUTS") }),
983
1116
  /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ a("tr", { children: [
984
1117
  /* @__PURE__ */ t("th", { children: n("ACTION") }),
985
1118
  /* @__PURE__ */ t("th", { children: n("SHORTCUT") })
@@ -1066,40 +1199,40 @@ function so({ onClose: e }) {
1066
1199
  }
1067
1200
  );
1068
1201
  }
1069
- function ao() {
1070
- const [e, n] = T(!1), [o, i] = T(!1), [s, c] = T(!1), l = v(), u = _("playing"), m = G(), { t: h } = C(), g = p(() => {
1071
- n(!0), l.disableInteractions(), u && (c(!0), m.pause());
1072
- }, [u, m, l]), y = p(() => {
1073
- n(!1), i(!0), l.enableInteractions(), s && (c(!1), m.play());
1074
- }, [s, m, l]), k = p(
1202
+ function ho() {
1203
+ const [e, n] = P(!1), [o, i] = P(!1), [s, c] = P(!1), r = g(), l = p("playing"), m = Q(), { t: _ } = C(), v = f(() => {
1204
+ n(!0), r.disableInteractions(), l && (c(!0), m.pause());
1205
+ }, [l, m, r]), x = f(() => {
1206
+ n(!1), i(!0), r.enableInteractions(), s && (c(!1), m.play());
1207
+ }, [s, m, r]), k = f(
1075
1208
  (b) => o && (b == null ? void 0 : b.focus()),
1076
1209
  [o]
1077
1210
  );
1078
- return e ? /* @__PURE__ */ t(so, { onClose: y }) : /* @__PURE__ */ t(
1211
+ return e ? /* @__PURE__ */ t(mo, { onClose: x }) : /* @__PURE__ */ t(
1079
1212
  "button",
1080
1213
  {
1081
1214
  ref: k,
1082
- "aria-label": h("KEYBOARD_SHORTCUTS"),
1215
+ "aria-label": _("KEYBOARD_SHORTCUTS"),
1083
1216
  type: "button",
1084
- className: W.keyboardShortcutsButton,
1085
- onClick: g,
1086
- tabIndex: l.state.interactionsDisabled ? -1 : 0,
1087
- children: /* @__PURE__ */ t(eo, {})
1217
+ className: j.keyboardShortcutsButton,
1218
+ onClick: v,
1219
+ tabIndex: r.state.interactionsDisabled ? -1 : 0,
1220
+ children: /* @__PURE__ */ t(ao, {})
1088
1221
  }
1089
1222
  );
1090
1223
  }
1091
- const co = "_play-pause-button_1834v_1", lo = {
1224
+ const po = "_play-pause-button_1834v_1", _o = {
1092
1225
  "play-pause-button": "_play-pause-button_1834v_1",
1093
- playPauseButton: co
1226
+ playPauseButton: po
1094
1227
  };
1095
- function ro() {
1096
- const e = A(), n = v(), o = _("paused"), { t: i } = C();
1228
+ function fo() {
1229
+ const e = B(), n = g(), o = p("paused"), { t: i } = C();
1097
1230
  return e ? /* @__PURE__ */ t(
1098
1231
  "button",
1099
1232
  {
1100
1233
  role: "button",
1101
1234
  type: "button",
1102
- className: `controls-button ${lo.playPauseButton}`,
1235
+ className: `controls-button ${_o.playPauseButton}`,
1103
1236
  "aria-label": i(o ? "PLAY" : "PAUSE"),
1104
1237
  tabIndex: n.state.interactionsDisabled ? -1 : 0,
1105
1238
  onClick: () => {
@@ -1111,117 +1244,117 @@ function ro() {
1111
1244
  event: s.nativeEvent
1112
1245
  }));
1113
1246
  },
1114
- children: o ? /* @__PURE__ */ t(ie, { className: "controls-button-icon" }) : /* @__PURE__ */ t(oe, { className: "controls-button-icon" })
1247
+ children: o ? /* @__PURE__ */ t(ce, { className: "controls-button-icon" }) : /* @__PURE__ */ t(ae, { className: "controls-button-icon" })
1115
1248
  }
1116
1249
  ) : null;
1117
1250
  }
1118
- const uo = "_poster_195hi_1", mo = {
1119
- poster: uo
1251
+ const Co = "_poster_195hi_1", go = {
1252
+ poster: Co
1120
1253
  };
1121
- function ho({ src: e }) {
1122
- const n = _("source");
1123
- return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(Qe, { src: e, className: mo.poster });
1254
+ function vo({ src: e }) {
1255
+ const n = p("source");
1256
+ return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(Xe, { src: e, className: go.poster });
1124
1257
  }
1125
- const po = "_small-layout-overlay_1vli4_1", _o = "_small-layout-button_1vli4_14", fo = "_small-layout-icon-play_1vli4_24", Co = "_small-layout-icon-pause_1vli4_30", vo = "_full-screen-close-icon_1vli4_36", go = "_fade-out_1vli4_1", F = {
1258
+ const bo = "_small-layout-overlay_1vli4_1", yo = "_small-layout-button_1vli4_14", wo = "_small-layout-icon-play_1vli4_24", ko = "_small-layout-icon-pause_1vli4_30", xo = "_full-screen-close-icon_1vli4_36", Lo = "_fade-out_1vli4_1", Z = {
1126
1259
  "small-layout-overlay": "_small-layout-overlay_1vli4_1",
1127
- smallLayoutOverlay: po,
1260
+ smallLayoutOverlay: bo,
1128
1261
  "small-layout-button": "_small-layout-button_1vli4_14",
1129
- smallLayoutButton: _o,
1262
+ smallLayoutButton: yo,
1130
1263
  "small-layout-icon-play": "_small-layout-icon-play_1vli4_24",
1131
- smallLayoutIconPlay: fo,
1264
+ smallLayoutIconPlay: wo,
1132
1265
  "small-layout-icon-pause": "_small-layout-icon-pause_1vli4_30",
1133
- smallLayoutIconPause: Co,
1266
+ smallLayoutIconPause: ko,
1134
1267
  "full-screen-close-icon": "_full-screen-close-icon_1vli4_36",
1135
- fullScreenCloseIcon: vo,
1268
+ fullScreenCloseIcon: xo,
1136
1269
  "fade-out": "_fade-out_1vli4_1",
1137
- fadeOut: go
1270
+ fadeOut: Lo
1138
1271
  };
1139
- function bo() {
1140
- return /* @__PURE__ */ a("div", { className: F.smallLayoutOverlay, children: [
1141
- /* @__PURE__ */ t(Ye, { className: F.fullScreenCloseIcon, children: /* @__PURE__ */ t(Ee, {}) }),
1142
- /* @__PURE__ */ a("i", { className: F.smallLayoutButton, children: [
1143
- /* @__PURE__ */ t(ie, { className: F.smallLayoutIconPlay }),
1144
- /* @__PURE__ */ t(oe, { className: F.smallLayoutIconPause })
1272
+ function No() {
1273
+ return /* @__PURE__ */ a("div", { className: Z.smallLayoutOverlay, children: [
1274
+ /* @__PURE__ */ t(Je, { className: Z.fullScreenCloseIcon, children: /* @__PURE__ */ t(Be, {}) }),
1275
+ /* @__PURE__ */ a("i", { className: Z.smallLayoutButton, children: [
1276
+ /* @__PURE__ */ t(ce, { className: Z.smallLayoutIconPlay }),
1277
+ /* @__PURE__ */ t(ae, { className: Z.smallLayoutIconPause })
1145
1278
  ] })
1146
1279
  ] });
1147
1280
  }
1148
- const wo = "_time-indicator_1rlpb_1", ko = {
1281
+ const Po = "_time-indicator_1rlpb_1", Mo = {
1149
1282
  "time-indicator": "_time-indicator_1rlpb_1",
1150
- timeIndicator: wo
1283
+ timeIndicator: Po
1151
1284
  };
1152
- function yo() {
1153
- return /* @__PURE__ */ a("div", { className: ko.timeIndicator, children: [
1154
- /* @__PURE__ */ t(re, { type: "current" }),
1285
+ function Io() {
1286
+ return /* @__PURE__ */ a("div", { className: Mo.timeIndicator, children: [
1287
+ /* @__PURE__ */ t(ue, { type: "current" }),
1155
1288
  "/",
1156
- /* @__PURE__ */ t(re, { type: "duration" })
1289
+ /* @__PURE__ */ t(ue, { type: "duration" })
1157
1290
  ] });
1158
1291
  }
1159
- const Lo = "_comment-markers_49pse_1", xo = "_comment-marker_49pse_1", Po = "_timeline-wrapper_49pse_21", No = "_track_49pse_35", To = "_thumb_49pse_48", Mo = "_root_49pse_62", Io = "_track-inner_49pse_92", So = "_progress_49pse_98", Ho = "_track-fill_49pse_104", Ro = "_pins_49pse_121", Vo = "_pin-button_49pse_134", Eo = "_annotation-pin_49pse_154", Bo = "_quiz-pin_49pse_159", Ao = "_annotation-pin-child_49pse_164", Oo = "_quiz-pin-child_49pse_168", Fo = "_interactive-pin-container_49pse_173", Zo = "_interactive-pin-wrapper_49pse_183", $o = "_interactive-pin-icon_49pse_189", Ko = "_interactive-pin_49pse_173", Do = "_bg_49pse_203", zo = "_symbol_49pse_207", Uo = "_interactive-pin-button_49pse_212", jo = "_interactive-pin-menu_49pse_232", qo = "_interactive-pin-menu-item_49pse_246", Wo = "_arrow_49pse_267", d = {
1292
+ const So = "_comment-markers_49pse_1", To = "_comment-marker_49pse_1", Eo = "_timeline-wrapper_49pse_21", Ao = "_track_49pse_35", Ro = "_thumb_49pse_48", Vo = "_root_49pse_62", Ho = "_track-inner_49pse_92", Bo = "_progress_49pse_98", Oo = "_track-fill_49pse_104", Fo = "_pins_49pse_121", zo = "_pin-button_49pse_134", Zo = "_annotation-pin_49pse_154", Ko = "_quiz-pin_49pse_159", Do = "_annotation-pin-child_49pse_164", $o = "_quiz-pin-child_49pse_168", Uo = "_interactive-pin-container_49pse_173", qo = "_interactive-pin-wrapper_49pse_183", Go = "_interactive-pin-icon_49pse_189", Wo = "_interactive-pin_49pse_173", jo = "_bg_49pse_203", Qo = "_symbol_49pse_207", Yo = "_interactive-pin-button_49pse_212", Xo = "_interactive-pin-menu_49pse_232", Jo = "_interactive-pin-menu-item_49pse_246", ei = "_arrow_49pse_267", u = {
1160
1293
  "comment-markers": "_comment-markers_49pse_1",
1161
- commentMarkers: Lo,
1294
+ commentMarkers: So,
1162
1295
  "comment-marker": "_comment-marker_49pse_1",
1163
- commentMarker: xo,
1296
+ commentMarker: To,
1164
1297
  "timeline-wrapper": "_timeline-wrapper_49pse_21",
1165
- timelineWrapper: Po,
1166
- track: No,
1167
- thumb: To,
1168
- root: Mo,
1298
+ timelineWrapper: Eo,
1299
+ track: Ao,
1300
+ thumb: Ro,
1301
+ root: Vo,
1169
1302
  "track-inner": "_track-inner_49pse_92",
1170
- trackInner: Io,
1171
- progress: So,
1303
+ trackInner: Ho,
1304
+ progress: Bo,
1172
1305
  "track-fill": "_track-fill_49pse_104",
1173
- trackFill: Ho,
1174
- pins: Ro,
1306
+ trackFill: Oo,
1307
+ pins: Fo,
1175
1308
  "pin-button": "_pin-button_49pse_134",
1176
- pinButton: Vo,
1309
+ pinButton: zo,
1177
1310
  "annotation-pin": "_annotation-pin_49pse_154",
1178
- annotationPin: Eo,
1311
+ annotationPin: Zo,
1179
1312
  "quiz-pin": "_quiz-pin_49pse_159",
1180
- quizPin: Bo,
1313
+ quizPin: Ko,
1181
1314
  "annotation-pin-child": "_annotation-pin-child_49pse_164",
1182
- annotationPinChild: Ao,
1315
+ annotationPinChild: Do,
1183
1316
  "quiz-pin-child": "_quiz-pin-child_49pse_168",
1184
- quizPinChild: Oo,
1317
+ quizPinChild: $o,
1185
1318
  "interactive-pin-container": "_interactive-pin-container_49pse_173",
1186
- interactivePinContainer: Fo,
1319
+ interactivePinContainer: Uo,
1187
1320
  "interactive-pin-wrapper": "_interactive-pin-wrapper_49pse_183",
1188
- interactivePinWrapper: Zo,
1321
+ interactivePinWrapper: qo,
1189
1322
  "interactive-pin-icon": "_interactive-pin-icon_49pse_189",
1190
- interactivePinIcon: $o,
1323
+ interactivePinIcon: Go,
1191
1324
  "interactive-pin": "_interactive-pin_49pse_173",
1192
- interactivePin: Ko,
1193
- bg: Do,
1194
- symbol: zo,
1325
+ interactivePin: Wo,
1326
+ bg: jo,
1327
+ symbol: Qo,
1195
1328
  "interactive-pin-button": "_interactive-pin-button_49pse_212",
1196
- interactivePinButton: Uo,
1329
+ interactivePinButton: Yo,
1197
1330
  "interactive-pin-menu": "_interactive-pin-menu_49pse_232",
1198
- interactivePinMenu: jo,
1331
+ interactivePinMenu: Xo,
1199
1332
  "interactive-pin-menu-item": "_interactive-pin-menu-item_49pse_246",
1200
- interactivePinMenuItem: qo,
1201
- arrow: Wo
1202
- }, Go = {
1203
- annotation: d.annotationPin,
1204
- quiz: d.quizPin
1333
+ interactivePinMenuItem: Jo,
1334
+ arrow: ei
1335
+ }, ti = {
1336
+ annotation: u.annotationPin,
1337
+ quiz: u.quizPin
1205
1338
  };
1206
- function Be({
1339
+ function Oe({
1207
1340
  type: e,
1208
1341
  position: n,
1209
1342
  children: o,
1210
1343
  onClick: i
1211
1344
  }) {
1212
- const s = v();
1345
+ const s = g();
1213
1346
  return /* @__PURE__ */ t(
1214
1347
  "button",
1215
1348
  {
1216
1349
  type: "button",
1217
1350
  tabIndex: s.state.interactionsDisabled ? -1 : 0,
1218
- className: d.pinButton,
1351
+ className: u.pinButton,
1219
1352
  style: { left: `${n}%` },
1220
1353
  onClick: i,
1221
1354
  children: /* @__PURE__ */ a(
1222
1355
  "svg",
1223
1356
  {
1224
- className: Go[e],
1357
+ className: ti[e],
1225
1358
  width: "26",
1226
1359
  height: "32",
1227
1360
  viewBox: "0 0 26 32",
@@ -1235,11 +1368,11 @@ function Be({
1235
1368
  }
1236
1369
  );
1237
1370
  }
1238
- function Qo(e) {
1239
- return /* @__PURE__ */ t(Be, { type: "annotation", ...e, children: /* @__PURE__ */ t(
1371
+ function ni(e) {
1372
+ return /* @__PURE__ */ t(Oe, { type: "annotation", ...e, children: /* @__PURE__ */ t(
1240
1373
  "path",
1241
1374
  {
1242
- className: d.annotationPinChild,
1375
+ className: u.annotationPinChild,
1243
1376
  fillRule: "evenodd",
1244
1377
  clipRule: "evenodd",
1245
1378
  d: "M7 8V19.25H8.875V18.875C8.875 17.8415 9.7165 17 10.75 17H19V8H7ZM10 11.75H16V11H10V11.75ZM14.5 14H10V13.25H14.5V14Z",
@@ -1248,11 +1381,11 @@ function Qo(e) {
1248
1381
  }
1249
1382
  ) });
1250
1383
  }
1251
- function Yo(e) {
1252
- return /* @__PURE__ */ t(Be, { type: "quiz", ...e, children: e.multiple ? /* @__PURE__ */ t("circle", { className: d.quizPinChild, cx: "13", cy: "13", r: "6" }) : /* @__PURE__ */ t(
1384
+ function oi(e) {
1385
+ return /* @__PURE__ */ t(Oe, { type: "quiz", ...e, children: e.multiple ? /* @__PURE__ */ t("circle", { className: u.quizPinChild, cx: "13", cy: "13", r: "6" }) : /* @__PURE__ */ t(
1253
1386
  "text",
1254
1387
  {
1255
- className: d.quizPinChild,
1388
+ className: u.quizPinChild,
1256
1389
  x: "50%",
1257
1390
  y: "56%",
1258
1391
  textAnchor: "middle",
@@ -1262,7 +1395,7 @@ function Yo(e) {
1262
1395
  }
1263
1396
  ) });
1264
1397
  }
1265
- function Xo(e, n) {
1398
+ function ii(e, n) {
1266
1399
  return e.map((o, i) => ({
1267
1400
  id: o.id,
1268
1401
  time: o.time,
@@ -1271,19 +1404,19 @@ function Xo(e, n) {
1271
1404
  onClick: () => n(o)
1272
1405
  }));
1273
1406
  }
1274
- function Jo(e, n) {
1407
+ function si(e, n) {
1275
1408
  const o = /* @__PURE__ */ new Map();
1276
1409
  e.forEach((c) => {
1277
- var u;
1278
- const l = c.time;
1279
- o.has(l) || o.set(l, []), (u = o.get(l)) == null || u.push(c);
1410
+ var l;
1411
+ const r = c.time;
1412
+ o.has(r) || o.set(r, []), (l = o.get(r)) == null || l.push(c);
1280
1413
  });
1281
1414
  const i = [];
1282
1415
  let s = 1;
1283
- return o.forEach((c, l) => {
1416
+ return o.forEach((c, r) => {
1284
1417
  i.push({
1285
- id: c.map((u) => u.id).join("-"),
1286
- time: l,
1418
+ id: c.map((l) => l.id).join("-"),
1419
+ time: r,
1287
1420
  type: "quiz",
1288
1421
  ordinal: s + 1,
1289
1422
  onClick: () => n(c),
@@ -1291,12 +1424,12 @@ function Jo(e, n) {
1291
1424
  }), s++;
1292
1425
  }), i;
1293
1426
  }
1294
- function ei(e, n, o, i) {
1427
+ function ai(e, n, o, i) {
1295
1428
  switch (e.type) {
1296
1429
  case "annotation": {
1297
1430
  const s = () => i ? e.onClick() : o.seek(e.time);
1298
1431
  return /* @__PURE__ */ t(
1299
- Qo,
1432
+ ni,
1300
1433
  {
1301
1434
  position: e.time / n * 100,
1302
1435
  onClick: s
@@ -1306,7 +1439,7 @@ function ei(e, n, o, i) {
1306
1439
  }
1307
1440
  case "quiz":
1308
1441
  return /* @__PURE__ */ t(
1309
- Yo,
1442
+ oi,
1310
1443
  {
1311
1444
  position: e.time / n * 100,
1312
1445
  ordinal: e.ordinal,
@@ -1319,27 +1452,27 @@ function ei(e, n, o, i) {
1319
1452
  return null;
1320
1453
  }
1321
1454
  }
1322
- function ti() {
1323
- const e = G(), n = _("duration"), o = S(), i = $(() => [
1324
- ...Xo(
1455
+ function ci() {
1456
+ const e = Q(), n = p("duration"), o = A(), i = I(() => [
1457
+ ...ii(
1325
1458
  o.annotations,
1326
1459
  o.onAnnotationClick
1327
1460
  ),
1328
- ...Jo(o.quizMarkers, o.onQuizMarkerClick)
1329
- ].sort((c, l) => c.time - l.time).map((c) => ei(c, n, e, o.interactive)), [o.annotations, o.quizMarkers, n, e]);
1330
- return /* @__PURE__ */ t("div", { className: d.pins, children: i });
1461
+ ...si(o.quizMarkers, o.onQuizMarkerClick)
1462
+ ].sort((c, r) => c.time - r.time).map((c) => ai(c, n, e, o.interactive)), [o.annotations, o.quizMarkers, n, e]);
1463
+ return /* @__PURE__ */ t("div", { className: u.pins, children: i });
1331
1464
  }
1332
- function ni() {
1333
- const e = _("duration"), n = S(), o = v();
1334
- return n.hasComments && o.state.commentsEnabled ? /* @__PURE__ */ t("div", { className: d.commentMarkers, children: n.comments.map((i) => {
1465
+ function ri() {
1466
+ const e = p("duration"), n = A(), o = g();
1467
+ return n.hasComments && o.state.commentsEnabled ? /* @__PURE__ */ t("div", { className: u.commentMarkers, children: n.comments.map((i) => {
1335
1468
  const s = Math.min(
1336
1469
  Math.abs(e - i.timestamp),
1337
- Ie
1470
+ Se
1338
1471
  );
1339
1472
  return /* @__PURE__ */ t(
1340
1473
  "span",
1341
1474
  {
1342
- className: d.commentMarker,
1475
+ className: u.commentMarker,
1343
1476
  style: {
1344
1477
  left: `${i.timestamp / e * 100}%`,
1345
1478
  width: `${s / e * 100}%`
@@ -1349,39 +1482,39 @@ function ni() {
1349
1482
  );
1350
1483
  }) }) : null;
1351
1484
  }
1352
- function oi({ currentTime: e, position: n }) {
1353
- const [o, i] = T(!1), s = S(), c = p(() => s.interactiveMenuElements.length > 0 ? i((b) => !b) : s.onInteractivePinClick(e), [
1485
+ function li({ currentTime: e, position: n }) {
1486
+ const [o, i] = P(!1), s = A(), c = f(() => s.interactiveMenuElements.length > 0 ? i((b) => !b) : s.onInteractivePinClick(e), [
1354
1487
  s.interactiveMenuElements,
1355
1488
  s.onInteractivePinClick,
1356
1489
  e
1357
- ]), l = Ce(null), { refs: u, floatingStyles: m, context: h } = ge({
1490
+ ]), r = ie(null), { refs: l, floatingStyles: m, context: _ } = ve({
1358
1491
  open: o,
1359
1492
  onOpenChange: i,
1360
1493
  whileElementsMounted: be,
1361
1494
  placement: "top",
1362
1495
  middleware: [
1363
- it(),
1364
- st(6),
1365
- we(),
1366
- ke({
1367
- element: l
1496
+ at(),
1497
+ ct(6),
1498
+ ye(),
1499
+ we({
1500
+ element: r
1368
1501
  })
1369
1502
  ]
1370
- }), g = ye(h), { getReferenceProps: y, getFloatingProps: k } = Le([g]);
1371
- return /* @__PURE__ */ a(ee, { children: [
1503
+ }), v = ke(_), { getReferenceProps: x, getFloatingProps: k } = xe([v]);
1504
+ return /* @__PURE__ */ a(te, { children: [
1372
1505
  /* @__PURE__ */ t(
1373
1506
  "button",
1374
1507
  {
1375
1508
  type: "button",
1376
1509
  onClick: c,
1377
- className: d.interactivePinButton,
1378
- ref: u.setReference,
1510
+ className: u.interactivePinButton,
1511
+ ref: l.setReference,
1379
1512
  style: { left: `${n}%` },
1380
- ...y(),
1513
+ ...x(),
1381
1514
  children: /* @__PURE__ */ a(
1382
1515
  "svg",
1383
1516
  {
1384
- className: d.interactivePin,
1517
+ className: u.interactivePin,
1385
1518
  width: "36",
1386
1519
  height: "44",
1387
1520
  fill: "none",
@@ -1391,21 +1524,21 @@ function oi({ currentTime: e, position: n }) {
1391
1524
  /* @__PURE__ */ t(
1392
1525
  "path",
1393
1526
  {
1394
- className: d.bg,
1527
+ className: u.bg,
1395
1528
  d: "M 33.1703,27.499961 C 34.9615,24.721661 36,21.418761 36,17.874961 36,8.0028612 27.9411,-3.8819277e-5 18,-3.8819277e-5 8.0588999,-3.8819277e-5 -1.5e-7,8.0028612 -1.5e-7,17.874961 c 0,3.5438 1.03844995,6.8467 2.82964995,9.625 4.5447501,6.8094 10.1600502,10.1014 15.2487502,16.5 5.0364,-6.3985 10.5573,-9.7259 15.0919,-16.5 z"
1396
1529
  }
1397
1530
  ),
1398
1531
  /* @__PURE__ */ t(
1399
1532
  "path",
1400
1533
  {
1401
- className: d.symbol,
1534
+ className: u.symbol,
1402
1535
  d: "m 35.499961,17.877772 c 0,3.443549 -1.008198,6.652061 -2.747494,9.351891 -2.235095,3.338633 -4.71529,5.832631 -7.286584,8.306425 -0.277599,0.267143 -0.556499,0.534085 -0.836198,0.801928 -2.174595,2.082232 -4.40389,4.216673 -6.553385,6.870196 -2.158995,-2.636621 -4.40379,-4.754859 -6.591985,-6.819788 -0.2979,-0.281145 -0.594699,-0.561289 -0.890198,-0.841534 C 7.9918219,33.077896 5.4869279,30.584698 3.2477829,27.230063 1.5082968,24.530133 0.50003905,21.321521 0.50003905,17.877772 0.50003905,8.2835422 8.3317219,0.50000048 18,0.50000048 c 9.668278,0 17.499961,7.78354172 17.499961,17.37777152 z"
1403
1536
  }
1404
1537
  ),
1405
1538
  /* @__PURE__ */ t(
1406
1539
  "path",
1407
1540
  {
1408
- className: d.interactivePinIcon,
1541
+ className: u.interactivePinIcon,
1409
1542
  "data-open": o,
1410
1543
  fillRule: "evenodd",
1411
1544
  clipRule: "evenodd",
@@ -1421,18 +1554,18 @@ function oi({ currentTime: e, position: n }) {
1421
1554
  o && /* @__PURE__ */ a(
1422
1555
  "div",
1423
1556
  {
1424
- ref: u.setFloating,
1557
+ ref: l.setFloating,
1425
1558
  style: m,
1426
- className: d.interactivePinMenu,
1559
+ className: u.interactivePinMenu,
1427
1560
  ...k(),
1428
1561
  children: [
1429
- s.interactiveMenuElements.map(({ id: b, text: f, onClick: w }) => /* @__PURE__ */ a(
1562
+ s.interactiveMenuElements.map(({ id: b, text: S, onClick: h }) => /* @__PURE__ */ a(
1430
1563
  "button",
1431
1564
  {
1432
1565
  type: "button",
1433
- className: d.interactivePinMenuItem,
1566
+ className: u.interactivePinMenuItem,
1434
1567
  onClick: () => {
1435
- w(b, e), i(!1);
1568
+ h(b, e), i(!1);
1436
1569
  },
1437
1570
  children: [
1438
1571
  /* @__PURE__ */ t(
@@ -1454,17 +1587,17 @@ function oi({ currentTime: e, position: n }) {
1454
1587
  )
1455
1588
  }
1456
1589
  ),
1457
- f
1590
+ S
1458
1591
  ]
1459
1592
  },
1460
1593
  b
1461
1594
  )),
1462
1595
  /* @__PURE__ */ t(
1463
- xe,
1596
+ Le,
1464
1597
  {
1465
- ref: l,
1466
- context: h,
1467
- className: d.arrow
1598
+ ref: r,
1599
+ context: _,
1600
+ className: u.arrow
1468
1601
  }
1469
1602
  )
1470
1603
  ]
@@ -1472,48 +1605,48 @@ function oi({ currentTime: e, position: n }) {
1472
1605
  )
1473
1606
  ] });
1474
1607
  }
1475
- function ii() {
1476
- const e = _("duration"), n = _("currentTime"), o = n / e * 100;
1477
- return /* @__PURE__ */ t("div", { className: d.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: d.interactivePinWrapper, children: /* @__PURE__ */ t(oi, { currentTime: n, position: o }) }) });
1608
+ function ui() {
1609
+ const e = p("duration"), n = p("currentTime"), o = n / e * 100;
1610
+ return /* @__PURE__ */ t("div", { className: u.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: u.interactivePinWrapper, children: /* @__PURE__ */ t(li, { currentTime: n, position: o }) }) });
1478
1611
  }
1479
- function si() {
1480
- const e = _("paused"), n = v();
1481
- return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(ii, {}) : null;
1612
+ function di() {
1613
+ const e = p("paused"), n = g();
1614
+ return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(ui, {}) : null;
1482
1615
  }
1483
- const ai = `${d.progress} ${d.trackInner}`, ci = `${d.trackFill} ${d.trackInner}`;
1484
- function he({ className: e }) {
1485
- const n = v(), { hasAnnotations: o, hasQuizmarkers: i, interactive: s } = S(), c = e ? `${d.timelineWrapper} ${e}` : d.timelineWrapper;
1616
+ const mi = `${u.progress} ${u.trackInner}`, hi = `${u.trackFill} ${u.trackInner}`;
1617
+ function pe({ className: e }) {
1618
+ const n = g(), { hasAnnotations: o, hasQuizmarkers: i, interactive: s } = A(), c = e ? `${u.timelineWrapper} ${e}` : u.timelineWrapper;
1486
1619
  return /* @__PURE__ */ a("div", { className: c, children: [
1487
- s ? /* @__PURE__ */ t(si, {}) : null,
1488
- s || o || i ? /* @__PURE__ */ t(ti, {}) : null,
1620
+ s ? /* @__PURE__ */ t(di, {}) : null,
1621
+ s || o || i ? /* @__PURE__ */ t(ci, {}) : null,
1489
1622
  /* @__PURE__ */ a(
1490
- O.Root,
1623
+ z.Root,
1491
1624
  {
1492
- className: d.root,
1625
+ className: u.root,
1493
1626
  tabIndex: n.state.interactionsDisabled ? -1 : 0,
1494
1627
  children: [
1495
- /* @__PURE__ */ a(O.Track, { className: d.track, children: [
1496
- /* @__PURE__ */ t(O.Progress, { className: ai }),
1497
- /* @__PURE__ */ t(O.TrackFill, { className: ci })
1628
+ /* @__PURE__ */ a(z.Track, { className: u.track, children: [
1629
+ /* @__PURE__ */ t(z.Progress, { className: mi }),
1630
+ /* @__PURE__ */ t(z.TrackFill, { className: hi })
1498
1631
  ] }),
1499
- /* @__PURE__ */ t(O.Thumb, { className: d.thumb })
1632
+ /* @__PURE__ */ t(z.Thumb, { className: u.thumb })
1500
1633
  ]
1501
1634
  }
1502
1635
  ),
1503
- /* @__PURE__ */ t(ni, {})
1636
+ /* @__PURE__ */ t(ri, {})
1504
1637
  ] });
1505
1638
  }
1506
- const li = "_wrapper_12cb0_1", ri = "_track_12cb0_6", ui = "_thumb_12cb0_18", di = "_track-fill_12cb0_32", mi = "_root_12cb0_51", Z = {
1507
- wrapper: li,
1508
- track: ri,
1509
- thumb: ui,
1639
+ const pi = "_wrapper_12cb0_1", _i = "_track_12cb0_6", fi = "_thumb_12cb0_18", Ci = "_track-fill_12cb0_32", gi = "_root_12cb0_51", K = {
1640
+ wrapper: pi,
1641
+ track: _i,
1642
+ thumb: fi,
1510
1643
  "track-fill": "_track-fill_12cb0_32",
1511
- trackFill: di,
1512
- root: mi
1644
+ trackFill: Ci,
1645
+ root: gi
1513
1646
  };
1514
- function hi() {
1515
- const e = A(), n = _("volume"), o = _("muted"), i = v(), s = o || n === 0, { t: c } = C();
1516
- return /* @__PURE__ */ a("div", { className: Z.wrapper, children: [
1647
+ function vi() {
1648
+ const e = B(), n = p("volume"), o = p("muted"), i = g(), s = o || n === 0, { t: c } = C();
1649
+ return /* @__PURE__ */ a("div", { className: K.wrapper, children: [
1517
1650
  /* @__PURE__ */ t(
1518
1651
  "button",
1519
1652
  {
@@ -1525,23 +1658,23 @@ function hi() {
1525
1658
  onClick: () => {
1526
1659
  s ? e == null || e.remoteControl.unmute() : e == null || e.remoteControl.mute();
1527
1660
  },
1528
- children: s ? /* @__PURE__ */ t(He, { className: "controls-button-icon" }) : n < 0.5 ? /* @__PURE__ */ t(Re, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Ve, { className: "controls-button-icon" })
1661
+ children: s ? /* @__PURE__ */ t(Re, { className: "controls-button-icon" }) : n < 0.5 ? /* @__PURE__ */ t(Ve, { className: "controls-button-icon" }) : /* @__PURE__ */ t(He, { className: "controls-button-icon" })
1529
1662
  }
1530
1663
  ),
1531
1664
  /* @__PURE__ */ a(
1532
- U.Root,
1665
+ q.Root,
1533
1666
  {
1534
- className: Z.root,
1667
+ className: K.root,
1535
1668
  tabIndex: i.state.interactionsDisabled ? -1 : 0,
1536
1669
  children: [
1537
- /* @__PURE__ */ t(U.Track, { className: Z.track, children: /* @__PURE__ */ t(U.TrackFill, { className: Z.trackFill }) }),
1538
- /* @__PURE__ */ t(U.Thumb, { className: Z.thumb })
1670
+ /* @__PURE__ */ t(q.Track, { className: K.track, children: /* @__PURE__ */ t(q.TrackFill, { className: K.trackFill }) }),
1671
+ /* @__PURE__ */ t(q.Thumb, { className: K.thumb })
1539
1672
  ]
1540
1673
  }
1541
1674
  )
1542
1675
  ] });
1543
1676
  }
1544
- const pe = {
1677
+ const _e = {
1545
1678
  togglePaused: ["Space", "Enter", "k"],
1546
1679
  seekForward: ["ArrowRight"],
1547
1680
  seekBackward: ["ArrowLeft"],
@@ -1624,10 +1757,10 @@ const pe = {
1624
1757
  }
1625
1758
  }
1626
1759
  };
1627
- function _e(e) {
1760
+ function fe(e) {
1628
1761
  return typeof e == "number" && !isNaN(e);
1629
1762
  }
1630
- function pi(e, n = 1e3) {
1763
+ function bi(e, n = 1e3) {
1631
1764
  let o = !1;
1632
1765
  return () => {
1633
1766
  o || (e(), o = !0, setTimeout(() => {
@@ -1635,7 +1768,7 @@ function pi(e, n = 1e3) {
1635
1768
  }, n));
1636
1769
  };
1637
1770
  }
1638
- const fe = {
1771
+ const Ce = {
1639
1772
  volume: 1,
1640
1773
  muted: !1,
1641
1774
  lang: null,
@@ -1646,11 +1779,11 @@ const fe = {
1646
1779
  invert: !1,
1647
1780
  comments: !1
1648
1781
  };
1649
- class _i {
1782
+ class yi {
1650
1783
  constructor() {
1651
1784
  N(this, "playerId", "studio-player");
1652
1785
  N(this, "mediaId", null);
1653
- N(this, "data", fe);
1786
+ N(this, "data", Ce);
1654
1787
  N(this, "time", null);
1655
1788
  N(this, "overrideTime", null);
1656
1789
  N(this, "saveTime", () => {
@@ -1658,11 +1791,11 @@ class _i {
1658
1791
  const n = (this.time ?? 0).toString();
1659
1792
  localStorage.setItem(this.mediaId, n);
1660
1793
  });
1661
- N(this, "saveTimeThrottled", pi(this.saveTime, 1e3));
1794
+ N(this, "saveTimeThrottled", bi(this.saveTime, 1e3));
1662
1795
  // only used for useStudioPlayer hook's state initialization
1663
1796
  N(this, "initializeState", (n) => {
1664
1797
  const o = localStorage.getItem(this.playerId);
1665
- if (_e(n) && n >= 0 && (this.overrideTime = n), o)
1798
+ if (fe(n) && n >= 0 && (this.overrideTime = n), o)
1666
1799
  try {
1667
1800
  this.data = JSON.parse(o);
1668
1801
  } catch {
@@ -1673,6 +1806,7 @@ class _i {
1673
1806
  captionsInvertColors: this.data.invert,
1674
1807
  commentsEnabled: this.data.comments,
1675
1808
  interactionsDisabled: !1,
1809
+ globalKeysDisabled: !1,
1676
1810
  disableCaptionSettings: !1
1677
1811
  };
1678
1812
  });
@@ -1729,16 +1863,16 @@ class _i {
1729
1863
  onChange(n, o, i = "studio-player") {
1730
1864
  const s = i ? localStorage.getItem(i) : null, c = o ? localStorage.getItem(o) : null;
1731
1865
  this.playerId = i, this.mediaId = o;
1732
- let l = {};
1866
+ let r = {};
1733
1867
  if (s)
1734
1868
  try {
1735
- l = JSON.parse(s);
1869
+ r = JSON.parse(s);
1736
1870
  } catch {
1737
1871
  }
1738
1872
  this.data = {
1739
- ...fe,
1740
- ...l
1741
- }, _e(this.overrideTime) && this.overrideTime >= 0 ? this.time = this.overrideTime : this.time = c ? +c : null;
1873
+ ...Ce,
1874
+ ...r
1875
+ }, fe(this.overrideTime) && this.overrideTime >= 0 ? this.time = this.overrideTime : this.time = c ? +c : null;
1742
1876
  }
1743
1877
  save() {
1744
1878
  if (!this.playerId) return;
@@ -1746,157 +1880,163 @@ class _i {
1746
1880
  localStorage.setItem(this.playerId, n);
1747
1881
  }
1748
1882
  }
1749
- function fi(e, n, o, i) {
1750
- const s = $(() => new _i(), []), [c, l] = T(
1883
+ function wi(e, n, o, i) {
1884
+ const s = I(() => new yi(), []), [c, r] = P(
1751
1885
  s.initializeState(i)
1752
- ), u = p(
1753
- (f) => {
1754
- l((w) => (s.saveData("multiplier", f), {
1755
- ...w,
1756
- captionsFontSizeMultiplier: f
1886
+ ), l = f(
1887
+ (h) => {
1888
+ r((y) => (s.saveData("multiplier", h), {
1889
+ ...y,
1890
+ captionsFontSizeMultiplier: h
1757
1891
  }));
1758
1892
  },
1759
1893
  [s]
1760
- ), m = p(() => {
1761
- l((f) => {
1762
- const w = !f.captionPositionOnTop;
1763
- return s.saveData("ontop", w), {
1764
- ...f,
1765
- captionPositionOnTop: w
1894
+ ), m = f(() => {
1895
+ r((h) => {
1896
+ const y = !h.captionPositionOnTop;
1897
+ return s.saveData("ontop", y), {
1898
+ ...h,
1899
+ captionPositionOnTop: y
1766
1900
  };
1767
1901
  });
1768
- }, [s]), h = p(() => {
1769
- l((f) => {
1770
- const w = !f.captionsInvertColors;
1771
- return s.saveData("invert", w), {
1772
- ...f,
1773
- captionsInvertColors: w
1902
+ }, [s]), _ = f(() => {
1903
+ r((h) => {
1904
+ const y = !h.captionsInvertColors;
1905
+ return s.saveData("invert", y), {
1906
+ ...h,
1907
+ captionsInvertColors: y
1774
1908
  };
1775
1909
  });
1776
- }, [s]), g = p(() => {
1777
- l((f) => {
1778
- const w = !f.commentsEnabled;
1779
- return s.saveData("comments", w), {
1780
- ...f,
1781
- commentsEnabled: w
1910
+ }, [s]), v = f(() => {
1911
+ r((h) => {
1912
+ const y = !h.commentsEnabled;
1913
+ return s.saveData("comments", y), {
1914
+ ...h,
1915
+ commentsEnabled: y
1782
1916
  };
1783
1917
  });
1784
- }, [s]), y = p(() => {
1785
- l((f) => ({
1786
- ...f,
1918
+ }, [s]), x = f(() => {
1919
+ r((h) => ({
1920
+ ...h,
1787
1921
  interactionsDisabled: !1
1788
1922
  }));
1789
- }, []), k = p(() => {
1790
- l((f) => ({
1791
- ...f,
1923
+ }, []), k = f(() => {
1924
+ r((h) => ({
1925
+ ...h,
1792
1926
  interactionsDisabled: !0
1793
1927
  }));
1794
- }, []), b = $(() => e ? {
1795
- ...pe,
1928
+ }, []), b = f((h) => {
1929
+ r((y) => ({
1930
+ ...y,
1931
+ globalKeysDisabled: h
1932
+ }));
1933
+ }, []), S = I(() => e ? {
1934
+ ..._e,
1796
1935
  toggleFullscreen: []
1797
- } : pe, [e]);
1936
+ } : _e, [e]);
1798
1937
  return {
1799
1938
  contextValue: {
1800
1939
  state: {
1801
1940
  ...c,
1802
1941
  commentsEnabled: n || c.commentsEnabled
1803
1942
  },
1804
- setCaptionsFontSizeMultiplier: u,
1943
+ setCaptionsFontSizeMultiplier: l,
1805
1944
  toggleCaptionPositionOnTop: m,
1806
- toggleCaptionsInvertColors: h,
1807
- enableInteractions: y,
1945
+ toggleCaptionsInvertColors: _,
1946
+ enableInteractions: x,
1808
1947
  disableInteractions: k,
1809
- toggleComments: g,
1948
+ setGlobalKeysDisabled: b,
1949
+ toggleComments: v,
1810
1950
  disableCaptionSettings: o
1811
1951
  },
1812
- shortcuts: b,
1952
+ shortcuts: S,
1813
1953
  storage: s
1814
1954
  };
1815
1955
  }
1816
- const Ci = {}, J = () => {
1956
+ const ki = {}, ee = () => {
1817
1957
  };
1818
- function Pi({
1958
+ function Ei({
1819
1959
  title: e,
1820
1960
  playerRef: n,
1821
1961
  src: o,
1822
1962
  captions: i = [],
1823
1963
  thumbnail: s,
1824
1964
  hideFullScreen: c = !1,
1825
- comments: l = [],
1826
- locale: u = "en",
1965
+ comments: r = [],
1966
+ locale: l = "en",
1827
1967
  annotations: m = [],
1828
- quizMarkers: h = [],
1829
- interactive: g = !1,
1830
- onAnnotationClick: y = J,
1831
- onQuizMarkerClick: k = J,
1832
- onInteractivePinClick: b = J,
1833
- interactiveMenuElements: f = [],
1834
- darkMode: w = !1,
1835
- autoLoadCaptionSrc: M = "",
1836
- forceComments: se,
1837
- disableCaptionSettings: Y,
1838
- startAt: Ae,
1839
- crossOrigin: Oe
1968
+ quizMarkers: _ = [],
1969
+ interactive: v = !1,
1970
+ onAnnotationClick: x = ee,
1971
+ onQuizMarkerClick: k = ee,
1972
+ onInteractivePinClick: b = ee,
1973
+ interactiveMenuElements: S = [],
1974
+ darkMode: h = !1,
1975
+ autoLoadCaptionSrc: y = "",
1976
+ forceComments: M,
1977
+ disableCaptionSettings: F,
1978
+ startAt: Fe,
1979
+ crossOrigin: ze
1840
1980
  }) {
1841
- const { contextValue: ae, shortcuts: Fe, storage: Ze } = fi(
1981
+ const { contextValue: X, shortcuts: Ze, storage: Ke } = wi(
1842
1982
  c,
1843
- se ?? !1,
1844
- Y ?? !1,
1845
- Ae
1846
- ), { i18n: ce } = C();
1847
- return B(() => {
1848
- ce.changeLanguage(u);
1849
- }, [ce, u]), /* @__PURE__ */ t(
1850
- lt,
1983
+ M ?? !1,
1984
+ F ?? !1,
1985
+ Fe
1986
+ ), { i18n: re } = C();
1987
+ return H(() => {
1988
+ re.changeLanguage(l);
1989
+ }, [re, l]), /* @__PURE__ */ t(
1990
+ ut,
1851
1991
  {
1852
1992
  hideFullScreen: c,
1853
- comments: l,
1993
+ comments: r,
1854
1994
  annotations: m,
1855
- quizMarkers: h,
1856
- interactive: g,
1857
- onAnnotationClick: y,
1995
+ quizMarkers: _,
1996
+ interactive: v,
1997
+ onAnnotationClick: x,
1858
1998
  onQuizMarkerClick: k,
1859
1999
  onInteractivePinClick: b,
1860
- interactiveMenuElements: f,
1861
- darkMode: w,
1862
- forceComments: se ?? !1,
1863
- disableCaptionSettings: Y ?? !1,
1864
- children: /* @__PURE__ */ t(ct, { contextValue: ae, children: /* @__PURE__ */ a(
1865
- Xe,
2000
+ interactiveMenuElements: S,
2001
+ darkMode: h,
2002
+ forceComments: M ?? !1,
2003
+ disableCaptionSettings: F ?? !1,
2004
+ children: /* @__PURE__ */ t(lt, { contextValue: X, children: /* @__PURE__ */ a(
2005
+ et,
1866
2006
  {
1867
- crossOrigin: Oe,
1868
- storage: Ze,
2007
+ crossOrigin: ze,
2008
+ storage: Ke,
1869
2009
  title: e,
1870
2010
  src: o,
1871
- keyShortcuts: Fe,
2011
+ keyShortcuts: Ze,
1872
2012
  playsInline: !0,
1873
- keyDisabled: ae.state.interactionsDisabled,
1874
- onTextTracksChange: (z) => {
1875
- const le = z == null ? void 0 : z.findIndex(
1876
- ($e) => $e.src === M
2013
+ keyDisabled: X.state.interactionsDisabled || X.state.globalKeysDisabled,
2014
+ onTextTracksChange: (U) => {
2015
+ const le = U == null ? void 0 : U.findIndex(
2016
+ (De) => De.src === y
1877
2017
  );
1878
- le > -1 && (z[le].mode = "showing");
2018
+ le > -1 && (U[le].mode = "showing");
1879
2019
  },
1880
2020
  children: [
1881
- /* @__PURE__ */ t(ao, {}),
1882
- /* @__PURE__ */ a(Je, { className: Ci.mediaProvider, children: [
1883
- /* @__PURE__ */ t(ho, { src: s }),
1884
- /* @__PURE__ */ t(Un, {}),
1885
- /* @__PURE__ */ t(vt, {}),
1886
- /* @__PURE__ */ t(kt, { captions: i }),
1887
- /* @__PURE__ */ t(Jn, {}),
1888
- /* @__PURE__ */ t(Et, { comments: l }),
1889
- /* @__PURE__ */ t(bo, {})
2021
+ /* @__PURE__ */ t(ho, {}),
2022
+ /* @__PURE__ */ a(tt, { className: ki.mediaProvider, children: [
2023
+ /* @__PURE__ */ t(vo, { src: s }),
2024
+ /* @__PURE__ */ t(Yn, {}),
2025
+ /* @__PURE__ */ t(bt, {}),
2026
+ /* @__PURE__ */ t(xt, { captions: i }),
2027
+ /* @__PURE__ */ t(No, {}),
2028
+ /* @__PURE__ */ t(so, {}),
2029
+ /* @__PURE__ */ t(Bt, { comments: r })
1890
2030
  ] }),
1891
2031
  /* @__PURE__ */ t(
1892
- Kt,
2032
+ $t,
1893
2033
  {
1894
- darkMode: w,
2034
+ darkMode: h,
1895
2035
  playerRef: n,
1896
- showCaptionsButton: !Y
2036
+ showCaptionsButton: !F
1897
2037
  }
1898
2038
  ),
1899
- /* @__PURE__ */ t(mt, { annotations: m })
2039
+ /* @__PURE__ */ t(pt, { annotations: m })
1900
2040
  ]
1901
2041
  }
1902
2042
  ) })
@@ -1904,8 +2044,10 @@ function Pi({
1904
2044
  );
1905
2045
  }
1906
2046
  export {
1907
- yt as CAPTION_FONT_SIZE_MULTIPLIERS,
1908
- Ie as COMMENT_DURATION,
2047
+ Lt as CAPTION_FONT_SIZE_MULTIPLIERS,
2048
+ Se as COMMENT_DURATION,
1909
2049
  V as PLAYBACK_RATES,
1910
- Pi as StudioPlayer
2050
+ Ei as StudioPlayer,
2051
+ Vi as useMediaState,
2052
+ Hi as useMediaStore
1911
2053
  };