@instructure/studio-player 0.2.3 → 0.2.5
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 -2
- 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 +550 -537
- 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) =>
|
|
4
|
-
import { jsx as t, jsxs as s, Fragment as
|
|
5
|
-
import { createContext as
|
|
6
|
-
import { useMediaPlayer as
|
|
7
|
-
import { initReactI18next as
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import { useFloating as
|
|
11
|
-
const
|
|
1
|
+
import './index-aLp7_0kW.css';var Oe = Object.defineProperty;
|
|
2
|
+
var Fe = (e, n, o) => n in e ? Oe(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o;
|
|
3
|
+
var N = (e, n, o) => Fe(e, typeof n != "symbol" ? n + "" : n, o);
|
|
4
|
+
import { jsx as t, jsxs as s, Fragment as X } from "react/jsx-runtime";
|
|
5
|
+
import { createContext as ee, useContext as w, useState as P, useCallback as f, useEffect as R, useMemo as Z, useRef as pe } from "react";
|
|
6
|
+
import { useMediaPlayer as q, Spinner as Q, useMediaRemote as W, useMediaState as v, isTrackCaptionKind as Ze, Track as $e, Captions as ze, usePlaybackRateOptions as Ke, useCaptionOptions as De, useVideoQualityOptions as je, useMediaStore as _e, FullscreenButton as fe, PlayButton as Ue, Poster as qe, Time as ce, TimeSlider as E, MuteButton as We, VolumeSlider as D, MediaPlayer as Ge, MediaProvider as Qe } from "@vidstack/react";
|
|
7
|
+
import { initReactI18next as Ye, useTranslation as C } from "react-i18next";
|
|
8
|
+
import Je from "i18next";
|
|
9
|
+
import Xe from "i18next-resources-to-backend";
|
|
10
|
+
import { useFloating as ve, autoUpdate as be, flip as Ce, arrow as ge, useDismiss as ke, useInteractions as ye, FloatingFocusManager as et, FloatingArrow as we, shift as tt, offset as nt } from "@floating-ui/react";
|
|
11
|
+
const ot = (e, n, o) => {
|
|
12
12
|
const i = e[n];
|
|
13
13
|
return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((a, c) => {
|
|
14
14
|
(typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
|
|
@@ -21,9 +21,9 @@ const et = (e, n, o) => {
|
|
|
21
21
|
);
|
|
22
22
|
});
|
|
23
23
|
};
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
(e) =>
|
|
24
|
+
Je.use(Ye).use(
|
|
25
|
+
Xe(
|
|
26
|
+
(e) => ot(/* @__PURE__ */ Object.assign({ "./locales/en.json": () => import("./en-DRnzP2ly.js"), "./locales/kl.json": () => import("./kl-DAr1HilW.js") }), `./locales/${e}.json`, 3)
|
|
27
27
|
)
|
|
28
28
|
).init({
|
|
29
29
|
fallbackLng: "en",
|
|
@@ -34,23 +34,23 @@ Ge.use(We).use(
|
|
|
34
34
|
escapeValue: !1
|
|
35
35
|
}
|
|
36
36
|
});
|
|
37
|
-
const
|
|
38
|
-
function
|
|
37
|
+
const Le = ee(null);
|
|
38
|
+
function it({
|
|
39
39
|
children: e,
|
|
40
40
|
contextValue: n
|
|
41
41
|
}) {
|
|
42
|
-
return /* @__PURE__ */ t(
|
|
42
|
+
return /* @__PURE__ */ t(Le.Provider, { value: n, children: e });
|
|
43
43
|
}
|
|
44
|
-
function
|
|
45
|
-
const e = w(
|
|
44
|
+
function g() {
|
|
45
|
+
const e = w(Le);
|
|
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 Pe = ee(null);
|
|
53
|
+
function at({
|
|
54
54
|
hideFullScreen: e,
|
|
55
55
|
comments: n,
|
|
56
56
|
annotations: o,
|
|
@@ -58,10 +58,10 @@ function nt({
|
|
|
58
58
|
interactive: a,
|
|
59
59
|
onAnnotationClick: c,
|
|
60
60
|
onQuizMarkerClick: l,
|
|
61
|
-
onInteractivePinClick:
|
|
62
|
-
interactiveMenuElements:
|
|
63
|
-
darkMode:
|
|
64
|
-
children:
|
|
61
|
+
onInteractivePinClick: u,
|
|
62
|
+
interactiveMenuElements: h,
|
|
63
|
+
darkMode: p,
|
|
64
|
+
children: b
|
|
65
65
|
}) {
|
|
66
66
|
const d = {
|
|
67
67
|
hideFullScreen: e,
|
|
@@ -71,91 +71,97 @@ function nt({
|
|
|
71
71
|
interactive: a,
|
|
72
72
|
onAnnotationClick: c,
|
|
73
73
|
onQuizMarkerClick: l,
|
|
74
|
-
onInteractivePinClick:
|
|
75
|
-
interactiveMenuElements:
|
|
76
|
-
darkMode:
|
|
74
|
+
onInteractivePinClick: u,
|
|
75
|
+
interactiveMenuElements: h,
|
|
76
|
+
darkMode: p,
|
|
77
77
|
hasComments: n.length > 0,
|
|
78
78
|
hasAnnotations: o.length > 0,
|
|
79
79
|
hasQuizmarkers: i.length > 0
|
|
80
80
|
};
|
|
81
|
-
return /* @__PURE__ */ t(
|
|
81
|
+
return /* @__PURE__ */ t(Pe.Provider, { value: d, children: b });
|
|
82
82
|
}
|
|
83
|
-
function
|
|
84
|
-
const e = w(
|
|
83
|
+
function I() {
|
|
84
|
+
const e = w(Pe);
|
|
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 st = "_annotation-overlay_1kxzn_1", ct = {
|
|
92
92
|
"annotation-overlay": "_annotation-overlay_1kxzn_1",
|
|
93
|
-
annotationOverlay:
|
|
94
|
-
},
|
|
93
|
+
annotationOverlay: st
|
|
94
|
+
}, le = 0.25, lt = (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 + le && !o && (o = !0, n(e)), (a < e.time || a >= e.time + le) && o && (o = !1);
|
|
99
99
|
};
|
|
100
100
|
};
|
|
101
|
-
function
|
|
102
|
-
const n =
|
|
101
|
+
function rt({ annotations: e }) {
|
|
102
|
+
const n = q(), 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 = lt(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: ct.annotationOverlay, children: a.render(u) }) : null;
|
|
125
131
|
}
|
|
126
|
-
const
|
|
132
|
+
const ut = "_media-buffering-indicator_1fwjr_1", dt = "_media-buffering-spinner_1fwjr_17", mt = "_media-buffering-spin_1fwjr_17", ht = "_media-buffering-track_1fwjr_22", pt = "_media-buffering-track-fill_1fwjr_27", j = {
|
|
127
133
|
"media-buffering-indicator": "_media-buffering-indicator_1fwjr_1",
|
|
128
|
-
mediaBufferingIndicator:
|
|
134
|
+
mediaBufferingIndicator: ut,
|
|
129
135
|
"media-buffering-spinner": "_media-buffering-spinner_1fwjr_17",
|
|
130
|
-
mediaBufferingSpinner:
|
|
136
|
+
mediaBufferingSpinner: dt,
|
|
131
137
|
"media-buffering-spin": "_media-buffering-spin_1fwjr_17",
|
|
132
|
-
mediaBufferingSpin:
|
|
138
|
+
mediaBufferingSpin: mt,
|
|
133
139
|
"media-buffering-track": "_media-buffering-track_1fwjr_22",
|
|
134
|
-
mediaBufferingTrack:
|
|
140
|
+
mediaBufferingTrack: ht,
|
|
135
141
|
"media-buffering-track-fill": "_media-buffering-track-fill_1fwjr_27",
|
|
136
|
-
mediaBufferingTrackFill:
|
|
142
|
+
mediaBufferingTrackFill: pt
|
|
137
143
|
};
|
|
138
|
-
function
|
|
139
|
-
return /* @__PURE__ */ t("div", { className:
|
|
140
|
-
/* @__PURE__ */ t(
|
|
144
|
+
function _t() {
|
|
145
|
+
return /* @__PURE__ */ t("div", { className: j.mediaBufferingIndicator, children: /* @__PURE__ */ s(Q.Root, { className: j.mediaBufferingSpinner, size: 96, children: [
|
|
146
|
+
/* @__PURE__ */ t(Q.Track, { className: j.mediaBufferingTrack, width: 8 }),
|
|
141
147
|
/* @__PURE__ */ t(
|
|
142
|
-
|
|
148
|
+
Q.TrackFill,
|
|
143
149
|
{
|
|
144
|
-
className:
|
|
150
|
+
className: j.mediaBufferingTrackFill,
|
|
145
151
|
width: 8
|
|
146
152
|
}
|
|
147
153
|
)
|
|
148
154
|
] }) });
|
|
149
155
|
}
|
|
150
|
-
const
|
|
156
|
+
const Ne = (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
|
+
] }), xe = (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 ft() {
|
|
164
|
+
const e = W(), n = v("textTrack"), o = v("hasCaptions"), i = n && Ze(n), a = g(), c = f(
|
|
159
165
|
(l) => {
|
|
160
166
|
e.toggleCaptions(l.nativeEvent);
|
|
161
167
|
},
|
|
@@ -169,18 +175,18 @@ function ht() {
|
|
|
169
175
|
onClick: c,
|
|
170
176
|
"aria-label": "Captions",
|
|
171
177
|
tabIndex: a.state.interactionsDisabled ? -1 : 0,
|
|
172
|
-
children: i ? /* @__PURE__ */ t(
|
|
178
|
+
children: i ? /* @__PURE__ */ t(xe, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Ne, { className: "controls-button-icon" })
|
|
173
179
|
}
|
|
174
180
|
) : null;
|
|
175
181
|
}
|
|
176
|
-
const
|
|
177
|
-
captions:
|
|
182
|
+
const vt = "_captions_13epz_1", bt = {
|
|
183
|
+
captions: vt
|
|
178
184
|
};
|
|
179
|
-
function
|
|
180
|
-
const n =
|
|
181
|
-
return /* @__PURE__ */ s(
|
|
185
|
+
function Ct({ captions: e }) {
|
|
186
|
+
const n = v("hasCaptions"), o = g();
|
|
187
|
+
return /* @__PURE__ */ s(X, { children: [
|
|
182
188
|
e.map((i) => /* @__PURE__ */ t(
|
|
183
|
-
|
|
189
|
+
$e,
|
|
184
190
|
{
|
|
185
191
|
kind: "subtitles",
|
|
186
192
|
type: i.type,
|
|
@@ -200,12 +206,12 @@ function ft({ captions: e }) {
|
|
|
200
206
|
"--captions-color": o.state.captionsInvertColors ? "rgba(22, 22, 22)" : "white",
|
|
201
207
|
"--captions-background-color": o.state.captionsInvertColors ? "rgba(255, 255, 255, 0.75)" : "rgba(22, 22, 22, 0.75)"
|
|
202
208
|
},
|
|
203
|
-
children: /* @__PURE__ */ t(
|
|
209
|
+
children: /* @__PURE__ */ t(ze, { className: bt.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], gt = [0.5, 1, 2, 3, 4], Me = 5, kt = (e) => {
|
|
209
215
|
const [, n] = P({});
|
|
210
216
|
return Z(() => {
|
|
211
217
|
let o = [];
|
|
@@ -221,20 +227,20 @@ const H = [0.5, 0.75, 1, 1.25, 1.5, 2], vt = [0.5, 1, 2, 3, 4], Ne = 5, bt = (e)
|
|
|
221
227
|
}
|
|
222
228
|
};
|
|
223
229
|
}, []);
|
|
224
|
-
},
|
|
230
|
+
}, yt = (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
|
+
}, wt = (e, n = 5) => {
|
|
237
|
+
const o = q(), i = kt(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 = yt(c, Me, i);
|
|
238
244
|
a.push(l), o.addEventListener("time-update", l);
|
|
239
245
|
}
|
|
240
246
|
return () => {
|
|
@@ -242,99 +248,99 @@ const H = [0.5, 0.75, 1, 1.25, 1.5, 2], vt = [0.5, 1, 2, 3, 4], Ne = 5, bt = (e)
|
|
|
242
248
|
o.removeEventListener("time-update", c);
|
|
243
249
|
};
|
|
244
250
|
}, [o, i, e]), i;
|
|
245
|
-
},
|
|
251
|
+
}, Lt = "_comments-overlay_agbjl_1", Pt = "_comments-container_agbjl_9", Nt = "_comment_agbjl_1", xt = "_comment-text_agbjl_44", Mt = "_comment-author-avatar_agbjl_67", It = "_comment-author-name_agbjl_86", B = {
|
|
246
252
|
"comments-overlay": "_comments-overlay_agbjl_1",
|
|
247
|
-
commentsOverlay:
|
|
253
|
+
commentsOverlay: Lt,
|
|
248
254
|
"comments-container": "_comments-container_agbjl_9",
|
|
249
|
-
commentsContainer:
|
|
250
|
-
comment:
|
|
255
|
+
commentsContainer: Pt,
|
|
256
|
+
comment: Nt,
|
|
251
257
|
"comment-text": "_comment-text_agbjl_44",
|
|
252
|
-
commentText:
|
|
258
|
+
commentText: xt,
|
|
253
259
|
"comment-author-avatar": "_comment-author-avatar_agbjl_67",
|
|
254
|
-
commentAuthorAvatar:
|
|
260
|
+
commentAuthorAvatar: Mt,
|
|
255
261
|
"comment-author-name": "_comment-author-name_agbjl_86",
|
|
256
|
-
commentAuthorName:
|
|
262
|
+
commentAuthorName: It
|
|
257
263
|
};
|
|
258
|
-
function
|
|
259
|
-
return /* @__PURE__ */ s("div", { className:
|
|
264
|
+
function Tt({ 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 St = 5;
|
|
279
|
+
function Ht({ comments: e }) {
|
|
280
|
+
const n = g(), o = wt(e, St), i = !!v("textTrack"), a = o.map((c) => /* @__PURE__ */ t(Tt, { 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
|
|
287
|
-
root:
|
|
292
|
+
const Vt = "_root_fph0z_1", Bt = "_left-controls_fph0z_28", Rt = "_right-controls_fph0z_34", At = "_indicators_fph0z_40", Et = "_normal-timeline_fph0z_49", Ot = "_compact-timeline_fph0z_55", H = {
|
|
293
|
+
root: Vt,
|
|
288
294
|
"left-controls": "_left-controls_fph0z_28",
|
|
289
|
-
leftControls:
|
|
295
|
+
leftControls: Bt,
|
|
290
296
|
"right-controls": "_right-controls_fph0z_34",
|
|
291
|
-
rightControls:
|
|
292
|
-
indicators:
|
|
297
|
+
rightControls: Rt,
|
|
298
|
+
indicators: At,
|
|
293
299
|
"normal-timeline": "_normal-timeline_fph0z_49",
|
|
294
|
-
normalTimeline:
|
|
300
|
+
normalTimeline: Et,
|
|
295
301
|
"compact-timeline": "_compact-timeline_fph0z_55",
|
|
296
|
-
compactTimeline:
|
|
302
|
+
compactTimeline: Ot
|
|
297
303
|
};
|
|
298
|
-
function
|
|
299
|
-
const o =
|
|
300
|
-
return
|
|
304
|
+
function Ft({ darkMode: e, playerRef: n }) {
|
|
305
|
+
const o = q();
|
|
306
|
+
return R(() => {
|
|
301
307
|
o && (o.remoteControl.pauseControls(), n && (n.current = o));
|
|
302
|
-
}, [o, n]), /* @__PURE__ */ s("div", { "data-darkmode": e, className:
|
|
303
|
-
/* @__PURE__ */ t(
|
|
304
|
-
/* @__PURE__ */ s("div", { className:
|
|
305
|
-
/* @__PURE__ */ t(
|
|
306
|
-
/* @__PURE__ */ t(
|
|
308
|
+
}, [o, n]), /* @__PURE__ */ s("div", { "data-darkmode": e, className: H.root, children: [
|
|
309
|
+
/* @__PURE__ */ t(de, { className: H.normalTimeline }),
|
|
310
|
+
/* @__PURE__ */ s("div", { className: H.leftControls, children: [
|
|
311
|
+
/* @__PURE__ */ t(ao, {}),
|
|
312
|
+
/* @__PURE__ */ t(ri, {})
|
|
307
313
|
] }),
|
|
308
|
-
/* @__PURE__ */ t("div", { className:
|
|
309
|
-
/* @__PURE__ */ t(
|
|
310
|
-
/* @__PURE__ */ s("div", { className:
|
|
311
|
-
/* @__PURE__ */ t(
|
|
312
|
-
/* @__PURE__ */ t(
|
|
313
|
-
/* @__PURE__ */ t(
|
|
314
|
+
/* @__PURE__ */ t("div", { className: H.indicators, children: /* @__PURE__ */ t(Co, {}) }),
|
|
315
|
+
/* @__PURE__ */ t(de, { className: H.compactTimeline }),
|
|
316
|
+
/* @__PURE__ */ s("div", { className: H.rightControls, children: [
|
|
317
|
+
/* @__PURE__ */ t(ft, {}),
|
|
318
|
+
/* @__PURE__ */ t(Sn, {}),
|
|
319
|
+
/* @__PURE__ */ t(qn, {})
|
|
314
320
|
] })
|
|
315
321
|
] });
|
|
316
322
|
}
|
|
317
|
-
const L =
|
|
323
|
+
const L = ee(null), Zt = (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" }) }), $t = "_menu-hint_k49ve_1", zt = "_menu-button_k49ve_5", Kt = "_menu-label_k49ve_37", Dt = "_menu-icon_k49ve_42", U = {
|
|
318
324
|
"menu-hint": "_menu-hint_k49ve_1",
|
|
319
|
-
menuHint:
|
|
325
|
+
menuHint: $t,
|
|
320
326
|
"menu-button": "_menu-button_k49ve_5",
|
|
321
|
-
menuButton:
|
|
327
|
+
menuButton: zt,
|
|
322
328
|
"menu-label": "_menu-label_k49ve_37",
|
|
323
|
-
menuLabel:
|
|
329
|
+
menuLabel: Kt,
|
|
324
330
|
"menu-icon": "_menu-icon_k49ve_42",
|
|
325
|
-
menuIcon:
|
|
331
|
+
menuIcon: Dt
|
|
326
332
|
};
|
|
327
333
|
function $({ label: e, hint: n, onClick: o, Icon: i }) {
|
|
328
|
-
return /* @__PURE__ */ s("button", { type: "button", className:
|
|
329
|
-
i && /* @__PURE__ */ t(i, { className:
|
|
330
|
-
/* @__PURE__ */ t("span", { className:
|
|
331
|
-
/* @__PURE__ */ t("span", { className:
|
|
332
|
-
/* @__PURE__ */ t(
|
|
334
|
+
return /* @__PURE__ */ s("button", { type: "button", className: U.menuButton, onClick: o, children: [
|
|
335
|
+
i && /* @__PURE__ */ t(i, { className: U.menuIcon }),
|
|
336
|
+
/* @__PURE__ */ t("span", { className: U.menuLabel, children: e }),
|
|
337
|
+
/* @__PURE__ */ t("span", { className: U.menuHint, children: n }),
|
|
338
|
+
/* @__PURE__ */ t(Zt, {})
|
|
333
339
|
] });
|
|
334
340
|
}
|
|
335
|
-
const
|
|
336
|
-
function
|
|
337
|
-
const e = w(L), n =
|
|
341
|
+
const jt = (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 Ut() {
|
|
343
|
+
const e = w(L), n = v("playbackRate"), { t: o } = C(), i = f(() => {
|
|
338
344
|
e && e.setPage("speed");
|
|
339
345
|
}, [e]);
|
|
340
346
|
return e ? /* @__PURE__ */ t(
|
|
@@ -343,12 +349,12 @@ function zt() {
|
|
|
343
349
|
label: o("PLAYBACK_SPEED"),
|
|
344
350
|
hint: `${n}x`,
|
|
345
351
|
onClick: i,
|
|
346
|
-
Icon:
|
|
352
|
+
Icon: jt
|
|
347
353
|
}
|
|
348
354
|
) : null;
|
|
349
355
|
}
|
|
350
|
-
function
|
|
351
|
-
const e = w(L), n =
|
|
356
|
+
function qt() {
|
|
357
|
+
const e = w(L), n = v("hasCaptions"), o = v("textTrack"), { t: i } = C(), a = f(() => {
|
|
352
358
|
e && e.setPage("captions");
|
|
353
359
|
}, [e]);
|
|
354
360
|
return e && n ? /* @__PURE__ */ t(
|
|
@@ -357,11 +363,11 @@ function Kt() {
|
|
|
357
363
|
label: i("CAPTIONS"),
|
|
358
364
|
hint: (o == null ? void 0 : o.label) ?? i("OFF"),
|
|
359
365
|
onClick: a,
|
|
360
|
-
Icon:
|
|
366
|
+
Icon: Ne
|
|
361
367
|
}
|
|
362
368
|
) : null;
|
|
363
369
|
}
|
|
364
|
-
const
|
|
370
|
+
const Wt = (e) => /* @__PURE__ */ s("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
|
|
365
371
|
/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_412_23039", children: /* @__PURE__ */ t("rect", { width: 18, height: 18, fill: "white" }) }) }),
|
|
366
372
|
/* @__PURE__ */ s("g", { clipPath: "url(#clip0_412_23039)", children: [
|
|
367
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" }),
|
|
@@ -369,8 +375,8 @@ const Dt = (e) => /* @__PURE__ */ s("svg", { width: 18, height: 18, viewBox: "0
|
|
|
369
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" })
|
|
370
376
|
] })
|
|
371
377
|
] });
|
|
372
|
-
function
|
|
373
|
-
const e = w(L), n =
|
|
378
|
+
function Gt() {
|
|
379
|
+
const e = w(L), n = v("autoQuality"), o = v("quality"), { t: i } = C(), a = f(() => {
|
|
374
380
|
e && e.setPage("quality");
|
|
375
381
|
}, [e]);
|
|
376
382
|
return e && o ? /* @__PURE__ */ t(
|
|
@@ -379,31 +385,31 @@ function jt() {
|
|
|
379
385
|
label: i("QUALITY"),
|
|
380
386
|
hint: n ? i("AUTO", { quality: o.height }) : `${o.height}p`,
|
|
381
387
|
onClick: a,
|
|
382
|
-
Icon:
|
|
388
|
+
Icon: Wt
|
|
383
389
|
}
|
|
384
390
|
) : null;
|
|
385
391
|
}
|
|
386
|
-
const
|
|
392
|
+
const 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 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" }) }), Yt = (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" }) }), Jt = "_switch-track_vptv3_1", Xt = "_switch-thumb_vptv3_11", en = "_switch-icon_vptv3_25", tn = "_switch-body_vptv3_31", nn = "_switch-label_vptv3_68", on = "_menu-icon_vptv3_72", M = {
|
|
387
393
|
"switch-track": "_switch-track_vptv3_1",
|
|
388
|
-
switchTrack:
|
|
394
|
+
switchTrack: Jt,
|
|
389
395
|
"switch-thumb": "_switch-thumb_vptv3_11",
|
|
390
|
-
switchThumb:
|
|
396
|
+
switchThumb: Xt,
|
|
391
397
|
"switch-icon": "_switch-icon_vptv3_25",
|
|
392
|
-
switchIcon:
|
|
398
|
+
switchIcon: en,
|
|
393
399
|
"switch-body": "_switch-body_vptv3_31",
|
|
394
|
-
switchBody:
|
|
400
|
+
switchBody: tn,
|
|
395
401
|
"switch-label": "_switch-label_vptv3_68",
|
|
396
|
-
switchLabel:
|
|
402
|
+
switchLabel: nn,
|
|
397
403
|
"menu-icon": "_menu-icon_vptv3_72",
|
|
398
|
-
menuIcon:
|
|
404
|
+
menuIcon: on
|
|
399
405
|
};
|
|
400
|
-
function
|
|
406
|
+
function te({
|
|
401
407
|
label: e,
|
|
402
408
|
checked: n = !1,
|
|
403
409
|
onClick: o,
|
|
404
410
|
Icon: i
|
|
405
411
|
}) {
|
|
406
|
-
const a =
|
|
412
|
+
const a = f(
|
|
407
413
|
(c) => {
|
|
408
414
|
(c.key === "Enter" || c.key === " ") && (o == null || o());
|
|
409
415
|
},
|
|
@@ -421,18 +427,18 @@ function ee({
|
|
|
421
427
|
children: [
|
|
422
428
|
i && /* @__PURE__ */ t(i, { className: M.menuIcon }),
|
|
423
429
|
/* @__PURE__ */ t("span", { className: M.switchLabel, children: e }),
|
|
424
|
-
/* @__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(Qt, { className: M.switchIcon }) : /* @__PURE__ */ t(Yt, { className: M.switchIcon }) }) })
|
|
425
431
|
]
|
|
426
432
|
}
|
|
427
433
|
);
|
|
428
434
|
}
|
|
429
|
-
const
|
|
430
|
-
function
|
|
431
|
-
const { t: e } =
|
|
435
|
+
const 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: "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 sn() {
|
|
437
|
+
const { t: e } = C(), n = I(), o = g();
|
|
432
438
|
return n.hasComments ? /* @__PURE__ */ t(
|
|
433
|
-
|
|
439
|
+
te,
|
|
434
440
|
{
|
|
435
|
-
Icon:
|
|
441
|
+
Icon: an,
|
|
436
442
|
label: e("COMMENTS"),
|
|
437
443
|
onClick: o.toggleComments,
|
|
438
444
|
checked: o.state.commentsEnabled
|
|
@@ -440,7 +446,7 @@ function tn() {
|
|
|
440
446
|
) : null;
|
|
441
447
|
}
|
|
442
448
|
function T(e) {
|
|
443
|
-
|
|
449
|
+
R(() => {
|
|
444
450
|
const n = (o) => {
|
|
445
451
|
o.key === "Escape" && (e == null || e());
|
|
446
452
|
};
|
|
@@ -449,46 +455,46 @@ function T(e) {
|
|
|
449
455
|
};
|
|
450
456
|
}, []);
|
|
451
457
|
}
|
|
452
|
-
const
|
|
458
|
+
const cn = "_main-menu_7h96l_1", ln = {
|
|
453
459
|
"main-menu": "_main-menu_7h96l_1",
|
|
454
|
-
mainMenu:
|
|
460
|
+
mainMenu: cn
|
|
455
461
|
};
|
|
456
|
-
function
|
|
462
|
+
function rn() {
|
|
457
463
|
const e = w(L);
|
|
458
|
-
return T(e == null ? void 0 : e.toggle), /* @__PURE__ */ s("div", { className:
|
|
459
|
-
/* @__PURE__ */ t(
|
|
460
|
-
/* @__PURE__ */ t(
|
|
461
|
-
/* @__PURE__ */ t(
|
|
462
|
-
/* @__PURE__ */ t(
|
|
464
|
+
return T(e == null ? void 0 : e.toggle), /* @__PURE__ */ s("div", { className: ln.mainMenu, children: [
|
|
465
|
+
/* @__PURE__ */ t(Ut, {}),
|
|
466
|
+
/* @__PURE__ */ t(qt, {}),
|
|
467
|
+
/* @__PURE__ */ t(sn, {}),
|
|
468
|
+
/* @__PURE__ */ t(Gt, {})
|
|
463
469
|
] });
|
|
464
470
|
}
|
|
465
|
-
const
|
|
471
|
+
const G = (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" }) }), un = "_menu-container_1bjr3_1", dn = "_menu-options_1bjr3_6", mn = "_menu-heading_1bjr3_11", hn = "_check-icon_1bjr3_27", pn = "_menu-item-label_1bjr3_33", _n = "_menu-item_1bjr3_33", fn = "_menu-back-button_1bjr3_66", r = {
|
|
466
472
|
"menu-container": "_menu-container_1bjr3_1",
|
|
467
|
-
menuContainer:
|
|
473
|
+
menuContainer: un,
|
|
468
474
|
"menu-options": "_menu-options_1bjr3_6",
|
|
469
|
-
menuOptions:
|
|
475
|
+
menuOptions: dn,
|
|
470
476
|
"menu-heading": "_menu-heading_1bjr3_11",
|
|
471
|
-
menuHeading:
|
|
477
|
+
menuHeading: mn,
|
|
472
478
|
"check-icon": "_check-icon_1bjr3_27",
|
|
473
|
-
checkIcon:
|
|
479
|
+
checkIcon: hn,
|
|
474
480
|
"menu-item-label": "_menu-item-label_1bjr3_33",
|
|
475
|
-
menuItemLabel:
|
|
481
|
+
menuItemLabel: pn,
|
|
476
482
|
"menu-item": "_menu-item_1bjr3_33",
|
|
477
|
-
menuItem:
|
|
483
|
+
menuItem: _n,
|
|
478
484
|
"menu-back-button": "_menu-back-button_1bjr3_66",
|
|
479
|
-
menuBackButton:
|
|
485
|
+
menuBackButton: fn
|
|
480
486
|
};
|
|
481
|
-
function
|
|
482
|
-
const e = w(L), n =
|
|
483
|
-
rates:
|
|
487
|
+
function vn() {
|
|
488
|
+
const e = w(L), n = Ke({
|
|
489
|
+
rates: V,
|
|
484
490
|
normalLabel: "1x"
|
|
485
|
-
}), { t: o } =
|
|
486
|
-
return T(e == null ? void 0 : e.backToMain), e ? /* @__PURE__ */ s("div", { className:
|
|
491
|
+
}), { t: o } = C();
|
|
492
|
+
return T(e == null ? void 0 : e.backToMain), e ? /* @__PURE__ */ s("div", { className: r.menuContainer, children: [
|
|
487
493
|
/* @__PURE__ */ s(
|
|
488
494
|
"button",
|
|
489
495
|
{
|
|
490
496
|
type: "button",
|
|
491
|
-
className:
|
|
497
|
+
className: r.menuBackButton,
|
|
492
498
|
onClick: e.backToMain,
|
|
493
499
|
children: [
|
|
494
500
|
/* @__PURE__ */ t(z, {}),
|
|
@@ -496,8 +502,8 @@ function hn() {
|
|
|
496
502
|
]
|
|
497
503
|
}
|
|
498
504
|
),
|
|
499
|
-
/* @__PURE__ */ t("strong", { className:
|
|
500
|
-
/* @__PURE__ */ t("div", { role: "menu", className:
|
|
505
|
+
/* @__PURE__ */ t("strong", { className: r.menuHeading, children: o("PLAYBACK_SPEED") }),
|
|
506
|
+
/* @__PURE__ */ t("div", { role: "menu", className: r.menuOptions, children: n.map(({ value: i, label: a, select: c, selected: l }) => /* @__PURE__ */ s(
|
|
501
507
|
"button",
|
|
502
508
|
{
|
|
503
509
|
type: "button",
|
|
@@ -506,18 +512,18 @@ function hn() {
|
|
|
506
512
|
onClick: () => {
|
|
507
513
|
c(), e.backToMain(), e.toggle();
|
|
508
514
|
},
|
|
509
|
-
className:
|
|
515
|
+
className: r.menuItem,
|
|
510
516
|
children: [
|
|
511
|
-
/* @__PURE__ */ t(
|
|
512
|
-
/* @__PURE__ */ t("span", { className:
|
|
517
|
+
/* @__PURE__ */ t(G, { className: r.checkIcon }),
|
|
518
|
+
/* @__PURE__ */ t("span", { className: r.menuItemLabel, children: a })
|
|
513
519
|
]
|
|
514
520
|
},
|
|
515
521
|
i
|
|
516
522
|
)) })
|
|
517
523
|
] }) : null;
|
|
518
524
|
}
|
|
519
|
-
function
|
|
520
|
-
const e = w(L), n =
|
|
525
|
+
function bn() {
|
|
526
|
+
const e = w(L), n = v("textTrack"), { t: o } = C(), i = f(() => {
|
|
521
527
|
e && e.setPage("captionLanguage");
|
|
522
528
|
}, [e]);
|
|
523
529
|
return e ? /* @__PURE__ */ t(
|
|
@@ -529,8 +535,8 @@ function pn() {
|
|
|
529
535
|
}
|
|
530
536
|
) : null;
|
|
531
537
|
}
|
|
532
|
-
function
|
|
533
|
-
const { t: e } =
|
|
538
|
+
function Cn() {
|
|
539
|
+
const { t: e } = C(), n = g(), o = w(L), i = f(() => {
|
|
534
540
|
o && o.setPage("captionFontSize");
|
|
535
541
|
}, [o]);
|
|
536
542
|
return o ? /* @__PURE__ */ t(
|
|
@@ -542,10 +548,10 @@ function _n() {
|
|
|
542
548
|
}
|
|
543
549
|
) : null;
|
|
544
550
|
}
|
|
545
|
-
function
|
|
546
|
-
const { t: e } =
|
|
551
|
+
function gn() {
|
|
552
|
+
const { t: e } = C(), n = g();
|
|
547
553
|
return /* @__PURE__ */ t(
|
|
548
|
-
|
|
554
|
+
te,
|
|
549
555
|
{
|
|
550
556
|
label: e("ON_TOP"),
|
|
551
557
|
onClick: n.toggleCaptionPositionOnTop,
|
|
@@ -553,10 +559,10 @@ function fn() {
|
|
|
553
559
|
}
|
|
554
560
|
);
|
|
555
561
|
}
|
|
556
|
-
function
|
|
557
|
-
const { t: e } =
|
|
562
|
+
function kn() {
|
|
563
|
+
const { t: e } = C(), n = g();
|
|
558
564
|
return /* @__PURE__ */ t(
|
|
559
|
-
|
|
565
|
+
te,
|
|
560
566
|
{
|
|
561
567
|
label: e("INVERT_COLORS"),
|
|
562
568
|
onClick: n.toggleCaptionsInvertColors,
|
|
@@ -564,14 +570,14 @@ function vn() {
|
|
|
564
570
|
}
|
|
565
571
|
);
|
|
566
572
|
}
|
|
567
|
-
function
|
|
568
|
-
const e = w(L), { t: n } =
|
|
569
|
-
return T(e == null ? void 0 : e.backToMain), e ? /* @__PURE__ */ s("div", { className:
|
|
573
|
+
function yn() {
|
|
574
|
+
const e = w(L), { t: n } = C();
|
|
575
|
+
return T(e == null ? void 0 : e.backToMain), e ? /* @__PURE__ */ s("div", { className: r.menuContainer, children: [
|
|
570
576
|
/* @__PURE__ */ s(
|
|
571
577
|
"button",
|
|
572
578
|
{
|
|
573
579
|
type: "button",
|
|
574
|
-
className:
|
|
580
|
+
className: r.menuBackButton,
|
|
575
581
|
onClick: e.backToMain,
|
|
576
582
|
children: [
|
|
577
583
|
/* @__PURE__ */ t(z, {}),
|
|
@@ -579,21 +585,21 @@ function bn() {
|
|
|
579
585
|
]
|
|
580
586
|
}
|
|
581
587
|
),
|
|
582
|
-
/* @__PURE__ */ t("strong", { className:
|
|
583
|
-
/* @__PURE__ */ t(
|
|
584
|
-
/* @__PURE__ */ t(
|
|
585
|
-
/* @__PURE__ */ t(
|
|
586
|
-
/* @__PURE__ */ t(
|
|
588
|
+
/* @__PURE__ */ t("strong", { className: r.menuHeading, children: n("CAPTIONS") }),
|
|
589
|
+
/* @__PURE__ */ t(bn, {}),
|
|
590
|
+
/* @__PURE__ */ t(Cn, {}),
|
|
591
|
+
/* @__PURE__ */ t(gn, {}),
|
|
592
|
+
/* @__PURE__ */ t(kn, {})
|
|
587
593
|
] }) : null;
|
|
588
594
|
}
|
|
589
|
-
function
|
|
590
|
-
const e = w(L), n =
|
|
591
|
-
return T(e == null ? void 0 : e.backToCaptions), e ? /* @__PURE__ */ s("div", { className:
|
|
595
|
+
function wn() {
|
|
596
|
+
const e = w(L), n = De(), { t: o } = C();
|
|
597
|
+
return T(e == null ? void 0 : e.backToCaptions), e ? /* @__PURE__ */ s("div", { className: r.menuContainer, children: [
|
|
592
598
|
/* @__PURE__ */ s(
|
|
593
599
|
"button",
|
|
594
600
|
{
|
|
595
601
|
type: "button",
|
|
596
|
-
className:
|
|
602
|
+
className: r.menuBackButton,
|
|
597
603
|
onClick: e.backToCaptions,
|
|
598
604
|
children: [
|
|
599
605
|
/* @__PURE__ */ t(z, {}),
|
|
@@ -601,8 +607,8 @@ function Cn() {
|
|
|
601
607
|
]
|
|
602
608
|
}
|
|
603
609
|
),
|
|
604
|
-
/* @__PURE__ */ t("strong", { className:
|
|
605
|
-
/* @__PURE__ */ t("div", { role: "menu", className:
|
|
610
|
+
/* @__PURE__ */ t("strong", { className: r.menuHeading, children: o("CAPTIONS") }),
|
|
611
|
+
/* @__PURE__ */ t("div", { role: "menu", className: r.menuOptions, children: n.map(({ value: i, label: a, select: c, selected: l }) => /* @__PURE__ */ s(
|
|
606
612
|
"button",
|
|
607
613
|
{
|
|
608
614
|
type: "button",
|
|
@@ -611,24 +617,24 @@ function Cn() {
|
|
|
611
617
|
onClick: () => {
|
|
612
618
|
c(), e.backToMain(), e.toggle();
|
|
613
619
|
},
|
|
614
|
-
className:
|
|
620
|
+
className: r.menuItem,
|
|
615
621
|
children: [
|
|
616
|
-
/* @__PURE__ */ t(
|
|
617
|
-
/* @__PURE__ */ t("span", { className:
|
|
622
|
+
/* @__PURE__ */ t(G, { className: r.checkIcon }),
|
|
623
|
+
/* @__PURE__ */ t("span", { className: r.menuItemLabel, children: a })
|
|
618
624
|
]
|
|
619
625
|
},
|
|
620
626
|
i
|
|
621
627
|
)) })
|
|
622
628
|
] }) : null;
|
|
623
629
|
}
|
|
624
|
-
function
|
|
625
|
-
const e =
|
|
626
|
-
return T(n == null ? void 0 : n.backToCaptions), n ? /* @__PURE__ */ s("div", { className:
|
|
630
|
+
function Ln() {
|
|
631
|
+
const e = g(), n = w(L), { t: o } = C();
|
|
632
|
+
return T(n == null ? void 0 : n.backToCaptions), n ? /* @__PURE__ */ s("div", { className: r.menuContainer, children: [
|
|
627
633
|
/* @__PURE__ */ s(
|
|
628
634
|
"button",
|
|
629
635
|
{
|
|
630
636
|
type: "button",
|
|
631
|
-
className:
|
|
637
|
+
className: r.menuBackButton,
|
|
632
638
|
onClick: n.backToCaptions,
|
|
633
639
|
children: [
|
|
634
640
|
/* @__PURE__ */ t(z, {}),
|
|
@@ -636,8 +642,8 @@ function gn() {
|
|
|
636
642
|
]
|
|
637
643
|
}
|
|
638
644
|
),
|
|
639
|
-
/* @__PURE__ */ t("strong", { className:
|
|
640
|
-
/* @__PURE__ */ t("div", { role: "menu", className:
|
|
645
|
+
/* @__PURE__ */ t("strong", { className: r.menuHeading, children: o("CAPTIONS") }),
|
|
646
|
+
/* @__PURE__ */ t("div", { role: "menu", className: r.menuOptions, children: gt.map((i) => /* @__PURE__ */ s(
|
|
641
647
|
"button",
|
|
642
648
|
{
|
|
643
649
|
type: "button",
|
|
@@ -646,10 +652,10 @@ function gn() {
|
|
|
646
652
|
onClick: () => {
|
|
647
653
|
e.setCaptionsFontSizeMultiplier(i), n.backToMain(), n.toggle();
|
|
648
654
|
},
|
|
649
|
-
className:
|
|
655
|
+
className: r.menuItem,
|
|
650
656
|
children: [
|
|
651
|
-
/* @__PURE__ */ t(
|
|
652
|
-
/* @__PURE__ */ s("span", { className:
|
|
657
|
+
/* @__PURE__ */ t(G, { className: r.checkIcon }),
|
|
658
|
+
/* @__PURE__ */ s("span", { className: r.menuItemLabel, children: [
|
|
653
659
|
i * 100,
|
|
654
660
|
"%"
|
|
655
661
|
] })
|
|
@@ -659,14 +665,14 @@ function gn() {
|
|
|
659
665
|
)) })
|
|
660
666
|
] }) : null;
|
|
661
667
|
}
|
|
662
|
-
function
|
|
663
|
-
const e = w(L), n =
|
|
664
|
-
return T(e == null ? void 0 : e.backToMain), e ? /* @__PURE__ */ s("div", { className:
|
|
668
|
+
function Pn() {
|
|
669
|
+
const e = w(L), n = je({ sort: "descending" }), o = v("autoQuality"), { t: i } = C();
|
|
670
|
+
return T(e == null ? void 0 : e.backToMain), e ? /* @__PURE__ */ s("div", { className: r.menuContainer, children: [
|
|
665
671
|
/* @__PURE__ */ s(
|
|
666
672
|
"button",
|
|
667
673
|
{
|
|
668
674
|
type: "button",
|
|
669
|
-
className:
|
|
675
|
+
className: r.menuBackButton,
|
|
670
676
|
onClick: e.backToMain,
|
|
671
677
|
children: [
|
|
672
678
|
/* @__PURE__ */ t(z, {}),
|
|
@@ -674,78 +680,78 @@ function kn() {
|
|
|
674
680
|
]
|
|
675
681
|
}
|
|
676
682
|
),
|
|
677
|
-
/* @__PURE__ */ t("strong", { className:
|
|
678
|
-
/* @__PURE__ */ t("div", { role: "menu", className:
|
|
683
|
+
/* @__PURE__ */ t("strong", { className: r.menuHeading, children: i("QUALITY") }),
|
|
684
|
+
/* @__PURE__ */ t("div", { role: "menu", className: r.menuOptions, children: n.map(({ value: a, label: c, select: l, selected: u }) => /* @__PURE__ */ s(
|
|
679
685
|
"button",
|
|
680
686
|
{
|
|
681
687
|
type: "button",
|
|
682
688
|
role: "menuitemradio",
|
|
683
|
-
"aria-checked": a === "auto" && o ||
|
|
689
|
+
"aria-checked": a === "auto" && o || u && !o,
|
|
684
690
|
onClick: () => {
|
|
685
691
|
l(), e.backToMain(), e.toggle();
|
|
686
692
|
},
|
|
687
|
-
className:
|
|
693
|
+
className: r.menuItem,
|
|
688
694
|
children: [
|
|
689
|
-
/* @__PURE__ */ t(
|
|
690
|
-
/* @__PURE__ */ t("span", { className:
|
|
695
|
+
/* @__PURE__ */ t(G, { className: r.checkIcon }),
|
|
696
|
+
/* @__PURE__ */ t("span", { className: r.menuItemLabel, children: c })
|
|
691
697
|
]
|
|
692
698
|
},
|
|
693
699
|
a
|
|
694
700
|
)) })
|
|
695
701
|
] }) : null;
|
|
696
702
|
}
|
|
697
|
-
const
|
|
698
|
-
main:
|
|
699
|
-
speed:
|
|
700
|
-
captions:
|
|
701
|
-
captionLanguage:
|
|
702
|
-
captionFontSize:
|
|
703
|
-
quality:
|
|
703
|
+
const Nn = {
|
|
704
|
+
main: rn,
|
|
705
|
+
speed: vn,
|
|
706
|
+
captions: yn,
|
|
707
|
+
captionLanguage: wn,
|
|
708
|
+
captionFontSize: Ln,
|
|
709
|
+
quality: Pn
|
|
704
710
|
};
|
|
705
|
-
function
|
|
706
|
-
const [e, n] = P("main"), [o, i] = P(!1), a =
|
|
711
|
+
function xn() {
|
|
712
|
+
const [e, n] = P("main"), [o, i] = P(!1), a = f(() => {
|
|
707
713
|
i((x) => !x);
|
|
708
|
-
}, []), c =
|
|
714
|
+
}, []), c = f((x) => {
|
|
709
715
|
n(x);
|
|
710
|
-
}, []), l =
|
|
716
|
+
}, []), l = f(() => {
|
|
711
717
|
n("captions");
|
|
712
|
-
}, []),
|
|
718
|
+
}, []), u = f(() => {
|
|
713
719
|
n("main");
|
|
714
|
-
}, []),
|
|
720
|
+
}, []), h = Z(() => Nn[e], [e]), p = pe(null), { refs: b, floatingStyles: d, context: _ } = ve({
|
|
715
721
|
open: o,
|
|
716
722
|
onOpenChange: (x) => {
|
|
717
|
-
i(x),
|
|
723
|
+
i(x), u();
|
|
718
724
|
},
|
|
719
725
|
placement: "top-end",
|
|
720
|
-
whileElementsMounted:
|
|
726
|
+
whileElementsMounted: be,
|
|
721
727
|
middleware: [
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
element:
|
|
728
|
+
Ce(),
|
|
729
|
+
ge({
|
|
730
|
+
element: p
|
|
725
731
|
})
|
|
726
732
|
]
|
|
727
|
-
}),
|
|
733
|
+
}), k = ke(_, { escapeKey: !1 }), { getReferenceProps: A, getFloatingProps: S } = ye([k]);
|
|
728
734
|
return {
|
|
729
|
-
Page:
|
|
735
|
+
Page: h,
|
|
730
736
|
open: o,
|
|
731
737
|
toggle: a,
|
|
732
738
|
setPage: c,
|
|
733
739
|
backToCaptions: l,
|
|
734
|
-
backToMain:
|
|
735
|
-
arrowRef:
|
|
736
|
-
refs:
|
|
740
|
+
backToMain: u,
|
|
741
|
+
arrowRef: p,
|
|
742
|
+
refs: b,
|
|
737
743
|
floatingStyles: d,
|
|
738
|
-
context:
|
|
744
|
+
context: _,
|
|
739
745
|
getReferenceProps: A,
|
|
740
|
-
getFloatingProps:
|
|
746
|
+
getFloatingProps: S
|
|
741
747
|
};
|
|
742
748
|
}
|
|
743
|
-
const
|
|
749
|
+
const Mn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { 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" }) }), In = "_settings-menu_hxlsv_1", Tn = "_arrow_hxlsv_15", re = {
|
|
744
750
|
"settings-menu": "_settings-menu_hxlsv_1",
|
|
745
|
-
settingsMenu:
|
|
746
|
-
arrow:
|
|
751
|
+
settingsMenu: In,
|
|
752
|
+
arrow: Tn
|
|
747
753
|
};
|
|
748
|
-
function
|
|
754
|
+
function Sn() {
|
|
749
755
|
const {
|
|
750
756
|
Page: e,
|
|
751
757
|
arrowRef: n,
|
|
@@ -754,48 +760,48 @@ function xn() {
|
|
|
754
760
|
context: a,
|
|
755
761
|
floatingStyles: c,
|
|
756
762
|
getFloatingProps: l,
|
|
757
|
-
getReferenceProps:
|
|
758
|
-
open:
|
|
759
|
-
refs:
|
|
760
|
-
setPage:
|
|
763
|
+
getReferenceProps: u,
|
|
764
|
+
open: h,
|
|
765
|
+
refs: p,
|
|
766
|
+
setPage: b,
|
|
761
767
|
toggle: d
|
|
762
|
-
} =
|
|
763
|
-
return /* @__PURE__ */ s(
|
|
768
|
+
} = xn(), _ = g(), { t: k } = C();
|
|
769
|
+
return /* @__PURE__ */ s(X, { children: [
|
|
764
770
|
/* @__PURE__ */ t(
|
|
765
771
|
"button",
|
|
766
772
|
{
|
|
767
|
-
ref:
|
|
773
|
+
ref: p.setReference,
|
|
768
774
|
type: "button",
|
|
769
775
|
className: "controls-button",
|
|
770
|
-
"aria-label":
|
|
776
|
+
"aria-label": k("SETTINGS"),
|
|
771
777
|
onClick: d,
|
|
772
|
-
"aria-expanded":
|
|
773
|
-
tabIndex:
|
|
774
|
-
...
|
|
775
|
-
children: /* @__PURE__ */ t(
|
|
778
|
+
"aria-expanded": h,
|
|
779
|
+
tabIndex: _ != null && _.state.interactionsDisabled ? -1 : 0,
|
|
780
|
+
...u(),
|
|
781
|
+
children: /* @__PURE__ */ t(Mn, { className: "controls-button-icon icon-rotate" })
|
|
776
782
|
}
|
|
777
783
|
),
|
|
778
|
-
|
|
784
|
+
h && /* @__PURE__ */ t(et, { context: a, initialFocus: -1, modal: !1, children: /* @__PURE__ */ s(
|
|
779
785
|
"div",
|
|
780
786
|
{
|
|
781
|
-
className:
|
|
782
|
-
ref:
|
|
787
|
+
className: re.settingsMenu,
|
|
788
|
+
ref: p.setFloating,
|
|
783
789
|
style: c,
|
|
784
790
|
...l(),
|
|
785
791
|
children: [
|
|
786
792
|
/* @__PURE__ */ t(
|
|
787
793
|
L.Provider,
|
|
788
794
|
{
|
|
789
|
-
value: { setPage:
|
|
795
|
+
value: { setPage: b, backToMain: i, backToCaptions: o, toggle: d },
|
|
790
796
|
children: /* @__PURE__ */ t(e, {})
|
|
791
797
|
}
|
|
792
798
|
),
|
|
793
799
|
/* @__PURE__ */ t(
|
|
794
|
-
|
|
800
|
+
we,
|
|
795
801
|
{
|
|
796
802
|
ref: n,
|
|
797
803
|
context: a,
|
|
798
|
-
className:
|
|
804
|
+
className: re.arrow
|
|
799
805
|
}
|
|
800
806
|
)
|
|
801
807
|
]
|
|
@@ -803,53 +809,53 @@ function xn() {
|
|
|
803
809
|
) })
|
|
804
810
|
] });
|
|
805
811
|
}
|
|
806
|
-
function
|
|
812
|
+
function Ie(e, n = 1e3) {
|
|
807
813
|
return function() {
|
|
808
|
-
const i =
|
|
809
|
-
return
|
|
814
|
+
const i = v("lastKeyboardAction"), [a, c] = P(!1), l = f(() => c(!1), []);
|
|
815
|
+
return R(() => {
|
|
810
816
|
c(!!i);
|
|
811
|
-
const
|
|
812
|
-
return () => clearTimeout(
|
|
817
|
+
const u = setTimeout(l, n);
|
|
818
|
+
return () => clearTimeout(u);
|
|
813
819
|
}, [i, n]), a ? /* @__PURE__ */ t(e, {}) : null;
|
|
814
820
|
};
|
|
815
821
|
}
|
|
816
|
-
const
|
|
822
|
+
const 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 11,21 H 5 V 3 h 6 z m 8,0 H 13 V 3 h 6 z", fill: "currentColor" }) }), oe = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 5,2 V 22 L 21,12.000665 Z", fill: "currentColor" }) }), Te = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "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" }) }), Se = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 6.98017V16.8627L11.2943 22.5099H14.1179V1.33301H11.2943L5.64714 6.98017ZM0 9.09785V14.745C0 15.9168 0.945899 16.8627 2.11768 16.8627H4.23537V6.98017H2.11768C0.945899 6.98017 0 7.92607 0 9.09785ZM18.3527 11.9207C18.3527 10.6134 17.8388 9.36962 16.9056 8.4209L17.9094 7.43123C19.1066 8.64396 19.7645 10.2393 19.7645 11.9207C19.7645 13.6036 19.1066 15.1989 17.9094 16.4116L16.9056 15.422C17.8388 14.4732 18.3527 13.2295 18.3527 11.9207Z", fill: "currentColor" }) }), He = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 16.8627V6.98017L11.2943 1.33301H14.1179V22.5099H11.2943L5.64714 16.8627ZM0 14.745V9.09785C0 7.92607 0.945899 6.98017 2.11768 6.98017H4.23537V16.8627H2.11768C0.945899 16.8627 0 15.9168 0 14.745ZM16.9056 8.4209C17.8388 9.36962 18.3527 10.6134 18.3527 11.9207C18.3527 13.2295 17.8388 14.4732 16.9056 15.422L17.9094 16.4116C19.1066 15.1989 19.7645 13.6036 19.7645 11.9207C19.7645 10.2393 19.1066 8.64396 17.9094 7.43123L16.9056 8.4209ZM19.9016 5.43185L20.8997 4.43372C22.9002 6.43422 24 9.09403 24 11.9219C24 14.7497 22.9002 17.4081 20.8997 19.4086L19.9016 18.4104C21.6353 16.6782 22.5882 14.3727 22.5882 11.9219C22.5882 9.46957 21.6353 7.16553 19.9016 5.43185Z", fill: "currentColor" }) }), Hn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { 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" }) }), Vn = (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" }) }), Bn = "_feedback-overlay_v4lbu_1", Rn = "_feedback-message_v4lbu_14", An = "_feedback-icon_v4lbu_30", En = "_feedback-icon-animation_v4lbu_1", y = {
|
|
817
823
|
"feedback-overlay": "_feedback-overlay_v4lbu_1",
|
|
818
|
-
feedbackOverlay:
|
|
824
|
+
feedbackOverlay: Bn,
|
|
819
825
|
"feedback-message": "_feedback-message_v4lbu_14",
|
|
820
|
-
feedbackMessage:
|
|
826
|
+
feedbackMessage: Rn,
|
|
821
827
|
"feedback-icon": "_feedback-icon_v4lbu_30",
|
|
822
|
-
feedbackIcon:
|
|
828
|
+
feedbackIcon: An,
|
|
823
829
|
"feedback-icon-animation": "_feedback-icon-animation_v4lbu_1",
|
|
824
|
-
feedbackIconAnimation:
|
|
830
|
+
feedbackIconAnimation: En
|
|
825
831
|
};
|
|
826
|
-
function
|
|
832
|
+
function On() {
|
|
827
833
|
var o;
|
|
828
|
-
const e =
|
|
834
|
+
const e = _e();
|
|
829
835
|
switch ((o = e.lastKeyboardAction) == null ? void 0 : o.action) {
|
|
830
836
|
case "togglePaused":
|
|
831
|
-
return /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: e.paused ? /* @__PURE__ */ t(
|
|
837
|
+
return /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: e.paused ? /* @__PURE__ */ t(ne, {}) : /* @__PURE__ */ t(oe, {}) });
|
|
832
838
|
case "toggleCaptions":
|
|
833
839
|
case "nextCaptionLanguage":
|
|
834
840
|
case "previousCaptionLanguage":
|
|
835
|
-
return e.hasCaptions ? /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: /* @__PURE__ */ t(
|
|
841
|
+
return e.hasCaptions ? /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: /* @__PURE__ */ t(xe, {}) }) : null;
|
|
836
842
|
case "volumeUp":
|
|
837
843
|
case "volumeDown":
|
|
838
844
|
case "toggleMuted":
|
|
839
|
-
return /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: e.muted || e.volume === 0 ? /* @__PURE__ */ t(
|
|
845
|
+
return /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: e.muted || e.volume === 0 ? /* @__PURE__ */ t(Te, {}) : e.volume >= 0.5 ? /* @__PURE__ */ t(He, {}) : /* @__PURE__ */ t(Se, {}) });
|
|
840
846
|
case "seekForward":
|
|
841
847
|
case "seekForward10":
|
|
842
|
-
return /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: /* @__PURE__ */ t(
|
|
848
|
+
return /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: /* @__PURE__ */ t(Hn, { className: "right" }) });
|
|
843
849
|
case "seekBackward":
|
|
844
850
|
case "seekBackward10":
|
|
845
|
-
return /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: /* @__PURE__ */ t(
|
|
851
|
+
return /* @__PURE__ */ t("i", { className: y.feedbackIcon, children: /* @__PURE__ */ t(Vn, { className: "left" }) });
|
|
846
852
|
default:
|
|
847
853
|
return null;
|
|
848
854
|
}
|
|
849
855
|
}
|
|
850
|
-
function
|
|
856
|
+
function Fn() {
|
|
851
857
|
var i;
|
|
852
|
-
const { t: e } =
|
|
858
|
+
const { t: e } = C(), n = _e();
|
|
853
859
|
switch ((i = n.lastKeyboardAction) == null ? void 0 : i.action) {
|
|
854
860
|
case "toggleCaptions":
|
|
855
861
|
case "nextCaptionLanguage":
|
|
@@ -875,49 +881,49 @@ function Rn() {
|
|
|
875
881
|
return null;
|
|
876
882
|
}
|
|
877
883
|
}
|
|
878
|
-
const
|
|
879
|
-
function
|
|
884
|
+
const Zn = Ie(On, 500), $n = Ie(Fn, 1e3);
|
|
885
|
+
function zn() {
|
|
880
886
|
return /* @__PURE__ */ s("div", { className: y.feedbackOverlay, children: [
|
|
881
|
-
/* @__PURE__ */ t(
|
|
882
|
-
/* @__PURE__ */ t(
|
|
887
|
+
/* @__PURE__ */ t(Zn, {}),
|
|
888
|
+
/* @__PURE__ */ t($n, {})
|
|
883
889
|
] });
|
|
884
890
|
}
|
|
885
|
-
const
|
|
891
|
+
const Kn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.1383 0.999867V3.66268H18.4561L3.66281 18.4546V14.1382H1V23H9.86449V20.3372H5.54542L20.3387 5.54528V9.86303H23.0001V0.999867H14.1383Z", fill: "currentColor" }) }), Dn = (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" }) }), jn = "_full-screen-button_1xm32_2", Un = {
|
|
886
892
|
"full-screen-button": "_full-screen-button_1xm32_2",
|
|
887
|
-
fullScreenButton:
|
|
893
|
+
fullScreenButton: jn
|
|
888
894
|
};
|
|
889
|
-
function
|
|
890
|
-
const e =
|
|
891
|
-
return
|
|
892
|
-
|
|
895
|
+
function qn() {
|
|
896
|
+
const e = v("fullscreen"), n = g();
|
|
897
|
+
return I().hideFullScreen ? null : /* @__PURE__ */ t(
|
|
898
|
+
fe,
|
|
893
899
|
{
|
|
894
900
|
tabIndex: n.state.interactionsDisabled ? -1 : 0,
|
|
895
|
-
className: `controls-button ${
|
|
896
|
-
children: e ? /* @__PURE__ */ t(
|
|
901
|
+
className: `controls-button ${Un.fullScreenButton}`,
|
|
902
|
+
children: e ? /* @__PURE__ */ t(Dn, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Kn, { className: "controls-button-icon" })
|
|
897
903
|
}
|
|
898
904
|
);
|
|
899
905
|
}
|
|
900
|
-
const
|
|
906
|
+
const Wn = "_gestures-container_1fn3b_1", Gn = "_gesture_1fn3b_1", ue = {
|
|
901
907
|
"gestures-container": "_gestures-container_1fn3b_1",
|
|
902
|
-
gesturesContainer:
|
|
903
|
-
gesture:
|
|
908
|
+
gesturesContainer: Wn,
|
|
909
|
+
gesture: Gn
|
|
904
910
|
};
|
|
905
|
-
function
|
|
906
|
-
const e =
|
|
911
|
+
function Qn() {
|
|
912
|
+
const e = W(), n = () => {
|
|
907
913
|
e.togglePaused();
|
|
908
914
|
};
|
|
909
|
-
return /* @__PURE__ */ t("div", { className:
|
|
915
|
+
return /* @__PURE__ */ t("div", { className: ue.gesturesContainer, children: /* @__PURE__ */ t("div", { "aria-hidden": !0, className: ue.gesture, onClick: n }) });
|
|
910
916
|
}
|
|
911
|
-
const
|
|
917
|
+
const Yn = (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" }) }), Ve = (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" }) }), Jn = "_keyboard-shortcuts-overlay_y5kv6_1", Xn = "_keyboard-shortcuts-button_y5kv6_67", eo = "_close-button_y5kv6_93", J = {
|
|
912
918
|
"keyboard-shortcuts-overlay": "_keyboard-shortcuts-overlay_y5kv6_1",
|
|
913
|
-
keyboardShortcutsOverlay:
|
|
919
|
+
keyboardShortcutsOverlay: Jn,
|
|
914
920
|
"keyboard-shortcuts-button": "_keyboard-shortcuts-button_y5kv6_67",
|
|
915
|
-
keyboardShortcutsButton:
|
|
921
|
+
keyboardShortcutsButton: Xn,
|
|
916
922
|
"close-button": "_close-button_y5kv6_93",
|
|
917
|
-
closeButton:
|
|
923
|
+
closeButton: eo
|
|
918
924
|
};
|
|
919
|
-
function
|
|
920
|
-
const { t: n } =
|
|
925
|
+
function to({ onClose: e }) {
|
|
926
|
+
const { t: n } = C();
|
|
921
927
|
T(e);
|
|
922
928
|
const o = (i) => {
|
|
923
929
|
i && i.focus();
|
|
@@ -925,7 +931,7 @@ function Yn({ onClose: e }) {
|
|
|
925
931
|
return /* @__PURE__ */ s(
|
|
926
932
|
"div",
|
|
927
933
|
{
|
|
928
|
-
className:
|
|
934
|
+
className: J.keyboardShortcutsOverlay,
|
|
929
935
|
tabIndex: 0,
|
|
930
936
|
ref: o,
|
|
931
937
|
children: [
|
|
@@ -935,10 +941,10 @@ function Yn({ onClose: e }) {
|
|
|
935
941
|
"button",
|
|
936
942
|
{
|
|
937
943
|
type: "button",
|
|
938
|
-
className:
|
|
944
|
+
className: J.closeButton,
|
|
939
945
|
onClick: e,
|
|
940
946
|
"aria-label": n("CLOSE"),
|
|
941
|
-
children: /* @__PURE__ */ t(
|
|
947
|
+
children: /* @__PURE__ */ t(Ve, {})
|
|
942
948
|
}
|
|
943
949
|
)
|
|
944
950
|
] }),
|
|
@@ -1029,144 +1035,144 @@ function Yn({ onClose: e }) {
|
|
|
1029
1035
|
}
|
|
1030
1036
|
);
|
|
1031
1037
|
}
|
|
1032
|
-
function
|
|
1033
|
-
const [e, n] = P(!1), [o, i] = P(!1), [a, c] = P(!1), l =
|
|
1034
|
-
n(!0), l.disableInteractions(),
|
|
1035
|
-
}, [
|
|
1036
|
-
n(!1), i(!0), l.enableInteractions(), a && (c(!1),
|
|
1037
|
-
}, [a,
|
|
1038
|
-
(
|
|
1038
|
+
function no() {
|
|
1039
|
+
const [e, n] = P(!1), [o, i] = P(!1), [a, c] = P(!1), l = g(), u = v("playing"), h = W(), { t: p } = C(), b = f(() => {
|
|
1040
|
+
n(!0), l.disableInteractions(), u && (c(!0), h.pause());
|
|
1041
|
+
}, [u, h, l]), d = f(() => {
|
|
1042
|
+
n(!1), i(!0), l.enableInteractions(), a && (c(!1), h.play());
|
|
1043
|
+
}, [a, h, l]), _ = f(
|
|
1044
|
+
(k) => o && (k == null ? void 0 : k.focus()),
|
|
1039
1045
|
[o]
|
|
1040
1046
|
);
|
|
1041
|
-
return e ? /* @__PURE__ */ t(
|
|
1047
|
+
return e ? /* @__PURE__ */ t(to, { onClose: d }) : /* @__PURE__ */ t(
|
|
1042
1048
|
"button",
|
|
1043
1049
|
{
|
|
1044
|
-
ref:
|
|
1045
|
-
"aria-label":
|
|
1050
|
+
ref: _,
|
|
1051
|
+
"aria-label": p("KEYBOARD_SHORTCUTS"),
|
|
1046
1052
|
type: "button",
|
|
1047
|
-
className:
|
|
1048
|
-
onClick:
|
|
1053
|
+
className: J.keyboardShortcutsButton,
|
|
1054
|
+
onClick: b,
|
|
1049
1055
|
tabIndex: l.state.interactionsDisabled ? -1 : 0,
|
|
1050
|
-
children: /* @__PURE__ */ t(
|
|
1056
|
+
children: /* @__PURE__ */ t(Yn, {})
|
|
1051
1057
|
}
|
|
1052
1058
|
);
|
|
1053
1059
|
}
|
|
1054
|
-
const
|
|
1060
|
+
const oo = "_play-pause-button_kyuc5_1", io = {
|
|
1055
1061
|
"play-pause-button": "_play-pause-button_kyuc5_1",
|
|
1056
|
-
playPauseButton:
|
|
1062
|
+
playPauseButton: oo
|
|
1057
1063
|
};
|
|
1058
|
-
function
|
|
1059
|
-
const e =
|
|
1064
|
+
function ao() {
|
|
1065
|
+
const e = q(), n = g(), o = v("paused");
|
|
1060
1066
|
return e ? /* @__PURE__ */ t(
|
|
1061
|
-
|
|
1067
|
+
Ue,
|
|
1062
1068
|
{
|
|
1063
1069
|
tabIndex: n.state.interactionsDisabled ? -1 : 0,
|
|
1064
|
-
className: `${
|
|
1070
|
+
className: `${io.playPauseButton} controls-button`,
|
|
1065
1071
|
onKeyDown: (i) => {
|
|
1066
1072
|
i.key === " " && (e == null || e.$state.lastKeyboardAction.set({
|
|
1067
1073
|
action: "togglePaused",
|
|
1068
1074
|
event: i.nativeEvent
|
|
1069
1075
|
}));
|
|
1070
1076
|
},
|
|
1071
|
-
children: o ? /* @__PURE__ */ t(
|
|
1077
|
+
children: o ? /* @__PURE__ */ t(oe, { className: "controls-button-icon" }) : /* @__PURE__ */ t(ne, { className: "controls-button-icon" })
|
|
1072
1078
|
}
|
|
1073
1079
|
) : null;
|
|
1074
1080
|
}
|
|
1075
|
-
const
|
|
1076
|
-
poster:
|
|
1081
|
+
const so = "_poster_195hi_1", co = {
|
|
1082
|
+
poster: so
|
|
1077
1083
|
};
|
|
1078
|
-
function
|
|
1079
|
-
const n =
|
|
1080
|
-
return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(
|
|
1084
|
+
function lo({ src: e }) {
|
|
1085
|
+
const n = v("source");
|
|
1086
|
+
return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(qe, { src: e, className: co.poster });
|
|
1081
1087
|
}
|
|
1082
|
-
const
|
|
1088
|
+
const ro = "_small-layout-overlay_1vli4_1", uo = "_small-layout-button_1vli4_14", mo = "_small-layout-icon-play_1vli4_24", ho = "_small-layout-icon-pause_1vli4_30", po = "_full-screen-close-icon_1vli4_36", _o = "_fade-out_1vli4_1", O = {
|
|
1083
1089
|
"small-layout-overlay": "_small-layout-overlay_1vli4_1",
|
|
1084
|
-
smallLayoutOverlay:
|
|
1090
|
+
smallLayoutOverlay: ro,
|
|
1085
1091
|
"small-layout-button": "_small-layout-button_1vli4_14",
|
|
1086
|
-
smallLayoutButton:
|
|
1092
|
+
smallLayoutButton: uo,
|
|
1087
1093
|
"small-layout-icon-play": "_small-layout-icon-play_1vli4_24",
|
|
1088
|
-
smallLayoutIconPlay:
|
|
1094
|
+
smallLayoutIconPlay: mo,
|
|
1089
1095
|
"small-layout-icon-pause": "_small-layout-icon-pause_1vli4_30",
|
|
1090
|
-
smallLayoutIconPause:
|
|
1096
|
+
smallLayoutIconPause: ho,
|
|
1091
1097
|
"full-screen-close-icon": "_full-screen-close-icon_1vli4_36",
|
|
1092
|
-
fullScreenCloseIcon:
|
|
1098
|
+
fullScreenCloseIcon: po,
|
|
1093
1099
|
"fade-out": "_fade-out_1vli4_1",
|
|
1094
|
-
fadeOut:
|
|
1100
|
+
fadeOut: _o
|
|
1095
1101
|
};
|
|
1096
|
-
function
|
|
1102
|
+
function fo() {
|
|
1097
1103
|
return /* @__PURE__ */ s("div", { className: O.smallLayoutOverlay, children: [
|
|
1098
|
-
/* @__PURE__ */ t(
|
|
1104
|
+
/* @__PURE__ */ t(fe, { className: O.fullScreenCloseIcon, children: /* @__PURE__ */ t(Ve, {}) }),
|
|
1099
1105
|
/* @__PURE__ */ s("i", { className: O.smallLayoutButton, children: [
|
|
1100
|
-
/* @__PURE__ */ t(
|
|
1101
|
-
/* @__PURE__ */ t(
|
|
1106
|
+
/* @__PURE__ */ t(oe, { className: O.smallLayoutIconPlay }),
|
|
1107
|
+
/* @__PURE__ */ t(ne, { className: O.smallLayoutIconPause })
|
|
1102
1108
|
] })
|
|
1103
1109
|
] });
|
|
1104
1110
|
}
|
|
1105
|
-
const
|
|
1111
|
+
const vo = "_time-indicator_1rlpb_1", bo = {
|
|
1106
1112
|
"time-indicator": "_time-indicator_1rlpb_1",
|
|
1107
|
-
timeIndicator:
|
|
1113
|
+
timeIndicator: vo
|
|
1108
1114
|
};
|
|
1109
|
-
function
|
|
1110
|
-
return /* @__PURE__ */ s("div", { className:
|
|
1111
|
-
/* @__PURE__ */ t(
|
|
1115
|
+
function Co() {
|
|
1116
|
+
return /* @__PURE__ */ s("div", { className: bo.timeIndicator, children: [
|
|
1117
|
+
/* @__PURE__ */ t(ce, { type: "current" }),
|
|
1112
1118
|
"/",
|
|
1113
|
-
/* @__PURE__ */ t(
|
|
1119
|
+
/* @__PURE__ */ t(ce, { type: "duration" })
|
|
1114
1120
|
] });
|
|
1115
1121
|
}
|
|
1116
|
-
const
|
|
1122
|
+
const go = "_comment-markers_19b45_1", ko = "_comment-marker_19b45_1", yo = "_timeline-wrapper_19b45_21", wo = "_track_19b45_35", Lo = "_thumb_19b45_48", Po = "_root_19b45_62", No = "_track-inner_19b45_92", xo = "_progress_19b45_98", Mo = "_track-fill_19b45_104", Io = "_pins_19b45_121", To = "_pin-button_19b45_134", So = "_annotation-pin_19b45_154", Ho = "_quiz-pin_19b45_159", Vo = "_annotation-pin-child_19b45_164", Bo = "_quiz-pin-child_19b45_168", Ro = "_interactive-pin-container_19b45_173", Ao = "_interactive-pin-wrapper_19b45_183", Eo = "_interactive-pin-icon_19b45_189", Oo = "_interactive-pin_19b45_173", Fo = "_bg_19b45_203", Zo = "_symbol_19b45_207", $o = "_interactive-pin-button_19b45_212", zo = "_interactive-pin-menu_19b45_232", Ko = "_interactive-pin-menu-item_19b45_246", Do = "_arrow_19b45_267", m = {
|
|
1117
1123
|
"comment-markers": "_comment-markers_19b45_1",
|
|
1118
|
-
commentMarkers:
|
|
1124
|
+
commentMarkers: go,
|
|
1119
1125
|
"comment-marker": "_comment-marker_19b45_1",
|
|
1120
|
-
commentMarker:
|
|
1126
|
+
commentMarker: ko,
|
|
1121
1127
|
"timeline-wrapper": "_timeline-wrapper_19b45_21",
|
|
1122
|
-
timelineWrapper:
|
|
1123
|
-
track:
|
|
1124
|
-
thumb:
|
|
1125
|
-
root:
|
|
1128
|
+
timelineWrapper: yo,
|
|
1129
|
+
track: wo,
|
|
1130
|
+
thumb: Lo,
|
|
1131
|
+
root: Po,
|
|
1126
1132
|
"track-inner": "_track-inner_19b45_92",
|
|
1127
|
-
trackInner:
|
|
1128
|
-
progress:
|
|
1133
|
+
trackInner: No,
|
|
1134
|
+
progress: xo,
|
|
1129
1135
|
"track-fill": "_track-fill_19b45_104",
|
|
1130
|
-
trackFill:
|
|
1131
|
-
pins:
|
|
1136
|
+
trackFill: Mo,
|
|
1137
|
+
pins: Io,
|
|
1132
1138
|
"pin-button": "_pin-button_19b45_134",
|
|
1133
|
-
pinButton:
|
|
1139
|
+
pinButton: To,
|
|
1134
1140
|
"annotation-pin": "_annotation-pin_19b45_154",
|
|
1135
|
-
annotationPin:
|
|
1141
|
+
annotationPin: So,
|
|
1136
1142
|
"quiz-pin": "_quiz-pin_19b45_159",
|
|
1137
|
-
quizPin:
|
|
1143
|
+
quizPin: Ho,
|
|
1138
1144
|
"annotation-pin-child": "_annotation-pin-child_19b45_164",
|
|
1139
|
-
annotationPinChild:
|
|
1145
|
+
annotationPinChild: Vo,
|
|
1140
1146
|
"quiz-pin-child": "_quiz-pin-child_19b45_168",
|
|
1141
|
-
quizPinChild:
|
|
1147
|
+
quizPinChild: Bo,
|
|
1142
1148
|
"interactive-pin-container": "_interactive-pin-container_19b45_173",
|
|
1143
|
-
interactivePinContainer:
|
|
1149
|
+
interactivePinContainer: Ro,
|
|
1144
1150
|
"interactive-pin-wrapper": "_interactive-pin-wrapper_19b45_183",
|
|
1145
|
-
interactivePinWrapper:
|
|
1151
|
+
interactivePinWrapper: Ao,
|
|
1146
1152
|
"interactive-pin-icon": "_interactive-pin-icon_19b45_189",
|
|
1147
|
-
interactivePinIcon:
|
|
1153
|
+
interactivePinIcon: Eo,
|
|
1148
1154
|
"interactive-pin": "_interactive-pin_19b45_173",
|
|
1149
|
-
interactivePin:
|
|
1150
|
-
bg:
|
|
1151
|
-
symbol:
|
|
1155
|
+
interactivePin: Oo,
|
|
1156
|
+
bg: Fo,
|
|
1157
|
+
symbol: Zo,
|
|
1152
1158
|
"interactive-pin-button": "_interactive-pin-button_19b45_212",
|
|
1153
|
-
interactivePinButton:
|
|
1159
|
+
interactivePinButton: $o,
|
|
1154
1160
|
"interactive-pin-menu": "_interactive-pin-menu_19b45_232",
|
|
1155
|
-
interactivePinMenu:
|
|
1161
|
+
interactivePinMenu: zo,
|
|
1156
1162
|
"interactive-pin-menu-item": "_interactive-pin-menu-item_19b45_246",
|
|
1157
|
-
interactivePinMenuItem:
|
|
1158
|
-
arrow:
|
|
1159
|
-
},
|
|
1163
|
+
interactivePinMenuItem: Ko,
|
|
1164
|
+
arrow: Do
|
|
1165
|
+
}, jo = {
|
|
1160
1166
|
annotation: m.annotationPin,
|
|
1161
1167
|
quiz: m.quizPin
|
|
1162
1168
|
};
|
|
1163
|
-
function
|
|
1169
|
+
function Be({
|
|
1164
1170
|
type: e,
|
|
1165
1171
|
position: n,
|
|
1166
1172
|
children: o,
|
|
1167
1173
|
onClick: i
|
|
1168
1174
|
}) {
|
|
1169
|
-
const a =
|
|
1175
|
+
const a = g();
|
|
1170
1176
|
return /* @__PURE__ */ t(
|
|
1171
1177
|
"button",
|
|
1172
1178
|
{
|
|
@@ -1178,7 +1184,7 @@ function He({
|
|
|
1178
1184
|
children: /* @__PURE__ */ s(
|
|
1179
1185
|
"svg",
|
|
1180
1186
|
{
|
|
1181
|
-
className:
|
|
1187
|
+
className: jo[e],
|
|
1182
1188
|
width: "26",
|
|
1183
1189
|
height: "32",
|
|
1184
1190
|
viewBox: "0 0 26 32",
|
|
@@ -1192,8 +1198,8 @@ function He({
|
|
|
1192
1198
|
}
|
|
1193
1199
|
);
|
|
1194
1200
|
}
|
|
1195
|
-
function
|
|
1196
|
-
return /* @__PURE__ */ t(
|
|
1201
|
+
function Uo(e) {
|
|
1202
|
+
return /* @__PURE__ */ t(Be, { type: "annotation", ...e, children: /* @__PURE__ */ t(
|
|
1197
1203
|
"path",
|
|
1198
1204
|
{
|
|
1199
1205
|
className: m.annotationPinChild,
|
|
@@ -1205,8 +1211,8 @@ function zo(e) {
|
|
|
1205
1211
|
}
|
|
1206
1212
|
) });
|
|
1207
1213
|
}
|
|
1208
|
-
function
|
|
1209
|
-
return /* @__PURE__ */ t(
|
|
1214
|
+
function qo(e) {
|
|
1215
|
+
return /* @__PURE__ */ t(Be, { type: "quiz", ...e, children: e.multiple ? /* @__PURE__ */ t("circle", { className: m.quizPinChild, cx: "13", cy: "13", r: "6" }) : /* @__PURE__ */ t(
|
|
1210
1216
|
"text",
|
|
1211
1217
|
{
|
|
1212
1218
|
className: m.quizPinChild,
|
|
@@ -1219,7 +1225,7 @@ function Ko(e) {
|
|
|
1219
1225
|
}
|
|
1220
1226
|
) });
|
|
1221
1227
|
}
|
|
1222
|
-
function
|
|
1228
|
+
function Wo(e, n) {
|
|
1223
1229
|
return e.map((o, i) => ({
|
|
1224
1230
|
id: o.id,
|
|
1225
1231
|
time: o.time,
|
|
@@ -1228,18 +1234,18 @@ function Do(e, n) {
|
|
|
1228
1234
|
onClick: () => n(o)
|
|
1229
1235
|
}));
|
|
1230
1236
|
}
|
|
1231
|
-
function
|
|
1237
|
+
function Go(e, n) {
|
|
1232
1238
|
const o = /* @__PURE__ */ new Map();
|
|
1233
1239
|
e.forEach((c) => {
|
|
1234
|
-
var
|
|
1240
|
+
var u;
|
|
1235
1241
|
const l = c.time;
|
|
1236
|
-
o.has(l) || o.set(l, []), (
|
|
1242
|
+
o.has(l) || o.set(l, []), (u = o.get(l)) == null || u.push(c);
|
|
1237
1243
|
});
|
|
1238
1244
|
const i = [];
|
|
1239
1245
|
let a = 1;
|
|
1240
1246
|
return o.forEach((c, l) => {
|
|
1241
1247
|
i.push({
|
|
1242
|
-
id: c.map((
|
|
1248
|
+
id: c.map((u) => u.id).join("-"),
|
|
1243
1249
|
time: l,
|
|
1244
1250
|
type: "quiz",
|
|
1245
1251
|
ordinal: a + 1,
|
|
@@ -1248,12 +1254,12 @@ function jo(e, n) {
|
|
|
1248
1254
|
}), a++;
|
|
1249
1255
|
}), i;
|
|
1250
1256
|
}
|
|
1251
|
-
function
|
|
1257
|
+
function Qo(e, n, o, i) {
|
|
1252
1258
|
switch (e.type) {
|
|
1253
1259
|
case "annotation": {
|
|
1254
1260
|
const a = () => i ? e.onClick() : o.seek(e.time);
|
|
1255
1261
|
return /* @__PURE__ */ t(
|
|
1256
|
-
|
|
1262
|
+
Uo,
|
|
1257
1263
|
{
|
|
1258
1264
|
position: e.time / n * 100,
|
|
1259
1265
|
onClick: a
|
|
@@ -1263,7 +1269,7 @@ function Uo(e, n, o, i) {
|
|
|
1263
1269
|
}
|
|
1264
1270
|
case "quiz":
|
|
1265
1271
|
return /* @__PURE__ */ t(
|
|
1266
|
-
|
|
1272
|
+
qo,
|
|
1267
1273
|
{
|
|
1268
1274
|
position: e.time / n * 100,
|
|
1269
1275
|
ordinal: e.ordinal,
|
|
@@ -1276,57 +1282,57 @@ function Uo(e, n, o, i) {
|
|
|
1276
1282
|
return null;
|
|
1277
1283
|
}
|
|
1278
1284
|
}
|
|
1279
|
-
function
|
|
1280
|
-
const e =
|
|
1281
|
-
...
|
|
1285
|
+
function Yo() {
|
|
1286
|
+
const e = W(), n = v("duration"), o = I(), i = Z(() => [
|
|
1287
|
+
...Wo(
|
|
1282
1288
|
o.annotations,
|
|
1283
1289
|
o.onAnnotationClick
|
|
1284
1290
|
),
|
|
1285
|
-
...
|
|
1286
|
-
].sort((c, l) => c.time - l.time).map((c) =>
|
|
1291
|
+
...Go(o.quizMarkers, o.onQuizMarkerClick)
|
|
1292
|
+
].sort((c, l) => c.time - l.time).map((c) => Qo(c, n, e, o.interactive)), [o.annotations, o.quizMarkers, n, e]);
|
|
1287
1293
|
return /* @__PURE__ */ t("div", { className: m.pins, children: i });
|
|
1288
1294
|
}
|
|
1289
|
-
function
|
|
1290
|
-
const e =
|
|
1295
|
+
function Jo() {
|
|
1296
|
+
const e = v("duration"), n = I(), o = g();
|
|
1291
1297
|
return n.hasComments && o.state.commentsEnabled ? /* @__PURE__ */ t("div", { className: m.commentMarkers, children: n.comments.map((i) => /* @__PURE__ */ t(
|
|
1292
1298
|
"span",
|
|
1293
1299
|
{
|
|
1294
1300
|
className: m.commentMarker,
|
|
1295
1301
|
style: {
|
|
1296
1302
|
left: `${i.timestamp / e * 100}%`,
|
|
1297
|
-
width: `${
|
|
1303
|
+
width: `${Me / e * 100}%`
|
|
1298
1304
|
}
|
|
1299
1305
|
},
|
|
1300
1306
|
i.id
|
|
1301
1307
|
)) }) : null;
|
|
1302
1308
|
}
|
|
1303
|
-
function
|
|
1304
|
-
const [o, i] = P(!1), a =
|
|
1309
|
+
function Xo({ currentTime: e, position: n }) {
|
|
1310
|
+
const [o, i] = P(!1), a = I(), c = f(() => a.interactiveMenuElements.length > 0 ? i((k) => !k) : a.onInteractivePinClick(e), [
|
|
1305
1311
|
a.interactiveMenuElements,
|
|
1306
1312
|
a.onInteractivePinClick,
|
|
1307
1313
|
e
|
|
1308
|
-
]), l =
|
|
1314
|
+
]), l = pe(null), { refs: u, floatingStyles: h, context: p } = ve({
|
|
1309
1315
|
open: o,
|
|
1310
1316
|
onOpenChange: i,
|
|
1311
|
-
whileElementsMounted:
|
|
1317
|
+
whileElementsMounted: be,
|
|
1312
1318
|
placement: "top",
|
|
1313
1319
|
middleware: [
|
|
1314
|
-
|
|
1315
|
-
|
|
1316
|
-
|
|
1317
|
-
|
|
1320
|
+
tt(),
|
|
1321
|
+
nt(6),
|
|
1322
|
+
Ce(),
|
|
1323
|
+
ge({
|
|
1318
1324
|
element: l
|
|
1319
1325
|
})
|
|
1320
1326
|
]
|
|
1321
|
-
}),
|
|
1322
|
-
return /* @__PURE__ */ s(
|
|
1327
|
+
}), b = ke(p), { getReferenceProps: d, getFloatingProps: _ } = ye([b]);
|
|
1328
|
+
return /* @__PURE__ */ s(X, { children: [
|
|
1323
1329
|
/* @__PURE__ */ t(
|
|
1324
1330
|
"button",
|
|
1325
1331
|
{
|
|
1326
1332
|
type: "button",
|
|
1327
1333
|
onClick: c,
|
|
1328
1334
|
className: m.interactivePinButton,
|
|
1329
|
-
ref:
|
|
1335
|
+
ref: u.setReference,
|
|
1330
1336
|
style: { left: `${n}%` },
|
|
1331
1337
|
...d(),
|
|
1332
1338
|
children: /* @__PURE__ */ s(
|
|
@@ -1372,18 +1378,18 @@ function Go({ currentTime: e, position: n }) {
|
|
|
1372
1378
|
o && /* @__PURE__ */ s(
|
|
1373
1379
|
"div",
|
|
1374
1380
|
{
|
|
1375
|
-
ref:
|
|
1376
|
-
style:
|
|
1381
|
+
ref: u.setFloating,
|
|
1382
|
+
style: h,
|
|
1377
1383
|
className: m.interactivePinMenu,
|
|
1378
|
-
...
|
|
1384
|
+
..._(),
|
|
1379
1385
|
children: [
|
|
1380
|
-
a.interactiveMenuElements.map(({ id:
|
|
1386
|
+
a.interactiveMenuElements.map(({ id: k, text: A, onClick: S }) => /* @__PURE__ */ s(
|
|
1381
1387
|
"button",
|
|
1382
1388
|
{
|
|
1383
1389
|
type: "button",
|
|
1384
1390
|
className: m.interactivePinMenuItem,
|
|
1385
1391
|
onClick: () => {
|
|
1386
|
-
|
|
1392
|
+
S(k, e), i(!1);
|
|
1387
1393
|
},
|
|
1388
1394
|
children: [
|
|
1389
1395
|
/* @__PURE__ */ t(
|
|
@@ -1408,13 +1414,13 @@ function Go({ currentTime: e, position: n }) {
|
|
|
1408
1414
|
A
|
|
1409
1415
|
]
|
|
1410
1416
|
},
|
|
1411
|
-
|
|
1417
|
+
k
|
|
1412
1418
|
)),
|
|
1413
1419
|
/* @__PURE__ */ t(
|
|
1414
|
-
|
|
1420
|
+
we,
|
|
1415
1421
|
{
|
|
1416
1422
|
ref: l,
|
|
1417
|
-
context:
|
|
1423
|
+
context: p,
|
|
1418
1424
|
className: m.arrow
|
|
1419
1425
|
}
|
|
1420
1426
|
)
|
|
@@ -1423,20 +1429,20 @@ function Go({ currentTime: e, position: n }) {
|
|
|
1423
1429
|
)
|
|
1424
1430
|
] });
|
|
1425
1431
|
}
|
|
1426
|
-
function
|
|
1427
|
-
const e =
|
|
1428
|
-
return /* @__PURE__ */ t("div", { className: m.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: m.interactivePinWrapper, children: /* @__PURE__ */ t(
|
|
1432
|
+
function ei() {
|
|
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(Xo, { currentTime: n, position: o }) }) });
|
|
1429
1435
|
}
|
|
1430
|
-
function
|
|
1431
|
-
const e =
|
|
1432
|
-
return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(
|
|
1436
|
+
function ti() {
|
|
1437
|
+
const e = v("paused"), n = g();
|
|
1438
|
+
return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(ei, {}) : null;
|
|
1433
1439
|
}
|
|
1434
|
-
const
|
|
1435
|
-
function
|
|
1436
|
-
const n =
|
|
1440
|
+
const ni = `${m.progress} ${m.trackInner}`, oi = `${m.trackFill} ${m.trackInner}`;
|
|
1441
|
+
function de({ className: e }) {
|
|
1442
|
+
const n = g(), { hasAnnotations: o, hasQuizmarkers: i, interactive: a } = I(), c = e ? `${m.timelineWrapper} ${e}` : m.timelineWrapper;
|
|
1437
1443
|
return /* @__PURE__ */ s("div", { className: c, children: [
|
|
1438
|
-
a ? /* @__PURE__ */ t(
|
|
1439
|
-
a || o || i ? /* @__PURE__ */ t(
|
|
1444
|
+
a ? /* @__PURE__ */ t(ti, {}) : null,
|
|
1445
|
+
a || o || i ? /* @__PURE__ */ t(Yo, {}) : null,
|
|
1440
1446
|
/* @__PURE__ */ s(
|
|
1441
1447
|
E.Root,
|
|
1442
1448
|
{
|
|
@@ -1444,49 +1450,49 @@ function re({ className: e }) {
|
|
|
1444
1450
|
tabIndex: n.state.interactionsDisabled ? -1 : 0,
|
|
1445
1451
|
children: [
|
|
1446
1452
|
/* @__PURE__ */ s(E.Track, { className: m.track, children: [
|
|
1447
|
-
/* @__PURE__ */ t(E.Progress, { className:
|
|
1448
|
-
/* @__PURE__ */ t(E.TrackFill, { className:
|
|
1453
|
+
/* @__PURE__ */ t(E.Progress, { className: ni }),
|
|
1454
|
+
/* @__PURE__ */ t(E.TrackFill, { className: oi })
|
|
1449
1455
|
] }),
|
|
1450
1456
|
/* @__PURE__ */ t(E.Thumb, { className: m.thumb })
|
|
1451
1457
|
]
|
|
1452
1458
|
}
|
|
1453
1459
|
),
|
|
1454
|
-
/* @__PURE__ */ t(
|
|
1460
|
+
/* @__PURE__ */ t(Jo, {})
|
|
1455
1461
|
] });
|
|
1456
1462
|
}
|
|
1457
|
-
const
|
|
1458
|
-
wrapper:
|
|
1459
|
-
track:
|
|
1460
|
-
thumb:
|
|
1463
|
+
const ii = "_wrapper_12cb0_1", ai = "_track_12cb0_6", si = "_thumb_12cb0_18", ci = "_track-fill_12cb0_32", li = "_root_12cb0_51", F = {
|
|
1464
|
+
wrapper: ii,
|
|
1465
|
+
track: ai,
|
|
1466
|
+
thumb: si,
|
|
1461
1467
|
"track-fill": "_track-fill_12cb0_32",
|
|
1462
|
-
trackFill:
|
|
1463
|
-
root:
|
|
1468
|
+
trackFill: ci,
|
|
1469
|
+
root: li
|
|
1464
1470
|
};
|
|
1465
|
-
function
|
|
1466
|
-
const e =
|
|
1471
|
+
function ri() {
|
|
1472
|
+
const e = v("volume"), n = v("muted"), o = g();
|
|
1467
1473
|
return /* @__PURE__ */ s("div", { className: F.wrapper, children: [
|
|
1468
1474
|
/* @__PURE__ */ t(
|
|
1469
|
-
|
|
1475
|
+
We,
|
|
1470
1476
|
{
|
|
1471
1477
|
tabIndex: o.state.interactionsDisabled ? -1 : 0,
|
|
1472
1478
|
className: "controls-button",
|
|
1473
|
-
children: n || e == 0 ? /* @__PURE__ */ t(
|
|
1479
|
+
children: n || e == 0 ? /* @__PURE__ */ t(Te, { className: "controls-button-icon" }) : e < 0.5 ? /* @__PURE__ */ t(Se, { className: "controls-button-icon" }) : /* @__PURE__ */ t(He, { className: "controls-button-icon" })
|
|
1474
1480
|
}
|
|
1475
1481
|
),
|
|
1476
1482
|
/* @__PURE__ */ s(
|
|
1477
|
-
|
|
1483
|
+
D.Root,
|
|
1478
1484
|
{
|
|
1479
1485
|
className: F.root,
|
|
1480
1486
|
tabIndex: o.state.interactionsDisabled ? -1 : 0,
|
|
1481
1487
|
children: [
|
|
1482
|
-
/* @__PURE__ */ t(
|
|
1483
|
-
/* @__PURE__ */ t(
|
|
1488
|
+
/* @__PURE__ */ t(D.Track, { className: F.track, children: /* @__PURE__ */ t(D.TrackFill, { className: F.trackFill }) }),
|
|
1489
|
+
/* @__PURE__ */ t(D.Thumb, { className: F.thumb })
|
|
1484
1490
|
]
|
|
1485
1491
|
}
|
|
1486
1492
|
)
|
|
1487
1493
|
] });
|
|
1488
1494
|
}
|
|
1489
|
-
const
|
|
1495
|
+
const me = {
|
|
1490
1496
|
togglePaused: ["Space", "Enter", "k"],
|
|
1491
1497
|
seekForward: ["ArrowRight"],
|
|
1492
1498
|
seekBackward: ["ArrowLeft"],
|
|
@@ -1524,8 +1530,8 @@ const ue = {
|
|
|
1524
1530
|
decreasePlaybackRate: {
|
|
1525
1531
|
keys: ["a"],
|
|
1526
1532
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
1527
|
-
const a =
|
|
1528
|
-
a >= 0 && (o.changePlaybackRate(
|
|
1533
|
+
const a = V.indexOf(n.playbackRate) - 1;
|
|
1534
|
+
a >= 0 && (o.changePlaybackRate(V[a]), n.$state.lastKeyboardAction.set({
|
|
1529
1535
|
action: "decreasePlaybackRate",
|
|
1530
1536
|
event: e
|
|
1531
1537
|
}));
|
|
@@ -1534,8 +1540,8 @@ const ue = {
|
|
|
1534
1540
|
increasePlaybackRate: {
|
|
1535
1541
|
keys: ["d"],
|
|
1536
1542
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
1537
|
-
const a =
|
|
1538
|
-
a <
|
|
1543
|
+
const a = V.indexOf(n.playbackRate) + 1;
|
|
1544
|
+
a < V.length && (o.changePlaybackRate(V[a]), n.$state.lastKeyboardAction.set({
|
|
1539
1545
|
action: "increasePlaybackRate",
|
|
1540
1546
|
event: e
|
|
1541
1547
|
}));
|
|
@@ -1569,7 +1575,7 @@ const ue = {
|
|
|
1569
1575
|
}
|
|
1570
1576
|
}
|
|
1571
1577
|
};
|
|
1572
|
-
function
|
|
1578
|
+
function ui(e, n = 1e3) {
|
|
1573
1579
|
let o = !1;
|
|
1574
1580
|
return () => {
|
|
1575
1581
|
o || (e(), o = !0, setTimeout(() => {
|
|
@@ -1577,7 +1583,7 @@ function si(e, n = 1e3) {
|
|
|
1577
1583
|
}, n));
|
|
1578
1584
|
};
|
|
1579
1585
|
}
|
|
1580
|
-
const
|
|
1586
|
+
const he = {
|
|
1581
1587
|
volume: 1,
|
|
1582
1588
|
muted: !1,
|
|
1583
1589
|
lang: null,
|
|
@@ -1588,18 +1594,18 @@ const de = {
|
|
|
1588
1594
|
invert: !1,
|
|
1589
1595
|
comments: !1
|
|
1590
1596
|
};
|
|
1591
|
-
class
|
|
1597
|
+
class di {
|
|
1592
1598
|
constructor() {
|
|
1593
1599
|
N(this, "playerId", "studio-player");
|
|
1594
1600
|
N(this, "mediaId", null);
|
|
1595
|
-
N(this, "data",
|
|
1601
|
+
N(this, "data", he);
|
|
1596
1602
|
N(this, "time", null);
|
|
1597
1603
|
N(this, "saveTime", () => {
|
|
1598
1604
|
if (!this.mediaId) return;
|
|
1599
1605
|
const n = (this.time ?? 0).toString();
|
|
1600
1606
|
localStorage.setItem(this.mediaId, n);
|
|
1601
1607
|
});
|
|
1602
|
-
N(this, "saveTimeThrottled",
|
|
1608
|
+
N(this, "saveTimeThrottled", ui(this.saveTime, 1e3));
|
|
1603
1609
|
// only used for useStudioPlayer hook's state initialization
|
|
1604
1610
|
N(this, "initializeState", () => {
|
|
1605
1611
|
const n = localStorage.getItem(this.playerId);
|
|
@@ -1676,7 +1682,7 @@ class ci {
|
|
|
1676
1682
|
} catch {
|
|
1677
1683
|
}
|
|
1678
1684
|
this.data = {
|
|
1679
|
-
...
|
|
1685
|
+
...he,
|
|
1680
1686
|
...l
|
|
1681
1687
|
}, this.time = c ? +c : null;
|
|
1682
1688
|
}
|
|
@@ -1686,72 +1692,72 @@ class ci {
|
|
|
1686
1692
|
localStorage.setItem(this.playerId, n);
|
|
1687
1693
|
}
|
|
1688
1694
|
}
|
|
1689
|
-
function
|
|
1690
|
-
const n = Z(() => new
|
|
1695
|
+
function mi(e) {
|
|
1696
|
+
const n = Z(() => new di(), []), [o, i] = P(
|
|
1691
1697
|
n.initializeState
|
|
1692
|
-
), a =
|
|
1698
|
+
), a = f(
|
|
1693
1699
|
(d) => {
|
|
1694
|
-
i((
|
|
1695
|
-
...
|
|
1700
|
+
i((_) => (n.saveData("multiplier", d), {
|
|
1701
|
+
..._,
|
|
1696
1702
|
captionsFontSizeMultiplier: d
|
|
1697
1703
|
}));
|
|
1698
1704
|
},
|
|
1699
1705
|
[n]
|
|
1700
|
-
), c =
|
|
1706
|
+
), c = f(() => {
|
|
1701
1707
|
i((d) => {
|
|
1702
|
-
const
|
|
1703
|
-
return n.saveData("ontop",
|
|
1708
|
+
const _ = !d.captionPositionOnTop;
|
|
1709
|
+
return n.saveData("ontop", _), {
|
|
1704
1710
|
...d,
|
|
1705
|
-
captionPositionOnTop:
|
|
1711
|
+
captionPositionOnTop: _
|
|
1706
1712
|
};
|
|
1707
1713
|
});
|
|
1708
|
-
}, [n]), l =
|
|
1714
|
+
}, [n]), l = f(() => {
|
|
1709
1715
|
i((d) => {
|
|
1710
|
-
const
|
|
1711
|
-
return n.saveData("invert",
|
|
1716
|
+
const _ = !d.captionsInvertColors;
|
|
1717
|
+
return n.saveData("invert", _), {
|
|
1712
1718
|
...d,
|
|
1713
|
-
captionsInvertColors:
|
|
1719
|
+
captionsInvertColors: _
|
|
1714
1720
|
};
|
|
1715
1721
|
});
|
|
1716
|
-
}, [n]),
|
|
1722
|
+
}, [n]), u = f(() => {
|
|
1717
1723
|
i((d) => {
|
|
1718
|
-
const
|
|
1719
|
-
return n.saveData("comments",
|
|
1724
|
+
const _ = !d.commentsEnabled;
|
|
1725
|
+
return n.saveData("comments", _), {
|
|
1720
1726
|
...d,
|
|
1721
|
-
commentsEnabled:
|
|
1727
|
+
commentsEnabled: _
|
|
1722
1728
|
};
|
|
1723
1729
|
});
|
|
1724
|
-
}, [n]),
|
|
1730
|
+
}, [n]), h = f(() => {
|
|
1725
1731
|
i((d) => ({
|
|
1726
1732
|
...d,
|
|
1727
1733
|
interactionsDisabled: !1
|
|
1728
1734
|
}));
|
|
1729
|
-
}, []),
|
|
1735
|
+
}, []), p = f(() => {
|
|
1730
1736
|
i((d) => ({
|
|
1731
1737
|
...d,
|
|
1732
1738
|
interactionsDisabled: !0
|
|
1733
1739
|
}));
|
|
1734
|
-
}, []),
|
|
1735
|
-
...
|
|
1740
|
+
}, []), b = Z(() => e ? {
|
|
1741
|
+
...me,
|
|
1736
1742
|
toggleFullscreen: []
|
|
1737
|
-
} :
|
|
1743
|
+
} : me, [e]);
|
|
1738
1744
|
return {
|
|
1739
1745
|
contextValue: {
|
|
1740
1746
|
state: o,
|
|
1741
1747
|
setCaptionsFontSizeMultiplier: a,
|
|
1742
1748
|
toggleCaptionPositionOnTop: c,
|
|
1743
1749
|
toggleCaptionsInvertColors: l,
|
|
1744
|
-
enableInteractions:
|
|
1745
|
-
disableInteractions:
|
|
1746
|
-
toggleComments:
|
|
1750
|
+
enableInteractions: h,
|
|
1751
|
+
disableInteractions: p,
|
|
1752
|
+
toggleComments: u
|
|
1747
1753
|
},
|
|
1748
|
-
shortcuts:
|
|
1754
|
+
shortcuts: b,
|
|
1749
1755
|
storage: n
|
|
1750
1756
|
};
|
|
1751
1757
|
}
|
|
1752
|
-
const
|
|
1758
|
+
const hi = {}, Y = () => {
|
|
1753
1759
|
};
|
|
1754
|
-
function
|
|
1760
|
+
function yi({
|
|
1755
1761
|
title: e,
|
|
1756
1762
|
playerRef: n,
|
|
1757
1763
|
src: o,
|
|
@@ -1759,54 +1765,61 @@ function bi({
|
|
|
1759
1765
|
thumbnail: a,
|
|
1760
1766
|
hideFullScreen: c = !1,
|
|
1761
1767
|
comments: l = [],
|
|
1762
|
-
locale:
|
|
1763
|
-
annotations:
|
|
1764
|
-
quizMarkers:
|
|
1765
|
-
interactive:
|
|
1766
|
-
onAnnotationClick: d =
|
|
1767
|
-
onQuizMarkerClick:
|
|
1768
|
-
onInteractivePinClick:
|
|
1768
|
+
locale: u = "en",
|
|
1769
|
+
annotations: h = [],
|
|
1770
|
+
quizMarkers: p = [],
|
|
1771
|
+
interactive: b = !1,
|
|
1772
|
+
onAnnotationClick: d = Y,
|
|
1773
|
+
onQuizMarkerClick: _ = Y,
|
|
1774
|
+
onInteractivePinClick: k = Y,
|
|
1769
1775
|
interactiveMenuElements: A = [],
|
|
1770
|
-
darkMode:
|
|
1776
|
+
darkMode: S = !1,
|
|
1777
|
+
autoLoadCaptionSrc: x = ""
|
|
1771
1778
|
}) {
|
|
1772
|
-
const { contextValue:
|
|
1773
|
-
return
|
|
1774
|
-
|
|
1775
|
-
}, [
|
|
1776
|
-
|
|
1779
|
+
const { contextValue: ie, shortcuts: Re, storage: Ae } = mi(c), { i18n: ae } = C();
|
|
1780
|
+
return R(() => {
|
|
1781
|
+
ae.changeLanguage(u);
|
|
1782
|
+
}, [ae, u]), /* @__PURE__ */ t(
|
|
1783
|
+
at,
|
|
1777
1784
|
{
|
|
1778
1785
|
hideFullScreen: c,
|
|
1779
1786
|
comments: l,
|
|
1780
|
-
annotations:
|
|
1781
|
-
quizMarkers:
|
|
1782
|
-
interactive:
|
|
1787
|
+
annotations: h,
|
|
1788
|
+
quizMarkers: p,
|
|
1789
|
+
interactive: b,
|
|
1783
1790
|
onAnnotationClick: d,
|
|
1784
|
-
onQuizMarkerClick:
|
|
1785
|
-
onInteractivePinClick:
|
|
1791
|
+
onQuizMarkerClick: _,
|
|
1792
|
+
onInteractivePinClick: k,
|
|
1786
1793
|
interactiveMenuElements: A,
|
|
1787
|
-
darkMode:
|
|
1788
|
-
children: /* @__PURE__ */ t(
|
|
1789
|
-
|
|
1794
|
+
darkMode: S,
|
|
1795
|
+
children: /* @__PURE__ */ t(it, { contextValue: ie, children: /* @__PURE__ */ s(
|
|
1796
|
+
Ge,
|
|
1790
1797
|
{
|
|
1791
|
-
storage:
|
|
1798
|
+
storage: Ae,
|
|
1792
1799
|
title: e,
|
|
1793
1800
|
src: o,
|
|
1794
|
-
keyShortcuts:
|
|
1801
|
+
keyShortcuts: Re,
|
|
1795
1802
|
playsInline: !0,
|
|
1796
|
-
keyDisabled:
|
|
1803
|
+
keyDisabled: ie.state.interactionsDisabled,
|
|
1804
|
+
onTextTracksChange: (K) => {
|
|
1805
|
+
const se = K == null ? void 0 : K.findIndex(
|
|
1806
|
+
(Ee) => Ee.src === x
|
|
1807
|
+
);
|
|
1808
|
+
se > -1 && (K[se].mode = "showing");
|
|
1809
|
+
},
|
|
1797
1810
|
children: [
|
|
1798
|
-
/* @__PURE__ */ t(
|
|
1799
|
-
/* @__PURE__ */ s(
|
|
1800
|
-
/* @__PURE__ */ t(
|
|
1801
|
-
/* @__PURE__ */ t(
|
|
1802
|
-
/* @__PURE__ */ t(
|
|
1803
|
-
/* @__PURE__ */ t(
|
|
1804
|
-
/* @__PURE__ */ t(
|
|
1805
|
-
/* @__PURE__ */ t(
|
|
1806
|
-
/* @__PURE__ */ t(
|
|
1811
|
+
/* @__PURE__ */ t(no, {}),
|
|
1812
|
+
/* @__PURE__ */ s(Qe, { className: hi.mediaProvider, children: [
|
|
1813
|
+
/* @__PURE__ */ t(lo, { src: a }),
|
|
1814
|
+
/* @__PURE__ */ t(zn, {}),
|
|
1815
|
+
/* @__PURE__ */ t(_t, {}),
|
|
1816
|
+
/* @__PURE__ */ t(Ct, { captions: i }),
|
|
1817
|
+
/* @__PURE__ */ t(Ht, { comments: l }),
|
|
1818
|
+
/* @__PURE__ */ t(fo, {}),
|
|
1819
|
+
/* @__PURE__ */ t(Qn, {})
|
|
1807
1820
|
] }),
|
|
1808
|
-
/* @__PURE__ */ t(
|
|
1809
|
-
/* @__PURE__ */ t(
|
|
1821
|
+
/* @__PURE__ */ t(Ft, { darkMode: S, playerRef: n }),
|
|
1822
|
+
/* @__PURE__ */ t(rt, { annotations: h })
|
|
1810
1823
|
]
|
|
1811
1824
|
}
|
|
1812
1825
|
) })
|
|
@@ -1814,8 +1827,8 @@ function bi({
|
|
|
1814
1827
|
);
|
|
1815
1828
|
}
|
|
1816
1829
|
export {
|
|
1817
|
-
|
|
1818
|
-
|
|
1819
|
-
|
|
1820
|
-
|
|
1830
|
+
gt as CAPTION_FONT_SIZE_MULTIPLIERS,
|
|
1831
|
+
Me as COMMENT_DURATION,
|
|
1832
|
+
V as PLAYBACK_RATES,
|
|
1833
|
+
yi as StudioPlayer
|
|
1821
1834
|
};
|