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