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