@instructure/studio-player 0.3.6 → 0.3.8
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.
package/dist/studio-player.es.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import './index-
|
|
1
|
+
import './index-B3keTGCo.css';var ot = Object.defineProperty;
|
|
2
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
|
|
3
|
+
var S = (e, n, o) => it(e, typeof n != "symbol" ? n + "" : n, o);
|
|
4
4
|
import { jsx as t, jsxs as c, Fragment as Q } from "react/jsx-runtime";
|
|
5
|
-
import { createContext as
|
|
6
|
-
import { useMediaPlayer as F, Spinner as ce, useMediaRemote as oe, useMediaState as
|
|
5
|
+
import { createContext as re, useContext as le, useState as L, 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 f, isTrackCaptionKind as st, Track as at, Captions as ct, usePlaybackRateOptions as rt, useCaptionOptions as lt, useVideoQualityOptions as ut, useMediaStore as Te, Poster as dt, FullscreenButton as mt, Time as xe, TimeSlider as $, VolumeSlider as J, isAudioProvider as ht, isVideoProvider as pt, MediaPlayer as _t, MediaProvider as ft } from "@vidstack/react";
|
|
7
7
|
import { useMediaState as hi, useMediaStore as pi } from "@vidstack/react";
|
|
8
|
-
import { initReactI18next as
|
|
8
|
+
import { initReactI18next as Ct, useTranslation as C } from "react-i18next";
|
|
9
9
|
import bt from "i18next";
|
|
10
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
|
|
11
|
+
import { useFloating as ue, autoUpdate as de, flip as me, arrow as he, useDismiss as pe, useInteractions as _e, FloatingFocusManager as fe, FloatingArrow as Ce, shift as Ee, offset as Re, useListNavigation as vt } from "@floating-ui/react";
|
|
12
12
|
const wt = (e, n, o) => {
|
|
13
13
|
const i = e[n];
|
|
14
|
-
return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((
|
|
14
|
+
return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((s, a) => {
|
|
15
15
|
(typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
|
|
16
|
-
|
|
16
|
+
a.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,7 +22,7 @@ const wt = (e, n, o) => {
|
|
|
22
22
|
);
|
|
23
23
|
});
|
|
24
24
|
};
|
|
25
|
-
bt.use(
|
|
25
|
+
bt.use(Ct).use(
|
|
26
26
|
gt(
|
|
27
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
|
)
|
|
@@ -35,72 +35,72 @@ bt.use(ft).use(
|
|
|
35
35
|
escapeValue: !1
|
|
36
36
|
}
|
|
37
37
|
});
|
|
38
|
-
const Ae =
|
|
38
|
+
const Ae = re(null);
|
|
39
39
|
function yt({
|
|
40
40
|
children: e,
|
|
41
41
|
contextValue: n
|
|
42
42
|
}) {
|
|
43
43
|
return /* @__PURE__ */ t(Ae.Provider, { value: n, children: e });
|
|
44
44
|
}
|
|
45
|
-
function
|
|
46
|
-
const e =
|
|
45
|
+
function v() {
|
|
46
|
+
const e = le(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 Be =
|
|
53
|
+
const Be = re(null);
|
|
54
54
|
function kt({
|
|
55
55
|
hideFullScreen: e,
|
|
56
56
|
comments: n,
|
|
57
57
|
captions: o,
|
|
58
58
|
thumbnail: i,
|
|
59
|
-
annotations:
|
|
60
|
-
quizMarkers:
|
|
61
|
-
interactive:
|
|
62
|
-
onAnnotationClick:
|
|
59
|
+
annotations: s,
|
|
60
|
+
quizMarkers: a,
|
|
61
|
+
interactive: r,
|
|
62
|
+
onAnnotationClick: l,
|
|
63
63
|
onQuizMarkerClick: u,
|
|
64
|
-
onInteractivePinClick:
|
|
65
|
-
interactiveMenuElements:
|
|
66
|
-
kebabMenuElements:
|
|
64
|
+
onInteractivePinClick: d,
|
|
65
|
+
interactiveMenuElements: b,
|
|
66
|
+
kebabMenuElements: w,
|
|
67
67
|
darkMode: k,
|
|
68
|
-
children:
|
|
68
|
+
children: y,
|
|
69
69
|
forceComments: N,
|
|
70
|
-
disableCaptionSettings:
|
|
71
|
-
disableStorage:
|
|
70
|
+
disableCaptionSettings: h,
|
|
71
|
+
disableStorage: g,
|
|
72
72
|
captionOffsetOverride: P,
|
|
73
73
|
disableInteractivePinRanges: T,
|
|
74
74
|
onQuizMarkerShow: Z
|
|
75
75
|
}) {
|
|
76
|
-
const
|
|
76
|
+
const V = {
|
|
77
77
|
hideFullScreen: e,
|
|
78
78
|
comments: n,
|
|
79
79
|
captions: o,
|
|
80
80
|
thumbnail: i,
|
|
81
|
-
annotations:
|
|
82
|
-
quizMarkers:
|
|
83
|
-
interactive:
|
|
84
|
-
onAnnotationClick:
|
|
81
|
+
annotations: s,
|
|
82
|
+
quizMarkers: a,
|
|
83
|
+
interactive: r,
|
|
84
|
+
onAnnotationClick: l,
|
|
85
85
|
onQuizMarkerClick: u,
|
|
86
|
-
onInteractivePinClick:
|
|
87
|
-
interactiveMenuElements:
|
|
88
|
-
kebabMenuElements:
|
|
86
|
+
onInteractivePinClick: d,
|
|
87
|
+
interactiveMenuElements: b,
|
|
88
|
+
kebabMenuElements: w,
|
|
89
89
|
darkMode: k,
|
|
90
90
|
hasComments: n.length > 0,
|
|
91
|
-
hasAnnotations:
|
|
92
|
-
hasQuizmarkers:
|
|
91
|
+
hasAnnotations: s.length > 0,
|
|
92
|
+
hasQuizmarkers: a.length > 0,
|
|
93
93
|
forceComments: N,
|
|
94
|
-
disableCaptionSettings:
|
|
95
|
-
disableStorage:
|
|
94
|
+
disableCaptionSettings: h,
|
|
95
|
+
disableStorage: g,
|
|
96
96
|
captionOffsetOverride: P,
|
|
97
97
|
disableInteractivePinRanges: T,
|
|
98
98
|
onQuizMarkerShow: Z
|
|
99
99
|
};
|
|
100
|
-
return /* @__PURE__ */ t(Be.Provider, { value:
|
|
100
|
+
return /* @__PURE__ */ t(Be.Provider, { value: V, children: y });
|
|
101
101
|
}
|
|
102
102
|
function M() {
|
|
103
|
-
const e =
|
|
103
|
+
const e = le(Be);
|
|
104
104
|
if (!e)
|
|
105
105
|
throw new Error(
|
|
106
106
|
"useStudioPlayerPropsContext must be used within a StudioPlayerPropsContextProvider"
|
|
@@ -110,45 +110,45 @@ function M() {
|
|
|
110
110
|
const Lt = "_annotation-overlay_1kxzn_1", xt = {
|
|
111
111
|
"annotation-overlay": "_annotation-overlay_1kxzn_1",
|
|
112
112
|
annotationOverlay: Lt
|
|
113
|
-
},
|
|
113
|
+
}, Me = 0.25, Mt = (e, n) => {
|
|
114
114
|
let o = !1;
|
|
115
115
|
return (i) => {
|
|
116
|
-
const
|
|
117
|
-
|
|
116
|
+
const s = i.detail.currentTime;
|
|
117
|
+
s >= e.time && s < e.time + Me && !o && (o = !0, n(e)), (s < e.time || s >= e.time + Me) && o && (o = !1);
|
|
118
118
|
};
|
|
119
119
|
};
|
|
120
120
|
function Pt({ annotations: e }) {
|
|
121
|
-
const n = F(), o =
|
|
121
|
+
const n = F(), o = v(), i = M(), [s, a] = L(
|
|
122
122
|
null
|
|
123
|
-
),
|
|
123
|
+
), r = _(
|
|
124
124
|
(u) => {
|
|
125
|
-
n == null || n.pause(), i.interactive || o.disableInteractions(),
|
|
125
|
+
n == null || n.pause(), i.interactive || o.disableInteractions(), a(u);
|
|
126
126
|
},
|
|
127
127
|
[n, o]
|
|
128
|
-
),
|
|
129
|
-
i.interactive || (n == null || n.play(), o.enableInteractions()),
|
|
128
|
+
), l = () => {
|
|
129
|
+
i.interactive || (n == null || n.play(), o.enableInteractions()), a(null);
|
|
130
130
|
};
|
|
131
131
|
return O(() => {
|
|
132
132
|
if (!n)
|
|
133
133
|
return;
|
|
134
134
|
const u = [];
|
|
135
|
-
for (const
|
|
136
|
-
const
|
|
137
|
-
n.addEventListener("time-update",
|
|
135
|
+
for (const d of e) {
|
|
136
|
+
const b = Mt(d, r);
|
|
137
|
+
n.addEventListener("time-update", b), u.push(b);
|
|
138
138
|
}
|
|
139
|
-
if (
|
|
140
|
-
const
|
|
141
|
-
(
|
|
139
|
+
if (s) {
|
|
140
|
+
const d = e.find(
|
|
141
|
+
(b) => b.id === s.id
|
|
142
142
|
);
|
|
143
|
-
|
|
143
|
+
d ? a(d) : (a(null), o.enableInteractions());
|
|
144
144
|
}
|
|
145
145
|
return () => {
|
|
146
|
-
for (const
|
|
147
|
-
n.removeEventListener("time-update",
|
|
146
|
+
for (const d of u)
|
|
147
|
+
n.removeEventListener("time-update", d);
|
|
148
148
|
};
|
|
149
|
-
}, [n, e]),
|
|
149
|
+
}, [n, e]), s ? /* @__PURE__ */ t("div", { className: xt.annotationOverlay, children: s.render(l) }) : null;
|
|
150
150
|
}
|
|
151
|
-
const Nt = "_media-buffering-indicator_1fwjr_1", It = "_media-buffering-spinner_1fwjr_17", Ht = "_media-buffering-spin_1fwjr_17",
|
|
151
|
+
const Nt = "_media-buffering-indicator_1fwjr_1", It = "_media-buffering-spinner_1fwjr_17", Ht = "_media-buffering-spin_1fwjr_17", St = "_media-buffering-track_1fwjr_22", Vt = "_media-buffering-track-fill_1fwjr_27", ee = {
|
|
152
152
|
"media-buffering-indicator": "_media-buffering-indicator_1fwjr_1",
|
|
153
153
|
mediaBufferingIndicator: Nt,
|
|
154
154
|
"media-buffering-spinner": "_media-buffering-spinner_1fwjr_17",
|
|
@@ -156,9 +156,9 @@ const Nt = "_media-buffering-indicator_1fwjr_1", It = "_media-buffering-spinner_
|
|
|
156
156
|
"media-buffering-spin": "_media-buffering-spin_1fwjr_17",
|
|
157
157
|
mediaBufferingSpin: Ht,
|
|
158
158
|
"media-buffering-track": "_media-buffering-track_1fwjr_22",
|
|
159
|
-
mediaBufferingTrack:
|
|
159
|
+
mediaBufferingTrack: St,
|
|
160
160
|
"media-buffering-track-fill": "_media-buffering-track-fill_1fwjr_27",
|
|
161
|
-
mediaBufferingTrackFill:
|
|
161
|
+
mediaBufferingTrackFill: Vt
|
|
162
162
|
};
|
|
163
163
|
function Oe() {
|
|
164
164
|
return /* @__PURE__ */ t("div", { className: ee.mediaBufferingIndicator, children: /* @__PURE__ */ c(ce.Root, { className: ee.mediaBufferingSpinner, size: 96, children: [
|
|
@@ -180,9 +180,9 @@ const Fe = (e) => /* @__PURE__ */ c("svg", { width: 24, height: 24, viewBox: "0
|
|
|
180
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" }) })
|
|
181
181
|
] });
|
|
182
182
|
function Tt() {
|
|
183
|
-
const e = oe(), n =
|
|
184
|
-
(
|
|
185
|
-
e.toggleCaptions(
|
|
183
|
+
const e = oe(), n = f("textTrack"), o = f("hasCaptions"), i = n && st(n), s = v(), a = _(
|
|
184
|
+
(r) => {
|
|
185
|
+
e.toggleCaptions(r.nativeEvent);
|
|
186
186
|
},
|
|
187
187
|
[e]
|
|
188
188
|
);
|
|
@@ -191,10 +191,10 @@ function Tt() {
|
|
|
191
191
|
{
|
|
192
192
|
type: "button",
|
|
193
193
|
className: "controls-button",
|
|
194
|
-
onClick:
|
|
194
|
+
onClick: a,
|
|
195
195
|
"aria-label": "Captions",
|
|
196
196
|
"aria-pressed": i ? "true" : "false",
|
|
197
|
-
tabIndex:
|
|
197
|
+
tabIndex: s.state.interactionsDisabled ? -1 : 0,
|
|
198
198
|
children: i ? /* @__PURE__ */ t(Ze, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Fe, { className: "controls-button-icon" })
|
|
199
199
|
}
|
|
200
200
|
) : null;
|
|
@@ -203,28 +203,28 @@ const Et = "_captions_1cu0g_1", Rt = {
|
|
|
203
203
|
captions: Et
|
|
204
204
|
}, At = (e, n) => e ? n.top : n.bottom;
|
|
205
205
|
function ze({ captions: e }) {
|
|
206
|
-
const n = e.length > 0, o =
|
|
207
|
-
|
|
206
|
+
const n = e.length > 0, o = v(), { captionOffsetOverride: i } = M(), s = o.state.captionPositionOnTop, a = At(
|
|
207
|
+
s,
|
|
208
208
|
i ?? {}
|
|
209
209
|
);
|
|
210
210
|
return /* @__PURE__ */ c(Q, { children: [
|
|
211
|
-
e.map((
|
|
212
|
-
|
|
211
|
+
e.map((r) => /* @__PURE__ */ t(
|
|
212
|
+
at,
|
|
213
213
|
{
|
|
214
214
|
kind: "subtitles",
|
|
215
|
-
type:
|
|
216
|
-
language:
|
|
217
|
-
label:
|
|
218
|
-
src:
|
|
215
|
+
type: r.type,
|
|
216
|
+
language: r.language,
|
|
217
|
+
label: r.label,
|
|
218
|
+
src: r.src
|
|
219
219
|
},
|
|
220
|
-
|
|
220
|
+
r.label
|
|
221
221
|
)),
|
|
222
222
|
n ? /* @__PURE__ */ t(
|
|
223
223
|
"div",
|
|
224
224
|
{
|
|
225
225
|
style: {
|
|
226
226
|
display: "contents",
|
|
227
|
-
...
|
|
227
|
+
...a ? { "--caption-offset": a } : {},
|
|
228
228
|
"--captions-font-size-multiplier": o.state.captionsFontSizeMultiplier ?? 1,
|
|
229
229
|
"--captions-flex-direction": o.state.captionPositionOnTop ? "column" : "column-reverse",
|
|
230
230
|
"--captions-color": o.state.captionsInvertColors ? "rgba(22, 22, 22)" : "white",
|
|
@@ -236,7 +236,7 @@ function ze({ captions: e }) {
|
|
|
236
236
|
] });
|
|
237
237
|
}
|
|
238
238
|
const K = [0.5, 0.75, 1, 1.25, 1.5, 2], Bt = [0.5, 1, 2, 3, 4], Ot = 5, Ft = (e) => {
|
|
239
|
-
const [, n] =
|
|
239
|
+
const [, n] = L({});
|
|
240
240
|
return E(() => {
|
|
241
241
|
let o = [];
|
|
242
242
|
return {
|
|
@@ -244,7 +244,7 @@ const K = [0.5, 0.75, 1, 1.25, 1.5, 2], Bt = [0.5, 1, 2, 3, 4], Ot = 5, Ft = (e)
|
|
|
244
244
|
o.length >= e && o.shift(), o.push(i), n({});
|
|
245
245
|
},
|
|
246
246
|
remove(i) {
|
|
247
|
-
o = o.filter((
|
|
247
|
+
o = o.filter((s) => s !== i), n({});
|
|
248
248
|
},
|
|
249
249
|
clear() {
|
|
250
250
|
o = [], n({});
|
|
@@ -256,27 +256,27 @@ const K = [0.5, 0.75, 1, 1.25, 1.5, 2], Bt = [0.5, 1, 2, 3, 4], Ot = 5, Ft = (e)
|
|
|
256
256
|
}, []);
|
|
257
257
|
}, Zt = (e, n, o) => {
|
|
258
258
|
let i = !1;
|
|
259
|
-
return (
|
|
260
|
-
const
|
|
261
|
-
|
|
259
|
+
return (s) => {
|
|
260
|
+
const a = s.detail.currentTime;
|
|
261
|
+
a >= e.timestamp && a < e.timestamp + n && !i && (o.add(e), i = !0), (a < e.timestamp || a >= e.timestamp + n) && i && (o.remove(e), i = !1);
|
|
262
262
|
};
|
|
263
263
|
}, zt = (e, n = 5) => {
|
|
264
264
|
const o = F(), i = Ft(n);
|
|
265
265
|
return O(() => {
|
|
266
266
|
if (!o)
|
|
267
267
|
return;
|
|
268
|
-
const
|
|
269
|
-
for (const
|
|
270
|
-
const
|
|
271
|
-
|
|
268
|
+
const s = [];
|
|
269
|
+
for (const a of e) {
|
|
270
|
+
const r = Zt(a, Ot, i);
|
|
271
|
+
s.push(r), o.addEventListener("time-update", r);
|
|
272
272
|
}
|
|
273
273
|
return o.dispatchEvent(
|
|
274
274
|
new CustomEvent("time-update", {
|
|
275
275
|
detail: { currentTime: o.currentTime }
|
|
276
276
|
})
|
|
277
277
|
), () => {
|
|
278
|
-
for (const
|
|
279
|
-
o.removeEventListener("time-update",
|
|
278
|
+
for (const a of s)
|
|
279
|
+
o.removeEventListener("time-update", a);
|
|
280
280
|
i.clear();
|
|
281
281
|
};
|
|
282
282
|
}, [o, i, e]), i;
|
|
@@ -312,7 +312,7 @@ function Qt({ comment: e }) {
|
|
|
312
312
|
}
|
|
313
313
|
const Wt = 5;
|
|
314
314
|
function jt({ comments: e }) {
|
|
315
|
-
const n =
|
|
315
|
+
const n = v(), o = zt(e, Wt), i = !!f("textTrack"), s = o.map((a) => /* @__PURE__ */ t(Qt, { comment: a }, a.id));
|
|
316
316
|
return e.length > 0 && n.state.commentsEnabled ? /* @__PURE__ */ t(
|
|
317
317
|
"div",
|
|
318
318
|
{
|
|
@@ -320,7 +320,7 @@ function jt({ comments: e }) {
|
|
|
320
320
|
style: {
|
|
321
321
|
flexDirection: n.state.captionPositionOnTop && i ? "column-reverse" : "column"
|
|
322
322
|
},
|
|
323
|
-
children: /* @__PURE__ */ t("div", { className: B.commentsContainer, children: i ?
|
|
323
|
+
children: /* @__PURE__ */ t("div", { className: B.commentsContainer, children: i ? s.slice(-4) : s })
|
|
324
324
|
}
|
|
325
325
|
) : null;
|
|
326
326
|
}
|
|
@@ -345,13 +345,13 @@ function on({
|
|
|
345
345
|
return O(() => {
|
|
346
346
|
i && (i.remoteControl.pauseControls(), n && (n.current = i));
|
|
347
347
|
}, [i, n]), /* @__PURE__ */ c("div", { "data-darkmode": e, className: z.root, children: [
|
|
348
|
-
/* @__PURE__ */ t(
|
|
348
|
+
/* @__PURE__ */ t(Ie, { className: z.normalTimeline }),
|
|
349
349
|
/* @__PURE__ */ c("div", { className: z.leftControls, children: [
|
|
350
350
|
/* @__PURE__ */ t(z1, {}),
|
|
351
351
|
/* @__PURE__ */ t(Uo, {})
|
|
352
352
|
] }),
|
|
353
353
|
/* @__PURE__ */ t("div", { className: z.indicators, children: /* @__PURE__ */ t(eo, {}) }),
|
|
354
|
-
/* @__PURE__ */ t(
|
|
354
|
+
/* @__PURE__ */ t(Ie, { className: z.compactTimeline }),
|
|
355
355
|
/* @__PURE__ */ c("div", { className: z.rightControls, children: [
|
|
356
356
|
o && /* @__PURE__ */ t(Tt, {}),
|
|
357
357
|
/* @__PURE__ */ t(Jn, {}),
|
|
@@ -359,13 +359,13 @@ function on({
|
|
|
359
359
|
] })
|
|
360
360
|
] });
|
|
361
361
|
}
|
|
362
|
-
const
|
|
362
|
+
const sn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.0692 12C21.0692 11.4776 21.0212 10.944 20.9238 10.4104L23.5511 8.13318L21.0579 3.87247L17.7431 4.97788C16.9059 4.28329 15.9515 3.73553 14.9449 3.37271L14.2616 0H9.28941L8.60612 3.37129C7.58823 3.73553 6.65082 4.27482 5.80659 4.97647L2.49318 3.87247L0 8.13318L2.62729 10.4104C2.52988 10.944 2.48188 11.4776 2.48188 12C2.48188 12.5224 2.52988 13.056 2.62729 13.5896L0 15.8668L2.49318 20.1275L5.808 19.0221C6.64518 19.7167 7.59953 20.2645 8.60612 20.6273L9.28941 24H14.2616L14.9449 20.6287C15.9614 20.2645 16.9002 19.7252 17.7445 19.0235L21.0579 20.1289L23.5511 15.8682L20.9238 13.5911C21.0212 13.056 21.0692 12.5224 21.0692 12ZM11.7755 16.9412C9.05082 16.9412 6.83435 14.7247 6.83435 12C6.83435 9.2753 9.05082 7.05883 11.7755 7.05883C14.5002 7.05883 16.7167 9.2753 16.7167 12C16.7167 14.7247 14.5002 16.9412 11.7755 16.9412Z", fill: "currentColor" }) }), an = (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", rn = "_menu-button_k49ve_5", ln = "_menu-label_k49ve_37", un = "_menu-icon_k49ve_42", te = {
|
|
363
363
|
"menu-hint": "_menu-hint_k49ve_1",
|
|
364
364
|
menuHint: cn,
|
|
365
365
|
"menu-button": "_menu-button_k49ve_5",
|
|
366
|
-
menuButton:
|
|
366
|
+
menuButton: rn,
|
|
367
367
|
"menu-label": "_menu-label_k49ve_37",
|
|
368
|
-
menuLabel:
|
|
368
|
+
menuLabel: ln,
|
|
369
369
|
"menu-icon": "_menu-icon_k49ve_42",
|
|
370
370
|
menuIcon: un
|
|
371
371
|
};
|
|
@@ -383,14 +383,14 @@ function W({ label: e, hint: n, onClick: o, Icon: i }) {
|
|
|
383
383
|
i && /* @__PURE__ */ t(i, { className: te.menuIcon }),
|
|
384
384
|
/* @__PURE__ */ t("span", { className: te.menuLabel, children: e }),
|
|
385
385
|
/* @__PURE__ */ t("span", { className: te.menuHint, children: n }),
|
|
386
|
-
/* @__PURE__ */ t(
|
|
386
|
+
/* @__PURE__ */ t(an, {})
|
|
387
387
|
]
|
|
388
388
|
}
|
|
389
389
|
);
|
|
390
390
|
}
|
|
391
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
392
|
function mn() {
|
|
393
|
-
const e = H(), n =
|
|
393
|
+
const e = H(), n = f("playbackRate"), { t: o } = C(), i = _(() => {
|
|
394
394
|
e.setPage("speed");
|
|
395
395
|
}, [e]);
|
|
396
396
|
return /* @__PURE__ */ t(
|
|
@@ -404,7 +404,7 @@ function mn() {
|
|
|
404
404
|
);
|
|
405
405
|
}
|
|
406
406
|
function hn() {
|
|
407
|
-
const e = H(), n =
|
|
407
|
+
const e = H(), n = f("hasCaptions"), o = f("textTrack"), { t: i } = C(), s = _(() => {
|
|
408
408
|
e.setPage("captions");
|
|
409
409
|
}, [e]);
|
|
410
410
|
return n ? /* @__PURE__ */ t(
|
|
@@ -412,7 +412,7 @@ function hn() {
|
|
|
412
412
|
{
|
|
413
413
|
label: i("CAPTIONS"),
|
|
414
414
|
hint: (o == null ? void 0 : o.label) ?? i("OFF"),
|
|
415
|
-
onClick:
|
|
415
|
+
onClick: s,
|
|
416
416
|
Icon: Fe
|
|
417
417
|
}
|
|
418
418
|
) : null;
|
|
@@ -426,7 +426,7 @@ const pn = (e) => /* @__PURE__ */ c("svg", { width: 18, height: 18, viewBox: "0
|
|
|
426
426
|
] })
|
|
427
427
|
] });
|
|
428
428
|
function _n() {
|
|
429
|
-
const e = H(), n =
|
|
429
|
+
const e = H(), n = f("autoQuality"), o = f("quality"), { t: i } = C(), s = _(() => {
|
|
430
430
|
e.setPage("quality");
|
|
431
431
|
}, [e]);
|
|
432
432
|
return o ? /* @__PURE__ */ t(
|
|
@@ -434,12 +434,12 @@ function _n() {
|
|
|
434
434
|
{
|
|
435
435
|
label: i("QUALITY"),
|
|
436
436
|
hint: n ? i("AUTO", { quality: o.height }) : `${o.height}p`,
|
|
437
|
-
onClick:
|
|
437
|
+
onClick: s,
|
|
438
438
|
Icon: pn
|
|
439
439
|
}
|
|
440
440
|
) : null;
|
|
441
441
|
}
|
|
442
|
-
const
|
|
442
|
+
const fn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 21.798373,3.342155 8.8843977,16.256145 2.2000774,9.571825 0,11.771895 8.8843977,20.657845 24,5.543795 Z", fill: "currentColor" }) }), 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 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 = {
|
|
443
443
|
"switch-track": "_switch-track_1d65g_1",
|
|
444
444
|
switchTrack: bn,
|
|
445
445
|
"switch-thumb": "_switch-thumb_1d65g_12",
|
|
@@ -453,7 +453,7 @@ const Cn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0
|
|
|
453
453
|
"menu-icon": "_menu-icon_1d65g_77",
|
|
454
454
|
menuIcon: kn
|
|
455
455
|
};
|
|
456
|
-
function
|
|
456
|
+
function be({
|
|
457
457
|
label: e,
|
|
458
458
|
checked: n = !1,
|
|
459
459
|
onClick: o,
|
|
@@ -471,16 +471,16 @@ function fe({
|
|
|
471
471
|
children: [
|
|
472
472
|
i && /* @__PURE__ */ t(i, { className: A.menuIcon }),
|
|
473
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(
|
|
474
|
+
/* @__PURE__ */ t("div", { className: A.switchTrack, children: /* @__PURE__ */ t("div", { className: A.switchThumb, children: n ? /* @__PURE__ */ t(fn, { className: A.switchIcon }) : /* @__PURE__ */ t(Cn, { className: A.switchIcon }) }) })
|
|
475
475
|
]
|
|
476
476
|
}
|
|
477
477
|
);
|
|
478
478
|
}
|
|
479
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
480
|
function xn() {
|
|
481
|
-
const { t: e } =
|
|
481
|
+
const { t: e } = C(), n = M(), o = v();
|
|
482
482
|
return !n.forceComments && n.hasComments ? /* @__PURE__ */ t(
|
|
483
|
-
|
|
483
|
+
be,
|
|
484
484
|
{
|
|
485
485
|
Icon: Ln,
|
|
486
486
|
label: e("COMMENTS"),
|
|
@@ -509,7 +509,7 @@ function Nn(e) {
|
|
|
509
509
|
return Ke(n);
|
|
510
510
|
}
|
|
511
511
|
const H = () => {
|
|
512
|
-
const e =
|
|
512
|
+
const e = le(De);
|
|
513
513
|
if (!e)
|
|
514
514
|
throw new Error(
|
|
515
515
|
"useCustomSettingsMenuContext must be used within a CustomSettingsMenuContext.Provider"
|
|
@@ -524,10 +524,10 @@ function Hn(e, n) {
|
|
|
524
524
|
const o = Array.from(e.querySelectorAll("button")), i = o.indexOf(n);
|
|
525
525
|
return o[i + 1] ?? null;
|
|
526
526
|
}
|
|
527
|
-
function
|
|
527
|
+
function Sn(e) {
|
|
528
528
|
return e.querySelector("button");
|
|
529
529
|
}
|
|
530
|
-
function
|
|
530
|
+
function Vn(e) {
|
|
531
531
|
const n = Array.from(e.querySelectorAll("button"));
|
|
532
532
|
return n[n.length - 1] ?? null;
|
|
533
533
|
}
|
|
@@ -538,27 +538,27 @@ function D() {
|
|
|
538
538
|
ArrowUp: () => {
|
|
539
539
|
const i = document.activeElement;
|
|
540
540
|
if (i && n.current && n.current.contains(i)) {
|
|
541
|
-
const
|
|
541
|
+
const s = In(
|
|
542
542
|
n.current,
|
|
543
543
|
i
|
|
544
544
|
);
|
|
545
|
-
|
|
545
|
+
s == null || s.focus();
|
|
546
546
|
} else if (n.current) {
|
|
547
|
-
const
|
|
548
|
-
|
|
547
|
+
const s = Vn(n.current);
|
|
548
|
+
s == null || s.focus();
|
|
549
549
|
}
|
|
550
550
|
},
|
|
551
551
|
ArrowDown: () => {
|
|
552
552
|
const i = document.activeElement;
|
|
553
553
|
if (i && n.current && n.current.contains(i)) {
|
|
554
|
-
const
|
|
554
|
+
const s = Hn(
|
|
555
555
|
n.current,
|
|
556
556
|
i
|
|
557
557
|
);
|
|
558
|
-
|
|
558
|
+
s == null || s.focus();
|
|
559
559
|
} else if (n.current) {
|
|
560
|
-
const
|
|
561
|
-
|
|
560
|
+
const s = Sn(n.current);
|
|
561
|
+
s == null || s.focus();
|
|
562
562
|
}
|
|
563
563
|
},
|
|
564
564
|
ArrowRight: () => {
|
|
@@ -572,7 +572,7 @@ function D() {
|
|
|
572
572
|
return Ke(o), n;
|
|
573
573
|
}
|
|
574
574
|
function Tn() {
|
|
575
|
-
const e = D(), { t: n } =
|
|
575
|
+
const e = D(), { t: n } = C();
|
|
576
576
|
return /* @__PURE__ */ c(
|
|
577
577
|
"div",
|
|
578
578
|
{
|
|
@@ -590,7 +590,7 @@ function Tn() {
|
|
|
590
590
|
}
|
|
591
591
|
);
|
|
592
592
|
}
|
|
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",
|
|
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", p = {
|
|
594
594
|
"menu-container": "_menu-container_1lrzf_1",
|
|
595
595
|
menuContainer: En,
|
|
596
596
|
"menu-heading": "_menu-heading_1lrzf_6",
|
|
@@ -605,10 +605,10 @@ const ie = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0
|
|
|
605
605
|
menuBackButton: Fn
|
|
606
606
|
};
|
|
607
607
|
function Zn() {
|
|
608
|
-
const e = H(), n =
|
|
608
|
+
const e = H(), n = rt({
|
|
609
609
|
rates: K,
|
|
610
610
|
normalLabel: "1x"
|
|
611
|
-
}), { t: o } =
|
|
611
|
+
}), { t: o } = C(), i = D();
|
|
612
612
|
return /* @__PURE__ */ c(
|
|
613
613
|
"div",
|
|
614
614
|
{
|
|
@@ -616,7 +616,7 @@ function Zn() {
|
|
|
616
616
|
id: "submenu",
|
|
617
617
|
"aria-label": o("SPEED_MENU"),
|
|
618
618
|
role: "menu",
|
|
619
|
-
className:
|
|
619
|
+
className: p.menuContainer,
|
|
620
620
|
children: [
|
|
621
621
|
/* @__PURE__ */ c(
|
|
622
622
|
"button",
|
|
@@ -624,7 +624,7 @@ function Zn() {
|
|
|
624
624
|
type: "button",
|
|
625
625
|
role: "menuitem",
|
|
626
626
|
tabIndex: -1,
|
|
627
|
-
className:
|
|
627
|
+
className: p.menuBackButton,
|
|
628
628
|
onClick: e.back,
|
|
629
629
|
children: [
|
|
630
630
|
/* @__PURE__ */ t(j, {}),
|
|
@@ -632,30 +632,30 @@ function Zn() {
|
|
|
632
632
|
]
|
|
633
633
|
}
|
|
634
634
|
),
|
|
635
|
-
/* @__PURE__ */ t("strong", { className:
|
|
636
|
-
n.map(({ value:
|
|
635
|
+
/* @__PURE__ */ t("strong", { className: p.menuHeading, children: o("PLAYBACK_SPEED") }),
|
|
636
|
+
n.map(({ value: s, label: a, select: r, selected: l }) => /* @__PURE__ */ c(
|
|
637
637
|
"button",
|
|
638
638
|
{
|
|
639
639
|
type: "button",
|
|
640
640
|
role: "menuitemradio",
|
|
641
|
-
"aria-label":
|
|
642
|
-
"aria-checked":
|
|
643
|
-
onClick: () =>
|
|
641
|
+
"aria-label": a,
|
|
642
|
+
"aria-checked": l,
|
|
643
|
+
onClick: () => r(),
|
|
644
644
|
tabIndex: -1,
|
|
645
|
-
className:
|
|
645
|
+
className: p.menuItem,
|
|
646
646
|
children: [
|
|
647
|
-
/* @__PURE__ */ t(ie, { className:
|
|
648
|
-
/* @__PURE__ */ t("span", { className:
|
|
647
|
+
/* @__PURE__ */ t(ie, { className: p.checkIcon }),
|
|
648
|
+
/* @__PURE__ */ t("span", { className: p.menuItemLabel, children: a })
|
|
649
649
|
]
|
|
650
650
|
},
|
|
651
|
-
|
|
651
|
+
s
|
|
652
652
|
))
|
|
653
653
|
]
|
|
654
654
|
}
|
|
655
655
|
);
|
|
656
656
|
}
|
|
657
657
|
function zn() {
|
|
658
|
-
const e = H(), n =
|
|
658
|
+
const e = H(), n = f("textTrack"), { t: o } = C(), { disableCaptionSettings: i } = v(), s = _(() => {
|
|
659
659
|
e.setPage("captionLanguage");
|
|
660
660
|
}, [e]);
|
|
661
661
|
return i ? null : /* @__PURE__ */ t(
|
|
@@ -663,12 +663,12 @@ function zn() {
|
|
|
663
663
|
{
|
|
664
664
|
label: o("LANGUAGE"),
|
|
665
665
|
hint: (n == null ? void 0 : n.label) ?? o("OFF"),
|
|
666
|
-
onClick:
|
|
666
|
+
onClick: s
|
|
667
667
|
}
|
|
668
668
|
);
|
|
669
669
|
}
|
|
670
670
|
function Kn() {
|
|
671
|
-
const { t: e } =
|
|
671
|
+
const { t: e } = C(), n = v(), o = H(), i = _(() => {
|
|
672
672
|
o.setPage("captionFontSize");
|
|
673
673
|
}, [o]);
|
|
674
674
|
return /* @__PURE__ */ t(
|
|
@@ -681,9 +681,9 @@ function Kn() {
|
|
|
681
681
|
);
|
|
682
682
|
}
|
|
683
683
|
function Dn() {
|
|
684
|
-
const { t: e } =
|
|
684
|
+
const { t: e } = C(), n = v();
|
|
685
685
|
return /* @__PURE__ */ t(
|
|
686
|
-
|
|
686
|
+
be,
|
|
687
687
|
{
|
|
688
688
|
label: e("ON_TOP"),
|
|
689
689
|
onClick: n.toggleCaptionPositionOnTop,
|
|
@@ -692,9 +692,9 @@ function Dn() {
|
|
|
692
692
|
);
|
|
693
693
|
}
|
|
694
694
|
function $n() {
|
|
695
|
-
const { t: e } =
|
|
695
|
+
const { t: e } = C(), n = v();
|
|
696
696
|
return /* @__PURE__ */ t(
|
|
697
|
-
|
|
697
|
+
be,
|
|
698
698
|
{
|
|
699
699
|
label: e("INVERT_COLORS"),
|
|
700
700
|
onClick: n.toggleCaptionsInvertColors,
|
|
@@ -703,7 +703,7 @@ function $n() {
|
|
|
703
703
|
);
|
|
704
704
|
}
|
|
705
705
|
function Un() {
|
|
706
|
-
const e = H(), { t: n } =
|
|
706
|
+
const e = H(), { t: n } = C(), o = D();
|
|
707
707
|
return /* @__PURE__ */ c(
|
|
708
708
|
"div",
|
|
709
709
|
{
|
|
@@ -711,7 +711,7 @@ function Un() {
|
|
|
711
711
|
id: "submenu",
|
|
712
712
|
"aria-label": n("CAPTIONS_MENU"),
|
|
713
713
|
role: "menu",
|
|
714
|
-
className:
|
|
714
|
+
className: p.menuContainer,
|
|
715
715
|
children: [
|
|
716
716
|
/* @__PURE__ */ c(
|
|
717
717
|
"button",
|
|
@@ -719,7 +719,7 @@ function Un() {
|
|
|
719
719
|
type: "button",
|
|
720
720
|
role: "menuitem",
|
|
721
721
|
tabIndex: -1,
|
|
722
|
-
className:
|
|
722
|
+
className: p.menuBackButton,
|
|
723
723
|
onClick: e.back,
|
|
724
724
|
children: [
|
|
725
725
|
/* @__PURE__ */ t(j, {}),
|
|
@@ -727,7 +727,7 @@ function Un() {
|
|
|
727
727
|
]
|
|
728
728
|
}
|
|
729
729
|
),
|
|
730
|
-
/* @__PURE__ */ t("strong", { className:
|
|
730
|
+
/* @__PURE__ */ t("strong", { className: p.menuHeading, children: n("CAPTIONS") }),
|
|
731
731
|
/* @__PURE__ */ t(zn, {}),
|
|
732
732
|
/* @__PURE__ */ t(Kn, {}),
|
|
733
733
|
/* @__PURE__ */ t(Dn, {}),
|
|
@@ -737,7 +737,7 @@ function Un() {
|
|
|
737
737
|
);
|
|
738
738
|
}
|
|
739
739
|
function qn() {
|
|
740
|
-
const e = H(), n =
|
|
740
|
+
const e = H(), n = lt(), { t: o } = C(), i = D();
|
|
741
741
|
return /* @__PURE__ */ c(
|
|
742
742
|
"div",
|
|
743
743
|
{
|
|
@@ -745,7 +745,7 @@ function qn() {
|
|
|
745
745
|
id: "submenu",
|
|
746
746
|
"aria-label": o("CAPTIONS_LANGUAGE_MENU"),
|
|
747
747
|
role: "menu",
|
|
748
|
-
className:
|
|
748
|
+
className: p.menuContainer,
|
|
749
749
|
children: [
|
|
750
750
|
/* @__PURE__ */ c(
|
|
751
751
|
"button",
|
|
@@ -753,7 +753,7 @@ function qn() {
|
|
|
753
753
|
type: "button",
|
|
754
754
|
role: "menuitem",
|
|
755
755
|
tabIndex: -1,
|
|
756
|
-
className:
|
|
756
|
+
className: p.menuBackButton,
|
|
757
757
|
onClick: e.back,
|
|
758
758
|
children: [
|
|
759
759
|
/* @__PURE__ */ t(j, {}),
|
|
@@ -761,29 +761,29 @@ function qn() {
|
|
|
761
761
|
]
|
|
762
762
|
}
|
|
763
763
|
),
|
|
764
|
-
/* @__PURE__ */ t("strong", { className:
|
|
765
|
-
n.map(({ value:
|
|
764
|
+
/* @__PURE__ */ t("strong", { className: p.menuHeading, children: o("CAPTIONS") }),
|
|
765
|
+
n.map(({ value: s, label: a, select: r, selected: l }) => /* @__PURE__ */ c(
|
|
766
766
|
"button",
|
|
767
767
|
{
|
|
768
768
|
type: "button",
|
|
769
769
|
role: "menuitemradio",
|
|
770
|
-
"aria-checked":
|
|
771
|
-
onClick: () =>
|
|
770
|
+
"aria-checked": l,
|
|
771
|
+
onClick: () => r(),
|
|
772
772
|
tabIndex: -1,
|
|
773
|
-
className:
|
|
773
|
+
className: p.menuItem,
|
|
774
774
|
children: [
|
|
775
|
-
/* @__PURE__ */ t(ie, { className:
|
|
776
|
-
/* @__PURE__ */ t("span", { className:
|
|
775
|
+
/* @__PURE__ */ t(ie, { className: p.checkIcon }),
|
|
776
|
+
/* @__PURE__ */ t("span", { className: p.menuItemLabel, children: a })
|
|
777
777
|
]
|
|
778
778
|
},
|
|
779
|
-
|
|
779
|
+
s
|
|
780
780
|
))
|
|
781
781
|
]
|
|
782
782
|
}
|
|
783
783
|
);
|
|
784
784
|
}
|
|
785
785
|
function Gn() {
|
|
786
|
-
const e =
|
|
786
|
+
const e = v(), n = H(), { t: o } = C(), i = D();
|
|
787
787
|
return /* @__PURE__ */ c(
|
|
788
788
|
"div",
|
|
789
789
|
{
|
|
@@ -791,7 +791,7 @@ function Gn() {
|
|
|
791
791
|
id: "submenu",
|
|
792
792
|
"aria-label": o("CAPTIONS_FONT_SIZE_MENU"),
|
|
793
793
|
role: "menu",
|
|
794
|
-
className:
|
|
794
|
+
className: p.menuContainer,
|
|
795
795
|
children: [
|
|
796
796
|
/* @__PURE__ */ c(
|
|
797
797
|
"button",
|
|
@@ -799,7 +799,7 @@ function Gn() {
|
|
|
799
799
|
type: "button",
|
|
800
800
|
role: "menuitem",
|
|
801
801
|
tabIndex: -1,
|
|
802
|
-
className:
|
|
802
|
+
className: p.menuBackButton,
|
|
803
803
|
onClick: n.back,
|
|
804
804
|
children: [
|
|
805
805
|
/* @__PURE__ */ t(j, {}),
|
|
@@ -807,42 +807,42 @@ function Gn() {
|
|
|
807
807
|
]
|
|
808
808
|
}
|
|
809
809
|
),
|
|
810
|
-
/* @__PURE__ */ t("strong", { className:
|
|
811
|
-
Bt.map((
|
|
810
|
+
/* @__PURE__ */ t("strong", { className: p.menuHeading, children: o("CAPTIONS") }),
|
|
811
|
+
Bt.map((s) => /* @__PURE__ */ c(
|
|
812
812
|
"button",
|
|
813
813
|
{
|
|
814
814
|
type: "button",
|
|
815
815
|
role: "menuitemradio",
|
|
816
|
-
"aria-checked":
|
|
816
|
+
"aria-checked": s === e.state.captionsFontSizeMultiplier,
|
|
817
817
|
onClick: () => {
|
|
818
|
-
e.setCaptionsFontSizeMultiplier(
|
|
818
|
+
e.setCaptionsFontSizeMultiplier(s);
|
|
819
819
|
},
|
|
820
820
|
tabIndex: -1,
|
|
821
|
-
className:
|
|
821
|
+
className: p.menuItem,
|
|
822
822
|
children: [
|
|
823
|
-
/* @__PURE__ */ t(ie, { className:
|
|
824
|
-
/* @__PURE__ */ c("span", { className:
|
|
825
|
-
|
|
823
|
+
/* @__PURE__ */ t(ie, { className: p.checkIcon }),
|
|
824
|
+
/* @__PURE__ */ c("span", { className: p.menuItemLabel, children: [
|
|
825
|
+
s * 100,
|
|
826
826
|
"%"
|
|
827
827
|
] })
|
|
828
828
|
]
|
|
829
829
|
},
|
|
830
|
-
|
|
830
|
+
s
|
|
831
831
|
))
|
|
832
832
|
]
|
|
833
833
|
}
|
|
834
834
|
);
|
|
835
835
|
}
|
|
836
836
|
function Qn() {
|
|
837
|
-
const e = H(), n = ut({ sort: "descending" }), o =
|
|
837
|
+
const e = H(), n = ut({ sort: "descending" }), o = f("autoQuality"), { t: i } = C(), s = D();
|
|
838
838
|
return /* @__PURE__ */ c(
|
|
839
839
|
"div",
|
|
840
840
|
{
|
|
841
|
-
ref:
|
|
841
|
+
ref: s,
|
|
842
842
|
id: "submenu",
|
|
843
843
|
"aria-label": i("QUALITY_MENU"),
|
|
844
844
|
role: "menu",
|
|
845
|
-
className:
|
|
845
|
+
className: p.menuContainer,
|
|
846
846
|
children: [
|
|
847
847
|
/* @__PURE__ */ c(
|
|
848
848
|
"button",
|
|
@@ -850,7 +850,7 @@ function Qn() {
|
|
|
850
850
|
type: "button",
|
|
851
851
|
role: "menuitem",
|
|
852
852
|
tabIndex: -1,
|
|
853
|
-
className:
|
|
853
|
+
className: p.menuBackButton,
|
|
854
854
|
onClick: e.back,
|
|
855
855
|
children: [
|
|
856
856
|
/* @__PURE__ */ t(j, {}),
|
|
@@ -858,28 +858,28 @@ function Qn() {
|
|
|
858
858
|
]
|
|
859
859
|
}
|
|
860
860
|
),
|
|
861
|
-
/* @__PURE__ */ t("strong", { className:
|
|
862
|
-
n.map(({ value:
|
|
861
|
+
/* @__PURE__ */ t("strong", { className: p.menuHeading, children: i("QUALITY") }),
|
|
862
|
+
n.map(({ value: a, label: r, select: l, selected: u }) => /* @__PURE__ */ c(
|
|
863
863
|
"button",
|
|
864
864
|
{
|
|
865
865
|
type: "button",
|
|
866
866
|
role: "menuitemradio",
|
|
867
|
-
"aria-checked":
|
|
868
|
-
onClick: () =>
|
|
867
|
+
"aria-checked": a === "auto" && o || u && !o,
|
|
868
|
+
onClick: () => l(),
|
|
869
869
|
tabIndex: -1,
|
|
870
|
-
className:
|
|
870
|
+
className: p.menuItem,
|
|
871
871
|
children: [
|
|
872
|
-
/* @__PURE__ */ t(ie, { className:
|
|
873
|
-
/* @__PURE__ */ t("span", { className:
|
|
872
|
+
/* @__PURE__ */ t(ie, { className: p.checkIcon }),
|
|
873
|
+
/* @__PURE__ */ t("span", { className: p.menuItemLabel, children: r })
|
|
874
874
|
]
|
|
875
875
|
},
|
|
876
|
-
|
|
876
|
+
a
|
|
877
877
|
))
|
|
878
878
|
]
|
|
879
879
|
}
|
|
880
880
|
);
|
|
881
881
|
}
|
|
882
|
-
const De =
|
|
882
|
+
const De = re(null), Wn = {
|
|
883
883
|
main: Tn,
|
|
884
884
|
speed: Zn,
|
|
885
885
|
captions: Un,
|
|
@@ -888,33 +888,33 @@ const De = le(null), Wn = {
|
|
|
888
888
|
quality: Qn
|
|
889
889
|
};
|
|
890
890
|
function jn() {
|
|
891
|
-
const e =
|
|
892
|
-
|
|
893
|
-
}, [i]),
|
|
891
|
+
const e = v(), [n, o] = L(["main"]), [i, s] = L(!1), a = _(() => {
|
|
892
|
+
s(!i), o(["main"]), e.setGlobalKeysDisabled(!i);
|
|
893
|
+
}, [i]), r = _((P) => {
|
|
894
894
|
o((T) => T.concat(P));
|
|
895
|
-
}, []),
|
|
895
|
+
}, []), l = _(() => {
|
|
896
896
|
o((P) => P.length > 1 ? P.slice(0, -1) : P);
|
|
897
|
-
}, []), u = E(() => Wn[n[n.length - 1]], [n]),
|
|
897
|
+
}, []), u = E(() => Wn[n[n.length - 1]], [n]), d = G(null), { refs: b, floatingStyles: w, context: k } = ue({
|
|
898
898
|
open: i,
|
|
899
|
-
onOpenChange:
|
|
899
|
+
onOpenChange: a,
|
|
900
900
|
placement: "top-end",
|
|
901
901
|
whileElementsMounted: de,
|
|
902
902
|
middleware: [
|
|
903
903
|
me(),
|
|
904
904
|
he({
|
|
905
|
-
element:
|
|
905
|
+
element: d
|
|
906
906
|
})
|
|
907
907
|
]
|
|
908
|
-
}),
|
|
909
|
-
() => ({ setPage:
|
|
910
|
-
[
|
|
908
|
+
}), y = pe(k, { escapeKey: !1 }), { getReferenceProps: N, getFloatingProps: h } = _e([y]), g = E(
|
|
909
|
+
() => ({ setPage: r, back: l, toggle: a }),
|
|
910
|
+
[l, r, a]
|
|
911
911
|
);
|
|
912
912
|
return {
|
|
913
913
|
Page: u,
|
|
914
914
|
open: i,
|
|
915
|
-
arrowRef:
|
|
916
|
-
refs:
|
|
917
|
-
floatingStyles:
|
|
915
|
+
arrowRef: d,
|
|
916
|
+
refs: b,
|
|
917
|
+
floatingStyles: w,
|
|
918
918
|
context: k,
|
|
919
919
|
getReferenceProps() {
|
|
920
920
|
return {
|
|
@@ -922,11 +922,11 @@ function jn() {
|
|
|
922
922
|
tabIndex: e.state.interactionsDisabled ? -1 : 0
|
|
923
923
|
};
|
|
924
924
|
},
|
|
925
|
-
getFloatingProps:
|
|
926
|
-
contextValue:
|
|
925
|
+
getFloatingProps: h,
|
|
926
|
+
contextValue: g
|
|
927
927
|
};
|
|
928
928
|
}
|
|
929
|
-
const Yn = "_settings-menu_7d0td_1", Xn = "_arrow_7d0td_19",
|
|
929
|
+
const Yn = "_settings-menu_7d0td_1", Xn = "_arrow_7d0td_19", Pe = {
|
|
930
930
|
"settings-menu": "_settings-menu_7d0td_1",
|
|
931
931
|
settingsMenu: Yn,
|
|
932
932
|
arrow: Xn
|
|
@@ -937,34 +937,34 @@ function Jn() {
|
|
|
937
937
|
arrowRef: n,
|
|
938
938
|
context: o,
|
|
939
939
|
floatingStyles: i,
|
|
940
|
-
getFloatingProps:
|
|
941
|
-
getReferenceProps:
|
|
942
|
-
open:
|
|
943
|
-
refs:
|
|
940
|
+
getFloatingProps: s,
|
|
941
|
+
getReferenceProps: a,
|
|
942
|
+
open: r,
|
|
943
|
+
refs: l,
|
|
944
944
|
contextValue: u
|
|
945
|
-
} = jn(), { t:
|
|
945
|
+
} = jn(), { t: d } = C();
|
|
946
946
|
return /* @__PURE__ */ c(Q, { children: [
|
|
947
947
|
/* @__PURE__ */ t(
|
|
948
948
|
"button",
|
|
949
949
|
{
|
|
950
|
-
ref:
|
|
950
|
+
ref: l.setReference,
|
|
951
951
|
type: "button",
|
|
952
952
|
className: "controls-button",
|
|
953
|
-
"aria-label":
|
|
953
|
+
"aria-label": d("SETTINGS"),
|
|
954
954
|
onClick: u.toggle,
|
|
955
|
-
"aria-expanded":
|
|
956
|
-
...
|
|
957
|
-
children: /* @__PURE__ */ t(
|
|
955
|
+
"aria-expanded": r,
|
|
956
|
+
...a(),
|
|
957
|
+
children: /* @__PURE__ */ t(sn, { className: "controls-button-icon icon-rotate" })
|
|
958
958
|
}
|
|
959
959
|
),
|
|
960
|
-
|
|
960
|
+
r && /* @__PURE__ */ t(fe, { context: o, restoreFocus: !0, modal: !1, children: /* @__PURE__ */ c(
|
|
961
961
|
"div",
|
|
962
962
|
{
|
|
963
963
|
"aria-labelledby": "submenu",
|
|
964
|
-
className:
|
|
965
|
-
ref:
|
|
964
|
+
className: Pe.settingsMenu,
|
|
965
|
+
ref: l.setFloating,
|
|
966
966
|
style: i,
|
|
967
|
-
...
|
|
967
|
+
...s(),
|
|
968
968
|
children: [
|
|
969
969
|
/* @__PURE__ */ t(De.Provider, { value: u, children: /* @__PURE__ */ t(e, {}) }),
|
|
970
970
|
/* @__PURE__ */ t(
|
|
@@ -972,7 +972,7 @@ function Jn() {
|
|
|
972
972
|
{
|
|
973
973
|
ref: n,
|
|
974
974
|
context: o,
|
|
975
|
-
className:
|
|
975
|
+
className: Pe.arrow
|
|
976
976
|
}
|
|
977
977
|
)
|
|
978
978
|
]
|
|
@@ -982,15 +982,15 @@ function Jn() {
|
|
|
982
982
|
}
|
|
983
983
|
function $e(e, n = 1e3) {
|
|
984
984
|
return function() {
|
|
985
|
-
const i =
|
|
985
|
+
const i = f("lastKeyboardAction"), [s, a] = L(!1), r = _(() => a(!1), []);
|
|
986
986
|
return O(() => {
|
|
987
|
-
|
|
988
|
-
const
|
|
989
|
-
return () => clearTimeout(
|
|
990
|
-
}, [i, n]),
|
|
987
|
+
a(!!i);
|
|
988
|
+
const l = setTimeout(r, n);
|
|
989
|
+
return () => clearTimeout(l);
|
|
990
|
+
}, [i, n]), s ? /* @__PURE__ */ t(e, {}) : null;
|
|
991
991
|
};
|
|
992
992
|
}
|
|
993
|
-
const
|
|
993
|
+
const 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 11,21 H 5 V 3 h 6 z m 8,0 H 13 V 3 h 6 z", fill: "currentColor" }) }), ve = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { 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", s1 = "_feedback-icon-animation_v4lbu_1", x = {
|
|
994
994
|
"feedback-overlay": "_feedback-overlay_v4lbu_1",
|
|
995
995
|
feedbackOverlay: n1,
|
|
996
996
|
"feedback-message": "_feedback-message_v4lbu_14",
|
|
@@ -998,65 +998,65 @@ const be = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0
|
|
|
998
998
|
"feedback-icon": "_feedback-icon_v4lbu_30",
|
|
999
999
|
feedbackIcon: i1,
|
|
1000
1000
|
"feedback-icon-animation": "_feedback-icon-animation_v4lbu_1",
|
|
1001
|
-
feedbackIconAnimation:
|
|
1001
|
+
feedbackIconAnimation: s1
|
|
1002
1002
|
};
|
|
1003
|
-
function
|
|
1003
|
+
function a1() {
|
|
1004
1004
|
var o;
|
|
1005
|
-
const e =
|
|
1005
|
+
const e = Te();
|
|
1006
1006
|
switch ((o = e.lastKeyboardAction) == null ? void 0 : o.action) {
|
|
1007
1007
|
case "togglePaused":
|
|
1008
|
-
return /* @__PURE__ */ t("i", { className:
|
|
1008
|
+
return /* @__PURE__ */ t("i", { className: x.feedbackIcon, children: e.paused ? /* @__PURE__ */ t(ge, {}) : /* @__PURE__ */ t(ve, {}) });
|
|
1009
1009
|
case "toggleCaptions":
|
|
1010
1010
|
case "nextCaptionLanguage":
|
|
1011
1011
|
case "previousCaptionLanguage":
|
|
1012
|
-
return e.hasCaptions ? /* @__PURE__ */ t("i", { className:
|
|
1012
|
+
return e.hasCaptions ? /* @__PURE__ */ t("i", { className: x.feedbackIcon, children: /* @__PURE__ */ t(Ze, {}) }) : null;
|
|
1013
1013
|
case "volumeUp":
|
|
1014
1014
|
case "volumeDown":
|
|
1015
1015
|
case "toggleMuted":
|
|
1016
|
-
return /* @__PURE__ */ t("i", { className:
|
|
1016
|
+
return /* @__PURE__ */ t("i", { className: x.feedbackIcon, children: e.muted || e.volume === 0 ? /* @__PURE__ */ t(Ue, {}) : e.volume >= 0.5 ? /* @__PURE__ */ t(Ge, {}) : /* @__PURE__ */ t(qe, {}) });
|
|
1017
1017
|
case "seekForward":
|
|
1018
1018
|
case "seekForward10":
|
|
1019
|
-
return /* @__PURE__ */ t("i", { className:
|
|
1019
|
+
return /* @__PURE__ */ t("i", { className: x.feedbackIcon, children: /* @__PURE__ */ t(e1, { className: "right" }) });
|
|
1020
1020
|
case "seekBackward":
|
|
1021
1021
|
case "seekBackward10":
|
|
1022
|
-
return /* @__PURE__ */ t("i", { className:
|
|
1022
|
+
return /* @__PURE__ */ t("i", { className: x.feedbackIcon, children: /* @__PURE__ */ t(t1, { className: "left" }) });
|
|
1023
1023
|
default:
|
|
1024
1024
|
return null;
|
|
1025
1025
|
}
|
|
1026
1026
|
}
|
|
1027
1027
|
function c1() {
|
|
1028
1028
|
var i;
|
|
1029
|
-
const { t: e } =
|
|
1029
|
+
const { t: e } = C(), n = Te();
|
|
1030
1030
|
switch ((i = n.lastKeyboardAction) == null ? void 0 : i.action) {
|
|
1031
1031
|
case "toggleCaptions":
|
|
1032
1032
|
case "nextCaptionLanguage":
|
|
1033
1033
|
case "previousCaptionLanguage":
|
|
1034
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1034
|
+
return /* @__PURE__ */ t("div", { className: x.feedbackMessage, children: n.textTrack ? e("CAPTION_LANGUAGE", { language: n.textTrack.label }) : `${e("CAPTIONS")}: ${e("OFF")}` });
|
|
1035
1035
|
case "volumeUp":
|
|
1036
1036
|
case "volumeDown":
|
|
1037
1037
|
case "toggleMuted":
|
|
1038
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1038
|
+
return /* @__PURE__ */ t("div", { className: x.feedbackMessage, children: n.muted || n.volume === 0 ? e("MUTED") : e("VOLUME_VALUE", { volume: (n.volume * 100).toFixed(0) }) });
|
|
1039
1039
|
case "increasePlaybackRate":
|
|
1040
1040
|
case "decreasePlaybackRate":
|
|
1041
1041
|
case "resetPlaybackRate":
|
|
1042
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1042
|
+
return /* @__PURE__ */ t("div", { className: x.feedbackMessage, children: e("PLAYBACK_SPEED_MESSAGE", { speed: n.playbackRate }) });
|
|
1043
1043
|
case "seekForward":
|
|
1044
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1044
|
+
return /* @__PURE__ */ t("div", { className: x.feedbackMessage, children: e("SEEK_FORWARD", { seconds: 5 }) });
|
|
1045
1045
|
case "seekForward10":
|
|
1046
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1046
|
+
return /* @__PURE__ */ t("div", { className: x.feedbackMessage, children: e("SEEK_FORWARD", { seconds: 10 }) });
|
|
1047
1047
|
case "seekBackward":
|
|
1048
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1048
|
+
return /* @__PURE__ */ t("div", { className: x.feedbackMessage, children: e("SEEK_BACKWARD", { seconds: 5 }) });
|
|
1049
1049
|
case "seekBackward10":
|
|
1050
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1050
|
+
return /* @__PURE__ */ t("div", { className: x.feedbackMessage, children: e("SEEK_BACKWARD", { seconds: 10 }) });
|
|
1051
1051
|
default:
|
|
1052
1052
|
return null;
|
|
1053
1053
|
}
|
|
1054
1054
|
}
|
|
1055
|
-
const
|
|
1055
|
+
const r1 = $e(a1, 500), l1 = $e(c1, 1e3);
|
|
1056
1056
|
function Qe() {
|
|
1057
|
-
return /* @__PURE__ */ c("div", { className:
|
|
1058
|
-
/* @__PURE__ */ t(
|
|
1059
|
-
/* @__PURE__ */ t(
|
|
1057
|
+
return /* @__PURE__ */ c("div", { className: x.feedbackOverlay, children: [
|
|
1058
|
+
/* @__PURE__ */ t(r1, {}),
|
|
1059
|
+
/* @__PURE__ */ t(l1, {})
|
|
1060
1060
|
] });
|
|
1061
1061
|
}
|
|
1062
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 = {
|
|
@@ -1064,13 +1064,13 @@ const u1 = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0
|
|
|
1064
1064
|
fullScreenButton: m1
|
|
1065
1065
|
};
|
|
1066
1066
|
function p1() {
|
|
1067
|
-
const e =
|
|
1067
|
+
const e = f("fullscreen"), n = F(), o = v(), i = M(), { t: s } = C();
|
|
1068
1068
|
return i.hideFullScreen ? null : /* @__PURE__ */ t(
|
|
1069
1069
|
"button",
|
|
1070
1070
|
{
|
|
1071
1071
|
role: "button",
|
|
1072
1072
|
type: "button",
|
|
1073
|
-
"aria-label":
|
|
1073
|
+
"aria-label": s(e ? "EXIT_FULLSCREEN" : "ENTER_FULLSCREEN"),
|
|
1074
1074
|
tabIndex: o.state.interactionsDisabled ? -1 : 0,
|
|
1075
1075
|
className: `controls-button ${h1.fullScreenButton}`,
|
|
1076
1076
|
onClick: () => {
|
|
@@ -1080,16 +1080,16 @@ function p1() {
|
|
|
1080
1080
|
}
|
|
1081
1081
|
);
|
|
1082
1082
|
}
|
|
1083
|
-
const _1 = "_gestures-container_1fn3b_1",
|
|
1083
|
+
const _1 = "_gestures-container_1fn3b_1", f1 = "_gesture_1fn3b_1", Ne = {
|
|
1084
1084
|
"gestures-container": "_gestures-container_1fn3b_1",
|
|
1085
1085
|
gesturesContainer: _1,
|
|
1086
|
-
gesture:
|
|
1086
|
+
gesture: f1
|
|
1087
1087
|
};
|
|
1088
|
-
function
|
|
1088
|
+
function C1() {
|
|
1089
1089
|
const e = oe(), n = () => {
|
|
1090
1090
|
e.togglePaused();
|
|
1091
1091
|
};
|
|
1092
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1092
|
+
return /* @__PURE__ */ t("div", { className: Ne.gesturesContainer, children: /* @__PURE__ */ t("div", { "aria-hidden": !0, className: Ne.gesture, onClick: n }) });
|
|
1093
1093
|
}
|
|
1094
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 = {
|
|
1095
1095
|
"controls-overlay": "_controls-overlay_poi8b_1",
|
|
@@ -1113,7 +1113,7 @@ const We = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0
|
|
|
1113
1113
|
arrow: P1
|
|
1114
1114
|
};
|
|
1115
1115
|
function N1({ onClose: e }) {
|
|
1116
|
-
const { t: n } =
|
|
1116
|
+
const { t: n } = C();
|
|
1117
1117
|
Nn(e);
|
|
1118
1118
|
const o = (i) => {
|
|
1119
1119
|
i && i.focus();
|
|
@@ -1228,18 +1228,18 @@ function N1({ onClose: e }) {
|
|
|
1228
1228
|
}
|
|
1229
1229
|
);
|
|
1230
1230
|
}
|
|
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" }) }),
|
|
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" }) }), 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: "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" }) }), 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: "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
1232
|
share: /* @__PURE__ */ t(H1, {}),
|
|
1233
|
-
transcript: /* @__PURE__ */ t(
|
|
1234
|
-
media: /* @__PURE__ */ t(
|
|
1233
|
+
transcript: /* @__PURE__ */ t(S1, {}),
|
|
1234
|
+
media: /* @__PURE__ */ t(V1, {}),
|
|
1235
1235
|
delete: /* @__PURE__ */ t(T1, {})
|
|
1236
1236
|
}, R1 = (e) => typeof e != "string";
|
|
1237
1237
|
function A1() {
|
|
1238
|
-
const [e, n] =
|
|
1239
|
-
n(!e),
|
|
1240
|
-
},
|
|
1238
|
+
const [e, n] = L(!1), [o, i] = L(null), s = v(), a = M(), r = () => {
|
|
1239
|
+
n(!e), s.setGlobalKeysDisabled(!e);
|
|
1240
|
+
}, l = G(null), u = G([]), { refs: d, floatingStyles: b, context: w } = ue({
|
|
1241
1241
|
open: e,
|
|
1242
|
-
onOpenChange:
|
|
1242
|
+
onOpenChange: r,
|
|
1243
1243
|
whileElementsMounted: de,
|
|
1244
1244
|
placement: "top-end",
|
|
1245
1245
|
middleware: [
|
|
@@ -1247,56 +1247,56 @@ function A1() {
|
|
|
1247
1247
|
Re(10),
|
|
1248
1248
|
me(),
|
|
1249
1249
|
he({
|
|
1250
|
-
element:
|
|
1250
|
+
element: l
|
|
1251
1251
|
})
|
|
1252
1252
|
]
|
|
1253
|
-
}), k = vt(
|
|
1253
|
+
}), k = vt(w, {
|
|
1254
1254
|
listRef: u,
|
|
1255
1255
|
activeIndex: o,
|
|
1256
1256
|
onNavigate: i
|
|
1257
|
-
}),
|
|
1258
|
-
[
|
|
1259
|
-
), { t: P } =
|
|
1260
|
-
return
|
|
1257
|
+
}), y = pe(w), { getReferenceProps: N, getFloatingProps: h, getItemProps: g } = _e(
|
|
1258
|
+
[y, k]
|
|
1259
|
+
), { t: P } = C();
|
|
1260
|
+
return a.kebabMenuElements.length > 0 ? /* @__PURE__ */ c(Q, { children: [
|
|
1261
1261
|
/* @__PURE__ */ t(
|
|
1262
1262
|
"button",
|
|
1263
1263
|
{
|
|
1264
1264
|
"aria-label": P("KEBAB_MENU"),
|
|
1265
1265
|
type: "button",
|
|
1266
1266
|
className: `${I.controlsButton} ${I.kebabMenuButton}`,
|
|
1267
|
-
tabIndex:
|
|
1268
|
-
ref:
|
|
1267
|
+
tabIndex: s.state.interactionsDisabled ? -1 : 0,
|
|
1268
|
+
ref: d.setReference,
|
|
1269
1269
|
...N({
|
|
1270
|
-
onClick: () =>
|
|
1270
|
+
onClick: () => r()
|
|
1271
1271
|
}),
|
|
1272
1272
|
children: /* @__PURE__ */ t(I1, {})
|
|
1273
1273
|
}
|
|
1274
1274
|
),
|
|
1275
|
-
e && /* @__PURE__ */ t(
|
|
1275
|
+
e && /* @__PURE__ */ t(fe, { context: w, modal: !1, children: /* @__PURE__ */ c(
|
|
1276
1276
|
"div",
|
|
1277
1277
|
{
|
|
1278
|
-
ref:
|
|
1279
|
-
style:
|
|
1278
|
+
ref: d.setFloating,
|
|
1279
|
+
style: b,
|
|
1280
1280
|
className: I.kebabMenu,
|
|
1281
|
-
...
|
|
1281
|
+
...h(),
|
|
1282
1282
|
children: [
|
|
1283
|
-
|
|
1284
|
-
({ id: T, text: Z, icon:
|
|
1283
|
+
a.kebabMenuElements.map(
|
|
1284
|
+
({ id: T, text: Z, icon: V, onClick: Y }, X) => /* @__PURE__ */ c(
|
|
1285
1285
|
"button",
|
|
1286
1286
|
{
|
|
1287
1287
|
tabIndex: o === X ? 0 : -1,
|
|
1288
1288
|
type: "button",
|
|
1289
1289
|
className: I.kebabMenuItem,
|
|
1290
|
-
ref: (
|
|
1291
|
-
u.current[X] =
|
|
1290
|
+
ref: (se) => {
|
|
1291
|
+
u.current[X] = se;
|
|
1292
1292
|
},
|
|
1293
|
-
...
|
|
1293
|
+
...g({
|
|
1294
1294
|
onClick: () => {
|
|
1295
1295
|
Y(T), n(!1);
|
|
1296
1296
|
}
|
|
1297
1297
|
}),
|
|
1298
1298
|
children: [
|
|
1299
|
-
R1(
|
|
1299
|
+
R1(V) ? V : E1[V],
|
|
1300
1300
|
Z
|
|
1301
1301
|
]
|
|
1302
1302
|
},
|
|
@@ -1306,8 +1306,8 @@ function A1() {
|
|
|
1306
1306
|
/* @__PURE__ */ t(
|
|
1307
1307
|
Ce,
|
|
1308
1308
|
{
|
|
1309
|
-
ref:
|
|
1310
|
-
context:
|
|
1309
|
+
ref: l,
|
|
1310
|
+
context: w,
|
|
1311
1311
|
className: I.arrow
|
|
1312
1312
|
}
|
|
1313
1313
|
)
|
|
@@ -1318,24 +1318,24 @@ function A1() {
|
|
|
1318
1318
|
}
|
|
1319
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
1320
|
function O1() {
|
|
1321
|
-
const [e, n] =
|
|
1322
|
-
n(!0),
|
|
1323
|
-
}, [
|
|
1324
|
-
n(!1), i(!0),
|
|
1325
|
-
}, [
|
|
1326
|
-
(
|
|
1321
|
+
const [e, n] = L(!1), [o, i] = L(!1), [s, a] = L(!1), r = v(), l = f("playing"), u = oe(), { t: d } = C(), b = _(() => {
|
|
1322
|
+
n(!0), r.disableInteractions(), l && (a(!0), u.pause());
|
|
1323
|
+
}, [l, u, r]), w = _(() => {
|
|
1324
|
+
n(!1), i(!0), r.enableInteractions(), s && (a(!1), u.play());
|
|
1325
|
+
}, [s, u, r]), k = _(
|
|
1326
|
+
(y) => o && (y == null ? void 0 : y.focus()),
|
|
1327
1327
|
[o]
|
|
1328
1328
|
);
|
|
1329
|
-
return e ? /* @__PURE__ */ t(N1, { onClose:
|
|
1329
|
+
return e ? /* @__PURE__ */ t(N1, { onClose: w }) : /* @__PURE__ */ c("div", { className: I.controlsOverlay, children: [
|
|
1330
1330
|
/* @__PURE__ */ t(
|
|
1331
1331
|
"button",
|
|
1332
1332
|
{
|
|
1333
1333
|
ref: k,
|
|
1334
|
-
"aria-label":
|
|
1334
|
+
"aria-label": d("KEYBOARD_SHORTCUTS"),
|
|
1335
1335
|
type: "button",
|
|
1336
1336
|
className: `${I.controlsButton} ${I.keyboardShortcutsButton}`,
|
|
1337
|
-
onClick:
|
|
1338
|
-
tabIndex:
|
|
1337
|
+
onClick: b,
|
|
1338
|
+
tabIndex: r.state.interactionsDisabled ? -1 : 0,
|
|
1339
1339
|
children: /* @__PURE__ */ t(B1, {})
|
|
1340
1340
|
}
|
|
1341
1341
|
),
|
|
@@ -1347,7 +1347,7 @@ const F1 = "_play-pause-button_1834v_1", Z1 = {
|
|
|
1347
1347
|
playPauseButton: F1
|
|
1348
1348
|
};
|
|
1349
1349
|
function z1() {
|
|
1350
|
-
const e = F(), n =
|
|
1350
|
+
const e = F(), n = v(), o = f("paused"), { t: i } = C();
|
|
1351
1351
|
return e ? /* @__PURE__ */ t(
|
|
1352
1352
|
"button",
|
|
1353
1353
|
{
|
|
@@ -1359,7 +1359,7 @@ function z1() {
|
|
|
1359
1359
|
onClick: () => {
|
|
1360
1360
|
e.paused ? e.remoteControl.play() : e.remoteControl.pause();
|
|
1361
1361
|
},
|
|
1362
|
-
children: o ? /* @__PURE__ */ t(
|
|
1362
|
+
children: o ? /* @__PURE__ */ t(ve, { className: "controls-button-icon" }) : /* @__PURE__ */ t(ge, { className: "controls-button-icon" })
|
|
1363
1363
|
}
|
|
1364
1364
|
) : null;
|
|
1365
1365
|
}
|
|
@@ -1367,7 +1367,7 @@ const K1 = "_poster_195hi_1", D1 = {
|
|
|
1367
1367
|
poster: K1
|
|
1368
1368
|
};
|
|
1369
1369
|
function $1({ src: e }) {
|
|
1370
|
-
const n =
|
|
1370
|
+
const n = f("source");
|
|
1371
1371
|
return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(dt, { src: e, className: D1.poster });
|
|
1372
1372
|
}
|
|
1373
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 = {
|
|
@@ -1385,10 +1385,10 @@ const U1 = "_small-layout-overlay_1pd49_1", q1 = "_small-layout-button_1pd49_14"
|
|
|
1385
1385
|
fadeOut: j1
|
|
1386
1386
|
};
|
|
1387
1387
|
function Y1() {
|
|
1388
|
-
const e =
|
|
1388
|
+
const e = f("paused");
|
|
1389
1389
|
return /* @__PURE__ */ c("div", { className: U.smallLayoutOverlay, children: [
|
|
1390
1390
|
/* @__PURE__ */ t(mt, { className: U.fullScreenCloseIcon, children: /* @__PURE__ */ t(We, {}) }),
|
|
1391
|
-
/* @__PURE__ */ t("i", { className: U.smallLayoutButton, children: e ? /* @__PURE__ */ t(
|
|
1391
|
+
/* @__PURE__ */ t("i", { className: U.smallLayoutButton, children: e ? /* @__PURE__ */ t(ve, { className: U.smallLayoutIconPlay }) : /* @__PURE__ */ t(ge, { className: U.smallLayoutIconPause }) })
|
|
1392
1392
|
] });
|
|
1393
1393
|
}
|
|
1394
1394
|
const X1 = "_time-indicator_1rlpb_1", J1 = {
|
|
@@ -1397,57 +1397,57 @@ const X1 = "_time-indicator_1rlpb_1", J1 = {
|
|
|
1397
1397
|
};
|
|
1398
1398
|
function eo() {
|
|
1399
1399
|
return /* @__PURE__ */ c("div", { className: J1.timeIndicator, children: [
|
|
1400
|
-
/* @__PURE__ */ t(
|
|
1400
|
+
/* @__PURE__ */ t(xe, { type: "current" }),
|
|
1401
1401
|
"/",
|
|
1402
|
-
/* @__PURE__ */ t(
|
|
1402
|
+
/* @__PURE__ */ t(xe, { type: "duration" })
|
|
1403
1403
|
] });
|
|
1404
1404
|
}
|
|
1405
|
-
const to = "_comment-
|
|
1406
|
-
"comment-markers": "_comment-
|
|
1405
|
+
const to = "_comment-markers_fno42_1", no = "_comment-marker_fno42_1", oo = "_timeline-wrapper_fno42_27", io = "_track_fno42_41", so = "_thumb_fno42_52", ao = "_root_fno42_66", co = "_track-inner_fno42_96", ro = "_progress_fno42_102", lo = "_track-fill_fno42_108", uo = "_pins_fno42_125", mo = "_pin-button_fno42_138", ho = "_annotation-pin_fno42_158", po = "_quiz-pin_fno42_163", _o = "_annotation-pin-child_fno42_168", fo = "_quiz-pin-child_fno42_172", Co = "_interactive-pin-container_fno42_177", bo = "_interactive-pin-wrapper_fno42_187", go = "_interactive-pin-icon_fno42_193", vo = "_interactive-pin_fno42_177", wo = "_bg_fno42_207", yo = "_symbol_fno42_211", ko = "_interactive-pin-button_fno42_216", Lo = "_interactive-pin-menu_fno42_236", xo = "_interactive-pin-menu-item_fno42_250", Mo = "_arrow_fno42_271", m = {
|
|
1406
|
+
"comment-markers": "_comment-markers_fno42_1",
|
|
1407
1407
|
commentMarkers: to,
|
|
1408
|
-
"comment-marker": "_comment-
|
|
1408
|
+
"comment-marker": "_comment-marker_fno42_1",
|
|
1409
1409
|
commentMarker: no,
|
|
1410
|
-
"timeline-wrapper": "_timeline-
|
|
1410
|
+
"timeline-wrapper": "_timeline-wrapper_fno42_27",
|
|
1411
1411
|
timelineWrapper: oo,
|
|
1412
1412
|
track: io,
|
|
1413
|
-
thumb:
|
|
1414
|
-
root:
|
|
1415
|
-
"track-inner": "_track-
|
|
1413
|
+
thumb: so,
|
|
1414
|
+
root: ao,
|
|
1415
|
+
"track-inner": "_track-inner_fno42_96",
|
|
1416
1416
|
trackInner: co,
|
|
1417
|
-
progress:
|
|
1418
|
-
"track-fill": "_track-
|
|
1419
|
-
trackFill:
|
|
1417
|
+
progress: ro,
|
|
1418
|
+
"track-fill": "_track-fill_fno42_108",
|
|
1419
|
+
trackFill: lo,
|
|
1420
1420
|
pins: uo,
|
|
1421
|
-
"pin-button": "_pin-
|
|
1421
|
+
"pin-button": "_pin-button_fno42_138",
|
|
1422
1422
|
pinButton: mo,
|
|
1423
|
-
"annotation-pin": "_annotation-
|
|
1423
|
+
"annotation-pin": "_annotation-pin_fno42_158",
|
|
1424
1424
|
annotationPin: ho,
|
|
1425
|
-
"quiz-pin": "_quiz-
|
|
1425
|
+
"quiz-pin": "_quiz-pin_fno42_163",
|
|
1426
1426
|
quizPin: po,
|
|
1427
|
-
"annotation-pin-child": "_annotation-pin-
|
|
1427
|
+
"annotation-pin-child": "_annotation-pin-child_fno42_168",
|
|
1428
1428
|
annotationPinChild: _o,
|
|
1429
|
-
"quiz-pin-child": "_quiz-pin-
|
|
1430
|
-
quizPinChild:
|
|
1431
|
-
"interactive-pin-container": "_interactive-pin-
|
|
1432
|
-
interactivePinContainer:
|
|
1433
|
-
"interactive-pin-wrapper": "_interactive-pin-
|
|
1429
|
+
"quiz-pin-child": "_quiz-pin-child_fno42_172",
|
|
1430
|
+
quizPinChild: fo,
|
|
1431
|
+
"interactive-pin-container": "_interactive-pin-container_fno42_177",
|
|
1432
|
+
interactivePinContainer: Co,
|
|
1433
|
+
"interactive-pin-wrapper": "_interactive-pin-wrapper_fno42_187",
|
|
1434
1434
|
interactivePinWrapper: bo,
|
|
1435
|
-
"interactive-pin-icon": "_interactive-pin-
|
|
1435
|
+
"interactive-pin-icon": "_interactive-pin-icon_fno42_193",
|
|
1436
1436
|
interactivePinIcon: go,
|
|
1437
|
-
"interactive-pin": "_interactive-
|
|
1437
|
+
"interactive-pin": "_interactive-pin_fno42_177",
|
|
1438
1438
|
interactivePin: vo,
|
|
1439
1439
|
bg: wo,
|
|
1440
1440
|
symbol: yo,
|
|
1441
|
-
"interactive-pin-button": "_interactive-pin-
|
|
1441
|
+
"interactive-pin-button": "_interactive-pin-button_fno42_216",
|
|
1442
1442
|
interactivePinButton: ko,
|
|
1443
|
-
"interactive-pin-menu": "_interactive-pin-
|
|
1443
|
+
"interactive-pin-menu": "_interactive-pin-menu_fno42_236",
|
|
1444
1444
|
interactivePinMenu: Lo,
|
|
1445
|
-
"interactive-pin-menu-item": "_interactive-pin-menu-
|
|
1445
|
+
"interactive-pin-menu-item": "_interactive-pin-menu-item_fno42_250",
|
|
1446
1446
|
interactivePinMenuItem: xo,
|
|
1447
1447
|
arrow: Mo
|
|
1448
1448
|
}, Po = {
|
|
1449
|
-
annotation:
|
|
1450
|
-
quiz:
|
|
1449
|
+
annotation: m.annotationPin,
|
|
1450
|
+
quiz: m.quizPin
|
|
1451
1451
|
};
|
|
1452
1452
|
function je({
|
|
1453
1453
|
type: e,
|
|
@@ -1455,13 +1455,13 @@ function je({
|
|
|
1455
1455
|
children: o,
|
|
1456
1456
|
onClick: i
|
|
1457
1457
|
}) {
|
|
1458
|
-
const
|
|
1458
|
+
const s = v();
|
|
1459
1459
|
return /* @__PURE__ */ t(
|
|
1460
1460
|
"button",
|
|
1461
1461
|
{
|
|
1462
1462
|
type: "button",
|
|
1463
|
-
tabIndex:
|
|
1464
|
-
className:
|
|
1463
|
+
tabIndex: s.state.interactionsDisabled ? -1 : 0,
|
|
1464
|
+
className: m.pinButton,
|
|
1465
1465
|
style: { left: `${n}%` },
|
|
1466
1466
|
onClick: i,
|
|
1467
1467
|
children: /* @__PURE__ */ c(
|
|
@@ -1485,7 +1485,7 @@ function No(e) {
|
|
|
1485
1485
|
return /* @__PURE__ */ t(je, { type: "annotation", ...e, children: /* @__PURE__ */ t(
|
|
1486
1486
|
"path",
|
|
1487
1487
|
{
|
|
1488
|
-
className:
|
|
1488
|
+
className: m.annotationPinChild,
|
|
1489
1489
|
fillRule: "evenodd",
|
|
1490
1490
|
clipRule: "evenodd",
|
|
1491
1491
|
d: "M7 8V19.25H8.875V18.875C8.875 17.8415 9.7165 17 10.75 17H19V8H7ZM10 11.75H16V11H10V11.75ZM14.5 14H10V13.25H14.5V14Z",
|
|
@@ -1495,10 +1495,10 @@ function No(e) {
|
|
|
1495
1495
|
) });
|
|
1496
1496
|
}
|
|
1497
1497
|
function Io(e) {
|
|
1498
|
-
return /* @__PURE__ */ t(je, { type: "quiz", ...e, children: e.multiple ? /* @__PURE__ */ t("circle", { className:
|
|
1498
|
+
return /* @__PURE__ */ t(je, { type: "quiz", ...e, children: e.multiple ? /* @__PURE__ */ t("circle", { className: m.quizPinChild, cx: "13", cy: "13", r: "6" }) : /* @__PURE__ */ t(
|
|
1499
1499
|
"text",
|
|
1500
1500
|
{
|
|
1501
|
-
className:
|
|
1501
|
+
className: m.quizPinChild,
|
|
1502
1502
|
x: "50%",
|
|
1503
1503
|
y: "56%",
|
|
1504
1504
|
textAnchor: "middle",
|
|
@@ -1517,35 +1517,35 @@ function Ho(e, n) {
|
|
|
1517
1517
|
onClick: () => n(o)
|
|
1518
1518
|
}));
|
|
1519
1519
|
}
|
|
1520
|
-
function
|
|
1520
|
+
function So(e, n) {
|
|
1521
1521
|
const o = /* @__PURE__ */ new Map();
|
|
1522
|
-
e.forEach((
|
|
1523
|
-
var
|
|
1524
|
-
const
|
|
1525
|
-
o.has(
|
|
1522
|
+
e.forEach((a) => {
|
|
1523
|
+
var l;
|
|
1524
|
+
const r = a.time;
|
|
1525
|
+
o.has(r) || o.set(r, []), (l = o.get(r)) == null || l.push(a);
|
|
1526
1526
|
});
|
|
1527
1527
|
const i = [];
|
|
1528
|
-
let
|
|
1529
|
-
return o.forEach((
|
|
1528
|
+
let s = 0;
|
|
1529
|
+
return o.forEach((a, r) => {
|
|
1530
1530
|
i.push({
|
|
1531
|
-
id:
|
|
1532
|
-
time:
|
|
1531
|
+
id: a.map((l) => l.id).join("-"),
|
|
1532
|
+
time: r,
|
|
1533
1533
|
type: "quiz",
|
|
1534
|
-
ordinal:
|
|
1535
|
-
onClick: () => n(
|
|
1536
|
-
multiple:
|
|
1537
|
-
}),
|
|
1534
|
+
ordinal: s + 1,
|
|
1535
|
+
onClick: () => n(a),
|
|
1536
|
+
multiple: a.length > 1
|
|
1537
|
+
}), s++;
|
|
1538
1538
|
}), i;
|
|
1539
1539
|
}
|
|
1540
|
-
function
|
|
1540
|
+
function Vo(e, n, o, i) {
|
|
1541
1541
|
switch (e.type) {
|
|
1542
1542
|
case "annotation": {
|
|
1543
|
-
const
|
|
1543
|
+
const s = () => i ? e.onClick() : o.seek(e.time);
|
|
1544
1544
|
return /* @__PURE__ */ t(
|
|
1545
1545
|
No,
|
|
1546
1546
|
{
|
|
1547
1547
|
position: e.time / n * 100,
|
|
1548
|
-
onClick:
|
|
1548
|
+
onClick: s
|
|
1549
1549
|
},
|
|
1550
1550
|
e.id
|
|
1551
1551
|
);
|
|
@@ -1566,21 +1566,21 @@ function So(e, n, o, i) {
|
|
|
1566
1566
|
}
|
|
1567
1567
|
}
|
|
1568
1568
|
function To() {
|
|
1569
|
-
const e = oe(), n =
|
|
1569
|
+
const e = oe(), n = f("duration"), o = M(), i = E(() => [
|
|
1570
1570
|
...Ho(
|
|
1571
1571
|
o.annotations,
|
|
1572
1572
|
o.onAnnotationClick
|
|
1573
1573
|
),
|
|
1574
|
-
...
|
|
1575
|
-
].sort((
|
|
1576
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1574
|
+
...So(o.quizMarkers, o.onQuizMarkerClick)
|
|
1575
|
+
].sort((a, r) => a.time - r.time).map((a) => Vo(a, n, e, o.interactive)), [o.annotations, o.quizMarkers, n, e]);
|
|
1576
|
+
return /* @__PURE__ */ t("div", { className: m.pins, children: i });
|
|
1577
1577
|
}
|
|
1578
1578
|
function Eo() {
|
|
1579
|
-
const e =
|
|
1580
|
-
return n.hasComments && o.state.commentsEnabled ? /* @__PURE__ */ t("div", { className:
|
|
1579
|
+
const e = f("duration"), n = M(), o = v();
|
|
1580
|
+
return n.hasComments && o.state.commentsEnabled ? /* @__PURE__ */ t("div", { className: m.commentMarkers, children: n.comments.map((i) => /* @__PURE__ */ t(
|
|
1581
1581
|
"span",
|
|
1582
1582
|
{
|
|
1583
|
-
className:
|
|
1583
|
+
className: m.commentMarker,
|
|
1584
1584
|
style: {
|
|
1585
1585
|
left: `${i.timestamp / e * 100}%`
|
|
1586
1586
|
}
|
|
@@ -1589,11 +1589,11 @@ function Eo() {
|
|
|
1589
1589
|
)) }) : null;
|
|
1590
1590
|
}
|
|
1591
1591
|
function Ro({ currentTime: e, position: n }) {
|
|
1592
|
-
const [o, i] =
|
|
1593
|
-
|
|
1594
|
-
|
|
1592
|
+
const [o, i] = L(!1), s = M(), a = _(() => s.interactiveMenuElements.length > 0 ? i((y) => !y) : s.onInteractivePinClick(e), [
|
|
1593
|
+
s.interactiveMenuElements,
|
|
1594
|
+
s.onInteractivePinClick,
|
|
1595
1595
|
e
|
|
1596
|
-
]),
|
|
1596
|
+
]), r = G(null), { refs: l, floatingStyles: u, context: d } = ue({
|
|
1597
1597
|
open: o,
|
|
1598
1598
|
onOpenChange: i,
|
|
1599
1599
|
whileElementsMounted: de,
|
|
@@ -1603,24 +1603,24 @@ function Ro({ currentTime: e, position: n }) {
|
|
|
1603
1603
|
Re(6),
|
|
1604
1604
|
me(),
|
|
1605
1605
|
he({
|
|
1606
|
-
element:
|
|
1606
|
+
element: r
|
|
1607
1607
|
})
|
|
1608
1608
|
]
|
|
1609
|
-
}),
|
|
1609
|
+
}), b = pe(d), { getReferenceProps: w, getFloatingProps: k } = _e([b]);
|
|
1610
1610
|
return /* @__PURE__ */ c(Q, { children: [
|
|
1611
1611
|
/* @__PURE__ */ t(
|
|
1612
1612
|
"button",
|
|
1613
1613
|
{
|
|
1614
1614
|
type: "button",
|
|
1615
|
-
onClick:
|
|
1616
|
-
className:
|
|
1617
|
-
ref:
|
|
1615
|
+
onClick: a,
|
|
1616
|
+
className: m.interactivePinButton,
|
|
1617
|
+
ref: l.setReference,
|
|
1618
1618
|
style: { left: `${n}%` },
|
|
1619
|
-
...
|
|
1619
|
+
...w(),
|
|
1620
1620
|
children: /* @__PURE__ */ c(
|
|
1621
1621
|
"svg",
|
|
1622
1622
|
{
|
|
1623
|
-
className:
|
|
1623
|
+
className: m.interactivePin,
|
|
1624
1624
|
width: "36",
|
|
1625
1625
|
height: "44",
|
|
1626
1626
|
fill: "none",
|
|
@@ -1630,21 +1630,21 @@ function Ro({ currentTime: e, position: n }) {
|
|
|
1630
1630
|
/* @__PURE__ */ t(
|
|
1631
1631
|
"path",
|
|
1632
1632
|
{
|
|
1633
|
-
className:
|
|
1633
|
+
className: m.bg,
|
|
1634
1634
|
d: "M 33.1703,27.499961 C 34.9615,24.721661 36,21.418761 36,17.874961 36,8.0028612 27.9411,-3.8819277e-5 18,-3.8819277e-5 8.0588999,-3.8819277e-5 -1.5e-7,8.0028612 -1.5e-7,17.874961 c 0,3.5438 1.03844995,6.8467 2.82964995,9.625 4.5447501,6.8094 10.1600502,10.1014 15.2487502,16.5 5.0364,-6.3985 10.5573,-9.7259 15.0919,-16.5 z"
|
|
1635
1635
|
}
|
|
1636
1636
|
),
|
|
1637
1637
|
/* @__PURE__ */ t(
|
|
1638
1638
|
"path",
|
|
1639
1639
|
{
|
|
1640
|
-
className:
|
|
1640
|
+
className: m.symbol,
|
|
1641
1641
|
d: "m 35.499961,17.877772 c 0,3.443549 -1.008198,6.652061 -2.747494,9.351891 -2.235095,3.338633 -4.71529,5.832631 -7.286584,8.306425 -0.277599,0.267143 -0.556499,0.534085 -0.836198,0.801928 -2.174595,2.082232 -4.40389,4.216673 -6.553385,6.870196 -2.158995,-2.636621 -4.40379,-4.754859 -6.591985,-6.819788 -0.2979,-0.281145 -0.594699,-0.561289 -0.890198,-0.841534 C 7.9918219,33.077896 5.4869279,30.584698 3.2477829,27.230063 1.5082968,24.530133 0.50003905,21.321521 0.50003905,17.877772 0.50003905,8.2835422 8.3317219,0.50000048 18,0.50000048 c 9.668278,0 17.499961,7.78354172 17.499961,17.37777152 z"
|
|
1642
1642
|
}
|
|
1643
1643
|
),
|
|
1644
1644
|
/* @__PURE__ */ t(
|
|
1645
1645
|
"path",
|
|
1646
1646
|
{
|
|
1647
|
-
className:
|
|
1647
|
+
className: m.interactivePinIcon,
|
|
1648
1648
|
"data-open": o,
|
|
1649
1649
|
fillRule: "evenodd",
|
|
1650
1650
|
clipRule: "evenodd",
|
|
@@ -1657,88 +1657,98 @@ function Ro({ currentTime: e, position: n }) {
|
|
|
1657
1657
|
)
|
|
1658
1658
|
}
|
|
1659
1659
|
),
|
|
1660
|
-
o && /* @__PURE__ */
|
|
1661
|
-
|
|
1660
|
+
o && /* @__PURE__ */ t(
|
|
1661
|
+
fe,
|
|
1662
1662
|
{
|
|
1663
|
-
|
|
1664
|
-
|
|
1665
|
-
|
|
1666
|
-
|
|
1667
|
-
|
|
1668
|
-
|
|
1669
|
-
|
|
1670
|
-
|
|
1671
|
-
|
|
1672
|
-
|
|
1673
|
-
|
|
1674
|
-
|
|
1675
|
-
|
|
1676
|
-
|
|
1677
|
-
/* @__PURE__ */ t(
|
|
1678
|
-
"svg",
|
|
1663
|
+
order: ["floating", "content"],
|
|
1664
|
+
context: d,
|
|
1665
|
+
modal: !0,
|
|
1666
|
+
children: /* @__PURE__ */ c(
|
|
1667
|
+
"div",
|
|
1668
|
+
{
|
|
1669
|
+
ref: l.setFloating,
|
|
1670
|
+
style: u,
|
|
1671
|
+
className: m.interactivePinMenu,
|
|
1672
|
+
...k(),
|
|
1673
|
+
children: [
|
|
1674
|
+
s.interactiveMenuElements.map(
|
|
1675
|
+
({ id: y, text: N, onClick: h }) => /* @__PURE__ */ c(
|
|
1676
|
+
"button",
|
|
1679
1677
|
{
|
|
1680
|
-
|
|
1681
|
-
|
|
1682
|
-
|
|
1683
|
-
|
|
1684
|
-
|
|
1685
|
-
children:
|
|
1686
|
-
|
|
1687
|
-
|
|
1688
|
-
|
|
1689
|
-
|
|
1690
|
-
|
|
1691
|
-
|
|
1692
|
-
|
|
1693
|
-
|
|
1694
|
-
|
|
1695
|
-
|
|
1696
|
-
|
|
1697
|
-
|
|
1698
|
-
|
|
1699
|
-
|
|
1700
|
-
|
|
1701
|
-
|
|
1702
|
-
|
|
1703
|
-
|
|
1704
|
-
|
|
1705
|
-
|
|
1706
|
-
|
|
1707
|
-
|
|
1708
|
-
|
|
1709
|
-
|
|
1678
|
+
type: "button",
|
|
1679
|
+
className: m.interactivePinMenuItem,
|
|
1680
|
+
onClick: () => {
|
|
1681
|
+
h(y, e), i(!1);
|
|
1682
|
+
},
|
|
1683
|
+
children: [
|
|
1684
|
+
/* @__PURE__ */ t(
|
|
1685
|
+
"svg",
|
|
1686
|
+
{
|
|
1687
|
+
width: "16",
|
|
1688
|
+
height: "16",
|
|
1689
|
+
viewBox: "0 0 16 16",
|
|
1690
|
+
fill: "none",
|
|
1691
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1692
|
+
children: /* @__PURE__ */ t(
|
|
1693
|
+
"path",
|
|
1694
|
+
{
|
|
1695
|
+
fillRule: "evenodd",
|
|
1696
|
+
clipRule: "evenodd",
|
|
1697
|
+
d: "M7.33339 7.33339H1.77783V8.66672H7.33339V14.2223H8.66672V8.66672H14.2223V7.33339H8.66672V1.77783H7.33339V7.33339Z",
|
|
1698
|
+
fill: "#273540"
|
|
1699
|
+
}
|
|
1700
|
+
)
|
|
1701
|
+
}
|
|
1702
|
+
),
|
|
1703
|
+
N
|
|
1704
|
+
]
|
|
1705
|
+
},
|
|
1706
|
+
y
|
|
1707
|
+
)
|
|
1708
|
+
),
|
|
1709
|
+
/* @__PURE__ */ t(
|
|
1710
|
+
Ce,
|
|
1711
|
+
{
|
|
1712
|
+
ref: r,
|
|
1713
|
+
context: d,
|
|
1714
|
+
className: m.arrow
|
|
1715
|
+
}
|
|
1716
|
+
)
|
|
1717
|
+
]
|
|
1718
|
+
}
|
|
1719
|
+
)
|
|
1710
1720
|
}
|
|
1711
1721
|
)
|
|
1712
1722
|
] });
|
|
1713
1723
|
}
|
|
1714
1724
|
function Ao() {
|
|
1715
|
-
const e =
|
|
1725
|
+
const e = f("duration"), n = f("currentTime"), o = n / e * 100, { disableInteractivePinRanges: i } = M();
|
|
1716
1726
|
return i.some(
|
|
1717
|
-
([
|
|
1718
|
-
) ? null : /* @__PURE__ */ t("div", { className:
|
|
1727
|
+
([a, r]) => n >= a && n <= r
|
|
1728
|
+
) ? null : /* @__PURE__ */ t("div", { className: m.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: m.interactivePinWrapper, children: /* @__PURE__ */ t(Ro, { currentTime: n, position: o }) }) });
|
|
1719
1729
|
}
|
|
1720
1730
|
function Bo() {
|
|
1721
|
-
const e =
|
|
1731
|
+
const e = f("paused"), n = v();
|
|
1722
1732
|
return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(Ao, {}) : null;
|
|
1723
1733
|
}
|
|
1724
|
-
const Oo = `${
|
|
1725
|
-
function
|
|
1726
|
-
const n =
|
|
1727
|
-
return /* @__PURE__ */ c("div", { className:
|
|
1728
|
-
|
|
1729
|
-
|
|
1734
|
+
const Oo = `${m.progress} ${m.trackInner}`, Fo = `${m.trackFill} ${m.trackInner}`;
|
|
1735
|
+
function Ie({ className: e }) {
|
|
1736
|
+
const n = v(), { hasAnnotations: o, hasQuizmarkers: i, interactive: s } = M(), a = e ? `${m.timelineWrapper} ${e}` : m.timelineWrapper;
|
|
1737
|
+
return /* @__PURE__ */ c("div", { className: a, children: [
|
|
1738
|
+
s ? /* @__PURE__ */ t(Bo, {}) : null,
|
|
1739
|
+
s || o || i ? /* @__PURE__ */ t(To, {}) : null,
|
|
1730
1740
|
/* @__PURE__ */ t(Eo, {}),
|
|
1731
1741
|
/* @__PURE__ */ c(
|
|
1732
1742
|
$.Root,
|
|
1733
1743
|
{
|
|
1734
|
-
className:
|
|
1744
|
+
className: m.root,
|
|
1735
1745
|
tabIndex: n.state.interactionsDisabled ? -1 : 0,
|
|
1736
1746
|
children: [
|
|
1737
|
-
/* @__PURE__ */ c($.Track, { className:
|
|
1747
|
+
/* @__PURE__ */ c($.Track, { className: m.track, children: [
|
|
1738
1748
|
/* @__PURE__ */ t($.Progress, { className: Oo }),
|
|
1739
1749
|
/* @__PURE__ */ t($.TrackFill, { className: Fo })
|
|
1740
1750
|
] }),
|
|
1741
|
-
/* @__PURE__ */ t($.Thumb, { className:
|
|
1751
|
+
/* @__PURE__ */ t($.Thumb, { className: m.thumb })
|
|
1742
1752
|
]
|
|
1743
1753
|
}
|
|
1744
1754
|
)
|
|
@@ -1753,7 +1763,7 @@ const Zo = "_wrapper_12cb0_1", zo = "_track_12cb0_6", Ko = "_thumb_12cb0_18", Do
|
|
|
1753
1763
|
root: $o
|
|
1754
1764
|
};
|
|
1755
1765
|
function Uo() {
|
|
1756
|
-
const e = F(), n =
|
|
1766
|
+
const e = F(), n = f("volume"), o = f("muted"), i = v(), s = o || n === 0, { t: a } = C();
|
|
1757
1767
|
return /* @__PURE__ */ c("div", { className: q.wrapper, children: [
|
|
1758
1768
|
/* @__PURE__ */ t(
|
|
1759
1769
|
"button",
|
|
@@ -1762,11 +1772,11 @@ function Uo() {
|
|
|
1762
1772
|
type: "button",
|
|
1763
1773
|
tabIndex: i.state.interactionsDisabled ? -1 : 0,
|
|
1764
1774
|
className: "controls-button",
|
|
1765
|
-
"aria-label": s
|
|
1775
|
+
"aria-label": a(s ? "VOLUME" : "MUTE"),
|
|
1766
1776
|
onClick: () => {
|
|
1767
|
-
|
|
1777
|
+
s ? e == null || e.remoteControl.unmute() : e == null || e.remoteControl.mute();
|
|
1768
1778
|
},
|
|
1769
|
-
children:
|
|
1779
|
+
children: s ? /* @__PURE__ */ t(Ue, { className: "controls-button-icon" }) : n < 0.5 ? /* @__PURE__ */ t(qe, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Ge, { className: "controls-button-icon" })
|
|
1770
1780
|
}
|
|
1771
1781
|
),
|
|
1772
1782
|
/* @__PURE__ */ c(
|
|
@@ -1782,7 +1792,7 @@ function Uo() {
|
|
|
1782
1792
|
)
|
|
1783
1793
|
] });
|
|
1784
1794
|
}
|
|
1785
|
-
const
|
|
1795
|
+
const He = {
|
|
1786
1796
|
togglePaused: {
|
|
1787
1797
|
keys: ["Space", "Enter", "k"],
|
|
1788
1798
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
@@ -1803,9 +1813,9 @@ const Ie = {
|
|
|
1803
1813
|
nextCaptionLanguage: {
|
|
1804
1814
|
keys: ["v"],
|
|
1805
1815
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
1806
|
-
const i = n.textTracks.selectedIndex,
|
|
1816
|
+
const i = n.textTracks.selectedIndex, s = i + 1;
|
|
1807
1817
|
o.changeTextTrackMode(i, "hidden"), o.changeTextTrackMode(
|
|
1808
|
-
|
|
1818
|
+
s >= n.textTracks.length ? 0 : s,
|
|
1809
1819
|
"showing"
|
|
1810
1820
|
), n.$state.lastKeyboardAction.set({
|
|
1811
1821
|
action: "nextCaptionLanguage",
|
|
@@ -1816,9 +1826,9 @@ const Ie = {
|
|
|
1816
1826
|
previousCaptionLanguage: {
|
|
1817
1827
|
keys: ["x"],
|
|
1818
1828
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
1819
|
-
const i = n.textTracks.selectedIndex,
|
|
1829
|
+
const i = n.textTracks.selectedIndex, s = i - 1;
|
|
1820
1830
|
o.changeTextTrackMode(i, "hidden"), o.changeTextTrackMode(
|
|
1821
|
-
|
|
1831
|
+
s < 0 ? n.textTracks.length - 1 : s,
|
|
1822
1832
|
"showing"
|
|
1823
1833
|
), n.$state.lastKeyboardAction.set({
|
|
1824
1834
|
action: "previousCaptionLanguage",
|
|
@@ -1829,8 +1839,8 @@ const Ie = {
|
|
|
1829
1839
|
decreasePlaybackRate: {
|
|
1830
1840
|
keys: ["a"],
|
|
1831
1841
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
1832
|
-
const
|
|
1833
|
-
|
|
1842
|
+
const s = K.indexOf(n.playbackRate) - 1;
|
|
1843
|
+
s >= 0 && (o.changePlaybackRate(K[s]), n.$state.lastKeyboardAction.set({
|
|
1834
1844
|
action: "decreasePlaybackRate",
|
|
1835
1845
|
event: e
|
|
1836
1846
|
}));
|
|
@@ -1839,8 +1849,8 @@ const Ie = {
|
|
|
1839
1849
|
increasePlaybackRate: {
|
|
1840
1850
|
keys: ["d"],
|
|
1841
1851
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
1842
|
-
const
|
|
1843
|
-
|
|
1852
|
+
const s = K.indexOf(n.playbackRate) + 1;
|
|
1853
|
+
s < K.length && (o.changePlaybackRate(K[s]), n.$state.lastKeyboardAction.set({
|
|
1844
1854
|
action: "increasePlaybackRate",
|
|
1845
1855
|
event: e
|
|
1846
1856
|
}));
|
|
@@ -1874,7 +1884,7 @@ const Ie = {
|
|
|
1874
1884
|
}
|
|
1875
1885
|
}
|
|
1876
1886
|
};
|
|
1877
|
-
function
|
|
1887
|
+
function Se(e) {
|
|
1878
1888
|
return typeof e == "number" && !isNaN(e);
|
|
1879
1889
|
}
|
|
1880
1890
|
function qo(e, n = 1e3) {
|
|
@@ -1898,21 +1908,21 @@ const Ve = {
|
|
|
1898
1908
|
};
|
|
1899
1909
|
class Go {
|
|
1900
1910
|
constructor() {
|
|
1901
|
-
|
|
1902
|
-
|
|
1903
|
-
|
|
1904
|
-
|
|
1905
|
-
|
|
1906
|
-
|
|
1911
|
+
S(this, "playerId", "studio-player");
|
|
1912
|
+
S(this, "mediaId", null);
|
|
1913
|
+
S(this, "data", Ve);
|
|
1914
|
+
S(this, "time", null);
|
|
1915
|
+
S(this, "overrideTime", null);
|
|
1916
|
+
S(this, "saveTime", () => {
|
|
1907
1917
|
if (!this.mediaId) return;
|
|
1908
1918
|
const n = (this.time ?? 0).toString();
|
|
1909
1919
|
localStorage.setItem(this.mediaId, n);
|
|
1910
1920
|
});
|
|
1911
|
-
|
|
1921
|
+
S(this, "saveTimeThrottled", qo(this.saveTime, 1e3));
|
|
1912
1922
|
// only used for useStudioPlayer hook's state initialization
|
|
1913
|
-
|
|
1923
|
+
S(this, "initializeState", (n) => {
|
|
1914
1924
|
const o = localStorage.getItem(this.playerId);
|
|
1915
|
-
if (
|
|
1925
|
+
if (Se(n) && n >= 0 && (this.overrideTime = n), o)
|
|
1916
1926
|
try {
|
|
1917
1927
|
this.data = JSON.parse(o);
|
|
1918
1928
|
} catch {
|
|
@@ -1927,7 +1937,7 @@ class Go {
|
|
|
1927
1937
|
disableCaptionSettings: !1
|
|
1928
1938
|
};
|
|
1929
1939
|
});
|
|
1930
|
-
|
|
1940
|
+
S(this, "saveData", (n, o) => {
|
|
1931
1941
|
this.data = {
|
|
1932
1942
|
...this.data,
|
|
1933
1943
|
[n]: o
|
|
@@ -1978,18 +1988,18 @@ class Go {
|
|
|
1978
1988
|
this.data.rate = n, this.save();
|
|
1979
1989
|
}
|
|
1980
1990
|
onChange(n, o, i = "studio-player") {
|
|
1981
|
-
const
|
|
1991
|
+
const s = i ? localStorage.getItem(i) : null, a = o ? localStorage.getItem(o) : null;
|
|
1982
1992
|
this.playerId = i, this.mediaId = o;
|
|
1983
|
-
let
|
|
1984
|
-
if (
|
|
1993
|
+
let r = {};
|
|
1994
|
+
if (s)
|
|
1985
1995
|
try {
|
|
1986
|
-
|
|
1996
|
+
r = JSON.parse(s);
|
|
1987
1997
|
} catch {
|
|
1988
1998
|
}
|
|
1989
1999
|
this.data = {
|
|
1990
2000
|
...Ve,
|
|
1991
|
-
...
|
|
1992
|
-
},
|
|
2001
|
+
...r
|
|
2002
|
+
}, Se(this.overrideTime) && this.overrideTime >= 0 ? this.time = this.overrideTime : this.time = a ? +a : null;
|
|
1993
2003
|
}
|
|
1994
2004
|
save() {
|
|
1995
2005
|
if (!this.playerId) return;
|
|
@@ -1998,76 +2008,76 @@ class Go {
|
|
|
1998
2008
|
}
|
|
1999
2009
|
}
|
|
2000
2010
|
function Qo(e, n, o, i) {
|
|
2001
|
-
const
|
|
2002
|
-
|
|
2003
|
-
),
|
|
2004
|
-
(
|
|
2005
|
-
|
|
2006
|
-
...
|
|
2007
|
-
captionsFontSizeMultiplier:
|
|
2011
|
+
const s = E(() => new Go(), []), [a, r] = L(
|
|
2012
|
+
s.initializeState(i)
|
|
2013
|
+
), l = _(
|
|
2014
|
+
(h) => {
|
|
2015
|
+
r((g) => (s.saveData("multiplier", h), {
|
|
2016
|
+
...g,
|
|
2017
|
+
captionsFontSizeMultiplier: h
|
|
2008
2018
|
}));
|
|
2009
2019
|
},
|
|
2010
|
-
[
|
|
2020
|
+
[s]
|
|
2011
2021
|
), u = _(() => {
|
|
2012
|
-
|
|
2013
|
-
const
|
|
2014
|
-
return
|
|
2015
|
-
...
|
|
2016
|
-
captionPositionOnTop:
|
|
2022
|
+
r((h) => {
|
|
2023
|
+
const g = !h.captionPositionOnTop;
|
|
2024
|
+
return s.saveData("ontop", g), {
|
|
2025
|
+
...h,
|
|
2026
|
+
captionPositionOnTop: g
|
|
2017
2027
|
};
|
|
2018
2028
|
});
|
|
2019
|
-
}, [
|
|
2020
|
-
|
|
2021
|
-
const
|
|
2022
|
-
return
|
|
2023
|
-
...
|
|
2024
|
-
captionsInvertColors:
|
|
2029
|
+
}, [s]), d = _(() => {
|
|
2030
|
+
r((h) => {
|
|
2031
|
+
const g = !h.captionsInvertColors;
|
|
2032
|
+
return s.saveData("invert", g), {
|
|
2033
|
+
...h,
|
|
2034
|
+
captionsInvertColors: g
|
|
2025
2035
|
};
|
|
2026
2036
|
});
|
|
2027
|
-
}, [
|
|
2028
|
-
|
|
2029
|
-
const
|
|
2030
|
-
return
|
|
2031
|
-
...
|
|
2032
|
-
commentsEnabled:
|
|
2037
|
+
}, [s]), b = _(() => {
|
|
2038
|
+
r((h) => {
|
|
2039
|
+
const g = !h.commentsEnabled;
|
|
2040
|
+
return s.saveData("comments", g), {
|
|
2041
|
+
...h,
|
|
2042
|
+
commentsEnabled: g
|
|
2033
2043
|
};
|
|
2034
2044
|
});
|
|
2035
|
-
}, [
|
|
2036
|
-
|
|
2037
|
-
...
|
|
2045
|
+
}, [s]), w = _(() => {
|
|
2046
|
+
r((h) => ({
|
|
2047
|
+
...h,
|
|
2038
2048
|
interactionsDisabled: !1
|
|
2039
2049
|
}));
|
|
2040
2050
|
}, []), k = _(() => {
|
|
2041
|
-
|
|
2042
|
-
...
|
|
2051
|
+
r((h) => ({
|
|
2052
|
+
...h,
|
|
2043
2053
|
interactionsDisabled: !0
|
|
2044
2054
|
}));
|
|
2045
|
-
}, []),
|
|
2046
|
-
|
|
2047
|
-
...
|
|
2048
|
-
globalKeysDisabled:
|
|
2055
|
+
}, []), y = _((h) => {
|
|
2056
|
+
r((g) => ({
|
|
2057
|
+
...g,
|
|
2058
|
+
globalKeysDisabled: h
|
|
2049
2059
|
}));
|
|
2050
2060
|
}, []), N = E(() => e ? {
|
|
2051
|
-
...
|
|
2061
|
+
...He,
|
|
2052
2062
|
toggleFullscreen: []
|
|
2053
|
-
} :
|
|
2063
|
+
} : He, [e]);
|
|
2054
2064
|
return {
|
|
2055
2065
|
contextValue: {
|
|
2056
2066
|
state: {
|
|
2057
|
-
...
|
|
2058
|
-
commentsEnabled: n ||
|
|
2067
|
+
...a,
|
|
2068
|
+
commentsEnabled: n || a.commentsEnabled
|
|
2059
2069
|
},
|
|
2060
|
-
setCaptionsFontSizeMultiplier:
|
|
2070
|
+
setCaptionsFontSizeMultiplier: l,
|
|
2061
2071
|
toggleCaptionPositionOnTop: u,
|
|
2062
|
-
toggleCaptionsInvertColors:
|
|
2063
|
-
enableInteractions:
|
|
2072
|
+
toggleCaptionsInvertColors: d,
|
|
2073
|
+
enableInteractions: w,
|
|
2064
2074
|
disableInteractions: k,
|
|
2065
|
-
setGlobalKeysDisabled:
|
|
2066
|
-
toggleComments:
|
|
2075
|
+
setGlobalKeysDisabled: y,
|
|
2076
|
+
toggleComments: b,
|
|
2067
2077
|
disableCaptionSettings: o
|
|
2068
2078
|
},
|
|
2069
2079
|
shortcuts: N,
|
|
2070
|
-
storage:
|
|
2080
|
+
storage: s
|
|
2071
2081
|
};
|
|
2072
2082
|
}
|
|
2073
2083
|
const Wo = {};
|
|
@@ -2079,7 +2089,7 @@ function jo() {
|
|
|
2079
2089
|
/* @__PURE__ */ t(Oe, {}),
|
|
2080
2090
|
/* @__PURE__ */ t(ze, { captions: e.captions }),
|
|
2081
2091
|
/* @__PURE__ */ t(Y1, {}),
|
|
2082
|
-
/* @__PURE__ */ t(
|
|
2092
|
+
/* @__PURE__ */ t(C1, {}),
|
|
2083
2093
|
/* @__PURE__ */ t(jt, { comments: e.comments })
|
|
2084
2094
|
] });
|
|
2085
2095
|
}
|
|
@@ -2100,28 +2110,41 @@ function Xo() {
|
|
|
2100
2110
|
/* @__PURE__ */ t(ze, { captions: e.captions })
|
|
2101
2111
|
] });
|
|
2102
2112
|
}
|
|
2103
|
-
function Jo(e, n, o, i
|
|
2104
|
-
|
|
2105
|
-
|
|
2106
|
-
|
|
2107
|
-
l >= e.time && l < e.time + i && !a && (a = !0, n(e, r)), (l < e.time || l >= e.time + i) && a && (a = !1);
|
|
2113
|
+
function Jo(e, n, o, i, s) {
|
|
2114
|
+
return (a) => {
|
|
2115
|
+
const r = a.detail.currentTime, l = !o.paused;
|
|
2116
|
+
r >= e.time && !i[e.id] && (s({ ...i, [e.id]: !0 }), n(e, l));
|
|
2108
2117
|
};
|
|
2109
2118
|
}
|
|
2110
2119
|
function ei() {
|
|
2111
|
-
const e = F(), { quizMarkers: n, onQuizMarkerShow: o } = M()
|
|
2120
|
+
const e = F(), { quizMarkers: n, onQuizMarkerShow: o } = M(), [i, s] = L(
|
|
2121
|
+
n.reduce((a, r) => (a[r.id] = !1, a), {})
|
|
2122
|
+
);
|
|
2112
2123
|
O(() => {
|
|
2113
2124
|
if (!e)
|
|
2114
2125
|
return;
|
|
2115
|
-
const
|
|
2116
|
-
|
|
2117
|
-
const
|
|
2118
|
-
|
|
2126
|
+
const a = [], r = (l) => {
|
|
2127
|
+
var b;
|
|
2128
|
+
const u = (b = l == null ? void 0 : l.request) == null ? void 0 : b.detail, d = n.reduce((w, k) => (w[k.id] = k.time <= u, w), {});
|
|
2129
|
+
s({ ...i, ...d });
|
|
2130
|
+
};
|
|
2131
|
+
e.addEventListener("seeked", r);
|
|
2132
|
+
for (const l of n) {
|
|
2133
|
+
const u = Jo(
|
|
2134
|
+
l,
|
|
2135
|
+
o,
|
|
2136
|
+
e,
|
|
2137
|
+
i,
|
|
2138
|
+
s
|
|
2139
|
+
);
|
|
2140
|
+
e.addEventListener("time-update", u), a.push(u);
|
|
2119
2141
|
}
|
|
2120
2142
|
return () => {
|
|
2121
|
-
for (const
|
|
2122
|
-
e.removeEventListener("time-update",
|
|
2143
|
+
for (const l of a)
|
|
2144
|
+
e.removeEventListener("time-update", l);
|
|
2145
|
+
e.removeEventListener("seeked", r);
|
|
2123
2146
|
};
|
|
2124
|
-
}, [n, e]);
|
|
2147
|
+
}, [n, e, i]);
|
|
2125
2148
|
}
|
|
2126
2149
|
function ti() {
|
|
2127
2150
|
return ei(), null;
|
|
@@ -2133,84 +2156,84 @@ function ui({
|
|
|
2133
2156
|
playerRef: n,
|
|
2134
2157
|
src: o,
|
|
2135
2158
|
captions: i = [],
|
|
2136
|
-
thumbnail:
|
|
2137
|
-
hideFullScreen:
|
|
2138
|
-
comments:
|
|
2139
|
-
locale:
|
|
2159
|
+
thumbnail: s,
|
|
2160
|
+
hideFullScreen: a = !1,
|
|
2161
|
+
comments: r = [],
|
|
2162
|
+
locale: l = "en",
|
|
2140
2163
|
annotations: u = [],
|
|
2141
|
-
quizMarkers:
|
|
2142
|
-
interactive:
|
|
2143
|
-
onAnnotationClick:
|
|
2164
|
+
quizMarkers: d = [],
|
|
2165
|
+
interactive: b = !1,
|
|
2166
|
+
onAnnotationClick: w = ne,
|
|
2144
2167
|
onQuizMarkerClick: k = ne,
|
|
2145
|
-
onQuizMarkerShow:
|
|
2168
|
+
onQuizMarkerShow: y = ne,
|
|
2146
2169
|
onInteractivePinClick: N = ne,
|
|
2147
|
-
interactiveMenuElements:
|
|
2148
|
-
kebabMenuElements:
|
|
2170
|
+
interactiveMenuElements: h = [],
|
|
2171
|
+
kebabMenuElements: g = [],
|
|
2149
2172
|
darkMode: P = !1,
|
|
2150
2173
|
autoLoadCaptionSrc: T = "",
|
|
2151
2174
|
forceComments: Z = !1,
|
|
2152
|
-
disableCaptionSettings:
|
|
2175
|
+
disableCaptionSettings: V = !1,
|
|
2153
2176
|
disableStorage: Y = !1,
|
|
2154
2177
|
startAt: X,
|
|
2155
|
-
crossOrigin:
|
|
2178
|
+
crossOrigin: se,
|
|
2156
2179
|
captionOffsetOverride: Ye,
|
|
2157
2180
|
disableInteractivePinRanges: Xe = []
|
|
2158
2181
|
}) {
|
|
2159
|
-
const { contextValue:
|
|
2160
|
-
|
|
2182
|
+
const { contextValue: ae, shortcuts: Je, storage: et } = Qo(
|
|
2183
|
+
a,
|
|
2161
2184
|
Z,
|
|
2162
|
-
|
|
2185
|
+
V,
|
|
2163
2186
|
X
|
|
2164
|
-
), { i18n:
|
|
2187
|
+
), { i18n: we } = C();
|
|
2165
2188
|
O(() => {
|
|
2166
|
-
|
|
2167
|
-
}, [
|
|
2168
|
-
const [
|
|
2169
|
-
ht(R) ?
|
|
2189
|
+
we.changeLanguage(l);
|
|
2190
|
+
}, [we, l]);
|
|
2191
|
+
const [ye, ke] = L("none"), tt = _((R) => {
|
|
2192
|
+
ht(R) ? ke("audio") : pt(R) && ke("video");
|
|
2170
2193
|
}, []);
|
|
2171
2194
|
return /* @__PURE__ */ t(
|
|
2172
2195
|
kt,
|
|
2173
2196
|
{
|
|
2174
|
-
hideFullScreen:
|
|
2175
|
-
comments:
|
|
2197
|
+
hideFullScreen: a,
|
|
2198
|
+
comments: r,
|
|
2176
2199
|
captions: i,
|
|
2177
|
-
thumbnail:
|
|
2200
|
+
thumbnail: s,
|
|
2178
2201
|
annotations: u,
|
|
2179
|
-
quizMarkers:
|
|
2180
|
-
interactive:
|
|
2181
|
-
onAnnotationClick:
|
|
2202
|
+
quizMarkers: d,
|
|
2203
|
+
interactive: b,
|
|
2204
|
+
onAnnotationClick: w,
|
|
2182
2205
|
onQuizMarkerClick: k,
|
|
2183
2206
|
onInteractivePinClick: N,
|
|
2184
|
-
interactiveMenuElements:
|
|
2185
|
-
kebabMenuElements:
|
|
2207
|
+
interactiveMenuElements: h,
|
|
2208
|
+
kebabMenuElements: g,
|
|
2186
2209
|
darkMode: P,
|
|
2187
2210
|
forceComments: Z,
|
|
2188
|
-
disableCaptionSettings:
|
|
2211
|
+
disableCaptionSettings: V,
|
|
2189
2212
|
disableStorage: Y,
|
|
2190
2213
|
captionOffsetOverride: Ye,
|
|
2191
2214
|
disableInteractivePinRanges: Xe,
|
|
2192
|
-
onQuizMarkerShow:
|
|
2193
|
-
children: /* @__PURE__ */ t(yt, { contextValue:
|
|
2215
|
+
onQuizMarkerShow: y,
|
|
2216
|
+
children: /* @__PURE__ */ t(yt, { contextValue: ae, children: /* @__PURE__ */ c(
|
|
2194
2217
|
_t,
|
|
2195
2218
|
{
|
|
2196
|
-
crossOrigin:
|
|
2219
|
+
crossOrigin: se,
|
|
2197
2220
|
storage: Y ? null : et,
|
|
2198
2221
|
title: e,
|
|
2199
2222
|
src: o,
|
|
2200
2223
|
keyShortcuts: Je,
|
|
2201
2224
|
playsInline: !0,
|
|
2202
|
-
keyDisabled:
|
|
2225
|
+
keyDisabled: ae.state.interactionsDisabled || ae.state.globalKeysDisabled,
|
|
2203
2226
|
onTextTracksChange: (R) => {
|
|
2204
|
-
const
|
|
2227
|
+
const Le = R == null ? void 0 : R.findIndex(
|
|
2205
2228
|
(nt) => nt.src === T
|
|
2206
2229
|
);
|
|
2207
|
-
|
|
2230
|
+
Le > -1 && (R[Le].mode = "showing");
|
|
2208
2231
|
},
|
|
2209
2232
|
onProviderSetup: tt,
|
|
2210
2233
|
children: [
|
|
2211
|
-
/* @__PURE__ */ c(
|
|
2212
|
-
|
|
2213
|
-
|
|
2234
|
+
/* @__PURE__ */ c(ft, { className: Wo.mediaProvider, children: [
|
|
2235
|
+
ye === "audio" && /* @__PURE__ */ t(Xo, {}),
|
|
2236
|
+
ye === "video" && /* @__PURE__ */ t(jo, {})
|
|
2214
2237
|
] }),
|
|
2215
2238
|
/* @__PURE__ */ t(O1, {}),
|
|
2216
2239
|
/* @__PURE__ */ t(
|
|
@@ -2218,11 +2241,11 @@ function ui({
|
|
|
2218
2241
|
{
|
|
2219
2242
|
darkMode: P,
|
|
2220
2243
|
playerRef: n,
|
|
2221
|
-
showCaptionsButton: !
|
|
2244
|
+
showCaptionsButton: !V
|
|
2222
2245
|
}
|
|
2223
2246
|
),
|
|
2224
2247
|
/* @__PURE__ */ t(Pt, { annotations: u }),
|
|
2225
|
-
!!
|
|
2248
|
+
!!d.length && /* @__PURE__ */ t(ti, {})
|
|
2226
2249
|
]
|
|
2227
2250
|
}
|
|
2228
2251
|
) })
|