@instructure/studio-player 0.3.10 → 0.3.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/studio-player.es.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import './index-
|
|
2
|
-
var
|
|
3
|
-
var S = (e, n, o) =>
|
|
1
|
+
import './index-LiNlJlAO.css';var it = Object.defineProperty;
|
|
2
|
+
var st = (e, n, o) => n in e ? it(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o;
|
|
3
|
+
var S = (e, n, o) => st(e, typeof n != "symbol" ? n + "" : n, o);
|
|
4
4
|
import { jsx as t, jsxs as c, Fragment as j } from "react/jsx-runtime";
|
|
5
|
-
import { createContext as
|
|
6
|
-
import { useMediaPlayer as F, Spinner as ce, useMediaRemote as oe, useMediaState as
|
|
7
|
-
import { useMediaState as
|
|
8
|
-
import { initReactI18next as
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import { useFloating as ue, autoUpdate as de, arrow as me, useDismiss as he, useInteractions as pe, FloatingFocusManager as
|
|
12
|
-
const
|
|
5
|
+
import { createContext as le, useContext as re, useState as x, useCallback as _, useEffect as O, useMemo as E, useRef as G } from "react";
|
|
6
|
+
import { useMediaPlayer as F, Spinner as ce, useMediaRemote as oe, useMediaState as f, isTrackCaptionKind as at, Track as ct, Captions as lt, usePlaybackRateOptions as rt, useCaptionOptions as ut, useVideoQualityOptions as dt, useMediaStore as Te, Poster as mt, FullscreenButton as ht, Time as Le, TimeSlider as $, VolumeSlider as J, isAudioProvider as pt, isVideoProvider as _t, MediaPlayer as ft, MediaProvider as Ct } from "@vidstack/react";
|
|
7
|
+
import { useMediaState as bi, useMediaStore as vi } from "@vidstack/react";
|
|
8
|
+
import { initReactI18next as gt, useTranslation as C } from "react-i18next";
|
|
9
|
+
import bt from "i18next";
|
|
10
|
+
import vt from "i18next-resources-to-backend";
|
|
11
|
+
import { useFloating as ue, autoUpdate as de, arrow as me, useDismiss as he, useInteractions as pe, FloatingFocusManager as _e, FloatingArrow as fe, shift as Ee, offset as Ae, useListNavigation as wt } from "@floating-ui/react";
|
|
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) => {
|
|
15
15
|
(typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
|
|
@@ -22,9 +22,9 @@ const vt = (e, n, o) => {
|
|
|
22
22
|
);
|
|
23
23
|
});
|
|
24
24
|
};
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
(e) =>
|
|
25
|
+
bt.use(gt).use(
|
|
26
|
+
vt(
|
|
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({
|
|
30
30
|
fallbackLng: "en",
|
|
@@ -35,40 +35,40 @@ Ct.use(_t).use(
|
|
|
35
35
|
escapeValue: !1
|
|
36
36
|
}
|
|
37
37
|
});
|
|
38
|
-
const Re =
|
|
39
|
-
function
|
|
38
|
+
const Re = le(null);
|
|
39
|
+
function kt({
|
|
40
40
|
children: e,
|
|
41
41
|
contextValue: n
|
|
42
42
|
}) {
|
|
43
43
|
return /* @__PURE__ */ t(Re.Provider, { value: n, children: e });
|
|
44
44
|
}
|
|
45
45
|
function v() {
|
|
46
|
-
const e =
|
|
46
|
+
const e = re(Re);
|
|
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
|
|
54
|
-
function
|
|
53
|
+
const Be = le(null);
|
|
54
|
+
function xt({
|
|
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:
|
|
62
|
-
onAnnotationClick:
|
|
61
|
+
interactive: l,
|
|
62
|
+
onAnnotationClick: r,
|
|
63
63
|
onQuizMarkerClick: u,
|
|
64
64
|
onInteractivePinClick: d,
|
|
65
|
-
interactiveMenuElements:
|
|
65
|
+
interactiveMenuElements: g,
|
|
66
66
|
kebabMenuElements: w,
|
|
67
67
|
darkMode: k,
|
|
68
68
|
children: y,
|
|
69
69
|
forceComments: N,
|
|
70
70
|
disableCaptionSettings: h,
|
|
71
|
-
disableStorage:
|
|
71
|
+
disableStorage: b,
|
|
72
72
|
captionOffsetOverride: P,
|
|
73
73
|
disableInteractivePinRanges: T,
|
|
74
74
|
onQuizMarkerShow: Z
|
|
@@ -80,11 +80,11 @@ function yt({
|
|
|
80
80
|
thumbnail: i,
|
|
81
81
|
annotations: s,
|
|
82
82
|
quizMarkers: a,
|
|
83
|
-
interactive:
|
|
84
|
-
onAnnotationClick:
|
|
83
|
+
interactive: l,
|
|
84
|
+
onAnnotationClick: r,
|
|
85
85
|
onQuizMarkerClick: u,
|
|
86
86
|
onInteractivePinClick: d,
|
|
87
|
-
interactiveMenuElements:
|
|
87
|
+
interactiveMenuElements: g,
|
|
88
88
|
kebabMenuElements: w,
|
|
89
89
|
darkMode: k,
|
|
90
90
|
hasComments: n.length > 0,
|
|
@@ -92,40 +92,40 @@ function yt({
|
|
|
92
92
|
hasQuizmarkers: a.length > 0,
|
|
93
93
|
forceComments: N,
|
|
94
94
|
disableCaptionSettings: h,
|
|
95
|
-
disableStorage:
|
|
95
|
+
disableStorage: b,
|
|
96
96
|
captionOffsetOverride: P,
|
|
97
97
|
disableInteractivePinRanges: T,
|
|
98
98
|
onQuizMarkerShow: Z
|
|
99
99
|
};
|
|
100
|
-
return /* @__PURE__ */ t(
|
|
100
|
+
return /* @__PURE__ */ t(Be.Provider, { value: V, children: y });
|
|
101
101
|
}
|
|
102
102
|
function M() {
|
|
103
|
-
const e =
|
|
103
|
+
const e = re(Be);
|
|
104
104
|
if (!e)
|
|
105
105
|
throw new Error(
|
|
106
106
|
"useStudioPlayerPropsContext must be used within a StudioPlayerPropsContextProvider"
|
|
107
107
|
);
|
|
108
108
|
return e;
|
|
109
109
|
}
|
|
110
|
-
const
|
|
110
|
+
const Lt = "_annotation-overlay_1kxzn_1", Mt = {
|
|
111
111
|
"annotation-overlay": "_annotation-overlay_1kxzn_1",
|
|
112
|
-
annotationOverlay:
|
|
113
|
-
},
|
|
112
|
+
annotationOverlay: Lt
|
|
113
|
+
}, Me = 0.25, Pt = (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 + Me && !o && (o = !0, n(e)), (s < e.time || s >= e.time + Me) && o && (o = !1);
|
|
118
118
|
};
|
|
119
119
|
};
|
|
120
|
-
function
|
|
121
|
-
const n = F(), o = v(), i = M(), [s, a] =
|
|
120
|
+
function Nt({ annotations: e }) {
|
|
121
|
+
const n = F(), o = v(), i = M(), [s, a] = x(
|
|
122
122
|
null
|
|
123
|
-
),
|
|
123
|
+
), l = _(
|
|
124
124
|
(u) => {
|
|
125
125
|
n == null || n.pause(), i.interactive || o.disableInteractions(), a(u);
|
|
126
126
|
},
|
|
127
127
|
[n, o]
|
|
128
|
-
),
|
|
128
|
+
), r = () => {
|
|
129
129
|
i.interactive || (n == null || n.play(), o.enableInteractions()), a(null);
|
|
130
130
|
};
|
|
131
131
|
return O(() => {
|
|
@@ -133,12 +133,12 @@ function Mt({ annotations: e }) {
|
|
|
133
133
|
return;
|
|
134
134
|
const u = [];
|
|
135
135
|
for (const d of e) {
|
|
136
|
-
const
|
|
137
|
-
n.addEventListener("time-update",
|
|
136
|
+
const g = Pt(d, l);
|
|
137
|
+
n.addEventListener("time-update", g), u.push(g);
|
|
138
138
|
}
|
|
139
139
|
if (s) {
|
|
140
140
|
const d = e.find(
|
|
141
|
-
(
|
|
141
|
+
(g) => g.id === s.id
|
|
142
142
|
);
|
|
143
143
|
d ? a(d) : (a(null), o.enableInteractions());
|
|
144
144
|
}
|
|
@@ -146,21 +146,21 @@ function Mt({ annotations: e }) {
|
|
|
146
146
|
for (const d of u)
|
|
147
147
|
n.removeEventListener("time-update", d);
|
|
148
148
|
};
|
|
149
|
-
}, [n, e]), s ? /* @__PURE__ */ t("div", { className:
|
|
149
|
+
}, [n, e]), s ? /* @__PURE__ */ t("div", { className: Mt.annotationOverlay, children: s.render(r) }) : null;
|
|
150
150
|
}
|
|
151
|
-
const
|
|
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", ee = {
|
|
152
152
|
"media-buffering-indicator": "_media-buffering-indicator_1fwjr_1",
|
|
153
|
-
mediaBufferingIndicator:
|
|
153
|
+
mediaBufferingIndicator: It,
|
|
154
154
|
"media-buffering-spinner": "_media-buffering-spinner_1fwjr_17",
|
|
155
|
-
mediaBufferingSpinner:
|
|
155
|
+
mediaBufferingSpinner: Ht,
|
|
156
156
|
"media-buffering-spin": "_media-buffering-spin_1fwjr_17",
|
|
157
|
-
mediaBufferingSpin:
|
|
157
|
+
mediaBufferingSpin: St,
|
|
158
158
|
"media-buffering-track": "_media-buffering-track_1fwjr_22",
|
|
159
|
-
mediaBufferingTrack:
|
|
159
|
+
mediaBufferingTrack: Vt,
|
|
160
160
|
"media-buffering-track-fill": "_media-buffering-track-fill_1fwjr_27",
|
|
161
|
-
mediaBufferingTrackFill:
|
|
161
|
+
mediaBufferingTrackFill: Tt
|
|
162
162
|
};
|
|
163
|
-
function
|
|
163
|
+
function Oe() {
|
|
164
164
|
return /* @__PURE__ */ t("div", { className: ee.mediaBufferingIndicator, children: /* @__PURE__ */ c(ce.Root, { className: ee.mediaBufferingSpinner, size: 96, children: [
|
|
165
165
|
/* @__PURE__ */ t(ce.Track, { className: ee.mediaBufferingTrack, width: 8 }),
|
|
166
166
|
/* @__PURE__ */ t(
|
|
@@ -172,17 +172,17 @@ function Be() {
|
|
|
172
172
|
)
|
|
173
173
|
] }) });
|
|
174
174
|
}
|
|
175
|
-
const
|
|
175
|
+
const Fe = (e) => /* @__PURE__ */ c("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
|
+
] }), Ze = (e) => /* @__PURE__ */ c("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
|
-
function
|
|
183
|
-
const e = oe(), n =
|
|
184
|
-
(
|
|
185
|
-
e.toggleCaptions(
|
|
182
|
+
function Et() {
|
|
183
|
+
const e = oe(), n = f("textTrack"), o = f("hasCaptions"), i = n && at(n), s = v(), a = _(
|
|
184
|
+
(l) => {
|
|
185
|
+
e.toggleCaptions(l.nativeEvent);
|
|
186
186
|
},
|
|
187
187
|
[e]
|
|
188
188
|
);
|
|
@@ -195,29 +195,29 @@ function Vt() {
|
|
|
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(Ze, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Fe, { className: "controls-button-icon" })
|
|
199
199
|
}
|
|
200
200
|
) : null;
|
|
201
201
|
}
|
|
202
|
-
const
|
|
203
|
-
captions:
|
|
204
|
-
},
|
|
205
|
-
function
|
|
206
|
-
const n = e.length > 0, o = v(), { captionOffsetOverride: i } = M(), s = o.state.captionPositionOnTop, a =
|
|
202
|
+
const At = "_captions_1cu0g_1", Rt = {
|
|
203
|
+
captions: At
|
|
204
|
+
}, Bt = (e, n) => e ? n.top : n.bottom;
|
|
205
|
+
function ze({ captions: e }) {
|
|
206
|
+
const n = e.length > 0, o = v(), { captionOffsetOverride: i } = M(), s = o.state.captionPositionOnTop, a = Bt(
|
|
207
207
|
s,
|
|
208
208
|
i ?? {}
|
|
209
209
|
);
|
|
210
210
|
return /* @__PURE__ */ c(j, { children: [
|
|
211
|
-
e.map((
|
|
212
|
-
|
|
211
|
+
e.map((l) => /* @__PURE__ */ t(
|
|
212
|
+
ct,
|
|
213
213
|
{
|
|
214
214
|
kind: "subtitles",
|
|
215
|
-
type:
|
|
216
|
-
language:
|
|
217
|
-
label:
|
|
218
|
-
src:
|
|
215
|
+
type: l.type,
|
|
216
|
+
language: l.language,
|
|
217
|
+
label: l.label,
|
|
218
|
+
src: l.src
|
|
219
219
|
},
|
|
220
|
-
|
|
220
|
+
l.label
|
|
221
221
|
)),
|
|
222
222
|
n ? /* @__PURE__ */ t(
|
|
223
223
|
"div",
|
|
@@ -230,13 +230,13 @@ 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(
|
|
233
|
+
children: /* @__PURE__ */ t(lt, { className: Rt.captions })
|
|
234
234
|
}
|
|
235
235
|
) : null
|
|
236
236
|
] });
|
|
237
237
|
}
|
|
238
|
-
const K = [0.5, 0.75, 1, 1.25, 1.5, 2],
|
|
239
|
-
const [, n] =
|
|
238
|
+
const K = [0.5, 0.75, 1, 1.25, 1.5, 2], Ot = [0.5, 1, 2, 3, 4], Ft = 5, Zt = (e) => {
|
|
239
|
+
const [, n] = x({});
|
|
240
240
|
return E(() => {
|
|
241
241
|
let o = [];
|
|
242
242
|
return {
|
|
@@ -254,21 +254,21 @@ const K = [0.5, 0.75, 1, 1.25, 1.5, 2], At = [0.5, 1, 2, 3, 4], Bt = 5, Ot = (e)
|
|
|
254
254
|
}
|
|
255
255
|
};
|
|
256
256
|
}, []);
|
|
257
|
-
},
|
|
257
|
+
}, zt = (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 = F(), i =
|
|
263
|
+
}, Kt = (e, n = 5) => {
|
|
264
|
+
const o = F(), i = Zt(n);
|
|
265
265
|
return O(() => {
|
|
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 l = zt(a, Ft, i);
|
|
271
|
+
s.push(l), o.addEventListener("time-update", l);
|
|
272
272
|
}
|
|
273
273
|
return o.dispatchEvent(
|
|
274
274
|
new CustomEvent("time-update", {
|
|
@@ -280,20 +280,20 @@ const K = [0.5, 0.75, 1, 1.25, 1.5, 2], At = [0.5, 1, 2, 3, 4], Bt = 5, Ot = (e)
|
|
|
280
280
|
i.clear();
|
|
281
281
|
};
|
|
282
282
|
}, [o, i, e]), i;
|
|
283
|
-
},
|
|
283
|
+
}, Dt = "_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: Dt,
|
|
286
286
|
"comments-container": "_comments-container_1puzm_10",
|
|
287
|
-
commentsContainer:
|
|
288
|
-
comment:
|
|
287
|
+
commentsContainer: $t,
|
|
288
|
+
comment: Ut,
|
|
289
289
|
"comment-text": "_comment-text_1puzm_47",
|
|
290
|
-
commentText:
|
|
290
|
+
commentText: qt,
|
|
291
291
|
"comment-author-avatar": "_comment-author-avatar_1puzm_70",
|
|
292
|
-
commentAuthorAvatar:
|
|
292
|
+
commentAuthorAvatar: Gt,
|
|
293
293
|
"comment-author-name": "_comment-author-name_1puzm_89",
|
|
294
|
-
commentAuthorName:
|
|
294
|
+
commentAuthorName: jt
|
|
295
295
|
};
|
|
296
|
-
function
|
|
296
|
+
function Qt({ comment: e }) {
|
|
297
297
|
return e.render ? e.render(e, B) : /* @__PURE__ */ c("div", { className: B.comment, onClick: () => {
|
|
298
298
|
var n;
|
|
299
299
|
return (n = e.onClick) == null ? void 0 : n.call(e, e);
|
|
@@ -310,9 +310,9 @@ function Gt({ comment: e }) {
|
|
|
310
310
|
/* @__PURE__ */ t("span", { className: B.commentAuthorName, children: e.user.name })
|
|
311
311
|
] });
|
|
312
312
|
}
|
|
313
|
-
const
|
|
314
|
-
function
|
|
315
|
-
const n = v(), o =
|
|
313
|
+
const Wt = 5;
|
|
314
|
+
function Yt({ comments: e }) {
|
|
315
|
+
const n = v(), o = Kt(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,50 +324,50 @@ function Qt({ comments: e }) {
|
|
|
324
324
|
}
|
|
325
325
|
) : null;
|
|
326
326
|
}
|
|
327
|
-
const
|
|
328
|
-
root:
|
|
327
|
+
const Xt = "_root_1x28e_1", Jt = "_left-controls_1x28e_28", en = "_right-controls_1x28e_34", tn = "_indicators_1x28e_40", nn = "_normal-timeline_1x28e_49", on = "_compact-timeline_1x28e_55", z = {
|
|
328
|
+
root: Xt,
|
|
329
329
|
"left-controls": "_left-controls_1x28e_28",
|
|
330
|
-
leftControls:
|
|
330
|
+
leftControls: Jt,
|
|
331
331
|
"right-controls": "_right-controls_1x28e_34",
|
|
332
|
-
rightControls:
|
|
333
|
-
indicators:
|
|
332
|
+
rightControls: en,
|
|
333
|
+
indicators: tn,
|
|
334
334
|
"normal-timeline": "_normal-timeline_1x28e_49",
|
|
335
|
-
normalTimeline:
|
|
335
|
+
normalTimeline: nn,
|
|
336
336
|
"compact-timeline": "_compact-timeline_1x28e_55",
|
|
337
|
-
compactTimeline:
|
|
337
|
+
compactTimeline: on
|
|
338
338
|
};
|
|
339
|
-
function
|
|
339
|
+
function sn({
|
|
340
340
|
darkMode: e,
|
|
341
341
|
playerRef: n,
|
|
342
342
|
showCaptionsButton: o = !0
|
|
343
343
|
}) {
|
|
344
344
|
const i = F();
|
|
345
345
|
return O(() => {
|
|
346
|
-
i && (i.remoteControl.pauseControls(), n && (n.current = i));
|
|
346
|
+
i && (i.remoteControl.pauseControls(), n && (typeof n == "function" ? n(i) : n.current = i));
|
|
347
347
|
}, [i, n]), /* @__PURE__ */ c("div", { "data-darkmode": e, className: z.root, children: [
|
|
348
|
-
/* @__PURE__ */ t(
|
|
348
|
+
/* @__PURE__ */ t(Ie, { className: z.normalTimeline }),
|
|
349
349
|
/* @__PURE__ */ c("div", { className: z.leftControls, children: [
|
|
350
|
-
/* @__PURE__ */ t(
|
|
351
|
-
/* @__PURE__ */ t(
|
|
350
|
+
/* @__PURE__ */ t(K1, {}),
|
|
351
|
+
/* @__PURE__ */ t(jo, {})
|
|
352
352
|
] }),
|
|
353
|
-
/* @__PURE__ */ t("div", { className: z.indicators, children: /* @__PURE__ */ t(
|
|
354
|
-
/* @__PURE__ */ t(
|
|
353
|
+
/* @__PURE__ */ t("div", { className: z.indicators, children: /* @__PURE__ */ t(to, {}) }),
|
|
354
|
+
/* @__PURE__ */ t(Ie, { className: z.compactTimeline }),
|
|
355
355
|
/* @__PURE__ */ c("div", { className: z.rightControls, children: [
|
|
356
|
-
o && /* @__PURE__ */ t(
|
|
357
|
-
/* @__PURE__ */ t(
|
|
358
|
-
/* @__PURE__ */ t(
|
|
356
|
+
o && /* @__PURE__ */ t(Et, {}),
|
|
357
|
+
/* @__PURE__ */ t(e1, {}),
|
|
358
|
+
/* @__PURE__ */ t(_1, {})
|
|
359
359
|
] })
|
|
360
360
|
] });
|
|
361
361
|
}
|
|
362
|
-
const
|
|
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" }) }), cn = (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" }) }), ln = "_menu-hint_k49ve_1", rn = "_menu-button_k49ve_5", un = "_menu-label_k49ve_37", dn = "_menu-icon_k49ve_42", te = {
|
|
363
363
|
"menu-hint": "_menu-hint_k49ve_1",
|
|
364
|
-
menuHint:
|
|
364
|
+
menuHint: ln,
|
|
365
365
|
"menu-button": "_menu-button_k49ve_5",
|
|
366
|
-
menuButton:
|
|
366
|
+
menuButton: rn,
|
|
367
367
|
"menu-label": "_menu-label_k49ve_37",
|
|
368
|
-
menuLabel:
|
|
368
|
+
menuLabel: un,
|
|
369
369
|
"menu-icon": "_menu-icon_k49ve_42",
|
|
370
|
-
menuIcon:
|
|
370
|
+
menuIcon: dn
|
|
371
371
|
};
|
|
372
372
|
function Q({ label: e, hint: n, onClick: o, Icon: i }) {
|
|
373
373
|
return /* @__PURE__ */ c(
|
|
@@ -383,14 +383,14 @@ function Q({ label: e, hint: n, onClick: o, Icon: i }) {
|
|
|
383
383
|
i && /* @__PURE__ */ t(i, { className: te.menuIcon }),
|
|
384
384
|
/* @__PURE__ */ t("span", { className: te.menuLabel, children: e }),
|
|
385
385
|
/* @__PURE__ */ t("span", { className: te.menuHint, children: n }),
|
|
386
|
-
/* @__PURE__ */ t(
|
|
386
|
+
/* @__PURE__ */ t(cn, {})
|
|
387
387
|
]
|
|
388
388
|
}
|
|
389
389
|
);
|
|
390
390
|
}
|
|
391
|
-
const
|
|
392
|
-
function
|
|
393
|
-
const e = H(), n =
|
|
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
|
+
function hn() {
|
|
393
|
+
const e = H(), n = f("playbackRate"), { t: o } = C(), i = _(() => {
|
|
394
394
|
e.setPage("speed");
|
|
395
395
|
}, [e]);
|
|
396
396
|
return /* @__PURE__ */ t(
|
|
@@ -399,12 +399,12 @@ function dn() {
|
|
|
399
399
|
label: o("PLAYBACK_SPEED"),
|
|
400
400
|
hint: `${n}x`,
|
|
401
401
|
onClick: i,
|
|
402
|
-
Icon:
|
|
402
|
+
Icon: mn
|
|
403
403
|
}
|
|
404
404
|
);
|
|
405
405
|
}
|
|
406
|
-
function
|
|
407
|
-
const e = H(), n =
|
|
406
|
+
function pn() {
|
|
407
|
+
const e = H(), n = f("hasCaptions"), o = f("textTrack"), { t: i } = C(), s = _(() => {
|
|
408
408
|
e.setPage("captions");
|
|
409
409
|
}, [e]);
|
|
410
410
|
return n ? /* @__PURE__ */ t(
|
|
@@ -413,11 +413,11 @@ function mn() {
|
|
|
413
413
|
label: i("CAPTIONS"),
|
|
414
414
|
hint: (o == null ? void 0 : o.label) ?? i("OFF"),
|
|
415
415
|
onClick: s,
|
|
416
|
-
Icon:
|
|
416
|
+
Icon: Fe
|
|
417
417
|
}
|
|
418
418
|
) : null;
|
|
419
419
|
}
|
|
420
|
-
const
|
|
420
|
+
const _n = (e) => /* @__PURE__ */ c("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
422
|
/* @__PURE__ */ c("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" }),
|
|
@@ -425,8 +425,8 @@ const hn = (e) => /* @__PURE__ */ c("svg", { width: 18, height: 18, viewBox: "0
|
|
|
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 = H(), n =
|
|
428
|
+
function fn() {
|
|
429
|
+
const e = H(), n = f("autoQuality"), o = f("quality"), { t: i } = C(), s = _(() => {
|
|
430
430
|
e.setPage("quality");
|
|
431
431
|
}, [e]);
|
|
432
432
|
return o ? /* @__PURE__ */ t(
|
|
@@ -435,23 +435,23 @@ function pn() {
|
|
|
435
435
|
label: i("QUALITY"),
|
|
436
436
|
hint: n ? i("AUTO", { quality: o.height }) : `${o.height}p`,
|
|
437
437
|
onClick: s,
|
|
438
|
-
Icon:
|
|
438
|
+
Icon: _n
|
|
439
439
|
}
|
|
440
440
|
) : null;
|
|
441
441
|
}
|
|
442
|
-
const
|
|
442
|
+
const Cn = (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" }) }), gn = (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" }) }), bn = "_switch-track_1d65g_1", vn = "_switch-thumb_1d65g_12", wn = "_switch-icon_1d65g_26", yn = "_switch-body_1d65g_32", kn = "_switch-label_1d65g_73", xn = "_menu-icon_1d65g_77", R = {
|
|
443
443
|
"switch-track": "_switch-track_1d65g_1",
|
|
444
|
-
switchTrack:
|
|
444
|
+
switchTrack: bn,
|
|
445
445
|
"switch-thumb": "_switch-thumb_1d65g_12",
|
|
446
|
-
switchThumb:
|
|
446
|
+
switchThumb: vn,
|
|
447
447
|
"switch-icon": "_switch-icon_1d65g_26",
|
|
448
|
-
switchIcon:
|
|
448
|
+
switchIcon: wn,
|
|
449
449
|
"switch-body": "_switch-body_1d65g_32",
|
|
450
|
-
switchBody:
|
|
450
|
+
switchBody: yn,
|
|
451
451
|
"switch-label": "_switch-label_1d65g_73",
|
|
452
|
-
switchLabel:
|
|
452
|
+
switchLabel: kn,
|
|
453
453
|
"menu-icon": "_menu-icon_1d65g_77",
|
|
454
|
-
menuIcon:
|
|
454
|
+
menuIcon: xn
|
|
455
455
|
};
|
|
456
456
|
function Ce({
|
|
457
457
|
label: e,
|
|
@@ -462,38 +462,38 @@ function Ce({
|
|
|
462
462
|
return /* @__PURE__ */ c(
|
|
463
463
|
"button",
|
|
464
464
|
{
|
|
465
|
-
className:
|
|
465
|
+
className: R.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: R.menuIcon }),
|
|
473
|
+
/* @__PURE__ */ t("span", { className: R.switchLabel, children: e }),
|
|
474
|
+
/* @__PURE__ */ t("div", { className: R.switchTrack, children: /* @__PURE__ */ t("div", { className: R.switchThumb, children: n ? /* @__PURE__ */ t(Cn, { className: R.switchIcon }) : /* @__PURE__ */ t(gn, { className: R.switchIcon }) }) })
|
|
475
475
|
]
|
|
476
476
|
}
|
|
477
477
|
);
|
|
478
478
|
}
|
|
479
|
-
const
|
|
480
|
-
function
|
|
479
|
+
const 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: "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
|
+
function Mn() {
|
|
481
481
|
const { t: e } = C(), n = M(), o = v();
|
|
482
482
|
return !n.forceComments && n.hasComments ? /* @__PURE__ */ t(
|
|
483
483
|
Ce,
|
|
484
484
|
{
|
|
485
|
-
Icon:
|
|
485
|
+
Icon: Ln,
|
|
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 Pn = "_main-menu_7h96l_1", Nn = {
|
|
493
493
|
"main-menu": "_main-menu_7h96l_1",
|
|
494
|
-
mainMenu:
|
|
494
|
+
mainMenu: Pn
|
|
495
495
|
};
|
|
496
|
-
function
|
|
496
|
+
function Ke(e) {
|
|
497
497
|
O(() => {
|
|
498
498
|
const n = (o) => {
|
|
499
499
|
var i;
|
|
@@ -504,30 +504,30 @@ function ze(e) {
|
|
|
504
504
|
};
|
|
505
505
|
}, [e]);
|
|
506
506
|
}
|
|
507
|
-
function
|
|
507
|
+
function In(e) {
|
|
508
508
|
const n = E(() => ({ Escape: e }), [e]);
|
|
509
|
-
return
|
|
509
|
+
return Ke(n);
|
|
510
510
|
}
|
|
511
511
|
const H = () => {
|
|
512
|
-
const e =
|
|
512
|
+
const e = re(De);
|
|
513
513
|
if (!e)
|
|
514
514
|
throw new Error(
|
|
515
515
|
"useCustomSettingsMenuContext must be used within a CustomSettingsMenuContext.Provider"
|
|
516
516
|
);
|
|
517
517
|
return e;
|
|
518
518
|
};
|
|
519
|
-
function
|
|
519
|
+
function Hn(e, n) {
|
|
520
520
|
const o = Array.from(e.querySelectorAll("button")), i = o.indexOf(n);
|
|
521
521
|
return o[i - 1] ?? null;
|
|
522
522
|
}
|
|
523
|
-
function
|
|
523
|
+
function Sn(e, n) {
|
|
524
524
|
const o = Array.from(e.querySelectorAll("button")), i = o.indexOf(n);
|
|
525
525
|
return o[i + 1] ?? null;
|
|
526
526
|
}
|
|
527
|
-
function
|
|
527
|
+
function Vn(e) {
|
|
528
528
|
return e.querySelector("button");
|
|
529
529
|
}
|
|
530
|
-
function
|
|
530
|
+
function Tn(e) {
|
|
531
531
|
const n = Array.from(e.querySelectorAll("button"));
|
|
532
532
|
return n[n.length - 1] ?? null;
|
|
533
533
|
}
|
|
@@ -538,26 +538,26 @@ function D() {
|
|
|
538
538
|
ArrowUp: () => {
|
|
539
539
|
const i = document.activeElement;
|
|
540
540
|
if (i && n.current && n.current.contains(i)) {
|
|
541
|
-
const s =
|
|
541
|
+
const s = Hn(
|
|
542
542
|
n.current,
|
|
543
543
|
i
|
|
544
544
|
);
|
|
545
545
|
s == null || s.focus();
|
|
546
546
|
} else if (n.current) {
|
|
547
|
-
const s =
|
|
547
|
+
const s = Tn(n.current);
|
|
548
548
|
s == null || s.focus();
|
|
549
549
|
}
|
|
550
550
|
},
|
|
551
551
|
ArrowDown: () => {
|
|
552
552
|
const i = document.activeElement;
|
|
553
553
|
if (i && n.current && n.current.contains(i)) {
|
|
554
|
-
const s =
|
|
554
|
+
const s = Sn(
|
|
555
555
|
n.current,
|
|
556
556
|
i
|
|
557
557
|
);
|
|
558
558
|
s == null || s.focus();
|
|
559
559
|
} else if (n.current) {
|
|
560
|
-
const s =
|
|
560
|
+
const s = Vn(n.current);
|
|
561
561
|
s == null || s.focus();
|
|
562
562
|
}
|
|
563
563
|
},
|
|
@@ -569,9 +569,9 @@ function D() {
|
|
|
569
569
|
}),
|
|
570
570
|
[e]
|
|
571
571
|
);
|
|
572
|
-
return
|
|
572
|
+
return Ke(o), n;
|
|
573
573
|
}
|
|
574
|
-
function
|
|
574
|
+
function En() {
|
|
575
575
|
const e = D(), { t: n } = C();
|
|
576
576
|
return /* @__PURE__ */ c(
|
|
577
577
|
"div",
|
|
@@ -580,32 +580,32 @@ function Vn() {
|
|
|
580
580
|
id: "submenu",
|
|
581
581
|
"aria-label": n("MAIN_MENU"),
|
|
582
582
|
role: "menu",
|
|
583
|
-
className:
|
|
583
|
+
className: Nn.mainMenu,
|
|
584
584
|
children: [
|
|
585
|
-
/* @__PURE__ */ t(
|
|
586
|
-
/* @__PURE__ */ t(
|
|
587
|
-
/* @__PURE__ */ t(
|
|
588
|
-
/* @__PURE__ */ t(
|
|
585
|
+
/* @__PURE__ */ t(hn, {}),
|
|
586
|
+
/* @__PURE__ */ t(pn, {}),
|
|
587
|
+
/* @__PURE__ */ t(Mn, {}),
|
|
588
|
+
/* @__PURE__ */ t(fn, {})
|
|
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" }) }), W = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.037 3.03704L6.07407 9L12.037 14.963L11 16L4 9L11 2L12.037 3.03704Z", fill: "currentColor" }) }),
|
|
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" }) }), W = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.037 3.03704L6.07407 9L12.037 14.963L11 16L4 9L11 2L12.037 3.03704Z", fill: "currentColor" }) }), An = "_menu-container_1lrzf_1", Rn = "_menu-heading_1lrzf_6", Bn = "_check-icon_1lrzf_22", On = "_menu-item-label_1lrzf_28", Fn = "_menu-item_1lrzf_28", Zn = "_menu-back-button_1lrzf_61", p = {
|
|
594
594
|
"menu-container": "_menu-container_1lrzf_1",
|
|
595
|
-
menuContainer:
|
|
595
|
+
menuContainer: An,
|
|
596
596
|
"menu-heading": "_menu-heading_1lrzf_6",
|
|
597
|
-
menuHeading:
|
|
597
|
+
menuHeading: Rn,
|
|
598
598
|
"check-icon": "_check-icon_1lrzf_22",
|
|
599
|
-
checkIcon:
|
|
599
|
+
checkIcon: Bn,
|
|
600
600
|
"menu-item-label": "_menu-item-label_1lrzf_28",
|
|
601
|
-
menuItemLabel:
|
|
601
|
+
menuItemLabel: On,
|
|
602
602
|
"menu-item": "_menu-item_1lrzf_28",
|
|
603
|
-
menuItem:
|
|
603
|
+
menuItem: Fn,
|
|
604
604
|
"menu-back-button": "_menu-back-button_1lrzf_61",
|
|
605
|
-
menuBackButton:
|
|
605
|
+
menuBackButton: Zn
|
|
606
606
|
};
|
|
607
|
-
function
|
|
608
|
-
const e = H(), n =
|
|
607
|
+
function zn() {
|
|
608
|
+
const e = H(), n = rt({
|
|
609
609
|
rates: K,
|
|
610
610
|
normalLabel: "1x"
|
|
611
611
|
}), { t: o } = C(), i = D();
|
|
@@ -633,14 +633,14 @@ function Fn() {
|
|
|
633
633
|
}
|
|
634
634
|
),
|
|
635
635
|
/* @__PURE__ */ t("strong", { className: p.menuHeading, children: o("PLAYBACK_SPEED") }),
|
|
636
|
-
n.map(({ value: s, label: a, select:
|
|
636
|
+
n.map(({ value: s, label: a, select: l, selected: r }) => /* @__PURE__ */ c(
|
|
637
637
|
"button",
|
|
638
638
|
{
|
|
639
639
|
type: "button",
|
|
640
640
|
role: "menuitemradio",
|
|
641
641
|
"aria-label": a,
|
|
642
|
-
"aria-checked":
|
|
643
|
-
onClick: () =>
|
|
642
|
+
"aria-checked": r,
|
|
643
|
+
onClick: () => l(),
|
|
644
644
|
tabIndex: -1,
|
|
645
645
|
className: p.menuItem,
|
|
646
646
|
children: [
|
|
@@ -654,8 +654,8 @@ function Fn() {
|
|
|
654
654
|
}
|
|
655
655
|
);
|
|
656
656
|
}
|
|
657
|
-
function
|
|
658
|
-
const e = H(), n =
|
|
657
|
+
function Kn() {
|
|
658
|
+
const e = H(), n = f("textTrack"), { t: o } = C(), { disableCaptionSettings: i } = v(), s = _(() => {
|
|
659
659
|
e.setPage("captionLanguage");
|
|
660
660
|
}, [e]);
|
|
661
661
|
return i ? null : /* @__PURE__ */ t(
|
|
@@ -667,8 +667,8 @@ function Zn() {
|
|
|
667
667
|
}
|
|
668
668
|
);
|
|
669
669
|
}
|
|
670
|
-
function
|
|
671
|
-
const { t: e } = C(), n = v(), o = H(), i =
|
|
670
|
+
function Dn() {
|
|
671
|
+
const { t: e } = C(), n = v(), o = H(), i = _(() => {
|
|
672
672
|
o.setPage("captionFontSize");
|
|
673
673
|
}, [o]);
|
|
674
674
|
return /* @__PURE__ */ t(
|
|
@@ -680,7 +680,7 @@ function zn() {
|
|
|
680
680
|
}
|
|
681
681
|
);
|
|
682
682
|
}
|
|
683
|
-
function
|
|
683
|
+
function $n() {
|
|
684
684
|
const { t: e } = C(), n = v();
|
|
685
685
|
return /* @__PURE__ */ t(
|
|
686
686
|
Ce,
|
|
@@ -691,7 +691,7 @@ function Kn() {
|
|
|
691
691
|
}
|
|
692
692
|
);
|
|
693
693
|
}
|
|
694
|
-
function
|
|
694
|
+
function Un() {
|
|
695
695
|
const { t: e } = C(), n = v();
|
|
696
696
|
return /* @__PURE__ */ t(
|
|
697
697
|
Ce,
|
|
@@ -702,7 +702,7 @@ function Dn() {
|
|
|
702
702
|
}
|
|
703
703
|
);
|
|
704
704
|
}
|
|
705
|
-
function
|
|
705
|
+
function qn() {
|
|
706
706
|
const e = H(), { t: n } = C(), o = D();
|
|
707
707
|
return /* @__PURE__ */ c(
|
|
708
708
|
"div",
|
|
@@ -728,16 +728,16 @@ function $n() {
|
|
|
728
728
|
}
|
|
729
729
|
),
|
|
730
730
|
/* @__PURE__ */ t("strong", { className: p.menuHeading, children: n("CAPTIONS") }),
|
|
731
|
-
/* @__PURE__ */ t(Zn, {}),
|
|
732
|
-
/* @__PURE__ */ t(zn, {}),
|
|
733
731
|
/* @__PURE__ */ t(Kn, {}),
|
|
734
|
-
/* @__PURE__ */ t(Dn, {})
|
|
732
|
+
/* @__PURE__ */ t(Dn, {}),
|
|
733
|
+
/* @__PURE__ */ t($n, {}),
|
|
734
|
+
/* @__PURE__ */ t(Un, {})
|
|
735
735
|
]
|
|
736
736
|
}
|
|
737
737
|
);
|
|
738
738
|
}
|
|
739
|
-
function
|
|
740
|
-
const e = H(), n =
|
|
739
|
+
function Gn() {
|
|
740
|
+
const e = H(), n = ut(), { t: o } = C(), i = D();
|
|
741
741
|
return /* @__PURE__ */ c(
|
|
742
742
|
"div",
|
|
743
743
|
{
|
|
@@ -762,13 +762,13 @@ function Un() {
|
|
|
762
762
|
}
|
|
763
763
|
),
|
|
764
764
|
/* @__PURE__ */ t("strong", { className: p.menuHeading, children: o("CAPTIONS") }),
|
|
765
|
-
n.map(({ value: s, label: a, select:
|
|
765
|
+
n.map(({ value: s, label: a, select: l, selected: r }) => /* @__PURE__ */ c(
|
|
766
766
|
"button",
|
|
767
767
|
{
|
|
768
768
|
type: "button",
|
|
769
769
|
role: "menuitemradio",
|
|
770
|
-
"aria-checked":
|
|
771
|
-
onClick: () =>
|
|
770
|
+
"aria-checked": r,
|
|
771
|
+
onClick: () => l(),
|
|
772
772
|
tabIndex: -1,
|
|
773
773
|
className: p.menuItem,
|
|
774
774
|
children: [
|
|
@@ -782,7 +782,7 @@ function Un() {
|
|
|
782
782
|
}
|
|
783
783
|
);
|
|
784
784
|
}
|
|
785
|
-
function
|
|
785
|
+
function jn() {
|
|
786
786
|
const e = v(), n = H(), { t: o } = C(), i = D();
|
|
787
787
|
return /* @__PURE__ */ c(
|
|
788
788
|
"div",
|
|
@@ -808,7 +808,7 @@ function qn() {
|
|
|
808
808
|
}
|
|
809
809
|
),
|
|
810
810
|
/* @__PURE__ */ t("strong", { className: p.menuHeading, children: o("CAPTIONS") }),
|
|
811
|
-
|
|
811
|
+
Ot.map((s) => /* @__PURE__ */ c(
|
|
812
812
|
"button",
|
|
813
813
|
{
|
|
814
814
|
type: "button",
|
|
@@ -833,8 +833,8 @@ function qn() {
|
|
|
833
833
|
}
|
|
834
834
|
);
|
|
835
835
|
}
|
|
836
|
-
function
|
|
837
|
-
const e = H(), n =
|
|
836
|
+
function Qn() {
|
|
837
|
+
const e = H(), n = dt({ sort: "descending" }), o = f("autoQuality"), { t: i } = C(), s = D();
|
|
838
838
|
return /* @__PURE__ */ c(
|
|
839
839
|
"div",
|
|
840
840
|
{
|
|
@@ -859,18 +859,18 @@ function Gn() {
|
|
|
859
859
|
}
|
|
860
860
|
),
|
|
861
861
|
/* @__PURE__ */ t("strong", { className: p.menuHeading, children: i("QUALITY") }),
|
|
862
|
-
n.map(({ value: a, label:
|
|
862
|
+
n.map(({ value: a, label: l, select: r, selected: u }) => /* @__PURE__ */ c(
|
|
863
863
|
"button",
|
|
864
864
|
{
|
|
865
865
|
type: "button",
|
|
866
866
|
role: "menuitemradio",
|
|
867
867
|
"aria-checked": a === "auto" && o || u && !o,
|
|
868
|
-
onClick: () =>
|
|
868
|
+
onClick: () => r(),
|
|
869
869
|
tabIndex: -1,
|
|
870
870
|
className: p.menuItem,
|
|
871
871
|
children: [
|
|
872
872
|
/* @__PURE__ */ t(ie, { className: p.checkIcon }),
|
|
873
|
-
/* @__PURE__ */ t("span", { className: p.menuItemLabel, children:
|
|
873
|
+
/* @__PURE__ */ t("span", { className: p.menuItemLabel, children: l })
|
|
874
874
|
]
|
|
875
875
|
},
|
|
876
876
|
a
|
|
@@ -879,22 +879,22 @@ function Gn() {
|
|
|
879
879
|
}
|
|
880
880
|
);
|
|
881
881
|
}
|
|
882
|
-
const
|
|
883
|
-
main:
|
|
884
|
-
speed:
|
|
885
|
-
captions:
|
|
886
|
-
captionLanguage:
|
|
887
|
-
captionFontSize:
|
|
888
|
-
quality:
|
|
882
|
+
const De = le(null), Wn = {
|
|
883
|
+
main: En,
|
|
884
|
+
speed: zn,
|
|
885
|
+
captions: qn,
|
|
886
|
+
captionLanguage: Gn,
|
|
887
|
+
captionFontSize: jn,
|
|
888
|
+
quality: Qn
|
|
889
889
|
};
|
|
890
|
-
function
|
|
891
|
-
const e = v(), [n, o] =
|
|
890
|
+
function Yn() {
|
|
891
|
+
const e = v(), [n, o] = x(["main"]), [i, s] = x(!1), a = _(() => {
|
|
892
892
|
s(!i), o(["main"]), e.setGlobalKeysDisabled(!i);
|
|
893
|
-
}, [i]),
|
|
893
|
+
}, [i]), l = _((P) => {
|
|
894
894
|
o((T) => T.concat(P));
|
|
895
|
-
}, []),
|
|
895
|
+
}, []), r = _(() => {
|
|
896
896
|
o((P) => P.length > 1 ? P.slice(0, -1) : P);
|
|
897
|
-
}, []), u = E(() =>
|
|
897
|
+
}, []), u = E(() => Wn[n[n.length - 1]], [n]), d = G(null), { refs: g, floatingStyles: w, context: k } = ue({
|
|
898
898
|
open: i,
|
|
899
899
|
onOpenChange: a,
|
|
900
900
|
placement: "top-end",
|
|
@@ -904,15 +904,15 @@ function Qn() {
|
|
|
904
904
|
element: d
|
|
905
905
|
})
|
|
906
906
|
]
|
|
907
|
-
}), y = he(k, { escapeKey: !1 }), { getReferenceProps: N, getFloatingProps: h } = pe([y]),
|
|
908
|
-
() => ({ setPage:
|
|
909
|
-
[
|
|
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]
|
|
910
910
|
);
|
|
911
911
|
return {
|
|
912
912
|
Page: u,
|
|
913
913
|
open: i,
|
|
914
914
|
arrowRef: d,
|
|
915
|
-
refs:
|
|
915
|
+
refs: g,
|
|
916
916
|
floatingStyles: w,
|
|
917
917
|
context: k,
|
|
918
918
|
getReferenceProps() {
|
|
@@ -922,15 +922,15 @@ function Qn() {
|
|
|
922
922
|
};
|
|
923
923
|
},
|
|
924
924
|
getFloatingProps: h,
|
|
925
|
-
contextValue:
|
|
925
|
+
contextValue: b
|
|
926
926
|
};
|
|
927
927
|
}
|
|
928
|
-
const
|
|
928
|
+
const Xn = "_settings-menu_7d0td_1", Jn = "_arrow_7d0td_19", Pe = {
|
|
929
929
|
"settings-menu": "_settings-menu_7d0td_1",
|
|
930
|
-
settingsMenu:
|
|
931
|
-
arrow:
|
|
930
|
+
settingsMenu: Xn,
|
|
931
|
+
arrow: Jn
|
|
932
932
|
};
|
|
933
|
-
function
|
|
933
|
+
function e1() {
|
|
934
934
|
const {
|
|
935
935
|
Page: e,
|
|
936
936
|
arrowRef: n,
|
|
@@ -938,40 +938,40 @@ function Xn() {
|
|
|
938
938
|
floatingStyles: i,
|
|
939
939
|
getFloatingProps: s,
|
|
940
940
|
getReferenceProps: a,
|
|
941
|
-
open:
|
|
942
|
-
refs:
|
|
941
|
+
open: l,
|
|
942
|
+
refs: r,
|
|
943
943
|
contextValue: u
|
|
944
|
-
} =
|
|
944
|
+
} = Yn(), { t: d } = C();
|
|
945
945
|
return /* @__PURE__ */ c(j, { children: [
|
|
946
946
|
/* @__PURE__ */ t(
|
|
947
947
|
"button",
|
|
948
948
|
{
|
|
949
|
-
ref:
|
|
949
|
+
ref: r.setReference,
|
|
950
950
|
type: "button",
|
|
951
951
|
className: "controls-button",
|
|
952
952
|
"aria-label": d("SETTINGS"),
|
|
953
953
|
onClick: u.toggle,
|
|
954
|
-
"aria-expanded":
|
|
954
|
+
"aria-expanded": l,
|
|
955
955
|
...a(),
|
|
956
|
-
children: /* @__PURE__ */ t(
|
|
956
|
+
children: /* @__PURE__ */ t(an, { className: "controls-button-icon icon-rotate" })
|
|
957
957
|
}
|
|
958
958
|
),
|
|
959
|
-
|
|
959
|
+
l && /* @__PURE__ */ t(_e, { context: o, restoreFocus: !0, modal: !1, children: /* @__PURE__ */ c(
|
|
960
960
|
"div",
|
|
961
961
|
{
|
|
962
962
|
"aria-labelledby": "submenu",
|
|
963
|
-
className:
|
|
964
|
-
ref:
|
|
963
|
+
className: Pe.settingsMenu,
|
|
964
|
+
ref: r.setFloating,
|
|
965
965
|
style: i,
|
|
966
966
|
...s(),
|
|
967
967
|
children: [
|
|
968
|
-
/* @__PURE__ */ t(
|
|
968
|
+
/* @__PURE__ */ t(De.Provider, { value: u, children: /* @__PURE__ */ t(e, {}) }),
|
|
969
969
|
/* @__PURE__ */ t(
|
|
970
|
-
|
|
970
|
+
fe,
|
|
971
971
|
{
|
|
972
972
|
ref: n,
|
|
973
973
|
context: o,
|
|
974
|
-
className:
|
|
974
|
+
className: Pe.arrow
|
|
975
975
|
}
|
|
976
976
|
)
|
|
977
977
|
]
|
|
@@ -979,91 +979,91 @@ function Xn() {
|
|
|
979
979
|
) })
|
|
980
980
|
] });
|
|
981
981
|
}
|
|
982
|
-
function
|
|
982
|
+
function $e(e, n = 1e3) {
|
|
983
983
|
return function() {
|
|
984
|
-
const i =
|
|
984
|
+
const i = f("lastKeyboardAction"), [s, a] = x(!1), l = _(() => a(!1), []);
|
|
985
985
|
return O(() => {
|
|
986
986
|
a(!!i);
|
|
987
|
-
const
|
|
988
|
-
return () => clearTimeout(
|
|
987
|
+
const r = setTimeout(l, n);
|
|
988
|
+
return () => clearTimeout(r);
|
|
989
989
|
}, [i, n]), s ? /* @__PURE__ */ t(e, {}) : null;
|
|
990
990
|
};
|
|
991
991
|
}
|
|
992
|
-
const
|
|
992
|
+
const ge = (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" }) }), be = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 5,2 V 22 L 21,12.000665 Z", 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: "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" }) }), 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 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" }) }), Ge = (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" }) }), t1 = (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" }) }), n1 = (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" }) }), o1 = "_feedback-overlay_v4lbu_1", i1 = "_feedback-message_v4lbu_14", s1 = "_feedback-icon_v4lbu_30", a1 = "_feedback-icon-animation_v4lbu_1", L = {
|
|
993
993
|
"feedback-overlay": "_feedback-overlay_v4lbu_1",
|
|
994
|
-
feedbackOverlay:
|
|
994
|
+
feedbackOverlay: o1,
|
|
995
995
|
"feedback-message": "_feedback-message_v4lbu_14",
|
|
996
|
-
feedbackMessage:
|
|
996
|
+
feedbackMessage: i1,
|
|
997
997
|
"feedback-icon": "_feedback-icon_v4lbu_30",
|
|
998
|
-
feedbackIcon:
|
|
998
|
+
feedbackIcon: s1,
|
|
999
999
|
"feedback-icon-animation": "_feedback-icon-animation_v4lbu_1",
|
|
1000
|
-
feedbackIconAnimation:
|
|
1000
|
+
feedbackIconAnimation: a1
|
|
1001
1001
|
};
|
|
1002
|
-
function
|
|
1002
|
+
function c1() {
|
|
1003
1003
|
var o;
|
|
1004
|
-
const e =
|
|
1004
|
+
const e = Te();
|
|
1005
1005
|
switch ((o = e.lastKeyboardAction) == null ? void 0 : o.action) {
|
|
1006
1006
|
case "togglePaused":
|
|
1007
|
-
return /* @__PURE__ */ t("i", { className:
|
|
1007
|
+
return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: e.paused ? /* @__PURE__ */ t(ge, {}) : /* @__PURE__ */ t(be, {}) });
|
|
1008
1008
|
case "toggleCaptions":
|
|
1009
1009
|
case "nextCaptionLanguage":
|
|
1010
1010
|
case "previousCaptionLanguage":
|
|
1011
|
-
return e.hasCaptions ? /* @__PURE__ */ t("i", { className:
|
|
1011
|
+
return e.hasCaptions ? /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: /* @__PURE__ */ t(Ze, {}) }) : null;
|
|
1012
1012
|
case "volumeUp":
|
|
1013
1013
|
case "volumeDown":
|
|
1014
1014
|
case "toggleMuted":
|
|
1015
|
-
return /* @__PURE__ */ t("i", { className:
|
|
1015
|
+
return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: e.muted || e.volume === 0 ? /* @__PURE__ */ t(Ue, {}) : e.volume >= 0.5 ? /* @__PURE__ */ t(Ge, {}) : /* @__PURE__ */ t(qe, {}) });
|
|
1016
1016
|
case "seekForward":
|
|
1017
1017
|
case "seekForward10":
|
|
1018
|
-
return /* @__PURE__ */ t("i", { className:
|
|
1018
|
+
return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: /* @__PURE__ */ t(t1, { className: "right" }) });
|
|
1019
1019
|
case "seekBackward":
|
|
1020
1020
|
case "seekBackward10":
|
|
1021
|
-
return /* @__PURE__ */ t("i", { className:
|
|
1021
|
+
return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: /* @__PURE__ */ t(n1, { className: "left" }) });
|
|
1022
1022
|
default:
|
|
1023
1023
|
return null;
|
|
1024
1024
|
}
|
|
1025
1025
|
}
|
|
1026
|
-
function
|
|
1026
|
+
function l1() {
|
|
1027
1027
|
var i;
|
|
1028
|
-
const { t: e } = C(), n =
|
|
1028
|
+
const { t: e } = C(), n = Te();
|
|
1029
1029
|
switch ((i = n.lastKeyboardAction) == null ? void 0 : i.action) {
|
|
1030
1030
|
case "toggleCaptions":
|
|
1031
1031
|
case "nextCaptionLanguage":
|
|
1032
1032
|
case "previousCaptionLanguage":
|
|
1033
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1033
|
+
return /* @__PURE__ */ t("div", { className: L.feedbackMessage, children: n.textTrack ? e("CAPTION_LANGUAGE", { language: n.textTrack.label }) : `${e("CAPTIONS")}: ${e("OFF")}` });
|
|
1034
1034
|
case "volumeUp":
|
|
1035
1035
|
case "volumeDown":
|
|
1036
1036
|
case "toggleMuted":
|
|
1037
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1037
|
+
return /* @__PURE__ */ t("div", { className: L.feedbackMessage, children: n.muted || n.volume === 0 ? e("MUTED") : e("VOLUME_VALUE", { volume: (n.volume * 100).toFixed(0) }) });
|
|
1038
1038
|
case "increasePlaybackRate":
|
|
1039
1039
|
case "decreasePlaybackRate":
|
|
1040
1040
|
case "resetPlaybackRate":
|
|
1041
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1041
|
+
return /* @__PURE__ */ t("div", { className: L.feedbackMessage, children: e("PLAYBACK_SPEED_MESSAGE", { speed: n.playbackRate }) });
|
|
1042
1042
|
case "seekForward":
|
|
1043
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1043
|
+
return /* @__PURE__ */ t("div", { className: L.feedbackMessage, children: e("SEEK_FORWARD", { seconds: 5 }) });
|
|
1044
1044
|
case "seekForward10":
|
|
1045
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1045
|
+
return /* @__PURE__ */ t("div", { className: L.feedbackMessage, children: e("SEEK_FORWARD", { seconds: 10 }) });
|
|
1046
1046
|
case "seekBackward":
|
|
1047
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1047
|
+
return /* @__PURE__ */ t("div", { className: L.feedbackMessage, children: e("SEEK_BACKWARD", { seconds: 5 }) });
|
|
1048
1048
|
case "seekBackward10":
|
|
1049
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1049
|
+
return /* @__PURE__ */ t("div", { className: L.feedbackMessage, children: e("SEEK_BACKWARD", { seconds: 10 }) });
|
|
1050
1050
|
default:
|
|
1051
1051
|
return null;
|
|
1052
1052
|
}
|
|
1053
1053
|
}
|
|
1054
|
-
const
|
|
1055
|
-
function
|
|
1056
|
-
return /* @__PURE__ */ c("div", { className:
|
|
1057
|
-
/* @__PURE__ */ t(
|
|
1058
|
-
/* @__PURE__ */ t(
|
|
1054
|
+
const r1 = $e(c1, 500), u1 = $e(l1, 1e3);
|
|
1055
|
+
function je() {
|
|
1056
|
+
return /* @__PURE__ */ c("div", { className: L.feedbackOverlay, children: [
|
|
1057
|
+
/* @__PURE__ */ t(r1, {}),
|
|
1058
|
+
/* @__PURE__ */ t(u1, {})
|
|
1059
1059
|
] });
|
|
1060
1060
|
}
|
|
1061
|
-
const
|
|
1061
|
+
const d1 = (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" }) }), m1 = (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" }) }), h1 = "_full-screen-button_1xm32_2", p1 = {
|
|
1062
1062
|
"full-screen-button": "_full-screen-button_1xm32_2",
|
|
1063
|
-
fullScreenButton:
|
|
1063
|
+
fullScreenButton: h1
|
|
1064
1064
|
};
|
|
1065
|
-
function
|
|
1066
|
-
const e =
|
|
1065
|
+
function _1() {
|
|
1066
|
+
const e = f("fullscreen"), n = F(), o = v(), i = M(), { t: s } = C();
|
|
1067
1067
|
return i.hideFullScreen ? null : /* @__PURE__ */ t(
|
|
1068
1068
|
"button",
|
|
1069
1069
|
{
|
|
@@ -1071,49 +1071,49 @@ function h1() {
|
|
|
1071
1071
|
type: "button",
|
|
1072
1072
|
"aria-label": s(e ? "EXIT_FULLSCREEN" : "ENTER_FULLSCREEN"),
|
|
1073
1073
|
tabIndex: o.state.interactionsDisabled ? -1 : 0,
|
|
1074
|
-
className: `controls-button ${
|
|
1074
|
+
className: `controls-button ${p1.fullScreenButton}`,
|
|
1075
1075
|
onClick: () => {
|
|
1076
1076
|
e ? n == null || n.exitFullscreen() : n == null || n.enterFullscreen();
|
|
1077
1077
|
},
|
|
1078
|
-
children: e ? /* @__PURE__ */ t(
|
|
1078
|
+
children: e ? /* @__PURE__ */ t(m1, { className: "controls-button-icon" }) : /* @__PURE__ */ t(d1, { className: "controls-button-icon" })
|
|
1079
1079
|
}
|
|
1080
1080
|
);
|
|
1081
1081
|
}
|
|
1082
|
-
const
|
|
1082
|
+
const f1 = "_gestures-container_1fn3b_1", C1 = "_gesture_1fn3b_1", Ne = {
|
|
1083
1083
|
"gestures-container": "_gestures-container_1fn3b_1",
|
|
1084
|
-
gesturesContainer:
|
|
1085
|
-
gesture:
|
|
1084
|
+
gesturesContainer: f1,
|
|
1085
|
+
gesture: C1
|
|
1086
1086
|
};
|
|
1087
|
-
function
|
|
1087
|
+
function g1() {
|
|
1088
1088
|
const e = oe(), n = () => {
|
|
1089
1089
|
e.togglePaused();
|
|
1090
1090
|
};
|
|
1091
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1091
|
+
return /* @__PURE__ */ t("div", { className: Ne.gesturesContainer, children: /* @__PURE__ */ t("div", { "aria-hidden": !0, className: Ne.gesture, onClick: n }) });
|
|
1092
1092
|
}
|
|
1093
|
-
const
|
|
1093
|
+
const Qe = (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" }) }), b1 = "_controls-overlay_poi8b_1", v1 = "_keyboard-shortcuts-overlay_poi8b_11", w1 = "_screen-reader-content_poi8b_75", y1 = "_controls-button_poi8b_89", k1 = "_keyboard-shortcuts-button_poi8b_101", x1 = "_kebab-menu-button_poi8b_110", L1 = "_kebab-menu_poi8b_110", M1 = "_kebab-menu-item_poi8b_139", P1 = "_close-button_poi8b_178", N1 = "_arrow_poi8b_192", I = {
|
|
1094
1094
|
"controls-overlay": "_controls-overlay_poi8b_1",
|
|
1095
|
-
controlsOverlay:
|
|
1095
|
+
controlsOverlay: b1,
|
|
1096
1096
|
"keyboard-shortcuts-overlay": "_keyboard-shortcuts-overlay_poi8b_11",
|
|
1097
|
-
keyboardShortcutsOverlay:
|
|
1097
|
+
keyboardShortcutsOverlay: v1,
|
|
1098
1098
|
"screen-reader-content": "_screen-reader-content_poi8b_75",
|
|
1099
|
-
screenReaderContent:
|
|
1099
|
+
screenReaderContent: w1,
|
|
1100
1100
|
"controls-button": "_controls-button_poi8b_89",
|
|
1101
|
-
controlsButton:
|
|
1101
|
+
controlsButton: y1,
|
|
1102
1102
|
"keyboard-shortcuts-button": "_keyboard-shortcuts-button_poi8b_101",
|
|
1103
|
-
keyboardShortcutsButton:
|
|
1103
|
+
keyboardShortcutsButton: k1,
|
|
1104
1104
|
"kebab-menu-button": "_kebab-menu-button_poi8b_110",
|
|
1105
|
-
kebabMenuButton:
|
|
1105
|
+
kebabMenuButton: x1,
|
|
1106
1106
|
"kebab-menu": "_kebab-menu_poi8b_110",
|
|
1107
|
-
kebabMenu:
|
|
1107
|
+
kebabMenu: L1,
|
|
1108
1108
|
"kebab-menu-item": "_kebab-menu-item_poi8b_139",
|
|
1109
|
-
kebabMenuItem:
|
|
1109
|
+
kebabMenuItem: M1,
|
|
1110
1110
|
"close-button": "_close-button_poi8b_178",
|
|
1111
|
-
closeButton:
|
|
1112
|
-
arrow:
|
|
1111
|
+
closeButton: P1,
|
|
1112
|
+
arrow: N1
|
|
1113
1113
|
};
|
|
1114
|
-
function
|
|
1114
|
+
function I1({ onClose: e }) {
|
|
1115
1115
|
const { t: n } = C();
|
|
1116
|
-
|
|
1116
|
+
In(e);
|
|
1117
1117
|
const o = (i) => {
|
|
1118
1118
|
i && i.focus();
|
|
1119
1119
|
};
|
|
@@ -1135,7 +1135,7 @@ function P1({ onClose: e }) {
|
|
|
1135
1135
|
className: I.closeButton,
|
|
1136
1136
|
onClick: e,
|
|
1137
1137
|
"aria-label": n("CLOSE"),
|
|
1138
|
-
children: /* @__PURE__ */ t(
|
|
1138
|
+
children: /* @__PURE__ */ t(Qe, {})
|
|
1139
1139
|
}
|
|
1140
1140
|
)
|
|
1141
1141
|
] }),
|
|
@@ -1227,32 +1227,32 @@ function P1({ onClose: e }) {
|
|
|
1227
1227
|
}
|
|
1228
1228
|
);
|
|
1229
1229
|
}
|
|
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] =
|
|
1230
|
+
const H1 = (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" }) }), S1 = (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" }) }), V1 = (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" }) }), 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.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" }) }), 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.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" }) }), A1 = {
|
|
1231
|
+
share: /* @__PURE__ */ t(S1, {}),
|
|
1232
|
+
transcript: /* @__PURE__ */ t(V1, {}),
|
|
1233
|
+
media: /* @__PURE__ */ t(T1, {}),
|
|
1234
|
+
delete: /* @__PURE__ */ t(E1, {})
|
|
1235
|
+
}, R1 = (e) => typeof e != "string";
|
|
1236
|
+
function B1() {
|
|
1237
|
+
const [e, n] = x(!1), [o, i] = x(null), s = v(), a = M(), l = () => {
|
|
1238
1238
|
n(!e), s.setGlobalKeysDisabled(!e);
|
|
1239
|
-
},
|
|
1239
|
+
}, r = G(null), u = G([]), { refs: d, floatingStyles: g, context: w } = ue({
|
|
1240
1240
|
open: e,
|
|
1241
|
-
onOpenChange:
|
|
1241
|
+
onOpenChange: l,
|
|
1242
1242
|
whileElementsMounted: de,
|
|
1243
1243
|
placement: "top-end",
|
|
1244
1244
|
middleware: [
|
|
1245
|
-
|
|
1246
|
-
|
|
1245
|
+
Ee(),
|
|
1246
|
+
Ae(10),
|
|
1247
1247
|
me({
|
|
1248
|
-
element:
|
|
1248
|
+
element: r
|
|
1249
1249
|
})
|
|
1250
1250
|
]
|
|
1251
|
-
}), k =
|
|
1251
|
+
}), k = wt(w, {
|
|
1252
1252
|
listRef: u,
|
|
1253
1253
|
activeIndex: o,
|
|
1254
1254
|
onNavigate: i
|
|
1255
|
-
}), y = he(w), { getReferenceProps: N, getFloatingProps: h, getItemProps:
|
|
1255
|
+
}), y = he(w), { getReferenceProps: N, getFloatingProps: h, getItemProps: b } = pe(
|
|
1256
1256
|
[y, k]
|
|
1257
1257
|
), { t: P } = C();
|
|
1258
1258
|
return a.kebabMenuElements.length > 0 ? /* @__PURE__ */ c(j, { children: [
|
|
@@ -1265,16 +1265,16 @@ function R1() {
|
|
|
1265
1265
|
tabIndex: s.state.interactionsDisabled ? -1 : 0,
|
|
1266
1266
|
ref: d.setReference,
|
|
1267
1267
|
...N({
|
|
1268
|
-
onClick: () =>
|
|
1268
|
+
onClick: () => l()
|
|
1269
1269
|
}),
|
|
1270
|
-
children: /* @__PURE__ */ t(
|
|
1270
|
+
children: /* @__PURE__ */ t(H1, {})
|
|
1271
1271
|
}
|
|
1272
1272
|
),
|
|
1273
|
-
e && /* @__PURE__ */ t(
|
|
1273
|
+
e && /* @__PURE__ */ t(_e, { context: w, modal: !1, children: /* @__PURE__ */ c(
|
|
1274
1274
|
"div",
|
|
1275
1275
|
{
|
|
1276
1276
|
ref: d.setFloating,
|
|
1277
|
-
style:
|
|
1277
|
+
style: g,
|
|
1278
1278
|
className: I.kebabMenu,
|
|
1279
1279
|
...h(),
|
|
1280
1280
|
children: [
|
|
@@ -1288,13 +1288,13 @@ function R1() {
|
|
|
1288
1288
|
ref: (se) => {
|
|
1289
1289
|
u.current[X] = se;
|
|
1290
1290
|
},
|
|
1291
|
-
...
|
|
1291
|
+
...b({
|
|
1292
1292
|
onClick: () => {
|
|
1293
1293
|
Y(T), n(!1);
|
|
1294
1294
|
}
|
|
1295
1295
|
}),
|
|
1296
1296
|
children: [
|
|
1297
|
-
|
|
1297
|
+
R1(V) ? V : A1[V],
|
|
1298
1298
|
Z
|
|
1299
1299
|
]
|
|
1300
1300
|
},
|
|
@@ -1302,9 +1302,9 @@ function R1() {
|
|
|
1302
1302
|
)
|
|
1303
1303
|
),
|
|
1304
1304
|
/* @__PURE__ */ t(
|
|
1305
|
-
|
|
1305
|
+
fe,
|
|
1306
1306
|
{
|
|
1307
|
-
ref:
|
|
1307
|
+
ref: r,
|
|
1308
1308
|
context: w,
|
|
1309
1309
|
className: I.arrow
|
|
1310
1310
|
}
|
|
@@ -1314,17 +1314,17 @@ function R1() {
|
|
|
1314
1314
|
) })
|
|
1315
1315
|
] }) : null;
|
|
1316
1316
|
}
|
|
1317
|
-
const
|
|
1318
|
-
function
|
|
1319
|
-
const [e, n] =
|
|
1320
|
-
n(!0),
|
|
1321
|
-
}, [
|
|
1322
|
-
n(!1), i(!0),
|
|
1323
|
-
}, [s, u,
|
|
1317
|
+
const O1 = (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" }) });
|
|
1318
|
+
function F1() {
|
|
1319
|
+
const [e, n] = x(!1), [o, i] = x(!1), [s, a] = x(!1), l = v(), r = f("playing"), u = oe(), { t: d } = C(), g = _(() => {
|
|
1320
|
+
n(!0), l.disableInteractions(), r && (a(!0), u.pause());
|
|
1321
|
+
}, [r, u, l]), w = _(() => {
|
|
1322
|
+
n(!1), i(!0), l.enableInteractions(), s && (a(!1), u.play());
|
|
1323
|
+
}, [s, u, l]), k = _(
|
|
1324
1324
|
(y) => o && (y == null ? void 0 : y.focus()),
|
|
1325
1325
|
[o]
|
|
1326
1326
|
);
|
|
1327
|
-
return e ? /* @__PURE__ */ t(
|
|
1327
|
+
return e ? /* @__PURE__ */ t(I1, { onClose: w }) : /* @__PURE__ */ c("div", { className: I.controlsOverlay, children: [
|
|
1328
1328
|
/* @__PURE__ */ t(
|
|
1329
1329
|
"button",
|
|
1330
1330
|
{
|
|
@@ -1332,140 +1332,158 @@ function B1() {
|
|
|
1332
1332
|
"aria-label": d("KEYBOARD_SHORTCUTS"),
|
|
1333
1333
|
type: "button",
|
|
1334
1334
|
className: `${I.controlsButton} ${I.keyboardShortcutsButton}`,
|
|
1335
|
-
onClick:
|
|
1336
|
-
tabIndex:
|
|
1337
|
-
children: /* @__PURE__ */ t(
|
|
1335
|
+
onClick: g,
|
|
1336
|
+
tabIndex: l.state.interactionsDisabled ? -1 : 0,
|
|
1337
|
+
children: /* @__PURE__ */ t(O1, {})
|
|
1338
1338
|
}
|
|
1339
1339
|
),
|
|
1340
|
-
/* @__PURE__ */ t(
|
|
1340
|
+
/* @__PURE__ */ t(B1, {})
|
|
1341
1341
|
] });
|
|
1342
1342
|
}
|
|
1343
|
-
const
|
|
1343
|
+
const Z1 = "_play-pause-button_1834v_1", z1 = {
|
|
1344
1344
|
"play-pause-button": "_play-pause-button_1834v_1",
|
|
1345
|
-
playPauseButton:
|
|
1345
|
+
playPauseButton: Z1
|
|
1346
1346
|
};
|
|
1347
|
-
function
|
|
1348
|
-
const e = F(), n = v(), o =
|
|
1347
|
+
function K1() {
|
|
1348
|
+
const e = F(), n = v(), o = f("paused"), { t: i } = C();
|
|
1349
1349
|
return e ? /* @__PURE__ */ t(
|
|
1350
1350
|
"button",
|
|
1351
1351
|
{
|
|
1352
1352
|
role: "button",
|
|
1353
1353
|
type: "button",
|
|
1354
|
-
className: `controls-button ${
|
|
1354
|
+
className: `controls-button ${z1.playPauseButton}`,
|
|
1355
1355
|
"aria-label": i(o ? "PLAY" : "PAUSE"),
|
|
1356
1356
|
tabIndex: n.state.interactionsDisabled ? -1 : 0,
|
|
1357
1357
|
onClick: () => {
|
|
1358
1358
|
e.paused ? e.remoteControl.play() : e.remoteControl.pause();
|
|
1359
1359
|
},
|
|
1360
|
-
children: o ? /* @__PURE__ */ t(
|
|
1360
|
+
children: o ? /* @__PURE__ */ t(be, { className: "controls-button-icon" }) : /* @__PURE__ */ t(ge, { className: "controls-button-icon" })
|
|
1361
1361
|
}
|
|
1362
1362
|
) : null;
|
|
1363
1363
|
}
|
|
1364
|
-
const
|
|
1365
|
-
poster:
|
|
1364
|
+
const D1 = "_poster_195hi_1", $1 = {
|
|
1365
|
+
poster: D1
|
|
1366
1366
|
};
|
|
1367
|
-
function
|
|
1368
|
-
const n =
|
|
1369
|
-
return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(
|
|
1367
|
+
function U1({ src: e }) {
|
|
1368
|
+
const n = f("source");
|
|
1369
|
+
return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(mt, { src: e, className: $1.poster });
|
|
1370
1370
|
}
|
|
1371
|
-
const
|
|
1371
|
+
const q1 = "_small-layout-overlay_1pd49_1", G1 = "_small-layout-button_1pd49_14", j1 = "_small-layout-icon-play_1pd49_24", Q1 = "_small-layout-icon-pause_1pd49_30", W1 = "_full-screen-close-icon_1pd49_36", Y1 = "_fade-out_1pd49_1", U = {
|
|
1372
1372
|
"small-layout-overlay": "_small-layout-overlay_1pd49_1",
|
|
1373
|
-
smallLayoutOverlay:
|
|
1373
|
+
smallLayoutOverlay: q1,
|
|
1374
1374
|
"small-layout-button": "_small-layout-button_1pd49_14",
|
|
1375
|
-
smallLayoutButton:
|
|
1375
|
+
smallLayoutButton: G1,
|
|
1376
1376
|
"small-layout-icon-play": "_small-layout-icon-play_1pd49_24",
|
|
1377
|
-
smallLayoutIconPlay:
|
|
1377
|
+
smallLayoutIconPlay: j1,
|
|
1378
1378
|
"small-layout-icon-pause": "_small-layout-icon-pause_1pd49_30",
|
|
1379
|
-
smallLayoutIconPause:
|
|
1379
|
+
smallLayoutIconPause: Q1,
|
|
1380
1380
|
"full-screen-close-icon": "_full-screen-close-icon_1pd49_36",
|
|
1381
|
-
fullScreenCloseIcon:
|
|
1381
|
+
fullScreenCloseIcon: W1,
|
|
1382
1382
|
"fade-out": "_fade-out_1pd49_1",
|
|
1383
|
-
fadeOut:
|
|
1383
|
+
fadeOut: Y1
|
|
1384
1384
|
};
|
|
1385
|
-
function
|
|
1386
|
-
const e =
|
|
1385
|
+
function X1() {
|
|
1386
|
+
const e = f("paused");
|
|
1387
1387
|
return /* @__PURE__ */ c("div", { className: U.smallLayoutOverlay, children: [
|
|
1388
|
-
/* @__PURE__ */ t(
|
|
1389
|
-
/* @__PURE__ */ t("i", { className: U.smallLayoutButton, children: e ? /* @__PURE__ */ t(
|
|
1388
|
+
/* @__PURE__ */ t(ht, { className: U.fullScreenCloseIcon, children: /* @__PURE__ */ t(Qe, {}) }),
|
|
1389
|
+
/* @__PURE__ */ t("i", { className: U.smallLayoutButton, children: e ? /* @__PURE__ */ t(be, { className: U.smallLayoutIconPlay }) : /* @__PURE__ */ t(ge, { className: U.smallLayoutIconPause }) })
|
|
1390
1390
|
] });
|
|
1391
1391
|
}
|
|
1392
|
-
const
|
|
1392
|
+
const J1 = "_time-indicator_1rlpb_1", eo = {
|
|
1393
1393
|
"time-indicator": "_time-indicator_1rlpb_1",
|
|
1394
|
-
timeIndicator:
|
|
1394
|
+
timeIndicator: J1
|
|
1395
1395
|
};
|
|
1396
|
-
function
|
|
1397
|
-
return /* @__PURE__ */ c("div", { className:
|
|
1396
|
+
function to() {
|
|
1397
|
+
return /* @__PURE__ */ c("div", { className: eo.timeIndicator, children: [
|
|
1398
1398
|
/* @__PURE__ */ t(Le, { type: "current" }),
|
|
1399
1399
|
"/",
|
|
1400
1400
|
/* @__PURE__ */ t(Le, { type: "duration" })
|
|
1401
1401
|
] });
|
|
1402
1402
|
}
|
|
1403
|
-
|
|
1404
|
-
|
|
1405
|
-
|
|
1406
|
-
"
|
|
1407
|
-
|
|
1408
|
-
|
|
1409
|
-
|
|
1410
|
-
|
|
1411
|
-
|
|
1412
|
-
|
|
1413
|
-
"
|
|
1414
|
-
|
|
1415
|
-
|
|
1416
|
-
|
|
1417
|
-
|
|
1418
|
-
|
|
1419
|
-
"
|
|
1420
|
-
|
|
1421
|
-
"
|
|
1422
|
-
|
|
1423
|
-
|
|
1424
|
-
|
|
1425
|
-
|
|
1426
|
-
|
|
1427
|
-
|
|
1428
|
-
|
|
1429
|
-
"
|
|
1430
|
-
|
|
1431
|
-
|
|
1432
|
-
|
|
1433
|
-
|
|
1434
|
-
|
|
1435
|
-
|
|
1436
|
-
|
|
1437
|
-
|
|
1438
|
-
|
|
1439
|
-
|
|
1440
|
-
|
|
1441
|
-
|
|
1442
|
-
|
|
1443
|
-
|
|
1444
|
-
|
|
1445
|
-
|
|
1446
|
-
|
|
1403
|
+
function We(e) {
|
|
1404
|
+
var n, o, i = "";
|
|
1405
|
+
if (typeof e == "string" || typeof e == "number") i += e;
|
|
1406
|
+
else if (typeof e == "object") if (Array.isArray(e)) {
|
|
1407
|
+
var s = e.length;
|
|
1408
|
+
for (n = 0; n < s; n++) e[n] && (o = We(e[n])) && (i && (i += " "), i += o);
|
|
1409
|
+
} else for (o in e) e[o] && (i && (i += " "), i += o);
|
|
1410
|
+
return i;
|
|
1411
|
+
}
|
|
1412
|
+
function no() {
|
|
1413
|
+
for (var e, n, o = 0, i = "", s = arguments.length; o < s; o++) (e = arguments[o]) && (n = We(e)) && (i && (i += " "), i += n);
|
|
1414
|
+
return i;
|
|
1415
|
+
}
|
|
1416
|
+
const oo = "_comment-markers_1ldxg_1", io = "_comment-marker_1ldxg_1", so = "_timeline-wrapper_1ldxg_27", ao = "_track_1ldxg_41", co = "_thumb_1ldxg_52", lo = "_root_1ldxg_66", ro = "_track-inner_1ldxg_96", uo = "_progress_1ldxg_102", mo = "_track-fill_1ldxg_108", ho = "_pins_1ldxg_125", po = "_pin-button_1ldxg_138", _o = "_annotation-pin_1ldxg_158", fo = "_quiz-pin_1ldxg_163", Co = "_pin-completed_1ldxg_168", go = "_annotation-pin-child_1ldxg_173", bo = "_quiz-pin-child_1ldxg_177", vo = "_interactive-pin-container_1ldxg_182", wo = "_interactive-pin-wrapper_1ldxg_192", yo = "_interactive-pin-icon_1ldxg_198", ko = "_interactive-pin_1ldxg_182", xo = "_bg_1ldxg_212", Lo = "_symbol_1ldxg_216", Mo = "_interactive-pin-button_1ldxg_221", Po = "_interactive-pin-menu_1ldxg_241", No = "_interactive-pin-menu-item_1ldxg_255", Io = "_arrow_1ldxg_276", m = {
|
|
1417
|
+
"comment-markers": "_comment-markers_1ldxg_1",
|
|
1418
|
+
commentMarkers: oo,
|
|
1419
|
+
"comment-marker": "_comment-marker_1ldxg_1",
|
|
1420
|
+
commentMarker: io,
|
|
1421
|
+
"timeline-wrapper": "_timeline-wrapper_1ldxg_27",
|
|
1422
|
+
timelineWrapper: so,
|
|
1423
|
+
track: ao,
|
|
1424
|
+
thumb: co,
|
|
1425
|
+
root: lo,
|
|
1426
|
+
"track-inner": "_track-inner_1ldxg_96",
|
|
1427
|
+
trackInner: ro,
|
|
1428
|
+
progress: uo,
|
|
1429
|
+
"track-fill": "_track-fill_1ldxg_108",
|
|
1430
|
+
trackFill: mo,
|
|
1431
|
+
pins: ho,
|
|
1432
|
+
"pin-button": "_pin-button_1ldxg_138",
|
|
1433
|
+
pinButton: po,
|
|
1434
|
+
"annotation-pin": "_annotation-pin_1ldxg_158",
|
|
1435
|
+
annotationPin: _o,
|
|
1436
|
+
"quiz-pin": "_quiz-pin_1ldxg_163",
|
|
1437
|
+
quizPin: fo,
|
|
1438
|
+
"pin-completed": "_pin-completed_1ldxg_168",
|
|
1439
|
+
pinCompleted: Co,
|
|
1440
|
+
"annotation-pin-child": "_annotation-pin-child_1ldxg_173",
|
|
1441
|
+
annotationPinChild: go,
|
|
1442
|
+
"quiz-pin-child": "_quiz-pin-child_1ldxg_177",
|
|
1443
|
+
quizPinChild: bo,
|
|
1444
|
+
"interactive-pin-container": "_interactive-pin-container_1ldxg_182",
|
|
1445
|
+
interactivePinContainer: vo,
|
|
1446
|
+
"interactive-pin-wrapper": "_interactive-pin-wrapper_1ldxg_192",
|
|
1447
|
+
interactivePinWrapper: wo,
|
|
1448
|
+
"interactive-pin-icon": "_interactive-pin-icon_1ldxg_198",
|
|
1449
|
+
interactivePinIcon: yo,
|
|
1450
|
+
"interactive-pin": "_interactive-pin_1ldxg_182",
|
|
1451
|
+
interactivePin: ko,
|
|
1452
|
+
bg: xo,
|
|
1453
|
+
symbol: Lo,
|
|
1454
|
+
"interactive-pin-button": "_interactive-pin-button_1ldxg_221",
|
|
1455
|
+
interactivePinButton: Mo,
|
|
1456
|
+
"interactive-pin-menu": "_interactive-pin-menu_1ldxg_241",
|
|
1457
|
+
interactivePinMenu: Po,
|
|
1458
|
+
"interactive-pin-menu-item": "_interactive-pin-menu-item_1ldxg_255",
|
|
1459
|
+
interactivePinMenuItem: No,
|
|
1460
|
+
arrow: Io
|
|
1461
|
+
}, Ho = {
|
|
1447
1462
|
annotation: m.annotationPin,
|
|
1448
1463
|
quiz: m.quizPin
|
|
1449
1464
|
};
|
|
1450
|
-
function
|
|
1465
|
+
function Ye({
|
|
1451
1466
|
type: e,
|
|
1452
1467
|
position: n,
|
|
1453
1468
|
children: o,
|
|
1454
|
-
onClick: i
|
|
1469
|
+
onClick: i,
|
|
1470
|
+
id: s,
|
|
1471
|
+
completed: a
|
|
1455
1472
|
}) {
|
|
1456
|
-
const
|
|
1473
|
+
const l = v();
|
|
1457
1474
|
return /* @__PURE__ */ t(
|
|
1458
1475
|
"button",
|
|
1459
1476
|
{
|
|
1460
1477
|
type: "button",
|
|
1461
|
-
tabIndex:
|
|
1478
|
+
tabIndex: l.state.interactionsDisabled ? -1 : 0,
|
|
1462
1479
|
className: m.pinButton,
|
|
1463
1480
|
style: { left: `${n}%` },
|
|
1464
1481
|
onClick: i,
|
|
1482
|
+
"data-marker-id": s,
|
|
1465
1483
|
children: /* @__PURE__ */ c(
|
|
1466
1484
|
"svg",
|
|
1467
1485
|
{
|
|
1468
|
-
className:
|
|
1486
|
+
className: no(Ho[e], [a && m.pinCompleted]),
|
|
1469
1487
|
width: "26",
|
|
1470
1488
|
height: "32",
|
|
1471
1489
|
viewBox: "0 0 26 32",
|
|
@@ -1479,8 +1497,8 @@ function Qe({
|
|
|
1479
1497
|
}
|
|
1480
1498
|
);
|
|
1481
1499
|
}
|
|
1482
|
-
function
|
|
1483
|
-
return /* @__PURE__ */ t(
|
|
1500
|
+
function So(e) {
|
|
1501
|
+
return /* @__PURE__ */ t(Ye, { type: "annotation", ...e, children: /* @__PURE__ */ t(
|
|
1484
1502
|
"path",
|
|
1485
1503
|
{
|
|
1486
1504
|
className: m.annotationPinChild,
|
|
@@ -1492,8 +1510,8 @@ function Po(e) {
|
|
|
1492
1510
|
}
|
|
1493
1511
|
) });
|
|
1494
1512
|
}
|
|
1495
|
-
function
|
|
1496
|
-
return /* @__PURE__ */ t(
|
|
1513
|
+
function Vo(e) {
|
|
1514
|
+
return /* @__PURE__ */ t(Ye, { type: "quiz", ...e, children: e.multiple ? /* @__PURE__ */ t("circle", { className: m.quizPinChild, cx: "13", cy: "13", r: "6" }) : /* @__PURE__ */ t(
|
|
1497
1515
|
"text",
|
|
1498
1516
|
{
|
|
1499
1517
|
className: m.quizPinChild,
|
|
@@ -1506,7 +1524,7 @@ function No(e) {
|
|
|
1506
1524
|
}
|
|
1507
1525
|
) });
|
|
1508
1526
|
}
|
|
1509
|
-
function
|
|
1527
|
+
function To(e, n) {
|
|
1510
1528
|
return e.map((o, i) => ({
|
|
1511
1529
|
id: o.id,
|
|
1512
1530
|
time: o.time,
|
|
@@ -1515,33 +1533,35 @@ function Io(e, n) {
|
|
|
1515
1533
|
onClick: () => n(o)
|
|
1516
1534
|
}));
|
|
1517
1535
|
}
|
|
1518
|
-
function
|
|
1536
|
+
function Eo(e, n) {
|
|
1519
1537
|
const o = /* @__PURE__ */ new Map();
|
|
1520
1538
|
e.forEach((a) => {
|
|
1521
|
-
var
|
|
1522
|
-
const
|
|
1523
|
-
o.has(
|
|
1539
|
+
var r;
|
|
1540
|
+
const l = a.time;
|
|
1541
|
+
o.has(l) || o.set(l, []), (r = o.get(l)) == null || r.push(a);
|
|
1524
1542
|
});
|
|
1525
1543
|
const i = [];
|
|
1526
1544
|
let s = 0;
|
|
1527
|
-
return o.forEach((a,
|
|
1545
|
+
return o.forEach((a, l) => {
|
|
1528
1546
|
i.push({
|
|
1529
|
-
id: a.map((
|
|
1530
|
-
time:
|
|
1547
|
+
id: a.map((r) => r.id).join("-"),
|
|
1548
|
+
time: l,
|
|
1531
1549
|
type: "quiz",
|
|
1532
1550
|
ordinal: s + 1,
|
|
1533
1551
|
onClick: () => n(a),
|
|
1534
|
-
multiple: a.length > 1
|
|
1552
|
+
multiple: a.length > 1,
|
|
1553
|
+
completed: a.every((r) => r.completed)
|
|
1535
1554
|
}), s++;
|
|
1536
1555
|
}), i;
|
|
1537
1556
|
}
|
|
1538
|
-
function
|
|
1557
|
+
function Ao(e, n, o, i) {
|
|
1539
1558
|
switch (e.type) {
|
|
1540
1559
|
case "annotation": {
|
|
1541
1560
|
const s = () => i ? e.onClick() : o.seek(e.time);
|
|
1542
1561
|
return /* @__PURE__ */ t(
|
|
1543
|
-
|
|
1562
|
+
So,
|
|
1544
1563
|
{
|
|
1564
|
+
id: e.id,
|
|
1545
1565
|
position: e.time / n * 100,
|
|
1546
1566
|
onClick: s
|
|
1547
1567
|
},
|
|
@@ -1550,12 +1570,14 @@ function So(e, n, o, i) {
|
|
|
1550
1570
|
}
|
|
1551
1571
|
case "quiz":
|
|
1552
1572
|
return /* @__PURE__ */ t(
|
|
1553
|
-
|
|
1573
|
+
Vo,
|
|
1554
1574
|
{
|
|
1575
|
+
id: e.id,
|
|
1555
1576
|
position: e.time / n * 100,
|
|
1556
1577
|
ordinal: e.ordinal,
|
|
1557
1578
|
multiple: e.multiple,
|
|
1558
|
-
onClick: e.onClick
|
|
1579
|
+
onClick: e.onClick,
|
|
1580
|
+
completed: e.completed
|
|
1559
1581
|
},
|
|
1560
1582
|
e.id
|
|
1561
1583
|
);
|
|
@@ -1563,18 +1585,18 @@ function So(e, n, o, i) {
|
|
|
1563
1585
|
return null;
|
|
1564
1586
|
}
|
|
1565
1587
|
}
|
|
1566
|
-
function
|
|
1567
|
-
const e = oe(), n =
|
|
1568
|
-
...
|
|
1588
|
+
function Ro() {
|
|
1589
|
+
const e = oe(), n = f("duration"), o = M(), i = E(() => [
|
|
1590
|
+
...To(
|
|
1569
1591
|
o.annotations,
|
|
1570
1592
|
o.onAnnotationClick
|
|
1571
1593
|
),
|
|
1572
|
-
...
|
|
1573
|
-
].sort((a,
|
|
1594
|
+
...Eo(o.quizMarkers, o.onQuizMarkerClick)
|
|
1595
|
+
].sort((a, l) => a.time - l.time).map((a) => Ao(a, n, e, o.interactive)), [o.annotations, o.quizMarkers, n, e]);
|
|
1574
1596
|
return /* @__PURE__ */ t("div", { className: m.pins, children: i });
|
|
1575
1597
|
}
|
|
1576
|
-
function
|
|
1577
|
-
const e =
|
|
1598
|
+
function Bo() {
|
|
1599
|
+
const e = f("duration"), n = M(), o = v();
|
|
1578
1600
|
return n.hasComments && o.state.commentsEnabled ? /* @__PURE__ */ t("div", { className: m.commentMarkers, children: n.comments.map((i) => /* @__PURE__ */ t(
|
|
1579
1601
|
"span",
|
|
1580
1602
|
{
|
|
@@ -1586,24 +1608,24 @@ function To() {
|
|
|
1586
1608
|
i.id
|
|
1587
1609
|
)) }) : null;
|
|
1588
1610
|
}
|
|
1589
|
-
function
|
|
1590
|
-
const [o, i] =
|
|
1611
|
+
function Oo({ currentTime: e, position: n }) {
|
|
1612
|
+
const [o, i] = x(!1), s = M(), a = _(() => s.interactiveMenuElements.length > 0 ? i((y) => !y) : s.onInteractivePinClick(e), [
|
|
1591
1613
|
s.interactiveMenuElements,
|
|
1592
1614
|
s.onInteractivePinClick,
|
|
1593
1615
|
e
|
|
1594
|
-
]),
|
|
1616
|
+
]), l = G(null), { refs: r, floatingStyles: u, context: d } = ue({
|
|
1595
1617
|
open: o,
|
|
1596
1618
|
onOpenChange: i,
|
|
1597
1619
|
whileElementsMounted: de,
|
|
1598
1620
|
placement: "top",
|
|
1599
1621
|
middleware: [
|
|
1600
|
-
|
|
1601
|
-
|
|
1622
|
+
Ee(),
|
|
1623
|
+
Ae(6),
|
|
1602
1624
|
me({
|
|
1603
|
-
element:
|
|
1625
|
+
element: l
|
|
1604
1626
|
})
|
|
1605
1627
|
]
|
|
1606
|
-
}),
|
|
1628
|
+
}), g = he(d), { getReferenceProps: w, getFloatingProps: k } = pe([g]);
|
|
1607
1629
|
return /* @__PURE__ */ c(j, { children: [
|
|
1608
1630
|
/* @__PURE__ */ t(
|
|
1609
1631
|
"button",
|
|
@@ -1611,7 +1633,7 @@ function Eo({ currentTime: e, position: n }) {
|
|
|
1611
1633
|
type: "button",
|
|
1612
1634
|
onClick: a,
|
|
1613
1635
|
className: m.interactivePinButton,
|
|
1614
|
-
ref:
|
|
1636
|
+
ref: r.setReference,
|
|
1615
1637
|
style: { left: `${n}%` },
|
|
1616
1638
|
...w(),
|
|
1617
1639
|
children: /* @__PURE__ */ c(
|
|
@@ -1655,7 +1677,7 @@ function Eo({ currentTime: e, position: n }) {
|
|
|
1655
1677
|
}
|
|
1656
1678
|
),
|
|
1657
1679
|
o && /* @__PURE__ */ t(
|
|
1658
|
-
|
|
1680
|
+
_e,
|
|
1659
1681
|
{
|
|
1660
1682
|
order: ["floating", "content"],
|
|
1661
1683
|
context: d,
|
|
@@ -1663,7 +1685,7 @@ function Eo({ currentTime: e, position: n }) {
|
|
|
1663
1685
|
children: /* @__PURE__ */ c(
|
|
1664
1686
|
"div",
|
|
1665
1687
|
{
|
|
1666
|
-
ref:
|
|
1688
|
+
ref: r.setFloating,
|
|
1667
1689
|
style: u,
|
|
1668
1690
|
className: m.interactivePinMenu,
|
|
1669
1691
|
...k(),
|
|
@@ -1704,9 +1726,9 @@ function Eo({ currentTime: e, position: n }) {
|
|
|
1704
1726
|
)
|
|
1705
1727
|
),
|
|
1706
1728
|
/* @__PURE__ */ t(
|
|
1707
|
-
|
|
1729
|
+
fe,
|
|
1708
1730
|
{
|
|
1709
|
-
ref:
|
|
1731
|
+
ref: l,
|
|
1710
1732
|
context: d,
|
|
1711
1733
|
className: m.arrow
|
|
1712
1734
|
}
|
|
@@ -1718,23 +1740,23 @@ function Eo({ currentTime: e, position: n }) {
|
|
|
1718
1740
|
)
|
|
1719
1741
|
] });
|
|
1720
1742
|
}
|
|
1721
|
-
function
|
|
1722
|
-
const e =
|
|
1743
|
+
function Fo() {
|
|
1744
|
+
const e = f("duration"), n = f("currentTime"), o = n / e * 100, { disableInteractivePinRanges: i } = M();
|
|
1723
1745
|
return i.some(
|
|
1724
|
-
([a,
|
|
1725
|
-
) ? null : /* @__PURE__ */ t("div", { className: m.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: m.interactivePinWrapper, children: /* @__PURE__ */ t(
|
|
1746
|
+
([a, l]) => n >= a && n <= l
|
|
1747
|
+
) ? null : /* @__PURE__ */ t("div", { className: m.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: m.interactivePinWrapper, children: /* @__PURE__ */ t(Oo, { currentTime: n, position: o }) }) });
|
|
1726
1748
|
}
|
|
1727
|
-
function
|
|
1728
|
-
const e =
|
|
1729
|
-
return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(
|
|
1749
|
+
function Zo() {
|
|
1750
|
+
const e = f("paused"), n = v();
|
|
1751
|
+
return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(Fo, {}) : null;
|
|
1730
1752
|
}
|
|
1731
|
-
const
|
|
1732
|
-
function
|
|
1753
|
+
const zo = `${m.progress} ${m.trackInner}`, Ko = `${m.trackFill} ${m.trackInner}`;
|
|
1754
|
+
function Ie({ className: e }) {
|
|
1733
1755
|
const n = v(), { hasAnnotations: o, hasQuizmarkers: i, interactive: s } = M(), a = e ? `${m.timelineWrapper} ${e}` : m.timelineWrapper;
|
|
1734
1756
|
return /* @__PURE__ */ c("div", { className: a, children: [
|
|
1735
|
-
s ? /* @__PURE__ */ t(
|
|
1736
|
-
s || o || i ? /* @__PURE__ */ t(
|
|
1737
|
-
/* @__PURE__ */ t(
|
|
1757
|
+
s ? /* @__PURE__ */ t(Zo, {}) : null,
|
|
1758
|
+
s || o || i ? /* @__PURE__ */ t(Ro, {}) : null,
|
|
1759
|
+
/* @__PURE__ */ t(Bo, {}),
|
|
1738
1760
|
/* @__PURE__ */ c(
|
|
1739
1761
|
$.Root,
|
|
1740
1762
|
{
|
|
@@ -1742,8 +1764,8 @@ function Ne({ className: e }) {
|
|
|
1742
1764
|
tabIndex: n.state.interactionsDisabled ? -1 : 0,
|
|
1743
1765
|
children: [
|
|
1744
1766
|
/* @__PURE__ */ c($.Track, { className: m.track, children: [
|
|
1745
|
-
/* @__PURE__ */ t($.Progress, { className:
|
|
1746
|
-
/* @__PURE__ */ t($.TrackFill, { className:
|
|
1767
|
+
/* @__PURE__ */ t($.Progress, { className: zo }),
|
|
1768
|
+
/* @__PURE__ */ t($.TrackFill, { className: Ko })
|
|
1747
1769
|
] }),
|
|
1748
1770
|
/* @__PURE__ */ t($.Thumb, { className: m.thumb })
|
|
1749
1771
|
]
|
|
@@ -1751,16 +1773,16 @@ function Ne({ className: e }) {
|
|
|
1751
1773
|
)
|
|
1752
1774
|
] });
|
|
1753
1775
|
}
|
|
1754
|
-
const
|
|
1755
|
-
wrapper:
|
|
1756
|
-
track:
|
|
1757
|
-
thumb:
|
|
1776
|
+
const Do = "_wrapper_12cb0_1", $o = "_track_12cb0_6", Uo = "_thumb_12cb0_18", qo = "_track-fill_12cb0_32", Go = "_root_12cb0_51", q = {
|
|
1777
|
+
wrapper: Do,
|
|
1778
|
+
track: $o,
|
|
1779
|
+
thumb: Uo,
|
|
1758
1780
|
"track-fill": "_track-fill_12cb0_32",
|
|
1759
|
-
trackFill:
|
|
1760
|
-
root:
|
|
1781
|
+
trackFill: qo,
|
|
1782
|
+
root: Go
|
|
1761
1783
|
};
|
|
1762
|
-
function
|
|
1763
|
-
const e = F(), n =
|
|
1784
|
+
function jo() {
|
|
1785
|
+
const e = F(), n = f("volume"), o = f("muted"), i = v(), s = o || n === 0, { t: a } = C();
|
|
1764
1786
|
return /* @__PURE__ */ c("div", { className: q.wrapper, children: [
|
|
1765
1787
|
/* @__PURE__ */ t(
|
|
1766
1788
|
"button",
|
|
@@ -1773,7 +1795,7 @@ function $o() {
|
|
|
1773
1795
|
onClick: () => {
|
|
1774
1796
|
s ? e == null || e.remoteControl.unmute() : e == null || e.remoteControl.mute();
|
|
1775
1797
|
},
|
|
1776
|
-
children: s ? /* @__PURE__ */ t(
|
|
1798
|
+
children: s ? /* @__PURE__ */ t(Ue, { className: "controls-button-icon" }) : n < 0.5 ? /* @__PURE__ */ t(qe, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Ge, { className: "controls-button-icon" })
|
|
1777
1799
|
}
|
|
1778
1800
|
),
|
|
1779
1801
|
/* @__PURE__ */ c(
|
|
@@ -1789,7 +1811,7 @@ function $o() {
|
|
|
1789
1811
|
)
|
|
1790
1812
|
] });
|
|
1791
1813
|
}
|
|
1792
|
-
const
|
|
1814
|
+
const He = {
|
|
1793
1815
|
togglePaused: {
|
|
1794
1816
|
keys: ["Space", "Enter", "k"],
|
|
1795
1817
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
@@ -1881,10 +1903,10 @@ const Ie = {
|
|
|
1881
1903
|
}
|
|
1882
1904
|
}
|
|
1883
1905
|
};
|
|
1884
|
-
function
|
|
1906
|
+
function Se(e) {
|
|
1885
1907
|
return typeof e == "number" && !isNaN(e);
|
|
1886
1908
|
}
|
|
1887
|
-
function
|
|
1909
|
+
function Qo(e, n = 1e3) {
|
|
1888
1910
|
let o = !1;
|
|
1889
1911
|
return () => {
|
|
1890
1912
|
o || (e(), o = !0, setTimeout(() => {
|
|
@@ -1892,7 +1914,7 @@ function Uo(e, n = 1e3) {
|
|
|
1892
1914
|
}, n));
|
|
1893
1915
|
};
|
|
1894
1916
|
}
|
|
1895
|
-
const
|
|
1917
|
+
const Ve = {
|
|
1896
1918
|
volume: 1,
|
|
1897
1919
|
muted: !1,
|
|
1898
1920
|
lang: null,
|
|
@@ -1903,11 +1925,11 @@ const Se = {
|
|
|
1903
1925
|
invert: !1,
|
|
1904
1926
|
comments: !1
|
|
1905
1927
|
};
|
|
1906
|
-
class
|
|
1928
|
+
class Wo {
|
|
1907
1929
|
constructor() {
|
|
1908
1930
|
S(this, "playerId", "studio-player");
|
|
1909
1931
|
S(this, "mediaId", null);
|
|
1910
|
-
S(this, "data",
|
|
1932
|
+
S(this, "data", Ve);
|
|
1911
1933
|
S(this, "time", null);
|
|
1912
1934
|
S(this, "overrideTime", null);
|
|
1913
1935
|
S(this, "saveTime", () => {
|
|
@@ -1915,11 +1937,11 @@ class qo {
|
|
|
1915
1937
|
const n = (this.time ?? 0).toString();
|
|
1916
1938
|
localStorage.setItem(this.mediaId, n);
|
|
1917
1939
|
});
|
|
1918
|
-
S(this, "saveTimeThrottled",
|
|
1940
|
+
S(this, "saveTimeThrottled", Qo(this.saveTime, 1e3));
|
|
1919
1941
|
// only used for useStudioPlayer hook's state initialization
|
|
1920
1942
|
S(this, "initializeState", (n) => {
|
|
1921
1943
|
const o = localStorage.getItem(this.playerId);
|
|
1922
|
-
if (
|
|
1944
|
+
if (Se(n) && n >= 0 && (this.overrideTime = n), o)
|
|
1923
1945
|
try {
|
|
1924
1946
|
this.data = JSON.parse(o);
|
|
1925
1947
|
} catch {
|
|
@@ -1987,16 +2009,16 @@ class qo {
|
|
|
1987
2009
|
onChange(n, o, i = "studio-player") {
|
|
1988
2010
|
const s = i ? localStorage.getItem(i) : null, a = o ? localStorage.getItem(o) : null;
|
|
1989
2011
|
this.playerId = i, this.mediaId = o;
|
|
1990
|
-
let
|
|
2012
|
+
let l = {};
|
|
1991
2013
|
if (s)
|
|
1992
2014
|
try {
|
|
1993
|
-
|
|
2015
|
+
l = JSON.parse(s);
|
|
1994
2016
|
} catch {
|
|
1995
2017
|
}
|
|
1996
2018
|
this.data = {
|
|
1997
|
-
...
|
|
1998
|
-
...
|
|
1999
|
-
},
|
|
2019
|
+
...Ve,
|
|
2020
|
+
...l
|
|
2021
|
+
}, Se(this.overrideTime) && this.overrideTime >= 0 ? this.time = this.overrideTime : this.time = a ? +a : null;
|
|
2000
2022
|
}
|
|
2001
2023
|
save() {
|
|
2002
2024
|
if (!this.playerId) return;
|
|
@@ -2004,93 +2026,93 @@ class qo {
|
|
|
2004
2026
|
localStorage.setItem(this.playerId, n);
|
|
2005
2027
|
}
|
|
2006
2028
|
}
|
|
2007
|
-
function
|
|
2008
|
-
const s = E(() => new
|
|
2029
|
+
function Yo(e, n, o, i) {
|
|
2030
|
+
const s = E(() => new Wo(), []), [a, l] = x(
|
|
2009
2031
|
s.initializeState(i)
|
|
2010
|
-
),
|
|
2032
|
+
), r = _(
|
|
2011
2033
|
(h) => {
|
|
2012
|
-
|
|
2013
|
-
...
|
|
2034
|
+
l((b) => (s.saveData("multiplier", h), {
|
|
2035
|
+
...b,
|
|
2014
2036
|
captionsFontSizeMultiplier: h
|
|
2015
2037
|
}));
|
|
2016
2038
|
},
|
|
2017
2039
|
[s]
|
|
2018
|
-
), u =
|
|
2019
|
-
|
|
2020
|
-
const
|
|
2021
|
-
return s.saveData("ontop",
|
|
2040
|
+
), u = _(() => {
|
|
2041
|
+
l((h) => {
|
|
2042
|
+
const b = !h.captionPositionOnTop;
|
|
2043
|
+
return s.saveData("ontop", b), {
|
|
2022
2044
|
...h,
|
|
2023
|
-
captionPositionOnTop:
|
|
2045
|
+
captionPositionOnTop: b
|
|
2024
2046
|
};
|
|
2025
2047
|
});
|
|
2026
|
-
}, [s]), d =
|
|
2027
|
-
|
|
2028
|
-
const
|
|
2029
|
-
return s.saveData("invert",
|
|
2048
|
+
}, [s]), d = _(() => {
|
|
2049
|
+
l((h) => {
|
|
2050
|
+
const b = !h.captionsInvertColors;
|
|
2051
|
+
return s.saveData("invert", b), {
|
|
2030
2052
|
...h,
|
|
2031
|
-
captionsInvertColors:
|
|
2053
|
+
captionsInvertColors: b
|
|
2032
2054
|
};
|
|
2033
2055
|
});
|
|
2034
|
-
}, [s]),
|
|
2035
|
-
|
|
2036
|
-
const
|
|
2037
|
-
return s.saveData("comments",
|
|
2056
|
+
}, [s]), g = _(() => {
|
|
2057
|
+
l((h) => {
|
|
2058
|
+
const b = !h.commentsEnabled;
|
|
2059
|
+
return s.saveData("comments", b), {
|
|
2038
2060
|
...h,
|
|
2039
|
-
commentsEnabled:
|
|
2061
|
+
commentsEnabled: b
|
|
2040
2062
|
};
|
|
2041
2063
|
});
|
|
2042
|
-
}, [s]), w =
|
|
2043
|
-
|
|
2064
|
+
}, [s]), w = _(() => {
|
|
2065
|
+
l((h) => ({
|
|
2044
2066
|
...h,
|
|
2045
2067
|
interactionsDisabled: !1
|
|
2046
2068
|
}));
|
|
2047
|
-
}, []), k =
|
|
2048
|
-
|
|
2069
|
+
}, []), k = _(() => {
|
|
2070
|
+
l((h) => ({
|
|
2049
2071
|
...h,
|
|
2050
2072
|
interactionsDisabled: !0
|
|
2051
2073
|
}));
|
|
2052
|
-
}, []), y =
|
|
2053
|
-
|
|
2054
|
-
...
|
|
2074
|
+
}, []), y = _((h) => {
|
|
2075
|
+
l((b) => ({
|
|
2076
|
+
...b,
|
|
2055
2077
|
globalKeysDisabled: h
|
|
2056
2078
|
}));
|
|
2057
2079
|
}, []), N = E(() => e ? {
|
|
2058
|
-
...
|
|
2080
|
+
...He,
|
|
2059
2081
|
toggleFullscreen: []
|
|
2060
|
-
} :
|
|
2082
|
+
} : He, [e]);
|
|
2061
2083
|
return {
|
|
2062
2084
|
contextValue: {
|
|
2063
2085
|
state: {
|
|
2064
2086
|
...a,
|
|
2065
2087
|
commentsEnabled: n || a.commentsEnabled
|
|
2066
2088
|
},
|
|
2067
|
-
setCaptionsFontSizeMultiplier:
|
|
2089
|
+
setCaptionsFontSizeMultiplier: r,
|
|
2068
2090
|
toggleCaptionPositionOnTop: u,
|
|
2069
2091
|
toggleCaptionsInvertColors: d,
|
|
2070
2092
|
enableInteractions: w,
|
|
2071
2093
|
disableInteractions: k,
|
|
2072
2094
|
setGlobalKeysDisabled: y,
|
|
2073
|
-
toggleComments:
|
|
2095
|
+
toggleComments: g,
|
|
2074
2096
|
disableCaptionSettings: o
|
|
2075
2097
|
},
|
|
2076
2098
|
shortcuts: N,
|
|
2077
2099
|
storage: s
|
|
2078
2100
|
};
|
|
2079
2101
|
}
|
|
2080
|
-
const
|
|
2081
|
-
function
|
|
2102
|
+
const Xo = {};
|
|
2103
|
+
function Jo() {
|
|
2082
2104
|
const e = M();
|
|
2083
2105
|
return /* @__PURE__ */ c(j, { children: [
|
|
2084
|
-
/* @__PURE__ */ t(
|
|
2085
|
-
/* @__PURE__ */ t(
|
|
2086
|
-
/* @__PURE__ */ t(
|
|
2087
|
-
/* @__PURE__ */ t(
|
|
2088
|
-
/* @__PURE__ */ t(
|
|
2089
|
-
/* @__PURE__ */ t(
|
|
2090
|
-
/* @__PURE__ */ t(
|
|
2106
|
+
/* @__PURE__ */ t(U1, { src: e.thumbnail }),
|
|
2107
|
+
/* @__PURE__ */ t(je, {}),
|
|
2108
|
+
/* @__PURE__ */ t(Oe, {}),
|
|
2109
|
+
/* @__PURE__ */ t(ze, { captions: e.captions }),
|
|
2110
|
+
/* @__PURE__ */ t(X1, {}),
|
|
2111
|
+
/* @__PURE__ */ t(g1, {}),
|
|
2112
|
+
/* @__PURE__ */ t(Yt, { comments: e.comments })
|
|
2091
2113
|
] });
|
|
2092
2114
|
}
|
|
2093
|
-
const
|
|
2115
|
+
const ei = (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__ */ c("g", { id: "audio", children: [
|
|
2094
2116
|
/* @__PURE__ */ c("g", { id: "icon-file-base-2", children: [
|
|
2095
2117
|
/* @__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" }),
|
|
2096
2118
|
/* @__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" }),
|
|
@@ -2098,41 +2120,41 @@ const Wo = (e) => /* @__PURE__ */ t("svg", { width: 56, height: 72, viewBox: "0
|
|
|
2098
2120
|
] }),
|
|
2099
2121
|
/* @__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" })
|
|
2100
2122
|
] }) }) });
|
|
2101
|
-
function
|
|
2123
|
+
function ti() {
|
|
2102
2124
|
const e = M();
|
|
2103
2125
|
return /* @__PURE__ */ c("div", { className: "audio-layout-wrapper", children: [
|
|
2104
|
-
/* @__PURE__ */ t(
|
|
2105
|
-
/* @__PURE__ */ t(
|
|
2106
|
-
/* @__PURE__ */ t(
|
|
2107
|
-
/* @__PURE__ */ t(
|
|
2126
|
+
/* @__PURE__ */ t(ei, {}),
|
|
2127
|
+
/* @__PURE__ */ t(je, {}),
|
|
2128
|
+
/* @__PURE__ */ t(Oe, {}),
|
|
2129
|
+
/* @__PURE__ */ t(ze, { captions: e.captions })
|
|
2108
2130
|
] });
|
|
2109
2131
|
}
|
|
2110
|
-
function
|
|
2132
|
+
function ni(e, n) {
|
|
2111
2133
|
return e.reduce((o, i) => (Object.keys(n).includes(i.id) || (o[i.id] = !0), o), n);
|
|
2112
2134
|
}
|
|
2113
|
-
function
|
|
2135
|
+
function oi(e, n, o, i, s) {
|
|
2114
2136
|
return (a) => {
|
|
2115
|
-
const
|
|
2116
|
-
|
|
2137
|
+
const l = a.detail.currentTime, r = !o.paused, u = Math.min(o.duration * 0.05, 2);
|
|
2138
|
+
l >= e.time && l < e.time + u && !i[e.id] && (s({ ...i, [e.id]: !0 }), n(e, r));
|
|
2117
2139
|
};
|
|
2118
2140
|
}
|
|
2119
|
-
function
|
|
2120
|
-
const e = F(), { quizMarkers: n, onQuizMarkerShow: o } = M(), [i, s] =
|
|
2121
|
-
n.reduce((a,
|
|
2141
|
+
function ii() {
|
|
2142
|
+
const e = F(), { quizMarkers: n, onQuizMarkerShow: o } = M(), [i, s] = x(
|
|
2143
|
+
n.reduce((a, l) => (a[l.id] = !1, a), {})
|
|
2122
2144
|
);
|
|
2123
2145
|
O(() => {
|
|
2124
2146
|
if (!e)
|
|
2125
2147
|
return;
|
|
2126
|
-
n.length > Object.keys(i).length && s(
|
|
2127
|
-
const a = [],
|
|
2128
|
-
var
|
|
2129
|
-
const u = (
|
|
2148
|
+
n.length > Object.keys(i).length && s(ni(n, i));
|
|
2149
|
+
const a = [], l = (r) => {
|
|
2150
|
+
var g;
|
|
2151
|
+
const u = (g = r == null ? void 0 : r.request) == null ? void 0 : g.detail, d = n.reduce((w, k) => (w[k.id] = k.time <= u, w), {});
|
|
2130
2152
|
s({ ...i, ...d });
|
|
2131
2153
|
};
|
|
2132
|
-
e.addEventListener("seeked",
|
|
2133
|
-
for (const
|
|
2134
|
-
const u =
|
|
2135
|
-
|
|
2154
|
+
e.addEventListener("seeked", l);
|
|
2155
|
+
for (const r of n) {
|
|
2156
|
+
const u = oi(
|
|
2157
|
+
r,
|
|
2136
2158
|
o,
|
|
2137
2159
|
e,
|
|
2138
2160
|
i,
|
|
@@ -2141,41 +2163,41 @@ function ei() {
|
|
|
2141
2163
|
e.addEventListener("time-update", u), a.push(u);
|
|
2142
2164
|
}
|
|
2143
2165
|
return () => {
|
|
2144
|
-
for (const
|
|
2145
|
-
e.removeEventListener("time-update",
|
|
2146
|
-
e.removeEventListener("seeked",
|
|
2166
|
+
for (const r of a)
|
|
2167
|
+
e.removeEventListener("time-update", r);
|
|
2168
|
+
e.removeEventListener("seeked", l);
|
|
2147
2169
|
};
|
|
2148
2170
|
}, [n, e, i]);
|
|
2149
2171
|
}
|
|
2150
|
-
function
|
|
2151
|
-
return
|
|
2172
|
+
function si() {
|
|
2173
|
+
return ii(), null;
|
|
2152
2174
|
}
|
|
2153
|
-
function
|
|
2175
|
+
function ai(e) {
|
|
2154
2176
|
return Array.isArray(e) && typeof e[0] == "object";
|
|
2155
2177
|
}
|
|
2156
|
-
function
|
|
2157
|
-
return
|
|
2178
|
+
function ci(e) {
|
|
2179
|
+
return ai(e) && e.length === 1 ? e[0].src : e;
|
|
2158
2180
|
}
|
|
2159
2181
|
const ne = () => {
|
|
2160
2182
|
};
|
|
2161
|
-
function
|
|
2183
|
+
function fi({
|
|
2162
2184
|
title: e,
|
|
2163
2185
|
playerRef: n,
|
|
2164
2186
|
src: o,
|
|
2165
2187
|
captions: i = [],
|
|
2166
2188
|
thumbnail: s,
|
|
2167
2189
|
hideFullScreen: a = !1,
|
|
2168
|
-
comments:
|
|
2169
|
-
locale:
|
|
2190
|
+
comments: l = [],
|
|
2191
|
+
locale: r = "en",
|
|
2170
2192
|
annotations: u = [],
|
|
2171
2193
|
quizMarkers: d = [],
|
|
2172
|
-
interactive:
|
|
2194
|
+
interactive: g = !1,
|
|
2173
2195
|
onAnnotationClick: w = ne,
|
|
2174
2196
|
onQuizMarkerClick: k = ne,
|
|
2175
2197
|
onQuizMarkerShow: y = ne,
|
|
2176
2198
|
onInteractivePinClick: N = ne,
|
|
2177
2199
|
interactiveMenuElements: h = [],
|
|
2178
|
-
kebabMenuElements:
|
|
2200
|
+
kebabMenuElements: b = [],
|
|
2179
2201
|
darkMode: P = !1,
|
|
2180
2202
|
autoLoadCaptionSrc: T = "",
|
|
2181
2203
|
forceComments: Z = !1,
|
|
@@ -2183,77 +2205,79 @@ function mi({
|
|
|
2183
2205
|
disableStorage: Y = !1,
|
|
2184
2206
|
startAt: X,
|
|
2185
2207
|
crossOrigin: se,
|
|
2186
|
-
captionOffsetOverride:
|
|
2187
|
-
disableInteractivePinRanges:
|
|
2208
|
+
captionOffsetOverride: Xe,
|
|
2209
|
+
disableInteractivePinRanges: Je = [],
|
|
2210
|
+
customOverlay: ve
|
|
2188
2211
|
}) {
|
|
2189
|
-
const { contextValue: ae, shortcuts:
|
|
2212
|
+
const { contextValue: ae, shortcuts: et, storage: tt } = Yo(
|
|
2190
2213
|
a,
|
|
2191
2214
|
Z,
|
|
2192
2215
|
V,
|
|
2193
2216
|
X
|
|
2194
|
-
), { i18n:
|
|
2217
|
+
), { i18n: we } = C();
|
|
2195
2218
|
O(() => {
|
|
2196
|
-
|
|
2197
|
-
}, [
|
|
2198
|
-
const [
|
|
2199
|
-
|
|
2219
|
+
we.changeLanguage(r);
|
|
2220
|
+
}, [we, r]);
|
|
2221
|
+
const [ye, ke] = x("none"), nt = _((A) => {
|
|
2222
|
+
pt(A) ? ke("audio") : _t(A) && ke("video");
|
|
2200
2223
|
}, []);
|
|
2201
2224
|
return /* @__PURE__ */ t(
|
|
2202
|
-
|
|
2225
|
+
xt,
|
|
2203
2226
|
{
|
|
2204
2227
|
hideFullScreen: a,
|
|
2205
|
-
comments:
|
|
2228
|
+
comments: l,
|
|
2206
2229
|
captions: i,
|
|
2207
2230
|
thumbnail: s,
|
|
2208
2231
|
annotations: u,
|
|
2209
2232
|
quizMarkers: d,
|
|
2210
|
-
interactive:
|
|
2233
|
+
interactive: g,
|
|
2211
2234
|
onAnnotationClick: w,
|
|
2212
2235
|
onQuizMarkerClick: k,
|
|
2213
2236
|
onInteractivePinClick: N,
|
|
2214
2237
|
interactiveMenuElements: h,
|
|
2215
|
-
kebabMenuElements:
|
|
2238
|
+
kebabMenuElements: b,
|
|
2216
2239
|
darkMode: P,
|
|
2217
2240
|
forceComments: Z,
|
|
2218
2241
|
disableCaptionSettings: V,
|
|
2219
2242
|
disableStorage: Y,
|
|
2220
|
-
captionOffsetOverride:
|
|
2221
|
-
disableInteractivePinRanges:
|
|
2243
|
+
captionOffsetOverride: Xe,
|
|
2244
|
+
disableInteractivePinRanges: Je,
|
|
2222
2245
|
onQuizMarkerShow: y,
|
|
2223
|
-
children: /* @__PURE__ */ t(
|
|
2224
|
-
|
|
2246
|
+
children: /* @__PURE__ */ t(kt, { contextValue: ae, children: /* @__PURE__ */ c(
|
|
2247
|
+
ft,
|
|
2225
2248
|
{
|
|
2226
|
-
"data-version": "0.3.
|
|
2249
|
+
"data-version": "0.3.12",
|
|
2227
2250
|
crossOrigin: se,
|
|
2228
|
-
storage: Y ? null :
|
|
2251
|
+
storage: Y ? null : tt,
|
|
2229
2252
|
title: e,
|
|
2230
|
-
src:
|
|
2231
|
-
keyShortcuts:
|
|
2253
|
+
src: ci(o),
|
|
2254
|
+
keyShortcuts: et,
|
|
2232
2255
|
playsInline: !0,
|
|
2233
2256
|
keyDisabled: ae.state.interactionsDisabled || ae.state.globalKeysDisabled,
|
|
2234
|
-
onTextTracksChange: (
|
|
2235
|
-
const
|
|
2236
|
-
(
|
|
2257
|
+
onTextTracksChange: (A) => {
|
|
2258
|
+
const xe = A == null ? void 0 : A.findIndex(
|
|
2259
|
+
(ot) => ot.src === T
|
|
2237
2260
|
);
|
|
2238
|
-
|
|
2261
|
+
xe > -1 && (A[xe].mode = "showing");
|
|
2239
2262
|
},
|
|
2240
|
-
onProviderSetup:
|
|
2263
|
+
onProviderSetup: nt,
|
|
2241
2264
|
children: [
|
|
2242
|
-
/* @__PURE__ */ c(
|
|
2243
|
-
|
|
2244
|
-
|
|
2265
|
+
/* @__PURE__ */ c(Ct, { className: Xo.mediaProvider, children: [
|
|
2266
|
+
ye === "audio" && /* @__PURE__ */ t(ti, {}),
|
|
2267
|
+
ye === "video" && /* @__PURE__ */ t(Jo, {})
|
|
2245
2268
|
] }),
|
|
2246
|
-
/* @__PURE__ */ t(
|
|
2269
|
+
/* @__PURE__ */ t(F1, {}),
|
|
2270
|
+
ve && ve(),
|
|
2247
2271
|
/* @__PURE__ */ t(
|
|
2248
|
-
|
|
2272
|
+
sn,
|
|
2249
2273
|
{
|
|
2250
2274
|
darkMode: P,
|
|
2251
2275
|
playerRef: n,
|
|
2252
2276
|
showCaptionsButton: !V
|
|
2253
2277
|
}
|
|
2254
2278
|
),
|
|
2255
|
-
/* @__PURE__ */ t(
|
|
2256
|
-
!!d.length && /* @__PURE__ */ t(
|
|
2279
|
+
/* @__PURE__ */ t(Nt, { annotations: u }),
|
|
2280
|
+
!!d.length && /* @__PURE__ */ t(si, {})
|
|
2257
2281
|
]
|
|
2258
2282
|
}
|
|
2259
2283
|
) })
|
|
@@ -2261,10 +2285,10 @@ function mi({
|
|
|
2261
2285
|
);
|
|
2262
2286
|
}
|
|
2263
2287
|
export {
|
|
2264
|
-
|
|
2265
|
-
|
|
2288
|
+
Ot as CAPTION_FONT_SIZE_MULTIPLIERS,
|
|
2289
|
+
Ft as COMMENT_DURATION,
|
|
2266
2290
|
K as PLAYBACK_RATES,
|
|
2267
|
-
|
|
2268
|
-
|
|
2269
|
-
|
|
2291
|
+
fi as StudioPlayer,
|
|
2292
|
+
bi as useMediaState,
|
|
2293
|
+
vi as useMediaStore
|
|
2270
2294
|
};
|