@instructure/studio-player 0.2.2 → 0.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/StudioPlayer/StudioPlayer.d.ts +4 -4
- package/dist/StudioPlayer/test/annotations.d.ts +1 -1
- package/dist/StudioPlayer/test/captions.d.ts +1 -1
- package/dist/StudioPlayer/test/comments.d.ts +1 -1
- package/dist/StudioPlayer/test/quizmarkers.d.ts +1 -1
- package/dist/en-DRnzP2ly.js +91 -0
- package/dist/kl-DAr1HilW.js +91 -0
- package/dist/studio-player.es.js +517 -510
- package/dist/types.d.ts +1 -1
- package/package.json +36 -36
- package/dist/en-DFSgRHa0.js +0 -91
- package/dist/kl-dmbsz-te.js +0 -91
- /package/dist/{index-CMD6Esae.css → index-aLp7_0kW.css} +0 -0
package/dist/studio-player.es.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import './index-
|
|
2
|
-
var
|
|
3
|
-
var N = (e, n, o) =>
|
|
1
|
+
import './index-aLp7_0kW.css';var Be = Object.defineProperty;
|
|
2
|
+
var Re = (e, n, o) => n in e ? Be(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o;
|
|
3
|
+
var N = (e, n, o) => Re(e, typeof n != "symbol" ? n + "" : n, o);
|
|
4
4
|
import { jsx as t, jsxs as s, Fragment as J } from "react/jsx-runtime";
|
|
5
|
-
import { createContext as X, useContext as
|
|
6
|
-
import { useMediaPlayer as
|
|
7
|
-
import { initReactI18next as
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import { useFloating as
|
|
11
|
-
const
|
|
5
|
+
import { createContext as X, useContext as w, useState as P, useCallback as f, useEffect as R, useMemo as Z, useRef as de } from "react";
|
|
6
|
+
import { useMediaPlayer as U, Spinner as G, useMediaRemote as q, useMediaState as v, isTrackCaptionKind as Ae, Track as Ee, Captions as Oe, usePlaybackRateOptions as Fe, useCaptionOptions as Ze, useVideoQualityOptions as $e, useMediaStore as me, FullscreenButton as he, PlayButton as ze, Poster as Ke, Time as ie, TimeSlider as E, MuteButton as De, VolumeSlider as K, MediaPlayer as je, MediaProvider as Ue } from "@vidstack/react";
|
|
7
|
+
import { initReactI18next as qe, useTranslation as C } from "react-i18next";
|
|
8
|
+
import We from "i18next";
|
|
9
|
+
import Ge from "i18next-resources-to-backend";
|
|
10
|
+
import { useFloating as pe, autoUpdate as _e, flip as fe, arrow as ve, useDismiss as be, useInteractions as Ce, FloatingFocusManager as Qe, FloatingArrow as ge, shift as Ye, offset as Je } from "@floating-ui/react";
|
|
11
|
+
const Xe = (e, n, o) => {
|
|
12
12
|
const i = e[n];
|
|
13
13
|
return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((a, c) => {
|
|
14
14
|
(typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
|
|
@@ -21,9 +21,9 @@ const tt = (e, n, o) => {
|
|
|
21
21
|
);
|
|
22
22
|
});
|
|
23
23
|
};
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
(e) =>
|
|
24
|
+
We.use(qe).use(
|
|
25
|
+
Ge(
|
|
26
|
+
(e) => Xe(/* @__PURE__ */ Object.assign({ "./locales/en.json": () => import("./en-DRnzP2ly.js"), "./locales/kl.json": () => import("./kl-DAr1HilW.js") }), `./locales/${e}.json`, 3)
|
|
27
27
|
)
|
|
28
28
|
).init({
|
|
29
29
|
fallbackLng: "en",
|
|
@@ -34,23 +34,23 @@ Qe.use(Ge).use(
|
|
|
34
34
|
escapeValue: !1
|
|
35
35
|
}
|
|
36
36
|
});
|
|
37
|
-
const
|
|
38
|
-
function
|
|
37
|
+
const ke = X(null);
|
|
38
|
+
function et({
|
|
39
39
|
children: e,
|
|
40
40
|
contextValue: n
|
|
41
41
|
}) {
|
|
42
|
-
return /* @__PURE__ */ t(
|
|
42
|
+
return /* @__PURE__ */ t(ke.Provider, { value: n, children: e });
|
|
43
43
|
}
|
|
44
|
-
function
|
|
45
|
-
const e =
|
|
44
|
+
function g() {
|
|
45
|
+
const e = w(ke);
|
|
46
46
|
if (!e)
|
|
47
47
|
throw new Error(
|
|
48
48
|
"useStudioPlayerContext must be used within a StudioPlayerContextProvider"
|
|
49
49
|
);
|
|
50
50
|
return e;
|
|
51
51
|
}
|
|
52
|
-
const
|
|
53
|
-
function
|
|
52
|
+
const ye = X(null);
|
|
53
|
+
function tt({
|
|
54
54
|
hideFullScreen: e,
|
|
55
55
|
comments: n,
|
|
56
56
|
annotations: o,
|
|
@@ -59,9 +59,9 @@ function ot({
|
|
|
59
59
|
onAnnotationClick: c,
|
|
60
60
|
onQuizMarkerClick: l,
|
|
61
61
|
onInteractivePinClick: u,
|
|
62
|
-
interactiveMenuElements:
|
|
63
|
-
darkMode:
|
|
64
|
-
children:
|
|
62
|
+
interactiveMenuElements: h,
|
|
63
|
+
darkMode: p,
|
|
64
|
+
children: b
|
|
65
65
|
}) {
|
|
66
66
|
const d = {
|
|
67
67
|
hideFullScreen: e,
|
|
@@ -72,90 +72,96 @@ function ot({
|
|
|
72
72
|
onAnnotationClick: c,
|
|
73
73
|
onQuizMarkerClick: l,
|
|
74
74
|
onInteractivePinClick: u,
|
|
75
|
-
interactiveMenuElements:
|
|
76
|
-
darkMode:
|
|
75
|
+
interactiveMenuElements: h,
|
|
76
|
+
darkMode: p,
|
|
77
77
|
hasComments: n.length > 0,
|
|
78
78
|
hasAnnotations: o.length > 0,
|
|
79
79
|
hasQuizmarkers: i.length > 0
|
|
80
80
|
};
|
|
81
|
-
return /* @__PURE__ */ t(
|
|
81
|
+
return /* @__PURE__ */ t(ye.Provider, { value: d, children: b });
|
|
82
82
|
}
|
|
83
|
-
function
|
|
84
|
-
const e =
|
|
83
|
+
function I() {
|
|
84
|
+
const e = w(ye);
|
|
85
85
|
if (!e)
|
|
86
86
|
throw new Error(
|
|
87
87
|
"useStudioPlayerPropsContext must be used within a StudioPlayerPropsContextProvider"
|
|
88
88
|
);
|
|
89
89
|
return e;
|
|
90
90
|
}
|
|
91
|
-
const
|
|
91
|
+
const nt = "_annotation-overlay_1kxzn_1", ot = {
|
|
92
92
|
"annotation-overlay": "_annotation-overlay_1kxzn_1",
|
|
93
|
-
annotationOverlay:
|
|
94
|
-
},
|
|
93
|
+
annotationOverlay: nt
|
|
94
|
+
}, ae = 0.25, it = (e, n) => {
|
|
95
95
|
let o = !1;
|
|
96
96
|
return (i) => {
|
|
97
97
|
const a = i.detail.currentTime;
|
|
98
|
-
a >= e.time && a < e.time +
|
|
98
|
+
a >= e.time && a < e.time + ae && !o && (o = !0, n(e)), (a < e.time || a >= e.time + ae) && o && (o = !1);
|
|
99
99
|
};
|
|
100
100
|
};
|
|
101
|
-
function
|
|
102
|
-
const n =
|
|
101
|
+
function at({ annotations: e }) {
|
|
102
|
+
const n = U(), o = g(), i = I(), [a, c] = P(
|
|
103
103
|
null
|
|
104
|
-
),
|
|
105
|
-
(
|
|
106
|
-
n == null || n.pause(), o.disableInteractions(),
|
|
104
|
+
), l = f(
|
|
105
|
+
(h) => {
|
|
106
|
+
n == null || n.pause(), i.interactive || o.disableInteractions(), c(h);
|
|
107
107
|
},
|
|
108
108
|
[n, o]
|
|
109
|
-
),
|
|
110
|
-
n == null || n.play(),
|
|
109
|
+
), u = () => {
|
|
110
|
+
i.interactive || (n == null || n.play(), o.enableInteractions()), c(null);
|
|
111
111
|
};
|
|
112
|
-
return
|
|
112
|
+
return R(() => {
|
|
113
113
|
if (!n)
|
|
114
114
|
return;
|
|
115
|
-
const
|
|
116
|
-
for (const
|
|
117
|
-
const
|
|
118
|
-
n.addEventListener("time-update",
|
|
115
|
+
const h = [];
|
|
116
|
+
for (const p of e) {
|
|
117
|
+
const b = it(p, l);
|
|
118
|
+
n.addEventListener("time-update", b), h.push(b);
|
|
119
|
+
}
|
|
120
|
+
if (a) {
|
|
121
|
+
const p = e.find(
|
|
122
|
+
(b) => b.id === a.id
|
|
123
|
+
);
|
|
124
|
+
p ? c(p) : (c(null), o.enableInteractions());
|
|
119
125
|
}
|
|
120
126
|
return () => {
|
|
121
|
-
for (const
|
|
122
|
-
n.removeEventListener("time-update",
|
|
127
|
+
for (const p of h)
|
|
128
|
+
n.removeEventListener("time-update", p);
|
|
123
129
|
};
|
|
124
|
-
}, [n, e]),
|
|
130
|
+
}, [n, e]), a ? /* @__PURE__ */ t("div", { className: ot.annotationOverlay, children: a.render(u) }) : null;
|
|
125
131
|
}
|
|
126
|
-
const
|
|
132
|
+
const st = "_media-buffering-indicator_1fwjr_1", ct = "_media-buffering-spinner_1fwjr_17", lt = "_media-buffering-spin_1fwjr_17", rt = "_media-buffering-track_1fwjr_22", ut = "_media-buffering-track-fill_1fwjr_27", D = {
|
|
127
133
|
"media-buffering-indicator": "_media-buffering-indicator_1fwjr_1",
|
|
128
|
-
mediaBufferingIndicator:
|
|
134
|
+
mediaBufferingIndicator: st,
|
|
129
135
|
"media-buffering-spinner": "_media-buffering-spinner_1fwjr_17",
|
|
130
|
-
mediaBufferingSpinner:
|
|
136
|
+
mediaBufferingSpinner: ct,
|
|
131
137
|
"media-buffering-spin": "_media-buffering-spin_1fwjr_17",
|
|
132
|
-
mediaBufferingSpin:
|
|
138
|
+
mediaBufferingSpin: lt,
|
|
133
139
|
"media-buffering-track": "_media-buffering-track_1fwjr_22",
|
|
134
|
-
mediaBufferingTrack:
|
|
140
|
+
mediaBufferingTrack: rt,
|
|
135
141
|
"media-buffering-track-fill": "_media-buffering-track-fill_1fwjr_27",
|
|
136
|
-
mediaBufferingTrackFill:
|
|
142
|
+
mediaBufferingTrackFill: ut
|
|
137
143
|
};
|
|
138
|
-
function
|
|
139
|
-
return /* @__PURE__ */ t("div", { className:
|
|
140
|
-
/* @__PURE__ */ t(G.Track, { className:
|
|
144
|
+
function dt() {
|
|
145
|
+
return /* @__PURE__ */ t("div", { className: D.mediaBufferingIndicator, children: /* @__PURE__ */ s(G.Root, { className: D.mediaBufferingSpinner, size: 96, children: [
|
|
146
|
+
/* @__PURE__ */ t(G.Track, { className: D.mediaBufferingTrack, width: 8 }),
|
|
141
147
|
/* @__PURE__ */ t(
|
|
142
148
|
G.TrackFill,
|
|
143
149
|
{
|
|
144
|
-
className:
|
|
150
|
+
className: D.mediaBufferingTrackFill,
|
|
145
151
|
width: 8
|
|
146
152
|
}
|
|
147
153
|
)
|
|
148
154
|
] }) });
|
|
149
155
|
}
|
|
150
|
-
const
|
|
156
|
+
const we = (e) => /* @__PURE__ */ s("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
|
|
151
157
|
/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_149_104418", children: /* @__PURE__ */ t("rect", { width: 24, height: 24, fill: "white" }) }) }),
|
|
152
158
|
/* @__PURE__ */ t("g", { clipPath: "url(#clip0_149_104418)", children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22.5 21.8125V2.3125C22.5 1.9 22.1625 1.5625 21.75 1.5625H2.25C1.8375 1.5625 1.5 1.9 1.5 2.3125V21.8125C1.5 22.225 1.8375 22.5625 2.25 22.5625H21.75C22.1625 22.5625 22.5 22.225 22.5 21.8125ZM21.75 0.0625C22.9905 0.0625 24 1.072 24 2.3125V21.8125C24 23.053 22.9905 24.0625 21.75 24.0625H2.25C1.0095 24.0625 0 23.053 0 21.8125V2.3125C0 1.072 1.0095 0.0625 2.25 0.0625H21.75ZM10.744 10.6709H8.74403V10.0042H6.07736V14.0042H8.74403V13.3375H10.744V14.6709C10.744 15.4042 10.144 16.0042 9.41069 16.0042H5.41069C4.67736 16.0042 4.07736 15.4042 4.07736 14.6709V9.33753C4.07736 8.6042 4.67736 8.0042 5.41069 8.0042H9.41069C10.144 8.0042 10.744 8.6042 10.744 9.33753V10.6709ZM19.8065 10.6709H17.8065V10.0042H15.1399V14.0042H17.8065V13.3375H19.8065V14.6709C19.8065 15.4042 19.2065 16.0042 18.4732 16.0042H14.4732C13.7399 16.0042 13.1399 15.4042 13.1399 14.6709V9.33753C13.1399 8.6042 13.7399 8.0042 14.4732 8.0042H18.4732C19.2065 8.0042 19.8065 8.6042 19.8065 9.33753V10.6709Z", fill: "currentColor" }) })
|
|
153
|
-
] }),
|
|
159
|
+
] }), Le = (e) => /* @__PURE__ */ s("svg", { width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
|
|
154
160
|
/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_149_104406", children: /* @__PURE__ */ t("rect", { width: 24, height: 24, fill: "white" }) }) }),
|
|
155
161
|
/* @__PURE__ */ t("g", { clipPath: "url(#clip0_149_104406)", children: /* @__PURE__ */ t("path", { d: "M21.3333 0H2.66666C1.18666 0 0 1.35 0 3V21C0 22.65 1.18666 24 2.66666 24H21.3333C22.8 24 24 22.65 24 21V3C24 1.35 22.8 0 21.3333 0ZM10.6667 10.6667H8.66666V10H6V14H8.66666V13.3333H10.6667V14.6667C10.6667 15.4 10.0667 16 9.33334 16H5.33334C4.6 16 4 15.4 4 14.6667V9.33334C4 8.6 4.6 8 5.33334 8H9.33334C10.0667 8 10.6667 8.6 10.6667 9.33334V10.6667ZM20.0042 10.6667H18.0042V10H15.3375V14H18.0042V13.3333H20.0042V14.6667C20.0042 15.4 19.4042 16 18.6708 16H14.6708C13.9375 16 13.3375 15.4 13.3375 14.6667V9.33334C13.3375 8.6 13.9375 8 14.6708 8H18.6708C19.4042 8 20.0042 8.6 20.0042 9.33334V10.6667Z", fill: "currentColor" }) })
|
|
156
162
|
] });
|
|
157
|
-
function
|
|
158
|
-
const e =
|
|
163
|
+
function mt() {
|
|
164
|
+
const e = q(), n = v("textTrack"), o = v("hasCaptions"), i = n && Ae(n), a = g(), c = f(
|
|
159
165
|
(l) => {
|
|
160
166
|
e.toggleCaptions(l.nativeEvent);
|
|
161
167
|
},
|
|
@@ -169,18 +175,18 @@ function _t() {
|
|
|
169
175
|
onClick: c,
|
|
170
176
|
"aria-label": "Captions",
|
|
171
177
|
tabIndex: a.state.interactionsDisabled ? -1 : 0,
|
|
172
|
-
children: i ? /* @__PURE__ */ t(
|
|
178
|
+
children: i ? /* @__PURE__ */ t(Le, { className: "controls-button-icon" }) : /* @__PURE__ */ t(we, { className: "controls-button-icon" })
|
|
173
179
|
}
|
|
174
180
|
) : null;
|
|
175
181
|
}
|
|
176
|
-
const
|
|
177
|
-
captions:
|
|
182
|
+
const ht = "_captions_13epz_1", pt = {
|
|
183
|
+
captions: ht
|
|
178
184
|
};
|
|
179
|
-
function
|
|
180
|
-
const n =
|
|
185
|
+
function _t({ captions: e }) {
|
|
186
|
+
const n = v("hasCaptions"), o = g();
|
|
181
187
|
return /* @__PURE__ */ s(J, { children: [
|
|
182
188
|
e.map((i) => /* @__PURE__ */ t(
|
|
183
|
-
|
|
189
|
+
Ee,
|
|
184
190
|
{
|
|
185
191
|
kind: "subtitles",
|
|
186
192
|
type: i.type,
|
|
@@ -200,14 +206,14 @@ function vt({ captions: e }) {
|
|
|
200
206
|
"--captions-color": o.state.captionsInvertColors ? "rgba(22, 22, 22)" : "white",
|
|
201
207
|
"--captions-background-color": o.state.captionsInvertColors ? "rgba(255, 255, 255, 0.75)" : "rgba(22, 22, 22, 0.75)"
|
|
202
208
|
},
|
|
203
|
-
children: /* @__PURE__ */ t(
|
|
209
|
+
children: /* @__PURE__ */ t(Oe, { className: pt.captions })
|
|
204
210
|
}
|
|
205
211
|
) : null
|
|
206
212
|
] });
|
|
207
213
|
}
|
|
208
|
-
const
|
|
214
|
+
const V = [0.5, 0.75, 1, 1.25, 1.5, 2], ft = [0.5, 1, 2, 3, 4], Pe = 5, vt = (e) => {
|
|
209
215
|
const [, n] = P({});
|
|
210
|
-
return
|
|
216
|
+
return Z(() => {
|
|
211
217
|
let o = [];
|
|
212
218
|
return {
|
|
213
219
|
add(i) {
|
|
@@ -221,20 +227,20 @@ const S = [0.5, 0.75, 1, 1.25, 1.5, 2], bt = [0.5, 1, 2, 3, 4], xe = 5, Ct = (e)
|
|
|
221
227
|
}
|
|
222
228
|
};
|
|
223
229
|
}, []);
|
|
224
|
-
},
|
|
230
|
+
}, bt = (e, n, o) => {
|
|
225
231
|
let i = !1;
|
|
226
232
|
return (a) => {
|
|
227
233
|
const c = a.detail.currentTime;
|
|
228
234
|
c >= e.timestamp && c < e.timestamp + n && !i && (o.add(e), i = !0), (c < e.timestamp || c >= e.timestamp + n) && i && (o.remove(e), i = !1);
|
|
229
235
|
};
|
|
230
|
-
},
|
|
231
|
-
const o =
|
|
232
|
-
return
|
|
236
|
+
}, Ct = (e, n = 5) => {
|
|
237
|
+
const o = U(), i = vt(n);
|
|
238
|
+
return R(() => {
|
|
233
239
|
if (!o)
|
|
234
240
|
return;
|
|
235
241
|
const a = [];
|
|
236
242
|
for (const c of e) {
|
|
237
|
-
const l =
|
|
243
|
+
const l = bt(c, Pe, i);
|
|
238
244
|
a.push(l), o.addEventListener("time-update", l);
|
|
239
245
|
}
|
|
240
246
|
return () => {
|
|
@@ -242,96 +248,99 @@ const S = [0.5, 0.75, 1, 1.25, 1.5, 2], bt = [0.5, 1, 2, 3, 4], xe = 5, Ct = (e)
|
|
|
242
248
|
o.removeEventListener("time-update", c);
|
|
243
249
|
};
|
|
244
250
|
}, [o, i, e]), i;
|
|
245
|
-
},
|
|
251
|
+
}, gt = "_comments-overlay_agbjl_1", kt = "_comments-container_agbjl_9", yt = "_comment_agbjl_1", wt = "_comment-text_agbjl_44", Lt = "_comment-author-avatar_agbjl_67", Pt = "_comment-author-name_agbjl_86", B = {
|
|
246
252
|
"comments-overlay": "_comments-overlay_agbjl_1",
|
|
247
|
-
commentsOverlay:
|
|
253
|
+
commentsOverlay: gt,
|
|
248
254
|
"comments-container": "_comments-container_agbjl_9",
|
|
249
|
-
commentsContainer:
|
|
250
|
-
comment:
|
|
255
|
+
commentsContainer: kt,
|
|
256
|
+
comment: yt,
|
|
251
257
|
"comment-text": "_comment-text_agbjl_44",
|
|
252
|
-
commentText:
|
|
258
|
+
commentText: wt,
|
|
253
259
|
"comment-author-avatar": "_comment-author-avatar_agbjl_67",
|
|
254
|
-
commentAuthorAvatar:
|
|
260
|
+
commentAuthorAvatar: Lt,
|
|
255
261
|
"comment-author-name": "_comment-author-name_agbjl_86",
|
|
256
|
-
commentAuthorName:
|
|
262
|
+
commentAuthorName: Pt
|
|
257
263
|
};
|
|
258
|
-
function
|
|
259
|
-
return /* @__PURE__ */ s("div", { className:
|
|
264
|
+
function Nt({ comment: e }) {
|
|
265
|
+
return /* @__PURE__ */ s("div", { className: B.comment, onClick: e.onClick, children: [
|
|
260
266
|
/* @__PURE__ */ t(
|
|
261
267
|
"img",
|
|
262
268
|
{
|
|
263
|
-
className:
|
|
269
|
+
className: B.commentAuthorAvatar,
|
|
264
270
|
src: e.user.avatar,
|
|
265
271
|
alt: e.user.name
|
|
266
272
|
}
|
|
267
273
|
),
|
|
268
|
-
/* @__PURE__ */ t("span", { className:
|
|
269
|
-
/* @__PURE__ */ t("span", { className:
|
|
274
|
+
/* @__PURE__ */ t("span", { className: B.commentText, children: e.text }),
|
|
275
|
+
/* @__PURE__ */ t("span", { className: B.commentAuthorName, children: e.user.name })
|
|
270
276
|
] });
|
|
271
277
|
}
|
|
272
|
-
const
|
|
273
|
-
function
|
|
274
|
-
const n =
|
|
278
|
+
const xt = 5;
|
|
279
|
+
function Mt({ comments: e }) {
|
|
280
|
+
const n = g(), o = Ct(e, xt), i = !!v("textTrack"), a = o.map((c) => /* @__PURE__ */ t(Nt, { comment: c }, c.id));
|
|
275
281
|
return e.length > 0 && n.state.commentsEnabled ? /* @__PURE__ */ t(
|
|
276
282
|
"div",
|
|
277
283
|
{
|
|
278
|
-
className:
|
|
284
|
+
className: B.commentsOverlay,
|
|
279
285
|
style: {
|
|
280
286
|
flexDirection: n.state.captionPositionOnTop && i ? "column-reverse" : "column"
|
|
281
287
|
},
|
|
282
|
-
children: /* @__PURE__ */ t("div", { className:
|
|
288
|
+
children: /* @__PURE__ */ t("div", { className: B.commentsContainer, children: i ? a.slice(-4) : a })
|
|
283
289
|
}
|
|
284
290
|
) : null;
|
|
285
291
|
}
|
|
286
|
-
const It = "_root_fph0z_1",
|
|
292
|
+
const It = "_root_fph0z_1", Tt = "_left-controls_fph0z_28", St = "_right-controls_fph0z_34", Ht = "_indicators_fph0z_40", Vt = "_normal-timeline_fph0z_49", Bt = "_compact-timeline_fph0z_55", H = {
|
|
287
293
|
root: It,
|
|
288
294
|
"left-controls": "_left-controls_fph0z_28",
|
|
289
|
-
leftControls:
|
|
295
|
+
leftControls: Tt,
|
|
290
296
|
"right-controls": "_right-controls_fph0z_34",
|
|
291
|
-
rightControls:
|
|
292
|
-
indicators:
|
|
297
|
+
rightControls: St,
|
|
298
|
+
indicators: Ht,
|
|
293
299
|
"normal-timeline": "_normal-timeline_fph0z_49",
|
|
294
|
-
normalTimeline:
|
|
300
|
+
normalTimeline: Vt,
|
|
295
301
|
"compact-timeline": "_compact-timeline_fph0z_55",
|
|
296
|
-
compactTimeline:
|
|
302
|
+
compactTimeline: Bt
|
|
297
303
|
};
|
|
298
|
-
function
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
+
function Rt({ darkMode: e, playerRef: n }) {
|
|
305
|
+
const o = U();
|
|
306
|
+
return R(() => {
|
|
307
|
+
o && (o.remoteControl.pauseControls(), n && (n.current = o));
|
|
308
|
+
}, [o, n]), /* @__PURE__ */ s("div", { "data-darkmode": e, className: H.root, children: [
|
|
309
|
+
/* @__PURE__ */ t(le, { className: H.normalTimeline }),
|
|
310
|
+
/* @__PURE__ */ s("div", { className: H.leftControls, children: [
|
|
311
|
+
/* @__PURE__ */ t(to, {}),
|
|
312
|
+
/* @__PURE__ */ t(ai, {})
|
|
304
313
|
] }),
|
|
305
|
-
/* @__PURE__ */ t("div", { className:
|
|
306
|
-
/* @__PURE__ */ t(
|
|
307
|
-
/* @__PURE__ */ s("div", { className:
|
|
308
|
-
/* @__PURE__ */ t(
|
|
309
|
-
/* @__PURE__ */ t(
|
|
310
|
-
/* @__PURE__ */ t(
|
|
314
|
+
/* @__PURE__ */ t("div", { className: H.indicators, children: /* @__PURE__ */ t(_o, {}) }),
|
|
315
|
+
/* @__PURE__ */ t(le, { className: H.compactTimeline }),
|
|
316
|
+
/* @__PURE__ */ s("div", { className: H.rightControls, children: [
|
|
317
|
+
/* @__PURE__ */ t(mt, {}),
|
|
318
|
+
/* @__PURE__ */ t(xn, {}),
|
|
319
|
+
/* @__PURE__ */ t(Kn, {})
|
|
311
320
|
] })
|
|
312
321
|
] });
|
|
313
322
|
}
|
|
314
|
-
const
|
|
323
|
+
const L = X(null), At = (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" }) }), Et = "_menu-hint_k49ve_1", Ot = "_menu-button_k49ve_5", Ft = "_menu-label_k49ve_37", Zt = "_menu-icon_k49ve_42", j = {
|
|
315
324
|
"menu-hint": "_menu-hint_k49ve_1",
|
|
316
|
-
menuHint:
|
|
325
|
+
menuHint: Et,
|
|
317
326
|
"menu-button": "_menu-button_k49ve_5",
|
|
318
|
-
menuButton:
|
|
327
|
+
menuButton: Ot,
|
|
319
328
|
"menu-label": "_menu-label_k49ve_37",
|
|
320
|
-
menuLabel:
|
|
329
|
+
menuLabel: Ft,
|
|
321
330
|
"menu-icon": "_menu-icon_k49ve_42",
|
|
322
|
-
menuIcon:
|
|
331
|
+
menuIcon: Zt
|
|
323
332
|
};
|
|
324
333
|
function $({ label: e, hint: n, onClick: o, Icon: i }) {
|
|
325
|
-
return /* @__PURE__ */ s("button", { type: "button", className:
|
|
326
|
-
i && /* @__PURE__ */ t(i, { className:
|
|
327
|
-
/* @__PURE__ */ t("span", { className:
|
|
328
|
-
/* @__PURE__ */ t("span", { className:
|
|
329
|
-
/* @__PURE__ */ t(
|
|
334
|
+
return /* @__PURE__ */ s("button", { type: "button", className: j.menuButton, onClick: o, children: [
|
|
335
|
+
i && /* @__PURE__ */ t(i, { className: j.menuIcon }),
|
|
336
|
+
/* @__PURE__ */ t("span", { className: j.menuLabel, children: e }),
|
|
337
|
+
/* @__PURE__ */ t("span", { className: j.menuHint, children: n }),
|
|
338
|
+
/* @__PURE__ */ t(At, {})
|
|
330
339
|
] });
|
|
331
340
|
}
|
|
332
|
-
const
|
|
333
|
-
function
|
|
334
|
-
const e =
|
|
341
|
+
const $t = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.42229 2.82911C4.71149 1.83006 6.23876 1.19768 7.8383 1L7.96797 2.05432C6.55867 2.22862 5.21101 2.7866 4.07273 3.66874L3.42229 2.82911ZM5.44493 6.71393L9.49745 10.7665L17.0924 3.1705L17.8438 3.92297L9.49745 12.2693L4.69352 7.46534L5.44493 6.71393ZM17.932 8.83829C17.8618 8.27074 17.7364 7.70745 17.5589 7.16222L16.5482 7.49276C16.7055 7.97209 16.816 8.46843 16.8766 8.96689C16.917 9.29742 16.9372 9.6269 16.9372 9.96594C16.9372 10.305 16.917 10.6344 16.8777 10.9639C16.7033 12.3732 16.1454 13.7209 15.2632 14.8592L16.1029 15.5096C17.1019 14.2204 17.7343 12.6931 17.932 11.0925C17.9766 10.7205 18 10.3486 18 9.96594C18 9.58332 17.9766 9.21134 17.932 8.83829ZM1.05432 8.96795L0 8.83829C0.197684 7.23874 0.830061 5.71147 1.82911 4.42228L2.66874 5.07272C1.7866 6.211 1.22862 7.55865 1.05432 8.96795ZM0 11.0936C0.197684 12.6931 0.830061 14.2204 1.82911 15.5096L2.66874 14.8591C1.7866 13.7209 1.22862 12.3732 1.05432 10.9639L0 11.0936ZM10.0939 1.00011C11.6935 1.19673 13.2207 1.83017 14.5099 2.82922L13.8595 3.66884C12.7202 2.7867 11.3736 2.22872 9.96426 2.05442L10.0939 1.00011Z", fill: "currentColor" }) });
|
|
342
|
+
function zt() {
|
|
343
|
+
const e = w(L), n = v("playbackRate"), { t: o } = C(), i = f(() => {
|
|
335
344
|
e && e.setPage("speed");
|
|
336
345
|
}, [e]);
|
|
337
346
|
return e ? /* @__PURE__ */ t(
|
|
@@ -340,12 +349,12 @@ function Kt() {
|
|
|
340
349
|
label: o("PLAYBACK_SPEED"),
|
|
341
350
|
hint: `${n}x`,
|
|
342
351
|
onClick: i,
|
|
343
|
-
Icon:
|
|
352
|
+
Icon: $t
|
|
344
353
|
}
|
|
345
354
|
) : null;
|
|
346
355
|
}
|
|
347
|
-
function
|
|
348
|
-
const e =
|
|
356
|
+
function Kt() {
|
|
357
|
+
const e = w(L), n = v("hasCaptions"), o = v("textTrack"), { t: i } = C(), a = f(() => {
|
|
349
358
|
e && e.setPage("captions");
|
|
350
359
|
}, [e]);
|
|
351
360
|
return e && n ? /* @__PURE__ */ t(
|
|
@@ -354,11 +363,11 @@ function Dt() {
|
|
|
354
363
|
label: i("CAPTIONS"),
|
|
355
364
|
hint: (o == null ? void 0 : o.label) ?? i("OFF"),
|
|
356
365
|
onClick: a,
|
|
357
|
-
Icon:
|
|
366
|
+
Icon: we
|
|
358
367
|
}
|
|
359
368
|
) : null;
|
|
360
369
|
}
|
|
361
|
-
const
|
|
370
|
+
const Dt = (e) => /* @__PURE__ */ s("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
|
|
362
371
|
/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_412_23039", children: /* @__PURE__ */ t("rect", { width: 18, height: 18, fill: "white" }) }) }),
|
|
363
372
|
/* @__PURE__ */ s("g", { clipPath: "url(#clip0_412_23039)", children: [
|
|
364
373
|
/* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.46326 3.85039H0V2.65039H2.46326C2.7388 1.36449 3.88181 0.400391 5.24999 0.400391C6.61818 0.400391 7.76119 1.36449 8.03673 2.65039H18V3.85039H8.03673C7.76119 5.13629 6.61818 6.10039 5.24999 6.10039C3.88181 6.10039 2.7388 5.13629 2.46326 3.85039ZM3.59999 3.25039C3.59999 2.33912 4.33872 1.60039 5.24999 1.60039C6.16126 1.60039 6.89999 2.33912 6.89999 3.25039C6.89999 4.16166 6.16126 4.90039 5.24999 4.90039C4.33872 4.90039 3.59999 4.16166 3.59999 3.25039Z", fill: "currentColor" }),
|
|
@@ -366,8 +375,8 @@ const jt = (e) => /* @__PURE__ */ s("svg", { width: 18, height: 18, viewBox: "0
|
|
|
366
375
|
/* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.24999 17.6004C6.61818 17.6004 7.76119 16.6363 8.03673 15.3504H18V14.1504H8.03673C7.76119 12.8645 6.61818 11.9004 5.24999 11.9004C3.88181 11.9004 2.7388 12.8645 2.46326 14.1504H0V15.3504H2.46326C2.7388 16.6363 3.88181 17.6004 5.24999 17.6004ZM5.24999 13.1004C4.33872 13.1004 3.59999 13.8391 3.59999 14.7504C3.59999 15.6617 4.33872 16.4004 5.24999 16.4004C6.16126 16.4004 6.89999 15.6617 6.89999 14.7504C6.89999 13.8391 6.16126 13.1004 5.24999 13.1004Z", fill: "currentColor" })
|
|
367
376
|
] })
|
|
368
377
|
] });
|
|
369
|
-
function
|
|
370
|
-
const e =
|
|
378
|
+
function jt() {
|
|
379
|
+
const e = w(L), n = v("autoQuality"), o = v("quality"), { t: i } = C(), a = f(() => {
|
|
371
380
|
e && e.setPage("quality");
|
|
372
381
|
}, [e]);
|
|
373
382
|
return e && o ? /* @__PURE__ */ t(
|
|
@@ -376,31 +385,31 @@ function Ut() {
|
|
|
376
385
|
label: i("QUALITY"),
|
|
377
386
|
hint: n ? i("AUTO", { quality: o.height }) : `${o.height}p`,
|
|
378
387
|
onClick: a,
|
|
379
|
-
Icon:
|
|
388
|
+
Icon: Dt
|
|
380
389
|
}
|
|
381
390
|
) : null;
|
|
382
391
|
}
|
|
383
|
-
const
|
|
392
|
+
const Ut = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { 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" }) }), qt = (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" }) }), Wt = "_switch-track_vptv3_1", Gt = "_switch-thumb_vptv3_11", Qt = "_switch-icon_vptv3_25", Yt = "_switch-body_vptv3_31", Jt = "_switch-label_vptv3_68", Xt = "_menu-icon_vptv3_72", M = {
|
|
384
393
|
"switch-track": "_switch-track_vptv3_1",
|
|
385
|
-
switchTrack:
|
|
394
|
+
switchTrack: Wt,
|
|
386
395
|
"switch-thumb": "_switch-thumb_vptv3_11",
|
|
387
|
-
switchThumb:
|
|
396
|
+
switchThumb: Gt,
|
|
388
397
|
"switch-icon": "_switch-icon_vptv3_25",
|
|
389
|
-
switchIcon:
|
|
398
|
+
switchIcon: Qt,
|
|
390
399
|
"switch-body": "_switch-body_vptv3_31",
|
|
391
|
-
switchBody:
|
|
400
|
+
switchBody: Yt,
|
|
392
401
|
"switch-label": "_switch-label_vptv3_68",
|
|
393
|
-
switchLabel:
|
|
402
|
+
switchLabel: Jt,
|
|
394
403
|
"menu-icon": "_menu-icon_vptv3_72",
|
|
395
|
-
menuIcon:
|
|
404
|
+
menuIcon: Xt
|
|
396
405
|
};
|
|
397
|
-
function
|
|
406
|
+
function ee({
|
|
398
407
|
label: e,
|
|
399
408
|
checked: n = !1,
|
|
400
409
|
onClick: o,
|
|
401
410
|
Icon: i
|
|
402
411
|
}) {
|
|
403
|
-
const a =
|
|
412
|
+
const a = f(
|
|
404
413
|
(c) => {
|
|
405
414
|
(c.key === "Enter" || c.key === " ") && (o == null || o());
|
|
406
415
|
},
|
|
@@ -418,18 +427,18 @@ function te({
|
|
|
418
427
|
children: [
|
|
419
428
|
i && /* @__PURE__ */ t(i, { className: M.menuIcon }),
|
|
420
429
|
/* @__PURE__ */ t("span", { className: M.switchLabel, children: e }),
|
|
421
|
-
/* @__PURE__ */ t("div", { className: M.switchTrack, children: /* @__PURE__ */ t("div", { className: M.switchThumb, children: n ? /* @__PURE__ */ t(
|
|
430
|
+
/* @__PURE__ */ t("div", { className: M.switchTrack, children: /* @__PURE__ */ t("div", { className: M.switchThumb, children: n ? /* @__PURE__ */ t(Ut, { className: M.switchIcon }) : /* @__PURE__ */ t(qt, { className: M.switchIcon }) }) })
|
|
422
431
|
]
|
|
423
432
|
}
|
|
424
433
|
);
|
|
425
434
|
}
|
|
426
|
-
const
|
|
427
|
-
function
|
|
428
|
-
const { t: e } =
|
|
435
|
+
const en = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 0V12.7489H5.44V18L10.5007 12.7489H16.582V0H1ZM2 1H15.58V11.7339H9.98655L6.52667 15.25V11.7339H2V1ZM5.24963 5.35011H12.3323V4.24835H5.24963V5.35011ZM5.24963 8.18462H9.50067V7.08285H5.24963V8.18462Z", fill: "currentColor" }) });
|
|
436
|
+
function tn() {
|
|
437
|
+
const { t: e } = C(), n = I(), o = g();
|
|
429
438
|
return n.hasComments ? /* @__PURE__ */ t(
|
|
430
|
-
|
|
439
|
+
ee,
|
|
431
440
|
{
|
|
432
|
-
Icon:
|
|
441
|
+
Icon: en,
|
|
433
442
|
label: e("COMMENTS"),
|
|
434
443
|
onClick: o.toggleComments,
|
|
435
444
|
checked: o.state.commentsEnabled
|
|
@@ -437,7 +446,7 @@ function nn() {
|
|
|
437
446
|
) : null;
|
|
438
447
|
}
|
|
439
448
|
function T(e) {
|
|
440
|
-
|
|
449
|
+
R(() => {
|
|
441
450
|
const n = (o) => {
|
|
442
451
|
o.key === "Escape" && (e == null || e());
|
|
443
452
|
};
|
|
@@ -446,40 +455,40 @@ function T(e) {
|
|
|
446
455
|
};
|
|
447
456
|
}, []);
|
|
448
457
|
}
|
|
449
|
-
const
|
|
458
|
+
const nn = "_main-menu_7h96l_1", on = {
|
|
450
459
|
"main-menu": "_main-menu_7h96l_1",
|
|
451
|
-
mainMenu:
|
|
460
|
+
mainMenu: nn
|
|
452
461
|
};
|
|
453
|
-
function
|
|
454
|
-
const e =
|
|
455
|
-
return T(e == null ? void 0 : e.toggle), /* @__PURE__ */ s("div", { className:
|
|
462
|
+
function an() {
|
|
463
|
+
const e = w(L);
|
|
464
|
+
return T(e == null ? void 0 : e.toggle), /* @__PURE__ */ s("div", { className: on.mainMenu, children: [
|
|
465
|
+
/* @__PURE__ */ t(zt, {}),
|
|
456
466
|
/* @__PURE__ */ t(Kt, {}),
|
|
457
|
-
/* @__PURE__ */ t(
|
|
458
|
-
/* @__PURE__ */ t(
|
|
459
|
-
/* @__PURE__ */ t(Ut, {})
|
|
467
|
+
/* @__PURE__ */ t(tn, {}),
|
|
468
|
+
/* @__PURE__ */ t(jt, {})
|
|
460
469
|
] });
|
|
461
470
|
}
|
|
462
|
-
const W = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.1347 3.00061L6.55157 13.5825L0.865302 7.89624L0 8.76154L6.55157 15.3131L17.9988 3.86469L17.1347 3.00061Z", fill: "currentColor" }) }), z = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.037 3.03704L6.07407 9L12.037 14.963L11 16L4 9L11 2L12.037 3.03704Z", fill: "currentColor" }) }),
|
|
471
|
+
const W = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.1347 3.00061L6.55157 13.5825L0.865302 7.89624L0 8.76154L6.55157 15.3131L17.9988 3.86469L17.1347 3.00061Z", fill: "currentColor" }) }), z = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.037 3.03704L6.07407 9L12.037 14.963L11 16L4 9L11 2L12.037 3.03704Z", fill: "currentColor" }) }), sn = "_menu-container_1bjr3_1", cn = "_menu-options_1bjr3_6", ln = "_menu-heading_1bjr3_11", rn = "_check-icon_1bjr3_27", un = "_menu-item-label_1bjr3_33", dn = "_menu-item_1bjr3_33", mn = "_menu-back-button_1bjr3_66", r = {
|
|
463
472
|
"menu-container": "_menu-container_1bjr3_1",
|
|
464
|
-
menuContainer:
|
|
473
|
+
menuContainer: sn,
|
|
465
474
|
"menu-options": "_menu-options_1bjr3_6",
|
|
466
|
-
menuOptions:
|
|
475
|
+
menuOptions: cn,
|
|
467
476
|
"menu-heading": "_menu-heading_1bjr3_11",
|
|
468
|
-
menuHeading:
|
|
477
|
+
menuHeading: ln,
|
|
469
478
|
"check-icon": "_check-icon_1bjr3_27",
|
|
470
|
-
checkIcon:
|
|
479
|
+
checkIcon: rn,
|
|
471
480
|
"menu-item-label": "_menu-item-label_1bjr3_33",
|
|
472
|
-
menuItemLabel:
|
|
481
|
+
menuItemLabel: un,
|
|
473
482
|
"menu-item": "_menu-item_1bjr3_33",
|
|
474
|
-
menuItem:
|
|
483
|
+
menuItem: dn,
|
|
475
484
|
"menu-back-button": "_menu-back-button_1bjr3_66",
|
|
476
|
-
menuBackButton:
|
|
485
|
+
menuBackButton: mn
|
|
477
486
|
};
|
|
478
|
-
function
|
|
479
|
-
const e =
|
|
480
|
-
rates:
|
|
487
|
+
function hn() {
|
|
488
|
+
const e = w(L), n = Fe({
|
|
489
|
+
rates: V,
|
|
481
490
|
normalLabel: "1x"
|
|
482
|
-
}), { t: o } =
|
|
491
|
+
}), { t: o } = C();
|
|
483
492
|
return T(e == null ? void 0 : e.backToMain), e ? /* @__PURE__ */ s("div", { className: r.menuContainer, children: [
|
|
484
493
|
/* @__PURE__ */ s(
|
|
485
494
|
"button",
|
|
@@ -514,7 +523,7 @@ function _n() {
|
|
|
514
523
|
] }) : null;
|
|
515
524
|
}
|
|
516
525
|
function pn() {
|
|
517
|
-
const e =
|
|
526
|
+
const e = w(L), n = v("textTrack"), { t: o } = C(), i = f(() => {
|
|
518
527
|
e && e.setPage("captionLanguage");
|
|
519
528
|
}, [e]);
|
|
520
529
|
return e ? /* @__PURE__ */ t(
|
|
@@ -526,8 +535,8 @@ function pn() {
|
|
|
526
535
|
}
|
|
527
536
|
) : null;
|
|
528
537
|
}
|
|
529
|
-
function
|
|
530
|
-
const { t: e } =
|
|
538
|
+
function _n() {
|
|
539
|
+
const { t: e } = C(), n = g(), o = w(L), i = f(() => {
|
|
531
540
|
o && o.setPage("captionFontSize");
|
|
532
541
|
}, [o]);
|
|
533
542
|
return o ? /* @__PURE__ */ t(
|
|
@@ -539,10 +548,10 @@ function fn() {
|
|
|
539
548
|
}
|
|
540
549
|
) : null;
|
|
541
550
|
}
|
|
542
|
-
function
|
|
543
|
-
const { t: e } =
|
|
551
|
+
function fn() {
|
|
552
|
+
const { t: e } = C(), n = g();
|
|
544
553
|
return /* @__PURE__ */ t(
|
|
545
|
-
|
|
554
|
+
ee,
|
|
546
555
|
{
|
|
547
556
|
label: e("ON_TOP"),
|
|
548
557
|
onClick: n.toggleCaptionPositionOnTop,
|
|
@@ -550,10 +559,10 @@ function vn() {
|
|
|
550
559
|
}
|
|
551
560
|
);
|
|
552
561
|
}
|
|
553
|
-
function
|
|
554
|
-
const { t: e } =
|
|
562
|
+
function vn() {
|
|
563
|
+
const { t: e } = C(), n = g();
|
|
555
564
|
return /* @__PURE__ */ t(
|
|
556
|
-
|
|
565
|
+
ee,
|
|
557
566
|
{
|
|
558
567
|
label: e("INVERT_COLORS"),
|
|
559
568
|
onClick: n.toggleCaptionsInvertColors,
|
|
@@ -561,8 +570,8 @@ function bn() {
|
|
|
561
570
|
}
|
|
562
571
|
);
|
|
563
572
|
}
|
|
564
|
-
function
|
|
565
|
-
const e =
|
|
573
|
+
function bn() {
|
|
574
|
+
const e = w(L), { t: n } = C();
|
|
566
575
|
return T(e == null ? void 0 : e.backToMain), e ? /* @__PURE__ */ s("div", { className: r.menuContainer, children: [
|
|
567
576
|
/* @__PURE__ */ s(
|
|
568
577
|
"button",
|
|
@@ -578,13 +587,13 @@ function Cn() {
|
|
|
578
587
|
),
|
|
579
588
|
/* @__PURE__ */ t("strong", { className: r.menuHeading, children: n("CAPTIONS") }),
|
|
580
589
|
/* @__PURE__ */ t(pn, {}),
|
|
590
|
+
/* @__PURE__ */ t(_n, {}),
|
|
581
591
|
/* @__PURE__ */ t(fn, {}),
|
|
582
|
-
/* @__PURE__ */ t(vn, {})
|
|
583
|
-
/* @__PURE__ */ t(bn, {})
|
|
592
|
+
/* @__PURE__ */ t(vn, {})
|
|
584
593
|
] }) : null;
|
|
585
594
|
}
|
|
586
|
-
function
|
|
587
|
-
const e =
|
|
595
|
+
function Cn() {
|
|
596
|
+
const e = w(L), n = Ze(), { t: o } = C();
|
|
588
597
|
return T(e == null ? void 0 : e.backToCaptions), e ? /* @__PURE__ */ s("div", { className: r.menuContainer, children: [
|
|
589
598
|
/* @__PURE__ */ s(
|
|
590
599
|
"button",
|
|
@@ -618,8 +627,8 @@ function gn() {
|
|
|
618
627
|
)) })
|
|
619
628
|
] }) : null;
|
|
620
629
|
}
|
|
621
|
-
function
|
|
622
|
-
const e =
|
|
630
|
+
function gn() {
|
|
631
|
+
const e = g(), n = w(L), { t: o } = C();
|
|
623
632
|
return T(n == null ? void 0 : n.backToCaptions), n ? /* @__PURE__ */ s("div", { className: r.menuContainer, children: [
|
|
624
633
|
/* @__PURE__ */ s(
|
|
625
634
|
"button",
|
|
@@ -634,7 +643,7 @@ function kn() {
|
|
|
634
643
|
}
|
|
635
644
|
),
|
|
636
645
|
/* @__PURE__ */ t("strong", { className: r.menuHeading, children: o("CAPTIONS") }),
|
|
637
|
-
/* @__PURE__ */ t("div", { role: "menu", className: r.menuOptions, children:
|
|
646
|
+
/* @__PURE__ */ t("div", { role: "menu", className: r.menuOptions, children: ft.map((i) => /* @__PURE__ */ s(
|
|
638
647
|
"button",
|
|
639
648
|
{
|
|
640
649
|
type: "button",
|
|
@@ -656,8 +665,8 @@ function kn() {
|
|
|
656
665
|
)) })
|
|
657
666
|
] }) : null;
|
|
658
667
|
}
|
|
659
|
-
function
|
|
660
|
-
const e =
|
|
668
|
+
function kn() {
|
|
669
|
+
const e = w(L), n = $e({ sort: "descending" }), o = v("autoQuality"), { t: i } = C();
|
|
661
670
|
return T(e == null ? void 0 : e.backToMain), e ? /* @__PURE__ */ s("div", { className: r.menuContainer, children: [
|
|
662
671
|
/* @__PURE__ */ s(
|
|
663
672
|
"button",
|
|
@@ -691,58 +700,58 @@ function yn() {
|
|
|
691
700
|
)) })
|
|
692
701
|
] }) : null;
|
|
693
702
|
}
|
|
694
|
-
const
|
|
695
|
-
main:
|
|
696
|
-
speed:
|
|
697
|
-
captions:
|
|
698
|
-
captionLanguage:
|
|
699
|
-
captionFontSize:
|
|
700
|
-
quality:
|
|
703
|
+
const yn = {
|
|
704
|
+
main: an,
|
|
705
|
+
speed: hn,
|
|
706
|
+
captions: bn,
|
|
707
|
+
captionLanguage: Cn,
|
|
708
|
+
captionFontSize: gn,
|
|
709
|
+
quality: kn
|
|
701
710
|
};
|
|
702
|
-
function
|
|
703
|
-
const [e, n] = P("main"), [o, i] = P(!1), a =
|
|
711
|
+
function wn() {
|
|
712
|
+
const [e, n] = P("main"), [o, i] = P(!1), a = f(() => {
|
|
704
713
|
i((x) => !x);
|
|
705
|
-
}, []), c =
|
|
714
|
+
}, []), c = f((x) => {
|
|
706
715
|
n(x);
|
|
707
|
-
}, []), l =
|
|
716
|
+
}, []), l = f(() => {
|
|
708
717
|
n("captions");
|
|
709
|
-
}, []), u =
|
|
718
|
+
}, []), u = f(() => {
|
|
710
719
|
n("main");
|
|
711
|
-
}, []),
|
|
720
|
+
}, []), h = Z(() => yn[e], [e]), p = de(null), { refs: b, floatingStyles: d, context: _ } = pe({
|
|
712
721
|
open: o,
|
|
713
722
|
onOpenChange: (x) => {
|
|
714
723
|
i(x), u();
|
|
715
724
|
},
|
|
716
725
|
placement: "top-end",
|
|
717
|
-
whileElementsMounted:
|
|
726
|
+
whileElementsMounted: _e,
|
|
718
727
|
middleware: [
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
element:
|
|
728
|
+
fe(),
|
|
729
|
+
ve({
|
|
730
|
+
element: p
|
|
722
731
|
})
|
|
723
732
|
]
|
|
724
|
-
}),
|
|
733
|
+
}), k = be(_, { escapeKey: !1 }), { getReferenceProps: A, getFloatingProps: S } = Ce([k]);
|
|
725
734
|
return {
|
|
726
|
-
Page:
|
|
735
|
+
Page: h,
|
|
727
736
|
open: o,
|
|
728
737
|
toggle: a,
|
|
729
738
|
setPage: c,
|
|
730
739
|
backToCaptions: l,
|
|
731
740
|
backToMain: u,
|
|
732
|
-
arrowRef:
|
|
733
|
-
refs:
|
|
741
|
+
arrowRef: p,
|
|
742
|
+
refs: b,
|
|
734
743
|
floatingStyles: d,
|
|
735
|
-
context:
|
|
736
|
-
getReferenceProps:
|
|
737
|
-
getFloatingProps:
|
|
744
|
+
context: _,
|
|
745
|
+
getReferenceProps: A,
|
|
746
|
+
getFloatingProps: S
|
|
738
747
|
};
|
|
739
748
|
}
|
|
740
|
-
const
|
|
749
|
+
const Ln = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.0692 12C21.0692 11.4776 21.0212 10.944 20.9238 10.4104L23.5511 8.13318L21.0579 3.87247L17.7431 4.97788C16.9059 4.28329 15.9515 3.73553 14.9449 3.37271L14.2616 0H9.28941L8.60612 3.37129C7.58823 3.73553 6.65082 4.27482 5.80659 4.97647L2.49318 3.87247L0 8.13318L2.62729 10.4104C2.52988 10.944 2.48188 11.4776 2.48188 12C2.48188 12.5224 2.52988 13.056 2.62729 13.5896L0 15.8668L2.49318 20.1275L5.808 19.0221C6.64518 19.7167 7.59953 20.2645 8.60612 20.6273L9.28941 24H14.2616L14.9449 20.6287C15.9614 20.2645 16.9002 19.7252 17.7445 19.0235L21.0579 20.1289L23.5511 15.8682L20.9238 13.5911C21.0212 13.056 21.0692 12.5224 21.0692 12ZM11.7755 16.9412C9.05082 16.9412 6.83435 14.7247 6.83435 12C6.83435 9.2753 9.05082 7.05883 11.7755 7.05883C14.5002 7.05883 16.7167 9.2753 16.7167 12C16.7167 14.7247 14.5002 16.9412 11.7755 16.9412Z", fill: "currentColor" }) }), Pn = "_settings-menu_hxlsv_1", Nn = "_arrow_hxlsv_15", se = {
|
|
741
750
|
"settings-menu": "_settings-menu_hxlsv_1",
|
|
742
|
-
settingsMenu:
|
|
743
|
-
arrow:
|
|
751
|
+
settingsMenu: Pn,
|
|
752
|
+
arrow: Nn
|
|
744
753
|
};
|
|
745
|
-
function
|
|
754
|
+
function xn() {
|
|
746
755
|
const {
|
|
747
756
|
Page: e,
|
|
748
757
|
arrowRef: n,
|
|
@@ -752,47 +761,47 @@ function Mn() {
|
|
|
752
761
|
floatingStyles: c,
|
|
753
762
|
getFloatingProps: l,
|
|
754
763
|
getReferenceProps: u,
|
|
755
|
-
open:
|
|
756
|
-
refs:
|
|
757
|
-
setPage:
|
|
764
|
+
open: h,
|
|
765
|
+
refs: p,
|
|
766
|
+
setPage: b,
|
|
758
767
|
toggle: d
|
|
759
|
-
} =
|
|
768
|
+
} = wn(), _ = g(), { t: k } = C();
|
|
760
769
|
return /* @__PURE__ */ s(J, { children: [
|
|
761
770
|
/* @__PURE__ */ t(
|
|
762
771
|
"button",
|
|
763
772
|
{
|
|
764
|
-
ref:
|
|
773
|
+
ref: p.setReference,
|
|
765
774
|
type: "button",
|
|
766
775
|
className: "controls-button",
|
|
767
|
-
"aria-label":
|
|
776
|
+
"aria-label": k("SETTINGS"),
|
|
768
777
|
onClick: d,
|
|
769
|
-
"aria-expanded":
|
|
770
|
-
tabIndex:
|
|
778
|
+
"aria-expanded": h,
|
|
779
|
+
tabIndex: _ != null && _.state.interactionsDisabled ? -1 : 0,
|
|
771
780
|
...u(),
|
|
772
|
-
children: /* @__PURE__ */ t(
|
|
781
|
+
children: /* @__PURE__ */ t(Ln, { className: "controls-button-icon icon-rotate" })
|
|
773
782
|
}
|
|
774
783
|
),
|
|
775
|
-
|
|
784
|
+
h && /* @__PURE__ */ t(Qe, { context: a, initialFocus: -1, modal: !1, children: /* @__PURE__ */ s(
|
|
776
785
|
"div",
|
|
777
786
|
{
|
|
778
|
-
className:
|
|
779
|
-
ref:
|
|
787
|
+
className: se.settingsMenu,
|
|
788
|
+
ref: p.setFloating,
|
|
780
789
|
style: c,
|
|
781
790
|
...l(),
|
|
782
791
|
children: [
|
|
783
792
|
/* @__PURE__ */ t(
|
|
784
|
-
|
|
793
|
+
L.Provider,
|
|
785
794
|
{
|
|
786
|
-
value: { setPage:
|
|
795
|
+
value: { setPage: b, backToMain: i, backToCaptions: o, toggle: d },
|
|
787
796
|
children: /* @__PURE__ */ t(e, {})
|
|
788
797
|
}
|
|
789
798
|
),
|
|
790
799
|
/* @__PURE__ */ t(
|
|
791
|
-
|
|
800
|
+
ge,
|
|
792
801
|
{
|
|
793
802
|
ref: n,
|
|
794
803
|
context: a,
|
|
795
|
-
className:
|
|
804
|
+
className: se.arrow
|
|
796
805
|
}
|
|
797
806
|
)
|
|
798
807
|
]
|
|
@@ -800,121 +809,121 @@ function Mn() {
|
|
|
800
809
|
) })
|
|
801
810
|
] });
|
|
802
811
|
}
|
|
803
|
-
function
|
|
812
|
+
function Ne(e, n = 1e3) {
|
|
804
813
|
return function() {
|
|
805
|
-
const i =
|
|
806
|
-
return
|
|
814
|
+
const i = v("lastKeyboardAction"), [a, c] = P(!1), l = f(() => c(!1), []);
|
|
815
|
+
return R(() => {
|
|
807
816
|
c(!!i);
|
|
808
817
|
const u = setTimeout(l, n);
|
|
809
818
|
return () => clearTimeout(u);
|
|
810
819
|
}, [i, n]), a ? /* @__PURE__ */ t(e, {}) : null;
|
|
811
820
|
};
|
|
812
821
|
}
|
|
813
|
-
const
|
|
822
|
+
const te = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 11,21 H 5 V 3 h 6 z m 8,0 H 13 V 3 h 6 z", fill: "currentColor" }) }), ne = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 5,2 V 22 L 21,12.000665 Z", fill: "currentColor" }) }), xe = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.1179 1.41211V22.589H11.2943L5.64717 16.9418V7.05928L11.2943 1.41211H14.1179ZM4.23537 7.05928V16.9418H2.11769C0.957618 16.9418 0.0189406 16.0147 0.00028305 14.8592L0 14.8241V9.17696C0 8.01689 0.927077 7.07822 2.0826 7.05956L2.11769 7.05928H4.23537ZM22.3744 7.93711L24 9.56119L21.5623 11.9988L24 14.4365L22.3744 16.0621L19.9383 13.6245L17.5006 16.0621L15.875 14.4365L18.3127 11.9988L15.875 9.56119L17.5006 7.93711L19.9383 10.3748L22.3744 7.93711Z", fill: "currentColor" }) }), Me = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 6.98017V16.8627L11.2943 22.5099H14.1179V1.33301H11.2943L5.64714 6.98017ZM0 9.09785V14.745C0 15.9168 0.945899 16.8627 2.11768 16.8627H4.23537V6.98017H2.11768C0.945899 6.98017 0 7.92607 0 9.09785ZM18.3527 11.9207C18.3527 10.6134 17.8388 9.36962 16.9056 8.4209L17.9094 7.43123C19.1066 8.64396 19.7645 10.2393 19.7645 11.9207C19.7645 13.6036 19.1066 15.1989 17.9094 16.4116L16.9056 15.422C17.8388 14.4732 18.3527 13.2295 18.3527 11.9207Z", fill: "currentColor" }) }), Ie = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 16.8627V6.98017L11.2943 1.33301H14.1179V22.5099H11.2943L5.64714 16.8627ZM0 14.745V9.09785C0 7.92607 0.945899 6.98017 2.11768 6.98017H4.23537V16.8627H2.11768C0.945899 16.8627 0 15.9168 0 14.745ZM16.9056 8.4209C17.8388 9.36962 18.3527 10.6134 18.3527 11.9207C18.3527 13.2295 17.8388 14.4732 16.9056 15.422L17.9094 16.4116C19.1066 15.1989 19.7645 13.6036 19.7645 11.9207C19.7645 10.2393 19.1066 8.64396 17.9094 7.43123L16.9056 8.4209ZM19.9016 5.43185L20.8997 4.43372C22.9002 6.43422 24 9.09403 24 11.9219C24 14.7497 22.9002 17.4081 20.8997 19.4086L19.9016 18.4104C21.6353 16.6782 22.5882 14.3727 22.5882 11.9219C22.5882 9.46957 21.6353 7.16553 19.9016 5.43185Z", fill: "currentColor" }) }), Mn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.691 3.99987V10.5281L0 4.00655V20.2596L10.691 13.7367V20.2663L23.9987 12.1331L10.691 3.99987Z", fill: "currentColor" }) }), In = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.309 3.99987L0 12.1331L13.309 20.2663V13.7367L23.9987 20.2596V4.00655L13.309 10.5281V3.99987Z", fill: "currentColor" }) }), Tn = "_feedback-overlay_v4lbu_1", Sn = "_feedback-message_v4lbu_14", Hn = "_feedback-icon_v4lbu_30", Vn = "_feedback-icon-animation_v4lbu_1", y = {
|
|
814
823
|
"feedback-overlay": "_feedback-overlay_v4lbu_1",
|
|
815
|
-
feedbackOverlay:
|
|
824
|
+
feedbackOverlay: Tn,
|
|
816
825
|
"feedback-message": "_feedback-message_v4lbu_14",
|
|
817
|
-
feedbackMessage:
|
|
826
|
+
feedbackMessage: Sn,
|
|
818
827
|
"feedback-icon": "_feedback-icon_v4lbu_30",
|
|
819
|
-
feedbackIcon:
|
|
828
|
+
feedbackIcon: Hn,
|
|
820
829
|
"feedback-icon-animation": "_feedback-icon-animation_v4lbu_1",
|
|
821
|
-
feedbackIconAnimation:
|
|
830
|
+
feedbackIconAnimation: Vn
|
|
822
831
|
};
|
|
823
|
-
function
|
|
832
|
+
function Bn() {
|
|
824
833
|
var o;
|
|
825
|
-
const e =
|
|
834
|
+
const e = me();
|
|
826
835
|
switch ((o = e.lastKeyboardAction) == null ? void 0 : o.action) {
|
|
827
836
|
case "togglePaused":
|
|
828
|
-
return /* @__PURE__ */ t("i", { className:
|
|
837
|
+
return /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: e.paused ? /* @__PURE__ */ t(te, {}) : /* @__PURE__ */ t(ne, {}) });
|
|
829
838
|
case "toggleCaptions":
|
|
830
839
|
case "nextCaptionLanguage":
|
|
831
840
|
case "previousCaptionLanguage":
|
|
832
|
-
return e.hasCaptions ? /* @__PURE__ */ t("i", { className:
|
|
841
|
+
return e.hasCaptions ? /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: /* @__PURE__ */ t(Le, {}) }) : null;
|
|
833
842
|
case "volumeUp":
|
|
834
843
|
case "volumeDown":
|
|
835
844
|
case "toggleMuted":
|
|
836
|
-
return /* @__PURE__ */ t("i", { className:
|
|
845
|
+
return /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: e.muted || e.volume === 0 ? /* @__PURE__ */ t(xe, {}) : e.volume >= 0.5 ? /* @__PURE__ */ t(Ie, {}) : /* @__PURE__ */ t(Me, {}) });
|
|
837
846
|
case "seekForward":
|
|
838
847
|
case "seekForward10":
|
|
839
|
-
return /* @__PURE__ */ t("i", { className:
|
|
848
|
+
return /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: /* @__PURE__ */ t(Mn, { className: "right" }) });
|
|
840
849
|
case "seekBackward":
|
|
841
850
|
case "seekBackward10":
|
|
842
|
-
return /* @__PURE__ */ t("i", { className:
|
|
851
|
+
return /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: /* @__PURE__ */ t(In, { className: "left" }) });
|
|
843
852
|
default:
|
|
844
853
|
return null;
|
|
845
854
|
}
|
|
846
855
|
}
|
|
847
|
-
function
|
|
856
|
+
function Rn() {
|
|
848
857
|
var i;
|
|
849
|
-
const { t: e } =
|
|
858
|
+
const { t: e } = C(), n = me();
|
|
850
859
|
switch ((i = n.lastKeyboardAction) == null ? void 0 : i.action) {
|
|
851
860
|
case "toggleCaptions":
|
|
852
861
|
case "nextCaptionLanguage":
|
|
853
862
|
case "previousCaptionLanguage":
|
|
854
|
-
return /* @__PURE__ */ t("div", { className:
|
|
863
|
+
return /* @__PURE__ */ t("div", { className: y.feedbackMessage, children: n.textTrack ? e("CAPTION_LANGUAGE", { language: n.textTrack.label }) : `${e("CAPTIONS")}: ${e("OFF")}` });
|
|
855
864
|
case "volumeUp":
|
|
856
865
|
case "volumeDown":
|
|
857
866
|
case "toggleMuted":
|
|
858
|
-
return /* @__PURE__ */ t("div", { className:
|
|
867
|
+
return /* @__PURE__ */ t("div", { className: y.feedbackMessage, children: n.muted || n.volume === 0 ? e("MUTED") : e("VOLUME", { volume: (n.volume * 100).toFixed(0) }) });
|
|
859
868
|
case "increasePlaybackRate":
|
|
860
869
|
case "decreasePlaybackRate":
|
|
861
870
|
case "resetPlaybackRate":
|
|
862
|
-
return /* @__PURE__ */ t("div", { className:
|
|
871
|
+
return /* @__PURE__ */ t("div", { className: y.feedbackMessage, children: e("PLAYBACK_SPEED_MESSAGE", { speed: n.playbackRate }) });
|
|
863
872
|
case "seekForward":
|
|
864
|
-
return /* @__PURE__ */ t("div", { className:
|
|
873
|
+
return /* @__PURE__ */ t("div", { className: y.feedbackMessage, children: e("SEEK_FORWARD", { seconds: 5 }) });
|
|
865
874
|
case "seekForward10":
|
|
866
|
-
return /* @__PURE__ */ t("div", { className:
|
|
875
|
+
return /* @__PURE__ */ t("div", { className: y.feedbackMessage, children: e("SEEK_FORWARD", { seconds: 10 }) });
|
|
867
876
|
case "seekBackward":
|
|
868
|
-
return /* @__PURE__ */ t("div", { className:
|
|
877
|
+
return /* @__PURE__ */ t("div", { className: y.feedbackMessage, children: e("SEEK_BACKWARD", { seconds: 5 }) });
|
|
869
878
|
case "seekBackward10":
|
|
870
|
-
return /* @__PURE__ */ t("div", { className:
|
|
879
|
+
return /* @__PURE__ */ t("div", { className: y.feedbackMessage, children: e("SEEK_BACKWARD", { seconds: 10 }) });
|
|
871
880
|
default:
|
|
872
881
|
return null;
|
|
873
882
|
}
|
|
874
883
|
}
|
|
875
|
-
const
|
|
876
|
-
function
|
|
877
|
-
return /* @__PURE__ */ s("div", { className:
|
|
878
|
-
/* @__PURE__ */ t(
|
|
879
|
-
/* @__PURE__ */ t(
|
|
884
|
+
const An = Ne(Bn, 500), En = Ne(Rn, 1e3);
|
|
885
|
+
function On() {
|
|
886
|
+
return /* @__PURE__ */ s("div", { className: y.feedbackOverlay, children: [
|
|
887
|
+
/* @__PURE__ */ t(An, {}),
|
|
888
|
+
/* @__PURE__ */ t(En, {})
|
|
880
889
|
] });
|
|
881
890
|
}
|
|
882
|
-
const
|
|
891
|
+
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", { 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" }) }), Zn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "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" }) }), $n = "_full-screen-button_1xm32_2", zn = {
|
|
883
892
|
"full-screen-button": "_full-screen-button_1xm32_2",
|
|
884
|
-
fullScreenButton:
|
|
893
|
+
fullScreenButton: $n
|
|
885
894
|
};
|
|
886
|
-
function
|
|
887
|
-
const e =
|
|
888
|
-
return
|
|
889
|
-
|
|
895
|
+
function Kn() {
|
|
896
|
+
const e = v("fullscreen"), n = g();
|
|
897
|
+
return I().hideFullScreen ? null : /* @__PURE__ */ t(
|
|
898
|
+
he,
|
|
890
899
|
{
|
|
891
900
|
tabIndex: n.state.interactionsDisabled ? -1 : 0,
|
|
892
|
-
className: `controls-button ${
|
|
893
|
-
children: e ? /* @__PURE__ */ t(
|
|
901
|
+
className: `controls-button ${zn.fullScreenButton}`,
|
|
902
|
+
children: e ? /* @__PURE__ */ t(Zn, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Fn, { className: "controls-button-icon" })
|
|
894
903
|
}
|
|
895
904
|
);
|
|
896
905
|
}
|
|
897
|
-
const
|
|
906
|
+
const Dn = "_gestures-container_1fn3b_1", jn = "_gesture_1fn3b_1", ce = {
|
|
898
907
|
"gestures-container": "_gestures-container_1fn3b_1",
|
|
899
|
-
gesturesContainer:
|
|
900
|
-
gesture:
|
|
908
|
+
gesturesContainer: Dn,
|
|
909
|
+
gesture: jn
|
|
901
910
|
};
|
|
902
|
-
function
|
|
903
|
-
const e =
|
|
911
|
+
function Un() {
|
|
912
|
+
const e = q(), n = () => {
|
|
904
913
|
e.togglePaused();
|
|
905
914
|
};
|
|
906
|
-
return /* @__PURE__ */ t("div", { className:
|
|
915
|
+
return /* @__PURE__ */ t("div", { className: ce.gesturesContainer, children: /* @__PURE__ */ t("div", { "aria-hidden": !0, className: ce.gesture, onClick: n }) });
|
|
907
916
|
}
|
|
908
|
-
const
|
|
917
|
+
const qn = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.76472 10.5294C5.05696 10.5294 5.29413 10.2922 5.29413 9.99999V8.94117C5.29413 8.64893 5.05696 8.41175 4.76472 8.41175H3.7059C3.41366 8.41175 3.17649 8.64893 3.17649 8.94117V9.99999C3.17649 10.2922 3.41366 10.5294 3.7059 10.5294H4.76472ZM11.1177 10.5294C11.4099 10.5294 11.6471 10.2922 11.6471 9.99999V8.94117C11.6471 8.64893 11.4099 8.41175 11.1177 8.41175H10.0588C9.76661 8.41175 9.52944 8.64893 9.52944 8.94117V9.99999C9.52944 10.2922 9.76661 10.5294 10.0588 10.5294H11.1177ZM14.8235 9.99999C14.8235 10.2922 14.5864 10.5294 14.2941 10.5294H13.2353C12.9431 10.5294 12.7059 10.2922 12.7059 9.99999V8.94117C12.7059 8.64893 12.9431 8.41175 13.2353 8.41175H14.2941C14.5864 8.41175 14.8235 8.64893 14.8235 8.94117V9.99999ZM14.8235 13.1765C14.8235 13.4687 14.5864 13.7059 14.2941 13.7059H13.2353C12.9431 13.7059 12.7059 13.4687 12.7059 13.1765V12.1176C12.7059 11.8254 12.9431 11.5882 13.2353 11.5882H14.2941C14.5864 11.5882 14.8235 11.8254 14.8235 12.1176V13.1765ZM11.6471 13.1765C11.6471 13.4687 11.4099 13.7059 11.1177 13.7059H6.88239C6.59015 13.7059 6.35297 13.4687 6.35297 13.1765V12.1176C6.35297 11.8254 6.59015 11.5882 6.88239 11.5882H11.1177C11.4099 11.5882 11.6471 11.8254 11.6471 12.1176V13.1765ZM5.29413 13.1765C5.29413 13.4687 5.05696 13.7059 4.76472 13.7059H3.7059C3.41366 13.7059 3.17649 13.4687 3.17649 13.1765V12.1176C3.17649 11.8254 3.41366 11.5882 3.7059 11.5882H4.76472C5.05696 11.5882 5.29413 11.8254 5.29413 12.1176V13.1765ZM6.88238 8.41175C6.59015 8.41175 6.35297 8.64893 6.35297 8.94117V9.99999C6.35297 10.2922 6.59015 10.5294 6.88238 10.5294H7.94121C8.23344 10.5294 8.47062 10.2922 8.47062 9.99999V8.94117C8.47062 8.64893 8.23344 8.41175 7.94121 8.41175H6.88238ZM16.4118 5.23529H9.57494C9.71471 4.42 10.1933 4.17118 10.8254 3.85565C11.6629 3.43741 12.7059 2.91541 12.7059 1H11.6471C11.6471 2.26106 11.1039 2.53212 10.3511 2.90906C9.59824 3.28494 8.68659 3.75506 8.50871 5.23529H1.58824C0.712588 5.23529 0 5.94788 0 6.82353V15.2941C0 16.1698 0.712588 16.8824 1.58824 16.8824H16.4118C17.2874 16.8824 18 16.1698 18 15.2941V6.82353C18 5.94788 17.2874 5.23529 16.4118 5.23529Z", fill: "currentColor" }) }), Te = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.94968 7.74766L3.99993 2.79791L2.79785 3.99999L7.7476 8.94974L2.79785 13.8995L3.99993 15.1016L8.94968 10.1518L13.8994 15.1016L15.1015 13.8995L10.1518 8.94974L15.1015 3.99999L13.8994 2.79791L8.94968 7.74766Z", fill: "currentColor" }) }), Wn = "_keyboard-shortcuts-overlay_y5kv6_1", Gn = "_keyboard-shortcuts-button_y5kv6_67", Qn = "_close-button_y5kv6_93", Y = {
|
|
909
918
|
"keyboard-shortcuts-overlay": "_keyboard-shortcuts-overlay_y5kv6_1",
|
|
910
|
-
keyboardShortcutsOverlay:
|
|
919
|
+
keyboardShortcutsOverlay: Wn,
|
|
911
920
|
"keyboard-shortcuts-button": "_keyboard-shortcuts-button_y5kv6_67",
|
|
912
|
-
keyboardShortcutsButton:
|
|
921
|
+
keyboardShortcutsButton: Gn,
|
|
913
922
|
"close-button": "_close-button_y5kv6_93",
|
|
914
|
-
closeButton:
|
|
923
|
+
closeButton: Qn
|
|
915
924
|
};
|
|
916
|
-
function
|
|
917
|
-
const { t: n } =
|
|
925
|
+
function Yn({ onClose: e }) {
|
|
926
|
+
const { t: n } = C();
|
|
918
927
|
T(e);
|
|
919
928
|
const o = (i) => {
|
|
920
929
|
i && i.focus();
|
|
@@ -935,7 +944,7 @@ function Jn({ onClose: e }) {
|
|
|
935
944
|
className: Y.closeButton,
|
|
936
945
|
onClick: e,
|
|
937
946
|
"aria-label": n("CLOSE"),
|
|
938
|
-
children: /* @__PURE__ */ t(
|
|
947
|
+
children: /* @__PURE__ */ t(Te, {})
|
|
939
948
|
}
|
|
940
949
|
)
|
|
941
950
|
] }),
|
|
@@ -1026,144 +1035,144 @@ function Jn({ onClose: e }) {
|
|
|
1026
1035
|
}
|
|
1027
1036
|
);
|
|
1028
1037
|
}
|
|
1029
|
-
function
|
|
1030
|
-
const [e, n] = P(!1), [o, i] = P(!1), [a, c] = P(!1), l =
|
|
1031
|
-
n(!0), l.disableInteractions(), u && (c(!0),
|
|
1032
|
-
}, [u,
|
|
1033
|
-
n(!1), i(!0), l.enableInteractions(), a && (c(!1),
|
|
1034
|
-
}, [a,
|
|
1035
|
-
(
|
|
1038
|
+
function Jn() {
|
|
1039
|
+
const [e, n] = P(!1), [o, i] = P(!1), [a, c] = P(!1), l = g(), u = v("playing"), h = q(), { t: p } = C(), b = f(() => {
|
|
1040
|
+
n(!0), l.disableInteractions(), u && (c(!0), h.pause());
|
|
1041
|
+
}, [u, h, l]), d = f(() => {
|
|
1042
|
+
n(!1), i(!0), l.enableInteractions(), a && (c(!1), h.play());
|
|
1043
|
+
}, [a, h, l]), _ = f(
|
|
1044
|
+
(k) => o && (k == null ? void 0 : k.focus()),
|
|
1036
1045
|
[o]
|
|
1037
1046
|
);
|
|
1038
|
-
return e ? /* @__PURE__ */ t(
|
|
1047
|
+
return e ? /* @__PURE__ */ t(Yn, { onClose: d }) : /* @__PURE__ */ t(
|
|
1039
1048
|
"button",
|
|
1040
1049
|
{
|
|
1041
|
-
ref:
|
|
1042
|
-
"aria-label":
|
|
1050
|
+
ref: _,
|
|
1051
|
+
"aria-label": p("KEYBOARD_SHORTCUTS"),
|
|
1043
1052
|
type: "button",
|
|
1044
1053
|
className: Y.keyboardShortcutsButton,
|
|
1045
|
-
onClick:
|
|
1054
|
+
onClick: b,
|
|
1046
1055
|
tabIndex: l.state.interactionsDisabled ? -1 : 0,
|
|
1047
|
-
children: /* @__PURE__ */ t(
|
|
1056
|
+
children: /* @__PURE__ */ t(qn, {})
|
|
1048
1057
|
}
|
|
1049
1058
|
);
|
|
1050
1059
|
}
|
|
1051
|
-
const
|
|
1060
|
+
const Xn = "_play-pause-button_kyuc5_1", eo = {
|
|
1052
1061
|
"play-pause-button": "_play-pause-button_kyuc5_1",
|
|
1053
|
-
playPauseButton:
|
|
1062
|
+
playPauseButton: Xn
|
|
1054
1063
|
};
|
|
1055
|
-
function
|
|
1056
|
-
const e =
|
|
1064
|
+
function to() {
|
|
1065
|
+
const e = U(), n = g(), o = v("paused");
|
|
1057
1066
|
return e ? /* @__PURE__ */ t(
|
|
1058
|
-
|
|
1067
|
+
ze,
|
|
1059
1068
|
{
|
|
1060
1069
|
tabIndex: n.state.interactionsDisabled ? -1 : 0,
|
|
1061
|
-
className: `${
|
|
1070
|
+
className: `${eo.playPauseButton} controls-button`,
|
|
1062
1071
|
onKeyDown: (i) => {
|
|
1063
1072
|
i.key === " " && (e == null || e.$state.lastKeyboardAction.set({
|
|
1064
1073
|
action: "togglePaused",
|
|
1065
1074
|
event: i.nativeEvent
|
|
1066
1075
|
}));
|
|
1067
1076
|
},
|
|
1068
|
-
children: o ? /* @__PURE__ */ t(
|
|
1077
|
+
children: o ? /* @__PURE__ */ t(ne, { className: "controls-button-icon" }) : /* @__PURE__ */ t(te, { className: "controls-button-icon" })
|
|
1069
1078
|
}
|
|
1070
1079
|
) : null;
|
|
1071
1080
|
}
|
|
1072
|
-
const
|
|
1073
|
-
poster:
|
|
1081
|
+
const no = "_poster_195hi_1", oo = {
|
|
1082
|
+
poster: no
|
|
1074
1083
|
};
|
|
1075
|
-
function
|
|
1076
|
-
const n =
|
|
1077
|
-
return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(
|
|
1084
|
+
function io({ src: e }) {
|
|
1085
|
+
const n = v("source");
|
|
1086
|
+
return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(Ke, { src: e, className: oo.poster });
|
|
1078
1087
|
}
|
|
1079
|
-
const
|
|
1088
|
+
const ao = "_small-layout-overlay_1vli4_1", so = "_small-layout-button_1vli4_14", co = "_small-layout-icon-play_1vli4_24", lo = "_small-layout-icon-pause_1vli4_30", ro = "_full-screen-close-icon_1vli4_36", uo = "_fade-out_1vli4_1", O = {
|
|
1080
1089
|
"small-layout-overlay": "_small-layout-overlay_1vli4_1",
|
|
1081
|
-
smallLayoutOverlay:
|
|
1090
|
+
smallLayoutOverlay: ao,
|
|
1082
1091
|
"small-layout-button": "_small-layout-button_1vli4_14",
|
|
1083
|
-
smallLayoutButton:
|
|
1092
|
+
smallLayoutButton: so,
|
|
1084
1093
|
"small-layout-icon-play": "_small-layout-icon-play_1vli4_24",
|
|
1085
|
-
smallLayoutIconPlay:
|
|
1094
|
+
smallLayoutIconPlay: co,
|
|
1086
1095
|
"small-layout-icon-pause": "_small-layout-icon-pause_1vli4_30",
|
|
1087
|
-
smallLayoutIconPause:
|
|
1096
|
+
smallLayoutIconPause: lo,
|
|
1088
1097
|
"full-screen-close-icon": "_full-screen-close-icon_1vli4_36",
|
|
1089
|
-
fullScreenCloseIcon:
|
|
1098
|
+
fullScreenCloseIcon: ro,
|
|
1090
1099
|
"fade-out": "_fade-out_1vli4_1",
|
|
1091
|
-
fadeOut:
|
|
1100
|
+
fadeOut: uo
|
|
1092
1101
|
};
|
|
1093
|
-
function
|
|
1094
|
-
return /* @__PURE__ */ s("div", { className:
|
|
1095
|
-
/* @__PURE__ */ t(
|
|
1096
|
-
/* @__PURE__ */ s("i", { className:
|
|
1097
|
-
/* @__PURE__ */ t(
|
|
1098
|
-
/* @__PURE__ */ t(
|
|
1102
|
+
function mo() {
|
|
1103
|
+
return /* @__PURE__ */ s("div", { className: O.smallLayoutOverlay, children: [
|
|
1104
|
+
/* @__PURE__ */ t(he, { className: O.fullScreenCloseIcon, children: /* @__PURE__ */ t(Te, {}) }),
|
|
1105
|
+
/* @__PURE__ */ s("i", { className: O.smallLayoutButton, children: [
|
|
1106
|
+
/* @__PURE__ */ t(ne, { className: O.smallLayoutIconPlay }),
|
|
1107
|
+
/* @__PURE__ */ t(te, { className: O.smallLayoutIconPause })
|
|
1099
1108
|
] })
|
|
1100
1109
|
] });
|
|
1101
1110
|
}
|
|
1102
|
-
const
|
|
1111
|
+
const ho = "_time-indicator_1rlpb_1", po = {
|
|
1103
1112
|
"time-indicator": "_time-indicator_1rlpb_1",
|
|
1104
|
-
timeIndicator:
|
|
1113
|
+
timeIndicator: ho
|
|
1105
1114
|
};
|
|
1106
|
-
function
|
|
1115
|
+
function _o() {
|
|
1107
1116
|
return /* @__PURE__ */ s("div", { className: po.timeIndicator, children: [
|
|
1108
|
-
/* @__PURE__ */ t(
|
|
1117
|
+
/* @__PURE__ */ t(ie, { type: "current" }),
|
|
1109
1118
|
"/",
|
|
1110
|
-
/* @__PURE__ */ t(
|
|
1119
|
+
/* @__PURE__ */ t(ie, { type: "duration" })
|
|
1111
1120
|
] });
|
|
1112
1121
|
}
|
|
1113
|
-
const
|
|
1122
|
+
const fo = "_comment-markers_19b45_1", vo = "_comment-marker_19b45_1", bo = "_timeline-wrapper_19b45_21", Co = "_track_19b45_35", go = "_thumb_19b45_48", ko = "_root_19b45_62", yo = "_track-inner_19b45_92", wo = "_progress_19b45_98", Lo = "_track-fill_19b45_104", Po = "_pins_19b45_121", No = "_pin-button_19b45_134", xo = "_annotation-pin_19b45_154", Mo = "_quiz-pin_19b45_159", Io = "_annotation-pin-child_19b45_164", To = "_quiz-pin-child_19b45_168", So = "_interactive-pin-container_19b45_173", Ho = "_interactive-pin-wrapper_19b45_183", Vo = "_interactive-pin-icon_19b45_189", Bo = "_interactive-pin_19b45_173", Ro = "_bg_19b45_203", Ao = "_symbol_19b45_207", Eo = "_interactive-pin-button_19b45_212", Oo = "_interactive-pin-menu_19b45_232", Fo = "_interactive-pin-menu-item_19b45_246", Zo = "_arrow_19b45_267", m = {
|
|
1114
1123
|
"comment-markers": "_comment-markers_19b45_1",
|
|
1115
|
-
commentMarkers:
|
|
1124
|
+
commentMarkers: fo,
|
|
1116
1125
|
"comment-marker": "_comment-marker_19b45_1",
|
|
1117
|
-
commentMarker:
|
|
1126
|
+
commentMarker: vo,
|
|
1118
1127
|
"timeline-wrapper": "_timeline-wrapper_19b45_21",
|
|
1119
|
-
timelineWrapper:
|
|
1120
|
-
track:
|
|
1121
|
-
thumb:
|
|
1122
|
-
root:
|
|
1128
|
+
timelineWrapper: bo,
|
|
1129
|
+
track: Co,
|
|
1130
|
+
thumb: go,
|
|
1131
|
+
root: ko,
|
|
1123
1132
|
"track-inner": "_track-inner_19b45_92",
|
|
1124
|
-
trackInner:
|
|
1125
|
-
progress:
|
|
1133
|
+
trackInner: yo,
|
|
1134
|
+
progress: wo,
|
|
1126
1135
|
"track-fill": "_track-fill_19b45_104",
|
|
1127
|
-
trackFill:
|
|
1128
|
-
pins:
|
|
1136
|
+
trackFill: Lo,
|
|
1137
|
+
pins: Po,
|
|
1129
1138
|
"pin-button": "_pin-button_19b45_134",
|
|
1130
|
-
pinButton:
|
|
1139
|
+
pinButton: No,
|
|
1131
1140
|
"annotation-pin": "_annotation-pin_19b45_154",
|
|
1132
|
-
annotationPin:
|
|
1141
|
+
annotationPin: xo,
|
|
1133
1142
|
"quiz-pin": "_quiz-pin_19b45_159",
|
|
1134
|
-
quizPin:
|
|
1143
|
+
quizPin: Mo,
|
|
1135
1144
|
"annotation-pin-child": "_annotation-pin-child_19b45_164",
|
|
1136
1145
|
annotationPinChild: Io,
|
|
1137
1146
|
"quiz-pin-child": "_quiz-pin-child_19b45_168",
|
|
1138
|
-
quizPinChild:
|
|
1147
|
+
quizPinChild: To,
|
|
1139
1148
|
"interactive-pin-container": "_interactive-pin-container_19b45_173",
|
|
1140
|
-
interactivePinContainer:
|
|
1149
|
+
interactivePinContainer: So,
|
|
1141
1150
|
"interactive-pin-wrapper": "_interactive-pin-wrapper_19b45_183",
|
|
1142
|
-
interactivePinWrapper:
|
|
1151
|
+
interactivePinWrapper: Ho,
|
|
1143
1152
|
"interactive-pin-icon": "_interactive-pin-icon_19b45_189",
|
|
1144
|
-
interactivePinIcon:
|
|
1153
|
+
interactivePinIcon: Vo,
|
|
1145
1154
|
"interactive-pin": "_interactive-pin_19b45_173",
|
|
1146
|
-
interactivePin:
|
|
1147
|
-
bg:
|
|
1148
|
-
symbol:
|
|
1155
|
+
interactivePin: Bo,
|
|
1156
|
+
bg: Ro,
|
|
1157
|
+
symbol: Ao,
|
|
1149
1158
|
"interactive-pin-button": "_interactive-pin-button_19b45_212",
|
|
1150
|
-
interactivePinButton:
|
|
1159
|
+
interactivePinButton: Eo,
|
|
1151
1160
|
"interactive-pin-menu": "_interactive-pin-menu_19b45_232",
|
|
1152
|
-
interactivePinMenu:
|
|
1161
|
+
interactivePinMenu: Oo,
|
|
1153
1162
|
"interactive-pin-menu-item": "_interactive-pin-menu-item_19b45_246",
|
|
1154
|
-
interactivePinMenuItem:
|
|
1155
|
-
arrow:
|
|
1156
|
-
},
|
|
1163
|
+
interactivePinMenuItem: Fo,
|
|
1164
|
+
arrow: Zo
|
|
1165
|
+
}, $o = {
|
|
1157
1166
|
annotation: m.annotationPin,
|
|
1158
1167
|
quiz: m.quizPin
|
|
1159
1168
|
};
|
|
1160
|
-
function
|
|
1169
|
+
function Se({
|
|
1161
1170
|
type: e,
|
|
1162
1171
|
position: n,
|
|
1163
1172
|
children: o,
|
|
1164
1173
|
onClick: i
|
|
1165
1174
|
}) {
|
|
1166
|
-
const a =
|
|
1175
|
+
const a = g();
|
|
1167
1176
|
return /* @__PURE__ */ t(
|
|
1168
1177
|
"button",
|
|
1169
1178
|
{
|
|
@@ -1175,7 +1184,7 @@ function Ve({
|
|
|
1175
1184
|
children: /* @__PURE__ */ s(
|
|
1176
1185
|
"svg",
|
|
1177
1186
|
{
|
|
1178
|
-
className:
|
|
1187
|
+
className: $o[e],
|
|
1179
1188
|
width: "26",
|
|
1180
1189
|
height: "32",
|
|
1181
1190
|
viewBox: "0 0 26 32",
|
|
@@ -1189,8 +1198,8 @@ function Ve({
|
|
|
1189
1198
|
}
|
|
1190
1199
|
);
|
|
1191
1200
|
}
|
|
1192
|
-
function
|
|
1193
|
-
return /* @__PURE__ */ t(
|
|
1201
|
+
function zo(e) {
|
|
1202
|
+
return /* @__PURE__ */ t(Se, { type: "annotation", ...e, children: /* @__PURE__ */ t(
|
|
1194
1203
|
"path",
|
|
1195
1204
|
{
|
|
1196
1205
|
className: m.annotationPinChild,
|
|
@@ -1202,8 +1211,8 @@ function Ko(e) {
|
|
|
1202
1211
|
}
|
|
1203
1212
|
) });
|
|
1204
1213
|
}
|
|
1205
|
-
function
|
|
1206
|
-
return /* @__PURE__ */ t(
|
|
1214
|
+
function Ko(e) {
|
|
1215
|
+
return /* @__PURE__ */ t(Se, { type: "quiz", ...e, children: e.multiple ? /* @__PURE__ */ t("circle", { className: m.quizPinChild, cx: "13", cy: "13", r: "6" }) : /* @__PURE__ */ t(
|
|
1207
1216
|
"text",
|
|
1208
1217
|
{
|
|
1209
1218
|
className: m.quizPinChild,
|
|
@@ -1216,7 +1225,7 @@ function Do(e) {
|
|
|
1216
1225
|
}
|
|
1217
1226
|
) });
|
|
1218
1227
|
}
|
|
1219
|
-
function
|
|
1228
|
+
function Do(e, n) {
|
|
1220
1229
|
return e.map((o, i) => ({
|
|
1221
1230
|
id: o.id,
|
|
1222
1231
|
time: o.time,
|
|
@@ -1225,7 +1234,7 @@ function jo(e, n) {
|
|
|
1225
1234
|
onClick: () => n(o)
|
|
1226
1235
|
}));
|
|
1227
1236
|
}
|
|
1228
|
-
function
|
|
1237
|
+
function jo(e, n) {
|
|
1229
1238
|
const o = /* @__PURE__ */ new Map();
|
|
1230
1239
|
e.forEach((c) => {
|
|
1231
1240
|
var u;
|
|
@@ -1245,12 +1254,12 @@ function Uo(e, n) {
|
|
|
1245
1254
|
}), a++;
|
|
1246
1255
|
}), i;
|
|
1247
1256
|
}
|
|
1248
|
-
function
|
|
1257
|
+
function Uo(e, n, o, i) {
|
|
1249
1258
|
switch (e.type) {
|
|
1250
1259
|
case "annotation": {
|
|
1251
1260
|
const a = () => i ? e.onClick() : o.seek(e.time);
|
|
1252
1261
|
return /* @__PURE__ */ t(
|
|
1253
|
-
|
|
1262
|
+
zo,
|
|
1254
1263
|
{
|
|
1255
1264
|
position: e.time / n * 100,
|
|
1256
1265
|
onClick: a
|
|
@@ -1260,7 +1269,7 @@ function qo(e, n, o, i) {
|
|
|
1260
1269
|
}
|
|
1261
1270
|
case "quiz":
|
|
1262
1271
|
return /* @__PURE__ */ t(
|
|
1263
|
-
|
|
1272
|
+
Ko,
|
|
1264
1273
|
{
|
|
1265
1274
|
position: e.time / n * 100,
|
|
1266
1275
|
ordinal: e.ordinal,
|
|
@@ -1273,59 +1282,59 @@ function qo(e, n, o, i) {
|
|
|
1273
1282
|
return null;
|
|
1274
1283
|
}
|
|
1275
1284
|
}
|
|
1276
|
-
function
|
|
1277
|
-
const e =
|
|
1278
|
-
...
|
|
1285
|
+
function qo() {
|
|
1286
|
+
const e = q(), n = v("duration"), o = I(), i = Z(() => [
|
|
1287
|
+
...Do(
|
|
1279
1288
|
o.annotations,
|
|
1280
1289
|
o.onAnnotationClick
|
|
1281
1290
|
),
|
|
1282
|
-
...
|
|
1283
|
-
].sort((c, l) => c.time - l.time).map((c) =>
|
|
1291
|
+
...jo(o.quizMarkers, o.onQuizMarkerClick)
|
|
1292
|
+
].sort((c, l) => c.time - l.time).map((c) => Uo(c, n, e, o.interactive)), [o.annotations, o.quizMarkers, n, e]);
|
|
1284
1293
|
return /* @__PURE__ */ t("div", { className: m.pins, children: i });
|
|
1285
1294
|
}
|
|
1286
|
-
function
|
|
1287
|
-
const e =
|
|
1295
|
+
function Wo() {
|
|
1296
|
+
const e = v("duration"), n = I(), o = g();
|
|
1288
1297
|
return n.hasComments && o.state.commentsEnabled ? /* @__PURE__ */ t("div", { className: m.commentMarkers, children: n.comments.map((i) => /* @__PURE__ */ t(
|
|
1289
1298
|
"span",
|
|
1290
1299
|
{
|
|
1291
1300
|
className: m.commentMarker,
|
|
1292
1301
|
style: {
|
|
1293
1302
|
left: `${i.timestamp / e * 100}%`,
|
|
1294
|
-
width: `${
|
|
1303
|
+
width: `${Pe / e * 100}%`
|
|
1295
1304
|
}
|
|
1296
1305
|
},
|
|
1297
1306
|
i.id
|
|
1298
1307
|
)) }) : null;
|
|
1299
1308
|
}
|
|
1300
|
-
function
|
|
1301
|
-
const [
|
|
1302
|
-
|
|
1303
|
-
|
|
1309
|
+
function Go({ currentTime: e, position: n }) {
|
|
1310
|
+
const [o, i] = P(!1), a = I(), c = f(() => a.interactiveMenuElements.length > 0 ? i((k) => !k) : a.onInteractivePinClick(e), [
|
|
1311
|
+
a.interactiveMenuElements,
|
|
1312
|
+
a.onInteractivePinClick,
|
|
1304
1313
|
e
|
|
1305
|
-
]),
|
|
1306
|
-
open:
|
|
1307
|
-
onOpenChange:
|
|
1308
|
-
whileElementsMounted:
|
|
1314
|
+
]), l = de(null), { refs: u, floatingStyles: h, context: p } = pe({
|
|
1315
|
+
open: o,
|
|
1316
|
+
onOpenChange: i,
|
|
1317
|
+
whileElementsMounted: _e,
|
|
1309
1318
|
placement: "top",
|
|
1310
1319
|
middleware: [
|
|
1311
|
-
|
|
1312
|
-
|
|
1313
|
-
|
|
1314
|
-
|
|
1315
|
-
element:
|
|
1320
|
+
Ye(),
|
|
1321
|
+
Je(6),
|
|
1322
|
+
fe(),
|
|
1323
|
+
ve({
|
|
1324
|
+
element: l
|
|
1316
1325
|
})
|
|
1317
1326
|
]
|
|
1318
|
-
}),
|
|
1327
|
+
}), b = be(p), { getReferenceProps: d, getFloatingProps: _ } = Ce([b]);
|
|
1319
1328
|
return /* @__PURE__ */ s(J, { children: [
|
|
1320
1329
|
/* @__PURE__ */ t(
|
|
1321
1330
|
"button",
|
|
1322
1331
|
{
|
|
1323
1332
|
type: "button",
|
|
1324
|
-
onClick:
|
|
1333
|
+
onClick: c,
|
|
1325
1334
|
className: m.interactivePinButton,
|
|
1326
|
-
ref:
|
|
1327
|
-
style: { left: `${
|
|
1328
|
-
...
|
|
1335
|
+
ref: u.setReference,
|
|
1336
|
+
style: { left: `${n}%` },
|
|
1337
|
+
...d(),
|
|
1329
1338
|
children: /* @__PURE__ */ s(
|
|
1330
1339
|
"svg",
|
|
1331
1340
|
{
|
|
@@ -1354,7 +1363,7 @@ function Qo({ position: e }) {
|
|
|
1354
1363
|
"path",
|
|
1355
1364
|
{
|
|
1356
1365
|
className: m.interactivePinIcon,
|
|
1357
|
-
"data-open":
|
|
1366
|
+
"data-open": o,
|
|
1358
1367
|
fillRule: "evenodd",
|
|
1359
1368
|
clipRule: "evenodd",
|
|
1360
1369
|
d: "m 18.75,17.388467 v -6.25 h -1.5 v 6.25 H 11 v 1.5 h 6.25 v 6.25 h 1.5 v -6.25 H 25 v -1.5 z",
|
|
@@ -1366,21 +1375,21 @@ function Qo({ position: e }) {
|
|
|
1366
1375
|
)
|
|
1367
1376
|
}
|
|
1368
1377
|
),
|
|
1369
|
-
|
|
1378
|
+
o && /* @__PURE__ */ s(
|
|
1370
1379
|
"div",
|
|
1371
1380
|
{
|
|
1372
|
-
ref:
|
|
1373
|
-
style:
|
|
1381
|
+
ref: u.setFloating,
|
|
1382
|
+
style: h,
|
|
1374
1383
|
className: m.interactivePinMenu,
|
|
1375
|
-
...
|
|
1384
|
+
..._(),
|
|
1376
1385
|
children: [
|
|
1377
|
-
|
|
1386
|
+
a.interactiveMenuElements.map(({ id: k, text: A, onClick: S }) => /* @__PURE__ */ s(
|
|
1378
1387
|
"button",
|
|
1379
1388
|
{
|
|
1380
1389
|
type: "button",
|
|
1381
1390
|
className: m.interactivePinMenuItem,
|
|
1382
1391
|
onClick: () => {
|
|
1383
|
-
|
|
1392
|
+
S(k, e), i(!1);
|
|
1384
1393
|
},
|
|
1385
1394
|
children: [
|
|
1386
1395
|
/* @__PURE__ */ t(
|
|
@@ -1402,16 +1411,16 @@ function Qo({ position: e }) {
|
|
|
1402
1411
|
)
|
|
1403
1412
|
}
|
|
1404
1413
|
),
|
|
1405
|
-
|
|
1414
|
+
A
|
|
1406
1415
|
]
|
|
1407
1416
|
},
|
|
1408
|
-
|
|
1417
|
+
k
|
|
1409
1418
|
)),
|
|
1410
1419
|
/* @__PURE__ */ t(
|
|
1411
|
-
|
|
1420
|
+
ge,
|
|
1412
1421
|
{
|
|
1413
|
-
ref:
|
|
1414
|
-
context:
|
|
1422
|
+
ref: l,
|
|
1423
|
+
context: p,
|
|
1415
1424
|
className: m.arrow
|
|
1416
1425
|
}
|
|
1417
1426
|
)
|
|
@@ -1420,70 +1429,70 @@ function Qo({ position: e }) {
|
|
|
1420
1429
|
)
|
|
1421
1430
|
] });
|
|
1422
1431
|
}
|
|
1423
|
-
function
|
|
1424
|
-
const e =
|
|
1425
|
-
return /* @__PURE__ */ t("div", { className: m.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: m.interactivePinWrapper, children: /* @__PURE__ */ t(
|
|
1432
|
+
function Qo() {
|
|
1433
|
+
const e = v("duration"), n = v("currentTime"), o = n / e * 100;
|
|
1434
|
+
return /* @__PURE__ */ t("div", { className: m.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: m.interactivePinWrapper, children: /* @__PURE__ */ t(Go, { currentTime: n, position: o }) }) });
|
|
1426
1435
|
}
|
|
1427
|
-
function
|
|
1428
|
-
const e =
|
|
1429
|
-
return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(
|
|
1436
|
+
function Yo() {
|
|
1437
|
+
const e = v("paused"), n = g();
|
|
1438
|
+
return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(Qo, {}) : null;
|
|
1430
1439
|
}
|
|
1431
|
-
const
|
|
1432
|
-
function
|
|
1433
|
-
const n =
|
|
1440
|
+
const Jo = `${m.progress} ${m.trackInner}`, Xo = `${m.trackFill} ${m.trackInner}`;
|
|
1441
|
+
function le({ className: e }) {
|
|
1442
|
+
const n = g(), { hasAnnotations: o, hasQuizmarkers: i, interactive: a } = I(), c = e ? `${m.timelineWrapper} ${e}` : m.timelineWrapper;
|
|
1434
1443
|
return /* @__PURE__ */ s("div", { className: c, children: [
|
|
1435
|
-
a ? /* @__PURE__ */ t(
|
|
1436
|
-
a || o || i ? /* @__PURE__ */ t(
|
|
1444
|
+
a ? /* @__PURE__ */ t(Yo, {}) : null,
|
|
1445
|
+
a || o || i ? /* @__PURE__ */ t(qo, {}) : null,
|
|
1437
1446
|
/* @__PURE__ */ s(
|
|
1438
|
-
|
|
1447
|
+
E.Root,
|
|
1439
1448
|
{
|
|
1440
1449
|
className: m.root,
|
|
1441
1450
|
tabIndex: n.state.interactionsDisabled ? -1 : 0,
|
|
1442
1451
|
children: [
|
|
1443
|
-
/* @__PURE__ */ s(
|
|
1444
|
-
/* @__PURE__ */ t(
|
|
1445
|
-
/* @__PURE__ */ t(
|
|
1452
|
+
/* @__PURE__ */ s(E.Track, { className: m.track, children: [
|
|
1453
|
+
/* @__PURE__ */ t(E.Progress, { className: Jo }),
|
|
1454
|
+
/* @__PURE__ */ t(E.TrackFill, { className: Xo })
|
|
1446
1455
|
] }),
|
|
1447
|
-
/* @__PURE__ */ t(
|
|
1456
|
+
/* @__PURE__ */ t(E.Thumb, { className: m.thumb })
|
|
1448
1457
|
]
|
|
1449
1458
|
}
|
|
1450
1459
|
),
|
|
1451
|
-
/* @__PURE__ */ t(
|
|
1460
|
+
/* @__PURE__ */ t(Wo, {})
|
|
1452
1461
|
] });
|
|
1453
1462
|
}
|
|
1454
|
-
const
|
|
1455
|
-
wrapper:
|
|
1456
|
-
track:
|
|
1457
|
-
thumb:
|
|
1463
|
+
const ei = "_wrapper_12cb0_1", ti = "_track_12cb0_6", ni = "_thumb_12cb0_18", oi = "_track-fill_12cb0_32", ii = "_root_12cb0_51", F = {
|
|
1464
|
+
wrapper: ei,
|
|
1465
|
+
track: ti,
|
|
1466
|
+
thumb: ni,
|
|
1458
1467
|
"track-fill": "_track-fill_12cb0_32",
|
|
1459
|
-
trackFill:
|
|
1460
|
-
root:
|
|
1468
|
+
trackFill: oi,
|
|
1469
|
+
root: ii
|
|
1461
1470
|
};
|
|
1462
|
-
function
|
|
1463
|
-
const e =
|
|
1464
|
-
return /* @__PURE__ */ s("div", { className:
|
|
1471
|
+
function ai() {
|
|
1472
|
+
const e = v("volume"), n = v("muted"), o = g();
|
|
1473
|
+
return /* @__PURE__ */ s("div", { className: F.wrapper, children: [
|
|
1465
1474
|
/* @__PURE__ */ t(
|
|
1466
|
-
|
|
1475
|
+
De,
|
|
1467
1476
|
{
|
|
1468
1477
|
tabIndex: o.state.interactionsDisabled ? -1 : 0,
|
|
1469
1478
|
className: "controls-button",
|
|
1470
|
-
children: n || e == 0 ? /* @__PURE__ */ t(
|
|
1479
|
+
children: n || e == 0 ? /* @__PURE__ */ t(xe, { className: "controls-button-icon" }) : e < 0.5 ? /* @__PURE__ */ t(Me, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Ie, { className: "controls-button-icon" })
|
|
1471
1480
|
}
|
|
1472
1481
|
),
|
|
1473
1482
|
/* @__PURE__ */ s(
|
|
1474
|
-
|
|
1483
|
+
K.Root,
|
|
1475
1484
|
{
|
|
1476
|
-
className:
|
|
1485
|
+
className: F.root,
|
|
1477
1486
|
tabIndex: o.state.interactionsDisabled ? -1 : 0,
|
|
1478
1487
|
children: [
|
|
1479
|
-
/* @__PURE__ */ t(
|
|
1480
|
-
/* @__PURE__ */ t(
|
|
1488
|
+
/* @__PURE__ */ t(K.Track, { className: F.track, children: /* @__PURE__ */ t(K.TrackFill, { className: F.trackFill }) }),
|
|
1489
|
+
/* @__PURE__ */ t(K.Thumb, { className: F.thumb })
|
|
1481
1490
|
]
|
|
1482
1491
|
}
|
|
1483
1492
|
)
|
|
1484
1493
|
] });
|
|
1485
1494
|
}
|
|
1486
|
-
const
|
|
1495
|
+
const re = {
|
|
1487
1496
|
togglePaused: ["Space", "Enter", "k"],
|
|
1488
1497
|
seekForward: ["ArrowRight"],
|
|
1489
1498
|
seekBackward: ["ArrowLeft"],
|
|
@@ -1521,8 +1530,8 @@ const de = {
|
|
|
1521
1530
|
decreasePlaybackRate: {
|
|
1522
1531
|
keys: ["a"],
|
|
1523
1532
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
1524
|
-
const a =
|
|
1525
|
-
a >= 0 && (o.changePlaybackRate(
|
|
1533
|
+
const a = V.indexOf(n.playbackRate) - 1;
|
|
1534
|
+
a >= 0 && (o.changePlaybackRate(V[a]), n.$state.lastKeyboardAction.set({
|
|
1526
1535
|
action: "decreasePlaybackRate",
|
|
1527
1536
|
event: e
|
|
1528
1537
|
}));
|
|
@@ -1531,8 +1540,8 @@ const de = {
|
|
|
1531
1540
|
increasePlaybackRate: {
|
|
1532
1541
|
keys: ["d"],
|
|
1533
1542
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
1534
|
-
const a =
|
|
1535
|
-
a <
|
|
1543
|
+
const a = V.indexOf(n.playbackRate) + 1;
|
|
1544
|
+
a < V.length && (o.changePlaybackRate(V[a]), n.$state.lastKeyboardAction.set({
|
|
1536
1545
|
action: "increasePlaybackRate",
|
|
1537
1546
|
event: e
|
|
1538
1547
|
}));
|
|
@@ -1566,7 +1575,7 @@ const de = {
|
|
|
1566
1575
|
}
|
|
1567
1576
|
}
|
|
1568
1577
|
};
|
|
1569
|
-
function
|
|
1578
|
+
function si(e, n = 1e3) {
|
|
1570
1579
|
let o = !1;
|
|
1571
1580
|
return () => {
|
|
1572
1581
|
o || (e(), o = !0, setTimeout(() => {
|
|
@@ -1574,7 +1583,7 @@ function ci(e, n = 1e3) {
|
|
|
1574
1583
|
}, n));
|
|
1575
1584
|
};
|
|
1576
1585
|
}
|
|
1577
|
-
const
|
|
1586
|
+
const ue = {
|
|
1578
1587
|
volume: 1,
|
|
1579
1588
|
muted: !1,
|
|
1580
1589
|
lang: null,
|
|
@@ -1585,18 +1594,18 @@ const me = {
|
|
|
1585
1594
|
invert: !1,
|
|
1586
1595
|
comments: !1
|
|
1587
1596
|
};
|
|
1588
|
-
class
|
|
1597
|
+
class ci {
|
|
1589
1598
|
constructor() {
|
|
1590
1599
|
N(this, "playerId", "studio-player");
|
|
1591
1600
|
N(this, "mediaId", null);
|
|
1592
|
-
N(this, "data",
|
|
1601
|
+
N(this, "data", ue);
|
|
1593
1602
|
N(this, "time", null);
|
|
1594
1603
|
N(this, "saveTime", () => {
|
|
1595
1604
|
if (!this.mediaId) return;
|
|
1596
1605
|
const n = (this.time ?? 0).toString();
|
|
1597
1606
|
localStorage.setItem(this.mediaId, n);
|
|
1598
1607
|
});
|
|
1599
|
-
N(this, "saveTimeThrottled",
|
|
1608
|
+
N(this, "saveTimeThrottled", si(this.saveTime, 1e3));
|
|
1600
1609
|
// only used for useStudioPlayer hook's state initialization
|
|
1601
1610
|
N(this, "initializeState", () => {
|
|
1602
1611
|
const n = localStorage.getItem(this.playerId);
|
|
@@ -1673,7 +1682,7 @@ class li {
|
|
|
1673
1682
|
} catch {
|
|
1674
1683
|
}
|
|
1675
1684
|
this.data = {
|
|
1676
|
-
...
|
|
1685
|
+
...ue,
|
|
1677
1686
|
...l
|
|
1678
1687
|
}, this.time = c ? +c : null;
|
|
1679
1688
|
}
|
|
@@ -1683,129 +1692,127 @@ class li {
|
|
|
1683
1692
|
localStorage.setItem(this.playerId, n);
|
|
1684
1693
|
}
|
|
1685
1694
|
}
|
|
1686
|
-
function
|
|
1687
|
-
const n =
|
|
1695
|
+
function li(e) {
|
|
1696
|
+
const n = Z(() => new ci(), []), [o, i] = P(
|
|
1688
1697
|
n.initializeState
|
|
1689
|
-
), a =
|
|
1698
|
+
), a = f(
|
|
1690
1699
|
(d) => {
|
|
1691
|
-
i((
|
|
1692
|
-
...
|
|
1700
|
+
i((_) => (n.saveData("multiplier", d), {
|
|
1701
|
+
..._,
|
|
1693
1702
|
captionsFontSizeMultiplier: d
|
|
1694
1703
|
}));
|
|
1695
1704
|
},
|
|
1696
1705
|
[n]
|
|
1697
|
-
), c =
|
|
1706
|
+
), c = f(() => {
|
|
1698
1707
|
i((d) => {
|
|
1699
|
-
const
|
|
1700
|
-
return n.saveData("ontop",
|
|
1708
|
+
const _ = !d.captionPositionOnTop;
|
|
1709
|
+
return n.saveData("ontop", _), {
|
|
1701
1710
|
...d,
|
|
1702
|
-
captionPositionOnTop:
|
|
1711
|
+
captionPositionOnTop: _
|
|
1703
1712
|
};
|
|
1704
1713
|
});
|
|
1705
|
-
}, [n]), l =
|
|
1714
|
+
}, [n]), l = f(() => {
|
|
1706
1715
|
i((d) => {
|
|
1707
|
-
const
|
|
1708
|
-
return n.saveData("invert",
|
|
1716
|
+
const _ = !d.captionsInvertColors;
|
|
1717
|
+
return n.saveData("invert", _), {
|
|
1709
1718
|
...d,
|
|
1710
|
-
captionsInvertColors:
|
|
1719
|
+
captionsInvertColors: _
|
|
1711
1720
|
};
|
|
1712
1721
|
});
|
|
1713
|
-
}, [n]), u =
|
|
1722
|
+
}, [n]), u = f(() => {
|
|
1714
1723
|
i((d) => {
|
|
1715
|
-
const
|
|
1716
|
-
return n.saveData("comments",
|
|
1724
|
+
const _ = !d.commentsEnabled;
|
|
1725
|
+
return n.saveData("comments", _), {
|
|
1717
1726
|
...d,
|
|
1718
|
-
commentsEnabled:
|
|
1727
|
+
commentsEnabled: _
|
|
1719
1728
|
};
|
|
1720
1729
|
});
|
|
1721
|
-
}, [n]),
|
|
1730
|
+
}, [n]), h = f(() => {
|
|
1722
1731
|
i((d) => ({
|
|
1723
1732
|
...d,
|
|
1724
1733
|
interactionsDisabled: !1
|
|
1725
1734
|
}));
|
|
1726
|
-
}, []),
|
|
1735
|
+
}, []), p = f(() => {
|
|
1727
1736
|
i((d) => ({
|
|
1728
1737
|
...d,
|
|
1729
1738
|
interactionsDisabled: !0
|
|
1730
1739
|
}));
|
|
1731
|
-
}, []),
|
|
1732
|
-
...
|
|
1740
|
+
}, []), b = Z(() => e ? {
|
|
1741
|
+
...re,
|
|
1733
1742
|
toggleFullscreen: []
|
|
1734
|
-
} :
|
|
1743
|
+
} : re, [e]);
|
|
1735
1744
|
return {
|
|
1736
1745
|
contextValue: {
|
|
1737
1746
|
state: o,
|
|
1738
1747
|
setCaptionsFontSizeMultiplier: a,
|
|
1739
1748
|
toggleCaptionPositionOnTop: c,
|
|
1740
1749
|
toggleCaptionsInvertColors: l,
|
|
1741
|
-
enableInteractions:
|
|
1742
|
-
disableInteractions:
|
|
1750
|
+
enableInteractions: h,
|
|
1751
|
+
disableInteractions: p,
|
|
1743
1752
|
toggleComments: u
|
|
1744
1753
|
},
|
|
1745
|
-
shortcuts:
|
|
1754
|
+
shortcuts: b,
|
|
1746
1755
|
storage: n
|
|
1747
1756
|
};
|
|
1748
1757
|
}
|
|
1749
|
-
const
|
|
1758
|
+
const ri = {}, Q = () => {
|
|
1750
1759
|
};
|
|
1751
|
-
function
|
|
1760
|
+
function bi({
|
|
1752
1761
|
title: e,
|
|
1753
|
-
|
|
1762
|
+
playerRef: n,
|
|
1754
1763
|
src: o,
|
|
1755
1764
|
captions: i = [],
|
|
1756
1765
|
thumbnail: a,
|
|
1757
1766
|
hideFullScreen: c = !1,
|
|
1758
1767
|
comments: l = [],
|
|
1759
1768
|
locale: u = "en",
|
|
1760
|
-
annotations:
|
|
1761
|
-
quizMarkers:
|
|
1762
|
-
interactive:
|
|
1769
|
+
annotations: h = [],
|
|
1770
|
+
quizMarkers: p = [],
|
|
1771
|
+
interactive: b = !1,
|
|
1763
1772
|
onAnnotationClick: d = Q,
|
|
1764
|
-
onQuizMarkerClick:
|
|
1765
|
-
onInteractivePinClick:
|
|
1766
|
-
interactiveMenuElements:
|
|
1767
|
-
darkMode:
|
|
1773
|
+
onQuizMarkerClick: _ = Q,
|
|
1774
|
+
onInteractivePinClick: k = Q,
|
|
1775
|
+
interactiveMenuElements: A = [],
|
|
1776
|
+
darkMode: S = !1
|
|
1768
1777
|
}) {
|
|
1769
|
-
const { contextValue: x, shortcuts:
|
|
1770
|
-
return
|
|
1771
|
-
|
|
1772
|
-
}, [
|
|
1773
|
-
|
|
1774
|
-
}, [ie, u]), /* @__PURE__ */ t(
|
|
1775
|
-
ot,
|
|
1778
|
+
const { contextValue: x, shortcuts: He, storage: Ve } = li(c), { i18n: oe } = C();
|
|
1779
|
+
return R(() => {
|
|
1780
|
+
oe.changeLanguage(u);
|
|
1781
|
+
}, [oe, u]), /* @__PURE__ */ t(
|
|
1782
|
+
tt,
|
|
1776
1783
|
{
|
|
1777
1784
|
hideFullScreen: c,
|
|
1778
1785
|
comments: l,
|
|
1779
|
-
annotations:
|
|
1780
|
-
quizMarkers:
|
|
1781
|
-
interactive:
|
|
1786
|
+
annotations: h,
|
|
1787
|
+
quizMarkers: p,
|
|
1788
|
+
interactive: b,
|
|
1782
1789
|
onAnnotationClick: d,
|
|
1783
|
-
onQuizMarkerClick:
|
|
1784
|
-
onInteractivePinClick:
|
|
1785
|
-
interactiveMenuElements:
|
|
1786
|
-
darkMode:
|
|
1787
|
-
children: /* @__PURE__ */ t(
|
|
1788
|
-
|
|
1790
|
+
onQuizMarkerClick: _,
|
|
1791
|
+
onInteractivePinClick: k,
|
|
1792
|
+
interactiveMenuElements: A,
|
|
1793
|
+
darkMode: S,
|
|
1794
|
+
children: /* @__PURE__ */ t(et, { contextValue: x, children: /* @__PURE__ */ s(
|
|
1795
|
+
je,
|
|
1789
1796
|
{
|
|
1790
|
-
storage:
|
|
1797
|
+
storage: Ve,
|
|
1791
1798
|
title: e,
|
|
1792
1799
|
src: o,
|
|
1793
|
-
keyShortcuts:
|
|
1800
|
+
keyShortcuts: He,
|
|
1794
1801
|
playsInline: !0,
|
|
1795
1802
|
keyDisabled: x.state.interactionsDisabled,
|
|
1796
1803
|
children: [
|
|
1797
|
-
/* @__PURE__ */ t(
|
|
1798
|
-
/* @__PURE__ */ s(
|
|
1799
|
-
/* @__PURE__ */ t(
|
|
1800
|
-
/* @__PURE__ */ t(
|
|
1801
|
-
/* @__PURE__ */ t(
|
|
1802
|
-
/* @__PURE__ */ t(
|
|
1803
|
-
/* @__PURE__ */ t(
|
|
1804
|
-
/* @__PURE__ */ t(
|
|
1805
|
-
/* @__PURE__ */ t(
|
|
1804
|
+
/* @__PURE__ */ t(Jn, {}),
|
|
1805
|
+
/* @__PURE__ */ s(Ue, { className: ri.mediaProvider, children: [
|
|
1806
|
+
/* @__PURE__ */ t(io, { src: a }),
|
|
1807
|
+
/* @__PURE__ */ t(On, {}),
|
|
1808
|
+
/* @__PURE__ */ t(dt, {}),
|
|
1809
|
+
/* @__PURE__ */ t(_t, { captions: i }),
|
|
1810
|
+
/* @__PURE__ */ t(Mt, { comments: l }),
|
|
1811
|
+
/* @__PURE__ */ t(mo, {}),
|
|
1812
|
+
/* @__PURE__ */ t(Un, {})
|
|
1806
1813
|
] }),
|
|
1807
|
-
/* @__PURE__ */ t(
|
|
1808
|
-
/* @__PURE__ */ t(
|
|
1814
|
+
/* @__PURE__ */ t(Rt, { darkMode: S, playerRef: n }),
|
|
1815
|
+
/* @__PURE__ */ t(at, { annotations: h })
|
|
1809
1816
|
]
|
|
1810
1817
|
}
|
|
1811
1818
|
) })
|
|
@@ -1813,8 +1820,8 @@ function Ci({
|
|
|
1813
1820
|
);
|
|
1814
1821
|
}
|
|
1815
1822
|
export {
|
|
1816
|
-
|
|
1817
|
-
|
|
1818
|
-
|
|
1819
|
-
|
|
1823
|
+
ft as CAPTION_FONT_SIZE_MULTIPLIERS,
|
|
1824
|
+
Pe as COMMENT_DURATION,
|
|
1825
|
+
V as PLAYBACK_RATES,
|
|
1826
|
+
bi as StudioPlayer
|
|
1820
1827
|
};
|