@instructure/studio-player 0.2.6 → 0.2.7
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
|
|
4
|
-
import { jsx as t, jsxs as s, Fragment as
|
|
5
|
-
import { createContext as
|
|
6
|
-
import { useMediaPlayer as q, Spinner as
|
|
7
|
-
import { initReactI18next as
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import { useFloating as
|
|
11
|
-
const
|
|
1
|
+
import './index-aLp7_0kW.css';var ze = Object.defineProperty;
|
|
2
|
+
var Ke = (e, n, o) => n in e ? ze(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o;
|
|
3
|
+
var x = (e, n, o) => Ke(e, typeof n != "symbol" ? n + "" : n, o);
|
|
4
|
+
import { jsx as t, jsxs as s, Fragment as ee } from "react/jsx-runtime";
|
|
5
|
+
import { createContext as te, useContext as P, useState as M, useCallback as p, useEffect as E, useMemo as Z, useRef as ve } from "react";
|
|
6
|
+
import { useMediaPlayer as q, Spinner as Y, useMediaRemote as W, useMediaState as _, isTrackCaptionKind as De, Track as je, Captions as Ue, usePlaybackRateOptions as qe, useCaptionOptions as We, useVideoQualityOptions as Ge, useMediaStore as be, FullscreenButton as Ce, PlayButton as Qe, Poster as Ye, Time as re, TimeSlider as A, MuteButton as Je, VolumeSlider as D, MediaPlayer as Xe, MediaProvider as et } from "@vidstack/react";
|
|
7
|
+
import { initReactI18next as tt, useTranslation as g } from "react-i18next";
|
|
8
|
+
import nt from "i18next";
|
|
9
|
+
import ot from "i18next-resources-to-backend";
|
|
10
|
+
import { useFloating as ge, autoUpdate as ke, flip as ye, arrow as we, useDismiss as Le, useInteractions as Pe, FloatingFocusManager as it, FloatingArrow as Ne, shift as at, offset as st } from "@floating-ui/react";
|
|
11
|
+
const ct = (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 it = (e, n, o) => {
|
|
|
21
21
|
);
|
|
22
22
|
});
|
|
23
23
|
};
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
(e) =>
|
|
24
|
+
nt.use(tt).use(
|
|
25
|
+
ot(
|
|
26
|
+
(e) => ct(/* @__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 @@ Xe.use(Je).use(
|
|
|
34
34
|
escapeValue: !1
|
|
35
35
|
}
|
|
36
36
|
});
|
|
37
|
-
const
|
|
38
|
-
function
|
|
37
|
+
const xe = te(null);
|
|
38
|
+
function lt({
|
|
39
39
|
children: e,
|
|
40
40
|
contextValue: n
|
|
41
41
|
}) {
|
|
42
|
-
return /* @__PURE__ */ t(
|
|
42
|
+
return /* @__PURE__ */ t(xe.Provider, { value: n, children: e });
|
|
43
43
|
}
|
|
44
|
-
function
|
|
45
|
-
const e =
|
|
44
|
+
function v() {
|
|
45
|
+
const e = P(xe);
|
|
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 Me = te(null);
|
|
53
|
+
function rt({
|
|
54
54
|
hideFullScreen: e,
|
|
55
55
|
comments: n,
|
|
56
56
|
annotations: o,
|
|
@@ -58,13 +58,14 @@ function st({
|
|
|
58
58
|
interactive: a,
|
|
59
59
|
onAnnotationClick: c,
|
|
60
60
|
onQuizMarkerClick: l,
|
|
61
|
-
onInteractivePinClick:
|
|
62
|
-
interactiveMenuElements:
|
|
63
|
-
darkMode:
|
|
61
|
+
onInteractivePinClick: u,
|
|
62
|
+
interactiveMenuElements: m,
|
|
63
|
+
darkMode: h,
|
|
64
64
|
children: b,
|
|
65
|
-
forceComments:
|
|
65
|
+
forceComments: w,
|
|
66
|
+
disableCaptionSettings: y
|
|
66
67
|
}) {
|
|
67
|
-
const
|
|
68
|
+
const C = {
|
|
68
69
|
hideFullScreen: e,
|
|
69
70
|
comments: n,
|
|
70
71
|
annotations: o,
|
|
@@ -72,82 +73,83 @@ function st({
|
|
|
72
73
|
interactive: a,
|
|
73
74
|
onAnnotationClick: c,
|
|
74
75
|
onQuizMarkerClick: l,
|
|
75
|
-
onInteractivePinClick:
|
|
76
|
-
interactiveMenuElements:
|
|
77
|
-
darkMode:
|
|
76
|
+
onInteractivePinClick: u,
|
|
77
|
+
interactiveMenuElements: m,
|
|
78
|
+
darkMode: h,
|
|
78
79
|
hasComments: n.length > 0,
|
|
79
80
|
hasAnnotations: o.length > 0,
|
|
80
81
|
hasQuizmarkers: i.length > 0,
|
|
81
|
-
forceComments:
|
|
82
|
+
forceComments: w,
|
|
83
|
+
disableCaptionSettings: y
|
|
82
84
|
};
|
|
83
|
-
return /* @__PURE__ */ t(
|
|
85
|
+
return /* @__PURE__ */ t(Me.Provider, { value: C, children: b });
|
|
84
86
|
}
|
|
85
|
-
function
|
|
86
|
-
const e =
|
|
87
|
+
function S() {
|
|
88
|
+
const e = P(Me);
|
|
87
89
|
if (!e)
|
|
88
90
|
throw new Error(
|
|
89
91
|
"useStudioPlayerPropsContext must be used within a StudioPlayerPropsContextProvider"
|
|
90
92
|
);
|
|
91
93
|
return e;
|
|
92
94
|
}
|
|
93
|
-
const
|
|
95
|
+
const ut = "_annotation-overlay_1kxzn_1", dt = {
|
|
94
96
|
"annotation-overlay": "_annotation-overlay_1kxzn_1",
|
|
95
|
-
annotationOverlay:
|
|
96
|
-
},
|
|
97
|
+
annotationOverlay: ut
|
|
98
|
+
}, ue = 0.25, mt = (e, n) => {
|
|
97
99
|
let o = !1;
|
|
98
100
|
return (i) => {
|
|
99
101
|
const a = i.detail.currentTime;
|
|
100
|
-
a >= e.time && a < e.time +
|
|
102
|
+
a >= e.time && a < e.time + ue && !o && (o = !0, n(e)), (a < e.time || a >= e.time + ue) && o && (o = !1);
|
|
101
103
|
};
|
|
102
104
|
};
|
|
103
|
-
function
|
|
104
|
-
const n = q(), o =
|
|
105
|
+
function ht({ annotations: e }) {
|
|
106
|
+
const n = q(), o = v(), i = S(), [a, c] = M(
|
|
105
107
|
null
|
|
106
|
-
), l =
|
|
107
|
-
(
|
|
108
|
-
n == null || n.pause(), i.interactive || o.disableInteractions(), c(
|
|
108
|
+
), l = p(
|
|
109
|
+
(m) => {
|
|
110
|
+
n == null || n.pause(), i.interactive || o.disableInteractions(), c(m);
|
|
109
111
|
},
|
|
110
112
|
[n, o]
|
|
111
|
-
),
|
|
113
|
+
), u = () => {
|
|
112
114
|
i.interactive || (n == null || n.play(), o.enableInteractions()), c(null);
|
|
113
115
|
};
|
|
114
|
-
return
|
|
116
|
+
return E(() => {
|
|
115
117
|
if (!n)
|
|
116
118
|
return;
|
|
117
|
-
const
|
|
118
|
-
for (const
|
|
119
|
-
const b =
|
|
120
|
-
n.addEventListener("time-update", b),
|
|
119
|
+
const m = [];
|
|
120
|
+
for (const h of e) {
|
|
121
|
+
const b = mt(h, l);
|
|
122
|
+
n.addEventListener("time-update", b), m.push(b);
|
|
121
123
|
}
|
|
122
124
|
if (a) {
|
|
123
|
-
const
|
|
125
|
+
const h = e.find(
|
|
124
126
|
(b) => b.id === a.id
|
|
125
127
|
);
|
|
126
|
-
|
|
128
|
+
h ? c(h) : (c(null), o.enableInteractions());
|
|
127
129
|
}
|
|
128
130
|
return () => {
|
|
129
|
-
for (const
|
|
130
|
-
n.removeEventListener("time-update",
|
|
131
|
+
for (const h of m)
|
|
132
|
+
n.removeEventListener("time-update", h);
|
|
131
133
|
};
|
|
132
|
-
}, [n, e]), a ? /* @__PURE__ */ t("div", { className:
|
|
134
|
+
}, [n, e]), a ? /* @__PURE__ */ t("div", { className: dt.annotationOverlay, children: a.render(u) }) : null;
|
|
133
135
|
}
|
|
134
|
-
const
|
|
136
|
+
const pt = "_media-buffering-indicator_1fwjr_1", _t = "_media-buffering-spinner_1fwjr_17", ft = "_media-buffering-spin_1fwjr_17", vt = "_media-buffering-track_1fwjr_22", bt = "_media-buffering-track-fill_1fwjr_27", j = {
|
|
135
137
|
"media-buffering-indicator": "_media-buffering-indicator_1fwjr_1",
|
|
136
|
-
mediaBufferingIndicator:
|
|
138
|
+
mediaBufferingIndicator: pt,
|
|
137
139
|
"media-buffering-spinner": "_media-buffering-spinner_1fwjr_17",
|
|
138
|
-
mediaBufferingSpinner:
|
|
140
|
+
mediaBufferingSpinner: _t,
|
|
139
141
|
"media-buffering-spin": "_media-buffering-spin_1fwjr_17",
|
|
140
|
-
mediaBufferingSpin:
|
|
142
|
+
mediaBufferingSpin: ft,
|
|
141
143
|
"media-buffering-track": "_media-buffering-track_1fwjr_22",
|
|
142
|
-
mediaBufferingTrack:
|
|
144
|
+
mediaBufferingTrack: vt,
|
|
143
145
|
"media-buffering-track-fill": "_media-buffering-track-fill_1fwjr_27",
|
|
144
|
-
mediaBufferingTrackFill:
|
|
146
|
+
mediaBufferingTrackFill: bt
|
|
145
147
|
};
|
|
146
|
-
function
|
|
147
|
-
return /* @__PURE__ */ t("div", { className: j.mediaBufferingIndicator, children: /* @__PURE__ */ s(
|
|
148
|
-
/* @__PURE__ */ t(
|
|
148
|
+
function Ct() {
|
|
149
|
+
return /* @__PURE__ */ t("div", { className: j.mediaBufferingIndicator, children: /* @__PURE__ */ s(Y.Root, { className: j.mediaBufferingSpinner, size: 96, children: [
|
|
150
|
+
/* @__PURE__ */ t(Y.Track, { className: j.mediaBufferingTrack, width: 8 }),
|
|
149
151
|
/* @__PURE__ */ t(
|
|
150
|
-
|
|
152
|
+
Y.TrackFill,
|
|
151
153
|
{
|
|
152
154
|
className: j.mediaBufferingTrackFill,
|
|
153
155
|
width: 8
|
|
@@ -155,15 +157,15 @@ function ft() {
|
|
|
155
157
|
)
|
|
156
158
|
] }) });
|
|
157
159
|
}
|
|
158
|
-
const
|
|
160
|
+
const Te = (e) => /* @__PURE__ */ s("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
|
|
159
161
|
/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_149_104418", children: /* @__PURE__ */ t("rect", { width: 24, height: 24, fill: "white" }) }) }),
|
|
160
162
|
/* @__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" }) })
|
|
161
|
-
] }),
|
|
163
|
+
] }), Ie = (e) => /* @__PURE__ */ s("svg", { width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
|
|
162
164
|
/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_149_104406", children: /* @__PURE__ */ t("rect", { width: 24, height: 24, fill: "white" }) }) }),
|
|
163
165
|
/* @__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" }) })
|
|
164
166
|
] });
|
|
165
|
-
function
|
|
166
|
-
const e = W(), n =
|
|
167
|
+
function gt() {
|
|
168
|
+
const e = W(), n = _("textTrack"), o = _("hasCaptions"), i = n && De(n), a = v(), c = p(
|
|
167
169
|
(l) => {
|
|
168
170
|
e.toggleCaptions(l.nativeEvent);
|
|
169
171
|
},
|
|
@@ -177,18 +179,18 @@ function vt() {
|
|
|
177
179
|
onClick: c,
|
|
178
180
|
"aria-label": "Captions",
|
|
179
181
|
tabIndex: a.state.interactionsDisabled ? -1 : 0,
|
|
180
|
-
children: i ? /* @__PURE__ */ t(
|
|
182
|
+
children: i ? /* @__PURE__ */ t(Ie, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Te, { className: "controls-button-icon" })
|
|
181
183
|
}
|
|
182
184
|
) : null;
|
|
183
185
|
}
|
|
184
|
-
const
|
|
185
|
-
captions:
|
|
186
|
+
const kt = "_captions_13epz_1", yt = {
|
|
187
|
+
captions: kt
|
|
186
188
|
};
|
|
187
|
-
function
|
|
188
|
-
const n =
|
|
189
|
-
return /* @__PURE__ */ s(
|
|
189
|
+
function wt({ captions: e }) {
|
|
190
|
+
const n = _("hasCaptions"), o = v();
|
|
191
|
+
return /* @__PURE__ */ s(ee, { children: [
|
|
190
192
|
e.map((i) => /* @__PURE__ */ t(
|
|
191
|
-
|
|
193
|
+
je,
|
|
192
194
|
{
|
|
193
195
|
kind: "subtitles",
|
|
194
196
|
type: i.type,
|
|
@@ -208,13 +210,13 @@ function gt({ captions: e }) {
|
|
|
208
210
|
"--captions-color": o.state.captionsInvertColors ? "rgba(22, 22, 22)" : "white",
|
|
209
211
|
"--captions-background-color": o.state.captionsInvertColors ? "rgba(255, 255, 255, 0.75)" : "rgba(22, 22, 22, 0.75)"
|
|
210
212
|
},
|
|
211
|
-
children: /* @__PURE__ */ t(
|
|
213
|
+
children: /* @__PURE__ */ t(Ue, { className: yt.captions })
|
|
212
214
|
}
|
|
213
215
|
) : null
|
|
214
216
|
] });
|
|
215
217
|
}
|
|
216
|
-
const
|
|
217
|
-
const [, n] =
|
|
218
|
+
const B = [0.5, 0.75, 1, 1.25, 1.5, 2], Lt = [0.5, 1, 2, 3, 4], Se = 5, Pt = (e) => {
|
|
219
|
+
const [, n] = M({});
|
|
218
220
|
return Z(() => {
|
|
219
221
|
let o = [];
|
|
220
222
|
return {
|
|
@@ -232,20 +234,20 @@ const V = [0.5, 0.75, 1, 1.25, 1.5, 2], kt = [0.5, 1, 2, 3, 4], Te = 5, yt = (e)
|
|
|
232
234
|
}
|
|
233
235
|
};
|
|
234
236
|
}, []);
|
|
235
|
-
},
|
|
237
|
+
}, Nt = (e, n, o) => {
|
|
236
238
|
let i = !1;
|
|
237
239
|
return (a) => {
|
|
238
240
|
const c = a.detail.currentTime;
|
|
239
241
|
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);
|
|
240
242
|
};
|
|
241
|
-
},
|
|
242
|
-
const o = q(), i =
|
|
243
|
-
return
|
|
243
|
+
}, xt = (e, n = 5) => {
|
|
244
|
+
const o = q(), i = Pt(n);
|
|
245
|
+
return E(() => {
|
|
244
246
|
if (!o)
|
|
245
247
|
return;
|
|
246
248
|
const a = [];
|
|
247
249
|
for (const c of e) {
|
|
248
|
-
const l =
|
|
250
|
+
const l = Nt(c, Se, i);
|
|
249
251
|
a.push(l), o.addEventListener("time-update", l);
|
|
250
252
|
}
|
|
251
253
|
return o.dispatchEvent(
|
|
@@ -258,99 +260,103 @@ const V = [0.5, 0.75, 1, 1.25, 1.5, 2], kt = [0.5, 1, 2, 3, 4], Te = 5, yt = (e)
|
|
|
258
260
|
i.clear();
|
|
259
261
|
};
|
|
260
262
|
}, [o, i, e]), i;
|
|
261
|
-
},
|
|
263
|
+
}, Mt = "_comments-overlay_agbjl_1", Tt = "_comments-container_agbjl_9", It = "_comment_agbjl_1", St = "_comment-text_agbjl_44", Ht = "_comment-author-avatar_agbjl_67", Vt = "_comment-author-name_agbjl_86", R = {
|
|
262
264
|
"comments-overlay": "_comments-overlay_agbjl_1",
|
|
263
|
-
commentsOverlay:
|
|
265
|
+
commentsOverlay: Mt,
|
|
264
266
|
"comments-container": "_comments-container_agbjl_9",
|
|
265
|
-
commentsContainer:
|
|
266
|
-
comment:
|
|
267
|
+
commentsContainer: Tt,
|
|
268
|
+
comment: It,
|
|
267
269
|
"comment-text": "_comment-text_agbjl_44",
|
|
268
|
-
commentText:
|
|
270
|
+
commentText: St,
|
|
269
271
|
"comment-author-avatar": "_comment-author-avatar_agbjl_67",
|
|
270
|
-
commentAuthorAvatar:
|
|
272
|
+
commentAuthorAvatar: Ht,
|
|
271
273
|
"comment-author-name": "_comment-author-name_agbjl_86",
|
|
272
|
-
commentAuthorName:
|
|
274
|
+
commentAuthorName: Vt
|
|
273
275
|
};
|
|
274
|
-
function
|
|
275
|
-
return /* @__PURE__ */ s("div", { className:
|
|
276
|
+
function Bt({ comment: e }) {
|
|
277
|
+
return /* @__PURE__ */ s("div", { className: R.comment, onClick: e.onClick, children: [
|
|
276
278
|
/* @__PURE__ */ t(
|
|
277
279
|
"img",
|
|
278
280
|
{
|
|
279
|
-
className:
|
|
281
|
+
className: R.commentAuthorAvatar,
|
|
280
282
|
src: e.user.avatar,
|
|
281
283
|
alt: e.user.name
|
|
282
284
|
}
|
|
283
285
|
),
|
|
284
|
-
/* @__PURE__ */ t("span", { className:
|
|
285
|
-
/* @__PURE__ */ t("span", { className:
|
|
286
|
+
/* @__PURE__ */ t("span", { className: R.commentText, children: e.text }),
|
|
287
|
+
/* @__PURE__ */ t("span", { className: R.commentAuthorName, children: e.user.name })
|
|
286
288
|
] });
|
|
287
289
|
}
|
|
288
|
-
const
|
|
289
|
-
function
|
|
290
|
-
const n =
|
|
290
|
+
const Rt = 5;
|
|
291
|
+
function Et({ comments: e }) {
|
|
292
|
+
const n = v(), o = xt(e, Rt), i = !!_("textTrack"), a = o.map((c) => /* @__PURE__ */ t(Bt, { comment: c }, c.id));
|
|
291
293
|
return e.length > 0 && n.state.commentsEnabled ? /* @__PURE__ */ t(
|
|
292
294
|
"div",
|
|
293
295
|
{
|
|
294
|
-
className:
|
|
296
|
+
className: R.commentsOverlay,
|
|
295
297
|
style: {
|
|
296
298
|
flexDirection: n.state.captionPositionOnTop && i ? "column-reverse" : "column"
|
|
297
299
|
},
|
|
298
|
-
children: /* @__PURE__ */ t("div", { className:
|
|
300
|
+
children: /* @__PURE__ */ t("div", { className: R.commentsContainer, children: i ? a.slice(-4) : a })
|
|
299
301
|
}
|
|
300
302
|
) : null;
|
|
301
303
|
}
|
|
302
|
-
const
|
|
303
|
-
root:
|
|
304
|
+
const At = "_root_fph0z_1", Ot = "_left-controls_fph0z_28", Ft = "_right-controls_fph0z_34", Zt = "_indicators_fph0z_40", $t = "_normal-timeline_fph0z_49", zt = "_compact-timeline_fph0z_55", V = {
|
|
305
|
+
root: At,
|
|
304
306
|
"left-controls": "_left-controls_fph0z_28",
|
|
305
|
-
leftControls:
|
|
307
|
+
leftControls: Ot,
|
|
306
308
|
"right-controls": "_right-controls_fph0z_34",
|
|
307
|
-
rightControls:
|
|
308
|
-
indicators:
|
|
309
|
+
rightControls: Ft,
|
|
310
|
+
indicators: Zt,
|
|
309
311
|
"normal-timeline": "_normal-timeline_fph0z_49",
|
|
310
|
-
normalTimeline:
|
|
312
|
+
normalTimeline: $t,
|
|
311
313
|
"compact-timeline": "_compact-timeline_fph0z_55",
|
|
312
|
-
compactTimeline:
|
|
314
|
+
compactTimeline: zt
|
|
313
315
|
};
|
|
314
|
-
function
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
316
|
+
function Kt({
|
|
317
|
+
darkMode: e,
|
|
318
|
+
playerRef: n,
|
|
319
|
+
showCaptionsButton: o = !0
|
|
320
|
+
}) {
|
|
321
|
+
const i = q();
|
|
322
|
+
return E(() => {
|
|
323
|
+
i && (i.remoteControl.pauseControls(), n && (n.current = i));
|
|
324
|
+
}, [i, n]), /* @__PURE__ */ s("div", { "data-darkmode": e, className: V.root, children: [
|
|
325
|
+
/* @__PURE__ */ t(he, { className: V.normalTimeline }),
|
|
326
|
+
/* @__PURE__ */ s("div", { className: V.leftControls, children: [
|
|
327
|
+
/* @__PURE__ */ t(ro, {}),
|
|
328
|
+
/* @__PURE__ */ t(hi, {})
|
|
323
329
|
] }),
|
|
324
|
-
/* @__PURE__ */ t("div", { className:
|
|
325
|
-
/* @__PURE__ */ t(
|
|
326
|
-
/* @__PURE__ */ s("div", { className:
|
|
327
|
-
/* @__PURE__ */ t(
|
|
328
|
-
/* @__PURE__ */ t(
|
|
329
|
-
/* @__PURE__ */ t(
|
|
330
|
+
/* @__PURE__ */ t("div", { className: V.indicators, children: /* @__PURE__ */ t(wo, {}) }),
|
|
331
|
+
/* @__PURE__ */ t(he, { className: V.compactTimeline }),
|
|
332
|
+
/* @__PURE__ */ s("div", { className: V.rightControls, children: [
|
|
333
|
+
o && /* @__PURE__ */ t(gt, {}),
|
|
334
|
+
/* @__PURE__ */ t(Rn, {}),
|
|
335
|
+
/* @__PURE__ */ t(Yn, {})
|
|
330
336
|
] })
|
|
331
337
|
] });
|
|
332
338
|
}
|
|
333
|
-
const
|
|
339
|
+
const N = te(null), Dt = (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" }) }), jt = "_menu-hint_k49ve_1", Ut = "_menu-button_k49ve_5", qt = "_menu-label_k49ve_37", Wt = "_menu-icon_k49ve_42", U = {
|
|
334
340
|
"menu-hint": "_menu-hint_k49ve_1",
|
|
335
|
-
menuHint:
|
|
341
|
+
menuHint: jt,
|
|
336
342
|
"menu-button": "_menu-button_k49ve_5",
|
|
337
|
-
menuButton:
|
|
343
|
+
menuButton: Ut,
|
|
338
344
|
"menu-label": "_menu-label_k49ve_37",
|
|
339
|
-
menuLabel:
|
|
345
|
+
menuLabel: qt,
|
|
340
346
|
"menu-icon": "_menu-icon_k49ve_42",
|
|
341
|
-
menuIcon:
|
|
347
|
+
menuIcon: Wt
|
|
342
348
|
};
|
|
343
349
|
function $({ label: e, hint: n, onClick: o, Icon: i }) {
|
|
344
350
|
return /* @__PURE__ */ s("button", { type: "button", className: U.menuButton, onClick: o, children: [
|
|
345
351
|
i && /* @__PURE__ */ t(i, { className: U.menuIcon }),
|
|
346
352
|
/* @__PURE__ */ t("span", { className: U.menuLabel, children: e }),
|
|
347
353
|
/* @__PURE__ */ t("span", { className: U.menuHint, children: n }),
|
|
348
|
-
/* @__PURE__ */ t(
|
|
354
|
+
/* @__PURE__ */ t(Dt, {})
|
|
349
355
|
] });
|
|
350
356
|
}
|
|
351
|
-
const
|
|
352
|
-
function
|
|
353
|
-
const e =
|
|
357
|
+
const Gt = (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" }) });
|
|
358
|
+
function Qt() {
|
|
359
|
+
const e = P(N), n = _("playbackRate"), { t: o } = g(), i = p(() => {
|
|
354
360
|
e && e.setPage("speed");
|
|
355
361
|
}, [e]);
|
|
356
362
|
return e ? /* @__PURE__ */ t(
|
|
@@ -359,12 +365,12 @@ function qt() {
|
|
|
359
365
|
label: o("PLAYBACK_SPEED"),
|
|
360
366
|
hint: `${n}x`,
|
|
361
367
|
onClick: i,
|
|
362
|
-
Icon:
|
|
368
|
+
Icon: Gt
|
|
363
369
|
}
|
|
364
370
|
) : null;
|
|
365
371
|
}
|
|
366
|
-
function
|
|
367
|
-
const e =
|
|
372
|
+
function Yt() {
|
|
373
|
+
const e = P(N), n = _("hasCaptions"), o = _("textTrack"), { t: i } = g(), a = p(() => {
|
|
368
374
|
e && e.setPage("captions");
|
|
369
375
|
}, [e]);
|
|
370
376
|
return e && n ? /* @__PURE__ */ t(
|
|
@@ -373,11 +379,11 @@ function Wt() {
|
|
|
373
379
|
label: i("CAPTIONS"),
|
|
374
380
|
hint: (o == null ? void 0 : o.label) ?? i("OFF"),
|
|
375
381
|
onClick: a,
|
|
376
|
-
Icon:
|
|
382
|
+
Icon: Te
|
|
377
383
|
}
|
|
378
384
|
) : null;
|
|
379
385
|
}
|
|
380
|
-
const
|
|
386
|
+
const Jt = (e) => /* @__PURE__ */ s("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
|
|
381
387
|
/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_412_23039", children: /* @__PURE__ */ t("rect", { width: 18, height: 18, fill: "white" }) }) }),
|
|
382
388
|
/* @__PURE__ */ s("g", { clipPath: "url(#clip0_412_23039)", children: [
|
|
383
389
|
/* @__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" }),
|
|
@@ -385,8 +391,8 @@ const Gt = (e) => /* @__PURE__ */ s("svg", { width: 18, height: 18, viewBox: "0
|
|
|
385
391
|
/* @__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" })
|
|
386
392
|
] })
|
|
387
393
|
] });
|
|
388
|
-
function
|
|
389
|
-
const e =
|
|
394
|
+
function Xt() {
|
|
395
|
+
const e = P(N), n = _("autoQuality"), o = _("quality"), { t: i } = g(), a = p(() => {
|
|
390
396
|
e && e.setPage("quality");
|
|
391
397
|
}, [e]);
|
|
392
398
|
return e && o ? /* @__PURE__ */ t(
|
|
@@ -395,31 +401,31 @@ function Qt() {
|
|
|
395
401
|
label: i("QUALITY"),
|
|
396
402
|
hint: n ? i("AUTO", { quality: o.height }) : `${o.height}p`,
|
|
397
403
|
onClick: a,
|
|
398
|
-
Icon:
|
|
404
|
+
Icon: Jt
|
|
399
405
|
}
|
|
400
406
|
) : null;
|
|
401
407
|
}
|
|
402
|
-
const
|
|
408
|
+
const en = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { 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" }) }), 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", { 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" }) }), nn = "_switch-track_vptv3_1", on = "_switch-thumb_vptv3_11", an = "_switch-icon_vptv3_25", sn = "_switch-body_vptv3_31", cn = "_switch-label_vptv3_68", ln = "_menu-icon_vptv3_72", I = {
|
|
403
409
|
"switch-track": "_switch-track_vptv3_1",
|
|
404
|
-
switchTrack:
|
|
410
|
+
switchTrack: nn,
|
|
405
411
|
"switch-thumb": "_switch-thumb_vptv3_11",
|
|
406
|
-
switchThumb:
|
|
412
|
+
switchThumb: on,
|
|
407
413
|
"switch-icon": "_switch-icon_vptv3_25",
|
|
408
|
-
switchIcon:
|
|
414
|
+
switchIcon: an,
|
|
409
415
|
"switch-body": "_switch-body_vptv3_31",
|
|
410
|
-
switchBody:
|
|
416
|
+
switchBody: sn,
|
|
411
417
|
"switch-label": "_switch-label_vptv3_68",
|
|
412
|
-
switchLabel:
|
|
418
|
+
switchLabel: cn,
|
|
413
419
|
"menu-icon": "_menu-icon_vptv3_72",
|
|
414
|
-
menuIcon:
|
|
420
|
+
menuIcon: ln
|
|
415
421
|
};
|
|
416
|
-
function
|
|
422
|
+
function ne({
|
|
417
423
|
label: e,
|
|
418
424
|
checked: n = !1,
|
|
419
425
|
onClick: o,
|
|
420
426
|
Icon: i
|
|
421
427
|
}) {
|
|
422
|
-
const a =
|
|
428
|
+
const a = p(
|
|
423
429
|
(c) => {
|
|
424
430
|
(c.key === "Enter" || c.key === " ") && (o == null || o());
|
|
425
431
|
},
|
|
@@ -428,35 +434,35 @@ function te({
|
|
|
428
434
|
return /* @__PURE__ */ s(
|
|
429
435
|
"div",
|
|
430
436
|
{
|
|
431
|
-
className:
|
|
437
|
+
className: I.switchBody,
|
|
432
438
|
role: "menuitemcheckbox",
|
|
433
439
|
"aria-checked": n,
|
|
434
440
|
onClick: o,
|
|
435
441
|
onKeyDown: a,
|
|
436
442
|
tabIndex: 0,
|
|
437
443
|
children: [
|
|
438
|
-
i && /* @__PURE__ */ t(i, { className:
|
|
439
|
-
/* @__PURE__ */ t("span", { className:
|
|
440
|
-
/* @__PURE__ */ t("div", { className:
|
|
444
|
+
i && /* @__PURE__ */ t(i, { className: I.menuIcon }),
|
|
445
|
+
/* @__PURE__ */ t("span", { className: I.switchLabel, children: e }),
|
|
446
|
+
/* @__PURE__ */ t("div", { className: I.switchTrack, children: /* @__PURE__ */ t("div", { className: I.switchThumb, children: n ? /* @__PURE__ */ t(en, { className: I.switchIcon }) : /* @__PURE__ */ t(tn, { className: I.switchIcon }) }) })
|
|
441
447
|
]
|
|
442
448
|
}
|
|
443
449
|
);
|
|
444
450
|
}
|
|
445
|
-
const
|
|
446
|
-
function
|
|
447
|
-
const { t: e } =
|
|
451
|
+
const rn = (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" }) });
|
|
452
|
+
function un() {
|
|
453
|
+
const { t: e } = g(), n = S(), o = v();
|
|
448
454
|
return !n.forceComments && n.hasComments ? /* @__PURE__ */ t(
|
|
449
|
-
|
|
455
|
+
ne,
|
|
450
456
|
{
|
|
451
|
-
Icon:
|
|
457
|
+
Icon: rn,
|
|
452
458
|
label: e("COMMENTS"),
|
|
453
459
|
onClick: o.toggleComments,
|
|
454
460
|
checked: o.state.commentsEnabled
|
|
455
461
|
}
|
|
456
462
|
) : null;
|
|
457
463
|
}
|
|
458
|
-
function
|
|
459
|
-
|
|
464
|
+
function H(e) {
|
|
465
|
+
E(() => {
|
|
460
466
|
const n = (o) => {
|
|
461
467
|
o.key === "Escape" && (e == null || e());
|
|
462
468
|
};
|
|
@@ -465,41 +471,41 @@ function I(e) {
|
|
|
465
471
|
};
|
|
466
472
|
}, []);
|
|
467
473
|
}
|
|
468
|
-
const
|
|
474
|
+
const dn = "_main-menu_7h96l_1", mn = {
|
|
469
475
|
"main-menu": "_main-menu_7h96l_1",
|
|
470
|
-
mainMenu:
|
|
476
|
+
mainMenu: dn
|
|
471
477
|
};
|
|
472
|
-
function
|
|
473
|
-
const e =
|
|
474
|
-
return
|
|
475
|
-
/* @__PURE__ */ t(
|
|
476
|
-
/* @__PURE__ */ t(
|
|
477
|
-
/* @__PURE__ */ t(
|
|
478
|
-
/* @__PURE__ */ t(
|
|
478
|
+
function hn() {
|
|
479
|
+
const e = P(N);
|
|
480
|
+
return H(e == null ? void 0 : e.toggle), /* @__PURE__ */ s("div", { className: mn.mainMenu, children: [
|
|
481
|
+
/* @__PURE__ */ t(Qt, {}),
|
|
482
|
+
/* @__PURE__ */ t(Yt, {}),
|
|
483
|
+
/* @__PURE__ */ t(un, {}),
|
|
484
|
+
/* @__PURE__ */ t(Xt, {})
|
|
479
485
|
] });
|
|
480
486
|
}
|
|
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" }) }),
|
|
487
|
+
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" }) }), pn = "_menu-container_1bjr3_1", _n = "_menu-options_1bjr3_6", fn = "_menu-heading_1bjr3_11", vn = "_check-icon_1bjr3_27", bn = "_menu-item-label_1bjr3_33", Cn = "_menu-item_1bjr3_33", gn = "_menu-back-button_1bjr3_66", r = {
|
|
482
488
|
"menu-container": "_menu-container_1bjr3_1",
|
|
483
|
-
menuContainer:
|
|
489
|
+
menuContainer: pn,
|
|
484
490
|
"menu-options": "_menu-options_1bjr3_6",
|
|
485
|
-
menuOptions:
|
|
491
|
+
menuOptions: _n,
|
|
486
492
|
"menu-heading": "_menu-heading_1bjr3_11",
|
|
487
|
-
menuHeading:
|
|
493
|
+
menuHeading: fn,
|
|
488
494
|
"check-icon": "_check-icon_1bjr3_27",
|
|
489
|
-
checkIcon:
|
|
495
|
+
checkIcon: vn,
|
|
490
496
|
"menu-item-label": "_menu-item-label_1bjr3_33",
|
|
491
|
-
menuItemLabel:
|
|
497
|
+
menuItemLabel: bn,
|
|
492
498
|
"menu-item": "_menu-item_1bjr3_33",
|
|
493
|
-
menuItem:
|
|
499
|
+
menuItem: Cn,
|
|
494
500
|
"menu-back-button": "_menu-back-button_1bjr3_66",
|
|
495
|
-
menuBackButton:
|
|
501
|
+
menuBackButton: gn
|
|
496
502
|
};
|
|
497
|
-
function
|
|
498
|
-
const e =
|
|
499
|
-
rates:
|
|
503
|
+
function kn() {
|
|
504
|
+
const e = P(N), n = qe({
|
|
505
|
+
rates: B,
|
|
500
506
|
normalLabel: "1x"
|
|
501
|
-
}), { t: o } =
|
|
502
|
-
return
|
|
507
|
+
}), { t: o } = g();
|
|
508
|
+
return H(e == null ? void 0 : e.backToMain), e ? /* @__PURE__ */ s("div", { className: r.menuContainer, children: [
|
|
503
509
|
/* @__PURE__ */ s(
|
|
504
510
|
"button",
|
|
505
511
|
{
|
|
@@ -532,8 +538,8 @@ function bn() {
|
|
|
532
538
|
)) })
|
|
533
539
|
] }) : null;
|
|
534
540
|
}
|
|
535
|
-
function
|
|
536
|
-
const e =
|
|
541
|
+
function yn() {
|
|
542
|
+
const e = P(N), n = _("textTrack"), { t: o } = g(), i = p(() => {
|
|
537
543
|
e && e.setPage("captionLanguage");
|
|
538
544
|
}, [e]);
|
|
539
545
|
return e ? /* @__PURE__ */ t(
|
|
@@ -545,8 +551,8 @@ function Cn() {
|
|
|
545
551
|
}
|
|
546
552
|
) : null;
|
|
547
553
|
}
|
|
548
|
-
function
|
|
549
|
-
const { t: e } =
|
|
554
|
+
function wn() {
|
|
555
|
+
const { t: e } = g(), n = v(), o = P(N), i = p(() => {
|
|
550
556
|
o && o.setPage("captionFontSize");
|
|
551
557
|
}, [o]);
|
|
552
558
|
return o ? /* @__PURE__ */ t(
|
|
@@ -558,10 +564,10 @@ function gn() {
|
|
|
558
564
|
}
|
|
559
565
|
) : null;
|
|
560
566
|
}
|
|
561
|
-
function
|
|
562
|
-
const { t: e } =
|
|
567
|
+
function Ln() {
|
|
568
|
+
const { t: e } = g(), n = v();
|
|
563
569
|
return /* @__PURE__ */ t(
|
|
564
|
-
|
|
570
|
+
ne,
|
|
565
571
|
{
|
|
566
572
|
label: e("ON_TOP"),
|
|
567
573
|
onClick: n.toggleCaptionPositionOnTop,
|
|
@@ -569,10 +575,10 @@ function kn() {
|
|
|
569
575
|
}
|
|
570
576
|
);
|
|
571
577
|
}
|
|
572
|
-
function
|
|
573
|
-
const { t: e } =
|
|
578
|
+
function Pn() {
|
|
579
|
+
const { t: e } = g(), n = v();
|
|
574
580
|
return /* @__PURE__ */ t(
|
|
575
|
-
|
|
581
|
+
ne,
|
|
576
582
|
{
|
|
577
583
|
label: e("INVERT_COLORS"),
|
|
578
584
|
onClick: n.toggleCaptionsInvertColors,
|
|
@@ -580,9 +586,9 @@ function yn() {
|
|
|
580
586
|
}
|
|
581
587
|
);
|
|
582
588
|
}
|
|
583
|
-
function
|
|
584
|
-
const e =
|
|
585
|
-
return
|
|
589
|
+
function Nn() {
|
|
590
|
+
const e = P(N), { t: n } = g(), { disableCaptionSettings: o } = v();
|
|
591
|
+
return H(e == null ? void 0 : e.backToMain), e ? /* @__PURE__ */ s("div", { className: r.menuContainer, children: [
|
|
586
592
|
/* @__PURE__ */ s(
|
|
587
593
|
"button",
|
|
588
594
|
{
|
|
@@ -596,15 +602,15 @@ function wn() {
|
|
|
596
602
|
}
|
|
597
603
|
),
|
|
598
604
|
/* @__PURE__ */ t("strong", { className: r.menuHeading, children: n("CAPTIONS") }),
|
|
599
|
-
/* @__PURE__ */ t(
|
|
600
|
-
/* @__PURE__ */ t(
|
|
601
|
-
/* @__PURE__ */ t(
|
|
602
|
-
/* @__PURE__ */ t(
|
|
605
|
+
!o && /* @__PURE__ */ t(yn, {}),
|
|
606
|
+
/* @__PURE__ */ t(wn, {}),
|
|
607
|
+
/* @__PURE__ */ t(Ln, {}),
|
|
608
|
+
/* @__PURE__ */ t(Pn, {})
|
|
603
609
|
] }) : null;
|
|
604
610
|
}
|
|
605
|
-
function
|
|
606
|
-
const e =
|
|
607
|
-
return
|
|
611
|
+
function xn() {
|
|
612
|
+
const e = P(N), n = We(), { t: o } = g();
|
|
613
|
+
return H(e == null ? void 0 : e.backToCaptions), e ? /* @__PURE__ */ s("div", { className: r.menuContainer, children: [
|
|
608
614
|
/* @__PURE__ */ s(
|
|
609
615
|
"button",
|
|
610
616
|
{
|
|
@@ -637,9 +643,9 @@ function Ln() {
|
|
|
637
643
|
)) })
|
|
638
644
|
] }) : null;
|
|
639
645
|
}
|
|
640
|
-
function
|
|
641
|
-
const e =
|
|
642
|
-
return
|
|
646
|
+
function Mn() {
|
|
647
|
+
const e = v(), n = P(N), { t: o } = g();
|
|
648
|
+
return H(n == null ? void 0 : n.backToCaptions), n ? /* @__PURE__ */ s("div", { className: r.menuContainer, children: [
|
|
643
649
|
/* @__PURE__ */ s(
|
|
644
650
|
"button",
|
|
645
651
|
{
|
|
@@ -653,7 +659,7 @@ function Pn() {
|
|
|
653
659
|
}
|
|
654
660
|
),
|
|
655
661
|
/* @__PURE__ */ t("strong", { className: r.menuHeading, children: o("CAPTIONS") }),
|
|
656
|
-
/* @__PURE__ */ t("div", { role: "menu", className: r.menuOptions, children:
|
|
662
|
+
/* @__PURE__ */ t("div", { role: "menu", className: r.menuOptions, children: Lt.map((i) => /* @__PURE__ */ s(
|
|
657
663
|
"button",
|
|
658
664
|
{
|
|
659
665
|
type: "button",
|
|
@@ -675,9 +681,9 @@ function Pn() {
|
|
|
675
681
|
)) })
|
|
676
682
|
] }) : null;
|
|
677
683
|
}
|
|
678
|
-
function
|
|
679
|
-
const e =
|
|
680
|
-
return
|
|
684
|
+
function Tn() {
|
|
685
|
+
const e = P(N), n = Ge({ sort: "descending" }), o = _("autoQuality"), { t: i } = g();
|
|
686
|
+
return H(e == null ? void 0 : e.backToMain), e ? /* @__PURE__ */ s("div", { className: r.menuContainer, children: [
|
|
681
687
|
/* @__PURE__ */ s(
|
|
682
688
|
"button",
|
|
683
689
|
{
|
|
@@ -691,12 +697,12 @@ function Nn() {
|
|
|
691
697
|
}
|
|
692
698
|
),
|
|
693
699
|
/* @__PURE__ */ t("strong", { className: r.menuHeading, children: i("QUALITY") }),
|
|
694
|
-
/* @__PURE__ */ t("div", { role: "menu", className: r.menuOptions, children: n.map(({ value: a, label: c, select: l, selected:
|
|
700
|
+
/* @__PURE__ */ t("div", { role: "menu", className: r.menuOptions, children: n.map(({ value: a, label: c, select: l, selected: u }) => /* @__PURE__ */ s(
|
|
695
701
|
"button",
|
|
696
702
|
{
|
|
697
703
|
type: "button",
|
|
698
704
|
role: "menuitemradio",
|
|
699
|
-
"aria-checked": a === "auto" && o ||
|
|
705
|
+
"aria-checked": a === "auto" && o || u && !o,
|
|
700
706
|
onClick: () => {
|
|
701
707
|
l(), e.backToMain(), e.toggle();
|
|
702
708
|
},
|
|
@@ -710,58 +716,58 @@ function Nn() {
|
|
|
710
716
|
)) })
|
|
711
717
|
] }) : null;
|
|
712
718
|
}
|
|
713
|
-
const
|
|
714
|
-
main:
|
|
715
|
-
speed:
|
|
716
|
-
captions:
|
|
717
|
-
captionLanguage:
|
|
718
|
-
captionFontSize:
|
|
719
|
-
quality:
|
|
719
|
+
const In = {
|
|
720
|
+
main: hn,
|
|
721
|
+
speed: kn,
|
|
722
|
+
captions: Nn,
|
|
723
|
+
captionLanguage: xn,
|
|
724
|
+
captionFontSize: Mn,
|
|
725
|
+
quality: Tn
|
|
720
726
|
};
|
|
721
|
-
function
|
|
722
|
-
const [e, n] =
|
|
723
|
-
i((
|
|
724
|
-
}, []), c =
|
|
725
|
-
n(
|
|
726
|
-
}, []), l =
|
|
727
|
+
function Sn() {
|
|
728
|
+
const [e, n] = M("main"), [o, i] = M(!1), a = p(() => {
|
|
729
|
+
i((T) => !T);
|
|
730
|
+
}, []), c = p((T) => {
|
|
731
|
+
n(T);
|
|
732
|
+
}, []), l = p(() => {
|
|
727
733
|
n("captions");
|
|
728
|
-
}, []),
|
|
734
|
+
}, []), u = p(() => {
|
|
729
735
|
n("main");
|
|
730
|
-
}, []),
|
|
736
|
+
}, []), m = Z(() => In[e], [e]), h = ve(null), { refs: b, floatingStyles: w, context: y } = ge({
|
|
731
737
|
open: o,
|
|
732
|
-
onOpenChange: (
|
|
733
|
-
i(
|
|
738
|
+
onOpenChange: (T) => {
|
|
739
|
+
i(T), u();
|
|
734
740
|
},
|
|
735
741
|
placement: "top-end",
|
|
736
|
-
whileElementsMounted:
|
|
742
|
+
whileElementsMounted: ke,
|
|
737
743
|
middleware: [
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
element:
|
|
744
|
+
ye(),
|
|
745
|
+
we({
|
|
746
|
+
element: h
|
|
741
747
|
})
|
|
742
748
|
]
|
|
743
|
-
}),
|
|
749
|
+
}), C = Le(y, { escapeKey: !1 }), { getReferenceProps: f, getFloatingProps: k } = Pe([C]);
|
|
744
750
|
return {
|
|
745
|
-
Page:
|
|
751
|
+
Page: m,
|
|
746
752
|
open: o,
|
|
747
753
|
toggle: a,
|
|
748
754
|
setPage: c,
|
|
749
755
|
backToCaptions: l,
|
|
750
|
-
backToMain:
|
|
751
|
-
arrowRef:
|
|
756
|
+
backToMain: u,
|
|
757
|
+
arrowRef: h,
|
|
752
758
|
refs: b,
|
|
753
|
-
floatingStyles:
|
|
754
|
-
context:
|
|
755
|
-
getReferenceProps:
|
|
756
|
-
getFloatingProps:
|
|
759
|
+
floatingStyles: w,
|
|
760
|
+
context: y,
|
|
761
|
+
getReferenceProps: f,
|
|
762
|
+
getFloatingProps: k
|
|
757
763
|
};
|
|
758
764
|
}
|
|
759
|
-
const
|
|
765
|
+
const 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: "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" }) }), Vn = "_settings-menu_hxlsv_1", Bn = "_arrow_hxlsv_15", de = {
|
|
760
766
|
"settings-menu": "_settings-menu_hxlsv_1",
|
|
761
|
-
settingsMenu:
|
|
762
|
-
arrow:
|
|
767
|
+
settingsMenu: Vn,
|
|
768
|
+
arrow: Bn
|
|
763
769
|
};
|
|
764
|
-
function
|
|
770
|
+
function Rn() {
|
|
765
771
|
const {
|
|
766
772
|
Page: e,
|
|
767
773
|
arrowRef: n,
|
|
@@ -770,48 +776,48 @@ function Hn() {
|
|
|
770
776
|
context: a,
|
|
771
777
|
floatingStyles: c,
|
|
772
778
|
getFloatingProps: l,
|
|
773
|
-
getReferenceProps:
|
|
774
|
-
open:
|
|
775
|
-
refs:
|
|
779
|
+
getReferenceProps: u,
|
|
780
|
+
open: m,
|
|
781
|
+
refs: h,
|
|
776
782
|
setPage: b,
|
|
777
|
-
toggle:
|
|
778
|
-
} =
|
|
779
|
-
return /* @__PURE__ */ s(
|
|
783
|
+
toggle: w
|
|
784
|
+
} = Sn(), y = v(), { t: C } = g();
|
|
785
|
+
return /* @__PURE__ */ s(ee, { children: [
|
|
780
786
|
/* @__PURE__ */ t(
|
|
781
787
|
"button",
|
|
782
788
|
{
|
|
783
|
-
ref:
|
|
789
|
+
ref: h.setReference,
|
|
784
790
|
type: "button",
|
|
785
791
|
className: "controls-button",
|
|
786
|
-
"aria-label":
|
|
787
|
-
onClick:
|
|
788
|
-
"aria-expanded":
|
|
789
|
-
tabIndex:
|
|
790
|
-
...
|
|
791
|
-
children: /* @__PURE__ */ t(
|
|
792
|
+
"aria-label": C("SETTINGS"),
|
|
793
|
+
onClick: w,
|
|
794
|
+
"aria-expanded": m,
|
|
795
|
+
tabIndex: y != null && y.state.interactionsDisabled ? -1 : 0,
|
|
796
|
+
...u(),
|
|
797
|
+
children: /* @__PURE__ */ t(Hn, { className: "controls-button-icon icon-rotate" })
|
|
792
798
|
}
|
|
793
799
|
),
|
|
794
|
-
|
|
800
|
+
m && /* @__PURE__ */ t(it, { context: a, initialFocus: -1, modal: !1, children: /* @__PURE__ */ s(
|
|
795
801
|
"div",
|
|
796
802
|
{
|
|
797
|
-
className:
|
|
798
|
-
ref:
|
|
803
|
+
className: de.settingsMenu,
|
|
804
|
+
ref: h.setFloating,
|
|
799
805
|
style: c,
|
|
800
806
|
...l(),
|
|
801
807
|
children: [
|
|
802
808
|
/* @__PURE__ */ t(
|
|
803
|
-
|
|
809
|
+
N.Provider,
|
|
804
810
|
{
|
|
805
|
-
value: { setPage: b, backToMain: i, backToCaptions: o, toggle:
|
|
811
|
+
value: { setPage: b, backToMain: i, backToCaptions: o, toggle: w },
|
|
806
812
|
children: /* @__PURE__ */ t(e, {})
|
|
807
813
|
}
|
|
808
814
|
),
|
|
809
815
|
/* @__PURE__ */ t(
|
|
810
|
-
|
|
816
|
+
Ne,
|
|
811
817
|
{
|
|
812
818
|
ref: n,
|
|
813
819
|
context: a,
|
|
814
|
-
className:
|
|
820
|
+
className: de.arrow
|
|
815
821
|
}
|
|
816
822
|
)
|
|
817
823
|
]
|
|
@@ -819,129 +825,129 @@ function Hn() {
|
|
|
819
825
|
) })
|
|
820
826
|
] });
|
|
821
827
|
}
|
|
822
|
-
function
|
|
828
|
+
function He(e, n = 1e3) {
|
|
823
829
|
return function() {
|
|
824
|
-
const i =
|
|
825
|
-
return
|
|
830
|
+
const i = _("lastKeyboardAction"), [a, c] = M(!1), l = p(() => c(!1), []);
|
|
831
|
+
return E(() => {
|
|
826
832
|
c(!!i);
|
|
827
|
-
const
|
|
828
|
-
return () => clearTimeout(
|
|
833
|
+
const u = setTimeout(l, n);
|
|
834
|
+
return () => clearTimeout(u);
|
|
829
835
|
}, [i, n]), a ? /* @__PURE__ */ t(e, {}) : null;
|
|
830
836
|
};
|
|
831
837
|
}
|
|
832
|
-
const
|
|
838
|
+
const 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 11,21 H 5 V 3 h 6 z m 8,0 H 13 V 3 h 6 z", fill: "currentColor" }) }), ie = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 5,2 V 22 L 21,12.000665 Z", fill: "currentColor" }) }), Ve = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { 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" }) }), Be = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { 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" }) }), Re = (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" }) }), En = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.691 3.99987V10.5281L0 4.00655V20.2596L10.691 13.7367V20.2663L23.9987 12.1331L10.691 3.99987Z", fill: "currentColor" }) }), An = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.309 3.99987L0 12.1331L13.309 20.2663V13.7367L23.9987 20.2596V4.00655L13.309 10.5281V3.99987Z", fill: "currentColor" }) }), On = "_feedback-overlay_v4lbu_1", Fn = "_feedback-message_v4lbu_14", Zn = "_feedback-icon_v4lbu_30", $n = "_feedback-icon-animation_v4lbu_1", L = {
|
|
833
839
|
"feedback-overlay": "_feedback-overlay_v4lbu_1",
|
|
834
|
-
feedbackOverlay:
|
|
840
|
+
feedbackOverlay: On,
|
|
835
841
|
"feedback-message": "_feedback-message_v4lbu_14",
|
|
836
|
-
feedbackMessage:
|
|
842
|
+
feedbackMessage: Fn,
|
|
837
843
|
"feedback-icon": "_feedback-icon_v4lbu_30",
|
|
838
|
-
feedbackIcon:
|
|
844
|
+
feedbackIcon: Zn,
|
|
839
845
|
"feedback-icon-animation": "_feedback-icon-animation_v4lbu_1",
|
|
840
|
-
feedbackIconAnimation:
|
|
846
|
+
feedbackIconAnimation: $n
|
|
841
847
|
};
|
|
842
|
-
function
|
|
848
|
+
function zn() {
|
|
843
849
|
var o;
|
|
844
|
-
const e =
|
|
850
|
+
const e = be();
|
|
845
851
|
switch ((o = e.lastKeyboardAction) == null ? void 0 : o.action) {
|
|
846
852
|
case "togglePaused":
|
|
847
|
-
return /* @__PURE__ */ t("i", { className:
|
|
853
|
+
return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: e.paused ? /* @__PURE__ */ t(oe, {}) : /* @__PURE__ */ t(ie, {}) });
|
|
848
854
|
case "toggleCaptions":
|
|
849
855
|
case "nextCaptionLanguage":
|
|
850
856
|
case "previousCaptionLanguage":
|
|
851
|
-
return e.hasCaptions ? /* @__PURE__ */ t("i", { className:
|
|
857
|
+
return e.hasCaptions ? /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: /* @__PURE__ */ t(Ie, {}) }) : null;
|
|
852
858
|
case "volumeUp":
|
|
853
859
|
case "volumeDown":
|
|
854
860
|
case "toggleMuted":
|
|
855
|
-
return /* @__PURE__ */ t("i", { className:
|
|
861
|
+
return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: e.muted || e.volume === 0 ? /* @__PURE__ */ t(Ve, {}) : e.volume >= 0.5 ? /* @__PURE__ */ t(Re, {}) : /* @__PURE__ */ t(Be, {}) });
|
|
856
862
|
case "seekForward":
|
|
857
863
|
case "seekForward10":
|
|
858
|
-
return /* @__PURE__ */ t("i", { className:
|
|
864
|
+
return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: /* @__PURE__ */ t(En, { className: "right" }) });
|
|
859
865
|
case "seekBackward":
|
|
860
866
|
case "seekBackward10":
|
|
861
|
-
return /* @__PURE__ */ t("i", { className:
|
|
867
|
+
return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: /* @__PURE__ */ t(An, { className: "left" }) });
|
|
862
868
|
default:
|
|
863
869
|
return null;
|
|
864
870
|
}
|
|
865
871
|
}
|
|
866
|
-
function
|
|
872
|
+
function Kn() {
|
|
867
873
|
var i;
|
|
868
|
-
const { t: e } =
|
|
874
|
+
const { t: e } = g(), n = be();
|
|
869
875
|
switch ((i = n.lastKeyboardAction) == null ? void 0 : i.action) {
|
|
870
876
|
case "toggleCaptions":
|
|
871
877
|
case "nextCaptionLanguage":
|
|
872
878
|
case "previousCaptionLanguage":
|
|
873
|
-
return /* @__PURE__ */ t("div", { className:
|
|
879
|
+
return /* @__PURE__ */ t("div", { className: L.feedbackMessage, children: n.textTrack ? e("CAPTION_LANGUAGE", { language: n.textTrack.label }) : `${e("CAPTIONS")}: ${e("OFF")}` });
|
|
874
880
|
case "volumeUp":
|
|
875
881
|
case "volumeDown":
|
|
876
882
|
case "toggleMuted":
|
|
877
|
-
return /* @__PURE__ */ t("div", { className:
|
|
883
|
+
return /* @__PURE__ */ t("div", { className: L.feedbackMessage, children: n.muted || n.volume === 0 ? e("MUTED") : e("VOLUME", { volume: (n.volume * 100).toFixed(0) }) });
|
|
878
884
|
case "increasePlaybackRate":
|
|
879
885
|
case "decreasePlaybackRate":
|
|
880
886
|
case "resetPlaybackRate":
|
|
881
|
-
return /* @__PURE__ */ t("div", { className:
|
|
887
|
+
return /* @__PURE__ */ t("div", { className: L.feedbackMessage, children: e("PLAYBACK_SPEED_MESSAGE", { speed: n.playbackRate }) });
|
|
882
888
|
case "seekForward":
|
|
883
|
-
return /* @__PURE__ */ t("div", { className:
|
|
889
|
+
return /* @__PURE__ */ t("div", { className: L.feedbackMessage, children: e("SEEK_FORWARD", { seconds: 5 }) });
|
|
884
890
|
case "seekForward10":
|
|
885
|
-
return /* @__PURE__ */ t("div", { className:
|
|
891
|
+
return /* @__PURE__ */ t("div", { className: L.feedbackMessage, children: e("SEEK_FORWARD", { seconds: 10 }) });
|
|
886
892
|
case "seekBackward":
|
|
887
|
-
return /* @__PURE__ */ t("div", { className:
|
|
893
|
+
return /* @__PURE__ */ t("div", { className: L.feedbackMessage, children: e("SEEK_BACKWARD", { seconds: 5 }) });
|
|
888
894
|
case "seekBackward10":
|
|
889
|
-
return /* @__PURE__ */ t("div", { className:
|
|
895
|
+
return /* @__PURE__ */ t("div", { className: L.feedbackMessage, children: e("SEEK_BACKWARD", { seconds: 10 }) });
|
|
890
896
|
default:
|
|
891
897
|
return null;
|
|
892
898
|
}
|
|
893
899
|
}
|
|
894
|
-
const
|
|
895
|
-
function
|
|
896
|
-
return /* @__PURE__ */ s("div", { className:
|
|
897
|
-
/* @__PURE__ */ t(
|
|
898
|
-
/* @__PURE__ */ t(
|
|
900
|
+
const Dn = He(zn, 500), jn = He(Kn, 1e3);
|
|
901
|
+
function Un() {
|
|
902
|
+
return /* @__PURE__ */ s("div", { className: L.feedbackOverlay, children: [
|
|
903
|
+
/* @__PURE__ */ t(Dn, {}),
|
|
904
|
+
/* @__PURE__ */ t(jn, {})
|
|
899
905
|
] });
|
|
900
906
|
}
|
|
901
|
-
const
|
|
907
|
+
const qn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.1383 0.999867V3.66268H18.4561L3.66281 18.4546V14.1382H1V23H9.86449V20.3372H5.54542L20.3387 5.54528V9.86303H23.0001V0.999867H14.1383Z", fill: "currentColor" }) }), Wn = (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" }) }), Gn = "_full-screen-button_1xm32_2", Qn = {
|
|
902
908
|
"full-screen-button": "_full-screen-button_1xm32_2",
|
|
903
|
-
fullScreenButton:
|
|
909
|
+
fullScreenButton: Gn
|
|
904
910
|
};
|
|
905
|
-
function
|
|
906
|
-
const e =
|
|
907
|
-
return
|
|
908
|
-
|
|
911
|
+
function Yn() {
|
|
912
|
+
const e = _("fullscreen"), n = v();
|
|
913
|
+
return S().hideFullScreen ? null : /* @__PURE__ */ t(
|
|
914
|
+
Ce,
|
|
909
915
|
{
|
|
910
916
|
tabIndex: n.state.interactionsDisabled ? -1 : 0,
|
|
911
|
-
className: `controls-button ${
|
|
912
|
-
children: e ? /* @__PURE__ */ t(
|
|
917
|
+
className: `controls-button ${Qn.fullScreenButton}`,
|
|
918
|
+
children: e ? /* @__PURE__ */ t(Wn, { className: "controls-button-icon" }) : /* @__PURE__ */ t(qn, { className: "controls-button-icon" })
|
|
913
919
|
}
|
|
914
920
|
);
|
|
915
921
|
}
|
|
916
|
-
const
|
|
922
|
+
const Jn = "_gestures-container_1fn3b_1", Xn = "_gesture_1fn3b_1", me = {
|
|
917
923
|
"gestures-container": "_gestures-container_1fn3b_1",
|
|
918
|
-
gesturesContainer:
|
|
919
|
-
gesture:
|
|
924
|
+
gesturesContainer: Jn,
|
|
925
|
+
gesture: Xn
|
|
920
926
|
};
|
|
921
|
-
function
|
|
927
|
+
function eo() {
|
|
922
928
|
const e = W(), n = () => {
|
|
923
929
|
e.togglePaused();
|
|
924
930
|
};
|
|
925
|
-
return /* @__PURE__ */ t("div", { className:
|
|
931
|
+
return /* @__PURE__ */ t("div", { className: me.gesturesContainer, children: /* @__PURE__ */ t("div", { "aria-hidden": !0, className: me.gesture, onClick: n }) });
|
|
926
932
|
}
|
|
927
|
-
const
|
|
933
|
+
const to = (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" }) }), Ee = (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" }) }), no = "_keyboard-shortcuts-overlay_y5kv6_1", oo = "_keyboard-shortcuts-button_y5kv6_67", io = "_close-button_y5kv6_93", X = {
|
|
928
934
|
"keyboard-shortcuts-overlay": "_keyboard-shortcuts-overlay_y5kv6_1",
|
|
929
|
-
keyboardShortcutsOverlay:
|
|
935
|
+
keyboardShortcutsOverlay: no,
|
|
930
936
|
"keyboard-shortcuts-button": "_keyboard-shortcuts-button_y5kv6_67",
|
|
931
|
-
keyboardShortcutsButton:
|
|
937
|
+
keyboardShortcutsButton: oo,
|
|
932
938
|
"close-button": "_close-button_y5kv6_93",
|
|
933
|
-
closeButton:
|
|
939
|
+
closeButton: io
|
|
934
940
|
};
|
|
935
|
-
function
|
|
936
|
-
const { t: n } =
|
|
937
|
-
|
|
941
|
+
function ao({ onClose: e }) {
|
|
942
|
+
const { t: n } = g();
|
|
943
|
+
H(e);
|
|
938
944
|
const o = (i) => {
|
|
939
945
|
i && i.focus();
|
|
940
946
|
};
|
|
941
947
|
return /* @__PURE__ */ s(
|
|
942
948
|
"div",
|
|
943
949
|
{
|
|
944
|
-
className:
|
|
950
|
+
className: X.keyboardShortcutsOverlay,
|
|
945
951
|
tabIndex: 0,
|
|
946
952
|
ref: o,
|
|
947
953
|
children: [
|
|
@@ -951,10 +957,10 @@ function no({ onClose: e }) {
|
|
|
951
957
|
"button",
|
|
952
958
|
{
|
|
953
959
|
type: "button",
|
|
954
|
-
className:
|
|
960
|
+
className: X.closeButton,
|
|
955
961
|
onClick: e,
|
|
956
962
|
"aria-label": n("CLOSE"),
|
|
957
|
-
children: /* @__PURE__ */ t(
|
|
963
|
+
children: /* @__PURE__ */ t(Ee, {})
|
|
958
964
|
}
|
|
959
965
|
)
|
|
960
966
|
] }),
|
|
@@ -1045,156 +1051,156 @@ function no({ onClose: e }) {
|
|
|
1045
1051
|
}
|
|
1046
1052
|
);
|
|
1047
1053
|
}
|
|
1048
|
-
function
|
|
1049
|
-
const [e, n] =
|
|
1050
|
-
n(!0), l.disableInteractions(),
|
|
1051
|
-
}, [
|
|
1052
|
-
n(!1), i(!0), l.enableInteractions(), a && (c(!1),
|
|
1053
|
-
}, [a,
|
|
1054
|
-
(
|
|
1054
|
+
function so() {
|
|
1055
|
+
const [e, n] = M(!1), [o, i] = M(!1), [a, c] = M(!1), l = v(), u = _("playing"), m = W(), { t: h } = g(), b = p(() => {
|
|
1056
|
+
n(!0), l.disableInteractions(), u && (c(!0), m.pause());
|
|
1057
|
+
}, [u, m, l]), w = p(() => {
|
|
1058
|
+
n(!1), i(!0), l.enableInteractions(), a && (c(!1), m.play());
|
|
1059
|
+
}, [a, m, l]), y = p(
|
|
1060
|
+
(C) => o && (C == null ? void 0 : C.focus()),
|
|
1055
1061
|
[o]
|
|
1056
1062
|
);
|
|
1057
|
-
return e ? /* @__PURE__ */ t(
|
|
1063
|
+
return e ? /* @__PURE__ */ t(ao, { onClose: w }) : /* @__PURE__ */ t(
|
|
1058
1064
|
"button",
|
|
1059
1065
|
{
|
|
1060
|
-
ref:
|
|
1061
|
-
"aria-label":
|
|
1066
|
+
ref: y,
|
|
1067
|
+
"aria-label": h("KEYBOARD_SHORTCUTS"),
|
|
1062
1068
|
type: "button",
|
|
1063
|
-
className:
|
|
1069
|
+
className: X.keyboardShortcutsButton,
|
|
1064
1070
|
onClick: b,
|
|
1065
1071
|
tabIndex: l.state.interactionsDisabled ? -1 : 0,
|
|
1066
|
-
children: /* @__PURE__ */ t(
|
|
1072
|
+
children: /* @__PURE__ */ t(to, {})
|
|
1067
1073
|
}
|
|
1068
1074
|
);
|
|
1069
1075
|
}
|
|
1070
|
-
const
|
|
1076
|
+
const co = "_play-pause-button_kyuc5_1", lo = {
|
|
1071
1077
|
"play-pause-button": "_play-pause-button_kyuc5_1",
|
|
1072
|
-
playPauseButton:
|
|
1078
|
+
playPauseButton: co
|
|
1073
1079
|
};
|
|
1074
|
-
function
|
|
1075
|
-
const e = q(), n =
|
|
1080
|
+
function ro() {
|
|
1081
|
+
const e = q(), n = v(), o = _("paused");
|
|
1076
1082
|
return e ? /* @__PURE__ */ t(
|
|
1077
|
-
|
|
1083
|
+
Qe,
|
|
1078
1084
|
{
|
|
1079
1085
|
tabIndex: n.state.interactionsDisabled ? -1 : 0,
|
|
1080
|
-
className: `${
|
|
1086
|
+
className: `${lo.playPauseButton} controls-button`,
|
|
1081
1087
|
onKeyDown: (i) => {
|
|
1082
1088
|
i.key === " " && (e == null || e.$state.lastKeyboardAction.set({
|
|
1083
1089
|
action: "togglePaused",
|
|
1084
1090
|
event: i.nativeEvent
|
|
1085
1091
|
}));
|
|
1086
1092
|
},
|
|
1087
|
-
children: o ? /* @__PURE__ */ t(
|
|
1093
|
+
children: o ? /* @__PURE__ */ t(ie, { className: "controls-button-icon" }) : /* @__PURE__ */ t(oe, { className: "controls-button-icon" })
|
|
1088
1094
|
}
|
|
1089
1095
|
) : null;
|
|
1090
1096
|
}
|
|
1091
|
-
const
|
|
1092
|
-
poster:
|
|
1097
|
+
const uo = "_poster_195hi_1", mo = {
|
|
1098
|
+
poster: uo
|
|
1093
1099
|
};
|
|
1094
|
-
function
|
|
1095
|
-
const n =
|
|
1096
|
-
return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(
|
|
1100
|
+
function ho({ src: e }) {
|
|
1101
|
+
const n = _("source");
|
|
1102
|
+
return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(Ye, { src: e, className: mo.poster });
|
|
1097
1103
|
}
|
|
1098
|
-
const
|
|
1104
|
+
const po = "_small-layout-overlay_1vli4_1", _o = "_small-layout-button_1vli4_14", fo = "_small-layout-icon-play_1vli4_24", vo = "_small-layout-icon-pause_1vli4_30", bo = "_full-screen-close-icon_1vli4_36", Co = "_fade-out_1vli4_1", O = {
|
|
1099
1105
|
"small-layout-overlay": "_small-layout-overlay_1vli4_1",
|
|
1100
|
-
smallLayoutOverlay:
|
|
1106
|
+
smallLayoutOverlay: po,
|
|
1101
1107
|
"small-layout-button": "_small-layout-button_1vli4_14",
|
|
1102
|
-
smallLayoutButton:
|
|
1108
|
+
smallLayoutButton: _o,
|
|
1103
1109
|
"small-layout-icon-play": "_small-layout-icon-play_1vli4_24",
|
|
1104
|
-
smallLayoutIconPlay:
|
|
1110
|
+
smallLayoutIconPlay: fo,
|
|
1105
1111
|
"small-layout-icon-pause": "_small-layout-icon-pause_1vli4_30",
|
|
1106
|
-
smallLayoutIconPause:
|
|
1112
|
+
smallLayoutIconPause: vo,
|
|
1107
1113
|
"full-screen-close-icon": "_full-screen-close-icon_1vli4_36",
|
|
1108
|
-
fullScreenCloseIcon:
|
|
1114
|
+
fullScreenCloseIcon: bo,
|
|
1109
1115
|
"fade-out": "_fade-out_1vli4_1",
|
|
1110
|
-
fadeOut:
|
|
1116
|
+
fadeOut: Co
|
|
1111
1117
|
};
|
|
1112
|
-
function
|
|
1118
|
+
function go() {
|
|
1113
1119
|
return /* @__PURE__ */ s("div", { className: O.smallLayoutOverlay, children: [
|
|
1114
|
-
/* @__PURE__ */ t(
|
|
1120
|
+
/* @__PURE__ */ t(Ce, { className: O.fullScreenCloseIcon, children: /* @__PURE__ */ t(Ee, {}) }),
|
|
1115
1121
|
/* @__PURE__ */ s("i", { className: O.smallLayoutButton, children: [
|
|
1116
|
-
/* @__PURE__ */ t(
|
|
1117
|
-
/* @__PURE__ */ t(
|
|
1122
|
+
/* @__PURE__ */ t(ie, { className: O.smallLayoutIconPlay }),
|
|
1123
|
+
/* @__PURE__ */ t(oe, { className: O.smallLayoutIconPause })
|
|
1118
1124
|
] })
|
|
1119
1125
|
] });
|
|
1120
1126
|
}
|
|
1121
|
-
const
|
|
1127
|
+
const ko = "_time-indicator_1rlpb_1", yo = {
|
|
1122
1128
|
"time-indicator": "_time-indicator_1rlpb_1",
|
|
1123
|
-
timeIndicator:
|
|
1129
|
+
timeIndicator: ko
|
|
1124
1130
|
};
|
|
1125
|
-
function
|
|
1126
|
-
return /* @__PURE__ */ s("div", { className:
|
|
1127
|
-
/* @__PURE__ */ t(
|
|
1131
|
+
function wo() {
|
|
1132
|
+
return /* @__PURE__ */ s("div", { className: yo.timeIndicator, children: [
|
|
1133
|
+
/* @__PURE__ */ t(re, { type: "current" }),
|
|
1128
1134
|
"/",
|
|
1129
|
-
/* @__PURE__ */ t(
|
|
1135
|
+
/* @__PURE__ */ t(re, { type: "duration" })
|
|
1130
1136
|
] });
|
|
1131
1137
|
}
|
|
1132
|
-
const
|
|
1138
|
+
const Lo = "_comment-markers_19b45_1", Po = "_comment-marker_19b45_1", No = "_timeline-wrapper_19b45_21", xo = "_track_19b45_35", Mo = "_thumb_19b45_48", To = "_root_19b45_62", Io = "_track-inner_19b45_92", So = "_progress_19b45_98", Ho = "_track-fill_19b45_104", Vo = "_pins_19b45_121", Bo = "_pin-button_19b45_134", Ro = "_annotation-pin_19b45_154", Eo = "_quiz-pin_19b45_159", Ao = "_annotation-pin-child_19b45_164", Oo = "_quiz-pin-child_19b45_168", Fo = "_interactive-pin-container_19b45_173", Zo = "_interactive-pin-wrapper_19b45_183", $o = "_interactive-pin-icon_19b45_189", zo = "_interactive-pin_19b45_173", Ko = "_bg_19b45_203", Do = "_symbol_19b45_207", jo = "_interactive-pin-button_19b45_212", Uo = "_interactive-pin-menu_19b45_232", qo = "_interactive-pin-menu-item_19b45_246", Wo = "_arrow_19b45_267", d = {
|
|
1133
1139
|
"comment-markers": "_comment-markers_19b45_1",
|
|
1134
|
-
commentMarkers:
|
|
1140
|
+
commentMarkers: Lo,
|
|
1135
1141
|
"comment-marker": "_comment-marker_19b45_1",
|
|
1136
|
-
commentMarker:
|
|
1142
|
+
commentMarker: Po,
|
|
1137
1143
|
"timeline-wrapper": "_timeline-wrapper_19b45_21",
|
|
1138
|
-
timelineWrapper:
|
|
1139
|
-
track:
|
|
1140
|
-
thumb:
|
|
1141
|
-
root:
|
|
1144
|
+
timelineWrapper: No,
|
|
1145
|
+
track: xo,
|
|
1146
|
+
thumb: Mo,
|
|
1147
|
+
root: To,
|
|
1142
1148
|
"track-inner": "_track-inner_19b45_92",
|
|
1143
|
-
trackInner:
|
|
1144
|
-
progress:
|
|
1149
|
+
trackInner: Io,
|
|
1150
|
+
progress: So,
|
|
1145
1151
|
"track-fill": "_track-fill_19b45_104",
|
|
1146
|
-
trackFill:
|
|
1147
|
-
pins:
|
|
1152
|
+
trackFill: Ho,
|
|
1153
|
+
pins: Vo,
|
|
1148
1154
|
"pin-button": "_pin-button_19b45_134",
|
|
1149
|
-
pinButton:
|
|
1155
|
+
pinButton: Bo,
|
|
1150
1156
|
"annotation-pin": "_annotation-pin_19b45_154",
|
|
1151
|
-
annotationPin:
|
|
1157
|
+
annotationPin: Ro,
|
|
1152
1158
|
"quiz-pin": "_quiz-pin_19b45_159",
|
|
1153
|
-
quizPin:
|
|
1159
|
+
quizPin: Eo,
|
|
1154
1160
|
"annotation-pin-child": "_annotation-pin-child_19b45_164",
|
|
1155
|
-
annotationPinChild:
|
|
1161
|
+
annotationPinChild: Ao,
|
|
1156
1162
|
"quiz-pin-child": "_quiz-pin-child_19b45_168",
|
|
1157
|
-
quizPinChild:
|
|
1163
|
+
quizPinChild: Oo,
|
|
1158
1164
|
"interactive-pin-container": "_interactive-pin-container_19b45_173",
|
|
1159
|
-
interactivePinContainer:
|
|
1165
|
+
interactivePinContainer: Fo,
|
|
1160
1166
|
"interactive-pin-wrapper": "_interactive-pin-wrapper_19b45_183",
|
|
1161
|
-
interactivePinWrapper:
|
|
1167
|
+
interactivePinWrapper: Zo,
|
|
1162
1168
|
"interactive-pin-icon": "_interactive-pin-icon_19b45_189",
|
|
1163
|
-
interactivePinIcon:
|
|
1169
|
+
interactivePinIcon: $o,
|
|
1164
1170
|
"interactive-pin": "_interactive-pin_19b45_173",
|
|
1165
|
-
interactivePin:
|
|
1166
|
-
bg:
|
|
1167
|
-
symbol:
|
|
1171
|
+
interactivePin: zo,
|
|
1172
|
+
bg: Ko,
|
|
1173
|
+
symbol: Do,
|
|
1168
1174
|
"interactive-pin-button": "_interactive-pin-button_19b45_212",
|
|
1169
|
-
interactivePinButton:
|
|
1175
|
+
interactivePinButton: jo,
|
|
1170
1176
|
"interactive-pin-menu": "_interactive-pin-menu_19b45_232",
|
|
1171
|
-
interactivePinMenu:
|
|
1177
|
+
interactivePinMenu: Uo,
|
|
1172
1178
|
"interactive-pin-menu-item": "_interactive-pin-menu-item_19b45_246",
|
|
1173
|
-
interactivePinMenuItem:
|
|
1174
|
-
arrow:
|
|
1175
|
-
},
|
|
1176
|
-
annotation:
|
|
1177
|
-
quiz:
|
|
1179
|
+
interactivePinMenuItem: qo,
|
|
1180
|
+
arrow: Wo
|
|
1181
|
+
}, Go = {
|
|
1182
|
+
annotation: d.annotationPin,
|
|
1183
|
+
quiz: d.quizPin
|
|
1178
1184
|
};
|
|
1179
|
-
function
|
|
1185
|
+
function Ae({
|
|
1180
1186
|
type: e,
|
|
1181
1187
|
position: n,
|
|
1182
1188
|
children: o,
|
|
1183
1189
|
onClick: i
|
|
1184
1190
|
}) {
|
|
1185
|
-
const a =
|
|
1191
|
+
const a = v();
|
|
1186
1192
|
return /* @__PURE__ */ t(
|
|
1187
1193
|
"button",
|
|
1188
1194
|
{
|
|
1189
1195
|
type: "button",
|
|
1190
1196
|
tabIndex: a.state.interactionsDisabled ? -1 : 0,
|
|
1191
|
-
className:
|
|
1197
|
+
className: d.pinButton,
|
|
1192
1198
|
style: { left: `${n}%` },
|
|
1193
1199
|
onClick: i,
|
|
1194
1200
|
children: /* @__PURE__ */ s(
|
|
1195
1201
|
"svg",
|
|
1196
1202
|
{
|
|
1197
|
-
className:
|
|
1203
|
+
className: Go[e],
|
|
1198
1204
|
width: "26",
|
|
1199
1205
|
height: "32",
|
|
1200
1206
|
viewBox: "0 0 26 32",
|
|
@@ -1208,11 +1214,11 @@ function Re({
|
|
|
1208
1214
|
}
|
|
1209
1215
|
);
|
|
1210
1216
|
}
|
|
1211
|
-
function
|
|
1212
|
-
return /* @__PURE__ */ t(
|
|
1217
|
+
function Qo(e) {
|
|
1218
|
+
return /* @__PURE__ */ t(Ae, { type: "annotation", ...e, children: /* @__PURE__ */ t(
|
|
1213
1219
|
"path",
|
|
1214
1220
|
{
|
|
1215
|
-
className:
|
|
1221
|
+
className: d.annotationPinChild,
|
|
1216
1222
|
fillRule: "evenodd",
|
|
1217
1223
|
clipRule: "evenodd",
|
|
1218
1224
|
d: "M7 8V19.25H8.875V18.875C8.875 17.8415 9.7165 17 10.75 17H19V8H7ZM10 11.75H16V11H10V11.75ZM14.5 14H10V13.25H14.5V14Z",
|
|
@@ -1221,11 +1227,11 @@ function qo(e) {
|
|
|
1221
1227
|
}
|
|
1222
1228
|
) });
|
|
1223
1229
|
}
|
|
1224
|
-
function
|
|
1225
|
-
return /* @__PURE__ */ t(
|
|
1230
|
+
function Yo(e) {
|
|
1231
|
+
return /* @__PURE__ */ t(Ae, { type: "quiz", ...e, children: e.multiple ? /* @__PURE__ */ t("circle", { className: d.quizPinChild, cx: "13", cy: "13", r: "6" }) : /* @__PURE__ */ t(
|
|
1226
1232
|
"text",
|
|
1227
1233
|
{
|
|
1228
|
-
className:
|
|
1234
|
+
className: d.quizPinChild,
|
|
1229
1235
|
x: "50%",
|
|
1230
1236
|
y: "56%",
|
|
1231
1237
|
textAnchor: "middle",
|
|
@@ -1235,7 +1241,7 @@ function Wo(e) {
|
|
|
1235
1241
|
}
|
|
1236
1242
|
) });
|
|
1237
1243
|
}
|
|
1238
|
-
function
|
|
1244
|
+
function Jo(e, n) {
|
|
1239
1245
|
return e.map((o, i) => ({
|
|
1240
1246
|
id: o.id,
|
|
1241
1247
|
time: o.time,
|
|
@@ -1244,18 +1250,18 @@ function Go(e, n) {
|
|
|
1244
1250
|
onClick: () => n(o)
|
|
1245
1251
|
}));
|
|
1246
1252
|
}
|
|
1247
|
-
function
|
|
1253
|
+
function Xo(e, n) {
|
|
1248
1254
|
const o = /* @__PURE__ */ new Map();
|
|
1249
1255
|
e.forEach((c) => {
|
|
1250
|
-
var
|
|
1256
|
+
var u;
|
|
1251
1257
|
const l = c.time;
|
|
1252
|
-
o.has(l) || o.set(l, []), (
|
|
1258
|
+
o.has(l) || o.set(l, []), (u = o.get(l)) == null || u.push(c);
|
|
1253
1259
|
});
|
|
1254
1260
|
const i = [];
|
|
1255
1261
|
let a = 1;
|
|
1256
1262
|
return o.forEach((c, l) => {
|
|
1257
1263
|
i.push({
|
|
1258
|
-
id: c.map((
|
|
1264
|
+
id: c.map((u) => u.id).join("-"),
|
|
1259
1265
|
time: l,
|
|
1260
1266
|
type: "quiz",
|
|
1261
1267
|
ordinal: a + 1,
|
|
@@ -1264,12 +1270,12 @@ function Qo(e, n) {
|
|
|
1264
1270
|
}), a++;
|
|
1265
1271
|
}), i;
|
|
1266
1272
|
}
|
|
1267
|
-
function
|
|
1273
|
+
function ei(e, n, o, i) {
|
|
1268
1274
|
switch (e.type) {
|
|
1269
1275
|
case "annotation": {
|
|
1270
1276
|
const a = () => i ? e.onClick() : o.seek(e.time);
|
|
1271
1277
|
return /* @__PURE__ */ t(
|
|
1272
|
-
|
|
1278
|
+
Qo,
|
|
1273
1279
|
{
|
|
1274
1280
|
position: e.time / n * 100,
|
|
1275
1281
|
onClick: a
|
|
@@ -1279,7 +1285,7 @@ function Yo(e, n, o, i) {
|
|
|
1279
1285
|
}
|
|
1280
1286
|
case "quiz":
|
|
1281
1287
|
return /* @__PURE__ */ t(
|
|
1282
|
-
|
|
1288
|
+
Yo,
|
|
1283
1289
|
{
|
|
1284
1290
|
position: e.time / n * 100,
|
|
1285
1291
|
ordinal: e.ordinal,
|
|
@@ -1292,63 +1298,63 @@ function Yo(e, n, o, i) {
|
|
|
1292
1298
|
return null;
|
|
1293
1299
|
}
|
|
1294
1300
|
}
|
|
1295
|
-
function
|
|
1296
|
-
const e = W(), n =
|
|
1297
|
-
...
|
|
1301
|
+
function ti() {
|
|
1302
|
+
const e = W(), n = _("duration"), o = S(), i = Z(() => [
|
|
1303
|
+
...Jo(
|
|
1298
1304
|
o.annotations,
|
|
1299
1305
|
o.onAnnotationClick
|
|
1300
1306
|
),
|
|
1301
|
-
...
|
|
1302
|
-
].sort((c, l) => c.time - l.time).map((c) =>
|
|
1303
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1307
|
+
...Xo(o.quizMarkers, o.onQuizMarkerClick)
|
|
1308
|
+
].sort((c, l) => c.time - l.time).map((c) => ei(c, n, e, o.interactive)), [o.annotations, o.quizMarkers, n, e]);
|
|
1309
|
+
return /* @__PURE__ */ t("div", { className: d.pins, children: i });
|
|
1304
1310
|
}
|
|
1305
|
-
function
|
|
1306
|
-
const e =
|
|
1307
|
-
return n.hasComments && o.state.commentsEnabled ? /* @__PURE__ */ t("div", { className:
|
|
1311
|
+
function ni() {
|
|
1312
|
+
const e = _("duration"), n = S(), o = v();
|
|
1313
|
+
return n.hasComments && o.state.commentsEnabled ? /* @__PURE__ */ t("div", { className: d.commentMarkers, children: n.comments.map((i) => /* @__PURE__ */ t(
|
|
1308
1314
|
"span",
|
|
1309
1315
|
{
|
|
1310
|
-
className:
|
|
1316
|
+
className: d.commentMarker,
|
|
1311
1317
|
style: {
|
|
1312
1318
|
left: `${i.timestamp / e * 100}%`,
|
|
1313
|
-
width: `${
|
|
1319
|
+
width: `${Se / e * 100}%`
|
|
1314
1320
|
}
|
|
1315
1321
|
},
|
|
1316
1322
|
i.id
|
|
1317
1323
|
)) }) : null;
|
|
1318
1324
|
}
|
|
1319
|
-
function
|
|
1320
|
-
const [o, i] =
|
|
1325
|
+
function oi({ currentTime: e, position: n }) {
|
|
1326
|
+
const [o, i] = M(!1), a = S(), c = p(() => a.interactiveMenuElements.length > 0 ? i((C) => !C) : a.onInteractivePinClick(e), [
|
|
1321
1327
|
a.interactiveMenuElements,
|
|
1322
1328
|
a.onInteractivePinClick,
|
|
1323
1329
|
e
|
|
1324
|
-
]), l =
|
|
1330
|
+
]), l = ve(null), { refs: u, floatingStyles: m, context: h } = ge({
|
|
1325
1331
|
open: o,
|
|
1326
1332
|
onOpenChange: i,
|
|
1327
|
-
whileElementsMounted:
|
|
1333
|
+
whileElementsMounted: ke,
|
|
1328
1334
|
placement: "top",
|
|
1329
1335
|
middleware: [
|
|
1330
|
-
|
|
1331
|
-
|
|
1332
|
-
|
|
1333
|
-
|
|
1336
|
+
at(),
|
|
1337
|
+
st(6),
|
|
1338
|
+
ye(),
|
|
1339
|
+
we({
|
|
1334
1340
|
element: l
|
|
1335
1341
|
})
|
|
1336
1342
|
]
|
|
1337
|
-
}), b =
|
|
1338
|
-
return /* @__PURE__ */ s(
|
|
1343
|
+
}), b = Le(h), { getReferenceProps: w, getFloatingProps: y } = Pe([b]);
|
|
1344
|
+
return /* @__PURE__ */ s(ee, { children: [
|
|
1339
1345
|
/* @__PURE__ */ t(
|
|
1340
1346
|
"button",
|
|
1341
1347
|
{
|
|
1342
1348
|
type: "button",
|
|
1343
1349
|
onClick: c,
|
|
1344
|
-
className:
|
|
1345
|
-
ref:
|
|
1350
|
+
className: d.interactivePinButton,
|
|
1351
|
+
ref: u.setReference,
|
|
1346
1352
|
style: { left: `${n}%` },
|
|
1347
|
-
...
|
|
1353
|
+
...w(),
|
|
1348
1354
|
children: /* @__PURE__ */ s(
|
|
1349
1355
|
"svg",
|
|
1350
1356
|
{
|
|
1351
|
-
className:
|
|
1357
|
+
className: d.interactivePin,
|
|
1352
1358
|
width: "36",
|
|
1353
1359
|
height: "44",
|
|
1354
1360
|
fill: "none",
|
|
@@ -1358,21 +1364,21 @@ function ei({ currentTime: e, position: n }) {
|
|
|
1358
1364
|
/* @__PURE__ */ t(
|
|
1359
1365
|
"path",
|
|
1360
1366
|
{
|
|
1361
|
-
className:
|
|
1367
|
+
className: d.bg,
|
|
1362
1368
|
d: "M 33.1703,27.499961 C 34.9615,24.721661 36,21.418761 36,17.874961 36,8.0028612 27.9411,-3.8819277e-5 18,-3.8819277e-5 8.0588999,-3.8819277e-5 -1.5e-7,8.0028612 -1.5e-7,17.874961 c 0,3.5438 1.03844995,6.8467 2.82964995,9.625 4.5447501,6.8094 10.1600502,10.1014 15.2487502,16.5 5.0364,-6.3985 10.5573,-9.7259 15.0919,-16.5 z"
|
|
1363
1369
|
}
|
|
1364
1370
|
),
|
|
1365
1371
|
/* @__PURE__ */ t(
|
|
1366
1372
|
"path",
|
|
1367
1373
|
{
|
|
1368
|
-
className:
|
|
1374
|
+
className: d.symbol,
|
|
1369
1375
|
d: "m 35.499961,17.877772 c 0,3.443549 -1.008198,6.652061 -2.747494,9.351891 -2.235095,3.338633 -4.71529,5.832631 -7.286584,8.306425 -0.277599,0.267143 -0.556499,0.534085 -0.836198,0.801928 -2.174595,2.082232 -4.40389,4.216673 -6.553385,6.870196 -2.158995,-2.636621 -4.40379,-4.754859 -6.591985,-6.819788 -0.2979,-0.281145 -0.594699,-0.561289 -0.890198,-0.841534 C 7.9918219,33.077896 5.4869279,30.584698 3.2477829,27.230063 1.5082968,24.530133 0.50003905,21.321521 0.50003905,17.877772 0.50003905,8.2835422 8.3317219,0.50000048 18,0.50000048 c 9.668278,0 17.499961,7.78354172 17.499961,17.37777152 z"
|
|
1370
1376
|
}
|
|
1371
1377
|
),
|
|
1372
1378
|
/* @__PURE__ */ t(
|
|
1373
1379
|
"path",
|
|
1374
1380
|
{
|
|
1375
|
-
className:
|
|
1381
|
+
className: d.interactivePinIcon,
|
|
1376
1382
|
"data-open": o,
|
|
1377
1383
|
fillRule: "evenodd",
|
|
1378
1384
|
clipRule: "evenodd",
|
|
@@ -1388,18 +1394,18 @@ function ei({ currentTime: e, position: n }) {
|
|
|
1388
1394
|
o && /* @__PURE__ */ s(
|
|
1389
1395
|
"div",
|
|
1390
1396
|
{
|
|
1391
|
-
ref:
|
|
1392
|
-
style:
|
|
1393
|
-
className:
|
|
1394
|
-
...
|
|
1397
|
+
ref: u.setFloating,
|
|
1398
|
+
style: m,
|
|
1399
|
+
className: d.interactivePinMenu,
|
|
1400
|
+
...y(),
|
|
1395
1401
|
children: [
|
|
1396
|
-
a.interactiveMenuElements.map(({ id:
|
|
1402
|
+
a.interactiveMenuElements.map(({ id: C, text: f, onClick: k }) => /* @__PURE__ */ s(
|
|
1397
1403
|
"button",
|
|
1398
1404
|
{
|
|
1399
1405
|
type: "button",
|
|
1400
|
-
className:
|
|
1406
|
+
className: d.interactivePinMenuItem,
|
|
1401
1407
|
onClick: () => {
|
|
1402
|
-
|
|
1408
|
+
k(C, e), i(!1);
|
|
1403
1409
|
},
|
|
1404
1410
|
children: [
|
|
1405
1411
|
/* @__PURE__ */ t(
|
|
@@ -1421,17 +1427,17 @@ function ei({ currentTime: e, position: n }) {
|
|
|
1421
1427
|
)
|
|
1422
1428
|
}
|
|
1423
1429
|
),
|
|
1424
|
-
|
|
1430
|
+
f
|
|
1425
1431
|
]
|
|
1426
1432
|
},
|
|
1427
|
-
|
|
1433
|
+
C
|
|
1428
1434
|
)),
|
|
1429
1435
|
/* @__PURE__ */ t(
|
|
1430
|
-
|
|
1436
|
+
Ne,
|
|
1431
1437
|
{
|
|
1432
1438
|
ref: l,
|
|
1433
|
-
context:
|
|
1434
|
-
className:
|
|
1439
|
+
context: h,
|
|
1440
|
+
className: d.arrow
|
|
1435
1441
|
}
|
|
1436
1442
|
)
|
|
1437
1443
|
]
|
|
@@ -1439,54 +1445,54 @@ function ei({ currentTime: e, position: n }) {
|
|
|
1439
1445
|
)
|
|
1440
1446
|
] });
|
|
1441
1447
|
}
|
|
1442
|
-
function
|
|
1443
|
-
const e =
|
|
1444
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1448
|
+
function ii() {
|
|
1449
|
+
const e = _("duration"), n = _("currentTime"), o = n / e * 100;
|
|
1450
|
+
return /* @__PURE__ */ t("div", { className: d.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: d.interactivePinWrapper, children: /* @__PURE__ */ t(oi, { currentTime: n, position: o }) }) });
|
|
1445
1451
|
}
|
|
1446
|
-
function
|
|
1447
|
-
const e =
|
|
1448
|
-
return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(
|
|
1452
|
+
function ai() {
|
|
1453
|
+
const e = _("paused"), n = v();
|
|
1454
|
+
return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(ii, {}) : null;
|
|
1449
1455
|
}
|
|
1450
|
-
const
|
|
1451
|
-
function
|
|
1452
|
-
const n =
|
|
1456
|
+
const si = `${d.progress} ${d.trackInner}`, ci = `${d.trackFill} ${d.trackInner}`;
|
|
1457
|
+
function he({ className: e }) {
|
|
1458
|
+
const n = v(), { hasAnnotations: o, hasQuizmarkers: i, interactive: a } = S(), c = e ? `${d.timelineWrapper} ${e}` : d.timelineWrapper;
|
|
1453
1459
|
return /* @__PURE__ */ s("div", { className: c, children: [
|
|
1454
|
-
a ? /* @__PURE__ */ t(
|
|
1455
|
-
a || o || i ? /* @__PURE__ */ t(
|
|
1460
|
+
a ? /* @__PURE__ */ t(ai, {}) : null,
|
|
1461
|
+
a || o || i ? /* @__PURE__ */ t(ti, {}) : null,
|
|
1456
1462
|
/* @__PURE__ */ s(
|
|
1457
|
-
|
|
1463
|
+
A.Root,
|
|
1458
1464
|
{
|
|
1459
|
-
className:
|
|
1465
|
+
className: d.root,
|
|
1460
1466
|
tabIndex: n.state.interactionsDisabled ? -1 : 0,
|
|
1461
1467
|
children: [
|
|
1462
|
-
/* @__PURE__ */ s(
|
|
1463
|
-
/* @__PURE__ */ t(
|
|
1464
|
-
/* @__PURE__ */ t(
|
|
1468
|
+
/* @__PURE__ */ s(A.Track, { className: d.track, children: [
|
|
1469
|
+
/* @__PURE__ */ t(A.Progress, { className: si }),
|
|
1470
|
+
/* @__PURE__ */ t(A.TrackFill, { className: ci })
|
|
1465
1471
|
] }),
|
|
1466
|
-
/* @__PURE__ */ t(
|
|
1472
|
+
/* @__PURE__ */ t(A.Thumb, { className: d.thumb })
|
|
1467
1473
|
]
|
|
1468
1474
|
}
|
|
1469
1475
|
),
|
|
1470
|
-
/* @__PURE__ */ t(
|
|
1476
|
+
/* @__PURE__ */ t(ni, {})
|
|
1471
1477
|
] });
|
|
1472
1478
|
}
|
|
1473
|
-
const
|
|
1474
|
-
wrapper:
|
|
1475
|
-
track:
|
|
1476
|
-
thumb:
|
|
1479
|
+
const li = "_wrapper_12cb0_1", ri = "_track_12cb0_6", ui = "_thumb_12cb0_18", di = "_track-fill_12cb0_32", mi = "_root_12cb0_51", F = {
|
|
1480
|
+
wrapper: li,
|
|
1481
|
+
track: ri,
|
|
1482
|
+
thumb: ui,
|
|
1477
1483
|
"track-fill": "_track-fill_12cb0_32",
|
|
1478
|
-
trackFill:
|
|
1479
|
-
root:
|
|
1484
|
+
trackFill: di,
|
|
1485
|
+
root: mi
|
|
1480
1486
|
};
|
|
1481
|
-
function
|
|
1482
|
-
const e =
|
|
1487
|
+
function hi() {
|
|
1488
|
+
const e = _("volume"), n = _("muted"), o = v();
|
|
1483
1489
|
return /* @__PURE__ */ s("div", { className: F.wrapper, children: [
|
|
1484
1490
|
/* @__PURE__ */ t(
|
|
1485
|
-
|
|
1491
|
+
Je,
|
|
1486
1492
|
{
|
|
1487
1493
|
tabIndex: o.state.interactionsDisabled ? -1 : 0,
|
|
1488
1494
|
className: "controls-button",
|
|
1489
|
-
children: n || e == 0 ? /* @__PURE__ */ t(
|
|
1495
|
+
children: n || e == 0 ? /* @__PURE__ */ t(Ve, { className: "controls-button-icon" }) : e < 0.5 ? /* @__PURE__ */ t(Be, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Re, { className: "controls-button-icon" })
|
|
1490
1496
|
}
|
|
1491
1497
|
),
|
|
1492
1498
|
/* @__PURE__ */ s(
|
|
@@ -1502,7 +1508,7 @@ function ui() {
|
|
|
1502
1508
|
)
|
|
1503
1509
|
] });
|
|
1504
1510
|
}
|
|
1505
|
-
const
|
|
1511
|
+
const pe = {
|
|
1506
1512
|
togglePaused: ["Space", "Enter", "k"],
|
|
1507
1513
|
seekForward: ["ArrowRight"],
|
|
1508
1514
|
seekBackward: ["ArrowLeft"],
|
|
@@ -1540,8 +1546,8 @@ const he = {
|
|
|
1540
1546
|
decreasePlaybackRate: {
|
|
1541
1547
|
keys: ["a"],
|
|
1542
1548
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
1543
|
-
const a =
|
|
1544
|
-
a >= 0 && (o.changePlaybackRate(
|
|
1549
|
+
const a = B.indexOf(n.playbackRate) - 1;
|
|
1550
|
+
a >= 0 && (o.changePlaybackRate(B[a]), n.$state.lastKeyboardAction.set({
|
|
1545
1551
|
action: "decreasePlaybackRate",
|
|
1546
1552
|
event: e
|
|
1547
1553
|
}));
|
|
@@ -1550,8 +1556,8 @@ const he = {
|
|
|
1550
1556
|
increasePlaybackRate: {
|
|
1551
1557
|
keys: ["d"],
|
|
1552
1558
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
1553
|
-
const a =
|
|
1554
|
-
a <
|
|
1559
|
+
const a = B.indexOf(n.playbackRate) + 1;
|
|
1560
|
+
a < B.length && (o.changePlaybackRate(B[a]), n.$state.lastKeyboardAction.set({
|
|
1555
1561
|
action: "increasePlaybackRate",
|
|
1556
1562
|
event: e
|
|
1557
1563
|
}));
|
|
@@ -1585,7 +1591,10 @@ const he = {
|
|
|
1585
1591
|
}
|
|
1586
1592
|
}
|
|
1587
1593
|
};
|
|
1588
|
-
function
|
|
1594
|
+
function _e(e) {
|
|
1595
|
+
return typeof e == "number" && !isNaN(e);
|
|
1596
|
+
}
|
|
1597
|
+
function pi(e, n = 1e3) {
|
|
1589
1598
|
let o = !1;
|
|
1590
1599
|
return () => {
|
|
1591
1600
|
o || (e(), o = !0, setTimeout(() => {
|
|
@@ -1593,7 +1602,7 @@ function di(e, n = 1e3) {
|
|
|
1593
1602
|
}, n));
|
|
1594
1603
|
};
|
|
1595
1604
|
}
|
|
1596
|
-
const
|
|
1605
|
+
const fe = {
|
|
1597
1606
|
volume: 1,
|
|
1598
1607
|
muted: !1,
|
|
1599
1608
|
lang: null,
|
|
@@ -1604,24 +1613,25 @@ const pe = {
|
|
|
1604
1613
|
invert: !1,
|
|
1605
1614
|
comments: !1
|
|
1606
1615
|
};
|
|
1607
|
-
class
|
|
1616
|
+
class _i {
|
|
1608
1617
|
constructor() {
|
|
1609
|
-
|
|
1610
|
-
|
|
1611
|
-
|
|
1612
|
-
|
|
1613
|
-
|
|
1618
|
+
x(this, "playerId", "studio-player");
|
|
1619
|
+
x(this, "mediaId", null);
|
|
1620
|
+
x(this, "data", fe);
|
|
1621
|
+
x(this, "time", null);
|
|
1622
|
+
x(this, "overrideTime", null);
|
|
1623
|
+
x(this, "saveTime", () => {
|
|
1614
1624
|
if (!this.mediaId) return;
|
|
1615
1625
|
const n = (this.time ?? 0).toString();
|
|
1616
1626
|
localStorage.setItem(this.mediaId, n);
|
|
1617
1627
|
});
|
|
1618
|
-
|
|
1628
|
+
x(this, "saveTimeThrottled", pi(this.saveTime, 1e3));
|
|
1619
1629
|
// only used for useStudioPlayer hook's state initialization
|
|
1620
|
-
|
|
1621
|
-
const
|
|
1622
|
-
if (n)
|
|
1630
|
+
x(this, "initializeState", (n) => {
|
|
1631
|
+
const o = localStorage.getItem(this.playerId);
|
|
1632
|
+
if (_e(n) && n >= 0 && (this.overrideTime = n), o)
|
|
1623
1633
|
try {
|
|
1624
|
-
this.data = JSON.parse(
|
|
1634
|
+
this.data = JSON.parse(o);
|
|
1625
1635
|
} catch {
|
|
1626
1636
|
}
|
|
1627
1637
|
return {
|
|
@@ -1629,10 +1639,11 @@ class mi {
|
|
|
1629
1639
|
captionPositionOnTop: this.data.ontop,
|
|
1630
1640
|
captionsInvertColors: this.data.invert,
|
|
1631
1641
|
commentsEnabled: this.data.comments,
|
|
1632
|
-
interactionsDisabled: !1
|
|
1642
|
+
interactionsDisabled: !1,
|
|
1643
|
+
disableCaptionSettings: !1
|
|
1633
1644
|
};
|
|
1634
1645
|
});
|
|
1635
|
-
|
|
1646
|
+
x(this, "saveData", (n, o) => {
|
|
1636
1647
|
this.data = {
|
|
1637
1648
|
...this.data,
|
|
1638
1649
|
[n]: o
|
|
@@ -1692,9 +1703,9 @@ class mi {
|
|
|
1692
1703
|
} catch {
|
|
1693
1704
|
}
|
|
1694
1705
|
this.data = {
|
|
1695
|
-
...
|
|
1706
|
+
...fe,
|
|
1696
1707
|
...l
|
|
1697
|
-
}, this.time = c ? +c : null;
|
|
1708
|
+
}, _e(this.overrideTime) && this.overrideTime >= 0 ? this.time = this.overrideTime : this.time = c ? +c : null;
|
|
1698
1709
|
}
|
|
1699
1710
|
save() {
|
|
1700
1711
|
if (!this.playerId) return;
|
|
@@ -1702,75 +1713,76 @@ class mi {
|
|
|
1702
1713
|
localStorage.setItem(this.playerId, n);
|
|
1703
1714
|
}
|
|
1704
1715
|
}
|
|
1705
|
-
function
|
|
1706
|
-
const
|
|
1707
|
-
|
|
1708
|
-
),
|
|
1709
|
-
(
|
|
1710
|
-
|
|
1711
|
-
...
|
|
1712
|
-
captionsFontSizeMultiplier:
|
|
1716
|
+
function fi(e, n, o, i) {
|
|
1717
|
+
const a = Z(() => new _i(), []), [c, l] = M(
|
|
1718
|
+
a.initializeState(i)
|
|
1719
|
+
), u = p(
|
|
1720
|
+
(f) => {
|
|
1721
|
+
l((k) => (a.saveData("multiplier", f), {
|
|
1722
|
+
...k,
|
|
1723
|
+
captionsFontSizeMultiplier: f
|
|
1713
1724
|
}));
|
|
1714
1725
|
},
|
|
1715
|
-
[
|
|
1716
|
-
),
|
|
1717
|
-
|
|
1718
|
-
const
|
|
1719
|
-
return
|
|
1720
|
-
...
|
|
1721
|
-
captionPositionOnTop:
|
|
1726
|
+
[a]
|
|
1727
|
+
), m = p(() => {
|
|
1728
|
+
l((f) => {
|
|
1729
|
+
const k = !f.captionPositionOnTop;
|
|
1730
|
+
return a.saveData("ontop", k), {
|
|
1731
|
+
...f,
|
|
1732
|
+
captionPositionOnTop: k
|
|
1722
1733
|
};
|
|
1723
1734
|
});
|
|
1724
|
-
}, [
|
|
1725
|
-
|
|
1726
|
-
const
|
|
1727
|
-
return
|
|
1728
|
-
...
|
|
1729
|
-
captionsInvertColors:
|
|
1735
|
+
}, [a]), h = p(() => {
|
|
1736
|
+
l((f) => {
|
|
1737
|
+
const k = !f.captionsInvertColors;
|
|
1738
|
+
return a.saveData("invert", k), {
|
|
1739
|
+
...f,
|
|
1740
|
+
captionsInvertColors: k
|
|
1730
1741
|
};
|
|
1731
1742
|
});
|
|
1732
|
-
}, [
|
|
1733
|
-
|
|
1734
|
-
const
|
|
1735
|
-
return
|
|
1736
|
-
...
|
|
1737
|
-
commentsEnabled:
|
|
1743
|
+
}, [a]), b = p(() => {
|
|
1744
|
+
l((f) => {
|
|
1745
|
+
const k = !f.commentsEnabled;
|
|
1746
|
+
return a.saveData("comments", k), {
|
|
1747
|
+
...f,
|
|
1748
|
+
commentsEnabled: k
|
|
1738
1749
|
};
|
|
1739
1750
|
});
|
|
1740
|
-
}, [
|
|
1741
|
-
|
|
1742
|
-
...
|
|
1751
|
+
}, [a]), w = p(() => {
|
|
1752
|
+
l((f) => ({
|
|
1753
|
+
...f,
|
|
1743
1754
|
interactionsDisabled: !1
|
|
1744
1755
|
}));
|
|
1745
|
-
}, []),
|
|
1746
|
-
|
|
1747
|
-
...
|
|
1756
|
+
}, []), y = p(() => {
|
|
1757
|
+
l((f) => ({
|
|
1758
|
+
...f,
|
|
1748
1759
|
interactionsDisabled: !0
|
|
1749
1760
|
}));
|
|
1750
|
-
}, []),
|
|
1751
|
-
...
|
|
1761
|
+
}, []), C = Z(() => e ? {
|
|
1762
|
+
...pe,
|
|
1752
1763
|
toggleFullscreen: []
|
|
1753
|
-
} :
|
|
1764
|
+
} : pe, [e]);
|
|
1754
1765
|
return {
|
|
1755
1766
|
contextValue: {
|
|
1756
1767
|
state: {
|
|
1757
|
-
...
|
|
1758
|
-
commentsEnabled: n ||
|
|
1768
|
+
...c,
|
|
1769
|
+
commentsEnabled: n || c.commentsEnabled
|
|
1759
1770
|
},
|
|
1760
|
-
setCaptionsFontSizeMultiplier:
|
|
1761
|
-
toggleCaptionPositionOnTop:
|
|
1762
|
-
toggleCaptionsInvertColors:
|
|
1763
|
-
enableInteractions:
|
|
1764
|
-
disableInteractions:
|
|
1765
|
-
toggleComments:
|
|
1771
|
+
setCaptionsFontSizeMultiplier: u,
|
|
1772
|
+
toggleCaptionPositionOnTop: m,
|
|
1773
|
+
toggleCaptionsInvertColors: h,
|
|
1774
|
+
enableInteractions: w,
|
|
1775
|
+
disableInteractions: y,
|
|
1776
|
+
toggleComments: b,
|
|
1777
|
+
disableCaptionSettings: o
|
|
1766
1778
|
},
|
|
1767
|
-
shortcuts:
|
|
1768
|
-
storage:
|
|
1779
|
+
shortcuts: C,
|
|
1780
|
+
storage: a
|
|
1769
1781
|
};
|
|
1770
1782
|
}
|
|
1771
|
-
const
|
|
1783
|
+
const vi = {}, J = () => {
|
|
1772
1784
|
};
|
|
1773
|
-
function
|
|
1785
|
+
function Ni({
|
|
1774
1786
|
title: e,
|
|
1775
1787
|
playerRef: n,
|
|
1776
1788
|
src: o,
|
|
@@ -1778,66 +1790,78 @@ function wi({
|
|
|
1778
1790
|
thumbnail: a,
|
|
1779
1791
|
hideFullScreen: c = !1,
|
|
1780
1792
|
comments: l = [],
|
|
1781
|
-
locale:
|
|
1782
|
-
annotations:
|
|
1783
|
-
quizMarkers:
|
|
1793
|
+
locale: u = "en",
|
|
1794
|
+
annotations: m = [],
|
|
1795
|
+
quizMarkers: h = [],
|
|
1784
1796
|
interactive: b = !1,
|
|
1785
|
-
onAnnotationClick:
|
|
1786
|
-
onQuizMarkerClick:
|
|
1787
|
-
onInteractivePinClick:
|
|
1788
|
-
interactiveMenuElements:
|
|
1789
|
-
darkMode:
|
|
1790
|
-
autoLoadCaptionSrc:
|
|
1791
|
-
forceComments:
|
|
1797
|
+
onAnnotationClick: w = J,
|
|
1798
|
+
onQuizMarkerClick: y = J,
|
|
1799
|
+
onInteractivePinClick: C = J,
|
|
1800
|
+
interactiveMenuElements: f = [],
|
|
1801
|
+
darkMode: k = !1,
|
|
1802
|
+
autoLoadCaptionSrc: T = "",
|
|
1803
|
+
forceComments: ae,
|
|
1804
|
+
disableCaptionSettings: Q,
|
|
1805
|
+
startAt: Oe
|
|
1792
1806
|
}) {
|
|
1793
|
-
const { contextValue:
|
|
1807
|
+
const { contextValue: se, shortcuts: Fe, storage: Ze } = fi(
|
|
1794
1808
|
c,
|
|
1795
|
-
|
|
1796
|
-
|
|
1797
|
-
|
|
1798
|
-
|
|
1799
|
-
|
|
1800
|
-
|
|
1809
|
+
ae ?? !1,
|
|
1810
|
+
Q ?? !1,
|
|
1811
|
+
Oe
|
|
1812
|
+
), { i18n: ce } = g();
|
|
1813
|
+
return E(() => {
|
|
1814
|
+
ce.changeLanguage(u);
|
|
1815
|
+
}, [ce, u]), /* @__PURE__ */ t(
|
|
1816
|
+
rt,
|
|
1801
1817
|
{
|
|
1802
1818
|
hideFullScreen: c,
|
|
1803
1819
|
comments: l,
|
|
1804
|
-
annotations:
|
|
1805
|
-
quizMarkers:
|
|
1820
|
+
annotations: m,
|
|
1821
|
+
quizMarkers: h,
|
|
1806
1822
|
interactive: b,
|
|
1807
|
-
onAnnotationClick:
|
|
1808
|
-
onQuizMarkerClick:
|
|
1809
|
-
onInteractivePinClick:
|
|
1810
|
-
interactiveMenuElements:
|
|
1811
|
-
darkMode:
|
|
1812
|
-
forceComments:
|
|
1813
|
-
|
|
1814
|
-
|
|
1823
|
+
onAnnotationClick: w,
|
|
1824
|
+
onQuizMarkerClick: y,
|
|
1825
|
+
onInteractivePinClick: C,
|
|
1826
|
+
interactiveMenuElements: f,
|
|
1827
|
+
darkMode: k,
|
|
1828
|
+
forceComments: ae ?? !1,
|
|
1829
|
+
disableCaptionSettings: Q ?? !1,
|
|
1830
|
+
children: /* @__PURE__ */ t(lt, { contextValue: se, children: /* @__PURE__ */ s(
|
|
1831
|
+
Xe,
|
|
1815
1832
|
{
|
|
1816
|
-
storage:
|
|
1833
|
+
storage: Ze,
|
|
1817
1834
|
title: e,
|
|
1818
1835
|
src: o,
|
|
1819
|
-
keyShortcuts:
|
|
1836
|
+
keyShortcuts: Fe,
|
|
1820
1837
|
playsInline: !0,
|
|
1821
|
-
keyDisabled:
|
|
1838
|
+
keyDisabled: se.state.interactionsDisabled,
|
|
1822
1839
|
onTextTracksChange: (K) => {
|
|
1823
|
-
const
|
|
1824
|
-
(
|
|
1840
|
+
const le = K == null ? void 0 : K.findIndex(
|
|
1841
|
+
($e) => $e.src === T
|
|
1825
1842
|
);
|
|
1826
|
-
|
|
1843
|
+
le > -1 && (K[le].mode = "showing");
|
|
1827
1844
|
},
|
|
1828
1845
|
children: [
|
|
1829
|
-
/* @__PURE__ */ t(
|
|
1830
|
-
/* @__PURE__ */ s(
|
|
1831
|
-
/* @__PURE__ */ t(
|
|
1832
|
-
/* @__PURE__ */ t(
|
|
1833
|
-
/* @__PURE__ */ t(
|
|
1834
|
-
/* @__PURE__ */ t(
|
|
1835
|
-
/* @__PURE__ */ t(
|
|
1836
|
-
/* @__PURE__ */ t(
|
|
1837
|
-
/* @__PURE__ */ t(
|
|
1846
|
+
/* @__PURE__ */ t(so, {}),
|
|
1847
|
+
/* @__PURE__ */ s(et, { className: vi.mediaProvider, children: [
|
|
1848
|
+
/* @__PURE__ */ t(ho, { src: a }),
|
|
1849
|
+
/* @__PURE__ */ t(Un, {}),
|
|
1850
|
+
/* @__PURE__ */ t(Ct, {}),
|
|
1851
|
+
/* @__PURE__ */ t(wt, { captions: i }),
|
|
1852
|
+
/* @__PURE__ */ t(Et, { comments: l }),
|
|
1853
|
+
/* @__PURE__ */ t(go, {}),
|
|
1854
|
+
/* @__PURE__ */ t(eo, {})
|
|
1838
1855
|
] }),
|
|
1839
|
-
/* @__PURE__ */ t(
|
|
1840
|
-
|
|
1856
|
+
/* @__PURE__ */ t(
|
|
1857
|
+
Kt,
|
|
1858
|
+
{
|
|
1859
|
+
darkMode: k,
|
|
1860
|
+
playerRef: n,
|
|
1861
|
+
showCaptionsButton: !Q
|
|
1862
|
+
}
|
|
1863
|
+
),
|
|
1864
|
+
/* @__PURE__ */ t(ht, { annotations: m })
|
|
1841
1865
|
]
|
|
1842
1866
|
}
|
|
1843
1867
|
) })
|
|
@@ -1845,8 +1869,8 @@ function wi({
|
|
|
1845
1869
|
);
|
|
1846
1870
|
}
|
|
1847
1871
|
export {
|
|
1848
|
-
|
|
1849
|
-
|
|
1850
|
-
|
|
1851
|
-
|
|
1872
|
+
Lt as CAPTION_FONT_SIZE_MULTIPLIERS,
|
|
1873
|
+
Se as COMMENT_DURATION,
|
|
1874
|
+
B as PLAYBACK_RATES,
|
|
1875
|
+
Ni as StudioPlayer
|
|
1852
1876
|
};
|