@instructure/studio-player 0.3.12 → 0.4.0
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/index-Bny_phXm.css +1 -0
- package/dist/studio-player.es.js +733 -736
- package/package.json +1 -1
- package/dist/index-LiNlJlAO.css +0 -1
package/dist/studio-player.es.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import './index-
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
import { jsx as t, jsxs as
|
|
5
|
-
import { createContext as
|
|
6
|
-
import { useMediaPlayer as
|
|
7
|
-
import { useMediaState as
|
|
8
|
-
import { initReactI18next as
|
|
1
|
+
import './index-Bny_phXm.css';var ot = Object.defineProperty;
|
|
2
|
+
var it = (e, n, o) => n in e ? ot(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o;
|
|
3
|
+
var H = (e, n, o) => it(e, typeof n != "symbol" ? n + "" : n, o);
|
|
4
|
+
import { jsx as t, jsxs as l, Fragment as G } from "react/jsx-runtime";
|
|
5
|
+
import { createContext as ce, useContext as re, useState as L, useCallback as C, useEffect as R, useMemo as T, useRef as ne } from "react";
|
|
6
|
+
import { useMediaPlayer as O, Spinner as le, useMediaRemote as oe, useMediaState as f, isTrackCaptionKind as st, Track as at, Captions as lt, usePlaybackRateOptions as ct, useCaptionOptions as rt, useVideoQualityOptions as ut, useMediaStore as He, Poster as dt, FullscreenButton as mt, Time as ke, TimeSlider as $, VolumeSlider as X, isAudioProvider as ht, isVideoProvider as pt, MediaPlayer as _t, MediaProvider as Ct } from "@vidstack/react";
|
|
7
|
+
import { useMediaState as yi, useMediaStore as ki } from "@vidstack/react";
|
|
8
|
+
import { initReactI18next as ft, useTranslation as b } from "react-i18next";
|
|
9
9
|
import bt from "i18next";
|
|
10
|
-
import
|
|
11
|
-
import { useFloating as ue, autoUpdate as de,
|
|
10
|
+
import gt from "i18next-resources-to-backend";
|
|
11
|
+
import { useFloating as ue, autoUpdate as de, useDismiss as me, useInteractions as he, detectOverflow as vt, FloatingFocusManager as pe, shift as Se, offset as Ve, arrow as Te, useListNavigation as wt, FloatingArrow as Ee } from "@floating-ui/react";
|
|
12
12
|
const yt = (e, n, o) => {
|
|
13
13
|
const i = e[n];
|
|
14
14
|
return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((s, a) => {
|
|
@@ -22,8 +22,8 @@ const yt = (e, n, o) => {
|
|
|
22
22
|
);
|
|
23
23
|
});
|
|
24
24
|
};
|
|
25
|
-
bt.use(
|
|
26
|
-
|
|
25
|
+
bt.use(ft).use(
|
|
26
|
+
gt(
|
|
27
27
|
(e) => yt(/* @__PURE__ */ Object.assign({ "./locales/en.json": () => import("./en-p8Xpb7Qg.js"), "./locales/kl.json": () => import("./kl-Drx4juMa.js") }), `./locales/${e}.json`, 3)
|
|
28
28
|
)
|
|
29
29
|
).init({
|
|
@@ -35,69 +35,69 @@ bt.use(gt).use(
|
|
|
35
35
|
escapeValue: !1
|
|
36
36
|
}
|
|
37
37
|
});
|
|
38
|
-
const
|
|
38
|
+
const Ae = ce(null);
|
|
39
39
|
function kt({
|
|
40
40
|
children: e,
|
|
41
41
|
contextValue: n
|
|
42
42
|
}) {
|
|
43
|
-
return /* @__PURE__ */ t(
|
|
43
|
+
return /* @__PURE__ */ t(Ae.Provider, { value: n, children: e });
|
|
44
44
|
}
|
|
45
|
-
function
|
|
46
|
-
const e = re(
|
|
45
|
+
function w() {
|
|
46
|
+
const e = re(Ae);
|
|
47
47
|
if (!e)
|
|
48
48
|
throw new Error(
|
|
49
49
|
"useStudioPlayerContext must be used within a StudioPlayerContextProvider"
|
|
50
50
|
);
|
|
51
51
|
return e;
|
|
52
52
|
}
|
|
53
|
-
const Be =
|
|
54
|
-
function
|
|
53
|
+
const Be = ce(null);
|
|
54
|
+
function Lt({
|
|
55
55
|
hideFullScreen: e,
|
|
56
56
|
comments: n,
|
|
57
57
|
captions: o,
|
|
58
58
|
thumbnail: i,
|
|
59
59
|
annotations: s,
|
|
60
60
|
quizMarkers: a,
|
|
61
|
-
interactive:
|
|
61
|
+
interactive: c,
|
|
62
62
|
onAnnotationClick: r,
|
|
63
63
|
onQuizMarkerClick: u,
|
|
64
|
-
onInteractivePinClick:
|
|
64
|
+
onInteractivePinClick: p,
|
|
65
65
|
interactiveMenuElements: g,
|
|
66
|
-
kebabMenuElements:
|
|
66
|
+
kebabMenuElements: v,
|
|
67
67
|
darkMode: k,
|
|
68
68
|
children: y,
|
|
69
69
|
forceComments: N,
|
|
70
70
|
disableCaptionSettings: h,
|
|
71
|
-
disableStorage:
|
|
72
|
-
captionOffsetOverride:
|
|
73
|
-
disableInteractivePinRanges:
|
|
71
|
+
disableStorage: _,
|
|
72
|
+
captionOffsetOverride: V,
|
|
73
|
+
disableInteractivePinRanges: F,
|
|
74
74
|
onQuizMarkerShow: Z
|
|
75
75
|
}) {
|
|
76
|
-
const
|
|
76
|
+
const S = {
|
|
77
77
|
hideFullScreen: e,
|
|
78
78
|
comments: n,
|
|
79
79
|
captions: o,
|
|
80
80
|
thumbnail: i,
|
|
81
81
|
annotations: s,
|
|
82
82
|
quizMarkers: a,
|
|
83
|
-
interactive:
|
|
83
|
+
interactive: c,
|
|
84
84
|
onAnnotationClick: r,
|
|
85
85
|
onQuizMarkerClick: u,
|
|
86
|
-
onInteractivePinClick:
|
|
86
|
+
onInteractivePinClick: p,
|
|
87
87
|
interactiveMenuElements: g,
|
|
88
|
-
kebabMenuElements:
|
|
88
|
+
kebabMenuElements: v,
|
|
89
89
|
darkMode: k,
|
|
90
90
|
hasComments: n.length > 0,
|
|
91
91
|
hasAnnotations: s.length > 0,
|
|
92
92
|
hasQuizmarkers: a.length > 0,
|
|
93
93
|
forceComments: N,
|
|
94
94
|
disableCaptionSettings: h,
|
|
95
|
-
disableStorage:
|
|
96
|
-
captionOffsetOverride:
|
|
97
|
-
disableInteractivePinRanges:
|
|
95
|
+
disableStorage: _,
|
|
96
|
+
captionOffsetOverride: V,
|
|
97
|
+
disableInteractivePinRanges: F,
|
|
98
98
|
onQuizMarkerShow: Z
|
|
99
99
|
};
|
|
100
|
-
return /* @__PURE__ */ t(Be.Provider, { value:
|
|
100
|
+
return /* @__PURE__ */ t(Be.Provider, { value: S, children: y });
|
|
101
101
|
}
|
|
102
102
|
function M() {
|
|
103
103
|
const e = re(Be);
|
|
@@ -107,20 +107,20 @@ function M() {
|
|
|
107
107
|
);
|
|
108
108
|
return e;
|
|
109
109
|
}
|
|
110
|
-
const
|
|
110
|
+
const xt = "_annotation-overlay_1kxzn_1", Mt = {
|
|
111
111
|
"annotation-overlay": "_annotation-overlay_1kxzn_1",
|
|
112
|
-
annotationOverlay:
|
|
113
|
-
},
|
|
112
|
+
annotationOverlay: xt
|
|
113
|
+
}, Le = 0.25, Nt = (e, n) => {
|
|
114
114
|
let o = !1;
|
|
115
115
|
return (i) => {
|
|
116
116
|
const s = i.detail.currentTime;
|
|
117
|
-
s >= e.time && s < e.time +
|
|
117
|
+
s >= e.time && s < e.time + Le && !o && (o = !0, n(e)), (s < e.time || s >= e.time + Le) && o && (o = !1);
|
|
118
118
|
};
|
|
119
119
|
};
|
|
120
|
-
function
|
|
121
|
-
const n =
|
|
120
|
+
function Pt({ annotations: e }) {
|
|
121
|
+
const n = O(), o = w(), i = M(), [s, a] = L(
|
|
122
122
|
null
|
|
123
|
-
),
|
|
123
|
+
), c = C(
|
|
124
124
|
(u) => {
|
|
125
125
|
n == null || n.pause(), i.interactive || o.disableInteractions(), a(u);
|
|
126
126
|
},
|
|
@@ -128,27 +128,27 @@ function Nt({ annotations: e }) {
|
|
|
128
128
|
), r = () => {
|
|
129
129
|
i.interactive || (n == null || n.play(), o.enableInteractions()), a(null);
|
|
130
130
|
};
|
|
131
|
-
return
|
|
131
|
+
return R(() => {
|
|
132
132
|
if (!n)
|
|
133
133
|
return;
|
|
134
134
|
const u = [];
|
|
135
|
-
for (const
|
|
136
|
-
const g =
|
|
135
|
+
for (const p of e) {
|
|
136
|
+
const g = Nt(p, c);
|
|
137
137
|
n.addEventListener("time-update", g), u.push(g);
|
|
138
138
|
}
|
|
139
139
|
if (s) {
|
|
140
|
-
const
|
|
140
|
+
const p = e.find(
|
|
141
141
|
(g) => g.id === s.id
|
|
142
142
|
);
|
|
143
|
-
|
|
143
|
+
p ? a(p) : (a(null), o.enableInteractions());
|
|
144
144
|
}
|
|
145
145
|
return () => {
|
|
146
|
-
for (const
|
|
147
|
-
n.removeEventListener("time-update",
|
|
146
|
+
for (const p of u)
|
|
147
|
+
n.removeEventListener("time-update", p);
|
|
148
148
|
};
|
|
149
149
|
}, [n, e]), s ? /* @__PURE__ */ t("div", { className: Mt.annotationOverlay, children: s.render(r) }) : null;
|
|
150
150
|
}
|
|
151
|
-
const It = "_media-buffering-indicator_1fwjr_1", Ht = "_media-buffering-spinner_1fwjr_17", St = "_media-buffering-spin_1fwjr_17", Vt = "_media-buffering-track_1fwjr_22", Tt = "_media-buffering-track-fill_1fwjr_27",
|
|
151
|
+
const It = "_media-buffering-indicator_1fwjr_1", Ht = "_media-buffering-spinner_1fwjr_17", St = "_media-buffering-spin_1fwjr_17", Vt = "_media-buffering-track_1fwjr_22", Tt = "_media-buffering-track-fill_1fwjr_27", J = {
|
|
152
152
|
"media-buffering-indicator": "_media-buffering-indicator_1fwjr_1",
|
|
153
153
|
mediaBufferingIndicator: It,
|
|
154
154
|
"media-buffering-spinner": "_media-buffering-spinner_1fwjr_17",
|
|
@@ -160,29 +160,29 @@ const It = "_media-buffering-indicator_1fwjr_1", Ht = "_media-buffering-spinner_
|
|
|
160
160
|
"media-buffering-track-fill": "_media-buffering-track-fill_1fwjr_27",
|
|
161
161
|
mediaBufferingTrackFill: Tt
|
|
162
162
|
};
|
|
163
|
-
function
|
|
164
|
-
return /* @__PURE__ */ t("div", { className:
|
|
165
|
-
/* @__PURE__ */ t(
|
|
163
|
+
function Re() {
|
|
164
|
+
return /* @__PURE__ */ t("div", { className: J.mediaBufferingIndicator, children: /* @__PURE__ */ l(le.Root, { className: J.mediaBufferingSpinner, size: 96, children: [
|
|
165
|
+
/* @__PURE__ */ t(le.Track, { className: J.mediaBufferingTrack, width: 8 }),
|
|
166
166
|
/* @__PURE__ */ t(
|
|
167
|
-
|
|
167
|
+
le.TrackFill,
|
|
168
168
|
{
|
|
169
|
-
className:
|
|
169
|
+
className: J.mediaBufferingTrackFill,
|
|
170
170
|
width: 8
|
|
171
171
|
}
|
|
172
172
|
)
|
|
173
173
|
] }) });
|
|
174
174
|
}
|
|
175
|
-
const
|
|
175
|
+
const Oe = (e) => /* @__PURE__ */ l("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
|
|
176
176
|
/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_149_104418", children: /* @__PURE__ */ t("rect", { width: 24, height: 24, fill: "white" }) }) }),
|
|
177
177
|
/* @__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" }) })
|
|
178
|
-
] }),
|
|
178
|
+
] }), Fe = (e) => /* @__PURE__ */ l("svg", { width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
|
|
179
179
|
/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_149_104406", children: /* @__PURE__ */ t("rect", { width: 24, height: 24, fill: "white" }) }) }),
|
|
180
180
|
/* @__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" }) })
|
|
181
181
|
] });
|
|
182
182
|
function Et() {
|
|
183
|
-
const e = oe(), n = f("textTrack"), o = f("hasCaptions"), i = n &&
|
|
184
|
-
(
|
|
185
|
-
e.toggleCaptions(
|
|
183
|
+
const e = oe(), n = f("textTrack"), o = f("hasCaptions"), i = n && st(n), s = w(), a = C(
|
|
184
|
+
(c) => {
|
|
185
|
+
e.toggleCaptions(c.nativeEvent);
|
|
186
186
|
},
|
|
187
187
|
[e]
|
|
188
188
|
);
|
|
@@ -195,29 +195,29 @@ function Et() {
|
|
|
195
195
|
"aria-label": "Captions",
|
|
196
196
|
"aria-pressed": i ? "true" : "false",
|
|
197
197
|
tabIndex: s.state.interactionsDisabled ? -1 : 0,
|
|
198
|
-
children: i ? /* @__PURE__ */ t(
|
|
198
|
+
children: i ? /* @__PURE__ */ t(Fe, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Oe, { className: "controls-button-icon" })
|
|
199
199
|
}
|
|
200
200
|
) : null;
|
|
201
201
|
}
|
|
202
|
-
const At = "_captions_1cu0g_1",
|
|
202
|
+
const At = "_captions_1cu0g_1", Bt = {
|
|
203
203
|
captions: At
|
|
204
|
-
},
|
|
205
|
-
function
|
|
206
|
-
const n = e.length > 0, o =
|
|
204
|
+
}, Rt = (e, n) => e ? n.top : n.bottom;
|
|
205
|
+
function Ze({ captions: e }) {
|
|
206
|
+
const n = e.length > 0, o = w(), { captionOffsetOverride: i } = M(), s = o.state.captionPositionOnTop, a = Rt(
|
|
207
207
|
s,
|
|
208
208
|
i ?? {}
|
|
209
209
|
);
|
|
210
|
-
return /* @__PURE__ */
|
|
211
|
-
e.map((
|
|
212
|
-
|
|
210
|
+
return /* @__PURE__ */ l(G, { children: [
|
|
211
|
+
e.map((c) => /* @__PURE__ */ t(
|
|
212
|
+
at,
|
|
213
213
|
{
|
|
214
214
|
kind: "subtitles",
|
|
215
|
-
type:
|
|
216
|
-
language:
|
|
217
|
-
label:
|
|
218
|
-
src:
|
|
215
|
+
type: c.type,
|
|
216
|
+
language: c.language,
|
|
217
|
+
label: c.label,
|
|
218
|
+
src: c.src
|
|
219
219
|
},
|
|
220
|
-
|
|
220
|
+
c.label
|
|
221
221
|
)),
|
|
222
222
|
n ? /* @__PURE__ */ t(
|
|
223
223
|
"div",
|
|
@@ -230,14 +230,14 @@ function ze({ captions: e }) {
|
|
|
230
230
|
"--captions-color": o.state.captionsInvertColors ? "rgba(22, 22, 22)" : "white",
|
|
231
231
|
"--captions-background-color": o.state.captionsInvertColors ? "rgba(255, 255, 255, 0.75)" : "rgba(22, 22, 22, 0.75)"
|
|
232
232
|
},
|
|
233
|
-
children: /* @__PURE__ */ t(lt, { className:
|
|
233
|
+
children: /* @__PURE__ */ t(lt, { className: Bt.captions })
|
|
234
234
|
}
|
|
235
235
|
) : null
|
|
236
236
|
] });
|
|
237
237
|
}
|
|
238
|
-
const
|
|
239
|
-
const [, n] =
|
|
240
|
-
return
|
|
238
|
+
const D = [0.5, 0.75, 1, 1.25, 1.5, 2], Ot = [0.5, 1, 2, 3, 4], Ft = 5, Zt = (e) => {
|
|
239
|
+
const [, n] = L({});
|
|
240
|
+
return T(() => {
|
|
241
241
|
let o = [];
|
|
242
242
|
return {
|
|
243
243
|
add(i) {
|
|
@@ -254,21 +254,21 @@ const K = [0.5, 0.75, 1, 1.25, 1.5, 2], Ot = [0.5, 1, 2, 3, 4], Ft = 5, Zt = (e)
|
|
|
254
254
|
}
|
|
255
255
|
};
|
|
256
256
|
}, []);
|
|
257
|
-
},
|
|
257
|
+
}, Kt = (e, n, o) => {
|
|
258
258
|
let i = !1;
|
|
259
259
|
return (s) => {
|
|
260
260
|
const a = s.detail.currentTime;
|
|
261
261
|
a >= e.timestamp && a < e.timestamp + n && !i && (o.add(e), i = !0), (a < e.timestamp || a >= e.timestamp + n) && i && (o.remove(e), i = !1);
|
|
262
262
|
};
|
|
263
|
-
},
|
|
264
|
-
const o =
|
|
265
|
-
return
|
|
263
|
+
}, Dt = (e, n = 5) => {
|
|
264
|
+
const o = O(), i = Zt(n);
|
|
265
|
+
return R(() => {
|
|
266
266
|
if (!o)
|
|
267
267
|
return;
|
|
268
268
|
const s = [];
|
|
269
269
|
for (const a of e) {
|
|
270
|
-
const
|
|
271
|
-
s.push(
|
|
270
|
+
const c = Kt(a, Ft, i);
|
|
271
|
+
s.push(c), o.addEventListener("time-update", c);
|
|
272
272
|
}
|
|
273
273
|
return o.dispatchEvent(
|
|
274
274
|
new CustomEvent("time-update", {
|
|
@@ -280,9 +280,9 @@ const K = [0.5, 0.75, 1, 1.25, 1.5, 2], Ot = [0.5, 1, 2, 3, 4], Ft = 5, Zt = (e)
|
|
|
280
280
|
i.clear();
|
|
281
281
|
};
|
|
282
282
|
}, [o, i, e]), i;
|
|
283
|
-
},
|
|
283
|
+
}, zt = "_comments-overlay_1puzm_1", $t = "_comments-container_1puzm_10", Ut = "_comment_1puzm_1", qt = "_comment-text_1puzm_47", Gt = "_comment-author-avatar_1puzm_70", jt = "_comment-author-name_1puzm_89", B = {
|
|
284
284
|
"comments-overlay": "_comments-overlay_1puzm_1",
|
|
285
|
-
commentsOverlay:
|
|
285
|
+
commentsOverlay: zt,
|
|
286
286
|
"comments-container": "_comments-container_1puzm_10",
|
|
287
287
|
commentsContainer: $t,
|
|
288
288
|
comment: Ut,
|
|
@@ -294,7 +294,7 @@ const K = [0.5, 0.75, 1, 1.25, 1.5, 2], Ot = [0.5, 1, 2, 3, 4], Ft = 5, Zt = (e)
|
|
|
294
294
|
commentAuthorName: jt
|
|
295
295
|
};
|
|
296
296
|
function Qt({ comment: e }) {
|
|
297
|
-
return e.render ? e.render(e, B) : /* @__PURE__ */
|
|
297
|
+
return e.render ? e.render(e, B) : /* @__PURE__ */ l("div", { className: B.comment, onClick: () => {
|
|
298
298
|
var n;
|
|
299
299
|
return (n = e.onClick) == null ? void 0 : n.call(e, e);
|
|
300
300
|
}, children: [
|
|
@@ -312,7 +312,7 @@ function Qt({ comment: e }) {
|
|
|
312
312
|
}
|
|
313
313
|
const Wt = 5;
|
|
314
314
|
function Yt({ comments: e }) {
|
|
315
|
-
const n =
|
|
315
|
+
const n = w(), o = Dt(e, Wt), i = !!f("textTrack"), s = o.map((a) => /* @__PURE__ */ t(Qt, { comment: a }, a.id));
|
|
316
316
|
return e.length > 0 && n.state.commentsEnabled ? /* @__PURE__ */ t(
|
|
317
317
|
"div",
|
|
318
318
|
{
|
|
@@ -324,16 +324,16 @@ function Yt({ comments: e }) {
|
|
|
324
324
|
}
|
|
325
325
|
) : null;
|
|
326
326
|
}
|
|
327
|
-
const Xt = "
|
|
327
|
+
const Xt = "_root_h0dso_1", Jt = "_left-controls_h0dso_28", en = "_right-controls_h0dso_34", tn = "_indicators_h0dso_40", nn = "_normal-timeline_h0dso_49", on = "_compact-timeline_h0dso_55", K = {
|
|
328
328
|
root: Xt,
|
|
329
|
-
"left-controls": "_left-
|
|
329
|
+
"left-controls": "_left-controls_h0dso_28",
|
|
330
330
|
leftControls: Jt,
|
|
331
|
-
"right-controls": "_right-
|
|
331
|
+
"right-controls": "_right-controls_h0dso_34",
|
|
332
332
|
rightControls: en,
|
|
333
333
|
indicators: tn,
|
|
334
|
-
"normal-timeline": "_normal-
|
|
334
|
+
"normal-timeline": "_normal-timeline_h0dso_49",
|
|
335
335
|
normalTimeline: nn,
|
|
336
|
-
"compact-timeline": "_compact-
|
|
336
|
+
"compact-timeline": "_compact-timeline_h0dso_55",
|
|
337
337
|
compactTimeline: on
|
|
338
338
|
};
|
|
339
339
|
function sn({
|
|
@@ -341,36 +341,36 @@ function sn({
|
|
|
341
341
|
playerRef: n,
|
|
342
342
|
showCaptionsButton: o = !0
|
|
343
343
|
}) {
|
|
344
|
-
const i =
|
|
345
|
-
return
|
|
344
|
+
const i = O();
|
|
345
|
+
return R(() => {
|
|
346
346
|
i && (i.remoteControl.pauseControls(), n && (typeof n == "function" ? n(i) : n.current = i));
|
|
347
|
-
}, [i, n]), /* @__PURE__ */
|
|
348
|
-
/* @__PURE__ */ t(
|
|
349
|
-
/* @__PURE__ */
|
|
350
|
-
/* @__PURE__ */ t(
|
|
351
|
-
/* @__PURE__ */ t(
|
|
347
|
+
}, [i, n]), /* @__PURE__ */ l("div", { "data-darkmode": e, className: K.root, children: [
|
|
348
|
+
/* @__PURE__ */ t(Me, { className: K.normalTimeline }),
|
|
349
|
+
/* @__PURE__ */ l("div", { className: K.leftControls, children: [
|
|
350
|
+
/* @__PURE__ */ t(U1, {}),
|
|
351
|
+
/* @__PURE__ */ t(Yo, {})
|
|
352
352
|
] }),
|
|
353
|
-
/* @__PURE__ */ t("div", { className:
|
|
354
|
-
/* @__PURE__ */ t(
|
|
355
|
-
/* @__PURE__ */
|
|
353
|
+
/* @__PURE__ */ t("div", { className: K.indicators, children: /* @__PURE__ */ t(io, {}) }),
|
|
354
|
+
/* @__PURE__ */ t(Me, { className: K.compactTimeline }),
|
|
355
|
+
/* @__PURE__ */ l("div", { className: K.rightControls, children: [
|
|
356
356
|
o && /* @__PURE__ */ t(Et, {}),
|
|
357
|
-
/* @__PURE__ */ t(
|
|
358
|
-
/* @__PURE__ */ t(
|
|
357
|
+
/* @__PURE__ */ t(o1, {}),
|
|
358
|
+
/* @__PURE__ */ t(b1, {})
|
|
359
359
|
] })
|
|
360
360
|
] });
|
|
361
361
|
}
|
|
362
|
-
const 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: "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" }) }),
|
|
363
|
-
"menu-hint": "_menu-
|
|
364
|
-
menuHint:
|
|
365
|
-
"menu-button": "_menu-
|
|
362
|
+
const 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: "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" }) }), ln = (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" }) }), cn = "_menu-hint_1wiu5_1", rn = "_menu-button_1wiu5_5", un = "_menu-label_1wiu5_37", dn = "_menu-icon_1wiu5_42", ee = {
|
|
363
|
+
"menu-hint": "_menu-hint_1wiu5_1",
|
|
364
|
+
menuHint: cn,
|
|
365
|
+
"menu-button": "_menu-button_1wiu5_5",
|
|
366
366
|
menuButton: rn,
|
|
367
|
-
"menu-label": "_menu-
|
|
367
|
+
"menu-label": "_menu-label_1wiu5_37",
|
|
368
368
|
menuLabel: un,
|
|
369
|
-
"menu-icon": "_menu-
|
|
369
|
+
"menu-icon": "_menu-icon_1wiu5_42",
|
|
370
370
|
menuIcon: dn
|
|
371
371
|
};
|
|
372
|
-
function
|
|
373
|
-
return /* @__PURE__ */
|
|
372
|
+
function j({ label: e, hint: n, onClick: o, Icon: i }) {
|
|
373
|
+
return /* @__PURE__ */ l(
|
|
374
374
|
"button",
|
|
375
375
|
{
|
|
376
376
|
type: "button",
|
|
@@ -378,23 +378,23 @@ function Q({ label: e, hint: n, onClick: o, Icon: i }) {
|
|
|
378
378
|
"aria-label": e,
|
|
379
379
|
tabIndex: -1,
|
|
380
380
|
onClick: o,
|
|
381
|
-
className:
|
|
381
|
+
className: ee.menuButton,
|
|
382
382
|
children: [
|
|
383
|
-
i && /* @__PURE__ */ t(i, { className:
|
|
384
|
-
/* @__PURE__ */ t("span", { className:
|
|
385
|
-
/* @__PURE__ */ t("span", { className:
|
|
386
|
-
/* @__PURE__ */ t(
|
|
383
|
+
i && /* @__PURE__ */ t(i, { className: ee.menuIcon }),
|
|
384
|
+
/* @__PURE__ */ t("span", { className: ee.menuLabel, children: e }),
|
|
385
|
+
/* @__PURE__ */ t("span", { className: ee.menuHint, children: n }),
|
|
386
|
+
/* @__PURE__ */ t(ln, {})
|
|
387
387
|
]
|
|
388
388
|
}
|
|
389
389
|
);
|
|
390
390
|
}
|
|
391
391
|
const mn = (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" }) });
|
|
392
392
|
function hn() {
|
|
393
|
-
const e =
|
|
393
|
+
const e = I(), n = f("playbackRate"), { t: o } = b(), i = C(() => {
|
|
394
394
|
e.setPage("speed");
|
|
395
395
|
}, [e]);
|
|
396
396
|
return /* @__PURE__ */ t(
|
|
397
|
-
|
|
397
|
+
j,
|
|
398
398
|
{
|
|
399
399
|
label: o("PLAYBACK_SPEED"),
|
|
400
400
|
hint: `${n}x`,
|
|
@@ -404,33 +404,33 @@ function hn() {
|
|
|
404
404
|
);
|
|
405
405
|
}
|
|
406
406
|
function pn() {
|
|
407
|
-
const e =
|
|
407
|
+
const e = I(), n = f("hasCaptions"), o = f("textTrack"), { t: i } = b(), s = C(() => {
|
|
408
408
|
e.setPage("captions");
|
|
409
409
|
}, [e]);
|
|
410
410
|
return n ? /* @__PURE__ */ t(
|
|
411
|
-
|
|
411
|
+
j,
|
|
412
412
|
{
|
|
413
413
|
label: i("CAPTIONS"),
|
|
414
414
|
hint: (o == null ? void 0 : o.label) ?? i("OFF"),
|
|
415
415
|
onClick: s,
|
|
416
|
-
Icon:
|
|
416
|
+
Icon: Oe
|
|
417
417
|
}
|
|
418
418
|
) : null;
|
|
419
419
|
}
|
|
420
|
-
const _n = (e) => /* @__PURE__ */
|
|
420
|
+
const _n = (e) => /* @__PURE__ */ l("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
|
|
421
421
|
/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_412_23039", children: /* @__PURE__ */ t("rect", { width: 18, height: 18, fill: "white" }) }) }),
|
|
422
|
-
/* @__PURE__ */
|
|
422
|
+
/* @__PURE__ */ l("g", { clipPath: "url(#clip0_412_23039)", children: [
|
|
423
423
|
/* @__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" }),
|
|
424
424
|
/* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 8.40039H9.46326C9.7388 7.11449 10.8818 6.15039 12.25 6.15039C13.6182 6.15039 14.7612 7.11449 15.0367 8.40039H18V9.60039H15.0367C14.7612 10.8863 13.6182 11.8504 12.25 11.8504C10.8818 11.8504 9.7388 10.8863 9.46326 9.60039H0V8.40039ZM12.25 7.35039C11.3387 7.35039 10.6 8.08912 10.6 9.00039C10.6 9.91166 11.3387 10.6504 12.25 10.6504C13.1613 10.6504 13.9 9.91166 13.9 9.00039C13.9 8.08912 13.1613 7.35039 12.25 7.35039Z", fill: "currentColor" }),
|
|
425
425
|
/* @__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" })
|
|
426
426
|
] })
|
|
427
427
|
] });
|
|
428
|
-
function
|
|
429
|
-
const e =
|
|
428
|
+
function Cn() {
|
|
429
|
+
const e = I(), n = f("autoQuality"), o = f("quality"), { t: i } = b(), s = C(() => {
|
|
430
430
|
e.setPage("quality");
|
|
431
431
|
}, [e]);
|
|
432
432
|
return o ? /* @__PURE__ */ t(
|
|
433
|
-
|
|
433
|
+
j,
|
|
434
434
|
{
|
|
435
435
|
label: i("QUALITY"),
|
|
436
436
|
hint: n ? i("AUTO", { quality: o.height }) : `${o.height}p`,
|
|
@@ -439,62 +439,62 @@ function fn() {
|
|
|
439
439
|
}
|
|
440
440
|
) : null;
|
|
441
441
|
}
|
|
442
|
-
const
|
|
443
|
-
"switch-track": "_switch-
|
|
444
|
-
switchTrack:
|
|
445
|
-
"switch-thumb": "_switch-
|
|
442
|
+
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", { 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" }) }), bn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { 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" }) }), gn = "_switch-track_7nhpo_1", vn = "_switch-thumb_7nhpo_17", wn = "_switch-icon_7nhpo_31", yn = "_switch-body_7nhpo_37", kn = "_switch-label_7nhpo_78", Ln = "_menu-icon_7nhpo_82", A = {
|
|
443
|
+
"switch-track": "_switch-track_7nhpo_1",
|
|
444
|
+
switchTrack: gn,
|
|
445
|
+
"switch-thumb": "_switch-thumb_7nhpo_17",
|
|
446
446
|
switchThumb: vn,
|
|
447
|
-
"switch-icon": "_switch-
|
|
447
|
+
"switch-icon": "_switch-icon_7nhpo_31",
|
|
448
448
|
switchIcon: wn,
|
|
449
|
-
"switch-body": "_switch-
|
|
449
|
+
"switch-body": "_switch-body_7nhpo_37",
|
|
450
450
|
switchBody: yn,
|
|
451
|
-
"switch-label": "_switch-
|
|
451
|
+
"switch-label": "_switch-label_7nhpo_78",
|
|
452
452
|
switchLabel: kn,
|
|
453
|
-
"menu-icon": "_menu-
|
|
454
|
-
menuIcon:
|
|
453
|
+
"menu-icon": "_menu-icon_7nhpo_82",
|
|
454
|
+
menuIcon: Ln
|
|
455
455
|
};
|
|
456
|
-
function
|
|
456
|
+
function _e({
|
|
457
457
|
label: e,
|
|
458
458
|
checked: n = !1,
|
|
459
459
|
onClick: o,
|
|
460
460
|
Icon: i
|
|
461
461
|
}) {
|
|
462
|
-
return /* @__PURE__ */
|
|
462
|
+
return /* @__PURE__ */ l(
|
|
463
463
|
"button",
|
|
464
464
|
{
|
|
465
|
-
className:
|
|
465
|
+
className: A.switchBody,
|
|
466
466
|
role: "checkbox",
|
|
467
467
|
"aria-label": e,
|
|
468
468
|
"aria-checked": n,
|
|
469
469
|
onClick: o,
|
|
470
470
|
tabIndex: -1,
|
|
471
471
|
children: [
|
|
472
|
-
i && /* @__PURE__ */ t(i, { className:
|
|
473
|
-
/* @__PURE__ */ t("span", { className:
|
|
474
|
-
/* @__PURE__ */ t("div", { className:
|
|
472
|
+
i && /* @__PURE__ */ t(i, { className: A.menuIcon }),
|
|
473
|
+
/* @__PURE__ */ t("span", { className: A.switchLabel, children: e }),
|
|
474
|
+
/* @__PURE__ */ t("div", { className: A.switchTrack, children: /* @__PURE__ */ t("div", { className: A.switchThumb, children: n ? /* @__PURE__ */ t(fn, { className: A.switchIcon }) : /* @__PURE__ */ t(bn, { className: A.switchIcon }) }) })
|
|
475
475
|
]
|
|
476
476
|
}
|
|
477
477
|
);
|
|
478
478
|
}
|
|
479
|
-
const
|
|
479
|
+
const xn = (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" }) });
|
|
480
480
|
function Mn() {
|
|
481
|
-
const { t: e } =
|
|
481
|
+
const { t: e } = b(), n = M(), o = w();
|
|
482
482
|
return !n.forceComments && n.hasComments ? /* @__PURE__ */ t(
|
|
483
|
-
|
|
483
|
+
_e,
|
|
484
484
|
{
|
|
485
|
-
Icon:
|
|
485
|
+
Icon: xn,
|
|
486
486
|
label: e("COMMENTS"),
|
|
487
487
|
onClick: o.toggleComments,
|
|
488
488
|
checked: o.state.commentsEnabled
|
|
489
489
|
}
|
|
490
490
|
) : null;
|
|
491
491
|
}
|
|
492
|
-
const
|
|
492
|
+
const Nn = "_main-menu_7h96l_1", Pn = {
|
|
493
493
|
"main-menu": "_main-menu_7h96l_1",
|
|
494
|
-
mainMenu:
|
|
494
|
+
mainMenu: Nn
|
|
495
495
|
};
|
|
496
496
|
function Ke(e) {
|
|
497
|
-
|
|
497
|
+
R(() => {
|
|
498
498
|
const n = (o) => {
|
|
499
499
|
var i;
|
|
500
500
|
(i = e[o.key]) == null || i.call(e, o);
|
|
@@ -505,10 +505,10 @@ function Ke(e) {
|
|
|
505
505
|
}, [e]);
|
|
506
506
|
}
|
|
507
507
|
function In(e) {
|
|
508
|
-
const n =
|
|
508
|
+
const n = T(() => ({ Escape: e }), [e]);
|
|
509
509
|
return Ke(n);
|
|
510
510
|
}
|
|
511
|
-
const
|
|
511
|
+
const I = () => {
|
|
512
512
|
const e = re(De);
|
|
513
513
|
if (!e)
|
|
514
514
|
throw new Error(
|
|
@@ -531,8 +531,8 @@ function Tn(e) {
|
|
|
531
531
|
const n = Array.from(e.querySelectorAll("button"));
|
|
532
532
|
return n[n.length - 1] ?? null;
|
|
533
533
|
}
|
|
534
|
-
function
|
|
535
|
-
const e =
|
|
534
|
+
function z() {
|
|
535
|
+
const e = I(), n = ne(null), o = T(
|
|
536
536
|
() => ({
|
|
537
537
|
Escape: e.toggle,
|
|
538
538
|
ArrowUp: () => {
|
|
@@ -572,94 +572,96 @@ function D() {
|
|
|
572
572
|
return Ke(o), n;
|
|
573
573
|
}
|
|
574
574
|
function En() {
|
|
575
|
-
const e =
|
|
576
|
-
return /* @__PURE__ */
|
|
575
|
+
const e = z(), { t: n } = b();
|
|
576
|
+
return /* @__PURE__ */ l(
|
|
577
577
|
"div",
|
|
578
578
|
{
|
|
579
579
|
ref: e,
|
|
580
580
|
id: "submenu",
|
|
581
581
|
"aria-label": n("MAIN_MENU"),
|
|
582
582
|
role: "menu",
|
|
583
|
-
className:
|
|
583
|
+
className: Pn.mainMenu,
|
|
584
584
|
children: [
|
|
585
585
|
/* @__PURE__ */ t(hn, {}),
|
|
586
586
|
/* @__PURE__ */ t(pn, {}),
|
|
587
587
|
/* @__PURE__ */ t(Mn, {}),
|
|
588
|
-
/* @__PURE__ */ t(
|
|
588
|
+
/* @__PURE__ */ t(Cn, {})
|
|
589
589
|
]
|
|
590
590
|
}
|
|
591
591
|
);
|
|
592
592
|
}
|
|
593
|
-
const ie = (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" }) }),
|
|
594
|
-
"menu-container": "_menu-
|
|
593
|
+
const ie = (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" }) }), Q = (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" }) }), An = "_menu-container_11nab_1", Bn = "_scrollable-buttons_11nab_2", Rn = "_menu-heading_11nab_9", On = "_check-icon_11nab_20", Fn = "_menu-item-label_11nab_26", Zn = "_menu-item_11nab_26", Kn = "_menu-back-button_11nab_59", d = {
|
|
594
|
+
"menu-container": "_menu-container_11nab_1",
|
|
595
595
|
menuContainer: An,
|
|
596
|
-
"
|
|
596
|
+
"scrollable-buttons": "_scrollable-buttons_11nab_2",
|
|
597
|
+
scrollableButtons: Bn,
|
|
598
|
+
"menu-heading": "_menu-heading_11nab_9",
|
|
597
599
|
menuHeading: Rn,
|
|
598
|
-
"check-icon": "_check-
|
|
599
|
-
checkIcon:
|
|
600
|
-
"menu-item-label": "_menu-item-
|
|
601
|
-
menuItemLabel:
|
|
602
|
-
"menu-item": "_menu-
|
|
603
|
-
menuItem:
|
|
604
|
-
"menu-back-button": "_menu-back-
|
|
605
|
-
menuBackButton:
|
|
600
|
+
"check-icon": "_check-icon_11nab_20",
|
|
601
|
+
checkIcon: On,
|
|
602
|
+
"menu-item-label": "_menu-item-label_11nab_26",
|
|
603
|
+
menuItemLabel: Fn,
|
|
604
|
+
"menu-item": "_menu-item_11nab_26",
|
|
605
|
+
menuItem: Zn,
|
|
606
|
+
"menu-back-button": "_menu-back-button_11nab_59",
|
|
607
|
+
menuBackButton: Kn
|
|
606
608
|
};
|
|
607
|
-
function
|
|
608
|
-
const e =
|
|
609
|
-
rates:
|
|
609
|
+
function Dn() {
|
|
610
|
+
const e = I(), n = ct({
|
|
611
|
+
rates: D,
|
|
610
612
|
normalLabel: "1x"
|
|
611
|
-
}), { t: o } =
|
|
612
|
-
return /* @__PURE__ */
|
|
613
|
+
}), { t: o } = b(), i = z();
|
|
614
|
+
return /* @__PURE__ */ l(
|
|
613
615
|
"div",
|
|
614
616
|
{
|
|
615
617
|
ref: i,
|
|
616
618
|
id: "submenu",
|
|
617
619
|
"aria-label": o("SPEED_MENU"),
|
|
618
620
|
role: "menu",
|
|
619
|
-
className:
|
|
621
|
+
className: d.menuContainer,
|
|
620
622
|
children: [
|
|
621
|
-
/* @__PURE__ */
|
|
623
|
+
/* @__PURE__ */ l(
|
|
622
624
|
"button",
|
|
623
625
|
{
|
|
624
626
|
type: "button",
|
|
625
627
|
role: "menuitem",
|
|
626
628
|
tabIndex: -1,
|
|
627
|
-
className:
|
|
629
|
+
className: d.menuBackButton,
|
|
628
630
|
onClick: e.back,
|
|
629
631
|
children: [
|
|
630
|
-
/* @__PURE__ */ t(
|
|
632
|
+
/* @__PURE__ */ t(Q, {}),
|
|
631
633
|
/* @__PURE__ */ t("span", { children: o("BACK") })
|
|
632
634
|
]
|
|
633
635
|
}
|
|
634
636
|
),
|
|
635
|
-
/* @__PURE__ */ t("strong", { className:
|
|
636
|
-
n.map(({ value: s, label: a, select:
|
|
637
|
+
/* @__PURE__ */ t("strong", { className: d.menuHeading, children: o("PLAYBACK_SPEED") }),
|
|
638
|
+
/* @__PURE__ */ t("div", { className: d.scrollableButtons, children: n.map(({ value: s, label: a, select: c, selected: r }) => /* @__PURE__ */ l(
|
|
637
639
|
"button",
|
|
638
640
|
{
|
|
639
641
|
type: "button",
|
|
640
642
|
role: "menuitemradio",
|
|
641
643
|
"aria-label": a,
|
|
642
644
|
"aria-checked": r,
|
|
643
|
-
onClick: () =>
|
|
645
|
+
onClick: () => c(),
|
|
644
646
|
tabIndex: -1,
|
|
645
|
-
className:
|
|
647
|
+
className: d.menuItem,
|
|
646
648
|
children: [
|
|
647
|
-
/* @__PURE__ */ t(ie, { className:
|
|
648
|
-
/* @__PURE__ */ t("span", { className:
|
|
649
|
+
/* @__PURE__ */ t(ie, { className: d.checkIcon }),
|
|
650
|
+
/* @__PURE__ */ t("span", { className: d.menuItemLabel, children: a })
|
|
649
651
|
]
|
|
650
652
|
},
|
|
651
653
|
s
|
|
652
|
-
))
|
|
654
|
+
)) })
|
|
653
655
|
]
|
|
654
656
|
}
|
|
655
657
|
);
|
|
656
658
|
}
|
|
657
|
-
function
|
|
658
|
-
const e =
|
|
659
|
+
function zn() {
|
|
660
|
+
const e = I(), n = f("textTrack"), { t: o } = b(), { disableCaptionSettings: i } = w(), s = C(() => {
|
|
659
661
|
e.setPage("captionLanguage");
|
|
660
662
|
}, [e]);
|
|
661
663
|
return i ? null : /* @__PURE__ */ t(
|
|
662
|
-
|
|
664
|
+
j,
|
|
663
665
|
{
|
|
664
666
|
label: o("LANGUAGE"),
|
|
665
667
|
hint: (n == null ? void 0 : n.label) ?? o("OFF"),
|
|
@@ -667,12 +669,12 @@ function Kn() {
|
|
|
667
669
|
}
|
|
668
670
|
);
|
|
669
671
|
}
|
|
670
|
-
function
|
|
671
|
-
const { t: e } =
|
|
672
|
+
function $n() {
|
|
673
|
+
const { t: e } = b(), n = w(), o = I(), i = C(() => {
|
|
672
674
|
o.setPage("captionFontSize");
|
|
673
675
|
}, [o]);
|
|
674
676
|
return /* @__PURE__ */ t(
|
|
675
|
-
|
|
677
|
+
j,
|
|
676
678
|
{
|
|
677
679
|
label: e("CAPTION_FONT_SIZE"),
|
|
678
680
|
hint: `${n.state.captionsFontSizeMultiplier * 100}%`,
|
|
@@ -680,10 +682,10 @@ function Dn() {
|
|
|
680
682
|
}
|
|
681
683
|
);
|
|
682
684
|
}
|
|
683
|
-
function
|
|
684
|
-
const { t: e } =
|
|
685
|
+
function Un() {
|
|
686
|
+
const { t: e } = b(), n = w();
|
|
685
687
|
return /* @__PURE__ */ t(
|
|
686
|
-
|
|
688
|
+
_e,
|
|
687
689
|
{
|
|
688
690
|
label: e("ON_TOP"),
|
|
689
691
|
onClick: n.toggleCaptionPositionOnTop,
|
|
@@ -691,10 +693,10 @@ function $n() {
|
|
|
691
693
|
}
|
|
692
694
|
);
|
|
693
695
|
}
|
|
694
|
-
function
|
|
695
|
-
const { t: e } =
|
|
696
|
+
function qn() {
|
|
697
|
+
const { t: e } = b(), n = w();
|
|
696
698
|
return /* @__PURE__ */ t(
|
|
697
|
-
|
|
699
|
+
_e,
|
|
698
700
|
{
|
|
699
701
|
label: e("INVERT_COLORS"),
|
|
700
702
|
onClick: n.toggleCaptionsInvertColors,
|
|
@@ -702,113 +704,115 @@ function Un() {
|
|
|
702
704
|
}
|
|
703
705
|
);
|
|
704
706
|
}
|
|
705
|
-
function
|
|
706
|
-
const e =
|
|
707
|
-
return /* @__PURE__ */
|
|
707
|
+
function Gn() {
|
|
708
|
+
const e = I(), { t: n } = b(), o = z();
|
|
709
|
+
return /* @__PURE__ */ l(
|
|
708
710
|
"div",
|
|
709
711
|
{
|
|
710
712
|
ref: o,
|
|
711
713
|
id: "submenu",
|
|
712
714
|
"aria-label": n("CAPTIONS_MENU"),
|
|
713
715
|
role: "menu",
|
|
714
|
-
className:
|
|
716
|
+
className: d.menuContainer,
|
|
715
717
|
children: [
|
|
716
|
-
/* @__PURE__ */
|
|
718
|
+
/* @__PURE__ */ l(
|
|
717
719
|
"button",
|
|
718
720
|
{
|
|
719
721
|
type: "button",
|
|
720
722
|
role: "menuitem",
|
|
721
723
|
tabIndex: -1,
|
|
722
|
-
className:
|
|
724
|
+
className: d.menuBackButton,
|
|
723
725
|
onClick: e.back,
|
|
724
726
|
children: [
|
|
725
|
-
/* @__PURE__ */ t(
|
|
727
|
+
/* @__PURE__ */ t(Q, {}),
|
|
726
728
|
/* @__PURE__ */ t("span", { children: n("BACK") })
|
|
727
729
|
]
|
|
728
730
|
}
|
|
729
731
|
),
|
|
730
|
-
/* @__PURE__ */ t("strong", { className:
|
|
731
|
-
/* @__PURE__ */
|
|
732
|
-
|
|
733
|
-
|
|
734
|
-
|
|
732
|
+
/* @__PURE__ */ t("strong", { className: d.menuHeading, children: n("CAPTIONS") }),
|
|
733
|
+
/* @__PURE__ */ l("div", { className: d.scrollableButtons, children: [
|
|
734
|
+
/* @__PURE__ */ t(zn, {}),
|
|
735
|
+
/* @__PURE__ */ t($n, {}),
|
|
736
|
+
/* @__PURE__ */ t(Un, {}),
|
|
737
|
+
/* @__PURE__ */ t(qn, {})
|
|
738
|
+
] })
|
|
735
739
|
]
|
|
736
740
|
}
|
|
737
741
|
);
|
|
738
742
|
}
|
|
739
|
-
function
|
|
740
|
-
const e =
|
|
741
|
-
return /* @__PURE__ */
|
|
743
|
+
function jn() {
|
|
744
|
+
const e = I(), n = rt(), { t: o } = b(), i = z();
|
|
745
|
+
return /* @__PURE__ */ l(
|
|
742
746
|
"div",
|
|
743
747
|
{
|
|
744
748
|
ref: i,
|
|
745
749
|
id: "submenu",
|
|
746
750
|
"aria-label": o("CAPTIONS_LANGUAGE_MENU"),
|
|
747
751
|
role: "menu",
|
|
748
|
-
className:
|
|
752
|
+
className: d.menuContainer,
|
|
749
753
|
children: [
|
|
750
|
-
/* @__PURE__ */
|
|
754
|
+
/* @__PURE__ */ l(
|
|
751
755
|
"button",
|
|
752
756
|
{
|
|
753
757
|
type: "button",
|
|
754
758
|
role: "menuitem",
|
|
755
759
|
tabIndex: -1,
|
|
756
|
-
className:
|
|
760
|
+
className: d.menuBackButton,
|
|
757
761
|
onClick: e.back,
|
|
758
762
|
children: [
|
|
759
|
-
/* @__PURE__ */ t(
|
|
763
|
+
/* @__PURE__ */ t(Q, {}),
|
|
760
764
|
/* @__PURE__ */ t("span", { children: o("BACK") })
|
|
761
765
|
]
|
|
762
766
|
}
|
|
763
767
|
),
|
|
764
|
-
/* @__PURE__ */ t("strong", { className:
|
|
765
|
-
n.map(({ value: s, label: a, select:
|
|
768
|
+
/* @__PURE__ */ t("strong", { className: d.menuHeading, children: o("CAPTIONS") }),
|
|
769
|
+
/* @__PURE__ */ t("div", { className: d.scrollableButtons, children: n.map(({ value: s, label: a, select: c, selected: r }) => /* @__PURE__ */ l(
|
|
766
770
|
"button",
|
|
767
771
|
{
|
|
768
772
|
type: "button",
|
|
769
773
|
role: "menuitemradio",
|
|
770
774
|
"aria-checked": r,
|
|
771
|
-
onClick: () =>
|
|
775
|
+
onClick: () => c(),
|
|
772
776
|
tabIndex: -1,
|
|
773
|
-
className:
|
|
777
|
+
className: d.menuItem,
|
|
774
778
|
children: [
|
|
775
|
-
/* @__PURE__ */ t(ie, { className:
|
|
776
|
-
/* @__PURE__ */ t("span", { className:
|
|
779
|
+
/* @__PURE__ */ t(ie, { className: d.checkIcon }),
|
|
780
|
+
/* @__PURE__ */ t("span", { className: d.menuItemLabel, children: a })
|
|
777
781
|
]
|
|
778
782
|
},
|
|
779
783
|
s
|
|
780
|
-
))
|
|
784
|
+
)) })
|
|
781
785
|
]
|
|
782
786
|
}
|
|
783
787
|
);
|
|
784
788
|
}
|
|
785
|
-
function
|
|
786
|
-
const e =
|
|
787
|
-
return /* @__PURE__ */
|
|
789
|
+
function Qn() {
|
|
790
|
+
const e = w(), n = I(), { t: o } = b(), i = z();
|
|
791
|
+
return /* @__PURE__ */ l(
|
|
788
792
|
"div",
|
|
789
793
|
{
|
|
790
794
|
ref: i,
|
|
791
795
|
id: "submenu",
|
|
792
796
|
"aria-label": o("CAPTIONS_FONT_SIZE_MENU"),
|
|
793
797
|
role: "menu",
|
|
794
|
-
className:
|
|
798
|
+
className: d.menuContainer,
|
|
795
799
|
children: [
|
|
796
|
-
/* @__PURE__ */
|
|
800
|
+
/* @__PURE__ */ l(
|
|
797
801
|
"button",
|
|
798
802
|
{
|
|
799
803
|
type: "button",
|
|
800
804
|
role: "menuitem",
|
|
801
805
|
tabIndex: -1,
|
|
802
|
-
className:
|
|
806
|
+
className: d.menuBackButton,
|
|
803
807
|
onClick: n.back,
|
|
804
808
|
children: [
|
|
805
|
-
/* @__PURE__ */ t(
|
|
809
|
+
/* @__PURE__ */ t(Q, {}),
|
|
806
810
|
/* @__PURE__ */ t("span", { children: o("BACK") })
|
|
807
811
|
]
|
|
808
812
|
}
|
|
809
813
|
),
|
|
810
|
-
/* @__PURE__ */ t("strong", { className:
|
|
811
|
-
Ot.map((s) => /* @__PURE__ */
|
|
814
|
+
/* @__PURE__ */ t("strong", { className: d.menuHeading, children: o("CAPTIONS") }),
|
|
815
|
+
/* @__PURE__ */ t("div", { className: d.scrollableButtons, children: Ot.map((s) => /* @__PURE__ */ l(
|
|
812
816
|
"button",
|
|
813
817
|
{
|
|
814
818
|
type: "button",
|
|
@@ -818,48 +822,48 @@ function jn() {
|
|
|
818
822
|
e.setCaptionsFontSizeMultiplier(s);
|
|
819
823
|
},
|
|
820
824
|
tabIndex: -1,
|
|
821
|
-
className:
|
|
825
|
+
className: d.menuItem,
|
|
822
826
|
children: [
|
|
823
|
-
/* @__PURE__ */ t(ie, { className:
|
|
824
|
-
/* @__PURE__ */
|
|
827
|
+
/* @__PURE__ */ t(ie, { className: d.checkIcon }),
|
|
828
|
+
/* @__PURE__ */ l("span", { className: d.menuItemLabel, children: [
|
|
825
829
|
s * 100,
|
|
826
830
|
"%"
|
|
827
831
|
] })
|
|
828
832
|
]
|
|
829
833
|
},
|
|
830
834
|
s
|
|
831
|
-
))
|
|
835
|
+
)) })
|
|
832
836
|
]
|
|
833
837
|
}
|
|
834
838
|
);
|
|
835
839
|
}
|
|
836
|
-
function
|
|
837
|
-
const e =
|
|
838
|
-
return /* @__PURE__ */
|
|
840
|
+
function Wn() {
|
|
841
|
+
const e = I(), n = ut({ sort: "descending" }), o = f("autoQuality"), { t: i } = b(), s = z();
|
|
842
|
+
return /* @__PURE__ */ l(
|
|
839
843
|
"div",
|
|
840
844
|
{
|
|
841
845
|
ref: s,
|
|
842
846
|
id: "submenu",
|
|
843
847
|
"aria-label": i("QUALITY_MENU"),
|
|
844
848
|
role: "menu",
|
|
845
|
-
className:
|
|
849
|
+
className: d.menuContainer,
|
|
846
850
|
children: [
|
|
847
|
-
/* @__PURE__ */
|
|
851
|
+
/* @__PURE__ */ l(
|
|
848
852
|
"button",
|
|
849
853
|
{
|
|
850
854
|
type: "button",
|
|
851
855
|
role: "menuitem",
|
|
852
856
|
tabIndex: -1,
|
|
853
|
-
className:
|
|
857
|
+
className: d.menuBackButton,
|
|
854
858
|
onClick: e.back,
|
|
855
859
|
children: [
|
|
856
|
-
/* @__PURE__ */ t(
|
|
860
|
+
/* @__PURE__ */ t(Q, {}),
|
|
857
861
|
/* @__PURE__ */ t("span", { children: i("BACK") })
|
|
858
862
|
]
|
|
859
863
|
}
|
|
860
864
|
),
|
|
861
|
-
/* @__PURE__ */ t("strong", { className:
|
|
862
|
-
n.map(({ value: a, label:
|
|
865
|
+
/* @__PURE__ */ t("strong", { className: d.menuHeading, children: i("QUALITY") }),
|
|
866
|
+
/* @__PURE__ */ t("div", { className: d.scrollableButtons, children: n.map(({ value: a, label: c, select: r, selected: u }) => /* @__PURE__ */ l(
|
|
863
867
|
"button",
|
|
864
868
|
{
|
|
865
869
|
type: "button",
|
|
@@ -867,203 +871,196 @@ function Qn() {
|
|
|
867
871
|
"aria-checked": a === "auto" && o || u && !o,
|
|
868
872
|
onClick: () => r(),
|
|
869
873
|
tabIndex: -1,
|
|
870
|
-
className:
|
|
874
|
+
className: d.menuItem,
|
|
871
875
|
children: [
|
|
872
|
-
/* @__PURE__ */ t(ie, { className:
|
|
873
|
-
/* @__PURE__ */ t("span", { className:
|
|
876
|
+
/* @__PURE__ */ t(ie, { className: d.checkIcon }),
|
|
877
|
+
/* @__PURE__ */ t("span", { className: d.menuItemLabel, children: c })
|
|
874
878
|
]
|
|
875
879
|
},
|
|
876
880
|
a
|
|
877
|
-
))
|
|
881
|
+
)) })
|
|
878
882
|
]
|
|
879
883
|
}
|
|
880
884
|
);
|
|
881
885
|
}
|
|
882
|
-
const De =
|
|
886
|
+
const De = ce(null), Yn = {
|
|
883
887
|
main: En,
|
|
884
|
-
speed:
|
|
885
|
-
captions:
|
|
886
|
-
captionLanguage:
|
|
887
|
-
captionFontSize:
|
|
888
|
-
quality:
|
|
888
|
+
speed: Dn,
|
|
889
|
+
captions: Gn,
|
|
890
|
+
captionLanguage: jn,
|
|
891
|
+
captionFontSize: Qn,
|
|
892
|
+
quality: Wn
|
|
893
|
+
}, Xn = {
|
|
894
|
+
name: "middleware",
|
|
895
|
+
async fn(e) {
|
|
896
|
+
const n = await vt(e);
|
|
897
|
+
return {
|
|
898
|
+
x: e.x - n.right - 4,
|
|
899
|
+
y: e.y - 4
|
|
900
|
+
};
|
|
901
|
+
}
|
|
889
902
|
};
|
|
890
|
-
function
|
|
891
|
-
const e =
|
|
903
|
+
function Jn() {
|
|
904
|
+
const e = w(), [n, o] = L(["main"]), [i, s] = L(!1), a = C(() => {
|
|
892
905
|
s(!i), o(["main"]), e.setGlobalKeysDisabled(!i);
|
|
893
|
-
}, [i]),
|
|
894
|
-
o((
|
|
895
|
-
}, []), r =
|
|
896
|
-
o((
|
|
897
|
-
}, []), u =
|
|
906
|
+
}, [i]), c = C((_) => {
|
|
907
|
+
o((V) => V.concat(_));
|
|
908
|
+
}, []), r = C(() => {
|
|
909
|
+
o((_) => _.length > 1 ? _.slice(0, -1) : _);
|
|
910
|
+
}, []), u = T(() => Yn[n[n.length - 1]], [n]), { refs: p, floatingStyles: g, context: v } = ue({
|
|
898
911
|
open: i,
|
|
899
912
|
onOpenChange: a,
|
|
900
913
|
placement: "top-end",
|
|
901
914
|
whileElementsMounted: de,
|
|
902
|
-
middleware: [
|
|
903
|
-
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
]
|
|
907
|
-
}), y = he(k, { escapeKey: !1 }), { getReferenceProps: N, getFloatingProps: h } = pe([y]), b = E(
|
|
908
|
-
() => ({ setPage: l, back: r, toggle: a }),
|
|
909
|
-
[r, l, a]
|
|
915
|
+
middleware: [Xn]
|
|
916
|
+
}), k = me(v, { escapeKey: !1 }), { getReferenceProps: y, getFloatingProps: N } = he([k]), h = T(
|
|
917
|
+
() => ({ setPage: c, back: r, toggle: a }),
|
|
918
|
+
[r, c, a]
|
|
910
919
|
);
|
|
911
920
|
return {
|
|
912
921
|
Page: u,
|
|
913
922
|
open: i,
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
context: k,
|
|
923
|
+
refs: p,
|
|
924
|
+
floatingStyles: g,
|
|
925
|
+
context: v,
|
|
918
926
|
getReferenceProps() {
|
|
919
927
|
return {
|
|
920
|
-
...
|
|
928
|
+
...y(),
|
|
921
929
|
tabIndex: e.state.interactionsDisabled ? -1 : 0
|
|
922
930
|
};
|
|
923
931
|
},
|
|
924
|
-
getFloatingProps:
|
|
925
|
-
contextValue:
|
|
932
|
+
getFloatingProps: N,
|
|
933
|
+
contextValue: h
|
|
926
934
|
};
|
|
927
935
|
}
|
|
928
|
-
const
|
|
929
|
-
"settings-menu": "_settings-
|
|
930
|
-
settingsMenu:
|
|
931
|
-
arrow:
|
|
936
|
+
const e1 = "_settings-menu_qaqbm_1", t1 = "_arrow_qaqbm_37", n1 = {
|
|
937
|
+
"settings-menu": "_settings-menu_qaqbm_1",
|
|
938
|
+
settingsMenu: e1,
|
|
939
|
+
arrow: t1
|
|
932
940
|
};
|
|
933
|
-
function
|
|
941
|
+
function o1() {
|
|
934
942
|
const {
|
|
935
943
|
Page: e,
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
|
|
941
|
-
|
|
942
|
-
|
|
943
|
-
|
|
944
|
-
|
|
945
|
-
return /* @__PURE__ */ c(j, { children: [
|
|
944
|
+
context: n,
|
|
945
|
+
floatingStyles: o,
|
|
946
|
+
getFloatingProps: i,
|
|
947
|
+
getReferenceProps: s,
|
|
948
|
+
open: a,
|
|
949
|
+
refs: c,
|
|
950
|
+
contextValue: r
|
|
951
|
+
} = Jn(), { t: u } = b();
|
|
952
|
+
return /* @__PURE__ */ l(G, { children: [
|
|
946
953
|
/* @__PURE__ */ t(
|
|
947
954
|
"button",
|
|
948
955
|
{
|
|
949
|
-
ref:
|
|
956
|
+
ref: c.setReference,
|
|
950
957
|
type: "button",
|
|
951
958
|
className: "controls-button",
|
|
952
|
-
"aria-label":
|
|
953
|
-
onClick:
|
|
954
|
-
"aria-expanded":
|
|
955
|
-
...
|
|
959
|
+
"aria-label": u("SETTINGS"),
|
|
960
|
+
onClick: r.toggle,
|
|
961
|
+
"aria-expanded": a,
|
|
962
|
+
...s(),
|
|
956
963
|
children: /* @__PURE__ */ t(an, { className: "controls-button-icon icon-rotate" })
|
|
957
964
|
}
|
|
958
965
|
),
|
|
959
|
-
|
|
966
|
+
a && /* @__PURE__ */ t(pe, { context: n, restoreFocus: !0, modal: !1, children: /* @__PURE__ */ t(
|
|
960
967
|
"div",
|
|
961
968
|
{
|
|
962
969
|
"aria-labelledby": "submenu",
|
|
963
|
-
className:
|
|
964
|
-
ref:
|
|
965
|
-
style:
|
|
966
|
-
...
|
|
967
|
-
children:
|
|
968
|
-
/* @__PURE__ */ t(De.Provider, { value: u, children: /* @__PURE__ */ t(e, {}) }),
|
|
969
|
-
/* @__PURE__ */ t(
|
|
970
|
-
fe,
|
|
971
|
-
{
|
|
972
|
-
ref: n,
|
|
973
|
-
context: o,
|
|
974
|
-
className: Pe.arrow
|
|
975
|
-
}
|
|
976
|
-
)
|
|
977
|
-
]
|
|
970
|
+
className: n1.settingsMenu,
|
|
971
|
+
ref: c.setFloating,
|
|
972
|
+
style: o,
|
|
973
|
+
...i(),
|
|
974
|
+
children: /* @__PURE__ */ t(De.Provider, { value: r, children: /* @__PURE__ */ t(e, {}) })
|
|
978
975
|
}
|
|
979
976
|
) })
|
|
980
977
|
] });
|
|
981
978
|
}
|
|
982
|
-
function
|
|
979
|
+
function ze(e, n = 1e3) {
|
|
983
980
|
return function() {
|
|
984
|
-
const i = f("lastKeyboardAction"), [s, a] =
|
|
985
|
-
return
|
|
981
|
+
const i = f("lastKeyboardAction"), [s, a] = L(!1), c = C(() => a(!1), []);
|
|
982
|
+
return R(() => {
|
|
986
983
|
a(!!i);
|
|
987
|
-
const r = setTimeout(
|
|
984
|
+
const r = setTimeout(c, n);
|
|
988
985
|
return () => clearTimeout(r);
|
|
989
986
|
}, [i, n]), s ? /* @__PURE__ */ t(e, {}) : null;
|
|
990
987
|
};
|
|
991
988
|
}
|
|
992
|
-
const
|
|
989
|
+
const Ce = (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" }) }), fe = (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" }) }), $e = (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" }) }), Ue = (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" }) }), qe = (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" }) }), i1 = (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" }) }), s1 = (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" }) }), a1 = "_feedback-overlay_v4lbu_1", l1 = "_feedback-message_v4lbu_14", c1 = "_feedback-icon_v4lbu_30", r1 = "_feedback-icon-animation_v4lbu_1", x = {
|
|
993
990
|
"feedback-overlay": "_feedback-overlay_v4lbu_1",
|
|
994
|
-
feedbackOverlay:
|
|
991
|
+
feedbackOverlay: a1,
|
|
995
992
|
"feedback-message": "_feedback-message_v4lbu_14",
|
|
996
|
-
feedbackMessage:
|
|
993
|
+
feedbackMessage: l1,
|
|
997
994
|
"feedback-icon": "_feedback-icon_v4lbu_30",
|
|
998
|
-
feedbackIcon:
|
|
995
|
+
feedbackIcon: c1,
|
|
999
996
|
"feedback-icon-animation": "_feedback-icon-animation_v4lbu_1",
|
|
1000
|
-
feedbackIconAnimation:
|
|
997
|
+
feedbackIconAnimation: r1
|
|
1001
998
|
};
|
|
1002
|
-
function
|
|
999
|
+
function u1() {
|
|
1003
1000
|
var o;
|
|
1004
|
-
const e =
|
|
1001
|
+
const e = He();
|
|
1005
1002
|
switch ((o = e.lastKeyboardAction) == null ? void 0 : o.action) {
|
|
1006
1003
|
case "togglePaused":
|
|
1007
|
-
return /* @__PURE__ */ t("i", { className:
|
|
1004
|
+
return /* @__PURE__ */ t("i", { className: x.feedbackIcon, children: e.paused ? /* @__PURE__ */ t(Ce, {}) : /* @__PURE__ */ t(fe, {}) });
|
|
1008
1005
|
case "toggleCaptions":
|
|
1009
1006
|
case "nextCaptionLanguage":
|
|
1010
1007
|
case "previousCaptionLanguage":
|
|
1011
|
-
return e.hasCaptions ? /* @__PURE__ */ t("i", { className:
|
|
1008
|
+
return e.hasCaptions ? /* @__PURE__ */ t("i", { className: x.feedbackIcon, children: /* @__PURE__ */ t(Fe, {}) }) : null;
|
|
1012
1009
|
case "volumeUp":
|
|
1013
1010
|
case "volumeDown":
|
|
1014
1011
|
case "toggleMuted":
|
|
1015
|
-
return /* @__PURE__ */ t("i", { className:
|
|
1012
|
+
return /* @__PURE__ */ t("i", { className: x.feedbackIcon, children: e.muted || e.volume === 0 ? /* @__PURE__ */ t($e, {}) : e.volume >= 0.5 ? /* @__PURE__ */ t(qe, {}) : /* @__PURE__ */ t(Ue, {}) });
|
|
1016
1013
|
case "seekForward":
|
|
1017
1014
|
case "seekForward10":
|
|
1018
|
-
return /* @__PURE__ */ t("i", { className:
|
|
1015
|
+
return /* @__PURE__ */ t("i", { className: x.feedbackIcon, children: /* @__PURE__ */ t(i1, { className: "right" }) });
|
|
1019
1016
|
case "seekBackward":
|
|
1020
1017
|
case "seekBackward10":
|
|
1021
|
-
return /* @__PURE__ */ t("i", { className:
|
|
1018
|
+
return /* @__PURE__ */ t("i", { className: x.feedbackIcon, children: /* @__PURE__ */ t(s1, { className: "left" }) });
|
|
1022
1019
|
default:
|
|
1023
1020
|
return null;
|
|
1024
1021
|
}
|
|
1025
1022
|
}
|
|
1026
|
-
function
|
|
1023
|
+
function d1() {
|
|
1027
1024
|
var i;
|
|
1028
|
-
const { t: e } =
|
|
1025
|
+
const { t: e } = b(), n = He();
|
|
1029
1026
|
switch ((i = n.lastKeyboardAction) == null ? void 0 : i.action) {
|
|
1030
1027
|
case "toggleCaptions":
|
|
1031
1028
|
case "nextCaptionLanguage":
|
|
1032
1029
|
case "previousCaptionLanguage":
|
|
1033
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1030
|
+
return /* @__PURE__ */ t("div", { className: x.feedbackMessage, children: n.textTrack ? e("CAPTION_LANGUAGE", { language: n.textTrack.label }) : `${e("CAPTIONS")}: ${e("OFF")}` });
|
|
1034
1031
|
case "volumeUp":
|
|
1035
1032
|
case "volumeDown":
|
|
1036
1033
|
case "toggleMuted":
|
|
1037
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1034
|
+
return /* @__PURE__ */ t("div", { className: x.feedbackMessage, children: n.muted || n.volume === 0 ? e("MUTED") : e("VOLUME_VALUE", { volume: (n.volume * 100).toFixed(0) }) });
|
|
1038
1035
|
case "increasePlaybackRate":
|
|
1039
1036
|
case "decreasePlaybackRate":
|
|
1040
1037
|
case "resetPlaybackRate":
|
|
1041
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1038
|
+
return /* @__PURE__ */ t("div", { className: x.feedbackMessage, children: e("PLAYBACK_SPEED_MESSAGE", { speed: n.playbackRate }) });
|
|
1042
1039
|
case "seekForward":
|
|
1043
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1040
|
+
return /* @__PURE__ */ t("div", { className: x.feedbackMessage, children: e("SEEK_FORWARD", { seconds: 5 }) });
|
|
1044
1041
|
case "seekForward10":
|
|
1045
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1042
|
+
return /* @__PURE__ */ t("div", { className: x.feedbackMessage, children: e("SEEK_FORWARD", { seconds: 10 }) });
|
|
1046
1043
|
case "seekBackward":
|
|
1047
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1044
|
+
return /* @__PURE__ */ t("div", { className: x.feedbackMessage, children: e("SEEK_BACKWARD", { seconds: 5 }) });
|
|
1048
1045
|
case "seekBackward10":
|
|
1049
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1046
|
+
return /* @__PURE__ */ t("div", { className: x.feedbackMessage, children: e("SEEK_BACKWARD", { seconds: 10 }) });
|
|
1050
1047
|
default:
|
|
1051
1048
|
return null;
|
|
1052
1049
|
}
|
|
1053
1050
|
}
|
|
1054
|
-
const
|
|
1055
|
-
function
|
|
1056
|
-
return /* @__PURE__ */
|
|
1057
|
-
/* @__PURE__ */ t(
|
|
1058
|
-
/* @__PURE__ */ t(
|
|
1051
|
+
const m1 = ze(u1, 500), h1 = ze(d1, 1e3);
|
|
1052
|
+
function Ge() {
|
|
1053
|
+
return /* @__PURE__ */ l("div", { className: x.feedbackOverlay, children: [
|
|
1054
|
+
/* @__PURE__ */ t(m1, {}),
|
|
1055
|
+
/* @__PURE__ */ t(h1, {})
|
|
1059
1056
|
] });
|
|
1060
1057
|
}
|
|
1061
|
-
const
|
|
1058
|
+
const p1 = (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" }) }), _1 = (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" }) }), C1 = "_full-screen-button_1xm32_2", f1 = {
|
|
1062
1059
|
"full-screen-button": "_full-screen-button_1xm32_2",
|
|
1063
|
-
fullScreenButton:
|
|
1060
|
+
fullScreenButton: C1
|
|
1064
1061
|
};
|
|
1065
|
-
function
|
|
1066
|
-
const e = f("fullscreen"), n =
|
|
1062
|
+
function b1() {
|
|
1063
|
+
const e = f("fullscreen"), n = O(), o = w(), i = M(), { t: s } = b();
|
|
1067
1064
|
return i.hideFullScreen ? null : /* @__PURE__ */ t(
|
|
1068
1065
|
"button",
|
|
1069
1066
|
{
|
|
@@ -1071,153 +1068,153 @@ function _1() {
|
|
|
1071
1068
|
type: "button",
|
|
1072
1069
|
"aria-label": s(e ? "EXIT_FULLSCREEN" : "ENTER_FULLSCREEN"),
|
|
1073
1070
|
tabIndex: o.state.interactionsDisabled ? -1 : 0,
|
|
1074
|
-
className: `controls-button ${
|
|
1071
|
+
className: `controls-button ${f1.fullScreenButton}`,
|
|
1075
1072
|
onClick: () => {
|
|
1076
1073
|
e ? n == null || n.exitFullscreen() : n == null || n.enterFullscreen();
|
|
1077
1074
|
},
|
|
1078
|
-
children: e ? /* @__PURE__ */ t(
|
|
1075
|
+
children: e ? /* @__PURE__ */ t(_1, { className: "controls-button-icon" }) : /* @__PURE__ */ t(p1, { className: "controls-button-icon" })
|
|
1079
1076
|
}
|
|
1080
1077
|
);
|
|
1081
1078
|
}
|
|
1082
|
-
const
|
|
1079
|
+
const g1 = "_gestures-container_1fn3b_1", v1 = "_gesture_1fn3b_1", xe = {
|
|
1083
1080
|
"gestures-container": "_gestures-container_1fn3b_1",
|
|
1084
|
-
gesturesContainer:
|
|
1085
|
-
gesture:
|
|
1081
|
+
gesturesContainer: g1,
|
|
1082
|
+
gesture: v1
|
|
1086
1083
|
};
|
|
1087
|
-
function
|
|
1084
|
+
function w1() {
|
|
1088
1085
|
const e = oe(), n = () => {
|
|
1089
1086
|
e.togglePaused();
|
|
1090
1087
|
};
|
|
1091
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1088
|
+
return /* @__PURE__ */ t("div", { className: xe.gesturesContainer, children: /* @__PURE__ */ t("div", { "aria-hidden": !0, className: xe.gesture, onClick: n }) });
|
|
1092
1089
|
}
|
|
1093
|
-
const
|
|
1090
|
+
const je = (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" }) }), y1 = "_controls-overlay_poi8b_1", k1 = "_keyboard-shortcuts-overlay_poi8b_11", L1 = "_screen-reader-content_poi8b_75", x1 = "_controls-button_poi8b_89", M1 = "_keyboard-shortcuts-button_poi8b_101", N1 = "_kebab-menu-button_poi8b_110", P1 = "_kebab-menu_poi8b_110", I1 = "_kebab-menu-item_poi8b_139", H1 = "_close-button_poi8b_178", S1 = "_arrow_poi8b_192", P = {
|
|
1094
1091
|
"controls-overlay": "_controls-overlay_poi8b_1",
|
|
1095
|
-
controlsOverlay:
|
|
1092
|
+
controlsOverlay: y1,
|
|
1096
1093
|
"keyboard-shortcuts-overlay": "_keyboard-shortcuts-overlay_poi8b_11",
|
|
1097
|
-
keyboardShortcutsOverlay:
|
|
1094
|
+
keyboardShortcutsOverlay: k1,
|
|
1098
1095
|
"screen-reader-content": "_screen-reader-content_poi8b_75",
|
|
1099
|
-
screenReaderContent:
|
|
1096
|
+
screenReaderContent: L1,
|
|
1100
1097
|
"controls-button": "_controls-button_poi8b_89",
|
|
1101
|
-
controlsButton:
|
|
1098
|
+
controlsButton: x1,
|
|
1102
1099
|
"keyboard-shortcuts-button": "_keyboard-shortcuts-button_poi8b_101",
|
|
1103
|
-
keyboardShortcutsButton:
|
|
1100
|
+
keyboardShortcutsButton: M1,
|
|
1104
1101
|
"kebab-menu-button": "_kebab-menu-button_poi8b_110",
|
|
1105
|
-
kebabMenuButton:
|
|
1102
|
+
kebabMenuButton: N1,
|
|
1106
1103
|
"kebab-menu": "_kebab-menu_poi8b_110",
|
|
1107
|
-
kebabMenu:
|
|
1104
|
+
kebabMenu: P1,
|
|
1108
1105
|
"kebab-menu-item": "_kebab-menu-item_poi8b_139",
|
|
1109
|
-
kebabMenuItem:
|
|
1106
|
+
kebabMenuItem: I1,
|
|
1110
1107
|
"close-button": "_close-button_poi8b_178",
|
|
1111
|
-
closeButton:
|
|
1112
|
-
arrow:
|
|
1108
|
+
closeButton: H1,
|
|
1109
|
+
arrow: S1
|
|
1113
1110
|
};
|
|
1114
|
-
function
|
|
1115
|
-
const { t: n } =
|
|
1111
|
+
function V1({ onClose: e }) {
|
|
1112
|
+
const { t: n } = b();
|
|
1116
1113
|
In(e);
|
|
1117
1114
|
const o = (i) => {
|
|
1118
1115
|
i && i.focus();
|
|
1119
1116
|
};
|
|
1120
|
-
return /* @__PURE__ */
|
|
1117
|
+
return /* @__PURE__ */ l(
|
|
1121
1118
|
"div",
|
|
1122
1119
|
{
|
|
1123
|
-
className:
|
|
1120
|
+
className: P.keyboardShortcutsOverlay,
|
|
1124
1121
|
tabIndex: 0,
|
|
1125
1122
|
ref: o,
|
|
1126
1123
|
role: "dialog",
|
|
1127
1124
|
"aria-label": n("KEYBOARD_SHORTCUTS"),
|
|
1128
1125
|
children: [
|
|
1129
|
-
/* @__PURE__ */
|
|
1126
|
+
/* @__PURE__ */ l("header", { children: [
|
|
1130
1127
|
/* @__PURE__ */ t("h2", { children: n("KEYBOARD_SHORTCUTS") }),
|
|
1131
1128
|
/* @__PURE__ */ t(
|
|
1132
1129
|
"button",
|
|
1133
1130
|
{
|
|
1134
1131
|
type: "button",
|
|
1135
|
-
className:
|
|
1132
|
+
className: P.closeButton,
|
|
1136
1133
|
onClick: e,
|
|
1137
1134
|
"aria-label": n("CLOSE"),
|
|
1138
|
-
children: /* @__PURE__ */ t(
|
|
1135
|
+
children: /* @__PURE__ */ t(je, {})
|
|
1139
1136
|
}
|
|
1140
1137
|
)
|
|
1141
1138
|
] }),
|
|
1142
|
-
/* @__PURE__ */
|
|
1143
|
-
/* @__PURE__ */ t("caption", { className:
|
|
1144
|
-
/* @__PURE__ */ t("thead", { children: /* @__PURE__ */
|
|
1139
|
+
/* @__PURE__ */ l("table", { children: [
|
|
1140
|
+
/* @__PURE__ */ t("caption", { className: P.screenReaderContent, children: n("KEYBOARD_SHORTCUTS") }),
|
|
1141
|
+
/* @__PURE__ */ t("thead", { children: /* @__PURE__ */ l("tr", { children: [
|
|
1145
1142
|
/* @__PURE__ */ t("th", { children: n("ACTION") }),
|
|
1146
1143
|
/* @__PURE__ */ t("th", { children: n("SHORTCUT") })
|
|
1147
1144
|
] }) }),
|
|
1148
|
-
/* @__PURE__ */
|
|
1149
|
-
/* @__PURE__ */
|
|
1145
|
+
/* @__PURE__ */ l("tbody", { children: [
|
|
1146
|
+
/* @__PURE__ */ l("tr", { children: [
|
|
1150
1147
|
/* @__PURE__ */ t("td", { children: n("SEEK_BACKWARD", { seconds: 5 }) }),
|
|
1151
1148
|
/* @__PURE__ */ t("td", { children: n("LEFT_ARROW") })
|
|
1152
1149
|
] }),
|
|
1153
|
-
/* @__PURE__ */
|
|
1150
|
+
/* @__PURE__ */ l("tr", { children: [
|
|
1154
1151
|
/* @__PURE__ */ t("td", { children: n("SEEK_FORWARD", { seconds: 5 }) }),
|
|
1155
1152
|
/* @__PURE__ */ t("td", { children: n("RIGHT_ARROW") })
|
|
1156
1153
|
] }),
|
|
1157
|
-
/* @__PURE__ */
|
|
1154
|
+
/* @__PURE__ */ l("tr", { children: [
|
|
1158
1155
|
/* @__PURE__ */ t("td", { children: n("SEEK_BACKWARD", { seconds: 10 }) }),
|
|
1159
1156
|
/* @__PURE__ */ t("td", { children: "J" })
|
|
1160
1157
|
] }),
|
|
1161
|
-
/* @__PURE__ */
|
|
1158
|
+
/* @__PURE__ */ l("tr", { children: [
|
|
1162
1159
|
/* @__PURE__ */ t("td", { children: n("SEEK_FORWARD", { seconds: 10 }) }),
|
|
1163
1160
|
/* @__PURE__ */ t("td", { children: "L" })
|
|
1164
1161
|
] }),
|
|
1165
|
-
/* @__PURE__ */
|
|
1162
|
+
/* @__PURE__ */ l("tr", { children: [
|
|
1166
1163
|
/* @__PURE__ */ t("td", { children: n("INCREASE_VOLUME", { percent: 5 }) }),
|
|
1167
1164
|
/* @__PURE__ */ t("td", { children: n("UP_ARROW") })
|
|
1168
1165
|
] }),
|
|
1169
|
-
/* @__PURE__ */
|
|
1166
|
+
/* @__PURE__ */ l("tr", { children: [
|
|
1170
1167
|
/* @__PURE__ */ t("td", { children: n("DECREASE_VOLUME", { percent: 5 }) }),
|
|
1171
1168
|
/* @__PURE__ */ t("td", { children: n("DOWN_ARROW") })
|
|
1172
1169
|
] }),
|
|
1173
|
-
/* @__PURE__ */
|
|
1170
|
+
/* @__PURE__ */ l("tr", { children: [
|
|
1174
1171
|
/* @__PURE__ */ t("td", { children: n("TOGGLE_MUTED") }),
|
|
1175
1172
|
/* @__PURE__ */ t("td", { children: "M" })
|
|
1176
1173
|
] }),
|
|
1177
|
-
/* @__PURE__ */
|
|
1174
|
+
/* @__PURE__ */ l("tr", { children: [
|
|
1178
1175
|
/* @__PURE__ */ t("td", { children: n("TOGGLE_PLAY_PAUSE") }),
|
|
1179
|
-
/* @__PURE__ */
|
|
1176
|
+
/* @__PURE__ */ l("td", { children: [
|
|
1180
1177
|
n("SPACE"),
|
|
1181
1178
|
", K"
|
|
1182
1179
|
] })
|
|
1183
1180
|
] }),
|
|
1184
|
-
/* @__PURE__ */
|
|
1181
|
+
/* @__PURE__ */ l("tr", { children: [
|
|
1185
1182
|
/* @__PURE__ */ t("td", { children: n("ENTER_FULLSCREEN") }),
|
|
1186
1183
|
/* @__PURE__ */ t("td", { children: "F" })
|
|
1187
1184
|
] }),
|
|
1188
|
-
/* @__PURE__ */
|
|
1185
|
+
/* @__PURE__ */ l("tr", { children: [
|
|
1189
1186
|
/* @__PURE__ */ t("td", { children: n("EXIT_FULLSCREEN") }),
|
|
1190
1187
|
/* @__PURE__ */ t("td", { children: "Esc, F" })
|
|
1191
1188
|
] }),
|
|
1192
|
-
/* @__PURE__ */
|
|
1189
|
+
/* @__PURE__ */ l("tr", { children: [
|
|
1193
1190
|
/* @__PURE__ */ t("td", { children: n("TOGGLE_CAPTIONS") }),
|
|
1194
1191
|
/* @__PURE__ */ t("td", { children: "C" })
|
|
1195
1192
|
] }),
|
|
1196
|
-
/* @__PURE__ */
|
|
1193
|
+
/* @__PURE__ */ l("tr", { children: [
|
|
1197
1194
|
/* @__PURE__ */ t("td", { children: n("NEXT_CAPTION_LANGUAGE") }),
|
|
1198
1195
|
/* @__PURE__ */ t("td", { children: "V" })
|
|
1199
1196
|
] }),
|
|
1200
|
-
/* @__PURE__ */
|
|
1197
|
+
/* @__PURE__ */ l("tr", { children: [
|
|
1201
1198
|
/* @__PURE__ */ t("td", { children: n("PREVIOUS_CAPTION_LANGUAGE") }),
|
|
1202
1199
|
/* @__PURE__ */ t("td", { children: "X" })
|
|
1203
1200
|
] }),
|
|
1204
|
-
/* @__PURE__ */
|
|
1201
|
+
/* @__PURE__ */ l("tr", { children: [
|
|
1205
1202
|
/* @__PURE__ */ t("td", { children: n("DECREASE_PLAYBACK_SPEED") }),
|
|
1206
1203
|
/* @__PURE__ */ t("td", { children: "A" })
|
|
1207
1204
|
] }),
|
|
1208
|
-
/* @__PURE__ */
|
|
1205
|
+
/* @__PURE__ */ l("tr", { children: [
|
|
1209
1206
|
/* @__PURE__ */ t("td", { children: n("RESET_PLAYBACK_SPEED") }),
|
|
1210
1207
|
/* @__PURE__ */ t("td", { children: "S" })
|
|
1211
1208
|
] }),
|
|
1212
|
-
/* @__PURE__ */
|
|
1209
|
+
/* @__PURE__ */ l("tr", { children: [
|
|
1213
1210
|
/* @__PURE__ */ t("td", { children: n("INCREASE_PLAYBACK_SPEED") }),
|
|
1214
1211
|
/* @__PURE__ */ t("td", { children: "D" })
|
|
1215
1212
|
] }),
|
|
1216
|
-
/* @__PURE__ */
|
|
1213
|
+
/* @__PURE__ */ l("tr", { children: [
|
|
1217
1214
|
/* @__PURE__ */ t("td", { children: n("JUMP_TO_START") }),
|
|
1218
1215
|
/* @__PURE__ */ t("td", { children: "0" })
|
|
1219
1216
|
] }),
|
|
1220
|
-
/* @__PURE__ */
|
|
1217
|
+
/* @__PURE__ */ l("tr", { children: [
|
|
1221
1218
|
/* @__PURE__ */ t("td", { children: n("JUMP_TO_PERCENTAGE") }),
|
|
1222
1219
|
/* @__PURE__ */ t("td", { children: "1-9" })
|
|
1223
1220
|
] })
|
|
@@ -1227,86 +1224,86 @@ function I1({ onClose: e }) {
|
|
|
1227
1224
|
}
|
|
1228
1225
|
);
|
|
1229
1226
|
}
|
|
1230
|
-
const
|
|
1231
|
-
share: /* @__PURE__ */ t(
|
|
1232
|
-
transcript: /* @__PURE__ */ t(
|
|
1233
|
-
media: /* @__PURE__ */ t(
|
|
1234
|
-
delete: /* @__PURE__ */ t(
|
|
1235
|
-
},
|
|
1236
|
-
function
|
|
1237
|
-
const [e, n] =
|
|
1227
|
+
const T1 = (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.8 3.6C9.79288 3.6 10.6 2.79288 10.6 1.8C10.6 0.80712 9.79288 0 8.8 0C7.80712 0 7 0.80712 7 1.8C7 2.79288 7.80712 3.6 8.8 3.6ZM10.6 8.99999C10.6 9.99287 9.79288 10.8 8.8 10.8C7.80712 10.8 7 9.99287 7 8.99999C7 8.00711 7.80712 7.19999 8.8 7.19999C9.79288 7.19999 10.6 8.00711 10.6 8.99999ZM10.6 16.2C10.6 17.1929 9.79288 18 8.8 18C7.80712 18 7 17.1929 7 16.2C7 15.2071 7.80712 14.4 8.8 14.4C9.79288 14.4 10.6 15.2071 10.6 16.2Z", fill: "currentColor" }) }), E1 = (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: "M14.1074 16.8677C12.8638 16.8677 11.8524 15.8563 11.8524 14.6127C11.8524 14.4154 11.8862 14.2271 11.9336 14.0444C12.0317 13.6701 12.22 13.3318 12.4804 13.059C12.8908 12.6294 13.467 12.3576 14.1074 12.3576C15.3511 12.3576 16.3625 13.369 16.3625 14.6127C16.3625 15.8563 15.3511 16.8677 14.1074 16.8677ZM4.38257 11.2301C3.13891 11.2301 2.12752 10.2187 2.12752 8.97507C2.12752 7.73141 3.13891 6.72002 4.38257 6.72002C5.01623 6.72002 5.58676 6.98386 5.99718 7.40556C6.25989 7.67616 6.44819 8.01329 6.54966 8.38763C6.60153 8.57592 6.63761 8.76986 6.63761 8.97507C6.63761 9.2017 6.59364 9.41818 6.53049 9.62452C6.41887 9.99435 6.22155 10.327 5.94982 10.5908C5.54391 10.9843 4.99256 11.2301 4.38257 11.2301ZM11.8524 3.38257C11.8524 2.13891 12.8638 1.12753 14.1074 1.12753C15.3511 1.12753 16.3625 2.13891 16.3625 3.38257C16.3625 4.62622 15.3511 5.63761 14.1074 5.63761C13.4749 5.63761 12.9055 5.3749 12.4962 4.95546C12.2324 4.68485 12.0429 4.34773 11.9415 3.97339C11.8896 3.78397 11.8524 3.5889 11.8524 3.38257ZM14.1074 11.2301C13.0498 11.2301 12.1151 11.7273 11.495 12.4907L7.52722 10.1996C7.67605 9.81846 7.76513 9.40804 7.76513 8.97507C7.76513 8.56465 7.68056 8.17678 7.54639 7.8126L11.5108 5.5226C12.132 6.27466 13.0588 6.76513 14.1074 6.76513C15.9724 6.76513 17.49 5.24748 17.49 3.38256C17.49 1.51764 15.9724 0 14.1074 0C12.2425 0 10.7249 1.51764 10.7249 3.38256C10.7249 3.79411 10.8094 4.18423 10.9447 4.54842L6.9815 6.83729C6.36136 6.08411 5.43341 5.59251 4.38256 5.59251C2.51764 5.59251 1 7.11015 1 8.97507C1 10.84 2.51764 12.3576 4.38256 12.3576C5.40974 12.3576 6.32077 11.8875 6.94091 11.1625L10.9368 13.4694C10.8072 13.829 10.7249 14.2102 10.7249 14.6127C10.7249 16.4776 12.2425 17.9952 14.1074 17.9952C15.9724 17.9952 17.49 16.4776 17.49 14.6127C17.49 12.7478 15.9724 11.2301 14.1074 11.2301Z", fill: "currentColor" }) }), A1 = (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: "M14.7647 16.9412H2.05882V1.05883H10.5294V5.29412H14.7647V16.9412ZM11.5882 1.278L14.5455 4.2353H11.5882V1.278ZM15.3587 3.55129L12.2722 0.464824C11.9715 0.165176 11.5724 0 11.1488 0H1V18H15.8235V4.67471C15.8235 4.25118 15.6584 3.852 15.3587 3.55129ZM1 0H15.8235V18H1V0ZM1 18H15.8235V0H1V18ZM4.17649 5.29412H8.41178V4.23529H4.17649V5.29412ZM4.17649 9.52941H10.5294V8.47059H4.17649V9.52941ZM4.17649 13.7647H8.41178V12.7059H4.17649V13.7647ZM4.17649 7.41177H12.6471V6.35294H4.17649V7.41177ZM4.17649 11.6471H11.5883V10.5882H4.17649V11.6471Z", fill: "currentColor" }) }), B1 = (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.30365 10.9535V0H9.3637V10.9535L12.6986 7.61855L13.4491 8.368L8.83261 12.9824L4.21823 8.368L4.96875 7.61855L8.30365 10.9535ZM3.77376 16.94H13.9354L16.9607 13.9146L17.7091 14.6651L14.3742 18H3.3349L0 14.6651L0.749452 13.9146L3.77376 16.94Z", fill: "currentColor" }) }), R1 = (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: "M14.8234 16.4118C14.8234 16.7029 14.5852 16.9412 14.294 16.9412H3.70577C3.41459 16.9412 3.17636 16.7029 3.17636 16.4118V5.29412H2.11753V16.4118C2.11753 17.2874 2.83012 18 3.70577 18H14.294C15.1697 18 15.8822 17.2874 15.8822 16.4118V5.29412H14.8234V16.4118ZM6.35284 14.8235H7.41166V6.35294H6.35284V14.8235ZM10.5881 14.8235H11.6469V6.35294H10.5881V14.8235ZM12.5682 3.17647L11.4099 0H6.51176L5.35553 3.17647H0V4.23529H18V3.17647H12.5682ZM6.48105 3.17647L7.25293 1.05882H10.6698L11.4416 3.17647H6.48105Z", fill: "currentColor" }) }), O1 = {
|
|
1228
|
+
share: /* @__PURE__ */ t(E1, {}),
|
|
1229
|
+
transcript: /* @__PURE__ */ t(A1, {}),
|
|
1230
|
+
media: /* @__PURE__ */ t(B1, {}),
|
|
1231
|
+
delete: /* @__PURE__ */ t(R1, {})
|
|
1232
|
+
}, F1 = (e) => typeof e != "string";
|
|
1233
|
+
function Z1() {
|
|
1234
|
+
const [e, n] = L(!1), [o, i] = L(null), s = w(), a = M(), c = () => {
|
|
1238
1235
|
n(!e), s.setGlobalKeysDisabled(!e);
|
|
1239
|
-
}, r =
|
|
1236
|
+
}, r = ne(null), u = ne([]), { refs: p, floatingStyles: g, context: v } = ue({
|
|
1240
1237
|
open: e,
|
|
1241
|
-
onOpenChange:
|
|
1238
|
+
onOpenChange: c,
|
|
1242
1239
|
whileElementsMounted: de,
|
|
1243
|
-
placement: "
|
|
1240
|
+
placement: "bottom-end",
|
|
1244
1241
|
middleware: [
|
|
1245
|
-
|
|
1246
|
-
|
|
1247
|
-
|
|
1242
|
+
Se(),
|
|
1243
|
+
Ve(10),
|
|
1244
|
+
Te({
|
|
1248
1245
|
element: r
|
|
1249
1246
|
})
|
|
1250
1247
|
]
|
|
1251
|
-
}), k = wt(
|
|
1248
|
+
}), k = wt(v, {
|
|
1252
1249
|
listRef: u,
|
|
1253
1250
|
activeIndex: o,
|
|
1254
1251
|
onNavigate: i
|
|
1255
|
-
}), y =
|
|
1252
|
+
}), y = me(v), { getReferenceProps: N, getFloatingProps: h, getItemProps: _ } = he(
|
|
1256
1253
|
[y, k]
|
|
1257
|
-
), { t:
|
|
1258
|
-
return a.kebabMenuElements.length > 0 ? /* @__PURE__ */
|
|
1254
|
+
), { t: V } = b();
|
|
1255
|
+
return a.kebabMenuElements.length > 0 ? /* @__PURE__ */ l(G, { children: [
|
|
1259
1256
|
/* @__PURE__ */ t(
|
|
1260
1257
|
"button",
|
|
1261
1258
|
{
|
|
1262
|
-
"aria-label":
|
|
1259
|
+
"aria-label": V("KEBAB_MENU"),
|
|
1263
1260
|
type: "button",
|
|
1264
|
-
className: `${
|
|
1261
|
+
className: `${P.controlsButton} ${P.kebabMenuButton}`,
|
|
1265
1262
|
tabIndex: s.state.interactionsDisabled ? -1 : 0,
|
|
1266
|
-
ref:
|
|
1263
|
+
ref: p.setReference,
|
|
1267
1264
|
...N({
|
|
1268
|
-
onClick: () =>
|
|
1265
|
+
onClick: () => c()
|
|
1269
1266
|
}),
|
|
1270
|
-
children: /* @__PURE__ */ t(
|
|
1267
|
+
children: /* @__PURE__ */ t(T1, {})
|
|
1271
1268
|
}
|
|
1272
1269
|
),
|
|
1273
|
-
e && /* @__PURE__ */ t(
|
|
1270
|
+
e && /* @__PURE__ */ t(pe, { context: v, modal: !1, children: /* @__PURE__ */ l(
|
|
1274
1271
|
"div",
|
|
1275
1272
|
{
|
|
1276
|
-
ref:
|
|
1273
|
+
ref: p.setFloating,
|
|
1277
1274
|
style: g,
|
|
1278
|
-
className:
|
|
1275
|
+
className: P.kebabMenu,
|
|
1279
1276
|
...h(),
|
|
1280
1277
|
children: [
|
|
1281
1278
|
a.kebabMenuElements.map(
|
|
1282
|
-
({ id:
|
|
1279
|
+
({ id: F, text: Z, icon: S, onClick: W }, Y) => /* @__PURE__ */ l(
|
|
1283
1280
|
"button",
|
|
1284
1281
|
{
|
|
1285
|
-
tabIndex: o ===
|
|
1282
|
+
tabIndex: o === Y ? 0 : -1,
|
|
1286
1283
|
type: "button",
|
|
1287
|
-
className:
|
|
1284
|
+
className: P.kebabMenuItem,
|
|
1288
1285
|
ref: (se) => {
|
|
1289
|
-
u.current[
|
|
1286
|
+
u.current[Y] = se;
|
|
1290
1287
|
},
|
|
1291
|
-
...
|
|
1288
|
+
..._({
|
|
1292
1289
|
onClick: () => {
|
|
1293
|
-
|
|
1290
|
+
W(F), n(!1);
|
|
1294
1291
|
}
|
|
1295
1292
|
}),
|
|
1296
1293
|
children: [
|
|
1297
|
-
|
|
1294
|
+
F1(S) ? S : O1[S],
|
|
1298
1295
|
Z
|
|
1299
1296
|
]
|
|
1300
1297
|
},
|
|
1301
|
-
|
|
1298
|
+
F
|
|
1302
1299
|
)
|
|
1303
1300
|
),
|
|
1304
1301
|
/* @__PURE__ */ t(
|
|
1305
|
-
|
|
1302
|
+
Ee,
|
|
1306
1303
|
{
|
|
1307
1304
|
ref: r,
|
|
1308
|
-
context:
|
|
1309
|
-
className:
|
|
1305
|
+
context: v,
|
|
1306
|
+
className: P.arrow
|
|
1310
1307
|
}
|
|
1311
1308
|
)
|
|
1312
1309
|
]
|
|
@@ -1314,155 +1311,155 @@ function B1() {
|
|
|
1314
1311
|
) })
|
|
1315
1312
|
] }) : null;
|
|
1316
1313
|
}
|
|
1317
|
-
const
|
|
1318
|
-
function
|
|
1319
|
-
const [e, n] =
|
|
1320
|
-
n(!0),
|
|
1321
|
-
}, [r, u,
|
|
1322
|
-
n(!1), i(!0),
|
|
1323
|
-
}, [s, u,
|
|
1314
|
+
const K1 = (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" }) });
|
|
1315
|
+
function D1() {
|
|
1316
|
+
const [e, n] = L(!1), [o, i] = L(!1), [s, a] = L(!1), c = w(), r = f("playing"), u = oe(), { t: p } = b(), g = C(() => {
|
|
1317
|
+
n(!0), c.disableInteractions(), r && (a(!0), u.pause());
|
|
1318
|
+
}, [r, u, c]), v = C(() => {
|
|
1319
|
+
n(!1), i(!0), c.enableInteractions(), s && (a(!1), u.play());
|
|
1320
|
+
}, [s, u, c]), k = C(
|
|
1324
1321
|
(y) => o && (y == null ? void 0 : y.focus()),
|
|
1325
1322
|
[o]
|
|
1326
1323
|
);
|
|
1327
|
-
return e ? /* @__PURE__ */ t(
|
|
1324
|
+
return e ? /* @__PURE__ */ t(V1, { onClose: v }) : /* @__PURE__ */ l("div", { className: P.controlsOverlay, children: [
|
|
1328
1325
|
/* @__PURE__ */ t(
|
|
1329
1326
|
"button",
|
|
1330
1327
|
{
|
|
1331
1328
|
ref: k,
|
|
1332
|
-
"aria-label":
|
|
1329
|
+
"aria-label": p("KEYBOARD_SHORTCUTS"),
|
|
1333
1330
|
type: "button",
|
|
1334
|
-
className: `${
|
|
1331
|
+
className: `${P.controlsButton} ${P.keyboardShortcutsButton}`,
|
|
1335
1332
|
onClick: g,
|
|
1336
|
-
tabIndex:
|
|
1337
|
-
children: /* @__PURE__ */ t(
|
|
1333
|
+
tabIndex: c.state.interactionsDisabled ? -1 : 0,
|
|
1334
|
+
children: /* @__PURE__ */ t(K1, {})
|
|
1338
1335
|
}
|
|
1339
1336
|
),
|
|
1340
|
-
/* @__PURE__ */ t(
|
|
1337
|
+
/* @__PURE__ */ t(Z1, {})
|
|
1341
1338
|
] });
|
|
1342
1339
|
}
|
|
1343
|
-
const
|
|
1340
|
+
const z1 = "_play-pause-button_1834v_1", $1 = {
|
|
1344
1341
|
"play-pause-button": "_play-pause-button_1834v_1",
|
|
1345
|
-
playPauseButton:
|
|
1342
|
+
playPauseButton: z1
|
|
1346
1343
|
};
|
|
1347
|
-
function
|
|
1348
|
-
const e =
|
|
1344
|
+
function U1() {
|
|
1345
|
+
const e = O(), n = w(), o = f("paused"), { t: i } = b();
|
|
1349
1346
|
return e ? /* @__PURE__ */ t(
|
|
1350
1347
|
"button",
|
|
1351
1348
|
{
|
|
1352
1349
|
role: "button",
|
|
1353
1350
|
type: "button",
|
|
1354
|
-
className: `controls-button ${
|
|
1351
|
+
className: `controls-button ${$1.playPauseButton}`,
|
|
1355
1352
|
"aria-label": i(o ? "PLAY" : "PAUSE"),
|
|
1356
1353
|
tabIndex: n.state.interactionsDisabled ? -1 : 0,
|
|
1357
1354
|
onClick: () => {
|
|
1358
1355
|
e.paused ? e.remoteControl.play() : e.remoteControl.pause();
|
|
1359
1356
|
},
|
|
1360
|
-
children: o ? /* @__PURE__ */ t(
|
|
1357
|
+
children: o ? /* @__PURE__ */ t(fe, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Ce, { className: "controls-button-icon" })
|
|
1361
1358
|
}
|
|
1362
1359
|
) : null;
|
|
1363
1360
|
}
|
|
1364
|
-
const
|
|
1365
|
-
poster:
|
|
1361
|
+
const q1 = "_poster_195hi_1", G1 = {
|
|
1362
|
+
poster: q1
|
|
1366
1363
|
};
|
|
1367
|
-
function
|
|
1364
|
+
function j1({ src: e }) {
|
|
1368
1365
|
const n = f("source");
|
|
1369
|
-
return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(
|
|
1370
|
-
}
|
|
1371
|
-
const
|
|
1372
|
-
"small-layout-overlay": "_small-layout-
|
|
1373
|
-
smallLayoutOverlay:
|
|
1374
|
-
"small-layout-button": "_small-layout-
|
|
1375
|
-
smallLayoutButton:
|
|
1376
|
-
"small-layout-icon-play": "_small-layout-icon-
|
|
1377
|
-
smallLayoutIconPlay:
|
|
1378
|
-
"small-layout-icon-pause": "_small-layout-icon-
|
|
1379
|
-
smallLayoutIconPause:
|
|
1380
|
-
"full-screen-close-icon": "_full-screen-close-
|
|
1381
|
-
fullScreenCloseIcon:
|
|
1382
|
-
"fade-out": "_fade-
|
|
1383
|
-
fadeOut:
|
|
1366
|
+
return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(dt, { src: e, className: G1.poster });
|
|
1367
|
+
}
|
|
1368
|
+
const Q1 = "_small-layout-overlay_80lyi_1", W1 = "_small-layout-button_80lyi_14", Y1 = "_small-layout-icon-play_80lyi_24", X1 = "_small-layout-icon-pause_80lyi_30", J1 = "_full-screen-close-icon_80lyi_36", eo = "_fade-out_80lyi_1", U = {
|
|
1369
|
+
"small-layout-overlay": "_small-layout-overlay_80lyi_1",
|
|
1370
|
+
smallLayoutOverlay: Q1,
|
|
1371
|
+
"small-layout-button": "_small-layout-button_80lyi_14",
|
|
1372
|
+
smallLayoutButton: W1,
|
|
1373
|
+
"small-layout-icon-play": "_small-layout-icon-play_80lyi_24",
|
|
1374
|
+
smallLayoutIconPlay: Y1,
|
|
1375
|
+
"small-layout-icon-pause": "_small-layout-icon-pause_80lyi_30",
|
|
1376
|
+
smallLayoutIconPause: X1,
|
|
1377
|
+
"full-screen-close-icon": "_full-screen-close-icon_80lyi_36",
|
|
1378
|
+
fullScreenCloseIcon: J1,
|
|
1379
|
+
"fade-out": "_fade-out_80lyi_1",
|
|
1380
|
+
fadeOut: eo
|
|
1384
1381
|
};
|
|
1385
|
-
function
|
|
1382
|
+
function to() {
|
|
1386
1383
|
const e = f("paused");
|
|
1387
|
-
return /* @__PURE__ */
|
|
1388
|
-
/* @__PURE__ */ t(
|
|
1389
|
-
/* @__PURE__ */ t("i", { className: U.smallLayoutButton, children: e ? /* @__PURE__ */ t(
|
|
1384
|
+
return /* @__PURE__ */ l("div", { className: U.smallLayoutOverlay, children: [
|
|
1385
|
+
/* @__PURE__ */ t(mt, { className: U.fullScreenCloseIcon, children: /* @__PURE__ */ t(je, {}) }),
|
|
1386
|
+
/* @__PURE__ */ t("i", { className: U.smallLayoutButton, children: e ? /* @__PURE__ */ t(fe, { className: U.smallLayoutIconPlay }) : /* @__PURE__ */ t(Ce, { className: U.smallLayoutIconPause }) })
|
|
1390
1387
|
] });
|
|
1391
1388
|
}
|
|
1392
|
-
const
|
|
1389
|
+
const no = "_time-indicator_1rlpb_1", oo = {
|
|
1393
1390
|
"time-indicator": "_time-indicator_1rlpb_1",
|
|
1394
|
-
timeIndicator:
|
|
1391
|
+
timeIndicator: no
|
|
1395
1392
|
};
|
|
1396
|
-
function
|
|
1397
|
-
return /* @__PURE__ */
|
|
1398
|
-
/* @__PURE__ */ t(
|
|
1393
|
+
function io() {
|
|
1394
|
+
return /* @__PURE__ */ l("div", { className: oo.timeIndicator, children: [
|
|
1395
|
+
/* @__PURE__ */ t(ke, { type: "current" }),
|
|
1399
1396
|
"/",
|
|
1400
|
-
/* @__PURE__ */ t(
|
|
1397
|
+
/* @__PURE__ */ t(ke, { type: "duration" })
|
|
1401
1398
|
] });
|
|
1402
1399
|
}
|
|
1403
|
-
function
|
|
1400
|
+
function Qe(e) {
|
|
1404
1401
|
var n, o, i = "";
|
|
1405
1402
|
if (typeof e == "string" || typeof e == "number") i += e;
|
|
1406
1403
|
else if (typeof e == "object") if (Array.isArray(e)) {
|
|
1407
1404
|
var s = e.length;
|
|
1408
|
-
for (n = 0; n < s; n++) e[n] && (o =
|
|
1405
|
+
for (n = 0; n < s; n++) e[n] && (o = Qe(e[n])) && (i && (i += " "), i += o);
|
|
1409
1406
|
} else for (o in e) e[o] && (i && (i += " "), i += o);
|
|
1410
1407
|
return i;
|
|
1411
1408
|
}
|
|
1412
|
-
function
|
|
1413
|
-
for (var e, n, o = 0, i = "", s = arguments.length; o < s; o++) (e = arguments[o]) && (n =
|
|
1409
|
+
function so() {
|
|
1410
|
+
for (var e, n, o = 0, i = "", s = arguments.length; o < s; o++) (e = arguments[o]) && (n = Qe(e)) && (i && (i += " "), i += n);
|
|
1414
1411
|
return i;
|
|
1415
1412
|
}
|
|
1416
|
-
const
|
|
1413
|
+
const ao = "_comment-markers_1ldxg_1", lo = "_comment-marker_1ldxg_1", co = "_timeline-wrapper_1ldxg_27", ro = "_track_1ldxg_41", uo = "_thumb_1ldxg_52", mo = "_root_1ldxg_66", ho = "_track-inner_1ldxg_96", po = "_progress_1ldxg_102", _o = "_track-fill_1ldxg_108", Co = "_pins_1ldxg_125", fo = "_pin-button_1ldxg_138", bo = "_annotation-pin_1ldxg_158", go = "_quiz-pin_1ldxg_163", vo = "_pin-completed_1ldxg_168", wo = "_annotation-pin-child_1ldxg_173", yo = "_quiz-pin-child_1ldxg_177", ko = "_interactive-pin-container_1ldxg_182", Lo = "_interactive-pin-wrapper_1ldxg_192", xo = "_interactive-pin-icon_1ldxg_198", Mo = "_interactive-pin_1ldxg_182", No = "_bg_1ldxg_212", Po = "_symbol_1ldxg_216", Io = "_interactive-pin-button_1ldxg_221", Ho = "_interactive-pin-menu_1ldxg_241", So = "_interactive-pin-menu-item_1ldxg_255", Vo = "_arrow_1ldxg_276", m = {
|
|
1417
1414
|
"comment-markers": "_comment-markers_1ldxg_1",
|
|
1418
|
-
commentMarkers:
|
|
1415
|
+
commentMarkers: ao,
|
|
1419
1416
|
"comment-marker": "_comment-marker_1ldxg_1",
|
|
1420
|
-
commentMarker:
|
|
1417
|
+
commentMarker: lo,
|
|
1421
1418
|
"timeline-wrapper": "_timeline-wrapper_1ldxg_27",
|
|
1422
|
-
timelineWrapper:
|
|
1423
|
-
track:
|
|
1424
|
-
thumb:
|
|
1425
|
-
root:
|
|
1419
|
+
timelineWrapper: co,
|
|
1420
|
+
track: ro,
|
|
1421
|
+
thumb: uo,
|
|
1422
|
+
root: mo,
|
|
1426
1423
|
"track-inner": "_track-inner_1ldxg_96",
|
|
1427
|
-
trackInner:
|
|
1428
|
-
progress:
|
|
1424
|
+
trackInner: ho,
|
|
1425
|
+
progress: po,
|
|
1429
1426
|
"track-fill": "_track-fill_1ldxg_108",
|
|
1430
|
-
trackFill:
|
|
1431
|
-
pins:
|
|
1427
|
+
trackFill: _o,
|
|
1428
|
+
pins: Co,
|
|
1432
1429
|
"pin-button": "_pin-button_1ldxg_138",
|
|
1433
|
-
pinButton:
|
|
1430
|
+
pinButton: fo,
|
|
1434
1431
|
"annotation-pin": "_annotation-pin_1ldxg_158",
|
|
1435
|
-
annotationPin:
|
|
1432
|
+
annotationPin: bo,
|
|
1436
1433
|
"quiz-pin": "_quiz-pin_1ldxg_163",
|
|
1437
|
-
quizPin:
|
|
1434
|
+
quizPin: go,
|
|
1438
1435
|
"pin-completed": "_pin-completed_1ldxg_168",
|
|
1439
|
-
pinCompleted:
|
|
1436
|
+
pinCompleted: vo,
|
|
1440
1437
|
"annotation-pin-child": "_annotation-pin-child_1ldxg_173",
|
|
1441
|
-
annotationPinChild:
|
|
1438
|
+
annotationPinChild: wo,
|
|
1442
1439
|
"quiz-pin-child": "_quiz-pin-child_1ldxg_177",
|
|
1443
|
-
quizPinChild:
|
|
1440
|
+
quizPinChild: yo,
|
|
1444
1441
|
"interactive-pin-container": "_interactive-pin-container_1ldxg_182",
|
|
1445
|
-
interactivePinContainer:
|
|
1442
|
+
interactivePinContainer: ko,
|
|
1446
1443
|
"interactive-pin-wrapper": "_interactive-pin-wrapper_1ldxg_192",
|
|
1447
|
-
interactivePinWrapper:
|
|
1444
|
+
interactivePinWrapper: Lo,
|
|
1448
1445
|
"interactive-pin-icon": "_interactive-pin-icon_1ldxg_198",
|
|
1449
|
-
interactivePinIcon:
|
|
1446
|
+
interactivePinIcon: xo,
|
|
1450
1447
|
"interactive-pin": "_interactive-pin_1ldxg_182",
|
|
1451
|
-
interactivePin:
|
|
1452
|
-
bg:
|
|
1453
|
-
symbol:
|
|
1448
|
+
interactivePin: Mo,
|
|
1449
|
+
bg: No,
|
|
1450
|
+
symbol: Po,
|
|
1454
1451
|
"interactive-pin-button": "_interactive-pin-button_1ldxg_221",
|
|
1455
|
-
interactivePinButton:
|
|
1452
|
+
interactivePinButton: Io,
|
|
1456
1453
|
"interactive-pin-menu": "_interactive-pin-menu_1ldxg_241",
|
|
1457
|
-
interactivePinMenu:
|
|
1454
|
+
interactivePinMenu: Ho,
|
|
1458
1455
|
"interactive-pin-menu-item": "_interactive-pin-menu-item_1ldxg_255",
|
|
1459
|
-
interactivePinMenuItem:
|
|
1460
|
-
arrow:
|
|
1461
|
-
},
|
|
1456
|
+
interactivePinMenuItem: So,
|
|
1457
|
+
arrow: Vo
|
|
1458
|
+
}, To = {
|
|
1462
1459
|
annotation: m.annotationPin,
|
|
1463
1460
|
quiz: m.quizPin
|
|
1464
1461
|
};
|
|
1465
|
-
function
|
|
1462
|
+
function We({
|
|
1466
1463
|
type: e,
|
|
1467
1464
|
position: n,
|
|
1468
1465
|
children: o,
|
|
@@ -1470,20 +1467,20 @@ function Ye({
|
|
|
1470
1467
|
id: s,
|
|
1471
1468
|
completed: a
|
|
1472
1469
|
}) {
|
|
1473
|
-
const
|
|
1470
|
+
const c = w();
|
|
1474
1471
|
return /* @__PURE__ */ t(
|
|
1475
1472
|
"button",
|
|
1476
1473
|
{
|
|
1477
1474
|
type: "button",
|
|
1478
|
-
tabIndex:
|
|
1475
|
+
tabIndex: c.state.interactionsDisabled ? -1 : 0,
|
|
1479
1476
|
className: m.pinButton,
|
|
1480
1477
|
style: { left: `${n}%` },
|
|
1481
1478
|
onClick: i,
|
|
1482
1479
|
"data-marker-id": s,
|
|
1483
|
-
children: /* @__PURE__ */
|
|
1480
|
+
children: /* @__PURE__ */ l(
|
|
1484
1481
|
"svg",
|
|
1485
1482
|
{
|
|
1486
|
-
className:
|
|
1483
|
+
className: so(To[e], [a && m.pinCompleted]),
|
|
1487
1484
|
width: "26",
|
|
1488
1485
|
height: "32",
|
|
1489
1486
|
viewBox: "0 0 26 32",
|
|
@@ -1497,8 +1494,8 @@ function Ye({
|
|
|
1497
1494
|
}
|
|
1498
1495
|
);
|
|
1499
1496
|
}
|
|
1500
|
-
function
|
|
1501
|
-
return /* @__PURE__ */ t(
|
|
1497
|
+
function Eo(e) {
|
|
1498
|
+
return /* @__PURE__ */ t(We, { type: "annotation", ...e, children: /* @__PURE__ */ t(
|
|
1502
1499
|
"path",
|
|
1503
1500
|
{
|
|
1504
1501
|
className: m.annotationPinChild,
|
|
@@ -1510,8 +1507,8 @@ function So(e) {
|
|
|
1510
1507
|
}
|
|
1511
1508
|
) });
|
|
1512
1509
|
}
|
|
1513
|
-
function
|
|
1514
|
-
return /* @__PURE__ */ t(
|
|
1510
|
+
function Ao(e) {
|
|
1511
|
+
return /* @__PURE__ */ t(We, { type: "quiz", ...e, children: e.multiple ? /* @__PURE__ */ t("circle", { className: m.quizPinChild, cx: "13", cy: "13", r: "6" }) : /* @__PURE__ */ t(
|
|
1515
1512
|
"text",
|
|
1516
1513
|
{
|
|
1517
1514
|
className: m.quizPinChild,
|
|
@@ -1524,7 +1521,7 @@ function Vo(e) {
|
|
|
1524
1521
|
}
|
|
1525
1522
|
) });
|
|
1526
1523
|
}
|
|
1527
|
-
function
|
|
1524
|
+
function Bo(e, n) {
|
|
1528
1525
|
return e.map((o, i) => ({
|
|
1529
1526
|
id: o.id,
|
|
1530
1527
|
time: o.time,
|
|
@@ -1533,19 +1530,19 @@ function To(e, n) {
|
|
|
1533
1530
|
onClick: () => n(o)
|
|
1534
1531
|
}));
|
|
1535
1532
|
}
|
|
1536
|
-
function
|
|
1533
|
+
function Ro(e, n) {
|
|
1537
1534
|
const o = /* @__PURE__ */ new Map();
|
|
1538
1535
|
e.forEach((a) => {
|
|
1539
1536
|
var r;
|
|
1540
|
-
const
|
|
1541
|
-
o.has(
|
|
1537
|
+
const c = a.time;
|
|
1538
|
+
o.has(c) || o.set(c, []), (r = o.get(c)) == null || r.push(a);
|
|
1542
1539
|
});
|
|
1543
1540
|
const i = [];
|
|
1544
1541
|
let s = 0;
|
|
1545
|
-
return o.forEach((a,
|
|
1542
|
+
return o.forEach((a, c) => {
|
|
1546
1543
|
i.push({
|
|
1547
1544
|
id: a.map((r) => r.id).join("-"),
|
|
1548
|
-
time:
|
|
1545
|
+
time: c,
|
|
1549
1546
|
type: "quiz",
|
|
1550
1547
|
ordinal: s + 1,
|
|
1551
1548
|
onClick: () => n(a),
|
|
@@ -1554,12 +1551,12 @@ function Eo(e, n) {
|
|
|
1554
1551
|
}), s++;
|
|
1555
1552
|
}), i;
|
|
1556
1553
|
}
|
|
1557
|
-
function
|
|
1554
|
+
function Oo(e, n, o, i) {
|
|
1558
1555
|
switch (e.type) {
|
|
1559
1556
|
case "annotation": {
|
|
1560
1557
|
const s = () => i ? e.onClick() : o.seek(e.time);
|
|
1561
1558
|
return /* @__PURE__ */ t(
|
|
1562
|
-
|
|
1559
|
+
Eo,
|
|
1563
1560
|
{
|
|
1564
1561
|
id: e.id,
|
|
1565
1562
|
position: e.time / n * 100,
|
|
@@ -1570,7 +1567,7 @@ function Ao(e, n, o, i) {
|
|
|
1570
1567
|
}
|
|
1571
1568
|
case "quiz":
|
|
1572
1569
|
return /* @__PURE__ */ t(
|
|
1573
|
-
|
|
1570
|
+
Ao,
|
|
1574
1571
|
{
|
|
1575
1572
|
id: e.id,
|
|
1576
1573
|
position: e.time / n * 100,
|
|
@@ -1585,18 +1582,18 @@ function Ao(e, n, o, i) {
|
|
|
1585
1582
|
return null;
|
|
1586
1583
|
}
|
|
1587
1584
|
}
|
|
1588
|
-
function
|
|
1589
|
-
const e = oe(), n = f("duration"), o = M(), i =
|
|
1590
|
-
...
|
|
1585
|
+
function Fo() {
|
|
1586
|
+
const e = oe(), n = f("duration"), o = M(), i = T(() => [
|
|
1587
|
+
...Bo(
|
|
1591
1588
|
o.annotations,
|
|
1592
1589
|
o.onAnnotationClick
|
|
1593
1590
|
),
|
|
1594
|
-
...
|
|
1595
|
-
].sort((a,
|
|
1591
|
+
...Ro(o.quizMarkers, o.onQuizMarkerClick)
|
|
1592
|
+
].sort((a, c) => a.time - c.time).map((a) => Oo(a, n, e, o.interactive)), [o.annotations, o.quizMarkers, n, e]);
|
|
1596
1593
|
return /* @__PURE__ */ t("div", { className: m.pins, children: i });
|
|
1597
1594
|
}
|
|
1598
|
-
function
|
|
1599
|
-
const e = f("duration"), n = M(), o =
|
|
1595
|
+
function Zo() {
|
|
1596
|
+
const e = f("duration"), n = M(), o = w();
|
|
1600
1597
|
return n.hasComments && o.state.commentsEnabled ? /* @__PURE__ */ t("div", { className: m.commentMarkers, children: n.comments.map((i) => /* @__PURE__ */ t(
|
|
1601
1598
|
"span",
|
|
1602
1599
|
{
|
|
@@ -1608,25 +1605,25 @@ function Bo() {
|
|
|
1608
1605
|
i.id
|
|
1609
1606
|
)) }) : null;
|
|
1610
1607
|
}
|
|
1611
|
-
function
|
|
1612
|
-
const [o, i] =
|
|
1608
|
+
function Ko({ currentTime: e, position: n }) {
|
|
1609
|
+
const [o, i] = L(!1), s = M(), a = C(() => s.interactiveMenuElements.length > 0 ? i((y) => !y) : s.onInteractivePinClick(e), [
|
|
1613
1610
|
s.interactiveMenuElements,
|
|
1614
1611
|
s.onInteractivePinClick,
|
|
1615
1612
|
e
|
|
1616
|
-
]),
|
|
1613
|
+
]), c = ne(null), { refs: r, floatingStyles: u, context: p } = ue({
|
|
1617
1614
|
open: o,
|
|
1618
1615
|
onOpenChange: i,
|
|
1619
1616
|
whileElementsMounted: de,
|
|
1620
1617
|
placement: "top",
|
|
1621
1618
|
middleware: [
|
|
1622
|
-
|
|
1623
|
-
|
|
1624
|
-
|
|
1625
|
-
element:
|
|
1619
|
+
Se(),
|
|
1620
|
+
Ve(6),
|
|
1621
|
+
Te({
|
|
1622
|
+
element: c
|
|
1626
1623
|
})
|
|
1627
1624
|
]
|
|
1628
|
-
}), g =
|
|
1629
|
-
return /* @__PURE__ */
|
|
1625
|
+
}), g = me(p), { getReferenceProps: v, getFloatingProps: k } = he([g]);
|
|
1626
|
+
return /* @__PURE__ */ l(G, { children: [
|
|
1630
1627
|
/* @__PURE__ */ t(
|
|
1631
1628
|
"button",
|
|
1632
1629
|
{
|
|
@@ -1635,8 +1632,8 @@ function Oo({ currentTime: e, position: n }) {
|
|
|
1635
1632
|
className: m.interactivePinButton,
|
|
1636
1633
|
ref: r.setReference,
|
|
1637
1634
|
style: { left: `${n}%` },
|
|
1638
|
-
...
|
|
1639
|
-
children: /* @__PURE__ */
|
|
1635
|
+
...v(),
|
|
1636
|
+
children: /* @__PURE__ */ l(
|
|
1640
1637
|
"svg",
|
|
1641
1638
|
{
|
|
1642
1639
|
className: m.interactivePin,
|
|
@@ -1677,12 +1674,12 @@ function Oo({ currentTime: e, position: n }) {
|
|
|
1677
1674
|
}
|
|
1678
1675
|
),
|
|
1679
1676
|
o && /* @__PURE__ */ t(
|
|
1680
|
-
|
|
1677
|
+
pe,
|
|
1681
1678
|
{
|
|
1682
1679
|
order: ["floating", "content"],
|
|
1683
|
-
context:
|
|
1680
|
+
context: p,
|
|
1684
1681
|
modal: !0,
|
|
1685
|
-
children: /* @__PURE__ */
|
|
1682
|
+
children: /* @__PURE__ */ l(
|
|
1686
1683
|
"div",
|
|
1687
1684
|
{
|
|
1688
1685
|
ref: r.setFloating,
|
|
@@ -1691,7 +1688,7 @@ function Oo({ currentTime: e, position: n }) {
|
|
|
1691
1688
|
...k(),
|
|
1692
1689
|
children: [
|
|
1693
1690
|
s.interactiveMenuElements.map(
|
|
1694
|
-
({ id: y, text: N, onClick: h }) => /* @__PURE__ */
|
|
1691
|
+
({ id: y, text: N, onClick: h }) => /* @__PURE__ */ l(
|
|
1695
1692
|
"button",
|
|
1696
1693
|
{
|
|
1697
1694
|
type: "button",
|
|
@@ -1726,10 +1723,10 @@ function Oo({ currentTime: e, position: n }) {
|
|
|
1726
1723
|
)
|
|
1727
1724
|
),
|
|
1728
1725
|
/* @__PURE__ */ t(
|
|
1729
|
-
|
|
1726
|
+
Ee,
|
|
1730
1727
|
{
|
|
1731
|
-
ref:
|
|
1732
|
-
context:
|
|
1728
|
+
ref: c,
|
|
1729
|
+
context: p,
|
|
1733
1730
|
className: m.arrow
|
|
1734
1731
|
}
|
|
1735
1732
|
)
|
|
@@ -1740,32 +1737,32 @@ function Oo({ currentTime: e, position: n }) {
|
|
|
1740
1737
|
)
|
|
1741
1738
|
] });
|
|
1742
1739
|
}
|
|
1743
|
-
function
|
|
1740
|
+
function Do() {
|
|
1744
1741
|
const e = f("duration"), n = f("currentTime"), o = n / e * 100, { disableInteractivePinRanges: i } = M();
|
|
1745
1742
|
return i.some(
|
|
1746
|
-
([a,
|
|
1747
|
-
) ? null : /* @__PURE__ */ t("div", { className: m.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: m.interactivePinWrapper, children: /* @__PURE__ */ t(
|
|
1748
|
-
}
|
|
1749
|
-
function
|
|
1750
|
-
const e = f("paused"), n =
|
|
1751
|
-
return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(
|
|
1752
|
-
}
|
|
1753
|
-
const
|
|
1754
|
-
function
|
|
1755
|
-
const n =
|
|
1756
|
-
return /* @__PURE__ */
|
|
1757
|
-
s ? /* @__PURE__ */ t(
|
|
1758
|
-
s || o || i ? /* @__PURE__ */ t(
|
|
1759
|
-
/* @__PURE__ */ t(
|
|
1760
|
-
/* @__PURE__ */
|
|
1743
|
+
([a, c]) => n >= a && n <= c
|
|
1744
|
+
) ? null : /* @__PURE__ */ t("div", { className: m.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: m.interactivePinWrapper, children: /* @__PURE__ */ t(Ko, { currentTime: n, position: o }) }) });
|
|
1745
|
+
}
|
|
1746
|
+
function zo() {
|
|
1747
|
+
const e = f("paused"), n = w();
|
|
1748
|
+
return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(Do, {}) : null;
|
|
1749
|
+
}
|
|
1750
|
+
const $o = `${m.progress} ${m.trackInner}`, Uo = `${m.trackFill} ${m.trackInner}`;
|
|
1751
|
+
function Me({ className: e }) {
|
|
1752
|
+
const n = w(), { hasAnnotations: o, hasQuizmarkers: i, interactive: s } = M(), a = e ? `${m.timelineWrapper} ${e}` : m.timelineWrapper;
|
|
1753
|
+
return /* @__PURE__ */ l("div", { className: a, children: [
|
|
1754
|
+
s ? /* @__PURE__ */ t(zo, {}) : null,
|
|
1755
|
+
s || o || i ? /* @__PURE__ */ t(Fo, {}) : null,
|
|
1756
|
+
/* @__PURE__ */ t(Zo, {}),
|
|
1757
|
+
/* @__PURE__ */ l(
|
|
1761
1758
|
$.Root,
|
|
1762
1759
|
{
|
|
1763
1760
|
className: m.root,
|
|
1764
1761
|
tabIndex: n.state.interactionsDisabled ? -1 : 0,
|
|
1765
1762
|
children: [
|
|
1766
|
-
/* @__PURE__ */
|
|
1767
|
-
/* @__PURE__ */ t($.Progress, { className:
|
|
1768
|
-
/* @__PURE__ */ t($.TrackFill, { className:
|
|
1763
|
+
/* @__PURE__ */ l($.Track, { className: m.track, children: [
|
|
1764
|
+
/* @__PURE__ */ t($.Progress, { className: $o }),
|
|
1765
|
+
/* @__PURE__ */ t($.TrackFill, { className: Uo })
|
|
1769
1766
|
] }),
|
|
1770
1767
|
/* @__PURE__ */ t($.Thumb, { className: m.thumb })
|
|
1771
1768
|
]
|
|
@@ -1773,17 +1770,17 @@ function Ie({ className: e }) {
|
|
|
1773
1770
|
)
|
|
1774
1771
|
] });
|
|
1775
1772
|
}
|
|
1776
|
-
const
|
|
1777
|
-
wrapper:
|
|
1778
|
-
track:
|
|
1779
|
-
thumb:
|
|
1773
|
+
const qo = "_wrapper_12cb0_1", Go = "_track_12cb0_6", jo = "_thumb_12cb0_18", Qo = "_track-fill_12cb0_32", Wo = "_root_12cb0_51", q = {
|
|
1774
|
+
wrapper: qo,
|
|
1775
|
+
track: Go,
|
|
1776
|
+
thumb: jo,
|
|
1780
1777
|
"track-fill": "_track-fill_12cb0_32",
|
|
1781
|
-
trackFill:
|
|
1782
|
-
root:
|
|
1778
|
+
trackFill: Qo,
|
|
1779
|
+
root: Wo
|
|
1783
1780
|
};
|
|
1784
|
-
function
|
|
1785
|
-
const e =
|
|
1786
|
-
return /* @__PURE__ */
|
|
1781
|
+
function Yo() {
|
|
1782
|
+
const e = O(), n = f("volume"), o = f("muted"), i = w(), s = o || n === 0, { t: a } = b();
|
|
1783
|
+
return /* @__PURE__ */ l("div", { className: q.wrapper, children: [
|
|
1787
1784
|
/* @__PURE__ */ t(
|
|
1788
1785
|
"button",
|
|
1789
1786
|
{
|
|
@@ -1795,23 +1792,23 @@ function jo() {
|
|
|
1795
1792
|
onClick: () => {
|
|
1796
1793
|
s ? e == null || e.remoteControl.unmute() : e == null || e.remoteControl.mute();
|
|
1797
1794
|
},
|
|
1798
|
-
children: s ? /* @__PURE__ */ t(
|
|
1795
|
+
children: s ? /* @__PURE__ */ t($e, { className: "controls-button-icon" }) : n < 0.5 ? /* @__PURE__ */ t(Ue, { className: "controls-button-icon" }) : /* @__PURE__ */ t(qe, { className: "controls-button-icon" })
|
|
1799
1796
|
}
|
|
1800
1797
|
),
|
|
1801
|
-
/* @__PURE__ */
|
|
1802
|
-
|
|
1798
|
+
/* @__PURE__ */ l(
|
|
1799
|
+
X.Root,
|
|
1803
1800
|
{
|
|
1804
1801
|
className: q.root,
|
|
1805
1802
|
tabIndex: i.state.interactionsDisabled ? -1 : 0,
|
|
1806
1803
|
children: [
|
|
1807
|
-
/* @__PURE__ */ t(
|
|
1808
|
-
/* @__PURE__ */ t(
|
|
1804
|
+
/* @__PURE__ */ t(X.Track, { className: q.track, children: /* @__PURE__ */ t(X.TrackFill, { className: q.trackFill }) }),
|
|
1805
|
+
/* @__PURE__ */ t(X.Thumb, { className: q.thumb })
|
|
1809
1806
|
]
|
|
1810
1807
|
}
|
|
1811
1808
|
)
|
|
1812
1809
|
] });
|
|
1813
1810
|
}
|
|
1814
|
-
const
|
|
1811
|
+
const Ne = {
|
|
1815
1812
|
togglePaused: {
|
|
1816
1813
|
keys: ["Space", "Enter", "k"],
|
|
1817
1814
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
@@ -1858,8 +1855,8 @@ const He = {
|
|
|
1858
1855
|
decreasePlaybackRate: {
|
|
1859
1856
|
keys: ["a"],
|
|
1860
1857
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
1861
|
-
const s =
|
|
1862
|
-
s >= 0 && (o.changePlaybackRate(
|
|
1858
|
+
const s = D.indexOf(n.playbackRate) - 1;
|
|
1859
|
+
s >= 0 && (o.changePlaybackRate(D[s]), n.$state.lastKeyboardAction.set({
|
|
1863
1860
|
action: "decreasePlaybackRate",
|
|
1864
1861
|
event: e
|
|
1865
1862
|
}));
|
|
@@ -1868,8 +1865,8 @@ const He = {
|
|
|
1868
1865
|
increasePlaybackRate: {
|
|
1869
1866
|
keys: ["d"],
|
|
1870
1867
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
1871
|
-
const s =
|
|
1872
|
-
s <
|
|
1868
|
+
const s = D.indexOf(n.playbackRate) + 1;
|
|
1869
|
+
s < D.length && (o.changePlaybackRate(D[s]), n.$state.lastKeyboardAction.set({
|
|
1873
1870
|
action: "increasePlaybackRate",
|
|
1874
1871
|
event: e
|
|
1875
1872
|
}));
|
|
@@ -1903,10 +1900,10 @@ const He = {
|
|
|
1903
1900
|
}
|
|
1904
1901
|
}
|
|
1905
1902
|
};
|
|
1906
|
-
function
|
|
1903
|
+
function Pe(e) {
|
|
1907
1904
|
return typeof e == "number" && !isNaN(e);
|
|
1908
1905
|
}
|
|
1909
|
-
function
|
|
1906
|
+
function Xo(e, n = 1e3) {
|
|
1910
1907
|
let o = !1;
|
|
1911
1908
|
return () => {
|
|
1912
1909
|
o || (e(), o = !0, setTimeout(() => {
|
|
@@ -1914,7 +1911,7 @@ function Qo(e, n = 1e3) {
|
|
|
1914
1911
|
}, n));
|
|
1915
1912
|
};
|
|
1916
1913
|
}
|
|
1917
|
-
const
|
|
1914
|
+
const Ie = {
|
|
1918
1915
|
volume: 1,
|
|
1919
1916
|
muted: !1,
|
|
1920
1917
|
lang: null,
|
|
@@ -1925,23 +1922,23 @@ const Ve = {
|
|
|
1925
1922
|
invert: !1,
|
|
1926
1923
|
comments: !1
|
|
1927
1924
|
};
|
|
1928
|
-
class
|
|
1925
|
+
class Jo {
|
|
1929
1926
|
constructor() {
|
|
1930
|
-
|
|
1931
|
-
|
|
1932
|
-
|
|
1933
|
-
|
|
1934
|
-
|
|
1935
|
-
|
|
1927
|
+
H(this, "playerId", "studio-player");
|
|
1928
|
+
H(this, "mediaId", null);
|
|
1929
|
+
H(this, "data", Ie);
|
|
1930
|
+
H(this, "time", null);
|
|
1931
|
+
H(this, "overrideTime", null);
|
|
1932
|
+
H(this, "saveTime", () => {
|
|
1936
1933
|
if (!this.mediaId) return;
|
|
1937
1934
|
const n = (this.time ?? 0).toString();
|
|
1938
1935
|
localStorage.setItem(this.mediaId, n);
|
|
1939
1936
|
});
|
|
1940
|
-
|
|
1937
|
+
H(this, "saveTimeThrottled", Xo(this.saveTime, 1e3));
|
|
1941
1938
|
// only used for useStudioPlayer hook's state initialization
|
|
1942
|
-
|
|
1939
|
+
H(this, "initializeState", (n) => {
|
|
1943
1940
|
const o = localStorage.getItem(this.playerId);
|
|
1944
|
-
if (
|
|
1941
|
+
if (Pe(n) && n >= 0 && (this.overrideTime = n), o)
|
|
1945
1942
|
try {
|
|
1946
1943
|
this.data = JSON.parse(o);
|
|
1947
1944
|
} catch {
|
|
@@ -1956,7 +1953,7 @@ class Wo {
|
|
|
1956
1953
|
disableCaptionSettings: !1
|
|
1957
1954
|
};
|
|
1958
1955
|
});
|
|
1959
|
-
|
|
1956
|
+
H(this, "saveData", (n, o) => {
|
|
1960
1957
|
this.data = {
|
|
1961
1958
|
...this.data,
|
|
1962
1959
|
[n]: o
|
|
@@ -2009,16 +2006,16 @@ class Wo {
|
|
|
2009
2006
|
onChange(n, o, i = "studio-player") {
|
|
2010
2007
|
const s = i ? localStorage.getItem(i) : null, a = o ? localStorage.getItem(o) : null;
|
|
2011
2008
|
this.playerId = i, this.mediaId = o;
|
|
2012
|
-
let
|
|
2009
|
+
let c = {};
|
|
2013
2010
|
if (s)
|
|
2014
2011
|
try {
|
|
2015
|
-
|
|
2012
|
+
c = JSON.parse(s);
|
|
2016
2013
|
} catch {
|
|
2017
2014
|
}
|
|
2018
2015
|
this.data = {
|
|
2019
|
-
...
|
|
2020
|
-
...
|
|
2021
|
-
},
|
|
2016
|
+
...Ie,
|
|
2017
|
+
...c
|
|
2018
|
+
}, Pe(this.overrideTime) && this.overrideTime >= 0 ? this.time = this.overrideTime : this.time = a ? +a : null;
|
|
2022
2019
|
}
|
|
2023
2020
|
save() {
|
|
2024
2021
|
if (!this.playerId) return;
|
|
@@ -2026,60 +2023,60 @@ class Wo {
|
|
|
2026
2023
|
localStorage.setItem(this.playerId, n);
|
|
2027
2024
|
}
|
|
2028
2025
|
}
|
|
2029
|
-
function
|
|
2030
|
-
const s =
|
|
2026
|
+
function ei(e, n, o, i) {
|
|
2027
|
+
const s = T(() => new Jo(), []), [a, c] = L(
|
|
2031
2028
|
s.initializeState(i)
|
|
2032
|
-
), r =
|
|
2029
|
+
), r = C(
|
|
2033
2030
|
(h) => {
|
|
2034
|
-
|
|
2035
|
-
...
|
|
2031
|
+
c((_) => (s.saveData("multiplier", h), {
|
|
2032
|
+
..._,
|
|
2036
2033
|
captionsFontSizeMultiplier: h
|
|
2037
2034
|
}));
|
|
2038
2035
|
},
|
|
2039
2036
|
[s]
|
|
2040
|
-
), u =
|
|
2041
|
-
|
|
2042
|
-
const
|
|
2043
|
-
return s.saveData("ontop",
|
|
2037
|
+
), u = C(() => {
|
|
2038
|
+
c((h) => {
|
|
2039
|
+
const _ = !h.captionPositionOnTop;
|
|
2040
|
+
return s.saveData("ontop", _), {
|
|
2044
2041
|
...h,
|
|
2045
|
-
captionPositionOnTop:
|
|
2042
|
+
captionPositionOnTop: _
|
|
2046
2043
|
};
|
|
2047
2044
|
});
|
|
2048
|
-
}, [s]),
|
|
2049
|
-
|
|
2050
|
-
const
|
|
2051
|
-
return s.saveData("invert",
|
|
2045
|
+
}, [s]), p = C(() => {
|
|
2046
|
+
c((h) => {
|
|
2047
|
+
const _ = !h.captionsInvertColors;
|
|
2048
|
+
return s.saveData("invert", _), {
|
|
2052
2049
|
...h,
|
|
2053
|
-
captionsInvertColors:
|
|
2050
|
+
captionsInvertColors: _
|
|
2054
2051
|
};
|
|
2055
2052
|
});
|
|
2056
|
-
}, [s]), g =
|
|
2057
|
-
|
|
2058
|
-
const
|
|
2059
|
-
return s.saveData("comments",
|
|
2053
|
+
}, [s]), g = C(() => {
|
|
2054
|
+
c((h) => {
|
|
2055
|
+
const _ = !h.commentsEnabled;
|
|
2056
|
+
return s.saveData("comments", _), {
|
|
2060
2057
|
...h,
|
|
2061
|
-
commentsEnabled:
|
|
2058
|
+
commentsEnabled: _
|
|
2062
2059
|
};
|
|
2063
2060
|
});
|
|
2064
|
-
}, [s]),
|
|
2065
|
-
|
|
2061
|
+
}, [s]), v = C(() => {
|
|
2062
|
+
c((h) => ({
|
|
2066
2063
|
...h,
|
|
2067
2064
|
interactionsDisabled: !1
|
|
2068
2065
|
}));
|
|
2069
|
-
}, []), k =
|
|
2070
|
-
|
|
2066
|
+
}, []), k = C(() => {
|
|
2067
|
+
c((h) => ({
|
|
2071
2068
|
...h,
|
|
2072
2069
|
interactionsDisabled: !0
|
|
2073
2070
|
}));
|
|
2074
|
-
}, []), y =
|
|
2075
|
-
|
|
2076
|
-
...
|
|
2071
|
+
}, []), y = C((h) => {
|
|
2072
|
+
c((_) => ({
|
|
2073
|
+
..._,
|
|
2077
2074
|
globalKeysDisabled: h
|
|
2078
2075
|
}));
|
|
2079
|
-
}, []), N =
|
|
2080
|
-
...
|
|
2076
|
+
}, []), N = T(() => e ? {
|
|
2077
|
+
...Ne,
|
|
2081
2078
|
toggleFullscreen: []
|
|
2082
|
-
} :
|
|
2079
|
+
} : Ne, [e]);
|
|
2083
2080
|
return {
|
|
2084
2081
|
contextValue: {
|
|
2085
2082
|
state: {
|
|
@@ -2088,8 +2085,8 @@ function Yo(e, n, o, i) {
|
|
|
2088
2085
|
},
|
|
2089
2086
|
setCaptionsFontSizeMultiplier: r,
|
|
2090
2087
|
toggleCaptionPositionOnTop: u,
|
|
2091
|
-
toggleCaptionsInvertColors:
|
|
2092
|
-
enableInteractions:
|
|
2088
|
+
toggleCaptionsInvertColors: p,
|
|
2089
|
+
enableInteractions: v,
|
|
2093
2090
|
disableInteractions: k,
|
|
2094
2091
|
setGlobalKeysDisabled: y,
|
|
2095
2092
|
toggleComments: g,
|
|
@@ -2099,61 +2096,61 @@ function Yo(e, n, o, i) {
|
|
|
2099
2096
|
storage: s
|
|
2100
2097
|
};
|
|
2101
2098
|
}
|
|
2102
|
-
const
|
|
2103
|
-
function
|
|
2099
|
+
const ti = {};
|
|
2100
|
+
function ni() {
|
|
2104
2101
|
const e = M();
|
|
2105
|
-
return /* @__PURE__ */
|
|
2106
|
-
/* @__PURE__ */ t(
|
|
2107
|
-
/* @__PURE__ */ t(
|
|
2108
|
-
/* @__PURE__ */ t(
|
|
2109
|
-
/* @__PURE__ */ t(
|
|
2110
|
-
/* @__PURE__ */ t(
|
|
2111
|
-
/* @__PURE__ */ t(
|
|
2102
|
+
return /* @__PURE__ */ l(G, { children: [
|
|
2103
|
+
/* @__PURE__ */ t(j1, { src: e.thumbnail }),
|
|
2104
|
+
/* @__PURE__ */ t(Ge, {}),
|
|
2105
|
+
/* @__PURE__ */ t(Re, {}),
|
|
2106
|
+
/* @__PURE__ */ t(Ze, { captions: e.captions }),
|
|
2107
|
+
/* @__PURE__ */ t(to, {}),
|
|
2108
|
+
/* @__PURE__ */ t(w1, {}),
|
|
2112
2109
|
/* @__PURE__ */ t(Yt, { comments: e.comments })
|
|
2113
2110
|
] });
|
|
2114
2111
|
}
|
|
2115
|
-
const
|
|
2116
|
-
/* @__PURE__ */
|
|
2112
|
+
const oi = (e) => /* @__PURE__ */ t("svg", { width: 56, height: 72, viewBox: "0 0 28 36", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("g", { id: "Icons", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ l("g", { id: "audio", children: [
|
|
2113
|
+
/* @__PURE__ */ l("g", { id: "icon-file-base-2", children: [
|
|
2117
2114
|
/* @__PURE__ */ t("path", { d: "M0,2 L0,34 C0,35.105 0.899,36 1.993,36 L26.006,36 C27.107,36 28,35.11 28,34 L28,10 L18,0 L1.993,0 C0.892,0 0,0.89 0,2 Z", fill: "#FFFFFF" }),
|
|
2118
2115
|
/* @__PURE__ */ t("path", { d: "M0,2 L0,34 C0,35.105 0.899,36 1.993,36 L26.006,36 C27.107,36 28,35.11 28,34 L28,10 L18,0 L1.993,0 C0.892,0 0,0.89 0,2 Z M1.993,35 C1.445,35 1,34.552 1,34 L1,2 C1,1.448 1.445,1 1.993,1 L16.5,1 L16.5,9 C16.5,10.379 17.621,11.5 18.999,11.5 L27,11.5 L27,34 C27,34.552 26.554,35 26.006,35 L1.993,35 Z M27,10.5 L18.999,10.5 C18.173,10.5 17.5,9.827 17.5,9 L17.5,1 L17.585,1 L27,10.414 L27,10.5 L27,10.5 Z", id: "icon-file-base", fill: "#FFFFFF" }),
|
|
2119
2116
|
/* @__PURE__ */ t("path", { d: "M0,2 L0,34 C0,35.105 0.899,36 1.993,36 L26.006,36 C27.107,36 28,35.11 28,34 L28,10 L18,0 L1.993,0 C0.892,0 0,0.89 0,2 Z M1.993,35 C1.445,35 1,34.552 1,34 L1,2 C1,1.448 1.445,1 1.993,1 L16.5,1 L16.5,9 C16.5,10.379 17.621,11.5 18.999,11.5 L27,11.5 L27,34 C27,34.552 26.554,35 26.006,35 L1.993,35 Z M27,10.5 L18.999,10.5 C18.173,10.5 17.5,9.827 17.5,9 L17.5,1 L17.585,1 L27,10.414 L27,10.5 L27,10.5 Z", fill: "#384A58" })
|
|
2120
2117
|
] }),
|
|
2121
2118
|
/* @__PURE__ */ t("path", { d: "M14.7142857,14.2824 L14.7142857,13 L13.2857143,13.2548 L13.2857143,23.0912 C12.8642857,22.9106 12.3785714,22.8 11.8571429,22.8 C10.2771429,22.8 9,23.7408 9,24.9 C9,26.0592 10.2771429,27 11.8571429,27 C12.3785714,27 12.8642857,26.8894 13.2857143,26.7088 C14.1371429,26.3448 14.7142857,25.6756 14.7142857,24.9 L14.7142857,17.0824 C17.5714286,17.0824 19,20 19,21.4 C19,15.8 16.1428571,14.2824 14.7142857,14.2824", id: "Fill-776", fill: "#384A58" })
|
|
2122
2119
|
] }) }) });
|
|
2123
|
-
function
|
|
2120
|
+
function ii() {
|
|
2124
2121
|
const e = M();
|
|
2125
|
-
return /* @__PURE__ */
|
|
2126
|
-
/* @__PURE__ */ t(
|
|
2127
|
-
/* @__PURE__ */ t(
|
|
2128
|
-
/* @__PURE__ */ t(
|
|
2129
|
-
/* @__PURE__ */ t(
|
|
2122
|
+
return /* @__PURE__ */ l("div", { className: "audio-layout-wrapper", children: [
|
|
2123
|
+
/* @__PURE__ */ t(oi, {}),
|
|
2124
|
+
/* @__PURE__ */ t(Ge, {}),
|
|
2125
|
+
/* @__PURE__ */ t(Re, {}),
|
|
2126
|
+
/* @__PURE__ */ t(Ze, { captions: e.captions })
|
|
2130
2127
|
] });
|
|
2131
2128
|
}
|
|
2132
|
-
function
|
|
2129
|
+
function si(e, n) {
|
|
2133
2130
|
return e.reduce((o, i) => (Object.keys(n).includes(i.id) || (o[i.id] = !0), o), n);
|
|
2134
2131
|
}
|
|
2135
|
-
function
|
|
2132
|
+
function ai(e, n, o, i, s) {
|
|
2136
2133
|
return (a) => {
|
|
2137
|
-
const
|
|
2138
|
-
|
|
2134
|
+
const c = a.detail.currentTime, r = !o.paused, u = Math.min(o.duration * 0.05, 2);
|
|
2135
|
+
c >= e.time && c < e.time + u && !i[e.id] && (s({ ...i, [e.id]: !0 }), n(e, r));
|
|
2139
2136
|
};
|
|
2140
2137
|
}
|
|
2141
|
-
function
|
|
2142
|
-
const e =
|
|
2143
|
-
n.reduce((a,
|
|
2138
|
+
function li() {
|
|
2139
|
+
const e = O(), { quizMarkers: n, onQuizMarkerShow: o } = M(), [i, s] = L(
|
|
2140
|
+
n.reduce((a, c) => (a[c.id] = !1, a), {})
|
|
2144
2141
|
);
|
|
2145
|
-
|
|
2142
|
+
R(() => {
|
|
2146
2143
|
if (!e)
|
|
2147
2144
|
return;
|
|
2148
|
-
n.length > Object.keys(i).length && s(
|
|
2149
|
-
const a = [],
|
|
2145
|
+
n.length > Object.keys(i).length && s(si(n, i));
|
|
2146
|
+
const a = [], c = (r) => {
|
|
2150
2147
|
var g;
|
|
2151
|
-
const u = (g = r == null ? void 0 : r.request) == null ? void 0 : g.detail,
|
|
2152
|
-
s({ ...i, ...
|
|
2148
|
+
const u = (g = r == null ? void 0 : r.request) == null ? void 0 : g.detail, p = n.reduce((v, k) => (v[k.id] = k.time <= u, v), {});
|
|
2149
|
+
s({ ...i, ...p });
|
|
2153
2150
|
};
|
|
2154
|
-
e.addEventListener("seeked",
|
|
2151
|
+
e.addEventListener("seeked", c);
|
|
2155
2152
|
for (const r of n) {
|
|
2156
|
-
const u =
|
|
2153
|
+
const u = ai(
|
|
2157
2154
|
r,
|
|
2158
2155
|
o,
|
|
2159
2156
|
e,
|
|
@@ -2165,119 +2162,119 @@ function ii() {
|
|
|
2165
2162
|
return () => {
|
|
2166
2163
|
for (const r of a)
|
|
2167
2164
|
e.removeEventListener("time-update", r);
|
|
2168
|
-
e.removeEventListener("seeked",
|
|
2165
|
+
e.removeEventListener("seeked", c);
|
|
2169
2166
|
};
|
|
2170
2167
|
}, [n, e, i]);
|
|
2171
2168
|
}
|
|
2172
|
-
function
|
|
2173
|
-
return
|
|
2169
|
+
function ci() {
|
|
2170
|
+
return li(), null;
|
|
2174
2171
|
}
|
|
2175
|
-
function
|
|
2172
|
+
function ri(e) {
|
|
2176
2173
|
return Array.isArray(e) && typeof e[0] == "object";
|
|
2177
2174
|
}
|
|
2178
|
-
function
|
|
2179
|
-
return
|
|
2175
|
+
function ui(e) {
|
|
2176
|
+
return ri(e) && e.length === 1 ? e[0].src : e;
|
|
2180
2177
|
}
|
|
2181
|
-
const
|
|
2178
|
+
const te = () => {
|
|
2182
2179
|
};
|
|
2183
|
-
function
|
|
2180
|
+
function gi({
|
|
2184
2181
|
title: e,
|
|
2185
2182
|
playerRef: n,
|
|
2186
2183
|
src: o,
|
|
2187
2184
|
captions: i = [],
|
|
2188
2185
|
thumbnail: s,
|
|
2189
2186
|
hideFullScreen: a = !1,
|
|
2190
|
-
comments:
|
|
2187
|
+
comments: c = [],
|
|
2191
2188
|
locale: r = "en",
|
|
2192
2189
|
annotations: u = [],
|
|
2193
|
-
quizMarkers:
|
|
2190
|
+
quizMarkers: p = [],
|
|
2194
2191
|
interactive: g = !1,
|
|
2195
|
-
onAnnotationClick:
|
|
2196
|
-
onQuizMarkerClick: k =
|
|
2197
|
-
onQuizMarkerShow: y =
|
|
2198
|
-
onInteractivePinClick: N =
|
|
2192
|
+
onAnnotationClick: v = te,
|
|
2193
|
+
onQuizMarkerClick: k = te,
|
|
2194
|
+
onQuizMarkerShow: y = te,
|
|
2195
|
+
onInteractivePinClick: N = te,
|
|
2199
2196
|
interactiveMenuElements: h = [],
|
|
2200
|
-
kebabMenuElements:
|
|
2201
|
-
darkMode:
|
|
2202
|
-
autoLoadCaptionSrc:
|
|
2197
|
+
kebabMenuElements: _ = [],
|
|
2198
|
+
darkMode: V = !1,
|
|
2199
|
+
autoLoadCaptionSrc: F = "",
|
|
2203
2200
|
forceComments: Z = !1,
|
|
2204
|
-
disableCaptionSettings:
|
|
2205
|
-
disableStorage:
|
|
2206
|
-
startAt:
|
|
2201
|
+
disableCaptionSettings: S = !1,
|
|
2202
|
+
disableStorage: W = !1,
|
|
2203
|
+
startAt: Y,
|
|
2207
2204
|
crossOrigin: se,
|
|
2208
|
-
captionOffsetOverride:
|
|
2209
|
-
disableInteractivePinRanges:
|
|
2210
|
-
customOverlay:
|
|
2205
|
+
captionOffsetOverride: Ye,
|
|
2206
|
+
disableInteractivePinRanges: Xe = [],
|
|
2207
|
+
customOverlay: be
|
|
2211
2208
|
}) {
|
|
2212
|
-
const { contextValue: ae, shortcuts:
|
|
2209
|
+
const { contextValue: ae, shortcuts: Je, storage: et } = ei(
|
|
2213
2210
|
a,
|
|
2214
2211
|
Z,
|
|
2215
|
-
|
|
2216
|
-
|
|
2217
|
-
), { i18n:
|
|
2218
|
-
|
|
2219
|
-
|
|
2220
|
-
}, [
|
|
2221
|
-
const [
|
|
2222
|
-
|
|
2212
|
+
S,
|
|
2213
|
+
Y
|
|
2214
|
+
), { i18n: ge } = b();
|
|
2215
|
+
R(() => {
|
|
2216
|
+
ge.changeLanguage(r);
|
|
2217
|
+
}, [ge, r]);
|
|
2218
|
+
const [ve, we] = L("none"), tt = C((E) => {
|
|
2219
|
+
ht(E) ? we("audio") : pt(E) && we("video");
|
|
2223
2220
|
}, []);
|
|
2224
2221
|
return /* @__PURE__ */ t(
|
|
2225
|
-
|
|
2222
|
+
Lt,
|
|
2226
2223
|
{
|
|
2227
2224
|
hideFullScreen: a,
|
|
2228
|
-
comments:
|
|
2225
|
+
comments: c,
|
|
2229
2226
|
captions: i,
|
|
2230
2227
|
thumbnail: s,
|
|
2231
2228
|
annotations: u,
|
|
2232
|
-
quizMarkers:
|
|
2229
|
+
quizMarkers: p,
|
|
2233
2230
|
interactive: g,
|
|
2234
|
-
onAnnotationClick:
|
|
2231
|
+
onAnnotationClick: v,
|
|
2235
2232
|
onQuizMarkerClick: k,
|
|
2236
2233
|
onInteractivePinClick: N,
|
|
2237
2234
|
interactiveMenuElements: h,
|
|
2238
|
-
kebabMenuElements:
|
|
2239
|
-
darkMode:
|
|
2235
|
+
kebabMenuElements: _,
|
|
2236
|
+
darkMode: V,
|
|
2240
2237
|
forceComments: Z,
|
|
2241
|
-
disableCaptionSettings:
|
|
2242
|
-
disableStorage:
|
|
2243
|
-
captionOffsetOverride:
|
|
2244
|
-
disableInteractivePinRanges:
|
|
2238
|
+
disableCaptionSettings: S,
|
|
2239
|
+
disableStorage: W,
|
|
2240
|
+
captionOffsetOverride: Ye,
|
|
2241
|
+
disableInteractivePinRanges: Xe,
|
|
2245
2242
|
onQuizMarkerShow: y,
|
|
2246
|
-
children: /* @__PURE__ */ t(kt, { contextValue: ae, children: /* @__PURE__ */
|
|
2247
|
-
|
|
2243
|
+
children: /* @__PURE__ */ t(kt, { contextValue: ae, children: /* @__PURE__ */ l(
|
|
2244
|
+
_t,
|
|
2248
2245
|
{
|
|
2249
|
-
"data-version": "0.
|
|
2246
|
+
"data-version": "0.4.0",
|
|
2250
2247
|
crossOrigin: se,
|
|
2251
|
-
storage:
|
|
2248
|
+
storage: W ? null : et,
|
|
2252
2249
|
title: e,
|
|
2253
|
-
src:
|
|
2254
|
-
keyShortcuts:
|
|
2250
|
+
src: ui(o),
|
|
2251
|
+
keyShortcuts: Je,
|
|
2255
2252
|
playsInline: !0,
|
|
2256
2253
|
keyDisabled: ae.state.interactionsDisabled || ae.state.globalKeysDisabled,
|
|
2257
|
-
onTextTracksChange: (
|
|
2258
|
-
const
|
|
2259
|
-
(
|
|
2254
|
+
onTextTracksChange: (E) => {
|
|
2255
|
+
const ye = E == null ? void 0 : E.findIndex(
|
|
2256
|
+
(nt) => nt.src === F
|
|
2260
2257
|
);
|
|
2261
|
-
|
|
2258
|
+
ye > -1 && (E[ye].mode = "showing");
|
|
2262
2259
|
},
|
|
2263
|
-
onProviderSetup:
|
|
2260
|
+
onProviderSetup: tt,
|
|
2264
2261
|
children: [
|
|
2265
|
-
/* @__PURE__ */
|
|
2266
|
-
|
|
2267
|
-
|
|
2262
|
+
/* @__PURE__ */ l(Ct, { className: ti.mediaProvider, children: [
|
|
2263
|
+
ve === "audio" && /* @__PURE__ */ t(ii, {}),
|
|
2264
|
+
ve === "video" && /* @__PURE__ */ t(ni, {})
|
|
2268
2265
|
] }),
|
|
2269
|
-
/* @__PURE__ */ t(
|
|
2270
|
-
|
|
2266
|
+
/* @__PURE__ */ t(D1, {}),
|
|
2267
|
+
be && be(),
|
|
2271
2268
|
/* @__PURE__ */ t(
|
|
2272
2269
|
sn,
|
|
2273
2270
|
{
|
|
2274
|
-
darkMode:
|
|
2271
|
+
darkMode: V,
|
|
2275
2272
|
playerRef: n,
|
|
2276
|
-
showCaptionsButton: !
|
|
2273
|
+
showCaptionsButton: !S
|
|
2277
2274
|
}
|
|
2278
2275
|
),
|
|
2279
|
-
/* @__PURE__ */ t(
|
|
2280
|
-
!!
|
|
2276
|
+
/* @__PURE__ */ t(Pt, { annotations: u }),
|
|
2277
|
+
!!p.length && /* @__PURE__ */ t(ci, {})
|
|
2281
2278
|
]
|
|
2282
2279
|
}
|
|
2283
2280
|
) })
|
|
@@ -2287,8 +2284,8 @@ function fi({
|
|
|
2287
2284
|
export {
|
|
2288
2285
|
Ot as CAPTION_FONT_SIZE_MULTIPLIERS,
|
|
2289
2286
|
Ft as COMMENT_DURATION,
|
|
2290
|
-
|
|
2291
|
-
|
|
2292
|
-
|
|
2293
|
-
|
|
2287
|
+
D as PLAYBACK_RATES,
|
|
2288
|
+
gi as StudioPlayer,
|
|
2289
|
+
yi as useMediaState,
|
|
2290
|
+
ki as useMediaStore
|
|
2294
2291
|
};
|