@instructure/studio-player 0.3.5 → 0.3.6

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 (7) hide show
  1. package/dist/StudioPlayer/StudioPlayer.d.ts +8 -2
  2. package/dist/StudioPlayer/hooks/useQuizMarkerListeners.d.ts +4 -0
  3. package/dist/index-BqrDl0Uo.css +1 -0
  4. package/dist/studio-player.es.js +691 -646
  5. package/dist/types.d.ts +4 -0
  6. package/package.json +1 -1
  7. package/dist/index-DTXwbjqh.css +0 -1
package/dist/studio-player.es.js CHANGED
@@ -1,19 +1,19 @@
1
- import './index-DTXwbjqh.css';var et = Object.defineProperty;
2
- var tt = (e, n, o) => n in e ? et(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o;
3
- var H = (e, n, o) => tt(e, typeof n != "symbol" ? n + "" : n, o);
4
- import { jsx as t, jsxs as s, Fragment as j } from "react/jsx-runtime";
5
- import { createContext as ce, useContext as le, useState as x, useCallback as _, useEffect as Z, useMemo as S, useRef as W } from "react";
6
- import { useMediaPlayer as z, Spinner as ae, useMediaRemote as ne, useMediaState as C, isTrackCaptionKind as nt, Track as ot, Captions as it, usePlaybackRateOptions as at, useCaptionOptions as st, useVideoQualityOptions as ct, useMediaStore as Ve, Poster as lt, FullscreenButton as rt, Time as ke, TimeSlider as U, VolumeSlider as J, isAudioProvider as ut, isVideoProvider as dt, MediaPlayer as mt, MediaProvider as ht } from "@vidstack/react";
7
- import { useMediaState as si, useMediaStore as ci } from "@vidstack/react";
8
- import { initReactI18next as pt, useTranslation as f } from "react-i18next";
9
- import _t from "i18next";
10
- import Ct from "i18next-resources-to-backend";
11
- import { useFloating as re, autoUpdate as ue, flip as de, arrow as me, useDismiss as he, useInteractions as pe, FloatingFocusManager as Se, FloatingArrow as _e, shift as Te, offset as Ee, useListNavigation as ft } from "@floating-ui/react";
12
- const bt = (e, n, o) => {
1
+ import './index-BqrDl0Uo.css';var ot = Object.defineProperty;
2
+ var it = (e, n, o) => n in e ? ot(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o;
3
+ var V = (e, n, o) => it(e, typeof n != "symbol" ? n + "" : n, o);
4
+ import { jsx as t, jsxs as c, Fragment as Q } from "react/jsx-runtime";
5
+ import { createContext as le, useContext as re, useState as x, useCallback as _, useEffect as O, useMemo as E, useRef as G } from "react";
6
+ import { useMediaPlayer as F, Spinner as ce, useMediaRemote as oe, useMediaState as C, isTrackCaptionKind as at, Track as st, Captions as ct, usePlaybackRateOptions as lt, useCaptionOptions as rt, useVideoQualityOptions as ut, useMediaStore as Se, Poster as dt, FullscreenButton as mt, Time as Le, TimeSlider as $, VolumeSlider as J, isAudioProvider as ht, isVideoProvider as pt, MediaPlayer as _t, MediaProvider as Ct } from "@vidstack/react";
7
+ import { useMediaState as hi, useMediaStore as pi } from "@vidstack/react";
8
+ import { initReactI18next as ft, useTranslation as f } from "react-i18next";
9
+ import bt from "i18next";
10
+ import gt from "i18next-resources-to-backend";
11
+ import { useFloating as ue, autoUpdate as de, flip as me, arrow as he, useDismiss as pe, useInteractions as _e, FloatingFocusManager as Te, FloatingArrow as Ce, shift as Ee, offset as Re, useListNavigation as vt } from "@floating-ui/react";
12
+ const wt = (e, n, o) => {
13
13
  const i = e[n];
14
- return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((a, c) => {
14
+ return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((a, s) => {
15
15
  (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
16
- c.bind(
16
+ s.bind(
17
17
  null,
18
18
  new Error(
19
19
  "Unknown variable dynamic import: " + n + (n.split("/").length !== o ? ". Note that variables only represent file names one level deep." : "")
@@ -22,9 +22,9 @@ const bt = (e, n, o) => {
22
22
  );
23
23
  });
24
24
  };
25
- _t.use(pt).use(
26
- Ct(
27
- (e) => bt(/* @__PURE__ */ Object.assign({ "./locales/en.json": () => import("./en-p8Xpb7Qg.js"), "./locales/kl.json": () => import("./kl-Drx4juMa.js") }), `./locales/${e}.json`, 3)
25
+ bt.use(ft).use(
26
+ gt(
27
+ (e) => wt(/* @__PURE__ */ Object.assign({ "./locales/en.json": () => import("./en-p8Xpb7Qg.js"), "./locales/kl.json": () => import("./kl-Drx4juMa.js") }), `./locales/${e}.json`, 3)
28
28
  )
29
29
  ).init({
30
30
  fallbackLng: "en",
@@ -35,29 +35,29 @@ _t.use(pt).use(
35
35
  escapeValue: !1
36
36
  }
37
37
  });
38
- const Re = ce(null);
39
- function gt({
38
+ const Ae = le(null);
39
+ function yt({
40
40
  children: e,
41
41
  contextValue: n
42
42
  }) {
43
- return /* @__PURE__ */ t(Re.Provider, { value: n, children: e });
43
+ return /* @__PURE__ */ t(Ae.Provider, { value: n, children: e });
44
44
  }
45
45
  function g() {
46
- const e = le(Re);
46
+ const e = re(Ae);
47
47
  if (!e)
48
48
  throw new Error(
49
49
  "useStudioPlayerContext must be used within a StudioPlayerContextProvider"
50
50
  );
51
51
  return e;
52
52
  }
53
- const Ae = ce(null);
54
- function vt({
53
+ const Be = le(null);
54
+ function kt({
55
55
  hideFullScreen: e,
56
56
  comments: n,
57
57
  captions: o,
58
58
  thumbnail: i,
59
59
  annotations: a,
60
- quizMarkers: c,
60
+ quizMarkers: s,
61
61
  interactive: l,
62
62
  onAnnotationClick: r,
63
63
  onQuizMarkerClick: u,
@@ -66,17 +66,20 @@ function vt({
66
66
  kebabMenuElements: y,
67
67
  darkMode: k,
68
68
  children: w,
69
- forceComments: M,
69
+ forceComments: N,
70
70
  disableCaptionSettings: m,
71
- disableStorage: b
71
+ disableStorage: b,
72
+ captionOffsetOverride: P,
73
+ disableInteractivePinRanges: T,
74
+ onQuizMarkerShow: Z
72
75
  }) {
73
- const N = {
76
+ const S = {
74
77
  hideFullScreen: e,
75
78
  comments: n,
76
79
  captions: o,
77
80
  thumbnail: i,
78
81
  annotations: a,
79
- quizMarkers: c,
82
+ quizMarkers: s,
80
83
  interactive: l,
81
84
  onAnnotationClick: r,
82
85
  onQuizMarkerClick: u,
@@ -86,79 +89,82 @@ function vt({
86
89
  darkMode: k,
87
90
  hasComments: n.length > 0,
88
91
  hasAnnotations: a.length > 0,
89
- hasQuizmarkers: c.length > 0,
90
- forceComments: M,
92
+ hasQuizmarkers: s.length > 0,
93
+ forceComments: N,
91
94
  disableCaptionSettings: m,
92
- disableStorage: b
95
+ disableStorage: b,
96
+ captionOffsetOverride: P,
97
+ disableInteractivePinRanges: T,
98
+ onQuizMarkerShow: Z
93
99
  };
94
- return /* @__PURE__ */ t(Ae.Provider, { value: N, children: w });
100
+ return /* @__PURE__ */ t(Be.Provider, { value: S, children: w });
95
101
  }
96
- function V() {
97
- const e = le(Ae);
102
+ function M() {
103
+ const e = re(Be);
98
104
  if (!e)
99
105
  throw new Error(
100
106
  "useStudioPlayerPropsContext must be used within a StudioPlayerPropsContextProvider"
101
107
  );
102
108
  return e;
103
109
  }
104
- const wt = "_annotation-overlay_1kxzn_1", yt = {
110
+ const Lt = "_annotation-overlay_1kxzn_1", xt = {
105
111
  "annotation-overlay": "_annotation-overlay_1kxzn_1",
106
- annotationOverlay: wt
107
- }, Le = 0.25, kt = (e, n) => {
112
+ annotationOverlay: Lt
113
+ }, xe = 0.25, Mt = (e, n) => {
108
114
  let o = !1;
109
115
  return (i) => {
110
116
  const a = i.detail.currentTime;
111
- a >= e.time && a < e.time + Le && !o && (o = !0, n(e)), (a < e.time || a >= e.time + Le) && o && (o = !1);
117
+ a >= e.time && a < e.time + xe && !o && (o = !0, n(e)), (a < e.time || a >= e.time + xe) && o && (o = !1);
112
118
  };
113
119
  };
114
- function Lt({ annotations: e }) {
115
- const n = z(), o = g(), i = V(), [a, c] = x(
120
+ function Pt({ annotations: e }) {
121
+ const n = F(), o = g(), i = M(), [a, s] = x(
116
122
  null
117
123
  ), l = _(
118
124
  (u) => {
119
- n == null || n.pause(), i.interactive || o.disableInteractions(), c(u);
125
+ n == null || n.pause(), i.interactive || o.disableInteractions(), s(u);
120
126
  },
121
127
  [n, o]
122
128
  ), r = () => {
123
- i.interactive || (n == null || n.play(), o.enableInteractions()), c(null);
129
+ i.interactive || (n == null || n.play(), o.enableInteractions()), s(null);
124
130
  };
125
- return Z(() => {
131
+ return O(() => {
126
132
  if (!n)
127
133
  return;
128
134
  const u = [];
129
135
  for (const p of e) {
130
- const v = kt(p, l);
136
+ const v = Mt(p, l);
131
137
  n.addEventListener("time-update", v), u.push(v);
132
138
  }
133
139
  if (a) {
134
140
  const p = e.find(
135
141
  (v) => v.id === a.id
136
142
  );
137
- p ? c(p) : (c(null), o.enableInteractions());
143
+ p ? s(p) : (s(null), o.enableInteractions());
138
144
  }
139
145
  return () => {
140
146
  for (const p of u)
141
147
  n.removeEventListener("time-update", p);
142
148
  };
143
- }, [n, e]), a ? /* @__PURE__ */ t("div", { className: yt.annotationOverlay, children: a.render(r) }) : null;
149
+ }, [n, e]), a ? /* @__PURE__ */ t("div", { className: xt.annotationOverlay, children: a.render(r) }) : null;
144
150
  }
145
- const xt = "_media-buffering-indicator_1fwjr_1", Mt = "_media-buffering-spinner_1fwjr_17", Nt = "_media-buffering-spin_1fwjr_17", Pt = "_media-buffering-track_1fwjr_22", It = "_media-buffering-track-fill_1fwjr_27", ee = {
151
+ const Nt = "_media-buffering-indicator_1fwjr_1", It = "_media-buffering-spinner_1fwjr_17", Ht = "_media-buffering-spin_1fwjr_17", Vt = "_media-buffering-track_1fwjr_22", St = "_media-buffering-track-fill_1fwjr_27", ee = {
146
152
  "media-buffering-indicator": "_media-buffering-indicator_1fwjr_1",
147
- mediaBufferingIndicator: xt,
153
+ mediaBufferingIndicator: Nt,
148
154
  "media-buffering-spinner": "_media-buffering-spinner_1fwjr_17",
149
- mediaBufferingSpinner: Mt,
155
+ mediaBufferingSpinner: It,
150
156
  "media-buffering-spin": "_media-buffering-spin_1fwjr_17",
151
- mediaBufferingSpin: Nt,
157
+ mediaBufferingSpin: Ht,
152
158
  "media-buffering-track": "_media-buffering-track_1fwjr_22",
153
- mediaBufferingTrack: Pt,
159
+ mediaBufferingTrack: Vt,
154
160
  "media-buffering-track-fill": "_media-buffering-track-fill_1fwjr_27",
155
- mediaBufferingTrackFill: It
161
+ mediaBufferingTrackFill: St
156
162
  };
157
- function Be() {
158
- return /* @__PURE__ */ t("div", { className: ee.mediaBufferingIndicator, children: /* @__PURE__ */ s(ae.Root, { className: ee.mediaBufferingSpinner, size: 96, children: [
159
- /* @__PURE__ */ t(ae.Track, { className: ee.mediaBufferingTrack, width: 8 }),
163
+ function Oe() {
164
+ return /* @__PURE__ */ t("div", { className: ee.mediaBufferingIndicator, children: /* @__PURE__ */ c(ce.Root, { className: ee.mediaBufferingSpinner, size: 96, children: [
165
+ /* @__PURE__ */ t(ce.Track, { className: ee.mediaBufferingTrack, width: 8 }),
160
166
  /* @__PURE__ */ t(
161
- ae.TrackFill,
167
+ ce.TrackFill,
162
168
  {
163
169
  className: ee.mediaBufferingTrackFill,
164
170
  width: 8
@@ -166,15 +172,15 @@ function Be() {
166
172
  )
167
173
  ] }) });
168
174
  }
169
- const Oe = (e) => /* @__PURE__ */ s("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
175
+ const Fe = (e) => /* @__PURE__ */ c("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
170
176
  /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_149_104418", children: /* @__PURE__ */ t("rect", { width: 24, height: 24, fill: "white" }) }) }),
171
177
  /* @__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" }) })
172
- ] }), Fe = (e) => /* @__PURE__ */ s("svg", { width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
178
+ ] }), Ze = (e) => /* @__PURE__ */ c("svg", { width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
173
179
  /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_149_104406", children: /* @__PURE__ */ t("rect", { width: 24, height: 24, fill: "white" }) }) }),
174
180
  /* @__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" }) })
175
181
  ] });
176
- function Ht() {
177
- const e = ne(), n = C("textTrack"), o = C("hasCaptions"), i = n && nt(n), a = g(), c = _(
182
+ function Tt() {
183
+ const e = oe(), n = C("textTrack"), o = C("hasCaptions"), i = n && at(n), a = g(), s = _(
178
184
  (l) => {
179
185
  e.toggleCaptions(l.nativeEvent);
180
186
  },
@@ -185,49 +191,53 @@ function Ht() {
185
191
  {
186
192
  type: "button",
187
193
  className: "controls-button",
188
- onClick: c,
194
+ onClick: s,
189
195
  "aria-label": "Captions",
190
196
  "aria-pressed": i ? "true" : "false",
191
197
  tabIndex: a.state.interactionsDisabled ? -1 : 0,
192
- children: i ? /* @__PURE__ */ t(Fe, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Oe, { className: "controls-button-icon" })
198
+ children: i ? /* @__PURE__ */ t(Ze, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Fe, { className: "controls-button-icon" })
193
199
  }
194
200
  ) : null;
195
201
  }
196
- const Vt = "_captions_1s87p_1", St = {
197
- captions: Vt
198
- };
199
- function Ze({ captions: e }) {
200
- const n = e.length > 0, o = g();
201
- return /* @__PURE__ */ s(j, { children: [
202
- e.map((i) => /* @__PURE__ */ t(
203
- ot,
202
+ const Et = "_captions_1cu0g_1", Rt = {
203
+ captions: Et
204
+ }, At = (e, n) => e ? n.top : n.bottom;
205
+ function ze({ captions: e }) {
206
+ const n = e.length > 0, o = g(), { captionOffsetOverride: i } = M(), a = o.state.captionPositionOnTop, s = At(
207
+ a,
208
+ i ?? {}
209
+ );
210
+ return /* @__PURE__ */ c(Q, { children: [
211
+ e.map((l) => /* @__PURE__ */ t(
212
+ st,
204
213
  {
205
214
  kind: "subtitles",
206
- type: i.type,
207
- language: i.language,
208
- label: i.label,
209
- src: i.src
215
+ type: l.type,
216
+ language: l.language,
217
+ label: l.label,
218
+ src: l.src
210
219
  },
211
- i.label
220
+ l.label
212
221
  )),
213
222
  n ? /* @__PURE__ */ t(
214
223
  "div",
215
224
  {
216
225
  style: {
217
226
  display: "contents",
227
+ ...s ? { "--caption-offset": s } : {},
218
228
  "--captions-font-size-multiplier": o.state.captionsFontSizeMultiplier ?? 1,
219
229
  "--captions-flex-direction": o.state.captionPositionOnTop ? "column" : "column-reverse",
220
230
  "--captions-color": o.state.captionsInvertColors ? "rgba(22, 22, 22)" : "white",
221
231
  "--captions-background-color": o.state.captionsInvertColors ? "rgba(255, 255, 255, 0.75)" : "rgba(22, 22, 22, 0.75)"
222
232
  },
223
- children: /* @__PURE__ */ t(it, { className: St.captions })
233
+ children: /* @__PURE__ */ t(ct, { className: Rt.captions })
224
234
  }
225
235
  ) : null
226
236
  ] });
227
237
  }
228
- const F = [0.5, 0.75, 1, 1.25, 1.5, 2], Tt = [0.5, 1, 2, 3, 4], Et = 5, Rt = (e) => {
238
+ const K = [0.5, 0.75, 1, 1.25, 1.5, 2], Bt = [0.5, 1, 2, 3, 4], Ot = 5, Ft = (e) => {
229
239
  const [, n] = x({});
230
- return S(() => {
240
+ return E(() => {
231
241
  let o = [];
232
242
  return {
233
243
  add(i) {
@@ -244,20 +254,20 @@ const F = [0.5, 0.75, 1, 1.25, 1.5, 2], Tt = [0.5, 1, 2, 3, 4], Et = 5, Rt = (e)
244
254
  }
245
255
  };
246
256
  }, []);
247
- }, At = (e, n, o) => {
257
+ }, Zt = (e, n, o) => {
248
258
  let i = !1;
249
259
  return (a) => {
250
- const c = a.detail.currentTime;
251
- 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);
260
+ const s = a.detail.currentTime;
261
+ s >= e.timestamp && s < e.timestamp + n && !i && (o.add(e), i = !0), (s < e.timestamp || s >= e.timestamp + n) && i && (o.remove(e), i = !1);
252
262
  };
253
- }, Bt = (e, n = 5) => {
254
- const o = z(), i = Rt(n);
255
- return Z(() => {
263
+ }, zt = (e, n = 5) => {
264
+ const o = F(), i = Ft(n);
265
+ return O(() => {
256
266
  if (!o)
257
267
  return;
258
268
  const a = [];
259
- for (const c of e) {
260
- const l = At(c, Et, i);
269
+ for (const s of e) {
270
+ const l = Zt(s, Ot, i);
261
271
  a.push(l), o.addEventListener("time-update", l);
262
272
  }
263
273
  return o.dispatchEvent(
@@ -265,102 +275,102 @@ const F = [0.5, 0.75, 1, 1.25, 1.5, 2], Tt = [0.5, 1, 2, 3, 4], Et = 5, Rt = (e)
265
275
  detail: { currentTime: o.currentTime }
266
276
  })
267
277
  ), () => {
268
- for (const c of a)
269
- o.removeEventListener("time-update", c);
278
+ for (const s of a)
279
+ o.removeEventListener("time-update", s);
270
280
  i.clear();
271
281
  };
272
282
  }, [o, i, e]), i;
273
- }, Ot = "_comments-overlay_1puzm_1", Ft = "_comments-container_1puzm_10", Zt = "_comment_1puzm_1", zt = "_comment-text_1puzm_47", Kt = "_comment-author-avatar_1puzm_70", Dt = "_comment-author-name_1puzm_89", A = {
283
+ }, Kt = "_comments-overlay_1puzm_1", Dt = "_comments-container_1puzm_10", $t = "_comment_1puzm_1", Ut = "_comment-text_1puzm_47", qt = "_comment-author-avatar_1puzm_70", Gt = "_comment-author-name_1puzm_89", B = {
274
284
  "comments-overlay": "_comments-overlay_1puzm_1",
275
- commentsOverlay: Ot,
285
+ commentsOverlay: Kt,
276
286
  "comments-container": "_comments-container_1puzm_10",
277
- commentsContainer: Ft,
278
- comment: Zt,
287
+ commentsContainer: Dt,
288
+ comment: $t,
279
289
  "comment-text": "_comment-text_1puzm_47",
280
- commentText: zt,
290
+ commentText: Ut,
281
291
  "comment-author-avatar": "_comment-author-avatar_1puzm_70",
282
- commentAuthorAvatar: Kt,
292
+ commentAuthorAvatar: qt,
283
293
  "comment-author-name": "_comment-author-name_1puzm_89",
284
- commentAuthorName: Dt
294
+ commentAuthorName: Gt
285
295
  };
286
- function $t({ comment: e }) {
287
- return e.render ? e.render(e, A) : /* @__PURE__ */ s("div", { className: A.comment, onClick: () => {
296
+ function Qt({ comment: e }) {
297
+ return e.render ? e.render(e, B) : /* @__PURE__ */ c("div", { className: B.comment, onClick: () => {
288
298
  var n;
289
299
  return (n = e.onClick) == null ? void 0 : n.call(e, e);
290
300
  }, children: [
291
301
  /* @__PURE__ */ t(
292
302
  "img",
293
303
  {
294
- className: A.commentAuthorAvatar,
304
+ className: B.commentAuthorAvatar,
295
305
  src: e.user.avatar,
296
306
  alt: e.user.name
297
307
  }
298
308
  ),
299
- /* @__PURE__ */ t("span", { className: A.commentText, children: e.text }),
300
- /* @__PURE__ */ t("span", { className: A.commentAuthorName, children: e.user.name })
309
+ /* @__PURE__ */ t("span", { className: B.commentText, children: e.text }),
310
+ /* @__PURE__ */ t("span", { className: B.commentAuthorName, children: e.user.name })
301
311
  ] });
302
312
  }
303
- const Ut = 5;
304
- function qt({ comments: e }) {
305
- const n = g(), o = Bt(e, Ut), i = !!C("textTrack"), a = o.map((c) => /* @__PURE__ */ t($t, { comment: c }, c.id));
313
+ const Wt = 5;
314
+ function jt({ comments: e }) {
315
+ const n = g(), o = zt(e, Wt), i = !!C("textTrack"), a = o.map((s) => /* @__PURE__ */ t(Qt, { comment: s }, s.id));
306
316
  return e.length > 0 && n.state.commentsEnabled ? /* @__PURE__ */ t(
307
317
  "div",
308
318
  {
309
- className: A.commentsOverlay,
319
+ className: B.commentsOverlay,
310
320
  style: {
311
321
  flexDirection: n.state.captionPositionOnTop && i ? "column-reverse" : "column"
312
322
  },
313
- children: /* @__PURE__ */ t("div", { className: A.commentsContainer, children: i ? a.slice(-4) : a })
323
+ children: /* @__PURE__ */ t("div", { className: B.commentsContainer, children: i ? a.slice(-4) : a })
314
324
  }
315
325
  ) : null;
316
326
  }
317
- const Gt = "_root_1x28e_1", Wt = "_left-controls_1x28e_28", jt = "_right-controls_1x28e_34", Qt = "_indicators_1x28e_40", Yt = "_normal-timeline_1x28e_49", Xt = "_compact-timeline_1x28e_55", O = {
318
- root: Gt,
327
+ const Yt = "_root_1x28e_1", Xt = "_left-controls_1x28e_28", Jt = "_right-controls_1x28e_34", en = "_indicators_1x28e_40", tn = "_normal-timeline_1x28e_49", nn = "_compact-timeline_1x28e_55", z = {
328
+ root: Yt,
319
329
  "left-controls": "_left-controls_1x28e_28",
320
- leftControls: Wt,
330
+ leftControls: Xt,
321
331
  "right-controls": "_right-controls_1x28e_34",
322
- rightControls: jt,
323
- indicators: Qt,
332
+ rightControls: Jt,
333
+ indicators: en,
324
334
  "normal-timeline": "_normal-timeline_1x28e_49",
325
- normalTimeline: Yt,
335
+ normalTimeline: tn,
326
336
  "compact-timeline": "_compact-timeline_1x28e_55",
327
- compactTimeline: Xt
337
+ compactTimeline: nn
328
338
  };
329
- function Jt({
339
+ function on({
330
340
  darkMode: e,
331
341
  playerRef: n,
332
342
  showCaptionsButton: o = !0
333
343
  }) {
334
- const i = z();
335
- return Z(() => {
344
+ const i = F();
345
+ return O(() => {
336
346
  i && (i.remoteControl.pauseControls(), n && (n.current = i));
337
- }, [i, n]), /* @__PURE__ */ s("div", { "data-darkmode": e, className: O.root, children: [
338
- /* @__PURE__ */ t(Ne, { className: O.normalTimeline }),
339
- /* @__PURE__ */ s("div", { className: O.leftControls, children: [
340
- /* @__PURE__ */ t(B1, {}),
341
- /* @__PURE__ */ t(zo, {})
347
+ }, [i, n]), /* @__PURE__ */ c("div", { "data-darkmode": e, className: z.root, children: [
348
+ /* @__PURE__ */ t(Ne, { className: z.normalTimeline }),
349
+ /* @__PURE__ */ c("div", { className: z.leftControls, children: [
350
+ /* @__PURE__ */ t(z1, {}),
351
+ /* @__PURE__ */ t(Uo, {})
342
352
  ] }),
343
- /* @__PURE__ */ t("div", { className: O.indicators, children: /* @__PURE__ */ t(Q1, {}) }),
344
- /* @__PURE__ */ t(Ne, { className: O.compactTimeline }),
345
- /* @__PURE__ */ s("div", { className: O.rightControls, children: [
346
- o && /* @__PURE__ */ t(Ht, {}),
347
- /* @__PURE__ */ t(jn, {}),
348
- /* @__PURE__ */ t(u1, {})
353
+ /* @__PURE__ */ t("div", { className: z.indicators, children: /* @__PURE__ */ t(eo, {}) }),
354
+ /* @__PURE__ */ t(Ne, { className: z.compactTimeline }),
355
+ /* @__PURE__ */ c("div", { className: z.rightControls, children: [
356
+ o && /* @__PURE__ */ t(Tt, {}),
357
+ /* @__PURE__ */ t(Jn, {}),
358
+ /* @__PURE__ */ t(p1, {})
349
359
  ] })
350
360
  ] });
351
361
  }
352
- const 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: "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" }) }), tn = (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" }) }), nn = "_menu-hint_k49ve_1", on = "_menu-button_k49ve_5", an = "_menu-label_k49ve_37", sn = "_menu-icon_k49ve_42", te = {
362
+ const an = (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" }) }), sn = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 3.03704L7.03704 2L14.037 9L7.03704 16L6 14.963L11.963 9L6 3.03704Z", fill: "currentColor" }) }), cn = "_menu-hint_k49ve_1", ln = "_menu-button_k49ve_5", rn = "_menu-label_k49ve_37", un = "_menu-icon_k49ve_42", te = {
353
363
  "menu-hint": "_menu-hint_k49ve_1",
354
- menuHint: nn,
364
+ menuHint: cn,
355
365
  "menu-button": "_menu-button_k49ve_5",
356
- menuButton: on,
366
+ menuButton: ln,
357
367
  "menu-label": "_menu-label_k49ve_37",
358
- menuLabel: an,
368
+ menuLabel: rn,
359
369
  "menu-icon": "_menu-icon_k49ve_42",
360
- menuIcon: sn
370
+ menuIcon: un
361
371
  };
362
- function Q({ label: e, hint: n, onClick: o, Icon: i }) {
363
- return /* @__PURE__ */ s(
372
+ function W({ label: e, hint: n, onClick: o, Icon: i }) {
373
+ return /* @__PURE__ */ c(
364
374
  "button",
365
375
  {
366
376
  type: "button",
@@ -373,118 +383,118 @@ function Q({ label: e, hint: n, onClick: o, Icon: i }) {
373
383
  i && /* @__PURE__ */ t(i, { className: te.menuIcon }),
374
384
  /* @__PURE__ */ t("span", { className: te.menuLabel, children: e }),
375
385
  /* @__PURE__ */ t("span", { className: te.menuHint, children: n }),
376
- /* @__PURE__ */ t(tn, {})
386
+ /* @__PURE__ */ t(sn, {})
377
387
  ]
378
388
  }
379
389
  );
380
390
  }
381
- const cn = (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" }) });
382
- function ln() {
383
- const e = I(), n = C("playbackRate"), { t: o } = f(), i = _(() => {
391
+ 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: "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" }) });
392
+ function mn() {
393
+ const e = H(), n = C("playbackRate"), { t: o } = f(), i = _(() => {
384
394
  e.setPage("speed");
385
395
  }, [e]);
386
396
  return /* @__PURE__ */ t(
387
- Q,
397
+ W,
388
398
  {
389
399
  label: o("PLAYBACK_SPEED"),
390
400
  hint: `${n}x`,
391
401
  onClick: i,
392
- Icon: cn
402
+ Icon: dn
393
403
  }
394
404
  );
395
405
  }
396
- function rn() {
397
- const e = I(), n = C("hasCaptions"), o = C("textTrack"), { t: i } = f(), a = _(() => {
406
+ function hn() {
407
+ const e = H(), n = C("hasCaptions"), o = C("textTrack"), { t: i } = f(), a = _(() => {
398
408
  e.setPage("captions");
399
409
  }, [e]);
400
410
  return n ? /* @__PURE__ */ t(
401
- Q,
411
+ W,
402
412
  {
403
413
  label: i("CAPTIONS"),
404
414
  hint: (o == null ? void 0 : o.label) ?? i("OFF"),
405
415
  onClick: a,
406
- Icon: Oe
416
+ Icon: Fe
407
417
  }
408
418
  ) : null;
409
419
  }
410
- const un = (e) => /* @__PURE__ */ s("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
420
+ const pn = (e) => /* @__PURE__ */ c("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
411
421
  /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_412_23039", children: /* @__PURE__ */ t("rect", { width: 18, height: 18, fill: "white" }) }) }),
412
- /* @__PURE__ */ s("g", { clipPath: "url(#clip0_412_23039)", children: [
422
+ /* @__PURE__ */ c("g", { clipPath: "url(#clip0_412_23039)", children: [
413
423
  /* @__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" }),
414
424
  /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 8.40039H9.46326C9.7388 7.11449 10.8818 6.15039 12.25 6.15039C13.6182 6.15039 14.7612 7.11449 15.0367 8.40039H18V9.60039H15.0367C14.7612 10.8863 13.6182 11.8504 12.25 11.8504C10.8818 11.8504 9.7388 10.8863 9.46326 9.60039H0V8.40039ZM12.25 7.35039C11.3387 7.35039 10.6 8.08912 10.6 9.00039C10.6 9.91166 11.3387 10.6504 12.25 10.6504C13.1613 10.6504 13.9 9.91166 13.9 9.00039C13.9 8.08912 13.1613 7.35039 12.25 7.35039Z", fill: "currentColor" }),
415
425
  /* @__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" })
416
426
  ] })
417
427
  ] });
418
- function dn() {
419
- const e = I(), n = C("autoQuality"), o = C("quality"), { t: i } = f(), a = _(() => {
428
+ function _n() {
429
+ const e = H(), n = C("autoQuality"), o = C("quality"), { t: i } = f(), a = _(() => {
420
430
  e.setPage("quality");
421
431
  }, [e]);
422
432
  return o ? /* @__PURE__ */ t(
423
- Q,
433
+ W,
424
434
  {
425
435
  label: i("QUALITY"),
426
436
  hint: n ? i("AUTO", { quality: o.height }) : `${o.height}p`,
427
437
  onClick: a,
428
- Icon: un
438
+ Icon: pn
429
439
  }
430
440
  ) : null;
431
441
  }
432
- const mn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { 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" }) }), hn = (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" }) }), pn = "_switch-track_1d65g_1", _n = "_switch-thumb_1d65g_12", Cn = "_switch-icon_1d65g_26", fn = "_switch-body_1d65g_32", bn = "_switch-label_1d65g_73", gn = "_menu-icon_1d65g_77", R = {
442
+ const Cn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 21.798373,3.342155 8.8843977,16.256145 2.2000774,9.571825 0,11.771895 8.8843977,20.657845 24,5.543795 Z", fill: "currentColor" }) }), fn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 9.64706,12 4,17.64706 6.35293,20 12,14.35293 17.64706,20 20,17.64706 14.35293,12 20,6.35293 17.64706,4 12,9.64706 6.35293,4 4,6.35293 Z", fill: "currentColor" }) }), bn = "_switch-track_1d65g_1", gn = "_switch-thumb_1d65g_12", vn = "_switch-icon_1d65g_26", wn = "_switch-body_1d65g_32", yn = "_switch-label_1d65g_73", kn = "_menu-icon_1d65g_77", A = {
433
443
  "switch-track": "_switch-track_1d65g_1",
434
- switchTrack: pn,
444
+ switchTrack: bn,
435
445
  "switch-thumb": "_switch-thumb_1d65g_12",
436
- switchThumb: _n,
446
+ switchThumb: gn,
437
447
  "switch-icon": "_switch-icon_1d65g_26",
438
- switchIcon: Cn,
448
+ switchIcon: vn,
439
449
  "switch-body": "_switch-body_1d65g_32",
440
- switchBody: fn,
450
+ switchBody: wn,
441
451
  "switch-label": "_switch-label_1d65g_73",
442
- switchLabel: bn,
452
+ switchLabel: yn,
443
453
  "menu-icon": "_menu-icon_1d65g_77",
444
- menuIcon: gn
454
+ menuIcon: kn
445
455
  };
446
- function Ce({
456
+ function fe({
447
457
  label: e,
448
458
  checked: n = !1,
449
459
  onClick: o,
450
460
  Icon: i
451
461
  }) {
452
- return /* @__PURE__ */ s(
462
+ return /* @__PURE__ */ c(
453
463
  "button",
454
464
  {
455
- className: R.switchBody,
465
+ className: A.switchBody,
456
466
  role: "checkbox",
457
467
  "aria-label": e,
458
468
  "aria-checked": n,
459
469
  onClick: o,
460
470
  tabIndex: -1,
461
471
  children: [
462
- i && /* @__PURE__ */ t(i, { className: R.menuIcon }),
463
- /* @__PURE__ */ t("span", { className: R.switchLabel, children: e }),
464
- /* @__PURE__ */ t("div", { className: R.switchTrack, children: /* @__PURE__ */ t("div", { className: R.switchThumb, children: n ? /* @__PURE__ */ t(mn, { className: R.switchIcon }) : /* @__PURE__ */ t(hn, { className: R.switchIcon }) }) })
472
+ i && /* @__PURE__ */ t(i, { className: A.menuIcon }),
473
+ /* @__PURE__ */ t("span", { className: A.switchLabel, children: e }),
474
+ /* @__PURE__ */ t("div", { className: A.switchTrack, children: /* @__PURE__ */ t("div", { className: A.switchThumb, children: n ? /* @__PURE__ */ t(Cn, { className: A.switchIcon }) : /* @__PURE__ */ t(fn, { className: A.switchIcon }) }) })
465
475
  ]
466
476
  }
467
477
  );
468
478
  }
469
- const vn = (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" }) });
470
- function wn() {
471
- const { t: e } = f(), n = V(), o = g();
479
+ 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" }) });
480
+ function xn() {
481
+ const { t: e } = f(), n = M(), o = g();
472
482
  return !n.forceComments && n.hasComments ? /* @__PURE__ */ t(
473
- Ce,
483
+ fe,
474
484
  {
475
- Icon: vn,
485
+ Icon: Ln,
476
486
  label: e("COMMENTS"),
477
487
  onClick: o.toggleComments,
478
488
  checked: o.state.commentsEnabled
479
489
  }
480
490
  ) : null;
481
491
  }
482
- const yn = "_main-menu_7h96l_1", kn = {
492
+ const Mn = "_main-menu_7h96l_1", Pn = {
483
493
  "main-menu": "_main-menu_7h96l_1",
484
- mainMenu: yn
494
+ mainMenu: Mn
485
495
  };
486
- function ze(e) {
487
- Z(() => {
496
+ function Ke(e) {
497
+ O(() => {
488
498
  const n = (o) => {
489
499
  var i;
490
500
  (i = e[o.key]) == null || i.call(e, o);
@@ -494,60 +504,60 @@ function ze(e) {
494
504
  };
495
505
  }, [e]);
496
506
  }
497
- function Ln(e) {
498
- const n = S(() => ({ Escape: e }), [e]);
499
- return ze(n);
507
+ function Nn(e) {
508
+ const n = E(() => ({ Escape: e }), [e]);
509
+ return Ke(n);
500
510
  }
501
- const I = () => {
502
- const e = le(Ke);
511
+ const H = () => {
512
+ const e = re(De);
503
513
  if (!e)
504
514
  throw new Error(
505
515
  "useCustomSettingsMenuContext must be used within a CustomSettingsMenuContext.Provider"
506
516
  );
507
517
  return e;
508
518
  };
509
- function xn(e, n) {
519
+ function In(e, n) {
510
520
  const o = Array.from(e.querySelectorAll("button")), i = o.indexOf(n);
511
521
  return o[i - 1] ?? null;
512
522
  }
513
- function Mn(e, n) {
523
+ function Hn(e, n) {
514
524
  const o = Array.from(e.querySelectorAll("button")), i = o.indexOf(n);
515
525
  return o[i + 1] ?? null;
516
526
  }
517
- function Nn(e) {
527
+ function Vn(e) {
518
528
  return e.querySelector("button");
519
529
  }
520
- function Pn(e) {
530
+ function Sn(e) {
521
531
  const n = Array.from(e.querySelectorAll("button"));
522
532
  return n[n.length - 1] ?? null;
523
533
  }
524
- function K() {
525
- const e = I(), n = W(null), o = S(
534
+ function D() {
535
+ const e = H(), n = G(null), o = E(
526
536
  () => ({
527
537
  Escape: e.toggle,
528
538
  ArrowUp: () => {
529
539
  const i = document.activeElement;
530
540
  if (i && n.current && n.current.contains(i)) {
531
- const a = xn(
541
+ const a = In(
532
542
  n.current,
533
543
  i
534
544
  );
535
545
  a == null || a.focus();
536
546
  } else if (n.current) {
537
- const a = Pn(n.current);
547
+ const a = Sn(n.current);
538
548
  a == null || a.focus();
539
549
  }
540
550
  },
541
551
  ArrowDown: () => {
542
552
  const i = document.activeElement;
543
553
  if (i && n.current && n.current.contains(i)) {
544
- const a = Mn(
554
+ const a = Hn(
545
555
  n.current,
546
556
  i
547
557
  );
548
558
  a == null || a.focus();
549
559
  } else if (n.current) {
550
- const a = Nn(n.current);
560
+ const a = Vn(n.current);
551
561
  a == null || a.focus();
552
562
  }
553
563
  },
@@ -559,47 +569,47 @@ function K() {
559
569
  }),
560
570
  [e]
561
571
  );
562
- return ze(o), n;
572
+ return Ke(o), n;
563
573
  }
564
- function In() {
565
- const e = K(), { t: n } = f();
566
- return /* @__PURE__ */ s(
574
+ function Tn() {
575
+ const e = D(), { t: n } = f();
576
+ return /* @__PURE__ */ c(
567
577
  "div",
568
578
  {
569
579
  ref: e,
570
580
  id: "submenu",
571
581
  "aria-label": n("MAIN_MENU"),
572
582
  role: "menu",
573
- className: kn.mainMenu,
583
+ className: Pn.mainMenu,
574
584
  children: [
575
- /* @__PURE__ */ t(ln, {}),
576
- /* @__PURE__ */ t(rn, {}),
577
- /* @__PURE__ */ t(wn, {}),
578
- /* @__PURE__ */ t(dn, {})
585
+ /* @__PURE__ */ t(mn, {}),
586
+ /* @__PURE__ */ t(hn, {}),
587
+ /* @__PURE__ */ t(xn, {}),
588
+ /* @__PURE__ */ t(_n, {})
579
589
  ]
580
590
  }
581
591
  );
582
592
  }
583
- const oe = (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" }) }), 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: "M12.037 3.03704L6.07407 9L12.037 14.963L11 16L4 9L11 2L12.037 3.03704Z", fill: "currentColor" }) }), Hn = "_menu-container_1lrzf_1", Vn = "_menu-heading_1lrzf_6", Sn = "_check-icon_1lrzf_22", Tn = "_menu-item-label_1lrzf_28", En = "_menu-item_1lrzf_28", Rn = "_menu-back-button_1lrzf_61", h = {
593
+ const ie = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.1347 3.00061L6.55157 13.5825L0.865302 7.89624L0 8.76154L6.55157 15.3131L17.9988 3.86469L17.1347 3.00061Z", fill: "currentColor" }) }), j = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.037 3.03704L6.07407 9L12.037 14.963L11 16L4 9L11 2L12.037 3.03704Z", fill: "currentColor" }) }), En = "_menu-container_1lrzf_1", Rn = "_menu-heading_1lrzf_6", An = "_check-icon_1lrzf_22", Bn = "_menu-item-label_1lrzf_28", On = "_menu-item_1lrzf_28", Fn = "_menu-back-button_1lrzf_61", h = {
584
594
  "menu-container": "_menu-container_1lrzf_1",
585
- menuContainer: Hn,
595
+ menuContainer: En,
586
596
  "menu-heading": "_menu-heading_1lrzf_6",
587
- menuHeading: Vn,
597
+ menuHeading: Rn,
588
598
  "check-icon": "_check-icon_1lrzf_22",
589
- checkIcon: Sn,
599
+ checkIcon: An,
590
600
  "menu-item-label": "_menu-item-label_1lrzf_28",
591
- menuItemLabel: Tn,
601
+ menuItemLabel: Bn,
592
602
  "menu-item": "_menu-item_1lrzf_28",
593
- menuItem: En,
603
+ menuItem: On,
594
604
  "menu-back-button": "_menu-back-button_1lrzf_61",
595
- menuBackButton: Rn
605
+ menuBackButton: Fn
596
606
  };
597
- function An() {
598
- const e = I(), n = at({
599
- rates: F,
607
+ function Zn() {
608
+ const e = H(), n = lt({
609
+ rates: K,
600
610
  normalLabel: "1x"
601
- }), { t: o } = f(), i = K();
602
- return /* @__PURE__ */ s(
611
+ }), { t: o } = f(), i = D();
612
+ return /* @__PURE__ */ c(
603
613
  "div",
604
614
  {
605
615
  ref: i,
@@ -608,7 +618,7 @@ function An() {
608
618
  role: "menu",
609
619
  className: h.menuContainer,
610
620
  children: [
611
- /* @__PURE__ */ s(
621
+ /* @__PURE__ */ c(
612
622
  "button",
613
623
  {
614
624
  type: "button",
@@ -617,25 +627,25 @@ function An() {
617
627
  className: h.menuBackButton,
618
628
  onClick: e.back,
619
629
  children: [
620
- /* @__PURE__ */ t(Y, {}),
630
+ /* @__PURE__ */ t(j, {}),
621
631
  /* @__PURE__ */ t("span", { children: o("BACK") })
622
632
  ]
623
633
  }
624
634
  ),
625
635
  /* @__PURE__ */ t("strong", { className: h.menuHeading, children: o("PLAYBACK_SPEED") }),
626
- n.map(({ value: a, label: c, select: l, selected: r }) => /* @__PURE__ */ s(
636
+ n.map(({ value: a, label: s, select: l, selected: r }) => /* @__PURE__ */ c(
627
637
  "button",
628
638
  {
629
639
  type: "button",
630
640
  role: "menuitemradio",
631
- "aria-label": c,
641
+ "aria-label": s,
632
642
  "aria-checked": r,
633
643
  onClick: () => l(),
634
644
  tabIndex: -1,
635
645
  className: h.menuItem,
636
646
  children: [
637
- /* @__PURE__ */ t(oe, { className: h.checkIcon }),
638
- /* @__PURE__ */ t("span", { className: h.menuItemLabel, children: c })
647
+ /* @__PURE__ */ t(ie, { className: h.checkIcon }),
648
+ /* @__PURE__ */ t("span", { className: h.menuItemLabel, children: s })
639
649
  ]
640
650
  },
641
651
  a
@@ -644,12 +654,12 @@ function An() {
644
654
  }
645
655
  );
646
656
  }
647
- function Bn() {
648
- const e = I(), n = C("textTrack"), { t: o } = f(), { disableCaptionSettings: i } = g(), a = _(() => {
657
+ function zn() {
658
+ const e = H(), n = C("textTrack"), { t: o } = f(), { disableCaptionSettings: i } = g(), a = _(() => {
649
659
  e.setPage("captionLanguage");
650
660
  }, [e]);
651
661
  return i ? null : /* @__PURE__ */ t(
652
- Q,
662
+ W,
653
663
  {
654
664
  label: o("LANGUAGE"),
655
665
  hint: (n == null ? void 0 : n.label) ?? o("OFF"),
@@ -657,12 +667,12 @@ function Bn() {
657
667
  }
658
668
  );
659
669
  }
660
- function On() {
661
- const { t: e } = f(), n = g(), o = I(), i = _(() => {
670
+ function Kn() {
671
+ const { t: e } = f(), n = g(), o = H(), i = _(() => {
662
672
  o.setPage("captionFontSize");
663
673
  }, [o]);
664
674
  return /* @__PURE__ */ t(
665
- Q,
675
+ W,
666
676
  {
667
677
  label: e("CAPTION_FONT_SIZE"),
668
678
  hint: `${n.state.captionsFontSizeMultiplier * 100}%`,
@@ -670,10 +680,10 @@ function On() {
670
680
  }
671
681
  );
672
682
  }
673
- function Fn() {
683
+ function Dn() {
674
684
  const { t: e } = f(), n = g();
675
685
  return /* @__PURE__ */ t(
676
- Ce,
686
+ fe,
677
687
  {
678
688
  label: e("ON_TOP"),
679
689
  onClick: n.toggleCaptionPositionOnTop,
@@ -681,10 +691,10 @@ function Fn() {
681
691
  }
682
692
  );
683
693
  }
684
- function Zn() {
694
+ function $n() {
685
695
  const { t: e } = f(), n = g();
686
696
  return /* @__PURE__ */ t(
687
- Ce,
697
+ fe,
688
698
  {
689
699
  label: e("INVERT_COLORS"),
690
700
  onClick: n.toggleCaptionsInvertColors,
@@ -692,9 +702,9 @@ function Zn() {
692
702
  }
693
703
  );
694
704
  }
695
- function zn() {
696
- const e = I(), { t: n } = f(), o = K();
697
- return /* @__PURE__ */ s(
705
+ function Un() {
706
+ const e = H(), { t: n } = f(), o = D();
707
+ return /* @__PURE__ */ c(
698
708
  "div",
699
709
  {
700
710
  ref: o,
@@ -703,7 +713,7 @@ function zn() {
703
713
  role: "menu",
704
714
  className: h.menuContainer,
705
715
  children: [
706
- /* @__PURE__ */ s(
716
+ /* @__PURE__ */ c(
707
717
  "button",
708
718
  {
709
719
  type: "button",
@@ -712,23 +722,23 @@ function zn() {
712
722
  className: h.menuBackButton,
713
723
  onClick: e.back,
714
724
  children: [
715
- /* @__PURE__ */ t(Y, {}),
725
+ /* @__PURE__ */ t(j, {}),
716
726
  /* @__PURE__ */ t("span", { children: n("BACK") })
717
727
  ]
718
728
  }
719
729
  ),
720
730
  /* @__PURE__ */ t("strong", { className: h.menuHeading, children: n("CAPTIONS") }),
721
- /* @__PURE__ */ t(Bn, {}),
722
- /* @__PURE__ */ t(On, {}),
723
- /* @__PURE__ */ t(Fn, {}),
724
- /* @__PURE__ */ t(Zn, {})
731
+ /* @__PURE__ */ t(zn, {}),
732
+ /* @__PURE__ */ t(Kn, {}),
733
+ /* @__PURE__ */ t(Dn, {}),
734
+ /* @__PURE__ */ t($n, {})
725
735
  ]
726
736
  }
727
737
  );
728
738
  }
729
- function Kn() {
730
- const e = I(), n = st(), { t: o } = f(), i = K();
731
- return /* @__PURE__ */ s(
739
+ function qn() {
740
+ const e = H(), n = rt(), { t: o } = f(), i = D();
741
+ return /* @__PURE__ */ c(
732
742
  "div",
733
743
  {
734
744
  ref: i,
@@ -737,7 +747,7 @@ function Kn() {
737
747
  role: "menu",
738
748
  className: h.menuContainer,
739
749
  children: [
740
- /* @__PURE__ */ s(
750
+ /* @__PURE__ */ c(
741
751
  "button",
742
752
  {
743
753
  type: "button",
@@ -746,13 +756,13 @@ function Kn() {
746
756
  className: h.menuBackButton,
747
757
  onClick: e.back,
748
758
  children: [
749
- /* @__PURE__ */ t(Y, {}),
759
+ /* @__PURE__ */ t(j, {}),
750
760
  /* @__PURE__ */ t("span", { children: o("BACK") })
751
761
  ]
752
762
  }
753
763
  ),
754
764
  /* @__PURE__ */ t("strong", { className: h.menuHeading, children: o("CAPTIONS") }),
755
- n.map(({ value: a, label: c, select: l, selected: r }) => /* @__PURE__ */ s(
765
+ n.map(({ value: a, label: s, select: l, selected: r }) => /* @__PURE__ */ c(
756
766
  "button",
757
767
  {
758
768
  type: "button",
@@ -762,8 +772,8 @@ function Kn() {
762
772
  tabIndex: -1,
763
773
  className: h.menuItem,
764
774
  children: [
765
- /* @__PURE__ */ t(oe, { className: h.checkIcon }),
766
- /* @__PURE__ */ t("span", { className: h.menuItemLabel, children: c })
775
+ /* @__PURE__ */ t(ie, { className: h.checkIcon }),
776
+ /* @__PURE__ */ t("span", { className: h.menuItemLabel, children: s })
767
777
  ]
768
778
  },
769
779
  a
@@ -772,9 +782,9 @@ function Kn() {
772
782
  }
773
783
  );
774
784
  }
775
- function Dn() {
776
- const e = g(), n = I(), { t: o } = f(), i = K();
777
- return /* @__PURE__ */ s(
785
+ function Gn() {
786
+ const e = g(), n = H(), { t: o } = f(), i = D();
787
+ return /* @__PURE__ */ c(
778
788
  "div",
779
789
  {
780
790
  ref: i,
@@ -783,7 +793,7 @@ function Dn() {
783
793
  role: "menu",
784
794
  className: h.menuContainer,
785
795
  children: [
786
- /* @__PURE__ */ s(
796
+ /* @__PURE__ */ c(
787
797
  "button",
788
798
  {
789
799
  type: "button",
@@ -792,13 +802,13 @@ function Dn() {
792
802
  className: h.menuBackButton,
793
803
  onClick: n.back,
794
804
  children: [
795
- /* @__PURE__ */ t(Y, {}),
805
+ /* @__PURE__ */ t(j, {}),
796
806
  /* @__PURE__ */ t("span", { children: o("BACK") })
797
807
  ]
798
808
  }
799
809
  ),
800
810
  /* @__PURE__ */ t("strong", { className: h.menuHeading, children: o("CAPTIONS") }),
801
- Tt.map((a) => /* @__PURE__ */ s(
811
+ Bt.map((a) => /* @__PURE__ */ c(
802
812
  "button",
803
813
  {
804
814
  type: "button",
@@ -810,8 +820,8 @@ function Dn() {
810
820
  tabIndex: -1,
811
821
  className: h.menuItem,
812
822
  children: [
813
- /* @__PURE__ */ t(oe, { className: h.checkIcon }),
814
- /* @__PURE__ */ s("span", { className: h.menuItemLabel, children: [
823
+ /* @__PURE__ */ t(ie, { className: h.checkIcon }),
824
+ /* @__PURE__ */ c("span", { className: h.menuItemLabel, children: [
815
825
  a * 100,
816
826
  "%"
817
827
  ] })
@@ -823,9 +833,9 @@ function Dn() {
823
833
  }
824
834
  );
825
835
  }
826
- function $n() {
827
- const e = I(), n = ct({ sort: "descending" }), o = C("autoQuality"), { t: i } = f(), a = K();
828
- return /* @__PURE__ */ s(
836
+ function Qn() {
837
+ const e = H(), n = ut({ sort: "descending" }), o = C("autoQuality"), { t: i } = f(), a = D();
838
+ return /* @__PURE__ */ c(
829
839
  "div",
830
840
  {
831
841
  ref: a,
@@ -834,7 +844,7 @@ function $n() {
834
844
  role: "menu",
835
845
  className: h.menuContainer,
836
846
  children: [
837
- /* @__PURE__ */ s(
847
+ /* @__PURE__ */ c(
838
848
  "button",
839
849
  {
840
850
  type: "button",
@@ -843,61 +853,61 @@ function $n() {
843
853
  className: h.menuBackButton,
844
854
  onClick: e.back,
845
855
  children: [
846
- /* @__PURE__ */ t(Y, {}),
856
+ /* @__PURE__ */ t(j, {}),
847
857
  /* @__PURE__ */ t("span", { children: i("BACK") })
848
858
  ]
849
859
  }
850
860
  ),
851
861
  /* @__PURE__ */ t("strong", { className: h.menuHeading, children: i("QUALITY") }),
852
- n.map(({ value: c, label: l, select: r, selected: u }) => /* @__PURE__ */ s(
862
+ n.map(({ value: s, label: l, select: r, selected: u }) => /* @__PURE__ */ c(
853
863
  "button",
854
864
  {
855
865
  type: "button",
856
866
  role: "menuitemradio",
857
- "aria-checked": c === "auto" && o || u && !o,
867
+ "aria-checked": s === "auto" && o || u && !o,
858
868
  onClick: () => r(),
859
869
  tabIndex: -1,
860
870
  className: h.menuItem,
861
871
  children: [
862
- /* @__PURE__ */ t(oe, { className: h.checkIcon }),
872
+ /* @__PURE__ */ t(ie, { className: h.checkIcon }),
863
873
  /* @__PURE__ */ t("span", { className: h.menuItemLabel, children: l })
864
874
  ]
865
875
  },
866
- c
876
+ s
867
877
  ))
868
878
  ]
869
879
  }
870
880
  );
871
881
  }
872
- const Ke = ce(null), Un = {
873
- main: In,
874
- speed: An,
875
- captions: zn,
876
- captionLanguage: Kn,
877
- captionFontSize: Dn,
878
- quality: $n
882
+ const De = le(null), Wn = {
883
+ main: Tn,
884
+ speed: Zn,
885
+ captions: Un,
886
+ captionLanguage: qn,
887
+ captionFontSize: Gn,
888
+ quality: Qn
879
889
  };
880
- function qn() {
881
- const e = g(), [n, o] = x(["main"]), [i, a] = x(!1), c = _(() => {
890
+ function jn() {
891
+ const e = g(), [n, o] = x(["main"]), [i, a] = x(!1), s = _(() => {
882
892
  a(!i), o(["main"]), e.setGlobalKeysDisabled(!i);
883
- }, [i]), l = _((N) => {
884
- o((T) => T.concat(N));
893
+ }, [i]), l = _((P) => {
894
+ o((T) => T.concat(P));
885
895
  }, []), r = _(() => {
886
- o((N) => N.length > 1 ? N.slice(0, -1) : N);
887
- }, []), u = S(() => Un[n[n.length - 1]], [n]), p = W(null), { refs: v, floatingStyles: y, context: k } = re({
896
+ o((P) => P.length > 1 ? P.slice(0, -1) : P);
897
+ }, []), u = E(() => Wn[n[n.length - 1]], [n]), p = G(null), { refs: v, floatingStyles: y, context: k } = ue({
888
898
  open: i,
889
- onOpenChange: c,
899
+ onOpenChange: s,
890
900
  placement: "top-end",
891
- whileElementsMounted: ue,
901
+ whileElementsMounted: de,
892
902
  middleware: [
893
- de(),
894
- me({
903
+ me(),
904
+ he({
895
905
  element: p
896
906
  })
897
907
  ]
898
- }), w = he(k, { escapeKey: !1 }), { getReferenceProps: M, getFloatingProps: m } = pe([w]), b = S(
899
- () => ({ setPage: l, back: r, toggle: c }),
900
- [r, l, c]
908
+ }), w = pe(k, { escapeKey: !1 }), { getReferenceProps: N, getFloatingProps: m } = _e([w]), b = E(
909
+ () => ({ setPage: l, back: r, toggle: s }),
910
+ [r, l, s]
901
911
  );
902
912
  return {
903
913
  Page: u,
@@ -908,7 +918,7 @@ function qn() {
908
918
  context: k,
909
919
  getReferenceProps() {
910
920
  return {
911
- ...M(),
921
+ ...N(),
912
922
  tabIndex: e.state.interactionsDisabled ? -1 : 0
913
923
  };
914
924
  },
@@ -916,24 +926,24 @@ function qn() {
916
926
  contextValue: b
917
927
  };
918
928
  }
919
- const Gn = "_settings-menu_7d0td_1", Wn = "_arrow_7d0td_19", xe = {
929
+ const Yn = "_settings-menu_7d0td_1", Xn = "_arrow_7d0td_19", Me = {
920
930
  "settings-menu": "_settings-menu_7d0td_1",
921
- settingsMenu: Gn,
922
- arrow: Wn
931
+ settingsMenu: Yn,
932
+ arrow: Xn
923
933
  };
924
- function jn() {
934
+ function Jn() {
925
935
  const {
926
936
  Page: e,
927
937
  arrowRef: n,
928
938
  context: o,
929
939
  floatingStyles: i,
930
940
  getFloatingProps: a,
931
- getReferenceProps: c,
941
+ getReferenceProps: s,
932
942
  open: l,
933
943
  refs: r,
934
944
  contextValue: u
935
- } = qn(), { t: p } = f();
936
- return /* @__PURE__ */ s(j, { children: [
945
+ } = jn(), { t: p } = f();
946
+ return /* @__PURE__ */ c(Q, { children: [
937
947
  /* @__PURE__ */ t(
938
948
  "button",
939
949
  {
@@ -943,26 +953,26 @@ function jn() {
943
953
  "aria-label": p("SETTINGS"),
944
954
  onClick: u.toggle,
945
955
  "aria-expanded": l,
946
- ...c(),
947
- children: /* @__PURE__ */ t(en, { className: "controls-button-icon icon-rotate" })
956
+ ...s(),
957
+ children: /* @__PURE__ */ t(an, { className: "controls-button-icon icon-rotate" })
948
958
  }
949
959
  ),
950
- l && /* @__PURE__ */ t(Se, { context: o, restoreFocus: !0, modal: !1, children: /* @__PURE__ */ s(
960
+ l && /* @__PURE__ */ t(Te, { context: o, restoreFocus: !0, modal: !1, children: /* @__PURE__ */ c(
951
961
  "div",
952
962
  {
953
963
  "aria-labelledby": "submenu",
954
- className: xe.settingsMenu,
964
+ className: Me.settingsMenu,
955
965
  ref: r.setFloating,
956
966
  style: i,
957
967
  ...a(),
958
968
  children: [
959
- /* @__PURE__ */ t(Ke.Provider, { value: u, children: /* @__PURE__ */ t(e, {}) }),
969
+ /* @__PURE__ */ t(De.Provider, { value: u, children: /* @__PURE__ */ t(e, {}) }),
960
970
  /* @__PURE__ */ t(
961
- _e,
971
+ Ce,
962
972
  {
963
973
  ref: n,
964
974
  context: o,
965
- className: xe.arrow
975
+ className: Me.arrow
966
976
  }
967
977
  )
968
978
  ]
@@ -970,53 +980,53 @@ function jn() {
970
980
  ) })
971
981
  ] });
972
982
  }
973
- function De(e, n = 1e3) {
983
+ function $e(e, n = 1e3) {
974
984
  return function() {
975
- const i = C("lastKeyboardAction"), [a, c] = x(!1), l = _(() => c(!1), []);
976
- return Z(() => {
977
- c(!!i);
985
+ const i = C("lastKeyboardAction"), [a, s] = x(!1), l = _(() => s(!1), []);
986
+ return O(() => {
987
+ s(!!i);
978
988
  const r = setTimeout(l, n);
979
989
  return () => clearTimeout(r);
980
990
  }, [i, n]), a ? /* @__PURE__ */ t(e, {}) : null;
981
991
  };
982
992
  }
983
- const fe = (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" }) }), be = (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" }) }), $e = (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" }) }), Ue = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "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" }) }), qe = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 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" }) }), 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: "M10.691 3.99987V10.5281L0 4.00655V20.2596L10.691 13.7367V20.2663L23.9987 12.1331L10.691 3.99987Z", fill: "currentColor" }) }), Yn = (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" }) }), Xn = "_feedback-overlay_v4lbu_1", Jn = "_feedback-message_v4lbu_14", e1 = "_feedback-icon_v4lbu_30", t1 = "_feedback-icon-animation_v4lbu_1", L = {
993
+ const be = (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" }) }), ge = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 5,2 V 22 L 21,12.000665 Z", fill: "currentColor" }) }), Ue = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.1179 1.41211V22.589H11.2943L5.64717 16.9418V7.05928L11.2943 1.41211H14.1179ZM4.23537 7.05928V16.9418H2.11769C0.957618 16.9418 0.0189406 16.0147 0.00028305 14.8592L0 14.8241V9.17696C0 8.01689 0.927077 7.07822 2.0826 7.05956L2.11769 7.05928H4.23537ZM22.3744 7.93711L24 9.56119L21.5623 11.9988L24 14.4365L22.3744 16.0621L19.9383 13.6245L17.5006 16.0621L15.875 14.4365L18.3127 11.9988L15.875 9.56119L17.5006 7.93711L19.9383 10.3748L22.3744 7.93711Z", fill: "currentColor" }) }), qe = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 6.98017V16.8627L11.2943 22.5099H14.1179V1.33301H11.2943L5.64714 6.98017ZM0 9.09785V14.745C0 15.9168 0.945899 16.8627 2.11768 16.8627H4.23537V6.98017H2.11768C0.945899 6.98017 0 7.92607 0 9.09785ZM18.3527 11.9207C18.3527 10.6134 17.8388 9.36962 16.9056 8.4209L17.9094 7.43123C19.1066 8.64396 19.7645 10.2393 19.7645 11.9207C19.7645 13.6036 19.1066 15.1989 17.9094 16.4116L16.9056 15.422C17.8388 14.4732 18.3527 13.2295 18.3527 11.9207Z", fill: "currentColor" }) }), Ge = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 16.8627V6.98017L11.2943 1.33301H14.1179V22.5099H11.2943L5.64714 16.8627ZM0 14.745V9.09785C0 7.92607 0.945899 6.98017 2.11768 6.98017H4.23537V16.8627H2.11768C0.945899 16.8627 0 15.9168 0 14.745ZM16.9056 8.4209C17.8388 9.36962 18.3527 10.6134 18.3527 11.9207C18.3527 13.2295 17.8388 14.4732 16.9056 15.422L17.9094 16.4116C19.1066 15.1989 19.7645 13.6036 19.7645 11.9207C19.7645 10.2393 19.1066 8.64396 17.9094 7.43123L16.9056 8.4209ZM19.9016 5.43185L20.8997 4.43372C22.9002 6.43422 24 9.09403 24 11.9219C24 14.7497 22.9002 17.4081 20.8997 19.4086L19.9016 18.4104C21.6353 16.6782 22.5882 14.3727 22.5882 11.9219C22.5882 9.46957 21.6353 7.16553 19.9016 5.43185Z", fill: "currentColor" }) }), e1 = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.691 3.99987V10.5281L0 4.00655V20.2596L10.691 13.7367V20.2663L23.9987 12.1331L10.691 3.99987Z", fill: "currentColor" }) }), t1 = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.309 3.99987L0 12.1331L13.309 20.2663V13.7367L23.9987 20.2596V4.00655L13.309 10.5281V3.99987Z", fill: "currentColor" }) }), n1 = "_feedback-overlay_v4lbu_1", o1 = "_feedback-message_v4lbu_14", i1 = "_feedback-icon_v4lbu_30", a1 = "_feedback-icon-animation_v4lbu_1", L = {
984
994
  "feedback-overlay": "_feedback-overlay_v4lbu_1",
985
- feedbackOverlay: Xn,
995
+ feedbackOverlay: n1,
986
996
  "feedback-message": "_feedback-message_v4lbu_14",
987
- feedbackMessage: Jn,
997
+ feedbackMessage: o1,
988
998
  "feedback-icon": "_feedback-icon_v4lbu_30",
989
- feedbackIcon: e1,
999
+ feedbackIcon: i1,
990
1000
  "feedback-icon-animation": "_feedback-icon-animation_v4lbu_1",
991
- feedbackIconAnimation: t1
1001
+ feedbackIconAnimation: a1
992
1002
  };
993
- function n1() {
1003
+ function s1() {
994
1004
  var o;
995
- const e = Ve();
1005
+ const e = Se();
996
1006
  switch ((o = e.lastKeyboardAction) == null ? void 0 : o.action) {
997
1007
  case "togglePaused":
998
- return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: e.paused ? /* @__PURE__ */ t(fe, {}) : /* @__PURE__ */ t(be, {}) });
1008
+ return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: e.paused ? /* @__PURE__ */ t(be, {}) : /* @__PURE__ */ t(ge, {}) });
999
1009
  case "toggleCaptions":
1000
1010
  case "nextCaptionLanguage":
1001
1011
  case "previousCaptionLanguage":
1002
- return e.hasCaptions ? /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: /* @__PURE__ */ t(Fe, {}) }) : null;
1012
+ return e.hasCaptions ? /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: /* @__PURE__ */ t(Ze, {}) }) : null;
1003
1013
  case "volumeUp":
1004
1014
  case "volumeDown":
1005
1015
  case "toggleMuted":
1006
- return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: e.muted || e.volume === 0 ? /* @__PURE__ */ t($e, {}) : e.volume >= 0.5 ? /* @__PURE__ */ t(qe, {}) : /* @__PURE__ */ t(Ue, {}) });
1016
+ return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: e.muted || e.volume === 0 ? /* @__PURE__ */ t(Ue, {}) : e.volume >= 0.5 ? /* @__PURE__ */ t(Ge, {}) : /* @__PURE__ */ t(qe, {}) });
1007
1017
  case "seekForward":
1008
1018
  case "seekForward10":
1009
- return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: /* @__PURE__ */ t(Qn, { className: "right" }) });
1019
+ return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: /* @__PURE__ */ t(e1, { className: "right" }) });
1010
1020
  case "seekBackward":
1011
1021
  case "seekBackward10":
1012
- return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: /* @__PURE__ */ t(Yn, { className: "left" }) });
1022
+ return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: /* @__PURE__ */ t(t1, { className: "left" }) });
1013
1023
  default:
1014
1024
  return null;
1015
1025
  }
1016
1026
  }
1017
- function o1() {
1027
+ function c1() {
1018
1028
  var i;
1019
- const { t: e } = f(), n = Ve();
1029
+ const { t: e } = f(), n = Se();
1020
1030
  switch ((i = n.lastKeyboardAction) == null ? void 0 : i.action) {
1021
1031
  case "toggleCaptions":
1022
1032
  case "nextCaptionLanguage":
@@ -1042,19 +1052,19 @@ function o1() {
1042
1052
  return null;
1043
1053
  }
1044
1054
  }
1045
- const i1 = De(n1, 500), a1 = De(o1, 1e3);
1046
- function Ge() {
1047
- return /* @__PURE__ */ s("div", { className: L.feedbackOverlay, children: [
1048
- /* @__PURE__ */ t(i1, {}),
1049
- /* @__PURE__ */ t(a1, {})
1055
+ const l1 = $e(s1, 500), r1 = $e(c1, 1e3);
1056
+ function Qe() {
1057
+ return /* @__PURE__ */ c("div", { className: L.feedbackOverlay, children: [
1058
+ /* @__PURE__ */ t(l1, {}),
1059
+ /* @__PURE__ */ t(r1, {})
1050
1060
  ] });
1051
1061
  }
1052
- const s1 = (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" }) }), c1 = (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" }) }), l1 = "_full-screen-button_1xm32_2", r1 = {
1062
+ const u1 = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.1383 0.999867V3.66268H18.4561L3.66281 18.4546V14.1382H1V23H9.86449V20.3372H5.54542L20.3387 5.54528V9.86303H23.0001V0.999867H14.1383Z", fill: "currentColor" }) }), d1 = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.562 6.58944L22.1514 0L24.0005 1.84907L17.4111 8.43851H21.6506V11.0552H12.9453V2.34861H15.562V6.58944ZM2.34861 15.5615V12.9461H11.0539V21.6501H8.43982V17.4106L1.84907 24L0 22.1509L6.59075 15.5615H2.34861Z", fill: "currentColor" }) }), m1 = "_full-screen-button_1xm32_2", h1 = {
1053
1063
  "full-screen-button": "_full-screen-button_1xm32_2",
1054
- fullScreenButton: l1
1064
+ fullScreenButton: m1
1055
1065
  };
1056
- function u1() {
1057
- const e = C("fullscreen"), n = z(), o = g(), i = V(), { t: a } = f();
1066
+ function p1() {
1067
+ const e = C("fullscreen"), n = F(), o = g(), i = M(), { t: a } = f();
1058
1068
  return i.hideFullScreen ? null : /* @__PURE__ */ t(
1059
1069
  "button",
1060
1070
  {
@@ -1062,153 +1072,153 @@ function u1() {
1062
1072
  type: "button",
1063
1073
  "aria-label": a(e ? "EXIT_FULLSCREEN" : "ENTER_FULLSCREEN"),
1064
1074
  tabIndex: o.state.interactionsDisabled ? -1 : 0,
1065
- className: `controls-button ${r1.fullScreenButton}`,
1075
+ className: `controls-button ${h1.fullScreenButton}`,
1066
1076
  onClick: () => {
1067
1077
  e ? n == null || n.exitFullscreen() : n == null || n.enterFullscreen();
1068
1078
  },
1069
- children: e ? /* @__PURE__ */ t(c1, { className: "controls-button-icon" }) : /* @__PURE__ */ t(s1, { className: "controls-button-icon" })
1079
+ children: e ? /* @__PURE__ */ t(d1, { className: "controls-button-icon" }) : /* @__PURE__ */ t(u1, { className: "controls-button-icon" })
1070
1080
  }
1071
1081
  );
1072
1082
  }
1073
- const d1 = "_gestures-container_1fn3b_1", m1 = "_gesture_1fn3b_1", Me = {
1083
+ const _1 = "_gestures-container_1fn3b_1", C1 = "_gesture_1fn3b_1", Pe = {
1074
1084
  "gestures-container": "_gestures-container_1fn3b_1",
1075
- gesturesContainer: d1,
1076
- gesture: m1
1085
+ gesturesContainer: _1,
1086
+ gesture: C1
1077
1087
  };
1078
- function h1() {
1079
- const e = ne(), n = () => {
1088
+ function f1() {
1089
+ const e = oe(), n = () => {
1080
1090
  e.togglePaused();
1081
1091
  };
1082
- return /* @__PURE__ */ t("div", { className: Me.gesturesContainer, children: /* @__PURE__ */ t("div", { "aria-hidden": !0, className: Me.gesture, onClick: n }) });
1092
+ return /* @__PURE__ */ t("div", { className: Pe.gesturesContainer, children: /* @__PURE__ */ t("div", { "aria-hidden": !0, className: Pe.gesture, onClick: n }) });
1083
1093
  }
1084
- const We = (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" }) }), p1 = "_controls-overlay_poi8b_1", _1 = "_keyboard-shortcuts-overlay_poi8b_11", C1 = "_screen-reader-content_poi8b_75", f1 = "_controls-button_poi8b_89", b1 = "_keyboard-shortcuts-button_poi8b_101", g1 = "_kebab-menu-button_poi8b_110", v1 = "_kebab-menu_poi8b_110", w1 = "_kebab-menu-item_poi8b_139", y1 = "_close-button_poi8b_178", k1 = "_arrow_poi8b_192", P = {
1094
+ const We = (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" }) }), b1 = "_controls-overlay_poi8b_1", g1 = "_keyboard-shortcuts-overlay_poi8b_11", v1 = "_screen-reader-content_poi8b_75", w1 = "_controls-button_poi8b_89", y1 = "_keyboard-shortcuts-button_poi8b_101", k1 = "_kebab-menu-button_poi8b_110", L1 = "_kebab-menu_poi8b_110", x1 = "_kebab-menu-item_poi8b_139", M1 = "_close-button_poi8b_178", P1 = "_arrow_poi8b_192", I = {
1085
1095
  "controls-overlay": "_controls-overlay_poi8b_1",
1086
- controlsOverlay: p1,
1096
+ controlsOverlay: b1,
1087
1097
  "keyboard-shortcuts-overlay": "_keyboard-shortcuts-overlay_poi8b_11",
1088
- keyboardShortcutsOverlay: _1,
1098
+ keyboardShortcutsOverlay: g1,
1089
1099
  "screen-reader-content": "_screen-reader-content_poi8b_75",
1090
- screenReaderContent: C1,
1100
+ screenReaderContent: v1,
1091
1101
  "controls-button": "_controls-button_poi8b_89",
1092
- controlsButton: f1,
1102
+ controlsButton: w1,
1093
1103
  "keyboard-shortcuts-button": "_keyboard-shortcuts-button_poi8b_101",
1094
- keyboardShortcutsButton: b1,
1104
+ keyboardShortcutsButton: y1,
1095
1105
  "kebab-menu-button": "_kebab-menu-button_poi8b_110",
1096
- kebabMenuButton: g1,
1106
+ kebabMenuButton: k1,
1097
1107
  "kebab-menu": "_kebab-menu_poi8b_110",
1098
- kebabMenu: v1,
1108
+ kebabMenu: L1,
1099
1109
  "kebab-menu-item": "_kebab-menu-item_poi8b_139",
1100
- kebabMenuItem: w1,
1110
+ kebabMenuItem: x1,
1101
1111
  "close-button": "_close-button_poi8b_178",
1102
- closeButton: y1,
1103
- arrow: k1
1112
+ closeButton: M1,
1113
+ arrow: P1
1104
1114
  };
1105
- function L1({ onClose: e }) {
1115
+ function N1({ onClose: e }) {
1106
1116
  const { t: n } = f();
1107
- Ln(e);
1117
+ Nn(e);
1108
1118
  const o = (i) => {
1109
1119
  i && i.focus();
1110
1120
  };
1111
- return /* @__PURE__ */ s(
1121
+ return /* @__PURE__ */ c(
1112
1122
  "div",
1113
1123
  {
1114
- className: P.keyboardShortcutsOverlay,
1124
+ className: I.keyboardShortcutsOverlay,
1115
1125
  tabIndex: 0,
1116
1126
  ref: o,
1117
1127
  role: "dialog",
1118
1128
  "aria-label": n("KEYBOARD_SHORTCUTS"),
1119
1129
  children: [
1120
- /* @__PURE__ */ s("header", { children: [
1130
+ /* @__PURE__ */ c("header", { children: [
1121
1131
  /* @__PURE__ */ t("h2", { children: n("KEYBOARD_SHORTCUTS") }),
1122
1132
  /* @__PURE__ */ t(
1123
1133
  "button",
1124
1134
  {
1125
1135
  type: "button",
1126
- className: P.closeButton,
1136
+ className: I.closeButton,
1127
1137
  onClick: e,
1128
1138
  "aria-label": n("CLOSE"),
1129
1139
  children: /* @__PURE__ */ t(We, {})
1130
1140
  }
1131
1141
  )
1132
1142
  ] }),
1133
- /* @__PURE__ */ s("table", { children: [
1134
- /* @__PURE__ */ t("caption", { className: P.screenReaderContent, children: n("KEYBOARD_SHORTCUTS") }),
1135
- /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ s("tr", { children: [
1143
+ /* @__PURE__ */ c("table", { children: [
1144
+ /* @__PURE__ */ t("caption", { className: I.screenReaderContent, children: n("KEYBOARD_SHORTCUTS") }),
1145
+ /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ c("tr", { children: [
1136
1146
  /* @__PURE__ */ t("th", { children: n("ACTION") }),
1137
1147
  /* @__PURE__ */ t("th", { children: n("SHORTCUT") })
1138
1148
  ] }) }),
1139
- /* @__PURE__ */ s("tbody", { children: [
1140
- /* @__PURE__ */ s("tr", { children: [
1149
+ /* @__PURE__ */ c("tbody", { children: [
1150
+ /* @__PURE__ */ c("tr", { children: [
1141
1151
  /* @__PURE__ */ t("td", { children: n("SEEK_BACKWARD", { seconds: 5 }) }),
1142
1152
  /* @__PURE__ */ t("td", { children: n("LEFT_ARROW") })
1143
1153
  ] }),
1144
- /* @__PURE__ */ s("tr", { children: [
1154
+ /* @__PURE__ */ c("tr", { children: [
1145
1155
  /* @__PURE__ */ t("td", { children: n("SEEK_FORWARD", { seconds: 5 }) }),
1146
1156
  /* @__PURE__ */ t("td", { children: n("RIGHT_ARROW") })
1147
1157
  ] }),
1148
- /* @__PURE__ */ s("tr", { children: [
1158
+ /* @__PURE__ */ c("tr", { children: [
1149
1159
  /* @__PURE__ */ t("td", { children: n("SEEK_BACKWARD", { seconds: 10 }) }),
1150
1160
  /* @__PURE__ */ t("td", { children: "J" })
1151
1161
  ] }),
1152
- /* @__PURE__ */ s("tr", { children: [
1162
+ /* @__PURE__ */ c("tr", { children: [
1153
1163
  /* @__PURE__ */ t("td", { children: n("SEEK_FORWARD", { seconds: 10 }) }),
1154
1164
  /* @__PURE__ */ t("td", { children: "L" })
1155
1165
  ] }),
1156
- /* @__PURE__ */ s("tr", { children: [
1166
+ /* @__PURE__ */ c("tr", { children: [
1157
1167
  /* @__PURE__ */ t("td", { children: n("INCREASE_VOLUME", { percent: 5 }) }),
1158
1168
  /* @__PURE__ */ t("td", { children: n("UP_ARROW") })
1159
1169
  ] }),
1160
- /* @__PURE__ */ s("tr", { children: [
1170
+ /* @__PURE__ */ c("tr", { children: [
1161
1171
  /* @__PURE__ */ t("td", { children: n("DECREASE_VOLUME", { percent: 5 }) }),
1162
1172
  /* @__PURE__ */ t("td", { children: n("DOWN_ARROW") })
1163
1173
  ] }),
1164
- /* @__PURE__ */ s("tr", { children: [
1174
+ /* @__PURE__ */ c("tr", { children: [
1165
1175
  /* @__PURE__ */ t("td", { children: n("TOGGLE_MUTED") }),
1166
1176
  /* @__PURE__ */ t("td", { children: "M" })
1167
1177
  ] }),
1168
- /* @__PURE__ */ s("tr", { children: [
1178
+ /* @__PURE__ */ c("tr", { children: [
1169
1179
  /* @__PURE__ */ t("td", { children: n("TOGGLE_PLAY_PAUSE") }),
1170
- /* @__PURE__ */ s("td", { children: [
1180
+ /* @__PURE__ */ c("td", { children: [
1171
1181
  n("SPACE"),
1172
1182
  ", K"
1173
1183
  ] })
1174
1184
  ] }),
1175
- /* @__PURE__ */ s("tr", { children: [
1185
+ /* @__PURE__ */ c("tr", { children: [
1176
1186
  /* @__PURE__ */ t("td", { children: n("ENTER_FULLSCREEN") }),
1177
1187
  /* @__PURE__ */ t("td", { children: "F" })
1178
1188
  ] }),
1179
- /* @__PURE__ */ s("tr", { children: [
1189
+ /* @__PURE__ */ c("tr", { children: [
1180
1190
  /* @__PURE__ */ t("td", { children: n("EXIT_FULLSCREEN") }),
1181
1191
  /* @__PURE__ */ t("td", { children: "Esc, F" })
1182
1192
  ] }),
1183
- /* @__PURE__ */ s("tr", { children: [
1193
+ /* @__PURE__ */ c("tr", { children: [
1184
1194
  /* @__PURE__ */ t("td", { children: n("TOGGLE_CAPTIONS") }),
1185
1195
  /* @__PURE__ */ t("td", { children: "C" })
1186
1196
  ] }),
1187
- /* @__PURE__ */ s("tr", { children: [
1197
+ /* @__PURE__ */ c("tr", { children: [
1188
1198
  /* @__PURE__ */ t("td", { children: n("NEXT_CAPTION_LANGUAGE") }),
1189
1199
  /* @__PURE__ */ t("td", { children: "V" })
1190
1200
  ] }),
1191
- /* @__PURE__ */ s("tr", { children: [
1201
+ /* @__PURE__ */ c("tr", { children: [
1192
1202
  /* @__PURE__ */ t("td", { children: n("PREVIOUS_CAPTION_LANGUAGE") }),
1193
1203
  /* @__PURE__ */ t("td", { children: "X" })
1194
1204
  ] }),
1195
- /* @__PURE__ */ s("tr", { children: [
1205
+ /* @__PURE__ */ c("tr", { children: [
1196
1206
  /* @__PURE__ */ t("td", { children: n("DECREASE_PLAYBACK_SPEED") }),
1197
1207
  /* @__PURE__ */ t("td", { children: "A" })
1198
1208
  ] }),
1199
- /* @__PURE__ */ s("tr", { children: [
1209
+ /* @__PURE__ */ c("tr", { children: [
1200
1210
  /* @__PURE__ */ t("td", { children: n("RESET_PLAYBACK_SPEED") }),
1201
1211
  /* @__PURE__ */ t("td", { children: "S" })
1202
1212
  ] }),
1203
- /* @__PURE__ */ s("tr", { children: [
1213
+ /* @__PURE__ */ c("tr", { children: [
1204
1214
  /* @__PURE__ */ t("td", { children: n("INCREASE_PLAYBACK_SPEED") }),
1205
1215
  /* @__PURE__ */ t("td", { children: "D" })
1206
1216
  ] }),
1207
- /* @__PURE__ */ s("tr", { children: [
1217
+ /* @__PURE__ */ c("tr", { children: [
1208
1218
  /* @__PURE__ */ t("td", { children: n("JUMP_TO_START") }),
1209
1219
  /* @__PURE__ */ t("td", { children: "0" })
1210
1220
  ] }),
1211
- /* @__PURE__ */ s("tr", { children: [
1221
+ /* @__PURE__ */ c("tr", { children: [
1212
1222
  /* @__PURE__ */ t("td", { children: n("JUMP_TO_PERCENTAGE") }),
1213
1223
  /* @__PURE__ */ t("td", { children: "1-9" })
1214
1224
  ] })
@@ -1218,87 +1228,87 @@ function L1({ onClose: e }) {
1218
1228
  }
1219
1229
  );
1220
1230
  }
1221
- const x1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.8 3.6C9.79288 3.6 10.6 2.79288 10.6 1.8C10.6 0.80712 9.79288 0 8.8 0C7.80712 0 7 0.80712 7 1.8C7 2.79288 7.80712 3.6 8.8 3.6ZM10.6 8.99999C10.6 9.99287 9.79288 10.8 8.8 10.8C7.80712 10.8 7 9.99287 7 8.99999C7 8.00711 7.80712 7.19999 8.8 7.19999C9.79288 7.19999 10.6 8.00711 10.6 8.99999ZM10.6 16.2C10.6 17.1929 9.79288 18 8.8 18C7.80712 18 7 17.1929 7 16.2C7 15.2071 7.80712 14.4 8.8 14.4C9.79288 14.4 10.6 15.2071 10.6 16.2Z", fill: "currentColor" }) }), M1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.1074 16.8677C12.8638 16.8677 11.8524 15.8563 11.8524 14.6127C11.8524 14.4154 11.8862 14.2271 11.9336 14.0444C12.0317 13.6701 12.22 13.3318 12.4804 13.059C12.8908 12.6294 13.467 12.3576 14.1074 12.3576C15.3511 12.3576 16.3625 13.369 16.3625 14.6127C16.3625 15.8563 15.3511 16.8677 14.1074 16.8677ZM4.38257 11.2301C3.13891 11.2301 2.12752 10.2187 2.12752 8.97507C2.12752 7.73141 3.13891 6.72002 4.38257 6.72002C5.01623 6.72002 5.58676 6.98386 5.99718 7.40556C6.25989 7.67616 6.44819 8.01329 6.54966 8.38763C6.60153 8.57592 6.63761 8.76986 6.63761 8.97507C6.63761 9.2017 6.59364 9.41818 6.53049 9.62452C6.41887 9.99435 6.22155 10.327 5.94982 10.5908C5.54391 10.9843 4.99256 11.2301 4.38257 11.2301ZM11.8524 3.38257C11.8524 2.13891 12.8638 1.12753 14.1074 1.12753C15.3511 1.12753 16.3625 2.13891 16.3625 3.38257C16.3625 4.62622 15.3511 5.63761 14.1074 5.63761C13.4749 5.63761 12.9055 5.3749 12.4962 4.95546C12.2324 4.68485 12.0429 4.34773 11.9415 3.97339C11.8896 3.78397 11.8524 3.5889 11.8524 3.38257ZM14.1074 11.2301C13.0498 11.2301 12.1151 11.7273 11.495 12.4907L7.52722 10.1996C7.67605 9.81846 7.76513 9.40804 7.76513 8.97507C7.76513 8.56465 7.68056 8.17678 7.54639 7.8126L11.5108 5.5226C12.132 6.27466 13.0588 6.76513 14.1074 6.76513C15.9724 6.76513 17.49 5.24748 17.49 3.38256C17.49 1.51764 15.9724 0 14.1074 0C12.2425 0 10.7249 1.51764 10.7249 3.38256C10.7249 3.79411 10.8094 4.18423 10.9447 4.54842L6.9815 6.83729C6.36136 6.08411 5.43341 5.59251 4.38256 5.59251C2.51764 5.59251 1 7.11015 1 8.97507C1 10.84 2.51764 12.3576 4.38256 12.3576C5.40974 12.3576 6.32077 11.8875 6.94091 11.1625L10.9368 13.4694C10.8072 13.829 10.7249 14.2102 10.7249 14.6127C10.7249 16.4776 12.2425 17.9952 14.1074 17.9952C15.9724 17.9952 17.49 16.4776 17.49 14.6127C17.49 12.7478 15.9724 11.2301 14.1074 11.2301Z", fill: "currentColor" }) }), N1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.7647 16.9412H2.05882V1.05883H10.5294V5.29412H14.7647V16.9412ZM11.5882 1.278L14.5455 4.2353H11.5882V1.278ZM15.3587 3.55129L12.2722 0.464824C11.9715 0.165176 11.5724 0 11.1488 0H1V18H15.8235V4.67471C15.8235 4.25118 15.6584 3.852 15.3587 3.55129ZM1 0H15.8235V18H1V0ZM1 18H15.8235V0H1V18ZM4.17649 5.29412H8.41178V4.23529H4.17649V5.29412ZM4.17649 9.52941H10.5294V8.47059H4.17649V9.52941ZM4.17649 13.7647H8.41178V12.7059H4.17649V13.7647ZM4.17649 7.41177H12.6471V6.35294H4.17649V7.41177ZM4.17649 11.6471H11.5883V10.5882H4.17649V11.6471Z", fill: "currentColor" }) }), P1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.30365 10.9535V0H9.3637V10.9535L12.6986 7.61855L13.4491 8.368L8.83261 12.9824L4.21823 8.368L4.96875 7.61855L8.30365 10.9535ZM3.77376 16.94H13.9354L16.9607 13.9146L17.7091 14.6651L14.3742 18H3.3349L0 14.6651L0.749452 13.9146L3.77376 16.94Z", fill: "currentColor" }) }), I1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.8234 16.4118C14.8234 16.7029 14.5852 16.9412 14.294 16.9412H3.70577C3.41459 16.9412 3.17636 16.7029 3.17636 16.4118V5.29412H2.11753V16.4118C2.11753 17.2874 2.83012 18 3.70577 18H14.294C15.1697 18 15.8822 17.2874 15.8822 16.4118V5.29412H14.8234V16.4118ZM6.35284 14.8235H7.41166V6.35294H6.35284V14.8235ZM10.5881 14.8235H11.6469V6.35294H10.5881V14.8235ZM12.5682 3.17647L11.4099 0H6.51176L5.35553 3.17647H0V4.23529H18V3.17647H12.5682ZM6.48105 3.17647L7.25293 1.05882H10.6698L11.4416 3.17647H6.48105Z", fill: "currentColor" }) }), H1 = {
1222
- share: /* @__PURE__ */ t(M1, {}),
1223
- transcript: /* @__PURE__ */ t(N1, {}),
1224
- media: /* @__PURE__ */ t(P1, {}),
1225
- delete: /* @__PURE__ */ t(I1, {})
1226
- }, V1 = (e) => typeof e != "string";
1227
- function S1() {
1228
- const [e, n] = x(!1), [o, i] = x(null), a = g(), c = V(), l = () => {
1231
+ const I1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.8 3.6C9.79288 3.6 10.6 2.79288 10.6 1.8C10.6 0.80712 9.79288 0 8.8 0C7.80712 0 7 0.80712 7 1.8C7 2.79288 7.80712 3.6 8.8 3.6ZM10.6 8.99999C10.6 9.99287 9.79288 10.8 8.8 10.8C7.80712 10.8 7 9.99287 7 8.99999C7 8.00711 7.80712 7.19999 8.8 7.19999C9.79288 7.19999 10.6 8.00711 10.6 8.99999ZM10.6 16.2C10.6 17.1929 9.79288 18 8.8 18C7.80712 18 7 17.1929 7 16.2C7 15.2071 7.80712 14.4 8.8 14.4C9.79288 14.4 10.6 15.2071 10.6 16.2Z", fill: "currentColor" }) }), H1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.1074 16.8677C12.8638 16.8677 11.8524 15.8563 11.8524 14.6127C11.8524 14.4154 11.8862 14.2271 11.9336 14.0444C12.0317 13.6701 12.22 13.3318 12.4804 13.059C12.8908 12.6294 13.467 12.3576 14.1074 12.3576C15.3511 12.3576 16.3625 13.369 16.3625 14.6127C16.3625 15.8563 15.3511 16.8677 14.1074 16.8677ZM4.38257 11.2301C3.13891 11.2301 2.12752 10.2187 2.12752 8.97507C2.12752 7.73141 3.13891 6.72002 4.38257 6.72002C5.01623 6.72002 5.58676 6.98386 5.99718 7.40556C6.25989 7.67616 6.44819 8.01329 6.54966 8.38763C6.60153 8.57592 6.63761 8.76986 6.63761 8.97507C6.63761 9.2017 6.59364 9.41818 6.53049 9.62452C6.41887 9.99435 6.22155 10.327 5.94982 10.5908C5.54391 10.9843 4.99256 11.2301 4.38257 11.2301ZM11.8524 3.38257C11.8524 2.13891 12.8638 1.12753 14.1074 1.12753C15.3511 1.12753 16.3625 2.13891 16.3625 3.38257C16.3625 4.62622 15.3511 5.63761 14.1074 5.63761C13.4749 5.63761 12.9055 5.3749 12.4962 4.95546C12.2324 4.68485 12.0429 4.34773 11.9415 3.97339C11.8896 3.78397 11.8524 3.5889 11.8524 3.38257ZM14.1074 11.2301C13.0498 11.2301 12.1151 11.7273 11.495 12.4907L7.52722 10.1996C7.67605 9.81846 7.76513 9.40804 7.76513 8.97507C7.76513 8.56465 7.68056 8.17678 7.54639 7.8126L11.5108 5.5226C12.132 6.27466 13.0588 6.76513 14.1074 6.76513C15.9724 6.76513 17.49 5.24748 17.49 3.38256C17.49 1.51764 15.9724 0 14.1074 0C12.2425 0 10.7249 1.51764 10.7249 3.38256C10.7249 3.79411 10.8094 4.18423 10.9447 4.54842L6.9815 6.83729C6.36136 6.08411 5.43341 5.59251 4.38256 5.59251C2.51764 5.59251 1 7.11015 1 8.97507C1 10.84 2.51764 12.3576 4.38256 12.3576C5.40974 12.3576 6.32077 11.8875 6.94091 11.1625L10.9368 13.4694C10.8072 13.829 10.7249 14.2102 10.7249 14.6127C10.7249 16.4776 12.2425 17.9952 14.1074 17.9952C15.9724 17.9952 17.49 16.4776 17.49 14.6127C17.49 12.7478 15.9724 11.2301 14.1074 11.2301Z", fill: "currentColor" }) }), V1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.7647 16.9412H2.05882V1.05883H10.5294V5.29412H14.7647V16.9412ZM11.5882 1.278L14.5455 4.2353H11.5882V1.278ZM15.3587 3.55129L12.2722 0.464824C11.9715 0.165176 11.5724 0 11.1488 0H1V18H15.8235V4.67471C15.8235 4.25118 15.6584 3.852 15.3587 3.55129ZM1 0H15.8235V18H1V0ZM1 18H15.8235V0H1V18ZM4.17649 5.29412H8.41178V4.23529H4.17649V5.29412ZM4.17649 9.52941H10.5294V8.47059H4.17649V9.52941ZM4.17649 13.7647H8.41178V12.7059H4.17649V13.7647ZM4.17649 7.41177H12.6471V6.35294H4.17649V7.41177ZM4.17649 11.6471H11.5883V10.5882H4.17649V11.6471Z", fill: "currentColor" }) }), S1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.30365 10.9535V0H9.3637V10.9535L12.6986 7.61855L13.4491 8.368L8.83261 12.9824L4.21823 8.368L4.96875 7.61855L8.30365 10.9535ZM3.77376 16.94H13.9354L16.9607 13.9146L17.7091 14.6651L14.3742 18H3.3349L0 14.6651L0.749452 13.9146L3.77376 16.94Z", fill: "currentColor" }) }), T1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.8234 16.4118C14.8234 16.7029 14.5852 16.9412 14.294 16.9412H3.70577C3.41459 16.9412 3.17636 16.7029 3.17636 16.4118V5.29412H2.11753V16.4118C2.11753 17.2874 2.83012 18 3.70577 18H14.294C15.1697 18 15.8822 17.2874 15.8822 16.4118V5.29412H14.8234V16.4118ZM6.35284 14.8235H7.41166V6.35294H6.35284V14.8235ZM10.5881 14.8235H11.6469V6.35294H10.5881V14.8235ZM12.5682 3.17647L11.4099 0H6.51176L5.35553 3.17647H0V4.23529H18V3.17647H12.5682ZM6.48105 3.17647L7.25293 1.05882H10.6698L11.4416 3.17647H6.48105Z", fill: "currentColor" }) }), E1 = {
1232
+ share: /* @__PURE__ */ t(H1, {}),
1233
+ transcript: /* @__PURE__ */ t(V1, {}),
1234
+ media: /* @__PURE__ */ t(S1, {}),
1235
+ delete: /* @__PURE__ */ t(T1, {})
1236
+ }, R1 = (e) => typeof e != "string";
1237
+ function A1() {
1238
+ const [e, n] = x(!1), [o, i] = x(null), a = g(), s = M(), l = () => {
1229
1239
  n(!e), a.setGlobalKeysDisabled(!e);
1230
- }, r = W(null), u = W([]), { refs: p, floatingStyles: v, context: y } = re({
1240
+ }, r = G(null), u = G([]), { refs: p, floatingStyles: v, context: y } = ue({
1231
1241
  open: e,
1232
1242
  onOpenChange: l,
1233
- whileElementsMounted: ue,
1243
+ whileElementsMounted: de,
1234
1244
  placement: "top-end",
1235
1245
  middleware: [
1236
- Te(),
1237
- Ee(10),
1238
- de(),
1239
- me({
1246
+ Ee(),
1247
+ Re(10),
1248
+ me(),
1249
+ he({
1240
1250
  element: r
1241
1251
  })
1242
1252
  ]
1243
- }), k = ft(y, {
1253
+ }), k = vt(y, {
1244
1254
  listRef: u,
1245
1255
  activeIndex: o,
1246
1256
  onNavigate: i
1247
- }), w = he(y), { getReferenceProps: M, getFloatingProps: m, getItemProps: b } = pe(
1257
+ }), w = pe(y), { getReferenceProps: N, getFloatingProps: m, getItemProps: b } = _e(
1248
1258
  [w, k]
1249
- ), { t: N } = f();
1250
- return c.kebabMenuElements.length > 0 ? /* @__PURE__ */ s(j, { children: [
1259
+ ), { t: P } = f();
1260
+ return s.kebabMenuElements.length > 0 ? /* @__PURE__ */ c(Q, { children: [
1251
1261
  /* @__PURE__ */ t(
1252
1262
  "button",
1253
1263
  {
1254
- "aria-label": N("KEBAB_MENU"),
1264
+ "aria-label": P("KEBAB_MENU"),
1255
1265
  type: "button",
1256
- className: `${P.controlsButton} ${P.kebabMenuButton}`,
1266
+ className: `${I.controlsButton} ${I.kebabMenuButton}`,
1257
1267
  tabIndex: a.state.interactionsDisabled ? -1 : 0,
1258
1268
  ref: p.setReference,
1259
- ...M({
1269
+ ...N({
1260
1270
  onClick: () => l()
1261
1271
  }),
1262
- children: /* @__PURE__ */ t(x1, {})
1272
+ children: /* @__PURE__ */ t(I1, {})
1263
1273
  }
1264
1274
  ),
1265
- e && /* @__PURE__ */ t(Se, { context: y, modal: !1, children: /* @__PURE__ */ s(
1275
+ e && /* @__PURE__ */ t(Te, { context: y, modal: !1, children: /* @__PURE__ */ c(
1266
1276
  "div",
1267
1277
  {
1268
1278
  ref: p.setFloating,
1269
1279
  style: v,
1270
- className: P.kebabMenu,
1280
+ className: I.kebabMenu,
1271
1281
  ...m(),
1272
1282
  children: [
1273
- c.kebabMenuElements.map(
1274
- ({ id: T, text: D, icon: B, onClick: ie }, X) => /* @__PURE__ */ s(
1283
+ s.kebabMenuElements.map(
1284
+ ({ id: T, text: Z, icon: S, onClick: Y }, X) => /* @__PURE__ */ c(
1275
1285
  "button",
1276
1286
  {
1277
1287
  tabIndex: o === X ? 0 : -1,
1278
1288
  type: "button",
1279
- className: P.kebabMenuItem,
1280
- ref: ($) => {
1281
- u.current[X] = $;
1289
+ className: I.kebabMenuItem,
1290
+ ref: (ae) => {
1291
+ u.current[X] = ae;
1282
1292
  },
1283
1293
  ...b({
1284
1294
  onClick: () => {
1285
- ie(T), n(!1);
1295
+ Y(T), n(!1);
1286
1296
  }
1287
1297
  }),
1288
1298
  children: [
1289
- V1(B) ? B : H1[B],
1290
- D
1299
+ R1(S) ? S : E1[S],
1300
+ Z
1291
1301
  ]
1292
1302
  },
1293
1303
  T
1294
1304
  )
1295
1305
  ),
1296
1306
  /* @__PURE__ */ t(
1297
- _e,
1307
+ Ce,
1298
1308
  {
1299
1309
  ref: r,
1300
1310
  context: y,
1301
- className: P.arrow
1311
+ className: I.arrow
1302
1312
  }
1303
1313
  )
1304
1314
  ]
@@ -1306,136 +1316,136 @@ function S1() {
1306
1316
  ) })
1307
1317
  ] }) : null;
1308
1318
  }
1309
- const T1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "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" }) });
1310
- function E1() {
1311
- const [e, n] = x(!1), [o, i] = x(!1), [a, c] = x(!1), l = g(), r = C("playing"), u = ne(), { t: p } = f(), v = _(() => {
1312
- n(!0), l.disableInteractions(), r && (c(!0), u.pause());
1319
+ const B1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.76472 10.5294C5.05696 10.5294 5.29413 10.2922 5.29413 9.99999V8.94117C5.29413 8.64893 5.05696 8.41175 4.76472 8.41175H3.7059C3.41366 8.41175 3.17649 8.64893 3.17649 8.94117V9.99999C3.17649 10.2922 3.41366 10.5294 3.7059 10.5294H4.76472ZM11.1177 10.5294C11.4099 10.5294 11.6471 10.2922 11.6471 9.99999V8.94117C11.6471 8.64893 11.4099 8.41175 11.1177 8.41175H10.0588C9.76661 8.41175 9.52944 8.64893 9.52944 8.94117V9.99999C9.52944 10.2922 9.76661 10.5294 10.0588 10.5294H11.1177ZM14.8235 9.99999C14.8235 10.2922 14.5864 10.5294 14.2941 10.5294H13.2353C12.9431 10.5294 12.7059 10.2922 12.7059 9.99999V8.94117C12.7059 8.64893 12.9431 8.41175 13.2353 8.41175H14.2941C14.5864 8.41175 14.8235 8.64893 14.8235 8.94117V9.99999ZM14.8235 13.1765C14.8235 13.4687 14.5864 13.7059 14.2941 13.7059H13.2353C12.9431 13.7059 12.7059 13.4687 12.7059 13.1765V12.1176C12.7059 11.8254 12.9431 11.5882 13.2353 11.5882H14.2941C14.5864 11.5882 14.8235 11.8254 14.8235 12.1176V13.1765ZM11.6471 13.1765C11.6471 13.4687 11.4099 13.7059 11.1177 13.7059H6.88239C6.59015 13.7059 6.35297 13.4687 6.35297 13.1765V12.1176C6.35297 11.8254 6.59015 11.5882 6.88239 11.5882H11.1177C11.4099 11.5882 11.6471 11.8254 11.6471 12.1176V13.1765ZM5.29413 13.1765C5.29413 13.4687 5.05696 13.7059 4.76472 13.7059H3.7059C3.41366 13.7059 3.17649 13.4687 3.17649 13.1765V12.1176C3.17649 11.8254 3.41366 11.5882 3.7059 11.5882H4.76472C5.05696 11.5882 5.29413 11.8254 5.29413 12.1176V13.1765ZM6.88238 8.41175C6.59015 8.41175 6.35297 8.64893 6.35297 8.94117V9.99999C6.35297 10.2922 6.59015 10.5294 6.88238 10.5294H7.94121C8.23344 10.5294 8.47062 10.2922 8.47062 9.99999V8.94117C8.47062 8.64893 8.23344 8.41175 7.94121 8.41175H6.88238ZM16.4118 5.23529H9.57494C9.71471 4.42 10.1933 4.17118 10.8254 3.85565C11.6629 3.43741 12.7059 2.91541 12.7059 1H11.6471C11.6471 2.26106 11.1039 2.53212 10.3511 2.90906C9.59824 3.28494 8.68659 3.75506 8.50871 5.23529H1.58824C0.712588 5.23529 0 5.94788 0 6.82353V15.2941C0 16.1698 0.712588 16.8824 1.58824 16.8824H16.4118C17.2874 16.8824 18 16.1698 18 15.2941V6.82353C18 5.94788 17.2874 5.23529 16.4118 5.23529Z", fill: "currentColor" }) });
1320
+ function O1() {
1321
+ const [e, n] = x(!1), [o, i] = x(!1), [a, s] = x(!1), l = g(), r = C("playing"), u = oe(), { t: p } = f(), v = _(() => {
1322
+ n(!0), l.disableInteractions(), r && (s(!0), u.pause());
1313
1323
  }, [r, u, l]), y = _(() => {
1314
- n(!1), i(!0), l.enableInteractions(), a && (c(!1), u.play());
1324
+ n(!1), i(!0), l.enableInteractions(), a && (s(!1), u.play());
1315
1325
  }, [a, u, l]), k = _(
1316
1326
  (w) => o && (w == null ? void 0 : w.focus()),
1317
1327
  [o]
1318
1328
  );
1319
- return e ? /* @__PURE__ */ t(L1, { onClose: y }) : /* @__PURE__ */ s("div", { className: P.controlsOverlay, children: [
1329
+ return e ? /* @__PURE__ */ t(N1, { onClose: y }) : /* @__PURE__ */ c("div", { className: I.controlsOverlay, children: [
1320
1330
  /* @__PURE__ */ t(
1321
1331
  "button",
1322
1332
  {
1323
1333
  ref: k,
1324
1334
  "aria-label": p("KEYBOARD_SHORTCUTS"),
1325
1335
  type: "button",
1326
- className: `${P.controlsButton} ${P.keyboardShortcutsButton}`,
1336
+ className: `${I.controlsButton} ${I.keyboardShortcutsButton}`,
1327
1337
  onClick: v,
1328
1338
  tabIndex: l.state.interactionsDisabled ? -1 : 0,
1329
- children: /* @__PURE__ */ t(T1, {})
1339
+ children: /* @__PURE__ */ t(B1, {})
1330
1340
  }
1331
1341
  ),
1332
- /* @__PURE__ */ t(S1, {})
1342
+ /* @__PURE__ */ t(A1, {})
1333
1343
  ] });
1334
1344
  }
1335
- const R1 = "_play-pause-button_1834v_1", A1 = {
1345
+ const F1 = "_play-pause-button_1834v_1", Z1 = {
1336
1346
  "play-pause-button": "_play-pause-button_1834v_1",
1337
- playPauseButton: R1
1347
+ playPauseButton: F1
1338
1348
  };
1339
- function B1() {
1340
- const e = z(), n = g(), o = C("paused"), { t: i } = f();
1349
+ function z1() {
1350
+ const e = F(), n = g(), o = C("paused"), { t: i } = f();
1341
1351
  return e ? /* @__PURE__ */ t(
1342
1352
  "button",
1343
1353
  {
1344
1354
  role: "button",
1345
1355
  type: "button",
1346
- className: `controls-button ${A1.playPauseButton}`,
1356
+ className: `controls-button ${Z1.playPauseButton}`,
1347
1357
  "aria-label": i(o ? "PLAY" : "PAUSE"),
1348
1358
  tabIndex: n.state.interactionsDisabled ? -1 : 0,
1349
1359
  onClick: () => {
1350
1360
  e.paused ? e.remoteControl.play() : e.remoteControl.pause();
1351
1361
  },
1352
- children: o ? /* @__PURE__ */ t(be, { className: "controls-button-icon" }) : /* @__PURE__ */ t(fe, { className: "controls-button-icon" })
1362
+ children: o ? /* @__PURE__ */ t(ge, { className: "controls-button-icon" }) : /* @__PURE__ */ t(be, { className: "controls-button-icon" })
1353
1363
  }
1354
1364
  ) : null;
1355
1365
  }
1356
- const O1 = "_poster_195hi_1", F1 = {
1357
- poster: O1
1366
+ const K1 = "_poster_195hi_1", D1 = {
1367
+ poster: K1
1358
1368
  };
1359
- function Z1({ src: e }) {
1369
+ function $1({ src: e }) {
1360
1370
  const n = C("source");
1361
- return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(lt, { src: e, className: F1.poster });
1371
+ return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(dt, { src: e, className: D1.poster });
1362
1372
  }
1363
- const z1 = "_small-layout-overlay_1pd49_1", K1 = "_small-layout-button_1pd49_14", D1 = "_small-layout-icon-play_1pd49_24", $1 = "_small-layout-icon-pause_1pd49_30", U1 = "_full-screen-close-icon_1pd49_36", q1 = "_fade-out_1pd49_1", q = {
1373
+ const U1 = "_small-layout-overlay_1pd49_1", q1 = "_small-layout-button_1pd49_14", G1 = "_small-layout-icon-play_1pd49_24", Q1 = "_small-layout-icon-pause_1pd49_30", W1 = "_full-screen-close-icon_1pd49_36", j1 = "_fade-out_1pd49_1", U = {
1364
1374
  "small-layout-overlay": "_small-layout-overlay_1pd49_1",
1365
- smallLayoutOverlay: z1,
1375
+ smallLayoutOverlay: U1,
1366
1376
  "small-layout-button": "_small-layout-button_1pd49_14",
1367
- smallLayoutButton: K1,
1377
+ smallLayoutButton: q1,
1368
1378
  "small-layout-icon-play": "_small-layout-icon-play_1pd49_24",
1369
- smallLayoutIconPlay: D1,
1379
+ smallLayoutIconPlay: G1,
1370
1380
  "small-layout-icon-pause": "_small-layout-icon-pause_1pd49_30",
1371
- smallLayoutIconPause: $1,
1381
+ smallLayoutIconPause: Q1,
1372
1382
  "full-screen-close-icon": "_full-screen-close-icon_1pd49_36",
1373
- fullScreenCloseIcon: U1,
1383
+ fullScreenCloseIcon: W1,
1374
1384
  "fade-out": "_fade-out_1pd49_1",
1375
- fadeOut: q1
1385
+ fadeOut: j1
1376
1386
  };
1377
- function G1() {
1387
+ function Y1() {
1378
1388
  const e = C("paused");
1379
- return /* @__PURE__ */ s("div", { className: q.smallLayoutOverlay, children: [
1380
- /* @__PURE__ */ t(rt, { className: q.fullScreenCloseIcon, children: /* @__PURE__ */ t(We, {}) }),
1381
- /* @__PURE__ */ t("i", { className: q.smallLayoutButton, children: e ? /* @__PURE__ */ t(be, { className: q.smallLayoutIconPlay }) : /* @__PURE__ */ t(fe, { className: q.smallLayoutIconPause }) })
1389
+ return /* @__PURE__ */ c("div", { className: U.smallLayoutOverlay, children: [
1390
+ /* @__PURE__ */ t(mt, { className: U.fullScreenCloseIcon, children: /* @__PURE__ */ t(We, {}) }),
1391
+ /* @__PURE__ */ t("i", { className: U.smallLayoutButton, children: e ? /* @__PURE__ */ t(ge, { className: U.smallLayoutIconPlay }) : /* @__PURE__ */ t(be, { className: U.smallLayoutIconPause }) })
1382
1392
  ] });
1383
1393
  }
1384
- const W1 = "_time-indicator_1rlpb_1", j1 = {
1394
+ const X1 = "_time-indicator_1rlpb_1", J1 = {
1385
1395
  "time-indicator": "_time-indicator_1rlpb_1",
1386
- timeIndicator: W1
1396
+ timeIndicator: X1
1387
1397
  };
1388
- function Q1() {
1389
- return /* @__PURE__ */ s("div", { className: j1.timeIndicator, children: [
1390
- /* @__PURE__ */ t(ke, { type: "current" }),
1398
+ function eo() {
1399
+ return /* @__PURE__ */ c("div", { className: J1.timeIndicator, children: [
1400
+ /* @__PURE__ */ t(Le, { type: "current" }),
1391
1401
  "/",
1392
- /* @__PURE__ */ t(ke, { type: "duration" })
1402
+ /* @__PURE__ */ t(Le, { type: "duration" })
1393
1403
  ] });
1394
1404
  }
1395
- const Y1 = "_comment-markers_1pad4_1", X1 = "_comment-marker_1pad4_1", J1 = "_timeline-wrapper_1pad4_27", eo = "_track_1pad4_41", to = "_thumb_1pad4_54", no = "_root_1pad4_68", oo = "_track-inner_1pad4_98", io = "_progress_1pad4_104", ao = "_track-fill_1pad4_110", so = "_pins_1pad4_127", co = "_pin-button_1pad4_140", lo = "_annotation-pin_1pad4_160", ro = "_quiz-pin_1pad4_165", uo = "_annotation-pin-child_1pad4_170", mo = "_quiz-pin-child_1pad4_174", ho = "_interactive-pin-container_1pad4_179", po = "_interactive-pin-wrapper_1pad4_189", _o = "_interactive-pin-icon_1pad4_195", Co = "_interactive-pin_1pad4_179", fo = "_bg_1pad4_209", bo = "_symbol_1pad4_213", go = "_interactive-pin-button_1pad4_218", vo = "_interactive-pin-menu_1pad4_238", wo = "_interactive-pin-menu-item_1pad4_252", yo = "_arrow_1pad4_273", d = {
1405
+ const to = "_comment-markers_1pad4_1", no = "_comment-marker_1pad4_1", oo = "_timeline-wrapper_1pad4_27", io = "_track_1pad4_41", ao = "_thumb_1pad4_54", so = "_root_1pad4_68", co = "_track-inner_1pad4_98", lo = "_progress_1pad4_104", ro = "_track-fill_1pad4_110", uo = "_pins_1pad4_127", mo = "_pin-button_1pad4_140", ho = "_annotation-pin_1pad4_160", po = "_quiz-pin_1pad4_165", _o = "_annotation-pin-child_1pad4_170", Co = "_quiz-pin-child_1pad4_174", fo = "_interactive-pin-container_1pad4_179", bo = "_interactive-pin-wrapper_1pad4_189", go = "_interactive-pin-icon_1pad4_195", vo = "_interactive-pin_1pad4_179", wo = "_bg_1pad4_209", yo = "_symbol_1pad4_213", ko = "_interactive-pin-button_1pad4_218", Lo = "_interactive-pin-menu_1pad4_238", xo = "_interactive-pin-menu-item_1pad4_252", Mo = "_arrow_1pad4_273", d = {
1396
1406
  "comment-markers": "_comment-markers_1pad4_1",
1397
- commentMarkers: Y1,
1407
+ commentMarkers: to,
1398
1408
  "comment-marker": "_comment-marker_1pad4_1",
1399
- commentMarker: X1,
1409
+ commentMarker: no,
1400
1410
  "timeline-wrapper": "_timeline-wrapper_1pad4_27",
1401
- timelineWrapper: J1,
1402
- track: eo,
1403
- thumb: to,
1404
- root: no,
1411
+ timelineWrapper: oo,
1412
+ track: io,
1413
+ thumb: ao,
1414
+ root: so,
1405
1415
  "track-inner": "_track-inner_1pad4_98",
1406
- trackInner: oo,
1407
- progress: io,
1416
+ trackInner: co,
1417
+ progress: lo,
1408
1418
  "track-fill": "_track-fill_1pad4_110",
1409
- trackFill: ao,
1410
- pins: so,
1419
+ trackFill: ro,
1420
+ pins: uo,
1411
1421
  "pin-button": "_pin-button_1pad4_140",
1412
- pinButton: co,
1422
+ pinButton: mo,
1413
1423
  "annotation-pin": "_annotation-pin_1pad4_160",
1414
- annotationPin: lo,
1424
+ annotationPin: ho,
1415
1425
  "quiz-pin": "_quiz-pin_1pad4_165",
1416
- quizPin: ro,
1426
+ quizPin: po,
1417
1427
  "annotation-pin-child": "_annotation-pin-child_1pad4_170",
1418
- annotationPinChild: uo,
1428
+ annotationPinChild: _o,
1419
1429
  "quiz-pin-child": "_quiz-pin-child_1pad4_174",
1420
- quizPinChild: mo,
1430
+ quizPinChild: Co,
1421
1431
  "interactive-pin-container": "_interactive-pin-container_1pad4_179",
1422
- interactivePinContainer: ho,
1432
+ interactivePinContainer: fo,
1423
1433
  "interactive-pin-wrapper": "_interactive-pin-wrapper_1pad4_189",
1424
- interactivePinWrapper: po,
1434
+ interactivePinWrapper: bo,
1425
1435
  "interactive-pin-icon": "_interactive-pin-icon_1pad4_195",
1426
- interactivePinIcon: _o,
1436
+ interactivePinIcon: go,
1427
1437
  "interactive-pin": "_interactive-pin_1pad4_179",
1428
- interactivePin: Co,
1429
- bg: fo,
1430
- symbol: bo,
1438
+ interactivePin: vo,
1439
+ bg: wo,
1440
+ symbol: yo,
1431
1441
  "interactive-pin-button": "_interactive-pin-button_1pad4_218",
1432
- interactivePinButton: go,
1442
+ interactivePinButton: ko,
1433
1443
  "interactive-pin-menu": "_interactive-pin-menu_1pad4_238",
1434
- interactivePinMenu: vo,
1444
+ interactivePinMenu: Lo,
1435
1445
  "interactive-pin-menu-item": "_interactive-pin-menu-item_1pad4_252",
1436
- interactivePinMenuItem: wo,
1437
- arrow: yo
1438
- }, ko = {
1446
+ interactivePinMenuItem: xo,
1447
+ arrow: Mo
1448
+ }, Po = {
1439
1449
  annotation: d.annotationPin,
1440
1450
  quiz: d.quizPin
1441
1451
  };
@@ -1454,10 +1464,10 @@ function je({
1454
1464
  className: d.pinButton,
1455
1465
  style: { left: `${n}%` },
1456
1466
  onClick: i,
1457
- children: /* @__PURE__ */ s(
1467
+ children: /* @__PURE__ */ c(
1458
1468
  "svg",
1459
1469
  {
1460
- className: ko[e],
1470
+ className: Po[e],
1461
1471
  width: "26",
1462
1472
  height: "32",
1463
1473
  viewBox: "0 0 26 32",
@@ -1471,7 +1481,7 @@ function je({
1471
1481
  }
1472
1482
  );
1473
1483
  }
1474
- function Lo(e) {
1484
+ function No(e) {
1475
1485
  return /* @__PURE__ */ t(je, { type: "annotation", ...e, children: /* @__PURE__ */ t(
1476
1486
  "path",
1477
1487
  {
@@ -1484,7 +1494,7 @@ function Lo(e) {
1484
1494
  }
1485
1495
  ) });
1486
1496
  }
1487
- function xo(e) {
1497
+ function Io(e) {
1488
1498
  return /* @__PURE__ */ t(je, { type: "quiz", ...e, children: e.multiple ? /* @__PURE__ */ t("circle", { className: d.quizPinChild, cx: "13", cy: "13", r: "6" }) : /* @__PURE__ */ t(
1489
1499
  "text",
1490
1500
  {
@@ -1498,7 +1508,7 @@ function xo(e) {
1498
1508
  }
1499
1509
  ) });
1500
1510
  }
1501
- function Mo(e, n) {
1511
+ function Ho(e, n) {
1502
1512
  return e.map((o, i) => ({
1503
1513
  id: o.id,
1504
1514
  time: o.time,
@@ -1507,32 +1517,32 @@ function Mo(e, n) {
1507
1517
  onClick: () => n(o)
1508
1518
  }));
1509
1519
  }
1510
- function No(e, n) {
1520
+ function Vo(e, n) {
1511
1521
  const o = /* @__PURE__ */ new Map();
1512
- e.forEach((c) => {
1522
+ e.forEach((s) => {
1513
1523
  var r;
1514
- const l = c.time;
1515
- o.has(l) || o.set(l, []), (r = o.get(l)) == null || r.push(c);
1524
+ const l = s.time;
1525
+ o.has(l) || o.set(l, []), (r = o.get(l)) == null || r.push(s);
1516
1526
  });
1517
1527
  const i = [];
1518
- let a = 1;
1519
- return o.forEach((c, l) => {
1528
+ let a = 0;
1529
+ return o.forEach((s, l) => {
1520
1530
  i.push({
1521
- id: c.map((r) => r.id).join("-"),
1531
+ id: s.map((r) => r.id).join("-"),
1522
1532
  time: l,
1523
1533
  type: "quiz",
1524
1534
  ordinal: a + 1,
1525
- onClick: () => n(c),
1526
- multiple: c.length > 1
1535
+ onClick: () => n(s),
1536
+ multiple: s.length > 1
1527
1537
  }), a++;
1528
1538
  }), i;
1529
1539
  }
1530
- function Po(e, n, o, i) {
1540
+ function So(e, n, o, i) {
1531
1541
  switch (e.type) {
1532
1542
  case "annotation": {
1533
1543
  const a = () => i ? e.onClick() : o.seek(e.time);
1534
1544
  return /* @__PURE__ */ t(
1535
- Lo,
1545
+ No,
1536
1546
  {
1537
1547
  position: e.time / n * 100,
1538
1548
  onClick: a
@@ -1542,7 +1552,7 @@ function Po(e, n, o, i) {
1542
1552
  }
1543
1553
  case "quiz":
1544
1554
  return /* @__PURE__ */ t(
1545
- xo,
1555
+ Io,
1546
1556
  {
1547
1557
  position: e.time / n * 100,
1548
1558
  ordinal: e.ordinal,
@@ -1555,18 +1565,18 @@ function Po(e, n, o, i) {
1555
1565
  return null;
1556
1566
  }
1557
1567
  }
1558
- function Io() {
1559
- const e = ne(), n = C("duration"), o = V(), i = S(() => [
1560
- ...Mo(
1568
+ function To() {
1569
+ const e = oe(), n = C("duration"), o = M(), i = E(() => [
1570
+ ...Ho(
1561
1571
  o.annotations,
1562
1572
  o.onAnnotationClick
1563
1573
  ),
1564
- ...No(o.quizMarkers, o.onQuizMarkerClick)
1565
- ].sort((c, l) => c.time - l.time).map((c) => Po(c, n, e, o.interactive)), [o.annotations, o.quizMarkers, n, e]);
1574
+ ...Vo(o.quizMarkers, o.onQuizMarkerClick)
1575
+ ].sort((s, l) => s.time - l.time).map((s) => So(s, n, e, o.interactive)), [o.annotations, o.quizMarkers, n, e]);
1566
1576
  return /* @__PURE__ */ t("div", { className: d.pins, children: i });
1567
1577
  }
1568
- function Ho() {
1569
- const e = C("duration"), n = V(), o = g();
1578
+ function Eo() {
1579
+ const e = C("duration"), n = M(), o = g();
1570
1580
  return n.hasComments && o.state.commentsEnabled ? /* @__PURE__ */ t("div", { className: d.commentMarkers, children: n.comments.map((i) => /* @__PURE__ */ t(
1571
1581
  "span",
1572
1582
  {
@@ -1578,36 +1588,36 @@ function Ho() {
1578
1588
  i.id
1579
1589
  )) }) : null;
1580
1590
  }
1581
- function Vo({ currentTime: e, position: n }) {
1582
- const [o, i] = x(!1), a = V(), c = _(() => a.interactiveMenuElements.length > 0 ? i((w) => !w) : a.onInteractivePinClick(e), [
1591
+ function Ro({ currentTime: e, position: n }) {
1592
+ const [o, i] = x(!1), a = M(), s = _(() => a.interactiveMenuElements.length > 0 ? i((w) => !w) : a.onInteractivePinClick(e), [
1583
1593
  a.interactiveMenuElements,
1584
1594
  a.onInteractivePinClick,
1585
1595
  e
1586
- ]), l = W(null), { refs: r, floatingStyles: u, context: p } = re({
1596
+ ]), l = G(null), { refs: r, floatingStyles: u, context: p } = ue({
1587
1597
  open: o,
1588
1598
  onOpenChange: i,
1589
- whileElementsMounted: ue,
1599
+ whileElementsMounted: de,
1590
1600
  placement: "top",
1591
1601
  middleware: [
1592
- Te(),
1593
- Ee(6),
1594
- de(),
1595
- me({
1602
+ Ee(),
1603
+ Re(6),
1604
+ me(),
1605
+ he({
1596
1606
  element: l
1597
1607
  })
1598
1608
  ]
1599
- }), v = he(p), { getReferenceProps: y, getFloatingProps: k } = pe([v]);
1600
- return /* @__PURE__ */ s(j, { children: [
1609
+ }), v = pe(p), { getReferenceProps: y, getFloatingProps: k } = _e([v]);
1610
+ return /* @__PURE__ */ c(Q, { children: [
1601
1611
  /* @__PURE__ */ t(
1602
1612
  "button",
1603
1613
  {
1604
1614
  type: "button",
1605
- onClick: c,
1615
+ onClick: s,
1606
1616
  className: d.interactivePinButton,
1607
1617
  ref: r.setReference,
1608
1618
  style: { left: `${n}%` },
1609
1619
  ...y(),
1610
- children: /* @__PURE__ */ s(
1620
+ children: /* @__PURE__ */ c(
1611
1621
  "svg",
1612
1622
  {
1613
1623
  className: d.interactivePin,
@@ -1647,7 +1657,7 @@ function Vo({ currentTime: e, position: n }) {
1647
1657
  )
1648
1658
  }
1649
1659
  ),
1650
- o && /* @__PURE__ */ s(
1660
+ o && /* @__PURE__ */ c(
1651
1661
  "div",
1652
1662
  {
1653
1663
  ref: r.setFloating,
@@ -1655,7 +1665,7 @@ function Vo({ currentTime: e, position: n }) {
1655
1665
  className: d.interactivePinMenu,
1656
1666
  ...k(),
1657
1667
  children: [
1658
- a.interactiveMenuElements.map(({ id: w, text: M, onClick: m }) => /* @__PURE__ */ s(
1668
+ a.interactiveMenuElements.map(({ id: w, text: N, onClick: m }) => /* @__PURE__ */ c(
1659
1669
  "button",
1660
1670
  {
1661
1671
  type: "button",
@@ -1683,13 +1693,13 @@ function Vo({ currentTime: e, position: n }) {
1683
1693
  )
1684
1694
  }
1685
1695
  ),
1686
- M
1696
+ N
1687
1697
  ]
1688
1698
  },
1689
1699
  w
1690
1700
  )),
1691
1701
  /* @__PURE__ */ t(
1692
- _e,
1702
+ Ce,
1693
1703
  {
1694
1704
  ref: l,
1695
1705
  context: p,
@@ -1701,48 +1711,50 @@ function Vo({ currentTime: e, position: n }) {
1701
1711
  )
1702
1712
  ] });
1703
1713
  }
1704
- function So() {
1705
- const e = C("duration"), n = C("currentTime"), o = n / e * 100;
1706
- return /* @__PURE__ */ t("div", { className: d.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: d.interactivePinWrapper, children: /* @__PURE__ */ t(Vo, { currentTime: n, position: o }) }) });
1714
+ function Ao() {
1715
+ const e = C("duration"), n = C("currentTime"), o = n / e * 100, { disableInteractivePinRanges: i } = M();
1716
+ return i.some(
1717
+ ([s, l]) => n >= s && n <= l
1718
+ ) ? null : /* @__PURE__ */ t("div", { className: d.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: d.interactivePinWrapper, children: /* @__PURE__ */ t(Ro, { currentTime: n, position: o }) }) });
1707
1719
  }
1708
- function To() {
1720
+ function Bo() {
1709
1721
  const e = C("paused"), n = g();
1710
- return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(So, {}) : null;
1722
+ return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(Ao, {}) : null;
1711
1723
  }
1712
- const Eo = `${d.progress} ${d.trackInner}`, Ro = `${d.trackFill} ${d.trackInner}`;
1724
+ const Oo = `${d.progress} ${d.trackInner}`, Fo = `${d.trackFill} ${d.trackInner}`;
1713
1725
  function Ne({ className: e }) {
1714
- const n = g(), { hasAnnotations: o, hasQuizmarkers: i, interactive: a } = V(), c = e ? `${d.timelineWrapper} ${e}` : d.timelineWrapper;
1715
- return /* @__PURE__ */ s("div", { className: c, children: [
1716
- a ? /* @__PURE__ */ t(To, {}) : null,
1717
- a || o || i ? /* @__PURE__ */ t(Io, {}) : null,
1718
- /* @__PURE__ */ t(Ho, {}),
1719
- /* @__PURE__ */ s(
1720
- U.Root,
1726
+ const n = g(), { hasAnnotations: o, hasQuizmarkers: i, interactive: a } = M(), s = e ? `${d.timelineWrapper} ${e}` : d.timelineWrapper;
1727
+ return /* @__PURE__ */ c("div", { className: s, children: [
1728
+ a ? /* @__PURE__ */ t(Bo, {}) : null,
1729
+ a || o || i ? /* @__PURE__ */ t(To, {}) : null,
1730
+ /* @__PURE__ */ t(Eo, {}),
1731
+ /* @__PURE__ */ c(
1732
+ $.Root,
1721
1733
  {
1722
1734
  className: d.root,
1723
1735
  tabIndex: n.state.interactionsDisabled ? -1 : 0,
1724
1736
  children: [
1725
- /* @__PURE__ */ s(U.Track, { className: d.track, children: [
1726
- /* @__PURE__ */ t(U.Progress, { className: Eo }),
1727
- /* @__PURE__ */ t(U.TrackFill, { className: Ro })
1737
+ /* @__PURE__ */ c($.Track, { className: d.track, children: [
1738
+ /* @__PURE__ */ t($.Progress, { className: Oo }),
1739
+ /* @__PURE__ */ t($.TrackFill, { className: Fo })
1728
1740
  ] }),
1729
- /* @__PURE__ */ t(U.Thumb, { className: d.thumb })
1741
+ /* @__PURE__ */ t($.Thumb, { className: d.thumb })
1730
1742
  ]
1731
1743
  }
1732
1744
  )
1733
1745
  ] });
1734
1746
  }
1735
- const Ao = "_wrapper_12cb0_1", Bo = "_track_12cb0_6", Oo = "_thumb_12cb0_18", Fo = "_track-fill_12cb0_32", Zo = "_root_12cb0_51", G = {
1736
- wrapper: Ao,
1737
- track: Bo,
1738
- thumb: Oo,
1747
+ const Zo = "_wrapper_12cb0_1", zo = "_track_12cb0_6", Ko = "_thumb_12cb0_18", Do = "_track-fill_12cb0_32", $o = "_root_12cb0_51", q = {
1748
+ wrapper: Zo,
1749
+ track: zo,
1750
+ thumb: Ko,
1739
1751
  "track-fill": "_track-fill_12cb0_32",
1740
- trackFill: Fo,
1741
- root: Zo
1752
+ trackFill: Do,
1753
+ root: $o
1742
1754
  };
1743
- function zo() {
1744
- const e = z(), n = C("volume"), o = C("muted"), i = g(), a = o || n === 0, { t: c } = f();
1745
- return /* @__PURE__ */ s("div", { className: G.wrapper, children: [
1755
+ function Uo() {
1756
+ const e = F(), n = C("volume"), o = C("muted"), i = g(), a = o || n === 0, { t: s } = f();
1757
+ return /* @__PURE__ */ c("div", { className: q.wrapper, children: [
1746
1758
  /* @__PURE__ */ t(
1747
1759
  "button",
1748
1760
  {
@@ -1750,27 +1762,27 @@ function zo() {
1750
1762
  type: "button",
1751
1763
  tabIndex: i.state.interactionsDisabled ? -1 : 0,
1752
1764
  className: "controls-button",
1753
- "aria-label": c(a ? "VOLUME" : "MUTE"),
1765
+ "aria-label": s(a ? "VOLUME" : "MUTE"),
1754
1766
  onClick: () => {
1755
1767
  a ? e == null || e.remoteControl.unmute() : e == null || e.remoteControl.mute();
1756
1768
  },
1757
- children: a ? /* @__PURE__ */ t($e, { className: "controls-button-icon" }) : n < 0.5 ? /* @__PURE__ */ t(Ue, { className: "controls-button-icon" }) : /* @__PURE__ */ t(qe, { className: "controls-button-icon" })
1769
+ children: a ? /* @__PURE__ */ t(Ue, { className: "controls-button-icon" }) : n < 0.5 ? /* @__PURE__ */ t(qe, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Ge, { className: "controls-button-icon" })
1758
1770
  }
1759
1771
  ),
1760
- /* @__PURE__ */ s(
1772
+ /* @__PURE__ */ c(
1761
1773
  J.Root,
1762
1774
  {
1763
- className: G.root,
1775
+ className: q.root,
1764
1776
  tabIndex: i.state.interactionsDisabled ? -1 : 0,
1765
1777
  children: [
1766
- /* @__PURE__ */ t(J.Track, { className: G.track, children: /* @__PURE__ */ t(J.TrackFill, { className: G.trackFill }) }),
1767
- /* @__PURE__ */ t(J.Thumb, { className: G.thumb })
1778
+ /* @__PURE__ */ t(J.Track, { className: q.track, children: /* @__PURE__ */ t(J.TrackFill, { className: q.trackFill }) }),
1779
+ /* @__PURE__ */ t(J.Thumb, { className: q.thumb })
1768
1780
  ]
1769
1781
  }
1770
1782
  )
1771
1783
  ] });
1772
1784
  }
1773
- const Pe = {
1785
+ const Ie = {
1774
1786
  togglePaused: {
1775
1787
  keys: ["Space", "Enter", "k"],
1776
1788
  onKeyUp({ event: e, player: n, remote: o }) {
@@ -1817,8 +1829,8 @@ const Pe = {
1817
1829
  decreasePlaybackRate: {
1818
1830
  keys: ["a"],
1819
1831
  onKeyUp({ event: e, player: n, remote: o }) {
1820
- const a = F.indexOf(n.playbackRate) - 1;
1821
- a >= 0 && (o.changePlaybackRate(F[a]), n.$state.lastKeyboardAction.set({
1832
+ const a = K.indexOf(n.playbackRate) - 1;
1833
+ a >= 0 && (o.changePlaybackRate(K[a]), n.$state.lastKeyboardAction.set({
1822
1834
  action: "decreasePlaybackRate",
1823
1835
  event: e
1824
1836
  }));
@@ -1827,8 +1839,8 @@ const Pe = {
1827
1839
  increasePlaybackRate: {
1828
1840
  keys: ["d"],
1829
1841
  onKeyUp({ event: e, player: n, remote: o }) {
1830
- const a = F.indexOf(n.playbackRate) + 1;
1831
- a < F.length && (o.changePlaybackRate(F[a]), n.$state.lastKeyboardAction.set({
1842
+ const a = K.indexOf(n.playbackRate) + 1;
1843
+ a < K.length && (o.changePlaybackRate(K[a]), n.$state.lastKeyboardAction.set({
1832
1844
  action: "increasePlaybackRate",
1833
1845
  event: e
1834
1846
  }));
@@ -1862,10 +1874,10 @@ const Pe = {
1862
1874
  }
1863
1875
  }
1864
1876
  };
1865
- function Ie(e) {
1877
+ function He(e) {
1866
1878
  return typeof e == "number" && !isNaN(e);
1867
1879
  }
1868
- function Ko(e, n = 1e3) {
1880
+ function qo(e, n = 1e3) {
1869
1881
  let o = !1;
1870
1882
  return () => {
1871
1883
  o || (e(), o = !0, setTimeout(() => {
@@ -1873,7 +1885,7 @@ function Ko(e, n = 1e3) {
1873
1885
  }, n));
1874
1886
  };
1875
1887
  }
1876
- const He = {
1888
+ const Ve = {
1877
1889
  volume: 1,
1878
1890
  muted: !1,
1879
1891
  lang: null,
@@ -1884,23 +1896,23 @@ const He = {
1884
1896
  invert: !1,
1885
1897
  comments: !1
1886
1898
  };
1887
- class Do {
1899
+ class Go {
1888
1900
  constructor() {
1889
- H(this, "playerId", "studio-player");
1890
- H(this, "mediaId", null);
1891
- H(this, "data", He);
1892
- H(this, "time", null);
1893
- H(this, "overrideTime", null);
1894
- H(this, "saveTime", () => {
1901
+ V(this, "playerId", "studio-player");
1902
+ V(this, "mediaId", null);
1903
+ V(this, "data", Ve);
1904
+ V(this, "time", null);
1905
+ V(this, "overrideTime", null);
1906
+ V(this, "saveTime", () => {
1895
1907
  if (!this.mediaId) return;
1896
1908
  const n = (this.time ?? 0).toString();
1897
1909
  localStorage.setItem(this.mediaId, n);
1898
1910
  });
1899
- H(this, "saveTimeThrottled", Ko(this.saveTime, 1e3));
1911
+ V(this, "saveTimeThrottled", qo(this.saveTime, 1e3));
1900
1912
  // only used for useStudioPlayer hook's state initialization
1901
- H(this, "initializeState", (n) => {
1913
+ V(this, "initializeState", (n) => {
1902
1914
  const o = localStorage.getItem(this.playerId);
1903
- if (Ie(n) && n >= 0 && (this.overrideTime = n), o)
1915
+ if (He(n) && n >= 0 && (this.overrideTime = n), o)
1904
1916
  try {
1905
1917
  this.data = JSON.parse(o);
1906
1918
  } catch {
@@ -1915,7 +1927,7 @@ class Do {
1915
1927
  disableCaptionSettings: !1
1916
1928
  };
1917
1929
  });
1918
- H(this, "saveData", (n, o) => {
1930
+ V(this, "saveData", (n, o) => {
1919
1931
  this.data = {
1920
1932
  ...this.data,
1921
1933
  [n]: o
@@ -1966,7 +1978,7 @@ class Do {
1966
1978
  this.data.rate = n, this.save();
1967
1979
  }
1968
1980
  onChange(n, o, i = "studio-player") {
1969
- const a = i ? localStorage.getItem(i) : null, c = o ? localStorage.getItem(o) : null;
1981
+ const a = i ? localStorage.getItem(i) : null, s = o ? localStorage.getItem(o) : null;
1970
1982
  this.playerId = i, this.mediaId = o;
1971
1983
  let l = {};
1972
1984
  if (a)
@@ -1975,9 +1987,9 @@ class Do {
1975
1987
  } catch {
1976
1988
  }
1977
1989
  this.data = {
1978
- ...He,
1990
+ ...Ve,
1979
1991
  ...l
1980
- }, Ie(this.overrideTime) && this.overrideTime >= 0 ? this.time = this.overrideTime : this.time = c ? +c : null;
1992
+ }, He(this.overrideTime) && this.overrideTime >= 0 ? this.time = this.overrideTime : this.time = s ? +s : null;
1981
1993
  }
1982
1994
  save() {
1983
1995
  if (!this.playerId) return;
@@ -1985,8 +1997,8 @@ class Do {
1985
1997
  localStorage.setItem(this.playerId, n);
1986
1998
  }
1987
1999
  }
1988
- function $o(e, n, o, i) {
1989
- const a = S(() => new Do(), []), [c, l] = x(
2000
+ function Qo(e, n, o, i) {
2001
+ const a = E(() => new Go(), []), [s, l] = x(
1990
2002
  a.initializeState(i)
1991
2003
  ), r = _(
1992
2004
  (m) => {
@@ -2035,15 +2047,15 @@ function $o(e, n, o, i) {
2035
2047
  ...b,
2036
2048
  globalKeysDisabled: m
2037
2049
  }));
2038
- }, []), M = S(() => e ? {
2039
- ...Pe,
2050
+ }, []), N = E(() => e ? {
2051
+ ...Ie,
2040
2052
  toggleFullscreen: []
2041
- } : Pe, [e]);
2053
+ } : Ie, [e]);
2042
2054
  return {
2043
2055
  contextValue: {
2044
2056
  state: {
2045
- ...c,
2046
- commentsEnabled: n || c.commentsEnabled
2057
+ ...s,
2058
+ commentsEnabled: n || s.commentsEnabled
2047
2059
  },
2048
2060
  setCaptionsFontSizeMultiplier: r,
2049
2061
  toggleCaptionPositionOnTop: u,
@@ -2054,83 +2066,112 @@ function $o(e, n, o, i) {
2054
2066
  toggleComments: v,
2055
2067
  disableCaptionSettings: o
2056
2068
  },
2057
- shortcuts: M,
2069
+ shortcuts: N,
2058
2070
  storage: a
2059
2071
  };
2060
2072
  }
2061
- const Uo = {};
2062
- function qo() {
2063
- const e = V();
2064
- return /* @__PURE__ */ s(j, { children: [
2065
- /* @__PURE__ */ t(Z1, { src: e.thumbnail }),
2066
- /* @__PURE__ */ t(Ge, {}),
2067
- /* @__PURE__ */ t(Be, {}),
2068
- /* @__PURE__ */ t(Ze, { captions: e.captions }),
2069
- /* @__PURE__ */ t(G1, {}),
2070
- /* @__PURE__ */ t(h1, {}),
2071
- /* @__PURE__ */ t(qt, { comments: e.comments })
2073
+ const Wo = {};
2074
+ function jo() {
2075
+ const e = M();
2076
+ return /* @__PURE__ */ c(Q, { children: [
2077
+ /* @__PURE__ */ t($1, { src: e.thumbnail }),
2078
+ /* @__PURE__ */ t(Qe, {}),
2079
+ /* @__PURE__ */ t(Oe, {}),
2080
+ /* @__PURE__ */ t(ze, { captions: e.captions }),
2081
+ /* @__PURE__ */ t(Y1, {}),
2082
+ /* @__PURE__ */ t(f1, {}),
2083
+ /* @__PURE__ */ t(jt, { comments: e.comments })
2072
2084
  ] });
2073
2085
  }
2074
- const Go = (e) => /* @__PURE__ */ t("svg", { width: 56, height: 72, viewBox: "0 0 28 36", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("g", { id: "Icons", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ s("g", { id: "audio", children: [
2075
- /* @__PURE__ */ s("g", { id: "icon-file-base-2", children: [
2086
+ const Yo = (e) => /* @__PURE__ */ t("svg", { width: 56, height: 72, viewBox: "0 0 28 36", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("g", { id: "Icons", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ c("g", { id: "audio", children: [
2087
+ /* @__PURE__ */ c("g", { id: "icon-file-base-2", children: [
2076
2088
  /* @__PURE__ */ t("path", { d: "M0,2 L0,34 C0,35.105 0.899,36 1.993,36 L26.006,36 C27.107,36 28,35.11 28,34 L28,10 L18,0 L1.993,0 C0.892,0 0,0.89 0,2 Z", fill: "#FFFFFF" }),
2077
2089
  /* @__PURE__ */ t("path", { d: "M0,2 L0,34 C0,35.105 0.899,36 1.993,36 L26.006,36 C27.107,36 28,35.11 28,34 L28,10 L18,0 L1.993,0 C0.892,0 0,0.89 0,2 Z M1.993,35 C1.445,35 1,34.552 1,34 L1,2 C1,1.448 1.445,1 1.993,1 L16.5,1 L16.5,9 C16.5,10.379 17.621,11.5 18.999,11.5 L27,11.5 L27,34 C27,34.552 26.554,35 26.006,35 L1.993,35 Z M27,10.5 L18.999,10.5 C18.173,10.5 17.5,9.827 17.5,9 L17.5,1 L17.585,1 L27,10.414 L27,10.5 L27,10.5 Z", id: "icon-file-base", fill: "#FFFFFF" }),
2078
2090
  /* @__PURE__ */ t("path", { d: "M0,2 L0,34 C0,35.105 0.899,36 1.993,36 L26.006,36 C27.107,36 28,35.11 28,34 L28,10 L18,0 L1.993,0 C0.892,0 0,0.89 0,2 Z M1.993,35 C1.445,35 1,34.552 1,34 L1,2 C1,1.448 1.445,1 1.993,1 L16.5,1 L16.5,9 C16.5,10.379 17.621,11.5 18.999,11.5 L27,11.5 L27,34 C27,34.552 26.554,35 26.006,35 L1.993,35 Z M27,10.5 L18.999,10.5 C18.173,10.5 17.5,9.827 17.5,9 L17.5,1 L17.585,1 L27,10.414 L27,10.5 L27,10.5 Z", fill: "#384A58" })
2079
2091
  ] }),
2080
2092
  /* @__PURE__ */ t("path", { d: "M14.7142857,14.2824 L14.7142857,13 L13.2857143,13.2548 L13.2857143,23.0912 C12.8642857,22.9106 12.3785714,22.8 11.8571429,22.8 C10.2771429,22.8 9,23.7408 9,24.9 C9,26.0592 10.2771429,27 11.8571429,27 C12.3785714,27 12.8642857,26.8894 13.2857143,26.7088 C14.1371429,26.3448 14.7142857,25.6756 14.7142857,24.9 L14.7142857,17.0824 C17.5714286,17.0824 19,20 19,21.4 C19,15.8 16.1428571,14.2824 14.7142857,14.2824", id: "Fill-776", fill: "#384A58" })
2081
2093
  ] }) }) });
2082
- function Wo() {
2083
- const e = V();
2084
- return /* @__PURE__ */ s("div", { className: "audio-layout-wrapper", children: [
2085
- /* @__PURE__ */ t(Go, {}),
2086
- /* @__PURE__ */ t(Ge, {}),
2087
- /* @__PURE__ */ t(Be, {}),
2088
- /* @__PURE__ */ t(Ze, { captions: e.captions })
2094
+ function Xo() {
2095
+ const e = M();
2096
+ return /* @__PURE__ */ c("div", { className: "audio-layout-wrapper", children: [
2097
+ /* @__PURE__ */ t(Yo, {}),
2098
+ /* @__PURE__ */ t(Qe, {}),
2099
+ /* @__PURE__ */ t(Oe, {}),
2100
+ /* @__PURE__ */ t(ze, { captions: e.captions })
2089
2101
  ] });
2090
2102
  }
2091
- const se = () => {
2103
+ function Jo(e, n, o, i = 0.25) {
2104
+ let a = !1;
2105
+ return (s) => {
2106
+ const l = s.detail.currentTime, r = !o.paused;
2107
+ l >= e.time && l < e.time + i && !a && (a = !0, n(e, r)), (l < e.time || l >= e.time + i) && a && (a = !1);
2108
+ };
2109
+ }
2110
+ function ei() {
2111
+ const e = F(), { quizMarkers: n, onQuizMarkerShow: o } = M();
2112
+ O(() => {
2113
+ if (!e)
2114
+ return;
2115
+ const i = [];
2116
+ for (const a of n) {
2117
+ const s = Jo(a, o, e);
2118
+ e.addEventListener("time-update", s), i.push(s);
2119
+ }
2120
+ return () => {
2121
+ for (const a of i)
2122
+ e.removeEventListener("time-update", a);
2123
+ };
2124
+ }, [n, e]);
2125
+ }
2126
+ function ti() {
2127
+ return ei(), null;
2128
+ }
2129
+ const ne = () => {
2092
2130
  };
2093
- function oi({
2131
+ function ui({
2094
2132
  title: e,
2095
2133
  playerRef: n,
2096
2134
  src: o,
2097
2135
  captions: i = [],
2098
2136
  thumbnail: a,
2099
- hideFullScreen: c = !1,
2137
+ hideFullScreen: s = !1,
2100
2138
  comments: l = [],
2101
2139
  locale: r = "en",
2102
2140
  annotations: u = [],
2103
2141
  quizMarkers: p = [],
2104
2142
  interactive: v = !1,
2105
- onAnnotationClick: y = se,
2106
- onQuizMarkerClick: k = se,
2107
- onInteractivePinClick: w = se,
2108
- interactiveMenuElements: M = [],
2109
- kebabMenuElements: m = [],
2110
- darkMode: b = !1,
2111
- autoLoadCaptionSrc: N = "",
2112
- forceComments: T = !1,
2113
- disableCaptionSettings: D = !1,
2114
- disableStorage: B = !1,
2115
- startAt: ie,
2116
- crossOrigin: X
2143
+ onAnnotationClick: y = ne,
2144
+ onQuizMarkerClick: k = ne,
2145
+ onQuizMarkerShow: w = ne,
2146
+ onInteractivePinClick: N = ne,
2147
+ interactiveMenuElements: m = [],
2148
+ kebabMenuElements: b = [],
2149
+ darkMode: P = !1,
2150
+ autoLoadCaptionSrc: T = "",
2151
+ forceComments: Z = !1,
2152
+ disableCaptionSettings: S = !1,
2153
+ disableStorage: Y = !1,
2154
+ startAt: X,
2155
+ crossOrigin: ae,
2156
+ captionOffsetOverride: Ye,
2157
+ disableInteractivePinRanges: Xe = []
2117
2158
  }) {
2118
- const { contextValue: $, shortcuts: Qe, storage: Ye } = $o(
2119
- c,
2120
- T,
2121
- D,
2122
- ie
2123
- ), { i18n: ge } = f();
2124
- Z(() => {
2125
- ge.changeLanguage(r);
2126
- }, [ge, r]);
2127
- const [ve, we] = x("none"), Xe = _((E) => {
2128
- ut(E) ? we("audio") : dt(E) && we("video");
2159
+ const { contextValue: se, shortcuts: Je, storage: et } = Qo(
2160
+ s,
2161
+ Z,
2162
+ S,
2163
+ X
2164
+ ), { i18n: ve } = f();
2165
+ O(() => {
2166
+ ve.changeLanguage(r);
2167
+ }, [ve, r]);
2168
+ const [we, ye] = x("none"), tt = _((R) => {
2169
+ ht(R) ? ye("audio") : pt(R) && ye("video");
2129
2170
  }, []);
2130
2171
  return /* @__PURE__ */ t(
2131
- vt,
2172
+ kt,
2132
2173
  {
2133
- hideFullScreen: c,
2174
+ hideFullScreen: s,
2134
2175
  comments: l,
2135
2176
  captions: i,
2136
2177
  thumbnail: a,
@@ -2139,45 +2180,49 @@ function oi({
2139
2180
  interactive: v,
2140
2181
  onAnnotationClick: y,
2141
2182
  onQuizMarkerClick: k,
2142
- onInteractivePinClick: w,
2143
- interactiveMenuElements: M,
2144
- kebabMenuElements: m,
2145
- darkMode: b,
2146
- forceComments: T,
2147
- disableCaptionSettings: D,
2148
- disableStorage: B,
2149
- children: /* @__PURE__ */ t(gt, { contextValue: $, children: /* @__PURE__ */ s(
2150
- mt,
2183
+ onInteractivePinClick: N,
2184
+ interactiveMenuElements: m,
2185
+ kebabMenuElements: b,
2186
+ darkMode: P,
2187
+ forceComments: Z,
2188
+ disableCaptionSettings: S,
2189
+ disableStorage: Y,
2190
+ captionOffsetOverride: Ye,
2191
+ disableInteractivePinRanges: Xe,
2192
+ onQuizMarkerShow: w,
2193
+ children: /* @__PURE__ */ t(yt, { contextValue: se, children: /* @__PURE__ */ c(
2194
+ _t,
2151
2195
  {
2152
- crossOrigin: X,
2153
- storage: B ? null : Ye,
2196
+ crossOrigin: ae,
2197
+ storage: Y ? null : et,
2154
2198
  title: e,
2155
2199
  src: o,
2156
- keyShortcuts: Qe,
2200
+ keyShortcuts: Je,
2157
2201
  playsInline: !0,
2158
- keyDisabled: $.state.interactionsDisabled || $.state.globalKeysDisabled,
2159
- onTextTracksChange: (E) => {
2160
- const ye = E == null ? void 0 : E.findIndex(
2161
- (Je) => Je.src === N
2202
+ keyDisabled: se.state.interactionsDisabled || se.state.globalKeysDisabled,
2203
+ onTextTracksChange: (R) => {
2204
+ const ke = R == null ? void 0 : R.findIndex(
2205
+ (nt) => nt.src === T
2162
2206
  );
2163
- ye > -1 && (E[ye].mode = "showing");
2207
+ ke > -1 && (R[ke].mode = "showing");
2164
2208
  },
2165
- onProviderSetup: Xe,
2209
+ onProviderSetup: tt,
2166
2210
  children: [
2167
- /* @__PURE__ */ s(ht, { className: Uo.mediaProvider, children: [
2168
- ve === "audio" && /* @__PURE__ */ t(Wo, {}),
2169
- ve === "video" && /* @__PURE__ */ t(qo, {})
2211
+ /* @__PURE__ */ c(Ct, { className: Wo.mediaProvider, children: [
2212
+ we === "audio" && /* @__PURE__ */ t(Xo, {}),
2213
+ we === "video" && /* @__PURE__ */ t(jo, {})
2170
2214
  ] }),
2171
- /* @__PURE__ */ t(E1, {}),
2215
+ /* @__PURE__ */ t(O1, {}),
2172
2216
  /* @__PURE__ */ t(
2173
- Jt,
2217
+ on,
2174
2218
  {
2175
- darkMode: b,
2219
+ darkMode: P,
2176
2220
  playerRef: n,
2177
- showCaptionsButton: !D
2221
+ showCaptionsButton: !S
2178
2222
  }
2179
2223
  ),
2180
- /* @__PURE__ */ t(Lt, { annotations: u })
2224
+ /* @__PURE__ */ t(Pt, { annotations: u }),
2225
+ !!p.length && /* @__PURE__ */ t(ti, {})
2181
2226
  ]
2182
2227
  }
2183
2228
  ) })
@@ -2185,10 +2230,10 @@ function oi({
2185
2230
  );
2186
2231
  }
2187
2232
  export {
2188
- Tt as CAPTION_FONT_SIZE_MULTIPLIERS,
2189
- Et as COMMENT_DURATION,
2190
- F as PLAYBACK_RATES,
2191
- oi as StudioPlayer,
2192
- si as useMediaState,
2193
- ci as useMediaStore
2233
+ Bt as CAPTION_FONT_SIZE_MULTIPLIERS,
2234
+ Ot as COMMENT_DURATION,
2235
+ K as PLAYBACK_RATES,
2236
+ ui as StudioPlayer,
2237
+ hi as useMediaState,
2238
+ pi as useMediaStore
2194
2239
  };