@instructure/studio-player 0.3.5 → 0.3.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/studio-player.es.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import './index-
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
import { jsx as t, jsxs as
|
|
5
|
-
import { createContext as
|
|
6
|
-
import { useMediaPlayer as
|
|
7
|
-
import { useMediaState as
|
|
8
|
-
import { initReactI18next as
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import { useFloating as
|
|
12
|
-
const
|
|
1
|
+
import './index-B3keTGCo.css';var ot = Object.defineProperty;
|
|
2
|
+
var it = (e, n, o) => n in e ? ot(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o;
|
|
3
|
+
var V = (e, n, o) => it(e, typeof n != "symbol" ? n + "" : n, o);
|
|
4
|
+
import { jsx as t, jsxs as c, Fragment as Q } from "react/jsx-runtime";
|
|
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 st, Track as at, Captions as ct, usePlaybackRateOptions as lt, useCaptionOptions as rt, useVideoQualityOptions as ut, useMediaStore as Te, Poster as dt, FullscreenButton as mt, Time as xe, TimeSlider as $, VolumeSlider as J, isAudioProvider as ht, isVideoProvider as pt, MediaPlayer as _t, MediaProvider as ft } from "@vidstack/react";
|
|
7
|
+
import { useMediaState as hi, useMediaStore as pi } from "@vidstack/react";
|
|
8
|
+
import { initReactI18next as Ct, useTranslation as C } from "react-i18next";
|
|
9
|
+
import bt from "i18next";
|
|
10
|
+
import gt from "i18next-resources-to-backend";
|
|
11
|
+
import { useFloating as ue, autoUpdate as de, flip as me, arrow as he, useDismiss as pe, useInteractions as _e, FloatingFocusManager as fe, FloatingArrow as Ce, shift as Ee, offset as Re, useListNavigation as vt } from "@floating-ui/react";
|
|
12
|
+
const wt = (e, n, o) => {
|
|
13
13
|
const i = e[n];
|
|
14
|
-
return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((
|
|
14
|
+
return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((s, a) => {
|
|
15
15
|
(typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
|
|
16
|
-
|
|
16
|
+
a.bind(
|
|
17
17
|
null,
|
|
18
18
|
new Error(
|
|
19
19
|
"Unknown variable dynamic import: " + n + (n.split("/").length !== o ? ". Note that variables only represent file names one level deep." : "")
|
|
@@ -22,9 +22,9 @@ const bt = (e, n, o) => {
|
|
|
22
22
|
);
|
|
23
23
|
});
|
|
24
24
|
};
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
(e) =>
|
|
25
|
+
bt.use(Ct).use(
|
|
26
|
+
gt(
|
|
27
|
+
(e) => wt(/* @__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,130 +35,136 @@ _t.use(pt).use(
|
|
|
35
35
|
escapeValue: !1
|
|
36
36
|
}
|
|
37
37
|
});
|
|
38
|
-
const
|
|
39
|
-
function
|
|
38
|
+
const Ae = le(null);
|
|
39
|
+
function yt({
|
|
40
40
|
children: e,
|
|
41
41
|
contextValue: n
|
|
42
42
|
}) {
|
|
43
|
-
return /* @__PURE__ */ t(
|
|
43
|
+
return /* @__PURE__ */ t(Ae.Provider, { value: n, children: e });
|
|
44
44
|
}
|
|
45
45
|
function g() {
|
|
46
|
-
const e =
|
|
46
|
+
const e = re(Ae);
|
|
47
47
|
if (!e)
|
|
48
48
|
throw new Error(
|
|
49
49
|
"useStudioPlayerContext must be used within a StudioPlayerContextProvider"
|
|
50
50
|
);
|
|
51
51
|
return e;
|
|
52
52
|
}
|
|
53
|
-
const
|
|
54
|
-
function
|
|
53
|
+
const Be = le(null);
|
|
54
|
+
function kt({
|
|
55
55
|
hideFullScreen: e,
|
|
56
56
|
comments: n,
|
|
57
57
|
captions: o,
|
|
58
58
|
thumbnail: i,
|
|
59
|
-
annotations:
|
|
60
|
-
quizMarkers:
|
|
59
|
+
annotations: s,
|
|
60
|
+
quizMarkers: a,
|
|
61
61
|
interactive: l,
|
|
62
62
|
onAnnotationClick: r,
|
|
63
63
|
onQuizMarkerClick: u,
|
|
64
|
-
onInteractivePinClick:
|
|
64
|
+
onInteractivePinClick: m,
|
|
65
65
|
interactiveMenuElements: v,
|
|
66
66
|
kebabMenuElements: y,
|
|
67
67
|
darkMode: k,
|
|
68
68
|
children: w,
|
|
69
|
-
forceComments:
|
|
70
|
-
disableCaptionSettings:
|
|
71
|
-
disableStorage: b
|
|
69
|
+
forceComments: N,
|
|
70
|
+
disableCaptionSettings: h,
|
|
71
|
+
disableStorage: b,
|
|
72
|
+
captionOffsetOverride: P,
|
|
73
|
+
disableInteractivePinRanges: T,
|
|
74
|
+
onQuizMarkerShow: Z
|
|
72
75
|
}) {
|
|
73
|
-
const
|
|
76
|
+
const S = {
|
|
74
77
|
hideFullScreen: e,
|
|
75
78
|
comments: n,
|
|
76
79
|
captions: o,
|
|
77
80
|
thumbnail: i,
|
|
78
|
-
annotations:
|
|
79
|
-
quizMarkers:
|
|
81
|
+
annotations: s,
|
|
82
|
+
quizMarkers: a,
|
|
80
83
|
interactive: l,
|
|
81
84
|
onAnnotationClick: r,
|
|
82
85
|
onQuizMarkerClick: u,
|
|
83
|
-
onInteractivePinClick:
|
|
86
|
+
onInteractivePinClick: m,
|
|
84
87
|
interactiveMenuElements: v,
|
|
85
88
|
kebabMenuElements: y,
|
|
86
89
|
darkMode: k,
|
|
87
90
|
hasComments: n.length > 0,
|
|
88
|
-
hasAnnotations:
|
|
89
|
-
hasQuizmarkers:
|
|
90
|
-
forceComments:
|
|
91
|
-
disableCaptionSettings:
|
|
92
|
-
disableStorage: b
|
|
91
|
+
hasAnnotations: s.length > 0,
|
|
92
|
+
hasQuizmarkers: a.length > 0,
|
|
93
|
+
forceComments: N,
|
|
94
|
+
disableCaptionSettings: h,
|
|
95
|
+
disableStorage: b,
|
|
96
|
+
captionOffsetOverride: P,
|
|
97
|
+
disableInteractivePinRanges: T,
|
|
98
|
+
onQuizMarkerShow: Z
|
|
93
99
|
};
|
|
94
|
-
return /* @__PURE__ */ t(
|
|
100
|
+
return /* @__PURE__ */ t(Be.Provider, { value: S, children: w });
|
|
95
101
|
}
|
|
96
|
-
function
|
|
97
|
-
const e =
|
|
102
|
+
function M() {
|
|
103
|
+
const e = re(Be);
|
|
98
104
|
if (!e)
|
|
99
105
|
throw new Error(
|
|
100
106
|
"useStudioPlayerPropsContext must be used within a StudioPlayerPropsContextProvider"
|
|
101
107
|
);
|
|
102
108
|
return e;
|
|
103
109
|
}
|
|
104
|
-
const
|
|
110
|
+
const Lt = "_annotation-overlay_1kxzn_1", xt = {
|
|
105
111
|
"annotation-overlay": "_annotation-overlay_1kxzn_1",
|
|
106
|
-
annotationOverlay:
|
|
107
|
-
},
|
|
112
|
+
annotationOverlay: Lt
|
|
113
|
+
}, Me = 0.25, Mt = (e, n) => {
|
|
108
114
|
let o = !1;
|
|
109
115
|
return (i) => {
|
|
110
|
-
const
|
|
111
|
-
|
|
116
|
+
const s = i.detail.currentTime;
|
|
117
|
+
s >= e.time && s < e.time + Me && !o && (o = !0, n(e)), (s < e.time || s >= e.time + Me) && o && (o = !1);
|
|
112
118
|
};
|
|
113
119
|
};
|
|
114
|
-
function
|
|
115
|
-
const n =
|
|
120
|
+
function Pt({ annotations: e }) {
|
|
121
|
+
const n = F(), o = g(), i = M(), [s, a] = x(
|
|
116
122
|
null
|
|
117
123
|
), l = _(
|
|
118
124
|
(u) => {
|
|
119
|
-
n == null || n.pause(), i.interactive || o.disableInteractions(),
|
|
125
|
+
n == null || n.pause(), i.interactive || o.disableInteractions(), a(u);
|
|
120
126
|
},
|
|
121
127
|
[n, o]
|
|
122
128
|
), r = () => {
|
|
123
|
-
i.interactive || (n == null || n.play(), o.enableInteractions()),
|
|
129
|
+
i.interactive || (n == null || n.play(), o.enableInteractions()), a(null);
|
|
124
130
|
};
|
|
125
|
-
return
|
|
131
|
+
return O(() => {
|
|
126
132
|
if (!n)
|
|
127
133
|
return;
|
|
128
134
|
const u = [];
|
|
129
|
-
for (const
|
|
130
|
-
const v =
|
|
135
|
+
for (const m of e) {
|
|
136
|
+
const v = Mt(m, l);
|
|
131
137
|
n.addEventListener("time-update", v), u.push(v);
|
|
132
138
|
}
|
|
133
|
-
if (
|
|
134
|
-
const
|
|
135
|
-
(v) => v.id ===
|
|
139
|
+
if (s) {
|
|
140
|
+
const m = e.find(
|
|
141
|
+
(v) => v.id === s.id
|
|
136
142
|
);
|
|
137
|
-
|
|
143
|
+
m ? a(m) : (a(null), o.enableInteractions());
|
|
138
144
|
}
|
|
139
145
|
return () => {
|
|
140
|
-
for (const
|
|
141
|
-
n.removeEventListener("time-update",
|
|
146
|
+
for (const m of u)
|
|
147
|
+
n.removeEventListener("time-update", m);
|
|
142
148
|
};
|
|
143
|
-
}, [n, e]),
|
|
149
|
+
}, [n, e]), s ? /* @__PURE__ */ t("div", { className: xt.annotationOverlay, children: s.render(r) }) : null;
|
|
144
150
|
}
|
|
145
|
-
const
|
|
151
|
+
const Nt = "_media-buffering-indicator_1fwjr_1", It = "_media-buffering-spinner_1fwjr_17", Ht = "_media-buffering-spin_1fwjr_17", Vt = "_media-buffering-track_1fwjr_22", St = "_media-buffering-track-fill_1fwjr_27", ee = {
|
|
146
152
|
"media-buffering-indicator": "_media-buffering-indicator_1fwjr_1",
|
|
147
|
-
mediaBufferingIndicator:
|
|
153
|
+
mediaBufferingIndicator: Nt,
|
|
148
154
|
"media-buffering-spinner": "_media-buffering-spinner_1fwjr_17",
|
|
149
|
-
mediaBufferingSpinner:
|
|
155
|
+
mediaBufferingSpinner: It,
|
|
150
156
|
"media-buffering-spin": "_media-buffering-spin_1fwjr_17",
|
|
151
|
-
mediaBufferingSpin:
|
|
157
|
+
mediaBufferingSpin: Ht,
|
|
152
158
|
"media-buffering-track": "_media-buffering-track_1fwjr_22",
|
|
153
|
-
mediaBufferingTrack:
|
|
159
|
+
mediaBufferingTrack: Vt,
|
|
154
160
|
"media-buffering-track-fill": "_media-buffering-track-fill_1fwjr_27",
|
|
155
|
-
mediaBufferingTrackFill:
|
|
161
|
+
mediaBufferingTrackFill: St
|
|
156
162
|
};
|
|
157
|
-
function
|
|
158
|
-
return /* @__PURE__ */ t("div", { className: ee.mediaBufferingIndicator, children: /* @__PURE__ */
|
|
159
|
-
/* @__PURE__ */ t(
|
|
163
|
+
function Oe() {
|
|
164
|
+
return /* @__PURE__ */ t("div", { className: ee.mediaBufferingIndicator, children: /* @__PURE__ */ c(ce.Root, { className: ee.mediaBufferingSpinner, size: 96, children: [
|
|
165
|
+
/* @__PURE__ */ t(ce.Track, { className: ee.mediaBufferingTrack, width: 8 }),
|
|
160
166
|
/* @__PURE__ */ t(
|
|
161
|
-
|
|
167
|
+
ce.TrackFill,
|
|
162
168
|
{
|
|
163
169
|
className: ee.mediaBufferingTrackFill,
|
|
164
170
|
width: 8
|
|
@@ -166,15 +172,15 @@ function Be() {
|
|
|
166
172
|
)
|
|
167
173
|
] }) });
|
|
168
174
|
}
|
|
169
|
-
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: [
|
|
170
176
|
/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_149_104418", children: /* @__PURE__ */ t("rect", { width: 24, height: 24, fill: "white" }) }) }),
|
|
171
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" }) })
|
|
172
|
-
] }),
|
|
178
|
+
] }), Ze = (e) => /* @__PURE__ */ c("svg", { width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
|
|
173
179
|
/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_149_104406", children: /* @__PURE__ */ t("rect", { width: 24, height: 24, fill: "white" }) }) }),
|
|
174
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" }) })
|
|
175
181
|
] });
|
|
176
|
-
function
|
|
177
|
-
const e =
|
|
182
|
+
function Tt() {
|
|
183
|
+
const e = oe(), n = f("textTrack"), o = f("hasCaptions"), i = n && st(n), s = g(), a = _(
|
|
178
184
|
(l) => {
|
|
179
185
|
e.toggleCaptions(l.nativeEvent);
|
|
180
186
|
},
|
|
@@ -185,56 +191,60 @@ function Ht() {
|
|
|
185
191
|
{
|
|
186
192
|
type: "button",
|
|
187
193
|
className: "controls-button",
|
|
188
|
-
onClick:
|
|
194
|
+
onClick: a,
|
|
189
195
|
"aria-label": "Captions",
|
|
190
196
|
"aria-pressed": i ? "true" : "false",
|
|
191
|
-
tabIndex:
|
|
192
|
-
children: i ? /* @__PURE__ */ t(
|
|
197
|
+
tabIndex: s.state.interactionsDisabled ? -1 : 0,
|
|
198
|
+
children: i ? /* @__PURE__ */ t(Ze, { className: "controls-button-icon" }) : /* @__PURE__ */ t(Fe, { className: "controls-button-icon" })
|
|
193
199
|
}
|
|
194
200
|
) : null;
|
|
195
201
|
}
|
|
196
|
-
const
|
|
197
|
-
captions:
|
|
198
|
-
};
|
|
199
|
-
function
|
|
200
|
-
const n = e.length > 0, o = g()
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
202
|
+
const Et = "_captions_1cu0g_1", Rt = {
|
|
203
|
+
captions: Et
|
|
204
|
+
}, At = (e, n) => e ? n.top : n.bottom;
|
|
205
|
+
function ze({ captions: e }) {
|
|
206
|
+
const n = e.length > 0, o = g(), { captionOffsetOverride: i } = M(), s = o.state.captionPositionOnTop, a = At(
|
|
207
|
+
s,
|
|
208
|
+
i ?? {}
|
|
209
|
+
);
|
|
210
|
+
return /* @__PURE__ */ c(Q, { children: [
|
|
211
|
+
e.map((l) => /* @__PURE__ */ t(
|
|
212
|
+
at,
|
|
204
213
|
{
|
|
205
214
|
kind: "subtitles",
|
|
206
|
-
type:
|
|
207
|
-
language:
|
|
208
|
-
label:
|
|
209
|
-
src:
|
|
215
|
+
type: l.type,
|
|
216
|
+
language: l.language,
|
|
217
|
+
label: l.label,
|
|
218
|
+
src: l.src
|
|
210
219
|
},
|
|
211
|
-
|
|
220
|
+
l.label
|
|
212
221
|
)),
|
|
213
222
|
n ? /* @__PURE__ */ t(
|
|
214
223
|
"div",
|
|
215
224
|
{
|
|
216
225
|
style: {
|
|
217
226
|
display: "contents",
|
|
227
|
+
...a ? { "--caption-offset": a } : {},
|
|
218
228
|
"--captions-font-size-multiplier": o.state.captionsFontSizeMultiplier ?? 1,
|
|
219
229
|
"--captions-flex-direction": o.state.captionPositionOnTop ? "column" : "column-reverse",
|
|
220
230
|
"--captions-color": o.state.captionsInvertColors ? "rgba(22, 22, 22)" : "white",
|
|
221
231
|
"--captions-background-color": o.state.captionsInvertColors ? "rgba(255, 255, 255, 0.75)" : "rgba(22, 22, 22, 0.75)"
|
|
222
232
|
},
|
|
223
|
-
children: /* @__PURE__ */ t(
|
|
233
|
+
children: /* @__PURE__ */ t(ct, { className: Rt.captions })
|
|
224
234
|
}
|
|
225
235
|
) : null
|
|
226
236
|
] });
|
|
227
237
|
}
|
|
228
|
-
const
|
|
238
|
+
const K = [0.5, 0.75, 1, 1.25, 1.5, 2], Bt = [0.5, 1, 2, 3, 4], Ot = 5, Ft = (e) => {
|
|
229
239
|
const [, n] = x({});
|
|
230
|
-
return
|
|
240
|
+
return E(() => {
|
|
231
241
|
let o = [];
|
|
232
242
|
return {
|
|
233
243
|
add(i) {
|
|
234
244
|
o.length >= e && o.shift(), o.push(i), n({});
|
|
235
245
|
},
|
|
236
246
|
remove(i) {
|
|
237
|
-
o = o.filter((
|
|
247
|
+
o = o.filter((s) => s !== i), n({});
|
|
238
248
|
},
|
|
239
249
|
clear() {
|
|
240
250
|
o = [], n({});
|
|
@@ -244,123 +254,123 @@ const F = [0.5, 0.75, 1, 1.25, 1.5, 2], Tt = [0.5, 1, 2, 3, 4], Et = 5, Rt = (e)
|
|
|
244
254
|
}
|
|
245
255
|
};
|
|
246
256
|
}, []);
|
|
247
|
-
},
|
|
257
|
+
}, Zt = (e, n, o) => {
|
|
248
258
|
let i = !1;
|
|
249
|
-
return (
|
|
250
|
-
const
|
|
251
|
-
|
|
259
|
+
return (s) => {
|
|
260
|
+
const a = s.detail.currentTime;
|
|
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);
|
|
252
262
|
};
|
|
253
|
-
},
|
|
254
|
-
const o =
|
|
255
|
-
return
|
|
263
|
+
}, zt = (e, n = 5) => {
|
|
264
|
+
const o = F(), i = Ft(n);
|
|
265
|
+
return O(() => {
|
|
256
266
|
if (!o)
|
|
257
267
|
return;
|
|
258
|
-
const
|
|
259
|
-
for (const
|
|
260
|
-
const l =
|
|
261
|
-
|
|
268
|
+
const s = [];
|
|
269
|
+
for (const a of e) {
|
|
270
|
+
const l = Zt(a, Ot, i);
|
|
271
|
+
s.push(l), o.addEventListener("time-update", l);
|
|
262
272
|
}
|
|
263
273
|
return o.dispatchEvent(
|
|
264
274
|
new CustomEvent("time-update", {
|
|
265
275
|
detail: { currentTime: o.currentTime }
|
|
266
276
|
})
|
|
267
277
|
), () => {
|
|
268
|
-
for (const
|
|
269
|
-
o.removeEventListener("time-update",
|
|
278
|
+
for (const a of s)
|
|
279
|
+
o.removeEventListener("time-update", a);
|
|
270
280
|
i.clear();
|
|
271
281
|
};
|
|
272
282
|
}, [o, i, e]), i;
|
|
273
|
-
},
|
|
283
|
+
}, Kt = "_comments-overlay_1puzm_1", Dt = "_comments-container_1puzm_10", $t = "_comment_1puzm_1", Ut = "_comment-text_1puzm_47", qt = "_comment-author-avatar_1puzm_70", Gt = "_comment-author-name_1puzm_89", B = {
|
|
274
284
|
"comments-overlay": "_comments-overlay_1puzm_1",
|
|
275
|
-
commentsOverlay:
|
|
285
|
+
commentsOverlay: Kt,
|
|
276
286
|
"comments-container": "_comments-container_1puzm_10",
|
|
277
|
-
commentsContainer:
|
|
278
|
-
comment:
|
|
287
|
+
commentsContainer: Dt,
|
|
288
|
+
comment: $t,
|
|
279
289
|
"comment-text": "_comment-text_1puzm_47",
|
|
280
|
-
commentText:
|
|
290
|
+
commentText: Ut,
|
|
281
291
|
"comment-author-avatar": "_comment-author-avatar_1puzm_70",
|
|
282
|
-
commentAuthorAvatar:
|
|
292
|
+
commentAuthorAvatar: qt,
|
|
283
293
|
"comment-author-name": "_comment-author-name_1puzm_89",
|
|
284
|
-
commentAuthorName:
|
|
294
|
+
commentAuthorName: Gt
|
|
285
295
|
};
|
|
286
|
-
function
|
|
287
|
-
return e.render ? e.render(e,
|
|
296
|
+
function Qt({ comment: e }) {
|
|
297
|
+
return e.render ? e.render(e, B) : /* @__PURE__ */ c("div", { className: B.comment, onClick: () => {
|
|
288
298
|
var n;
|
|
289
299
|
return (n = e.onClick) == null ? void 0 : n.call(e, e);
|
|
290
300
|
}, children: [
|
|
291
301
|
/* @__PURE__ */ t(
|
|
292
302
|
"img",
|
|
293
303
|
{
|
|
294
|
-
className:
|
|
304
|
+
className: B.commentAuthorAvatar,
|
|
295
305
|
src: e.user.avatar,
|
|
296
306
|
alt: e.user.name
|
|
297
307
|
}
|
|
298
308
|
),
|
|
299
|
-
/* @__PURE__ */ t("span", { className:
|
|
300
|
-
/* @__PURE__ */ t("span", { className:
|
|
309
|
+
/* @__PURE__ */ t("span", { className: B.commentText, children: e.text }),
|
|
310
|
+
/* @__PURE__ */ t("span", { className: B.commentAuthorName, children: e.user.name })
|
|
301
311
|
] });
|
|
302
312
|
}
|
|
303
|
-
const
|
|
304
|
-
function
|
|
305
|
-
const n = g(), o =
|
|
313
|
+
const Wt = 5;
|
|
314
|
+
function jt({ comments: e }) {
|
|
315
|
+
const n = g(), o = zt(e, Wt), i = !!f("textTrack"), s = o.map((a) => /* @__PURE__ */ t(Qt, { comment: a }, a.id));
|
|
306
316
|
return e.length > 0 && n.state.commentsEnabled ? /* @__PURE__ */ t(
|
|
307
317
|
"div",
|
|
308
318
|
{
|
|
309
|
-
className:
|
|
319
|
+
className: B.commentsOverlay,
|
|
310
320
|
style: {
|
|
311
321
|
flexDirection: n.state.captionPositionOnTop && i ? "column-reverse" : "column"
|
|
312
322
|
},
|
|
313
|
-
children: /* @__PURE__ */ t("div", { className:
|
|
323
|
+
children: /* @__PURE__ */ t("div", { className: B.commentsContainer, children: i ? s.slice(-4) : s })
|
|
314
324
|
}
|
|
315
325
|
) : null;
|
|
316
326
|
}
|
|
317
|
-
const
|
|
318
|
-
root:
|
|
327
|
+
const Yt = "_root_1x28e_1", Xt = "_left-controls_1x28e_28", Jt = "_right-controls_1x28e_34", en = "_indicators_1x28e_40", tn = "_normal-timeline_1x28e_49", nn = "_compact-timeline_1x28e_55", z = {
|
|
328
|
+
root: Yt,
|
|
319
329
|
"left-controls": "_left-controls_1x28e_28",
|
|
320
|
-
leftControls:
|
|
330
|
+
leftControls: Xt,
|
|
321
331
|
"right-controls": "_right-controls_1x28e_34",
|
|
322
|
-
rightControls:
|
|
323
|
-
indicators:
|
|
332
|
+
rightControls: Jt,
|
|
333
|
+
indicators: en,
|
|
324
334
|
"normal-timeline": "_normal-timeline_1x28e_49",
|
|
325
|
-
normalTimeline:
|
|
335
|
+
normalTimeline: tn,
|
|
326
336
|
"compact-timeline": "_compact-timeline_1x28e_55",
|
|
327
|
-
compactTimeline:
|
|
337
|
+
compactTimeline: nn
|
|
328
338
|
};
|
|
329
|
-
function
|
|
339
|
+
function on({
|
|
330
340
|
darkMode: e,
|
|
331
341
|
playerRef: n,
|
|
332
342
|
showCaptionsButton: o = !0
|
|
333
343
|
}) {
|
|
334
|
-
const i =
|
|
335
|
-
return
|
|
344
|
+
const i = F();
|
|
345
|
+
return O(() => {
|
|
336
346
|
i && (i.remoteControl.pauseControls(), n && (n.current = i));
|
|
337
|
-
}, [i, n]), /* @__PURE__ */
|
|
338
|
-
/* @__PURE__ */ t(
|
|
339
|
-
/* @__PURE__ */
|
|
340
|
-
/* @__PURE__ */ t(
|
|
341
|
-
/* @__PURE__ */ t(
|
|
347
|
+
}, [i, n]), /* @__PURE__ */ c("div", { "data-darkmode": e, className: z.root, children: [
|
|
348
|
+
/* @__PURE__ */ t(Ie, { className: z.normalTimeline }),
|
|
349
|
+
/* @__PURE__ */ c("div", { className: z.leftControls, children: [
|
|
350
|
+
/* @__PURE__ */ t(z1, {}),
|
|
351
|
+
/* @__PURE__ */ t(Uo, {})
|
|
342
352
|
] }),
|
|
343
|
-
/* @__PURE__ */ t("div", { className:
|
|
344
|
-
/* @__PURE__ */ t(
|
|
345
|
-
/* @__PURE__ */
|
|
346
|
-
o && /* @__PURE__ */ t(
|
|
347
|
-
/* @__PURE__ */ t(
|
|
348
|
-
/* @__PURE__ */ t(
|
|
353
|
+
/* @__PURE__ */ t("div", { className: z.indicators, children: /* @__PURE__ */ t(eo, {}) }),
|
|
354
|
+
/* @__PURE__ */ t(Ie, { className: z.compactTimeline }),
|
|
355
|
+
/* @__PURE__ */ c("div", { className: z.rightControls, children: [
|
|
356
|
+
o && /* @__PURE__ */ t(Tt, {}),
|
|
357
|
+
/* @__PURE__ */ t(Jn, {}),
|
|
358
|
+
/* @__PURE__ */ t(p1, {})
|
|
349
359
|
] })
|
|
350
360
|
] });
|
|
351
361
|
}
|
|
352
|
-
const
|
|
362
|
+
const sn = (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" }) }), an = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 3.03704L7.03704 2L14.037 9L7.03704 16L6 14.963L11.963 9L6 3.03704Z", fill: "currentColor" }) }), cn = "_menu-hint_k49ve_1", ln = "_menu-button_k49ve_5", rn = "_menu-label_k49ve_37", un = "_menu-icon_k49ve_42", te = {
|
|
353
363
|
"menu-hint": "_menu-hint_k49ve_1",
|
|
354
|
-
menuHint:
|
|
364
|
+
menuHint: cn,
|
|
355
365
|
"menu-button": "_menu-button_k49ve_5",
|
|
356
|
-
menuButton:
|
|
366
|
+
menuButton: ln,
|
|
357
367
|
"menu-label": "_menu-label_k49ve_37",
|
|
358
|
-
menuLabel:
|
|
368
|
+
menuLabel: rn,
|
|
359
369
|
"menu-icon": "_menu-icon_k49ve_42",
|
|
360
|
-
menuIcon:
|
|
370
|
+
menuIcon: un
|
|
361
371
|
};
|
|
362
|
-
function
|
|
363
|
-
return /* @__PURE__ */
|
|
372
|
+
function W({ label: e, hint: n, onClick: o, Icon: i }) {
|
|
373
|
+
return /* @__PURE__ */ c(
|
|
364
374
|
"button",
|
|
365
375
|
{
|
|
366
376
|
type: "button",
|
|
@@ -373,118 +383,118 @@ function Q({ label: e, hint: n, onClick: o, Icon: i }) {
|
|
|
373
383
|
i && /* @__PURE__ */ t(i, { className: te.menuIcon }),
|
|
374
384
|
/* @__PURE__ */ t("span", { className: te.menuLabel, children: e }),
|
|
375
385
|
/* @__PURE__ */ t("span", { className: te.menuHint, children: n }),
|
|
376
|
-
/* @__PURE__ */ t(
|
|
386
|
+
/* @__PURE__ */ t(an, {})
|
|
377
387
|
]
|
|
378
388
|
}
|
|
379
389
|
);
|
|
380
390
|
}
|
|
381
|
-
const
|
|
382
|
-
function
|
|
383
|
-
const e =
|
|
391
|
+
const dn = (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 mn() {
|
|
393
|
+
const e = H(), n = f("playbackRate"), { t: o } = C(), i = _(() => {
|
|
384
394
|
e.setPage("speed");
|
|
385
395
|
}, [e]);
|
|
386
396
|
return /* @__PURE__ */ t(
|
|
387
|
-
|
|
397
|
+
W,
|
|
388
398
|
{
|
|
389
399
|
label: o("PLAYBACK_SPEED"),
|
|
390
400
|
hint: `${n}x`,
|
|
391
401
|
onClick: i,
|
|
392
|
-
Icon:
|
|
402
|
+
Icon: dn
|
|
393
403
|
}
|
|
394
404
|
);
|
|
395
405
|
}
|
|
396
|
-
function
|
|
397
|
-
const e =
|
|
406
|
+
function hn() {
|
|
407
|
+
const e = H(), n = f("hasCaptions"), o = f("textTrack"), { t: i } = C(), s = _(() => {
|
|
398
408
|
e.setPage("captions");
|
|
399
409
|
}, [e]);
|
|
400
410
|
return n ? /* @__PURE__ */ t(
|
|
401
|
-
|
|
411
|
+
W,
|
|
402
412
|
{
|
|
403
413
|
label: i("CAPTIONS"),
|
|
404
414
|
hint: (o == null ? void 0 : o.label) ?? i("OFF"),
|
|
405
|
-
onClick:
|
|
406
|
-
Icon:
|
|
415
|
+
onClick: s,
|
|
416
|
+
Icon: Fe
|
|
407
417
|
}
|
|
408
418
|
) : null;
|
|
409
419
|
}
|
|
410
|
-
const
|
|
420
|
+
const pn = (e) => /* @__PURE__ */ c("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
|
|
411
421
|
/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_412_23039", children: /* @__PURE__ */ t("rect", { width: 18, height: 18, fill: "white" }) }) }),
|
|
412
|
-
/* @__PURE__ */
|
|
422
|
+
/* @__PURE__ */ c("g", { clipPath: "url(#clip0_412_23039)", children: [
|
|
413
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" }),
|
|
414
424
|
/* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 8.40039H9.46326C9.7388 7.11449 10.8818 6.15039 12.25 6.15039C13.6182 6.15039 14.7612 7.11449 15.0367 8.40039H18V9.60039H15.0367C14.7612 10.8863 13.6182 11.8504 12.25 11.8504C10.8818 11.8504 9.7388 10.8863 9.46326 9.60039H0V8.40039ZM12.25 7.35039C11.3387 7.35039 10.6 8.08912 10.6 9.00039C10.6 9.91166 11.3387 10.6504 12.25 10.6504C13.1613 10.6504 13.9 9.91166 13.9 9.00039C13.9 8.08912 13.1613 7.35039 12.25 7.35039Z", fill: "currentColor" }),
|
|
415
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" })
|
|
416
426
|
] })
|
|
417
427
|
] });
|
|
418
|
-
function
|
|
419
|
-
const e =
|
|
428
|
+
function _n() {
|
|
429
|
+
const e = H(), n = f("autoQuality"), o = f("quality"), { t: i } = C(), s = _(() => {
|
|
420
430
|
e.setPage("quality");
|
|
421
431
|
}, [e]);
|
|
422
432
|
return o ? /* @__PURE__ */ t(
|
|
423
|
-
|
|
433
|
+
W,
|
|
424
434
|
{
|
|
425
435
|
label: i("QUALITY"),
|
|
426
436
|
hint: n ? i("AUTO", { quality: o.height }) : `${o.height}p`,
|
|
427
|
-
onClick:
|
|
428
|
-
Icon:
|
|
437
|
+
onClick: s,
|
|
438
|
+
Icon: pn
|
|
429
439
|
}
|
|
430
440
|
) : null;
|
|
431
441
|
}
|
|
432
|
-
const
|
|
442
|
+
const fn = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { d: "M 21.798373,3.342155 8.8843977,16.256145 2.2000774,9.571825 0,11.771895 8.8843977,20.657845 24,5.543795 Z", fill: "currentColor" }) }), 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 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", gn = "_switch-thumb_1d65g_12", vn = "_switch-icon_1d65g_26", wn = "_switch-body_1d65g_32", yn = "_switch-label_1d65g_73", kn = "_menu-icon_1d65g_77", A = {
|
|
433
443
|
"switch-track": "_switch-track_1d65g_1",
|
|
434
|
-
switchTrack:
|
|
444
|
+
switchTrack: bn,
|
|
435
445
|
"switch-thumb": "_switch-thumb_1d65g_12",
|
|
436
|
-
switchThumb:
|
|
446
|
+
switchThumb: gn,
|
|
437
447
|
"switch-icon": "_switch-icon_1d65g_26",
|
|
438
|
-
switchIcon:
|
|
448
|
+
switchIcon: vn,
|
|
439
449
|
"switch-body": "_switch-body_1d65g_32",
|
|
440
|
-
switchBody:
|
|
450
|
+
switchBody: wn,
|
|
441
451
|
"switch-label": "_switch-label_1d65g_73",
|
|
442
|
-
switchLabel:
|
|
452
|
+
switchLabel: yn,
|
|
443
453
|
"menu-icon": "_menu-icon_1d65g_77",
|
|
444
|
-
menuIcon:
|
|
454
|
+
menuIcon: kn
|
|
445
455
|
};
|
|
446
|
-
function
|
|
456
|
+
function be({
|
|
447
457
|
label: e,
|
|
448
458
|
checked: n = !1,
|
|
449
459
|
onClick: o,
|
|
450
460
|
Icon: i
|
|
451
461
|
}) {
|
|
452
|
-
return /* @__PURE__ */
|
|
462
|
+
return /* @__PURE__ */ c(
|
|
453
463
|
"button",
|
|
454
464
|
{
|
|
455
|
-
className:
|
|
465
|
+
className: A.switchBody,
|
|
456
466
|
role: "checkbox",
|
|
457
467
|
"aria-label": e,
|
|
458
468
|
"aria-checked": n,
|
|
459
469
|
onClick: o,
|
|
460
470
|
tabIndex: -1,
|
|
461
471
|
children: [
|
|
462
|
-
i && /* @__PURE__ */ t(i, { className:
|
|
463
|
-
/* @__PURE__ */ t("span", { className:
|
|
464
|
-
/* @__PURE__ */ t("div", { className:
|
|
472
|
+
i && /* @__PURE__ */ t(i, { className: A.menuIcon }),
|
|
473
|
+
/* @__PURE__ */ t("span", { className: A.switchLabel, children: e }),
|
|
474
|
+
/* @__PURE__ */ t("div", { className: A.switchTrack, children: /* @__PURE__ */ t("div", { className: A.switchThumb, children: n ? /* @__PURE__ */ t(fn, { className: A.switchIcon }) : /* @__PURE__ */ t(Cn, { className: A.switchIcon }) }) })
|
|
465
475
|
]
|
|
466
476
|
}
|
|
467
477
|
);
|
|
468
478
|
}
|
|
469
|
-
const
|
|
470
|
-
function
|
|
471
|
-
const { t: e } =
|
|
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 xn() {
|
|
481
|
+
const { t: e } = C(), n = M(), o = g();
|
|
472
482
|
return !n.forceComments && n.hasComments ? /* @__PURE__ */ t(
|
|
473
|
-
|
|
483
|
+
be,
|
|
474
484
|
{
|
|
475
|
-
Icon:
|
|
485
|
+
Icon: Ln,
|
|
476
486
|
label: e("COMMENTS"),
|
|
477
487
|
onClick: o.toggleComments,
|
|
478
488
|
checked: o.state.commentsEnabled
|
|
479
489
|
}
|
|
480
490
|
) : null;
|
|
481
491
|
}
|
|
482
|
-
const
|
|
492
|
+
const Mn = "_main-menu_7h96l_1", Pn = {
|
|
483
493
|
"main-menu": "_main-menu_7h96l_1",
|
|
484
|
-
mainMenu:
|
|
494
|
+
mainMenu: Mn
|
|
485
495
|
};
|
|
486
|
-
function
|
|
487
|
-
|
|
496
|
+
function Ke(e) {
|
|
497
|
+
O(() => {
|
|
488
498
|
const n = (o) => {
|
|
489
499
|
var i;
|
|
490
500
|
(i = e[o.key]) == null || i.call(e, o);
|
|
@@ -494,61 +504,61 @@ function ze(e) {
|
|
|
494
504
|
};
|
|
495
505
|
}, [e]);
|
|
496
506
|
}
|
|
497
|
-
function
|
|
498
|
-
const n =
|
|
499
|
-
return
|
|
507
|
+
function Nn(e) {
|
|
508
|
+
const n = E(() => ({ Escape: e }), [e]);
|
|
509
|
+
return Ke(n);
|
|
500
510
|
}
|
|
501
|
-
const
|
|
502
|
-
const e =
|
|
511
|
+
const H = () => {
|
|
512
|
+
const e = re(De);
|
|
503
513
|
if (!e)
|
|
504
514
|
throw new Error(
|
|
505
515
|
"useCustomSettingsMenuContext must be used within a CustomSettingsMenuContext.Provider"
|
|
506
516
|
);
|
|
507
517
|
return e;
|
|
508
518
|
};
|
|
509
|
-
function
|
|
519
|
+
function In(e, n) {
|
|
510
520
|
const o = Array.from(e.querySelectorAll("button")), i = o.indexOf(n);
|
|
511
521
|
return o[i - 1] ?? null;
|
|
512
522
|
}
|
|
513
|
-
function
|
|
523
|
+
function Hn(e, n) {
|
|
514
524
|
const o = Array.from(e.querySelectorAll("button")), i = o.indexOf(n);
|
|
515
525
|
return o[i + 1] ?? null;
|
|
516
526
|
}
|
|
517
|
-
function
|
|
527
|
+
function Vn(e) {
|
|
518
528
|
return e.querySelector("button");
|
|
519
529
|
}
|
|
520
|
-
function
|
|
530
|
+
function Sn(e) {
|
|
521
531
|
const n = Array.from(e.querySelectorAll("button"));
|
|
522
532
|
return n[n.length - 1] ?? null;
|
|
523
533
|
}
|
|
524
|
-
function
|
|
525
|
-
const e =
|
|
534
|
+
function D() {
|
|
535
|
+
const e = H(), n = G(null), o = E(
|
|
526
536
|
() => ({
|
|
527
537
|
Escape: e.toggle,
|
|
528
538
|
ArrowUp: () => {
|
|
529
539
|
const i = document.activeElement;
|
|
530
540
|
if (i && n.current && n.current.contains(i)) {
|
|
531
|
-
const
|
|
541
|
+
const s = In(
|
|
532
542
|
n.current,
|
|
533
543
|
i
|
|
534
544
|
);
|
|
535
|
-
|
|
545
|
+
s == null || s.focus();
|
|
536
546
|
} else if (n.current) {
|
|
537
|
-
const
|
|
538
|
-
|
|
547
|
+
const s = Sn(n.current);
|
|
548
|
+
s == null || s.focus();
|
|
539
549
|
}
|
|
540
550
|
},
|
|
541
551
|
ArrowDown: () => {
|
|
542
552
|
const i = document.activeElement;
|
|
543
553
|
if (i && n.current && n.current.contains(i)) {
|
|
544
|
-
const
|
|
554
|
+
const s = Hn(
|
|
545
555
|
n.current,
|
|
546
556
|
i
|
|
547
557
|
);
|
|
548
|
-
|
|
558
|
+
s == null || s.focus();
|
|
549
559
|
} else if (n.current) {
|
|
550
|
-
const
|
|
551
|
-
|
|
560
|
+
const s = Vn(n.current);
|
|
561
|
+
s == null || s.focus();
|
|
552
562
|
}
|
|
553
563
|
},
|
|
554
564
|
ArrowRight: () => {
|
|
@@ -559,110 +569,110 @@ function K() {
|
|
|
559
569
|
}),
|
|
560
570
|
[e]
|
|
561
571
|
);
|
|
562
|
-
return
|
|
572
|
+
return Ke(o), n;
|
|
563
573
|
}
|
|
564
|
-
function
|
|
565
|
-
const e =
|
|
566
|
-
return /* @__PURE__ */
|
|
574
|
+
function Tn() {
|
|
575
|
+
const e = D(), { t: n } = C();
|
|
576
|
+
return /* @__PURE__ */ c(
|
|
567
577
|
"div",
|
|
568
578
|
{
|
|
569
579
|
ref: e,
|
|
570
580
|
id: "submenu",
|
|
571
581
|
"aria-label": n("MAIN_MENU"),
|
|
572
582
|
role: "menu",
|
|
573
|
-
className:
|
|
583
|
+
className: Pn.mainMenu,
|
|
574
584
|
children: [
|
|
575
|
-
/* @__PURE__ */ t(
|
|
576
|
-
/* @__PURE__ */ t(
|
|
577
|
-
/* @__PURE__ */ t(
|
|
578
|
-
/* @__PURE__ */ t(
|
|
585
|
+
/* @__PURE__ */ t(mn, {}),
|
|
586
|
+
/* @__PURE__ */ t(hn, {}),
|
|
587
|
+
/* @__PURE__ */ t(xn, {}),
|
|
588
|
+
/* @__PURE__ */ t(_n, {})
|
|
579
589
|
]
|
|
580
590
|
}
|
|
581
591
|
);
|
|
582
592
|
}
|
|
583
|
-
const
|
|
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" }) }), j = (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" }) }), En = "_menu-container_1lrzf_1", Rn = "_menu-heading_1lrzf_6", An = "_check-icon_1lrzf_22", Bn = "_menu-item-label_1lrzf_28", On = "_menu-item_1lrzf_28", Fn = "_menu-back-button_1lrzf_61", p = {
|
|
584
594
|
"menu-container": "_menu-container_1lrzf_1",
|
|
585
|
-
menuContainer:
|
|
595
|
+
menuContainer: En,
|
|
586
596
|
"menu-heading": "_menu-heading_1lrzf_6",
|
|
587
|
-
menuHeading:
|
|
597
|
+
menuHeading: Rn,
|
|
588
598
|
"check-icon": "_check-icon_1lrzf_22",
|
|
589
|
-
checkIcon:
|
|
599
|
+
checkIcon: An,
|
|
590
600
|
"menu-item-label": "_menu-item-label_1lrzf_28",
|
|
591
|
-
menuItemLabel:
|
|
601
|
+
menuItemLabel: Bn,
|
|
592
602
|
"menu-item": "_menu-item_1lrzf_28",
|
|
593
|
-
menuItem:
|
|
603
|
+
menuItem: On,
|
|
594
604
|
"menu-back-button": "_menu-back-button_1lrzf_61",
|
|
595
|
-
menuBackButton:
|
|
605
|
+
menuBackButton: Fn
|
|
596
606
|
};
|
|
597
|
-
function
|
|
598
|
-
const e =
|
|
599
|
-
rates:
|
|
607
|
+
function Zn() {
|
|
608
|
+
const e = H(), n = lt({
|
|
609
|
+
rates: K,
|
|
600
610
|
normalLabel: "1x"
|
|
601
|
-
}), { t: o } =
|
|
602
|
-
return /* @__PURE__ */
|
|
611
|
+
}), { t: o } = C(), i = D();
|
|
612
|
+
return /* @__PURE__ */ c(
|
|
603
613
|
"div",
|
|
604
614
|
{
|
|
605
615
|
ref: i,
|
|
606
616
|
id: "submenu",
|
|
607
617
|
"aria-label": o("SPEED_MENU"),
|
|
608
618
|
role: "menu",
|
|
609
|
-
className:
|
|
619
|
+
className: p.menuContainer,
|
|
610
620
|
children: [
|
|
611
|
-
/* @__PURE__ */
|
|
621
|
+
/* @__PURE__ */ c(
|
|
612
622
|
"button",
|
|
613
623
|
{
|
|
614
624
|
type: "button",
|
|
615
625
|
role: "menuitem",
|
|
616
626
|
tabIndex: -1,
|
|
617
|
-
className:
|
|
627
|
+
className: p.menuBackButton,
|
|
618
628
|
onClick: e.back,
|
|
619
629
|
children: [
|
|
620
|
-
/* @__PURE__ */ t(
|
|
630
|
+
/* @__PURE__ */ t(j, {}),
|
|
621
631
|
/* @__PURE__ */ t("span", { children: o("BACK") })
|
|
622
632
|
]
|
|
623
633
|
}
|
|
624
634
|
),
|
|
625
|
-
/* @__PURE__ */ t("strong", { className:
|
|
626
|
-
n.map(({ value:
|
|
635
|
+
/* @__PURE__ */ t("strong", { className: p.menuHeading, children: o("PLAYBACK_SPEED") }),
|
|
636
|
+
n.map(({ value: s, label: a, select: l, selected: r }) => /* @__PURE__ */ c(
|
|
627
637
|
"button",
|
|
628
638
|
{
|
|
629
639
|
type: "button",
|
|
630
640
|
role: "menuitemradio",
|
|
631
|
-
"aria-label":
|
|
641
|
+
"aria-label": a,
|
|
632
642
|
"aria-checked": r,
|
|
633
643
|
onClick: () => l(),
|
|
634
644
|
tabIndex: -1,
|
|
635
|
-
className:
|
|
645
|
+
className: p.menuItem,
|
|
636
646
|
children: [
|
|
637
|
-
/* @__PURE__ */ t(
|
|
638
|
-
/* @__PURE__ */ t("span", { className:
|
|
647
|
+
/* @__PURE__ */ t(ie, { className: p.checkIcon }),
|
|
648
|
+
/* @__PURE__ */ t("span", { className: p.menuItemLabel, children: a })
|
|
639
649
|
]
|
|
640
650
|
},
|
|
641
|
-
|
|
651
|
+
s
|
|
642
652
|
))
|
|
643
653
|
]
|
|
644
654
|
}
|
|
645
655
|
);
|
|
646
656
|
}
|
|
647
|
-
function
|
|
648
|
-
const e =
|
|
657
|
+
function zn() {
|
|
658
|
+
const e = H(), n = f("textTrack"), { t: o } = C(), { disableCaptionSettings: i } = g(), s = _(() => {
|
|
649
659
|
e.setPage("captionLanguage");
|
|
650
660
|
}, [e]);
|
|
651
661
|
return i ? null : /* @__PURE__ */ t(
|
|
652
|
-
|
|
662
|
+
W,
|
|
653
663
|
{
|
|
654
664
|
label: o("LANGUAGE"),
|
|
655
665
|
hint: (n == null ? void 0 : n.label) ?? o("OFF"),
|
|
656
|
-
onClick:
|
|
666
|
+
onClick: s
|
|
657
667
|
}
|
|
658
668
|
);
|
|
659
669
|
}
|
|
660
|
-
function
|
|
661
|
-
const { t: e } =
|
|
670
|
+
function Kn() {
|
|
671
|
+
const { t: e } = C(), n = g(), o = H(), i = _(() => {
|
|
662
672
|
o.setPage("captionFontSize");
|
|
663
673
|
}, [o]);
|
|
664
674
|
return /* @__PURE__ */ t(
|
|
665
|
-
|
|
675
|
+
W,
|
|
666
676
|
{
|
|
667
677
|
label: e("CAPTION_FONT_SIZE"),
|
|
668
678
|
hint: `${n.state.captionsFontSizeMultiplier * 100}%`,
|
|
@@ -670,10 +680,10 @@ function On() {
|
|
|
670
680
|
}
|
|
671
681
|
);
|
|
672
682
|
}
|
|
673
|
-
function
|
|
674
|
-
const { t: e } =
|
|
683
|
+
function Dn() {
|
|
684
|
+
const { t: e } = C(), n = g();
|
|
675
685
|
return /* @__PURE__ */ t(
|
|
676
|
-
|
|
686
|
+
be,
|
|
677
687
|
{
|
|
678
688
|
label: e("ON_TOP"),
|
|
679
689
|
onClick: n.toggleCaptionPositionOnTop,
|
|
@@ -681,10 +691,10 @@ function Fn() {
|
|
|
681
691
|
}
|
|
682
692
|
);
|
|
683
693
|
}
|
|
684
|
-
function
|
|
685
|
-
const { t: e } =
|
|
694
|
+
function $n() {
|
|
695
|
+
const { t: e } = C(), n = g();
|
|
686
696
|
return /* @__PURE__ */ t(
|
|
687
|
-
|
|
697
|
+
be,
|
|
688
698
|
{
|
|
689
699
|
label: e("INVERT_COLORS"),
|
|
690
700
|
onClick: n.toggleCaptionsInvertColors,
|
|
@@ -692,67 +702,67 @@ function Zn() {
|
|
|
692
702
|
}
|
|
693
703
|
);
|
|
694
704
|
}
|
|
695
|
-
function
|
|
696
|
-
const e =
|
|
697
|
-
return /* @__PURE__ */
|
|
705
|
+
function Un() {
|
|
706
|
+
const e = H(), { t: n } = C(), o = D();
|
|
707
|
+
return /* @__PURE__ */ c(
|
|
698
708
|
"div",
|
|
699
709
|
{
|
|
700
710
|
ref: o,
|
|
701
711
|
id: "submenu",
|
|
702
712
|
"aria-label": n("CAPTIONS_MENU"),
|
|
703
713
|
role: "menu",
|
|
704
|
-
className:
|
|
714
|
+
className: p.menuContainer,
|
|
705
715
|
children: [
|
|
706
|
-
/* @__PURE__ */
|
|
716
|
+
/* @__PURE__ */ c(
|
|
707
717
|
"button",
|
|
708
718
|
{
|
|
709
719
|
type: "button",
|
|
710
720
|
role: "menuitem",
|
|
711
721
|
tabIndex: -1,
|
|
712
|
-
className:
|
|
722
|
+
className: p.menuBackButton,
|
|
713
723
|
onClick: e.back,
|
|
714
724
|
children: [
|
|
715
|
-
/* @__PURE__ */ t(
|
|
725
|
+
/* @__PURE__ */ t(j, {}),
|
|
716
726
|
/* @__PURE__ */ t("span", { children: n("BACK") })
|
|
717
727
|
]
|
|
718
728
|
}
|
|
719
729
|
),
|
|
720
|
-
/* @__PURE__ */ t("strong", { className:
|
|
721
|
-
/* @__PURE__ */ t(
|
|
722
|
-
/* @__PURE__ */ t(
|
|
723
|
-
/* @__PURE__ */ t(
|
|
724
|
-
/* @__PURE__ */ t(
|
|
730
|
+
/* @__PURE__ */ t("strong", { className: p.menuHeading, children: n("CAPTIONS") }),
|
|
731
|
+
/* @__PURE__ */ t(zn, {}),
|
|
732
|
+
/* @__PURE__ */ t(Kn, {}),
|
|
733
|
+
/* @__PURE__ */ t(Dn, {}),
|
|
734
|
+
/* @__PURE__ */ t($n, {})
|
|
725
735
|
]
|
|
726
736
|
}
|
|
727
737
|
);
|
|
728
738
|
}
|
|
729
|
-
function
|
|
730
|
-
const e =
|
|
731
|
-
return /* @__PURE__ */
|
|
739
|
+
function qn() {
|
|
740
|
+
const e = H(), n = rt(), { t: o } = C(), i = D();
|
|
741
|
+
return /* @__PURE__ */ c(
|
|
732
742
|
"div",
|
|
733
743
|
{
|
|
734
744
|
ref: i,
|
|
735
745
|
id: "submenu",
|
|
736
746
|
"aria-label": o("CAPTIONS_LANGUAGE_MENU"),
|
|
737
747
|
role: "menu",
|
|
738
|
-
className:
|
|
748
|
+
className: p.menuContainer,
|
|
739
749
|
children: [
|
|
740
|
-
/* @__PURE__ */
|
|
750
|
+
/* @__PURE__ */ c(
|
|
741
751
|
"button",
|
|
742
752
|
{
|
|
743
753
|
type: "button",
|
|
744
754
|
role: "menuitem",
|
|
745
755
|
tabIndex: -1,
|
|
746
|
-
className:
|
|
756
|
+
className: p.menuBackButton,
|
|
747
757
|
onClick: e.back,
|
|
748
758
|
children: [
|
|
749
|
-
/* @__PURE__ */ t(
|
|
759
|
+
/* @__PURE__ */ t(j, {}),
|
|
750
760
|
/* @__PURE__ */ t("span", { children: o("BACK") })
|
|
751
761
|
]
|
|
752
762
|
}
|
|
753
763
|
),
|
|
754
|
-
/* @__PURE__ */ t("strong", { className:
|
|
755
|
-
n.map(({ value:
|
|
764
|
+
/* @__PURE__ */ t("strong", { className: p.menuHeading, children: o("CAPTIONS") }),
|
|
765
|
+
n.map(({ value: s, label: a, select: l, selected: r }) => /* @__PURE__ */ c(
|
|
756
766
|
"button",
|
|
757
767
|
{
|
|
758
768
|
type: "button",
|
|
@@ -760,209 +770,209 @@ function Kn() {
|
|
|
760
770
|
"aria-checked": r,
|
|
761
771
|
onClick: () => l(),
|
|
762
772
|
tabIndex: -1,
|
|
763
|
-
className:
|
|
773
|
+
className: p.menuItem,
|
|
764
774
|
children: [
|
|
765
|
-
/* @__PURE__ */ t(
|
|
766
|
-
/* @__PURE__ */ t("span", { className:
|
|
775
|
+
/* @__PURE__ */ t(ie, { className: p.checkIcon }),
|
|
776
|
+
/* @__PURE__ */ t("span", { className: p.menuItemLabel, children: a })
|
|
767
777
|
]
|
|
768
778
|
},
|
|
769
|
-
|
|
779
|
+
s
|
|
770
780
|
))
|
|
771
781
|
]
|
|
772
782
|
}
|
|
773
783
|
);
|
|
774
784
|
}
|
|
775
|
-
function
|
|
776
|
-
const e = g(), n =
|
|
777
|
-
return /* @__PURE__ */
|
|
785
|
+
function Gn() {
|
|
786
|
+
const e = g(), n = H(), { t: o } = C(), i = D();
|
|
787
|
+
return /* @__PURE__ */ c(
|
|
778
788
|
"div",
|
|
779
789
|
{
|
|
780
790
|
ref: i,
|
|
781
791
|
id: "submenu",
|
|
782
792
|
"aria-label": o("CAPTIONS_FONT_SIZE_MENU"),
|
|
783
793
|
role: "menu",
|
|
784
|
-
className:
|
|
794
|
+
className: p.menuContainer,
|
|
785
795
|
children: [
|
|
786
|
-
/* @__PURE__ */
|
|
796
|
+
/* @__PURE__ */ c(
|
|
787
797
|
"button",
|
|
788
798
|
{
|
|
789
799
|
type: "button",
|
|
790
800
|
role: "menuitem",
|
|
791
801
|
tabIndex: -1,
|
|
792
|
-
className:
|
|
802
|
+
className: p.menuBackButton,
|
|
793
803
|
onClick: n.back,
|
|
794
804
|
children: [
|
|
795
|
-
/* @__PURE__ */ t(
|
|
805
|
+
/* @__PURE__ */ t(j, {}),
|
|
796
806
|
/* @__PURE__ */ t("span", { children: o("BACK") })
|
|
797
807
|
]
|
|
798
808
|
}
|
|
799
809
|
),
|
|
800
|
-
/* @__PURE__ */ t("strong", { className:
|
|
801
|
-
|
|
810
|
+
/* @__PURE__ */ t("strong", { className: p.menuHeading, children: o("CAPTIONS") }),
|
|
811
|
+
Bt.map((s) => /* @__PURE__ */ c(
|
|
802
812
|
"button",
|
|
803
813
|
{
|
|
804
814
|
type: "button",
|
|
805
815
|
role: "menuitemradio",
|
|
806
|
-
"aria-checked":
|
|
816
|
+
"aria-checked": s === e.state.captionsFontSizeMultiplier,
|
|
807
817
|
onClick: () => {
|
|
808
|
-
e.setCaptionsFontSizeMultiplier(
|
|
818
|
+
e.setCaptionsFontSizeMultiplier(s);
|
|
809
819
|
},
|
|
810
820
|
tabIndex: -1,
|
|
811
|
-
className:
|
|
821
|
+
className: p.menuItem,
|
|
812
822
|
children: [
|
|
813
|
-
/* @__PURE__ */ t(
|
|
814
|
-
/* @__PURE__ */
|
|
815
|
-
|
|
823
|
+
/* @__PURE__ */ t(ie, { className: p.checkIcon }),
|
|
824
|
+
/* @__PURE__ */ c("span", { className: p.menuItemLabel, children: [
|
|
825
|
+
s * 100,
|
|
816
826
|
"%"
|
|
817
827
|
] })
|
|
818
828
|
]
|
|
819
829
|
},
|
|
820
|
-
|
|
830
|
+
s
|
|
821
831
|
))
|
|
822
832
|
]
|
|
823
833
|
}
|
|
824
834
|
);
|
|
825
835
|
}
|
|
826
|
-
function
|
|
827
|
-
const e =
|
|
828
|
-
return /* @__PURE__ */
|
|
836
|
+
function Qn() {
|
|
837
|
+
const e = H(), n = ut({ sort: "descending" }), o = f("autoQuality"), { t: i } = C(), s = D();
|
|
838
|
+
return /* @__PURE__ */ c(
|
|
829
839
|
"div",
|
|
830
840
|
{
|
|
831
|
-
ref:
|
|
841
|
+
ref: s,
|
|
832
842
|
id: "submenu",
|
|
833
843
|
"aria-label": i("QUALITY_MENU"),
|
|
834
844
|
role: "menu",
|
|
835
|
-
className:
|
|
845
|
+
className: p.menuContainer,
|
|
836
846
|
children: [
|
|
837
|
-
/* @__PURE__ */
|
|
847
|
+
/* @__PURE__ */ c(
|
|
838
848
|
"button",
|
|
839
849
|
{
|
|
840
850
|
type: "button",
|
|
841
851
|
role: "menuitem",
|
|
842
852
|
tabIndex: -1,
|
|
843
|
-
className:
|
|
853
|
+
className: p.menuBackButton,
|
|
844
854
|
onClick: e.back,
|
|
845
855
|
children: [
|
|
846
|
-
/* @__PURE__ */ t(
|
|
856
|
+
/* @__PURE__ */ t(j, {}),
|
|
847
857
|
/* @__PURE__ */ t("span", { children: i("BACK") })
|
|
848
858
|
]
|
|
849
859
|
}
|
|
850
860
|
),
|
|
851
|
-
/* @__PURE__ */ t("strong", { className:
|
|
852
|
-
n.map(({ value:
|
|
861
|
+
/* @__PURE__ */ t("strong", { className: p.menuHeading, children: i("QUALITY") }),
|
|
862
|
+
n.map(({ value: a, label: l, select: r, selected: u }) => /* @__PURE__ */ c(
|
|
853
863
|
"button",
|
|
854
864
|
{
|
|
855
865
|
type: "button",
|
|
856
866
|
role: "menuitemradio",
|
|
857
|
-
"aria-checked":
|
|
867
|
+
"aria-checked": a === "auto" && o || u && !o,
|
|
858
868
|
onClick: () => r(),
|
|
859
869
|
tabIndex: -1,
|
|
860
|
-
className:
|
|
870
|
+
className: p.menuItem,
|
|
861
871
|
children: [
|
|
862
|
-
/* @__PURE__ */ t(
|
|
863
|
-
/* @__PURE__ */ t("span", { className:
|
|
872
|
+
/* @__PURE__ */ t(ie, { className: p.checkIcon }),
|
|
873
|
+
/* @__PURE__ */ t("span", { className: p.menuItemLabel, children: l })
|
|
864
874
|
]
|
|
865
875
|
},
|
|
866
|
-
|
|
876
|
+
a
|
|
867
877
|
))
|
|
868
878
|
]
|
|
869
879
|
}
|
|
870
880
|
);
|
|
871
881
|
}
|
|
872
|
-
const
|
|
873
|
-
main:
|
|
874
|
-
speed:
|
|
875
|
-
captions:
|
|
876
|
-
captionLanguage:
|
|
877
|
-
captionFontSize:
|
|
878
|
-
quality:
|
|
882
|
+
const De = le(null), Wn = {
|
|
883
|
+
main: Tn,
|
|
884
|
+
speed: Zn,
|
|
885
|
+
captions: Un,
|
|
886
|
+
captionLanguage: qn,
|
|
887
|
+
captionFontSize: Gn,
|
|
888
|
+
quality: Qn
|
|
879
889
|
};
|
|
880
|
-
function
|
|
881
|
-
const e = g(), [n, o] = x(["main"]), [i,
|
|
882
|
-
|
|
883
|
-
}, [i]), l = _((
|
|
884
|
-
o((T) => T.concat(
|
|
890
|
+
function jn() {
|
|
891
|
+
const e = g(), [n, o] = x(["main"]), [i, s] = x(!1), a = _(() => {
|
|
892
|
+
s(!i), o(["main"]), e.setGlobalKeysDisabled(!i);
|
|
893
|
+
}, [i]), l = _((P) => {
|
|
894
|
+
o((T) => T.concat(P));
|
|
885
895
|
}, []), r = _(() => {
|
|
886
|
-
o((
|
|
887
|
-
}, []), u =
|
|
896
|
+
o((P) => P.length > 1 ? P.slice(0, -1) : P);
|
|
897
|
+
}, []), u = E(() => Wn[n[n.length - 1]], [n]), m = G(null), { refs: v, floatingStyles: y, context: k } = ue({
|
|
888
898
|
open: i,
|
|
889
|
-
onOpenChange:
|
|
899
|
+
onOpenChange: a,
|
|
890
900
|
placement: "top-end",
|
|
891
|
-
whileElementsMounted:
|
|
901
|
+
whileElementsMounted: de,
|
|
892
902
|
middleware: [
|
|
893
|
-
|
|
894
|
-
|
|
895
|
-
element:
|
|
903
|
+
me(),
|
|
904
|
+
he({
|
|
905
|
+
element: m
|
|
896
906
|
})
|
|
897
907
|
]
|
|
898
|
-
}), w =
|
|
899
|
-
() => ({ setPage: l, back: r, toggle:
|
|
900
|
-
[r, l,
|
|
908
|
+
}), w = pe(k, { escapeKey: !1 }), { getReferenceProps: N, getFloatingProps: h } = _e([w]), b = E(
|
|
909
|
+
() => ({ setPage: l, back: r, toggle: a }),
|
|
910
|
+
[r, l, a]
|
|
901
911
|
);
|
|
902
912
|
return {
|
|
903
913
|
Page: u,
|
|
904
914
|
open: i,
|
|
905
|
-
arrowRef:
|
|
915
|
+
arrowRef: m,
|
|
906
916
|
refs: v,
|
|
907
917
|
floatingStyles: y,
|
|
908
918
|
context: k,
|
|
909
919
|
getReferenceProps() {
|
|
910
920
|
return {
|
|
911
|
-
...
|
|
921
|
+
...N(),
|
|
912
922
|
tabIndex: e.state.interactionsDisabled ? -1 : 0
|
|
913
923
|
};
|
|
914
924
|
},
|
|
915
|
-
getFloatingProps:
|
|
925
|
+
getFloatingProps: h,
|
|
916
926
|
contextValue: b
|
|
917
927
|
};
|
|
918
928
|
}
|
|
919
|
-
const
|
|
929
|
+
const Yn = "_settings-menu_7d0td_1", Xn = "_arrow_7d0td_19", Pe = {
|
|
920
930
|
"settings-menu": "_settings-menu_7d0td_1",
|
|
921
|
-
settingsMenu:
|
|
922
|
-
arrow:
|
|
931
|
+
settingsMenu: Yn,
|
|
932
|
+
arrow: Xn
|
|
923
933
|
};
|
|
924
|
-
function
|
|
934
|
+
function Jn() {
|
|
925
935
|
const {
|
|
926
936
|
Page: e,
|
|
927
937
|
arrowRef: n,
|
|
928
938
|
context: o,
|
|
929
939
|
floatingStyles: i,
|
|
930
|
-
getFloatingProps:
|
|
931
|
-
getReferenceProps:
|
|
940
|
+
getFloatingProps: s,
|
|
941
|
+
getReferenceProps: a,
|
|
932
942
|
open: l,
|
|
933
943
|
refs: r,
|
|
934
944
|
contextValue: u
|
|
935
|
-
} =
|
|
936
|
-
return /* @__PURE__ */
|
|
945
|
+
} = jn(), { t: m } = C();
|
|
946
|
+
return /* @__PURE__ */ c(Q, { children: [
|
|
937
947
|
/* @__PURE__ */ t(
|
|
938
948
|
"button",
|
|
939
949
|
{
|
|
940
950
|
ref: r.setReference,
|
|
941
951
|
type: "button",
|
|
942
952
|
className: "controls-button",
|
|
943
|
-
"aria-label":
|
|
953
|
+
"aria-label": m("SETTINGS"),
|
|
944
954
|
onClick: u.toggle,
|
|
945
955
|
"aria-expanded": l,
|
|
946
|
-
...
|
|
947
|
-
children: /* @__PURE__ */ t(
|
|
956
|
+
...a(),
|
|
957
|
+
children: /* @__PURE__ */ t(sn, { className: "controls-button-icon icon-rotate" })
|
|
948
958
|
}
|
|
949
959
|
),
|
|
950
|
-
l && /* @__PURE__ */ t(
|
|
960
|
+
l && /* @__PURE__ */ t(fe, { context: o, restoreFocus: !0, modal: !1, children: /* @__PURE__ */ c(
|
|
951
961
|
"div",
|
|
952
962
|
{
|
|
953
963
|
"aria-labelledby": "submenu",
|
|
954
|
-
className:
|
|
964
|
+
className: Pe.settingsMenu,
|
|
955
965
|
ref: r.setFloating,
|
|
956
966
|
style: i,
|
|
957
|
-
...
|
|
967
|
+
...s(),
|
|
958
968
|
children: [
|
|
959
|
-
/* @__PURE__ */ t(
|
|
969
|
+
/* @__PURE__ */ t(De.Provider, { value: u, children: /* @__PURE__ */ t(e, {}) }),
|
|
960
970
|
/* @__PURE__ */ t(
|
|
961
|
-
|
|
971
|
+
Ce,
|
|
962
972
|
{
|
|
963
973
|
ref: n,
|
|
964
974
|
context: o,
|
|
965
|
-
className:
|
|
975
|
+
className: Pe.arrow
|
|
966
976
|
}
|
|
967
977
|
)
|
|
968
978
|
]
|
|
@@ -970,53 +980,53 @@ function jn() {
|
|
|
970
980
|
) })
|
|
971
981
|
] });
|
|
972
982
|
}
|
|
973
|
-
function
|
|
983
|
+
function $e(e, n = 1e3) {
|
|
974
984
|
return function() {
|
|
975
|
-
const i =
|
|
976
|
-
return
|
|
977
|
-
|
|
985
|
+
const i = f("lastKeyboardAction"), [s, a] = x(!1), l = _(() => a(!1), []);
|
|
986
|
+
return O(() => {
|
|
987
|
+
a(!!i);
|
|
978
988
|
const r = setTimeout(l, n);
|
|
979
989
|
return () => clearTimeout(r);
|
|
980
|
-
}, [i, n]),
|
|
990
|
+
}, [i, n]), s ? /* @__PURE__ */ t(e, {}) : null;
|
|
981
991
|
};
|
|
982
992
|
}
|
|
983
|
-
const
|
|
993
|
+
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" }) }), ve = (e) => /* @__PURE__ */ t("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { 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" }) }), e1 = (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" }) }), 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: "M13.309 3.99987L0 12.1331L13.309 20.2663V13.7367L23.9987 20.2596V4.00655L13.309 10.5281V3.99987Z", fill: "currentColor" }) }), n1 = "_feedback-overlay_v4lbu_1", o1 = "_feedback-message_v4lbu_14", i1 = "_feedback-icon_v4lbu_30", s1 = "_feedback-icon-animation_v4lbu_1", L = {
|
|
984
994
|
"feedback-overlay": "_feedback-overlay_v4lbu_1",
|
|
985
|
-
feedbackOverlay:
|
|
995
|
+
feedbackOverlay: n1,
|
|
986
996
|
"feedback-message": "_feedback-message_v4lbu_14",
|
|
987
|
-
feedbackMessage:
|
|
997
|
+
feedbackMessage: o1,
|
|
988
998
|
"feedback-icon": "_feedback-icon_v4lbu_30",
|
|
989
|
-
feedbackIcon:
|
|
999
|
+
feedbackIcon: i1,
|
|
990
1000
|
"feedback-icon-animation": "_feedback-icon-animation_v4lbu_1",
|
|
991
|
-
feedbackIconAnimation:
|
|
1001
|
+
feedbackIconAnimation: s1
|
|
992
1002
|
};
|
|
993
|
-
function
|
|
1003
|
+
function a1() {
|
|
994
1004
|
var o;
|
|
995
|
-
const e =
|
|
1005
|
+
const e = Te();
|
|
996
1006
|
switch ((o = e.lastKeyboardAction) == null ? void 0 : o.action) {
|
|
997
1007
|
case "togglePaused":
|
|
998
|
-
return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: e.paused ? /* @__PURE__ */ t(
|
|
1008
|
+
return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: e.paused ? /* @__PURE__ */ t(ge, {}) : /* @__PURE__ */ t(ve, {}) });
|
|
999
1009
|
case "toggleCaptions":
|
|
1000
1010
|
case "nextCaptionLanguage":
|
|
1001
1011
|
case "previousCaptionLanguage":
|
|
1002
|
-
return e.hasCaptions ? /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: /* @__PURE__ */ t(
|
|
1012
|
+
return e.hasCaptions ? /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: /* @__PURE__ */ t(Ze, {}) }) : null;
|
|
1003
1013
|
case "volumeUp":
|
|
1004
1014
|
case "volumeDown":
|
|
1005
1015
|
case "toggleMuted":
|
|
1006
|
-
return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: e.muted || e.volume === 0 ? /* @__PURE__ */ t(
|
|
1016
|
+
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, {}) });
|
|
1007
1017
|
case "seekForward":
|
|
1008
1018
|
case "seekForward10":
|
|
1009
|
-
return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: /* @__PURE__ */ t(
|
|
1019
|
+
return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: /* @__PURE__ */ t(e1, { className: "right" }) });
|
|
1010
1020
|
case "seekBackward":
|
|
1011
1021
|
case "seekBackward10":
|
|
1012
|
-
return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: /* @__PURE__ */ t(
|
|
1022
|
+
return /* @__PURE__ */ t("i", { className: L.feedbackIcon, children: /* @__PURE__ */ t(t1, { className: "left" }) });
|
|
1013
1023
|
default:
|
|
1014
1024
|
return null;
|
|
1015
1025
|
}
|
|
1016
1026
|
}
|
|
1017
|
-
function
|
|
1027
|
+
function c1() {
|
|
1018
1028
|
var i;
|
|
1019
|
-
const { t: e } =
|
|
1029
|
+
const { t: e } = C(), n = Te();
|
|
1020
1030
|
switch ((i = n.lastKeyboardAction) == null ? void 0 : i.action) {
|
|
1021
1031
|
case "toggleCaptions":
|
|
1022
1032
|
case "nextCaptionLanguage":
|
|
@@ -1042,173 +1052,173 @@ function o1() {
|
|
|
1042
1052
|
return null;
|
|
1043
1053
|
}
|
|
1044
1054
|
}
|
|
1045
|
-
const
|
|
1046
|
-
function
|
|
1047
|
-
return /* @__PURE__ */
|
|
1048
|
-
/* @__PURE__ */ t(
|
|
1049
|
-
/* @__PURE__ */ t(
|
|
1055
|
+
const l1 = $e(a1, 500), r1 = $e(c1, 1e3);
|
|
1056
|
+
function Qe() {
|
|
1057
|
+
return /* @__PURE__ */ c("div", { className: L.feedbackOverlay, children: [
|
|
1058
|
+
/* @__PURE__ */ t(l1, {}),
|
|
1059
|
+
/* @__PURE__ */ t(r1, {})
|
|
1050
1060
|
] });
|
|
1051
1061
|
}
|
|
1052
|
-
const
|
|
1062
|
+
const u1 = (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" }) }), 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: "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" }) }), m1 = "_full-screen-button_1xm32_2", h1 = {
|
|
1053
1063
|
"full-screen-button": "_full-screen-button_1xm32_2",
|
|
1054
|
-
fullScreenButton:
|
|
1064
|
+
fullScreenButton: m1
|
|
1055
1065
|
};
|
|
1056
|
-
function
|
|
1057
|
-
const e =
|
|
1066
|
+
function p1() {
|
|
1067
|
+
const e = f("fullscreen"), n = F(), o = g(), i = M(), { t: s } = C();
|
|
1058
1068
|
return i.hideFullScreen ? null : /* @__PURE__ */ t(
|
|
1059
1069
|
"button",
|
|
1060
1070
|
{
|
|
1061
1071
|
role: "button",
|
|
1062
1072
|
type: "button",
|
|
1063
|
-
"aria-label":
|
|
1073
|
+
"aria-label": s(e ? "EXIT_FULLSCREEN" : "ENTER_FULLSCREEN"),
|
|
1064
1074
|
tabIndex: o.state.interactionsDisabled ? -1 : 0,
|
|
1065
|
-
className: `controls-button ${
|
|
1075
|
+
className: `controls-button ${h1.fullScreenButton}`,
|
|
1066
1076
|
onClick: () => {
|
|
1067
1077
|
e ? n == null || n.exitFullscreen() : n == null || n.enterFullscreen();
|
|
1068
1078
|
},
|
|
1069
|
-
children: e ? /* @__PURE__ */ t(
|
|
1079
|
+
children: e ? /* @__PURE__ */ t(d1, { className: "controls-button-icon" }) : /* @__PURE__ */ t(u1, { className: "controls-button-icon" })
|
|
1070
1080
|
}
|
|
1071
1081
|
);
|
|
1072
1082
|
}
|
|
1073
|
-
const
|
|
1083
|
+
const _1 = "_gestures-container_1fn3b_1", f1 = "_gesture_1fn3b_1", Ne = {
|
|
1074
1084
|
"gestures-container": "_gestures-container_1fn3b_1",
|
|
1075
|
-
gesturesContainer:
|
|
1076
|
-
gesture:
|
|
1085
|
+
gesturesContainer: _1,
|
|
1086
|
+
gesture: f1
|
|
1077
1087
|
};
|
|
1078
|
-
function
|
|
1079
|
-
const e =
|
|
1088
|
+
function C1() {
|
|
1089
|
+
const e = oe(), n = () => {
|
|
1080
1090
|
e.togglePaused();
|
|
1081
1091
|
};
|
|
1082
|
-
return /* @__PURE__ */ t("div", { className:
|
|
1092
|
+
return /* @__PURE__ */ t("div", { className: Ne.gesturesContainer, children: /* @__PURE__ */ t("div", { "aria-hidden": !0, className: Ne.gesture, onClick: n }) });
|
|
1083
1093
|
}
|
|
1084
|
-
const We = (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" }) }),
|
|
1094
|
+
const We = (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", g1 = "_keyboard-shortcuts-overlay_poi8b_11", v1 = "_screen-reader-content_poi8b_75", w1 = "_controls-button_poi8b_89", y1 = "_keyboard-shortcuts-button_poi8b_101", k1 = "_kebab-menu-button_poi8b_110", L1 = "_kebab-menu_poi8b_110", x1 = "_kebab-menu-item_poi8b_139", M1 = "_close-button_poi8b_178", P1 = "_arrow_poi8b_192", I = {
|
|
1085
1095
|
"controls-overlay": "_controls-overlay_poi8b_1",
|
|
1086
|
-
controlsOverlay:
|
|
1096
|
+
controlsOverlay: b1,
|
|
1087
1097
|
"keyboard-shortcuts-overlay": "_keyboard-shortcuts-overlay_poi8b_11",
|
|
1088
|
-
keyboardShortcutsOverlay:
|
|
1098
|
+
keyboardShortcutsOverlay: g1,
|
|
1089
1099
|
"screen-reader-content": "_screen-reader-content_poi8b_75",
|
|
1090
|
-
screenReaderContent:
|
|
1100
|
+
screenReaderContent: v1,
|
|
1091
1101
|
"controls-button": "_controls-button_poi8b_89",
|
|
1092
|
-
controlsButton:
|
|
1102
|
+
controlsButton: w1,
|
|
1093
1103
|
"keyboard-shortcuts-button": "_keyboard-shortcuts-button_poi8b_101",
|
|
1094
|
-
keyboardShortcutsButton:
|
|
1104
|
+
keyboardShortcutsButton: y1,
|
|
1095
1105
|
"kebab-menu-button": "_kebab-menu-button_poi8b_110",
|
|
1096
|
-
kebabMenuButton:
|
|
1106
|
+
kebabMenuButton: k1,
|
|
1097
1107
|
"kebab-menu": "_kebab-menu_poi8b_110",
|
|
1098
|
-
kebabMenu:
|
|
1108
|
+
kebabMenu: L1,
|
|
1099
1109
|
"kebab-menu-item": "_kebab-menu-item_poi8b_139",
|
|
1100
|
-
kebabMenuItem:
|
|
1110
|
+
kebabMenuItem: x1,
|
|
1101
1111
|
"close-button": "_close-button_poi8b_178",
|
|
1102
|
-
closeButton:
|
|
1103
|
-
arrow:
|
|
1112
|
+
closeButton: M1,
|
|
1113
|
+
arrow: P1
|
|
1104
1114
|
};
|
|
1105
|
-
function
|
|
1106
|
-
const { t: n } =
|
|
1107
|
-
|
|
1115
|
+
function N1({ onClose: e }) {
|
|
1116
|
+
const { t: n } = C();
|
|
1117
|
+
Nn(e);
|
|
1108
1118
|
const o = (i) => {
|
|
1109
1119
|
i && i.focus();
|
|
1110
1120
|
};
|
|
1111
|
-
return /* @__PURE__ */
|
|
1121
|
+
return /* @__PURE__ */ c(
|
|
1112
1122
|
"div",
|
|
1113
1123
|
{
|
|
1114
|
-
className:
|
|
1124
|
+
className: I.keyboardShortcutsOverlay,
|
|
1115
1125
|
tabIndex: 0,
|
|
1116
1126
|
ref: o,
|
|
1117
1127
|
role: "dialog",
|
|
1118
1128
|
"aria-label": n("KEYBOARD_SHORTCUTS"),
|
|
1119
1129
|
children: [
|
|
1120
|
-
/* @__PURE__ */
|
|
1130
|
+
/* @__PURE__ */ c("header", { children: [
|
|
1121
1131
|
/* @__PURE__ */ t("h2", { children: n("KEYBOARD_SHORTCUTS") }),
|
|
1122
1132
|
/* @__PURE__ */ t(
|
|
1123
1133
|
"button",
|
|
1124
1134
|
{
|
|
1125
1135
|
type: "button",
|
|
1126
|
-
className:
|
|
1136
|
+
className: I.closeButton,
|
|
1127
1137
|
onClick: e,
|
|
1128
1138
|
"aria-label": n("CLOSE"),
|
|
1129
1139
|
children: /* @__PURE__ */ t(We, {})
|
|
1130
1140
|
}
|
|
1131
1141
|
)
|
|
1132
1142
|
] }),
|
|
1133
|
-
/* @__PURE__ */
|
|
1134
|
-
/* @__PURE__ */ t("caption", { className:
|
|
1135
|
-
/* @__PURE__ */ t("thead", { children: /* @__PURE__ */
|
|
1143
|
+
/* @__PURE__ */ c("table", { children: [
|
|
1144
|
+
/* @__PURE__ */ t("caption", { className: I.screenReaderContent, children: n("KEYBOARD_SHORTCUTS") }),
|
|
1145
|
+
/* @__PURE__ */ t("thead", { children: /* @__PURE__ */ c("tr", { children: [
|
|
1136
1146
|
/* @__PURE__ */ t("th", { children: n("ACTION") }),
|
|
1137
1147
|
/* @__PURE__ */ t("th", { children: n("SHORTCUT") })
|
|
1138
1148
|
] }) }),
|
|
1139
|
-
/* @__PURE__ */
|
|
1140
|
-
/* @__PURE__ */
|
|
1149
|
+
/* @__PURE__ */ c("tbody", { children: [
|
|
1150
|
+
/* @__PURE__ */ c("tr", { children: [
|
|
1141
1151
|
/* @__PURE__ */ t("td", { children: n("SEEK_BACKWARD", { seconds: 5 }) }),
|
|
1142
1152
|
/* @__PURE__ */ t("td", { children: n("LEFT_ARROW") })
|
|
1143
1153
|
] }),
|
|
1144
|
-
/* @__PURE__ */
|
|
1154
|
+
/* @__PURE__ */ c("tr", { children: [
|
|
1145
1155
|
/* @__PURE__ */ t("td", { children: n("SEEK_FORWARD", { seconds: 5 }) }),
|
|
1146
1156
|
/* @__PURE__ */ t("td", { children: n("RIGHT_ARROW") })
|
|
1147
1157
|
] }),
|
|
1148
|
-
/* @__PURE__ */
|
|
1158
|
+
/* @__PURE__ */ c("tr", { children: [
|
|
1149
1159
|
/* @__PURE__ */ t("td", { children: n("SEEK_BACKWARD", { seconds: 10 }) }),
|
|
1150
1160
|
/* @__PURE__ */ t("td", { children: "J" })
|
|
1151
1161
|
] }),
|
|
1152
|
-
/* @__PURE__ */
|
|
1162
|
+
/* @__PURE__ */ c("tr", { children: [
|
|
1153
1163
|
/* @__PURE__ */ t("td", { children: n("SEEK_FORWARD", { seconds: 10 }) }),
|
|
1154
1164
|
/* @__PURE__ */ t("td", { children: "L" })
|
|
1155
1165
|
] }),
|
|
1156
|
-
/* @__PURE__ */
|
|
1166
|
+
/* @__PURE__ */ c("tr", { children: [
|
|
1157
1167
|
/* @__PURE__ */ t("td", { children: n("INCREASE_VOLUME", { percent: 5 }) }),
|
|
1158
1168
|
/* @__PURE__ */ t("td", { children: n("UP_ARROW") })
|
|
1159
1169
|
] }),
|
|
1160
|
-
/* @__PURE__ */
|
|
1170
|
+
/* @__PURE__ */ c("tr", { children: [
|
|
1161
1171
|
/* @__PURE__ */ t("td", { children: n("DECREASE_VOLUME", { percent: 5 }) }),
|
|
1162
1172
|
/* @__PURE__ */ t("td", { children: n("DOWN_ARROW") })
|
|
1163
1173
|
] }),
|
|
1164
|
-
/* @__PURE__ */
|
|
1174
|
+
/* @__PURE__ */ c("tr", { children: [
|
|
1165
1175
|
/* @__PURE__ */ t("td", { children: n("TOGGLE_MUTED") }),
|
|
1166
1176
|
/* @__PURE__ */ t("td", { children: "M" })
|
|
1167
1177
|
] }),
|
|
1168
|
-
/* @__PURE__ */
|
|
1178
|
+
/* @__PURE__ */ c("tr", { children: [
|
|
1169
1179
|
/* @__PURE__ */ t("td", { children: n("TOGGLE_PLAY_PAUSE") }),
|
|
1170
|
-
/* @__PURE__ */
|
|
1180
|
+
/* @__PURE__ */ c("td", { children: [
|
|
1171
1181
|
n("SPACE"),
|
|
1172
1182
|
", K"
|
|
1173
1183
|
] })
|
|
1174
1184
|
] }),
|
|
1175
|
-
/* @__PURE__ */
|
|
1185
|
+
/* @__PURE__ */ c("tr", { children: [
|
|
1176
1186
|
/* @__PURE__ */ t("td", { children: n("ENTER_FULLSCREEN") }),
|
|
1177
1187
|
/* @__PURE__ */ t("td", { children: "F" })
|
|
1178
1188
|
] }),
|
|
1179
|
-
/* @__PURE__ */
|
|
1189
|
+
/* @__PURE__ */ c("tr", { children: [
|
|
1180
1190
|
/* @__PURE__ */ t("td", { children: n("EXIT_FULLSCREEN") }),
|
|
1181
1191
|
/* @__PURE__ */ t("td", { children: "Esc, F" })
|
|
1182
1192
|
] }),
|
|
1183
|
-
/* @__PURE__ */
|
|
1193
|
+
/* @__PURE__ */ c("tr", { children: [
|
|
1184
1194
|
/* @__PURE__ */ t("td", { children: n("TOGGLE_CAPTIONS") }),
|
|
1185
1195
|
/* @__PURE__ */ t("td", { children: "C" })
|
|
1186
1196
|
] }),
|
|
1187
|
-
/* @__PURE__ */
|
|
1197
|
+
/* @__PURE__ */ c("tr", { children: [
|
|
1188
1198
|
/* @__PURE__ */ t("td", { children: n("NEXT_CAPTION_LANGUAGE") }),
|
|
1189
1199
|
/* @__PURE__ */ t("td", { children: "V" })
|
|
1190
1200
|
] }),
|
|
1191
|
-
/* @__PURE__ */
|
|
1201
|
+
/* @__PURE__ */ c("tr", { children: [
|
|
1192
1202
|
/* @__PURE__ */ t("td", { children: n("PREVIOUS_CAPTION_LANGUAGE") }),
|
|
1193
1203
|
/* @__PURE__ */ t("td", { children: "X" })
|
|
1194
1204
|
] }),
|
|
1195
|
-
/* @__PURE__ */
|
|
1205
|
+
/* @__PURE__ */ c("tr", { children: [
|
|
1196
1206
|
/* @__PURE__ */ t("td", { children: n("DECREASE_PLAYBACK_SPEED") }),
|
|
1197
1207
|
/* @__PURE__ */ t("td", { children: "A" })
|
|
1198
1208
|
] }),
|
|
1199
|
-
/* @__PURE__ */
|
|
1209
|
+
/* @__PURE__ */ c("tr", { children: [
|
|
1200
1210
|
/* @__PURE__ */ t("td", { children: n("RESET_PLAYBACK_SPEED") }),
|
|
1201
1211
|
/* @__PURE__ */ t("td", { children: "S" })
|
|
1202
1212
|
] }),
|
|
1203
|
-
/* @__PURE__ */
|
|
1213
|
+
/* @__PURE__ */ c("tr", { children: [
|
|
1204
1214
|
/* @__PURE__ */ t("td", { children: n("INCREASE_PLAYBACK_SPEED") }),
|
|
1205
1215
|
/* @__PURE__ */ t("td", { children: "D" })
|
|
1206
1216
|
] }),
|
|
1207
|
-
/* @__PURE__ */
|
|
1217
|
+
/* @__PURE__ */ c("tr", { children: [
|
|
1208
1218
|
/* @__PURE__ */ t("td", { children: n("JUMP_TO_START") }),
|
|
1209
1219
|
/* @__PURE__ */ t("td", { children: "0" })
|
|
1210
1220
|
] }),
|
|
1211
|
-
/* @__PURE__ */
|
|
1221
|
+
/* @__PURE__ */ c("tr", { children: [
|
|
1212
1222
|
/* @__PURE__ */ t("td", { children: n("JUMP_TO_PERCENTAGE") }),
|
|
1213
1223
|
/* @__PURE__ */ t("td", { children: "1-9" })
|
|
1214
1224
|
] })
|
|
@@ -1218,87 +1228,87 @@ function L1({ onClose: e }) {
|
|
|
1218
1228
|
}
|
|
1219
1229
|
);
|
|
1220
1230
|
}
|
|
1221
|
-
const
|
|
1222
|
-
share: /* @__PURE__ */ t(
|
|
1223
|
-
transcript: /* @__PURE__ */ t(
|
|
1224
|
-
media: /* @__PURE__ */ t(
|
|
1225
|
-
delete: /* @__PURE__ */ t(
|
|
1226
|
-
},
|
|
1227
|
-
function
|
|
1228
|
-
const [e, n] = x(!1), [o, i] = x(null),
|
|
1229
|
-
n(!e),
|
|
1230
|
-
}, r =
|
|
1231
|
+
const I1 = (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" }) }), 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: "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" }) }), 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: "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" }) }), 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: "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" }) }), E1 = {
|
|
1232
|
+
share: /* @__PURE__ */ t(H1, {}),
|
|
1233
|
+
transcript: /* @__PURE__ */ t(V1, {}),
|
|
1234
|
+
media: /* @__PURE__ */ t(S1, {}),
|
|
1235
|
+
delete: /* @__PURE__ */ t(T1, {})
|
|
1236
|
+
}, R1 = (e) => typeof e != "string";
|
|
1237
|
+
function A1() {
|
|
1238
|
+
const [e, n] = x(!1), [o, i] = x(null), s = g(), a = M(), l = () => {
|
|
1239
|
+
n(!e), s.setGlobalKeysDisabled(!e);
|
|
1240
|
+
}, r = G(null), u = G([]), { refs: m, floatingStyles: v, context: y } = ue({
|
|
1231
1241
|
open: e,
|
|
1232
1242
|
onOpenChange: l,
|
|
1233
|
-
whileElementsMounted:
|
|
1243
|
+
whileElementsMounted: de,
|
|
1234
1244
|
placement: "top-end",
|
|
1235
1245
|
middleware: [
|
|
1236
|
-
|
|
1237
|
-
|
|
1238
|
-
|
|
1239
|
-
|
|
1246
|
+
Ee(),
|
|
1247
|
+
Re(10),
|
|
1248
|
+
me(),
|
|
1249
|
+
he({
|
|
1240
1250
|
element: r
|
|
1241
1251
|
})
|
|
1242
1252
|
]
|
|
1243
|
-
}), k =
|
|
1253
|
+
}), k = vt(y, {
|
|
1244
1254
|
listRef: u,
|
|
1245
1255
|
activeIndex: o,
|
|
1246
1256
|
onNavigate: i
|
|
1247
|
-
}), w =
|
|
1257
|
+
}), w = pe(y), { getReferenceProps: N, getFloatingProps: h, getItemProps: b } = _e(
|
|
1248
1258
|
[w, k]
|
|
1249
|
-
), { t:
|
|
1250
|
-
return
|
|
1259
|
+
), { t: P } = C();
|
|
1260
|
+
return a.kebabMenuElements.length > 0 ? /* @__PURE__ */ c(Q, { children: [
|
|
1251
1261
|
/* @__PURE__ */ t(
|
|
1252
1262
|
"button",
|
|
1253
1263
|
{
|
|
1254
|
-
"aria-label":
|
|
1264
|
+
"aria-label": P("KEBAB_MENU"),
|
|
1255
1265
|
type: "button",
|
|
1256
|
-
className: `${
|
|
1257
|
-
tabIndex:
|
|
1258
|
-
ref:
|
|
1259
|
-
...
|
|
1266
|
+
className: `${I.controlsButton} ${I.kebabMenuButton}`,
|
|
1267
|
+
tabIndex: s.state.interactionsDisabled ? -1 : 0,
|
|
1268
|
+
ref: m.setReference,
|
|
1269
|
+
...N({
|
|
1260
1270
|
onClick: () => l()
|
|
1261
1271
|
}),
|
|
1262
|
-
children: /* @__PURE__ */ t(
|
|
1272
|
+
children: /* @__PURE__ */ t(I1, {})
|
|
1263
1273
|
}
|
|
1264
1274
|
),
|
|
1265
|
-
e && /* @__PURE__ */ t(
|
|
1275
|
+
e && /* @__PURE__ */ t(fe, { context: y, modal: !1, children: /* @__PURE__ */ c(
|
|
1266
1276
|
"div",
|
|
1267
1277
|
{
|
|
1268
|
-
ref:
|
|
1278
|
+
ref: m.setFloating,
|
|
1269
1279
|
style: v,
|
|
1270
|
-
className:
|
|
1271
|
-
...
|
|
1280
|
+
className: I.kebabMenu,
|
|
1281
|
+
...h(),
|
|
1272
1282
|
children: [
|
|
1273
|
-
|
|
1274
|
-
({ id: T, text:
|
|
1283
|
+
a.kebabMenuElements.map(
|
|
1284
|
+
({ id: T, text: Z, icon: S, onClick: Y }, X) => /* @__PURE__ */ c(
|
|
1275
1285
|
"button",
|
|
1276
1286
|
{
|
|
1277
1287
|
tabIndex: o === X ? 0 : -1,
|
|
1278
1288
|
type: "button",
|
|
1279
|
-
className:
|
|
1280
|
-
ref: (
|
|
1281
|
-
u.current[X] =
|
|
1289
|
+
className: I.kebabMenuItem,
|
|
1290
|
+
ref: (se) => {
|
|
1291
|
+
u.current[X] = se;
|
|
1282
1292
|
},
|
|
1283
1293
|
...b({
|
|
1284
1294
|
onClick: () => {
|
|
1285
|
-
|
|
1295
|
+
Y(T), n(!1);
|
|
1286
1296
|
}
|
|
1287
1297
|
}),
|
|
1288
1298
|
children: [
|
|
1289
|
-
|
|
1290
|
-
|
|
1299
|
+
R1(S) ? S : E1[S],
|
|
1300
|
+
Z
|
|
1291
1301
|
]
|
|
1292
1302
|
},
|
|
1293
1303
|
T
|
|
1294
1304
|
)
|
|
1295
1305
|
),
|
|
1296
1306
|
/* @__PURE__ */ t(
|
|
1297
|
-
|
|
1307
|
+
Ce,
|
|
1298
1308
|
{
|
|
1299
1309
|
ref: r,
|
|
1300
1310
|
context: y,
|
|
1301
|
-
className:
|
|
1311
|
+
className: I.arrow
|
|
1302
1312
|
}
|
|
1303
1313
|
)
|
|
1304
1314
|
]
|
|
@@ -1306,136 +1316,136 @@ function S1() {
|
|
|
1306
1316
|
) })
|
|
1307
1317
|
] }) : null;
|
|
1308
1318
|
}
|
|
1309
|
-
const
|
|
1310
|
-
function
|
|
1311
|
-
const [e, n] = x(!1), [o, i] = x(!1), [
|
|
1312
|
-
n(!0), l.disableInteractions(), r && (
|
|
1319
|
+
const B1 = (e) => /* @__PURE__ */ t("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "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" }) });
|
|
1320
|
+
function O1() {
|
|
1321
|
+
const [e, n] = x(!1), [o, i] = x(!1), [s, a] = x(!1), l = g(), r = f("playing"), u = oe(), { t: m } = C(), v = _(() => {
|
|
1322
|
+
n(!0), l.disableInteractions(), r && (a(!0), u.pause());
|
|
1313
1323
|
}, [r, u, l]), y = _(() => {
|
|
1314
|
-
n(!1), i(!0), l.enableInteractions(),
|
|
1315
|
-
}, [
|
|
1324
|
+
n(!1), i(!0), l.enableInteractions(), s && (a(!1), u.play());
|
|
1325
|
+
}, [s, u, l]), k = _(
|
|
1316
1326
|
(w) => o && (w == null ? void 0 : w.focus()),
|
|
1317
1327
|
[o]
|
|
1318
1328
|
);
|
|
1319
|
-
return e ? /* @__PURE__ */ t(
|
|
1329
|
+
return e ? /* @__PURE__ */ t(N1, { onClose: y }) : /* @__PURE__ */ c("div", { className: I.controlsOverlay, children: [
|
|
1320
1330
|
/* @__PURE__ */ t(
|
|
1321
1331
|
"button",
|
|
1322
1332
|
{
|
|
1323
1333
|
ref: k,
|
|
1324
|
-
"aria-label":
|
|
1334
|
+
"aria-label": m("KEYBOARD_SHORTCUTS"),
|
|
1325
1335
|
type: "button",
|
|
1326
|
-
className: `${
|
|
1336
|
+
className: `${I.controlsButton} ${I.keyboardShortcutsButton}`,
|
|
1327
1337
|
onClick: v,
|
|
1328
1338
|
tabIndex: l.state.interactionsDisabled ? -1 : 0,
|
|
1329
|
-
children: /* @__PURE__ */ t(
|
|
1339
|
+
children: /* @__PURE__ */ t(B1, {})
|
|
1330
1340
|
}
|
|
1331
1341
|
),
|
|
1332
|
-
/* @__PURE__ */ t(
|
|
1342
|
+
/* @__PURE__ */ t(A1, {})
|
|
1333
1343
|
] });
|
|
1334
1344
|
}
|
|
1335
|
-
const
|
|
1345
|
+
const F1 = "_play-pause-button_1834v_1", Z1 = {
|
|
1336
1346
|
"play-pause-button": "_play-pause-button_1834v_1",
|
|
1337
|
-
playPauseButton:
|
|
1347
|
+
playPauseButton: F1
|
|
1338
1348
|
};
|
|
1339
|
-
function
|
|
1340
|
-
const e =
|
|
1349
|
+
function z1() {
|
|
1350
|
+
const e = F(), n = g(), o = f("paused"), { t: i } = C();
|
|
1341
1351
|
return e ? /* @__PURE__ */ t(
|
|
1342
1352
|
"button",
|
|
1343
1353
|
{
|
|
1344
1354
|
role: "button",
|
|
1345
1355
|
type: "button",
|
|
1346
|
-
className: `controls-button ${
|
|
1356
|
+
className: `controls-button ${Z1.playPauseButton}`,
|
|
1347
1357
|
"aria-label": i(o ? "PLAY" : "PAUSE"),
|
|
1348
1358
|
tabIndex: n.state.interactionsDisabled ? -1 : 0,
|
|
1349
1359
|
onClick: () => {
|
|
1350
1360
|
e.paused ? e.remoteControl.play() : e.remoteControl.pause();
|
|
1351
1361
|
},
|
|
1352
|
-
children: o ? /* @__PURE__ */ t(
|
|
1362
|
+
children: o ? /* @__PURE__ */ t(ve, { className: "controls-button-icon" }) : /* @__PURE__ */ t(ge, { className: "controls-button-icon" })
|
|
1353
1363
|
}
|
|
1354
1364
|
) : null;
|
|
1355
1365
|
}
|
|
1356
|
-
const
|
|
1357
|
-
poster:
|
|
1366
|
+
const K1 = "_poster_195hi_1", D1 = {
|
|
1367
|
+
poster: K1
|
|
1358
1368
|
};
|
|
1359
|
-
function
|
|
1360
|
-
const n =
|
|
1361
|
-
return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(
|
|
1369
|
+
function $1({ src: e }) {
|
|
1370
|
+
const n = f("source");
|
|
1371
|
+
return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ t(dt, { src: e, className: D1.poster });
|
|
1362
1372
|
}
|
|
1363
|
-
const
|
|
1373
|
+
const U1 = "_small-layout-overlay_1pd49_1", q1 = "_small-layout-button_1pd49_14", G1 = "_small-layout-icon-play_1pd49_24", Q1 = "_small-layout-icon-pause_1pd49_30", W1 = "_full-screen-close-icon_1pd49_36", j1 = "_fade-out_1pd49_1", U = {
|
|
1364
1374
|
"small-layout-overlay": "_small-layout-overlay_1pd49_1",
|
|
1365
|
-
smallLayoutOverlay:
|
|
1375
|
+
smallLayoutOverlay: U1,
|
|
1366
1376
|
"small-layout-button": "_small-layout-button_1pd49_14",
|
|
1367
|
-
smallLayoutButton:
|
|
1377
|
+
smallLayoutButton: q1,
|
|
1368
1378
|
"small-layout-icon-play": "_small-layout-icon-play_1pd49_24",
|
|
1369
|
-
smallLayoutIconPlay:
|
|
1379
|
+
smallLayoutIconPlay: G1,
|
|
1370
1380
|
"small-layout-icon-pause": "_small-layout-icon-pause_1pd49_30",
|
|
1371
|
-
smallLayoutIconPause:
|
|
1381
|
+
smallLayoutIconPause: Q1,
|
|
1372
1382
|
"full-screen-close-icon": "_full-screen-close-icon_1pd49_36",
|
|
1373
|
-
fullScreenCloseIcon:
|
|
1383
|
+
fullScreenCloseIcon: W1,
|
|
1374
1384
|
"fade-out": "_fade-out_1pd49_1",
|
|
1375
|
-
fadeOut:
|
|
1385
|
+
fadeOut: j1
|
|
1376
1386
|
};
|
|
1377
|
-
function
|
|
1378
|
-
const e =
|
|
1379
|
-
return /* @__PURE__ */
|
|
1380
|
-
/* @__PURE__ */ t(
|
|
1381
|
-
/* @__PURE__ */ t("i", { className:
|
|
1387
|
+
function Y1() {
|
|
1388
|
+
const e = f("paused");
|
|
1389
|
+
return /* @__PURE__ */ c("div", { className: U.smallLayoutOverlay, children: [
|
|
1390
|
+
/* @__PURE__ */ t(mt, { className: U.fullScreenCloseIcon, children: /* @__PURE__ */ t(We, {}) }),
|
|
1391
|
+
/* @__PURE__ */ t("i", { className: U.smallLayoutButton, children: e ? /* @__PURE__ */ t(ve, { className: U.smallLayoutIconPlay }) : /* @__PURE__ */ t(ge, { className: U.smallLayoutIconPause }) })
|
|
1382
1392
|
] });
|
|
1383
1393
|
}
|
|
1384
|
-
const
|
|
1394
|
+
const X1 = "_time-indicator_1rlpb_1", J1 = {
|
|
1385
1395
|
"time-indicator": "_time-indicator_1rlpb_1",
|
|
1386
|
-
timeIndicator:
|
|
1396
|
+
timeIndicator: X1
|
|
1387
1397
|
};
|
|
1388
|
-
function
|
|
1389
|
-
return /* @__PURE__ */
|
|
1390
|
-
/* @__PURE__ */ t(
|
|
1398
|
+
function eo() {
|
|
1399
|
+
return /* @__PURE__ */ c("div", { className: J1.timeIndicator, children: [
|
|
1400
|
+
/* @__PURE__ */ t(xe, { type: "current" }),
|
|
1391
1401
|
"/",
|
|
1392
|
-
/* @__PURE__ */ t(
|
|
1402
|
+
/* @__PURE__ */ t(xe, { type: "duration" })
|
|
1393
1403
|
] });
|
|
1394
1404
|
}
|
|
1395
|
-
const
|
|
1396
|
-
"comment-markers": "_comment-
|
|
1397
|
-
commentMarkers:
|
|
1398
|
-
"comment-marker": "_comment-
|
|
1399
|
-
commentMarker:
|
|
1400
|
-
"timeline-wrapper": "_timeline-
|
|
1401
|
-
timelineWrapper:
|
|
1402
|
-
track:
|
|
1403
|
-
thumb:
|
|
1404
|
-
root:
|
|
1405
|
-
"track-inner": "_track-
|
|
1406
|
-
trackInner:
|
|
1407
|
-
progress:
|
|
1408
|
-
"track-fill": "_track-
|
|
1409
|
-
trackFill:
|
|
1410
|
-
pins:
|
|
1411
|
-
"pin-button": "_pin-
|
|
1412
|
-
pinButton:
|
|
1413
|
-
"annotation-pin": "_annotation-
|
|
1414
|
-
annotationPin:
|
|
1415
|
-
"quiz-pin": "_quiz-
|
|
1416
|
-
quizPin:
|
|
1417
|
-
"annotation-pin-child": "_annotation-pin-
|
|
1418
|
-
annotationPinChild:
|
|
1419
|
-
"quiz-pin-child": "_quiz-pin-
|
|
1420
|
-
quizPinChild:
|
|
1421
|
-
"interactive-pin-container": "_interactive-pin-
|
|
1422
|
-
interactivePinContainer:
|
|
1423
|
-
"interactive-pin-wrapper": "_interactive-pin-
|
|
1424
|
-
interactivePinWrapper:
|
|
1425
|
-
"interactive-pin-icon": "_interactive-pin-
|
|
1426
|
-
interactivePinIcon:
|
|
1427
|
-
"interactive-pin": "_interactive-
|
|
1428
|
-
interactivePin:
|
|
1429
|
-
bg:
|
|
1430
|
-
symbol:
|
|
1431
|
-
"interactive-pin-button": "_interactive-pin-
|
|
1432
|
-
interactivePinButton:
|
|
1433
|
-
"interactive-pin-menu": "_interactive-pin-
|
|
1434
|
-
interactivePinMenu:
|
|
1435
|
-
"interactive-pin-menu-item": "_interactive-pin-menu-
|
|
1436
|
-
interactivePinMenuItem:
|
|
1437
|
-
arrow:
|
|
1438
|
-
},
|
|
1405
|
+
const to = "_comment-markers_fno42_1", no = "_comment-marker_fno42_1", oo = "_timeline-wrapper_fno42_27", io = "_track_fno42_41", so = "_thumb_fno42_52", ao = "_root_fno42_66", co = "_track-inner_fno42_96", lo = "_progress_fno42_102", ro = "_track-fill_fno42_108", uo = "_pins_fno42_125", mo = "_pin-button_fno42_138", ho = "_annotation-pin_fno42_158", po = "_quiz-pin_fno42_163", _o = "_annotation-pin-child_fno42_168", fo = "_quiz-pin-child_fno42_172", Co = "_interactive-pin-container_fno42_177", bo = "_interactive-pin-wrapper_fno42_187", go = "_interactive-pin-icon_fno42_193", vo = "_interactive-pin_fno42_177", wo = "_bg_fno42_207", yo = "_symbol_fno42_211", ko = "_interactive-pin-button_fno42_216", Lo = "_interactive-pin-menu_fno42_236", xo = "_interactive-pin-menu-item_fno42_250", Mo = "_arrow_fno42_271", d = {
|
|
1406
|
+
"comment-markers": "_comment-markers_fno42_1",
|
|
1407
|
+
commentMarkers: to,
|
|
1408
|
+
"comment-marker": "_comment-marker_fno42_1",
|
|
1409
|
+
commentMarker: no,
|
|
1410
|
+
"timeline-wrapper": "_timeline-wrapper_fno42_27",
|
|
1411
|
+
timelineWrapper: oo,
|
|
1412
|
+
track: io,
|
|
1413
|
+
thumb: so,
|
|
1414
|
+
root: ao,
|
|
1415
|
+
"track-inner": "_track-inner_fno42_96",
|
|
1416
|
+
trackInner: co,
|
|
1417
|
+
progress: lo,
|
|
1418
|
+
"track-fill": "_track-fill_fno42_108",
|
|
1419
|
+
trackFill: ro,
|
|
1420
|
+
pins: uo,
|
|
1421
|
+
"pin-button": "_pin-button_fno42_138",
|
|
1422
|
+
pinButton: mo,
|
|
1423
|
+
"annotation-pin": "_annotation-pin_fno42_158",
|
|
1424
|
+
annotationPin: ho,
|
|
1425
|
+
"quiz-pin": "_quiz-pin_fno42_163",
|
|
1426
|
+
quizPin: po,
|
|
1427
|
+
"annotation-pin-child": "_annotation-pin-child_fno42_168",
|
|
1428
|
+
annotationPinChild: _o,
|
|
1429
|
+
"quiz-pin-child": "_quiz-pin-child_fno42_172",
|
|
1430
|
+
quizPinChild: fo,
|
|
1431
|
+
"interactive-pin-container": "_interactive-pin-container_fno42_177",
|
|
1432
|
+
interactivePinContainer: Co,
|
|
1433
|
+
"interactive-pin-wrapper": "_interactive-pin-wrapper_fno42_187",
|
|
1434
|
+
interactivePinWrapper: bo,
|
|
1435
|
+
"interactive-pin-icon": "_interactive-pin-icon_fno42_193",
|
|
1436
|
+
interactivePinIcon: go,
|
|
1437
|
+
"interactive-pin": "_interactive-pin_fno42_177",
|
|
1438
|
+
interactivePin: vo,
|
|
1439
|
+
bg: wo,
|
|
1440
|
+
symbol: yo,
|
|
1441
|
+
"interactive-pin-button": "_interactive-pin-button_fno42_216",
|
|
1442
|
+
interactivePinButton: ko,
|
|
1443
|
+
"interactive-pin-menu": "_interactive-pin-menu_fno42_236",
|
|
1444
|
+
interactivePinMenu: Lo,
|
|
1445
|
+
"interactive-pin-menu-item": "_interactive-pin-menu-item_fno42_250",
|
|
1446
|
+
interactivePinMenuItem: xo,
|
|
1447
|
+
arrow: Mo
|
|
1448
|
+
}, Po = {
|
|
1439
1449
|
annotation: d.annotationPin,
|
|
1440
1450
|
quiz: d.quizPin
|
|
1441
1451
|
};
|
|
@@ -1445,19 +1455,19 @@ function je({
|
|
|
1445
1455
|
children: o,
|
|
1446
1456
|
onClick: i
|
|
1447
1457
|
}) {
|
|
1448
|
-
const
|
|
1458
|
+
const s = g();
|
|
1449
1459
|
return /* @__PURE__ */ t(
|
|
1450
1460
|
"button",
|
|
1451
1461
|
{
|
|
1452
1462
|
type: "button",
|
|
1453
|
-
tabIndex:
|
|
1463
|
+
tabIndex: s.state.interactionsDisabled ? -1 : 0,
|
|
1454
1464
|
className: d.pinButton,
|
|
1455
1465
|
style: { left: `${n}%` },
|
|
1456
1466
|
onClick: i,
|
|
1457
|
-
children: /* @__PURE__ */
|
|
1467
|
+
children: /* @__PURE__ */ c(
|
|
1458
1468
|
"svg",
|
|
1459
1469
|
{
|
|
1460
|
-
className:
|
|
1470
|
+
className: Po[e],
|
|
1461
1471
|
width: "26",
|
|
1462
1472
|
height: "32",
|
|
1463
1473
|
viewBox: "0 0 26 32",
|
|
@@ -1471,7 +1481,7 @@ function je({
|
|
|
1471
1481
|
}
|
|
1472
1482
|
);
|
|
1473
1483
|
}
|
|
1474
|
-
function
|
|
1484
|
+
function No(e) {
|
|
1475
1485
|
return /* @__PURE__ */ t(je, { type: "annotation", ...e, children: /* @__PURE__ */ t(
|
|
1476
1486
|
"path",
|
|
1477
1487
|
{
|
|
@@ -1484,7 +1494,7 @@ function Lo(e) {
|
|
|
1484
1494
|
}
|
|
1485
1495
|
) });
|
|
1486
1496
|
}
|
|
1487
|
-
function
|
|
1497
|
+
function Io(e) {
|
|
1488
1498
|
return /* @__PURE__ */ t(je, { type: "quiz", ...e, children: e.multiple ? /* @__PURE__ */ t("circle", { className: d.quizPinChild, cx: "13", cy: "13", r: "6" }) : /* @__PURE__ */ t(
|
|
1489
1499
|
"text",
|
|
1490
1500
|
{
|
|
@@ -1498,7 +1508,7 @@ function xo(e) {
|
|
|
1498
1508
|
}
|
|
1499
1509
|
) });
|
|
1500
1510
|
}
|
|
1501
|
-
function
|
|
1511
|
+
function Ho(e, n) {
|
|
1502
1512
|
return e.map((o, i) => ({
|
|
1503
1513
|
id: o.id,
|
|
1504
1514
|
time: o.time,
|
|
@@ -1507,42 +1517,42 @@ function Mo(e, n) {
|
|
|
1507
1517
|
onClick: () => n(o)
|
|
1508
1518
|
}));
|
|
1509
1519
|
}
|
|
1510
|
-
function
|
|
1520
|
+
function Vo(e, n) {
|
|
1511
1521
|
const o = /* @__PURE__ */ new Map();
|
|
1512
|
-
e.forEach((
|
|
1522
|
+
e.forEach((a) => {
|
|
1513
1523
|
var r;
|
|
1514
|
-
const l =
|
|
1515
|
-
o.has(l) || o.set(l, []), (r = o.get(l)) == null || r.push(
|
|
1524
|
+
const l = a.time;
|
|
1525
|
+
o.has(l) || o.set(l, []), (r = o.get(l)) == null || r.push(a);
|
|
1516
1526
|
});
|
|
1517
1527
|
const i = [];
|
|
1518
|
-
let
|
|
1519
|
-
return o.forEach((
|
|
1528
|
+
let s = 0;
|
|
1529
|
+
return o.forEach((a, l) => {
|
|
1520
1530
|
i.push({
|
|
1521
|
-
id:
|
|
1531
|
+
id: a.map((r) => r.id).join("-"),
|
|
1522
1532
|
time: l,
|
|
1523
1533
|
type: "quiz",
|
|
1524
|
-
ordinal:
|
|
1525
|
-
onClick: () => n(
|
|
1526
|
-
multiple:
|
|
1527
|
-
}),
|
|
1534
|
+
ordinal: s + 1,
|
|
1535
|
+
onClick: () => n(a),
|
|
1536
|
+
multiple: a.length > 1
|
|
1537
|
+
}), s++;
|
|
1528
1538
|
}), i;
|
|
1529
1539
|
}
|
|
1530
|
-
function
|
|
1540
|
+
function So(e, n, o, i) {
|
|
1531
1541
|
switch (e.type) {
|
|
1532
1542
|
case "annotation": {
|
|
1533
|
-
const
|
|
1543
|
+
const s = () => i ? e.onClick() : o.seek(e.time);
|
|
1534
1544
|
return /* @__PURE__ */ t(
|
|
1535
|
-
|
|
1545
|
+
No,
|
|
1536
1546
|
{
|
|
1537
1547
|
position: e.time / n * 100,
|
|
1538
|
-
onClick:
|
|
1548
|
+
onClick: s
|
|
1539
1549
|
},
|
|
1540
1550
|
e.id
|
|
1541
1551
|
);
|
|
1542
1552
|
}
|
|
1543
1553
|
case "quiz":
|
|
1544
1554
|
return /* @__PURE__ */ t(
|
|
1545
|
-
|
|
1555
|
+
Io,
|
|
1546
1556
|
{
|
|
1547
1557
|
position: e.time / n * 100,
|
|
1548
1558
|
ordinal: e.ordinal,
|
|
@@ -1555,18 +1565,18 @@ function Po(e, n, o, i) {
|
|
|
1555
1565
|
return null;
|
|
1556
1566
|
}
|
|
1557
1567
|
}
|
|
1558
|
-
function
|
|
1559
|
-
const e =
|
|
1560
|
-
...
|
|
1568
|
+
function To() {
|
|
1569
|
+
const e = oe(), n = f("duration"), o = M(), i = E(() => [
|
|
1570
|
+
...Ho(
|
|
1561
1571
|
o.annotations,
|
|
1562
1572
|
o.onAnnotationClick
|
|
1563
1573
|
),
|
|
1564
|
-
...
|
|
1565
|
-
].sort((
|
|
1574
|
+
...Vo(o.quizMarkers, o.onQuizMarkerClick)
|
|
1575
|
+
].sort((a, l) => a.time - l.time).map((a) => So(a, n, e, o.interactive)), [o.annotations, o.quizMarkers, n, e]);
|
|
1566
1576
|
return /* @__PURE__ */ t("div", { className: d.pins, children: i });
|
|
1567
1577
|
}
|
|
1568
|
-
function
|
|
1569
|
-
const e =
|
|
1578
|
+
function Eo() {
|
|
1579
|
+
const e = f("duration"), n = M(), o = g();
|
|
1570
1580
|
return n.hasComments && o.state.commentsEnabled ? /* @__PURE__ */ t("div", { className: d.commentMarkers, children: n.comments.map((i) => /* @__PURE__ */ t(
|
|
1571
1581
|
"span",
|
|
1572
1582
|
{
|
|
@@ -1578,36 +1588,36 @@ function Ho() {
|
|
|
1578
1588
|
i.id
|
|
1579
1589
|
)) }) : null;
|
|
1580
1590
|
}
|
|
1581
|
-
function
|
|
1582
|
-
const [o, i] = x(!1),
|
|
1583
|
-
|
|
1584
|
-
|
|
1591
|
+
function Ro({ currentTime: e, position: n }) {
|
|
1592
|
+
const [o, i] = x(!1), s = M(), a = _(() => s.interactiveMenuElements.length > 0 ? i((w) => !w) : s.onInteractivePinClick(e), [
|
|
1593
|
+
s.interactiveMenuElements,
|
|
1594
|
+
s.onInteractivePinClick,
|
|
1585
1595
|
e
|
|
1586
|
-
]), l =
|
|
1596
|
+
]), l = G(null), { refs: r, floatingStyles: u, context: m } = ue({
|
|
1587
1597
|
open: o,
|
|
1588
1598
|
onOpenChange: i,
|
|
1589
|
-
whileElementsMounted:
|
|
1599
|
+
whileElementsMounted: de,
|
|
1590
1600
|
placement: "top",
|
|
1591
1601
|
middleware: [
|
|
1592
|
-
|
|
1593
|
-
|
|
1594
|
-
|
|
1595
|
-
|
|
1602
|
+
Ee(),
|
|
1603
|
+
Re(6),
|
|
1604
|
+
me(),
|
|
1605
|
+
he({
|
|
1596
1606
|
element: l
|
|
1597
1607
|
})
|
|
1598
1608
|
]
|
|
1599
|
-
}), v =
|
|
1600
|
-
return /* @__PURE__ */
|
|
1609
|
+
}), v = pe(m), { getReferenceProps: y, getFloatingProps: k } = _e([v]);
|
|
1610
|
+
return /* @__PURE__ */ c(Q, { children: [
|
|
1601
1611
|
/* @__PURE__ */ t(
|
|
1602
1612
|
"button",
|
|
1603
1613
|
{
|
|
1604
1614
|
type: "button",
|
|
1605
|
-
onClick:
|
|
1615
|
+
onClick: a,
|
|
1606
1616
|
className: d.interactivePinButton,
|
|
1607
1617
|
ref: r.setReference,
|
|
1608
1618
|
style: { left: `${n}%` },
|
|
1609
1619
|
...y(),
|
|
1610
|
-
children: /* @__PURE__ */
|
|
1620
|
+
children: /* @__PURE__ */ c(
|
|
1611
1621
|
"svg",
|
|
1612
1622
|
{
|
|
1613
1623
|
className: d.interactivePin,
|
|
@@ -1647,102 +1657,114 @@ function Vo({ currentTime: e, position: n }) {
|
|
|
1647
1657
|
)
|
|
1648
1658
|
}
|
|
1649
1659
|
),
|
|
1650
|
-
o && /* @__PURE__ */
|
|
1651
|
-
|
|
1660
|
+
o && /* @__PURE__ */ t(
|
|
1661
|
+
fe,
|
|
1652
1662
|
{
|
|
1653
|
-
|
|
1654
|
-
|
|
1655
|
-
|
|
1656
|
-
|
|
1657
|
-
|
|
1658
|
-
|
|
1659
|
-
|
|
1660
|
-
|
|
1661
|
-
|
|
1662
|
-
|
|
1663
|
-
|
|
1664
|
-
|
|
1665
|
-
|
|
1666
|
-
|
|
1667
|
-
/* @__PURE__ */ t(
|
|
1668
|
-
"svg",
|
|
1663
|
+
order: ["floating", "content"],
|
|
1664
|
+
context: m,
|
|
1665
|
+
modal: !0,
|
|
1666
|
+
children: /* @__PURE__ */ c(
|
|
1667
|
+
"div",
|
|
1668
|
+
{
|
|
1669
|
+
ref: r.setFloating,
|
|
1670
|
+
style: u,
|
|
1671
|
+
className: d.interactivePinMenu,
|
|
1672
|
+
...k(),
|
|
1673
|
+
children: [
|
|
1674
|
+
s.interactiveMenuElements.map(
|
|
1675
|
+
({ id: w, text: N, onClick: h }) => /* @__PURE__ */ c(
|
|
1676
|
+
"button",
|
|
1669
1677
|
{
|
|
1670
|
-
|
|
1671
|
-
|
|
1672
|
-
|
|
1673
|
-
|
|
1674
|
-
|
|
1675
|
-
children:
|
|
1676
|
-
|
|
1677
|
-
|
|
1678
|
-
|
|
1679
|
-
|
|
1680
|
-
|
|
1681
|
-
|
|
1682
|
-
|
|
1683
|
-
|
|
1684
|
-
|
|
1685
|
-
|
|
1686
|
-
|
|
1687
|
-
|
|
1688
|
-
|
|
1689
|
-
|
|
1690
|
-
|
|
1691
|
-
|
|
1692
|
-
|
|
1693
|
-
|
|
1694
|
-
|
|
1695
|
-
|
|
1696
|
-
|
|
1697
|
-
|
|
1698
|
-
|
|
1699
|
-
|
|
1678
|
+
type: "button",
|
|
1679
|
+
className: d.interactivePinMenuItem,
|
|
1680
|
+
onClick: () => {
|
|
1681
|
+
h(w, e), i(!1);
|
|
1682
|
+
},
|
|
1683
|
+
children: [
|
|
1684
|
+
/* @__PURE__ */ t(
|
|
1685
|
+
"svg",
|
|
1686
|
+
{
|
|
1687
|
+
width: "16",
|
|
1688
|
+
height: "16",
|
|
1689
|
+
viewBox: "0 0 16 16",
|
|
1690
|
+
fill: "none",
|
|
1691
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1692
|
+
children: /* @__PURE__ */ t(
|
|
1693
|
+
"path",
|
|
1694
|
+
{
|
|
1695
|
+
fillRule: "evenodd",
|
|
1696
|
+
clipRule: "evenodd",
|
|
1697
|
+
d: "M7.33339 7.33339H1.77783V8.66672H7.33339V14.2223H8.66672V8.66672H14.2223V7.33339H8.66672V1.77783H7.33339V7.33339Z",
|
|
1698
|
+
fill: "#273540"
|
|
1699
|
+
}
|
|
1700
|
+
)
|
|
1701
|
+
}
|
|
1702
|
+
),
|
|
1703
|
+
N
|
|
1704
|
+
]
|
|
1705
|
+
},
|
|
1706
|
+
w
|
|
1707
|
+
)
|
|
1708
|
+
),
|
|
1709
|
+
/* @__PURE__ */ t(
|
|
1710
|
+
Ce,
|
|
1711
|
+
{
|
|
1712
|
+
ref: l,
|
|
1713
|
+
context: m,
|
|
1714
|
+
className: d.arrow
|
|
1715
|
+
}
|
|
1716
|
+
)
|
|
1717
|
+
]
|
|
1718
|
+
}
|
|
1719
|
+
)
|
|
1700
1720
|
}
|
|
1701
1721
|
)
|
|
1702
1722
|
] });
|
|
1703
1723
|
}
|
|
1704
|
-
function
|
|
1705
|
-
const e =
|
|
1706
|
-
return
|
|
1707
|
-
|
|
1708
|
-
|
|
1709
|
-
|
|
1710
|
-
|
|
1711
|
-
|
|
1712
|
-
|
|
1713
|
-
|
|
1714
|
-
|
|
1715
|
-
|
|
1716
|
-
|
|
1717
|
-
|
|
1718
|
-
/* @__PURE__ */ t(
|
|
1719
|
-
/* @__PURE__ */
|
|
1720
|
-
|
|
1724
|
+
function Ao() {
|
|
1725
|
+
const e = f("duration"), n = f("currentTime"), o = n / e * 100, { disableInteractivePinRanges: i } = M();
|
|
1726
|
+
return i.some(
|
|
1727
|
+
([a, l]) => n >= a && n <= l
|
|
1728
|
+
) ? null : /* @__PURE__ */ t("div", { className: d.interactivePinContainer, children: /* @__PURE__ */ t("div", { className: d.interactivePinWrapper, children: /* @__PURE__ */ t(Ro, { currentTime: n, position: o }) }) });
|
|
1729
|
+
}
|
|
1730
|
+
function Bo() {
|
|
1731
|
+
const e = f("paused"), n = g();
|
|
1732
|
+
return e && !n.state.interactionsDisabled ? /* @__PURE__ */ t(Ao, {}) : null;
|
|
1733
|
+
}
|
|
1734
|
+
const Oo = `${d.progress} ${d.trackInner}`, Fo = `${d.trackFill} ${d.trackInner}`;
|
|
1735
|
+
function Ie({ className: e }) {
|
|
1736
|
+
const n = g(), { hasAnnotations: o, hasQuizmarkers: i, interactive: s } = M(), a = e ? `${d.timelineWrapper} ${e}` : d.timelineWrapper;
|
|
1737
|
+
return /* @__PURE__ */ c("div", { className: a, children: [
|
|
1738
|
+
s ? /* @__PURE__ */ t(Bo, {}) : null,
|
|
1739
|
+
s || o || i ? /* @__PURE__ */ t(To, {}) : null,
|
|
1740
|
+
/* @__PURE__ */ t(Eo, {}),
|
|
1741
|
+
/* @__PURE__ */ c(
|
|
1742
|
+
$.Root,
|
|
1721
1743
|
{
|
|
1722
1744
|
className: d.root,
|
|
1723
1745
|
tabIndex: n.state.interactionsDisabled ? -1 : 0,
|
|
1724
1746
|
children: [
|
|
1725
|
-
/* @__PURE__ */
|
|
1726
|
-
/* @__PURE__ */ t(
|
|
1727
|
-
/* @__PURE__ */ t(
|
|
1747
|
+
/* @__PURE__ */ c($.Track, { className: d.track, children: [
|
|
1748
|
+
/* @__PURE__ */ t($.Progress, { className: Oo }),
|
|
1749
|
+
/* @__PURE__ */ t($.TrackFill, { className: Fo })
|
|
1728
1750
|
] }),
|
|
1729
|
-
/* @__PURE__ */ t(
|
|
1751
|
+
/* @__PURE__ */ t($.Thumb, { className: d.thumb })
|
|
1730
1752
|
]
|
|
1731
1753
|
}
|
|
1732
1754
|
)
|
|
1733
1755
|
] });
|
|
1734
1756
|
}
|
|
1735
|
-
const
|
|
1736
|
-
wrapper:
|
|
1737
|
-
track:
|
|
1738
|
-
thumb:
|
|
1757
|
+
const Zo = "_wrapper_12cb0_1", zo = "_track_12cb0_6", Ko = "_thumb_12cb0_18", Do = "_track-fill_12cb0_32", $o = "_root_12cb0_51", q = {
|
|
1758
|
+
wrapper: Zo,
|
|
1759
|
+
track: zo,
|
|
1760
|
+
thumb: Ko,
|
|
1739
1761
|
"track-fill": "_track-fill_12cb0_32",
|
|
1740
|
-
trackFill:
|
|
1741
|
-
root:
|
|
1762
|
+
trackFill: Do,
|
|
1763
|
+
root: $o
|
|
1742
1764
|
};
|
|
1743
|
-
function
|
|
1744
|
-
const e =
|
|
1745
|
-
return /* @__PURE__ */
|
|
1765
|
+
function Uo() {
|
|
1766
|
+
const e = F(), n = f("volume"), o = f("muted"), i = g(), s = o || n === 0, { t: a } = C();
|
|
1767
|
+
return /* @__PURE__ */ c("div", { className: q.wrapper, children: [
|
|
1746
1768
|
/* @__PURE__ */ t(
|
|
1747
1769
|
"button",
|
|
1748
1770
|
{
|
|
@@ -1750,27 +1772,27 @@ function zo() {
|
|
|
1750
1772
|
type: "button",
|
|
1751
1773
|
tabIndex: i.state.interactionsDisabled ? -1 : 0,
|
|
1752
1774
|
className: "controls-button",
|
|
1753
|
-
"aria-label":
|
|
1775
|
+
"aria-label": a(s ? "VOLUME" : "MUTE"),
|
|
1754
1776
|
onClick: () => {
|
|
1755
|
-
|
|
1777
|
+
s ? e == null || e.remoteControl.unmute() : e == null || e.remoteControl.mute();
|
|
1756
1778
|
},
|
|
1757
|
-
children:
|
|
1779
|
+
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" })
|
|
1758
1780
|
}
|
|
1759
1781
|
),
|
|
1760
|
-
/* @__PURE__ */
|
|
1782
|
+
/* @__PURE__ */ c(
|
|
1761
1783
|
J.Root,
|
|
1762
1784
|
{
|
|
1763
|
-
className:
|
|
1785
|
+
className: q.root,
|
|
1764
1786
|
tabIndex: i.state.interactionsDisabled ? -1 : 0,
|
|
1765
1787
|
children: [
|
|
1766
|
-
/* @__PURE__ */ t(J.Track, { className:
|
|
1767
|
-
/* @__PURE__ */ t(J.Thumb, { className:
|
|
1788
|
+
/* @__PURE__ */ t(J.Track, { className: q.track, children: /* @__PURE__ */ t(J.TrackFill, { className: q.trackFill }) }),
|
|
1789
|
+
/* @__PURE__ */ t(J.Thumb, { className: q.thumb })
|
|
1768
1790
|
]
|
|
1769
1791
|
}
|
|
1770
1792
|
)
|
|
1771
1793
|
] });
|
|
1772
1794
|
}
|
|
1773
|
-
const
|
|
1795
|
+
const He = {
|
|
1774
1796
|
togglePaused: {
|
|
1775
1797
|
keys: ["Space", "Enter", "k"],
|
|
1776
1798
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
@@ -1791,9 +1813,9 @@ const Pe = {
|
|
|
1791
1813
|
nextCaptionLanguage: {
|
|
1792
1814
|
keys: ["v"],
|
|
1793
1815
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
1794
|
-
const i = n.textTracks.selectedIndex,
|
|
1816
|
+
const i = n.textTracks.selectedIndex, s = i + 1;
|
|
1795
1817
|
o.changeTextTrackMode(i, "hidden"), o.changeTextTrackMode(
|
|
1796
|
-
|
|
1818
|
+
s >= n.textTracks.length ? 0 : s,
|
|
1797
1819
|
"showing"
|
|
1798
1820
|
), n.$state.lastKeyboardAction.set({
|
|
1799
1821
|
action: "nextCaptionLanguage",
|
|
@@ -1804,9 +1826,9 @@ const Pe = {
|
|
|
1804
1826
|
previousCaptionLanguage: {
|
|
1805
1827
|
keys: ["x"],
|
|
1806
1828
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
1807
|
-
const i = n.textTracks.selectedIndex,
|
|
1829
|
+
const i = n.textTracks.selectedIndex, s = i - 1;
|
|
1808
1830
|
o.changeTextTrackMode(i, "hidden"), o.changeTextTrackMode(
|
|
1809
|
-
|
|
1831
|
+
s < 0 ? n.textTracks.length - 1 : s,
|
|
1810
1832
|
"showing"
|
|
1811
1833
|
), n.$state.lastKeyboardAction.set({
|
|
1812
1834
|
action: "previousCaptionLanguage",
|
|
@@ -1817,8 +1839,8 @@ const Pe = {
|
|
|
1817
1839
|
decreasePlaybackRate: {
|
|
1818
1840
|
keys: ["a"],
|
|
1819
1841
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
1820
|
-
const
|
|
1821
|
-
|
|
1842
|
+
const s = K.indexOf(n.playbackRate) - 1;
|
|
1843
|
+
s >= 0 && (o.changePlaybackRate(K[s]), n.$state.lastKeyboardAction.set({
|
|
1822
1844
|
action: "decreasePlaybackRate",
|
|
1823
1845
|
event: e
|
|
1824
1846
|
}));
|
|
@@ -1827,8 +1849,8 @@ const Pe = {
|
|
|
1827
1849
|
increasePlaybackRate: {
|
|
1828
1850
|
keys: ["d"],
|
|
1829
1851
|
onKeyUp({ event: e, player: n, remote: o }) {
|
|
1830
|
-
const
|
|
1831
|
-
|
|
1852
|
+
const s = K.indexOf(n.playbackRate) + 1;
|
|
1853
|
+
s < K.length && (o.changePlaybackRate(K[s]), n.$state.lastKeyboardAction.set({
|
|
1832
1854
|
action: "increasePlaybackRate",
|
|
1833
1855
|
event: e
|
|
1834
1856
|
}));
|
|
@@ -1862,10 +1884,10 @@ const Pe = {
|
|
|
1862
1884
|
}
|
|
1863
1885
|
}
|
|
1864
1886
|
};
|
|
1865
|
-
function
|
|
1887
|
+
function Ve(e) {
|
|
1866
1888
|
return typeof e == "number" && !isNaN(e);
|
|
1867
1889
|
}
|
|
1868
|
-
function
|
|
1890
|
+
function qo(e, n = 1e3) {
|
|
1869
1891
|
let o = !1;
|
|
1870
1892
|
return () => {
|
|
1871
1893
|
o || (e(), o = !0, setTimeout(() => {
|
|
@@ -1873,7 +1895,7 @@ function Ko(e, n = 1e3) {
|
|
|
1873
1895
|
}, n));
|
|
1874
1896
|
};
|
|
1875
1897
|
}
|
|
1876
|
-
const
|
|
1898
|
+
const Se = {
|
|
1877
1899
|
volume: 1,
|
|
1878
1900
|
muted: !1,
|
|
1879
1901
|
lang: null,
|
|
@@ -1884,23 +1906,23 @@ const He = {
|
|
|
1884
1906
|
invert: !1,
|
|
1885
1907
|
comments: !1
|
|
1886
1908
|
};
|
|
1887
|
-
class
|
|
1909
|
+
class Go {
|
|
1888
1910
|
constructor() {
|
|
1889
|
-
|
|
1890
|
-
|
|
1891
|
-
|
|
1892
|
-
|
|
1893
|
-
|
|
1894
|
-
|
|
1911
|
+
V(this, "playerId", "studio-player");
|
|
1912
|
+
V(this, "mediaId", null);
|
|
1913
|
+
V(this, "data", Se);
|
|
1914
|
+
V(this, "time", null);
|
|
1915
|
+
V(this, "overrideTime", null);
|
|
1916
|
+
V(this, "saveTime", () => {
|
|
1895
1917
|
if (!this.mediaId) return;
|
|
1896
1918
|
const n = (this.time ?? 0).toString();
|
|
1897
1919
|
localStorage.setItem(this.mediaId, n);
|
|
1898
1920
|
});
|
|
1899
|
-
|
|
1921
|
+
V(this, "saveTimeThrottled", qo(this.saveTime, 1e3));
|
|
1900
1922
|
// only used for useStudioPlayer hook's state initialization
|
|
1901
|
-
|
|
1923
|
+
V(this, "initializeState", (n) => {
|
|
1902
1924
|
const o = localStorage.getItem(this.playerId);
|
|
1903
|
-
if (
|
|
1925
|
+
if (Ve(n) && n >= 0 && (this.overrideTime = n), o)
|
|
1904
1926
|
try {
|
|
1905
1927
|
this.data = JSON.parse(o);
|
|
1906
1928
|
} catch {
|
|
@@ -1915,7 +1937,7 @@ class Do {
|
|
|
1915
1937
|
disableCaptionSettings: !1
|
|
1916
1938
|
};
|
|
1917
1939
|
});
|
|
1918
|
-
|
|
1940
|
+
V(this, "saveData", (n, o) => {
|
|
1919
1941
|
this.data = {
|
|
1920
1942
|
...this.data,
|
|
1921
1943
|
[n]: o
|
|
@@ -1966,18 +1988,18 @@ class Do {
|
|
|
1966
1988
|
this.data.rate = n, this.save();
|
|
1967
1989
|
}
|
|
1968
1990
|
onChange(n, o, i = "studio-player") {
|
|
1969
|
-
const
|
|
1991
|
+
const s = i ? localStorage.getItem(i) : null, a = o ? localStorage.getItem(o) : null;
|
|
1970
1992
|
this.playerId = i, this.mediaId = o;
|
|
1971
1993
|
let l = {};
|
|
1972
|
-
if (
|
|
1994
|
+
if (s)
|
|
1973
1995
|
try {
|
|
1974
|
-
l = JSON.parse(
|
|
1996
|
+
l = JSON.parse(s);
|
|
1975
1997
|
} catch {
|
|
1976
1998
|
}
|
|
1977
1999
|
this.data = {
|
|
1978
|
-
...
|
|
2000
|
+
...Se,
|
|
1979
2001
|
...l
|
|
1980
|
-
},
|
|
2002
|
+
}, Ve(this.overrideTime) && this.overrideTime >= 0 ? this.time = this.overrideTime : this.time = a ? +a : null;
|
|
1981
2003
|
}
|
|
1982
2004
|
save() {
|
|
1983
2005
|
if (!this.playerId) return;
|
|
@@ -1985,199 +2007,232 @@ class Do {
|
|
|
1985
2007
|
localStorage.setItem(this.playerId, n);
|
|
1986
2008
|
}
|
|
1987
2009
|
}
|
|
1988
|
-
function
|
|
1989
|
-
const
|
|
1990
|
-
|
|
2010
|
+
function Qo(e, n, o, i) {
|
|
2011
|
+
const s = E(() => new Go(), []), [a, l] = x(
|
|
2012
|
+
s.initializeState(i)
|
|
1991
2013
|
), r = _(
|
|
1992
|
-
(
|
|
1993
|
-
l((b) => (
|
|
2014
|
+
(h) => {
|
|
2015
|
+
l((b) => (s.saveData("multiplier", h), {
|
|
1994
2016
|
...b,
|
|
1995
|
-
captionsFontSizeMultiplier:
|
|
2017
|
+
captionsFontSizeMultiplier: h
|
|
1996
2018
|
}));
|
|
1997
2019
|
},
|
|
1998
|
-
[
|
|
2020
|
+
[s]
|
|
1999
2021
|
), u = _(() => {
|
|
2000
|
-
l((
|
|
2001
|
-
const b = !
|
|
2002
|
-
return
|
|
2003
|
-
...
|
|
2022
|
+
l((h) => {
|
|
2023
|
+
const b = !h.captionPositionOnTop;
|
|
2024
|
+
return s.saveData("ontop", b), {
|
|
2025
|
+
...h,
|
|
2004
2026
|
captionPositionOnTop: b
|
|
2005
2027
|
};
|
|
2006
2028
|
});
|
|
2007
|
-
}, [
|
|
2008
|
-
l((
|
|
2009
|
-
const b = !
|
|
2010
|
-
return
|
|
2011
|
-
...
|
|
2029
|
+
}, [s]), m = _(() => {
|
|
2030
|
+
l((h) => {
|
|
2031
|
+
const b = !h.captionsInvertColors;
|
|
2032
|
+
return s.saveData("invert", b), {
|
|
2033
|
+
...h,
|
|
2012
2034
|
captionsInvertColors: b
|
|
2013
2035
|
};
|
|
2014
2036
|
});
|
|
2015
|
-
}, [
|
|
2016
|
-
l((
|
|
2017
|
-
const b = !
|
|
2018
|
-
return
|
|
2019
|
-
...
|
|
2037
|
+
}, [s]), v = _(() => {
|
|
2038
|
+
l((h) => {
|
|
2039
|
+
const b = !h.commentsEnabled;
|
|
2040
|
+
return s.saveData("comments", b), {
|
|
2041
|
+
...h,
|
|
2020
2042
|
commentsEnabled: b
|
|
2021
2043
|
};
|
|
2022
2044
|
});
|
|
2023
|
-
}, [
|
|
2024
|
-
l((
|
|
2025
|
-
...
|
|
2045
|
+
}, [s]), y = _(() => {
|
|
2046
|
+
l((h) => ({
|
|
2047
|
+
...h,
|
|
2026
2048
|
interactionsDisabled: !1
|
|
2027
2049
|
}));
|
|
2028
2050
|
}, []), k = _(() => {
|
|
2029
|
-
l((
|
|
2030
|
-
...
|
|
2051
|
+
l((h) => ({
|
|
2052
|
+
...h,
|
|
2031
2053
|
interactionsDisabled: !0
|
|
2032
2054
|
}));
|
|
2033
|
-
}, []), w = _((
|
|
2055
|
+
}, []), w = _((h) => {
|
|
2034
2056
|
l((b) => ({
|
|
2035
2057
|
...b,
|
|
2036
|
-
globalKeysDisabled:
|
|
2058
|
+
globalKeysDisabled: h
|
|
2037
2059
|
}));
|
|
2038
|
-
}, []),
|
|
2039
|
-
...
|
|
2060
|
+
}, []), N = E(() => e ? {
|
|
2061
|
+
...He,
|
|
2040
2062
|
toggleFullscreen: []
|
|
2041
|
-
} :
|
|
2063
|
+
} : He, [e]);
|
|
2042
2064
|
return {
|
|
2043
2065
|
contextValue: {
|
|
2044
2066
|
state: {
|
|
2045
|
-
...
|
|
2046
|
-
commentsEnabled: n ||
|
|
2067
|
+
...a,
|
|
2068
|
+
commentsEnabled: n || a.commentsEnabled
|
|
2047
2069
|
},
|
|
2048
2070
|
setCaptionsFontSizeMultiplier: r,
|
|
2049
2071
|
toggleCaptionPositionOnTop: u,
|
|
2050
|
-
toggleCaptionsInvertColors:
|
|
2072
|
+
toggleCaptionsInvertColors: m,
|
|
2051
2073
|
enableInteractions: y,
|
|
2052
2074
|
disableInteractions: k,
|
|
2053
2075
|
setGlobalKeysDisabled: w,
|
|
2054
2076
|
toggleComments: v,
|
|
2055
2077
|
disableCaptionSettings: o
|
|
2056
2078
|
},
|
|
2057
|
-
shortcuts:
|
|
2058
|
-
storage:
|
|
2079
|
+
shortcuts: N,
|
|
2080
|
+
storage: s
|
|
2059
2081
|
};
|
|
2060
2082
|
}
|
|
2061
|
-
const
|
|
2062
|
-
function
|
|
2063
|
-
const e =
|
|
2064
|
-
return /* @__PURE__ */
|
|
2065
|
-
/* @__PURE__ */ t(
|
|
2066
|
-
/* @__PURE__ */ t(
|
|
2067
|
-
/* @__PURE__ */ t(
|
|
2068
|
-
/* @__PURE__ */ t(
|
|
2069
|
-
/* @__PURE__ */ t(
|
|
2070
|
-
/* @__PURE__ */ t(
|
|
2071
|
-
/* @__PURE__ */ t(
|
|
2083
|
+
const Wo = {};
|
|
2084
|
+
function jo() {
|
|
2085
|
+
const e = M();
|
|
2086
|
+
return /* @__PURE__ */ c(Q, { children: [
|
|
2087
|
+
/* @__PURE__ */ t($1, { src: e.thumbnail }),
|
|
2088
|
+
/* @__PURE__ */ t(Qe, {}),
|
|
2089
|
+
/* @__PURE__ */ t(Oe, {}),
|
|
2090
|
+
/* @__PURE__ */ t(ze, { captions: e.captions }),
|
|
2091
|
+
/* @__PURE__ */ t(Y1, {}),
|
|
2092
|
+
/* @__PURE__ */ t(C1, {}),
|
|
2093
|
+
/* @__PURE__ */ t(jt, { comments: e.comments })
|
|
2072
2094
|
] });
|
|
2073
2095
|
}
|
|
2074
|
-
const
|
|
2075
|
-
/* @__PURE__ */
|
|
2096
|
+
const Yo = (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: [
|
|
2097
|
+
/* @__PURE__ */ c("g", { id: "icon-file-base-2", children: [
|
|
2076
2098
|
/* @__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" }),
|
|
2077
2099
|
/* @__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" }),
|
|
2078
2100
|
/* @__PURE__ */ t("path", { d: "M0,2 L0,34 C0,35.105 0.899,36 1.993,36 L26.006,36 C27.107,36 28,35.11 28,34 L28,10 L18,0 L1.993,0 C0.892,0 0,0.89 0,2 Z M1.993,35 C1.445,35 1,34.552 1,34 L1,2 C1,1.448 1.445,1 1.993,1 L16.5,1 L16.5,9 C16.5,10.379 17.621,11.5 18.999,11.5 L27,11.5 L27,34 C27,34.552 26.554,35 26.006,35 L1.993,35 Z M27,10.5 L18.999,10.5 C18.173,10.5 17.5,9.827 17.5,9 L17.5,1 L17.585,1 L27,10.414 L27,10.5 L27,10.5 Z", fill: "#384A58" })
|
|
2079
2101
|
] }),
|
|
2080
2102
|
/* @__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" })
|
|
2081
2103
|
] }) }) });
|
|
2082
|
-
function
|
|
2083
|
-
const e =
|
|
2084
|
-
return /* @__PURE__ */
|
|
2085
|
-
/* @__PURE__ */ t(
|
|
2086
|
-
/* @__PURE__ */ t(
|
|
2087
|
-
/* @__PURE__ */ t(
|
|
2088
|
-
/* @__PURE__ */ t(
|
|
2104
|
+
function Xo() {
|
|
2105
|
+
const e = M();
|
|
2106
|
+
return /* @__PURE__ */ c("div", { className: "audio-layout-wrapper", children: [
|
|
2107
|
+
/* @__PURE__ */ t(Yo, {}),
|
|
2108
|
+
/* @__PURE__ */ t(Qe, {}),
|
|
2109
|
+
/* @__PURE__ */ t(Oe, {}),
|
|
2110
|
+
/* @__PURE__ */ t(ze, { captions: e.captions })
|
|
2089
2111
|
] });
|
|
2090
2112
|
}
|
|
2091
|
-
|
|
2113
|
+
function Jo(e, n, o) {
|
|
2114
|
+
let i = !1;
|
|
2115
|
+
return (s) => {
|
|
2116
|
+
const a = s.detail.currentTime, l = !o.paused;
|
|
2117
|
+
a >= e.time && !i && (i = !0, n(e, l)), a < e.time && i && (i = !1);
|
|
2118
|
+
};
|
|
2119
|
+
}
|
|
2120
|
+
function ei() {
|
|
2121
|
+
const e = F(), { quizMarkers: n, onQuizMarkerShow: o } = M();
|
|
2122
|
+
O(() => {
|
|
2123
|
+
if (!e)
|
|
2124
|
+
return;
|
|
2125
|
+
const i = [];
|
|
2126
|
+
for (const s of n) {
|
|
2127
|
+
const a = Jo(s, o, e);
|
|
2128
|
+
e.addEventListener("time-update", a), i.push(a);
|
|
2129
|
+
}
|
|
2130
|
+
return () => {
|
|
2131
|
+
for (const s of i)
|
|
2132
|
+
e.removeEventListener("time-update", s);
|
|
2133
|
+
};
|
|
2134
|
+
}, [n, e]);
|
|
2135
|
+
}
|
|
2136
|
+
function ti() {
|
|
2137
|
+
return ei(), null;
|
|
2138
|
+
}
|
|
2139
|
+
const ne = () => {
|
|
2092
2140
|
};
|
|
2093
|
-
function
|
|
2141
|
+
function ui({
|
|
2094
2142
|
title: e,
|
|
2095
2143
|
playerRef: n,
|
|
2096
2144
|
src: o,
|
|
2097
2145
|
captions: i = [],
|
|
2098
|
-
thumbnail:
|
|
2099
|
-
hideFullScreen:
|
|
2146
|
+
thumbnail: s,
|
|
2147
|
+
hideFullScreen: a = !1,
|
|
2100
2148
|
comments: l = [],
|
|
2101
2149
|
locale: r = "en",
|
|
2102
2150
|
annotations: u = [],
|
|
2103
|
-
quizMarkers:
|
|
2151
|
+
quizMarkers: m = [],
|
|
2104
2152
|
interactive: v = !1,
|
|
2105
|
-
onAnnotationClick: y =
|
|
2106
|
-
onQuizMarkerClick: k =
|
|
2107
|
-
|
|
2108
|
-
|
|
2109
|
-
|
|
2110
|
-
|
|
2111
|
-
|
|
2112
|
-
|
|
2113
|
-
|
|
2114
|
-
|
|
2115
|
-
|
|
2116
|
-
|
|
2153
|
+
onAnnotationClick: y = ne,
|
|
2154
|
+
onQuizMarkerClick: k = ne,
|
|
2155
|
+
onQuizMarkerShow: w = ne,
|
|
2156
|
+
onInteractivePinClick: N = ne,
|
|
2157
|
+
interactiveMenuElements: h = [],
|
|
2158
|
+
kebabMenuElements: b = [],
|
|
2159
|
+
darkMode: P = !1,
|
|
2160
|
+
autoLoadCaptionSrc: T = "",
|
|
2161
|
+
forceComments: Z = !1,
|
|
2162
|
+
disableCaptionSettings: S = !1,
|
|
2163
|
+
disableStorage: Y = !1,
|
|
2164
|
+
startAt: X,
|
|
2165
|
+
crossOrigin: se,
|
|
2166
|
+
captionOffsetOverride: Ye,
|
|
2167
|
+
disableInteractivePinRanges: Xe = []
|
|
2117
2168
|
}) {
|
|
2118
|
-
const { contextValue:
|
|
2119
|
-
|
|
2120
|
-
|
|
2121
|
-
|
|
2122
|
-
|
|
2123
|
-
), { i18n:
|
|
2124
|
-
|
|
2125
|
-
|
|
2126
|
-
}, [
|
|
2127
|
-
const [
|
|
2128
|
-
|
|
2169
|
+
const { contextValue: ae, shortcuts: Je, storage: et } = Qo(
|
|
2170
|
+
a,
|
|
2171
|
+
Z,
|
|
2172
|
+
S,
|
|
2173
|
+
X
|
|
2174
|
+
), { i18n: we } = C();
|
|
2175
|
+
O(() => {
|
|
2176
|
+
we.changeLanguage(r);
|
|
2177
|
+
}, [we, r]);
|
|
2178
|
+
const [ye, ke] = x("none"), tt = _((R) => {
|
|
2179
|
+
ht(R) ? ke("audio") : pt(R) && ke("video");
|
|
2129
2180
|
}, []);
|
|
2130
2181
|
return /* @__PURE__ */ t(
|
|
2131
|
-
|
|
2182
|
+
kt,
|
|
2132
2183
|
{
|
|
2133
|
-
hideFullScreen:
|
|
2184
|
+
hideFullScreen: a,
|
|
2134
2185
|
comments: l,
|
|
2135
2186
|
captions: i,
|
|
2136
|
-
thumbnail:
|
|
2187
|
+
thumbnail: s,
|
|
2137
2188
|
annotations: u,
|
|
2138
|
-
quizMarkers:
|
|
2189
|
+
quizMarkers: m,
|
|
2139
2190
|
interactive: v,
|
|
2140
2191
|
onAnnotationClick: y,
|
|
2141
2192
|
onQuizMarkerClick: k,
|
|
2142
|
-
onInteractivePinClick:
|
|
2143
|
-
interactiveMenuElements:
|
|
2144
|
-
kebabMenuElements:
|
|
2145
|
-
darkMode:
|
|
2146
|
-
forceComments:
|
|
2147
|
-
disableCaptionSettings:
|
|
2148
|
-
disableStorage:
|
|
2149
|
-
|
|
2150
|
-
|
|
2193
|
+
onInteractivePinClick: N,
|
|
2194
|
+
interactiveMenuElements: h,
|
|
2195
|
+
kebabMenuElements: b,
|
|
2196
|
+
darkMode: P,
|
|
2197
|
+
forceComments: Z,
|
|
2198
|
+
disableCaptionSettings: S,
|
|
2199
|
+
disableStorage: Y,
|
|
2200
|
+
captionOffsetOverride: Ye,
|
|
2201
|
+
disableInteractivePinRanges: Xe,
|
|
2202
|
+
onQuizMarkerShow: w,
|
|
2203
|
+
children: /* @__PURE__ */ t(yt, { contextValue: ae, children: /* @__PURE__ */ c(
|
|
2204
|
+
_t,
|
|
2151
2205
|
{
|
|
2152
|
-
crossOrigin:
|
|
2153
|
-
storage:
|
|
2206
|
+
crossOrigin: se,
|
|
2207
|
+
storage: Y ? null : et,
|
|
2154
2208
|
title: e,
|
|
2155
2209
|
src: o,
|
|
2156
|
-
keyShortcuts:
|
|
2210
|
+
keyShortcuts: Je,
|
|
2157
2211
|
playsInline: !0,
|
|
2158
|
-
keyDisabled:
|
|
2159
|
-
onTextTracksChange: (
|
|
2160
|
-
const
|
|
2161
|
-
(
|
|
2212
|
+
keyDisabled: ae.state.interactionsDisabled || ae.state.globalKeysDisabled,
|
|
2213
|
+
onTextTracksChange: (R) => {
|
|
2214
|
+
const Le = R == null ? void 0 : R.findIndex(
|
|
2215
|
+
(nt) => nt.src === T
|
|
2162
2216
|
);
|
|
2163
|
-
|
|
2217
|
+
Le > -1 && (R[Le].mode = "showing");
|
|
2164
2218
|
},
|
|
2165
|
-
onProviderSetup:
|
|
2219
|
+
onProviderSetup: tt,
|
|
2166
2220
|
children: [
|
|
2167
|
-
/* @__PURE__ */
|
|
2168
|
-
|
|
2169
|
-
|
|
2221
|
+
/* @__PURE__ */ c(ft, { className: Wo.mediaProvider, children: [
|
|
2222
|
+
ye === "audio" && /* @__PURE__ */ t(Xo, {}),
|
|
2223
|
+
ye === "video" && /* @__PURE__ */ t(jo, {})
|
|
2170
2224
|
] }),
|
|
2171
|
-
/* @__PURE__ */ t(
|
|
2225
|
+
/* @__PURE__ */ t(O1, {}),
|
|
2172
2226
|
/* @__PURE__ */ t(
|
|
2173
|
-
|
|
2227
|
+
on,
|
|
2174
2228
|
{
|
|
2175
|
-
darkMode:
|
|
2229
|
+
darkMode: P,
|
|
2176
2230
|
playerRef: n,
|
|
2177
|
-
showCaptionsButton: !
|
|
2231
|
+
showCaptionsButton: !S
|
|
2178
2232
|
}
|
|
2179
2233
|
),
|
|
2180
|
-
/* @__PURE__ */ t(
|
|
2234
|
+
/* @__PURE__ */ t(Pt, { annotations: u }),
|
|
2235
|
+
!!m.length && /* @__PURE__ */ t(ti, {})
|
|
2181
2236
|
]
|
|
2182
2237
|
}
|
|
2183
2238
|
) })
|
|
@@ -2185,10 +2240,10 @@ function oi({
|
|
|
2185
2240
|
);
|
|
2186
2241
|
}
|
|
2187
2242
|
export {
|
|
2188
|
-
|
|
2189
|
-
|
|
2190
|
-
|
|
2191
|
-
|
|
2192
|
-
|
|
2193
|
-
|
|
2243
|
+
Bt as CAPTION_FONT_SIZE_MULTIPLIERS,
|
|
2244
|
+
Ot as COMMENT_DURATION,
|
|
2245
|
+
K as PLAYBACK_RATES,
|
|
2246
|
+
ui as StudioPlayer,
|
|
2247
|
+
hi as useMediaState,
|
|
2248
|
+
pi as useMediaStore
|
|
2194
2249
|
};
|